/* screen.css */


/* ---------------------------------- */
/* utility classes */
/* ---------------------------------- */
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.dev-note { background-color: #fee; border: solid 1px #900; color: #900; padding: 5px; margin: 0px 0px 5px 0px; }
/*.dev-note { display: none; }*/

.dev-note ul { list-style-type: disc; list-style-position: outside; padding: 0 0 0 15px; }

.dev-todo { background-color: #fee; border: solid 1px #900; color: #900; padding: 5px; margin: 0; }

.dev-table {}
.dev-table th, .dev-table td { background-color: #fff; border: solid 1px #000; padding: 4px; }
.dev-table th { background-color: #ddd; }


/* ========================================================================== */
/* global defaults and master page layout */
/* ========================================================================== */

/* ---------------------------------- */
/* Master Page */
/* ---------------------------------- */
body
{
    /* 150x1024, Size: 20.2 / Size on disk: 24.0 KB */
    background: #e2cd96 url(../images/master/body-bg-150x1024.jpg) repeat 0 0;
    color: #454537;
    font: normal normal normal 12px/18px Arial, Sans-Serif; 
}

#body-bg-inner
{
    /* 150x570, Size: 9.57 / Size on disk: 12.0 KB */
    background: transparent url(../images/master/body-bg-top-150x570.jpg) repeat-x 0 0;
    width: 100%;
}

#wrapper
{
    width: 960px;
    min-height: 570px; /* Should be set to the height of "body-bg-top.jpg" */
    margin: 0 auto;
    padding: 20px 0 0 0;
}


/* ---------------------------------- */
/* #page-header */
/* ---------------------------------- */
#page-header { position: relative; height: 67px; }

/* #logo */
#logo { position: absolute; bottom: 0px; left: 0px; z-index: 2; }

/* #main-navigation */
#main-navigation
{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #46473f url(../images/master/main-navigation-bg.png) no-repeat 0 0;
    width: 740px;
    height: 36px;
	color:#fff;
}

#main-navigation li { float: left; }
/*#main-navigation ul li:first-child { padding-left: 10px; }*/

#main-navigation li a
{
    display: block;
    height: 36px;
    line-height: 36px; /* ??? */
    overflow: hidden;
    position: relative;
    text-align: center;
}

#main-navigation li a span
{
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
}




#nav-my-challenge { margin: 0 10px 0 10px; }
#nav-my-challenge-on { margin: 0 10px 0 10px; }

#nav-join-challenge { margin: 0 10px 0 10px; }
#nav-join-challenge-on { margin: 0 10px 0 10px; }

#nav-find-actions { margin-right: 10px; }
#nav-find-actions-on { margin-right: 10px; }

#nav-teams { margin-right: 10px; }
#nav-teams-on { margin-right: 10px; }	

#nav-blog { margin-right: 10px; }
#nav-blog-on { margin-right: 10px; }

#nav-kids { margin-right: 10px; }
#nav-kids-on { margin-right: 10px; }

#nav-login { position: absolute; top: 0; right: 10px; }

#nav-logout { position: absolute; top: 0; right: 10px; }

#nav-logout div.currentuser {float:right; margin-top:10px; margin-right:5px; color:#FFF;}
#nav-logout div.signoutbutton {float:right;}

/*
#nav-logout div.currentuser .user {margin-top:15px;}
#nav-logout div.signoutbutton .button {background-image: url(../images/master/nav-logout.png); background-repeat: no-repeat;}
*/

#nav-my-challenge a { width: 114px; }
#nav-my-challenge-on a { width: 114px; }
#nav-join-challenge a { width: 150px; }
#nav-join-challenge-on a { width: 150px; }
#nav-find-actions a { width: 106px; }
#nav-find-actions-on a { width: 106px; }
#nav-teams a { width: 63px; }
#nav-teams-on a { width: 63px; }
#nav-blog a { width: 51px; }
#nav-blog-on a { width: 51px; }
#nav-login a { width: 56px; }
#nav-logout a { width: 68px; }
#nav-kids a { width: 76px; }
#nav-kids-on a { width: 76px; }
#nav-teachers a { width: 112px; }
#nav-teachers-on a { width: 112px; }

#nav-my-challenge a span { background-image: url(../images/master/nav-my-challenge.png); }
#nav-my-challenge-on a span { background-image: url(../images/master/nav-my-challenge-on.png); }

#nav-join-challenge a span { background-image: url(../images/master/nav-join-challenge.png); }
#nav-join-challenge-on a span { background-image: url(../images/master/nav-join-challenge-ON.png); }

#nav-find-actions a span { background-image: url(../images/master/nav-find-actions.png); }
#nav-find-actions-on a span { background-image: url(../images/master/nav-find-actions-on.png); }

#nav-teams a span { background-image: url(../images/master/nav-teams.png); }
#nav-teams-on a span { background-image: url(../images/master/nav-teams-on.png); }

#nav-blog a span { background-image: url(../images/master/nav-blog.png); }
#nav-blog-on a span { background-image: url(../images/master/nav-blog-on.png); }

#nav-kids a span { background-image: url(../images/master/nav-for-kids.png); }
#nav-kids-on a span { background-image: url(../images/master/nav-for-kids-on.png); }

#nav-teachers a span { background-image: url(../images/master/nav-for-teachers.png); }
#nav-teachers-on a span { background-image: url(../images/master/nav-for-teachers-on.png); }

#nav-login a span { background-image: url(../images/master/nav-login.png); }



#do-you-have-an-account { position: absolute; top: 0; right: 66px; }

#do-you-have-an-account div
{
    display: block;
    height: 36px;
    line-height: 36px; /* ??? */
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 142px;
}

#do-you-have-an-account span
{
    background-repeat: no-repeat;
    background-image: url(../images/master/txt-do-you-have-an-account.png);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 142px; 
}


#signoutButton {color:red;}

/* #aux-navigation */
#aux-navigation { position: absolute; top: 3px; right: 190px; }
#aux-navigation li { display: inline; padding: 0 10px 0 11px; background: transparent url(../images/master/aux-navigation-li-divider.gif) no-repeat 0 2px; }
#aux-navigation li.first { background: none; padding-left: 0; }
#aux-navigation li, #aux-navigation li a { font-size: 12px; color: #74756a; }
#aux-navigation li a, #aux-navigation li a:link, #aux-navigation li a:visited { text-decoration: none; }
#aux-navigation li a:hover, #aux-navigation li a:active { text-decoration: underline; }

#aux-navigation li a.selected {font-weight:bold;}


/* #search */
#search { position: absolute; top: 2px; right: 0; }
#search label {padding: 0 25px 0 0;}

#ctl00_txtSearchTerms /* fragile, change to other handle. Also refereneced in main.js. */
{
    position: absolute;
    top: 0;
    right: 25px;
    border: solid 1px #74756a;
    background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;
    height: 17px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #74756a;
    padding: 2px 2px 0 4px;
    width: 150px;
}

#ctl00_txtSearchTerms:focus { border: solid 1px #2F2C2C; }

#ctl00_btnSearchSubmit { position: absolute; top: 0; right: 0; }

/* ---------------------------------- */
/* #page-footer */
/* ---------------------------------- */
#page-footer { margin: 20px 0 80px 0; border-top: 3px solid rgba(70, 71, 63, 0.2); padding: 20px 0 0 0; }

#page-footer .box { background-color: #46473f; position: relative; }
#page-footer .box .inner { position: relative; min-height: 45px; }

.page-footer-column-container {
    margin-bottom: 25px;
}

#page-footer .blog { float: left; width: 436px; border-right: 3px solid rgba(70, 71, 63, 0.2); padding-right: 20px; margin-right: 20px; }
#page-footer .blog p.title, #page-footer .newsletter p.title { font: 36px/29px 'KlavikaBold', Arial, Sans-serif; text-shadow: #f3ebdc 0 1px 0; }

#page-footer .blog p.title { height: 51px; background: url(../images/master/from-the-blog.png) left no-repeat; padding: 25px 0 0 64px; }
#page-footer .blog #blog-feed .blog-title { font: 22px/29px 'KlavikaBold', Arial, sans-serif; margin: 0 0 5px 0; }
#page-footer .blog #blog-feed .blog-title a { color: #46473f; text-decoration: none; }
#page-footer .blog #blog-feed p { font: 15px/23px Arial, sans-serif; color: #46473f; margin: 0 0 20px 0; }
#page-footer .blog #blog-feed a.more { font: bold 18px/21px Arial, sans-serif; color: #067595; text-decoration: none; margin: 0 10px 0 0; }

#page-footer .newsletter p.title {
    height: 40px;
    background: url(../images/master/e-newsletter-envelope.png) left no-repeat;
    padding: 25px 0 0 58px;
    margin: 0 0 10px 0;
}

#page-footer .newsletter p.copy {
    font: 15px/23px Arial, sans-serif;
    color: #46473f;
}

#page-footer .newsletter .newsletter-form-complete {
    font: 16px/18px 'KlavikaBold', Arial, Sans-serif;
    text-shadow: #F3EBDC 0 1px 0;
    min-height: 50px;
}

#page-footer .newsletter {
    float: left;
    width: 480px;
}

#page-footer .newsletter .newsletter-form {
    width: 310px;
    margin: 20px 0 0 0;
}

#page-footer .newsletter .newsletter-form input.newsletter-txt {
    margin: 0;
    padding: 6px 4px 5px 4px;
    float: left;
    background: #FFF;
    border: 1px solid #867c60;
    font: 15px/15px Arial, sans-serif;
    color: #7d7e78;
    -moz-box-shadow: inset 6px 6px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 6px 6px 8px rgba(0, 0, 0, 0.15);
    box-shadow: inset 6px 6px 8px rgba(0, 0, 0, 0.15);
}

#page-footer .newsletter .newsletter-form input.newsletter-txt.first {
    width: 140px;
    margin-right: 10px;
}

#page-footer .newsletter .newsletter-form input.newsletter-txt.last {
    width: 140px;
}

#page-footer .newsletter .newsletter-form input.newsletter-txt.email {
    width: 300px;
    margin: 7px 0 9px 0;
}

#page-footer .newsletter .newsletter-form a.button {
    background-image: linear-gradient(bottom, rgb(21,148,176) 25%, rgb(14,195,236) 75%);
    background-image: -o-linear-gradient(bottom, rgb(21,148,176) 25%, rgb(14,195,236) 75%);
    background-image: -moz-linear-gradient(bottom, rgb(21,148,176) 25%, rgb(14,195,236) 75%);
    background-image: -webkit-linear-gradient(bottom, rgb(21,148,176) 25%, rgb(14,195,236) 75%);
    background-image: -ms-linear-gradient(bottom, rgb(21,148,176) 25%, rgb(14,195,236) 75%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(21,148,176)), color-stop(0.75, rgb(14,195,236)) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ec5ec', endColorstr='#1493af');
    display: block;
    float: left;
    font-weight: bold;
    font-size: 11px;
    color: #d9f7ff;
    text-transform: uppercase;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#page-footer .newsletter .newsletter-form a.button:hover {
    color: #fff;
    text-decoration: none;
}

#page-footer .newsletter .newsletter-form a.button span {
    display: block;
    line-height: 16px;
    padding: 3px 0 3px 10px;
}

#page-footer .newsletter .newsletter-form a.button:active {
    color: #fff;
    text-decoration: none;
    outline: none;
}

#page-footer .newsletter .newsletter-form a.button:active span {
    padding: 4px 0 2px 10px;
}

#page-footer #navigation-copyright { float: left; width: 718px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
#page-footer #navigation-copyright .inner { margin: 17px 16px 17px 16px; } /* Might need to tweak this due to jquery.corners usage */

#page-footer #navigation-copyright ul {}
#page-footer #navigation-copyright ul li { display: inline; padding: 0 10px 0 11px; /* 11px to account for 1px bg image */ font-size: 12px; background: transparent url(../images/master/page-footer-li-divider.gif) no-repeat 0 2px; }
#page-footer #navigation-copyright ul li.first { background: none; padding-left: 0; }
#page-footer #navigation-copyright ul li a, #page-footer #navigation-copyright ul li a:link { color: #e3dbc1; text-decoration: none; }
#page-footer #navigation-copyright ul li a:hover { text-decoration: underline; }
#page-footer #navigation-copyright ul li a strong { font-weight: bold; }

#page-footer #navigation-copyright p { font-size: 11px; color: #e3dbc1; margin: 10px 0 0 0; }

#page-footer #social-networking { float: right; width: 238px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
#page-footer #social-networking .inner { margin: 17px 0 18px 20px; } /* Might need to tweak this due to jquery.corners usage */

#page-footer #social-networking li, #page-footer #social-networking li a { font-size: 11px; color: #e3dbc1; }
#page-footer #social-networking li a:link, #page-footer #social-networking li a:visited { text-decoration: none; }
#page-footer #social-networking li a:hover, #page-footer #social-networking li a:active { text-decoration: underline; }

#page-footer #social-networking li { position: absolute; }
#page-footer #social-networking li#sn-facebook { top: 0; left: 0; }
#page-footer #social-networking li#sn-youtube { top: 0; left: 20px; }
#page-footer #social-networking li#sn-twitter { top: 0; left: 40px; }
#page-footer #social-networking li#sn-flickr { top: 0; left: 60px; }
#page-footer #social-networking li#sn-addthis { top: 0; left: 95px; }
#page-footer #social-networking li#sn-blog-feed { top: 30px; left: 0; }
#page-footer #social-networking li#sn-email-newsletter { top: 30px; left: 95px; }

#page-footer #social-networking li#sn-blog-feed a { display: block; height: 16px; padding: 0 0 0 20px; background: transparent url(../images/master/icon-blog-feed.png) no-repeat 0 0; }
#page-footer #social-networking li#sn-email-newsletter a { display: block; height: 16px; padding: 0 0 0 20px; background: transparent url(../images/master/icon-email-newsletter.png) no-repeat 0 0; }


/* ---------------------------------- */
/* #page-body */
/* ---------------------------------- */
#page-body { border-top: 4px solid #fff; margin-top: 12px; padding-top: 12px; } 




/* ========================================================================== */
/* generic page layout and formatting */
/* ========================================================================== */
#content-header { position: relative; height: 60px; }
#content-header.offline-participant { height: auto; position: relative; }
#content-header h1, #content-header .section-title { position: absolute; left: 20px; top: 15px; padding: 0; font: 36px/29px 'KlavikaBold', Arial, Sans-serif; text-shadow: #FFF 0 1px 0; color: #454537; }
#content-body { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* rounded corners */

/* Layout: Anniversary Page */
.anniversary-ribbon { position: absolute; z-index: 2; }
.anniversary-body-copy { font: 16px/31px Arial, sans-serif; color: #46473f; padding: 20px 0; margin: 20px 0 40px 0; border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; }
.anniversary-body-copy a { color: #067595; }
.anniversary-page .comment-items { float: right; background: #FFF; padding: 30px 15px; width: 440px; }
.anniversary-page .comment-items p.heading { text-transform: uppercase; font: 20px/20px 'KlavikaBold', Arial, sans-serif; padding: 0 0 20px 0; border-bottom: 2px solid #f8f5f0; }
.anniversary-page .comment-items li { border-bottom: 2px solid #f8f5f0; padding: 15px 0; }
.anniversary-page .comment-items li .comment-username { color: #057696; margin: 0 0 5px 0; }
.anniversary-page .BoardPanel { width: 470px; background: #FFF; }
.anniversary-page .BoardPanel tbody tr td { padding: 40px 30px 30px 30px; }
.anniversary-page .comments-edit textarea { width: 350px; height: 100px; }
.anniversary-page .guestbook h2 { font: 36px/29px 'KlavikaBold', Arial, sans-serif; text-shadow: #F3EBDC 0 1px 0; margin: 0 0 10px 0; }
.anniversary-page .guestbook .guestbook-intro { font: 15px/29px Arial, sans-serif; color: #46473f; margin: 0 0 20px 0; }
.anniversary-page .guestbook .login-prompt { font: bold 12px/18px Arial, sans-serif; margin: 0 0 10px 0; }
.anniversary-page .guestbook .login-prompt a { color: #067595; text-decoration: none; }
.anniversary-page .guestbook .login-prompt a:hover { color: #F0AF00; text-decoration: underline; }

/* Layout: Home page */
.slide-scroller { position: relative; overflow: hidden; width: 960px; height: 320px; padding: 0; }
.slide-scroller a.control { display: block; width: 50px; height: 50px; padding: 0px; cursor: pointer; position: absolute; z-index: 1; top: 135px; }
.slide-scroller a.control.prev { left: 0; background: url(../images/home-slides/prev-control.png) no-repeat; }
.slide-scroller a.control.next { right: 0; background: url(../images/home-slides/next-control.png) no-repeat; }
.slide-scroller .dots { position: absolute; bottom: 0; left: 50%; }
.slide-scroller .dots .dot { float: left; width: 16px; height: 16px; margin: 0 2px; background: url(../images/home-slides/dot.png) no-repeat; cursor: pointer; }
.slide-scroller .dots .dot.active { background: url(../images/home-slides/dot-active.png) no-repeat; cursor: auto; }
.slides { width: 20000em; position: absolute; clear: both; height: 320px; }
.slides .slide { position: relative; width: 960px; height: 320px; float: left; padding: 0px; margin-right: 0px; }
.slides .slide:first-child { display: block; }
.slides .slide img { margin: 0 20px 0 65px; float: left; }
.slides .slide p.title { font: 46px/54px 'KlavikaMedium', Arial, sans-serif; text-shadow: #FFF 0 1px 0; margin: 65px 0 10px 0; }
.slides .slide p.teaser { font: 18px/28px Arial, sans-serif; text-shadow: #FFF 0 1px 0; margin: 0 60px 20px 0; }
.slides .slide p.copy { font: 32px/34px 'KlavikaMedium', Arial, sans-serif; text-shadow: #FFF 0 1px 0; margin: 60px 0 0 80px; width: 350px; }
.slides .slide p.link { font: bold 18px/21px Arial, sans-serif; margin-right: 20px; }
.slides .slide p.link a { color: #067595; text-decoration: none; }
.content-body-1 { background: url(../images/common/content-body-bg-1.gif) repeat-y 0 0; height: 1%; }
#content-body .content-main-1 { width: 960px; }
#content-body .content-main-inner-1 { padding: 20px 20px 20px 20px; }


/* Layout: 2-column, left-hand sidebar */
.content-body-2 { background: url(../images/common/content-body-bg-2.gif) repeat-y 0 0; height: 1%; }
#content-body .content-main-2 { margin-left: 210px; width: 750px; }
#content-body .content-main-inner-2 { padding: 20px 20px 20px 30px; }
#content-body .content-main-inner-2 .calendar table { padding: 10px; }
#content-body .content-main-inner-2 .calendar table .next-prev-links { padding: 15px 10px 0px 10px; }
#content-body .content-main-inner-2 .EventManagerRegTitle { display: block; font-size: 22px; font-weight: bold; margin-bottom: 5px; color: #575757; line-height: 30px; }
#content-body .content-main-inner-2 .EventManagerRegError { display: block; margin-bottom: 10px; font-weight: bold;color: #f00; }
/* MB 111709 - there was width: 620px; applied below, which was causing the two column on action detail to collapse. */
/* Removing it cause the Team Standings page to collapse. I moved it to #team-standings-page below  */
#content-body .content-main-inner-2 { float: left; } /* Fix float issues  */
#content-body .sidebar-2 { float: left; width: 206px; }
#content-body .sidebar-inner-2 { padding: 20px 12px 20px 16px; }

/* Layout: 2-column, right-hand sidebar */
.content-body-3 { background: url(../images/common/content-body-bg-3.gif) repeat-y 0 0; height: 1%; }
#content-body .content-main-3 { float: left; width: 636px; }
#content-body .content-main-inner-3 { padding: 20px 20px 20px 20px; }
#content-body .sidebar-3 { margin-left: 640px; width: 320px; }
#content-body .sidebar-inner-3 { padding: 20px; }
#content-body .sidebar-inner-3 { float: left; width: 280px; } /* Fix float issues */

/* Layout: 1-column */
.content-body-4 { background-color: #fff; }
#content-body .content-main-4 { width: 960px; }
#content-body .content-main-inner-4 { padding: 20px 20px 20px 20px; }

/* Link colors */
#content-body a { color: #067595; text-decoration: none; }
#content-body a:hover { color: #f0af00; text-decoration: underline; }

/* ========================================================================== */
/* general type styling */
/* ========================================================================== */

/* #content-main: type styling */
#content-main p { font-size: 13px; line-height: 19px; margin-bottom: 10px; }
#content-main h1 { font: 30px/30px 'KlavikaBold', Arial, sans-serif; color: #575757; padding: 10px 0px; }
#content-main h2 { font: 20px/24px 'KlavikaBold', Arial, sans-serif; color: #575757; padding: 10px 0px 5px 0px; }
#content-main h3 { font: 16px/18px 'KlavikaBold', Arial, sans-serif; color: #575757; padding: 10px 0px 5px 0px; }
#content-main h4 { font-size: 12px; line-height: 18px; font-weight: bold; color: #575757; text-transform: uppercase; padding: 10px 0px 5px 0px; }
#content-main hr { height: 0px; color: #fff; border-top: 3px solid #f8f5f0; border-left: 0px; border-right: 0px; border-bottom: 0px;  }

/* ========================================================================== */
/* forms */
/* ========================================================================== */

.form fieldset {clear: both; margin: 10px 0px 10px 0px;}
.form legend { padding: 0 0 15px; font-size: 16px; font-weight: bold; color: #575757; }
.form fieldset fieldset legend {padding: 0 0 10px; color: #60604d; font-size: 12px;}

.form .field {clear: both; margin: 0 0 1.5em; float:left;}
.form .field label {display: block; color: #60604d; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
.form ul.fields {margin: 0 0 1.5em; padding: 0;}
.form ul.fields li {list-style-type: none; margin: 0;}
.form ul.inline li, .form ul.inline label {display: inline;}
.form ul.inline li {padding: 0 .75em 0 0;}

.form input.radio, .form input.checkbox {vertical-align: top;}
.form label, .form button, .form input.submit, .form input.ContentButton, .form input.image {cursor: pointer;}

/* submit button styling  */
.form button, .form input.submit, .form input.ContentButton {font-family: Arial,Sans-Serif;}

.form span.input-button  {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
}

.form span.input-button:hover {
    background-position: right -44px;
}

.form span.input-button input.ContentButton, .form span.input-button input.submit {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_span.gif') no-repeat;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    color: #d9f7ff;
    display: block;
    line-height: 16px;
    height: 22px;
    padding: 2px 0 3px 10px;
}

.form span.input-button:hover input.ContentButton, .form span.input-button:hover input.submit {
    color: #fff;
    background-position: 0 -44px;
}

.form span.input-button:active {
    background-position: right -22px;
    outline: none; /* hide dotted outline in Firefox */
}

.form span.input-button:active input.submit {
    background-position: 0 -22px;
    color: #fff;
    height: 22px;
    padding: 4px 0 2px 10px;  /* push text down one pixel */
}


/* cancel link */
.form a.cancel {
    display: block;
    float: left;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    padding: 3px 0 3px 5px;
    height: 22px;
    margin-right: 6px;
}

.form textarea {overflow: auto; width: 85%;}
/* fields are 400 wide. can override for specific forms */
.form input.text, .form input.password, .form textarea { width: 400px;}
.form input.text, .form input.password, .form textarea, .form select {margin: 0; font: 13px/19px Arial, Sans-Serif; vertical-align: baseline;}
/* field border colors */
.form input.text, .form input.password, .form textarea {border: 1px solid #CFCFB5; padding: 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
/* .form input.text:focus, .form input.password:focus, .form textarea:focus  { border: 2px solid #27C3EE;} */
.form select { border: 1px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
.form select option { background-color: #fff; }
.participant-content-inner .form select { margin: 10px 0; }

/* form error messages and instructional text */
.form .error-text, .form .inline-error-text { font-size: 11px; color: #bd1900; font-weight: bold;}
.form .instructional-text { font-size: 11px; color: #8F8F86; margin-top: 3px; }
.form fieldset .field span.error-text { display: block; padding-top: 10px;}
.form fieldset .field .inline-error-text { display: block; padding-top: 5px;}

/* horizontal form layout: to put field labels to the left of the fields apply the 'form-horizontal' class to the div enclosing the form */
.form-horizontal .field {padding-left: 150px;}
.form-horizontal .field label { display: inline; float: left; text-align: right; width: 140px; padding-top: 3px; margin-left: -150px; margin-bottom: 0px;}
.form-horizontal fieldset fieldset { padding-left: 150px; }
.form-horizontal fieldset fieldset legend { font-weight: bold; }
.form-horizontal .buttons { clear: both; padding-left: 150px; }

/* -------------------------------------------------------------------------- */
/* Forms: your profile page*/
/* -------------------------------------------------------------------------- */



.your-profile  .form { float: left; width:430px;}
.your-profile .form fieldset.your-profile { padding-top: 10px; padding-bottom: 30px; }
.your-profile  .form input.text, .form input.password, .form textarea { width: 250px;}

/* field border colors */
.your-profile  .form input.text, .form input.password, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
.your-profile  .form input.text:focus, .your-profile  .form input.password:focus, .your-profile  .form textarea:focus  { border: 2px solid #27C3EE;}
.your-profile  .form input.zip { width: 100px;}
.your-profile  .form .subscribe label {font-size: 11px; line-height: 12px;}
.your-profile  .form .subscribe .checkbox input {margin-left: -20px; margin-right: 5px; padding: 0;}
.your-profile  .form .subscribe ul.fields li {margin: 0; padding: 0 .75em 0 20px;}
.your-profile  .form fieldset .field span.error-text { }

.your-profile  .login-link { margin-left: 440px; padding-top: 20px; }

.your-profile   #sidebar img.join-step { margin-bottom: 20px; }




/* ========================================================================== */
/* lists */
/* ========================================================================== */




/* #content-main: list styling */
#content-main ul.bullet-list { list-style-type: disc; margin-left: 20px; padding: 0px 0px 10px 0px; }
#content-main ul.bullet-list li { padding: 0px 0px 10px 0px; }
#content-main ol.number-list { list-style-type: decimal; margin-left: 25px; padding: 0px 0px 10px 0px; }
#content-main ol.number-list li { padding: 0px 0px 10px 0px; }

/* #content-main: ul.related-resources */
#content-main ul.related-resources .file-type { font-size:12px; font-weight: normal; color: #60604d;}

/* #content-main: faq list */
#content-main ul.faqs { margin: 0px 0px 0px 0px; }
#content-main ul.faqs li { padding: 0px 0px 0px 0px;}
#content-main ul.faqs .faq-q { font-size: 24px; font-weight: bold; color: #f0af00; text-align: center; padding: 7px 0px 0px 0px; float: left; }
#content-main ul.faqs .faq-content { margin: 0px 0px 0px 5px; float: left; width: 90%; }

/* ========================================================================== */
/* general sidebar styling */
/* ========================================================================== */

/* #sidebar: type styling */
#sidebar p { font-size: 12px; line-height: 18px; color: #60604d; margin-bottom: 10px; }
#sidebar h2 { font: 20px/20px 'KlavikaBold', Arial, sans-serif; color: #575757; text-transform: uppercase; padding: 0px 0px 5px 0px; }
#sidebar h3 { font-size: 14px; line-height: 20px; font-weight: bold; color: #575757; padding: 10px 0px 5px 0px; }
#sidebar .more-link { font-size: 11px; padding:5px 0px 0px 0px; border-top: solid 2px #f8f5f0; margin: 0px 10px 0px 0px;}


/* ========================================================================== */
/* buttons */
/* ========================================================================== */

/* #content-body: button styling for 22px high blue buttons */
/* works with anchor tags and asp:linkbutton */
/* additional class may be added for differnt colors and vertical sizes */

/* default blue buttons */
#content-body a.button {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 11px;
    color: #d9f7ff;
    text-transform: uppercase;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
}

#content-body a.button:hover {
    color: #fff;
    text-decoration: none;
    background-position: right -44px;
}

#content-body a.button span {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 0 3px 10px;
}

#content-body a.button:hover span {
    background-position: 0 -44px;
}

#content-body a.button:active {
    background-position: right -22px;
    color: #fff;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

#content-body a.button:active span {
    background-position: 0 -22px;
    padding: 4px 0 2px 10px;  /* push text down one pixel */
}

/* blue check mark button */
#content-body a.button-check {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_a.gif') no-repeat scroll top right;
    display: -moz-inline-stack; 
    display: inline-block;
    float: none;
    font-weight: bold;
    font-size: 11px;
    color: #d9f7ff;
    text-transform: uppercase;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
}

#content-body a.button-check:hover {
    color: #fff;
    text-decoration: none;
    background-position: right -44px;
}

#content-body a.button-check span {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_checkmark_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 0 3px 23px;
}

#content-body a.button-check:hover span {
    background-position: 0 -44px;
}

#content-body a.button-check:active {
    background-position: right -22px;
    color: #fff;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

#content-body a.button-check:active span {
    background-position: 0 -22px;
    padding: 3px 0 3px 23px;
}

/* blue add button */
#content-body a.button-add {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_a.gif') no-repeat scroll top right;
    display: -moz-inline-stack; 
    display: inline-block;
    float: none;
    font-weight: bold;
    font-size: 11px;
    color: #d9f7ff;
    text-transform: uppercase;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
}

#content-body a.button-add:hover {
    color: #fff;
    text-decoration: none;
    background-position: right -44px;
}

#content-body a.button-add span {
    background: transparent url('../images/common/btnsprite_22pxhigh_blu_plus_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 3px 0 3px 23px;
}

#content-body a.button-add:hover span {
    background-position: 0 -44px;
}

#content-body a.button-add:active {
    background-position: right -22px;
    color: #fff;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

#content-body a.button-add:active span {
    background-position: 0 -22px;
    padding: 3px 0 3px 23px;
}

/* delete link button */
#content-body a.button-delete {
    background: transparent url('../images/common/btnsprite-delete.gif') no-repeat scroll 0 2px;
    display: inline-block;
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    height: 22px;
    margin-right: 6px;
    padding: 6px 0px 0px 13px;
}

#content-body a.button-delete:hover {
    background-position: left -20px;
}

/* 55 x 22 white button with active state */
#content-body a.btn-small-white {
    background: transparent url('../images/common/btnsprite_55x22_white.gif') no-repeat scroll top left;
    font-weight: normal;
    font-size: 11px;
    color: #717165;
    display: block;
    height: 16px;
    width: 55px;
    line-height: 16px;
    text-align: center;
    padding: 3px 0 3px 0;
    margin: -1px 0 0 0;
}

#content-body a.btn-small-white:hover {
    color: #717165;
    text-decoration: none;
}

#content-body a.btn-small-white:active {
    background-position: 0 -22px;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

/* ========================================================================== */
/* template-specific page layout and formatting */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* Template: Home Page (HomePage.aspx) */
/* -------------------------------------------------------------------------- */

#homepage {}
#homepage h2 { font: 36px/29px 'KlavikaBold', Arial, sans-serif; text-shadow: #F3EBDC 0 1px 0; }
#homepage p.description { font: 15px/29px Arial, sans-serif; }
#homepage p.description a { font-weight: bold; }
#homepage p.description a:hover { text-decoration: none; color: #067595; }

#homepage .statistics { background: rgba(255, 255, 255, 0.2); border: 3px solid #FFF; padding: 40px 80px 30px 80px; margin: 0 0 30px 0; }
#homepage .statistics p.heading { font: 24px/36px 'KlavikaMedium', Arial, sans-serif; text-shadow: #F3EBDC 0 1px 0; text-align: center; margin: 0 0 20px 0; }
#homepage .statistics .sign-up-callout { font: 22px/29px Arial, sans-serif; text-align: center; margin: 20px 0 0 0; }
#homepage .statistics .sign-up-callout a { font-weight: bold; }
#homepage .statistics .sign-up-callout a:hover { text-decoration: none; color: #067595; }
#homepage .statistics .participants { background: url(../images/master/participants-bg.png) top left no-repeat; float: left; padding: 0 0 0 105px; }
#homepage .statistics .savings { background: url(../images/master/savings-bg.png) top left no-repeat; float: right; padding: 0 0 0 105px; margin: 0 4px 0 0; }
#homepage .statistics p.title { font: 18px/18px 'KlavikaMedium', Arial, sans-serif; margin: 0 0 10px 0; }
#homepage .statistics .participants .figures .bottom-box { background: #eea53e; font: bold 16px/17px Arial, sans-serif; color: #f8f6e6; padding: 8px 10px; }
#homepage .statistics .savings .figures .bottom-box { background: #46473f; font: 16px/17px Arial, sans-serif; color: #f8f6e6; padding: 8px 10px; }
#homepage .statistics .savings .figures .bottom-box span { font-weight: bold; color: #eea736; }
#homepage .statistics .figures { position: relative; }
#homepage .statistics .figures img.comma { position: absolute; top: 32px; margin-left: -9px; }
#homepage .statistics .how-it-works { margin: 40px 0 0 0; }
#homepage .statistics .how-it-works .top-border { height: 20px; background: url(../images/master/how-it-works-heading.png) center no-repeat; margin: 0 0 10px 0; }
#homepage .statistics .how-it-works .bottom-border { height: 20px; background: url(../images/master/how-it-works-bottom.png) center no-repeat; margin: 10px 0 0 0; }
#homepage .statistics .how-it-works .middle .item { font: bold 16px/20px Arial, sans-serif; float: left; width: 337px; background: url(../images/master/tick.png) top left no-repeat; padding: 0px 25px; margin: 10px 0 10px 10px; }

#homepage .actions { background: #FFF; padding: 12px 15px; margin: 10px 0 40px 0; }
#homepage .actions .action-categories-list { float: right; width: 280px; }
#homepage .actions .action-categories-list p.title { font: 17px/26px 'KlavikaBold', Arial, sans-serif; color: #46473f; margin: 4px 0 15px 0;}
#homepage .actions .action-categories-list .action-categories-description { font: 14px/23px Arial, sans-serif; margin: 0 0 20px 0; }
#homepage .actions .action-categories-list ul li { margin-bottom: 8px; }
#homepage .actions .action-categories-list ul li a { font: bold 14px/15px Arial, sans-serif; }
#homepage .actions .categories { float: left; width: 617px; border-right: 3px solid #e0ccb1; padding: 0 10px 0 0; }
#homepage .actions .action-category.first { margin-bottom: 10px; }
#homepage .actions .action-category p.title { font: 24px/26px 'KlavikaBold', Arial, sans-serif; color: #46473f; border-bottom: 2px solid #f8f5f0; padding: 0 0 10px 0; margin: 0 0 10px 0; }
#homepage .actions .action-category p.title span { font: bold 14px/26px Arial, sans-serif; margin: 0 0 0 10px; }
#homepage .actions .action-category .action { float: left; width: 145px; border-left: 1px dotted #ad995c; padding: 0 30px; }
#homepage .actions .action-category .action.first { border-left: none; }
#homepage .actions .action-category .action img { margin: 0 0 10px 20px; }
#homepage .actions .action-category .action p.action-title { font: bold 18px/21px Arial, sans-serif; margin: 0 0 5px 0; }
#homepage .actions .action-category .action p.action-description { font: 13px/17px Arial, sans-serif; color: #727260; }

#homepage .teams { background: #FFF; padding: 12px 15px; margin: 10px 0 0 0; }
#homepage .teams .category-column { float: left; padding-left: 10px; border-left: 3px solid #e0ccb1; margin-left: 10px; }
#homepage .teams .category-column:first-child { padding: 0; margin: 0; border: none; }
#homepage .teams .category-header { padding: 0px 0px 5px 0px; font: 17px/26px 'KlavikaBold', Arial, sans-serif; color: #46473f; }
#homepage .teams .team-items { margin: 0px 0px 0px 0px; }
#homepage .teams .team-items .team { border-top: solid 2px #f8f5f0; padding: 5px 0px 5px 0px; }
#homepage .teams .team-number { font-size:24px; font-weight: bold; color: #f0af00; text-align:center; padding: 5px 0px 0px 0px; float:left;}
#homepage .teams .team-items-content { margin: 0px 0px 0px 10px; float: left; }
#homepage .teams .team-name { padding: 0px 0px 0px 0px; width: 265px;}
#homepage .teams .team-members { font-size: 11px; color: #60614d; }
#homepage .teams .team-savings { font-size: 11px; color: #60614d; }
#homepage .teams .team-co2 { font-size: 11px; color: #60614d; }
#homepage .teams .see-all-teams { padding: 5px 0px 0px 26px; border-top: solid 2px #f8f5f0; margin: 0px 10px 0px 0px;}
#homepage .teams .see-all-teams a { font-size: 11px; font-weight: normal; }

#global-statistics { margin: 12px 0;}
#global-statistics span { color: #067595; text-decoration: none; }
#global-statistics span:hover { color: #fff; text-decoration: underline; }


/* get widgets button: background won't work */
#global-statistics a.button-100wide {
    background: #fff transparent url('../images/common/btns_22x100px_blu.gif') no-repeat scroll top left;
    display: block;
    float: right;
    font-weight: bold;
    font-size: 11px;
    color: #d9f7ff;
    text-decoration: none;
    text-transform: uppercase;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
}

#global-statistics a.button-100wide:hover {
    color: #fff;
    text-decoration: none;
    background-position: left -44px;
}

#global-statistics a.button-100wide:active {
    background-position: left -22px;
    color: #fff;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}



/*#homepage  ul li a { font-size: 11px; font-weight: bold; }

#homepage .more {font-weight:bold;}

div.homeCol-1 {width: 200px; float: left; }
#homepage div.homeCol-1 p {line-height: 19px; margin-bottom: 10px; }
#homepage div.homeCol-1 h2 {padding-top: 0; }

div.homeCol-2 {width: 200px; float: left; margin-left: 40px;}
#homepage div.homeCol-2 p {line-height: 19px; }
#homepage div.homeCol-2 h2 {padding-top: 0; }

div.homeCol-3 {width: 200px; float: left; margin-left: 40px;}
#homepage div.homeCol-3 p {line-height: 19px; margin-bottom: 10px; }
#homepage div.homeCol-3 h2 {padding-top: 0; }
div.homeCol-3 div.promotion h2 {text-transform: uppercase; }
div.homeCol-3 div.promotion .title {font-weight:bold; margin-top:10px;line-height:16px;}


div.homeCol-4 {width: 200px; float: left; margin-left: 40px;}
div.homeCol-4 #blog-feed { margin-bottom: 20px;}
#homepage div.homeCol-4 p {line-height: 19px; margin-bottom: 10px;}
#homepage div.homeCol-4 h2 {padding-top: 0; }
#homepage div.homeCol-4 .blog-title { font-size:18px; font-weight:normal; line-height:22px; margin-bottom:5px;}*/


/* -------------------------------------------------------------------------- */
/* My Challenge Pages */
/* -------------------------------------------------------------------------- */

/* general stuff for challenge pages */

#participant-summary { margin: 0; }
#participant-summary .avatar { float: left; width: 85px; padding: 0; margin: 0; }
#participant-summary p { font-size: 11px; line-height: 16px; color: #60614d; padding: 0px; margin: 0px 0px 10px 100px; }


#participant-scorecard { margin: 20px 0 0 0; }

/* Participant Bar Graph */
/* see also Team Bar Graph under #team-detail-page below */
#participant-scorecard .bar-graph { margin: 0; padding: 0; }
#participant-scorecard .bar-graph .label { padding: 0 0 3px 5px; font-size:12px; font-weight: normal; color: #60614d; }
#participant-scorecard .my-savings .label { font-weight: bold; }
/*  bar-graph-outer displays the bg image with the bar border */
#participant-scorecard .bar-graph .bar-graph-outer { background: #fff url(../images/common/bar-graph-border-bg2.gif) no-repeat; width: 276px; height: 28px; padding: 3px 0 0 0; }
/*  bar-graph-inner displays the bg image with the orange or blue bar */
#participant-scorecard .bar-graph .bar-graph-outer .bar-graph-inner { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-blue.gif); }
#participant-scorecard .my-savings .bar-graph-outer .bar-graph-inner { background: url(../images/common/bar-graph-bar-bg-orange.gif); }

/* Participant Savings Numbers */
/* see also Teams Savings under #team-detail-page below */
#participant-scorecard { margin-top: 20px; padding-top: 15px; border-top: 4px solid #d9cdb1; }
#participant-scorecard .participant-detail-savings-stats { margin: 10px 0px 0px 0px; }
#participant-scorecard .participant-detail-savings-stats td { border: 0px; padding: 0px 0px 5px 0px; }
#participant-scorecard .participant-detail-savings-stats td.participant-detail-savings-text { font-size: 12px; color: #60604b; font-weight: normal; width: 210px; }
#participant-scorecard .participant-detail-savings-stats td.participant-detail-savings-amount { font-weight: bold; font-size: 14px; color: #454537;}


#participant-co2 { margin-top: 20px; padding-top: 15px; border-top: 4px solid #d9cdb1; }
#participant-co2 .participant-detail-savings-stats { margin: 0 0px 0px 0px; }
#participant-co2 .participant-detail-savings-stats td { border: 0px; padding: 0px 0px 5px 0px; }
#participant-co2 .participant-detail-savings-stats td.participant-detail-savings-text { font-size: 12px; color: #60604b; font-weight: normal; width: 210px; }
#participant-co2 .participant-detail-savings-stats td.participant-detail-savings-amount { font-weight: bold; font-size: 14px; color: #454537;}


/* -------------------------------------------------------------------------- */
/* Plug Meter Page */
/* -------------------------------------------------------------------------- */

.select-appliance {padding: 10px 0;}
.select-appliance select { font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #60614d; border: 1px solid #9e9e92; margin-right: 6px; padding: 2px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0; float: left;}
.select-appliance a.button {float: left; margin-top: 2px; margin-left: 10px; width: 80px; text-align: center;}
.appliance {position: relative;}
.appliance .bar-graph { margin: 0; padding: 5px 0; }
.appliance .bar-graph a.button { margin-top: 3px; width: 80px; text-align: center; float: right !important; }
.appliance .bar-graph .entry { float: left; font-size: 11px; margin-left: 20px; }
.appliance .bar-graph .entry label { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #60604d; }
.appliance .bar-graph .label { padding: 0 0 3px 0; width: 215px; font: bold 11px/11px Arial, sans-serif; color: #60614d; }
.appliance .bar-graph .label span.cost { float: right; font: bold 11px/11px Arial, sans-serif; }
/*  bar-graph-outer displays the bg image with the bar border */
.appliance .bar-graph .bar-graph-outer { float: left; background: #fff url(../images/common/bar-graph-border-bg3.gif) no-repeat; width: 219px; height: 26px; padding: 3px 0 0 0; }
/*  bar-graph-inner displays the bg image with the orange or blue bar */
.appliance .bar-graph .bar-graph-outer .bar-graph-inner { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-blue2.gif) no-repeat; }
.appliance .bar-graph.original .bar-graph-outer .bar-graph-inner { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-orange2.gif) no-repeat; }
.appliance .bar-graph.current .bar-graph-outer .bar-graph-inner.over { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-red2.gif) no-repeat; }
.appliance .bar-graph.current .bar-graph-outer .bar-graph-inner.under { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-green2.gif) no-repeat; }
.appliance .bar-graph-outer .bar-graph-inner { background: url(../images/common/bar-graph-bar-bg-orange.gif); }
.appliance .entry input.text { width: 65px;}
.appliance .entry input.text {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
.appliance .entry input.text:focus { border: 2px solid #27C3EE;}
.appliance .entry input.text {margin-right: 5px; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
.appliance .suggested-actions {margin-bottom: 20px;}
.appliance .suggested-actions .suggested-action {float: left; padding-right: 10px;}
.appliance .suggested-actions .suggested-action a.button {width: 123px; margin: 5px 3px 10px 3px; text-align: center; float: none !important;}
.appliance .remove-appliance {position: absolute; bottom: 10px; right: 0;}
.appliance .remove-appliance a {font-size: 11px; font-weight: bold; color: #d60000 !important;}



/* My Teams List */
/* see also Top 5 Team Section under #team-detail-page below */
#participant-teams  { margin: 20px 0px 10px 0px; padding: 20px 0 40px 0; border-top: 4px solid #d9cdb1; }
#participant-teams  ul.team-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#participant-teams  ul.team-items li { border-top: solid 2px #f8f5f0; padding: 5px 0px 5px 0px; }
#participant-teams  ul.team-items .team-items-content { margin: 0px; }
#participant-teams  ul.team-items .team-name { padding: 0px 0px 0px 0px; }
#participant-teams  ul.team-items .team-stats .team-members { font-size: 11px; color: #60614d; }
#participant-teams  ul.team-items .team-stats .team-savings { font-size: 11px; color: #60614d; }
#participant-teams  ul.team-items .team-stats .team-co2 { font-size: 11px; color: #60614d; } 
#participant-teams  ul.team-items .team-links { font-size: 11px; } 
#participant-teams  .join-more-teams { padding: 10px 0px 0px 0px;}


/* My Widgets Blurb */
#participant-widgets  { margin: 20px 0px 10px 0px; padding: 20px 0 40px 0; border-top: 4px solid #d9cdb1; }

/* -------------------------------------------------------------------------- */
/* User Control: Challenge Navigation (ChallengeNavigation.ascx) */
/* -------------------------------------------------------------------------- */
#challenge-navigation { position: relative; height: 37px; padding: 0px; margin: 0px 0px -2px 0px; }
#challenge-navigation li { float: left; height: 37px; }
#challenge-navigation li a 
{ 
    display: block; 
    height: 27px;
    width: 166px;
    padding: 8px 0px 0px 10px;
    margin: 0px 2px 0px 0px;
    background: transparent url(../images/my-challenge/tab-unselected.gif) 0px 0px no-repeat;
    text-transform: uppercase;
    font: 12px/12px 'KlavikaMedium', Arial, sans-serif;
    color: #727260; 
    text-decoration: none;
}
#challenge-navigation li a.fw img { padding-left: 4px; }
#challenge-navigation img.print { border:1px solid green; align:top:}
#challenge-navigation li a.fw img, #challenge-navigation li a.fw-selected img { margin-top: -2px;}
#challenge-navigation li a.first { padding-left: 8px; background-position: -3px 0px; }
#challenge-navigation li a:hover { color: #f0af00; text-decoration: none; }
#challenge-navigation li.selected a { background: transparent url(../images/my-challenge/tab-selected.gif) 0 0 no-repeat; color: #d69d00; font-weight: bold; }
#challenge-navigation li.selected a.first { background-image: url(../images/my-challenge/tab-first-selected.gif); }
#challenge-navigation li.selected a:hover { color: #f0af00; text-decoration: none; }
#challenge-navigation li .action-number { color: #727260; padding-left: 10px; font-size: 11px; font-weight: normal; text-decoration: none; }


/* -------------------------------------------------------------------------- */
/* Template: Participant Registration Page (RegistrationPage.aspx) */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* Template: Participant Dashboard Page (ParticipantDashboardPage.aspx) */
/* -------------------------------------------------------------------------- */

/* My Actions tab, Layout: we might want to generalize this across all the My Challenge templates */
#participant-dashboard-page .participant-main { background: #fff url(../images/my-challenge/participant-page-bg.gif) repeat-y -20px 0; margin: 0 0 0 0; }
#participant-dashboard-page .participant-content { float: left; width: 616px; }
#participant-dashboard-page .participant-content .participant-content-inner { padding: 0px 20px 20px 0px; }
#participant-dashboard-page .participant-sidebar { margin-left: 620px; width: 300px; }
#participant-dashboard-page .participant-sidebar .participant-sidebar-inner { float:left; width: 280px; padding: 0px 0px 0px 20px; }

/* My Actions tab, state without actions */
#participant-dashboard-page .no-actions-state { padding: 0; }
#participant-dashboard-page .no-actions-state h2.fw { margin-bottom: 10px; }
#participant-dashboard-page .no-actions-state p.intro { color: #727260; font-size: 14px; line-height: 20px; }

/* My Actions tab, state without actions, get random actions control */
#participant-dashboard-page .no-actions-state .one-more-action { padding: 15px 0 20px 0; }
#participant-dashboard-page .no-actions-state .one-more-action .text { float: left; }
#participant-dashboard-page .no-actions-state .one-more-action .text p { font-size: 12px; margin-bottom: 0px; }
#participant-dashboard-page .no-actions-state .one-more-action .button { float: right; text-align: right; margin: 0; }
#participant-dashboard-page .no-actions-state .one-more-action .button a.button-add { margin-right: 0; }
#participant-dashboard-page .no-actions-state .one-more-action select { color: #454537; font-size: 12px; text-transform: lowercase; padding-left: 2px; margin: 0 3px 0 3px; }

/* My Actions tab, state without actions, category list in two columns */
#participant-dashboard-page .no-actions-state .action-category-list { border-top: solid 2px #f8f5f0; padding-top: 20px; }
#participant-dashboard-page .no-actions-state .action-category-list p { margin-bottom: 20px; width: 475px; } 
#participant-dashboard-page .no-actions-state .action-category-list ul li { margin-bottom: 5px; }
#participant-dashboard-page .no-actions-state .action-category-list .action-categories-left { float:left; width: 200px; }
#participant-dashboard-page .no-actions-state .action-category-list .action-categories-right { margin-left: 220px; }

/* Event Message */
.event-message { background-color: #f5b44d; background-image: url(../images/my-challenge/event-message-bg.gif); background-repeat: repeat-x; color: #707264; font-weight: normal; font-size: 13px; margin: 0px 0px 20px 0px; padding: 12px; }
.event-message strong { color: #575757; }
#content-body .event-message { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#content-body .event-message a { color: #fff; font-weight: bold; text-decoration: none; }
#content-body .event-message a:hover { color: #fff; text-decoration: underline; }

/* Action List Section  */
/* This could potentially be generalized. See also action-category-page and #team-detail-page.  */ 
#participant-dashboard-page .action-list { padding: 0px 0px 40px 0px; }
/* Action List Header  */
#participant-dashboard-page #content-main .action-list h2.action-list-header { font: bold 12px/12px Arial, sans-serif; color: #60614D; text-transform: uppercase; float:left; padding: 2px 0px 15px 0px;  }

#participant-dashboard-page .action-list .action-savings-header { font-size: 12px; line-height: 12px; font-weight: bold; color: #60614d; text-transform: uppercase; float:right; padding: 2px 0px 15px 0px;}

#participant-dashboard-page #content-main .action-list .action-list-print { 
	font-size:11px;
	padding:0;
	font-weight: normal; 
	color: #60614d;  
	margin-left:25px;
	height:20px;
    background: url('../images/my-challenge/printer-icon.gif') ;
	background-repeat:no-repeat;
	background-position: top left;
}

#participant-dashboard-page #content-main .action-list .action-list-print a { 
	margin: 0 0 0 25px;
	padding: 0;
	position: relative;
	top: 2px;
}


/* Action List Items */
#participant-dashboard-page .action-list ul.action-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#participant-dashboard-page .action-list ul.action-items li { border-top: solid 2px #f8f5f0; padding: 15px 0px 15px 0px; vertical-align: top; }
#participant-dashboard-page .action-list ul.action-items .action-graphic { float:left; padding: 0; margin: 0; width: 100px;}
#participant-dashboard-page .action-list ul.action-items .action-content { float:left; padding: 0px; margin: 0px 0px 0px 10px; width: 290px;}
#participant-dashboard-page .action-list ul.action-items .action-savings-and-buttons { float:right; padding: 0px; margin: 0px; width: 190px; text-align: right;}

#participant-dashboard-page .action-list ul.action-items .action-content .action-name { font: bold 18px/21px Arial, sans-serif; color: #067595; padding: 0; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-name a { text-decoration: none; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-name a:hover { color: #f0af00; border-bottom: 1px solid #f0af00; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-meta-info { font-size: 11px; color: #60614d; padding: 8px 0px 5px 0px;  }
#participant-dashboard-page .action-list ul.action-items .action-content .action-meta-info img { position:relative; top: 2px; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-difficulty { font-weight: bold; padding-right: 10px; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-expense { font-weight: bold; padding-right: 10px; }
#participant-dashboard-page .action-list ul.action-items .action-content .action-description { font-size: 12px; line-height: 18px; color: #454537; margin: 0; padding: 0;}

#participant-dashboard-page .action-list ul.action-items .action-savings-amount { font-size: 13px; font-weight: bold; padding: 0px 0px 10px 0px; } 

#participant-dashboard-page .action-list ul.action-items .units { text-align: right; padding: 0; }
#participant-dashboard-page .action-list ul.action-items .units label { font-size: 11px; color: #60614d; padding-right: 6px; }
#participant-dashboard-page .action-list ul.action-items .units select { font-size: 11px; color: #60614d; border: 1px solid #9e9e92; margin-right: 6px; padding: 1px 1px 1px 3px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#participant-dashboard-page .action-list ul.action-items .units .update-button { display: inline;  } 
#participant-dashboard-page #content-body { -moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px; }
#participant-dashboard-page #content-body .action-list ul.action-items .units .update-button a.btn-small-white { display: -moz-inline-stack; display: inline-block; text-align: center;  }

#participant-dashboard-page .action-list ul.action-items .buttons { padding-top: 8px; } 
#participant-dashboard-page #content-body .action-list ul.action-items .buttons a.button-delete { }
#participant-dashboard-page #content-body .action-list ul.action-items .buttons a.button-check { margin-right: 0px; }

/* "Give me one more" control */
#participant-dashboard-page .action-list .one-more-action { padding: 15px 0 0px 0; }
#participant-dashboard-page .action-list .one-more-action .text { float: left; margin-bottom: 5px; }
#participant-dashboard-page .action-list .one-more-action .text p { font-size: 12px; margin-bottom: 0px; }
#participant-dashboard-page .action-list .one-more-action .button { float: right; text-align: right; margin: 0; }
#participant-dashboard-page .action-list .one-more-action .button a.button-add { margin-right: 0; }
#participant-dashboard-page .action-list .one-more-action select { color: #454537; font-size: 12px; text-transform: lowercase; padding-left: 2px; margin: 0 3px 0 3px; }
#participant-dashboard-page .action-list p.small { font-size: 11px; margin: 0; }

/* Archived Action List Items */
#participant-dashboard-page ul.action-items li.archived { padding: 8px 0 8px 0; }
#participant-dashboard-page ul.action-items li.archived .action-content { margin-left: 0px; width: 390px;}
#participant-dashboard-page .action-list ul.action-items li.archived .action-name { display:inline; font-size: 13px; font-weight: bold; color: #067595; padding: 0 10px 0 0; }
#participant-dashboard-page .action-list ul.action-items li.archived .action-name a:hover { text-decoration: underline; border-bottom: 0px; }
#participant-dashboard-page .action-list ul.action-items li.archived .action-savings-amount { float: right; font-weight: normal; }

/* -------------------------------------------------------------------------- */
/* Template: Participant Action List Print View (ParticipantActionsPrint.aspx) */
/* -------------------------------------------------------------------------- */
#participant-actions-print #body-bg-inner { background: #fff; }
#participant-actions-print #wrapper { width: 760px; margin: 0; padding-top: 0px; }

#participant-actions-print .content-body-print { background-color: #fff; }
#participant-actions-print #content-body .content-main-print { width: 760px; }
#participant-actions-print #content-body .content-main-inner-print { padding: 20px 20px 20px 20px; }

/* hiding a bunch of stuff and turning off backgrounds, but maybe this should have a different master page?  */
/* 
#participant-actions-print body { background: #fff; }
#participant-actions-print #page-body { margin-top: 0; border-top: 0px; padding-top: 0px; }
#participant-actions-print .participant-main { background: #fff margin: 0 0 0 0; }
*/

#participant-actions-print .print-header { margin-bottom: 20px;}
#participant-actions-print .print-header #logo { position: relative; float:left;  }
#participant-actions-print .print-header h1 { margin-left: 230px;}
#participant-actions-print .summary {margin-bottom: 40px;}

/* Action List Section  */
/* print version  */ 
#participant-actions-print .action-list { padding: 0px 0px 40px 0px; }
/* Action List Header  */
#participant-actions-print #content-main .action-list h2.action-list-header { font-size:12px; line-height: 12px; font-weight: bold; color: #60614d; text-transform: uppercase; float:left; padding: 0px 0px 10px 0px;  }
#participant-actions-print  .action-list .action-savings-header { font-size: 12px; line-height: 12px; font-weight: bold; color: #60614d; text-transform: uppercase; float:right; padding: 0px 0px 10px 0px;}
/* Action List Items */
#participant-actions-print .action-list ul.action-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#participant-actions-print .action-list ul.action-items li { border-top: solid 2px #f8f5f0; padding: 15px 0px 15px 0px; vertical-align: top; }
#participant-actions-print .action-list ul.action-items .done { float:left; padding: 15px 0 0 0; margin: 0; width: 50px; text-align: center; font-size: 11px; color: #60614d;   }
#participant-actions-print .action-list ul.action-items .action-graphic { float:left; padding: 0; margin: 0px 0px 0px 0px; width: 100px;}
#participant-actions-print .action-list ul.action-items .action-content { float:left; padding: 0px; margin: 0px 0px 0px 10px; width: 340px;}
#participant-actions-print .action-list ul.action-items .action-savings-and-buttons { float:right; padding: 0px; margin: 0px; width: 190px; text-align: right;}

#participant-actions-print .action-list ul.action-items .done .box { width: 20px; height: 20px; margin: 5px auto; border: 1px solid #60614d; }

#participant-actions-print .action-list ul.action-items .action-content .action-name { font-size: 18px; font-weight: bold;  padding: 0; }
#participant-actions-print .action-list ul.action-items .action-content .action-meta-info { font-size: 11px; color: #60614d; padding: 8px 0px 5px 0px;  }
#participant-actions-print .action-list ul.action-items .action-content .action-meta-info img { position:relative; top: 2px; }
#participant-actions-print .action-list ul.action-items .action-content .action-difficulty { font-weight: bold; padding-right: 10px; }
#participant-actions-print .action-list ul.action-items .action-content .action-expense { font-weight: bold; padding-right: 10px; }
#participant-actions-print .action-list ul.action-items .action-content .action-description { font-size: 12px; line-height: 18px; color: #454537; margin: 0; padding: 0;}

#participant-actions-print .action-list ul.action-items .action-savings-amount { font-size: 13px; font-weight: bold; padding: 0px 0px 10px 0px; } 

#participant-actions-print .action-list ul.action-items .units { text-align: right; padding: 0; }
#participant-actions-print .action-list ul.action-items .units label { font-size: 11px; color: #60614d; padding-right: 0px; }
#participant-actions-print .action-list ul.action-items .units select { visibility: hidden;}


/* -------------------------------------------------------------------------- */
/* Template: Participant CO2 Footprint Page (ParticipantFootprintPage.aspx) */
/* -------------------------------------------------------------------------- */

/* Layout: we might want to generalize this across all the My Challenge templates */
#participant-footprint-page .participant-main { background: #fff url(../images/my-challenge/participant-page-bg.gif) repeat-y -20px 0; margin: 0 0 0 0; }
#participant-footprint-page .participant-content { float: left; width: 616px; }
#participant-footprint-page .participant-content .participant-content-inner { padding: 0px 20px 20px 0px; }
#participant-footprint-page .participant-content p.intro { color: #727260; font-size: 14px; line-height: 20px; margin-bottom: 20px; }
#participant-footprint-page .participant-sidebar { margin-left: 620px; width: 300px; }
#participant-footprint-page .participant-sidebar .participant-sidebar-inner { float:left; width: 280px; padding: 0px 0px 0px 20px; }

/* form layout overrides for this page */
#participant-footprint-page .form-horizontal .field {padding-left: 175px; width: 315px; }
#participant-footprint-page .form-horizontal .field label { width: 160px; padding-top: 0; margin-left: -175px;}
#participant-footprint-page .form-horizontal fieldset fieldset { padding-left: 175px; }
#participant-footprint-page .form-horizontal .buttons { padding-left: 175px; }

#participant-footprint-page .form-horizontal fieldset.electricity .instructional-text { padding-left: 12px; }
#participant-footprint-page .form-horizontal fieldset.natural-gas .instructional-text { padding-left: 12px; }
#participant-footprint-page .form-horizontal fieldset.vehicle hr { margin-top: 0; }
#participant-footprint-page .form-horizontal fieldset.vehicle legend { padding-bottom: 5px; }

#participant-footprint-page .form input.text { width: 65px;}
#participant-footprint-page .form legend { font-size: 14px; padding: 5px 0px 15px 0px; }
/* field border colors */
#participant-footprint-page .form input.text, #participant-footprint-page .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#participant-footprint-page .form select {border: 2px solid #CFCFB5; }
#participant-footprint-page .form input.text:focus, #participant-footprint-page .form input.password:focus, #participant-footprint-page .form textarea:focus  { border: 2px solid #27C3EE;}

#participant-footprint-page .form .current-use { font: 13px/19px Arial, Sans-Serif; font-weight:bold; margin-left: 500px; margin-top:2px; text-align: right;}
#participant-footprint-page .form input.text, #participant-footprint-page .form select {margin-right: 5px; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#participant-footprint-page .form hr { margin: 10px 0 10px 0;}
#participant-footprint-page .form .buttons {clear: both; margin: 20px 0 40px 0;}

#participant-footprint-page .totals { margin-top: 20px; }
#participant-footprint-page .totals .footprint-results { margin: 10px 0px 0px 0px; }
#participant-footprint-page .totals .footprint-results td { border: 0px; padding: 0px 0px 5px 0px; }
#participant-footprint-page .totals .footprint-results td.footprint-results-text { font-size: 12px; color: #60604b; font-weight: normal; width: 175px; }
#participant-footprint-page .totals .footprint-results td.footprint-results-amount { font-weight: bold; font-size: 14px; color: #454537;}


/* -------------------------------------------------------------------------- */
/* Template: Participant Profile Page (ParticipantProfilePage.aspx) */
/* -------------------------------------------------------------------------- */

/* Layout: we might want to generalize this across all the My Challenge templates */
#participant-profile-page .participant-main { background: #fff url(../images/my-challenge/participant-page-bg.gif) repeat-y -20px 0; margin: 0 0 0 0; }
#participant-profile-page .participant-content { float: left; width: 616px; }
#participant-profile-page .participant-content .participant-content-inner { padding: 0px 20px 20px 0px; }
#participant-profile-page .participant-sidebar { margin-left: 620px; width: 300px; }
#participant-profile-page .participant-sidebar .participant-sidebar-inner { float:left; width: 280px; padding: 0px 0px 0px 20px; }

/* form layout overrides for this page */
#participant-profile-page .form fieldset.registration { padding-top: 10px; padding-bottom: 30px; }
#participant-profile-page .form input.text, #participant-profile-page .form input.password, #participant-profile-page .form textarea { width: 250px;}
/* field border colors */
#participant-profile-page .form input.text, #participant-profile-page .form input.password, #participant-profile-page .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#participant-profile-page .form input.text:focus, #participant-profile-page .form input.password:focus, #participant-profile-page .form textarea:focus  { border: 2px solid #27C3EE;}
#participant-profile-page .form input.zip { width: 100px;}
#participant-profile-page .form hr { margin: 20px 0 20px 0;}
#participant-profile-page .form .field .field-value { display: block; margin: 0; padding: 2px 2px 2px 4px; font: 13px/19px Arial, Sans-Serif; vertical-align: baseline;}

#participant-profile-page #change-password-heading { font-size: 16px; font-weight: bold; padding: 0 0 15px; }

/* -------------------------------------------------------------------------- */
/* Template: Participant Widgets Page (ParticipantWidgetsPage.aspx) */
/* -------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------- */
/* User Control: Section Sub Menu (SectionSubNavigation.ascx) */
/* -------------------------------------------------------------------------- */
#sub-menu { padding-bottom: 75px; }
#sub-menu li { font-size: 12px; margin-bottom: 6px; }
#sub-menu li a { color: #067595; text-decoration: none; font-size: 13px; font-weight: bold; }
#sub-menu li a:hover { color: #f0af00; text-decoration: underline; }
#sub-menu li.selected a { color: #46473f; font-weight: bold; }
#sub-menu li.selected a:hover { color: #f0af00; }



/* -------------------------------------------------------------------------- */
/* User Control: Action Guide Menu (ActionGuideMenu.ascx) */
/* -------------------------------------------------------------------------- */
#action-guide-menu { padding-bottom: 75px; }
#action-guide-menu li { font-size: 12px; margin-bottom: 6px; }
#action-guide-menu li a { color: #067595; text-decoration: none; font-size: 13px; font-weight: bold; }
#action-guide-menu li a:hover { color: #f0af00; text-decoration: underline; }
#action-guide-menu li.selected a { color: #46473f; font-weight: bold; }
#action-guide-menu li.selected a:hover { color: #f0af00; }

/* -------------------------------------------------------------------------- */
/* Template: Action Category Page (ActionCategoryPage.aspx) */
/* -------------------------------------------------------------------------- */

#action-category-page .action-category-description { color: #727260; font-size: 16px; line-height: 24px; margin: 10px 0px 20px 0px; padding-right: 60px; }

/* Action List Section  */
/* This could potentially be generalized. See also #participant-dashboard-page and #team-detail-page.  */ 
#action-category-page .action-list { width: 680px; padding: 10px 0px 40px 0px; }
/* Action List Header  */
#action-category-page .action-list .action-list-header { font: bold 12px/12px Arial, sans-serif; color: #60614d; text-transform: uppercase; float:left; padding: 0px 0px 10px 0px;  }
#action-category-page .action-list .action-savings-header { font-size: 12px; line-height: 12px; font-weight: bold; color: #60614d; text-transform: uppercase; float:right; padding: 0px 0px 10px 0px;}
/* Action List Items  */
#action-category-page .action-list ul.action-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#action-category-page .action-list ul.action-items li { border-top: solid 2px #f8f5f0; padding: 15px 0px 15px 0px; vertical-align: top;}
#action-category-page .action-list ul.action-items .action-graphic { float:left; padding: 0; margin: 0; width: 100px; }
#action-category-page .action-list ul.action-items .action-content { float:left; padding: 0; margin: 0px 0px 0px 10px; width: 330px;}
#action-category-page .action-list ul.action-items .action-savings-and-buttons { float:right; padding: 0px; margin: 0px; width: 190px; text-align: right;}

#action-category-page .action-list ul.action-items .action-name { font: bold 18px/21px Arial, sans-serif; color: #067595; padding: 0; }
#action-category-page .action-list ul.action-items .action-name a { text-decoration: none; }
#action-category-page .action-list ul.action-items .action-name a:hover { color: #f0af00; border-bottom: 1px solid #f0af00; }
#action-category-page .action-list ul.action-items .action-meta-info { font-size: 11px; color: #60614d; padding: 10px 0px 5px 0px;  }
#action-category-page .action-list ul.action-items .action-meta-info img { position:relative; top: 2px; }
#action-category-page .action-list ul.action-items .action-difficulty { font-weight: bold; padding-right: 10px; }
#action-category-page .action-list ul.action-items .action-expense { font-weight: bold; padding-right: 10px; }
#action-category-page .action-list ul.action-items .action-description { font-size: 12px; line-height: 18px; color: #454537; margin: 0; padding: 0;}

#action-category-page .action-list ul.action-items .action-savings-amount { font-size: 13px; font-weight: bold; padding: 0px 0px 8px 0px;}

#action-category-page .action-list ul.action-items .units { text-align: right; padding: 0px 0px 8px 0px; }
#action-category-page .action-list ul.action-items .units label { font-size: 11px; color: #60614d; padding-right: 6px; }
#action-category-page .action-list ul.action-items .units select { font-size: 11px; color: #60614d; border: 1px solid #9e9e92; margin-right: 0px; padding: 1px 1px 1px 3px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}

#action-category-page .action-list ul.action-items .buttons { padding-top: 0px; } 
#action-category-page #content-body .action-list ul.action-items .buttons a.button-add { margin: 0; }
#action-category-page .action-list ul.action-items .buttons .message { font-size: 11px; color: #60614d; padding-top: 4px;}


/* #action-category-page .action-list ul.action-items .action-add-to-challenge { float:right; margin-top: -3px; } */



/* -------------------------------------------------------------------------- */
/* Template: Action Detail Page (ActionDetailPage.aspx) */
/* -------------------------------------------------------------------------- */
#action-detail-page .action-intro { width: 700px; padding: 0px 0px 10px 0px; margin-bottom: 20px; border-bottom: dotted 1px #d9cdb1; }
#action-detail-page .action-detail { background: #fff url(../images/action-detail-page/action-detail-bg.gif) repeat-y 0 0; margin: 15px 0 0 0; }
#action-detail-page .action-detail:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#action-detail-page .action-detail-main { width: 420px; float: left; padding: 0px 0px 0px 0px; }
#action-detail-page .action-detail-sidebar { float: left; width: 233px; margin-left: 45px;} /* Fix float issues */

/*   Action Intro Section   */
#action-detail-page .action-intro .action-content { float:left; padding: 0; margin: 0px 0px 0px 0px;}
#action-detail-page .action-intro .action-savings-and-buttons { float:right; padding: 10px 0 0 0; margin: 0; text-align: right; }
#action-detail-page .action-intro .action-name { font: 32px/32px 'KlavikaBold', Arial, sans-serif; padding: 10px 0px 10px 0px; }
#action-detail-page .action-intro .action-meta-info { font-size: 12px; color: #60614d; padding: 0px 0px 10px 0px;  }
#action-detail-page .action-intro .action-meta-info img { position:relative; top: 2px; margin-left: 3px; }
#action-detail-page .action-intro .action-meta-info .action-difficulty { font-weight: bold; padding-right: 10px; }
#action-detail-page .action-intro .action-meta-info .action-expense { font-weight: bold; padding-right: 10px; }
#action-detail-page .action-intro .action-meta-info .action-savings { font-weight: bold; padding-right: 10px; }
#action-detail-page .action-intro .action-meta-info .action-savings-amount { font-weight: normal; padding-left: 3px; }
#action-detail-page .action-intro .action-share-button {  }
#action-detail-page .action-intro .action-savings-amount { font-size: 13px; font-weight: bold; padding: 0px 0px 8px 0px; }
#action-detail-page .action-intro .units { text-align: right; padding: 0px 0px 8px 0px; }
#action-detail-page .action-intro .units label { font-size: 11px; color: #60614d; padding-right: 6px; }
#action-detail-page .action-intro .units select { font-size: 11px; color: #60614d; border: 1px solid #9e9e92; margin-right: 0px; padding: 1px 1px 1px 3px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#action-detail-page .action-intro .buttons { padding-top: 0px; } 
#action-detail-page .action-intro .buttons a.button-add { margin: 0; }
#action-detail-page .action-intro .buttons .message { font-size: 11px; color: #60614d; padding-top: 4px;}

/*  Action Detail Section   */
/*  see also global styles under #content-main above  */
#action-detail-page .action-detail-main .action-description { margin: 0 0 0 0; }
#action-detail-page .action-detail-main .action-description .action-graphic { float:left; display:block; padding: 0; margin: 0; width: 100px; }
#action-detail-page .action-detail-main .action-description p { position: relative; top: 10px; color: #727260; font-size: 16px; line-height: 24px; margin: 0 0 20px 120px; padding-right: 50px; }
#action-detail-page .action-detail-main h2 { padding: 20px 0px 5px 0px; }
#action-detail-page .action-detail-main .action-detail-section { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; }

/*  Action Comment Section   */
/*  see also #team-detail-page .comments  below  */
/*  could be generalized under #content-main   */
#action-detail-page .comments { margin-top: 40px; padding: 0px 0px 40px 0px; border-top: solid 2px #f8f5f0; }
#action-detail-page .comments ul.comment-items { margin: 0px; }
#action-detail-page .comments ul.comment-items li { border-top: solid 2px #f8f5f0; width: 420px; padding: 10px 0px 10px 0px; }
#action-detail-page .comments ul.comment-items .comment-avatar { float:left; width: 50px; padding: 5px 0px 0px 0px; margin-right: 15px; }
#action-detail-page .comments ul.comment-items .comment-content { float:left; padding: 0px; margin: 0px;}
#action-detail-page .comments ul.comment-items .comment-username { font-size: 14px; line-height: 20px; margin: 0px; font-weight: bold; color: #067595; padding: 0px 0px 5px 0px; }
#action-detail-page .comments ul.comment-items .comment { font-size: 12px; line-height: 18px; color: #60614d; }
#action-detail-page .comments .comments-edit { border-top: solid 2px #f8f5f0; margin-top: 20px; width: 420px; }
#action-detail-page .comments .form div.horizontal label { display: inline; padding-right: 10px; }
#action-detail-page .comments .form span.value { display: inline; }
#action-detail-page .comments .form textarea { width: 350px; height: 100px; }


/*  Action More Information Resources Sidebar   */
/*  see also #content-main ul.related-resources above  */
#action-detail-page .action-detail-sidebar ul.related-resources { }
#action-detail-page .action-detail-sidebar ul.related-resources li img { float:left; margin: 0px 10px 5px 0px; padding-top: 15px; }
#action-detail-page .action-detail-sidebar img.tolby-image-right { float: right; margin: 0 0 0 10px; }
#action-detail-page .action-detail-sidebar p.tolby-approved { margin: 0 0 40px 0; }
#action-detail-page .action-detail-sidebar p.tolby-approved a { font: 16px/normal 'KlavikaBold', Arial, sans-serif; position: relative; top: 5px; }

/* -------------------------------------------------------------------------- */
/* User Control: Team Categories Menu (TeamCategoriesMenu.ascx) */
/* -------------------------------------------------------------------------- */
#team-categories-menu { padding-bottom: 75px; }
#team-categories-menu li { font-size: 12px; margin-bottom: 6px;}
#team-categories-menu a { color: #067595; text-decoration: none; font-size: 13px; font-weight: bold; }
#team-categories-menu a:hover { color: #f0af00; text-decoration: underline; }
#team-categories-menu li.selected a { color: #46473f; font-weight: bold; }
#team-categories-menu li.selected a:hover { color: #f0af00; }
#team-categories-menu ul.team-items {}

/* -------------------------------------------------------------------------- */
/* User Control: Start Team Widget (StartTeamWidget.ascx) */
/* -------------------------------------------------------------------------- */
#start-team-widget  { color: #60604d; margin: 20px 0px 30px 0px; }
#start-team-widget div { margin: 10px 0px 10px 0px; }
#start-team-widget a {  }

/* -------------------------------------------------------------------------- */
/* Template: Team Standings Page (TeamStandingsPage.aspx) */
/* -------------------------------------------------------------------------- */

#team-standings-page .content-main-inner-2 { width: 680px; } /* without this, the columns squished together */

#team-standings-page .team-category-listing-row { width: 100%; padding: 0px; margin: 0px; border-bottom: dotted 1px #ac9a5e; }
#team-standings-page .team-category-listing-left { float:left; width:46%; border-right: dotted 1px #ac9a5e; padding:0px 10px 0px 0px; margin:10px 0px 10px 0px;}
#team-standings-page .team-category-listing-right { float:right; width:50%; margin: 10px 0px 10px 0px; }

#team-standings-page .category-header { padding: 0px 0px 5px 0px; font: 17px/26px 'KlavikaBold', Arial, sans-serif; color: #46473f; }

#team-standings-page ul.team-items { margin: 0px 0px 0px 0px; }
#team-standings-page ul.team-items li { border-top: solid 2px #f8f5f0; padding: 5px 0px 5px 0px; }
#team-standings-page .team-number { font-size:24px; font-weight: bold; color: #f0af00; text-align:center; padding: 5px 0px 0px 0px; float:left;}
#team-standings-page .team-items-content { margin: 0px 0px 0px 10px; float: left; }
#team-standings-page .team-name { font: bold 12px/18px Arial, sans-serif; padding: 0px 0px 0px 0px; width:280px;}
#team-standings-page .team-members { font-size: 11px; color: #60614d; }
#team-standings-page .team-savings { font-size: 11px; color: #60614d; }
#team-standings-page .team-co2 { font-size: 11px; color: #60614d; }

#team-standings-page .see-all-teams { padding: 5px 0px 0px 26px; border-top: solid 2px #f8f5f0; margin: 0px 10px 0px 0px;}
#team-standings-page .see-all-teams a { font-size: 11px; font-weight: normal; }

/*bullet-list{ list-style-type: disc; margin-left: 20px; padding: 0px 0px 10px 0px; }*/
#team-standings-page .content-main-inner-2 ul.bullet-list { list-style-type: disc; margin-left: 20px; padding: 0px 0px 10px 0px; }

#team-standings-page .content-main-inner-2 ol.number-list { list-style-type:decimal  ; margin-left: 20px; padding: 0px 0px 10px 0px; }



/* -------------------------------------------------------------------------- */
/* Template: Team Category Listing Page (TeamCategoryListingPage.aspx) */
/* -------------------------------------------------------------------------- */
#team-category-listing-page table.team-items { width: 680px; margin-top: 10px; border-bottom: solid 2px #f8f5f0;  }
#team-category-listing-page table.team-items th { border: 0px; font-size: 11px; color: #60604b; text-transform: uppercase; padding: 0px 5px 5px 5px; text-align: left; }
#team-category-listing-page table.team-items td { border-top: solid 2px #f8f5f0; font-size: 12px; vertical-align: middle; padding: 5px 5px 5px 5px; white-space: nowrap; }
#team-category-listing-page table.team-items td.team-number{ padding: 10px 0 0 5px; font-size: 24px; font-weight: bold; color: #f0af00; width: 30px; }
#team-category-listing-page table.team-items td.team-name { font-size: 14px; padding-right: 10px; font-weight: bold; text-align: left; white-space: normal; width: 275px; }
#team-category-listing-page table.team-items td.team-name-facilities { font-size: 14px; padding-right: 10px; font-weight: bold; text-align: left; white-space: normal; width: 400px; }

/* -------------------------------------------------------------------------- */
/* Template: Team Page (TeamPage.aspx) */
/* -------------------------------------------------------------------------- */


/* Team Action Team Header Section  */
/*
#team-detail-page .team-action-page-header { padding: 0px 0px 10px 0px;  border-bottom: dotted 1px #ac9a5e; margin-bottom: 10px; }
#team-detail-page .team-action-header-image { float:left;}
#team-detail-page .team-action-header-content { margin: 0px 0px 0px 10px; float: left; width: 80%;}
#team-detail-page .team-action-header-name { padding: 0px 0px 10px 0px; font-size: 18px; font-weight: bold; color: #067595; }
#team-detail-page .team-action-header-text { font-size: 12px; color: #60614d; }
*/

/* Team Info */
#team-detail-page .team-info { width: 596px; padding: 0px 0px 10px 0px;  border-bottom: dotted 1px #ac9a5e; margin-bottom: 15px; }
#team-detail-page .team-info .avatar { float:left; margin-right: 15px; width: 87px;}
#team-detail-page .team-info .content { margin: 0px 0px 0px 0px; float: left; width: 80%;}
#team-detail-page .team-info .content h1 { padding: 0px 0px 10px 0px; margin-right:20px;}

/* Action List Section  */
/* This could potentially be generalized. See also #participant-dashboard-page and #action-category-page.  */ 
#team-detail-page .action-list { width: 596px; padding: 10px 0px 40px 0px; }
/* Action List Header  */
#team-detail-page .action-list .action-list-header { font: bold 12px/12px Arial, sans-serif; color: #60614d; text-transform: uppercase; float:left; padding: 0px 0px 10px 0px;  }
#team-detail-page .action-list .action-savings-header { font: 12px; line-height: 12px; font-weight: bold; color: #60614d; text-transform: uppercase; float:right; padding: 0px 0px 10px 0px;}
/* Action List Items  */
#team-detail-page .action-list ul.action-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#team-detail-page .action-list ul.action-items li { border-top: solid 2px #f8f5f0; padding: 15px 0px 25px 0px; vertical-align: top;}
#team-detail-page .action-list ul.action-items .action-graphic { float:left; padding: 0; margin: 0; width: 100px; }
#team-detail-page .action-list ul.action-items .action-content { float:left; padding: 0px; margin: 0px 0px 0px 10px; width: 290px; }
#team-detail-page .action-list ul.action-items .action-savings-and-buttons { float:right; padding: 0px; margin: 0px; width: 190px; text-align: right;}

#team-detail-page .action-list ul.action-items .action-name { font: bold 18px/21px Arial, sans-serif; color: #067595; padding: 0;  }
#team-detail-page .action-list ul.action-items .action-name a { text-decoration: none; }
#team-detail-page .action-list ul.action-items .action-name a:hover { color: #f0af00; border-bottom: 1px solid #f0af00; }
#team-detail-page .action-list ul.action-items .action-meta-info { font-size: 11px; color: #60614d; padding: 8px 0px 5px 0px;  }
#team-detail-page .action-list ul.action-items .action-meta-info img { position:relative; top: 2px; }
#team-detail-page .action-list ul.action-items .action-difficulty { font-weight: bold; padding-right: 10px; }
#team-detail-page .action-list ul.action-items .action-expense { font-weight: bold; padding-right: 10px; }
#team-detail-page .action-list ul.action-items .action-description { font-size: 12px; line-height: 18px; color: #454537; margin: 0; padding: 0;}

#team-detail-page .action-list ul.action-items .action-savings-amount { font-size: 13px; font-weight: bold; padding: 0px 0px 10px 0px;}

#team-detail-page .action-list ul.action-items .units { text-align: right; padding: 0; }
#team-detail-page .action-list ul.action-items .units label { font-size: 11px; color: #60614d; padding-right: 6px; }
#team-detail-page .action-list ul.action-items .units select { font-size: 11px; color: #60614d; border: 1px solid #9e9e92; margin-right: 0px; padding: 1px 1px 1px 3px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}

#team-detail-page .action-list ul.action-items .buttons { padding-top: 8px; } 
#team-detail-page #content-body .action-list ul.action-items .buttons a.button-add { margin-right: 0px; }
#team-detail-page .action-list ul.action-items .buttons .message { font-size: 11px; color: #60614d; padding-top: 4px;}

/*  Team Comment Section   */
/*  see also #action-detail-page .comments  above  */
#team-detail-page .comments { padding: 0px 0px 40px 0px; }
#team-detail-page .comments ul.comment-items { margin: 0px; }
#team-detail-page .comments ul.comment-items li { border-top: solid 2px #f8f5f0; width: 596px; padding: 10px 0px 15px 0px; }
#team-detail-page .comments ul.comment-items .comment-avatar { float:left; width: 50px; padding: 5px 0px 0px 0px; margin-right: 15px; }
#team-detail-page .comments ul.comment-items .comment-content { float:left; padding: 0px; margin: 0px;}
#team-detail-page .comments ul.comment-items .comment-username { font-size: 14px; line-height: 20px; margin: 0px; font-weight: bold; color: #067595; padding: 0px 0px 5px 0px; }
#team-detail-page .comments ul.comment-items .comment { font-size: 12px; line-height: 18px; color: #60614d; }
#team-detail-page .comments .comments-edit { border-top: solid 2px #f8f5f0; margin-top: 20px; width: 596px;}
#team-detail-page .comments .form div.horizontal label { display: inline; padding-right: 10px; }
#team-detail-page .comments .form span.value { display: inline; }
#team-detail-page .comments .form textarea { width: 450px; height: 100px; }

/*####### Team Action Sidebar   ########*/

/*  Team Bar Graph */
/* see also Participant Bar Graph under #participant-scorecard above */
#team-detail-page .bar-graph { margin: 0; padding: 0; }
#team-detail-page .bar-graph .label { padding: 0 0 3px 5px; font-size:12px; font-weight: normal; color: #60614d; }
#team-detail-page .team-savings .label { font-weight: bold; }
/*  bar-graph-outer displays the bg image with the bar border */
#team-detail-page .bar-graph .bar-graph-outer { background: #fff url(../images/common/bar-graph-border-bg2.gif) no-repeat; width: 276px; height: 28px; padding: 3px 0 0 0; }
/*  bar-graph-inner displays the bg image with the orange or blue bar */
#team-detail-page .bar-graph .bar-graph-outer .bar-graph-inner { margin: 0 0 0 4px; height:20px; background: url(../images/common/bar-graph-bar-bg-blue.gif); }
#team-detail-page .team-savings .bar-graph-outer .bar-graph-inner { background: url(../images/common/bar-graph-bar-bg-orange.gif); }


/*  Team Savings */
#team-detail-page .team-detail-savings { margin-top: 20px; padding-top: 20px; border-top: 4px solid #d9cdb1; }
#team-detail-page .team-detail-savings-stats { margin: 0px; }
#team-detail-page .team-detail-savings-stats td { border: 0px; padding: 0px 0px 5px 0px; }
#team-detail-page .team-detail-savings-stats td.team-detail-savings-text { font-size: 12px; color: #60604b; font-weight: normal;   }
#team-detail-page .team-detail-savings-stats td.team-detail-savings-amount { font-weight: bold; font-size: 13px; color: #454537;}


/* Top 5 Team Section  */

#team-detail-page .team-category-listing { width: 280px; margin: 20px 0px 10px 0px; padding-top: 20px; border-top: 4px solid #d9cdb1; }
#team-detail-page .team-category-listing ul.team-items { margin: 0px; border-bottom: solid 2px #f8f5f0; }
#team-detail-page .team-category-listing ul.team-items li { border-top: solid 2px #f8f5f0; padding: 5px 0px 5px 0px; }
#team-detail-page .team-category-listing ul.team-items .team-number { float:left; font-size: 24px; font-weight: bold; color: #f0af00; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; }
#team-detail-page .team-category-listing ul.team-items .team-number img { margin-top: -2px; }
#team-detail-page .team-category-listing ul.team-items .team-items-content { margin: 0px; float: left; }
#team-detail-page .team-category-listing ul.team-items .team-name { width:250px; padding: 0px 0px 0px 0px; }
#team-detail-page .team-category-listing ul.team-items .team-members { font-size: 11px; color: #60614d; }
#team-detail-page .team-category-listing ul.team-items .team-savings { font-size: 11px; color: #60614d; }
#team-detail-page .team-category-listing ul.team-items .team-co2 { font-size: 11px; color: #60614d; } 
#team-detail-page .team-category-listing .see-all-teams { padding: 5px 0px 0px 26px; margin: 0px 10px 0px 0px;}
#team-detail-page .team-category-listing .see-all-teams a { font-size: 11px; font-weight: normal; }

/* -------------------------------------------------------------------------- */
/* Template: Registration Page (RegistrationPage.aspx) */
/* -------------------------------------------------------------------------- */
#registration-page .form { float: left; width: 430px; }
#registration-page .form fieldset.registration { padding-top: 10px; padding-bottom: 30px; }
#registration-page .form input.text, .form input.password, .form textarea { width: 250px;}
/* field border colors */
#registration-page .form input.text, .form input.password, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#registration-page .form input.text:focus, #registration-page .form input.password:focus, #registration-page .form textarea:focus  { border: 2px solid #27C3EE;}
#registration-page .form input.zip { width: 100px;}
#registration-page .form .subscribe label {font-size: 11px; line-height: 12px;}
#registration-page .form .subscribe .checkbox input {margin-left: -20px; margin-right: 5px; padding: 0;}
#registration-page .form .subscribe ul.fields li {margin: 0; padding: 0 .75em 0 20px;}
#registration-page .form fieldset .field span.error-text { }

#registration-page .login-link { margin-left: 440px; padding-top: 20px; }

#registration-page #sidebar img.join-step { margin-bottom: 20px; }


/* -------------------------------------------------------------------------- */
/* Template: Login Page (LoginPage.aspx) */
/* -------------------------------------------------------------------------- */
#login-page .sidebar-inner-3 { width: 270px;}
#login-page .form fieldset { margin: 0 0 10px 0; }
#login-page .form fieldset.login { margin: 15px 0 0 0; }
#login-page .form fieldset.remember-me { margin: 0; }
#login-page .form fieldset.login-btn { margin: 0 0 20px 0; }
#login-page .form input.text, .form input.password, .form textarea { width: 250px;}
/* field border colors */
#login-page .form input.text, .form input.password, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#login-page .form input.text:focus, #login-page .form input.password:focus, #login-page .form textarea:focus  { border: 2px solid #27C3EE;}
#login-page .form fieldset.remember-me label {font-size: 12px; padding-left: 5px;}
#login-page .form a.forgot-link { display: block; margin-bottom: 15px;}
#login-page .form fieldset.forgot-password .inline-error-text { width: 250px; }
#login-page .form fieldset.forgot-password .buttons { float: left; padding: 23px 0 0 15px; }

/* -------------------------------------------------------------------------------------------- */
/* Template: Profile Info and Zip Code Confirmation and Update Form (LoginZipCityPage.aspx) */
/* -------------------------------------------------------------------------------------------- */
#login-update-page .form fieldset.login-update { margin-top: 15px; }
#login-update-page .form input.text, .form input.password, .form textarea { width: 250px;}
/* field border colors */
#login-update-page .form input.text, .form input.password, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#login-update-page .form input.text:focus, #login-update-page .form input.password:focus, #login-update-page .form textarea:focus  { border: 2px solid #27C3EE;}

#login-update-page .form input.zip { width: 100px;}


/* -------------------------------------------------------------------------- */
/* Template: Newsletter Signup Page (NewsletterSignupPage.aspx) */
/* -------------------------------------------------------------------------- */

#newsletter-signup-page #content-main p.message { color: #727260; font-size: 16px; line-height: 22px; }
#newsletter-signup-page #content-main p { width: 525px; } /* make the right gutter wider */
#newsletter-signup-page .form {margin-top: 20px; margin-bottom: 50px;}

/* field border colors */
#newsletter-signup-page .form input.text { width: 250px;}
#newsletter-signup-page .form input.text {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#newsletter-signup-page .form input.text:focus  { border: 2px solid #27C3EE;}



/* -------------------------------------------------------------------------- */
/* Template: Newsletter Signup Page (AskAnExpertPage.aspx) */
/* -------------------------------------------------------------------------- */

#ask-an-expert-page #content-main p.message { color: #727260; font-size: 16px; line-height: 22px; }
#ask-an-expert-page #content-main p { width: 525px; } /* make the right gutter wider */
#ask-an-expert-page .form {margin-top: 20px;}

/* field border colors */
#ask-an-expert-page .form input.text, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#ask-an-expert-page .form input.text:focus, #registration-page .form input.password:focus, #ask-an-expert-page .form textarea:focus  { border: 2px solid #27C3EE;}

#ask-an-expert-page .form input.text { width: 250px;}
#ask-an-expert-page .form textarea { width: 400px; height: 150px;}

#ask-an-expert-page #sidebar p.blog-link { margin-top: 10px; }

/* -------------------------------------------------------------------------- */
/* Template: Section Landing Page(s)
 * - (SectionLandingPage.aspx)
 * - (SectionLandingPageSubNav.aspx)
 */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* Template: Section Landing Page(s) (SectionLandingPage.aspx) */
/* -------------------------------------------------------------------------- */

#section-landing-page .content-main-inner-4 { padding-right: 160px; } /* make the right gutter wider */

#section-landing-page-subnav .content-main-inner-2 { padding-right: 80px; } /* make the right gutter wider */

/* -------------------------------------------------------------------------- */
/* Template: Section Content Page (SectionContentPage.aspx) */
/* -------------------------------------------------------------------------- */

#section-content-page-subnav .content-main-inner-2 { padding-right: 80px; } /* make the right gutter wider */
#section-content-page .form.registration input.text, #section-content-page .form.registration select.text { border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; margin-left: 5px; margin-bottom: 10px; }
#section-content-page .form.registration input.text:focus { border: 2px solid #27C3EE; }

/* -------------------------------------------------------------------------- */
/* Template: Search Page (SearchPage.aspx) */
/* -------------------------------------------------------------------------- */
/* #search-page */

#search-page #search-terms 
{
    border-bottom: 1px dotted #D9CDB1;
    border-top: 1px dotted #D9CDB1;
    margin: 20px 0px 30px 0px;
    width: 770px;
}

#search-page #search-terms p.search-terms
{
    color: #727260;
    font-size: 14px;
    line-height: 36px;
    margin: 0px 10px 0px 10px
}

#search-page p.ue 
{
    margin-bottom: 3px;
    width: 730px;
}

#search-page ul.search-results a 
{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

#search-page li.search-results
{
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    width: 770px;
}

#search-page li.search-results-last
{
    border-bottom: 0px dotted #D9CDB1;
    width: 770px;
}

#search-page #search-results p.u 
{
    margin-bottom: 20px;
    color: #727260;
    font-size: 12px;
    width: 730px;
}

#search-page p.s 
{
    font-size: 12px;
    line-height: normal;
    width: 730px;
}

#search-page div.pagination-link 
{
    display: inline;
    padding: 0px 4px 0px 3px;
}

#search-page div.pagination 
{
    border-top: 1px dotted #D9CDB1;
    padding-top: 10px;
    width: 770px;
}
    

/* -------------------------------------------------------------------------- */
/* Template: Offline Participant Registration Participant.aspx) */
/* -------------------------------------------------------------------------- */
/* #offline-registration-page */

/* field border colors */
#offline-registration-page .form input.text, .form input.password, .form textarea {border: 2px solid #CFCFB5; padding: 2px 2px 2px 4px; background: transparent url(../images/master/search-textbox-bg.gif) repeat-x 0 0;}
#offline-registration-page .form input.text:focus, #registration-page .form input.password:focus, #registration-page .form textarea:focus  { border: 2px solid #27C3EE;}
#offline-registration-page .form input.zip { width: 100px;}
#offline-registration-page .form .subscribe label {font-size: 11px; line-height: 12px;}
#offline-registration-page .form .subscribe .checkbox input {margin-left: -20px; margin-right: 5px; padding: 0;}
#offline-registration-page .form .subscribe ul.fields li {margin: 0; padding: 0 .75em 0 20px;}
#offline-registration-page .form fieldset .field span.error-text { }

#offline-registration-page #pagination 
{
    border-top: 1px dotted #D9CDB1;
    margin-top: 20px;
    padding-top: 10px;
    font-weight: bold;
    width: 770px;
}

#offline-registration-page ul.progress-tracker 
{
    border-bottom: 1px dotted #D9CDB1;
    padding-bottom: 10px;
    font-size: 11px;
    width: 770px;
}

#offline-registration-page td {
    padding: 7px 10px;
}

#offline-registration-page td.actions {
    width: 190px;
}

#offline-registration-page td.button {
    border: 0px solid #F8F5F0;
    padding: 5px;
}

#offline-registration-page #content-main h1 
{
    padding-bottom: 0px;
}

#offline-registration-page #buttons 
{
    padding: 10px 0px 22px 0px;
}

#offline-registration-page .teams 
{
    border-top: 2px solid #F8F5F0;
    padding-top: 10px;
    margin-top: 20px;
    width: 770px;
}

#offline-registration-page #participant-info 
{
    margin: 0px;
    color: #575757;
}

#offline-registration-page .participant-table th
{
	text-align: left;
}

#offline-registration-page p.trim 
{
    width: 730px;
    padding-bottom: 10px;
}


/* -------------------------------------------------------------------------- */
/* Template: Tolby Page.aspx) */
/* -------------------------------------------------------------------------- */

.tolby-main { background: #fff url(../images/tolby/tolby-page-bg.gif) repeat-y -5px 0; margin: 0 0 0 0; }
.tolby-left { float: left; width: 633px; }
.tolby-left-inner { padding: 0px 20px 20px 0px; }
.tolby-right { float: left; width: 287px; }
.tolby-right-inner { padding: 0px 0px 0px 20px; width: 280px; }

.tolby-left img.tolby-heading-image { margin: 0 0 10px 0; }
.tolby-page #content-main .tolby-left h2 { font: 36px/normal 'KlavikaBold', Arial, sans-serif; }

.tolby-left .actions { background: #FFF; padding: 0; margin: 0; }
.tolby-left .actions .categories { float: left; width: 617px; }
.tolby-left .actions .action-category.first { margin-bottom: 10px; }
.tolby-left .actions .action-category p.title { font: 24px/26px 'KlavikaBold', Arial, sans-serif; color: #46473f; border-bottom: 2px solid #f8f5f0; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.tolby-left .actions .action-category .action { float: left; width: 145px; border-left: 1px dotted #AD995C; min-height: 260px; max-height: 260px; margin: 0 0 10px 0; padding: 0 30px; }
.tolby-left .actions .action-category .action:first-of-type,
.tolby-left .actions .action-category .action:nth-of-type(4), 
.tolby-left .actions .action-category .action:nth-of-type(7), 
.tolby-left .actions .action-category .action:nth-of-type(10), 
.tolby-left .actions .action-category .action:nth-of-type(13),
.tolby-left .actions .action-category .action:nth-of-type(16) { border-left: none; }
.tolby-left .actions .action-category .action img { margin: 0 0 10px 20px; }
.tolby-left .actions .action-category .action p.action-title { font: bold 18px/21px Arial, sans-serif !important; margin: 0 0 5px 0; }
.tolby-left .actions .action-category .action p.action-description { font: 13px/17px Arial, sans-serif !important; color: #727260; }

.tolby-right .tolby-blog a { font-weight: bold; }

/* -------------------------------------------------------------------------- */
/* WYSIWYG Content */
/* -------------------------------------------------------------------------- */

.wysiwyg { font: 15px/23px Arial, sans-serif; color: #46473F; }

.wysiwyg cite { display:block; font-size: 11px; font-style: italic; margin: 3px 0px 15px 0px;}
.wysiwyg cite a { font-style: normal;}

.wysiwyg ul { list-style-type: disc; margin-left: 20px; padding: 0px 0px 10px 0px; }
.wysiwyg ul li { padding: 0px 0px 10px 0px; }
.wysiwyg ol { list-style-type:decimal; margin-left: 25px; padding: 0px 0px 10px 0px; }
.wysiwyg ol li { padding: 0px 0px 10px 0px; }

.wysiwyg table {}
.wysiwyg table td { border: 1px solid #fff; background-color: #f3f3ef; font-size: 12px; vertical-align: middle; padding: 5px 5px 5px 5px;}
.wysiwyg table th { border: 1px solid #fff; background-color: #f3f3ef; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: left; vertical-align: middle; padding: 5px 5px 5px 5px;}




/* -------------------------------------------------------------------------- */
/* MODAL OVERLAY */
/* -------------------------------------------------------------------------- */


#get-widget-overlay { cursor:pointer; }

.widget-wrapper { margin:20px; }

h2.widget-title { font-size:18px; color:#666666; margin-bottom:8px;	}

.widgets h3 { font-size:18px; color:#d29900; margin-bottom:15px; }

p.intro 
{
	margin-top:4px;
	margin-bottom:10px;
	width:600px;		
}

.overlay-wrapper
{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    z-index:1000; 
    text-align:center;
    vertical-align:middle;
	
}

.dimmer
{
    position:absolute;
    display:block;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:#333333;
    z-index:1001; 
}

.overlay-container
{   
    position:absolute;
    z-index:1002;
    background-color:#FFFFFF;
    display:none;
    text-align:left;
    width:800px;
    height:560px;
  /*  padding:20px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.overlay-container .close-overlay
{
    float:right;
    cursor:pointer;
}

ul.size-nav {padding-top:15px;font-weight:bold;}



.overlay-container .widgets .nav-size-0 
{
    display:inline;
    cursor:pointer;
	font-weight:bold;
	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: left;
	font-size:12px;
	padding:10px 30px 10px 39px;
	

}

.overlay-container .widgets .nav-size-1 
{
    display:inline;
	cursor:pointer;
	font-weight:bold;
  	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: center;
	font-size:12px;
	padding:10px 50px 10px 50px;

}

.overlay-container .widgets .nav-size-2
{
    display:inline;  
    cursor:pointer;
	font-weight:bold;
	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: left;
	font-size:12px;
	padding:10px 50px 10px 40px;
	

}


.overlay-container .widgets .size-0 
{
    display:none;
	border:1px solid #c6ab79;
	width:758px;
	height:400px;
	margin-top:0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.overlay-container .widgets .size-1 
{
    display:block;
	border:1px solid #c6ab79;
	height:400px;
	margin-top:0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
	
.overlay-container .widgets .size-2 
{
    display:none;
	border:1px solid #c6ab79;
	height:400px;
	margin-top:0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/*
.overlay-container .widgets .nav-size-0 
{
    display:inline;
    cursor:pointer;
	font-weight:bold;
	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: left center;
	font-size:12px;
	padding:10px 25px 10px 35px;
	

}

.overlay-container .widgets .nav-size-1 
{
    display:inline;
	cursor:pointer;
	font-weight:bold;
  	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: center center;
	font-size:12px;
	padding:10px 50px 10px 35px;

}

.overlay-container .widgets .nav-size-2
{
    display:inline;  
    cursor:pointer;
	font-weight:bold;
	background-image:url(../images/widgets/nav-bg.gif);
	background-repeat:no-repeat;
	background-position: left center;
	font-size:12px;
	padding:10px 50px 10px 30px;
	

}
*/

.overlay-container .widgets * iframe 
{
    float:left;
    margin:15px 15px 15px 15px;
    padding:0;
    border:0;
}



.overlay-container .widgets * .src 
{
    margin:15px 0 0 15px;
    width:650px;
    height:200px;	
}


.overlay-container .widgets * .src p
{
    font-size:14px;
	
}

.src-whatisawidget
{
    margin:15px 0 0 20px;
    width:250px;
	float:left;
	
}

.src-whatisawidget p
{
    margin:15px 0 0 0;
    width:250px;
	float:left;
	font-size:14px;
}

.src-whatisawidget p.caption
{
    margin:65px 0 0 0;
    width:250px;
	float:left;
	font-size:12px;
	color:#666666;
	
}




.thumbnails {
	margin:15px 0 0 320px;
	
}


.overlay-container .widgets * .src-275x370 
{
    margin:15px 0 0 310px;
    width:440px;
    height:200px;
	
}

.overlay-container .widgets * .src-180x360 
{
    margin:15px 0 0 220px;
    width:450px;
    height:200px;
}


.textarea {width:400px;height:200px;margin:0;padding:5px;}


.overlay-container .widgets * .src p 
{
    margin:0 0 20px 0;

}
.overlay-container .widgets * .src textarea 
{
    width:400px;
    height:200px;

}

#fancybox-outer { border: 4px solid #46473F; }


/* ---------------------------------- */
/* .teacher-quotes-list, .teacher-quote */
/* ---------------------------------- */

.teacher-quotes-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.teacher-quote {
    margin: 13px 0;
    font-size: 13px;
    line-height: 1.5;
}

.teacher-quote-body::before {
    content: '"';
}

.teacher-quote-body:after {
    content: '"';
}

.teacher-quote-name {
    font-weight: bold;
}

.teacher-quote-organization {
    font-style: italic;
}

/* ---------------------------------- */
/* .teacher-quotes-sidebar */
/* ---------------------------------- */

.teacher-quotes-sidebar .teacher-quote:first-of-type {
    margin-top: 0;
}


/* EOF */