*{
    padding:0px;
    margin:0px;
    -moz-outline: none !important;
    outline: none !important;
    line-height:1.2 !important;
}

a:active {
    outline: none !important;
}

:focus {
    outline: none;
}

:-moz-any-link:focus {
    outline: none;
}

.signup_successDoubleOptIn{
    color:#A99F5A;
    padding: 5px;
}
.bgc_signup_container_gamblinghint
.bgc_signup_short_container_gamblinghint{
    margin-left: 275px;
    margin-right: 20px;
}
div#container {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.2 !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
}

#noScript{
    padding: 10px 10px 10px 10px;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -210px;
    margin-top: -11px;
    background: white;
    border: 2px solid red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: red;
    text-align: center;
    z-index: 100;
}

.mainbg{
    background: #000 url('/img/global/SF_Body_Background.jpg') no-repeat top center;
}

#loading{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.sf_error{
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.text_layer_red{
    color:#cc0000;
}

.text_layer_timer{
    font-size:17px;
}
.text_black_outline {
    text-shadow:
        0 1px 0 #000,
        0 -1px 0 #000,
        1px 0 0 #000,
        -1px 0 0 #000;
    color:#fff;
    outline-color: #000;
    outline-offset: 1px;
    outline-width:  2px;
    filter: glow(color=#000000,strength=3);
    /* filter: dropshadow(color=#000000,offX=1,offY=1);
     filter: dropshadow(color=#000000,offX=-1,offY=1);
     filter: dropshadow(color=#000000,offX=-1,offY=-1);
     filter: dropshadow(color=#000000,offX=1,offY=-1);*/
}


.sfcontent_Button{
    border: none;
    cursor:pointer;
    text-align:center;
    margin:0px;
    padding:0px;
    padding-top: 3px;
    background-position-x: 3px !important;
    font-size:11px;
    height:23px;
    line-height:20px;
    overflow:hidden;
}

/* Begin IE Boxmodel Button Text Position Hack */
/* Anybody around who loves the IE? */
* html .sfcontent_Button{
    padding-bottom: 2px;
}
/* End IE Boxmodel Button Text Position Hack */

.sfcontent_Form_Input{
    border:none;
    cursor:text;
    text-align:left;
}

.sfcontent_Form_Radio{
    cursor:pointer;
    width:11px;
    height:11px;
    background: transparent url('/img/global/radio/RadioButton_Off.gif') no-repeat top center;
    margin-top:3px;
}

.sfcontent_Form_CheckBox{
    cursor:pointer;
    width:11px;
    height:11px;
    background: transparent url('/img/global/checkbox/CheckBox_Off.gif') no-repeat top center;
}

.sfcontent_Form_Textarea{

}

.yellowLink{
    color: #FFE467!important;
}

.sfcontent_Form_Button{
    border:0px;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#FFE467;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    text-decoration: none;
}
div.sfcontent_Form_Button{
    padding-top:3px;
    margin-top:5px;
    margin-bottom:3px;
    color: #FFE467 !important;
}
div.sfcontent_Form_Button a{
    text-decoration: none;
    color: #FDE966 !important;
}
input.sfcontent_Form_Button{
    padding-bottom:6px;
    margin-top:3px;
    margin-bottom:3px;
}

.BrTime {
    color: #9a9a9a;
    padding-bottom: 2px;
    padding-top: 4px;
}

.sfcontent_Form_Submit_Button_Small{
    background:transparent url(/img/global/buttons/Small.gif) no-repeat scroll left bottom;
    height:20px;
    width:79px;
    padding-bottom:2px !important;
}

.sfcontent_Form_Submit_Button_SmallLong{
    background:transparent url(/img/global/buttons/small-btn_long.gif) no-repeat scroll left bottom;
    height:19px;
    width:115px;
    left: -8px !important;
    padding-bottom:1px !important;
}
.sfcontent_Form_Submit_Button_Medium{
    background:transparent url(/img/global/buttons/Medium.gif) no-repeat scroll left top;
    height:22px;
    width:80px;
}
.sfcontent_Form_Submit_Button_Large{
    background:transparent url(/img/global/buttons/ExtraExtraLarge.gif) no-repeat scroll left top;
    height:23px;
    width:177px;
}
.sfcontent_Form_Submit_Button_ExtraLarge{
    background:transparent url(/img/global/buttons/ExtraLarge.gif) no-repeat scroll left top;
    height:22px;
    width:176px;
    padding-bottom:9px !important;
}
div.sfcontent_Form_Submit_Button_ExtraLarge{
    background:transparent url(/img/global/buttons/ExtraLarge.gif) no-repeat scroll left top;
    height:22px;
    width:176px;
    padding-bottom:0px !important;
}
.sfcontent_Form_Submit_Button_ExtraExtraLarge{
    background:transparent url(/img/global/buttons/ExtraExtraLarge.gif) no-repeat scroll left top;
    height:23px;
    width:181px;
    padding-bottom:4px !important;
}

.sfcontent_bigfigure_frame{
    position:relative;
    width:157px;
    height:44px;
    background-image:url(/img/global/control/Figure_Big.gif);
}
.sfcontent_bigfigure_frame .sfcontent_bottomline {
    position:absolute;
    bottom:6px;
    left:2px;
    width:157px;
    font-weight:bold;
    color:#FEE465;
    text-align:center;
    cursor:pointer;
    line-height: 2.0;
}
.sfcontent_bigfigure_frame .sfcontent_control {
    position:absolute;
    width:157px;
    top:4px;
    left:0px;
}
.sfcontent_bigfigure_frame .sfcontent_control .sfcontent_buttonminus {
    position:absolute;
    top:0px;
    left:6px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_bigfigure_frame .sfcontent_control .sfcontent_buttonplus {
    position:absolute;
    top:0px;
    right:6px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_bigfigure_frame .sfcontent_control .sfcontent_input {
    position:absolute;
    top:0px;
    left:28px;
    width:75px;
}
.sfcontent_bigfigure_frame .sfcontent_control .sfcontent_input input {
    background: none;
    border: 0;
    height: 15px;
    width:105px;
    text-align:center;
}

.sfcontent_mediumfigure_frame {
    position:relative;
    width:145px;
    height:51px;
    background-image:url(/img/global/control/Figure_Medium.gif);
}

/* Hack for IE7 */
*+html .sfcontent_merchant_detail_item_bottom .sfcontent_mediumfigure_frame {
    right: 25px;
}


.sfcontent_mediumfigure_frame .sfcontent_bottomline {
    position:absolute;
    bottom:5px;
    left:0px;
    width:145px;
    font-weight:bold;
    color:#FEE465;
    text-align:center;
    cursor:pointer;
}
.sfcontent_mediumfigure_frame .sfcontent_control {
    position:absolute;
    width:157px;
    top:4px;
    left:0px;
}
.sfcontent_mediumfigure_frame .sfcontent_control .sfcontent_buttonminus {
    position:absolute;
    top:  4px;
    left: 2px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_mediumfigure_frame .sfcontent_control .sfcontent_buttonplus {
    position:absolute;
    top:5px;
    right:14px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_mediumfigure_frame .sfcontent_control .sfcontent_input {
    position:absolute;
    top:3px;
    left:22px;
    width:75px;
}
.sfcontent_mediumfigure_frame .sfcontent_control .sfcontent_input input {
    background: none;
    border: 0;
    height: 15px;
    width:105px;
    text-align:center;
}

.sfcontent_smallfigure_frame{
    position:relative;
    width:109px;
    height:53px;
    background-image:url(/img/global/control/Figure_Small.gif);
}

.sfcontent_smallfigure_frame .sfcontent_headline, .sfcontent_smallfigure_frame .sfcontent_headline a, .sfcontent_smallfigure_frame .sfcontent_headline a:hover {
    position:absolute;
    top:0px;
    left:18px;
    width:75px;
    font-weight:bold;
    color:#5D5A35;
    text-align:center;
    text-decoration:none;
}
.sfcontent_smallfigure_frame .sfcontent_headline a, .sfcontent_smallfigure_frame .sfcontent_headline a:hover{
    top:1px;
    left:0px;
    font-size:10px;
}
.sfcontent_smallfigure_frame .sfcontent_bottomline input{
    font-size:10px;
    cursor:pointer;
}
.sfcontent_smallfigure_frame .sfcontent_bottomline {
    position:absolute;
    bottom:3px;
    left:18px;
    width:75px;
    font-weight:bold;
    color:#FEE465;
    text-align:center;
    cursor:pointer;
}
.sfcontent_smallfigure_frame .sfcontent_control {
    position:absolute;
    width:109px;
    top:18px;
    left:0px;
}
.sfcontent_smallfigure_frame .sfcontent_control .sfcontent_buttonminus {
    position:absolute;
    top:-2px;
    left:0px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_smallfigure_frame .sfcontent_control .sfcontent_buttonplus {
    position:absolute;
    top:-2px;
    right:0px;
    width:13px;
    height:13px;
    cursor:pointer;
}
.sfcontent_smallfigure_frame .sfcontent_control .sfcontent_input {
    position:absolute;
    top:0px;
    left:18px;
    width:75px;
}
.sfcontent_smallfigure_frame .sfcontent_control .sfcontent_input input {
    background: none;
    border: 0;
    height: 15px;
    width:75px;
    text-align:center;
}

.sfcontent_bottomline input{
    cursor:pointer;
    border: none;
    background:none;
    font-weight:bold;
    color:#FEE465;
    width: 100%;
}

.sfcontent_Form_Select, .sfcontent_Form_Select_black{
    height:16px;
    width:170px;
    position:relative;
    background-image:url(/img/global/pulldown/Textfield_Brown.gif);
    background-repeat: repeat-x;
    background-color:#100803;
    background-position:top;
    border: 1px solid #090200;
    z-index:5;
    cursor: pointer;
}
.sfcontent_Form_Select_black{
    background-image:url(/img/global/pulldown/Textfield_Black.gif);
    background-color:#000000;
    border: 1px solid #464545;
}

.sfcontent_customselect_topElement{
    height:16px;
    min-width:144px;
    float:left;
    padding-top:2px;
    padding-left:5px;
    overflow:hidden;
    z-index:999;
    white-space:nowrap;
}

.sfcontent_customselect_dropDownButton{
    height:16px;
    width:16px;
    float:right !important;
    cursor:pointer;
    text-align:center;
    background-image:url(/img/global/pulldown/Arrow.gif);
    z-index:999;
}

.sfcontent_customselect_elements, .sfcontent_customselect_elements_black{
    float:left;
    width:100%;
    display:none;
    background-image:url(/img/global/pulldown/Background_Container_Brown.jpg);
    background-repeat: repeat-x;
    background-color:#110906;
    background-position:top;
    border-left: 1px solid #090200;
    border-right: 1px solid #090200;
    border-bottom: 1px solid #090200;
    z-index:1000;
    position:absolute;
    top:16px;
    left:-1px;
    padding-top:3px;
}
.sfcontent_customselect_elements_black{
    background-image:url(/img/global/pulldown/Background_Container_Black.jpg);
    background-color:#110906;
    border-left: 1px solid #464545;
    border-right: 1px solid #464545;
    border-bottom: 1px solid #464545;
}

.sfcontent_customselect_elements ul {
    margin-top:5px;
}

.sfcontent_customselect_elements a {
    text-decoration:none;
    color: #AC9D5C;
    display: block;
}

.sfcontent_customselect_elements a:hover {
    color: #FDE966;
}

.sfcontent_customselect_element{
    height:20px;
    list-style-image: none;
    list-style-type: none;
    margin-left:5px;
    cursor:pointer;
}

.sfcontent_customselect_element_headline{
    cursor: default;
    font-weight: bold;
    color: #ffffff;
}

.sfcontent_customselect_element_sub{
    margin-left: 15px;
}

input, textarea{
    color:#A99E5C;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    resize:none;
}

.opacity70 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/******************************************************************************************************************************
/* MAIN CONTENT *
/******************************************************************************************************************************/

#sfmaincontentfocusdarkener{
    position:absolute;
    top:0px;
    left:0px;
    width:850px;
    height:710px;
    background-color:#000000;
    display:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index:0!important;
}

#sfinnerfocusdarkener{
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 710px;
    background-color:#000000;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#sfmaincontainergame{
    position:relative;
    width:850px;
    height:710px;
    margin:auto;
    background-color: #000000;
    z-index: 1;
    margin-left: -425px;
    left: 50%;
}

#sfmaincontainerheader{
    position:absolute;
    left:0px;
    top:0px;
    width:850px;
    height:124px;
    background-color:#000000;
}

#sfmaincontainerstatus{
    position:absolute;
    left:0px;
    top:124px;
    width:850px;
    height:34px;
    background: url('/img/global/SF_Ressourcen_Nav_Background.jpg') no-repeat top center;
}

#sfmaincontainernavigation{
    position:absolute;
    left:0px;
    top:158px;
    width:850px;
    height:49px;
    background: url('/img/global/SF_Navigation_Background.jpg');
}
#sfmaincontainernavigationCentered {
    float: left;
    position: relative;
    left: 50%;
}
#sfmaincontainernavigationCenteredInner {
    float: left;
    position: relative;
    left: -50%;
}
#sfmaincontainercontent{
    position:absolute;
    left:0px;
    top:207px;
    width:850px;
    height:447px;
    background: url('/img/global/SF_Content_Background_Main.jpg') repeat-y top center;
}

#sfmaincontainercontentblender{
    position:absolute;
    left:0px;
    top:207px;
    width:850px;
    height:447px;
    background: url('/img/global/SF_Navigation_Background.jpg') transparent;
}

#sfmaincontainerfooter{
    position:absolute;
    left:0px;
    bottom:0px;
    width:850px;
    height:58px;
    background: url('/img/global/SF_Footer_Background.jpg') no-repeat top center;
}

#sfmaincontainerfooter_imprint{
    position: absolute;
    left: 10px;
    top: 28px;
    width: 825px;
    text-align:center;
    color: #999999;
}

#sfmaincontainerfooter_imprint a{
    color: #999999;
    text-decoration: none;
}
#sfmaincontainerfooter_imprint a:hover{
    color: #999999;
    text-decoration: underline;
}
#sfmaincontainerfooter_imprint img#gl_footer_element_image_logo {
    margin-top: -11px;
    position: relative;
    top: 7px;
}

/******************************************************************************************************************************
/* NAVIGATION
/******************************************************************************************************************************/

.sfnavidropdown{
    position:absolute;
    left:-200px;
    top:188px;
    width:200px;
    display:none;
    z-index:10000;
    background-color: black;
}

.sfnavidropdown_upperarea{
    width:200px;
    height:15px;
    display: block;
    float: left;
    background: url('/img/global/navigation/dropdown/UpperArea.gif') repeat-y top left;
}

.sfnavidropdown_centerarea{
    width:200px;
    text-align:center;
    float: left;
    background: url('/img/global/navigation/dropdown/CenterArea.gif') repeat-y top center;
}

.sfnavidropdown_centerarea_button{
    width:200px;
    height:27px;
    line-height:20px;
    text-align:center;
    text-decoration: none;
    cursor: pointer;
    line-height: 18px !important;
    background: url('/img/global/navigation/dropdown/Button.gif') no-repeat top center;
}

.sfnavidropdown_centerarea_button:hover{
    background: url('/img/global/navigation/dropdown/ButtonHover.gif') no-repeat top center;
}

.sfnavidropdown_centerarea_button_special_no{
    width:200px;
    height:27px;
    line-height:20px;
    text-align:center;
    text-decoration: none;
    cursor: pointer;
    background: url('/img/global/navigation/dropdown/btn_event_inactive.gif')  no-repeat top center;
}

.sfnavidropdown_centerarea_button_special{
    width:200px;
    height:27px;
    line-height:20px;
    text-align:center;
    text-decoration: none;
    cursor: pointer;
    background: url('/img/global/navigation/dropdown/btn_event_norm.gif')  no-repeat top center;
}

.sfnavidropdown_centerarea_button_special:hover{
    background: url('/img/global/navigation/dropdown/btn_event_over.gif') no-repeat top center;
}

.sfnavidropdown_lowerarea{
    width:200px;
    height:15px;
    display: block;
    float: left;
    background: url('/img/global/navigation/dropdown/LowerArea.gif') repeat-y top left;
}

#comingSoonLayer {
    position: absolute;
    display: none;
    background-color: #000000;
    width: 350px;
    height: 221px;
    left: 325px;
    top: 220px;
    z-index: 100;
}

#sfheader_startgame_container_container       #sfheader_startgame_container_hover {
    display: none;
}
#sfheader_startgame_container_container:hover #sfheader_startgame_container_hover {
    display: block;
}
#sfheader_cauldron_container_container:hover #sfheader_cauldron_container_hover {
    display: block;
}
#sfheader_cauldron_container_container       #sfheader_cauldron_container_hover {
    display: none;
}

/******************************************************************************************************************************
/* MAIN BACKGROUNDS *
/******************************************************************************************************************************/

.SeafightMainBackground_Overlay_1{
    position:absolute;
    top:34px;
    right:25px;
    width:585px;
    height:406px;
    background: url('/img/global/SF_Content_Background_Overlay_1.jpg') no-repeat top left;
}

.SeafightTableBackground_Overlay{
    position:absolute;
    top:23px;
    left:0px;
    width:585px;
    height:80px;
    /*background: url('/img/global/SF_Content_TableBackground.jpg') repeat-y top left;*/
}

/******************************************************************************************************************************
/* MAIN TABLES *
/******************************************************************************************************************************/

.SeafightContent_TableContainer{
    position:absolute;
    top:0px;
    left:10px;
    width:565px;
    height:100%;
    border: none;
}

.SeafightContent_Table{
    position:absolute;
    top:0px;
    left:0px;
    width:555px;
    border: none;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.SeafightContent_TableCell{
    border: 0px;
    padding-left:2px;
    padding-right: 2px;
    height:20px;
    text-align:center;
    overflow:hidden;

}

.SeafightContent_TableColumn_Separator{
    background: url('/img/global/SF_Content_TableColumn_Separator.jpg') repeat-y top left;
    width:2px;
    height:100%;
    z-index:3;
}

.SeafightContent_TableColumn_FrameBorder{
    background: url('/img/global/SF_Content_TableFrame.jpg') repeat-x top left;
    height: 1px;
    width: 100%;
}

div.sfcontent_leftTeaserSkills{
    position:absolute;
    top:0px;
    left:22px;
    width:210px;
    height:440px;
}
div.sfcontent_leftBigTeaser, div.sfcontent_leftTeaser{
    position:absolute;
    top:-13px;
    left:10px;
    width:230px;
    height:455px;
}

div.sfcontent_defaultContent{
    position:absolute;
    top:2px;
    left:240px;
    width:585px;
    height:455px;
}

div.sfcontent_teaserSwitch{
    position:absolute;
    bottom:0px;
    left:10px;
    background: url('/img/global/control/Teaser_Switch.png') no-repeat bottom center;
    width:210px;
    height:61px;
}
div.sfcontent_teaserSwitch>div{
    position:absolute;
    bottom:8px;
    width:90px;
    height:37px;
    padding-top:5px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
}
div.sfcontent_teaserSwitchLeft{
    left:10px;
}
div.sfcontent_teaserSwitchRight{
    right:10px;
}
div.sfcontent_teaserSwitch .active{
    color: #FFE466 !important;
}
div.sfcontent_teaserSwitch .inactive{
    color: #696967 !important;
}
.cabinProfileSpace{
    height: 25px;
    width: 200px;
}
.cabinProfileLabel{
    width: 105px;
    float: left;
    margin-left: 15px;
    margin-bottom: 7px;
    /*background-color: rgba(0,0,250,0.5);*/
}

.cabinProfileValue{
    width: 135px;
    text-align: right;
    font-weight: bolder;
    float:left;
    /*background-color: rgba(0,0,125,0.5);*/
}
.cabinProfileLeft {
    position:absolute;
    width: 277px;
    height: 395px;
    /*background-color: rgba(0,250,125,0.5);*/
}
.cabinProfileTop{
    position:absolute;
    width: 277px;
    height: 130px;
    left: 300px;

    /*background-color: rgba(250,0,0,0.5);*/
}
.cabinProfileData{
    position:absolute;
    width: 277px;
    height: 263px;
    left: 300px;
    top: 132px;
    /*background-color: rgba(250,125,125,0.5);*/
}
#cabinUserAvatar{
    position: absolute;
    width:80px;
    height: 80px;
    left:97px;
    top: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.cabinProfile {
    background-image: url('/img/global/content/cabin_background.jpg') !important;
}

#Profile_UploadImgBtn{
    position: absolute;
    left: 97px;
    top: 105px;
    font-size: 10px;
}

#sfcontent_MainBox{
    position:absolute;
    top:36px;
    left:240px;
    width:565px;
    height:406px;
    border:none;
    padding-left:10px;
    padding-right:10px;
    background: url('/img/global/content/MainBox_Content_Background.jpg') no-repeat bottom left;
}

#sfcontent_MainBox a {
    text-decoration: none;
}

div.sfcontent_headline{
    position:absolute;
    top:0px;
    left:240px;
    width:585px;
    height:34px;
    z-index:4;
}

div.sfcontent_bigheadline{
    background: url('/img/global/content/BigMainBox_Headline_Background.jpg') no-repeat top center;
    position:absolute;
    top:0px;
    left:20px;
    width:787px;
    height:15px;
    padding:5px;
    padding-left:15px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    text-transform: uppercase;
}

div.sfcontent_BigMainContent{
    position:absolute;
    top:25px;
    left:20px;
    width:807px;
    height:435px;
}

div.sfcontent_tab{
    position:absolute;
    top:0px;
    left:240px;
    width:585px;
    height:24px;
    z-index:9;
}

div.sfcontent_tabelement{
    float:left;
    cursor:pointer;
    width:50%;
    height:24px;
}

#sfcontent_HeadBox{
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(/img/global/content/MainBox_Headline_Background.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    border:medium none;
    height:34px;
    position:absolute;
    right:25px;
    top:2px;
    width:575px;
    padding-left:10px;
    padding-top:4px;
    color:white;
    font-size:12px;
    font-weight:bold;
}

.sfcontent_InnerHeadBox{
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(/img/global/content/MainBox_InnerHeadline_Background.jpg);
    background-position:0 0;
    background-repeat:repeat;
    border:medium none;
    height:23px;
    line-height:23px;
    width:555px;
    padding-left:10px;
    color:white;
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
}

.sfcontent_tableHeadLabel{
    float:left;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    padding-left:10px;
    padding-top:4px;
    height:18px;
    position:relative;
}

/******************************************************************************************************************************
/* FONT COLORS *
/******************************************************************************************************************************/
a                       { color:#FDE966; }
a:active                { color:#FDE966; }
a:visited               { color:#FDE966; }
a:hover                 { color:#ffe565; }
.nohighlight			{ color:#AC9D5C !important; text-decoration: none !important; }
.nohighlight:hover		{ text-decoration: none !important; }
.font_normal            { color:#AC9D5C; }
.font_gold              { color:#eeb213; }
.font_yellow            { color:#FDE966; }
.font_green             { color:#849d3b; }
.font_red               { color:#e20000; }
.font_pearl             { color:#a3c6db; }
.font_white             { color:#ffffff; }
.font_link              { color:#ffe565; text-decoration: none; }
.font_link_deactive     { color:#9a9a9a; }
.font_link_menu         { color:#d8cea3; text-decoration: none;}
.font_link_menu:active  { color:#d8cea3; }
.font_link_menu:visited { color:#d8cea3; }
.font_link_menu:hover   { color:#ffffff; font-weight:bold; }
.font_inactive          { color:#777777; }
.font_TableHead         { font-weight:bold; text-align:left;font-size:12px; }
.font_Headline1         { font-weight: bold; font-size:13px; }

.font_positive          { color:#298E02; }
.font_negative          { color:#E30103; }
.font_neutral           { color:#A99E5C; }

.defaultMargin          { margin-left:8px; }
/******************************************************************************************************************************
/* FLEXCROLL SCROLLBARS *
/******************************************************************************************************************************/

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* Background */
.vscrollerbase {
    width:10px;
    visibility: visible !important;
    background-image:url('/img/global/scrollbar/Scrollbar_Background.gif');
    background-repeat:repeat-y;
}

/* Start */
.vscrollerbarbeg {
    width:10px;
    height:6px !important;
    background-image:url(/img/global/scrollbar/Scrollbar_Start.gif);
}

/* Scrollbar itself */
.vscrollerbar {
    width:10px;
    background-image:url(/img/global/scrollbar/Scrollbar_Bar.gif);
    background-repeat:repeat-y;
    cursor:pointer;
}

/* End */
.vscrollerbarend {
    width:10px;
    height:7px;
    background-image:url(/img/global/scrollbar/Scrollbar_End.gif);
}

/* Clickable upper area */
.vscrollerbasebeg {
    width:10px;
    height:11px !important;
    background-image:url(/img/global/scrollbar/Scrollbar_ArrowUp.gif);
    cursor:pointer;
    visibility:visible !important;
}
.vscrollerbasebeg:hover {
    background-image:url(/img/global/scrollbar/Scrollbar_ArrowUp_Hover.gif);
}

/* Clickable lower area */
.vscrollerbaseend {
    width:10px;
    height:11px !important;
    background-image:url(/img/global/scrollbar/Scrollbar_ArrowDown.gif);
    cursor:pointer;
}
.vscrollerbaseend:hover {
    background-image:url(/img/global/scrollbar/Scrollbar_ArrowDown_Hover.gif);
}

.vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}

/******************************************************************************************************************************
/* SYSTEM LAYER *
/******************************************************************************************************************************/

#sfcontent_system_message_layer{
    position:absolute;
    left:-175px;
    margin-left:50%;
    top:250px;
    width:350px;
    z-index:100000000;
    color: #AC9D5C;
}
#sfcontent_system_message_layer table td{
    vertical-align:middle;
}

/* HEIGHTFIX FOR CALLING VIA AJAX */
.sfcontent_ajax_message_layer{
    top: 0 !important;
}

#sfcontent_system_message_layer_table{
    position:absolute;
    top:0px;
    left:0px;
    width:350px;
    padding:0px;
    margin:0px;
    border:none;
}

#sfcontent_system_message_toparea{
    width:350px;
    height:49px;
    background: url('/img/global/layer/system/Standard_Top.gif') no-repeat top center;
}

#sfcontent_system_message_windowtitle{
    position:absolute;
    top:2px;
    left:30px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:25px;
    width:25px;
    cursor:pointer;
}

#sfcontent_system_message_mainarea{
    text-align:left;
    overflow:hidden;
    padding: 0px;
    margin: 0px;
    padding-left: 30px;
    padding-right:30px;
    background: url('/img/global/layer/system/Standard_Mid.gif') repeat top center;

}

#sfcontent_system_message_bottomarea{
    width:350px;
    height:60px;
    text-align:center;
    background: url('/img/global/layer/system/Standard_Bottom.gif') no-repeat bottom center;
}

#sfcontent_system_message_Button_OK{
    width:80px;
    height:23px;
    cursor:pointer;
    border:none;
    font-weight:bold!important;
    font-size:11px;
    margin:0px;
    padding:0px;
    background: url('/img/global/buttons/Small.gif') no-repeat bottom center;
}

.sfcontent_system_message_layer_HintMarketplaceEvent{
    left:-80px!important;
    top:365px!important;
}


#sfcontent_system_ajax_layer{
    position:absolute;
    left:-175px;
    margin-left:50%;
    top:250px;
    width:350px;
    z-index:100000000;
    color:white;
}

.sfcontent_system_ajax_layer_userinfo{
    width:301px !important;
    height:359px;
    position:relative;
    background: url('/img/global/layer/ajax/layer_userinfo.jpg') no-repeat top center;
}

.sfcontent_system_ajax_layer_guildinfo{
    width:301px !important;
    height:359px;
    position:relative;
    background: url('/img/global/layer/ajax/layer_guildinfo.jpg') no-repeat top center;
}

.sfcontent_system_ajax_layer_close{
    position:absolute;
    top:0px;
    right:0px;
    width:25px;
    height:25px;
    cursor:pointer;
}

.sfcontent_system_layer_small{
    width: 231px;
    position:absolute;
    display:none;
}

.sfcontent_system_layer_small_top{
    width: 226px;
    height: 44px;
    float: left;
    background: url('/img/global/layer/system/systemlayer_s_top.jpg') no-repeat top center;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-top: 5px;
    padding-left: 5px;
}
.sfcontent_system_layer_small_slice{
    width: 191px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    background: url('/img/global/layer/system/systemlayer_s_mid.jpg') top center;
}
.sfcontent_system_layer_small_bottom{
    width: 231px;
    height: 17px;
    float: left;
    background: url('/img/global/layer/system/systemlayer_s_bot.jpg') no-repeat top center;
}

.closeLayer{
    cursor:pointer;
    width:20px;
    height:20px;
    position:absolute;
    top:3px;
    right:3px;
}

.layerHeadline{
    width:300px;
    height:20px;
    position:absolute;
    top:5px;
    left:30px;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
}

/******************************************************************************************************************************
/* CONFIRM LAYER *
/******************************************************************************************************************************/


#sfcontent_System_Confirm_Layer{
    position:absolute;
    left:-175px;
    margin-left:50%;
    width:350px;
    top: 250px;
    z-index:100000000;
    color: #AC9D5C;
}

/* HEIGHTFIX FOR CALLING VIA AJAX */
.sfcontent_Ajax_Confirm_Layer{
    top: 0 !important;
}

#sfcontent_System_Confirm_Layer .sfcontent_System_Confirm_TopArea{
    width:350px;
    height:49px;
    background: url('/img/global/layer/system/Standard_Top.gif') no-repeat top center;
}

#sfcontent_System_Confirm_Layer .sfcontent_System_Confirm_TopArea #sfcontent_System_Confirm_WindowTitle{
    position:absolute;
    top:2px;
    left:30px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_System_Confirm_Layer .sfcontent_System_Confirm_TopArea #sfcontent_System_Confirm_CloseArea{
    position:absolute;
    top:2px;
    right:2px;
    height:25px;
    width:25px;
    cursor:pointer;
}

#sfcontent_System_Confirm_Layer #sfcontent_System_Confirm_Message{
    text-align:left;
    overflow:hidden;
    padding: 0px;
    margin: 0px;
    padding: 10px 30px;
    background: url('/img/global/layer/system/Standard_Mid.gif') repeat top center;

}

#sfcontent_System_Confirm_Layer #sfcontent_System_Confirm_BottomArea{
    width:350px;
    height:60px;
    text-align: center;
    background: url('/img/global/layer/system/Standard_Bottom.gif') no-repeat bottom center;
}

#sfcontent_System_Confirm_Layer #sfcontent_System_Confirm_BottomArea #sfcontent_Confirm_Button_OK{
    position:absolute;
    left:85px;
    width:85px;
    height:23px;
    bottom:15px;
    font-weight:bold;
    background:url('/img/global/buttons/Medium.gif') no-repeat top left;
}

#sfcontent_System_Confirm_Layer #sfcontent_System_Confirm_BottomArea #sfcontent_Confirm_Button_Cancel{
    position:absolute;
    right:85px;
    width:85px;
    height:23px;
    bottom:15px;
    font-weight:bold;
    background:url('/img/global/buttons/Medium.gif') no-repeat top left;
}

/******************************************************************************************************************************
/* Evoucher LAYER
/******************************************************************************************************************************/

#EvoucherLayer {
    position: absolute;
    width: 440px;
    height: 260px;
    z-index:20;
    background-repeat: none;
    background-image:url(/img/global/layer/evoucher/systemlayer_evoucher.jpg);
    background-color: #FF0000;
}

#EvoucherLayer .headerWrapper {
    position: relative;
}

#EvoucherLayer .headerWrapper .headline {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 4px;
}

#EvoucherLayer .headerWrapper .closer {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 5px;
    cursor: pointer;
}

#EvoucherLayer .contentWrapper {
    position: relative;
}

#EvoucherLayer .contentWrapper .contentText {
    position: absolute;
    width: 230px;
    left: 40px;
    top: 60px;
}

#EvoucherLayer .contentWrapper .contentInput {
    position: absolute;
    background: transparent;
    top: 120px;
    left: 40px;
    border: none;
    width: 270px;
    height: 20px;
}

#EvoucherLayer .contentWrapper .contentMessageWrapper {
    position: absolute;
    font-weight: bold;
    left: 40px;
    top: 150px;
    height: 60px;
    width: 250px;
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .gfx {
    background-repeat: none;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .successGFX {
    background-image:url(/img/global/cursor/true_cursor.png);
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .errorGFX {
    background-image:url(/img/global/cursor/false_cursor.png);
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .text .success{
    color: #7ca024;
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .text .error{
    color: #d30000;
}

#EvoucherLayer .contentWrapper .contentMessageWrapper .text {
    left: 35px;
    position: absolute;
}

#EvoucherLayer .buttonWrapper {
    position: relative;
    top: 223px;
    width: 440px;
    height: 20px;
    text-align: center;
    color: #FFE467;
    font-weight: bold;
}

#EvoucherLayer .buttonWrapper div {
    position: absolute;
    cursor: pointer;
    width: 85px;
    height: 15px;
}

#EvoucherLayer .buttonWrapper .buttonOK {
    left: 80px;
}

#EvoucherLayer .buttonWrapper .buttonCancel {
    left: 178px;
}

#EvoucherLayer .buttonWrapper .buttonPayment {
    left: 275px;
}
/******************************************************************************************************************************
/* Promo LAYER
/******************************************************************************************************************************/

#PromoLayer {
    position: absolute;
    width: 440px;
    height: 260px;
    z-index:20;
    background-repeat: none;
    background-image:url(/img/global/layer/evoucher/systemlayer_evoucher_pepsi.jpg);
    background-color: #FF0000;
}

#PromoLayer .headerWrapper {
    position: relative;
}

#PromoLayer .headerWrapper .headline {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 4px;
}

#PromoLayer .headerWrapper .closer {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 5px;
    cursor: pointer;
}

#PromoLayer .contentWrapper {
    position: relative;
}

#PromoLayer .contentWrapper .contentText {
    position: absolute;
    width: 230px;
    left: 40px;
    top: 100px;
}

#PromoLayer .contentWrapper .contentInput {
    position: absolute;
    background: transparent;
    top: 120px;
    left: 40px;
    border: none;
    width: 270px;
    height: 20px;
}

#PromoLayer .contentWrapper .contentMessageWrapper {
    position: absolute;
    font-weight: bold;
    left: 40px;
    top: 150px;
    height: 60px;
    width: 250px;
}

#PromoLayer .contentWrapper .contentMessageWrapper .gfx {
    background-repeat: none;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
}

#PromoLayer .contentWrapper .contentMessageWrapper .successGFX {
    background-image:url(/img/global/cursor/true_cursor.png);
}

#PromoLayer .contentWrapper .contentMessageWrapper .errorGFX {
    background-image:url(/img/global/cursor/false_cursor.png);
}

#PromoLayer .contentWrapper .contentMessageWrapper .text .success{
    color: #7ca024;
}

#PromoLayer .contentWrapper .contentMessageWrapper .text .error{
    color: #d30000;
}

#PromoLayer .contentWrapper .contentMessageWrapper .text {
    left: 35px;
    position: absolute;
}

#PromoLayer .buttonWrapper {
    position: relative;
    top: 223px;
    width: 440px;
    height: 20px;
    text-align: center;
    color: #FFE467;
    font-weight: bold;
}

#PromoLayer .buttonWrapper div {
    position: absolute;
    cursor: pointer;
    width: 85px;
    height: 15px;
}

#PromoLayer .buttonWrapper .buttonOK {
    left: 80px;
}

#PromoLayer .buttonWrapper .buttonCancel {
    left: 178px;
}

#PromoLayer .buttonWrapper .buttonPayment {
    left: 275px;
}



/******************************************************************************************************************************
/* PAYMENT IFRAME LAYER
/******************************************************************************************************************************/

#paymentLayer {
    position: absolute;
    width: 969px;
    height: 552px;
    z-index:20;
    background-repeat: no-repeat;
    background-image:url(/img/global/layer/payment/systemlayer.jpg);
}

#paymentLayer .paymentHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 969px;
    height: 35px;
}

#paymentLayer .paymentHeader .paymentTitle {
    position: absolute;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    top: 6px;
    left: 30px;
}

#paymentLayer .paymentHeader .paymentCloser {
    position: absolute;
    height: 18px;
    width: 18px;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

#paymentLayer .paymentContent {
    width: 970px;
    height: 529px;
    position: absolute;
    top: 24px;
    left: -2px;
    border: none;
    z-index: 1;
}

#paymentLayer .loadingSpinner {
    background:url('/img/global/loader/SFloading_black.gif') no-repeat top left;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 50%;
    left: 50%;
    margin-left: -23.5px;
    margin-top: -23.5px;
}


/******************************************************************************************************************************
/* AVATAR-UPLOAD LAYER *
/******************************************************************************************************************************/


#sfcontent_System_Upload_Avatar{
    position:absolute;
    left:-175px;
    margin-left:50%;
    width:350px;
    top: 250px;
    z-index:100000000;
    color: #AC9D5C;
}

/* HEIGHTFIX FOR CALLING VIA AJAX */
.sfcontent_Ajax_Upload_Avatar{
    top: 0 !important;
}

#sfcontent_System_Upload_Avatar .sfcontent_System_Upload_Avatar_TopArea{
    width:350px;
    height:49px;
    background: url('/img/global/layer/system/Standard_Top.gif') no-repeat top center;
}

#sfcontent_System_Upload_Avatar .sfcontent_System_Upload_Avatar_TopArea #sfcontent_System_Upload_Avatar_WindowTitle{
    position:absolute;
    top:2px;
    left:30px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_System_Upload_Avatar .sfcontent_System_Upload_Avatar_TopArea #sfcontent_System_Upload_Avatar_CloseArea{
    position:absolute;
    top:2px;
    right:2px;
    height:25px;
    width:25px;
    cursor:pointer;
}

#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_Message{
    text-align:left;
    overflow:hidden;
    padding: 0px;
    margin: 0px;
    padding: 10px 30px;
    background: url('/img/global/layer/system/Standard_Mid.gif') repeat top center;
}

#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_Message #sfcontent_ClanInfo_ClanAvatar,
#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_Message #sfcontent_UserInfo_UserAvatar
{
    position: static;
    margin-top: 10px;
}

#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_BottomArea{
    width:350px;
    height:60px;
    text-align: center;
    background: url('/img/global/layer/system/Standard_Bottom.gif') no-repeat bottom center;
}

#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_BottomArea #sfcontent_System_Upload_Avatar_Button_OK{
    position:absolute;
    left:40px;
    width:130px;
    height:21px;
    bottom:13px;
    font-weight:bold;
    background:url('/img/global/buttons/btn_130x21.gif') no-repeat top left;
    cursor: pointer;
    padding-top: 2px;
}

#sfcontent_System_Upload_Avatar #sfcontent_System_Upload_Avatar_BottomArea #sfcontent_System_Upload_Avatar_Button_Cancel{
    position:absolute;
    right:40px;
    width:130px;
    height:21px;
    bottom:13px;
    font-weight:bold;
    background:url('/img/global/buttons/btn_130x21.gif') no-repeat top left;
    cursor: pointer;
    padding-top: 2px;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 2 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_TwoButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_TwoButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 3 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_ThreeButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_ThreeButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_ThreeButtonType_Button3{
    position:absolute;
    left:38px;
    top:110px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 4 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_FourButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FourButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FourButtonType_Button3{
    position:absolute;
    left:38px;
    top:110px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FourButtonType_Button4{
    position:absolute;
    left:38px;
    top:140px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 5 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_FiveButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FiveButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FiveButtonType_Button3{
    position:absolute;
    left:38px;
    top:110px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FiveButtonType_Button4{
    position:absolute;
    left:38px;
    top:140px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_FiveButtonType_Button5{
    position:absolute;
    left:38px;
    top:170px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 6 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_SixButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SixButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SixButtonType_Button3{
    position:absolute;
    left:38px;
    top:110px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SixButtonType_Button4{
    position:absolute;
    left:38px;
    top:140px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SixButtonType_Button5{
    position:absolute;
    left:38px;
    top:170px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SixButtonType_Button6{
    position:absolute;
    left:38px;
    top:200px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* CHOOSE LAYER - 7 BUTTON TYPE * DEPENDING ON LAYER SIZE SMALL *
/******************************************************************************************************************************/

#sfcontent_Layer_SevenButtonType_Button1{
    position:absolute;
    left:38px;
    top:50px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button2{
    position:absolute;
    left:38px;
    top:80px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button3{
    position:absolute;
    left:38px;
    top:110px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button4{
    position:absolute;
    left:38px;
    top:140px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button5{
    position:absolute;
    left:38px;
    top:170px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button6{
    position:absolute;
    left:38px;
    top:200px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

#sfcontent_Layer_SevenButtonType_Button7{
    position:absolute;
    left:38px;
    top:230px;
    width:156px;
    height:23px;
    background: transparent url('/img/global/buttons/Large.gif') no-repeat left top;
}

/******************************************************************************************************************************
/* BUTTON ORGY LAYERs *
/******************************************************************************************************************************/

/* LAYER  Size XS */
#sfcontent_System_Message_ExtraSmall{
    position:absolute;
    left:-115px;
    margin-left:50%;
    top:270px;
    width:231px;
    height:140px;
    background: url('/img/global/layer/system/Complete_XS.jpg') no-repeat top center;
    z-index:100000000;
}

#sfcontent_system_message_extrasmall_windowtitle{
    position:absolute;
    top:1px;
    left:10px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_extrasmall_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:26px;
    width:26px;
    cursor:pointer;
}

/* LAYER Size S */
/*WHO IS ALWAYS CHANGING the CSS:TOP-ATTRIBUTE???? dammed!*/
#sfcontent_System_Message_Small{
    position:absolute;
    left:-115px;
    margin-left:50%;
    width:231px;
    height:191px;
    background: url('/img/global/layer/system/Complete_S.jpg') no-repeat top center;
    z-index:100000000;
}

#sfcontent_system_message_small_windowtitle{
    position:absolute;
    top:1px;
    left:10px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_small_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:26px;
    width:26px;
    cursor:pointer;
}

/* LAYER Size M */
#sfcontent_System_Message_Medium{
    position:absolute;
    left:-150px;
    margin-left:50%;
    top:250px;
    width:301px;
    height:359px;
    background: url('/img/global/layer/system/Complete_M.jpg') no-repeat top center;
    z-index:100000000;
}

#sfcontent_system_message_medium_windowtitle{
    position:absolute;
    top:1px;
    left:10px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_medium_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:26px;
    width:26px;
    cursor:pointer;
}

/* LAYER Size L */
#sfcontent_System_Message_Large{
    position:absolute;
    z-index:100000000;
}

#sfcontent_system_message_large_windowtitle{
    position:absolute;
    top:1px;
    left:10px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_large_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:26px;
    width:26px;
    cursor:pointer;
}

/* LAYER Size XL */
#sfcontent_System_Message_ExtraLarge{
    position:absolute;
    z-index:100000000;
}

#sfcontent_system_message_extralarge_windowtitle{
    position:absolute;
    top:1px;
    left:10px;
    width:250px;
    height:23px;
    line-height:23px;
    font-weight:bold;
}

#sfcontent_system_message_extralarge_closearea{
    position:absolute;
    top:2px;
    right:2px;
    height:26px;
    width:26px;
    cursor:pointer;
}

/******************************************************************************************************************************
/* DROP DOWN (SELECT FORM ELEMENTS) *
/******************************************************************************************************************************/

.SeafightCustomizedSelect_Brown_Main{
    background:transparent;
}

.SeafightCustomizedSelect_Brown_DropDownContainer{
    position:absolute;
    left:0px;
    top:20px;
    width:100%;
    height:50px;
    padding-left:5px;
    padding-right:3px;
    background:url('/img/global/pulldown/Background_Container_Brown.jpg') repeat top left;
    display:block;
}

.SeafightCustomizedSelect_Brown_DropDownTextField{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:18px;
    line-height: 18px;
    border:1px solid #532a15;
    padding-left:5px;
    background:url('/img/global/pulldown/Textfield_Brown.gif') repeat-x top left;
}

.SeafightCustomizedSelect_Brown_SideArrow{
    position:absolute;
    top:2px;
    right:-5px;
    height:16px;
    width:16px;
    cursor:pointer;
    background:url('/img/global/pulldown/Arrow.gif') no-repeat top left;
}

.SeafightCustomizedSelect_Brown_DropDownElement{
    width:100%;
    height:16px;
    line-height: 16px;
    margin-left: 5px;
    cursor:pointer;
}

.SeafightCustomizedSelect_Black_Main{
    background:transparent;
}

.SeafightCustomizedSelect_Black_DropDownContainer{
    position:absolute;
    left:0px;
    top:20px;
    width:100%;
    height:50px;
    padding-left:5px;
    padding-right:3px;
    background:url('/img/global/pulldown/Background_Container_Black.jpg') repeat top left;
    display:block;
}

.SeafightCustomizedSelect_Black_DropDownTextField{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:18px;
    line-height: 18px;
    border:1px solid #464545;
    padding-left: 5px;
    background:url('/img/global/pulldown/Textfield_Black.gif') repeat-x top left;
}

.SeafightCustomizedSelect_Black_SideArrow{
    position:absolute;
    top:2px;
    right:-5px;
    height:16px;
    width:16px;
    cursor:pointer;
    background:url('/img/global/pulldown/Arrow.gif') no-repeat top left;
}

.SeafightCustomizedSelect_Black_DropDownElement{
    width:100%;
    height:16px;
    line-height: 16px;
    margin-left: 5px;
    cursor:pointer;
}

/******************************************************************************************************************************
/* CHECKBOX (SELECT FORM ELEMENTS) *
/******************************************************************************************************************************/

.SeafightCheckbox_Brown{
    width:16px;
    height:12px;
    cursor:pointer;
    background: url('/img/global/checkbox/CheckBox_Brown.gif') no-repeat top left;
}

.SeafightCheckbox_Black{
    width:16px;
    height:12px;
    cursor:pointer;
    background: url('/img/global/checkbox/CheckBox_Black.gif') no-repeat top left;
}

.SeafightCheckbox_Checked{
    background-position:bottom left;
}

/******************************************************************************************************************************
/* OTHER CRAP *
/******************************************************************************************************************************/
.sf_content_sortdirection{
    position:absolute;
    right:5px;
    top:3px;
    width:12px;
    height:19px;

}
.sf_content_sortdirection div{
    width:12px;
    height:9px;
}

.arrow1{
    width:38px;
    height:26px;
    background-image:url(/img/global/arrow1.gif);
}

hr{
    background-image:url(/img/global/defaultHR.gif);
    background-repeat: repeat-x;
    background-position: center center;
    border:none;
    height:2px;
    width:100%;
    margin:auto;
    margin-top:10px;
    margin-bottom:5px;
}

.wysiwygbar{
    float:left;
    marign:0px;
    padding:0px;
}
.wysiwygbaritem{
    float:left;
    marign:0px;
    padding:0px;
    border:0px solid black;
    background-color:transparent;
    list-style-image: none;
    list-style-type: none;
    width:22px;
    height:23px;
    margin-right:1px;
    cursor: pointer;
}
.wysiwybold{
    background-image:url(/img/global/wysiwyg/bold.gif);
}
.wysiwyitalic{
    background-image:url(/img/global/wysiwyg/italic.gif);
}
.wysiwyunderline{
    background-image:url(/img/global/wysiwyg/underline.gif);
}
.wysiwystrike{
    background-image:url(/img/global/wysiwyg/cross.gif);
    margin-right:5px;
}
.wysiwyleft{
    background-image:url(/img/global/wysiwyg/align_left.gif);
}
.wysiwycenter{
    background-image:url(/img/global/wysiwyg/align_center.gif);
}
.wysiwyright{
    background-image:url(/img/global/wysiwyg/align_right.gif);
}
.wysiwyblock{
    background-image:url(/img/global/wysiwyg/align_justify.gif);
    margin-right:5px;
}
.wysiwycolor{
    background-image:url(/img/global/wysiwyg/colour.gif);
    width:32px;
}
.wysiwysize{
    background-image:url(/img/global/wysiwyg/size.gif);
    width:32px;
}

#masterMessageBox{
    width:823px;
    font-size:12px;
    font-weight:bold;
    display:none;
    position:absolute;
    margin:0px;
    margin-left:12px;
    margin-right:12px;
    bottom:-30px;
    left:0px;
    z-index:19; /* This could go under the navbar */
}

#masterMessageBox div{
    margin-bottom:3px;
    padding:5px;
    display: none;
}

#masterMessageBox .warning {
    background-color: #200000;
    color: #BB2222;
    border:1px solid #BB2222;
}

#masterMessageBox .info {
    background-color: #336080;
    color: #FFCC99;
    border:1px solid #FFCC99;
}

#masterMessageBox .success {
    background-color: #002000;
    color: #22BB22;
    border:1px solid #22BB22;
}

#masterMessageBox .error {
    background-color: #200000;
    color: #BB2222;
    border:1px solid #BB2222;
}


/* SOME STYLES FOR THE INNER STATUS BAR */
#sfmaincontainerstatus .statusStyleContainer {
    width: 830px;
    margin: 2px 0 0 20px;
    color: #FFFFFF;
    font-weight: normal;
}

/*GOLD*/

#sfmaincontainerstatus .header_gold_container {
    width: 200px;
    height: 25px;
}

#sfmaincontainerstatus .statusStyleContainer .header_gold_container .insideContainer {
    margin: 6px 0 0 69px;
}

#sfmaincontainerstatus .statusStyleContainer .header_gold_container .insideContainer .description {
    font-weight: bold;
    color: #f0b213;
    text-transform: uppercase;
}

/*PEARLS*/

#sfmaincontainerstatus .statusStyleContainer .header_pearls_container {
    width: 205px;
    height: 25px;
    cursor: pointer;
}

#sfmaincontainerstatus .statusStyleContainer .header_pearls_container .insideContainer {
    margin: 6px 0 0 70px;
    cursor: text;
}

#sfmaincontainerstatus .statusStyleContainer .header_pearls_container .insideContainer .description {
    font-weight: bold;
    color: #a2c5db;
    text-transform: uppercase;
}

/*CRYSTALS*/

#sfmaincontainerstatus .statusStyleContainer .header_crystals_container {
    width: 205px;
    height: 25px;
}

#sfmaincontainerstatus .statusStyleContainer .header_crystals_container .insideContainer {
    margin: 6px 0 0 60px;
}

#sfmaincontainerstatus .statusStyleContainer .header_crystals_container .insideContainer .description {
    font-weight: bold;
    color: #ff723d;
    text-transform: uppercase;
}

/*HELP*/

#sfmaincontainerstatus .statusStyleContainer .header_help_container {
    width: 210px;
    height: 25px;
}

#sfmaincontainerstatus .statusStyleContainer .header_help_container .insideContainer {
    margin: 6px 0 0 80px;
}

#sfmaincontainerstatus .statusStyleContainer .header_help_container .insideContainer .whiteBold {
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.sf_textdecoration_underline{
    text-decoration: underline;
}


/* STYLES FOR WYSIWYG-EDITOR PARSED DATA */

.wysiwyg_bold {
    font-weight: bold;
}

.wysiwyg_italic {
    font-style:italic;
}

.wysiwyg_underline {
    text-decoration: underline;
}

.wysiwyg_strike {
    text-decoration: line-through;
}

.wysiwyg_left{
    width: 100%;
    text-align: left;
}

.wysiwyg_center{
    width: 100%;
    text-align: center;
}

.wysiwyg_right{
    width: 100%;
    text-align: right;
}

.wysiwyg_justify{
    width: 100%;
    text-align: justify;
}

#gl_footer div,
#gl_footer div div {
    display: inline;
}

/**
 * Style of Tooltip Frame
 *
 */

.toolTipFrame {

    z-index: 200;
}

.toolTipHead {
    float: left;
    width: 270px;
    height: 25px;
    background-image: url(/img/global/layer/tooltip/toolTip_top.png);
    z-index: 500;
}

.toolTipSlice {
    width: 270px;
    background-image: url(/img/global/layer/tooltip/toolTip_tile.png);
    color: #FCE37C;
    font-size: 11px;
    z-index: 500;
}

.toolTipText{
    text-align: left;
    padding: 20px;
    z-index: 500;
}

.toolTipText p{
    margin: 10px 0px 10px 0px;
}
.toolTipText ul, .toolTipText ol{
    margin: 0px 0px 0px 15px;
}

.toolTipText{
    text-align: left;
    padding: 20px;
    z-index: 500;
}

.toolTipFooter {
    float: left;
    width: 270px;
    height: 25px;
    background-image: url(/img/global/layer/tooltip/toolTip_btm.png);
    z-index: 500;
}

#tool_tip {
    top: 350px;
    left: 635px;
    font-weight: lighter;
}

#tool_tip ul {
    list-style-type: disc;

    margin: 5px;
    font-weight: bolder;
    padding: 5px;
}

#tool_tip li {
    list-style-type: disc;

}

#layerTool2_text_62 a, #layerTool2_text_62 a:active, #layerTool2_text_62 a:visited { color: #FDE966; text-decoration:none;}

#layerTool2_text_62 a:hover { color: #FDE966; text-decoration:none;}

.tableColumHeader {
    background-image:url("/img/global/content/city/tableHead/02_center.jpg");
    background-repeat: repeat-x;
    height: 21px;
    /*left: 0;
    padding: 3px 0 0 10px;
    position: absolute;
    top: 0;*/

}

.tableColumHeader::before{
    background-image:url("/img/global/content/city/tableHead/01_left.jpg");
    background-repeat: no-repeat;
    height: 21px;
    width: 2px;
}
.tableColumHeader::after{
    background-image:url("/img/global/content/city/tableHead/03_right.jpg");
    background-repeat: no-repeat;
    height: 21px;
    width: 2px;
}

.tabHeadOuter{
    float: left;
    height: 21px;

}

.tabHeadLeft{
    background-image:url("/img/global/content/city/tableHead/01_left.jpg");
    background-repeat: no-repeat;
    height: 21px;
    width: 2px;
    float:left;

}
.tabHeadRight{
    background-image:url("/img/global/content/city/tableHead/03_right.jpg");
    background-repeat: no-repeat;
    height: 21px;
    width: 2px;
    float:left;

}
.tabHeadCenter{
    background-image:url("/img/global/content/city/tableHead/02_center.jpg");
    background-repeat: repeat-x;
    height: 21px;
    float:left;
    text-align: center;
    padding-top: 4px;
    color: white;
    font-weight: bolder;
}

.td_Seperator{
    background-image: url("/img/global/SF_Content_TableColumn_Separator.jpg");
    background-position: top right;
    background-repeat: repeat-y;
}

.externalLinks{

}