@CHARSET "ISO-8859-1";
* {  font-family:Verdana, Arial, Helvetica, sans-serif; }
body { font-size:70%; color:#333333; background-color:#FFFFFF; margin: 0; padding: 0; }

.headerEdit {
    background-color: #EAEAEA;
    background-image: url('/asset/images/pencil.png') !important;
    background-position: center !important;
    width: 25px !important;
    padding-right: 2px;
    padding-top: 10px;
}

h1, h2, h3 {font-weight:normal; color: #005DAC; margin: 0px 0px 10px 0px;  }
h1 { font-size:2em;  }
h2 { font-size:1.5em; padding-bottom:5px; border-bottom: 1px dotted #999; }
h3 { font-size:1.25em; font-weight:bold; padding-bottom:5px;}

h1 span.status-PENDING {
    color: red;
}

h1 span.status-OPEN,
h1 span.status-NEW,
h1 span.status-COMPLETE
{
    color: green;
}

ul li {
    list-style: url('/asset/images/bullet.png');
}
ol {
    border-bottom: 1px dotted #CCCCCC;
}
ol li {
    list-style: decimal !important;
    padding: 2px !important;
    line-height: 20px !important;
    border-bottom: none !important;
}
div.left {
    float: left;
    width: 48%;
    /* padding-right: 30px; */
}
div.right {
    float: right;
    width: 48%;
}

.clear { clear: both; }

hr {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    height: 1px;
    margin: 30px 0;
}

div#message {
    background-color: #8ECF8E;
    color: #009900;
    font-weight: bold;
    font-size: 15px;
    padding: 15px;
    width: 200px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 450px;
    border: 1px solid #009900;
}
ul#result {
    background-color: #005DAC;
    color: #FFFFFF;
    padding: 5px;
    width: 247px;
    margin-top: 0px;
    display: none;
    list-style: none;
    padding:0;

}
ul#result li { list-style: none; padding: 4px 0 4px 4px; }
ul#result li a {
    color: #FFFFFF;
}
div#employer-branches {
    float: right;
    margin: 0px 40px 10px 10px;
    padding:10px;
    background: #EAEAEA;
    vertical-align: baseline;
    border: 1px solid #BFBFBF;
    border-top: none;
}
div#employer-branches a { color: #005DAC; }
div#employer-branches span { display: inline-block; }
div#employer-branches  select { vertical-align: middle; font-size: 14px; font-weight: bold; }
/*
a:link, a:visited { color:#333333; text-decoration:none; border-bottom: 1px dotted #333333;}
a:hover, a:active { color:#CC3333; text-decoration:none; border-bottom: 1px dotted #CC3333;}
*/
.lite { background-color:#FFFFFF; color:#333333; font-size:100%;}
/* .med { background-color:#666666; color:#FFFFFF; font-weight:bold;} */
.border { background-color:#CCCCCC; }
/*
.button { background-color:#CC3333; color: #ffffff; font-weight:bold; border: 0px solid #333333; font-size:11px; padding:2px; }
.button_active { background-color:#CC3333; color:#333333; font-weight:bold; border: 0px solid #333333; font-size:11px; padding:2px; }
*/
.form { width:250px;}
.error { color:#FFFFFF; font-weight:bold; font-style:italic; }
.errors {color: #FF0000; font-weight: bold;}
a {
    color: #000000;
}

#wrapper { background: url(/asset/images/admin_repeat.gif) repeat-x top left #EAEAEA }
div#container,div#footer {margin: 0; padding: 0;clear: both; max-width: 960px; min-width: 940px; margin: 0 auto;}

div#header { height:80px; }
	div#header #logo { margin: 7px 0 0 15px;}

div#menu { background-color:#005dac; height:38px; color:#FFFFFF; vertical-align:middle; background-image: url('/asset/images/menubg.gif'); background-position: center; background-repeat: no-repeat; }
div#menu a:link, div#menu a:visited { color:#FFFFFF; text-decoration:none; border-bottom: 0px; font-weight: bold; }
div#menu a:hover, div#menu a:active { color:#80AED6; text-decoration:none; border-bottom: 0px; }

div#menu ul {
	list-style: none;
	padding-left: 15px;
	margin: 0;
}
div#menu ul li {float: left; margin: 10px; font-size: 1.1em; border-right: 1px solid #80AED6; padding-right: 20px;}
	div#menu ul li:last-child { border: none;}
	div#menu select#branch {
		float: left;
		margin: 4px 5px 3px 3px;
		width: 300px;
		padding: 5px;
	}
	div#menu select#branch option { padding: 5px;}
ul#menu li ul {
    display: none;
    padding: 0;
    width: 150px;
}
ul#menu li ul li, ul#menu li ul li a {
    list-style: none;
    background-color: #005DAC;
    border: 1px solid #FF;
    width: 130px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 1px; 0;
    padding: 0 0 0 3px;
}
ul#menu li:hover ul {
    display: block;
    position: absolute;
    padding: 0;
}
ul.subnav li {
    width: 200px !important;
}
/** ** **/

div#page { width:760px; padding:20px; text-align:left; background-color:#CCCCCC;}
div#footer { font-size:0.8em; padding-left:50px; padding-top: 15px;}
div#footer a:link, div#footer a:visited { color:#333333; text-decoration:none; border-bottom: 1px dotted #333333;}
div#footer a:hover, div#footer a:active { color:#CC3333; text-decoration:none; border-bottom: 1px dotted #CC3333;}
div#content {background-color: #eaeaea;padding: 15px 30px 15px 15px; min-height: 400px;}
div#login-details {
    float: right;
    padding: 5px;
}
div#search-fields {
	padding-bottom: 5px;
}
	div#search-fields select {
		float: left;
		margin-right: 5px;
		padding: 5px 3px;
		width:200px;
	}
		div#search-fields select option { padding: 5px;}


/** tables **/

table {
    width: 100%;
    border-collapse: collapse;
}

	table thead tr th {
	    text-align: left;
	}
	table thead tr th, table tbody tr td {
	    border: 1px solid #ECECEC;
	    padding: 3px;
	}
	table thead tr th {
	    padding: 5px 5px 5px 20px;
	    /*background-color: #C8DCAB;*/
	    border: 1px solid #CCCCCC;
	    /*padding: 2px 2px 2px 20px;*/
	    background-image: url('/asset/images/small.gif');
	    background-repeat: no-repeat;
	    background-position: center left;
	    cursor: pointer;
	}
	table thead tr {
	    background-color: #000;
	    color: #FFFFFF;
	}
	table thead tr td {
	    background-color: #EAEAEA;

	}
	table thead tr th.headerSortDown {
	    background-image: url('/asset/images/desc.gif');
	    background-color: #005DAC;
	}
	table thead tr th.headerSortUp {
	    background-image: url('/asset/images/asc.gif');
	    background-color: #005DAC;
	}


	table tbody tr  {
	    background-color: #f3f3f3;
	    cursor: pointer;
	}
	.odd  { background-color: #f3f3f3; }
	.even  {  background-color: #FFFFFF; }
	table tbody tr.current  { background-color: #ECECEC;	}
	table tbody tr.new td {
	    border-top: 30px solid #FFF !important;
	    background-color: #ccc
	}
		table tbody tr.new td.tools { background: none !important;  }

	table tbody tr.employee:HOVER {
		background-color: #005DAC !important;
		color: white;
	}
	tr.employee {
	    cursor: pointer;
	}

	table tbody tr.highlight, span.highlight {
	    background-color: #95C7EF;
	}
	table#results tbody tr.inactive td {
	    background-color: #AAAAAA;
	    text-decoration: line-through;
	}
	.warning {
	    background-color: #CCC !important;
	}

	td.checked { background-color: #A8CFA8; }
	td.unchecked { background: none; }
	td.center { text-align: center; }

/** buttons **/

input.dis, textarea.dis, select.dis {
    border: 0;
    background-image: none;
    width: 250px;
}
.button {
    font-size:0.8em;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    text-transform: uppercase;
    /* cursor: pointer; */
    height: 22px;
    line-height: 22px;
    border: none;
}
	.ui-widget-content a.button { color: #FFFFFF;}
	.button.small { }
	.button.med { font-weight: bold;}
	.button.big, .button.bigger { font-size:0.9em; font-weight: bold;}

	.button.left { float: left;}
	.button.right { float: right;}
	.button.spacer { margin-right: 10px;}
	.button.spacer-top { margin-top: 10px;}

	.button.green.small { background-image: url('/asset/images/btn_green_70.gif'); width: 70px;}
	.button.green.med { background-image: url('/asset/images/btn_green_100.gif'); width: 100px;}
	.button.green.big, a.widegreen { background-image: url('/asset/images/btn_green_130.gif'); width: 130px;}
	.button.green.bigger { background-image: url('/asset/images/btn_green_200.gif'); width: 200px;}
	.button.green.biggest { background-image: url('/asset/images/btn_green_300.gif'); width: 300px;}

	.button.blue.small { background-image: url('/asset/images/btn_blue_70.gif'); width: 70px;}
	.button.blue.med { background-image: url('/asset/images/btn_blue_100.gif'); width: 100px;}
	.button.blue.big, input.submitButton  { background-image: url('/asset/images/btn_blue_130.gif'); width: 130px;}
	.button.blue.bigger { background-image: url('/asset/images/btn_blue_200.gif'); width: 200px;}
	.button.blue.biggest { background-image: url('/asset/images/btn_blue_300.gif'); width: 300px;}

	.button .arrow {
		font-size: 1.5em;
		color: #80AED6;
		float: left;
	    font-size: 1.5em;
	    padding-left: 8px;
	}

	a.back-button {
	    float: left;
	    display: block;
	    width: 100%;
	    height: 25px;
	    padding: 10px 3px 3px 20px;
	    font-weight: bold;
	    color: #005DAC;
	    text-decoration: none;
	    background-image: url('/asset/images/back.png');
	    background-repeat: no-repeat;
	}
	input.submitButton {
	    color: #FFFFFF;
	    border: 0;
	    text-align: center;
	    text-decoration: none;
	    background-repeat: no-repeat;
	    background-position: center;
	    width: 130px;
	    text-transform: uppercase;
	    background-image: url('/asset/images/btn_blue_130.gif');
	    cursor: pointer;
	}

td.tools {
    /* width: 200px; */
    background-color: #EAEAEA !important;
}
td.tools a {
    float: left;
}
	tr.highlight td.tools { background-color: #EAEAEA !important; }

.errors-box {
    background-color: #FFDFDF;
    border: 1px solid #FF4F4F;
}
/** forms **/
.err {
    border: 1px solid red;
}
.required em {
    color: red;
}
#submit-element { width: auto;  float: left; }
#reset-element{ width: 40%; float: left; }
#reset-label { display: none; }
#reset-element { }
#reset { background-image:url('/asset/images/btn_blue_130.gif'); width: 130px; }
input.skuname { width: 250px; }
input.price { width: 85px; }



#lense input,#lense select,
#coating input,#coating select,
#frame input,#frame select { width: auto; }
#lense input.skuname {  width: 250px; }
#coating input.skuname {  width: 250px; }
#frame input.skuname {  width: 250px; }

#lense input.price {  width: 100px; }
#coating input.price  {  width: 100px; }
#frame input.price  {  width: 50px; }

#lense input.size {  width: 100px; }
#coating input.size  {  width: 100px; }
#frame input.size  {  width: 100px; }
#frame input.text-box  {  width: 80px; }
textarea {
    width: 250px;
}
form dl dd fieldset {
	background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
}
	form dl dd fieldset legend {
		font-weight: bold;
		font-size: 1.5em;
		display: none;
	}

form dl dt {
    clear: left;
}
form dl dd {
    margin: 5px;
}
form dl dt label {
    float: left;
    width: 150px;
    font-weight: bold;
}
input.cb {
    background-image: none;
    width: auto;
    height: auto;
    border: none;
}
input, select, textarea {width:250px; height: 30px; background-image: url('/asset/images/text_bg.gif'); padding: 0px 3px 0px 3px;  border: 1px solid #848484; background-repeat: repeat-x;}
input.dollar {
    background-image: url('/assets/images/dollar.gif');
    background-repeat: no-repeat;
}
textarea { height: 100px; font-size:100% }
select {
    width: 256px;
    padding: 0;
}
ul.errors {
    margin-left: 310px;
    float: left;
    width: 250px;
    clear: both;
}
ul.errors li, ul#form-errors li {
    list-style-image: url('/asset/images/cross.png');
    color: #DF6161;
}
#noscript {
    border: 1px solid red;
    background-color: #FF6F6F;
    padding: 10px;
    margin: 30px;
}

#key {
	color: #999;
    margin-top: 30px;
}

.changed {
    background: #FFFFA5;
}
div.optician {
    border-bottom: 1px solid #005DAC;
    cursor: pointer;
}
div.optician img {
    float: left;
    clear: both;

    padding: 5px 5px 5px 0px;
}
.nicEdit-main {
    background-color: white;
}
/* Popups */

#poSelector {
	padding: 10px;
	text-align: left;
}
	#poSelector span {
		font-weight: bold;
		padding-bottom: 5px;
		color: #005DAC;
	}

	#poSelector #buttons {
		width: 100%;
	}
	#poSelector #buttons a { float: left; margin: 15px 15px 0 0; }

#ammendmentForm #buttons {
	width: 256px;
	margin: 0 auto;
}
	#ammendmentForm .button { float: right; margin: 15px 0 15px 15px; }

#EmployerSkuForm { width: 700px;}
	#EmployerSkuForm input { width: 80px; }
	#EmployerSkuForm input.checkbox { width: 20px; }

#optician-element #result { padding: 5px;}
	#optician-element #result div { padding: 5px; background: #333; color: white;}


select.percentage {
    width: 120px;
    margin-bottom: 3px;
}
span.sign {
    width: 10px;
}

table#sku-data tbody tr td {
    vertical-align: middle;
}
