/*******************************************************************************
 *   PubMatic Inc. ("PubMatic") CONFIDENTIAL
 *   Unpublished Copyright (c) 2006-2014 PubMatic, All Rights Reserved.
 *
 *  
 *
 *   NOTICE:  All information contained herein is, and remains the property of PubMatic. The intellectual and technical concepts contained
 *
 *   herein are proprietary to PubMatic and may be covered by U.S. and Foreign Patents, patents in process, and are protected by trade secret or copyright law.
 *
 *   Dissemination of this information or reproduction of this material is strictly forbidden unless prior written permission is obtained
 *
 *   from PubMatic.  Access to the source code contained herein is hereby forbidden to anyone except current PubMatic employees, managers or contractors who have executed 
 *
 *   Confidentiality and Non-disclosure agreements explicitly covering such access.
 *
 *  
 *
 *   The copyright notice above does not evidence any actual or intended publication or disclosure  of  this source code, which includes  
 *
 *   information that is confidential and/or proprietary, and is a trade secret, of  PubMatic.   ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC  PERFORMANCE, 
 *
 *   OR PUBLIC DISPLAY OF OR THROUGH USE  OF THIS  SOURCE CODE  WITHOUT  THE EXPRESS WRITTEN CONSENT OF PubMatic IS STRICTLY PROHIBITED, AND IN VIOLATION OF APPLICABLE 
 *
 *   LAWS AND INTERNATIONAL TREATIES.  THE RECEIPT OR POSSESSION OF  THIS SOURCE CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS  
 *
 *   TO REPRODUCE, DISCLOSE OR DISTRIBUTE ITS CONTENTS, OR TO MANUFACTURE, USE, OR SELL ANYTHING THAT IT  MAY DESCRIBE, IN WHOLE OR IN PART.
 *******************************************************************************/
/* PubMatic 
   by Jonathan Gala - www.jongala.com */

/* =============================

DEFAULTS

============================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
	}
body * {
    font-family: Arial;
}
	
a {
	color:#2bc;
	color:#35a0d9;
	text-decoration:none;
	border-bottom:1px solid #adf;
	}
	
a:hover {
	color:#269;
	border-color:#269;
	}
	
a img {border:0;}	
	
h1 {font-size:167%;}
h2 {font-size:136%;}
h3 {font-size:114%;}
h4 {font-size:107%;}


h1 {
	margin:0 0 .5em;
	padding:0;
	font-weight:normal;
	color:#38c;
	color:#305582;
	clear:both;
	}

h2 {
	font-weight:normal;
	color:#39c;
	color:#27a;
	}

h3 {
	font-weight:normal;
	border-bottom:1px solid #999;
	}

	
p {
	line-height:1.5;
	margin:1em 0;
	}

form {
	margin:0;
	padding:0;
	}

/* =============================

LAYOUT

============================= */


.wrapper {
	width:846px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

.logo {
	float:left;
	margin:0;
	height:65px;
	}



#page {
	clear:both;
	background:url("/images/main_bg.gif") 50% 0 repeat-y;
	}

.header {
	margin:0;
	padding:9px 0 0;
	background:url("/images/header_bg.gif") 0 0 no-repeat;
	min-height:52px;
	}

* html .header {
	height:52px; /* acts as min-height for ie */
	}
	
.content {
	padding:1em 2em;
	width:550px;
	float:left;
	}

.extras {
	width:210px;
	margin-right:23px;
	float:right;
	display:inline;
	}

.footer {
	clear:both;
	margin:0 0 0;
	padding:20px 0;
	background:#fff url("/images/footer_bg.gif") 0 0 no-repeat;
	zoom:1;
	}


/* =============================

STYLES

============================= */

.inFlash {display:none;}

hr {
	height:0;
	border:0;
	border-bottom:1px solid #ccc;
	}

a.button {
	padding:7px 36px 12px 0px;
	*padding:6px 0 0 0; /* ie6 and 7 */
	line-height:33px;
	border:0;
	color:#333;	
	background:url("/images/button_bg.gif") 100% 0 no-repeat;
	}
	
a.button em,
a.button strong {
	font-style:normal;
	padding:7px 0px 12px 12px;
	*margin:-6px 36px 0 0; /* ie6 and 7 */
	background:url("/images/button_bg.gif") 0 0 no-repeat;
	}


a.button:hover {
	color:#39f;
	background-position:100% -33px;
	}


.logo a {
	display:block;
	width:179px;
	height:12px;
	margin:0 0 10px 0px;
	padding:0;
	border:0;
	}
	
	.logo a img {
		border:0;
		}

a.widget_button {
	display:block;
	margin:0;
	padding:0;
	width:188px;
	height:100px;
	text-indent:-23456px;
	background:url("/images/widget_button.png") 0 0 no-repeat;
	border:0;
	}
	
a.widget_button:hover {
	background-position:0 -100px;	
	}

/* Content div
--------------------------- */

.content {
	color:#555;
	}
	
	.content li {
		line-height:1.5;
		}

		.content li.hilite {
			background:#8DCBF5 url("/images/bg_hilite.jpg") 0 0 repeat-x;
			border:1px solid #9cf;
			border-color:#ace #7ad #69c #9cf;
			color:#036;
			list-style:none;
			margin-left:-3em;
			padding:0 1em 0 3em;
			}

		.content li.hilite strong {color:#024;}

	.content h2 {
		margin:1.5em 0 0;
		}

/* Sidebar
--------------------------- */


.extras {
	margin-top:1.5em;
	margin-bottom:0em;
	background:url("/images/extras_bg_top.gif") 0 0 no-repeat;
	color:#777;
	font-size:91%;
	}


	.extras h2,
	.extras p,
	.extras ul,
	.extras ol {
		margin:13px 15px;
		}
	
	.extras p.button {
		margin:0 15px;
		}
		
		.extras h2 {
			}
		
		.extras ul,
		.extras ol {
			padding:0;
			}
			
			.extras li {
				margin:.66em 0 .66em 2em;
				line-height:1.3;
				}

	.extras hr {
		margin:.5em 1em;
		border-color:#ddd;
		}

	.extras_foot {
		clear:both;
		height:20px;
		background:url("/images/extras_bg_bottom.gif") 0 100% no-repeat;
		}

/* Extras with 250px size */
 
.extras.big {
	width:250px;
	background:url("/images/Mediakit/extras_bg_big.gif") 0 0 repeat-y;
	}

	.extras.big .extras_head {
		clear:both;
		height:13px;
		line-height:13px;
		padding:0;
		margin:0;
		font-height:1px;
		background:url("/images/Mediakit/extras_bg_top_big.gif") 0 100% no-repeat;
		}
	
	.extras.big .extras_foot {
		background:url("/images/Mediakit/extras_bg_bottom_big.gif") 0 100% no-repeat;
		}
	.extras.big h2 {
		margin-top:0;
	}	

.extras.pub_login {
	background:#7bbfe1 url("/images/pub-home-login.png") 0 0 no-repeat;
	*height:190px;
	min-height:190px;
	color:#fff;
	}
	
	.extras.pub_login h2 {
		color:#fff;
		}
		
	.extras.pub_login hr {
		border-color:#adf;
		}
		
	.extras.pub_login a {	
		color:#369;
		border-color:#69c;
		}

/* General styles
--------------------------- */

.featurelist li:first-line,
.featurelist li p:first-line {
	font-weight:bold;
	background:#ffc;
	}

.buttonlist {
	list-style:none;
	margin:1em 0 1em 2em;
	padding:0;
	}

.buttonlist li {
	padding:0;
	margin-bottom:.5em;
	}


.footer {
	height:1em;
	}

.footer p {
	margin:0 20px;
	color:#999;
	font-size:85%;
	}

.footer .copyright {
	float:left;
	display:inline;
	text-align:left;
	}

.footer .footlinks {
	float:right;
	display:inline;
	text-align:right;
	margin-right:15px;
	}

	.footer .footlinks a {
		margin:0 .77em;
		}

p.location {
	line-height:1.3;
	padding:10px;
	border-top:1px solid #ddd;
	position:relative;
	}

p.location .maplink {
	position:absolute;
	top:40%;
	left:240px;
	}


div.jobpanel {
	padding:1em;
	background:#fffacd;
	color:#4d4d4d;
	overflow:hidden;
	}

.jobpanel .closebox {
	float:right;
	}
	
.jobpanel h3 {
	margin:0 0 1em;
	font-weight:bold;
	font-size:136%;
	}


img.right {
	float:right;
	margin:0 0 1em 1em;
	}
	
div.callout {
	float:right;
	margin:0 0 1em 1em;
	text-align:center;
	}

.col {
	width:45%;
	padding:2%;
	margin:0;
	float:left;
	}

.col.right {
	border-left:1px dotted #ddd;
	}

/* GRAPHIC BUTTONS
--------------------------- */

#register_button {
	position:absolute;
	top:10px;
	right:9px;
	}

#register_button,
.register_now {
	display:block;
	width:150px;
	height:32px;
	text-indent:-12345px;
	border:0;
	background:url("/images/register_button.png") 0 0 no-repeat;
	}

	#register_button:hover,
	.register_now:hover {
		background-position:0 100%;
		}

.register_button_lg {
	display:block;
	width:246px;
	height:59px;
	text-indent:-12345px;
	border:0;
	background:url("/images/register_button_lg.png") 0 0 no-repeat;
	}
	
	.register_button_lg:hover {
		background-position:0 100%;
		}

.success_story {
	display:block;
	width:175px;
	height:63px;
	text-indent:-12345px;
	border:0;
	background:url("/images/logos/sportsvite_logo.jpg") 0 0 no-repeat;
	}

a.readmore {
	display:block;
	width:125px;
	height:30px;
	text-indent:-12345px;
	border:0;
	background:url("/images/button_readmore.png") 0 0 no-repeat;
	}
	
	a.readmore:hover {
		background-position:0 100%;
		}
	
a.morelift {
	display:block;
	width:125px;
	height:30px;
	text-indent:-12345px;
	border:0;
	background:url("/images/button_morelift.gif") 0 0 no-repeat;
	}
	
	a.morelift:hover {
		background-position:0 100%;
		}
	
a.readmore1 {
	display:block;
	width:125px;
	height:30px;
	text-indent:-12345px;
	border:0;
	background:url("/images/button_readmore1.png") 0 0 no-repeat;
	}
	
	a.readmore1:hover {
		background-position:0 100%;
		}
	
a.download {
	display:block;
	width:125px;
	height:30px;
	text-indent:-12345px;
	border:0;
	background:url("/images/button_download.png") 0 0 no-repeat;
	}

	a.download:hover {
		background-position:0 100%;
		}



/* NEWS LISTS
-------------------------------------*/

.newstable {
	margin:0 0 1em;
}

.newstable td {
	vertical-align:top;
	padding:5px 5px 8px;
	background:#e3f8ff;
	background:#f0f6f9;
	}

.newstable td.date {
	padding-right:10px;
	color:#777;
	}
	
.newstable tr.alt td {
	background:#fff;
	}

.newstable td p {
	margin:.5em 0 0;
	}


/* Main Forms
--------------------------- */

.formtable {
	border:0;
	margin:0;
	padding:0;
	}

.formtable td {
	margin:0;
	padding:3px;
	}


form {
	font-size:90%;
	}

div.field {
	margin:0;
	padding:.5em 0 ;
	border-top:1px solid #e6e6e6;
	clear:left;
	zoom:1;
	}

div.field:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
	}

div.field:hover {
	background:#f2f2f2;
	}

	.field input {

		}
	
	.field label {
		display:block;
		padding:3px 10px 0;
		width:200px;
		wid\th:180px;
		float:left;
		text-align:right;
		}
	
	.field textarea {
		height:140px;
		}

	.field input.txt,
	.field input.smtxt,
	.field textarea {
		width:320px;
		border:1px solid #ccc;
		border-color:#999 #ccc #ddd #aaa;
		}

		.field input.smtxt {
			width:170px;
			}

	.field input.txt:focus,
	.field input.smtxt:focus,
	.field textarea:focus {
		background:#ffeedd;
		}

	#submit {
		margin-left:200px;
		}


form.login .field {
	margin:0 3px;
	padding:.33em 0 0;
	border:0;
	}

form.login .field label {
	width:50px;
	padding:3px 5px 0;
	}

form.login input.submit {
	margin-left:60px;
	}

fieldset {
	padding:1em 0 0;
	margin:0 0 2em;
	border:1px solid #ddd;
	background:#f9f9f9;
	}
	
legend {
	margin-left:10px;
	font-size:122%;
	line-height:2.0;
	background:#f69a4a url("/images/grad_lightorange.gif") 0 0 repeat-x;
	padding:0 .75em;
	border:1px solid #e6e6e6;
	}

fieldset p {
	margin:0;
	padding:1em;
	border-top:1px solid #e6e6e6
	}

form#contact {
	margin-bottom:2em;
	}



/* newsletter
--------------------------- */

.newsletter_teaser {
	width:420px;
	height:40px;
	heig\ht:26px;
	padding:7px;
	float:right;
	display:inline;
	margin:7px 185px 0px 0;
	text-align:center;
	color:#666;
	background:url("/images/newsletter_bg.gif") 0 0 no-repeat;
	}

	#newsletter_email {width:150px;}



/* =============================

MENUS

============================= */

#mainnav {
	margin:0 8px;
	padding:6px 0 0 7px;
	background:url("/images/mn_bg.gif") 0 0 no-repeat;
	}

#mainnav ul,
#mainnav ul ul {
	margin: 0;
	padding: 0;
	height:auto;
	}

#mainnav ul {
	height:26px;
	}

#mainnav ul li {
	position: relative;
	list-style: none;
	float:left;
	display:inline;
	width:113px;
	height:26px;
	margin:0;
	margin-right:4px;
	text-align:center;
	zoom:1;
	}

#mainnav ul li.quality {
	width: 120px;
}
	
#mainnav ul li.quality > a {
	background: url("/images/mn_tab_sml.gif") 0 -259px no-repeat;
		background-size: 120px;
}

#mainnav ul li.quality a:hover,
#mainnav ul li.quality:hover a {
	background-position: 0 -114px;
}

#mainnav ul li a {
	display: block;
	padding:5px 0 0;
	height:21px;
	line-height:13px;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
	font-size:107%;
	border:0;
	background:url("/images/mn_tab_sml.gif") 0 -226px no-repeat;
	zoom:1;
	}

* html #mainnav ul li a { /* bizarre ie6 */
	padding-bottom:8px;
	}


#mainnav ul li a:hover { /* main hover */
	color:#333;
	text-decoration:underline;
	}

#mainnav ul li a:hover,
#mainnav ul li:hover a,
#mainnav ul li.over a  { /* main hover */
	color:#333;
	background-position:0 -100px;
	}

 

/* Fix IE. Hide from IE Mac \*/
* html #mainnav ul li { float: left; height: 1%; }
* html #mainnav ul li a { height: 1%; }
/* End */

#mainnav ul ul {
	position: absolute;
	display: none;
	left: 0px;
	top: 26px;
	width: 180px; /* Width of Menu Items */
	margin:0;
	padding:8px 0 5px;
	background:url("/images/popnav_bg.gif");
	background-repeat: no-repeat;
	background-size: cover;
	font-size:88%;
	z-index:10;
	}


#mainnav ul ul li {
	width:auto;
	float:none;
	display:block;
	padding:0;
	margin:0;
	}

#mainnav ul ul li a { /* Sub Menu Styles */
	margin:0;
	padding:6px 2px;
	padding-left:10px;
	height:auto;
	width:auto;
	line-height:1.0em;
	background:transparent;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	} 

/* submenu hovers */
#mainnav ul ul li a:hover,
#mainnav ul ul li.menuparent:hover a,
#mainnav ul ul li.over a { 
	color:#fff;
	background:#48b; /* middle */
	text-decoration:underline;
	}
	
	

/* third tier menus */
#mainnav ul ul ul { 
	top:0;
	left:180px;
	margin:0;
	padding:0;
	background:#e99046;
	font-size:100%;
	}

#mainnav ul li.menuparent ul li.menuparent ul li a {
	color:#444;
	}

/* T3 menu hover */
#mainnav ul li.menuparent ul li.menuparent ul li a:hover {
	color:#fff;
	background:1375ae;
	}

/* T3 about position */
#mainnav ul #mn_about  ul ul {
	top:0;
	left:-180px; /* menu width (166) plus padding -1 */
	}


#mainnav ul li:hover ul ul,
#mainnav ul li:hover ul ul ul,
#mainnav ul li.over ul ul,
#mainnav ul li.over ul ul ul { display: none; } /* Hide sub-menus initially */

#mainnav ul li:hover ul,
#mainnav ul li li:hover ul,
#mainnav ul li li li:hover ul,
#mainnav ul li.over ul,
#mainnav ul li li.over ul,
#mainnav ul li li li.over ul { display: block; } /* The magic */


/* rt-align about us subnav */
#mainnav #mn_about ul {
	left:auto;
	right:0;
	}

/* set default page tab through cascade */
body.home #mn_home a,
body.publishers #mn_publishers a,
body.advertisers #mn_advertisers a,
body.adprice #mn_adprice a,
body.news #mn_news a,
body.blog #mn_blog a,
body.about #mn_about a {
	background-position:0 0;
	color:#4d4d4d;
	}


/* block tabbed menus from popping up */ 

body.home #mn_home:hover ul,
body.publishers #mn_publishers:hover ul,
body.advertisers #mn_advertisers:hover ul,
body.adprice #mn_adprice:hover ul,
body.news #mn_news:hover ul,
body.blog #mn_blog:hover ul,
body.about #mn_about:hover ul {
	display:none;
	}




/* SUBNAV
------------------------------*/	
	
#subnav {
	clear:both;
	background:url("/images/subnav_bg.gif") 50% 0 no-repeat;
	padding:6px 0 13px;
	height:13px;
	font-size:91%;
	}
	
#subnav p {
	display:none;
	}
	
#subnav ul {
	margin:0;
	padding:0;
	height:1em;
	}
	
	#subnav li {
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		padding-right:3em;
		}
		
		#subnav li a {
			border-color:#5bcee9;
			}
		
		#subnav li a:hover {
			border-color:#279;
			}
		
		#subnav li a.current {
			font-weight:bold;
			color:#999;
			border:0;
			}

#subnav ul ul {
	display:none;
	}
		
body.publishers #subnav ul {
	margin-left:25px;
	}

body.advertisers #subnav ul {
	margin-left:310px;
	}
	
body.news #subnav ul {
	margin-left:470px;
	}	
	
body.about #subnav ul {
	text-align:right;
	margin-right:17px;
	}


/* code for alpha close page ---------------------------- */	
	
.alert {
	border:1px solid #ace;
	background:#def;
	padding:0 .77em;
	}
.pageintro {
	margin:0 2em;
	}
	
.superbox {
	margin:0 2em;
	padding:10px;
	height:200px;
	//background:url("/images/bg_superbox.gif") 0 0 no-repeat;
	}

	.superbox div.download {
		float:left;
		width:260px;
		margin:0 2em 0 0;
		text-align:center;
		}

	.wrapper .page .download ul {
		margin:1em 0 0 0em;
		padding:0 0 0 0em;
		list-style:disc;
		color:#6b6b6b;
		}
		
	.wrapper .page .download li {
		margin:.5em 0 .5em 2em;
		padding:0 !important;
		}

.widgetinfo {
	margin-left:260px;
	}

.headerheight {
	height:65px;
	}	

/* ------- classes for success stories page -------- */

.sucsto_opacity
{
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}

.sucsto_layout
{
	vertical-align:middle;
	height:55px;
	float: left;
	margin:0px 0px 10px 7px;
}

.publisherNote
{
	text-align:justify;
	width:527px;
	padding:0px 5px 0px 5px;
	background-color:rgb(253,253,253);
	border-left: solid 1px rgb(228,228,228);
	border-right:solid 2px rgb(228,228,228);
}
