/* @MAIN RULES */

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

body {
    background: url(../images/bg.jpg) #EDEDED left top repeat-x;
}

div#site_content_wrapper {
	min-height:100%;
	width:100%;
	height:100%;
	text-align:left;
}

* html div#site_content_wrapper {
	height:100%;
}

#site_content {
	 width: 975px;
	 overflow: hidden;
	 padding: 0px;
	 margin: 0 auto;
}

#header-container {
height: 140px;
}

#body-container {
	background: transparent;
	
}

#body-container div#main-col {
	padding-top: 40px;
}

#body-container div#left-col {
	float: left;
	padding: 15px 15px 0px 0px;
	margin: 0px;
	width: 67px;
	
}

#body-container div#right-col {
	float: left;
	margin: 15px 0px 0px 0px;
	width: 834px;
	border: solid 1px #bbbbbb;
	padding-left: 20px;
	padding-bottom: 50px;
	padding-right: 20px;
	min-height: 1040px;
}

* html #body-container div#right-col { height: 1040px;}

#body-container div#left-col-login {
	float: left;
	padding: 0px 0px 100px 0px;
	margin: 0px 0px 0px 0px;
	width: 475px;
	border-right: solid 1px #b4b4b4;
	vertical-align: top;
	
}

.indentL {
	padding-left: 110px;
}

#screen {
	width: 200px;
	float: left;
}

#body-container div.register {
	padding-bottom: 150px !important;
}

#body-container div#right-col-login {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 475px;
	border: none;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	vertical-align: top;
}

div#site_footer_wrapper {
    padding-top: 5px;
    padding-bottom: 30px;
}


/* URL RULES */
a { color: inherit; text-decoration: none;}
a:hover { text-decoration: underline;}

#header-container #skodaPR {
	display: block;
	padding-top: 57px;
	float: left;
	width: 174px;
	height: 40px;
	padding-left: 20px;
}

#header-container #skodaAuto {
	display: block;
	padding-top: 0px;
	float: right;
	width: 128px;
	height: 95px;
	padding-right: 65px;
}

#header-container #skodaPR a {
	display: block;
}

div.main-col-content {
   border-bottom: solid 1px #c3c3c3;
   width: 950px;
   margin: 0 auto;
   padding-left: -30px;
   overflow: hidden;
}

div.breadcrumbs {
    padding-left: 87px;
    padding-top: 3px;
    padding-bottom: 0px;
}

div.breadcrumbs a {
    color: #ADADAD;
}

div.main-col-content .mainItem {
    float: left;
    width: 159px;
    height: 178px;
    margin-bottom: 25px;
    overflow: hidden;
}

div.main-col-content .mainItem a {
    color: #EFEFEF;
}

#leftMenuUl li {
	overflow:hidden;
	list-style: none;
}

#leftMenuUl li a {
	color: #EFEFEF;
	clear: both;
	float: left;
}

div#mainBottom {
    padding-top: 15px;
    border-bottom: solid 1px #bbb;
    padding-bottom: 15px;
    padding-left: 17px;
}

div#mainBottom .mainBottomBox {
    background: url(../images/header-mainbox.png) no-repeat center top;
    float: left;
    padding: 0 5px;
    width: 220px;
    height: 320px;
}

div#site_footer_wrapper p {
display: block;
width: 270px;
margin: 0 auto;
font-family: Arial, sans-serif;
}

div#site_footer_wrapper p a {
color: #ADADAD;
}


#save_car_park_users_div { display:none; }

#left-col ul li {
    padding: 0;
    height:67px;
}

div#mainBottom .mainBottomBox.AutoSchool
{
  background: 0;
  padding-top: 0px;
  height: 250px !important;
}

div#mainBottom .mainBottomBox h2
{
  color: #FFF;
  font: bold 10px Verdana, Arial, Helvetica;
  padding: 8px 0 6px 15px;
}

div#mainBottom .mainBottomBox li
{
  border-bottom: 1px solid #acacac;
  clear: both;
  list-style: none;
  overflow: hidden;
  padding: 12px 4px;
}

div#mainBottom .MainPhotosBox li
{
  border-bottom: 0;
}

div#mainBottom .mainBottomBox li h3 a
{ 
  background: url(../images/icon-more.png) no-repeat center right;
  color: #039e02;
  font-weight: bold;
  display: block;
  padding-right: 5px;
}

div#mainBottom .mainBottomBox li h3
{
  padding-top: 5px;
}

div#mainBottom .mainBottomBox li.Last
{
  border-bottom: 0;
}

div#mainBottom .mainBottomBox li .Date
{
  border-right: 1px solid #5a5859;
  color: #5a5859;
  font: bold 10px Verdana, Arial, Helvetica;
  padding-right: 6px;
}

div#mainBottom .MainPhotosBox li .Date
{
  border-right: 0;
}


div#mainBottom .mainBottomBox li .Intro
{
  padding-top: 10px;
}

#header .printIcon
{
  display: inline;
  text-decoration: none;
  font-size: 10px;
  padding: 0;
}

#header .printIcon img
{
  vertical-align: middle;
  padding: 0;
}

div#mainBottom .mainBottomBox li .MainBottomBoxPhoto
{
  float: left;
}

div#mainBottom .mainBottomBox li .MainBottomBoxPhoto img
{
  border: 2px solid #fff;
}

div#mainBottom .MainPhotosBox li span
{
  display: block;
}

div#mainBottom .MainPhotosBox .MainPhotosMore
{
  float: right;
  width: 115px;
}

div#mainBottom .MainPhotosBox .MainPhotosMore .DateLabel,
div#mainBottom .MainPhotosBox .MainPhotosMore .SizeLabel
{
  border-bottom: 1px solid #adadad;
  padding-bottom: 0px;
}

div#mainBottom .MainPhotosBox .MainPhotosMore .Date
{
  padding: 0px 0;
}

div#mainBottom .MainPhotosBox .MainPhotosMore .Size
{
  color: #5A5859;
  font-weight: bold;
  line-height: 11px;
}

.Events h3
{
  /*width: 610px;*/
}

.Events li
{
  width: 650px;
}

.Events li input,
.Events li textarea
{
  width: 495px;
}

.Events li.eventDate
{
  width: 260px;
}

.Events li.eventDate label
{
  width: 110px;
}

.Events li.eventDate input
{
  width: 110px;
}

h2.EventName
{
  border-top: 1px solid #4e4e4e;
  border-bottom: 1px solid #4e4e4e;
  color: #4e4e4e;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}

h2.EventName span.subtitle {
color: #4e4e4e;
  font-size: 12px;
  font-weight: normal;
}

.Event.content
{
  padding: 20px 0;
}

.EventHead
{
  padding: 30px 0 0;
}

.EventHead span
{
  color: #505050;
  font-family: Verdana;
  font-size: 11px;
  display: block;
  font-weight: bold;
}

.EventNav
{
  float: right;
  width: 200px;
  text-align: right;
}

.EventNav a
{
  font-weight: bold;
}

.PrevStep {
	margin-right: 4px;
}
.NextStep {
	margin-left: 4px;
}

.EventDescription
{
  padding-top: 15px;
  padding-bottom: 15px;
}

.bot { padding-bottom: 40px !important;}

.AcceptReject
{
  text-align: center;
}

.AcceptReject a
{
  background: #E9E9E9;
  border: 1px solid #D4D4D4;
  color: #757575;
  cursor: pointer;
  font-weight: bold;
  line-height: 15px;
  margin-left: 15px;
  text-decoration: none;
  padding: 4px 12px;
}

a.accepts {
  background: #B3B3B3;
  color: #F9F5F5;
  border: solid 1px #808080;
}

input.Expires
{
  background: transparent;
  border: 0;
  width: 73px;
}

#googlemap
{
  float: left;
  width: 665px;
  height: 240px;
  margin-left: 0px;
  border: 1px solid #bbb;
}

#googlemapshow
{
  float: left;
  width: 430px;
  height: 340px;
  margin-left: 0px;
  border: 1px solid #bbb;
}

#MarkersShow {
 width: 360px;
 float: left;
 color: #6F6F6F;
 padding-left: 20px;
}


#currentMarkersDiv {
 width: 512px;
 float: left;
 color: #6F6F6F;
}

#currentMarkersDiv a, #MarkersShow a, #MarkersShow ul.googlePoint li {
 color: #6F6F6F;
}

#MarkersShow .googlePoint {
	list-style-type: disc;
	list-style-position: inside;
	color: #6F6F6F;
}

.datepicker_trigger
{
  display: inline;
}

#photoExample {
	padding: 0;
	border: solid 2px #fff;
	margin: 0 auto;
}

#photoPreview {
	width: 150px;
	height: 95px;
	overflow:hidden;
	border: solid 1px #fff;
	position: relative;
}

#photoPreview img {
	border: none !important;
}

#body-container div#left-col-error {
	float: left;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	width: 675px;
	vertical-align: top;
}

.errorH1 {
    font-weight: bold;
    padding: 70px 0 25px 0;
    margin: 0 0 40px 0;
    border-bottom: solid 1px #BEBEBE;
    font-size: 32px;
    line-height: 26px;
}

#importMenu {
	margin-bottom: 20px;
}

#importMenu li {
	float: left;
	clear: none;
	width: auto;
	padding: 5px;
	margin: 5px;
	border: 1px solid #D4D4D4;
}

#importMenu li.dark {
	background:#B3B3B3 none repeat scroll 0 0;
	border:1px solid #808080;
	color:#F9F5F5;
}