body { behavior:url("/Resources/Style/csshover.htc"); }

/* =Logo
----------------------------------------------- */
#publishLogo {
    position: absolute;
    width: 296px;
    height: 75px;
    top: -127px;
    left: -2px;
    voice-family        : "\"}\"";    
	voice-family        : inherit;	
	top: -127px;    
}

html>body #publishLogo {
	top: -114px;
}



/* =General
----------------------------------------------- */
html, body {
	background-color:#FFFFFF;
	color:#000;
	margin:0pt;
	padding:0pt;
	text-align:center;
}

html, body, td, input, textarea {
	font-family:Verdana,Arial,sans-serif;
	font-size:9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

a {
	text-decoration: underline;
}

a:link {
	color:#000;
	text-decoration: underline;
}

a:visited {
	color:#000;
}

a:hover {
	color:#2F72CD;
}

a:active {
	color:#000;
}

a img {
	border:0pt none;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin	: 0;
	padding: 0;
}

h1 {
	font-size:16pt;	
	color: #2F72CD;
	font-weight: normal;
	padding-bottom: 0px;
}

.subtitle  {
    color: #2F72CD;
    font-style: italic;
    margin-bottom: 10px !important;
    font-size: 10pt;
}


h2 {
	font-size:11pt;	
	color: #2F72CD;
	margin-top: 15px;
	margin-bottom:10px;
}

h2.setup  {
    margin-top: 10px !important;
    margin-bottom: 5px;
}

h2 label  {
    font-size: 10pt;
    color: #000;    
}

h2.highlight 
{
    color: #000;
}

h3 {
	font-size:10pt;	
	color: #000;
	margin-bottom:5px;
	margin-top: 5px;
}

.highlight {
    font-size: 10pt;
    color:#2F72CD;
}

div.links p strong, p strong a:link, p strong a:visited  {
    color: #2F72CD;
}

p strong a:hover  {
    color: #000;
}

.address {
	margin-top: -50px;
	margin-left: 175px;
}

.address * {
	margin: 0;
	padding: 0;
}

/* =General Layout Elements
----------------------------------------------- */

div.siteContainer {
	margin:0pt auto;
	text-align:left;
	width:895px;
}

div.siteHeader, div.siteFooter {
	position:relative;
	width:895px;
}

/* =Header
----------------------------------------------- */

div.siteHeader {
	height: 86px;
}

div.siteHeader .logo {
	position: absolute;
	bottom: 0;
	left: 0;
}

.navConstituent {
	position	: absolute;
	top			: 0;
	right		: 0;
	margin		: 0;
	padding		: 7px 0 0 0;
	font-size	: 11px;
}

.navConstituent li {
	display: inline;
	margin: 0;
	padding: 0;
	padding: 0 7px;
	border-right: 1px solid #E1DEDE;	
}

.navConstituent li.noborder {
	border-right	: 0;
}

.navConstituent li a {	
	padding			: 0 2px;
	color			: #000;
	text-decoration : none;
}

.navConstituent li a:hover {	
	color			: #000;
}

.navConstituent li a.selected {	
	padding			: 3px 2px 0 2px;
	border-top		: 3px solid #962708;
	font-weight		:	bold;
}

.navConstituent li a.play:hover, .navConstituent li a.upload:hover, .navConstituent li a.publish:hover, .navConstituent li a.advertise:hover, .navConstituent li a.about:hover {	
	padding			: 3px 2px 0 2px;
}

.navConstituent li a.play:hover {	
	border-top		: 3px solid #f49633;	
}

.navConstituent li a.upload:hover {	
	border-top: 3px solid #f49633;	
}

.navConstituent li a.publish:hover {	
	border-top: 3px solid #962708;	
}

.navConstituent li a.advertise:hover {	
	border-top: 3px solid #f49633;	
}

.navConstituent li a.about:hover {	
	border-top: 3px solid #f49633;	
}



/* =siteBody
----------------------------------------------- */

div.siteBody {
	border: 1px solid #CFCBCB;
}

/* =siteNav
----------------------------------------------- */

.siteNav {
	position: relative;	
	background: #fff url(/resources/images/publish/nav_bg.gif) top right repeat-x;
	border-left: 1px solid #E6E5E5;
	border-right: 1px solid #E6E5E5;
	height: 58px;
	font-size: 11px;
}

.n1 {
	height: 36px;
}

.n1 li.mainLink:hover {
	height: 28px;
}

.n1 .mainNav ul, .n1 .mainNav ul * {
	display: none !important;
}

.siteNav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.siteNav ul.mainNav {
	position: relative;
	height: 50px;
}

.siteNav li {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;	
	font-size: 1em;	
}

.siteNav li ul {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	top: 32px;
    left: 0;    
}

.siteNav ul.home li ul {
	visibility: hidden;
}

.siteNav li:hover ul {
	visibility: visible;
	top: 32px;
    left: 0;
    background: #fff;    
    cursor: default;
}

.siteNav li.mainSelected:hover ul {
	background: transparent;
}

.siteNav li.subSelected ul, .siteNav li.mainSelected ul {
	z-index: 10;
	visibility: visible;
	top: 32px;
    left: 0;	
}

.siteNav li:hover ul { /* lists nested under hovered list items */
	z-index: 100;
}

* html .siteNav li:hover ul, * html .siteNav li.mainSelected ul, * html .siteNav li.subSelected ul {
	top: 32px;
    left: 0;
}

.siteNav a.login {
	position: absolute;
	top		: 7px;
	right	: 23px;
	z-index	: 30;	
}

.siteNav a.login:hover {
	color	: #2F72CD;
}

.siteNav a:link, .siteNav a:visited {
	color: #000;
	text-decoration: none;
}

.siteNav li.mainLink {
	display: block;	
	float: left;
	
}

.siteNav li.mainLink a { 
	padding: 7px 23px 12px 23px;
	display: block;
}


html>body .siteNav li.mainLink a { 
	padding: 7px 23px 12px 23px;
}

.siteNav li.mainHome a {
	padding-bottom: 8px;
}

.siteNav li.mainLink * {
	clear: both;
}

.siteNav ul.mainNav ul {
	width: 867px;
	height: 20px;
}

.siteNav ul.mainNav li li, .siteNav ul.mainNav li li a {
	display: inline;
	float: none;
}	

.siteNav ul.mainNav li ul {
	padding-left: 23px;
}

.siteNav ul.mainNav li li{
	padding: 0 20px 0 0;		
}

.siteNav ul.mainNav li li a {
	padding: 0;
	
}

.siteNav li.mainLink:hover {
	background: transparent url(http://adservices.zango.com/Resources/Images/main_nav_over.gif) top left no-repeat;
}

.siteNav li.mainLink:hover a:hover {
	color: #2F72CD;
}


.siteNav li.mainSelected, .siteNav li.mainSelected:hover {
	color: #000;
	background: transparent url(/resources/images/publish/main_nav_selected1.gif) 0 1px no-repeat;
}

.siteNav li.mainSelected a.tab, .siteNav li.mainSelected a.tab:hover {
	color: #fff;
	font-weight: bold;
}

.siteNav ul.mainNav li ul {
	padding-top: 5px;
}

.siteNav ul.mainNav li li a:link {	
	color: #000;	
}

.siteNav ul.mainNav li li a:hover {	
	color:#2F72CD;
}

.siteNav ul.mainNav li li.subSelected a:hover {	
	color: #000;
}

.siteNav ul.mainNav li li a:hover {	
	text-decoration: underline;
}

.siteNav ul.mainNav li li.subSelected a:hover {	
	text-decoration: none;
}

.siteNav li li {
	padding: 0 16px;	
}

.siteNav li.mainSelected li a {
	background: none;
}

.siteNav li.mainSelected a, .siteNav li.mainSelected li.subSelected a {
	font-weight: bold;
}

.siteNav li.mainSelected ul a {
	font-weight: normal;
	color: #000;
}

.mainNav #liB, .mainNav #liC, .mainNav #li1D, .mainNav #liE {
    display: none;
}

/* =siteContent
----------------------------------------------- */

.siteContent {
	position: relative;	
	border-left: 1px solid #E6E5E5;
	border-right: 1px solid #E6E5E5;
	border-bottom: 1px solid #E6E5E5;
	padding-top	: 20px;
	padding-bottom: 20px;
	display: inline-block;
}

.siteContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .siteContent {height: 1%;}
.siteContent {display: block;}
/* End hide from IE-mac */


.fullcontent {
	padding-left: 23px;
	padding-right: 23px;
	padding-bottom: 23px;
}

.siteContent p {
	margin: 0;
	padding: 0 0 10px 0;
}

/* =site columns
----------------------------------------------- */

.homecontent {

	float: left; 	
	padding-left: 0px;
	width: 733px; 	
	/*
    voice-family        : "\"}\"";    
    voice-family        : inherit;	
	width: 719px;    */
}
/*
html>body .homecontent {
	width: 719px;    
}
*/
.colA, .colHomeLeft  {
	float: left; 	
	/*width: 570px; */	
	
}

.colA {
	text-align			: left;
	padding				: 0px 30px 0px 30px;	
	width: 620px;
	voice-family        : "\"}\"";    
	voice-family        : inherit;	
	width: 575px;    
}

html>body .colA {
	width: 575px;
	
}

.colA h1 {
	 color: #984D4D;
	 font-size: 16pt;
	 font-weight: normal;
	 padding-bottom: 1px;
}

.colA h1 em  {
    padding-bottom: 10px;
    
}

.colA p {
	 margin: 10px 0px;
	 padding: 0px;
}

.colA h3 {
	 color: #984D4D;
	 font-size: 11pt;
	 font-weight: bold;
	 padding: 8px 0px;
}

.colHome 

{
	float				: left;
	padding-left		: 22px;
	padding-right		: 22px;
	width				: 506px;     	
    voice-family        : "\"}\"";    
    voice-family        : inherit;		
    width				: 461px; 

}

html>body .colHome  
{
    width : 461px;
}

.colB {		
	float				: right;
	padding-left		: 22px;
	padding-right		: 22px;
	padding-top		    : 50px;	
	width				: 202px; 	
    voice-family        : "\"}\"";    
    voice-family        : inherit;	
	width				: 202px; 	
}

html>body .colB {
	width				: 202px; 	
}


.colB .zcash {	

	display: block;	
	background			: url(/resources/images/publish/zc_banner3.jpg) top right no-repeat;
	width				: 202px; 	
    height				: 359px;        
}

.colB a:hover {

	background-position		: bottom right;

}

/* =General
----------------------------------------------- */


hr   {
    margin: 15px 0;
    background: #999 !important;
    border: 0;
    height: 1px;
}

.link2 {
    color: #2F72CD !important;
    text-decoration : none !important;
}

.colB .learn  {
    padding-bottom: 30px;
}


.funfact  {
    float: right;
    background  : url(http://adservices.zango.com/Resources/Images/site/funFactbg.jpg) bottom left no-repeat; 
    width       : 214px;
    margin-bottom: 3px;
}

.funfact  div  {
    background  : url(http://adservices.zango.com/Resources/Images/site/funFactheader.jpg) top left no-repeat; 
    width       : 214px;
    padding-top : 44px;
}

.funfact  P 
{
    margin: 0;
    padding: 0 15px 15px 32px;
    font-size: 11px;
    text-align: left;
}

.funfact  P.source  {
    font-style: italic;   
    padding-top: 10px;
}



.adsshown {    
    background  : url(http://adservices.zango.com/Resources/Images/site/asdShown.jpg) 11px 0 no-repeat; 
	float: right;
    width: 214px;
    height: 62px;
    
 /*
    margin-top: 5px;
    width: 200px;
    height: 61px;    
    position: relative;
    background  : url(http://adservices.zango.com/Resources/Images/site/asdShown.jpg) top left no-repeat; 
*/
}

.adsshown  p  
{
text-align: left;
          padding-top: 30px;
           padding-left: 51px;
           font-size: 18px;
           letter-spacing: 6px;
           font-weight: bold;
 
           font-family: Verdana, times, serif;
           margin: 0;
}


.askus 
{
	float: right;
    margin-top: 5px;
    display: block;
    width: 200px;
    height: 74px;   
    background  : url(http://adservices.zango.com/Resources/Images/site/askUs.jpg) top left no-repeat; 
}

.askus:hover 
{
    background-position: bottom left;
}

div.links p 
{
    margin-top: 10px;
}

ol, ul  
{
    padding-left: 15px;
    margin-left: 0;
    margin-bottom: 20px;
}

ol 
{
    padding-left: 25px;
}

/* =Home
----------------------------------------------- */

.topBanner 
{
    margin-left: 14px;
    margin-bottom: 14px;
}

.siteContent ul.list li {
	color: #2F72CD;
}

.siteContent ul.list span {
	color: #000;
	font-weight: normal;
}

/* =Get Started
----------------------------------------------- */

div.Login 
{
    margin-top: 125px;
}

div.Login div, div.Login h3 {
	text-align: center;
}

div.Login div {
	padding: 4px;
}



div.Login  .Error 
{
    margin: 10px 125px;
    color: #f00;
}

div.Login h4 {
	font-size: 12px;
	margin-bottom: 5px;
}

div.Login h3 {
	font-size: 11px;
}

.PreLoginSignUp {
	padding:0 0 25px 25px;
}

.PreLoginSignUp li {
	color: #2F72CD;
}

.PreLoginSignUp li span {
	color: #000;
	font-weight: normal;
}

.PreLoginSignUp h2 {
	margin: 15px 0 5px 0;
}

.PreLoginSignUp input {
	margin:0pt 10px 0px 0pt;
}

.PreLoginSignUpHeader {
	padding-top:10px;
}

ul.getstarted
{
    margin-top: 0;
    margin-left: 0;
    padding-top: 5px;    
    padding-left: 50px;
}

html>body ul.getstarted  
{
    padding-left: 45px;
}

/* =Sign Up
----------------------------------------------- */

div.View {
	background:#FAFAFA none repeat scroll 0% 50%;
	border:1px solid #CCCCCC;	
}

 div.signup   div 
{
    padding-top: 0px !important;
}

 div.signup  hr 
{
    margin: 15px 0;
}

div.View h4 {
	font-size:12px !important;
	margin:10px 0px 10px 2px;
}

div.View input, select {
	margin-right:8px;
}

div.View table {
	margin: 0px 10px;
}

div.View table td {
	font-size: 11px;
}	

div.View hr {
	color:#CCCCCC;
	height:1px;
}

div.ViewHeader {
	background:#2F72CD none repeat scroll 0%;
	margin-bottom: 5px;
}

div.ViewHeader h2, div.View h2 {
	font-size:13px;
	margin:0px 0px 0px 2px;
	padding-left: 5px;
}

div.View h2 {
	padding-left: 10px;
}

div.View div {
	padding: 0px 10px 10px 10px;
}

div.View div.ViewHeader {
	padding: 0px;
}

div.ViewHeader h2 {
	color	: #fff;
	padding: 2px 0 2px 5px;
	border-bottom: 3px solid #fff;
	margin: 0;
	width: auto;
}

div.View td.Caption {
	padding:0px 5px 0px 0px;
	text-align:left;
}

div.HelpPop {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #000000;
	display:none;
	padding:5px;
	position:absolute;
	width:200px;
}


/* =Contact Us
----------------------------------------------- */

div.View div {
	padding-top: 20px;
}




/* =Glossary
----------------------------------------------- */
.colB dl {
	color			: #000;
	padding			: 0pt 0px;
}

.colB dt {
	font-size		: 13px;
	font-weight		: bold;
}

.colB dd {
/*	color			: #666666;*/
	margin			: 3px 0px 20px 0px;
}

/* =FAQ
----------------------------------------------- */

dl dt 
{
    
    margin-bottom: 10px;
}

dd.backtop {
	text-align: right;
}	

/* =Case Studies
----------------------------------------------- */

.casestudies  {
	width: 470px;
	height: 50px;
	margin: 10px auto 30px auto;
	
}

	
#firstPremierBank, #loanbright, #carcompany {
	margin-top: 20px;

	clear: left;
}

#firstPremierBankLink, #loanbrightLink, #carcompanyLink {
	display: block;
	width: 126px;
	height: 50px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #EBEBEB;
}

#firstPremierBankLink {
	background: transparent url(http://adservices.zango.com/Resources/Images/Site/CaseStudies/cs_fpb.gif) top left no-repeat;
}

#loanbrightLink {
	background: transparent url(http://adservices.zango.com/Resources/Images/Site/CaseStudies/cs_loanbright.gif) top left no-repeat;
}

#carcompanyLink {
	background: transparent url(http://adservices.zango.com/Resources/Images/Site/CaseStudies/cs_auto.gif) top left no-repeat;
}

#firstPremierBankLink:hover, #loanbrightLink:hover, #carcompanyLink:hover {
	background-position: bottom left;
}

#firstPremierBankLink.selected, #loanbrightLink.selected, #carcompanyLink.selected {
    background-position: bottom left;
    border: 2px solid #999;
}

/*
.gif cs_fpb.gif .gif
*/
/* =Login Page
----------------------------------------------- */

.PreLoginSignUp p {
	margin	: 0;
	padding : 0;
}

/* =Footer
----------------------------------------------- */
.siteFooter  {
	clear: both;
	text-align: center;	
}	

.siteFooter .links {
	margin: 0;
	padding: 10px 0 0 0;
}

.siteFooter .links li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	background: transparent url(/Resources/Images/new/listsep.gif) no-repeat scroll right 4px;
}

.siteFooter .links li.last {
	background: none;
}

.siteFooter .copyright, .siteFooter .links li a {
	font-size: 10px;
	color: #999;
	
}

.siteFooter .links li a {
	text-decoration: underline;
}	

.siteFooter .links li a:hover {
	color: #000;
}	


.siteFooter .copyright {
	margin-top: 5px;
}


