/* 
    Document   : ucb_get_involved
    Created on : Feb 21, 2012, 9:58:55 AM
    Author     : peter
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*

    @general

*/

.page-ucb-get-involved #outer-wrapper { 
    background: #00b8e4 url(../img/body-bg.png) left top repeat-x;
    overflow: hidden;
    font-family: Arial;
    position: relative;
}

.page-ucb-get-involved #outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-get-involved #outer-wrapper div.bg.left {
    width: 402px;
    height: 1493px;
    background: url(../img/body-left.png) left top no-repeat;
    left: 0;
}

.page-ucb-get-involved #outer-wrapper div.bg.right {
    width: 360px;
    height: 800px;
    background: url(../img/body-right.png) left top no-repeat;
    right: 0;
}

.page-ucb-get-involved #inner-wrapper {
    background: transparent url(../img/body-circles.png) center 57px no-repeat;
}

.page-ucb-get-involved #top-wrapper {
    box-shadow: none;
}

.page-ucb-get-involved #breadcrumb {
    padding-left: 20px;
}

.page-ucb-get-involved div#container {
    padding-bottom: 0;
    box-shadow: none;
    border-top: 8px solid #01a9d1;
}

.page-ucb-get-involved div#main {
    margin-top: 0;
}

.page-ucb-get-involved div#main-squeeze {
    padding: 0 !important;
}

.page-ucb-get-involved #breadcrumb a, .page-ucb-prayer #breadcrumb a:hover {
    color: white;
}

.page-ucb-get-involved #footer-wrapper {
    height: auto;
}

/*

    @header

*/

#ucb-get-involved-header {
    height: 161px;
    position: relative;
}

#ucb-get-involved-header div.logo {
    width: 280px;
    height: 93px;
    background: url(../img/get-involved-logo.png) left top no-repeat;
    position: absolute;
    left: 20px;
    top: 34px;
}

#ucb-get-involved-header a.iphone-thingie, #ucb-get-involved-header a.iphone-thingie:hover {
    display: block;
    width: 167px;
    height: 136px;
    background: url(../img/iphone-thingie.png) left top no-repeat;
    text-indent: -9999em;
    position: absolute;
    right: 5px;
    top: 10px;
}

/*

    @main content

*/

#ucb-get-involved-main {
    padding: 42px 10px 40px 10px;
    position: relative;
}

#ucb-get-involved-main div.cont-left {
    width: 640px;
    float: left;
}

#ucb-get-involved-main div.cont-right {
    width: 287px;
    float: right;
}

#ucb-get-involved-main div.cont-right h2 {
    display: none;
}

/*

    @links box

*/

#ucb-get-involved-main div.links-box {
    width: 616px;
    margin: 0 0 17px 22px;
}

#ucb-get-involved-main div.links-box p.what {
    line-height: 26px;
    font-size: 20px;
    font-weight: normal;
    color: #545454;
}

#ucb-get-involved-main div.links-box div.items {
    margin-top: 5px;
    position: relative;
}

#ucb-get-involved-main div.links-box div.items a.item,
#ucb-get-involved-main div.links-box div.items a.item:hover {
    display: block;
    width: 593px;
    height: 68px;
    line-height: 68px;
    margin-bottom: 7px;
    padding-left: 23px;
    background: url(../img/links-box-item.png) left top no-repeat;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #092c35;
    color: white;
    text-decoration: none;
}

#ucb-get-involved-main div.links-box div.items a.item.last {
    margin-bottom: 0;
}

/*

    @GTEM - go the extra mile

*/

div.gtem {
    width: 100%;
    height: 339px;
    background: url(../img/gtem-bg.png) left top no-repeat;
    position: relative;
}

div.gtem a.item, div.gtem a.item:hover {
    display: block;
    width: 147px;
    height: 28px;
    text-indent: -9999em;
    text-decoration: none;
    position: absolute;
    left: 32px;
    bottom: 84px;
}

div.gtem a.item.item2 {
    bottom: 49px;
}

div.gtem a.item.item3 {
    bottom: 15px;
}

/*

    @right sidebar ads

*/

div.rs-ads {
    width: 280px;
    height: 372px;
    margin: 15px 0 0 4px;
    background: url(../img/sidebar-ads-bg.jpg) left top no-repeat;
}

div.rs-ads a, div.rs-ads a:hover {
    display: block;
    width: 100%;
    height: 178px;
    text-indent: -9999em;
    text-decoration: none;
}

div.rs-ads a.first {
    margin-bottom: 15px;
}

div.rs-ads a.second {
    height: 179px;
}

/*

    @noticeboard

*/

#ucb-get-involved-main div.noticeboard {
    float: left;
    width: 280px;
    margin-right: 21px;
    overflow: hidden;
    position: relative;
}

#ucb-get-involved-main div.noticeboard a.seeall,
#ucb-get-involved-main div.noticeboard a.seeall:hover {
    display: block;
    width: 64px;
    height: 30px;
    background: url(../img/noticeboard-seeall-btn.png) left top no-repeat;
    text-indent: -9999em;
    textx-decoration: none;
    position: absolute;
    right: 8px;
    top: 11px;
}

/*

    @resources box

*/

#ucb-get-involved-main div.resources {
    width: 337px;
    float: left;
    position: relative;
}

#ucb-get-involved-main div.resources h2 {
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    background: #00b8e4 url(../img/resources-title.png) 13px center no-repeat;
    text-indent: -9999em;
}

#ucb-get-involved-main div.resources div.blockcontent-content {
    padding: 14px;
    background: #f2f2f2;
    font-size: 15px;
}

#ucb-get-involved-main div.resources div.blockcontent-content p a,
#ucb-get-involved-main div.resources div.blockcontent-content p a:hover {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    color: #00B8E4;
    text-decoration: underline;
    background: url(../img/link-arrow-black.png) left center no-repeat;
}

#ucb-get-involved-main div.resources div.blockcontent-edit-link {
    right: 15px;
    top: 15px;
}

/*

    @all events

*/

.page-ucb-get-involved div.all-events {
    padding: 20px 9px 20px 9px;
    position: relative;
}

.page-ucb-get-involved div.all-events h2 {
    line-height: 26px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    color: #545454;
}

.page-ucb-get-involved div.all-events div.add-event-ctrls {
    height: 26px;
    line-height: 26px;
    text-align: right;
    font-size: 15px;
    color: #545454;
    position: absolute;
    right: 9px;
    top: -26px;
}

.page-ucb-get-involved div.all-events div.add-event-ctrls p,
.page-ucb-get-involved div.all-events div.add-event-ctrls a.add-event {
    float: left;
}

.page-ucb-get-involved div.all-events div.add-event-ctrls a,
.page-ucb-get-involved div.all-events div.add-event-ctrls a:hover {
    color: #00B8E4;
    text-decoration: underline;
}

.page-ucb-get-involved div.all-events div.add-event-ctrls a:hover {
    text-decoration: none;
}

.page-ucb-get-involved div.all-events div.add-event-ctrls a.add-event,
.page-ucb-get-involved div.all-events div.add-event-ctrls a.add-event:hover {
    display: block;
    width: 106px;
    height: 26px;
    margin-left: 10px;
    text-indent: 9999em;
    text-decoration: none;
    overflow: hidden;
    background: url(../img/add-event-btn.png) left top no-repeat;
}

.page-ucb-get-involved div.all-events div.cont {
    margin-top: 15px;
    position: relative;
}

.page-ucb-get-involved div.all-events div.filter {
    padding-bottom: 10px;
    position: relative;
}

.page-ucb-get-involved div.all-events div.filter label {
    display: none;
    font-size: 16px;
    font-weight: normal;
    color: black;
}

.page-ucb-get-involved div.all-events div.filter div.form-item {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

.page-ucb-get-involved div.all-events div.calnd {
    margin-top: 15px;
    position: relative;
}

.page-ucb-get-involved div.all-events div.calnd div.fake,
.page-ucb-get-involved div.all-events div.calnd div.item {
    float: left;
    width: 126px;
    height: 150px;
    margin: 0 10px 10px 0;
}

.page-ucb-get-involved div.all-events div.calnd div.item.last {
    margin-right: 0;
}

.page-ucb-get-involved div.all-events div.calnd div.item {
    width: 114px;
    height: 138px;
    padding: 5px;
    background: #f2f2f2;
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

.page-ucb-get-involved div.all-events div.calnd div.item.hasCont {
    background: #effafc;
    border: 1px solid #d1ecf2;
}

.page-ucb-get-involved div.all-events div.calnd div.item p.day {
    height: 16px;
    line-height: 16px;
    margin-bottom: 12px;
}

.page-ucb-get-involved div.all-events div.calnd div.item p.day span {
    display: inline-table;
    height: 16px;
    line-height: 16px;
    font-size: 15px;
}

.page-ucb-get-involved div.all-events div.calnd div.item p.day span.nr {
    color: #00b8e4;
    font-size: 15px;
    font-weight: bold;
}

.page-ucb-get-involved div.all-events div.calnd div.item p.day span.word {
    padding-left: 8px;
    color: #545454;
 /*   font-size: 13px; */
    font-weight: normal;
}

.page-ucb-get-involved div.all-events div.calnd div.item div.day-cont {
    position: relative;
}

.page-ucb-get-involved div.all-events div.calnd div.item div.day-cont a,
.page-ucb-get-involved div.all-events div.calnd div.item div.day-cont a:hover {
    display: block;
    line-height: 22px;
    padding-left: 8px;
    color: #00B8E4;
    font-size: 12px;
    text-decoration: underline;
    background: url(../img/link-arrow-black.png) left 7px no-repeat;
}

div.fake-calnd-hover-cont {
    width: 114px;
    padding: 0 5px 5px 5px;
    background: #effafc;
    border: 1px solid #d1ecf2;
    border-top: none;
    z-index: 99999;
    position: absolute;
}

div.fake-calnd-hover-cont p.bottom {
    width: 100%;
    height: 1px;
    margin: 0 !important;
    background: white;
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
    position: absolute;
    bottom: -1px;
    left: 0;
}

div.fake-calnd-hover-cont a,
div.fake-calnd-hover-cont a:hover {
    display: block;
    line-height: 22px;
    padding-left: 8px;
    color: #00B8E4;
    font-size: 12px;
    text-decoration: underline;
    background: url(../img/link-arrow-black.png) left 7px no-repeat;
}