/* main styles for Ollie and Nic - Created 250708 */

/* foundation styles */
body {font-family:helvetica, sans-serif; background:#ffffff; color:#000000;}
#wrapper {margin: 0 auto;}

/* selector defaults */
input, select, textarea {line-height:1.3em; font-size:1em; font-family:helvetica, sans-serif; padding:0;}
input.password { font-family:none; }
h2, h3 {clear:left;}
h3 {border-bottom:1px solid #000000; color:#23343e; font-weight:normal; margin:.5em 0 1em 0; font-size:1.2em;}

/* sitewide template - header, footer, subnav, default content */
#header {overflow:auto; margin-bottom:12px; background: url("/images/mainmenu-bg-top.gif") 0 5.3em repeat-x;}
#header h1, #header h2 {float:left; background:#ffffff url('/images/logo.gif') no-repeat top left; text-indent:-9999px; overflow:hidden; width:198px; height:53px; display:block;}
#header h1 a, #header h2 a {display:block; width:198px; height:53px;}

#header #userStatus {float:right; font-size:1.1em; margin:33px 10px 0 0; line-height:1.5em;}
	#header #userStatus a:link, #header #userStatus a:active, #header #userStatus a:visited {margin-left:10px; color:#70d068; text-decoration:none;}
	#header #userStatus a:hover {color:#b82c5a; text-decoration:underline;}

#header ul#mainMenu {font-size:1.1em; clear:both; width:100%; float:left; background: url("/images/mainmenu-bg.gif") bottom left repeat-x; margin-top:2px;}
	#header ul#mainMenu li {float:left; margin: 0px 0 4px 0;}
	#header ul#mainMenu a:link, #header ul#mainMenu a:active, #header ul#mainMenu a:hover, #header ul#mainMenu a:visited {color:#ffffff; text-decoration:none; padding:7px 20px; display:block;}
	#header ul#mainMenu li.first {margin-left:20px;}
	#header ul#mainMenu li.selected {background:#2fad35 url("/images/mainmenu-tab-bg.gif") top left no-repeat; border-bottom:1px solid #1f5521;}
	#header ul#mainMenu li.selected a {font-weight:bold; background:url("/images/mainmenu-tabend-bg.gif") top right no-repeat;}
	#header ul#mainMenu li a:hover {background:#2fad35 url("/images/mainmenu-tab-bg.gif") top left no-repeat;}
	
#pageArea {clear:both; background:#ffffff url("/images/page-border.gif") top left no-repeat; padding-bottom:45px; padding-top:18px; overflow:auto;}

#subNav {float:left; font-size:1.1em; width:177px; margin:0px 0 45px 13px; padding-right:7px; background: #ffffff url("/images/subnav-bg.gif") top right repeat-y;}
	#subNav ul {padding:7px 0;}
	#subNav ul li {padding-left:4px; margin:0 10px; border-bottom:2px groove white; line-height:3em;}
	#subNav ul li.first {border-top:2px groove white;}
	#subNav ul li a:link, #subNav ul li a:active, #subNav ul li a:hover, #subNav ul li a:visited {color:#646464; text-decoration:none; display:block;}
	#subNav ul li a:hover {color:#770034;}
	#subNav ul li a.selected:link, #subNav ul li a.selected:active, #subNav ul li a.selected:hover, #subNav ul li a.selected:visited {color:#770034; font-weight:bold;}

.section-hd {padding-left:13px; line-height:30px; color:#ffffff;}
	.section-hd h1, .section-hd h2, h2.section-hd {font-size:1.3em; text-shadow:#000000 0.1em 0.1em 0.1em;}	
	.section-hd h1 {float:left;}
	#subNav .section-hd {background:#770034 url("/images/subnav-hd-bg.gif") top left no-repeat;}
	#content .section-hd {float:left; width:693px; background:#770034 url("/images/content-hd-bg.gif") top left no-repeat;}
	#content .section-hd .selection label {color:#ffffff; margin-top:.5em;}
	#content .section-hd .selection select {margin-top:.5em;}
	
#pageArea #content {float:left; font-size:1.2em; padding-left:32px; margin-left:-2px; width:706px; background: #ffffff url("/images/grey-divider.gif") 0 0 repeat-y;}
	#content .options .option-box {float:left;}
	#content .options .option-box .button1 {padding:7px 15px 10px 0px;}
	#content .options .option-box .button1 input.buttons {margin-top:2px;}
	#content .selection .form-actions {margin:.2em 0; padding-top:2px;} 
	#content .selection {float:right; margin-right:5px; padding-bottom:5px;}
		#content .selection label {float:left; margin-right:10px;}
		#content .selection select {float:left; margin:0;}
		#content .selection select#moveProd {float:none;}
		#content .selection label {color:#000000; line-height:2em;}
	#content .options {float:left; margin:.5em 0; vertical-align:middle; width:100%;}
		#content .options p {float:left; margin-left:5px;}
		#content .options input, #pageArea #content .options select, #pageArea #content .options label {vertical-align:middle; margin-left:.5em;}
		#content .options .pagination {float:right; margin-right:10px;}
		#content .options .search {float:left;}
		#content .options .date-range {float:left;}
		#content .options.alt-layout label {text-transform:uppercase; font-weight:bold; display:block;}
		#content .options.alt-layout .search {margin-left:1.5em;}
		#content .options.alt-layout label.hide {display:none;}
		#content .options p.breadcrumb {padding-bottom:0;}
	#content p.breadcrumb {color:#23343e; padding-bottom:.5em;}
		#content p.breadcrumb a:link, #content p.breadcrumb a:active, #content p.breadcrumb a:visited {color:#23343e;}
		#content p.breadcrumb a:hover {text-decoration:none;}
	#content #summaryInfo {line-height:2em; background:#999; font-size:1.1em; margin:0; padding-left:13px;}
	#BelowErrorNotify ul {margin-top:10px;}
	#BelowErrorNotify ul li {margin-right:5px; display:inline;}
	
	/* content boxes */
	#content .box {margin-bottom:15px; clear:both; padding:0 15px; background:url("/images/box-bg.gif") top left repeat-y #ffffff; border:2px solid #bcbcbc; overflow:hidden;}
		#content .box h2, #content form h2 {padding:.8em 1.3em; margin:0 -30px 1em -15px; background:#d2d2d2; color:#23343e; font-size:1em; font-weight:normal; text-transform:uppercase;}
		#content form h2 {margin:0 0 1em 0;}
		#content .table-notes {float:left; font-size:.9em; color:#344344; margin:10px 0 0 14px;}
		#content .table-notes a:link, #content .table-notes a:active, #content .table-notes a:visited {color:#344344;}
		#content .table-notes a:hover {}
	#content ul.pagination {float:right; font-size:.9em; text-transform:uppercase; margin:10px 20px 0 0;}
		#content ul.pagination li {display:inline;}
		#content ul.pagination li a:link, #content ul.pagination li a:active, #content ul.pagination li a:visited {color:#344344; margin-left:9px; padding:.1em;}
		#content ul.pagination li a:hover {}
		#content ul.pagination li.last {margin-left:4px;}
	#content .add a:link, #content .add a:active, #content .add a:visited {padding-top:.3em; padding-left:1.5em; background:url('/images/icons/add.gif') center left no-repeat; text-decoration:none; font-weight:bold; color:#23343e;}
	#content .add a:hover {text-decoration:underline;}
	#content .remove {margin-left:.5em; vertical-align:top;}
	
	/* Homepage */
	#content ul.homeBoxes li {float:left; text-align:center; border:1px solid #b1b1b1; margin:1em; background:#e8e7e8 url('/images/grey-grad.gif') top left repeat-x; min-width:160px;}
	#content ul.homeBoxes li.first {margin-left:0; }
	#content ul.homeBoxes h2 {color:#23343e; font-size:1.3em; margin:1em .5em .5em .5em;}
	#content ul.homeBoxes .large {font-size:2em; color:#68a56f; font-weight:bold; margin:1em .5em;}
	#content ul.homeBoxes p {color:#646464; font-size:1.1em; text-align:center; margin:.5em;}
	#content ul.homeBoxes p.view {margin:0;}
	#content ul.homeBoxes p.view a:link, #content ul.homeBoxes p.view a:active, #content ul.homeBoxes p.view a:visited {display:block; color:#ffffff; margin-top:1.5em; padding:.3em; background:#81073a url('/images/pink-grad.gif') top left repeat-x;}

	/* Reporting Overview */
	#content ul.reportingBoxes li {float:left; text-align:center; border:1px solid #b1b1b1; margin:1em; background:#e8e7e8 url('/images/grey-grad.gif') top left repeat-x; width:150px;}
	#content ul.reportingBoxes li.first {margin-left:5px; clear: left;}
	#content ul.reportingBoxes h2 {color:#23343e font-size:1.3em; margin:1em .5em .5em .5em;}
	#content ul.reportingBoxes .large {font-size:2em; color:#68a56f; font-weight:bold; margin:1em .5em;}
	#content ul.reportingBoxes p {color:#68a56f; font-size:11px; text-align:center; margin:.5em;}
	#content ul.reportingBoxes p.view {margin:0;}
	#content ul.reportingBoxes p.view a:link, #content ul.reportingBoxes p.view a:active, #content ul.reportingBoxes p.view a:visited {display:block; color:#ffffff; margin-top:1.5em; padding:.3em; background:#81073a url('/images/pink-grad.gif') top left repeat-x;}

	/* Reporting Compare Metrics */
	#content table.compare-metrics { width: 50%; margin: 10px 0; }
	#content table.compare-metrics th.rowhead { text-align: center; font-weight: bold; }
	
	/* Reporting Results */
	#content table.report-results { width: 75%; margin: 10px auto; }
	#content table.report-results th { padding-left: 1em; }
	#content table.report-results th.left { text-align: left; padding-left: 1em; }
	#content div.graphic { margin-top: 2em; }
	#content div.center { text-align: center; }
	
	
	/* details */
	#content #subMenu {text-align:right; display:block; overflow:auto; margin:0 -15px; background:#D2D2D2;}
	#content #subMenu ul li a:link, #content #subMenu ul li a:active, #content #subMenu ul li a:visited {border-right:1px solid #999999; border-left:none; padding-left:0;}
	#content #subMenu ul {float:right;}
	#content #subMenu ul li {float:left;}
	#content #subMenu a:link, #content #subMenu a:active, #content #subMenu a:visited {display:block; margin:.5em 0 .5em 1em; padding: 0 1em; border-left:1px solid #999999; color:#23343E;}
	#content #subMenu a:hover {text-decoration:none;}
	
	ul.threeCols {clear:both; line-height:1.5em;}
		ul.threeCols.summary li.first {width:38%;}
		ul.threeCols.summary li {width:28%; margin:0 2% 0 0;}
		ul.threeCols.summary h3 {margin-top:0;}
		ul.threeCols li {float:left; width:29%; margin:0 2%; margin-bottom:1.5em;}	
		ul.threeCols li.first {margin-left:0; clear:left;}
		ul.threeCols li.last {margin-right:0;}
		ul.threeCols h3 {border-bottom:1px solid #000000; color:#23343e; font-weight:normal; margin:1em 0;}
		ul.threeCols address {font-style:normal; margin-top:1em; line-height:1.5em;}
		
	.text-cols {clear:both; width:100%;}
		.text-cols p {clear:both; float:left; width:100%; margin:.8em 0;}
		.text-cols .question {float:left; width:14em; font-weight:bold;}
		.text-cols .answer {float:left; margin-left:10px;}
	
	/* Order Summary */
	#content #orderOpt1 {margin-top:-150px;}
	#content .additional-opts {padding-left:1.2em; margin-bottom:0;}
	#content .additional-opts h3 {color:#23343E; margin:.5em 0;}
	#content .additional-opts label {text-transform:uppercase; display:block; margin:0 0 .2em .2em;}
	#content .item {margin-top:1em;}
	#content .item h4, #content .item p {margin-left:60px; margin-bottom:.5em;}
	
	/* default content table */
	#content table thead th {color:#23343e; background:#C1C4C6; border-top:1px solid #C1C4C6; border-left:1px solid #C1C4C6; border-right:1px solid #C1C4C6;}
	#content table tfoot {color:#23343e; text-transform:uppercase; background:#C1C4C6;}
	#content table tfoot th {text-align:right; font-weight:normal;}
		#content table tfoot.totals {background:none;}
		#content table tfoot .first input {margin-right:5px;}
	#content table tbody {border:1px solid #C1C4C6; color:#646464;}
	#content table tbody tr:hover, #content table#products-table tbody tr:hover, #content table#products-table tbody tr.sub-content:hover {background-color:#f3efc6;}
	#content table tbody tr a:hover {color:#770034;}
	#content table tbody td a.details:link, #content table tbody td a.details:active, #content table tbody td a.details:visited {color:#005cb6; text-transform:uppercase; font-size:.8em;}
	#content table table {border-bottom:1px solid #ccced0; width:100%;}

	/* Form Actions */
	p label {color:#23343e; display:block; font-weight:bold; text-transform:uppercase; margin-right:.5em;}
	input.buttons, a.buttons:link, a.buttons:active, a.buttons:visited {border:0; font-size:1.1em; color:#ffffff; text-transform:uppercase; padding:.2em .5em .1em .5em; cursor:pointer; background:transparent; background:#911243;}
		.hd {background:url("/images/buttons/form-bg-tl.gif") top left no-repeat;}
		.hd .tr-corner {background:url("/images/buttons/form-bg-tr.gif") top right no-repeat;}
		.ft {background:url("/images/buttons/form-bg-bl.gif") bottom left no-repeat;}
		.ft .br-corner {background:url("/images/buttons/form-bg-br.gif") bottom right no-repeat;}
	#content input.table-buttons,
	#content a.table-buttons:link, #content form a.table-buttons:active, #content form a.table-buttons:visited {border:0; font-size:1em; color:#ffffff; text-transform:uppercase; padding:.3em .8em; cursor:pointer; background:url('/images/buttons/grey-bg.gif') top left repeat-x #686868; text-decoration:none;}
	#content #pc_list_div a.table-buttons {display:block; margin:.2em 5px;}
	#content a.table-buttons:hover {color:#ffffff; text-decoration:none;}
	.field-info {font-size:.9em; color:#344344; margin:5px 0 0 5px; text-transform:uppercase; display:block;}
	.form-actions.opposite .button1 {float:right;}
	
	/* buttons styles for rounded corners added with jquery */
	/* .button1 {padding:8px 15px; background:url("/images/buttons/form-bg-r.png") top right no-repeat;} */
	.button1 input.buttons, .button1 a.buttons {text-decoration:none; /*padding:7px 10px 10px 25px; background:url("/images/buttons/form-bg-l.png") center left no-repeat;*/ display:inline;}
	.button1 a.buttons {padding-top:4px; padding-bottom:2px;}

#footer {font-size:1.1em; text-align:center; background:url("/images/footer-divider.gif") top center no-repeat; padding-top:17px; margin-bottom:25px;}

		
/* utilities */
.stripes {background:#fbfbfb;}
.sub-stripes {background:#fcfbf1;}
.urgent {color:#f80020;}
.mandatory {color:#f80020;}
.mandatory span {font-size:1.4em;}
.separator {margin-left:.5em;}
a.sort {background:url('/images/icons/down-arrow.png') center right no-repeat; padding-right:1em;}
.fltImg {float:left;}
.results {clear:both; font-weight:bold; margin-bottom:.5em;}
.divider {border-bottom:1px solid #bcbcbc; padding:0 .5em .5em .5em; margin:.5em 0; clear:both;}
.processing {color:#cf7300; text-transform:uppercase;}
.cancelled {color:red; text-transform:uppercase;}
.new {color:#af02cc; text-transform:uppercase;}
.complete {color:#009700; text-transform:uppercase;}
input.readonly-field {border:none; background:none;}
.no-show {display:none;}