/**
 * @title       Touring Nature aside styles
 * @requires    global.css
 * @tree        #aside < #main
 */
#core {
    float:left;
    margin-right:15px; padding-left:15px;
    width:645px; 
}
#aside {
    float:left;
    margin-top:35px; margin-right:15px;
    width:250px;
    font-size:11px;
}

/**
 * @section     pushes
 * @tree        .push < #aside
 */
#aside .push {
    padding:0 0 12px;
    background:url(/templates/touringnature/common/img/bg/bg-aside-push-bottom.png) no-repeat 0 100%;
}
#aside .push, #aside .advertising, #aside #faceBook, #aside #googleAds {
    margin:0 0 1em;
}
#aside .push .wrapper {
    padding:12px 15px 0; 
    background:url(/templates/touringnature/common/img/bg/bg-aside-push-top.png) no-repeat 0 0;
}
#aside h2 {
    margin:0 0 10px;
    color:#fff;
    font-size:16px;
}

/**
 * @section     note
 * @tree        #note.push < #aside
 */
#note .innerWrapper {
    padding:8px 60px 8px 14px; margin:20px 0 12px;
    width:147px;height:62px;
    background:url(/templates/touringnature/common/img/bg/bg-aside-note.png) no-repeat;
    line-height:1.2
}
#note .innerWrapper p {
    margin:0;
    color:#57ae43;
}
#note .innerWrapper p strong {
    display:block;
    color:#407f32;
    font-size:18px;
}
#note .innerWrapper p a {
    color:#57ae43;
    text-decoration:none;
    cursor:pointer;   
}
#note li {
    padding:2px 0 0 24px;
    background:url(/templates/touringnature/common/img/picto/picto-check.png) no-repeat 0 0; color:#d9efaf;
}

/**
 * @section     poll
 * @tree        #poll.push < #aside
 */ 
#poll {
    min-height:130px;
    color:#fff;
}
#poll p {
    color:#d9efaf;
}
#poll .radios li {clear:left;}
#poll .radios input {
    float:left; clear:left;
    margin:0 5px 5px 0; 
}
#poll .radios label {
    float:left;
    color:#fff;
}
#poll .actions {
    float:right; clear:left;
    padding:0 10px 0 0;
    background:url(/templates/touringnature/common/img/form/btn-aside-right.png) no-repeat 100% 0;
}
#poll .actions div {
    padding:0 0 0 10px;
    background:url(/templates/touringnature/common/img/form/btn-aside-left.png) no-repeat;
    text-align:center;
}
#poll .actions input {
    border:none;
    height:22px;
    background:none; color:#fff;
    font-weight:bold;
    cursor:pointer;
}
#poll .pollResults {
    padding-left:15px;
    list-style-position:outside; list-style-type:disc;
}

/**
 * @section     announcement
 * @tree        #announcement.push < #aside
 */
#announcement p {
    color:#d9efaf;
}
#announcement a.asideButton {
    float:right;
}
a.asideButton {
    display:block;
    padding:0 10px 0 0;
    background:url(/templates/touringnature/common/img/form/btn-aside-right.png) no-repeat 100% 0; color:#fff;
    text-decoration:none;
}
a.asideButton span {
    display:block;
    padding:0 0 0 10px;
    height:22px;
    background:url(/templates/touringnature/common/img/form/btn-aside-left.png) no-repeat;
    text-align:center; line-height:22px;
}
a.asideButton:hover {
   /* background-position:100% 100%;*/
    text-decoration:underline;
    cursor:pointer;
}
a.asideButton:hover span {
   /* background-position:0 100%;*/
}

/**
 * @section     asideResult
 * @tree        #asideResult < #aside
 */
#aside #asideResult, #aside #asideMap {
    padding-top:12px; margin-bottom:1em;
    background:url(/templates/touringnature/common/img/bg/bg-aside-result-top.png) no-repeat;
}
#aside #asideResult .wrapper, #aside #asideMap .wrapper {
    padding-bottom:12px;
    background:url(/templates/touringnature/common/img/bg/bg-aside-result-bottom.png) no-repeat 0 100%;
}
#aside #asideResult .innerWrapper, #aside #asideMap .innerWrapper {
    padding:0 12px;
    border-left:1px solid #dadbd8; border-right:1px solid #dadbd8;
    background:#fff;
}
#aside #asideResult h2, #aside #asideMap h2 {
    margin:0;
    color:#524443;
}
#aside #asideResult p {
    margin:0;
}
#aside #asideResult p.preamble {
    color:#5bae44;
    font-weight:bold;
}
#aside #asideResult p.preamble span {
    font-weight:normal;
}
#asideMap a.more {
    margin:6px 0 0;
}
#miniMap {
    width:222px; height:168px;
}

/**
 * @section     easyclearing
 */
#aside #poll:after, #aside #announcement .wrapper:after, #aside #asideMap div.innerWrapper:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}