/*
	Main stylesheet for signup pages.
	This stylesheet is also included in the admin pages. Any styles can be ovveridden
	by styles set within admin.css
	You can edit any of these attributes but please be careful when adding and deleting
	semi-colons and braces
*/

/* Elements (define the general layout of the page)
	 If you add extra elements to the page, such as a footer or left hand menu
	 please use divs identfied by ids (<div id="divID"></div>).
	 In this way you can then add absolute and relative positioning to format the page 
	 as you like 
	 e.g.
	 #divID {
	 	position: absolute;
	 	left: 100px;
	 	top:200px
	 }
*/

/* Add attributes to define the header that contains the logo */
#header {

}
/*TOP TITLE*/
#top {
	background-image: url(../images/top-back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}#top h1 {
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}
#top .banner {
	margin: 15px 15px 0px 10px;
	padding: 0px;
	float: right;
}
#top #strap {
	clear: both;
	padding-top: 10px;
}
#top #strap h2 {
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	background-color: #F6FDF9;
	margin: 0px;
}
/* Container attributes inherited from main site css */
#content {
	background-image: url(../images/top-bot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
}
#content #menu {
	background-image: url(../images/menu-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 30px;
	float: left;
}
#content #main {
	padding-left: 200px;
	margin-top: 30px;
}
#content #main #right {
	float: right;
	margin-left: 30px;
	width: 250px;
	margin-bottom: 30px;
}

#content #main h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#content #main p {
	font-family: Arial, Helvetica, sans-serif;
}
#content #main a {
	color: #895ACA;
	text-decoration: none;
}
#content #main a:hover {
	color: #17C16F;
	text-decoration: underline;
}
/* Add attributes to define the main content container that contains form and confirmation */
#content {

}

/* HTML Redefinitions */
/* Affects the entire body of the page */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}

* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

/* CLasses */
/* Defines the text colour, size and weight of the error text that is displayed at the top of the forms */
.Error {
	color : #F00;
	font-size: 12pt;         
	font-weight: normal;
} 
 
/* Formats the entire signup table */
.MainTable { 
	font-family: "Arial, Helvetica";
	font-size: 10pt;
	color: #FFFFFE;
} 
 
 
/* Table cell containing important information, such as "required fields". Displayed at the top of the form */
.FormHeader {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#content .MainTable .FormHeader .Title {
	color: #17C16F;
	font-size: 18px;
}

 
/* Applied to all rows in the signup form. Can be used to alter things such as padding and to override table data colours */
.TableRow {
	
}

/* Sets the colour for the first row of data in the table */
.TableData1 {
	text-align: left;
	background-color: #E9F9F1; /* Colour2 */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
} 
#content .MainTable .TableRow .TableData1 p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}


/* Sets the colour for the second row of data in the table */
.TableData2 {
	text-align: left;
	background-color: #F6FDF9; /* Colour4*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
} 
#content .MainTable .TableRow .TableData1 .Label span {
	color: #17C16F;
	font-family: Arial, Helvetica, sans-serif;
}
#content .MainTable .TableRow .TableData1 .Label {
	color: #895ACA;
	font-family: Arial, Helvetica, sans-serif;
}



/*  Common link attributes */
a:link {
	color: #895ACA;
	text-decoration: none;
}

a:visited {
	color: #895ACA;
	text-decoration: none;
}

a:hover {
	color: #17C16F;
	text-decoration: none;
}