/************* HTML/BODY************/
html {}
body { font-size: 13px; padding:0px; margin:0px; color:#2f2f2f; font-family:Arial, Helvetica, sans-serif; height:100%; background: #fff; float:left; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); }
body.texteditor{background: #fff !important; height:100%; }
#content-wrapper { width:100%; margin: 0px; padding-top: 0px;/* background: url("../images/background.jpg") top left repeat-x #000000 fixed;*/ height:100%; }
/************* COMMON *************/
sup { font-size: 0.875em; }
a { text-decoration: none; color: #221006;}
a:hover { text-decoration: underline; }
.clearfix { *zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }
.clear{ width:100%;height:0; clear:both; display:block; }
.clear-both { clear: both; }
.clear_block{width:100%; height:0; clear:both; display:block; }
.clr-both { clear: both; }
.flt-left { float: left; } .flt-right { float: right; }
.txt-left { text-align: left; } .txt-right { text-align: right; }
.fl_left{float: left}
.fl_right{float: right}
.clr{clear: both;}
.no-trans { text-transform: none; }
.center { text-align: center; }
.clr {clear: both; }
.clr_b { clear: both; }
.clr_both { clear: both; }
.clr_l { clear: left; }
.clr_r { clear: right; }
.float-right { float: right; }
.float_right { float: right; }
.float-left { float: left; }
.float_left { float: left; }
.txt_center { text-align: center; }
.b{font-weight: bold}
.c{text-align: center;}
.text-replace { display: none; }
.bold { font-weight: bold; font-size: 12px; }
.m-auto{margin: auto;}
/****************** IMAGE **************/
img a { border: none; margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a img {border: none;}
/**************** COLOURS ******************/
.cottars-nav-brown { color:#1F110C; }
.cottars-nav-border { color:#47251B; }
.cottars-nav-text { color:#EDE4CF; }
.font-brown { color:#221006; }
.font-cream { color:#F5E5D3; }
.back-contact { color:#4B382D; }
.back-contact-box { color:#F6F0E6; }
.back-fade-colour { color:#2B160A; }
.back-main { color:#FCFAF4; }
.back-recipes { color:#DED5C4; }
.recipes-border { color:#1D1307; }
.sloe-gin { color: #553542; }
.damson { color: #4C4D61; }
.wild-s { color: #AD0C2E; }
/************ WIDTH ***************/
.w-200{width:200px;}
.w-250{width:200px;}
.w-300{width:300px;}
.w-350{width:250px;}
.w-400{width:400px;}
.w-450{width:450px;}
.w-550{width:550px;}
.w-600{width:600px;}
/************ HEAD TAG ***************/
h1 { font-family: Arial, Helvetica, sans-serif ; font-size:26px; text-transform: uppercase; margin:2px 0px; padding:0px; line-height:30px; }
h2 { font-family: Arial, Helvetica, sans-serif ; font-size:20px; text-transform: uppercase; margin:0px; padding:0px; line-height: 24px; }
h3 { font-family: Arial, Helvetica, sans-serif ; font-size:18px; margin:5px 0px; padding:0px; line-height:22px; }
h4 { font-family: Arial, Helvetica, sans-serif ; font-size: 14px; color: #2e2e2e; font-weight:bold; margin: 10px 0px 0px 0px; padding-bottom: 5px; }
p { font-family: Arial, Helvetica, sans-serif ; font-size:12px; margin: 5px 0px;}
/*********BREADCRUMB***********/
#breadcrumbs { float:left; padding:0px; margin:0px; margin-bottom:10px; color:#8098AC; font-size:11px; }
#breadcrumbs a:link, #breadcrumbs a:visited{color:#8098AC; }
#breadcrumbs a:hover{color:#567396; }
#print-box { float:right; padding:0px; margin:0px; cursor: pointer; }
/************* LAYOUT, COLUMNS & BLOCKS ***************/
#content-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); width:100%; margin: 0px; padding-top: 0px;/* background: url("../images/background.jpg") top left repeat-x #000000 fixed;*/ height:100%; }
#content-back { min-width: 1024px; padding:0px 20px; padding-bottom: 40px; padding-top: 10px; background: #F0F0F0; height:100%; min-height: 340px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); }
/******** Default Columns With Right Widgets************/
#columns {width:690px; margin:0px; float:left; text-align:left; }
#columns ul li { padding:1px 0px; }
#inner-content { margin: 0px 10px 0px 10px; padding: 0px; text-align: left; min-height:160px; font-family: Arial, Helvetica, sans-serif ; }
.col_fullwidth { width: 100%; margin: 0px 20px 0px 0px; float: left; text-align:left; padding:0px; }
.col_main { width: 450px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px; }
/* Medium will not be use in layout wiht widget */
.col_medium { width: 250px; margin: 10px 0px 0px 0px; float: left; text-align:left; padding:0px;}
.col_small { width: 200px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px;}
.col_small_connected{width: 300px;min-height: 150px;border: 0px;float: left;margin: 0;margin-right: 20px; }
.col_small_connected .col_small {margin-right: 0;}
.section-header { font-size: 20px; color:#2f2f2f; font-weight: bold; margin: 0 5px 5px 10px; padding: 10px 10px 11px; border-bottom: none; font-family: Arial, Helvetica, sans-serif ; float:left; background: /*#BE0002*/#EF7D00; border: 1px solid /*#BE0002*/#EF7D00; color: #FFFFFF; font-weight: bold; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-size:12px; margin-right:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; cursor: auto; width:auto; float:left; clear:both; }
.section-header .tab { background: /*#BE0002*/#EF7D00; border: 1px solid /*#BE0002*/#EF7D00; color: #FFFFFF; font-weight: bold; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-size:12px; margin-right:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; cursor: auto; width:auto; float:left;
}
.section-content { border-top: none; padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif ; line-height: 20px; clear: both; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); float: left;}
.section-content a:link, .section-content a:visited, .section-content a:active { text-decoration: none; }
.section-content a:hover { /*color:#007AC3;*/ text-decoration: underline; }
.section-content img { padding: 0px; }
.section-content-no-bd{border: 0;padding-top: 0px;}
/*****************************************
In all other layout all the columan will be midify by adding the prefixe class name modifyer.
******************************************/
/********* User Layout 25%|50%|25% *************/
#content-wrapper .user-layout{margin-right: 20px;}
.user-layout #columns{ width:auto; margin: auto; float: none; min-width:1024px;}
.user-layout .col_main { width: 400px;}
.user-layout .col_medium { width: 50%;} /* both mediam and small col will be same on this layout */
.user-layout .col_small { width: 250px;}
/********* Widget Layout 35%|35%|25% *************/
.widget_layout_35_25 .col_main { width: 325px;}
.widget_layout_35_25 .col_medium { width: 325px;} /* both mediam and small col will be same on this layout */
.widget_layout_35_25 .col_small { width: 325px;}
/********* Full-Width Layout (20%|50%|30%)*************/
.fullwidth_content #columns{ width:100%; margin: auto; float: left; } /* alrady have a 20px margin left and all othre will work as default layout */
/********* Full-Width Layout 25%|50%|25% *************/
.fullwidth_content_25_50 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_25_50 .col_main { width: 400px;}
.fullwidth_content_25_50 .col_medium { width: 250px;} /* both mediam and small col will be same on this layout */
.fullwidth_content_25_50 .col_small { width: 250px;}
/********* Full-Width Layout 33%|33%|33% *************/
.fullwidth_content_33_33 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_33_33 .col_main { width: 300px;} /* all col will be same as 33% */
.fullwidth_content_33_33 .col_medium { width: 300px;}
.fullwidth_content_33_33 .col_small { width: 300px;}
/********* Full-Width Layout 50%|50% *************/
.fullwidth_content_50_50 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_50_50 .col_main { width: 460px;} /* all col will be same as 50% 50% */
.fullwidth_content_50_50 .col_medium { width: 460px;}
.fullwidth_content_50_50 .col_small { width: 460px;}
/********* Full-Width Layout 40%|60% *************/
.fullwidth_content_33_33 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_33_33 .col_main { width: 520px;}
.fullwidth_content_33_33 .col_medium { width: 400px;} /* both mediam and small col will be same on this layout */
.fullwidth_content_33_33 .col_small { width: 400px;}
/*************Maintenance Layout*******************/
.maintenance #content-wrapper{width: 680px; background: url('../images/maintenance-bg.jpg') no-repeat;}
.maintenance #columns {background: transparent;min-height: 250px;}
/*********News layout***************/
.news_content #columns{ width:490px;margin: auto;float: none;}
.news_content #columns .col_main{width: 490px;}
.col_small .news-items { padding-left:10px; float:left; width:220px; }
.col_small .news-items-heading { margin-left:-10px; padding-left:10px; width:220px; }
/****** Resource Block ********/
.block_supplements ul{padding: 0;margin: 0;}
.block_slide_decks ul{padding: 0;margin: 0;list-style: inside;}
.block_slide_decks ul li{padding-left: 10px;}
/*
.links-heading { padding: 0 5px 5px 5px; font-family: Arial, Helvetica, sans-serif ; font-size:13px; }
.links { width:220px; background: url(../images/links-back.jpg) top left no-repeat; padding: 7px 5px 0 5px; height:25px; color: #F6F1DE; font-size: 15px; margin-bottom: 10px; }
.links a { color: #F6F1DE; }
.content-links { width: 385px; padding-top:8px; height: 33px; background: url(../images/content-links.jpg) top left repeat-x; }
.content-links a { padding-top:4px; padding-bottom:10px; height: 33px; background: url(../images/arrow.png) top right no-repeat; padding-right:40px; font-style: italic; }
.col_medium .images-group { width:301px; border-top:1px solid #21170D; border-bottom:1px solid #21170D; padding:2px 0px; }
.col_medium .images-group img { border:none; background:#21170D; width:297px; padding:2px; overflow: hidden; }
.col_medium .images-group-caption { border:none; width:297px; padding:2px; font-family: Arial, Helvetica, sans-serif ; font-size:13px; font-style: italic; background: url(../images/caption-bottom.png) bottom left repeat-x; padding:10px 0px; }
.col_main .images-group { width:385px; border-top:1px solid #21170D; border-bottom:1px solid #21170D; padding:2px 0px; }
.col_main .images-group img { border:none; background:#21170D; width:381px; padding:2px; overflow: hidden; }
.col_main .images-group-caption { border:none; width:381px; padding:2px; font-family: Arial, Helvetica, sans-serif ; font-size:13px; font-style: italic; background: url(../images/caption-bottom.png) bottom left repeat-x; padding:10px 0px; }
.col_contact { width: 470px; margin-bottom: 10px; margin-right:15px; float:left; text-align:left; padding:0px; background: url(../images/caption-top.png) bottom left repeat-x; font-size:11px; font-weight:bold; }
.col_contact input { border: 1px solid #221006; padding:5px; background: url(../images/textbox-back.png) top left no-repeat; color: #221006; font-family: Arial, Helvetica, sans-serif ; font-size:11px; }
.col_contact textarea { border: 1px solid #221006; padding:5px; background: url(../images/textarea-back.png) top left no-repeat; color: #221006; font-family: Arial, Helvetica, sans-serif ; font-size:11px; }
.contact-items { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 12px; padding-bottom:10px; float: right; margin-bottom:20px; margin-top: 10px; line-height:18px; }
.contact-items img { padding-top:5px; border:none; }
.contact-items a { border:none; }
.contact-items-heading { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 15px; font-weight:bold; background: url(../images/caption-top.png) top left repeat-x; padding: 12px 0 5px; border-bottom: 1px solid #221006; margin-bottom:5px; }
.contact-items hr { color: #221006; margin:5px 0px; }
.submit-form-btn { background: url(../images/submit-form.png) top left no-repeat; width:213px; height:32px; border:none; }
.col_contact hr { color: #221006; margin:5px 0px 0px 0px; }
*/
/*
.image_left {float:left;height: auto;margin: -2px 15px 5px 0px;}
.image_left2 {float:left;height: auto;margin: -2px 10px 0px 0px;padding: 0px;}
.image_left_300 {float:left;height: auto;margin: -2px 10px 0px 0px;padding: 0px;width: 300px;}
.image_right2 {float:right;height: auto;margin: -2px 0px 0px 10px;padding: 0px;}
.image_right {float:right;height: auto;margin: -2px -2px 5px 15px;}
*/
/*
#box-search-container {
margin-left: 12px;
margin-top: 13px;
background: url('../images/magnify_glass.png') no-repeat;
background-position: 0px 3px;
}
#box-search-container img {
margin-top: 2px;
}
#box-search-container span {
font-size: 1.438em;
font-weight: bold;
color: #77787c;
padding-left: 28px;
}
#search-form {
margin-bottom: 14px;
margin-left: 14px;
margin-top: 15px;
}
.input-container {
clear: both;
}
#search-input {
border-left: 1px solid #cbcbcb;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
height: 28px;
float: left;
width: 235px;
font-size: 0.688em;
font-weight: bold;
text-transform: uppercase;
color: #77787c;
padding-left: 8px;
line-height: 28px;
margin-bottom: 17px;
}
#search-button {
background: url('../images/magnify_button.png');
width: 29px;
height: 30px;
float: left;
}
#search-flags .input-container {
margin-left: 2px;
padding-bottom: 12px;
}
#search-flags span {
color: #77787c;
font-size: 0.813em;
font-weight: bold;
padding-left: 12px;
float: left;
}
#search-flags input {
float: left;
margin-top: 2px;
}
#search-flags {
}
.checkbox {
height: 25px;
width: 25px;
display: block;
}
#search-bottom-container {
background-color: #f0f0f0;
height: 29px;
padding-left: 10px;
padding-top: 9px;
}
#search-bottom-container a {
color: #77787c;
font-size: 0.813em;
font-weight: bold;
text-decoration: none;
float: left;
margin-top: 2px;
}
#search-bottom-container a:hover {
text-decoration: underline;
}
#search-bottom-container img {
float: left;
margin-left: 9px;
margin-top: 5px;
}
*/
/*************Tabluer data**************/
.cont-data-head{border-radius: 4px 4px 0 0;background: none repeat scroll 0 0 #E9E9E9;border-bottom: 1px solid #AAAAAA;color: #777777;font-weight: bold;margin: 0;padding-bottom: 4px;padding-left: 0.4em;padding-top: 2px;line-height: 18px;}
.tabular_data td.grey_img{background-color: #f2f2f2;width: 85px;text-align: center;}
.tabular_data th {background: none repeat scroll 0 0 #ffffff;border-bottom: 1px solid #AAAAAA;color: #777777;font-weight: bold;margin: 0;padding-bottom: 4px;padding-left: 0.4em;padding-top: 2px;}
.tabular_data th.lco{-m-moz-border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;-khtml-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}
.tabular_data th.rco{-m-moz-border-radius: 0 4px 0 0;-webkit-border-radius: 0 4px 0 0;-khtml-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}
.tabular_data{border: 1px solid #AAAAAA;min-height: 200px;border-radius: 4px 4px 0 0;font-size: 11px;color: #66666A;}
.tabular_data tr:nth-child(2n){background: #f4f4f4;}
.tabular_data tr td{vertical-align: top;}
.tabular_data th a:link,.tabular_data th a:visited{color: #777777;font-weight: bold;text-decoration: none;}
.tabular_data a:link, .tabular_data a:visited{color:#4c4c4c;}
.tabular_data th a:hover{color: #8098AC;font-weight: bold;text-decoration: none;}
.tabular_data th span.th-title{float: left;}
.ico-asc{height: 16px;width: 16px;background: url('../images/order_asc.png') no-repeat 50% 50%; ;padding: 0;display: block;float: left;margin: 0;margin-top: 0px;margin-left: 5px;}
.ico-desc{height: 16px;width: 16px;background: url('../images/order_desc.png') no-repeat 50% 50%;display: block;float: left;margin: 0;margin-top: 3px;margin-left: 5px;}
.details_data .details_row{line-height: 24px;padding-left: 10px;}
.details_data .details_row .details_title{float: left;display: block;width: 120px;font-weight: bold;}
.details_data .details_row:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.details_data .details_row:nth-child(2n+1){background: #f4f4f4;}
/***********End Tabuler data****************/
/**************Search Result*******************/
.search_top_title{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.search_res_title {font-size: 12px;font-weight: bold;padding-bottom: 5px;padding-top: 10px;font-family: Arial, Helvetica, sans-serif ;}
.search_res_desc{font-size: 11px;padding-bottom: 15px;}
.search_res_rank_link{color: #221006; padding-bottom: 7px; font-style: italic;}
.search_res_link{font-weight: bold;line-height: 35px;padding-bottom: 0px;text-transform: uppercase;}
.search_res_link img{float: left;padding: 0;margin: 0;padding-right: 10px;margin-left: -5px;}
.border_b_4{border-bottom: 4px solid #E7E7E7;margin-bottom: 15px;margin-top: 0px;}
.mt_10{margin-top: 10px;}
.search_res_msg{font-size: 14px;text-align: center;padding-top: 40px;font-weight: bold;padding-bottom: 40px;}
.search-form-container{margin-top: 20px;margin-bottom: 20px;padding: 10px;border: 1px solid #AAAAAA;border-radius: 4px;}
.search_form_content{/*float: left;width: 310px;*/}
.search_form_right{float: left;width: 310px;margin-left: 20px;}
/*******MAP*********/
#map{width: 470px;float: left;height: 400px;}
#map_content{border: 1px solid #CCC;font-size: 11px;color: #66666A;}
#map_content a{color: #4c4c4c;}
#map_sidebar{width: 180px;float: left;height: 400px;padding-left: 0px;margin-right: 1px;overflow: auto;border-right: 1px solid #CCC;}
.map-side-cont{padding-top: 5px;margin: 0;padding-left: 5px;}
.map-side-cont hr{background: #CCC;color: #CCC;border: 0;height: 1px;}
.in-map-side{background: #EEE;}
#map_radius_div{display: none;margin-right: 0px;}
#map_sidebar h3{text-align: left;font-size: 14px;font-weight: bold;margin: 0;padding: 0;background: #E9E9E9;padding-left: 5px;line-height: 30px;color: #EF4F91;}
.map_points{clear: both;max-width: 300px;padding-bottom: 10px;}
/***********TAB**********************/
#list_tabs{background: none;border: 0;}
#list_tabs .ui-tabs-nav{ background: none;border: 0;}
#list_tabs .ui-tabs-nav li{float: right;}
#list_tabs .ui-tabs-selected{margin-bottom: 1px;padding-bottom: 0px;}
#list_tabs .ui-tabs-panel{padding: 0;}
#list_tabs .ui-tabs-nav li.tab_err{float: left;color: #EF4F91;}
#list_tabs .ui-tabs-nav li.tab_err a{color: #EF4F91;}
/***************Dialog******************/
#info_dialog{display: none;}
#dialog_cookie{display: none;padding: 2px;margin: 0;}
.cookie_dialog{border: 0;}
.cookie_dialog .ui-dialog-titlebar{display: none;}
#dialog_cookie .info_dialog_head{height: 35px;line-height: 35px;border-bottom: 0px solid #6dbe41;}
#dialog_cookie img{border: none;}
#info_dialog .info_dialog_body,#dialog_cookie .info_dialog_body{padding: 10px;padding-bottom: 20px;}
#info_dialog p{margin: 0 10px 20px;}
#dialog_cookie .info_dialog_body{color: #333;font-size: 11px;}
.dialog_close{display: block;float: right;height: 30px;width: 30px;border-left: 2px solid #6dbe41;text-align: center;cursor: pointer;font-size: 16px;}
.dialog_close:hover{color: #d2d2d2;}
.cookie_dialog .ui-dialog-buttonpane button {background: none repeat scroll 0 0 #6DBE41;border: 2px solid #FFFFFF;color: #FFFFFF;font-size: 0.75em;font-weight: 700;height: 28px;line-height: 28px;margin: 0.5em 8px 0.5em 0; padding: 0 10px;text-align: center;text-transform: uppercase;}
/***Save search***/
.dialog_save_search .ui-dialog-titlebar{border-radius: 3px;}
.dialog_save_search .auto_logout_head{font-size: 16px; padding: 20px 10px 15px 35px;background: url('../images/exclamation.png') no-repeat 0px 20px; line-height: 20px; }
.dialog_save_search{border: 8px solid #EEE; border-radius: 6px; padding: 0; margin: 0;}
.dialog_save_search .ui-widget-content{color:#777; font-weight: bold; font-size: 11px;}
#dialog_save_search{ padding-left: 20px; padding-right: 20px;line-height: 18px; }
#dialog_save_search hr{border: 0; border-bottom: 1px solid #AAA; margin: 15px 0px; }
#dialog_save_search .auto_dialog_button{background: #154368; display: block; float: right; padding: 2px 20px; color: #B8CCD6; font-weight: bold; border-radius: 4px; border: 1px solid #0c4878}
/********Pagination************************/
.pagination_links{ float: left;clear: both;width: 100%;text-align:center;margin:5px 0;padding:10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:9pt;border-top:1px solid #dedede;border-bottom:1px solid #dedede; color: #221006; margin-top: 20px;}
.form_content .pagination_links{text-align:center;margin:5px 0;padding:10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:9pt;border-top:1px solid #E4E18E;border-bottom:1px solid #E4E18E; color: #FFFED4;}
.pagination_links a{border:1px solid #221006; padding:3px 8px; margin:0 2px; /*-m-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;*/color:#221006;}
.pagination_links strong,.pagination_links a:hover{padding:3px 8px;margin:0 2px;background:#221006;/*border:1px solid #4c4c4c;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;*/ color:#fff;text-decoration:none;}
.pagination_links span{border:1px solid #ddd;background:#FBF9EE;padding:3px 8px;margin:0 2px;color: #C0C0C0;/*-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;*/}
.search_pagination{}
/*************NEWS*************/
.news-items { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 12px; background: url(../images/caption-top.png) bottom left repeat-x; padding-bottom:10px; float: right; margin-bottom:20px; }
.news-items-heading { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 18px; font-weight:bold; background: url(../images/caption-top.png) top left repeat-x; padding: 10px 0 5px; }
/***************** I-FRAME *************/
#iframe_back { background-color: #ffffff; margin: 0px; padding: 0px;}
.col_frame { width: 910px; margin: 0px 0px 15px 10px; background-color: #ffffff; float:left; overflow: hidden; }
.col_frame a:visited, .col_frame a:link, .col_frame a:active { color: #6dbe41; text-decoration:none;}
.col_frame a:hover { color: #00adef; text-decoration:none;}
/*************** EVENTS ***********/
.event_date { width: 280px; float:left; padding:0px 5px 5px 0px;}
.event_title { font-size: 14px; font-weight: bold; margin-bottom: 20px; }
.event_date a { text-decoration:none; font-size: 14px;}
.event_prep { width: 580px; float: left; padding-top:5px;}
.event_details_head { margin-bottom: 10px;}
.event_details_L { width:100px; float:left; font-size:13px; margin-top:5px; color: #00adef; font-weight:bold;}
.event_details_L300 { width:280px; float:left; padding-left:5px; margin-top:5px; margin-bottom:10px; }
.event_details_R300 { width:280px; float:left; padding-left:5px; margin-top:5px; margin-bottom:10px;}
.event_details_R { width:480px; float:left; padding-left:5px; margin-top:5px; margin-bottom:10px;}
.event_agenda_L { width:80px; float:left; font-size:12px; margin-top:5px; font-weight:bold; border: 1px solid #d2d2d2; background-color:#d2d2d2; padding:5px;}
.event_agenda_R { width:480px; float:left; padding:5px 7px; margin-top:5px; margin-bottom:5px; border: 1px solid #d2d2d2;}
.event_agenda_R ul { margin-left:-3px; line-height: 18px;}
.event_venue { width: 170px; margin:-10px -10px 10px 5px; background-color: #d2d2d2; padding:10px; float:right; white-space: normal;}
.event-top { width: 600px; background-image: url(../images/Events_back.jpg); background-repeat: no-repeat; background-position: top left; height: 20px; padding: 7px 10px 1px 10px; border-bottom: 2px solid #ffffff; margin:0px;}
.events { width: 608px; background-color: #ffffff; border: 1px solid #d2d2d2; padding: 5px 5px; margin:0px;}
.events .row_grey { background-color: #eeeded; padding: 5px 5px;}
.events .row_white { background-color: #ffffff; padding: 5px 5px;}
/************* SITE MAP **************/
#sitemap{font-size: 15px;}
#sitemap a { text-decoration:none; color:#553542; }
#sitemap ul { /*list-style-image: url(../images/bullet-1.jpg);*/ line-height:20px; margin-left: 40px; list-style: none; }
#sitemap ul li a { color:#553542; }
#sitemap ul li a:hover { color:#23140D; text-decoration: underline; }
#sitemap ul li { margin-bottom:20px; }
#sitemap ul ul { /*list-style-image: url(../images/bullet-2.jpg);*/ line-height:18px; margin-top:5px;}
#sitemap ul ul li { margin-bottom:10px; }
#sitemap ul ul ul { /*list-style-image: url(../images/bullet-2.jpg); */line-height:18px; }
.auto_logout_dialog .ui-dialog-titlebar{display: none;}
.auto_logout_dialog .auto_logout_head{font-size: 16px; padding: 20px 10px 15px 35px;background: url('../images/exclamation.png') no-repeat 0px 20px; line-height: 20px; }
.auto_logout_dialog{border: 8px solid #EEE; border-radius: 6px; padding: 0; margin: 0;background: #FFF;}
.auto_logout_dialog .ui-widget-content{color:#777; font-weight: bold; font-size: 11px;}
#auto_logout_dialog{ padding-left: 20px; padding-right: 20px;line-height: 18px; }
#auto_logout_dialog hr{border: 0; border-bottom: 1px solid #AAA; margin: 15px 0px; }
#auto_logout_dialog .auto_dialog_button{background: #154368; display: block; float: right; padding: 2px 20px; color: #B8CCD6; font-weight: bold; border-radius: 4px; border: 1px solid #0c4878}
.help_dialog .ui-dialog-titlebar{display: block;}
.help_dialog .auto_logout_head{font-size: 16px; padding: 20px 10px 15px 35px;background: url('../images/exclamation.png') no-repeat 0px 20px; line-height: 20px; }
.help_dialog{border: 8px solid #EEE; border-radius: 6px; padding: 0; margin: 0;background: #FFF;}
.help_dialog .ui-widget-content{color:#777; font-weight:normal; font-size: 12px;}
.help_dialog .ui-widget-content h4 { color: #2f2f2f; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; margin: 10px 0; padding:0px; }
.help_dialog .ui-widget-content h5 { color: #2f2f2f; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; margin: 5px 0; padding:0px; }
#help_dialog_content{ padding: 10px 15px 0px 15px; line-height: 18px; }
#help_dialog_content hr{border: 0; border-bottom: 1px solid #AAA; margin: 15px 0px; }
#help_dialog_content .auto_dialog_button{background: #154368; display: block; float: right; padding: 2px 20px; color: #B8CCD6; font-weight: bold; border-radius: 4px; border: 1px solid #0c4878}
/***************************END*********************/
.NoYearDatePicker .ui-datepicker-year
{
display:none;
}
.bulk-create th {border-bottom: 1px solid #ccc;}
.bulk-create td {vertical-align:top; padding: 10px 2px}
.bulk-create input, .bulk-create select {font-size:0.9em; max-width: 180px; *width: 180px; min-width:20px !important}
.bulk-create td.measure_type input {width: 124px}
.bulk-create td input {width: 90%}
input.bulk-submit {margin-top:10px}
#batch_edit_table th.trigger {width:50px;}
td.trigger {position:relative; width: 50px}
td.trigger span.tiny-hint {display: block;
padding: 3px 6px;
font-size: 10px;
position: absolute;
/*top: 36px;*/
/*left: 2px;*/
min-width: 139px; z-index:1000}
td.trigger span.tiny-hint span {font-weight:bold; color:#fff !important}
td.trigger input {width:38px;}
td.otherwise span {width: 20px; height:20px; display:block; margin:auto; z-index:1000}
td.black span.tiny-hint, td.otherwise.black span {background:#000000; color: #fff}
td.red span.tiny-hint, td.otherwise.red span {background:#990000; color: #fff}
td.amber span.tiny-hint, td.otherwise.amber span {background:#D27E00}
td.green span.tiny-hint, td.otherwise.green span {background:#006600; color: #fff}
#bulk_edit_form .error {border: 1px solid red}
.initial-filters fieldset {width:97%;}
.initial-filters p {color: #4c4c4c; margin-bottom:10px;}
.initial-filters div.fl {width: 500px; padding: 20px 10px; float:left; clear:both; margin-bottom:20px;}
.initial-filters div.fr {width: 200px; padding: 20px 10px;float:left; margin-left: 20px;}
.initial-filters .dropdowns, .initial-filters .date-range {margin: 0; background:#fff; -webkit-box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); -moz-box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); border: 1px solid #A8A8A8; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; height: 90px;}
.dropdowns {background: url(/images/daily-icon.png) no-repeat 99% 95%;}
.date-range {background: url(/images/icon-input.png) no-repeat 95% 95%;}
.initial-filters .fl label, .initial-filters .keywords label {width: 100px;}
.initial-filters .fl select {width:340px; background: #EAEEF1}
.initial-filters .keywords, .initial-filters .submit {margin-bottom: 0 !important;}
.initial-filters .date-range label {height: 30px}
.initial-filters .date-range input {float:left; width: 79px;}
.initial-filters .date-range select {width: 200px; min-width:200px;}
.initial-filters .dates span {float:left; display:block;width:17px;padding-top:3px}
.initial-filters .dates #from {margin-right:8px !important;}
.initial-filters .keywords {clear:both; padding-left:10px; padding-top:10px;}
.initial-filters .keywords .button {margin-top:-9px}
.measure_type .param_dnm_default_lbl { width:36px !important; margin-left:1px;display: inline-block; }
.measure_type .param_dnm_default { width:40px !important; margin-left:4px; }
.measure_type .param_decimals_lbl { width:40px !important; margin-left:1px; display: inline-block;}
.measure_type .param_decimals { width:46px !important; margin-left:1px; }
.copy-down tr.keep {background: #eee;}
#duplicate_measure { padding: 9px 40px 9px 10px;color: #fff;/*border-radius: 15px 15px 15px 15px;
height: 30px;
vertical-align: middle; font-size:12px; *//* margin-top: 11px;*/ }
/*Taken out of perf_create*/
.ui-autocomplete { max-height: 250px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden;}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete { height: 250px;}
.predictor{
display:none; position: absolute; min-width:80px; width:auto; height:auto; z-index:210; line-height: 12px; padding-right:21px; padding:10px; background: url('../images/graph-option-bg.png') repeat-x #fff; border: 1px solid #81a0b7; padding-right: 5px; text-align:left;
}
#alamac_web_link_container{width:600px;margin:50px auto;text-align:center;}
#alamac_web_link_container p{color:#50829A;font-size:14px;font-weight:bold;}
#alamac_web_link_container a{background:none repeat scroll 0 0 #50829A;border:1px solid #50829A;display:block;color:#FFF;border-radius:6px;font-size:17px;padding:9px 10px;margin:15px auto;width:194px;}
.pinned-row { background: #e4ecef; }
.ui-dialog a {
cursor: pointer;
font-weight: bold;
}
div.saving {
text-align: center;
}
div.saving span {
font-size: 26px;
color: #6289CB;
}
.fixed-dialog{
position: fixed!important;
top: 10px!important;
}
/* EMILY - FIX ROWS ON DAILY ENTRY 19.2.14 - TH NOT DISPLAYING --> */
#maintable th:first-child {
display: block;
vertical-align: inherit;
border-spacing: 20px;
padding: 11px;
}
/* new styles */
.org-selected-menu { background: /*#be0002*/#27BD3F; height: 16px; float: right; padding: 11px 10px; }
.login-left, .login-right { color:#2F2F2F; width: 50%; padding:30px; float:left; font-size: 15px; line-height:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); }
.login-left { }
.login-left h1 { font-size: 36px;
font-weight: normal;
line-height: 40px;
margin: 10px 0 25px;
text-transform: none; color:#2F2F2F; }
.login-left p { font-size: 15px; line-height:20px;color:#2F2F2F; padding:0px 0 20px 0 ; margin: 0 0 10px; }
.login-left a.website-link { -m-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; background: url(../images/green-arrow.jpg) right center no-repeat #27BD3F; padding: 5px 50px 5px 20px; color:#fff; font-size:20px; line-height:30px; margin-top:20px; }
.login-left a.website-link:hover { background: url(../images/green-arrow-over.jpg) right center no-repeat #727272; text-decoration: none; }
.login-right { text-align: center; background: url(../images/home-line.jpg) left center no-repeat #fff; }
.login-right img { margin: 0 auto; }
.login-right fieldset {text-align:left; background: #F0F0F0; border: none; -m-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; width: 400px;color:#2F2F2F;font-size: 15px; line-height:20px; padding: 20px 25px; margin: 0 auto; }
.login-right table { text-align: left; margin-top:40px; }
.login-right table td { text-align:left; vertical-align: top; }
.login-right table th { text-align:left; }
.login-right .required { color:#2F2F2F; }
.login-right h2 { background: none;
border: medium none;
color: #2f2f2f;
font-size: 20px;
font-weight: normal; text-transform: none;
margin-top: 10px;
padding-bottom: 10px; text-align:left;}
.login-right legend { background: none;
border: medium none;
color: #2f2f2f;
font-size: 20px;
font-weight: normal;
margin-bottom: -50px;
margin-top: 20px;
padding-bottom: 10px; }
.login-right input { -m-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; width:150px; border: 1px solid #A8A8A8; margin-right:10px;
-moz-box-shadow: 3px 3px 4px #e8e8e8 inset; -webkit-box-shadow: 3px 3px 4px #e8e8e8 inset; box-shadow: 3px 3px 4px #e8e8e8 inset; padding: 3px;}
.login-right .login-btn { -m-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; background: url(../images/orange-tick.jpg) right center no-repeat /*#B50301*/#EF7D00; padding: 5px 40px 5px 10px; color:#fff; font-size:16px; line-height:24px; margin-top:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; text-transform: none; height: auto; width:auto; cursor: pointer; width: 160px; }
.login-right .login-btn:hover { background: url(../images/red-tick-over.jpg) right center no-repeat #505050; }
.validate_err { font-style: italic; font-size:13px; color: #900; }
ul.states {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
margin-left: 10px;
border: 0 none;
font-size: 100%;
list-style: outside none none;
outline: 0 none;
padding: 0;
text-decoration: none;
}
.li-state-default { background: #950101; border: 1px solid #691515; color: #fff; font-weight: bold; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-size:12px; margin-right:5px; margin-bottom: 0px;
-webkit-box-shadow: inset -1px 1px 10px 5px rgba(47,47,47,0.5);
-moz-box-shadow: inset -1px 1px 10px 5px rgba(47,47,47,0.5);
box-shadow: inset -1px 1px 10px 5px rgba(47,47,47,0.5); }
.li-state-default a, .li-state-default a:link, .li-state-default a:visited { color: #fff; }
.li-state-active a, .li-state-active a:link, .li-state-active a:visited { color: #fff; }
.li-state-active { /*background: none repeat scroll 0 0 #2E6E9E; */ background: /*#BE0002*/#EF7D00; border: 1px solid /*#BE0002*/#EF7D00; color: #FFFFFF; font-weight: bold; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-size:12px; margin-right:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; cursor: auto;
}
.li-state-active:hover, .li-state-default:hover { background: #B90204; /*border: 1px solid #50829A;*/ color: #fff; border: 1px solid /*#BE0002*/#EF7D00; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.login-wrapper {
margin-bottom: 5px; padding: 15px 10px; background: #ffffff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5);
-moz-box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5);
box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5); color: #2f2f2f; font-size: 12px;
}
.group-heading { border-top: none; }
.white-bg, .users-section, .white-bg-fieldset { line-height: 16px; margin-bottom: 5px; padding: 15px 10px; background: #ffffff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5);
-moz-box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5);
box-shadow: -1px 1px 3px 0px rgba(47,47,47,0.5); color: #2f2f2f; font-size: 12px; width:100%; float:left; clear:both; margin-top: -5px; }
.hide-section-header .section-header { display:none; }
.auto-widths-inside input, .auto-widths-inside select, .auto-widths-inside textarea, .auto-widths-inside button { width: auto !important; }
.auto-widths-inside label { width: auto !important; min-width: auto; }
.auto-widths-inside h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc);width: 100% !important; float:left; clear:both; }
.results-section input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.clear-inner-bg .users-section { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0px; }
.dialog_popup_content fieldset { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0px; }
.dialog_popup_content .view-btn { margin: 0 10px 10px 0; }
.clear-inner-bg .hastable { background:#f0f0f0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 15px; margin-top: 0px; }
.clear-inner-bg .hastable table { margin: 0px; }
.clear-inner-bg h3 { background:#f0f0f0; font-weight: normal;
margin-bottom: 0;
padding-left: 15px;
padding-top: 10px; }
.white-bg-fieldset fieldset, .white-bg-fieldset .filters-section fieldset { margin: 0; background:#F0F0F0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:10px; }
.white-bg-fieldset form { padding-top:0px; }
.users-section h2 { margin-bottom:20px; }
.users-section input.button { margin: 5px !important; }
.report-section-filter { width: auto; float:right; clear:right; color:#2e2e2e; }
.report-section-filter label { text-align:right; color:#2e2e2e; padding-top: 3px; }
.report-section-filter select { background:#fff; border-color:#A8A8A8; }
#accordion3 #dashboard-daily-reports { background: #F0F0F0; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:0px; }
#accordion3 #dashboard-daily-reports fieldset { margin: 0; background:#F0F0F0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:0px; }
#dashboard-daily-reports fieldset { margin: 0; background:#F0F0F0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:10px; }
#dashboard-daily-reports.no-graph-dash { margin-bottom: 10px; width: 50%; padding:10px !important; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); }
#dashboard-daily-reports.no-graph-dash fieldset { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:5px 10px; margin: 0 0 -10px !important; min-height: 70px;}
#dashboard-daily-reports.graph-dash-pinned .daily-dash-icons { margin-top: -44px; }
#dashboard-daily-reports.graph-dash-pinned hr { margin-bottom: 30px; }
#dashboard-daily-reports.graph-dash-pinned { margin-bottom: 10px; width: 100%; padding:10px !important; float:left; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); }
#dashboard-daily-reports { background: #Fff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:10px; }
.parameters-section fieldset, #parameter-limit fieldset, #parameter-triggers fieldset, #parameter-alerts .hastable { background:#F0F0F0; padding:10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.white-bg .filters-section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); padding:10px; background:#F0F0F0; margin-bottom: 15px;}
.white-bg .filters-section fieldset { margin: 0; background:#fff; -webkit-box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); -moz-box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); box-shadow: inset 0px 0px 1px 3px rgba(231,231,231,1); border: 1px solid #A8A8A8; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.white-bg .filters-section h2 { float:left; width:auto; padding-top: 5px; }
.white-bg .filters-section.no-style fieldset { margin: 0; background:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; clear: both;}
.white-bg .filters-section.no-style h2 { padding-top:0px; margin-top: -5px; }
.white-bg .filters-section.no-style fieldset h2 { display:none; }
tr.daily_report_document_row td{text-align:center;border-right:1px solid #1e2831;background-color:#2f2f2f;vertical-align:middle;border-top:1px solid #1e2831;border-bottom:1px solid #1e2831;}
tr.daily_report_document_row td a{display:block;}
tr.daily_report_document_row td img{margin-top:3px;}
/*MULTI ACCESS GRAPH TABLES D.R added 16/06/2015*/
.multi-axis-table{display:none;}
a#left_axis_select_all{color:#FFFFFF;cursor:pointer;text-decoration:none;}
a#right_axis_select_all{color:#FFFFFF;cursor:pointer;text-decoration:none;}
/*END MULTI ACCESS GRAPH TABLES D.R*/
#view_as_msg{width:100%;background-color:#27bd3f;color:#FFFFFF;padding:10px;}
#view_as_msg a{color:#FFFFFF;}
#view_as_select_container{width:400px;float:right;height:26px; margin-top: -5px;}
#view_as_select_container select { float:right; margin: -5px 0 0; height: 25px; font-size: 12px; width: 170px;}
#view_as_select_container select option { color: #950101; background: #fff !important; }
#view_as_select_container .view_as_lbl{ color: #950101; float: left; font-size: 12px; font-weight: bold; line-height: 16px; text-align: right; width: 209px;}
#view_as_select_container #view_as_org{float:left;width:200px;height:23px;font-size:11px;}