﻿
/**********************************************
 ******************* CS STYLES ****************
 **********************************************/
#cs-content-wrapper #left
{
    float:left;
    width: 480px;
    height: auto; 
    margin: 20px 0 0 0;
}

#cs-content-wrapper .heading
{
     color:#74a940;
      font-size: 1.7em;
      padding: 13px 0 0 0;
}

#cs-content-wrapper span.blue
{
    color: #0974bf;
    font-weight: bold;
}

#cs-content-wrapper #right
{
    float:right;
    width: 440px;
    height: auto; 
    
    position: relative;
}

#cs-content-wrapper .contact-form
{
   background: #f0f2f5;
    width: 350px;
    height: 425px;
    padding: 20px 20px 20px 65px;
    margin: 10px 0 0 0;
}

#cs-content-wrapper .contact-form .heading
{
    margin: 10px 0 20px 0;
}

#cs-content-wrapper .or
{
    width: 60px;
    height: 61px;
    top: 40%;
    left:-25px;
    position: absolute;
    background: url(/img/or.png) no-repeat;
}


.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7;} 
.form-confirmation{background:#fff; border:solid 4px #363839; padding:10px; }



#cs-content-wrapper #social-share
{
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin: 40px 0;
}

#cs-content-wrapper #social-share .heading
{
    font-size: 1.9em;
    font-weight: normal;
    margin: 15px 0 15px 0;
}


/*#cs-content-wrapper #left, #cs-content-wrapper #middle, #cs-content-wrapper #right {width:325px; float:left; display:inline; height:auto; margin:10px 0 0 5px;}
#cs-content-wrapper p{}

p.green{ color:#669933;}

.green-content{float:left; width:100%; background:#e3e8d3; padding-bottom:20px;}
.info{ width:200px; height:auto; text-align:right; float:right; margin-right:80px;}
.info img{margin:3px 3px 0 0;}


.form{width:300px; height:auto; float:left;}

.field, .blank-field, .multiline{width:235px;  margin: 3px 0 0 15px; font-family:Trebuchet MS;}
.field{background:url(/img/cs/field.png) no-repeat; height:28px; }
.blank-field{background:url(/img/cs/blank-field.png) no-repeat; height:28px;}
.multiline{background:url(/img/cs/multiline-field.png) no-repeat; height:100px;}

.field p, .blank-field p{ padding:5px 0 0 15px; color:#8a8a8a; font-size:1em; text-align:right;}
.multiline p{margin:5px 0 0 5px; padding-top:5px; font-size:0.9em;}
.field p span{margin-right:20px; }

.pheading{margin:10px 0 0px 20px; padding:5px 0 0px 0; font-size:1em; color:#669933;}
.form input, .tab-content input{width:135px; font-size:1em; margin-right:10px; font-family: "Trebuchet MS";}
.form select { font-size:1em; margin-right:10px; font-family: "Trebuchet MS";}
.form textarea{font-size:1em; width:215px; height:85px;  font-family: "Trebuchet MS";}

.submit {padding:5px 38px 0 0; text-align:right; margin-top:135px;}


.clock{width: 135px; height:44px; background:url(/img/cs/clock.png) no-repeat; margin-left:70px; margin-top:5px;}
.clock p{font-family:Courier; margin:0; font-size:1.8em; text-align:center; padding-top:10px; color:#0ce40c; font-weight:bold;}



.page-break{float:left; width:97%; height:1px; border-bottom:dashed 1px #c0c0c0; margin:12px;}

.error{color:Red;}


.captcha-wrapper{position:relative; }
.captcha{position:absolute; left:20px; top:385px; width:300px; height:120px; font-size:0.9em;}

.captcha p{margin:0; padding:0;}
.captcha span.green{color:#669933;}

.recaptcha_only_if_image, .recaptcha_only_if_audio{color:#464646;}

#recaptcha_image img{ width: 233px; } 
#recaptcha_response_field{border:0; width:231px; margin-top:3px; background:url(/img/cs/blank-field.png) no-repeat; height:28px; padding:5px 0 0 15px; font-size:0.9em; font-family: "Trebuchet MS";}
#recaptcha_buttons{position:absolute; left:237px; top:20px;}
.recaptcha_only_if_incorrect_sol{color:Red;}


.feedback{float:left; margin-left:20px; height:50px;}
.feedback h2{color:#669933; font-size:1.6em; margin:0; padding:0; }
.feedback h2 img{vertical-align:middle;}

#feedback-wrapper {position:relative; width:90%; float:left; margin-left:75px; height:auto; overflow:hidden;}
ul.tabs { width:250px; margin:0; padding:0;}
ul.tabs li { display:block;float:left;}
ul.tabs li a { display:block; float:left; text-decoration:none; width:85px; height:40px; padding:0 0 0 18px;}
.selected { background:url(/img/cs/feedback-active.png) no-repeat;color:#000;}
ul.tabs li a span{padding:0 0 0 3px;}
ul.tabs li a img{vertical-align:bottom;}
.tab-content { clear:both;} 
.tab-content textarea{width:870px; height:120px; border:0; padding:10px; margin-top:3px; margin-bottom:5px; color:#464646; font-size:1em; font-family: "Trebuchet MS";}
.tab-content .submit{text-align:right; margin:150px 0 0 0 ; padding-right:20px;}
.tab-content .ffield{border:0; width:231px; background:url(/img/cs/blank-field.png) no-repeat; height:28px; padding:3px 0 0 15px; font-size:1em; font-family: "Trebuchet MS"; float:left; display:inline;}
.tab-content p{margin:0; padding:0;}

#feedback-captcha-wrapper{position:relative;}
.feedback-captcha{position:absolute;top:220px;}
.feedback-captcha p{margin:0; padding:0;}
.feedback-captcha span{color:#669933;}
.feedback-captcha .error{color:Red;}
.feedback-captcha .cfield{border:0; width:231px; background:url(/img/cs/blank-field.png) no-repeat; height:28px; padding:3px 0 0 15px; font-size:1em; font-family: "Trebuchet MS";}

*/
