@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Lucida Sans", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	background: #cccccc;
}

img {
	border: 0;
	}
	
#page {
	width: 800px;
	margin: auto;
	background-color: #FFFFFF;
	border: 1px solid #666;
}
#page #header {
	background-color: #5EB3E0;
	height: 72px;
}
#page #header #logo {
	float: left;
	width: 300px;
	padding: 5px 0 10px 10px;
}
#page #header #logo a {
	font-style: normal;
	color: #000000;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	
}

#page #headline {
	text-algin: left;
	font-size: 24px;
	line-height: 33px;
	padding: 10px;
	font-weight: bolder;
	background-image: url(../images/final_tiling.gif);
	background-repeat: repeat-x;
}

	#page #headline p {
		margin: 0px;
		padding: 0px;
	}

#page #menu {
	background-color: #5EB3E0;
}

#page #menu ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 3px;
}
#page #menu li {
	display: inline;
	padding: 6px 8px 4px 4px;
	margin-right: 8px;
	border-right: solid 1px #fff;
	font-size: 12px;
}

#page #menu a {
	font-weight: bolder;
	text-decoration: none;
	color: #fff;
	padding-right: 10px;
}

#page #menu a:hover {
	color: #111;
}

#page #footer {
	font-size: 10px;
	line-height: 14px;
	margin-top: 20px;
	background-color: #aed9ef;
	text-align: center;
	padding: 15px 5px 5px;
	border-top: 1px solid #aaa;
	}
	#page #footer ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
		#page #footer li {
			display: inline;
			padding-right: 10px;
		}
			#page #footer a {
				color: #000;
				text-decoration: underline;
			}
				#page #footer a:hover {
					color: #666;
				}


.clear {
	clear:both;
}

.img-right {
	float: right;
	padding-left: 10px;
	margin-top: 6px;
}


#legal {
	font-size: 10px;
	line-height: 12px;
}
.screenshot, .themeshot {
	margin: 10px;
	padding: 10px;
	float: left;
	width: 140px;
	background: #cccccc;
	border: 1px solid #888;
	text-align: center;
}

.themeshot {
	width: 200px;
	}

.screenshot img {
	border: 1px solid #dddddd;
	height: 83px;
	margin-bottom: 5px;
	border: 1px solid #aaa;
}

.themeshot img {
	border: 1px solid #dddddd;
	height: 160px;
	margin-bottom: 5px;
	border: 1px solid #aaa;
	}

#page #content h2 {
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
}

#content {
padding-top: 10px;
}
.red {
	color: #990000;
}

.blue {
	color: #0362B1;
}

.blue2 {
	color: #000099;
	margin-bottom: 10px;
}

.padding-left {
	padding-left: 20px;
}

.padding-left2 {
	padding: 0 40px;
}

.padding {
	padding-right: 30px;
	padding-left: 30px;
}


.line-top {
	border-top: solid 1px #3C4043;
}

.feature {
	padding: 10px;
	text-align: center;
}

#sitemenu {
	font-size: 12px;
	text-transform: uppercase;	
	text-align: right;
	padding-top: 33px;
}

#sitemenu ul {
	list-style: none;
}

#sitemenu li {
	display: inline;
	padding-right: 10px;
}

#sitemenu a {
	color: #FFFFFF;
	text-decoration: none;
}
#sitemenu a:hover {
	color: #111;
	text-decoration: none;
}


#breadcrumbs {
	padding: 15px 0 0 30px;
}

.button-yes {
	color:#FFFFFF;
	background-color: #003300;
	border: solid 1px #000000;
}

.button-no {
	background-color: #330000;
	border: solid 1px #000000;
}

.button-grey {
	background-color: #cccccc;
	border: solid 1px #000000;
}


.error {
	color: #990000;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;	
}

.textarea {
	height: 70px;
	width: 310px;
	border: 1px solid #AED9EF;
}

.textfield {
	height: 20px;
	width: 310px;
	border: 1px solid #AED9EF;
}

#page #content h1 {
	font-size: 36px;
	font-weight: normal;
	line-height: 48px;
}

h1.notop {
	margin-top: 10px;
	}

.benefits li {
	margin-bottom: 15px;
	}
	
.before {
	clear: left;
	float: left;
	margin: 0 15px 20px 175px;
	}

.after {
	float: left;
	margin: 0 0 20px;
	} 
	
	.after, .before {
		padding: 5px;
		border: 1px solid #aaa;
		}

.top {
	text-align: center;
	font-size: 12px;
	}
	
.instructions {font-size: 12px; line-height: 14px; color: #333333;}

table.benefits {
	width: 100%;
	}
	
	table.benefits td {
		text-align: center;
		background-color: #ccc;
		padding: 5px;
		}
		
	table.benefits strong {
		font-size: 16px;
	}
		
.greenbox {
	\\color: #fff;
	\\width: 359px;
	\\height: 212px;
	\\margin: auto;
	\\background: url(../images/greenbox.png) no-repeat;
	text-align: center;
	\\padding: 10px 0 0;
	}
	
	.greenbox h2 {
		margin-bottom: 5px;
		color: #990000;
		}
		
	.greenbox img {
		\\margin-top: 10px;
		}

p.clear {
	clear: both;
	}
	
.topheader {
	margin-top: 5px;
	}




#error {
	margin: 10px;
	padding: 10px;
	color: #ffffff;
	background-color: #990000;
	border: solid 1px #000000;
}

#success {
	margin: 10px;
	padding: 10px;
	color: #ffffff;
	background-color: #000099;
	border: solid 1px #000000;
}

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


#editoptions ul {
	list-style: none;
}

#editoptions li{
	background-image: url(../images/button_big.png);
	padding: 10px 0px 0px 35px;
	height: 30px;
}

#editoptions li a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}


#editoptions li a:hover {
	color: #000000;
}

.clear {clear:both;}

#editoptions {
	float: left;
	width: 300px;
	font-size: 12px;
}

#todooptions {
	float: right;
	width: 300px;
	font-size: 12px;
	margin: 0px;
}

.disclaimer {
	font-weight: bold;
	font-size: 12px;
	}
	
.make {
	margin-bottom: 0;
	}
	
	p.make {
		margin: 0;
		}
		
.personal {
	padding: 0;
	padding-left: 20px;
	}
	
	.personal ul {
		list-style-type:disc;
		}
		
.terms {
	list-style-type:upper-alpha;
	padding-left: 20px;
	}
	
	.terms li {
		margin-bottom: 15px;
	}
	
	.terms li ul li, .terms li ol li {
		margin: 0;
		}
		
.aff-res {
	padding-left: 20px;

}
		
.affil-terms {
	font-size: 11px;
	line-height: 13px;
	}
	
.bef-aft-img {
	margin-left: 155px;
	}
	
ol.faq li {
	margin-bottom: 10px;
	}
	
.center {
	text-align: center;
	}

.toppar {
	width: 505px;
	}
	
.bottompar {
	width: 760px;
	}
	
p.indent {
	margin-left: 15px;
	}
	
p.left {
	margin-left: 25px;
	}
	
ul.left {
	padding-left: 55px;
	}
	
p.system {
	margin: 0 0 15px 50px;
	font-size: 10px;
	}
	
p.company {
	margin-left: 50px;
	}
	
p.short {
	margin-bottom: 0;
	}	
	
p.lessthan {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #990000;
	}
	
img.right {
	float: right;
	margin-left: 10px;
	}
	
.steps {
	color: #0362B1;
	font-size: 20px;
	}
	
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}

.uploaderpic {
	padding: 10px;
	border: 1px solid #aaa;
	margin: 0 10px;
	}
	
#uploader {
	display: none;
	}
	
#picupload_div {
	margin-top: 10px;
}

div#examples {
	text-align:center;
	}

div#examples img {
	margin-bottom: 15px;
	}