/* CSS used when a customer is logged in */



/* Basic layout */



/* Change container width below to make content use more of the page's width (it's smaller for customer section by default) */

html{

     overflow: -moz-scrollbars-vertical; 

     height: 100%;         

}



body { font: 14px Verdana,Helvetica,Arial; color: #444444; margin: 0px; padding: 0px; background-color: #FFFFFF; height: 100%; }

#container { width: 790px; margin: auto; text-align: left; background-color: #FFFFFF; border: 1px solid #4992B6; border-top: 0px }

#inner_container { padding: 15px }

#logo_container { background: url(../images/background.gif); padding: 13px; margin-bottom: 1px }



#title { float: left; color: #004A6E; font: bold 12pt Verdana,Helvetica,Arial; margin-bottom: 20px; }

#login_message { float: right }

#calendar { width: 250px }



#copyright { float: right; margin-top: 20px }

#language_select { float: left; margin-top: 20px }



/* Basic styles */

#ul { list-style: disc; margin-left: 0;padding-left: 0; margin-top: 8px; margin-bottom: 0px; }     
li { line-height: 10pt; padding-bottom: 8px; }                                                     
ul.none { margin-left: 0;padding-left: 0; margin-top: 8px; margin-bottom: 0px; list-style: none; }
li.none { list-style: none; }



img { border: 0px; vertical-align: middle; }

img.icon { vertical-align: middle; }

img.icontext { vertical-align: middle; margin-right: 5px }



.description { padding-bottom: 15px }

.popup { position: absolute; visibility: hidden; z-index: 101; left: 0px; top: 0px; border: 1px solid #91BAD0; background-color: #F3F9FC; padding: 5px; width: 200px }

.bold { font-weight: bold }

.required { border-bottom: 1px dashed red; font-size: 14px; font-family: Arial, serif; }



/* Forms and inputs */

form { margin: 0px; padding: 0px;  }

input.checkbox { border: 0px; }

input.button2 { color: #585858;  border: 1px solid #808080; background-color: #F4F4F4; font: 10pt Verdana,Helvetica,Arial; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;  }



.btn { border: 2px solid #666666; border-top: 2px solid #DDDDDD; border-left: 2px solid #DDDDDD; background-color: #2c2c2c; font: bold 8pt Verdana,Helvetica,Arial; padding-right: 10px; padding-left: 10px; color: #FFFFFF; }

/* input.button:active { border: 2px solid #DDDDDD; border-top: 2px solid #666666; border-left: 2px solid #666666; }*/

input.space { margin: 4px 0px }



/* textarea, input, select { border: 1px solid #91BAD0; font: 8pt Verdana,Helvetica,Arial; color: #444444; }*/

input.medium { width: 150px }

input.large { width: 250px }

textarea.fixed { font-family: Courier New; width: 100%; height: 200px }



textarea.small { width: 300px; height: 75px; }

textarea.medium { width: 100%; height: 100px; }

textarea.full { width: 100%; height: 150px; }
textarea.big { width: 100%; height: 450px; }



/* Iframe style used for loading of inline text/wysiwyg editor */

iframe.wysiwyg { border-width: 0px; width: 720px; height: 1px } /* 1px height will auto-resize */



/* Notices and warnings */

div.notice { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/noteinfo.gif) no-repeat 10px center; }

div.warning { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/warning.gif) no-repeat 10px center; }

div.error { padding: 6px; padding-left: 35px; background: #F6F6F6 url(../images/notedelete.gif) no-repeat 10px center; }



.search_navigate { clear: both; margin-top: 5px; line-height: 10pt }



/* Top menu */

#menu_bar { background: url(../images/bargray2.gif); height: 22px; border-bottom: 1px solid #4992B6; }



#menu, #menu ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 100; }



#menu li { position: relative; border-right: 1px solid #FFFFFF; background: url(../images/bargray2.gif); width: 140px; float: left; text-align: center; font: bold 7pt Verdana,Helvetica,Arial; text-transform: uppercase; color: #004A6E;	cursor: pointer; padding: 0; margin: 0 }



#menu li ul { display: none; position: absolute; top: 22px; left: 0px; border: 1px solid #4992B6; text-transform: none; background-color: #F3F9FC; width: 175px; }



#menu li a { height: 22px; display: block; text-decoration: none; line-height: 20px; }

#menu li a:hover { background: url(../images/barblue.gif); color: #FFFFFF; }



#menu li ul li { background: none; text-transform: none; text-align: left; height: 22px; cursor: pointer; color: #004A6E; width: 175px; border: 0px; border-top: 1px solid #FFFFFF }

#menu li ul li a { padding-left: 14px; display: block; font-weight: normal; font-size: 8pt; }



#menu li:hover ul, #menu li.over ul { display: block; }



/* Table styles */

table.a { width: 100%; background-color: #FFFFFF; border: solid 1px #969696; }

table.a td { padding: 2px; height: 22px; font-size: 11px; }



tr.a, td.a { background-color: #FFFFFF; }

tr.b, td.b { background-color: #F6F6F6; }

tr.msg_a, td.msg_a { background-color: #FFFFFF; vertical-align: top }

tr.msg_b, td.msg_b { background-color: #F6F6F6; vertical-align: top }

tr.head { color: #FFFFFF; font-weight: bold; background-image: url(../images/barblue.gif); background-color: #407795;height: 22px; font-size: 11px;; }

tr.head td { padding: 2px }

tr.a:hover, tr.b:hover, tr.hover { background-color: #E3F0F6; }

td.icon { width: 16px; text-align: center; vertical-align: top; }



/* Table used for forms */

table.form { width: 100%; border: 1px solid #91BAD0; background-color: #FFFFFF }

table.noborder { border: 0px }

table.form td.label { padding-top: 3px; padding-right: 3px; padding-bottom: 3px; height: 20px; text-align: left; width: 15%; vertical-align: top; font-family: Arial, serif; font-size: 14px; }

table.form td.short { width: auto }

table.form td.field { background-color: #FFFFFF; padding: 3px; height: 20px; vertical-align: top; font-family: Arial, serif; font-size: 16px; font-weight: normal; }

table.form td.space { padding-bottom: 20px }



table.form2 { width: 480px; background-color: #FFFFFF }

table.form2 td.label { padding: 3px; height: 20px; text-align: left; width: 20%; vertical-align: top; font-family: Arial, serif; font-size: 14px; }

table.form2 td.field { background-color: #FFFFFF; padding: 3px; height: 20px; vertical-align: top; font-family: Arial, serif; font-size: 16px; font-weight: normal; }



/* Table used for the customer homepage icons */

table.home_menu td { padding: 10px }

table.home_menu td.image { width: 50px;   }

table.home_menu td.name { width: 50%; line-height: 12pt; }

table.home_menu td.name a { text-decoration: none; }

table.home_menu td.name a span { display: block; padding-bottom: 8px; font-size: 10pt; font-weight: bold }



/* Table used for statistics */

table.stats { width: 100%; font-size: 7pt; }

table.stats tr.stat { padding: 2px; height: 95px; vertical-align: bottom; text-align: center; background-color: #F6F6F6 }

table.stats tr.header { padding: 2px; text-align: center }

table.stats td.label { padding: 2px; text-align: right; width: 150px; }

table.stats tr.stat div { width: 15px; margin: auto }

table.stats tr.stat div img { width: 15px; float: left }



table.calendar tr.days td { width: 14%; font-weight: bold; text-align: center }



/* Boxes */

div.light_blue_box { background-color: #F3F9FC; padding: 10px }



div.rounded_light_blue_box { background-color: #F3F9FC; -moz-border-radius: 12px }

div.rounded_dark_blue_box { background-color: #77AECC; -moz-border-radius: 12px; color: #FFFFFF }



div.rounded_light_blue_box .content, div.rounded_light_blue_box .content2, div.rounded_dark_blue_box .content2 { padding: 10px; font-family: Arial, serif; font-size: 14px; }



div.title { color: #004A6E; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

div.rounded_dark_blue_box .title { color: #FFFFFF; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }



/* Side box (i.e. login box on homepage */

div.side_box { padding: 4px;}

div.side_box div.head { color: #FFFFFF; font-weight: bold; font-size: 11pt; padding: 2px; }

div.side_box div.content { padding: 2px }



/* Switchable tabs */

div.tab { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/bargray.gif); position: relative; z-index: 2; border: 1px solid #91BAD0; height: 22px; }

div.tab_on { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/barblue.gif); position: relative; z-index: 4; border: 1px solid #91BAD0; border-bottom: 0px; height: 22px; }

div.tab a.tablink { float: left; display: block; font-size: 11px; font: Verdana,Helvetica,Arial; padding: 4px 10px 4px 10px; height: 17px; text-decoration: none; color: #111111; }

div.tab_on a.tablink { float: left; display: block; font-size: 11px; font: Verdana,Helvetica,Arial; padding: 4px 10px 4px 10px; font-weight: bold; height: 18px; color: white; text-decoration: none }



div.tabbox { display: none }

div.tabbox_on { border: 1px solid #91BAD0; padding: 12px; margin-top: -2px; z-index: 3; position: relative }

div.tabline { border-top: 1px solid #91BAD0; height: 1px; line-height: 0pt; font-size: 0px; margin-top: -2px; z-index: 3; position: relative }



/* Basic container with title (used all over) */

/*div.container .right_name { float: right; line-height: 16px }*/



/* Popup content with shadow (for calendar, etc.) */

div.shadow { position: absolute; visibility: hidden; z-index: 101; background: url(../images/shadow.png) no-repeat bottom right; margin: 10px 0 0 10px; width: 200px }

div.shadow div.content { position: relative; background-color: #FFFFFF; border: 1px solid #91BAD0; margin: -6px 6px 6px -6px; padding: 8px; }



.leftbox { float: left; margin-right: 20px }

.rightbox { float: left }



/* Horizontal lines */

hr { border: 0px; height: 1px; line-height: 0pt; color: #91BAD0; background-color: #91BAD0 }



/* Spacers */

div.smallspace { height: 5px; line-height: 0pt; }

div.medspace { height: 10px; line-height: 0pt; }

div.bigspace { height: 15px; line-height: 0pt; }



/* Buttons for div dropdown boxes */

div.menu_button { width: 150px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }



div.button { border: 1px solid #91BAD0; padding: 1px; width: 200px }

div.button a, div.button a:visited { display: block; background: url(../images/navdown.gif) 3px 0px no-repeat; background-color: #FFFFFF; height: 18px; line-height: 18px; padding-left: 22px; vertical-align: middle; margin: 0px; text-decoration: none; }



div.button a:hover { background-color: #F3F9FC; text-decoration: none; }



div.drop_box { width: 300px }

div.drop_box table { margin-top: -1px; }



/* Holly hack for IE (which doesn't display CSS properly) \*/

* html div { height: 1%; }

/* End hide from IE5-mac */











body {

  text-align:center;

  margin: 0px auto;

}



form{

  display: inline;

  padding: 0px auto;

  margin: 0px auto;

}