/*
Company:	Tea Party Training
File:		screen.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - Reset for the styles, via: http://pastie.org/726861
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* HTML, BODY
--------------------------------------------- */
html {background-color: #fff; font-size: 100.01%; padding: 0; margin: 0;}
body {font: 13px/1.25 Verdana, Arial,Helvetica,sans-serif; padding: 0; margin: 0; color: #666666;}


/* LAYOUT
--------------------------------------------- */
/* Head */
div#hd {background: url(http://www.grassrootstraining.net/tpp/image/bg-hd.jpg) bottom left repeat-x; height: 1%;}
div#hd-inner {width: 960px; margin: 0 auto;}

/* Logo One */
div.logos {  }
div.logo-one {width: 208px; float: left; margin: 0 487px 0 0;}
div.logo-one a:link, div.logo-one a:visited {display: block; width: 208px; height: 70px; text-indent: -9999px; background: url(http://www.grassrootstraining.net/tpp/image/logo-tea-party-patriots3.png) top left no-repeat;}

/* Logo Two */
div.logo-two {position: relative; width: 256px; float: left;}
div.logo-two h2 {margin: 0; padding: 0;}
div.logo-two h2 a:link, div.logo-two h2 a:visited {display: block; width: 256px; height: 44px; text-indent: -9999px; background: url(http://www.grassrootstraining.net/tpp/image/logo-tea-party-training.png) top left no-repeat;}
div.logo-two p a:link, div.logo-two p a:visited {position: absolute; top: 28px; right: 0px; width: 206px; height: 16px; background: url(http://www.grassrootstraining.net/tpp/image/bg-powered-by.gif) top left no-repeat; text-indent: -9999px;}





/* User Status */
div.user-status { float: right; margin-top:-20px;}
div.user-status span.status-label {color: #ccc; font-size: .85em; float: left; position: relative; top: 6px; padding: 0 6px 0 0;}

div.user-status span.status {font: 108% Arial, sans-serif; font-weight: bold; text-transform: uppercase; float: left; display: block;}

/* Logged In Style */
div.user-status  span.logged-in {background: url(http://www.grassrootstraining.net/tpp/image/bg-status-logged-in.png) top left no-repeat; margin-bottom:5px; margin-top:-5px;}

/* Not Logged In Style */
div.user-status  span.not-logged-in {background: url(http://www.grassrootstraining.net/tpp/image/bg-status-not-logged-in.png) top left no-repeat;}
div.user-status a:link, div.user-status a:visited {color: #333; text-decoration: none; padding: 5px 20px 4px 23px; display: block;}
div.user-status span.logout a{color: blue; text-decoration:underline;   padding: 5px 20px 4px 23px; display:inline;}

/* Body */
div#bd {background: url(http://www.grassrootstraining.net/tpp/image/bg-content-tile.jpg) top left repeat-x; height: 1%;}
div#bd-inner {background: url(http://www.grassrootstraining.net/tpp/image/bg-content2.jpg) center top no-repeat; height: 1%;}
div#bd-inner-most {width: 960px; margin: 0 auto; padding: 31px 0 70px 0;}

/* Body - Internal Page */
div#bd-page {background: url(http://www.grassrootstraining.net/tpp/image/bg-content-page-tile.jpg) top left repeat-x; height: 1%;}
div#bd-page div#bd-inner {background: url(http://www.grassrootstraining.net/tpp/image/bg-content-page2.jpg) center top no-repeat;}

/* Footer */
div#ft {background: url(http://www.grassrootstraining.net/tpp/image/bg-ft-fade.jpg) top left repeat-x; border-top: 1px solid #e5e5e5; font-size: .85em; height: 1%; position: relative;}
div#ft-inner {width: 960px; margin: 0 auto; padding: 14px 0 20px 0; height: 1%; position: relative;}

div#ft p {float: left; color: #666666; padding: 3px 0 0 19px; margin: 0; width: 500px; height: 1%;}
div#ft p span {padding: 0 10px 0 0; display: inline-block; height: 1%;}
div#ft p span a:link, div#ft p span a:visited {width: 18px; height: 19px; display: block; background: url(http://www.grassrootstraining.net/tpp/image/bg-ft-logo.gif) top left no-repeat; text-indent: -9999px;}

div#ft a:link, div#ft a:visited {color: #666666; text-decoration: none;}
div#ft a:hover {text-decoration: underline;}

div#ft ul {float: right; margin: 0; padding: 0; height: 1%;}
div#ft ul li {float: left; list-style: none; background: url(http://www.grassrootstraining.net/tpp/image/bg-ft-link.gif) right center no-repeat; padding: 0 14px 0 0; margin: 0 12px 0 0;}
div#ft ul li#support {padding: 0; margin: 0; background: none;}

/* MODULES
--------------------------------------------- */
/* Home Page Main Column */
div.home-main {width: 649px; float: left; margin: 0 48px 0 0;}

/* Main Content - Used To Indent Content */
div.home-main-content {padding: 0 0 0 6px;}

/* Video Container */
div.video-a {padding: 0 0 19px 0;}

div.video-container {padding: 1px 0 7px 8px; background: url(http://www.grassrootstraining.net/tpp/image/bg-home-video-frame.png) top left no-repeat;}
div.video-container img {display: block;}
div.player {}
 .player2 { margin:25px 0 1px 0; padding-top:15px;}


/* Home Page Side Column */
div.home-side {width: 252px; float: left; padding: 42px 0 0 0;}

/* Social Network */
div.social-network {background-color: #eef2f8;}
div.social-network h3 {color: #143969; font-size: 1.3em; text-transform: uppercase; margin: 0 0 16px 10px;}

div.social-network ul {margin: 0 0 -15px 15px; padding: 0;}
div.social-network ul li {padding: 0; margin: 0 11px 0 0; float: left; list-style: none;}
div.social-network ul li#linkedin {margin: 0;}

div.social-network ul li a:link, div.social-network ul li a:visited {text-decoration: none; text-align: center; color: #333333; font-size: .85em; display: block;}
div.social-network ul li a:hover {text-decoration: underline;}

div.social-network ul li img {display: block; padding: 0 0 3px 0;}

/* Internal Page Main Column */
div.main {width: 657px; float: right; margin: 0 0 0 53px; padding: 42px 0 0 0;}

/* Interl Page Main Content - Used To Indent Content */
div.main div.main-content {padding: 0 0 0 7px;}

/* Main Column Section - Used To Vertically Divide Page Into Sections */
div.main div.section { padding: 0 0 7px 0; margin: 0 0 4px 0;}

/* Files To Download */
div.files-to-download {padding: 12px 0 12px 0;}
div#bd-page div.files-to-download h3 {font-size: .93em; text-transform: none; width: 150px; float: left;}
div.files-to-download ul {margin: 0; padding: 0; float: right; position: relative; left: 33px;}

/* Auto Clear List */
div.files-to-download ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.files-to-download ul {display: inline-block;}
img.files-to-download2  {height:30px;}
/* Hides from IE-mac \*/
* html div.files-to-download ul {height: 1%;}
div.files-to-download ul {display: block;}
/* End hide from IE-mac */

div.files-to-download ul li {padding: 0 36px 0 0; margin: 0; float: left; list-style: none;}

/* Main Column Item - Used To Separate Items Vertically - Less Spacing Than Sections*/
div.main div.item {background: url(http://www.grassrootstraining.net/tpp/image/bg-main-section.jpg) bottom left no-repeat; padding: 0 0 58px 0;}

/* Auto Clear Item */
div.main div.item:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.main div.item {display: inline-block;}
/* Hides from IE-mac \*/
* html div.main div.item {height: 1%;}
div.main div.item {display: block;}
/* End hide from IE-mac */

/* Item Video Column */
div.main div.item div.item-video {width: 141px; float: left; margin: 0 39px 0 0; padding: 3px 0 0 0;}
div.main div.item div.item-video img {display: block; margin: 0 0 4px 0;}

/* Item Description Column */
div.main div.item div.item-description {width: 461px; float: left;}
div.main div.item div.item-description p {font-size: 85%; line-height: 1.6em;}
div.main div.item div.item-description a:link, div.main div.item div.item-description a:visited {color: #a80e13;}
div#bd-inner div.main div.item h4 {color: #254a78; font-style: italic; font-size: 1.08em; padding: 0; margin: 0 0 14px 0;}
div#bd-inner div.main div.item h4 a:link, div#bd-inner div.main div.item h4 a:visited {color: #254a78; text-decoration: none;}
div#bd-inner div.main div.item h4 a:hover {text-decoration: underline;}

/* Internal Page Side Column */
div.side {width: 250px; float: right;}
div.side a:link, div.side a:visited {color: #a80e13;}

/* Side Box */
div.side-box {padding: 0 0 6px 6px; background: url(http://www.grassrootstraining.net/tpp/image/bg-side-box.png) bottom left no-repeat; margin: 0 0 6px 0; color: #254a78; height: 1%;}
div.side-box-inner {border: 1px solid #d4e2f7; background-color: #FFF; padding: 4px 6px; height: 1%;}
div.side-box-inner-most {background-color: #eef2f8; padding: 15px 0 18px 18px; min-height:165px;}
div.side-box h3 {text-transform: uppercase; margin: 0 0 10px 0; padding: 0; font-size: 1.385em;}
div.side-box p {font-size: .93em; line-height: 1.5em; padding: 0 15px 0 0; color: #666;}
div.side-box p strong {color: #254a78;}

/* Side Box Button */
div#bd-page div.side-box span.page-button a:link, div#bd-page div.side-box span.page-button a:visited {background: url(http://www.grassrootstraining.net/tpp/image/bg-side-box-button.png) top left no-repeat; color: #FFF; text-transform: uppercase; text-decoration: none; float: left; font-family: Arial, sans-serif; font-size: 1.08em; font-weight: bold; width: 208px; height: 45px; line-height: 45px; text-align: center; position: relative; left: -4px;}
div#bd-page div.side-box span.page-button a:link span, div#bd-page div.side-box span.page-button a:visited span {background: none; display: inline; padding: 0; position: relative; left: -6px;}

/* Breadcrumbs Navigation */
div.breadcrumbs {padding: 0 0 33px 8px; font-size: .85em; color: #999999; line-height: 1em;}
div.breadcrumbs span {display: inline-block; width: 17px; height: 8px; background: url(http://www.grassrootstraining.net/tpp/image/bg-breadcrumbs.gif) center top no-repeat; text-indent: -9999px; vertical-align: middle;}

/* Side Section */
div.side div.section {padding: 0 0 24px 8px;}
div.side div.section p {font-size: .85em; padding: 0 55px 0 3px; line-height: 1.6em;}

/* Side Section Button */
div.side div.section span.page-button a:link span, div.side div.section span.page-button a:visited span {padding: 0 41px 0 19px;}

/* Side Facebook */
div.side-facebook {padding: 10px 0 0 0;}
div.side-facebook img {margin: 0 0 8px 0; display: block;}

/* Banner Content */
div#bd-inner div.banner-content h2 {padding: 0 0 13px 10px;}

/* Banner Side Column */
div.banner-side {width: 358px; float: left; margin: 0 52px 0 0;}
div.banner-side div.video-container {background: url(http://www.grassrootstraining.net/tpp/image/bg-banner-video-container.png) bottom left no-repeat; padding: 7px 0 13px 17px; margin: 0 0 3px 0;}

/* Banner Main Column */
div.banner-main {width: 539px; float: left; padding: 26px 0 0 0;}
div.banner-main h3 {color: #9ccef0; font-size: 1.385em; text-transform: uppercase; margin: 0; padding: 0;}
div.banner-main p {color: #FFF; font-size: .93em; line-height: 1.5em; margin: 1.4em 0;}
div.banner-main a:link, div.banner-main a:visited {color: #9ccef0;}

/* COMMON TEXT STYLES
--------------------------------------------- */
div.home-main p, div.main p {font-size: .93em; line-height: 1.5em; padding: 0; margin: 0 0 1.5em 0;}

span.page-button:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
span.page-button {display: inline-block;}
/* Hides from IE-mac \*/
* html span.page-button {height: 1%;}
span.page-button {display: block;}
/* End hide from IE-mac */

/* Common Link Button */
span.page-button a:link, span.page-button a:visited {background: url(http://www.grassrootstraining.net/tpp/image/bg-page-button-left.png) top left no-repeat; color: #FFF; text-transform: uppercase; text-decoration: none; float: left; font-family: Arial, sans-serif; font-size: 1.08em; font-weight: bold;}
span.page-button a:link span, span.page-button a:visited span {background: url(http://www.grassrootstraining.net/tpp/image/bg-page-button-right.png) top right no-repeat; display: inline-block; height: 45px; line-height: 45px; cursor: pointer; padding: 0 41px 0 26px;}

/* Watch Video Link */
span.watch-video {padding: 0 0 0 8px;}
div.item span.watch-video {padding: 0;}
span.watch-video a:link, span.watch-video a:visited {color: #a80e13; font-size: .85em; padding: 0 0 0 17px; background: url(http://www.grassrootstraining.net/tpp/image/bg-watch-video.gif) 0 3px no-repeat; text-decoration: none;}
span.watch-video a:hover {text-decoration: underline;}

/* DEFAULT HEADINGS
--------------------------------------------- */
div.home-main h2, div.side h2, div.banner-content h2 {margin: 0; padding: 0 0 13px 6px; font-size: 1.82em; color: #FFF;}
div.side h2 { width:700px; float:left;}
div.banner-content p {color:black; margin:10px; margin-top:50px;font-size: 1.1em;}
div.home-main h3 {color: #be151b; font-size: 1.385em; text-transform: uppercase; margin: 0 0 11px 0; padding: 0;}
div.main h3 {color: #254a78; font-size: 1.385em; text-transform: uppercase; margin: 0 0 11px 0; padding: 0;}
div.side h3 {color: #254a78; text-transform: uppercase; margin: 0 0 13px 0; padding: 0; font-size: 1.385em; line-height: 1em;}

/* DEFAULT LISTS
--------------------------------------------- */


/* NAV
--------------------------------------------- */
/* Side Navigation */
div.side-nav {background: url(http://www.grassrootstraining.net/tpp/image/bg-side-call-out.png) top left no-repeat; padding: 20px 34px 45px 33px;}
div.side-nav p {font-size: .85em; line-height: 1.5em;}
div.side-nav ul {margin: 0; padding: 0; font-size: .85em;}
div.side-nav ul li {padding: 4px 0; margin: 0; list-style: none;}

/* FORMS
--------------------------------------------- */
/* Sign Up Form */
div.sign-up-form {padding: 0 0 6px 6px; background: url(http://www.grassrootstraining.net/tpp/image/bg-side-box.png) bottom left no-repeat; margin: 0 0 30px 0; height: 1%;}
div.sign-up-form-inner {border: 1px solid #d4e2f7; background-color: #FFF; padding: 4px 6px; color: #254a78; height: 1%;}
div.sign-up-form-inner-most {background-color: #eef2f8; padding: 15px 0 18px 3px;}
div.sign-up-form fieldset {padding: 0; margin: 0; border: none;}
div.sign-up-form label {font-size: .93em; float: left; width: 75px; margin: 0 7px 0 0; display: block; text-align: right; vertical-align: top; position: relative; top: 5px;}
div.sign-up-form .txt {width: 132px; float: left; display: block; vertical-align: top;}
div.sign-up-form h2 {text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 0 10px; font-size: 1.385em;}
div.sign-up-form h3 {text-transform: uppercase; margin: 20px 0 10px 0; padding: 0 0 0 5px; font-size: 1em;}
div.sign-up-form h4 {text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 0 5px; font-size: 1em;}
div.sign-up-form h5 {text-transform: uppercase; margin: 0 0 1px 0; padding: 0 0 0 10px; font-size: .8em;}
div.sign-up-form .btn {width: 106px; height: 25px; text-align: center; font-family: "Lucida Grande", Verdana, sans-serif; color: #FFF; background: url(http://www.grassrootstraining.net/tpp/image/bg-button.png) top left no-repeat; border: none; font-size: .93em; padding: 0 0 3px 0; margin: 7px 0 0 69px; display: block;}

div.form-row {padding: 3px 0;}
/* Auto Clear Form Row */
div.form-row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.form-row {display: inline-block;}
/* Hides from IE-mac \*/
* html div.form-row {height: 1%;}
div.form-row {display: block;}
/* End hide from IE-mac */

/* Lecture Survey Form */
div.lecture-survey-form fieldset {border: none; padding: 0; margin: 0;}
div.lecture-survey-form h4 {color: #254a78; font-size: .93em; padding: 0; margin: 0 0 4px 0;}
div.lecture-survey-form span.ep {color:#254a78; font-size: .85em; padding: 0; margin: 0 0 4px 0;}
div.lecture-survey-form p {margin: 0 0 9px 0;}
div.lecture-survey-form p strong {color: #254a78;}

/* Comments Form */
div.comments {padding: 0 0 20px 49px;}
div.comments label {width: 79px; float: left; font-size: .85em; padding: 4px 0 0 0;}
div.comments textarea {width: 273px; height: 212px; float: left; border: 1px solid #dcddde; padding: 0; margin: 0;}

/* Survey - One to Five Radio Inputs */
div.lecture-survey-form ul.one-to-five {margin: 0; padding: 0 0 20px 15px;}

/* Auto Clear Form Row */
div.lecture-survey-form ul.one-to-five:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.lecture-survey-form ul.one-to-five {display: inline-block;}
/* Hides from IE-mac \*/
* html div.lecture-survey-form ul.one-to-five {height: 1%;}
div.lecture-survey-form ul.one-to-five {display: block;}
/* End hide from IE-mac */

div.lecture-survey-form ul.one-to-five li {padding: 0 4px; margin: 0; list-style: none; float: left; text-align: center;}
div.lecture-survey-form ul.one-to-five li input {display: block;}

/* Text Input Form */
div.text-input-form {padding: 0 0 28px 0;}
div.text-input-form label {display: block; width: 108px; float: left; text-align: right; margin: 0 20px 0 0; font-size: .85em; vertical-align: middle; padding: 8px 0 0 0;}
div.text-input-form .txt {width: 263px; float: left; vertical-align: middle; border: 1px solid #dcddde; padding: 5px;}
div.text-input-form .btn {width: 208px; height: 45px; background: url(http://www.grassrootstraining.net/tpp/image/bg-form-submit.png) top right no-repeat; display: block; height: 45px; line-height: 45px; text-transform: uppercase; color: #FFF; font-family: Arial, sans-serif; font-size: 1.08em; padding: 0; margin: 8px 0 0 126px; font-weight: bold; border: none;} 
div.text-input-form p.required-label {color: #285183; font-size: 85%; width: 403px; text-align: right; margin: 0 0 3px 0;}
div.text-input-form p.required-label span {position: relative; top: 2px;}
div.text-input-form span.required {color: #285183; position: relative; top: 7px; padding: 0 0 0 4px;}

/* DEFAULT LINKS
--------------------------------------------- */
a:link, a:visited {color: #1f4494;}
a:hover {color: #1f4494; text-decoration: none;}

/* MISC
--------------------------------------------- */
img {border: none;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.loginalert {color:#d4e2f7; font-size:large; text-transform:uppercase; font-weight:bold;}

#signuppage { color:#FFF; }
#signuppage a{ color:#FFF; }
#signuppage .error { color:#F00;}
#errorbox h3 {background-color: #eef2f8; color:#F00; margin:10px; padding:10px; }
#errorbox a {color:#00F;}
.comingsoon {color:black; font-size:smaller;}

#promovideo {border:#000 thin solid; margin:0; margin-bottom:15px; margin-top:-6px;}
#regnow {margin-top:16px 0;}
#regnow a {margin-top:16px 0; text-transform:uppercase}
#regnow.h2, #regnow h3, #regnow h4, #regnow h5{margin:10px 0;  text-transform:none; }