body { padding:0px; margin: 0px; }
p { font-family: arial, verdana, sans serif; margin:0px; padding:0px; font-size:0.7em; color: #333333; }
.p { font-family: arial, verdana, sans serif; margin:0px; padding:0px; font-size:0.7em; color: #333333; }
a { text-decoration: none; }
h1 { font-family: arial, verdana, sans serif; margin:0px; padding:0px; font-size:1.2em; color: #333333; font-weight: normal;}
h2 { font-family: arial, verdana, sans serif; margin:0px; padding:8px 0px 0px 2px; font-size:1em; color: #4a085f; font-weight: normal;  font-style:italic;}
h3 { font-family: arial, verdana, sans serif; margin:0px; padding:6px 0px 0px 2px; font-size:0.8em; color: #4a085f; font-weight: normal;  font-style:italic;}
h4 { font-family: arial, verdana, sans serif; margin:0px; padding:6px 0px 0px 2px; font-size:0.7em; color: #000000; font-weight: normal;  font-style:italic;}
.messages { font-family: arial, verdana, sans serif; margin:0px; padding:8px 0px 0px 2px; font-size:1em; color: #4a085f; font-weight: normal;  font-style:italic;}
.error { color: red; font-family: arial, verdana, sans serif; font-size: 0.9em;}
.error input { border: 1px solid red; }

div.container { height: 580px; width: 753px; margin: 10px auto 0px auto; padding:0px; }
div.leftshadow { float: left; background-image: url('images/left_shadow.jpg'); height: 560px; width: 3px; margin: 2px 0px 0px 0px;}
div.page { float: left; height: 555px; width: 700px; background-image: url('images/canvin_brown_watermark.jpg'); margin:0px; padding:0px; position: relative;}

div.header { float:left; height: 110px; width:100%; }
div.logo { float: left; height: 90px; width:70px; margin: 10px 0px 10px 15px; }
div.logo a img { border: none; }
div.company { float: left; height: 90px; width: 360px; margin: 10px 0px 10px 5px; }

div.main { float:left; height: 270px; width:100%;  }
div.mainbig { float:left; height: 450px; width:100%;  }

div.scroller { margin: 5px 0px -5px 15px; padding-top: 5px; }
#thetext { position: relative;  height: 20px; overflow:hidden; top:0px; left: 650px; width: 100%; }
#thetext p { color: #FFF; font-size: 0.75em; padding:2px;}

div.textholder { float:left; height: 230px; width: 500px; margin: 15px 10px 15px 0px; padding-left: 15px; }
div.textholder p {padding:8px 0px 0px 5px;}
div.textholder p a  { text-decoration: underline }

div.textholderwide { float:left; width: 664px; height: 390px; overflow: auto; margin: 15px 10px 15px 0px; padding-left: 15px; }
#noscroll { overflow: hidden; }
div.textholderwide p { font-size: 0.7em; padding:8px 0px 0px 0px;}
div.textholderwide p a  { text-decoration: underline }

div.clientlogo { float: right; }
div.clientlogo img { border: 1px solid #4a085f; margin-left: 10px;}

ul { list-style:square; margin-top: 0px; margin-bottom: 0px;  }
ul li { font-family: arial, verdana, sans serif; font-size: 0.7em}

table.vacancies { margin-top: 10px; width: 645px; font-size:0.7em; font-family: arial, verdana, sans serif;  border-collapse: collapse;  }
table.vacancies th { background-color: #c4aecc }
table.vacancies td { font-size: 0.9em; border: 1px solid #ddd; }
table.vacancies td.center { text-align:center; }
table.vacancies img { border: none; }
        
div.quicklinks { float: left; margin: 15px 0px 0px 0px; height: 160px; width: 158px; border: 1px solid #e9e9d8; }
div.linktop { height: 6px; background-color: #4a085f; width:100%; font-size:0.1em; line-height:1px;  }
div.linktitle { background-image: url('images/quick_links_pattern.jpg'); color: #4a085f; font-weight: bold; padding: 0px 0px 0px 10px;} 
div.linktext { text-align: right; padding:4px; overflow: hidden}
div.linktext h3 { padding: 1px 0px 0px 2px; } 
div.linktext p { color: #707070; font-size: 0.6em }

div.currentvacancies { float: left; margin: 10px 0px 0px 0px; height: 50px; width: 158px; border: 1px solid #e9e9d8;}

div.base { float:left; height: 180px; width:100%; }

div.placer { float:left; height: 160px; width: 160px; background-color: grey; margin: 4px 5px 10px 5px;}
div.placespacer { float:left; height: 160px; width: 10px; }
div.ruler { height: 1px; line-height: 1px; font-size:0.1em; width: 670px; background-color: #666666; margin: 0px 0px 0px 15px; }
div.underruler { height: 1px; width: 670px; background-color: #FFFFFF; margin: 0px 0px 0px 15px; font-size:0.1em; line-height:1px; }

div.footer { float:left; height: 30px; width:100%; }
div.lefttext { float: left; height: 20px; width: 480px; margin: -2px 0px 0px 0px; padding-left: 1px;}
div.lefttext p { color: #999999; font-size:10px; }
div.righttext { float: right; height: 20px; width: 250px; margin: -2px 0px 0px 0px; padding-right: 15px;}
div.righttext p { color: #999999; font-size:10px; text-align:right;}
div.footer p a { color: #999999; }
div.footer p a:hover { color: #666; }

div.tabs { float: left; width: 50px; }
div.shadow { background-image: url('images/right_shadow.png'); width: 6px; height: 553px; position: absolute; top: 12px; z-index: 2000;}
div.tab { height: 111px; width: 40px; }
div.tab img { border: none; }

div.undershadow { padding: 0px; margin: 0px; float: left; width: 700px; height: 9px;font-size:0.1em; line-height:1px; background-image: url('images/bottom_shadow.gif'); }

div.column { width: 48%; float:left; }
div.box { width: 90%; border: 1px solid #4a085f; float: left; background-color: #FFFFFF; margin: 5px 0px 5px 15px; display:inline; }
div.boxheader { background-color: #4a085f; width: 100%; height: 18px; text-align:left; }
div.boxheader p { font-size:0.7em; color:#FFFFFF; margin: 0px; padding: 2px;}
div.boxheader p.title { float: left; font-size:18px; color:#FFFFFF; margin: 0px; padding: 5px;}
div.boxheader p.minor { float: right; font-size:10px; color:#FFFFFF; margin: 0px; padding: 5px;}


div.attribute { clear:left; float: left; padding:0px; width: 90px; }
div.attribute p { margin: 0px; padding: 4px; }
div.text { padding: 2px; }
div.text input { font-size: 8pt; margin: -2px 0px 0px 0px; padding: 0px 0px 0px 2px; }
div.value p { margin: 0px; padding: 4px; color: #4a085f}

div.value input { font-size: 8pt; margin-top: -2px; padding: 0px 0px 0px 2px; width: 150px;}
div.value select { font-size: 8pt; margin-top: -2px; }
div.value p img { padding: 0px; margin-top: -3px; }

span.value { color: #000000; }

/* Used to display the tool tips on registration page */
#dhtmltooltip{
position: absolute;
width: 200px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;
padding: 2px;
color: #fff;
background-color: #4a085f;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}