/* ------------------------------------------------------------------------- */
/* Layout                                                                    */
/* ------------------------------------------------------------------------- */
@import url(ie.css);
#wrapper {
    width: 754px;
    margin: auto;
    text-align: left;
/*    background-color: Aqua;*/
}

#top {
    position: relative;
    float: left;
    width: 754px;
}

#header {
    position: relative;
    clear: both;
    width: 754px;
    height: 114px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-bottom: 1px;
}

#logo {
    position: relative;
    float: left;
    width: 279px;
}

#banner {
    position: relative;
    float: left;
    width: 475px;
    padding-top: 14px;
    overflow: hidden; /* todo: refactor this with max-width */
}

#banner img {
    float: right;
}

#mainmenu {
    position: relative;
    clear: both;
    width: 754px;
    border-bottom: 4px solid white;
/*    background-color: Black;*/
}

#middle {
    position: relative;
    float: left;
    width: 754px;
    margin-bottom: 4px;
    background: url(../images/faux_fill.gif) repeat-y left top;
/*    background-color: Green;*/
}

#middle-nofaux {
    position: relative;
    float: left;
    width: 754px;
    margin-bottom: 4px;
}

#left {
    position: relative;
    float: left;
    border-right: 4px solid white;
    /* Box model hack */
    width: 202px;
    width/* */: /**/198px;
    width: /**/198px;
    /* end Box model hack */
/*    background-color: Gray;*/
}

#topmenu {
    position: relative;
    float: left;
    width: 552px;
    margin-bottom: 4px;
}

#content {
    position: relative;
    float: left;
    width: 552px;
/*    margin-top: 4px;*/
/*    background-color: Lime;*/
}

#content-header {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 10px;
/*    background-color: Fuchsia;*/
}

#mainbody {
    position: relative;
    float: left;
    padding-left: 3px;
    /* Box model hack */
    width: 552px;
    width/* */: /**/549px;
    width: /**/549px;
    /* end Box model hack */
/*    background-color: Lime;*/
}

#mainbody-frontpage {
    position: relative;
    float: left;
    width: 380px;
/*    background-color: Fuchsia;*/
}

#mainbody-fullwidth {
    position: relative;
    float: left;
    width: 754px;
}

#rightcol {
    position: relative;
    float: right;
    width: 168px;
}

#bottom {
    position: relative;
    clear: both;
    width: 754px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/* ------------------------------------------------------------------------- */
/* Customization                                                             */
/* ------------------------------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
}

body {
    padding-top: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: black;
    background: white;
    text-align: center; /* to center the page for IE < 6; set left alignment for the child element */
}

table,
body {
    font-size: 12px;
}

table {
    border: none;
    border-spacing: 0;
    text-align: left;
}

a,
a:link {
    color: #F65661;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 19px;
}

h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 12px;
}

h3 {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: bold;
}

p,
blockquote,
label,
ul,
ol,
dl,
fieldset,
address {
    margin-top: 8px;
    text-align: left;
}

ul,
ol,
dl {
    margin-left: 2em;
}

img {
    border: none;
}

/* HTML Star Hack to remove auto padding from buttons in IE */
* html input {
    overflow: visible;
}

/* ----- Common classes ---------------------------------------------------- */
.clear {
    clear: both;
}

.button {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
}

.text-small {
    font-size: 10px;
}

.text-boxed {
    background-color: #E9EAE9;
    padding: 5px;
}

.readon {
    display: block;
/*
    background: url(../../../images/stories/layout/more_sign.gif) no-repeat 8.8em center;
    margin-top: 3px;
    padding-right: 0.9em;
    padding-bottom: 2px;
    border: 1px solid #F65661;
    width: 9em;
    font-size: 9px;
    line-height: 10px;
    text-decoration: none;
    text-transform: lowercase;
    text-align: center;
    color: #666666;*/
    background: url(../../../images/stories/layout/button_more.gif) no-repeat left top;
    width: 94px;
    height: 13px;
}

.cover {} /* needed for JCE editor classes list */
.slideshow {} /* needed for JCE editor classes list */

/*      Main menu & Small menu
============================================================================ */
#mainlevel-nav,
#mainlevel-small {
    border-top: 1px solid white;
    margin-top: 0;
    margin-left: 0;
    list-style: none;
    line-height: 24px;
    background-color: black;
}

#mainlevel-nav li,
#mainlevel-small li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

#mainlevel-small li {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#mainlevel-nav li a,
#mainlevel-small li a {
    color: white;
    text-decoration: none;
}

#language {
    background-color: black;
    position: absolute;
    top: 7px;
    right: 12px;
}

/*      Top menu
============================================================================ */
ul#menulist_root-main {
    margin-top: 0;
    margin-left: 0;
    list-style: none;
    height: 19px;
/*    line-height: 19px;*/
    background-color: #485353;
}

ul#menulist_root-main li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: lowercase;
}

ul#menulist_root-main li a {
    color: white;
    text-decoration: none;
}

li.mainlevel_current-main,
li.mainlevel_active-main {
    font-weight: bold;
}

li.mainlevel_current-main#menuitem_1-main,
li.mainlevel_current-main#menuitem_2-main,
li.mainlevel_current-main#menuitem_3-main,
li.mainlevel_current-main#menuitem_4-main,
li.mainlevel_current-main#menuitem_5-main {
    padding-top: 0px;
    padding-bottom: 1px;
    border-left: 3px solid white;
    border-right: 3px solid white;
}

li.mainlevel_current-main#menuitem_1-main {
    border-left: none;
    background-color: #FF2D9A;
}

li.mainlevel_current-main#menuitem_2-main {
    background-color: #33CCCC;
}

li.mainlevel_current-main#menuitem_3-main {
    background-color: #FF9900;
}

li.mainlevel_current-main#menuitem_4-main {
    background-color: #FE0401;
}

li.mainlevel_current-main#menuitem_5-main {
    background-color: #A333CC;
}

/*      Top submenu
============================================================================ */
#mainlevel-sub1, 
#mainlevel-sub2, .mainlevel-sub2, 
#mainlevel-sub3, 
#mainlevel-sub4 {
    margin-top: 1px;
    margin-left: 0;
    list-style: none;
    line-height: 19px;
}

#mainlevel-sub1 { background-color: #FF2D9A; }
#mainlevel-sub2, .mainlevel-sub2 { background-color: #33CCCC; }
#mainlevel-sub3 { background-color: #FF9900; }
#mainlevel-sub4 { background-color: #FE0401; }

#mainlevel-sub1 li, 
#mainlevel-sub2 li, .mainlevel-sub2 li, 
#mainlevel-sub3 li, 
#mainlevel-sub4 li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: lowercase;
}

#mainlevel-sub1 li {
    padding-right: 0.8em;
}

#mainlevel-sub1 li a, 
#mainlevel-sub2 li a, .mainlevel-sub2 li a, 
#mainlevel-sub3 li a, 
#mainlevel-sub4 li a {
    color: white;
    text-decoration: none;
}

/* hide some menu items */
#menulink_6-sub2 { display: none; }
#menulink_7-sub2 { display: none; }
#menulink_8-sub2 { display: none; }

/*      Left modules
============================================================================ */
#left .moduletable-cover img {
    display: block;
    width: 198px;
    height: 258px;
}

#left .moduletable-issue {
    border-top: 1px solid white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
    background-color: #d1d1d1;
}

/* ----- Login form ----- */
#left .moduletable-login {
    border-top: 1px solid white;
    padding: 3px 0 3px 10px;
    /* Box model hack */
    width: 198px;
    width/* */: /**/188px;
    width: /**/188px;
    /* end Box model hack */
    line-height: 1.5em;
    color: white;
    background-color: black;
}

#left .moduletable-login table {
    font-size: 11px;
    color: white;
}

#mod_login_username,
#mod_login_password {
    margin-bottom: 5px;
    width: 70%;
}

#left .moduletable-login .button {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 7em;
    font-size: 11px;
}
/* ----- END_Login form ----- */

#left .moduletable-search {
    border-top: 1px solid white;
    padding: 6px 0 6px 10px;
    color: white;
    background-color: black;
}

#left .moduletable-modleft {
    border-top: 1px solid white;
    padding: 10px;
    font-size: 10px;
    color: white;
    background-color: #485353;
}

#left .moduletable-modleft h3 {
    font-size: 10px;
    font-weight: bold;
    color: #E3E3E3;
    text-transform: uppercase;
}

#left .moduletable-modleft ul {
    list-style: none;
    margin-left: 0;
}

#left .moduletable-modleft ul li {
    margin-top: 5px;
}

/* to be removed later: remains from the old site */
#side_search {
font:10px arial;
color:white;
text-align:left;
padding:7px 10px;
margin:0px;
margin-top: 1px;
border-bottom:3px solid white;
background:#000;
}

#side_search th {
text-align:left;
padding-bottom:4px;
}

#side_search th a {
color:#fff;
font:bold 9px verdana;
text-transform:uppercase;
text-decoration:none;
}

#side_search th a:hover {
color:#FFB2DA;
}

#side_search table {
margin-bottom:2px;
}

#side_search td {
vertical-align:middle;
}

#side_search input#search {
border:1px inset white;
width:110px;
}
/* END: to be removed later: remains from the old site */

/*      Right modules
============================================================================ */
#rightcol .moduletable-specialreport {
    padding: 10px;
    margin-bottom: 4px;
    /* Box model hack */
    height: 153px;
    height/* */: /**/133px;
    height: /**/133px;
    /* end Box model hack */
    color: white;
    background-color: #A333CC;
}

#rightcol .moduletable-game {
    padding: 10px;
    margin-bottom: 4px;
    /* Box model hack */
    height: 153px;
    height/* */: /**/133px;
    height: /**/133px;
    /* end Box model hack */
    color: white;
    background-color: #ED7140;
}

#rightcol .moduletable-latestnews {
    padding: 10px;
    margin-bottom: 4px;
    /* Box model hack */
    height: 153px;
    height/* */: /**/133px;
    height: /**/133px;
    /* end Box model hack */
    color: white;
    background-color: #A333CC;
}

#rightcol .moduletable-latestnews h3 {
	font-size: 14pt;
	text-align: center;
}

#rightcol .moduletable-latestnews ul {
	margin-left: 1em;
	font-size: 85%;
}

#rightcol .moduletable-polls {
    padding: 40px 10px 10px 10px;
    margin-bottom: 4px;
    color: white;
    height: 100%; /* IE 5.5 breaks withoud this */
    background-color: black;
    background-image: url(../../../images/stories/layout/ttl_19a.gif);
    background-repeat: no-repeat;
    background-position: center 10px;
}

#rightcol .moduletable-polls table {
    font-size: 11px;
    text-align: left;
    color: white;
}

#rightcol .moduletable-polls label {
    font-size: 10px;
}

#rightcol .pollstableborder-polls {
    margin: 10px 0;
}

#rightcol .pollstableborder-polls td {
    padding: 3px;
}

#rightcol .button {
    padding: 0;
    width: 0;
    overflow: visible;
}

#rightcol .button[class] {
    width: auto;
}

/*      Other modules
============================================================================ */
#content .moduletable-title  {
    float: left;
    width: 213px;
}

/*      Pathway
============================================================================ */
div.moduletable-pathway {
    float: right;
    padding-top: 10px;
    padding-left: 10px;
    /* Box model hack */
    width: 339px;
    width/* */: /**/329px;
    width: /**/329px;
    /* end Box model hack */
    border-top: 4px solid black;
    font-size: 9px;
    text-transform: lowercase;
}

/*      Quizes
============================================================================ */
.quiz {
    font-size: 11px;
}

.question {
    font-weight: bold;
    text-align: left;
}

div.answer {
    padding-left: 2em;
    text-align: left;
}

/*      Multithumb
============================================================================ */
img.multithumb_1 {
/*    border: 2px solid white;*/
    float: left;
}

td.multithumb_1 {
    text-align: center;
    vertical-align: middle;
    padding: 3px !important;
}

/*      Content
============================================================================ */
.componentheading {
    font-size: 16px;
    font-weight: bold;
/*    line-height: 2em;*/
}

.contentpaneopen .contentheading {
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
}

.contentpaneopen {
    font-size: 11px;
}

#content ul {
    margin-top: 0.5em;
    margin-left: 2em;
}

#content ul li {
    line-height: 1.5em;
}

/* ----- Category table ----- */
.sectiontableentry1 td {
    padding: 0.4em;
    text-transform: lowercase;
    background-color: #E0E0E0;
}

.sectiontableentry2 td {
    padding: 0.4em;
    text-transform: lowercase;
    background-color: #C2C2C2;
}
/* ----- END_Category table ----- */

.back_button {
    margin-top: 2em;
}

.img-shadow {
    float: left;
    background: url(../../../images/shadow.png) no-repeat bottom right !important;
    background: url(../../../images/shadow.gif) no-repeat bottom right;
    margin: 6px 0 0 10px !important;
    margin: 6px 0 0 3px;
}

.img-shadow img {
    display: block;
    position: relative;
    background-color: white;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

.article,
.article p {
    text-align: justify;
    font-size: 11px;
}

.article img {
    float: right;
    clear: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    border: none;
}

.article .article-image {
    float: right;
    clear: right;
}
.article .article-image img { float: none; }

.caption {
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 120%;
}

/*      Frontpage
============================================================================ */
#mainbody-frontpage {
    border-bottom: 4px solid black;
}

#mainbody-frontpage .article_seperator {
    display: none;
}

#mainbody-frontpage .contentpaneopen {
    border-collapse: collapse;
}

.frontpage-block {
    position: relative;
    margin-bottom: 4px;
    width: 380px;
    height: 153px;
/*    background-color: Red;*/
}

.fp-block-left {
    position: absolute;
    top: 0;
    left: 0;
}

.fp-block-right {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 4px solid black;
    padding-top: 4px;
    width: 175px;
    /* Box model hack */
    height: 145px;
    height/* */: /**/137px;
    height: /**/137px;
    /* end Box model hack */
    text-align: right;
}

.fp-block-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 5px;
    width: 213px;
    /* Box model hack */
    height: 93px;
    height/* */: /**/88px;
    height: /**/88px;
    /* end Box model hack */
}

.fp-block-buttons-more {
    position: absolute;
    bottom: 0;
	left: 0;
    width: 94px;
    height: 13px;
}

.fp-block-buttons-next {
    position: absolute;
    bottom: 0;
	right: 0;
    width: 119px;
    height: 13px;
    border: none;
/*    border: 1px solid black;*/
}

/*      Section frontpages
============================================================================ */
td.section-frontpage-left {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    width: 200px;
}

td.section-frontpage-right {
    padding-left: 5px;
}

td.section-frontpage-right td {
    padding-bottom: 5px;
}

td.section-frontpage-left p {
    font-size: 10px;
    background-color: #E9EAE9;
    padding: 8px;
}

td.section-frontpage-right p {
    font-size: 10px;
    margin-bottom: 8px;
    background: none;
}

/* ----- Footer ------------------------------------------------------------ */
#footer {
    font-size: 10px;
    height: 4em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}