/* ------------------ GLOBAL ------------------ */
html, body { padding: 0; margin: 0; }
body { background-color: #FFFFFF;}
hr { border: 1px solid #eee; }

/* ------------------ GLOBAL > TYPOGRAPHY ------------------ */
p, h1, h2, h3, h4, label, a, th, td { font-family: verdana, sans-serif; font-weight: normal; padding: 0; margin: 0; color: #333; }
p, label, a, td, th { font-size: 11px; line-height: 16px; margin: 0; }
p, label { padding: 0 0 10px 0; }
h1 { font-size: 24px; padding: 24px 0 12px 0; line-height: 24px; color: #222; }
h2 { font-size: 16px; padding: 16px 0 8px 0; line-height: 16px; color: #222; }
h3 { font-size: 11px; padding: 11px 0 6px 0; line-height: 11px; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 10px; padding: 8px color: #222; font-weight: 700;}
h7 { font-size: 16px; line-height: 20px; color: #222; }
th { font-weight: bold; }
a:link { color: #0A5599; text-decoration:none; }
a:hover { color: #5E78B0; text-decoration:none; }
a:visited {color: #777777; text-decoration:none; }
.tabs a:link { color: #000000; }
.tabs a:hover { color: #000000; }
.tabs a:visited { color: #000000; }

/* ------------------ GLOBAL > LISTS ------------------ */
ul, ol { margin: 0 0 0 30px; }
li { padding: 0 0 5px 0; }

/* ------------------ GLOBAL > FORMS ------------------ */
form { padding: 0; margin: 0; }
.text { border: 1px solid #999; width: 160px; }

/* ------------------ GLOBAL > IMAGES ------------------ */
img { border: 0; }
img.right { float: right; border: 0; padding: 0 0 0 10px; }

/* ------------------ HEADER ------------------ */

#header { float: left; width: 100%; max-height: 161px; min-width: 770px;
    width:expression(document.body.clientWidth < 870 ? "780px" : "100%" ); } /* IE Width Hack */

#banner { float: left; width: 100%; max-height: 108px; background: url('../images/banner_extens.jpg') 0 0 repeat-x; }

/* ------------------ HEADER > NAVBAR ------------------ */
#navbar { float: left; width: 100%; max-height: 29px; background-image: url('../images/breeze/navbarBG.gif');
background-position: 0 0; background-repeat: repeat-x; }
#navbar #search { float: left; display: inline; width: 435px; height: 5px; padding: 5px 20px 3px 10px; }
#navbar #search label { float: left; color: #fff; line-height: 22px; padding: 0; margin: 0 6px 0 0; }
#navbar #search .go { float: left; margin: 0 0 0 6px; }
#navbar select { float: left; margin: 0 5px 0 0; font-size: 11px; }
#navbar form .text { float: left; width: 100px; height: 18px; border: 1px solid #333; padding: 0; margin: 0 5px 0 0; }

#navbar .logo { float: right; display: inline; padding: 3px 10px 0 10px; }
#navbar #nav { float: right; display: inline; }
#navbar #nav ul { float: left; list-style: none; padding: 0 10px 0 0; border-left: 1px solid #161616; margin: 0; font-size: 10px; }
#navbar #nav li { float: left; display: inline; list-style: none; padding: 0; border-right: 1px solid #161616; margin: 0; }
#navbar #nav li a { float: left; padding: 7px 16px 8px 16px; line-height: 12px; margin: 0; color: #fff; text-decoration: none; }
#navbar #nav li a:hover { background: #222; text-decoration: underline; }

/* ------------------ HEADER > STATUSBAR ------------------ */
#statusbar { float: left; width: 100%; height: 24px; background-image: url('../images/breeze/statusbarBG.gif');
background-position: 0 0; background-repeat: repeat-x; }
#statusbar #tabs { float: right; display: inline; padding: 0 5px 0 0; }
#statusbar #tabs ul { float: left; margin: 6px 0 0 0; padding: 0 0 0 0; list-style: none; }
#statusbar #tabs li { float: left; display: inline; list-style: none; margin: 0 3px; padding: 0; background: url(../images/tabRightInactive.gif) right top no-repeat; }
#statusbar #tabs li a { float: left; display: block; line-height: normal; text-decoration: none; padding: 3px 15px 2px 15px; background: url(../images/tabLeftInactive.gif) left top no-repeat; }
#statusbar #tabs li.active { background: url(../images/tabRightActive.gif) right top no-repeat; }
#statusbar #tabs li.active a { background: url(../images/tabLeftActive.gif) left top no-repeat; }
#statusbar #tabs li a:hover { text-decoration: underline; }
#statusbar #welcome { float: left; display: inline; padding: 4px 15px 0 10px; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px;}

/* ------------------ CONTAINER ------------------ */

#main { float: left; width: 100%; min-width: 770px;   background: url(../images/bodyBG.gif) 0 0 repeat-y; }

/* ------------------ SIDEBAR ------------------ */
#sidebar { float: left; width: 180px; min-height: 485px;  max-height: 100%; padding: 20px 20px 20px 20px; }



#sidebar.login {padding: 20px 20px 0 20px; width: 160px; }

/* ------------------ CONTENT ------------------ */
#content { float: left; width: 740px;  min-height: 450px; max-height: 100%; padding: 0 0 20px 20px; }

div.data { clear: right; float: left; display: inline; padding: 0 10px 0 0; }
div.row { clear: both; padding: 3px 0; }

/* ------------------ FOOTER ------------------ */

#footer { float: left; width: 100%; max-height: 150px; padding: 0 0 40px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; background: #D7D9EA; }
#footer .logo { float: left; width: 120px; max-height: 23px; padding: 78px 0 0 95px; }
#footer #copyright { float: left; display: block; width: 550px; padding: 15px 0 0 10px; }
#footer p { font-size: 10px; line-height: 12px; color: #222; padding: 2px 0 0 0; }
#footer p.extraPadding { padding: 10px 0 0 0; }
#footer a { color: #333; }
#footer a:hover { color: #000; }

.alphabet {		TEXT-DECORATION: none;	font-size : 11px;	font-weight: bold;	font-family : Helvetica, Arial, Verdana,sans-serif;}
.alphabet:Hover {		TEXT-DECORATION: none;	font-family : Helvetica, Arial, Verdana,sans-serif;	font-size : 10px;	font-weight: bold;	}
.active {		TEXT-DECORATION: none;	font-size : 11px;	font-weight: bold;	font-family : Helvetica, Arial, Verdana,sans-serif;}
.inactive {		TEXT-DECORATION: none;	font-size : 9px; 	font-family : Helvetica, Arial, Verdana,sans-serif;}

.treeview{margin:0px;padding:0px;}
.treeview ul{margin-left:20px;padding-left:0px;display:none;	}
.treeview li{list-style-type:none;padding-top:2px;vertical-align:middle;}
.treeview li a{padding-left:2px;}

div.table { display: table; }
div.tr  { display: table-row; }
div.td, div.td2, div.td3 { display: table-cell; }

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;width:732px}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;width:732px}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;;width:736px}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;;width:738px}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;width:740px}
.contentb div {margin-left: 5px;}