/* CSS lay-out for template vos_default */

/* Specific divs */
#container {
    margin-left: auto;
    margin-right: auto;
    width: 757px;
    w\idth: 722px;
    padding: 0 17px 0 18px;
}

#container {
    background: rgb(243, 241, 242) url(../images/bg_drop_shadow.png);
    text-align: left;
}

#pageheader #logo {
    display: inline;
    float: left;
    width: 162px;
    margin-left: 59px;
}

#pageheader #title {
    float: right;
    width: 457px;
}

#pageheader #title h1 {
    margin: 60px 0 0 0;
}

#pagebody {
    padding: 0px 15px 0px 15px;
}

#navigation {
    /* in IE when floating the first element to a side, margins get doubled. Display inline to correct */
    display: inline;
    float: left;
    width: 221px;
    padding-top: 24px;
    padding-bottom: 30px;
}

#navigation ul {
    padding-left: 0;
/* height officially 77px */
    margin-left: 0;
    margin-top: 0;
}

#navigation li.sp {
    margin-left: 15px;
    font-weight: normal;
}

#navigation li {
    padding: 3px 0 4px 0;
}

#mCol {
    float: left;
    width: 1px;
    height: 400px;
}

#pagecontent {
    float: right;
    overflow: hidden;
    width: 457px;
/* height officially 77px */
    padding-top: 24px;
    padding-bottom: 30px;
}

#pageText {
    margin-bottom: 8px;
}

#pageText ul {
    margin-left: 0;
    padding-left: 16px;
}

#pageText ul li {
    list-style-image: url(../images/gt.gif);
    padding-left: 0;
}

#pagefooter {
    clear: both;
    /* Padding left and right is 14px, because a border is drawn around the
     * pagefooter in vos_common.css. This is done because of a bug in IE
     * (see vos_common.css).
     */
    padding: 0px 14px 0px 14px;
}

#footercontent {
    padding: 25px 0 45px 0;
}

#shadowbottom {
    background: rgb(243, 241, 242) url(../images/bg_drop_shadow_bottom.png);
    width: 757px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
}

.nav_off, .nav_off:link, .nav_off:visited {
    color: rgb(44, 47, 90);
    background-color: rgb(255, 255, 255);
    padding: 2px 0px 2px 8px;
}

.nav_on, .nav_on:link, .nav_on:hover, .nav_on:visited, .nav_off:hover {
    color: rgb(255, 255, 255);
    background: rgb(44, 47, 90) url(../images/bg_nav.gif) top left no-repeat;
    padding: 2px 0px 2px 8px;
}

.nav_on span, .nav_off span {
    background:  url(../images/bg_nav.gif) top right no-repeat;
    padding: 2px 8px 2px 0px;
}

/* for hidden in navigation */
.hnav_off, .hnav_off:link, .hnav_off:visited {
    color: rgb(176, 176, 176);
    background-color: rgb(255, 255, 255);
    padding: 2px 0px 2px 8px;
}

.hnav_on, .hnav_on:link, .hnav_on:hover, .hnav_on:visited, .hnav_off:hover {
    color: rgb(255, 255, 255);
    background: rgb(176, 176, 176) url(../images/bg_nav.gif) top left no-repeat;
    padding: 2px 0px 2px 8px;
}

.hnav_on span, .hnav_off span {
    background:  url(../images/bg_nav.gif) top right no-repeat;
    padding: 2px 8px 2px 0px;
}

#header img {
    float: left;
}

#header h1 {
    margin: 0 0 0 22px;
}

.forumItem .title {
    color: rgb(182, 0, 103);
    border-bottom: 1px dashed rgb(217, 200, 255);
}

.pageItem .title {
    border-bottom: 1px solid rgb(182, 0, 103);
    color: rgb(182, 0, 103);
    background-color: rgb(244, 244, 244);
    font-size: 10pt;
    padding: 2px;
}

.pageItem .info {
    color: rgb(128, 128, 128);
    background-color: rgb(244, 244, 244);
}

.pageItem .content {
    background-color: rgb(244, 244, 244);
    padding-bottom: 2px;
    padding-right: 2px;
}

/* qf */
.qf_option_h:hover {
    background-color: rgb(255, 230, 243);
}

.qf_vgroup .qf_gel:hover {
    background-color: rgb(255, 230, 243);
}