body
{
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Arial;
}
a,a:link,a:visited{
    text-decoration: none;
    color:#003976;
}

a:hover{
    color: #a0c83e;
}

a.blueTextWhiteHover:hover{
    color: White !important;
}

body a img{
    border: 0px;
    text-decoration: none;
}

body a:visited, a:active{
    text-decoration: none;
    color:inherit;
}

h1{
   color: #a0c83e;
   font-size: 16px;
   font-family: Arial;
   font-weight: normal;
}

textarea{
    font-family:Arial;
    font-size:13px;
}

#wrapper{
    width: 960px;
    position: relative;
    margin: 0 auto;
    text-align: left;
}

#header{
    height: 70px;
    position: relative;
    top: 12px;
    padding-left: 10px;
}

#headerSeparator{
    height: 8px;
    background-color: #a0c83c;
}

#footerSeparator{
    background-color: #cccccc;
    height: 2px;
    width: 960px;
    float: left;
    margin-top: 20px;
}


#contentWrapper{
    position: relative;
    padding-top: 22px;
}

#languageContainer{
    width:150px;
    position: absolute;
    right: -20px;
    bottom: 16px;
    
}

#leftPanel{
    width: 200px;
}

#contentContainer{
    width: 560px;
    min-height: 300px;
    padding-right: 10px;
}

#rightPanel{
    width: 200px;
}

#footer{
    position: relative;
}

#footerMenu{
    margin: 0;
    padding: 0;
    margin-left: 5px;
    top: 0px;
}

#footerMenu li{
    list-style: none;
    display:inline;
    padding: 0px 5px;
    line-height:16px;
}

#developedBy{
    position:absolute;
    clear: none;
    width: 250px;
    left: 710px; 
    top: 22px;   
}

/**********************************/

#login, #logged{
    border: solid 1px #cccccc;
    padding: 5px 10px;
}

.loginField{
    width: 180px !important;
}

.emailField{
    margin-bottom: 5px;
}

#joinWOAS{
    padding: 5px 10px;
    border: solid 1px #a0c83c;
    color: White;
    background-color: #a0c83c; 
    margin-top: 10px; 
}


#leftMenu{
    position: relative;
    width: 190px;
    left: 10px;
}

#leftMenu ul{
    margin: 0;
    padding: 0;
    
}

#leftMenu ul li{
    font-size: 12px;
    list-style: square;
    color:#003976;    
}

#leftMenu ul ul{
    margin-left: 10px;
    list-style: none;
}

#leftMenu ul ul li{
    list-style: none;
}

#leftMenu a{
    display:block;
    padding: 5px 0px;
    color:#003976;
}

#leftMenu a:visited{
    color:#003976;
}

#leftMenu li:hover, #leftMenu li:active{
    color: #a9cc30;
}

#leftMenu ul a:hover, #leftMenu ul a:active{
    color: #a9cc30;
}

.menuNoBullet{
    list-style-type: none !important;
}
.menuSelectedLI{
    list-style-type: disc !important;
    color: #a9cc30 !important;
}
.menuSelectedA{
    color: #a9cc30 !important;
}
/**********************************/
/*  Membership Benefits           */
/**********************************/

div.memberTypes{
    font-weight:bold;
    padding-left:0px; 
    list-style:none;
    margin:0;
}

div.memberTypes div div{
    font-weight: normal;
    color: Black;
}

div.memberTypes div span{
    cursor:pointer;
    line-height: 22px;
}

div.memberTypes div span:hover{
    color: #a0c83e;
}

div.typeMembershipContainer{
    display:none;
    padding: 10px;
    position: relative;
}

.closeButton{
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 3px;
}

/*******************************/
/*    Become a Member          */
/*******************************/
input[type=text], textarea, input[type=password]
{
    width: 85%;
}

select{
    width: 87%;
}

#personalInfo table, #loginInfo table{
    padding: 10px;
}

table div{
    position: relative;
}

.expand{
    position: absolute;
    right: 10px;
    font-size: 16px; 
    height: 20px; 
    vertical-align:middle; 
    padding:0px;
    margin: 0px;
}

.changedPanel{
    padding: 10px;
    text-align: left !important;
}




/**********************************/
/*******Utility classes************/

.blueText a,.blueText a:visited, a.blueText, a.blueText:visited{ color: #003976;}
.blueText a:hover, a.blueText:hover{  color: #a0c83e;}

.blueText{ color: #003976;}

.blueTextWhiteHover{ color: #003976;}

.greenText{color: #a0c83e;}

.whiteText{ color: White;}

.button:hover{background-color: #a0c83e;}

.grayText{ color: #333333;}

.bold{ font-weight:bold;}

.arial11{ font-size: 11px; font-family: Arial;}

.arial13{ font-size: 13px; font-family: Arial;}

.arial16{ font-size: 16px; font-family: Arial;}

.grayBox{ border: #e7e7e7 solid 2px; background-color: #f8f8f8;}

.padded{margin-top: 10px; padding: 10px; position: relative;}

.button{
    height: 20px;
    line-height: 20px;
    background-color: #003976;
    padding: 0 10px; 
    border: 0px; 
    margin-top: 5px;
    vertical-align: middle;
    padding: 2px 5px;
}

.errorover { color: #B41616; background-color: #f8f8f8; position: absolute; top: 0; left:0;}

.errorsummary{
    margin-left: -10px;
}

.errorsummary ul, .success ul{
    padding-left: 20px;
    margin: 0px;
}

.errorsummary li {
    color: #B41616;
    margin-left: 0px;
    line-height:12px;
    list-style-image:url(/images/cross.gif);
    padding:0px 0px 5px 0px;
}

.success li{
    margin-left: 0px;
    line-height:12px;
    list-style-image:url(/images/tick.gif);
    padding:0px 0px 5px 0px;
}

.profileHeaderBar{
    background-color: #cccccc;
    padding: 5px 10px;
    font-weight: bold;
    color: Black;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
}

.fileLine:hover{
    background-color: #eeeeee;
}

.icon {
    background-position: left 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pdf{background-image: url(/images/icons/page_white_acrobat.png);}
.zip{background-image: url(/images/icons/page_white_compressed.png);}
.word{background-image: url(/images/icons/page_white_word.png);}
.excel{background-image: url(/images/icons/page_white_excel.png);}
.html{background-image: url(/images/icons/page_white_world.png);}
.text{background-image: url(/images/icons/page_white_text.png);}
.power{background-image: url(/images/icons/page_white_powerpoint.png);}
.noicon{background-image: url(/images/icons/page_white.png);}
.image{background-image: url(/images/icons/page_white_picture.png);}
.hover{display: block; visibility:visible;}