html, body { height: 100%; }body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #888888;background-image: url(../layout/bg_body.gif);background-repeat: repeat-x;background-color: #EBEBEB;}a:link { color: #4E7391; text-decoration: none; outline: none; }a:visited { color: #4E7391; text-decoration: none; outline: none; }a:hover { color: #4E7391; text-decoration: underline; outline: none; }a:active { color: #4E7391; text-decoration: none; outline: none; }/* Basic Structure */div#page { width: 1000px; min-height: 100%; margin: 0px auto; position: relative; }div#header,div#navigation,div#columns  { width: 100%; left: 0px; position: absolute; }h1#startpage { width: 463px; height: 184px; position: absolute; z-index: 30; }div#header { height: 150px; top: 0px; z-index: 20; background-image: url(../layout/bg_header.png); background-position: 150px 0px; background-repeat: no-repeat; }#header_animation { position: absolute; width: 750px; height: 150px; top: 0px; left: 150px; }#header_animation:focus { outline: 0; }#lost-password-link { position: absolute; bottom: 26px; right: 25px; float: right; }div#navigation { height: 41px; top: 143px; background-image: url(../layout/bg_navigation.png); background-position: bottom left; background-repeat: no-repeat; }div#columns { min-height: 300px; top: 184px; padding-bottom: 80px; background-image: url(../layout/bg_columns.jpg); background-position: bottom left; background-repeat: repeat-x; background-color: #FFFFFF; z-index: 20; }div#footer { width: 1000px; height: 24px; bottom: 0px; background-color: #49B0D9; position: absolute; }/* Navigation Section */div#navigation ul {margin-left: 200px;font-size: 14px;list-style: none;position: relative;z-index: 35;}div#navigation ul li { height: 41px; display: inline-block; }div#navigation ul li a {height: 25px;padding: 16px 17px 0px 15px;color: #FFFFFF;text-decoration: none;background-image: url(../layout/bg_navigation_link.gif);background-position: bottom left;background-repeat: no-repeat;display: inline-block;}div#navigation ul li.active + li a,div#navigation ul li:first-child a { background-image: none; }div#navigation ul li:first-child a { padding-left: 0px; }div#navigation ul li.active {padding-left: 10px;background-image: url(../layout/bg_navigation_active_left.png);background-position: top left;background-repeat: no-repeat;}div#navigation ul li.active a {padding-left: 5px;color: #FFFFFF;background-image: url(../layout/bg_navigation_active_right.png);background-position: top right;background-repeat: no-repeat;}/* Columns Section */div.column { margin-top: 17px; position: relative; float: left; }div#column_left,div#column_right { width: 181px; margin: 17px 19px 0px 20px }div#column_center { width: 760px; margin-left: 20px; }/* Do we have three Columns? */div#column_left + div#column_center { width: 560px; margin-left: 0px; }/* Rounded Boxes (Sidebars) */div.box { margin-bottom: 18px; font-size: 12px; color: #4E7391; }div.box_heading { height: 21px; padding: 8px 12px 0px; background-image: url(../layout/bg_box_heading.gif); background-repeat: no-repeat; }div.box_content { padding: 12px 10px 0px; background-image: url(../layout/bg_box_content.gif); background-repeat: repeat-y; }div.box_footer { height: 21px; background-image: url(../layout/bg_box_bottom.gif); background-repeat: no-repeat; }div.box_content div,div.box_content p { padding-bottom: 5px; }/* Individual Box Styling */div.recommendation div.input input {width: 109px;height: 22px;padding: 5px 17px 0px 34px;background-image: url(../layout/bg_box_recommendation_input.gif);background-repeat: no-repeat;}/* Hide too long contents */p#news_contents { width: 161px; overflow: hidden; }/* Content Boxes */div.box_big { margin-bottom: 17px; background-position: 8px 10px; background-repeat: no-repeat; background-color: #EBEBEB; }div.box_big_header { padding: 9px 50px 8px 50px; border-bottom: 1px solid #FFFFFF; }div.box_big_content { padding: 17px; }/* Content Box Styling */div.box_big_content table { width: 100%; margin-bottom: 17px; background-color: #FFFFFF; }div.box_big_content table th { font-weight: 800; color: #4E7391; }div.box_big_content table td { border-left: 1px solid #E1E1E1; }div.box_big_content table td:first-child { border-left: none; }div.box_big_content table th,div.box_big_content table td { padding: 5px 10px; border-bottom: 1px solid #9B9B9B; }div.box_big_header h2 { font-size: 26px; color: #9B9B9B; }/* Wide Boxes in Content */div.box_twocol { width: 759px; margin-bottom: 20px; cursor: pointer; }div.box_twocol_header { height: 12px; background-image: url(../layout/bg_box_twocol_heading.gif); background-repeat: no-repeat; }div.box_twocol_content { min-height: 97px; background-image: url(../layout/bg_box_twocol_content.gif); background-repeat: repeat-y; position: relative; }div.box_twocol_content_container { padding-left: 154px; background-position: 30px 3px; background-repeat: no-repeat; }div.box_twocol_content_container:hover * { color: #4E7391 !important; }div.box_twocol_footer { height: 12px; background-image: url(../layout/bg_box_twocol_footer.gif); background-repeat: no-repeat; }div.box_twocol_content a { text-decoration: none; color: #808080; }div.box_twocol_content a:hover { text-decoration: none; color: #4E7391 !important; } div.box_twocol_content h2 { margin-bottom: 5px; font-size: 26px; color: #4E7391; }div.box_twocol_content p { padding-right: 20px; font-size: 14px; line-height: 20px; color: #9B9B9B; }img.box_teaser { top: 3px; left: 30px; position: absolute; }/* Individual Boxes */div.twocol_status { background-image: url(../layout/icons/ico_stats.gif); }div.twocol_status:hover { background-image: url(../layout/icons/ico_stats_active.gif); }div.twocol_communicate { background-image: url(../layout/icons/ico_communicate.gif); }div.twocol_communicate:hover { background-image: url(../layout/icons/ico_communicate_active.gif); }div.twocol_join { background-image: url(../layout/icons/ico_join.gif); }div.twocol_join:hover { background-image: url(../layout/icons/ico_join_active.gif); }/* Controls */span.controls img { margin-left: 5px; }/* Table Sorting */th.sortcol { cursor: pointer; background-position: 2px 7px; background-repeat: no-repeat; }th.nosort { cursor: default; }th.sortasc { background-image: url(../layout/btn_sort_asc.gif); }th.sortdesc { background-image: url(../layout/btn_sort_desc.gif); }/* Footer Section */div#footer ul { padding-top: 7px; text-align: center; font-size: 9px; list-style: none; }div#footer ul li { padding-left: 2px; border-left: 1px solid #FFFFFF; display: inline;}div#footer ul li:first-child { padding-left: 0px; border-left: none; }div#footer ul li a { color: #FFFFFF; text-decoration: none; }/* Misc */.clearer { clear: both; }.aligncenter { text-align: center; }.alignright { text-align: right; }/* cakeDebug */.cake-sql-log { z-index: 1000; position: absolute; border: 1px solid gray; top: 1px; max-height: 100px; overflow:scroll; background-color: #c0c0c0; color: black}/* viewlist */dl {line-height: 2em;margin: 0em 0em;width: 100%;}dt {font-weight: bold;padding-left: 4px;vertical-align: top;width: 200px;}dd {margin-left: 200px;margin-top: -2em;vertical-align: top;}/* Session flash box */div.session_flash_box img { margin-right: 4px; vertical-align: middle; }div.session_flash_box { font-weight: 800; border: 3px solid #49B0D9; font-size: 14px; margin-bottom: 17px; padding: 10px; background-color: #EBEBEB; }div.session_flash_box_bad img { margin-right: 4px; vertical-align: middle; }div.session_flash_box_bad { color: #303030; font-weight: 800; border: 3px solid #E77471; font-size: 14px; margin-bottom: 17px; padding: 10px; background-color: #EBEBEB; }/* Unsorted Lists in right boxes */.box_content ul, div.highscore ol { padding: 3px 3px 3px 20px ; }.box_content li, div.highscore li { margin: 2px 0px 2px 0px; }.highscore_rank { width: 50px; }.highscore-img { width: 50px; height: 50px; float: left; }.highscore-name { padding-left: 70px; padding-top: 1.5em; }/* Paginator */div.paging div.disabled { display: none; }.action { padding: 5px; }div.paging { text-align: center; }/* Non editable Views */.box_big_content h5 { padding-left: 4px; font-size: 120%; margin: 2px 0; }.box_big_content ul { padding: 3px 3px 3px 20px; margin-bottom: 5px; }.box_big_content li { margin: 2px 0px 2px 0px; }/* View Button Action */.box_big_content div.imagebutton { margin-top: 13px; }.box_big_content div.instroduction { width: 405px; padding: 13px 0; }/* Edit view enhancement */div.txt_mass_boxes h5 { font-weight: 600; margin: 23px 0 7px; padding: 0; font-size: 12px}/* Action column */td.actioncolumn { width: 69px; text-align: center; }/* FAQ */p.faq, ul.faq {display: block;margin-bottom: 2em;}ul.faq {margin-left: 0px;text-indent: -1em;list-style: none;}p.faq a {font-weight: bold;display: block;margin-bottom: 1em;}p.faq a:hover {text-decoration: none;color: #888888;}p.faq ul li a:link { color: #4E7391; text-decoration: none; outline: none; }p.faq ul li a:visited { color: #4E7391; text-decoration: none; outline: none; }p.faq ul li a:hover { color: #4E7391; text-decoration: underline; outline: none; }p.faq ul li a:active { color: #4E7391; text-decoration: none; outline: none; }p.faq a.textlink:link { font-weight: normal; display: inline; margin-bottom: 0px; color: #4E7391; text-decoration: none; outline: none; }p.faq a.textlink:visited { font-weight: normal; display: inline; margin-bottom: 0px; color: #4E7391; text-decoration: none; outline: none; }p.faq a.textlink:hover { font-weight: normal; display: inline; margin-bottom: 0px; color: #4E7391; text-decoration: underline; outline: none; }p.faq a.textlink:active { font-weight: normal; display: inline; margin-bottom: 0px; color: #4E7391; text-decoration: none; outline: none; }/* Privacy Policy */p.privacy {display: block;margin-bottom: 1em;}span.privacy_heading {font-weight: bold;}/* teaser */#teaser_right {width: 181px;height: 199px;margin-top: 15px;background-image: url(../layout/laxelle_teaser_small.gif);}