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

.sfcontent_Form_Textarea{
    direction:ltr;
    font-family: Tahoma, Verdana, Arial, Helvetica, 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;
}

#sfheader_serverselectBG{
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../../img/global/content/server_wood-bg-right.jpg') no-repeat top right;
    width: 295px;
    height: 28px;
}
#sfheader_serverselectBG div{
    margin-top: 12px;
    margin-left: 90px;
    padding-left: 20px;
    background: url('../../img/global/content/server-select.png') no-repeat top left;
    cursor: pointer;
}

#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_mail_count_text {
    padding-left: 17px;
    background: url('/img/global/content/icons/info.gif') no-repeat top left;
}

.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;
}

.sf_font_bold {
    font-weight: bold;
}



/******************************************************************************************************************************
/* 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:29px;
    width:250px;
    border:none;
    height: 202px;
}

#sfcontent_UserInfo_Details .surroundingContainer {
    margin-bottom: 3px;
}

#sfcontent_UserInfo_Details .surroundingContainer .userGroupDescription {
    width: 135px;
    font-weight: bold;
}

#sfcontent_UserInfo_Details .surroundingContainer .userGroupValue {
    width: 107px;
}

#sfcontent_UserInfo_Details .userGroupValue {
    margin-left: 10px;
}

#sfcontent_UserInfo_Details #sfcontent_ClanInfo_MembersList_scrollwrapper {
    height: 220px;
}

#sfcontent_UserInfo_Details .surroundingContainer {
    margin-bottom: 10px;
}
#sfcontent_UserInfo_Details .firstContainer {
    margin-top: 10px;
}

#sfcontent_UserInfo_Details .surroundingContainer .userGroupDescription {
    width: 205px;
    font-weight: bold;
}
#sfcontent_UserInfo_Details .guildText {
    margin-top:20px;
    margin-bottom:10px;
}

#sfcontent_UserInfo_Details .surroundingContainer .userGroupValue {
    width: 225px;
    margin-top:1px;
}

#sfcontent_UserInfo_Details .guildText {
    margin-left: 10px;
    margin-bottom: 5px;
}

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

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

#sfcontent_ClanInfo_Button1,
#sfcontent_ClanInfo_ButtonBack {
    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;
    resize: none;
}

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

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

#sfcontent_ClanInfo_MembersList{
    position:absolute;
    top:140px;
    left:25px;
    width:258px;
    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:3px;
    height:15px;
    font-weight:bold;
    text-align:center;
    color: #ffffff;
    font-size: 9px;
    text-shadow: 1px 1px 0px #000;
}

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;
}

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

#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 */

.input_button{
    background-color: transparent;
    background-image: url("/img/global/buttons/Large.gif") !important;
    background-position: 0 7px !important;
    background-repeat: no-repeat !important;
    border: 0px none;
    color: #ffe565 !important;
    cursor: pointer;
    font-weight: bold;
    height: 33px;
    width: 156px;
    padding-bottom: 3px;
}

.label_userData{
    font-weight:bolder;
}

#sfcontent_system_ForgotPassword {
    position: absolute;
    z-index: 300;
    width: 426px;
    top: 150px;
    left:50%;
    margin-left: -210px;
}

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

#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;
    height: 18px;
    display: none;
}

#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 10px 105px;
}

#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;
}

/* Color Picker */
#colorPickerContainer{
    position: absolute;
    right: 20px;
    top: 42px;
    height: 50px;
    width: 250px;
}

#colorPickerContainer #colorPickerTable {
    width: 100%;
    height: 100%;
    font-size: 0px;
}

#colorPickerContainer #colorPickerTable tr{
    height: 10px;
}

#colorPickerContainer #colorPickerTable td{
    width: 10px;
    cursor: pointer;
}

/* Fontsize Picker */
#fontSizeContainer {
    background-color: #110906;
    background-image: url(/img/global/pulldown/Background_Container_Brown.jpg);
    background-position:center top;
    background-repeat:repeat-x;
    position: absolute;
    width: 75px;
    height: 90px;
    top: 42px;
    right: 17px;
}

#fontSizeContainer div {
    margin-top: 5px;
    height: 12px;
    cursor: pointer;
}

div.gl_footer_element_separator {
    margin: auto -3px auto -3px;
}




#serverSelectLayer {
    width: 550px;
    height: 456px;
    background-image: url(/img/global/content/externalhome/server_bg.jpg);
    position: relative;
    display:none;
}

#serverSelectLayer_Headline {
    position: absolute;
    width: 500px;
    height: 20px;
    top: 5px;
    left: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

#serverSelectLayer_Close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

#serverSelectLayer_Desc {
    width: 410px;
    height: 80px;
    position: absolute;
    top: 30px;
    left: 120px;
}

#serverSelectLayer_Groups {
    width: 525px;
    height: 30px;
    position: absolute;
    top: 126px;
    left: 25px;
}

.serverSelectLayer_Group {
    width: 125px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

.serverSelectLayer_GroupInactive {
    color: #55372D;
}

#serverSelectLayer_Server {
    width: 515px;
    height: 293px;
    position: absolute;
    overflow: hidden;
    top: 143px;
    left: 20px;
}

.serverSelectLayer_Server_Head {
    width: 515px;
    height: 15px;
    padding-top: 5px;
    color: #ffffff !important;
    text-align: left;
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
}

.serverSelectLayer_Server_List {
    width: 513px;
    height: 273px;
    position: absolute;
    overflow: hidden;
    top: 22px;
    left:0px;
    color: #787876;
    background: url(/img/global/content/server_bg_wood.jpg) top left;
}

.serverSelectLayer_Server_List_bg{
    background: url(/img/global/content/server_bg_wood.jpg) top left;
}

.serverSelectLayer_Server_InfoRow{
    height:22px;

}
.serverSelectLayer_Server_AccountRow{
    height:22px;
}

.serverSelectLayer_Server_InfoRow .instanceLanguage{
    width: 82px;
    padding-left: 10px;
}
.serverSelectLayer_Server_InfoRow .instanceName{
    width: 142px;
    padding-left: 10px;
}
.serverSelectLayer_Server_InfoRow .instanceState{
    width: 94px;
    padding-left: 6px;
}

.serverSelectLayer_Server_InfoRow a .serverButton {
    font-weight: bold;
    text-decoration:none;
}
.serverSelectLayer_Server_InfoRow a {

    text-decoration:none;
}
.serverSelectLayer_Server_AccountRow td{
    padding-left: 10px;
    font-weight: normal;
}

.serverSelectLayer_Server_AccountRow .userName{
    color: white;
    font-weight: bold;
}

.serverSelectLayer_Server_List_bg .serverUserStats {
    font-size: 10px;
}
#serverSelectLayer_Server_List_2,#serverSelectLayer_Server_List_3,#serverSelectLayer_Server_List_4
{
    display: none;
}
/*
#serverSelectLayer_Server table tr td {
   height: 22px;
}*/

.activeServer,.activeServer a,.activeServer a div {
    color: #FEE566 !important;
    font-weight: bold;
}

.recommendServer,.recommendServer a,.recommendServer div {
    color: #33cc00 !important;
    font-weight: bold;
}

.inactiveServer,.inactiveServer a,.inactiveServer div {
    color: #ff0000 !important;
}

.serverButton {
    width: 79px;
    height: 18px;
    background-image: url(/img/global/buttons/Small.gif);
    float: right;
    text-align: center;
}
#exposeMask{
    background-color:#000000 !important;
}

#externalBookmarks
{
    height: 30px;
    position: absolute;
    right: 431px;
    top: 14px;
}


#sf_socialBookmarks a div
{
    width: 22px;
    height:23px;
}
#sf_socialBookmarks a
{
    display:block;
    width: 22px;
    height:23px;
    float:left;
    margin-left:5px;
}
#socialContainer
{
    height: 30px;
    width: 300px;
    margin-top: 10px;
    margin-left: 20px;
}

#fbLike
{
    float:left;
    margin-right: 5px;
}
#myPlusOne
{
    float:left !important;
}
#sf_bookmark_facebook
{
    background-image:url(/img/global/bookmarks/social_facebook.png);
}
#sf_bookmark_twitter
{
    background-image:url(/img/global/bookmarks/social_twitter.png);
}
#sf_bookmark_youtube
{
    background-image:url(/img/global/bookmarks/social_youtube.png);
}
#sf_bookmark_googleplus
{
    background-image:url(/img/global/bookmarks/social_google.png);
}

.inlineError{
    font-size: 10px;
    color:red;
    background-image: url('/img/global/control/error.png');
    background-repeat: no-repeat;
    padding-left:  22px;
    padding-bottom: 15px;
    font-weight: normal;
}

.usernameChangeInput{
    font-weight: bolder;
    background-color: transparent;
    color: white;
    font-size:14px;
    border-style: dotted;
    border-color: white;
    border-width: 1px;
}

#doiMessage {
    margin-left:60px;
    margin-right:60px;
    text-align: center;
    margin-top: 40px;
    font-size: 14px;
}
.debug{

    border-width: 1px;
    border-style: dotted;
    border-color: #FF00FF;

}

.debug:hover{
    border-width: 1px;
    border-style: dotted;
    border-color: #FFF;
}