/***************** start Basic HTML styles *****************/

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
z-index: -1;
}

p {
font:normal 12px/17px verdana, arial, Geneva, sans-serif;
color:#333333;
padding-right: 30px;
padding-left: 20px;
padding-top: 6px;
padding-bottom: 5px;
margin: 0px;
}

p a {
color: #0000FF;
}

p a:hover {
color: #003399;
text-decoration: underline;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #333333;
margin: 0px;
padding-top: 4px;
padding-bottom: 5px;
background-color: #CCD6FF;
text-align: center;
}

h2 {
font:bold normal 18px Verdana, Arial, Helvetica, sans-serif;
color:#000066;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 4px;
margin: 0px;
text-transform: lowercase;
}

h3 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000066;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 4px;
margin: 0px;
text-transform: lowercase;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #172349;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 12px;
font-weight: normal;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

blockquote {
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height: 16px;
color: #333333;
background-color: #CCCCCC;
border: 1px solid #666666;
margin-top: 4px;
margin-bottom: 5px;
padding-bottom: 4px;
margin-right: 30px;
margin-left: 20px;
padding-right: 0px;
padding-left: 0px;
padding-top: 4px;
}

a:link {
text-decoration : none;
}

a:visited {
text-decoration : none;
}

a:hover {
text-decoration : none;
}

.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
}

.text a{
text-decoration: underline;
}

/**** style2 is used in cerberus KB *****/

.style2 {
font-size: 12px;
font-weight: bold;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
white-space: nowrap;
}

.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

dl {
width: 175px;
background: #657ACD url(/images/general/corners/cornerBottom.gif) no-repeat left bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 5px;
text-transform: lowercase;
}

dt {
margin: 0;
padding: 2px 0px 3px 8px;
background: #404B6B url(/images/general/corners/cornerTop.gif) no-repeat left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

dd {
margin-left: 0;
}

dd a{
display: block;
padding-left: 6px;
color: #FFFFFF;
width: 168px;
ext-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
padding-top: 2px;
padding-bottom: 1px;
}

* html dd a{
display: block;
padding-left: 7px;
color: #FFFFFF;
width: 175px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
padding-top: 2px;
padding-bottom: 1px;
}

dd a:hover{
background-color: #FFCC33;
color: #404B6B;
border-bottom-color: #FFFFFF;
}

.outbox {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

/***************** end - Basic HTML styles *****************/


/***************** start - General Table styles *****************/
.topbox {
font-family : arial;
font-size: 9px;
background: #404B6B;
font-weight:bold;
text-decoration : none;
padding-left: 1px;
filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr='#999999',endcolorstr='#404B6B');
}

.maintable {
background-color: #FFF8E9;
border-top: 1px none #D28E00;
border-right: 1px none #996600;
border-bottom: 1px none #996600;
border-left: 1px none #D28E00;
}

.footer {
background-color: #FFF8E9;
border-top: 1px none #D28E00;
border-right: 1px none #996600;
border-bottom: 1px none #996600;
border-left: 1px none #D28E00;
}

.headerbox {
font-family : arial;
font-size: 9px;
background: #404B6B;
font-weight:bold;
text-decoration : none;
padding-left: 1px;
}

.headerRow {
background: #404B6B;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
padding-right: 6px;
padding-left: 2px;
white-space: nowrap;
}

.odd_center {
text-align: center;
background : #dddddd;
font-size: 12px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
font-family: Arial;
}

.odd_right {
text-align: right;
background : #dddddd;
font-size: 12px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
font-family: Arial;
padding-right: 6px;
}

.odd_left {
text-align: left;
background : #dddddd;
font-size: 12px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
padding-left: 3px;
font-family: Arial;
}

.odd_left a{
color: #000033;
}

.odd_left a:hover{
color: #0000CC;
}

.even_center {
text-align: center;
background : #E6E6E6;
font-size: 12px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
font-family: Arial;
}

.even_right {
text-align: right;
background : #E6E6E6;
font-size: 12px;
color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
font-family: Arial;
padding-right: 6px;
}

.even_left {
text-align: left;
background : #E6E6E6;
font-size: 12px;
color: #000033;
padding-left: 3px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
font-family: Arial;
}

.even_left a{
color: #000033;
}

.even_left a:hover{
color: #0000CC;
}

.Table {
font-family: Arial, Helvetica, sans-serif;
background-color: #404B6B;
margin: 0px;
padding: 0px;
width: 100%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #404B6B;
border-left-color: #404B6B;
}

/***************** end - General Table styles *****************/




/***************** start - login styles *****************/

.breadcrumb {
color: #595959;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #CCCCCC;
}

.breadcrumb a{
color: #666666;
text-decoration: underline;
}

.breadcrumb a:hover{
color: #333333;
}

.results {
color: #555555;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #CCCCCC;
}

.results a{
color: #555555;
text-decoration: underline;
}

.results a:hover{
color: #333333;
}

td.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #333333;
margin: 0px;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 5px;
background-color: #CCD6FF;
}

/* 
used in e.g. profile to 
show email in title bar
*/
td.titleright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000033;
margin: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 5px;
background-color: #CCD6FF;
}

.period {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000033;
}

.optionslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.optionslink a{
	color: #000099;
	text-decoration: underline;
}

.optionslink a:hover{
color: #000033;
}

/* background on the right of the title*/
.optionsback {
background-color: #CCD6FF;
}

/* bar with extra options */
tr.optionsbar {
background-color:#FFF0B0
}

.printHelpText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000099;
white-space: nowrap;
}

.printHelpText a {
text-decoration: underline;
white-space: nowrap;
}

.printHelpText a:hover {
	text-decoration: underline;
	color: #000033;
}

/* refresh, next, back */
.scrollText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
white-space: nowrap;
}

.scrollText a{
	color: #0000CC;
	text-decoration: underline;
}

.scrollText a:hover{
	color: #000066;
}


dl.small {
width: 160px;
background: #657ACD url(/images/general/corners/cornerBottomSmall.gif) no-repeat left bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 5px;
}

dt.small {
margin: 0;
padding: 2px 0px 3px 8px;
background: #404B6B url(/images/general/corners/cornerTopSmall.gif) no-repeat left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

dd.small {
margin-left: 0;
}

dd.small a{
display: block;
padding-left: 6px;
color: #FFFFFF;
width: 153px;
/*ext-decoration: none;*/
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
padding-top: 2px;
padding-bottom: 1px;
}

* html dd.small a{
display: block;
padding-left: 7px;
color: #FFFFFF;
width: 160px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
padding-top: 2px;
padding-bottom: 1px;
}

dd.small a:hover{
background-color: #FFCC33;
color: #404B6B;
border-bottom-color: #FFFFFF;
}


textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


.loginWarn {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #993300;
font-weight: bold;
}

DIV.Calendar {
position:absolute;
left:15px;
top:360px;
z-index:1;
}

.evenRow {
color: #000033;
font-family : arial;
font-size: 12px;
}

.oddRow {
background : #CCCCCC;
color: #000033;
font-family : arial;
font-size: 12px;
}

.lastRow {
background : #505050;
font-family : arial;
font-weight:bold;
color:white;
}

DIV.Help {
position: absolute;
display: none;
left: 206px;
top: 60px;
width: 407px;
height: 198px;
}

HR.print_line {
display: none;
}

.bgBlank {
background-color: #E6E6E6;
}

.profile {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC33;
padding-left: 3px;
font-weight: bold;
background-color: #445EC1;
}

.profileLine {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
white-space: nowrap;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
padding-top: 1px;
padding-bottom: 1px;
}

.EndClickstream {
background: #CCCCCC;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000033;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000033;
padding-left: 3px;
padding-right: 6px;
}

/***************** end - login styles *****************/



/******************* start - navigation styles *********************/
div{
display: block;
margin: 0px 0px 0px 0px;
padding: 0;
z-index: 1000;
}

a[id]:hover{
text-decoration:none;
z-index: 1000;
}

ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 1px;
margin-bottom: 3px;
padding-top: 0px;
padding-bottom: 0px;
z-index: 1000;
}

ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 0px;
margin-top: 1px;
margin-bottom: 3px;
padding-bottom: 0px;
z-index: 1000;
}

ul li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 0px;
padding-bottom: 2px;
padding-right: 5px;
list-style-type: square;
list-style-position: outside;
line-height: 16px;
z-index: 1000;
}

ol li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 16px;
margin-left: 10px;
padding-top: 3px;
padding-bottom: 5px;
padding-right: 45px;
z-index: 1000;
}

.hmenu{
vertical-align: top;
padding: 2px 0px 0px;
text-align: left;
font-size:12px;
line-height: 20px;
font-weight: bold;
color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
z-index: 1000;
}

.hmenu a{
padding: 2px 0px 0px 0px;
text-decoration:none;
color: #FFFFFF;

}

.hmenu a:visited{
color: #FFFFFF;
}

.hmenu a:hover{
color: #CCCCCC;
}

.menu {
color:#000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
display: block;
z-index: 1000;
}

.menu .options {
font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
color: #000066;
border: 1px solid #333366;
display: block;
background-color: #FFFFFF;
z-index: 1000;
}

.menu a {
color:#000066;
display: block;
z-index: 1000;
}

.menu a:visited {
color:#000066;
z-index: 1000;
}

.menu a:hover {
background-color: #FFCC66;
z-index: 1000;
}

.menu .options ul {
padding: 1px 1px 1px 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-top: 1px;
z-index: 1000;
}

.menu .options ul li {
z-index: 1000;
line-height: 17px;
list-style-type: none;
list-style-position: outside;
}

/******************* end - navigation styles *********************/
.link {
color : white;
/* font-size: 12px;*/
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* Style for bezig met laden */
.loading {
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: x-large;
color: #BFFFDF;
font-weight:bold;
position: absolute;
top: 210px;
left: 350px;
}

/* 
style for text 
in top row (logout) 
*/


.header {
font-weight: bolder;
font-size: 14px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #FFFFFF;
margin-top: 14px;
margin-bottom: 14px;
}

.date {
text-align: left;
font-size: 12px;
}

.tiny {
font-size: xx-small;
font-weight:bold;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/******************* start - calender style *********************/
a.cal {
text-decoration : none;
color : #FFFF80;
/* font-family : sans-serif;
*/
font-family : arial;
}

a.cal:link {
text-decoration : none;
color : #8C8CFF;
font-family : arial;
}

a.cal:visited {
text-decoration : none;
color : #999999;
font-family : arial;
}

a.cal:hover {
text-decoration : none;
color : #FFFFFF;
font-family : arial;
}

.cal_day {
font-family : arial;
font-size: 9px;
background: #000099;
font-weight:bold;
text-align: center;
color: #000066;
}

.cal_outday {
font-family : arial;
font-size: 9px;
background: #3333CC;
font-weight:bold;
text-align: center;
}

.cal_outday_period {
font-family : arial;
font-size: 9px;
background: #5269B5;
font-weight:bold;
text-align: center;
color: #666666;
text-decoration: none;
}

.cal_period{
font-family : arial;
font-size: 9px;
background: #5269B5;
font-weight:bold;
text-align: center;
}

.cal_Sun{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Mon{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Tue{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Wed{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Thu{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Fri{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_Sat{
font-family : arial;
font-size: 9px;
background: #DEE3EF;
text-align: center;
}

.cal_arrow{
font-family : arial;
font-size: 8px;
text-align: center;
}

.cal_dropdown{
font-family : arial;
font-size: 9px;
text-align: center;
}

.cal_dropdown_text{
font-family : arial;
font-size: 9px;
font-weight:bold;
text-align: center;
color: #2945A5;
}

.cal_now{
font-family : arial;
font-size: 9px;
background: #8C96B5;
font-weight:bold;
text-align: center;
color: #000066;
text-decoration: none;
}

.cal_the_day{
font-family : arial;
font-size: 9px;
background: #404B6B;
color: yellow;
font-weight:bold;
text-align: center;
text-decoration : none;
}

.cal_header{
font-family : arial;
font-size: 11px;
font-weight:bold;
text-align: center;
color: #2945A5;
}

/******************* end - calender style *********************/

/******************* start - tooltip style *********************/
.tooltiptitle {
color: #FFFFFF;
text-decoration: none;
font-family: verdana;
font-weight: bold;
font-size: 10px;
background-color: #27356B;
padding-left: 8px;
white-space: nowrap;
}

.tooltipcontent {
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 8pt;
background-color: #CCD6FF;
padding: 5px 6px 5px 7px;
border: 1px solid #27356B;
}

/******************* end - tooltip style *********************/
/******************* start - navigation login style *********************/
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{
position:absolute;
visibility:hidden;
left:0;
top:0;
}

/*Style for the background-bar*/
.clBar{
position:absolute;
width:20;
height:10;
layer-background-color:#FF9900;
visibility:hidden;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
}

/*Styles for level 0*/
.clLevel0,.clLevel0over{
position:absolute;
padding:3px;
font-family:tahoma,arial,helvetica;
font-size:12px;
font-weight:bold;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
}

.clLevel0{
background-color:#E9E9E9;
layer-background-color:#cc99ff;
color:#000066;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
text-align: left;
padding-left: 5px;
}

.clLevel0over{
background-color:#CCCCCC;
layer-background-color:#336699;
color:#000066;
cursor:pointer;
cursor:hand;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
text-align: left;
padding-left: 5px;
}

.clLevel0border{
position:absolute;
visibility:hidden;
background-color:#2945A5;
layer-background-color:red;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
}

/*Styles for level 1*/
.clLevel1, .clLevel1over{
position:absolute;
padding:3px;
font-family:tahoma, arial,helvetica;
font-size:11px;
font-weight:bold;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
text-align: left;
}

.clLevel1{
background-color:#E9E9E9;
layer-background-color:#FF9900;
color:#000066;
text-indent: 3pt;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
}

.clLevel1over{
background-color:#CCCCCC;
layer-background-color:#006699;
color:#000066;
cursor:pointer;
cursor:hand;
text-indent: 3pt;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
text-align: left;
}

.clLevel1border{
position:absolute;
visibility:hidden;
background-color:#006699;
layer-background-color:#006699;
filter: alpha(Opacity=97, FinishOpacity=89, Style=1, StartX=0, StartY=0);
}


/******************* end - navigation login style *********************/
li {
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.shortLineSpacing {
font:normal 11px/14px verdana, arial, Geneva, sans-serif;
color:#333333;
padding-top: 2px;
padding-bottom: 3px;
margin: 0px;
padding-right: 30px;
padding-left: 20px;
}

.paragraphColumn {
font:normal 11px/14px verdana, arial, Geneva, sans-serif;
color:#333333;
padding-right: 20px;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 2px;
margin: 0px;
list-style-type: disc;
}

.profileLineRight {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-left: 3px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
}

.profileLineLeft {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #8596D8;
padding-left: 3px;
white-space: nowrap;
padding-top: 1px;
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A3ACC7;
}

.profileNoLine {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
white-space: nowrap;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #9191FF;
border-left-color: #9191FF;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
padding-top: 1px;
padding-bottom: 1px;
}

.lefttable {
background-color: #CCD6FF;
background-image: url(/images/general/corners/cornerTopColumn.gif);
background-repeat: no-repeat;
background-position: top;
}

.languageLeft {
background-color: #657ACD;
background-image: url(/images/general/corners/corners-small-left.gif);
background-repeat: no-repeat;
background-position: left;
}

.languageRight {
background-color: #657ACD;
background-image: url(/images/general/corners/corners-small-right.gif);
background-repeat: no-repeat;
background-position: right;
}

.profileNoLineLeft {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #9191FF;
border-left-color: #9191FF;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
}

.tooltipcontentgrey {
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 8pt;
background-color: #DDDDDD;
padding: 2px;
border: 1px solid #27356B;
}

.tooltipvisitor {
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 8pt;
background-color: #FFF0B0;
padding: 0px 3px 0px 8px;
}

td.leftblue {
background-color: #CCD6FF;
}

td.logo {
background-color: #27356B;
background-image: url(/images/general/logos/logo_ot.gif);
background-repeat: no-repeat;
background-position: left;
}

td.header {
background-color: #27356B;
}

td.header a{
background-color: #27356B;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
white-space: nowrap;
}

td.header a:hover{
color: #ffffff;

}


td.graphtop {
width: 760px;
background: #FFF8E9 url(/images/general/corners/corners_graph_top.gif) no-repeat left top;
}

td.graphbottom {
width: 760px;
padding: 0px;
background: #FFF8E9 url(/images/general/corners/corners_graph_bottom.gif) no-repeat left bottom;
}

.overviewColor {
background-color: #CCD6FF;
}


.overviewHeading{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/visitors_02.png", sizingMethod='scale');
	display:inline-table; /* needed for firefox */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 28px;
	white-space: nowrap;
	}
	
/* beneith hack makes the style NOT work for IE 6 and lower */
html>body .overviewHeading {
	background-image: url(/images/general/login/overview/visitors_02.png);
	}
	
.overviewRight{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/visitors_03.png", sizingMethod='scale');
	display:inline-table; /* needed for firefox */
	}
	
html>body .overviewRight {
	background-image: url(/images/general/login/overview/visitors_03.png);
	}

.overviewVisitor{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/visitors_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewVisitor {
	background-image: url(/images/general/login/overview/visitors_01.png);
	}

.overviewTraffic{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/traffic_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewTraffic {
	background-image: url(/images/general/login/overview/traffic_01.png);
	}

.overviewLocation{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/location_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewLocation {
	background-image: url(/images/general/login/overview/location_01.png);
	}

.overviewNavigation{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/nav_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewNavigation {
	background-image: url(/images/general/login/overview/nav_01.png);
	}

.overviewTechnical{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/tech_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewTechnical {
	background-image: url(/images/general/login/overview/tech_01.png);
	}

.overviewTip{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/login/overview/tip_01.png", sizingMethod='scale');
	display:inline-table; 
	}
	
html>body .overviewTip {
	background-image: url(/images/general/login/overview/tip_01.png);
	}

.overviewLeft{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/corners/corners_overview_left.png", sizingMethod='scale');
	display:inline-table; 
	background-color:#CCD6FF
	}
	
html>body .overviewLeft {
	background-image: url(/images/general/corners/corners_overview_left.png);
	background-color:#CCD6FF
	}
	
.overviewRightBack{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/general/corners/corners_overview_right.png", sizingMethod='scale');
	display:inline-table; 
	background-color:#CCD6FF
	}
	
html>body .overviewRightBack {
	background-image: url(/images/general/corners/corners_overview_right.png);
	background-color:#CCD6FF
	}	



/**
 style month
*/
table.monthCalendar {
width: 160px;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
background: #657ACD url(/images/general/corners/cornerBottomSmall.gif) no-repeat left bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}


/**

 bug fix 100% width IE to make 
 onover work for multiple cells 
 http://www.webmasterworld.com/forum83/4936-5-10.htm (thread)

 target IE 

*/
* html div.monthCalendar a{
width: 100%;
}

/*
 fixes IE slowness? not a problem? needs research
*/
/* html div.monthCalendar (position:absolute;top:0; left:0;) */

/* 
 represents a months cell 
 (default color)
*/
/* 

 hack to target IE & Firefox follows:
 http://www.webmasterworld.com/forum83/4936-5-10.htm 

*/
td.mc a{
background-color: #6666CC;/* target Firefox */
color: #FFFFFF;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}


* html td.mc a{ 
display: block;
background-color: #6666CC;/* target IE */
color: #FFFFFF;/* target IE */
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

td.mc a:hover{
background-color: #FFCC33;
color: #404B6B;
}

/* 
 represents month cell 
 selected (clicked on) date (ie todays date)
*/
td.mcSelected a{
background-color: #FF9966;/* target Firefox */
color: #330000;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

* html td.mcSelected a{
display: block;
background-color: #FF9966;/* target IE */
color: #330000;/* target IE */
text-decoration: none;
padding-top: 1px;
}

td.mcSelected a:hover{
background-color: #FFCC33;
color: #404B6B;
}

/* 
 represents month cell 
 selected period
*/
td.mcSel a{
background-color: #FFCC33;/* target Firefox */
color: #404B6B;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

* html td.mcSel a{
display: block;
background-color: #FFCC33;/* target IE */
color: #404B6B;/* target IE */
text-decoration: none;
padding-top: 1px;
}

td.mcSel a:hover{
background-color: #FFCC33;
color: #404B6B;
}

/* 
 represents month cell 
 of now (ie todays date)
*/
td.mcNow a{
background-color: #000099;/* target Firefox */
color: #FFFFFF;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

* html td.mcNow a{
display: block;
background-color: #000099;/* target IE */
color: #FFFFFF;/* target IE */
text-decoration: none;
padding-top: 1px;
}

td.mcNow a:hover{
background-color: #FFCC33;
color: #404B6B;
}


/* 
 represents month cell 
 outside of display month 
*/
td.mcOut a{
background-color: #999999;/* target Firefox */
color: #FFFFFF;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

* html td.mcOut a{
display: block;
background-color: #999999;/* target IE */
color: #FFFFFF;/* target IE */
text-decoration: none;
padding-top: 1px;
}

td.mcOut a:hover{
background-color: #FFCC33;
color: #404B6B;
}

.mcDrop{
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.mcText{
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:bold;
color: #2945A5;
}


/*
 some css also taken
 from http://www.ssi-developer.net/css/menu-rollover-effect_table.shtml
 */ 
table.calendarHeader {
width: 160px;
background: #404B6B url(/images/general/corners/cornerTopSmall.gif) no-repeat left top;
color: #FFFFFF;
text-decoration:none;
font-size: 11px;
font-weight: bold;
line-height:16px;
font-family: Geneva, Arial, Helvetica, sans-serif;
vertical-align: top;
}

table.calendarHeader a {
margin: 0;
display: block;
}

div.calendarHeader a{
width: 100%;/*bug fix IE to make onover work for 100% of multiple cells*/
}


/* 
 represents month cell 
 outside of display month 
*/
td.calendarHeader a{
background-color: #404B6B;/* target Firefox */
color: #FFFFFF;/* target Firefox */
display: block;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
}

* html td.calendarHeader a{
display: block;
background-color: #404B6B;/* target IE */
color: #FFFFFF;/* target IE */
text-decoration: none;
padding-top: 1px;
}

td.calendarHeader a:hover{
background-color: #FFCC33;
color: #404B6B;
}