/* This stylesheet is used to style the public view of the plugin. */
#draggable_handle 
{ 
    width: 75px; 
    height: 150px; 
    top: 200px; 
    position: absolute;
    left: 0px; 
    /*border: 2px solid #000; 
    background-color: #fff;*/
}

#draggable_container
{
	/*width: 1045px;
	
	
	left: .5em;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	margin-left: -525px;
	left: 50%;*/
	top: 0px;
	width: 350px;
    position:relative;	
    height: 350px;
}
			
#ad_container
{
	width: 1245px;
	top : -265px;
	bottom: 0;
	position: fixed;
	margin-left: -622.5px;
	left: 50%;
	height: 768px;
	z-index:1006;
}

#draggable_content
{
	width: 1245px; 
	height: 250px; 
	padding: 5px;
	top: -15px;
	z-index: 1000;	

}

#draggable_content > div
{
	z-index:2000;
}

#pulldownad_video
{
	position: abolute;
	z-index:2005 !important;
}



label
{
	text-align: left;
}

#progress_verbiage
{
	display: none;
	font-weight: bold;
}

.sub_error
{
	display: none;
	color: red;
	font-weight: bold;
}

.pulldownad_onediv_template
{
	width: 100%;
	height: 100%;
	padding: 5px;
}

.pulldownad_multiplediv_template
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pulldownad_template_vertical_panel
{
	width: 610px;
	float: left;
	height: 100%;
	padding: 5px;
	overflow-y: auto;
}

.pulldownad_template_vertical_square_panel
{
	width: 100%;
	height: 50%;
}

.pulldownad_template_horizontal_panel
{
	height: 50%;
	width: 100%;
	padding: 5px;
}

.pulldownad_template_horizontal_square_panel
{
	height: 100%;
	width: 50%;
	float: left;
}

video
{
	z-index:9999;
}

#overlay-back { 
    position   : absolute; 
    top        : 0; 
    left       : 0; 
    width      : 100%; 
    height     : 100%; 
    background : #000; 
    opacity    : 0.6; 
    filter     : alpha(opacity=60); 
    z-index    : 1004;
    display    : none;
} 
 
#overlay { 
    position : absolute; 
    top      : 0; 
    left     : 0; 
    width    : 100%; 
    height   : 100%; 
    z-index  : 1000;
    display  : none;
} 

.arrowText
{
	color: rgb(223,212,50);
	font-size: 36px;
	text-shadow: 2px 2px 2px #000000;
	width: 485px;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

@media only screen and ( max-width: 1024px )
{
	#ad_container
	{
		width: 1000px;
		top : -265px;
		bottom: 0;
		position: fixed;
		margin-left: -500px;
		left: 50%;
		height: 600px;
		z-index:1005;
	}

	#draggable_content
	{
		width: 1000px; 
		background-size: 100% !important;
		-webkit-background-size: 100% !important;
		-moz-background-size: 100% !important;
		background-position: 0% 0% !important;
		
	}

	#draggable_handle 
	{ 
	    z-index: 9999;
	    /*border: 2px solid #000; 
	    background-color: #fff;*/
	}

}