/* Start of CMSMS style sheet 'Genie' */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#181818 url('bgtop.png') top left repeat-x;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font:1.75em microsoft sans serif,sans-serif; 
	font-weight:bold;
	margin:0.75em 0.5em 0.5em;
}

h2 {
	font:1.25em microsoft sans serif,sans-serif; 
	margin:0 0.5em 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p {
	line-height:1.5; 
	margin:0 5px 1em;
}

img.screenshot {
	margin:0 0 20px 20px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:955px;
	background:#ffffff url('bginside.png') bottom left no-repeat;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6:treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	height:117px;
	background:#000000 url('bgtop.png') top left repeat-x;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	padding:5px 5px 5px; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	background:#181818;
	position:absolute;
	width:100%;
	height:31px;
	bottom:0; /* stick to bottom */
}
	div#footer p {
		font-size:smaller;
		text-align:center;
		padding:7px;
		margin:0;
	}

div#logo {
	background:url('logo.png') no-repeat 0 0px; 
	height:117px;
}

div#buttonwrapper {
	background:orange url('bgbutton.png') top left repeat-x;
	width:100%;
	height:33px;
}

div#buttons {
	float:right;
}

a.squarebutton{
	background:transparent url('button-left-dim.png') no-repeat top left;
	display:block;
	float:left;
	font:1em microsoft sans serif,sans-serif;
	font-weight:bold;
	line-height:25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height:33px; /* Height of button background height */
	padding-left:9px; /* Width of left menu image */
	text-decoration:none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color:#ffffff; /*button text color*/
}

a.squarebutton span{
	background:transparent url('button-right-dim.png') no-repeat top right;
	display:block;
	padding:4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
	background:transparent url('button-left.png') no-repeat top left;
}

a.squarebutton:hover span{ /* Hover state CSS */
	background:transparent url('button-right.png') no-repeat top right;
	color:#666;
}

.formbuilderform label {
	display:block;
	font:1em microsoft sans serif,sans-serif;
	font-weight:bold;
	margin:0.5em 0.5em 0.1em;
}

.formbuilderform input,textarea,select {
	margin:0.1em 0.5em 0.3em;
}

/* End of 'Genie' */

