/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			WWW2
LAST UPDATED:	5th June 2009
AUTHOR:			Ben Johnson

NOTES:			The 1st section will reset any variance
				across all browsers making them all
				appear very similar, however it also means
				everything needs its own custom style!
				Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN.TPL COLUMN]
	=5:		[NAVIGATION]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
	
---------------------------------------------------------*/


/*------=1:	[STANDARDS / HTML] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
html {}
/* remember to define focus styles! */
:focus {
	outline: 0;
	outline-style: none;
	outline-width: 0pt;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 100;
	text-align: left;
	line-height: 11pt;
	color: #000;
	background-color: #FFF;
	background: url('../images/bg.gif') repeat-x;
	height: 100%;
}

/*------=2:	 [LINKS] ---------------------------------------*/
a {color:#701d75; text-decoration:none;}
a:link {color: #701d75; text-decoration: none;}
a:visited {color: #701d75;}
a:hover {text-decoration: underline;}


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/
hr {
	height: 4px;
	background: url('../images/line_break.jpg') repeat-x;
	border: none;
	width: 90%;
	margin: 1px auto 5px auto;
	padding: 0;
	text-align: center;
	line-height: 0;
	clear: both;
}

hr.podbreak {
	background: url('../images/line_break.jpg') scroll;
	width: 250px;
}
hr.podsmall {
	background: url('../images/line_break_small.jpg');
	width: 205px;
}
hr.podmedium {
	background: url('../images/line_break_medium.jpg');
	width: 370px;
	margin-bottom:10px;
}
hr.podlarge {
	background: url('../images/line_break_large.jpg');
	width: 701px;
}
hr.podexlarge {
	background: url('../images/line_break_exlarge.jpg');
	width: 925px;
}

.padMe { padding:10px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.padMeLeft { padding-left:10px;}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center;}

.clearBoth { clear: both; }
p { line-height: 1.3em; font-weight: normal;  }

.bold {	font-weight: bold; }
small { font-size: 11px; }

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}


/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

h1 {
	font-size: 22px;
	font-weight: bold;
}
h2 { 
	float: left; 
	font-size: 14px; 
	font-weight: bold;
	line-height: 18px; 
	padding: 0;
	margin: 0;
	padding-left:15px;
	padding-bottom:10px;
}
	h2.title {
		font-size: 15px;
		line-height: 16px;
		font-weight: bold;
		text-transform: capitalize;	
		padding: 0;
	}
	.fixed2col h2.title { padding: 0 0 2px 14px; }
	h2 span { color: #711d75; }
h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 0 20px; 
}
h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0 20px;
	color: #1f1f1f;
}

.date {
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0pt;
	text-align: right;
	line-height: 20px;
	margin: 2px 0 0 10px;
}

/*	=4:	[TOP ELEMENTS] ------------------------------------*/
#outerwrap {
	margin: 0 auto;
	position: relative;
	width: 1100px;
	/*background: url('../media/bg_plate.jpg') no-repeat;*/
	background: url('../images/client_bg_plate.jpg') no-repeat;
	clear: both;
	padding-bottom: 140px;
	position: relative;
}

#pagewrap {
	margin: 0 auto;
	padding-top: 15px;
	width: 961px;
	min-height: 550px;
	position: relative;
}

/*	=5:	[NAVIGATION] --------------------------------------*/	
#navBar {
	padding-left: 3px;
	position: relative;
	height: 42px;
	width: 960px;
}

.navItem {
	float: left;
}
.topnav {
	float: left;
	height: 42px;
	cursor:pointer;
	display: block;
}
.stepNav div a {
	display: block;
	height: 42px;
	width: 100%;
}
	#navDashboardOn, #navDashboardOff:hover { background: url('../images/nav/1_dashboard_on.gif'); width: 131px; }
	#navDashboardOff { background: url('../images/nav/1_dashboard_off.gif'); width: 131px; }
	#navWebsiteOn, #navWebsiteOff:hover { background: url('../images/nav/2_website_on.gif'); width: 130px; }
	#navWebsiteOff { background: url('../images/nav/2_website_off.gif'); width: 130px; }
	#navGuestsOn, #navGuestsOff:hover { background: url('../images/nav/3_guests_on.gif'); width: 130px; }
	#navGuestsOff { background: url('../images/nav/3_guests_off.gif'); width: 130px; }
	#navMediaOn, #navMediaOff:hover { background: url('../images/nav/4_media_on.gif'); width: 130px; }
	#navMediaOff { background: url('../images/nav/4_media_off.gif'); width: 130px; }
	#navEventsOn, #navEventsOff:hover { background: url('../images/nav/5_events_on.gif'); width: 130px; }
	#navEventsOff { background: url('../images/nav/5_events_off.gif'); width: 130px; }
	#navAccountOn, #navAccountOff:hover { background: url('../images/nav/6_account_on.gif'); width: 130px; }
	#navAccountOff { background: url('../images/nav/6_account_off.gif'); width: 130px; }
	#navDirectoryOn, #navDirectoryOff:hover { background: url('../images/nav/supplier_on.gif'); width: 144px; }
	#navDirectoryOff { background: url('../images/nav/supplier_off.gif'); width: 144px; }


.sectionBar {
	height: 13px;
	float:left;
	width:957px;
}

#sectionBar_ {	background: url(../images/nav/nav_bottom_step0.png) top left repeat-x;}
#sectionBar_dashboard { background: url(../images/nav/nav_bottom_step1.png) top left repeat-x;}
#sectionBar_website { background: url(../images/nav/nav_bottom_step2.png) top left repeat-x; }
#sectionBar_guests { background: url(../images/nav/nav_bottom_step3.png) top left repeat-x; }
#sectionBar_media { background: url(../images/nav/nav_bottom_step4.png) top left repeat-x; }
#sectionBar_events { background: url(../images/nav/nav_bottom_step5.png) top left repeat-x; }
#sectionBar_account { background: url(../images/nav/nav_bottom_step6.png) top left repeat-x; }
#sectionBar_directory { background: url(../images/nav/nav_bottom_supplier.png) top left repeat-x; }

.subnav {
	background: url('../images/nav/subnav.jpg') no-repeat;
	width: 926px;
	height: 30px;
	float: left;
	margin: 5px 0 10px 20px;
}

.subnav ul {
	margin: 3px 11px 0 11px;
	padding: 0;
	display: inline;
	float: left;
}
.subnav li {
	height: 27px;
	float: left;
	display: inline;
	margin: 0 1px 0 1px;
}
.subnav li a {
	cursor: pointer;
	color: #711d76;
	text-decoration: none;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0 4px 0;
}

.subnav li.l1 { background: url('../images/nav/subtab_exsmall.jpg') no-repeat; width: 90px; }
.subnav li.l2 { background: url('../images/nav/subtab_small.jpg') no-repeat; width: 105px; }
.subnav li 	  { background: url('../images/nav/subtab.jpg') no-repeat; width: 113px; }
.subnav li.l3 { background: url('../images/nav/subtab_medium.jpg') no-repeat; width: 125px; }
.subnav li.l4 { background: url('../images/nav/subtab_large.jpg') no-repeat; width: 150px; }
.subnav li.l5 { background: url('../images/nav/subtab_exlarge.jpg') no-repeat; width: 180px; }

.subnav li.selected a, .subnav li.l1_selected a, .subnav li.l2_selected a, .subnav li.l3_selected a, .subnav li.l4_selected a, .subnav li.l5_selected a {	color: #000; }

.subnav li.l1_selected { background: url('../images/nav/subtab_exsmall_selected.jpg') no-repeat; width:90px; }
.subnav li.l2_selected { background: url('../images/nav/subtab_small_selected.jpg') no-repeat; width:105px; }
.subnav li.selected    { background: url('../images/nav/subtab_selected.jpg') no-repeat; width: 113px; }
.subnav li.l3_selected { background: url('../images/nav/subtab_medium_selected.jpg') no-repeat; width:125px; }
.subnav li.l4_selected { background: url('../images/nav/subtab_large_selected.jpg') no-repeat; width: 150px; }
.subnav li.l5_selected { background: url('../images/nav/subtab_exlarge_selected.jpg') no-repeat; width:180px; }

/*	=6:	[MAIN COLUMN] -------------------------------------*/	
.logo { margin: 0px 0px 5px 25px; }

.content {
	width: 960px;
	float:left;
	font-size: 13px;
	font-weight: bold;
}

.fixed1col {
	width: 929px;
	margin: 0 auto;
}
	.fixed1col .col {
		width: 929px;
		float: left;
		margin: 0 0 0 0px;
	}
	.fixed1col .col {
		float: left;
		width: 929px;
		background: url('../images/pod/pod_exlarge_middle.jpg') repeat-y;
	}
		.template_selection {
			float: none;
			width: 868px;
			background: url('../images/pod/template_selection_middle.jpg') repeat-y;
			margin: 10px auto;
		}
		.media_selection {
			float: left;
			width: 858px;
			background: url('../images/pod/template_selection_middle.jpg') repeat-y;
			margin: 0 0 15px 35px;
			padding: 0 5px 10px 5px;
		}
		.button_pod_red {
			background: url('../images/button/button_red.gif') repeat-y;
			width: 156px;
			height: 27px;
			margin: 10px 40px 10px 10px;
			float: right;
		}
		.fixed1col .button_pod {
			background: url('../images/button/button_continue.jpg') no-repeat;
			height: 23px;
			width: 90px;
			margin: 15px 0 30px 20px;
			float: left;
		}
		.fixed1col .col p {
			margin: 5px 0 5px 25px;
		}
		#media .col p {
			margin: 0 0 0 10px;
		}
		.fixed1col ul.template {
			margin: 0 10px 10px 10px;
			padding: 0;
			float: left;
			display: inline;
		}
			.fixed1col ul.template li {
				background: url('../images/template_background2.jpg') no-repeat;
				width: 153px;
				height: 153px;
				float: left;
				display: inline;
				margin: 8px;
				position:relative;
				text-align: center;
			}
			.fixed1col ul.template li.selected div {
				position:absolute;
				top:-10px;
				left:-10px;
				background: url(../images/template_selected.png) no-repeat center;
				width:170px;
				height:170px;

			}
			.fixed1col ul.template_large li {
				background: url('../images/template_background_large.jpg') no-repeat;
				width: 200px;
				height: 199px;
				float: left;
				display: inline;
				margin: 8px;
			}
			.fixed1col ul.template li img, .fixed1col ul.template_large li img {
				margin: 10px 19px 5px 21px;
			}
			#media ul.template li img, .fixed1col ul.template_large li img {
				margin: 10px 15px 5px 15px;
			}
			.fixed1col ul.template li h3, .fixed1col ul.template_large li h3 {
				float: left;
				margin: 4px 10px 0 8px;
				font-size: 11px;
				font-weight:normal;
			}
			.fixed1col ul.template li input, .fixed1col ul.template_large li input {
				float: left;
				margin: 4px 0 0 10px;
			}
			.fixed1col ul.template li p { padding: 0px; margin: 0px; text-align: center; }
			
			.fixed1col .scroll_left {
				width: 19px;
				height: 87px;
				position: absolute;
				z-index: 9;
				top: 480px;
				left: 32px;
				background: url(../images/scroll_left.jpg) no-repeat center;
				cursor: pointer;
			}
			.fixed1col .scroll_right {
				width: 19px;
				height: 87px;
				position: absolute;
				z-index: 10;
				top: 480px;
				right: 33px;
				background: url(../images/scroll_right.jpg) no-repeat center;
				cursor: pointer;
			}
		#media { padding: 0 15px 0 15px; }
		#mediaItem .scroll_right { top: 560px; left:798px; }
		#mediaItem .scroll_left { top: 560px; left:143px; }
		#media .scroll_right, #media .scroll_left { top: 560px; }
		
		 	
.fixed2col {
	width: 768px;
	margin: 0 auto;
}

.reset .fixed2col {
	margin:0 0 0 13px;
}

	.fixed2col .col1 {
		width: 374px;
		float: left;
	}
	.fixed2col .col2 {
		width: 374px;
		float: left;
		margin: 0 0 0 20px;
	}
	.fixed2col .pod {
		float: left;
		width: 374px;
		background: url('../images/pod/pod2col_middle.jpg') repeat-y;	
		color: #3b3a3a;
	}
	.fixed2col .pod fieldset {
		padding-left:10px;
	}
	.fixed2col .pod fieldset label {
		font-weight:normal;
		font-size:11px;
	}			
		.fixed1col label, .fixed2col .pod label {
			float: left;
			font-size:10px;
			margin-top:2px;
			width: 110px;
		}
		.fixed2col .pod .details {
			height: 22px;
			width: 160px;
			font-size: 13px;
			font-weight: bold;
			text-transform: capitalize;
			margin: 0 0 0 4px;
			padding: 5px 0px 5px 10px;
		}
		
		.useWed {
			font-weight:normal;
			font-size:11px;
			float:right;
			margin-right:20px;
		}	

		.fixed2col .button_pod {
			background: url('../images/button/button_continue.jpg') no-repeat;
			height: 23px;
			width: 90px;
			float:right;
			margin-right:40px;
			margin-bottom:25px;			
		}
			.categoryitem .button_pod {
				background: url('../images/button/button_update.jpg') no-repeat;
				width: 90px;
				height: 23px;
				margin: 8px 10px 0 0;
				padding: 0 0 0 0;
			}
			#designchooser { margin: 0 10px 0 10px; }
			.fixed2col #category {
				width: 968px;
				margin: 0 0 0 0px;
			}
			.fixed2col #category .col1 {
				width: 210px;
				float: left;
				background: url('../images/pod/pod_small_middle.jpg') repeat-y;
			}
			.fixed2col #category .col1 .categoryitem hr {
				background-image:none;
				background-color:#e5e5e5;
				height:1px;
			}	
			.fixed2col #category .col2 {
				width: 705px;
				float: left;
				background: url('../images/pod/pod_large_middle.jpg') repeat-y;
			}
			#designarea { padding: 0 5px 0 5px; }
			div.categoryitem label {
				float: left;
				width: 160px;
				height:auto;
				margin: 0;
				padding: 5px 0 2px 15px;
				font-weight:bold;
				font-size:11px;
			}
			div.categoryitem input {
				height: 20px;
				float: right;
				margin: 0 15px 0 0;
				padding: 0 0 0 0;
			}
			div.categoryitem li {
				background: url('../images/separator.jpg') bottom center no-repeat;
				height: 23px;
				width: 199px;
				margin: 5px 0 2px 5px;
				padding: 2px 0 1px 0;
			}
			div.categoryitem li a {
				background: url('../images/page-icon.png') top left no-repeat;
				font-size: 12px;
				margin-left: 10px;
				padding: 2px 0 0 26px;
				color: #535151;
				height:23px;
				display:block;
			}
			div.categoryitem li:hover {
				background: #eceef4 url('../images/separator.jpg') bottom center no-repeat;
			}
			#mypageorganise ul {
				margin: 5px 0 0 0;
			}
			.thumbnail_selection {
				float: left;
				width: 635px;
				background: url('../images/pod/thumbnail_selection_middle.jpg') repeat-y;
				margin: 0 0 0 25px;
			}
			#mediaItem .thumbnail_selection {
				float: none;
				margin: 0 auto;
			}
			#mediaItem .thumbnail_selection img {
				margin: 0 auto;
			}
			#mediaItem li {
				margin: 20px 5px 0 5px;
				float: left;
			}
			#mediaItem h3 {
				font-size: 14pt;
				font-weight: bold;
				margin: 20px 0 0 10px;
			}
			#mediaItem h4 {
				font-size: 11pt;
				font-weight: bold;
				margin: 5px 0 0 0;
				float: left;
			}
			#mediaItem .button {
				float: left;	
				width: 16px;
				margin: 0 4px 0 0;
			}
			#mediaItem div.comments {
				margin: 0 auto;
				width: 636px;
			}
			
			#mediaItem div.commenttext {
				float: left;
				font-size: 9pt;
				font-weight: 100;
				margin: 15px 5px 8px 10px;
			}
			#mediaItem .edittext { float: left; margin: 15px 5px 8px 10px; width: 500px; }
				
			#mediaItem .iconButton {
			 	width: 16px;
			 	height: 16px;			 	
				border: 0px;
				margin: 4px 0px;
			}
			#mediaItem .delete { background: url('http://shared.cleverclover.com/icon/?cross') no-repeat; }
			#mediaItem .save   { background: url('http://shared.cleverclover.com/icon/?disk') no-repeat; }
			#mediaItem .edit   { background: url('http://shared.cleverclover.com/icon/?page_white_edit') no-repeat; }
			#mediaItem .active { border: 1px solid #CC0; }

			
			#mediaItem .date { color: #444;	}
			#mediaItem div.info { float: left; height: 10px;	}

			
			
			#mediaItem p {	
				position: relative;	
			}
			#mediaItem .button img {	
				margin: 4px 2px 0 0;
			}
			#configwebsite .thumbnail_selection {
				margin: 0 0 0 35px;
				position:relative;
			}
			#category .col2 .button_pod {
				background: url('../images/button/button_continue.jpg') repeat-y;
				margin: 0 35px 0 0;
			}
			a.showall {
				float: right;
				margin: 8px 40px 0 0;
				font-weight: bold;
				font-size: 12px;
				text-decoration:none;
			}
				.fixed2col ul.design {
					margin: 0 10px 0 10px;
					padding: 0;
					float: left;
					display: inline;
					background: url('../images/design-ul-bk.png') no-repeat center;
					min-height:450px;
					width:670px;
				}
				.fixed2col ul.design li {
					background: #fff;
					width: 146px;
					height: 139px;
					float: left;
					display: inline;
					margin: 4px;
					position: relative;
				}
				.fixed2col ul.design li.selected {
				}
				.fixed2col ul.design li.selected div {
					background: url('../images/design_selected.png') no-repeat center;
					width:164px;
					height:157px;
					position:absolute;
					top:-9px;
					left:-9px;
				}	
				.fixed2col ul.design li span {
					font-size:11px;
					padding-left:5px;
					font-weight:normal;
				}	
				.fixed2col ul.design li img.thumbdesign {
					margin: 7px 6px 5px 6px;
				}
				.fixed2col ul.design li img.mag {
					position: absolute;
					margin: 7px 5px 5px 6px;
					top: 0;
					right: 0;
				}
				.fixed2col ul.design li h3 {
					float: left;
					margin: 2px 10px 0 8px;
					font-size: 12px;
					font-weight: bold;
				}
				.fixed2col ul.design li input {
					float: left;
					margin: 2px 0 0 10px;
				}
				.fixed2col img.currentdesignthumb {
					margin: 0px 0 10px 15px;
				}
.fixed3col {
	width: 750px;
	margin: 0 auto;
}
	.fixed3col .col1 {
		float: left;
		width: 212px;
		margin: 0;
	}
	.fixed3col .col2 {
		float: left;
		width: 284px;
		margin: 0 20px 0 20px;
	}
	.fixed3col .col3 {
		float: left;
		width: 212px;
		margin: 0;
	}
	.fixed3col .pod {
		float: left;
		width: 288px;
		background: url('../images/pod/middle.jpg') repeat-y;	
		color: #3b3a3a;
	}
		.fixed3col .pod form div {
			width: 260px;
			margin: 0 10px 0 10px;
			font-size: 11pt;
			font-weight: bold;
		}
		.fixed3col .pod input.txt {
			width: 142px;
			float: right;
			background: url('../images/input.gif') no-repeat;
			width: 142px;
			height: 22px;
			border: 0;
			padding: 3px 15px 5px 4px;
			font-size: 12px;
			float: right;
		}
		.fixed3col .pod label {
			height: 22px;
			width: 80px;
			float: left;
		}
		#register label {
			width: 75px;
		}
		.input.radio  {
			margin: 0 10px 0 15px;
		}
		.fixed3col .button_pod {
			background: url('../images/button/button_blue.gif') center no-repeat;
			height: 26px;
			width: 156px;
			margin: 15px 10px 0 10px;
			float: right;
		}
		.fixed2col .scroll_left {
			width: 31px;
			height: 72px;
			position: absolute;
			z-index: 9;
			top: 190px;
			left: -31px;
			background: url(../images/prev-but.jpg) no-repeat center;
			cursor: pointer;
		}
		.fixed2col .scroll_right {
			width: 31px;
			height: 72px;
			position: absolute;
			z-index: 10;
			top: 190px;
			right: -31px;
			background: url(../images/next-but.jpg) no-repeat center;
			cursor: pointer;
		}
		.scroll_right:hover {
			background: url(../images/next-but-on.jpg) no-repeat;
		}
		.scroll_left:hover {
			background: url(../images/prev-but-on.jpg) no-repeat;
		}
		.fixed2col #designarea .scroll_left { top: 555px; }
		.fixed2col #designarea .scroll_right { top: 555px; }	
				
		div.editwebsite .button_pod {
			background: url('../images/button/button_pink_finish.gif') no-repeat;
			margin: 0 auto;
			margin: 0 30px 15px 0;
		}
		.fixed3col select {
			width: 140px;
		}
		.fixed3col p { 	margin: 20px 5px 25px 10px; }


/*	=7:	[DASHBOARD STYLES] -------------------------------------*/
.fixed1col .dashboardMain {
	float: left;
	width: 670px;
	background: url('../images/pod/pod_dashMain_middle.jpg') repeat-y;
}
.fixed1col .dashboardMain table {
	width: 98%;
	margin: 0 auto;
}

.fixed1col .dashboardMain a {
	font-weight:bold;
	color:#000;
}

.fixed1col .dashboardMain a:hover {
	font-weight:bold;
	color:#9a44a0;
}

.fixed1col .dashboardSide {
	float: left;
	width: 208px;
	background: url('../images/pod/pod_small_middle.jpg') repeat-y;
	margin-left: 10px;
}

.fixed1col .dashboardSide a {
	text-transform:capitalize;
}

.dashboardSide table, .dashboardMain table {
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
}
	.dashboardSide table td {
		padding: 4px;
		font-weight: bold;
		vertical-align: middle;
	}
	.dashboardSide table td.statLabel {
		text-transform: uppercase;
		font-size: 11px;
	}
	.dashboardMain table tr.posted td {
		text-align: right;
		color: #444;
	}
	.dashboardMain table tr.info td {
		padding: 4px;
		border-bottom: 1px solid #ccc;
	}
	
	
hr.podDashMain {
	background: url('../images/line_break_dashMain.jpg') repeat-x;
	width: 660px;
}

.spaceusage {
	width: 820px;
	height: 25px;
	margin: 15px 0 20px 0px;
}

.spaceusage_bg {
	margin-top:8px;
	width: 750px;
	height: 18px;
	background: url('../images/spaceBar_bkground.jpg') no-repeat bottom left;
	float: left;
	position: relative;
}

.space {
	width: 750px;
}

.spaceBar { 
	float: left;
	position: relative;
	background: url('../images/spaceBar_filler.jpg') no-repeat;
	height:18px;
}

.alert {
	background: url('../images/spaceBar_filler_alert.jpg') no-repeat;
}

img.spaceRight { 
	margin : 9px 0 0 0; 
	float: left;
	position: relative;	
}

.spaceusage p {
	float: left;
	margin: 0 5px 0 0;
	font-size: 13px;
	font-weight: bold;
}

span.spaceOut {
	color: #fff;
	position: absolute;
	top: 2px;
	left:350px;
	font-weight: bold;
	font-size: 12px;
}

span.spaceIn {
	color: #93509d;
	position: absolute;
	top: 2px;
	left:350px;
	font-weight: bold;
	font-size: 12px;
}

span.message {
	color: red;
	height: 20px;
	width: 40px;
}
p.spaceinfo {
	font-size: 11px;
	margin: 0 0 0 100px;
}
	
/* -------  [BROWSE TABLE] ----------   */
.tableStyle {
	position:relative;
	width:97%;
	height:auto;
	float:left;
}	

.tableStyle .cornerMe {
	width:10px;
	height:10px;
}	

.tableStyle .cornerTopLeft {
	background: url('../images/top-left-corner.gif');
	position:absolute;
	top:-1px;
	left:-1px;
}

.tableStyle .cornerTopRight {
	background: url('../images/top-right-corner.gif');
	position:absolute;
	top:-1px;
	right:0px;
}

.tableStyle .cornerBottomLeft {
	background: url('../images/bottom-left-corner.gif');
	position:absolute;
	bottom:0px;
	left:-1px;
}

.tableStyle .cornerBottomRight {
	background: url('../images/bottom-right-corner.gif');
	position:absolute;
	bottom:0px;
	right:0px;
}

table.browse {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width:100%;
}

	table.browse .tiny {
		width:20px;
	}	
	
	table.browse thead {
		background-color: #e0b0e0;
		height: 35px;
	}
	table.browse th {
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		padding: 2px 0 0 0;
		height: 27px;

		border-bottom: 1px solid #711d75;
	}
	table.browse td {
		color: #000;
		padding: 6px 0px 6px 10px;	
		text-align: center;	
		vertical-align: middle;
		font-size: 9pt;
	}
		table.browse td.left { text-align: left; }
		table.browse tr.row1 { background-color: #f9e9fa; }
		table.browse tr.row2 { background-color: #efd4ef; }
		
		table.browse th a, table.browse th a:visited, table.browse th a:hover { color: #000; text-decoration: none; }		
		table.browse a, table.browse a:visited, table.browse a:hover {
			color: #CA34CC;
			font-weight: bold;
			text-decoration: none;
		}
		table.browse a:hover { text-decoration: underline; }
	
/* -------  [DASHBOARD (other styles)] ----------   */

.fixed1col ul li img.mag {
	position: absolute;
	margin: 7px 6px 5px 6px;
	top: 300px;
}
#configweb { margin:0 auto;}

span.font { 
	font-size: 11pt;
	font-weight: 100;
}


/* -------  [STAGE 6 - PAYMENT OPTIONS] ----------   */
div.paymentoptions {
	width: auto;
	margin-left:200px;
	margin-right: 50px;
	font-weight: normal;
}

	div.paymentoptions span {
		font-weight: bold;
		font-size: 12px;
	}
	
	.cardspayments {
		width: 250px;
		height: auto;
		margin: 20px 25px 0 15px; 
	}
		.cardspayments h3 {
			color: #bebebe;
			margin: 0 0 5px 0;
			font-size:11px;
		}
	
	
img.golive {
	position: relative;
	top: -60px;
	margin: 0 0 0 20px;
	padding: 0;
}
p#golive {
	margin-top: -40px;
}

/* -------  [STAGE/REGISTRATION STYLES] ----------   */
#breadcrumbs {
	font-size: 11px;
	padding: 0 0 5px 5px;
	margin-top: 18px;
	text-align: left;
	color: #444;
}
	#breadcrumbs a { color: #711d75; }
	#breadcrumbs a:hover { color: #711d75; text-decoration: underline; }


	.stepheader { height: 50px; margin: 20px 0 0 20px; float:left; width: 620px; }
	#step1header span { color: #00ccff; }
	#step2header span { color: #ff6600; }
	#step3header span { color: #99cc00; }
	#step4header span { color: #ff00cc; }
	#step5header span { color: #ff3300; }
	#step6header span { color: #ffc000; }
	
	.stepbutton { margin: 20px 10px 0 0; float:right; }
	.stepbutton a {
	display: block;
	cursor: pointer;
	height: 31px;
	width: 137px;
	}
	#step1 { background: url(../images/button/step1_back_button.gif) no-repeat; }
	#step2 { background: url(../images/button/step2_back_button.gif) no-repeat; }
	#step3 { background: url(../images/button/step3_back_button.gif) no-repeat; }
	#step4 { background: url(../images/button/step4_back_button.gif) no-repeat; }
	#step5 { background: url(../images/button/step5_back_button.gif) no-repeat; }
	#step6 { background: url(../images/button/step6_back_button.gif) no-repeat; }

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	


/*	=8:	[FOOTER] ------------------------------------------*/	
#foot {
	clear: both;
	bottom: 0px;
	height: 84px;
	width: 961px;
	margin: 0 0 0 55px;
}

#footer {
	position: relative;
	margin: 30px 0px 10px 0px;
	background: url('../images/footer_bg.jpg') repeat-x;
	height: 29px;
}

/**************************************************************************
	POPUP POD
/**************************************************************************/
.popUpText {
	width: 735px;	
}
.popUpText h2.title, .popUpUpload h2.title {
	margin: 11px 0 0 20px;
	color: #fff;
}
	.popUpText .top {
		background: url('../images/pod/popup_top.gif') no-repeat;
		width: 653px;
		height: 43px;
		float: left;
	}
	.popUpText .middle {
		background: url('../images/pod/popup_middle.gif') repeat-y;
		width: 653px;
		float: left;
	}
	.popUpText .bottom {
		background: url('../images/pod/popup_bottom.gif') no-repeat;
		width: 653px;
		height: 24px;
		float: left;
	}
	.popUpText fieldset {
		border: 0;
	}	

.popUpBorder {
	width: 636px;
	margin: 10px 0 0 10px;
	float: left;
}
	.popUpBorder .top {
		background: url('../images/pod/popup_border_top.gif') no-repeat;
		width: 636px;
		height: 21px;
		float: left;
	}
	.popUpText .close {
		position: absolute;
		height: 73px;
		width: 73px;
		cursor:pointer;
		top: 5px;
		right: 10px;	
	}
	.popUpBorder .middle {
		background: url('../images/pod/popup_border_middle.gif') repeat-y;
		width: 636px;
		float: left;
	}
	.popUpBorder .bottom {
		background: url('../images/pod/popup_border_bottom.gif') no-repeat;
		width: 636px;
		height: 16px;
		float: left;
	}
	.popUpBorder h2 { font-size: 15px; font-weight: bold; margin: 0 0 0 10px; }
	.popUpBorder h2 span { color: #711d75; }
	.popUpBorder .texteditor {
		width: 620px;
		margin: 7px;
	}
	
	.popUpBorder .tinymceButton {
		background: url('../images/button/saveText.jpg') no-repeat;
		width: 114px;
		height: 27px;
		border: 0;
		float: right;
		margin: 10px 15px 0 0;
		cursor: pointer;
	}

.thumb {
	position:relative;
	width: 160px;
	height: 160px;
	overflow: hidden;
}	
.thumboverlay {
	width: 160px;
	height: 166px;
	background: url('../images/imageOverlay.gif') no-repeat;	
	position: absolute;
	margin-top: 10px;
}

.popUpUpload {	width: 546px;}
	.popUpUpload .top {
		background: url('../images/pod/small_popup_top.gif') no-repeat;
		width: 464px;
		height: 56px;
		position: relative;
	}
	.popUpUpload .middle {
		background: url('../images/pod/small_popup_middle.gif') repeat-y;
		width: 464px;
		float:left;
		padding: 0 0 0 25px;
	}
	.popUpUpload .bottom {
		background: url('../images/pod/small_popup_bottom.gif') no-repeat;
		width: 464px;
		height: 18px;
		float:left;
	}
	.popUpUpload .content {
		width: 250px;
		float: left;
	}
	.popUpUpload .content form label {
		font-size: 16px;
		font-weight: bold;	
	}
	.popUpUpload .thumb {
		width: 160px;
		height: 165px;
		float: left;
		overflow: hidden;
		margin: 5px 0 0 0;
	}
	.popUpUpload .text {
		background: url('../images/input.jpg') no-repeat;
		border: 0;
		height: 29px;
		width:248px;
		font-size: 14px;
		padding: 4px 10px 4px 6px;
		margin: 2px 0 0 0;
	}
	.popUpUpload .upload {
		background: url('../images/button/browse.jpg') no-repeat;
		width: 114px;
		height: 48px;
		border: 0;
		float: left;
		margin: 5px;
		cursor: pointer;
	}
	.popUpUpload .upload {
		background: url('../images/button/upload.jpg') no-repeat;
		width: 114px;
		height: 48px;
		border: 0;
		float: left;
		margin: 5px;
		cursor: pointer;
	}
	.popUpUpload .close {
		position: absolute;
		height: 73px;
		width: 73px;
		cursor:pointer;
		top: -5px;
		right: 7px;	
	}
	
	.popUpUpload fieldset {
		border: 0;
		padding-left:10px;
	}	
	
	
	
/**************************************************************************
	CONSOLE BOX
/**************************************************************************/
#console, #console_off {
	top: 45px;
	right: 15px;
	position: absolute;
	width: 290px;
	height: 86px;
	background: url('../images/view-website2.jpg') no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#console_off {
	background: url('../images/view-website2_off.png') no-repeat;
}


#console p {
	line-height: 0px;
}

#console p#msg {
	position: absolute;
	top: 20px;
	left: 8px;
	font-size: 8pt;
	line-height: 12px;
	padding: 0px;
	margin-top: 4px;
	width: 180px;
}

#console  a {
	position: absolute;
	color: #fff;
	font-weight:bold;
	font-size:12px;
	top:0px;
	left:0px;
	display:block;
	padding-top:62px;
	padding-left:60px;
	width:230px;
	height:20px;
	text-decoration: none;
}

#console a:hover {
	color: #fccdff;
	text-decoration: none;
}

#console img {
	position:absolute;
	top:-8px;
	right:12px;
}	

/*---------EDS CHANGES REBUILD JUNE 2009-----------*/
.stepNav a, .stepNav a img {
	padding:0;
	margin:0;
	float:left;
}

.stepNav a {
	height:auto;
	width:auto;
}	

.subHead {
	font-weight:bold;
	font-size:14px;
	padding:0 0 10px 10px;
}	

.s3 {	color:#ff00cc; }
.s4 {
	color:#99cc00;
	margin: 0;
	line-height: 0;
}

.filterColor {
	float:right;
	margin-right:10px;
}

.color {
	float:left;
	width:15px;
	height:15px;
	margin-right:5px;
}

.color label {
	width:15px;
	height:15px;
	float:left;
	display:block;
	cursor:pointer;
	padding:0;
	margin:0;
	border:1px solid #ccc;
}

.colorSelected {
	background: url('../images/check.gif') no-repeat center;
}

.dark .colorSelected {
	background: url('../images/checkWhite.gif') no-repeat center;
}
	

.filterColor input {
	border:none;
	float:left;
	cursor:pointer;
	padding:0;
	margin:0;
	width:1px;
	position:absolute;
	top:-9999999999999px;
	left:-9999999999999px;
}

.filterColor span {
	float:left;
	padding-right:10px;
}

/*-----------WEBSITE PREVIEW------------*/
.previewHolder {
	float:left;
	width:676px;
	height:475px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
}

.overlay {
	float:left;
	width:676px;
	height:475px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/overlay-tile.png) repeat;
}

.overlay2 {
	float:left;
	width:676px;
	height:475px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/overlay-tile.png) repeat;
}

	.insertBox {
		background:url(../images/insert-tile.png) repeat;
		position:absolute;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		display:table;
	}
	
	.insertBox span {
		display:table-cell;
		vertical-align:middle;
		position:relative;
		top:20%;
	}
	
	.insertBox span img {
		margin:0 auto;
		text-align:center;
	}	
	
	.navPreview ul {
		float:left;
		margin-top:10px;
		margin-left:10px;
		text-align:left;
		font-size:10px;
	}

	
/*------=7:	 [LISTS] ---------------------------------------*/
ol, ul { list-style: none; }

/*------=8: [FORMS] ---------------------------------------*/
form {margin-bottom: 0px;}
input.checkbox { width: 15px;}
.text, .txt { width: 210px; }
.tiny { width: 20px; }
.smaller { width: 60px; }
.small { width: 85px; }
.med	{ width: 110px; }
.size180 { width: 180px; }
.large  { width: 220px; }
.xlarge { width: 350px; }

.readonly { background-color: #ebebeb; }

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border:1px solid #CCCCCC;
	padding: 2px;
}

input[type='text'], input[type='file'], input[type='password'], select {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 13px;
}

input.button_pod, input.button_pod_red {
	color: #454545;
	font-weight: 100;
	font-family: "Trebuchet MS",Garamond,Georgia;
	letter-spacing: -1px;
	word-spacing: -0.5px;
	font-size: 17px;
	text-transform: capitalize;
	cursor: pointer;
	border: 0;
}

.buttonPink { background: url('../images/button/button_pink_finish.gif') no-repeat; }
		

label {
	height: 22px;
	font-size: 13px;
	margin-right: 5px;
	color: #535151;
	text-align: left;
	font-weight: bold;
}
label img {
	float: left;
}

fieldset {
	margin: 0px;
	border: 1px solid #aaa;
}
	fieldset sup { margin-left: 3px; color: #cc0000; }

legend { 
	font-weight:bold;
	font-size:15px;
	letter-spacing: 0.5pt;
	color: #535151;
}

.fixed1col fieldset, .fixed2col fieldset, .fixed3col fieldset { border: 0px; }
.fixed1col fieldset p, .fixed2col fieldset p, .fixed3col fieldset p { margin: 0px; padding: 3px; clear: both; }


/* [ERROR DISPLAY LIST] ---------------------------------------*/
ul#formFeedback {
	margin: 0px auto;
	width: 75%;
	list-style-position: outside;
	padding: 4px 4px 4px 4px;
	border: 1px solid #9999ff;
}

ul#formFeedback li { float: none; padding: 2px 2px 2px 10px; font-weight: normal; margin: 0px; }

/*------=9: [IMAGES] --------------------------------------*/
img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }
		

/*------=10: [MISC] ----------------------------------------*/
#ieNotice {	display: none; }
.hide { display: none; }
p.pink {
	color: #711d76;
}
.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }


/*---------CHANGE COLOR7 Pink HERE------------*/
.colorChange7, .colorChange7 .drag-handle, .colorChange7 .drag-statusarea {	background-color:#711D75; }

.colorChange7 a {	color:#000; }

.colorChange7 #navigation a {	color:#fff; }	

.colorChange7 #navigation .selectedPage a {	color:#f977ff; }

.colorChange7 table.browseTbl tr.row1 td { 	background: #fdcaff; }

.colorChange7 .smallButton, .colorChange7 .medButton, .colorChange7 .tinyButton, .colorChange7 .recordFirst, .colorChange7 .recordNext, .colorChange7 .recordLast, .colorChange7 .recordPrevious {	background-color:#995C9C;
}

.colorChange7 .dashBoard {
	color:#99cc00;
}

.search_btn {
	display: inline-block;
	background-image: url('../images/client/but_filter_off.png');
	background-repeat: no-repeat;
	width: 53px;
	height: 20px;
}


/* ---- BUTTON STYLES  (from Sprite Sheet) ---- */
.smallButton, .medButton, .tinyButton {
	display: inline-block;
	background-image: url('../images/sprite_sheet.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	cursor: pointer;
	border: 0px;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}

	.smallButton {
		width: 57px;
		height: 22px;
		background-position: -344px -50px;
	}

	.tinyButton {
		width: 47px;
		height: 22px;
		background-position: -414px -50px;
	}
	
	.tinyButton:hover { background-position: -414px -73px; }

	.smallButton:hover { background-position: -344px -73px; }

	.medButton {
		width: 110px;
		height: 22px;
		background-position: -430px -129px;
	}
	.medButton:hover { background-position: -430px -152px; }

#recordSet { margin: 10px; }

	.recordFirst, .recordPrevious, .recordNext, .recordLast {
		float: left;
		margin: 2px;
		border: 0px;
		width: 20px;
		height: 22px;
		background-image: url('../images/sprite_sheet.png');
		background-repeat: no-repeat;
		background-attachment: scroll;
		cursor:pointer;
	}
	.recordFirst { background-position: -65px -208px; }
	.recordFirst:hover { background-position: -65px -231px; }

	.recordPrevious { background-position: -90px -208px; }
	.recordPrevious:hover { background-position: -90px -231px; }

	.recordNext { background-position: -115px -208px ; }
	.recordNext:hover { background-position: -115px -231px ; }

	.recordLast { background-position: -140px -208px; }
	.recordLast:hover { background-position: -140px -231px; }

/* ---- END BUTTON STYLES ---- */

.indent {
	padding-left:20px;
}

.indent p {
	font-weight:bold;
}

.button_pod_wedding {
	background: url('../images/wed-area-but.jpg');
	width:134px;
	height:23px;
	border: 0;
	margin:20px 0 0 85px;
	cursor:pointer;
}

.button_pod_nav {
	background: url('../images/button_nav.jpg');
	width:134px;
	height:23px;
	border: 0;
	cursor:pointer;
}

.button_pod_layout {
	background: url('../images/button_layout.jpg');
	width:134px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:right;
	margin-right:18px;
}

.button_pod_change {
	background: url('../images/but-change.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:right;
	margin-right:35px;
}

.button_pod_save {
	background: url('../images/button_save.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:right;
	margin-right:18px;
}

.button_pod_save_left {
	background: url('../images/button_save.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:left;
	margin-right:18px;
}

.button_pod_delete {
	background: url('../images/button_delete.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:right;
	margin-right:18px;
}

.button_pod_new {
	background: url('../images/button_new.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

div.categoryitem input.button_pod_new, div.categoryitem input.button_pod_recomended, div.categoryitem input.button_pod_nav, div.categoryitem input.button_pod_blank, div.categoryitem input.button_pod_template {
	height:23px;
	margin-right:10px;
}

.button_pod_recomended {
	background: url('../images/button_recomend.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

.button_pod_template {
	background: url('../images/button_template.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

.button_pod_blank {
	background: url('../images/button_blank.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

.button_pod_misc {
	background: url('../images/button_misc.png');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.button_pod_misc_large {
	background: url('../images/button_misc_large.jpg');
	width:134px;
	height:23px;
	border: 0;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.goodStyles {
	margin-left:10px;
}	

.goodStyles label {
	font-size:11px;
	padding-left:5px;
	margin-top:3px;
}

.goodStyles input {
	font-size:11px;
}


.quickIntro {
	width:86%;
	background: url('../images/icon_media.gif') no-repeat left top;
	padding-left:50px;
	padding-bottom:10px;
	margin-left:20px;
}

.margLeft {
	margin-left:25px;
}

.margRight {
	margin-right:10px;
}

.margTop {
	margin-top:20px;
}

.fontStyles {
	font-weight:bold;
	font-size:11px;
}

.resetPad {
	padding:0;
	margin:0;
}

.nextPrev {
	font-weight:bold;
	font-size:12px;
	width:auto;
}

.nextPrev a.active {
	font-weight:bold;
	font-size:15px;
	color:#aa63a5;
}

.nextPrev a.prev {
	dislpay:block;
	height:12px;
	padding-left:14px;
	background: url('../images/sml-prev.jpg') no-repeat center left;
}

.nextPrev a.next { 
	dislpay:block;
	height:12px;
	padding-right:14px;
	background: url('../images/sml-next.jpg') no-repeat center right;
}	

#photoFix li img {
	margin-left:15px;
}

#photoFix li span {
	font-weight:normal;
	font-size:11px;
}

#photoFix li input {
	margin-right:5px;
}

.custUpgrade {
	float: left; 
	width: 760px; 
	margin-left: 100px;
}

.eventPodTop {
	background: url('../images/guest-top.jpg') no-repeat;
	width:848px;
	height:44px;
	padding-top:5px;
	position:relative;
}	

.eventPod {
	background: url('../images/guest-middle.jpg') repeat-y;
	width:848px;
	height:auto;
	margin-left:25px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
}

.eventPodDescription {
	width:540px;
	float:left;
}	

.eventPodDetails {
	float:left;
	width:270px;
	padding-left:10px;
}	

.eventPodBot {
	background: url('../images/guest-bot.jpg') no-repeat;
	width:848px;
	height:19px;
}

.eventDetails h2 {
	color:#fff;
}

.eventDetails span {
	font-size:11px;
	padding-left:20px;
	color:#fff
}

.eventDetails a {
	color:#fff;
	float:right;
	position:absolute;
	top:9px;
	right:15px;
}

.eventDetails input {
	float:left;
	margin-left:10px;
	margin-top:2px;
}

#eventFix {
	width:900px;
	background:url('') #dedede;
}	

.welcomeMsg {
	width:927px;
	height:258px;
	background: url('../images/welcome-pic.jpg') no-repeat;
	margin:0 auto;
	padding-bottom:10px;
	position:relative;
}

.welcomeMsg a {
	color:#fff;
}

.welcomeMsg a.view {
	width:215px;
	height:27px;
	position:absolute;
	display:block;
	bottom:10px;
	left:0px;
}	

.welcomeDetails {
	color:#fff;
	font-size:11px;
	position:absolute;
	top:100px;
	left:20px;
}

.welcomeMsgReturn {
	background: url('../images/welcome-pic2.jpg') no-repeat;
}

.welcomeMsgReturn .welcomeDetails {
	top:60px;
}

/* -- SWF Upload STYLES -- */


/* -- Form Styles ------------------------------- */
input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */
#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Arial, Helvetica, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.ghostOut {
	position:absolute;
	top:2px;
	right:0;
	z-index:3;
	width:356px;
	height:30px;
	background:url(../images/ghostout.gif);
}

#bottomMenu { 
	margin-top:7px;
	margin-left:10px;
	width:550px;
	float:left;
	color:#fff;
	font-size:11px;
	width:100%;
}

#bottomMenu a { 
	color: #ffffff;
	font-size:11px;
}

#copyrightInfo {
	float:right;
	padding-right: 20px;
}



/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

.purple {
	color:#8443b8;
}	

.smallTxt {
	font-size:10px;	
}

input.button_pod_template {
	background-image: url('../images/button_template.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

input.button_pod_blank {
	background-image: url('../images/button_blank.jpg');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
}

input.button_pod_deletePage {
	background-image: url('../images/button_deletepage.jpg');
	width:134px;
	height:23px;
	border: 0;
	cursor:pointer;
	float:right;
	margin-right:12px;
	margin-bottom:10px;
}

#photoFix li.albumSelector {
	background:url('../images/albumSelect_Bk.jpg');
	width:403px;
	height:153px;
}

#photoFix li.albumSelector p {
	text-align:left;
	font-size:11px;
}

#photoFix li.albumSelector h2 {
	padding-left:0px;
}

.pad10 {
	padding:10px;
}

#photoFix li.albumSelector .bold {
	font-weight:bold;
}