html {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
    margin: 0px;
    padding: 23px 11px;
    border: 0px;
    background: #414141 url(../images/background.png) repeat-x 0px 0px;
    font-family: arial, sans;
    font-size: 14px;
    color: #545454;
    cursor: default;
}

div,
img, 
a, 
a:link, 
a:visited, 
a:hover, 
a:active {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

img.title {
    margin-top: 5px;
    margin-bottom: 20px;
}

a, 
a:link, 
a:visited, 
a:hover, 
a:active {
    color: #fb6220;
    text-decoration: underline;
}

h3,
p.title,
div.title,
span.title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

table tr td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
    vertical-align: top;
}


/* HEADER ******************************************************************* */
#header {
    padding: 0px 0px 5px 0px;
    min-height: 86px;
}
#header #cid {
    margin: 0px 0px 5px 29px;
    padding: 0px;
    border: 0px;
}
#header #cid img {
    display: block;
}
#header #smallBanner {
    margin-top: 3px;
    float: right;
}


/* SIDEBAR ****************************************************************** */
#sidebar {
    padding-right: 10px;
}


/* LANGUAGE SELECTOR ******************************************************** */
#i18n {
    float: right;
    width: 224px;
    padding: 0px 6px;
}
#i18n a, 
#i18n a:link, 
#i18n a:visited, 
#i18n a:hover, 
#i18n a:active {
    text-decoration: none;
}
#i18n img {
    margin: 0px 2px 0px 3px;
}


/* REGISTRATION BOX ********************************************************* */
#registrationbox {
    margin: 13px 0px 8px -11px;
    width: 176px;
    height: 114px;
    position: relative;
}
html[lang|=de] #registrationbox {
    background: url(../images/themes/de/community-register.png) no-repeat 0px 0px;
}
html[lang|=en] #registrationbox {
    background: url(../images/themes/en/community-register.png) no-repeat 0px 0px;
}
#registrationbox div {
    position: absolute;
    bottom: 18px;
    right: 4px;
    width: 87px;
    height: 31px;
}
#registrationbox div a {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 87px;
    height: 14px;
    display: block;
    background: url(../images/button.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}
#registrationbox a:hover {
    padding: 8px 0px 9px 0px;
    font-weight: bold;
}


/* MENU ********************************************************************* */
#navmenu {
    margin: 23px 0px 0px 0px;
    padding: 21px 0px 0px 0px;
    background: url(../images/menu-bg2.png) no-repeat 0px 0px;
    width: 161px;
    height: 314px;
}
#navmenu.logged {
    background: url(../images/menu-logged-bg2.png) no-repeat 0px 0px;
    height: 333px;
}
#navmenu a, 
#navmenu a:link, 
#navmenu a:visited, 
#navmenu a:hover, 
#navmenu a:active {
    display: block;
    color: #567;
    text-decoration: none;
    font-family: arial, sans;
    font-size: 13px;
    font-weight: bold;
    margin: 6px 14px;
    padding: 0px 0px 0px 22px;
}
#navmenu a:hover, 
#navmenu a:active, 
#navmenu a.current {
    color: #f9622b;
    background: url(../images/menu-selected-icon.png) no-repeat left center;
}
#navmenuoutline {
    margin: 0px;
    padding-bottom: 21px;
    width: 161px;
    background: url(../images/menu-bottom-bg.png) no-repeat left bottom;
}


/* TABBED PANEL ************************************************************* */
#navtabs {
    width: 742px;
    z-index: 99;
    position: absolute;
    height: 56px;
}
#navtabs td.tab, 
#navtabs td.firsttab,
#navtabs td.lasttab {
    text-align: center;
    vertical-align: middle;
    padding-right: 2px;
}
#navtabs td.lasttab {
    padding-right: 0px;
}
#navtabs td.tab a,
#navtabs td.firsttab a,
#navtabs td.lasttab a {
    text-decoration: none;
    font-family: arial, sans;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: block;
    background: url(../images/tab-bg.png) no-repeat 0px 0px;
    width: 91px;
    height: 40px;
    padding: 6px 0px 10px 0px;
}
#navtabs td.lasttab a {
    background: url(../images/tabnav-edge-big.png) no-repeat 0px 0px;
    height: 12px;
    padding-bottom: 38px;
}
#navtabs td.tab a:hover {
    background: url(../images/tab-bg-hover.png) no-repeat 0px 0px;
}
#navtabs td.lasttab a:hover {
    background: url(../images/tabnav-edge-big-hover2.png) no-repeat 0px 0px;
    padding-bottom: 38px;
}
#navtabs td.firsttab a:hover {
    background: url(../images/tabnav-edge-big-hover3.png) no-repeat 0px 0px;
    padding-bottom: 38px;
}


/* MAIN SECTION ************************************************************* */
#mainsection {
}
#mainsection .tabs {
    width: 742px;
    background: transparent;
}
#mainsection .bg,
#mainsection .content {
/*
    width: 691px;
*/
    padding: 15px 0px 0px 10px;
    width: 711px;
    overflow: hidden;
    background: url(../images/main-bg.png) repeat-y 0px 0px;
}
/*
default = min-height: 427px;
logged  = min-height: 454px / 551px;
*/
#mainsection td.content div.notLogged {
    margin-right: 20px;
}
#mainsection td.content table.twoCols {
    width: 722px;
    /*width: 100%;*/
}
#mainsection td.content div.oneCol {
    margin-right: 20px;
/*
    min-height: 427px;
*/
}
#mainsection td.content table.twoCols td.pageBodyContent {
/*
    min-height: 529px;
*/
    vertical-align: top;
    text-align: left;
}
#mainsection td.content table.twoCols td.userPanel {
    width: 223px;
    overflow: hidden;
}
#mainsection .stats {
    padding: 0px 11px 0px 3px;
    width: 728px;
    height: 109px;
    background: url(../images/mainsection-top-bg3b.png) no-repeat 0px 0px;
}
#mainsection .logged {
    padding: 12px 11px 0px 3px;
    width: 728px;
    height: 97px;
    background: url(../images/mainsection-logged-bg.png) no-repeat 0px 0px;
}
#mainsection .banner {
    width: 728px;
    padding: 0px 11px 0px 3px;
    background: url(../images/main-bg.png) repeat-y 0px 0px;
}
#mainsection .banner img {
    width: 728px;
    height: 90px;
}
#mainsection .bottom {
    background: url(../images/main-bottom-bg.png) no-repeat 0px 0px;
    height: 12px;
    padding-right: 8px;
    width: 734px;
}
#mainsection .links {
    margin-top: 4px;
    color: white;
    text-align: center;
}
#mainsection .links a {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
#mainsection .links a {
    text-decoration: underline;
}


/* SEARCH-BOX *************************************************************** */
#searchbox {
    margin: 9px 5px 9px 7px;
    padding: 3px;
    font-size: 12px;
    width: 390px;
    height: 84px;
    overflow: hidden;
}
#searchbox img {
    padding: 7px 6px;
}
#searchbox input.textfield {
    border: 1px solid #929292;
    color: #575757;
    font-family: arial, sans;
    font-size: 13px;
    background: transparent;
    width: 282px;
    padding: 7px 6px;
    margin: 0px;
}
#searchbox table {
    width: 100%;
}
#searchbox table tr td.col2, 
#searchbox div.btn {
    width: 87px;
    height: 31px;
    padding: 0px;
    margin: 0px;
}


/* SITE-STATS *************************************************************** */
#sitestats {
    margin: 9px 8px 9px 4px;
    font-size: 12px;
    width: 254px;
    padding: 0px 18px 0px 28px;
    height: 72px;
    float: right;
    text-align: left;
}
#sitestats table {
    margin-top: 3px;
    width: 100%;
}
#sitestats table tr td.label, 
#sitestats div.label {
    font-family: arial, sans;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}
#sitestats table tr td.value, 
#sitestats div.value {
    font-family: arial, sans;
    font-size: 18px;
    font-weight: normal;
    color: #fc631d;
    text-align: right;
    vertical-align: bottom;
}


/* LOGIN-BOX **************************************************************** */
#loginbox {
    width: 176px;
    font-family: arial, sans;
    font-size: 8pt;
    margin: -9px 0px 0px -9px;
}
* html #loginbox .box_content_bg {
    height: 90px;
}
#loginbox .box_content_bg {
    min-height: 85px;
    padding-top: 50px;
    margin: 0px;
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
}
* html #loginbox .box_content {
    height: 90px;
}
#loginbox .box_content {
    width: 142px;
    min-height: 80px;
    padding-bottom: 10px;
    margin-left: 19px;
}
#loginbox .login_box {
    border: 1px solid #9dbcd9;
    width: 142px;
    margin-top: 5px;
}
* html #loginbox input.login_user,
* html #loginbox input.login_password {
    height: 17px;
}
#loginbox input.login_user,
#loginbox input.login_password {
    background-color: #aac9eb;
    border: 1px solid #38638b;
    margin: 0px;
    color: #fff;
    padding: 3px;
    width: 134px;
    min-height: 17px;
    font-size: 13px;
    font-family: arial, sans;
}
#loginbox a {
    clear: both;
    float: left;
    margin-top: 10px;
    color: #fff;
    text-decoration: underline;
}
#loginbox .box_footer {
    width: 176px;
    height: 31px;
    background-image: url(../images/login-bg-footer.png);
    background-repeat: no-repeat;
}
input.btnLogin {
    float: right;
    margin-right: 5px;
}


/* NEWS ********************************************************************* */
.news a.readMore {
    color: #fe6229;
}

#news {
    margin-right: 10px;
}

#news img.title {
    margin-left: 10px;
}

td.newsEntry,
div.newsEdgeBg {
    margin: 10px 5px 5px 5px; 
    padding: 10px 20px 10px 10px;
    background: url(../images/bg-edge.png) no-repeat right bottom;
    vertical-align: top;
}
td.newsEntry,
div.newsEntry {
    width: 331px;
    font-weight: normal;
    line-height: 1.5em;
}
div.intro150 {
    margin-top: 10px;
    height: 150px;
    overflow: hidden;
}
div.newsEntry .newsTitle {
    font-weight: bold;
}
td.newsEntry div.readMore,
div.newsEntry div.readMore {
    padding: 8px 0px;
    text-align: right;
}
div.newsEntry div.readMore a {
    font-weight: normal;
    text-decoration: underline;
    color: #fe6229;
}


/* COMMON ******************************************************************* */
input.submit,
input.submit87,
input.submit100,
input.submit175,
input.submitRO {
    background: url(../images/button.png) no-repeat 0px 0px;
    color: white;
    width: 87px;
    height: 31px;
    padding: 7px 0px 10px 0px;
    font-family: arial, sans;
    font-size: 14px;
    font-weight: normal;
    border: 0px;
    cursor: pointer;
}
input.submit100 {
    background: url(../images/button100.png) no-repeat 0px 0px;
    width: 100px;
    height: 31px;
}
input.submit175 {
    background: url(../images/button175.png) no-repeat 0px 0px;
    width: 175px;
    height: 31px;
}
input.submitRO {
    font-weight: bold;
    padding: 8px 0px 9px 0px;
    cursor: pointer;
}

a.button, 
a.button:visited, 
a.button:link, 
a.button:active, 
a.button:hover {
    font-weight: normal;
    color: white;
}

td.left,
.left {
    text-align: left;
}
td.right,
.right {
    text-align: right;
}
td.center,
div.center {
    text-align: center;
}
td.top {
    vertical-align: top;
}
td.bottom {
    vertical-align: bottom;
}
td.middle {
    vertical-align: middle;
}
.nowrap {
    white-space: nowrap;
}

.emptyList {
    font-weight: bold;
    font-style: italic;
    padding: 2em;
    text-align: center;
}

thead tr td {
    border-bottom: 1px solid #545454;
}
tbody tr td.total {
    font-weight: bold;
    border-top: 1px solid #545454;
}
div.section {
    margin-bottom: 15px;
    line-height: 1.5em;
}


/* REGISTRATION FORM ******************************************************** */
#registrationForm {
    margin: 0px;
}
#registrationForm .step {
    padding-bottom: 1.5em;
}
#registrationForm tr td.col1 {
    vertical-align: top;
    text-align: right;
    padding: 5px 6px;
    white-space: nowrap;
}
#registrationForm tr td.col2 {
    vertical-align: middle;
    text-align: left;
    padding: 0px 6px;
    white-space: nowrap;
}
#registrationForm tr td.coreg,
#registrationForm tr td.coregImg {
    padding-top: 10px;
}
#registrationForm tr td.coregImg {
    text-align: center;
}
#registrationForm tr td.coreg img.coreg {
    border: none;
}
#registrationForm tr td.coreg div.coreg {
    font-size: 12px;
    clear: both;
    display: block;
    width: 450px;
    white-space: normal;
}
#registrationForm td.submit {
    background: url(../images/button-center-bg.png) repeat-x 0px 0px;
    width: 200px;
    text-align: center;
}
#registrationForm input.center {
    height: 31px;
    padding: 7px 0px 10px 0px;
    font-family: arial, sans;
    font-size: 14px;
    font-weight: normal;
    border: 0px;
    color: white;
    background: transparent;
}
#registrationForm input.centerRO {
    font-weight: bold;
    padding: 8px 0px 9px 0px;
}
#registrationForm input.left {
    background: url(../images/button-left-bg.png) no-repeat 0px 0px;
    width: 16px;
}
#registrationForm input.right {
    background: url(../images/button-right-bg.png) no-repeat 0px 0px;
    width: 16px;
}


/* DOWNLOAD SURFBAR ********************************************************* */
#surfbarBox {
    margin: 13px 0px 8px -11px;
    width: 176px;
    height: 124px;
    position: relative;
    float: left;
}
#surfbarBox div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 87px;
    height: 31px;
}
#surfbarBox div a {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 87px;
    height: 14px;
    display: block;
    background: url(../images/button.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}
#surfbarBox div a:hover {
    padding: 8px 0px 9px 0px;
    font-weight: bold;
}


/* MESSAGE-BOX ************************************************************** */
#messagebox {
    background: url(../images/messagebox/messagebox-bg.png) no-repeat 0px 0px;
    width: 201px;
    height: 104px;
    margin: 0px 1px 10px 1px;
}
#messagebox table {
    margin: 6px 12px;
    width: 177px; 
    overflow: hidden; 
}
#messagebox table tbody tr td.msgbox {
    width: 177px; 
    overflow: hidden; 
}
* html #messagebox {
    padding-left: 24px;
}
#messagebox td.theme {
/*
    padding-top: 9px;
*/
    padding-top: 5px;
    padding-bottom: 6px;
    height: 21px;
    vertical-align: top;
}
#messagebox td.unread {
    font-weight: bold;
    margin-left: 6px;
    margin-bottom: 5px;
    display: block;
}

#messagebox td a, 
#messagebox td a:link,
#messagebox td a:visited,
#messagebox td a:active {
    text-decoration: none;
    font-weight: normal;
    margin-left: 6px;
    margin-bottom: 5px;
    display: block;
    color: #545454;
}
#messagebox td a:hover {
    text-decoration: underline;
}


/* DOWNLOAD BOX ************************************************************* */
#downloadbox {
    margin: 13px 0px 8px 0px;
    background: url(../images/download-bg.png) no-repeat 0px 0px;
    width: 160px;
    height: 114px;
    position: relative;
}
#downloadbox div.message {
    padding: 55px 15px 0px 15px;
    font-size: 12px;
    color: #545454;
}
#downloadbox div.button {
    position: absolute;
    bottom: -12px;
    right: 0px;
    width: 87px;
    height: 31px;
}
#downloadbox div.button a {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 87px;
    height: 14px;
    display: block;
    background: url(../images/button.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}
#downloadbox div.button a:hover {
    padding: 8px 0px 9px 0px;
    font-weight: bold;
}


/* USERPANEL **************************************************************** */
#myPanel {
    float: right; 
    margin: 0px 10px; 
}

/* search... */
#userSearchPanel2 {
    width: 201px;
    font-size: 12px;
}
#userSearchPanel2 td.search {
    width: 89px;
    height: 33px;
    padding: 0px;
    margin: 0px;
}
html[lang|=de] #userSearchPanel2 td.search {
    background: url(../images/themes/de/search-active.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userSearchPanel2 td.search {
    background: url(../images/themes/en/search-active.jpg) no-repeat 0px 0px;
}
#userSearchPanel2 td.body {
    padding: 0px;
    margin: 0px;
    background: url(../images/myaccount/mypanel-bg.png) repeat-y 0px 0px;
}
#userSearchPanel2 a.listMode,
#userSearchPanel2 a.listMode:link,
#userSearchPanel2 a.listMode:visited,
#userSearchPanel2 a.listMode:active {
    width: 112px;
    height: 33px;
    padding: 0px;
    margin: 0px;
    display: block;
    text-decoration: none;
    border: 0px hidden;
}
html[lang|=de] #userSearchPanel2 a.listMode {
    background: url(../images/themes/de/userlist-inactive.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userSearchPanel2 a.listMode {
    background: url(../images/themes/en/userlist-inactive.jpg) no-repeat 0px 0px;
}
html[lang|=de] #userSearchPanel2 a.listMode:hover {
    background: url(../images/themes/de/userlist-hover.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userSearchPanel2 a.listMode:hover {
    background: url(../images/themes/en/userlist-hover.jpg) no-repeat 0px 0px;
}
/*
#userSearchPanel2 td.upper {
    padding: 12px;
    height: 65px;
}
*/
#userSearchPanel2 input.textfield {
    width: 161px;
    background: transparent;
    padding: 7px;
    border: 1px solid #929292;
    font-size: 12px;
    margin-top: 5px;
}
#userSearchPanel2 div.separator {
    clear: both;
    width: 201px;
    height: 36px;
    background: url(../images/myaccount/separator.png) no-repeat center center;
}
#userSearchPanel2 div.lower {
    padding: 0px 12px 12px 12px;
}
/*
#userSearchPanel2 div.lower img.label {
    margin-bottom: 12px;
}
*/
#userSearchPanel2 img.label {
    margin-bottom: 12px;
}
#userSearchPanel2 select.advSearch {
    width: 177px;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #929292;
/*
    background: transparent;
*/
    background: #ededed;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
}
/*
#userSearchPanel2 div.lower select.age {
    width: 44px;
}
*/
#userSearchPanel2 select.age {
    width: 44px;
}
#userSearchPanel2 td.bottom {
    width: 201px;
    height: 10px;
    padding: 0px;
    margin: 0px;
    background: transparent;
}

/* userlist... */
#userListFrame,
#userListPanel {
    width: 201px;
    height: 343px;
    padding: 0px;
    margin: 0px 0px;
}
#userListPanel tr td {
    padding: 0px;
    margin: 0px;
}
#userListPanel tr td.head {
    height: 33px;
    padding: 0px;
    margin: 0px;
}
#userListPanel table tr td.search {
    width: 89px;
    height: 33px;
    padding: 0px;
    margin: 0px;
}
#userListPanel table tr td.list {
    width: 112px;
    height: 33px;
}
html[lang|=de] #userListPanel table tr td.list {
    background: url(../images/themes/de/userlist-active.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userListPanel table tr td.list {
    background: url(../images/themes/en/userlist-active.jpg) no-repeat 0px 0px;
}
#userListPanel tr td.body {
    padding: 0px;
    margin: 0px;
    width: 201px;
    background: url(../images/myaccount/mypanel-bg.png) repeat-y 0px 0px;
}
#userListPanel tr td.button {
    padding: 0px;
    margin: 0px;
    width: 201px;
    background: url(../images/myaccount/mypanel-bg.png) repeat-y 0px 0px;
    padding-right: 10px;
    height: 33px;
}
#userListPanel tr td.bottom {
    padding: 0px;
    margin: 0px;
    width: 201px;
    height: 10px;
}
#userListPanel tr td.head table tr td.search a.searchMode,
#userListPanel tr td.head table tr td.search a.searchMode:link,
#userListPanel tr td.head table tr td.search a.searchMode:visited,
#userListPanel tr td.head table tr td.search a.searchMode:active {
    width: 89px;
    height: 33px;
    padding: 0px;
    margin: 0px;
    border: 0px hidden;
    display: block;
    text-decoration: none;
}
html[lang|=de] #userListPanel tr td.head table tr td.search a.searchMode {
    background: url(../images/themes/de/search-inactive.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userListPanel tr td.head table tr td.search a.searchMode {
    background: url(../images/themes/en/search-inactive.jpg) no-repeat 0px 0px;
}
html[lang|=de] #userListPanel tr td.head table tr td.search a.searchMode:hover {
    background: url(../images/themes/de/search-hover.jpg) no-repeat 0px 0px;
}
html[lang|=en] #userListPanel tr td.head table tr td.search a.searchMode:hover {
    background: url(../images/themes/en/search-hover.jpg) no-repeat 0px 0px;
}


#userListPanel a.profile,
#userListPanel a.profile:link,
#userListPanel a.profile:visited,
#userListPanel a.profile:active {
    color: #545454;
    text-decoration: none;
}
#userListPanel a.profile:hover {
    font-weight: bold;
}
#userListPanel a.male {
    color: #3c65a5 !important;
}
#userListPanel a.female {
    color: #fc5f1a !important;
}


#userListPanel td.nickname {
    padding: 5px 0px;
    width: 112px;
    text-align: left;
    vertical-align: top;
}
#userListPanel td.age {
    width: 28px;
    padding: 5px 0px 5px 10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
#userListPanel td.male {
    width: 14px;
    padding: 5px 5px 5px 10px;
    text-align: center;
    vertical-align: top;
    color: #3c65a5; 
    font-weight: bold;
}
#userListPanel td.female {
    width: 14px;
    padding: 5px 5px 5px 10px;
    text-align: center;
    vertical-align: top;
    color: #fc5f1a; 
    font-weight: bold;
}
#userListPanel a.button,
a.button100,
a.button175 {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 100px;
    height: 14px;
    display: block;
    background: url(../images/button100.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}
a.button175 {
    width: 175px;
    background: url(../images/button175.png) no-repeat 0px 0px;
}
#userListPanel a.button {
    float: right;
}
#userListPanel a.button:hover,
a.button100:hover,
a.button175:hover {
    padding: 8px 0px 9px 0px;
    font-weight: bold;
}
#userListPanel #listcomp {
    display: block;
    min-height: 275px;
    width: 179px;
    overflow: auto;
}


/* COMMON LISTS ***************************************************************/
table.list {
    background-color: white;
    border-collapse: collapse;
    width: 100%;
}
table.list thead tr td,
table.list tbody tr td,
table.list tfoot tr td {
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    color: #545454;
    padding: 6px 10px;
    margin: 0px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #ffffff;
}
table.list thead tr td.center,
table.list tbody tr td.center,
table.list tfoot tr td.center {
    text-align: center;
}
table.list tbody tr td.top {
    vertical-align: top;
}
table.list thead tr td.right,
table.list tbody tr td.right,
table.list tfoot tr td.right {
    text-align: right;
}
table.list thead tr td {
    text-align: center;
}
table.list thead tr td.left {
    text-align: left;
}
table.list thead tr td,
table.list tbody tr td.blue {
    color: white;
    background-color: #88afd8;  /* blue */
}
table.list tfoot tr td {
    font-weight: bold;
    background-color: #dae6f4;  /* light blue */
}
table.list tbody tr.row1 td,
table.list tbody tr td.dark {
    font-weight: normal;
    background-color: #e6e6e6;  /* gray */
}
table.list tbody tr.err1 td {
    font-weight: normal;
    background-color: #ffcdcd;  /* err1 */
}
table.list tbody tr.err2 td {
    font-weight: normal;
    background-color: #ffe9e9;  /* err2 */
}
table.list tbody tr.row2 td,
table.list tbody tr td.light {
    font-weight: normal;
    background-color: #f4f4f4;  /* light gray */
}
table.list tr.white td,
table.list thead tr.white td,
table.list tbody tr.white td,
table.list tfoot tr.white td,
table.list tr td.white {
    background-color: white;
    color: #545454;
}

#memberProfileView table.list thead tr td,
#memberProfileView table.list tbody tr td,
#memberProfileView table.list tfoot tr td {
    font-size: 10px;
    padding: 3px 10px;
}

/* REF-CENTER  *************************************************************** */
#referralLevels {
    list-style-type: decimal;
}
#refCenter span.label {
    font-weight: bold;
    padding-right: 10px;
    white-space: nowrap;
}
#refCenter div.text {
    float: right; 
    font-weight: normal;
    margin-left: 10px;
}
#refCenter div.refBanner,
#promote div.refBanner {
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    overflow: hidden;
}
#refCenter div.refBannerCode,
#promote div.refBannerCode {
    padding: 10px 0px;
}
#refCenter div.refBannerCode p,
#promote div.refBannerCode p {
    border: 1px solid #f9682e; 
    background-color: #ffffff; 
    padding: 10px; 
    font-family: monospace; 
    white-space: wrap; 
    font-size: 12px;
    color: #343434;
}

/* v2 */
#refCenter div.thumbnail,
#promote div.thumbnail {
    width: 282px;
    height: 194px;
    border: 1px solid #f9682e; 
    background-color: #ffffff; 
}


/* BALLOON HELP ************************************************************* */
div.help {
    margin: 5px 0px 0px -10px;
    padding: 9px 5px 10px 11px;
    position: absolute;
    overflow: visible;
    color: #000000;
    z-index: 999;
}
.helpTitle {
    width: 128px;
    height: 54px;
    margin: 0px;
    padding: 5px 0px 0px 15px;
    color: #ffffff;
    background: url(../images/refcenter/balloon-title-bg.png) no-repeat 0px 0px;
    position: absolute;
    left: 15px;
    top: -9px;
    z-index: 1;
    text-align: left;
}
.helpMsg {
    border: 0px hidden;
    color: #ffffff;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    /*filter: alpha(opacity=85);*/
    /*-moz-opacity: 0.85;*/
    opacity: 0.875;
    z-index: 2;
}
.helpMsg .balloonBg {
    background: url(../images/refcenter/balloon-bg3.png) no-repeat left top;
}
.helpMsg .balloonBottomBg {
    width: 711px;
    height: 32px;
    background: url(../images/refcenter/balloon-footer-bg3.png) no-repeat left bottom;
}
/*
.helpMsg .manual {
    background: url(../images/refcenter/anleitung.png) no-repeat 30px 20px;
}
*/
div.helpBody {
    padding: 40px 20px 0px 30px;
}
a.help {
    color: #ffffff;
}
a.help:hover {
    color: #353a40;
    text-decoration: none;
}
/*
div.help div.button {
    position: absolute;
    bottom: -90px;
    right: 10px;
}
*/
div.help div.button {
    position: absolute;
    bottom: -90px;
    right: 10px;
}
* html div.help div.button {
    position: absolute;
    bottom: 2px;
    left: 617px;
}
/*
div.help div.button a {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 87px;
    height: 14px;
    display: block;
    background: url(../images/button.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}
*/
div.help div.button a {
    font-family: arial, sans;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: white;
    width: 100px;
    height: 14px;
    display: block;
    background: url(../images/button100.png) no-repeat 0px 0px;
    padding: 7px 0px 10px 0px;
}

div.help div.button a:hover {
    padding: 8px 0px 9px 0px;
    font-weight: bold;
    color: white;
}


/* IMPRINT ****************************************************************** */
#imprint {
    margin-right: 10px;
}


/* FAQ ********************************************************************** */
#faq ul {
    list-style-type: none;
    margin: 20px 0px 30px 0px;
    padding: 0px;
}
#faq ul li {
    margin: 10px 0px 0px 0px;
    padding: 0px 10px;
}
#faq ul li a {
    padding-left: 25px;
    background: url(../images/qmark2.png) no-repeat left center;
    height: 16px;
}
#faq div.section {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 20px;
}


/* SMS ********************************************************************** */
#sms {
/***
    margin-right: 10px;
***/
}
#smsContacts {
    background: url(../images/myaccount/sms-contacts-bg.png) no-repeat 0px 0px;
    padding: 10px;
    width: 181px;
    height: 379px;
}
#smsContacts table.outer {
    width: 181px;
    height: 379px;
}
#smsContacts table.outer td.heading {
    height: 21px;
}
#smsContacts table.outer td.upper {
    vertical-align: top;
}
#smsContacts table.outer td.lower {
    vertical-align: bottom;
}
#smsContacts div.contactName {
    /*width: 108px;*/ /* fits when scrollbars not visible */
    width: 92px;
    overflow: hidden;
    white-space: nowrap;
}
#smsContacts div.separator {
    clear: both;
    width: 201px;
    height: 21px;
    margin: 0px -10px;
    background: url(../images/myaccount/separator.png) no-repeat center center;
}
#smsContacts table.inner {
    width: 181px;
}
#smsContacts table.outer table.inner {
    width: 165px;
}
#smsContacts table.inner td {
    padding: 5px 0px;
}
#smsContacts table.inner td.label {
    padding: 5px 0px 0px 0px;
}
#smsContacts table.inner td.icon {
    width: 24px;
}
#smsContacts input.block {
    width: 177px;
}
#smsContacts select.dropdown {
    width: 70px;
}
#sms div.section,
#sms div.ctrlSect {
    clear: both;
    margin-top: 15px;
}
#sms div.ctrlSect {
    margin-top: 25px;
}
#smsForm div.inlineCtrl {
    float: left;
    margin-right: 10px;
}
#smsForm div.lft,
#smsForm div.lft10 {
    float: left;
}
#smsForm div.lft10 {
    margin-left: 10px;
}
#smsForm div.rgt {
    float: right;
}



/* CONTACT FORM ************************************************************* */
#contact table tr td {
    padding-right: 5px;
}
#contact input.text {
    width: 256px;
}
#contact textarea.message {
    width: 256px;
    height: 200px;
}


/* PROFILE FORM ************************************************************* */
table.profileForm tr td {
    padding-right: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}


/* AVATAR ******************************************************************* */
#avatar {
    background: url(../images/avatar-bg.png) no-repeat 0px 0px;
    width: 160px;
    height: 160px;
    margin: 10px;
    overflow: hidden;
}
#avatar td {
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}
#avatar img,
img.avatar {
    max-width: 144px;
    max-height: 144px;
}


/* FORUM ******************************************************************** */
div.forum {
    padding: 5px 0px; 
    text-align: left;
    vertical-align: middle; 
    font-size: 14px; 
    font-weight: bold;
}
.forumThreadIconChooser {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
}
div.forumPostContent {
    width: 327px;
    overflow: hidden;
}


/* ERROR PAGE *************************************************************** */
#errorPage {
    width: 350px; 
    height: 413px; 
    text-align: center; 
    color: #545454; 
    clear: both; 
    padding: 1em;
}
#errorPage p {
    font-size: 14px;
}
#errorPage div {
    padding: 2em;
}



/* TEST ********************************************************************* */
#attention {
    float: right;
    white-space: wrap;
    width: 200px;
}
#attention div, #attention p {
    white-space: wrap;
}


/* MEMBER SEARCH ************************************************************ */
#memberSearchResults #listcomp {
    float: left;
}
#memberSearchResults #listcomp a.profile,
#memberSearchResults #listcomp a.profile:link,
#memberSearchResults #listcomp a.profile:visited,
#memberSearchResults #listcomp a.profile:active {
    color: #545454;
    text-decoration: none;
    float: left;
/*
    margin-right: 15px;
*/
    padding: 0px;
}
#memberSearchResults #listcomp a.profile:hover {
    font-weight: bold;
    padding: 0px 1px 0px 0px;
}
#memberSearchResults #listcomp table.list tr.row1 td,
#memberSearchResults #listcomp table.list tr.row2 td {
    font-size: 12px;
}
#memberSearchResults #listcomp table.list tbody tr.row1 td.male, 
#memberSearchResults #listcomp table.list tbody tr.row1 td.female {
    border-left-color: #e6e6e6 !important;
}
#memberSearchResults #listcomp table.list tr.row2 td.male,
#memberSearchResults #listcomp table.list tr.row2 td.female {
    border-right-color: #f4f4f4 !important;
}
#memberSearchResults #listcomp table.list tr td.nickname a,
#memberSearchResults #listcomp table.list tr td.nickname a.profile,
#memberSearchResults #listcomp table.list tr td.nickname a.profile:link,
#memberSearchResults #listcomp table.list tr td.nickname a.profile:active,
#memberSearchResults #listcomp table.list tr td.nickname a.profile:hover,
#memberSearchResults #listcomp table.list tr td.nickname a.profile:visited {
    color: #000000 !important;
    font-size: 12px;
}
#memberSearchResults #listcomp table.list tr td.nickname {
    border-right: 0px hidden transparent;
}
#memberSearchResults #listcomp table.list tfoot tr td.left {
    border-right: 0px hidden transparent;
}
#memberSearchResults #listcomp table.list tfoot tr td.right {
    border-left: 0px hidden transparent;
}
#memberSearchResults {
    padding-right: 10px;
}
#memberSearchResults #listnav {
    display: block;
    width: 487px;
    margin: 10px 0px;
    padding-right: 10px;
    text-align: right;
}
#memberSearchResults #listcomp span.currentPage {
    font-weight: bold;
    font-size: 13px;
}
#memberSearchResults #listcomp table.list {
    float: left;
}
#memberSearchResults #listcomp table.list thead tr td,
#memberSearchResults #listcomp table.list tbody tr td,
#memberSearchResults #listcomp table.list tfoot tr td {
    text-align: center;
    vertical-align: top;
    width: 35px;
} 

#memberSearchResults #listcomp table.list thead tr td.col1,
#memberSearchResults #listcomp table.list tbody tr td.col1,
#memberSearchResults #listcomp table.list tfoot tr td.col1 {
    width: 75px;
    text-align: left;
}
#memberSearchResults #listcomp table.list tbody tr td.col2 {
    text-align: right;
}
#memberSearchResults #listcomp table.list tbody tr td.col3 {
    text-align: center;
}
#memberSearchResults #listcomp table.list tbody tr td.col4 {
    text-align: center;
}
#memberSearchResults #listcomp table.list tbody tr td.col5 {
    text-align: center;
}
#memberSearchResults #listcomp table.list tbody tr td.col6 {
    text-align: center;
}
#memberSearchResults #listcomp table.list thead tr td.col7,
#memberSearchResults #listcomp table.list tbody tr td.col7,
#memberSearchResults #listcomp table.list tfoot tr td.col7 {
    width: 45px;
    text-align: right;
    padding: 5px 20px;
}
#memberSearchResults #listcomp table.list thead tr td.col7 {
    text-align: center;
}
#memberSearchResults #listcomp table.list tr td.left {
    text-align: left;
}
#memberSearchResults #listcomp table.list tr td.center {
    text-align: center;
}
#memberSearchResults #listcomp table.list tr td.right {
    text-align: right;
}

/* LOTTERY ****************************************************************** */
input.euroAmount,
input.centAmount {
    text-align: right;
    width: 2em;
}
input.euroAmount {
    width: 4em;
}

#lottery {
}

input.lotteryNumber {
    width: 3em;
    text-align: center;
}

.winningNumber {
    font-weight: bold;
    color: #fc5f1a !important;
}
.bonusNumber {
    font-weight: bold;
    color: #3c65a5 !important;
}
td.ticket1st {
    text-align: left;
    padding-right: 5px;
}
td.ticket1st div {
    overflow: hidden;
}
td.ticket2nd {
    text-align: right;
    padding-left: 5px;
    white-space: nowrap;
}


/* RANKING ****************************************************************** */
#ranking div.ranking {
    float: left; 
    margin-bottom: 10px;
}
#ranking div.small {
    width: 240px; 
}
#ranking div.large {
    width: 350px; 
}


/* *** ADDITIONAL *** */
div.hline,
td.hline {
    background: url(../images/bg-hline.png) repeat-x left bottom;
    padding: 10px;
    margin-right: 10px;
}
div.edge,
table.edge,
td.edge {
/*
    margin: 10px;
*/
    margin-right: 10px;
    background: url(../images/bg-edge.png) no-repeat right bottom;
}
/*
*/
div.vline,
td.vline {
    background: url(../images/bg-vline.png) repeat-y right top;
    padding-right: 20px;
    margin-right: 10px;
}
