body {margin: 0;font-family: Arial;font-size:14px;}

#top { background: #273b52 url(../images/bg.jpg) no-repeat top; }
#header{padding:30px 0 30px;clear:both;position:relative;}
.col-full  { width: 940px; margin: 0 auto; }
.col-full:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#logo  { float:left; }
#logo .site-title { font-family:'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; color: #fff; display:none;  }
#logo .site-description  { font-family:'Droid Serif', Georgia, serif; color: #ccc; display:none;  }
#logo .site-title a { color:#fff; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px 'Droid Serif', Georgia, serif; }

#breadcrumb { background:url(../images/bg-breadcrumb.png) repeat-x; height:50px; border-bottom:1px solid #aaa; line-height:50px; color:#666;font-size: 30px;
text-align: center; margin-bottom: 30px;}
#breadcrumb .subscribe img{ padding:13px 0 0 10px; }
#breadcrumb .col { width:420px; }

#nav a, 
#footer #footer-widgets h3,
#featured.home h2 ,
#logo .site-title a{ text-shadow:#000 0px 1px 0;}
#nav li ul li a  { text-shadow:none;}
#featured h2, #featured p { text-shadow:#000 0px 1px 0;}
#footer-widgets { text-shadow:#fff 1px 1px 0; }
#featured a.btn span { text-shadow:#fff 1px 1px 0; }


ul#nav { margin-top:9px; float:right;}
#nav, #nav ul  { z-index:9999; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { font: 17px/26px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; display:block; z-index:100; padding:0 10px; color:#fff; text-decoration:none;}
#nav li  { float:left; width: auto; padding:2px; margin:0 1px;}
#nav li:hover, #nav li.current_page_item, #nav li.current_page_parent, #nav li.current-menu-item, #nav li.current-menu-ancestor { background: #333 url(../images/bg-nav.png) repeat-x top; }
#nav li li.current_page_item, #nav li li.current_page_parent, #nav li li.current-menu-item, #nav li li.current-menu-ancestor { background: none; }

#nav li ul,
#nav li:hover, 
#nav li.current_page_item,
#nav li.current_page_parent,
#nav li.current-menu-item,
#nav li.current-menu-ancestor { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
#nav li:hover, #nav li.current_page_item, #nav li.current_page_parent, #nav li.current-menu-item, #nav li.current-menu-ancestor { background-color: rgba(0, 0, 0, 0.3); }
#nav li:hover, #nav li.current_page_item, #nav li.current_page_parent, #nav li.current-menu-item, #nav li.current-menu-ancestor { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 1px rgba(0,0,0,1); box-shadow: 0px 0px 1px rgba(0,0,0,.5);}
#nav li ul { -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5); box-shadow: 0px 1px 3px rgba(0,0,0,.5);}
#nav li li:hover, 
#nav li li.current_page_item,
#nav li li.current_page_parent,
#nav li li.current-menu-item,
#nav li li.current-menu-ancestor  { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

#loading {
	position: fixed;
	background: url("../images/load.gif") no-repeat;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 500;
}

.button, .button:visited, .medium.button, .medium.button:visited { text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.button, .button:visited, .reply a { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }
.button:hover, .reply a:hover { opacity:0.9; }



#login {
	text-align: center;
}

table {
	border-collapse: collapse;
}
tbody tr:nth-child(2n +1) {
background: rgb(240, 240, 240);
}
.edit tbody tr {
	cursor: pointer;
}
.edit tbody tr:hover td{
	background: #ccf;
}

h4 {
	font-size: 1.4em;
	margin-bottom: 0;
	padding-left: 40px;	
}
#add {
	text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;

}
#names li form {
	display:block;
}
#names li {
	float:left;
}
#name li:last-child form {
	display:inline;
}


#clientprinters > ul > li, #printers > ul > li {
margin: 20px 0;
}

.printer {
	 display:none; 
	 position:relative;
}

ul li {
	list-style: none;
}

span + button + ul{
	display: none;
}
span.show + button + ul {
	display: block;
}
span
{
	display: inline-block;
}
span + button {
	display: none;
}
li:hover span + button {
	display: inline;
}
.new li {
	display: inline-block;
}
.new  input, .new select, .new textarea {
	display: block;
}
table input {
	width: 90%;
}
#printers, #clientprinters {
	clear: both;
	width: 800px;
	margin: 20px auto;
}

#printers table, #clientprinters table {
	margin-left: 30px;
}
#supplies td, #supplies th {
padding: 5px 10px;
width: auto;
white-space: nowrap;
}
#supplies {

	margin: 10px;
}
#customerList {
	margin: 20px auto;
	width: 400px;
	font-size: 2em;
	white-space: nowrap;
	clear: both;
}
#customerList a:link{
	color:blue;
}
#customerList a:visited {
	color:blue;
}
#customerList a:hover {
	color:red;
}


table td {
height: 1.8em;
}
table td.hide:last-child {
display: none;
}
table tr:hover td:last-child {
display: table-cell;
}
table td:nth-child(1) {
	width: 300px;
}
table td:nth-child(2) {
	width: 140px;
}
table td:nth-child(3) {
	width: 80px;
}
table td:nth-child(4) {
	width: 80px;
}
table td:nth-child(5) {
	width: 80px;
}
table td:nth-child(6){
	width: 110px;
}
#clientprinters table td:last-child {
	width: 40px;
}
#clientprinters table td:nth-last-child(2){
	width: 100px;
}
table th {
	text-align: left;
}
#orderForm{
	width:95%;
}
#orderForm td, #orderForm th{
	padding: 0 20px;
}
#orderForm table tr:last-child {
	border-bottom: 1px solid black;
}
#orderForm td:nth-child(1){
	width: 250px;
}
#orderForm td:nth-child(2){
	width: 50px;
}
#orderForm td:nth-child(3){
	width: 40px;
}
#orderForm td:nth-child(4){
	width: 50px;
}
#orderForm + button {
		float: right;
		clear: both;
		margin-top: 30px; 
}

#mainForm {
	font-size:20px;
}
#orderTable {
	width:100%;
}
#mainForm input, #mainForm textarea {
	width:95%;
	font-size:16px;
	
}
.totals {
	width: 200px; 
	float: right;
	text-align: right;
	padding: 10px;
}
.totals > div > div {
	width: 50%;
	display: inline-block;
	padding: 2px 0;
}
form 
{
	display: inline;
}
.strike
{
	text-decoration: line-through;
}
td.price {
	text-align: right;
}

label.price::after {
	content: "$";
	float: right;
}
.hide {
	display: none;
}
textarea {
	resize: vertical;
}

.ui-accordion .ui-accordion-header {
	padding: .5em .5em .5em 2em;
}

.ui-icon, .ui-widget-content .ui-icon {
background-image: url(../images/ui-icons_222222_256x240.png);
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 0;
}

.modal {
	display:none;
}
.modal label {
width: 140px;
display: inline-block;
white-space: nowrap;
vertical-align:top;
}
.modal input, .modal select, .modal textarea {
width: 249px;
}
.modal button
{
	float: right;
}
.modal ul {
	padding: 0;
}

.tabs {
	float: left;
	width: 100%;
}

.message{
	display: none;
	margin: 20px auto;
	text-align: center;
	width:600px;
	vertical-align: middle;
	padding: 20px;
	background: #DDD;
	border-radius: 5px;
}
.error{
	color: red;
}
.names > span:first-child {
	width:160px;
}
.names li > input:first-child {
	width:150px;
}
.bullet {
	font-size: 50px;
	line-height: 0;
	display: inline-block;
	position: relative;
	top: 10px;
}
.yellow {color: #FF0;}
.cyan {color: #0FF;}
.magenta {color:#F0F;}
.black {color:#000;}
.gray {color:#666;}




/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}