﻿#viewProject { position:relative; width:492px; float:left; }
#ListContainer { float:left; }
#ListContainer .controlWrapper { float:left; margin-right:4px; }
#projectContainer #projectContent { min-height:500px; padding: 0 4px 0 4px; }

#projectContainer #projectContent .thumbnail { position:relative; margin-right:10px; }
#projectContainer #projectContent .movieOverlay { background: transparent url(/content/project/movieOverlay.gif) no-repeat top left; min-height:25px; min-width:27px; bottom:0; right:0; z-index:201; position:absolute; }
#projectContainer #projectContent #mainImageContainer .mainImage { float:left; width:300px; margin: 0 0 0 2px; }
#projectContainer #projectContent #mainImageContainer .mainImage img { max-width:300px; max-height:300px; }
#projectContainer #projectContent #mainImageContainer .mainImage .zoom { display:none; }
#projectContainer #projectContent #mainImageContainer .mainImage.selectedImage .zoom { display:block; }

#projectContainer #projectContent .wide #mainImageContainer .mainImage { width:487px; }
#projectContainer #projectContent .wide #mainImageContainer  #rightBox1 { width:231px; margin-top:5px; }
#projectContainer #projectContent .wide #mainImageContainer  #rightBox3 { width:231px; margin-top:5px; }

#projectContainer #projectContent #mainImageContainer #preview { min-height:300px; width:300px; float:left; }
#projectContainer #projectContent .thumbnails { padding:6px; margin: 0 2px 2px 2px; }
#projectContainer #projectContent .thumbnails img { float:left; }
#projectContainer #projectContent .thumbnails a { float:left; position:relative; }

#thumbnails div { float:left; padding-left:5px; padding-top:5px; position:relative; }
#projectContainer #projectContent #thumbnailDescription { padding: 0 10px 0 10px; }
#projectContainer #projectContent #mainImageContainer #rightBox1 { width:175px; float:right; padding:5px; margin: 0 2px 2px 2px; padding-top:5px; line-height:2em; }
#projectContainer #projectContent #mainImageContainer #rightBox1 a { text-decoration:underline; }
#projectContainer #projectContent #mainImageContainer #rightBox2 { width:175px; float:right; padding:5px; background-color:#D1D2D4; margin: 0 2px 2px 2px; }
#projectContainer #projectContent #mainImageContainer #rightBox3 { width:175px; float:right; padding:5px; background-color:#D1D2D4; margin: 0 2px 2px 2px; }
#projectContainer #projectContent #InfoBar { margin: 2px 2px 5px 2px; padding: 0 10px 0 10px; min-height:25px; }
#projectContainer #projectContent #InfoBar label { float:left; padding:0; margin:0; line-height:25px; }
#projectContainer #projectContent #InfoBar span { float:left; padding:0; margin:0 20px 0 4px; line-height:25px; }
#projectContainer #projectContent #InfoBar span.right { float:right; margin:0 0 0 4px; padding-right:5px; }
#projectContainer #projectContent #tabMenuContainer { border:none; border-bottom:solid 1px #D1D2D4; padding-top:1px; margin: 0 2px 0 2px; }


#projectContainer #projectContent #bottomLinks { margin: 10px 0 0 0; background:transparent; font-size:12px; }
#projectContainer #projectContent #bottomLinks a { margin-left:10px; color:Gray; font-style:italic; font-weight:bold;  }
#projectContainer #projectContent #bottomLinks a:hover { text-decoration:underline; }

#projectContainer #projectContent .tabItem { min-width:50px; height:30px; line-height:30px; border-right:1px solid white; float:left; background-color:#D1D2D4; }
#projectContainer #projectContent .tabItem a { padding-left:10px; padding-right:10px; }
#projectContainer #projectContent #tabContent { min-height:100px; margin: 0 10px 0 10px; padding-top:10px; }
#projectContainer #projectContent .tabSelected { background-color:#FFFFFF; border:1px solid #D1D2D4; border-bottom:none; margin-right:1px; margin-bottom:-1px; font-weight:bold; }
#projectContainer #projectContent #mainImageContainer #rightBox3 ol { list-style-type:none; margin:0; padding:0; }
#projectContainer #projectContent #mainImageContainer #rightBox3 ol li { list-style-type:none; margin:0; padding:0; }

#memberInfo { position:relative; }
#memberInfo img { float:left; margin: 0 10px 10px 0;}
#memberInfo .projectDate {  }
#memberInfo .projectSummary {  }
.redborder{border:1px solid red;}
.control300Header { margin-top:0px; }

#storeReferalYouWillNeed #header { color:#fff; font: Arial normal bold 12px; height:83px; position:relative; }
#storeReferalYouWillNeed #header #supporting { position:absolute; top:20px; right:5px; width:120px; }
#storeReferalYouWillNeed #header #supporting a { color:#FFF;}
#storeReferalYouWillNeed #header #supporting p { margin:0;padding:0; }
#storeReferalYouWillNeed #header #supporting h2 {margin:0;padding:0; font: Arial normal bold 12px; font-size:12px; font-weight:bold; line-height:12px; max-height:60px; }

#storeReferalYouWillNeed #viewAll { padding:10px; margin-right:10px;}
#storeReferalYouWillNeed #viewAll a { float:right; font-weight:bold;}
/*override the background to just be white*/
#storeReferalYouWillNeed .controlPadding { margin-top:0;}
#storeReferalYouWillNeed .control300Header{ background-image:none; height:0; padding:0;}
#storeReferalYouWillNeed .control300Wrapper { background-image:none; margin:0 0 0 0;}

#storeReferalYouWillNeed .controlHeader{padding:0; margin:0;}
#storeReferalYouWillNeed h2 {padding:0; margin:0;}
#storeReferalYouWillNeed #magazinePush { margin: 0 4px 0 4px; }
#storeReferalYouWillNeed #viewDetailContainer { width:306px; height:44px; border:solid 0px red; background-image: url(../Images/creativityStore/My-Creativity-Store_base_band.jpg); background-position: -1px 0; font-weight:bold; display:inline-block;} 
#storeReferalYouWillNeed #viewDetailContainer a { float:right; padding-top:10px; padding-right:20px; margin-right:10px; margin-bottom:10px;  }
				
.step a { padding-right:5px;}
.step span.index { float:left; font-weight:bold; font-size:1.4em; margin: 0 10px 0 0; }
.step { border-bottom:solid 1px #ccc; line-height:1.4em; }

.image { display:inline-block;}
.projectAssociated { float:left; width:466px; padding-top:5px;}
.projectAssociated li { float:left;}
.projectAssociated li .idisplayRatedTemplate {width:220px; float:left; }
.projectIntro { margin-bottom:10px;}
.projectAssociated p { margin:0px;}

/* IListingRated */
#IListingRated {position:relative;}
#IListingRated .IListingRatedContainer {  border:0px solid red; margin:0px; position:relative;}
#IListingRated .IListingInnerPanel {border:1px solid gray; margin-left:100px;}
#IListingRated .IListingInnerPanel H3 {margin:0;}
#IListingRated .IListingInnerPanel .infoWrapper{display:block;float:left}
#IListingRated .IListingInnerPanel img { padding:5px; border:0px solid red; float:left; }
#IListingRated .IListingInnerPanel .imageResize120 { height:120px; width:120px; }
#IListingRated .imageResize75 { height:75px; width:75px; }
#IListingRated .IListingInnerPanel .headerRow { padding:5px;}
#IListingRated .IListingInnerPanel .headerRow h4{ font-size:11px; float:left; margin-right:10px;}
#IListingRated .positionAuthorImage { position:absolute; top:0px; left:5px;}
#IListingRated #quarantine p strong a { color:Red;}
#IListingRated #quarantine {  font-size:9px; line-height:15px; border-bottom:1px dotted black; margin-bottom:10px;}
#IListingRated .ratingPanel{ float:right;}
#IListingRated .detailControlRatingAddPanelOuter { margin-bottom:10px;}
#uploadProjectDisplay { margin-bottom:10px;}

/* YouWillNeed */
.youwillneed { float:left; background-color:#fff; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; color:#6D6E72; min-height:110px; overflow:hidden; width:135px; padding:10px 10px 10px 80px;}
.youwillneed.first { border-left:none;}
.youwillneed .thumb { float:left; margin: 0 5px 5px -80px; width:75px!important; height:75px!important; }
.youwillneed .thumb img { width:75px!important; height:75px!important; }
.youwillneed span { display:block; }
.youwillneed span.title { margin: 1em 0 0 0; }
.youwillneed span.rrp { margin: 1em 0 0 0;}
.youwillneed span.code { color: #6D6E72}

/* Print View */
#projectPrintView .bodyMainContentDoubleColumn #ProjectDetails { margin:0 14px;}
#projectPrintView .bodyMainContentColumn3 #memberInfo { margin:0 14px;}
#projectPrintView .bodyMainContentColumn3 .youwillneed { margin:0 14px; border:none; border-bottom:solid 1px #ccc; float:none; width:auto; }
#projectPrintView #InfoBar { background-color:#eee; margin: 1em 2px 1em 2px; padding: 0 10px 0 10px; }
#projectPrintView #InfoBar label { float:left; padding:0; margin:0; line-height:25px; }
#projectPrintView #InfoBar span { float:left; padding:0; margin:0 20px 0 4px; line-height:25px; }
#projectPrintView #InfoBar span.right { float:right; margin:0 0 0 4px; padding-right:5px; }
#projectPrintView .detailControlBodyText { margin:0; }
#projectPrintView #projectDescription { margin: 1em 0; }

/* Project List */
#MyProjectsList fieldset { background-color:#EEE; margin: 1em 0 1em 0; padding: 10px;  }
#MyProjectsList fieldset h3 { line-height:32px; margin: 0; float:left; }
#MyProjectsList fieldset label { line-height:32px; float:left; width:60px; text-align:right; margin-right: 5px; }
#MyProjectsList fieldset input { float:left; margin: 6px 0 0 0; }
#MyProjectsList fieldset .button { margin: 0 0 0 5px; }
#MyProjectsList fieldset .Invalid { line-height:32px; float:left; margin: 0; }
