/**
    The most used classes
*/
.block {
    display:block;
}
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.clearNoLine {
    clear: both!important;
    line-height:0px!important;
    height:0px!important
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.center {
    text-align: center;
}
.hidden {
    display: none!important;    
}

.mask {
    display: none!important;    
}

.invisible {
    visibility: hidden;
}

.hand {
    cursor: hand;
    cursor: pointer;
}

.help {
    cursor: help;
}

.orangeFont, .orangeText {
    color: #CB8434; /*#F09200;*/
}

.orangeFont a {
    color: #CB8434;
    text-decoration: none;
}

a.decorationNone, a.decorationNone:hover {
    text-decoration: none;
}

.darkGreyFont {
    color: #828383;
}

.darkGreyLink a {
    color: #828383;
}

.whiteFont, .white {
    color: #FFFFFF;
}


.whiteFont, .white a {
    color: #FFFFFF;
    text-decoration: none;
}

.normalText {
    color:#323232;
}

.rightBorder {
    border-right: 1px solid #000000;
}

.bottomSpace {
    margin-bottom: 20px;
}

.relative {
    position: relative;
}


#footer {
    height: 50px;
    background-image:url(../img/new-images/ph_gradient_middle.jpg);
    background-repeat:repeat-x;
}


.greyLine {     
    border-top:1px solid #c9c9c9;
}
.dotLine {
    border-top: 1px dotted #949494;
    margin-bottom:10px;
    margin-top:10px;
}

.subHeadline {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}

.headlineSize {
    font-size: 18px !important;
}

.small {
    font-size: 10px;
}
.smaller {
    font-size: 12px;
}

.grey {
    color: #818181;
}

.normalInput {
    border: 1px solid #999999;
    color: #323232;
    height: 20px;
    padding: 0px !important;    
    margin: 0px !important; 
    display: block;
}

/**
*  global elements
*/
body {
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center top; 
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    font-weight:bold;
    color:#323232;
}
body.viewtickets {
    margin: 0;
    padding: 0;
    background-color: #000000;
    background-image: url(../img/new-images/wallpaper_default_1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

a {
    color: #686868;
    font-size: 12px;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

.websiteWidth {
    width:959px
}
/**
    the classes used in all pages
*/
#userouterbox {
    margin:0 auto;  
    display:block;
    height: 140px;
    width: 959px;
}

#userouterbox .usersinfoBox {
    position: absolute;
    z-index: 1;
    width: 947px;
    color: #f8f8f8;
    font-size: 10px;
    top: 105px;
}

#userouterbox .usersinfoBox .userStatus {
    margin-top:14px;
}

.texthead {
    color: #CA7C29;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #C0C0C0;
    font-size: 16px;
    font-weight: bold;
    float: none;
}
.textbottom {
    margin: 0;
    padding: 0 0 20px 0;
    min-height: 100px;
}

.bottomGradiantShadow {
    background: url(../img/new-images/accountShop/offer_info_bg.jpg) repeat-x top left #FFFFFF;
    height: 60px;
    margin: 1px 0 10px 0;
}

/**
*  logo style
*/
#userouterbox #header {
    height: 107px;
    width: 960px;
    background: url(../img/new-images/header_logo_0.png);
    background-repeat: no-repeat;
    margin-top:19px;
    margin-bottom:6px;
}

#userouterbox .logoWrapper #logo {
    border: none;
}


/**
* statusBox style
*/
.statusBoxWrapper {
    width: 494px;  
    /*height: 95px;  */
    color: #FFFFFF;
}

.roundCornerBottom, 
.roundCornerBottom span,
.roundCornerBottom span span {
    display: block;
    height: 10px;
    font-size: 1px;
    z-index:2;
}

.statusBoxWrapper .statusBoxContent {
    background-image:url(../img/new-images/bg_filling.png);  
    background-repeat:repeat;
    height: 70px;
    /*overflow:hidden;*/
}

.roundCornerBottom, 
.roundCornerBottom span {       
    background-image:url(../img/new-images/bg_corners.png);      
    background-repeat: no-repeat;
   
}
.roundCornerBottom {
    background-position: 0 -20px
}
.roundCornerBottom span {
    background-position: 100% -30px
}
.roundCornerBottom span span {
    background-image:url(../img/new-images/bg_filling.png);  
    background-repeat:repeat;
    margin-left:10px;
    margin-right:10px;
}


.comunityBox {
    margin-right: 19px;
    margin-top: 15px;
}

.comunityBox img {
    margin-right: 8px;
    height: 28px;
    width: 28px;
}

.comunityBox .facebookshare {
    margin-right: 11px;
    margin-top: 5px;
}


/**
*  style for the content box and navigation
*/
.pageContent {
    display:block;
    background-image:url(/img/new-images/bg_filling.png);         
    padding-left:18px;
    padding-right:18px;    
    padding-bottom: 12px;
    zoom: 100%;
    color: #000000;
    font-weight: normal;
    margin-bottom: 0px;
}

/**
* style for navigationPoints
**/

#navigation {
    padding-left: 20px;  
    padding-bottom:5px;
    padding-top: 10px;
    height:36px;
}

#navigation a:link,
#navigation a:visited,
#navigation a:focus,
#navigation a:active {
    font-family: "Lucida Sans",Helvetica,Arial,Verdana,sans-serif;   
    color: #e5e5e5; 
    text-decoration: none;
    font-size:9pt;
    font-weight:bold;
}

#navigation #headerTopNav {
    width:595px;
    font-family: "Lucida Sans",Helvetica,Arial,Verdana,sans-serif;   
    font-size: 9pt;
    color: #e5e5e5;
}


#navigation #headerTopNav .left  a{
    padding-right : 20px ;
    color: #CA7C29;
}
#navigation #headerTopNav  .active a {
    color:#e5e5e5;
}


#upAndDown {
    position: absolute;
    width: 24px;
    height: 70px;
    z-index: 5;
    background-image: url(../img/new-images/btn_sitemap.png);
}

* html #upAndDown {
    position: absolute; 
}

#upAndDown #upBtn {
    width: 24px;
    height: 35px;
    cursor: pointer;
}

#upAndDown #downBtn {
    width: 24px;
    height: 35px;
    cursor: pointer;
}



/* Wrapper RoundedBottom on Naviboxes */

.headerTopNav .content span.roundCornerBottom, 
.headerTopNav .content span.roundCornerBottom span,
.headerTopNav .content span.roundCornerBottom span span {
    display: block;
    height: 4px;
    font-size: 1px;
    z-index:2;
    clear: both;

}

.headerTopNav .content span.roundCornerBottom, 
.headerTopNav .content span.roundCornerBottom span {       
    background-image:url(../img/new-images/subnavi_frame_corners.png);      
    background-repeat: no-repeat;

   
}
.headerTopNav .content span.roundCornerBottom {
    background-position: 0 0px
}
.headerTopNav .content span.roundCornerBottom span {
    background-position: 100% -4px
}
.headerTopNav .content span.roundCornerBottom span span {
    background-image: url(../img/new-images/subnavi_frame_middle.png);  
    background-repeat:repeat;
    margin-left:5px;
    margin-right:5px;
}



/**
*  style for the module white boxes with rounded corners
*/
.whiteBoxRoundedCorner {

}
.whiteBoxRoundedCornerTop,
.whiteBoxRoundedCornerTop span,
.whiteBoxRoundedCornerTop span span,
.whiteBoxRoundedCornerBottom,
.whiteBoxRoundedCornerBottom span,
.whiteBoxRoundedCornerBottom span span {
    display: block;
    height: 7px;
    font-size: 1px;
    z-index:-50000;
}

.whiteBoxRoundedCornerTop,
.whiteBoxRoundedCornerTop span,
.whiteBoxRoundedCornerBottom,
.whiteBoxRoundedCornerBottom span {
    background-image:url(../img/new-images/whitebox_corners.png);
    background-repeat: no-repeat;
    clear: both;
    z-index:-50000;

}

.whiteBoxRoundedCornerTop span span,
.whiteBoxRoundedCornerBottom span span {
    background-image:url(../img/new-images/whitebox_filling.png);
    background-repeat:repeat;
    margin-left:7px;
    margin-right:7px;
}

.whiteBoxRoundedCornerTop span {
    background-position: 100% -7px
}
.whiteBoxRoundedCornerBottom {
    background-position: 0 -14px
}
.whiteBoxRoundedCornerBottom span {
    background-position: 100% -21px
}

.userTicketDataBox {
    background-image:url(../img/new-images/whitebox_filling.png);   
    display:block;
    overflow:hidden;
    padding-top:10px;    
    padding-bottom:10px;    
    padding: 20px 30px;
    float: none;
}

/**
*  gradient that is at the bottom of the white box with round corners
*/
.whiteBoxRoundedCorner .backGradient {
    display:block;
}

.whiteBoxRoundedCorner .backGradient .leftGradient,
.whiteBoxRoundedCorner .backGradient .rightGradient {
    background-image:url(../img/new-images/ph_gradient_corners.jpg);                         
    background-repeat:no-repeat;
}

.whiteBoxRoundedCorner .backGradient .leftGradient {
    background-position:0 0;
    width:51px;
    height:51px;
}
.whiteBoxRoundedCorner .backGradient .middleGradient {
    background-image:url(../img/new-images/ph_gradient_middle.jpg);                      
    background-repeat:repeat-x;
    height:50px;
    width:349px;
}
.whiteBoxRoundedCorner .backGradient .rightGradient {
    background-position:0 -51px;
    width:51px;
    height:52px;
}


/**
*   style for the gray box found on top of some modules in the homepage
*/

div.grayTitleBoxWrapper {
    display:block;
    overflow:hidden;    
    height:30px;    
}

div.grayTitleBoxWrapper div.grayTitleBoxLeft {
    background-image:url(../img/new-images/grauer_balken_leftcorner.png);  
    float:left;
    width:6px;
    height:30px;    
}

div.grayTitleBoxWrapper div.grayTitleBoxMiddle {
    background-image:url(../img/new-images/grauer_balken_middle.png);  
    background-repeat:repeat-x;
    float:left;
    width:97%;
    text-align:center;
    padding-top:8px;
    height:30px;
    font-weight: bold !important;
    text-transform: uppercase;
}

div.grayTitleBoxWrapper div.grayTitleBoxRight {
    background-image:url(../img/new-images/grauer_balken_rightcorner.png);  
    float:left;
    width:6px;
    height:30px;    
}

/**
 styles for the tabs
*/
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs {
    display:block;
    overflow:hidden;        
}

.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsLeft .tabLeft,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsLeft .tabMiddle,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsLeft .tabRight,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsMiddle .tabLeft,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsMiddle .tabMiddle,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsMiddle .tabRight,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsRight .tabLeft,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsRight .tabMiddle,
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs .tabsRight .tabRight { 
    background-image:url(../img/new-images/allTabs.png); 
    height:30px;
    float:left;       
}

/**
*   when the left tab is activated
*/
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsLeft .tabLeft {
    background-position: 0% -61px;                       
    background-repeat:no-repeat;
    width:5px;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsLeft .tabMiddle { 
    background-image:url(../img/new-images/wt_middle.jpg);
    background-repeat:repeat;
    text-align:center;
    padding-top:7px;
    height:23px;    
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsLeft .tabRight {
    background-position: 0% -123px;                      
    background-repeat:no-repeat;
    width:10px;
}

.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsMiddle .tabLeft {
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat:repeat;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsMiddle .tabMiddle { 
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat:repeat;
    text-align:center;
    padding-top:7px;
    color:#fff;
    font-weight:bold;
    height:23px;
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsMiddle .tabRight {
    background-image:url(../img/new-images/blue_red_spacer.jpg);
    background-repeat:repeat;                    
    background-repeat:no-repeat;
    width:2px;
}

.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsRight .tabLeft{
    background-image:url(../img/new-images/rt_middle.jpg);
    background-repeat:repeat;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsRight .tabMiddle { 
    background-image:url(../img/new-images/rt_middle.jpg);
    background-repeat:repeat;     
    text-align:right;
    padding-top:10px;
    padding-right:17px;
    text-decoration:underline;
    font-size:9px;
    color:#fff;
    height:20px;
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabLeft .tabsRight .tabRight {
    background-position: 0% -30px;               
    background-repeat:no-repeat;
    width:6px;    
}

/* when the middle tab is activated*/

.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsLeft .tabLeft{
    background-position: 0% 0px;                     
    background-repeat:no-repeat;
    width:5px;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsLeft .tabMiddle { 
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat:repeat;  
    text-align:center;
    padding-top:7px;
    color:#fff;
    font-weight:bold;
    height:23px;
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsLeft .tabRight {
    background-position: 0 -92px;                        
    background-repeat:no-repeat;
    width:11px;
}

.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsMiddle .tabLeft{
    background-position: 0% -61px;                       
    background-repeat:no-repeat;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsMiddle .tabMiddle { 
    background-image:url(../img/new-images/wt_middle.jpg);
    background-repeat:repeat;
    margin-left:0;    
    text-align:center;
    padding-top:7px;
    height:23px;
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsMiddle .tabRight {
    background-position: 0% -154px;                      
    background-repeat:no-repeat;
    width:11px;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsRight .tabLeft{
    background-image:url(../img/new-images/rt_middle.jpg);
    background-repeat:repeat;
    margin-left:-1px;   
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsRight .tabMiddle { 
    background-image:url(../img/new-images/rt_middle.jpg);
    background-repeat:repeat;    
    text-align:right;
    padding-top:10px;
    padding-right:17px;
    text-decoration:underline;
    font-size:9px;
    color:#fff;
    height:20px;
    overflow:hidden;
}
.whiteBoxRoundedCorner .whiteBoxRoundedCornerTopTabs.activeTabMiddle .tabsRight .tabRight {
    background-position: 0% -30px;               
    background-repeat:no-repeat;
    width:6px;    
}

div.greyShadowSpacer20px {
    background-image:url(../img/new-images/grauer_balken_shadow.png);                        
    background-repeat:repeat-x;
    height:20px;
    display:block;
    clear:both;      
    position:relative;
    top:-6px;
    z-index:-1;
}

div.greyShadowSpacer30px {
    background-image:url(../img/new-images/box_shadow.png);                      
    background-repeat:repeat-x;
    height:30px;
    display:block;    
    position:relative;
    top:-6px;
    z-index:-1;
}

#mightyShadowLayer {
    position: absolute;
    z-index: 90000;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    background-color: #FFFFFF;
}

/**
* Position of all flags in flags.jpg
*
**/
.flag_ar{
    background-position: 100% -647px;
    background-repeat:no-repeat;   
}
.flag_bg{
    background-position: 100% 0;                         
    background-repeat:no-repeat;   
}
.flag_cl{
    background-position: 100% -631px;
    background-repeat:no-repeat;   
}
.flag_co{
    background-position: 100% -599px;
    background-repeat:no-repeat;   
}
.flag_ch{
    background-position: 100% -257px;                        
    background-repeat:no-repeat;   
}
.flag_id{
    background-position: 100% -15px;                         
    background-repeat:no-repeat;   
}
.flag_no{
    background-position: 100% -32px;                         
    background-repeat:no-repeat;   
}
.flag_da{
    background-position: 100% -47px;                         
    background-repeat:no-repeat;   
}
.flag_pt{
    background-position: 100% -62px;                         
    background-repeat:no-repeat;   
}
.flag_nl{
    background-position: 100% -77px;                         
    background-repeat:no-repeat;   
}
.flag_fi{
    background-position: 100% -92px;                         
    background-repeat:no-repeat;   
}
.flag_tr{
    background-position: 100% -107px;                        
    background-repeat:no-repeat;   
}
.flag_cs{
    background-position: 100% -122px;                        
    background-repeat:no-repeat;   
}
.flag_es{
    background-position: 100% -137px;                        
    background-repeat:no-repeat;   
}
.flag_sv{
    background-position: 100% -152px;                        
    background-repeat:no-repeat;   
}
.flag_ru{
    background-position: 100% -167px;                        
    background-repeat:no-repeat;   
}
.flag_it{
    background-position: 100% -182px;                        
    background-repeat:no-repeat;   
}
.flag_fr{
    background-position: 100% -197px;                        
    background-repeat:no-repeat;   
}
.flag_pl{
    background-position: 100% -212px;                        
    background-repeat:no-repeat;   
}
.flag_us, .flag_en_US{
    background-position: 100% -227px;                        
    background-repeat:no-repeat;   
}
.flag_gb, .flag_en_GB{
    background-position: 100% -242px;                        
    background-repeat:no-repeat;   
}
.flag_de{
    background-position: 100% -257px;                        
    background-repeat:no-repeat;   
}
.flag_br, .flag_pt_BR{
    background-position: 100% -272px;                        
    background-repeat:no-repeat;   
}
.flag_sk{
    background-position: 100% -302px;                        
    background-repeat:no-repeat;   
}
.flag_be, .flag_fr_BE, .flag_nl_BE{
    background-position: 100% -287px;                        
    background-repeat:no-repeat;   
}
.flag_el{
    background-position: 100% -318px;                        
    background-repeat:no-repeat;   
}
.flag_ro{
    background-position: 100% -332px;                        
    background-repeat:no-repeat;   
}
.flag_hu{
    background-position: 100% -347px;                        
    background-repeat:no-repeat;   
}
.flag_ch{
    background-position: 100% -396px;                        
    background-repeat:no-repeat;   
}
.flag_at{
    background-position: 100% -412px;                        
    background-repeat:no-repeat;   
}
.flag_mx{
    background-position: 100% -535px;
    background-repeat:no-repeat;   
}
.flag_pe{
    background-position: 100% -663px;
    background-repeat:no-repeat;   
}
.flag_ve{
    background-position: 100% -615px;
    background-repeat:no-repeat;   
}
.flag_ja{
    background-position: 100% -503px;
    background-repeat:no-repeat;   
}
.flag_ko{
    background-position: 100% -680px;
    background-repeat:no-repeat;   
}
.flag_zh{
    background-position: 100% -427px;
    background-repeat:no-repeat;   
}

.arrowBigOrange {
    background:transparent url(../img/new-images/gamefeature_arrows1.gif) no-repeat;    
    display:block;
    height:10px;
    margin-left:6px;    
    width:7px;  
    margin-bottom:0px;
}

.arrowSmallOrange {
    background:transparent url(../img/new-images/gamefeature_arrows2.gif) no-repeat;    
    display:block;
    height:7px;
    margin-left:6px;    
    width:7px;  
    margin-bottom:0px;
}

.arrowSmallOrangeInText {
    width:auto!important;
    height:auto!important;
    background-position:100% 6px;
    padding-right:13px;
    margin-top:9px;
    margin-left:0px;    
}


.arrowBigOrangeInText {
    width:auto!important;
    height:auto!important;
    background-position:0 2px;
    margin-left:2px;
    margin-top:5px;
    padding-left:15px;
}

.viewLessButton {
    background:transparent url(../img/new-images/viewLess.png) no-repeat;   
    display:block;
    width:22px;
    height:37px;
}

.deleteButton {
    background:transparent url(../img/new-images/delete.gif) no-repeat;     
    display:block;
    width:22px;
    height:37px;
}


.myGamesListStyle {
    background-color:#1B1B1B;
    border-bottom:1px solid #DFDFDF;
    border-left:1px solid #DFDFDF;
    border-right:1px solid #DFDFDF;
    display:block;
    margin-left:1px;
    margin-top:-4px;
    position:absolute;
    width:106px;
}

.myGamesListStyle .MyGamesChooseHover.firstChild {
    border-top:1px solid #676767;
    margin-top:5px;
    padding-top:5px;
}

.myGamesListStyle .MyGamesChooseHover {
    display:block;
    border-bottom:1px solid #676767;
    font-size:11px;
    font-weight:normal;
    overflow:hidden;    
    margin-left:10px;   
    margin-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}


.myGamesListStyle .MyGamesChooseHover.MyGamesChooseInstance {
    font-size:10px;
    padding-left:5px;
}



/**
*  style for the grey boxes with rounded corners
*/
.greyBoxBoxRoundedCorner {
    display:block;  
    z-index:1;
}
.greyBoxRoundedCorner span.greyBoxRoundedCornerTop,
.greyBoxRoundedCorner span.greyBoxRoundedCornerTop span,
.greyBoxRoundedCorner span.greyBoxRoundedCornerTop span span, 
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom, 
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom span,
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom span span {
    display: block;
    height: 5px;
    font-size: 1px;    
}

.greyBoxRoundedCorner span.greyBoxRoundedCornerTop,
.greyBoxRoundedCorner span.greyBoxRoundedCornerTop span,
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom, 
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom span {       
    background-image:url(../img/new-images/gray_corners.png);    
    background-repeat: no-repeat;   
}

.greyBoxRoundedCorner span.greyBoxRoundedCornerTop span span, 
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom span span {
    background-image:url(../img/new-images/gray_middle.jpg);                         
    background-repeat:repeat;
    margin-left:5px;
    margin-right:5px;    
}

.greyBoxRoundedCorner span.greyBoxRoundedCornerTop span {
    background-position: 100% -6px
}
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom {
    background-position: 0 -11px
}
.greyBoxRoundedCorner span.greyBoxRoundedCornerBottom span {
    background-position: 100% -19px
}

.greyBoxRoundedCorner div.greyBoxRoundedCornerCentral {
    background-image:url(../img/new-images/gray_middle.jpg);    
    display:block;
    overflow:hidden;
    padding-top:10px;    
    padding-bottom:10px;    
}

/**
 blue box
*/
/**
*  style for the grey boxes with rounded corners
*/
.blueBoxBoxRoundedCorner {
    display:block;  
    z-index:1;
}
.blueBoxRoundedCorner span.blueBoxRoundedCornerTop,
.blueBoxRoundedCorner span.blueBoxRoundedCornerTop span,
.blueBoxRoundedCorner span.blueBoxRoundedCornerTop span span, 
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom, 
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom span,
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom span span {
    display: block;
    height: 5px;
    font-size: 1px;    
}

.blueBoxRoundedCorner span.blueBoxRoundedCornerTop,
.blueBoxRoundedCorner span.blueBoxRoundedCornerTop span,
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom, 
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom span {       
    background-image:url(../img/new-images/bluebox_corners.png);    
    background-repeat: no-repeat;   
}

.blueBoxRoundedCorner span.blueBoxRoundedCornerTop span span, 
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom span span {
    background-image:url(../img/new-images/bluebox_1px.jpg);                         
    background-repeat:repeat;
    margin-left:5px;
    margin-right:5px;    
}

.blueBoxRoundedCorner span.blueBoxRoundedCornerTop span {
    background-position: 100% -6px
}
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom {
    background-position: 0 -11px
}
.blueBoxRoundedCorner span.blueBoxRoundedCornerBottom span {
    background-position: 100% -19px
}

.blueBoxRoundedCorner div.blueBoxRoundedCornerCentral {
    background-image:url(../img/new-images/bluebox_1px.jpg);    
    display:block;
    overflow:hidden;
    padding-top:10px;    
    padding-bottom:10px;    
}

/**
 new tabs specially created by the allmighty mastermind that you all know and love
*/
.whiteBoxRoundedCorner .firstTab .leftPart,
.whiteBoxRoundedCorner .firstTab .middlePart,
.whiteBoxRoundedCorner .firstTab .rightPart,
.whiteBoxRoundedCorner .secondTab .leftPart,
.whiteBoxRoundedCorner .secondTab .middlePart,
.whiteBoxRoundedCorner .secondTab .rightPart,
.whiteBoxRoundedCorner .thirdTab .leftPart,
.whiteBoxRoundedCorner .thirdTab .middlePart,
.whiteBoxRoundedCorner .thirdTab .rightPart,
.whiteBoxRoundedCorner .fourthTab .middlePart,
.whiteBoxRoundedCorner .fourthTab .rightPart {
    background-image:url(../img/new-images/allTabs.png);
    float: left;
    height: 30px;    
}


.whiteBoxRoundedCorner .firstTab .leftPart,
.whiteBoxRoundedCorner .secondTab .leftPart,
.whiteBoxRoundedCorner .thirdTab .leftPart {
    width: 5px;
    background-repeat: no-repeat;
}

.whiteBoxRoundedCorner .firstTab .rightPart,
.whiteBoxRoundedCorner .secondTab .rightPart,
.whiteBoxRoundedCorner .thirdTab .rightPart {
    width: 10px;
    background-repeat: no-repeat;
}

.whiteBoxRoundedCorner .fourthTab .middlePart {
    background-image:url(../img/new-images/rt_middle.jpg);
    background-repeat: repeat-x;
    color:#FFFFFF;
    font-size:9px;
    text-align:right;   
}

.whiteBoxRoundedCorner .fourthTab .middlePart div {
    margin-top:10px;
}

.whiteBoxRoundedCorner .fourthTab .rightPart {
    background-position: 0px -30px;
    width: 6px;
}

.whiteBoxRoundedCorner .firstActive .firstTab .leftPart {
    background-position: 0px -61px;
}

.whiteBoxRoundedCorner .firstActive .firstTab .middlePart,
.whiteBoxRoundedCorner .secondActive .secondTab .middlePart,
.whiteBoxRoundedCorner .thirdActive .thirdTab .middlePart {
    background-image:url(../img/new-images/wt_middle.jpg);
    background-repeat: repeat-x;
    color: #000000;
}

.whiteBoxRoundedCorner .firstActive .firstTab .rightPart,
.whiteBoxRoundedCorner .secondActive .secondTab .rightPart {
    background-position: 0px -123px;
    width:10px;
}

.whiteBoxRoundedCorner .firstActive .secondTab .leftPart,
.whiteBoxRoundedCorner .firstActive .thirdTab .leftPart,
.whiteBoxRoundedCorner .secondActive .secondTab .leftPart,
.whiteBoxRoundedCorner .secondActive .thirdTab .leftPart,
.whiteBoxRoundedCorner .thirdActive .secondTab .leftPart,
.whiteBoxRoundedCorner .thirdActive .thirdTab .leftPart {
    width: 0px;
}

.whiteBoxRoundedCorner .firstActive .secondTab .middlePart,
.whiteBoxRoundedCorner .firstActive .thirdTab .middlePart,
.whiteBoxRoundedCorner .secondActive .firstTab .middlePart,
.whiteBoxRoundedCorner .secondActive .thirdTab .middlePart,
.whiteBoxRoundedCorner .thirdActive .firstTab .middlePart,
.whiteBoxRoundedCorner .thirdActive .secondTab .middlePart {
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat: repeat-x;
}

.whiteBoxRoundedCorner .firstActive .secondTab .rightPart,
.whiteBoxRoundedCorner .thirdActive .firstTab .rightPart {
    background-image:url(../img/new-images/blue_blue_spacer.jpg);
    width: 2px;
}

.whiteBoxRoundedCorner .firstActive .thirdTab .rightPart,
.whiteBoxRoundedCorner .secondActive .thirdTab .rightPart {
    background-image:url(../img/new-images/blue_red_spacer.jpg);
    width: 2px;
}

.whiteBoxRoundedCorner .secondActive .firstTab .leftPart,
.whiteBoxRoundedCorner .thirdActive .firstTab .leftPart {
    background-position: 0px 0px;
}


.whiteBoxRoundedCorner .secondActive .firstTab .rightPart,
.whiteBoxRoundedCorner .thirdActive .secondTab .rightPart {
    background-position: 0px -92px;
    width:10px;
}

.whiteBoxRoundedCorner .thirdActive .thirdTab .rightPart {
    background-position: 0px -154px;
    width: 10px;
}

.whiteBoxRoundedCorner .firstTab .middlePart,
.whiteBoxRoundedCorner .secondTab .middlePart,
.whiteBoxRoundedCorner .thirdTab .middlePart {
    padding: 7px 0px 0 0px;
    height: 23px;
    text-align:center;
    overflow:hidden;
}

.whiteBoxRoundedCorner .rightArrow {
    background:transparent url(../img/new-images/tab_white_arrow.png) no-repeat;  
    width: 6px;
    height: 7px;  
    margin-top:2px;   
    margin-left:5px;
}

.whiteBoxRoundedCorner .fourthTab .rightArrow {
    margin-left:5px;
    margin-right:5px;
    height:11px;  
    background-position:0 3px; 
}


.whiteBoxRoundedCorner .goldButtonM .rightArrow {
    height:7px;
    margin:10px 0 0px 7px;
    width:7px;
}

/**
* Here you see the Styles for the great and sweet Lightbox we use mostly all over the page
**/

#lightBoxLayer {
    position: absolute;
    z-index: 99002;
}

#lightBoxLoader {
    background: url(../img/new-images/lightbox/loader.gif) no-repeat left center;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 90000;
}

#LightBoxWrap #headerBox {
    height: 30px;
}

#LightBoxWrap #headerBox #headerVisibility #headerCloseBtn {
    float: right; 
    height: 28px; 
    width: 30px; 
    padding-top: 2px; 
    background: url(../img/new-images/lightbox/fancy_closebox.png) no-repeat top right #FFFFFF;
}

#LightBoxWrap #headerBox #headerVisibility #headerCloseText {
    float: right; 
    height: 21px; 
    font-weight: bold; 
    color: #525252; 
    padding: 9px 10px 0 10px; 
    text-transform:uppercase; 
    background-color: #FFFFFF; 
    text-align: center;
}

#LightBoxWrap #headerBox #headerVisibility #headerCorner {
    float: right; 
    height: 30px; 
    width: 46px; 
    display: block;
}

#LightBoxWrap #contentBox {
    background-color: #FFFFFF; 
    padding: 3px; 
    position: relative;
}

#LightBoxWrap #contentBox #contentChoosePrev {
    position: absolute; 
    height: 30px; 
    width: 30px; 
    background: url(../img/new-images/lightbox/fancy_left.png) no-repeat top left;
}

#LightBoxWrap #contentBox #contentChooseNext {
    position: absolute; 
    height: 30px; 
    width: 30px; 
    background: url(../img/new-images/lightbox/fancy_right.png) no-repeat top left;
}

#LightBoxWrap #footerBox {
    margin-top: 5px;
}

#LightBoxWrap #footerBox #titleContainer {
    margin: 0 auto;
}

#LightBoxWrap #footerBox #titleContainer #titleRight {
    float: left; 
    width: 15px; 
    height: 32px; 
    background: url(../img/new-images/lightbox/fancy_title_left.png) no-repeat;
}


#LightBoxWrap #footerBox #titleContainer #titleMiddle {
    float: left; 
    height: 32px; 
    padding: 7px 3px 3px 3px; 
    background: url(../img/new-images/lightbox/fancy_title_main.png) repeat-x; 
    color: #FFFFFF; 
    font-weight: bold;
}

#LightBoxWrap #footerBox #titleContainer #titleLeft {
    float: left; 
    width: 15px; 
    height: 32px; 
    background: url(../img/new-images/lightbox/fancy_title_right.png) no-repeat;
}
.footerText {
    color: #686868;
    padding: 25px 30px;
    font-size: 12px;
    font-weight: normal;
    height: 15px;
    text-align: center;
    width: 860px;
}

/**
 wrappers for the 2 blocks
*/
.centralLeftBox {
    float:left;
}

.centralRightBox {
    width:330px;
    float:right;
}

/**
 new tabs :(((((
*/

/**
 styles for the tabs
*/
.roundedCornerTopTabs {
    display:block;
    overflow:hidden;        
}

.roundedCornerTopTabs .tabsLeft .tabLeft,
.roundedCornerTopTabs .tabsLeft .tabMiddle,
.roundedCornerTopTabs .tabsLeft .tabRight,
.roundedCornerTopTabs .tabsMiddle .tabLeft,
.roundedCornerTopTabs .tabsMiddle .tabMiddle,
.roundedCornerTopTabs .tabsMiddle .tabRight,
.roundedCornerTopTabs .tabsRight .tabLeft,
.roundedCornerTopTabs .tabsRight .tabMiddle,
.roundedCornerTopTabs .tabsRight .tabRight,
.roundedCornerTopTabs .tabsLeftActiveTab .tabLeft,
.roundedCornerTopTabs .tabsLeftActiveTab .tabRight,
.roundedCornerTopTabs .tabsMiddleActiveTab .tabLeft,
.roundedCornerTopTabs .tabsMiddleActiveTab .tabRight,
.roundedCornerTopTabs .tabsRightActiveTab .tabLeft,
.roundedCornerTopTabs .tabsRightActiveTab .tabRight {   
    background-image:url(../img/new-images/allTabs.png); 
    height:30px;
    float:left;       
}

/**
*   when the left tab is activated
*/

/**
 active sequence i did it this way because IE6 is stupid and doesn't make a difference between 
 class definitions with multiple class inheritance
*/

.roundedCornerTopTabs .tabsLeftActiveTab .tabMiddle,
.roundedCornerTopTabs .tabsMiddleActiveTab .tabMiddle,
.roundedCornerTopTabs .tabsRightActiveTab .tabMiddle { 
    background-image:url(../img/new-images/wt_middle.jpg);
    background-repeat:repeat;
    text-align:center;
    padding-top:7px;
    height:23px;    
    overflow:hidden;
    color:#323232;
    float:left;
}


.roundedCornerTopTabs .tabsLeftActiveTab .tabLeft { 
    background-position: 0% -61px;                           
    width:5px;
}

.roundedCornerTopTabs .tabsLeftActiveTab .tabRight {
    background-position: 0% -123px;                          
    width:10px;
    margin-right:-2px;
}


.roundedCornerTopTabs .tabsMiddleActiveTab .tabLeft {
    background-position: 0% -92px;                       
    margin-left:-2px;
    width:11px;
}

.roundedCornerTopTabs .tabsMiddleActiveTab .tabRight {
    background-position: 0% -123px;                      
    width:10px;
    margin-right:-2px;
}

.roundedCornerTopTabs .tabsMiddleActiveTab .tabLeft {
    background-position: 0% -92px;                       
    margin-left:-2px;
    width:11px;
}

.roundedCornerTopTabs .tabsMiddleActiveTab .tabRight {
    background-position: 0% -123px;                      
    width:10px;
    margin-right:-2px;
}

.roundedCornerTopTabs .tabsRightActiveTab .tabLeft {
    background-position: 0% -92px;                       
    margin-left:-2px;
    width:11px;
}

.roundedCornerTopTabs .tabsRightActiveTab .tabRight {
    background-position: 0% -216px;                      
    width:10px;
    margin-right:-2px;
}

/**
  end active sequence
*/
.roundedCornerTopTabs .tabsLeft .tabMiddle,
.roundedCornerTopTabs .tabsMiddle .tabMiddle,
.roundedCornerTopTabs .tabsRight .tabMiddle { 
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat:repeat;  
    text-align:center;
    padding-top:7px;
    color:#fff;
    font-weight:bold;
    height:23px;
    overflow:hidden;
}

.roundedCornerTopTabs .tabsLeft .tabLeft{
    background-position: 0% 0px;                     
    background-repeat:no-repeat;
    width:5px;
}

.roundedCornerTopTabs .tabsLeft .tabRight {
    background-image:url(../img/new-images/blue_blue_spacer.jpg);
    background-repeat:repeat;                    
    background-repeat:no-repeat;
    width:2px;
}


.roundedCornerTopTabs .tabsMiddle .tabLeft {
    background-image:url(../img/new-images/bt_middle.jpg);
    background-repeat:repeat;
}

.roundedCornerTopTabs .tabsMiddle .tabRight {
    background-image:url(../img/new-images/blue_blue_spacer.jpg);
    background-repeat:repeat;                    
    background-repeat:no-repeat;
    width:2px;    
}



.roundedCornerTopTabs .tabsRight .tabLeft {
    background-image:url(../img/new-images/blue_blue_spacer.jpg);
    background-repeat:repeat;
}

.roundedCornerTopTabs .tabsRight .tabRight {    
    background-repeat:repeat;                    
    background-repeat:no-repeat;
    width:7px;
    background-position:0 -185px;
}

/**
 user avatar picture
*/
.userAvatarSmall {
    height:60px;
    width:60px;
    display:block;
}

.userAvatarSmallContainer {
    background-image:url(../img/new-images/chart_box_shadow.png);
    background-position:0 59px;
    background-repeat:repeat-x;
    height:80px;
    margin-right:10px;
    width:60px;
}

/**
 silver input field
*/
.myBPFakeInputFieldWrapper .myBPFakeInputFieldInputTop {    
    background-image:url(../img/new-images/wall_inputf_top.png);
    background-repeat:no-repeat;
    height: 5px;
    overflow:hidden;
}

.myBPFakeInputFieldWrapper .myBPFakeInputFieldInputMiddle {
    background-image:url(../img/new-images/wall_inputf_middle.png);
    background-repeat:repeat-y;
    overflow:hidden;
}

.myBPFakeInputFieldWrapper .myBPFakeInputFieldInputBottom {
    background-image:url(../img/new-images/wall_inputf_bottom.png);
    background-repeat:repeat-y;
    height:22px;
    overflow:hidden;   
}

.blueLink {
    color:#4e6c8e;
}

/**
 small customized select menu
*/
.smallSelectWrapper {
    height: 32px;
    margin-top: 10px;
    cursor: pointer;
}

.smallSelectWrapper .selectLeft {
    float: left;
    background-image: url(../img/new-images/smallSelect_left.jpg);
    width: 5px;
    height: 32px;
}

.smallSelectWrapper .selectMiddle {
    float: left;
    background-image: url(../img/new-images/smallSelect_middle.jpg);
    background-repeat: repeat-x;
    width: 110px;
    height: 32px;
}

.smallSelectWrapper .selectRight {
    float: left;
    background-image: url(../img/new-images/smallSelect_right.jpg);
    width: 5px;
    height: 32px;
}

.smallSelectWrapper span {
    margin-top: 3px;
    font-size: 11px;
    font-weight: normal;
}

.smallSelectWrapper .selectArrow {
    background-image: url(../img/new-images/smallSelect_arrow.png);
    width: 8px;
    height: 7px;
    margin-top: 7px;
    background-repeat: no-repeat;
}

.serverMenu {
    background-color:#F5F5F5;
    border:1px solid #AAAAAA;
    margin-top:27px;
    position:absolute;
    width:118px;
}

.serverMenu .menuItem:first-child {
    border:none;
}

.serverMenu .menuItem {
    border-top:1px solid #909090;
    font-size:11px;
    font-weight:normal;
    padding-left:5px;
    padding-right:5px;
}

.serverMenu .menuItem:hover {
    background-color: #BBBBBB;
}


/**
    emoticons
*/
.emoticonBig {
    display:block;
    width:30px;
    height:32px;
}

.emoticonBig.angry {
    background-image: url(../img/new-images/emoticons/smiley_01.png);
    background-repeat:no-repeat;
}

.emoticonBig.depressive {
    background-image: url(../img/new-images/emoticons/smiley_02.png);
    background-repeat:no-repeat;
}

.emoticonBig.fine {
    background-image: url(../img/new-images/emoticons/smiley_03.png);
    background-repeat:no-repeat;
}

.emoticonBig.happy {
    background-image: url(../img/new-images/emoticons/smiley_04.png);
    background-repeat:no-repeat;
}

.emoticonSmall {
    display:block;
    width:19px;
    height:20px;
}

/**
    i do it like this because IE6 is simply too stupid and can't read well 
    the multiple class definition styles
*/
.emoticonSm_angry {
    background-image: url(../img/new-images/emoticons/smiley_small_01.png);
    background-repeat:no-repeat;
}

.emoticonSm_depressive {
    background-image: url(../img/new-images/emoticons/smiley_small_02.png);
    background-repeat:no-repeat;
}

.emoticonSm_fine {
    background-image: url(../img/new-images/emoticons/smiley_small_03.png);
    background-repeat:no-repeat;
}

.emoticonSm_happy {
    background-image: url(../img/new-images/emoticons/smiley_small_04.png);
    background-repeat:no-repeat;
}

/**/

.AjaxLoader {
    z-index: 3px;
    width: 42px;
    height: 42px;
    background-image:url(../img/new-images/ajax-loader2.gif); 
    background-repeat:no-repeat;    
    margin:20px auto 20px auto; 
}

/**
 This was supposed to be so nice and ordered
*/

.gameScreenShot,
.film {
    display:block;  
    overflow:hidden;
    height:60px;
    width:70px; 
}

.gameScreenShot {
    background-image:url(../img/new-images/icon_screenshots.png);   
    background-repeat:no-repeat;
    margin-top:26px;
    margin-left:35px;
    
}

.film {
    background-image:url(../img/new-images/icon_trailers.png);  
    background-repeat:no-repeat;
    margin-top:18px;
    margin-left:35px;
}

#shmancy {
    background-color: #fff;
    position: absolute;
    z-index: 10000;
}

.whiteLink {
    color:#FFFFFF;
    text-decoration:none;
}
.whiteLink:hover {
    color:#FFFFFF;
    text-decoration:none;
}


/**
This is the new fancy shit for globalLogin -> EAT THIS:
*/

#statusBox .innerContent #loginForm_default_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_label_username_container {
    position: absolute;
    top: 10px;
    left: 0px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_label_password_container {
    position: absolute;
    top: 10px;
    left: 147px;
}

#statusBox .innerContent #loginForm_default_container, #loginForm_default_label_username {
    color: #FFFFFF !important;
    size: 11px;
}

#statusBox .innerContent #loginForm_default_container, #loginForm_default_label_password {
    color: #FFFFFF !important;
    size: 11px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_input_username_container {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 160px;
}


#statusBox .innerContent #loginForm_default_container #loginForm_default_input_password_container {
    position: absolute;
    top: 25px;
    left: 147px;
    width: 160px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_input_username_container #loginForm_default_input_username {
    background-image:url(../img/new-images/login/login_input_bgr.png);
    background-repeat:repeat-x;
    border: none; 
    border: 0;
    width: 126px;
    height: 16px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 0 0 2px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_input_password_container #loginForm_default_input_password {
    background-image:url(../img/new-images/login/login_input_bgr.png);
    background-repeat:repeat-x;
    border: none; 
    border: 0;
    width: 126px;
    height: 16px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 0 0 2px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_loginButton_container #loginForm_default_loginButton {
    background: none;
    border: none;
    width: 90px;
    height:16px;
    font-size: 11px;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_signupButton_container #loginForm_default_signupButton {
    background: none;
    border: none;
    width: 90px;
    height:18px;
    font-size: 11px;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}


#loginForm_default_container, #loginForm_openId_container {
    background: none !important;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_link_forgot_password_container {
    position: absolute; 
    left: 147px;
    top: 48px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_link_forgot_password_container a {
    color:#E08C3C;
    font-size:10px;
    font-weight:normal;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_stay_logged_in {
    position: absolute; 
    left: 0px;
    top: 48px;
    color: #E08C3C;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_loginButton_container {
    position: absolute;
    top: 10px;
    left: 284px;
    background-image:url(../img/new-images/login/login_button.jpg);
    background-repeat:repeat-x;
    width: 90px;
    height: 24px;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_signupButton_container {
    position: absolute;
    top: 35px;
    left: 284px;
    width: 90px;
    height: 24px;
    background-image:url(../img/new-images/login/register_button.png);
    background-repeat:repeat-x;
}

#statusBox .innerContent #loginForm_default_container #loginForm_default_facebookConnect_container {
    position: absolute;
    top: 3px;
    left: 380px;
}

#statusBox .innerContent #loginForm_default_container .openidButton {
    position: absolute;
    top: 38px;
    left: 413px;
}

#openIDLoginBox {
    position: absolute;
    z-index: 90001;
    left: 790px;
    top: -32px;
    width: 169px;
    height: 75px;
    background-image:url(../img/new-images/bg_filling.png);
    background-repeat: repeat;
}

#openIDLoginBox #loginForm_openId_hideOpenId_handle {
    background-image:url(../img/new-images/login/closebutton.png);
    background-color: transparent;
    height:12px;
    width:12px;
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 150px;
}

#openIDLoginBox #loginForm_openId_loginButton_container {
    position: absolute;
    top: 45px;
    left: 33px;
    background-image:url(../img/new-images/login/login_button.jpg);
    background-repeat:repeat-x;
    width: 90px;
    height: 24px;
    cursor: hand;
    cursor: pointer; 
}

#openIDLoginBox #loginForm_openId_loginButton_container #loginForm_default_signupButton {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    cursor:pointer;
    font-size:11px;
    font-weight:bold;
    height:16px;
    width:90px;
}

#openIDLoginBox #loginForm_openId_label_openIdUrl_container {
    position: absolute;
    top: 5px;
    left: 11px;
}

#openIDLoginBox #loginForm_openId_input_openIdUrl_container{
    position: absolute;
    left: 11px;
    top: 20px;
}

#openIDLoginBox #loginForm_openId_input_openIdUrl_container #loginForm_openId_input_openIdUrl {
    background-image:url(../img/new-images/login/login_input_bgr.png);
    background-repeat:repeat-x;
    border: 0 none;
    color: #FFFFFF;
    font-size: 11px;
    height: 16px;
    padding: 4px 0 0 2px;
    width: 145px;
}

#statusBox .innerContent #loginForm_default_stay_logged_in {
    position: absolute;
    top: 50px;
    left: 0;
    color:#E08C3C;
    font-size:10px;
    width: 135px;
}

#statusBox .innerContent #loginForm_default_stay_logged_in .checkBox {
    background-image: url(../img/new-images/login_checkbox.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-right: 5px;
    width: 12px;
    height: 11px;
    cursor: pointer;
}

#statusBox .innerContent #loginForm_default_stay_logged_in .stayedLoginText {
    margin-top: 0px;
}














/**
* Standard errorBox
**/
#siteBody #standardErrorLayer {

    position: absolute;
    z-index: 90003;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 400px;
}

#siteBody #standardErrorLayer .closeBtn {
    width: 390px;
    height: 24px;
    text-align: right;
    margin-top: 10px;
}

#siteBody #standardErrorLayer .errorHeader {
    width: 250px;
    height: 45px;
    margin-left: 35px;
}

#siteBody #standardErrorLayer .errorHeader .text {
    width: 200px;
    text-transform: uppercase;
    margin: 7px 0 0 15px;
    color: #C6862E;
    font-size: 17px;
    font-weight: bold;
}

#siteBody #standardErrorLayer #standardErrorMessages {
    margin: 0 35px 20px 45px; 
    color: #323232;
}

#siteBody #standardErrorLayer #standardErrorCloseBottom {
    margin: 0 auto; 
    width: 150px;
}

#siteBody #standardErrorLayer #standardErrorCloseBottom .btnMiddle {
    text-align: center;
    background-image:url(../img/new-images/regButtonM.png);
    background-repeat:repeat-x;
    height: 41px;
    padding-top: 4px;
    width: 110px;
}

#siteBody #standardErrorLayer #standardErrorCloseBottom .btnMiddle div {
    background-image:url(../img/new-images/arrowLogin.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding: 0 15px 0 5px;
    width: 90px;
    margin: auto;
}

/**
* Standard welcomeBox
**/
#siteBody #standardWelcomeLayer {
    position: absolute;
    z-index: 90003;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 400px;
}

#siteBody #standardWelcomeLayer .closeBtn {
    width: 390px;
    height: 24px;
    text-align: right;
    margin-top: 10px;
}

#siteBody #standardWelcomeLayer .WelcomeHeader {
    width: 250px;
    height: 45px;
    margin-left: 35px;
}

#siteBody #standardWelcomeLayer .WelcomeHeader .text {
    width: 200px;
    text-transform: uppercase;
    margin: 7px 0 0 15px;
    color: #C6862E;
    font-size: 17px;
    font-weight: bold;
}

#siteBody #standardWelcomeLayer #standardWelcomeMessages {
    margin: 0 35px 20px 45px; 
    color: #323232;
}

#siteBody #standardWelcomeLayer #standardWelcomeCloseBottom {
    margin: 0 auto; 
    width: 150px;
}

#siteBody #standardWelcomeLayer #standardWelcomeCloseBottom .btnMiddle {
    text-align: center;
    background-image:url(../img/new-images/regButtonM.png);
    background-repeat:repeat-x;
    height: 41px;
    padding-top: 4px;
    width: 110px;
}

#siteBody #standardWelcomeLayer #standardWelcomeCloseBottom .btnMiddle div {
    background-image:url(../img/new-images/arrowLogin.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding: 0 15px 0 5px;
    width: 90px;
    margin: auto;
}

/**
* Standard successBox
**/
#siteBody #standardSuccessLayer {
    position: absolute;
    z-index: 90003;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 400px;
}

#siteBody #standardSuccessLayer .closeBtn {
    width: 390px;
    height: 24px;
    text-align: right;
    margin-top: 10px;
}

#siteBody #standardSuccessLayer .successHeader {
    width: 250px;
    height: 45px;
    margin-left: 35px;
}

#siteBody #standardSuccessLayer .successHeader .text {
    width: 200px;
    text-transform: uppercase;
    margin: 7px 0 0 15px;
    color: #C6862E;
    font-size: 17px;
    font-weight: bold;
}

#siteBody #standardSuccessLayer #standardSuccessMessages {
    margin: 0 35px 20px 45px; 
    color: #323232;
}

#siteBody #standardSuccessLayer #standardSuccessCloseBottom {
    margin: 0 auto; 
    width: 150px;
}

#siteBody #standardSuccessLayer #standardSuccessCloseBottom .btnMiddle {
    text-align: center;
    background-image:url(../img/new-images/regButtonM.png);
    background-repeat:repeat-x;
    height: 41px;
    padding-top: 4px;
    width: 110px;
}

#siteBody #standardSuccessLayer #standardSuccessCloseBottom .btnMiddle div {
    background-image:url(../img/new-images/arrowLogin.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding: 0 15px 0 5px;
    width: 90px;
    margin: auto;
}

#siteBody #standardSuccessLayer .closeFont {
    width: 200px; 
    font-weight: bold; 
    font-size: 11px; 
    padding-top: 6px; 
    padding-right: 10px; 
    color: #323232;
}

#siteBody #standardSuccessLayer .surroundingContainerBtn {
    margin: auto; 
    width: 120px; 
    margin-top: 25px; 
    margin-bottom: 20px;
}

#siteBody #standardSuccessLayer .goldButtonText {
    margin-left: 10px;
}

#siteBody #standardSuccessLayer .rightArrow {
    height: 7px;
    margin: 10px 0 0 7px;
    width: 7px;
    background:transparent url(../img/new-images/tab_white_arrow.png) no-repeat scroll 0 0;
}

/**
* Standard loginBox
**/
#siteBody #needLoginLayer {
    position: absolute;
    z-index: 90003;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 480px;
    height: 295px;
}

#siteBody #needLoginLayer .errorLayerCloseBtn {
    width: 390px;
    height: 24px;
    text-align: right;
    margin-top: 10px;
}

#siteBody #needLoginLayer .needLoginHeader {
    width: 395px;
    margin: 10px 0 15px 30px;
}

#siteBody #needLoginLayer .needLoginHeader .text {
    width: 340px;
    text-transform: uppercase;
    margin: 5px 0 0 9px;
    color: #C6862E;
    font-size: 16px;
    font-weight: bold;
}

#siteBody #needLoginLayer .closeBtn{
    margin: 10px 10px 0 0;
}

#siteBody #needLoginLayer #needLoginMessages {
    margin: 0 30px 20px 30px; 
    color: #323232;
}

/* Persocheck layer */
#persoCheckLayer {
    position: absolute;
    z-index: 90001;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 500px;
    color: #323232;
}
    #persoCheckLayer .closeBtn {
        margin: 10px 10px 0 0;
    }
    #persoCheckLayer #persoCheckHeader {
        margin: 10px 20px 0px 20px;        
        width: 450px;
    }
        #persoCheckLayer #persoCheckHeader .text {
            text-transform: uppercase;
            color: #C6862E;
            font-size: 16px;
            font-weight: bold;
            width: 300px;
            margin-left: 20px;
        }
    #persoCheckLayer p, #persoCheckLayer #persoLoader {
        margin: 0 20px 15px 20px;
    }
    #persoCheckLayer input[type="text"] {
        border: 1px solid #666666;
        color: #000000;
        height: 16px;
        padding: 0 1px 0 1px;
    }
        #persoCheckLayer #av_token1 { width: 110px; }
        #persoCheckLayer #av_token2, #persoCheckLayer #av_token3 { width: 70px; }
        #persoCheckLayer #av_token4 { width: 30px; }
    
    #persoCheckLayer #persoNotice {
        font-weight: normal;
    }   
    #persoCheckLayer #persoError {
        text-align: center;
        font-weight: bold;
    }
    #persoCheckLayer #persoSendBtn {
        margin-left: 20px;
    }


/* Global LoginForm in ShadowLayer "NEED LOGIN BOX" */

#box_loginForm_default #loginForm_default_label_username_container #loginForm_default_label_username {
    color: #323232!important;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 38px;
    left: -16px;
    
}

#box_loginForm_default #loginForm_default_label_password_container #loginForm_default_label_password {
    color: #323232!important;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 65px;
    left: -16px;
}

#box_loginForm_default #loginForm_default_input_username_container #loginForm_default_input_username {
    border: 1px solid #666666;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    height: 16px;
    margin-bottom: 5px;
    margin-left: 15px;
    padding-left: 1px;
    padding-right: 1px;
    width: 180px;
    position: absolute; 
    top: 38px;
    left: 50px;
}

#box_loginForm_default #loginForm_default_input_password_container #loginForm_default_input_password {
    border: 1px solid #666666;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    height: 16px;
    margin-bottom: 5px;
    margin-left: 15px;
    padding-left: 1px;
    padding-right: 1px;
    width: 180px;
    position: absolute; 
    top: 65px;
    left: 50px;
}

#box_loginForm_default #loginForm_default_loginButton_container {
    position: absolute;
    top: 97px;
    left: 63px;
    width: 120px;
    height: 25px;
    background-image:url(../img/new-images/btn_grey_120_25.jpg);
    background-repeat: none;
}

#box_loginForm_default #loginForm_default_loginButton_container #loginForm_default_loginButton {
    width: 120px;
    height: 25px;
    background: transparent;
    border: medium none;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}

#box_loginForm_default #loginForm_default_signupButton_container {
    position: absolute;
    top: 156px;
    left: 190px;
}

#box_loginForm_default #loginForm_default_signupButton_container #loginForm_default_signupButton{
    background: transparent;
    border: medium none;
    cursor: pointer;
    width: 120px;
    font-size: 11px;
    color: #C6862E;
    text-align: left;
}


#box_loginForm_default #loginForm_default_link_forgot_password_container {
    position: absolute;
    top: 162px;
    left: 20px;
    width: 150px;
    text-align: right;
}

#box_loginForm_default #loginForm_default_link_forgot_password_container a {
    color: #C6862E;
    font-size: 11px;
    font-weight: normal;
}

#box_loginForm_default #loginForm_default_stay_logged_in {
    display: none!important;
}

#needLoginMessages #loginForm_default_container #loginForm_default_facebookConnect_container {
    position: absolute;
    top: 92px;
    left: 195px;
}

#needLoginMessages #loginForm_default_spacer_pipe {
    position: absolute;
    top: 247px;
    left: 230px;
}



/*
    info box
*/
#siteBody .standardUberInfoLayerClass {
    position: absolute;
    z-index: 90003;
    border: 2px solid #a5a5a5;
    color: #000;
    background-color: #f8f6f7;
    width: 400px;
}

#siteBody .standardUberInfoLayerClass .closeBtn {
    width: 390px;
    height: 24px;
    text-align: right;
    margin-top: 10px;
}

#siteBody .standardUberInfoLayerClass .WelcomeHeader {        
    text-align:center;
}

#siteBody .standardUberInfoLayerClass .WelcomeHeader .text {
    width: 200px;
    text-transform: uppercase;
    margin: 7px 0 0 15px;
    color: #C6862E;
    font-size: 17px;
    font-weight: bold;
}

#siteBody .standardUberInfoLayerClass #standardUberInfoMessages {
    margin: 0 35px 20px 45px; 
    color: #323232;
}

#siteBody .standardUberInfoLayerClass #standardUberInfoCloseBottom {
    margin: 0 auto; 
    width: 150px;
}

#siteBody .standardUberInfoLayerClass #standardUberInfoCloseBottom .btnMiddle {
    text-align: center;
    background-image:url(../img/new-images/regButtonM.png);
    background-repeat:repeat-x;
    height: 41px;
    padding-top: 4px;
    width: 110px;
}

#siteBody .standardUberInfoLayerClass #standardUberInfoCloseBottom .btnMiddle div {
    background-image:url(../img/new-images/arrowLogin.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding: 0 15px 0 5px;
    width: 90px;
    margin: auto;
}
#support {
    
}

#support .userTicketDataBox {
    padding: 20px 30px 20px 30px;    
}

.floatBlock {
    padding-right: 30px;
    width: 250px;
    min-height: 270px;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
}
.floatBlock.wide {
    width: 260px;
    padding-left:10px;
    border-right: 1px solid #C0C0C0;
}
.floatBlock.wide.right {
    padding-right: 10px;
    width: 250px;
}
#supportRightContainer {
    width: 205px;
    padding-left: 30px;
}
#supportRightContainer .texthead, #supportRightContainer .subHeadline {
    text-transform: none !important;
    text-align: center;
    font-size: 14px !important;
}
#supportLeftContainer .texthead {
    text-transform: none !important;
    font-size: 14px !important;
}

.grey12Text {
    font-size: 12px;
    color: #323232;
}

table#contactForm th {
    font-weight: bold;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 10px;
}
table#contactForm td {
    padding-top: 10px;
}
table#contactForm input[type="text"] {
    width: 200px;
}
table#contactForm select {
    width: 180px;
    border: 1px solid #999999;
    height: 20px;
}
    table#contactForm select option, table#contactForm select {
        font-size: 11px;
        color: #555555;
    }
table#contactForm textarea {
    height: 130px !important;
    width: 390px;
}

   
#ticketHeadline {
    color: #CB8434;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    float: none;
}

/* Infobox */
#infobox {
    position: fixed;
    border: 5px solid #DFDFDF;
    padding: 10px 10px 15px 10px;
    top: 50%;
    left: 50%;
    margin-left:-200px;
    margin-top: -100px;
    width: 360px !important;
    width: 400px;
    background-color: #f4f4f4;
    display: none;
    background-image: url("../img/ticket/bg/info/info_bg_bottom_c.jpg");
    background-repeat:repeat-x;
    background-position: right bottom;
}
* html #infobox {
    position: absolute;
    top: 150px;

}
#infoboxClose {
    display:inline;
    float:right;
    cursor: pointer;
    color: #9e0303;
}

#infoboxHeadline {
    color: #5f5f5f;
    border-bottom: 1px solid #9e0303;
    font-weight: bold;
    width: 100%;
}

#infoboxText {
    padding:10px;
    margin-top: 10px;
    width: 360px;
    color: #333;
}
.infoboxButtonBox {
    background-image: url(../img/btn4.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-left: 10px;
    margin-top: 100px;
}
.infoboxButton {
    background-image: url(../img/btn4_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #FFF;
    font-weight: bold;
    padding: 3px;
    cursor: pointer;
    width: auto;
    float: left;
    margin-right: 10px;
}

.infoboxButton:hover {
    color: #DDD;
}

#detail_53_E1- {
    opacity: .5;
    filter: alpha(opacity=50);
}
.detail_description {
    font-style: italic;
    margin-bottom: 10px;
}

.formElementName {
    float: none;
    font-weight: bold;
    clear: both;
}
.formElementValue {
    padding: 0;
    margin: 0;
    margin-bottom:5px;
}
.formElementValue.block {
    padding-bottom: 10px;
}
.formElementValue.nofloat {
    clear: both;
}

/*****************************************************************************
 * image selectbox
 ****************************************************************************/
.input_whiteblue {
    background-color: #FFF;
    border:1px solid #C0C0C0;
    height: 15px;
    width: 245px;
    vertical-align: middle !important;
    padding-top: 2px;
}
.input_whitered {
    background-color: #FFF;
    border:1px solid #9E0303;
    height: 15px;
    width: 245px;
    vertical-align: middle !important;
    padding-top: 2px;
}
.image_select_div {
    margin:0;
    padding:0;
    height: 17px;
}
.image_select_input {
    width: 60px;
    border: none;
    height: 15px;
    vertical-align:middle !important;
    background-color: transparent;
    cursor: default;
}
.image_select_img {
}
.image_select_ul {
    list-style: none;
    height:100px;
    overflow: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
}
.image_select_ul li {
    margin:0;
    padding:0 2px;
}
.image_select_ul li a,
.image_select_ul li a:HOVER,
.image_select_ul li a:LINK,
.image_select_ul li a:ACTIVE {
    color: #000;
    text-decoration: none;
}


select {
    height: 20px;
    width: 180px;
}

select {
    height: 19px !important;
    padding: 0 !important;
}
.radio {
    width:20px;
    border: none;
}

/* special formular elements */
.long {
    width: 200px;
}
.medium {
    width: 122px;
}
.extMedium {
    width: 163px;
}
.short {
    width: 80px;
}
.tiny {
    width: 45px;
}
/* reflect button */
.reflectingButtonL {
    background-image: url("../img/new-images/refButtonL.png");
    background-repeat: no-repeat;
    float: left;
    height: 51px;
    width: 7px;
}
.reflectingButtonM {
    background-image: url("../img/new-images/refButtonM.png");
    background-repeat: repeat-x;
    color: #565656;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 51px;
    overflow-y: hidden;
    padding-right: 7px;
    text-align: center;
}
.reflectingButtonM .reflectingButtonText {
    line-height: 20px;
    margin-left: 7px;
    margin-top: 3px;
}
.reflectingButtonM .reflectingButtonArrow {
    background-image: url("../img/new-images/refButtonArrow.png");
    background-position: 100% -2px;
    background-repeat: no-repeat;
    height: 7px;
    margin: 10px 0 0 7px;
    width: 7px;
}
.reflectingButtonR {
    background-image: url("../img/new-images/refButtonR.png");
    background-repeat: no-repeat;
    float: left;
    height: 51px;
    width: 7px;
}

/* ticket data */
.ticketDataGroup {
    border: 0;
    margin: 0  30px 0 30px ;
    background: url(../img/dashedline_c0c0c0.gif) repeat-x bottom;
    clear: both;
    padding: 15px 0 15px 0;
    width: 800px;
    line-height: 20px;
    display: inline-block;
}
@media \0screen {
.ticketDataGroup.noBottomBorder {
        display: block;
    }
}

.ticketDataGroup.noBottomBorder {
    background: 0;
}

.ticketDataKey {
    float: left;
    font-weight: bold;
    width: 100px;
    vertical-align: top;
}
.ticketDataKey.sub {
    font-size: 11px;
    padding: 0;
    margin: 0 10px 0 20px;
    width: 200px;
}

.ticketDataValue {
    float: left;
    width: 200px;
}
.ticketDataValue.sub {
    font-size: 11px;
}


.ticketDataValue.full {
    width: 100%;
    /*float: none;*/
}

.ticketDataValue.float {
    min-width: 50%;
}

.ticketDataMultiline {
    vertical-align: top;
    max-width: 500px;
    display: inline-block;
    clear:both;
}
.texttop.standalone.left,
.texttop.left{
    float: none;
}
.element {
    clear: both;
}