* {
    margin:0;
    padding:0;

}

form p {
    margin-bottom:5px;
}

body {
    background-color: #ACA8A1;
    font-size:12px;
    font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    text-align:center;
    color:#536482;
}

span.fcorners-bottom span {
background-position:100% -20px;
}

a:link, a:visited {
    font-size:small;
    color:#0047BE;
    font-family: arial,verdana,sans-serif;

}


a:hover, a:active, a:focus {
    color: #C40098;
    font-family: arial,verdana,sans-serif;
}

sup {
    font-size:10px;    
}


#container {
    width: 910px;
    margin: 0 auto;
    text-align:left;
}

#content {
    background:#FFFFFF url(images/bg_body.gif) repeat-y scroll 0 0;
    text-align:left;
    
}

#header {
    clear:both;
    
}

#topnav {
    float:right;
    padding-left:20px;
    padding-right:20px;
    margin-right:30px;
    background: url("images/header_bg.png") no-repeat;
    line-height:30px;
    font-size:small;
}

#topnav a:link, #topnav a:visited, #footer p, #footer p a:link, #footer p a:visited{
    color:white;
    font-weight:bolder;
    text-decoration:none;
}

#page-body {
clear:both;
margin:0 30px;
}    
}

.inline {
    float:left;
}

.clear {
    clear:both;
}

#C4Jlogo {
    margin: 0 30px;
    background: url(images/code4logo.gif) no-repeat top left;
    width:260px;
    float:left;
    height:63px;
}

#leftPane {
  width: 625px;
  float: left;
  margin-bottom: 20px;
}

#fullPane {
    padding-top:20px;
    padding-left:20px;
}

ul.menu {
    border-top:1px solid #FFFFFF;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
ul.menu li {
    border-bottom:1px solid #CCCCCC;
    margin:0;
    padding:5px 0 4px;
    
}

.RightPaneItem a:link, .RightPaneItem a:visited{
    color:#696099;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:small;
    margin:5px 0 0;
    text-decoration: none;
}

.RightPaneItem h3 {
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:larger;
font-weight:bold;
margin-left:14px !important;
color:#536482;
}

#rightpane{
    float:right;
    clear:right;
    padding-top:20px;
    width:200px;
    padding-left:20px;
    border-left: 2px solid #e6e6e6;    

}

.RightPaneItem {
    background-color:#EEEEEE;
    padding-top:15px;
    padding-left:10px;
    padding-bottom:5px;
    margin-bottom:12px;
}

#footer {
    background: url(images/footer_bg.jpg) no-repeat;    
    background-position: center ;
    width: 100%;
    clear:both;
    line-height:40px;
    font-size: 10px;
}

#form label{
    color:BLACK;
    clear:both;
    display:block;
    float:left;
    font-weight:bold;
    margin-top:-1em;
    width:80px;
}

span.column1 {
    width:150px;
    float:left;
    text-align:right;
    padding-right:5px;
}

.form-wide input,  .form-wide select{
    width:120px;
}

#form label.first {
    margin-top:1em;
}

#form input{
    display:block;
    left:80px;
    position:relative;
    width:100px;
    top:-1.4em;
}
#form input.submit {
    clear:both;
    top:0;
}


#page-footer {
background:transparent url(images/bg_footer.gif) repeat-x scroll 0 100%;
clear:both;
}


span.fcorners-bottom {
background-position:0 0;
}

span.fcorners-bottom, span.fcorners-bottom span {
background-image:url(images/corners_bottom.gif);
background-repeat:no-repeat;
display:block;
font-size:1px;
height:20px;
line-height:1px;
margin:0;
}


.error {
    color:red;
}

th {
    font-weight:bolder;

}

th, td {
  vertical-align: top;
  padding: 4px;
  width: 140px;
  border-top: 2px solid #e0e0e0;
  text-align: left;
}

td.expand {
    border-top: none;
}

table {
    border-bottom: 2px solid #e0e0e0;
    font-size :11px;
}


body#homePage a#home,
body#registerPage a#register,
body#referPage a#refer,
body#companyPage a#company

{
    color:#FFEFDB;
    text-decoration: none;
    font-weight: bolder;
}


h1 {
    color: #80a0c0;
    font-size:1.8em;
    margin-bottom:1em;
}

h3 {
    font-size:12px;
    margin-bottom:5px;
    color: #D21A4E;    
}


.box {
    margin: 0;
    padding: 0.2em 0.4em; 
}

.box h2 {
    padding: 0.2em 0.4em;
    text-align:center;
    color: #757575;
    font-size:14px;
    font-weight:bold;
    line-height:normal;
    margin-bottom:20px;
}


.green {
    border: 1px solid rgb(206, 242, 224);
    background: rgb(245, 255, 250) none repeat scroll 0% 50%;
}
/*
.green h2 {
    border: 1px solid rgb(163, 191, 177);
    background: rgb(206, 242, 224) none repeat scroll 0% 50%;
} */

.blue {
    border: 1px solid rgb(206, 223, 242);
    background: rgb(245, 250, 255) none repeat scroll 0% 50%;
}
/*
.blue h2 {
    border: 1px solid rgb(163, 176, 191);
    background: rgb(206, 223, 242) none repeat scroll 0% 50%;
}
  */

.centeredImage
    {
    text-align:center;
    margin-top:0;
    margin-bottom:0;
    padding:0;
    }


img {
border-style:none;
}

span.profileItem {
    text-align:left;
}