@import('tables.css');
/* HTML ELEMENTS */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	height: 100%;
	font-size:80%;
}

body.body_settings {
	background-color: #eee;
}

table {
	background-color: white;
}

form {margin: 0px;}

img {
	border: 0px;
}

a { color: #000000; text-decoration: none; font-weight: bold; }
a:visited {	color: #000000; text-decoration: none; font-weight: bold; }
a:hover { color: #000000; text-decoration: underline; font-weight: bold; }
a:active { color: #000000; text-decoration: underline; font-weight: bold; outline: 0; }

a.tvs { color: #000000; text-decoration: none; font-weight: bold; }
a.tvs:visited {	color: #000000; text-decoration: none; font-weight: bold; }
a.tvs:hover { color: #000000; text-decoration: underline; font-weight: bold; }
a.tvs:active { color: #000000; text-decoration: underline; font-weight: bold; }

a.whiteLink { color: white; text-decoration: none; font-weight: bold; }
a.whiteLink:visited {	color: white; text-decoration: none; font-weight: bold; }
a.whiteLink:hover { color: white; text-decoration: underline; font-weight: bold; }
a.whiteLink:active { color: white; text-decoration: underline; font-weight: bold; }

a:focus {outline: 0;}

hr {
	height: 1px;
	color: #7F7F7F;
	background-color: #7F7F7F;
	border: 0;
}

.grey_hr {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
}

.hr2 {
	height: 4px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
}

h2 {
	font-size: 1.1em;
	color: #666666;
	margin-top:0px;
}

h2.withMargin {
	margin-top: 25px;
}

/* ---------------------------------------------- start of pasting in table.css */

.dottedTableClass, .dottedTableClassDots, .dottedCellClass, .dottedLabelClass, .dottedTableClass th, .dottedTableClass td {
	border-color: #4F4F4F;
	border-style: dotted;
	background-color: white;
}

.dottedTableClass, .dottedTableClassDots {
    border-spacing: 0;
    border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 1px;
}

.dottedTableClass {
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #CFCFCF;
}

.dottedTableClassDots {
	border-width: 1px 1px 1px 1px;       
}

.dottedTableClassDotsReportIcon {
    border-color: #777777;
    border-style: dotted;
    border-width: 0px 1px 1px 1px;
}

.dottedTableClassDotsReportIcon2 {
    border-color: #777777;
    border-style: dotted;
    border-width: 1px 0px 0px 0px;
}

.dottedCellClass, .dottedLabelClass, .dottedTableClass th, .dottedTableClass td {
	margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.dottedLabelClass, .dottedTableClass th {
    background-color: #EFEFEF;
}

.dottedCellClass .dottedTableClass td {
    background-color: #FFFFFF;
}

table.dottedcells {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid none solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	font-size: 12px;
}
table.dottedcells th {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	border-style: none solid none none;
	border-color: gray gray gray gray;
}
table.dottedcells td {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	border-style: dotted solid none none;
	border-color: gray gray gray gray;
}

.dotted_header_cell {
	border-width: 1px;
	padding: 5px;
	border-style: solid solid none solid;
	border-color: gray;
	background-color: #727376;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.dotted_cell {
	border-width: 1px;
	padding: 5px;
	border-style: none solid dotted solid;
	border-color: gray;
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

.dotted_row:nth-child(even) {
	background-color: #eeeeee;
}
/* ---------------------------------------------- end of pasting in table.css */
/* ELEMENTS BY IDs */

#login_header_left {
	background-image: url(../images/login_header_left.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 740px;
	display: inline;
	float: left;
}

#login_header_right {
	background-repeat: no-repeat;
	height: 110px;
	width: 225px;
	display: inline;
	float: right;
}


#tvs_login_header {
	background-image: url(../images/tvs_login_header_background.jpg);
	background-repeat: repeat-x;
	height: 110px;
	width: 100%;
	min-width: 992px;
	width:expression(document.body.clientWidth < 992? "992px": "100%" ); /* IE trick... */
}

#tvs_login_header_left {
	background-image: url(../images/tvs_login_header_left.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 564px;
	display: inline;
	float: left;
}

#tvs_login_header_right {
	background-repeat: no-repeat;
	height: 110px;
	width: 283px;
	display: inline;
	float: right;
}

#int_login_header {
	background-image: url(../images/int_login_header_background.jpg);
	background-repeat: repeat-x;
	height: 110px;
	width: 100%;
	min-width: 992px;
	width:expression(document.body.clientWidth < 992? "992px": "100%" ); /* IE trick... */
}

#int_login_header_left {
	background-image: url(../images/int_login_header_left.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 564px;
	display: inline;
	float: left;
}

#int_login_header_right {
	background-repeat: no-repeat;
	height: 110px;
	width: 283px;
	display: inline;
	float: right;
}

#login_version {
	text-align: right;
	margin-top: 48px;
	margin-right: 4px;
	font-size: 0.85em;
	font-weight: bold;
}

#tvs_login_version {
	text-align: right;
	margin-top: 48px;
	margin-right: 4px;
	font-size: 0.85em;
	font-weight: bold;
	color: #eeeeee;
}

#int_login_version {
	text-align: right;
	margin-top: 45px;
	margin-right: 2px;
	font-size: 0.85em;
	font-weight: bold;
}

#login_date {
	text-align: right;
	margin-top: 84px;
	margin-right: 2px;
	font-size: 0.85em;
	font-weight: bold;
}

#int_login_date {
	text-align: right;
	margin-top: 20px;
	margin-right: 2px;
	font-size: 0.85em;
	font-weight: bold;
}

#login_bloc {
	position:relative;
	width: 192px;
	margin: 0 auto;
	margin-top: 20px;
	display: inline-block;
	text-align:left;
}

#news_bloc {
	position:absolute;
	left: 20%;
	width: 892px;
	margin-top: 235px;
	margin-left: -66px; /* half width */
}

#int_news_bloc {
	position:absolute;
	left: 20%;
	width: 892px;
	margin-top: 235px;
	margin-left: -66px; /* half width */
}


#confirm_bloc {
	position:relative;
	left: 50%;
	width: 350px;
	margin-top: 10px;
	margin-left: -96px; /* half width */
}

#registration_bloc {
	position:absolute;
	left: 50%;
	width: 500px;
	margin-top: 10px;
	margin-left: -250px; /* half width */
}

#edit_bloc {
	width: 500px;
	margin-top: 10px;
}

#survey_registration {
	font-size: 0.85em;
	position:absolute;
	text-align: center;
	width: 100%;
	margin-top: 350px;
}

#back_to_login {
	font-size: 0.85em;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

#login_title {
	background-image: url(../images/login_title_bg.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 192px;
	text-align: center;
}

#news_title {
	background-image: url(../images/news_login_title_bg_blue.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 892px;
	text-align: center;
	color: midnightblue;
}

#int_news_title {
	background-image: url(../images/int_news_login_title_bg_gold.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 892px;
	text-align: center;
	color: #693402;
}

#registration_title {
	background-image: url(../images/registration_title_bg.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 500px;
	text-align: center;
}

#login_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 15px;
	color: white;
	text-align: right;
}

#news_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
}

#int_news_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
	color: #693402
}


#registration_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
}

#login_form {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 170px;
	margin-left: 11px;
}

#news_form {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 870px;
	margin-left: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

#news_form_left {
	width: 140px;
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

#news_form_pics {
	width: 720px;
	float: right;
	color: midnightblue;
}

#int_news_form {
	border-bottom: 1px solid wheat;
	border-left: 1px solid wheat;
	border-right: 1px solid wheat;
	width: 870px;
	margin-left: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

#int_news_form_left {
	width: 140px;
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

#int_news_form_pics {
	width: 720px;
	float: right;
	color: midnightblue;
}

#registration_form {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 478px;
	margin-left: 11px;
}

#edit_form {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 478px;
	margin-left: 11px;
}

#login_form_content {
	font-size: 0.85em;
	text-align: left;
	padding: 3px;
	color: gray;
}

#news_form_content_title {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 0.85em;
	text-align: left;
	color: midnightblue;
	font-weight: bold;
}

#news_form_content {
	font-size: 0.85em;
	text-align: left;
	padding: 3px;
	color: midnightblue;
}

#int_news_form_content_title {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 0.85em;
	text-align: left;
	color: #693402;
	font-weight: bold;
}

#int_news_form_content {
	font-size: 0.85em;
	text-align: left;
	padding: 3px;
	color: #693402;
}

#login_button {
	background-image: url(../images/login_button_bg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 149px;
	margin-top: 5px;
	text-align: center;
	margin-left: 22px;
}

#support_link {
	width: 149px;
	background-color:#FCBA1B;
	padding:2px 8px 2px 8px;
	margin-right: 20px;
}

#registration_button {
	background-image: url(../images/login_button_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 500px;
	margin-top: 5px;
	text-align: center;
}

.profile_button {
	background-image: url(../images/login_button_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 149px;
	margin-top: 5px;
	margin-left: 300px;
	text-align: center;
}

.profile_button_text {
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
}


#login_button_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 3px;
}

#header, #login_header {
	background-repeat: repeat-x;
	height: 70px;
	overflow: hidden;
	width: 100%;
	min-width: 1005px;
	width:expression(document.body.clientWidth < 1005? "1005px": "100%" ); /* IE trick... */
	background-color: white;
}

#login_header {
	padding-top:10px;
}

#header_left {
	background-repeat: no-repeat;
	height: 69px;
	width: 762px;
	display: inline;
	float: left;
}

#header_userguide{
	height: 20px;
	width: 70px;
	font-size: 0.85em;
	display: inline;
	float: left;
	position: relative;
}

#header_left_help{
	background-image: url(../images/help_link.jpg);
	background-color:#b0c4de;
	background-repeat: no-repeat;
	height: 69px;
	width: 33px;
	display: inline;
	float: left;
	position: relative;
}
#header_left_help  a{
position:absolute;
	
	top:0;
	left:0;
	height: 69px;
	width: 33px;
	
}

#header_right {
	background-repeat: no-repeat;
	height: 70px;
	width: 171px;
	xdisplay: inline;
	float: right;
}

#guides_link {
	text-align: left;
	margin-top: 18px;
	margin-right: 4px;
	font-size: 0.85em;
	font-weight: bold;
}

#home_section_heading {
	text-align: left;
	margin-top: 18px;
	margin-right: 260px;
	margin-left: 260px;
	font-size: 0.85em;
	color: #000000;
	font-weight: bold;
}

#home_section {
	text-align: left;
	margin-top: 18px;
	margin-right: 260px;
	margin-left: 260px;
	font-size: 0.85em;
	font-weight: bold;
	color: #7390AE;
}

#guides {
	text-align: left;
	margin-top: 18px;
	margin-right: 4px;
	font-size: 1em;
	font-weight: bold;
	color: #7390AE;
}

#home_link {
	vertical-align:top;
	text-align: left;
	margin-top: 2px;
	margin-right: 4px;
	font-size: 0.85em;
	font-weight: bold;
}

#logo_home {
	position: absolute;
	top: 0px;
	left: 0px;
}


#messages { text-align:right; height:15px;margin:0;padding: 2px 0 2px 0 }

#messages_and_notifications {
	display: relative;
	float:left;
	font-size: 0.85em;
	font-weight: bold;
	padding-left: 3px;
}

.user_links_container,#user_name,#support_link,.user_link { display:inline }
.user_link { padding: 0px 10px 0px 10px; border-left:1px solid #999999 }
.user_link a:link, .user_link a:visited, .user_link a:hover, .user_link a:active {  text-decoration:none; }
#support_link { margin:0;padding:2px 10px 3px 15px;width:auto; background-color: #FCBA1B }
#support_link a:link, #support_link a:visited, #support_link a:hover, #support_link a:active { text-decoration:none; color:#000000 }
#user_name { font-weight: bold; color:#777777; padding-right: 10px }
#logout {margin:0;padding:0;display:inline;font-size: 11px}

#legend_selecting_hover {
	background-image: url(../images/selecting_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}


#legend_screening_hover {
	background-image: url(../images/screening_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}
#legend_training_hover {
	background-image: url(../images/training_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}
#legend_compliance_hover {
	background-image: url(../images/compliance_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}

#legend_sensory_hover {
	background-image: url(../images/sensory_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}


#legend_selecting {
	background-image: url(../images/selecting.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_screening {
	background-image: url(../images/screening.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_training{
	background-image: url(../images/training.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_compliance{
	background-image: url(../images/compliance.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_order{
	background-image: url(../images/compliance.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_tvs{
	background-image: url(../images/tvs.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_tvs{
	background-image: url(../images/tvs.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_sensory{
	background-image: url(../images/sensory.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_admin{
	background-image: url(../images/admin.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}


#legend_selecting_hover_wide {
	background-image: url(../images/selecting_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	visibility:hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_hover_selecting, #legend_hover_screening, #legend_hover_training, #legend_hover_compliance, #legend_hover_order, #legend_hover_tvs, #legend_hover_sensory, #legend_hover_admin {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}

.float_right
{
	float: right;
	text-align: right;
	display: block;
}

.selecting_solid {
	background-image: url(../images/selecting.jpg);
	background-repeat: no-repeat;
}

.selecting_transparent {
	background-image: url(../images/selecting_transparent.jpg);
	background-repeat: no-repeat;
}

.screening_solid {
	background-image: url(../images/screening.jpg);
	background-repeat: no-repeat;
}

.screening_transparent {
	background-image: url(../images/screening_transparent.jpg);
	background-repeat: no-repeat;
}

.training_solid {
	background-image: url(../images/training.jpg);
	background-repeat: no-repeat;
}

.training_transparent {
	background-image: url(../images/training_transparent.jpg);
	background-repeat: no-repeat;
}

.compliance_solid {
	background-image: url(../images/compliance.jpg);
	background-repeat: no-repeat;
}

.compliance_transparent {
	background-image: url(../images/compliance_transparent.jpg);
	background-repeat: no-repeat;
}

.tvs_solid {
	background-image: url(../images/tvs.jpg);
	background-repeat: no-repeat;
}

.tvs_transparent {
	background-image: url(../images/tvs_transparent.jpg);
	background-repeat: no-repeat;
}


.order_solid {
	background-image: url(../images/order.jpg);
	background-repeat: no-repeat;
}

.order_transparent {
	background-image: url(../images/order_transparent.jpg);
	background-repeat: no-repeat;
}



.sensory_solid {
	background-image: url(../images/sensory.jpg);
	background-repeat: no-repeat;
}

.sensory_transparent {
	background-image: url(../images/sensory_transparent.jpg);
	background-repeat: no-repeat;
}

.admin_solid {
	background-image: url(../images/admin.jpg);
	background-repeat: no-repeat;
}

.admin_transparent {
	background-image: url(../images/admin_transparent.jpg);
	background-repeat: no-repeat;
}

.test_content_distribution {
	width: 100%;
	border: 0;
	background: #CCC;
}

.TVS_colored_samples {
	width: 400px;
	border: 0;
	background: #CCC;
}

.test_results {
	width: 60%;
	border: 0;
	background: #CCC;
}

.test_content_distribution tr, .test_results tr {
	/*background: #CCC;*/
}

.test_content_distribution th, .test_results th, .TVS_colored_samples th {
	padding: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	background: #CCC;
}

.test_content_distribution td, .test_results td, .TVS_colored_samples td {
	padding: 4px;
	text-align: center;
	font-size: 11px;
	/*background: #EEE;*/
}

#legend_screening_hover_wide {
	background-image: url(../images/screening_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_training_hover_wide {
	background-image: url(../images/training_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_compliance_hover_wide {
	background-image: url(../images/compliance_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_order_hover_wide {
	background-image: url(../images/compliance_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_sensory_hover_wide {
	background-image: url(../images/sensory_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_tvs_hover_wide {
	background-image: url(../images/tvs_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

#legend_admin_hover_wide {
	background-image: url(../images/admin_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}





#legend_tvs_center {
	float: left;
	height: 63px;
	width: 138px;
	padding-left: 20%;
	padding-top: 15px;
}

#legend_tvs_right {
	background-image: url(../images/tvs_right.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	float: right;
}

#legend_admin_center {
	float: left;
	height: 63px;
	width: 138px;
	padding-left: 20%;
	padding-top: 15px;
}

#legend_admin_right {
	background-image: url(../images/admin_right.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	float: right;
}

#legend_tvs_hover {
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
	visibility:hidden;
	float: center;

}

#legend_tvs_title_hover {
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
	visibility:hidden;
	float: left;
	
}

#legend_admin_title_hover {
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
	visibility:hidden;
	float: left;
}

#legend_admin_hover {
	background-image: url(../images/admin_transparent.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 138px;
	text-align: center;
	font-weight: bold;
	font-size: 0.7em;
	display: none;
}



#container {
	min-height:100%;
	position:relative;
}

#content {
	margin: 0px;
	padding: 10px;
	padding-top: 22px;
	padding-bottom: 20px;   /* Height of the footer */
}

#footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:27px;
	float:left;
	clear:both;
	background: url(../images/footer_background.jpg) repeat-x;
}

#version, .footer_text { font-size: 0.85em; padding: 4px; margin-top: 4px; float:right; width:30%; text-align: center  }
#version { color:#555555; border-left: 1px solid #555555; border-right: 1px solid #555555; margin: 4px 0px 0px 0px; text-align: center }

#footer2 { background-color: #b2bb1c }
#version2 { border-left-color: #959d1b; border-right-color: #959d1b; }

#footer_legacy {
	clear: both;
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat-x;
	height: 36px;
	width: 100%;
	position : relative;
	min-width: 1005px;
	width:expression(document.body.clientWidth < 1005? "1005px": "100%" ); /* IE trick... */
}

#footer_left_legacy {
	background-image: url(../images/footer_left.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 749px;
	display: inline;
	float: left;
}

#footer_right_legacy {
	background-image: url(../images/footer_right.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 243px;
	display: inline;
	float: right;
}

#home_tabs {
	margin-bottom: 95px;
}

#tabs {
	margin-bottom: 30px;
}

#INBOX_messages{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 500px;
}

#USER_rights{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 775px;
}

#TOOLBOX{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 980px;
}

#TOOLBOX_FLAVOUR{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

#TOOLBOX_FLAVOUR_90{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 90%;
	text-align: center;
}

#TOOLBOX_FLAVOUR_NOBORDER{
	font-size: 0.9em;
	border: solid 0px;
	background-color: #FFFFFF;
	width: 90%;
	text-align: center;
}

#TOOLBOX td{
	padding: 5px;
}

#TASKS{
	font-size: 0.9em;
	border: solid 1px #666666;
	background-color: #eeeeee;
	border-collapse: collapse;
	width: 500px;
}

#homepage_left{
	color: #666666;
	font-weight: bold;
	display: inline;
	float: left;
	padding-left: 10px;
	width:15%;
}
#homepage_center{
	color: #666666;
	font-weight: bold;
	display: inline;
	float: left;
	padding-left: 10px;
	width:65%;
}
#homepage_right{
	color: #666666;
	font-weight: bold;
	display: inline;
	float: left;
	padding-left: 10px;
	width:15%;
}

#INBOX_messages td {
	padding: 2px;
}

#surveyContainer {
	margin-left: 100px;
}

/* ELEMENTS BY CLASS */

a.inactive_tab { color: #777777; text-decoration: none; }
a.inactive_tab:visited { color: #777777; text-decoration: none; }
a.inactive_tab:hover { color: #000000; text-decoration: underline; }
a.inactive_tab:active { color: #000000; text-decoration: underline; }

a.inactive_tab_tvs { color: #777777; text-decoration: none; }
a.inactive_tab_tvs:visited { color: #777777; text-decoration: none; }
a.inactive_tab_tvs:hover { color: #eeeeee; text-decoration: underline; }
a.inactive_tab_tvs:active { color: #eeeeee; text-decoration: underline; }

.testReadOnlyValue {
	background-color: yellow;
	padding: 0;
	margin: 0 0 0 5px;
}

.moduleGraphs {
	padding: 10px;
}

.window_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px dotted #000000;
	width: 90%;
	background-color: white;
}

.tms_table, .tms_table_bold {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px dotted #000000;
	background-color: white;
}

.home_table_white {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
}

.home_table_white td {
    border-collapse: separate;
    border-style: solid;
    border-spacing: 20px;
	background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 1px 3px;
}

.home_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
}

.home_table td {
    border-collapse: separate;
    border-style: solid;
    border-spacing: 20px;
	background-color: #F1F1F1;
    border: 1px solid #000000;
    padding: 1px 3px;
}
.tms_table_larger_font {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px dotted #000000;
    background-color: #E0E3EF;
}

.tms_table_bold {
	border: 4px solid #E8E8E8;
}

.text {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.tms_table_noborder {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 0px;
	background-color: white;
}

.headerRow {
	
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	
}

.summaryRow {
	
	background-color: #646060;
	color: #FFFFFF;
	font-weight: bold;
	
}

.smallLabelred {
	
	background-color: #FFFFFF;
	color: #FF0000;
	font-weight: bold;
}

.smallLabelGrey{
	
	background-color: #F0F0F0;
	color: #000000;
	text-align: center;
}

.smallLabel {
	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	
}

.microLabel { font-size: 9px; color:#555; border: 1px solid #afafaf; padding:1px 3px; background-color: #efefef; border-radius:3px; }

.evenRow {
	background-color: #EFEFEF;
}

.evenColumnHeader {
	background-color: #7E7F00;
}

.evenColumnCell {
	background-color: #EFEFD1;
}

.oddColumnCell {
	background-color: #FFFFDF;
}

.statsTable {
	font-size: 11px;
	background-color: #DDDDDD;
	width: 100%;
}

.scalingAssessmentTable {
	font-size: 11px;
	width: 100%;
	border: dotted 1px black;
}

.blankTable {
	font-size: 10px;
	width: 100%;
}

.table {
	font-size: 11px;
}

.tableTitles {
	font-weight: bold;
	color: #333333;
}

.legend {
	font-style: italic;
	font-size: 11px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.error {
	color: red;
}

.errorCheckbox {
	border: 2px solid red;
}

.success_message, .success_message_ajax {
	color: #528F47;
	padding:5px;
	background-color: #F1FFEF;
	border: 1px solid #C4DFC3;
}

.success_message_ajax {
	width:200px;
}

.error_box {
	color: #EF8686;
	padding:5px;
	border:1px solid #EF8686;
	background-color:#FFDFDF;
	width:650px;
}

.red_error_box {
	color: red;
	padding:5px;
	border:1px solid red;
	background-color:#FFDFDF;
	width:650px;
}

.red_error_box_ajax {
	color: red;
	padding:5px;
	border:1px solid red;
	background-color:#FFDFDF;
}

.note_box {
	color: #59659F;
	padding:5px;
	border:1px solid #7D8EDF;
	background-color:#E0E3EF;
	width:650px;
}


.note_box_large {
	color: black;
    font-size: 18px;
    font-weight: bold;
	padding:5px;
	border:1px solid #7D8EDF;
	background-color:#E0E3EF;
	width:800px;
}

.note_box_text_left {
	color: black;
    font-size: 14px;
	padding:5px;
	text-align: left;
	border:1px solid #7D8EDF;
	background-color:#E0E3EF;
	width:800px;
}
.note_box_white {
	color: #FFFFFF;
	padding:5px;
	border:1px solid #7D8EDF;
	background-color:#E0E3EF;
	width:800px;
}

.debug_box {
	color: #3F3F3F;
	padding:5px;
	border:1px solid #7D8EDF;
	background-color:#E0E3EF;
	font-size: 11px;
}

.error_link, .error_link:visited, .error_link:hover, .error_link:active  {
	color: red;
}

.errorMsg {
	color: red;
	padding-left: 10px;
}

.notification {
	color: green;
}

.notification2 {
	color: blue;
}

.notificationMsg {
	color: green;
	padding-left: 10px;
}

.orange {
	color: #FFB317;
}

.currentInstance {
	color: #009AEF;
}

.grayed {
	color: #AAAAAA;
}

.displayed_value{
	color: #728DAA;
	font-style: italic;
	font-weight: bold;
}

.sky_blue{
	color: #728DAA;
}

.sky_blue_normal{
	color: #728DAA;
	font-weight: normal;
}

.gray{
	color: gray;
}

.light_gray{
	color: #dfdfdf;
}

.small_gray{
	color: gray;
	font-size: 11px;
}

.small_blue{
	color: #2061AF;
	font-size: 11px;
}

.big_blue{
	color: #2061AF;
	font-size: 12px;
}

.tiny_text{
	font-size: 9px;
}

.icon_reference{
	color: #FFB317;
	font-weight: bold;
}

.brandTable {
	font-size: 11px;
	color: white;
}

.allBrandTable {
	font-size: 1em;
}

.label {
	color: #4F4F4F;
	font-size: 11px;
}

.labellarge {
	color: #4F4F4F;
	font-size: 14px;
}

.labelblue {
	color: blue;
	font-size: 11px;
}

.labelblue_large {
	color: blue;
	font-size: 12px;
}

.labelblue_large_border {
	color: blue;
	font-size: 12px;
	border:1px dotted #7D8EDF;
}

.labelred_large_border {
	color: red;
	font-size: 12px;
	border:1px solid red;
}

.labelred {
	color: #660000;
	font-size: 12px;
	font-weight: bold;
}

.selectList {
	color: #0F0F0F;
	font-size: 11px;
	border:  1px solid #7f9db9;
}

.dotted_650, .dotted_500 {
	border: dotted 1px #777777;
	width: 650px;
	font-size: 11px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	background-color: white;
}

.dotted_500 {
	width: 500px;
}

.dotted_750{
	border: dotted 1px #777777;
	width: 650px;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
}

.dotted_widthless{
	border: dotted 1px #777777;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
}

.dotted_reports{
	border: dotted 1px #777777;
	font-size: 10px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
}


.sessionInInstance {
	padding-left: 30px;
	font-style: italic;
}

.dotted_700{
	border: dotted 1px #777777;
	width: 700px;
	font-size: 10px;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dotted_800{
	border: dotted 1px #777777;
	width: 100%;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tableDotted {
	border: dotted 1px #777777;
	width: 100%;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.dotted {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
}

.no_dotted .dotted {
	border: solid 0px white;
	font-size: 11px;
	padding: 0px;
}

.dotted_grey {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#CCCCCC;
}

.dotted_blue {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#E0E3EF;
}

.dotted_yellow {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#FFFF66;
}

.dotted_pink {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#FFCCCC;
}

.dotted_lightpink {
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#FFD9FF;
}

.dottedblack {
	border: dotted 1px #000000;
	font-size: 11px;
	padding: 5px;
}


.paddedTitle {
	padding-top:3px;
	padding-bottom: 3px;
	padding-left: 7px;
	font-weight: bold;
}

.dotted_900{
	border: dotted 1px #777777;
	width: 900px;
	font-size: 0.85em;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dotted_90pc_lowPadding{
	border: dotted 1px #777777;
	width: 90%;
	font-size: 0.85em;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dotted_1200{
	border: dotted 1px #777777;
	width: 1200px;
	font-size: 0.85em;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dotted_100pc{
	border: dotted 1px #777777;
	width: 100%;
	font-size: 0.85em;
	
}

.dotted_95pc, .dotted_99pc {
	border: dotted 1px #777777;
	width: 95%;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.dotted_99pc {
	width: 99%;
}


.dotted_100pc_surveyAnswers{
	border: dotted 1px #777777;
	width: 100%;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.resultTable{
	border: dotted 1px #777777;
	width: 100%;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.dotted_100pc_surveyAnswers td{
	padding: 2px;
}

.dotted_90pc{
	border: dotted 1px #777777;
	width: 90%;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pictures_library{
	border: solid 1px #FFB317;
	padding: 10px;
	margin: 10px;
}

.tree_table_text{
	font-size: 1em;
}

.centered_cell {
	text-align: center;
	vertical-align: text-top;
}
.notRead_centered_cell {
	text-align: center;
	vertical-align: text-top;
	font-weight: bold;
}
.message_row{
}
.white_message_row{
	background-color: white;
}

.silver_message_row{
	background-color: #CCCCCC;
}

.grey_message_row{
	background-color: #EFEFEF;
}

.grey_bg{
	background-color: #EFEFEF;
	padding-top:6px;
	padding-left:12px;
	margin-left:28px;
	padding-right:4px;
	padding-bottom:4px;
	font-size: 11px;
}

.grey_bg2{
	background-color: #EFEFEF;
	padding-top:6px;
	padding-left:6px;
	padding-right:4px;
	padding-bottom:4px;
}

.just_grey_bg {
	background-color: #EFEFEF;
}

.disabled_input {
	background-color: #EFEFEF;
	color: #8f8f8f;
}

.table_header {
	background-color: #666666;
	font-weight: bold;
	color: white;
}

.table_header_flavour {
	background-color: #666666;
	color: #F3FE09;
	font-size: 11px;
	text-align: center;
}

.table_header_flavour_white {
	background-color: #FFFFFF;
	color: #F3FE09;
	font-size: 11px;
	text-align: center;
}

.login_inputs {
	width: 164px;
	border:  1px solid #7f9db9;
}

.tree_inputs {
	border:  1px solid #7f9db9;
	font-size: 1em;
}

.submenu_list {
	border:  1px solid #666666;
	font-size: 1em;
	margin: 2px;
}

.submenu_list_grey {
	border:  1px solid #666666;
	font-size: 1em;
	color: gray;
	background: #EEEEEE;
}

.registration_inputs {
	width: 472px;
	border:  1px solid #7f9db9;
}

.readOnlyregistration_inputs {
	width: 472px;
	border:  1px solid #7f9db9;
	color: gray;
	background: #EEEEEE;
}

.text_inputs {
	border:  1px solid #7f9db9;
	width: 165px;
}

.nowidth_text_inputs {
	border:  1px solid #7f9db9;
}

.longer_text_inputs {
	border: 1px solid #7f9db9;
	width: 150px;
	font-size: 10px;
}

.short_text_inputs {
	border:  1px solid #7f9db9;
	width: 30px;
}

.tiny_text_inputs {
	border:  1px solid #7f9db9;
	width: 20px;
}

.medium_text_inputs {
	width: 350px;
	border:  1px solid #7f9db9;
}

.80_text_inputs {
	width: 80px;
	border:  1px solid #7f9db9;
}

.220_text_inputs {
	width: 220px;
	border:  1px solid #7f9db9;
}

.long_text_inputs {
	width: 450px;
	border:  1px solid #7f9db9;
}

.date_text_inputs {
	width: 80px;
	border:  1px solid #7f9db9;
}

.medium_textarea {
	width: 400px;
	height: 75px;
	border:  1px solid #7f9db9;
}

.long_textarea {
	width: 300px;
	height: 140px;
	border:  1px solid #7f9db9;
}

.big_textarea {
	width: 400px;
	height: 200px;
	border:  1px solid #7f9db9;
}

.large_textarea {
	width: 600px;
	height: 600px;
	border:  1px solid #7f9db9;
}

.text_inputs, .80_text_inputs, .220_text_inputs, .longer_text_inputs, .short_text_inputs, .medium_text_inputs, .long_text_inputs, .date_text_inputs, .medium_textarea, .long_textarea, .large_textarea, .tiny_text_inputs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tab_title {
	background-image: url(../images/tab_title_bg.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 139px;
	text-align: center;
}

.tab_title_wide {
	background-image: url(../images/tab_title_bg_wide.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 176px;
	text-align: center;
}

.tab_spacer {
	background-color: white;
	display: inline;
	float: left;
	width: 3px;
	height: 80px;
	
}

.tvs_menu_tab {
	display: inline;
	float: left;	
	margin-left: 3px;
}

.tvs_menu_tab_2 {
	display: inline;
	float: left;
	margin-left: 3px;
}

.tvs_tab_title {
	background-image: url(../images/tvs_tab_title_bg.jpg);
	height: 26px;
	text-align: center;
}

.tvs_tab_title_selected_tvsonly {
	background-image: url(../images/tvs_tab_title_blue_bg.jpg);
	height: 26px;
	text-align: center;
}

.tvs_tab_title_selected {
	background-image: url(../images/tvs_tab_title_yellow_bg.jpg);
	height: 26px;
	text-align: center;
}


/*.breadcrumb_helpspot_link {
	font-size: 12px;
	color: #728DAA;
	margin-left: 10px;
}*/

.breadcrumb_helpspot_link {
    background-color: #CCC;
    border-radius: 5px 5px 5px 5px;
    color: #728DAA;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 5px;
}

.breadcrumb_helpspot_link:hover {
    background-color: white;
	text-decoration: none;
}

.breadcrumb_helpspot_link:visited {
	color: #728DAA;
}

div#help_items {
	float: right;
	margin-top: -14px;
}

div#help_items a {
	display: block;
}

.breadcrumb_div {
	display:inline;
}

.breadcrumb_border {
	padding: 3px; 
	border:2px solid #efefef;
	border-radius: 4px;
}

.breadcrumb_div_link { 
	cursor:pointer; 
	padding: 3px 21px 3px 3px; 
	background: url(../images/down.png) no-repeat 98%; 
}

div.settings_button {
	font-size:13px;
	color: white;	
	position: absolute;
	right: 10px;
	top: 68px;
}

div.config_button {
	font-size:13px;
	color: white;	
	position: absolute;
	right: 130px;
	top: 68px;
}


img.home_img {
	border: 0;
    height: 60px;
    left: 0;
    margin-right: 10px;
margin-top:-20px;
	float: left;
}

.tab_left {
	background-image: url(../images/tvs_tab_title_bg_left.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
}

.tab_centre{
	background-image: url(../images/tvs_tab_title_bg.jpg);
	height: 26px;
	font-size:11px;
	text-align: center;
	width:100%;
}


.submenu_left_top {
	background-image: url(../images/submenu/top_left.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}

.submenu_left_top_1 {
	background-image: url(../images/submenu/top_left.jpg);
	font-size:10px;
	text-align: left;
	width:100%;
}

.submenu_left_top_2{
	background-image: url(../images/submenu/top_left.jpg);
	font-size:10px;
	text-align: right;
	width:100%;
}

.submenu_right_top_noText {
	background-image: url(../images/submenu/top_right_noText.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}

.submenu_right_top {
	background-image: url(../images/submenu/middle_right.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}
.submenu_left_middle_noText {
	background-image: url(../images/submenu/middle_left_noText.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}

.submenu_left_middle {
	background-image: url(../images/submenu/middle_left.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}



.submenu_right_middle_noText {
	background-image: url(../images/submenu/middle_right_noText.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}

.submenu_right_middle {
	background-image: url(../images/submenu/middle_right.jpg);
	font-size:11px;
	height: 23px;
	text-align: center;
	width:100%;
}

.submenu_left_bottom_noText {
	background-image: url(../images/submenu/bottom_left_noText.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}

.submenu_left_bottom {
	background-image: url(../images/submenu/bottom_left.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}

.submenu_right_bottom_noText {
	background-image: url(../images/submenu/bottom_right_noText.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}

.submenu_right_bottom{
	background-image: url(../images/submenu/bottom_right.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}


.submenu_right_top_noText{
	background-image: url(../images/submenu/top_right_noText.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}

.submenu_right_middle_noText{
	background-image: url(../images/submenu/middle_right_noText.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}

.submenu_right_bottom_noText{
	background-image: url(../images/submenu/bottom_right_noText.jpg);
	font-size:11px;
	height: 25px;
	text-align: center;
	width:100%;
}
.submenu_left_side_top {
	background-image: url(../images/submenu/left_side_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_left_side_top_noText {
	background-image: url(../images/submenu/left_side_top.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_left_side_middle_noText {
	background-image: url(../images/submenu/left_side_middle_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_left_side_bottom_noText {
	background-image: url(../images/submenu/left_side_bottom_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_right_side_top_noText {
	background-image: url(../images/submenu/right_side_top_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 236px;
	width: 236px;
}

.submenu_right_side_middle_noText {
	background-image: url(../images/submenu/right_side_middle_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 236px;
	width: 236px;
}

.submenu_right_side_bottom_noText {
	background-image: url(../images/submenu/right_side_bottom_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 236px;
	width: 236px;
}

.submenu_right_side2_top_noText {
	background-image: url(../images/submenu/right_side2_top_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_right_side2_middle_noText {
	background-image: url(../images/submenu/right_side2_middle_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_right_side2_bottom_noText {
	background-image: url(../images/submenu/right_side2_bottom_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width: 10px;
}

.submenu_left_side2_top_noText {
	background-image: url(../images/submenu/left_side2_top_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 208px;
	width: 208px;
}

.submenu_left_side2_middle_noText {
	background-image: url(../images/submenu/left_side2_middle_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 208px;
	width: 208px;
}

.submenu_left_side2_bottom_noText {
	background-image: url(../images/submenu/left_side2_bottom_noText.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 208px;
	width: 208px;
}

.submenu_left_side2_top {
	background-image: url(../images/submenu/left_side2_top.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 23px;
	width:92px;
}

.submenu_left_side_middle {
	background-image: url(../images/submenu/left_side_middle.jpg);
	background-repeat: no-repeat;
	height: 23px;
	min-width: 10px;
	width:10px;
}

.submenu_left_side2_middle {
	background-image: url(../images/submenu/left_side2_middle.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 23px;
	width:92px;
}
.submenu_left_side_bottom {
	background-image: url(../images/submenu/left_side_bottom.jpg);
	background-repeat: no-repeat;
	min-width: 10px;
	height: 25px;
	width:10px;
}

.submenu_left_side2_bottom {
	background-image: url(../images/submenu/left_side2_bottom.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 25px;
	width:92px;
}


.submenu_right_side_top {
	background-image: url(../images/submenu/right_side_top.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 23px;
	width:92px;
}

.submenu_right_side2_top {
	background-image: url(../images/submenu/right_side2_top.jpg);
	background-repeat: no-repeat;
	min-width: 10px;
	height: 23px;
	width:10px;
}

.submenu_right_side_middle {
	background-image: url(../images/submenu/right_side_middle.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 23px;
	width:92px;
}

.submenu_right_side2_middle {
	background-image: url(../images/submenu/right_side2_middle.jpg);
	background-repeat: no-repeat;
	min-width: 10px;
	height: 23px;
	width:10px;
}

.submenu_right_side_bottom {
	background-image: url(../images/submenu/right_side_bottom.jpg);
	background-repeat: no-repeat;
	min-width: 92px;
	height: 25px;
	width:92px;
}

.submenu_right_side2_bottom {
	background-image: url(../images/submenu/right_side2_bottom.jpg);
	background-repeat: no-repeat;
	min-width: 10px;
	height: 25px;
	width:10px;
}

.submenu_text_right_wide {
	padding-top: 2px;
	padding-left: 158px;
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
}


.tab_right {
	background-image: url(../images/tvs_tab_title_bg_right.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
}


.tab_left_selected {
	background-image: url(../images/tvs_tab_title_yellow_bg_left.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
}

.tab_centre_selected{
	background-image: url(../images/tvs_tab_title_yellow_bg.jpg);
	height: 26px;
	font-size:11px;
	text-align: center;
	width:100%;
}

.tab_right_selected {
	background-image: url(../images/tvs_tab_title_yellow_bg_right.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
}

#submenu_wide {
	
}


.tvs_tab_title_left {
	background-image: url(../images/tvs_tab_title_bg_left.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 5px;
	float: left;
}

.tvs_tab_title_left_selected {
	background-image: url(../images/tvs_tab_title_yellow_bg_left.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 5px;
	float: left;
}

.tvs_tab_title_left_selected_tvsonly {
	background-image: url(../images/tvs_tab_title_blue_bg_left.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
	float: left;
}

.tvs_tab_title_centre {
	height: 26px;
	text-align: center;
	float: left;
	font-size:12px;
}

.tvs_tab_title_right {
	background-image: url(../images/tvs_tab_title_bg_right.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
	float: right;
}

.tvs_tab_title_right_selected {
	background-image: url(../images/tvs_tab_title_yellow_bg_right.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
	float: right;
}

.tvs_tab_title_right_selected_tvsonly {
	background-image: url(../images/tvs_tab_title_blue_bg_right.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 10px;
	float: right;
}


.active_tab_title {
	background-image: url(../images/yellow_tab_bg.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 160px;
	text-align: center;
}

.active_tab_title_wide {
	background-image: url(../images/yellow_tab_bg_wide.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 160px;
	text-align: center;
}

.tab_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
}

.tvs_tab_title_text {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
}

.menu_tab {
	display: inline;
	float: left;
	margin-left: 4px;
}


.right_div{
	text-align: right;
	vertical-align: top;
}

.left_column {
	float: left;
	width: 40%;
}

.central_column {
	float: left;
	width: 10%;
	text-align: center;
}

.central_column_narrow {
	float: left;
	width: 5%;
	text-align: center;
}


.right_column {
	float: left;
	width: 40%;
}

.wide_column {
	float: left;
	width: 75%;
}

.left_column_wide {
	float: left;
	width: 68%;
}

.right_column_narrow {
	float: left;
	width: 25%;
}

.staticPageHeading {
	font-size: 1.1em;
	color: #666666;
}

.questionHeading {
	font-size: 1.3em;
	color: #666666;
	text-decoration: underline;
}

.GoToNextStaticPage {
	margin-top: 10px;
	font-size: 0.85em;
	margin-left: 20px;
}

.staticPageContent {
	padding: 20px;
	border: 1px gray solid;
	width: 700px;
}

.surveyQuestion {
	padding: 4px;
	border: 1px #DDDDDD solid;
	width: 650px;
	margin-bottom: 15px;
	margin-left: 20px;
}

.questionSet {
	border: 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 700px;
	margin-bottom: 20px;
}

.assessorProfil {
	border: dotted 1px #7f9db9;
	margin: 4px;
	padding: 4px;
}

.questionSetQuestion {
	font-weight: bold;
	margin: 10px;
}

.survey_inputs {
	border:  1px solid #7f9db9;
}

.surveyDescription {
	border: 1px dotted gray;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 700px;
}

.wysiwyg {
	margin-bottom: 10px; 
}

.accessCell {
	text-align: center;
	border-left: 1px solid grey;
	width: 70px;
}

.accessCell_flavour {
	text-align: center;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	width: 20px;
}

.accessCell_flavour1 {
	text-align: center;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	background-color: #FFFFFF;
}

.accessCell_flavour2 {
	text-align: center;
	font-size: 10px;
	background-color: #FFFFFF;
}

.accessCell_flavour3 {
	text-align: center;
	font-size: 10px;
	background-color: #FFFFFF;
}

.accessCell_flavour4 {
	text-align: center;
	font-size: 10px;
	background-color: #E0E0E0;
}

.clearCell {
	text-align: center;
	border: none;
	background-color: #eeeeee;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}

.sendEmail {
	text-align: right;
	border: none;
	color: #333333;
	font-size: 10px;
}

.sessionFlavoursList{
	border: dotted 1px #777777;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
	background-color: #efefef;
	visibility: hidden;
	display: none;
}

.moduleFlavoursList{
	border: dotted 1px #777777;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #efefef;
	visibility: hidden;
	display: none;
}

.red_checkbox {
	color: solid 1px red;
}

div#breweryInGroupList {
	background-color: #E6E6E6;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	/*margin-bottom: 5px;*/
	margin-top: 5px;
	padding: 5px;
}

a.currentBrewery:link{background:#F1D205; text-decoration: underline overline;}
a.currentBrewery:visited{background:#F1D205; text-decoration: underline overline;}
a.currentBrewery:hover{background:#F1D205; text-decoration: underline overline;}


/* STLYE FOR GRAPH MENUS */

div#graphMenuContainer, div#graphMenuContainer_tvs, div#graphMenuContainer_tvs_nodb {
background-color: #E6E6E6;
border-top: solid 1px black;
border-bottom: solid 1px black;
/*margin-bottom: 5px;*/
margin-top: 5px;
font-size: 10px;
}

div#graphMenuContainer ul {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:22px;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}

div#graphMenuContainer_tvs ul, div#graphMenuContainer_tvs_nodb ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
/*text-align: center;*/
margin-top: 0;
margin-bottom: 0;
margin-left:200px;
padding-bottom: 5px;
padding-top: 5px;
}

div#graphMenuContainer_tvs_nodb ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
/*text-align: center;*/
margin-top: 0;
margin-bottom: 0;
margin-left:0px;
padding-bottom: 5px;
padding-top: 5px;
}

div#graphMenuContainer ul li, div#graphMenuContainer_tvs ul li, div#graphMenuContainer_tvs_nodb ul li
{
display: inline;
margin-left: -4px;
}

div#graphMenuContainer ul li a, div#graphMenuContainer_tvs ul li a, div#graphMenuContainer_tvs_nodb ul li a
{
padding: 5px 20px 5px 10px;
color: black;
text-decoration: none;
border-right: 1px solid #000;
}

div#graphMenuContainer ul li a:hover, div#graphMenuContainer_tvs ul li a:hover, div#graphMenuContainer_tvs_nodb ul li a:hover
{
background-color: black;
color: white;
}

div#graphMenuContainer .activeGraphMenuItem, div#graphMenuContainer_tvs .activeGraphMenuItem, div#graphMenuContainer_tvs_nodb .activeGraphMenuItem
{
background-color: #F1D205;
color: black;
}

.activeGraphMenuItem {
	border-left: 1px solid #000;
}

#graphMenuLeftItem a {border-left: 1px solid #000;}

div#graphNameMenuContainer, div#graphNameMenuContainer_tvs
{
background-color: #F1D205;
/*border-top: solid 1px black;*/
border-bottom: solid 1px black;
margin-bottom: 5px;
/*margin-top: 5px;*/
padding: 5px;
}

.active_submenu {
	background-color: #F1D205;
	color: black;
	padding: 0px 3px 0px 3px;
}


.dotted_full_width{
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.dotted_full_width th{
	font-size: 12px;
	text-align: left;
}

.order_table
{
	text-align: left;
	width: 100%;
	font-size: 10px;
}

.order_table
{
	
}

.order_table th
{
	text-align: left;
}

.orderInputText
{
	width: 30px;
}

.orderInputButton
{
	width: 15px; 
	height: 18px; 
	font-size: 10px; 
	text-align: center; 
	border:1px;
	border-color:#666666;
	border-style:solid;
}

.dynamicFormBlockRightWhite {
	background-color: #FFFFFF;
	text-align: right;
}

.dynamicFormBlockLeftWhite {
	background-color: #FFFFFF;
	text-align: left;
}

.dynamicFormBlockLeftGrey {
	background-color: #EFEFEF;
	text-align: left;
}

.dynamicFormBlockLeftYellow {
	background-color: #FEFFBF;
	text-align: left;
}

.dynamicFormBlockRightWhite, .dynamicFormBlockLeftWhite, .dynamicFormBlockLeftGrey, .dynamicFormBlockLeftYellow {
	padding: 5px;	
}

.dynamicFormField {
	padding-bottom: 5px;
}

.testList th {
	background-color: black;
	color: white;
	text-align: left;
	font-size: 1.1em;
	padding: 3px;
}

.testList td {
	padding: 1px 3px;
}

/*div#graphNameMenuContainer ul
{
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#graphNameMenuContainer ul li
{
display: inline;
margin-left: -4px;
}

div#graphNameMenuContainer ul li a
{
padding: 5px 10px 5px 10px;
color: black;
text-decoration: none;
border-right: 1px solid #000;
}

div#graphNameMenuContainer ul li a:hover
{
background-color: #666666;
color: #F1D205;
}

div#graphNameMenuContainer .activeGraphNameMenuItem
{
background-color: #FFF452;
color: white;
}

#graphNameMenuLeftItem a {border-left: 1px solid #000;}*/
/* GREY BOX STYLE SHEET
.black_overlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.2;
	opacity:0.20;
	filter: alpha(opacity=20);
}
*/

.black_overlay {
	
}

.white_content {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 400px;
	height: 300px;
	padding: 16px;
	border: 10px solid #FFCC00;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.help_box {
	border: 1px solid #7f7f7f;
	background-color: white;
	padding: 10px;
}

.conditioning_pattern_action {
	width: 100%;
	border: 0;
	background: #CCC;
}
.conditioning_pattern_action tr {
}
.conditioning_pattern_action th {
	padding: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	background: #CCC;
}
.conditioning_pattern_action td {
	padding: 4px;
	text-align: center;
	font-size: 11px;
}

#ajaxloader {
	width:400px;
	height:100px;
	padding-top:50px;
	text-align:center;
	border:1px solid #ccc;
	position:absolute;
	top: 200px;
    left: 33%;
    background-color:#fff;
}
.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete_flavours { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; z-index:10000 }
.autocomplete_flavours ul {list-style-image: url(../images/ul_arrow.gif); }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color: #dc871d; }

/*li { margin: 10px 5px 0px 0px;}*/


.form_element_tree, .form_element_tree_locked, .form_element_tree_expanded {
	height: 36px;
	width: 350px;
	padding: 0px 5px;
	background-color: white;
	border: 1px solid #7F9DB9;
	overflow:auto;
	position:absolute;
	margin-top:-2px;
}

.form_element_tree_expanded, .form_tree_spacer {
	height: 300px;
}

.form_element_overlay {
	height: 350px;
	width: 100%;
	padding: 0px 5px;
	background-color: white;
	border: 1px solid #7F9DB9;
	overflow:auto;
	position:absolute;
	margin-top:-2px;
	margin-left:-300px;
	z-index:100;
}

.ie8 .form_element_overlay {
	height:auto;
	width: 100%;
	padding: 0px 5px;
	background-color: white;
	border: 1px solid #7F9DB9;
	overflow:auto;
	position:absolute;
	margin-top:-2px;
	margin-left:-300px;
	z-index:100;
}

.form_element_overlay_close {
	padding:3px;
	position:absolute;
	top:1px;
	right:16px;
	z-index:10;
	background-color:#efefef;
}

.data_entry_active_tab, .data_entry_inactive_tab {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	position:relative;
	z-index: 5;
}

.data_entry_active_tab {
	border-style: solid solid solid solid;
	border-color: #BFBFBF #BFBFBF white #BFBFBF;
}

.data_entry_inactive_tab {
	border-style: none none none none;
	border-color: white white white white;
}

.data_entry_flavour_row {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid none none none;
	border-color: #BFBFBF white white white;
}

.data_entry_flavour_left_top {
	border-width: 1px 0px 0px 1px;
	padding: 5px;
	border-style: solid none none solid;
	border-color: #BFBFBF white white #BFBFBF;
}

.data_entry_flavour_right_top {
	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid none none;
	border-color: #BFBFBF #BFBFBF white white;
}


.data_entry_flavour_left_side {
	border-width: 0px 0px 0px 1px;
	padding: 5px;
	border-style: none none none solid;
	border-color: white white white #BFBFBF;
}

.data_entry_flavour_right_side {
	border-width: 0px 1px 0px 0px;
	padding: 5px;
	border-style: none solid none none;
	border-color: white #BFBFBF white white;
}

.data_entry_flavour_bottom {
	border-width: 1px 0px 0px 0px;
	padding: 5px;
	border-style: solid none none none;
	border-color: #BFBFBF white white white;
}

/* Styles for Sensory paper form */

div.sensoryPaperForm_container {
	font-family: helvetica, sans-serif;
	font-size: 0.8em;
	padding: 20px;
}

h1.sensoryPaperForm_title {
	text-align: center;
}

table.sensoryPaperForm_nameDate {
	width: 100%;
	margin: 30px 0px;
	font-size: 15px;
}

table.sensoryPaperForm_nameDate td.header {
	width: 1%;
	padding-right: 10px;
	font-size: 15px;
}

table.sensoryPaperForm_nameDate td.field {
	border-bottom: 1px dotted black;
	width: 58%;
	font-size: 15px;
}

table.sensoryPaperForm_description {
	width: 100%;
}

table.sensoryPaperForm_description th.header {
	padding-right: 10px;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
}

table.sensoryPaperForm_description th.text {
	font-weight: normal;
	text-align: left;
	font-size: 13px;
}

table.sensoryPaperForm_scoreTable {
	width: 100%;
	margin: 10px 0;
	font-size: 13px;
}

table.sensoryPaperForm_scoreTable th {
	border: 1px solid #666;
	font-size: 13px;
}

table.sensoryPaperForm_scoreTable td {
	border: 1px solid #CCC;
	font-size: 13px;
}

.underlined {
	text-decoration: underline;
}

.leftAligned {
	text-align: left;
}

.rightAligned {
	text-align: right;
}

.centered {
	text-align: center;
}

.negatived {
	color: white;
	background-color: black;
}

.blackBordered {
	border: 1px black solid;
}

td.colorchart
{
   width:16px;
   height:12px;
}

.shown_TBODY
{
	display: table-row-group;
	visibility: visible;
}

.hidden_TBODY
{
	display: none;
	visibility: hidden;
}

.instancesSearchPanel {
	width: 100%;
}

.instancesSearchPanel p {
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
	color: red;
	font-size: 11px;
}

.instancesCounter {
	width: 168px;
	height: 16px;
}

.sessionsCounter {
	width: 168px;
	height: 16px;
}

.instancesButtons {
	float: right;
	margin-top: 12px;
}

.instancesCounter div {
	background: white url(../images/digitBackground.png) no-repeat;
	height:24px;
	width:16px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	float: left;
}

.sessionsCounter div {
	background: white url(../images/digitBackground2.png) no-repeat;
	height:24px;
	width:16px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	float: left;
}

.instancesCounter div span {
	margin-left: 3px;
}

.instancesCounter div.greyed {
	color: #999;
}

.instancesCounter div.blacked {
	color: #000;
}

.sessionsCounter div span {
	margin-left: 3px;
}

.sessionsCounter div.greyed {
	color: #999;
}

.sessionsCounter div.blacked {
	color: #000;
}

.counterTitle {
	color: #999;
}

.sessionCounterTitle {
	color: #7FA0AF;
}

.vSeparator {
	display: inline-block;
	width:20px;
	height: 20px;
	border-left: 1px solid #777;
	margin-left: 20px;
}

/*  Style for tabs used  to navigate from 1 search form to another (instances/sessions search under SENSORY) */

ul#search_navigation, ul#target_years, ul#target_sites {
	height: 43px;
	padding: 20px 20px 0 30px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	list-style: none;
	float: left;
	z-index: 1;
}

ul#search_navigation li, ul#target_years li {
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	float: left;
	width: 168px;
	margin: 0 10px 0 0;
	background-color: #fff;
	border: solid 1px #fff;
	position: relative;
	z-index: 1;
}

ul#target_sites li {
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	float: left;
	width: 248px;
	margin: 0 10px 0 0;
	background-color: #fff;
	border: solid 1px #fff;
	position: relative;
	z-index: 1;
}

ul#target_years li {
	width: 82px;
}

ul#target_sites li {
	width: 172px;
}

ul#search_navigation li.selected, ul#target_years li.selected, ul#target_sites li.selected {
	z-index: 3;
}

ul#search_navigation li a:link, ul#search_navigation li a:visited, ul#target_years li a:link, ul#target_years  li a:visited {
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border: solid 1px #000;
	display: block;
	text-align: center;
	width: 168px;
	height: 40px;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	color: #AAA;
	outline: none;
	float: left;

	background: -moz-linear-gradient(top center, #d1d1d1, #ffffff 80%) repeat scroll 0 0 #ffffff;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #ffffff),color-stop(.8, #d1d1d1));
	background-color: #ffffff;

	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}

ul#target_sites li a:link, ul#target_sites  li a:visited {
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border: solid 1px #000;
	display: block;
	text-align: center;
	width: 248px;
	height: 40px;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	color: #AAA;
	outline: none;
	float: left;

	background: -moz-linear-gradient(top center, #d1d1d1, #ffffff 80%) repeat scroll 0 0 #ffffff;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #ffffff),color-stop(.8, #d1d1d1));
	background-color: #ffffff;

	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}
ul#target_years li a:link, ul#target_years  li a:visited {
	width: 90px;
}

ul#target_sites li a:link, ul#target_sites  li a:visited {
	width: 180px;
}

ul#search_navigation li a:hover, ul#target_years li a:hover, ul#target_sites li a:hover {
	color: #000;
}

ul#search_navigation li.selected a:link, ul#search_navigation li.selected a:visited, ul#target_years li.selected a:link, ul#target_years li.selected a:visited, ul#target_sites li.selected a:link, ul#target_sites li.selected a:visited {
	color: #000000;
	border: solid 1px #000;
	border-bottom: 0;
	-webkit-transition: background-color 0.2s linear;
	background: #ffffff;
	font-weight: bold;
}

.search_number_handle {
	padding: 15px 5px;
}

.tasting_sites_handle {
	padding: 5px;
}

.existing_link_parent {
	display: inline;
	margin-right: 10px;
}

.tab_desc { font-size:11px; color:#666666; font-style: italic; padding: 0 0 0 0; margin:0;}
.submenu_ul { text-align:left; list-style:none; width:300px; margin:0px 10px 0px 10px; padding: 5px; float: left;}
.submenu_ul hr { color:#CFCFCF; background-color: #CFCFCF }

.submenu_ul h1, .submenu_ul h1 a, .submenu_ul h1 a:hover, .submenu_ul h1 a:active, .submenu_ul h1 a:visited { 
	padding:3px 0 3px 0; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:12px;
	margin:0 0 2px 0;
	color: #343434;
}

.sub_sub { font-size:11px; margin:0; padding:1px 0 5px 10px; background-image: url(../images/ul_arrow_black.gif); background-repeat: no-repeat; background-position: 0 3px;}
.sub_sub a, .sub_sub a:link, .sub_sub a:hover, .sub_sub a:visited, .sub_sub a:active { text-decoration:none;font-weight:normal;}
.sub_sub_selected { 
	padding-top:5px; 
	background-image: url(../images/ul_arrow_blue.gif); 
	background-position: 0 7px; 
	border: 2px solid #aaaaaa;
}

.sub_sub_selected a, .sub_sub_selected a:link, .sub_sub_selected a:hover, .sub_sub_selected a:visited { 
	text-decoration:none;
	font-weight:normal;
}

h1.sub_sub_heading_selected { 
	padding-left:5px; 
	zbackground-color:#efefef; 
	z-webkit-border-radius: 5px; 
	z-moz-border-radius: 5px; 
	zborder-radius: 5px; 
	border: 2px solid #aaaaaa;
}

.ui-corner-all { font-size:11px; }
.highlight_search_term { font-weight:normal; text-decoration:underline; }
#search_menu { font-size: 11px; color:#777 }
#search_menu_field { width:200px;  border:2px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px; }

.nav_submenu { 
	border: 1px solid #999; 
	z-index: 99;
	position: absolute; 
	background-color: white;
}

/* Styles used to render the targets widget */

div.target_cells {
	height: 30px;
	margin: auto;
}

div.target_1_cells {
	width: 100px;
}

div.target_2_cells {
	width: 170px;
}

img.target_icon_cell {
	float: left;
	width: 15px;
	height: 30px;
	margin: 0;
	padding: 0;
}

div.target_input_cell {
	float: left;
	height: 30px;
	width: 70px;
	text-align: center;
	margin: 0;
	padding: 0;
}

div.target_input_cell a, div.target_input_cell span {
	text-align: center;
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal;
	display: block;
	margin: 5px 10px;
	background-color: white;
}

div.target_input_cell select {
	display: block;
	margin: 5px;
}

/* Styles used by the search headings (headings contain search criteria) */

fieldset.headingDivs {
	/*width: auto;*/
	/*border-radius: 5px;*/
	background-color: #FFFFFF;
	/*margin: 20px 0;*/
	padding-left: 10px;
	padding-right: 10px;
        border:1px solid white;
}

fieldset.headingDivs div.criteriaBlock {
	float: left;
	width: 400px;
	margin: 10px 10px 0 0;
	background-color: #FFF;
}

fieldset.headingDivs div.wide_criteriaBlock {
	float: left;
	width: 600px;
	margin: 10px 10px 0 0;
	background-color: #FFF;
}

fieldset.headingDivs legend {
	font-weight: bold;
	color: gray;
	font-size: 14px;
}

.css-vertical-text {
	color:#FFF;
	border:1px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	white-space:nowrap;
	width:5px;
	height:100px;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal; 
}

.column{
	width:99%;
	margin-right:.5%;
	min-height: 150px;
	background: white;
	float: left;
}
.column .dragbox{
	margin:5px 2px  20px;
	background:#fff;
	position:static;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#f0f0f0;
	color:#000;
	border-bottom:1px solid #eee;
	font-family:Verdana;
	/* cursor:move; */
}
.dragbox-content{
	background:#fff;
	min-height:100px; margin:5px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse{
	background:#f0f0f0 url('collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}


/*

div.procedure_headingDiv {
	background-color: yellow;
	width: 100%;
}

div.sample_headingDiv {
	background-color: pink;
	float: left;
	width: 50%;
}

div.tasting_headingDiv {
	background-color: purple;
	float: right;
	clear: right;
	width: 50%;
}

div.result_headingDiv {
	background-color: orange;
	float: right;
	clear: right;
	width: 50%;
}

div.other_headingDiv {
	background-color: gray;
	width: 100%;
	clear: both;
}

*/

.product_property_input {
	width: 400px;
}

#svn_history_div {
	border-spacing: 0px;
	padding: 0px;
}

#svn_history_div h1 {
	margin: 0px;
	padding: 0px;
}

#svn_history_div th {
	padding: 0px 10px;	
}

#svn_history_div .date {
	width: 100px;
	padding: 0px 10px;	
	text-align: center;
}

#svn_history_div .revision {
	width: 70px;
	padding: 0px 10px;
	text-align: center;
}
.env_name { margin-left:300px; margin-top:10px;font-size:30px;color:#efefef }

.predictive_search_init { color:#999; font-style:italic }

.description_div {
	height:20px;
	vertical-align:middle;
	display:inline-block;
	background-color: #efefef;
	padding: 10px 10px 5px 0px;
	margin:0;
	/*
	-webkit-border-radius: 0px 7px 7px 0px;
	-moz-border-radius: 0px 7px 7px 0px;
	border-radius: 0px 7px 7px 0px;
	*/
	font-size:12px;
	font-weight:normal;
	color:#777;
}

.triangle_left, .triangle_right {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 5px;
	width:0px; 
 	height:0px;
 	font-size:0px;
 	line-height:0px;
}

.triangle_left {
	margin:0 0 0 5px;
 	border-bottom:18px solid transparent;  /* left arrow slant */
 	border-top:18px solid transparent; /* right arrow slant */
 	border-right:18px solid #efefef; /* bottom, add background color here */
}

.triangle_right {
	margin:0 5px 0 0;
 	border-bottom:18px solid transparent;  /* left arrow slant */
 	border-top:18px solid transparent; /* right arrow slant */
 	border-left:18px solid #efefef; /* bottom, add background color here */
}

#next_step { display:inline-block; margin-left:10px; }



.hp_block_title{
padding:34px 0px 0px 15px;
width: 95%; 
float: center; 
/*margin:4px 0px 4px 0px;*/ 
height:60px;
color: #3F3F3F;
font-size:17px;
}

.hp_block_title_darkgrey{
padding:34px 0px 0px 15px;
width: 92%; 
float: center;  
height:60px;
color: #3F3F3F;
font-size:17px;
background-color:#CCCCCC;
}

.hp_block_parent_20{
width:20%; 
border: 1px solid white; /*#F1F1F1;*/ 
margin:0px 0px 0px 0px;
float: left;
}

.hp_block_parent2{
width:33%; 
border: 1px solid white; /*#F1F1F1;*/ 
margin:0px 0px 0px 0px;
float: left;
}

.hp_block_parent2_end{
width:32.204%; 
border: 1px solid #A0A0A0; 
float: left;
margin: 4px 0px 0px 2px;
background-color:#F1F1F1;
height: 230px;
clear:right;
}

.hp_block_parent1{
width:99.5%; 
border: 1px solid #A0A0A0;
float: left;
margin:3px 0px 0px 0px;
background-color:#F1F1F1;
height: 112px;
}

.hp_block_centred{
width:99.5%; 
border: 1px solid #A0A0A0;
float: center;
margin:3px 0px 0px 0px;
background-color:#F1F1F1;
height: 112px;
}

.hp_block_centred_45{
width:45%; 
border: 1px solid #A0A0A0;
float: center;
margin:3px 0px 0px 0px;
background-color:#F1F1F1;
height: 112px;
}


.hp_block_title2{
border: 1px solid #F1F1F1; 
float:center;
color: #3F3F3F; 
margin:15px 0px 4px 0px;
text-align: center; 
font-size:37px		
}

.hp_block_percent{
padding:0px 0px 0px 0px;
height:40px; 
text-align: center; 
color: #3F3F3F;
font-size:37px	
}

.hp_block_arrow{
border:1px solid #F1F1F1;
padding:0px 0px 0px 0px;
height:40px; 
float:right;		
}

.hp_conf_1{
border: 1px solid #F1F1F1; 
width:98%; 
float:left; 
margin:1px;	
}
.hp_conf_2{
border: 1px solid #F1F1F1;
width:50%; 
float:left; 
margin:1px;
padding:10px;
color: #3F3F3F;
font-style: italic;
font-size: 16px;
}
.hp_conf_3{
border: 1px solid #F1F1F1;
float:right; 
margin:1px;	
padding:0px 5px 1px 15px;
}
.hp_conf_4{
border: 1px solid #F1F1F1;
width:100%; 
float:left; 
margin:1px;
padding:10px;
color: #3F3F3F;
font-style: italic;
font-size: 16px;
}

.hp_flavouricon{
border: 0px solid #A0A0A0;
padding: 0px;
background-color: lightgrey;	
}

.hp_top_1{
border: 0px solid #A0A0A0;
margin: 13px 0px 0px 20px;
width: 383px;
float:left;
}

.hp_top_2{
border: 0px solid #A0A0A0;
margin: 13px 0px 0px 0px;
width: 100%;
float:left;
width: 100px;
height:78px;
}

.hp_top_3{
border: 0px solid #A0A0A0;
margin: 0px 0px 0px 0px;
float:right;
}

.hp_top_3_1{
border: 0px solid #A0A0A0;
margin: 5px 0px 0px 0px;
color:#A8A49F;
font-size:40px;
float:left;
clear:both;
}

.hp_top_3_2{
border: 0px solid #A0A0A0;
margin: 3px 0px 0px 0px;
color:#A8A49F;
font-weight:normal;
font-size: 18px;
float:left;
clear:both;
}
.report_watermark {
	color: black;
	width: 700px;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	
	position: absolute;
	left: 0px;
	top: 500px;
	
	opacity: 0.2;
	filter:alpha(opacity=25);
	-moz-transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
}

.report_watermark .big {
	font-size: 60px;
}

#report_filters_div {
	background-color:#efefef;
	padding: 0px 5px 10px 5px;
	margin: 10px 0;
	border: solid 2px #cfcfcf;
}

#report_filters_div legend {
	margin-left: 5px;
	padding-bottom:5px;
	color: #777;
}

.ie fieldset#report_filters_div {
    position: relative;
    padding: 9px 5px 10px 5px;
}

.ie legend {
	position:absolute;
	top: -10px;
	left: .5em;
}

#report_filters_div div.checkboxesDiv {
	width: 150px;
	max-height: 250px;
	overflow: hidden;
	background-color: #DDD;
	border: 1px solid #AAA;
	position: absolute;
}

#report_filters_div div.checkboxesDivList {
	width: 150px;
	max-height: 225px;
	overflow: auto;
	position: relative;
}

#report_filters_div div.labelDiv, #report_filters_div strong.labelDiv {
	float: left;
	margin: 2px 5px;
	line-height: 20px;
	height: 20px;
}

#report_filters_div div.report_filter_div {
	float: left;
	min-width: 150px;
	margin-right: 10px;
}

#report_filters_div div.selection_label {
	float: left;
	width: 150px;
}

#report_filters_div div.selection_label span {
	font-style: italic;
	color: blue;
}

#report_filters_div p.selection_buttons {
	text-align: center;
	margin: 0px;
	padding: 3px 0;
}

#report_filters_div .filter_value_readonly {
	float: left;
	margin: 2px 5px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
}

#create_profile_div {
	background-color:#ffffff;
	padding: 0px 5px 10px 5px;
	margin: 10px 0;
	border: solid 2px #cfcfcf;
}

#create_profile_div legend {
	margin-left: 5px;
	padding-bottom:5px;
	color: #777;
}

.ie fieldset#create_profile_div {
    position: relative;
    padding: 9px 5px 10px 5px;
}

.bigButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	background: #FFB317;
	text-align: center;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.mediumButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #FFB317;
	text-align: center;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.button, .primary_button {
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-repeat: no-repeat;
	padding: 5px 14px 6px;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	-pie-box-shadow: none;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	behavior:url(PIE.php) url(../../PIE.php);
}

.button:hover, .primary_button:hover {
	background-position: 0 -15px;
	text-decoration: none;
	behavior:url(PIE.php) url(../../PIE.php);
}

.button[disabled], .primary_button[disabled] {
	text-shadow: none;
	cursor:default;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-pie-box-shadow: none;
	behavior:url(PIE.php) url(../../PIE.php);
}

.button {
	padding: 5px 14px 6px;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

.primary_button { font-size: 14px; }

.xs { font-size:11px; padding: 4px 8px 4px; }
 
#login_bloc h1 { font-size: 12px }

#login_bloc input, #login_bloc select {
	display: block;
	float: none;
	margin-bottom:5px;
	width: 200px;
	font-size:14px;
}

.round_input {
	background-color: #fff;
	border: solid 1px #dfdfdf;
	padding: 6px 4px 6px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior:url(PIE.php) url(../../PIE.php);
}

#login_bloc input[type=text].round_input, #login_bloc input[type=password].round_input { width:190px }

#login_bloc label { font-size:12px; color: #999 }

.monitor_instructions div.instructions_container {
	font-family: helvetica, sans-serif;
	font-size: 0.8em;
}

.monitor_instructions h1.instructions_title {
	text-align: center;
}

.monitor_instructions h2.instructions_subtitle {
	font-size: 1.2em;
}

.monitor_instructions table.instructions_header {
	font-size: 0.8em;
	width: 650px;
	margin: 10px 0px;
}

.monitor_instructions table.instructions_header td {
	border: 1px solid #CCC;
}

.monitor_instructions table.instructions_header th {
	border: 1px solid #CCC;
}

.monitor_instructions table.instructions_header .field {
	border-bottom: black 1px dotted;
}

.monitor_instructions table.instructions_header th {
	text-align: left;
}

.monitor_instructions .leftAligned {
	text-align: left;
}

.monitor_instructions .centered {
	text-align: center;
}

.monitor_instructions .negatived {
	color: white;
	background-color: black;
}

.monitor_instructions table.instructionTable {
	font-size: 0.8em;
	width: 650px;
	margin: 20px 0;
}

.monitor_instructions table.instructionTable th {
	border: 1px solid #666;
}

.monitor_instructions table.instructionTable td {
	border: 1px solid #CCC;
}

.hr_white{
	background-color: #FFFFFF;
	height: 5px;
}

.report table {
	width: 100%;
	border: solid 2px #cfcfcf;
	border-collapse: collapse;
}

.report th {
	background-color: #efefef;
	text-align: center;
	vertical-align: center;
	border: solid 2px #cfcfcf;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

.report td {
	text-align: center;
	border: dotted 1px #cfcfcf;
	padding: 2px;
	vertical-align: center;
}

/************************* MAIN TABLE *****************************************/

.aroxa_style_tbl_1 {	
	cellspacing: 0px;
	font-family:arial; 
	font-size:10px;
	padding:5px;
}

/************************* TABLE HEADERS **************************************/

.aroxa_style_tbl_1 th {
	padding: 1px 5px;
}

.aroxa_style_th_1 {	
	background-color: #6D6E71;
	cellspacing: 0px;

	border-color: #6D6E71;
}


/*this can be used elsewhere in template to prevent breaking last-child for header*/
.aroxa_style_th_1_copy {	
	background-color: #6D6E71;
	cellspacing: 0px;

	border-color: #6D6E71;
}

.aroxa_style_th_light_1 {	
	background-color: #D1D3D4;
	cellspacing: 0px;
	color: black;
	border: 1px solid #D1D3D4;
	font-size: 11px;
}

.aroxa_style_th_1, .aroxa_style_th_2, .aroxa_style_th_1_copy {
	border: 1px solid #6D6E71;
	padding: 3px 5px 3px 5px;	
	color: #FFFFFF;
	font-size:11px;	
}
table.aroxa_style_tbl_1 tr.first_header_row th:first-child {
	border-radius: 8px 0 0 0;
	position:relative;
	behavior:url(PIE.php) url(../../PIE.php);
}

table.all_rounded_corners tr.first_header_row_grey th:first-child {
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}
table.all_rounded_corners tr.first_header_row_grey th:last-child {
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}
table.all_rounded_corners tr.second_header_row_grey th:first-child {
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}
table.all_rounded_corners tr.second_header_row_grey th{
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}
table.all_rounded_corners tr.second_header_row_grey th:nth-child {
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}
table.all_rounded_corners tr.second_header_row_grey th:last-child {
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #6D6E71;
	background-color: #FFFFFF;
	color: #999999;
	position:relative;
}

table.aroxa_style_tbl_1 tr.first_header_row th:last-child {
	border-radius: 0 8px 0 0;
	position:relative;
	behavior:url(PIE.php) url(../../PIE.php);
}

/* IE8 hack */
table.aroxa_style_tbl_1 tr.first_header_row th.last-child {
	border-radius: 0 8px 0 0;
	position:relative;
	behavior:url(PIE.php) url(../../PIE.php);	
}


#floating_header > tbody > tr.first_header_row > th.no_curved_corner {
	behavior:url(PIE.php) url(../../PIE.php);	
	border-radius: 0px;
}


#floating_header > tbody > tr.first_header_row > th:first-child {	
	behavior:url();	
}

#floating_header > tbody > tr.first_header_row > th.last-child {
	border-radius: 0 0 0 0;	
	behavior:url();
}

#static_table > tbody > tr.first_header_row > th:first-child {	
	border-radius: 8px 0 0 0;	
	behavior:url(PIE.php) url(../../PIE.php);
}


.aroxa_style_th_1 .second_header_row th {
	color: #FFFFFF;	
	cellspacing: 0px;
	font-size: 12px;	
}

body.printed_body .aroxa_style_th_light_1, body.printed_body .aroxa_style_th_1, body.printed_body .aroxa_style_th_2 { 
	 background-color: #FFFFFF;
	 color: #000000;
}
/**************************** NON HEADER CELLS **************************************************/

.aroxa_style_tbl_1 td {
	padding: 1px 5px;
	border: 1px solid #D1D3D4;
}
.data_row {	
	border: 1px solid white;
	text-align:center;
	font-size:11px;	
	color: black;
}
.data_row .first_col {	
	text-align: left;	
}
/* ************************** SECTOR COLOURS *********************************** */

.data_area_beer { background-color:#d1d680; }
.data_area_wine { background-color:#f7d798; }
.data_area_cider { background-color:#d2bee4; }
.data_area_water { background-color:#eadd80; }
.data_area_softdrinks { background-color:#efc0e9; }
.data_area_spirits { background-color:#ffacaf; }
.data_area_dairy { background-color:#b9e3f3; }
.data_area_cola { background-color:#c69568; }

.beer{
background-color: #A2AD00;
}
.beer th{
border: 1px solid #A2AD00;
}
.body_beer .sector_text {
	color: #A2AD00;
}
.dotted_beer{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#A2AD00;
}
.dotted_50_beer{
	border: dotted 1px #777777;
	font-size: 11px; 
	padding: 5px;
	background-color:#d1d680;
}

.wine{
background-color: #EEAF30;		
}
.body_wine .sector_text {
	color: #EEAF30;
}
.dotted_wine{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#EEAF30;
}
.dotted_50_wine{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#f7d798;
}

.cider{	
background-color: #A47CC9;		
}
.body_cider .sector_text {
	color: #A47CC9;
}
.dotted_cider{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#A47CC9;
}
.dotted_50_cider{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#d2bee4;
}

.water{	
background-color: #D4BA00;		
}
.body_water .sector_text {
	color: #D4BA00;
}
.dotted_water{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#D4BA00;
}
.dotted_50_water{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#eadd80;
}

.softdrinks{			
background-color: #DE81D3;	
}
.body_softdrinks .sector_text {
	color: #DE81D3;
}
.dotted_softdrinks{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#DE81D3;
}
.dotted_50_softdrinks{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#efc0e9;
}

.spirits{			
background-color: #FF585F;	
}
.body_spirits .sector_text {
	color: #FF585F;
}
.dotted_spirits{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#FF585F;
}
.dotted_50_spirits{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#ffacaf;
}

.dairy{			
background-color: #72C7E7;		
}
.body_dairy .sector_text {
	color: #72C7E7;
}
.dotted_dairy{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#72C7E7;
}
.dotted_50_dairy{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#b9e3f3;
}

.cola{
background-color: #ae6828;
}
.cola th{
border: 1px solid #ae6828;
}
.body_cola .sector_text {
	color: #ae6828;
}
.dotted_cola{
	border: dotted 1px #777777;
	font-size: 11px;
	padding: 5px;
	background-color:#ae6828;
}
.dotted_50_cola{
	border: dotted 1px #777777;
	font-size: 11px; 
	padding: 5px;
	background-color:#c69568;
}



.submenu_subheader {
	color: #343434;
}

p.infieldset { position:relative }
label.infield { color:#999; position:absolute; top:16px; left:5px; z-index:1000 }

p.no_data_for_selection {
	font-style: italic;
}

.tree_action {
	font-size: 14px;
}

.jqwarning{
	background: url(../images/warning.gif) no-repeat scroll left center transparent;
    height: 17px;
    width: 17px;
	float: left;	
	margin: 0px 0px 0px 5px;
}

.redborder{
	border: 1px solid #900000;
}

.floatleft {
	float:left;
}

.clearleft {
	clear:left;
}

div.floating_graph {
	float:left;
	margin-right: 20px;
}

label.selecting, td.selecting {
	font-style: italic;
}

/*         *************************** LOCALES DATABASE ***************************         */

.translation_table_1{
	border: 1px solid slategray;
	word-wrap: break-word;
	padding: 5px;
	color:darkgreen;
	font-weight:bold;
}

.translation_table_1a {
	border: 1px solid slategray;
	vertical-align: top;
}

.translation_table_2{
	border: 1px solid slategray;
	word-wrap: break-word;
	padding: 5px;
	color:darkgreen;
	font-weight:bold;
	width: 200px;
}

.com_int_1{
	clear: both;
	color: blue;	
}

.com_int_2{
	clear: both;
}

.searchTerm{
	font-weight: bold;
}

.translationSystemDropDowns1{	
	border: 0px solid black;
	float: left;
	padding: 3px;
	color: white;	
	font-weight: bold;
}

.translation_table_main1{	
	float: left;
	border: opx solid black;
	padding: 6px 0px 6px 6px;
	margin: 5px 5px 0px 0px;
	background-color: #6B6B6B;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior:url(PIE.php) url(../../PIE.php);
}

.translation_table_main2{	
	float: left;
	border: 0px solid black;
	padding: 22px 10px 12px 9px;
	margin: 5px 5px 0px 0px;
	clear: right;
	background-color: #6B6B6B;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior:url(PIE.php) url(../../PIE.php);
}

.pageination_3{
	border: 1px solid black; 
	padding: 4px; 
	float: left;
	margin: 2px;
}
.pageination_2{
	border: 1px solid black; 
	padding: 4px; 
	float: left;
	margin: 2px;
	color: white;
	font-weight: bold;
	background-color: black;
}

#all_table{

}

div.coloured_score_cell {
	position: relative;
}

div.coloured_score_colour {
	width: 40px;
	height: 40px;
	position: relative;
}

div.coloured_score {
	position: absolute;
	top: 12px;
	text-align: center;
	width: 40px;
	font-weight: bold;
}

table.session_validity_table col:nth-child(2n) {background: #F7F7F7}
table.session_validity_table tr:first-child {background: #FFFFFF}

div#whats_new_div {
	margin: 10px auto;
	padding: 20px;
	width: 50%;
	border: 1px solid black;
}

div.slot_error {
	padding: 3px 0 0 30px;
	color: red;
	height: 20px;
	background:url(../images/target_error.png) no-repeat;
}

div#breadcrumb_main img {
	border-radius: 5px;
}


/* Some new login styling following the split into 3 subsystems */

img.login_logo {
	margin: 10px auto 0;
	display: block;
}

div.login_icon_wrapper {
	margin: 0 auto;
 	display: inline-block;
	vertical-align: top;
	width: 220px;
	text-align: center;
}

div.login_icon_wrapper h2 {
	margin: 0;
	padding: 0;
	width: 150px;
	margin: auto;
}

div.login_icon_wrapper p {
	margin: 0;
	padding: 10px 0 0 0;
	width: 150px;
	margin: auto;
	font-size: 0.9em;
}

div.login_icon_div {
	margin: 10px auto;
	padding: 20px 10px;
	border-radius: 10px;
	border: 2px solid #EFEFEF;
	width: 150px;
    vertical-align: center;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E8E8E8));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
}

div.login_icon_div div.title {
	font-weight: bold;
	font-size: 20px;
	margin: 5px 0;
}

div.login_icon_div.info {
        float: right;
        display: block;
        margin: 15px 2% 0 2%;
        width: 66%; /* The width should be variable */
}

form.senscheck_login {
	width: 250px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	min-height: 200px;
}

div#system_description {
	margin: 50px auto 0;
	width: 100%;
	height: 120px;
}

div#system_description div.senscheck_product_description {
	position: relative;
}

div#system_description div.senscheck_product_description p {
	color: black;
	font-size: 16px;
	line-height: 26px;
}

div#system_description div.senscheck_product_description h2 {
	color: black;
	font-size: 24px;
}

div#system_description div {
	margin: 10px 20px;
}

div#system_description div h2 {
	color: #BDBEC0;
}

div#admin_toggle_div {
	text-align: center;
	position: absolute;
	top: 115px;
	right: 10px;
	z-index: 20;
	display: none;
}

div#admin_toggle_div span {
	font-weight: bold;
	color: #727376;
	font-size: 12px;
}

div#admin_toggle_div2 {
	text-align: center;
	position: absolute;
	top: 114px;
	right: 0px;
	z-index: 20;
	display: none;
}

div#admin_toggle_div2 span {
	font-weight: bold;
	color: #727376;
	font-size: 12px;
}

/* Welcome message shown before tasting */
div#welcome_message {
	font-weight: bold;
	font-size: 16px;
	color: black;
	background-color: #D9D9D9;
	border-radius: 10px 10px 10px 10px;
	behavior: url(../PIE.php);
	/*position: absolute;
	top: -99px;
	left: -99px;
	width: 748px;
	max-height: 90px;*/
	overflow: auto;
	margin-bottom: 40px;
	/*margin-top: -100px;*/
}
div#welcome_message div {
	margin: 20px;
}

#all_div{

}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 500px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.report-dashboard {
	display: flex;
	align-items: start;
}

/***************************************************END LOCALES DATABASE STYLES****************************/