#loginLayer table {
	margin: 0;
}

.font_white {
	color: #FFF;
}

.font_link {
    color: #FFE565;
    text-decoration: none;
}

#loginLayer {
	direction: ltr;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #AC9D5C;
   	width: 550px;
   	height: 456px;
   	background-image: url(/img/global/content/externalhome/server_bg.jpg);
   	position: relative;
}

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

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

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

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

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

.loginLayer_GroupInactive {
   color: #55372D;
}

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

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

.loginLayer_Server_List {
   width: 503px;
   height: 273px;
   position: absolute;
   overflow: hidden;
   top: 22px;
   left: 10px;
   color: #787876;
}

.loginLayer_Server_List a {
	color: #FDE966;
    text-decoration: none;
}

.serverButton {
    background-image: url("/img/global/buttons/Small.gif");
    float: right;
    height: 19px;
    text-align: center;
    width: 79px;
}

#loginLayer_Server_List_2,#loginLayer_Server_List_3,#loginLayer_Server_List_4
   {
   display: none;
}

#loginLayer_Server table tr td {
   height: 28px;
}

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

/******************************************************************************************************************************
/* 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:center;
    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;
}

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