/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("./reset.css");




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY and everything site wide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#wrapper {
		position: relative;
		width: 900px;
		margin: 0 auto;		
		background: url("../images/bg.gif") repeat-y top left;
		}
		
		.clear { clear: both; }
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }
			
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 100%;
		height: 80px;
		background: #D8EDF7;
		border-bottom: 1px solid #29ABE2;
		}
		
		#header div.inner {
			width: 900px;
			margin: 0 auto;
			position: relative;
			}
	
			h1 {
				display: block;
				width: 280px;
				height: 53px;
				background: url("../images/logo.png") no-repeat;
				padding: 0;
				position: absolute;
				top: 15px;
				left: 0;
				}
				
				h1 a {
					display: block;
					position: absolute;
					width: 262px;
					height: 53px;
					top: 0;
					left: 0;
					}
					
					h1 a span { display: none; }
			
			


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MENU
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#menu {
		position: absolute;
		top: 32px;
		right: 20px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-shadow: #fff 0 1px 0;
		}
		
		#menu li {
			display: inline;
			padding: 0 0 0 15px;
			}
			
			#menu li a { color: #3894C6; text-decoration: none; }
			
				#menu li a:hover { color: #2B739A; }
	
	
	
	
	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COLUMNS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#page-title {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 30px;
		text-shadow: #fff 0 1px 0;
		color: #333;
		margin: 40px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #D8D8D8;
		}
	
	.column {
		float: right;
		width: 425px;
		padding: 0 0 50px 0;
		margin: -50px 0 0 0;
		font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
		}
			
		#column1 {
			float: left;
			margin: -50px 30px 0 0;
			}

		.column a { color: #DC4379; text-decoration: none; }
		
			.column a:hover { color : #3894C6; border-bottom: 1px dotted #235F80; }
			
		.column h2 {
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 20px;
			margin: 50px 0 14px 0;
			color: #064375;
			border-bottom: 1px solid #D8EDF7;
			padding: 0 0 8px 0;
			}
			
			.column h2.important {
				padding: 0;
				border: none;
				color: #444;
				margin: 50px 0 14px 0;
				}
				
				#how { margin: 50px 0 14px 0; }
			
				.column h2.important span {
					color: #fff;
					background: #BA010A;
					border: 1px solid #BA010A;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					padding: 1px 9px;
					font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
					position: relative;
					top: -1px;
					font-size: 18px;
					}
			
		.column h3 {
			font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #064375;
			margin: 25px 0 12px 0;
			clear: left;
			}
			
			.column h3 span {
				color: #4F93D7;
				font-size: 13px;
				}

		.column p {
			margin: 0 0 10px 0;
			font-size: 12px;
			line-height: 1.6em;
			}
			
			.column .basics {
				clear: left;
				margin: 0 0 20px 0;
				color: #444;
				}
				
				.column .basics strong { color: #000; padding: 0; }
			
				.basics img {
					float: left;
					margin: 0 10px 0 0;
					padding: 2px;
					border: 1px solid #BCBCBC;
					}
					
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		DOWNLOAD
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
	.pdownload { margin: 15px 0 0 0 !important; }
	
		.pdownload a {
			display: block;
			background: url("../images/icon-zip.png") no-repeat 0 center;
			padding: 6px 0 6px 40px;
			font-size: 14px;
			}
		
			.pdownload a:hover { border: none; }
	
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MARKDOWN EXAMPLE TABLE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
	
	table {
		font-size: 13px;
		width: 100%;
		border: 1px solid #DFDFDF;
		margin: 20px 0 60px 0;
		}
		
		table th {
			background: #EEE;
			padding: 15px 10px;
			border-bottom: 1px solid #DFDFDF;
			}
			
		table td {
			padding: 15px 10px;
			border-bottom: 1px solid #DFDFDF;
			line-height: 1em;
			}
			
			table td.type {
				font-family: Monaco, "Courier New", Courier, monospace;
				font-size: 11px;
				line-height: 1.5em;
				}
				
		table blockquote {
			border-left: 1px solid #AFAFAF;
			color: gray;
			margin: 0 0 0 10px;
			padding: 0 0 0 15px;
			font-style: italic;
			font-size: 12px;
			}
			
		.column table h2 {
			border: none;
			color: #444;
			margin: 0 0 10px 0;
			}
			
		.column table h3 {
			color: #444;
			margin: 0;
			font-size: 14px;
			}
		
		.column table ul {
			margin: 0 0 0 20px;
			list-style: disc;
			}
		
			table ul li {
				margin: 0 0 10px 0;
				}
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FAQ
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
	.column p.question {
		font-weight: bold;
		margin: 0 0 5px 0;
		color: #064375;
		}
		
	.column p.answer {
		margin: 0 0 20px 0;
		color: #444;
		}
		
		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HOW TO DO EVERYTHING
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
	.column h3.how {
		margin: 42px 0 0 0;
		}
		
	.column h4 {
		font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0867B5;
		margin: 20px 0 3px 0;
		}
		
	.column p .instructions { color: #444; }
	
	img.inline { position: relative; top: 2px; }
	
	.warning { color: #D71706; }
	
	.note { color: #19BA00; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FORMS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.forms form { margin: 50px 0 0 0; }
	
		label {
			display: block;
			font-size: 13px;
			color: #333;
			margin: 0 0 5px 0;
			}
			
			label span { color: #999; font-size: 13px; }
			
		input[type=text], input[type=password], input[type=submit] {
			width: 90%;
			padding: 8px;
			margin: 0 0 15px 0;
			color: #333;
			font-size: 16px;
			border: 2px solid #C9DDE7;
			font-family: Helvetica, Verdana, sans-serif;
			font-weight: bold;
			}
		
			input:focus { border: 2px solid #3895C6; }
		
			.submit { margin: 0 0 15px 0; }
			
				input[type=submit] {
					display: block;
					padding: 5px 8px;
					background: #2A709C;
					border: 1px solid #2A709C;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					color: #fff;
					text-decoration: none;
					text-align: center;
					text-shadow: #000 0px 1px 0;
					margin: 0 0 10px 0;
					}
			
					input[type=submit]:hover {
						background: #1D4E78;
						border: 1px solid #1D4E78;
						cursor: pointer;
						}
				
					#submit-full { width: 220px; }
		
					#submit-trial { width: 156px; }
		
					#submit-forgotten { width: 200px; }
					
					#submit-login { width: 100px; }
		
		#tosp { margin: 0 0 25px 0; }	
		
			#tosp input {
				float: left;
				margin: 4px 10px 0 0;
				}
	
		
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		WARNING MESSAGES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	p#error, p#notice, p#reason {
		font-size: 14px;
		font-weight: bold;
		margin: 50px 0 -20px 0 !important;
		}	
		
		p#error { color: #CF0202; }
				
		p#notice { color: #2A709C; }			

		p#reason { color: #2A709C; }