/* 
ADVANCED PROTECTION WARRANTIES DATABASE PROJECT SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
 
Site-wide Colors: very light grey: #ededed; light grey: #999999; dark grey: #191919;

The document is split into numerous style sections:
 
/// SS01: Override styles - styles that override base xhtml elements.
/// SS02: Unique Styles - styles for unique ID objects
/// SS03: Anchor & Link Styles - styles that redesign links, anchors etc.
/// SS04: Paragraph & list Styles - styles that redesign paragraphs, lists etc.
/// SS05: Form Styles - styles that redesign form elements: inputs etc.
 
////////////////////////////////////////////////////////////////////////////////////
*/

/* 
SS01: OVERRIDE STYLES
///////////////////////////////////////////
*/

body, html
{ color:#191919; margin:0px; padding:0px; font-family: 'PT Sans', arial, serif; font-size:12px; height:100%; width:100%;}

h1, h2, p, ul, ul li, table, tr, td, th
{margin:0px; padding:0px;}

img
{border:none;}

a 
{text-decoration:none;}

.clear
{clear:both;}

@font-face {
	font-family:"Neuropol"; 
	src: url('/fonts/NEUROPOL.eot'); /* IE */  
	src: local('Neuropol'), url('/fonts/NEUROPOL.ttf') format("truetype"); /* non-IE */  
	}

/* 
SS02: UNIQUE STYLES
///////////////////////////////////////////
*/

#main {
	position:relative;
	width:100%; 
	margin:0 auto; 
	min-height:100%; 
	background:url(../images/top_grey_rail.gif) repeat-x top left;
	}

	* html #main
	{height:100%;}

#header {
	height:140px;
	width:865px;
	position:relative;
	z-index:201;
	margin-left:auto;
	margin-right:auto;
	}

	.SiteLogo {
		position:absolute;
		top:37px;
		left:18px;
		z-index:200;
		}
	
	.loginSelect {
		float:right;
		margin:76px 21px 0px 0px;
		z-index:300;
		background:#202020;
		height:35px;
		width:238px;
		border-radius:5px; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/
		position:relative;
		}
	
	#header_login {
		float:right;
		margin-right:24px;
		margin-top:90px;
		text-transform:uppercase;
		font-weight:normal;
		letter-spacing:0;
		color:#f0efef;
		}

#content {
	padding-bottom:78px;
	margin-left:auto;
	margin-right:auto;
	width:865px
	}
	
	#content_inner {
		background:url(../images/content_rail.gif) repeat-y top left;
		}
	
		#one_column {
			float:left;
			width:865px;
			min-height:250px;
			}
		
			#one_column_top {
				width:865px;
				height:52px;
					background: rgb(153,153,153); /* Old browsers */
					background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 72%, rgba(107,107,107,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(72%,rgba(153,153,153,1)), color-stop(100%,rgba(107,107,107,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 72%,rgba(107,107,107,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 72%,rgba(107,107,107,1) 100%); /* Opera11.10+ */
					background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 72%,rgba(107,107,107,1) 100%); /* IE10+ */
					background: linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 72%,rgba(107,107,107,1) 100%); /* W3C */
					-pie-background: linear-gradient(top, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 72%,rgba(107,107,107,1) 100%);
				behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/
				position:relative;
				}
			
			#one_column_middle {
				width:865px; 
				background:url(../images/content_rail.gif) repeat-y top left;
				}
			
				#padding_left, #padding_right
				{float:left;}
				
				#padding_left
				{width:186px;}
				
				#padding_right
				{width:647px; padding:12px 16px 37px 16px;}

#footer {
	width:861px;
	margin-top:-78px;
	margin-left:auto;
	margin-right:auto;
	background:none;
	color:#fff;
	height:78px;
	clear:both;
	position:relative;
	}

	#footer_top {
		width:861px;
		background:none;
		border-top:1px solid #fff;
		margin-top:17px;
		}
	
		#footer_padding
		{padding:20px 25px 20px 25px;}

			#footer_left
			{float:left; line-height:33px;}
			
			.footer_right
			{float:right; margin-left:7px; line-height:33px;}
			
/* 
SS03: ANCHOR & LINK STYLES
///////////////////////////////////////////
*/

.nav_section
{font-family:Neuropol, Verdana, sans-serif; text-transform:uppercase; padding:19px 37px; color:#686868;}

	.nav_heading
	{font-size:16px;}
	
	.nav_active
	{border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; background:#ededed; color:#323232;}

#footer a, #footer a:link, #footer a:visited
{color:#fff;}

#footer  a:hover
{color:#85898b;}

#footer a:active
{color:#fff;}

/* 
SS04: PARAGRAPH AND LIST STYLES
///////////////////////////////////////////
*/

h1, h2 {
	font-family:Neuropol, Verdana, sans-serif; font-weight:normal;
}

.form h1 {
	font-family: 'PT Sans', 'Segoe UI', 'Lucida Grande', 'Helvetica', sans-serif;
	font-size: 28px;
}

h1.login_level
{text-transform:uppercase; float:left; width:200px;}

h2 {
	font-family: 'PT Sans', 'Segoe UI', 'Lucida Grande', 'Helvetica', sans-serif; 
	font-weight:bold; 
	color:#686868; 
	font-size:22px; 
	margin-bottom:20px;
	text-shadow: 0px 1px 0px white;
	padding-bottom: 3px;
	margin-bottom: 30px;
	border-bottom: 1px solid #BDBDBD;
}

.viewList {
	width:155px;
}
	.viewList ul {
		list-style-type:none;
	}
	
		.viewList ul li {
			margin-bottom:2px;
			font-size:13px;
			font-weight:bold;
			padding:2px 4px;
		}
		
		.viewList ul li:hover {
			background-color:#f8f8f8;
		}
		
			.viewList ul li a {
				color:#000;
				width: 100%;
				display: block;
			}
			
			
a.change_login {
	position: absolute;
	width: 21px;
	height: 24px;
	display: inline-block;
	background-image: url(../images/login_select.gif);
	right: 8px;
	top: 5px;
}

div.login_header
{float:right; width:700px; padding:18px 25px; color:#000;text-shadow: #696969 1px 1px;}

span.username, span.usertype, a.logout, span.date, span.bullet, span.userghost, span.userghost span
{display:block; float:right;}

/*div.login_header span.username {
	text-shadow: none;
	color: white;
}

div.login_header span.username.blink {
background-color: yellow;
text-decoration: blink;
color: black;
text-shadow: none;
}*/

.userghost {
	color: #333;
	
}

span.breadcrumbs {
	float: left;
}

span.usertype
{color:#434343; }

a.logout
{text-decoration:underline; color:#000;}

a {
	color: #667E96;
	-webkit-transition: 0.1s ease-out;
		 -moz-transition: 0.1s ease-out;
		 	 -o-transition: 0.1s ease-out;
					transition: 0.1s ease-out;	
}

.breadcrumbs a {
	color: #323E4A;
}

a:hover {
	color: #4E647A;
}

span.bullet
{background:url(../images/bullet.gif) no-repeat 8px 6px; width:20px;}

div.step-fs {
	background-color: #f2f2f2;
	border:1px solid #242424; 
	padding: 0px 0px 10px;
	box-shadow: inset 0px 1px 0px 1px rgba(255,255,255,0.5), inset 0px -10px 0px #d4d4d4;
	border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	margin-bottom: 10px;
	display:block;
	position:relative;
}

div.step-fs .legend {
	display:block;
	padding:10px 8px; 
	font-weight:normal; 
	text-align:left;
	border-top:1px solid #B2B2B2; 
	border-bottom:1px solid #242424;
	border-left:1px solid #666666;
	border-right:1px solid #343434;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
	background: rgb(106,106,106); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(106,106,106,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,106,106,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
	font-weight:normal; 
	text-align:left;
	font-size: 14px;
	color:#fff; 
	border-top-left-radius:5px; 
	-moz-border-top-left-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	border-top-right-radius:5px; 
	-moz-border-top-right-radius:5px; 
	-webkit-border-top-right-radius:5px; 
}

div.step-fs .inner {
	padding: 15px 40px;
}

.step-fs label {
	width: 200px;
	font-size: 14px;
}

.step-fs fieldset {
	border: 1px inset #FFFFFf;
}

.step-fs legend {
	font-size: 18px;
	font-weight:Bold;
}

.step-fs div.input {
	margin: 1px 0px;
}

.step-fs input[type="text"], .step-fs input[type="password"], .step-fs select, .step-fs textarea {
	color: #444;
	border: 1px solid#CCC;
	padding: 5px 10px;
	box-shadow: 0px 1px 0px white;
	-moz-box-shadow: 0px 1px 0px white;
	-webkit-box-shadow: 0px 1px 0px white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	margin: 5px 10px;
	width: 200px;
}

.step-fs input[type="text"]:focus, .step-fs input[type="password"]:focus, .step-fs textarea:focus {
	box-shadow: 0px 0px 25px rgba(255,255,200,1);	
}

.step-fs input[required="1"]:focus, .step-fs select[required="1"]:focus, .step-fs textarea[required="1"]:focus,
.step-fs input[required="1"].required, .step-fs select[required="1"].required, .step-fs textarea[required="1"].required {
	box-shadow: 0px 0px 20px rgba(250,41,41,1);
}

.step-fs .date select {
	width: 80px;	
}

.user-status {
	font-size: 18px;
	margin-top: -10px;
	margin-bottom: 20px;
}


table {
	text-align:left; 
	border-spacing:0px; 
	border:1px solid #242424; 
	border-collapse: separate;
	border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/
	position:relative;
	background-color: #D4D4D4;
	padding-bottom: 10px;
	z-index:50;
}

table, .formlyWrapper-Base {
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1);
}

.index > table {
	width: 645px;
}
	
	tr:first-child {
		background: rgb(106,106,106); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(106,106,106,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,106,106,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(106,106,106,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
	}
	
	#login_left, #login_right {
		background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(39,39,39,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,67,67,1)), color-stop(100%,rgba(39,39,39,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(39,39,39,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(39,39,39,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(39,39,39,1) 100%); /* IE10+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#272727',GradientType=0 ); IE6-9 */
		background: linear-gradient(top, rgba(67,67,67,1) 0%,rgba(39,39,39,1) 100%); /* W3C */
		-pie-background:linear-gradient(top, rgba(67,67,67,1) 0%,rgba(39,39,39,1) 100%);
	}
		
	th {
		padding:10px 8px; 
		font-weight:normal; 
		text-align:left;
		border-top:1px solid #B2B2B2; 
		border-bottom:1px solid #242424;
		border-left:1px solid #666666;
		border-right:1px solid #343434;
		position:relative;
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
	}
	
	th:hover {
		background: rgb(142,142,142); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
	}
	
	td.warning {
		background-image: url(../images/warning-level.png);
		text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	}
	
	td.critical {
		background-image: url(../images/critical-level.png);
		color: white;
		text-shadow: 0px -2px 0px rgba(0,0,0,1);
	}
	
	td.warning, td.critical {
		border:none;
		background-repeat: repeat;
		box-shadow: inset 0px 4px 25px rgba(0,0,0,0.6);
		font-weight: bold;
		font-size: 18px;
	}
	
	th, th > a {
		font-size: 14px;
		text-align:center; 
		color:#fff; 
	}
		
		th:first-child {
			border-top-left-radius:6px; 
			-moz-border-top-left-radius:6px; 
			-webkit-border-top-left-radius:6px; 
		}
		
		th:last-child {
			border-top-right-radius:6px; 
			-moz-border-top-right-radius:6px; 
			-webkit-border-top-right-radius:6px; 
		}
		
		td {
			border-bottom: 1px solid #C7C7C7;
			background-color: #F3F3F3;
			text-align:center;
		}
		
		td:first-child, td:last-child {
			background-color: #E4E4E4;
		}
		
		tr:not(:nth-child(2)) > td {
			border-top: 1px solid #FCFCFC;
		}
		
		tr:not(:nth-child(1)) > td {
			border-top: 1px solid #FCFCFC;
		}
		
		td:not(:last-child) {
			border-right: 1px solid #707070;
		}
		
		tr td
		{padding:6px 10px;/* border-bottom:1px solid #c7c7c7; border-top:1px solid #fff;*/}
		
		thead.custom tr td
		{padding:8px 12px;/* border-bottom:1px solid #c7c7c7; border-top:1px solid #fff;*/}
		
		tbody.custom tr td
		{padding:0px !important;/* border-bottom:1px solid #c7c7c7; border-top:1px solid #fff;*/}
		
		.altcol1
		{background:#e4e4e4; text-align:center;}
		
		.altcol2
		{border-left:1px solid #707070; border-right:1px solid #707070; padding:8px 50px 8px 30px;}
		
		.tfoot
		{border-top:1px solid #c7c7c7;
		border-radius: 0px 0px 4px 4px;
		-moz-border-radius: 0px 0px 4px 4px;
		-webkit-border-radius:0px 0px 4px 4px;
		behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/ 
		position:relative;}
			
/* 
SS05: FORM STYLES
///////////////////////////////////////////
*/

/* 5.1 Button Styles */

 .loginBtn {
	background: rgb(61,61,61); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(73,73,73,1) 50%, rgba(55,55,55,1) 51%, rgba(62,62,62,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,1)), color-stop(50%,rgba(73,73,73,1)), color-stop(51%,rgba(55,55,55,1)), color-stop(100%,rgba(62,62,62,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(61,61,61,1) 0%,rgba(73,73,73,1) 50%,rgba(55,55,55,1) 51%,rgba(62,62,62,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(61,61,61,1) 0%,rgba(73,73,73,1) 50%,rgba(55,55,55,1) 51%,rgba(62,62,62,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(61,61,61,1) 0%,rgba(73,73,73,1) 50%,rgba(55,55,55,1) 51%,rgba(62,62,62,1) 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#3e3e3e',GradientType=0 ); IE6-9 */
	background: linear-gradient(top, rgba(61,61,61,1) 0%,rgba(73,73,73,1) 50%,rgba(55,55,55,1) 51%,rgba(62,62,62,1) 100%); /* W3C */
	-pie-background: linear-gradient(top, rgba(61,61,61,1) 0%,rgba(73,73,73,1) 50%,rgba(55,55,55,1) 51%,rgba(62,62,62,1) 100%);
}

	 .loginBtn:hover {
		background: rgb(62,62,62); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(62,62,62,1) 0%, rgba(55,55,55,1) 49%, rgba(73,73,73,1) 50%, rgba(61,61,61,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,1)), color-stop(49%,rgba(55,55,55,1)), color-stop(50%,rgba(73,73,73,1)), color-stop(100%,rgba(61,61,61,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(55,55,55,1) 49%,rgba(73,73,73,1) 50%,rgba(61,61,61,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(55,55,55,1) 49%,rgba(73,73,73,1) 50%,rgba(61,61,61,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(55,55,55,1) 49%,rgba(73,73,73,1) 50%,rgba(61,61,61,1) 100%); /* IE10+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#3d3d3d',GradientType=0 ); IE6-9 */
		background: linear-gradient(top, rgba(62,62,62,1) 0%,rgba(55,55,55,1) 49%,rgba(73,73,73,1) 50%,rgba(61,61,61,1) 100%); /* W3C */
		-pie-background: linear-gradient(top, rgba(62,62,62,1) 0%,rgba(55,55,55,1) 49%,rgba(73,73,73,1) 50%,rgba(61,61,61,1) 100%);
	}

.detailsBtn, .reportBtn, .standardButton {
	background: rgb(155,155,155); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(110,110,110,1) 50%, rgba(79,79,79,1) 51%, rgba(58,58,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,155,155,1)), color-stop(50%,rgba(110,110,110,1)), color-stop(51%,rgba(79,79,79,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(58,58,58,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(58,58,58,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(58,58,58,1) 100%); /* W3C */

	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,0.9);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,0.9);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,0.9);
	
	-webkit-transition: 0.1s ease-out;
	-moz-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
	
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	behavior:url(/vendor/pie/PIE.htc); /*this and position:relative below allow css3 styles in IE*/ 
	position:relative; 
	border:1px solid;
	border-color: black;
	border-color: rgba(0,0,0,0.5);
	
	text-shadow: 0px -1px 0px rgba(0,0,0,1);
	
	color:#fff; 
	padding: 0px; 
	
	font-size:1.2em;
	line-height: 24px;
	
	display: inline-block;
	width: 103px;
	height: 24px;
	cursor:pointer;
}

.detailsBtn:hover, .reportBtn:hover, .standardButton:hover {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1), 0px 0px 10px rgb(200,255,255);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1), 0px 0px 10px rgb(200,255,255);
	box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1), 0px 0px 10px rgb(200,255,255);
	
	background: rgb(155,155,155); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(110,110,110,1) 50%, rgba(79,79,79,1) 51%, rgba(91,91,91,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,155,155,1)), color-stop(50%,rgba(110,110,110,1)), color-stop(51%,rgba(79,79,79,1)), color-stop(100%,rgba(91,91,91,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(91,91,91,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(91,91,91,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(91,91,91,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(155,155,155,1) 0%,rgba(110,110,110,1) 50%,rgba(79,79,79,1) 51%,rgba(91,91,91,1) 100%); /* W3C */
}

.formlyFakeButton, .actionButton {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	display:inline-block;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(213,213,213,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(213,213,213,1) 100%); /* W3C */
	border:1px solid#bbb;
	color:#232d3d;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	margin:15px 0px 10px 10px;
	text-shadow:0px 1px 0px#fff;
	cursor:pointer;
	box-shadow:0px 1px 2px#ccc;
	-moz-box-shadow:0px 1px 2px#ccc;
	-webkit-box-shadow:0px 1px 2px#ccc;
	float:right;
	font-family:'Lucida Grande', 'PT Sans';
} 
.formlyFakeErrorButton, .actionButtonWarn {
	border:1px solid#ae3838;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	display:inline-block;
	background: rgb(240,94,94); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(240,94,94,1) 0%, rgba(216,84,84,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,94,94,1)), color-stop(100%,rgba(216,84,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(240,94,94,1) 0%,rgba(216,84,84,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(240,94,94,1) 0%,rgba(216,84,84,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(240,94,94,1) 0%,rgba(216,84,84,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05e5e', endColorstr='#d85454',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(240,94,94,1) 0%,rgba(216,84,84,1) 100%); /* W3C */
	color:#232d3d;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	margin:15px 0px 10px 10px;
	text-shadow:0px 1px 0px#000;
	cursor:pointer;
	box-shadow:0px 1px 2px#ccc;
	-moz-box-shadow:0px 1px 2px#ccc;
	-webkit-box-shadow:0px 1px 2px#ccc;
	float:right;
	font-family:'Lucida Grande', 'PT Sans';
	color:white;
}


.printBtn {
	/*background:url(/app/webroot../images/print_button.png) no-repeat top left;*/
	background:url(../images/print_button.png)no-repeat top left;;
	height:31px;
	width:230px;
	border:none;
	text-align:center;
	padding:0px 0px 0px 40px;
	box-shadow:0px;
	font-family:'Lucida Grande', 'PT Sans';
	font-weight:bold;
}

.paging {
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.paging .disabled {
	color: #BDBDBD;
	text-shadow: 0px 1px 0px white;
}

.pag-prev {
	float:left;
}

.pag-next {
	float:right;
}

#menu {
	margin: 20px 5px;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	list-style-type: none;
	text-shadow: 0px 1px 0px rgb(255,255,255);
}

#menu li {
	display: block;
	margin: 1px 0px;
	padding: 2px 0px 2px 8px;
	overflow:visible;
}

#menu li:hover {
	padding: 2px 0px 2px 4px;
	border-left: 4px solid #CDCDCD;
}

#menu > li:hover {
	border-left-color: #BCBCBC;
}

#menu li.selected {
	padding: 1px 0px 1px 4px;
	border-left: 4px solid #ABABAB;
	background-color:#EDEDED;
	width: 173px;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background: -moz-linear-gradient(left, rgba(255,253,211,1) 0%, rgba(237,237,237,1) 84%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,253,211,1)), color-stop(84%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,253,211,1) 0%,rgba(237,237,237,1) 84%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,253,211,1) 0%,rgba(237,237,237,1) 84%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(255,253,211,1) 0%,rgba(237,237,237,1) 84%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdd3', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(255,253,211,1) 0%,rgba(237,237,237,1) 84%); /* W3C */\
}

#menu li li.selected {
	width: 165px;
}

#menu .selected {
	font-weight:bold;
}


#menu {
	font-size: 18px;
}

#menu > li > ul {
	font-size: 16px;
}

#menu > li > ul > li > ul {
	font-size: 14px;
}

#menu a {
	color: #232323;
	display: block;
}

.actionButton, .actionButtonWarn {
	margin: 0px 4px;
	float: none;
	display:inline-block;
}

.actionButton1 {
	margin: -27px 19px;
	float: none;
	display:inline-block;
	background:red none repeat scroll 0 0;
	color: white;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.paging div {
	display: inline-block;
}

.availUserTypes {
	width: 238px;
	clear: both;
	line-height: 25px;
	background: #202020;
	padding:5px 0px 5px 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

.availUserTypes a {
	width: 225px;
	display:inline-block;
	height: 25px;
	font-family:Neuropol, Verdana, sans-serif;
	font-size: 22px;
	padding: 0px 5px 0px 8px;
	font-weight: normal;
	text-transform: uppercase;
	background: #202020;
	-webkit-transition: 0.15s ease-out;
	-moz-transition:  0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
}

.availUserTypes a:hover {
	background-color: #0F0F0F;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

h1.login_level {
	padding:5px 5px 5px 8px;
	display:block;
	height: 20px;
	width: 200px;
}

.formlyWrapper-Base {
	margin: 0 auto;
}

.priceField {
	background-image: url(../images/dollarsign.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 20px !important;
}

.output-message {
	width: 600px;
	font-family: 'PT Sans', 'Segoe UI', 'Helvetica', sans-serif;
	font-size: 14px;
	padding: 7px 12px;
	text-align: center;
	
	text-shadow: 0px 1px 0px black;
	
	border-radius: 6px;
	color:white;
	
	background: rgb(53,76,53); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(53,76,53,1) 0%, rgba(47,147,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,76,53,1)), color-stop(100%,rgba(47,147,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(53,76,53,1) 0%,rgba(47,147,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(53,76,53,1) 0%,rgba(47,147,77,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(53,76,53,1) 0%,rgba(47,147,77,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354c35', endColorstr='#2f934d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(53,76,53,1) 0%,rgba(47,147,77,1) 100%); /* W3C */
	
	border: 1px solid #B1D6BD;
	border-color: rgba(255,255,255,0.5);
	
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4), 
							0px 2px 5px 1px rgba(0,0,0,0.4);
	
	margin-bottom: 7px;
}

.red-gradient {
	background: rgb(73,51,51); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73,51,51,1) 0%, rgba(155,49,49,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,51,51,1)), color-stop(100%,rgba(155,49,49,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(73,51,51,1) 0%,rgba(155,49,49,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(73,51,51,1) 0%,rgba(155,49,49,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(73,51,51,1) 0%,rgba(155,49,49,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#493333', endColorstr='#9b3131',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(73,51,51,1) 0%,rgba(155,49,49,1) 100%); /* W3C */
}

/*
 User level classes
 */
 
body.ul_admin
{ background:#202127; }

body.ul_admin h1.login_level, a.ul_admin
{color:#4d4c5a;}

body.ul_admin  #footer  a:hover
{color:#000;}

body.ul_dealer
{ background:#704900; }

body.ul_dealer h1.login_level, a.ul_dealer
{color:#7b201b;}

body.ul_distributor
{ background:#711b00; }

body.ul_distributor h1.login_level, a.ul_distributor
{color:#b3461d;}

body.ul_manager
{ background:#2a4802; }

body.ul_manager h1.login_level, a.ul_manager
{color:#558424;}

body.ul_consultant
{ background:#012d48; }

body.ul_consultant h1.login_level, a.ul_consultant
{color:#1e71a7;}

body.ul_consultant #footer  a:hover
{color:#c7c7c7;}

body.ul_executive
{ background:#640070; }

body.ul_executive
{ background:#640070 !important; }

body.ul_executive h1.login_level, a.ul_executive
{color:#b3461d;}
#ProgressBarSteps
{
	width:638px;
	height: 50px;
	margin: 5px auto 20px;
	border-radius: 5px;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}

	#SaleDetails
	{
		width:229px;
		height:50px;
		float:left;
	}
	
		#SaleDetails span
		{
			width:229px;
			height:50px;
			display:block;
		}
	
		#SaleDetails .blank
		{
			background:url(../images/1.Sale_Details.png);
		}	
		
		#SaleDetails .green
		{
			background:url(../images/1.Sale_Details_Green.png);
		}	
		
		#SaleDetails .orange
		{
			background:url(../images/1.Sale_Details_Orange.png);
		}	

		#SaleDetails .red
		{
			background:url(../images/1.Sale_Details_Red.png);
		}	
	
	#WarrantyDetails
	{
		width:239px;
		height:50px;
		float:left;
		margin:0 0 0 -26px;
	}
	
		#WarrantyDetails span
		{
			width:239px;
			height:50px;
			display:block;
		}
	
		#WarrantyDetails .blank
		{
			background:url(../images/2.Warranty_Details.png);
		}	
		
		#WarrantyDetails .green
		{
			background:url(../images/2.Warranty_Details_Green.png);
		}	
		
		#WarrantyDetails .orange
		{
			background:url(../images/2.Warranty_Details_Orange.png);
		}	

		#WarrantyDetails .red
		{
			background:url(../images/2.Warranty_Details_Red.png);
		}	
	
	#FinaliseSale
	{
		width:222px;
		height:50px;
		float:left;
		margin:0 0 0 -26px;
	}
	
		#FinaliseSale span
		{
			width:222px;
			height:50px;
			display:block;
		}
		
		#FinaliseSale .blank
		{
			background:url(../images/3.Finalise_Sale.png);
		}	
		
		#FinaliseSale .green
		{
			background:url(../images/3.Finalise_Sale_Green.png);
		}	
		
		#FinaliseSale .orange
		{
			background:url(../images/3.Finalise_Sale_Orange.png);
		}	

		#FinaliseSale .red
		{
			background:url(../images/3.Finalise_Sale_Red.png);
		}

/* field set css style - DL @ 28-08-2011 */
.step-fs .inner fieldset {
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	margin-bottom: 10px;	
}

.step-fs .inner legend {
	font-size: 14px;
	color:#888;
}

.step-fs .inner .fs-row {
	clear:both;	
	margin-bottom: 5px;
	background:#eee;
}

.step-fs .inner .item {
	float:left;
	width:auto;
	min-width: 33%;
	padding: 2px;
}

#flashMessage.message {
background:#ef7971;color:#fff;border:1px solid#e63125;box-shadow:inset 0px 1px 0px#f4a49f;text-shadow:0px-1px 0px #e63125;
padding: 6px;
margin: 0 auto;
margin: 6px;
margin-top: 0px;
text-align: center;
font-size: 14px;
clear:both;
}

.input.textarea label {
	vertical-align: top !important;
}

.usertype.admin {
	color: #202127;
	font-weight: bold;
}
.usertype.manager {
	color: #2A4802;
	font-weight: bold;
}
.usertype.distributor {
	color: #711B00;
	font-weight: bold;
}
.usertype.dealer {
	color: #470304;
	font-weight: bold;
}
.usertype.consultant {
	color: #012D48;
	font-weight: bold;
	}
	
.input.text.error {
color: red;	
}


/* CSS Tweak LP 24/02/2012 */

.inlineButtonWrapper
	{
	position:relative;
	float:left;
	width:100%;
	text-align:right;	
	}


/* CSS Tweak LP 25/02/2012 */

.repopts select
	{
	position:relative;
	float:left;
	margin:0 10px;
	padding:4px;
	line-height:30px;	
	}

.repopts fieldset
	{
	width:821px;
	border-radius:4px 4px;
	-moz-border-radius:4px 4px;
	-webkit-border-radius:4px 4px;
	margin-left:-5px;
	}

.input label
	{
	position:relative;
	float:left;
	font-size:12px;
	line-height:30px;
	display:block;	
	}


.reportHeader 
	{
	font-family: 'PT Sans', 'Segoe UI', 'Lucida Grande', 'Helvetica', sans-serif; 
	font-weight:bold; 
	color:#686868; 
	font-size:22px; 
	margin:0 0 20px 0;
	width:835px;
	text-shadow: 0px 1px 0px white;
	padding-bottom: 3px;
	margin-bottom: 30px;
	border-bottom: 1px solid #BDBDBD;
	}

.reportTable
	{
	font-size:12px;
	position:relative;
	float:none;
	width:835px;
	max-width:835px;
	margin:0 0 30px 0;
	}

table tbody tr td.active {
background-color: #0C6;
font-weight: bold;
color: #fff;	
}

table tbody tr td.inactive {
background-color: #C33;
font-weight: bold;
color: #000;	
}
/*-- 9_May_2013--*/

.jp-next{ float:right;}

.jp-next:after  {
    content:">>";
 
}
.jp-previous{ padding-right:6px;}
.jp-previous:before   {
    content:"<< ";
 
}


.holder{ width:100%}
.jp-previous{
	float:left;
}

.note_exists{
	margin-top: 16px;
    margin-left: 5px;
    font-weight: 900;
    color: #888888;
}
/*.....25.06.2019......*/
.total-area
{
	padding:15px 40px !important;
	}
.total-area .actionButton {
    background: green;
    color: #FFF;
    padding: 5px;
    float: right;
    font-size: 15px;
    margin-top: 15px;
	font-weight: normal;
}
.total-area .actionButton:hover {
    color: #FFF;
}
.total-area .suc-msg
{   background: #28a745;
    color: #fff;
    padding: 13px;
    font-size: 18px;
	margin: 6px;
}
.total-area input 
{
	margin-top:15px;
}