/*
-----------------------------------------------
Public Profile Styles
Author:  OpenCreate
Version: 09/07/09
----------------------------------------------- */



/* Header
----------------------------------------------- */

#menu ul { width: 780px; float: left; }

#header #empty { background: #244d6c; padding: 7px; color: #9cd8ff; text-align: center; font-size: 16px; margin: 20px auto; width: 910px;}



/* Intro
----------------------------------------------- */

#leftUser_bg {  background:#fafafa; padding:30px 10px 20px 30px; overflow:hidden; display:block; }

	#profPublicIntro .userDetails { width:660px; overflow:hidden;}
		#profPublicIntro .userDetails div.avaBox{ width:132px; float:left; margin:7px 15px 0 0; }
		#profPublicIntro .userDetails div.avaBox .avaLink{ display:block; background:url(../images/avatar_130.png) no-repeat center; width:132px;}
		#profPublicIntro .userDetails div.avaBox span{ width:130px; height:130px; display:block; border:1px solid #ccc; }
		#profPublicIntro .userDetails strong.usertype{ background:#203f55; font-weight:normal; font-size:10px; color:#dae4eb; padding:3px 0; margin:9px 0 0 0; text-align:center; display:block; text-transform:capitalize;}
	
		#profPublicIntro .userDetails h2 { display:block; float:left; width:505px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#203f55; font-size:26px; font-weight:bold; height:35px; text-transform:uppercase; margin:0 0 5px 0; }
		#profPublicIntro .userDetails p { display:block; float:left; color:#153043; font-size:13px; font-weight:normal; }
		#profPublicIntro .userDetails p.mylink { float:left; width:425px; margin: 5px 0 -10px 0;  padding: 4px 0 0 28px; color:#153043; height:23px; font-size: 12px; font-weight: bold; background: url(../images/bg-mylink.png) no-repeat; }


		#profPublicIntro ul.parameters { display:block; float:left; margin: 15px 0 0 0; font-weight: bold; color: #888; font-size: 12px; width:505px; line-height:22px;}
			#profPublicIntro ul.parameters span { color: #62b1e8; font-size: 11px; }
			#profPublicIntro ul.orders {float: right; margin: -40px 0 0 0;}
			#profPublicIntro ul.orders li { float: left; margin: 0 0 0 15px; }

	.socialIcons { float:left; margin:8px 4px 0 0; }
		.socialIcons li { float:left; margin-right: 7px;}
		.socialIcons li img { display: block;}

#profPublicIntro div.userOptions { float: right; width: 216px; padding: 0 20px 0 0; }

p.sign_bar { height: 27px; line-height: 27px; background: #97b868 url(../images/sign_bg_right.gif) no-repeat right top; color: #fff; float: right; overflow: hidden; }
	p.sign_bar span { float: left; color: #fff; line-height: 27px;}
	p.sign_bar a { line-height: 27px; color: #fff; float: left; text-decoration: none; padding: 0 18px 0 10px;}
	p.sign_bar a:hover { color: #ecffb4; text-decoration: underline; }
	p.sign_bar a.sign { background: url(../images/sign_bg_left.gif) no-repeat left top; padding: 0 10px 0 18px; }

ul#menu_prof {clear: both; display:block; overflow:hidden; margin-bottom:20px;}
	ul#menu_prof li { display:block; float:left; margin: 0 10px 6px 0; border:1px solid #B4C7D5; border-top:0px;}
	ul#menu_prof li a { display: block; color: #51738b; font-size: 14px; font-weight: normal; line-height: 27px; text-decoration: none;  padding:5px 10px 5px 45px; }

	ul#menu_prof li a.message{ background:url(../images/icon-30-message.png) no-repeat 6px center; }
	ul#menu_prof li a.request{ background:url(../images/icon-30-request.png) no-repeat 6px center; }


ul#userTabs { float:right; width:246px; overflow: hidden;  font-size:15px; font-weight:bold;}
	ul#userTabs li { display:block; margin:0 7px 8px 0; padding:0 10px; background:#f3f3f3; border:1px solid #f3f3f3; }
	ul#userTabs li a { display:block; line-height:38px; color:#203f55; text-decoration:none; padding-left:38px; }
	ul#userTabs li:hover{ background:#fafafa; border:1px dotted #e5e5e5; }

	ul#userTabs li a.profile{ background:url(../images/icon-30-profile.png) no-repeat left center;}	
	ul#userTabs li a.portfolio{ background:url(../images/icon-30-portfolio.png) no-repeat left center;}	
	ul#userTabs li a.blog{ background:url(../images/icon-30-blog.png) no-repeat left center;}	
	ul#userTabs li a.feedback{ background:url(../images/icon-30-feedback.png) no-repeat left center;}	


/* About
----------------------------------------------- */

	.aboutTitle{ clear:both; display:block; font-size:18px; color:#91b4ce; margin:15px 0 0 0; letter-spacing:-0.2px;}
	.aboutTitle span{ color:#3f6987; }
	.aboutUser{ margin: 5px 0 20px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;}



/* Content
----------------------------------------------- */

.profBox { clear:both; height: 100%; overflow: hidden; margin: 30px 0; }

	.profBox.greenHead { background: transparent url(../images/green_example.gif) no-repeat left top;}
	.profBox.greenHead div.example_head { background: #8fbc3a; }
	.profBox.blueHead { background: url(../images/blue_example.gif) no-repeat left top;}
	.profBox.blueHead div.example_head { background: #62b1e5; }
	.profBox.blueHead2 { background: transparent url(../images/example_login.gif) no-repeat left top;}
	.profBox.blueHead2 div.example_head { background: #51738b; }
	


	.profBox h3 { display:block; padding:3px 7px 12px 10px; line-height:22px; font-size:14px; overflow:hidden; color:#fff; }
		.profBox h3 a{ float:right; text-decoration:none; font-size:11px;}		
		
		.profBox h3.style1 { background:#203F55 url(../images/sideBox-head-bg1a.png) no-repeat bottom left; }
		
		.profBox h3.style2 { background:#fe7c00 url(../images/sideBox-head-bg1a.png) no-repeat bottom left; }
		
		.profBox h3.style3 { background:#8fbc3a url(../images/sideBox-head-bg1a.png) no-repeat bottom left; }
		.profBox h3.style3 a{ color:#fff;}	



	.profBox .emptyContent{ margin:-30px 30px 20px 30px; overflow:hidden; background:#f9f9f9; padding:10px 20px 25px 60px; border:1px solid #e3e3e3; border-top:0px; color:#888; }
		.profBox .emptyContent .boxTitle{ color:#999; border-bottom:1px solid #e3e3e3; background:#f9f9f9; padding:5px 0; font-size:13px; font-weight:bold;}	
		.profBox .emptyContent li{ margin:5px 0; padding:5px 0; border-bottom:1px solid #f1f1f1;}
		.profBox .emptyContent li a{ text-decoration:none; color:#999;}
		.profBox .emptyContent li .date{ float:right; display:block; background: url(../images/ico_timer.gif) no-repeat left 55%; padding-left:18px; }
		.profBox .emptyContent li .comments{ float:right; display:block; margin:0 10px 0 0; background: url(../images/ico_com.gif) no-repeat left 55%; padding-left:18px;}

	
	.profBox .blogItem { padding: 10px 0 10px 0; clear: both; display:block; overflow:hidden;}
		.profBox .blogItem span.image { display: block; float:left; margin-right:16px; border:1px solid #f1f1f1; padding:6px; width:70px; height:70px;}
		.profBox .blogItem h2 { font-size:14px; font-weight: bold; color: #62b1e5; line-height:14px; margin-bottom:6px; margin-top:3px; }
		.profBox .blogItem h2 a {text-decoration: none; color: #62b1e5;}
		.profBox .blogItem h2 span{ display:block; float:right; font-size:11px; color:#888; background: url(../images/ico_com.gif) no-repeat left 55%; padding: 0 0 0 18px; margin:0px; }
		.profBox .blogItem p { margin-top: 3px; line-height: 1.3;  }
		.profBox .blogItem span.write { color:#888; display:block; margin:4px 0; font-size:11px;}



.myFriends { background:#f9f9f9; margin-bottom:20px; border-bottom:1px solid #f1f1f1;}
.myFriends h3 { display:block; padding:3px 7px 12px 10px; line-height:22px; font-size:14px; overflow:hidden; color:#fff;  background:#203F55 url(../images/sideBox-head-bg1.png) no-repeat bottom left; }
		
.myFriends p.friends { text-align: right; padding: 0 14px 10px 0; }
.myFriends p.friends strong { font-weight: normal; color: #ff9000;}
.myFriends ul { margin: 0 0 14px 0; height: 100%; overflow: hidden; }
.myFriends li { float: left; margin: 14px 0 0 13px; display: inline; }
.myFriends li a img{ border:1px solid #888; width:50px; height:50px; display:block;}
		


div.profBox .dualLeft { float: left; width: 322px;  }
div.profBox .dualRight { float: right; width: 322px;  }
div.profBox .dualBox {padding: 20px 0 0 0; clear: both;}


div.profBox .dualBox li { line-height: 30px; border-bottom: 1px solid #f3f8fc; margin: 0; overflow: hidden; width: 322px; float: left;  }
div.profBox .dualBox .left { float: left; width: 210px; overflow: hidden; text-indent: 10px; }
div.profBox .dualBox .right { float: right; width: 110px; text-align: right; }
div.profBox .dualBox .right .thePrice { float: right; width:43px; text-align: center;  }
div.profBox .dualBox .right .tone { float: left; width: 65px;  text-align: center; overflow: hidden; }


.slider#profPubSlider ul ul li {line-height: 30px; height:30px; border-bottom: 1px solid #f3f8fc; overflow: hidden; width: 322px; float: left; }
.slider#profPubSlider ul ul li:hover { background: #f3f8fc;}
.slider#profPubSlider ul ul li .left { float: left; width: 210px; overflow: hidden; text-indent: 5px; }
.slider#profPubSlider ul ul li .right { float: right; width: 110px; text-align: right; }
.slider#profPubSlider ul ul li .right .thePrice { background: #f3f8fc; float: right; width:60px; text-align: center;  }
.slider#profPubSlider ul ul li .right .tone { float: left; width: 50px; text-align: center; overflow: hidden; }



.blueHead .dualBox {padding: 0; }
	.blueHead .dualBox li { background: url(../images/item_orange.gif) no-repeat left 12px;}
	.blueHead .dualBox li:hover { background-color: transparent;}
	.blueHead .dualBox .left { width: 213px; text-indent: 10px; }
	.blueHead .dualBox .right {width: 105px;}
	.blueHead .dualBox .thePrice { width: 36px; background: none; }
	.blueHead .dualBox .right a { font-size: 10px; color: #a4a4a4; text-decoration: none; }
	.blueHead .dualBox .right a:hover {color: #dadada; }
	.blueHead .dualBox .thePrice a { background: url(../images/ico_com.gif) no-repeat left 55%; padding: 12px 0 12px 18px; }
	.blueHead .dualBox .tone { width: 65px; text-align: right; }
	.blueHead .dualBox .tone a { background: url(../images/ico_timer.gif) no-repeat left 50%; padding: 12px 0 12px 15px; }


#advertise { border: 1px solid #dae4eb; padding: 10px; background-image: none; margin: 0; }
	#advertise h3 { font-weight: bold; font-size: 14px; color: #e8b044; margin: 0;}
	#advertise p {margin: 0;}
	#advertise .left { float: left; width: 172px; }
	#advertise a { display: block; text-decoration: none;}
	#advertise a:hover { text-decoration: underline;}
	#advertise img { float: right;}
	


.blueHead2 {overflow: hidden;}
	.blueHead2 div.category { float: left; display: inline; margin: 0 0 10px 20px; }
	.blueHead2 div.category h3 { font-size: 14px; margin: 6px 0 10px 0; font-weight: normal; }
	.blueHead2 div.category img { padding: 5px; border: 1px solid #dae4eb; }
	.blueHead2 div.category p { margin: 0;}
	




/* Sidebar

----------------------------------------------- */

#sidebarBlog div.textBox { margin: 10px 20px 20px 20px; background-image: none; }
	#sidebarBlog div.textBox h4 { font-size: 12px; font-weight: normal; margin: 0; border-bottom: 1px solid #91b4ce; line-height: 19px; }
	#sidebarBlog div.textBox p { color: #91b4ce; margin: 5px 0 10px 0;}
	

#sidebarBlog div.textBox ul.level { color: #e8b044; font-size: 12px; }
	#sidebarBlog div.textBox ul.level li {clear: both; height: 32px; line-height: 13px; margin: 0 0 3px 0; float: left; width: 100%;}
	#sidebarBlog div.textBox ul.level img { float: left; width: 28px; height: 28px; margin: 0 7px 0 0;}
	#sidebarBlog div.textBox ul.level span { color: #ebf4fa; font-size: 10px; display: block; }


#sidebarBlog div.textBox .ad { background: #5b809a; padding: 5px; margin: 7px 0; }
	#sidebarBlog div.textBox .ad h5 { color: #9cd8ff; font-size: 12px; display: inline; font-weight: normal; margin: 0 1px 0 0; }
	#sidebarBlog div.textBox .ad p {display: inline; font-size: 12px; color: #dae4eb; }
	#sidebarBlog div.textBox .ad a { display: block; text-decoration: none;}
	#sidebarBlog div.textBox .ad a:hover { display: block; text-decoration: underline;}


#sidebarBlog div.textBox ul.folio { background:#f9f9f9; width: 100%; overflow:hidden;}
	#sidebarBlog div.textBox ul.folio li { border-bottom:2px solid #fff; font-size:11px; line-height: 34px; float: left; width: 206px; clear: both; overflow: hidden; height: 100%; padding: 0 5px;}
	#sidebarBlog div.textBox ul.folio li:hover { background:#f1f1f1;}
	#sidebarBlog div.textBox ul.folio li span.left {float: left; width: 160px; }
	#sidebarBlog div.textBox ul.folio li span.right { font-size:10px; float: right; width: 40px; text-align: right; }
	


#sidebarBlog div.textBox ul.blogCatMenu { width: 100%; margin:10px 0 15px 0; color: #dae4eb; overflow:hidden;}	
	#sidebarBlog div.textBox ul.blogCatMenu li { font-size:12px; text-transform:capitalize; line-height:22px; float: left; width: 206px; clear: both; overflow: hidden; height: 100%; background: url(../images/icon-tinyFolder.png) no-repeat 0px 2px; margin: 0 0 5px 0; padding: 0px 0px 0px 23px; color:#fff;}
	#sidebarBlog div.textBox ul.blogCatMenu li a{ text-decoration:none; color:#818181;}
	#sidebarBlog div.textBox ul.blogCatMenu li:hover{ text-decoration:underline; color:#555;}
	


#sidebarBlog div.textBox .blogTags {background:#f9f9f9; padding: 5px 2px 5px 10px;}
#sidebarBlog div.textBox .blogTags li { display: inline; margin-right: 5px;}
#sidebarBlog div.textBox .blogTags li a { color: #ccc; white-space: nowrap; text-decoration: none;}
#sidebarBlog div.textBox .blogTags li a:hover {color: #999; }
	
	a.size10 {font-size: 9px;}
	a.size11 {font-size: 10px;}
	a.size12 {font-size: 11px;}
	a.size13 {font-size: 12px;}
	a.size14 {font-size: 13px;}
	a.size15 {font-size: 14px;}
	a.size16 {font-size: 15px;}
	a.size17 {font-size: 15px;}
	a.size18 {font-size: 16px;}
	a.size19 {font-size: 16px;}
	a.size20 {font-size: 17px;}
	a.size21 {font-size: 17px;}
	a.size22 {font-size: 18px;}
	a.size23 {font-size: 18px;}
	a.size24 {font-size: 19px;}
	a.size25 {font-size: 19px;}
	a.size26 {font-size: 20px;}



/*---- SEND MESSAGES -----*/


#sendMessage{ width:500px; padding:8px; background:url(../images/trans-black-20.png) repeat; z-index:2; }
	#sendMessage div{ display:block; background:#f9f9f9; border:1px solid #999; text-align:left;}
	#sendMessage div #er{ background:none; border:0px;}
	
	#sendMessage h3{ display:block; font-size:18px; margin:0 0 15px 0; background:#e1e1e1 url(../images/icon-40-mail.png) 12px 8px no-repeat; color:#333; padding:20px 15px 15px 60px;}
	#sendMessage form{ padding:0 25px 25px 25px;}
	
	#sendMessage li{ margin:0 0 10px 0; overflow:hidden;}
	
	#sendMessage label{ display:block; width:150px;}
		#sendMessage .textBox{ width:430px; padding:4px; background:#fff;  border:1px solid #ccc; margin:0px; }
		#sendMessage .textField{ width:430px; padding:4px; background:#fff; border:1px solid #ccc; overflow:auto; height:80px; }
		
	#sendMessage li .aButton-1,
	#sendMessage li .aButton-x{ float:left; padding:4px; margin:0 15px 0 0;}
	


/* Sidebar

----------------------------------------------- */

#sidebarBlog #folioSearch { margin:20px 20px 30px 20px; overflow:hidden; display:block;}
	#sidebarBlog #folioSearch label { color: #ff6600; display:block; margin-bottom:8px;}
	#sidebarBlog #folioSearch .textField{ width:160px; float:left; padding:2px 3px; margin:0 6px 0 0;}
	#sidebarBlog #folioSearch .aButton { padding:3px;}


#sidebarBlog dl.folioContents {margin: 0 0 20px 0;}
	#sidebarBlog dl.folioContents dt {color: #adc059; margin: 0 0 5px 0;}
	#sidebarBlog dl.folioContents dd {color: #dae4eb; margin: 0 0 4px 20px;}
	#sidebarBlog dl.folioContents dd a, #sidebar dl.folioContents dd a.active:hover {color: #dae4eb; text-decoration:none;}
	#sidebarBlog dl.folioContents dd a:hover {text-decoration:underline;}
	#sidebarBlog dl.folioContents dd a.active { padding:0 5px 0 5px; border:1px dotted #fff;}



/* Tooltip
----------------------------------------------- */
.tooltip{ position:absolute;}
	.tooltip span{ display:block; padding:0px 7px; background:#3b3b3b; font-size:11px; color:#c4c4c4;}
	.tooltip div{ display:block; overflow:hidden; background:url(../images/bg-tooltip-basearrow.png) no-repeat bottom right; padding-bottom:15px;}