/* CSS Document */

body {
	font-size:83%;
	font-family: Helvetica, Arial, sans-serif;
	color:#525252;
	margin: 0px;
 	background:url("../images/bg.gif") repeat-x;
}

body.home {background:url("../images/bg-home.gif") repeat-x; background-color:#FFF;}

div#header {
	width:950px;
	height:87px;
	padding-top:19px;
	background:url("../images/yep-logo.gif") no-repeat;
	margin:0 auto;
	text-align:right;
	color:#FFF;
}
div#header a{color:#88d408; text-decoration:none;}
div#header ul{padding:15px 0 0 0; margin:0; height:15px;}
div#header li{display:inline; border-right:1px solid #505050;}
div#header li.last{display:inline; border-right:0px solid #505050;}
div#header li a{color:#FFF; padding:0 7px 0 7px; text-decoration:none;}
div#header li a.alast{color:#FFF; padding:0 0 0 7px; text-decoration:none;}
div#header li a:hover{color:#88d408; text-decoration:none;}
div#header a#selected{color:#88d408; text-decoration:none;}

div#homehead {
	background:url("../images/bg-homehead.jpg") right no-repeat;
	width:950px;
	height:264px;
	margin:0 auto 5px auto;
}
div#abouthead {
	/*background:url("../images/bg-abouthead.jpg") no-repeat;*/
	height:64px;
	width:950px;
	margin:0 auto 5px auto;
}

/*HOMEPAGE PANELS*/
#tab-overview {background:url("../images/tab-overview.gif") no-repeat;}
#tab-publishers {background:url("../images/tab-publishers.gif") no-repeat;}
#tab-advertisers {background:url("../images/tab-advertisers.gif") no-repeat;}
#tab-networks {background:url("../images/tab-networks.gif") no-repeat;}

#horizontal_container {
	width:580px;
	float:left;
    height: 229px;
	overflow:hidden;
}
.horizontal_accordion_toggle {
/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 229px;
	width: 33px;
	background:#219AE1;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #323232;
	cursor: pointer;
	margin: 0 0 0 0;
}
.horizontal_accordion_toggle_active {
	border-right: 1px solid #323232;
	background-color:#219AE1;
}
	
.horizontal_accordion_content {
	/* REQUIRED */
	height: 189px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */		
	overflow: hidden;
	color: #FFF;
	padding:20px;
}			
.horizontal_accordion_content p {width:360px; height:189px; font-size:14px; color:#DDD;}
.horizontal_accordion_content h2 {font-size:30px; color:#219AE1; margin-top:0; padding-top:0; letter-spacing:-1px; width:360px;}

/*END HOMEPAGE PANELS*/

div#joinbox {width:325px; float:right; padding:20px;}
div#joinbox h1{font-size:30px; color:#88d408; margin-top:0; padding-top:0; letter-spacing:-1px;}
div#joinbox p{font-size:15px; color:#FFF; line-height:18px;}

div#content {width:950px; margin:0 auto; padding:30px 0;}
div#content a{color:#88d408}
div#content a:hover{color:#385B00}
div#content p{font-size:14px;}
div#content ul{margin-left:15px; padding-left:15px;}
div#content li{ list-style-image:url("../images/bullet.gif"); line-height:21px;}

/*HOMEPAGE CONTENT*/
div#about{
	width:30%;
	float:left;
	margin-right:2%;
	padding-right:2%;
	border-right: 1px solid #d4d4d4;
}

div#publishers{
	width:30%;
	float:left;
	margin-right:2%;
	padding-right:2%;
	border-right: 1px solid #d4d4d4;
}

div#advertisers{
	width:31%;
	float:left;
}

div#content-left{
	width:70%;
	float:left;
	padding:0 20px 0 0;
	border-right: 1px solid #d4d4d4;
}
div#content-right{
	width:25%;
	float:right;
	padding:0 0 0 20px;
}

div#content-right div{
margin-bottom:10px;
}

div#footerwrap{width:100%; min-height:150px; background: url("../images/bg-footer.gif") repeat-x; margin-top:30px; }
div#footer{width:890px; padding:30px; margin:0 auto; text-align:center; color:#a0a0a0;}
div#footer li{display:inline; border-right:1px solid #a0a0a0;}
div#footer li.last{display:inline; border-right:0px solid #a0a0a0;}
div#footer li a{color:#a0a0a0; padding:0 7px 0 7px; text-decoration:none;}

.clear{clear:both; height:0;}

h1{font-size:34px; color:#FFF; margin-top:0; padding-top:13px; letter-spacing:-1px;}
div#content h2{font-size:30px; color:#219AE1; margin-top:0; padding-top:0;}
div#content h3{font-size:24px; color:#0d4d72; margin:0 0 5px 0; padding:0;}
div#content h4{font-size:20px; color:#555; margin-top:0; padding-top:0;}

form{margin:0; padding:0;}
form.grey{margin:0; padding:15px; background:#F6F6F6;}

.inputsmall{margin:5px 0 10px 0; border:2px solid #e7e7e7; width:234px; padding:4px;}
.inputlarge{margin:5px 0 5px 0; border:2px solid #e7e7e7; width:75%; padding:4px;}
.message{margin:5px 0 5px 0; border:2px solid #e7e7e7; width:75%; padding:4px; height:150px;}

/*TABLE STYLES & BACKEND*/

table.results{background-color:#FFF; border-bottom:4px solid #0957a8;}
th.results{color:#FFF; font-size:1.1em; background-color:#000; border-bottom:4px solid #0957a8; text-align:left;}
td.results {border-bottom:1px solid #eaeaea;}
td.bottom {background-color:#f3f3f3; border-top:1px solid #CCCCCC; color:#000000; font-weight:bold;white-space: nowrap}
tr.results:hover{background-color:#f3f3f3; cursor:pointer;}

.msg_error{padding:10px 10px 10px 70px; min-height:40px; border:1px solid #fa2f00; background: url("../images/icon_warning.png") no-repeat; background-color:#ffe0d9; display:block; margin:15px 0;}
.msg_warning{padding:10px 10px 10px 70px; min-height:40px; border:1px solid #fa2f00; background: url("../images/icon_warning.png") no-repeat; background-color:#ffe0d9; display:block; margin:15px 0;}
.msg_message , .msg_success{padding:10px 10px 10px 70px; min-height:40px; border:1px solid #4397c8; background: url("../images/icon_message.png") no-repeat; background-color:#edf4ff; display:block; margin:15px 0;}

div#affiliateforms{border:1px solid #EFEFEF; padding:5px; margin-bottom:20px;}
.border {border-bottom:1px solid #EFEFEF; padding:4px 0;}
.redlarge{ color:#0957a8; font-size:24px; font-weight:bold;}
.redsmall{ color:#0957a8; font-size:16px;}