@font-face
{
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.svg') format('svg'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/******************************************* 
	Reset
*******************************************/
*
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 1em;
    outline: none;
}

html
{
    overflow-y: scroll;
    min-width: 968px;
}

code, kbd, samp, pre, tt, var, textarea, input, select, isindex
{
    font: inherit;
    font-size: 1em;
}

dfn, i, cite, var, address, em
{
    font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet
{
    border: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td, center
{
    text-align: left;
    vertical-align: top;
}

body
{
    line-height: 1;
    background: white;
    color: black;
}

q
{
    quotes: "" "";
}

ul, ol
{
    list-style: none;
}

sub, sup
{
    vertical-align: baseline;
}

.subclass
{
    vertical-align: baseline;
    position: relative;
    font-size: .7em;
    line-height: 1;
    top: .5ex;
}

.supclass
{
    vertical-align: baseline;
    position: relative;
    font-size: .7em;
    line-height: 1;
    bottom: 1.4ex;
}

a
{
    color: inherit;
}
/******************************************* 
	Layout
*******************************************/
body
{
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    font: 62.5% arial,helvetica,sans-serif;
}

.wrapper
{
    margin: 0 auto;
    width: 968px;
}

#header, #headerAnonym, #content, #footer
{
    margin: 0 14px;
}

#pageAuth #content
{
    min-height: 300px;
}

.col1
{
    width: 940px;
    margin: 0 auto;
    min-height: 42px;
}

    .col1.center
    {
        width: 620px;
    }

    .col1 ol.terms
    {
        counter-reset: section;
    }

        .col1 ol.terms > li
        {
            list-style: none;
        }

        .col1 ol.terms li ol
        {
            counter-reset: subsection;
            content: counter(section) "." counter(subsection);
        }

            .col1 ol.terms li ol li:before
            {
                content: counter(section) ".";
                margin-left: -40px;
                float: left;
            }

            .col1 ol.terms li ol li ul li:before
            {
                content: none;
            }

.col13
{
    width: 300px;
}

.col13v
{
    width: 280px;
}

.panel.col1 .actions
{
    margin: 10px 10px 0 0;
}

.panel .col13
{
    width: 292px;
}

.panel .colX .col13
{
    width: 306px;
    margin-left: 0;
}

.col23
{
    width: 620px;
}

.col23v
{
    width: 640px;
}

.colSmall
{
    width: 30px;
}

.panel .col23
{
    width: 600px;
}

.col23 .panel .rounded .cc .row.italic
{
    font-style: italic;
}

/* Common rules for list of input(checkbox, radio button)-label pairs */
.panel ul.options
{
    padding: 0 10px;
}

    .panel ul.options.withoutPadding
    {
        padding: 0;
    }

    .panel ul.options > li
    {
        margin-bottom: 10px;
    }

    .panel ul.options li input
    {
        float: left;
    }

    .panel ul.options > li > label
    {
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }

    .panel ul.options.defaultLabels > li > label
    {
        font-weight: normal;
        font-size: 1em;
    }

    .panel ul.options li input + label
    {
        margin-left: 5px;
    }

    .panel ul.options li p
    {
        color: #666;
        margin-top: 2px;
    }

    .panel ul.options li input ~ p,
    .panel ul.options li input ~ div p
    {
        margin-left: 23px;
    }

    .panel ul.options li ol,
    .panel ul.options li ul
    {
        padding: 5px 0 0 23px;
    }

        .panel ul.options li ol li,
        .panel ul.options li ul li
        {
            margin-top: 5px;
        }

            .panel ul.options li ol li label,
            .panel ul.options li ul li label
            {
                color: #666;
            }

    .panel ul.options li #classes label
    {
        margin-left: 5px;
        color: #666;
    }

    .panel ul.options li .panel
    {
        background: rgb(255,255,255);
        border: 1px solid rgb(228, 232, 238);
        margin: 5px 0 0 20px;
        padding: 5px 10px 0;
    }

        .panel ul.options li .panel b
        {
            color: #333;
        }

        .panel ul.options li .panel .col13:first-child
        {
            margin-left: 0;
        }

        .panel ul.options li .panel ol,
        .panel ul.options li .panel ul
        {
            padding: 0;
        }

            .panel ul.options li .panel ol li
            {
                height: 15px;
                margin-bottom: 5px;
            }

                .panel ul.options li .panel ol li label
                {
                    font-weight: normal;
                    font-size: 12px;
                }

    .panel ul.options li ol.panel
    {
        background: transparent;
        border: none;
        margin: 5px 0 0 45px;
        padding: 0 10px;
    }

        .panel ul.options li ol.panel li
        {
            margin-bottom: 5px;
        }

            .panel ul.options li ol.panel li label
            {
                color: #333;
                font-weight: normal;
            }
/* END Common rules for list of input(checkbox, radio button)-label pairs */

.col14
{
    width: 220px;
}

.panel .col14
{
    width: 210px;
}

.col24
{
    width: 460px;
}

.panel .col24
{
    width: 448px;
}

.col34
{
    width: 700px;
    position: relative;
}

.panel .col34
{
    width: 686px;
}

.col34 .col24
{
    width: 340px;
}

.col34 .col23
{
    width: 460px;
}

.col34 .col13
{
    width: 220px;
}

.col34 .col14
{
    width: 120px;
}

.col34 .col34
{
    width: 560px;
}

.col34 .panel .col13
{
    width: 210px;
}

.col34 .panel .col23
{
    width: 445px;
}

.col34 .panel .col24
{
    width: 326px;
}

.col15
{
    width: 180px;
}

.col45
{
    width: 740px;
}

.col16
{
    width: 140px;
}

.col46
{
    width: 620px;
}

.col50
{
    clear: none !important;
    float: left;
    width: 49%;
}

.col100
{
    width: 100%;
}

.col13, .col13v, .col23, .col23v, .col14, .col24, .col34, .col15, .col45, .col16, .col46
{
    float: left;
    margin-left: 20px;
}

.colFromTo
{
    background: url(../images/bgTo.gif) no-repeat center 30px;
    width: 100%;
}

    .colFromTo .col24
    {
        width: 440px;
        margin-left: 60px;
    }

#content .panel
{
    margin-bottom: 20px;
}

    #content .panel.gray
    {
        float: left;
        width: 100%;
    }

    #content .panel.grey
    {
        background: #f0f0f0;
    }

#content .col34 #files.fileThumbs
{
    position: relative;
}

.fileThumbs li
{
    position: relative;
}

    .fileThumbs li .bar
    {
        visibility: hidden;
    }

    .fileThumbs li:hover .bar
    {
        visibility: visible;
    }

#content .panel div.cparthead em
{
    display: block;
    float: right;
    font-style: normal;
    font-weight: normal;
}

#content .panel h3
{
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}

#content .col1 .col13 h3
{
    margin-bottom: 0;
}

#content .col1 .col13 ul.filter
{
    float: left;
}

#content .panel h4
{
    color: #666;
    font-size: 1.0em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

#content .panel h3 em
{
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    #content .panel h3 em a
    {
        padding: 0 2px;
    }

#content .border h3
{
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

#content .cc
{
    padding: 8px;
}

#content .lgreen .rounded
{
    background-color: #eff4cf;
}

#content .green .rounded
{
    background-color: #badb3c;
}

#content .green2 .rounded
{
    background-color: #e9f4bd;
}

.green2 h3 a
{
    color: #8caf31;
}

    .green2 h3 a:hover
    {
        color: #f6921e;
    }

#content .orange .rounded
{
    background-color: #f19720;
}

#content .orange2 .rounded
{
    background-color: #fdf0de;
}

#content .orange2 h3
{
    font-weight: bold;
}

#content .orange2 h3, .orange2 h3 a
{
    color: #f6921e;
}

.orange2 .bullets
{
    color: #f6921e;
}

    .orange2 .bullets p
    {
        color: #555;
    }

    .orange2 .bullets div
    {
        padding-right: 30px;
    }

#content .yellow .rounded
{
    background-color: #fad60d;
}

#content .yellow2 .rounded
{
    background-color: #fef9db;
}

#content .blue2 .rounded, .blue2 .rounded2
{
    background-color: #f4f8fe;
}

#content .gray .rounded
{
    background-color: #f0f0f0;
}

#content .constr .rounded
{
    background: url(../images/bg/construction.gif);
}

#content form .panel
{
    margin-bottom: 10px;
}

form .panel .rounded
{
    background-color: #f4f8fe;
    margin-bottom: 15px;
}

#content form .panel .rounded .cc
{
    padding: 8px 10px;
}

form .last .rounded
{
    margin-bottom: 0;
}

#content .poster .rounded .cc
{
    padding: 10px 0;
    text-align: center;
}

#content .panelRedH h3
{
    color: red;
}

.panel .rounded .cc
{
    padding: 8px;
}

    .panel .rounded .cc dl.contacts dd
    {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.panelGreen .h, .panelYellow .h
{
    height: 6px;
}

.panelGreen .cc, .panelYellow .cc
{
    padding: 0 6px 6px 6px;
}

.panelGreen
{
    background: #d5e26a url(../images/bg/pGreen.gif) no-repeat center bottom;
}

    .panelGreen .h
    {
        background: #d5e26a url(../images/bg/pGreenH.gif) no-repeat;
    }

.panelYellow
{
    background: #fcd84f url(../images/bg/pYellow.gif) no-repeat center bottom;
}

    .panelYellow .h
    {
        background: #fcd84f url(../images/bg/pYellowH.gif) no-repeat;
    }

.breakword
{
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.lead
{
    background-color: #0075ae;
    background-image: linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -o-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -moz-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -webkit-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -ms-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.28, rgb(4,123,187)), color-stop(1, rgb(5,78,117)) );
    height: 326px;
    margin-bottom: 20px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-linear-gradient(bottom right, blue, red);
}

.rounded
{
    border: 1px solid #dbe2e6;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.rounded2
{
    border: 1px solid transparent;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}


.lead .panelLogin
{
    background-color: #c2d23a;
    height: 170px;
    margin-bottom: 15px;
    width: 288px;
}

.lead .panelRegister
{
    margin-bottom: 15px;
}

.lead .panelCode
{
    background-color: #ffcd11;
    height: 124px;
    width: 288px;
}

.lead .panelRegister
{
    background-color: #ffcd11;
    height: 40px;
    width: 288px;
}

    .lead .panelRegister a,
    .lead .panelSchoolConnect a
    {
        width: 292px;
        height: 24px;
        display: block;
        text-align: center;
        padding: 10px 0;
        font-size: 16px;
        color: #000000;
        opacity: .5;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
        font-weight: bold;
    }

        .lead .panelRegister a:hover,
        .lead .panelSchoolConnect a:hover
        {
            color: #000000;
            opacity: .8;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
            font-weight: bold;
        }

.lead .panelSchoolConnect
{
    background-color: #BC7AB5;
    height: 40px;
    width: 288px;
}

.lead .panelRegister
{
    background-color: #ffd735;
    height: 40px;
    width: 288px;
}

    .lead .panelLogin .cc, .lead .panelCode .cc, .lead .panelRegister .cc, .lead .panelSchoolConnect .cc
    {
        padding-top: 0 !important;
    }

.lead .panelLogin h3, .lead .panelCode h3
{
    color: #6a7608;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    height: 26px;
    margin: 6px 0 0 0;
    padding: 0;
}

.lead .panelLogin #loginForm div.row
{
    margin-bottom: 15px;
}

    .lead .panelLogin #loginForm div.row label
    {
        color: rgba(0,0,0,0.5);
    }

    .lead .panelLogin #loginForm div.row.password a
    {
        /*margin-top:15px;*/
        float: right;
    }

    .lead .panelLogin #loginForm div.row input
    {
        border: 1px solid #9ba82f;
    }

    .lead .panelLogin #loginForm div.row.submit #login
    {
        padding: 2px 20px;
    }

    .lead .panelLogin #loginForm div.row.submit label
    {
        vertical-align: middle;
        display: inline-block;
    }


.lead .panelCode h3
{
    color: #8e7106;
}

.lead .f
{
    display: block;
    float: left;
    width: 62px;
}

.lead .row
{
    height: 38px;
    margin: 0;
    padding: 0;
}

.lead .tabs
{
    float: left;
    list-style: none;
    height: 50px;
    margin-top: -10px;
    margin-left: 10px;
}

    .lead .tabs li
    {
        position: relative;
        float: left;
        margin-left: 4px;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        -moz-border-radius: 10px;
        color: rgba(0, 0, 0, 0.4);
        height: auto;
        padding-top: 5px;
        text-align: center;
    }

        .lead .tabs li,
        .lead .tabs li a
        {
            color: white;
            height: auto;
            padding-bottom: 4px;
        }

            .lead .tabs li:hover a,
            .lead .tabs li a.current
            {
                font-size: 15px;
                color: white;
                padding: 2px 0;
                height: 26px;
            }

            .lead .tabs li a
            {
                text-decoration: none;
                color: inherit;
                margin: 0;
                padding: 0px;
                font-size: 14px;
                font-weight: bold;
                background: transparent;
                border: none;
                text-align: center;
            }

                .lead .tabs li a span
                {
                    display: inline;
                    margin: 0;
                    padding: 0;
                    border: none;
                    background: transparent;
                    text-align: center;
                }

            .lead .tabs li:nth-child(1)
            {
                background: #bc7ab5;
                width: 118px;
            }

                .lead .tabs li:nth-child(1):hover
                {
                    width: 118px;
                }

            .lead .tabs li:nth-child(2)
            {
                background: #fa9000;
                width: 93px;
            }

                .lead .tabs li:nth-child(2):hover
                {
                    width: 93px;
                }

            .lead .tabs li:nth-child(3)
            {
                background: #ffcd00;
                width: 112px;
            }

                .lead .tabs li:nth-child(3):hover
                {
                    width: 112px;
                }

            .lead .tabs li:nth-child(4)
            {
                background: #c5d100;
                width: 130px;
            }

                .lead .tabs li:nth-child(4):hover
                {
                    width: 130px;
                }

            .lead .tabs li:nth-child(5)
            {
                background: #2cc9ee;
                width: 119px;
            }

                .lead .tabs li:nth-child(5):hover
                {
                    width: 119px;
                }


.lead h4
{
    color: #3c7996;
    font-size: 1.2em;
    margin-left: 12px;
    text-align: center;
}

.lead .tab .tabContent
{
    position: absolute;
    width: 580px;
    z-index: 1;
    height: 230px;
    overflow: hidden;
    padding-bottom: 20px;
}

    .lead .tab .tabContent div
    {
        color: #fff;
        font-size: 1.6em;
        float: left;
        height: 250px;
        width: 570px;
    }

.lead .col13
{
    margin-top: -10px;
    margin-left: 15px;
    height: 340px;
}

    .lead .col13 .panelLogin,
    .lead .col13 .panelCode,
    .lead .col13 .panelRegister,
    .lead .col13 .panelSchoolConnect
    {
        border: 2px solid rgba(0, 0, 0, 0.2);
        z-index: 200;
        border-radius: 10px;
        -moz-border-radius: 10px;
    }

        .lead .col13 .panelCode .cc #formReg .row div
        {
            color: #333;
        }

.lead .tab
{
    height: 230px;
    bottom: 1px solid red;
    margin-top: 60px;
    overflow: hidden;
}

    .lead .tab .tabContent
    {
        margin-left: 35px;
    }

        .lead .tab .tabContent ul
        {
            list-style-type: none;
            padding-left: 0px;
            color: white;
            font-size: 19px;
            padding-bottom: 20px;
        }

            .lead .tab .tabContent ul li
            {
                margin: 8px 0 4px 30px;
                padding: 0;
                width: 480px;
            }

    .lead .tab .tabContent1 li
    {
        list-style-image: url('../images/icons/bullet-violet.png');
    }

    .lead .tab .tabContent2 li
    {
        list-style-image: url('../images/icons/bullet-orange.png');
    }

    .lead .tab .tabContent3 li
    {
        list-style-image: url('../images/icons/bullet-yellow.png');
    }

    .lead .tab .tabContent4 li
    {
        list-style-image: url('../images/icons/bullet-green.png');
    }

    .lead .tab .tabContent5 li
    {
        list-style-image: url('../images/icons/bullet-blue.png');
    }



/******************************************* 
	
*******************************************/
#header
{
    height: 160px;
    margin-left: 0;
    position: relative;
}

#brandClickBox a
{
    position: absolute;
    top: 0;
    left: 338px;
    width: 295px;
    height: 74px;
}

#header .abuseSwitch
{
    float: right;
    height: 32px;
    left: 96.7%;
    position: absolute;
    top: 123px;
    width: 32px;
}

    #header .abuseSwitch img
    {
        width: 32px;
        height: 32px;
    }

#header a b, #headerAnonym a b
{
    display: none;
}

#header h1, #header h1 a
{
    display: block;
    float: left;
    height: auto;
    width: auto;
}

    #header h1 a img
    {
        float: left;
        margin-top: 11px;
    }

#header .logout
{
    float: right;
    height: 74px;
    width: 26px;
}

    #header .logout a
    {
        background: url(../images/sprites/global.png) no-repeat -400px -67px;
        display: block;
        float: right;
        height: 20px;
        margin-top: 15px;
        width: 18px;
    }

        #header .logout a:hover
        {
            background-position: -400px -87px;
        }

/* begin icon from sprite for counters.css */
li.counters ul li a
{
    background: url(../images/sprites/global.png) no-repeat;
}
/* end icon from sprite for counters.css */

#header .panel li.r
{
    margin-right: 10px;
}

#header .panel li.r, #header .panel li.a
{
    float: right;
}

/* begin icon from sprite for searchform.css */
#header form.search input
{
    background: #ffffff url(../images/sprites/global.png) no-repeat -432px -70px;
}
/* end icon from sprite for searchform.css */

.panel #wallet
{
    display: none;
}

.panel #invites
{
    display: block;
    width: 10px;
    height: 20px;
    background: green;
}

.panel #friends
{
    display: block;
    width: 10px;
    height: 20px;
    background: yellow;
}

.panel #messages
{
    display: block;
    width: 10px;
    height: 20px;
    background: orange;
}

#header ul.sub
{
    clear: both;
    height: 20px;
    padding: 5px 0 0 90px;
}

    #header ul.sub li
    {
        float: left;
        margin-right: 4px;
    }

        #header ul.sub li a
        {
            display: block;
            float: left;
            font-size: 1.3em;
            margin: 0;
            padding: 2px 6px;
        }

            #header ul.sub li a:hover, #header ul.sub li.active a
            {
                background-color: #44c5ea;
                color: #fff;
            }

        #header ul.sub li.active a
        {
            color: #fff;
        }

            #header ul.sub li.active a.disabled
            {
                background-color: #eee;
                color: #ddd;
            }

                #header ul.sub li.active a.disabled:hover
                {
                    background-color: #eee;
                    color: #fff;
                }

        #header ul.sub li a.disabled
        {
            color: #ddd;
        }

            #header ul.sub li a.disabled:hover
            {
                background-color: Transparent;
            }

#header div.subMenus
{
    clear: both;
    height: 25px;
    overflow: hidden;
    position: relative;
}

    #header div.subMenus ul.sub
    {
        position: absolute;
        top: -25px;
    }

#header ul.login
{
    color: #999;
    float: right;
    font-size: 1.8em;
    padding: 20px 0 0 0;
}

    #header ul.login li
    {
        display: inline;
    }

#headerAnonym
{
    height: 130px;
    margin-left: 0;
}

    #headerAnonym h1, #headerAnonym h1 a
    {
        float: left;
        height: 100px;
        width: 280px;
    }

    #headerAnonym ul.links
    {
        float: right;
        height: 26px;
        margin-top: 10px;
    }

        #headerAnonym ul.links li
        {
            float: left;
            font-size: 1.2em;
            margin-left: 25px;
            list-style-type: none;
        }

    #headerAnonym ul.nav_list
    {
        float: right;
        padding: 2px 25px 2px 0;
        min-width: 520px;
        height: 30px;
    }

        #headerAnonym ul.nav_list li
        {
            float: left;
            font-size: 1.8em;
            font-weight: normal;
            margin-left: 20px;
            list-style-type: none;
            white-space: nowrap;
        }

        #headerAnonym ul.nav_list a
        {
            color: #0079b3;
        }

            #headerAnonym ul.nav_list a:hover
            {
                color: #f6921e;
            }

    #headerAnonym .support
    {
        color: #0079b3;
        float: right;
        font-size: 12px;
        height: 40px;
        width: 570px;
        margin-top: 14px;
        text-align: center;
    }

        #headerAnonym .support p.s4 a
        {
            color: #0079b3;
        }

            #headerAnonym .support p.s4 a:hover
            {
                color: #f6921e;
            }

        #headerAnonym .support img
        {
            margin-left: 20px;
            vertical-align: middle;
        }

        #headerAnonym .support p.s4 a.email
        {
            color: #f6921e;
        }

        #headerAnonym .support p.s4 .email:hover
        {
            color: #0079b3;
        }

#header ul.subSet
{
    padding-left: 789px;
    top: 0px;
}

/* begin icon from sprite for abusebutton.css */
.abuse_button
{
    background: url(../images/sprites/global.png) no-repeat -368px 0;
}
/* end icon from sprite for abusebutton.css */

button#webinarCreate
{
    background: none;
    border: none;
    font-size: 1.4em;
    font-weight: bold;
    color: #2291be;
    text-align: left;
}

/******************************************* 
	Footer
*******************************************/
#footer
{
    clear: both;
    color: #999;
    font-size: 1.2em;
    margin-top: 60px;
    height: 80px;
}

    #footer p
    {
        margin-bottom: 6px;
    }

    #footer .col23 ul
    {
        height: 1.4em;
    }

    #footer .col23 li
    {
        float: left;
        font-size: 1.2em;
        margin: 0 16px 0 0;
        width: auto;
    }

    #footer .col
    {
        float: left;
        margin-left: 20px;
        width: 164px;
    }

#pageAnonym #footer
{
    margin-top: 40px;
}

#footer .feedback
{
    margin-top: 6px;
}

    #footer .feedback a
    {
        display: block;
        background-color: #f0f0f0;
        clear: both;
        color: #f6921e;
        font-size: 1.2em;
        padding: 6px;
        text-align: center;
        width: 18.5em;
    }

        #footer .feedback a:hover
        {
            background-color: #f6921e;
            color: #fff;
        }

#footer .blue2
{
    margin-bottom: 4px;
}

    #footer .blue2 .cc
    {
        padding: 6px 10px;
    }

    #footer .blue2 h4
    {
        color: #999;
        font-size: 1em;
        margin: 0 0 6px 0;
    }

        #footer .blue2 h4 a
        {
            color: #999;
        }

    #footer .blue2 ul
    {
        margin: 0;
    }

    #footer .blue2 li
    {
        font-size: 1.2em;
        margin: 3px 0 3px 0;
    }

    #footer .blue2 .social a
    {
        display: block;
        float: left;
        margin: 4px 6px 0 0;
    }

        #footer .blue2 .social a img
        {
            filter: Alpha(opacity=50);
            -moz-opacity: 0.50;
            opacity: 0.50;
        }

        #footer .blue2 .social a:hover img
        {
            filter: Alpha(opacity=100);
            -moz-opacity: 100;
            opacity: 100;
        }

#footer div.social
{
    margin: 8px 0 0 0;
    clear: both;
}

    #footer div.social a
    {
        margin: 0 4px 0 0;
    }

#footer .banner
{
    height: auto;
    text-align: center;
    width: 100%;
}

#footer ol
{
    float: none;
    width: 260px;
    margin-top: 3px;
}

#footer .col23 ol li
{
    font-size: 0.8em;
    line-height: 1.6em;
}


.bubbleInfo
{
    position: relative;
}

.trigger
{
    position: absolute;
    top: 0px;
    right: 110px;
    font-size: 38px;
    color: rgb(30,143,188);
}

.popupAgeInfo
{
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    background: none repeat scroll 0 0 white;
    padding: 10px;
    border: 2px solid #DBE2E6;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    text-align: left;
    box-shadow: 5px 5px 5px #888;
}

.runet-award
{
    position: absolute;
    top: 0px;
    right: 0px;
}

#footer .statistics
{
    position: relative;
}

    #footer .statistics a img[title="LiveInternet"]
    {
        position: absolute;
        left: 0;
        top: 80px;
    }

/******************************************* 
	Typography
*******************************************/
strong, b, th, thead td, h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
}

cite, em, dfn
{
    font-style: italic;
}

code, kbd, samp, pre, tt, var
{
    font-size: 92%;
    font-family: arial,helvetica,sans-serif;
}

del
{
    text-decoration: line-through;
    color: #666;
}

ins, dfn
{
    border-bottom: 1px solid #ccc;
}

small, sup, sub
{
    font-size: 75%;
}

abbr, acronym
{
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
}

a abbr, a acronym
{
    border: none;
}

abbr[title], acronym[title], dfn[title]
{
    cursor: help;
    border-bottom: 1px solid #ccc;
}

sup
{
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub
{
    vertical-align: baseline;
    position: relative;
    bottom: -0.4em;
}

#content
{
    font-size: 120%;
}

h2, h3, h4
{
    font-family: tahoma,arial,sans-serif;
    font-weight: normal;
}

    h2 em, h3 em, h4 em
    {
        font-style: normal;
        font-weight: bold;
    }

    h3 img, h4 img
    {
        vertical-align: middle;
        padding-right: 6px;
    }

h2
{
    color: #af69a1;
    font-size: 2.2em;
    padding-bottom: 20px;
    font-weight: normal;
}

#content h2 a
{
    color: #af69a1;
}

    #content h2 a:hover
    {
        color: #f6921e;
    }

    #content h2 a.blue
    {
        color: #2291be;
    }

h2 img
{
    vertical-align: top;
}

h3
{
    font-size: 1.6em;
    color: #666;
    margin-bottom: 15px;
}

h4
{
    font-size: 1.4em;
    color: #666;
}

h5
{
    font-size: 1.3em;
}

h6
{
    font-size: 1.2em;
}

#content hr
{
    display: block;
    background: #aaa;
    color: #aaa;
    width: 100%;
    height: 1px;
    border: none;
    margin: 20px 0;
}

.big
{
    font-size: 1.8em;
}

.line2
{
    height: 2.5em;
}

.line3
{
    height: 3.5em;
}

p.more
{
    padding: 6px 0 0 0;
    text-align: right;
}

    p.more a, a.more
    {
        background: url(../images/icons/more.png) no-repeat right 1px;
        padding-right: 20px;
        white-space: nowrap;
    }

        p.more a:hover, a.more:hover
        {
            background-position: right -27px;
        }

.s2 p, .s3 p, .s4 p
{
    margin: 0.5em 0;
}

.s1
{
    font-size: 0.9em;
}

.s2
{
    font-size: 1.2em;
    color: #444;
}

.s3
{
    font-size: 1.3em;
    color: #444;
}

.s4
{
    font-size: 1.6em;
    color: #444;
}

.s5
{
    font-size: 2.2em;
    color: #444;
}

.text
{
    color: #333;
    font-size: 1.2em;
    line-height: 1.4em;
}

    .text blockquote *:first-child
    {
        margin: .8em 0;
    }

    .text hr, .text p, .text ul, .text ol, .text dl, .text pre, .text blockquote, .text address, .text table, .text form
    {
        padding: 0 0 1.0em 0;
    }

    .text h2, .text h3, .text h4
    {
        color: #af69a1;
        font: normal 1.0em Arial, sans-serif;
        margin-top: 0;
    }

    .text h1, .text h2, .text h3, .text h4
    {
        padding: 0;
    }

#content .text h1 a, #content .text h2 a, #content .text h3 a, #content .text h4 a
{
    text-decoration: none;
}

.text h1
{
    margin: 1em 0 .5em;
}

.text h2
{
    font-size: 1.9em;
    margin: 0.6em 0;
}

.text h3
{
    font-size: 1.4em;
    margin: 0.2em 0 0.4em 0;
}

.text ul h3
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.text h4
{
    font-size: 1.2em;
    margin: 1.23em 0;
}

.text h5
{
    margin: 1.33em 0 .67em;
}

.text h6
{
    margin: 1.6em 0 .8em;
}

.text caption
{
    padding-bottom: .8em;
}
/* padding instead of margin for IE */
.text blockquote
{
    padding: 0 1em;
    margin: 1.6em 0;
}

.text a
{
    position: relative;
    padding: 0.3em 0 .1em 0;
}
/* for larger click-area */
#content .text a
{
    text-decoration: underline;
}

.text a.more
{
    background-position: right .4em;
    padding-right: 20px;
}

.text dt
{
    font-weight: bold;
    margin-top: .8em;
    margin-bottom: .4em;
}

.text dd
{
    margin-left: 1em;
}

.text ul
{
    list-style-type: disc;
}

    .text ul li
    {
        margin: 0.2em 0 0.2em 2.5em;
    }

.text ol
{
    list-style-type: decimal;
}

    .text ol li
    {
        margin: 0.2em 0 0.2em 2.5em;
    }

    .text ol ol, .text ul ol
    {
        margin: 0.2em 0 0.2em 2.5em;
    }

.text table
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 0 1.0em 0;
}

.text th, .text td
{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
    padding: .8em;
}

.text th
{
    line-height: 1.2em;
}

.text table.hlines
{
    border-left: none;
}

    .text table.hlines th, .text table.hlines td
    {
        border-right: none;
        padding-left: 0;
    }

.text table h3
{
    margin: 0;
}

.text table ul
{
}

.text img
{
    margin: 0 15px 15px 0;
}

.text .avatar img
{
    margin: 0;
}

.text ul.reviews
{
    list-style-type: none;
    margin: 0;
}

.text .reviews li
{
    float: left;
    padding: 0 0 8px 0;
    margin: 0;
    width: 350px;
}

.text .reviews div.avatar
{
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    width: 94px;
}

#content .text .reviews div.content
{
    position: relative;
    float: left;
    font-size: 0.9em;
    width: 250px;
    line-height: 1.2em;
    min-height: 6.8em;
}

.text .reviews .u
{
    font-size: 1.4em;
    font-weight: normal;
    text-decoration: none !important;
}

.text .reviews span.u
{
    color: #333;
}

.text .reviews p.light
{
    padding: 0.2em 0 0.6em 0;
}

.text .reviews .text
{
    margin: 0;
    line-height: 1.2em;
}

blockquote
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
}

    blockquote *:first-child:before
    {
        content: "\201C";
    }

    blockquote *:first-child:after
    {
        content: "\201D";
    }

q
{
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.infobox
{
    width: 300px;
    margin-left: 20px;
    line-height: 1em;
}

    .infobox caption
    {
        text-align: center;
        padding: 0;
    }

    .infobox th
    {
        padding: 4px 6px;
        font-size: 0.8em;
    }

    .infobox td
    {
        padding: 4px 6px;
        font-size: 0.8em;
    }


.content
{
    word-wrap: break-word;
}

.text
{
    word-wrap: break-word;
}
/******************************************* 
	Colors
*******************************************/
a
{
    outline: none;
}

a
{
    text-decoration: none;
    color: #2291be;
}

    a:hover
    {
        color: #f6921e;
    }

    a.cyan
    {
        color: #14c9ea;
    }

    a.orange
    {
        color: #f6921e;
    }

    a.green
    {
        color: #92a20a;
    }

    a.blue
    {
        color: #2291be;
    }

    a.red
    {
        color: #f00;
    }

    a.white
    {
        color: #fff;
    }

    a.gray
    {
        color: #999;
    }

    a.yellow
    {
        color: #edc93e;
    }

.text a
{
    color: #1281ae;
}

a.gray2
{
    color: #666;
}

.blue
{
    color: #32a1ce;
}

.green
{
    color: #a2c22a;
}

.orange
{
    color: #f6921e;
}

.darkgreen
{
    color: #006400;
}

#content .red, #content h3.red
{
    color: #f00;
}

#content h3 a.red
{
    padding-left: 0;
}

.yellow
{
    color: #edc93e;
}

.purple
{
    color: #bf79b1;
}

.cyan
{
    color: #14c9ea;
}

.white
{
    color: #fff;
}

.gray2
{
    color: #666;
}

code, pre
{
    color: #c33;
}

.bgW
{
    background-color: #fff;
}

/******************************************* 
	Forms
*******************************************/
legend
{
    background: #fff;
    padding-left: .8em;
    padding-right: .8em;
}

    legend + *
    {
        margin-top: 1em;
    }
/* compensates for the opera margin bug */
select
{
    padding: .1em .2em 0 .2em;
}

option
{
    padding: 0 .4em;
}

textarea, input.t, select, input[type='text'], input[type='password'], select.t, div.textarea
{
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: text;
    font-size: 120%;
    font-family: arial,helvetica,sans-serif;
    padding: 4px;
}

    textarea:hover, input.t:hover, select:hover
    {
        border-color: #aaa;
    }

.col1 textarea
{
    width: 610px;
}

.col1 .rounded textarea
{
    width: 586px;
}

.col23 textarea
{
    width: 610px;
}

.col23 .rounded textarea
{
    width: 586px;
}

.col13 .rounded textarea
{
    width: 266px;
}

.col24 textarea
{
    width: 450px;
}

.col34 textarea
{
    width: 690px;
}

.col34 .rounded textarea
{
    width: 666px;
}

.col100 .rounded textarea
{
    width: 906px !important;
}

#content table textarea
{
    width: 100%;
}

#content #formReg .col34 #whatValidSelect
{
    margin-left: 20px;
}

    #content #formReg .col34 #whatValidSelect label
    {
        text-align: left;
        width: 170px;
        margin-bottom: 10px;
        padding-left: 0px;
    }

    #content #formReg .col34 #whatValidSelect div select
    {
        width: 480px;
    }

textarea.editor
{
    height: 220px;
}

.wall textarea
{
    width: 911px;
}

input[type='checkbox'], input[type='radio']
{
    margin-right: 5px;
}

input, select
{
    cursor: pointer;
    vertical-align: middle;
}

form input.button
{
    background: #76b9ea;
    border: solid 1px #b8defa;
    border-right-color: #5398cb;
    border-bottom-color: #5398cb;
    color: #fff;
    font-size: 1.4em;
    overflow: visible;
    padding: 2px 8px;
    width: auto;
}

form input.okBtn, form input.cancelBtn
{
    margin: 0 7px 0 0;
}

div.deleteDialog
{
    height: 100px;
    width: 500px !important;
    margin: 0 auto;
}

    div.deleteDialog div.delContent
    {
        margin: 0;
        padding: 10px;
        font-size: 14px;
    }

    div.deleteDialog div.delButtons
    {
        text-align: right;
    }

form input.button:hover
{
    background: #f19720;
}

input.button[disabled], input.button[disabled]:hover
{
    background: #cccccc;
    border-color: #aaaaaa;
    cursor: default;
}

form input.green, form input.yellow, form input.orange
{
    font-weight: bold;
}

form input.green
{
    background: #badb3c;
    border-color: #d8f273;
    border-right-color: #9fc11e;
    border-bottom-color: #9fc11e;
}

    form input.green:hover
    {
        background: #76b9ea;
    }

form input.yellow
{
    background: #fbd504;
    border-color: #fce254;
    border-right-color: #e6c400;
    border-bottom-color: #e6c400;
}

    form input.yellow:hover
    {
        background: #76b9ea;
    }

form input.orange
{
    background: #f19720;
    border-color: #fdc881;
    border-right-color: #eb8601;
    border-bottom-color: #eb8601;
}

    form input.orange:hover
    {
        background: #76b9ea;
    }

form input.file
{
    font-size: 1.4em;
    padding: 4px;
    width: 400px;
}

form input.fileSmall
{
    font-size: 120%;
    font-family: arial,helvetica,sans-serif;
    padding: 4px;
}

form input.icon
{
    background-position: 2px center;
    padding-left: 20px;
}

form input.wTime
{
    text-align: center;
    width: 1.6em;
}

input.error, select.error, textarea.error
{
    border-color: #f99 !important;
    background-color: #fee;
}

label.error
{
    display: block;
}

#content input.disabled
{
    background-color: #eee;
    border-color: #fff;
    color: #999;
}

form h3
{
    margin: 0;
    padding: 0 0 5px 5px;
}

form .big
{
    font-size: 1.8em;
}

form .checkboxes
{
}

    form .checkboxes li
    {
        font-size: 1.2em;
        height: 1.6em;
        line-height: 1.6em;
        padding: 4px;
        margin-left: 10px;
    }

        form .checkboxes li:hover
        {
            background: #d7e6f2;
        }

.fields td
{
    padding: 0 6px 6px 0;
}

label
{
    color: #333;
}

    label.fixed, label.f
    {
        display: block;
        float: left;
        width: 150px;
    }

.modal label.fixed, .modal label.f, .col34 label.f
{
    width: 110px;
}

label.inline, label.b
{
    display: block;
    margin-bottom: 5px;
}

label.req
{
    font-weight: bold;
}

div.f, ul.f, ol.f
{
    margin-left: 150px;
}

.modal div.f, .col34 div.f
{
    margin-left: 110px;
}

.row
{
    clear: left;
    padding: 0 0 20px 0;
}

.rowInline
{
    float: left;
    margin: 0 10px 10px 0;
}

.modal .rowInline
{
    width: 45%;
}

.row .row
{
    margin-top: 10px;
}

.row2
{
    padding-bottom: 6px;
}

.modal .row
{
    padding: 10px 0;
}

.row .row2
{
    padding-top: 5px;
}

.rowButtons
{
    min-height: 2.4em;
}

.privacy
{
    float: right;
    clear: right;
    min-height: 1.6em;
    height: 26px;
    width: 90px;
}

.widePrivacy
{
    width: 140px;
}

.privacy a.icon
{
    line-height: 16px;
    padding-left: 20px;
    display: block;
    min-height: 16px;
}

.permissionEdit
{
}

    .permissionEdit .col12
    {
        float: left;
        width: 220px;
        margin-left: 20px;
    }

    .permissionEdit ul
    {
        clear: both;
        padding: 10px 0;
    }

        .permissionEdit ul li
        {
            padding: 0 0 5px 18px;
        }

            .permissionEdit ul li label
            {
                padding-left: 5px;
            }

        .permissionEdit ul ul
        {
            padding: 10px 0 0 0;
        }

        .permissionEdit ul li input
        {
            margin: 0;
            padding: 0;
            overflow: visible;
        }

.sample
{
    color: #999;
    margin: 5px 0;
}

form.formGrid .button
{
    font-size: 1.0em;
    padding: 2px 5px;
}

.formGrid .button:hover
{
    background: #f3a944;
    color: #fff;
}

form.formGrid .buttonsB
{
    margin-top: 6px;
}

form .fakeLabel
{
    height: 1.4em;
}

form.formSearch
{
    color: #666;
}

    form.formSearch .button
    {
        font-size: 1.2em;
        padding: 2px 8px;
    }

    form.formSearch label.b
    {
        margin: 0;
        padding: 0;
    }

    form.formSearch .row, form.formSearch .rowInline
    {
        padding: 0 6px 0 0;
    }

    form.formSearch .row
    {
        clear: left;
        padding: 0 0 10px 0;
    }


.formLogin label
{
    font-size: 1.2em;
}

.formLogin .t
{
    width: 250px;
}

.formLogin label a
{
    display: block;
    margin-left: 5px;
}

form .text
{
    font-size: 1.0em;
    margin-bottom: 10px;
}

    form .text p
    {
        color: #666;
        margin: 0;
    }

form div.textLimit
{
    float: right;
}

form ul.select li
{
    padding: 0 0 6px 0;
}

    form ul.select li.stepBottom
    {
        margin-bottom: 10px;
    }

    form ul.select li input
    {
        vertical-align: middle;
    }

form ul.select ul.select
{
    margin: 6px 0 0 16px;
}

form ul.selectWithText ol li.row2
{
    padding-left: 0;
}

form ul.selectWithText li span.label p
{
    margin-left: 30px;
    color: #666;
    margin-top: 2px;
}

form ul.selectWithText li span.label ol li label
{
    width: 400px;
}

form ul.selectWithText li input,
form ul.selectWithText li label ol li input
{
    float: left;
}

form ul.selectWithText li label
{
    color: #666;
}

form ul.selectWithText.l li label
{
    color: #333;
}

form ul.selectWithText li label p
{
    margin-top: 2px;
}

form ul.selectWithText li label h4
{
    font-family: arial;
}

form ul.selectWithText li label select
{
    font-size: 14px;
}

form ul.selectWithText li label ol#eventsUL li label,
form ul.selectWithText li label ol#groupsUL li label,
form ul.selectWithText li label ol#forumUL li label,
form ul.selectWithText li label ol#filesUL li label,
form ul.selectWithText li label ol#paperUL li label,
form ul.selectWithText li label ol#feedbackUL li label
{
    color: #333;
}

form ul.selectWithText li ol#feedbackUL
{
    margin-left: 30px;
    margin-top: 5px;
    float: left;
}

    form ul.selectWithText li ol#feedbackUL label
    {
        float: left;
        width: auto;
    }

form ul.selectWithText li ol
{
    margin-left: 22px;
}

    form ul.selectWithText li ol li
    {
        margin: 5px 0 0;
        padding: 0;
    }

    form ul.selectWithText li ol#whichForumSelect li
    {
        margin: 10px 0 0;
        padding: 0;
    }

        form ul.selectWithText li ol#whichForumSelect li h5
        {
            margin: 0;
            padding: 0;
        }

    form ul.selectWithText li ol#whichForumSelect
    {
        margin: 0 0 0 55px;
        padding: 0;
    }

form ul.selectWithText li #classes table tbody tr td div label
{
    width: 50px;
    margin-left: 5px;
}

form .f ul.selectWithText.l
{
    width: 445px;
}

form ul.selectWithText li label .panel .col14 ol li label
{
    width: 170px;
}

form ul.selectWithText li label .panel .col24 ol li label
{
    width: 250px;
}

form ul.selectWithText li label b
{
    color: #000;
}

form ul.selectWithText li, form ul.typeImport li
{
    padding: 0 0 10px;
    clear: left;
    float: left;
}

form ul.typeImport
{
    margin-left: 20px;
}

form ul.selectWithText input
{
    margin-right: 10px;
}

#content form ul.selectWithText h4
{
    color: #333;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

#content form ul.selectWithText li label h4.normal
{
    font-weight: normal;
    font-size: 14px;
}

#content form ul.selectWithText h5
{
    clear: none;
    color: #333;
    font-size: 1.0em;
    font-weight: bold;
    margin: 6px 10px;
}

form ul.selectWithText ol
{
    margin-top: 5px;
}

    form ul.selectWithText ol li
    {
        padding: 0 0 4px 25px;
    }

    form ul.selectWithText ol input
    {
        vertical-align: middle;
    }

form ul.selectWithText ul
{
    margin-top: 5px;
}

    form ul.selectWithText ul li
    {
        color: #666;
        list-style-type: disc;
        margin: 0 0 5px 50px;
    }

ul.selectWithText .panel
{
    background-color: #fff;
    border: solid 1px #e4e8ee;
    margin: 6px 0 10px 0;
    float: left;
    width: 645px;
}

    ul.selectWithText .panel ol li
    {
        padding-left: 0;
        float: left;
    }

    ul.selectWithText .panel .col14
    {
        width: 200px;
    }

form .f .selectWithText
{
    float: left;
}

form ul.selectWithText.auditory ul
{
    margin-left: 30px;
    list-style: none;
}

    form ul.selectWithText.auditory ul li
    {
        list-style: none;
    }

form ul.selectWithText.auditory li ul.audienceTypes
{
    float: left;
}

form ul.selectWithText.auditory li label
{
    width: auto;
}

form ul.selectWithText.auditory #audienceEduOrgTypeID
{
    margin-top: 10px;
}

form div.notificationsEmail p
{
    color: #666;
    margin: 2px 0 0 32px;
}

    form div.notificationsEmail p .bold
    {
        font-weight: bold;
    }

div .emailnotset
{
    padding: 10px 10px 10px 10px;
}

form .w0
{
    width: 70px;
}

table .w0
{
    width: 70px;
}

#content form textarea.w0
{
    width: 70px;
}

table .w1
{
    width: 150px;
}

form .w1
{
    width: 150px;
}

form .w15
{
    width: 200px;
}

table .w15
{
    width: 200px;
}

table .w2
{
    width: 230px;
}

form .w2
{
    width: 230px;
}

form .w2icon
{
    width: 280px;
}

table .w3
{
    width: 300px;
}

form .w3
{
    width: 300px;
}

#content form textarea.w3
{
    width: 300px;
    min-height: 80px;
}

#content form textarea.w3r
{
    width: 300px;
}

form .w4, #content form textarea.w4
{
    width: 400px;
}

form .w5, #content form textarea.w5
{
    width: 500px;
}

form .w100
{
    width: 98%;
}

.col14 form .w100
{
    width: 190px;
}

form .wH
{
    width: 262px !important;
}

.wH a
{
    color: red;
}

.inplaceEdit
{
    width: 100%;
}

    .inplaceEdit .field
    {
        height: 50px;
        width: 100%;
        display: block;
        margin: 0 0 6px 0;
        padding: 0;
    }

    .inplaceEdit .button
    {
        font-size: 1.2em;
        margin-right: 6px;
    }

table.form
{
    border-collapse: collapse;
    clear: both;
    width: 100%;
}

    table.form td.label
    {
        padding-bottom: 20px;
        width: 150px;
    }

.modal table.form td.label
{
    padding-bottom: 10px;
    width: 100px;
}

table.form td
{
    padding-bottom: 20px;
}

.modal table.form td
{
    padding: 5px 0;
}

#tableOverride .field
{
    background: #f0f0f0;
    border: solid 1px #ccc;
    padding: 2px 5px;
}

#tableOverride .trans
{
    background: #fff;
    text-align: center;
}

#tableOverride .selected
{
    background-color: #ffeaaa;
}

#tableOverride td, #tableCancelled td
{
    padding: 2px 0;
}

#tableOverride label, #tableCancelled label
{
    line-height: 2.6em;
}

form .row div.hint
{
    margin-left: 150px;
    clear: left;
}

    form .row div.hint.success
    {
        color: #66CC00;
    }

    form .row div.hint.failure
    {
        color: #ff0000;
    }

    form .row div.hint div.options
    {
        background-color: #e0ebfc;
        margin-top: 5px;
        padding: 5px 0 10px;
        color: #000;
        width: 310px;
    }

        form .row div.hint div.options a
        {
            border-bottom: 1px dotted;
        }

span.hint.success
{
    background-image: url(../images/icons/apply.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
}

#questions, #recoveryway
{
    width: 310px;
}

form span.right
{
    float: right;
    margin: 10px;
    display: inline-block;
}

    form span.right img
    {
        clear: both;
    }

/******************************************* 
	Lists
*******************************************/
div.emptyData
{
    clear: both;
    color: #999;
    text-align: center;
    padding: 20px 0;
}

    div.emptyData p
    {
        margin: 5px 0;
    }

.panel div.emptyData
{
    padding: 10px 0;
}

div.membersOnly
{
    clear: both;
    color: #999;
}

    div.membersOnly p
    {
        background: url(../images/icons/lock.gif) no-repeat left center;
        line-height: 40px;
        margin: 0 auto;
        padding-left: 22px;
        width: 16em;
    }

#comments
{
    clear: both;
    margin-bottom: 10px;
}

    #comments form
    {
        clear: both;
        width: 100%;
    }

        #comments form textarea
        {
            height: 100px;
            width: 98%;
        }

    #comments h3
    {
        clear: both;
    }

.voter
{
    color: #999;
    height: 20px;
}

    .voter ul
    {
        height: 20px;
    }

#content .voter li
{
    background: url(../images/sprites/global.png);
    float: left;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 3px;
}

.voter a
{
    background: url(../images/sprites/global.png);
    display: block;
    padding: 0;
    width: 16px;
    height: 16px;
}

.voter span
{
    display: none;
}

#content .voter li.plus, #content .voter li.minus
{
    width: 16px;
    height: 16px;
}

#content .voter .plus a
{
    background-position: -968px 0;
}

#content .voter .minus a
{
    background-position: -952px 0;
}

#content .voter li.plus
{
    background-position: -968px -32px;
}

#content .voter li.minus
{
    background-position: -952px -32px;
}

#content .voter li.p2
{
    background-position: -968px -16px;
}

#content .voter li.m2
{
    background-position: -952px -16px;
}

#content .voter .plus a, #content .voter .minus a
{
    margin: 0;
    padding: 0;
}

#content .voter .plus
{
    color: Green;
}

#content .voter .minus
{
    color: Red;
}

#content .voter li.count
{
    background: none;
    padding-right: 4px;
    width: auto;
}

dl.contacts
{
}

.contacts dt
{
    color: #999;
    font-size: 1.0em;
    margin-top: 3px;
}

.contacts dd
{
    color: #333;
    font-size: 1.4em;
    margin: 2px 0 3px 10px;
}

    .contacts dd p
    {
        font-size: 0.8em;
        margin: 4px 0;
    }

dl.details
{
    margin-top: 10px;
}

    dl.details dt
    {
        font-size: 100%;
        margin: 10px 0 0 0;
    }

    dl.details dd
    {
        color: #666;
        font-weight: bold;
        font-size: 120%;
        margin: 2px 0 5px 10px;
    }

    dl.details .large strong, dl.details .large a
    {
        font-size: 160%;
    }

    dl.details dd.text
    {
        font-size: 110%;
        font-weight: normal;
        line-height: 1.4em;
    }

.faq dt
{
    font-weight: bold;
}

.faq dd
{
    margin: 5px 0 10px 10px;
}

dl.info
{
    overflow: hidden;
}

    dl.info dt, dl.info dt, dl.info_withoutlink dt, dl.info_withoutlink dt
    {
        clear: left;
        color: #666;
        float: left;
        padding: 6px 10px 6px 0;
        width: 11em;
    }

dl.infow dt
{
    width: 12em;
}

dl.info dd, dl.info_withoutlink dd
{
    margin: 0 0 0 12em;
    padding: 6px 0;
}

    dl.info dd.in, dl.info_withoutlink dd.in
    {
        clear: left;
        margin: 0;
        padding: 0 0 6px 6px;
    }

dl.info a.button, dl.info_withoutlink a.button
{
    font-size: 1.2em;
}

dl.info dd p, dl.info_withoutlink dd p
{
    margin-bottom: 6px;
}

#content dl.info dd h3,
#content dl.info dd h4,
#content dl.info_withoutlink dd h3,
#content dl.info_withoutlink dd h4
{
    font-size: 1.1em;
    margin: 0.2em 0;
    font-weight: bold;
    color: #000;
}

#content dl.info dd h4, #content dl.info_withoutlink dd h4
{
    font-size: 1.0em;
}

dl.info dd ul, dl.info_withoutlink dd ul
{
    list-style-type: disc;
    padding: 6px 0;
}

dl.info dd ol, dl.info_withoutlink dd ol
{
    list-style-type: decimal;
    margin: 6px 0;
}

dl.info dd li, dl.info_withoutlink dd li
{
    margin: 0 0 6px 2.5em;
}

dl.info dd ol ol, dl.info dd ul ol, dl.info_withoutlink dd ol ol, dl.info_withoutlink dd ul ol
{
    margin: 6px 0 6px 2.5em;
}

dl.info.minHg dd, dl.info_withoutlink.minHg dd
{
    min-height: 15px;
}

table.info
{
    width: 100%;
}

    table.info .dt
    {
        clear: left;
        color: #666;
        padding: 6px 10px 6px 0;
        width: 9em;
    }

    table.info .dd
    {
        padding: 6px 0;
    }

        table.info .dd p
        {
            margin-bottom: 6px;
        }

ol.dict
{
    font-size: 1.2em;
    margin-left: 40px;
    list-style-type: decimal;
}

.dict li
{
    color: #999;
    margin: 8px 0;
}

.dict .dt
{
    margin-bottom: 2px;
}

    .dict .dt a
    {
        font-weight: bold;
    }

.dict .dd
{
    color: #000;
    margin: 0;
}

table.agenda
{
}

    table.agenda li
    {
        color: #666;
        margin: 0 0 8px 0;
    }

    table.agenda span.light
    {
        font-weight: bold;
    }

    table.agenda table
    {
        width: 100%;
    }

        table.agenda table td
        {
            border: none;
        }

.agenda .wE a
{
    color: #f00;
}

table.calendar
{
    width: 100%;
}

    table.calendar caption
    {
        color: #666;
        font-size: 1.2em;
        padding: 2px 2px 8px 2px;
        text-align: center;
    }

        table.calendar caption a
        {
            font-weight: bold;
            padding: 0 2px;
        }

            table.calendar caption a.monthP
            {
                display: block;
                float: left;
            }

            table.calendar caption a.monthN
            {
                display: block;
                float: right;
            }

    table.calendar th
    {
        color: #666;
        font-weight: normal;
        padding: 2px 0;
        text-align: center;
        width: 14%;
    }

        table.calendar th.dayW
        {
            color: Red;
        }

    table.calendar td
    {
        border: solid 1px #ddd;
        font-size: 1.2em;
        padding: 2px 4px;
        text-align: center;
        vertical-align: middle;
    }

        table.calendar td a
        {
            display: block;
            font-weight: bold;
            padding: 2px 0;
            width: 100%;
        }

        table.calendar td.dayW a
        {
        }

        table.calendar td.dayO
        {
            color: #999;
        }

            table.calendar td.dayO a
            {
                color: #ccc;
                font-weight: normal;
            }

        table.calendar td.empty a
        {
            color: #bbb;
        }

        table.calendar td.dayS
        {
            background: #ffeaaa;
        }

        table.calendar td:hover
        {
            background-color: #ffeaaa;
        }

.big table.calendar td
{
    height: 4em;
}

.year .calendar
{
    margin-bottom: 10px;
}

table.calBig
{
}

    table.calBig td
    {
        font-size: 1.0em;
        height: 6em;
        text-align: left;
        vertical-align: top;
    }

        table.calBig td a
        {
            display: inline;
            font-weight: normal;
        }

        table.calBig td div.d
        {
            margin-bottom: 6px;
        }

            table.calBig td div.d a
            {
                color: #999;
                font-size: 1.2em;
                font-weight: bold;
            }

        table.calBig td.dayO div.d a
        {
            color: #ccc;
            font-weight: normal;
        }

        table.calBig td p
        {
            margin: 2px 4px;
        }

.rvcG
{
    background-color: #C2D23A;
}

.rvcO
{
    background-color: #F9A23B;
}

.rvcR
{
    background-color: #F66;
}

.rvcY
{
    background-color: #FFCC00;
}

.rvcN
{
    background-color: #2291BE;
}

.rvaw1
{
    width: 55px;
}

.rvaw0
{
    width: 45px;
}

.rvcbt, .rvcbt:hover
{
    color: #ffffff;
    font-weight: bold;
}

table.black a
{
    color: #000000;
    background-color: inherit;
    font-weight: normal;
}

table.black.grid tr:hover td
{
    background-color: #ccc !important;
}

table.grid
{
    width: 100%;
}

#content .grid h3
{
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px 0;
    padding: 0;
}

.grid th
{
    color: #666;
    font-size: 90%;
    font-weight: normal;
    padding: 4px 0;
    text-align: center;
}

.grid .head th
{
    background-color: #ecf2f9;
    border-top: solid 1px #ddd;
}

.grid th.tal
{
    text-align: left;
}

.grid th.vam
{
    vertical-align: middle;
}

.grid tr.alt td
{
    background-color: #f4f8fe;
}

.grid td
{
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 4px 8px;
}

    .grid td.tdN
    {
        font-size: 1.4em;
    }

.grid tr:hover td
{
    background-color: #ffeaaa;
}

.gridNohover tr:hover td
{
    background-color: transparent;
}

.grid td.center
{
    text-align: center;
}

.gridCount
{
    color: #999;
    padding: 0 0 15px 0;
}

table.grid tr.subhead td
{
    background-color: #fff;
    color: #666;
    font-size: 1.4em;
}

table.grid tr.highlight td
{
    background-color: #e9f4bd;
}

table.grid tr.selected td, table.grid tr td.selected
{
    background-color: #ffeaaa;
}

.gray .cc .grid td, .blue2 .cc .grid td, form .cc .grid td
{
    background: #fff;
}

.gray .cc .grid tr:hover td, .blue2 .cc .grid tr:hover td, form .cc .grid tr:hover td
{
    background-color: #ffeaaa;
}

.gray .cc .grid tr.selected td, .blue2 .cc .grid tr.selected td, form .cc .grid tr.selected td
{
    background-color: #ffeaaa;
}

.gray .cc .grid tr td.selected, .blue2 .cc .grid tr td.selected, form .cc .grid tr td.selected
{
    background-color: #ffeaaa;
}

#content .grid td.trans, #content .grid th.trans
{
    background-color: Transparent;
    border: none;
}

.grid tr td.bgRed
{
    background-color: Red !important;
}

.grid tr td.bgGreen
{
    background-color: #c2d23a !important;
}

.grid td select
{
    width: 100%;
}

.grid td.split
{
    background-color: #f0f0f0;
    color: #333;
    padding: 6px 10px;
}

    .grid td.split h4
    {
        color: #333;
        font-size: 1.3em;
    }

.grid .details
{
    color: #666;
    padding: 3px 0 0 0;
}

    .grid .details p
    {
        color: #666;
        padding: 3px 0;
    }

table.vam td, table.vam th, #content td.vam
{
    vertical-align: middle;
}

table.vat td, table td.vat
{
    vertical-align: top;
}

table.vab td, table td.vab, table th.vab
{
    vertical-align: bottom;
}

table.pad6 td
{
    padding: 0 6px 6px 0;
}

table.pad6 input.iCal
{
    width: 100px;
}

table.pad8 td
{
    padding: 8px;
}

.nowrap
{
    white-space: nowrap;
}

table td.nopad
{
    padding: 4px;
}

.grid .bgG, .grid .bgY, .grid .bgR, .grid .bgB, .grid .bgX, .grid .bgXX
{
    color: #999;
    font-weight: bold;
    padding: 0 2px;
}

#content .grid .bgG
{
    background-color: #c2d23a;
    color: #fff;
}

#content .grid .bgB
{
    background-color: #459dd6;
    color: #fff;
}

#content .grid .bgY
{
    background-color: Orange;
    color: #fff;
}

#content .grid .bgR
{
    background-color: #ff6666;
    color: #fff;
}

#content .grid .bgP
{
    background-color: #f7c7c7;
    color: #fff;
}

#content .grid .bgW
{
    background-color: #fff;
    color: #000000;
}

#content .grid .bgX
{
    background-color: #ccc;
    color: #666;
}

#content .grid .bgXX
{
    background-color: #eee;
    color: #666;
}

#content .grid .bgXXX
{
    background-color: #f0f0f0;
    color: #666;
}

.grid .bgTrans
{
    background-color: Transparent;
}

table.rubricval td
{
    padding: 4px 2px;
    border: none;
    background: transparent!important;
    text-align: center;
}

table.sgStdlist tr.stdLastRow td
{
    border: none;
    background: transparent!important;
    padding-top: 10px;
}

table.sgStdlist td
{
    background: transparent!important;
}

table.gridLines
{
}

.gridLines th, .gridLines td
{
    border: solid 1px #ddd;
}

table.gridLines tr.subhead td, .gridLines .noBorder
{
    border-left: none;
    border-right: none;
}

.gridLines th
{
    background-color: #ecf2f9;
}

    .gridLines th.inverse
    {
        background-color: #88a9d0;
        color: #fff;
    }

.gridLines td.inverse
{
    background-color: #eee;
}

table.gridLines.padd th
{
    padding: 4px;
}

    table.gridLines.padd th.last_editable
    {
        width: 11%;
    }

table.gridNoLines
{
}

.gridNoLines td
{
    border: none;
}

table.rows
{
}

    table.rows td
    {
        padding: 4px;
    }

    table.rows tr.highlight td
    {
        background-color: #e9f4bd;
    }

    table.rows tr.selected td
    {
        background-color: #ffeaaa;
    }

.arrow.down
{
    vertical-align: top;
    font-size: 16px;
    color: #ff0000;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
}

.arrow.up
{
    vertical-align: top;
    font-size: 16px;
    color: #007f0e;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
}

/**************************************/
/*              Certificates
/**************************************/
.certificatesTemplateBox a
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #0075AD;
    padding-left: 10px;
}

.certificatesTemplateBox .rounded
{
    height: 36px;
    padding-top: 5px;
}

.certificatesTemplateBox .help
{
    padding-left: 25px;
}

.certificatesTemplateBox .marginTop70
{
    margin-top: 70px;
}

.templatesBlock
{
    margin-bottom: 10px;
}

    .templatesBlock span
    {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: #666;
        margin-right: 10px;
    }

    .templatesBlock select
    {
        width: 310px;
    }

.prepareCertificate, .saveTemplateChanges
{
    font-size: 1.2em!important;
    margin-top: 10px;
    margin-bottom: 15px;
}

.createTemplate .row label
{
    padding-top: 5px;
}

.createSteps
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #666;
}

    .createSteps span.active
    {
        font-weight: bold;
        color: orange;
    }

    .createSteps span
    {
        vertical-align: 12px;
    }

        .createSteps span.nextStepArrow
        {
            vertical-align: middle;
        }

.certificateButton
{
    font-size: 1.2em!important;
}

.templateData
{
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333333;
    margin-top: 20px;
}

    .templateData textarea
    {
        height: 80px;
    }

    .templateData textarea, .templateData input[type='text']
    {
        width: 300px;
        font-family: 'Arial';
        font-size: 13px;
        color: black;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
    }

    .templateData .oyData
    {
        height: 116px;
    }

    .templateData .row div
    {
        padding-top: 8px;
    }

    .templateData .row
    {
        padding-bottom: 20px;
    }

    .templateData .second
    {
        border-left: 1px solid #999999;
        width: 540px;
        margin-left: 35px;
        padding-left: 20px;
    }

.certificateButton
{
    font-size: 1.2em!important;
}

.templateData .error, .fillCertificate .error
{
    border-color: red;
}

.templateData .hidden, .fillCertificate .hidden
{
    display: none;
}

.certErrorMessage
{
    color: Red;
    font-size: 11px;
}

#content .whiteText p
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.fillCertificate
{
    float: none;
    clear: both;
}

    .fillCertificate h4
    {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        color: #666666;
        padding-bottom: 15px;
    }

        .fillCertificate h4 span.bold
        {
            font-weight: bold;
        }

    .fillCertificate .grid th p
    {
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        color: #6A95B0;
    }

        .fillCertificate .grid th p.example
        {
            font-size: 11px;
            color: #6A95B0;
        }

    .fillCertificate .grid tr td.col2 input[type=text]
    {
        width: 200px;
    }

    .fillCertificate .grid tr td.col3 input[type=text]
    {
        width: 130px;
    }

    .fillCertificate .grid tr td.col4 input[type=text]
    {
        width: 60px;
    }

    .fillCertificate .grid tr td.col5 input[type=text]
    {
        width: 70px;
    }

    .fillCertificate .grid tr td.col6 input[type=text]
    {
        width: 145px;
    }

    .fillCertificate .grid tr td.col7 input[type=text]
    {
        width: 155px;
    }

    .fillCertificate .col2, .fillCertificate .col3, .fillCertificate .col4, .fillCertificate .col5, .fillCertificate .col6, .fillCertificate .col7
    {
        vertical-align: top;
    }

.certificateButtonsBox
{
    padding-top: 10px;
}

.printExportLink a
{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.printExportLink img
{
    padding-left: 8px;
    top: 5px;
    position: relative;
}

.printExportLinkTop
{
    position: relative;
    top: -71px;
    padding-bottom: 0;
    height: 1px;
}

.npoCertificateTable td
{
    font-size: 13px;
    color: #333;
}

.print_certificate
{
    width: 585px;
}
/***/

.timeBudget
{
}

    .timeBudget .type-selector
    {
        clear: both;
    }

        .timeBudget .type-selector li
        {
            float: left;
            width: 100px;
            height: 30px;
            text-align: center;
        }

            .timeBudget .type-selector li.current
            {
                background: #32a1ce;
            }

            .timeBudget .type-selector li a
            {
                line-height: 30px;
            }

            .timeBudget .type-selector li.current a
            {
                color: white;
            }

.study-plan-form
{
    clear: both;
}

.study-plan-details
{
    margin-top: 20px;
    margin-bottom: 20px;
}

    .study-plan-details p
    {
        line-height: 25px;
    }

    .study-plan-details input[type="text"]
    {
        width: 100px;
        height: 10px;
        line-height: 12px;
    }

    .study-plan-details .calendar-container
    {
        display: inline-block;
    }

    .study-plan-details .state-exam-input
    {
        width: 600px!important;
    }

table.study-plan-statistic th
{
    text-align: left;
}

table.study-plan-statistic td
{
    height: auto;
}

table.study-plan-statistic .total
{
    width: 15%;
    text-align: center;
}

table.study-plan-statistic .values
{
    width: 5%;
    text-align: right;
}

    table.study-plan-statistic .values.editable
    {
        padding: 0;
        line-height: 22px;
        vertical-align: top;
    }

    table.study-plan-statistic .values input
    {
        border: 0 none;
        width: 100%;
        text-align: right;
    }

table.studyPlan
{
    table-layout: fixed;
}

.studyPlan th
{
    background-color: #ecf2f9;
    vertical-align: middle;
    font-size: 100%;
    word-wrap: break-word;
}

    .studyPlan th.inputHolder
    {
        padding: 0;
    }

    .studyPlan th a
    {
        font-weight: bold;
    }

    .studyPlan th input[type="text"]
    {
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        text-align: right;
    }

    .studyPlan th.c1_1
    {
        width: 80px;
        height: 235px;
    }

    .studyPlan th.c1_2
    {
        width: 205px;
        height: 235px;
    }

    .studyPlan th.c1_3
    {
        width: 120px;
        height: 165px;
    }

        .studyPlan th.c1_3 span
        {
            left: -33px;
            position: relative;
            position: static;
            width: 150px;
        }

    .studyPlan th.c2_1
    {
        width: 45px;
    }

        .studyPlan th.c2_1 span
        {
            left: -54px;
            position: relative;
            position: static;
            width: 150px;
        }

    .studyPlan th.c3_1 span
    {
        top: 10px;
        position: relative;
        position: static;
    }

.studyPlan td
{
    vertical-align: middle;
    height: 40px;
}

    .studyPlan td.inputHolder
    {
        padding: 0;
    }

.studyPlan tr:hover td.inputHolder
{
    background: white;
}

.studyPlan td.disabled
{
    background: #ebebe3;
    font-weight: bold;
    color: black;
    text-align: right;
}

.studyPlan td select
{
    width: 40px;
    height: 23px;
    margin-left: -9px;
    padding: 0;
}

.studyPlan td.h1
{
    font-weight: bold;
    font-size: 16px;
}

.studyPlan td.h2
{
    font-weight: bold;
    font-size: 13px;
}

.studyPlan td input[type="text"]
{
    width: 90%;
    height: 100%;
    padding: 0;
    text-align: right;
    border: 0 none;
}

table.timeBudget
{
    table-layout: fixed;
}

    table.timeBudget th
    {
        background-color: #ecf2f9;
        vertical-align: middle;
        font-size: 100%;
    }

    table.timeBudget td
    {
        padding: 0;
    }

        table.timeBudget td.disabled
        {
            background: #ebebe3;
            font-weight: bold;
            color: black;
        }

        table.timeBudget td input[type="text"]
        {
            width: 100%;
            height: 100%;
            padding: 0px;
            margin: 0px;
        }

    table.timeBudget th.col1
    {
        width: 80px;
    }

    table.timeBudget th.col2
    {
        width: 140px;
    }

table#examresults
{
    table-layout: fixed;
}

    table#examresults td
    {
        word-wrap: break-word;
    }

table.messages
{
    margin-top: 10px;
}

    table.messages .avatar img
    {
        float: none;
    }

    table.messages .delete
    {
        margin-top: 9px;
    }

    table.messages td
    {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.messages td.td1
        {
            text-align: center;
            vertical-align: middle;
            width: 5%;
        }

        table.messages td.td2
        {
            text-align: center;
            padding: 2px;
            width: 5%;
        }

        table.messages td.td3
        {
            width: 25%;
        }

            table.messages td.td3 a.u
            {
                font-size: 120%;
            }

            table.messages td.td3 .date
            {
                color: #737373;
                font-size: 90%;
                padding-top: 2px;
            }

        table.messages td.td4
        {
            font-weight: bold;
            width: 65%;
        }

        table.messages td.td5
        {
            text-align: right;
            width: 10%;
        }

            table.messages td.td5 .icons
            {
                width: 60px;
            }

table.messages2
{
    margin-top: 10px;
}

    table.messages2 .avatar, table.messages2 .avatar img
    {
        float: none;
    }

    table.messages2 .delete
    {
        margin-top: 9px;
    }

    table.messages2 th
    {
        background: #fff;
    }

    table.messages2 td
    {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.messages2 td.tdAvatar
        {
            width: 5%;
        }

        table.messages2 td.tdName
        {
            width: 55%;
        }

            table.messages2 td.tdName a.u
            {
                font-size: 120%;
            }

            table.messages2 td.tdName .date
            {
                color: #999;
                padding-top: 6px;
            }

        table.messages2 td.tdCount
        {
            color: #999;
            font-size: 1.4em;
            text-align: center;
            vertical-align: middle;
            width: 15%;
        }

            table.messages2 td.tdCount a
            {
                font-weight: bold;
                padding: 0 4px;
            }

        table.messages2 td.tdButtons
        {
            text-align: right;
            font-weight: bold;
            vertical-align: middle;
            width: 10%;
        }

        table.messages2 td.tdCheckBox
        {
            text-align: center;
            vertical-align: middle;
            width: 15%;
        }

table.people
{
    margin-top: 10px;
}

    table.people .avatar
    {
        float: none;
    }

    table.people .delete
    {
        margin-top: 9px;
    }

    table.people td
    {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.people td.tdAvatar
        {
            width: 5%;
        }

            table.people td.tdAvatar .avatar
            {
                height: 40px;
                width: 40px;
            }

        table.people td.tdName
        {
            color: #999;
            width: 65%;
        }

            table.people td.tdName .u
            {
                font-size: 120%;
            }

            table.people td.tdName .date
            {
                color: #737373;
                font-size: 90%;
                padding-top: 2px;
            }

        table.people td.tdButtons
        {
            width: 30%;
        }

            table.people td.tdButtons div.clear
            {
                color: #999;
                font-size: 1.0em;
                height: 2.0em;
                padding-top: 6px;
                text-align: right;
            }

            table.people td.tdButtons .button
            {
                font-size: 1.2em;
                margin: 0 0 0 6px;
            }

    table.people .buttons
    {
        float: right;
        clear: both;
    }

        table.people .buttons .loading
        {
            height: 2em;
        }

        table.people .buttons p
        {
            line-height: 2em;
        }

table.schedule
{
}

#content .schedule caption h3
{
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.schedule caption h3 em
{
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    .schedule caption h3 em a
    {
        padding: 0 2px;
    }

.schedule th
{
    border-top: solid 1px #ddd;
    background-color: #f0f0f0;
    font-size: 1.0em;
    width: 3.4%;
}

    .schedule th.wD
    {
        width: 13.8%;
    }

    .schedule th.wE a
    {
        color: #f00;
    }

        .schedule th.wE a:hover
        {
            color: #f6921e;
        }

.schedule td
{
    background-color: #f0f0f0;
    color: #999;
    padding: 0 4px;
}

.schedule tr:hover td
{
    background-color: #f0f0f0;
}

.schedule td.wDS
{
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}

.schedule tr td.wD:hover
{
    background-color: #e6e6e6;
}

.schedule ul
{
}

.schedule li
{
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 2px 4px;
}

    .schedule li:hover
    {
        background-color: #ffeaaa;
        border-color: #ccc;
    }

    .schedule li a.aL
    {
        font-size: 1.2em;
    }

    .schedule li .u
    {
        font-weight: normal;
    }

.scheduleStaff li
{
    min-height: 60px;
}

table.scheduleEditor
{
}

.scheduleEditor th
{
    background-color: #eee;
    border-top: solid 1px #ddd;
    font-size: 120%;
    width: 3.4%;
}

    .scheduleEditor th.wD
    {
        width: 13.8%;
    }

    .scheduleEditor th.wE
    {
        color: #f00;
    }

.scheduleEditor td
{
    background-color: #f0f0f0;
    color: #999;
    vertical-align: middle;
    padding: 0;
}

.scheduleEditor tr:hover td
{
    background-color: #f0f0f0;
}

.scheduleEditor td.wDS
{
    text-align: center;
    height: 56px;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
    width: 3.4%;
}

    .scheduleEditor td.wDS .s2
    {
        display: block;
        color: #666;
        font-size: 1.8em;
    }

.scheduleEditor td.wD
{
    background-color: #f0f0f0;
    padding: 2px;
    vertical-align: top;
    width: 13.8%;
}

    .scheduleEditor td.wD:hover
    {
        background-color: #e6e6e6;
    }

.scheduleEditor td.wDA
{
    text-align: center;
    vertical-align: middle;
}

    .scheduleEditor td.wDA img
    {
        vertical-align: middle;
    }

    .scheduleEditor td.wDA a
    {
        display: none;
        margin: 0 16px;
    }

        .scheduleEditor td.wDA a:hover
        {
        }

form .panel .scheduleEditor td, form .panel .scheduleEditor th
{
    background-color: Transparent;
    border: none;
}

form .panel .scheduleEditor tr:hover td
{
    background-color: Transparent;
}

.scheduleEditor .bar
{
    height: 16px;
    text-align: center;
    margin: 4px 4px 8px 4px;
}

    .scheduleEditor .bar a
    {
        display: inline;
    }

.scheduleEditor ul
{
    border-collapse: collapse;
}

.scheduleEditor li
{
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 0 4px;
    height: 64px;
    position: relative;
}

.scheduleEditor.short li
{
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 0 4px;
    height: 18px;
    position: relative;
}

.scheduleEditor li:hover
{
    background-color: #ffeaaa;
    border-color: #ccc;
}

.scheduleEditor li a, .scheduleEditor li span
{
    display: block;
    margin: 2px 0;
    font-size: 1.2em;
}

.scheduleEditor.short li a, .scheduleEditor.short li span
{
    display: inline;
    margin: 2px 0;
    font-size: 1.2em;
}

.scheduleEditor li span
{
    color: #666;
}

.scheduleEditor li div
{
    background-color: #ffeaaa;
    border: solid 1px #ccc;
    border-right: none;
    display: none;
    width: 20px;
    height: 64px;
    position: absolute;
    left: -28px;
    top: -1px;
    padding: 0 4px;
}

.scheduleEditor.short li div
{
    background-color: #ffeaaa;
    border: solid 1px #ccc;
    border-top: none;
    display: none;
    width: 55px;
    height: 20px;
    position: absolute;
    top: 18px;
    left: -1px;
    padding: 0 4px;
    z-index: 9999;
}

.scheduleEditor li div a
{
    margin: 4px 0;
}

.scheduleEditor li p
{
    font-size: 90%;
    color: #999;
}

.scheduleEditor li.selected
{
    background-color: #ffeaaa;
}

.scheduleEditor td input
{
    width: auto;
    padding: 0;
    margin: 20px 0 0 0;
}

.scheduleEditor .bgG
{
    font-weight: normal;
}

    .scheduleEditor .bgG span
    {
        color: #fff;
    }

    .scheduleEditor .bgG p
    {
        color: #f5fcea;
    }

table.scheduleWeekEditorParent,
table.scheduleWeekEditor
{
    background-color: #f0f0f0;
    border-bottom: solid 1px #ddd;
    width: 100%;
}

.scheduleWeekEditor th
{
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    color: #666;
    text-align: center;
    width: 3.4%;
}

    .scheduleWeekEditorParent th.wD,
    .scheduleWeekEditor th.wD
    {
        width: 13.8%;
    }

    .scheduleWeekEditorParent th.wE,
    .scheduleWeekEditor th.wE
    {
        color: #f00;
    }

.scheduleWeekEditor td
{
}

    .scheduleWeekEditorParent td.wDS,
    .scheduleWeekEditor td.wDS
    {
        color: #666;
        font-size: 1.0em;
        line-height: 0.9em;
        text-align: center;
        vertical-align: middle;
    }

        .scheduleWeekEditorParent td.wDS strong,
        .scheduleWeekEditor td.wDS strong
        {
            font-size: 1.2em;
            line-height: 1.2em;
        }

        .scheduleWeekEditorParent td.wDS div,
        .scheduleWeekEditor td.wDS div
        {
            padding: 0;
            margin: 6px 0 0 0;
        }

    .scheduleWeekEditorParent td.wH div.r,
    .scheduleWeekEditor td.wH div.r
    {
        margin: 0.8em 10px 0 0;
    }

        .scheduleWeekEditorParent td.wH div.r img,
        .scheduleWeekEditor td.wH div.r img
        {
            margin-left: 8px;
        }

    .scheduleWeekEditor td.tH
    {
        font-size: 0.9em;
    }

    .scheduleWeekEditor td div.dH
    {
        height: 24px;
        color: #777;
        padding: 0 2px;
    }

    .scheduleWeekEditor td div.dHh
    {
        height: 24px;
        color: #777;
        padding: 0 2px;
    }

.scheduleWeekEditorParent table,
.scheduleWeekEditor table
{
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

    .scheduleWeekEditorParent table th, .scheduleWeekEditorParent table td,
    .scheduleWeekEditor table th, .scheduleWeekEditor table td
    {
        background-color: #fff;
        border-bottom: solid 1px #ddd;
        border-right: solid 10px #f0f0f0;
        width: 14.3%;
    }

    .scheduleWeekEditorParent table th,
    .scheduleWeekEditor table th
    {
        background-color: #666;
        color: #fff;
    }

        .scheduleWeekEditorParent table th.wE,
        .scheduleWeekEditor table th.wE
        {
            background-color: #f00;
            color: #fff;
        }

    .scheduleWeekEditor table td
    {
    }

.scheduleWeekEditor td.wDg
{
    background: #fff url(../images/bg/webinarSchedule.gif) repeat;
    vertical-align: top;
    width: 13.8%;
}

.scheduleWeekEditorParent td.wD0:hover
{
    background-color: #DDDDDD;
}

.scheduleWeekEditorParent td.wD0,
.scheduleWeekEditor table td.wD0
{
    text-align: center;
    vertical-align: middle;
}

.scheduleWeekEditor table td.wDT
{
    background-color: #f0f0f0;
    border-bottom-color: #f0f0f0;
}

.scheduleWeekEditor table td div.dL
{
    padding: 2px 4px;
}

    .scheduleWeekEditor table td div.dL:hover, .scheduleWeekEditor table td div.dL.hover
    {
        background-color: #f6921e;
    }

    .scheduleWeekEditorParent table td div.dL:hover,
    .scheduleWeekEditor table td div.dL:hover
    {
        background-color: #f6921e;
    }

    .scheduleWeekEditorParent table td div.dL a.selected,
    .scheduleWeekEditor table td div.dL a.selected
    {
        color: #fff;
    }

.scheduleWeekEditor table td div.dW:hover a
{
    color: #fff;
}

.scheduleWeekEditorParent td div.dL div.popup,
.scheduleWeekEditor table td div.dL div.popup
{
    background-color: #ffeaaa;
    border: solid 4px #f6921e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    display: none;
    position: absolute;
    padding: 4px;
    width: 132px;
    font-size: inherit;
    text-align: left;
}

.scheduleWeekEditorParent td div.dL div.popup
{
    width: auto;
}

.scheduleWeekEditor table td div.dW
{
    padding: 0px;
    overflow: hidden;
    background: #FFEAAA;
    font-size: 0.9em;
    word-wrap: break-word;
}

.scheduleWeekEditor table div.dLW
{
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}

    .scheduleWeekEditor table div.dLW a
    {
        display: none;
        position: relative;
        top: 50%;
        height: 16px;
    }

        .scheduleWeekEditor table div.dLW a img
        {
            position: relative;
            top: -8px;
            height: 16px;
        }

.scheduleWeekEditor table td .dLB
{
    margin-bottom: 6px;
}

    .scheduleWeekEditor table td .dLB img
    {
        padding: 0 4px;
    }

.scheduleWeekEditorParent div.dLE,
.scheduleWeekEditor table div.dLE
{
    padding: 2px 4px;
    min-height: 16px;
    text-align: center;
}

    .scheduleWeekEditorParent div.dLE a,
    .scheduleWeekEditor table div.dLE a
    {
        display: none;
    }

.scheduleWeekEditor table div.dLO a.aL, .scheduleWeekEditor table p.dLO
{
    color: #92a20a;
}

.scheduleWeekEditor table div.dLC a.aL, .scheduleWeekEditor table p.dLC
{
    color: #f00;
}

.scheduleWeekEditor table div.dLP a.aL
{
    color: #2291BE;
}

.scheduleWeekEditorParent h3,
.scheduleWeekEditor h3
{
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 6px;
}

    .scheduleWeekEditorParent h3 span,
    .scheduleWeekEditor h3 span
    {
        font-size: 0.8em;
        font-weight: normal;
    }

.scheduleWeekEditorParent img,
.scheduleWeekEditor img
{
    vertical-align: middle;
}

.scheduleWeekEditorParent tr.highlight,
.scheduleWeekEditor tr.highlight
{
    background-color: #ffeaaa;
}

    .scheduleWeekEditorParent tr.highlight table th, .scheduleWeekEditorParent tr.highlight table td .scheduleWeekEditor tr.highlight table th, .scheduleWeekEditor tr.highlight table td
    {
        border-right-color: #ffeaaa;
    }

.scheduleWeekEditorParent input,
.scheduleWeekEditor input
{
    margin: 0;
}

.scheduleWeekEditorParent .toggle,
.scheduleWeekEditor .toggle
{
    margin-top: 4px;
}


.scheduleWeekEditorParent th
{
    border-bottom: solid 1px #ddd;
    color: #666;
    text-align: center;
    width: 3.4%;
}

.scheduleWeekEditorParent td
{
    padding: 5px;
    border-bottom: solid 1px #ddd;
}

    .scheduleWeekEditorParent td.wDT
    {
        background-color: #f0f0f0;
        border-bottom-color: #ddd;
    }

    .scheduleWeekEditorParent td div.dL
    {
        padding: 2px 4px;
        background-color: #ffffff;
        border: solid 1px #ddd;
        color: #666666;
    }

.scheduleWeekEditorParent div.dLO a.aL, .scheduleWeekEditorParent table p.dLO
{
    color: #92a20a;
}

.scheduleWeekEditorParent div.dLC a.aL, .scheduleWeekEditorParent table p.dLC
{
    color: #f00;
}

table.scheduleWeekPublish
{
    margin-bottom: 20px;
}

.scheduleWeekPublish table td div.dL
{
    padding: 0 4px;
    color: #333;
    text-align: left;
}

.scheduleWeekPublish table div.dLE
{
    padding: 0 4px;
    min-height: 1em;
}

.scheduleWeekPublish table td div.dL:hover
{
    background-color: #fff;
}

.scheduleWeekPublish tr.hSchedule table td div.dL
{
    background-color: #f6921e;
    color: #fff;
}

div.scheduleContainer
{
    text-align: center;
    width: 100%;
    min-height: 200px;
}

.scheduleContainer .loading
{
    width: 100%;
    background: url(../images/loading.gif) no-repeat center center !important;
}

.scheduleContainer .ales
{
    color: #666;
}

    .scheduleContainer .ales p
    {
        color: #999;
    }

.scheduleContainer .sel
{
    background-color: #32A1CE;
    color: white;
}

.scheduleContainer .dis, li:hover.dis
{
    background-color: #E6E6E6;
    border: none;
}

.scheduleContainer .sel p
{
    color: white;
    font-style: italic;
}

li:hover.sel
{
    background-color: #32A1CE!important;
    border-color: #CCC;
}

table.statsNumbers
{
    color: #999;
    font-size: 1.2em;
    width: 100%;
}

    table.statsNumbers td
    {
        background-color: #f0f0f0;
        padding: 2px 0;
        text-align: center;
        width: 20%;
    }

    table.statsNumbers strong
    {
        display: block;
        font-size: 2.2em;
    }

table.forums
{
}

.forums td
{
    vertical-align: middle;
}

table.threads
{
}

.threads td
{
    vertical-align: middle;
}

.threads .u
{
    font-weight: normal;
}

.threads img
{
    padding-right: 4px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

table.week
{
}

#content .week caption h3
{
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.week caption h3 em
{
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    .week caption h3 em a
    {
        padding: 0 2px;
    }

.week th
{
    background-color: #f0f0f0;
    border-top: solid 1px #ddd;
    font-size: 1.0em;
    width: 14.2%;
}

    .week th.wE a
    {
        color: #f00;
    }

        .week th.wE a:hover
        {
            color: #f6921e;
        }

.week tr:hover td
{
    background-color: #f0f0f0;
}

.week td
{
    background-color: #f0f0f0;
    color: #999;
    width: 14.2%;
    padding: 0 6px;
}

.week tr td.wD:hover
{
    background-color: #e6e6e6;
}

.week td.h
{
    background-color: #fff;
}

#content .week td.h
{
    padding: 10px 3px 6px 3px;
}

.week td.h h3
{
    display: inline;
    padding: 0 10px 0 0;
    margin: 0;
    vertical-align: middle;
}

.week ul
{
}

.week li
{
    background-color: #fff;
    border: solid 1px #ddd;
    list-style: none;
    margin: 4px 0;
    padding: 2px 4px;
}

    .week li:hover
    {
        background-color: #ffeaaa;
        border-color: #ccc;
    }

ul.blocks
{
}

.blocks li
{
    background-color: #fff;
    border: solid 1px #eee;
    clear: both;
    padding: 6px 10px;
    margin: 8px 0 0 0;
}

.blocks h4
{
}

.blocks p.info
{
    color: #666;
    margin: 0 0 0 26px;
}

.blocks div.content
{
    margin-left: 26px;
}

.blocks .audio
{
    margin: 0;
}

ul.bullets
{
    clear: both;
}

.bullets li
{
    margin: 0.5em 0;
}

ul.bullets li
{
    list-style: disc outside none;
    margin-left: 20px;
    width: 100%;
}

    ul.bullets li p
    {
        margin: 0;
    }

ol.numbers
{
    clear: both;
}

    ol.numbers li
    {
        margin: 0.5em 0;
        list-style: decimal;
        margin-left: 20px;
        font-weight: bold;
    }

        ol.numbers li p
        {
            font-weight: normal;
        }

ul.catalog1
{
    color: #999;
    font-size: 1.2em;
}

.catalog1 li
{
    margin: 10px 0 10px 10px;
}

    .catalog1 li a
    {
        font-weight: bold;
    }

ul.catalog2
{
    color: #999;
    font-size: 1.2em;
}

.catalog2 li
{
    width: 30%;
    float: left;
    padding: 5px 0 5px 0;
}

    .catalog2 li a
    {
        font-weight: bold;
    }

.catalog2 p
{
    font-size: 90%;
    padding-left: 0.5em;
}

ul.catalogLarge, ol.catalogLarge
{
    font-size: 150%;
}

ol.catalogLarge
{
    margin-left: 40px;
    list-style-type: decimal;
}

.catalogLarge li
{
    color: #999;
    margin: 10px;
}

.catalogLarge p
{
    color: #999;
    font-size: 70%;
    font-weight: normal;
    padding-left: 0.5em;
}

ul.catS
{
    color: #999;
}

.catS li
{
    font-size: 1.3em;
    list-style: disc;
    margin: 5px 0 5px 20px;
}

    .catS li em
    {
        font-style: normal;
        font-size: 0.9em;
    }

ul.categories
{
    color: #999;
    margin: 10px 0;
}

.categories li
{
    clear: both;
    font-size: 1.4em;
    padding: 5px 0 0 0;
}

    .categories li a
    {
        font-weight: bold;
    }

.categories ul
{
    margin: 2px 0 0 15px;
}

    .categories ul li
    {
        clear: none;
        float: left;
        font-size: 0.8em;
        margin: 2px 15px 2px 2px;
        padding: 0;
        white-space: nowrap;
    }

        .categories ul li a
        {
            font-weight: normal;
        }

.categories .empty sup
{
    display: none;
}

.categories .empty a:hover
{
    color: #666;
}

.categories em
{
    font-style: normal;
    font-size: 90%;
}

.panel .categories
{
    margin: 0;
}

.categories li .active
{
    color: #F6921E;
}

ul.categories sup
{
    margin-left: 5px;
}

ul.categoriesV
{
    color: #999;
    margin: 10px 0;
}

.categoriesV li
{
    clear: both;
    font-size: 1.2em;
    padding: 5px 0 0 0;
}

    .categoriesV li a
    {
        font-weight: bold;
    }

        .categoriesV li a.selected
        {
            color: #f6921e;
        }

.categoriesV .selected span
{
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.categoriesV ul
{
    margin: 5px 0 0 15px;
}

    .categoriesV ul li
    {
        font-size: 0.9em;
        margin: 0 15px 2px 0;
        padding: 0;
    }

        .categoriesV ul li a
        {
            font-weight: normal;
        }

.categoriesV .empty sup
{
    display: none;
}

.categoriesV .empty a:hover
{
    background-color: #ccc;
    color: #fff;
}

.panel .categoriesV
{
    margin: 0;
}

.categoriesV em
{
    font-style: normal;
    font-size: 90%;
}

ul.classes
{
}

    ul.classes li
    {
        float: left;
        width: 9%;
    }

        ul.classes li strong
        {
            color: #ccc;
            display: block;
            font-size: 2.4em;
        }

ul.classe li span.archived
{
    color: #ccc;
}

ul.classes ul
{
    clear: left;
    margin: 4px 0;
}

    ul.classes ul li
    {
        clear: left;
        float: none;
        font-size: 1.4em;
        margin: 2px 0 2px 8px;
        width: auto;
    }

        ul.classes ul li a
        {
            display: block;
            margin: 2px 6px 2px 4px;
            white-space: nowrap;
            width: auto;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.classes li.active a
{
    background-color: #32a1ce;
    color: #fff;
}

    .classes li.active a:hover
    {
        background-color: #44c5ea;
        color: #fff;
    }

.col34 ul.classes li
{
    width: auto;
}

    .col34 ul.classes li strong
    {
        color: #999;
        font-size: 1.0em;
    }

.col34 ul.classes ul li
{
    font-size: 1.0em;
    margin: 2px 0 2px 0;
}

#classes
{
    clear: both;
    margin: 6px 0 0 50px;
    height: 1%;
}

    #classes td.par
    {
        width: 20px;
        vertical-align: middle;
    }

    #classes label
    {
        margin: 0;
        padding: 0;
    }

    #classes div
    {
        float: left;
        margin: 4px 0;
        width: 80px;
    }

    #classes input
    {
        margin: 0;
        padding: 0;
        width: auto;
    }

ul.comments
{
    margin: 15px 0;
}

.comments div.replyForm form
{
    padding: 10px 0 0 0;
    width: 100%;
}

    .comments div.replyForm form .tar
    {
        margin-top: -5px;
    }

    .comments div.replyForm form div
    {
        margin-top: -10px;
        padding-bottom: 5px;
    }

.comments div.replyForm textarea
{
    height: 60px;
    width: 98%;
    font-size: 1em;
    margin-top: 5px;
}

    .comments div.replyForm textarea.wallComment
    {
        height: 50px;
    }

.comments div.replyForm .button
{
    font-size: 1.2em;
    margin: 6px 0 0 6px;
}

.comments li.unread
{
    background-color: #e9f4bd;
}

.comments li
{
    clear: both;
    margin-top: 15px;
}

    .comments li.step1
    {
        margin-left: 50px;
    }

    .comments li.step2
    {
        margin-left: 100px;
    }

    .comments li.step3
    {
        margin-left: 150px;
    }

    .comments li.step4
    {
        margin-left: 200px;
    }

    .comments li.step5
    {
        margin-left: 250px;
    }

.comments .head
{
    min-height: 44px;
    height: auto;
}

.comments .comment
{
    margin-left: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .comments .comment .content
    {
        margin-left: 50px;
        margin-top: 5px;
    }

    .comments .comment .u
    {
        font-size: 1em;
    }

.comments .avatar
{
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

    .comments .avatar img
    {
        height: 40px;
        width: 40px;
    }

.comments .date
{
    color: #999;
    display: block;
}

.comments .u
{
    font-size: 1.2em;
}

.comments .head h4, .comments .comment h4
{
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 2px;
}

.comments .blocked .head p
{
    margin-left: 50px;
}

.comments .content
{
    background: #f6f6f6;
    color: #333;
    margin-left: 50px;
    padding: 6px 10px;
}

.comments div.content div.reply
{
    text-align: right;
    padding: 5px 0 0 0;
}

    .comments div.content div.reply a
    {
        margin-left: 5px;
    }

.comments .voter
{
    clear: none;
    float: right;
    width: 100px;
    height: auto;
}

    .comments .voter .loading
    {
        float: right;
        margin-top: 1em;
    }

    .comments .voter ul
    {
        clear: none;
        float: right;
        margin: 1em 0 0 0;
        padding: 0;
    }

#content .comments .voter li
{
    border: none;
    clear: none;
    float: right;
    padding: 0;
    margin: 0 0 0 3px;
}

.blue2 .cc .comments
{
    margin: 0;
}

    .blue2 .cc .comments .content
    {
        background: #fff;
        padding: 4px 6px;
    }

ul.details
{
    clear: both;
    color: #999;
}

    ul.details li
    {
        padding: 5px 0;
    }

ul.feed
{
    background: #fff;
    clear: both;
}

.feed li
{
    clear: both;
    background: url(../images/icons/group.png) 5px 5px no-repeat;
    min-height: 20px;
    padding: 2px 0 2px 30px;
}

    .feed li.feedCommentNew
    {
        background-image: url(../images/icons/comment.png);
    }

    .feed li.feedFiles
    {
        background-image: url(../images/icons/images.png);
    }

    .feed li.feedFriendNew
    {
        background-image: url(../images/icons/user.png);
    }

    .feed li.feedEventJoin
    {
        background-image: url(../images/icons/calendar.gif);
    }

    .feed li.day
    {
        background: none;
        padding-left: 0;
    }

#content .feed li.day h3
{
    margin: 5px 0;
    padding: 0;
}

.feed li em
{
    color: #999;
    font-style: normal;
}

.feed li a
{
    font-weight: bold;
}

.feed li ul
{
    min-height: 64px;
}

.feed li li
{
    background: none;
    clear: none;
    float: left;
    height: 64px;
    margin: 4px 4px 0 0;
    padding: 0;
    width: 56px;
}

    .feed li li a
    {
        background-color: #fff;
        border: solid 2px #f0f0f0;
        display: block;
        text-align: center;
        width: 54px;
        height: 54px;
    }

        .feed li li a:hover
        {
            border-color: #f6921e;
        }

        .feed li li a img
        {
            width: 32px;
            height: 32px;
        }

        .feed li li a.v img
        {
            padding-top: 12px;
        }

    .feed li li .type
    {
        color: #999;
        display: block;
        font-size: 1em;
        font-weight: normal;
        height: 16px;
        text-align: right;
        padding-right: 4px;
    }

.blue2 .rounded .feed
{
    color: #333;
    font-size: 90%;
    padding: 0 6px;
}

.blue2 .rounded .scroll .feed
{
    padding: 0 8px;
    margin-top: 0;
}

.blue2 .rounded .feed li
{
    padding: 2px 0 2px 30px;
}

    .blue2 .rounded .feed li.day
    {
        padding-left: 0;
    }

    .blue2 .rounded .feed li li
    {
        padding: 0;
    }

div.uploadBar
{
    text-align: center;
    background-color: #B4F5B4;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    width: 0;
}

div.files
{
}

    div.files div div
    {
        font-size: 1.2em;
        margin: 6px 0;
    }

ul.files
{
}

    ul.files li
    {
        margin: 6px;
    }

    ul.files a
    {
        font-size: 1.2em;
        font-weight: bold;
    }

    ul.files img
    {
        padding-right: 6px;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

    ul.files p
    {
        margin-left: 22px;
    }

ul.fileThumbs
{
    clear: both;
    float: left;
    width: 700px;
    height: auto;
}

    ul.fileThumbs li
    {
        float: left;
        margin: 0 0 25px 55px;
        width: 90px;
    }

        ul.fileThumbs li:nth-child(5n-4)
        {
            margin-left: 29px;
            padding-left: 0;
        }

        ul.fileThumbs li:nth-child(5n-5)
        {
            margin-right: 0px;
            padding-right: 0;
        }

    ul.fileThumbs .thumb
    {
        width: 84px;
        height: 84px;
        position: relative;
    }

        ul.fileThumbs .thumb a.i
        {
            background-color: #fff;
            background-position: center center;
            border: solid 2px #f0f0f0;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 80px;
            height: 80px;
        }

    ul.fileThumbs .selected a
    {
        color: #f6921e;
    }

    ul.fileThumbs .selected .thumb a.i
    {
        border-color: #f6921e;
        background-color: #ffeaaa;
    }

    ul.fileThumbs .thumb a.i img
    {
        max-width: 76px;
        max-height: 76px;
    }

    ul.fileThumbs .vid .fav
    {
        width: 150px;
        height: 16px;
        position: absolute;
        top: 72px;
        left: 4px;
    }

    ul.fileThumbs .vid .plus
    {
        display: none;
        display: block;
        width: 16px;
        height: 16px;
    }

    ul.fileThumbs .thumb .type
    {
        color: #999;
        display: block;
        font-size: 1em;
        width: 2.5em;
        height: 16px;
        position: absolute;
        text-align: right;
        top: 2px;
        right: 4px;
    }

    ul.fileThumbs .name
    {
        font-size: 1.0em;
        height: 30px;
        overflow: hidden;
        text-align: center;
        width: 84px;
    }

    ul.fileThumbs .rate
    {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.fileThumbs .rate .rating
        {
            float: left;
        }

    ul.fileThumbs a.u
    {
        font-size: 0.9em;
        font-weight: normal;
    }

.fileThumbs .bar
{
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 40px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

.fileThumbs .barDelete
{
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 16px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

.barDelete
{
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0 4px;
}

.fileThumbs .bar a
{
    margin: 4px 0;
}

.fileThumbs .checkBar
{
    border-right: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 45px;
    padding: 40px 0px 0px 0px;
}

ul.fileThumbs .loading
{
    width: 84px;
    height: 114px;
}

ul.fileThumbs p
{
    width: 84px;
    height: 82px;
    text-align: center;
    color: #999;
    margin-top: 32px;
}

#overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs
{
    width: 575px;
}

    #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li
    {
        margin: 0 0 25px 44px !important;
    }

        #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li:nth-child(4n-3)
        {
            margin-left: 10px;
        }

        #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li:nth-child(4n-4)
        {
        }

/**    Training cycles (NPO_SPO studyPlan)     **/
ol.inline li
{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.training_cycles_area
{
    width: 584px;
    height: 351px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    float: left;
}

    .training_cycles_area .block
    {
        width: 185px;
        height: 320px;
        overflow: hidden;
        padding: 10px;
        background: white;
        border: 2px solid #ddd;
    }

.subject_container
{
    position: absolute;
    top: 0;
    left: 220px;
    display: none;
}

.cycles_container div.cycle
{
    padding: 3px;
    font-family: Arial;
    text-align: left;
    word-wrap: break-word;
    cursor: pointer;
}

.cycle span
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #2291BE;
}

.cycle:hover span
{
    color: #F6921E;
}

.cycle.current
{
    background: #2291BE;
}

.subject_button
{
    float: left;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #000;
    margin-right: 5px;
    height: 27px;
    width: 47%;
}

    .subject_button.current
    {
        background-color: #2291BE;
        color: white;
    }

.cycle.current span
{
    color: white;
}

.class.header, .class.data, .subject.header
{
    margin-top: 4px;
}

/*-------------------------------*/
/* exam results styles-*/
.import-link
{
}

    .import-link a
    {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .import-link input
    {
        opacity: 0;
        filter: alpha(opacity = 0);
        position: absolute;
        cursor: pointer;
        right: 0;
    }

.grid .last_editable
{
    border: none;
    background-color: transparent;
}

.grid tr:hover .last_editable
{
    background-color: transparent;
}
/*-------------------*/

table.searchFilter td
{
    padding: 5px;
}

    table.searchFilter td.bAlign
    {
        vertical-align: bottom;
        padding-bottom: 13px;
    }

ul.fileThumbs2
{
    clear: both;
}

.fileThumbs2 li
{
    float: left;
    float: left;
    height: 68px;
    margin: 0 0 0 8px;
    padding: 0;
    width: 64px;
}

    .fileThumbs2 li a
    {
        background-color: #fff;
        border: solid 2px #dde7f6;
        display: block;
        text-align: center;
        width: 60px;
        height: 60px;
    }

        .fileThumbs2 li a:hover
        {
            border-color: #f6921e;
        }

        .fileThumbs2 li a img
        {
            width: 32px;
            height: 32px;
        }

        .fileThumbs2 li a.v img
        {
            padding-top: 12px;
        }

    .fileThumbs2 li .type
    {
        color: #999;
        display: block;
        font-size: 1em;
        font-weight: normal;
        height: 16px;
        text-align: right;
        padding-right: 4px;
    }

ul.folders
{
    color: #999;
}

.folders li
{
    clear: both;
    font-size: 1.2em;
    margin: 4px 0;
    white-space: nowrap;
}

    .folders li a
    {
        font-weight: bold;
    }

.folders em
{
    font-style: normal;
}

.folders span
{
    padding: 0 2px;
    border: solid 2px Transparent;
}

.folders .selected span
{
    background: #32a1ce;
    color: #fff;
    border-color: #32a1ce;
}

    .folders .selected span.orange
    {
        background: #f6921e;
        color: #fff;
        border-color: #f6921e;
    }

.folders label.selected
{
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.folders ul
{
    margin: 5px 0 0 15px;
}

    .folders ul li
    {
        font-size: 0.9em;
        margin: 0 15px 2px 0;
        padding: 2px 0;
    }

.folders img
{
    vertical-align: middle;
    padding-right: 4px;
}

.folders .fE
{
    display: none;
}

form .folders li
{
    padding: 0;
}

form .folders ul
{
    margin-top: 0;
}

ul.folders2 ul
{
    margin: 2px 0 6px 20px;
}

    ul.folders2 ul ul
    {
        margin: 2px 0 2px 16px;
    }

    ul.folders2 ul li
    {
        padding: 0;
    }

        ul.folders2 ul li a
        {
            font-weight: normal;
        }

ul.tree
{
    color: #999;
    float: left;
}

.tree li
{
    clear: both;
    margin: -2px 0px 0px 15px;
}

    .tree li #overlayConfirm
    {
        font-size: 0.7em;
    }

    .tree li.active a
    {
        background-color: #32a1ce;
        color: #fff;
    }

    .tree li a
    {
        font-weight: bold;
    }

.tree em
{
    font-style: normal;
}

.tree span
{
    padding: 0 2px;
    border: solid 2px Transparent;
}

.tree .selected span
{
    background: #32a1ce;
    color: #fff;
    border-color: #32a1ce;
}

    .tree .selected span.orange
    {
        background: #f6921e;
        color: #fff;
        border-color: #f6921e;
    }

.tree label.selected
{
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.tree ul
{
    margin: 0px 0 0 15px;
}

    .tree ul li
    {
        padding: 0px 0;
    }

        .tree ul li #overlayConfirm
        {
            font-size: 0.9em;
        }

.tree img
{
    vertical-align: middle;
    padding-right: 6px;
}

.tree .fE
{
    display: none;
}

form .tree li
{
    padding: 0;
}

form .tree ul
{
    margin-top: 0;
}

.tree td
{
    vertical-align: middle;
}

.tree table
{
    float: left;
    margin: 3px 0 10px;
}

.tree div.iconslist
{
    float: right;
    margin-left: 50px;
    width: 120px;
}

ul.tree a.marker
{
    padding-left: 15px;
    background-position: 0px 1px;
}

ul.tree a.markerRVD
{
    padding-left: 15px;
    background-position: 0px 1px;
    color: #000;
}

.chosenIndicatorTitle
{
    font-weight: bold;
    color: #000;
}

ul.tree a.opennode
{
    background-position: 0px -11px;
}

ul.hands
{
    clear: both;
    margin-top: 10px;
}

.hands li
{
    background: url(../images/icons/dnevnik.gif) no-repeat;
    list-style: none;
    padding: 0 0 10px 22px;
}

ul.gallery
{
}

.gallery li
{
    float: left;
    margin: 0 2px 2px 0;
}

.gallery a
{
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

#content .gallery a:hover
{
    background-color: #f7941d;
}

ul.galleryPeople
{
}

.galleryPeople li
{
    float: left;
    margin: 0 1px 1px 0;
}

    .galleryPeople li.large
    {
        margin: 0 2px 2px 0;
    }

.galleryPeople a
{
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

#content .galleryPeople a:hover
{
    background-color: #f7941d;
}

ul.glossary
{
    color: #999;
    margin: 10px 0;
}

    ul.glossary li
    {
        clear: both;
    }

#content ul.glossary h3
{
    color: #ddd;
    float: left;
    height: 1.4em;
    width: 40px;
    font-size: 3.0em;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.glossary ul
{
    font-size: 1.2em;
    margin: 0 0 30px 60px;
}

    ul.glossary ul li
    {
        clear: none;
        margin: 5px 0;
    }

ul.groups
{
    clear: both;
    margin-top: 4px;
}

.groups li
{
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    color: #999;
    font-size: 1.2em;
    margin-bottom: 6px;
    min-height: 16px;
    padding: 0 0 0 20px;
}

    .groups li.stepTop
    {
        margin-top: 10px;
    }

.groups a
{
    font-weight: bold;
    line-height: 1.0em;
    padding: 2px 4px;
    margin-right: 2px;
}

    .groups a:hover, .groups a.active
    {
        background-color: #32a1ce;
        color: #fff;
    }

.groups .iAsterisk a
{
    color: #f69220;
}

    .groups .iAsterisk a:hover, .groups .iAsterisk a.active
    {
        background-color: #f69220;
        color: #fff;
    }

.groups .iUserGray a
{
    color: #000;
}

    .groups .iUserGray a:hover, .groups .iUserGray a.active
    {
        background-color: #000;
        color: #fff;
    }

.groups li.empty a:hover, .groups li.empty a.active
{
    background-color: #ccc;
    color: #fff;
}

.groups ul
{
    clear: both;
    margin: 6px 0;
}

    .groups ul li
    {
        font-size: 1.0em;
        margin-bottom: 5px;
    }

.items li
{
    border-top: solid 1px #f0f0f0;
    clear: both;
    min-height: 90px;
    padding: 6px 6px 0 6px;
}

    .items li.first
    {
        border-top: none;
    }

    .items li:hover
    {
        background: #f4f8fe;
    }

.items .avatar
{
    margin: 0 10px 0 0;
}

    .items .avatar img
    {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

.items a.name
{
    font-size: 1.4em;
    font-weight: bold;
}

.items p
{
    color: #999;
    padding: 2px 0;
    margin-left: 94px;
}

    .items p a
    {
        color: #42b1de;
    }

        .items p a:hover
        {
            color: #f6921e;
        }

.items ul
{
    float: right;
    font-size: 1.0em;
}

    .items ul li
    {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.items li .nav_list
{
    float: left;
    margin: 6px 0;
    font-size: 1.2em;
}

    .items li .nav_list li
    {
        min-height: inherit;
        margin: 3px 0 3px 16px;
    }

.blue2 .items li
{
    background: #fff;
    margin-top: 10px;
}

.items .invited
{
    clear: none;
    margin: 10px;
}

    .items .invited .buttons .loading
    {
        height: 2em;
    }

    .items .invited p
    {
        margin: 0;
    }

    .items .invited .button
    {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.2em;
    }

ul.itemsS
{
}

.itemsS li
{
    clear: both;
    margin: 10px 0 0 0;
    min-height: 44px;
}

    .itemsS li.first
    {
        border-top: none;
    }

    .itemsS li.hover
    {
        background: #f5fae2;
    }

.itemsS .avatar
{
    margin: 0 10px 5px 0;
    padding: 0;
}

    .itemsS .avatar img
    {
        float: left;
        vertical-align: top;
        height: 40px;
        width: 40px;
    }

.itemsS a.name
{
    font-size: 1.2em;
    font-weight: bold;
}

.itemsS p
{
    color: #999;
    margin: 0 0 0 46px;
}

.itemsS ul
{
    float: right;
    font-size: 1.0em;
}

    .itemsS ul li
    {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.itemsS .invited
{
    clear: none;
    padding-top: 6px;
    margin-left: 54px;
}

    .itemsS .invited p
    {
        margin: 0;
    }

    .itemsS .invited .button
    {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.0em;
    }

    .itemsS .invited .buttons
    {
        height: 2em;
    }

        .itemsS .invited .buttons p
        {
            line-height: 2em;
        }

        .itemsS .invited .buttons .loading
        {
            height: 2em;
        }

.blue2 .itemsS li
{
    background: #fff;
    padding: 6px;
    border: solid 1px #dde7f6;
}

ul.papers
{
    height: 330px;
}

.papers li
{
    border-top: solid 1px #f0f0f0;
    clear: both;
    padding: 6px 6px 0 6px;
}

    .papers li.first
    {
        border-top: none;
    }

    .papers li:hover
    {
        background: #f4f8fe;
    }

.papers .avatar
{
    margin: 0 10px 0 0;
}

    .papers .avatar img
    {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

.papers a.name
{
    font-size: 1.4em;
    font-weight: bold;
}

.papers p
{
    color: #999;
    padding: 2px 0;
}

    .papers p a
    {
        color: #42b1de;
    }

        .papers p a:hover
        {
            color: #f6921e;
        }

.papers ul
{
    float: right;
    font-size: 1.0em;
}

    .papers ul li
    {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.papers li .nav_list
{
    float: left;
    margin: 6px 0;
    font-size: 1.2em;
}

    .papers li .nav_list li
    {
        min-height: inherit;
        margin: 3px 0 3px 16px;
    }

.blue2 .papers li
{
    background: #fff;
    margin-top: 10px;
}

.papers .invited
{
    clear: none;
    margin: 10px;
}

    .papers .invited .buttons .loading
    {
        height: 2em;
    }

    .papers .invited p
    {
        margin: 0;
    }

    .papers .invited .button
    {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.2em;
    }

ul.paperThumbs
{
    clear: both;
}

.paperThumbs li
{
    float: left;
    margin: 0 0 16px 70px;
    width: 102px;
}

.paperThumbs p
{
    text-align: center;
    color: #999;
    margin-top: 5px;
}

.paperThumbs .thumb
{
    width: 84px;
    height: 84px;
    position: relative;
}

ul.paperThumbs .thumb a.i
{
    background-color: #fff;
    background-position: center center;
    border: solid 2px #f0f0f0;
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
}

ul.paperThumbs .selected a
{
    color: #f6921e;
}

ul.paperThumbs .selected .thumb a.i
{
    border-color: #f6921e;
    background-color: #ffeaaa;
}

ul.paperThumbs .thumb a.i img
{
    width: 32px;
    height: 32px;
    padding: 24px 0 0 0;
}

ul.paperThumbs a.u
{
    font-size: 0.9em;
    font-weight: normal;
}

.paperThumbs .bar
{
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 40px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

    .paperThumbs .bar a
    {
        margin: 4px 0;
    }

ul.paperThumbs .loading
{
    width: 84px;
    height: 114px;
}

#tableLatest div
{
    width: 700px;
}

ul.paperThumbsL
{
    clear: both;
}

.paperThumbsL li
{
    float: left;
    margin: 0 0 16px 100px;
    width: 300px;
}

    .paperThumbsL li .preview
    {
        height: 270px;
    }

    .paperThumbsL li img
    {
        margin: 0 0 16px 30px;
    }

.paperThumbsL p
{
    color: #999;
    font-size: 1.1em;
    padding-top: 3px;
}

.last
{
    padding-bottom: 10px !important;
}

.paperThumbsL h3
{
    margin-bottom: 0px;
    color: #8CAF31;
}

.paperThumbsL .thumb
{
    width: 84px;
    height: 84px;
    position: relative;
}

ul.paperThumbsL .thumb a.i
{
    background-color: #fff;
    background-position: center center;
    border: solid 2px #f0f0f0;
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
}

ul.paperThumbsL .selected a
{
    color: #f6921e;
}

ul.paperThumbsL .selected .thumb a.i
{
    border-color: #f6921e;
    background-color: #ffeaaa;
}

ul.paperThumbsL .thumb a.i img
{
    width: 32px;
    height: 32px;
    padding: 24px 0 0 0;
}

.enable_free_paper
{
    font-size: 1em;
    color: #333;
    margin-top: 12px;
}

    .enable_free_paper .enablepaper
    {
        float: right;
    }

    .enable_free_paper label.b
    {
        float: right;
        width: 240px;
        display: inline-block;
    }

    .enable_free_paper .row
    {
        margin-left: 20px;
        padding: 0;
        float: left;
        margin-top: 6px;
        display: none;
    }

    .enable_free_paper #monthcount
    {
        padding: 4px 8px;
        width: 20px;
    }

.enable_free_paper_box
{
    color: #333;
}

    .enable_free_paper_box .row
    {
        padding-bottom: 8px;
        overflow: hidden;
    }

        .enable_free_paper_box .row .l
        {
            margin-right: 25px;
        }

    .enable_free_paper_box #monthcount
    {
        padding: 4px 8px;
        width: 20px;
    }

ul.messages
{
}

    ul.messages li
    {
        border-bottom: solid 1px #ddd;
        clear: both;
        padding: 10px 5px;
    }

        ul.messages li.highlight
        {
            background-color: #e9f4bd;
        }

        ul.messages li.inbox .content
        {
            color: #32a1ce;
        }

#content ul.messages li.inbox .u
{
    color: #32a1ce;
}

#content ul.messages li.inbox a.avatar
{
    background-color: #32a1ce;
    z-index: -50;
}

ul.messages .author
{
    height: 2em;
    margin-left: 50px;
}

ul.messages .avatar
{
    display: block;
    float: left;
    margin: 0 5px 10px 0;
}

    ul.messages .avatar img
    {
        height: 40px;
        width: 40px;
    }

ul.messages .date
{
    color: #999;
}

ul.messages .deleted
{
    color: #999;
    font-weight: bold;
}

ul.messages .content
{
    color: #8caf31;
    clear: right;
    margin-left: 50px;
    padding: 5px 0 10px 15px;
    height: 1%;
}

#content ul.messages li a.avatar
{
    background-color: #8caf31;
}

ul.messages .content li
{
    border: none;
}

ul.news
{
    clear: both;
}

.news li
{
    padding: 5px 0;
}

.auto-hint
{
    color: #AAAAAA;
}

.news .author
{
    color: #999;
    font-style: normal;
    margin: 2px 0;
}

    .news .author .u
    {
        font-weight: normal;
    }

#content .news h4
{
    font-size: 1.4em;
    padding: 0;
}

.blue2 .rounded .news
{
    background: #fff;
    padding: 0 10px;
}

.jThumbnailScroller
{
    position: relative;
    width: 500px;
    height: 122px;
    margin: 160px auto 0 auto;
    border: 1px solid #eee;
    padding: 0;
    overflow: hidden;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 5px;
}

    .jThumbnailScroller .jTscrollerContainer
    {
        position: absolute;
        width: 10000px;
    }

    .jThumbnailScroller .jTscroller
    {
        position: relative;
        height: 100%;
        margin: 0;
        left: 0;
        top: 0;
        display: inline-block;
        *display: inline;
    }

.jTscrollerNextButton, .jTscrollerPrevButton
{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    opacity: 0.7;
}

.jThumbnailScroller .jTscrollerNextButton
{
    background: #000 url(thumbnailScroller/nextArrow.png) center center;
}

.jThumbnailScroller .jTscrollerPrevButton
{
    background: #000 url(thumbnailScroller/prevArrow.png) center center;
}

    .jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover
    {
        background-color: #d56916;
        opacity: 1;
    }

.jThumbnailScroller .jTscroller a
{
    display: block;
    float: left;
    border: 1px solid #ddd;
    margin: 6px 10px 6px 0;
    background: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

    .jThumbnailScroller .jTscroller a:hover
    {
        border-color: #fff;
    }

    .jThumbnailScroller .jTscroller a:first-child
    {
        margin-left: 10px;
    }

    .jThumbnailScroller .jTscroller a img
    {
        border: none;
    }

.jThumbnailScroller
{
    margin: 30px auto;
}

    .jThumbnailScroller .jTscroller a
    {
        opacity: 0.7;
    }

        .jThumbnailScroller .jTscroller a:hover
        {
            opacity: 1;
        }

    .jThumbnailScroller .jTscrollerNextButton
    {
        margin: -20px 10px 0 10px;
        right: 0;
        top: 50%;
    }

    .jThumbnailScroller .jTscrollerPrevButton
    {
        margin: -20px 10px 0 10px;
        left: 0;
        top: 50%;
    }


ul.newsS
{
    clear: both;
    padding-bottom: 6px;
}

.newsS li
{
    margin: 5px 0;
}

.newsS .date
{
    color: #999;
}

.newsS .author
{
    color: #999;
    font-size: 90%;
    font-style: normal;
}

#content .newsS h4
{
    font-size: 1.2em;
    padding: 0;
}

ul.people li
{
    border-top: solid 1px #f0f0f0;
    clear: both;
    min-height: 90px;
    padding: 6px 6px 0 6px;
}

    ul.people li.first
    {
        border-top: none;
    }

    ul.people li:hover
    {
        background: #f6f6f6;
    }

ul.people .avatar
{
    margin: 0 10px 0 0;
}

    ul.people .avatar img
    {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

ul.people p
{
    color: #999;
    padding: 3px 0;
}

ul.people .u
{
    font-size: 1.4em;
}

ul.people ul li
{
    border: none;
    clear: none;
    height: auto;
}

ul.people dl
{
    float: left;
    margin-top: 5px;
}

ul.people dt
{
    clear: left;
    color: #666;
    float: left;
    padding: 3px 10px 3px 0;
    width: 3em;
}

ul.people dd
{
    margin: 0 0 0 3.5em;
    padding: 3px 0;
}

ul.peopleSmall
{
    margin: 5px 0;
}

.peopleSmall li
{
    float: left;
    margin: 0 0 3px 3px;
}

.peopleSmall img
{
    height: 40px;
    width: 40px;
}

.peopleS li
{
    clear: both;
    margin: 5px 0 0 0;
}

    .peopleS li.hover
    {
        background: #f5fae2;
    }

.peopleS .avatar
{
    margin: 0 10px 5px 0;
    height: 40px;
    width: 40px;
}

.peopleS p
{
    color: #999;
}

.peopleS ul
{
    float: right;
    font-size: 1.0em;
}

    .peopleS ul li
    {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.gray .cc .peopleS li
{
    background-color: #fff;
    height: 46px;
    padding: 6px;
    margin: 0;
}

.peopleM li
{
    clear: both;
    margin: 5px 0 0 0;
}

.peopleM a.avatar
{
    margin: 0 10px 5px 0;
}

    .peopleM a.avatar img
    {
        height: 80px;
        width: 80px;
    }

.peopleM .n
{
    font-size: 1.2em;
    font-weight: bold;
}

.peopleM p
{
    color: #999;
    margin: 5px 0 0 92px;
}

ul.peopleM ul.bullets
{
    color: #999;
    margin-left: 92px;
}

ul.photos li
{
    float: left;
    margin: 0 0 2px 2px;
}

ul.photos a
{
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

    ul.photos a:hover
    {
        background-color: #f7941d;
    }

ul.photos img
{
    width: 90px;
    height: 90px;
}

.col13 ul.photos
{
    margin-left: -2px;
}

    .col13 ul.photos li
    {
        margin: 0;
    }

        .col13 ul.photos li a
        {
        }

ul.photoComments
{
    margin: 15px 0;
}

    ul.photoComments .comment
    {
        margin-left: 120px;
    }

    ul.photoComments .commented
    {
        background-color: #f0f0f0;
        float: left;
        padding: 8px;
    }

        ul.photoComments .commented a
        {
            display: block;
            padding: 2px;
        }

table.photos
{
    width: 100%;
}

    table.photos td
    {
        text-align: center;
        padding: 10px;
        width: 33%;
    }

ul.photosS
{
    clear: both;
}

    ul.photosS li
    {
        float: left;
        margin: 0 0 2px 2px;
        padding: 4px;
        text-align: center;
        width: 248px;
    }

ul.photoAlbums
{
    clear: both;
}

.photoAlbums li
{
    float: left;
    margin: 0 15px 15px 0;
    width: 190px;
}

.photoAlbums a.thumb
{
    background-color: #eee;
    display: block;
    float: left;
    padding: 2px;
}

    .photoAlbums a.thumb:hover
    {
        background-color: #f7941d;
    }

    .photoAlbums a.thumb img
    {
        height: 186px;
        width: 186px;
    }

.photoAlbums .details
{
    clear: left;
    margin: 0;
    height: 4em;
}

#content .photoAlbums .details h4
{
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}

#content .photoAlbums .details p
{
    color: #999;
    font-size: 1.0em;
}

ul.photosDetails
{
    clear: both;
}

.photosDetails li
{
    clear: both;
    margin: 0;
}

.photosDetails .thumb
{
    background: #f0f0f0;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 280px;
}

    .photosDetails .thumb a
    {
        border: solid 2px #fff;
    }

        .photosDetails .thumb a:hover
        {
            border-color: #f7941d;
        }

#content .photosDetails h3
{
    margin: 0 0 0 300px;
    padding: 0;
}

.photosDetails dl
{
    color: #999;
    font-size: 90%;
    margin: 10px 0 0 300px;
    height: 200px;
}

    .photosDetails dl dt
    {
        padding: 2px 0;
        width: 9em;
    }

    .photosDetails dl dd
    {
        padding: 2px 0 0 0;
    }

#content .posts h3
{
    font-size: 1.8em;
    margin-bottom: 0;
}

.posts .author
{
    color: #999;
    margin: 5px 0 0 0;
}

.posts .comments
{
    background: url(../images/icons/comment.png) 0 5px no-repeat;
    border-bottom: solid 1px #f0f0f0;
    color: #999;
    margin: 5px 0 20px 0;
    padding: 5px 0 10px 20px;
}

.posts .text
{
    margin-bottom: 15px;
}

.press li
{
    padding: 30px 0 0 0;
}

    .press li.first
    {
        padding: 0;
    }

.press div.avatar
{
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 200px;
}

    .press div.avatar img
    {
        float: none;
        display: inline;
    }

.press div.content
{
    float: left;
    font-size: 1.2em;
    width: 406px;
}

.press .light
{
    font-size: 1.2em;
}

.press .quot
{
    color: #333;
    font-size: 1.2em;
    line-height: 1.3em;
    font-style: italic;
    margin: 10px 10px 0 10px;
}

    .press .quot strong
    {
        font-size: 1.2em;
        line-height: 0.8em;
    }

    .press .quot a
    {
        color: #333;
    }

.pressBlocks li
{
    float: left;
    font-size: 1.2em;
    margin: 0 0 0 20px;
    text-align: center;
    width: 180px;
}

.pressBlocks img
{
    padding-bottom: 6px;
}

#reviews
{
    clear: both;
    margin-bottom: 10px;
}

    #reviews form
    {
        clear: both;
        width: 100%;
    }

        #reviews form textarea
        {
            height: 100px;
            width: 98%;
        }

    #reviews h3
    {
        clear: both;
    }

    #reviews .rate
    {
        display: block;
        float: right;
        padding-bottom: 8px;
    }

    #reviews .voter ul
    {
        margin: 0;
    }

.reviews li
{
    padding: 20px 0 0 0;
}

    .reviews li.first
    {
        padding: 0;
    }

.reviews div.avatar
{
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    width: 94px;
}

.reviews div.content
{
    float: left;
    font-size: 1.2em;
}

.col23 .reviews div.content
{
    width: 486px;
}

.col34 .reviews div.content
{
    width: 606px;
}

.reviews .quot
{
    color: #333;
    font-size: 1.2em;
    line-height: 1.3em;
    font-style: italic;
    margin: 10px 10px 0 10px;
}

    .reviews .quot strong
    {
        font-size: 1.2em;
        line-height: 0.8em;
    }

    .reviews .quot a
    {
        color: #333;
    }

.reviews .text
{
    font-size: 1em;
    margin-top: 1em;
}

ul.stats
{
    clear: both;
    font-size: 1.2em;
}

.stats li
{
    color: #666;
    margin: 0.5em 0 0.5em 10px;
}

    .stats li strong
    {
        font-size: 1.2em;
    }

.tagEditor li
{
    float: left;
    background: #fff url(../images/icons/remove.png) 2px center no-repeat;
    color: #333;
    padding: 4px 6px 4px 20px;
    margin: 0 8px 6px 0;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .tagEditor li:hover
    {
        background-color: #32a1ce;
        color: #fff;
    }

#thread
{
    clear: both;
    margin-bottom: 10px;
}

    #thread form
    {
        clear: both;
        width: 100%;
    }

        #thread form textarea
        {
            height: 100px;
        }

    #thread h3
    {
        clear: both;
        font-size: 1.8em;
    }

    #thread ul
    {
        margin: 15px 0;
    }

    #thread li
    {
        border-bottom: solid 1px #ddd;
        clear: both;
        padding: 10px 0;
    }

        #thread li.step1
        {
            margin-left: 50px;
        }

        #thread li.step2
        {
            margin-left: 100px;
        }

        #thread li.step3
        {
            margin-left: 150px;
        }

        #thread li.step4
        {
            margin-left: 200px;
        }

        #thread li.step5
        {
            margin-left: 250px;
        }

    #thread .author
    {
    }

    #thread .avatar
    {
        display: block;
        float: left;
        margin: 0 5px 0 0;
    }

        #thread .avatar img
        {
            height: 40px;
            width: 40px;
        }

    #thread .date
    {
        color: #999;
    }

    #thread .name
    {
        font-weight: bold;
        font-size: 1.0em;
    }

    #thread .content
    {
        margin-left: 50px;
        padding: 10px 0 0 15px;
        height: 1%;
    }

    #thread div.reply
    {
        clear: both;
        text-align: right;
    }

        #thread div.reply a
        {
            margin-left: 10px;
        }

ul.thumbs li
{
    float: left;
    margin: 0 0 6px 27px;
    text-align: center;
    width: 134px;
}

ul.thumbs img
{
    border: solid 2px #dde7f6;
    width: 130px;
}

ul.thumbs a:hover img
{
    border-color: #f6921e;
}

ul.thumbs p
{
    font-size: 1.0em;
}

ul.top li
{
    width: 25%;
}

ul.top p
{
    float: left;
    color: #999;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 6px;
}

ul.videos
{
    clear: both;
}

    ul.videos li
    {
        float: left;
        margin: 0 0 20px 22px;
        width: 158px;
    }

    ul.videos .vid
    {
        width: 158px;
        height: 92px;
        position: relative;
    }

        ul.videos .vid a.v
        {
            background-color: #f0f0f0;
            display: block;
            padding: 4px;
        }

            ul.videos .vid a.v:hover
            {
                background-color: #f6921e;
            }

        ul.videos .vid img
        {
            width: 150px;
            height: 84px;
        }

        ul.videos .vid .fav
        {
            width: 150px;
            height: 16px;
            position: absolute;
            top: 72px;
            left: 4px;
        }

        ul.videos .vid .plus
        {
            display: none;
            display: block;
            width: 16px;
            height: 16px;
        }

        ul.videos .vid .time
        {
            display: block;
            width: 154px;
            height: 16px;
            position: absolute;
            text-align: right;
            top: 72px;
        }

            ul.videos .vid .time span
            {
                background-color: #666;
                color: #eee;
                line-height: 16px;
                padding: 0 2px;
            }

    ul.videos .name
    {
        font-size: 1.1em;
        font-weight: bold;
        height: 2.5em;
        overflow: hidden;
        margin-bottom: 2px;
    }

    ul.videos .rate
    {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.videos .rate .rating
        {
            float: left;
        }

    ul.videos a.u
    {
        font-size: 0.9em;
        font-weight: normal;
    }

ul.videosV
{
    clear: both;
}

    ul.videosV li
    {
        margin: 0 0 10px 0;
        height: 1%;
    }

    ul.videosV .vid
    {
        float: left;
        width: 98px;
        height: 58px;
        position: relative;
    }

        ul.videosV .vid a.v
        {
            background-color: #f0f0f0;
            display: block;
            padding: 4px;
        }

            ul.videosV .vid a.v:hover
            {
                background-color: #f6921e;
            }

        ul.videosV .vid img
        {
            width: 90px;
            height: 50px;
        }

        ul.videosV .vid .time
        {
            display: block;
            width: 94px;
            height: 16px;
            position: absolute;
            text-align: right;
            top: 39px;
        }

            ul.videosV .vid .time span
            {
                background-color: #666;
                font-size: 0.8em;
                color: #eee;
                line-height: 16px;
                padding: 0 2px;
            }

    ul.videosV .name
    {
        font-size: 1.1em;
        font-weight: bold;
        height: 2.5em;
        overflow: hidden;
        margin-bottom: 2px;
    }

    ul.videosV .rate
    {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.videosV .rate .rating
        {
            float: left;
        }

    ul.videosV a.u
    {
        font-size: 0.9em;
        font-weight: normal;
    }

ul.vidM .video
{
    height: 122px;
}

.wall .row
{
    margin-bottom: 5px;
}

ul.list li
{
    padding: 6px 0;
}

.parentalControls ol > li
{
    border: none;
}

.parentalControls ul > li
{
    padding-bottom: 20px;
}

ul.pdfs
{
    margin: 5px 0 2px 0;
}

    ul.pdfs li
    {
        padding-left: 20px;
        line-height: 18px;
        margin-bottom: 10px;
        background: url(../images/mime/pdf.png) 0 2px no-repeat;
    }

/******************************************* 
	Messages
*******************************************/
.confirmation
{
}

    .confirmation .content
    {
        margin: 20px auto;
        width: 600px;
    }

    .confirmation .text
    {
        background: #fce1b6;
        border: solid 5px #feb266;
        margin: 10px 0;
        padding: 5px 0;
    }

#content .confirmation .text p
{
    padding: 5px 10px;
    margin: 0;
}

.confirm
{
    margin: 20px auto;
    width: 500px;
}

#content .confirm .rounded
{
    background: #f19720;
}

#content .confirm .panel
{
    margin-bottom: 5px;
}

#content .confirm .cc
{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

.confirm .cc p
{
    margin: 0.5em 0;
}

.confirm li
{
    margin: 0;
}

.confirm .cc a
{
    color: #fff;
    text-decoration: underline;
}

    .confirm .cc a:hover
    {
        color: #eee;
    }

#content .confirm label
{
    color: #fff;
}

#content .confirm .f
{
    width: 100px;
}

#content .confirm input.t
{
    font-size: 1em;
    font-weight: normal;
}

#content .confirm h2, #content .confirm h3
{
    color: #f6921e;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0;
    margin-bottom: 5px;
}

.confirmAvatar .cc p
{
    margin-left: 50px;
}

.confirmAvatar .avatar
{
    margin-top: 4px;
}

div.construction
{
    margin: 30px auto 50px auto;
    width: 600px;
}

#content .construction .rounded
{
    background: url(../images/bg/construction.gif);
}

#content .construction .cc
{
    text-align: center;
    height: 200px;
}

#content .construction h3
{
    color: #f19720;
    font-size: 1.4em;
    font-weight: bold;
    margin: 50px 0 10px 0;
    text-align: center;
}

#content .construction p
{
    color: #f19720;
    font-size: 1.2em;
    line-height: 1.6em;
}

div.help
{
    background: url(../images/bg/help.gif) no-repeat 0 2px;
    color: #777;
    font-size: 1.1em;
    min-height: 30px;
}

.help p
{
    padding: 0 0 0.5em 28px;
}

.help h3, .help h4
{
    padding: 0 0 0.5em 28px;
    margin: 0;
}

.help a
{
    color: #444;
    text-decoration: underline;
}

    .help a:hover
    {
        color: #f6921e;
    }

.help .dotted
{
    color: #444;
    border-color: #444;
}

.help .faq
{
    margin-left: 28px;
}

.help ul
{
    margin-bottom: 0.5em;
}

    .help ul li
    {
        list-style-type: disc;
        margin: 2px 0 2px 25px;
    }

.panel div.help
{
    background: none;
    min-height: auto;
}

    .panel div.help p, .panel div.help h3
    {
        padding-left: 0;
    }

a.helptip
{
    background: url(../images/bg/help.gif) no-repeat 0 2px;
    color: #777;
    font-size: 1.1em;
    height: 30px;
    width: 30px;
    margin-right: 100px;
    float: right;
}

    a.helptip span
    {
        display: none;
        font-size: 0.9em;
    }

    a.helptip .arrow
    {
        background: url(../images/tooltip/arrow.png) no-repeat 0 2px;
        display: block;
        z-index: 101;
        position: relative;
        width: 20px;
        height: 40px;
    }

    a.helptip:hover span
    {
        display: block;
        z-index: 101;
        position: relative;
        left: 20px;
        top: -15px;
    }

    a.helptip:hover .tipContent
    {
        border: 1px black solid;
        padding: 5px;
        position: relative;
        width: 300px;
        z-index: 100;
        top: -65px;
        left: 19px;
        text-decoration: none;
        background: #FFF;
        border-radius: 10px;
    }

#content div.help h3
{
    font-size: 1.4em;
    margin: 0;
}

#content div.help h4
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

p.help
{
    color: #777;
}

.help .dark
{
    color: #000;
}

.help .light
{
    color: #CCCCCC;
}

.help .blue
{
    color: #2291BE;
}

div.help.hints ul li
{
    list-style-type: none;
}

div.checkBox
{
    color: #000;
    font-size: 1.1em;
    min-height: 30px;
}

.checkBox p
{
    padding: 0 0 0 28px;
}

div.messages, div.errors
{
    clear: both;
    margin: 0 auto 1em auto;
    width: 620px;
}

#content div.messages .rounded
{
    background: #bed639 url(../images/bg/info.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.errors .rounded
{
    background: #fe5454 url(../images/bg/error.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.messages .cc, #content div.errors .cc
{
    color: #fff;
    min-height: 25px;
    padding: 8px;
    font-size: 1.2em;
}

#content div.messages h3, #content div.errors h3
{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#content div.messages li, #content div.errors li
{
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.messages a, #content div.errors a
{
    color: #fff;
    text-decoration: underline;
}

    #content div.messages a.button, #content div.errors a.button
    {
        text-decoration: none;
    }

div.messages p, div.errors p
{
    margin: 0.5em 0;
    font-size: 1.2em;
}

.col13 div.messages, .col23 div.messages, .col34 div.messages, .col24 div.messages,
.col13 div.errors, .col23 div.errors, .col34 div.errors, .col24 div.errors
{
    width: auto;
}

div#content div.messages.wikimart
{
    width: 770px;
}

    div#content div.messages.wikimart div.rounded
    {
        background: #fdf0df url(../images/bg/notify_blue.png) no-repeat 10px 15px;
    }

        div#content div.messages.wikimart div.rounded div.cc
        {
            color: #2291BE;
            padding: 14px 10px;
        }

            div#content div.messages.wikimart div.rounded div.cc a
            {
                color: #2291BE;
            }


div.information
{
    display: none;
    position: absolute;
    clear: both;
    margin: 0 auto 1em auto;
    width: 480px;
    z-index: 999;
    top: 40px;
    left: 550px;
}

#content div.information .rounded
{
    background: #fe5454 url(../images/bg/error.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.information .cc
{
    color: #fff;
    min-height: 35px;
    padding: 4px 10px 4px 0px;
    font-size: 1.2em;
}

#content div.information h3
{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#content div.information li
{
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.information a
{
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

    #content div.information a.button, #content div.errors a.button
    {
        text-decoration: none;
    }

div.information p
{
    margin: 0.5em 0;
    font-size: 1.2em;
}

.col13 div.information, .col23 div.information, .col34 div.information, .col24 div.information
{
    width: auto;
}

div.notification
{
    clear: both;
    color: #666;
    font-size: 1.2em;
    margin: 0 auto 1em auto;
    width: 620px;
}

#content div.notification .rounded .cc
{
    min-height: 25px;
    padding: 8px;
}

#content div.notification .rounded
{
    background: #f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.notification h3
{
    color: #999;
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}

#content div.notification p
{
    margin: 0.3em 0;
}

#content div.notification .cc ol li
{
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.notification .cc a
{
    text-decoration: underline;
}

#content .col23 div.notification, #content .col34 div.notification
{
    clear: both;
    margin: 0 0 1em 0;
    width: auto;
}

div.notification form
{
    margin-top: 20px;
}

    div.notification form .button
    {
        font-size: 1.2em;
    }

#content .col23 .s2 ul.bullets li
{
    width: 560px;
}

div.appServiceMessage
{
    clear: both;
    color: #666;
    font-size: 1.2em;
    margin: 0 auto 1em auto;
    width: 620px;
}

    div.appServiceMessage .rounded .cc
    {
        min-height: 25px;
        padding: 4px 10px 4px 0px;
    }

    div.appServiceMessage .rounded
    {
        background: #f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px;
        padding-left: 45px;
    }

    div.appServiceMessage h3
    {
        color: #999;
        font-size: 1.4em;
        margin: 0 0 0.5em 0;
    }

    div.appServiceMessage p
    {
        margin: 0.3em 0;
    }

    div.appServiceMessage .cc ol li
    {
        list-style-type: decimal;
        margin: 0 0 10px 20px;
    }

    div.appServiceMessage .cc a
    {
        text-decoration: underline;
    }

.welcome
{
}

#content .welcome .panel .cc
{
    background: red;
    height: 15em;
    padding: 15px;
    position: relative;
}

.welcome input.t
{
    width: 96%;
}

.welcome input.button
{
    position: absolute;
    right: 6px;
    bottom: 2px;
}

#content .welcome .green .rounded
{
    background-color: #e9f0f7;
}

#content .welcome .orange .rounded
{
    background-color: #e9f0f7;
}

#content .welcome .yellow .rounded
{
    background-color: #e9f0f7;
}

#content .welcome .yellow form
{
    margin-top: 3em;
}

#content .welcome .green h3
{
    color: #badb3c;
    font-size: 1.6em;
    font-weight: bold;
}

#content .welcome .orange h3
{
    color: #f19720;
    font-size: 1.6em;
    font-weight: bold;
}

#content .welcome .yellow h3
{
    color: #fad60d;
    font-size: 1.6em;
    font-weight: bold;
}

.welcome li
{
    color: #eb8601;
    margin: 0 0 10px 10px;
    font-size: 1.2em;
    font-weight: bold;
    list-style: disc;
}

    .welcome li a
    {
        color: #4b87c7;
    }

        .welcome li a:hover
        {
            background-color: Transparent;
            text-decoration: underline;
        }

ul.errors
{
    color: Red;
}

    ul.errors li
    {
        list-style-type: decimal;
        margin: 0 0 5px 20px;
    }

ul.alerts
{
    color: #FF9900;
}

    ul.alerts li
    {
        list-style-type: decimal;
        margin: 0 0 5px 20px;
    }

.choose
{
    float: right;
    width: 280px;
}

    .choose select
    {
        width: 280px;
    }

a.link
{
    font-size: 1.2em;
    font-weight: bold;
}

a.linkDelete
{
    margin-left: 5px;
    vertical-align: middle;
}

    a.linkDelete:hover
    {
        background-color: Transparent;
    }

.alphabet
{
    font-size: 1.2em;
    margin: 10px 5px 5px 5px;
}

    .alphabet a
    {
        margin: 0 2px 0 0;
    }

div.links
{
    padding-bottom: 10px;
}

    div.links ul
    {
        padding: 5px 0px;
    }

    div.links li
    {
        color: #999;
        clear: both;
        margin: 2px 0;
    }

        div.links li a
        {
            display: block;
            font-size: 1.4em;
            font-weight: bold;
            padding: 2px 4px;
        }

#content div.links .rounded .cc
{
    padding: 0 4px;
}

    #content div.links .rounded .cc .loading
    {
        line-height: 1.4em;
        margin: 5px 4px 4px 4px;
    }

#content div.links .r
{
    margin-right: 10px;
}

    #content div.links .r li
    {
        float: right;
    }

ul.linkBullets
{
    margin-bottom: 20px;
}

.linkBullets li
{
    color: #999;
    font-weight: bold;
    list-style-type: disc;
    margin: 0.3em 0 0.2em 24px;
    padding: 0;
}

.actions
{
    float: right;
    margin-left: 10px;
}

    .actions a
    {
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 2px 4px;
    }

    .actions button
    {
        background: none;
        border: none;
        cursor: pointer;
    }

ul.buttons
{
    height: 4em;
}

    ul.buttons li
    {
        float: left;
        padding: 5px 0;
    }

    ul.buttons a
    {
        background: #76b9ea;
        border: solid 1px #b8defa;
        border-right-color: #5398cb;
        border-bottom-color: #5398cb;
        color: #fff;
        font-size: 1.4em;
        line-height: 26px;
        margin-left: 10px;
        overflow: visible;
        padding: 4px 8px;
        width: auto;
    }

        ul.buttons a:hover, .buttons a.light:hover
        {
            background: #f19720;
        }

        ul.buttons a.light
        {
            background: #ccc;
            border: solid 1px #eee;
            border-right-color: #999;
            border-bottom-color: #999;
        }

div.buttons
{
    height: 2.2em;
}

.icons a.button, a.button
{
    background: #76b9ea;
    border: solid 1px #b8defa;
    border-right-color: #5398cb;
    border-bottom-color: #5398cb;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.4em;
    margin-right: 10px;
    overflow: visible;
    padding: 2px 8px;
    width: auto;
    height: auto;
}

    .icons a.button:hover, a.button:hover
    {
        background: #f19720;
    }

.icons button, .text .button, .s2 .button
{
    font-size: 1.2em;
}

.icons .r a.button, .r a.button
{
    margin: 0 0 0 10px;
}

.buttonsOr
{
    text-align: center;
}

    .buttonsOr a
    {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0 2px;
        vertical-align: middle;
    }

        .buttonsOr a.yes:hover
        {
            background-color: Green;
        }

        .buttonsOr a.no:hover
        {
            background-color: Red;
        }

.icons
{
    float: right;
}

#content .icons
{
    float: right;
}

    #content .icons li
    {
        border: none;
        clear: none;
        float: left;
        list-style: none;
        margin: 0 0 0 4px;
        padding: 0;
    }

.icons a
{
    background: url(../images/sprites/global.png?001) no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}

    .icons a.close
    {
        display: none;
    }

.icons span
{
    display: none;
}

.icons .iA a
{
    background-position: -760px 0;
}

    .icons .iA a:hover
    {
        background-position: -760px -24px;
    }

.icons .iD a
{
    background-position: -736px 0;
}

    .icons .iD a:hover
    {
        background-position: -736px -24px;
    }

.icons .iFA a
{
    background-position: -808px 0;
}

    .icons .iFA a:hover
    {
        background-position: -808px -24px;
    }

.icons .iFD a
{
    background-position: -784px 0;
}

    .icons .iFD a:hover
    {
        background-position: -784px -24px;
    }

.icons .iE a
{
    background-position: -688px 0;
}

    .icons .iE a:hover
    {
        background-position: -688px -24px;
    }

.icons .iM a
{
    background-position: -664px 0;
}

    .icons .iM a:hover
    {
        background-position: -664px -24px;
    }

.icons .iS a
{
    background-position: -712px 0;
}

    .icons .iS a:hover
    {
        background-position: -712px -24px;
    }

.icons .iW a
{
    background-position: -832px 0;
}

    .icons .iW a:hover
    {
        background-position: -832px -24px;
    }

.icons li div.lock
{
    text-align: center;
}

.icons li div.lock
{
    background: url(../images/icons/lock.gif) no-repeat;
    height: 20px;
    width: 20px;
    margin-top: 4px;
    margin-right: -4px;
    margin-left: 4px;
}

.toolbar .spec a
{
    white-space: nowrap;
    float: left;
}

    .toolbar .spec a span
    {
        background: url(../images/sprites/global.png?001) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -3px;
        margin-right: 3px;
    }

.toolbar .spec.iA a span
{
    background-position: -760px 0;
}

.toolbar .iA a:hover span
{
    background-position: -760px -24px;
}


.icons .iEg a
{
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: -24px 24px;
}

.icons .iDg a
{
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: -72px 24px;
}

.icons .iMg a
{
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: 0 24px;
}

.icons .iCp a
{
    background: url(../images/sprites/buttons.gif);
    background-position: 24px 0px;
}

    .icons .iCp a:hover
    {
        background: url(../images/sprites/buttons.gif);
        background-position: 24px 24px;
    }

.icon.edit
{
    position: absolute;
    background: url(../images/sprites/buttons.gif);
    background-position: 189px -2px;
    height: 13px;
    width: 20px;
}

    .icon.edit:hover
    {
        background: url(../images/sprites/buttons.gif);
        background-position: 190px 22px;
    }

.i1
{
    width: 24px;
}

#content .i1 li
{
    margin: 0;
}

a#IDSchoolAdministration,
a#organization_administration
{
    background: url(../images/sprites/global.png) no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    background-position: -464px 0;
    float: right;
    margin-bottom: 5px;
}


.iconsL
{
    float: right;
}

    .iconsL li
    {
        float: left;
        margin: 0 0 0 10px;
    }

    .iconsL a
    {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 32px;
        width: 32px;
    }

    .iconsL span
    {
        display: none;
    }

    .iconsL .iA a
    {
        background-position: -528px 0;
    }

        .iconsL .iA a:hover
        {
            background-position: -528px -32px;
        }

    .iconsL .iD a
    {
        background-position: -496px 0;
    }

        .iconsL .iD a:hover
        {
            background-position: -496px -32px;
        }

    .iconsL .iFA a
    {
        background-position: -560px 0;
    }

        .iconsL .iFA a:hover
        {
            background-position: -560px -32px;
        }

    .iconsL .iFD a
    {
        background-position: -592px 0;
    }

        .iconsL .iFD a:hover
        {
            background-position: -592px -32px;
        }

    .iconsL .iE a
    {
        background-position: -432px 0;
    }

        .iconsL .iE a:hover
        {
            background-position: -432px -32px;
        }

    .iconsL .iM a
    {
        background-position: -400px 0;
    }

        .iconsL .iM a:hover
        {
            background-position: -400px -32px;
        }

    .iconsL .iS a
    {
        background-position: -464px 0;
    }

        .iconsL .iS a:hover
        {
            background-position: -464px -32px;
        }

    .iconsL .iW a
    {
        background-position: -624px 0;
    }

        .iconsL .iW a:hover
        {
            background-position: -624px -32px;
        }

    .iconsL .iAg a
    {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -128px 0;
    }

        .iconsL .iAg a:hover
        {
            background-position: -128px 0;
        }

    .iconsL .iDg a
    {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -96px 0;
    }

        .iconsL .iDg a:hover
        {
            background-position: -96px 0;
        }

    .iconsL .iEg a
    {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -32px 0;
    }

        .iconsL .iEg a:hover
        {
            background-position: -32px 0;
        }

.pager
{
    clear: both;
    margin-top: 10px;
}

#content .pager h6
{
    color: #999;
    font-size: 1.0em;
    font-weight: normal;
}

.pager ul
{
    margin: 5px 0 0 20px;
}

.pager li
{
    display: inline;
    margin-right: 4px;
    font-size: 1.4em;
}

    .pager li b
    {
        background-color: #f0f0f0;
        padding: 0 4px;
    }

    .pager li a
    {
        background-color: #fff;
        padding: 0 2px;
    }

        .pager li a:hover
        {
            background-color: #32a1ce;
            color: #fff;
        }

.play
{
    float: left;
    margin-right: 6px;
}

    .play li
    {
        float: left;
        margin: 0 4px 0 0;
        padding: 0;
    }

    .play a, .play div
    {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
    }

    .play span
    {
        display: none;
    }

    .play .pB a
    {
        background-position: -864px 0;
    }

        .play .pB a:hover
        {
            background-position: -864px -24px;
        }

    .play .pF a
    {
        background-position: -888px 0;
    }

        .play .pF a:hover
        {
            background-position: -888px -24px;
        }

    .play .pB div
    {
        background-position: -864px -48px;
    }

    .play .pF div
    {
        background-position: -888px -48px;
    }

.playB, .playF
{
    background: url(../images/sprites/global.png) no-repeat -864px 0;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}

    .playB span, .playF span
    {
        display: none;
    }

    .playB:hover
    {
        background-position: -864px -24px;
    }

.playF
{
    float: right;
    background-position: -888px 0;
}

    .playF:hover
    {
        background-position: -888px -24px;
    }

.player
{
    height: 50px;
    margin-bottom: 10px;
}

    .player h3
    {
        margin: 0;
        padding: 0;
    }

    .player .filter
    {
        float: left;
    }

    .player .play
    {
        height: 50px;
    }

.panel .cc .player
{
    height: 40px;
}

.owner .player
{
    height: auto;
    margin: 0;
}

ul.crumbs
{
    font-size: 1.0em;
    margin-bottom: 5px;
}

.crumbs li
{
    display: inline;
}

.crumbs em
{
    color: #ccc;
    font-style: normal;
    padding: 0 5px;
}

ul.dashboard
{
}

.dashboard a.orange
{
    font-weight: bold;
}

.dashboard li
{
    float: left;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0 0 0 0;
    width: 130px;
}

    .dashboard li ul
    {
        clear: left;
        margin: 5px 10px 0 0;
    }

    .dashboard li li
    {
        color: #999;
        float: none;
        font-size: 1.0em;
        font-weight: normal;
        line-height: 1.0em;
        margin: 0;
        padding: 4px 0 4px 0;
        width: auto;
    }

#content .dashboard h3
{
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 1.2em;
    font-weight: bold;
}

.dashboard h3 sup
{
    color: #999;
    font-weight: normal;
    padding-left: 3px;
}

.dash2 li
{
    font-size: 1.2em;
    margin-bottom: 10px;
    width: 33%;
}

#content .dash2 h3
{
    padding: 0 0 0 22px;
}

.dash2 li li
{
    margin-left: 22px;
}

ul.nav_list li
{
    color: #999;
    font-weight: bold;
    list-style-type: disc;
    margin: 2px 0 2px 16px;
}

    ul.nav_list li.step
    {
        margin-bottom: 10px;
    }

    ul.nav_list li.nobullet
    {
        list-style-type: none;
    }

ul.menuH
{
}

    ul.menuH li
    {
        float: left;
        font-size: 1.4em;
        font-weight: bold;
        margin: 2px 20px 20px 0;
    }

    ul.menuH img
    {
        vertical-align: middle;
    }

.menuV
{
    margin-top: 5em;
}

    .menuV a
    {
        line-height: 1.4em;
        padding: 2px 6px;
    }

        .menuV a.active
        {
            color: #f6921e;
            font-weight: bold;
        }

    .menuV ul a.active
    {
        background-color: #f6921e;
        color: #fff;
    }

    .menuV li
    {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4em;
        margin: 4px 0;
    }

        .menuV li li
        {
            color: #598527;
            font-size: 1.0em;
            font-weight: normal;
            margin: 0.2em 0 0.2em 15px;
        }

.filter
{
    float: right;
    line-height: 2em;
}

    .filter li
    {
        float: left;
        margin-left: 2px;
    }

        .filter li.active a
        {
            background-color: #32a1ce;
            color: #fff;
        }

    .filter a
    {
        padding: 2px 6px;
    }

.iconbar
{
    float: right;
    height: 42px;
    width: auto;
}

    .iconbar li
    {
        float: right;
        width: 32px;
        height: 32px;
        margin: 0 0 10px 10px;
    }

        .iconbar li a
        {
            cursor: pointer;
        }

    .iconbar img
    {
        width: 32px;
        height: 32px;
        vertical-align: middle;
    }

ul.stepper
{
    height: 5em;
}

    ul.stepper li.prev, ul.stepper li.next
    {
        color: #ddd;
        font-size: 2.4em;
        width: 50px;
    }

        ul.stepper li.prev a, ul.stepper li.next a
        {
            padding: 0 0.1em;
        }

    ul.stepper li.prev
    {
        float: left;
    }

    ul.stepper li.next
    {
        float: right;
        text-align: right;
    }

    ul.stepper li.stat
    {
        text-align: center;
    }

        ul.stepper li.stat strong
        {
            font-size: 1.8em;
            vertical-align: middle;
        }

#formStat .button
{
    font-size: 14px;
}

.switch
{
    font-size: 1.1em;
    min-height: 40px;
}

    .switch li
    {
        float: left;
        margin-right: 5px;
    }

        .switch li a
        {
            display: block;
            padding: 1px 6px;
            margin-bottom: 2px;
            font-size: 14px;
        }

        .switch li span
        {
            color: #666;
            display: block;
            padding: 1px 0 1px 6px;
            margin-bottom: 2px;
            font-size: 14px;
        }

        .switch li.active a
        {
            background-color: #32a1ce;
            color: #fff;
        }

            .switch li.active a:hover
            {
                background-color: #44c5ea;
                color: #fff;
            }

            .switch li.active a#switchLessonOverrided
            {
                background-color: #a2c22a;
            }

            .switch li.active a#switchLessonCancelled
            {
                background-color: #f00;
            }

.panel .cc .switch
{
    min-height: 1.4em;
}

.panel .cc .support
{
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.s2 .switch li a
{
    padding: 4px 8px;
}

.modal .switch li a
{
    font-size: 1.0em;
    padding: 4px 8px;
}

.tabs
{
    clear: both;
    padding-bottom: 20px;
}

    .tabs ul
    {
        border-bottom: solid 1px #dce3e7;
        color: #666;
        height: 26px;
        position: relative;
    }

    .tabs .tc1, .tabs .tc2
    {
        background: url(../images/sprites/global.png) no-repeat;
        width: 6px;
        height: 6px;
        position: absolute;
        z-index: 10 !important;
    }

    .tabs .tc1
    {
        top: 0;
        left: 0;
    }

    .tabs .tc2
    {
        top: 0;
        right: 0;
    }

    .tabs .tc1
    {
        background-position: -840px -318px;
    }

    .tabs .tc2
    {
        background-position: -994px -318px;
    }

    .tabs li
    {
        float: left;
        position: relative;
        top: 1px;
    }

        .tabs li a, .tabs li span
        {
            background: #e6f6fc url(../images/sprites/global.png) no-repeat -776px -218px;
            border: solid 1px #dce3e7;
            display: block;
            font-size: 110%;
            line-height: 24px;
            padding: 0 15px;
        }

            .tabs li a:hover
            {
                background-position: -776px -268px;
                color: #32a1ce;
            }

        .tabs li.active
        {
            border-bottom: solid 1px #fff;
        }

            .tabs li.active a, .tabs li.active span
            {
                background-color: #fff;
                background-position: -776px -168px;
                border-bottom: none;
                color: #eb8601;
                font-weight: bold;
            }

                .tabs li.active a:hover
                {
                    color: #f19720;
                }

.comboboxTabs
{
    float: left;
    padding-bottom: 10px;
}

    .comboboxTabs #addButton
    {
        float: left;
        font-weight: bold;
        font-size: 1.2em;
        margin-top: 25px;
    }

    .comboboxTabs .tabs
    {
        float: left;
        padding-bottom: 0px;
    }

    .comboboxTabs ul
    {
        border: none;
    }

    .comboboxTabs li
    {
        width: auto;
    }

    .comboboxTabs .tabWrapper
    {
        border: solid 1px #DCE3E7;
        min-height: 52px;
    }

    .comboboxTabs li a
    {
        display: table-cell;
        vertical-align: middle;
        float: left;
        border: none;
    }

    .comboboxTabs li span
    {
        max-height: 50px;
        background: transparent;
        border: none;
        cursor: pointer;
        text-align: center;
        font-size: .8em;
        font-weight: bold;
        line-height: 17px;
        padding: 0px;
    }

    .comboboxTabs .active .tabWrapper
    {
        margin: 0 -11px;
    }

    .comboboxTabs select
    {
        width: 90px;
    }

    .comboboxTabs li.active
    {
        width: 180px;
        background: url(../images/sprites/global.png) no-repeat -776px -218px;
        display: block;
        padding: 0 12px;
        background-position: -776px -168px;
        border-bottom: none;
        font-weight: bold;
    }

        .comboboxTabs li.active a
        {
            height: 17px;
            margin-bottom: 5px;
            background-color: transparent;
            border: none !important;
            border-bottom: white;
        }

    .comboboxTabs .active select
    {
        margin-left: 10px;
        width: 180px;
    }

    .comboboxTabs li span.delete
    {
        background: url(../images/icons/delete.gif)!important;
        width: 16px;
        height: 16px;
        padding: 0px;
        border: none;
        float: right;
        cursor: pointer;
        display: none;
    }

    .comboboxTabs li a.class
    {
        padding: 0 15px;
        font-size: 13px;
        line-height: 22px;
        color: #EB8601;
        height: 15px;
    }

.toolbar
{
}

    .toolbar li
    {
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 16px 20px 0;
    }

#content .toolbar li.r
{
    margin: 0 0 20px 16px;
}

.toolbar img
{
    vertical-align: middle;
    padding-right: 4px;
}

.viewMode
{
    float: right;
    width: 56px;
}

    .viewMode li
    {
        float: left;
        padding-left: 4px;
    }

    .viewMode a
    {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
    }

    .viewMode span
    {
        display: none;
    }

    .viewMode .vG a
    {
        background-position: -952px -56px;
    }

        .viewMode .vG a:hover
        {
            background-position: -952px -80px;
        }

        .viewMode .vG a.active
        {
            background-position: -952px -80px;
        }

    .viewMode .vL a
    {
        background-position: -976px -56px;
    }

        .viewMode .vL a:hover
        {
            background-position: -976px -80px;
        }

        .viewMode .vL a.active
        {
            background-position: -976px -80px;
        }

.wizard
{
    clear: both;
    padding-bottom: 0px;
}

    .wizard ul
    {
        color: #666;
        height: 40px;
        font-size: 1.4em;
    }

.smallWizard ul
{
    font-size: 1.2em;
}

.wizard li
{
    background: url(../images/bgTo.gif) no-repeat 0 0;
    float: left;
    padding: 0.5em 10px 0 50px;
    height: 40px;
}

    .wizard li.first
    {
        background: none;
        padding-left: 0;
    }

    .wizard li.active
    {
    }

        .wizard li.active a, .wizard li.active
        {
            color: #eb8601;
            font-weight: bold;
        }

            .wizard li.active a:hover
            {
                color: #f19720;
            }

/******************************************* 
	Object
*******************************************/
a.avatar, div.avatar
{
    background: #dde7f6;
    display: block;
    float: left;
    padding: 2px;
}

    a.avatar:hover
    {
        background: #f7941d !important;
    }

a.orderPage:hover
{
    background: #dde7f6 !important;
}

a.avatar img, div.avatar img
{
    float: left;
}

div.avatarL
{
    float: left;
    margin: 0 10px 0 0;
    height: 150px;
    width: 150px;
}

div.avatar150
{
    background: url(../images/bg/avatar150.gif) no-repeat top center;
    float: left;
    text-align: center;
    width: 240px;
    margin-top: 10px;
}

.avatar150 img
{
    padding: 26px 0 0 0;
}

div.avatar150x150
{
    background: url(../images/bg/avatar150x150.gif) no-repeat center center;
    float: left;
    height: 240px;
    text-align: center;
    width: 240px;
}

.avatar150x150 img
{
    padding: 45px 0;
    height: 150px;
    width: 150px;
}

a.avatar img.paper
{
    margin: 0px;
}

div.avatarLeft
{
    float: left;
    width: 220px;
}

div.avatarRight
{
    float: right;
    width: 370px;
}

    div.avatarRight ul.bullets li
    {
        width: 97%;
    }

div#avatarDeleteButton
{
    position: absolute;
    margin-top: 2px;
    margin-left: 154px;
    display: none;
}

.achtung
{
    color: #444;
    padding: 2px 4px;
    font-size: 1em;
    position: absolute;
    top: 45px;
}

    .achtung strong
    {
        background-color: red;
        color: #fff;
        font-size: 1.8em;
    }

    .achtung div.queries
    {
        font-size: 0.4em;
        width: 900px;
        word-wrap: break-word;
    }

    .achtung div.queryItem
    {
        border-bottom: solid 1px #DDD;
        background-color: white;
        color: black;
        padding: 2px;
    }

a.abuse
{
    background: url(../images/icons/ahtung.png) no-repeat left center;
    padding: 2px 2px 2px 18px;
}

    a.abuse:hover
    {
        color: #f00;
    }

a.abuse
{
    visibility: hidden;
}

    a.abuse.visible
    {
        visibility: visible;
    }

.alarm
{
    background: #f0f0f0;
    color: #666;
    font-size: 1.4em;
    padding: 6px 0;
    text-align: center;
}

.banner
{
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.col13 .banner
{
    text-align: center;
}

.col13 .stepLeft .banner
{
    padding-left: 20px;
}

.col13v .banner
{
    padding-left: 25px;
}

.col24 .banner
{
    text-align: center;
}

.col14 .banner
{
    text-align: center;
}

.col14 .stepLeft .banner
{
    padding-left: 0px;
}

.cancelled
{
    background: url(../images/bg/cross.png) no-repeat center center;
}

.checksum
{
    clear: both;
    color: #999;
    padding-top: 10px;
}

.createdUpdated
{
    color: #999;
    font-size: 0.9em;
    margin-top: 10px;
}

    .createdUpdated .u
    {
        font-weight: normal;
    }

.toggle
{
    background: url(../images/sprites/global.png) -928px -4px no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    cursor: pointer;
}

.toggleMinus
{
    background-position: -928px -35px;
}

.feedScroll .cc
{
    overflow: auto;
    overflow-x: hidden;
    height: 200px;
}

.found
{
    color: #999;
    clear: both;
    padding: 0 0 10px 0;
    width: 100%;
}

.icon
{
    background-position: 0 0;
    background-repeat: no-repeat;
}

.iAdd
{
    background-image: url(../images/icons/add.png);
}

.iAddressBook
{
    background-image: url(../images/icons/addressBook.png);
}

.iBook
{
    background-image: url(../images/icons/book.png);
}

.iAsterisk
{
    background-image: url(../images/icons/asterisk.png);
}

.iBlog
{
    background-image: url(../images/icons/blog.png);
}

.iCal
{
    background-image: url(../images/icons/calendar.gif);
}

.iClone
{
    background-image: url(../images/icons/clone.png);
}

.iDelete
{
    background-image: url(../images/icons/delete.gif);
}

.iEdit
{
    background-image: url(../images/icons/edit.gif);
}

.iEmail
{
    background-image: url(../images/icons/email.png);
}

.iFolderUser
{
    background-image: url(../images/icons/folderUser.png);
}

.iGadu
{
    background-image: url(../images/icons/gadu.gif);
}

.iGroup
{
    background-image: url(../images/icons/group.png);
}

.iICQ
{
    background-image: url(../images/icons/icq.gif);
}

.iLock
{
    background-image: url(../images/icons/lock.gif);
}

.iMSN
{
    background-image: url(../images/icons/msn.gif);
}

.iPencil
{
    background-image: url(../images/icons/pencil.png);
}

.iPhone
{
    background-image: url(../images/icons/phone.png);
}

.iPhotos
{
    background-image: url(../images/icons/photos.png);
}

.iPlus
{
    background-image: url(../images/icons/plus.png);
}

.iRemove
{
    background-image: url(../images/icons/remove.png);
}

.iSearch
{
    background-image: url(../images/icons/search.gif);
}

.iSearch2
{
    background-image: url(../images/icons/search.png);
}

.iSettings
{
    background-image: url(../images/icons/settings.png);
}

.iSkype
{
    background-image: url(../images/icons/skype.gif);
}

.iTelephone
{
    background-image: url(../images/icons/telephone.png);
}

.iTlen
{
    background-image: url(../images/icons/tlen.gif);
}

.iUser
{
    background-image: url(../images/icons/user.png);
}

.iUserGray
{
    background-image: url(../images/icons/userGray.png);
}

.iUserGreen
{
    background-image: url(../images/icons/userGreen.png);
}

.iUserOrange
{
    background-image: url(../images/icons/userOrange.png);
}

.iUserRed
{
    background-image: url(../images/icons/userRed.png);
}

.iVcard
{
    background-image: url(../images/icons/vcard.png);
}

.iAppBlocks
{
    background-image: url(../images/icons/app-blocks.png);
}

.iTwitter
{
}

.iSite
{
}

.socials
{
    background-image: url(../images/icons/32/socials.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 9px;
}

    .socials.twitter
    {
        background-position: 0 0;
    }

    .socials.facebook
    {
        background-position: -32px 0;
    }

    .socials.vk
    {
        background-position: -67px 0;
    }

    .socials.odnoklassiniki
    {
        background-position: -102px 0;
    }

    .socials.youtube
    {
        background-position: -134px 0;
    }

    .socials.lj
    {
        background-position: -168px 0;
    }

.removeFranchiseeButton,
.addFranchiseeButton
{
    width: 21px;
    height: 18px;
    display: inline-block;
}

.invite
{
    background: #ffeaaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    clear: both;
    color: #666;
    height: 2.2em;
    margin-bottom: 20px;
    padding: 6px 10px 6px 6px;
}

    .invite p
    {
        font-size: 1.2em;
        padding: 0.3em 0 0 6px;
    }

    .invite .button
    {
        margin: 0 0 0 6px;
    }

    .invite .loading
    {
        height: 2em;
    }

.loading
{
    background: url(../images/loadingWhite.gif) no-repeat center center;
}

.done_good
{
    background: url(../images/icons/apply.png) no-repeat center center !important;
}

.done_error
{
    background: url(../images/icons/ahtung.png) no-repeat center center !important;
}

div.preview.loading
{
    background: url(../images/loadingWhite.gif) no-repeat 110px 40px !important;
}

div.loading
{
    width: 16px;
    height: 16px;
}

div.loadingLabel
{
    background-position: top left !important;
    color: #999;
    width: 100%;
}

.row .loadingLabel
{
    min-height: 2.1em;
}

.loadingLabel h4, .loadingLabel p
{
    padding-left: 22px;
}

#content .loadingLabel h4
{
    color: #aaa;
    font-size: 1.2em;
    font-weight: bold;
}

.loadingContainer .loading
{
    background-color: #fff;
    background-position: center center;
    clear: both;
    height: 40px;
    width: 100%;
}

.progressbar
{
    width: 100%;
    height: 16px;
    background: url(../images/loading.gif) no-repeat center center !important;
}


.message .to
{
    background: url(../images/bgTo.gif) 0 0 no-repeat;
    margin-left: 10px;
    padding-left: 50px;
}

.message .author
{
    float: left;
    padding-bottom: 13px;
}

    .message .author .avatar
    {
        margin: 0 10px 0 0;
    }

    .message .author img
    {
        float: left;
        vertical-align: top;
        height: 40px;
        width: 40px;
    }

    .message .author .u
    {
        font-size: 1.2em;
    }

    .message .author .date
    {
        color: #999;
        padding-bottom: 2px;
    }

.message .content
{
    border-top: solid 1px #ccc;
    clear: both;
    color: #333;
    font-size: 1.2em;
    padding: 10px 0 20px 0;
    min-height: 60px;
}

.owner
{
    padding-bottom: 20px;
}

    .owner .avatar
    {
        margin: 0 10px 20px 0;
        float: left;
    }

        .owner .avatar img
        {
            height: 40px;
            width: 40px;
        }

#content .owner h2
{
    line-height: 1em;
    padding: 0;
    float: left;
}

    #content .owner h2 a.u
    {
        font-weight: normal;
    }

#content #subheader
{
    width: 940px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

    #content #subheader .crumbs
    {
        width: 600px;
        float: left;
    }

#content .breadcrumbs a
{
    margin-right: 10px;
}

#content #last_user_viewer
{
    float: right;
    font-weight: bold;
    color: #999;
}

#content #subheader .switcher
{
    float: left;
}

    #content #subheader .switcher a
    {
        background: url(../images/sprites/global.png) no-repeat;
        display: inline-block;
        height: 24px;
        width: 24px;
        float: left;
    }

        #content #subheader .switcher a.backward
        {
            background-position: -864px 0;
        }

            #content #subheader .switcher a.backward:hover
            {
                background-position: -864px -24px;
            }

        #content #subheader .switcher a.forward
        {
            background-position: -888px 0;
        }

            #content #subheader .switcher a.forward:hover
            {
                background-position: -888px -24px;
            }

#content #subheader .info
{
    width: 550px;
    float: left;
}

#content #subheader .avatar
{
    margin-right: 5px;
}

    #content #subheader .avatar img
    {
        width: 44px;
        float: left;
    }

#content #subheader h2
{
    width: 550px;
    float: left;
    margin: 0;
    padding-bottom: 0;
}

#content #subheader .info h2,
#content #subheader .info p
{
    width: 480px;
}

#content #subheader p
{
    width: 550px;
    float: left;
    margin-top: 2px;
}

    #content #subheader p.details
    {
        color: #999;
    }

#content #subheader .toolbox
{
    float: right;
}

    #content #subheader .toolbox #school_selector
    {
        float: none;
        margin-bottom: 10px;
    }

#content #subheader .toolset form
{
    width: 280px;
    float: left;
}

    #content #subheader .toolset form select
    {
        width: 280px;
        float: left;
    }

    #content #subheader .toolset form label
    {
        margin-bottom: 5px;
        float: left;
    }

#content #subheader .toolbox a.version_link
{
    float: right;
    color: red;
    padding: 0 5px;
}

#content #subheader .toolbox .toolbar
{
    width: auto;
    height: 20px;
}

    #content #subheader .toolbox .toolbar li
    {
        margin-bottom: 0;
    }

#content #subheader .toolbox .all_students
{
    float: right;
    margin-left: 10px;
}

#content #subheader .toolbox #linktextAddHomework
{
    float: right;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 5px;
}

.subheader
{
    float: left;
    width: 940px;
}

    .subheader .exception
    {
        float: left;
        width: 500px;
    }

        .subheader .exception .choose
        {
            float: left;
            margin-bottom: 10px;
        }

    .subheader h2
    {
        width: 550px;
        float: left;
        padding-bottom: 10px;
    }

    .subheader .toolbox
    {
        width: 280px;
        float: right;
    }

        .subheader .toolbox .link
        {
            float: right;
            margin: 5px 0;
        }

    .subheader .small_banner
    {
        width: 210px;
        float: right;
    }

.toolset
{
    width: 335px;
    min-height: 50px;
}

    .toolset a#IDSchoolAdministration
    {
        margin-top: 0;
    }

    .toolset .icons
    {
        margin-top: 17px;
    }

    .toolset form#school_selector
    {
        width: 250px !important;
        float: left;
    }

.owner
{
    min-height: 40px;
}

    .owner p
    {
        color: #999;
        font-size: 1.0em;
        margin: 5px 0;
        padding: 0;
        width: 550px;
        float: left;
    }

    .owner h2
    {
        min-width: 550px;
    }

    .owner p.s2
    {
        font-size: 1.2em;
    }

p.info
{
    color: #999;
    padding-bottom: 10px;
}

    p.info.center
    {
        text-align: center;
    }

.online
{
    color: #f6921e;
    font-size: 90%;
    padding: 0 5px;
    letter-spacing: .1em;
    text-transform: lowercase;
    vertical-align: top;
}

div.photo
{
    min-height: 200px;
    text-align: center;
    margin-bottom: 10px;
}

    div.photo a
    {
        border: 5px solid #fff;
    }

        div.photo a:hover
        {
            background: transparent;
        }

    div.photo img
    {
        border: 10px solid #fff;
    }

a.photo img
{
    background-color: #f0f0f0;
    padding: 10px;
}

#content .post h3
{
    font-size: 1.8em;
}

.post .author
{
    color: #999;
    margin: 0 0 15px 0;
}

.post .text
{
    margin: 0 0 40px 0;
    clear: both;
}

.col23 .post .text
{
    overflow: hidden;
}

.col23v .post .text
{
    overflow: hidden;
}

.yashare-auto-init
{
    float: right;
}

.private
{
    color: #666;
    padding: 0 4px;
}

.profile
{
    margin-bottom: 20px;
}

    .profile .avatar
    {
        margin: 0 10px 0 0;
    }

        .profile .avatar img
        {
            width: 150px;
            height: 150px;
        }

    .profile .online
    {
        font-size: 80%;
        letter-spacing: normal;
    }

    .profile img.sex
    {
        display: block;
        float: left;
    }

    .profile dl
    {
        float: left;
        width: 726px;
    }

        .profile dl dt
        {
            clear: left;
            color: #666;
            float: left;
            padding: 3px 10px 3px 0;
            width: 9em;
        }

        .profile dl dd
        {
            margin: 0 0 0 10em;
            padding: 3px 0;
        }

.profileShort .avatar
{
    margin: 0 10px 0 0;
}

#content .profileShort h2
{
    margin: 0;
    padding: 0;
}

.profileShort h2 a
{
}

.profileShort p.details
{
    color: #999;
    font-size: 80%;
    margin: 0;
    padding: 0;
}

#content .promopage .panel h3
{
    font-size: 1.4em;
}

#content .promopage .rounded .cc
{
    padding: 4px 12px;
}

.promopage .col23
{
    width: 610px;
}

.promopage .col13
{
    margin-left: 30px;
}

.promopage .itemsS p
{
    color: #666;
}

.promopage .newsS a
{
    font-size: 1.2em;
}

.promopage .newsS li
{
    margin: 0 0 10px 0;
}

.promopage ul.stats li
{
    margin: 6px 0 0 0;
}

.promopage .newsFav img
{
    height: 180px;
    width: 280px;
}

.promopage .newsFav .strong
{
    padding: 6px 0 2px 0;
    font-size: 1.2em;
}

.promopage .blue2 .itemsS li
{
    background: transparent;
    padding: 0;
    border: none;
}

.promoBanner
{
    color: #999;
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: center;
}

    .promoBanner a.gray
    {
        text-decoration: underline;
    }

.slider
{
    background: #e9f0f7;
    margin-left: -5px !important;
    padding-right: 5px !important;
}

    .slider .knob
    {
        width: 20px;
        height: 80px;
        background: #ddd;
    }

    .slider .up, .slider .down
    {
        width: 20px;
        height: 20px;
        background: #e9f0f7;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
        color: #666;
    }

    .slider .active
    {
        background: #bbb;
    }

.translate ul
{
    font-size: 1.2em;
    margin-bottom: 40px;
}

    .translate ul.from
    {
        float: left;
        margin-left: 15px;
        width: 50%;
    }

    .translate ul.to
    {
        float: left;
        width: 40%;
    }

    .translate ul li
    {
        clear: left;
    }

        .translate ul li a
        {
            display: block;
            color: #2291BE;
            float: left;
            text-decoration: none;
            margin-bottom: 2px;
            padding: 2px 10px;
        }

            .translate ul li a:hover, .translate ul li a.selected
            {
                background: #2291BE;
                color: #fff;
            }

            .translate ul li a.disabled, .translate ul li a.disabled:hover
            {
                color: #ccc;
                cursor: default;
                background: transparent;
            }

    .translate ul em
    {
        color: #fff;
        font-style: normal;
    }

.translate textarea
{
    height: 140px;
}

a.thumb
{
    border: solid 2px #dde7f6;
    display: block;
}

    a.thumb:hover
    {
        border-color: #f7941d;
    }

.screen
{
    background: #f4f8fe;
    margin-bottom: 1em;
    padding: 10px;
    text-align: center;
}

    .screen img
    {
        margin: 0;
        width: 100%;
    }

.fileThumb
{
    float: left;
    width: 84px;
    height: 84px;
    margin-right: 10px;
    position: relative;
}

    .fileThumb a.i
    {
        background-color: #fff;
        border: solid 2px #f0f0f0;
        display: block;
        text-align: center;
        width: 80px;
        height: 80px;
    }

        .fileThumb a.i img
        {
            width: 32px;
            height: 32px;
            padding: 24px 0 0 0;
        }

    .fileThumb .vid .fav
    {
        width: 150px;
        height: 16px;
        position: absolute;
        top: 72px;
        left: 4px;
    }

    .fileThumb .vid .plus
    {
        display: none;
        display: block;
        width: 16px;
        height: 16px;
    }

    .fileThumb .type
    {
        color: #999;
        display: block;
        font-size: 1em;
        width: 2.5em;
        height: 16px;
        position: absolute;
        text-align: right;
        top: 2px;
        right: 4px;
    }


.object .avatar
{
    margin: 0 5px 0 0;
}

.object .name
{
    font-size: 1.2em;
    font-weight: bold;
}

.object p
{
    color: #999;
    margin: 5px 0 0 0;
}

a.u
{
    font-weight: bold;
}

#content a.u
{
    color: #8caf31;
}

    #content a.u:hover
    {
        color: #f7941d;
    }

span.u
{
    color: #888;
    font-weight: bold;
}

#content p.light a.u
{
    font-weight: normal;
    color: #999;
}

.sms-banner
{
    padding: 10px 15px;
    height: 110px;
    background-color: rgb(83,195,236);
    border-radius: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.col13 > .sms-banner
{
    text-align: center;
}

.sms-banner h5, .sms-banner h6, .sms-banner p
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.sms-banner h5
{
    font-size: 25px;
}

.sms-banner h6
{
    font-size: 15px;
}

.sms-banner p
{
    margin: 10px 0;
    font-size: 14px;
}

    .sms-banner p strong
    {
        color: rgb(255,220,103);
    }

.sms-banner a
{
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: rgb(253,145,30);
    background-image: linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -o-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -moz-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -webkit-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -ms-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(253,145,30)), color-stop(0.98, rgb(254,172,84)) );
    color: #fff;
    padding: 3px 9px;
    box-shadow: 1px 1px 1px #999;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}

    .sms-banner a:hover
    {
        background-color: rgb(254,160,70);
        background-image: linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -o-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -moz-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -webkit-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -ms-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(254,172,84)), color-stop(0.98, rgb(253,145,30)) );
        color: #fff;
    }

.user
{
}

    .user .avatar
    {
        margin: 0 5px 0 0;
    }

    .user .u
    {
        font-size: 1.2em;
        font-weight: bold;
    }

    .user p
    {
        color: #999;
        margin: 5px 0 0 49px;
    }

.stars
{
    background: url(../images/sprites/global.png) -664px -52px no-repeat;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
}

    .stars span
    {
        display: none;
    }

.starsS
{
    width: 63px;
    height: 12px;
}

.starsL
{
    background-position: -664px -76px;
    width: 85px;
    height: 16px;
}

div.audio
{
    background-color: #f0f0f0;
    color: #999;
    margin: 0 auto;
    min-height: 20px;
    text-align: center;
    width: 400px;
}

div.video
{
    background-color: #f0f0f0;
    color: #999;
    font-size: 1.6em;
    height: 384px;
    text-align: center;
    width: 640px;
}

    div.audio p a, div.video p a
    {
        white-space: nowrap;
    }

.video p
{
    padding: 20% 20px 0 20px;
}

/******************************************* 
	Misc
*******************************************/
.blocked
{
    color: #999;
}

#content .blocked p
{
    background: #f6f6f6;
    padding: 6px 10px;
}

.error
{
    color: Red;
}

.clear
{
    clear: both;
}

.cl
{
    clear: left;
}

.cr
{
    clear: right;
}

#content .noClear
{
    clear: none;
}

.b
{
    display: block;
}

.empty a, .empty
{
    color: #ccc;
    font-weight: normal;
}

#content a.female
{
    background-color: #f9cfe3;
    border-color: #f9cfe3;
}

.ie
{
    height: 1%;
}

.fade
{
    filter: Gray Alpha(opacity=20);
    -moz-opacity: 0.20;
    opacity: 0.20;
}

.light
{
    color: #666;
}

.light2
{
    color: #bbb;
}

.line
{
    margin: 6px 0;
}

#content a.male
{
    background-color: #aecaf2;
    border-color: #aecaf2;
}

#content .l
{
    float: left;
}

img.l
{
    margin: 0 10px 0 0;
}

.r, #content .r
{
    float: right;
}

.tac
{
    text-align: center;
}

.tal
{
    text-align: left;
}

.tar
{
    text-align: right;
}

#content .first, #footer .first
{
    clear: left;
}

#content li.first
{
    margin-left: 0;
    margin-top: 0;
}

#content dt.first
{
    margin-top: 0;
}

#content div.first, #footer div.first
{
    margin-left: 0;
}

#content .last
{
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .hidden
{
    display: none;
}

#content .nobr
{
    white-space: nowrap;
}

#content .centered
{
    float: none;
    margin: 0 auto;
}

.scroll
{
    background: #fff;
    max-height: 200px;
    overflow: auto;
    width: 100%;
}

.disabled, a.disabled
{
    color: #ccc;
}

.padT
{
    padding-top: 20px;
}

.stepLeft, stepL
{
    margin-left: 20px;
}

.stepB
{
    margin-bottom: 20px;
}

.stepT
{
    margin-top: 10px;
}

.stepT2
{
    margin: 20px 0;
}

.big
{
    font-size: 1.2em;
}

.big1
{
    font-size: 1.1em;
}

.big2
{
    font-size: 1.4em;
}

.h40
{
    height: 40px;
}

.h200
{
    height: 140px;
}

.shadow
{
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
    z-index: 1000;
}

.space
{
    clear: both;
    height: 20px;
}

.space1
{
    clear: both;
    height: 1px;
}

.strike, a.strike
{
    text-decoration: line-through;
    font-weight: normal;
}

.strong
{
    font-weight: bold;
}

em.samp, .dotted
{
    border-bottom: dashed 1px #ccc;
    cursor: pointer;
}

.underline
{
    border-top: solid 1px #999;
}

.lessonWorkJournalMarkHolder
{
    height: 22px;
    padding: 1px 0;
}

/******************************************* 
	im.scroller
*******************************************/
.scroller
{
    background: #666;
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

    .scroller .thumbs
    {
        height: 104px;
        width: 888px;
        overflow: hidden;
        float: left;
    }

    .scroller ul
    {
        width: 10000px;
        height: 100%;
        margin: 8px 0;
        padding-left: 4px;
        z-index: 1;
    }

    .scroller li
    {
        float: left;
        margin: 0px 4px;
        text-align: center;
        width: 88px;
        height: 88px;
    }

        .scroller li a
        {
            background-color: #fff;
            border: solid 4px #444;
            display: block;
            float: left;
            width: 80px;
            height: 80px;
        }

            .scroller li a:hover
            {
                border-color: #333;
            }

        .scroller li img
        {
            width: 32px;
            height: 32px;
            padding: 8px 0 0 0;
        }

        .scroller li.active
        {
        }

    .scroller .thumbs li.active a
    {
        border-color: #F7941D;
    }

    .scroller li .type
    {
        color: #999;
        font-size: 1em;
        height: 16px;
        padding-right: 4px;
        text-align: right;
    }

    .scroller a.thumbs_move
    {
        background: url(../images/sprites/scroller.gif) 0px -212px no-repeat;
        display: block;
        height: 104px;
        width: 26px;
        z-index: 10;
        float: left;
        cursor: default;
    }

    .scroller a#thumbs_move_left.on, .scroller a#thumbs_move_right.on
    {
        cursor: pointer;
    }

    .scroller a#thumbs_move_left.on
    {
        background-position: 0px 0px;
    }

        .scroller a#thumbs_move_left.on:hover
        {
            background-position: 0px -106px;
        }

    .scroller a#thumbs_move_right
    {
        background-position: -26px -212px;
        float: right;
    }

        .scroller a#thumbs_move_right.on
        {
            background-position: -26px 0px;
        }

            .scroller a#thumbs_move_right.on:hover
            {
                background-position: -26px -106px;
            }

/******************************************* 
	imCalendar
*******************************************/
#calendar
{
    position: absolute;
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    width: 175px;
    height: 170px;
    padding: 4px;
    font-family: tahoma,verdana,helvetica;
    font-size: 11px;
    text-align: center;
    background: #f4f8fe;
    overflow: hidden !important;
    z-index: 10000;
}

    #calendar.he
    {
        width: 420px;
        height: 410px;
    }

input.calendar
{
    width: 173px;
}

#calendar a
{
    text-decoration: none;
    color: #2291be;
    cursor: pointer;
}

    #calendar a:hover
    {
        color: #f6921e;
    }

#calendar .previous, #calendar .next
{
    position: absolute;
    top: 6px;
    font-size: 14px;
}

#calendar .previous
{
    left: 8px;
}

#calendar .next
{
    right: 8px;
}

#calendar .current
{
    font-weight: bold;
    padding: 4px 0px;
}

#calendar li
{
    float: left;
    margin: 0px;
    list-style: none;
}

#calendar .week li
{
    background: #005993;
    border: none;
    border-bottom: solid 1px #f4f8fe;
    color: #fff;
    padding: 2px 0;
    width: 25px;
}

#calendar.he .week li
{
    width: 60px;
}

#calendar .week li.weekend
{
    background: #f00;
}

#calendar .days li a
{
    background: #fff;
    border-bottom: solid 1px #f4f8fe;
    color: #333;
    width: 25px;
    display: block;
    height: 18px;
    line-height: 18px;
}

#calendar.he .days li a
{
    height: 56px;
    width: 60px;
}

#calendar .days li a:hover
{
    background: #f6921e !important;
    color: #fff !important;
}

#calendar .days li a.notnow
{
    color: #999;
}

#calendar .today
{
    clear: both;
    position: absolute;
    bottom: 5px;
    left: 3px;
    padding-top: 3px;
    width: 100%;
}

#calendar div.month, #calendar div.year, #calendar div.decade
{
    overflow: hidden;
    height: 132px;
}

#calendar.he div.month, #calendar.he div.year, #calendar.he div.decade
{
    height: 360px;
}

#calendar .years li a, #calendar .months li a
{
    background: #fff;
    color: #333;
    display: block;
    width: 43px;
    height: 44px;
    line-height: 44px;
    font-size: 11px;
    text-transform: lowercase;
    height: 43px;
    line-height: 43px;
}
    /*#calendar .years li a, #calendar .months li a {width: 86px; height: 88px; line-height: 88px;}*/
    #calendar .years li a:hover, #calendar .months li a:hover
    {
        background: #2291be !important;
        color: #fff;
    }

#calendar .days li a.now
{
    background-color: #f6921e;
    color: #fff;
}
/*#calendar .days li a.selected { background-color:#e9f4bd; }*/
#calendar span
{
    color: #ddd;
}

#calendar a.disabled, #calendar .days li a.disabled, #calendar .months li a.disabled, #calendar .years li a.disabled
{
    color: #ddd;
    cursor: default;
}

    #calendar a.disabled:hover, #calendar li a.disabled:hover
    {
        color: #ddd;
        background: #fff;
    }

#calendar .hidden
{
    display: none;
}

#calendar .changin
{
    position: relative;
}

#calendar.he a
{
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
}

#calendar.he p.hol
{
    color: #f00;
    font-size: 10.3px;
}

/******************************************* 
	modal
*******************************************/
.modal
{
    background-color: #fff;
    display: none;
    border: 10px solid #005993;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#content .modal h2
{
    background: #e4e8ee;
    color: #333;
    font-size: 1.4em;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
}

.modal .wrapper
{
    height: 100%;
    width: 100%;
    display: none;
}

.modal .close
{
    background: url(../images/sprites/global.png) no-repeat -864px -80px;
    cursor: pointer;
    position: absolute;
    right: -16px;
    top: -16px;
    height: 24px;
    width: 24px;
    z-index: 1000;
}

#content .modal .cc
{
    padding: 10px;
}

.modal .modalScroll
{
    overflow-y: auto;
}

#content .modal .modalScroll .cc
{
    padding: 10px;
}

.modal .buttons
{
    background: #e4e8ee;
    bottom: 0;
    right: 0;
    clear: both;
    height: 30px;
    width: 100%;
}

    .modal .buttons .button
    {
        float: right;
        margin: 2px 4px 0 4px;
    }

    .modal .buttons .loading
    {
        float: right;
        height: 30px;
        width: 40px;
    }

.modal .modalLoading .loading
{
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.popup
{
    border: 10px solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
    color: #ffffff;
}

    .popup.error,
    .popup.message
    {
        display: block;
        font-size: 1.8em;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 150px;
        z-index: 1000000;
        width: 400px;
    }

    .popup.error
    {
        background: #ff0000;
        border-color: #ff0000;
    }

    .popup.message
    {
        background-color: #bed639;
        border-color: #bed639;
    }

#tooltip
{
    border: 4px solid #bbb;
    background: #f0f0f0;
    color: #666;
    display: none;
    font-size: 1.2em;
    position: absolute;
}

.overlay
{
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
}

    .overlay .close
    {
        display: none !important;
    }

#overlayConfirm
{
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: auto;
    height: auto;
    min-width: 15em;
    min-height: 3.3em;
}

    #overlayConfirm div
    {
        margin-bottom: 6px;
        position: static;
    }

    #overlayConfirm .button
    {
        font-size: 1.1em;
    }

#overlaySimpleModal
{
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: auto;
    height: auto;
    min-width: 14em;
    min-height: 3.3em;
}

    #overlaySimpleModal div
    {
        margin-bottom: 6px;
        position: static;
    }

    #overlaySimpleModal .button
    {
        font-size: 1.1em;
    }

    #overlaySimpleModal .close
    {
        background: url(../images/sprites/global.png) no-repeat -864px -80px;
        cursor: pointer;
        position: absolute;
        right: -16px;
        top: -16px;
        height: 24px;
        width: 24px;
        z-index: 1000;
    }

#overlayConfirmPaper
{
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: 25em;
    height: 130px;
}

    #overlayConfirmPaper div
    {
        margin-bottom: 20px;
        margin-top: 10px;
        position: static;
        margin-left: 20px;
    }

    #overlayConfirmPaper .button
    {
        font-size: 1.1em;
        padding: 3px 12px 3px 12px;
    }

#overlayError
{
    border: 6px solid #f00;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #f00;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: 14em;
    height: 3.3em;
}

/******************************************* 
	netUpload
*******************************************/
.netUpload li
{
    border: 2px solid #E5E5E5;
    background-color: #fff;
    color: #666;
    margin-bottom: 6px;
    padding: 4px;
}

    .netUpload li img
    {
        vertical-align: top;
    }

    .netUpload li a
    {
        margin-right: 6px;
    }

    .netUpload li div
    {
        float: right;
        text-align: right;
    }

#netProgress .close
{
    display: none;
}

#netProgress .bar
{
    background-color: #f0f0f0;
    margin: 10px 0;
    height: 20px;
    text-align: center;
    position: relative;
}

    #netProgress .bar div
    {
        background-color: #f6921e;
        height: 20px;
        width: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #netProgress .bar span
    {
        color: #333;
        font-weight: bold;
        line-height: 20px;
        position: relative;
    }

#netProgress .netStatus
{
    color: #666;
}

/******************************************* 
	im.taggin
*******************************************/

#people
{
    padding: 10px;
    margin-bottom: 15px;
}

#photoOverlay
{
    position: absolute;
    background: transparent;
    z-index: 2008;
    display: none;
}

#lightedArea
{
    position: absolute;
    z-index: 2010;
    overflow: hidden;
    border: 1px solid #FFCD11;
    display: none;
    cursor: move;
}

    #lightedArea img
    {
        position: absolute;
    }

.ontop
{
    z-index: 2008;
    position: relative;
    background: #fff;
}

.ontopWall
{
    z-index: 2008;
    position: relative;
    background: #fff;
    max-height: 400px;
}

.resizer
{
    overflow: hidden;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FFCD11;
    z-index: 10;
    visibility: hidden;
    display: block;
}

#r_se
{
    bottom: 0px;
    right: 0px;
    cursor: se-resize;
}

#r_e
{
    top: 50%;
    right: 0px;
    margin-top: -3px;
    cursor: e-resize;
}

#r_ne
{
    top: 0px;
    right: 0px;
    cursor: ne-resize;
}

#r_n
{
    top: 0px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}

#r_nw
{
    top: 0px;
    left: 0px;
    cursor: nw-resize;
}

#r_w
{
    top: 50%;
    left: 0px;
    margin-top: -3px;
    cursor: w-resize;
}

#r_sw
{
    left: 0px;
    bottom: 0px;
    cursor: sw-resize;
}

#r_s
{
    bottom: 0px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}


#tagginInfo
{
    position: absolute;
    background: #fff;
    display: none;
    text-align: center;
    z-index: 2008;
    font-size: 1.2em;
    line-height: 20px;
    padding: 60px 20px;
}

#tagList
{
    background: #fff;
    border: 4px solid #333;
    margin: 0px auto;
    display: none;
    text-align: left;
    width: 500px;
    overflow: hidden;
    z-index: 3100;
}

    #tagList .header
    {
        background: #eee !important;
        overflow: hidden;
        display: block;
        padding: 3px;
        float: left;
        width: 100%;
    }

        #tagList .header h1
        {
            font-size: 1.4em;
            line-height: 25px;
            float: left;
        }

        #tagList .header .close_button
        {
            background: url(../images/icons/wc.gif) center center no-repeat;
            display: block;
            width: 25px;
            height: 25px;
            font-weight: bold;
            text-align: center;
            line-height: 25px;
            color: #000;
            float: right;
            margin-right: 5px;
            margin-right: 3px;
        }

    #tagList .content
    {
        background-color: #fff;
        padding: 10px;
        display: block;
        font-size: 1.2em;
        overflow: hidden;
        clear: both;
    }

    #tagList .footer
    {
        background: #eee !important;
        text-align: right;
        clear: both;
        padding: 5px;
    }

        #tagList .footer a.r
        {
            float: right;
            margin-right: 0;
        }

#tagList
{
    width: 250px;
    position: absolute;
    display: none;
    z-index: 2010;
}

    #tagList .footer
    {
        overflow: hidden;
    }

    #tagList .nameEdit
    {
        width: 220px;
    }

    #tagList p
    {
        line-height: 1.4em;
    }

        #tagList p.chooseFriend
        {
            margin-top: 8px;
        }

    #tagList .friendsList
    {
        height: 150px;
        overflow: auto;
    }

        #tagList .friendsList a
        {
            display: block;
            font-size: 1.2em;
            padding: 2px;
            margin-bottom: 2px;
        }

    #tagList .fGroups
    {
        width: 220px;
        margin-bottom: 5px;
    }

#tagginTooltip
{
    position: absolute;
    z-index: 2010;
    background: #fff;
    border: 1px solid #FFCD11;
    padding: 5px 7px;
    display: none;
    font-size: 1.1em;
}

/******************************************* 
	star rating
*******************************************/
div.rating
{
    cursor: pointer;
    display: block;
    height: 16px;
}

    div.rating:after
    {
        content: '.';
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden;
    }

div.cancel, div.star
{
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

    div.cancel, div.cancel a
    {
        background: url(../images/icons/delete.gif) no-repeat 0 -16px;
    }

    div.star, div.star a
    {
        background: url(../images/sprites/star.gif) no-repeat 0 0px;
    }

        div.cancel a, div.star a
        {
            display: block;
            width: 16px;
            height: 100%;
            background-position: 0 0px;
            border: 1 solid #FF0000;
        }

div.star_on a
{
    background-position: 0 -16px!important;
}

div.star_hover a, div.star_live a:hover
{
    background-position: 0 -32px;
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover
{
    cursor: default !important;
}
/* Partial Star CSS */
div.star
{
    background: transparent!important;
    overflow: hidden!important;
}

div.ratingD
{
    color: #999;
    float: left;
    padding-left: 6px;
    font-size: 1.2em;
}

/******************************************* 
	treeview
*******************************************/
.treeview
{
}

    .treeview ul
    {
        margin-top: 4px;
    }

    .treeview .hitarea
    {
        background: url(../images/sprites/global.png) -928px -4px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }

* html .hitarea
{
    display: inline;
    float: none;
}
/* fix for IE6 */
.treeview li
{
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview .hover
{
    background: red;
    cursor: pointer;
}

.treeview li.collapsable, .treeview li.expandable
{
    background-position: -928px -35px;
}

.treeview .expandable-hitarea
{
    background-position: -928px -35px;
}

.filetree li
{
    padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file
{
    padding: 1px 0 1px 16px;
    display: inline;
}

.filetree span.folder
{
    background: url(../images/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder
{
    background: url(../images/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file
{
    background: url(../images/file.gif) 0 0 no-repeat;
}

/******************************************* 
	marks
*******************************************/
#popup.marks
{
    background: #005993;
    padding: 0;
    width: 160px;
}

    #popup.marks .text
    {
        padding: 2px;
    }

    #popup.marks a
    {
        color: #fff;
        display: block;
        float: left;
        font-size: 1.2em;
        line-height: 20px;
        margin-bottom: 4px;
        text-align: center;
        padding: 0;
        width: 26px;
    }

        #popup.marks a.w
        {
            width: 78px;
        }

        #popup.marks a.mC, #popup.marks a.mD
        {
            font-size: 1.0em;
            line-height: 20px;
            margin-left: 4px;
            width: 78px;
        }

        #popup.marks a.mD
        {
            background-color: #bbb;
            color: #fff;
        }

            #popup.marks a.mD:hover
            {
                background-color: #aaa;
            }

    #popup.marks div
    {
        float: left;
        width: 78px;
    }

    #popup.marks p
    {
        clear: both;
    }

        #popup.marks p.last a
        {
            margin-bottom: 0;
        }

    #popup.marks b
    {
        visibility: hidden;
    }

#popup.marks100
{
    width: 282px;
}

    #popup.marks100 div.marksC
    {
        width: 200px;
    }

        #popup.marks100 div.marksC a
        {
            font-size: 1em;
            width: 20px;
        }

#popup.marks10
{
    width: 302px;
}

    #popup.marks10 div.marksC
    {
        width: 220px;
    }

        #popup.marks10 div.marksC a
        {
            font-size: 1em;
            width: 20px;
            margin-right: 2px;
        }

#popup.marksOnlyNone
{
    width: 87px;
}

#popupBlock
{
    width: 120px;
}

#popup.precence
{
    width: 92px;
}

    #popup.precence a
    {
        color: #fff;
        display: block;
        margin-bottom: 2px;
        text-align: center;
        padding: 0;
        width: 100% !important;
    }

        #popup.precence a.lsD
        {
            background-color: #bbb;
        }

            #popup.precence a.lsD:hover
            {
                background-color: #aaa;
            }

        #popup.precence a.mC
        {
            font-size: 0.8em;
            margin-top: 0;
        }

#popup.pWork
{
    width: 136px;
}

#popup.pPermissions
{
    width: 230px;
}

    #popup.pPermissions a
    {
        font-size: 1.0em !important;
        text-align: left;
    }

.nolineheight
{
    line-height: 1em !important;
}

.subpositionRow
{
    margin-left: 32px;
}

.positionOptions
{
    margin-left: 32px;
    padding-bottom: 10px;
}

    .positionOptions label
    {
        margin-bottom: 10px;
    }

table.jlag td
{
    vertical-align: middle !important;
}

    table.jlag td span
    {
        text-align: center;
    }

    table.jlag td div.pres
    {
        display: inline;
    }

    table.jlag td.lag div
    {
        font-size: 1em !important;
    }

        table.jlag td.lag div a
        {
            color: red !important;
        }

.moderationConceptMessage
{
    float: right;
}

.forceltr
{
    direction: ltr;
    display: inline-block;
}

.marks th
{
    background-color: #ecf2f9;
}

    .marks th a
    {
        font-weight: bold;
    }

.marks em
{
    color: #999;
    font-size: 1.4em;
    font-style: normal;
    padding: 0 2px;
}

.marks .mG, .marks .mY, .marks .mR, .marks .mX, .marks .mD, .marks .mO
{
    color: #999;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 2px;
}

.marks .mG
{
    background-color: #c2d23a;
    color: #fff !important;
}

    .marks .mG:hover
    {
        background-color: #b2c22a;
    }

.marks .mY
{
    background-color: #f9a23b;
    color: #fff;
}

    .marks .mY:hover
    {
        background-color: #f39320;
    }

.marks .mO
{
    background-color: #f9a23b;
    color: #fff;
}

    .marks .mO:hover
    {
        background-color: #f39320;
    }

.marks .mR
{
    background-color: #ff6666;
    color: #fff;
}

    .marks .mR:hover
    {
        background-color: #ef5656;
    }

.marks .mD
{
    background-color: #bbb;
    color: #fff;
}

    .marks .mD:hover
    {
        background-color: #aaa;
    }

.marks .mX:hover
{
    background-color: #bbb;
    color: #fff;
}

.marks .mSt
{
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 2px;
}

.marks .mBl
{
    color: #999 !important;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 2px;
}

#content .marks .lsG,
#content .marks .lsD,
#content .marks .lsR,
#content .marks .lsB,
#content .marks .lsY,
#content .marks .lsX,
#content .marks .ls0,
.marks .tse a
{
    font-size: 1.2em;
    font-weight: bold;
}

.marks .lsG a,
.marks .lsR a,
.marks .lsY a,
.marks .lsB a,
.marks .lsD a,
.marks .lsG,
.marks .lsR,
.marks .lsY,
.marks .lsB,
.marks .lsD,
.marks .ls0,
.marks .tse a
{
    color: #fff;
}

.marks .lsX a
{
    color: #999;
}

.markcomment
{
    border: solid 4px #4C98BC;
    padding: 5px;
    float: left;
    font-size: 12px;
}

    .markcomment textarea
    {
        display: block;
        width: 200px;
        height: 100px;
    }

    .markcomment button
    {
        background: #76b9ea;
        border: solid 1px #b8defa;
        border-right-color: #5398cb;
        border-bottom-color: #5398cb;
        color: #fff;
        display: block;
        float: left;
        font-size: 1.4em;
        margin-right: 10px;
        overflow: visible;
        padding: 2px 8px;
        margin: 0px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

        .markcomment button:hover
        {
            background: #f19720;
        }

        .markcomment button#saveComment
        {
            float: left;
        }

        .markcomment button#cancelComment
        {
            float: right;
        }

.markcommentstable textarea
{
    width: 200px;
    height: 100px;
}

#content .marks .lsG, .marks .lsG
{
    background-color: #c2d23a;
}

    #content .marks .lsG:hover, .marks .lsG:hover
    {
        background-color: #b2c22a;
    }

#content .marks .lsD, .marks .lsD
{
    background-color: #BBBBBB;
}

    #content .marks .lsD:hover, .marks .lsG:hover
    {
        background-color: #BBBBBB;
    }

#content .marks .lsK, .marks .lsK
{
    background-color: #BF79B1;
}

    #content .marks .lsK:hover, .marks .lsK:hover
    {
        background-color: #AD6EA0;
    }

#content .marks .lsR, .marks .lsR
{
    background-color: #ff6666;
}

    #content .marks .lsR:hover, .marks .lsR:hover
    {
        background-color: #ef5656;
    }

#content .marks .lsB, .marks .lsB
{
    background-color: #459dd6;
}

    #content .marks .lsB:hover, .marks .lsB:hover
    {
        background-color: #358dc6;
    }

#content .marks .lsY, .marks .lsY
{
    background-color: #f9a23b;
}

    #content .marks .lsY:hover, .marks .lsY:hover
    {
        background-color: #f39320;
    }

#content .marks .ls0, .marks .ls0
{
    background-color: #ccc;
}

    #content .marks .ls0:hover, .marks .ls0:hover
    {
        background-color: #bbb;
    }

.marks .lpcHover
{
    color: #32a1ce;
    text-align: center;
}

.marks td.lpm
{
    white-space: nowrap;
}

.marks td.mark_noe,
#main_area .marks .mark_noe.mX:hover
{
     background-color: #EEEEFF
}

    .marks td.lpm span
    {
        color: #f00;
        display: block;
        font-size: 0.9em;
    }

.marks .u2
{
    line-height: 24px;
}

.marks th .button
{
    float: none;
    font-size: 1.4em;
    margin: 5px auto 0 auto;
    padding: 0;
    width: 20px;
}

.marks input
{
    margin: 0;
    padding: 2px 4px;
    text-align: center;
    width: 3em;
}

.marks #mFooter .button
{
    float: none;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px auto 0 auto;
    width: 20px;
}

.marks #mFooter td
{
    text-align: center;
}

#content .marks h3
{
    margin-top: 6px;
}

input.markEdit
{
    height: 18px;
}
/******************************************* 
	passwordValidator
*******************************************/
.pswstr_1, .pswstr_2, .pswstr_3
{
    font-weight: bold;
    padding-left: 20px;
    margin-left: 10px;
}

.pswstr_1
{
    color: red;
    background: url(../images/icons/applyRed.png) no-repeat;
}

.pswstr_2
{
    color: orange;
    background: url(../images/icons/applyOrange.png) no-repeat;
}

.pswstr_3
{
    color: #9bc200;
    background: url(../images/icons/apply.png) no-repeat;
}

.hpbad
{
    color: red;
}

.hpgood
{
    color: orange;
}

.hpexcelent
{
    color: #9bc200;
}

/* Organization functions */
li.forumSettingItem
{
    padding-top: 5px;
}

div.forumSettingItemSelection
{
    padding-top: 3px;
}
/* END Organization functions */

/* Application */
.appsPaymentsCommissionPercent
{
    margin-left: 5px;
}
/* END Application */

/* Blog */
.blogNotesAndComments,
.col34.blogNotesAndComments
{
    position: static;
}
/* END Blog */

.treeelement.level5
{
    margin-left: 50px;
}

table.fixed
{
    table-layout: fixed;
}

form.enrollFilter .row 
{
    padding: 3px 10px;
    display: inline-block;
}

form.enrollFilter label 
{
    display: block;
}

table.planning tr:nth-child(1) th:nth-child(1) {
    width: 30px;
}

table.planning tr:nth-child(1) th:nth-child(2) {
    width: 60px;
}

table.planning tr:nth-child(1) th:nth-child(3) {
    width: 270px;
}

table.planning tr:nth-child(1) th:nth-child(4) {
    width: 270px;
}