/* 
   General 
------------------------------------------------------------------- */

html, body {height: 100%;}

body {line-height: 1.5; min-width: 962px;margin:0; padding:0;}

/* 
   Lists 
------------------------------------------------------------------- */
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal; margin-left: 1.9em;}

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none; margin-top: 0;}
ul.plain-list {margin: 0;}

ul.tabbed {display: inline; margin: 0;}
ul.tabbed li {float: left; padding-right: 10px; padding-left: 10px;}
ul.tabbed li:first-child {padding-left: 0px;}
ul.tabbed li:last-child {background: none; padding-right: 0px;}
ul.tabbed.no-seperator li{background: none;padding-right: 2px; padding-left: 2px;}

ul.nice-list {margin-left: 0; margin-bottom: 0px;}
ul.nice-list li {list-style: none; padding: 4px 0;}

ul.v-animated-list {list-style: none; width: 100%; margin: 0; float: left; position: relative; padding-left: 0px;}
ul.v-animated-list li {position: relative; padding: 0; margin: 0; float: none;}
ul.v-animated-list li a {display: block; padding: 6px 6px 6px 0px; text-decoration: none; border: 0; position: relative; height: 1%;}
ul.v-animated-list li a span {position: absolute; left: -35px; top: 50%; margin: -14px 0 0; height:32px; width: 32px; display: none;}

/* 
   Tables 
------------------------------------------------------------------- */
table.styled {width: 100%;}
table.styled thead th {height: 52px; padding: 14px 10px 0px 5px;}
table.styled td, table.styled > caption {padding: 4px 10px 4px 5px;}

/* 
   Messages 
------------------------------------------------------------------- */
.error, .notice, .success {margin-bottom: 1em; padding: 0.6em 0.8em;}

/* 
   Alignment 
------------------------------------------------------------------- */
.floatleft {float: left;}
.floatright {float: right;}
.clear,.clearer {clear: both;}
.clearer {display: block; font-size: 0; line-height: 0; height: 0;}
.anchor-bottom {bottom: 0px; position: relative;}
/* 
   Layout 
------------------------------------------------------------------- */

/* Outside wrappers */
#site-wrapper {}
#header-wrapper {height: 104px; width: 100%;}
#content-wrapper {}
#footer-wrapper {width: 100%;}

/* Inner wrappers */
.site-inner {width: 1012px; margin: 0 auto; position: relative;}
#header-inner {margin: 0 auto; width: 1012px; height: 104px; overflow: visible;}
#header-inner img {top: 6px; position: relative;}
#footer-inner {padding-top: 18px; margin-bottom: 10px;}
#footer-left {width: 268px; height: 100%;}
#footer-middle {text-align: left; padding-left: 20px;}
#nav {position: absolute; top: 60px; right: 0px;}
#content-inner {padding-bottom: 25px; padding-top: 16px;}
#col-left {float: left; width: 714px; padding-right: 31px; padding-bottom: 25px;}
#col-right {float: right; width: 267px; padding-bottom: 25px;}
.header-headline {float:left; position: absolute; left: 186px; top: 16px;}

#account-links {height: 20px; float:right; position: absolute; right: 0px; top: 6px;}

/* Login panel */
#login-panel-outer {position: absolute; top: 0; width: 100%; z-index: 999; text-align: left; margin-left: auto; margin-right: auto;}
#login-panel-inner {height: 112px; overflow: hidden; position: relative; z-index: 3; display: none;}
#login-panel-tab {height: 42px; position: relative; top: 0; z-index: 999;}
#login-panel-tab .login-tab {display: block; position: relative; float: right; clear: right; height: 42px; width: auto; line-height: 42px; margin: 0; right: 150px;}
#login-panel-tab .login-tab li.left-tab {height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left;}
#login-panel-tab .login-tab li.right-tab {height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left;}
#login-panel-tab .login-tab li {text-align: left; padding: 0 6px; display: block; float: left; height: 42px;}

#login-panel-inner .content {height: 100%; margin-top: 6px;}
#login-panel-inner .content h3 {padding-top: 0px;}
#login-panel-inner label {color: #FFFFFF; width: 60px;}
#login-panel-inner .form-row {border: none; padding: 0px 0px 4px 0px; line-height: 1px;}
#login-panel-inner .submit-row {padding: 0px; margin: 0px;}

/* Content Block */
#contentblock-wrapper {width: 714px; margin-bottom: 16px;}
#contentblock-header {height: 31px;}
#contentblock-header h2 {padding-top: 8px; padding-left: 14px;}
#contentblock-header h1 {padding-bottom: 0px;}
#contentblock-inner {padding: 20px 14px 30px 14px;}
#contentblock-inner label {width: 140px; float:left;}
#contentblock-inner .labellabel {vertical-align: top; margin-top: 0px;}

/* Side-bar Content Block */
#sidebarcontentblock-wrapper {width: 264px; margin-bottom: 12px; padding-bottom: 12px; float: right;}
#sidebarcontentblock-header {height: 12px;}
h3.sidebarcontentblock-title {padding-top: 6px; padding-left: 0px; padding-bottom: 4px; border-bottom: 1px solid #CCCCCC;}
#sidebarcontentblock-inner {padding: 10px 14px 10px 14px;}
#sidebarcontentblock-inner label {width: 140px; float:left;}
#sidebarcontentblock-inner .labellabel {vertical-align: top; margin-top: 0px;}

/* Section header */
#section-header {height: 98px; width: 100%; padding: 12px;}
#section-header ul {width: 100%; padding-bottom: 0px; margin-bottom: 0px;}

/* All adverts canvas / containers */
.adverts_maincanvas {width: 1000px; height: 1000px; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px;}
.advert {position: absolute;}
.advert-tooltip {width: 200px;}
.advert-tooltip .score {width: 60px; float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
/*#confirm-advert-position {-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px;}
#confirm-advert-position h3 {padding-top: 0px; padding-bottom: 6px;}*/

ul.slideshow {list-style:none; width:712px; height:152px; overflow:hidden; position:relative; margin:0; border: 6px solid #000000;}	
ul.slideshow li {position:absolute; left:0; right:0;}
ul.slideshow img {border:none;}
ul.slideshow .show {z-index: 999;}
ul.slideshow #slideshow-caption {z-index: 1000;}
#slideshow-caption {width:712px; height:50px; position:absolute; bottom:6px; left:0; z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:5px 10px;}
#slideshow-caption h3 {margin:0;padding:0;}
#slideshow-caption p {margin:5px 0 0 0; padding:0;}



/* Scroll up */
#scrollup {position: relative; overflow: hidden; height: 120px; width: 236px;}
#scrollup .headline {position: absolute; top: 210px; left: 0px; height: 128px; width:236px;}
#scrollup .headline .for {position: absolute; top: 64px; left: 0px;}
#scrollup-bottom-text {position: absolute; top: 150px; right: 50px; width: 200px;}
#scroll-up-carticon {position: absolute; right: -10px; top: 140px;}

/* 
   Form overrides 
------------------------------------------------------------------- */
textarea {width: auto;}
input[type=text] {width: 200px;}
button {-moz-border-radius: 8px; -webkit-border-radius: 8px;}
input[type=text], textarea, select {-moz-border-radius: 8px; -webkit-border-radius: 8px;}

.errornote {
    -moz-border-radius: 8px; -webkit-border-radius: 8px;
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
    border-top: 1px dashed #800E12;
    position: relative; top: -20px;
}

div.form-row .help-div { margin-top: 0px; padding: 4px 8px 4px 8px;
    float: right; width: 274px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
div.form-row ul.errorlist {list-style: none;}
div.form-row ul.errorlist li {padding-left: 140px;}
div.form-row label {width: 140px;}

div.form-row.inline {width: 100%;}
div.form-row.inline div {padding-right: 30px; float: left;}
div.form-row.inline div:last-child {float: right;}
div.form-row.inline label {width: auto;}
.vDateField { width: 80px !important; }

/*  Submit, Delete & Cancel Buttons ................................................... */

input[type=submit], input[type=button], button {-moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 0px; padding: 6px 8px 5px 8px;}
.submit-row {margin-top: 0px;}
.submit-row a, a.default {
    margin-top: 0; margin-bottom: 0; padding: 6px 8px 5px 8px;
    width: auto; height: 25px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer;
}

/* 
   Misc classes 
------------------------------------------------------------------- */
.rounded-all {-moz-border-radius: 6px; -webkit-border-radius: 6px;}

/* 
   Custom components 
------------------------------------------------------------------- */
#callouts {float: left; margin-right: 16px; margin-top: 174px;} 
.callout {
    background: url(/media/img/callout_top.png) top no-repeat;
    width: 202px; position: relative; left: -1px;
}
.callout_arrow {
    background: url(/media/img/callout_arrow.png) top no-repeat;
    width:22px; height: 52px;
    position: relative; float: left; left: -21px; top: 30px;
}
.callout .inner {
    position: relative; top: 18px;
    background: url(/media/img/callout_back.png) repeat-y;
    width: 202px; color: #FFFFFF; min-height: 84px;
    padding-top: 0px; padding-bottom: 0px;
}
.callout .inner h3 {color: #FFFFFF; padding-top: 0px; margin-top: 0px; font-weight: bold;}
.callout_bottom {
    margin-top: 18px;
    background: url(/media/img/callout_bottom.png) bottom no-repeat;
    width: 202px; height: 18px;
}

.content_block {background: url(/media/img/content_seperator.png) no-repeat bottom left; padding-bottom: 16px;}
.content_block .inner {background: url(/media/img/content_seperator.png) no-repeat top left; padding-top: 16px;}