/* Style Sheet used for the IT Confidant Control Panel */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	/*padding: 20px 0px 0px 0px;*/
	margin: 0px;
	background:#FFFFFF url(../images/footerBg.jpg) repeat-x bottom left;
	color: #f12a00;
}

/* Style used in the header section - starts here */
.headerBg {
	background:url(../images/headerBg.jpg) repeat-x top left;
	width: 100%;	
	height:100px;
}

.menuBg {
	background:url(../images/menuBg.jpg) repeat-x top left;
	width: 100%;
	height:28px;
}

.menuStyle {  
	font-size: 10pt;
	font-weight:bold;
	font-style: normal;	
	color: #ffffff;
}
.menuStyle a {
	text-decoration:none;
	color:#ffffff;
}
.menuStyle a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#FFCC00;
}

.headerText	{
	font-size:18px;
	font-weight:bold; 
	color: #FF6403;	
}

/* Used in top Links for web site address  */
.topLinkStyle:link {color:#FF6403;font-size:8.5pt;font-weight:bold;text-decoration: none;}
.topLinkStyle:active {color:#FF6403;font-size:8.5pt;font-weight:bold;text-decoration: none;}
.topLinkStyle:visited {color:#FF6403;font-size:8.5pt;font-weight:bold;text-decoration: none;}
.topLinkStyle:hover {color:#000000;font-size:8.5pt;font-weight:bold;text-decoration: none;}
/* Style used in the header section - ends here */

/* Style used in the footer section - starts here */
.footerStyle {  
	border-top: 1px solid #FF6403;  
	font-size: 8.5pt;
	font-style: normal;	
	padding:10px 0px 0px 0px;
	color: #000000;
}

.footerStyle a {
	text-decoration:none;		
	color: #FF6403;
}

.footerStyle a:hover {
	text-decoration:underline;	
	color: #FF6403;	
}
/* Style used in the footer section - ends here */

/* Style used in the login page - starts here */
.loginBg {
	background:url(../images/loginBg.jpg) no-repeat top left;
	width:509px;
	height:276px;
	margin:0px;
	padding:0px;	
}

.blackText { 	
	font-size: 8.5pt;		
	color: #000000;	
}

.blackTextBig { 	
	font-size: 15px;		
	font-weight: bold;
	color: #000000;	
	padding: 5px 20px 0px 0px;
	text-align: right;
}

.frmBtn {
	background:url(../images/loginButton.gif) scroll left top no-repeat;
	width:65px;
	height:25px;
	cursor:pointer;
	border:0px;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	color: #FFFFFF;
}
/* Style used in the login page - ends here */

/* Style used in the LeftSide page - starts here */
.CPInnerLeft { 
	padding:0px 10px 0px 0px;
	vertical-align:top;
	margin:0px;	
}

.CPInnerRight { 
	padding:0px 10px 0px 0px;
	vertical-align:top;
	margin:0px;		
}

.leftPanelTop {
	width:183px;
	height:30px;
	background:#FF6403;	
	border-bottom:1px #fff7ee solid;
	border-left:1px #f4e2cd solid;
	border-right:1px #f4e2cd solid;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}

.leftPanelBox {
	width:196px;
	border:1px #f4e2cd solid;
	background:#FFF5E8;	
	margin:0px;
	padding:0px;
}

ul.panelContent {
	float:left;
	padding:10px 0px 0px 10px;
	margin:0px;
}

ul.panelContent li {
	background:url(../images/menuArrow.gif) scroll left 7px no-repeat;
	list-style:none;
	line-height:20px;
	padding:0px 0px 0px 10px;
	margin:0px;
	font-size:11px;
	font-weight: normal;
	color:#333333;	
}

ul.panelContent li a {
	text-decoration:none;
	color:#333333;
}

ul.panelContent li a:hover {
	text-decoration:underline;
	color:#CC3000;
}
/* Style used in the LeftSide page - ends here */

/* Style used commonly - starts here */
.tbText, .tbTextLink { 	
	font-size: 11px;	
	line-height: 16px;
	color: #333333;	
	
}

.tbTextLrg {
	font-size: 18px;	
	line-height: 25px;
	color: #333333;	
}
.tbTextLink a, .viewTextLink a { color: #ff7c17; text-decoration:none; }
.tbTextLink a:hover, .viewTextLink a:hover { color: #ff7c17; text-decoration:underline; }


.viewText, .viewTextLink { 	
	font-size: 11px;	
	line-height: 16px;
	color: #333333;	
	background:#FFF5E8;
}

/* style used for all the html controls such as textbox, combobox */
.typeForms {
	font-size: 8.5pt;
	border:1px solid #FF6403;
	color:#000000;
	background:#FFFFFF;
}

.hiddenText {
	font-size: 8.5pt;	
	border:0px solid #fae8d8;
	color:#000000;
}

.checkBox {	
	font-size: 8pt;
}

.error { 
	font-size: 7.5pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #f12a00;
}

.errorWhite { 
	font-size: 7.5pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
}

.wlcTitleText { 	
	color:#000000;
	font-size:12px;
	font-weight: bold;
	height:25px;		
	background:#FFE4BD;
	padding:0px 0px 0px 10px;
}

.wlcTbl { 	
	background:#FFF5E8;	
	padding:0px 0px 0px 0px;
	border: 1px solid #f4e2cd;
}

.wlcAnnouncementLBrk {
	border-bottom: 1px solid #FF6403;	
}
.menuLinkStyle:link {color:#333333;font-size:12pt;font-weight:bold; text-decoration: none;}
.menuLinkStyle:active {color:#333333;font-size:12pt;font-weight:bold; text-decoration: none;}
.menuLinkStyle:visited {color:#333333;font-size:12pt;font-weight:bold; text-decoration: none;}
.menuLinkStyle:hover {color:#ffac60;font-size:12pt;font-weight:bold; text-decoration: none;}

.listingStyle:link {color:#FF6403;font-size:8.5pt;font-weight:normal; text-decoration: underline;}
.listingStyle:active {color:#FF6403;font-size:8.5pt;font-weight:normal; text-decoration: underline;}
.listingStyle:visited {color:#FF6403;font-size:8.5pt;font-weight:normal; text-decoration: underline;}
.listingStyle:hover {color:#ffac60;font-size:8.5pt;font-weight:normal; text-decoration: none;}

.rowStyle {
	/* This style is used for the rows in the grid that resides in the list pages */
	background:#FFF5E8;
}
.deletedStyle {
	/* This style is used for the rows of invoices that are deleted in the list pages */
	background:#CCC;
}
.isNewStyle {
	/* This style is used for the rows of students that are new in the list pages */
	background:#FFFF95;
}
.notPaidStyle {
	/* This style is used for the rows of students that have not pay up in the list pages */
	background:#FF8080;
}

.alterRowStyle {
	/* This style is used for the alternate rows in the grid that resides in the list pages */
	background-color:#fcf9f6;
}

.hoverStyle {
	/* This style is used for the mouse over effect for the rows in the grid that resides in the list pages */	
	background-color: #FFE7CE;
	
}

.formButton { background:url(../images/loginButton.gif) scroll left top no-repeat; width:65px; }
.formLrgButton { background:url(../images/loginButtonLen.gif) scroll left top no-repeat; width:100px; }
.formExtLrgButton { background:url(../images/loginButtonExtLen.gif) scroll left top no-repeat; width:190px;}
.formButtonAuto { background:url(../images/button_bg.gif) scroll left top repeat-x; width:auto; border-radius: 3px;-moz-border-radius: 3px; padding: 2px !important;}

.formButton, .formLrgButton, .formExtLrgButton, .formButtonAuto {
	height:25px;	
	cursor:pointer;
	border:0px;
	font-size:12px;	
	font-weight:bold;	
	padding:0px;
	margin:0px;	
	color: #FFFFFF;
}

.lectureRow {background-color:#ff0000}
.tutorialRow {background-color:#ff50a8}
.examRow {background-color:#ffffb0}
.seminarRow {background-color:#c8c8ff}
.reservedRow {background-color:#cceedd}
.unavailableRow {background-color:#e8e8e8}
	

/* style used to represent the task heading in the content portion */
.taskHeader {
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 	
	color:#FF6403; 	
	background: url(../images/favicon.gif) left top; 
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px 0px 0px 25px;
	border-bottom: 1px solid #fae8d8;
}

.tblSubClass {
	border:1px solid #fae8d8;
	padding:0px 0px 4px 0px;
	margin:0px;	
}

.pgntnText {
	font-size: 11px;
	color: #333333;	
	padding:4px 4px 4px 4px;
	margin:0px;		
}

.hilites {
	font-size: 11px;
	font-weight: bold;
	margin:0px;	
	background:#FFE4BD;	
	height:30px;
	padding:0px 0px 0px 4px;  
}

.listText, .listTextWhite {
    padding:0px 0px 0px 4px;  
	font-size: 11px;	
	line-height: 16px;	
}

.listText { color: #333333;	}
.listTextWhite { color: #FFFFFF; }

a {
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:underline;
	color:#CC3000;
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7,#m8, #ms1, #ms1-1, #ms2, #ms3, #ms4 {
    visibility:hidden; 
    width:140px; 
    position:absolute;  
    height:23px; 
}

#m1  {left:0.8%;background-color:#CCC;}
#m2  {left:11.3%; background-color:#CCC;}
#m3  {left:25.3%; background-color:#CCC;}
#m4  {left:38.3%; background-color:#CCC;}
#m5  {left:51.2%; background-color:#CCC;}
#m6  {left:64.2%; background-color:#CCC;}
#m7  {left:78.9%; background-color:#CCC;width:100px;}
#m8  {left:89.2%; background-color:#CCC;width:100px;}

#ms1   {right:87.7%; top:195px; background-color:#E6E6E6; width:130px;}
#ms1-1 {right:88.7%; top:203px; background-color:#E6E6E6; width:110px;}
#ms2  {right:21.1%; top:190px; background-color:#E6E6E6; width:90px;}
#ms3 {right:21.1%; top:199px; background-color:#E6E6E6;}
#ms4 {right:11.8%; top:185px; background-color:#E6E6E6; width:150px;}

/* Style used commonly - ends here */

/* Student Status - starts here */

.newStyle {
	/* This style is used for the rows of students that are new in the list pages */
	background:#ffff00;
}

.withdrawnStyle {
	/* This style is used for the rows of students who are all the withdrawn in list pages */
	background:#3399ff;
}

.suspendedStyle {
	/* This style is used for the rows of students who are all the withdrawn in list pages */
	background:#ffc0cb;
}
.expelledStyle {
	/* This style is used for the rows of students who are all the withdrawn in list pages */
	background:#ff0000;
}
.graduatedStyle {
	/* This style is used for the rows of students who are all the withdrawn in list pages */
	background:#666666;
}

/* Student Status - ends here */

.subHeaderText	{
	font-size:12px;
	font-weight:bold; 
	color: #000;	
}
/* Styles for modal window - starts here */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#EAB;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#fae8d8;
  border: 10px solid #993300;
}

/* Styles for modal window  - ends here */