html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
td {vertical-align:top;line-height:16px;}
strong {font-weight:bold;}
em{font-style:italic}
ul {margin:0px;margin-left:20px;padding-left:0px;}
ol {margin:0px;margin-left:20px;padding-left:0px;}
li {padding:1 0 1 0}
sup {vertical-align:top}
body {background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;margin:0px;height:100%}
div.hr{height:1px;line-height:1px;border-bottom:1px solid #00344b;margin:3 0 10 0}

input {font-size:11px}
textarea{font-size:11px;font-family:Arial, Helvetica, sans-serif}
select{font-size:11px}

h1 {font-size:20px;line-height:22px;font-weight:bold;margin-bottom:5px}
h2 {font-size:17px;line-height:19px;font-weight:bold;margin-bottom:3px;color:#00344b}
h3 {font-size:13px;line-height:15px;font-weight:bold;margin-bottom:1px}

#mainMenu {background-image:url('siteart/menu_bg.gif');height:415px;width:187px}
/*#mainMenu div.header{font-size:18px;line-height:20px;color:#007bb1;background-color:#007bb1; width:143px;* width:154px;height:20px;* height:22px;background-image:url('siteart/menu_header_bg.gif');background-repeat:no-repeat; padding:1 1 1 10;}*/
#mainMenu div.header{font-size:13px;font-weight:bold;line-height:17px;color:#222222;background-color:#F1F1F1; border:1px solid #007bb1;border-right:0px;width:143px;* width:154px;height:18px;* height:20px;padding:1 1 1 10;}
#mainMenu ul {list-style:none;margin-left:10px}
#mainMenu li {padding:5 3 5 0}
#mainMenu li a {color:#FFFFFF;font-size:12px;font-weight:bold;text-decoration:none}
#mainMenu li a:hover {color:#f8f400}

div.greyBox {background-color:#FBFBFB;border:1px solid #00344b;display:inline-block}
div.greyBox div{margin:5px; font-size:11px}

.dialogClass {font-size:12px;padding:15px}

#scrollTable {width:93%; height:100px; overflow:auto; margin:0 auto;}
#scrollTable table {width:100%; border:none; background-color:#FFFFFF;}
/* child selector syntax which IE6 and older do not support*/ #scrollTable table>tbody {overflow:auto;  height:99%; overflow-x:hidden;}
#scrollTable thead tr {position:relative; top: expression(offsetParent.scrollTop); /*IE5+ only*/}
#scrollTable thead td, thead th {text-align:left; font-weight:bold; font-size:11px; padding:1 2 1 2; background-color:#EEEEEE; border:1px solid #AAAAAA; border-right:0px; border-left:0px;}
#scrollTable td {text-align:left; font-size:11px; padding:1 2 1 2; border-bottom:solid 1px #d8d8d8}
/*idea of Renato Cherullo to help IE*/ #scrollTable table tfoot tr {  position:relative; overflow-x:hidden; top:expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0); }
#scrollTable tfoot td	{text-align:center; font-size:11px; font-weight:bold; background-color:#EEEEEE; border-top:solid 1px #999999;}

.outputTable table {width:100%; border:none; background-color:#FFFFFF;}
.outputTable thead td, thead th {text-align:left; font-weight:bold; font-size:11px; padding:1 5 1 5; background-color:#EEEEEE; border:1px solid #AAAAAA; border-right:0px; border-left:0px;}
.outputTable td {text-align:left; font-size:11px; padding:2 5 2 5; border-bottom:solid 1px #d8d8d8; background-color:#FFFFFF}

a {color:#007bb1;text-decoration:none}
a:hover {text-decoration:none}
a.utility{color:#000000;font-size:13px;text-decoration:none}
a.utility:hover{text-decoration:underline}

a.tablink {color:#555555;text-decoration:none;height:22px;padding:2 10 0 10;border:1px solid #888888;border-bottom:0px;background-color:#EEEEEE;margin-right:1px}
a.tablink:hover {text-decoration:none}
a.tablink_selected {color:#ffffff;font-weight:bold;text-decoration:none;height:22px;padding:2 10 0 10;border:1px outset #007bb1;border-bottom:0px;background-color:#2f9bcb;margin-right:1px}
a.tablink_selected:hover {text-decoration:none}

a.ladderlink {color:#000000;text-decoration:none}
a.ladderlink:hover {text-decoration:none}
a.ladderlink_selected {color:#fffb00;text-decoration:none}
a.ladderlink_selected:hover {text-decoration:none}

.tab{padding-left:10px;padding-right:10px;border:2px outset #007bb1;background-color:#2f9bcb;margin-right:1px}
.tabcell{border:1px solid #666666;margin-top:0px;background-color:#FAFAFA;padding:5px;font-size:11px}
.ladderTab {padding:3px;margin-bottom:-1px;font-size:11px;height:15px;border:1px solid #999999;border-bottom:1px solid #00344b;background-color:#DDDDDD;color:#555555;float:left}
.ladderTab_on {padding:3px;margin-bottom:-1px;font-size:11px;height:15px;border:1px solid #00344b;border-bottom:1px solid #FFFFFF;background-color:#FBFBFB;font-weight:bold;float:left}

.YBWbutton {height:21px;background-color:#65c648;border:outset 1px #000000;font-size:12px;color:#000000;}
.button {height:21px;background-color:#007bb1;border:outset 1px #000000;font-size:11px;color:#FEFEFE;padding:0px;margin:0px}
.UIBtn {font-size:10px;background-color:#eaf4fd;border:1px solid #79b7e7;color:#37556c;padding:2px;margin:0px}
a.UIBtn {font-size:12px;background-color:#eaf4fd;border:1px solid #79b7e7;padding:5px 10px 6px 10px;margin:2px}

#notify td {font-family:Verdana, Geneva, sans-serif;font-size:11px}
#pageWindow td {font-family:Verdana, Geneva, sans-serif;font-size:11px}

/* Admin Styles */
.title{font-size:20px;font-weight:bold;}

.Adminbutton, .button {height:21px; background-color:#007bb1; border:outset 2px #000000; font-size:12px; color:#FFFFFF; padding-right:5px; padding-left:5px;}

.adminTable {border:1px solid black}
.adminTable tr.header{background-color:#007bb1;color:#FFFFFF;}
.adminTable tr.header td{border-bottom:1px solid black;font-weight:bold}
.adminTable tr.header td a{color:#FFFFFF;text-decoration:none}
.adminTable td {padding:3 10 3 3;font-size:12px;vertical-align:top;text-align:left}
.adminTable tr.altRow {background-color:#f0f0f0}

.adminBox {border:1px solid black;margin-bottom:10px;width:100%}
.adminBox tr.header td{border-bottom:1px solid black;font-weight:bold;background-color:#007bb1;color:#FFFFFF;}
.adminBox tr.header td a{color:#FFFFFF;text-decoration:none}
.adminBox td {padding:3px 3px 3px 4px;font-size:12px;vertical-align:top;text-align:left;background-color:#FAFAFA}

.formTable {padding:7px;border:1px solid #333333;background-color:#FAFAFA}
.formTable td {padding:3px;border-bottom:1px solid #DDDDDD}
.formTable td.label {padding-right:10px;font-weight:bold}
.formTable tr.header{background-color:#007bb1;color:#FFFFFF;}
.formTable tr.header td{border-bottom:1px solid black;font-weight:bold}
.formTable tr.header td a{color:#FFFFFF;text-decoration:none}

.sortableList li.ui-state-default {background:none !important;background-color:#F6F6F6 !important}
.sortableList { list-style-type: none; margin: 7px 0px 10px 0px; padding: 0px; }
.sortableList li { margin:0px 5px 5px 5px; padding: 3px 5px 1px 5px; }
.sortableGrid { list-style-type: none; margin: 0px; padding: 0px; }
.sortableGrid li { margin: 0px 5px 5px 0px; padding:2px; float:left; width:110px; font-size:10px; height:170px; text-align:center}
html>body .sortableList li { height: 1.5em; line-height: 1.2em; }

.comment {font-style:italic;font-size:11px;color:#333333}

.errorBox {border:1px solid #800000;background-color:#FFE3E3;padding:7px}