@charset "utf-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	PRESETS
========================================================*/
/*Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6, p {
	font-size: 100%;
	line-height: 1.8em;
}
/*Removes list-style from lists */
ul, ol {
	list-style: none;
}
/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/*Removes borders from tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Removes border from fieldset and img*/
fieldset, img {
	border: 0;
}
/*Left-aligns text in caption and th */
caption, th {
	text-align: left;
}
/*Removes quotation marks from q */
q:before, q:after {
	content: '';
}
/*Start layout*/


h1 {
	font-size: 24px;
}
#ContentContainer #MainContent
{
	overflow:visible;
}
#MainContent h2 {	
	font-size: 16px;
	line-height:1.5em;
	color: #555;
}
#MainContent h3 {
	font-size: 14px;
}

/* No side cols */
#ContentContainer #MainContent {
	margin-left:20px;
	width: 690px;
	min-height:400px;
}
#MainContent .SponsorAdContent > h2
{
	margin-bottom: 15px;
}
#MainContent .div_OfferCodeBox
{
	width: 700px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	AD TYPE SELECTION 
========================================================*/
#AdTypeTabs
{
	border: none;
}
/*ul.1AdTypeSelection {
	overflow:hidden;
	width: 900px;
	height: 170px;
	margin-top:20px;
}
ul.1AdTypeSelection li {
	background: #E9E9E9 url(/images/secondChanceBG-off.png) no-repeat top center;
	display: block;
	position:absolute;
	height: 130px;
	border:1px solid #ccc;
	padding:10px;
	cursor:pointer;
}
ul.1AdTypeSelection li label {
	font-size: 14px;
	font-weight: bold;
}*/
#AdTypeTabs > ul > li > a > input
{
	position: absolute;
	left: -999px;
}
#AdTypeTabs > div p
{
	width: 550px;
}
#AdTypeTabs > div
{
	height: 80px;	
}
	
#AdTypeTabs > div.GlobalSel {
	background: url(/images/myaccount/AdType_Global.png) no-repeat top right;
}
#AdTypeTabs > div.CategorySel {
	background: url(/images/myaccount/AdType_Category.png) no-repeat top right;
}
#AdTypeTabs > div.GiveawaySel {
	background: url(/images/myaccount/AdType_Giveaway.png) no-repeat top right;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	STEPS LAYOUT
========================================================*/
#AdCreationSteps {
	position:relative;
}
#AdCreationSteps li div div.step_explanation {
	background-color: #f0f0f0;
	position: absolute;
	left: 705px;
	margin-top:15px;
	width: 200px;
	min-height: 100px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	padding: 5px;
}
#AdCreationSteps li div div.step_explanation h3
{
	color: #777;
	font-weight: bold;
	font-size:13px;
}
#AdCreationSteps li div div.step_explanation h4
{
	color: #555;
	font-size:12px;
}
#AdCreationSteps li div div.step_explanation h5
{
	color: #333;
	font-size:11px;
	font-weight:bold;
}
#AdCreationSteps li div div.step_explanation p
{
	color: #777;
	font-size:11px;
	line-height: 14px;
}
#AdCreationSteps li div div.step_explanation p strong
{
	font-weight: bold;
}

#AdCreationSteps li div ul.formItems {
	padding-left: 200px;
}
#AdCreationSteps #DesignAd
{
	min-height: 430px;
}
#AdCreationSteps #TargetAd
{
	margin-bottom: 10px;
}
#AdCreationSteps #BudgetAd
{
	min-height: 340px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FORM ELEMENTS
========================================================*/

ul.formItems {
	margin: 5px 10px 15px 10px;
	border-top: 1px solid #ddd;
}
ul.formItems > li {
	display: block;
	overflow: hidden;
	height: auto;
	margin: 5px;
	width: 430px;
}
ul.formItems > li * {
	margin-top: 3px;
	margin-bottom: 3px;
}
ul.formItems > li > h4 {
	width: 180px;
	position:absolute;
	display: block;
	margin-left: 30px !important;
	left: 0;
}
ul.formItems > li > .floatLeft {
	float: left;
}
ul.formItems > li .txtInput, ul.formItems > li .txtInputPH  {
	font-size: 12px;
	color: #555;
	background-image:url(/images/input_bg.gif);
	background-repeat: no-repeat;
	width:250px;
	border: 1px solid #999;
}
ul.formItems > li .txtInputURL
{
	width:172px;
}
ul.formItems > li .inputPrefix {
	width: 75px;
}
ul.formItems > li .inputSmall
{
	width:170px;
}
label.error
{
	background: url("/images/JQT/ui-bg_inset-soft_95_fef1ec_1x100.png") repeat-x scroll 50% bottom #FEF1EC;
	border: 1px solid #D80E1B;
	color: #D80E1B;
	padding:2px 4px;
	margin: 0 0 0 6px;
	font-size: 11px;
	-moz-border-radius:4px 4px 4px 4px;
}
.browseInput 
{
	position: relative;
	cursor:pointer;
}
.browseInput *
{
	cursor:pointer;
}
.browseInput .browseInputElem
{
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	position: relative;
	z-index: 2;
	cursor:pointer;
}
.browseInputElem
{
	height:22px; 
	width:250px;
}
.browseInput > a > span
{
	margin:-10px 5px 0 0;
	top: 50%;
	left: 0.2em;
	position: absolute;
}
#MainContent .browseInput > input.txtInputPH
{
	x-index: 1;
	width: 170px;
	height: 18px;
	position:absolute;
}
#MainContent div.coverImage
{
	width: 190px;
}

#MainContent div.coverImage img
{
	float: left;
	margin-right: 13px;
}
#MainContent div.coverImage a
{
	font-size: 11px;
	display:block;
	height: 20px;
	padding-top:20px;
}
#MainContent div.coverImage a span
{
	float: right;
}
#MainContent div.imageDrop ul li
{
	float: left;
	width: 45px;
	margin:10px;
	padding:5px;
}
#MainContent div.imageDrop ul li:hover
{
	background-color: #CEE6F7;
	border: 1px solid #AECCE1;
	margin:9px;
}
#MainContent div.imageDrop ul li.imgSelected
{
	background: url(/images/ui-bg_glass_75_ebf4fc_1x400.png) repeat-x scroll 50% 50% #ebf4fc;
	border: 1px solid #bbd4e6;
	margin:9px;
}
#MainContent div.imageDrop {
	position:absolute;
	width: 300px;
	border:1px solid #ccc;
	background-color: #fff;
	padding-bottom: 5px;
	margin-left: 54px;
	margin-top: -6px;
	
}
#MainContent .browseInput > a
{
	padding:2px 10px 1px 20px;
	text-decoration: none;
	position: absolute;
	font-size: 11px;
	top: -1px;
	left: 180px;
	x-index: 1;
	}
#MainContent #FloatingPreview
	{
	position:fixed;	
	width: 950px;
	height: 540px;
	z-index:9999;
	top:70px;
	}
	#MainContent .HorizontalSponsors
	{
		width: 550px;	
	}
	#FloatingPreview #ul_AdPreview li.CatItem
	{
		margin-top:20px;
	}
	#FloatingPreview #SCPreviewTabs > div
	{
		height: 355px;
		overflow:auto;
	}
#MainContent #FloatingPreviewShadow
	{
	position:fixed;	
	width: 950px;
	height: 540px;
	z-index:99;
	top:70px;
	}
 #FloatingPreview .second-chance-block-details
	{
		width: 820px;	
	}
#AdPreview 
{
	margin: 10px;
}
#AdPreview > p
{
	width: 400px;
}
#AdPreview > a
{
	float: right;
	cursor:pointer;
	list-style:none outside none;
	margin:2px 5px 0 0;
	padding:2px;
	position:relative;
	
}
#AdPreview > li > h3
{
	margin-top: 10px;
}
#AdPreview h3.VerticalTitle
{
	float: right;
	width: 205px;
	

}
#AdPreview h3.HorizontalTitle
{
	float: none;
	display:block;
}
#AdPreview .advertiseteaser, #AdPreview #SecondChanceWrapper > p, #AdPreview #SecondChanceWrapper > a
{
	display:none !important;
}
#AdLocation input
{
	margin-right: 5px;
}
#qAdLocation > div > label
{
	width: 150px;
	display: block;
	float: left;
}
#AdLocation > div > a.ui-button{margin-left: 60px;}
#AdLocation #ul_SpecificRegions > li
{

	width: 150px;
	float: left;
}
#AdLocation #ul_SpecificRegions 
{	margin-top: 10px;
	width: 300px;
}
#HoursOption, #DateOption
{
	margin-bottom: 15px;
	
	}
#HoursOption #HourRange
{
	margin-left: 16px;
	clear: both;
	display:none;

}
#HoursOption > span
{
	display: block;
}
#DateRange
{
	margin-left: 16px;
}
span.chkContainer label input
{
margin-right: 4px;	
	}
span.chkContainer label 
	{
 margin-right: 10px;		
	}
span.chkDemographics
{
	width:450px;
}
span.chkDemographics label
{
	float: left;
	width:150px;
	display:block;
	overflow: hidden;
	
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	BUDGET AND COSTS SECTION
========================================================*/
.CategoryCosts .CostTitles p
{
	border-bottom: 1px solid #ccc;
	background-color:#fff;
}
.CategoryCosts li
{ margin-top: 0px !important;
	width: 300px;
}
.ulCost5Col li
{
	width: 450px;
}
.CategoryCosts .CostTitles
{ margin-top: 0px !important;}
.CategoryCosts .CostTitles p
{
	font-size: 10px;
	color: #333;
	font-weight:bold;
}
.CategoryCosts li p
{
	float: left;
	display: block;
	font-size: 11px;
	color: #666;
	margin:1px;
	padding: 5px;
}
.CategoryCosts li p.CostCol1 
{
	width: 130px;
}
.CategoryCosts li p.CostCol2
{
	width: 35px;
	text-align:center;
	background-color: #f9f9f9;
	font-weight:bold;
}
 .CategoryCosts li p.CostCol3
 {
	width: 35px; 
	text-align: center;
	
	background-color: #f4f4f4;
	font-weight:bold;
 }
  .CategoryCosts li p.CostCol4,  .CategoryCosts li p.CostCol5
  {
	  text-align: center;
	width:  75px;
	 }
 #SecondChanceAdditionalOptions
 {
	display:none; 
 }

#span_AgreeBlock 
{
	margin-left: 10px;
}
#span_AgreeBlock input
{
	margin-right: 10px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	AD SELECTION TOGGLE
========================================================*/
#AdCreationSteps > li {
	display:none;
}
#AdCreationSteps .SCItem, #AdCreationSteps .GlobalItem, #AdCreationSteps .CatItem, #AdCreationSteps .GiveawayItem, #AdCreationSteps .WhitePaperItem {
	display:none;
}
#AdCreationSteps.GiveawaySel .SCItem, #AdCreationSteps.CategorySel .CatItem, #AdCreationSteps.GlobalSel .GlobalItem,  #AdCreationSteps.GiveawaySel .GiveawayItem, #AdCreationSteps.WhitePaperSel .WhitePaperItem {
	display: block;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	WHITEPAPERS
========================================================*/
#MainContent .WPPreview
{
	border: 2px solid #dedede;
	overflow:hidden;
	padding-top: 5px;
	margin:10px 0;
	height: 350px;
	width: 600px;
}
#BookCaseWrap {
	display:block;
	clear:left;
	float:left;
	width:525px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	position: relative;
	overflow:hidden;
}

#BookCaseWrap #BookCase {
	display:inline;
	clear:left;
	float:left;
	margin:0;
	padding:0;
	width:180px;
	overflow:hidden;
	height:auto;
	vertical-align:top;
	margin-bottom:auto;
}
#BookCaseWrap.newBook span#newBookIcon
{
	display: block;
	position: absolute;
	top: 175px;
	z-index:10;
	left: 140px;
	width: 33px;
	height: 33px;
	background-image:url(/images/newMarker.png);
}
#BookCaseWrap #BookCase img{
	display:block;
	border:1px solid #e8e8e8;
}

#BookCaseWrap #BookCase img a{
	border:1px solid #e8e8e8;
}

#BookCaseWrap h1{
	display:block;
	clear:right;
	float:right;
	width:340px;
	height:auto;
	line-height:26px;
	margin:0 0 10px 0;
	font-size:23px;
	font-weight:bold;
	color:#900;
}



#BookCaseWrap ul{
	display:block;
	float:right;
	width:340px;
	height:auto;
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:0;
}

#BookCaseWrap ul li{
	display:block;
	position:relative;
	clear:left;
	float:left;
	text-align:left;
	line-height:25px;
	width:360px;
}

#BookCaseWrap ul li a.button {
	color: #fff;
    margin-left:15px;
    *margin-left:0;
}
#BookCaseWrap ul li iframe 
{
*margin-top:15px;
}

#BookCaseWrap .reflected img
{
    border:1px solid #e8e8e8;
}

#BookCaseWrap ul li em{
	width:200px;
	font-style:normal;
	font-weight:bold;
}

#BookCaseWrap ul li.link {
	height:41px;
	margin: 0px 0 0 0;
}


#BookCaseDetails {
	display:block;
	clear:left;	
	float:left;
	width:510px;
	height:auto;
	border-bottom:1px dashed #666;
	margin: 0 0 30px 0;
	padding:10px;
	vertical-align:top;
	position: relative;
}

#BookCaseDetails h4, #carrousel h4 {
	display:block;
	clear:left;
	float:left;
	height:20px;
	color:#036;
	font-size:16px;
	font-weight:bold;
	width: 100%;
	background:url(../images/title_middle_line.jpg) repeat-x center;
	margin-bottom: 20px;
}

#BookCaseDetails h4 em, #carrousel h4 em{
	background:#fff;
	line-height:20px;
	padding:0 10px 0 0;
	font-style:normal;
	font-weight:bold;
	border-right:1px solid #e1e1e1;
}

#AddOns h3{
	display:block;
	float:right;
	width:340px;
	height:auto;
	line-height:26px;
	margin:0 10px 10px 0;
	font-size:23px;
	font-weight:bold;
	color:#900;

}

#BookCaseDetails p {
	width:auto;
	height:auto;
	color:#666;
	font-size:12px;
	margin:10px 0 10px 0;
	text-align: justify;
}


#BookCaseDetails #box {
	display:none;
}

#BookCaseDetails ul {
	display:block;
	clear:left;
	float:left;
	margin:0 0 10px 0;
	list-style:square;
	color:#666;
	width:498px;
	height:auto;
}
#BookCaseDetails ul li ul {
	display:block;
	clear:left;
	float:left;
	margin-left:0px;
	list-style-type:none;
	color:#666;
	width:490px;
	height:auto;
}
#BookCaseDetails ul li {
	display:block;
	clear:left;
	float:left;
	padding:2px 0 5px 16px;
	margin-left:0;
	list-style-type:none;
	background:transparent url(/images/bullet_red_arrow_right_light.png) no-repeat 0 6px;
	color:#666;
	font-size:12px;
	height:auto;
	line-height:20px;
	width: 95%;
	text-transform:none;
}


/*

#AdCreationSteps.GlobalSel { border: 5px solid #Fcc;}
#AdCreationSteps.CategorySel { border: 5px solid #cFc;}
#AdCreationSteps.GiveawaySel {border: 5px solid #ccF;}
*/