/* New Wizard Homepage Styles
----------------------------------------------------------------------*/

#main-headline {
    text-align: center;
    background: #fff url(../img/bg_main-headline-top.gif) top repeat-x;
    border: #fff solid 1px;
    border-width: 1px 0;
    margin: 0 -10px;
}
#main-headline-inner {
    background: transparent url(../img/bg_main-headline-bottom.gif) bottom repeat-x;
    padding: 20px 20px 10px 20px;
}
#main-headline p { margin: 0;}
#main-headline h2 { font-size: 46px; line-height: 46px; color: #000; margin: 0;}
a.get-started {
    background-image: url(../img/btn_get-started.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    float: left;
    width: 305px;
    height: 75px;
    margin: 0 0 0 317px;
    }
a.get-started:hover {
    background-position: 0 -75px;;
    }

#intro {
    background: #2b353b url(../img/bg_intro-top.gif) top repeat-x;
    margin: 0 -10px;
    color: #fff;
    position: relative;
    line-height: 20px !important;
    }
#intro-inner {
    background: transparent url(../img/bg_intro-bottom.gif) bottom repeat-x;
    padding: 0 10px;
    min-height: 300px;
    }
#intro h3 { color: #f99400; font-size: 22px !important; line-height: 24px !important; font-weight: bold; margin: 0 0 20px 0 !important; padding: 0 !important; }
div.rotate-testimonials { padding: 30px 0 0 0;}

blockquote {
    font-family: Myriad, Myriad Pro, Helvetica, Arial;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    }
p.citation { font-size: 14px; font-style: normal;}
blockquote cite { font-weight: bold; display: block; font-size: 20px; font-style: normal;}

div.main-screenshot { position: absolute; bottom: -5px; right: 0; z-index: 1;}
div.free-banner { position: absolute; top: 0; right: 0; z-index: 2;}

#wizard-init-box { border: #000 solid 3px; margin: 0 -20px; background: #fff; padding: 10px 20px;}

#wizard-overlay { z-index: 2; position:fixed;top: 0;left: 0;bottom: 0;right: 0; background-color: #000000; opacity:0.7; filter:alpha(opacity=70); }
#wizard-wrap { position:absolute; z-index: 3; margin: 0px auto;width: 1000px; background-color:#FFFFFF;  }
#wizard-wrap-inner { position: relative; border: solid 2px #000000; padding: 10px;  }
#wizard-wrap-inner .close { position: absolute; z-index: 4; right: -15px; top: -15px; width: 30px; height: 30px; background: transparent url(../js/jquery/fancybox/fancy_close.png) no-repeat; cursor: pointer; }
#wizard {  }

#homepage-features { background: transparent url(../img/bg_homepage-features.gif) top repeat-x; margin: 0 -10px; padding: 20px 10px; border-top: #fff solid 1px;}

#get-started-arrow { position: absolute; bottom: -200px; left: -170px; z-index: 10;}

#wizard h2 { text-align: center !important; margin: 0 0 10px 0 !important;}

/* Syles specific to index.html
----------------------------------------------------------------------*/
#homepage {}
h3.link-youtube span { background: url(../img/speaker-icon_youtube.png) right no-repeat; padding: 0 55px 0 0;}

blockquote {line-height: 30px;}

/* Headlines Section
---------------------------------------------------------------------- */

/* Master Quote Section
---------------------------------------------------------------------- */
.masterQuote { font-family: Myriad Pro, Arial, Helvetica, Verdana, sans-serif; font-style: italic; padding: 20px 100px 0 100px; margin: 10px 0 20px 0;  }
.masterQuote p.contents { color: #000; text-align: center; font-size: 24px; font-weight: 200; }
.masterQuote p.contents strong { font-weight: bold; }
.masterQuote p.attribution { font-size: 16px; color: #666; font-weight:600; text-align: center; }

/* Key Messages Section
---------------------------------------------------------------------- */
#messages { margin: 0 0 0 -10px; background: #2B353B url(../img/bg_messages.jpg) 0 0 repeat-x; width: 940px; padding: 20px 20px 0 20px; color: #999; font-size: 12px;}
#messages h4 {color: #fff; margin:0 0 5px 0;}

#messages div.msg_icon {padding: 0 0 0 60px; margin: 0;}
#messages div.enhance { background: url(../img/bg_message-enhance.png) 0 0 no-repeat;}
#messages div.track { background: url(../img/bg_message-track.png) 0 0 no-repeat;}
#messages div.share { background: url(../img/bg_message-share.png) 0 0 no-repeat;}

/* Features Section
---------------------------------------------------------------------- */
#features { margin-top: 15px; }
#features .thumbnail img { width: 134px; height: 80px; border: 1px solid #CCCCCC; margin: 10px 0; padding: 2px; background-color: #FFFFFF; overflow: hidden; }
#features .thumbnail:hover img { border: 1px solid #F78500; }

/* Quotes & Testimonials Section
---------------------------------------------------------------------- */
#quotes {padding: 15px 0 5px; margin-top: 15px;}
#quotes p {font-size: 130%; padding: 5px; }
#quotes .attribution {text-align:right; font-size: 90%; font-style:italic;}

/* Featured Presentations & Authors Section 
---------------------------------------------------------------------- */



/* Classes 
---------------------------------------------------------------------- */
a#button{
background-image: url(../img/button.jpg); 
background-color: #018CC3;
background-repeat: repeat-x;
border: none; 
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
vertical-align:middle;
padding: 5px 10px;
}



.post{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

.box{background-color: #f4f4f4; padding: 10px 10px; margin-bottom: 20px;}

.highlight{color: #01A2D8;}

.showcase{
font-family: Myriad Pro, Arial, Helvetica, Verdana, sans-serif; 
color: #000; 
font-size: 18px;
margin-top: 10px;
margin-bottom: 30px;
}

.showcase a{color: #f78500;}
.showcase a:hover{color: #01a2d8;}




input.createaccount{
font-family: Myriad Pro, Arial, Helvetica, Verdana, sans-serif;
background-image:url(../img/button_createaccount.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
font-size:24px;
font-style:italic;
height:71px;
padding:0 0 17px;
width:320px;
cursor: pointer;
}

input.createaccount_black{
font-family: Myriad Pro, Arial, Helvetica, Verdana, sans-serif;
background-image:url(../img/button_createaccount_blackbgr.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
font-size:24px;
font-style:italic;
height:71px;
padding:0 0 17px;
width:320px;
cursor: pointer;
}

input.createaccount_small{
background-image:url(../img/button_createaccount_small.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-family:Myriad Pro,Arial,Helvetica,Verdana,sans-serif;
font-size:18px;
font-style:italic;
height:53px;
padding:0 0 9px;
width:207px;
}



/* Taglist */

ul.taglist {
list-style: none;
margin-left: -5px;
}

ul.taglist li {
margin-bottom: 3px;
}

ul.taglist li a{
padding: 1px 10px 3px 5px;
}

ul.taglist li a.active, ul.taglist li a:hover {
text-decoration: none;
background: #e2e2e2 url(../img/active-tag.gif) no-repeat scroll 100% 50%;
color: #000;
}

span.quantity {
font-size: 10px;
color: #4e4e4e;
}


/* signup ----------------------------------------------------*/

.signup div.masthead h2 strong {
	color: #000;
}

.signup div.jacket {
	height: 360px;
	margin: 0 auto;
}

.signup div.short {
	width: 220px;
	height: 300px;
	float: left;
	margin-top: 22px;
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}

.signup div.tall {
	width: 220px;
	height: 330px;
	float: left;
	text-align: center;
	padding: 8px 10px 10px 10px;
}

.signup div.no-r {
	border-right: 0;
}

.signup div.r-shadow {
	background-image: url(images/shadow-right.png);
	background-position: right;
	background-repeat: no-repeat;
}

.signup div.no-l {
	border-left: 0;
}

.signup div.l-shadow {
	background-image: url(images/shadow-left.png);
	background-position: left;
	background-repeat: no-repeat;
}

.signup div.short h1 {
	margin: 0;
	padding: 0;
	font-size: 34px;
}

.signup div.short h1, .signup div.short h1 a, div.short h2 {
	color: #333;
	text-decoration: none;
}

.signup div.tall h1, .signup div.tall h1 a {
	margin: 0;
	padding: 0;
	font-size: 42px;
	color: #000;
	line-height: 1em;
	text-decoration: none;
}

.signup div.short h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}

.signup div.tall h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}

.signup div.short h3 {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F78500;
}

.signup div.tall h3 {
	margin: 0 0 17px 0;
	padding: 0 0 4px 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #F78500;
}

.signup div.short li, .signup div.tall li {
	font-size: 14px;
	margin-bottom: 1px;
	line-height: 1.1em;
}

.signup div.tall li {
	font-size: 16px;
}




/* Overrides
---------------------------------------------------------------------- */
div#fancy_title {text-align:center;} /*overrides fancybox.css defaults*/


/* Testing Styles
---------------------------------------------------------------------- */