@import url(/includes/jquery.lightbox.css);

body {  
font-family:tahoma, arial, sans-serif;
font-size:11px;
color:#333333;
background-color:#F0F0F0;
}

td {  
font-family:tahoma, arial, sans-serif;
font-size:11px;
color:#333333; 
}

a:hover {
color:#424242;
text-decoration:none;
}

a:link, a:active, a:visited {  
color:#3A89AE; 
text-decoration:none;
}

form {
margin:0px;
}

h1 {
color:3A89AE;
font-weight:bold;
font-size:14pt;
margin-bottom:5px;
}

h2 {
color:3A89AE;
font-weight:bold;
font-size:12pt;
margin-bottom:5px;
}

h3 {
color:3A89AE;
font-weight:bold;
font-size:10pt;
margin-bottom:5px;
}

h4 {
color:3A89AE;
font-weight:bold;
font-size:8pt;
margin-bottom:5px;
}

hr {
height:1px;
overflow:hidden;
background-color:#FFFFFF;
border:0px;
border-top:1px solid #CCCCCC;
margin:20px 0px 20px 0px;
}

img {
border:0px;
}



/* CUSTOM STYLES ********************/
.basepanel {
padding:4px;
background-color:#FFFFFF;
border:1px solid #C3C3C3;
}

.contentpanel {
padding:12px;
background-color:#FFFFFF;
border:1px solid #C3C3C3;
}

.headerstrip {
background:url(/images/headerstripbg.jpg);
background-repeat:x-repeat;
background-color:#3A89AE;
padding:15px 10px 10px 15px;
vertical-align:middle;
}

.menustrip {
background:url(/images/menubg.jpg);
background-repeat:x-repeat;
padding:3px 13px 3px 13px;
vertical-align:middle;
color:#FFFFFF;
font-weight:bold;
border-top:1px solid #FFFFFF;
background-color:#3A89AE;
cursor:pointer;
}

.submenu {
color:#424242;
padding:3px 5px 3px 13px;
background-color:#E9F2F6;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #C6DDE8;
cursor:pointer;
}

.menustrip a, .submenu a {
color:#424242;
}

.colheader {
font-weight:bold;
color:#000000;
}

.rowon {
background-color:#E9F2F6;
}

.rowoff {
background-color:#FFFFFF;
}

.segment {
border:1px solid #D2D2D2;
}

.segmentcell {
background-color:#F3F3F3;
border-top:1px solid #FFFFFF;
padding:10px;
}






.grid {
width:480px;
border-top:1px solid #AAAAAA;
border-left:1px solid #AAAAAA;
}

.grid td {
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
}

.menupanel {
border-width:1px;
border-style:solid;
border-color:#FFCC99 #FF9933 #FF9933 #FFCC99;
background-color:#FFFFFF;
width:175px;
}

.menupanel th {
background-color:FF9933;
color:white;
font-size:8pt;
text-align:left;
padding:3px;
}

.menupanel td {
padding:5px;
}

.modulepanel {
border:1px solid #CCCCCC;
background-color:#FFFFFF;
width:500px;
}

.modulepanel td {
padding:5px;
}

.modulepanel th {
border-right:1px solid #AAAAAA;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #AAAAAA;
background-color:#EEEEEE;
font-size:8pt;
text-align:left;
}


.warning {  
font-size:11px;
line-height:15px; 
color:#990000; 
text-decoration:none;
font-weight:bold;
}

.small {
font-size:10px;
line-height:10px;  
color:#888888;
text-decoration:none;
}

.header { 
font-size:14px;
font-weight:bold;
color:#0066CC;
margin:3px 0px 3px 0px;
}

.smallheader { 
font-size:12px;
line-height:15px;  
font-weight:bold;
color:#0066CC;
text-decoration:none;
}

.inputbox {
font-family:tahoma, verdana, arial, sans-serif; 
font-size:11px;
color:#333333;
border-top:1px solid;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:#0066CC;
background:#E1E1E1;
padding:1px;
}

.icon {
margin:0px 3px 0px 3px;
vertical-align:middle;
border:0px;
cursor:pointer;
}

.stdinput {
border-width:1px;
border-style:solid;
border-color:#DDDDDD;
color:#444444;
background-color:#F5F5F5;
font-family:tahoma, arial, sans-serif;
font-size:8pt;
margin:0px;
}

.stdbutton {
border:1px white outset;
width:75px;
height:20px;
font-size:8pt;
padding:0px;
}

.headerpanel {
font-weight:bold;
background-color:#EFEFEF;
border-width:2px 1px 1px 2px;
border-color:white;
border-style:outset
}

.PageSource {
font-size:8pt;
font-family:Verdana, monospace;
background-color:white;
width:100%;
border:1px #AAAAAA solid;
}


td.label {
white-space:nowrap;
vertical-align:top;
padding-left:0px;
padding-right:20px;
line-height:26px;
font-weight:bold;
font-size:12px;
}

.field {
border:1px solid #DDDDDD;
padding:3px;
background-color:#F8F8F8;
width:300px;
font-size:16px;
color:#222222;
font-family:tahoma, arial, sans-serif;
margin:0px;
}

.button {
border:1px white outset;
width:75px;
height:20px;
font-size:8pt;
padding:0px;
}

#statusmsg {
line-height:25px;
margin:15px 0px 10px 0px;
padding:0px 7px 0px 7px;
border:1px solid #DDDDDD;
background-color:#FFFFDD;
color:#333333;
}



/* Calendar component styles **************/
#calendarDiv{
position:absolute;
width:205px;
border:1px solid #3A8AAF;
padding:1px;
background-color:#FFF;
font-family:arial;
font-size:10px;
padding-bottom:20px;
visibility:hidden;
}

#calendarDiv span, #calendarDiv img {
float:left;
}

#calendarDiv .selectBox, #calendarDiv .selectBoxOver {
line-height:12px;
padding:1px;
cursor:pointer;
padding-left:2px;
}

#calendarDiv td {
padding:3px;
margin:0px;
font-size:10px;
text-align:center;
cursor:pointer;
}

#calendarDiv .selectBox {
border:1px solid #E9F2F6;		
color:#E9F2F6;
position:relative;
}

#calendarDiv .selectBoxOver {
border:1px solid #FFF;
background-color:#74B9D9;
color:#FFF;
position:relative;
}

#calendarDiv .topBar {
height:16px;
padding:2px;
background-color:#3A8AAF;
}

#calendarDiv .activeDay {	/* Active day in the calendar */
color:#FF0000;
}

#calendarDiv .todaysDate {
height:17px;
line-height:17px;
padding:2px;
background-color:#E9F2F6;
text-align:center;
position:absolute;
bottom:0px;
width:201px;
}

#calendarDiv .monthYearPicker {
background-color:#E9F2F6;
border:1px solid #AAAAAA;
position:absolute;
color:#3A8AAF;
left:0px;
top:15px;
zIndex:1000;
display:none;
}

#calendarDiv #monthSelect {
width:70px;
}

#calendarDiv .monthYearPicker div {
float:none;
clear:both;	
padding:1px;
margin:1px;	
cursor:pointer;
}

#calendarDiv .monthYearActive {
background-color:#3A8AAF;
color:#E9F2F6;
}

#calendarDiv .topBar img {
cursor:pointer;
}

#calendarDiv .topBar div {
float:left;
margin-right:1px;
}




/* TABS */
.tabset {
height:24px;
width:100%;
background-image:url(/images/tabfill.gif);
background-repeat:repeat-x;
background-position:top left;
}

.tabset div {
background-position:top left;
font-weight:bold;
height:24px;
float:left;
border:0px solid green
}

.tab1on {
background-image:url(/images/tabon_1.gif);
background-repeat:no-repeat;
width:9px;
}

.tab2on {
background-image:url(/images/tabon_2.gif);
background-repeat:repeat-x;
padding:0px 10px 0px 5px;
line-height:24px;
cursor:pointer;
}

.tab3on {
background-image:url(/images/tabon_3.gif);
background-repeat:no-repeat;
width:9px;
}

.tab1off {
background-image:url(/images/taboff_1.gif);
background-repeat:no-repeat;
width:9px;
}

.tab1off_noshadow {
background-image:url(/images/taboff_1_noshadow.gif);
background-repeat:no-repeat;
width:9px;
}

.tab2off {
background-image:url(/images/taboff_2.gif);
background-repeat:repeat-x;
line-height:24px;
color:#276888;
padding:0px 10px 0px 5px;
cursor:pointer;
}

.tab3off {
background-image:url(/images/taboff_3.gif);
background-repeat:no-repeat;
width:9px;
}

.tabpage {
border:1px solid #CCCCCC;
border-top:0px;
padding:10px;
}