@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color: #fff;
	background-image: url(http://tattomedia.com/images/newbackgroundcontent.png);
	background-repeat: repeat-x;
	background-position: center top;
	word-spacing:0.06em;
}

.news_container {
	width:530px;
}

.media_container {
	width: 620px;
	text-align: left;
}

.dlcell {
	width: 68px;
}

.source {
	font-size: 11px;
	color: #888;
	background-color: #E8E8E8;
	text-align: left;
}

.footerimg {
	width:992px;
	height:15px;
	background: url(http://tattomedia.com/images/bg_footer_bot2.png) left top no-repeat;
}

.container {
	vertical-align:text-top;
	width:992px;
	height:100%;
	position:relative;
	text-align:left;
}
.header {
	width:100%;
	height:65px;
	padding-top:10px;
}
.main_box {
	width:100%;
	background-image: url(http://tattomedia.com/images/bg_header_blue.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:62px;
}

.main_box_grey {
	width:100%;
	height:257px;
	background-image: url(http://tattomedia.com/images/main_box_grey.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.main_box_ban_net {
	width:100%;
	height:257px;
	background-image: url(http://tattomedia.com/images/main_box_green.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.main_box_aff_net {
	width:100%;
	height:257px;
	background-image: url(../images/main_box_lt_blue.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.flash_box {
	width:100%;
	height:190px;
}



.hp_header {
	width:100%;
	height:195px;
	background-image: url(http://tattomedia.com/images/bg_body_flash.png);
	background-repeat: no-repeat;
	background-position: center 62px;
	padding-top:62px;
}
#hp_swf {
	position:absolute;
	display:none;
	z-index:-10;
}


.main {
	width:100%;
	height:inherit;
	background-image: url(http://tattomedia.com/images/bg_body_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.main_body {
	width:948px;
	height:auto;
	margin-left:22px;
	margin-right:22px;
	padding-bottom:50px;
	padding-top:0px;
	background:#eaeaea;
	background-image: url(http://tattomedia.com/images/16_main_body_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:inline-block;
}
.dd_body {
	height:auto;
	margin-top:10px;
	margin-left:6px;
	margin-right:6;
	padding-bottom:50px;
	padding-top:0px;

	display:inline-block;
} /*bg_body_bottom.gif*/
	.dd_body br {
		line-height:18px;
	}

.hp_body {
	width:948px;
	height:auto;
	top:10px;
	margin-top:10px;
	margin-left:22px;
	margin-right:22px;
	padding-bottom:50px;
	padding-top:0px;
	background:#eaeaea;
	background-image: url(http://tattomedia.com/images/16_main_body_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:inline-block;
}

.body_bannernetwork {
	margin-top:150px;
	width:908px;
	height:auto;
	padding-left:22px;
	padding-right:22px;
}
.body_affiliatenetwork {
	margin-top:150px;
	width:908px;
	height:auto;
	padding-left:22px;
	padding-right:22px;
}


.login {
	z-index: 3;
	float:right;
	padding-top:40px;
	padding-right:26px;
	width:300px;
	height:14px;
	text-align:right;
}
.login a:link, .login a:active, .login a:visited {
	color: #999999;
	text-decoration: none;
}
.login a:hover {
	color: #666666;
	text-decoration:underline;
}
	.login span {
		position: relative;
		display: none;
		width:190px;
		height:8px;
		padding-top:3px;
		vertical-align:text-top;
		float:left;
		font-size:9px;
		color:#666;
	}
.page_title {
	height:54px;
	width:80%;
	padding-left:37px;
	padding-top:13px;
	display:inline-block;
}
	.page_title a{
		color:#fff;
		text-decoration:none;
	}
	.page_title a:hover{
		color:#fff;
		text-decoration:underline;
	}

.break {
	background: top left no-repeat url(../images/hr_gradient.gif);
	display:block;
	height:6px;
	width:100%;
	margin-top:35px;
	margin-bottom:30px;
}

.break_hr {
	background: top left no-repeat url(../images/hr_gradient.gif);
	display:block;
	height:6px;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}

.hp_bullet li{
	list-style:url(http://tattomedia.com/images/bullet_gray.gif) inside;
}


h1 {
	margin:5px 0 0 0;
	padding:0px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	word-spacing:0em;
}
h2 {
	margin:0px;
	paddin:0px;
	font-weight:bold;
	font-size:35px;
	word-spacing:-0.02em; 
	padding-top:30px;
	padding-bottom:30px;
	line-height: 40px;
	color: #4993CF;
}

.subh2 {
	font-weight:bold;
	font-size:22px;
	word-spacing:-0.02em; 
	color: #000000;
	margin-left:40px;
}

.hp_h2 {
	margin:0px;
	paddin:0px;
	font-weight:bold;
	font-size:20px;
	word-spacing:-0.02em; 
	color: #333333;
	text-decoration:none;
}

.hp_h2 a{
	text-decoration:none;
	color: #333333;
}

h3 {
	margin:0px;
	font-weight:bold;
	font-size:18px;
	word-spacing:-0.02em; 
	color: #4792ce;
	margin-bottom: 5px;
	margin-top:25px;
}


h4 {
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}

.exetitle {
	font-weight:bold;
}

.home h4 {
	margin:0px;
	padding:0px;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}

.homebox {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.homebox h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:underline;margin-top: 0px;
}
.homebox p {
	line-height: 22px;
	margin-top: 5px;
	font-size: 13px;

}

.callout {
	margin:10px 0 10px 50px;
	font-size:11px;
}


#served {
	float:right;
	font-weight:bold;
	font-size:12px;
	word-spacing:-0.02em; 
	color: #4792ce;
	margin-top: 7px;
	margin-right:50px;
}
.faq-q {
	font-weight:bold;
	font-size:12px;
	text-transform:capitalize;
	padding-top:30px;
	padding-bottom:0px;
}



.tally_blue {
	background-image: url(http://tattomedia.com/images/icon_tally_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding-left:25px;
	width:80%;
	padding-right:25px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#3786C4;
	line-height:20px;
}
.tally_green {
	background-image: url(http://tattomedia.com/images/icon_tally_green.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding-left:25px;
	width:80%;
	padding-right:25px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#397844;
	line-height:20px;
}
.tally_news {
	background-image: url(http://tattomedia.com/images/icon_tally_tat_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;
	width:width:80%;
	padding-right:25px;
	margin-bottom:0px;
	margin-top:5px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#666;
	line-height:13px;
}
		.tally_news img {
			opacity: .75;
			filter: alpha(opacity=75);
			-ms-filter: "alpha(opacity=75)";
			-khtml-opacity: .75;
			-moz-opacity: .75;
		}

.home h2 {
	margin-top:0px;
	margin-bottom:00px;
	margin-left:20px;
	padding: 0px 0px 0px 0px;
	font-size:20px;
	font-weight: bold;
	color: #333333;
	word-spacing:0.1em;
}
.hometext {
	margin-left:20px;
	font-size:12px;
	font-weight: bold;
	color: #333333;
	word-spacing:0.3em;

}


.footer {
	display:block;
	width:100%;
	height:70px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:50px;
	font-size:12px;
	line-height:30px;
	word-spacing:0.1em;
	float:left;
}
.footertxt {
	text-align: left;
	line-height:20px;
}
.footercopy {
	margin-top: 20px;
	font-weight: normal;
}

.tt {
	display:block;
	width:246px;
	height:27px;
	float:left;
	padding-left:6px;
	padding-top:25px;
}

.news_left_tout {
	padding-top:0px;
	width:365px;
	height:inherit;
	float:right;
	display:inline-block;
	line-height:26px;
}
/*	.news_left_tout a{
	color:#2945AD;
	font-weight:bold;
	}
	.news_left_tout a:hover{
	color:#666;
	font-weight:bold;
	}
	
	
*/

#qbox_adv {

}
#qbox_pub {
	display:none;
}

.bottom_tout {
	width:950px;
	height:inherit;
	padding-left:25px;
	float:left;
	display:inline-block;
	line-height:26px;
}
	.bottom_tout hr {
	height: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #fff;
	padding:0px;
	margin-top:18px;
	margin-bottom:0px;
	margin-left:22px;
	width:90%;
	}
	
	
hr {
	height: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #fff;
	padding:0px;
	margin-top:13px;
	margin-bottom:0px;
	width:250px;
}
	


.events {
	width:30%;
	display:block;
	float:left;
	padding-right:25px;
}

.event_tout {
	width:100%;
	height:inherit;
	padding-left:0px;
	float:right;
	text-align:left;
	display:inline-block;
	line-height:26px;
	line-height:19px;
}

.events_dd {
	position:relative;
	width:260px;
	height:100px;
	line-height:20px;
	float:left;
	display:inline-block;
	padding-right:20px;
	padding-left:50px;
	padding-bottom:30px;
}
	.events_dd img {
		text-align:left;
		padding-bottom:40px;
		padding-right:10px;
	}

#events_date {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	text-transform: uppercase;
	padding-bottom:30px;
}


.news {
	margin-top:6px;
	line-height:18px;
	padding-right:10px;
}
.date {
	font-weight:normal;

}

.formtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.signup {
}
.form {
	width:600px;
	float:left;
	clear:both;
}

.signup_name {
	width:250px;
	text-align:right;
	float:left;
	font-weight:bold;
	margin:0px 18px 10px 0px;
	clear:both;
}

.signup_field {
	width:260px;
	float:left;
	color:#171717;
	margin:0px 0px 10px 0px;
}

dd select {
	width: 200px;
	height: 20px;
	font-size: 12px;
 	border:1px solid #AEC1CE;
}

.form-input {
 	width: 280px;
	height: 15px;
	font-size: 12px;
}


.signup_left_tout {
	width:180px;
	height:auto;
	padding-left:13px;
	float:left;
	display:inline-block;
	padding-top:30px;
}
	.tally_signup {
		background-image: url(http://tattomedia.com/images/icon_tally_grey_sml.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left:15px;
		width:165px;
		padding-right:0px;
		margin-bottom:10px;
		margin-top:10px;
		float:left;
		display:block;
		font-size:12px;
		font-weight:bold;
		color:#333;
		line-height:14px;
	}

.left_tout {
	width:200px;
	height:auto;
	padding-left:13px;
	float:left;
	margin-right: 30px;
	display:inline-block;
}
	.sub_nav {
		height:auto;
		padding-top:30px;
		padding-bottom:30px;
		margin-bottom:15px;
		text-indent:18px;
		list-style:none;
		list-style-position:outside;
		font-weight: bold;
	}
		.sub_nav li a {
			font-size:12px;
			color:#000;
			line-height:23px;
			text-decoration:underline;
		}
		.sub_nav li a:hover {
			color:#283fa0;
		}
		/*.btn_ban_adv:active{
			opacity: .85;
			filter: alpha(opacity=85);
			-ms-filter: "alpha(opacity=85)";
			-khtml-opacity: .85;
			-moz-opacity: .85;
		}*/
.pagelogin {
	margin-left: 18px;
}
.pagelogintitle {
	margin-bottom: 10px;
	font-weight: bold;
}
.hp_bot_tout {
	width:600px;
	clear:left;
	padding-left:35px;
	padding-top:30px;
}

.hp_right_tout {
	width:600px;
	float:left;
	list-style:none;
	list-style-position:outside;
}
	.hp_right_tout li {
		line-height:25px;
	}
	.hp_right_tout a {
		font-weight:bold;
	}


.float_right_tout {
	display:inline-block;
	width:654px;
	height:auto;
	z-index:98;
	position:absolute;
	left:50%;
	top:380px;
	margin-left:-149px;
	line-height:22px;
	list-style:none;
	list-style-position:outside;
}
	.float_right_tout li {
		line-height:33px;
	}


.hp_right_body {
	float:left;
	font-size:13px;
	width: 280px;
	height:350px;
	display:block;
	padding-top:18px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:20px;
	font-size:12px;
}

.hp_right_news {
	float:right;
	width:280px;
	padding-right:50px;
}


.hp_co_top {
	float:left;
	width: 654px;
	height:11px;
	display:block;
	background-image: url(http://tattomedia.com/images/hp_callout_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.hp_co {
	float:left;
	font-size:14px;
	width: 589px;
	height:auto;
	display:block;
	background-image: url(http://tattomedia.com/images/hp_callout_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top:28px;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:25px;
	line-height:22px;
}
.hp_co_bot {
	float:left;
	width: 654px;
	height:12px;
	display:block;
	background-image: url(http://tattomedia.com/images/hp_callout_bot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.btn_aff_adv {
	display:block;
	width:180px;
	height:135px;
	background:url(http://tattomedia.com/images/get_started_affil_adv_full.gif);
}
	a.btn_aff_adv:hover {
		background-position:-180px 0;
	}
	
a.btn_aff_pub {
	display:block;
	width:180px;
	height:135px;
	background:url(http://tattomedia.com/images/get_started_affil_pub_full.gif);
}
	a.btn_aff_pub:hover {
		background-position:-180px 0;
	}
	
a.btn_ban_adv {
	display:block;
	width:180px;
	height:135px;
	background:url(http://tattomedia.com/images/get_started_banner_adv_full.gif);
}
	a.btn_ban_adv:hover {
		background-position:-180px 0;
	}
	
a.btn_ban_pub {
	display:block;
	width:180px;
	height:135px;
	background:url(http://tattomedia.com/images/get_started_banner_pub_full.gif);
}
	a.btn_ban_pub:hover {
		background-position:-180px 0;
	}
	
.reader {
	position:absolute;
	left:-5000px;
}



.body_co_top {
	float:left;
	width: 754px;
	height:10px;
	display:block;
	margin-left:-10px;
	background-image: url(http://tattomedia.com/images/body_callout_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.body_co {
	float:left;
	font-size:14px;
	width: 679px;
	height:inherit;
	display:block;
	background-image: url(http://tattomedia.com/images/body_callout_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left:-10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:55px;
}
.body_co_bot {
	float:left;
	width: 754px;
	height:13px;
	display:block;
	margin-left:-10px;
	background-image: url(http://tattomedia.com/images/body_callout_bot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
			
			
.right_tout {
	width:680px;
	padding-right:50px;
	height:auto;
	text-align:left;
	float:right;
	display:inline-block;
	line-height:24px;
	vertical-align: top;
}
	.right_tout li {
		list-style:none;
		list-style-position:outside;
		list-style-type:none;
		font-weight:bold;
		font-size:12px;
	}

#title_swf {
	padding-top:0px;
	padding-bottom:0px;
	outline:none;
}
#footer_swf {
	width:730px;
	height:150px;
}

object { outline: none; } 


.float_left_tout {
	display:inline-block;
	width:268px;
	height:389px;
	z-index:97;
	position:absolute;
	left:50%;
	top:355px;
	margin-left:-466px;
	padding-top:27px;
	padding-left:20px;
	padding-right:20px;
	line-height:29px;
	background-image: url(http://tattomedia.com/images/left_co_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style:none;
	list-style-position:outside;
}

.hp_tagline_btn {
	width:258px;
	height:32px;
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
	
.hp_product2 {
	width:259px;
	height:164px;
	padding:18px;
	margin-top:30px;
	/*margin-top:520px;*/
	margin-left:-10px;
	margin-right:15px;
	float:left;
	background-image: url(http://tattomedia.com/images/product_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
	

.hp_product {
	width:259px;
	height:164px;
	padding:18px;
	margin-top:10px;
	margin-left:-18px;
	float:left;
	background-image: url(http://tattomedia.com/images/product_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
		/*.hp_product:hover {
			background-image: url(http://tattomedia.com/images/16_product_bg_on.jpg);
			background-repeat: no-repeat;
			background-position: left top;
		}*/
		
	.network_tt {
		width:100%;
		height:41px;
		text-align:center;
		display:inline-block;
	}
		.network_text {
			padding-top:5px;
			line-height:22px;
			font-size:13px;
		}
	
.hp_tagline {
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	padding-bottom:10px;
	letter-spacing:0px;
	word-spacing:0px;
}

.main_tagline {
	font-size:27px;
	font-weight:normal;
	line-height:38px;
	padding-bottom:10px;
	letter-spacing:0px;
	word-spacing:0px;
}

.product {
	padding-top:0px;
	padding-bottom:10px;
	width:310px;
	height:inherit;
	margin-right:30px;
	float:left;
	display:inline-block;
	word-spacing:0.1em;
	font-size:13px;
}
	.product_top {
		width:100%;
	}
	
.product_btn {
	background-position: right top;
	background-repeat: no-repeat; 
	width:295px;
	height:32px;
	display:block;
	padding-top:10px;
	padding-right:15px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
		.product_btn_old {
			float:right;
			text-align:right;
			height:23px;
			padding-top:20px;
			display:block;
		}


.footer a{
	color:#666;
}




.dd_title {
	font-size:30px;
	padding-bottom:10px;
	padding-top:30px;
	line-height:30px;
}


p {
	margin:0;
	padding:0;
	margin-bottom:10px;
	line-height:25px;

}

.short_lineh {
	line-height:28px;
	margin-bottom:10px;
}
.signup-textarea {
	width: 500px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.green, .green a:link, .green a:active , .green a:visited {
	color:#2dad5b;
}

.blue, .blue a:link, .blue a:active , .blue a:visited {
	color:#2284c4;
}

.pink a{
	color:#0099cc;
}

.blue a:hover {
	color: #0f349c;
}

.green a:hover {
    color: #0f349c;
}







a img {
	border:none;
}


a:hover {
	color:#4892ce;
}

a {
	color:#1a439a;
}


.call_out {
	padding-bottom:15px;
}

.partner_logo {
	clear:both;
	padding-top:0px;
	padding-bottom:20px;
	text-indent:50px;
}

/*::::::::::::::::::::: navigation ::::::::::::::::::::::::*/

.navi {
	background-image: url(http://tattomedia.com/images/bg_header_white_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:992px;
	height:62px;
	list-style-image: none;
	list-style-type: none;
	list-style-position:outside;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	overflow:visible;
	position:absolute;
	z-index:99;
}
.navipos{
	padding-top: 10px;
	padding-left: 23px;
}
#navi_dropdown a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#navi_dropdown a{
}

#navi_dropdown a:hover{
	text-decoration:underline;
}



#navi_dropdown, #navi_dropdown ul {
	list-style: none;
}
#navi_dropdown, #navi_dropdown * {
	padding: 0;
}
	
	/* Head links */
#navi_dropdown li.topdawg {
	padding-top:0px;
	height:17px;
	float: left;
	display:block;
	text-align:left;
	text-indent:13px;
}


#cssdropdown li.topdawg a { 
	background:#999;
	display:block;
}



/*#navi_dropdown li.topdawg:hover{
	color:#283FA0;
	display:block;
}*/

#navi_dropdown li.topdawg:hover a{
	color:#283FA0;
}





	/* Child lists and links */
#navi_dropdown li.topdawg ul {
	display: none;
	overflow:visible;
	text-align: left;
	margin-left:-6px;
	text-indent:18px;
	margin-top:0px;
	background-image: url(../images/dd_pane_top_slit.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:170px;
}

#navi_dropdown li.topdawg:hover ul {
	display: block;
}

#navi_dropdown li.topdawg ul li{
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}


#navi_dropdown li.topdawg .ddm {
	background-image: url(../images/dd_pane_round.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display:block;
	top: 16px;
	padding-bottom:15px;
	position: relative;
	text-align:left;
}

	
	/* Pretty styling */
#navi_dropdown li.topdawg:hover ul li a:hover {
	text-decoration:underline;
	display:block;
	color:#283fa0;
}

#navi_dropdown li.topdawg:hover ul li a{
	color:#000;
	display:block;
	font-size:12px;
	font-weight:normal;
}

.dots {
	display: list-item;
	list-style: disc;
	margin: 0 0 0 15px;
	padding: 0 0 0 2px;
}

#aff_login { width:288px; height:46px; display:block; background:url(http://tattomedia.com/images/btn_aff_login.jpg) top left; margin: 20px 0 0 0;}
#aff_login:hover { background:url(http://tattomedia.com/images/btn_aff_login.jpg) -46px left;}