@charset "UTF-8";

body {
	margin:0;
	font:100% Verdana,Arial, sans-serif;
	color: #666; 
	padding:0;
	background: #364b5b url("images/bg.gif") repeat-x;
}

img { border: 0; }

div#wrapper {background: url("images/bg-city.jpg") no-repeat top center;}

div#container{
	width: 925px;
	padding: 0;
	margin:0 auto;
	text-align: left;
}

p, ul, ol {font-size: 80%; line-height: 1.5; margin:0; padding:0 0 10px 0;}
ul li, ol li {margin: 0 0 0 30px;}

a {color: #251d70; text-decoration: underline;}

div#header {background: url("images/header.jpg") no-repeat; height:120px; overflow:hidden;}
div#header img {margin:10px 0 0 0;}

div#content {background:#fff; padding: 30px 15px;}



/* breadcrumb  --------------------------------------- */
div#breadcrumb {background: #929ba5;}
div#breadcrumb ul {margin:0 10px; padding:0; font-size: 75%; line-height: 1.2;}
div#breadcrumb ul li {margin:0; padding:2px 30px 2px 5px; display:inline; list-style:none; float:left; font-weight:bold; background:url("images/bread-bg.gif") right center no-repeat;color: #335e03;}
div#breadcrumb ul li.selected {background:none;}
div#breadcrumb ul li span {font-size: 75%; font-weight:normal;}
div#breadcrumb ul li a {color: #333; text-decoration:none;}


/* main nav  --------------------------------------- */
div#main_nav {background: #251d70;}
div#main_nav ul {font-family:Arial, Helvetica, sans-serif; font-size:85%; padding:10px 0 0 15px;margin:0;}
div#main_nav ul li {list-style:none; display:inline; padding: 5px 15px; float:left; margin:0 5px 0 0;}
div#main_nav ul li.selected {background: #fff;}

div#main_nav ul li a {text-decoration:none; color: #d6dde5;font-weight: bold; }
div#main_nav ul li.selected a {text-decoration:none; color: #251d70;}



/* layout -------------------------- */
div#content_left {float:left; width: 220px; margin:0 30px 0 0;}
div#content_right {float:left; width: 645px; margin:0;}

div#content_left_half {float:left; width: 430px; margin:0 35px 0 0;}
div#content_right_half {float:left; width: 430px; margin:0;}

div.formbox {background: #d6dde5 url("images/formbox-top.gif") no-repeat; padding: 15px 15px 5px;}
div.formbox_btm {background: #d6dde5 url("images/formbox-btm.gif") no-repeat; height: 10px; margin:0 0 15px;}

div.formbox_large {background: #adcf8a url("images/formbox-large-top.gif") no-repeat; padding: 10px 15px 0px; clear:left;}
div.formbox_large_btm {background: #adcf8a url("images/formbox-large-btm.gif") no-repeat; height: 10px; margin:0 0 15px;}



/* report tabs -------------------------- */
ul#report_tabs {padding:0;margin:0 0 0 15px; font-family:Arial, Verdana, sans-serif; font-size: 75%;line-height: 1; height: 25px;}
ul#report_tabs li {list-style:none; padding:0 0 0 5px; float: left; margin:0 10px 0 0; height: 25px; background: url("images/reporttab-left.gif") no-repeat left top;}
ul#report_tabs li.selected {background: url("images/reporttab-left-selected.gif") no-repeat left top;}
ul#report_tabs li a {color: #666;float:left;display:block; text-decoration:none;font-weight: bold; padding: 7px 10px 6px 5px;background: url("images/reporttab-right.gif") no-repeat right top;}
ul#report_tabs li.selected a {color: #335e03;background: url("images/reporttab-right-selected.gif") no-repeat right top;}
ul#report_tabs li a:hover {text-decoration:underline;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
ul#report_tabs a {float:none;}
/* End IE5-Mac hack */



/* sub nav -------------------------- */
ul#sub_nav {font-family:Arial, Helvetica, sans-serif; font-size:85%; padding:0; margin:0;border-top: 1px solid #d6dde5;}
ul#sub_nav li {border-bottom: 1px solid #d6dde5; list-style:none; padding: 5px 10px; margin:0;}
ul#sub_nav li.selected {background: #adcf8a;}

ul#sub_nav li a {color: #395061; font-weight:bold; text-decoration:none;}
ul#sub_nav li.selected a {color: #335e03;}

/* list within sub nav list ----- */
ul#sub_nav li ul {font-size: 90%; margin:5px -10px 0;border-top: 1px solid #c6cbc1; padding:0; background: #fff;}
ul#sub_nav li ul li {padding: 5px 10px 5px 35px;border-bottom: 1px solid #c6cbc1; background: url("images/subnav-arrow.jpg") left center no-repeat;}
ul#sub_nav li ul li.selected {background: #e9fad7 url("images/subnav-arrow-selected.jpg") left center no-repeat;}

ul#sub_nav li.selected ul li a {color: #67727a;}
ul#sub_nav li.selected ul li.selected a {color: #335e03;}



/* option lists -------------------------- */
ul.options {font-family:Arial, Helvetica, sans-serif; font-size:85%; padding:0; margin:0;border-top: 1px solid #d6dde5;}
ul.options li {border-bottom: 1px solid #d6dde5; list-style:none; padding: 5px 10px; margin:0;}

ul.options li a {color: #395061; font-weight:bold;}

/* sortable lists -------------------------- */

ul.sortable, ul.sortable li {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.sortable li {
  background: url("images/drag-icon.gif") no-repeat right center;
  padding-right: 30px;
  cursor: row-resize;
}

ul.codecs {margin:0 0 10px;}
ul.codecs li {padding: 5px 40px 5px 0;}


/* filter -------------------------- */
div.filter {border-top: 3px solid #d6dde5; border-bottom: 3px solid #d6dde5; padding: 5px 0; margin:0 0 10px;}
div.filter p {padding:0;}



/* pagination ------------------------ */

p.pagination {text-align:center; padding:0 0 20px;}
p.pagination_btm {padding:10px 0 20px;}

a.pag_text {font-weight:bold; padding: 0 5px}
a.pag_num {color: #666;}



/* fake popup -------------------------- */
div#overlay {position:fixed; top:0; left:0; z-index:4; width: 100%; height: 100%; background: url("images/black-70.png") repeat 0 0 transparent;}
* html div#overlay {
		background: none;
		background-color: #000;
		opacity: .70;
		filter: alpha(opacity=70);
}
* html body#body_pop {height: 100%;}

div#popup_holder {position:fixed; z-index:5; left: 0; top: 200px; width: 100%; }
div#popup {background: #fff; width: 700px; margin:0 auto; border: 5px solid #251d70; height: 350px}
div#popup_inner {padding: 10px 10px 0;}
div#popup_content {margin:10px 0 0 0;}
div#popup_ivr {background: #fff; width: 700px; margin:0 auto; border: 5px solid #251d70; height: 230px}




/* tables -------------------------- */
table {font-family: Verdana,Arial, sans-serif; margin:0 0 10px;}
div#content table {width: 895px; }
div#content div#content_right table {width: 645px; }
div#content div#content_right div.formbox table {width: 615px; }

table th {background: #d6dde5; padding: 7px 10px; color: #395061;font-family:Arial, Helvetica, sans-serif; font-size:85%; text-align:left;}
table th.id {border-left: 1px solid #d6dde5;}
table th span {font-family: Verdana,Arial, sans-serif; color: #666; font-weight:normal; font-size: 80%; margin:0;}
table th.center {text-align:center;}


table td {padding: 10px;font-size: 80%; text-align:left;border-bottom: 3px solid #d6dde5; border-left: 1px solid #d6dde5;vertical-align:middle;}

div.formbox table th {border-bottom: 3px solid #b4bcc5;}
div.formbox table td {border-bottom: 1px solid #b4bcc5; border-left:none;color: #333;}
div.formbox table td.child {padding:10px 10px 10px 35px; background: url("images/rounded-arrow.gif") left center no-repeat; font-weight:normal;color: #666;}

table td span {color: #999;}
table td.center {text-align:center;}

table tr.bg td {background: #f5f7fa;}

table td.right {text-align:right;}



/* footer -------------------------- */
div#footer {border-top: 20px solid #d6dde5; background: url("images/footer-bg.gif") no-repeat; height: 50px; margin:0 0 20px;}
div#footer p {font-size: 70%; padding: 17px 15px 0; color: #213c01;}




/* Hs and Ps -------------------------- */
h1 {color: #223b4e; font-size: 155%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0 0 15px; padding:0;line-height: 1.3;}
h1 span {background: #fffdcc; padding: 5px;}

h2 {color: #223b4e; font-size: 110%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0 0 10px; background: #fffdcc; padding: 5px; line-height: 1.3;}

h3 {color: #335e03; font-size: 90%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0 0 10px; background: #adcf8a; padding: 5px; line-height: 1.3;}

h1.error {background: #fdf9ea url("images/caution-icon.gif") left center no-repeat; padding: 10px 10px 10px 45px; border: 2px solid #d9c168; margin:10px 0 10px 0;  color: #927817; font-size:80%}




p.right {text-align:right;}
p.centre {text-align: center;}

p.float_right {float:right;}

p.reallocate_top {font-size: 65%; background: url("images/reallocate-arrow-down.gif") left top no-repeat; padding:0 0 8px 35px; margin:0 0 5px 10px;}
p.reallocate_btm {font-size: 65%; background: url("images/reallocate-arrow-up.gif") left top no-repeat; padding:5px 0 8px 35px; margin:0 0 0 10px;}

p#status {float:right; margin:25px 15px 0 0; color: #fff;font-size: 75%;padding:0;}
p#status span {background: #4f8c0b; padding: 5px 8px; margin:0;}
p#status a {color: #fff; padding: 5px 0; margin:0}

p.csv {float:right; background: url("images/csv-icon.gif") left center no-repeat; padding:0 0 0 20px;}
p.csv a {color: #666;}

p.button_below_table {margin:15px 0 0 10px;}


span.highlight {background:#FFFF99; padding: 2px; font-weight:bold;}


/* clears and images ------------------- */
img.standard_btn {margin:0 0 0 10px;}
img.cal_icon {vertical-align:middle; margin:0 15px 0 0;}
img.reallocate_selected {vertical-align:middle; margin:0 0 0 10px;}

img.table_btn {margin:0 0 0 10px;}

img.cross {vertical-align:middle; margin:0 0 0 10px; cursor: pointer;}
img.drag {vertical-align:middle; margin:0;}

img.add_step_btn {margin:10px 0 0 0;}

div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}
div.clear_right {clear: right;line-height: 0.1; height: 1px;}
div.clear_both {clear: both;line-height: 0.1; height: 1px;}




/* forms -------------------------- */
form.standard_form, form.stats_form {margin:0; padding:0;}

div.form_left {float:left;}
div.form_header {border-top: 1px solid #b7c0cb;margin:5px 0 0 0;}
div.widget_search_results {margin:0 0 0 180px;}
div.widget_search_results ul {margin:0; padding:0;}
div.widget_search_results ul li {margin:0; padding:3px 0 3px 35px; background: url("images/rounded-arrow.gif") left center no-repeat; font-weight:normal;color: #666; list-style:none;}


form.standard_form label {
	color: #395061; 
	font-size: 85%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	display: inline;
	width: 180px;
	float: left;
	margin: 10px 0 10px 0;
	clear: left;
}

form.standard_form label.inline {
	color: #395061; 
	font-size: 85%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	margin: 10px 10px 10px 0;
	clear:none;
	width:auto;
}

form.standard_form div.form_header label {color: #22313c;}

form.stats_form label {
	color: #335e03; 
	font-size: 85%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	margin: 5px 5px 5px 0;
}

input.standard_text {margin:5px 0 10px 0; padding:5px; width: 290px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.standard_text[disabled] { background: #fff; border:1px solid #fff; color: #000;}
input.medium_text {margin:5px 0 10px 0; padding:5px; width: 200px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.small_text {margin:5px 0 10px 0; padding:5px; width: 100px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.tiny_text {margin:5px 0 10px 0; padding:5px; width: 40px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.search_text {margin:0 0 20px 0; padding:5px; width: 290px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}

textarea {margin:5px 0 10px 0; padding:5px; width: 290px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666; height: 100px; line-height: 1.5;}

input.date_text {margin:0; padding:5px; width: 80px; background: #f1f3f6; border: 1px solid #b7c0cb; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666; vertical-align:middle;}

input.standard_btn {margin:0 0 0 10px;}
input.stats_btn {margin:0 0 0 20px; vertical-align:middle}
input.search_btn {margin:0 0 0 10px; vertical-align:middle}
input.pop_btn {margin:10px 0 0 10px; }

input.standard_check {margin:13px 0 10px 0;}

p.form_string {margin:0; padding:0;}
p.form_string_wpad {margin:10px 0 10px; padding:0;}
p.line_seperator {border-top: 1px solid #b7c0cb;margin:5px 0 0 0; padding:0 0 5px;}

select.standard_dd {margin:8px 0 10px 0; width: 300px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
select.medium_dd {margin:8px 0 10px 0; width: 180px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
select.small_dd {margin:8px 0 10px 0; width: 130px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
select.mini_dd {margin:8px 0 10px 0; width: 70px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
select.stats_dd {margin:8px 20px 10px 0; width: 180px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}
select.qty_dd {margin:0; width: 50px; background: #f1f3f6; font-size: 12px;font-family:Verdana,Arial, sans-serif; color:#666666;}

form.standard_form label.error { color: #ff0000; }
input.error {border: 1px SOLID #FF0000; }
select.error {border: 2px INSET #FF0000; }


/* forms in tables --------------------------------------------------- */

td input.small_text, td input.medium_text, td input.tiny_text {margin:0;}
td select.medium_dd, td select.small_dd {margin:0;}



/* umi function returning results into form -------------------------- */

div#umi_txt {margin:0 0 10px 180px; font-size: 70%;}