@charset "utf-8";
/* CSS Document */
ul, li  {
	padding: 0px;
	margin: 0px;
}
.clear  {
	clear: both;
}
#sitesPage  {
	margin: 0px;
	padding: 0px;
    text-align: center;
}
#sitesContainer  {
	width: 700px;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#form  {
	text-align: center;
	margin: 0px auto;
}
#form #topSection h1#mainHeader  {
	font-family: Impact;
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	background-color: #fff;
	margin: 2px auto;
	padding: 0px;
	text-align: center;
}
#form #topSection h2.steptxt {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 3px;
}
#form #topSection p.instructText  {
	margin: 0px auto;
	font-size: 12px;
	font-style: italic;
	color: #777;
	background-color: #fff;
	padding-bottom: 3px;
}
#sitesBox, #form #topSection  {
	width: 688px;
	height: auto;
	margin: 0px auto;
	padding: 2px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px solid #111;
}
#sitesBox .site  {
	width: 228px;
	height: 360px;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	float: left;
	display: inline;
	text-align: center;
}
#sitesBox .rightDivider, #scenesBox .rightDivider  {
	border-right: solid 1px #999;
	height: 375px;
}
#sitesBox .leftDivider, #scenesBox .leftDivider  {
	border-left: solid 1px #999;
	height: 375px;
}
#sitesBox .site .siteScreen  {
	width: 202px;
	height: 252px;
	margin: 0px auto;
	padding: 0px;
}
#sitesBox .site .siteScreen img  {
	width: 200px;
	height: 250px;
	border: 1px solid #333;
}
#sitesBox .site h3.siteName  {
	color: #333; 
	font-size: 12px; 
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 2px;
}
#sitesBox .site h3.siteName a  {
	font-size: 14px; 
}
#sitesBox .site p.siteDesc  {
	font-size: 12px;
	color: #000;
	margin: 0px auto;
	padding: 2px;
	text-align: center;
}
.newSite  {
	color: #f00;
	font-weight: bold;
	text-transform: uppercase;
}
#sitesBox .site ul.siteScenes  {
	width: 204px;
	height: auto;
	margin: 0px 0px 0px 10px /*auto*/;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	float: left;
	display: inline;
}
#sitesBox .site ul.siteScenes li {
	width: 190px;
	height: 12px;
	margin: 0px;
	padding: 3px 0px 3px 18px;
	text-align: left;
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
	background-position: center left;
	background-repeat: no-repeat;
	color: #f60;
}
#sitesBox .site ul.siteScenes li.movies, #scenesBox .sceneDetail p.vidSet  {
	background-image: url(/wm/webmasters/builder/includes/images/movie_icon.gif);
}
#sitesBox .site ul.siteScenes li.pics, #scenesBox .sceneDetail p.picSet  {
	background-image: url(/wm/webmasters/builder/includes/images/image_icon.gif);
}
#sitesBox .site ul.siteScenes li .count  {
	font-weight: bold; 
	color: #f00;
/*	width: 20px;
	height: 12px;*/
	padding: 0px 3px;
}
#sitesBox .button {
	border: 1px solid #888;
	font-size: 12px;
	color: #fff;
	background-color: #444;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin-top: 3px;
}
#sitesBox .divider  {
	border-bottom: solid 1px #999;
	/*margin-bottom: 2px;*/
}
/*Scenes Page*/
#scenesForm  {
	text-align: center;
}
#scenesHolder, #templatesContainer  {
	width: 756px;
	height: auto;
	margin: 0px auto;
	text-align: center; 
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#scenesForm #topSection  {
	width: 756px;
}
#scenesForm #topSection h1#mainHeader  {
	font-family: Impact;
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	background-color: #fff;
	margin: 2px auto;
	padding: 0px;
	text-align: center;
}
#scenesForm #topSection h2#mainHeader2 {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 3px;
}
#scenesForm #topSection h2.steptxt {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 3px;
}
#scenesForm #topSection p.instructText  {
	margin: 0px auto;
	font-size: 12px;
	font-style: italic;
	color: #777;
	background-color: #fff;
	padding-bottom: 3px;
}
#scenesForm #topSection .scenesNav, #scenesForm #scenesHolder .scenesNav  {
	width: 756px;
	height: auto;
	margin: 0px auto;
	padding: 3px;
	text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#scenesForm #topSection .scenesNav .buttonHolder, #scenesForm #scenesHolder .scenesNav .buttonHolder  {
	width: auto;
	height: auto;
	float: left; 
	display: inline;
	text-align: center;
	padding: 2px 3px;
}
#scenesForm #topSection .scenesNav .buttonHolder .button, #scenesForm #scenesHolder .scenesNav .buttonHolder .button  {
	border: 1px solid #888;
	font-size: 12px;
	color: #fff;
	background-color: #444;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin-top: 3px;	
}
#scenesBox  {
	width: 756px;
	height: auto;
	margin: 0px auto;
	padding: 1px;
}
/*#scenesBox dl  {
	width: 200px;
	height: 100px;
}*/
#scenesBox .sceneDetail  {
	width: 230px;
	height: 120px;
	margin: 5px;
	padding: 5px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}
#scenesBox .sceneDetail .smallPic  {
	width: 90px;
	height: 90px;
	padding: 5px;
	text-align: center;
	float: left;
	display: inline;
	margin: 0px;
}
#scenesBox .sceneDetail .smallPic img {
	width: 88px;
	height: 88px;
	border: 1px solid #333;
}
#scenesBox .sceneDetail .smallPic a.thumbLink:hover img  {
	border: 1px solid #333;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: .7;
	text-decoration: none;
}
#scenesBox .sceneDetail h3 {
	color: #333; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 0px;
	}
#scenesBox .sceneDetail h4 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
	border-bottom: none;
	font-style: normal;
	text-align : left;
}
#scenesBox .sceneDetail h3.sceneName  {
	width: 112px;
	height: auto;
	font-size: 12px;
	color: #333;  
	font-weight: bold; 
	margin: 0px;
	padding: 3px 1px 1px 1px;
	text-align: left;
	float: left;
	display: inline;
}
#scenesBox .sceneDetail h4.sceneDate  {
	width: 112px;
	height: auto;
	font-size: 10px;
	color: #333;  
	font-weight: bold; 
	margin: 0px;
	padding: 1px 1px 1px 1px;
	float: left;
	display: inline;
}
#scenesBox .sceneDetail p.setType  {
	width: 112px;
	height: 12px;
	margin: 0px;
	padding: 2px 0px 3px /*18px*/0px;
	text-align: left;
	font-size: 10px/*12px*/;
	font-weight: bold;
	text-transform: uppercase;
	background-position: center left;
	background-repeat: no-repeat;
	color: #f00;
	float: left;
	display: inline;
}
#scenesBox .sceneDetail p.previewSet  {
	width: 102px;
	height: 12px;
	line-height: 12px;
	margin: 0px;
	padding: /*3px*/ 0px 0px 3px 18px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(/wm/webmasters/builder/includes/images/view_set.gif);
	background-position: center left;
	background-repeat: no-repeat;
	color: #f60;
	float: left;
	display: inline;
}
#scenesBox .sceneDetail p.previewSet a  {
	font-size: 12px;
}
#scenesBox .sceneDetail p.selectSet  {
	width: 102px;
	height: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0c0;
	float: right;
	display: inline;
}
#scenesBox .sceneDetail p.selectSet .checkbox {
	border:0px;
	background-color: transparent;
	margin: 0px 2px 2px 0px;
	padding: 1px 0px 1px 0px;
	height: 12px;
	line-height: 12px;
}
/*Start Page*/
#startPage  {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	text-align: center;
}
#startBox  {
	width: 700px;
	height: auto;
	margin: 0px auto;
}
#startBox h1  {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	padding: 2px 2px 2px 28px;
	margin: 0px auto;
	text-align: left;
	background: url(/wm/webmasters/builder/includes/images/builder_icon.gif) center left no-repeat;
}
#startBox h2  {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 3px;
	margin: 0px auto;
}
#form #startBox h2.steptxt {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
	padding: 3px;
}
#form #startBox p.instructText  {
	margin: 0px auto;
	font-size: 12px;
	font-style: italic;
	color: #777;
	background-color: #fff;
	padding-bottom: 3px;
}
#form #startBox #selectTypeBox  {
	width: 670px;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#form #startBox #selectTypeBox .buildType  {
	width: 600px;
	height: 100px;
	padding: 14px 5px 14px 60px;
	background-repeat: no-repeat;
	background-position: 5px 15px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #333;
}
#form #startBox #selectTypeBox .buildType#movieGallery  {
	background-image: url(/wm/webmasters/builder/includes/images/build_mgp.gif);
}
#form #startBox #selectTypeBox .buildType#imageGallery  {
	background-image: url(/wm/webmasters/builder/includes/images/build_tgp.gif);
}
#form #startBox #selectTypeBox .buildType#freeSite  {
	background-image: url(/wm/webmasters/builder/includes/images/build_hfs.gif);
}
#form #startBox #selectTypeBox .buildType h5.galType  {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
}
#form #startBox #selectTypeBox .buildType .checkbox  {
	float: left;
	display: inline;
}
#form #startBox #baseBox  {
	width: 400px;
	height: auto;
	margin: 0px auto;
}
#form #startBox #optionsDD  {
	margin: 5px 0px;
	border: 1px solid #888888;
	font-size: 12px;
	color: #ffffff;
	background-color: #444444;
	font-weight: bold;
	float: left;
	display: inline;
}
#form #startBox .startBttn  {
	margin: 5px 0px;
	float: right;
	display: inline;
}
.dividerLine  {
	width: auto;
	height: 10px;
	border-bottom: 1px solid #333;
}
#startPage #helpBox  {
	width: 600px;
	height: auto;
	margin: 0px auto;
}
/*#startPage #helpBox #helpLinks  {
	width: 260px;
	height: 40px;
	margin: 0px; 
	float: left;
}*/
#startPage #helpBox h3.help  {
	width: 550px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 3px 3px 3px 20px;
	background: url(/wm/webmasters/builder/includes/images/help_icon.gif) center left no-repeat;
	margin: 0px;
	float: left; 
	display: inline;
}
#startPage #helpBox p.helpLink  {
	width: 500px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 2px 2px 2px 18px;
	background: url(/wm/webmasters/builder/includes/images/help_link_icon.gif) center left no-repeat;
	height: 12px;
	line-height: 12px;
	float: left; 
	display: inline;
}
#startPage #helpBox #tutVids  {
	width:  540px;
	height: 40px;
	background: url(/wm/webmasters/builder/includes/images/see_video.gif) center left no-repeat;
	margin: 0px 0px 10px 20px;
	padding: 5px 5px 5px 44px;
	text-align: left;
	float: left;
	display: inline;
}
#startPage #helpBox #tutVids h4.vids  {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding:2px;
	margin: 2px;
	color: #777;
	text-decoration: underline;
	font-style: normal;
	border: none;
}
#startPage #helpBox #tutVids p  {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
}
#startPage #helpBox #tutVids p.videoLink  {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 2px 2px 2px 18px;
	background: url(/wm/webmasters/builder/includes/images/help_link_icon.gif) center left no-repeat;
	height: 12px;
	line-height: 12px;
	float: left;
	display: inline;
}
#startPage #recipMgrLink  {
	width: 600px;
	height: 80px;
	padding: 5px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #333;
}
#startPage #recipMgrLink h5, #startPage #recipMgrLink h5 a  {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}
#startPage #recipMgrLink h5  {
	padding: 2px;
}
#startPage #recipMgrLink p  {
	width: 520px;
	float: left; 
	display: inline;
}
#startPage #recipMgrLink .button  {
	text-transform: uppercase;
	float: left;
	display: inline;
}
#templatesPage #templatesContainer ul#selectTemplate {
	list-style-type: none;
	width: 600px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 10px;
}
#templatesPage #templatesContainer ul#selectTemplate li  {
	width: 140px;
	height: 14px;
	float: left;
	display: block;
	list-style-type: none;
	margin: 6px 0;
	text-align: left;
}
#templatesPage #templatesContainer ul#selectTemplate li a  {
	line-height: 12px;
}
#templatesPage #templatesContainer ul#selectTemplate li input  {
	margin-top: 6px;
}
#builderResultsPage #galleryList .hostedGalleryData {
	width: 960px;
	height: auto;
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #999;
}
#builderResultsPage #galleryList .hostedGalleryData .thumb {
	float: left;
	display: inline;
	margin: 5px;
}

#builderResultsPage #galleryList .hostedGalleryData .thumb img {
	border: 1px solid #777;
}

#builderResultsPage #galleryList .hostedGalleryData ul.galInfo {
	list-style-type: none;
	float: left;
	display: inline;
	text-align: left;
	padding-top: 5px;
}

#builderResultsPage #galleryList .hostedGalleryData ul.galInfo li {
	color: #777;
	font-weight: bold;
	list-style-type: none;
	font-size: 12px;
}
#builderResultsPage #galleryList .hostedGalleryData ul.galInfo li.row {
	display: inline;
	padding-right: 20px;
}
#builderResultsPage #galleryList .hostedGalleryData ul li span {
	color: #000;
}
#builderResultsPage #galleryExportForm {
	width: 550px;
	height: 300px;
	float: left;
	display: inline;
	padding-right: 8px;
}
#builderResultsPage #galleryExportForm fieldset {
	padding: 5px;
	margin: 10px 0;
}
#builderResultsPage #galleryExportInstructions {
	width: 400px;
	height: 360px;
	float: right;
	display: inline;
	text-align: left;
	border: 1px solid #777;
	padding-left: 5px;
}
#builderResultsPage #galleryExportInstructions ul, #builderResultsPage #galleryExportInstructions ul li {
	list-style-type: disc;
	list-style-position: inside;
}
#builderResultsPage #galleryExportInstructions ul {
	padding: 4px 0;
}
#builderResultsPage #galleryExportInstructions ul li ul {
	padding-left: 5px;
	font-weight: bold;
}
#builderResultsPage #galleryExportInstructions ul li ul li {
	list-style-type: none;
}
#builderResultsPage #galleryExportInstructions ul li ul li span, #builderResultsPage #galleryExportForm h3 span, #builderResultsPage #galleryExportInstructions h3 span {
	color: #777;
}
#builderResultsPage #galleryExportForm p span, #builderResultsPage #galleryExportInstructions h3 span {
	color: #f63;
	font-weight: bold;
}
#galleryExportInstructions p {
	margin: 0;
	padding: 2px;
}
#builderResultsPage #galleryExportInstructions h3 {
	padding: 4px;
}