html, body {
    height: 100%;
}
body {
    font-family : Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 10pt;
}

.mainFontSize {
    font-size: 10pt;
}

.smallerFont
{
    font-size: 9pt;
}

a.menu {
    color : #ffffff;
    text-decoration : none;
}

a.menu-active {
    color : #000000;
    text-decoration : none;
    font-weight: bold;
}

a.submenu {
    color : #000000;
    text-decoration : none;
}

.maintext, a.styledLink {
    color : #555;
    text-indent : 0.8em;
    /* for seo */
}

a {
    color : #ED1D24;
    text-decoration : underline;
}

a.bottommenu {
    color : #828282;
    text-decoration : underline;
}

a.lang {
    color : black;
    text-decoration : none;
}

td.maintextnoindent, p.maintextnoindent, .maintextnoindent {
    color : #555;
    text-indent : 0;
}

.noindent
{
    text-indent : 0;
}

td.newscell {
    vertical-align : top;
    text-align : left;
    color : #000000;
}

td.bg-cell
{
    background: url(images/bg-cell.gif);
}
td.bg-left
{
    background: url(images/bg-left.gif);
}
td.bg-right
{
    background: url(images/bg-right.gif);
}
td.bg-lang
{
    background: url(images/bg-lang.gif);
}

td.menu {
    text-align : center;
    font-weight : bold;
    color : White;
}
td.menu-active {
    text-align : center;
    font-weight : bold;
    color : #000000;
    background: url('images/bg-active.gif');
}
td.title {
    color : White;
    font-size : 16pt;
    text-indent : 18pt;
}

.inputTextFullTdLength {
    width: 99%;
    color: #555;
}

td.login {
    color : #694d00;
}
td.login a
{
    color: black;
}


#contentAndNews
{
    margin-bottom: 1em; 
}
#content
{
    padding: 1em 2em;
}
#news
{
    padding-right: 1em;
}


a.submenu:hover {
    text-decoration: underline;
}

div.bottommenu {
    text-align : center;
    color : #828282;
    font-size : 8pt;
    line-height : 170%;
    margin-bottom: 0.7em;
}

a.bottommenu:hover {
    color : #333333;
}

div.copyright
{
    text-align: center;
    color : #828282;
}


a.lang:hover {
    color : #333333;
    text-decoration : underline;
}

input.login {
    height : 16px;
    border: 1px solid #896500;
    width : 113px;
}
input.password {
    height : 16px;
    border: 1px solid #896500;
    width : 113px;
}
button {
    padding-left: 0.5em; 
    padding-right: 0.5em;
    width:auto;
    overflow:visible;
}
a.register {
    font-size : 11px;
    color : #000000;
    text-decoration : underline;
}

a.menu:hover {
    color : #cccccc;
    text-decoration : none;
}

p.notopmargin
{
    margin-top: 0; 
}

h4.notopmargin
{
    margin-top: 0;
    margin-left: -7px;
}


/* CONTACTS */

#MessageForm
{
    margin-top: 1em;
    padding-right: 0.3em;
    display:none;
}

#MessageForm .field
{
    width: 100%;
    margin-bottom: 0.5em;
}

#MessageForm #Message
{
    overflow: auto; 
}

.incomingMessageBackground
{
    padding: 5px;
}

.incomingMessageBackground:hover
{
    background-color: #f8f8f8;
}

.contacts, div.IEselectBorderPainter, input.contactsBtn
{
    border: 1px solid #777;
    color: #333;
}

input.contacts {
    height : 18px;
    width : 190px;
}

textarea.contacts, #userTheme{
    width : 330px;
}

select.contacts {
    height : 22px;
    width : 194px;
    margin: -1px;
}

div.IEselectBorderPainter
{
    overflow: hidden; 
    float:left;
}

input.contactsBtn {
    width : 100px;
}

.contactsToggleArea
{
    border: 1px dashed; 
    padding: 0.5em; 
    background-color: #ffffe8; 
    margin-bottom: 0.3em;
}

#toggleFaq, #toggleMessage
{
    cursor: pointer; 
}

.contactsToggleArea #faq
{
    display:none;
}

.contactsToggleArea ul.faq
{
    margin-bottom: 0.5em;
    padding-right: 0.5em;
}

h3.sectionHeader, h2.sectionHeader
{
    text-align: center;
    margin-top: 0; 
}


/* ^^^^^^^ CONTACTS ^^^^^^^^ */  

#divBody
{
    font-size: 0.7em;
}

#divBody table.tblData
{
    width: 90%;
    border-collapse: collapse;
}

#divBody table.tblData th
{
    font-size: 0.7em;
    text-align: center;
    border-bottom: 1px #aaa solid;
    background-color: #fafafa;
    padding: 0.3em;
}

#divBody table.tblData th.Right
{
    text-align: right;
    border-bottom: 0 none;
    background-color: transparent;
}

#divBody table.tblData td
{
    font-size: 0.7em;
    padding: 0.3em;
}

span.CoolGoodMessage
{
    border: 1px solid black;
    padding: 0.3em;
    background-color: #f0f0f0;
    font-weight: bold;
    color: #d79600;
}


span.CoolBadMessage, p.CoolBadMessage
{
    border: 1px solid black;
    padding: 0.3em;
    background-color: #F0F0F0;
    font-weight: bold;
    color: #FF000D;
}

input.theme
{
    height : 18px;
    border: 1px solid #896500;
}

.LinkColor
{
    color: #FF000D;  
}

hr.styled
{
    border: none; 
    color: #dddddd; 
    background-color: #dddddd; 
    height: 1px; 
}

div.attachment:hover
{
    background-position: 0 -26px;
}

div.attachment
{
    cursor: pointer;
    width: 26px;
    height: 26px;
    background: url(images/attachment-2frames.jpg) no-repeat left top;
}

/* #################################################### FOR SEARCH ENGINSES OPTIMISATION :) ################################################### */

h1.styled, h2.styled, h2.styled2, h2.styled3
{
    vertical-align : baseline;
    margin: 0;
    padding: 0;
}

h2.styled3
{
    font-weight: normal;
}

h1.styled
{
    font-size: 8pt;
    font-weight: normal;
    color: #896500;
}

h2.styled
{
    font-size: 10pt;
}

strong.styled
{
    font-weight: normal;
}

a.styledNewsLink
{
    text-decoration: none;
    cursor: text;
    font-weight: normal;
    color: #555;
}

a.gray
{
    color: #444;
}

/* used in PriceOnline, and in presenter.php, customer.php: GetPendingOrder(), GetAddOrder(), GetBalans(), ShowCart() */
table.Bordered  
{
    font-family: Verdana, sans-serif;
    font-size : 8pt;  
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
    text-align: center;  
    border-collapse : collapse;  
}

table.Bordered th
{    
    margin: 0;
    padding: 2px;
    color: white;
    background-color: black;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom: 1px solid black;    
    border-right:none;  
}  

table.Bordered tr
{
    background-color: #ececec;  
}

table.Bordered td  
{    
    margin: 0;
    padding: 2px;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
    color: black;
}

/* used in customer.php -> GetZaprosy() */
table.Bordered2  
{   
    font-family: Verdana, sans-serif;
    font-size : 8pt;  
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: center;  
    border-collapse : collapse;  
}

table.Bordered2 td  
{    
    margin: 0;
    padding: 2px 6px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom:none;    
    border-right:none;  
}

table.Bordered2 th  
{    
    margin: 0;
    padding: 2px 6px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom:none;    
    border-right:none;  
}   

/* used in checks.php */
table.BorderedBigger th
{    
    margin: 1px;    
    padding: 3px;
    color: white;
    background-color: black;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
} 

table.BorderedBigger td  
{    
    margin: 1px;    
    padding: 3px;    
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
}  

table.BorderedBigger  
{   
    font-family: Verdana, sans-serif;
    font-size : 9pt;  
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
    text-align: center;  
    border-collapse : collapse;  
}

/* used in customer.php -> GetOrder() */ 
table.BorderedOrder  
{
    font-family: Verdana, sans-serif;
    font-size : 8pt;  
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
    text-align: center;  
    border-collapse : collapse;  
    color: black;
}

table.BorderedOrder td, table.BorderedOrder th  
{    
    margin: 0;
    padding: 1px;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
}

table.Bordered tr.closed, table.BorderedOrder tr.closed, table.BorderedOrder tr.CLOSED
{
    background-color: #FF000D;
}

table.BorderedOrder /* tr.closed */ a.PriceOnline
{
    color: black;
    /* border-bottom: 1px dashed; */
    /* text-decoration: none; */
}

table.BorderedOrder th
{
    cursor: pointer;
    padding-left: 0.5em;
    text-align: left;
    font-weight: normal;
}

table.sorted th {
    padding-right: 12px;
    background: no-repeat center right;
    /*background-image: url(images/sort_unsorted.gif);*/
}

table.sorted {
    background: no-repeat center right;
}
table.sorted th.headerSortUp {
    
    background-image: url(images/sort_asc.gif);
    background-color: #eee;
    color: black;
}

table.sorted th.headerSortDown {
    background-image: url(images/sort_desc.gif);
    background-color: #eee;
    color: black;
}

table.BorderedOrder tr
{
    background-color: white;
}

table.BorderedOrder tr.closureRequested
{
    background-color: #ccc;
}


/* used in ShowCart() */
input.small
{
    font-size: 8pt;
}

/* used in showing customer messages */
pre.CommonFont
{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
}

div.quickPriceOnline {
    background-color: #e0e0e0;
    padding: 4px 25px;
    border-bottom: 1px solid black;
}

div.quickPriceOnline #searchLabel {
    float: left;
    line-height: 1.3em;
    margin-top: 1px;
}

div.quickPriceOnline #btnSearch {
    float: right;
    margin-right: 78px;
    margin-top: -1px;
}

div.quickPriceOnline div.textAreaContainer {
    overflow: hidden;
    padding-right: 0.7em;
    padding-left: 3px;
}

div.quickPriceOnline .priceOnlineTextarea {
    border: 1px solid #555;
    padding-top: 2px;
    height: 1.2em;
}

/* used in price-online page */
.priceOnlineTextarea {
    width: 100%;
    overflow: auto;
    height: 1.3em;
    resize: none;
}

table.PriceOnline
{
    font-size: 10pt;
    border-collapse : collapse;
    text-indent: 0;
    text-align: left;
    width: 100%
}

table.PriceOnline td
{
    padding: 1px;
    margin: 0;
    white-space: nowrap;
}

/* used in discounts_table.php */
table.BorderedBiggerGray th
{    
    margin: 1px;    
    padding: 3px;
    color: white;
    background-color: black;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
} 

table.BorderedBiggerGray td  
{    
    background-color: #ececec;
    margin: 1px;    
    padding: 3px;    
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
}  

table.BorderedBiggerGray  
{   
    font-family: Verdana, sans-serif;
    font-size : 9pt;  
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
    text-align: center;  
    border-collapse : collapse;  
}

/* used in shipment_terms.php */
table.BorderedBiggerGrayOrange th
{    
    font-size: 8pt;
    margin: 1px;    
    padding: 0.3em;
    background-color: #ffbf03;
    color: black;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom:none;    
    border-right:none;  
} 

table.BorderedBiggerGrayOrange td  
{    
    background-color: #f4f4f4;
    margin: 1px;    
    padding: 0.3em;    
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom:none;    
    border-right:none;  
}  

table.BorderedBiggerGrayOrange  
{   
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 9pt;  
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: center;  
    border-collapse : collapse;  
    padding: 0.3em;
}

/* ---------------------------- used in PriceOnline --------------------------- */
table.PriceOnlineParts
{
    font-family: Verdana,sans-serif;
    font-size : 8pt;  
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
    text-align: center;  
    border-collapse : collapse;  
    color: black;
}

table.PriceOnlineParts th
{    
    margin: 0;
    /*padding: 2px;*/
    color: white;
    background-color: black;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;  
    text-indent: 0;
    text-align: center;
}  

table.PriceOnlineParts td  
{    
    margin: 0;
    padding: 2px;
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    border-bottom:none;    
    border-right:none;
    text-indent: 0;

}

table.PriceOnlineParts td.CheckedWeight
{
    background: url(images/checked_weight_mark.gif) no-repeat bottom right;
}

table.PriceOnlineParts td, table.PriceOnlineParts td.CheckedWeight
{
    background-color: #ececec;    
}

td.notFound, td.notFound a /* used in price online */
{
    font-size: 9pt;
    line-height: 2em; 
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

img#checkedWeightMarkImg
{
    border-bottom: 1px solid black; 
    border-right: 1px solid black;
}

.sent_message_to {
    font-size: 12px;
    background-color: #999999;
    color: black;
}

.sent_message_subject {
    font-size: 12px;
    background-color: #ececec;
    color: black;
}

.sent_message_body {
    font-size: 12px;
    padding-bottom: 7px;
    color: #555555;
}

.importantMessage
{
    text-align: center; 
    font-weight: bold;
}

.centered
{
    text-align: center; 
}

/* REG FORM */

form.RegForm { border: 1px dashed gray; padding: 7px; }
form.RegForm table { width: 100%; }
form.RegForm input, form.RegForm select { font-size: 10pt; color: #555; }
form.RegForm table td { vertical-align: top; text-indent: 0; }
form.RegForm td.LabelsColumn 
{ 
    white-space: nowrap; 
    text-indent: 0; 
    padding-right: 0.5em; 
    padding-top: 0.3em;
    text-align: right;
}
form.RegForm td.FullWidthColumn { width: 100%; }
select.SmallWidthField { width: 127px; }
select.AverageWidthField { width: 307px; }
input.SmallWidthField { width: 120px; }
input.AverageWidthField { width: 300px; }
textarea.AverageWidthField { width: 300px; }
form.RegForm input.Submit { color: black; margin-top: 0.5em; }
form.RegForm p.error { color: red; margin: 0; margin-bottom: 0.5em; }
form.RegForm input.checkbox { margin-top: 0.25em; }

.errorMessage
{
    border: 1px dashed gray;
    text-align: center;
    font-weight: bold;
    background-color: #f8f8f8;
    color: red;
    padding: 1em;
}

p.success
{
    border: 1px dashed gray;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    background-color: #f8f8f8;
    color: #444;
    padding: 0.8em;
}

/* PROGRESS BAR */

div.progressbar
{
    /* Don't change the following lines. */
    background: url("images/m_bg.gif") left center repeat-x;
    position: relative;
    height: 18px;
    /* border: 1px solid black; */
}

div.progressbar div.progressbar_mark
{
    position: absolute;
    top: 0; left: 1px;
    height: 100%;
}

div.progressbar_ordered
{
    background: url("images/m_mark_ordered.gif") right center repeat-x;
}

div.progressbar_debited
{
    background: url("images/m_mark_debited.gif") right center repeat-x;
}

div.progressbar_in_our_warehouse
{
    background: url("images/m_mark_in_our_warehouse.gif") right center repeat-x;
}

div.progressbar_invoiced
{
    background: url("images/m_mark_invoiced.gif") right center repeat-x;
}

div.progressbar_closed
{
    background: url("images/m_mark_closed.gif") right center repeat-x;
}

div.progressbar_text
{
    padding-top: 2px;
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-align: center;
}

div.progressbar_left_side
{
    /* Don't change the following lines. */
    background: url("images/m_l.gif") left center no-repeat;
    position: absolute;
    top: 0; left: 0;
    height: 100%;
}

div.progressbar_right_side
{
    /* Don't change the following lines. */
    background: url("images/m_r.gif") right center no-repeat;
    position: absolute;
    top: 0; right: 0;
    height: 100%;
}


a.BlackLink { /* used in DrawOrderTable() */
    color : #000000;
    font-size : 9pt;
    text-decoration : underline;
}

/* FAQ */

ul.faq li
{
    margin-top: 1em;
}

div.FaqHeader
{
    font-weight: bold;
    margin-bottom: 0.3em;
}

div.FaqText > p:first-child
{
    margin-top: 0;
}

fieldset.randomFaqEntry 
{
    border: 1px dashed;
}

.randomFaqEntry legend
{
    background-color: white;
    padding: 0 5px 0 5px;
}

.randomFaqEntry ul
{
    padding-left: 1.5em;
    margin: 0.8em 1em 0.5em 0.5em;
}

.randomFaqEntry .faqHeader
{
    margin-bottom: 0.8em;
}

* html .randomFaqEntry ul
{
    padding-left: 0;
    margin-left: 2.5em;
    margin-bottom: 1em;
}

.nicelist, .tallList, .niceList2
{
    text-indent: 0;
    line-height: 1.3em;
}

.mainPageList ul {
    padding-left: 1.2em;
}

.mainPageList li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.tallList li
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.shortList
{
    margin-top: 0.5em;  
}

.shortList li
{
    margin-top: 0.2em;
    margin-bottom: 0.2em; 
}

.DashedLightYellow
{
    border: 1px dashed;
    background-color: #ffffd0;
    padding: 0.5em;
}

/* WATCH */

#watchExternal
{
    /* vertical-align: top; */
    /* float: right; */
    margin: 0;
    margin-left: 4px;
    /* padding: 0; */
    border: 1px solid #653B0B;
    width: 86px;
    height: 29px;
    background: #FF000D url(images/logo_very_small.gif) no-repeat left center;
    font-family: Arial,sans-serif;
    font-size:12px; 
    text-align: center;  
}

div#watchInternal
{
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    padding-left: 25px;
}

div#watchLabel
{
    font-size: 10px;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    text-align: center; 
    color:#653B0B;
}

span.clock24s
{
    vertical-align: top;
    margin: 0;
    padding: 0;
    color:#653B0B;
}

* html #watchExternal { height: 31px; margin-left: 2px; width: 88px; }

/* FOR TOOLTIP */

.tooltip
{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#FF000D;
    padding:5px;
    border:1px solid #fff;
}

.tooltip div
{
    margin: 0;
    padding:4px 7px;
    background-color:#222;
    color:#eee;
    text-align : justify;
}

.tooltipped
{
    border-bottom: 1px dashed #FF000D;  
    cursor: default;
}

/* TREEVIEW */

.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    list-style: none;
    text-indent: 0;
}

.treeview p
{
    margin: 3px; 
    font-style: italic;
}

.treeview ul {
    background-color: white;
    margin-top: 4px;
}

.treeview .hitarea {
    background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0;
    padding: 3px 0 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red;  cursor: pointer;  }

.treeview li { background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-gray li { background-image: url(images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview/treeview-gray.gif); }

/* MODAL WINDOW */  

.modal-overlay
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    opacity:.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index:101;
}
* html .modal-overlay
{   
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window
{
    position:fixed;
    background: white;
    border: 3px solid #FF000D;
    top:50%;
    left:50%;
    margin:0;
    padding:0;
    z-index:102;
}
#modal-window-text
{
    color: #444;
    /* font-weight: bold; */
    font-size: 16pt;
    font-family: arial, sans-serif;
    /* font-style: italic; */
    padding: 10px;
    margin: 0;
}
* html .modal-window
{
    position:absolute;
}

#helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
}

/* ORDER STEPS */
div#orderSteps { padding-bottom: 1em; margin-bottom: 1em; text-indent: 0; border-bottom: 1px solid gray; font-size: 12px; }
div#orderSteps span#currentStep { background-color: #FFBF03; color: #555; font-weight: bold; }
div#orderSteps span { border: 1px solid #888; padding: 5px; }

.centerTable table
{
    margin: 0 auto; 
}

table.SimpleEavTable
{
    border: 1px solid #555;
    border-collapse: collapse;
}

table.SimpleEavTable th
{
    border: 1px solid #555;
    background-color: #ccc;
    text-align: center;
    color: #222;
}

table.SimpleEavTable td
{
    border: 0;
    border-top: 1px solid #ccc;
    text-align: left;
}

table.SimpleEavTable td, table.SimpleEavTable th
{
    padding: 3px 0.5em;
} 

table.SimpleEavTable td.LeftColumn
{
    border-right: 1px solid #ccc; 
    white-space: nowrap;
}


/* Navigation */

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

#nav-one > li > a {
    cursor: default; /* top level items are not clickable */
}

.nav {
    font-family: Arial, Helvetica, sans-serif;
    z-index: 50;
    position: relative;
    margin: 0 auto;
    display: table;
}
.nav li {
    border-left: 1px solid #ccc; /* here */
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
    font: bold 10pt/25px Arial, Helvetica, sans-serif;
    background: #666; /* #565656 */
    color: #d5d5d5;
    display: block;
    padding: 0 9px;
    text-decoration: none;
}

.nav li ul
{
    border: 4px solid #ccc;
}

.nav li a:hover {
    background: #ccc;
    color: #000;  

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
    background: #ccc;
    color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
    background: #666; /* #565656; */
    color: #d5d5d5;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
    background: #ccc;
    color: #000;  
}

.nav ul {
    background: #666;
    border-bottom: 1px solid #ccc; /* here */
    list-style: none;
    margin: 0;
    position: absolute;
    top: -9999em;
    left: -999px;
}
.nav li:hover ul,
.nav li.sfHover ul {
    top: 25px;
    left: -1px;
}
.nav ul li {
    border: 0;
    float: none;
    text-align: left;
}
.nav ul a {
    /* border: 1px solid #000; */
    border-bottom: 0;
    padding-right: 20px;
    white-space: nowrap;
}
.nav ul a:hover {
    background: #ccc;
    color: #000;
}

.nav li.last
{
    border-right: 1px solid #ccc; /* here */
}

#nav {
    float: left;
    width: 100%;
    background-color: #666;
    text-align: center;
}

/* we emulate placeholder in IE, which doesn't support it, and set placeholder text color here */
.placeholder { color: #6d6d6d }

/* LINK STYLED AS BUTTON */

a.linkButton
{
    text-decoration: none;
    /* font-size: 14px; */
    color: #000;
    border: 1px solid #999;
    padding: 4px 8px;
    background: white;
    border-radius: 4px;
}
a.linkButton:hover
{
    background: #ddd !important;
    border-color: #444;
}

a.iconAdd
{
    background: #f0f0f0 url(images/add.png) no-repeat 5px !important;
    height: 30px;
    line-height:29px;
    text-indent:37px;
    display:inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #444;
}

a.iconAdd:hover
{
    background: #ddd url(images/add.png) no-repeat 5px !important;
    color: black;
}

tr.padding-top td
{
    padding-top: 0.5em;
}

/* orders page */

table.ordersPageMenu, table.pendingOrders, table.orderList
{
    border-collapse : collapse;
    width: 100%;
}

table.ordersPageMenu td, table.pendingOrders td
{
    vertical-align: top;
}

table.ordersPageMenu img.excelIcon
{
    margin-bottom: -5px;
}

table.pendingOrders
{
    margin-top: 1em;
    #width: 40% !important;
}

table.pendingOrders div.outer, table.orderList
{
    border: 5px solid #aaa;
    border-top: 0;
}

table.pendingOrders div.header
{
    padding: 3px 6px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

table.pendingOrders div.orderCaption
{
    padding: 1px 3px 7px 7px;
}

table.orderList thead, table.pendingOrders div.header
{
    background-color: #aaa;
    color: white;
}

table.orderList thead
{
    text-align: center;
}

table.orderList th
{
    padding: 3px 6px;
}

table.orderList td
{
    padding: 2px 5px;
}

input.DisabledLook
{
    color: #999;
    background-color: #eee;
}

.checkboxes input /* used to align checkbox and its label */
{
    vertical-align: middle;
}

.wsInfoPage h4.h4bigger
{
    font-size: 11pt;
}

.wsInfoPage .bold, .wsInfoPage .funcName
{
    font-weight: bold;
}

.wsInfoPage .dataType
{
    font-style: italic;
}

.wsInfoPage .paramName, .wsInfoPage .fieldName
{
    font-style: italic;
    font-weight: bold;
}

.wsInfoPage ul
{
    line-height: 1.4em;
}
table.noborder,
table.noborder td
{
    border: none !important;
}