/* CORE STYLE */

@import url("/css/base.css");

body { margin:0; background:white; font-size:90%; }
body, table { color:#282828; }
a { color:#0147c0; text-decoration:none; }
a:hover { color:#0147e8; text-decoration:underline; }
hr { height:1px; border:0; margin:7px 0 6px; *margin:0; border-top:solid 1px lightgrey; }



/* STRUCTURE STYLE */

div.base { }

div.header { width:960px; height:85px; margin:0 auto; background:url(/images/header.gif) top center no-repeat; border-bottom:0; }

div.header span.siteLicense { position:relative; float:left; top:57px; left:270px; color:#8ac; font:10px tahoma; }

div.menu { background:#2F98E9; text-align:center; min-width:960px; *_width:960px; }

div.menu ul { width:960px; display:inline-block; margin:0; padding:0; list-style:none; font-size:13px; font-weight:bold; *zoom:1; }
div.menu ul li { float:left; margin:0px !important; }
div.menu ul li a { display:inline-block; color:white; border:0; text-decoration:none; text-align:center; white-space:nowrap; outline:none; }
div.menu ul li a span { padding:11px 20px 11px 21px; display:inline-block; cursor:pointer; }
div.menu ul li a:hover { background:#237fe3; color:white; text-decoration:none; border:0; }
div.menu ul li a.selected { background:#1766de; }
div.menu ul li a.selected:hover { background:#1766de; }

div.body { width:960px; margin:0px auto 3px; background:white; color:#181818; }

div.body div.path { padding:6px 10px; color:#a8a8a8; font-size:11px; font-family:tahoma; cursor:default; }
div.body div.path label, 
div.body div.path a { margin:0 5px; color:#0078A0; font-family:arial; text-decoration:none; border:0; }
div.body div.path a:hover { color:#0078A0; text-decoration:underline; }

div.body div.homebanner { height:288px; }
div.body div.homebanner img { display:block; }

div.body div.title { height:130px; background-position:top right; background-repeat:no-repeat; background-color:#01CCF4; *background-color:#07C7F2; }
div.body div.title-overlay { height:100%; background:url("/lib/images/title_overlay.png") top left no-repeat; behavior:url('/lib/iepngfix/iepngfix.htc'); }
div.body div.title h1 { display:inline-block; color:white; font-size:24pt; margin-top:28px; margin-left:28px; font-weight:normal; width:590px; }

div.body div.content { overflow:hidden; zoom:1; }
div.body div.content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
div.body div.content-border { border-bottom:solid 2px #C9EDFD; }

div.body div.content div.sidepanel { width:200px; float:left; background:#C9EDFD; margin-right:10px; padding:25px 15px; padding-bottom:7000px; margin-bottom:-6980px; min-height:200px; *_height:200px; }

div.sidepanel strong { font-size:13px; margin-bottom:5px; color:#0167A8; display:block; }
div.sidepanel table { font-size:12px; }
div.sidepanel hr { height:1px; margin:15px 0 14px; *margin:8px 0 7px; border:0; border-top:solid 1px #9CC7EA; }

div.sidepanel a.imagelink { display:inline-block; *display:block; }

div.sidepanel div.sidebanner a { margin-bottom:7px; display:inline-block; *display:block; }
div.sidepanel div.sidebanner a img { border:solid 1px silver; padding:2px; background:white; }

div.sidepanel div.sidemenu hr { margin:7px 0 6px; *margin:0px; }
div.sidepanel div.sidemenu ul { list-style:none; margin:0; padding:0; zoom:1; font-size:14px; }
div.sidepanel div.sidemenu ul li { padding:2px 0; }
div.sidepanel div.sidemenu ul li label { display:inline-block; } /*IE hack*/
div.sidepanel div.sidemenu ul li label { display:block; padding:5px 7px; text-decoration:none; color:#313131; }
div.sidepanel div.sidemenu ul li a { display:inline-block; } /*IE hack*/
div.sidepanel div.sidemenu ul li a { display:block; text-decoration:underline; padding:5px 7px; text-decoration:none; border:0; color:#0264A8; }
div.sidepanel div.sidemenu ul li a:hover { background:#ABE4FC; color:#0264A8; }

div.body div.content div.mainpanel { width:700px; float:right; padding:25px 0; }

div.mainpanel h2 { font-size:125%; font-weight:normal; color:#0167A8; margin:0 0 20px; padding-bottom:3px; border-bottom:solid 1px #acd; clear:both; }
div.mainpanel h3 { font-size:120%; font-weight:normal; color:#008A78; margin:0 0 1.25em; padding-top:5px; }
div.mainpanel h4 { font-size:105%; font-weight:bold; font-style:italic; color:#333; margin:0 0 1em; padding-top:2px; }

div.mainpanel p { margin-bottom:1em; }

div.mainpanel ul { list-style-image:url(/lib/images/bullet.gif); list-style-position:none; }
div.mainpanel ul.level2 { list-style-image:url(/lib/images/bullet2.gif); list-style-position:none; }
div.mainpanel ul.small, div.content ol.small { font-size:85%; }
div.mainpanel ul.tiny, 
div.content ol.tiny { font-size:75%; }
div.mainpanel ul li, 
div.content ol li { margin-bottom:0.5em; }

div.mainpanel div.grid2 div.col { width:340px; }
div.mainpanel div.grid2 div.col.last { margin-left:20px; }

div.body div.bottompanel { margin-top:5px; }

div.footer { padding:22px 0; min-width:960px; *_width:960px; background:#2287D7; color:#f1f1f1; text-align:center; font-size:80%; }
div.footer a { color:white; text-decoration:none; }
div.footer a:hover { color:white; text-decoration:underline; }



/* THEME STYLE */

a.readmore { margin-left:5px; font-weight:normal; font-style:italic; font-size:9pt; }
a.imagelink { display:inline-block; border:0; }
a.imagelink:hover img { border-color:#3d85d9 !important; }

table.standard { border-collapse:collapse; font-size:100%; }
table.standard td { border:solid 1px #98A5BE; padding:5px 5px; color:#458; }
table.standard thead td { background:#C9EDFD; }
table.standard thead tr.subheader td { background:#f0f0f0; }
table.standard tbody td { background:#fff; }
table.standard td.center { text-align:center; }
table.standard.center-text td { text-align:center; }

table.plain, table.plain2, table.plain3, table.plain4 { border-collapse:collapse; }
table.plain td, table.plain2 td, table.plain3 td, table.plain4 td { padding:0px; vertical-align:top; }
table.plain2 td { padding-right:2px; padding-bottom:2px; }
table.plain3 td { padding-right:3px; padding-bottom:3px; }
table.plain4 td { padding-right:4px; padding-bottom:4px; }
table.plain6 td { padding-right:4px; padding-bottom:6px; }

table.simple { border-collapse:collapse; }
table.simple td { padding:6px; vertical-align:top; border:solid 1px silver; }

table.top-align td { vertical-align:top; }

img.imagebox { margin-bottom:1.3em; display:block; }
img.framed { border:solid 1px silver; padding:4px; }
img.center { margin:0 auto; }
img.left { float:left; margin-right:20px; }
img.right { float:right; margin-left:20px; }
img.last { margin:0 !important; }

table.imagebox { border-collapse:collapse; margin-bottom:1.3em; }
table.imagebox td { padding:0; padding-right:10px; }
table.imagebox.center { margin-left:auto; margin-right:auto; }
table.imagebox.center td { padding:0 5px; }
table.imagebox.left { float:left; margin-right:10px; }
table.imagebox.left td { padding:0; padding-right:10px; }
table.imagebox.right { float:right; margin-left:10px; }
table.imagebox.right td { padding:0; padding-left:10px; }
table.imagebox label { display:block; margin:3px auto 0; text-align:center; color:#686868; font-size:8pt; font-style:italic; }
table.imagebox img { *display:block; }

div.imagebox { zoom:1; margin-bottom:1.3em; }
div.imagebox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
div.imagebox img.framed { margin-right:10px; display:block; float:left; }

div.frame1 {
	border:double 3px #B8C5DE;
	padding:10px 12px;
	padding-bottom:0;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	border-radius: 8px 8px;
}
div.frame1 div.lastrow { border-top:dashed 1px #B8C5DE; padding-top:10px; }
div.frame1 h3 { color:purple; font-size:11pt; font-weight:normal; font-style:italic }

h2.titlebar { zoom:1; background:#5CAAE5; color:white !important; border:0 !important; padding:4px 12px 4px 8px; }
h2.titlebar:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; position:relative; top:-2px; }
h2.titlebar span { float:left; display:block; display:inline-block; *display:inline; }
h2.titlebar a { float:right !important; margin-top:2px; color:white; font-size:9pt; font-weight:bold; text-decoration:none; }
h2.titlebar a:hover { color:white; text-decoration:underline; }

ul.event-list { padding-left:17px; }
ul.event-list li { margin-bottom:0.6em !important; padding-bottom:0.6em; border-bottom:dashed 1px silver; }
ul.event-list li div.item { *display:inline-block; }
ul.event-list li div.item a { border:0; *float:left; }
ul.event-list li div.item a:hover { border:0; }
ul.event-list li div.item label { *float:left; color:gray; font-style:italic; margin-left:5px; *margin-left:9px; }
ul.event-list li div.item i { float:right; color:#aaa; font-style:italic; font-size:75%; padding-right:5px; }

*.br { margin-bottom:1.3em; }
*.claim span { display:inline-block; vertical-align:top; color:#c00; }
*.claim i, *.claim em { display:inline-block; width:96%; margin-left:5px; color:#666; }
i.remark, em.remark { color:#777; }



/* LIBRARY STYLE */

div.slide { position:relative; width:100%; z-index:5; }
div.slide div.images { position:relative; }
div.slide div.images img { position:absolute; top:0; left:0; display:block; visibility:hidden; }
div.slide div.images img.displayed { visibility:visible; }
div.slide div.bullets { position:absolute; float:left; left:50%; bottom:10px; z-index:20; }
div.slide div.bullets div { position:relative; float:left; left:-50% }
div.slide div.bullets div a { display:block; float:left; width:10px; height:10px; margin-right:8px; border:solid 1px #eaeaea; font-size:8px; text-decoration:none; outline:none; zoom:1; }
div.slide div.bullets a.selected { background:skyblue; }
div.slide div.bullets a.selected:hover, 
div.slide div.bullets a:hover { background:#CDB99C; }

div.scrollpanel { margin:0 auto; overflow:hidden; position:relative; padding-top:5px; padding-bottom:5px; }
div.scrollpanel table { border-collapse:collapse; font-size:11px; margin:0 auto; }
div.scrollpanel table td { padding:0; vertical-align:top; text-align:center; }
div.scrollpanel table a { text-decoration:none; border:0; outline:none; }
div.scrollpanel table img { display:block; }
div.scrollpanel table a:hover { text-decoration:underline; }

a.toggleheader { display:inline-block; } /*IE hack*/
a.toggleheader {
	color: #414141;
	display: block; 
	background-color: #e8eaea;
	background-image: url("/lib/images/extend_arrow.gif"); 
	background-position: right center; 
	background-repeat: no-repeat;
	cursor: pointer; 
	font-size:110%;
	text-decoration: none; 
	padding: 6px 8px; 
	margin-bottom: 10px;
	border:0;
	-moz-border-radius: 4px 4px; 
	-webkit-border-radius: 4px 4px; 
	border-radius: 4px 4px;
	outline:none;
}
a.toggleheader:hover {
	color: black;
	background-color: #D4EAF4;
	background-image: url("/lib/images/extend_arrow_hover.gif");
	text-decoration: none;
}
a.toggleheader.expended { background-image: url("/lib/images/collapse_arrow.gif"); }
a.toggleheader.expended:hover { background-image: url("/lib/images/collapse_arrow_hover.gif"); }
div.togglebody { padding:10px 5px; display:none; }

div.overlay {
	position:fixed; *position:absolute; 
	top:0; left:0; 
	width:100%; height:100%; 
	background:#000; 
	opacity:0.6; 
	filter:alpha(opacity=60);
	z-index: 100;
}

img.lightbox_button { position:fixed; *position:absolute; z-index:102; cursor:pointer; }
div.lightbox_context { position:fixed; *position:absolute; z-index:101; background:white; padding:3px; display:none; }
div.lightbox_context iframe { width:100%; height:100%; background:white; }



/* TARGET STYLE */

#homeScrollPanel { width:900px; height:120px; }
#homeScrollPanel table td { width:150px; }