/* yui-gx grid 80/20 */
.yui-gb .yui-gx {float:left;}

.yui-g .yui-gx, 
.yui-gx .yui-u, 
.yui-gx .yui-g	{float:right;}

.yui-gx div.first, 
.yui-g .yui-gx div.first {float:left;}

.yui-g .yui-gx {width:49.1%;}


.yui-gb .yui-gx {width:32%;margin-left:1.99%;}

.yui-gx div.first {width:84.2%;}

.yui-gx .yui-u {width:14%;}

.yui-gx .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}

.yui-gb .yui-gx .yui-u {margin:0;}

.yui-gx .yui-g {width:14%;}

.yui-gb .yui-gx div.yui-u {float:right;}

.yui-gb .yui-gx div.first {float:left;}

.yui-gb .yui-gx .yui-u {*width:14%;_width:10%;}

.yui-gb .yui-gx div.first {*width:83.5%;_width:15.5%;}

.yui-gx div.first .yui-gd .yui-u {*width:60%;width:68%;}
.yui-gx div.first .yui-gd div.first {*width:22%;width:30%;}

.yui-gx:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.yui-gx {zoom:1;}


html{
	color: rgb(211, 220, 221);
	background: #121212 none repeat scroll 0 0;
	height:100%;
}

body{
	background: white none repeat scroll 0 0;
	height:100%;
}

div.main-container{
}

.header{
	background: #BBE579 url('images/header.png');
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 1.2em!important;/*IE em = px / 13.3333 else em = px / 13*/
	font-size: 1.18em;
	min-height: 84px;
	height: auto!important;
	height: 84px;
}

.sub-header{
	background-color: white;
	height: 94px;
	overflow: hidden;
	text-align: center;
}
#custom-doc {
	margin: auto;
	text-align: left;
	width: 964px!important;/* 906+29*2px; */
	width: 964px;/* IE */
	min-width: 964px;/* optional but recommended */
	font-size: 0.80em;
}

.doc-border-left {
	xbackground: url('images/shadingleft.png') repeat-y;
	padding-left: 29px;
}

.doc-border-right {
	xbackground: url('images/shadingright.png') repeat-y;
	background-position: 906px!important;/* 906px; */
	background-position: 906px;/* IE */
	padding-right: 29px;
}

.search-bar {
	font-size: 0.7em!important;
	font-size: 0.7em;
	font-weight: normal;
}

.body{
	min-height: 46.15em; /* 600px; */
	height: auto!important;
	height: 45.00em;
	margin-top: 10px;
	padding: 0 0.2em;
}
.footer{
	color: #586370;
	margin-top: 1em;
}

.footer a {
	color: #586370;
	font-weight: normal;
}

.footer ul {
	float: left;
}

.footer ul.first {
}


.footer .search-bar {
	font-size: 1em!important;
	font-size: 1em;
}

.menu-bar{
}
.submenu-bar{
	background-color: #FFCFEC;
	color: black;
	font-family: Arial;
	font-weight: bold;
	font-size: 1em;
	height: 1.54em!important;
	height: 1.50em;
	padding-top: 0.62em!important;
	padding-top: 0.60em;
}
.menu-item li {
	float: left;
}

.menu-bar .menu-item li, .submenu-bar .menu-item li {
}
.menu-item input, .menu-item select{
	background-color: white;
	margin-left: 0.62em!important; /* 8px */
	margin-left: 0.60em;
}
.menu-bar .menu-item li a:link, .menu-bar .menu-item li a:visited {
	color: white;
}
.submenu-bar .menu-item li a:link, .submenu-bar .menu-item li a:visited {
	color: black;
}

a {
	color: #808080;
	font-weight: bold;
	outline: none;
}

a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul.login-menu {
	padding: 0.5em 0em;
}

.login-menu a {
	color: white;
	font-family: Arial;
	font-size: 14px!important;
	font-size: 14px;
	padding: 0em 1em 0 0em;
}

.next-menu-item {
	border-left: 1px solid white;
	padding: 0em 1em 0 1em;
}

.heading-header{
	background: #E0F8FC url('images/bgcategoryshadow.png') no-repeat;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 1.2em;
	height: 26px;
	margin: 10px 0;
}

.heading-header p {
	padding-top: 2px;
	padding-left: 0.32em;
	font-size: 1.5em;
}

.heading {
	min-height: 23.69em;/* 308px; */
	height: auto!important;
	height: 23.10em;
}

.heading-content {
}

.heading-content a, .heading-content input, .heading-content select, .heading-content textarea {
	color: #ED5BA9;
}

.heading-content input.submit {
	background-color: #ED5BA9;
	color: white;
}


div.model-image {
	margin: auto;
	text-align: center;
	border: 1px solid #dddddd;
	padding: 1px;
	overflow: hidden;
}

img.model-image {
}


div.model-image-small {
	width: 117px;
	height: 175px;
	border: 1px solid #dddddd;
	padding: 1px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 1px;
}

a:hover img.model-image-small {
	border: 1px solid #EA56A6;
}


img.model-image-thumb {
	width: 104px;
	height: 156px;
	border: 1px solid #dddddd;
	padding: 1px;
}

.list-content {
	min-height: 30em;
	height: auto!important;
	height: 30em; 
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.tags-box {
	background: #EE71B5 url('images/bgpink.png');
	min-height: 15em;
	height: auto!important;
	height: 15em;
	width: 6em;
	padding: 1em;
	border: 2px solid red;
}

.tags-box-wide {
	width: 22em;
	min-height: 12em;
	height: auto!important;
	height: 12em;
}

.tags-box, .tags-box a {
	color: white;
	font-weight: bold;
}

.search-input {
	background: white url('images/loop.png') no-repeat;
	padding-left: 20px;
}

.model-header {
	background: transparent url('images/bgblue.png') repeat-x;
	height: 47px;
}

.line {
	border-top: 3px solid #DFF6FC;
	margin: 8px 0;
}

.model-desc {
	min-width: 250px;/*18em;*/
	width: auto!important;
	width: 250px;
}

#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.landscapes a {
	background: url(images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/urban.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/abstract.jpg) repeat scroll 0%;
	width: 310px;
}

.show {
	display:  block;
}

.hide {
	display:  none;
}

form label {
	float: left;
	padding: 0.2em 0.5em 0pt 0pt;
	text-align: right;
	width: 120px;
}

.header-small {
	min-height: 1.3em; 
	height: auto!important;
	height: 1.3em;
	padding-top: 0.3em;
	padding-left: 0.3em;
	margin-bottom: 1em;
	text-align: left;
	font-size: 1.5em;
	color: white;
}

.box-header-small {
	margin-bottom: 0;
}

.radio, .checkbox {
	float: left;		
}

label.radio {
	width: auto;
	padding-left: 0.5em;
	text-align: left;
}

label.checkbox {
	width: 60%;
	padding-left: 0.5em;
	text-align: left;
}

input, textarea, select {
	background-color: white;
	border: 1px solid;
}

input, textarea{
	padding-left: 0.1em;
	padding-right: 0.1em;
}

input.radio, input.checkbox {
	border: none;
	background-color: transparent;
	margin-top: 0.25em;
}

.button {
	background-color: transparent;
	border: 0pt none;
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 100%;
	font-weight: bold;
	margin: -0.5em 0pt;
	padding: 0.2em 1em;
	position: relative;
	text-align: center;
	width: auto;
	z-index: 100;
	float: left;
}

.captcha {
	background-color: white;
}
.box1 {
	background-color: #F8FFEF;
	border: 1px solid #B8E578;
	padding-bottom: 0.5em;
}

.box1 .captcha {
	border: 1px solid #B8E578;
}

.box1 .header-small {
	background: #B8E578 url('images/bggreen.png');
}

.box1 .button {
	background-color: #C3E98D;
	color: white;
	border: 1px solid #B8E578;
}

.box1 a {
	color: #9DBF6B;
}

.box1 input, .box1 textarea, .box1 select {
	border-color: #B8E578;
}

.box2 {
	background-color: #FFEFF8;
	border: 1px solid #ED70B3;
	padding-bottom: 0.5em;
}

.box2 .captcha {
	border: 1px solid #ED70B3;
}

.box2 .header-small {
	background: #EC55A7 url('images/footer.png');
}

.box2 .button {
	background-color: #ED70B3;
	color: white;
	border: 1px solid #EA56A5;
}

.box2 a {
	color: #CF4D95;
}

.box2 input, .box2 textarea, .box2 select {
	border-color: #ED70B3;
}

.box3 {
	background-color: #DFFAFF;
	border: 1px solid #5FD4EB;
	padding-bottom: 0.5em;
}

.box3 .captcha {
	border: 1px solid #5FD4EB;
}

.box3 .header-small {
	background: #5FD4EB url('images/bgblue.png');
}

.box3 .button {
	background-color: #76DAED;
	color: white;
	border: 1px solid #5FD4EB;
}

.box3 a {
	color: #4DBCCF;
}

.box1 .header-small a, .box2 .header-small a, .box3 .header-small a {
	color: #FFFFFF;
}

.box3 input, .box3 textarea, .box3 select {
	border-color: #5FD4EB;
}

.box-content {
	padding: 6px;
}

.page-title {
	font-size: 1.5em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.3em;
	margin-bottom: 1.5em;
	font-weight: bold;
}

.center {
	margin: auto;
}

.center-text {
	margin: auto;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

ul.list li {
	margin-left: 3em;
	padding-bottom: 0.2em;
	list-style: disc;
}

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

.checkbox {
	padding-right: 1em;
	float: left;
}

input#username, input#password, input#verify_password, input#email, input#loginUsername, input#loginPassword, input#city, input#code {
	width: 15em;
}

label.error {
	color: red;
	font-weight: bold;
}

.error-label {
	font-style: italic;
	color: red;
	font-size: 11px;
	padding-left: 60px;
	clear: both;
}

.frame-error {
	background-color: pink;
	border-top: 3px solid red;
	border-bottom: 3px solid red;
	padding: 1em 1em;
	margin: 2em;
}

.frame-error h2 {
	font-weight: bold;
	margin-bottom: 1em;
}

.frame-message {
	background-color: #EFFDFF;
	border-top: 3px solid #B9E579;
	border-bottom: 3px solid #B9E579;
	padding: 1em 1em;
	margin: 2em;
}

.frame-message h2 {
	font-weight: bold;
	margin-bottom: 1em;
}

div.advertising {
	margin: 0.2em 0.25em ;	
}

.advertising-title {
	color: #aaaaaa;
	text-align: center;
}

.logo-container {
	position: relative;
}

.logo {
	left: 6px;
	position: absolute;
	top: -30px;
	background: transparent url(images/logo.png) no-repeat;
	width: 78px;
	height: 78px;
}

.logo-small {
	left: 6px;
	position: absolute;
	top: -16px;
	background: transparent url(images/logo_small.png) no-repeat;
	width: 59px;
	height: 59px;
}

img.logo-full {
	padding-top: 3px;
}

div.paginator {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 0.5em 0;
	padding: 0.2em 0;
	min-height: 2em;
	height: auto!important;
	height: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #5FD4EB;
}

div.paginator-content {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.paginator a {
	color: #5FD4EB;
}

.paginator li {
	float: left;
	padding: 0.5em;
}

a.selected {
	text-decoration: underline;	
}

.rating{
	width:80px;
	height:16px;
	padding:0;
	clearx: both;
	list-style:none;
	position:relative;
	background: url(images/star_matrix.png) no-repeat 0 0;
}

.rating a {
	cursor: default;
}

.rating-enabled a {
	cursor: pointer;
}

.rating-small{
	width:60px;
	height:12px;
	position:static;
	background: url(images/star_small_matrix.png) no-repeat 0 0;
}

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

.nostar-small {background-position:0 0}
.onestar-small {background-position:0 -12px}
.twostar-small {background-position:0 -24px}
.threestar-small {background-position:0 -36px}
.fourstar-small {background-position:0 -48px}
.fivestar-small {background-position:0 -60px}


ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
	display: inline;
}

ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 10;
}

ul.rating-small li {
	position:absolute;
	left:0;
	top:0;
	width:12px;
	height:12px;
	text-decoration:none;
	z-index: 10;
}

ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating-small li.one {left:0}
ul.rating-small li.two a {left:12px;}
ul.rating-small li.three a {left:24px;}
ul.rating-small li.four a {left:36px;}
ul.rating-small li.five a {left:48px;}


ul.rating-enabled li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star_matrix.png) no-repeat 0 0
}

ul.rating-enabled li.one a:hover {background-position:0 -96px;}
ul.rating-enabled li.two a:hover {background-position:0 -112px;}
ul.rating-enabled li.three a:hover {background-position:0 -128px}
ul.rating-enabled li.four a:hover {background-position:0 -144px}
ul.rating-enabled li.five a:hover {background-position:0 -160px}

.small-text {
	color: #999999;
}

input.url {
	width: 290px;
	background-color: #EFEFEF;
	border-color: #5FD4EB;
}

.box3 input.url {
	background-color: #D1EBEF;
}

.comments-list {
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	padding: 0 0.5em 2.0em 0.5em;
}

.comment-box .button {
	float: none;
	margin: 2px 0;
}

.comment {
	padding: 7px 0;
	border-top: 1px solid #EEEEEE;
	color: black;
}

.comment-header a {
	color: #5FD4EB;
}

.comment-body {
	margin-top: 0.5em;
	overflow: hidden;
}

.user-name {
	overflow: hidden;
	xwidth: 95px;
}

div.container-friends .user-name {
	width: 65px;
}

	/*width: 90px;*/
.user-city-country, .user-creation-date {
	overflow: hidden;
}

.user-views {
	overflow: hidden;
	xwidth: 75px;
}

.detail {
	cursor: pointer;
}

.detail .focused {
	border: 1px solid #000000;
}

.detail .active {
	border: 1px solid #FEFF8F;
}

.detail .detail-body {
	border: 1px solid #000000;
	background-color: #DFFAFF;
	xx:#FEFF8F;
}

.avatar {
	width: 40px;
	height: 40px;
	text-align: center;
	overflow: hidden;
}

.avatar-big {
	width: 90px;
	height: 90px;
	text-align: center;
	overflow: hidden;
}

.avatar1 {
	border: 1px solid #5FD4EB;
}

.avatar2 {
	border: 1px solid #EDC4D6;
}

div.text {
	width: 80%;
	margin: 0 auto;
}

div.text h1 {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 1em;
}

div.text h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

div.text p{
	text-align: justify;
	font-size: 14px;	
}

.button1 {
	background: transparent url('images/button1.png') repeat-x;
	display: block;
	float: left;
	height: 26px;
	padding: 4px 0;
}

.button1-left {
	background: transparent url('images/button1_left.png') no-repeat;
	width: 8px;
}

.button1-right {
	background: transparent url('images/button1_right.png') no-repeat;
	width: 8px;
}

.button2 {
	background: transparent url('images/button2.png') repeat-x;
	display: block;
	float: left;
	height: 26px;
	padding: 4px 0;
}

.button2-left {
	background: transparent url('images/button2_left.png') no-repeat;
	width: 8px;
}

.button2-right {
	background: transparent url('images/button2_right.png') no-repeat;
	width: 8px;
}

.button3 {
	background: transparent url('images/button3.png') repeat-x;
	display: block;
	float: left;
	height: 26px;
	padding: 4px 0;
}

.button3-left {
	background: transparent url('images/button3_left.png') no-repeat;
	width: 8px;
}

.button3-right {
	background: transparent url('images/button3_right.png') no-repeat;
	width: 8px;
}

.button1-container, .button2-container, .button3-container {
	width: 145px;
}

.button1-container a, .button2-container a, .button3-container a {
	color: white;
}

img.add-detail {
	width: 24px;
	height: 24px;
}

form.contact input#email, form.contact input#name, form.contact input#firstname, input#zip, input#city, input#country, input#phone,form.contact select {
	width: 250px;
	margin-bottom: 1px;
	background-color:white;
	background-image:url();
}

form.contact select {
	width: 256px;
}

form.contact textarea {
	height: 100px;
	width: 460px;
	margin-bottom: 1px;
	background-color:white;
	background-image:url();
} 

.profile-share-box {
	border: 1px solid #5FD4EB; 
	background-color: #F7F7F7;
	padding: 2px;
}

img.icon {
	margin: 3px;
	vertical-align:middle;
}

div.profile .box3 {
	background-color: white;
}

ul.tabs li {
	margin-right:1px;
	line-height: 25px;
	text-align:center;
	width:105px;	
}

ul.tabs li a {
	display: block;
}

ul.tabs li a {
	background-image: url('images/tab.png');
}

ul.tabs li.active a, ul.tabs li a:hover {
	background-image: url('images/tab_active.png');
}

ul.tabs li a {
	color: #FFFFFF;
}

div.form-row {
	margin-top: 5px;
}

div.form-row input, div.form-row textarea{
	width: 330px;
}

div.form-row textarea{
	min-height: 100px;
	height: auto!important;
	height: 100px;
}

div.form-row input.radio{
	width: auto;
}


div.form-row input#username, 
div.form-row input#password, div.form-row input#new_password, div.form-row input#verify_password, 
div.form-row input#email, div.form-row input#city, div.form-row input#code {
	width: 330px;
}

div.form-row input#gender {
	width: 20px;
}

div.form {
	margin: 0 50px;
}

div.form-heading {
	margin: 20px 0px;
	border-bottom: 1px solid #5FD4EB;
	font-weight: bold;
	font-size: 13px;
}

.form-heading a {
	color: #808080;
}

.relative {
	position: relative;
}

div.upload-trend .box3 {
padding: 0.5em;
margin-bottom: 1em;
}

div.upload-trend form label {
width: 20%;
}

div.upload-trend input {
	width: 300px;
}

div.upload-trend select {
	width: 160px;
}

div.upload-trend input, div.upload-trend select, div.upload-trend textarea {
	margin-bottom: 0.25em;
} 

.upload-trend-section {
padding-bottom: 1px;
border-bottom: 2px solid #5FD4EB;
margin-bottom: 0.5em;	
}

div.detail-infos input {
	width: 200px;
}

div input.total {
	width: 70px;
}

div.active {
	border: 1px solid white;
}

.expandable {
	cursor: pointer;
	width: 16px;
	height: 16px;
	float: left;
	border: 2px solid #1FC8FF;
}

.expanded {
	background-image: url('images/minus.png');
}

.collapsed {
	background-image: url('images/plus.png');
}

.box3 a:hover div.form-row {
	background-color: #DFFAFF;
}

.arrow-up {
	width: 117px;
	height: 16px;
	background:transparent url(images/arrow_up.png) no-repeat;
	margin-left: 6px;
	cursor:pointer;
}
a:hover .arrow-up {
	background:transparent url(images/arrow_up_highlight.png) no-repeat;
}

.arrow-down {
	width: 117px;
	height: 16px;
	background:transparent url(images/arrow_down.png) no-repeat;
	margin-left: 6px;
	cursor:pointer;
}

a:hover .arrow-down {
	background:transparent url(images/arrow_down_highlight.png) no-repeat;
}


a.preview {
	text-decoration: none;
	cursor: help;
}

.page-container {
	background-color:rgba(12, 14, 17, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0C0E11, endColorstr=#CC0C0E11)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0C0E11, endColorstr=#CC0C0E11);
	height:326px;
	padding: 0 20px;
	overflow-y: auto;
}