BODY
{
	margin :0;
	padding:0;
	
}
.tabbg
{ 
    background-repeat :repeat ;
background-image: url(images/header_bg.jpg); 
}

.txtbox_small
{
font-family:Verdana ;font-size:8pt; background-color: Transparent;
text-align:left;width:auto;height:auto; color:#000000; text-transform:uppercase;            
}
.txtbox_large
{
font-family:Verdana ;font-size:smaller; text-align:left;width:414px;height:13px; color:#000000;              
}
.label
{
font-family:Verdana ;font-size:small; font-weight:bold;   text-align:left;width:99px;height:13px; color:#43438B; text-transform:uppercase;                
}
.button
{
	font-family: Verdana;
	font-size: x-small;
	text-align: center;
	width: 65px;
	height: 15px;
	color: #43438b;
	text-transform: uppercase;
	background-image: url(images/00000500.gif);
	cursor:pointer;
	font-weight: bold;
	background-color: transparent; /*background-position: center top;*/
	background-repeat: repeat;
	background-repeat: repeat;
	border-right: #000099 1px solid;
	border-top: #000099 1px solid;
	border-left: #000099 1px solid;
	border-bottom: #000099 1px solid;
}

.add_button
{
	background-image: url(images/linkaddcmt.jpg);
}
.sub_button
{
	background-image: url(images/button2.gif);
	table-layout: auto;
	cursor:pointer;
}
.name
{
	font-family :Verdana ; font-weight:bold;   FONT-SIZE: 50px; COLOR: #ff0000; FONT-STYLE: normal; POSITION: relative; height:100% ; font-style:normal ; height:100%;
	width:100%;  outline-color:Green;text-align:center;              
}
.head
{
	font-family: Verdana;
	font-size: small;
	font-style: normal;
	color: White;
	background-color: Navy;
	text-align: center;
	font-weight: bold;
	
}
.menu
{
	font-family:Verdana; height:100% ; width:100%;  font-size:small; color:#0000cc; background-color:orange; border-style:solid;
	text-align:center;  border-color:Gray; border-width:thin;         
}       
.home_menu
{
	width:auto ;border-color:Gray; border:solid;border:1px;  
}
.news_tab
{
	top:20%; left:20%;
}
.image
{
	vertical-align: middle;
	text-align: right;
}
.text
{
	FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM: capitalize; COLOR: #666699
}
.side_menu
{
	border-right: #000099 1px groove;
	border-top: #000099 1px groove;
	border-left: #000099 1px groove;
	border-bottom: #000099 1px groove;
	
	font-weight: bold;
	text-align: center;
	background-color: #99ccff;
	color: black;
	text-transform: uppercase;
}
.login_label
{
	font-family:Verdana; color:#43438B; font-size:smaller; text-align:center;  font-weight:bold; text-transform:uppercase;    
}    
.app_col
{
	border-right: #a7c1f9 1px solid;
	border-top: #a7c1f9 1px solid;
	border-left: #a7c1f9 1px solid;
	border-bottom: #a7c1f9 1px solid;
	background-color: Transparent ;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	table-layout: auto;
	font-family:Verdana ;font-size:small; font-weight:bold; text-align:left; color:#43438B; text-transform:uppercase; 
}
.tab_app_col
{
	border-right: #a7c1f9 1px solid;
	border-top: #a7c1f9 1px solid;
	border-left: #a7c1f9 1px solid;
	border-bottom: #a7c1f9 1px solid;
	
	height :auto ;
	background-color: #C1DEF8;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	table-layout: auto;
	
}

.login_page_tab
{
	width: auto;
	height: auto;
	top: 30%;
	border-right: green thin groove;
	vertical-align: middle;
	border-top: green thin groove;
	border-left: green thin groove;
	border-bottom: green thin groove;
	background-color:#99ccff;

	table-layout: auto;
	border-collapse: collapse;
	color: #99cccc;
}
.login_page_tab1
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	border-right: green thin groove;
	border-top: green thin groove;
	border-left: green thin groove;
	border-bottom: green thin groove;

	
	vertical-align: top;
	text-align: left;
}
.page_heading2
{
	border-right: #cc3300 1px groove;
	border-top: #cc3300 1px groove;
	border-left: #cc3300 1px groove;
	color: #ffffff;
	border-bottom: #cc3300 1px groove;
	
	font-family: Verdana;
	font-weight: bold;
	border-bottom: green thin groove; /*color: #ff0033;*/
	font-size: 16pt;
	vertical-align: top;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
}
.cal
{
	width: auto;
	color: Orange;
	height: auto;
	list-style-type: upper-alpha;
	text-align: left;
	direction: ltr;
	background-color: blue;
}
.water_text
{
	color:Gray; font-style:italic; text-transform:uppercase; font-size:smaller;   font-family:verdana; background-color:Transparent;           
}
.content_pane
{
	font-family:Soft Hits; font-size:small; color:Silver;
}
.header_pane
{
	font-family:Arial; color:Black; font-size:medium
}

 .logout
{
	background-image: url(images/logout.jpg);
}
.login
{
	background-image: url(images/Login.jpg); text-align:center;
}
.changepass
{
	background-image: url(images/change.jpg);
	text-align: center;
}
.print
{
	font-family: Verdana;
	font-size: x-small;
	text-align: center;
	width: 65px;
	height: 15px;
	color: #43438b;
	text-transform: uppercase; /*background-image: url(images/00000500.gif);*/
	cursor:pointer;
	font-weight: bold;
	background-color: transparent; /*background-position: center top;*/
	background-repeat: repeat;
	background-repeat: repeat;
	border-right: #000099 1px solid;
	border-top: #000099 1px solid;
	border-left: #000099 1px solid;
	border-bottom: #000099 1px solid;
	background-image: url(images/print.bmp);
	background-repeat: no-repeat;
	background-color: Transparent;
	padding:2em 2em 2em 2em;
}

.btn
{
	clear: left;
	table-layout: auto;
	float:right;
	margin-right:10px;
	visibility: visible;
/*clip: rect(3% 5% 5% 5%);*/
	cursor: auto;
	border-collapse: separate;
	border-right: thin outset;
	padding-right: 3px;
	border-top: thin outset;
	margin-top: 2px;
	padding-left: 2px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	overflow: hidden;
	border-left: thin outset;
	padding-top: 2px;
	border-bottom: thin outset;
	
}
.menubox
{
	background-color :Silver;
}
.pagetable
{
	border-right: #000099 1px groove;
	border-top: #000099 1px groove;
	border-left: #000099 1px groove;
	border-bottom: #000099 1px groove;
	font-family: Verdana;
	color: Maroon;
	
	text-align: center;
	
}

.pageheading
{
	font-size: large;
	font-family: Verdana;
	color: Maroon;
	text-align: center;
}
.text_captl
{
	text-transform: capitalize;
}
		
#sddm
{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-left:2px;
	font: bold 13px arial;
	text-transform:capitalize;
}

#sddm li a
{
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
}

#sddm li a:hover
{	background: #49A3FF;
	}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #99ccff;
	border: 1px solid #5970B2;
	text-transform :capitalize;
}

	#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-transform :capitalize ;
	text-decoration: none;
	background: #99ccff;
	color: White;
	font: 13px arial;
	font-weight:bold ;
}

	#sddm div a:hover
{
	background: #49A3FF;
	
}
.menu-style1
{
	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		
		background:  #99ccff;
		color: #2875DE;
		font: 13px arial;
}
.arrowgreen{
	width: 180px; /*width of menu*/
	
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/arrowblue.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}

/* End */
.footer
{
	background-image: url(images/00000204.gif);
	color: Gray;
	font-size: x-small;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;
}
.footer a
{
	color: gray;
	font-size: x-small;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;
	font-family:Verdana;
	font-variant:normal;
	text-decoration:none;
}
.footer a:hover
{
	font-weight: bold;
	text-decoration:underline;
	font-size:11px;
}


.program
{
color: #43438B;
background-color:Transparent;
	font-size: x-small;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;
	text-decoration:none;
}
.program a
{
	color: #43438B;
	font-size: x-small;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;
	font-family:Verdana;
	font-variant:normal;
	text-decoration:none;
}
.program  a:hover
{
	font-weight: bold;
	text-decoration:underline;
	font-size:11px;
}

.zindex
{
	z-index:0;
}

.changepass
{
	text-decoration: none;
	background-image: url(images/00000204.gif);
	background-repeat: repeat-x;
	color: Black;
	font-size: small;
}
.changepass a
{
text-decoration:none;
	background-image:url(images/00000204.gif);
	background-repeat:repeat-x;
	color:Black;
	font-size:small;
}
.changepass a:hover
{
text-decoration:underline;
	background-image:url(images/00000204.gif);
	background-repeat:repeat-x;
	color:Black;
	font-size:medium;
}
.student_menu 
{
	text-decoration: none;
	font-size: small;
}
.student_menu a
{
	text-decoration: none;
	
	font-size: small;
}
.student_menu a:hover
{
	text-decoration:underline;
	color:White;
	font-size:medium;
}
.student_btn_proceed
{
	background-image:url(images/student_images/buttonDisabled.gif);
	background-repeat:no-repeat;
	color:White;
	text-decoration:none;
	text-align:center;
	
}

.student_btn_proceed a{
	background-image:url(images/student_images/buttonDisabled.gif);
	background-repeat:no-repeat;
	color:White;
	text-decoration:none;
	text-align:center;
}

.student_btn_proceed a:hover
{
	background-image:url(images/student_images/buttonOver.gif);
	background-repeat:no-repeat;
	color:White;
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
}
.student_home
{/*background-image: url(images/student_images/button_view_middle.gif); /*background-repeat:no-repeat;*/
	
	text-decoration: none;
	color: White;
	vertical-align: top;
	background-position:center;
	text-align: center;
}
.student_home a
{
	background-image: url(images/student_images/button_view_middle.gif); /*background-repeat:no-repeat;*/
	text-decoration: none;
	color: White;
	vertical-align: top;
	background-position: center ;
	text-align: center;
	cursor:pointer;
}
.student_home a:hover
{
	background-image:url(images/student_images/button_view_middle.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
	color:White;
	font-weight:bold;
}
.tab_dynamic
{
	background-color:Transparent;
	table-layout:auto;
	float:left;
	margin-left:100px;
	width:700px;
	border-style:solid;
	border-width:1px;
	border-color:Navy;
	text-align:center;
	vertical-align:top;
}
.popupdiv
{
	background-color: #e6ffff;
	width: 250px;
	display: block;
	border-right: royalblue 1px solid;
	border-top: royalblue 1px solid;
	border-left: royalblue 1px solid;
	border-bottom: royalblue 1px solid;
}
.popupbg
{
	background-color: gray;
	Filter:alpha(opacity=50);
	opacity: 0.50;
}
.popuphead
{
	
	background-image: url(images/td_repeat.gif);
	background-color: transparent;
}
.hidelbl{display:none;}

.table_border
{
	BORDER-RIGHT: #003333 thin groove;
	 TABLE-LAYOUT: auto; 
	 BORDER-TOP: #003333 thin groove; 
	 FLOAT: left; 
	 MARGIN-LEFT: 10px;
	  BORDER-LEFT: #003333 thin groove; 
	  BORDER-BOTTOM: #003333 thin groove; 
	  BORDER-COLLAPSE: collapse;
	   TEXT-ALIGN: center
}
.Mawai_text
{
	border-color:#e1e1e1;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	font-family:Arial;
	color:#666666;
}
.Mawai_label
{
	color:#3A6F8C;
	font-size:12px;
	font-family:Arial;
}
.PlanGrid
{
    font-size:smaller;
    }