/* Containers */
body { font-size: 0.875em; padding: 0; }


.disp_no_phones{display:inline;} 
.disp_only_phones{display:none;} 	

.grid{ margin:0 auto; padding:0 10px; width:700px; }
.row{ clear:left; }

/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:20px; }

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:100px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:220px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:460px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:580px; } /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:160px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:520px; } /* Three-Quarters */

/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:340px; } /* Halves */
.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 100%; } /* Full-Width */

/* Zeroing Out Leftmost Slot Margins */
.slot-0,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1 .slot-1,.slot-1-2 .slot-1,.slot-1-2 .slot-1-2,.slot-1-2-3 .slot-1,.slot-1-2-3 .slot-1-2,.slot-1-2-3 .slot-1-2-3,.slot-1-2-3-4 .slot-1,.slot-1-2-3-4 .slot-1-2,.slot-1-2-3-4 .slot-1-2-3,.slot-1-2-3-4 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1,.slot-1-2-3-4-5 .slot-1-2,.slot-1-2-3-4-5 .slot-1-2-3,.slot-1-2-3-4-5 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1-2-3-4-5,.slot-2 .slot-2,.slot-2-3 .slot-2,.slot-2-3 .slot-2-3,.slot-2-3-4 .slot-2,.slot-2-3-4 .slot-2-3,.slot-2-3-4 .slot-2-3-4,.slot-2-3-4-5 .slot-2,.slot-2-3-4-5 .slot-2-3,.slot-2-3-4-5 .slot-2-3-4,.slot-2-3-4-5 .slot-2-3-4-5,.slot-3 .slot-3,.slot-3-4 .slot-3,.slot-3-4 .slot-3-4,.slot-3-4-5 .slot-3,.slot-3-4-5 .slot-3-4,.slot-3-4-5 .slot-3-4-5,.slot-4 .slot-4,.slot-4-5 .slot-4,.slot-4-5 .slot-4-5,.slot-5 .slot-5,.slot-7 .slot-7,.slot-7-8 .slot-7,.slot-7-8 .slot-7-8,.slot-7-8-9 .slot-7,.slot-7-8-9 .slot-7-8,.slot-7-8-9 .slot-7-8-9,.slot-8 .slot-8,.slot-8-9 .slot-8,.slot-8-9 .slot-8-9{ margin-left:0 !important; } /* Important is to avoid repeating this in larger screen css files */

/* Row Clearfix */
.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.row{ zoom:1; }

.hero_bg{margin-top:1.3em;background-image: url('../images/hero_bg.jpg');}


h1{font-size:2.5em; padding-top:.5em; }
h2{font-size:1.5em;}
h3{font-size:2em;}
h4{font-size:1.2em;}
.top_wrap{padding-bottom:0em;}
.top_wrap .fixed{width:720px; margin:auto; text-align:left;}
.top_wrap .fixed .main_logo, .top_wrap .fixed .main_tagline{text-align:left; color:#fff; font-size:.9em; float:left; padding-left:0;}
.top_wrap .fixed .main_tagline{display:block; padding-left:2em; padding-top:.5em;}


.top_nav, .top_nav a:link, .top_nav a:visited{ font-size:.9em; color:#fff; text-decoration:none; text-align:right; padding-top:0; padding-left:.5em; padding-right:.5em;padding-top:.5em;}
.top_nav a:hover, .top_nav a:active,  body.advertiser  a.advertiser {font-size:.9em; color:#39caf2; text-align:right; padding-top:0; padding-left:.5em; padding-right:.5em;padding-top:.5em;}
.top_nav .publish a:hover, .top_nav .publish a:active, body.publisher  a.publisher{font-size:.9em; color:#f1010a; text-align:right; padding-top:0; padding-left:.5em; padding-right:.5em;padding-top:.5em;}

.top_nav{color:#fff;}
.top_nav .login a:link, .top_nav .login a:visited{background-color:#3ac8fa; padding:.2em; padding-left:1em; padding-right:1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  border-radius: 3px; padding-top:.5em; margin-top:.5em; }
.top_nav .login a:hover, .top_nav .login a:active {background-color:#16ace1; color:#fff; padding:.2em; padding-left:1em; padding-right:1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  border-radius: 3px; padding-top:.5em;margin-top:.5em;}

.mobile_nav{display:none;}

.hero_links .publisher a:link, .hero_links .publisher a:visited{display:inline; font-size:1.5em; background-color:#000; padding:.5em; border:1px solid #f1010a; color:#f1010a; text-decoration:none;}
.hero_links .publisher a:hover, .hero_links .publisher a:active{display:inline; font-size:1.5em; background-color:#f1010a; padding:.5em; border:1px solid #f1010a; color:#fff; text-decoration:none;}
.hero_links .advertiser a:link, .hero_links .advertiser a:visited{display:inline;font-size:1.5em; background-color:#000; padding:.5em; border:1px solid #3ac8fa; color:#3ac8fa; text-decoration:none;}
.hero_links .advertiser a:hover, .hero_links .advertiser a:active{display:inline; font-size:1.5em; background-color:#3ac8fa; padding:.5em; border:1px solid #3ac8fa; color:#fff; text-decoration:none;}
.intro{margin-top:6em; }

.publisher_signup a:link, .publisher_signup a:visited{display:block; margin:auto; width:60%; padding-top:.8em; padding-bottom:.8em;font-size:1.5em; background-color:#f1010a; color:#fff; text-decoration:none;}
.publisher_signup a:hover, .publisher_signup a:active{display:block; margin:auto; width:60%; padding-top:.8em; padding-bottom:.8em;font-size:1.5em; background-color:#000; color:#fff; text-decoration:none;}
.learn_more_p a:link, .learn_more_p a:visited{text-decoration:none; color:#000;}
.learn_more_p a:hover, .learn_more_p a:active{text-decoration:none; color:#f1010a;}
.a_title{color:#3ac8fa;}
.advertiser_signup a:link, .advertiser_signup a:visited{display:block; margin:auto; width:60%; padding-top:.8em; padding-bottom:.8em;font-size:1.5em; background-color:#3ac8fa; color:#fff; text-decoration:none;}
.advertiser_signup a:hover, .advertiser_signup a:active{display:block; margin:auto; width:60%; padding-top:.8em; padding-bottom:.8em;font-size:1.5em; background-color:#000; color:#fff; text-decoration:none;}


.ad_hero_bg, .pub_hero_bg{margin-top:-.5em;}
#myform  select, #myform2  select, #myform3  select {width: 105%;}
.button_box{margin-top:1em;}
.pub_form_bg{margin-top:3.3em;}
.ad_form_bg{margin-top:3.3em;}