@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {	
	background: #F7F7F7 url(../images/bkg/wrapper.png) no-repeat top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.clear {
	clear: both;
}
img {
	border: none;
}
.wrapper {
	width: 954px;
	margin: 0 auto;
}
h1 {
	text-indent: -9999px;
}
.logo {
	margin: 10px 60px 0 25px;
	float: left;
	display: inline;
}
p.error {
	background-color:#FFC7BF;
	border: solid 1px #9B4F51;
	padding: 3px;
	text-align: center;
}
span.error {
	color: #9B4F51;
}
p.success {
	background-color:#D2DEFF;
	border: solid 1px #91AFE1;
	padding: 3px;
	text-align: center;
}
p a {
	color: #333;
}
.logout {
	float: right;
	margin-right: 6px;
}
#header {
	float: left;
	width: 954px;
	height: 150px;
}
#content {
	float:left;
	width: 954px;
	min-height:380px;
  height:auto !important;
  height:380px;
}
.description {
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
	margin: 5px 0 0 7px !important;
}
#content p {
	margin-bottom: 25px;
}

#content tr td p {
	margin-bottom: 5px;
}

#login {
	background: url(../intro_images/bkg/login.png) no-repeat;
	float: left;
	width: 306px;
	height: 171px;
	margin: 0 0 0 324px;
	padding: 15px 0 0 0;
	display: inline;
	text-align: center;
}
#login p {
	margin-bottom: 5px;
}
#login input {
	width: 176px;
	height: 16px;
	margin-bottom: 10px;
	padding: 3px 5px 3px 5px;
}
#login input.submit {
	width: auto;
	height: auto;
	margin-bottom: auto;
	padding: inherit;
}
#footer {
	border-top: 1px solid #999999;
	float: left;
	width: 906px;
	margin: 15px 0 0px 24px;
	padding: 5px 0 30px 0;
	font-size: 12px;
	color: #666666;
	display: inline;
}
#footer a {
	font-weight: bold;
	color: #666666;
}
.foot_left {
	float: left;
}
.foot_right{
	float: right;
}
#status-box {
	width: 292px;
	float: right;
	background: url(../images/bkg/status_box_top.jpg) no-repeat left top;
}
#status-box .content {
	width: 268px;
	padding: 7px 12px 8px;
	background: url(../images/bkg/status_box_btm.jpg) no-repeat left bottom;
}
#status-box p {
	margin-bottom: 0px;
}
#control { text-align: center; width: 954px; background-image: url(../images/bkg/control_center_thead.gif); background-repeat: no-repeat; background-position: left top; }
#control th { height:47px; color: #FFF; padding-bottom: 5px; padding-top: 10px; background-image: url(../images/bkg/control_center_thead_base.gif); background-repeat: no-repeat; text-transform: uppercase; font-weight: normal; font-size: 11px; }

#cart #control th { height: auto; margin:0px; padding:10px 0px 10px 0px; }
#control td { padding: 5px 2px 15px 2px; vertical-align: middle; background-repeat: no-repeat; background-image: url(../images/bkg/control_center_table_row.gif); background-color: #F7F7F7; background-position: bottom; }
#control .nobars td { background-image:none; padding: 10px 0px; }
#control .greybar td { background-color: #E8E8E8; }
#control .spacer td { height: 10px; padding: 0px; background-image:none; }
#control .top td { background-image: url(../images/bkg/control_center_tbody.gif); background-repeat: no-repeat; padding: 0px; font-size: 1px; }
#control .make { width:88px; background-position: left bottom; }
#control .model { width:73px; background-position: -92px bottom; }
#control .serial { width:77px; background-position: -169px bottom; }
#control .loc1 { width:60px; background-position: -250px bottom; }
#control .loc2 { width:65px; background-position: -314px bottom; }
#control .pages { width:65px; background-position: -383px bottom; }
#control .pages_combined { width:144px; background-position: -452px bottom; }
#control .printed { width:45px; background-position: -452px bottom; }
#control .black { width:46px; background-position: -501px bottom; }
#control .color { width:45px; background-position: -551px bottom; }
#control .cmyk { width:91px; background-position: -600px bottom; }
#control .status { width:71px; background-position: -695px bottom; }
#control .service { width:61px; background-position: -770px bottom; }
#control .supplies { width:61px; background-position: -835px bottom; }
#control .details { width:50px; background-position: -900px bottom; }
#cart #control .description { width:380px; background-position: -169px bottom; text-align: left; padding-left: 10px; }
#cart #control .yield { width:44px; background-position: -169px bottom; text-align: left; padding-left: 10px; }
#cart #control .quantity { width:65px; background-position: right bottom; }
#control td.make,
#control td.model,
#control td.printed,
#control td.black,
#control td.color { background-color: #E8E8E8; }
#control td.status { color: #FF0000; }
#control table { width: 100%; }
#control table th { background: none; padding: 0px; height: auto; }
#control table td { background: none; padding: 0px; }
#control td.cmyk { padding: 0px 4px 10px 10px; width: 81px; }
#control td.cmyk .hover { width: 12px; height: 60px; position: absolute; top: 0px; }
#control td.cmyk .hover.c { left:5px; }
#control td.cmyk .hover.m { left:25px; }
#control td.cmyk .hover.y { left:45px; }
#control td.cmyk .hover.k { left:65px; }
#control td.cmyk .hover .bar { position: absolute; left: 0px; bottom: 0px; height: 0px; font-size: 1px; width:12px; }
#control td.cmyk .hover.c .bar { background-color:#00ACEA; }
#control td.cmyk .hover.m .bar { background-color:#DA0E87; }
#control td.cmyk .hover.y .bar { background-color:#FFE823; }
#control td.cmyk .hover.k .bar { background-color:#000; }
#control td.cmyk .hover .value { z-index: 22; background-image:url(../images/bkg/cmyk-hover.png); width: 53px; padding-top: 5px; height: 31px; position: absolute; left: -18px; top: -26px; display: none; }
#control td.service a, #control td.supplies a, #control td.details a { background:url(../images/btn/control_sprites.png) no-repeat -27px bottom; width: 61px; height: 24px; text-indent: -999px; float: left; overflow: hidden; }
#control td.supplies a { background-position: -89px bottom; }
#control td.supplies-install-pending a { text-indent: -999px; overflow: hidden; width: 61px; height: 24px; display: block; background-image: url('../images/btn/ordered.png'); background-repeat: no-repeat; }
#control td.details a { background-position: -151px bottom; width: 18px; margin-left: 16px; }
#control td.service a:hover { background-position: -27px top; }
#control td.supplies a:hover { background-position: -89px top; }
#control td.supplies-install-pending a:hover { background-image: url('../images/btn/ordered_hover.png'); }
#control td.details a:hover { background-position: -151px top; }
#control td.status .good { background:url(../images/btn/control_sprites.png) no-repeat left top; margin-left: 25px; width: 26px; height: 24px; float: left; }

#details { float: left; width: 522px; text-align: left; }
#history { float: right; width: 424px; text-align: left; }
#cart { float:left; margin-top: 20px; }
#details table tbody th,
#details table tbody td,
#history table tbody th,
#history table tbody td {
	padding: 8px 2px 8px 2px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(../images/bkg/table_row_single.gif);
	background-position: -164px bottom;
}

#details table tbody th.cyan { background-image: url(../images/bkg/row_cyan.jpg); }
#details table tbody th.magenta { background-image: url(../images/bkg/row_magenta.jpg); }
#details table tbody th.yellow { background-image: url(../images/bkg/row_yellow.jpg); }
#details table tbody th.key { background-image: url(../images/bkg/row_key.jpg); }
#details table tbody .last, #history table tbody .last { background-image: none; }
#details table tbody th,
#history table tbody th {
	padding-left: 18px;
	text-align: left;
	text-transform: uppercase;
	width: 145px;
	background-color: #E8E8E8; 
	border-left: solid #F7F7F7 1px;
	background-position: left bottom;
}
#details table tbody td,
#history table tbody td {
	padding-left: 20px;
	padding-right: 20px;
}
#details table tbody tr.top th,
#details table tbody tr.top td,
#history table tbody tr.top th,
#history table tbody tr.top td {
	padding: 0px;
	height: 5px;
	font-size: 1px;
}
#details table .blank th,
#details table .blank td {
	background: none;
}
#details table .edit {
	float: right;
}
.addLoc-Name {
	background: #E8E8E8 url(../images/bkg/add_location_bar.png) no-repeat;
	width: 501px;
	padding: 13px 0 10px 19px;
	float: left;
	margin-bottom: 3px;
	text-transform: uppercase;
	color: #999999;
}
.addLoc-Name p {
	margin: 0 !important;
	float: left;
}
.addLoc-Name a {
	color: #333333;
}
#change_pw1 {
	border-bottom: 1px solid #999999;
	margin: 7px 0 10px 0;
	float: left;
	width: 424px;
}
#change_pw2 {
	padding: 10px 0 0 10px;
}
#change_pw2 .textinput {
	background: #DCDCDC;
	width: 186px;
	height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 2px 0 10px 0;
}
#change_pw_errors {
	float: left;
}
#change_pw_errors p {
	margin-bottom: 5px;
}
.addLocation .textinput {
	background: #DCDCDC;
	width: 186px;
	height: 16px;
	padding: 3px 5px 3px 5px;
	border: none;
}
.formError {
	color: red;	
}

/* Update 1-18-2012 */
.content_top {
	background: url(../intro_images/bkg/content_top.png) no-repeat top left;
	width: 743px;
	float: left;
	margin-left: 103px;
	padding-top: 9px;
	display: inline;
}
.content_sides {
	background: url(../intro_images/bkg/content_sides.png) repeat-y top left;
	width: 743px;
	float: left;
	display: inline;
}
.content_bottom {
	background: url(../intro_images/bkg/content_bottom.png) no-repeat bottom left;
	width: 678px;
	float: left;
	padding: 15px 30px 24px 35px;
	text-align: center;
}
.content_bottom h3 {
	color: #266F3B;
	font-size: 17px;
	margin-bottom: 15px;
}