/* - base definitions -*/
html, body {
    height: 100%;
}
body {
    position: relative;
    background: #e6f0f7;
    color: #000;
    font-size: 12px;
    line-height: 145%;
}
* {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
    margin: 0;
    padding: 0;
    border: none;
}
img {
    vertical-align: top;
}
a, a:visited {
    color: #0067b1;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 16px;
    font-weight: normal;
}

/* - form definitions -*/
input, textarea, select {
    border: 1px solid #999999;
    color: #676767;
    font-size: 12px;
    vertical-align: middle;
}
input:focus, textarea:focus, select:focus {
    border: 1px solid #265576!important;
    background: #f6f9fc url("/img/frontend/bgd_inputtextareafocus.gif") repeat-x;
    color: #1a394f;
}
.ip_text, textarea {
    width: 254px;
    padding: 4px 5px 0;
}
select {
    height: 22px;
    width: 254px;
    padding: 2px;
}
.ip_text {
    height: 18px;
}
.ip_submit {
    border: none;
}
fieldset {
    margin: 24px 0 0 14px;
}
fieldset h3 {
    margin-bottom: 20px;
}
label {
    display: block;
    float: left;
    width: 135px;
    margin: 6px 0 4px 0;
    font-weight: bold;
}
#checkboxlist label.note {
    padding: 6px 0 0 16px;
    font-size: 10px;
    line-height: 120%;
}
#formimage, #checkboxlist {
    float: left;
}
#checkboxlist label {
    float: none;
    width: 180px;
    margin: 2px 0 3px 0;
    color: #666;
    font-weight: normal;
}
#checkboxlist input {
    margin: 0 6px 0 12px;
    border: none;
}
#checkboxlist span.percent {
    margin-left: 20px;
}
.formelements {
    position: relative;
    width: 680px;
    padding: 4px 0;
}
.formelements:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0%;
    clear: both;
    visibility: hidden;
}
.buttonbar {
    height: 40px;
    margin-top: 20px;
    background: #fff url("/img/frontend/bgd_buttonbar.gif") no-repeat center 15px;
    text-align: center;
}
.bbleft {
    float: left;
    margin: 4px 0 0 9px;
}
.bbinfo {
    float: left;
    width: 299px;
    height: 34px;
    margin-left: 112px;
    padding-top: 11px;
    background: transparent url("/img/frontend/bgd_buttonbar_info.gif") no-repeat center 6px;
}
.bbsave {
    float: left;
    margin-left: 160px;
}
.bbright {
    float: right;
    margin: 0 9px 0 0;
}


/* - layout definitions -*/
#headerarea, #contentarea, #footerarea  {
    widht: 100%;
    margin: 0 auto;
}
#headerarea {
    height: 80px;
    background: #fff url("/img/frontend/bgd_header.gif") repeat-x;
}
#contentarea {
    min-height: 400px;
    background: #fff url("/img/frontend/bgd_content.gif") repeat-x;
}
#header, #content {
    width: 982px;
    margin: 0 auto;
    text-align: left;
}
#content {
    padding-bottom: 30px;
}
#content:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0%;
    clear: both;
    visibility: hidden;
}
#contentcolumn {
    float: left;
    width: 774px;
}
#infocolumn {
    float: right;
    width: 208px;
}


/* - headerarea definitions -*/
#liveadlogo {
    float: left;
    margin: 30px 0 0 4px;
}
#account {
    float: right;
    margin: 35px 10px 0 0;
    color: #b2b2b2;
}
#account strong {
    color: #000;
}
#account img {
    margin: 0 8px;
    vertical-align: middle;
}

/* - content -> contentcolumn definitions -*/
#headline {
    margin: 17px 0 0 10px;
}
#lead {
    width: 700px;
    height: 94px;
    margin: 4px 12px 0 12px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 145%;
}
.campagnes #content {
    background: transparent url("/img/frontend/bgd_topline.gif") no-repeat center 46px;
}
.campagnes #headline {
    float: left;
    margin-top: 15px;
}
#campagnehead h2 {
    width: 200px;
    float: right;
    padding: 21px 0 0 19px;
    color: #7fb3d8;
}
#campagnehead h2 a, #campagnehead h2 a:visited {
    color: #fff;
}
#campagnehead h2.opened {
    background: url("/img/frontend/arrow_header_opened.gif") no-repeat 2px 23px;
}
#campagnehead h2.closed {
    background: url("/img/frontend/arrow_header_closed.gif") no-repeat 2px 23px;
}
#campagnehead:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0%;
    clear: both;
    visibility: hidden;
}
#campagnetitle {
    width: 650px;
    margin: 17px 0 0 12px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}
#campagnetitle span {
    margin-left: 18px;
    color: #7fb3d8;
    font-size: 12px;
}
#campagnetitle span strong {
    color: #fff;
}
#campagnedesc {
    height: 24px;
    margin: 3px 0 0 12px;
    color: #fff;
}

/* - content -> menu/ submenu definitions - */
#menu {
    height: 35px;
    margin: 7px 0 0 4px;
}
#menu span {
    margin-right: 5px;
}
#submenu {
    padding: 12px 0 12px 14px;
    font-weight: bold;
}
#submenu span {
    margin-right: 10px;
}

/* - content -> infocolumn definitions - */
#regibutton {
    display: block;
    margin: 24px 0 27px 0;
}
#newcampagne {
    display: block;
    margin: 1px 0 0 0;
}
#editproperties {
    display: block;
    margin: 22px 0 0 0;
}
#overviewbox {
    width: 200px;
    margin: 18px 0 0 4px;
    background: #e4eff7 url("/img/frontend/box_bgd_top.gif") no-repeat;
}
#overviewbox h2 {
    padding: 12px 9px 7px 9px;
}
#overviewbox p {
    padding: 0 9px;
}
#overviewbox p.topspace {
    padding-top: 6px;
}
#overviewbox span {
    display: block;
    float: left;
    width: 56px;
    color: #676767;
    font-size: 10px;
}
#boxfooter {
    position: relative;
    height: 41px;
    margin-top: 6px;
    padding: 5px 0 9px 0;
    background: #fff url("/img/frontend/box_bgd_bottom.gif") no-repeat;
    text-align: right;
}
#boxfooter p {
    font-size: 18px;
}
#boxfooter span {
    display: inline;
    float: none;
}
#refresh {
    position: absolute;
    top: 8px;
    left: 5px;
}
#hintbox {
    width: 200px;
    margin: 6px 0 0 4px;
    background: #f7f4b7 url("/img/frontend/box_hint_top.gif") no-repeat;
    color: #4a4b3a;
}
#hintboxfoot {
    background: transparent url("/img/frontend/box_hint_bottom.gif") no-repeat bottom;
}
#hint {
    padding: 9px 9px 3px 9px;
}
#price {
    padding: 2px 9px 9px 9px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
#price span {
    color: #92917f;
    font-size: 10px;
}
#checklist {
    width: 200px;
    margin: 12px 0 0 4px;
    padding-bottom: 6px;
    background: #fff url("/img/frontend/box_checklist_bottom.gif") no-repeat bottom;
}
#checklist h2 {
    padding: 12px 9px 5px 9px;
    background: transparent url("/img/frontend/box_checklist_top.gif") no-repeat;
}
#checklist h3 {
   padding: 6px 9px 2px 9px !important;
   color: #0067b1;
   font-size: 14px;
   font-weight: bold;
}
#checklist p {
   padding: 2px 9px 3px 9px;
}
#checklist ul {
    list-style: none;
    margin-left: 10px;
}
#checklist li {
    position: relative;
    width: 140px;
    margin: 0;
    padding: 4px 0 5px 20px;
    font-weight: bold;
}
#checklist li.todo {
    background: url("/img/frontend/ico_checklist_todo.gif") no-repeat 2px 7px;
}
#checklist li.todo_link {
    background: url("/img/frontend/ico_checklist_todo_link.gif") no-repeat 2px 7px;
}
#checklist li.active {
    background: url("/img/frontend/ico_checklist_active.gif") no-repeat 2px 7px;
    color: #b2b2b2;
}
#checklist li.done {
    background: url("/img/frontend/ico_checklist_done.gif") no-repeat 2px 7px;
    color: #b2b2b2;
    font-weight: normal;
}
.clicon {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* footerarea definition */
#footerarea {
    width: 100%;
    padding: 24px 0;
}
#footer, #courtesy {
    width: 970px;
    margin: 0 auto;
}
#footer {
    margin-bottom: 30px;
    color: #0067b1;
}
#footer h2 {
    padding: 2px 0 0 20px;
}
#footer h2.opened {
    margin-bottom: 10px;
    background: url("/img/frontend/arrow_footer_opened.gif") no-repeat 2px 7px;
}
#footer h2.closed {
    background: url("/img/frontend/arrow_footer_closed.gif") no-repeat 2px 5px;
}
#courtesy {
    padding: 8px 2px;
    border-top: 1px solid #b3d2e8;
    color: #99c2e0;
    font-size: 11px;
    text-align: left;
}
#courtesy span {
    float: left;
}
#courtesy img {
    margin: 0 8px;
    vertical-align: middle;
}
#nothinglogo {
    width: 14px;
    float: right;
    margin: 4px 6px;
}

/* homepage definitions -*/
#frontphoto {
    position: relative;
    top: 0;
    left: 554px;
    z-index: 2;
}
#home #lead {
    width: 580px;
}
#frontvisual {
    height: 180px;
    margin: 22px 0 0 4px;
    background: url("/img/frontend/gfx_frontvisual.jpg") no-repeat;
    font-size: 14px;
}
#frontvisual p {
    float: left;
    width: 159px;
    margin: 145px 0 0 19px;
}
#frontvisual p#time {
    width: 169px;
    margin-left: 87px;
}
#frontvisual p#movie {
    margin-left: 77px;
}
#startbutton {
    display: block;
    height: 62px;
}
#startbutton {
    width: 468px;
    margin: 20px 0 0 124px;
}
#home #regibutton {
    width: 208px;
    margin: 213px 0 0 0;
}
#login {
    display: block;
    width: 174px;
    margin: 29px 0 0 0;
    padding-left: 22px;
}
#login p {
    margin-bottom: 12px;
}
#login label {
    display: block;
    float: none;
    margin: 4px 0 0 0;
    font-weight: bold;
}
#login .ip_text {
    width: 154px;
    margin: 0;
}
#login .ip_submit {
    margin: 12px 0 0 62px;
}

/* my campagne page (list) definitions -*/
#mycampagnes #contentarea {
    background: #fff url("/img/frontend/bgd_content_list.gif") repeat-x;
}
#mycampagnes #checklist {
    margin-top: 76px;
}
#mycampagnes h3 {
   padding: 16px 10px 6px 12px;
   color: #0067b1;
   font-size: 14px;
   font-weight: bold;
}
table {
    width: 750px;
    margin: 0 0 0 12px;
    border: none;
    text-align: left;
}
.tablefooter {
    background: #fff url("/img/frontend/tablefooter.gif") repeat-x center bottom;
}
.tablefooter td {
    height: 4px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#captiontable {
    margin-top: 17px;
}
.readytable {
    background: #99c2e0 url("/img/frontend/bgd_table_ready.gif") repeat-x;
}
.livetable {
    background: #bfd9eb url("/img/frontend/bgd_table_live.gif") repeat-x;
}
.archivetable {
    background: #f5f5f5 url("/img/frontend/bgd_table_archive.gif") repeat-x;
}
th {
    padding: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
th.col1 {
    padding-left: 0px;
}
th span {
    font-weight: normal;
}
td {
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.col1 {
    width: 310px;
}
.col2 {
    width: 154px;
}
.col3 {
    width: 104px;
    text-align: right;
}
.col4 {
    padding: 8px 4px 8px 4px;
    width: 191px;
    text-align: right;
}
#readytable .col1, #readytable .col2, #livetable .col1 {
    font-weight: bold;
}
.col4 a {
    margin: 0 4px;
}
.col4 img {
    vertical-align: middle;
}
img.disabled {
    opacity: 0.5;
}
.ip_submit.disabled {
    opacity: 0.5;
}

/* time pages definitions -*/
.day, .year {
    width: 58px;
    margin-right: 4px;
}
.month {
    width: 120px;
    margin-right: 4px;
}
#duration {
    width: 48px;
}

/* movie page definitions */
.movieoption {
    width: 700px;
    margin: 36px 0 0 14px;
}
.movieoption h3 {
    font-weight: bold;
    margin: 0 0 6px 80px;
    padding-top: 6px;
}
.movieoption p {
    margin: 0 0 0 80px;
}
.moupload {
    background: #fff url("/img/frontend/illu_upload.gif") no-repeat;
}
.moedit {
    background: #fff url("/img/frontend/illu_edit.gif") no-repeat;
}

/* form error/ success */
.error {
    color: #c00;
}

.ok {
    color: #269829;
}

/* widgets */
.widget.start {
    cursor: pointer;
}

.widget.config {
    display: none;
}

.widget.container {
    position: absolute;
    width: 210px;
    display: none;
}

/* ie6 hack */
* html #header {
    position: relative;
}
* html #contentarea {
    height: 400px;
}
* html #campagnehead {
    height: 45px;
}
* html .formelements {
    width: 620px;
}
* html #nothinglogo, * html #nothinglogo img {
    margin: 0;
    padding: 0;
}
* html #frontphoto {
    position: absolute;
    left: 633px;
}
* html img.disabled {
    filter:alpha(opacity=50);
}
*html .ip_submit.disabled {
    filter:alpha(opacity=50);
}
/* ie7 hack */
*+html #content {
    height: 1%;
}
*+html img.disabled {
    filter:alpha(opacity=50);
}
*+html .ip_submit.disabled {
    filter:alpha(opacity=50);
}