/*------------------------------------------------------------------------
/* Set the clearfix class for sovling problems caused by div-float */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

div.errmsg, div.infomsg { margin: 0 10px 4px 10px; }

.shadow {
	position: fixed;
	z-index: 6;
	background-color: rgb(105,105,105);
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	width: 100%;
	height: 100%;
}

/* Define the top right area. */
#top_right {
	background-image: url('../../img/top_right.gif');
	width: 326px;
	height: 62px;
	margin-left: 14px;
	float: left;
}
#top_right_table {
	width: 320px;
	margin-left: 0px;
	margin-top: 3px;
	padding: 0 0 0 4px;
	color: #004d81;
}
#top_right_table td {
	margin: 0px;
	padding: 0px;
}
#top_right_table a {
	text-decoration: underline;
	font-weight: bold;
	color: #004d81;
}
#top_right_table .slot {
	padding-right: 2px;
	float: left;
}
#top_right_table .pic {
	padding-left: 5px;
	float: left;
}
#top_right_table .text {
	padding-left: 6px;
	padding-top: 3px;
	float: left;
	font-size: 11px;
}

/* Define the search area. */
#search_out {
	padding: 20px 18px 16px 18px;
	height: 24px;
	float: left;
	width: 247px;
}
#search_in {
	width: 247px;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	margin: 0;
}
#search_button {
	background-image: url('/img/search_button.gif');
	width: 112px;
	height: 18px;
	margin-top: 20px;
	color: #ffffff;
	text-align: center;
	float: left;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
#search_button a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#search_area {
	background-image: url('/img/search_area.gif');
	margin-left: 13px;
	width: 427px;
	height: 62px;
	float: left;
}

/* Define the space bar between main area and footnote */
#headermenu {
	width: 944px;
	height: 64px;
}
#logo {
	float: left;
	background-image: url('../../img/62.gif');
	width: 162px;
	height: 62px;
	background-repeat: no-repeat;
	font-size: 0px;
}
#mainarea {
	width: 944px;
	padding: 0;
	margin: 0;
	min-height: 510px;
	margin-top: 12px;
}
.space {
	width: 944px;
	clear: both;
	height: 13px;
	font-size: 0px;
}
.footTag { width: 120px; line-height: 16px; text-align: center; float: left; }
.footSep { width: 10px; line-height: 16px; text-align: center; float: left; }
#footer {
	text-align: center;
	margin-top: 20px;
	width: 944px;
	color: #004d81;
	font-size: 10px;
	font-weight: bold;
}
a.footer_link {
	text-decoration: none;
	color:#004d81;
	font-size: 16px;
}

/* Define the shading animation for bookmarks. */
.widget_shading_layer { 
	visibility: hidden;
	position: relative;
	text-align: center;
	width: 343px;
	height: 193px;
	left: 0;
	top: -271px;
	background-color:#FFFFFF;
	-moz-opacity:0.3;
	opacity:.30;
	filter:alpha(opacity=30);
}
.widget_shading_indicator {
	width: 66px;
	height: 66px;
	margin-top: 62px;
}

/* Define the left and right panels for bipanel-layout. */
#left_panel {
	min-height: 503px;
	height: auto !important;
	height: 503px;
	width:602px;
	float: left;
	display: inline;
	margin-right: 12px;
	text-align: left;
}
#left_panel_head {
	height: 20px;
	width: 602px;
	background-image: url('/img/lpnl_up.gif');
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 0pt;
}
#left_panel_body {
	width: 600px;
	min-height: 485px;
	height: auto !important;
	height: 485px;
	background-color: #FFFFFF;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	padding: 0;
	margin: 0;
	text-indent: 0;
}
#left_panel_bot {
	clear: both;
	width: 602px;
	height: 5px;
	background-image: url('/img/lpnl_bot.png');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
#left_panel_body_mask {
	visibility: hidden;
	position: relative;
	height: 490px;
	width: 602px;
	background-image: url('/img/lpnl_body.gif');
	background-repeat: no-repeat;
	left: 0;
	top: -491px;
	z-index: 8;
}

#right_panel {
	height: 503px;
	width:328px;
	float: left;
	display: inline;
}
#right_panel_head {
	width: 326px;
	height: 20px;
	background-image: url('/img/rpnl_top.png');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 1px;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#right_panel_body {
	width: 324px;
	min-height: 478px;
	height: auto !important;
	height: 478px;
	background-color: #FFFFFF;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	padding: 0pt 1px;
	margin: 0pt;
	text-indent: 0;
}
#right_panel_bot {
	width: 326px;
	height: 5px;
	background-image: url('/img/rpnl_bot.png');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 1px;
}
#right_panel_body_mask {
	display: none;
	position: relative;
	width: 324px;
	height: 485px;
	left: 0;
	top: -485px;
	background-color:#FFFFFF;
	-moz-opacity:0.3;
	opacity:.30;
	filter:alpha(opacity=30);
}
#right_panel_body_mask img {
	margin: 209px 129px;
}
#contents_filter {
	height: 80px;
	width: 322px;
	padding: 0 2px;
	margin: 0pt;
	border-bottom: 1px solid gray;
	display: table-cell;
	vertical-align: middle;
}
#contents_displayer {
	height: 400px;
	width: 322px;
	padding: 1px 0;
	margin: 0pt;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* steps used in bipanels-layout */
#steps_banner {
	text-align: center;
	clear: both;
	width: 560px;
	height: 24px;
	padding: 0 10px;
	margin: 4px 10px;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
}

.bx, .bxu {
	float: left;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #6099C0;
	text-align: center;
	margin-right: 12px;
}
.bx a:link, .bxu a:link { color: #6099C0; }
.bx a:visited, .bxu a:visited { color: #6099C0; }
.bx a:hover, .bxu a:hover { color: #82AAE2; }
.bxu a { text-decoration: underline; }
.bx a { text-decoration: none; }

.lay_lhs { float: left; }	/* left hand side			*/
.lay_rhs { float: right; }	/* right hand side			*/
.fsz_bold { font-weight: bold; }	/* bold font		*/
.fsz_light { font-weight: lighter; }/* light font       */
.fsz_italy { font-style: italic; }	/* italic			*/
.fsz_alike { color: blue; cursor: pointer; }
.fclr_gray { color: #9A9A9A; }
.fclr_red { color: red; }
.fclr_blue { color: blue; }
.ftype_u { text-decoration: underline; }

.lnkText, .lnkHelp {
	float: left;
	height: 20px;
}
.lnkText { padding-top: 5px; }
.lnkHelp {
	width: 16px;
	padding-top: 4px;
	margin-left: 3px;
	cursor: pointer;
}

.t_vmid {
	display: table-row;
	vertical-align: middle; 
}

#listAudResp { border-top: 2px solid #D9D9D9; margin: 2em 0; }
.boxAudResp { width: 100%; margin: 10px 0; }
.boxAudResp div.apr { width: 20px; height: 20px; float: left; }
.boxAudResp div.aww { float: left; margin: 0 1em; height: 1.5em; }
.boxAudResp span.cne { font-weight: bold; }
.boxAudResp span.ade { font-style: italic; }
.boxAudResp div.ccy { float: left; width: 24px; height: 20px; }
.boxAudResp div.atn { width: 80%; margin-left: 30px; padding: 0.5em 1em; border: 1px solid #C9C9C9; }

.panel {
	width: 95%;
	height: 95%;
	background: #FFFFFF none repeat scroll 0 0;
	border-color: #003366;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	color: #003366;
}
.panelHead {
	background: #003366 none repeat scroll 0 0;
	height: 25px;
	padding: 0 5px;
	color: #FFFFFF;
	font-size: larger;
}
.panelBody {
	text-align: left;
	padding: 1em;
}