/* -----------------------------------------------*/
/* ------>>> TEMPLATE MODIFICATIONS <<< ----------*/
/* -----------------------------------------------*/

* { padding: 0; }
img { border: 0; }

td { padding: 6px; }

#navigation .container {
	background:url(/euprofile/images/navigation-container.png) no-repeat bottom;
	height:72px;
}

#navigation .clear { display: none; }

#content .container {
	background-image:url(/euprofile/images/content-single.png);
	background-position:7px 0px;
	background-repeat:repeat-y;
	margin:0px auto;
	padding:0px 14px 0px 14px;
	width:972px;
}

#content .container .clear {
	margin:0px -6px 0px -6px;
	overflow:hidden;
	width:984px;
}

#primary { margin: 0; padding: 0; }

/* -----------------------------------------------*/
/* ---------->>> GENERAL LAYOUT <<< --------------*/
/* -----------------------------------------------*/

.clearall{
    margin:0px -6px;
    overflow:hidden;
    width:984px;
    clear:both;
    height:18px;
}


#eup{
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
}


/* -----------------------------------------------*/
/* ------------->>> DASHBOARD<<< -----------------*/
/* -----------------------------------------------*/


#dashboard{
  background: transparent url(/euprofile/images/dashboard-top.png) no-repeat scroll left top;
  overflow: auto;
  padding: 6px 0 15px 0;
}

#profile{
   background:transparent url(/euprofile/images/profile.png) no-repeat scroll left bottom;
   width: 736px;
   float: left;
}

#contact{
    background: #f0f3f7 url(/euprofile/images/contact.png) no-repeat left bottom;
    float: left;
    overflow: auto;
    padding-bottom: 10px;
    width: 195px;
}

#contact ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 15px 0px 15px 0px;
}

#contact ul li { background-color: #fff; width: 167px; }

#contact ul li a {
  background-color: transparent;
  border: 1px solid #c9c9ca;
  color: #4d5f7f;
  display: block;
  font-family: Verdana;
  font-size: 11px;
  line-height: 22px;
  padding-left: 35px;
  text-decoration: none;
  width: 132px;
}

#contact ul li{
  margin: 4px 0px 6px 15px;
}

#contact ul li a:hover{
  background-color: #e7ecf4;
  color: #000000;
}

#premium_badge, #corporate_badge {
  text-align: center;
}

#business_logo .module { background: #fff; border: 1px solid #ccc; margin: 6px auto 0 auto; padding: 2px 0; text-align: center; width: 154px }
#business_logo .module p { margin: 3px 0; }
ul#business_logo li a { border: 0; display: inline; padding-left: 0; width: auto; }

.add{
   background:transparent url(/euprofile/images/icon-add.png) no-repeat scroll left top;
}

.online { background:transparent url(/whtimages_blue/images/buttons/online.gif) no-repeat 10px 5px; }
.offline { background:transparent url(/whtimages_blue/images/buttons/offline.gif) no-repeat 10px 5px; }

.ignore2 { background:transparent url(/euprofile/images/icon-ignore.png) no-repeat scroll left center; }
.pm { background:transparent url(/euprofile/images/icon-pm.png) no-repeat scroll left center; }
.yahoo { background:transparent url(/euprofile/images/icon-yahoo.png) no-repeat scroll left center; }
.icq { background:transparent url(/euprofile/images/icon-icq.png) no-repeat scroll left center; }
.aim { background:transparent url(/euprofile/images/icon-aim.png) no-repeat scroll left center; }
.skype { background:transparent url(/euprofile/images/icon-skype.png) no-repeat scroll left center; }
.msn { background:transparent url(/euprofile/images/icon-msn.png) no-repeat scroll left center; }


.photo-eup {
  background-color: white;
  border: 1px solid #cfcfcf;;
  margin-bottom: 10px;
  padding: 2px 0;
  text-align: center;
  width: 154px;
}

.photo-eup a { display: block; }

#bio{
  margin-top: 6px;
  width: 168px;
  padding-left: 9px;
  margin-right:5px;
  float: left;
}

#bio ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#bio ul li{
  margin-bottom: 15px;
}

#bio ul li, #bio ul li span{
  font-family: Verdana;
  font-size: 11px;
  color: #5e6f77;
}

#bio ul li span{
  font-weight: bold;
  display: block;
}

#premium_badgxe { position: absolute; margin: 10px 0 0 380px; }

#info{
  margin-top: 6px;
  float: right;
  width: 545px;
  font-family: Arial;
}

#info span.sep{
  color: #d4cfcf;
  padding: 0px 5px;
}

#info h1{
    color: #da8114;
    font-family: "Trebuchet MS", Arial;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 35px;
    margin: 0;
}

#counts {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 0;
}

#counts li{
  background-color: #cfd8e5;
  border: 1px solid #ffffff;
  color: #091d3e;
  display: block;
  float: left;
  height: 63px;
  line-height:25px;
  margin-right: 15px;
  text-align: center;
  width: 120px;
}

#counts li span{
  background-color: #e3e9f0;
  color: #686a6f;
  display: block;
  font-size: 20px;
  height:33px;
  padding-top: 5px;
  width: 120px;
}

#latest{
  clear: both;
}



/* -----------------------------------------------*/
/* ---------->>> RECENT POSTS/THREADS <<< - ------*/
/* -----------------------------------------------*/

#recent {
  float: right;
  margin: 6px 0 0 0;
  padding-bottom: 10px;
  width: 545px;
}

div#recent div.scroller { overflow: hidden; width: 523px;  }
div#recent div.scroller div.content { width: 1000000px; }
div#recent div.scroller div.section { float: left;	height: 150px; margin: 0; overflow: hidden; width: 523px; }

#tabs {
	height: 23px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#tabs li {
	float: left;
}

#tabs li a {
	background: url(/euprofile/images/tab-tab.png) no-repeat left top;
	color: #96a2b5;
	display: block;
	margin: 0 6px 0 8px;
	padding: 5px 0 8px 0;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

#tabs a.active-control {
	background: url(/euprofile/images/tab-active.png) no-repeat scroll left top;
}

.tabpanel {
	background: transparent url(/euprofile/images/tab-panel.png) no-repeat scroll left top;
	background-color: #f3f5f9;
	color: #535353;
}

.tabpanel ul {
	height: 80px;
	list-style: none;
	margin-left: 15px;
	margin-top: 15px;
}

.tabpanel ul li, .tabpanel ul li a {
	color: #535353;
	font-size: 11px;
	font-family: Verdana;
	line-height: 20px;
}

.recent-date {
	padding: 0 0 0 3px;
	width: 75px;
}

.recent-links { margin-top: 25px; padding-right: 15px; text-align: right; }

/* -----------------------------------------------*/
/* ---------->>> USER PROFILE SECTIONS <<< -------*/
/* -----------------------------------------------*/


#main {
	clear: both;
	margin: 0;
}

#details{
  float: left;
  width: 635px;
  margin: 20px 15px 0 0;
}

.section {
  margin-bottom: 25px;
  margin-right: 15px;
}

#modcontent_14 li { margin-left: 15px; }

h3{
    float: left;
    background:#e7ecf4 url(/euprofile/images/right.png) no-repeat scroll 100% 0pt;
    padding-top:6px;
    height:26px;
    margin: 0;
    padding-right: 10px;
    color: #1c546e;
    font-family:Arial;
    font-size:13px;
}

.tab{
  background: transparent url(/euprofile/images/left.png) no-repeat scroll left center;
  padding-left:10px;
  border-bottom:3px solid #E7ECF4;
  height:29px;
}

.section p{
  font-size: 11px;
  line-height: 18px;
  margin: 12px;
}

.section p a{
  color: #1c546e;
}

.section p a:hover{
  color: #ff9933;
}


ul.friendlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.friendlist li {
  float: left;
  height: 100px;
  margin: 0px 20px 11px 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 85px;
}

ul.friendlist li a { margin: 0; padding: 0; }
ul.friendlist li a img { margin: 0; padding: 0; }

.right_sortable ul.friendlist li { margin: 0 5px 11px 0; }

.friendlist li a.friend_img { border: 1px solid #dfdfdf; color: #16313e; display: block; font-size: 11px; height: 82px; overflow: hidden; text-decoration: none; width: 82px; }
.friendlist li a.friend_img img { padding: 1px; vertical-align: middle; }
.friendlist li a:hover { color: #ff9933; }

div#friends.left_sortable div.scroller { overflow: hidden; width: 620px;  }
div#friends.left_sortable div.scroller div.content { width: 1000000px; }
div#friends.left_sortable div.scroller div.section { float: left; overflow: hidden; width: 630px; }

div#friends.right_sortable div.scroller { overflow: hidden; width: 275px;  }
div#friends.right_sortable div.scroller div.content { width: 1000000px; }
div#friends.right_sortable div.scroller div.section { float: left; overflow: hidden; margin-bottom: 0; width: 295px; }

#friend-nav-container {
	clear: both;
	height: 30px;
	margin: 0;
	overflow: auto;
	padding-top: 10px;
	text-align: center;
}

.left_sortable #friend-nav-container div.controls { float: left; margin: 0 10px; text-align: center; width: 498px; }
.right_sortable #friend-nav-container div.controls { float: left; margin: 0 10px; text-align: center; width: 155px; }
#friend-nav-container div.controls a.active-control { font-weight: bold; }

#prev-arrow, #next-arrow{
	border:1px solid #DDDDDD;
	color:#999999;
	background:#FFFFFF none repeat scroll 0%;
	display:block;
	margin-right:0.1em;
	padding:0.2em 0.5em;
    text-decoration:none;
	font-size:11px;
}

#prev-arrow:hover , #next-arrow:hover{
	background:#eef2f8 none repeat scroll 0%;
}

#prev-arrow {
	float: left;
}

#next-arrow{
	float: right;
}




/* -----------------------------------------------*/
/* -------------->>> SIDEBAR MODULES <<< ---------*/
/* -----------------------------------------------*/

#mods {
  width: 290px;
  margin-top:20px;
  float: left;
}

ul.modulelist { list-style-type: none; margin: 0; padding: 0 0 50px 0; }

li.module {
	background: #fff;
	border: 1px solid #e5e5e5;
	clear: both;
	font-size: 11px;
	margin-bottom: 15px;
}

.modheader { background: #fff url(/euprofile/images/modtitle.png) repeat-x top; height: 23px; overflow: hidden; padding: 5px 5px 0 5px; }

.modtitle {
	color: #1c345d;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 30px;
	margin: 0;
	padding-left: 25px;
	padding-top: 1px;
	width: 170px;
}

#left_sortable .modtitle { width: 450px; }

.modactions {
	float: right;
	width: 75px;
}

.modactions a {
	border: 1px solid #EAEAEA;
	float: right;
	height: 13px;
	text-align: right;
	width: 13px;
	margin: 1px;
}

.modactions a:hover { border: 1px solid #ccc; }

.configure { background: transparent url(/euprofile/images/configure.png) no-repeat scroll left top; }
.drag { background: transparent url(/euprofile/images/drag.png) no-repeat scroll left top; cursor: move; }
.duplicate { background: transparent url(/euprofile/images/add.png) no-repeat scroll left top; }
.refresh { background: transparent url(/euprofile/images/refresh.png) no-repeat scroll left top; }
.remove { background: transparent url(/euprofile/images/remove.png) no-repeat scroll left top; }

.module a, .module ul li a{
   font-size: 11px;
   color: #535353;
   text-decoration: none;
}

.module a:hover{
  color: #ff9933;
}

.module ul{
    list-style-type:none;
    margin: 0;
    overflow: auto;
    padding: 0;
}

.module ul li{
  margin-bottom: 9px;
}

.modcontent { clear: both; margin: 5px; padding: 5px 0; }
.modcontent_empty { margin: 0; padding: 0; }

.flickr { background:transparent url(/euprofile/images/icon-flickr.png) no-repeat scroll left top; }
.myspace { background:transparent url(/euprofile/images/icon-myspace.png) no-repeat scroll left top; }
.linkedin { background:transparent url(/euprofile/images/icon-linkedin.png) no-repeat scroll left top; }
.delicious { background:transparent url(/euprofile/images/icon-delicious.png) no-repeat scroll left top; }
.facebook { background:transparent url(/euprofile/images/icon-facebook.png) no-repeat scroll left top; }
.twitter { background:transparent url(/euprofile/images/icon-twitter.png) no-repeat scroll left top; }
.digg { background:transparent url(/euprofile/images/icon-digg.png) no-repeat scroll left top; }
.youtube { background:transparent url(/euprofile/images/icon-youtube.png) no-repeat scroll left top; }
.rss { background:transparent url(/euprofile/images/icon-rssfeed.png) no-repeat scroll left top; }
.link { background:transparent url(/euprofile/images/icon-link.png) no-repeat scroll left top; }
.wht, .summary, .friends, .signature, .profilestream, .businesslogo { background:transparent url(/euprofile/images/icon-wht.png) no-repeat scroll left top; }


ul.flickr {
	background-image: none;
}

ul.flickr li{
  display: block;
  margin: 6px 5px 2px 5px;
  float: left;
}

ul.flickr li img{
  border: 3px solid #d1d1d1;
  background-color: white;
}

#left_sortable ul.flickr li { margin: 6px 11px 15px 11px; }

.loading {
	padding: 50px 0;
	margin: 0 auto;
	text-align: center;
	width: 28px;
}

.flickrphotos img { float: left; margin: 5px; }

.clear { clear: both; }



/* ----------------------------------------------------------------------*/
/* -------------->>> SIDEBAR MODULE CONFIGURATION / OVERLAY <<< ---------*/
/* ----------------------------------------------------------------------*/

#overlay {
	background: #7E7E7E none repeat scroll 0% 50%;
	left: 0px;
	opacity: 50%;
	position: absolute;
	top: 0px;
	z-index: 1;
}

#configcontainer {
	background-color: #fff;
	border: 2px solid #ccc;
	float: left;
	height: 300px;
	width: 550px;
	z-index: 999;
}


#configcontent { margin: 10px auto; width: 450px; }
#configcontent h4 { font-size: 1.3em; margin-bottom: 10px; }
#configcontent p { margin-bottom: 20px; }

#browsecontainer {
	background: #fafafa url(/euprofile/images/popup.png) no-repeat scroll left top;
	border: 1px solid #ccc;
	float: left;
	height: 500px;
	width: 550px;
	z-index: 999;
}


#browsecontent { margin: 10px; }

#browsecontent ul { list-style-type: none; }

#browsecontent ul li {
	background-position: 38px 0;
	height: 17px;
	margin: 4px 0 10px 4px;
}

#browsecontent ul li.inactive { color: #ccc; }

span.add-link { margin-right: 25px; }

#configure_form label,
#configure_form input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#configure_form label {
	text-align: right;
	padding-right: 20px;
}

#configure_form option { padding-right: 10px; }

#configure_form br {
	clear: left;
}

.cancel, .save{
	border:1px solid #DDDDDD;
	color:#999999;
	background:#FFFFFF none repeat scroll 0%;
	display:block;
	margin-right:15px;
	padding:0.2em 0.5em;
	font-size:12px;
	width: 75px;
}

#configure_form input.cancel { float: right; margin-right: 0; }

#configure_form .cancel:hover, #configure_form .save:hover{
	background-color: #f5f5f5;
	color: #000000;
}


.hidden, #configure_form input.hidden { visibility: hidden; display: none; }

#profile_summary { height: 150px; width: 250px; }

.browse{
	background:transparent url(/euprofile/images/icon-browse.png) no-repeat scroll left top;
	text-decoration:none;
	color:black;
	padding-left:20px;
}

#browse {
	background: #F3F5F9;
	border: 1px solid #069;
	clear: both;
	padding: 0 10px;
	text-align: center;
}

.learnmore {
	background:transparent url(/euprofile/images/icon-wht.png) no-repeat scroll left top;
	text-decoration:none;
	color:black;
	margin-left: 30px;
	padding-left:20px;
}

.bl { display: none; }

.profilestream_ago { color: #ccc; }

#FileProgressStatus { border: 1px solid #ccc; height: 40px; margin: 10px 0; padding: 3px; overflow: none; }
#ThumbnailPreview { border: 1px solid #ccc; height: 160px; margin: 10px 0; overflow: none; width: 160px; }

#member_panel { clear: both; }
#moderator_tools { background: #eee; border: 1px solid #999; margin: 10px 0; padding: 10px; }
#moderator_tools p { margin: 0 0 15px 0; }


/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .content { clear: both; }

.iframeShim {
	position: absolute;
	border: 0;
	margin: 0;
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .trash { margin: 3px 2px 0 0; }