/* RUBICONPROJECT.COM */
/*------------------------------------------------------
RESET
------------------------------------------------------*/
html,body,img,h1,h2,h3,h4,h5,h6, form { margin: 0; padding: 0; border: none; }
ul,ul li,dt,dd {margin: 0; padding: 0; list-style: none;}

/*------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------*/
html{overflow-y:scroll }/*<--FORCE SCROLL BAR IN FIREFOX*/
body{font-family:Helvetica, Arial, sans-serif; font-size:11px; color: #333; background-color: #000; }
img{vertical-align:middle}
a{color:#e31937;}
a:hover{color:#A01227;}
strong{font-weight:bold;}
p { margin:0 0 1em 0; }
sup {font-size: 9px; background-color: #fff;}

/*------------------------------------------------------
FUNDAMENTAL CONTAINERS
------------------------------------------------------*/
.bg { background: #efefef url(/_img/main_bg.png) repeat-x; }
.wrap { position:relative; width: 964px; margin: 0 auto;}
.main { position: relative; min-height: 480px; overflow:hidden; margin: 0 auto; width: 100%; }
.main { height: auto !important; height: 480px; } /* clean way to make IE min-height */
.header { position:relative; height: 110px; z-index: 100; }
.content_header { min-height: 98px; position: relative; }
.content_header { height: auto !important; height: 95px; } /* clean way to make IE min-height */
.content_top { background: url(/_img/content_top.png) no-repeat left bottom; height: 20px;}
.content { background: url(/_img/content_bg.png) repeat-y; padding: 0 30px 22px 30px; font-size: 11px; color: #717171; overflow: hidden; min-height: 400px;}
.content_bot { background: url(/_img/content_bot.png) no-repeat; height: 20px;}

.c_arrows_top { background: url(/_img/content_top_s.png) no-repeat left bottom; height: 20px; margin: 0 auto; width: 924px;}
.c_arrows { background: url(/_img/content_bg_s.png) repeat-y; padding: 20px 60px 22px; font-size: 11px; color: #717171; overflow: hidden; margin: 0 auto; width: 804px;}
.c_arrows_bot { background: url(/_img/content_bot_s.png) no-repeat; height: 20px; margin: 0 auto; width: 924px;}

.breadcrumb { background: url(/_img/footer_bg.png) repeat-x left bottom; height: 25px; margin-top: 20px; font-size: 10px; color: #666; padding-bottom: 13px;}
.crumbs { width: 960px; margin: 0 auto; }
.footer { width: 960px; margin: 0 auto; color: #908f8f; padding-top: 14px; font: 10px Arial, Helvetica, sans-serif; padding-bottom: 50px; }

/*------------------------------------------------------
GLOBAL STYLES
------------------------------------------------------*/
input, textarea, select {font: 11px Arial, Helvetica, sans-serif; padding: 2px; color: #666; border: 1px solid #ccc;}
textarea{ width: 175px; border: 1px solid #999; height: 125px;}
label{ margin:1em 0 .25em 0; font-size:11px; font-weight:700; display: block;}

h1,h2,h3{ color: #333; font-weight:700; letter-spacing: -.25px; }
h1 { font-size:22px; margin-bottom: 20px; line-height: 22px; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: #585858; }
h2 { font-size:16px; margin-bottom: 25px; }
h3 { font-size:14px; color: #333; text-transform: uppercase; }
h4 { font-size: 12px; color: #333; letter-spacing: -.15px; }
h5 { font-size: 11px; color: #333;}
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

.overview_tbl { background: url(/_img/lines_gradient_top.png) no-repeat; }
.overview_tbl_bg { background: url(/_img/lines_gradient_bottom.png) no-repeat left bottom; position: relative; left: -22px; }
.overview_tbl td { vertical-align: top; width: 325px; padding: 0 18px 10px; }
.overview_tbl p { padding:0; }

.overview_tbl_2 { background: url(/_img/tbl_grad_top.png) no-repeat center top; }
.overview_tbl_2bg { background: url(/_img/tbl_grad_bot.png) no-repeat center bottom; width: 710px; margin: 0 auto }
.overview_tbl_2 td { vertical-align: top; padding: 0 18px 10px; }

.tbl_2col { width: 100%; }
.tbl_2col td { vertical-align: top; }
.tbl_2col td.side { width: 350px; text-align: right; }

a.callout_r { background: url(/_img/icon_btn_circle_arrow.png) no-repeat right center; position:relative; padding-right: 20px; text-transform: uppercase; color: #939393; font-weight: bold; font-size: 11px; text-decoration: none; color: #7e7e7e; padding: 2px 20px 2px 0; }
a.callout_l { background: url(/_img/icon_btn_circle_arrow_left.png) no-repeat left center; padding-left: 20px; text-transform: uppercase; color: #939393; font-weight: bold; font-size: 11px; text-decoration: none; color: #7e7e7e; padding: 2px 0 2px 20px; }
a.arrow_r { background: url(/_img/arrow_small.png) no-repeat right center; padding-right: 10px; text-decoration: none; }

.content ul.reset { padding-left: 0; background-image: none; }
.content ul.reset li { background-image: none; padding-left: 0; }

.social_list img { padding: 5px; }

.logo_tbl { width: 800px; }
.logo_tbl th { vertical-align: middle; width: 260px; padding-bottom: 30px; text-align: center;  }
.logo_tbl td { padding-bottom: 30px; }
.logo_tbl td.logo { width: 260px; }
.logo_tbl_top { vertical-align:top; }

.checkbox { margin: 10px 10px 10px 0; }

.wide_col { width: 700px; float: left; }
.side_col { width: 200px; float: right; padding-top: 30px; }

.shelf_about { margin-top: 30px; }

.arrow_b_l { background: url(../_img/content_arrow_l.png) no-repeat; width: 60px; height: 61px; display: block; position: absolute;left: -2px; top: 230px; text-indent: -999em; overflow: hidden;}
.arrow_b_l:hover { background-position: 0 -61px; }
.arrow_b_r { background: url(../_img/content_arrow_r.png) no-repeat; width: 60px; height: 61px; display: block; position: absolute;right: -1px; top: 230px; text-indent: -999em; overflow: hidden; }
.arrow_b_r:hover { background-position: 0 -61px; }

.arrow_txt_l { display:none; position:absolute; top:298px; left:32px; background-color:#fff; border:1px solid #ccc; padding:3px; text-transform:uppercase; }
.arrow_txt_r { display:none; position:absolute; top:298px; right:32px; background-color:#fff; border:1px solid #ccc; padding:3px; text-transform:uppercase; }

.sharePage a { text-decoration: none; text-transform: uppercase; margin-right: 5px; }
.sharePage a:hover { color: #333; }

.markers { text-align: center; padding-top: 20px; }

.narrow { width: 70%; }
.red { color:#E31937; }

.frm_top { width:780px; padding:10px 0 5px; margin:0 auto; }
.frm_top_narrow { width:560px; }
/*------------------------------------------------------
HEADER
------------------------------------------------------*/


/*------------------------------------------------------
BUTTONS
------------------------------------------------------*/
.btn { display: block; overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
.gstarted { width: 142px; height: 42px; background-image: url(/_img/btn_get_started.png); }
.gstarted:hover { background-position: 0 -42px; }
.gstarted_long { width: 171px; height: 42px; background-image: url(/_img/home/btn_get_started_home.png); }
.gstarted_long:hover { background-position: 0 -42px; }
.gstarted_index { width: 171px; height: 42px; background-image: url(/_img/home/btn_get_started_home.png); }
.gstarted_index:hover { background-position: 0 -42px; }
.join_the_uprising { width: 208px; height: 25px; background-image: url(/_img/home/btn_join_the_uprising.png); }
.vdemo { width: 142px; height: 42px; background-image: url(/_img/btn_view_demo.png); }
.vdemo:hover { background-position: 0 -42px; }
.home { width: 187px; height: 45px; background-image: url(/_img/rubicon_logo.png); position: absolute; top: 20px;}
.home:hover { background-position: 0 -45px; }
.login { width: 115px; height: 38px; background-image: url(/_img/home/btn_login.png); position: absolute; top: 0; left: 605px; }
.login:hover { background-position: 0 -38px; }
.make_money { width: 194px; height: 22px; background-image: url(/_img/home/btn_home_links_money.png); }
.make_money:hover { background-position: 0 -22px; }
.save_time { width: 117px; height: 19px; background-image: url(/_img/home/btn_home_links_savetime.png); }
.save_time:hover { background-position: 0 -19px; }
.protect_brand { width: 220px; height: 21px; background-image: url(/_img/home/btn_home_links_protect.png); }
.protect_brand:hover { background-position: 0 -21px; }
.x_submit { display:block; height:40px; width:140px; background:url('/_img/btn_submit.png') no-repeat; }
.x_submit:hover { background-position:0 -40px; }

.demand_more { display:block; height:40px; width:140px; background:url('/_img/btn_demand_more_red.png') no-repeat; }
.demand_more:hover { background-position:0 -40px; }


/*------------------------------------------------------
MAIN NAV
------------------------------------------------------*/
.mainnav_holder { background: url(/_img/mainnav.png) no-repeat; width: 940px; height: 41px; position: relative; top: 87px; margin: 0 auto;  }
.mainnav {height:41px; width: 701px; position: absolute; left: 121px; }
.mainnav li { float: left; position: relative; }

.mainnav a{display:block; float:left;height:0; text-decoration:none; padding-top:41px; background:transparent url(/_img/mainnav.png) no-repeat 701px 41px; overflow:hidden; position: relative; cursor: pointer;}
.mainnav a.active {background-position: 0 -76px;}
.mainnav a:hover { background-position: -121px -41px; }


.mainnav a.publishers {width:160px; background-position:-121px 0px;}
.mainnav a.publishers:hover, .mainnav li.sfHover a.publishers, .mainnav li.sfHover a.publishers_selected {background-position: -121px -41px;}
.mainnav a.publishers_selected{background-position: -121px -82px; width:160px;}
.mainnav a.networks {width:152px; background-position:-281px 0px;}
.mainnav a.networks:hover, .mainnav li.sfHover a.networks, .mainnav li.sfHover a.networks_selected {background-position: -281px -41px;}
.mainnav a.networks_selected{background-position: -281px -82px; width:152px;}
.mainnav a.advertisers {width:168px; background-position:-433px 0px;}
.mainnav a.advertisers:hover, .mainnav li.sfHover a.advertisers, .mainnav li.sfHover a.advertisers_selected {background-position: -433px -41px;}
.mainnav a.advertisers_selected{background-position: -433px -82px; width:168px;}
.mainnav a.about {width:122px; background-position:-601px 0px;}
.mainnav a.about:hover, .mainnav li.sfHover a.about, .mainnav li.sfHover a.about_selected {background-position: -601px -41px;}
.mainnav a.about_selected{background-position: -601px -82px; width:122px;}
.mainnav a.blogs {width:99px; background-position:-723px 0px;}
.mainnav a.blogs:hover, .mainnav li.sfHover a.blogs, .mainnav li.sfHover a.blogs_selected {background-position: -723px -41px;}
.mainnav a.blogs_selected{background-position: -723px -82px; width:99px;}

.mainnav li ul { display: none; position: absolute; top: -999em; left: 0; background: #191919 url(/_img/drop_down_top.png) no-repeat; width: 195px; padding-bottom: 20px; padding-top: 20px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;}
.mainnav li:hover ul, .mainnav li.sfHover ul { left: 0; top: 38px; z-index: -1}
.mainnav li:hover { visibility: inherit; }


.mainnav .pd_top { background: url(/_img/drop_down_top.png) no-repeat; height: 77px; width: 150px; position: absolute; bottom: 0; left: 0; z-index: -1; }
.mainnav .pd_bot { background: url(/_img/drop_down_bottom.png) no-repeat left bottom; height: 77px; width: 150px; position: absolute; bottom: 0; left: 0; }

.mainnav li li { display: block;}
.mainnav li li a, .mainnav li.sfHover li a { text-transform: none;  background: none; display: block; color: #c1c1bc; width: 170px; padding: 0 12px; margin-bottom: 1px; font-size: 11px; height: 30px; line-height: 30px; text-transform: uppercase; }
.mainnav li li a:hover { background: none; color: #E11C38; }

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.footer a { color: #dfdfdf; text-decoration: none;}
.boiler { background: url(/_img/footer_boiler_bar.png) no-repeat right center; padding-right: 20px; margin-right: 20px; height: 28px; line-height: 28px; }
.boiler strong { color: #dfdfdf; }


/*------------------------------------------------------
HOME
------------------------------------------------------*/
body.pg_home .bg { background-image: url(/_img/main_home_bg.png); }
body.pg_home .gstarted_long, .join_the_uprising { position: absolute; top: 265px; right: 171px;}
body.pg_home .gstarted_index { position: absolute; top: 265px; right: 45px;}
body.pg_home .read_manifesto_index { position: absolute; top: 225px; right: 38px;}
body.pg_home .gstarted { position: absolute; top: 265px; right: 104px;}
body.pg_home .vdemo { position: absolute; top: 265px; right: 258px; }
.billboard { background: url(/_img/home/revv_home_billboard.png) no-repeat; position: relative; width: 964px; height: 348px; }
.billboard p { margin: 0; padding: 0; }
.home_shelf { min-height: 240px; background: url(/_img/home/home_modules_bottom.png) no-repeat left bottom; width: 964px;}
.home_shelf_top { background: url(/_img/home/home_modules_top.png) no-repeat; overflow: hidden;}

.home_shelf .callout { width: 298px; float: left; display: inline; margin-right: 22px; padding: 20px 0 4px 0; text-align:center; }
.home_shelf .first { margin-left: 13px; }
.home_shelf .last { margin-right: 0; }

.co_incentive { display:none; position: absolute; top: 192px; left: 88px; }
.co_incentive a { margin-bottom: 10px; }

.optimized { position: absolute; top: 0; right: 10px; background: url(/_img/bg_ads_optimized.png) no-repeat; width: 228px; height: 41px; }

.latest_news { position:  relative; padding-bottom: 15px; }
.latest_news .callout { position: absolute; left: 75px; top: -2px; color: #e31937; text-decoration: none; text-transform: uppercase; background: url(/_img/icon_btn_circle_arrow.png) no-repeat left center; padding: 2px 0 2px 20px; font-weight: bold;}
.latest_news .story { width: 700px; margin-left: 185px;  }
.latest_news .story a { color: #333; text-decoration: none; }

/*------------------------------------------------------
CONTENT
------------------------------------------------------*/
.content p { line-height: 17px; }
.breadcrumb a {color: #908f8f;}
.gstarted { position: absolute; right: 10px; top: 34px; }
.gstarted_index { position: absolute; right: 10px; top: 34px; }
.read_manifesto_index { position: absolute; right: 10px; top: 34px; }

.content ol { padding-left: 30px; margin-bottom: 30px;}
.content ol li { margin-bottom: .5em; line-height: 17px; }
.content ul { padding-left: 30px; margin-bottom: 30px; }
.content ul li { background: url(/_img/bullet.png) no-repeat 0 6px; padding-left: 12px; margin-bottom: 6px;  line-height: 17px;}

.content h3 { margin-bottom: 10px; }
.content strong { color: #333; }

/*------------------------------------------------------
MEET THE TEAM
------------------------------------------------------*/
.team_grid { width: 500px; float: left; margin-left: 40px; }
.team_grid img { margin-bottom: 5px; }
.team_grid table { border-collapse: collapse; }
.team_grid table td { vertical-align: top;  border-right: 55px solid #fff; padding-bottom: 20px; background: url(/_img/team_bio_bottom.png) no-repeat center bottom; width: 121px;}
.team_grid p { color: #585858; font-size: 10px; line-height: 12px; padding-top: 5px;}
.team_grid .thickbox { color: #e31937; font-size: 12px; font-weight: bold; text-decoration: none; }
.team_grid .thickbox:hover { border-bottom: 1px solid #333; }

.team_grid_overview { width:500px; float:left; margin-left:40px; }

.team_list { width: 120px; float: left; padding-top: 44px;}
.team_list a { background: url(/_img/arrow_small.png) no-repeat 0 5px; padding-left: 10px; display: block; text-decoration: none;}
.team_list a.active { color: #585858; background-image: url(/_img/arrow_small_gray.png)}
.content .team_list ul { padding-left: 0; }
.content .team_list li { margin-bottom: 1em; background-image: none;  padding-left: 0; }

body.bio { background-color: #fff; }
.bio_detail { background: #fff; padding: 160px 70px 20px 20px; font-size: 11px; color: #717171; line-height: 18px; }
.bio_detail h1 { color: #e31937; font-size: 30px; text-transform: uppercase; margin-bottom: 10px;}
.bio_detail h2 { color: #585858; font-size: 14px; text-transform: uppercase; font-weight: normal;}
.bio_shot { position: absolute; top: 20px; left: 20px; }
.bio_titles { position: absolute; top: 55px; left: 160px; }


/*------------------------------------------------------
CAREERS
------------------------------------------------------*/
.career_body { width: 650px; float: left; }
.career_list { width: 185px; float: right; padding-top: 40px;}
.content .career_list ul { padding-left: 0; }
.content .career_list li { margin-bottom: 1em; background-image: none; padding-left: 0; }
.career_list a { color: #e31937; background: url(/_img/arrow_small.png) no-repeat 0 5px; padding-left: 10px; display: block; text-decoration: none;}
.career_list a.active { color: #585858; background-image: url(/_img/arrow_small_gray.png);}
.career_list h3 { font-size: 11px; margin-bottom: 4px; }

/*------------------------------------------------------
PRESS CENTER
------------------------------------------------------*/
.pc_block { width: 320px; float: left; margin-bottom: 20px; margin-right: 20px; }

/*------------------------------------------------------
PRESS
------------------------------------------------------*/
.archive_header { background: url(/_img/archive_header_bg.png) no-repeat; height: 54px; width: 676px; position: relative; overflow: hidden;}
.content .archive_header ul { position: absolute; top: 4px; left: 0; width: 650px; padding-left: 0; }
.archive_header a { float: left; display: block; text-align: center; padding: 0 10px; line-height: 31px; font-size: 14px; text-decoration: none; background: url(/_img/arrow_archive.png) no-repeat left center; padding-left: 22px; }
.content .archive_header li { float: left; background-image: none; padding-left: 0; margin-right: -1px; }
.content .archive_header li.active { background: url(/_img/archive_tab.png) no-repeat; height: 31px; width: 93px; text-align: center; }
.content .archive_header li.active a { background: url(/_img/arrow_archive_selected.png) no-repeat left center; color: #585858; padding-left: 15px; display: inline; float: none;  }
.awards_bg { background: url(/_img/archive_awards_bg.png) no-repeat; }
.news_bg { background: url(/_img/archive_news_bg.png) no-repeat; } 

.press_body { width: 700px; float: left; }
.press_side { width: 200px; float: right; padding-top: 30px; }
.press_listing { margin-bottom: 20px; width: 600px; }
.press_listing_short { margin-bottom: 20px; width: 300px; }

.press_latest { width: 200px; margin-right: 30px; float: left; padding-top: 20px; }
.press_latest h3 { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.press_latest div { margin-bottom: 20px; }
.latest_bot { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
.press_detail { width: 445px; float: left; }


.press_listing_spic { position: relative; margin-bottom: 20px; overflow:hidden; width:318px; }
.press_listing_spic .desc { float:left; width:173px; }
.spic { float:left; width: 145px; text-align: center; }


/*------------------------------------------------------
NEWS
------------------------------------------------------*/
.news_listing { margin-bottom: 20px; width: 650px; overflow:hidden; }
.news_listing_short { margin-bottom: 20px; width: 300px; }
.news_listing .img { float:left; padding-right:25px;  }
.news_listing .desc { float:left; }

/*------------------------------------------------------
AWARDS
------------------------------------------------------*/
.awards_listing { margin-bottom: 20px; width: 650px; overflow:hidden; }
.awards_listing_short { margin-bottom: 20px; width: 300px; }
.awards_listing .img { float:left; }
.awards_listing .desc { float:left; }


/*------------------------------------------------------
CONTACT
------------------------------------------------------*/
.frm_contact td { width:240px; }
.frm_contact .wide { width:480px; vertical-align:middle; }
.frm_contact .text { width:162px; }
.frm_contact select { width:170px; }
.frm_contact textarea { width:405px; }

.frm_contact { background: url(/_img/frm_bot_contact.png) no-repeat left bottom; width: 560px; margin: 0 auto;}
.frm_contact_top { background: url(/_img/frm_top_contact.png) no-repeat; padding: 30px  }
.vd_error { color:#B8142D; }

.frm_wide { background: url(/_img/frm_bot_wide.png) no-repeat left bottom; width:780px; margin: 0 auto; }
.frm_wide_top { background: url(/_img/frm_top_wide.png) no-repeat; padding: 30px 0 0 55px;  }
.frm_wide .x_submit { position:relative; left:515px; top:-22px; }
.frm_wide .pub_btn { top:-37px; }

.frm_market table { padding-bottom:30px; }


/*------------------------------------------------------
BLOG
------------------------------------------------------*/
small.red { padding-bottom:15px; display:block; }
.post h3 { margin-bottom:0; }

#sidebar h2.desc { font-size: 15px;color:#E31937;padding-bottom:20px; }
.widget_tag_cloud a { color:#777; }
a.stico_default { background:url(/_img/icon_share.png) no-repeat -7px -6px !important; display:block; width:50px; height:22px;}
.post_foot { position:relative; border-bottom:1px solid #bbb; padding:15px 0 30px; }
.postshare { position:absolute; right:5px; top:7px; }
div.postmetadata { font-weight:bold; color:#333; }
div.postmetadata a { color:#777; font-weight:normal; }

.photo_gallery img { padding:0 20px 20px 0; }

.video_grid img { margin-bottom: 5px; }
.video_grid { width: 500px; border-collapse: collapse; }
.video_grid td { vertical-align: top;  border-right: 50px solid #fff; padding-bottom: 30px; background: url(/_img/team_bio_bottom.png) no-repeat center bottom; width: 121px;}
.video_grid p { color: #585858; font-size: 10px; line-height: 12px; padding-top: 5px;}
.video_grid .thickbox { color: #e31937; font-size: 12px; font-weight: bold; text-decoration: none; }
.video_grid .thickbox:hover { border-bottom: 1px solid #333; }




/*------------------------------------------------------
UTILS
------------------------------------------------------*/
.inline { display:inline; margin:0; padding:0; }
.clear { clear: both; }
.fl_l { float:left; }

