@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Verdana, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#e9e9e9;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:24px 0 24px 40px; color:#5f5f5f; font:bold 40px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#5f5f5f; text-decoration:none;}
h1 span { color:#03a5d1;}
h1 small { padding-left:68px; font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#323a3f; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#03a5d1; text-decoration:underline;}
a:hover { color:#627EB7; text-decoration:underline;}

.contentlink a { color:#666; text-decoration:underline;}
.contentlink a:hover { color:#627EB7; text-decoration:underline;}

span.optionlink a { color:#339999; text-decoration:underline;}
span.optionlink a:hover { color:#cccc66; text-decoration:underline;}

a.submenulink { color:#003366; text-decoration:underline;}
a.submenulink:hover { color:#339999; text-decoration:underline;}

.header, .hbg, .content, .fbg, .footer { margin:0; padding:0;}
.content_resize, .fbg_resize { margin:0 auto; padding:24px 40px; width:890px; background-color:#fff; border:1px solid #d7d7d7;}

/* header */
.welcome { width: 220px; float: left; position: relative; top: 5px; left: 15px; font-weight: 500; color: #fff; text-align: left;}
.unitlib { width: 700px; float: right; position: relative; top: 5px; right: 15px; font-weight: 500; color: #fff; text-align: right;}
.header { background:#e9e9e9 url(../images/header_bg.gif) repeat-x top; padding-top:33px}
.header_resize { margin:0 auto; padding:0; width:970px; background:#fff url(../images/header_bgres.gif) repeat-x top; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.header .logo { width:auto; float:left;}
.header .menu ul { margin:87px 10px 0 0; padding:0; float:right; width:auto; list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}
.header .menu ul li a { display:block; margin:0; padding:6px 16px; color:#5f5f5f; text-decoration:none; border:1px solid #fff; font-weight: 500;}
.header .menu ul li a:hover, .header .menu ul li.active a { border-color:#03a5d1; background-color:#03a5d1; color: #fff; font-weight: 500;}

/* hbg */
.hbg { padding:0;}
.hbg_resize { margin:0 auto; padding:0; width:970px; height:2px; background-color: #03a5d1;}
.hbg_resize img.readmore { float:right; padding-top:32px;}

/* Messages, alerts */
.message { text-align:center; color:#ff0000; font-size:12px; font-weight:bold; text-decoration:none; padding-top: 10px; padding-bottom: 5px;}
.label { color: #61a203; font-size: 14px; font-weight: bold; text-decoration: none; }
.label2 { color: #61a203; font-size: 12px; font-weight: bold; text-decoration: none; }
.title { color: #0066CC; font-size: 11px; font-weight: bold; text-decoration: none; }
.notices { color: #DF3A01; font-size: 11px; font-weight: 500; text-decoration: none; }
.txtMessage { color: #DF3A01; font-size: 11px; font-weight: 600; text-decoration: none; }

/* content */
.loginbox {width:320px; padding: 10px; border: 1px solid #BCD2E6; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,0.8) 3px 3px 5px; }
.content { padding-bottom:16px;}
.content_resize { border-top:none;}
.content .mainbar { margin:0; padding:0; float:right; width:700px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { margin:0; padding:0; float:left; width:180px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0; background:url(../images/li.gif) no-repeat 0 12px;}
ul.sb_menu li { padding:4px 0 4px 12px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:underline;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#03a5d1; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

ul.items { margin:0; padding:2px 0 2px 20px; list-style:none;}
ul.items li, ul.ex_menu li { margin:0; background:url(../images/li.gif) no-repeat 0 12px;}
ul.items li { padding:4px 0 4px 12px;}

.content .pagewidth { margin-top:0; margin-bottom: 30px; padding:0; float:left; width:890px; }
.content .datablock { margin-top: 10px; float: left; width: 700px; }
.content .optionblock {margin-top: 20px; padding-right: 10px; float:right; width: 160px; }
.content .optionblock2 {margin-top: 20px; padding-left: 10px; float:right; width: 155px; border: 1px solid #BCD2E6; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,0.8) 3px 3px 5px; }
.content .roundcorner { border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; }
ul.option_menu { margin:0; padding: 20px 4px 24px 12px; list-style:none; }
ul.option_menu li {margin: 0; padding-left: 12px; background:url(../images/li.gif) no-repeat 0 10px;}
ul.option_menu li a { color:#03a5d1; text-decoration:none; font-weight: 500; font-size: 12px; }
ul.option_menu li a:hover { color:#CCCC66; text-decoration:none; }

li.divHeader, div.divHeader { font:bold 12px Arial, Helvetica, sans-serif;  }

ul.hanging { margin:0; padding:0; list-style:none;}
ul.hanging li { padding:4px 4px 4px 25px; text-indent: -25px}

p.hanging { padding:4px 4px 4px 25px; text-indent: -25px}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { margin:0; padding:0;}
.fbg_resize img { border:1px solid #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:425px;}
.fbg_resize .c2 { padding:0 0 0 16px; width:430px;}
.fbg_resize .c3 { padding:0 0 0 0; width:885px;}
.fbg_resize .c1 img { margin:8px 16px 16px 0; padding:0; float:left;}
#searchbox { width: 680px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,0.5) 3px 3px 6px; }
#Widgets { width: 840px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,0.8) 3px 3px 6px; }
/* footer */
.footer { margin:0; padding:0;}
.footer_resize { margin:0 auto; padding:8px 0; width:900px;}
.footer_resize p.lf { float:right; width:auto;}
ul.fmenu { margin:8px 0; padding:0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 8px; float:left;}
ul.fmenu li a { color:#5f5f5f; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#03a5d1;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
form { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
input.varfield { border: 1px dotted #61a203; padding: 2px; width: 542px; font-family: Verdana, Tahoma, Arial; color:#336666; }
input.textfield { border: 1px dotted #333; padding: 3px; font-family: Verdana, Tahoma, Arial; color:#000; font-size: 12px; }
input.submit { color: #336699; padding:4px 15px 4px 15px; font:normal 13px Arial, Helvetica, sans-serif; }
input.submitsmall { color: #336699; padding:0px 5px 0px 5px; font:normal 12px Arial, Helvetica, sans-serif; }
select { border: 1px dotted #333; padding: 2px; font-family: Verdana, Tahoma, Arial; color:#000; font-size: 12px; }
select.smalloption { border: 1px solid #dedede; padding: 3px; font-family: Verdana, Tahoma, Arial; color:#000; font-size: 12px; }

input.worksheet { width:620px; border:1px solid #c0c0c0; margin:2px 0; padding:5px; background:#fff; color: #333; }
textarea.worksheet { width:620px; border:1px solid #c0c0c0; margin:2px 0; padding:5px; background:#fff; color: #333; }

/* tables */
table.borderless td, table.borderless th { border-style: hidden; }
table.roundcorner {-webkit-border-radius: 10px; -moz-border-radius: 10px; overflow:hidden; border-radius: 10px; -pie-background: linear-gradient(#ece9d8, #E5ECD8); box-shadow: #333 1px 1px 1px 1px; }
table.roundcorner td, table.roundcorner th { border: 1px solid #dedede;  padding: 5px 10px 5px 5px;}
table.default td, table.default th { border: 1px solid #dedede; padding: 7px 10px 7px 10px; }
table, td { border-collapse: collapse; border: 1px solid #dedede; padding-left: 4px; padding-right: 4px; }
th { color:#333333; text-decoration: none; border-collapse: collapse; border: 1px solid #dedede; padding-left: 4px; padding-right: 4px; }
th.header1 { background-color: #CCCCFF; color: #666; text-align: left; padding: 3px 3px 3px 10px;}
th.header2 { background-color: #BCD2E6; color: #666; text-align: center; padding: 3px;}
#details th { text-align: right; vertical-align: middle; padding-right: 10px; width: 150px; font-weight: 600; color: #999; }
#details td { text-align: left; vertical-align: middle; padding-left: 10px; }
#details .oddrow { background-color: #F9FAF5; }
th.metadata { font-size: 11px; font-weight: 600; color: #999; text-align: right; padding: 3px; width:130px;}
td.metadata {  font-size: 11px; font-weight: 500; color: #333; text-align: left; padding: 3px;}



/* Admin Submenu */
#admin_submenu { background: #fafffa; position: absolute; border: 1px solid #03a5d1; z-index: 999999; top: 156px; XXleft: 988px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); opacity:0.9; }
#admin_submenu ul.sd_menu { margin: 0; padding:0; width:auto; list-style:none;}
#admin_submenu ul.sd_menu li { background: #fafffa; padding: 0px; float:none; margin:0; width: 130px;}
#admin_submenu ul.sd_menu li a { background: #fafffa; border: 0; padding: 5px 25px 5px 15px; text-decoration:none; float:none; margin:0; color:#5f5f5f }
#admin_submenu ul.sd_menu li:hover { color: white; background:rgb(3, 165, 209); }
#admin_submenu ul.sd_menu li a:hover { color: white; background:rgb(3, 165, 209); }


/* Unit/Library - Change drop-down menu */
#unit_menu_change { background: #fafffa; position: absolute; border: 1px solid #03a5d1; z-index: 999999; top: 24px; right: 28px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); opacity:0.9; text-align: center; }
#unit_menu_change ul.drp_menu { margin:0; padding: 3px; width:auto; list-style:none;}
#unit_menu_change ul.drp_menu li { background: #fafffa; padding: 5px; float:none; margin:0; width: 150px; }
#unit_menu_change ul.drp_menu li a { border:0; text-decoration:none; float:none; margin:0; color:#5f5f5f; }
#unit_menu_change ul.drp_menu li a:hover { color:#03a5d1; text-decoration:underline; }

.ui-menu { width: 160px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,0.8) 3px 3px 5px; }

/* Date Picker icon*/
.ui-datepicker-trigger { position: relative; top: 12px; left: 1px;}

/* Drag-n-Drop table */
.myDragClass { background-color: #FFCC33; color: #fff; font-weight: 600; box-shadow: 5px 5px 3px #888; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888;}

/* Add Shadows to jQueryUI Dialogbox */
.ui-dialog {
	-moz-box-shadow:    3px 3px 7px 1px rgba(7, 7, 7, 0.7);
	-webkit-box-shadow: 3px 3px 7px 1px rgba(7, 7, 7, 0.7);
	box-shadow:         3px 3px 7px 1px rgba(7, 7, 7, 0.7);
}

/* Statusbar for UI DialogBox */
.ui-statusbar {
	float: left;
	margin-top: 7px;
	margin-left: 5px;
}

/* Statusbar - Processing Image for UI DialogBox */
.ui-processing {
	vertical-align: middle;
	display: inline-block;
	width: 32px;	
	height: 32px;
	background: url("../images/processing.gif") no-repeat scroll left top transparent;

}

/* Statusbar - Message for UI DialogBox */
.ui-statusbar-msg {
	margin-left: 5px;
}

.dbslctd { font-weight: bold; color : black; }