@charset "utf-8";
@import url('/fonts/fonts.css');
body { background: url("images/body_bg.gif") repeat scroll 0 0 transparent; margin: 0; padding: 0; }
h1 { }
h2 { }
h3 { }
h4 { }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* { margin: 0; padding: 0; }
.top { background: none repeat scroll 0 0 #DF6517; height: 2px; margin: 0; top: 0; }
.main_fullwidth { margin: 0; width: 100%; }
.container { margin: 0; width: 100%; }
.log_contanier { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 4px solid #046bbf; height: 100px; }
.log_contanier_1 { background: none repeat scroll 0 0 #FFFFFF; height: 90px; }
.logo { border: medium none; float: left; height: 50px; margin: 17px 0 0 0px; width: 264px; }
#calander-box { background: url("images/calander-icons.png") no-repeat scroll 6% 50% #DF6517; float: right; margin: 0 15px 10px 0; display: none; }
  #calander-box .text { color: #FFFFFF; font-family: 'Fira Sans'; font-size: 19px; padding: 4px 8px 4px 61px; }
  #calander-box span { font-size: 13px; }

.welcome_box { margin: -13px auto; width: 420px; z-index: 90; }
.welcome_text { background: none repeat scroll 0 0 #054b9b; box-shadow: 0 1px 3px #CCCCCC; color: #FFFFFF; float: left; font-family: 'Open Sans',sans-serif; font-size: 28px; font-weight: 300; margin: 2px 0 0; padding: 15px 5px; text-align: center; width: 405px; }
.wel_left_corner { background: url("images/login_page_icons.png") repeat-x scroll 114% 50% transparent; float: left; height: 10px; margin: 0 -2px 0 0; width: 11px; }
.wel_right_corner { background: url("images/login_page_icons.png") repeat-x scroll 15% 50% transparent; float: left; height: 10px; margin: 0 0 0 -2px; /*width: 11px;*/ }
.welcome_note_box { float: left; margin: 10px 0 0 276px; text-align: center; }
.welcome_note_1 { color: #0866C6; font-family: 'Open Sans',sans-serif; font-size: 26px; font-weight: 300; margin: 0 auto; text-align: center; }
.login_shadow_box { margin: 64px auto; width: 1000px; }
.login_left_shadow { background: url("images/login_shadow.png") repeat scroll 0 12% transparent; float: left; height: 358px; margin: 0 0 0 10px; width: 51px; }
.login_right_shadow { background: url("images/login_shadow.png") repeat scroll 122% 12% transparent; float: right; height: 358px; margin: 0; width: 51px; }
.login_container { background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #CACACA; margin: 0 auto; position: relative; width: 900px; }
.login_box_content { margin: 0 auto; width: 850px; }
.feature_box { float: left; width: 435px; }
.feature_heading { border-bottom: 1px solid #D4D4D4; color: #333333; font-family: 'Open Sans',sans-serif; font-size: 20px; font-weight: 200; margin: 15px 0 0; padding: 0 0 8px; }
  .feature_heading span { background: url("images/login_page_icons.png") repeat-x scroll 82% 50% transparent; display: block; float: left; height: 23px; margin: 5px 10px 0 0; width: 21px; }
.feature_content ul { list-style-image: url("images/li_icon.png"); margin: 20px 0 0 19px; padding: 0; position: relative; }
.feature_content li { color: #8F8D8D; font-family: 'Fira Sans'; font-size: 14px; padding: 0 0 8px; }
.sep { background: url("images/login_sep.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 361px; margin: 14px 20px 0 31px; width: 5px; }
.login_box { float: left; margin: 0; width: 353px; }
.login_heading { border-bottom: 1px solid #D4D4D4; color: #333333; font-family: 'Open Sans',sans-serif; font-size: 20px; font-weight: 200; margin: 15px 0 0; padding: 0 0 8px; }
  .login_heading span { background: url("images/login_page_icons.png") repeat-x scroll 177% 50% transparent; display: block; float: left; height: 23px; margin: 5px 10px 0 0; width: 25px; }
.username input[type="text"] { background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F1F1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F1F1)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F1F1',GradientType=0 ); background: linear-gradient(top, #FFFFFF,#F2F1F1 100%); border: 1px solid #BBBBBB; color: #7D7D7D; font-family: 'Fira Sans'; font-size: 15px; margin: 25px 0 0 32px; padding: 8px 5px 8px 30px; transition: all 0.5s ease 0s; width: 230px; }
.username img { display: block; float: left; margin-left: 41px; margin-top: -29px; position: absolute; }
.username input[type="text"]:focus { border: 1px solid #75B9F0; box-shadow: 0 0 10px #A9D8FB; }





.username1 input[type="text"] { background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F1F1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F1F1)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F1F1',GradientType=0 ); background: linear-gradient(top, #FFFFFF,#F2F1F1 100%); border: 1px solid #BBBBBB; color: #7D7D7D; font-family: 'Fira Sans'; font-size: 15px; margin: 8px 0 0 32px; padding: 8px 5px 8px 30px; transition: all 0.5s ease 0s; width: 200px; }
.username1 img { display: block; float: left; margin-left: 41px; margin-top: -29px; position: absolute; }
.username1 input[type="text"]:focus { border: 1px solid #75B9F0; box-shadow: 0 0 10px #A9D8FB; }
.password input[type="password"]:focus { border: 1px solid #75B9F0; box-shadow: 0 0 10px #A9D8FB; }
.user select:focus { border: 1px solid #75B9F0; box-shadow: 0 0 10px #A9D8FB; }
.password input[type="password"] { background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F1F1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F1F1)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F1F1',GradientType=0 ); background: linear-gradient(top, #FFFFFF,#F2F1F1 100%); border: 1px solid #BBBBBB; color: #7D7D7D; font-family: 'Fira Sans'; font-size: 15px; margin: 25px 0 0 32px; padding: 8px 5px 8px 30px; transition: all 0.5s ease 0s; width: 230px; }
.password img { display: block; float: left; margin-left: 41px; margin-top: -29px; position: absolute; }
.user select { background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F1F1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F1F1)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F1F1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F1F1',GradientType=0 ); background: linear-gradient(top, #FFFFFF,#F2F1F1 100%); border: 1px solid #BBBBBB; color: #7D7D7D; font-family: 'Fira Sans'; font-size: 15px; margin: 25px 0 0 32px; padding: 8px 5px 8px 30px; transition: all 0.5s ease 0s; }
.user img { display: block; float: left; margin-left: 41px; margin-top: -29px; position: absolute; }
.btn_box { margin: 15px 0 0 25px; }
.no_acces_ac a { color: #333333; float: left; font-family: 'Fira Sans'; font-size: 14px; margin: 17px 0 0 11px; padding: 0; text-decoration: none; transition: all 0.5s ease 0s; }
  .no_acces_ac a:hover { color: #2B92CE; }
.login-btn { background: #FAA51A; background: -moz-linear-gradient(top, #FAA51A 0%, #F47A20 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAA51A), color-stop(100%,#F47A20)); background: -webkit-linear-gradient(top, #FAA51A 0%,#F47A20 100%); background: -o-linear-gradient(top, #FAA51A 0%,#F47A20 100%); background: -ms-linear-gradient(top, #FAA51A 0%,#F47A20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAA51A', endColorstr='#F47A20',GradientType=0 ); background: linear-gradient(top, #FAA51A,#F47A20 100%); border: 1px solid #E97B02; border-radius: 1px; color: #FFFFFF; display: inline-block; font-family: 'Fira Sans'; font-size: 18px; line-height: 20px; margin: 10px 0 0 28px; padding: 5px 23px 7px; text-decoration: none; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  .login-btn:hover { background: #F06015; background: -moz-linear-gradient(top, #F88E11 0%, #F06015 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F88E11), color-stop(100%,#F06015)); background: -webkit-linear-gradient(top, #F88E11 0%,#F06015 100%); background: -o-linear-gradient(top, #F88E11 0%,#F06015 100%); background: -ms-linear-gradient(top, #F88E11 0%,#F06015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F88E11', endColorstr='#F06015',GradientType=0 ); background: linear-gradient(top, #F88E11,#F06015 100%); text-decoration: none; }
.foot-block { background-color: #054b9b; border-top: 4px solid #0087e4; color: #FFFFFF; float: left; font-family: 'Fira Sans'; font-size: 15px; padding: 16px 0; text-align: center; width: 100%; }
.foot-block_1 { float: right; margin: 0; padding: 0; display: block; }
.foot-block a { color: #FFFFFF; text-decoration: none; }
  .foot-block a:hover { text-decoration: underline; }
.change_acc_box { width: 100%; float: left; }
.change_acc_container { margin: 10px 0 0 0; width: 100%; }
.select_user_type { text-align: center; font-family: 'Fira Sans'; font-size: 16px; padding: 10px 0 0 0; color: #333; }
  .select_user_type select { padding: 5px 5px 5px 5px; font-family: 'Fira Sans'; width: 190px; color: #7d7d7d; font-size: 15px; border: 1px #dedede solid; margin: 25px 0 0 32px; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f1f1)); background: -moz-linear-gradient(top,#ffffff,#f2f1f1); filterrogidXImageTransform .Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f1f1'); transition: all 0.5s ease 0s; }
    .select_user_type select:focus { box-shadow: 0 0 10px #a9d8fb; border: 1px #75b9f0 solid; }
.radio_options_container { width: 700px; margin: 25px auto; }
.radio_options input[type="radio"] { float: left; margin: 0 10px 0 0; position: relative; border-radius: 1em 1em 1em 1em; height: 15px; width: 15px; }
.radio_options .options { width: 400px; float: left; }

.hideable-wrapper { overflow: hidden; -ms-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.hideable-box { margin-top: 10px; margin-left: 22px; line-height: 18px }
.secondary { font-size: 11px; color: #666; line-height: 18px; }
.radio-label { margin-left: 22px; display: block; line-height: 15px; font-family: 'Fira Sans'; color: #039; font-size: 16px; margin: 0 0 10px 0 }


.feilds input[type="text"] { width: 230px; padding: 5px 5px 5px 8px; font-family: 'Fira Sans'; color: #000; font-size: 15px; border: 1px #dedede solid; margin: 5px 0 10px 0px; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f1f1)); background: -moz-linear-gradient(top,#ffffff,#f2f1f1); filterrogidXImageTransform: Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f1f1'); transition: all 0.5s ease 0s; }
.feilds input[type="password"] { width: 230px; padding: 5px 5px 5px 8px; font-family: 'Fira Sans'; color: #000; font-size: 15px; border: 1px #dedede solid; margin: 5px 0 10px 0px; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f2f1f1)); background: -moz-linear-gradient(top,#ffffff,#f2f1f1); filterrogidXImageTransform .Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f1f1'); transition: all 0.5s ease 0s; }
.feilds input[type="text"]:focus { box-shadow: 0 0 10px #a9d8fb; border: 1px #75b9f0 solid; }
.feilds input[type="password"]:focus { box-shadow: 0 0 10px #a9d8fb; border: 1px #75b9f0 solid; }
.button { display: inline-block; color: #fff; line-height: 18px; text-decoration: none; padding: 4px 18px 4px; background: #0866C6; background: -moz-linear-gradient(top, #0866C6 0%, #0754a2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0866C6), color-stop(100%,#0754a2)); background: -webkit-linear-gradient(top, #0866C6 0%,#0754a2 100%); background: -o-linear-gradient(top, #0866C6 0%,#0754a2 100%); background: -ms-linear-gradient(top, #0866C6 0%,#0754a2 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr='#0866C6', endColorstr='#0754a2',GradientType=0); background: linear-gradient(top, #0866C6,#0754a2 100%); font-family: 'Fira Sans'; font-size: 15px; margin: 10px 0 16px 28px; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius: 2px; text-align: center; border: none; }
  .button:hover { text-decoration: none; background: #0866C6; background: -moz-linear-gradient(top, #0866C6 0%, #0866C6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0866C6), color-stop(100%,#0866C6)); background: -webkit-linear-gradient(top, #0866C6 0%,#0866C6 100%); background: -o-linear-gradient(top, #0866C6 0%,#0866C6 100%); background: -ms-linear-gradient(top, #0866C6 0%,#0866C6 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr='#0866C6', endColorstr='#0866C6',GradientType=0); background: linear-gradient(top, #0866C6,#0866C6 100%); }
.tabs-container { width: 100%; margin: 13px 0 0px 0; float: left; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 42px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 100%; background: #fff; }
  ul.tabs li { float: left; margin: -1px 0 0 0; padding: 0; height: 42px; line-height: 31px; border: 1px solid #CCCCCC; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; }
    ul.tabs li img { margin: 7px 10px 0 -26px; float: left; }
  ul.tabs span { font-size: 24px; font-weight: normal; letter-spacing: 2px; float: right; padding: 10px 8px 0 0; color: #000; }
  ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 15px; padding: 6px 22px 4px 31px; border: 1px solid #fff; outline: none; font-family: 'Open Sans',sans-serif; font-weight: 100px; background-color: #E0E0E0; }
  ul.tabs li.active a { background: #fff; }
  ul.tabs li a:hover { background: #fff; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; font-family: 'Open Sans',sans-serif; font-size: 15px; font-weight: 100px; }
.tab_container { border-top: none; clear: both; float: left; width: 100%; background: #fff; }
.tab_content { padding: 10px; color: #000; font-size: 12px; height: 283px; text-align: left; }
  .tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
  .tab_content h3 a { color: #254588; }