/**
 * @title       Popin Styles
 */

#popinMask {
    position:absolute; top:0; left:0; z-index:20;
    background:#fff;
}
#popinLoader {
    position:absolute; z-index:21;
    height:32px; width:32px;
    background:url(/templates/touringnature/popin/img/loader.gif) no-repeat 50% 50%; color:#FFF;
}
#popinLoader span {
    display:block;
    height:0; width:0;
    overflow:hidden;
}
#popin {
    position:absolute; z-index:1001;
    margin:0; padding-top:5px; padding-bottom:20px;
    width:662px;
}
.popinHeader {
    padding:4px 6px 0;
    background:url(/templates/touringnature/popin/img/bg-header-shadow.png) no-repeat 50% 0;
}
.popinFooter {
    padding:0 6px 8px;
    background:url(/templates/touringnature/popin/img/bg-footer-shadow.png) no-repeat 50% 0;
}
.popinCore {
    padding:0 6px 0;
    background:url(/templates/touringnature/popin/img/bg-core-shadow.png) repeat-y 50% 0;
}

.popinHeaderInner {
    position:relative;
    padding:10px 20px 25px;
    background:#fff url(/templates/touringnature/popin/img/popin-core-border-top.png) no-repeat 50% 100%;
}
#popin h1 {
    position:relative; z-index:1;
    margin-bottom:0; padding-bottom:0.5em; border-bottom:2px solid #57ae43;
    color:#3c2c2c;
    font-size:16px; font-weight:bold;
}
#js .popinHeaderInner .popinClose {
    position:absolute; top:10px; right:20px; z-index:2;
}
.popinCoreInner {
    position:relative;
    margin:0 auto; padding:1em 15px 0; border-width:0 1px; border-style:solid; border-color:#e1dfdd;
    width:580px;
    background-color:#fff; color:#4d4445;
    font-size:11px;
}
.popinCoreInner .messageWrapper {
    margin:0 auto; padding-bottom:15px;
    background:#57ae43 url(/templates/touringnature/popin/img/bg-message-bottom.png) no-repeat 50% 100%;
    width:371px;
}
.popinCoreInner .message {
    padding:15px 15px 0;
    background:#57ae43 url(/templates/touringnature/popin/img/bg-message-top.png) no-repeat 50% 0; color:#fff;
    font-size:11px;
    text-align:center;
}
.popinCoreInner p {margin:1em 0;}
.popinCoreInner .action {
    margin-top:1em;
    width:15em;
}
.popinFooterInner {
    overflow:hidden;
    height:20px;
    background:#fff url(/templates/touringnature/popin/img/popin-core-border-bottom.png) no-repeat 50% 0;
}

/**
 * @tree     #confirm < #popin
 */
#confirm {text-align:center;}
#confirm p {
    margin-left:auto; margin-right:auto;
    max-width:430px;
}

/**
 * @tree     #login < #popin
 */
#register #loginForm {
    padding-bottom:15px; border-bottom:1px dotted #a29999;
}
#register #loginForm legend {
    margin:0 0 10px 0; padding:0;
    color:#57ae43;
    font-size:11px; font-weight:bold;
}
#register #loginForm .text {
    float:left;
    height:20px;
}
#register #loginForm .text label {
    float:left;
    padding-right:10px;
    line-height:17px;
}
#register #loginForm .text input {
    float:left;
    margin-right:15px;
    height:17px;
}
#register #loginForm .actions {
    float:left;
    padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0;
}
#register #loginForm .actions input {
    margin:0; padding:0 0 0 9px; border:0;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
    cursor:pointer;
}
#register .noAccount {
    margin-bottom:0;
    color:#57ae43;
    text-align:right;
}
#register a.action {
    margin-top:5px;
}

/**
 * @tree     #updatePassword < #popin
 */
#updatePassword #updatePasswordForm .text {
    padding:0 0 10px;
}
#updatePassword #updatePasswordForm .first {
    margin-bottom:10px; border-bottom:1px dotted #9f999b;
}
#updatePassword #updatePasswordForm .text label {
    float:left;
    width:240px;
}
#updatePassword #updatePasswordForm .text input {
    float:left;
    width:170px;
}
#updatePassword #updatePasswordForm .actions, #updatePassword #forgottenPasswordForm .actions {
    float:right;
    padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0;
}
#updatePassword #updatePasswordForm .actions input, #updatePassword #forgottenPasswordForm .actions input {
    margin:0; padding:0 0 0 9px; border:0;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
    cursor:pointer;
}
#updatePassword #forgottenPasswordForm
 
/**
 * @tree     #natureReport < #popin
 */
#pictoDefinition .picto {
    float:left;
    margin-top:1em;
    width:100px;
}
#pictoDefinition .description {
    float:left;
    width:480px;
}

/**
 * @tree     #publishComment < #popin
 */
#publishCommentForm legend {
    margin:0 0 10px 0; padding:0;
    color:#57ae43;
    font-size:11px; font-weight:bold;
}
#publishCommentForm .text {
    height:23px;
}
#publishCommentForm .select {
    margin-top:5px;
    height:23px;
}
#publishCommentForm .select option {padding:0 10px 0 5px;}
#publishCommentForm .radio {
    height:20px;
}
#publishCommentForm .textarea label {
    display:block;
}
#publishCommentForm .textarea textarea {
    background-color:#f2faf0;
    width:575px;
}
#publishCommentForm .connection {margin-bottom:1em;}
#publishCommentForm .connection fieldset {
    float:left;
    width:290px;
}
#publishCommentForm .connection fieldset.first {
    margin-right:15px; padding-right:15px; border-right:1px dotted #a29999;
    width:259px;
}
#publishCommentForm .connection fieldset .text label {
    float:left;
    width:85px;
}
#publishCommentForm .connection fieldset .text input {
    float:left;
    width:160px;
}
#publishCommentForm .actions {
    float:right;
    padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0;
}
#publishCommentForm .actions input {
    margin:0; padding:0 0 0 9px; border:0;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
    cursor:pointer;
}
/**
 * @section     popinSearch
 * @tree        form#popinSearch* < #popinSearch < #alert
 */
#popinSearch h2 {
    margin:0; padding-bottom:.5em;
    font-size:14px;
}
#popinSearch fieldset {margin-bottom:1em;}
#popinSearch fieldset div.cities, #popinSearch fieldset div.dates, #popinSearch fieldset div.passengers {
    clear:both;
    margin:.3em 0;
}
#popinSearch .radios li {
    float:left;
    margin-right:12px; padding-bottom:.3em;
}
#popinSearch .radios .label {
    float:left;
    margin-right:1em;
}
#popinSearch .checkbox, #popinSearch .select {padding-bottom:.3em;}
#popinSearch .select {clear:left;}
#popinSearch .select div {color:#7b7171;}
#popinSearch .text {padding-bottom:.3em;}
#popinSearch .text label {
    float:left;
    margin-right:1ex;
    width:10em;
}
#popinSearch .search .legend {clear:both;}
#popinSearch .prices .text, #popinSearch .notes .text {float:left;}
#popinSearch .prices .text label, #popinSearch .notes .text label {text-align:right;}
#popinSearch .dates .text input {width:6.5em;}
#popinSearch .dates .text span {margin-right:2ex;}
#popinSearch .passengers .select, #popinSearch .passengers .select .fauxSelect {
    float:left; clear:none;
}
#popinSearch .select label {
    float:left;
    margin-right:1ex;
    width:10em;
}
#popinSearch .passengers .select {margin-right:1ex}
#popinSearch .passengers .select label {width:auto;}
#popinSearch p.info {
    clear:both;
    font-size:9px; font-weight:bold;
}
#popinSearch p.info span {font-weight:normal;}
#popinSearch .actions {
    clear:both;
    text-align:right;
}
#popinSearch .actions {
    float:right;
    padding-right:9px;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-right.png) no-repeat 100% 0;
}
#popinSearch .disabled {
    border:none;
    background:none; color:#4d4445;
}
#popinSearch .connection {
    padding-top:1em;border-top:1px solid #57ae43;
}
#popinSearch .connection  p.login {
    font-size:14px; font-weight:bold;
}
#popinSearch .connection  fieldset {
    float:left;
    margin-bottom:1em; padding-left:1em;
    width:270px;
}
#popinSearch .connection fieldset.first {
    padding-right:1em; padding-left:0; border-right:1px dotted #4d4445
}
#popinSearch .connection p {
    clear:left;
    margin:0 0 .5em;
}
#popinSearch .connection a.action {
    float:left;
    width:auto;
}
#popinSearch .connection .action span {height:20px;}
#popinSearch .actions input {
    margin:0; padding:0 0 0 9px; border:0;
    height:20px;
    background:url(/templates/touringnature/common/img/bg/bg-btn-action-left.png) no-repeat 0 0;
    cursor:pointer;
}


/* Clearing */
.popinCoreInner:after,  #updatePassword #updatePasswordForm .text:after, #popinSearch .prices:after, #popinSearch .notes:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}