@import "../v2/user.aboutme.common.css";

#aboutme-head-rating{
	margin-bottom:10px;
}

#aboutme-title-1,
#aboutme-title-2,
#aboutme-title-3{
	line-height:37px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	background-repeat:no-repeat;
}

#aboutme-title-1{
	background:url(site/layout/aboutme/title_1.gif);
	border:1px solid #ec890a;
	color:#690001;
}
#aboutme-title-2{
	background:url(site/layout/aboutme/title_2.gif);
	border:1px solid #7ab1e7;
}
#aboutme-title-3{
	background:url(site/layout/aboutme/title_3.gif);
	border:1px solid #607848;
	color:white;
}

div.aboutme-row-container-1 h2.title-inner{
	background:url(site/layout/title_inner_bg_orange.gif);
	border:1px solid #eb890a;
	color:#690001;
}

div.aboutme-row-container-3 h2.title-inner{
	background:url(site/layout/title_inner_bg_green.gif);
	border:1px solid #a9c175;
	color:#455b2d;
}

div.aboutme-row-container-3 div.title-inner-box{
	background:#f3fce9;
}

/* Template 4 - turquoise */

#aboutme-container-4 {
	float:left;
	background:url(site/layout/aboutme/templates/04/background.jpg);
	padding:10px;
	border-radius:5px 5px 5px 5px; 
	color:#5a4a42;
	margin-top:20px;
}

#aboutme-container-4 #aboutme-top-image {
	background:url(site/layout/aboutme/templates/04/top.png);
	height:27px;
}

#aboutme-container-4 #aboutme-inner-container {
	float:left;
	background-color:#ecf5fa;
}

#aboutme-container-4 #aboutme-content{
	float:left;
	padding:20px 30px ;
}

#aboutme-container-4 #aboutme-left{
	width:695px;
	float:left;
	margin-top:20px;
}

#aboutme-container-4 #aboutme-right{
	float:right;
	margin-top:20px;
	margin-left:20px;
}

#aboutme-container-4 #aboutme-right img{
	max-width:160px;
	max-height:160px;
}

#aboutme-container-4 #aboutme-right p{
	font-weight:bold;
	text-align:center;
	max-width:160px;
	color:#D5256D;
}

#aboutme-container-4 #aboutme-avatar-container{
	
}

#aboutme-container-4 #aboutme-content h1, 
#aboutme-container-4 #aboutme-content h2 {
	margin-bottom:0px;
	color:#d5256d;
}

#aboutme-container-4 #aboutme-title {
	float:left;
}

#aboutme-container-4 #aboutme-title h1{
	margin-top:0px;
}

#aboutme-container-4 #aboutme-rating{
	float:left;
	margin-left:24px;
}

#aboutme-container-4 #aboutme-text{
	float:left;
}

#aboutme-container-4 #aboutme-payment-and-delivery {
	width:100%;
	float:left;
	margin-top:37px;
	padding:0px;
}

#aboutme-container-4 div.box-container-style-inner{
	background:none;
	margin-bottom:0px;
	border:0;
}

#aboutme-container-4 div.box-container-style-inner div{
	padding:0px;
}

#aboutme-container-4 div.box-container-style-inner h2{
	font-weight:bold;
}

#aboutme-container-4 div.box-container-style-inner h2.title-inner{
	background:none;
	border:0;
	padding:0px;
	margin-bottom:6px;
}

#aboutme-container-4 #aboutme-separator{
	float:left;
	background:url(site/layout/aboutme/templates/04/separator.png);
	margin:25px 0 20px 0;
	height:22px;
	width:100%;
}

#aboutme-container-4  #aboutme-user-status{
	float:right;
	margin-top:0;
}
#aboutme-container-4  div.aboutme-row{
	margin-top:10px;
	width:100%;
	float:left;
}
#aboutme-container-4  #aboutme-product-watcher{
	float:left;
}

#aboutme-container-4 #aboutme-last-edit{
	padding-top:4px;
	margin-top:0px;
	float:right;
}

#aboutme-container-4 #aboutme-bottom-image {
	background:url(site/layout/aboutme/templates/04/bottom.png);
	height:24px;
}

/* END Template 4 - turquoise */

/* Template 5 - purple */

#aboutme-container-5{
	margin-top:5px;
}

#aboutme-container-5 h1{
	margin-top:0px;
}

#aboutme-container-5 p.text-color-5, 
#aboutme-container-5 div.text-color-5{
	color: #D5256D !important;
}

#aboutme-container-5 #aboutme-background{
	float:left;
	background-color:#f4f4f3;
	border: 1px solid #c8c8c6;
	border-radius:5px 5px 5px 5px;
}

#aboutme-container-5 #aboutme-rating{
	float:left;
	position:relative;
	left:24px;
	top:20px;
	border: 1px solid #c8c8c6;
	border-radius:5px 5px 5px 5px;
	background-color: #FFFFFF;
	padding: 8px 20px 12px 20px;
}

#aboutme-container-5 #aboutme-tabs{
	float:left;
	margin-top:29px;
	border:0;
	background:none;
}

#aboutme-container-5 #aboutme-tabs ul.ui-widget-header{
	background:none;
	border:0;
}

#aboutme-container-5 div.ui-tabs ul.ui-tabs-nav {
	position:relative;
	top:5px;
	left:23px;
	padding:0px;
}

#aboutme-container-5 div.ui-tabs ul.ui-tabs-nav li{
	background-color:#ffffff;
	margin-right:8px;
}

#aboutme-container-5 div.ui-tabs ul.ui-tabs-nav li.ui-state-active{
	border:1px solid #C8C8C6;
}

#aboutme-container-5 div.ui-tabs div.ui-tabs-panel{
	padding:0px;
}

#aboutme-container-5 div.ui-tabs-panel{
	float:left;
}

#aboutme-container-5 #aboutme-tabs ul.ui-tabs-nav li.ui-state-hover{
	border:1px solid #C8C8C6;
}

#aboutme-container-5 div.aboutme-tabs-5 ul.ui-tabs-nav li.ui-state-default a{
	color: #D5256D !important;
}

#aboutme-container-5 #aboutme-tabs ul.ui-tabs-nav li.ui-tabs-selected{
	padding-bottom:6px;
	border-bottom: 6px #ffffff !important;
}

#aboutme-container-5 #aboutme-tabs ul.ui-tabs-nav li a{
	font-weight:bold;
	padding:13px 20px 9px 20px;
	font-size:14px;
}

#aboutme-container-5 #aboutme-tabs ul.ui-tabs-nav li.ui-tabs-selected a{
	text-decoration:underline;
}

#aboutme-container-5 #aboutme-title-hr-5{
	float:left;
	width:100%;
	background-color:#d5256d;
	height:6px;
}

#aboutme-container-5 #aboutme-inner-container{
	float:left;
	padding:0 30px 0 23px;
}

#aboutme-container-5 #aboutme-content{
	float:left;
	background-color:#ffffff;
	padding:20px;
	border-radius:0px 0px 5px 5px;
	border: 1px solid #c8c8c6;
	border-top:none;
}

#aboutme-container-5 #aboutme-text{
	float:left;
	width:668px;
	color: #444444;
}

#aboutme-container-5 #aboutme-payment-and-delivery div {
	padding:0;
	border:0;
	background:none;
}

#aboutme-container-5 #aboutme-payment-and-delivery h2{
	display:none;
}

#aboutme-container-5 #aboutme-avatar{
	float:right;
	margin-left:30px;
	width:160px;
}

#aboutme-container-5 #aboutme-avatar p{
	color:#d5256d;
	text-align:center;
	font-weight:bold;
	width:160px;
}

#aboutme-container-5 #aboutme-avatar img{
	max-width:160px;
	max-height:160px;
}

#aboutme-container-5 div.aboutme-avatar-container{
	margin-bottom:20px;
}

#aboutme-container-5 #aboutme-footer{
	min-height:72px;
}

#aboutme-container-5 #aboutme-footer-left{
	float:left;
	text-align:left;
	padding-top:37px;
}

#aboutme-container-5 #aboutme-footer-right{
	float:right;
	text-align:right;
	padding-top:13px;
}

#aboutme-container-5 div.aboutme-row{
}

#aboutme-container-5 #aboutme-last-edit{
	margin-top:10px;
}

/* END Template 5 */

/* Template 6 (based on template 5) - green */

#aboutme-container-5 div.aboutme-tabs-6 ul.ui-tabs-nav li.ui-state-default a{
	color: #148126 !important;
}

#aboutme-container-5 #aboutme-title-hr-6{
	float:left;
	width:100%;
	background-color:#148126 !important;
	height:6px;
}

#aboutme-container-5 p.text-color-6, 
#aboutme-container-5 div.text-color-6{
	color: #148126 !important;
}

/* END Template 6 */

/* Template 7 (based on template 5) - orange */

#aboutme-container-5 div.aboutme-tabs-7 ul.ui-tabs-nav li.ui-state-default a{
	color: #d53625 !important;
}

#aboutme-container-5 #aboutme-title-hr-7{
	float:left;
	width:100%;
	background-color:#d53625 !important;
	height:6px;
}

#aboutme-container-5 p.text-color-7, 
#aboutme-container-5 div.text-color-7{
	color: #d53625 !important;
}

/* END Template 8 */

/* Template 8 (based on template 5) - blue */

#aboutme-container-5 div.aboutme-tabs-8 ul.ui-tabs-nav li.ui-state-default a{
	color: #253ad5 !important;
}

#aboutme-container-5 #aboutme-title-hr-8{
	float:left;
	width:100%;
	background-color:#253ad5 !important;
	height:6px;
}

#aboutme-container-5 p.text-color-8, 
#aboutme-container-5 div.text-color-8{
	color: #253ad5 !important;
}

/* END Template 8 */

/* Template 9 - green bubbles */

#aboutme-container-9{
	margin-top:20px;
}

#aboutme-container-9 h1{
	margin-top:0px;
}

#aboutme-container-9 p.text-color-9, 
#aboutme-container-9 div.text-color-9,
#aboutme-container-9 a.text-color-9
{
	color: #444444 !important;
}

#aboutme-container-9 p.text-color-9-2, 
#aboutme-container-9 a.text-color-9-2,
#aboutme-container-9 h1.text-color-9-2
{
	color: #444444 !important;
}

#aboutme-container-9 #aboutme-rating{
	float:left;
	border-radius:5px 5px 0 0;
	background-color: #FFFFFF;
	padding: 8px 20px 12px 20px;
	margin-top:33px;
}

#aboutme-container-9 #aboutme-tabs{
	float:left;
	border:0;
	background:none;
}

#aboutme-container-9 #aboutme-tabs ul{
	height:35px;
}

#aboutme-container-9 #aboutme-tabs ul.ui-widget-header{
	background:none;
	border:0;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav {
	position:relative;
	top:5px;
	left:20px;
	padding:0px;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li{
	color:#005c2a;
	margin-right:8px;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li.tab-1-9,
#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li.tab-2-9 {
	background:url(site/layout/aboutme/templates/09/menubg.jpg) no-repeat;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li#tab-2{
	background-position: -167px 0;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li#tab-1{
	background-position: -20px 0;
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li.ui-state-active{
	border:0;
}

#aboutme-container-9 div.ui-tabs div.ui-tabs-panel{
	padding:0px;
}

#aboutme-container-9 div.ui-tabs-panel{
	float:left;
}

#aboutme-container-9 #aboutme-tabs ul.ui-tabs-nav li.ui-state-hover{
	border:0;
}

#aboutme-container-9 #aboutme-tabs ul.ui-tabs-nav li.ui-state-default{
	padding-bottom:6px;
	border:0;
	height:22px;
}

#aboutme-container-9 div.aboutme-tabs-9 ul.ui-tabs-nav li.ui-state-default a{
	color: #005c2a !important;
}

#aboutme-container-9 #aboutme-tabs ul.ui-tabs-nav li.ui-tabs-selected{
	padding-bottom:4px;
	height:30px;
}

#aboutme-container-9 #aboutme-tabs ul.ui-tabs-nav li a{
	font-weight:bold;
	padding:8px 20px 0 20px;
	font-size:14px;
}

#aboutme-container-9 #aboutme-background{
	float:left;
	border-radius:5px 5px 5px 5px;
	padding-left:20px;
}

#aboutme-container-9 div.aboutme-background-9{
	background:url(site/layout/aboutme/templates/09/background.jpg);
}

#aboutme-container-9 #aboutme-inner-container{
	float:left;
	padding:20px;
	background-color:#ffffff;
}

#aboutme-container-9 #aboutme-content{
	float:left;
	background-color:#ffffff;
	padding:20px 50px 20px 20px;
	border-radius:0px 0px 5px 5px;
	border: 1px solid #c8c8c6;
	border-top:none;
}

#aboutme-container-9 #aboutme-text{
	float:left;
	width:673px;
	color: #444444;
	padding-right:20px;
}

#aboutme-container-9 div.aboutme-text-left-border-9{
	border-right:2px solid #a7d3a0;
}

#aboutme-container-9 #aboutme-payment-and-delivery div {
	padding:0;
	border:0;
	background:none;
}

#aboutme-container-9 #aboutme-payment-and-delivery h2{
	display:none;
}

#aboutme-container-9 #aboutme-avatar{
	float:left;
	margin-left:20px;
	width:160px;
}

#aboutme-container-9 #aboutme-avatar p{
	color:#d5256d;
	text-align:center;
	font-weight:bold;
	width:160px;
}

#aboutme-container-9 #aboutme-avatar img{
	max-width:160px;
	max-height:160px;
}

#aboutme-container-9 div.aboutme-avatar-container{
	margin-bottom:20px;
}

#aboutme-container-9 #aboutme-footer{
	float:left;
	width:100%;
}

#aboutme-container-9 #aboutme-footer-inner{
	float:left;
	width:100%;
	margin:14px 33px 0 23px;
}

#aboutme-container-9 #aboutme-user-status{
	float:right;
	margin: 20px 40px 12px 0;
}

#aboutme-container-9 div.aboutme-row{
	width:100%
	float:left;
	margin: 0 40px 0 20px;
}

#aboutme-container-9 #aboutme-product-watcher{
	float:left;
}

#aboutme-container-9 #aboutme-last-edit{
	float:right;
	margin-top:0px;
	margin-bottom:14px;
	padding-top:4px;
}
/* END Template 9 */

/* Template 10 (based on template 9) - "fukszia" */

#aboutme-container-9 p.text-color-10, 
#aboutme-container-9 div.text-color-10,
#aboutme-container-9 a.text-color-10{
	color: #ffffff !important;
}

#aboutme-container-9 p.text-color-10-2, 
#aboutme-container-9 a.text-color-10-2,
#aboutme-container-9 h1.text-color-10-2
{
	color: #4b5182 !important;
}

#aboutme-container-9 div.aboutme-text-left-border-10{
	border-right:2px solid #434b8c;
}

#aboutme-container-9 div.aboutme-background-10{
	background:url(site/layout/aboutme/templates/10/background.jpg);
}

#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li.tab-1-10,
#aboutme-container-9 div.ui-tabs ul.ui-tabs-nav li.tab-2-10 {
	background:url(site/layout/aboutme/templates/10/menubg.jpg) no-repeat;
}

#aboutme-container-9 div.aboutme-tabs-10 ul.ui-tabs-nav li.ui-state-default a{
	color: #ffffff !important;
}

/* END Template 10 */

/* Template 11 - "purple 2" */
#aboutme-container-11 {
}

#aboutme-inner-container-11 {
	border: 1px solid #c8c8c6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:18px;
}

#aboutme-container-11 h1{
	margin:0;
}

#aboutme-container-11 #aboutme-header {
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	border-bottom:0;
	height:33px;
	padding:20px 30px;
}

#aboutme-container-11 #aboutme-header-left {
	text-align:left;
	float:left;
}

#aboutme-container-11 div.aboutme-row {
	margin-top:0px;
}

#aboutme-container-11 div.aboutme-watcher,
#aboutme-container-11 div.aboutme-date-of-create{
	margin-top:4px;
}

#aboutme-container-11 div.aboutme-date-of-create{
	padding-top:4px;
}

#aboutme-container-11 #aboutme-header-right {
	text-align:right;
	float:right;
}

#aboutme-container-11 #aboutme-content {
	background:#ffffff;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	border-top:0;
	padding:20px 30px;
}

#aboutme-container-11 #aboutme-text {
	float:left;
	width:650px;
}

#aboutme-container-11 #aboutme-text p{
	margin: 14px 0 44px 0;
}

#aboutme-container-11 #aboutme-avatar {
	float:right;
	margin-left:27px;
}

#aboutme-container-11 #aboutme-avatar img{
	max-width:160px;
	max-height:160px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#aboutme-container-11 #aboutme-avatar p {
	text-align:center;
	font-weight:bold;
	max-width:169px;
}

/*** Template 11 - unique settings ***/

#aboutme-container-11 .text-color-11
{
	color:#d5256d;
}

#aboutme-container-11 div.aboutme-avatar-11 img,
#aboutme-container-11 div.border-11{
	border:5px solid #d5256d;
}

#aboutme-container-11 div.header_background-11 {
	background:#ffecf2;
}

#aboutme-container-11 div.background-11 {
	background:#f4f4f3 url('site/layout/aboutme/templates/11/bg_header.jpg') no-repeat;
}

/*** END Template 11 - unique settings ***/

/* END Template 11 */

/* Template 12 (based on template 11) - "orange 2" */

#aboutme-container-11 .text-color-12
{
	color:#cb5913;
}

#aboutme-container-11 div.aboutme-avatar-12 img,
#aboutme-container-11 div.border-12{
	border:5px solid #cb5913;
}

#aboutme-container-11 div.header_background-12 {
	background:#fdf4ef;
}

#aboutme-container-11 div.background-12 {
	background:#f4f4f3 url('site/layout/aboutme/templates/12/bg_header.jpg') no-repeat;
}

/* END Template 13 */

/* Template 13 (based on template 11) - "blue 2" */

#aboutme-container-11 .text-color-13
{
	color:#526bff;
}

#aboutme-container-11 div.aboutme-avatar-13 img,
#aboutme-container-11 div.border-13{
	border:5px solid #526bff;
}

#aboutme-container-11 div.header_background-13 {
	background:#f0f2ff;
}

#aboutme-container-11 div.background-13 {
	background:#f4f4f3 url('site/layout/aboutme/templates/13/bg_header.jpg') no-repeat;
}

/* END Template 13 */