/*
-----------------------------------------------
Ecordia Style Sheet
Author:   Patrick Daly
Version:  1.3

// 1.1
// Added table styles for tiered pricing
// 1.2 
// Added support for Forms
// 1.3
// Changed homepage hero message
----------------------------------------------- */



/* =Font Sizes
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108% 
15px = 116%
16px = 123.1%
15px = 131%
16px = 138.5%

see http://developer.yahoo.com/yui/fonts/ for more details.

# Header
# Structure
# Navigation
# Forms
# Links
# Headers
# Content
# Lists
# Tables
# Common Classes
*/

body{
	background:url('../images/nav-bg-2.gif') repeat-x;
	line-height:150%;
}

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


/* =Structure
----------------------------------------------- */
.container{
	margin:0 20px;
}

#hd .last{
	width:auto !important;
}

#content #yui-main .yui-b .yui-g{
	width:97%;
}

#ft{
	/*background:url('../images/logo-icon.gif') no-repeat;*/
	background-position: 98% 50%;
	border-top:1px dotted #ccc;
	font-size:93%;
	margin:2em 0;
	padding:1em 0;
	text-align:right; 
}

/* =Navigation
----------------------------------------------- */
#hd-btm{
	height:80px;
	text-align:right;
}

#home #hd-btm{
	height:45px;
	padding:0 0 .5em;
}

ul#menuRoot2{
	display:inline;
	clear:both;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
}

ul#menuRoot2 li{
	color:#000;
	display:inline;
	padding:0 1em;
}

ul#menuRoot2 a{
	background:none;
	color:#006699;
	font-size:108%;
	text-transform:lowercase;
	font-weight:normal;
	line-height:35px;
	padding:0 0 24px 0;
	text-decoration:none;	
}

body#home ul#menuRoot2 a{
	padding:0 0 23px 0;
}

/* contenthub */
body#id-66 ul#menuRoot2 a.MenuRoot38,
	/* contenthub-overview */
	body#id-66 ul#menuRoot2 a.MenuRoot38,
	/* contenthub-features */
	body#id-53 ul#menuRoot2 a.MenuRoot38,
	/* contenthub-how it works */
	body#id-51 ul#menuRoot2 a.MenuRoot38,
	/* contenthub-results */
	body#id-97 ul#menuRoot2 a.MenuRoot38,	
	/* contenthub-video demos */
	body#id-100 ul#menuRoot2 a.MenuRoot38,
        /* contenthub-partners */
	body#id-112 ul#menuRoot2 a.MenuRoot38,	
	
/* optimizer */
body#id-65 ul#menuRoot2 a.MenuRoot42,
	/* optimizer-overview */
	body#id-65 ul#menuRoot2 a.MenuRoot42,
	/* optimizer-features */
	body#id-64 ul#menuRoot2 a.MenuRoot42,
        /* optimizer-demo */
	body#id-111 ul#menuRoot2 a.MenuRoot42,

	
/* support */
body#id-59 ul#menuRoot2 a.MenuRoot39,
	/* support-contact us */
	body#id-59 ul#menuRoot2 a.MenuRoot39,
	/* support-faqs */
	body#id-60 ul#menuRoot2 a.MenuRoot39,
	/* support-forum */
	body#id-95 ul#menuRoot2 a.MenuRoot39,

/* about us */
body#id-58 ul#menuRoot2 a.MenuRoot40,
	/* support-company */
	body#id-58 ul#menuRoot2 a.MenuRoot40,
        /* about us-management */
	body#id-63 ul#menuRoot2 a.MenuRoot40,
	/* about us-careers */
	body#id-56 ul#menuRoot2 a.MenuRoot40,
        
	
body ul#menuRoot2 a:hover {
	background:url('../images/nav-selected-inside2.gif') bottom no-repeat; color:#333;
}

body#home ul#menuRoot2 a.MenuRoot37,
body#home ul#menuRoot2 li a:hover{
	background:url('../images/nav-selected.gif') bottom no-repeat; color:#333 !important;
}

.menuDefaultContainer{
	margin:.5em 0 0;
	padding:0;
}

/* content hub */
body#id-66 .menuDefaultContainer,
body#id-53 .menuDefaultContainer,
body#id-51 .menuDefaultContainer,
body#id-97 .menuDefaultContainer,
body#id-100 .menuDefaultContainer
body#id-112 .menuDefaultContainer{
	margin-right:0px;
}

/* optimizer */
body#id-65 .menuDefaultContainer,
body#id-64 .menuDefaultContainer,
body#id-111 .menuDefaultContainer{
	margin-right:110px;
}

/* support */
body#id-59 .menuDefaultContainer,
body#id-60 .menuDefaultContainer,
body#id-95 .menuDefaultContainer{
	margin-right:35px;
}

/* about us */
body#id-58 .menuDefaultContainer,
body#id-63 .menuDefaultContainer,
body#id-56 .menuDefaultContainer{
	margin-right:0;
}

.menuDefaultContainer li, .menuLevel1 li{
	/*border-right:1px solid #006699;*/
	display:inline;
	list-style:none !important;
	margin:0 !important;
	padding:0 1em;
}

.menuDefaultContainer  a, .menuLevel1 a{
	font-weight:normal;
	text-decoration:none;
	text-transform:lowercase;
}

.menuLevel1{
	margin:-25px 0 0;
	padding:0;
	display:inline;
}

/* =Header
----------------------------------------------- */
#hd #hd-top{
	color:#fff;
	height:98px;
}

#hd #hd-top .first{
	width:200px;
}

#hd #logo{
	background:url('../images/logo.gif') no-repeat;
	height:56px;
	margin-top:20px;
	width:225px;
}

#hd #logo a{
	display:block;
	height:56px;
	width:225px;
}

#hd p{
	margin:.8em 0 0 0;
}

/* =Forms
----------------------------------------------- */
select, input, textarea{
    font:99% arial,helvetica,clean,sans-serif;
}

iframe{
	margin-top:15px;
}

#login {
	background:url('../images/bg-login.gif') no-repeat;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:39px;
	padding:0 0 0 35px;
	text-align:left;
	width:460px;
}

#login .wrap{
	padding:7px 0;
	width:445px;
}

#login .input {
	background:#fff;
	border:1px solid #666;
	font-size: 11px;
	height:14px;
	margin:0 5px 0;
	width:110px;	
}

#login .submit {
	background:none;
	border:none;
	color:#fff;
	margin-right: 5px;
	padding:0 5px;
}

#login a{
	color:#fff;
	font-weight:bold;
}

#id-53 h2{
	clear:none !important;
}
.features{
	clear:both;
	padding:1em;
}

#content form{
	background-color:#FFF;
	margin:10px;
	padding:5px;
	width:95%;
}

#content form fieldset{ 
	margin:10px 0;
	padding: 10px;
	border: #DDD 1px solid;
}

#content form legend{
	font-size:138.5%;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	color: #333;
}

#content .formreq{ color:#ff0000; }

#content form fieldset div{
	padding: 0.25em 0;
}

#content form label, 
#content form span.label{ 
	margin-right:10px;
	padding-right:10px;
	width: 205px;
	display: block;
	float: left; /*1.2 Mod*/
	text-align: left;
	position: relative;
}

#content form label.error, 
#content form span.error{
	color: #C00;
}

#content form label em, 
#content form span.label em{
	position:absolute;
	right:0;
	font-size:120%;
	font-style:normal;
	color:#C00;
}

#content form textarea,
#content form input{
	width:300px;
}

#content form input#form_submit_btn{
	margin-left:219px;
	width:150px;
}

#content form input#form_cancel_btn{
	display:none;
}

#content form input.error{
	border-color:#C00;
	background-color:#FEF;
}

#content form input:focus,
#content form input.error:focus, 
#content form textarea:focus{
	background-color:#FFC;
	border-color:#FC6;
}

#content form label.list-label{
	 width:200px;
	 display:inline;
	 float:none;
	 padding:5px;
}

#content form div{
	border-bottom:1px dashed #ccc;
	margin:5px 0;
}

#content form div.buttonrow{
	margin-left:180px;
}

#content form .field_rc_vertical{
	margin:5px 0 0 170px;
}
.management-picture{
	border:1px solid #000;
	float:left;
	margin:.5em;
	padding:2px;
}

/* =Links
----------------------------------------------- */
a{ color:#006699; outline:none; }
a:hover{ background:#006699; color:#fff; text-decoration:none; }

#logo a{ background:none; text-decoration:none; }

#hd #hd-top a{color:#fff; }
#hd #hd-top a:hover{ background:none; }

a.gray, #sharethis_0 a.stico_default{
	color:#999;
	font-size:85%;
	padding:2px .5em;
	text-decoration:none;
}

#sharethis_0 a.stico_default{ padding:2px 2em; }

a.gray:hover, #sharethis_0 a.stico_default:hover{
	background:#fff;
	color:#999;
	text-decoration:underline;
}

#ft a{ background:none; color:#999; text-decoration:none; }
#ft a:hover{ text-decoration:underline; }

/* =Headers
----------------------------------------------- */
h1, h2, h3, h4, h5, h6{	clear:both; color: #333; }
h2, h3, h4, h5, h6{	font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif; font-weight:bold; padding:1em 0 0 0; }

h1{ border-bottom:1px dotted #ccc; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size:153.9%; padding:0 0 .25em 0; }
#home h1{ border:none; }
h2{ font-size: 123.1%; font-style:italic; }
h3{	font-size:116%; }
h4{	font-size:108%; }
h5{	font-size:100%; }
h6{	font-size:100%; }

#content fieldset{
	border:1px solid #999;
	padding:1em;
	margin:0 1em;
}

#content legend{
	font-size:123.1%;
	font-weight:bold;
	padding:0 .5em;
}

#content h4{
	border-bottom:1px dotted #ccc;
}

.certified-partner h1{
	background:url('../images/certified-partner-bg.gif') no-repeat;
	border:none;
	color:#fff;
	height:60px;
	padding:45px 10px 0 !important;
	width:618px;
}

/* =Content
----------------------------------------------- */
#four-phases{
	margin:15px 0;
}

#four-phases-title{
	font-size:138.5%;
	font-weight:bold;
	margin:0 10px 15px;
}

#four-phases a#phase-1{
	background:url('../images/phase-1.gif') no-repeat;
	display:block;
	float:left;
	height:47px;
	margin-left:15px;
	text-decoration:none;
	width:280px;
}

#four-phases a#phase-1:hover{
	background:url('../images/phase-1-hover.gif') no-repeat;
}

#four-phases a#phase-234{
	background:url('../images/phase-234.gif') no-repeat;
	display:block;
	float:left;
	height:47px;
	text-decoration:none;
	width:650px;
}

#content p{
	line-height:150%;
	padding:.5em 0;
}

#hero{
	height:285px;
}

.testimonial{
	border-bottom:1px dotted #006699;
	clear:both;
	padding:1em;
}

#last-testimonial{
	border:none;
}

.testimonial p{
	font-size:93%;
	line-height:138.5%;
	padding:0 .5em;
}

.testimonial p.quote{
	font-style:italic;
}

.testimonial p.quoted{
	font-weight:bold;
	text-align:right;
}

a.sign-up{
	background:url('../images/sign-up.gif') no-repeat;
	display:block;
	height:41px;
	margin-left:50px;
	text-decoration:none;
	width:195px;
}

a.sign-up:hover{
	background:url('../images/sign-up-hover.gif') no-repeat;
}
a.sign-up2{
	background:url('../images/request-a-trial.png') no-repeat;
	display:block;
	height:40px;
	margin-left:50px;
	text-decoration:none;
	width:196px;
}

a.sign-up2:hover{
	background:url('../images/request-a-trial-hover.png') no-repeat;
}

#non-sign-up-sidebar{
	border:1px dotted #ccc;
	margin:1em 0 0;
	padding:1em;
}

ul.options{
	margin:0;
}

ul.print{
	margin:1em 1em .5em;
}

ul.options li{
	list-style:none;
	display:inline;
	margin:0 !important;
	padding:0 !important;
}

#blog ul li{
	list-style-type:none !important;
	margin:0 !important;
	padding:.5em 0;
}

#blog p.date{
	font-size:93%;
	font-style:italic;
	margin:0;
	padding:0;
}

#blog div{
	font-size:93%;
}

#blog #creditfooter{
	display:none;
}

.google-disclaimer{
	color:#999;
	float:left;
	font-size:85%;
	font-style:italic;
}

.yui-gb{
	width:100% !important;
}

.partner-logo{
	float:left !important;
	text-align:center;
	width:50%;
}

.partner-logo a{
	background:none;
}

.certified-partner #content{
	margin:0 auto;
	width:65%;
}

#partners li{
	display:block;
}

#partners ul.menuLevel1{
	display:none;
}

#partners a{
	text-transform:none !important;
}

.vcard{
	border-bottom:1px dotted #ccc;
	clear:both;
	margin-bottom:20px;
}

.vcard .img-container{
	float:left;
	margin-right:40px;
	padding-top:10px;
	width:200px;
}

.vcard .img-container a{
	background:none;
}

.vcard .right{
	float:left;
	width:350px;
}

.vcard .org{
	font-weight:bold;
}

/* =Lists
----------------------------------------------- */
#content ul li { list-style-type:disc; margin:0 2em; }
#content ul ul li { list-style-type:circle; margin:0 2.5em; }
#content ul ul ul li { list-style-type:square; margin:0 3em; }

#content ol li{ list-style-type:decimal; margin:0 2em;}
#content ol ol li{ list-style-type:lower-roman; margin:0 2.5em; }
#content ol ol ol li{ list-style-type:lower-alpha; margin:0 3em;}

#ft ul li { list-style:none; display:inline; color:#999; }

/* =Tables
----------------------------------------------- */
#id-65 table td{
	padding:5px;
}
table#pricing{
	width:100%;
	padding:0;
	margin:10px 0;
}

table#pricing caption{
    font-size:93%;
    margin:20px 0 5px;
	padding:0;
	width:100%;	 
	font-style:italic;
	text-align:right;
}

table#pricing th{
	color:#4f6b72;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	border-top:1px solid #006699;
	text-align:left;
	padding:6px 6px 6px 12px;
	background:#E7FEDC;
}

table#pricing th.nobg{
	border-top:0;
	border-left:0;
	border-right:1px solid #006699;
	background:none;
}

table#pricing th.nobb{
	border-bottom:0;
}

table#pricing td{
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background:#fff;
	padding:6px 6px 6px 12px;
	color:#4f6b72;
	text-align:center;
}

table#pricing tr.alt td, table#pricing tr.alt th {
	background: #e3f3f8;
}

table#pricing th{
	border-left:1px solid #006699;
	background:#fff;
	padding:6px 6px 6px 12px;
	color:#4f6b72;
	text-align:left;
}

table#pricing th.specalt{
	border-left:1px solid #006699;
	border-top:0;
	background:#f5fafa;
	font:bold 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#797268;
}

table#pricing td img{
	height:16px;
	width:16px;	
}

table#pricing .packages th{
    font-weight:bold;
	text-align:center;
}

table#pricing .packages a{
	color:red;
	font-weight:bold;
}

table#pricing .packages a:hover{
	background:red;
	color:#fff;
}

table#pricing tr#partner-row{
	background:#ccc;
	border:1px solid #006699;
}

table#pricing th.green-row{
	background:#E7FEDC;
	font-weight:bold;
}

/* =Common Classes
----------------------------------------------- */
.left-align{ text-align:left; }
.left-right{ text-align:right; }
.float-left{ float:left; }
.float-right{ float:right; }
.padding-15px{
	padding:15px;
}
.clear{	clear:both; }
strong, b{ font-weight:bold; }
i, em { font-style:italic; }
span.hidden{ font-size:10px; visibility:hidden; }

/******Added for 1.2************/
#content p.form_label {margin-top: 10px; text-align: left;}


/* =New Hero
----------------------------------------------- */
#hero{ color:#fff; line-height:200%; text-align:center; }
#hero .first{ margin-left:-10px; z-index:90; }
#hero h2{ color:#fff; font-family:"Arial Black", Arial, Helvetica, Sans-serif; font-size:34px; font-style:normal; margin:-20px 0 30px; }
#hero #tagline{ font-size:24px; margin:20px 0; }
#hero ul li{ background:url('http://www.ecordia.com/TemplateFiles/images/bullet-leaf.png') no-repeat; display:inline; font-family:"Arial Black", Arial, Helvetica, Sans-serif; font-size:15px; padding:0 10px 0 24px; vertical-align:middle; }
#hero #learn-more{ background:url('http://ecordia.com/Upload/images/learn-more.png') no-repeat; display:block; font-family:"Arial Black", Arial, Helvetica, Sans-serif; height:51px; line-height:51px; margin:10px auto; text-align:center; text-decoration:none; width:163px; }
#hero #learn-more:hover{ color:#333; }
#hero img{ margin:0 0 0 -35px; }
#hero a:hover{ background:none; }
#hero #app-screenshot{ margin:0 0 0 -90px; z-index:80; }

.video-popup{ display:none; }
#home #TB_window #TB_ajaxContent, #id-100 #TB_window #TB_ajaxContent{ height:500px !important; z-index:9999; }
#TB_closeWindowButton:hover{ background:none; }
#hero-video h2{ color:#000; font-family:"Arial Black", Arial, Helvetica, Sans-serif; font-size:18px; font-style:normal; line-height:20px; margin:10px 0 20px; padding:0 0 0 10px; }
#hero-video p { font-size:14px; margin:1.5em 0; }
#hero-video ul li{ font-size:14px; list-style:disc; margin:0 0 0 30px; }
#TB_window #hero-video a{ color:#006699; outline:none; }
#TB_window #hero-video a:hover{ background:#006699; color:#fff; text-decoration:none; }
#TB_window #hero-video #learn-more-big{ background:url('http://ecordia.com/templatefiles/images/btn-big.png') no-repeat; display:block; font-family:"Arial Black", Arial, Helvetica, Sans-serif; font-size:175%; height:76px; line-height:76px; margin:10px auto; text-align:center; text-decoration:none; width:261px; }
#TB_window #hero-video #learn-more-big:hover{ background:url('http://ecordia.com/templatefiles/images/btn-big.png') no-repeat; color:#333; }

.video-thumbnail{ border:1px solid #333; float:left; margin:0 10px 10px 0; padding:1px; }
#TB_window .text-side{ font-size:14px; }
#TB_window .text-side h2{ color:#000; font-family:"Arial Black", Arial, Helvetica, Sans-serif; font-size:18px; font-style:normal; line-height:20px; margin:10px 0 20px; padding:0 0 0 10px; }
#TB_window .text-side p{ padding:0 0 0 10px; }

#learn-more-inside, #learn-more-modal{ background:url('http://ecordia.com/Upload/images/learn-more.png') no-repeat; clear:both; display:block; font-family:"Arial Black", Arial, Helvetica, Sans-serif; height:51px; line-height:51px; margin:10px auto; text-align:center; text-decoration:none; width:163px; }
#learn-more-inside:hover, #learn-more-modal:hover{ background:url('http://ecordia.com/Upload/images/learn-more.png') no-repeat !important; color:#333 !important; }

#white-paper-link{ color:#333333; font-weight: ; float:left; line-height:34px; }
#white-paper-link:hover{ background:none; text-decoration:none; }

#white-paper-banner{ border:1px dotted #ccc; padding:1px; text-indent:-9999px; }
#white-paper-banner a { display:block; height:52px; width:295px; background:url('http://www.ecordia.com/TemplateFiles/images/white-paper-banner.gif') no-repeat; outline:none; }
#white-paper-banner a:hover { background:url('http://www.ecordia.com/TemplateFiles/images/white-paper-banner.gif') 0 -52px no-repeat; }

/* to horizontally center video on screen */
#id-100 #TB_window{ top:300px !important; }