/* Styles for Inserting an Ad */

/* 
 * Bereich: globale Definitionen
 */

/* START styles for headline of content section */
#Content div.ContentInsertAdHeadline  { height: 29px; margin: 0px; padding: 0px; border: 1px solid #E7E7E7; background: #E6E6E6 url(../../images/quoka/tabs/navi_bg_grey_30.gif) repeat-x; /*background: #E6E6E6 url(../../images/quoka/tabs/bg_rd_grey.gif) repeat-x;*/ overflow: hidden; }
#Content div.ContentInsertAdHeadline h1 {
	margin: 0px; padding: 6px 0px 0px 30px;
	font: bold 16px Verdana,Geneva,Arial,Helvetica,Sans-Serif; text-align: left; color: #3580D8;
	overflow: hidden;
}
#Content div.ContentInsertAdHeadline h1.inserieren { background: url(../../images/quoka/tabs/icon_inserieren.gif) no-repeat 4px 0px; }
/* END styles for headline of content section  */

#Content div.ContentInsertAdSection { margin: 0px; padding: 10px 1px 10px 1px; border: solid #E7E7E7; border-width: 1px 1px 1px 1px ; background-color: #fff; text-align: center; /* overflow: hidden; */ }

#Content div.ContentInsertAdSection .infotext { font-size: 12px; color: #4089C1; }
#Content div.ContentInsertAdSection .infotextsmall { font-size: 10px; color: #4089C1; }

.ContentInsertAdSection .frmCheckbox {}
.ContentInsertAdSection .frmRadio {}
.ContentInsertAdSection .frmSelect { font-size: 12px; border: 1px solid #9B9A96; position: relative; z-index: 0; }
.ContentInsertAdSection .frmText,
.ContentInsertAdSection .frmTextarea { border: 1px solid #9B9A96; }

.ContentInsertAdSection .frmSelect:focus,
.ContentInsertAdSection .frmText:focus,
.ContentInsertAdSection .frmTextarea:focus { border: 1px solid #4089C1; background: #F5FAFF; }

.ContentInsertAdSection .frmError { border: 2px solid #FF0000; }
.ContentInsertAdSection .frmErrText { color: #FF0000; }


/* Styles for advertise preview */
div#InsertPreview { margin: 10px; padding: 0px; text-align: center; }
div#InsertPreview table tr { text-align: left; } 

/* Styles for insert advertise */

div#InsertAd { margin: 0px; padding: 0px;}
div#InsertAd hr { width: 95%; } 

div#InsertAd table { width: 100%; }
div#InsertAd table tr { text-align: left; } 
div#InsertAd table td { padding: 8px 2px 8px 2px; vertical-align:top; }
div#InsertAd table th { padding: 8px 4px 8px 2px; vertical-align:top; }

/*
div#InsertAd tr.Odd {background-color: #FFF;}
div#InsertAd tr.Even {background-color: #F7F7F7;}
div#InsertAd tr.Error { background-color: #FFEEEE; }
*/

/*
div#InsertAd tr.Error { }
div#InsertAd tr.Error th,
div#InsertAd tr.Error td { border-bottom: 1px #EDF1FC solid;}

div#InsertAd tr.Odd th,
div#InsertAd tr.Odd td { border-bottom: 1px #EDF1FC solid;}
div#InsertAd tr.Even th,
div#InsertAd tr.Even td { border-bottom: 1px #EDF1FC solid;}
*/

div#InsertAd tr.Navigation td { padding-top:20px }
div#InsertAd tr.Explanation {}

/*
div#InsertAd tr.SectionHeadline { background: url( /images/quoka/insert/bgsectionhead.gif ) repeat-x;}
div#InsertAd tr.SectionHeadline td { padding: 2px 5px 0px 5px; height: 22px; color: #3580D8; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#InsertAd tr.SectionHeadline td span.description { font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }

div#InsertAd td.SectionHeadline { padding: 2px 5px 0px 5px; height: 22px; background: url( /images/quoka/insert/bgsectionhead.gif ) repeat-x; color: #3580D8; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }
*/
div#InsertAd tr.SectionHeadline td { border-top: 1px solid #3580D8; padding: 2px 5px 2px 2px; height: 22px; color: #3580D8; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#InsertAd tr.SectionHeadline td span.description { font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }

div#InsertAd td.SectionHeadline { padding: 2px 5px 0px 5px; height: 22px; background: url( ../../images/quoka/insert/bgsectionhead.gif ) repeat-x; color: #3580D8; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }


div#InsertAd tr.FormHeadline { background: url( ../../images/quoka/insert/bgsectionhead.gif ) repeat-x; }
div#InsertAd tr.FormHeadline td { padding: 2px 0px 0px 5px; height: 22px; color: #3580D8; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }

/*
div#InsertAd input  { width:320px; border: 1px solid #E7E7E7; }
div#InsertAd select { font-size:12px; border: 1px solid #E7E7E7; }
div#InsertAd textarea  { width:320px; border: 1px solid #E7E7E7; }
*/

div#InsertAd a {  }
div#InsertAd a:visited { color: #36f;}
div#InsertAd a:hover,
div#InsertAd a:active { color: #0063A9; }

/* class for Insert Step Navigation */
div#InsertAdNavigator { margin: 1px; overflow: hidden; background: transparent; }
div#InsertAdNavigator .step_inactive { height: 52px; font-size: 12px; color: #000; background: url('../../images/quoka/adinsert/nav/header_bg_orange.gif') repeat-x; }
div#InsertAdNavigator .step_active { height: 52px; font-size: 12px; color: #FFF; font-weight: bold; background: url('../../images/quoka/adinsert/nav/header_bg_blue.gif') repeat-x; }
div#InsertAdNavigator .step_done { height: 52px; font-size: 12px; color: #000; background: url('../../images/quoka/adinsert/nav/header_bg_orange.gif') repeat-x; }


/* class for Information about inserting an ad in Towerlayer section */
div.InsertInfoBox 	             { padding: 0px; margin: 0px 0px 10px 0px; width: 198px; overflow: hidden; border: 1px solid #E7E7E7; background: #fff; }
div.InsertInfoBox div.head       { height: 21px; padding: 0px; margin: 0px; background: url( ../../images/quoka/tabs/bg_rd_blue.gif ) repeat-x; }
div.InsertInfoBox div.head h3    { height: 21px; padding: 3px 0px 0px 0px; margin: 0px 0px -5px 0px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
div.InsertInfoBox div.content    { margin: 3px; text-align: left; font-size: 10px; overflow: hidden; }
div.InsertInfoBox div.content table { width: 100%; overflow: hidden; }
div.InsertInfoBox div.content h4 { margin: 4px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.InsertInfoBox div.footer     { margin: 0px; }


/* Styles for ad insert */
#ContentMiddleInsertAd { margin: 0px; padding: 0px; }
#ContentMiddleInsertAd .InsertAdBox h2 { margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; }
#ContentMiddleInsertAd .InsertAdBox h4 { margin: 0px; padding: 0px; font-size: 10px; font-weight: bold; }
#ContentMiddleInsertAd div.InsertAdBox ul { padding-left: 1em; margin-left: 1em; margin-top: 6px; margin-bottom: 1px; }
#ContentMiddleInsertAd div.InfoText { margin: 5px 0px; padding: 0px; width: 90%; font-size: 11px; text-align: justify; }

/* START: Styles for insad_privcom.cfm */
#InsertPrivComm td { overflow: hidden; }
#InsertPrivComm td.StepNo { padding: 0px 10px 0px 0px; font: bold 24px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: left; color: #4879C8; vertical-align: top; }
#InsertPrivComm td.StepInfo { padding: 5px 0px; }
#InsertPrivComm div.StepSection { background: #E6EDFD; border: 1px solid #E7E7E7; margin: 0px; padding: 10px 10px; vertical-align: middle;}

#InsertPrivComm table.InsertPlace            { width: 220px; background: #E6EDFD; border: 1px solid #E7E7E7; }
#InsertPrivComm table.InsertPlace td.icon    { height: 40px; margin:0px; padding: 0px; overflow: hidden; }
#InsertPrivComm table.InsertPlace td.select  { height: 30px; background: #2F52AA; overflow: hidden; font-size: 14px; font-weight: bold; color: #ffffff; text-align: left; }
#InsertPrivComm table.InsertPlace td.text    { height: 110px; vertical-align: top; overflow: hidden; font-size: 10px; text-align: justify; }
#InsertPrivComm table.InsertPlace td.text ul { padding-left: 1em; margin-left: 1em; margin-top: 6px; margin-bottom: 1px; }
/* END: Styles for insad_privcom.cfm */

/* START: Styles for insad_auftragpriv.cfm */
#DivAdTypeB         { width: 140px; height: 200px; margin: 0px auto 0px auto; position: relative; top: 0px; left: 0px; }
#ImageAdTypeB       { position: absolute; top: 0px; left: 0px; z-index: 1; }
#ImageCampaign5for3 { width: 70px; height: 70px; position: absolute; top: -10px; left: -20px; z-index: 2; }
/* END: Styles for insad_auftragpriv.cfm */


/* START styles for floating upsell box */
#ContentUpsellBoxContainer {
	position: absolute;
    top: 167px;
    left: 793px;
}

#ContentUpsellBox {
	background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y;
	overflow: hidden;
	text-align: left;
}

#ContentUpsellBoxBg {
	width: 170px;
	margin: 0px 5px; padding: 10px 10px 5px;
	background: url('../../images/quoka/insert/bg_insert_upsell.gif') repeat-x;
}

#ContentUpsellBoxTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; }
#ContentUpsellBoxBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; }

#ContentUpsellBoxTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; }
/* END styles for floating upsell box */