/*---------------------------------------------------------
 DEFAULT
----------------------------------------------------------*/
*
{
	margin: 0px;
}
html
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body.page
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	border: none;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
	min-width: 1100px;
	font-family: 'Open Sans', sans-serif;
}

body.login_page {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    border: none;
    font-size: 11px;
    color: #000;
    background-image: url('../../Content/Image/background.png');
    min-width: 1100px;
    font-family: 'Open Sans', sans-serif;

}

body.print
{
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #000;
}

body.print *
{
	font-size: 11px;
}

body.print th
{
	text-align: left;
}

div.nopagebreak *
{
	page-break-after:avoid;
    page-break-before:avoid;
}

div.container
{
	min-height: 88%;
	height: auto !important;
}

    div.container.login-container {
        background: url('../../Content/Image/background.png') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.clearfooter
{
	height: 100px;
	clear: both;
}

input[type='text'], input[type='password']
{
	height: 20px;
}

select
{
	height: 25px;
}


input[type='button'], input[type='submit'], button
{
	background-color: #003765;
	/*background-image: url('button_bg.png');
	background-position: left top;
	background-repeat: repeat-x;*/
	border-color: #003765;
	border-radius: 4px;
	font-weight: bold;
	color: White;
	cursor: pointer;
	margin-right: 5px;
}

div.form button span
{
	color: White;
}

a#logout_link
{
	display: block;
	height: 15px; 
	float: right;
    padding-top: 9px; 
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 18px;
	background-color: #e9e9e9;
	cursor: pointer;
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	font-size: 11px;
}

a#logout_link > img
{
	border: none;
}

a#logout_link > span
{
	margin-right: 5px;
	vertical-align: 20%;
}

input[type='button']:hover, input[type='submit']:hover, button 
{
    background-color: #0077ad;
}

a:link
{
	color: #003765;
	text-decoration: underline;
}

a:active
{
	color: #003765;
}


a:visited
{
	color: #505abc;
}

a:hover
{
	color: #0077ad;
	text-decoration: none;
}

a img
{
	border: none;
}

/* tree box */
div.tree
{
	border: 1px solid #CCC;
	background-color: White;
	float: left;
	overflow: auto;
}

/*---------------------------------------------------------
 HEADING
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #32353e;
}

h1
{
	font-size: 20px;
	margin-bottom: 10px;
}

h2
{
	/*background-image: url('block_header_green_4.png');
	background-repeat: repeat-x;*/
    background: rgba (0, 119, 173, 0.5);
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #32353e;
}

h2 a
{
	color: #32353e;
}

h2 a:link, h2 a:active, h2 a:visited
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}


/*---------------------------------------------------------
 LIST
----------------------------------------------------------*/
div.list
{
	margin-bottom: 20px;
	width: 300px;
}

div.list h2
{
	border-bottom: #ccc 1px solid;
	background-color: #f6f6f6;
	padding: 6px 10px;
	margin: 0px;
	text-transform: uppercase;
}

div.list h3
{
	border-bottom: #ccc 1px solid;
	padding: 6px 10px;
	color: #003765;
	margin: 2px;
}

div.list h2 a
{
	text-decoration: none;
	color: #fff;
}


div.list h3 a
{
	text-decoration: none;
}

div.list h3 a:hover
{
	text-decoration: underline;
}

.form_label
{
    border: 1px solid #ccc;
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	line-height: 1.5;
	color: #000;
	font-size : 10pt;
}

/*---------------------------------------------------------
 FORM
----------------------------------------------------------*/
div.form
{
	border: none;
	margin: 0px;
	font-size: 10px;
	padding: 0px;
	border: 1px solid #ccc;
	line-height: 1.5;
	color: #000;
	font-size : 10pt;
	vertical-align:top;
    padding: 4px;
}

div.form table
{
	border: none;
	margin: 0px;
	padding: 0px;
	border-spacing: 1px 1px;
	border-collapse: separate;
}

div.form table tr.selected
{
    background-color: #d5efff;
}

div.form fieldset
{
	float: left;
	margin-right: 10px;
	border: 0px;
}

div.Queryform
{
	border: none;
	margin: 10px;
	font-size: 10px;
	padding: 0px;
	border: 1px solid #ccc;
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	line-height: 1.5;
	color: #000;
	font-size : 10pt;
	width : 100%;
    margin-left: auto ;
    margin-right: auto ;
    overflow:auto;
}
div.Queryform table
{
	border: none;
	margin: 0px;
	padding: 0px;
	border-spacing: 1px 1px;
	border-collapse: separate;
	text-align:left;
}
div.Queryform fieldset
{
	float: left;
	margin-right: 10px;
	border: 0px;
}
div.Queryform thead th
{
	padding-bottom: 0px;
	vertical-align: middle;
	color: #686767;
	font-size: 11px;
	line-height: 22px;
	padding-top: 0px;
	white-space: nowrap;
	height: 22px;
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url('block_header_light.png');
	border-bottom: 1px solid #000000;
}


div.Queryform tbody th
{
	padding-right: 5px;
	font-size: 11px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: text-top;
	color: #686767;
	padding-top: 5px;
	text-align: left;
	background-color: rgba(163, 171, 177, 0.25);
}

.div.Queryform TD
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	padding-top: 2px;
	white-space: nowrap;
	font-size: 10px;
}

div.Queryform .footer
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}


.form thead th
{
	padding-bottom: 0px;
	vertical-align: middle;
	color: #686767;
	font-size: 11px;
	/*line-height: 22px;*/
	padding-top: 0px;
	white-space: nowrap;
	/*height: 22px;*/
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	/*background-color: #ffffff;
	  background-image: url('block_header_light.png');*/
	border-bottom: 1px solid #000000;
}


.detailspopup tbody tr th, .form tbody th
{
	padding-right: 5px;
	font-size: 11px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: text-top;
	color: #686767;
	padding-top: 5px;
	text-align: left;
	background-color: rgba(163, 171, 177, 0.25);
}

.detailspopup tbody tr td, .form TD
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	padding-top: 2px;
	white-space: nowrap;
	font-size: 10px;
}

.form TD
{
	vertical-align: middle;
}

.detailspopup tbody tr td
{
	vertical-align: top;
}

.detailspopup tbody tr td ul
{
	padding-left: 15px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;	
	border-width:0px;
}

.detailspopup tbody tr td li
{
	margin: 0px 0px 0px 0px;	
	border-width:0px;
}

.form TD.caption
{
    padding-right: 1px;
	font-size: 11px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	vertical-align: text-top;
	color: #686767;
	padding-top: 1px;
	text-align: left;
}
.form legend
{
    font-size: 11px;
    font-weight: bold;
    color: #686767;
}
.form span
{
    font-size: 11px;
    font-weight: bold;
    color: #686767;
}
.form INPUT.edit, 
.form textarea, 
.form select {
  /*margin: 0.5em 0; CHANGED BY JEROEN */ 
  border: 1px solid #bbb;
}

.form input:focus, 
.form textarea:focus, 
.form select:focus {
  border: 1px solid #666;
}

.form INPUT { 
 
}

.form textarea { 
  padding:5px; 
  width: 390px; 
  /* height: 250px; */
}

/*---------------------------------------------------------
VALIDATION ERROR
----------------------------------------------------------*/

.validationerror
{
	padding: 2px;
	border: 1px solid red;
	text-align: left;
	background-color: #FFFFCC;
	color: Red;
	font-weight: bold;
	display: block;
}

.validationerror ul
{
	display: none;
}

/* Validation Classes */

.input-validation-error
{
    border-color: Red !important;
}

.input-validation-error-label
{
    border: 0.5px;
    border-style: solid;
    border-color: Red !important;
}

/*---------------------------------------------------------
warning
----------------------------------------------------------*/

.warning
{
	padding: 2px;
	border: 1px solid red;
	text-align: left;
	background-color: #FFFFCC;
	color: Red;
	font-weight: bold;
	display: block;
	max-height: 200px;
	overflow-y: auto;
}

.warning span {color: Red; font-weight: bold;}

/*---------------------------------------------------------
 ISSUE TABLE
----------------------------------------------------------*/

div.IssueList
{
	color: #003765;
}

table.IssueList thead tr.first th.first
{
	background-image: url('tl_box_curve.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

table.IssueList thead th.first
{
	background-color: rgba(163, 171, 177, 0.25);
	padding: 4px 12px 1px 6px;
	text-align: left;
	border-left: none;
	vertical-align: top;
}

table.IssueList thead th
{
	background-color: rgba(163, 171, 177, 0.25);
	padding: 2px;
	line-height: normal;
	text-align: left;
	border-left: 1px dotted #003765;
	vertical-align: top;
	border-bottom: none;
}

table.IssueList thead th a
{
	text-decoration: none;
	color: #003765;
}


table.IssueList tbody td a
{
	color: #003765;
}

table.IssueList tbody td
{
	vertical-align: top;
	padding: 2px;
}

table.IssueList tbody td.horizontalSeparator
{
	border-bottom: 1px dotted #003765;
}




/*---------------------------------------------------------
 Tabs
----------------------------------------------------------*/
div.tabs
{
	display: block;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	height: 40px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 100%;
}

div.tabs ul
{
	border-bottom: 1px solid #C0C0C0;
	border-collapse: collapse;
	clear: both;
	display: block;
    font-family: 'Open Sans', sans-serif;
	height: 24px;
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: top;
	white-space: nowrap;
}

div.tabs ul li
{
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	display: block;
	float: left;
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 19px;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(238, 238, 238);
	border-bottom: 1px solid rgb(238, 238, 238);
	border-left: 1px solid rgb(192, 192, 192);
	border-right: 1px solid rgb(192, 192, 192);
	border-top: 1px solid rgb(192, 192, 192);
}


div.tabs ul li.current
{
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	display: block;
	float: left;
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 19px;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	text-align: center;
	vertical-align: top;
	background-color: white;
	border-bottom: 1px solid white;
	border-left: 1px solid rgb(192, 192, 192);
	border-right: 1px solid rgb(192, 192, 192);
	border-top: 1px solid rgb(192, 192, 192);
}

div.tabs ul li a
{
	color: rgb(153, 153, 153);
	cursor: auto;
	display: inline;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	height: 10px;
	line-height: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-decoration: none;
	vertical-align: top;
}

div.tabs ul li a.current
{
	background-color: white;
	color: rgb(153, 153, 153);
	cursor: auto;
	display: inline;
    font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	height: 12px;
	line-height: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	text-decoration: none;
	vertical-align: top;
}

/*---------------------------------------------------------
ItemList
----------------------------------------------------------*/

fieldset.ItemList
{
	padding: 2px;
	background-color: White;
}

div.ItemList
{
	overflow: auto;
	background-color: White;
	border:1px solid #c0c0c0;
}

div.ItemList ul
{
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}

div.ItemList ul li
{
	border: 1px solid #fff;
	padding: 2px;
	margin: 0px;
}

div.ItemList ul li a
{
	text-decoration: none;
}

div.ItemList ul li:hover
{
	padding: 2px;
	background-color: #cccccc;
	cursor: pointer;
	border: 1px solid #aaaaaa;
}



div.ItemList ul li.selected
{
	background-color: #cccccc;
	cursor: auto;
	border: 1px solid #aaaaaa;
}

div.ItemList ul li.contactperson
{
	background-position: 2px;
	padding-left: 20px;
	background-image: url('icons/user.png');
	background-repeat: no-repeat;
}

div.ItemList ul li.address
{
	background-position: 2px;
	padding-left: 20px;
	background-image: url('icons/email.png');
	background-repeat: no-repeat;
}

div.ItemList ul li.reportdestination
{
	background-position: 2px;
	padding-left: 20px;
	background-image: url('icons/report.png');
	background-repeat: no-repeat;
}



/*---------------------------------------------------------
 MASTERPAGE : ALCONTROL
----------------------------------------------------------*/
div.menu
{
	margin-top: 5px;
}

div.MenuTop
{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 10px;
}

div.Logo
{
	background-color: White;
	border-bottom:10px solid #003765;
	border-top:6px solid #32353E;
	height: 60px;
}

div.BreadCrumb {
    border-bottom: 5px solid #003765;
    margin-top: 0px;
    height: 30px;
}

ul.BreadCrumb
{
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

ul.BreadCrumb li
{
	float: left;
}

div.MainContent
{
	margin-bottom: 50px;
}

div.MenuLeft
{
	float: left;
	background-color: rgba(163, 171, 177, 0.25);
	padding: 2px 2px 10px 2px;
	background-image: url('fp_box_curve.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 160px;
	margin-right: 10px;
}

div.MenuLeft ul
{
	list-style-type: none;
	margin: 2px;
}

div.MenuLeft li
{
	padding: 1px;
}

div.MenuLeft ul li a
{
	text-decoration: none;
	color: #003765;
	margin: 2px;
}

div.MenuLeft ul li a:hover
{
	text-decoration: underline;
	color: #003765;
	margin: 2px;
}

div.Content
{
}

div.MenuTop ul
{
	float: right;
	list-style-type: none;
}

div.MenuTop ul li
{
	float: left;
	margin-left: 10px;
}

div.MenuTop ul li a
{
	color: #999;
}

div.Footer
{
    bottom: 0;
    right: 0;
    left: 0;
	border-top: 1px solid #e0e0e0;
	margin-left: 0px;
	margin-right: 0px;
	height: 100px;
    background: rgba(0, 55, 100, 1);
    color: white;
	/*background-image: url("footer_bg.gif");
	background-position-y: left top;
	background-repeat: repeat-x;*/
}

div.Footer a
{
    color: white;
}
    div.Footer a:visited {
        color: white;
    }

/* ===================*/


/*---------------------------------------------------------
dropdown menu
----------------------------------------------------------*/
.sf-menu {
	position:	relative;
	z-index: 100;
}

/* 
	LEVEL ONE
*/
ul.dropdown
{
	margin:0px;
	padding:0px;
	border:none;
	z-index:1000;
}
ul.dropdown li
{
	font-weight: bold;
/*	float: left;*/
    width :100%;
	zoom: 1;
	list-style-type:none;
	margin:0px;
	padding:0px;
	z-index:1000;
}


ul.dropdown li ul
{
    border:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    z-index:9999;
}

ul.dropdown a:hover
{
	color: #000;
}
ul.dropdown a:active
{
	color: #ffa500;
}
ul.dropdown li a
{
	display: block;
	color: #222;
}

ul.dropdown li:last-child a
{
	border-right: none;
}
/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
	background: #F3D673;
	color: black;
	position: relative;
}
ul.dropdown li.hover a
{
	color: black;
}


/* 
	LEVEL TWO
*/
ul.dropdown ul
{
	display: none;
	width: 220px;
	/*visibility: hidden;*/
	position: absolute;
	top: 100%;
	left: 0;
	margin:0px;
	padding:0px;
	z-index:1000;
}
ul.dropdown ul li
{
	font-weight: normal;
	background: #f6f6f6;
	color: #000;
	border-bottom: 1px solid #ccc;
	float: left;
	z-index:1000;
	margin:0px;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
	border-right: none;
	width: 100%;
	display: inline-block;
	z-index:1000;
	padding:5px;
	height: 1%;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul
{
	left: 100%;
	top: 0;
	z-index:1000;
}
ul.dropdown li:hover > ul
{
	visibility: visible;
	z-index:1000;
}

div.locale
{
	margin-top: 11px;
	margin-left: 10px;
	width: 230px;
	float: left;
	background-image: url('lang_bg.png');
	height: 20px;	
	padding-top: 4px;
}

div.locale_help
{
	margin-top: 11px;
	margin-left: 10px;
	width: 86px;
	float: left;
	background-image: url('help_bg.png');
	height: 20px;	
	padding-top: 4px;
}

div.locale ul
{
	list-style-type: none;
	padding: 0px;	
	margin-left: 8px;
	margin-top:2px;
	width:210px;
}
div.locale ul li
{
	float: left;
	margin-left: 5px;
	margin-top: 0px;
}


div.locale ul li ul
{
	position:absolute;
	margin-left:-20px;	
	border:1px solid #E0E0E0;
	background-color:White;
	padding:4px;
	margin-top:0px;
} 

table.flexigrid th
{
	text-align: left;
	padding: 4px;
}

/*---------------------------------------------------------
 horizontal and vertical grid twicks.
----------------------------------------------------------*/

.flexigrid div.noHoverfbutton
{
	float: left;
	display: block;
	cursor: pointer;
	padding: 1px;
}

.flexigrid div.noHoverfbutton div
{
	float: left;
	padding: 1px 3px;
}		

.flexigrid div.noHoverfbutton span
{
	float: left;
	display: block;
	padding: 3px;
}

/*---------------------------------------------------------
 elerid
----------------------------------------------------------*/

/* flexigrids are rendered invisible and jquery attached the grid then */
table.flexigrid
{
	display: none;
}

#pickermidcontainer .bDiv table#tblSuites {
    display: block !important;
}

div.greenbox
{
	background: url(welcome_box_curve.gif) #003765 no-repeat right bottom;
	color: #000;
	font: 1.1em Verdana, Arial, Tahoma, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 10px;
	margin: 5px;
}


div.graybox
{
	background: url(fp_box_curve.gif) rgba(163, 171, 177, 0.25) no-repeat right bottom;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
}


div.graybox h1
{
	background: url(block_header_light.png) #fff repeat-x left top;
	color: #555;
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	line-height: 1;
	font-size: 1em;
	font-weight: bold;
	padding-top: 0.5em;
	margin: 0px 0px 0.8em;
	padding: 0.5em;
}



table.content th
{
	vertical-align: top;
	text-align: left;
	padding: 4px;
	border-bottom: 2px solid white;
}

table.content td
{
	vertical-align: top;
	text-align: left;
	padding: 4px;
}

table.content td.news_title_odd
{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: #f7f7f7;	
}

table.content td.news_content_odd
{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: #f7f7f7;
	border-bottom: 1px solid white;
}

table.content td.news_title_even
{
    vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: rgba(163, 171, 177, 0.25);	
}

table.content td.news_content_even
{
    vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: rgba(163, 171, 177, 0.25);
	border-bottom: 1px solid white;
}

table.content td.odd
{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: #f7f7f7;
	border-bottom: 1px solid white;
}

table.content td.even
{
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background-color: rgba(163, 171, 177, 0.25);
	border-bottom: 1px solid white;
}

a.BreadCrumb
{
	text-decoration: none;
	color: #c0c0c0;
	
}

a.CurrentBreadCrumb
{
	color: #000;
	font-weight: bold;
}

ul.BreadCrumb li
{
	margin-left: 2px;
}

ul.BreadCrumb ul.dropdown 
{
	z-index: 20;
}

.EditObjectName
{
	display: inline;
	text-decoration: underline;
	cursor: hand;
}

/*---------------------------------------------------------
Image link button
----------------------------------------------------------*/

.ImageButtonImage
{
	vertical-align: text-top;
	border: none;
}

.ImageLinkButton
{
	border: 1px solid #BBB;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 3px;
	padding-left: 2px;
	height: 20px;
}
.ImageLinkButton:hover
{
	cursor: pointer;
}

.imagebuttoncontainer
{
	padding-top: 3px;
}

.DropDownList
{
	height: 20px;
    font-family: 'Open Sans', sans-serif;
	color: #666;
	font-size: 10px;
}
/*linkBuilder.MergeAttribute("style", "padding:4px;border:1px solid #BBB");*/

li.submenu
{
    background-color:White;
}
.browsertree
{
	width: 300px;
	overflow:auto;
	
}

.result div
{
	text-align:right;
}

.noresult
{
	background-color: #eeeeee;
}


#tree.tree
{
	/*height: 100%;*/
}

#sidebar .ui-tabs-panel
{
	/*height: 100%;*/
}

.sampleresultsheader {height:53px;}

th.detailfieldgroup,th.detailfield
{
	text-align: left;
	vertical-align :top;
	margin: 0px 0px 0px 0px;
}

th.detailfieldgroup
{
	width:240px;
}

th.detailfieldgroup div,th.detailfield div
{
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	line-height:16px;
	text-align: left;
	vertical-align :top;
	width:240px;
    border-color: #FDFDFD #003765 #003765 #FDFDFD;
	border-width: 1px;
	border-style: solid;
}

th.detailfield div
{
    padding-left:3px;
    width:237px;
}

th.detailfieldgroup span
{
	text-align: left;
	vertical-align :top;
}

/* food and water specific results (has extra column and therefore different widths */
th.fawdetailfieldgroup,th.detailfield
{
	text-align: left;
	vertical-align :top;
	margin: 0px 0px 0px 0px;
}
th.fawdetailfieldgroup
{
	width:240px;
}
th.fawdetailfieldgroup div,th.fawdetailfield div
{
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	line-height:16px;
	text-align: left;
	vertical-align :top;
	width:320px;
    border-color: #FDFDFD #003765 #003765 #FDFDFD;
	border-width: 1px;
	border-style: solid;
}
th.fawdetailfield div
{
    padding-left:3px;
    width:317px;
}
th.fawdetailfieldgroup span
{
	text-align: left;
	vertical-align :top;
}

.fawsampleheadfirstcell {width:320px !important}
.fawsampleheadfirstcell div {width:320px !important}
.fawsampleresultsheader {height: 72px;}  /*53px*/
/* -- end -food and water -- */

/* whitespace fix */
table.sampleresultscontent td {}
table.sampleresultscontent td:first-child {clear:left;}
table.sampleresultscontent a {text-align:left;overflow:hidden;clear:left; display:block;}

th.resulttypename
{
	width:160px  !important;
	font-weight :normal;
}

th.resulttypeunit
{
	width:78px  !important;
}


th.resulttypename, th.resulttypeunit
{
    border-color: #FDFDFD #003765 #003765 #FDFDFD;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
}



th.resulttypename div
{
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	line-height:16px;
	text-align: left;
	vertical-align :top;
	width:160px;
}

th.resulttypeunit div
{
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	line-height:16px;
	text-align: left;
	vertical-align :top;
	width:78px;
	font-weight: normal;
}

.samplehead {
    cursor: default;
    font-weight: normal;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    border-color: #FDFDFD #003765 #003765 #FDFDFD;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    vertical-align: middle !important;
    background-image: url(sky_blue_grid.gif);
    width: 120px;
}



.sorted_header
{
	background-image: url(alc_green_grid.png);
}

.sampleheadfirstcell {width:240px !important}
.sampleheadfirstcell div {width:240px !important}
th.sampleicons
{
	text-align: center;
}


a.popuplink
{
	text-decoration:none;
}

a.popuplink:hover
{
	text-decoration: underline;
}

.gridbox .sasc
{
	background:transparent url(jquery.flexigrid/images/up.png) no-repeat scroll center top;
}

.gridbox .sdesc
{
	background:transparent url(jquery.flexigrid/images/dn.png) no-repeat scroll center top;
}


.gridbox table
{
	/*table-layout:fixed;*/
}



.gridbox tr
{
	height: 15px;
	
}

.gridbox tr:hover, .gridbox tr.hover
{
	background-color: #F5F5F5;
}

.gridbox tr:hover td
{
	background-color: #F5F5F5 !important; 
}

.gridbox td
{
	border-color: #FDFDFD #003765 #003765 #FDFDFD;
	border-width: 1px;
	border-style: solid;
	height: 15px;
	width:120px;
}

.gridbox th div img
{
	vertical-align:middle;
}



.gridbox td div
{
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 120px;
	line-height:16px;
}
.gridbox .leftheader table
{
	width:100%;
}

/*---------------------------------------------------------
Results Enhancements 
----------------------------------------------------------*/

.fixedTable .table {
    background-color: white;
    /*width: 1510px;*/
}

    .fixedTable .table tr td,
    .fixedTable .table tr th {
        min-width: 120px;
        width: 120px;
        min-height: 16px;
        height: 16px;
        padding: 0px;
    }

.fixedTable-header {
    width: 1570px;
    height: 50px;
    margin-left: 230px;
    overflow: hidden;
    background-color: #F5F5F5 !important;
    border-bottom: 1px solid #CCC;
}

.fixedTable-sidebar {
    width: 230px;
    height: 600px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #CCC;
}

.fixedTable-body {
    overflow: auto;
    width: 1570px;
    height: 600px;
    float: left;
}










#grid_container #left_grid_container, #grid_container #right_grid_container
{
	height: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#grid_container td.last
{
	width: 1px;
	visibility: hidden;
}

.draggable
{
	cursor: move;
}
/*---------------------------------------------------------
Tree table Alarm Limit
----------------------------------------------------------*/

table.alarmLimits 
{
	border-width: 1px;
	border-spacing: 0px;
	border-style: inset;
	border-color: #c0c0c0;
	border-collapse: collapse;
}
table.alarmLimits thead 
{
	background: #fafafa url("fhbg2.gif") repeat-x scroll bottom;
}

table.alarmLimits thead tr
{
	background: #fafafa url("fhbg2.gif") repeat-x scroll bottom;
}

table.alarmLimits thead tr th, table.alarmLimits tbody tr td
{
	border-width: 1px;
	border-style: inset;
	border-color: #c0c0c0;
}

.alarmLimits thead tr th div
{
	padding: 5px;
}

.alarmLimits tbody tr td div
{
	padding: 0px 5px 0px 5px;
}

.alarmLimits tbody tr td select
{
	border: 0px;
	width: 98%;
}

.alarmLimits tbody tr td input
{
	border: 0px;
}

.alarmLimits tbody tr td div.number input 
{
	border: 0px;
	text-align: right;
	width:75px;
}

.alarmLimits tbody tr td div.text input 
{
	border: 0px;
	text-align: right;
	width: 100%;
}

.alarmLimits tbody tr td.gray
{
	background-color: #e0e0e0;
}

img.BorderlessIcon
{
	border: 0px;
}

.alarmLimits tbody tr td div.AlarmLimitUnit
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div.gridbox {
    border-bottom: #ccc 1px solid;
    /*overflow-x: scroll;*/
}
	
	
	   input.autocomplete
        {
        	display:none;
        }
        
        input.autocomplete_label
        {
        	border:1px solid #c0c0c0;
        	background-image: url(../Shared/Icons/bullet_arrow_down.png) ; 
        	background-position: right ; 
        	background-repeat:no-repeat; 
        	padding-right:13px; 
        }
        
        input.autocomplete_busy
        {        	
        	background-image: url(../Shared/Icons/hourglass.png) ; 
        	background-position: right ; 
        	background-repeat:no-repeat; 
        	padding-right:13px;
        }
        
        
div.tDiv div.fbutton a 
{
	text-decoration: none;
}
        
div.tDiv div.fbutton span
{
	font-weight: normal;
}
/*---------------------------------------------------------
 Invoices
----------------------------------------------------------*/

.InvoicePage
{
    font-size: 12px;
}

.InvoicePage table.InvoiceHeader
{
    background-color: White;
    border: 1px solid black;
}

.InvoicePage table.InvoiceDetails
{
    border: 1px solid black;
    background-color: White;
}

.InvoicePage table.InvoiceTotal
{
    border: 1px solid black;
    background-color: White;
}

.InvoicePage table.InvoiceHeader td.Caption
{
    font-weight: bold;
}

.InvoicePage table.InvoiceGray
{
    border: 1px solid #E5E5E5;
    background-color: #E5E5E5;
}
.InvoicePage table.InvoiceGray td
{
    font-style: italic;
}

.PriceInfo
{
	text-align: right;
	width: 70px;
}



/*HOME PAGE*/

.newsItem
{
	margin-bottom:3px;
}

.newsItem h2
{
	font-weight:normal;
	background: none;
	color: #555555;	
	padding: 0px;
	margin: 1px;
}

.newsItem h2 a
{
	font-weight:normal;
	color: #003765;
	text-decoration: underline;
}

.byline {
    font-size: 0.7692em;
    font-weight: bold;
    line-height: 0.6em;
    margin: 0;
    padding: 0 0 0.5em;
}

.col1of3 { float: left; width: 34%; margin-left: 33%; }
.col2of3 { float: left; width: 33%; margin-left: -67%; }
.col3of3 { float: left; width: 33%; }

.block
{
	/*padding: .3em;*/
	margin:0;
	font-size: 1em;
	vertical-align:top;
	padding-bottom: 10px;
	background: rgba(163, 171, 177, 0.25) url(fp_box_curve.gif) right bottom no-repeat;
}

.block > div
{
	padding: .5em;
}

.block h2.title 
{
  color: Black;
  /*background: transparent url('block_header_green_4.png') repeat-x top left;*/
  /*background: #0077ad;
  opacity: 0.50;*/
  background: #bed9eb;
  padding:0.5em;
  margin: 0 0 0.8em 0;
}

#imagebox 
{
	height: 270px;
	width: 100%;
	background-image: url('../../Content/Image/vialer.png');
}

#textbox-over-image 
{
	width: 55%;
	height: 200px;
	margin-top: 20px;
	float: right;
	background-color: #ffffff; 
	opacity: 0.93; 
	font-size: 1.2em;
	padding: 10px 20px 30px 20px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#textbox-over-image p
{
	margin-bottom: 10px;
}

#homepage_tabs > div
{
	margin: 10px 15px;
	font-size: 12px;
}

#homepage_tabs > div > table td
{
	padding: 10px 5px;
	border-bottom: solid 1px #e7e7e7;
}

#homepage_tabs > div > table th
{
	padding: 10px 5px;
	border-bottom: solid 1px #e7e7e7;
	background: #bed9eb;
}

ul.homepage_tabs
{
	overflow: hidden;
	border-bottom: solid 1px #e7e7e7;
	list-style-type: none;
	padding-top: 15px;
	padding-left: 0px;
	margin: 10px 15px 10px 5px;
}

ul.homepage_tabs > li
{
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	display: inline;
}

ul.homepage_tabs > li > a
{
	color: #000000;
	padding-right: 15px;
	background-image: url('icons/icon-menu-depth-1-normal.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	display: inline;
	text-decoration: none;
	cursor: pointer;
}

ul.homepage_tabs > li > a > span
{
	text-transform: uppercase;
}

ul.homepage_tabs > li > a:hover
{
	font-weight: bold;
	background-image: url('icons/tabs_arrow_current.png');
}

ul.homepage_tabs > li > a.active
{
	font-weight: bold;
	background-image: url('icons/tabs_arrow_current.png');
}

h3.loginname 
{
	font-size: 13px;
	float: right;
}

div.newsItem *
{
	margin-top: 10px;
	margin-bottom: 15px;
}

div.newsItemDetail div
{
	margin-bottom: 20px;
}

div.newsItemDetail ul
{
	margin-left: 20px;
}
/* Customer Survey */
 
.slider
{
}

.question_col
{
    width:500px;
}

.section_page
{
    width: 85%;
}

.section_button_ctr
{
    width: 85%;
    margin-top: 15px;
}

.surveyresultable
{
    margin-bottom: 10px;
    width: 60%;
}

.surveyresulttable td
{
    font-size: 12px;
}

.addcomment
{
    padding: 15px 0px;
}

.bad_result
{
    font-size: 15px;
    color: #FF1F1F;
}

.poor_result
{
    font-size: 15px;
    color: #FA960A;
}

.average_result
{
    font-size: 15px;
    color: #52A3FA;
}

.good_result
{
    font-size: 15px;
    color: #05AB13;
}
.excellent_result
{
    font-size: 15px;
    color: #05660D;
}




/* login name tab*/

div.loginname_container
{
	float: right;
	margin-right: 10px;
}
div.loginname
{
	float: left;
	height: 20px;
	overflow: hidden;
	text-align: right;
	vertical-align: top;
	width: 220px;
}

div.loginname span.loginname_text
{
	width: 183px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	padding-top: 4px;
	padding-left: 5px;
	text-align: left;
	white-space: nowrap;
	text-overflow:ellipsis;
}

div.loginname span.loginname_image
{
	top: 4px;
	float:left;
	padding-left:10px;
}

.hasalarmsuk
{
	background-image: none;
	background-color: #EB0000;
	font-weight: bold;
}

.hasalarmsuk:hover
{
	background-image: none;
	background-color: #EB0000;
	font-weight: bold;
	color: White;
}

.haswarningsuk
{
	background-image: none;
	background-color: #F5BB3D;
	font-weight: bold;
}

.haswarningsuk:hover
{
	background-image: none;
	background-color: #F5BB3D;
	font-weight: bold;
}
/* note: uk alarms and warnings styles re-used for food-and-water (in results display) */


/* ADMIN PAGE */
#Admin-UploadFile { }
#Admin-UploadFile fieldset {width:400px; background-color:#F0F0F0;float:left; margin:5px 5px 5px 0px;}
#Admin-UploadFile fieldset legend {padding:1px 5px 1px 5px; font-weight:bold; text-transform:capitalize; color:#FFF; border:solid 1px #666; background-color:#444;}

/* Order Entry Screen */
div#container { margin: 0px 10px 0px 10px; }

div.greybox 
{ 
	border: 1px solid #bababa;
	background: rgba(163, 171, 177, 0.25);
	padding-bottom: 5px;
}

div#page_container input, div#page_container select
{
	height:auto;
}

div#order_details table tr
{
    height: 20px;
}

div#order_details
{
	width: 100%;
	min-height: 160px; 
}

div#order_details input, div#order_details select
{
	float:left;
}

textarea#CommentNote
{
	width: 405px;
	height: 50px;
    font-family: 'Open Sans', sans-serif;
	font-size: 10px;
}

select#ClientId,
select#ProjectCode
{
	width: 92%;
}

input#ProjectText
{
	width: 91%;
}

select#TurnaroundId
{
	max-width: 200px;
	min-width: 100%;
	width: 125px;
}

select#ProjectId
{
	max-width: 350px;
}

input#ProjectName
{
	width: 91%;
}

select#QuotationId
{
	max-width: 185px;
}

select.SampleType
{
	
}


input#Despatched
{
	width: 97%;
}

span.validation-error
{
	display: inline-block;
}

span#QuotationInfo
{
	position: absolute;
	max-width: 200px;
}

table#totalsTable 
{ 
	border: 1px solid black;
}

div#order_details table#totalsTable tr
{
	height: auto;
} 

table#totalsTable td { padding: 3px; }
input#check_all {margin-top: 7px;}

div.buttonBar
{
	padding: 0px 15px;
}

div#buttons,div.buttonBar
{
	margin-bottom: 10px;
	margin-top: 10px;
	width: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #bababa;
	border-width: 1px;
	border-style: solid; 
	background: rgba(163, 171, 177, 0.25);
}
div#buttons button > span, div.buttonBar button > span
{
	font-size: 0.85em;
}
div#buttons > span.buttongroup
{
	margin: 0px 10px;
}

div#buttons button span
{
	padding-right: 3px;
	padding-left: 3px;
}

.ui-button {
    height: 28px !important;
    min-width: 28px !important;
}

.ui-button .ui-button-text {
    line-height: 1 !important;
}

div.buttonBar button
{
	margin: 0px 10px;
}

/*
div#buttons > button
{
	margin: 0px 5px;
}
*/

#left_grid_table td, #left_grid_table th, #right_grid_table td, #right_grid_table th { border-bottom: solid #bababa 1px; }

#left_grid_table, #left_grid_table_header, #right_grid_table,  #right_grid_table_header { border-collapse: collapse; }

#left_grid_table input[type="text"], #left_grid_table select { width: 90%; }

#left_grid_table_header
{
	overflow: hidden;
	height: 36px;
	max-height: 36px;
}

#left_grid_table_header table
{
	table-layout: fixed;
	height: 100%;
}

#left_grid_table_header th
{
	vertical-align: top;
	cursor: pointer;
	padding: 0px 2px;
	border-right: 1px solid #bababa;
	background: url("orderentry/oeheaderbg.gif");
	height: 36px;
}

#left_grid_table th
{
	padding: 0px 2px;
	border-right: 1px solid #bababa;
}

#left_grid_table td
{
	height: 25px;
	min-height: 25px;
	border-right: 1px solid #bababa;
}

#right_grid_table_header
{
	overflow: hidden;
	height: 36px;
	max-height: 36px;
	margin-right: 17px;
}

#right_grid_table_header table
{
	table-layout: fixed;
	height: 100%;
}

#right_grid_table_header th
{
	width: 90px;
	min-width: 90px;
	height: 25px;
    font-size: 0.9em;
	max-height: 25px;
	overflow: hidden;
	vertical-align: top;
	text-overflow: ellipsis;
	cursor: pointer;
	padding: 0px 2px;
	border-right: 1px solid #bababa;
	white-space: nowrap;
	background: url("orderentry/oeheaderbg.gif");
}

#right_grid_table_header th.top10
{
	border-bottom: none;
	padding: 4px 5px;
}

th.sortable:hover div.sort_container
{
	background-image: url("icons/downarrow_black.png");
    background-position: 50% 70%;
    background-repeat: no-repeat;
}

th.desc div.sort_container
{
	background-image: url("icons/downarrow_black.png");
    background-position: 50% 70%;
    background-repeat: no-repeat;
}

th.desc:hover div.sort_container
{
	background-image: url("icons/uparrow_black.png");
    background-position: 50% 70%;
    background-repeat: no-repeat;
}

th.asc div.sort_container
{
	background-image: url("icons/uparrow_black.png");
    background-position: 50% 70%;
    background-repeat: no-repeat;
}

#right_grid_table th
{
	padding: 0px 2px;
	border-right: 1px solid #bababa;
}

#right_grid_table td
{
	text-align: center;
	height: 25px;
	min-height: 25px;
	border-right: 1px solid #bababa;
}

#right_grid_table td span.copy_up, #right_grid_table td span.copy_down, #right_grid_table td span.copy_left, #right_grid_table td span.copy_right
{
	display: none;
}

#right_grid_table td:hover span.copy_up, #right_grid_table td:hover span.copy_down, #right_grid_table td:hover span.copy_left, #right_grid_table td:hover span.copy_right
{
	display: inline-block;
}

.editable
{
	overflow: hidden;
	min-height: 15px;
	max-height: 15px;
	width: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 5px;
}

.alt
{
	background-color: #EDEDED;
}

.selected
{
	background-color: rgba(0, 55, 101, 0.25);
}

#right_grid_table_header th
{
	border-bottom:5px solid white;
}
#right_grid_table_header th.BLUE
{
	border-bottom:5px solid #5C92FF;
}
#right_grid_table_header th.LIGHT_BLUE
{
	border-bottom:5px solid #7DCFE8;
}
#right_grid_table_header th.LIGHT_GREEN
{
	border-bottom:5px solid #82D983;
}
#right_grid_table_header th.PURPLE
{
	border-bottom:5px solid #CC99FF;
}
#right_grid_table_header th.YELLOW
{
	border-bottom:5px solid #FFFF66;
}
#right_grid_table_header th.RED
{
	border-bottom:5px solid #FA5C5C;
}
#right_grid_table_header th.GREY 
{
	border-bottom:5px solid #969696;
}
#right_grid_table_header th.BROWN
{
	border-bottom:5px solid #F0A046;
}

a.addContainer:link
{
	color: #0c4206;
	text-decoration: underline;
}

a.addContainer:active
{
	color: #12eb87;
}

a.addContainer:visited
{
	color: #505abc;
}

a.addContainer:hover
{
	color: #0077ad;
	text-decoration: none;
}

.validation-error
{
	border: 2px solid red;
}

.sa-validation-error
{
	background-color: Red;
	cursor: help;
}

.sample-has-validation-errors
{
	color:Red;
}

#status_message_bar
{
	display: none;
	position: fixed;
	top: 0px;
	left: 50%;
	width: 200px;
	text-align: center;
	margin-left: -130px;
	padding: 10px 30px;
	background-color: Black;
	color: White;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 9999999;
}

#captureContainers input, #captureContainers select
{
	width:165px;
}

.hidden_element
{
	display: none;
}

.vsplitbar 
{
	width: 7px;
	background-color: white;
	border-left: #8c8c8c 1px solid;
	border-right: #8c8c8c 1px solid;
	padding-bottom: 2px;
	background-image: url('icons/vgrabber.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.vsplitbar_active
{
	background-color: #E3E3E3;
	border-left: none;
	border-right: none;
}

.analyname {
}

.analydescription
{
	display: none;
}

span.copy_up
{
	display: inline-block;
	text-decoration: none;
	background-image: url('icons/uparrow_black.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 12px;
	width: 10px;
}

span.copy_down
{
	display: inline-block;
	text-decoration: none;
	background-image: url('icons/downarrow_black.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 12px;
	width: 10px;
}

span.copy_left
{
	display: inline-block;
	text-decoration: none;
	background-image: url('icons/leftarrow_black.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 12px;
	width: 10px;
}

span.copy_right
{
	display: inline-block;
	text-decoration: none;
	background-image: url('icons/rightarrow_black.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 12px;
	width: 10px;
}

.sample_hazard_dropdown
{
	width: inherit;
}

/*20120702 sihi A5-2077; grey-out disabled input fields*/
#order_details input[type="text"][disabled="disabled"], #order_details textarea[disabled="disabled"]
{
    background-color: transparent;
}

#orderHeaderSection3 select
{
	width: 154px;
	max-width:154px;
}

/* SuitePicker */
div#salesPartsTreeDiv > ul.dynatree-container
{
	border: none;
}

.salespartfavouritesanchor {
    padding: 3px;
}


/*---------------------------------------------------------
   Logistics pages
----------------------------------------------------------*/
#logisticsInstructions {padding:10px;}

#AvailableContainersGrid {margin-top:20px;width:500px;}
#AvailableContainersGrid thead th {border:none;}

#AvailableContainersGrid .containerColumn {width:330px;}
#AvailableContainersGrid select {width:330px;}
#AvailableContainersGrid button {float:left; padding:0px 10px 0px 10px;}

#SelectedContainersGrid {margin:10px 0px 10px 0px; width:500px;}
#SelectedContainersGrid tr.headerRow { background-color: #E0E0E0;}
#SelectedContainersGrid th.headerRow { padding-top:3px;padding-bottom:3px; border:none;}

#SelectedContainersGrid .containerColumn {width:330px;}
#SelectedContainersGrid .quantityColumn {width:60px;}
#SelectedContainersGrid button {float:right; padding:0px 3px 0px 3px;}


#SelectedByTestContainersGrid {margin:10px 0px 10px 0px; width:500px;}
#SelectedByTestContainersGrid tr.headerRow { background-color: #E0E0E0;}
#SelectedByTestContainersGrid th.headerRow { padding-top:3px;padding-bottom:3px; border:none;}

#SelectedByTestContainersGrid .containerColumn {width:330px;}
#SelectedByTestContainersGrid .quantityColumn {width:60px;}
#SelectedByTestContainersGrid button {float:right; padding:0px 3px 0px 3px;}


#AvailableTestsGrid {margin-top:20px;width:330px;padding-bottom:10px;}
#AvailableTestsGrid thead th {border:none;}

#AvailableTestsGrid .containerColumn {width:330px;}
#AvailableTestsGrid select {width:330px;}
#AvailableTestsGrid button {float:left; padding:0px 10px 0px 10px;}

#SelectedTestsGrid {margin:10px 0px 10px 0px; width:500px; padding-bottom:10px;}
#SelectedTestsGrid tr.headerRow { background-color: #E0E0E0;}
#SelectedTestsGrid th.headerRow { padding-top:3px;padding-bottom:3px; border:none;}

#SelectedTestsGrid .containerColumn {width:330px;}
#SelectedTestsGrid .quantityColumn {width:60px;}
#SelectedTestsGrid button {float:right; padding:0px 3px 0px 3px;}

span.mandatoryField {font-weight:bold;}

.mandatoryFieldheader {
	font-weight:bold;
	float: right;
	padding-right: 10px;
}

td.logisticsinfo {vertical-align:top;}
div.logisticsinfo {float:left; vertical-align:top;}

div.validation-summary-errors {color:Red; margin-top:10px;}
div.validation-summary-errors span {color:Red; }

/* Flexigrid */
a.disabled { color:gray; }

/* Jqgrid Trending HeaderButton */
.showcharts {
    background: url(../../Content/icons/chart.png) no-repeat right !important;
    margin-right: 5px !important;
    padding-top: 5px !important;
    padding-right: 20px !important;
    margin-top: -12px !important;
    width: inherit !important;
}
.showgrid {
    background: url(../../Content/icons/grid.png) no-repeat right !important;
    margin-right: 5px !important;
    padding-top: 5px !important;
    padding-right: 20px !important;
    margin-top: -12px !important;
    width: inherit !important;
}

#infot > i {
    color:#0077ad !important;
}

/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}
	
/*! Green tooltip style */
.qtip-green{
	background-color: #0077ad !important;
	border-color: #003765 !important;
	color: white !important;
}

	.qtip-green .qtip-titlebar{
		background-color: #003765 !important;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0 !important;
	}
	
/* jqGrid toolbar */

.ui-jqgrid .ui-userdata .refresh {padding:5px 0px 5px 20px; margin: 0px 5px 0px 10px; background: url(../Shared/Icons/arrow_refresh.png) no-repeat center left;float: left;}
.ui-jqgrid .ui-userdata .mobile-preference-settings {padding:5px 0px 5px 20px; margin: 0px 5px 0px 10px; background: url(../Shared/Icons/page_white_gear.png) no-repeat center left;float: left;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 5px;
}

.table-bordered {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tfoot > tr > th{
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th {
	border-bottom-width: 2px;
}


.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #eaeaea;
}

.table-hover > tbody > tr:hover > td {
	background-color: #f5f5f5;
}




/* CSS for admin alarm service only name adminTable ensures it is only applied to specfic table - based on boostrap responsive css */
.adminTable {
	max-width: 100%;
}

.adminTable th {
	text-align: left;
}

.adminTable {
	/* width: 100%; */
	margin-bottom: 20px;
}

.adminTable > thead > tr > th,
.adminTable > tbody > tr > th,
.adminTable > tfoot > tr > th,
.adminTable > thead > tr > td,
.adminTable > tbody > tr > td,
.adminTable > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	text-align: left;
}


.adminTable th
{
    background-color: #003765;
}

.tableContainer
{
    padding-left: 15px;
    padding-right: 15px;
 }


.adminTable > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.adminTable > caption + thead > tr:first-child > th,
.adminTable > colgroup + thead > tr:first-child > th,
.adminTable > thead:first-child > tr:first-child > th,
.adminTable > caption + thead > tr:first-child > td,
.adminTable > colgroup + thead > tr:first-child > td,
.adminTable > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.adminTable > tbody + tbody {
	border-top: 2px solid #ddd;
}

.adminTable .table {
	background-color: #fff;
}

.warningMessage 
{
    color:#FF0000;
    margin:10px 0px 10px 0px;
}

.warningMessage span
{
    color:#FF0000;
}

.selectAllIcon
{
    background: url(../Shared/icons/shape_square_add.png) no-repeat center left;
    
}
.selectAllIcon label
{
    margin-left:15px;
}

.jqgridLink:hover
{
    color:#003765;
    font-size:120%;
}

.flixiInlineEdit
{
    border: 1px solid #ff0000;
}

#imageHolder {
    width:300px; height:300px;
    display:inline-block;
    border:1px solid #003765;
    position:relative;
}
#imageHolder img 
{
    max-width:100%; max-height:100%;
    width:auto; height:auto;
    position:absolute;
    top:0; bottom:0;
    left:0; right:0;
    margin:auto;
}

.account-details__laboratory-list {
    list-style: none;
    padding-left: 10px;
}

.account-details__laboratory-list
>li {
    margin-top: 5px;
}

.account-details-icon {
    width: 85px; height: 85px;
}

.account-details-phone-icon {
    width: auto;
    height: 12px;
}


.account-details__customer-list {
    list-style: none;
    padding-left: 15px;
}

.account-details__customer-list 
> li {
    margin-top: 5px;
}

table#SelectedContainersGrid {
    width: 100%;
    table-layout: fixed;
}

table#SelectedContainersGrid td {
    white-space: normal;
}

div#ContainersPreview > div#ContainersList > ul {
    padding-left: 10px;
}

#SelectedContainersGrid input[type=number] {
    width: 65px;
}

div.login-content {
    width: 350px;
    background: white;
    height: 260px;
    margin: auto;
    box-shadow: 5px 5px 10px black;
    border-radius: 3px;
}
.login-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #32353e;
}
select#TurnaroundId {
}
.changed
{
    padding: 2px;
	border: 1px solid blue;
	text-align: left;
	color: Blue;
	font-weight: bold;
	display: block;
}

/*DevExtreme GridView*/

.dx-datagrid-search-panel {
	margin-left: 0px !important;
}

.gray-icon {
	color: white !important;
}
.dx-command-adaptive 
{
	background-color:white;
}
[role="gridcell"].dx-command-edit:not(.dx-first-cell){
	background-color: #0c739e;
}

.container-details-icon > .dx-icon-info {
	font: 17px/1 DXIcons;
}

.dx-widget {
	font-size: 10px !important;
}

.dx-group-panel-message {
	font-size: 10px !important;
}

.devex-warning-row {
	background-color: #ff697a;
}

.devex-accepted-row {
	background-color: #97fa8c;
}

.dx-field-item {
	font-size: 10px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
	font-size: 15px !important;
}

.dx-scrollable-scroll-content {
	background-color: #0774a0 !important;
}
.dx-command-expand:not(.dx-datagrid-expand):not([role="columnheader"]) {
	background-color: white;
}
.dx-group-panel-message {
	color: white !important;
}
.dx-toolbar-items-container {
	padding-bottom: 55px;
	background-color: #0c739e;
}
.dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-before {
	padding-left: 10px;
	background-color: rgba(0, 55, 100, 1);
	border-top-right-radius: 75px 60px;
	padding-right: 60px !important;
}
.dx-toolbar-after{
	padding-right: 10px;
}
.dx-dropdownbutton{
	background-color: white;
}
.dx-toolbar-item-content{
	margin-top: 5px !important;
}
.dx-group-panel-item{
	font-size: 10px !important;
	background-color: white;

}
.dx-item-content.dx-toolbar-item-content{
	padding-top: 5px !important;
}
.dx-popup-normal > [role="toolbar"] > .dx-toolbar-items-container {
	background-color: white !important;
}
#form-container-devex {
	margin: 10px 130px 30px !important;
	border-style: ridge;
	border-radius: 10px;
	overflow: hidden;
}

.long-title {
	font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana !important;
	font-weight: 200 !important;
	font-size: 20px !important;
	text-align: center !important;
	margin-bottom: 20px !important;
	margin-top: 10px;
	color: white;
}

.devex-form-header-left {
	padding-left: 10px;
	background-color: rgba(0, 55, 100, 1);
	border-top-right-radius: 75px 60px;
	padding-right: 60px !important;
	display: flex;
	width: 50%;

}
.devex-form-header {
	background-color: #0c739e;
	display: flex;
}
.devex-field-label {
	width: 25% !important;
}
.devex-field-value {
	width: 75% !important;
}
#devex-form-footer {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 20px;
	margin-right: 10px;
	padding-top: 30px;
}
#submit-collection-btn > .dx-button-success {
	background-color: rgba(0, 55, 100, 1);
}
.devex-form-caption {
	font-size: 20px;
	padding-left: 10px;
}
.devex-fields-collapsible {
	margin-top: 10px !important;
	transition: max-height 0.4s ease-out;
	max-height: 0;
	overflow: hidden;
}
.devex-form-body{
	margin-top: 10px;
}
.long-devex-field-label{
	width: 100% !important;
}
.devex-details-head-collapsible {
	display: flex;
	justify-content: space-between;
}
.devex-details-head-collapsible-icons {
	padding-right: 20px;
	color: #8c8c8c;
}
.devex-details-head, .devex-details-head-collapsible {
	border-bottom: 2px solid gray !important;
}
.devex-form-item {
	overflow: hidden !important;
	margin-bottom: 10px;
}
.devex-form-item .devex-fields-collapsible{
	margin-bottom: 0px !important;
}
.devex-form-icon-accordion{
	font-size: 20px !important;
}
.display-none{
	display: none !important;
}
.saved-address-span {
	font-size: 20px;
}
.devex-field-value #remark {
	padding-top: 5px !important;
}
.dx-loadpanel-wrapper{
	border-radius: 10px !important;
}
.container-panel{
	display:flex;
	justify-content:space-evenly;
	margin-bottom: 10px;
}
.container-selection-panel {
	width: 30%;
	margin-right: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.selected-container-panel {
	width: 70%;
	margin-left: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.container-selection-panel .container-selection-element {
	padding: 5px 10px;
}
.container-selection-add-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
#gridContainer > .dx-datagrid > .dx-datagrid-rowsview > 
	.dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > 
		.dx-datagrid-content .dx-datagrid-table > tbody > .dx-row > .dx-command-edit{
	background-color: white;
}
.searchType {
	background: #0076AD !important;
	border-radius: 5px;
	color: #FFFFFF !important;
	font-weight: bold;
	height: 30px !important;
	width: 110px;
}
.searchType :hover {
		background-color: #003765 !important;
		border-color: #003765;
}
.searchBox {
	width: 300px;
	font-size: 12px;
	height: 23px !important;
	border-radius: 5px;
}
.searchBox span {
		position: absolute;
		left: 2px;
}
.searchIcon {
		background-image: url('icons/search-icon.png');
		background-repeat: no-repeat;
		padding-left: 22px;
		background-size: 17px;
		background-position: left;
	}
.savedQueries {
	width: 300px;
	font-size: 12px;
	height: 29px !important;
	border-radius: 5px
}	
.pop-outer{
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000 !important;
}
.pop-inner {
	background-color: #fff;
	width: 500px;
	height: 250px;
	margin: 15% auto;
	display: flex;
	flex-direction: column;
}
.pop-title {
	height: 15%;
	padding: 10px;
	font-size: 20px !important;
	color: white;
	background: rgba(0, 55, 100, 1);
}
.pop-body {
	height: 70%;
	padding:15px;
	font-size:15px;
}
.pop-footer {
	height: 15%;
	padding: 12px;
}
.pop-signin-button{
	float: right;
}