.bOver {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: white;

  padding-top: 3px;
  padding-left: 5px;
  padding-bottom: 3px;
  padding-right: 5px;

  background-color: #99ccff;

  cursor: hand;
}

.bOut {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: white;
  
  padding-top: 3px;
  padding-left: 5px;
  padding-bottom: 3px;
  padding-right: 5px;
  
  background-color: #5389bc;
  
  cursor: hand;
}
/* CSS Common to all pages */
body {font-family:Arial,Helvetica,sans-serif; font-size:12px;}
A {color:#336699;}
A:hover {color:red;}
TD, P, LI, OL {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px;}

/* Cruiser font style */
.ccErr, .errorText {color:red; font-weight:normal;}
.ccMsg, .messageText {font-style:normal; color:blue; font-weight:normal;}
.ccUpper, .FieldLabel {text-transform: uppercase;}
.ccFixed, .fixedwidth {font-family:Courier,Courier New,mono; font-size:12px;}
.ccBold {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;}
#ccReq {color:#FF0000;}

/* Calendar Styles */
#time {color:black; font-size:16px}
#time A {color:black;}
#time EM {font-weight:normal; font-size:13px;}
.weekday {color: #FFFFCC; font-size:12px; font-family:Courier,Courier New,mono;}
.weekend {color: White; font-size:12px; font-weight:bold; font-family:Courier,Courier New,mono;}
.days {color: Black; font-size:12px; font-family:Courier,Courier New,mono;}
.days A {text-decoration:none; color:black;}
.Date {color:black; font-weight:bold;}
.Date A {text-decoration:none; color:#000000;}
.dateLarge {font-weight:bold; color:#333333; font-size:20px;}
.dateSmall {color:#333333; font-size:14px; font-weight:bold;}
.calsItem {background-color:#006699; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:white;}
.calsItem A {text-decoration:none; color:white;}
.calsItem A:hover {color:yellow;}
TABLE.diffMon, TR.diffMon, TD.diffMon, TH.diffMon {background-color:#cccccc;}

/* Menu Styles */
.ccIndent, .ccIn {margin-left:20px;}
.ccMENU {margin-left:14px;}
.ccMENU A {font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:none; color:black;}
.ccMENU A:hover {color:#cc6600; text-decoration:underline;}

/* Icon Style*/
.ccIcon, .icon {font-family:Arial,Helvetica,sans-serif; color: Black; font-size:12px; font-weight:bold;}
.ccIcon A, .icon A {color: Black; text-decoration:none;}
.icon A:hover,.ccIcon A:hover {color: red;text-decoration:underline;}
.ccSIcon, .smallicon {color: #336699; font-weight:bold; text-decoration:none;}
.ccSIcon A, .smallicon A {color: #336699; font-weight:bold; text-decoration:none;} 
.smallicon A:hover,.ccSIcon A:hover {color: red;text-decoration:underline;}

/* Fixed Table Style */
TABLE.lgrey, TR.lgrey, TD.lgrey, TH.lgrey {background-color:#ffffff;}
TABLE.tablight, TR.tablight, TD.tablight, TH.tablight {background-color:#999999; color: White; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight : bold;}
TABLE.tablight A, TR.tablight A, TD.tablight A, TH.tablight A {background-color:#999999; color: White; font-weight : bold; text-decoration:none;}
TABLE.xlight, TR.xlight, TD.xlight, TH.xlight {background-image : url(../images/theme2/pattern3.gif); margin:0;}
TABLE.light, TR.light, TD.light, TH.light {background-image : url(../images/theme2/pattern3.gif); margin:0;}

/* Color Styles */
#bg3 {background-color: #000000;}
#black {color:black;}
#orange {color: #FF9900;}
#blue {color: #336699;}
#blue A {color: #336699;}
#gray {color:#999999;}
.red {color:#FF0000;}
#ccBlack {color:#000000; font-weight:bold;}
#ccBlack A {color:#000000; text-decoration:none;}
#ccWhite {color:#FFFFFF;}
#ccWhite A {color:#FFFFFF; text-decoration:none;}

/* ---------------------- CCT-able styles ----------------------------*/
/* Primary Color*/
/* 1st Primary Color*/
.border {background-color:#ff9900; color:#FFFFFF; border-color:#FF9900; font-weight:bold;}
.border A {text-decoration:none;}
.border A:hover {color: #999999;}
.tab2 {color: #FFFFFF; font-weight:bold; text-decoration:none;}
.tab2 A {color: #FFFFFF; font-weight:bold; text-decoration:none;}
.tab2:hover {color:#FFFF66}
TD.ccLLabel, .labelLight {color: #64A0DD; font-weight:bold; font-style:normal;text-align:right;}

/* 2nd Primary Color*/
.border2 {background-color:#336699; color:white; font-weight:bold;}
.border2 A {color: #ffffff;	text-decoration:none;}
.border2 A:hover {color: #FF9900;}
.darkblue {color:#336699;}
.HEADER {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; color: #336699; font-size:21px;}
.HEADER2 {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; color: #336699; font-size:14px;}
.HEADER2 A {color: #336699;}
.ccLabel, .label {color: #336699; font-weight:bold; font-style:normal;}
TD.ccLabel {color: #336699; font-weight:bold; font-style:normal;text-align:right;}

/* Secondary Color*/
.tab3 {color:#999999; font-weight:bold; text-decoration:none;}
.tab3 A {color: #999999; font-weight:bold; text-decoration:none;}
.tab3:hover {color:#cc6600}
#bg2 {background-color: #FFFFCC;}


/* Tertiary Color*/
/* 1st Tertiary Color*/
#ccC31 {font-family:Arial,Helvetica,sans-serif;  color: Black; background-color : #D1E6FB;}
#ccC31 A {color: Black; text-decoration:none;}
#ccC31 A:hover {color: red;}

/* 2nd Tertiary Color*/
.ccC32, #ccC32 {background-color: #A8C1DA; margin:0; layer-background-color:#A8C1DA;}

/* 3rd Tertiary Color*/
#ccC33 {background-color: #FBFBE4;}
Tr.unread, TD.unread, TH.unread, Tr.due, TD.due, TH.due {font-weight:bold; background-color:#FBFBE4;}
.ccTool {background-color:#FBFBE4;border:1px groove #A8C1DA; padding:1px; margin:1px; }

/* school Color  : top header background*/
.ccSchoolColor {background-color:#99CCFF;}

/* Table CCT style */
TABLE.dark {background-color:#336699;filter:progid:DXImageTransform.Microsoft.Shadow(color='#336699', Direction=135, Strength=4)}
TR.dark, TD.dark, TH.dark, BODY.dark  {background-color:#336699; font-family:Arial,Helvetica,sans-serif; color:white; font-size:13px; font-weight : bold;}
TD.dark A, TH.dark A {background-color:#336699; color:white; font-weight : bold; text-decoration:none;}
.ccHeading, TABLE.ccHeading, TR.ccHeading, TD.ccHeading, TH.ccHeading {font-family:Arial,Helvetica,sans-serif; color:white; font-size:13px; font-weight : bold;}
.ccHeading A, TABLE.ccHeading A, TR.ccHeading A, TD.ccHeading A, TH.ccHeading A {text-decoration:none; color:white; font-weight : bold;}
.ccHeading A:hover, TABLE.ccHeading A:hover, TR.ccHeading A:hover, TD.ccHeading A:hover, TH.ccHeading A:hover {color: #FFFF66}
TABLE.dgrey, TR.dgrey, TD.dgrey, TH.dgrey  {background-color:#ffffcc;}
TD.ccDLabel, TH.ccDLabel  {background-color:#ffffcc; font-weight:bold; font-style:normal;color:black; text-align:right;}
TD.ccBox {background-color:#ffffcc; text-align : center;width:20px;} 

/* ../images for Tabs/Menu Heading*/
.tabselect {background-image:url(../images/theme2/tab_middle_selected.gif); background-repeat:none;}
.tabselectR {background-image:url(../images/theme2/tab_right_selected.gif); background-repeat:none;}
.tab {background-image:url(../images/theme2/tab_middle.gif); background-repeat:none;}
.tabR {background-image:url(../images/theme2/tab_right.gif); background-repeat:none;}
.ccMenuHead {background-image:url(../images/theme2/menu_heading.gif); background-repeat:none;color:#FFFFFF;  font-weight:bold;}
.ccTabHead {background-image:url(../images/theme2/tab_heading.gif); background-repeat:none; color:#FFFFFF;  font-weight:bold;  text-decoration:none;}

A.ccSTab:hover {color:red;text-decoration:underline;}