/* remote manager sitewide CSS 
   $Id: rm.css 17 2004-12-30 14:31:07Z ben $
*/

/* Standards */

body {
  margin:0;
  padding:0;
  background:#fff;
  color:#444;
  z-index:0;
  font:63%  Verdana,Arial,Helvetica,Sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: 63%;
} html>body {font-size:63%   }

p {
  line-height:1.4em;
  margin-left: 6px;
}

a {
	color:#1263AF;
	text-decoration:underline;
}
a:link {
color:#1263AF;
}
a:active {
color:#1263AF;
}
a:visited {
color:#1263AF;
}
a:hover {
	text-decoration:none;
	color:#1263AF;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
 }
 .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */


a:link.no-under, a:visited.no-under {
	text-decoration:none;
	color:#1263AF;
}

img { border: 0; margin: 0; padding: 0; }
	
.clear {
	clear:both;
}

/* Page Structure */

#page {
	width:754px;
	margin-left: 20px;
}
#header {
	height:64px;
	background-color:#e9e9e9;
}
#content {
	margin-bottom:20px;
}
#nav {
	background:url(/common/img/tab.gif) repeat-x 0% 100% #e9e9e9;
}
.tabs { 
  list-style-type: none; 
  padding:0;
  margin:0;
  height: 25px;
}
.tabs li {
  display:inline;
  list-style-type:none;
	margin:0; 
	padding:0;
}
.tabs a:link, .tabs a:visited {
	float: left;
	background-color:#DDE8F3;
	font-weight: bold;
	padding:0.42em 0.8em 0.65em 0.8em;
	margin-left:4px;
	border:1px solid #8e8e8e;
	text-decoration:underline;
	color:#1263AF;
}
.tabs a:hover {
	background: #1263AF;
	color:#fff;
	text-decoration:none;
}
.tabs a:link.on, .tabs a:visited.on {
	border-bottom:1px solid #fff;
	background:#fff;
	color:#333;
	text-decoration:none;
}

#logout {
	float:right;
	margin:7px 5px 0 0
}
.pipe {
	padding:0 0.55em;
}
.left {
	float:left;
}
.right {
	float:right;
}
#title {
	height:72px;
	float:left;
}
#messages {
	margin:8px;
	padding:8px 8px;
	width:342px;
}
#messages h4 {
	margin:2px 0 4px 0;
	font-size:1.05em;
}
#messages p {
	margin:0;
	font-size:0.85em;
}
#messages.fail {
	background-color: #ffefef;
	border:1px solid #ffc0c0;
}
#messages.success {
	background-color: #E8FFE8;
	border: 1px solid #007100;
}
#sys-message {
  border-top: 1px solid #ffc0c0;
  border-bottom: 1px solid #ffc0c0;
  margin-top: 10px;
  padding: 3px;
}
h1 {
	font-size:2.0em;
	font-weight:500;
	padding:36px 4px 0 6px;
	margin:0;
}
h1.location {
	color:#999999;
}

h1.customer-title {
  padding: 10px 0px 0px 10px;
  font-size:1.8em;
  font-weight: 800;
}
.remote-manager {
  padding: 5px 0px 0px 10px;
  font-size: 1.2em;
  color: #666;
  font-weight: bold;
}



.dropdown {
	padding:0 4px 0 8px;
}

.searchform {
  padding:20px 4px 0 8px;
}

.searchform h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:0px 4px 8px 0px;
	margin:0;
}


form {
	margin:0;
	padding:0;
}
select {
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
  	font-size: 1.1em;
	padding: 1px;
	background-color: #FFF;
}

input {
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
  	font-size: 1.1em;
	padding: 1px;
	background-color: #FFF;
}
textarea {
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 1em;
	border-style: 1px solid #CCC;
	padding: 1px;
	background-color: #FFF;
}


.dot {
	border-top:1px dashed #ddd;
	padding-bottom: 10px;
	margin-top: 10px;
}
.pages {
	text-align:right;
	padding:2px 0 1px 0;
	font-size:0.85em;
	vertical-align: middle;
}

.pages .arrows {
  font-size: 1.6em;
}

/* data tables */

.button {
	float:left;
	padding-left:6px;
	font-weight:bold;
	margin-bottom:4px;
}

.button img {
	vertical-align:middle;
}

/* tables */

.table {
  padding-top: 8px;
}

/* -------------------------------------------------- 
STANDARD TABLE DISPLAY
*/

.standardtable {
	border:1px solid #c6c6c6;
}
.standardtable th {
	text-align:left;
	background-color:#e2e2e2;
	border-bottom:1px solid #c6c6c6;
	border-left:1px solid #dadada;
	padding:4px 7px 5px 7px;
}
.standardtable th.first {
	border-left:0px;
}

.standardtable a.colname {
	color:#444;
}

.standardtable th img {
	vertical-align:middle;
	padding:0 4px;
}
.standardtable td {
	padding:5px 5px;
	border-left:1px solid #eee;
	vertical-align:top;
}
.standardtable td.first {
	/* line-height:1.3em; */
	border-left:0px;
}
.standardtable .even {
	background-color:#f1f1f1;
}
.standardtable .even td {
	border-left:1px solid #e4e4e4;
}
.standardtable .even td.first {
	border-left:0px;
}
.standardtable .bottom {
	background-color:#e2e2e2;
	border-top:1px solid #c6c6c6;
	border-left:0px;
	padding:0px;
	height:8px;
}
/* -------------------------------------------------- 
ENTITY TABLE
*/
.entitytable {
	border:1px solid #c6c6c6;
}
.entitytable .header {
	text-align:right;
	background-color:#e2e2e2;

    padding:0px;
	margin-bottom: 10px;
	height:8px;
}
.entitytable .footer {
	background-color:#e2e2e2;
	border-top:1px solid #c6c6c6;
	border-left:0px;
	padding:0px;
	height:8px;
}
.entitytable td {
	padding:1px 7px;
	border-left:1px solid #eee;
	vertical-align:top;
	padding: 4px 4px;
}
.entitytable .firstline {
	background-color:#f1f1f1;
	border-left:1px solid #e4e4e4;
}
.entitytable td.label {
	text-align:right;
	width: 25%;
	border-left:0px;
}

.entitytable .error {
  color: #CC0000;
  font-weight: bold;
  padding-bottom: 0;
}

/* -------------------------------------------------- 
TABBED PANEL
*/
/*
#subnav {
background:url(../img/tab.gif) repeat-x 0% 100%;
}

#subnav a.on {
  background-color:#D6D6D6;
}

#subnav .tabs a:link.on, #subnav .tabs a:visited.on {
	border-bottom:1px solid #D6D6D6;
	background:#D6D6D6;
	color:#333;
} */

.tabpanel .bar {
  background-color:#D6D6D6;
  	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
  padding: 5px 5px 5px 10px;
 }
 .tabpanel .bar img {
  padding-right: 7px;
 }
.tabpanel .summary {
    border-top: 0px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
    background-color:#f8f8f8;
}
.tabpanel .summary td {
  padding:5px 5px;
  vertical-align:top;
}
.tabpanel .summary td.l {
  width: 25%;
  font-weight: bold;
  text-align: right;
}
.tabpanel .summary td.r {
  width: 75%;
  text-align: left;
  border-left:1px solid #e4e4e4;
}	

.swatch {
	height: 15px; width: 15px;float:left;
	margin-right: 8px;
	border: 1px solid #000;
}

ul#search-thumbnails {
  list-style: none;
  margin:0;
  padding:0;
}
ul#search-thumbnails li {
  float: left;
  margin: 0px 4px;
}
ul#search-thumbnails li img {
  border: 1px solid #333;  
}