/*
	e1_global.css
	- Main CSS file for EDM Front End layout
*/


/* Global Link Colour attributes */
a:link, a:visited { color: #039; }
a:hover, a:active { color: #999; }


/* Layout for the content area of the page */

#Canvas {
	background: #fff url('/edm/e1_img/e1_layout/e1_metal_mid.jpg') top center;
	border: 1px solid #000;
	margin-bottom: 10px;
	width: 758px;
	clear: left;
}

#ContentTop, #ContentBottom {
	background-color: #fff;
	background-position: top center;
	height: 20px;
}

#ContentTop { background-image: url('/edm/e1_img/e1_layout/e1_metal_top.jpg'); }

#ContentBottom { background-image: url('/edm/e1_img/e1_layout/e1_metal_btm.jpg'); }

.Content {
	clear: left;
	margin: 0 auto;
	padding: 0 1px;
	width: 726px;
	font-size: 11px;
}


/* "Action" Button Container div (for buttons and button sets that are aligned left or right) */
.ActionsRight {
	float: right;
	clear: right;
	margin: 1px 10px 8px 10px !important;
	padding: 0 !important;
}

.ActionsLeft {
	float: left;
	margin: 1px 10px 8px 10px !important;
	padding: 0 !important;
}

.ActionsRight .Cancel {
	display: block;
	margin-top: 2px;
}


/* Section Header Layout */
#HeaderPanel, #Welcome {
	clear: both;
	background: #cadbed url('/edm/e1_img/e1_layout/e1_header_bg.png') repeat-x;
	margin: 0;
	padding: 0 10px 0 0;
}


/* Page Title */
#HeaderPanel h1, #Welcome h1, #NewsAndInfo h2 {
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 6px;
	position: relative;
}

/* Attributes for Current Printer and Select Printer labels */
#HeaderPanel h2, #HeaderPanel label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 2px 0;
}

/* Attributes for printer nickname and similar text */
/* 1.0 CODE #HeaderPanel h3 {
	font-size: 13px;
	margin: 4px 0 0 0;
	padding: 0;
} */

	#HeaderPanel h3 { font-size: 11px; margin: 4px 0 0 0; padding: 0; }
		#HeaderPanel h3 strong { display: block; font-size: 13px; margin: 0 0 4px 0;}


/* Link colours for printer nickname */
#HeaderPanel h3 a:link, #HeaderPanel h3 a:visited { color: #000; display: block; }
#HeaderPanel h3 a:hover, #HeaderPanel h3 a:active { color: #039; display: block; }

/* Icon image div */
#PageIcon {
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
	width: 80px;
	text-align: center;
}


/* Header content that sits to the right of the Page Icon */
#PageInfo {
	float: left;
	margin: 18px 0 10px 0;
	padding: 0;
	width: 620px;
}


/* Current Printer text div */
#CurrentPrinter {
	float: left;
	margin: 4px 14px 4px 4px;
}

/* Reduce the width of the Current Printer text when the Printer Chooser select box is displayed */
.PrinterChooser  #CurrentPrinter { width: 39%; }

/* Printer Selection div */
#SelectPrinter {
	float: left;
	margin: 4px;
}

#SelectPrinter select, #SelectPrinter input {
	font-family: verdana;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#SelectPrinter select { 	display: block; width: 300px; }

#SelectPrinter form { margin-bottom: 6px; }


/* Attributes for text inside the header */
#PageDesc {
	clear: left;
	font-size: 11px;
	margin: 0 14px 0 4px;
	padding: 0;
}

#PageDesc p { margin: 0 0 4px 0; }


.SubSection {
	background: url('/edm/e1_img/e1_layout/e1_section_bg.gif') repeat-x top;
	margin: 0 0 10px 0;
	padding: 0 10px;
	clear: both;
	width: 706px;
	overflow: auto;
}

.SubSection h2 {
	font: normal normal bold 15px arial, helvetica, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #fff;
	position: relative;
	clear: right;
}

	#Step1, #Step2, #Step3 {
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#Step1 h2, #Step2 h2, #Step3 h2 { padding-left: 30px; }
	
	#Step1 { background-image: url('/edm/e1_img/e1_layout/e1_header_bg_step1.gif'); }
	#Step2 { background-image: url('/edm/e1_img/e1_layout/e1_header_bg_step2.gif'); }
	#Step3 { background-image: url('/edm/e1_img/e1_layout/e1_header_bg_step3.gif'); }

.SubSection h3 { font-size: 12px; }

.NoTitle { padding-top: 40px; }


/* General layout/styles for tabular data (w/ metallic table heading) */
table {
	border-bottom: 1px solid #999;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	margin: 10px auto;
	width: 98%;
	clear: both;
}

th {
	background: url('/edm/e1_img/e1_layout/e1_th_bg.gif') repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #ccc;
	font-size: 12px;
	text-align: left;
	padding: 8px 6px;
	vertical-align: top;
	white-space: nowrap;
}

td {
	padding: 6px;
	vertical-align: top;
	font-size: 10px;
}

.shaded td, .shaded th { background-color: #f3f3f3; }

/* Styling to add triangle "bullet" in front of links in tables */
td a {
	background: url('/edm/e1_img/e1_layout/e1_bluetriangle.gif') no-repeat 0 2px;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 4px;
	font-size: 10px !important;
}

td a:link, td a:visited { color: #039 !important; }
td a:hover, td a:active { color: #999 !important; }


td a.img {
	background: none;
	padding: 0;
}

table .default { text-align: center; }

.disclaimer p {
	padding: 12px 20px 6px 20px;
	font-size: 10px;
	margin: 0;
}


/* Set width for "Actions" column in tables */
table td.Actions { padding: 6px 8px 6px 0; }

table .Actions a { margin-right: 4px; }



/* Padding on the Registration Forms to account for no heading text */
#Register, #ResetPW { padding-top: 35px; }

#Register h3 {
	font-size: 14px;
	margin-bottom: 0;
}


dt {
	font-weight: bold;
	float: left;
	clear: left;
	margin: 0 6px 4px 0;
}

dd {
	clear: right;
	margin: 0 0 4px 0;
}




/* Error styles for form elements */

.error input {
	background-color: #ff9;
	border: 1px solid #f00;
}

.errorMsg {
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	background: url('/edm/e1_img/e1_layout/e1_error_triangle_red.gif') no-repeat;
	padding: 6px 0 0 45px;
	margin: 10px;
}

.errorMsg ul {
	margin: 0;
	padding: 0;
}

.errorMsg ul li{
	list-style: none;
	padding: 0 0 2px 4px;
}

.errorMsg h6 {
	font-size: 12px;
	margin: 0 0 0 -8px;
	padding: 0;
}



/* CSS for UL that displays the Location Address on various pages */

ul.AddressDetails {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
}

ul.AddressDetails li.LocationName { font-weight: bold; }

ul.AddressDetails li.InstalledPrinters {
	font-weight: bold;
	color: #039;
}

.SubSection#Actions { padding-top: 45px; }




/* Printer Warranty CSS */

#WarrantyBarGraph {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 310px;
	height: 50px;
	background-image: url('/edm/e1_img/e1_monitor/e1_warrantybar.gif');
	background-position: -300px 16px;
	/* -300px = 0% and 0px = 100% */
}


.GroupList {
	float: left;
	padding-bottom: 30px;
	clear: both;
}

.GroupList legend {
	margin: 0;
	padding: 4px 0 8px 0;
	color: #000;
}

.GroupList label {
	float: left;
	margin: 4px 0 4px 4px;
	padding: 0;
	clear: both;
}

.GroupList label input { margin-bottom: -2px; }

.nodata {
	font-weight: bold;
	font-size: 12px;
}




/* TABBED NAVIGATION USED FOR CONTENT */
.TabNavigation {
	border-bottom: 1px solid #999;
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
}
			
.TabNavigation li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
			
.TabNavigation a:link, .TabNavigation a:visited {
	border: 1px solid #999;
	padding: 3px 20px;
	text-decoration : none;
	/* line-height: 14px; */
	font: normal normal normal 12px verdana;
	margin: 0;
	background: #fff url('/edm/e1_img/e1_layout/e1_navtab_off.gif') repeat-x;
}
			
.TabNavigation a:link.selected, .TabNavigation a:visited.selected {
	border-bottom: 1px solid #fff;
	background: #fff url('/edm/e1_img/e1_layout/e1_navtab_on.gif') repeat-x;
	font-weight: bold;
}

.TabDetails {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	margin: 0;
}


/* Inbox Styles */
table .AllInvites td {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f3f3f3;
	font-weight: bold;
	border-top: 1px solid #ccc;
}



/* Printer Preferences Pages */
#SelectorSettings label {
	display: block;
	padding: 4px 0;
}




/* Brochure Page Styles */

#aboutMEP .Content { overflow: auto; }

#aboutMEP .Content p, #Visitor .HomeContent p { line-height: 15px; }
#aboutMEP .Content ul li, #Visitor .HomeContent ul li { margin-bottom: 6px; }
#aboutMEP .Content h1 { background: #000 url('/edm/e1_img/e1_layout/e1_header_bg.png') repeat-x; color: #fff; font-size: 14px; margin: 0; padding: 6px; }
#aboutMEP .Content h2 { color: #039; font-size: 13px; margin: 16px 0 0 0; }
		
#aboutMEP .Content div { clear: both; font-size: 11px; overflow: auto; width: 718px; padding: 0; margin: 0; }
	#aboutMEP .Content div p { margin: 3px 0; padding: 3px 0; }
			#aboutMEP .Content div div { clear: none; float: left; width: 45%; padding: 6px 22px 6px 6px; }
			
			#aboutMEP .Content .screenshots { margin: 10px 0; padding: 0; }
			
				#aboutMEP .Content .screenshots div { margin: 0 19px; width: 200px; padding: 0; }
				* html #aboutMEP .Content .screenshots div { margin: 0 14px; } /* * html hack to adjust margin in IE6 */
					#aboutMEP .Content .screenshots div strong { color: #039; font-size: 11px; } /* Screenshot heading/title */
					#aboutMEP .Content .screenshots div p { margin-top: 0; padding-top: 0; }
					
			#aboutMEP .Content #systemReqs { float: none; overflow: auto; width: 95%; margin: 0 6px 10px 6px; }
					
			#aboutMEP .Content table { border-collapse: collapse; float: right; margin: 0 2px 0 16px; width: 44%; }
			#aboutMEP .Content th { background: #aaa; border: 1px solid #aaa; padding: 4px 24px; }
			#aboutMEP .Content td { border: 1px solid #aaa; font-size: 11px; padding: 6px 22px; text-align: center; }
			
			
			
/* TERMS AND CONDITIONS PAGE */
	.mepTC { font-size: 12px; }
	.mepTC h3 { margin-bottom: 10px; }
	.mepTC p { margin-bottom: 16px; }
	.mepTC li { margin-bottom: 6px; }
	

/* CUSTOMIZE PRINTER SELECTOR */
	.ps_currentSetting { border-bottom: 1px solid #ccc; margin: 0 0 20px 0; padding: 10px 0 10px 0; }
		.ps_currentSetting p { float: left; font-size: 12px; margin: 3px 0 0 0; padding: 3px 0 0 0; width: 50%; }
			.ps_currentSetting p strong { font-size: 14px; text-transform: uppercase; }
		
	.ps_changeSetting p { float: left; width: 50%; margin: 0; padding: 0;}
	

/* Help Page Styles */	
	#mep_help .SubSection li { margin: 2px; padding: 2px; }
		#mep_help .SubSection li span { display: block; margin-top: 6px; }

	#mep_help #systemReqs { overflow: auto; }
		#mep_help #systemReqs table { width: 45%; }
			#mep_help #systemReqs th { background: #aaa; border: 1px solid #aaa; padding: 4px 24px; text-align: center; }
			#mep_help #systemReqs td { border: 1px solid #aaa; font-size: 11px; padding: 6px 22px; text-align: center; }