/* TH KHOO 2009-05-23 Change Color Code for Pink Style */
/* Global */

body {
	margin: 0;
}

td, div, table, th {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
}
/* THEME 1 */

/* FONT */ 
.FS01 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	height:18px;
	width:auto;
	margin:2px;
	padding:1px;
}

.FS02 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	height:auto;
	width:315px;
	margin:2px;
	padding:1px;
}

.FS03 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	border: 0px solid Silver;
	background-color: #FFFFCC;
	height:auto;
	width:auto;
	padding:0px;
	vertical-align: middle;  
}

.FS04 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	height:auto;
	width:220px;
	margin:2px;
	padding:1px;
}
	
.FS04A {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #E6FFCC;
	height:auto;
	margin:2px;
	padding:1px;
	width:220px;
}

.FS05 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #EFF7F9;
	
	width:auto;
	margin:2px;
	padding:1px;
}
	
.FS06 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #EFF7F9;
	height:auto;
	width:315px;
	margin:2px;
	padding:1px;
}
	
.FS07 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	height:auto;
	margin:2px;
	padding:1px;
	width:350px;
    }
	
.FS08 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #E6FFCC;
	height:auto;
	margin:2px;
	padding:1px;
	width:350px;
}

.FS09 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #E6FFCC;
	height:auto;
	width:auto;
	margin:2px;
	padding:1px;
	width:250px;
}

.FS10 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	height:auto;
	margin:2px;
	padding:1px;
	width:250px;
}

.FS11 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #E6FFCC;
	height:18px;
	width:auto;
	margin:2px;
	padding:1px;
}

.FS12 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #00ff00;
	
	width:auto;
	margin:2px;
	padding:1px;
}

.FS13 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #ffff00;
	
	width:auto;
	margin:2px;
	padding:1px;
}

.FS14 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 8pt;
	border: 1px solid Silver;
	background-color: #ff0000;
	
	width:auto;
	margin:2px;
	padding:1px;
}

.FS20 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 12px;
	border: 1px solid Silver;
	background-color: #FFFFCC;
	width:auto;
	height:auto;
	margin:2px;
	padding:2px;
}

.checkbox {
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 2px;
	background-color: transparent;
	border : 0px solid;
	HEIGHT:15px;
	WIDTH:15px;
}
	
.checkboxall {
	MARGIN-LEFT: 3px;
	MARGIN-TOP: 1px;
	background-color: transparent;
	border : 0px solid;
	HEIGHT: 15px;
	WIDTH: 15px;
	vertical-align: top;
}

.BtnNormal {
	font-size:11px;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	background: #245EDC;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color: white;
	height:20px;
	text-decoration:none;
	cursor: hand;
	padding : 2 6 2 6;
}

.rowcontent {
	color: #000000;
	align:middle;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	padding-right: 2px;
	padding-left: 4px;
}
	
.rowcontent2 {
	color: #000000;
	align: middle;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	/*LETTER-SPACING: -0.3px; */
	padding-right: 2px;
	padding-left: 2px;
}
	
.rowhighlight {
	background-color: #DAF0FC;
	align:middle;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	padding-right: 2px;
	padding-left: 4px;
}
	
.rowselected {
	background-color: #ffff80;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	padding-right: 2px;
	padding-left: 4px;
}
	
.title {
	font-family:Arial, sans-serif, Tahoma, Verdana;
	font-weight: bold;
	font-size: 15px;
	/* color:#0068CF; */
	color:#5a6c6e;
}
	
.subtitle {
	font: bold 12px Arial, sans-serif, Tahoma, Verdana;
	/* text-decoration: underline; */
	/* color:#0068CF; */
	color:#5a6c6e;
}
	
.fonttoolbar {
	font: 12px Arial, sans-serif, Tahoma, Verdana;
	color: #000000;
}
	
.fontheader {
	font: 12px Arial, sans-serif, Tahoma, Verdana;
	color:#FFFFFF;
	padding:1px;
	inherit:0px;
	margin: 0px;
}
	
.fontprofile {
	font: bold 12px Arial, Sans-Sherif;
	text-decoration: none;
	color:#000000;
	margin:4px;
}


/* BUTTON */

a.squarebutton1{
	background: transparent url(../image/square-blue-leftc.gif) no-repeat top left;
	display: block;
	float: center;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	width:100px;
	text-decoration: none;
}


a:link.squarebutton1, a:visited.squarebutton1, a:active.squarebutton1{ color: #494949; /*button text color*/ }

a.squarebutton1 span{
	background: transparent url(../image/square-blue-rightc.gif) no-repeat top right;
	display: block;
	float: center;
	padding: 4px 5px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}

/* Hover state CSS */
a.squarebutton1:hover{ background-position: bottom left; }

a.squarebutton1:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;}

a.movebutton{	
	/* background: transparent url(../image/square-blue-leftc.gif) no-repeat top left; */
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#646464'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#646464)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #646464); /* for firefox 3.6+ */
	
	}

a:link.movebutton, a:visited.movebutton, a:active.movebutton{ color: #494949; /*button text color*/ }

a.movebutton span{
	/* background: transparent url(../image/square-blue-rightc.gif) no-repeat top right; */
	
	/* background: #999;  for non-css3 browsers */

	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#646464'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#646464)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #646464); /* for firefox 3.6+ */
	
	color:#fff;
	font-weight:bold;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}

/* Hover state CSS */
a.movebutton:hover{ 

/*background-position: bottom left; */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #444444); /* for firefox 3.6+ */
	/* color:#fff; */

 }

a.movebutton:hover span{ /* Hover state CSS */
	/* background-position: bottom right;
	color: black; */
	
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #444444); /* for firefox 3.6+ */
	
	color:#fff;
	font-weight:bold;
	
	}

/* BUTTONMOVE */
.buttonmove{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; float:none; padding-right:2px; padding-left:2px; }
/* width: 100%;s} */

a { 
	color: #1D50A4;
	text-decoration: none;
}



a:hover { 
	text-decoration: underline;

}



form {
	margin: 0; 
}

.fontbreadcrumb {
		margin-right:10px;
}

.left {
		margin-left:10px;
}
	
.fontbreadcrumb a:link{
	text-decoration: none;

}
	
.fontbreadcrumb a:visited{
	text-decoration: none;
}

.fontbreadcrumb a:active{
	text-decoration: none;
}
	
.fontbreadcrumb a:hover{
	color:#0060A7;
	text-decoration: underline;
}
	
.fontmenu {
	color: #FFFFFF;
	font-weight: normal;
	font: 12px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding: 4px 4px 6px 6px;
}
	
.fontblack {
	color: #000000;
	font-weight: normal;
	align:middle;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}

.fontblack2 {
	color: #000000;
	font-weight: normal;
	align:middle;
	font: 12px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}
	
.fontgreen {
	color: #008000;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}

.fontdarkgreen {
	color: #5F7E1F;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}
	
.fontblue {
	color: #0066ff;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}

.fontTeal {
	color: Teal;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}

.fontForestGreen {
	color: #228B22;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}
	
.red {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Red;
}

.green {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Green;
}

.gray {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: gray;
}

.blue {
	font-family:  Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Blue;
}
	
.Gold{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FFD700;
}

.Maroon{
	font-family: Arial, Verdana,  Tahoma, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: Maroon;
}

.Chocolate{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #D2691E;
}


.Pink{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FE20FF;
}

.Purple{
	font-family:  Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #8A2BE2;
}

.Orange{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FFA500;
}
	
.text1 {
	color: #333333;
	font-weight: normal;
	font: 10px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-right:25px;
	padding-top:10px;
}
	
.text2 {
	color: #333333;
	font-weight: normal;
	font: 13px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}
	
.text3 {
	text-decoration: none;
	color: #4E55B9;
	font-weight: normal;
	font: 13px Arial, sans-serif, Tahoma, Verdana;
	padding-left:25px;
}
	
.text4 {
	color: #333333;
	font-weight: normal;
	font: 13px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-left:25px;
}
	
.text5 {
	color: #333333;
	font-weight: normal;
	font: 13px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-left:5px;
}
		
.text6 {
	color: #666666;
	font-weight: normal;
	font: 10px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-left:5px;
}
	
.text7 {
	color: #7DC9FF;
	font-weight: normal;
	font: 10px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-left:5px;
}
	
.text8 {
	color: #7DC9FF;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-right:5px;
}
	
.fontfooter {
	/* color: #2B558E; */
	color : #FFF !important;
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding: 1px 1px 1px 1px;
	border-top:1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-bottom:15px;
}
 
.olive {
	color: Olive;
	/*color: #F1F189;*/
	font-weight: normal;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-right:5px;
}
	
	
/* BUTTON */
.HeaderMenu {
	color: #FFFFFF;
	font-weight: normal;
	font: 13px Verdana;
	text-decoration: none;
	padding: 3px;
	margin-top:1px;
	border: 1px solid transparent;
}
	
.HeaderMenuOff  {
	color: #FFFFFF;
	font-weight: normal;
	font: 13px Verdana;
	text-decoration: none;
	padding: 3px;
	margin-top:1px;
	border: 1px solid transparent;
}
	
.HeaderMenuOn  {
	color: #FFFFFF;
	font-weight: normal;
	font: 13px Verdana;
	text-decoration: none;
	padding: 3px;
	background: url(../image/menubg2.png) center repeat-x;
	vertical-align: middle;
	margin-top:1px;
	border: 1px solid #66FFFF;
}
	
/* BODY HEADER */	
.loginheaderbg {
	background: url(../image/loginheaderbg.png) repeat-x;
	margin: 0;
	padding: 0;
}
	
.headerimage {
	/* background: url(../image/headerbg.png) left; */
	background-color:#fff;
	margin: 0;
	padding: 0;
}
	
.headercolor {
	background: #0265AE;
}

/* BODY FOOTER */
.footer {
	/*color: #0068CF;
	 background: url(../image/footerbg.png) center repeat-x; */
	 color : #FFF;
	background-color: #1D50A4;
	height: 26px;
	/* border-top: 1px solid #A3C7E2;
	border-bottom: 1px solid #A3C7E2;
	border-left: 1px solid #A3C7E2;
	border-right: 1px solid #A3C7E2; */
	border: 1px solid #777777; 
	font: 11px Verdana;
	text-decoration: none;
}
	
.footer1 {
	
	padding-top:5px;
	/* color: #0068CF;
	background: url(../image/footerbg.png) center repeat-x; */
	color : #FFF;
	background-color: #1D50A4;
	height: 26px;
	padding-left:4px;
	font: 11px Verdana;
	text-decoration: none;
}
	
.footerbutton a:hover{
	/* color: #0066A7;
	background: url(../image/addborder.png) center repeat-x;
	background-color: #E9EAEC;
	border: 3px solid black;
	border-top:1px solid #2B558E;
	border-bottom: 1px solid #2B558E;
	border-left: 1px solid #2B558E;
	border-right: 1px solid #2B558E;
	text-decoration:none; */
	text-decoration:underline; 
}


/* PAGE */
.page {
	padding: 4px;
	color: #000000;
	font: 11px Verdana;
	text-decoration: none;
}

/* MENU BACKGROUND */
.menubg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 30px;
	/*height: 60px;
	 background: url(../image/menubg.png) top repeat-x; */
	background-color: #1D50A4;
	
}

.menuloginbg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(../image/menuloginbg.png) center repeat-x;
}
	
/* DROP DOWN MENU */
h3   { 
	font-size: 1.0em; margin: 0px; 
}
	
a.menu:link, a.menu:visited, a.menu:active, div.menu, .menu_top, tr.menu
{
	 display: block;
	 padding-left:10px;
	 border: solid #F9FFFF; 
	 border-width:1px 1px 1px 1px;
	 padding-right:5px;
	 padding-left:5px;
	 padding-top:5px;
	 background: #F9FFFF; 
	 text-decoration: none;
	 font-family: Arial, sans-serif, Tahoma, Verdana;
	 font-weight: normal;
	 font-size: 0.7em;
	 color: grey;
}

div.menu, .menu_top { 
	margin:2px;float:left; 
}

div.menu_child { 
	padding: 2px;
	background: #F9FFFF;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999; 
}



.MenuChildOff { 
	padding: 4px;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	border: 1px solid #999999;
	color: #000000;
	text-decoration: none;
}
	
.MenuChildOn { 
	padding: 4px;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	/* color: #0000ff; */
	
	border: 1px solid #941000;
	/* background:  url(../image/menubg3.png) center repeat-x; */
	background-color:#941000;
	 color: #fff !important;
}


.menuchildtext {
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
}
	
a.menu_top:hover, a.menu:hover { 
	/*background: url(../image/menubg3.png) center repeat-x;*/
	text-decoration: none;
	border: 1px solid #000000;
}
	
a.menu:link, a.menu:visited, a.menu:active { 
	border-bottom: none; 
}

/* HEADER */
.headerbox { 
	/* border: 1px solid #AAAAAF; */
}
	
/* MENU BAR */
.breadcrumb {
	/* background:transparent url(../image/menubar.png) center repeat-x; */
	background-color: #f5f5f5;
	/* border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC; */
	border : 1px solid #CCCCCC;
	width:100%;
	font:bold 12px Arial, sans-serif, Tahoma, Verdana;
	color:#1D50A4;
	text-decoration: none;
	padding: 0px;
}

.breadcrumb a:hover{
	color:#0060A7 !important;
	}
	
/* MENU BAR 2 */
.headerbar2 {
	background:transparent url(../image/menubar.png) center repeat-x;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	width: 100%;
	font:  bold 11px Arial, sans-serif, Tahoma, Verdana;
	padding: 0px;
}

.headercontent {
	/* background: url(../image/menubg2.png) repeat-x; */
	background-color:#941000;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
	vertical-align: middle;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
	
}


.headerhighlight  {
	/* background: url(../image/headerhighlight.png) repeat-x; 
	background-color:#383838;*/
	background-color: #fe0000;
	color:#fff;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 3px;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
	border-right: 5px solid #941000;
}
	
.fontbar {
	text-decoration:none;
	color:#FFF;
	padding-top: 10px;
	padding-bottom:10px;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
	
}

.fontbarhighlight {
	text-decoration:none;
	/* color:#004080; */
	color:#fff;
	padding-top: 5px;
	padding-left:5px;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
	
}

.fontbardark {
	text-decoration:none;
	color:#004080;
	padding-top: 5px;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
}

.fontbarhighlightdark {
	text-decoration:none;
	color:#004080;
	padding-top: 5px;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
}
		
/* SEARCH */
.search { 
	border: 1px solid #CCCCCC;
}
	
/* SEARCH 1 */
.search1 { 
	border: 0px solid ; 
	height:auto;
	width:180px;
}
	
/* BORDER */
.borderhover1 a:hover{ 
	border: 0px solid #D1661D; 
}
	
/* FOOTERBUTTON HOVER*/
a.squarebutton{
	/* background: transparent url(../image/square-blue-leftc.gif) no-repeat top left; */
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#646464'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#646464)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #646464); /* for firefox 3.6+ */
	
	
	display: block;
	float: left;
	font: bold 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	/* padding-left: 9px; */ /* Width of left menu image */
	padding-left: 7px;
	text-decoration: none;
	
}


a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{ 
	color: #494949; /*button text color*/ 
}
	
a.squarebutton span {
	/* background: transparent url(../image/square-blue-rightc.gif) no-repeat top right; */
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#646464'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#646464)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #646464); /* for firefox 3.6+ */
	
	display: block;
	/* padding: 5px 9px 4px 0px;*/ /* Set 9px below to match value of 'padding-left' value above*/
	padding: 5px 7px 4px 2px; 
	color: #fff;
}


	
/* Hover state CSS */
a.squarebutton:hover{ 
	/* background-position: bottom left; */
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #444444); /* for firefox 3.6+ */
}
	
a.squarebutton:hover span{ /* Hover state CSS */
	/* background-position: bottom right;
	 color: black; */
	background-color:#858585;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #949494,  #444444); /* for firefox 3.6+ */
	color:#FFF;
	font-weight:bold;
}


	
/* BUTTONWRAPPER */
	.buttonwrapper{ 
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; float:left; padding-right:4px; padding-left:1px; 
}
/* width: 100%;s} */
	
/* EDIT PROFILE */
.editprofile img{ 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.5; 
}
	
/* EDIT PROFILE HOVER*/
.editprofile:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1; 
}
	
/* EDIT PROFILE */
.editprofile img{
	border: 0px solid #ccc;
}
	
/* EDIT PROFILE HOVER*/
.editprofile:hover img{
	border: 0px solid navy;
}
	
/* EDIT PROFILE HOVER*/
.editprofile:hover{
	color: red; /* Dummy definition to overcome IE bug */
}
	
#dropmenudiv{
	position:absolute;
	border:1px solid #CCCCCC;
	border-bottom-width: 0;
	text-decoration: none;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	line-height:18px;
	z-index:1000;
}
	
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 0;
	text-decoration: none;
	font-weight: solid;
}
	
/*hover background color*/
#dropmenudiv a:hover{ 
	background: url(../image/addborder.png) center repeat-x;
}

.headerbg {
	background: url(../image/bg.png) center repeat-x;
	margin: 0;
	padding: 0;
}
	
.body1 {
	background: url(../image/images1.png) center repeat-x;
	margin: 0;
	padding: 0;
}
	
.separator { 
	width: 1px; height: 20px; vertical-align: middle;  background: url(../image/singleline.png) center repeat-x; 
}
	
.spacing { 
	padding-left:25px; 
}
	
.spacing1 { 
	padding-right:25px; 
}

.borderfooter {
	border-top: 1px solid #CDDDF4;
	padding-top:5px;
	padding-right:2px;
	padding-left:2px;
}
	
.border1 {
	border: 1px solid #4A65C9;
	background-color:#FFFFFF;
}
	
.border2 {
	width: 100%;
	border: 1px solid #FFFFFF;
	background: url(../image/button.png) center repeat-x;
	font-weight: normal;
	font: 10px Arial, sans-serif, Tahoma, Verdana;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
	
.border3 a:hover {
	width: 100%;
	background: url(../image/addborder.png) center repeat-x;
	border-top:1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	text-decoration:none;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
	
.border4{
	border: 1px solid #CCCCCC;
}
	
/* CLOCK */
.clock {
	FONT-FAMILY: Verdana, Geneva, Arial;
	FONT-SIZE: 12px;font: 12px Arial, sans-serif, Tahoma, Verdana;
	color:#FFFFFF;
	padding:1px;
	inherit:0px;
	text-align:center;
	BACKGROUND-COLOR: transparent;
	border : 0px solid;
	margin : 0px;
}	
	
.MessageBox {
	FONT-FAMILY: Verdana, Geneva, Arial;
	FONT-SIZE: 12px;font: 12px Arial, sans-serif, Tahoma, Verdana;
	color:#00000;
	padding:4px;
}

.FormSection{
	font-size: 9pt;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight:bold;
	color:#000000;
	background-color: #CDDBEB;
	border-top: 1px solid #567CA6;
	padding:3px;
}

.MsgBoxInfo1{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0px;
	background: #CCFF66;
	padding: 5px;
	border: 1px dashed #336600;
	color: black;
	line-height: 12pt;
}

.MsgBoxInfo2{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0px;
	background: #FFFF66;
	padding: 5px;
	border: 1px dashed #FF9900;
	color: black;
	line-height: 12pt;
}
	
	
.MsgBoxInfo3{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0px;
	background: #FFA6B3;
	padding: 5px;
	border: 1px dashed #ff0000;
	color: black;
	line-height: 12pt;
}
	
.MsgBoxInfo4{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0px;
	background: #D2EDF1;
	padding: 5px;
	border: 1px dashed Blue;
	color: black;
	line-height: 12pt;
}

.FSClear {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	border: 0px
	background-color:#FFFFFF;
	color : #000000;
}

.search2 { 
	border: 0px solid ; 
	height:auto;
	width:180px;
	background-color: #FFFFCC;
}

.tr1 {
	font-size: 8pt;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	background-color:white;
}

.tr2 {
	font-size: 8pt;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	background-color:#EEEEEE;
}

.googlelabel {
	color: #000000;
	font-weight: normal;
	align:middle;
	font: bold 12px Tahoma;
	text-decoration: none;
}

.mapborder {
	border: 1px solid Silver;
}

.headercontent2 {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	color: #000000;
	font: 10px Verdana;
	padding: 4px;
	text-decoration: none;
}
	
.headercontent3 {
	border: 1px solid #CCCCCC;
	background: url(../image/menubg2.png) repeat-x;
	color: #FFFFFF;
	padding: 4px;
	font: 10px Verdana;
	vertical-align: middle;
	text-decoration: none;
}
	
.headercontent4 {
	border: 1px solid #CCCCCC;
	color: #FF0000;
	padding: 4px;
	font: 11px Verdana;
    text-decoration: none;
}
	
.headercontent5 {
	border: 1px solid #CCCCCC;
	background: url(../image/image5.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent6 {
	border: 1px solid #CCCCCC;
	 background: url(../image/image6.png) repeat-x; 
	/* background-color: #FFDE6A; */
	color: #333333;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}

.headercontent_blink_6 {
	border: 1px solid #CCCCCC;
	background: url(../image/image6.gif) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent7 {
	border: 1px solid #CCCCCC;
	background: url(../image/image7.png) repeat-x;
	color: #333333;
	font: bold 11px Verdana;
	padding: 4px;
	text-decoration: none;
}
	
.headercontent8 {
	border: 1px solid #CCCCCC;
	background: url(../image/image8.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent9 {
	border: 1px solid #CCCCCC;
	background: url(../image/image9.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent10 {
	border: 1px solid #CCCCCC;
	background: url(../image/image10.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 10px Verdana;
	text-decoration: none;
}
	
.headercontent11 {
	border: 1px solid #CCCCCC;
	background: url(../image/image11.png) repeat-x;
	color: #333333;
	font: bold 10px Verdana;
	padding: 4px;
	text-decoration: none;
}
	
.headercontent12 {
	border: 1px solid #CCCCCC;
	background: url(../image/image12.png) repeat-x;
	color: #FFFFFF;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent13 {
	border: 1px solid #CCCCCC;
	background: url(../image/image13.png) repeat-x;
	color: #000000;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent14 {
	border: 1px solid #CCCCCC;
	background: url(../image/image14.png) repeat-x;
	color: #FFFFFF;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent15 {
	border: 1px solid #CCCCCC;
	background: url(../image/image13.png) repeat-x;
	color: #0;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent16{
	border: 1px solid #CCCCCC;
	background: url(../image/image16.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 10px Verdana;
	text-decoration: none;
}
	
.headercontent17 {
	border: 1px solid #CCCCCC;
	background: url(../image/image17.png) repeat-x;
	color: #333333;
	padding: 4px;
	font: bold 10px Verdana;
	text-decoration: none;
}
	
.headercontent18 {
	border: 1px solid #CCCCCC;
	background: url(../image/image18.png) top repeat-x;
	color: #FFFFFF;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.headercontent19 {
	background:transparent url(../image/image19.png) center repeat-x;
	border: 1px solid #CCCCCC;
	padding: 4px;
	font:bold 12px Tahoma;
	color:#0060A7;
	text-decoration: none;
}

.headercontent20 {
	border: 1px solid #CCCCCC;
	background: url(../image/image12.png) repeat-x;
	color: Black;
	padding: 4px;
	font: bold 11px Verdana;
	text-decoration: none;
}
	
.TopLine{
	/* background: url(../image/tablerow01.png) center repeat-x; */
	border-top:1px solid #ccc;
	height:20px;
}
	
.TableTitle {
		font-family: Arial, sans-serif, Tahoma, Verdana;
		font-size: 11px;
		font-weight: bold;
		background: url(../image/tablerow02.png) center repeat-x;
		padding: 3px;
}

.TableRow1 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	Background-Color: #FFFFFF;
	Padding-top: 4px;
	padding-right: 2px;
	padding-left: 3px;
	/* vertical-align: top; */
	vertical-align: middle;
	height:30px;
}

.TableRow2 {
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	/* Background-Color: #EFF7F9; */
	background-color:#f5f5f5;
	Padding-top: 4px;
	padding-right: 2px;
	padding-left: 3px;
	/* vertical-align: top; */
	vertical-align: middle;
	height:25px;
}

.rowhighlight {
	background-color: #DAF0FC;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	Padding-top: 4px;
	padding-right: 2px;
	padding-left: 3px;
	vertical-align: top;
}
	
.rowselected {
	background-color: #ffff80;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	Padding-top: 4px;
	padding-right: 2px;
	padding-left: 3px;
	vertical-align: middle;
	height:30px;
}


.rowline {
	background-color: #EEE;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	width: auto; 
}


.TDTopLine
{
	color: Black;
	border-top-width: 1;
	border-top : solid Gray 1;
}

.TDTopLineNone
{
	color: #0000;
	border-top-width: 0;
	border-top : solid #0000 0;
}

.TDBottomLine
{
	color: Black;
	border-bottom-width: 1;
	border-bottom : solid Gray 1;
}

.TDBottomLineNone
{
	color: White;
	border-bottom-width: 0;
	border-bottom : solid White 0;
}

.TDRightLine
{
	color: Black;
	border-right-width: 1;
	border-right : solid Gray 1;
}

.TDRightLineNone
{
	color: White;
	border-right-width: 0;
	border-right : solid White 0;
}

.TDLeftLine
{
	color: Black;
	border-left-width: 1;
	border-left : solid Gray 1;
}

.TDLeftLineNone
{
	color: White;
	border-left-width: 0;
	border-left : solid White 0;
}

/*
Tab Start
*/




.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		10px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;
	background:		rgb(234,242,255);
	border:			1px solid;
	border-color:	rgb(120,172,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid rgb(120,172,255);
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 5px 6px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		white;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFCC33', endColorStr='#FFFFCC', gradientType='0');
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			8pt;
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(0,66,174);
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(120,172,255);
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		13px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		rgb(234,242,255);
	/*
height:			1.85em;
*/
	width:			100%;
}

.NoSpace { 
padding: 0px;
margin: 0px;
}

.legendcontent{
	background: url(../image/menubg2.png) repeat-x;
	padding: 2px;
	vertical-align: middle;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
}

.headercontent21 {
	border: 1px solid #CCCCCC;
	background: url(../image/menubg5.png) repeat-x;
	color: #FFFFFF;
	padding: 4px;
	font: 12px Arial;
	vertical-align: middle;
	text-decoration: none;
}

.MenuChildOff2 {
	padding: 4px;
	font: 11px Arial, sans-serif, Tahoma, Verdana;
	border: 1px solid #999999;
	color: #000000;
	background-color: #A2FF48;
	text-decoration: none;
}

.blue2{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #9CF;
}
.blue3{
	font-family: Arial, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #3CF;
}


/* O V E R R I D E S */

.menu-bg1 {
	background-color: #3c404d;
}

.menu-bg2 {
	background: rgb(93,99,110); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNjM2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTQwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(93,99,110,1) 0%, rgba(58,64,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,99,110,1)), color-stop(100%,rgba(58,64,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(93,99,110,1) 0%,rgba(58,64,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(93,99,110,1) 0%,rgba(58,64,77,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(93,99,110,1) 0%,rgba(58,64,77,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(93,99,110,1) 0%,rgba(58,64,77,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d636e', endColorstr='#3a404d',GradientType=0 ); /* IE6-8 */

	
	height:30px;
}

.menu-bg3 {
	background-color: #e6e6e6;
}