/*--RESET--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-family:verdana,helvetica,arial;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body{background:#fff url(images/header_bg.jpg) repeat-x top center; margin:0 0 50px 0; padding:0; font-size:12px; color:#000;}	
#admin_bg{background:#fff url(images/admin_header.jpg) repeat-x top center;}	
#supplier_bg{background:#fff url(images/supplier_header.jpg) repeat-x top center;}	

#outer, #content, #footer{width:100%; min-width:990px;}
#content{margin:10px 0 0 0;}
#header{height:100px;}

#navigation{height:40px; border-bottom:1px #fff solid;}
#navigation ul{list-style-type:none; width:auto; margin:0; border-left:1px solid #D0D0D0; border-right:1px solid #F7F7F7;}
#navigation ul li{display:block; float:left; border-left:1px solid #F7F7F7; border-right:1px solid #D0D0D0;}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{height:40px; line-height:41px; font-weight:bold; font-size:12px; display:block; float:left; color:#464545; padding:0 10px; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.selected{color:#666; background:#fff;}

#left_column{width:240px; margin:0 9px 0 0; padding:0 10px 0 10px; border-right:1px #363636 dotted;}
#right_column{margin-left:270px;}
#login_details{border:1px #e5e5e5 solid; color:#fff; margin:10px; height:60px; width:240px; overflow:auto;  padding:10px; background:#2b2b2b; filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#login_details p{margin:0; line-height:18px; font-size:10px;}
#login_details a, #login_details a:link, #login_details a:hover, #login_details a:visited, #login_details a:active{color:#fff;}
#footer{border-top:1px #363636 dotted;}
#footer_content{padding:10px; color:#999; font-size:10px;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.hide{display:none;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
#loading_image{position:fixed; bottom:0; left:0; background:#880101; color:#fff; font-weight:bold; width:120px; height:30px; line-height:30px; padding:5px;}
.login_form{width:250px; font-size:14px; font-weight:bold; padding:5px;}
input, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; padding:5px;}
.form{width:400px; font-size:12px; padding:5px;}

.content_table td{padding:5px;}
p,h1,h2,h3,h4,h5,h6{margin-bottom:20px;}
h1, h2, h3, h4, h5, h6{text-align: left; margin:0 0 10px 0;}
h1 {font-size: 180%; color: #3399ff;}
h2 {font-size: 140%; color: #74a33b;}
h3 {font-size: 125%; color: #777;}
h4 {font-size: 110%; color: #666;}
h5 {font-size: 100%; color: #838383;}
h6 {font-size: 11px;}
ul,ol{margin:0 0 20px 30px;}
ul li, ol li{margin:0 0 10px 0;}
ul.mailing_list{margin:0;}
ul.mailing_list li{ list-style:none; background:transparent url(images/mail_small.png) no-repeat 0 0; padding:0 0 0 20px;}
p{line-height:25px;}
a, a:link, a:visited{color:#39f;}
a:hover, a:active{text-decoration:none;}
.error{margin:0 0 10px 0; border:1px #900 solid; background:#900; color:#fff; padding:5px; position:absolute; top:142px; right:10px; width:700px;}
.success{margin:0 0 10px 0; border:1px #39f solid; background:#39f; color:#fff; padding:5px; position:absolute; top:142px; right:10px; width:700px;}
.error p, .success p{margin:0;}
a.close, a:link.close, a:visited.close, a:active.close, a:hover.close{font-weight:bold; color:#fff; text-decoration:none;height:15px; padding:0 2px; width:8px;}
sub{font-size:10px;}
table.mail_table th{background:#cde9f7; color:#2e81d4; font-weight:bold; padding:2px;}
table.mail_table th.mail_options{text-align:left; background:#0081c2;}
table.mail_table th.left{text-align:left;}
table.mail_table th.mail_options input{font-size:10px;}
table.mail_table td{background:#f8f8fb; border-bottom:1px #e6e7e8 solid; padding:5px;}
table td{padding:5px;}
table.show_lines td{border-bottom:1px #e5e5e5 solid;}

.input_error{background-color:#FDD; border:1px #C00 dashed ;}

/* multiselect styles */
.multiselect {
	width: 700px;
	height: 200px;
}
.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }