@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; outline: 0; }

body { }


html,body{ height:100%; }
a { color:#333; text-decoration: none; cursor: pointer; }
a:active, a:focus { border: 0; outline: 0; }
/*a:hover { text-decoration: underline !important; }*/
a img { border: 0; }

input, select, textarea { font-family:'Roboto', Arial, Helvetica, sans-serif; } 
input {overflow: hidden;}
/*input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}
input[type=text]::-ms-clear {
    display: none;
}*/

input[type=password]::-ms-reveal {
    display: none;
}

input[type=checkbox] {display: inline !important;}

select:focus, .field_container:focus, .sbHolder:focus {box-shadow: 0px 0px 10px 2px #84cede; border: solid 1px #84cede; }

.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.ac { display: block; text-align: center; }
.acc { display: block; text-align: justify; }
.bbdr {border-bottom: 2px solid #2A4E82;}
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.clear {clear: both;}
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.ml12 {margin-left: 12px;}
.hide { position: absolute; top: -9999px; left: -9999px; }


.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }
.custom_form .hidden{ display: none;}
.custom_form textarea, .custom_form input { outline: none; }
input:-webkit-autofill {background-color: rgb(111,195,247) !important; color: inherit;}
input:-moz-autofill {}

.callout {background-color: #ccc; padding: 2em; position: relative; margin-bottom: 20px; width: 94%; float: left; }
.callout:before {background: none; content: ""; display: block; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; pointer-events: none;}
.callout #info {float: left;}
.callout #info h1, .callout #info h2 {font-size: 24px; border-bottom: none !important; color: #2A4E82 !important;  font-weight: bold !important;}
.callout #info h2 {margin-bottom: 5px !important; font-size: 18px !important;}
.callout #info h2 span {color: #aa1317;}
.callout #info p {color: #2A4E82 !important; font-size: 16px;}
.callout #imgs {float: right; width: 30%; text-align: center; margin-top: 15px;}
.callout #imgs img {padding-right: 4px !important;}
.callout #imgs img:first-of-type {/*padding-right: 20px;*/}

  #content input,#content select{position:absolute;/*left:220px*/;height:20px;/*width:550px;*/}
  #content input.radio,#content input.check{left:220px;}
  #content h2, #content h3{font-size:18px;width:100%;border-bottom:2px solid #004A80;padding-bottom:5px;line-height:1;margin-bottom:20px;}
  #content h3 {color: #aa1317; border-bottom: 2px solid #aa1317;}
  #content input.checkbox{margin-right:10px;position:relative;top:2px;}
  #content input.checkbox,#content input.submit{position:relative;left:0;height:auto;width:auto;}
  .submitBtn {float: right; margin: 20px;}
  #content input.submit{padding:10px;}
  #content form div{/*margin-bottom:10px;*/line-height:20px;}
  #content .links{text-align:center;line-height:2;}
  #content .links a:hover,#content .links a:active{text-decoration:underline;}
  #content form label.invalid{position:absolute;left:450px;color:red;}
  #content form input.invalid,#content form select.invalid,#content form textarea.invalid{background-color:#F7CBCA;/*border:1px solid #C00;*/color:#C00;}
  #content form fieldset{padding-top:20px;}
  #content form legend{font-weight:700;border-bottom:1px solid #000;display:block;width:440px;}
  #content form #agreement{position:relative;left:0;top:5px;}
  #content form input[type=radio],#content form input[type=checkbox],#content form input[type=submit],#content form input[type=button],#content form input[type=reset],#content form .check,#content form .radio{width:auto;}
  #epubstop {}
  ul.epubslist li {padding:0 0 15px 0;}
  #epubsbottom  {}



/************** form container styles*********************/
.holder{ width:80%; margin:16px 10%; padding:0;  display: inline-block;}

.radio_holder, 
.check_holder, 
.select_holder{ position:relative;}

.check_holder, .radio_holder{ margin:16px 10%;}
.radio_holder{ padding:0px 0 0 0;}

.specCheckHolder {margin-top: 0px; width: 50%; font-weight: bold;}
/************** end of form container styles*********************/

/********************* text fields frames styles **********************/

.custom_form{ /*margin:0 auto 30px auto;*/ padding-bottom:15px; max-width:910px; /*padding:0 10px;*/ position: relative; z-index: 1}
.custom_form .field_container{ display: block; width:70%; height:22px; padding:3px 0;  border:solid 1px #ccc; -webkit-border-radius: 3px; border-radius: 3px; position: relative;  float: left;}

.custom_form .textarea-frame{ display: block; width:100%; height:160px; padding:10px 0;  border:solid 1px #ccc; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }

/**** Here you can change the color of the validation signs in the end of the fields ****/
/*.custom_form p{ display:none;}*/
.custom_form span{ color:#e4e4e4; float: right; text-align: left; width:5%; font-size: 21px; line-height:26px; }
.custom_form h2 .specRequiredAstk {float: right; width: 30%; text-align: right; line-height: 25px; font-size: 14px; color: #aa1317;}
.custom_form .requiredAstk, .custom_form .double .requiredAstk {float: left; font-size: 14px; padding-right: 8px; color: #aa1317;}
.custom_form span.formBtn{ color:#e4e4e4; float: right; text-align: left; width:100%; font-size: 21px; line-height:26px; }

.custom_form  span.error, .custom_form a.error{ color:#ed1c24;}
.custom_form span.ok{ color:#3abf9d;}

.custom_form .field{ float: left; display: inline; width:93%;  font-size: 14px; line-height:14px; border:0; color: #004a80; /*color:#c6c6c6;*/ }
.custom_form .field{ font-weight: bold; height:100%; padding:0 0 0 2%; overflow:auto; resize: none; position: relative; }

.inner_frame{ background:#fff; padding-bottom: 30px;  /*-webkit-border-radius: 0px 0px 5px 5px;*/ /*border-radius: 0px 0px 5px 5px; box-shadow:  0px 2px 2px 1px rgba(0, 0, 0, 0.1);*/ }
.inner_frame p {padding: 10px 10px 20px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 25px;}

.holder p {padding: 0 0 10px;}

/****************** end of text fields styles *******************/

/********************* submit buttons styles *********************/
.actionBtns {height: 60px;}
.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 12px/100% Arial, Helvetica, sans-serif;
  padding: 4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  text-transform: uppercase;
  height: 35px !important;
  font-size: 14px !important;
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}

.blueBtn {
  color: #ffffff !important;
  border: solid 1px #1D3359;
  background: #164691; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  
  background: -moz-linear-gradient(top,  #4f96f2 0%, #2a4e82 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f96f2), color-stop(100%,#2a4e82)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4f96f2 0%,#2a4e82 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4f96f2 0%,#2a4e82 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4f96f2 0%,#2a4e82 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4f96f2 0%,#2a4e82 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96f2', endColorstr='#2a4e82',GradientType=0 ); /* IE6-8 */

}
.blueBtn:hover {
 color: #ffffff !important;
  border: solid 1px #1D3359;
  background: 164691; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYWVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDU2OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #52aef9 0%, #305693 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52aef9), color-stop(100%,#305693)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #52aef9 0%,#305693 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #52aef9 0%,#305693 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #52aef9 0%,#305693 100%); /* IE10+ */
background: linear-gradient(to bottom,  #52aef9 0%,#305693 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52aef9', endColorstr='#305693',GradientType=0 ); /* IE6-8 */

}
.blueBtn:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#732f1c), to(#622024));
  background: -moz-linear-gradient(top,  #732f1c,  #622024);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#732f1c', endColorstr='#622024');
}

.custom_form .btnp {float: left; padding: 10px; width: 47%; text-align: center;}
.custom_form .btnp input{ /*background:#692613; */font-size: 16px; color:#FFFFFF; height:30px; line-height:22px; width:30%; padding: 4px 12px; text-transform: uppercase;}
.custom_form .btnp input{ cursor:pointer; text-shadow: #202020 0px 2px 0px; font-family: 'Roboto', Arial, sans-serif;  }
.custom_form .btnp input{ /*webkit-box-shadow: 0px 3px 0px 0px #4d1c0e; box-shadow: 0px 3px 0px 0px #4d1c0e; */}
.custom_form .btnp input{ /*-webkit-border-radius: 10px; border-radius: 10px;*/}
.custom_form .btnp input{ border:solid 1px #1D3359; text-align: center; margin:5px auto; display: block;}




  #subscTabs {}
  /*.tabnav {width: 874px; height: 60px;}
  .tabnav li {float: left; width: 193px; height: 60px; }*/
#subscTabs .tabnav { overflow: hidden; margin: 0 0 15px 0; border-bottom: 5px solid #004a80; }
#subscTabs .tabnav li { width: 180px; float: left; margin: 0 10px 0 0; line-height: 30px; background: #959290; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
#subscTabs .tabnav li:hover { background-color: #555; }
#subscTabs .tabnav li.ui-tabs-active {background-color: #004a80;}
#subscTabs .tabnav li.last { margin-right: 0;}
#subscTabs .tabnav li a { display: block; padding: 5px; color: white; font-size: 22px; text-align: center; border: 0;}


#subscTabs ul { list-style: none; }
/*#subscTabs ul li.tabnav-one a.current, #subscTabs ul li.tabnav-two a.current *//*{background-color: #004a80; color: white;*/ /* background-color: #0575f4;*//* }*/

#subscDigitalCatalogs p, #subscEmail p {font-size: 16px; font-weight: bold; padding-bottom: 10px; font-family: 'Roboto'; list-style: none}
  .col {width: 45%; float: left; padding: 0 40px 30px 0;}


.thanksgreen {color: #52501B !important;}
.thanksblue {color: #2A4E82 !important;}
.thanksblueTS360 {color: #507b96;}
.thanksgray {color: #565656 !important;}
.thankstan {color: #d5cfb5 !important;}
.greenexample {float: none !important; font-size: 14px !important; color: #52501b !important; opacity: 0.5;}

h1.thanksgreen {font-weight: bold; font-size: 22px !important; margin-bottom: 20px; border-bottom: solid 4px #52501B;}
h1.thanksblue {font-weight: bold; font-size: 22px !important; margin-bottom: 20px; border-bottom: solid 4px #2A4E82;}
h1.thanksgray {font-weight: bold; font-size: 22px !important; margin-bottom: 20px; border-bottom: solid 4px #565656;}
h1.thankstan {font-weight: bold; font-size: 22px !important; margin-bottom: 20px; border-bottom: solid 4px #d5cfb5;}

a.thanksblue span.specRequiredAstk {float: right; width: 100%; text-align: right; line-height: 25px; font-size: 14px; color: #2A4E82;}
a.thanksblue span.specRequiredAstk:hover {text-decoration: underline;}

h1#logo{ width:80%; max-width:530px; text-align: center; margin:0px auto 0 auto; margin-bottom:50px; margin-top:50px;}
h1#logo img{ width:100%; }

.exclusive {
    background-color: #ccc;
    border: 4px solid #fff;
    padding: 2em;
    position: relative;
}
.exclusive:before {
    background: none;
    border: 4px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    pointer-events: none;
}

/************************** header bar styles ********************/

h1{ 
    font-size: 24px; 
    line-height:50px; 
    color:#2A4E82;  
    text-align: left; 
    font-weight: normal; 
    font-family: 'Roboto', Arial, sans-serif;
    border-bottom:solid 4px #2A4E82; 
    margin:0;
}
h1.red{ background:#e14f49; border:solid 1px #e14f49; text-shadow: #af3a36 0px 2px 0px;}
h1.green{ background:#07c8b3; border:solid 1px #07c8b3; text-shadow: #008d7e 0px 2px 0px;}

#formPT2 {margin-top: -120px; width: 969px;}

.form {/*width: 710px; height: 660px; */background-color: #ffffff; /*position: absolute; top: 104px; left: 19px;*/ padding: 0px 10px 0px; border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}

form h2{
    font-size: 18px;
    color:#004a80;
    display: block;
    font-family: 'Bitter', Arial, sans-serif;
    font-weight: normal;
    /*border-bottom: 2px solid#004a80;*/
    padding: 3px;
    margin: 0 30px 0 0;
}

#biggest_wrapper { width: 969px; height: 677px; margin: 0 auto; position: relative; }

#biggest_bg { width: 969px; min-height: 611px; background: url('../images/main_bg_tile_02.png') repeat-y; margin: 0 auto; overflow: hidden; }

#biggest { width: 969px; height: 635px; background: url('../images/main_bg_top_01.png') no-repeat; position: relative; overflow: hidden; }

#main_bg_bottom { width: 969px; height: 66px; background: url('../images/main_bg_bottom_03.png') no-repeat; margin: 0 auto; position: relative; }

#menu { width: 683px; height: 63px; position: absolute; top: 21px; left: 17px; }
#menu a.playing, #menu a.paused { background-position: left bottom }


a#menu_search, a#menu_profiles, a#menu_order, a#menu_promotions, a#menu_calendar, a#menu_publications, a#menu_support { display: block; height: 63px; float: left; background-position: left top; background-color: transparent; }
a#menu_search:hover, a#menu_profiles:hover, a#menu_order:hover, a#menu_promotions:hover, a#menu_calendar:hover, a#menu_publications:hover, a#menu_support:hover { background-position: left bottom;}

a#menu_search { width: 59px; background: #ffffff url('../images/menu_search_01.jpg'); }
a#menu_profiles { width: 138px; background: #ffffff url('../images/menu_profiles_02.jpg'); }
a#menu_order { width: 142px; background: #ffffff url('../images/menu_order_03.jpg'); }
a#menu_promotions { width: 93px; background: #ffffff url('../images/menu_promotions_04.jpg'); }
a#menu_calendar { width: 77px; background: #ffffff url('../images/menu_calendar_05.jpg'); }
a#menu_publications { width: 103px; background: #ffffff url('../images/menu_publications_06.jpg'); }
a#menu_support { width: 71px; background: #ffffff url('../images/menu_support_07.jpg'); }


.content_wrapper {width: 730px; min-height: 480px; background-color: #ffffff; position: absolute; top: 104px; left: 19px; }
.content {padding: 10px;}
.thanks p {text-align: center; padding: 20px 10px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 25px; color: #507b96; margin: 40px 0px;}
#video_wrapper { width: 640px; height: 480px; background-color: #ffffff; position: absolute; top: 104px; left: 19px; }
#video_playagain { width: 640px; height: 480px; background-image: url(../images/TS-360-PlayAgainScreen.jpg); position: absolute; top: 104px; left: 19px; display: none; }

.leftbox h1 { font-family: 'Roboto', Arial, Sans-Serif; color: #00457c; font-size: 14pt; padding: 30px 0 0 30px; margin: 0; text-transform: uppercase; font-weight: bold; }
.leftbox p { font-family: 'Roboto', Arial, Sans-Serif; color: #00457c; font-size: 12pt; padding: 0 0 0 30px; margin: 0; }


.rightsidebar {height: 200px; left: 760px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 205px; width: 190px;}
.sideitem {}
#attributes { height: 200px; left: 687px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 205px; width: 250px; }
.attributes { font-family: 'Roboto', Arial, Sans-Serif; display: none; position: absolute; top: 0px; left: 0px; }
#attributes h1 { color: #ffffff; font-size: 14pt; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
#attributes p { font-family: 'Roboto', Arial, Sans-Serif; color: #ffffff; font-size: 12pt; padding: 0; margin: 0; }


a.register_btn { /* adds shine: ; background: url("../images/register_btn_2.png") repeat scroll left top transparent; */ background: url("../images/register_btn.png") repeat scroll left top transparent; display: block; left: 646px; top: 366px; }
div.register_btn { left: 647px; /*display: none;*/ top: 367px; }
.register_btn { height: 282px; position: absolute; width: 300px; }
.register_btn:hover, .register_btn.hover { background-position: left bottom }


#footer_logo { width: 145px; height: 45px; position: absolute; top: 10px; left: 11px; }
#footer_logo a { width: 145px; height: 45px; display: block; }

#footer_link { height: 45px; left: 156px; position: absolute; top: 8px; width: 145px; }
#footer_link a { color: #FFFFFF; display: block; font-family: Helvetica,Arial,Sans-Serif; font-size: 7pt; height: 45px; padding: 10px 0 0 10px; text-decoration: none; text-transform: uppercase; width: 145px; }
#footer_link a:hover { color: #7db2ce }


#endofvid { height: 100px; left: 687px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 250px; width: 250px; display: none; }
#endofvid p { font-family: 'Roboto', Arial, Sans-Serif; color: #ffffff; font-size: 12pt; padding: 0; margin: 0; font-weight: bold; text-align: center; }

#logo-link { position: absolute; top: 8px; left: 770px; width: 190px; height: 115px; background-color: transparent; }





label.fl{ line-height:23px; /*margin-left:-10px;*/ margin-left: 12px; width:25%;}
label.w40 {width: 40% !important;}
label.w80 {width: 80%}

/****************** check box and radio button styles **********************/

.custom_form .check-box{ float: left; display: inline;  }

.custom_form span.checkbox{ line-height:0px; padding:0; width:auto; float: left; /*display: inline;*/ display: none; cursor:default; }
.custom_form span.checkbox{ margin:0px 8px 0 0;  width:auto; height:23px;}
.custom_form span.cust_checkbox_on{ }
.custom_form span.cust_checkbox .icon-ok{ float: left; display: inline;  line-height:20px;  color:#fff; height:20px; width:20px; }
.custom_form span.cust_checkbox .icon-ok{ border:solid 1px #ccc;}
.custom_form span.cust_checkbox_on .icon-ok{ color:#ed1c24;}
.custom_form .check{ float: left; display: inline; }

.custom_form span.radio {  line-height:0px; padding:0; width:auto; float: left; /*display: inline;*/ display: none; cursor:default; }
.custom_form span.radio {  margin:0px 8px 0 0;    width:auto; height:21px; padding-bottom:6px}
.custom_form span.cust_checkbox .icon-circle{ float: left; display: inline;  line-height:22px; width:21px; height:21px; color:#fff;  }
.custom_form span.cust_checkbox .icon-circle{ border-radius:20px; -webkit-border-radius:20px;  border:solid 1px #ccc; }
.custom_form span.cust_radio_on .icon-circle{ /*color:#3abf9d;*/ color: #004a80; border:solid 1px #ccc; font-size: 17px; text-align: center; }

/*.custom_form .select_field{ border:0; visibility:hidden; font-size: 0; line-height:0; text-indent: -4000px; height:0!important; }
.custom_form .select_field{ padding:0; float: left;}*/
.custom_form .select_holder {width: 92% !important; margin: 8px 0; height: 30px;}
.custom_form .select_holder_short {width: 44.5% !important; margin: 8px 0; height: 30px;}

.custom_form .select_field{ border: solid 1px #ccc; width: 79.9%; height: 30px !important; -webkit-border-radius: 3px; border-radius: 3px; color: #004a80; font-weight: bold; font-size: 14px; /*-webkit-appearance: none;*/  /*Removes default chrome and safari style*/ /*-moz-appearance: none;*/  /*Removes default style Firefox*/ /*background: url(../images/blue-chevron-down.jpg) no-repeat 99% 50%;*/ /*#background-image: none;*/ /* Internet Explorer Browsers */ padding: 5px 10px; float: left;}
.custom_form .select_holder_short .select_field {width: 30.7% !important;}
 @-moz-document url-prefix() {.radio-btn, .check-box { visibility:hidden;  width:0;}}
 
 .custom_form .radio-btn, .custom_form .check-box{ border:0; font-size: 0; line-height:0; /*text-indent: -4000px;*/ }
 .custom_form .radio-btn, .custom_form .check-box{ /*height:0!important;*/ padding:0; float: left; /*margin-left:-4000px;*/visibility: visible;
margin-left: 0;
height: 13px !important;
text-indent: 0;
margin-top: 5px; }

/****************** end of check box and radio button styles **********************/

/******************** 2 fields on one row in vertical form view ****************/

.custom_form .double{ width:44.5%!important; margin:8px 0; float:left; display: inline; }
.custom_form .double span{ width:12%!important; }
.custom_form .double .field{ width:93%!important; }
.custom_form .left_aligned{ padding:0 5% 0 3%!important;}
.custom_form .select_holder {width: 93.2% !important; margin: 8px 0;}
/*.custom_form .w40 {width: 40% !important;}*/
.custom_form .w45 {width: 45% !important;}

/******************** end of 2 fields on one row in vertical form view ****************/

/******************** 3 fields on one row in vertical form view ****************/

.custom_form .triple{ width:25%!important; margin:16px 0; float:left; display: inline; padding: 0 1% !important; }
.custom_form .triple span{ width:12%!important; }
.custom_form .triple .field{ width:85%!important; }
.custom_form .triple:first-child {padding-left: 10% !important;}

/******************** end of 3 fields on one row in vertical form view ****************/


/******************** 4 fields on one row in vertical form view ****************/

.custom_form .quad{ width:20%!important; margin:16px 0; float:left; display: inline; padding: 0 1% !important; }
.custom_form .quad span{ width:12%!important; }
.custom_form .quad .field{ width:85%!important; }
.custom_form .quad:first-child {padding-left: 4% !important;}

/******************** end of 4 fields on one row in vertical form view ****************/

/***************** labels styles *********************/
.custom_form .radio_holder fieldset {border: none;}
.custom_form .radio_holder fieldset legend {padding-bottom: 5px; font-weight: bold; height: 20px;}
.check_holder label, .radio_holder label{ padding:0; }
.custom_form .check_holder label.error{ bottom:-22px!important; }
.custom_form .radio_holder label.error{ bottom:-22px!important; }


.custom_form .radio_holder label.error, 
.custom_form .check_holder label.error{ left:0; right:auto!important;}

.radio_holder label.error em, 
.check_holder label.error em{ left:5px; right:auto;}
 

.custom_form label{ font-size: 12px; color:#898989; display: block; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: normal; float: left; width: 115px;}
.custom_form label{ padding-bottom:8px}
.custom_form label.pb6 {padding-bottom: 6px;}
.custom_form label.valid{ display:none!important;}
.custom_form label.error{ height:25px; width: 340px; font-size: 12px; position:absolute;  bottom:-31px; right:0; z-index: 100; float: right; font-weight: normal;    background:#ed1c24; color:#fff; padding:0 5px;  border:solid 1px #ed1c24; -webkit-border-radius: 4px; border-radius: 4px; line-height:21px;  -webkit-box-shadow: 0px 1px 0px 0px #aa1317; box-shadow: 0px 1px 0px 0px #aa1317;}
.custom_form label.error:after{
  border: solid;
    border-color: #111 transparent;
    border-color: rgba(237,28,36,1) transparent;
    border-width: 0 7px 7px 7px;
    top: -7px;
    content: "";
    display: block;
    right: 12px;
    position: absolute;
    z-index: 99;
}
.check_holder label.error:after, .radio_holder label.error:after{
  border: solid;
    border-color: #111 transparent;
    border-color: rgba(237,28,36,1) transparent;
    border-width: 0 7px 7px 7px;
    top: -7px;
    content: "";
    display: block;
    right: auto;
    left:3px;
    position: absolute;
    z-index: 99;
}
.custom_form label.error em{ font-style: normal; width:0px; 
    height:0px; 
    border-left:7px solid transparent;  /* left arrow slant */
    border-right:7px solid transparent; /* right arrow slant */
    border-bottom:7px solid #ed1c24; /* bottom, add background color here */
    font-size:0px;
    line-height:0px;
    position:absolute;
    top:-7px;
    right:13px;
}

.custom_form .arrow {
  width:0px; 
  height:0px; 
  border-left:7px solid transparent;  /* left arrow slant */
  border-right:7px solid transparent; /* right arrow slant */
  border-bottom:7px solid #ed1c24; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  position:absolute;
  top:-7px;
  right:13px;
}
/***************** end of labels styles *********************/

/****************** forgot password link style ***************/

.custom_form small.ac {  position:relative; z-index: 1; margin:-10px 0 10px 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.custom_form small a{ font-size: 14px; color:#2fb0d7; position:relative; z-index: 1; margin:-10px 0 10px 0;}

/****************** forgot password link style ***************/

/****************************** select box custom styles ********************************/

.custom_form .sbHolder{
    height:25px; border:solid 1px #ccc; -webkit-border-radius: 3px; border-radius: 3px;
    padding:10px 0;
    font-family: 'Roboto',  Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    width: 100%;
    display: none;
}
.custom_form .sbHolder:focus .sbSelector{
    
}
.custom_form .sbSelector{
    display: block;
    height: 25px;
    left: 0;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 16px;
    padding:10px 0text-decoration: none;
    top: 10px;
    width: 80%;
}
.custom_form .sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #c6c6c6;
    outline: none;
    text-decoration: none;
}
.custom_form .sbToggle{
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 1%;
    top: 13px;
    width: 30px;
    font-size: 20px;
    color:#3abf9d;
    text-align: center;
}
.custom_form .sbToggle:hover{ text-decoration: none !important; }

.custom_form .sbToggleOpen:hover{ text-decoration: none !important; }
.custom_form .sbHolderDisabled{ background-color: #3C3C3C; border: solid 1px #515151; }

.custom_form .sbOptions{
    background-color: #fff;
    border:solid 1px #b0b0b0; -webkit-border-radius: 3px; border-radius: 3px;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px!important;
    width: 100%!important;
    z-index: 1001;
    overflow-y: auto;
}
.custom_form .sbOptions li{ width:100%!important; }

.custom_form .sbOptions a{
    border-bottom: dotted 1px #515151;
    display: block;
    outline: none;
    width:97%;
    padding: 12px 0 12px 3%;
}
.custom_form .sbOptions a:link, .custom_form .sbOptions a:visited{
    color: #626262;
    text-decoration: none;
}
.custom_form .sbOptions a:hover,
.custom_form .sbOptions a:focus,
.custom_form .sbOptions a.sbFocus{
    color: #3abf9d;
}
.custom_form .sbOptions li.last a{ border-bottom: none; }

.custom_form .sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.custom_form .sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.custom_form .sbOptions .sbSub{ padding-left: 17px; }

/****************************** end of select box custom styles ********************************/


/****************************** user info fields custom styles ********************************/

.custom_form .userinfo span.radio, .custom_form #chooseAcct span.radio {/*font-size: 18px; line-height: 19px;*/ /*font-size: 20px; line-height: 3px;*/ display: none;}
.custom_form .userinfo .radio-btn, .custom_form #chooseAcct .radio-btn { visibility: visible; margin-left: 0; height: 13px !important; text-indent: 0; margin-top: 5px;}
.custom_form .userinfo label.fl, .custom_form #chooseAcct label.fl {margin-left: 12px;}
.acctContent {display: none;}
.custom_form .userinfo .double {width: 35% !important; margin: 5px 0;}
.custom_form .userinfo .double span {width: 10% !important;}
.custom_form .userinfo .field_container {height: 20px; padding: 5px 0;}
/*.custom_form .userinfo label.fl{ line-height:60px; margin-left:-10px; width:20%;}*/
.custom_form .userinfo p#noAdd {color: blue;}

/****************************** end of user info fields custom styles ********************************/


/****************************** add additional users fields custom styles ********************************/

.addmore {padding-top: 15px;}
.addmore a {font-weight: bold; color: #622024 !important; /*color: #2A4E82;*/ }
.custom_form .addmore span {color: #622024; /*color: #2A4E82;*/ }

/****************************** end of add additional users fields custom styles ********************************/


/*************************************** HORIZONTAL FORM STYLE *****************************************/

.custom_form .horizontal{  width:90%; float: left; display: inline; margin:17px 5%;}
.custom_form .horizontal label{ float: left; display: inline; width:35%; padding:0; line-height: 45px}
.custom_form .horizontal  label.fl{ width:80%; line-height: 23px; padding-bottom:8px; }
.custom_form .horizontal label.error{ display: block; float: none; width:auto; line-height: 22px; padding:0 5px;}
.custom_form .horizontal .hidden{ display: none!important; }
.custom_form .horizontal .field_container{ float: left; display: inline; width:64%;}
.custom_form .horizontal  .field_container span{ width:6.5%;}
.custom_form .horizontal .field{ width:91.5%;}
.custom_form .horizontal .sbHolder{ width:64%; float:left;}
.custom_form .horizontal .textarea-frame { width:64%; float: left; display: inline; }







/* -------------------------------  Media Query Max Width 320 ------------------------------- */

@media only screen and (max-width:320px){

  .custom_form .field{ width:86%!important;}
    .custom_form .double .field{ width:86%!important;}
    .custom_form .triple .field{ width:75%!important;}
    .custom_form .quad .field{ width:69%!important;}
    .custom_form .textarea-frame{ padding-top:4px;}
    .custom_form .left_aligned{ padding:0!important;}
    .custom_form .btnp input{ width:40%; height:40px; line-height:40px;}

    .custom_form label.error{ font-size: 11px;  }
    .custom_form label.fl{ font-size: 14px; margin-left:-15px;}
    .custom_form label.error:after{ right:7px;}
    .custom_form .check_holder label.error:after{ right:auto;}
    .custom_form .radio_holder label.error:after{ right:auto;}

    .custom_form h3{ font-size: 18px; line-height:25px;}
    .custom_form span{width:10%;}
    
    .custom_form .double{ width:80%!important; padding:0; float: none; display: inline-block; margin:16px 10%;}
    .custom_form .double span{ width:10%!important;}

    .custom_form .triple{ width:70%!important; padding:0; float: none; display: inline-block; margin:16px 10%;}
    .custom_form .triple span{ width:5%!important;}

    .custom_form .quad{ width:63%!important; padding:0; float: none; display: inline-block; margin:16px 10%;}
    .custom_form .quad span{ width:5%!important;}

    .custom_form .horizontal .field{ width:84%!important;}
    .custom_form .horizontal .dbl-lbl{ line-height: 18px!important}
    .custom_form .horizontal span{ width:12%!important;}
    .custom_form .horizontal label{ width:35%; line-height: 36px}
    .custom_form .horizontal .field_container{ width:64%; padding:4px 0;}

    .field_container {padding:4px 0!important;}
    .custom_form .sbHolder { padding:4px 0!important;}
    .custom_form .sbToggle{ width:23px; font-size: 16px; top:7px!important; right:4px!important;}
    .custom_form .sbSelector{top:5px!important;}

    .custom_form span.checkbox, .custom_form span.radio{ width:21%!important; }

    .demo-nav li.sfs{ display: none; float:none; position: static;}
    .demo-nav li ul{ left:auto; right:0;}
    .demo-nav li li{ margin:2px 0;}

    #popup{ top:20px;}
    
}

/* -------------------------------  Media Query Min Width 321 Max Width 640 ------------------------------- */

@media only screen and (min-width: 321px) and (max-width:640px){

    .custom_form h3{ font-size: 20px;}
    .custom_form span{ width:8%!important; }

    .custom_form .field{ width:89%!important; }
    .custom_form .btnp input{ height:45px; line-height: 45px; width:25%; }

    .double{ width:80%!important; padding:0; float: none; display: block; margin:13px auto;}
    .triple{ width:70%!important; padding:0; float: none; display: block; margin:13px auto;}
    .quad{ width:63%!important; padding:0; float: none; display: block; margin:13px auto;}
    .custom_form .quad .field {width: 80% !important;}
    .custom_form .quad span {width: 17% !important;}
    .custom_form .sbToggle{ width:23px;  right:2%!important;}

    .custom_form label{ font-size: 15px; padding-bottom: 2px; }
    .custom_form label.fl{ font-size: 14px; margin-left:-20px;}
    .custom_form label.error{ font-size: 13px; line-height: 20px; height:20px; bottom:-28px; }

    
        
    .custom_form .horizontal label{ font-size: 14px}
    .custom_form .horizontal span{ width:12%!important;}
    .custom_form .horizontal .field{ width:85%!important;}
    .custom_form .horizontal .sbHolder{ width:64%!important; float:left;}

    .custom_form span.checkbox, .custom_form span.radio{ width:15%!important; }
    
    .demo-nav li.sfs{ display: none; float:none; position: static; }
    .demo-nav li ul{ left:auto; right:0;}
    .demo-nav li li{ margin:2px 0;}

    #popup{ top:20px;}

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .custom_form .horizontal .sbHolder {
     margin-top:-14px;
     position:relative;
    }

    /* Safari only override */
    ::i-block-chrome,.custom_form .horizontal .sbHolder {
        margin-top:-14px;
        position:relative;
    }
}