body{margin:0; background:#fff   url(http://www.webdesignideas.org/images/bellevueBg.gif) /*no-repeat scroll center 140px*/ ; font-family:Tahoma,Geneva,sans-serif; font-size:11px; line-height:1.6em;}
.col4{width:464px;margin:8px; background:url(75_transparant.png); padding:7px!important;padding:4px; float:left; min-height:150px; -moz-border-radius: 4px;}

.col3{width:300px;margin:8px; background:url(75_transparant.png); padding:7px!important;padding:4px; float:left; min-height:350px; -moz-border-radius: 4px;}
.col2{width:630px;margin:8px; background:url(75_transparant.png); padding:7px!important;padding:4px; float:left; min-height:200px; -moz-border-radius: 4px;}
.col1{width:960px;margin:8px; background:url(75_transparant.png); padding:7px!important;padding:4px; float:left; min-height:200px; -moz-border-radius: 4px;}
.col{margin:8px; background:url(75_transparant.png); padding:7px!important;padding:5px; float:left; -moz-border-radius: 4px;}

.min-height-350 { min-height:350px; height:auto !important; /* voor moderne Browser */ height:350px; /*voor IE6 */}

.banner{width:300px;margin:8px; background:url(75_transparant.png); padding:7px!important;padding:7px; float:left;  } 

#wrapper{width:100%; position:relative;  }
.content_holder{width:1000px;margin:0 auto;}

#image_background{
	background:transparent url(/banners/background_beach.jpg) no-repeat scroll center 140px;
	height:900px;
	position:absolute;
	width:100%;
	z-index:-2;	
}

.news{  background:url(home_teaser.jpg) no-repeat center; padding-top:50px; }
.newsContent {margin:5px; margin-top:165px; color:#FFF;}
.newsContent li {list-style: square; list-style-position:inside; margin-top:10px;}
 
.profileMenu {float:right; margin:10px; display:block; padding:10px; background:url(75_transparant.png);border:1px solid #bbb; cursor:pointer;}
.profileMenu:hover { background:url(50_transparant.png);border:1px solid #2F95CE;  }
.login{	font-size:11px; margin:1px; padding:0px;}
 
#header {padding:2px;height:100px; background:#1C1C1C;color:#fff; border-bottom:1px solid #000;} 
#footer {height:100px; background:#1C1C1C ;color:#fff; border-top:#D1D1D1 solid 5px;padding:2px;}
.footer_holder{width:1000px;margin:0 auto;}
.stats { background:#121212 none repeat scroll 0 0; border:1px solid #333333; float:left; margin-left:5px; margin-top:-1px; padding:10px; width:160px; color:#999} 
.stats h1 {padding:0px;}

.profilemanagement { display:block; float:left; width:115px; height:100px; margin:10px; text-align:center; text-decoration:none;}

#copyright {height:25px; background:#121212 ;color:#ccc; border-top:#2B2B2B solid 1px;padding:2px;}
#copyright a {color:#FFF;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block; clear:both;}  /* for IE/Mac */

#logo{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-transform: uppercase; padding:10px;text-align:center; width:200px;/* margin:0 auto; */ float:left;}
#logo h1{ font-size:30px; margin-bottom:0px; }
#logo p{ color:#CCCCCC;font-family:Tahoma,Geneva,sans-serif;font-size:9px;font-weight:normal;letter-spacing:2px;}

 
.background_Green{ background:#D9FFD9} 
.background_Red{ background:#FCC} 
.background_Blue{ background:#C6E2FF} 
.background_Yellow{ background:#FEF5D3} 


.button_big{ background:#fff; color:#000; font-weight: bold; padding:5px; float:right; margin:5px;}

#shoutbox{ width:314px; height:100px; float:right; margin-right:17px!important;margin-right:7px;  overflow:hidden;  }
.shoutMsg{padding:5px;position:absolute;left:90px; width:200px;}
.shoutMsg a {color:#ff0000;}

.right{float: right}
.left{float:left}

.AddShout{ position:absolute; bottom:0; right:0; color:#FFF;}

.TextLeft{text-align:left;}
.TextRight{text-align:right;}

h1,h2,h3{margin:0px; padding:3px; font-size:18px;}
img {border: none;}
a{color:#000;}
a:hover{color:#2F95CE}


.paginate{display:block; clear:both;}

.Online{color:#0C0; font-weight:bold;}
.Offline{color:#ff0000; }
.warning{background:#FFA8AA; border:#E10000 1px solid; padding:10px;clear:both;margin:10px;}
.good{background:#A8FFAC; border:#0C0 1px solid; padding:10px;clear:both;margin:10px;}

.red{color:#ff0000;}
.gray{color:#999;}
.bold{font-weight:bold;}
.borderBOttum{border-bottom:1px solid #ccc;}
.pointer{cursor:pointer;}
.Frame2{border:1px dotted #ccc; padding:5px; width:447px; margin:5px; float:left;}
.bullet {list-style-image:none;list-style-position:inside;list-style-type:disc;padding:0;margin:1;}

.NewMedia { width: 117px;   padding:5px; margin:5px; float:left; text-align:center;}
.NewMedia a{ font-weight:bold;}
.NewMediaCover {border: 2px solid;  padding:2px; width:90px; height:90px;}
.NewMediaCover:hover {background:#FFF; border-color:#09C;}
 
.Media{width: 308px;}
.MediaName{display:block; padding:5px; width:200px; float:left; border-bottom:1px solid #CCCCCC; text-transform:capitalize; height:17px; overflow:hidden;}
.MediaName:hover { background:url(75_transparant.png)}
  
 
.block {border-right:3px solid; margin:2px; display:inline-block;}
.block:Hover {background:#FFC;}
.singles {border-color:#090;}
.albums {border-color:#F00;}
.videos {border-color:#09C;}

.link{ font-weight:bold; text-decoration:underline;}

label { font-weight:bold;   }

.gift{ width: 100px; height:150px; float:left; text-align:center; overflow:hidden;}
.gift img { border:1px solid #ccc; padding: 1px; margin:2px; width:64px; height:64px;}
.giftInfo { margin-left:10px; float:left}
.NewGift { width: 200px; float:left}


.FooterLinks{ width:150px; float:left; padding:2px; }
.FooterLinks h1 {background:#333:}
.FooterLinks a {background:#121212 none repeat scroll 0 0;color:#999999;display:block;margin:2px;padding:2px 8px;text-decoration:none;}
.FooterLinks a:Hover {background:#2E2E2E ;color:#fff; }


div.scrollable { position:relative;overflow:hidden;height: 99px;width: 314px;color: #FFF;} 
div.scrollable div.items {position:absolute;height:20000em;}
div.scrollable div.items div.shout {margin:5px;display:block;height:100px; }


/*media / music page */
/*div.scrollable_media {  position:relative;  overflow:hidden;  width: 878px;  height:160px;  } 
div.scrollable_media div.items_media {     width:20000em;     position:absolute; } 
div.scrollable_media div.items_media div {     float:left; } 
div.items_media div.active {     border:1px inset #ccc;     background-color:#fff; }

.scrollable_media { float:left;	 }*/





















		
#loginbox{ width:350px;  margin-left:35px; padding:0 10px 0; background:#000; float:left; border:1px solid #333; border-top:none; -moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px; text-align:center;}
.LoginBalk {color:#FFF; padding:2px 5px; text-decoration:none;; border-left: 1px dotted #444;}
.LoginBalk.red {color:#FF0000; }
a.LoginBalk {}
a.LoginBalk:hover  {color:#2F95CE ;}

.loading{background:transparent url(loading.gif) no-repeat scroll left center;clear:both;padding-left:25px;}

.ProfileTabel{  font-weight:bold;  width:40%;}
div.guestbook {clear:both; padding: 8px; display:block;}
.guestbooknote{width:529px;} 
.note{float:letft; width:525px;  } 
input, select, textarea, option { border:1px solid #ccc; margin:0px;}


.transparant_50{background:url(White_50_transparant.png)}
.transparant_75{background:url(50_transparant.png)}
 
ul{list-style-image:none;list-style-position:outside;list-style-type:none;padding:0px;margin:0px;}

.thumb{ width:75px; height:75px; border:1px solid #ccc; padding:1px; text-align:center; display:block; float:left; margin-left:2px;}
.smallThumb{ width:50px; height:50px; border:1px solid #ccc; padding:1px; margin:1px; float:left;}
.galleryThumbFrame{ width:112px; height:100px; border:1px solid #ccc; padding:3px; margin:3px; background: #fff; text-align:center; float:left; text-decoration:none }
.galleryThumbFrame:hover{background:#ccc; border:1px solid #fff;}
.galleryThumb{ height:66px;  }
.profileList li{float:left; margin:10px !important; margin:8px;}
.profileList li.margin15{float:left; margin:15px !important; margin:12px;}
.profileList li.margin7{float:left; margin:7px !important; margin:5px;}


div.avatar{float:left;width:75px;position:relative;text-align:center;font-size:10px;overflow:hidden;}
div.avatar .nick{text-decoration:none;display:block;border-bottom:2px solid #ccc;width:76px;padding:0 2px;overflow:hidden; height:15px; padding-top:2px;}
div.avatar a.nick:hover,div.avatar:hover a.nick{border-bottom:2px solid #F1F1F1;text-decoration:none;}
div.avatar .imageWrap{display:block;height:60px;overflow:hidden;background:#bbb;padding:0;}
div.avatar.male .imageWrap{border-top:2px solid #68BEFF;}
div.avatar.female .imageWrap{border-top:2px solid #FF9FC4;}
div.avatar.genderless .imageWrap{margin-top:2px;}
div.avatar.male a.imageWrap:hover,div.avatar.male:hover a.imageWrap{border-top:2px solid #00A6FF;}
div.avatar.female a.imageWrap:hover,div.avatar.female:hover a.imageWrap{border-top:2px solid #FF6795;}
div.avatar.online .nick,div.avatar.online a.nick:hover,div.avatar.online:hover a.nick{border-bottom:2px solid #11E600;}
div.avatar.busy .nick,div.avatar.busy a.nick:hover,div.avatar.busy:hover a.nick,div.avatar.brb .nick,div.avatar.brb a.nick:hover,div.avatar.brb:hover a.nick,div.avatar.phone .nick,div.avatar.phone a.nick:hover,div.avatar.phone:hover a.nick{border-bottom:2px solid #E6C612;}
div.avatar.away .nick,div.avatar.away a.nick:hover,div.avatar.away:hover a.nick,div.avatar.lunch .nick,div.avatar.lunch a.nick:hover,div.avatar.lunch:hover a.nick,div.avatar.invisible .nick,div.avatar.invisible a.nick:hover,div.avatar.invisible:hover a.nick{border-bottom:2px solid #F04834;}
div.avatar .age{position:absolute;top:43px;right:3px;background:#666;color:#fff;padding:2px;line-height:1em;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.avatar.small .age{top:24px; right:0px;}

div.avatar.male .age{background:#00A6FF; }
div.avatar.female .age{background:#FF6795; }

div.avatar.drag{cursor:move;}
div.avatar.small,div.avatar.small img{width:40px;} 
div.avatar.small .nick{width:40px;overflow:hidden; height:15px; padding-top:2px; font-size:9px;}
div.avatar.small .imageWrap,div.avatar.small img{height:30px;}
div.avatar.medium,div.avatar.medium img{width:48px;}
div.avatar.medium .imageWrap,div.avatar.medium img{height:36px;}
div.avatar.tiny{margin:0 5px 0 0;}
div.avatar.tiny,div.avatar.tiny img{width:20px;}
div.avatar.tiny .imageWrap,div.avatar.tiny img{height:15px;}
div.avatar.tiny .imageWrap,div.avatar.tiny a.imageWrap:hover{border:0;}
div.avatar.music,div.avatar.music img{width:56px;}
div.avatar.music .imageWrap,div.avatar.music img{height:42px;}
div.avatar.messages,div.avatar.messages img{width:30px;padding:0;}
div.avatar.messages .imageWrap,div.avatar.messages img{height:23px;}
div.avatar .person{background:#F1F1F1 url(avatar_nickname_bg.png) repeat-x bottom;color:#333!important;}
div.avatar a.person:hover,div.avatar:hover a.person{background:#F1F1F1;border-color:#F1F1F1;}




div.avatar .brand{background:#000 url(avatar_brand_bg.png) repeat-x;color:#fff!important;}
div.avatar a.nick.brand{border-color:#000!important;}
div.avatar a.brand:hover,div.avatar:hover a.brand{background:#000;}

div.avatar .group{background:#EF330E;color:#fff!important;}
div.avatar:hover .group{background:#f9cfbd;color:#EF330E!important;}
div.avatar .nick.group{border-bottom:2px solid #EF330E; }
div.avatar:hover .nick.group{border-bottom:2px solid #f9cfbd;}

div.avatar .crew{background:#393;color:#333!important;}
div.avatar:hover .crew{background:#D5FFDF;color:#393!important;}
div.avatar .nick.crew{border-bottom:2px solid #393; }
div.avatar:hover .nick.crew{border-bottom:2px solid #6C9;}


.NewMediaInfo{float:left; width:227px; margin-left:5px; padding-right: 5px;}
.NewMediaInfo a { font-weight:bold;}
.NewMediaInfoLarger { width:240px; }


.letters {border:1px solid;float:left;font-size:35px;margin:5px;padding:34px;text-align:center;width:25px;}
.frame {border:1px solid;float:left;font-size:20px;margin:5px;padding:34px;text-align:center;}
.event{border-bottom:1px solid #ccc; padding:3px; display:block;} 
.date{background:#FFF; width: 30px; height:53px; float:right; margin:2px; text-align:center;}
.date_right{background:#FFF; width: 40px; height:50px; float:right; margin:2px; text-align:center; border:2px solid #ccc}
.date_right:hover{border:2px solid #fff}
.month{background:#F00; padding:3px; color:#fff; text-align:center; text-decoration:none;display:block;}
.day{color:#000; font-size:18px; text-decoration:none; text-align:center; position:relative; top:4px;}
.eventInfo{float:left; width:174px; margin-left:5px; }
.eventInfoXL{float:left;   margin-left:5px; }
.eventInfo a { font-weight:bold;}
.eventInfoXL a { font-weight:bold;}


.add{ background:transparent url(add.png) no-repeat scroll left 2px;display:block;height:18px;padding-left:20px;}
.add:hover{ background:url(add.png) no-repeat scroll left -15px; height:18px;}
div.profilePics { 
	border:1px solid #CCCCCC;
	float:left;
	height:80px;
	margin-top:10px;
	overflow:hidden;
	padding:2px;
	position:relative;
	width:238px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.profilePics div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.profilePics div.items div { 
    float:left; 
	width:75px;	
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

 
a.prev, a.next, a.prevPage, a.nextPage {
background:transparent url(left.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:18px;
margin:40px 5px!important;
margin:40px 2px!important;
width:18px;
}
a.prev:hover,  a.prevPage:hover {
background:transparent url(left.png) no-repeat scroll bottom;
}
a.next:hover,  a.nextPage:hover {
background:transparent url(right.png) no-repeat scroll bottom;
}
a.next, a.nextPage {
background-image:url(right.png);
clear:right;
}
 /*
a.browse {background:url(hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:40px 10px;cursor:pointer;font-size:1px;}
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.up, a.down		{ background:url(vert_large.png) no-repeat; float: none;margin: 10px 50px;}
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
a.disabled {visibility:hidden !important;} 	*/



ul.tabs li{  }

/* root element for tabs  */
ul.css-tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	 
}

/* single tab */
ul.css-tabs li { 
	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

 

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.css-tabs a.current, ul.css-tabs a.current:hover, ul.css-tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
	
}




/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 300px;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}


/* root element for tabs  */
ul.css-tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.css-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	background: url(tabs_blue.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	 
}

ul.css-tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.css-tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.css-tabs a.current, ul.css-tabs a.current:hover, ul.css-tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}
/* width 1 */
ul.css-tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.css-tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.css-tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.css-tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.css-tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.css-tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.css-tabs a.w3 			{ background-position: -247px  -0px; width:174px; }
ul.css-tabs a.w3:hover 	{ background-position: -247px  -31px; }
ul.css-tabs a.w3.current { background-position: -247px -62px; }

/* width 4 */
ul.css-tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.css-tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.css-tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	background:#FFF;	 
	border-color:-moz-use-text-color #999999 #999999;
	border-style:none solid solid;
	border-width:0 1px 1px;
	padding:10px;
	
}
 


/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:auto;     
    min-height:200px; 
    border:1px solid #666;
	text-align:center;
	
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}