* {	
	
/*	margin: 0 auto;
	padding: 0;
   border: 1px solid red !important;*/
}

html {
width: 100%;
height: 100%;
overflow: auto;
}


body {
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	/*background-color: #C5E9FE;*/
	width: 100%;
	height: 100%;
	color: #0D124D;
	font-size: 14px; font-family: Verdana, Tahoma; text-decoration: none	;
}


/*------------------------------------  FONT  ------------------------------------------------*/
@font-face {
	font-family: Vstar;
	src: url(fonts/PSL096.eot);
}
@font-face {
	font-family: Vstar;
	src: url(fonts/PSL096.ttf) format('truetype');
}
@font-face {
	font-family: Vstar2;
	src: url(fonts/PSLKAND0.eot);
}
@font-face {
	font-family: Vstar2;
	src: url(fonts/PSLKAND0.ttf) format('truetype');
}



h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
}


a {
	color: #3300FF;
	text-decoration: none;
}

a:hover {
	color: #EF1010;
	cursor:pointer;
}
a:visited {
	text-decoration: none;
}

ol,ul {
	list-style:none;
}

img { 
	border:0;
}


/*------------------------------------------------------------------------------------*/




/*----------------------------------#loginbox------------------------------------*/
#loginbox{
position:relative;
width:470px;
background:#FFFFFF;
display:block;
height:270px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow:0px 2px 15px #0000CC;
-moz-box-shadow:0px 2px 15px #0000CC;
-webkit-box-shadow:0px 0px 25px #000066;
}
/*********************************************************************/
#menu {
	background-image: url(menu1.gif);
	background-repeat: repeat-x;
	position: relation;
	height: 25px;
    float: none;
	margin: 0 auto;
	box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, .2);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, .2);
    -o-box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, .2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, .2);
	padding-left:50px;
}

/****************************    navigation    ****************************************************/
#navigation {
    float: right;
	margin: 0 auto;

}

#navigation ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	float: right;
	padding: 5px 5px 0px 5px;
}

#navigation li {
	float: left;

}

#navigation a {
	float:left;
	display: block;
	height: 20px;
	background: #D8D8D8;
	margin-right: 5px;
	padding: 5px 7px 0 7px;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #0000CC;

}

#navigation a:hover, #navigation .current_page_item a {
	text-decoration: none;
	background: #F3F3F3;
	color: #EA0000;

}

#navigation .current_page_item a {
	padding-left: 0;
	color: #30476A;
}

/**********************************************************************************/
/***********************************************************       FIX BAR HEADER  *****************   background:url(../images/bar.png) repeat-x; ******/
#superheader{

position:relative;z-index:100;width:100%;
}

#logo-head{
	COLOR:#FFFFFF;
	font-size:20px;
	font-family:Vstar;
	letter-spacing: 2px;
	cursor:pointer;
}


	#bar { 
			width:100%; height:25px; padding:3px 0;  background: #2380DC; 
			  background-position: center center;
			  background-repeat: no-repeat;
			  background-image: -ms-radial-gradient(center, circle closest-corner, #33A4FF 0%, #000066 100%);
			   /* Firefox 3.6+ */ 
			  background: -moz-radial-gradient(circle, #33A4FF, #000066);
			  /* Safari 5.1+, Chrome 10+ */
			  background: -webkit-radial-gradient(circle, #33A4FF, #000066);
			  /* Opera cannot do radial gradients yet */
			  background-image: -webkit-radial-gradient(center, circle closest-corner, #33A4FF 15%, #000066 100%);

		}

			#headContainer { width:100%;margin: 0 auto; position:relative;display:inline;text-align: left;}

								#loginContainer,#messageContainer  {
									width:40px;
									position:relative;
									float:right;
									font-size:12px;
								}

								/* username & message Button */
								#username,#messageButton{ 
									display:inline-block;
									float:right;
									height:25px;
									position:relative;
									z-index:130;
								   cursor:pointer;

								}
								/* username span Button */
								#username span{ 
									vertical-align:bottom;	
									font-size:14px; 
									 padding:3px 9px 6px 9px;
									display:block;
									color:#F0F4F4;
								}

								#messageButton span{ 
									vertical-align:bottom;	
									color:#FF9900;
									font-size:14px; 
									 padding:3px 9px 6px 9px;
									display:block;
										border-radius:3px;
									-moz-border-radius:3px;
								}
								#messageButton span:hover{ 
								background: #84C4E6;
								color:#333A42; 
								}

								/* If the Login Button has been clicked */    
								#messageButton.active span {
									color:#333A42; 
									font-size:14px; 
									 border-radius:3px;
									-moz-border-radius:3px;
								  /*   background:url(../images/loginArrow.png) no-repeat 53px 7px;  text-shadow:1px 1px #fff; */
									display:block;
									vertical-align:top;
									background:#FFFFFF;
								}
								/* A Line added to overlap the border */
								#messageButton.active em {
									position:absolute;
									width:100%;
									height:1px;
									background:#FFFFFF;
									bottom:-1px;
								}



											/* Message Box */

											#headtopmessage{
											display:block;
											height:20px;
											width:334px;
											border:2px #404040;
											font-size:15px;
											background:#FFFFFF;
											color:#333942;
											z-index:29;
											padding:10px 0px 0px 5px;
														   /* Firefox 3.6+ */ 
			  background: -moz-radial-gradient(circle, #DEE1E7, #FFFFFF);
			  /* Safari 5.1+, Chrome 10+ */
			  background: -webkit-radial-gradient(circle, #DEE1E7, #FFFFFF);
			  /* Opera cannot do radial gradients yet*/
			  background-image: -webkit-radial-gradient(center, circle closest-corner, #DEE1E7 15%, #FFFFFF 100%); 
												border-radius:3px 0 3px 3px;
												-moz-border-radius:3px 0 3px 3px;
												box-shadow: 0px 2px 5px #bbb;
												-webkit-box-shadow: 0px 2px 5px #bbb;
												-moz-box-shadow: 0px 2px 5px #bbb;
											}

											#messageBox {
												position:absolute;
												width:340px; 
												top:24px;
												right:-1px;
												display:none;
												z-index:127;
													box-shadow: 0px 2px 3px #bbb;
												-webkit-box-shadow: 0px 2px 3px #bbb;
												-moz-box-shadow: 0px 2px 3px #bbb;
											}

													#messageTable {
														color:#000099;
														width:326px; 
														z-index:27;
														border:1px solid #899caa;
														border-radius:2px 0 2px 2px;
														-moz-border-radius:2px 0 2px 2px;
														margin-top:-1px;
														background:#FFFFFF;
														padding:6px;
													}


														#messageTable .msgdata {
															color:#000099;
															display:block;
															font-size:13px; 
															border-bottom:1px solid #C2CCD3;
															text-align:left;
															z-index:128;
															padding:12px 0 12px 6px;
															text-shadow:1px 1px #fff;

														}

														#messageTable .msgdata:hover {
															background:#E5E5E5;
														}





								/* Login Button */
								#loginButton { 
									display:inline-block;
									float:right;
									height:25px;
								/*    background:#d2e0ea url(../images/buttonbg.png) repeat-x; background: #3333CC;
									border:1px solid #899caa; */
									border-radius:3px;
									-moz-border-radius:3px;
									position:relative;
									z-index:130;
									cursor:pointer;
								}

								/* Login Button Text */
								#loginButton span {
									color:#414A54; 
									font-size:14px; 
									font-weight:bold; 
									 padding:2px 9px 5px 9px;
								  /*   background:url(../images/loginArrow.png) no-repeat 53px 7px;  text-shadow:1px 1px #fff; */
									display:block;
									vertical-align:top;
								}

								#loginButton:hover {
									background:url(../images/buttonbgHover.png) repeat-x;  background: #84C4E6;
								}
								#loginButton span:hover {
								   /* color:#333A42; */
								}

								/* If the Login Button has been clicked */    
								#loginButton.active span {
									color:#333A42; 
									font-size:14px; 
									font-weight:bold; 
									  border-radius:3px;
									-moz-border-radius:3px;
									 padding:2px 9px 5px 9px;
								  /*   background:url(../images/loginArrow.png) no-repeat 53px 7px;  text-shadow:1px 1px #fff; */
									display:block;
									vertical-align:top;
									background:#FFFFFF;
								}

								/* A Line added to overlap the border */
								#loginButton.active em {
									position:absolute;
									width:100%;
									height:1px;
									background:#FFFFFF;
									bottom:-1px;
								}


								/* Login Box */
								#loginBox {
									position:absolute;
									width:260px; 
									top:25px;
									right:-1px;
									display:none;
									z-index:129;
										box-shadow: 0px 2px 3px #bbb;
									-webkit-box-shadow: 0px 2px 3px #bbb;
									-moz-box-shadow: 0px 2px 3px #bbb;
								}

								/* Login Form */
								#loginForm {
									width:248px; 
									border:1px solid #899caa;
									border-radius:3px 0 3px 3px;
									-moz-border-radius:3px 0 3px 3px;
									margin-top:-1px;
									background:#FFFFFF;
									padding:6px;
								}

								#loginForm fieldset {
									margin:0 0 12px 0;
									display:block;
									border:0;
									padding:0;
									text-align:left;
								}

								#loginForm span {
									display:block;
								cursor:pointer;
								}

								#loginForm span:hover {
									background:#E5E5E5;
								}

								fieldset#body {
									background:#fff;
									border-radius:3px;
									-moz-border-radius:3px;
									padding:10px 13px;
									margin:0;
								}

								#loginForm #checkbox {
									width:auto;
									margin:1px 9px 0 0;
									float:left;
									padding:0;
									border:0;
									*margin:-3px 9px 0 0; /* IE7 Fix */
								}

								#body label {
									color:#3a454d;
									margin:9px 0 0 0;
									display:block;
									float:left;
								}

								#loginForm #body fieldset label {
									display:block;
									float:none;
									margin:0 0 6px 0;
								}

								/* Default Input */
								#loginForm input {
									width:92%;
									border:1px solid #899caa;
									border-radius:3px;
									-moz-border-radius:3px;
									color:#3a454d;
									font-weight:bold;
									padding:8px 8px;
									box-shadow:inset 0px 1px 3px #bbb;
									-webkit-box-shadow:inset 0px 1px 3px #bbb;
									-moz-box-shadow:inset 0px 1px 3px #bbb;
									font-size:12px;
								}

								/* Sign In Button */
								#loginForm #login {
									width:auto;
									float:left;
									background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
									color:#fff;
									padding:7px 10px 8px 10px;
									text-shadow:0px -1px #278db8;
									border:1px solid #339cdf;
									box-shadow:none;
									-moz-box-shadow:none;
									-webkit-box-shadow:none;
									margin:0 12px 0 0;
									cursor:pointer;
									*padding:7px 2px 8px 2px; /* IE7 Fix */
								}

								/* Forgot your password */
								#loginForm span {
									text-align:left;
									display:block;
									padding:7px 0 4px 10px;
									text-shadow:1px 1px #fff;
								}

								#loginForm span a {
									color:#3a454d;
									text-shadow:1px 1px #fff;
									font-size:12px;
								}

								input:focus {
									outline:none;
								}

/*****************************************************************************END OF HEADER  ********/
/**************************************************************  NAVIGATOR ********************/ 
#nav_pull{
	width:100%;
	display:block;
	height:12px;
	font-size:10px;
	cursor:s-resize;
	background:#F1F1F1;
	background: -webkit-gradient(radial,100 36,0,100 -40,120,from(#FAFAFA),to(#F1F1F1)),#F1F1F1;
	border-bottom:1px solid #C8C8C8;
	text-align:center;
	color:#8C8C8C;
}

#nav_bar { 
	position:relative;z-index:90;width:100%;
	width:100%; height:50px; padding:3px 0;  background: #4A4A4A; 
	background-position: center center;
	background-repeat: no-repeat;
	background-image: linear-gradient(bottom, #262C2E 92%, #4A4A4A 65%);
	background-image: -o-linear-gradient(bottom, #262C2E 92%, #4A4A4A 65%);
	background-image: -moz-linear-gradient(bottom, #262C2E 92%, #4A4A4A 65%);
	background-image: -webkit-linear-gradient(bottom, #262C2E 92%, #4A4A4A 65%);
	background-image: -ms-linear-gradient(bottom, #262C2E 92%, #4A4A4A 65%);

	background-image: -webkit-gradient(
									linear,
									left bottom,
									left top,
									color-stop(0.92, #262C2E),
									color-stop(0.65, #4A4A4A)
									);
}


#nav_container{
		font-size: 14px;
		padding: 3px 0 0 5px;
		color: #FFFFFF;
}
.nav_box{
		float:left;
		padding: 0 10px 0 10px;
}
.nav_box a{
		color: #C3C3C3;
}
.nav_box a:hover{
		color: #FFFFFF;
}

/**********************************************************************************/
/**********************************************************************************/
#header {
	height: 20px;
	margin: 0 auto;
    padding: 8px 0 5px 0;
	background: #3333CC;  
	font-size: 15px;
	text-align: right;
	color: #FFFFFF;
}

.submenu{
position:absolute;
top:0px;
left: 50%;
padding-top:3px;
width: 800px;
margin-left: -400px; /* Half the width */
color:#3300CC;
}

.subbutton{
float:left;
display:block;
margin-right:20px;
font-size:20px;
padding:0 10px 0 10px;
background-color:#EDF2F3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 5px #0000CC;
-moz-box-shadow:0px 2px 5px #0000CC;
-webkit-box-shadow:0px 0px 5px #000066;
}

.subbutton:hover {
background-color:#0073FF;

color:white;
}
.subbutton_on {
float:left;
display:block;
margin-right:20px;
font-size:20px;
padding:0 10px 0 10px;
background-color:#33FFFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 15px #FFFFCC;
-moz-box-shadow:0px 0px 15px #FFFFCC;
-webkit-box-shadow:0px 0px 15px #FFFFCC;
color:#0000CC;
}


/**********************************************************************************/

#schoolbox {
position:relative;
width:720px;
background:WhiteSmoke;
margin:0 auto;
    padding: 3px 30px 3px 30px;
height:270px;
	text-align:left;
	font-size: 1.2em;	
	vertical-align: middle;
		border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow:0px 2px 10px #5078A9;
-moz-box-shadow:0px 2px 10px #5078A9;
-webkit-box-shadow:0px 2px 10px #5078A9;
}

#schoolbox2 {
background:#FAFAFA;
    padding: 20px 20px 20px 20px;
		border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow:0px 2px 10px #5078A9;
-moz-box-shadow:0px 2px 10px #5078A9;
-webkit-box-shadow:0px 2px 10px #5078A9;
}

/*----------------------------------#search_tab------------------------------------*/
#search_tab{
position:relative;
background:Whitesmoke;
/*background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(255,222,173,1) ), color-stop( 1, rgba(245,245,245,1) ) );*/
display:block;
overflow:hidden;
margin:0 auto;
height:13px;
border-bottom: solid 5px #FFCC00;
	text-align:center;
	vertical-align: middle;
	box-shadow:0px 1px 2px #5078A9;
-moz-box-shadow:0px 1px 2px #5078A9;
-webkit-box-shadow:0px 1px 2px #5078A9;

	transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

#search_tab:hover{

height:120px;
display:block;
overflow:hidden;
	transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;

box-shadow:0px 4px 8px #0099FF;
-moz-box-shadow:0px 4px 8px #0099FF;
-webkit-box-shadow:0px 4px 4px #0099FF;
}
/*********************************************************************/







/*********************************************************************/
/*********************************************************************/
/***************************** CLASS ******************************/
/*********************************************************************/
/*********************************************************************/

/***************************** make gradient background color****************************************/
.radial-center {
  /* fallback */
  background-color: #33A4FF;

  background-position: center center;
  background-repeat: no-repeat;

  background-image: -ms-radial-gradient(center, circle closest-corner, #33A4FF 0%, #000066 100%);
   /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #33A4FF, #000066);
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #33A4FF, #000066);
  /* Opera cannot do radial gradients yet */
  background-image: -webkit-radial-gradient(center, circle closest-corner, #33A4FF 15%, #000066 100%);
}

.radial-center-black {
 background-color: #45484d;
background: rgb(69,72,77); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.radial-center2 {
  /* fallback */
  background-color: #33CC00;

  background-position: center center;
  background-repeat: no-repeat;

  background-image: -ms-radial-gradient(center, circle closest-corner, #33CC00 0%, #244800 100%);
   /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #33CC00, #244800);
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #33CC00, #244800);
  /* Opera cannot do radial gradients yet */
  background-image: -webkit-radial-gradient(center, circle closest-corner, #33CC00 15%, #244800 100%);
}

.radial-center3 {
  /* fallback */
  background-color: #FFA317;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: -ms-radial-gradient(center, circle closest-corner, #FFA317 0%, #A44200 100%);
   /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #FFA317, #A44200);
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #FFA317, #A44200);
  /* Opera cannot do radial gradients yet */
  background-image: -webkit-radial-gradient(center, circle closest-corner, #FFA317 15%, #A44200 100%);
}
/*********************************************************************/


/******************************* loginbutton    **************************************/
.loginbutton{
	BORDER-RIGHT: LightGray 1px solid;BORDER-TOP: LightGray 1px solid;
	BORDER-BOTTOM: LightGray 2px solid;
	BORDER-LEFT: LightGray 1px solid;
	MARGIN-TOP: 15px;
	CURSOR: hand;
	COLOR: #6600FF;
	font-size: 12pt;
	width:230px;height:30px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ECFFFE;
		box-shadow:0px 2px 5px #D4D4D4;
-moz-box-shadow:0px 2px 5px #D4D4D4;
-webkit-box-shadow:0px 2px 5px #D4D4D4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.loginbutton:hover{
		box-shadow:0px 2px 5px #EEEEEE;
-moz-box-shadow:0px 2px 5px #D4D4D4;
-webkit-box-shadow:0px 2px 5px #B4B4B4;
	COLOR: #FFFFFF;
		BACKGROUND-COLOR: #3399FF;

}
/*********************************************************************/
/******************************* searchbutton    **************************************/
.searchbutton{
	BORDER-RIGHT: LightGray 1px solid;BORDER-TOP: LightGray 1px solid;
	BORDER-BOTTOM: LightGray 2px solid;
	BORDER-LEFT: LightGray 1px solid;
	MARGIN-TOP:10px;
	CURSOR: hand;
	COLOR: #0D80F2;
	font-size: 10pt;
	width:120px;height:20px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ECFFFE;
		box-shadow:0px 2px 5px #D4D4D4;
-moz-box-shadow:0px 2px 5px #D4D4D4;
-webkit-box-shadow:0px 2px 5px #D4D4D4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.searchbutton:hover{
		box-shadow:0px 2px 5px #EEEEEE;
-moz-box-shadow:0px 2px 5px #D4D4D4;
-webkit-box-shadow:0px 2px 5px #B4B4B4;
	COLOR: #FFFFFF;
		BACKGROUND-COLOR: #33CCFF;

}
/*********************************************************************/
/*******************************************************************************************************/
/* table class          

*/

				.csstable {
				border: 1px solid #A4A4A4;
				border-collapse: collapse;
				color: #21253A;
				font-size: 14px;
				position:relative;
				}

				.csstabletransparent {
				border-collapse: collapse;
				font-size: 13px;
				color: #0033CC;
				}

				.csstable caption {
				text-align: center;
				font-size: 18px;
				padding: 0.3em 0em 0.5em 0em;
				border: 1px solid: #0000FF;
				color: #0000CC;
				}

				.csstable td ,.csstable th {
				border-collapse: collapse;
				text-align: center;
				}

				.csstable th {
				text-align: center;
				background-color:rgb(215,219,216);
				padding: 0.2em;
				color: #000B3E;
				height: 25px;
					background-image: linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -o-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -moz-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -webkit-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -ms-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);

					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.15, rgb(205,209,206)),
						color-stop(0.78, rgb(245,245,245))
					);
				}

				.csstable tr.highlight {
				background-color:#E1FFFF;
				color: #000066;
				}

				.csstable a {
				color :#FF33CC;
				}

				.csstable tr td a {
				color :#000066;
				}


				.csstable a:hover {
				color : #FF0000;
				}


/*******************************************************************************************************/

/*******************************************************************************************************/
/* table class          

*/

				.puritable1 {
				border: 1px solid #A4A4A4;
				border-collapse: collapse;
				color: #21253A;
				font-size: 14px;
				}

				.puritable1 td ,.puritable1 th {
				border-collapse: collapse;
				text-align: center;
				}

				.puritable1 th {
				text-align: center;
				padding: 0.2em;
				color: #000B3E;
				height: 25px;
				background-color:rgb(215,219,216);
					background-image: linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -o-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -moz-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -webkit-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);
					background-image: -ms-linear-gradient(bottom, rgb(205,209,206) 15%, rgb(245,245,245) 78%);

					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.15, rgb(205,209,206)),
						color-stop(0.78, rgb(245,245,245))
					);
				}

				.puritable1 a {
				color :#FF33CC;
				}

				.puritable1 tr td a {
				color :#000066;
				}

				.puritable1 a:hover {
				color : #FF0000;
				}


/*******************************************************************************************************/




/*******************************************************************************************************/


/*******************************************************************************************************/
/* puritextbox */
.puritextbox1{
width:100%;
font-size:1.4em;
text-align:center;
border-style:none;
background:#FFF0FF;
}
.puritextbox2{
width:100%;
font-size:1.3em;
text-align:center;
border-style:none;
background:#FFFFFF
}
.puritextbox3{
width:100%;
font-size:1.1em;
text-align:center;
border-style:none;
background:#FFFFFF
}




/**************************************         button          *****************************************************************/
					.button { 
						float:left;
						height:auto;
						width:220px;
						text-align:center;
						white-space:nowrap;
						color: #eee;
						background-color:#3366FF;
						font-size:1.5em;
						font-weight:bolder;
						text-decoration: none;
						border-bottom:0.1em solid #555;
						border-right:0.1em solid #555;
						border-top:0.1em solid #ccc;
						border-left:0.1em solid #ccc;
						margin: 0.4em;
						padding:0.2em;
						display:block;
					}
					.button:hover {
						background-color:#A6D2FF;
						color:#3333FF;
						border-top:0.1em solid #3399FF;
						border-left:0.1em solid #3399FF;
						border-bottom:0.1em solid #3399FF;
						border-right:0.1em solid #3399FF;
						cursor:pointer;

					}

/*******************************************************************************************************/

.ac_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#434a54;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
}
.ac_footer span{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.footer span:hover{
	color:#fff;
	font-weight:bold;
}
.ac_footer span.ac_left{
	float:left;
}

/***************************************************************/
#searchbar{

position:relative;
/*position:absolute;
left:200px;
width:850px;*/
}

#SeachButtonspan {
position:absolute;
margin-left:10px;
display: inline-block;
cursor:pointer;

}
.searchicon {
background: url(/vstar_img/google.png);
background-position: -12px -50px;
display: inline-block;
height: 13px;
width: 14px;
cursor:pointer;
}

.excelminiicon {
background: url(/vstar_img/Excel-icon-mini.png);
background-size:15px 15px;
background-repeat:no-repeat;
display: inline-block;
height: 13px;
width: 14px;
cursor:pointer;
}


.SeachButton {
background-color: #4D90FE;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: none;
-webkit-user-select: none;
color: white;
cursor: default;
display: inline-block;
font-weight: bold;
height: 35px;
line-height: 29px;
min-width: 54px;
text-align: center;
text-decoration: none;
padding: 0 5px;
cursor:pointer;
}

.greenButton {
background: #7cf756; /* Old browsers */
background: -moz-linear-gradient(top,  #7cf756 0%, #a3ff59 48%, #66f718 54%, #36d60a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cf756), color-stop(48%,#a3ff59), color-stop(54%,#66f718), color-stop(100%,#36d60a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7cf756 0%,#a3ff59 48%,#66f718 54%,#36d60a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7cf756 0%,#a3ff59 48%,#66f718 54%,#36d60a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7cf756 0%,#a3ff59 48%,#66f718 54%,#36d60a 100%); /* IE10+ */
background: linear-gradient(top,  #7cf756 0%,#a3ff59 48%,#66f718 54%,#36d60a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cf756', endColorstr='#36d60a',GradientType=0 ); /* IE6-9 */

border: 1px solid #33CC00;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: none;
-webkit-user-select: none;
color: #1B5622;
}

.greenButton:hover{
background: #93ff3a; /* Old browsers */
background: -moz-linear-gradient(top,  #93ff3a 0%, #86ff23 48%, #45ff07 54%, #49ef02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93ff3a), color-stop(48%,#86ff23), color-stop(54%,#45ff07), color-stop(100%,#49ef02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #93ff3a 0%,#86ff23 48%,#45ff07 54%,#49ef02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #93ff3a 0%,#86ff23 48%,#45ff07 54%,#49ef02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #93ff3a 0%,#86ff23 48%,#45ff07 54%,#49ef02 100%); /* IE10+ */
background: linear-gradient(top,  #93ff3a 0%,#86ff23 48%,#45ff07 54%,#49ef02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ff3a', endColorstr='#49ef02',GradientType=0 ); /* IE6-9 */



}



.pinkButton {
background: #ff7cd1; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7cd1 0%, #f984d4 50%, #fc67ca 54%, #ff77bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7cd1), color-stop(50%,#f984d4), color-stop(54%,#fc67ca), color-stop(100%,#ff77bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff7cd1 0%,#f984d4 50%,#fc67ca 54%,#ff77bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff7cd1 0%,#f984d4 50%,#fc67ca 54%,#ff77bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff7cd1 0%,#f984d4 50%,#fc67ca 54%,#ff77bf 100%); /* IE10+ */
background: linear-gradient(top,  #ff7cd1 0%,#f984d4 50%,#fc67ca 54%,#ff77bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7cd1', endColorstr='#ff77bf',GradientType=0 ); /* IE6-9 */

border: 1px solid #FF00CC;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: none;
-webkit-user-select: none;
color: #FFFFFF;
text-shadow: 0px -1px 0px #960A8B;
}
.pinkButton:hover{
background: #f963c5; /* Old browsers */
background: -moz-linear-gradient(top,  #f963c5 0%, #f984d4 50%, #fc67ca 54%, #ff42ad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f963c5), color-stop(50%,#f984d4), color-stop(54%,#fc67ca), color-stop(100%,#ff42ad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f963c5 0%,#f984d4 50%,#fc67ca 54%,#ff42ad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f963c5 0%,#f984d4 50%,#fc67ca 54%,#ff42ad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f963c5 0%,#f984d4 50%,#fc67ca 54%,#ff42ad 100%); /* IE10+ */
background: linear-gradient(top,  #f963c5 0%,#f984d4 50%,#fc67ca 54%,#ff42ad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f963c5', endColorstr='#ff42ad',GradientType=0 ); /* IE6-9 */


}




.ac_loading{
	position:fixed;
	top:42px;
	right:10px;
	background:#313840 url(/vstar_css/loader/loader.gif) no-repeat center center;
	width:50px;
	height:50px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	z-index:999;
	opacity:0.6;
	display:none;
}
#menu_bar{
position:relative;
background:#F1F1F1;
background: -webkit-gradient(radial,100 36,0,100 -40,120,from(#FAFAFA),to(#F1F1F1)),#F1F1F1;
padding:10px 0 10px 10px;
height:50px;
}

#panel_left {
float:left;
width:150px;
display:block;overflow-y:auto;

}

#filter_bar {
margin:0 auto;
padding:20px 0 30px 5px;
width:90%;
}


.main_nav {
	font-weight: bold;
	text-align: center;
	color: #161616;
	padding:10px 10px 10px 10px;
	background-color:white;
	font-family:Vstar;
	font-size:50px;
	letter-spacing: 4px; 
	text-shadow: 0px 1px 0px #f3f5da;
	display: block;
}

.main_nav_mini{
	font-weight: bold;
	text-align: center;
	color: #161616;
	padding:5px 0px 5px 0px;
	background-color:white;
	font-family:Vstar;
	font-size:25px;
	letter-spacing: 8px; 
	text-shadow: 0px 1px 0px #f3f5da;
	display: block;
}
 .main_nav_mini img{
  height:30px;
 
 }









#logout {
    float: right;
	margin: 0 auto;

}

#logout ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	float: right;

}

#logout li {
	float: left;

}

#logout a {
	float:left;
	display: block;
	height: 20px;
	background: #D8D8D8;
	padding: 0px 7px 0 7px;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #0000CC;

}

#logout a:hover, #logout .current_page_item a {
	text-decoration: none;
	background: #F3F3F3;
	color: #EA0000;

}

#logout .current_page_item a {
	padding-left: 0;
	color: #30476A;
}


.bg_Red{
background: rgb(217,7,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(217,7,102) 0%, rgb(230,20,118) 50%, rgb(187,7,94) 51%, rgb(186,12,96) 71%, rgb(182,20,104) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(217,7,102)), color-stop(50%,rgb(230,20,118)), color-stop(51%,rgb(187,7,94)), color-stop(71%,rgb(186,12,96)), color-stop(100%,rgb(182,20,104))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(217,7,102) 0%,rgb(230,20,118) 50%,rgb(187,7,94) 51%,rgb(186,12,96) 71%,rgb(182,20,104) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(217,7,102) 0%,rgb(230,20,118) 50%,rgb(187,7,94) 51%,rgb(186,12,96) 71%,rgb(182,20,104) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(217,7,102) 0%,rgb(230,20,118) 50%,rgb(187,7,94) 51%,rgb(186,12,96) 71%,rgb(182,20,104) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(217,7,102) 0%,rgb(230,20,118) 50%,rgb(187,7,94) 51%,rgb(186,12,96) 71%,rgb(182,20,104) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90766', endColorstr='#b61468',GradientType=0 ); /* IE6-9 */
}

.bg_Blue{
background: rgb(0,134,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(0,134,206) 0%, rgb(0,153,230) 50%, rgb(0,122,178) 51%, rgb(0,124,182) 71%, rgb(0,133,186) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,134,206)), color-stop(50%,rgb(0,153,230)), color-stop(51%,rgb(0,122,178)), color-stop(71%,rgb(0,124,182)), color-stop(100%,rgb(0,133,186))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,134,206) 0%,rgb(0,153,230) 50%,rgb(0,122,178) 51%,rgb(0,124,182) 71%,rgb(0,133,186) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,134,206) 0%,rgb(0,153,230) 50%,rgb(0,122,178) 51%,rgb(0,124,182) 71%,rgb(0,133,186) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,134,206) 0%,rgb(0,153,230) 50%,rgb(0,122,178) 51%,rgb(0,124,182) 71%,rgb(0,133,186) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(0,134,206) 0%,rgb(0,153,230) 50%,rgb(0,122,178) 51%,rgb(0,124,182) 71%,rgb(0,133,186) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086ce', endColorstr='#0085ba',GradientType=0 ); /* IE6-9 */
}


.bg_Green{ background:#238615; }
.bg_Yellow{ background:#FAEE05; }
.bg_Pink{ background:#F480B5; }
.bg_Gray{ background:#495B65; }
.font_Brown{color:#671836;}



.blackhover:hover{
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(125,126,125) 0%, rgb(14,14,14) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(125,126,125)), color-stop(100%,rgb(14,14,14))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}