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

    COMMON

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



.commonPageTitle

{

    font: normal 42px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #333333;

    font-size: 42px;

    margin-left: 0px;

    margin-right: 20px;

    text-align: left;

    border: 0px solid #ccc;

    margin-top: 0px;

}



.commonItemInfoContainer

{

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    color:#666;

    font: normal 10px/20px Verdana; 

    height: 20px; 

    margin: 0px;

    margin-top: 15px;

    padding: 0px;

    padding-left: 10px;

    text-transform: uppercase;

}



.commonItemInfoContainer .separator

{

    color:#ccc;

    font: normal 10px/20px Verdana;

}



.commonItemHeader

{

    color: #000000;

    display: block; 

    font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding: 0px;

    padding-left: 0px;

    margin: 0px;

    margin-top: 10px;

}



.commonIntroductionText

{

    font: 12px Verdana;

    width: 600px;

    color: #000;

    line-height: 140%;

    margin-left: 0px;

    margin-right: 20px;

    margin-bottom: 20px;

}



.commonControlLabel

{

    font: 11px Verdana;

}



.commonControlErrorMsg

{

    font: 10px Verdana;

    font-style: italic;

    color: #a00;

    visibility: hidden;

}



.commonControlLabelItalic

{

    font: 10px Verdana;

    font-style: italic;

    color: #999;

}



.commonControlLabelItalicRed

{

    font: 10px Verdana;

    font-style: italic;

    color: #FF0000;

}



.commonInput

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 300px;

    background-color: #f5f5f5;

    margin-bottom: 10px;

    height: 18px;

    color: #222;

    font-family: Arial;

    font-size: 15px;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

.commonTextarea

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;        

    margin-bottom: 10px;    

    width: 500px;

    max-width: 500px;

    height: 150px;

    max-height: 150px;

    overflow:auto;

    font-size: 14px;

    font-family: monospace;

    background-color: #f5f5f5;

    color: #222;

    padding-left: 3px;

    padding-top: 3px;

} 



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

    BASIC STYLES

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



/*  thin headers */



     



#contactContentContainer

{

  width: 960px;

  margin-left: 40px;

  margin-top: 20px;

}



 

#contactContainer

{

    width: 600px;

    float:left;

  }



        

.contactInputHuman

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 40px;

    background-color: #f5f5f5;

    margin-bottom: 10px;

    margin-top: 2px;

    height: 18px;

    color: #222;

    font-size: 15px;

    font-family: Arial;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

#contactErrorPanel

{

    height: 10px;

    padding: 8px;

    padding-left: 10px;

    border: 1px solid #993333;

    background-color: #FFcccc;

    margin-bottom: 15px;

        

    font: 10px/10px Verdana;

    color: #000;

    

}



.readViewMoreBtn

{

    width:100px;

    height:27px;

    padding-left: 5px;

    padding-right: 5px;

    background-color: #487aab;

    border: 1px solid #487aab;

    color: #fff;

    font: bold 14px/14px Tahoma;

    cursor: pointer;

    text-align: center; line-height:25px;

    text-decoration: none;

    display:block;

}



.readViewMoreBtn:hover

{

    

    background-color: #487aab;

    border: 1px solid #487aab; 

    color: #FFF;

}