/***********************************************************************************************
 * Create the base class for each type. these classes are to be the same as the classes that
 * are in the tbl_adsnippet_layout table. Since layouts are pretty standard, there is no need
 * at this time for this CSS to by dynamic
 ***********************************************************************************************/

.leaderboard_728x90,
.banner_468x60,
.medium_rectangle_300x250,
.large_rectangle_336x280,
.half_banner_234x60,
.small_rectangle_180x150,
.vertical_banner_120x240,
.wide_skyscraper_160x600,
.skyscraper_120x600,
.square_250x250,
.small_square_200x200,
.button_125x125,
.custom_size
{ border:1px solid; text-align:left; padding:3px; overflow:hidden; }

.custom_size
{
border: none;
padding: 20px;
}

/***********************************************************************************************
 * Set the height and width for the widgets
 ***********************************************************************************************/

.leaderboard_728x90 		{height:  90px; width: 728px;}
.banner_468x60 			{height:  60px; width: 468px;}
.medium_rectangle_300x250 	{height: 250px; width: 300px;}
.large_rectangle_336x280 	{height: 280px; width: 336px;}
.half_banner_234x60 		{height:  60px; width: 234px;}
.small_rectangle_180x150 	{height: 150px; width: 180px;}
.vertical_banner_120x240 	{height: 240px; width: 120px;}
.wide_skyscraper_160x600 	{height: 600px; width: 160px;}
.skyscraper_120x600 		{height: 600px; width: 120px;}
.square_250x250 			{height: 250px; width: 250px;}
.small_square_200x200 		{height: 200px; width: 200px;}
.button_125x125 			{height: 125px; width: 125px;}

/***********************************************************************************************
 * widget_brand is the part of the widget that says "AdSnippet Ads"
 ***********************************************************************************************/

.widget_brand
{ display:block; font-size:10px; margin:-2px; padding:0px; text-align:left; text-align:right; line-height:10px; text-decoration:none; }

/***********************************************************************************************
 * We need to set up the font-size ratio for title, description, and url
 ***********************************************************************************************/

.widget_ad
{ display:block; margin:2px 0px; padding:2px; text-decoration:none; }

.widget_ad form
{ display:block; background-color:transparent; padding:0px; margin:0px; }

.widget_title
{ display:block; text-decoration:underline; text-align:left; font-size:85%; font-family:inherit; line-height:120%; }

.widget_description
{ display:block; font-size:70%; line-height:120%; text-align:left; font-family:inherit; color:#000;}

.widget_url
{ display:block; font-size:70%; line-height:110%;
	text-align:left; font-family:inherit; font-weight:bold; color:#006600; }

.search_label
{ display:block; font-size:12px; text-align:left; font-family:inherit; }

/***********************************************************************************************
 * The different kind of widgets have different needs when it comes to the layout of the ads
 ***********************************************************************************************/

 /***********************************************************************************************
 * leaderboard_728x90
 ***********************************************************************************************/

.leaderboard_728x90 .widget_ad
{float:left; padding-right:10px; width:220px; height:80px; }

.leaderboard_728x90 .widget_ad form
{ width:218px; height:78px; margin-top:4px; }

.leaderboard_728x90 .widget_ad form .search_field
{ width:130px; }

.leaderboard_728x90 .widget_ad form .search_button
{ width:80px; }

.leaderboard_728x90 .widget_ad .search_box
{ clear:both; height:20px;}

.leaderboard_728x90 .widget_ad .search_options
{ clear:both; height:20px;}

.leaderboard_728x90 .widget_ad .search_box .search_field
{float:left; }

.leaderboard_728x90 .widget_ad .search_box .search_button
{float:left; }

.leaderboard_728x90 .widget_ad .search_options .search_radio
{ clear:left; }

.leaderboard_728x90 .widget_ad .search_options .search_label
{  }

/***********************************************************************************************
 * banner_468x60
 ***********************************************************************************************/

.banner_468x60 .widget_ad
{padding-top:0px; width:466px; height:50px; }

.banner_468x60 .widget_ad form
{ height:48px; margin-top:4px; margin-left:10px; }

.banner_468x60 .widget_ad form .search_field
{ width:250px; }

.banner_468x60 .widget_ad form .search_button
{ width:80px; }

.banner_468x60 .widget_ad .search_box
{ clear:both; height:20px;}

.banner_468x60 .widget_ad .search_options
{ clear:both; height:20px;}

.banner_468x60 .widget_ad .option
{ float:left; }

.banner_468x60 .widget_ad .search_box .search_field
{float:left; }

.banner_468x60 .widget_ad .search_box .search_button
{float:left; }

.banner_468x60 .widget_ad .search_options .search_radio
{ clear:left; }

.banner_468x60 .widget_ad .search_options .search_label
{ margin-right:10px; }

/***********************************************************************************************
 * half_banner_234x60
 ***********************************************************************************************/

.half_banner_234x60 .widget_ad
{padding-top:0px; width:232px; height:50px; }

.half_banner_234x60 .widget_ad form
{ height:58px; margin-top:4px; }

.half_banner_234x60 .widget_ad form .search_field
{ width:140px; }

.half_banner_234x60 .widget_ad form .search_button
{ width:80px; }

.half_banner_234x60 .widget_ad .search_box
{ clear:both; height:20px;}

.half_banner_234x60 .widget_ad .search_options
{ clear:both; height:20px;}

.half_banner_234x60 .widget_ad .option
{ float:left;}

.half_banner_234x60 .widget_ad .search_box .search_field
{float:left; }

.half_banner_234x60 .widget_ad .search_box .search_button
{float:left; }

.half_banner_234x60 .widget_ad .search_options .search_radio
{ clear:left; }

.half_banner_234x60 .widget_ad .search_options .search_label
{ margin-right:10px; }

/***********************************************************************************************
 * medium_rectangle_300x250
 ***********************************************************************************************/

.medium_rectangle_300x250 .widget_ad
{padding-top:10px; width:298px; height:72px; }

.medium_rectangle_300x250 .widget_ad form
{ height:70px; margin-top:4px; }

.medium_rectangle_300x250 .widget_ad form .search_field
{ width:210px; }

.medium_rectangle_300x250 .widget_ad form .search_button
{ width:80px; }

.medium_rectangle_300x250 .widget_ad .search_box
{ clear:both; height:20px;}

.medium_rectangle_300x250 .widget_ad .search_options
{ clear:both; height:20px;}

.medium_rectangle_300x250 .widget_ad .option
{ float:left;}

.medium_rectangle_300x250 .widget_ad .search_box .search_field
{float:left; }

.medium_rectangle_300x250 .widget_ad .search_box .search_button
{float:left; }

.medium_rectangle_300x250 .widget_ad .search_options .search_radio
{ clear:left; }

.medium_rectangle_300x250 .widget_ad .search_options .search_label
{ margin-right:10px; }

/***********************************************************************************************
 * large_rectangle_336x280
 ***********************************************************************************************/

.large_rectangle_336x280 .widget_ad
{padding-top:10px; width:334px; height:82px; }

.large_rectangle_336x280 .widget_ad form
{ width:90%; margin-left:auto; margin-right:auto; height:72px; margin-top:10px; }

.large_rectangle_336x280 .widget_ad form .search_field
{ float:left; width:74%; }

.large_rectangle_336x280 .widget_ad form .search_button
{ float:left; width:24%; }

.large_rectangle_336x280 .widget_ad .search_box
{ clear:both; height:20px;}

.large_rectangle_336x280 .widget_ad .search_options
{ clear:both; height:20px;}

.large_rectangle_336x280 .widget_ad .search_options .option
{ float:left; margin-right:10px; }

/***********************************************************************************************
 * small_rectangle_180x150
 ***********************************************************************************************/

.small_rectangle_180x150 .widget_ad
{padding-top:10px; width:178px; height:140px;}

.small_rectangle_180x150 .widget_ad form
{ height:138px; margin-top:10px; }

.small_rectangle_180x150 .widget_ad form .search_field
{ float:left; width:87px; }

.small_rectangle_180x150 .widget_ad form .search_button
{ float:left; width:80px; }

.small_rectangle_180x150 .widget_ad .search_box
{ clear:both; height:20px;}

.small_rectangle_180x150 .widget_ad .search_options
{ clear:both; height:20px;}

.small_rectangle_180x150 .widget_ad .search_options .option
{ float:left; margin-right:10px; }

/***********************************************************************************************
 * vertical_banner_120x240
 ***********************************************************************************************/

.vertical_banner_120x240 .widget_ad
{padding-top:10px; width:118px; height:110px;}

.vertical_banner_120x240 .widget_ad form
{ height:108px; }

.vertical_banner_120x240 .widget_ad form .search_field
{ float:left; width:110px; }

.vertical_banner_120x240 .widget_ad form .search_button
{ float:left; width:110px; }

.vertical_banner_120x240 .widget_ad .search_box
{ clear:both; height:20px;}

.vertical_banner_120x240 .widget_ad .search_options
{ clear:both; height:20px;}

.vertical_banner_120x240 .widget_ad .search_options .option
{ }

/***********************************************************************************************
 * skyscraper_120x600
 ***********************************************************************************************/

.skyscraper_120x600 .widget_ad
{padding-top:10px; width:118px; height:145px;}

.skyscraper_120x600 .widget_ad form
{ height:148px; }

.skyscraper_120x600 .widget_ad form .search_field
{ float:left; width:110px; }

.skyscraper_120x600 .widget_ad form .search_button
{ float:left; width:110px; }

.skyscraper_120x600 .widget_ad .search_box
{ clear:both; height:20px;}

.skyscraper_120x600 .widget_ad .search_options
{ clear:both; height:20px;}

.skyscraper_120x600 .widget_ad .search_options .option
{ }

/***********************************************************************************************
 * wide_skyscraper_160x600
 ***********************************************************************************************/

.wide_skyscraper_160x600 .widget_ad
{padding-top:10px; width:158px; height:110px;}

.wide_skyscraper_160x600 .widget_ad form
{ height:108px; }

.wide_skyscraper_160x600 .widget_ad form .search_field
{ float:left; width:70px; }

.wide_skyscraper_160x600 .widget_ad form .search_button
{ float:left; width:80px; }

.wide_skyscraper_160x600 .widget_ad .search_box
{ clear:both; height:20px;}

.wide_skyscraper_160x600 .widget_ad .search_options
{ clear:both; height:20px;}

.wide_skyscraper_160x600 .widget_ad .search_options .option
{ }

/***********************************************************************************************
 * square_250x250
 ***********************************************************************************************/

.square_250x250 .widget_ad
{padding-top:10px; width: 248px; height:72px;}

.small_square_200x200 .widget_ad
{padding-top:10px; width: 198px; height:90px;}

.button_125x125 .widget_ad
{padding-top:10px; width: 123px; height:113px;}