BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #333 !important;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
BODY {
	background: #fff;
	min-width: 987px;
}
HTML {
	overflow-y: scroll;
}
HTML.iframe {
	overflow: hidden;
	height: auto;
}
HTML.iframe BODY {
	min-width: 700px;
	height: auto;
	padding: 1px 0;
}
H1 {
	margin: 7px 0 0;
	color: #000 !important;
	font-size: 20px !important;
	font-weight: bold;
}
H1 SPAN {
	font-weight: normal;
}
H1 .sep {
	display: inline-block;
	padding: 0 3px;
	color: #999 !important;
	font-weight: normal;
}
H2 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
H2 .weight-normal {
	font-weight: normal;
}
H2 .weight-bold {
	font-weight: bold;
}
H2.multi .sep {
	color: #ddd !important;
	display: inline-block;
	padding: 0 3px;
}
#content > h2 .sep {
	display: inline-block;
	padding: 0 3px;
	color: #999 !important;
}
H3 {
	font-size: 13px;
	color: #333;
	font-weight: bold;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/*
H3 + P {
	margin-top: .2em;
}
*/

A,
A.default,
#content P A {
	color: #069;
	text-decoration: none;
}
A.default:hover,
#content P A:hover,
A:hover,
A:focus {
	color: #069;
	text-decoration: underline;
}



/* =layout
-------------------------------------------------- */
body {
	/*background: url(labscala/bg_header_b.png) repeat-x 0 0;*/
}
#wrap {
	padding: 0 0 50px;
}

#wrap,
html.no-sidebar #wrap {
	background: url(labscala/bg_header.png) no-repeat 50% -41px;
}

#header,
#infobar-inner,
#main {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#main {
	padding: 0 10px 30px;
}
html.no-sidebar #main {
	padding: 0 0 30px;
}
#sidebar {
	width: 160px;
	padding: 17px 0 0;
	border: 0;
}
#content {
	width: 780px;
	padding: 15px 0 0;
}
.layout02 #sidebar {
	width: 130px;
}
.layout02 #content {
	width: 810px;
}
#content-wrap {
	font-size: 14px;
}
#content-wrap H2 {
	font-weight: normal;
	font-size: 18px;
}
#content-wrap H3 {
	margin: 1em 0 0;
	padding: 10px 0 0 0;
	padding-bottom: 1px;
	border-bottom: 1px solid #e2ebf1;
	text-transform: uppercase;
	color: #5e87b0;
	font-weight: normal;
	font-size: 14px;
}
#content-wrap H3 + P {
	margin-top: 1em;
}
#content-main {
	float: left;
	width: 680px;
	color: #333;
}
#content-main OL {
	margin: 0 0 0 1.5em;
}
#content-main OL LI {
	margin: 1em 0;
}
#content-sidebar {
	float: right;
	width: 240px;
	font-size: 12px;
}
#content-sidebar .download A,
.dashboard-information .download A {
	display: block;
	min-height: 16px;
	padding: 10px 0 10px 36px;
	background: url(labscala/ico_download.png) no-repeat 0 50%;
	outline: none;
}
#content-sidebar TABLE.form TD,
#content-sidebar TABLE.form TH {
	width: auto;
	padding-top: 1px;
	padding-bottom: 1px;
}
#content-sidebar TABLE.form TH {
	padding-left: 0;
	text-align: left;
	font-weight: bold;
}
#content-sidebar P.form SPAN,
.dashboard-information P.form SPAN {
	display: block;
}
#content-sidebar P.phone,
#content-sidebar P.email,
.dashboard-information P.phone,
.dashboard-information P.email {
	margin-top: .1em;
}
#content-sidebar P.phone,
#content-sidebar P.email A,
.dashboard-information P.phone,
.dashboard-information P.email A {
	padding-left: 23px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#content-sidebar P.phone,
.dashboard-information P.phone {
	background-image: url(labscala/ico_phone.gif);
}
#content-sidebar P.email A,
.dashboard-information P.email A {
	background-image: url(labscala/ico_mail.gif);
}
#content-sidebar P.email,
.dashboard-information P.email {
	font-size: 11px;
	line-height: 1.636;
}
#content-sidebar H2 {
	font-size: 12px;
}
#content-sidebar P.comment-field {
	margin-top: .5em;
}
#content-sidebar P.comment-field TEXTAREA {
	width: 200px;
	height: 105px;
	padding: 5px;
	border: 1px solid #bdc8cd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#content-sidebar P.comment-field TEXTAREA:focus {
	outline: none;
	-moz-box-shadow: 0 0 2px #c8eda4;
	-webkit-box-shadow: 0 0 2px #c8eda4;
	box-shadow: 0 0 2px #c8eda4;
}
span.sep {
	padding: 0 3px;
	color: #999;
}
DIV.text {
	margin: 1em 0 0;
	padding: 0;
}

/* no sidebar */

html.no-sidebar body {
	min-width: 980px;
}
html.no-sidebar #content {
	width: 960px;
	padding: 17px 10px 0;
}
html.no-sidebar #main {
	width: 980px;
	min-width: 980px;
}

/* =New WIDE PAGE
-------------------------------------------------- */
.page-wide #header,
.page-wide #infobar-inner,
.page-wide #main {
	margin: 0 auto;
	min-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	width: 1200px;
}
html.page-wide #main {
	min-width: 1220px;
	width: 1220px;
}
html.page-wide #content {
	width: 1200px;
}
html.page-wide #tools,
html.page-wide #tools2 {
	padding: 0;
}

/* login */

#login body {
	background: none !important;
}
#login .inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #ddd;
}
#login #head {
	height: 48px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: url(labscala/bg_header.png);
}
#login H2 {
	border-color: #ddd;
}
#login P.form-row LABEL {
	padding: 3px 10px 0 0;
}
#login INPUT[type="text"],
#login INPUT[type="password"] {
	margin: 0;
}
#login .component-info {
	margin-top: .5em;
	border-top: none;
}
#login .component-info EM {
	color: #999 !important;
	font-weight: bold !important;
}
#login .form-action A {
	margin: 0 5px;
	vertical-align: middle;
}

/* =error layout
-------------------------------------------------- */
#fatal-error {
	padding: 50px 0 0;
	background: #fff none;
}
#fatal-error #page {
	height: auto;
	min-height: 1px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #a3b9ce;
}
#fatal-error #page,
#fatal-error #wrap,
#fatal-error #footer {
	width: 400px;
	min-width: 400px;
}
#fatal-error #header {
	background: url(labscala/bg_header.png) no-repeat 50% 0;
	width: 380px;
	min-width: 380px;
}
#fatal-error #main {
	width: 360px;
	min-width: 360px;
}
 
#fatal-error #wrap {
	padding: 0;
}
#fatal-error #footer {
	position: relative;
	margin: 0;
}
#fatal-error #footer p {
	width: 400px;
}
#fatal-error #main {
	width: 360px;
	padding: 10px 20px 20px ;
}
#fatal-error #content {
	width: 400px;
}
#fatal-error #logo {
	float: none;
	margin: 15px 0 0 1em;
}
#fatal-error #ribbon {
	height: 69px;
}

/* =help
-------------------------------------------------- */
#help {
	min-width: 400px;
}
#help #page {
	background: none;
}
#help #content {
	width: auto;
}
#help #logo {
	left: 10px;
}
#help #main,
#help #header {
	width: auto;
	min-width: 400px;
}
#help #header {
	height: 66px;
	background: url(labscala/bg_header.png) no-repeat 50% 0;
}
#help #sidebar {
	display: none;
}
#help #content {
	width: auto;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
}

/* =header
-------------------------------------------------- */
#header {
	z-index: 20;
	min-height: 102px;
	margin: 0 auto;
	background: none;
}

#ribbon {
	height: 62px;
	border: none;
	background: none;
}

/* nav */

#nav {
	border: none;
	background: none;
	font-weight: bold;
	font-size: 14px;
}
#nav UL {
	padding: 0;
}
#nav LI {
	padding: 0 1px;
}
#nav A {
	margin-top: 6px;
	padding: 7px 14px 6px;
	cursor: pointer;
}
#nav A:hover,
#nav A:focus {
	background: #0b5681;
	text-decoration: none;
}
#nav LI,
#nav A,
#nav SPAN {
	float: left;
	border: none !important;
}
#nav .active {
	margin: 0 -4px;
}
#nav .active A,
#nav .active SPAN {
	background: url(labscala/bg_nav.png) no-repeat 0 -1px;
}
* HTML #nav .active A,
* HTML #nav .active SPAN,
* HTML #nav .active A:hover,
* HTML #nav .active A:hover SPAN {
	background: url(labscala/bg_nav-ie6.png) no-repeat 0 -1px;
}
#nav .active A,
#nav .active A:hover {
	height: 41px;
	margin: 0;
	padding: 0 10px 0 0;
	background-position: 100% -71px;
	color: #36424a;
	overflow: hidden;
}
* HTML #nav .active A,
* HTML #nav .active A:hover {
	background-position: 100% -71px;
}
#nav .active SPAN {
	padding: 13px 8px 11px 17px;
}

/* nav hover */

#nav-hover {
	border: none;
	background: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}
* HTML #nav-hover {
	overflow: visible;
}
#nav-hover UL {
	margin: 0;
	padding: 0;
}
#nav-hover LI {
	padding: 0 1px;
	background: none;
}
#nav-hover A {
	margin-top: 6px;
	padding: 7px 14px 7px;
	color: #fff;
	cursor: pointer;
}
#nav-hover A:hover,
#nav-hover A:focus,
#nav-hover LI.level1-open A {
	background: #0b5681;
	color: #fff;
	text-decoration: none;
}
#nav-hover LI,
#nav-hover A,
#nav-hover SPAN {
	float: left;
	border: none !important;
}
#nav-hover A,
#nav-hover SPAN {
	display: block;
	float: none;
}
* HTML #nav-hover A,
* HTML #nav-hover SPAN {
	display: inline;
	float: left;
}
#nav-hover UL.level1 {
	width: 5000px;
}
* HTML #nav-hover UL.level1 {
	width: auto;
}


#nav-hover A.home {
	width: 43px;
	height: 32px;
	padding: 0;
	background: #0e648f url(labscala/bg_home.png) no-repeat -4px -7px;
	text-indent: -5000px;
}
* html #nav-hover A.home {
	background-image: url(labscala/bg_home_ie6.png)
}
#nav-hover A.home:hover,
#nav-hover A.home:focus {
	background-color: #0b5681 !important;
}
* html #nav-hover A.home:hover,
* html #nav-hover A.home:focus {
	background: #0b5681 url(labscala/bg_home_ie6.png) no-repeat -4px -7px !important;
}
#nav-hover A.home-active,
#nav-hover A.home-active:hover,
#nav-hover A.home-active:focus {
	width: 51px;
	height: 32px;
	padding: 0 !important;
	background: url(labscala/bg_home.png) no-repeat 0 -43px !important;
	text-indent: -5000px;
}
* html #nav-hover A.home-active,
* html #nav-hover A.home-active:hover,
* html #nav-hover A.home-active:focus {
	background: url(labscala/bg_home_ie6.png) no-repeat 0 -43px !important;
}
#nav-hover A.home-active SPAN {
	display: none;
}

#nav-hover LI.level1-open {
	margin: 0 -4px;
}
#nav-hover LI.level1-open A {
	background: #e2ecf0;
	color: #222;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#nav-hover A.level1-open,
#nav-hover A.level1-open SPAN {
	background: url(labscala/bg_nav.png) no-repeat 0 -144px !important;
}
* HTML #nav-hover A.level1-open,
* HTML #nav-hover A.level1-open SPAN,
* HTML #nav-hover A.level1-open:hover,
* HTML #nav-hover A.level1-open:hover SPAN,
* HTML #nav-hover A.level1-open:focus,
* HTML #nav-hover A.level1-open:focus SPAN {
	background: url(labscala/bg_nav-ie6.png) no-repeat 0 -144px !important;
}
#nav-hover A.level1-open,
#nav-hover A.level1-open:hover,
#nav-hover A.level1-open:focus {
	height: 41px;
	margin: 0;
	padding: 0 10px 0 0;
	background-position: 100% -214px !important;
	color: #222;
	overflow: hidden;
}
* HTML #nav-hover A.level1-open,
* HTML #nav-hover A.level1-open:hover,
* HTML #nav-hover A.level1-open:focus {
	background-position: 100% -214px !important;
}
#nav-hover A.level1-open SPAN {
	padding: 13px 8px 11px 18px !important;
}

#nav-hover LI.level1-active {
	margin: 0 -4px;
}
#nav-hover A.level1-active,
#nav-hover A.level1-active SPAN {
	background: url(labscala/bg_nav.png) no-repeat 0 -1px;
	text-shadow: none !important;
}
* HTML #nav-hover A.level1-active,
* HTML #nav-hover A.level1-active SPAN,
* HTML #nav-hover A.level1-active:hover,
* HTML #nav-hover A.level1-active:hover SPAN,
* HTML #nav-hover A.level1-active:focus,
* HTML #nav-hover A.level1-active:focus SPAN {
	background: url(labscala/bg_nav-ie6.png) no-repeat 0 -1px;
}
#nav-hover A.level1-active,
#nav-hover A.level1-active:hover,
#nav-hover A.level1-active:focus {
	height: 41px;
	margin: 0;
	padding: 0 10px 0 0;
	background-position: 100% -71px;
	color: #36424a;
	overflow: hidden;
}
* HTML #nav-hover A.level1-active,
* HTML #nav-hover A.level1-active:hover,
* HTML #nav-hover A.level1-active:focus {
	background-position: 100% -71px;
}
#nav-hover A.level1-active SPAN {
	padding: 13px 8px 11px 18px;
}

#nav-hover UL.level2,
#nav-hover UL.level3 {
	display: none;
	position: absolute;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #e2ecf0;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
* HTML #nav-hover UL.level2 {
	clear: left;
}
#nav-hover UL.level2 {
	min-width: 150px;
	max-width: 250px;
	margin: -3px 0 0 4px;
}
#nav-hover UL.level3 {
	top: 0;
	left: 100%;
	width: 150px;
	margin: 0 0 0 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
* HTML #nav-hover UL.level2,
* HTML #nav-hover UL.level3 {
	width: 200px;
}
* HTML #nav-hover UL.level2 LI,
* HTML #nav-hover UL.level3 LI {
	float: left;
	width: 100%;
	height: 1px;
}
* HTML #nav-hover UL.level2 A,
* HTML #nav-hover UL.level3 A {
	position: relative
}
#nav-hover UL.level2 LI,
#nav-hover UL.level3 LI {
	padding: 0;
}
#nav-hover UL.level2 LI {
	position: relative;
}

#nav-hover LI.level1-open UL.level2 {
	display: block;
}
#nav-hover LI.level2-open UL.level3 {
	display: block;
}
#nav-hover UL.level2 A,
#nav-hover UL.level2 LI,
#nav-hover UL.level2 SPAN,
#nav-hover UL.level3 A,
#nav-hover UL.level3 LI,
#nav-hover UL.level3 SPAN {
	display: block;
	float: none;
	font-weight: 100;
}
#nav-hover UL.level2 A {
	margin: 0;
	padding: 3px 14px 4px;
	/*border-top: 1px solid #add9ea !important;*/
	font-size: 12px;
	line-height: 18px;
}
#nav-hover UL.level2 A:hover,
#nav-hover UL.level2 A:focus,
#nav-hover UL.level2 A.sub:hover,
#nav-hover UL.level2 A.sub:focus {
	background-color: #f4f9fb;
	color: #000;
}
#nav-hover LI.level2-open > A {
	background-color: #f4f9fb !important;
}
#nav-hover UL.level2 A.sub {
	padding-right: 24px;
	background: url(labscala/bg04.gif) no-repeat 100% 9px;
}

#nav-hover UL.level3 A {
	background: #e2ecf0;
	font-weight: normal;
}

#nav-hover A.level2-active,
#nav-hover A.level3-active {
	background-color: #d2dee3 !important;
}

/* tools */

#tools .sel,
#tools2 .sel,
#tools2 #user,
#pause,
#logout {
	margin-top: 21px;
}

/* =tools
-------------------------------------------------- */
#tools,
#tools2 {
	position: relative;
	float: right;
	padding: 0 5px 0 0;
	text-shadow: none;
	font-family: Arial, sans-serif;
}

/* pause */

#pause,
#tools2 #pause {
	float: left;
	margin-right: 3px;
	background: none;
	font-size: 12px;
}
#pause A,
#pause SPAN,
#tools2 #pause A,
#tools2 #pause SPAN {
	float: left;
	background: url(labscala/btn01.png) no-repeat 100% -50px !important;
}
#pause A,
#tools2 #pause A {
	height: 25px;
	overflow: hidden;
	padding-right: 25px;
	color: #fff;
	line-height: normal;
	text-shadow: 0 1px 0 #0a5f8b;
}
#pause SPAN {
	padding: 5px 6px 4px 9px;
	background-position: 0 -50px !important;
}
#tools2 #pause SPAN {
	height: 25px;
	line-height: 25px;
	padding: 0 5px 0 10px !important;
	background-position: 0 -50px !important;
	font-size: 12px !important;

}
#pause A:hover,
#tools2 #pause A:hover {
	background-position: 100% -75px !important;
}
#pause A:hover SPAN,
#tools2 #pause A:hover SPAN {
	background-position: 0 -75px !important;
}

/* layout */

#logout,
#tools2 #logout {
	float: left;
	background: none;
	font-size: 12px !important;
}
#logout A,
#logout SPAN,
#tools2 #logout A,
#tools2 #logout SPAN {
	float: left;
	background: url(labscala/btn01.png) no-repeat 0 -50px !important;
}
#logout A,
#tools2 #logout A {
	height: 25px;
	overflow: hidden;
	padding-right: 25px;
	color: #fff;
	line-height: normal;
	text-shadow: 0 1px 0 #0a5f8b;
	background-position: 100% 0 !important;
}
#logout SPAN {
	padding: 5px 6px 5px 9px;
	font-size: 12px !important;
}
#tools2 #logout SPAN {
	padding: 0 5px 0 10px !important;
	height: 25px;
	line-height: 25px;
}
#logout A:hover,
#tools2 #logout A:hover {
	background-position: 100% -25px !important;
}
#logout A:hover SPAN,
#tools2 #logout A:hover SPAN {
	background-position: 0 -75px !important;
}


#sidebar P.back A {
	display: block;
	padding: 0 0 0 15px;
	background: url(labscala/bg03b.gif) no-repeat 5px 6px;
}
/* sel */

DIV.sel,
#tools2 DIV.sel {
	float: left;
	margin-right: 18px;
	background: none;
}
DIV.sel LABEL,
#tools2 DIV.sel LABEL {
	background: none;
	color: #fff;
	line-height: 23px;
	text-shadow: 0 1px 0 #0b6895;
}
DIV.sel STRONG,
#tools2 DIV.sel STRONG {
	font-weight: normal;
}
DIV.sel DIV,
#tools2 DIV.sel DIV {
	border: none;
	padding-left: 3px;
	background: url(labscala/btn01.png) no-repeat 0 -100px !important;
}
DIV.sel A.value,
#tools2 DIV.sel A.value {
	height: 23px;
	max-width: 200px;
	min-width: 60px;
	padding: 1px 35px 1px 4px;
	background: url(labscala/btn01.png) no-repeat 100% -100px !important;
	color: #1f476e;
	line-height: 25px;
	overflow: hidden;
}
* HTML DIV.sel A.value,
* HTML #tools2 DIV.sel A.value {
	width: 100px;
}
DIV.sel A.value STRONG,
#tools2 DIV.sel A.value STRONG {
	padding: 0;
	background: none;
}
DIV.sel A.value:hover,
#tools2 DIV.sel A.value:hover {
	background-position: 100% -150px !important;
	text-decoration: none;
}
DIV.sel A.value:focus,
#tools2 DIV.sel A.value:focus {
	text-decoration: none;
}
DIV.sel A.pressed,
DIV.sel A.pressed:hover,
DIV.sel A.value2:hover,
DIV.sel A.value2.pressed,
#tools2 DIV.sel A.pressed,
#tools2 DIV.sel A.pressed:hover,
#tools2 DIV.sel A.value2:hover,
#tools2 DIV.sel A.value2.pressed,
#tools2 DIV.sel .sel-wrap-hover A.pressed,
#tools2 DIV.sel .sel-wrap-hover A.pressed:hover,
#tools2 DIV.sel .sel-wrap-hover A.value2:hover,
#tools2 DIV.sel .sel-wrap-hover A.value2.pressed {
	background-position: 100% -125px !important;
}
DIV.sel DIV.list,
#tools2 DIV.sel DIV.list {
	z-index: 10;
	min-width: 100%;
	top: 24px;
	padding: 0;
	border: 0;
	border-color: #0c6a97;
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
* HTML DIV.sel DIV.list,
* HTML #tools2 DIV.sel DIV.list {
	width: auto;
}
DIV.sel DIV.list UL,
#tools2 DIV.sel DIV.list UL {
	max-height: 500px;
	overflow: auto;
	border: 1px solid #0c6a97;
}
DIV.sel DIV.list A,
#tools2 DIV.sel DIV.list A {
	display: block;
	padding: 5px;
	border: none;
	background: none;
	color: #1f476e;
	font-size: 12px;
	line-height: normal;
}
DIV.sel DIV.list A:hover,
DIV.sel DIV.list UL LI.active A:hover,
#tools2 DIV.sel DIV.list A:hover,
#tools2 DIV.sel DIV.list UL LI.active A:hover {
	text-decoration: underline;
}
DIV.sel DIV.list UL LI.active A,
#tools2 DIV.sel DIV.list UL LI.active A {
	text-decoration: none;
}

/* logo */

#logo {
	margin: 13px 0 0 0;
}
#logo,
#logo A {
	width: 141px !important;
	height: 41px !important;
	background-image: url(labscala/logo.png) !important;
}

#environmentName {  
	border-radius:2px;  //rounds corners for other browsers
	-moz-border-radius:2px;  // rounds corners for firefox
	border:none;
	background-color:#CC0000;
	color:white;
	padding:0px 3px 0px 3px;
	text-transform:uppercase;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	position: absolute;
	bottom:0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events:none;
}

/* =user toold
-------------------------------------------------- */

#tools2 #user {
	float: left;
	margin: 21px 10px 0 0;
	padding: 0;
	background: none;
	color: #fff;
	text-shadow: 0 1px 0 #0b6895;
}
#tools2 #user .toggle,
#tools2 #user .toggle SPAN {
	background: url(labscala/bg05.png) no-repeat 100% 0;
}
* html #tools2 #user .toggle,
* html #tools2 #user .toggle SPAN {
	background-image: url(labscala/bg05_ie6.png) !important;
}
#tools2 #user .toggle {
	display: block;
	height: 24px;
	padding: 0 17px 0 0;
	color: #fff;
	line-height: 24px;
}
* html #tools2 #user .toggle {
	float: left;
}
#tools2 #user .toggle SPAN {
	display: block;
	padding: 1px 0 0 5px;
	background-position: 0 30px;
}

#tools2 #user .toggle:hover,
#tools2 #user .toggle:focus,
#tools2 #user .toggle-open {
	background-position: 100% -25px;
	color: #222;
	text-shadow: none;
	text-decoration: none;
}
#tools2 #user .toggle:hover SPAN,
#tools2 #user .toggle:focus SPAN,
#tools2 #user .toggle-open SPAN {
	background-position: 0 -25px;
}
/*
#tools2 .user-open #user-tools {
	display: block;
}
*/
#tools2 #user-tools {
	display: none;
	position: absolute;
	z-index: 10;
	width: 150px;
	margin: 0;
	padding: 0;
	background: #fff;
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
* HTML #tools2 #user-tools {
	width: auto;
	clear: left;
	white-space: nowrap;
}
#tools2 #user-tools UL {
	margin: 0;
	border: 1px solid #0c6a97;
}
#tools2 #user-tools LI {
	padding: 0;
	background: none;
}
* html #tools2 #user-tools LI {
	height: 1px;
}
#tools2 #user-tools A {
	display: block;
	padding: 5px;
	border: none;
	background: none;
	color: #1f476e;
	font-size: 12px;
	line-height: normal;
	text-shadow: none;
}
#tools2 #user-tools A:hover,
#tools2 #user-tools UL LI.active A:hover {
	text-decoration: underline;
}
#tools2 #user-tools UL LI.active A {
	text-decoration: none;
}


/* =subnav
-------------------------------------------------- */
#subnav {
	margin: 0;
	padding-top: 1px;
	background: url(labscala/bg_subnav2.png) no-repeat -228px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	min-height: 1%;
}
#subnav LI {
	padding-left: 0;
	background: none;
}
#subnav A,
#subnav SPAN {
	display: block;
}
#subnav A {
	border: 0;
	background: url(labscala/bg_subnav.png) no-repeat 2px 100%;
	color: #069;
}
#subnav SPAN {
	padding: 7px 15px 9px;
	background: url(labscala/bg_subnav2.png) no-repeat 2px 0;
}

#subnav A:hover {
	background-position: -228px 100%;
	text-decoration: none;
	color: #0089cd;
}

#subnav .active {
	margin-top: -1px;
}
#subnav .active A,
#subnav .active A:hover {
	border: 0;
	background: #fff url(labscala/bg_subnav.png) no-repeat -458px 100%;
	color: #004065;
}
#subnav .active A:hover SPAN,
#subnav .active SPAN {
	padding-top: 8px;
	background-image: url(labscala/bg_subnav3.png);
	background-position: 0 0;
}

/* =submenu
-------------------------------------------------- */
#boxes {
	margin: 0;
	padding: 0;
	border: 0;
}
#boxes DIV.item {
	border: 1px solid #b1cee1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #ecf4f8;
	-moz-box-shadow: 0 15px 10px -10px rgba(177,206,225,0.3) inset;
	-webkit-box-shadow: 0 15px 10px -10px rgba(177,206,225,0.3) inset;
	box-shadow: 0 15px 10px -10px rgba(177,206,225,0.3) inset;
}
#boxes H2 {
	font-size: 12px;
}
#boxes H2 A.expander,
#boxes DIV.active H2 A.expander {
	background: url(labscala/bg02.gif) no-repeat 100% 5px;
	text-decoration: none;
}
#boxes H2 A.expander:hover,
#boxes DIV.active H2 A.expander:hover {
	background-position: 100% -45px;
}
#boxes H2 A:hover SPAN,
#boxes DIV.active H2 SPAN {
	border: 0;
}
#boxes DIV.active {
	background: #f7fbfc;
}
#boxes LI A {
	background: url(labscala/bg03.gif) no-repeat 0 5px;
}
#boxes UL {
	padding: 5px 10px 0 15px;
	font-size: 11px;
}

/* =infobar
-------------------------------------------------- */
#infobar {
	padding: 11px 0 0;
	border: 0;
	background: #f8f8f8 url(labscala/bg_infobar.gif) repeat-x 0 100%;
	line-height: normal;
}
.infobar-with-tabs {
	background: #f8f8f8 url(labscala/bg_infobar2.gif) repeat-x 0 100% !important;
}
#infobar-inner {
	width: 946px;
}
#infobar-inner .meta {
	float: right;
	margin: 0 0 10px;
}
.infobar-with-tabs .meta {
	margin: 4px 0 10px !important;
}
#infobar P {
	float: left;
	margin-top: 0;
	padding-left: 20px;
	color: #666;
	font-weight: bold;
}
#infobar SPAN {
	display: block;
	margin-bottom: 3px;
	color: #999;
	font-weight: normal;
}
#infobar .name {
	width: 630px;
	margin: 0 0 10px;
	padding-left: 0;
	color: #36424a;
	font-size: 20px;
	font-weight: normal;
}
#infobar .back {
	display: block;
	margin: 0 0 0 -15px;
	padding: 0 0 0 15px;
	background: url(labscala/bg03b.gif) no-repeat 5px 4px;
	color: #069;
	font-size: 11px;
	font-weight: 100;
}
#infobar .back:hover {
	color: #333;
	background-position: 5px -39px;
}
#infobar A {
	cursor: pointer;
}

/* =title
-------------------------------------------------- */
#title {
	margin-bottom: 0;
}
#title DIV {
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	background: none;
}
#title UL {
	margin: -16px 0 0;
}
#title LI A {
	font-size: 12px;
	color: #069;
}
#title LI.help A {
	padding-left: 18px;
	background: url(labscala/ico_help.png) no-repeat 0 1px;
}
#title LI.print A {
	padding-left: 22px;
	background: url(labscala/ico_print.png) no-repeat 0 0;
}
#title H1 {
	padding: 0 180px 0 0;
	float: none;
}

/* =lists
-------------------------------------------------- */

.check-list {
	margin: 0;
}
.check-list LI {
	padding: 0 0 0 20px;
	background: url(labscala/ico_check.png) no-repeat 0 2px;
}
.msg-list,
.link-list {
	margin: 15px 0 0 10px;
}
.msg-list P,
.link-list P {
	margin: 10px 0 0;
}
.msg-list LI {
	padding: 0 0 15px 24px;
	background: url(labscala/ico_mail.gif) no-repeat 0 2px;
}
.msg-list H4 {
	margin: 0 !important;
}
.link-list LI {
	padding: 0 0 5px 24px;
	background: url(labscala/ico_chain.png) no-repeat 0 5px;
}

/* columns */

.list-columns LI {
	float: left;
	width: 175px;
	padding-right: 10px;
}

/* =container
-------------------------------------------------- */
.container {
	margin: 1em 0 0;
	padding: 0;
	border: none;
}

.container-tabs .inside, .container .container-tabs .inside, .container-round .container-tabs .inside {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #2380ae #dbdbdb #dbdbdb;
    border-image: none;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px;
}
.container .inside, .container-round .inside {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dbdbdb;
    border-image: none;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 0 1px 1px;
}

.container-closed {
	padding-bottom: 5px;
	background: #2996cc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.container-closed .inside {
	display: none;
}


.container .head {
	margin: 0;
	padding: 8px 10px 7px 10px;
	border: none;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #2996cc;
	border-bottom: 1px solid #2380ae;
}
.container-closed .head {
	padding-bottom: 2px;
	border-bottom: none;
}
.container .head H2 {
	padding-left: 20px;
	background: url(labscala/ico_close.png) no-repeat 0 50%;
	color: #fff;
	font-weight: normal;
}
.container .head H2.multi {
	font-weight: bold;
}
.container .head H2.multi .weight-normal {
	font-weight: normal;
}
.container .head H2.multi .separator {
	color: #ddd;
}

.head H2 SPAN.sep {
	color: #fff;
}
.head H2 SPAN.name {
	font-weight: bold;
	line-height: 16px;
}
.container-closed .head H2 {
	background-image: url(labscala/ico_open.png);
}
.container .head .expander {
	display: none;
}
.container .inside,
.container-tabs .inside,
.container-round .inside {
	min-height: 1%;
	padding: 1px 9px 14px;
	-moz-box-shadow: inset 0 3px 6px #d9d9d9;
	-webkit-box-shadow: inset 0 3px 6px #d9d9d9;
	box-shadow: inset 0 3px 6px #d9d9d9;
}

.container .head H2 {
	background-color: #2996cc;
	font-size: 16px;
}
.container .head A.remove,
.container-round .head A.remove {
	display: block;
	float: right;
	width: auto;
	height: 18px;
	padding-right: 15px;
	background: url(labscala/ico_delete.png) no-repeat 100% 4px;
	color: #bfe0f0 !important;
	font-size: 11px;
	line-height: 16px !important;
}
.container .head A.remove:hover,
.container-round .head A.remove:hover {
	background-position: 100% -57px;
	color: #fff !important;
	text-decoration: none !important;
}
H2.chapter-title,
H3.chapter-title,
.block H3,
.container H3,
.container-tabs H3 {
	margin: 1em 0 0;
	padding: 10px 0 0 3px;
	padding-bottom: 1px;
	border-bottom: 1px solid #e2ebf1;
	text-transform: uppercase;
	color: #5e87b0;
	font-weight: bold;
	font-size: 12px;
}
.container H4 {
	margin: 13px 0 0;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}
.container H4 + TABLE.data {
	margin: 2px 0 0;
}

.container TABLE.data {
	margin-top: .5em;
}

P.comment-field {
	margin-bottom: 0;
}
P.comment-field {
	margin: 7px 0 0;
}
.container P.comment-field {
	margin: 7px 5px 0;
}
P.comment-field TEXTAREA,
P.comment-field TEXTAREA.comment,
.container P.comment-field TEXTAREA {
	width: 100%;
	height: 56px;
	line-height: 1.5;
}
* HTML P.comment-field TEXTAREA,
* HTML P.comment-field TEXTAREA.comment,
* HTML .container P.comment-field TEXTAREA {
	width: 95%;
}
.container DIV.form P,
.container DIV.form DIV.row{
	float: none;
}
.container DIV.form P.row-item {
	float: left;
}
.container DIV.form P LABEL {
	padding-left: 0;
}
.comment-data {
	margin: 4px 5px 0;
	padding: 1px 30px 10px;
}


.container .head .edit, .container-round .head .edit, 
.container-round .container .head .edit, .container .head .add,
.container-round .head .add, .container-round .container .head .add {
    background: url("labscala/bg_container_actions.png") no-repeat scroll 100% -30px rgba(0, 0, 0, 0);
    color: #BFE0F0 !important;
    display: block;
    float: right;
    font-size: 11px;
    height: 18px;
    line-height: 17px;
    margin: 0 0 0 5px;
    padding: 0 22px 0 0;
    width: auto;
}
.container .head .edit:hover, .container-round .head .edit:hover,
.container-round .container .head .edit:hover,
.container .head .add:hover, .container-round .head .add:hover,
.container-round .container .head .add:hover {
    background-position: 100% 0;
}



/* container round */

.container-round {
	margin: 1em 0 0;
}
.container-round .head {
	margin: 0;
	padding: 0;
	border: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #2996cc;
}
.container-round .head .a,
.container-round .head .i {
	background: none;
}
.container-round .head P {
	height: 34px;
	border-color:#5cafd8;
	color: #fff;
	line-height: 34px;
}
.container-round .head P.ico {
	width: auto;
	padding: 0 13px 0 0;
}
.container-round .head P.ico A {
	width: auto;
	height: 18px;
	margin: 8px 0 0 10px;
}
.container-round .head_open {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
.container-round .head A.expander {
	display: block;
	float: right;
	width: auto;
	height: 18px;
	padding-right: 17px;
	background: url(labscala/bg_container_expander.png) no-repeat 100% -59px;
	color: #bfe0f0 !important;
	font-size: 11px;
	line-height: 16px !important;
}
.container-round .head A.expander:hover {
	background-position: 100% -39px;
	color: #fff !important;
	text-decoration: none !important;
}
.container-round .head A.open {
	background-position: 100% -19px;
}
.container-round .head A.open:hover {
	background-position: 100% 1px;
}

/*
.container-round .head A.remove,
.container-round .head A.expander {
	background: url(labscala/bg_container_actions.png) no-repeat -56px 4px;
}
.container-round .head A.expander:hover {
	background-position: -86px 4px;
}
.container-round .head A.open {
	background-position: 4px 4px;
}
.container-round .head A.open:hover {
	background-position: -26px 4px;
}
.container-round .head A.remove {
	background-position: -116px 4px;
}
.container-round .head A.remove:hover {
	background-position: -146px 4px;
}
*/

/* container tabs */

.container-tabs {
	padding: 0;
	border: 0;
}


/* subcontainer */

.subcontainer {
	margin: 1em 0 0;
}
.subcontainer .head {
	background: none;
	margin: 1em 0 5px;
	padding: 10px 0 1px 3px;
	border-color: #e2ebf1;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.subcontainer .head H2,
.subcontainer .head H3,
.subcontainer .head H4 {
	padding: 0;
}
.subcontainer .head .expander {
	display: block;
	background: url(labscala/bg_subcontainer_expander.png) no-repeat -39px 1px;
}
.subcontainer .head .expander:hover {
	background-position: -59px 1px;
}
.subcontainer .head .open {
	background-position: 1px 1px;
}
.subcontainer .head .open:hover {
	background-position: -19px 1px;
}

/* block */

.block {
	margin: 1em 0 0;
	border-color: #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* empty content */

.empty-content {
	margin: 1em 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* =tabs
-------------------------------------------------- */
UL.tabs {
	padding: 0 0 0 5px;
	background: none;
}
UL.tabs A,
UL.tabs LI,
UL.tabs SPAN {
	background: none;
}
UL.tabs LI,
UL.tabs LI.active {
	margin: 0 2px 0 0;
}
UL.tabs A {
	padding: 0;
	border: solid #ddd;
	border-width: 1px 1px 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #f8f8f8;
	color: #666;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
UL.tabs SPAN {
	padding: 5px 15px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
UL.tabs A:hover {
	border-color: #b1cee1;
	background: #ecf4f8;
}
UL.tabs LI.active A {
	background: #fff;
	background: #2996cc;
	border-color: #2380ae;
	text-shadow: none;
}
UL.tabs LI.active A:hover {
	border-color: #ddd;
	border-color: #2380ae;
}
UL.tabs LI.active SPAN,
UL.tabs LI.active A:hover SPAN {
	margin: 0 0 -10px;
	margin: 0;
	padding: 5px 15px 15px;
	padding: 5px 15px 5px;
	background: #2996cc;
	color: #000;
	color: #fff;
}
UL.tabs LI.disabled A,
UL.tabs LI.disabled A SPAN {
	border-color: #f5f5f5;
	background: none;
	color: #ddd !important;
}

/* =infobar tabs
-------------------------------------------------- */
#infobar .infobar-tabs {
	margin: 0;
	height: 38px;
	overflow: hidden;
}
#infobar .infobar-tabs A,
#infobar .infobar-tabs LI,
#infobar .infobar-tabs SPAN {
	float: left;
}
#infobar .infobar-tabs LI {
	margin: 2px 2px 4px 0;
	padding: 0;
	min-height: 1px;
	background: none;
}
#infobar .infobar-tabs A {
	margin: 3px 0 0;
	/*border: 1px solid #1581b7;*/
	border: solid #d7d7d7;
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #e7e7e7;
	color: #222;
	line-height: 28px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
#infobar .infobar-tabs A:hover {
	border-color: #cfcfcf;
	background: #f5f5f5;
	text-decoration: none;
}
#infobar .infobar-tabs SPAN {
	margin: 0;
	padding: 0 8px;
	color: #444;
}
#infobar .infobar-tabs LI.active {
	margin: 2px 2px 0 0;
}
#infobar .infobar-tabs LI.active A,
#infobar .infobar-tabs LI.active A:hover {
	margin: 0;
	padding: 0 0 0; 
	background: #fff;
	border: solid #cfcfcf;
	border-width: 1px 1px 0 1px;
	-moz-box-shadow: -2px -1px 1px rgba(0,0,0,0.05), 2px -1px 1px rgba(0,0,0,0.05), 1px 0 1px -1px rgba(0,0,0,0.2), -1px 0 1px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px -1px 1px rgba(0,0,0,0.05), 2px -1px 1px rgba(0,0,0,0.05), 1px 0 1px -1px rgba(0,0,0,0.2), -1px 0 1px -1px rgba(0,0,0,0.2);
	box-shadow: -2px -1px 1px rgba(0,0,0,0.03), 2px -1px 1px rgba(0,0,0,0.03), 1px 0 1px -1px rgba(0,0,0,0.1), -1px 0 1px -1px rgba(0,0,0,0.1);
	text-shadow: 0 0 0;
	font-weight: bold;
}
#infobar .infobar-tabs LI.active A SPAN {
	padding: 3px 8px 4px;
	color: #222;
	font-weight: bold;
}

/* =boxes
-------------------------------------------------- */

/* box01 */

.box01,
.box01 .a,
.box01 .b {
	background: url(labscala/bg_box01.png) no-repeat;
}
.box01 {
	border: 0;
	width: 240px;
	margin-top: 10px;
	background-repeat: repeat-y;
	background-position: -240px 0;
}
.box01 .a {
	border: 0;
	padding-top: 6px;
}
.box01 .b {
	padding: 1px 20px 20px;
	background-position: -480px 100%;
}
.box01 BUTTON,
.box01 BUTTON SPAN {
	position: relative;
	height: 25px;
	line-height: 13px;
}
.box01 BUTTON SPAN,
.box01 BUTTON STRONG {
	background: url(labscala/bg_button2.png) no-repeat;
}
.box01 BUTTON SPAN {
	background-position: 100% 0;
}
.box01 BUTTON STRONG {
	background-position: 0 0;
}
.box01 BUTTON:hover SPAN,
.box01 BUTTON:focus SPAN {
	background-position: 100% -25px;
}
.box01 BUTTON:hover STRONG,
.box01 BUTTON:focus STRONG {
	background-position: 0 -25px;
}
.box01 BUTTON:active SPAN {
	background-position: 100% -50px;
}
.box01 BUTTON:active STRONG {
	background-position: 0 -50px;
}

/* =form
-------------------------------------------------- */
TABLE.form TH {
	width: 290px;
	padding-top: 4px;
	padding-right: 20px !important;
	font-weight: bold;
}
TABLE.form TD {
	width: auto;
}
TABLE.form TH LABEL {
	color: #333;
	cursor: pointer;
}
TABLE.form TD LABEL {
	padding-top: 2px;
}
TABLE.form TD.data {
	padding: 4px 12px 4px 0;
	font-weight: 100;
}
DIV.form P,
DIV.form DIV.row {
	float: left;
	margin: 1em 2em 0 0;
	padding: 0;
}
DIV.form LABEL {
	display: block;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}
SPAN.req {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

DIV.form .action {
	float: right;
	margin-right: 0;
	margin-top: 2.15em;
}
DIV.form-inner {
	margin-left: 4px;
	margin-right: 4px;
}
P.footnote {
	color: #999;
	font-size: 11px;
	line-height: normal;
}
P.footnote SUP {
	font-size: 8px;
}

.inside H3 + TABLE.form {
	margin: 10px 0 5px;
}

/* =table
-------------------------------------------------- */
TABLE.data,
.container TABLE.data {
	margin: 1em 0 0;
	border-collapse: collapse;
	border: 1px solid #ddd !important;
}
TABLE.data,
TABLE.data TH,
TABLE.data TD {
	border: none;
	font-size: 12px !important;
	vertical-align: top;
}
TABLE.data THEAD TH,
TABLE.data TBODY TD {
	padding: 5px 6px 4px;
	border: 1px solid #ddd !important;
}
/*
TABLE.data THEAD TH,
TABLE.data TBODY TD {
	border: solid #ddd !important;
	border-width: 1px 0 0 1px !important;
}
TABLE.data TR:first-child TH,
TABLE.data TBODY:first-child TR:first-child TH {
	border-top: 0 !important;
}
TABLE.data TH:first-child,
TABLE.data TD:first-child {
	border-left: 0 !important;
}
TABLE.data TH.not-first:first-child,
TABLE.data TD.not-first:first-child {
	border-left: 1px solid #ddd !important;
}
*/
TABLE.data SUP {
	font-size: 8px !important;
}
TABLE.data THEAD TH {
	border: none;
	background: #f0f0f0;
	color: #666;
	font-weight: bold;
}
TABLE.data THEAD TH A {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}
TABLE.data TD {
	background: #f8f8f8;
}
TABLE.data TD.icons {
	width: 1%;
	padding: 0px 1px;
	text-align: center;
	vertical-align: middle;
}
TABLE.data .icons TD {
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
}
TABLE.data TD.icons TABLE.icons {
	float: none;
	margin: 0 auto;
}
TABLE.data TD.input,
TABLE.data TR.filter TD {
	padding: 2px 3px;
}
TABLE.data TD.input INPUT,
TABLE.data TR.filter TD INPUT,
TABLE.data TD.input SELECT,
TABLE.data TR.filter TD SELECT {
	vertical-align: middle;
}
TABLE.data TR.filter TD.icons {
	padding: 0 1px;
	vertical-align: top;
}
TABLE.data .even TD {
	background: #fcfcfc;
}

TABLE.data TR.filter TD INPUT:last-child {
	margin: 0;
}
TABLE.data TD.normal-padding,
TABLE.data TR.filter TD.normal-padding {
	padding: 5px 6px 4px !important;
}
TABLE.data TBODY TD A {
	color: #069;
	text-decoration: none;
}
TABLE.data TBODY TD A:hover {
	text-decoration: underline;
}

/* table icons */

TABLE.icons,
TABLE.icons TH,
TABLE.icons TD,
TABLE.data TABLE.icons,
TABLE.data TABLE.icons TH,
TABLE.data TABLE.icons TD {
	border-width: 0 !important;
}

/* legend */

.legend,
.container .legend {
	margin: 1em 0 0;
}

/* colors */

TR.cell-con03 TD,
TD.cell-con03 {
	color: #333 !important;
}
TR.cell-con03 TD A,
TD.cell-con03 A {
	color: #069 !important;
}
TR.cell-con03 TD A:hover,
TR.cell-con03 TD A:focus,
TD.cell-con03 A:hover,
TD.cell-con03 A:focus {
	color: #000 !important;
}

/* =pager
-------------------------------------------------- */
.pager {
	margin: 1em 0 0;
	padding: 5px 5px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	line-height: 23px;
}

.pager .prev,
.pager .next {
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}
.pager .prev A,
.pager .next A,
.pager .prev SPAN,
.pager .next SPAN {
	padding: 0 10px;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #069;
	line-height: 21px;
}
.pager .prev:hover,
.pager .next:hover {
	border-color: #218bbf;
}
.pager .prev A:hover,
.pager .next A:hover {
	background: #2996cc;
	border-color: #fff;
	color: #fff !important;
}
.pager .prev SPAN,
.pager .next SPAN {
	color: #c2d2e1;
}
.pager .prev STRONG,
.pager .next STRONG {
	display: none;
	color: #000;
	font-size: 14px;
	line-height: 10px;
}

.pager .pages span {
	display: block;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	color: #4A647A;
	text-align: center;
	overflow: hidden;
}
.pager .pages span:hover {
	border-color: #218bbf;
}
.pager .pages A {
	display: block;
	float: left;
	min-width: 12px;
	margin: 0 -1px 0 0;
	padding: 0 3px !important;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #069;
	line-height: 21px;
}
.pager .active,
.pager .pages A:hover {
	background: #218bbf;
	color: #fff !important;
	text-decoration: none;
}
.pager .count {
	color: #222;
}
.pager .count A {
	color: #069 !important;
}

/* =set pager
-------------------------------------------------- */
#set-pager {
	margin: 30px 0 0;
	padding: 0 13px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #f8f8f8;
}
#set-pager .set-pager-inner {
	/*width: 960px;*/
	margin: 0 auto;
	/*padding: 0 10px;*/
}
#set-pager H2 {
	text-align: center;
	margin: -11px 0 10px;
	
}
#set-pager H2 SPAN {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#set-pager .pager {
	margin: 10px 0 0;
	padding: 0;
	border: 0;
	background: none;
}
#set-pager .prev,
#set-pager .next,
#set-pager .prev:hover,
#set-pager .next:hover {
	width: 200px;
	border: 0;
	background: none;
}
#set-pager .prev A,
#set-pager .next A {
	min-width: 50px;
	padding: 1px 11px;
	border-color: #ccc;
	background: #fff;
	color: #666;
}
#set-pager .prev A,
#set-pager .prev SPAN {
	margin-right: 3px;
}
#set-pager .next A,
#set-pager .next SPAN {
	margin-left: 3px;
}
#set-pager .next A {
	float: right;
}
#set-pager .prev A:hover,
#set-pager .next A:hover {
	background: #666;
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
}
#set-pager .prev SPAN,
#set-pager .next SPAN {
	min-width: 50px;
	padding: 1px 11px;
	border-color: #ccc;
	background: #fff;
	color: #ccc;
}
#set-pager .pager .pages {
	max-width: 500px;
}
#set-pager .pages {
	font-weight: bold;
}
#set-pager .pages SPAN:hover {
	border-color: #999;
}
#set-pager A.open {
	color: #999;
}
#set-pager A.open:hover,
#set-pager A.open-active {
	background: #999;
	color: #fff;
}

#set-pager A.draft {
	color: #218bbf;
}
#set-pager A.draft:hover,
#set-pager A.draft-active {
	background: #218bbf;
	color: #fff;
}

#set-pager A.accepted {
	color: #008000;
}
#set-pager A.accepted:hover,
#set-pager A.accepted-active {
	background: #008000;
	color: #fff;
}

/* =messages
-------------------------------------------------- */
P.message,
DIV.message {
	margin: 1em 0 0;
	padding: 2px 20px 12px;
	border: solid #d4d199;
	border-width: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fffee9;
	color: #000;
	line-height: normal;
}
DIV.message H2 {
	margin: 10px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: #000;
}
DIV.message P,
DIV.message OL,
DIV.message UL {
	margin-top: 10px;
	font-size: 14px;
}
DIV.message LI {
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(labscala/gfx/bg02.png) no-repeat 2px -44px;
}
P.message A,
DIV.message A {
	color: #000;
	text-decoration: underline;
}
P.msg-ok,
DIV.msg-ok {
	border-color: #8ec47b;
	background-color: #efffea;
}
DIV.msg-ok LI,
DIV.msg-ok P,
DIV.msg-ok H2{
	color: #307419;
}
P.msg-error,
DIV.msg-error {
	border-color: #cd8585;
	background-color: #ffeeee;
}
DIV.msg-error LI,
DIV.msg-error P,
DIV.msg-error H2 {
	color: #ca1212;
}

/* System notification */
.has-system-notification {
	background-position: 50% -6px !important;
}
.has-system-notification .system-notification {
	display: block;
}
.system-notification {
	margin: 0;
	border: 0;
	padding: 7px 0 0 0;
	display: none;
}
.system-notification .wrapper {
	margin: 0 auto;
	width: 938px;
	padding: 4px 10px;
	overflow: hidden;
	background: #fff588;
	border: solid 1px #998f49;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 1px #fff;
	-webkit-box-shadow: inset  1px 1px 1px #fff;
	box-shadow: inset  1px 1px 1px #fff;
}
.system-notification p {
	float: right;
	margin: 0;
	color: #232332;
	width: 915px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.system-notification p:first-child {
	float: left;
	width: 16px;
}
.system-notification p:first-child .icon {
	vertical-align: top;
	margin-top: -3px;
}
.system-notification p a {
	font-weight: bold;
	text-decoration: none;
}




.container .head .success,
TABLE.form TD SPAN.accepted {
	border-color: #8ec47b;
	background-color: #efffea;
	color: #307419;
}
.container .head .error,
TABLE.form TD SPAN.unaccepted {
	border-color: #cd8585;
	background-color: #ffeeee;
	color: #ca1212;
}

/* compact */

P.msg-compact {
	padding: 5px 10px 5px 30px;
	background: #fffee9 url(labscala/ico_warning.png) no-repeat 7px 5px;
}
P.msg-ok.msg-compact {
	background: #efffea url(labscala/ico_ok.png) no-repeat 7px 6px;
}
P.msg-error.msg-compact {
	background: #ffeeee url(labscala/ico_warning2.png) no-repeat 7px 6px;
}

/* =path2
-------------------------------------------------- */
.path2 {
	margin: 1em 0 0;
	Border-bottom: 1px solid #e2ebf1;
	font-size: 12px;
	line-height: 1.5;
}
.path2 A {
	color: #069;
}

/* =action links
-------------------------------------------------- */
.action-links {
	padding: 5px 10px;
	border: solid #ddd;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border-width: 0 1px 1px 1px;
	background: #f0f0f0;
}

/* =progress bar
-------------------------------------------------- */
.progress-bar {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.progress-bar SPAN {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #e9f2f7;
	-moz-box-shadow: 0 -7px 2px -5px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow: 0 -7px 2px -5px rgba(0,0,0,0.05) inset;
	box-shadow: 0 -7px 2px -5px rgba(0,0,0,0.05) inset;
}

/* =component info
-------------------------------------------------- */
.component-info {
	margin: 2em 0 0;
	padding: 5px 0 0;
	font-size: 11px;
	color: #999;
	border-top: 1px solid #eee;
}
.component-info P.updated {
	float: left;
	margin: 0;
}
.component-info EM {
	float: right;
	color: #999 !important;
	font-weight: bold;
}

/* =inputs
-------------------------------------------------- */

input,
select,
button,
textarea {
	margin: 0;
}
select,
textarea,
input.text,
input.date,
input.date-range,
input[type="text"],
input[type="password"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	padding: 3px;
	border: 1px solid;
	border-color: #bdc8cd;
	-moz-box-shadow: inset 0 0 3px #ebeaea;
	-webkit-box-shadow: inset 0 0 3px #ebeaea;
	box-shadow: inset 0 0 3px #ebeaea;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
select,
input.text,
input.date,
input.date-range,
input[type="text"],
input[type="password"] {
	height: 25px;
	line-height: 18px;
}
*+HTML input.text,
*+HTML input.date,
*+HTML input.date-range,
*+HTML input[type="text"],
*+HTML input[type="password"] {
	height: 14px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding-top: 6px;
}
* HTML input.text,
* HTML input.date,
* HTML input.date-range,
* HTML input[type="text"],
* HTML input[type="password"] {
	height: 18px;
	margin-top: -1px;
	margin-bottom: -1px;
}
SELECT {
	min-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
SELECT[size],
SELECT[multiple] {
	height: auto;
}
SELECT:focus,
TEXTAREA:focus,
INPUT.text:focus,
INPUT.date:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
	outline: none !important;
	-moz-box-shadow: 0 0 1px #52ccf4;
	-webkit-box-shadow: 0 0 1px #52ccf4;
	box-shadow: 0 0 1px #52ccf4;
}
SELECT OPTION.label {
	color: #808080 !important;
}
INPUT.date {
	width: 90px;
	margin-right: 0 !important;
	padding-right: 20px;
	vertical-align: middle;
}
* HTML input.date {
	width: 69px;
}
*+HTML input.date {
	width: 69px;
}
INPUT.advanced-input {
	vertical-align: middle;
}
IMG.cal-ico {
	margin: -1px 4px 0 -20px;
	vertical-align: middle;
	cursor: pointer;
}
INPUT.small {
	width: 70px;
}
.icon-search {
	background: url(labscala/ico_search.gif) no-repeat 0 50%;
}
.input-search {
	padding-right: 23px !important;
}
TEXTAREA,
.faketextarea{
	line-height: 18px;
}

/* =advanced autocomplete
-------------------------------------------------- */

SPAN.advanced-input-fake {
	border-color: #bdc8cd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 3px #ebeaea;
	-webkit-box-shadow: inset 0 0 3px #ebeaea;
	box-shadow: inset 0 0 3px #ebeaea;
}
SPAN.advanced-input-autocomplete {
	background: #fff url(labscala/ico_search.gif) no-repeat 100% 4px;
}
SPAN.advanced-input-fake INPUT {
	float: left;
	margin: -1px 0 -1px -1px !important;
	padding: 0 3px !important;
	border: 0;
	-moz-box-shadow: 0 0 0 #fff !important;
	-webkit-box-shadow: 0 0 0 #fff !important;
	box-shadow: 0 0 0 #fff !important;
	background: transparent;
}
SPAN.advanced-input-fake INPUT:focus {
	outline: 0 !important;
}
SPAN.advanced-input-focus SPAN.advanced-input-fake {
	outline: 0 !important;
	-moz-box-shadow: 0 0 1px #52ccf4;
	-webkit-box-shadow: 0 0 1px #52ccf4;
	box-shadow: 0 0 1px #52ccf4;
}
.error SPAN.advanced-input-focus SPAN.advanced-input-fake {
	border-color: #cc7a7a;
	outline: 0;
	-moz-box-shadow: 0 0 0 1px rgba(204,122,122,0.5);
	-webkit-box-shadow: 0 0 0 1px rgba(204,122,122,0.5);
	box-shadow: 0 0 0 1px rgba(204,122,122,0.5);
}
SPAN.advanced-input-fake-warning {
	border: 1px solid #e2d787;
	background-color: #fdfcf7 !important;
}
SPAN.advanced-input-readonly SPAN.advanced-input-fake {
	background: #f7f7f7;
	border-color: #bbb #ddd #e4e4e4 #ddd;
}
SPAN.advanced-input-readonly INPUT {
	border: 0 !important;
	background: transparent !important;
}

*+HTML SPAN.advanced-input-wrap INPUT {
	height: 25px;
	line-height: 23px;
}
* HTML SPAN.advanced-input-wrap INPUT {
	height: 25px;
	line-height: 23px;
}

/* warning */

INPUT.warning {
	border: 1px solid #cec66f;
	-moz-box-shadow: 0 0 6px rgba(255,234,0,0.2);
	-webkit-box-shadow: 0 0 6px rgba(255,234,0,0.2);
	box-shadow: 0 0 6px rgba(255,234,0,0.2);
	background-color: #fffef0 !important;
}
INPUT.warning:focus {
	border-color: #b8af4f;
	-moz-box-shadow: 0 0 6px rgba(255,234,0,0.2);
	-webkit-box-shadow: 0 0 6px rgba(255,234,0,0.2);
	box-shadow: 0 0 6px rgba(255,234,0,0.2);
	background-color: #fff !important;
}
.input-warning {
	margin: 3px -3px 0 0;
	padding: 3px 5px 3px 30px;
	border: 1px solid #cec66f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fffef0 url(labscala/ico_warning.png) no-repeat 7px 5px;
}
.input-warning P {
	margin: 0 !important;
	padding: 0 !important;
	color: #222 !important;
	line-height: 16px !important;
}

/* error */

INPUT.autocomplete-error {
	border: 1px solid #eaa7a7;
	-moz-box-shadow: 0 0 6px rgba(255,51,51,0.2);
	-webkit-box-shadow: 0 0 6px rgba(255,51,51,0.2);
	box-shadow: 0 0 6px rgba(255,51,51,0.2);
	background-color: #fff8f8 !important;
}
INPUT.autocomplete-error:focus {
	border-color: #cc7a7a;
	-moz-box-shadow: 0 0 6px rgba(255,51,51,0.2);
	-webkit-box-shadow: 0 0 6px rgba(255,51,51,0.2);
	box-shadow: 0 0 6px rgba(255,51,51,0.2);
	background-color: #fff !important;
}
.input-warning-error {
	border: 1px solid #eaa7a7;
	background: #fff8f8 url(labscala/ico_warning2.png) no-repeat 8px 6px;
}

/* menu */

.input-menu {
	display: inline-block;
	height: 21px;
	padding: 0 1px 0 0;
	text-align: right;
	cursor: text;
	vertical-align: middle;
}
.input-menu A,
.input-menu SPAN.placeholder {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 1px 0 0;
	background: url(labscala/icons2.png) no-repeat 0 0;
	vertical-align: middle;
}
.input-menu A:hover {
	background-position: -21px 0;
}
.input-menu A.remove { background-position: 0 -84px; }
.input-menu A.remove:hover { background-position: -21px -84px; }
.input-menu A.lookup { background-position: 0 -126px; }
.input-menu A.lookup:hover { background-position: -21px -126px; }
.input-menu A.search { background-position: 0 -21px; }
.input-menu A.search:hover { background-position: -21px -21px; }
.input-menu A.add { background-position: 0 -105px; }
.input-menu A.add:hover { background-position: -21px -105px; }
.input-menu SPAN.placeholder {
	background: none;
}

/* hint */

.input-hint {
	position: absolute;
	margin: 0;
	padding: 1px 5px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border-color: #a9e6fa;
	background: #a9e6fa;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* other option */

P.other-text,
TABLE.form TD P.other-text {
	margin: 3px 0 0 !important;
	padding: 0;
}

/* icons */

.icon {
	width: 21px;
	height: 21px;
	background: url(labscala/icons.png) no-repeat 0 0;
	text-align: left;
	text-indent: -5000px;
	text-decoration: none;
	font-size: 1px;
	line-height: 1px;
	vertical-align: middle;
	overflow: hidden;
}
* HTML .icon {
	height: 0;
	padding: 21px 0 0;
	text-indent: 0;
}
*+HTML .icon {
	height: 0;
	padding: 21px 0 0;
	text-indent: 0;
}

.action-menu .icon-expand { background-position: 0 -441px; }
.action-menu .icon-expand:hover { background-position: -21px -441px; }

.icon-info { background-position: 0 -42px; }
.icon-search { background-position: 0 -21px; }
.icon-view { background-position: 0 -63px; }
.icon-edit { background-position: 0 -84px; }
.icon-accept { background-position: 0 -105px; }
.icon-patient { background-position: 0 -126px; }
.icon-open { background-position: 0 -147px; }
.icon-t { background-position: 0 -168px; }
.icon-a { background-position: 0 -189px; }
.icon-reject { background-position: 0 -210px; }
.icon-delete { background-position: 0 -231px; }
.icon-a-green { background-position: 0 -252px; }
.icon-c { background-position: 0 -273px; }
.icon-g { background-position: 0 -294px; }
.icon-k { background-position: 0 -315px; }
.icon-add { background-position: 0 -336px; }
.icon-check { background-position: 0 -357px; }
.icon-cal { background-position: -21px -357px; }
.icon-folder { background-position: 0 -378px; }
.icon-xml { background-position: 0 -399px; }
.icon-sum { background-position: 0 -462px; }
.icon-base { background-position: 0 -420px; }
.icon-warning { background-position: -21px -378px; }

A.icon-info:hover { background-position: -21px -42px; }
A.icon-search:hover { background-position: -21px -21px; }
A.icon-view:hover { background-position: -21px -63px; }
A.icon-edit:hover { background-position: -21px -84px; }
A.icon-accept:hover { background-position: -21px -105px; }
A.icon-patient:hover { background-position: -21px -126px; }
A.icon-open:hover { background-position: -21px -147px; }
A.icon-t:hover { background-position: -21px -168px; }
A.icon-a:hover { background-position: -21px -189px; }
A.icon-reject:hover { background-position: -21px -210px; }
A.icon-delete:hover { background-position: -21px -231px; }
A.icon-a-green:hover { background-position: -21px -252px; }
A.icon-c:hover { background-position: -21px -273px; }
A.icon-g:hover { background-position: -21px -294px; }
A.icon-k:hover { background-position: -21px -315px; }
A.icon-add:hover { background-position: -21px -336px; }
A.icon-xml:hover { background-position: -21px -399px; }
A.icon-base:hover { background-position: -21px -420px; }
A.icon-sum:hover { background-position: -21px -462px; }

.icon-status {
	width: 12px;
	height: 12px;
	background: url(labscala/ico-status.png) no-repeat;
}
table.data .icon-status {
	float: left;
	vertical-align: top;
	margin: 3px 4px 0 0;
}
.con01 .icon-status { background-position: 0 -20px; }
.con02 .icon-status { background-position: 0 -40px; }
.con03 .icon-status { background-position: 0 -60px; }
.con04 .icon-status { background-position: 0 -80px; }
.con05 .icon-status { background-position: 0 -100px; }
.con06 .icon-status { background-position: 0 -120px; }
.con07 .icon-status { background-position: 0 -140px; }
.con08 .icon-status { background-position: 0 -160px; }

.icon-status.icon-status01 { background-position: 0 -20px; }
.icon-status.icon-status02 { background-position: 0 -40px; }
.icon-status.icon-status03 { background-position: 0 -60px; }
.icon-status.icon-status04 { background-position: 0 -80px; }
.icon-status.icon-status05 { background-position: 0 -100px; }
.icon-status.icon-status06 { background-position: 0 -120px; }
.icon-status.icon-status07 { background-position: 0 -140px; }
.icon-status.icon-status08 { background-position: 0 -160px; }


.icon-add {
	width: 29px;
	height: 29px !important;
	padding: 0 !important;
	background: url(labscala/ico_add.gif) no-repeat;
}
A.icon-add:hover,
A.icon-add:focus {
	background-position: 0 -29px;
}

.icon-loglist {
	width: 21px;
	height: 21px;
	background: url(labscala/icon-loglist.png) no-repeat;
}

TABLE.data TR.filter .icon-search {
	width: 29px;
	height: 29px !important;
	padding: 0 !important;
	background: url(labscala/ico_search2.gif) no-repeat;
}
TABLE.data TR.filter .icon-search:hover,
TABLE.data TR.filter .icon-search:focus {
	background-position: 0 -29px;
}

TABLE.icons TD {
	width: 21px;
}


/* icon link */

A.icon-link {
	line-height: 21px !important;
}
A.icon-link .icon {
	margin: 0 5px 0 0;
}
A.icon-link .link + .icon {
	margin: 0 0 0 5px;
}
A.icon-link .icon-add,
.icon-select .icon-add,
.icon-select-menu .icon-add {
	width: 21px;
	height: 21px !important;
	background: url(labscala/icons.png) no-repeat 0 -336px;
}

/* =icon select
-------------------------------------------------- */
.icon-select {
	line-height: 21px !important;
}

.icon-select A,
.icon-select-menu .icon-link,
.icon-select-menu .icon-image {
	background: url(labscala/icon_select01.gif) no-repeat 100% 9px;
}
.icon-select .icon-link .icon,
.icon-select-menu .icon-link .icon {
	margin: 0 5px 0 0 !important;
}
.icon-select A:hover,
.icon-select-menu .icon-link:hover,
.icon-select-menu .icon-image:hover,
.icon-select .icon-link:hover SPAN.link,
.icon-select .icon-link:focus SPAN.link {
	background-position: 100% -27px;
}
.icon-select .icon-image,
.icon-select-menu .icon-image {
	width: 21px;
	height: 21px;
}

/* menu */

.icon-select-menu .link-tab {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.icon-select-menu UL {
	-moz-border-radius: 0 2px 3px 3px;
	-webkit-border-radius: 0 2px 3px 3px;
	border-radius: 0 2px 3px 3px;
}

/* action */

P.action {
	text-align: right;
}
#content-sidebar P.action {
	text-align: left;
}
P.action .check {
	float: left;
	margin: 5px 0 0;
}
P.action .check A,
P.action .check SPAN,
P.action .check INPUT,
P.action .check LABEL {
	vertical-align: middle;
}
P.action .check LABEL {
	margin: 0 0 0 5px;
}
P.action SPAN.confirm-name {
	display: block;
	clear: both;
	text-align: left;
	padding: 2px 0 0 16px;
}

DIV.action {
	margin-top: 1em;
	padding: 15px 14px 0;
	border: solid #ddd;
	border-width: 1px 0 0 0;
	background: url(labscala/bg_action.gif) repeat-x;
	line-height: 29px;
}
DIV.action P {
	float: left;
	margin-top: 0;
}
DIV.action BUTTON {
	padding: 0;
	margin-right: 7px;
}
DIV.action P SPAN.help {
	width: auto;
	margin: 5px 0 0 !important;
	font-size: 11px;
	color: #b2b2b2;
}
DIV.action A {
	margin: 0 10px 0 0;
}
DIV.action .secondary A {
	margin: 0 0 0 10px;
}
DIV.action BUTTON SPAN,
DIV.action3 BUTTON SPAN {
	margin: 0;
}

/* button */

BUTTON,
BUTTON SPAN {
	position: relative;
	height: 29px;
	font-size: 12px;
	line-height: 17px;
	outline: none;
}
BUTTON {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*
	-moz-box-shadow: 0 0 3px #c6eba2;
	-webkit-box-shadow: 0 0 3px #c6eba2;
	box-shadow: 0 0 3px #c6eba2;
	*/
	background: none;
	vertical-align: top;
	cursor: pointer !important;
}
BUTTON SPAN,
BUTTON STRONG {
	display: block;
	background: url(labscala/bg_button.png) no-repeat;
	cursor: pointer !important;
	color: #fff;
}
BUTTON SPAN {
	padding-right: 13px;
	background-color: #00854a;
	background-position: 100% -174px;
	white-space: nowrap;
}
BUTTON STRONG {
	padding: 6px 2px 6px 15px;
	background-position: 0 -174px;
	text-shadow: 1px 1px 0 #419f42;
}
BUTTON:hover,
BUTTON:focus {
	-moz-box-shadow: 0 0 3px #66cc00;
	-webkit-box-shadow: 0 0 3px #66cc00;
	box-shadow: 0 0 3px #66cc00;
}
BUTTON:hover SPAN,
BUTTON:focus SPAN {
	background-position: 100% -203px;
}
BUTTON:hover STRONG,
BUTTON:focus STRONG {
	background-position: 0 -203px;
}
BUTTON:active {
	-moz-box-shadow: 0 0 3px #66cc00;
	-webkit-box-shadow: 0 0 3px #66cc00;
	box-shadow: 0 0 3px #66cc00;
}
BUTTON:active SPAN {
	background-position: 100% -232px;
}
BUTTON:active STRONG {
	background-position: 0 -232px;
}
BUTTON::-moz-focus-inner {
	padding: 0;
	border: none;
}

BUTTON.alt {
	/*
	-moz-box-shadow: 0 0 3px #b1dfef;
	-webkit-box-shadow: 0 0 3px #b1dfef;
	box-shadow: 0 0 3px #b1dfef;
	*/
}
BUTTON.alt STRONG,
BUTTON.alt STRONG {
	background-position: 0 -87px;
	text-shadow: 1px 1px 0 #308bb2;
}
BUTTON.alt SPAN {
	background-position: 100% -87px;
	background-color: #2c8ac5;
}
BUTTON.alt:hover,
BUTTON.alt:focus {
	-moz-box-shadow: 0 0 3px #00a2d8;
	-webkit-box-shadow: 0 0 3px #00a2d8;
	box-shadow: 0 0 3px #00a2d8;
}
BUTTON.alt:hover SPAN,
BUTTON.alt:focus SPAN {
	background-position: 100% -116px;
}
BUTTON.alt:hover STRONG,
BUTTON.alt:focus STRONG {
	background-position: 0 -116px;
}
BUTTON.alt:active {
	-moz-box-shadow: 0 0 3px #00a2d8;
	-webkit-box-shadow: 0 0 3px #00a2d8;
	box-shadow: 0 0 3px #00a2d8;
}
BUTTON.alt:active SPAN {
	background-position: 100% -145px;
}
BUTTON.alt:active STRONG {
	background-position: 0 -145px;
}
BUTTON.add,
BUTTON.add:hover,
BUTTON.add:focus,
BUTTON.add:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
BUTTON.add STRONG {
	padding: 5px 0 7px 33px;
	background-position: 0 0;
	text-shadow: 1px 1px 0 #f1f8fd;
	color: #069;
}
BUTTON.add SPAN {
	background-color: #00854a;
	background-position: 100% 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
BUTTON.add:hover SPAN,
BUTTON.add:focus SPAN {
	background-position: 100% -29px;
}
BUTTON.add:hover STRONG,
BUTTON.add:focus STRONG {
	background-position: 0 -29px;
}
BUTTON.add:active SPAN {
	background-position: 100% -58px;
}
BUTTON.add:active STRONG {
	background-position: 0 -58px;
}
.safari-button-fix SPAN {
	margin: -1px -3px 0 !important;
}

/* =action
-------------------------------------------------- */
a.button,
INPUT.button,
BUTTON.aranea-button {
	height: auto;
	margin: 0;
	padding: 1px 8px;
	border: 1px solid;
	border-color: #1c9bc6 #0f80b3 #0265a0 #0f80b3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #3398cc;
	background-image: -moz-linear-gradient(#3aa9d4, #2880c0);
	background-image: -o-linear-gradient(#3aa9d4, #2880c0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3aa9d4), to(#2880c0));
	background-image: -webkit-linear-gradient(#3aa9d4, #2880c0);
	background-image: linear-gradient(#3aa9d4, #2880c0);
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-shadow: 1px 1px 0 #308bb2;
}

DIV.action INPUT.button,
DIV.action BUTTON.aranea-button {
	margin: 0;
	padding: 3px 10px;
	vertical-align: middle;
}
DIV.action BUTTON.aranea-button {
	padding: 4px 10px;
}
INPUT.button:hover,
INPUT.button:focus,
BUTTON.aranea-button:hover,
BUTTON.aranea-button:focus {
	border-color: #1c9bc6 #168ebd #0265a0 #168ebd;
	background: #43b6da;
	background-image: -moz-linear-gradient(#5ec6e6, #2886bb);
	background-image: -o-linear-gradient(#5ec6e6, #2886bb);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5ec6e6), to(#2886bb));
	background-image: -webkit-linear-gradient(#5ec6e6, #2886bb);
	background-image: linear-gradient(#5ec6e6, #2886bb);
	-moz-box-shadow: 0 0 3px #00a2d8;
	-webkit-box-shadow: 0 0 3px #00a2d8;
	box-shadow: 0 0 3px #00a2d8;
	text-decoration: none !important;
}
INPUT.button:active,
BUTTON.aranea-button:active {
	border-color: #0264a0;
	background: #0264a0;
	background-image: -moz-linear-gradient(#0264a0, #1c9ac5);
	background-image: -o-linear-gradient(#0264a0, #1c9ac5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0264a0), to(#1c9ac5));
	background-image: -webkit-linear-gradient(#0264a0, #1c9ac5);
	background-image: linear-gradient(#0264a0, #1c9ac5);
	-moz-box-shadow: 0 0 3px #00a2d8;
	-webkit-box-shadow: 0 0 3px #00a2d8;
	box-shadow: 0 0 3px #00a2d8;
	text-decoration: none !important;
}

/* =multiselect
-------------------------------------------------- */

.ui-multiselect {
	height: 25px;
	padding: 3px;
	border: 1px solid #bdc8cd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 3px #ebeaea;
	-webkit-box-shadow: inset 0 0 3px #ebeaea;
	box-shadow: inset 0 0 3px #ebeaea;
}
.ui-multiselect:hover,
.ui-multiselect:focus,
.ui-multiselect.ui-state-active {
	border: 1px solid #bdc8cd;
	-moz-box-shadow: 0 0 3px #00a2d8;
	-webkit-box-shadow: 0 0 3px #00a2d8;
	box-shadow: 0 0 3px #00a2d8;
}
.ui-multiselect.ui-state-active {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.ui-multiselect span {
	background: none;
	width: 80%;
	height: auto;
	margin: 0 3px;
	padding: 0;
	color: #000;
}
.ui-multiselect-header {
	background: #f8f8f8;
}
.ui-multiselect-checkboxes {
	background: #fff;
}

/* =tooltip
-------------------------------------------------- */
#tooltip LABEL {
	font-weight: 100;
	vertical-align: top;
}

/* =datepicker
-------------------------------------------------- */
.datepick {
	background-color: #fff;
	color: #000;
	border: 1px solid #bdc8cd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.datepick-disable {
	background-color: #fff;
}
.datepick A {
	color: #fff;
}
.datepick A.datepick-disabled {
	color: #888;
}
.datepick button {
	background-color: #fcc;
}
.datepick-nav,
.datepick-ctrl {
	border-bottom: none;
	background: #fff;
	color: #369;
}
.datepick-nav A {
	color: #369;
}
.datepick-ctrl,
.datepick-cmd,
.datepick-cmd:hover {
	border: none;
	background-color: #fff;
}
.datepick-ctrl .datepick-cmd {
	color: #3b5e82;
}
.datepick-ctrl .datepick-cmd:hover,
.datepick-cmd-clear,
.datepick-cmd-close {
	background: #fff;
}
.datepick-cmd-today:hover {
	color: #369;
}
.datepick-month-row {
	border-top: 1px solid #fff;
}
.datepick-month-header {
	border: none;
	background: #fff;
}
.datepick-month-header SELECT,
.datepick-month-header INPUT {
	border: 1px solid;
	border-color: #bdc8cd;
	-moz-box-shadow: inset 0 0 3px #ebeaea;
	-webkit-box-shadow: inset 0 0 3px #ebeaea;
	box-shadow: inset 0 0 3px #ebeaea;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.datepick-month THEAD {
	border: none;
}
.datepick-month TH {
	border: none;
	background: #2996cc;
	color: #fff;
}
.datepick-month TH,
.datepick-month TH A {
	background: #2996cc;
	color: #fff;
}
.datepick-month TD {
	background-color: #fff;
	border: 1px solid #e6e6e6;
}
.datepick-month TD.datepick-week {
	border: 1px solid #c6d5e4;
}
.datepick-month TD.datepick-week * {
	background-color: #fff;
	color: #369;
}
.datepick-month TD.datepick-week A.datepick-highlight,
.datepick-month TD.datepick-week SPAN.datepick-highlight {
	background: #cbd8e6;
}
.datepick-month A {
	color: #666;
}
.datepick-month TD SPAN {
	color: #888;
}
.datepick-month TD .datepick-other-month {
	background-color: #fff;
}
.datepick-month TD .datepick-weekend {
	background-color: #fbf1f1;
}
.datepick-month TD .datepick-today {
	background: #2996cc !important;
	color: #fff;
}
.datepick-month TD .datepick-highlight {
	background-color: #f1f4f8;
}
.datepick-month TD .datepick-selected {
	background-color: #777;
	color: #fff;
}
.datepick-month TH.datepick-week {
	background: #2996cc;
	color: #fff;
}
.datepick-status {
	background-color: #ddd;
}
.datepick A.dateExample2 {
	background: #e2ffcc;
}

/* =autocomplete
-------------------------------------------------- */
INPUT.ac_input {
	width: 175px;
	padding-right: 25px;
	background: #fff url(labscala/ico_search.gif) no-repeat 100% 4px;
	/*background: #fff;*/
}
*+HTML INPUT.ac_input {
	width: 152px;
}
* HTML INPUT.ac_input {
	height: 18px;
	margin-left: -1px;
	margin-top: -1px;
	width: 152px;
}
.ac_results LI {
	display: block;
	padding: 4px 5px;
}
.ac_results .ac_odd {
	background: #eee;
}
.ac_results LI EM {
	margin-left: 5px;
	font-style: normal;
	font-weight: bold;
}

/* =modal popup
-------------------------------------------------- */
#modalwrap {
	padding: 0;
	background: none;
}
DIV.modalpopup {
	padding: 20px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	background: #fff;
}
DIV.modalpopup-header {
	padding: 0 0 6px;
	border-bottom: 1px solid #DDDDDD;
	background: none;
}
DIV.modalpopup-header H1 {
	margin: 7px 0 0;
	padding: 0;
	background: none;
	color: #000 !important;
	font-size: 20px !important;
	font-weight: bold;
}
DIV.modalpopup-header P.close,
DIV.modalpopup-header P.close A {
	width: auto;
	height: auto;
	color: #069;
	line-height: 18px;
	text-indent: 0;
}
DIV.modalpopup-header P.close A {
	padding: 0 0 0 14px;
	background: url(labscala/bg_close_modal.gif) no-repeat 0 5px;
}
DIV.modalpopup-header P.close A:hover {
	color: #333;
	background-position: 0 -56px;
}
DIV.modalpopup-content {
	padding: 10px 0;
}
DIV.modalpopup-content-inner {
	padding: 0;
}
DIV.modalpopup-footer {
	margin: 0 !important;
	background: url(labscala/bg_action.gif) repeat-x;
	border: solid #ddd;
	border-width: 1px 0 0;
	line-height: 29px;
	margin-top: 1em;
	padding: 10px 15px 0;
}
DIV.modalpopup-footer INPUT.button {
	padding: 3px 10px;
}

/* dialog */

DIV.modaldialog {
	padding: 20px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
DIV.modaldialog P.action {
	background: url(labscala/bg_action.gif) repeat-x;
	border: solid #ddd;
	border-width: 1px 0 0;
	line-height: 29px;
	margin-top: 1em;
	padding: 10px 15px 0;
}
DIV.modaldialog P.action INPUT.button {
	padding: 3px 10px;
}

/* =grid
-------------------------------------------------- */

.grid-50-50 .col1,
.grid-50-50 .col2 {
	float: left;
	width: 470px;
}
.grid-50-50 .col1 {
	margin: 0 20px 0 0;
}

/* =emotion
-------------------------------------------------- */

.dashboard-information {
	padding-right: 500px !important;
	background: url(labscala/emotion01b.jpg) no-repeat 100% 0;
}
.dashboard-information P {
	margin-left: 10px;
}
.emotion02 {
	background: url(labscala/emotion02.jpg) no-repeat 100% 100%;
}

/* =footer
-------------------------------------------------- */
#footer {
	width: 100%;
	margin: -50px 0 0;
	padding: 0;
	border-top: 1px solid #f0f0f0;
	background: #f8f8f8;
	color: #999 !important;
}
#footer P,
#footer A {
	color: #999 !important;
	font-size: 11px;
}
#footer SPAN {
	margin: 0 2px;
	color: #ddd !important;
}
#footer P {
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #fff;
	background: none;
	text-align: center;
}

/* =WM proto
-------------------------------------------------- */
.wmprt-addnew {
	font-style: italic;
}

.custom-error {
  background-color: #FFEEEE;
  -moz-border-radius: 2px 2px 2px 2px;
  border: 1px solid #F05548;
  color: #CA1212;
  line-height: normal;
  margin: 1em 0 0;
  padding: 10px 20px 10px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

div.message h2 {
  font-size: 14px;
  font-weight: bold;
}

div.list ul li {
  white-space: nowrap;
}

#infobar {
  background: #F8F8F8 !important;
}

#infobar .name {
  margin-bottom: 5px !important;
}

#infobar-inner .meta {
  margin-bottom: 5px !important;
}

#infobar-menu {;
  border: 0;
  margin-top: 0px;
  background: #f8f8f8 url(labscala/bg_infobar.gif) repeat-x 0 100%;
  line-height: normal;
}

#infobar-menu P {
  float: left;
  margin-top: 0;
  padding-left: 20px;
  color: #666;
  font-weight: bold;
}

#infobar-menu SPAN {
  display: block;
  margin-bottom: 3px;
  color: #999;
  font-weight: normal;
}

#infobar-menu .name {
  width: 630px;
  margin: 10px 0 15px;
  padding-left: 0;
  color: #36424a;
  font-size: 20px;
  font-weight: normal;
}

#infobar-inner .back {
  display: block;
  font-size: 11px;
  font-weight: 100;
  color: #006699;
  margin: 0 0 0 -15px;
  padding: 0 0 0 15px;
  background:
    url('data:image/gif;base64,R0lGODlhBQAHALMAAM7m8ZzN5ny+39Po8pfL5erz9zCZzpXK5Fmt1ymWzP///wAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAAFAAcAAAQTUEkV5EBJHZOS6F2xdRKATQoRAQA7')
    no-repeat scroll 5px 4px transparent;
}

#infobar-inner .clear {
  margin-top: 5px !important;
}

#infobar-inner .back:hover {
  background-position: 5px -39px;
  color: #333333;
}

#infobar-menu A {
  cursor: pointer;
}

#infobar-menu .infobar-tabs {
  margin: 0;
  height: 38px;
  overflow: hidden;
}

#infobar-menu .infobar-tabs A,#infobar-menu .infobar-tabs LI,#infobar-menu .infobar-tabs SPAN
  {
  float: left;
}

#infobar-menu .infobar-tabs LI {
  margin: 2px 2px 4px 0;
  padding: 0;
  min-height: 1px;
  background: none;
}

#infobar-menu .infobar-tabs A {
  margin: 3px 0 0;
  border: solid #d7d7d7;
  border-width: 1px 1px 0 1px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background: #e7e7e7;
  color: #222;
  line-height: 28px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

#infobar-menu .infobar-tabs A:hover {
  border-color: #cfcfcf;
  background: #f5f5f5;
  text-decoration: none;
}

#infobar-menu .infobar-tabs SPAN {
  margin: 0;
  padding: 0 8px;
  color: #666;
}

#infobar-menu .infobar-tabs LI.active {
  margin: 2px 2px 0 0;
}

#infobar-menu .infobar-tabs LI.active A,#infobar-menu .infobar-tabs LI.active A:hover
  {
  margin: 0;
  padding: 0 0 0;
  background: #fff;
  border: solid #cfcfcf;
  border-width: 1px 1px 0 1px;
  -moz-box-shadow: -2px -1px 1px rgba(0, 0, 0, 0.05), 2px -1px 1px
    rgba(0, 0, 0, 0.05), 1px 0 1px -1px rgba(0, 0, 0, 0.2), -1px 0 1px
    -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px -1px 1px rgba(0, 0, 0, 0.05), 2px -1px 1px
    rgba(0, 0, 0, 0.05), 1px 0 1px -1px rgba(0, 0, 0, 0.2), -1px 0 1px
    -1px rgba(0, 0, 0, 0.2);
  box-shadow: -2px -1px 1px rgba(0, 0, 0, 0.03), 2px -1px 1px
    rgba(0, 0, 0, 0.03), 1px 0 1px -1px rgba(0, 0, 0, 0.1), -1px 0 1px
    -1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 0 0;
  font-weight: bold;
}

#infobar-menu .infobar-tabs LI.active A SPAN {
  padding: 3px 8px 4px;
  color: #222;
  font-weight: bold;
}

/*
	inline text blocks with background
	and hover
	!important rule is not used
*/
.legend td span.condition {
	height: auto;
	width: auto;
}
span.condition,
.legend td span.condition {
	display: inline-block;
	padding: 0 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-weight: 100;
	line-height: 18px;
	vertical-align: top;
	margin: 0 0 3px 3px;
	min-height: 20px;
	min-width: 24px;
	text-align: center;
}

span.condition00,
.legend td span.condition00 {
	border: 1px solid #ddd;
	background: #fff;
}
span.condition01,
.legend td span.condition01  {
	border: 1px solid #feb4ac;
	background: #ffd7d3;
}
span.condition02,
.legend td span.condition02 {
	border: 1px solid #ffa826;
	background: #ff9900;
}
span.condition03,
.legend td span.condition03 {
	border: 1px solid #fbf675;
	background: #fefbab;
}
span.condition04,
.legend td span.condition04 {
	border: 1px solid #abfcab;
	background: #d4ffd4;
}
span.condition05,
.legend td span.condition05 {
	border: 1px solid #8ac1f9;
	background: #add3fa;
}
span.condition06,
.legend td span.condition06 {
	border: 1px solid #797979;
	background: #999;
}
span.condition07,
.legend td span.condition07 {
	border: 1px solid #fb7575;
	background: #fe9292;
}
span.condition08,
.legend td span.condition08 {
	border: 1px solid #e88c02;
	background: #ff9900;
}
span.condition09,
.legend td span.condition09 {
	border: 1px solid #b4fdb4;
	background: #d4ffd4;
}
span.condition10,
.legend td span.condition10 {
	border: 1px solid #fcf88c;
	background: #fefbab;
}
span.condition11,
.legend td span.condition11 {
	border: 1px solid #d39cf2;
	background: #dfbaf4;
}
span.condition12,
.legend td span.condition12 {
	border: 1px solid #e6c79f;
	background: #e7dac9;
}

.ico-tip-a {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 3px 3px;
}
.ico-tip-a span.condition {
	margin: 0;
}
.ico-tip-a:hover span.condition00  {
	border-color: #888;
}
.ico-tip-a:hover span.condition01  {
	border-color: #ae0e00;
}
.ico-tip-a:hover span.condition02  {
	border-color: #ae6901;
}
.ico-tip-a:hover span.condition03  {
	border-color: #cbbf03;
}
.ico-tip-a:hover span.condition04  {
	border-color: #00b800;
}
.ico-tip-a:hover span.condition05  {
	border-color: #003399;
}
.ico-tip-a:hover span.condition06  {
	border-color: #333;
}
.ico-tip-a:hover span.condition07  {
	border-color: #ca0202;
}
.ico-tip-a:hover span.condition08  {
	border-color: #a26201;
}
.ico-tip-a:hover span.condition09  {
	border-color: #00b800;
}
.ico-tip-a:hover span.condition10  {
	border-color: #d6c901;
}
.ico-tip-a:hover span.condition11  {
	border-color: #bd64f0;
}
.ico-tip-a:hover span.condition12  {
	border-color: #c19b6c;
}

/* =colapse/expand row   
-------------------------------------------------- */   
.compressed-width {   
    width: 1%;   
    white-space: nowrap;   
}   
.btn-expand-collapse {   
    background: none;   
    padding: 0;   
    height: auto;   
    line-height: 18px;   
    border: 0;   
    border-radius: 0;   
}   
.btn-expand-collapse:hover,   
.btn-expand-collapse:focus {   
    background: none;   
    box-shadow: none;   
}   
.btn-expand-collapse span {   
    height: auto;   
}   
.btn-expand-collapse:before {   
    font-size: 15px;   
    margin: 0 3px !important;   
    line-height: 20px !important;   
    color: #0098cc;   
}   
table.data tr.active-row td {   
    background: #f8f8f8;   
}   
table.data tr.expanded-content > td {   
    padding: 16px 34px 20px 34px;   
    background: #f8f8f8;   
}   
table.data .expanded-content > td > table, 
table.data .expanded-content > td > div > table {   
    margin-top: 0;   
    border: 0 !important;   
}   
table.data .expanded-content > td > table th,   
table.data .expanded-content > td > table td,
table.data .expanded-content > td > div > table th,   
table.data .expanded-content > td > div > table td
 {   
    border-top: 0 !important;   
    border-left: 0 !important;   
    border-right: 0 !important;   
}   
table.data .expanded-content > td > table th, 
table.data .expanded-content > td > div > table th  {   
    background: none;   
    border-bottom-color: #dedede;   
    border-bottom-width: 2px !important;   
    color: #666 !important;   
    padding-top: 0;   
}   
table.data .expanded-content .pager {   
    background: none;   
    border: none;   
    border-radius: 0;   
    padding-top: 0;   
    padding-bottom: 0;   
    margin-top: 6px;   
}   
table.data .expanded-content .new td {   
    font-weight: bold;   
}   
  

/* =Screen reader   
-------------------------------------------------- */   
.sr-only {   
    position: absolute;   
    width: 1px;   
    height: 1px;   
    margin: -1px;   
    padding: 0;   
    overflow: hidden;   
    clip: rect(0,0,0,0);   
    border: 0;   
}   
    
/* =Fonts   
-------------------------------------------------- */   
@font-face {   
    font-family: 'fontello';   
    src: url('labscala/fonts/fontello.eot?51003541');   
    src: url('labscala/fonts/fontello.eot?51003541#iefix') format('embedded-opentype'),   
    url('labscala/fonts/fontello.woff?51003541') format('woff'),   
    url('labscala/fonts/fontello.ttf?51003541') format('truetype'),   
    url('labscala/fonts/fontello.svg?51003541#fontello') format('svg');   
    font-weight: normal;   
    font-style: normal;   
}   
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */   
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */   
/*   
@media screen and (-webkit-min-device-pixel-ratio:0) {   
  @font-face {   
    font-family: 'fontello';   
    src: url('labscala/fonts/fontello.svg?51003541#fontello') format('svg');   
  }   
}   
*/   
    
[class^="icon-"]:before, [class*=" icon-"]:before {   
    font-family: "fontello";   
    font-style: normal;   
    font-weight: normal;   
    speak: none;   
    
    display: inline-block;   
    text-decoration: inherit;   
    width: 1em;   
    margin-right: .2em;   
    text-align: center;   
    /* opacity: .8; */   
    
    /* For safety - reset parent styles, that can break glyph codes*/   
    font-variant: normal;   
    text-transform: none;   
    
    /* fix buttons height, for twitter bootstrap */   
    line-height: 1em;   
    
    /* Animation center compensation - margins should be symmetric */   
    /* remove if not needed */   
    margin-left: .2em;   
    
    /* you can be more comfortable with increased icons size */   
    /* font-size: 120%; */   
    
    /* Font smoothing. That was taken from TWBS */   
    -webkit-font-smoothing: antialiased;   
    -moz-osx-font-smoothing: grayscale;   
    
    /* Uncomment for 3D effect */   
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */   
}   
    
.icon-right-dir:before { content: '\e800'; } /* '?' */   
.icon-left-dir:before { content: '\e801'; } /* '?' */   
.icon-down-dir:before { content: '\e802'; } /* '?' */   
.icon-up-dir:before { content: '\e803'; } /* '?' */   
.icon-down-dir-1:before { content: '\e804'; } /* '?' */   
.icon-right-dir-1:before { content: '\e805'; } /* '?' */