/* Globals */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  /*vertical-align: baseline;*/
  margin: 0;
  padding: 0;
  line-height:normal;
  box-sizing:border-box;
}

body {
  /*width: 100%;
  max-width:1000px;
  box-sizing:border-box;
  margin:0 auto;
 overflow-x:hidden;*/
  }
/*clearfix*/
.clearfix:after {clear: both;content: ".";display: block;height: 0; visibility: hidden;}
.clearfix { display: inline-block;}
.clearfix {display: block;}
.asterix_issue{display: -webkit-inline-box;}
.ufo_wrapper {box-shadow: 0px -13px 12px #ccc;padding:0 4px 4px 4px;border: solid 1px #ccc;border-bottom: none;}

img {
max-width:100%;
height:auto;
vertical-align: baseline!important;

}
.FloatL{
float:left;
}
.FloatR{
float:right;
}
.threeinarow {
float:left;
margin:0 20px 0 0;
}
input[type=file] {
    display: inline !important;
}
a:focus, a:hover{
    text-decoration:none !important;
}


.logoC{
    margin:0;
}
.ufo_banner {float:left;}
.ufo_links {float:left;width:22.4%}
.ufo_list li {
    padding: 28px 0 28px 18px;
    border-bottom: solid 1px #ccc;
    font-family: Tahoma;
    font-size: 15px;
    color: #666666;   
    text-decoration: none;
    list-style-type: none;
}
.ufo_list li:last-child {
    background-image: url("../Images/Img_Login_BottomBG.jpg");
    background-repeat: repeat-x;
    background-position: bottom;    
}
 .ufo_list li:first-child {border-top: solid 1px #ccc;}
.listitems {cursor:pointer;text-decoration: none;color: #666666;}
.listitems:hover {color:#007DB3;}
.info_wrap, .login_wrap{float:left;}
.ufo_middlebody {padding:20px;}
.info_wrap {width:78%; border-right:solid 1px #ccc;}
.login_wrap{width:20%;padding:0 0 0 20px;border-left:solid 1px #ccc;}
.content, .foo_address, .contact{
    font-family: Verdana;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    line-height: 1.8;
}

.foo_info {
    font-family: Verdana;
    font-size: 10px;
    color: #8C8C8C;
    font-weight: bold;
    text-decoration: none;
    line-height: 4;
    margin: 0 20px 0 0;
    float:left;
}
.foo_address {float:left;width:51%;}
.title {
    font-family: Arial;
    font-size: 18px;
    color: #CD1612;
    text-decoration: none;
    margin: 0 0 18px 0;

}
.abtusatDefaultpage{
    width: 65%;
    float: left;
}
.loginBold {
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8;
    margin: 0 0 10px 0;
}
.blueBold {
    font-family: Verdana;
    font-size: 11px;
    color: #0F719D;
    font-weight: bold;
    line-height: 2;
    margin: 0 16px 0 0px;
}
.blue {
    font-family: Verdana;
    font-size: 11px;
    color: #007DB3;
    text-decoration: underline; 
}
.otherthandefault .content {
    margin:0 0 10px 0;
}
.otherthandefault .info_wrap{width:78%; border-right:none;}
.adver_middlebody_container {margin:20px 0 10px 0;}
.arrow_container{float: left;width: 50px;}
.adv_steps_container{float: left;width: 90%;}
.adv_steps_container .blueBold {float: left;}
.adv_steps_container .content{float: left;width: 91%;}
.RadCalendar_Office2007{
    position: absolute;
    left: -326px;
}



.hovershow {
    padding:5px;
    background:#4d88ff;
    color:#fff;
    border-radius:6px;
   font-size:12px;
   font-family:Calibri;
    display:none;
    position:absolute;
    top:186px;
    left:355px;
    z-index:2;
}
.helpinfo:hover + .hovershow{
     display:block;
}


	.infoimghover{		
    float:right;		
    margin:10px 0 0 0;		
}		
/*sliding div css*/		
#slideout img {		
    width: 20px;		
}		
#slideout { position: absolute;right: 0;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;cursor: pointer;z-index: 100;font-family:Calibri;}		
#slideout_inner {width:391px;position:absolute;right:-391px;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;		
 background-color: #496375; padding:15px 0 5px 8px; border-radius:6px; line-height:normal;  box-shadow: 6px 2px 15px 3px #c6c6c6; min-height:159px; text-align:justify;opacity:0;}		
#slideout:hover {right: 391px;}		
#slideout:hover #slideout_inner { opacity:1;}		
#slideout_inner p span.sBold{font-weight: bold; letter-spacing:1px; color: #ffffff; margin-right:5px; float:left;}		
#slideout_inner p span.Mdescriptions{float:left; width:293px;}		
#slideout_inner p {color: #FAFAFA;font-size: 14px;}		
#slideout h4 {color: #ffffff; letter-spacing:1px; margin:0 0 10px 0;}

/*#slideout { position: absolute;right: 0;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;cursor: pointer;z-index: 100;font-family:Calibri;}		
#slideout_inner {font-family:Calibri;width:391px;position:absolute;right:-391px;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;		
 background-color: #496375; padding:15px 0 5px 8px; border-radius:6px; line-height:normal; box-shadow: 6px 2px 15px 3px #c6c6c6; min-height:159px; text-align:justify;opacity:0;}		
#slideout:hover {right: 391px;}		
#slideout:hover + #slideout_inner { opacity:1;right: 0px;}		

#slideout_inner p span.sBold{font-weight: bold; letter-spacing:1px; color: #ffffff; margin-right:5px; float:left;}		
#slideout_inner p span.Mdescriptions{float:left; width:293px;}		
#slideout_inner p {color: #FAFAFA;}		
#slideout_inner h4 {color: #ffffff; letter-spacing:1px; margin:0 0 10px 0;}*/

/*form css*/
legend {
    color: #333;
    font-family: calibri;
    padding: 5px;
}
.formhead {
    font-family:Calibri;
    font-size:23px;
    color:#333;
    text-align:center;
   padding: 10px 0;
    border-top:solid 2px #ccc;
}
.formhead span{
     border:none;
}
.suffix{font-size:18px;font-weight:bold;}
.formflieldswrap {
    width:100%;
}
.form_subsection {
font-size:16px;
font-family:Calibri;
color:#fff;
background:#000;
padding:10px;
text-transform:uppercase;
margin: 0 0 14px 0;
}
    .form_subsection span {
    text-transform:none;
    }
.fromrow {
    padding:5px;
    margin: 0 0 10px 0;
}
.LabelDiv {
    float:left;  
    min-width: 61px;
}
.LabelDiv label {
    font-size: 14px;
    font-family: Calibri;
    line-height: 2;
    margin: 0 12px 0 0;
}
.InputDiv {
    float:left;  
}
.InputDiv input[type=text]{
    padding:5px;
    width: 220px;
}
.InputDiv select{
    padding:5px;
    width: 234px;
}
.InputDiv span {
    font-size: 14px;
    font-family: Calibri;
    line-height: 2;
    margin: 0 12px 0 0;
}
.form-group label {
    display: block !important;
}
.form-group label.checkbox-inline, .form-group label.radio-inline {
    display: inline-block !important;
}
.form-group  input, .form-group select{
    display:inline!important;
}
.btnwrap{
    margin-top:15px;
}
.pagelinkingbtns{
    cursor: pointer; 
    background: #4895C8;
     padding: 4px;
      color: #FFF;
       border-radius: 5px;
       margin:0 5px;
       text-decoration:none;
}
a.pagelinkingbtns:focus, a.pagelinkingbtns:hover {
     color: #fff; 
     text-decoration: none; 
}
.term_n_con_wrap .DISC{
       margin: 0 20px 18px 20px;
}
.DISC li{
    line-height:1.9;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
        border: 1px solid #ccc!important;
}

.txtARight{
    text-align:right;
}
.textACenter{
    text-align:center;
}
.fntold{
    font-weight:bold;
}
.nexterm_btn{
    padding:10px;
    background:#3c8dbc;
    color:#fff;
    border: none;
    outline: none;
    font-weight:bold;
}
.nexterm_btn:hover{
     background:#fff;
    color:#3c8dbc;
    box-shadow:2px 1px 12px #3c8dbc;
}
.tableheadcluster{text-align:center;font-size:12px;}
#secondterm, #thirdterm, #fourthterm{display:none;}
.term_n_con_wrap .title{font-family: 'Montserrat', sans-serif;}
.term_n_con_wrap .loginBold{font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight:normal;}
.term_n_con_wrap  .DISC li{font-family: 'Open Sans', sans-serif;font-size: 14px;}
.term_n_con_wrap table th{font-family: 'Open Sans', sans-serif;font-size: 14px;}
.term_n_con_wrap table td{font-family: 'Open Sans', sans-serif;font-size: 13px;}
.termsaddress{
    font-family: 'Open Sans', sans-serif;font-size: 14px;
}

.skin-blue .main-header .logo {
    background-color:#ecf0f5!important;
    color: #000!important;
    border-bottom: 0 solid transparent;
}
.Iaccepttext{ font-family: 'Open Sans', sans-serif;
    font-size: 14px;}
.cancelcamdata_wrap{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-bottom:10px;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute !important;
    top: 7px !important;
    right: -6px!important;
    text-align: center!important;
    font-size: 9px!important;
    padding: 3px 3px!important;
    line-height: .9;
    width: 20px!important;
}
.main-header .label-warning{
        background-color: #f0ad4e !important;
}
/*=== thumbnail media ===*/

.thumbnail_row{
   width: 312px;
       margin: 6px 0 6px 3px;
    border: solid 1px #ccc;
    padding:5px;
}
.dropdownlength{
    width:250px!important;
}

.RadCalendar_Office2007{
    width: 250px!important;
}
.align_Right{
    text-align:right;
}
.topmargin{
        margin: 15px 0 0 0;
}

/*=====default page=====*/
      .login-page{
 
          /*background-image:url("../../Images/loginbg11.jpg");
          background-repeat:no-repeat;
          background-size:cover;*/       
     /* background: -webkit-linear-gradient(left, #40b3af , #fabb73);  For Safari 5.1 to 6.0 */
     /*  background: -o-linear-gradient(right, #40b3af , #fabb73); For Opera 11.1 to 12.0 */
     /* background: -moz-linear-gradient(right, #40b3af , #fabb73);  For Firefox 3.6 to 15 */
     /*background: linear-gradient(to right, #40b3af , #fabb73); Standard syntax (must be last) */
}
      


      .loginwrapper{
            padding: 0 10px;
            font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      }
      .logincontainer{
         float:left;
         width:34%;
      }
      .logincontainer .login-box {
        width: 360px;
        margin:0 auto;}


      .login-box-body{
            background: #f3f3f3;
           /*box-shadow: 0px 0px 11px #999999;*/
            box-shadow: 0px 0px 11px #333;
      }
      .headingh3{
          font-size:4em;
          text-transform:capitalize;
          text-align:center;
          font-weight: bold;
          margin: 50px 0 0 0;
          color: #b5000f;
          letter-spacing:2px;
      }
      .middleblock_wrap{
           padding: 9px 10px 25px 10px;
           margin: 30px 0 0 0;
           /*box-shadow: 0px 0px 11px #999999;*/
      }
      .loginwrapper a.dealerhead{
          color: #20729e;
      }
      .wishdsa_wrap {
        width: 33%;
        height: 300px;
        float: left;      
       position: relative;
}
      .msg_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
      }
      .wishdsapara{     
        text-align: center;
        text-transform: capitalize;
        font-size: 2em;
        margin: 0;
       color: #ba3a9e;
       width: 335px;
       font-weight:bold;
      }




      .default_cursor{
          cursor:default;
      }

      .dsamedia_wrap{
        width: 33%;
        float: right;            
      }
      .dsamedia_wrap img{          
        box-shadow: 0px 0px 11px #333;
      }
      .dsamediabox{
        width: 360px;       
        margin: 0 auto 0 auto;
        width: 360px;          
        text-align:center;

      }
      .imgcontainerdsa{   
        text-align:center;
      }
      .avi_wrap{     
        margin: 50px 0 0 0;             
        width: 700px;
        margin: 55px auto 0 auto;
		text-align: center;
      }
     video{
         width:700px;
         box-shadow: 0px 0px 11px #333;
     }
     .logincontainer .form-control {
    width: 100% !important;
}

/*media queries*/
@media only screen and (max-width:1200px){
    
    .logincontainer{         
        float: left;
    margin: 30px auto 0 auto;
    width: auto;

    }
    .wishdsapara {   
    width: 675px;
}
    .wishdsa_wrap {
    width:100%;   
    height: 80px;
    float: none;   
    margin: 0 auto;
}
    .dsamedia_wrap {
   width: auto; 
    float: right;
    margin: 0 auto;
}
    .middleblock_wrap {      
        margin: 0 0 0 0;
    }
    .dsamediabox {      
            margin: 30px auto 0 auto;
             height: auto;
    }
}




@media only screen and (max-width:1000px){
    .ufo_banner {float:none;}
    .ufo_links {float:none;width:100%}
    .ufo_list li {padding: 10px 0 10px 0;text-align:center;}
    .ufo_banner img {width:1000px;}
    .foo_address {float:left;width:70%;}
    .otherthandefault .info_wrap{width:100%; border-right:none;}
    .logoC {text-align:center;}
    .abtusatDefaultpage{display:none;}
    .login_wrap { float: none;width: 310px;border:none;    position: relative; left: 50%; margin-left: -131px;padding:0}
    .ufo_middlebody{padding:20px 0;}
    .titleatsmallres{text-align:center;}

}

@media only screen and (max-width:800px) {
     .logincontainer{         
        float: none;
    margin: 15px auto 0 auto;
    width: auto;

    }
         .dsamedia_wrap {
   width: auto; 
    float: none;
    margin: 0 auto;
}
         .avi_wrap{
             width:450px;
                 margin: 25px auto 0 auto;
         }
          video{
         width:450px;
     }
}


@media only screen and (max-width:750px) {
    .info_wrap, .login_wrap{float:none;width:100%; border:none;padding:0 0 0 0;}
    .info_wrap {margin-bottom:20px;}
    /*footer {text-align:center;}*/
    .foo_address{width:100%;float:none;}
    .foo_info{width:100%;float:none;margin:0;line-height:2;}
    .headingh3{margin: 25px 0 0 0;font-size: 3.5em;}
    .wishdsapara {font-size: 2.2em;}
    
} 

@media only screen and (max-width:600px) {
    .arrow_container{float: left;width: 30px;}
    .ufo_list li {padding: 8px 0 8px 0;font-size:12px;}
    .content-header > h1 {margin: 30px 0 0 0!important;font-size: 24px;padding: 0 0 0 5px!important;}
    .content-header {position: relative !important;padding: 5px 0px 0 0px!important;}
    
    
}
@media only screen and (max-width:500px) {
    .headingh3{font-size: 2em; margin: 10px 0 0;}
    .wishdsapara {font-size: 1.7em;}
    .wishdsa_wrap{height:25px;}
    .logincontainer {margin: 45px auto 0;}
    .logincontainer .login-box { margin: 0 auto; width: 100%;}
    .logincontainer .login-logo, .dsamediabox .login-logo{font-size: 28px;margin-bottom: 5px;}
    .dsamediabox {width: 290px;}
    .dsamedia_wrap img { height: 200px;   width: 290px;}
     .avi_wrap {width: 370px;height: 230px;}
    video {width: 370px; /*height: 230px;*/}
}

@media only screen and (max-width:400px) {
    .adv_steps_container{width: 85%;}
    .logoC {margin: 0 auto;width: 55%;}
    header {  height: 80px;padding: 9px 0 0 0;}
    .content-wrapper, .right-side {overflow: visible!important; }
    .content {padding: 0!important;}
    .form-control{ width: 238px!important;}
     .dsamediabox {width: 220px;}
    /*.dsamedia_wrap img { height: 180px;   width: 220px;}*/
    .avi_wrap {width: 270px;/*height: 175px;*/}
    video {width: 270px; /*height: 175px;*/}
    .wishdsapara {
    margin: 30px 0 0;
    width: 271px;
}
}