/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */

* {
  margin: 0;
  padding: 0;
}
html, body, #main_table{
height: 100%;
}
body {
  font:83%/1.5 arial,tahoma,verdana,sans-serif;
  color:#333;
}
table td{
vertical-align: top;
}
/*Content table*/
#main_table{
width: 100% ! important;
}
#index_main_table{
width: 900px ! important;
margin-left: 2%;
}
#index_top_table{
margin-left: 2%;
width: 80% ! important;
}
#top_table{
width: 200px;
height: 100px ! important;
}
#site_name{
	float: left;
	width: 200px;
	height: 20px;
	padding: 10px 0px 0px 20px; 
}
#content_table{
width: 200px ! important;
}

#index_content_table .date{
font-size: 12px;
color: #911e00;
padding-left: 0px;
}

#index_content_table .item a{
font-weight: bold;
color: #e24800;
}
#index_content_table p{
	color: #676767;
}

#index_content_table .item p{
margin-left: 0px;
font-weight: normal;
text-decoration: none;
font-size: 12px;
color: #9f5a33;
padding-left: 0px;
}
#index_content_table .item{
width: 280px;
padding-left: 50px;
}


#index_content_table{
color: #676767 ! important;
width: 350px ! important;
}

#index_content_table h1{
	font-family: Arial;
	font-size: 180%;
	color: #000000 ! important;
	padding-left: 30px;
	background: none;
}


/*news of ather pages*/
#content_table .item{
border-left: #bfc4ab 4px solid;
padding-left: 20px;
color: #8096a6;
}
.item h3{
padding-bottom: 10px;
margin-bottom: 0px;
font-size: 17pt;
font-weight: normal;
color: #a02c00;
}
#content_table .item a{
font-size: 10pt;
font-weight: normal;
color: #5492bd;
}
#content_table  .date{
font-size: 12px;
color: #c3c3c3 ! important;
}
#content_table p, #content_table  .date{
width: 180px;
font-weight: normal;
text-decoration: none;
	font-family: Arial;
	font-size: 8pt;
text-align: justify;
color: #676767;
}
/*END news of ather pages*/
/* LINKS */

#index_phone {
margin-left: 20px;
margin-top: 10px;
height: 60px;
color: #000000;
	font-family: Arial Narrow;
	font-size: 11pt;
	background: transparent url(../images/phone.jpg) no-repeat 0 0;
	padding-left: 60px;

}
#index_phone  u{
	color: #4580ca;
	font-family: Arial Narrow;
	font-size: 17pt;
}
a,a:link,a:link,a:link,a:hover {
 background:transparent;
 text-decoration:underline;
} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 
a.h3 {
 color:#c00;
 font-size:126%;
}

a.h3:visited {color:#c00;};

/* FORMS */
form {margin: 0 0 1.5em 0em;}
input {
 font-family: arial,tahoma,verdana,sans-serif;
 margin: 0px 0
}

fieldset {

border: none}



fieldset label {
	color: #a02c00; 
}


fieldset .logo {
padding: 5px 5px 5px 5px;
border-top: #fb9526 2px solid;
border-left: #e96d23 2px solid;
border-right: #ca3f20 2px solid;
border-bottom: #b33318 2px solid;
background-color: #ffffff;
}

label {
 display:block;
 padding-top: 5px;
}

label br {
 clear:left
}
label a {
 padding-left: 0px;
}

/* FORMS - general classes */
input.f-submit {
 padding: 0 5px 2px 5px;
 background:#e36a00 url('../images/button.jpg') repeat-x 0 0;
 color:#fff;
 height: 24px;
 font-size: 11px;
 cursor: pointer;
 border: #cc5721 1px solid;
}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
.f-wrap-1 {
width: auto;
 color: #a02c00;
 padding-left: 15px;
 padding-bottom: 30px;
 background: #ffecd7 url(../images/form_bottom_left.jpg) no-repeat 0 100%;
}

.f-wrap-1 fieldset {
 margin: 0 0em;
 font-size: 11px;
}

.f-wrap-1 h3 {
 margin:0.5em 0 .6em;
	font-family: Tahoma;
	font-size: 17pt;
	font-weight: normal;
 color:#a02c00;
}
.f-wrap-1 h4 {
 clear:both;
margin-top: 25px;
}
.f-wrap-1 label {
 clear:left;
 float:left;
 font-size: 11px;
 width:auto;
 /*border-top: 1px solid #fff*/
} 
		
/* hide from IE mac \*/
.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */
	
.f-wrap-1 label input, .f-wrap-1 label textarea, .f-wrap-1 label select {
 font-size: 120%;
 float:left;
 margin-left:2px
}

.f-wrap-1 div.hint {
 clear:left;
 font-size:80%;
}

.f-wrap-1 label input[type=radio] {width:auto;}
.f-wrap-1 label .JSCalendar {width:auto;}
		
.f-wrap-1 label b {
 float:left;
  width:15em;
  line-height: 1.7;
  display:block;
}


.f-wrap-1 div.req {
 font-size:100%;
 font-weight:normal;
 margin-right: 10px;
 width:20em;
 text-align:left
}

.f-wrap-1 div.req b {
 font-size:140%
}

.f-wrap-1 label select {width: auto}
.f-wrap-1 label textarea.f-comments {width: auto}
.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 15em}
.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
.f-wrap-1 hr, .f-wrap-1 hr {
 margin: 0em 0;
 background:#ffffff;
 height:1px;
 display:block;
 border:none;
 clear:both
}

.f-wrap-1 h4{
	color: #a02c00;
}

.f-wrap-1 fieldset.f-checkbox-wrap, .f-wrap-1 fieldset.f-radio-wrap{
padding: 5px 0;
}

.f-wrap-1 fieldset.f-checkbox-wrap b, .f-wrap-1 fieldset.f-radio-wrap b {
 float:left;
 width:15em;
 display:block;
 padding-top:0em
}

.f-wrap-1 fieldset.f-checkbox-wrap fieldset, .f-wrap-1 fieldset.f-radio-wrap fieldset {
 float:left;
 width:20em;
 margin: 0px 0 -4px 0px
}

.f-wrap-1 fieldset.f-checkbox-wrap label, .f-wrap-1 fieldset.f-radio-wrap label {
 float:left;
 width:100%;
 border:none;
 margin:0;
 padding:2px 0;
 margin-right:-3px;
}

.f-wrap-1 label input.f-checkbox, .f-wrap-1 label input.f-radio {
 width:auto;
 float:none;
 margin:0;
 padding:0;
 margin-right:5px;
 vertical-align:middle;
}

form input[type=checkbox], form input[type=radio]{
	width:1.05em;
	height:1.1em;
}
.f-wrap-1 label span.errormsg {
 height:40px;
 padding: 16px 0px 0px 70px;
 background: #c27326 url(../images/error.jpg) no-repeat 0 0
}

.f-wrap-1 label span.errormsg b {
 color:#B30800;
 
 font-weight:bold;
 float:none;
 line-height:1.3
}

.f-wrap-1 fieldset.f-checkbox-wrap, .f-wrap-1 fieldset.f-radio-wrap{
 clear: both;
}
/* TYPOGRAPHY */
p, ul, ol {font-size: 1em; margin: 0 0 1.5em}
h3, h4, h5, h6 {
 letter-spacing: -1px;
 font-family: arial,verdana,sans-serif;
 color:#000;
}

h1 {font-size: 130%;margin-top:.6em;font-family:verdana; font-weight: normal;}
h2 {font-size: 110%;font-family:verdana; font-weight: normal;}
h2 a, a h2 {
color: #f15918;
}
h1 {font-size: 180%;margin-top:.6em}
h2 {font-size: 128%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}

.error {
 color:#ff0000;
 padding: 10px 0px 10px 80px;
 vertical-align: middle;
 background: #fee0be url(../images/error.jpg) no-repeat 0 0;
 height:50px;
 
}

.error_form {color:#c00;font-weight:bold;font-size:0.8em;}
.success {
 color:#e95102;
 background: #fee0be url(../images/ok.jpg) no-repeat 0px 0px;
 height:40px;
 padding: 16px 0px 0px 70px;
}

.info {
 color:#000000;
 background: #fee0be url(../images/system.jpg) no-repeat 0px 0px;
 height:40px;
 padding: 16px 0px 0px 70px;
}
.caption {color:#999;font-size:11px}
.date {
 font: bold 82% arial;
 color:#bbb;
 display:block;
 letter-spacing: 1px
}
small {font-size:11px}

/* LISTS */
ul {
 margin: .3em 0 1.5em 0;
 list-style-type:none
}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {
 margin-left: 1.4em;
 background: none; 
 list-style-type: decimal
}

li {
 line-height: 1.4em;
 padding-left: 10px;
 background: transparent url("../images/sprites_li.gif") no-repeat 0 0
}

ul.errors{padding-left: 25px;}
ul.errors li{
 height:40px;
 padding: 16px 0px 0px 70px;
background: url("../images/error_small.jpg") no-repeat 5px 5px; color:#c00;}

li.clean {background:none};

li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {
 margin: 1em 0;
 background:#f2f2f2;
 height:1px;
 color:#f2f2f2;
 border:none;
 clear:both
}

.clear {
 clear:both;
 position:relative;
 font-size:0px;
 height:0px;
 line-height:0px
} 

/* LAYOUT - HEADER */
#index_header {
height: 315px;
width: 633px;
 margin: 0 0 0px;
 padding: 0 0 0px;
 background: url("../images/syut.jpg") no-repeat 0 0;
}
#header {
width: 100%;
height: 89px;
 margin: 0 0 0 0px;
 padding: 0 0 0 0px;
 position: relative;
 z-index: 0;
 background: transparent url("../images/bg_menu.jpg") repeat-x; 
}
#sub_nav{
width:100%;
 background: #68c4eb url("../images/bg_menu.jpg") repeat-x; 
 z-index: 0;
 position: absolute;
 top: 0%;
 height: 68px;
}
#header_right {
width: 200px;
float:right;
color: #ffffff;
	font-family: Arial Narrow;
	font-size: 12pt;
padding-top: 90px;
padding-left: 10px;
}
#header_left {
width: 200px;
float:left;
color: #ffffff;
	font-family: Arial Narrow;
	font-size: 12pt;
padding-top: 90px;
padding-left: 10px;
margin-right: 50px;
}
#header_left a, #header_right a {
color: #ffffff;
}
	
/* SEARCH */
#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
#search form {margin:0}
#search input {width:8em;margin: 0 0 -1px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}

/* LOGIN */
/* LOGIN ADMIN */
.login {
margin-right: 0px;
padding: 10px 20px 10px 20px;
	color: #95988c;
	background-color: #fff6da;
	font-family: Arial Narrow;
	font-size: 10pt;
 font-weight:normal;
	vertical-align: middle;
	text-align: right;
 border-left: #ee6a24 4px solid;
}
#content_table .login form{
width: 13em;
}
#content_table .login span{
	float:left;
	margin: 0 5px 0 1em;
}

#pay .login form{
width: 13em;
}
#pay .login span{
	float:left;
	margin: 0 5px 0 1em;
}
.login #a-login, .login #a-pass{
	float:left;
}

.login form {

margin:0}

.login #balance{
color: #ee6a24 ! important;
font-size: 18px;
float:none ! important;
margin: 0 0px 0 0px ! important;
font-weight: bold;
}
.login input {
 width:8em;
 margin: 0 0 2px 0px;
 height:auto;
}
#content_table .login_input{
 width:8em;
 margin: 0 0 0px;
 height:auto;
}

.login label {
float:right;
 padding:5px 0 0;
 display:inline
}

.login input.f-submit {
 cursor: hand;
 width:auto;
 font-size:81%;
 margin:2px 4px 0px;
 height:auto;
}
#content .login {
width: 35em ! important;
margin-right: 0px;
	color: #000000;
	background-color: #ffffff;
	font-family: Arial Narrow;
	font-size: 10pt;
 font-weight:normal;
	vertical-align: middle;
 border-left: #ee6a24 0px solid;
}
#content .msg{
padding-left: 2em;
}
#content .titlelog{
width: 5em;
padding-right: 1.6em;
margin-right: 5em;
}
#content .titlepass{
width: 5em;
padding-right: 1em;
margin-right: 5em;
}
.login span{
	float:left;
	margin: 0 5px 0 1em;
}
.login #a-login, .login #a-pass{
	float:left;
}

#content .login input {
 width:20em;
 margin: 0 0 2px 0px;
 height:auto;
}

#content .login input.f-submit {
 cursor: hand;
 width:auto;
 font-size:81%;
 margin:2px 4px 0px;
 height:auto;
}

#content .login label {
 float:right;
 padding:5px 0 0;
 display:inline
}
/* LOGIN INDEX */
#index_auth{
vertical-align: middle;
	position: absolute;
	top: 10%;
	left: 30%;
	visibility: hidden;
} 
#index_auth .login{
	padding: 30px 30px 30px 0px;
	vertical-align: middle;
	text-align: right;
	width: 180px;
	border: #ee6a24 1px solid;
	border-left: #ee6a24 5px solid;
	background-color: #fff3d9;
}
#index_auth .login, #index_auth a{
	color: #d74c1b;
}

#index_auth span{
	float:left;
	margin: 0 1em 0 1em;
}
#index_auth #a-login, #index_auth #a-pass{
	float:right;
}
#index_auth b{
	padding: 2px 5px 2px 5px;
	background-color:  #ee6a24;
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	right: 0%;
}
#login_index {
width: 110px;
float: right;
text-align: left;
padding-left: 60px;
padding-top: 10px;
margin-top: 10px;
background: url(../images/auth.jpg) no-repeat 0 0;
height: 45px;
	cursor: pointer;
	color: #4580ca;
	font-size: 17pt;
	font-family: Arial Narrow;
}

#login_index_auth_user{
background: transparent url(../images/login_user.jpg) no-repeat 0 0;
border-right: #4580ca 1px solid;
margin-top: 10px;
width: 60px;
padding-right: 10px;
float: right;
height:58px;
cursor: pointer;
}

#login_index #balance{
font-color: #92c329;
}
/* POWERED BY - mollio logo in this case */
#poweredby {
 width:96px;
 height:63px;
 position:absolute;
 top:-102px;
 right:0
}

/* LAYOUT - main body of page */
#wrap {
 min-width:770px;
 max-width:1200px;
 margin: 0 auto;
 position:relative
}


#utility {
 width: 200px ! important;
 height: auto;
 background: url("../images/pin.jpg");
 border-left: #2495c5 4px solid;
}

#sidebar {
 position:absolute;
 top:0;
 right:25px;
 width:20%;
 border-top: 5px solid #999;
 padding-top: 1px;
 padding-bottom: 40px
}
/*img_button*/
.img_button{
border: #7ad0f3 2px solid;
margin-right: 5px;
}

/* Tabs Panel */
div.tabsPanel span {
margin-bottom: 10px;
}

div.tabsPanel a, div.tabsPanel a:hover  {
 background: url("../images/arrow_on.jpg") no-repeat;
 color: #000000;
 text-decoration: none;
 padding-left: 11px;
 padding-right: 15px;
}
div.tabsPanel span.active  {
 background-color: #ffecd7;
 color: #000000;
 margin-right: 10px;
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 15px;
 padding-right: 15px;
}


#index_text{
width: auto;
padding-top: 50px;
margin-left:20px;
margin-right:25px;
background: #ffe3c0 url("../images/index_text.jpg") repeat-x -20px 0;
border-bottom: #fff4e6 2em solid;

}
#index_text h3{
width: 20em;
margin-bottom: 30px;
}	

#content{
 position: relative;
 z-index: 0;
 margin-left: 10px;
}

#content table{
width: 100%;
}
#content .login{
width: 15em;
}

#index_content {
margin-top: 20px;
background: #fff3e4 url("../images/top_index_text.jpg") repeat-x;

}

#content-wrap {
	width: 98%;
	margin-left: 10px;
}
#breadcrumb {
 margin-top:-5px;
}

#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
.featurebox {
	color:#780202;
	font-size:12px;
	padding-left: 1em;
}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
 margin: 0 0 .3em;
 color:#780202;
 text-decoration:none;
}
.featurebox ul{
	margin-left: 2em;
	list-style-type:disc;
}
.featurebox strong{
	font-weight: normal;
	text-decoration:none;
}
.featurebox h2 {
color: #420101;
}
.featurebox h1, .featurebox h3 {
padding-left: 50px;
padding-top: 8px;
padding-bottom: 8px;
color: #f15918;
 background: url("../images/for_h.gif") no-repeat 0 5%;
}

h3.providers{
padding-top: 8px;
padding-left:50px;
color: #f15918;
font-weight: normal;
height: 38px;
margin: 10px 0 10px 0;
background: url("../images/for_h.gif") no-repeat 0 5%;
}

.providersList {
	color: #bb7d52;
	margin: 0 0 .3em;
 	color:#780202;
 	text-decoration:none;
}

.providersList a span{
text-decoration: underline;
color: #780202;
}
.providersList a{
text-decoration: none;
color: #bb7d52;
}
.providersList a img{
text-decoration: none;
color: #bb7d52;
}
.provider {
	height: 70px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
 
}
.featurebox .item h3{
	margin-bottom: 0px;
	font-size: 17pt;
	font-weight: normal;
	padding-left: 0px;
	color: #a02c00;
	background: url();
	text-decoration: none;
}
.featurebox p {border:none;margin: 0 0 1em;}
.featurebox a {color: #bb7d52; }

/*------------Сраница новостей -----*/
.news {
	color:#000000;
	margin-top: 0,5em;
}
.news #date{
	height: 1%;
	color:#c3c3c3;
}
.news p{
	color:#000000;
}
.news ul{
	list-style-type:disc;
	color:#000000;
	margin-left: 2em;
}
.news h3{
 	display:inline;
	height: 1%;
	font-size: 140%;
	color:#5492bd;
}
.news b, .news p{
 color:#000000;
 background: url();
}


/*------------Избранные товары-----*/
#favorite{
	width: 250px;
}
#switch td a{	
	font-family: Arial;
	font-size: 11px;
	color: #5492bd;
	margin: 10px 10px 0 0;
	float: right;
}
/*------------Избранные товары-----*/
#utility .featurebox h1 {
	font-size: 120%;
}


.thumbnail {
 margin: 0 0 0 10px;
 position:relative;
 z-index:9999;
 border: 1px solid #eee;
 float:right;
 width:100px;
 padding:5px;
 background:#fff
}
 
.thumbnail img {border: 1px solid #000}
	
.pagination {
 color:#777;
 padding: 4px 2px 4px 7px;
 margin: 0 0 1.5em
}

.pagination p {
position: relative;
float: left;
 text-align:left;
}

.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
 color:#564f49;
 text-decoration:none;
 padding:2px 5px;
}

.pagination p a:hover {
 background:#cccccc;
 color:#fff;
}

.pagination p span {
 text-decoration:none;
 padding:2px 5px;
 font-weight: bold;
 color:#564f49;
}

.pagination * {margin:0}

.pagination h4 {
font-size: 100%;
font-weight: normal;
text-decoration: none;
 border:none;
}
	
#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
#resultslist-wrap li {padding: 0 0 1em; margin:0 0 0 1.2em; font: bold 145% arial}
#resultslist-wrap li dd {font: normal 73% arial}
#resultslist-wrap li dl {margin:0}
#resultslist-wrap dd {line-height:1.3}

#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {
 color:#999;
 display:inline;
 padding-right:.5em
}
	

#user_tree_pre{
background: url("../images/arrow.gif") no-repeat 100% 10%;
height: 50px;
float: left;
border-right: #ffc78c 6px solid;
margin-bottom: 2px;
}

.treedark{
background-color: #fff9e0;
}

#user_tree_uname{
background: url("../images/r.gif") repeat-y;
height: auto;
}

/* TABLES */
.table1 {border: 0px solid #900;border-collapse:collapse;width:100%}
.table1 td {height: 36px;  color:#2e2e2e; background: #fff url("") repeat-x; padding:1px; 
 border-top: #ffedd7 1px solid; vertical-align: middle;}
.table1 tr.dark td {color:#2e2e2e; background: #fff9e0 url(""); padding:1px; 
 border-top: #ffedd7 1px solid;}
.table1 tr td.sub {font-weight:bold;}
.table1 th {height: 36px; text-align:left;}
.table1 thead th {
 font-weight: normal;
 color:#2e2e2e;
 font-size:12px;
 background: #fff1d9 url("../images/th_bg.jpg") repeat-x 0 0;
 padding: 4px 4px;  text-align:left;
 padding-left: 10px;
}

.table1 thead th a, .table1 thead th a:hover, .table1 th a{ background: url("../images/arraow_sort.jpg") no-repeat 0 60%; padding-left: 12px; color:#333333 !important;}
.table1 td a{ color:#2e2e2e !important;}
.table1 thead td , .table1 td, .table1 tr.dark td {color:#2e2e2e !important; padding-left: 10px; font-size: 12px !important;}

.table1 tbody th {
 color:#a55d22;
 font-size:115%;
 background: #ffeed8 url("../images/sprites.gif") repeat-x 0 -1400px;
  padding: 6px;  text-align:center;
}

.table1 tbody th.sub {
 font-size:100%;
 color:#000;
 background: #ffffff url("../images/sprites_table_dark_bg.gif");
 padding: 6px
}


.featurebox .tab th {
 font-weight: normal;
 color:#2e2e2e;
 font-size:12px;
 border: 0px;
 border: 1px solid #fff;
 border-bottom: #666666 0px solid;
 padding: 4px 4px;  text-align:left;
 padding-left: 10px;
}
.featurebox .tab{
	border: 0px solid #900;border-collapse:collapse;width:100%
}
.featurebox .tab tbody td{
	color:#2e2e2e; background: #fff9e0 url("") repeat-x; padding: 3px 3px 3px 3px; border: 1px solid #fff
}
/* ------------- [ System Massage Style ----------*/
.mes_red{
	height:40px;
	width:25px;
	background: url("../images/mass_red.gif") no-repeat 0 50%;
}

.dark .mes_red{
	color:#72261b;
}

	.item .table_bl, .item .table_red, .item .table_orn, .item .table_gr{
		color:#000000
	}
.mes_bl{
	height:40px;
	width:25px;
	background: url("../images/mass_bl.gif") no-repeat 0 50%;
}

.dark .mes_bl{
	color:#72261b;
}

.mes_orn{
	height:40px;
	width:25px;
	background: url("../images/mass_orn.gif") no-repeat 0 50%;
}

.dark .mes_orn{
	color:#72261b;
}

.mes_gr{
	height:40px;
	width:25px;
	background: url("../images/mass_grn.gif") no-repeat 0 50%;
}

.dark .mes_gr{
	color:#72261b;
}

.status_incomplete {color:#FA0;}
.status_complete {color:green;}
.status_cancelled {color:gray;}
.status_returned {color:blue;}
.status_inprogress {color:red;}

/* ------------- System Massage Style ] ----------*/


.table1 tbody th.sub a {color:#c00}

/* TABLES - calendar */
.calendar {width:200px;font-size:92%}
.calendar td {
 text-align:center;
 border: 1px solid #ddd}
.calendar th {text-align:center}
.calendar thead th {padding: 3px 2px}
.calendar tbody th {padding: 2px}
.calendar tbody th.sub {padding: 2px}
		
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
 background: transparent url("../images/sprites.gif") no-repeat 5px -500px;
 padding-left:21px
}
a.morelink:hover {background: transparent url("../images/sprites.gif") 5px -400px}
.morelink span {position:absolute;left:-9999px;width:900px}
		
/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
ol.code {
 font-family: monospace;
 position:relative
}
ol.code li {color: #777;margin-bottom: 1px}
ol.code code {color: #000;display: block}
ol.code .cmt {color: #4077d2}
li.tab0 code {padding-left: 4em}
li.tab1 code {padding-left: 8em}
li.tab2 code {padding-left: 12em}
li.tab3 code {padding-left: 16em}
li.tab4 code {padding-left: 20em}
li.tab5 code {padding-left: 24em}
ol.code li  {
 background: #f3f3f3 url("../images/td_bg.gif") no-repeat 100% 100%
}

p.note {
 margin: 1em;
 border: 1px solid #ddd;
 background: #f0f0f0;
 padding: 1em
}

/* LAYOUT TYPE B */
#type-b #nav {
height: 0px;
}
/* LAYOUT TYPE C */

#type-c #content {
 margin: 0 25% 0 235px
}

/* LAYOUT TYPE D */
#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
#type-e #content-wrap {
}

#type-e #utility {
 position:absolute;
 top:0;
 left:auto;
 right:25px;
 width:165px;
 border-top: 5px solid #999
}

#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
#type-f #content-wrap {
}
#type-f #content {margin: 0 235px 0 25%}
#type-f #utility {left:auto;right:25px}
#type-f #sidebar {right:auto;left:25px}
 /*Navigation*/
 #nav{
 height: 0px;
 }
 
/* SECONDARY NAVIGATION - vertical navigation */
#nav-secondary, #nav-secondary ul {
width: 216px;
position:static;
}
#nav-secondary, #nav-secondary li {
 list-style: none;
 margin:0;
 padding:0;
 background:#fff;

}
#nav-secondary {padding-top:0; margin-top: 1px}
#nav-secondary a {
 line-height:1.8;
 padding: 5px 0 5px 23px;
 font: 11px arial;
 display:block
}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 

#nav-secondary a:link {color:#000} 
#nav-secondary a:visited {color:#000} 
#nav-secondary a:hover {
 color:#c00;
} 
#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {
background: #8adcfe url("../images/nav_second_act_m.jpg") repeat-y 0 0;
 color:#fff000;
} 

#nav-secondary li {
 width: 100%;
}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 1px 0 1em 15px;padding:0;display:none}
#nav-secondary li.active ul {margin: 1px 0 1em 15px;padding:0;display:block}
#nav-secondary li.unactive ul {margin: 1px 0 1em 15px;padding:0;display:none}

#nav-secondary li.active li a:hover, #nav-secondary li.unactive li a, #nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {
 line-height:1.5;
 background: #fff url("../images/second_nav_arrow.jpg") 0 5px no-repeat;
 padding:0 0 0 12px;
 font-weight:normal;
 width:100%;
 color:#000;
 display:block
}
#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
#nav-secondary li.active li {border: none;margin:0}
#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:hover, 
#nav-secondary li.active li.active a:active {color:#000;font-weight:bold; }

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-secondary ul ul {
 margin: 0 0 1em 10px;
 padding:0
}
#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {
 width:117px;
}
#nav-secondary li.active li.active li a:link, 
#nav-secondary li.active li.active li a:visited, 
#nav-secondary li.active li.active li a:hover, 
#nav-secondary li.active li.active li a:active {font-weight:normal}
#nav-secondary li.active li.active li.active a:link, 
#nav-secondary li.active li.active li.active a:visited, 
#nav-secondary li.active li.active li.active a:hover, 
#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {
 width:104px
}
#nav-secondary li.active li.active li.active li a:link, 
#nav-secondary li.active li.active li.active li a:visited, 
#nav-secondary li.active li.active li.active li a:hover, 
#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
#nav-secondary li.active li.active li.active li.active a:link, 
#nav-secondary li.active li.active li.active li.active a:visited, 
#nav-secondary li.active li.active li.active li.active a:hover, 
#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* LAYOUT - FOOTER */
#index_footer {
 width: 400px;
 font-size:auto;
 color:#999;
 height:45px;
 margin:20px 20px 20px 20px;
 }
#footer {
 width: 100%;
 font-size:auto;
 color:#999;
 height:45px;
 margin-top: 1em;
 border-top: #ecf0dd 2px solid;
 background: #ffffff url("../images/footer.jpg") no-repeat 50% 0;
 }

#footer #copy {
	float: left;
 	height:45px;
	padding-left: 10px;
}
#footer #tech {
	float: right;
	font-size: 12px;
	padding: 15px 10px 0 0;
}

#footer a:link {color:#999}

/*//////////// Move to another file and import it //////////////*/
div.horisontal {
 float:left;
 border:none;
}

div.horisontal label {	
 border:none;
 float:left;
 display:inline;
}

div.horisontal label input {
 float:left;
}

div.horisontal label b{
 display:none;
}

div.horisontal div {
 float:left;
 margin-right:3px;
}

fieldset.group {
 padding:10px;
 border:1px solid #d7d7d7;
 margin-bottom:10px;
 margin-left:-1px;
}

.displayNone {
 display: none;
}

a.help, a.help:link, a.help:hover, a.help:visited { 
 text-decoration:none;
 color:#c00
}


/* LAYOUT - SQL tracer */
#sqlTracer{display:none;font-size:10px;font-family: verdana,sans-serif;}
	#sqlTracer h1,h3{font-family: verdana,sans-serif;}
	#sqlTracer h1{letter-spacing: -1px;border-bottom: 1px solid #eee;padding-bottom: .1em;padding-left:20px;margin: 0 0 .3em;color:#c00}

/* LAYOUT - iDealer goods */

/*
#goodsCatalog{}
	#goodsCatalog div.item{margin-bottom:4px}
		#goodsCatalog div.item div.hidden,#goodsCatalog div.item div.visible{padding-left:20px;}
		#goodsCatalog div.item div.hidden{display:none}
		#goodsCatalog div.item div.visible{display:block}
		#goodsCatalog div.item a{display:block;width:auto}
		

		

*/ 

#goodsCatalog{width:100%; padding-right:20px;}
	#goodsCatalog li.active ul.hidden {display:none;}
	#goodsCatalog li.active ul.visible {display:block;}
	#goodsCatalog li.active ul.hidden a{background: transparent url();}
	#goodsCatalog li.active ul.visible a{background: transparent url();}
	#goodsCatalog  ul li.active a {
		color: #e35800; 		
		background: transparent url(../images/ln.gif) no-repeat -2px -3px;
		padding: 0px 0 0px 23px;
		font: 11px arial;
		display:block
	}
	#goodsCatalog  ul  {
		list-style-type: none;
	}
	#goodsCatalog li.active li.active a:visited{
		font-weight:bold;
	}

	#goodsCatalog table#favorite{
		width: 90%;
	}
	
	#goodsCatalog #favorite td img{
		margin-right: 10%;
	}	
	
	#goodsCatalog table#favorite td{
		width: 50%;
	}
	
	#goodsCatalog #favorite  td a{
		color: #e35800;
		text-decoration: underline;
	}
	#goodsCatalog #favorite td{
		height: 50px;
		vertical-align: middle;
		border-bottom: #dfdbdb 1px solid;
	}

	#goodsCatalog  item h3{
		clear:both;
		background: #ffffff url();
	}


#popular{}
	#popular li{list-style:none;padding:0px;}	

#paymentForm{width:65%;text-align:left}
#paymentForm fieldset {width:90%;}
#paymentForm fieldset #switch {float: left; width: 323px;}
#paymentForm fieldset table tr td{vertical-align: middle;}
#paymentForm fieldset img{margin-right: 10px;}
#paymentForm input.f-submit{width:80px; margin: 0px 0px 0 0px;}



/*	LAYOUT - HelpBox	*/
#helpBox{position:absolute;top:84px;right:1px;z-index:100;border:1px solid red;padding:0px;border:1px solid #ccc;border-right:0px;background-color:#eaeaea;}
	#helpBox img.open{position:absolute;left:-53px;top:-1px;padding:10px;border:1px solid #ccc;border-right:0px;background-color:#eaeaea;}
	#helpBox img.close{position:absolute;right:5px;top:5px;}
	
	#helpBox div.show{width:500px;padding:10px}
	#helpBox div.hide{display:none;}
	
		#helpBox div.header{font-family: arial,verdana,sans-serif;font-size: 150%;font-weight:bold;color:#c00;border-bottom:1px solid #ccc;margin-bottom:15px;}

/* FORM TABS */
fieldset.viewAll div, fieldset.viewOne{width:auto;}
fieldset.viewAll div.formTab{display:block}
fieldset.viewOne div.formTab{display:none}

#navPath {position: absolute; top: 6.5em; height: 30px; font-size: 11px; font-weight: normal;}

.activeGoodContract {font-weight:bold;}

.provider span{
width: 80px;
color: #000000;
}
.provider {
	float:left;
	margin-right:50px;
	text-align:center;
	width:88px;
}

span.tab {margin-left:20px;}
label img.help{margin-left:10px;}
fieldset.sqlReport{border:1px dashed grey;padding:2px;margin-bottom:10px;}
b.err{color:red;}
div.hidden{display:none;}
img.fRight{float:right;}
.f-wrap-1 label input.button{width:auto;}
/*
	ToolTip CSS
*/
.navtext {
width:300px;
border:1px solid black;
layer-background-color:tan;
background-color:lightyellow;
position:absolute; top:-100px; left:0px; visibility:hidden;
}

#flat-table {
	background: none;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	width: 100%;
}
#flat-table tr {
	background: none;
}
#flat-table td, #flat-table th {
	background: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px;
}
#flat-table th {
	font-size: 96%;
}
#flat-table .td-centered {
	text-align: center;
}
#flat-table .td-right {
	text-align: right;
	padding-right: 5mm;
}
.table1 .row-red td {
	background-color: #fdd;
}
.table1 .row-green td {
	background-color: #dfd;
}
.table1 .row-khaki td {
	background-color: #94c584;
}
.table1 .row-orange td {
	background-color: #f90;
}
td label {padding: 0px}