BODY{
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 100%;
}
A{
	color: inherit;
	text-decoration: none;
}
A:hover, A.link:hover{
	text-decoration: underline;
}

A.link{
	color: #5F1109;
	text-decoration: none;
}

.right{
	float: right;
}

.left{
    float: left;
}

SPAN.subline{
   font-size: 11px;
   color: grey;
   margin-top: 10px;
   
}



SPAN.left.form{
    margin-right: 15px;
}

BR.clear{
	display: inline;
	clear: left;
}

H3{
	clear: both;
	font-weight: bold;
	margin: 8px;
	margin-left:0px;
	margin-right: 0px;
	font-size: 14px;
}

DIV.clear{
	clear: both;
	height: 0px;
}

DIV#content{
	position:absolute;
	height: 100%;
	width: 100%;
}

DIV#map_canvas{
	position:absolute;
	width: 100%;
	height: 100%;
}

DIV.big_box{
	clear: left;
	margin-bottom: 20px;
}
DIV.big_box A IMG{
 	float: left;
	margin: 0 12px 5px 5px;
}

P {
	margin: 5px;
	line-height: 1.5em;
}

TABLE#main{
	width:100%;
}

TD.content{
	width: 100%;
}

TD.side{
	width:215px;
	vertical-align: top;
}

IMG.icon{
	background-image: url(../bilder/icon1_bg.png);
	padding: 3px;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 3px;
}

a.link_button_add{
	display: block;
	background-image: url(../bilder/icons/PNG/btn-add.png);
	height: 16px;
	width: 16px;
	margin: 4px;
	float: left;
}

DIV.geopoints{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}

DIV.userWindowMessage{
    padding: 10px;
    float:left;
    
    font-size: 14px;
    color: grey;
}

DIV.userWindow, DIV.myWindow, DIV.locationWindow, DIV.addressWindow{
	width: 340px;
	height: 350px;
	padding-right: 10px;
	float:left;
	border-right:1px solid #ccc;
	overflow: auto;
}

DIV.userWindowButtons{
	width: 155px;
	margin-left: 5px;
	float: left;
}

DIV.userWindowButtons H5{
	margin: 0px;
	margin-top: 9px;
	margin-bottom: 3px;
	margin-left: 4px;
	font-size: 11px;
	color: grey;
}

DIV.addressWindow H1{
    margin: 0px;
    margin-bottom: 5px;
    padding: 10px;
    
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    font-size: 16px;
}
DIV.addressWindow DIV.group_overlay_box{
    overflow: visible;
    max-height: none;
    border: 1px solid #e0e0e0;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
}

DIV.addressWindow UL.group_box_tabs{
    top: -17px;
    
}

DIV#myIcon, DIV.myIcon{
	background-image: url(../bilder/map/user_bg_64.png);
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 5px;
	
	width: 70px;
	height: 70px;
	
	position: relative;
}

DIV#myData, DIV.myData{
	float: left;
	width: 240px;
}

DIV.shortData{
    float: left;
    width: 210px;
}

DIV.myIconSmall{
	background-image: url(../bilder/map/user_bg_32.png);
	width: 38px;
	height: 38px;
	margin-bottom: 0px;
}

DIV.myIconBox{
	background-image: url(../bilder/map/user_bg_48.png);
	width: 54px;
	height: 54px;
	margin-bottom: 0px;
}

DIV.myLocationIcon{
	float: left;
	margin-bottom: 5px;
	
	width: 70px;
	height: 70px;
	
	position: relative;
}

DIV.myLocationIconSmall{
	width: 38px;
	height: 38px;
	margin-bottom: 0px;
}

DIV.overIcon{
	background-image: url(../bilder/map/user_bg_over_64.png);
}

DIV#myIcon.overIcon{
	background-image: url(../bilder/map/user_bg_over_64.png);
}

DIV#myIcon IMG{
	padding: 3px;
}

DIV.myIcon IMG{
	padding: 3px;
}

DIV.myIconSmall IMG{
	padding: 3px;
}

DIV.myIcon SPAN.status_icon {
	position: absolute;
	margin: 1px;
	bottom: 5px;
	right: 5px;
}

DIV.myIcon SPAN.premium_icon {
	position: absolute;
	margin: 1px;
	bottom: 3px;
	left: 3px;
}

DIV.smallUserLabelMarker{
	width: 34px;
	height: 34px;	
}

DIV.bigUserLabelMarker{
	width:50px;
	height: 50px;	
}

SPAN.small_status_icon{
	position: absolute;
	bottom: 3px;
	right: 0px;
}

SPAN.big_status_icon{
	position: absolute;
	bottom: 4px;
	right: 1px;
}

FIELDSET {
	border: 1px solid grey;
	padding: 10px;
	margin-bottom: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

FIELDSET LEGEND{
	font-weight: bold;
}

DIV.myIconSmall SPAN.status_icon_offline,
.icon SPAN.status_icon_offline,
SPAN.small_status_icon.status_icon_offline{
	background-image: url(../bilder/map/status_offline_s.png);
    width: 7px;
    height: 7px;
}

DIV.myIconSmall SPAN.status_icon_logged_in,
.icon SPAN.status_icon_logged_in,
SPAN.small_status_icon.status_icon_logged_in{
	background-image: url(../bilder/map/status_online_s.png);
    width: 7px;
    height: 7px;
}

DIV.myIconSmall SPAN.status_icon_online,
.icon SPAN.status_icon_online,
SPAN.small_status_icon.status_icon_online{
	background-image: url(../bilder/map/status_online_s.png);
    width: 7px;
    height: 7px;
}

DIV.myIconSmall SPAN.status_icon_delay,
.icon SPAN.status_icon_delay,
SPAN.small_status_icon.status_icon_delay{
	background-image: url(../bilder/map/status_delay_s.png);
    width: 7px;
    height: 7px;
}

DIV.myIconSmall SPAN.premium_icon_2,
.icon SPAN.premium_icon_2,
SPAN.small_status_icon.premium_icon_2{
	background-image: url(../bilder/map/admin_symbol_s.png);
    width: 10px;
    height: 10px;
}

DIV.myIconSmall SPAN.premium_icon_1,
.icon SPAN.premium_icon_1,
SPAN.small_status_icon.premium_icon_1{
	background-image: url(../bilder/map/premium_symbol_s.png);
    width: 10px;
    height: 10px;
}

DIV.myIconSmall SPAN.status_icon {
	position: absolute;
	margin: 1px;
	bottom: 3px;
	right: 3px;
}

.icon SPAN.status_icon{
	position: absolute;
	margin: 1px;
	bottom: 3px;
	right: 3px;
}

DIV.myIconSmall SPAN.premium_icon {
	position: absolute;
	margin: 1px;
	bottom: 3px;
	left: 3px;
}

.icon SPAN.premium_icon{
	position: absolute;
	margin: 1px;
	bottom: 3px;
	left: 3px;
}

DIV#myIconList, DIV.myWindow DIV#myActions{
	clear: left;
	margin-top: 10px;
}

DIV#myIconChoose DIV#myIconList{
	float:left;
	clear: none;
	margin-top: 0px;
}

DIV.relationFriend IMG{
	margin-top: 0px;
	margin-left: 14px;
}

DIV.relationFriendCheck IMG{
	margin: 2px;
	margin-top: 0px;
	margin-left: 12px;
}

DIV.iconList{
	margin-top: 5px;
	border: 1px solid #e2e2e2;
	padding: 5px;
	
	background-color: white;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

DIV.iconList H5{
	margin: 0px;
	margin-bottom: 2px;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
}


DIV.iconList A{
	background-color: none;
	height: 48px;
	width: 48px;
	display: block;
	float: left;
	padding: 3px;
	background-image: url(../bilder/map/user_bg_48.png);
	margin: 1px;
	position: relative;
}

DIV.iconFlag{
    position: absolute;
    top: 3px;
    right: 3px;
    height: 16px;
    width: 16px;
}


DIV.iconFlag.check{
    background-image: url(../bilder/icons/PNG/check.png);
}

DIV.iconFlag.pin{
    background-image: url(../bilder/icons/PNG/pin-green.png);
}


DIV.iconList A:hover{
	background-image: url(../bilder/map/user_bg_over_48.png);
}

DIV.iconList A.active{
	background-image: url(../bilder/map/user_bg_active_48.png);
}

DIV.data_frame{
	margin: 1px;
	padding: 2px;
	border: 1px solid transparent;
	background-color: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	position: relative;
}


DIV.data_frame.box{
	margin: 1px;
	padding: 0px;
	float: left;
	height: 80px;
	border: 1px solid transparent;
	overflow: hidden;
}

DIV.data_frame.box H6{
	width: 54px;
	font-size: 10px;
	text-align: center;
}

DIV.data_frame H3{
	margin: 0px;
    margin-bottom: 0px;
}

DIV.data_frame DL{
    font-size: 11px;
    margin: 4px;
}

DIV.data_frame DT{
    display: block;
    width: 90px;
    color: grey;
    float: left;
    text-align: right;
    padding: 2px;
}

DIV.data_frame DD{
    float: left;
    display: inline;
    margin: 0px;
    padding: 2px;
    width: 200px;
}


DIV.data_frame_over{
	margin: 1px;
	padding: 2px;
	border: 1px solid #e0e0e0;
	background-color: #f9f9f9;
	cursor: pointer;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	position: relative;
}

DIV.box.data_frame_over{
	margin: 1px;
	padding: 0px;
	border: 1px solid #e0e0e0;
	background-color: #f9f9f9;
	cursor: pointer;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	position: relative;
}

DIV.data_frame.highlight{
    background-color: #e0e0e0;
}


DIV.data_frame_over.highlight{
    background-color: #E2E2E2;
}


DIV.data{
	padding: 3px;
	color: Black;
	border: 1px solid transparent;
	
	padding-top: 1px;
	padding-bottom: 1px;
}

DIV.data SPAN.right{
    color: grey;
}

DIV.data SPAN.distance{
    color: grey;
    margin-left: 4px;
    float: right;
}

DIV.box{
	padding: 3px;
	color: Black;
	border: 1px solid transparent;
	
	padding-top: 2px;
	padding-bottom: 2px;
	
	padding-left: 0px;
}

DIV.font_small{
	font-size: 10px;
}



DIV.data A:hover{
	text-decoration: none;
}


DIV#myUsername, DIV.myUsername{
	font-size: 12px;
}

DIV.myUsername A:hover{
	color: #EC008C;
}


DIV#myLocation, DIV.myLocation{
	font-size: 10px;
	color: grey;
}

DIV#myUserinfo, DIV.myUserinfo{
	font-size: 10px;
	padding-top: 0px;
	color: black;
	margin-bottom: 3px;
}

DIV#myStatus, DIV.myStatus{
	font-size: 10px;
}


DIV.myStatus{
	font-size: 10px;
}

DIV.userRow {
	padding-top: 4px;
	clear: left;
}

DIV.user_overlay {
	padding: 5px;
	border: 1px solid #ababab;
	background-color: white;
	width: 300px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

DIV.location_overlay {
	padding: 5px;
	border: 1px solid #ababab;
	background-color: white;
	width: 300px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

DIV.group_overlay {
	position: relative;
	padding: 5px;
	border: 1px solid #ababab;
	background-color: white;
	width: 300px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV.overlay_close{
    background-image: url(http://maps.google.com/intl/de_ALL/mapfiles/iw_close.gif);
    height: 12px;
    width: 12px;
    
    position: absolute;
    top: 6px;
    right: 6px;
    
    z-index: 4000;
}

DIV.group_overlay_box {
	max-height: 300px;
	overflow: auto;
}

DIV.counter{
    padding: 0px;

    padding-left: 3px;
    padding-right: 3px;
    
    right: 4px;
    top: -3px;
    
    position: absolute;
    text-align: center;
    
    border: 1px solid #ababab;
    background-color: #dcdcdc;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
}

DIV.counter.new{
    border: 1px solid #ababab;
    background-color: #cc0000;
    
    color: white;
    font-weight: bold;
}

DIV.actionBox {
	clear: both;
	display: block;
	padding-top: 10px;
}

DIV.boxRight{
	position: relative;
	margin-top: 20px;
}

DIV.boxRight DIV.boxTop, DIV.boxRight DIV.boxBg, DIV.boxRight DIV.boxBottom{
	width: 250px;
	padding-left: 8px;
	padding-right: 12px;
}


DIV.boxRight DIV.boxTop{
	background-image: url(../bilder/bg_new/rightBoxTop.png);
	height:12px;
}

DIV.boxRight DIV.boxTopUp{
	background-image: url(../bilder/bg_new/rightBoxTopUp.png);
	height:12px;
}

DIV.boxRight DIV.boxTopDown{
	background-image: url(../bilder/bg_new/rightBoxTopDown.png);
	height:12px;
}


DIV.boxRight DIV.boxBg{
	background-image: url(../bilder/bg_new/rightBoxBg.png);
}

DIV.boxRight DIV.boxBottom{
	background-image: url(../bilder/bg_new/rightBoxBottom.png);
	height:14px;
}



DIV.boxRight DIV.side_control{
	position: absolute;
	top: 10px;
	left: -25px;
	background-color: white;
	width: 16px;
	padding: 7px;
	padding-right: 3px;
	
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	border-left: 1px solid #ababab;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	
}

DIV.boxRight DIV.side_control DIV.actionControlIcon{
	margin-top: 1px;
	margin-bottom: 1px;
	float: left;
	height: 16px;
	width: 16px;
}


DIV.boxRight DIV.side_control DIV.iconRSS{
	background-image: url(../bilder/icons/PNG/rss.png);
	margin-top: 5px;
}

DIV.boxRight DIV.side_control DIV.iconTool{
	background-image: url(../bilder/icons/PNG/tool.png);
}

DIV.boxRight DIV.side_control DIV.iconDown{
	background-image: url(../bilder/icons/PNG/btn-down.png);
}

DIV.boxRight DIV.side_control DIV.iconDown.dis{
	background-image: url(../bilder/icons/PNG/btn-down_d.png);
}

DIV.boxRight DIV.side_control DIV.iconUp{
	background-image: url(../bilder/icons/PNG/btn-up.png);	
}

DIV.boxRight DIV.side_control DIV.iconUp.dis{
	background-image: url(../bilder/icons/PNG/btn-up_d.png);	
}

DIV.boxRight DIV.side_control DIV.iconPlay{
	background-image: url(../bilder/icons/PNG/btn-reload.png);
	margin-top: 5px;
	margin-bottom: 20px;
}

DIV.boxRight DIV.side_control DIV.iconMax{
    background-image: url(../bilder/icons/PNG/btn-add.png);
}

DIV.boxRight DIV.side_control DIV.iconMin{
    background-image: url(../bilder/icons/PNG/btn-minus.png);
}



DIV.boxRight DIV.side_control DIV.iconBreak{
	background-image: url(../bilder/icons/PNG/btn-pause.png);
	margin-top: 5px;
	margin-bottom: 20px;
}




DIV#actions{
	min-height: 80px;
	overflow: auto;
	padding-left:3px;
	padding-right:3px;
	
	font-size: 11px;
}

DIV#events{
	min-height: 30px;
	overflow: auto;
	padding-left:3px;
	padding-right:3px;

	font-size: 11px;
}

DIV.form_box{
	
	margin-top: 5px;
	margin-bottom: 5px;

	border: 1px solid #e2e2e2;
	padding: 4px;
	
	background-color: #f7f7f7;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV.message_box{
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;

	margin-top: 5px;
	margin-bottom: 5px;
	
	/*
	max-height: 150px;
	overflow: auto;
	*/
	
	border: 1px solid #e2e2e2;
	padding: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV.message_box H3, DIV.list_tabs H3{
	font-size: 11px;
	font-weight: bold;
	color: grey;
	border-bottom: 1px solid #e2e2e2;
}

DIV#actionBox{
	height: 150px;
	max-height: none;
}

DIV#messageBox{
	height: 220px;
	max-height: none;
}

DIV#myFriends {

	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

DIV#myAlbum {
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
}

DIV#myAlbum DIV.navi {
    margin-bottom:5px; 
}

DIV#myAlbum DIV.navi SPAN{
    padding: 4px;
    font-weight: bold;
}

DIV#myAlbum H2{
    padding: 5px;
    font-size: 12px;
    margin: 0px;
    
    margin-top: 10px;
}

DIV#myAlbum DIV.item{
	position: relative;
	
    border: 1px solid #e2e2e2;
    padding: 3px;
    
    margin: 2px;
    
    background-color: #F7F7F7;
    
    float: left;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

DIV#myAlbum DIV.item.over{
    background-color: #DCDCDC;
}

DIV#myAlbum DIV.item SPAN{
    display: block;
    margin-top: 2px;
    font-size: 10px;
    text-align: center;
}

DIV#myAlbum DIV.item IMG{
    border: 1px solid grey;
}

DIV.album_image_upload INPUT{
    display: block;
    margin-bottom: 3px;
}

DIV.user_list_box, DIV.user_list_box_sub{
	background-color: white;

	margin-top: 5px;
	margin-bottom: 5px;
	
	border: 1px solid #e2e2e2;
	padding: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

DIV.user_list_box_sub{
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

DIV.list_box{
	position: relative;
	margin-bottom: 20px;
}

DIV.list_box_headline{
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 3px;
    padding: 3px;
    
    font-size: 11px;
    color: gray;
    font-weight: bold;
}

DIV.list_tabs{
	position: relative;
	margin-top: 22px;
}

DIV.list_box_sub{
	position: absolute;
	bottom: -18px;
	right: 0px;
	background-color: #e2e2e2;
	
	height: 12px;
	
	border: 1px solid #e2e2e2;
	padding: 3px;
	padding-top: 1px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	
	font-size: 11px;
	color: gray;
}

UL.list_box_tabs{
	position: absolute;
	top: -17px;
	left: 7px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

UL.right_box_tabs{
	position: absolute;
	top: -16px;
	left: 7px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

UL.group_box_tabs{
	position: absolute;
	top: -18px;
	left: 7px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}



UL.list_box_tabs LI, UL.right_box_tabs LI, UL.group_box_tabs LI{
	/*background-color: #74BCF5;*/
	background-color: #ec008c;
	
	height: 12px;
	
	border-top: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-left: 1px solid #ababab;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	
	font-size: 10px;
	color: #f7f7f7;
	
	float: left;
	display: inline;
	margin-right: 4px;
}

UL.list_box_tabs LI.a, UL.right_box_tabs LI.a, UL.group_box_tabs LI.a{
	background-color: white;
	color: black;
}

UL.list_box_tabs LI A:hover, UL.right_box_tabs LI A:hover, UL.group_box_tabs LI A:hover{
	color: white;
}

UL.list_box_tabs LI.a A:hover, UL.right_box_tabs LI.a A:hover, UL.group_box_tabs LI.a A:hover{
	color: black;
}

FORM#newMessageForm{
	background-color: #f7f7f7;
	border: 1px solid #e2e2e2;
	padding: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

FORM#newMessageForm TEXTAREA, FORM#newMessageForm INPUT.text{
	width: 200px;
	height: 16px;
	margin: 2px;
	margin-right: 5px;
	float: left;
	font-size: 12px;
	padding: 4px;
}

FORM#newMessageForm INPUT.button{
	float: left;
}

FORM#newWallCommentForm{
	margin-top: 4px;
}

FORM#newWallCommentForm TEXTAREA, FORM#newWallCommentForm INPUT.text{
	width: 220px;
	height: 16px;
	margin-top: 2px;
	margin-right: 5px;
	float: left;
	font-size: 12px;
	padding: 4px;
}

DIV#events DIV.event{
	background-image: url(../bilder/side_events_message_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #959595;
	padding: 5px;
	color: #FFFFFF;
	margin: 1px;
	font-weight: bold;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

DIV#events A:hover{
	text-decoration: none;
}

DIV#events IMG{
	float: left;
	margin-right: 6px;
	margin-bottom: 0px;
}

SPAN.close_icon{
	position: absolute;
	top: 3px;
	right: 3px;
}

SPAN.close_icon A{
	background-color: none;
	border: 1px solid white;
	padding: 3px;
	padding-right:4px;
	padding-left: 4px;

}

SPAN.close_icon A:hover{
	background-color: #EFEFEF;
	border: 1px solid #959595;
		
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

DIV#events SPAN.close_icon IMG{
	margin-right: 0px;
	margin-left: 5px;
}

div#footer p#current_lang{
	padding: 0px;
	margin-top: 0px;
}

div#footer p#current_lang img{
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	float: left;
}



DIV#flags{
	padding: 2px;
}

DIV#flags IMG{
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

SPAN.icon {
	width:24px;
	height: 24px;
	display: block;
	margin: 3px;
	float:left;
}

SPAN.icon IMG{
	padding: 3px;
}

LABEL{
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	padding: 1px;
	text-align: left;
	display: block;
	font-size: 10px;
	color: black;
}

DIV.radio LABEL INPUT{
    float: left;
    margin-right: 5px;
}


DIV.radio LABEL{
    display: inline;
    float: left;
    margin-bottom: 0px;
    padding: 5px;
    padding-bottom: 0px;
    padding-right: 10px;
    line-height: 20px;
    
    font-size: 16px;
    font-weight: bold;
    color: grey;
}

LABEL.error{
	font-weight: bold;
	color: #cc0000;
}


LABEL IMG{
	margin-right: 4px;
	margin-left: 4px;
}

.status_offline{
	color: grey;
}

.status_delay{
	color: orange;
}

.status_online{
	color: #009900;
}

.status_logged_in{
	color: #009900;
}

.status_icon_online{
    background-image: url(../bilder/map/status_online.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 1px;
    margin-right: 3px;
    float: left;
}

.status_icon_logged_in{
    background-image: url(../bilder/map/status_online.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 1px;
    margin-right: 3px;
    float: left;
}

.status_icon_delay{
    background-image: url(../bilder/map/status_delay.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 1px;
    margin-right: 3px;
    float: left;
}

.status_icon_offline{
    background-image: url(../bilder/map/status_offline.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 1px;
    margin-right: 3px;
    float: left;
}

.premium_icon_1{
    background-image: url(../bilder/map/premium_symbol.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 1px;
    margin-left: 1px;
    float: left;
}

.premium_icon_2{
    background-image: url(../bilder/map/admin_symbol.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 1px;
    margin-left: 1px;
    float: left;
}


DIV.form_item{
    margin-bottom: 5px;
    font-size: 10px;
}

DIV.form_item SPAN.left{
    width: 200px;
    margin-right: 10px;
}


INPUT, SELECT{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

INPUT.text{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	border: 1px solid #888888;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	font-size: 16px;
	padding: 2px;
	margin-bottom: 5px;
	width: 190px;
	margin-right:5px;
	color: grey;
}

INPUT.text_big, TEXTAREA.text_big{
	font-weight: bold;
	border: 1px solid #888888;
	height: 20px;
	font-size: 16px;
	margin: 0px;
	padding: 2px;
	color: grey;
	margin-bottom: 5px;
	width: 308px;
	margin-right:5px;
}

TEXTAREA.text_big{
    height: 80px;
}

SELECT.select{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	height: 26px;
	font-size: 16px;
	padding: 2px;
	margin-bottom: 5px;
	color: grey;
	border: 1px solid #888888;
	margin-right:5px;
}


INPUT.button{
	background-color: #85c334;
	padding: 4px;
	padding-left: 25px;
	padding-right: 6px;
	border:1px solid gray;
	
	background-repeat: no-repeat;
	background-position:5px center;
	
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	
	text-transform: uppercase;
	
	color: white;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 2px;
}

INPUT.button.icon{
    padding-right: 0px;
    padding-left: 22px;
}



INPUT.button:hover{
	background-color: #9ddb4c;
	background-position:6px center;
	margin: 1px;
	padding: 5px;
	padding-left: 26px;
	padding-right: 7px;
}

INPUT.button.icon:hover{
    padding-right: 1px;
    padding-left: 23px;
 
}


INPUT.button.dis{
	color: silver;
}

INPUT.button.dis:hover{
	color: silver;
	background-color: #85c334;
	background-position:5px center;
	
	padding: 4px;
	padding-left: 25px;
	padding-right: 6px;
	border:1px solid gray;
	margin: 2px;
}

DIV.userWindowButtons INPUT.button{
	width: 160px;
	text-align: left;
}
DIV.userWindowButtons INPUT.button:hover{
	width: 162px;
	text-align: left;
}

DIV.userWindowButtons INPUT.button.dis:hover{
	width: 160px;
	text-align: left;
}




INPUT.error{
	border: 1px solid Red;
}

TEXTAREA{
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	border: 1px solid #888888;
	font-size: 11px;
	font-weight: bold;
	height: 100px;
	padding: 3px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


INPUT.submit_image{
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin-top: 10px;
}


DIV.data_over{
	background-color: #f7f7f7;
	border: 1px solid #e2e2e2;
}

DIV.data A{
	color: inherit;
}

#myData DIV.data A:hover{
	color: #EC008C;
}

DIV#search, DIV#online{
	padding: 2px;
	overflow: auto;
}
DIV#search DIV.shortData, DIV#online DIV.shortData{
    float: left;
    width: 180px;
}

/* Subsection Tabs
--------------------*/
ul.subsection_tabs {
list-style:none;
margin:0 0 0px 0;
padding:0;
clear:both;
height:18px;
clear:both;
font-size: 10px;
font-weight:bold;
}

ul.subsection_tabs li.tab {
float:left;
margin-right:7px;
text-align:center;

background-image: none;
}

ul.subsection_tabs li.tab a {
display:block;
height:16px;
padding:2px 6px 0px 6px;

color:white;
width:50px;


}

ul.subsection_tabs li.tab a:hover {
color: white;
}

ul.subsection_tabs li.tab a.active {
background-color:#ddd;
color: black;

background-image: url(../bilder/bg_new/tab_bg.png);
background-repeat: repeat-x;
}

ul.subsection_tabs li.source_code {
 float:right;
}

/* Button */

DIV.button DIV.start {
	background-image: url(../bilder/button/start.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 28px;
	float: left;
}

DIV.button DIV.start IMG{
	padding: 4px;
	margin-left: 2px;
}

DIV.button DIV.m {
	background-image: url(../bilder/button/m.png);
	background-repeat: repeat-x;
	height: 26px;
	float: left;
}

DIV.button DIV.m DIV {
	color: white;
	padding: 3px;
	margin-top: 2px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 1px;
}

DIV.button DIV.end {
	background-image: url(../bilder/button/end.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 6px;
	float: left;
	margin-right: 5px;
}

DIV.button_over DIV.m {
	background-image: url(../bilder/button/m_over.png);
}

DIV.button_over DIV.end {
	background-image: url(../bilder/button/end_over.png);
}

DIV.button_over DIV.m DIV {
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 0px;
}


/* Location */

DIV.locationIcon{
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

DIV.locationIcon IMG.image{
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


DIV.locationData{
	width: 240px;
	float: left;
	margin-bottom: 8px;
}

DIV.locationPoweredBy{
	float: left;
	width: 175px;
}

DIV.locationData H2{
	margin: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

DIV.locationData H3{
	margin: 0px;
	margin-bottom: 2px;
	font-size: 11px;
}

DIV.locationData H4{
	margin: 0px;
	font-size: 11px;
	color: grey;
}

DIV.locationData H5{
	margin: 0px;
	margin-top: 10px;
	font-size: 10px;
	color: grey;
	font-weight: normal;
}

DIV.locationData DIV.distance{
	float: right;
	font-size: 10px;
	color: grey;
	font-weight: normal;
}

/* Bubble */



DIV.bubble_blue{
	margin: 2px;
	margin-left: 41px;
	margin-right: 21px;
	margin-bottom: 10px;
	
	padding: 4px;
	border: 1px solid #ababab;
	background-color: #F7F7F7;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	position: relative;
}

DIV.bubble_blue DIV.corner{
	background-image: url(../bilder/map/corner_left.png);
	height: 7px;
	width: 6px;
	
	left: -6px;
	top: 5px;
	
	position: absolute;
}

DIV.bubble_blue DIV.sub{
	height: 14px;
	padding-left: 2px;
	padding-right: 2px;

	right: -1px;
	bottom: -14px;
	
	position: absolute;
	
	background-color: #ababab;
	color: white;
}

DIV.bubble_blue DIV.subitem, DIV.bubble_grey DIV.subitem{
	font-size: 9px;
	color: gray;
	padding: 2px;
	padding-left: 8px;
}

DIV.bubble_blue SPAN.right, DIV.bubble_grey SPAN.right{
	color: #c3c3c3;
	padding-left: 10px;
	text-align: right;
	font-size: 9px;
}

DIV.bubble_blue DIV.subaction, DIV.bubble_grey DIV.subaction{
	font-size: 9px;
	color: gray;
	padding-top: 2px;
	padding-bottom: 2px;
}

DIV.bubble_blue DIV.icon{
	background-image: url(../bilder/map/user_bg_32.png);
	
	padding: 3px;

	left: -42px;
	top: -3px;
	
	position: absolute;
	height: 32px;
	width: 32px;
}


DIV.bubble_grey{
	margin: 2px;
	margin-left: 21px;
	margin-right: 41px;
	margin-bottom: 10px;
	
	padding: 4px;
	border: 1px solid #ababab;
	background-color: #eeeeee;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	position: relative;
}

DIV.bubble_grey.over{
    background-color: #eeeeee;
}

DIV.bubble_grey.new{
    background-color: #ec008c;
}

DIV.bubble_grey.new DIV.subline, DIV.bubble_grey.new a{
    color: white;
}



DIV.bubble_grey DIV.corner{
	background-image: url(../bilder/map/corner_right.png);
	height: 7px;
	width: 6px;
	
	right: -6px;
	top: 5px;
	
	position: absolute;
}

DIV.bubble_grey DIV.sub{
	height: 14px;
	padding-left: 2px;
	padding-right: 2px;

	right: -1px;
	bottom: -14px;
	
	position: absolute;
	
	background-color: #ababab;
	color: white;
}

DIV.bubble_grey DIV.icon{
	background-image: url(../bilder/map/user_bg_32.png);
	
	padding: 3px;

	right: -42px;
	top: -3px;
	
	position: absolute;
	height: 32px;
	width: 32px;
}


DIV.bubble_margin{
	margin-bottom: 16px;
}

DIV.bubble_blue A, DIV.bubble_grey A{
	color: #ec008c;
}

DIV.bubble_blue A:hover, DIV.bubble_grey A:hover{
	text-decoration: underline;
}

DIV.bubble_blue IMG.image, DIV.bubble_grey IMG.image{
    float: right;
    border: 1px solid grey;
    margin: 0px;
    margin-left: 3px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


DIV.bubble_side_blue{
	margin: 1px;
	margin-left: 37px;
	margin-right: 0px;
	margin-bottom: 5px;
	min-height: 25px;
}

DIV.bubble_side_blue DIV.icon{
	background-image: url(../bilder/map/user_bg_32.png);
	
	padding: 3px;

	left: -41px;
	top: -2px;
	
	position: absolute;
	height: 32px;
	width: 32px;
}

DIV.bubble_side_grey{
	background-color: white;
	
	margin: 1px;
	margin-left: 0px;
	margin-right: 37px;
	margin-bottom: 5px;
	min-height: 25px;
	
	padding-left: 25px;
}

DIV.bubble_side_grey DIV.type_icon{
    padding: 0px;

    left: 4px;
    top: 3px;
    
    position: absolute;
    height: 16px;
    width: 16px;
}

DIV.bubble_side_grey DIV.type_icon.message{
    background-image: url(../bilder/icons/PNG/email.png);
}

DIV.bubble_side_grey DIV.type_icon.visit{
    background-image: url(../bilder/icons/PNG/user-green.png);
}

DIV.bubble_side_grey DIV.type_icon.friend_request{
    background-image: url(../bilder/icons/PNG/link-add.png);
}

DIV.bubble_side_grey DIV.type_icon.friend_accept{
    background-image: url(../bilder/icons/PNG/link-check.png);
}

DIV.bubble_side_grey DIV.close_icon, DIV.bubble_grey DIV.close_icon, DIV.bubble_blue DIV.close_icon{
    padding: 0px;

    right: 4px;
    top: 3px;
    
    position: absolute;
    height: 14px;
    width: 14px;
    
    background-image: url(../bilder/close_d.gif);
}

DIV.bubble_side_grey DIV.close_icon:hover, DIV.bubble_grey DIV.close_icon:hover, DIV.bubble_blue DIV.close_icon:hover{

    background-image: url(../bilder/close.gif);
}

DIV.bubble_side_grey DIV.subline{
    color: grey;
    font-size: 10px;
}

DIV.break_line{
	position: relative;
    border-bottom: 1px solid #dddddd;
    margin-top: 2px;
    margin-bottom: 2px;
    
    color: grey;
    font-weight: bold;
    padding-bottom: 4px;
}

DIV.bubble_blue SPAN.date, DIV.bubble_grey SPAN.date{
	float: right;
	
	padding: 0px;

    padding-left: 2px;
    padding-right: 2px;
	
    border: 1px solid white;
    background-color: white;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    color: grey;
    
    font-size: 9px;
    font-weight: normal;
    
    margin-left: 5px;
}


DIV.bubble_blue DIV.message_author, DIV.bubble_grey DIV.message_author{
    color: black;
    
    font-size: 9px;
    font-weight: bold;
    
    line-height: 13px;
}



DIV.bubble_side_grey DIV.icon{
	background-image: url(../bilder/map/user_bg_32.png);
	
	padding: 3px;

	right: -41px;
	top: -2px;
	
	position: absolute;
	height: 32px;
	width: 32px;
}


DIV.tagViewItem{
	font-size: 11px;
	padding: 2px;	
}

DIV.tagItem{
	font-size: 11px;
	padding: 2px;	
}

DIV.tagItem INPUT.text{
	width: 280px;	
	margin-bottom: 0px;
}

DIV.tagItem SPAN.label{
	color: grey;
}

DIV.tagItem DIV.link_line{
	color: grey;
}

DIV.tagItem DIV.link_line A{
	color: black;
	text-decoration: underline;
}

DIV.tagItem DIV.link_line A:hover{
	color: grey;
}

DIV.groupMarker{
	padding: 3px;
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 38px;
	color: grey;
}

DIV.groupOnline{
	color: black;
}

DIV.groupMe{
	color: red;
}

/* User List */

#user_list_box {
	max-height: 300px;
	overflow: auto;
}

/* user_add_control */

#user_add_control {
	width:34px;
	height: 34px;
	background-image: url(../bilder/user_add.png);
	background-repeat: no-repeat;
}

#user_add_control.user_add_clicked {
	background-image: url(../bilder/user_add_active.png);
	background-repeat: no-repeat;
}

#overlay_loading {
	width:220px;
	height: 19px;
	background-image: url(../bilder/ajax-loader.gif);
	background-repeat: no-repeat;
}

div.loading{
	margin: auto;
	margin-top: 150px;
	background-image: url(../bilder/ajax-loader1.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
}


/* Messages */

#message_box {
	padding: 0px;
	
	color: black;
	font-size: 14px;

}

#message_box DIV.item{
	padding: 0px;
}


#message_box IMG{
	float: left;
	margin-right: 8px;
}

#message_box STRONG{
    float: left;
}

/* System Messages */

#system_messages {
	
	width: 500px;
	
	padding: 10px;
	border: 2px solid black;
	background-color: white;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

    z-index: 1000;
}

#system_messages A {
    color: #ec008c;
    text-decoration: underline;
}

#system_messages A:hover {
    color: #8FCA41;
    text-decoration: underline;
}


/* Facebook */

#fb_login_button_large {
	padding: 3px;
	float: left;
	margin-right: 10px;
}

#fb_user_box {
	margin-bottom: 5px;
	font-weight: bold;
}

#fb_login_button_short {
	padding: 3px;
}