.bp_sf{
    direction:ltr;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size:11px;
}

.sfcontent_Form_Textarea{
    direction:ltr;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size:11px;
    background:none;
    border:0px;
    color:#AC9D5C;
    padding:0px;
}

.sfheader_startgame{
    position:absolute;
    left:0px;
    top:0px;
    width:296px;
    height:124px;
}

#sfheader_logo{
    position:absolute;
    left:296px;
    top:0px;
    width:259px;
    height:124px;
}

#sfcontent_internal_cobrand{
    position: absolute;
    top: 80px;
    left: 443px;
    width: 122px;
    height: 52px;
    overflow: hidden;
}

.sfcontent_NewMessages{
    position:absolute;
    left:10px;
    bottom:0px;
    width:210px;
    height:40px;
    background: url('/img/global/content/SF_Content_MessageBackground.jpg') repeat-x left top;
}

.sfcontent_NewMessage_Subcontainer{
    position:absolute;
    top:12px;
    left:10px;
    font-size:12px;
    font-weight:bold;
}

.sfcontent_NewMessage_LetterImage{
    position:absolute;
    right:5px;
    top:5px;
    width:26px;
    height:24px;
    background:url('/img/global/content/SF_Content_NewMessageLetter.gif') no-repeat top left;
}

.sfheader_cauldron{
    position:absolute;
    left:555px;
    top:0px;
    width:295px;
    height:124px;
}

.sfheader_email_info {
    position: absolute;
    width: 288px;
    height: 20px;
    top: 12px;
    left: 17px;
    color: #AC9D5C;
    text-align: center;
    z-index: 1;
}

.sfcontent_horizontal_rule{
    position:relative;
    left:0px;
    width:100%;
    height:1px;
    margin:10px;
    border:none;
    background: #552913;
}

.sfcontent_left{
    text-align:left;	
}

.sfcontent_right{
    text-align:right;    
}

.sfhidden{
    display: none;
}

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

.sflink {
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
    color: #FFE565;
}

.sfleft {
    float: left;
}

.sfright {
    float: right;
}

.sfclear {
    clear: both;
}

.sf_font_white {
    color: #FFFFFF;
}

/******************************************************************************************************************************
/* SYSTEM LAYER: Global *
/******************************************************************************************************************************/
.sfcontent_layer_global_large{
	position: absolute;	
	background-image: url(/img/global/layer/system/Complete_L.jpg);
	width: 800px;
	height: 450px;
}

/******************************************************************************************************************************
/* SYSTEM LAYER: USER DETAILS *
/******************************************************************************************************************************/

#sfcontent_UserInfo_WindowTitle{
    position:absolute;
    left: 10px;
    top:4px;
    font-weight:bold;
    font-size:15px;
}

#sfcontent_UserInfo_Avatar{
    position:absolute;
    left:30px;
    top:43px;
    width:80px;
    height:80px;
    overflow:hidden;
    background: yellow;
}

#sfcontent_UserInfo_UserName{
    position:absolute;
    left: 120px;
    top: 50px;
    font-weight:bold;
    font-size: 11px;
    border:none;
}

#sfcontent_UserInfo_GuildInfo{
    position:absolute;
    left:120px;
    top:75px;
    width:150px;
    border:none;
}

#sfcontent_UserInfo_Details{
    position:absolute;
    top:140px;
    left:25px;
    width:250px;
    border:none;
}

/******************************************************************************************************************************
/* SYSTEM LAYER: CLAN DETAILS *
/******************************************************************************************************************************/

#sfcontent_ClanInfo_WindowTitle{
    position:absolute;
    left: 10px;
    top:4px;
    font-weight:bold;
    font-size:15px;
}

#sfcontent_ClanInfo_Button1{
    position:absolute;
    right:30px;
    top:80px;
}

#sfcontent_ClanInfo_Button2{
    position:absolute;
    right:30px;
    top:105px;
}

#sfcontent_ClanInfo_Avatar{
    position:absolute;
    left:30px;
    top:43px;
    width:80px;
    height:80px;
    overflow:hidden;
}

#sfcontent_ClanInfo_ClanName{
    position:absolute;
    left: 120px;
    top: 50px;
    font-weight:bold;
    font-size: 11px;
    border:none;
}

#sfcontent_ClanInfo_ClanTag{
    position:absolute;
    left:120px;
    top:65px;
    width:150px;
    border:none;
}

.sfcontent_candidatureMessage{
    position:absolute;
    left:0px;
    top:20px;
    border:1px solid black;
    width:250px;
    height:150px;
}

#sfcontent_ClanInfo_CandidatureSubmit{
    position:absolute;
    left:85px;
    top:175px;
}

#sfcontent_ClanInfo_Details{
    position:absolute;
    top:140px;
    left:25px;
    width:250px;
    border:none;
}

#sfcontent_ClanInfo_MembersList{
    position:absolute;
    top:140px;
    left:25px;
    width:250px;
    border:none;
    display:none;
}

#sfcontent_ClanInfo_Candidature{
    position:absolute;
    top:140px;
    left:25px;
    width:250px;
    border:none;
    display:none;
}

/******************************************************************************************************************************
/* SYSTEM STATUSBAR *
/******************************************************************************************************************************/
.sfcontent_StatusBar_Frame{
    position:relative;	
}
 
.sfcontent_StatusBar_Left{
    float:left;
    width:12px;
    height:18px;
    background: url('/img/global/progressbar/Bar_Left.gif') repeat-x left top;
}

.sfcontent_StatusBar{
    float:left;
    height:18px;
    background: url('/img/global/progressbar/Bar_Black.gif') repeat-x left top;
}

.sfcontent_StatusBar_Right{
    float:left;
    width:12px;
    height:18px;
    background: url('/img/global/progressbar/Bar_Right.gif') repeat-x left top;
}

.sfcontent_StatusBar_Bar{
    float:left;
    height:17px;
    background-repeat:repeat-x;
}

.sfcontent_StatusBar_Text{
    position:absolute;
    left:12px;
    top:1px;
    height:15px;
    font-weight:bold;
    text-align:center;
    color: #ffffff;
}

hr.sfcontent_list_hr{
    float:left;
    width:90%;
    border-top:none;
    border-bottom:1px solid #552913;
    border-right:none;
    border-left:none;
    height:0px;
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
}


/******************************************************************************************************************************
/* SYSTEM LAYER: CONFIRMATION *
/******************************************************************************************************************************/

#sfcontent_Confirm_Message{
    position:absolute;
    top:50px;
    left:30px;
    width:170px;
    height:90px;
    text-align:center;
    vertical-align: middle;
    overflow:hidden;
}

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

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

.sfcontent_pearl{
	padding-left: 23px;
	height: 20px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
    background:url('/img/global/content/marketplace/ico_pearl.gif') no-repeat top left;
    text-align: left;
}

/* IMPRINT */
#imprintBox {
    position: absolute;
    z-index: 250px;
    width: 350px;
}

/* GREAT GLOBAL HELP  (praise it) */
#sfmaincontainergame #system_helpContainer {
    position: absolute;
    width: 710px;
    height: 710px;
}

#sfmaincontainergame #system_helpContainer .system_CloseHelpContainer {
    position: absolute; 
    top: 126px; 
    left: 677px; 
    height: 25px; 
    width: 130px; 
    padding: 6px 0 0 33px; 
    color: #FFFFFF; 
    background: url('/img/global/layer/help/help_navi-icon.gif') no-repeat top left;
}

#sfmaincontainergame #system_helpContainer .system_CloseHelpContainer span {
    font-weight: bold; 
    text-transform: uppercase;
}



/* SMALL LAYER */
#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer {
    width: 180px; 
    height: 170px; 
    position: absolute;
    z-index: 500px;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_topArrowLeft {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 15px; 
    left: -17px; 
    background: url('/img/global/layer/help/help_left-top.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_topArrowRight {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 15px; 
    left: 147px; 
    background: url('/img/global/layer/help/help_right-top.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_MainContainer {
    position: absolute; 
    width: 163px; 
    height: 116px; 
    overflow: hidden;
    top: 33px; 
    background: url('/img/global/layer/help/help_small.jpg') no-repeat top left;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_MainContainer div {
    margin: 13px;
    width: 140px; 
    height: 93px;
    overflow: hidden;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_bottomArrowLeft {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 133px; 
    left: -16px; 
    background: url('/img/global/layer/help/help_left-botm.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_SmallHelpContainer .system_SmallHelp_bottomArrowRight {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 133px; 
    left: 147px; 
    background: url('/img/global/layer/help/help_right-botm.gif') no-repeat top center;
}

/* BIG LAYER */
#sfmaincontainergame #system_helpContainer .system_BigHelpContainer {
    width: 285px; 
    height: 300px; 
    position: absolute;
    z-index: 500px;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_topArrowLeft {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 15px; 
    left: -17px; 
    background: url('/img/global/layer/help/help_left-top.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_topArrowRight {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 15px; 
    left: 254px; 
    background: url('/img/global/layer/help/help_right-top.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_MainContainer {
    position: absolute; 
    width: 270px; 
    height: 173px; 
    top: 33px; 
    background: url('/img/global/layer/help/help_big.jpg') no-repeat top left;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_MainContainer div {
    margin: 13px;
    width: 244px; 
    height: 147px; 
    overflow: hidden;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_bottomArrowLeft {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 190px; 
    left: -16px; 
    background: url('/img/global/layer/help/help_left-botm.gif') no-repeat top center;
}

#sfmaincontainergame #system_helpContainer .system_BigHelpContainer .system_BigHelp_bottomArrowRight {
    width: 33px; 
    height: 33px; 
    position: absolute; 
    top: 190px; 
    left: 254px; 
    background: url('/img/global/layer/help/help_right-botm.gif') no-repeat top center;
}

/* FORGOT PASSWORD */

#sfcontent_system_ForgotPassword {
    position: absolute; 
    z-index: 300; 
    width: 426px; 
    height: 300px; 
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_head {
    background: url('/img/global/layer/ajax/syslayer_glob_repeat-top.jpg') no-repeat left top; 
    height: 69px; 
    width: 426;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_head .sfcontent_system_ForgotPassword_windowtitle {
    width: 363px; 
    height: 20px; 
    margin: 6px 0 0 30px; 
    font-weight: bold;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_head .sfcontent_system_ForgotPassword_closearea {
    width:33px; 
    height: 29px;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message {
    background: url('/img/global/layer/ajax/syslayer_glob_repeat-mid.jpg') repeat-y left top; 
    width: 426px; 
    height: 217px;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content #signup_signup .signup_right {
    margin-top: 20px;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content #signup_signup .signup_right .label_userData {
    font-weight: bold;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content #signup_signup .signup_right #signup_userDataSearch {
    background-image:url(/img/global/bg_input.jpg);
    border: 1px solid #666666;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 16px;
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 2px;
    width: 175px;
    color: #000000;
}


#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .signup_errorLayer .signup_errorTitle {
    font-weight: bold;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .signup_errorLayer {
    position: static;
    background-color: transparent;
    padding: 0;
    text-align: center;
    width: 385px;
    height: 55px;
    margin: 5px 0 20px 0;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .signup_successLayer .signup_successHeader {
    font-weight: bold;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .signup_successLayer {
    position: static;
    background-color: transparent;
    padding: 0;
    text-align: center;
    width: 385px;
    height: 40px;
    margin: 5px 0 0 0;
    color: #2b8e00;
}



#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content {
    padding:0 20px 30px; 
    text-align: center;
    background: url('/img/global/layer/ajax/syslayer_glob_repeat-botm.jpg') no-repeat left bottom;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .button {
    line-height:18px; 
    background-image:url(/img/global/buttons/Large.gif); 
    font-weight:bold; 
    width:156px; 
    height: 23px; 
    margin: 10px auto;
}

#sfcontent_system_ForgotPassword #sfcontent_system_ForgotPassword_Message .content .disabled {
    color: #787878;
}

/** NO EVENTS **/
#sfcontent_system_message_layer .noEvents {
    width: 100%;
    height: 65px;
    text-align: center;
}

#sfcontent_system_message_layer .noEvents .noEvents_headline{
    width: 100%;
    margin: 25px 0 15px;
    color: #FFF;
    font-weight: bold;
}

#MouseIcon {
    position:absolute;
    width:22px;
    height:22px;
    z-index:1000;
    display:none;
}

/** AJAX LOADER **/
#sfcontent_maincontent_screenshots .ajaxLoaderScreenshotsSmallExternal {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 15px;
    top: 0;
    left: 0;
}