/* HIDE LAYOUT FROM NS4 & EARLIER BROWSERS -------------------------------------------------------------------*/
@import "layout.css";

/* COLOURS
#F2D95C - yellow bar
----------*/

h1, h2, h3, h4, h5, h6, p, td, th, form, input, select, textarea, ul, ol, span { font-family: Verdana, Geneva, sans-serif;  }
h1 { font-size: 1.3em; }
h2 { font-size: 1.3em; }
h3 { font-size: 0.8em; }
h4 { font-size: 0.75em; }
h5 { font-size: 0.7em; }
h6 { font-size: 0.7em; }
p, td, th, input, textarea, ul, ol, label { font-size: 0.7em; }
select { font-size: 0.8em; }
ul ul, ol ol, p label { font-size: 1em; }

a { font-weight: bold; color: #4D8A8C; }
a:hover { color: #FFF; }
.error { color: #900; }
/*.noCSSHide { display: none; }*/


/* SEARCH -------------------------------------------------------------------------------------------------*/
#fSearch label, #fSearch select, #fSearch input { color: #5983A1; }
#fSearch label { display: block; }

/* LOGIN --------------------------------------------------------------------------------------------------*/
#fLogin span.left, #fLogin select, #fLogin input, #fLogin p { color: #5983A1; font-size: 0.8em;}
#fLogin a:hover { color: #000; }
#fLogin label { display: block; }

/* CONTENT ------------------------------------------------------------------------------------------------*/
#bText, #bTextWide, #bTextSearch { color: #698B8C; }


/* FOOTER -------------------------------------------------------------------------------------------------*/


/* SAJON --------------------------------------------------------------------------------------------------*/

div.adminlayer {
	color: #000;
	z-index: 9997;
	overflow: visible;
	position:absolute;
}

.admin, .admin fieldset, .admin table {
	width: 110%;
}

/*#hNav, #footer { /* push image behind admin DIV in IE
	z-index: -1;
}*/

#hNav.admin {
	width: 100%;
	overflow: visible;
}

.cmssql, .cmserror {
	position: relative;
	left: 0;
	top: 0;
	z-index: 9998;
	background-color: #eee;
	font-family: "Courier New", Courier, mono;
	border: 1px solid #000;
}
.cmssql {
	color: #000;
}
.cmserror {
	color: #F00;
}

legend, fieldset, div#adminmenu {
	background-color: #eee;
	padding: 1px 5px 1px 5px;
}

div#adminmenu {
	padding: 5px 5px 1px 5px;
	position: absolute;
	left: 0;
	top: 0;
}

div.adminlayer a:hover, div#adminmenu a:hover, form.cmsform a:hover {
	background-color: #698B8C;
	color: #fff;
}

form.cmsform iframe {
	vertical-align: top;
}

div.adminlayer input, form.cmsform input, form.cmsform label, form.cmsform th, form.cmsform td form.cmsform p {
	font-size: 0.9em;
}

#admin table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 0 10px 0; /* T R B L */
	border: 0;
	background-color: #eee;
}

#admin th, #admin td {
	padding: 0 0 0 0;
	margin: 0 0 -10px 0;
	font-size: 1em;
	vertical-align: top;
}
#admin td p, .admin td p {
	font-size: 1em;
	text-align: left;
}

#admin th {
	text-align: left;
}

#admin td {
	text-align: center;
}

#admin .hover {
	background-color: #ff3;
}

.admin a:hover {
	color: #000;
}

table#lensescell {
	background-color: #eee;
	/*padding: 2px 10px 5px 5px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
	white-space: pre;
}

table#lensescell th, table#lensescell td {
	font-size: 0.6em;
	height: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
}

table#lensescell td a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
	height: 0px;
}

table#lensescell td img {
	height: 10px;
	width: 30px;
	border: 0;
	/*border: 1px solid #cccccc;*/
}

#admin div.table {
	position: relative;
	left: 5px;
}

/* ORDERS ADMIN */
td.paid { background-color: #ff9999; }
td.stock { background-color: #FFFF33; }
td.sent { background-color: #66FF00; }
	
/* ENDS  --------------------------------------------------------------------------------------------------*/