﻿body
{
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    color: #333;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
}

img
{
    border: none;
}


table, td, th, div
{
    font-family: Verdana, Tahoma, Arial, Helvetica; /**/
    font-size: 12px;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

a.img:visited { text-decoration: none; background-color: Transparent; }
a.img:link { text-decoration: none; background-color: Transparent;  }
a.img:active { text-decoration: none; background-color: Transparent;  }
a.img:hover { text-decoration: none; background-color: Transparent;  }

a.img img { border: none; }

a.logo:visited { color: #06e; text-decoration: none; }
a.logo:link { color: #06e; text-decoration: none; }
a.logo:active { color: #06e; text-decoration: none; }
a.logo:hover { color: #f77; background-color: Transparent; text-decoration: none; }

a:visited { color: #06e; text-decoration: underline; }
a:link { color: #06e; text-decoration: underline; }
a:active { color: #06e; text-decoration: underline; }
a:hover { color: #77f; background-color: #eee; text-decoration: underline; }


/* Result table */

tr.trh 
{
    background-color: #e0e0e0;
}
tr.trl 
{
    background-color: #fafafa;
}

tr.tr0m,
tr.tr1m,
tr.trTm { background-color: #fcc; }

tr.tr0 { background-color: #f9f9f9; }
tr.tr1 { background-color: #f0f0f0; }
tr.trT { background-color: #e5e5e5; }

tr.trTm td,
tr.trT td { padding-bottom: 10px; padding-top: 10px; }

table.searchresult {width: 100%; }
.searchresult {border-bottom: 1px solid #333; border-top: 1px solid #333; }
.searchresult * th {border-bottom: 2px solid #ccc; border-top: 2px solid #ccc;}
.searchresult * th,
.searchresult * td {padding: 4px 10px 3px 10px; font-size: 8pt;}

/* search result */
td.tcN { text-align: center; }
td.tcMk { text-align: left; }
td.tcCd { text-align: left; }
td.tcCd { text-align: left; color: #333; }
td.tcPr { text-align: right; white-space: nowrap;  font-size: 115%; font-weight: bold; color: #000; }
td.tcAm { text-align: center; }
td.tcSm { text-align: right; white-space: nowrap; font-weight: bold; color: #000; }
td.tcSp { text-align: left; }
td.tcDt { text-align: center; }
td.tcEd { text-align: left; padding: 2px; }
td.tcBt { text-align: left; padding: 2px; white-space: nowrap; }

td.tcCode { text-align: left; padding: 10px 5px 5px 1px; white-space: nowrap; font-size: 120%; font-weight: bold; }
td.tcCode1 { text-align: left; padding: 10px 5px 5px 1px; white-space: nowrap; font-weight: normal; }
td.tcInfo { text-align: left; padding: 2px; white-space: nowrap; color: Gray; font-size: 80%; }
td.tcSpcB { text-align: left; color: Gray; font-size: 80%; border-bottom: dotted 1px #666; }

tr.s td.tcMk, 
tr.s td.tcCd,
tr.s td.tcPr,
tr.s td.tcAm {font-weight: bold;}

.tcEd input { width: 25px; }

td.tcNoDt { text-align: left; }
td.tcLgEm { text-align: left; }
td.tcPtAdr { text-align: left; }
td.tcInf { text-align: left; }

td.tcId { text-align: center; padding: 2px 10px 2px 10px; }
td.tcLgn { text-align: left; padding: 2px 20px 2px 5px; }
td.tcNm { text-align: left; padding: 2px 20px 2px 5px; }
td.tcKf { text-align: right; padding: 2px 5px 2px 20px; white-space: nowrap; }
td.tcTp { text-align: center; padding: 2px 20px 2px 10px; }
td.tcEm { text-align: left; padding: 2px 20px 2px 5px; }
td.tcAdr { text-align: left; padding: 2px 20px 2px 5px; }
td.tcPh { text-align: left; white-space: nowrap; padding: 2px 20px 2px 5px; }
td.tcInf { text-align: left; padding: 2px 20px 2px 5px; }

th.th { padding: 5px; }

tr.trT td { color: #5483b9; }
tr.trT * div.alt { font-size: 90%; color: #74a3c9; }
div.alt { font-size: 80%; color: #666; font-weight: normal; }

td.tcSt div div {font-size: 80%;}


/* states */
div.st0 { color: red; }
div.st1 { color: inherit; }
div.st2 { background-color: Gray; color: white; }
div.st3 { background-color: Green; color: white; }
div.st4 { background-color: Aqua; color: white; }
div.st5 { background-color: Blue; color: white; }
div.st99 { background-color: Red; color: white; }

#tblTop
{
    background-position: top;
    background-image: url( '../i/bgTop.gif' );
    background-repeat: repeat-x;
}


td.tcTitle
{
    color: Black;
    padding-top: 5px;
    background-color: #fff4f9;
}

td.tcl, td.tcSum
{
    text-align: right;
    padding: 5px;
    background-color: #fff4f9;
}

td.tcTitle div
{
    font-weight: bold;
    padding-bottom: 3px;
}
td.tcTitle span
{
    font-weight: normal;
    font-size: 90%;
    color: #555;
    white-space: nowrap;
    /*margin-right: 30px;*/
}

#logo_sdw
{
    background-position: 16px 59px;
    background-image: url( '../i/logo_sdw_trncp.png' );
    background-repeat: no-repeat;
}

div#login
{
    padding: 5px;
    color: #666;
    text-align: right;
}
div#login * a:visited { color: #339; text-decoration: underline; padding: 2px;  }
div#login * a:link { color: #339; text-decoration: underline; padding: 2px; }
div#login * a:active { color: #339; text-decoration: underline; padding: 2px; }
div#login * a:hover { color: #fff; background-color: #339; text-decoration: underline; padding: 2px; }

table.logindialog
{
    text-align: right;
}

#mainmenu
{
    /*
    background-position: bottom;
    background-image: url( '../i/bg1.gif' );
    background-repeat: repeat-x;
    */
    min-height: 17px;
    padding: 10px 10px 10px 250px;
}

#head
{
    background-position: top;
    background-image: url( '../i/bg2.gif' );
    background-repeat: repeat-x;
    min-height: 100px;
}

#head1
{
    background-position: 33px 95px;
    background-image: url( '../i/logo_btm.gif' );
    background-repeat: no-repeat;
}

div#mainmenu * .menuitem
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    white-space: nowrap;
}

/*div#mainmenu * .menuitem { font-weight: bold; }*/
div#mainmenu * .menuitem a:visited { color: #06c; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a:link { color: #06c; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a:active { color: #06c; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a:hover { color: #fff; background-color: #900; text-decoration: underline; padding: 2px 10px 2px 10px; }

div#mainmenu * .menuitem a.w:visited { color: #fff; background-color: Red; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a.w:link { color: #fff; background-color: Red; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a.w:active { color: #fff; background-color: Red; text-decoration: underline; padding: 2px 10px 2px 10px; }
div#mainmenu * .menuitem a.w:hover { color: #fff; background-color: #A00; text-decoration: underline; padding: 2px 10px 2px 10px; }

div#menuauth
{
    text-align: right;
}

.am_item
{
    margin-left: 15px; margin-right: 15px;
}

#menuauth .am_item a:visited { color: #555; text-decoration: underline; }
#menuauth .am_item a:link { color: #555; text-decoration: underline; }
#menuauth .am_item a:active { color: #555; text-decoration: underline; }
#menuauth .am_item a:hover { color: #fff; background-color: #555; text-decoration: underline; }

div#divTool
{
    background-color: #0066CC;
    height: 5px;
    border-bottom: solid white 1px;
}

table.filter
{
    /*border-left: #4a1d1d 3px solid;
    margin: 50px 0px 50px 20px;*/
    width: 100%;
    background-color: #f5f5f5;
}

table.filter * .ttl
{
    padding: 10px;
    font-weight: bold;
    color: #4a1d1d;
}

table.filter * .f_ttl,
table.filter * .f_ttlS,
table.filter * .f_ttlR
{
    padding: 3px 5px 3px 20px;
}

table.filter * .f_ttlS
{
    padding-top: 20px;
}

table.filter * .f_ttlR
{
    text-align: right;
}

table.filter * .f_v
{
    padding: 5px 5px 5px 5px;
}

table.filter * .f_i
{
    font-size: 85%;
    color: #003399;
}

table.filter * .mess
{
    padding: 20px 20px 20px 50px;
}

table.filter * .btn
{
    padding: 10px 10px 10px 20px;
}

h3
{
    color: #4a0d0d;
    margin-top: 60px;
}

div.basketinfo
{
    padding-bottom: 50px;
}

div.basketinfo div
{
    font-size: 90%;
}

div#main
{
    /*background-position: top;
    background-image: url( '../i/bgtop.gif' );
    background-repeat: repeat-x;
    
    padding: 175px 0px 0px 0px;*/
    text-align: left;
}

div#logos
{
    /*background-position: top left;
    background-image: url( '../i/logos.gif' );
    background-repeat: no-repeat;
    */
    /*padding: 175px 0px 0px 0px;*/
    text-align: left;
}

div#car
{
	/*
	background-position: 550px top;
	background-image: url(  '../i/car.gif' );*/
	background-repeat: no-repeat; /*padding: 175px 0px 0px 0px;*/
	
	text-align: left;
}


div#process
{
	background-position: top;
	background-image: url('../i/bg3.gif' );
	background-repeat: repeat-x; 
	
    padding: 10px 5px 10px 5px;
    text-align: left;
    
    min-height: 500px;
}
div#process1
{
	background-position: bottom;
	background-image: url('../i/bg4.gif' );
	background-repeat: repeat-x;
	height: 150px; 
}

div#footer
{
    background-position: top;
    background-image: url( '../i/bg5.gif' );
    background-repeat: repeat-x;

	padding: 15px 5px 10px 5px;
	text-align: center;
	font-size: 80%;
	background-color: #e1e1e1;
	
}

.txtinfo
{
    padding: 20px 10px 10px 100px;
}

p.leftspace
{
    padding-left: 50px;
}

.mmenu
{
	border-bottom: #666 1px solid;
	padding-bottom: 4px;
}

.mmenu span
{
	padding: 2px 10px 2px 10px;	
}

.nText
{
	color: #666;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 90%;
}
.nDt
{
	color: #888;
	font-size: 85%;
	color: Maroon;
}
.newstitle
{
	font-weight: bold;
	font-size: 90%;
}

.LoginLabel
{
	padding: 2px 3px 2px 10px;	
}

.error, .Error
{
	color: Red;
	font-weight: bold;
}

.lnk
{
	padding: 5px;
	background-color: #ccc;
}

.bld
{
	font-weight: bold;
}

div.searchhistory
{
    padding: 10px;
    height: 100%;
    vertical-align: middle;
    border-left: 1px #ccc solid; 
    margin-left: 10px;
    font-size: 8px;
}

div.searchhistory span
{
    margin-right: 5px;
    font-size: 10px;
}

div.searchhistory * a:visited { color: #333; font-size: smaller; text-decoration: underline; }
div.searchhistory * a:link { color: #333; font-size: smaller; text-decoration: underline; }
div.searchhistory * a:active { color: #333; font-size: smaller; text-decoration: underline; }
div.searchhistory * a:hover { color: #06f; font-size: smaller; text-decoration: underline; }


div.rghtMsg
{
    font-size: 80%;
}

table.rghtMsg
{
    margin-bottom: 40px;
}

.rghtMsg * th
{
    font-size: 80%; 
}

.rghtMsg * td.tdL
{
    text-align: left;
    font-size: 80%;
    color: #666;
}
.rghtMsg * td.tdR
{
    text-align: right;
    font-size: 80%;
    color: #333;
}

div#Opt
{
    background-color: #999;
    border-left: 5px solid #333;
}

div#Opt div.hdr
{
    padding: 3px; 
    background-color: #e4e9ef;
    font-weight: bold;
}

div#Opt div.opt, div#Opt * div.opt
{
    padding-left: 10px;
}

td.tcSpc
{
    background-color: #e0e0e0;
}

/* Mail to Supplier */
div#suppliersList
{
    padding: 10px;
    border-left: #002f44 3px solid;
    background-color: #e4e9ef;
}

div#suppliersList span.slnk
{
    font-weight: bold;
    padding-left: 20px;
}

div#suppliersList span a span
{
    font-weight: normal;
}

.mailinfo
{
    margin-top: 20px;
    padding: 10px;
    background-color: #eee;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
}
.mailinfo * div span
{
    font-weight: bold;
}

div.mail
{
}
.header
{
    font-size: 80%;
    padding: 20px 0px 20px 5px;
}
.main
{
    border-bottom: 1px #eee dotted;
    border-top: 1px #eee dotted;
    
    background-color: #f5f5f5;
}
.footer
{
    font-size: 80%;
    padding: 20px 0px 20px 5px;
}

div.saldoinfo
{
    margin: 0px 0px 50px 0px;
    background-color: #fafafa;
}

.saldoinfo
{
    padding: 10px 0px 10px 0px;
    font-size: 90%;
}

.saldoinfo * .sum,
.saldoinfo .sum
{
    font-weight: bold;
    white-space: nowrap;
}

.saldoinfo * .p,
.saldoinfo .p
{
    color: blue;
}

.saldoinfo * .m,
.saldoinfo .m
{
    color: red;
}

.Secret
{
    /*visibility: hidden;*/ /*display: none;*/
    background-color: #FDD;
    color: #000000;
}

.secretHidden
{
    display: none;
}
.secretVisible
{
    display: table-cell;
}