﻿body { margin-top: 40px; }
body, html { height: 100%; line-height: 1.6em; }

.page_content { background-color: #fff; border: 1px solid #EAE5E6; border-radius: 2px; padding: 16px 24px;  overflow: hidden;}
.page_content_proof { background-color: #fff; border: 1px solid #EAE5E6; border-radius: 2px; padding: 16px 12px;  overflow: hidden;}

a:link, a:hover, a:visited { color: #1E5D7D; text-decoration: none; }

a:link, a:visited, form.link button, button.link, button.link:hover { color: #333333; text-decoration: none; }

h1, h2, h3, h4, h5, legend { font-style: normal; font-weight: normal; padding: 0.6px 0; }
h2 { font-size: 1.308em; }
h3 { font-size: 1.0em; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h1#page_title { font-size: 16px; }

.code_header { color: #585858; font-weight: 600; }


input.textXXSmall {width:2.5em; height: 28px; }
input.textXSmall {width:5em; height: 28px; }
input.textSmall {width:9em; height: 28px;  padding: 0 6px; }
input.textMedium { width: 19em; line-height: 28px; }
input.textMedium-Lrg { width: 26em; line-height: 28px; }
input.textLarge { width: 30em; line-height: 28px; }
input.textXLarge { width: 42em; line-height: 28px; }
input.textXXLarge { width: 62em; line-height: 28px; }
select.selectXSmall { width: 4em;  line-height: 28px; }
select.selectSmall { width: 10em;  line-height: 28px; }


.btn_nopad { padding: 0; }
.save_row { margin-top: 15px; font-size: 12px; }
.save_row input {  padding: 0; vertical-align: bottom; }

fieldset.input_row { margin-bottom: 15px; }

/***************/
/* bs overides */
/***************/
.navbar-brand { margin-right: 66px; }


/*********************/
/* button action row */
/*********************/
.btn_action { height: 28px; padding: 0 10px; }
.action_list li { padding-left: 10px; color: #FFF; }
.action_list li:hover { cursor: pointer; cursor: hand; background-color: #C17702; }
.action_row { margin-bottom: 10px; }
.btn_submit input { padding: 0; margin: 10px 0; }

/*from admin.css*/
.action_row {  height: 28px; position: relative; line-height: 28px; margin-bottom: 10px; }
.action_row span { vertical-align: middle; } 
.action_row .form-control { display: inline-block; height: 28px; vertical-align: top; padding: 0; }
.action_row input { padding: 0; }
.action_row .action_block { display: inline-block; height: 28px; }
.add_new { float: right; }

.action_row .add_new img { vertical-align: top; }
.action_row span.label_input { vertical-align: top; }

.alert { padding: 15px; line-height: 1.0em; }
.alert-warning { background-color: #FCF8E3; border-color: #FAEBCC; color: #000000; }
#dialogchoice .small_msg { height: 25px;padding: 4px 4px; font-size: 10px; margin: 4px 0; }


#spinnerimage { display:none; }
#spinner_container {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -16px; /* half width of the spinner gif */
    margin-top: -16px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 32px; /* width of the spinner gif */
    height: 32px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/**********/
/* tables */
/**********/
table.grd .heading { background-color: #E9E9E9 !important; font-size: 14px; font-weight: 600; padding: 6px; margin-bottom: 6px; }
table.grd th .form-control { margin: 2px 0 4px 6px; font-weight: normal; display: inline; }
table.grd th img { display: block; margin: 2px 0 4px 8px; }
table.grd input, .grd select { font-size: 12px; }
table tr td { line-height: 1.42857; padding: 8px;  }
table.grd tr td, th { border: 1px solid #DDDDDD; }

.grd th { vertical-align: top; }
.grd th input, select { display: block; }

.grd > tbody > tr:nth-child(2n+1) > td { background-color: #F2F2F2; }  /*wont work in ie 8 */
.grd > tbody > tr:hover td { background-color: #EAEAEA; }
/*tr:nth-child(even) {
    background-color: #f9f9f9;
}*/


table.grd .ui-datepicker-trigger { display: inline; }


.count { display: inline-block; margin-right: 10px; }
.Pager { display: inline; }
.Pager a.page { margin-right: 10px; margin-left: 10px; }
.Pager select { display: inline; }
.page_size select, .page_size { display: inline; }
.Pager, .page_size { font-size: 13px; }
.page_size select { height: 26px; font-size: 13px; }

.text_label { color: #cdcdcd; font-weight: normal; }
.action_click { cursor: pointer; cursor: hand; }
/************************/
/* Jquery UI overrides */
/***********************/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.7em; }

#login_form table { width: 100%; }
.login_box { background-color: #F3F4F5; margin: 0 auto; padding: 20px 30px 15px; width: 360px; }
.login_box h3 { font-size: 23px; }
.login_box h4 { font-size: 18px; margin-bottom: 6px; }
.login_box  p { margin-top: 0; }
.login_box a { color: #008CBA; }
.login_box a:hover { text-decoration: underline; }
.login_box .login_title { font-weight: 300; margin-bottom: 25px; }
.login_box hr { margin: 10px 0; }
.login_box { border: 1px solid #ccc; }
.login_box .login_foot { clear: both; display: block; margin-top: 6px; overflow: hidden; }

.header_top img { margin: 4px 0 20px 10px; }

p.failure_text { color: #f70f0f; font-size: 10px; margin: 4px 0; font-weight: 500; }

a.decorate_text, p.decorate_text, .decorate_text { text-decoration: underline; cursor: pointer; cursor: hand; }

span.required { color: #f70f0f; font-size: 12px; font-weight: 800; }






#carefiber_filter ul, #coo_filter ul { padding-left: 0; font-size: 12px; }
#carefiber_filter ul li, #coo_filter ul li { display:  inline; margin-right: 1px;   }
#carefiber_filter li, #coo_filter li { border: 1px solid #ccc; padding: 4px; font-size: 12px;  }
#carefiber_filter li:hover, #coo_filter li:hover { cursor: pointer; cursor: hand; }

/**************/
/* Menu links */
/**************/
.menuitem_selected a { font-weight: 600; color: #fff !important; }
.menuitem_selected i { color: #fff; }
.mainselected { background-color: #006687; font-weight: 600; color: #fff; }

.login_box, .recover_box, #reset_box {
    background-color: #f3f4f5;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 25px;
}

#recover_pwd {
    color: #000;
    margin: 100px auto;
    width: 460px;
}


#recover_pwd legend, #reset_box legend {
    color: #000;
}
#pnlRecover input#SubmitButton { padding: 0; margin-top: 10px; }
#vSummary ul { padding-left: 0; }
#vSummary ul li { color: #f70f0f; list-style: none;  }

.recover_box a { text-decoration: underline; color: #008cba; font-weight: 800; }