/* basis css sheet */

@media (max-width:767px) {
/* phones */
#wrapper {
width:100%;
}

.warning {
width:300px;
}

#mobile-divider-text {
display:none;
}

#mobile-divider-a {
display:none;
}

#mobile_menu {
display:none;
}

#login-register-nav {
display:inline;
}

#top_divider {
text-align:right;
}

table.client_details,table.policies {
width:100% !important;
}
}

@media (max-width:520px) {
#desktop-header-right {
display:none;
}

.warning {
width:240px;
}

#mobile-divider-text {
display:inline;
}

#mobile-divider-a {
display:inline;
position:absolute;
right:25px;
top:170px;
}

#login-register-nav {
display:none;
}

#top_divider {
text-align:center;
font-size:120%;
}

#header_right {
display:none;
}

#logo img {
position:absolute;
left:50%;
margin-left:-125px;
}
}

@media (min-width:768px) {
#wrapper {
width:80%;
}

#mobile-divider-text {
display:none;
}

#mobile-divider-a {
display:none;
}

#mobile_menu {
display:none;
}

#top_divider {
text-align:right;
}

table.client_details,table.policies {
width:60% !important;
}
}

body {
font-size:small;
font-family: "Helvetica Neue ",Helvetica,Arial,sans-serif;
color:#4C4C4C;
background-color:#E6E8F0;
}

a {
color: #002949;
}

/* language switcher class - used to show or hide language switching links */

.lang_switch {
    display: none !important;
}

h1 {
/*margin: 10px;*/
color:#5a6d83;
font-size:130%;
border-bottom:2px double #B5B1B1;
}

h1.pymnt {
text-align: center;
border: none;
color: gray;
font-size: 150%;    
}

#wrapper {
background-color:#FFFFFF;
/*width: 80%;*/
margin-top:30px;
margin-left:auto;
margin-right:auto;
border-radius:10px;
-moz-border-radius:10px;
border:1px solid gray;
-webkit-box-shadow:0 1px 10px rgba(0,0,0,.3);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.3);
box-shadow:0 1px 10px rgba(0,0,0,.3);
max-width:1280px;
}

#header {
/*background: #FFFFFF url("/img/logomobile.png") no-repeat; */
width:95%;
height:130px;
margin-left:auto;
margin-right:auto;
/*border-radius: 10px;
-moz-border-radius: 10px;*/
}

#logo {
width:49%;
float:left;
}

#logo a {
text-decoration:none;
}

#logo img {
border:none;
}

#header_right {
width:49%;
float:left;
/*margin-top: 60px;
    margin-right: 15px;*/
text-align:right;
margin-top:45px;
}

#top_divider {
clear:both;
margin-left:auto;
margin-right:auto;
width:95%;
line-height:40px;
background:#7589a0;
border-bottom:4px solid #d6dce3;
color:#FFFFFF;
font-weight:bold;
/*text-align: right;*/
}

#top_divider ul {
margin:0;
padding:0;
/*padding-top: 12px;*/
padding-left:10px;
list-style-type:none;
}

#top_divider ul li {
display:inline;
color:white;
font-weight:bold;
text-align:left;
font-size:100%;
padding-right:8px;
}

#login-register-nav a {
color:white;
text-decoration:none;
}

#mobile-divider-a {
margin:0;
padding:2px;
color:white;
text-decoration:none;
border:1px solid white;
border-radius:2px;
-moz-border-radius:2px;
font-size:75%;
}

.login_name {
color:#26289B;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
background-color:#F5F5F5;
display:inline;
}

.login_name a {
color: #26289B;
}

.large_font {
color:#848383;
font-size:160%;
}

.reset {
margin:0;
padding:0
}

a.lang_toggle_top {
padding: 3px;
text-decoration: none;
border-radius:5px;
-moz-border-radius:5px;
border: 1px solid gray;
color: gray;
}

.copy_ver {
margin-right: auto;
margin-left: auto;
text-align: center;
font-size: 85%;
color: gray;
}

#login_box,#register_box,#forgot_box,#content_box, #pymnt_box {
clear:both;
width:95%;
margin-top:25px;
margin-left:auto;
margin-right:auto;
}

#portlet_main{
clear:both;
width:95%;
margin-left:auto;
margin-right:auto;
background-color: whitesmoke;
}

#mobile_menu {
width:95%;
margin:0 auto;
background-color:#E6E8EF;
text-align:center;
}

#mobile_menu ul {
margin:0;
padding:0;
margin-top:2px;
}

#mobile_menu li {
margin:0;
padding:0;
padding:5px 0;
list-style:none;
border-bottom:1px solid whitesmoke;
}

#mobile_menu a {
color:navy;
text-decoration:none;
display:block;
}

#login_form,#register_form, #pol_input_form {
margin-top:20px;
}

#input_email,#input_pword,#last_name,#pol_num,#dl_num,#dob,#conf_pword,#conf_email,#first_name,#dis_name,#pref_loc, #cur_pw, #new_pw, #conf_pw, #pol_input {
width:280px;
height:25px;
font-size:120%;
border-radius:5px;
-moz-border-radius:5px;
border-style:none;
border:1px solid #D3D0D0;
padding-left:5px;
}

div.msg {
color:red;
}

.error {
border:1px dotted red!important;
}

#validation_errors {
display:none;
padding:5px;
border-radius:2px;
-moz-border-radius:2px;
border:1px solid red;
background-color:#FCE9E9;
margin-bottom:10px;
}

.input_fied_gray {
color:gray;
}

.input_field_normal {
color:#3F3F3F;
}

p.input_form_p {
text-align:center;
}

#login_submit,#register_submit,#reset_submit,#reg_submit, #new_pw_submit, #pol_submit {
/*width:110px;*/
height:30px;
font-size:120%;
background-color:#00457c;
color:white;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
}

.form_control {
padding-bottom:10px;
}

.instructions {
border-radius:2px;
-moz-border-radius:2px;
border:1px dotted gray;
padding:5px;
background-color:#DFE1FA;
margin-left:2px;
margin-right:2px;
}

#reg_setup-conf,#tos_box,#privacy_box,#contact_box,#help-faq_box {
border-radius:5px;
-moz-border-radius:5px;
border:1px dotted gray;
padding:5px 10px;
background-color:whitesmoke;
margin-left:2px;
margin-right:2px;
}

#conf_details {
border-radius:5px;
-moz-border-radius:5px;
padding:5px 10px;
margin-left:2px;
margin-right:2px;
}

label.register {
font-weight:bold;
}

p.register {
margin:0;
padding:0;
border-radius:2px;
-moz-border-radius:2px;
border:1px dotted gray;
padding:5px;
background-color:white;
margin-left:2px;
margin-right:2px;
}

#bipper_support {
width:95%;
margin-left:auto;
margin-right:auto;
height:90px;
background:#FFFFFF url( "/img/bipper2.jpg") no-repeat bottom right;
}

.warning {
margin:0;
padding:0;
margin-bottom:10px;
/*width: 300px;*/
padding:10px;
padding-left:40px;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid orange;
border-left:15px solid orange;
font-weight:bold;
background:#FEFBEB url( '/img/dialog_warning.png ') center left no-repeat;
/* #FAE5C2 */
}

.change_mind {
margin:0;
padding:0;
margin-left:30px;
margin-right:30px;
padding:10px;
font-weight:bold;

}

.info {
margin:0;
padding:0;
margin-left:30px;
margin-right:30px;
padding:10px;
padding-left:40px;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid #26278D;
border-left:15px solid #26278D;
font-weight:bold;
background:#E3ECFA url( '/img/info.png ')center left no-repeat;
}

.firm_notice {
margin:0;
padding:0;
margin-left:30px;
margin-right:30px;
padding:10px;
padding-left:40px;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid orange;
border-left:15px solid orange;
font-weight:bold;
background:#E3ECFA url( '/img/info.png ')center left no-repeat;
}

dt {
margin:0;
padding:0;
font-weight:bold;
border-left:1px solid gray;
border-top:1px solid gray;
border-right:1px solid gray;
cursor:pointer;
}

dd {
margin:0;
padding:0;
background-color:whitesmoke;
border-bottom:1px solid gray;
border-left:1px solid gray;
border-right:1px solid gray;
cursor:pointer;
margin-bottom:10px;
}

.dl_selected {
background-color:#BEE8F8;
}

#terms_modal,#privacy_modal {
display:none;
}

.loading {
opacity:0.4;
background:url( '/img/loading-transparent.gif ') no-repeat scroll center center;
}

#finalize_account {
width:240px;
margin-left:auto;
margin-right:auto;
font-weight:bold;
font-size:110%;
text-align:center;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid gray;
background-color:white;
}

#update_account {
width:240px;
margin-left:auto;
margin-right:auto;
font-weight:bold;
font-size:110%;
text-align:center;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid gray;
background-color:white;
}

.button_link {
padding:3px;
border:1px solid gray;
background-color:#606BCC;
color:white;
font-weight:bold;
text-decoration:none;
cursor: pointer
}

#cover {
background:url( "/img/loading-transparent.gif ") no-repeat scroll center center transparent;
opacity:50;
position:absolute;
height:95%;
width:95%;
}
/* inline modal popup - hide title by adding class no_title */
.no_title .ui-dialog-titlebar {
display:none;
}

#loading_div {
display:none;
}

#resend_control {
text-align:center;
}

#resend_control input {
display:inline-block;
}

p.caption {
color:#00457c;
font-weight:bold;
font-size:120%;
text-align:left;
}

p.shoutout_caption1 {
color:#00457c;
font-weight:bold;
font-size:120%;
text-align:left;
}

p.shoutout_caption2 {
color: #374E3D;
font-weight:bold;
font-size:120%;
text-align:left;
}

p.shoutout_caption3 {
color: #356572;
font-weight:bold;
font-size:120%;
text-align:left;
}

table.client_details {
border-collapse:separate;
/* width: 60%; */
border:1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
}

table.client_details td {
width:100%;
background-color:#FFFFFF;
padding:2px;
}

table.policies {
background-color:#F5F5F5;
border-collapse:separate;
/* width: 60%; */
border:1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
}

table.policies td.first {
width:30%;
background-color:#d6dce3;
padding:2px;
font-weight:bold;
}

table.policies td.second {
width:70%;
background-color:#FFFFFF;
padding:2px;
}

span.label {
font-weight:bold;
width:75px;
display:inline-block;
color:gray;
}

/* login styling testing */

div.input_title {
    display: none;
}

.show_title {
    display: block;
}

.offline_contact {
    border-radius: 5px;
    background: white;
    border: 1px dotted gray;
    padding: 10px;
}

#ajax_loading {
background:#FFFFFF url( '/img/loading-horiz.gif ') bottom no-repeat;
}

#ajax_loading p {
text-align:center;
}

.conf_msg,.ajax_msg {
border:1px dotted gray;
border-radius:5px;
-moz-border-radius:5px;
background-color:whitesmoke;
padding:5px;
}

#no_js {
display: block;
left:0px;
top:0px;
background-color:#FEFCBE;
width:100%;
min-height:30px;
text-align:center;
font-weight:bold;
color:gray;
padding:5px;
}

.gray_font {
color: gray;
}

table caption {
text-align: left;
font-weight: bold;
font-size: 110%;
color:#5a6d83;
margin-bottom: 5px;
}

#portlet_container{
min-height: 300px; 
padding: 20px;  
}

.portlet_box {
margin-top: 10px;
margin-left: 10px;
width: 95%;
background: white;
border: 1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
padding: 10px;
}

.shoutout_box1 {
margin-top: 10px;
margin-left: 10px;
width: 95%;
font-size: 110%;
background: cornsilk;
border: 1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
padding: 10px;
}

.shoutout_box2 {
margin-top: 10px;
margin-left: 10px;
width: 95%;
font-size: 110%;
background: #CDEEDD;
border: 1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
padding: 10px;
}

.shoutout_box3 {
margin-top: 10px;
margin-left: 10px;
width: 95%;
font-size: 110%;
background: #C0D8F1;
border: 1px solid gray;
border-radius:5px;
-moz-border-radius:5px;
padding: 10px;
}

.portlet_title {
color:#00457c;
font-size:150%;    
}

.portlet_subtitle {
color: gray;
font-weight: bold; 
font-size: 120%   
}

#img {
    margin-top:10px;
}

#img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid gray;
    display: block;
    width: 100%;
    height: auto;
}

div.dialog_main {
border-radius:3px;
-moz-border-radius:3px;
background-color:whitesmoke;
padding-left:10px;
padding-right:10px;
}

#email_input,#conf_input {
/*width:300px; see queries.css */
height:25px;
font-size:120%;
border-radius:5px;
-moz-border-radius:5px;
border-style:none;
border:1px solid #D3D0D0;
padding-left:2px;
}

/* form validation error classes */
span.msg,div.msg {
color:red!important;
}