@import "config";   
    
/* site-specific customizations to deco.gs ------ */
div.position-0 {margin-left: -100%;}
div.width-full {width: 100%;}
div.cell {font-size: 90%;}
    
.template-expired {
    #switcher,
    #admin-nav {
        display: none;
    }
}
    

body {
    background: url("@{imgpath}/bg_body.png") repeat-x 0 0 transparent;
    font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
}
.hc-inner-container {width: 990px;}



/* =HEADINGS ------------- */
h1 {
    font-family: 'Futura Medium', 'Lucida Grande', Helvetica, Arial, sans-serif;
}
h1.documentFirstHeading,
div.title h1 {
    border-bottom: 1px solid #D0DFE7;
    color: #2a598c;
    font-size: 36px;
    letter-spacing: 1px;
    padding: 15px 10px 10px;
    text-transform: uppercase;
}
div.title h1 {
    border-bottom: 0;
    padding: 0;
}


/* =CONTENT AREA --------------- */
#portal-columns {
    position: relative;
    z-index: 1;
}
#content,
#portal-column-content {
    /*overflow: hidden;*/
    padding-bottom: 30px;
}
#content {
    font-size: 100%;

    a {
        &:link,
        &:visited {
            color: @linkblue;
        }
    }
}
#portal-column-content {padding-top: 10px !important;}


div.documentActions {display: none;}
.documentContent {background: transparent;}

.discreet,
.instructions {
    color: #888;
    font-size: 11px;
}
.text ul ul {
    color: #555;
    list-style-image: none;
    list-style: circle;
    margin-bottom: 1em;
}


/* =PFG -------------- */
.template-fg_base_view_p3 #content {
    font-size: 80%;
}
#pfg-fieldwrapper {
    overflow: hidden;
    padding-left: 2px;
}
fieldset {
    &.PFGFieldsetWidget {
    /*     border: 1px solid #eee; */
        float: left;
        margin-top: 0px;
        padding-top: 1em;
        width: 45%;
    }
    p {
        margin: 0;
    }
}



/* =PRC-style rounded containers & tabs ---------------- */
div.rounded {
    background: rgb(253,253,252);
    background: rgba(255,255,255,0.7);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0 0 10px rgb(201,202,206);
    -webkit-box-shadow: 0 0 10px rgb(201,202,206);
    box-shadow: 0 0 10px rgb(201,202,206);
    margin-bottom: 20px;
    margin-left: -10px;
    padding: 10px;

    &.dim {
        background: rgb(243,244,233);
        background: rgba(255,255,255,0.3);

        form.tabbed {
            div.tabcontent {
                background: rgb(244,244,238);
                background: rgba(245,245,240,0.9);
            }
            ul.tabs {
                li.current {
                    span {
                        background: rgb(244,244,238);
                        background: rgba(245,245,240,0.9);
                        color: rgb(188,172,168);
                    }
                }
            }
        }
    }
}

form.tabbed {
    ul.tabs {
        margin-left: -20px;
        overflow: hidden;
        padding: 5px 0 0 10px;

        li {
            display: inline;
            float: left;

            a,
            span {
                background: rgb(246,246,244);
                background: rgba(255,255,255,0.7);
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
                -moz-box-shadow: 0 0 10px rgb(201,202,206);
                -webkit-box-shadow: 0 0 10px rgb(201,202,206);
                box-shadow: 0 0 10px rgb(201,202,206);
                color: rgb(118,97,62);
                font-family: 'AvenirLTStd85Heavy', Helvetica, Arial, sans-serif;
                display: block;
                padding: 5px 15px;
                position: relative;
                text-transform: uppercase;
            }

            a {
                z-index: 1;
            }

            &.courses {
                a,
                span {
                    z-index: 2;
                }
            }
            &.current {
                a,
                span {
                    background: rgb(250,250,248);
                    background: rgba(255,255,255,0.9);
                    color: rgb(118,205,87);
                    z-index: 11; /* uppermost for currently selected tab */
                }
            }
        }
    }
    div.tabcontent {
        fieldset {
            padding: 5px;

            input[type="text"],
            textarea {
                background: rgb(231,231,227);
                border: 0;
                color: #000;
                margin-bottom: 5px;
                padding: 5px;
                width: 70%;
            }
        }
    }
}

form.tabbed div.tabcontent,
#central form.tabbed div.tabcontent {
    background: rgb(250,250,248);
    background: rgba(255,255,255,0.9);
    -moz-border-radius: 0 15px 15px 15px;
    -webkit-border-radius: 0 15px 15px 15px;
    border-radius: 0 15px 15px 15px;
    position: relative;
    z-index: 10; /* higher than for currently unselected tabs */
}



.row.profile {
    .cell {
        padding-left: 15px;
    }
    th,
    label {
        font-size: 11px;
        font-weight: bold;
    }
    label {
        display: block;
    }
    th {
        padding: 0 1em 0 0;
    }
}

div.note {
    background: rgba(237,195,47,0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: rgb(105,99,87);
    font-size: 11px;
    padding: 5px 7px 6px;
}







/* *=QUIZ styling
--------------------------- */
#question-dialog {
    background-color: #fff;
}