/*
default.css
This is the default look and feel for the application
blue: 60.99.153 = 3C6399
yellow: 204.204.0
orange: 255.153.0
*/

/* RESET PAGE WIDTH FROM 750PX TO FIT THIS CONTENT */
#doc {
/*    width:73.46em; */     /* global width */
/*    *width:71.7em; */    /* global width (IE) */
    width: 955px;
    margin:auto;
    margin-bottom: 20px;
}

/* HTML ELEMENT DEFINITIONS */
body {
	font-family: Arial, Helvetica, sans;
	color: #333333;
}
body * {
	line-height: 140%;
}
h1 { 
	font-size: 182%;
	color: #BFBF3D;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-transform: lowercase;
}
h2 { 
	font-size: 144%;
	color: #3C6399;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
h2.divider {
    border-bottom: 1px dotted #3C6399;
}
h1 span.normal, h2 span.normal {
  font-size: 85%;
  color: #666;
  font-weight: normal;
}
h3 { 
	font-size: 114%;
	font-weight: bold;
	margin-top: 1.5em;	
	margin-bottom: 0.35em;
    color: #3C6399;
}

h4 { 
	font-size: 107%;
	font-weight: bold;
	margin-top: 1.25em;
	margin-bottom: 0.25em;	
}
h4.normal {
  font-weight: normal;
}
h5 {
	font-size: 100%;
	font-weight: bold;
}
p {
	margin-bottom: 1em;
}
blockquote {
	border-left: 3px solid #CCCCCC;
	background: #EFEFEF;
	padding: .5em 1em;
	margin: 0.5em 0 1em;
}
code {
  color: #060;
}
em, strong, .bold {
	font-weight: bold;
}
em {
    color: #DFDF5D;
}
em.appname {
    color: #3C6399;
}

/* LINK COLORS */
a:link { color: #006FFF; }              /* bright blue */
a:visited { color: #7C9AC2; }
a:hover, a:active { color: #C54D30 }


ol, li {
  margin-top: 1em;
}
ol {
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: decimal;
	list-style-position: outside;
}
ul, ul.bulleted
{
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
ul.clean {
  list-style: none;
}
li {
	margin: 0 0 .5em;
}
.compact li {
	margin: 0 0 .25em;
}
hr {
    border: 1px solid #ccc;
    margin-top: 2em;
}

/* GLOBAL PAGE ELEMENTS */

#doc {
}

#hd {
    clear: both;        
    margin: 0;
}

#bd {
    min-height: 405px;    
    background: #1C3E6E url('../images/body-bg.jpg') no-repeat;
    clear: both;
    padding: 0;
    padding: 35px 44px 25px 40px;
}
#bd #yui-main .colpadding {
    padding-right: 40px;
}
#bd #yui-main .yui-b {
    padding: 24px 60px;
    background: #fff;
}
    #home #bd {
        padding-left: 34px;
        padding-right: 34px;
    }
    #home #bd #yui-main .yui-b {
        padding: 0;
        background: transparent;
        color: #fff;
/*        height: 405px;
        overflow: hidden;
*/        
    }
#ft {
    clear: both;
    padding: 0 40px;    
}
    #ft .yui-gb {
        padding: 20px 0;
        color: #3C6399;
        font-size: 93%;
    }

.sidebar {
    font-size: 93%;
}
    
	
/* Catch-all to clear floated content in these containers             */
/* Please add new containers that need this here, not in other places */
/* See http://www.positioniseverything.net/easyclearing.html          */
#hd:after,
#bd:after,
#ft:after,
.module:after,
.hd:after,
.bd:after,
.ft:after,
.item:after,
.testimonial:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

/* GLOBAL NAV */
#globalNav {
    margin: 0;
    padding: 0;
}
#globalNav li { 
    display: inline;  
    list-style: none;    
    float: left;
    margin: 0;
    padding: 0;
    height: 112px;
}
#globalNav li a { 
    display: block;
    height: 112px;
}
#globalNav li.logo { 
    width: 248px;
    background: url('../images/nav-logo.gif');
}
#globalNav li.welcome a { 
    width: 161px;
    background: url('../images/nav-welcome-off.gif') 
}
#globalNav li.media a { 
    width: 152px;
    background: url('../images/nav-partners-off.gif') 
}
#globalNav li.publishers a { 
    width: 185px;
    background: url('../images/nav-publishers-off.gif') 
}
#globalNav li.press a { 
    width: 170px;
    background: url('../images/nav-press-off.gif') 
}
#globalNav li.endcap { 
    width: 39px;
    background: url('../images/nav-endcap.gif') 
}

/* Global Nav On & Hover states */
#globalNav li.welcome a:hover, #home #globalNav li.welcome a { 
    background: url('../images/nav-welcome-on.gif') 
}
#globalNav li.media a:hover, #media #globalNav li.media a { 
    background: url('../images/nav-partners-on.gif') 
}
#globalNav li.publishers a:hover, #publishers #globalNav li.publishers a { 
    background: url('../images/nav-publishers-on.gif') 
}
#globalNav li.press a:hover, #press #globalNav li.press a { 
    background: url('../images/nav-press-on.gif') 
}

/* FOOTER NAV */
#footerNav {
    margin: 0 -40px;
    padding: 0;
}
#home #footerNav {
    margin: 0 -80px;
}
#footerNav li { 
    display: inline;  
    list-style: none;    
    float: left;
    margin: 0;
    padding: 0;
    height: 41px;
    background: #3c6699;
}
#footerNav li a { 
    display: block;
    height: 41px;
    width: 161px;
}
#footerNav li.endcap-l { 
    width: 47px;
    background: url('../images/nav-endcap-ft-l.gif') 
}
#footerNav li.contact a { 
    background: url('../images/nav-contact-off.gif');
}
#footerNav li.blog a { 
    background: url('../images/nav-blog-off.gif') 
}
#footerNav li.faq a { 
    background: url('../images/nav-faq-off.gif') 
}
#footerNav li.about a { 
    background: url('../images/nav-about-off.gif') 
}
#footerNav li.privacy a { 
    background: url('../images/nav-privacy-off.gif') 
}
#footerNav li.endcap-r { 
    width: 103px;
    background: url('../images/nav-endcap-ft-r.gif') 
}

/* footer nav on and hover states */
#footerNav li.contact a:hover, #contact #footerNav li.contact a { 
    background: url('../images/nav-contact-on.gif');
}
#footerNav li.blog a:hover { 
    background: url('../images/nav-blog-on.gif') 
}
#faq #footerNav li.faq a, #footerNav li.faq a:hover { 
    background: url('../images/nav-faq-on.gif') 
}
#about #footerNav li.about a, #footerNav li.about a:hover { 
    background: url('../images/nav-about-on.gif') 
}
#privacy #footerNav li.privacy a, #footerNav li.privacy a:hover { 
    background: url('../images/nav-privacy-on.gif') 
}

#breadcrumb {
    font-size: 92%;
    margin-bottom: -8px;
    color: #999;
}

#minifooter {
    color: #999;
    margin-top: 2em;
    padding-left: 40px;
    font-size: 93%;
}   
#minifooter a:link, a:visited,
#breadcrumb a:link, a:visited {
    color: #7C9AC2;
    text-decoration: none;
}
#minifooter a:hover, a:active,
#breadcrumb a:hover, a:active {
    text-decoration: underline;
}
    #minifooter .secondary { font-size: 93%; }

    
/* PAGE STYLES */
.lead {
    font-family: Avenir, "Century Gothic", Arial, sans;
    font-size: 118%;
    line-height: 200%;
}
    .lead em { 
       font-size: 118%;
    }

#home .yui-gb .yui-u .colpadding {
    margin-right: 40px;
}

#home .yui-gb .yui-u .home_logos a, #home .yui-gb .yui-u .home_logos a img {
    margin: 5px;
    padding: 0;
}

#home em.appname { color: #fff }


#home #video_wrapper { 
    position: relative; 
    background: url('../images/home-bg-video.gif') top left no-repeat;
    height: 369px;
    width: 432px;
}
#home #video_teaser {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 18px 15px;
}
#home #video_button { margin-top: 15px; }
#home #video { 
    position: absolute;
    top: 18px;
    left: 15px;
}

.partner_logos img {
    margin-right: 50px;
    margin-bottom: 50px;
}

/* Press Releases */

/* fix a bug with yui-gf grid */
.yui-gf div.first {
    width: 24%;
}

.press_release {
    padding-right: 40px;
}
.press_release .partner_logos img {
    margin-right: 45px;
}
.press_release em.appname {
    font-weight: normal;
    font-style: italic;
    color: inherit;
}

.pr_item td {
    padding-bottom: 1em;
    clear: both;
}
.pr_item .first { padding-right: 20px; }
.pr_item .pubdate {
    font-weight: bold;
    display: block;
}
.pr_item .logo {
    display: block;
    font-size: 11px;
    color: #666;
    vertical-align: middle;    
}
.pr_item .logo img {
    vertical-align: middle;
}
.pr_item .title {
    font-weight: bold; 
}
    .pr_item .title a:link, .pr_item .title a:visited  { text-decoration: none }
    .pr_item .title a:hover, .pr_item .title a:active  { text-decoration: underline }
   
.pr_item .link { 
    font-size: 85%; 
    display: block;
}
.pr_item .link a:link, .pr_item .link a:visited {
    color: #666;
    text-decoration: none;
}
.pr_item .link a:hover, .pr_item .link a:active {
    text-decoration: underline;
}

#press .logos .imageHolder {
    margin: 20px;
    text-align: left;
}


/* MODULE DEFINITIONS */


.hd {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}
.bd {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}
.ft {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}
.module {
	padding: 0em;
	margin-bottom: 1em;
}
.home_module {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
	/* TWO-COLUMN MODULE DEFINITIONS */
		
	/* Sidebar */	
	.yui-t4 .module {
/*		width: 180px; */
		margin-left: auto;
		margin-right: auto;
		font-size: 85%; /* sidebar text is smaller */
		color: #666;
	}
		.yui-t4 .module .hd {
			height: 4px;
			background: url('../images/module_sidebar_top_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 .module .bd {
			background: url('../images/module_sidebar_bg.gif'); 
			padding: 0.4em 1em;
		}
		.yui-t4 .module .ft {
			height: 4px;
			background: url('../images/module_sidebar_bottom_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 .module h4 {
			font-weight: bold;
			font-size: 100%;			
		}
		.yui-t4 .subnav {
			font-size: 93%;
		}	


	/* Main */
	.yui-t4 #yui-main .yui-b {
		padding-right: 15px;
	}	
	.yui-t4 #yui-main .module {
		/*width: 520px; */
		color: #333;
		font-size: 100%; /* main column text is regular size */
	}
		.yui-t4 #yui-main .module .hd {
			height: 5px;
			background: url('../images/module_main_top_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 #yui-main .module .bd
		{
			padding: 0.5em 1em;
			background-image: url('../images/module_main_bg.gif');
			background-repeat: repeat-y;
		}
		/* For IE7 only */
		html>body .yui-t4 #yui-main .module .bd {
			*padding-right: 3em;
		}
		.yui-t4 #yui-main .module .ft {
			height: 5px;
			background: url('../images/module_main_bottom_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 #yui-main .module h4 {
			font-weight: bold;
			font-size: 107%;
		}		


/* SPECIAL TABLES */

	
/* IMAGES AND CAPTIONS */
div.imageHolder {
	text-align: center;
}
.caption {
  margin-top: 4px;
	font-size: 85%;
	color: #666;
	line-height: 120%;
}
.image_left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: .5em;
}
.image_right {
	float: right;
	margin-left: 1.5em;
	margin-bottom: .5em;
}


/* TEXT STYLE DEFINITIONS */
.callout {
	color: #00B765;
}
.confirm {
	color: #060;
	text-align: left;
	border: 1px solid #9c9;
    background: #CCFFCC;
	padding: 15px 5px 15px 30px;
	font-size: 14px;
	margin-bottom: 12px;
}
.copyright {
	color: #999999;
	margin-right: 2em;
}
.subhead {
	margin-top: -1em;
	margin-bottom: 1em;
	color: #666;
}
.testimonial {
    font-family: Georgia, Times, serif;    
}
.attribution {
	font-family: "Lucida Grande", Arial, sans;
	font-weight: bold;
	font-style: italic;
	font-size: 93%;
	color: #444;
}

.margin-top-0 {
	margin-top: 0;
}
.margin-top-1 {
	margin-top: 1em;
}
.margin-top-2 {
	margin-top: 2em;
}
.large {
  font-size: 108%;
}
.small {
	font-size: 93%;
}
.tiny {
	font-size: 85%;
}
.normal {
    font-weight: normal;
}
.secondary {
	color: #666;
}
.utility {
	font-size: 93%;
	color: #666;
}
.pageTitle {
  margin-top: 0;
}
.subtext {
    font-size: 67%;
    color: #999;
}
ul.fancy {
    list-style-image: url('../images/arrow-green.gif') 
}
    ul.fancy li {
        margin: 1em 0;
    }


/* FORMS */
label {
    display: block;
    color: #666;
    font-size: 93%;
}
label.required {
    font-weight: bold;
}
input.text, textarea {
    border: 1px solid #ccc;
    padding: 2px;
    width: 400px;
    font-family: Courier, mono;
}
.field {
    margin-bottom: .6em;
}


/* --- UTILITIES --- */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.centered { text-align: center; }
.noborder { border: 0; }
.nowrap { white-space: nowrap; }

/* See http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* --- / UTILITIES --- */


/* ********************************       IE HACKS       *********************************** */

.clearfix { display: inline-block; } /* reset for IE Mac */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } /* this is for IE PC */
.clearfix {display: block;} /* this is the real value used by all other browsers except IE mac */
/* End hide from IE-mac */

/* And this is for IE6 -- goodness! */
* html .clearfix {height:1px;}


/* use this to fix three pixel job in IE or any other IE weirdness */
* html .jogfix, * html .haslayout {
  height: 1%;
}

/* If a div's style attributes (bg, border) don't appear until you scroll */
/* off the page and back again, try appying this style */
* html .ieBGFix {
	background: url(null) fixed no-repeat;
}

/* ********************************       / IE HACKS       *********************************** */