/* CSS Document */

body
{
    background-color: #eff1f4;
}
td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}


.box_1
{
    border-style: solid;
    border-width: 1px;
    border-color: #7a899c;
    vertical-align: top;
}
.padBot_1
{
    border-style: solid;
    border-color: White;
    border-width: 0px 0px 1px 0px;
}
.padRig_1
{
    padding-right: 1px;
}

.rightBarBack
{
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-color: White;
    background-color: #dee3e8;
}

.span_1
{
    height: 4px;
    margin: 0px;
}
.span_2
{
    width: 6px;
    float: left;
}

/* heading elements */
.heading
{
    padding: 0px 12px 0px 16px;
    text-align: left;
}
.heading h1
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: lowercase;
    margin: 22px 0px 16px 0px;
}
.heading .breadcrumb
{
    font-family: Verdana, Arial, sans-serif; /* font-size: 11px; */
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    padding: 0px 0px 5px 0px;
}
.heading .breadcrumb a
{
    text-decoration: underline;
    color: #000000;
}
.heading .breadcrumb a:hover
{
    text-decoration: underline;
    color: #660000;
}
.heading .divider_other
{
    border-style: none;
    border-width: 0px;
    height: 3px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    background-image: url(../images/liner_other.gif);
    background-repeat: repeat-x;
}
/*-- */
.heading .divider_live
{
    border-style: none;
    border-width: 0px;
    height: 3px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    background-image: url(../images/liner_live.gif);
    background-repeat: repeat-x;
}
.heading .divider_study
{
    border-style: none;
    border-width: 0px;
    height: 3px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    background-image: url(../images/liner_study.gif);
    background-repeat: repeat-x;
}
.heading .divider_work
{
    border-style: none;
    border-width: 0px;
    height: 3px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    background-image: url(../images/liner_work.gif);
    background-repeat: repeat-x;
}
.heading .divider_play
{
    border-style: none;
    border-width: 0px;
    height: 3px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    background-image: url(../images/liner_play.gif);
    background-repeat: repeat-x;
}
/*-- end: divider */

.heading .submenu
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}
.heading .submenu a
{
    text-decoration: underline;
    color: #000000;
}
.heading .submenu a:hover
{
    text-decoration: underline;
    color: #660000;
}

/* contentPanel elements */
.contentPanel
{
    padding: 0px 3px 0px 3px;
    text-align: left;
}
.contentPanel .heading
{
    padding: 5px 15px 5px 15px; /*background-color: #c1bfbf;*/
}
.contentPanel .headingfont
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.contentPanel .label
{
    padding: 6px 14px 5px 14px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    color: #333333;
}
.contentPanel a
{
    text-decoration: underline;
    color: #cc0000;
}
.contentPanel a:hover
{
    text-decoration: underline;
    color: #660000;
}
.contentPanel p
{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 8px 0px;
}

/* content elements */
.content
{
    padding: 0px 12px 0px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #333333;
    text-align: left;
}
.content h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    margin: 6px 0px 2px 0px;
}
.content p
{
    margin: 2px 0px 6px 0px;
}
.content a
{
    text-decoration: underline;
}
.content a:hover
{
    text-decoration: underline;
    color: #660000;
}
.content a:visited
{
}

/* service box elements */
.serviceBox
{
    background-color: #dee3e8;
}
.serviceBox .search
{
    padding: 0px 8px 0px 12px;
    vertical-align: middle;
}
.serviceBox .quickLink
{
    padding: 0px 8px 0px 12px;
    font-family: Verdana, Arial;
    font-size: 9px;
    font-weight: bold;
    color: #344356;
    text-align: left;
}
.serviceBox a
{
    text-decoration: underline;
    color: #344356;
}
.serviceBox a:hover
{
    text-decoration: underline;
    color: #660000;
}

/* right menu elements */
.menuRight
{
    background-color: #c1bfc0;
    width: 161px;
    padding-left: 16px;
    overflow: hidden;
}

.menuRight ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.menuRight li > ul
{
    top: auto;
    left: auto;
}
.menuRight li:hover ul, .listmenu li.over ul
{
    display: block;
}
.menuRight ul li
{
    display: block;
    background-color: #c1bfc0;
    padding: 0px;
    float: none;
    width: 160px;
    font-size: 9px;
    font-family: verdana, arial;
    text-transform: uppercase;
    line-height: 9px;
    vertical-align: middle;
}

.menuRight ul li .menu-link
{
    display: block;
    font-weight: normal;
    color: #323232;
    padding: 2px 10px 2px 10px; /*background-color: #c1bfc0;*/
    text-decoration: none;
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
}
/*
.menuRight ul li a:hover
{
    display: block;
    color: #323323;
    background-color: #edebec;
    text-decoration: none;
}
*/
.menuRight ul li a:link.menu-bg-live, .menuRight ul li a:visited.menu-bg-live
{
    /*background-color: #eef6e7;*/
    background-color: rgb(238,246,231);
}

.menuRight ul li a:link.menu-bg-study, .menuRight ul li a:visited.menu-bg-study
{
    /*background-color: #fbf2e0;*/
    background-color: rgb(251,242,224);
}

.menuRight ul li a:link.menu-bg-work, .menuRight ul li a:visited.menu-bg-work
{
    /*background-color: #fee7de;*/
    background-color: rgb(254,231,222);
}

.menuRight ul li a:link.menu-bg-play, .menuRight ul li a:visited.menu-bg-play
{
    /*background-color: #ffeddf;*/
    background-color: rgb(255,237,223);
}

.menuRight ul li a:hover.menu-bg-live, .menuRight ul li a:hover.menu-bg-study, .menuRight ul li a:hover.menu-bg-work, .menuRight ul li a:hover.menu-bg-play
{
    display: block;
    color: #323323; /*background-color: #edebec;*/
    background-color: #fff;
    text-decoration: none;
}

.menuRight ul li a.highlighted
{
    display: block;
    color: #323323; /*background-color: #edebec;*/
    background-color: #fff;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}

/* social box elements */
.socialBox
{
    padding: 0px 6px 6px 5px;
    height: 22px;
    float: left;
}
.socialBox .box1
{
    border: #7a899c solid 1px;
    float: left;
}
.socialBox .box2
{
    border: #ffffff solid 1px;
    background-color: #999999;
    float: left;
    vertical-align: middle;
}

.socialBox .label
{
    padding: 0px 12px 0px 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 18px;
    color: #ffffff;
    vertical-align: middle;
    float: left;
}
.socialBox img
{
    padding: 1px 4px 1px 4px;
    background-color: #ffffff;
    border: 0px;
    outline-width: 0px;
    text-align: center;
}

.socialBox .gray
{
    background-color: #cccccc;
    width: 390px;
    height: 22px;
    float: right;
}
/* ==== static right menu ==== */
.staticRightMenu
{
    padding: 2px 1px 2px 0px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    vertical-align: middle;
    background-color: #cccccc;
}
.staticRightMenu a
{
    text-decoration: none;
    color: #666666;
}
.staticRightMenu a:hover
{
    text-decoration: none;
    color: #660000;
}
/* ===== end: static right menu === */

/* footer elements */
.footer
{
    padding: 0px 10px 0px 0px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    vertical-align: middle;
}
.footer a
{
    text-decoration: underline;
    color: #666666;
}
.footer a:hover
{
    text-decoration: underline;
    color: #660000;
}

/* others elements */
.textArea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: gray #e2e2e2 #e2e2e2 gray;
    font-size: 11px;
}
.textBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: gray #e2e2e2 #e2e2e2 gray;
    height: 14px;
    font-size: 11px;
}
.textBox_1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: gray #e2e2e2 #e2e2e2 gray;
    height: 14px;
    font-size: 11px;
}
.textBox_2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 300px;
    border-style: solid;
    border-width: 1px;
    border-color: gray #e2e2e2 #e2e2e2 gray;
    height: 14px;
    font-size: 11px;
}
.selectBox_1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 156px;
    border-style: solid;
    border-width: 1px;
    border-color: gray #e2e2e2 #e2e2e2 gray;
    height: 18px;
    font-size: 11px;
}

.live
{
    color: #008b1b;
}
.study
{
    color: #ffad00;
}
.work
{
    color: #cc0033;
}
.play
{
    color: #ff4c00;
}
.other
{
    color: gray;
}

.button
{
    background-color: #dee3e8;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #86919e;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #344356;
    height: 19px;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
}

.register input
{
    margin-top: 10px;
}

.register .selectBox_1
{
    margin-top: 10px;
}
.terms
{
    margin-top: 10px;
    width: 99%;
    height: 150px;
    overflow: auto;
    border: solid 1px #666666;
}


a.menu-live
{
    display: block;
    height: 86px;
    width: 177px;
    background-image: url(../images/color_live.gif);
    background-repeat: no-repeat;
}
a:hover.menu-live
{
    background-image: url(../images/color_right_sliding_glow_LIVE.jpg);
}

a.menu-study
{
    display: block;
    height: 86px;
    width: 177px;
    background-image: url(../images/color_study.gif);
    background-repeat: no-repeat;
}
a:hover.menu-study
{
    background-image: url(../images/color_right_sliding_glow_STUDY.jpg);
}

a.menu-work
{
    display: block;
    height: 86px;
    width: 177px;
    background-image: url(../images/color_work.gif);
    background-repeat: no-repeat;
}
a:hover.menu-work
{
    background-image: url(../images/color_right_sliding_glow_WORK.jpg);
}

a.menu-play
{
    display: block;
    height: 86px;
    width: 177px;
    background-image: url(../images/color_play.gif);
    background-repeat: no-repeat;
}
a:hover.menu-play
{
    background-image: url(../images/color_right_sliding_glow_PLAY.jpg);
}

.content-left
{
    padding: 8px;
    vertical-align: top;
    border: solid 1px #cccccc;
    width: 48%;
    line-height: 18px;
}
.content-right
{
    padding: 8px;
    vertical-align: top;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    line-height: 18px;
}

.content-left a.live, .content-left a.live:link
{
    color: #008b1b;
}

.content-left a.study, .content-left a.study:link
{
    color: #ffad00;
}

.content-left a.work, .content-left a.work:link
{
    color: #cc0033;
}

.content-left a.play, .content-left a.play:link
{
    color: #ff4c00;
}

.content .other
{
    color: gray;
}