/*
 * Page layout overrides
 */ 

#portal-column-content { border: none; }

#portal-columns { border: none; }

#portal-top { border: none; }

/*
 * Homepage layout
 */ 

.homepage {
}

p {
    margin-bottom: 0.5em;
}

.homepage-row-one, .homepage-row-two {
    background: white url(/++resource++wpa.wpa_theme.images/homepage_lines.gif) 0px 0px;
    clear: both;
}

.homepage-row-one { 
    margin-bottom: 12px; 
    border-bottom: 1px solid #ccc;
}

.homepage-row-two {     
    
}

.homepage #how-we-work,
.homepage #homepage-features,
.homepage #poll,
.homepage #banner-links,
.homepage #executive-message,
.homepage #questions-answered,
.homepage #latest-news,
.homepage #events-calendar {
    width: 188px;
    float: left;
    margin-right: 1px;
    padding: 0;
}

.homepage #how-we-work > *,
.homepage #events-calendar > *,
.homepage #poll > * {
    padding: 0 5px;
}

.homepage #executive-message > *,
.homepage #questions-answered > *,
.homepage #latest-news > *{
    padding: 0 10px;
}

.homepage-row-two {
    font-size: 1em;
}

.homepage #executive-message img,
.homepage #questions-answered img {
    padding: 0;
    margin-bottom: 5px;
}

.homepage #how-we-work,
.homepage #banner-links {
    width: 189px;
}

.homepage #how-we-work {
    background: #6B7BB6;
    background: #A3B0C1;
    color: white;
    padding: 10px 7px;
    width: 175px;
}

.homepage #how-we-work h1,
.homepage #how-we-work p.invite-link{
    color: white;
}

.homepage #how-we-work p {
    color: #273447;
    font-size: 1em;
}

.homepage #how-we-work p.speechbubbles {
    text-align: center;
}

.homepage #how-we-work a {
    color: white;
}

.homepage .homepage-row-one #how-we-work {
    font-weight: bold;
}

.homepage .homepage-row-one #how-we-work h1 {
    background: none;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
}

.homepage #homepage-features {
    width: 569px;
}

#portal-column-content .homepage h1 {
    background: #494949;
    color: white;
    margin: 0;
    padding: 10px 10px;
    font-size: 1em;
    font-weight: normal;
}

.homepage #executive-message,
.homepage #questions-answered,
.homepage #latest-news {
    width: 189px;
}

.homepage #poll,
.homepage #events-calendar {
    width: 190px;
    margin-right: 0;
}

#portal-column-content {
    padding: 0;
}

.homepage #poll,
.homepage #how-we-work {
    overflow-y: auto;
}

/*
 *
 * "Poll" section
 *
 */
 
.homepage-row-one #poll {
    background: #EFEFEF url(/++resource++wpa.wpa_theme.images/have_your_say.gif) 0px 0px no-repeat;
    padding-top: 70px;
}

.homepage #poll div {
    padding: 3px;
}

#poll h1 {
    display: none;
}

.homepage #poll .poll-ask {
    background: transparent url(/++resource++wpa.wpa_theme.images/poll_question_bg.gif) bottom right no-repeat;
    color: black;
    background-color: #D5D5D5;
    width: 183px;
    margin: 0 auto 4px auto;
    padding-bottom: 15px;
    height: 220px;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

.homepage #poll .poll-ask .poll-question {
    background: transparent url(/++resource++wpa.wpa_theme.images/poll_question_top.gif) top left no-repeat;
    padding: 12px;
    padding-bottom: 3px;
    margin-top: -1px;
}

.homepage #poll .poll-ask p {
    padding-left: 6px;
}

#poll-results-surround {
    background-color: #f2f1f2;
    height: 230px;
    overflow: hidden;
    overflow-y: auto;
}

#poll .poll-ask p {
    line-height: 1.3em;
    margin-bottom: 4px;
}


#poll ul {
    margin: 0;
    padding: 0;
}

#poll ul#poll-results li {
    list-style: none;
}
 
#poll ul#poll-results p.poll-results-value {
    background: transparent url(/++resource++wpa.wpa_theme.images/poll_results_fg.gif) 0px 0px no-repeat;
    padding: 3px 2px 2px 4px;
    color: white;
    line-height: 1.2em;
    height: 23px;
}

#poll ul#poll-results div.poll-results-bg {
    padding: 0;
    background: transparent url(/++resource++wpa.wpa_theme.images/poll_results_bg.gif) 0px 0px no-repeat;
}

#poll .poll-follow-up ,
#poll .poll-question {
    line-height: 1.2em;
    margin-bottom: 10px;
}

#poll .poll-question,
#poll .poll-follow-up a,
#poll .poll-follow-up a:hover {
    color: #402C3F;
    font-weight: bold;
}

#poll .poll-current-results {
    color: #586AAD;
    font-weight: bold;
}

#poll ul#poll-results p, #poll p {
    margin: 0;
    padding: 0;
}

#poll ul#poll-results p {
    line-height: 1em;
    color: #402C3F;
}

#poll input {
    background-image: none;
    border-style: solid;
    padding: 3px;
}

#poll div.poll-ask input {
    background-image: none;
    border-style: none;
}

/*
 *
 * "Features" section, including tabbed navigation
 *
 */
 
.homepage #homepage-features {
    position: relative;
    padding-bottom: 41px;
    height: 285px;
    background: black;
}

.homepage #homepage-features ul {
    padding: 0;
    margin: 0;
}

.homepage #homepage-features li {
    width: 569px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepage #homepage-features div.feature-div {
    position: relative; 
    height: 285px;
    padding: 0;
    margin:0;
}

.homepage #homepage-features li h2 {
    color: #FBAC1A;
}
 
.homepage #homepage-features ul#feature-tabs {
    position: absolute;
    left: 0;
    bottom: 0;
    clear: both;
    padding: 0;
    margin: 0;
    height: 41px;
}

.homepage #homepage-features ul#feature-tabs li p {
    height: 1.4em;
    overflow: hidden;
}
 
.homepage #homepage-features ul#feature-tabs li {
    float: left;
    padding: 0;
    margin: 0;
    padding-left: 27px;
    text-align: left;
    cursor: pointer;
    list-style: none;
    background: transparent url(/++resource++wpa.wpa_theme.images/homepage_feature_tab_bg.gif) top left;
    color: #999;
    
    padding-top: 15px;
    height: 26px;
    font-size: 1em;
}

.homepage #homepage-features li a ,
.homepage #homepage-features li a:visited {
    color: #999;
}

.homepage #homepage-features li:hover a {
    text-decoration: none;
    color: white;
}

.homepage #homepage-features ul#feature-tabs li a:hover {
    text-decoration: none;
    color: white;
}
 
.homepage #homepage-features ul#feature-tabs li.active {
    background: transparent url(/++resource++wpa.wpa_theme.images/homepage_feature_active_tab_bg.gif) top left;
    color: white;
}

.homepage #homepage-features ul#feature-tabs li.active a {
    color: white;
}

.homepage #homepage-features #features-carousel {
    overflow: auto;
    height: 300px;
    position: relative;
}

.homepage #homepage-features #features-carousel .description {
    position: absolute;
    background: transparent url(/++resource++wpa.wpa_theme.images/homepage_feature_desc_bg.png) bottom left;
    color: white; 
    bottom: 0; 
    left: 0;
    padding: 10px;
    margin: 0;
    width: 549px;
}

.homepage #homepage-features #features-carousel .description p {
    margin: 0;
}

.homepage #homepage-features #features-carousel .description p a {
    margin-left: 10px;
}

.homepage #homepage-features ul#feature-tabs li.tab_1 {
    background-position: -1px 0;
    width: 162px;
}
.homepage #homepage-features ul#feature-tabs li.tab_2,
.homepage #homepage-features ul#feature-tabs li.tab_3 {
    width: 163px;
}

.homepage #banner-links {
    text-align: center;
}

.homepage #banner-links ul {
    margin: 0;
    padding: 0;
}

.homepage #banner-links ul li {
    list-style: none;
}

/*
 *  Lastest News styling
 *
 */

#latest-news ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

#latest-news ul li {
    list-style-type: none;
    list-style-image: none;
}

#latest-news h2 {
    font-size: 1em;
    font-weight: bold;
}

/*
 *  Calendar styling
 *
 */
 
.portletCalendar .ploneCalendar {
    background: #eee;
}

.portletCalendar .portletHeader a {
    color: black;
}

.portletCalendar .portletHeader {
    color: black;
}

.portletCalendar dt {
    background: white;
    border: 0;
    font-weight: bold;
}

.portletCalendar dt a {
    display: inline-block;
    /*float: left;*/
    background: #eee;
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.ploneCalendar .event, .ploneCalendar .todayevent {
    background: #ccc;
    border: 0;
}

.ploneCalendar .event a, .ploneCalendar .event a:visited,
.ploneCalendar .todayevent a, .ploneCalendar .todayevent a:visited {
    color: black;
    text-decoration: underline;
}

.ploneCalendar .weekdays th {
    background: white;
    border: 0;
}