﻿/* reset css */
html
{
    color: #000;
    background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}

caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
    font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup
{
    vertical-align: text-top;
}
sub
{
    vertical-align: text-bottom;
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
/*because legend doesn't inherit in IE */
legend
{
    color: #000;
}
/* reset css */



body
{
    margin: 5px 0px 10px 0px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    color: #4f4b4a;
}
img
{
    border: none;
}
#container
{
    position: relative;
    width: 722px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
    border: 1px solid #B8B6B6;
}
.footer
{
    padding-left: 34px;
    color: #999;
    font-size: 8pt;
    height: 50px; /* .push must be the same height as .footer */
    position: relative;
    width: 688px;
    margin: 0 auto;
    
    

}
.push
{
    height: 50px;
}
#containerLong
{
    width: 722px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 1px solid #b8b6b6;
    height: 2050px;
}
#banner
{
    width: 720px;
    height: 130px; /*   padding-left:34px;*/
}
#banner div #menu
{
    height: 24px;
    width: 480px;
}

#banner div #menu.menu
{
    padding-right: 5px;
}

#banner div #menu.logo
{
    padding-right: 2px;
}
#content
{
    /*margin-left:-34px;*/
    width: 720px;
}
#adminContent
{
    margin-top: 30px;
    margin-left: 30px;
    width: 720px;
}
#content #leftCol
{
    width: 336px;
    margin-right: 30px;
    margin-left: 20px;
}

#content #leftColnoHead
{
    margin-top: 30px;
    width: 336px;
}
#content #leftColOQ
{
    padding-top: 30px;
    width: 336px;
    margin-left: 20px;
}
#content #leftColLinks
{
    padding-top: 30px;
    width: 600px;
    margin-left: 20px;
}
#leftColHWW
{
    padding-top: 30px;
    width: 336px;
    margin-left: 20px;
}
#rightColHWW
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 180px;
    margin-left: 368px;
    width: 320px;
}
#leftColOCR
{
    padding-top: 30px;
    width: 336px;
    margin-left: 20px;
}
#rightColOCR
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 275px;
    margin-left: 368px;
    width: 320px;
}
#leftColNews
{
    padding-top: 30px;
    width: 700px;
    margin-left: 20px;
}
#rightColNews
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 180px;
    margin-left: 368px;
    width: 320px;
}
#leftColWWD
{
    padding-top: 30px;
    width: 336px;
    padding-left: 10px;
}
#rightColWWD
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 260px;
    margin-left: 338px;
    width: 300px;
}
#content #leftColJoin
{
    padding-top: 40px;
    width: 336px;
    margin-left: 20px;
    padding-left: 1px;
}
#content #rightCol
{
    position: absolute;
    top: 426px;
    margin-left: 360px;
    width: 450px;
}
#content #rightColHome
{
    position: absolute;
    top: 440px;
    margin-left: 410px;
    width: 450px;
}
.rhsTab
{
    padding-top: 20px;
}
#content #rightColnoHead
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 180px;
    margin-left: 368px;
    width: 320px;
}

#content #rightColOpp
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 232px;
    margin-left: 368px;
}
#content #rightColOQ
{
    position: absolute;
    top: 206px;
    margin-left: 360px;
}

#content #rightColText
{
    margin-left: 15px;
	margin-right: 20px;
}

#content #contactPane
{
    font-size: 10pt;
    color: #929295;
    position: absolute;
    top: 180px;
    margin-left: 20px;
    width: 320px;
}
#mastHead
{
    /*margin-left: -34px; */
    margin-top: 10px;
    margin-bottom: 40px;
    width: 720px;
}

.logo
{
    float: right;
    
}
#menuButs
{
    width: 600px;
    position: absolute;
    top: 120px;
    padding-left: 10px;
}
#headlineText
{
    padding-left: 5px;
    color: #929295;
    font-size: 12pt;
    font-weight: 200;
    width: 315px;
}
#opportunities
{
    font-size: 10pt;
    color: #929295;
    padding-left: 10px;
    margin-top: 5px;
    width: 325px;
}
#terms
{
    color: #999;
    width: 500px;
    font-size: 8pt; /*position:absolute; top:940px; margin-top:60px;*/
    margin-left: 34px;
}
#terms2
{
    color: #999;
    width: 500px;
    font-size: 8pt;
    position: relative;
    top: 20px;
    margin-left: 34px;
}

#terms3
{
    color: #999;
    width: 500px;
    font-size: 8pt;
    position: relative;
    top: -20px;
    margin-left: 34px;
}
.footer a, #terms2 a, #terms3 a
{
    text-decoration: none;
    color: #999;
}
.footer a:hover, #terms2 a:hover, #terms3 a:hover
{
    text-decoration: underline;
}
#blueStripe
{
    margin-top: 20px; 
    height: 4px;
    background-color: #8394ca;
    width: 722px;
}
#blueUL
{
    margin-left: 20px;
    list-style-image: url(images/blueBullet.gif);
    list-style-position: outside;
    color: #3e539a;
}
#blueUL li
{
    padding-bottom: 5px;
}

#redUL
{
    margin-left: 20px;
    list-style-image: url(images/redBullet.gif);
    list-style-position: outside;
    color: #3e539a;
}
#redUL li
{
    padding-bottom: 5px;
}
#tickUL
{
    margin-left: 20px;
    list-style-position: outside;
    color: #002395;
    font-size: 10pt;
    list-style-image: url(images/bulletTick.gif);
}
#tickUL li
{
    padding-bottom: 5px;
}
.blueUL2
{
    margin-top: 5px;
    margin-left: 20px;
    list-style-image: url(images/blueBullet.gif);
    list-style-position: outside;
    color: #3e539a;
    font-size: 10pt;
}
.redUL2
{
    margin-top: 5px;
    margin-left: 20px;
    list-style-image: url(images/redBullet.gif);
    list-style-position: outside;
    color: #3e539a;
    font-size: 10pt;
      background-color:#fff;
}
.normUL
{
    margin-top: 5px;
    margin-left: 20px;
 margin-bottom:5px;
    list-style-position: outside;
  
    font-size: 10pt;
      background-color:#fff;
}


.ContextMenuItem
{
    color: #6e7fb5;
    display: block;
    height: 30px;
    text-decoration: none;
    padding: 5px;
}
.ContextMenuItem:hover
{
    color: #f00;
}
.ContextMenuPanel
{
    width: 150px;
    background-color: #e1e5f4;
    margin-left: -50px;
}
#europe
{
    margin-top: 100px;
    width: 600px;
    margin-left: 40px;
    padding: 5px;
    border: 1px solid #8394ca;
}

#aus, #na
{
    margin-top: 20px;
    width: 600px;
    margin-left: 40px;
    padding: 5px;
    border: 1px solid #8394ca;
}
#europe
{
    background: url(images/UK.jpg) no-repeat right top;
}
#na
{
    background: url(images/US.jpg) no-repeat right top;
}
.countryHead
{
    display: block;
    background-color: #e1e5f4;
    width: 200px;
    font-weight: bold;
    font-size: 12pt;
    height: 20px;
}
.urlLink
{
    text-decoration: none;
    color: #6e7fb5;
}
.urlLink:hover
{
    text-decoration: underline;
}
.urlLink2
{
    text-decoration: none;
    color: #6e7fb5;
}
.urlLink2:hover
{
    text-decoration: underline;
    color: #e13a47;
}
.blueText
{
    color: #6e7fb5;
    width: 120px;
}
strong
{
    font-weight: bold;
}
.bodyMidText
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 320px;
    color: #929295;
    padding-left: 10px;
}
.bodyMidTextNews
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 680px;
    color: #929295;
    padding-left: 10px;
}
.linkArrow
{
    background: url(images/linkArrow.gif) no-repeat center left;
    padding-left: 15px;
    color: #6e7fb5;
    text-decoration: none;
    margin-left: 10px;
}
.linkArrow:hover
{
    text-decoration: none;
}
.linkArrow:visited
{
    color: #df3846;
}

#accordions
{
    margin-left: 17px;
    width: 300px;
}

.accordionContent
{
    width: 280px;
}
.blueHead
{
    font-weight: bold;
    color: #002395;
}
.blueBody
{

    color: #002395;
}



.popText
{
    font-size: 10pt;
    color: #000;
     background-color:#fff;
}


.box
{
    border-left: 1px solid #0000ff;
    border-right: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
    padding: 5px;
      background-color:#fff;
}
.close
{
    cursor: hand;
}
#picText
{
    width: 240px;
    color: #002395;
    font-size: 8pt;
    position: absolute;
    top: 470px;
    margin-left: 430px;
    line-height: 13pt;
}
#vacancy
{
    border: none;
}
sup.caps
{
    font-size: 8pt;
    vertical-align: super;
}
.blueText
{
    color: #002395;
    width: 350px;
}
.challenges
{
    margin-bottom: 0px;
}
.bodyLink
{
    color: #002395;
    text-decoration: none;
}
.bodyLink:hover
{
    color: #002395;
    text-decoration: underline;
}
h4
{
    color: #df3846;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

h3
{
    color: #df3846;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
.red
{
    color: #ff0000;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000;
border:1px solid #e03a3e;
z-index:1;
}

#popupContactClose{
font-size:20px;
line-height:24px;
right:6px;
top:4px;
position:absolute;
color:#e03a3e;
font-weight:bold;
display:block;
cursor: pointer;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:437px;
width:562px; 
background:#fff;
border:1px solid #e03a3e;
z-index:2;
padding:12px;
font-size:13px;
}
.centered{
text-align:center;
}

