body {background-image: url(../img/bg.gif); background-repeat: repeat-x; background-color: #1c2121; margin: 0;}

#main_container { margin: 0px auto; width: 900px; background-image: url(../img/page_bg_fade.jpg); background-repeat: no-repeat;}

#main_page_content { margin: 0; width: 840px; padding: 0 30px;}
#main_page {margin: 0; padding: 0; width: 840px; background-color: #f7f7f7; float: left;}
#main_page_right {margin: 0; padding: 0; width: 30px; height: 560px; background-image: url(../img/page_bg_fade_right.jpg); background-repeat: no-repeat; float: left;}
#main_page_footer {margin: 0; padding: 0; width: 900px; height: 40px; background-image: url(../img/page_bg_bottom.gif); background-repeat: no-repeat; text-align: center;}
#main_page_footer p { line-height: 25px;}

#page_header {width: 840px; height: 130px; background-color: #fff; padding: 0; margin: 0; background-image: url(../img/sfp_logo_big.gif); background-repeat: no-repeat;}
#page_header a.logo {float: left;}
#page_header div.right {width: 338px; padding: 10px 0 0 0; float: right;}
#page_header div.right div.member_tip { height: 50px; margin: 0 0 30px 0;}

#page_header div.right div.member_tip h2 { font-size: 12px; font-weight: normal; margin: 0 0 3px 0; padding: 0;}

#page_top_menu {width: 825px; height: 50px; background-color: #fff; padding: 0 0 0 15px; margin: 0 0 2px 0; background-image: url(../img/menu_bg.gif); background-repeat: repeat-x;}

div.page_top_menu_item {float: left;}

#page_content_space {width: 810px; margin: 0 15px 0 15px;}
#page_content_main {width: 610px; margin: 0 10px 0 0; float: left;}
#page_content_right {width: 190px; margin: 0; padding: 0; float: left;}

.horisontal_bar { width: 840px; height: 5px; background-color: #0874a9; }
.bottommargin {margin: 0 0 20px 0; }

.global_message { width: 770px; padding: 10px 20px 10px 50px; border-bottom: 1px solid #c4ba9e; background-color: #f6e9c6; background-image: url(../img/global_message_icon.png); background-repeat: no-repeat;}
.global_message * {margin:0; padding: 0; font-size: 14px; line-height: 20px;}

.content_margin {margin: 5px;}

#profile_space {width: 610px; margin: 0; padding: 0;}
#profile_menu {width: 160px; margin: 0 25px 0 15px; float: left;}
#profile_main {width: 410px; margin: 0; padding: 0; float: left;}


.hdr_bar { height: 40px; background-image: url(../img/hdr_bg_main_big.gif); background-repeat: no-repeat; margin: 0 0 10px 0; padding: 0; }
.hdr_bar div.right {float: right; width: 15px; height: 40px; background-image: url(../img/hdr_bg_right.gif); background-repeat: no-repeat;}

.hdr_bar_profile { width: 410px; height: 40px; background-image: url(../img/hdr_bg_main_profile.gif); background-repeat: no-repeat; margin: 0 0 10px 0; padding: 0; }
.hdr_bar_side { width: 190px; height: 40px; background-image: url(../img/hdr_bg_side.gif); background-repeat: no-repeat; margin: 0; padding: 0; }

.hdr_bar h1, .hdr_bar_side h1, .hdr_bar_profile h1 { margin: 0 0 0 20px; padding: 0; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0 #0180b9; line-height: 40px; float: left;}

.hdr_bar_profile_menu { width: 190px; height: 40px; background-image: url(../img/btn_profile_menu_bg.gif); background-repeat: no-repeat; margin: 0; padding: 0; }

.hdr_bar_profile a.header_link, .hdr_bar_profile a.header_link:hover { margin: 0 0 0 20px; padding: 0; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0 #0180b9; line-height: 40px;}

.hdr_bar_profile_menu a.bold_link {font-weight: bold;}

.footer {  text-align: center; }

.side_box_bg { width: 140px; padding: 5px 10px 0 10px; margin: 0 15px 0 15px; background-color: #e4e4e4;}
.side_box_bg_bottom { width: 160px; height: 10px; padding: 0; margin: 0 15px 10px 15px; background-image: url(../img/side_box_bg_bottom.gif); background-repeat: no-repeat;}

.side_box_ads { width: 160px; margin: 0 15px 10px 15px;}
.side_box_ads_hdr_left {width: 160px; height: 15px; margin: 0 0 10px 0; background-image: url(../img/ads_hdr_left.gif); background-repeat: no-repeat;}
.side_box_ads_hdr_right {width: 160px; height: 15px; margin: 0 0 10px 0; background-image: url(../img/ads_hdr_right.gif); background-repeat: no-repeat;}
.side_box_ads_dummy_ad {width: 160px; height: 350px;}


.nomargin {margin: 0;}


div.profile_promo { width: 380px; height: 80px; padding: 10px; margin-bottom: 20px; background-image: url(../img/box_profile_promo_bg.png); background-repeat: no-repeat;}
div.profile_promo div.profile_promo_btn {width: 120px; float: left; padding-right: 10px;}
div.profile_promo div.profile_promo_info {width: 250px; float: left; padding-top: 20px;}

.tbl_start_text {width: 300px;}
.tbl_start_image {width: 300px;}

.tbl_register_label {width: 150px; padding: 0 0 5px 0;}
.tbl_register_field {padding: 0 0 5px 0;}
.tbl_register {padding: 0 0 5px 0;}

.tbl_profile_image {width: 140px; padding: 0 0 5px 0;}
.tbl_profile_text {width: 260px; padding: 0 0 5px 0;}

.tbl_friends_name {width: 150px; padding: 0 0 5px 0;}
.tbl_friends_city {width: 100px; padding: 0 0 5px 0;}
.tbl_friends_remove {width: 150px; padding: 0 0 5px 0;}

.profile_image { width: 110px; border: 1px solid #ccc; background-color: #efefef; padding: 5px; }
a.arrow_left {width: 10px; height: 10px; background-image: url(../img/arrow_left.png); background-repeat: no-repeat; float: left; margin-top: 5px;}
a.arrow_right {width: 10px; height: 10px; background-image: url(../img/arrow_right.png); background-repeat: no-repeat; float: right;  margin-top: 5px;}

.settings_info_image_field {
	width: 400px;
	margin: 0;
	padding: 0;
}
.settings_info_image_frame {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
	border: #CCCCCC 1px solid;
	background-color: #EFEFEF;
}



.info_box { border: 1px solid #c4ba9e; background-color: #f6e9c6; padding: 9px; margin-bottom: 10px;}
.text_profile_info {line-height: 16px;}

img { border:0; margin:0; padding:0; display: block; }

.img_right {float: right; padding-left: 10px; padding-bottom: 10px;}

.clear {clear:both;}

.img_frame { padding: 9px; border: 1px solid #CCCCCC;}

form {padding: 0; margin: 0; }

.success { color: #339933; font-weight: bold;}

.checkbox_register { padding: 0; margin: 0; }

.error { border: 1px solid #ff0000 !important; }
.form_error_text {color: #FF0000;}

.light_grey_text {color: #666 !important;}

.textfield {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	width: 150px;
	font-size : 11px;
	margin-top : 2px;
}

.textfield_topsearch {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	width: 150px;
	font-size : 11px;
	padding: 2px 2px 2px 2px;
	float: left;
	margin-right: 5px;
}

.textfield_guestbook {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	width: 250px;
	font-size : 11px;
	margin-top : 2px;
}

.textfield_settings {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	width: 250px;
	font-size : 11px;
	margin-top : 2px;
}

.textfield_login {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	width: 130px;
	font-size : 11px;
	margin-top : 2px;
}

.select_date {
	font-family : Arial, Verdana, sans serif;
	border: 1px solid #ccc;
	font-size : 11px;
	margin-top : 2px;
}

div.tag_ungahjartan {position: fixed; right: 0; top: 0; overflow: hidden;}


div.box_newsletter_bg { width: 580px; height: 20px; padding: 10px; margin: 10px 0 10px 0; background-image: url(../img/box_newsletter_bg.gif); background-repeat: no-repeat;}
div.box_newsletter_bg div.newsletter {float: left;}
div.box_newsletter_bg div.facebook {float: right;}

div.box_newsletter_bg div.newsletter span {line-height: 20px; padding-right: 10px; float: left;}
div.box_newsletter_bg input.textfield_newsletter {
	font-family : Arial, Verdana, sans serif;
	height: 16px; 
	line-height: 14px;
	border: 1px solid #ccc;
	width: 130px;
	font-size : 11px;
	margin: 0 5px 0 0;
	float: left;
}

div.box_newsletter_bg div.facebook a {height: 20px; display: block; line-height: 20px; padding-right: 26px; background-image: url(../img/icon_facebook.gif); background-repeat: no-repeat; background-position: right center;}


/* FACEBOOK-LINK */
a.facebook_link {background: transparent url('../img/icon_facebook.gif') no-repeat scroll top left; line-height: 20px; padding: 0 0 0 28px; display: block;}


/* MENU BUTTONS */

a.menu_button {
    background: transparent url('../img/menu_item_right.png') no-repeat scroll top right;
    color: #111;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 40px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
}
a.menu_button span:hover, a.menu_button_active span:hover {color: #ea3911;}

a.menu_button span {
    background: transparent url('../img/menu_item_span.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 12px 0 12px 25px;
	color: #444;
	font-weight: bold;
	text-shadow: 1px 1px 0 #f9f9f9;
}

a.menu_button_active {
    background: transparent url('../img/menu_item_active_right.png') no-repeat scroll top right;
    color: #111;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 50px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
}

a.menu_button_active span {
    background: transparent url('../img/menu_item_active_span.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 22px 0 12px 25px;
	color: #444;
	font-weight: bold;
	text-shadow: 1px 1px 0 #f9f9f9;
}

a.menu_button span div.notification {width: 20px; height: 16px; float: right; color: #fff; font-size: 8px; text-align: center; background:url(../img/usermenu_notification_button.png) no-repeat; text-shadow: none !important;}


a.menu_button_logout {width: 55px; height: 40px; background: transparent url('../img/menu_item_logout.png') no-repeat; display: block;}
a.menu_button_logout:hover {background: transparent url('../img/menu_item_logout_over.png') no-repeat !important;}

/* BUTTONS */

a.button {
    background: transparent url('../img/btn_bg_right.png') no-repeat scroll top right;
    color: #111;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    margin-right: 5px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/btn_bg_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 0 0 0 15px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 0 #0180b9;
}


/* OVERLAY */

.mask { background-color: #000; filter:alpha(opacity=70); opacity: 0.7; position: absolute; }

#guestOverlay, #loginOverlay, #chatOverlay {  
	width: 400px;
}

.yui-panel .container-close { 
	position:absolute; 
	top:7px; 
	right:15px; 
	height:26px; 
	width:26px;
	text-indent: -9999px;
	background:url(../img/btn_close.png) no-repeat;  
	overflow: hidden;
	-moz-outline-style: none;
}

.yui-panel .hd {  
    padding:0; 
    border:none; 
    background:url(../img/overlay_header_bg.png) repeat-x; 
    color:#fff; 
    height:40px; 
    margin-left:15px; 
    margin-right:15px; 
	line-height: 40px;
	text-transform: uppercase;
	font-style: italic;
    overflow:visible; 
}
	
.yui-panel .hd .tl { 
	width:15px; 
	height:40px; 
	font-size: 1px;
	top:0; 
	left:0px; 
	background:url(../img/overlay_header_left.png) no-repeat; 
	position:absolute; 
}

.yui-panel .hd .tr { 
	width:15px; 
	height:40px; 
	font-size: 1px;
	top:0; 
	right:0px; 
	background:url(../img/overlay_header_right.png) no-repeat; 
	position:absolute; 
}

.yui-panel .bd {  
    padding: 5px 10px; 
    border:none; 
    background-color: #e4e4e4;
    color:#444; 
    margin-left:15px; 
    margin-right:15px; 
    overflow:visible; 
}

.yui-panel .ft { 
    padding:0; 
	font-size: 1px;
    border:none; 
    background-color: #e4e4e4;
    color:#000; 
    height:5px; 
    margin-left:20px; 
    margin-right:20px; 
    text-align:center; 
    overflow:visible;
}

.yui-panel .ft .bl { 
	width:5px; 
	height:5px; 
	font-size: 1px;
	bottom:0; 
	left:15px; 
	background:url(../img/overlay_bottom_left.png) no-repeat; 
	position:absolute; 
} 
.yui-panel .ft .br { 
	width:5px; 
	height:5px; 
	font-size: 1px;
	bottom:0; 
	right:15px; 
	background:url(../img/overlay_bottom_right.png) no-repeat; 
	position:absolute; 
}



/* GUESTBOOK */
div.guestbook_post_indent {padding-left: 40px;}

div.bubble_container_out {float:right;}

div.bubble_top {height: 10px; background:url(../img/bubble_top.png) no-repeat; }
div.bubble_top div.right {width: 10px; height: 10px; background:url(../img/bubble_top_right.png) no-repeat; float: right;}
td.bubble_content_side {width: 1px; background-color: #999999;}
td.bubble_content {background-color: #d3d3d3; padding: 0 10px; }
td.bubble_content p {padding: 0; margin: 0; }
div.bubble_bottom {height: 20px; background:url(../img/bubble_bottom.png) no-repeat; margin-bottom: 5px;}
div.bubble_bottom div.right {width: 10px; height: 20px; background:url(../img/bubble_bottom_right.png) no-repeat; float: right;}

div.bubble_top_private {height: 10px; background:url(../img/bubble_top_private.png) no-repeat; }
div.bubble_top_private div.right {width: 10px; height: 10px; background:url(../img/bubble_top_right_private.png) no-repeat; float: right;}
td.bubble_content_side_private {width: 1px; background-color: #e9a686;}
td.bubble_content_private {background-color: #e79f7d; padding: 0 10px;}
td.bubble_content_private p {padding: 0; margin: 0;}
div.bubble_bottom_private {height: 20px; background:url(../img/bubble_bottom_private.png) no-repeat; margin-bottom: 5px;}
div.bubble_bottom_private div.right {width: 10px; height: 20px; background:url(../img/bubble_bottom_right_private.png) no-repeat; float: right;}

div.guestbook_footer_content {float: left;}

/* MESSAGES */

div.messages_container {position: fixed; right: 0; bottom: 0;}
div.messages_container div.top {width: 190px; padding: 15px 35px 0 25px; background:url(../img/message_top.png) no-repeat;}
div.messages_container div.top h3 a {color: #fff; padding: 0; margin: 0; font-size: 12px; font-weight: bold; text-decoration: none;}
div.messages_container div.top p {color: #fff; padding: 0; margin: 0;}
div.messages_container div.top a {color: #fff; text-decoration: underline; padding: 0; margin: 0;}
div.messages_container div.bottom {width: 250px; height: 15px; padding: 0; background:url(../img/message_bottom.png) no-repeat;}
div.messages_container div.top a.close {
	position:absolute; 
	top:7px; 
	right:10px; 
	height:26px; 
	width:26px;
	text-indent: -9999px;
	background:url(../img/btn_close.png) no-repeat;  
	overflow: hidden;
	-moz-outline-style: none;
}


/* USER MENU */



div.popup_menu {visibility: hidden; position: absolute; margin-top: -10px; z-index: 100;}
div.popup_menu_visible {visibility: visible !important; }
div.popup_menu div.content {width: 120px; padding: 35px 15px 0 15px; background:url(../img/usermenu_top.png) no-repeat;}
div.popup_menu div.content a {display: block; line-height: 30px; padding-left: 30px;}
div.popup_menu div.content a span.notification {width: 20px; height: 30px; float: right; color: #fff; font-size: 8px; text-align: center; background:url(../img/usermenu_notification.png) no-repeat;}
div.popup_menu div.content a.icon_profile {background:url(../img/icon_profile.png) no-repeat;}
div.popup_menu div.content a.icon_guestbook {background:url(../img/icon_guestbook.png) no-repeat;}
div.popup_menu div.content a.icon_guestbook_write {background:url(../img/icon_guestbook_write.png) no-repeat;}
div.popup_menu div.content a.icon_statistics {background:url(../img/icon_statistics.png) no-repeat;}
div.popup_menu div.content a.icon_highscore {background:url(../img/icon_highscore.png) no-repeat;}
div.popup_menu div.content a.icon_friends {background:url(../img/icon_friends.png) no-repeat;}
div.popup_menu div.content a.icon_search {background:url(../img/icon_search.png) no-repeat;}
div.popup_menu div.content a.icon_chat {background:url(../img/icon_chat.png) no-repeat;}
div.popup_menu div.content a.icon_settings {background:url(../img/icon_settings.png) no-repeat;}
div.popup_menu div.content a.icon_poker {background:url(../img/icon_poker.png) no-repeat;}

div.popup_menu div.content a.icon_profile_disabled {background:url(../img/icon_profile_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_guestbook_disabled {background:url(../img/icon_guestbook_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_guestbook_write_disabled {background:url(../img/icon_guestbook_write_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_statistics_disabled {background:url(../img/icon_statistics_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_highscore_disabled {background:url(../img/icon_highscore_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_friends_disabled {background:url(../img/icon_friends_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_chat_disabled {background:url(../img/icon_chat_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_settings_disabled {background:url(../img/icon_settings_disabled.png) no-repeat; color: #666 !important;}
div.popup_menu div.content a.icon_poker_disabled {background:url(../img/icon_poker_disabled.png) no-repeat; color: #666 !important;}



div.popup_menu div.bottom {width: 150px; height: 15px; background:url(../img/usermenu_bottom.png) no-repeat;}

/* USER STATUS */

.user_status_icon { width:16px; height: 16px;}
.user_status_online {background:url(../img/icon_status_online.png) no-repeat;}
.user_status_playing {background:url(../img/icon_status_playing.png) no-repeat;}
.user_status_offline {background:url(../img/icon_status_offline.png) no-repeat;}


/* LISTS */

div.list_item {height: 30px;}
div.list_item_odd {background: url(../img/list_item_bg_odd.png) repeat-x;}
div.list_item_even {background: url(../img/list_item_bg_even.png) repeat-x;}
div.list_item_shade {background: url(../img/list_item_bg_shade.png) repeat-x;}
div.list_item_hidden {display: none;}

div.list_item_name_variable {line-height: 30px; float: left; padding-left: 10px;}
div.list_item_img {height: 30px; width: 30px; float: left;}
div.list_item_status_icon {height: 16px; width: 16px; float: left; padding: 7px 5px;}
div.list_item_pos {line-height: 30px; width: 20px; float: left; padding-left: 10px;}
div.list_item_name {line-height: 30px; width: 200px; float: left; padding-left: 10px;}
div.list_item_name_short {line-height: 30px; width: 150px; float: left; padding-left: 10px;}
div.list_item_reg {line-height: 30px; float: left; padding-right: 10px;}
div.list_item_rank {line-height: 30px; float: right; padding-right: 10px;}
div.list_item_btn {height: 20px; float: right; padding: 5px 5px 0 0;}
div.list_item_btn_left {height: 20px; float: left; padding: 5px 5px 0 0;}
div.list_item_btn_icon {height: 26px; float: right; padding: 2px 2px 0 0;}
div.list_item_btn_icon_static {height: 26px; width: 24px; float: right; padding: 2px 2px 0 0;}

div.list_item_split {float: left; padding: 10px; width: 180px;}

a.btn_remove { 
	height:26px; 
	width:26px;
	background:url(../img/btn_remove.png) no-repeat;
	display: block;
}

a.btn_add { 
	height:26px; 
	width:26px;
	background:url(../img/btn_add.png) no-repeat;
	display: block;
}

a.btn_stats_add { 
	height:26px; 
	width:26px;
	background:url(../img/btn_stats_add.png) no-repeat;
	display: block;
}

a.btn_stats_remove { 
	height:26px; 
	width:26px;
	background:url(../img/btn_stats_remove.png) no-repeat;
	display: block;
}


/* STATISTICS */

div.stats_column_left {width: 200px; float: left;}
div.stats_column_right {width: 200px; float: right;}

div.rosette {width: 60px; height: 100px; padding-right: 2px; float: left;}
div.rosette.gold {background: url(../img/rosette_1.png) no-repeat;}
div.rosette.silver {background: url(../img/rosette_2.png) no-repeat;}
div.rosette.bronze {background: url(../img/rosette_3.png) no-repeat;}
div.rosette.top10pc {background: url(../img/rosette_10pc.png) no-repeat;}


/* TOOLTIP */
.tooltip div.bd { height: 60px; padding: 5px 0 0 20px; line-height: 16px; line-height: 36px; white-space: nowrap; color: #444; background:transparent url(../img/tooltip_bg.png) no-repeat scroll top left; }
.eyui-tt div.yui-tt-shadow {height: 60px; width: 20px;}
.tooltip { padding-right: 5px; background:transparent url(../img/tooltip_right.png) no-repeat scroll top right; }
.tooltip div.hd { visibility:hidden;position:absolute; }


/* REGISTER */

span#usernameStatus {line-height: 16px; height: 16px; display: block; float: left; margin-top: 3px;}
span.usernameStatusAvailable {background:transparent url(../img/icon_status_online.png) no-repeat scroll top left; padding-left: 20px; color: #339933; margin-left: 3px;}
span.usernameStatusOccupied {background:transparent url(../img/icon_status_offline.png) no-repeat scroll top left; padding-left: 20px; color: #cc0000; margin-left: 3px;}
span.usernameAllowedChars {line-height: 16px; height: 16px; float: left; margin-top: 3px;}
.textfield_username {float: left;}