@charset "utf-8";

/********************************************* HTML default tag */
body {
	background:url(/images/bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

html, body {height:100%; width:100%;}

img {border:0;}

/****** login button ******/
.loginbutton a {background: transparent url(/images/buttons.gif) -10px -10px no-repeat;	width:94px;	height:20px;}
.loginbutton a:hover {background: transparent url(/images/buttons.gif) -10px -61px no-repeat;}

/****** news more button ******/
.newsmorebutton a {background: transparent url(/images/buttons.gif) -10px -110px no-repeat; width:92px; height:18px;}
.newsmorebutton a:hover {background: transparent url(/images/buttons.gif) -10px -160px no-repeat;}

/****** back button ******/
.backbutton a{background: transparent url(/images/buttons.gif) -10px -210px no-repeat;}
.backbutton a:hover {background: transparent url(/images/buttons.gif) -10px -260px no-repeat;}

/****** update information button ******/
.infoupdatebutton a{background: transparent url(/images/buttons.gif) -10px -310px no-repeat;}
.infoupdatebutton a:hover {background: transparent url(/images/buttons.gif) -10px -360px no-repeat;}
/********************************************* global class */

/* class for ie transparency */
.croppng{
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.scalepng {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.imagepng {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='image')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}



.validate{font-size:14px; font-weight:bold; color:#FF3300; margin:0 10px;}
.left  { float:left; }
.right { float:right; }
.space { clear:both; height:1px; }
.clear { clear:both; }
.ie_doubled_float_margin_bug { > display:inline;}
.ie_expanding_box_problem { > word-wrap:break-word;}

.login_message {line-height: 20px;text-align:right;}

.level_label{
	font-size:18px;
	font-weight:bold;
	color:#FF3300;
	position:absolute;
	width:100px;
	height:30px;
}

.feedbackmessage{color:#FF0000;}
/********************************************* main style: container */
#container {
	width:1012px;
	margin:0 auto;

}


/********************************************* main style: header */
#header_panel {
	height:170px;
}

.hp_l_space, .hp_r_space {
	height:170px;
	width:23px;		
}

.hp_l_space { 
	background:url(/images/new/header_l_space.png);
}

.hp_r_space {
/*	background:#ffffff;*/
}

.header {
	position:relative;
	float:left;
	height:170px;
	width:966px;
}

.hp_logo {
	width:966px;
	height:170px;
	position:absolute;
	overflow:hidden;	
}

.hp_logo2 {
	width:100%;
	height:170px;
	position:absolute;
	overflow:hidden;
	z-index: 1;	
}

.hp_logo {
	/*background:url(/images/new/header_l_space.png);*/
	background:url(/images/new/index-logo.png) no-repeat;
}

.hp_logo2 {
	background:url(/images/new/logo2.png) no-repeat;
}

.hp_nav {
	/*
	background:url(/images/new/student_header_bg.png);
	background-position:100% 0;
	*/
	position:absolute;
	left:650px;
	overflow:hidden;
	width:305px;
	height:170px;
	z-index: 99;
}

/********************************************* main style: body */
#body_panel {
	background:transparent url(/images/frame_bg.png);
	margin: 0 auto;
	width:966px;
	position:relative;
}

.frame_left, .frame_right {
	background:transparent url(/images/frame_bg_chip.png) repeat-y;
	height:170px;
	width:23px;		
}

#body_panel_bottom {
	background:url(/images/frame_bg_bottom.png) no-repeat;
	margin: 0 auto;
	width:966px;
	height:28px;
	position:relative;
}

/********************************************* main style: footer */
#footer {
	background:#FFFFFF;
	width:720px;
	height:65px;
	margin:0 auto;
	padding: 20px 5px 10px 5px;
	clear:both;
}

.footer_left {
	float:left;
	width:90px;
	height:59px;
	margin-left:25px;
	border-right:solid 1px #0066FF;
}

.footer_right {
	font:Verdana;
	font-size:11px;
	color:#386596;
	float:left;
	/*
	margin-top:2px;
	margin-left:10px;
	*/
}

.footer_copyright {
	font-size:11px;
}