﻿/**/
body { background-color:#e1e5e6; margin:0; padding:0;}
img {max-width:100%;
}
.clsl {background-image:url(/images/leftbar.png); background-repeat:repeat-x; padding:0px;}
.clsc {width:1000px;background-image:url(rightbar.png); background-repeat:repeat-x; padding:0px; }

#hd {text-align:left;}
#login { width:90px; height:31px;top:-125px; left:906px;   position:relative;  }
#login img { border:none;}

.clsr {background-image:url(/images/rightbar.png); background-repeat:repeat-x; padding:0px;}
/*#menud {width:650px;  top:-75px; left:345px;  position:relative;   text-align:right;  }*/
#menud {
    left: 345px;
    position: relative;
    text-align: right;
    top: -70px;
    width: 650px;
}
.webcform {
    width: 320px
}
.robotc {
    margin: 5px 569px 10px 0!important;
}
.robot {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    background: #f3f3f3;
    color: #000;
    overflow: auto;
    padding: 8px;
    margin: 5px 69px 10px 0;
    background-image: url(/images/sitexguard.png);
    background-repeat: no-repeat;
    background-size: 23px 25px;
    background-position: 96% 9px;
    width: calc(100% - 15px);
    max-width:300px;
}
.robot label {
    float: left;
    display: inline-block;
    margin: 3px 0 3px 10px;
}

    .robot label.rconfirm {
        display: inline-block;
        width: 15px;
        height: 20px;
        border: 1px solid #808080;
        cursor: pointer;
        margin: 3px 0 3px 5px;
        padding: 0 0 0 6px;
        color: #fff;
        background-color: #fff;
        float: left;
    }

.bodycontainer form #content_btnsend_form_2.contactbtn, .bodycontainer form #content_btnsend_form_2.contactbtn {
    width: 316px;
    background-color: #aaa;
}
.enablef {
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background: #CCC;
    border: solid 1px #0facf3;
    width: 320px;
    padding: 15px 0 15px 0;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.enableh {
    /*border: 0;*/
   /* color: #666464 !important;
    background: #939799 !important;*/
    display: inline-block;
    margin: 0 auto;
     width: 200px; 
    padding: 12px 25px;
    font-weight: 700;
    text-align: center;
    outline: none;
    text-decoration: none;
    border-radius: 3px;
}

.enablehq {
    padding: 8px 10px 8px 10px;
    font-size: 15px;
    margin-left: 3px;
    color:  #666666 ;
    background-color: #c1c1c1;
    border-radius: 3px;
    cursor:pointer;
}
#menud a {
    text-decoration: none;
    color: #666464;
    font-family: 'Open Sans', sans-serif;
    font-size: 90%;
    margin: 0px 0px 0px 15px;
}

#mainbd {
    margin: auto;
    padding: 0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    color: #404040;
}
#mainbd h3 { font-size:140%; margin:5px 0px 10px 0px; color:#000000; font-weight:normal; }
 
#mainbd a { color:#3366CC;}

#footerd {
    border-top: 1px solid #61a0b5;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 80%;
    color: #6a6b6b;
    padding: 10px 0 0 0;
    margin: auto;
    width: 1000px;
}
#footerd a { text-decoration:none; color:#666464; margin:0px 10px 0px 0px;}
#ftr
{

bottom:30px;
width:100%;
}
.clear { clear:both;}
#copydiv {
    max-width: 1200px;
    margin: auto;
    background-color: #FFF;
} /*#copydiv { margin:0px 10px 0px 20px;}*/
#hddiv {text-align:left; }
#hddiv h1 {margin:0px 0px 20px 0px;background-image:url(/images/h1.jpg); background-repeat:no-repeat; background-position:left top;
       font-family: 'Open Sans', sans-serif;      font-size:150%; color:#FFF;
       padding:5px 5px 10px 25px; text-align:left; font-weight:normal; }
       
.clist { margin:0px 0px 20px 0px;}       
.clist p { margin:2px;}       
.clist h4 { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; font-size:large;  }  
.signup { color:#006699;}   
.clist a { color:#006699;}  

.lightdiv { max-width:540px; border:1px solid #939799; background-color:#edf1f2; padding:5px 20px 20px 20px;  }
.twocoldiv { width:980px; border:1px solid #939799; background-color:#edf1f2; padding:0px 0px 20px 0px;}
.twocolhead {background-image:url(/images/gradient.jpg); background-repeat:repeat-x; height:33px; }
.twocolleft { width:465px; float:left; padding:20px 0px 0px 20px; color:#333333;}
.twocolright { width:465px; float:left;padding:20px 0px 0px 20px;color:#333333;}
.lefttitle {float:left; width:390px; margin:2px 0px 0px 95px; font-family: 'Open Sans', sans-serif;      font-size:150%;  font-weight:bold; color:#333333;}
.righttitle {float:left; width:395px;margin:2px 0px 0px 90px; font-family: 'Open Sans', sans-serif;      font-size:150%;  font-weight:bold; color:#333333;}
.checklist {
     
    font-size: 14px;
     
    
    margin: 0px 0px 0px 30px;
    padding: 0;
    text-align: left;
}
.checklist li {
     
    
    line-height: 20px;
    margin: 0;
    padding: 3px 3px 3px 0px;
    text-transform: capitalize;
}
.imgicon {   float:left; margin:0px 10px 5px 0px;}
.imgiconface { width:116px;   float:left; margin:0px 10px 5px 0px;}

.agreement {
    width: calc(100% - 15px);
    max-width: 800px;
    height: 350px;
    overflow: scroll;
    border: 1px solid #CCC;
    padding: 5px;
    background-color: #FFF;
}



/*.homecontentdiv{   margin:0px 20px 0px 40px;font-size: 14px;}*/
.homecontentdiv {
    font-size: 14px;
    margin: 0 20px 0 20px;
}

.homecolfirst { float:left; width:280px; margin:0px 0px 30px 0px;}
.homecol  {float:left; width:280px; margin:0px 0px 30px 30px;  }
.largefont {font-size:large;} 
.td_lefttitle {background-image:url(/images/gradient.jpg); background-repeat:repeat-x; 
                font-family: 'Open Sans', sans-serif;   
                   font-size:150%;  font-weight:bold; color:#333333;  }
.lgnform {border:1px solid #939799; background-color:#edf1f2; width:400px; margin:20px;  }
.lgnform td { padding:5px;}
#mobilefooter { text-align:center; padding:10px; background-color:#61a0b5; font-family: 'Open Sans', sans-serif;}
#mobilefooter a {   text-decoration:none; color:#FFF;}

.small-left {float: left;
width: 500px;}
 .frmdiv
        {
            margin: 0;
            padding: 0;
            width: 400px;
            float: right;
        }
        .frmdiv .mm_top {  background-image: url(/images/mm_top_small.jpg);background-repeat: no-repeat;width: 518; height:50px;font-size: 18px; font-weight:bold; color:#FFF; padding:0px; margin:0px; text-align:center;}
        .frmdiv .mm_top p { padding:14px 0px 0px 0px;}
        .frmdiv .mm_mid {  background-image: url(/images/mm_mid_small.jpg);background-repeat:repeat-y; padding:0px 20px 0px 20px;}
        .frmdiv .mm_mid h2 { margin:0px; padding:5px 0px 5px 0px;}
        .frmdiv .mm_bot {  background-image: url(/images/mm_bot_small.jpg);background-repeat: no-repeat;width: 518; height:19px;}
        .frmdiv h3
        {
            font-size: 20px;
            margin: 5px 0px 10px 0px;
            color: #000000;
            font-weight: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        .frmdiv td { font-size: 14px;}
    
     .frmdiv .btnsubmit{
	background-image: url(/images/btnsubmit.jpg); background-repeat:no-repeat; width:139px; height:36px; border:none; cursor:pointer; text-align:center;
	text-transform:uppercase; color:#FFFFFF; font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold; padding:0px;
	 
}
.rside {font-size: 16px; }
#spl { text-align:right;}
#spl img { width:35px;}


/*********************/
#heading,#ftr,#hddiv { display:none;}
#mainbd {
    margin-top: 0px;
    background-color: #f5f5f5;
}
.dhwhite {
    background-color: #FFF; padding-bottom:25px;
}
body {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}
.dheader {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}
.logotop { display:block; width:203px; float:left; margin:30px 0px 0px 0px;
}
.headerright {
    display: block;
    width: 220px;
    float: right;
    margin: 10px 0px 0px 0px;
    text-align:right;
}
#mainbd a.header-buttons {
    margin-top: 15px;
    background-color: #0facf3;
    padding: 10px 10px;
    color: #222;
    border-radius: 10px;
    font-weight: 700;
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    text-align:center;
}
    #mainbd a.header-buttons:hover {
        color: #FFF;
        background-color: #0048a7;
    }
.site-footer {
    background-color: #333;
    border-top: 2px solid #dde8e8;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 40px 0;
    text-align: center;
    margin-top: 20px;
}
.copywrapper {
    background-color: #f5f5f5;
    border-top: 1px solid #ececec;
    clear: both;
    padding-top: 20px;
}
.topbar {
    border: 1px solid #003375;
    background-color: #0056c7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0056c7), color-stop(50%, #0056c7), color-stop(50%, #00439c));
    background: -webkit-linear-gradient(top, #0056c7, #00439c);
    background: -moz-linear-gradient(top, #0056c7, #00439c);
    background: -ms-linear-gradient(top, #0056c7, #00439c);
    background: -o-linear-gradient(top, #0056c7, #00439c);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1);
    height:52px;
    
}
#mainbd .topbar a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    height: 34px;
    padding: 17px 15px 0px 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
    #mainbd .topbar a:hover {
        background-color: #FFF;
        color: #000;
    }
.lightdiv {
    background: #f4f4f4;
    border: solid 1px #FFF;
    padding: 25px;
    margin: 40px auto 40px auto;
}
#copydiv h1 {
     
    padding: 40px 0px 40px 40px;
    border-bottom: 1px solid #ececec;
}
#copydiv {
    padding-bottom: 10px;
    border: 1px solid #ececec;
}
.loginbox {
    border: 1px solid #CCC;
    padding: 10px;
}
.loginform {
      width: unset !important; 
    margin: auto;
}
.locenterbox {
    width: 320px;
    margin: auto;
}
.site-footer a {
    color: #add8e6;
}
.floatright, input.floatright {
    float: right;
    margin-right: 6px;
}
@media only screen and (max-width: 765px) {
    .textlabel {
        display: block;
        width: 100%;
    }

    #mainbd {
        width: 100%;
    }

    .twocoldiv {
        max-width: 980px;
        width: 100%;
    }

    .twocolleft, .twocolright {
        width: 100%;
        float: none;
    }

    .logotop {
        display: block;
        width: 203px;
        float: none;
        margin: 10px auto 0px auto;
    }
    .headerright {
        display: block;
        width: 100%;
        float: none;
        margin: 0px 0px 0px 0px;
        text-align: center;
    }
    .locenterbox input[type="text"].form-control, .locenterbox input[type="password"].form-control, .locenterbox textarea.form-control {
        padding: 20px 5px 5px 7px;
        border-radius: 3px;
        border: 1px solid #CCC;
        font-size: 14px;
        max-width: 300px;
        background-color: #FFF;
        width: 89%;
    }
    .loginform .locenterbox .btnlogin, .loginform .locenterbox .btnbig, .loginform .locenterbox .btnsubmit {
        width: 148px;
        padding: 12px;
    }
    #copydiv h1 {
        padding: 0px 0px 10px 0px;
        text-align:center;
    }
    .lightdiv {
 
        margin: 0px auto 40px auto;
    }
    .copywrapper {
        background-color: #f5f5f5;
        border-top: 1px solid #ececec;
        clear: both;
        padding-top: 0px;
    }
    .floatright, input.floatright {
        float: right;
        margin-right: 20px;
    }
}