/********************************************************************
Main colors:
*********************************************************************/

BODY { width:100%;  }
BODY, DIV, FORM, TABLE, TD { padding:0px; margin:0px; }

DIV.overframe { background-image:url(../img/backtop.jpg); background-position:top left; background-repeat:no-repeat; min-width:1000px; } 

BODY, FORM, TABLE, P, DIV, INPUT, TEXTAREA { font-family:Verdana; font-size:8.25pt; color:#393939; }
OL, UL { margin-top:0px; }
HR { height:0px; border:0px; border-top:1px solid #464C56; }
P { padding:0px; margin:0px 0px 1em 0px; }
P.pointer { padding:0px; margin:1em 0px 0px 0px; cursor:pointer;}
IMG { border:0px }

H1 { margin:0px; padding:0px 0px 0.8em 0px; color:#333; font-size:16pt; font-weight:normal }
H2 { margin:0px; padding:0px 0px 0.7em 0px; color:#777; font-size:12pt; }
H3 { margin:0px; padding:0px 0px 0.6em 0px; color:#333; font-size:10pt; }
H4 { margin:0px; padding:0px 0px 0.5em 0px; color:#333; font-size:9pt; }
H5 { margin:0px; padding:0px 0px 0.3em 0px; color:#333; font-size:8.25pt; }

SELECT, INPUT, TEXTAREA { border:1px solid #6F6C6C; padding:1px; color:#040808; }
INPUT.image, INPUT.checkbox, INPUT.radio { border:none !important; width:auto !important; }
INPUT.submit { border:1px outset silver; padding:1px 5px; background-color:white; }
INPUT[type="radio"] { border:none; }
LABEL { cursor:pointer; }
A, A:visited, A:hover { color:#35689C; text-decoration:underline; }
A:hover { text-decoration:none; }
SPAN.a { color:#4fa723; }

.nobr, .nowrap { white-space:nowrap; }
DIV.clear { clear:both; width:100%; height:0px; font-size:0px; line-height:0px; margin:0px !important; padding:0px !important; }
DIV.spacer { clear:both; width:100%; height:30px; font-size:0px; line-height:0px; }

DIV#top { height:213px; margin:0px; }
DIV#top DIV#brick {height:10px; }
DIV#top DIV#logoarea { margin-left:50px; height:65px; width:190px; float: left;}
DIV#top DIV#logoarea SPAN { height:65px; width:190px; cursor:pointer; display:block}
DIV#top DIV#feedback { height:20px; margin: 25px 50px 0px auto; width: 230px; font-size:14px; font-weight:bold; overflow:hidden; }
DIV#top DIV#feedback A, DIV#top DIV#feedback A:visited, DIV#top DIV#feedback A:hover { color:White; }
DIV#top DIV#contacts { margin-top:5px; margin-left:65px; height:45px; width:140px; font-weight:bold; }
DIV#top DIV#contacts P { color:black;}
DIV#top DIV#menu { height:44px; margin:0px; margin-top:64px/*44px*/; padding:0px 220px;}
DIV#top DIV#menu DIV#items { margin-left:20px; text-align:center }
DIV#top DIV#menu DIV#items DIV.mi { float:left; width:90px; height:44px; color:white; font-size:12px;  }
DIV#top DIV#menu DIV#items DIV.mi DIV.frml { padding-top:10px; }
DIV#top DIV#menu DIV#items DIV.mi DIV.frm { padding-top:15px; }
DIV#top DIV#menu DIV#items DIV.hover { background-image:url(../img/backmenu.gif) }
DIV#top DIV#menu DIV#items DIV.sel { background-image:url(../img/backmenu_current.gif); color:#777 }
DIV#items DIV A, DIV#items DIV A:visited, DIV#items DIV A:hover { text-decoration:none; cursor:pointer; color:White }
DIV#items DIV SPAN { height:44px; display:block }

DIV#top DIV#menu DIV#items #_feedback_ { width:0;overflow:hidden; } 

DIV#bottom { padding:0px 220px; }
DIV#bottom DIV#right { float:right; margin-right:-220px; width:220px }
DIV#bottom DIV#left { float:left; margin-left:-220px; width:220px; height:300px; }
DIV#main { padding:20px 10px;}
DIV#main P, DIV#main LI { font-size:14px; color:#333 }

DIV#footer { padding:0px 220px; font-size:80%; color:#666; margin:30px 0px}

.textfield { width: 450px; }
.quicksearchfield { width: 200px; }

TABLE.grid-table { border:0; background-color:Window;  }
TABLE.grid-table TR.head-foot { font-size:80%; font-weight:bold; background-color:#FFD4D4 }
TABLE.grid-table TD { padding:5px; color:Gray; }
TABLE.grid-table TR.alt-row TD { background-color:#F5F5F5 }

TABLE.grid-table TD.num { width:10px; vertical-align:top; }
TABLE.grid-table TD.username { width:60px;}
TABLE.grid-table TD.decimallast { vertical-align:top; text-align:right;}

TABLE TD.lbl { padding-right:5px; vertical-align:top }
TABLE TD.lblW110 { padding-right:10px; vertical-align:top; width:110px; }

.navpagination {
}
.navpagination .caption {float:left; display:block;}
.navpagination a, .navpagination span {
    text-decoration: none;
}
.navpagination a {
    color:#7233ee;
}
.navpagination a:hover {
    text-decoration: underline;
    color:#7233ee;
}

.navpagination a:visited {
    /* color:#0066CC; */
}

.navpagination .disabledlink {
    color: #808080;
}

.navpagination .enpagelink {
    float:left;
    display: block;
    margin: 0 3px;
}

.navpagination .dispagelink {
    float:left;
    display: block;
    margin: 0 3px;
}

DIV.rnote { margin-top:25px }
DIV.rnote P { color:#333; font-size:12pt }

DIV.scont { margin-top:40px; padding:0px 15px }
DIV.scont H1 { font-size:13px; font-weight:bold }
DIV.scont H2 { font-size:12px }

DIV#quicksearch { margin-top:30px; padding:0px 10px; } 
DIV#quicksearch P { font-size:8pt; color:#666; padding-top:1em; }
DIV#quicksearch INPUT { margin:2px 0px;}

DIV.betaw { margin-top:30px; padding:0px 10px; }

TABLE.contacts { margin-bottom:2em}
TABLE.contacts TD { padding-right:30px; padding-bottom:0.5em; font-size:12pt }
TABLE.contacts THEAD TD {font-size:90%; font-weight:bold; }

TABLE.stdtable {border-collapse:collapse; border:solid 1px #b9b9b9;}
TABLE.stdtable TD {border:solid 1px #b9b9b9; padding:2px;}
TABLE.stdtable THEAD TD {background-color:white; text-align:center; font-weight:bold;}
TABLE.stdtable TBODY TD.actions { white-space:nowrap; text-align:center; }
TABLE.stdtable TBODY TD.id {text-align: right; width:35px;}

TABLE.users { }
.users TBODY TD.role {width:170px; text-align:left;}
.users TBODY TD.name {width:370px; text-align:left;}
.users TBODY TD.bool {width:20px; text-align:center;}

TABLE.questionnaires { }
.questionnaires TBODY TD.name {width:370px; text-align:left;}

TABLE.feedbacklist { }
.feedbacklist TBODY TD.common {width:200px; text-align:left;}
.feedbacklist TBODY TD.date {width:100px; text-align:center;}
.feedbacklist TBODY TD.message {width:400px; text-align:left;}

DIV#logonfrm { margin:25px 10px }

TABLE TD.rg1 { padding-right:15px }
TABLE TD.rg3 { padding-left:10px }

P.opResult { font-size:13pt; }
P.errorMessage { color:Red; }

.rg2 LABEL {margin-bottom:13px;}
.rg2 INPUT.other[type="text"] { margin-left:8px }

TABLE.catalogtagTable TD {padding-left:5px;}
DIV.catalogtagLetter {font-size:large; }
DIV.catalogtagWords  { padding-top:2px; padding-bottom:5px }

#mmfilter { width:100%; }

.highlight { background-color:#ffeded; }
.highlight2 { background-color:#ffd4d4; }
TABLE.filter TD.main, TABLE.filter TD.aux { text-align:left; vertical-align:top; padding:25px; }
TABLE.filter TD.main { padding-top:10px; } 
TABLE.filter TD.aux { padding-top:10px; }

DIV.markhead { float:right; }

TABLE.filter TABLE TD { padding-right:3px; }

div.sortmark {display:inline-block; width:5px; margin-right:5px; }
DIV.helpi IMG { margin:0px; border:none; width:17px; height:17px; position:relative; top:3px; }
DIV.helpi { height:17px; line-height:17px; }
INPUT[type="checkbox"] { border:none; }

INPUT.date { width:70px; }

.errors ul li { color:Red !important; font-size:12px !important}
.validator-dynamic {color:Red !important;}

TABLE.makes { }
.makes TBODY TD.make {width:200px; text-align:left;}
.makes TBODY TD.logo {text-align:center;}
.makes TBODY TD.description {width:400px; text-align:center;}

.makeCat { width: 100%; height: auto; }
.makeCatItem { width: 120px; height: 120px; text-align: center; float: left; overflow: hidden; }
.makeCatItem .logo { width: 64px; height: 64px; margin: 0 auto 10px auto; overflow: hidden; }
.makeCatItem .logo img { width: 64px; height: 64px; }
.float_clear { clear: both;	height: 0; width: 0; overflow: hidden; }

TABLE.models { }
.models TBODY TD.model {width:200px; text-align:left;}
.models TBODY TD.description {width:400px; text-align:center;}

