body {
	/*background-image: url(../images/bg.gif);*/
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td,tr,div {
/*	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	color: #030102;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	list-style-type: none;
	valign: top;
}

p {	 
	text-align: justify;
}

.pageTable {
	padding-left: 2px;
	padding-right: 0px;
	width: 100%;
	align: left;
	border: none;
}

h1 {/* .pageheading { style for all main page headings. old pageheading class. changed for search engine optimisation reasons... {*/
	font-size: 16px;
	color: #00000;
	font-weight: bold;
	background-image: url(../images/pagetitle_underline02.gif);
	background-repeat: repeat-x;
	height: 25px;
	valign: top;
	margin-bottom: 2px;
} 

h2{ /*.subheading { style for all subheadings */
	font-size: 14px;
	color: #FF5C00; /*#750008;*/
	font-weight: bold;
	background-image: url(../images/pagesubtitle_underline.gif);
	background-repeat: repeat-x;
	height: 21px;
	valign: top;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
.state {
	width: 80px;
	font-weight: bold;
}
.smlHeading {
	/*color: #0000FF;*/
	/*color: #750008;*/
	color: #FF5C00;
	font-weight: bold;
}
.frontpagenewsheading {
	text-indent: 3px;
	background-color: #e10010;
	color: #ffffff;
	border-left: solid 2px #9b000b;
	border-right: solid 2px #9b000b;
	border-top: solid 2px #9b000b;
	border-bottom: solid 1px #9b000b;
	padding-top: 2px;
	margin-top: 2px;
}

.frontpagenewsbody {
	background-color: #FFFFFF;
	border-left: solid 2px #9b000b;
	border-right: solid 2px #9b000b;
	border-bottom: solid 2px #9b000b;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}

.comparison_table {
	text-align: centre;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-top: 10px;
	padding-left: 15px;
	border-left: dashed 1px #ababab;
	border-bottom: dashed 1px #ababab;
	border-right: dashed 1px #ababab;
}

/* Links */
img {
	border: none;
}

a:link, a:visited {
	color: #0000ff; 
	text-decoration: none;
	/*font-weight: bold;*/
}

a:hover {
	color: #FF5C00; /*#000000;*/  
	/*color: #FFFF00;*/ /* yellow */
}

.footer {
	color: #FFFFFF;
	background-color: #ff5C00; /*#750008;*/
	/*background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;*/
	height: 36px;
}

/* Customer login box. Controls background colour and appearance of text. The inputboxes and button have their own styles - called inputbox and button */ 
.login
{
	background-color: #FFE6D8; /*#FFFFFF;*/
	/*font-weight: bold;*/
	margin: 3px 0px 0px 0px;
	font-size: 11px;
	/*color: #FF5C00;*/
	color: #000000;
	padding-left: 10px; /*10px;*/
	border: none;
}
form {
	margin-bottom: 5px;
}

.tableseparator {
	font-size: 12px;
	color: #FF5C00;
	font-weight: bold;
	background-image: url(../images/tableseparator.gif);
	background-repeat: repeat-x;
	height: 21px;
	valign: top;
}

.slogan {
	font-style: italic;
	font-size: 16px;
	font-weight: bold;

}

.quote {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Module Tables */
/*Main Menu, User Menu, Admin Menu and Reseller Menus are all module tables, as well as the login box but the login box has it's own style as well to give it the background colour - the menu's background colour comes from the images, it's not set in the css*/
table.moduletable {

	margin: 1px 0px 0px 0px;

	width: 178px;

	border-left: solid 1px #FF5C00;

	border-right: solid 1px #FF5C00;

	border-top: solid 1px #FF5C00;

	border-bottom: solid 1px #FF5C00;

	/*background-color: #FFE6D8;*/
	
	list-style-type: none;
}

table.moduletable th {
/*	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: left;

	height: 22px;

	line-height: 22px;

	white-space: nowrap;
	
	/*background-color: #990000;*/

/*	width: 180px;*/

	background-image:  url(../images/menu_header_bg.jpg);

	background-repeat: repeat-x;

	text-indent: 10px;
}

table.moduletable td {
	font-size: 11px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
/*	width: 180px;*/
	height: 25px;
	/*padding-left: 10px;*/
}

table.lhsgraphics {
	margin: 4px 0px 0px 0px;
	width: 178px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;

	/*background-color: #FFE6D8;*/
	
	list-style-type: none;
}

table.lhsgraphics td {
	font-size: 11px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
/*	width: 180px;*/
	height: 62px;
}

.button  {
	font-weight: bold;
	font-size: 11px;
	margin: 3px 0px 5px 0px;
	color: #5B5A5A;
/*	color: #9D4F00;*/
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #EBEBEB;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.buttonHover {
	background-color: #FF5CC0;
}

/* all text boxes */
.inputbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;
	margin: 0px 5px 3px 0px;
	padding: 1px 0px 0px 0px;*/
	margin: 0px 5px 3px 7px;
	padding: 1px 0px 0px 3px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid;
	
	/*different margin and padding amounts */
}

.programs {
	color: #666666;
}

li {
	list-style-position: outside;
	list-style-image: url(../images/listarrow.gif);
	text-align: justify;
}
.list {
	margin-left: 16px;
	margin-top: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	valign: top;
}

.smallListMargin {
	margin-top: 2px; 
	margin-bottom: 3px;
}

/* Mainly in the user section, for messages that say 'New Build Uploaded', etc */
.message {
	font-weight: bold;
	font-size : 10pt;
	color: #08085A;
}

/* Mainly in the user section, for error messages such as Incorrect Password or Username */
.errormessage {
	font-weight: bold;
	font-size : 10pt;
	color: red;
}

/*used to set the solid orange line below the top banner. Was going to have path in their but currently doesn't */
.pathway{
	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

	text-indent: 5px;

	margin-right:10px;

	margin-left:10px;
	
	background-color: #FF5C00; /*#750008;*/
}

.blankline{
	height: 5px;	
}

/* Horizontal Line */
hr {
	background: #28657F; 
	height:2px; 
	border: 1px inset;
}

.thinline {
	line-height: 1px;
	background-color: #FFFFFF;
}

.verticalthinline {
	line-width: 1px;
}

.logoTable { /* Used in the users.php page */
	padding: 0px;
	width: 100%;
	border: none;
}
.newUserCell {
	/*padding: 3px;*/
	padding-left: 20px;
	margin: 3px;
	width: 100px; /*16%;*/
	/*border: 1px solid;*/
}
.newUserText {
	margin: 3px;
	padding: 0px 3px 3px 3px;
	width: 100px; /*16%;*/
	/*border: 1px solid;*/
}
.highUserCell {
	padding-left: 25px;
	margin: 5px;
	width: 100px; /*16%;*/
	valign: top;
}
.highUserText {
	margin: 5px;
	padding-left: 15px;
	width: 100px; /*16%;*/
}