/****************************************************
    * Scriptinfo:
    * ===========
    * Author: Julian Mollik
    * Email: jule@creative-coding.net
    * Website: http://www.creative-coding.net/
    * Created: 02/2009
    *
    * Copyright 2009 Julian Mollik
    * Illegal distribution prohibited
    ****************************************************/
    
@charset "utf-8";

/* ------------------------------------------------------------------------- */
/* ---------- debug -------------------------------------------------------- */
pre {
    font-size: 1.2em;
}
    
/* ------------------------------------------------------------------------- */
/* ---------- body --------------------------------------------------------- */
body {
    background-color: #FFFFFF;
    font-size: 0.7em;
    font-family: 'Trebuchet MS', Verdana, Arial, SunSans-Regular, Helvetica, Sans-Serif;
    color: #666666;
    margin: 0px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

input, select, textarea {
    font-size: 1.0em;
    font-family: 'Trebuchet MS', Verdana, Arial, SunSans-Regular, Helvetica, Sans-Serif;
}

/* ------------------------------------------------------------------------- */
/* ---------- links -------------------------------------------------------- */
a, a:visited {
    color: #666666;
}
a:hover, a:active {
    color: #B9D536;
}

/* ------------------------------------------------------------------------- */
/* ---------- container ---------------------------------------------------- */
#container1 {
    width: 990px;
    margin: 0 auto;
    
    background-image: url(../graphic/external/background_container_shadow_right.gif);
    background-position: right top;
    background-repeat: repeat-y;
}

#container2 {
    background-image: url(../graphic/external/background_container_shadow_top.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

#container3 {
    background-image: url(../graphic/external/background_container_shadow_bottom.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
}

#container4 {
    background-image: url(../graphic/external/background_container_gradient_horizontal.jpg);
    background-position: right top;
    background-repeat: repeat-y;
}

#container5 {
    background-image: url(../graphic/external/background_container_gradient.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
} 

#container6 {
    padding: 10px;
    padding-bottom: 20px;
    background-image: url(../graphic/external/background_container_lines.gif);
    background-repeat: repeat;
} 

/* ------------------------------------------------------------------------- */
/* ---------- header ------------------------------------------------------- */
#banner {
    background-color: #B9D536;
    height: 144px;
    width: 922px;
    background-image: url(../graphic/external/logo_banner.gif);
    background-repeat: no-repeat;
    background-position: 100px 0px;
}

#gap1 {
    height: 10px;
    width: 966px;
    background-image: url(../graphic/external/background_header_shadow_bottom.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#navigation {
    background-color: #FFFFFF;
    height: 18px;
    margin-bottom: 10px;
    font-size: 1.2em;
    text-transform: uppercase;
}

#navigation ul {
    float: left; 
    margin: 0px;
    padding-left: 220px;
}

#navigation li {
    float: left; 
    list-style: none;
    margin: 0px 27px 0px 0px;
}

#navigation a {
    float: left;
    text-decoration: none;
    color: #000000;
}    

#navigation li.active a {
    color: #B9D536;
}

#navigation a em:first-line {
    color: #B9D536;
}

#logon a, #logon a:visited, #logon a:active {
    color: #000000;
}

#logon a:hover {
    color: #666666;
    text-decoration: none;
}

#logon {
    width: 220px;
    height: 144px;
    position: relative;
    left: 746px;
    background-image: url(../graphic/external/background_header_shadow_right.png);
    background-repeat: no-repeat;
    background-position: 176px top;
    color: #000000;
}

#logon p.first {
    padding-top: 10px;
}

#logon p.logout {
    position: absolute;
    left: 0px;
    top: 110px;
}

#logon p {
    padding-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 1.2em;
    width: 210px;
}

#logon input {
    margin-bottom: 0px;
}

#logon input[type="text"], #logon input[type="password"] {
    width: 150px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid #868686;
    margin-top: -1px;
}

#logon input[type="submit"], #logon input[type="button"] {
    background-color: #FFFFFF;
    width: 75px;
    background-repeat: repeat-x;
    background-position: left center;
    text-align: center;
    background-image: url(../graphic/external/background_button.gif);
    border: 1px solid #868686;
    margin-top: 3px;
    font-size: 1.2em;
    text-decoration: none;
}

#banner div.attention {
    width: 80%;
}

/* ------------------------------------------------------------------------- */
/* ---------- left content ------------------------------------------------- */
#left {
    float: left;
    width: 210px;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    margin-top: -2px;
}

#left ul, #left p {
    padding-bottom: 0px;
}

#left div.hrhead {
    margin-bottom: 10px;
}

#left ul img {
    margin-top: 10px;
    margin-left: 13px;
}

div.leftcontent {
    background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 10px;
}

#leftfooter {
    background-image: url(../graphic/external/background_left_foot.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 34px;
    margin-top: -12px;
}

#left ul {
    margin-left: -40px;
    margin-top: 0px;
}

#left li {
    list-style: none; 
}

/* ------------------------------------------------------------------------- */
/* ---------- right content ------------------------------------------------ */
#right {
    float: right;
	width: 210px;
	margin: 0px;
	padding: 0px;
    height: 740px;
    overflow: visible;
    margin-top: -2px;
}

#righthead {
    background-image: url(../graphic/external/background_right_head.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    padding-left: 8px;
    padding-right: 8px;
}

#rightcontent {
    background-color: #FFFFFF;
	max-height: 605px;
	height: 605px;
    overflow: auto;
    padding-left: 8px;
    padding-right: 8px;
}

#right ul {
    margin-left: 30px;
    margin-top: 0px;
    padding-left: 0px;
    list-style: none;
}

#right li {
    margin-left: -25px;
}

#right ul p {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#right ul p.lightboxlink {
    text-align: right;
    margin-bottom: 5px;
}


/* ------------------------------------------------------------------------- */
/* ---------- center content ----------------------------------------------- */ 
#center, #centerwide { 
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 220px;
    margin-right: 220px;
    padding-bottom: 0px;
    width: 516px;
    overflow: visible;
}

#centerwide {
    margin-right: 0px;
    width: 736px;
}

div#center, div#centerwide { 
    min-height: 636px;
    height: auto;
}

#centerhead {
    height: 38px;
    background-image: url(../graphic/external/background_centerwide_subnavigation.gif);
    background-repeat: repeat-x;
    background-position: left 19px; 
}

#centerhead h1 {
    float: left;
}

#centerhead div.hr {
    position: relative;
    top: 31px;
}

#centerhead div.hr {
    margin-left: 8px;
    top: 30px;
}

#centerhead ul {
    list-style: none;
    padding-left: 0px;
}

#centerhead /*ul*/ li { 
    float: left;
}

#centerhead /*ul*/ h1 {
    margin-top: -1px;
}

#centerhead /*ul*/ h1.left, #centerhead /*ul*/ h1.center {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 1px;
}

#centerhead /*ul li*/ h1.left {
    background-image: url(../graphic/external/background_centerwide_subnavigation_left.gif);    
    margin-left: 0px;
    padding-top: 0px;
}

#centerhead /*ul li*/ h1.center {
    background-image: url(../graphic/external/background_centerwide_subnavigation_center.gif);
    
    padding-top: 0px;
}

#centerhead /*ul*/ img {
    margin-top: -1px;
    width: 20px;
    height: 20px;
}

#centerhead /*ul*/ a, #centerhead /*ul*/ a:visited {
    text-decoration: none;
    color: #BFBFBF;
}

#centerhead /*ul*/ a:hover {
    color: #B9D536;
}

#centercontent, #centercontentwhite {
    background-image: url(../graphic/external/background_center_bottom.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 590px;
}

#centercontentwhite {
    background-image: none;
}

ul.columns {
    list-style: none;
    padding-left: 0px;
    padding-right: 0px;
}

ul.columns li {
    float: left;
    text-align: justify;
}

ul.columns li ul {
    list-style: none;
    padding-left: 0px;
    padding-right: 0px;
}

ul.columns li ul li {
    padding-bottom: 7px;
}

ul.columns li li a {
    color: #B9D536;
}

ul.columns li ul li a:hover {
    text-decoration: none;
}

ul.columns ul.bullet1,
ul.columns ul.bullet2,
ul.bullet1 {
    list-style-image: url(../graphic/external/list_bullet_1.gif);
}

/*ul.columns*/ ul.bullet1 li,
/*ul.columns*/ ul.bullet2 li {
    margin-left: 18px;
    float: none;
    text-align: left;
}

/* column with 1/3 width */

/*ul.columns*/ li.onethird {
    width: 226px;
    padding-right: 20px;
}

/*ul.columns*/ li.right {
    padding-right: 0px;
}

/* column with 1/2 width */

ul.columns li.lefthalf {
    width: 348px;
    /* margin-right: 67px; /* was 19px */
}

/*ul.columns*/ li.lefthalf h5.indent,
/*ul.columns*/ li.lefthalf p.indent,
/*ul.columns li.lefthalf ul.press, */
/*ul.columns*/ li.lefthalf ul.bullet1 li {
    margin-left: 80px;
}

/*ul.columns li.lefthalf ul.press li {
    float: none;
}*/

/*ul.columns*/ li.righthalf {
    width: 300px;
    margin-left: 67px;
}

/*ul.columns*/ li.righthalf2 {
    width: 348px;
    margin-left: 19px;
}

/* column with full width (1) (PROFILE, IMPRINT) */

/*ul.columns*/ li.wide, li.wide4 {
    width: 570px;
    margin-bottom: 10px;
    margin-left: 60px;
}

/*ul.columns*/ li.wide p, li.wide4 p,
/*ul.columns*/ li.wide h4 {
    margin-left: 90px;
}

/*ul.columns*/ li.wide h4 {
    margin-top: 92px;
}

/*ul.columns*/ li.wide4 {
    width: 442px;
}

/* column with full width (2) (SEARCH, PROVIDE, BENEFITS, FLOW) */

/*ul.columns*/ li.wide {
    width: 569px;
    margin-bottom: 10px;
}

/*ul.columns*/ li.wide2 p,
/*ul.columns*/ li.wide2 h4.indent {
    margin-left: 80px;
}

/*ul.columns*/ li.wide2 h4.indent2 {
    padding-left: 80px;
    margin-top: 10px;
}

/* column with full width (3) (ARCHIVE) */

/*ul.columns*/ li.wide3 {
    /*width: 480px;*/
    width: 500px;
    margin-bottom: 10px;
}

/*ul.columns*/ li.wide3 ul li {
    float: none;
}

/*ul.columns*/ li.wide3 ul.bullet2 p {
    margin-top: -10px;
    margin-bottom: -10px;
}

/* next column */

/*ul.columns*/ li.next {
    width: 100%;
    padding-top: 20px;
}

/*ul.columns*/ li.next p {
    text-align: right;
    padding-right: 5px;
}

div.newsteaser h6,
div.newsfull h6 {
    color: #000000;
    font-size: 1.2em;
    font-weight: normal;
    margin-left: 110px;
    margin-bottom: 10px;
    margin-top: 0px;
}

div.newsfull h6 {
    margin-left: 103px; /* was 143px */
}

div.newsteaser h6 span,
div.newsfull h6 span {
    color: #B9D536;
}

div.newsteaser p {
    margin-left: 110px;
    min-height: 50px;
}

div.newsfull p {
    margin-left: 160px; /* was 200px */
}

div.newsfull p.toptopic {
    margin-left: 160px; /* was 200px */
    width: 320px;
}

img.newsteaserimage {
    float: left;
    margin-left: 25px;
}

div.newsteaserimage img.upperrightcorner {
    position: absolute;
    margin-left: 81px;
}

div.newsteaserimage {
    float: left;
}

div.newsfullimage {
    float: left;
    margin-left: 0px; /* was 40px */
}

div.newsfullimage a:active {
    padding-bottom: 0px;
}

div.newsfullimage div.spacer {
    height: 15px;
}

div.newsfullimage img.upperrightcorner {
    position: absolute;
    margin-left: 121px;
}

div.separatornews {
    background-image: url(../graphic/external/background_separator_news.gif);
    background-repeat: no-repeat;
    background-position: 10px 13px;
    text-align: right;
    margin-bottom: 15px;
}

div.separatorarchive {
    background-image: url(../graphic/external/background_separator_archive.gif);
    background-repeat: no-repeat;
    background-position: 0px 10px;
}

ul.toptopiclist li {
    margin-bottom: 3px;
}

ul.toptopiclist li img.upperrightcorner,
div.toptopicteaser img.upperrightcorner {
    position: absolute;
    margin-left: 165px;
}

div.toptopicteaserimageheadline {
    cursor: move;
    position: relative;
    top: 18px;
    width: 184px;
    font-weight: bold;
}

div.toptopicteaserimageheadlinedrag {
    background-color: #EEEEEE;
    width: 184px;
    cursor: move;
    font-weight: bold;
}

img.upperrightcorner2 {
    position: absolute;
    margin-left: 165px;
    margin-top: 16px;
}

#landingpage1 {
    text-align: center;
    font-size: 1.20em;
}

#landingpage2 {
    height: 80px;
}

#landingpage2a {
    width: 225px;
    float: left;
    padding-bottom: 0px;
}

#landingpage2b {
    float: right;
    width: 200px;
    text-align: right;
    padding-bottom: 0px;
}

#landingpage3 {
    text-align: center;
    margin-bottom: 0px;
    margin-top: -0px;
    position: relative;
    top: -62px;
}

#landingpage4 {
    margin-top: -80px;
}

#landingpage4a {
    width: 200px;
    float: left;
    padding-bottom: 0px;
}

#landingpage4b {
    width: 170px;
    text-align: right;
    float: right;
    padding-bottom: 0px;
}

#landingpage5 {
    margin-top: -80px;
    text-align: center;
}

p.login {
    font-size: 0.9em;
    text-align: right;
    margin-top: -10px;
}

span.green,
p.green {
    color: #B9D536;
}

p.bold {
    font-weight: bold;
}

p.center {
    text-align: center;
}

div.center {
    text-align: center;
}

p.justify {
    text-align: justify;
}

span.smaller {
    font-size: 0.9em;
}

p.next {
    text-align: right;
    padding-top: 20px;
}

p.indent2 {
    padding-left: 80px;
    width: 278px;
}

p.press {
    background-image: url(../graphic/external/aboutus_press_icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

div.archiveitem {
    padding-left: 20px;
    background-image: url(../graphic/external/list_bullet_1.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 0px;
}

div.archiveitem h4 {
    margin-bottom: 0px;
}

div.pressseparator {
    margin-top: -20px;
}

div.archiveitem a {
    color: #B9D536;
}

div.archiveitem a:hover {
    text-decoration: none;
}

div.leftbanner {
    text-align: center;
    width: 200px;
    height: 332px;
    margin-left: -3px;
    overflow: hidden;
}

/* ------------------------------------------------------------------------- */
/* ---------- footer content ----------------------------------------------- */ 
#footer {
    clear: both;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #E1DDD9;
    height: 30px;
}

/* ------------------------------------------------------------------------- */
/* ---------- generic ------------------------------------------------------ */

h1, h2, h3 {
    color: #B9D536;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 6px;
    font-size: 1.6em;
}

h1 {
    
}

h1.top, h1.topright, h1.topleft {
    /*padding-top: 2px;*/
    padding-bottom: 2px;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.2em;
}

h3.logo {
    padding-right: 8px;
    display: inline;
}

h3.center {
    text-align: center;
}

h1.inline {
    display: inline;
    margin-right: 10px;
}

h4 {
    font-size: 1.1em;
    color: #B9D536;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 7px;
    text-align: left;
}

h5 {
    font-size: 1.1em;
    color: #B9D536;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 7px;
    text-align: left;
}

img {
    border-width: 0px;
}

p {
    margin-top: 0px;
    padding-bottom: 7px;
    line-height: 1.4em;
}

div.hr {
    height: 6px;
    background-image: url(../graphic/external/background_container_lines.gif);
    background-repeat: repeat;
    background-position: left top;
    margin-top: 6px;
    margin-bottom: 6px;
}

#centerhead div.hr {
    margin-right: 6px;
}

div.hr hr {
    display: none;
}

div.error {
    background-color: #FFFFFF;
    color: #FF0000;
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.attention {
    background-color: #FFFFFF;
    color: #FF9900;
    border-style: solid;
    border-width: 2px;
    border-color: #FF9900;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.attention a {
    color: #FF9900;
}

span.attention, strong.attention {
    color: #FF0000;
}

div.attention a:hover {
    color: #666666;
}

div.info {
    background-color: #FFFFFF;
    color: #3333CC;
    border-style: solid;
    border-width: 2px;
    border-color: #3333CC;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.info a {
    color: #3333CC;
}

div.info a:hover {
    color: #3333CC;
    text-decoration: none;
}

div.error a {
    color: #FF0000;
}

div.error a:hover {
    color: #666666;
    text-decoration: none;
}

input {
    margin-bottom: 0px;
}

input[type="text"], input[type="password"] {
    width: 150px;
    /*width: 338px;*/
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #B9D536;
    margin-top: -1px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #000000;
}

input.wide {
    width: 337px;
}

input.wide2 {
    width: 272px;
}

input.wide3 {
    width: 277px;
}

input.home {
    width: 338px;
}

input.narrow {
    width: 50px;
    color: #B9D536;
}

input.currency {
    width: 50px;
    text-align: right;
}

input.currencyhome {
    width: 290px;
    text-align: right;
}

input.currencyhome2 {
    width: 280px;
    text-align: right;
}

input.currencyhome3 {
    width: 264px;
    text-align: right;
}

input.zip {
    width: 40px;
    margin-right: 5px;
}

input.city {
    width: 93px;
}

input.deadlinehome {
    width: 310px;
}

input.deadline {
    width: 150px;
}

textarea {
    width: 485px;
    /*width: 530px;*/
    padding: 3px;
    border: 1px solid #B9D536;
    height: 130px;
    float: left;
}

textarea.narrow {
    width: 420px;
}

textarea.home {
    width: 486px;
}

#sSearchReplyInfo { /* TODO: different styles for top topic and regular search */
    float: right;
    width: 100px;
    text-transform: none;
}

table.form button, button {
    background-color: #FFFFFF;
    background-image: url(../graphic/external/background_button.gif);
    width: 25px;
    height: 20px;
    border: 1px solid #868686;
    background-repeat: repeat-x;
    background-position: center;
    font-size: 0.8em;
}

input[type="submit"], input[type="button"], input.download {
    background-color: #FFFFFF;
    width: 90px;
    height: 19px;
    background-repeat: repeat-x;
    background-position: left center;
    text-align: center;
    background-image: url(../graphic/external/background_button.gif);
    border: 1px solid #868686;
    font-size: 1.2em;
    text-decoration: none;
}

input.download {
    margin: 2px 0px 0px 10px;
}

table.form input.change {
    margin-top: 0px;
    margin-right: 5px;
}

input[type="submit"].loading, input[type="button"].loading {
    background-image: url(../graphic/external/background_button_loading.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

select {
    width: 158px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid #B9D536;
    margin-right: 3px;
}

select.home {
    width: 346px;
}

select.country {
    width: 150px;
}

select.ciworldhome {
    width: 230px;
}

select:focus, select:hover {
    border-color: #000000;
}

table.form, table.summary, table.searchcountries {
    width: 100%;
    table-layout: fixed;
}

table.lightboxtable {
    margin-bottom: 10px;
}

table.summary td, table.lightboxtable td {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.summary div.image div.caption {
    float: left;
    margin: 2px 0px 0px 7px;
}

table.summary div.image div.order {
    float: right;
    margin: 0px 7px 0px 0px;
}

table.form th, table.summary th, table.lightboxtable th {
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    width: 140px;
    padding-right: 5px;
    vertical-align: top;
    padding-top: 5px;
    height: 20px;
}

table.form td {
    height: 27px;
}

table.form td.telephonehead {
    text-align: right;
}

table.form td.logo {
    padding-top: 10px;
}

table.form tr.columnlayout td {
    height: 0px;
}

table.form td.searchinfo {
    padding-left: 10px;
    text-align: justify;
    vertical-align: top;
}

table.form ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
}

table.form ul li {
    margin-left: -40px;
    margin-bottom: 5px;
}

table.form ul li span {
    display: block;
    margin-left: 25px;
}

table.summary td.images {
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.summary td.images div.image {
    float: left;
    width: 215px;
    height: 235px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #BFBFBF;
    /*background-image: url(../graphic/external/background_thumb_shadow.png);
      background-repeat: no-repeat;
      background-position: right bottom;*/
}

table.summary td.images div.image div.upperrightcorner img {
    position: absolute;
    margin-left: -19px;
    margin-top: 0px;
    border: 0px;
}

table.summary td.images div.image div.upperrightcorner {
    text-align: right;
}

table.summary td.images p {
    width: 207px;
    text-align: left;
    margin-top: 3px;
    padding-left: 10px;
    margin-right: 10px;
}

table.summary td.images img {
    border: 1px solid #868686;
    margin-top: 5px;
    /*margin-right: 5px;*/
}

td.providerlistform img {
    margin-right: 20px;
}

td.providerlistsummary img {
    margin-right: 20px;
    margin-top: 10px;
}

td.providerfunctions {
    padding-top: 5px;
    text-align: right;
}

table.searches {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.searches td {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 27px;
    
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    padding-left: 10px;
}

table.searches th {
    background-color: #B9D536;
    padding-top: 3px;
    padding-bottom: 4px;
    font-size: 1.2em;
    text-align: left;
    
    color: #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    text-align: center;
}

table.searches th.active {
    background-color: #E5EEBD;
    color: #000000;
}

table.searches th.active a {
    color: #000000;
}

table.searches th.active a:hover {
    color: #FFFFFF;
}

table.searches th a {
    margin-right: 5px;
    
    color: #FFFFFF;
}

table.searches th a:hover,
table.searches th a:focus,
table.searches th a:active {
    color: #000000;
}

table.searches td.even {
    background-color: #EEEEEE;
}

table.searches td.evenactive {
    background-color: #EDEFE3;
}

table.searches td.odd {
    background-color: #FFFFFF;
}

table.searches td.oddactive {
    background-color: #F7FAE7;
}

table.searches td.status, table.searches td.dimension {
    padding-left: 15px;
}

table.searches td.replies {
    text-align: center;
}

table.searches td.headline, table.searches th.headline {
    padding-left: 10px;
    border-right: none;
    text-align: left;
}

table.searches td.date {
    padding-left: 3px;
}

table.searches tr.footer td {
    background-color: #B9D536;
    font-size: 1.2em;
    padding-top: 3px;
    padding-bottom: 4px;
}

table.searches td.leader /*, table.searches td.pagination */ {
    text-align: center;
}

table.searches span.leader {
    border: 1px solid #CEE173;
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
}

table.searches tr.lightboxrow td {
    vertical-align: top;
}

table.searchcountries td {
    text-align: center;
}

table.searchcountries select {
    height: 200px;
}

tr.lightboxrow input.buttonlightboxodd,
tr.lightboxrow input.buttonlightboxeven,
input.buttonreserve_add,
input.buttonreserve_remove,
input.buttondelete,
input.button_removesearch,
input.replyphotographerbuttonreserve_add,
input.replyphotographerbuttonreserve_remove,
input.replyphotographerbuttondelete,
input.replyphotographerbutton_removesearch {
    border: none ;
    height: 22px;
    width: 100px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: left center;
}

input.replyphotographerbuttonreserve_add,
input.replyphotographerbuttonreserve_remove,
input.replyphotographerbuttondelete,
input.replyphotographerbutton_removesearch {
    margin: 0px 115px 0px 0px;
    float: right;
}

tr.lightboxrow input.buttonlightboxodd:hover,
tr.lightboxrow input.buttonlightboxeven:hover,
input.buttonreserve_add:hover,
input.buttonreserve_remove:hover,
input.buttondelete:hover,
input.button_removesearch:hover,
input.replyphotographerbuttonreserve_add:hover,
input.replyphotographerbuttonreserve_remove:hover,
input.replyphotographerbuttondelete:hover,
input.replyphotographerbutton_removesearch:hover {
    cursor: pointer;
}

table.imagepurchase {
    table-layout: fixed;
}

table.imagepurchase tr.fieldrow input {
    width: 107px;
}

table.imagepurchase td.submit {
    text-align: right;
}

table.imagepurchase th {
    text-transform: uppercase;
    font-weight: normal;
}

table.imagepurchase th.personal {
    width: 120px;
}

table.imagepurchase th.number {
    padding-left: 32px;
}

tr.lightboxrow input.buttonlightboxodd {
    background-image: url(../graphic/external/background_button_lightbox_white.gif);
    background-color: transparent;
}

tr.lightboxrow input.buttonlightboxeven {
    background-image: url(../graphic/external/background_button_lightbox_grey.gif);
    background-color: transparent;
}

tr.lightboxrow input.buttonlightboxodd:hover,
tr.lightboxrow input.buttonlightboxeven:hover {
    background-image: url(../graphic/external/background_button_lightbox_hover.gif);
}

input.buttonreserve_add,
input.replyphotographerbuttonreserve_add {
    background-image: url(../graphic/external/background_button_reserve_add.gif);
}

input.buttonreserve_add:hover,
input.replyphotographerbuttonreserve_add:hover {
    background-image: url(../graphic/external/background_button_reserve_add_hover.gif);
}

input.buttonreserve_remove,
input.replyphotographerbuttonreserve_remove {
    background-image: url(../graphic/external/background_button_reserve_remove.gif);
}

input.buttonreserve_remove:hover,
input.replyphotographerbuttonreserve_remove:hover {
    background-image: url(../graphic/external/background_button_reserve_remove_hover.gif);
}

input.buttondelete,
input.replyphotographerbuttondelete {
    background-image: url(../graphic/external/background_button_delete.gif);
}

input.buttondelete:hover,
input.replyphotographerbuttondelete:hover {
    background-image: url(../graphic/external/background_button_delete_hover.gif);
}

input.button_removesearch,
input.replyphotographerbutton_removesearch {
    background-image: url(../graphic/external/background_button_removesearch.gif);
}

input.button_removesearch:hover,
input.replyphotographerbutton_removesearch:hover {
    background-image: url(../graphic/external/background_button_removesearch_hover.gif);
}

ul.pagination {
    margin-top: 0px;
    padding-left: 0px;
    list-style: none;
    text-align: right;
}

li.wide3 table.searches {
    margin-top: 10px;
}

li.wide3 table.searches tr.footer td {
    border: none;
}

ul.pagination a, li.wide3 ul.pagination a, td.monthselect a {
    text-decoration: none;
    color: #D9E891;
}

ul.pagination a:hover, li.wide3 ul.pagination a:hover, td.monthselect a:hover {
    color: #FFFFFF;
}

td.monthselect {
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    padding-right: 3px;
}

ul.pagination li, li.wide3 ul.pagination li {
    float: right;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    color: #D9E891;
}

li.wide3 ul.pagination li {
    height: 10px;
}

ul.pagination li.arrow, li.wide3 ul.pagination li.arrow {
    font-size: 1.5em;
    margin-bottom: -7px;
    margin-top: -5px;
}

ul.pagination li.active, li.wide3 ul.pagination li.active {
    color: #FFFFFF;
}

ul.pagination li:hover, ul.pagination li:focus, ul.pagination li:active {
    /*background-color: #CEE173;*/
}

ul.pagination li.blind:hover {
    /*background-color: #FFFFFF;*/
}

ul.pagination li.dots {
    /*background-color: #B9D536;
      border-color: #B9D536;*/
}

ul.welcome {
    list-style: none;
    padding-left: 0px;
}

ul.welcome li {
    float: left;
    width: 165px;
    text-align: center;
    margin-bottom: 20px;
}

ul.welcome img {
    display: block;
    margin-left: 29px;
    margin-top: 10px;
}

ul.welcome a {
    color: #B9D536;
    text-decoration: none;
}

ul.welcome a:hover {
    text-decoration: underline;
}

#passwordstrength {
    display: block;
    width: 156px;
    height: 3px;
    border: 1px solid #000000;
    background-image: url(../graphic/external/password-strength-bar_0.gif);
}

table.form tr.passwordstrength td {
    height: 3px;
}

span.icon {
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: right bottom;
    float: left;
    padding-right: 3px;
}

span.icon:hover {
    /*width: 24px;
    height: 21px;
    margin: -3px;*/
}

span.icon span {
    display: none;
}

span.icon_details {
    background-image: url(../graphic/external/icon_details.gif);
}

span.icon_details:hover {
    background-image: url(../graphic/external/icon_details_hover.gif);
}

span.icon_edit {
    background-image: url(../graphic/external/icon_edit.gif);
}

span.icon_edit:hover {
    background-image: url(../graphic/external/icon_edit_hover.gif);
}

span.icon_delete {
    background-image: url(../graphic/external/icon_delete.gif);
}

span.icon_delete:hover {
    background-image: url(../graphic/external/icon_delete_hover.gif);
}

span.icon_close {
    background-image: url(../graphic/external/icon_close.gif);
}

span.icon_close:hover {
    background-image: url(../graphic/external/icon_close_hover.gif);
}

span.icon_replies {
    background-image: url(../graphic/external/icon_replies.gif);
}

span.icon_replies:hover {
    background-image: url(../graphic/external/icon_replies_hover.gif);
}

span.icon_reply_remove {
    background-image: url(../graphic/external/icon_reply_remove.gif);
}

span.icon_reply_remove:hover {
    background-image: url(../graphic/external/icon_reply_remove_hover.gif);
}

span.icon_reservation_remove {
    background-image: url(../graphic/external/icon_reservation_remove.gif);
}

span.icon_reservation_remove:hover {
    background-image: url(../graphic/external/icon_reservation_remove_hover.gif);
}

span.icon_reply_add {
    background-image: url(../graphic/external/icon_reply_add.gif);
}

span.icon_reply_add:hover {
    background-image: url(../graphic/external/icon_reply_add_hover.gif);
}

span.icon_reservation_add {
    background-image: url(../graphic/external/icon_reservation_add.gif);
}

span.icon_reservation_add:hover {
    background-image: url(../graphic/external/icon_reservation_add_hover.gif);
}

span.icon_email {
    background-image: url(../graphic/external/icon_email.gif);
}

span.icon_email:hover {
    background-image: url(../graphic/external/icon_email_hover.gif);
}

span.icon_promote {
    background-image: url(../graphic/external/icon_user_promote.gif);
}

span.icon_promote:hover {
    background-image: url(../graphic/external/icon_user_promote_hover.gif);
}

img.icon_companylogo {
    margin-bottom: -4px;
}

span.replylistmore {
    float: right;
    margin-top: -16px;
    margin-right: 5px;
}

/* ------------------------------------------------------------------------- */
/* ---------- styles for 'ajax' image/pdf upload --------------------------- */

#iframe {
    width: 320px;
    height: 22px;
}

iframe.imageupload {
	border-width: 0px;
	height: 22px;
	width: 320px;
	overflow: hidden;
}

iframe.hidden {
	visibility: hidden;
	width: 0px;
	height: 0px;
	position: absolute;
	left: -3000px;
}

#images {
	margin: 0px;
    margin-left: 25px;
}

#images .hidden {
    visibility: hidden;
    width: 0px;
	height: 0px;
	position: absolute;
	left: -3000px;
}

#images img.load {
    padding-top: 40px;
}

img.pdfload {
    float: left;
    margin-top: -1px;
}

input.pdfcustomname {
    float: left;
}

#images img.loaded {
    border: 1px solid #868686;
    margin-right: 5px;
}

#images div.outer {
    float: left;
    /*background-color: #EEEEEE;
    width: 138px;*/
    width: 143px;
    margin-left: 5px;
    margin-bottom: 5px;
    
    padding-bottom: 5px;
    background-image: url(../graphic/external/background_mini_shadow.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#pdfs div.outer {
    float: left;
    background-color: #115599;
    width: 143px;
    margin-left: 5px;
    margin-bottom: 5px;
    
    padding-bottom: 5px;
    background-image: url(../graphic/external/background_mini_shadow.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#images input {
    width: 120px;
}

#images p.description {
    width: 120px;
    text-align: left;
    display: block;
    margin-bottom: 0px;
    padding-left: 3px;
    padding-bottom: 0px;
}

#images p.formelement {
    width: 120px;
    text-align: center;
    display: block;
    margin-top: 1px;
    margin-bottom: 0px;
    padding-left: 5px;
}

div.uploadedimage {
    padding: 5px;
    text-align: center;
    height: 100px;
}

div.uploadedpdf {
    padding: 5px;
    text-align: center;
    height: 100px;
    
    background-color: #4444FF;
}

/* ------------------------------------------------------------------------- */
/* ---------- styles for lightboxes system ---------------------------------

span.lightboxes_logo {
    width: 226px;
    height: 80px;
    background-image: url(../graphic/external/background_lightboxes_logo.gif);
    display: block;
}

div.lightboxes_container {
    position: relative;
    top: -80px;
    left: 226px;
    height: 80px;
}

div.lightboxes_reply {
    height: 70px;
    width: 150px;
    background-color: #DAE994;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px;
    border: 1px solid #CEE173;
}

div.lightboxes_reply_hover {
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

div.lightboxes_reply_hidden {
    display: none;
}

div.lightboxes_reply p, div.lightboxes_reply_hidden p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

span.lightboxes_navigation {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 80px;
    width: 40px;
    display: block;
    background-image: url(../graphic/external/background_lightboxes_arrow.gif);
}

span.lightboxes_navigation:hover {
    background-image: url(../graphic/external/background_lightboxes_arrow_hover.gif);
}

/* ------------------------------------------------------------------------- */
/* ---------- styles for lightbox popups ----------------------------------- */

#lightbox {
	background-color: #BFBFBF;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	padding-bottom: 10px;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 10px;
}
	
#lightboxCaption {
    float: left;
    font-size: 1.3em;
    padding-left: 10px;
}

#lightboxNavigation {
    float: right;
    font-size: 1.3em;
    text-align: right;
    padding-right: 10px;
}

#lightboxNavigation a img {
    margin-bottom: -4px;
}

#lightboxDownload {
    float: left;
}

#keyboardMsg {
    float: right;
}

#closeButton{
    top: 0px;
    right: -2px;
}

#lightbox img {
    border: none;
    clear: both;
}

#overlay img {
    border: none;
}

#overlay {
    background-image: url(../graphic/external/popup_overlay.png);
}

/* ------------------------------------------------------------------------- */
/* ---------- styles for error input fields -------------------------------- */

input.error, select.error, textarea.error {
    border-style: solid;
    border-width: 1px;
    border-color: #FF0000;
}