html
{
	height:100%;
}
body 
{
	width:100%; 
	height:100%; 
	padding:0;
	margin:0;
	background:#fff; 
	font:12px Tahoma,Arial, Helvetica, sans-serif
}
img 
{
	border:0;
}
p, td 
{
	/*font:12px Tahoma, Arial, Helvetica, sans-serif;*/
}
h1 
{
	color:#000;
	font:22px/36px Arial, Helvetica, sans-serif;
	margin:0;
}
h2, h3, h4 
{
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}
a 
{
	/*color:#000;
	text-decoration:underline;*/
}
hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:5px 0;
}
#wrap 
{
	min-width:960px;
	height:100%;
}

.starrequired
{
	color:Red;
}

#header {margin:0; background:url(images/top-bg.png) repeat-x left top;}
#header .left {color:#fff;font:14px Arial, Helvetica, sans-serif;padding:6px 0 0 13px;}
#header .left a {text-decoration:none; color:#fff}
#header .left .top {font:bold 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#header .left .bottom {font:14px Arial, Helvetica, sans-serif;margin:-2px 0 5px 0;}
#header .middle {color:#fff;font:12px Arial, Helvetica, sans-serif;vertical-align:bottom;padding:0 0 6px 0}
#header .middle a {color:#fff;text-decoration:none;}
#header .middle a:hover {text-decoration:underline;}
#header .middle a.selected {text-decoration:underline;}
#header .right {padding:0px 10px 0 0;color:#fde403;font:18px/18px Arial, Helvetica, sans-serif;text-align:right;}

#sub-header {background:#e2e2e2 url(images/header-bg.jpg) top left repeat-x; margin:0 0 2px 0;}
#sub-header .left {}/*20%*/
#sub-header .left h1 {margin:0;}
#sub-header .left h1 span {display:none;}
#sub-header .right {background:url(images/engine-bg.png) no-repeat top right; vertical-align:bottom;}
/*
#sub-header .right a {color:#1e1e1e;font:bold 12px/22px Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;}
#sub-header .right a {background:url(images/horizontal_menu_left_background.png) top left no-repeat;display:inline-block;padding:0 0 0 5px;}
#sub-header .right a span {background:url(images/horizontal_menu_right_background.png) top right no-repeat;display:inline-block;padding:0 5px 0 0;}
#sub-header .right a span span {background:url(images/horizontal_menu_middle_background.png);display:inline-block;text-align:center;white-space:nowrap;padding:0 5px}
#sub-header .right a:hover {color:#fff;}
#sub-header .right a:hover {background:url(images/horizontal_menu_left_background_hover.png) top left no-repeat;display:inline-block;padding:0 0 0 5px;}
#sub-header .right a:hover span {background:url(images/horizontal_menu_right_background_hover.png) top right no-repeat;display:inline-block;padding:0 5px 0 0;}
#sub-header .right a:hover span span {background:#98abb8;display:inline-block;text-align:center;white-space:nowrap;padding:0 5px}
#sub-header .right a.selected {color:#fff;border-bottom:2px solid #98abb8;margin:0 0 -2px 0;}
#sub-header .right a.selected {background:url(images/horizontal_menu_left_background_hover.png) top left no-repeat;display:inline-block;padding:0 0 0 5px;}
#sub-header .right a.selected span {background:url(images/horizontal_menu_right_background_hover.png) top right no-repeat;display:inline-block;padding:0 5px 0 0;}
#sub-header .right a.selected span span {background:#98abb8;display:inline-block;text-align:center;white-space:nowrap;padding:0 5px}
*/
#footer *
{
	margin:50px 0 0 0;
	color:#969696;
	font-size:11px;
	text-decoration:none;
}
#footer td
{
	padding:5px;
}
#footer .right 
{
	text-align:right;
}

#main {margin:0;}
#main .left {vertical-align:top;}/*20%*/
#main .left a {color:inherit;text-decoration:none;}
#main .left a:hover {text-decoration:underline;}
#main .left a.root-item-selected {color:#7c7c7c;font-weight:bold}
#main .left a:hover.root-item-selected {text-decoration:none;}
#main .left ul {color:#000000;font:12px/15px Arial, Helvetica, sans-serif;list-style:none;padding:0;margin:7px 0 0 0;}
#main .left ul li {border-bottom:1px solid #939393;padding:3px 0 3px 11px;}
#main .left ul ul {list-style:url(images/grey_arrow.gif);margin:0 0 0 19px;padding:0;}
#main .left ul ul li {border-bottom:none;padding:3px 0;}
#main .left ul ul li  a.item-selected {font-weight:bold}
#main .right {background:url(images/body-shadow.png) no-repeat left top; vertical-align:top;}
#main .right .page-header {background:#98abb8;}



.bx-component-panel .left {width:1px!important;padding:0!important;margin:0!important;}

.main-body-container {padding:10px 15px;}
.main-body-container a
{
	color:#2b5eaa;
	text-decoration:underline;
}

.page-header
{
	padding:5px;
}
.page-header h1
{
	color:White;
}
.order-body
{
	padding:10px 15px;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
}


table.order-list-table
{
	border-collapse:separate;
	width:100%;
	border-spacing:1px;
	border:solid 1px #98abb8;
}
table.order-list-table a
{
	color:#000;
}
table.order-list-table th
{
	font: 11px Tahoma,Arial, Helvetica, sans-serif;
	background:#cbd9e2;
	padding:5px;
}
table.order-list-table td.order-info
{
	background:#ccc;
	padding:3px;
}
table.order-list-table td.order-btn
{
	text-align:center;
	width:45px;
}
table.order-list-table tr.item-info
{
	background:#eee;
}
table.order-list-table tr.item-info td
{
	padding:2px;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
}

table.order-list-table tr.filtered td
{
	background:#f7f1dc;
}
table.order-list-table tr.result td
{
	/*border-top:solid 1px #c4cfd7;*/
	background:#dee2e7;
	padding:5px;
}
table.order-list-table a.filtered
{
	color:Gray;
}
table.order-list-table a.filtered span
{
	color:#000;
}
/*canceled*/
table.order-list-table tr.canceled td,
table.order-list-table tr.canceled td *
{
	color:#ccc !important;
}

table.order-list-table tr.click td
{
	background-color:#d0edda;
}
table.order-list-table td.hover
{
	background:#d6e5f1;
}
table.order-list-table tr.hover td
{
	background:#d6e5f1;
}

input.order-button
{
	padding:3px 6px;
	font:bold 12px Tahoma,Arial, Helvetica, sans-serif;
	background:#cbd9e2;
	border:solid 1px #98abb8;
	cursor:pointer;
}
input.order-button:hover
{
	background:#b4c8d6;
}
.order-input
{
	padding:2px;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
	background:#fff;
	border:solid 1px #98abb8;
}
.order-select
{
	border:solid 1px #98abb8;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
	padding:1px;
	height:20px;
	width:200px;
}
.order-select option
{
	padding:2px;
	background:#fff;
	
}
.order-select option:selected
{
	font-weight:bold;
	padding:1px;
}
.order-textarea
{
	width:98%;
	padding:2px;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
	background:#fff;
	border:solid 1px #98abb8;
}
.verify_order_container
{
	margin:10px 0 10px;
	padding:1px;
	border:solid 1px #98abb8;
}
.verify_order, .verify_order td
{
	font:11px Tahoma,Arial, Helvetica, sans-serif;
	background:#ececec;
	text-align:left;
}

.verify_descr
{
	padding:10px;
}
.wh-code
{
	color:Gray;
	font-weight:normal;
}
.filter-field-name
{
	font:bold 11px Tahoma,Arial, Helvetica, sans-serif;
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
}

/*notification*/
div.notification_container
{
	margin:10px 0 10px;
	padding:1px;
	border:solid 1px #98abb8;
	background-color:#fff;
}
div.notification_container div.notification
{
	padding:10px;
	background-color:#fdf0bf;
}



/*search cross confirm*/
div.cross-confirm-container
{
	width:280px;
	background:#fff;
	position:absolute;
	z-index:1000;
	/*border:solid 1px #fde384;*/
	border:solid 1px #98abb8;
	padding:1px;
	display:none;
}
div.cross-confirm-container div.cross-confirm
{
	background:#fdf0bf;
	padding:15px;
	text-align:center;
	font:12px Tahoma,Arial, Helvetica, sans-serif;
}
div.cross-confirm-container div.cross-confirm a
{
	color:#000;
	display:inline-block;
	font-weight:bold;
	padding:3px;
	width:60px;
	background:#cbd9e2;
	border:solid 1px #98abb8;
	cursor:pointer;
	text-decoration:none;
}
div.cross-confirm-container div.cross-confirm a:hover
{
	background:#b4c8d6;
}

/*Navigation*/
div.nav-container
{
	background:#fff;
	position:fixed;
	z-index:1000;
	/*border:solid 1px #fde384;*/
	border:solid 1px #98abb8;
	padding:1px;
	bottom:5px;
	right:40%;
}
div.nav-container div.nav
{
	background:#fdf0bf;
	padding:5px 10px;
	text-align:center;
	font:12px Tahoma,Arial, Helvetica, sans-serif;
}

/*change status window*/
div.change-status-container
{
	width:310px;
	background:#fff;
	position:absolute;
	z-index:1000;
	/*border:solid 1px #fde384;*/
	border:solid 1px #98abb8;
	padding:1px;
	display:none;
}
div.change-status-container div.change-status
{
	background:#fdf0bf;
	padding:10px;
	text-align:center;
	font:12px Tahoma,Arial, Helvetica, sans-serif;
}
div.change-status-container div.change-status a
{
	display:inline-block;
	font-weight:bold;
	padding:3px;
	width:80px;
	background:#cbd9e2;
	border:solid 1px #98abb8;
	cursor:pointer;
	text-decoration:none;
}
div.change-status-container div.change-status a:hover
{
	background:#b4c8d6;
}

/*modal*/
div#nyroModalFull {
	font-size: 11px;
	color: #000;
}
div#nyroModalLoading {
	border: 1px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/modal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 1px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 1px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(images/modal/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(images/modal/prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(images/modal/next.gif);
}