/*-----------------------------------------------------------------------------
 * Colours:
 * 
 *  - main green for headings / surrounds: #99cc33;
 *----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
 * Reset
 *----------------------------------------------------------------------------*/

body {
	font-size: 1.1em;
}

p {
	margin-bottom: 0.5em;
}

ul {
	list-style: none;
}

a {
	color: #369;
	text-decoration: none;
}

h2 {
	letter-spacing: -0.075em;
}

a:hover {
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------
 * Plain layout
 *----------------------------------------------------------------------------*/

body.plain #content-container {
	text-align: left;
	padding: 1em;
}


/*-----------------------------------------------------------------------------
 * Main containers
 *----------------------------------------------------------------------------*/
 
body {
	background-color: #0867c7;
	padding: 10px 0 15px 0;
}

#container {
	text-align: center;
}

#content-container {
	border-top: 10px solid #0867c7;
	margin: auto;
	padding-bottom: 30px;
	background: top center repeat-x url(/images/bg_border.png) #fff;
}

#content-container-2 {
	width: 880px;
	margin: auto;
	text-align: center;
	background: transparent url(/images/bg_houses_wide_70.jpg) no-repeat scroll center top;
}

#content {
	margin: 0 15px;
	text-align: left;
	padding: 10px 0;
}

#main {
	float: left;
	width: 850px;
}

#sidebar-container {
	width: 265px;
	float: right;
}

#sidebar {
	width: 240px;
	float: right;
	text-align: center;
}


/*-----------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------*/

#header-container {
	background: top left repeat-x url(/images/header_bg.png);
	border-top: 1px solid #4E8CCB;
} 

#header {
	width: 850px;
	margin: auto;
	color: white;
	position: relative;
	height: 95px;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	overflow: hidden;
}

body.plain #header {
	background-position: 20px 0;
	width: 100%;
}

#header-rule {
/*   border-bottom: 1px solid #cee395;  */
}

#logo {
	position: absolute;
	left: 0;
	bottom: 45px;
}

h1 a {
	display: block;
	width: 240px;
	height: 38px;
	background-image: url(/images/logo_without_gradient.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h1 a span {
	display: none;
}

#telephone {
	font-size: 1.75em;
	position: absolute;
	bottom: 20px;
	right: 0;
	line-height: 1em;
}

#navigation_container {
	width: 850px;
	margin: 0 auto;
	padding-top: 69px;
}

#header ul {
	margin: 0 auto;
	line-height: 20px;
}

#header ul li {
	float: left;
	margin-left: 0.5em;
}

#header ul li span {
	display: block;
	background: top right no-repeat url(/images/tab_bg_tr.png) transparent;
	padding: 0.2em 5px 0.2em 0;
}

#header ul li a {
	float: left;
	display: block;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	letter-spacing: 0.015em;
	background: top left no-repeat url(/images/tab_bg_tl.png) transparent;
	text-decoration: none;
	padding: 0 0 0 5px;
	color: #444;
}
	
#header ul li.current {
	background: transparent;
}

#header ul li.current a span {
	background: top right no-repeat url(/images/current_tab_bg_tr.png);
	
}

#header ul li.current a {
	color: #fff;
	background: top left no-repeat url(/images/current_tab_bg_tl.png);
}

#header ul li.current a:hover span {
}

#header ul li a:hover span {
	text-decoration: underline;
}

#header ul li a:hover {
	
}


#signup_content p {
	font-size: 12px;
	float: right;
	padding-top: 5px;
	color: #AAAAAA;
}

#signup_content a {
	margin-left: 5px;
	color: #fff;
}



/*-----------------------------------------------------------------------------
 * Footer
 *----------------------------------------------------------------------------*/
 
#footer-container {
	text-align: left;
	padding: 1.5em;
	background: top left repeat-x url(/images/footer_bg.png) #B3B7B9;
	border-bottom: 1px solid #999;
	border-bottom: 1px solid #fff;
	color: #fff;
}

#footer {
	margin: auto;
	width:850px;
}

#footer h4 {
	display: none;
}

#footer, #footer a {
	color: #666;
	font-size: 0.9em;
}

#footer ul li {
	display: inline;
	margin: 0 0.5em 0 0;
}

p#copyright, p#company_info {
	color: #777;
	margin: 1em 0 0 0;
	font-size: 90%;
}

#footer a:hover {
	color: white;
}


/*-----------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------*/
 
#content h2 {
	color: #333;
	font-size: 2em;
	padding-top: 0.5em;
	margin: 0 0 1em 0;
	line-height: 1.1em;
}

#content ul {
	padding: 1em 0 0 2em;
	margin: 0 0 1em 0;
	list-style-type: disc;
}

#content ul a {
	text-decoration: underline;
}

#content ul li {
	margin: 0 0 0.25em 0;
}

#content {
	line-height: 1.35em;
}

#content #page-nav {
	clear: both;
	padding: 2em;
}

#page-nav li {
	list-style-type: none;	
	float: right;
}

#page-nav li a {
	width: 12em;
}

#page-nav li.first {
	float: left;
}

#page-nav li.first a {
}


/*-----------------------------------------------------------------------------
 * Forms
 *----------------------------------------------------------------------------*/
 
form.dl_form dl {
	margin: 0 0 0.5em 0;
}

form.dl_form dt {
	margin: 0 0 0.2em 0;
}

form.dl_form label {
	color: #333;
}

h3 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #0867c7;
}

fieldset {
	border: none;
}

.buttons input {
	padding: 0.25em 0.5em;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	background-color: #9dc73a;
}

.required {
	color: red;
}

.error {
	color: red;
}

span.field-with-errors input, span.field-with-errors textarea, textarea.too_many_chars {
	background-color:#FFCCCC;
}

#error_explanation {
	font-size: 0.8em;	
}

#content #error_explanation, #content #error_explanation h3 {
	color: red;
}

.hideable_help {
	font-size: 0.75em;
	color: #666;
	margin-top: 0.1em;
	line-height: 1.15em;
}



a.clicked {
	filter: alpha(opacity=60);
	opacity: 0.5;
	-moz-opacity: .5;
}

#login {
	font-size: 11px;
}

#login p {
	color: #666;
	font-size: 10px;
}

#login span {
	color: #666;
}

#login input {
	margin-top: 5px;
}

#login .buttons {
	float: right;
}

.dl_form p {
	color: #333;
	font-size: 11px;
}

#li_two ul {
	padding: 0 0 0 2em;
}

.lv_Data .lv_Title {
	font-size: 11px;
}

/*-----------------------------------------------------------------------------
 * Buttons
 *----------------------------------------------------------------------------*/

.button {
	display: block;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: white;
	text-align: center;
	width: 120px;
}



.button a {
	text-decoration: none;
}

#go-live-container .button {
	width: 120px;
}

.button span {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
}

.button span.s1 {
	background-image: url(/global/images/dynamic/corner/0867C7/ffffff/10/10/tl.png); 
	background-position: top left;
	background-color: #0867C7;
}

.button span.s2 {
	background-image: url(/global/images/dynamic/corner/0867C7/ffffff/10/10/tr.png); 
	background-position: top right;
}

.button span.s3 {
	background-image: url(/global/images/dynamic/corner/0867C7/ffffff/10/10/bl.png); 
	background-position: bottom left;
}

.button span.s4 {
	background-image: url(/global/images/dynamic/corner/0867C7/ffffff/10/10/br.png); 
	padding: 5px;
	background-position: bottom right;
}

#introduction {
	padding: 0.75em 1em;
	margin-bottom: 0.75em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 1.25em;
	color: #333;
	line-height: 1.25em;
	background: top left repeat url(/global/images/patterns/2x2_grid_white_transparent.gif);
}

/*----------------------------------------------------------------------------
 * Messages
 *---------------------------------------------------------------------------*/

#flash_messages {
	padding-top: 5px;
}

#messages {
	margin: 0 5em;
	padding: 0.5em 1em;
	background-color: #FFFBCF;
	border: 1px solid #ddd;
	text-align: left;
}

#messages p.close {
    font-size: 0.85em;
    }
    
#messages p.close a {
    color: #666;
    }
    
div#messages p {
	font-weight: bold;
	margin: 0.5em 0;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 50%;

}

div#messages p a {
	color: #333;
}

div#messages p.notice {
	color: green;
	background-image: url(/global/images/icons_medium/check.png);
}

div#messages p.warning {
	color: #666666;
	background-image: url(/global/images/icons_medium/information.png);
}

div#messages p.error {
	color: red;
	background-image: url(/global/images/icons_medium/error.png);
}

body.plain div#messages p {
	padding: 0;
	background: none;
}