/* ----------------------------- default object properites ----------------------------- */

ul.close{
    margin:5px 0px 0px 0px;
    padding:0px;}
li.close{
    font-size:small;}
    
/* ----------------------------- template properties ----------------------------- */
#page{
    width:770px;
    margin-left:auto;
    margin-right:auto;
    padding:5px 0px 5px 0px;
}

#content{
    float:left;
    width:495px;
    background-color: #FEFBE8;
    text-align: center;}

.d10p{
    float:left;
    width:493px;
    border:thin solid;
    border-width:1px;
    border-color:#d2e0ec;
    border-top-width:18px;
    padding-top:10px;
    text-align: center;}

#logoImage{
    float:left;
    margin-top:20px;
    margin-left:5px;
    margin-right:35px;
    width: 130px;}

#menuLeft{
    float:left;
    margin-top:10px;
    margin-right:10px;
    width:130px;
    text-align: center;}
    
#menuRight{
    float:left;
    margin-top:10px;
    margin-left:10px;
    width:120px;
    text-align: center;}
    
#bannerspacerl{
    float:left;width:140px;height:141px;
    margin-top:5px;
    margin-bottom:1px;}
#bannerspacerr{
    float:left;width:135px;height:141px;
    margin-top:5px;
    margin-bottom:1px;}
#bannerwrap{
    float:left;
    margin-top:5px;
    margin-bottom:1px;
    height:140px;
    width:495px;}
    
#banner{
    height:140px;
    background-image:url(images/CaraDataBannerWhite.png);
    background-position:center;
    background-repeat: no-repeat; }
#loginControl{
    text-align:left;}
.cornerTL{
    float:left;
    top:0px;
    left:0px;}
.cornerTR{
    float:right;
    top:0px;
    left:0px;}
/* ------------ menu ------------ */
.menuSection{
    padding-bottom:20px;}
.menuTitleLeft{
    font-size:10pt;
    font-weight:bold;
    padding-bottom:2px;
    background-color:#d2e0ec;
    border-right:solid thin;
    border-width:2px;
    border-color:#d2e0ec;}
    
.menuTitleRight{
    font-size:10pt;
    font-weight:bold;
    padding-bottom:2px;
    background-color:#d2e0ec;
    border-left:solid thin;
    border-width:2px;
    border-color:#d2e0ec;}
.menuContents{
    border:solid thin;
    text-align:left;
    border-width:1px;
    border-color:#d2e0ec;
    padding-bottom:2px;
    background-color:#fcfcfc;}
    
.pageLinksList{
    list-style-type:none;}
.linksList{
    list-style-type:none;}
li.menulink{
    list-style-type:none;}
.logolist{
    list-style: none;}

.version{text-align:left;float:left;}

.copyright{
    margin-left:1px;
    margin-top:1px;
    margin-bottom:2px;
    font-size:6pt;
    padding: 1px;}
/* ------------ page ------------ */
.contentTitle{
    font-size:12pt;
    font-weight:bold;
    text-align:center;}
.pageTitle{
    margin: 5px 0px 5px 0px;
    text-align: center;
    font-size:10pt;
    font-weight:bold;}}
.title{
    margin-top:5px;
    margin-left: 85px;
    width:450px;
    text-align: center;
    font-stretch:extra-expanded;
    font-size:18pt;
    font-weight:bold;}
span.threadTitle{
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    color:#49c;}
    
font.small{
    font-size:8pt;}
.paragraph{
    margin-left:30px;
    margin-right:30px;
    width:500px;
    text-align: center;}
.tableHeader{
    font-size:10pt;
    font-weight:bold;
    text-align:center;}
/* ------------ form ------------ */
.formRow{
    position:relative;
    padding:2px;}
.formTable{
    width:100%;}
.rightTd{
    text-align:left;
    width:55%;}
.leftTd{
    text-align:right;
    height:28px;
    width:45%;}
/* ------------ texts ------------ */
div.error{
    width:250px;
    border:thin solid;
    border-width:1px;
    border-color:#FF3333;
    background-color:#9ebff6;
    margin-left:60px;
    padding:5px;
    text-align:center;
    color:#FF3333;}

div.info{
    width:250px;
    border:thin solid;
    border-width:1px;
    background-color:#d2e0ec;
    margin-left:60px;
    padding:5px;}

.cancel{
    float: right;
    background-color:#d2e0ec;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    padding: 4px;
    border:thin solid;
    border-width:1px;}
.cancel2{
    background-color:#d2e0ec;
    padding: 4px;
    border:thin solid;
    border-width:1px;}
.option{
    background-color:#d2e0ec;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    padding: 4px;
    float: left;
    border:thin solid;
    border-width:1px;}

/* ------------ tables ------------ */
.lowerBorder{
    border-bottom:thin solid;
    border-color:#d2e0ec;}
div.db{
    width:100%;
    border:thin solid;
    border-width:1px;
    border-color:#bbbbbb;
    margin-left:5px;}
.space10{
width:10px;
float:left;}
.post{
    float:left;
    margin-bottom:20px;}
.post100{
    float:left;
    width:100%;
    margin-bottom:15px;}
.post70{
    width:325px;
    float:left;
    margin-bottom:10px;
    margin-left:10px;}
.post50l{
    width:241px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;}
.post50r{
    width:241px;
    float:left;
    margin-bottom:10px;}
.post30{
    width:158px;
    float:left;
    margin-bottom:10px;}
.postTitle{
    font-size:10pt;
    font-weight:bold;
    padding-left: 5px;
    background-color:#d2e0ec;}
.postBody{
    border:solid thin;
    border-color:#d2e0ec;
    border-width:1px;
    font-size:8pt;
    font-weight:normal;}
.postBody1{
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    padding-top:10px;
    font-size:8pt;
    font-weight:normal;}
.postBody2{
    text-align:left;
    padding:2px;
    padding-bottom:10px;
    padding-top:10px;
    border-left:solid thin;
    border-right:solid thin;
    border-bottom:solid thin;
    border-color:#d2e0ec;
    border-width:1px;
    font-size:8pt;
    font-weight:normal;}
.postDetails{
    position:relative;
    margin-left:40%;
    width:60%;
    text-align:right;
    font-size:6pt;
    color:#888888;}
/* ----------------------------- text properties ----------------------------- */
.smallfont{
    font-size:small;}
/* ----------------------------- link properties ----------------------------- */
a.heavy:link{
    text-decoration: none;
    color:#000;
    font-size:11pt;
    font-style:normal;
    font-weight:bold;}
a.heavy:visited{
    text-decoration: none;
    color: #000;
    font-size:11pt;
    font-style:normal;
    font-weight:bold;}
a.heavy:hover{
    text-decoration: none;
    color:#000099;
    font-size:11pt;
    font-style:normal;
    font-weight:bold;}

a.small:link{
    text-decoration: none;
    color:#333;
    font-size:6pt;
    font-style:normal;}
a.small:visited{
    text-decoration: none;
    color: #333;
    font-size:6pt;
    font-style:normal;}
a.small:hover{
    text-decoration: none;
    color:#555;
    font-size:6pt;
    font-style:normal;}
    
a.activate:link{
    text-decoration: none;
    color: #000099;
    font-size:8pt;}
a.activate:hover{
    text-decoration: none;
    color: #000;
    font-size:8pt;}
a.activate:visited{
    text-decoration: none;
    color: #000000;
    font-size:8pt;}

a.menuLink:link{
    color: #000;
    font-size:10pt;
    font-style:normal;}
a.menuLink:hover{
    color: #000;
    font-size:10pt;
    font-style:normal;}
a.menuLink:visited{
    color: #000;
    font-size:10pt;
    font-style:normal;}