/***************** 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;
}


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;
}


/***************** 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 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;
}




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;

}