html, body { height: 100%; width: 100%; margin: 0px; padding: 0px;}

body { overflow-y: scroll; text-align: center;  }

body, table, tr, td, pre {
  font-family: arial, verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #000; 
  vertical-align: top;
}

body { background-color: #fff; }

a:active,
a:visited,
a:link      { text-decoration: underline; }
a:hover     { color: #2C62AC; }

h1          { font-size: 18px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; color: #EA5317; line-height: 20px; }
h2          { font-size: 15px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; color: #EA5317; line-height: 20px;  }
h3          { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; margin-bottom: 5px; color: #557DBE; }
hr          { height: 1px; color: #000; border: 0px; border-bottom: 1px solid #000; }

ul          { padding: 0px; margin: 0px; padding-left: 15px; }
img         { border: 0px; }
form        { padding: 0px; margin: 0px; }
button      { cursor: pointer; }
.description { font-size: 10px; }

p { margin: 0px; }

.bottom     { vertical-align: bottom; }
.clear      { clear: both; }
.left       { float: left; }
.right      { float: right; }
.container  { padding: 10px; }
.relative   { position: relative; }
.scrollable { overflow-y: auto; }
.overflowHidden { overflow-y: hidden; }
.space10    { height: 10px; width: 1px; }
.add10      { padding-right: 10px; }
.pt10       { padding-top: 10px; }
.pt30       { padding-top: 30px; }
.clickable  { cursor: pointer; }

div#main           { background: #ffffff no-repeat top left; margin: 0 auto; text-align: left; width: 920px; padding: 0px; } 
div.header             { padding-bottom: 10px; }
div.header div span    { padding: 10px; display: block; }
div.header div.left    { width: 220px; padding-top: 20px; height: 220px;  }
div.header div.right   { width: 680px;  height: 240px; background: transparent url() no-repeat right 20px; }/*../images/header01.jpg*/
div.header div.logo    { height: 95px; }
div.header div.banner  { height: 125px; background: #EA5217 url(/data/gradient/EC6D14/EA5217/125/vertical.gif) repeat-x top left; color: #fff; }
div.header div.banner span { padding-left: 20px; }
div.header div.blocks  { width: 210px; float: right; margin-right: 10px; position: relative; z-index: 600; }
div.header div.contactContainer { margin-bottom: 70px; }
div.header div.contact { background: #EA5217 url(/data/gradient/EC6D14/EA5217/70/vertical.gif) repeat-x top left; height: 60px; color: #ffffff; }
div.header div.login   { background: #e1e2e3 url(/data/gradient/ffffff/E1E2E3/80/vertical.gif) repeat-x top left; height: 80px; }
div.header div.login span { padding-top: 5px; padding-bottom: 5px; }
div.header div.headerCornerContainer { width: 680px; height: 220px; position: absolute; top: 20px; left: 0px; z-index: 500; }
div.header div.headerCorners { width: 680px; height: 220px; }
div.header div#headerImage { float: left; }

div.menu               { background: transparent url(/data/gradient/12559F/4971B5/24/vertical.gif) repeat-x top left; width: 100%; height: 24px; float: left; }

div#main div.content div#contentLeft      { width: 670px; }
div#main div.content div#contentRight     { width: 210px; overflow-x: hidden; }
div#footer div.left                       { width: 750px; }
div#footer div.right                      { width: 170px; }

div#footer { font-size: 11px; padding-top: 20px; }
div#footer a { color: #EA5317; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer ul { list-style-type: none; margin: 0px; padding: 0px; }
div#footer li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #EA5317; }
div#footer li.first { padding-left: 0px; }
div#footer li.last,
div#footer ul.cities li.last { border-right: 0px; padding-right: 0px; }
div#footer ul.cities li { border-right: 1px solid #000000; }
div#footer ul.cities li a { color: #000000; }

div.msgBox        { border: 1px solid #000; margin-bottom: 10px; font-weight: bold; }
div.msgBox div.container {padding: 5px;  } 
div#msgSuccess    { background-color: #DFF2BF; border-color: #4F8A10; color: #4F8A10; } 
div#msgSuccess td { color: #4F8A10; }
div#msgNotice     { background-color: #BDE5F8; border-color: #00529B; color: #00529B; } 
div#msgNotice td  { color: #00529B; }
div#msgWarning    { background-color: #FEEFB3; border-color: #9F6000; color: #9F6000; }
div#msgWarning td { color: #9F6000; }
div#msgError      { background-color: #FFBABA; border-color: #D8000C; color: #D8000C; }
div#msgError td   { color: #D8000C; }

select        { border: 1px solid #C8C9CD; background-color: #F6F7F9; line-height: 12px; width: 128px; margin-bottom: 3px; }
div.crmCard select.day, select.day      { width: 40px; }
div.crmCard select.month, select.month  { width: 90px; }
div.crmCard select.year, select.year    { width: 55px; }
input.submit,
button { font-size: 12px; border-width: 1px; background-color: #EC5E14; color: #ffffff; }
button.step { font-size: 13px; font-weight: bold; margin-right: 5px; margin-top: 10px; }
input.submit { padding-left: 5px; padding-right: 5px; }

.required, .error { color: #CE0808; font-weight: bold; }
.message { color: #0808CE; font-weight: bold; }
span.required { width: 7px; float: left; }
label.validationError { color: #CE0808; }
/*
input.validationError {
  background-color: #9AA0E6;
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #9AA0E6; color: #000; border: 1px solid #3F447F; z-index: 1000; }
*/
input.validationError {
  background-color: #F7BB9B;
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #F7BB9B; color: #000; border: 1px solid #EC5E14; z-index: 1000; }

div.roundedCorners                        { padding: 0px; margin: 0px; }
div.roundedCorners div.cornerLeft         { top: 0px; left: 0px; font-size: 1px; position: absolute; z-index: 1000; }
div.roundedCorners div.cornerSpacer       { font-size: 1px; }
div.roundedCorners div.cornerRight        { top: 0px; right: 0px; font-size: 1px; position: absolute; z-index: 1000; }

div.roundedCorners div.cornerContainer    { position: relative; }
div.roundedCorners div.cornerContainer td { font-size: 1px; }

div.contentExtreme { float: left; margin-bottom: 10px; }
div.contentExtreme div.contentContainer { width: 880px; }
div.component div.contentFull,
div.component div.contentSemifull { width: 670px; float: left; margin-bottom: 10px; }
div.component div.contentFull div.contentContainer,
div.component div.contentSemifull div.contentContainer { width: 650px; }
div.component div.contentLeft { float: left; width: 440px; margin-bottom: 10px; }
div.component div.contentRight { width: 210px; float: right; margin-bottom: 10px; }
div.component div.contentSemifull div.contentLeft { width: 420px; margin-bottom: 0px; }
div.component div.contentSemifull div.contentRight { width: 190px; margin-bottom: 0px; }
div.contentBlock { float: left; margin-bottom: 10px; width: 100%; }
div.contentBlock { overflow-x: hidden; }

div.block { background: #E9E9E9 url(/data/gradient/ffffff/e9e9e9/50/vertical.gif) repeat-x top left; margin-bottom: 10px; }
div.block div.container { border: 1px solid #D8DADC; }

div#userComponent input { width: 230px; }

div#blockLogin label  { font-size: 12px; }
div#blockLogin input  { margin: 0px 0px 2px 5px; height: 15px; font-size: 11px; line-height: 12px; padding: 0px; width: 115px; }
div#blockLogin button { height: 16px; font-size: 9px; line-height: 10px; padding: 0px; }
div#blockLogin a { font-size: 10px; }
div#blockLogin td.links { padding-top: 0px; height: 35px; vertical-align: bottom; }
div.blockContent { width: 180px;  }

input.info { color: #aaa; font-style: italic; }
div.crmCard input.invoiceRuleDescription { width: 450px; }
div.crmCard input.invoiceRulePrice { width: 160px; }

span.rssContent a { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; margin-bottom: 5px; color: #557DBE; }

div.manYearOverview span.price { font-size: 11px; }
