/*blue tears - for 8*/

div.scrollable { 
	padding:20px 0;
    position:relative; 
    overflow:hidden; 
    width:520px;
/*	background-color:#E3E2DB;*/
	height:550px;
	margin-left:45px;
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left; 
} 
 
.scrollable .panel-wrapper {
/*	margin-left:38px;*/
	height:550px;
	width:550px;
}

.coda-slider-wrapper {
	background-color:#E3E2DB;
	clear:both;
	overflow:visible;
	position:relative;
	width:592px;
}

.coda-slider {
	padding:20px 0;
	overflow: hidden;
	position: relative;
	background-color:#E3E2DB;
}

.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

.coda-slider, .coda-slider .panel {
	width: 591px;/* 595px*/
} 

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 592px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 7px }

#coda-nav-left-1, #coda-nav-right-1 { 
	position:absolute;
	left:-21px;
	height:50px;
	width:48px;
	top:60px;
	z-index:1000;
}

#coda-nav-right-1 { 
	left:auto;
	height:51px;
	width:49px;
	right:-25px;
}

#professional.detail #main #content .coda-nav-left a, #professional.detail  #main #content .coda-nav-right a { 
	background: url('../images/userPhotos/codaLeft.png');
	text-indent:-9999px;
	height:49px;
	width:50px;
	display:block;
	position:absolute;
	z-index:1000;
}
	
#professional.detail #main #content .coda-nav-right a {
	background: url('../images/userPhotos/codaRight.png');
}

#professional.detail #main #photoThumbs .disabled a { 
	display:none !important;
}

.coda-slider .panel-wrapper {
	padding:0 20px 0 38px;
}

.coda-slider p.loading { padding: 20px; text-align: center }

.coda-slider .panel {
	display: block;
	float: left; 
	height:550px;
	padding:0 20px 0 38px;
}

.coda-slider .panel-container { position: relative }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* --------------- General Section Styling --------------- */
* html #professional.detail .user-photo #container-wrap {
}

#professional.detail .user-photo #container-wrap {
	background:transparent url('../images/master-page/backGroundContentBottom2.jpg') repeat-x scroll center 98%;
	overflow:visible;
}

#professional.detail .user-photo #main {
	background:transparent url('../images/master-page/backGroundContentTop.jpg') repeat-x scroll 0 0;
}

#professional.detail .user-photo #content {
	background-color:transparent;
	padding:10px 10px 1px 13px;
	width: 591px;
}

* html #professional.detail .user-photo #content {
/*	width:595px;*/
	overflow:visible;
}

* html #professional.detail .user-photo #main {
	overflow:visible;
}

#professional.detail .user-photo #main #sidebar #ad {
	background:transparent url('../images/landing-page/professional/professional-side-bottom.png') no-repeat scroll left bottom;
	padding:150px 5px 100px;
}

#professional.detail .user-photo #main #sidebar {
	background:transparent url('../images/landing-page/professional/professional-side-right.png') repeat-y scroll right center;
	padding:0 5px 0 0;
}

/* --------------- Form Page --------------- */
#callout {
	background:transparent url('../images/tabs/detail-pages/box-top.png') no-repeat -1px bottom;
	padding:0 0 23px;
}

* html #professional.detail #content.submitPhotos {
	overflow:hidden;
}


#form_wrapper-outer {
	background: url('../images/tabs/detail-pages/box-middle.png') repeat-y;
	margin:0 -1px;
}

#form_wrapper-inner {
	background: url('../images/tabs/detail-pages/box-bottom.png') no-repeat scroll center bottom;
	padding:0 5px 16px 3px;
	width:594px;
}
		
.submitPhotos form {
	padding:0 10px 45px;
	background:#fff url('../images/tabs/detail-pages/box-fade.png') repeat-x center bottom;
}

* html .submitPhotos form {
	padding:0 10px 10px;
}

.submitPhotos .form-field {
float:left;
margin:0 10px 20px;
width:90%;
}

.submitPhotos label {
display:block;
float:left;
font-size:0.933em;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:1px;
text-transform:uppercase;
width:80%;
}

.submitPhotos fieldset {
clear:both;
float:left;
margin:10px 0;
position:relative;
width:460px;
}

.submitPhotos .form-field input {
clear:left;
float:left;
width:428px;
}

* html .submitPhotos .form-field input {
	width:418px;
}

.submitPhotos fieldset .form-field input {
width:200px;
}

* html .submitPhotos .form-field input {
	margin-left:-10px;
}

*+html .submitPhotos .form-field input {
	margin-left:-10px;
}

.submitPhotos fieldset label {
clear:both;
display:block;
float:left;
margin-left:10px;
width:100%;
}

.submitPhotos fieldset .form-field label {
color:#666666;
font-size:1.07em;
font-weight:normal;
letter-spacing:0;
margin:3px 0 5px;
text-transform:uppercase;
}

.submitPhotos #address-field {
	margin:0;
}

.submitPhotos #address-field .form-field label {
	color:#333333;
	font-size:0.933em;
	font-weight:bold;
	text-transform:uppercase;
}

.submitPhotos fieldset .form-field {
float:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
width:45%;
}

.submitPhotos #confirm-email-field {
	background:transparent url('../images/glyphs/line-dot.gif') repeat-x left bottom;
	padding-bottom:30px;
}

.submitPhotos #first-name-field, .submitPhotos #last-name-field {
	margin-bottom:7px;
}

.submitPhotos #project-field label, .submitPhotos .prodSelect label, .submitPhotos #message-field label, .submitPhotos .check label  {
	text-transform:none;
}

* html .submitPhotos #name-field .form-field,
* html .submitPhotos #address-field .form-field,
  {
	width: 44%;
	overflow:hidden;
}

* html .submitPhotos fieldset .form-field input {
	width:196px;
}

*+html .submitPhotos fieldset .form-field input {
}

* html .submitPhotos fieldset #state-field select {
	width:203px;
	margin-left:0px;
}

.submitPhotos select {
	font-size:12px;
	height:26px;
	padding:3px 0;
	width:435px;
}

* html .submitPhotos select {
	width:425px;
}

.submitPhotos #state-field select {
	width:208px;
}
.submitPhotos .addProd {
	display:block;
	margin-top:3px;
	padding-left:12px;
}

.submitPhotos .addProd, .submitPhotos .removeProd {
	color:#801C24;
	cursor:pointer;
	font-weight:bold;
}

.submitPhotos .removeProd {
	margin-left:3px;
}

.submitPhotos #upload-field {
	margin:0 0 14px 10px;
}

* html .submitPhotos #upload-field {
	margin:0 0 14px 20px;
}

.submitPhotos #seeTips {
	margin-left:10px;
	position:relative;
	height:15px;
	width:150px;
}

.submitPhotos .check {
	clear:left;
	margin-left:8px;
	padding-top:11px;
}

* html .submitPhotos .check {
	margin-left:18px;
}

#professional.detail #main #content .check a {
	margin-left:0px;
}

.submitPhotos #newsLetterOptin {
	background:transparent url('../images/glyphs/line-dot.gif') repeat-x left top;
}

#professional.detail #main #content #newsLetterOptin a {
	margin-left:10px;
}

.submitPhotos .check label {
	padding-top:3px;
}

.submitPhotos .checkbox {
	margin-right:5px;
	float:left;
}

.submitPhotos #submit-field {
	clear:left;
}

.submitPhotos #submit-field button{
}

* html .submitPhotos #submit-field {
	height:70px;
}
	
#photo-submit {
	background:transparent url('../images/userPhotos/buttonSubmit.png') no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	display:block;
	float:right;
	height:32px;
	margin-right:60px;
	padding:0;
	text-indent:-9999px;
	width:87px;
}

* html #photo-submit {
	margin-right:20px;
}

.submitPhotos #flash-message {
padding:10px;
}

.submitPhotos #flash-message.errors {
	background-color:pink !important;
	border:1px dotted red;
}

.submitPhotos #flash-message.errors em {
	display:block;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
}

.submitPhotos #flash-message.confirmation {
	background-color:#BEF0A2 !important;
	border:2px solid #35471d;
}

#uploadForm .error {
	background-color:pink;
	border:2px solid red;
}


/* --------------- Gallery Page --------------- */
#professional.detail .viewPhotos h2 {
	height:25px;
	margin-top:15px
}

#professional.detail .viewPhotos #main #content #share {
	color:#365aa6;
	display:block;
	font-size:10px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-weight:bold;
	margin:13px 5px 5px;
	text-transform:uppercase;
}

.viewPhotos #content form {
	background:#e3e2db url('../images/glyphs/line-dot.gif') repeat-x left -1px;
	margin-bottom:8px;
	padding-top:10px;
	z-index:1; 
	position:relative;
}

.viewPhotos #content form div {
	background: url('../images/glyphs/line-dot.gif') repeat-x left 28px;
	padding:0 0 30px 20px;
}

.viewPhotos #content label {
	float:left;
	font-size:11px;
	margin:3px 10px 0 0;
	z-index:10000; 
	position:relative;
	height:15px;
}

.viewPhotos #content select {
	float:left;
	width:160px;
	font-size:13px;
}

#photoThumbs .panel-wrapper div {
	float:left;
	margin:0 8px 40px 0;	
	padding:0;
	position:relative;
}

#photoThumbs p, #photoThumbs a {
	display:block !important;
	height:120px;
	overflow:hidden;
	position:relative;
	width:160px;
	z-index:100;
}

#photoThumbs p, #photoThumbs .detail {
	font-family:Trebuchet MS, Helvetica, sans-serif;
	margin:3px 0 0 8px;	
}

#photoThumbs p {
	font-size:12px;
	height:auto;
	text-transform:uppercase;
	width:155px;
}

#photoThumbs .detail {
	background:url('../images/userPhotos/arrowGrey.png') no-repeat right 4px;
	display:inline !important;
	height:auto;
	padding:0 10px 0 0;
}

#professional.detail .imageHolder, #professional.detail #photoThumbs img {
	height:120px;
	margin:0;
	width:160px;
}

#professional.detail .imageHolder {
	background:#aaa no-repeat 50% 50%;
	overflow:hidden;
	position:absolute;
}

#professional.detail #photoThumbs img {
	left:0;
	position:absolute;
	visibility:hidden;
}

#professional.detail #filteredThumbs {
	display:none;
}


/* --------------- Photo Detail --------------- */
#photosOverlay p, #photosOverlay .shareBox {	
	display:block;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#photosOverlay p span {
	text-transform:uppercase;
}

#photosOverlay .description span{
	display:block;
	font-weight:bold;
}

#photosOverlay .description {
	display:block;
	font-weight:normal;
}

#photosOverlay .imageBox {
	height:376px;
	margin-bottom:7px;
	overflow:hidden;
	position:relative;
	width:500px;
}

#professional #photosOverlay .shareBox {
	color:#365aa6;
	float:right;
	margin:5px;
}

/* --------------- Overlay Styling --------------- */.
#photosOverlay ul {
	background:#fff;
}

#photosOverlay li {
	background:#fff;
	height:600px;
	width:500px;		
	padding:24px 15px;
	z-index:10000; 
	position:relative;
	margin-left:0;
}

#photosOverlay div.close {
	position:absolute;
	background-image:url('../images/overlay-ui/detailOverlayClose.png');
	right:17px;
	top:8px;
	cursor:pointer;
	height:15px;
	width:43px;
}

#instructOverlay, #submitOverlay {
	background:#e7e7e1;
	font-size:12px;		
	padding:35px 30px;
	z-index:10000; 
	position:relative;
	height:346px;
	margin-left:35%;
	border:1px solid #d2cbc3;
	width:410px;
}

#submitOverlay {
	border:none;
	display:none;
	height:100px;
	margin-left:0;
	padding:60px 40px 0;
	width:400px;
}

#instructOverlay div.close {
	position:absolute;
	background-image:url('../images/overlay-ui/instructClose.png');
	right:10px;
	top:12px;
	cursor:pointer;
	height:20px;
	width:65px;
}

#submitOverlay div.close {
	display:none;
}

* html #instructOverlay, * html #submitOverlay {
	background:#e7e7e1 !important;
	border:1px solid #d2cbc3 !important;
}

#instructOverlay h5, #instructOverlay dt, #submitOverlay h5 {
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
}

#instructOverlay h5, #submitOverlay h5 {
	border-bottom:1px dotted;
	font-size:15px;
	margin-left:-12px;
	padding:0 0 2px 13px;
}

#submitOverlay h5 {
	border:none;
}

#submitOverlay img {
	margin:40px 0 0 90px;
}

#instructOverlay dt {
	margin-top:10px;	
}

#instructOverlay dl {
}

#instructOverlay dd {
	margin-bottom:25px;
}

#instructOverlay ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:13px;
}

#instructOverlay li {
	margin-bottom:8px;
}