/**********************************************************************************/
/***** THESE ARE GENERIC PAGE STYLES **********************************************/
/**********************************************************************************/
* { padding: 0px; margin: 0px; }
body { background-color: #FAFAFA; font-family: Geneva, Arial, Helvetica, sans-serif; }
.grey { color: #333; }
#icon { height: 281px; _height: 291px; width: 239px; float: right; z-index: 100; clear: none; }
#logo { float: left; height: 176px; width: 194px; margin-top: 20px; margin-left: 30px; _margin-left: 15px; }
#logosm { float: left; height: 96px; width: 196px; margin-top: 20px; margin-left: 30px; _margin-left: 15px; }
#slogan { height: 102px; width: 648px; float: left; margin-top: 88px; margin-left: 45px; }

#manual_admin { }
#manual_admin h2 { font-size: .9em; color: #21437D; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #666; margin-bottom: 6px; }
#manual_admin h3 { font-size: 1em; color: #666; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #666; margin-bottom: 6px; }
#manual_admin ul { font-size: .8em; color: #000; margin-left: 20px; line-height: 20px; padding-bottom: 20px; }

/**********************************************************************************/
/***** THESE ARE THE STYLES THAT GIVE THE SHADING ON THE SIDES OF THE CONTENT *****/
/***** ONLY CHANGE THE COLORS DEPENDING ON THE COLOR OF THE BACKGROUND        *****/
/**********************************************************************************/
#shade_1 { /*height: 100%;*/ width: 983px; /*min-height: 100%;*/ margin-right: auto; margin-left: auto; border-right: solid 1px #fcfcfc; border-left: solid 1px #fcfcfc; }
#shade_2 { /*height: 100%;*/ width: 981px; /*min-height: 100%;*/ border-right: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; }
#shade_3 { /*height: 100%;*/ width: 979px; /*min-height: 100%;*/ border-right: solid 1px #efefef; border-left: solid 1px #efefef; }
#shade_4 { /*height: 100%;*/ width: 977px; /*min-height: 100%;*/ border-right: solid 1px #e3e3e3; border-left: solid 1px #e3e3e3; }
#shade_5 { /*height: 100%;*/ width: 975px; /*min-height: 100%;*/ border-right: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5; }
#shade_6 { /*height: 100%;*/ width: 973px; /*min-height: 100%;*/ border-right: solid 1px #c4c4c4; border-left: solid 1px #c4c4c4; } 
#shade_7 { /*height: 100%;*/ width: 971px; /*min-height: 100%;*/ border-right: solid 1px #b1b1b1; border-left: solid 1px #b1b1b1; }
#shade_8 { /*height: 100%;*/ width: 969px; /*min-height: 100%;*/ border-right: solid 1px #9b9b9b; border-left: solid 1px #9b9b9b; }
#shade_9 { /*height: 100%;*/ width: 967px; /*min-height: 100%;*/ border-right: solid 1px #818181; border-left: solid 1px #818181; }

/**********************************************************************************/
/***** THESE ARE SPECIFIC PAGE STYLES FOR AREAS ON THE PAGE ***********************/
/**********************************************************************************/

#container { width: 963px; margin-right: auto; margin-left: auto; border-right: 2px solid #FFF; border-left: 2px solid #FFF; background-color: #F0F1F1; }

#container #header { background-image: url(../images/head_bg.gif); background-repeat: repeat-x; background-position: left top; height: 233px; }
#container #header #headerbg { background-image: url(../images/header_squares_bg.png); background-repeat: no-repeat; background-position: right bottom; height: 230px; border-bottom: 3px solid #13306a; }
#container #header #navigation { margin-left: 35px; }

#container #headersm { background-image: url(../images/header_sm_bg.gif); background-repeat: repeat-x; background-position: left top; height: 140px; }
#container #headersm #headerbgsm { height: 140px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #13306a; }
#container #headersm #navigation { margin-left: 35px; _width: 100%; _padding-left: 35px; _margin-left: 0px; }

#container #contentcontainer { padding-top: 10px; _padding-top: 0px; padding-right: 38px; padding-bottom: 20px; padding-left: 38px; _margin-top: -30px; }

#container #contentcontainer #leftcontainer { width: 300px; margin-right: 35px; }
#container #contentcontainer #leftcontainer h1 { font-size: 1.2em; color: #21437D; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 2px solid #BEB9B8; white-space: nowrap; }
#container #contentcontainer #leftcontainer h2 { font-size: 1em; color: #666; padding-bottom: 2px; border-bottom: 1px dotted #666; margin-bottom: 6px; }
#container #contentcontainer #leftcontainer a { color: #236197; font-size: 1.2em; text-decoration: none; }
#container #contentcontainer #leftcontainer p { font-size: .7em; line-height: 16px; color: #000; padding-bottom: 10px; }

#container #contentcontainer #leftcontainer .box { background-image: url(../images/boxbg.gif); background-repeat: repeat-y; background-position: center top; width: 300px; }
#container #contentcontainer #leftcontainer .box .boxtop { background-image: url(../images/boxtop.gif); background-repeat: no-repeat; background-position: center top; padding-top: 15px; }
#container #contentcontainer #leftcontainer .box .boxtop .boxbottom { background-image: url(../images/boxbottom.gif); background-repeat: no-repeat; background-position: center bottom; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }

#container #contentcontainer #leftcontainer #newscontainer { margin-top: 20px; float: left; }
#container #contentcontainer #leftcontainer #newscontainer .date { font-size: 0.7em; color: #060; padding-bottom: 6px; }
#container #contentcontainer #leftcontainer #newscontainer .item { font-size: .7em; line-height: 16px; color: #000; padding-bottom: 10px; }

#container #contentcontainer #leftcontainer #registercontainer { float: left; }

#container #contentcontainer #leftcontainer #legendcontainer { margin-top: 20px; float: left; }
#container #contentcontainer #leftcontainer #legendcontainer tr { font-size: 0.7em; }

#container #contentcontainer #leftcontainer #suggestioncontainer { margin-top: 20px; float: left; }
#container #contentcontainer #leftcontainer #suggestioncontainer tr { font-size: 0.7em; }

#container #contentcontainer #rightcontainer { width: 535px; float: right; margin-top: 40px; }
#container #contentcontainer #rightcontainer h1 { font-size: 1.2em; color: #21437D; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 2px solid #BEB9B8; }
#container #contentcontainer #rightcontainer h2 { font-size: 1em; color: #666666; padding-bottom: 2px; margin-bottom: 6px; border-bottom: 1px dotted #666; }
#container #contentcontainer #rightcontainer h3 { font-size: 1em; color: #21437D; padding-top: 10px; padding-bottom: 2px; margin-bottom: 6px; border-bottom: 1px dotted #666; }

#container #contentcontainer #rightcontainer p { font-size: 0.8em; line-height: 1.2em; color: #000; padding-bottom: 10px; }
#container #contentcontainer #rightcontainer a { color: #236197; text-decoration: underline; }

#container #contentcontainer #rightcontainer .datatable a:link { color: #236197; text-decoration: underline; border-bottom: 0; line-height: 1.5em; }
#container #contentcontainer #rightcontainer .datatable a:hover {color: #62982d; }
#container #contentcontainer #rightcontainer .datatable img { border: 0; }

#container #contentcontainer #rightcontainer #solutionscontainer { padding-top: 10px; }
#container #contentcontainer #rightcontainer #solutionscontainer #hospitalcontainer { width: 257px; float: left; margin-right: 21px; }
#container #contentcontainer #rightcontainer #solutionscontainer #agentcontainer { width: 257px; float: left; }

#container #contentcontainer #rightcontainer .adminmenusection a { font-size: .9em; }

#container #contentcontainer #rightcontainer #contactform td { font-size: 0.8em; color: #000; padding: 5px; }
#container #contentcontainer #rightcontainer .searchbox td { font-size: 0.8em; color: #000; padding: 5px; }

#container #contentcontainer #rightcontainer .pagelist { font-size: 0.8em; color: #000; background-color: #E2E2DB; }
#container #contentcontainer #rightcontainer .pagelist a:link { font-size: 0.9em; }

#container #contentcontainer #rightcontainer .datatable th { font-size: 0.9em; color: #FFF; padding: 5px; }
#container #contentcontainer #rightcontainer .datatable th a:link { color: #FFF; border-bottom: 1px dotted #FFF; }
#container #contentcontainer #rightcontainer .datatable th a:visited { color: #FFF; border-bottom: 1px dotted #FFF; }

#container #footer { background-image: url(../images/footer_bg2.gif); background-repeat: repeat-x; background-position: left top; height: 80px; padding: 10px 35px; margin-top: 15px; }
#container #footer #copyright { font-size: 0.8em; color: #BEB9B8; float: left; margin-top: 27px; }
#container #footer #lowernav { font-size: 0.8em; color: #E2E2DB; float: right; margin-top: 34px; }
#container #footer #lowernav a { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB;; }
#container #footer #lowernav a:link { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
#container #footer #lowernav a:hover { color: #FFF; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
#container #footer #lowernav a:active { color: #FFF; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
#container #footer #lowernav a:visited { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }

#footerbottom { text-align: center; }

/***************************************************************************************/
/**** CSS FROM KEITH ****/
/***************************************************************************************/

.error { font-size: .7em; color: #f00; }

.invisitable { border: 0px; background-color: transparent; font-size: 0.8em; }
.invisitable td { border: 0px; background-color: transparent; padding: 5px; }

.datatable { border: 1px solid #000; background-color: #FFF; font-size: 0.7em; width: 100%; text-align: center; }
.datatable th { border-bottom: 1px solid #aaf; background-color: #005; padding: 5px; background-image: url(../images/footer_bg2.gif); background-repeat: repeat-x; background-position: 0px -3px; color: #FFF; }
.datatable td { border-right: 1px dotted #ccc; background-color: #FFF; padding: 3px 0px; border-bottom: 1px solid #ccc; }        

.verttable { border: 0px; background-color: transparent; font-size: 0.8em; }
.verttable td { border: 0px; background-color: transparent; padding: 5px; }
.verttable th { border: 0px; border-right: 2px solid #BEB9B8; background-color: transparent; white-space: nowrap;  padding: 5px; text-align: right; vertical-align: top; }
.verttable a:link { font-size 0.8em; }
        
.pagelist { border: 1px solid #BEB9B8; padding: 10px; background-color: #BBB; text-align: center; }
.pagelist a { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }				
.pagelist a:link { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
.pagelist a:hover { color: #FFF; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
.pagelist a:active { color: #FFF; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }
.pagelist a:visited { color: #E2E2DB; text-decoration: none; border-bottom: 1px dotted #E2E2DB; }