body
{
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
}

body.hover
{
	width: 500px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px auto;
	background-color: #f4f3f3;
	text-align: left;
}

body.hover_cts#hover
{
	background-color: white;
}

/****
	Customisation of Body Class
   	This is for when a page needs the attributes of a hover body class, but the page is being viewed
   	in a non-hover environment. One example of this is the /maps/citytosurf_map_module. It makes use
   	of this when creating or editing organisations.
 **/
body.non_hover#hover
{
	background-color: #FFFFFF;
}

body.non_hover img#btn_close_hover	/* hide the hover close button as it's not needed */
{
	display: none;
}

body.non_hover#hover form
{
	background-color: #FFFFFF;
}

body.non_hover#hover form input
{
	background-color: #FFFFFF;
}


/****
	Customisation of Body Class
   	This is for when a page needs the attributes of a hover body class, but the page is being viewed
   	in a non-hover environment. One example of this is the /maps/iframe. It makes use
   	of this when creating or editing organisations.
 **/
body.iframe#hover
{
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

body.iframe#hover table
{
	font-size: 10pt;
}

body.iframe img#btn_close_hover	/* hide the hover close button as it's not needed */
{
	display: none;
}

body.iframe#hover form
{
	background-color: #FFFFFF;
}

body.iframe#hover form input
{
	background-color: #FFFFFF;
}

/* HEADINGS */

h1
{
	padding: 0px;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	background: url(/images/mentor/dottedLine.gif) no-repeat bottom left;
}

h2
{
	font-size: 0.95em;
	font-family: verdana, arial;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	color: #676767;
}

/* TEXT STYLING */
p
{
	text-align: left;
}

strong
{
	color: #333399;
}

/* MENTORS */

div.mentor
{
	display: block;
	width: 294px;
	padding: 10px 12px 10px 0px;
	float: left;
}

.mentor_content
{
	color: #333333;
	font-size: 10px;
	font-family: verdana, arial;
}

/* HOMEPAGE */
.content_homepage
{
	color: #656565;
	font-size: 11px;
	font-family: verdana, arial;
	line-height: 1.5;
	margin: 0px 0px 12px 0px;
}

/* TABLES */

table
{
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;
	font-family: Verdana, Helvetica, sans-serif;
}

table.default
{
	font-family: Verdana, Helvetica, sans-serif;
}

table.header_container
{
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;
	width: 940px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px;
	padding: 0px;
}

table.header_container td.header_container_left
{
	width: 470px;
}

table.header_container td.header_container_right
{
	width: 470px;
}

table.header_container td.header_container_right table.header_navigation
{

}

table.header_container td.header_container_right table.header_navigation tr.navigation_tabs td
{
	vertical-align: bottom;
}

/*table.header_container td.header_container_right table.header_navigation tr.navigation_tabs */
td.last_nav_tab
{
	padding-right: 20px;
}

table.header_container table.header_navigation
{
	text-align: right;
	padding: 0px;
	margin: 0px;
}

table.header_container table.header_navigation td.header_navigation_links
{
	vertical-align: top;
	font-weight: bold;
}

table.header_container table.header_navigation td.header_navigation_links a
{
	color: #999999;
	font-size: 10px;
	font-family: verdana, arial;
}

table.footer_container
{
	text-align: right;
	width: 940px;
}

table.footer_container td.footer_links
{
	padding-top: 20px;
}

table.footer_container td.footer_links a
{
	color: #999999;
	font-size: 10px;
	font-family: verdana, arial;
	font-weight: bold;
}

table.content_area
{
	margin-top: 30px;
	width: 940px;
	text-align: left;
}

div.content_area
{
	padding-left: 10px;
	padding-right: 10px;
	width: 940px;
	text-align: left;
}

table.content_area td.last_map_nav
{
	padding-left: 120px;
}

table.content_area td.first_map_nav
{
	padding-left: 30px;
}

table.content_area td.map_area
{
	padding-right: 35px;
}

table.content_area td.tagcloud_display_area
{
	width: 300px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	overflow: hidden;
}

table.tagcloud_container
{
	table-layout: fixed;
}

table.tagcloud_container td.divider_line
{
	padding-bottom: 3px;
}

table.tagcloud_container td.share_area
{
	padding-bottom: 5px;
}

table.map_user_input_container td.map_corner_l
{
	width: 6px;
	background: url('/images/aspirational/map_corner_l.gif') no-repeat top left;
	height: 39px;
}

table.map_user_input_container td.map_corner_r
{
	height: 39px;
	width: 8px;
	background: url('/images/aspirational/map_corner_r.gif') no-repeat top right;
}

table.map_user_input_container td.map_input_repeat
{
	width: 586px;
	background: url('/images/aspirational/map_bg_repeat.gif') repeat-x top;
	height: 39px;
	font-size: 11px;
}

table.map_user_input_container td.map_input_repeat form table
{
	height: 100%;
	font-size: 10px;
}

table.map_user_input_container td.map_input_repeat form table input
{
	font-size: 10px;
}

table.map_user_input_container table.user_input_area
{
	width: 595px;
}

td.mot_middle
{
	background: url('/images/aspirational/mot_brd_top.gif') repeat-x;
	height: 7px;
}

td.mot_right
{
	background: url('/images/aspirational/mot_brd_r.gif') repeat-y right 0%;
	height: 90px;
}

td.mot_writing
{
	vertical-align: top;
	height: 90px;
	font-size: 10px;
	font-family: verdana, arial;
	padding-left: 10px;
	padding-right: 10px;
}

td.mot_writing span.mot_heading
{
	font-weight: bold;
}

td.mot_right_corner
{
	background: url('/images/aspirational/mot_crnr.gif') no-repeat top right;
	width: 7px;
	height: 7px;
}

table.initiative_display
{
	width: 900px;
	height: 135px;
}

table.initiative_display span
{
	font-family: arial, verdana, helvetica;
	font-size: 20px;
	color: #333399;
	font-weight: bold;
}

table.initiative_display span.popularity
{
	font-size: 12px;
}

table.initiative_display td.left_border
{
	background: url('/images/aspirational/crn_l.gif') no-repeat left;
	height: 135px;
	width: 6px;
}

table.initiative_display td.middle
{
	background: url('/images/aspirational/bgTile.gif') repeat-x;
	height: 135px;
}

table.initiative_display td.middle table
{
	height: 100%;
}

table.initiative_display td.middle table td
{
	padding-left: 50px;
}

table.initiative_display td.right_border
{
	background: url('/images/aspirational/crn_r.gif') no-repeat left;
	height: 135px;
	width: 6px;
}

table.initiative_console
{
	width: 100%;
}

table.reporting_confirmation
{
	font-size: 10px;
}

table.reporting_confirmation span.heading
{
	font-size: 17px;
	color: #666666;
}

table.initiative_console td.report_offensive
{
	padding-right: 20px;
}

table.initiative_console td.report_offensive a
{
	color:#999999;
	font-family:verdana,arial;
	border: 0px none;
	text-decoration: none;
	font-size: 10px;
}

table.comments_display
{
	width: 800px;
	font-size: 11px;
	font-family: verdana, arial, helvetica;
}

table.comments_display td
{
	padding-left: 40px;
	padding-right: 40px;
}

table.comments_display td.heading
{
	font-weight: bold;
	color: #333399;
}

table.comments_display td.originator
{
	font-weight: bold;
	color: #3299fe;
	padding-top: 10px;
}

table.comments_display td.comments
{
	color: #666666;
	padding-bottom: 10px;
}

table.form_login_layout
{
	margin: 0px auto;
	margin-top: 20px;
	color: #666666
}

table.form_login_layout span.heading
{
	font-size: 17px;
}

#hover span.heading
{
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 17px;
	color: #666666;
}

#hover
{
	margin: 0px;
	padding: 0px;
	background-color: #f4f3f3;
	font-size: 10px;
	font-family: Verdana, arial, helvetica;
}

#hover form
{
	width: 500px;
	background-color: #f4f3f3;
	font-size: 10px;
}

#hover.hover_cts form
{
	background-color: white;
}

#hover form table
{
	margin: 0px auto;
	margin-top: 10px;
	width: 100%;
}

#hover form table td
{
	padding-left: 20px;
}

#hover input.frm_input
{
	font-size: 10px;
	width: 310px;
}

#hover form select
{
	font-size: 10px;
	width: 314px;
}

#hover form textarea
{
	font-size: 10px;
	width: 310px;
	height: 80px;
	font-family: Verdana, arial, helvetica;
}

#hover td.final_button
{
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
}

td.fl_title
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

td.fl_error
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	width: 200px;

}

td.fl_description
{
	font-size: 11px;
	font-family: verdana, arial, helvetica;
	padding-bottom: 10px;
}

td.fl_field
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.fl_field input.textfield
{
	width: 200px;
}

td.fl_checkbox
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

td.fl_combined
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	vertical-align: middle;
	padding-top: 20px;
}

table.map_user_input_area td
{
	font-size: 10px;
}

table.map_user_input_area td.postcode_input
{

	padding-left: 10px;
	padding-right: 10px;
}

table.map_user_input_area td.postcode_input input
{
	width: 140px;
}

table.map_user_input_area td.button_go
{
	padding-right: 30px;
}

table.map_user_input_area td.select_area
{
	padding-left: 10px;
}

table.map_user_input_area td.select_area select
{
	width: 160px;
}

table.confirmation_page
{
	margin: 0px auto;
	height: 100%;
	width: 100%;
}

table.confirmation_page td.confirmation
{
	font-size: 10px;
	padding-top: 20px;
	padding-left: 20px;
}

table.offensive_initiative
{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}





table.offensive_initiative td p.report_heading
{
	font-size: 17px;
}

.initiative_text
{
	font-size: 15px;
	font-weight: bold;
	color: #333399;
}

/* FORMS */

form.initiative_comment
{
	width: 500px;
	background-color: #f4f3f3;
	font-size: 10px;
}

form.initiative_comment table
{
	margin: 0px auto;
	margin-top: 40px;
	width: 100%;
}

form.initiative_comment table td
{
	padding-left: 20px;
}

form.initiative_comment table td input.frm_input, form.initiative_comment table td select
{
	font-size: 10px;
	width: 250px;
}

form.initiative_comment table td textarea
{
	font-size: 10px;
	width: 250px;
	height: 80px;
	font-family: Verdana, arial, helvetica;
}

FORM INPUT.readonly
{
	border: 0px;
	vertical-align: middle;
	background-color: #f4f3f3;
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

/* LINKS */
a
{
	color: #666666;
}

a:link img, a:visited img
{
	border: 0px none;
	text-decoration: none;
}

a:hover img, a:active img
{
	border: 0px none;
	text-decoration: none;
}

a.link_tagcloud:link, a.link_tagcloud:visited
{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

a.link_tagcloud:hover, a.link_tagcloud:active
{
	color: #666666;
	text-decoration: underline;
}

a.link_tagcloud_popular:link, a.link_tagcloud_popular:visited
{
	color: #2c3691;
	font-weight: bold;
	text-decoration: underline;
}

a.link_tagcloud_popular:hover, a.link_tagcloud_popular:active
{
	color: #2c3691;
	text-decoration: underline;
}

#form_search_area
{
	height: 39px;
	vertical-align: middle;
}

form
{
	margin: 0px;
	padding: 0px;
}

/* DIV */
div.nw_form_error
{
	font-size: 10px;
}

/* hover */
#hover div.nw_form_error
{
	width: 302px;
}

/* WIDTH */

.w_100pc
{
	width: 100%;
}

/* ALIGNMENT */
.right
{
	text-align: right;
}

.disclaimer
{
	font-size: 8pt;
	font-family: Verdana, arial, helvetica;
	color: grey;

}

/* ERROR */
.error_notification
{
	font-weight: bold;
	color: red;
	font-size: 10px;
}

img.button
{
	cursor: pointer;
}
