/* 
    Document   : AbstractBasePage.css
    Updated on : 17.12.2009, 14:13
    Author     : Arto S.
    Description: Base style for all products.
*/


/* General layout elements  */
body {
    height: 100%;
    background: url('./images/autovistaHeader.gif') repeat-x top left #f4f4f4;
    font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    text-align:left;
    line-height: 14px;
    color:#282828; }


#wrap {
    width: 947px;
    margin: 0 auto; /* 'auto'  */ }

#mainbody {
    float: left;
    top: 54px;
    width: 947px;
    position: relative;
    height: 100%; }

#header {
    height: 58px;
    width: 947px;
    text-align: left;
    margin: 0px;
    position:relative; }

#brand {
    position: absolute;
    left: 0px;
    top: 7px;
    width: 947px;
    z-index: 1; }

#info {
    position: absolute;
    right: 5px;
    top: 22px;
    text-align: right;
    color: #000;
    font-size: 0.9em; }

#mainnavi {
    position: absolute;
    top: 67px;
    left: 0px;
    width: 947px;
    height: 36px;
    font-size:1.3em;
    background:url('./images/autovistaMainnavi.gif') no-repeat top left;}

#icons {
    float: right;
	text-align: right;
    font-size: 0.9em; }

#footer {
    font-size: 0.9em;
    clear: both;
    float: left;
    text-align:center;
    vertical-align:middle;
    width: 935px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    padding: 6px 5px 8px 5px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }



/* General styles */
p {
    margin-bottom: 0px;
    margin-top: 0px; }

a:link img, a:visited img, a:hover img {
    border:none;
    text-decoration: none; }

table, tr, td {
    border-collapse: collapse; }

a:link, a:visited {
    color: #0099cc;
    text-decoration: underline; }

a:hover {
    color: #0099cc;
    text-decoration: none; }

h1 {
    font-size: 1.9em;
    font-weight: normal;
    line-height: 24px;
    vertical-align: top;
    color: #333333;
    text-align: left;
    margin: 0px 0px 13px 0px;
	padding-top: 6px; }

h2 {
    font-size: 1.6em;
    margin: 20px 0px 10px 0px;
    color: #333333;
    font-weight: normal; }


.help {
    background:url('./images/autovistaHelp.gif') left no-repeat;
    width: 42px;
    float: right; }

.logout {
    background:url('./images/autovistaLogout.gif') left no-repeat;
    width: 48px;
    margin-right: 10px;
    float: right; }

/* common table styles*/
table { width: 100%; }

#report table.sortable tr.even:hover, #report table.sortable tr.odd:hover {
    background-color: #dbdbdb;
}

thead { background-color: #4b4b4b; color: #ffffff; }

/* common tr styles */
tr { background-color: #ffffff; }
tr.odd, tr.odd25, tr.odd50 { background-color: #ebebeb; }
tr.even, tr.even25, tr.even50 { background-color: #ffffff; }
tr.oddList, tr.oddList25, tr.oddList50 { height: 50px; background-color: #ebebeb; }
tr.evenList, tr.evenList25, tr.evenList50 { height: 50px; background-color: #ffffff; }
tr.odd25 td, tr.even25 td { text-align: left; vertical-align:top; padding:3px 5px; width: 25%;	}
tr.odd50 td, tr.even50 td { text-align: left; vertical-align:top; padding:3px 5px; width: 50%; }

/* common th/td cell styles */
th { background-color: #4b4b4b; color: #ffffff; border-width: 0px; cursor: pointer; text-align: center; vertical-align: top; padding: 3px 3px; }
td { text-align: left; vertical-align:top; padding: 3px 5px; }
td.right { text-align:right; }
td.center { text-align:center; }
td.narrow { width: 80px; }
td.leftNowrap { white-space: nowrap; }
td.rightNowrap { text-align: right; white-space: nowrap; }



.textfieldLogin {
    width: 186px;}

/*Overpriced & underpriced & bold*/

.bold { font-weight: bold;}

.overpriced { color: #d51546; font-weight: bold; }
.overpriced a { color: #d51546; }
.overpriced a:link, .overpriced  a:visited { text-decoration:underline; }
.overpriced a:hover { text-decoration: none; }

.underpriced { color: #0275e9; font-weight: bold; }
.underpriced a { color: #0275e9; }
.underpriced a:link, .underpriced a:visited {  text-decoration: underline; }
.underpriced a:hover { text-decoration: none; }

.correctlypriced { color: #000000; font-weight: bold; }
.correctlypriced a { color: #000000; }
.correctlypriced a:link, .underpriced a:visited {  text-decoration: underline; }
.correctlypriced a:hover { text-decoration: none; }

/* wicket built-in styleclasses*/
.feedbackPanelERROR {
    color: red;
}