/* -------------------------------------------------------------- 
  
   Surrey Police Styles
   Drive SMART WebSite Specific
   
-------------------------------------------------------------- */

@import url(accessibility.css);
@import url(footer.css);
@import url(header.css);
@import url(http://www.drivesmartsurrey.org.uk/css/navigation.css);
@import url(nice_box.css);
@import url(player.css);
/* colors: light-blue #5793d2 dark-blue #1b427b yellow #fbec44 */

body
{
	background-color:#5793d2;
	background-position: center top;
	margin: 0;
	color:#ffffff;
	font-family:sans-serif, Arial, Helvetica;
	font-size:0.9em;
}
a, a:visited { color:#fbec44;text-decoration:none;}
a:hover, a:focus, a:active { text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { font-family:Arial Narrow, "Segoe UI", Verdana, Tahoma, Geneva; color:#fbec44;}
h3, h4, { font-weight:bold;color:#fbec44;}
h3 { font-size:1.1em;color:#fbec44;}
h4 { font-size:1.2em;color:#fbec44;}
div.relative { position:relative;}
ul { padding:0 0 0 1.25em;}
.list-display-none ul { list-style-type:none;padding:0;}
.list-display-none li { border-bottom:1px #fbec44 dotted;}
.list-display-none li.current a { color:#fbec44;}
.list-display-none li.trail { }
.list-display-none h6 { font-family:sans-serif, Arial, Helvetica;font-size:1em;font-weight:normal;border-bottom:1px #fbec44 dotted;margin:0 1.5em 0 0;}
.list-display-none h6 a.current { color:#fbec44;}
.list-display-none ul ul { padding-top:5px;padding-bottom:20px;padding-left:10px;}
.list-display-none li.current li a { color:#ffffff;}
p.picture-caption { color:#fbec44;font-size:0.9em;}
.alert, .alert a { color:#ff0000;font-weight:bold;}
#content
{
	background-color:#1b427b;
}
.homepage-main-item
{
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 3px;
	height:auto;
}
.homepage-main-item-image
{
	width:625px;
}
.homepage-main-image-text
{
	color:#fbec44;
	position:absolute;
	bottom:0;
	z-index:2;
	padding:5px 5px 5px 20px; 
	font-size:2em;
	font-weight:bold;
	width:250px;
}
.homepage-main-image-text-small
{
	color:#ffffff;
	position:relative;
	bottom:0;
	z-index:2;
	padding:0px 5px 5px 1px; 
	font-size:0.5em;
	font-weight:normal;
	width:610px;
}

.homepage-main-item-text
{
	position:absolute;
	bottom:-5px;
	z-index:2;
	padding:0 10px 5px 10px; 
	font-size:0.9em;
}
.homepage-main-item-text h2
{ 
	color:#fbec44;
	font-family:sans-serif, Arial, Helvetica;
	font-size:2em;
	font-weight: bold;
	margin-top:10px;
	margin-right:0;
	margin-bottom:2px;
	margin-left:0;
}
.homepage-sub-item
{
	height:auto;
}
.homepage-sub-item-text
{
	position:absolute;
	top:0;
	z-index:2;
	padding:5px 5px 5px 5px; 
	width:160px;
	line-height:1.25em;
	font-size:0.9em;
}
.homepage-sub-item-text-small
{
	position:absolute;
	color:#ffffff;
	top:0;
	z-index:2;
	padding:5px 5px 5px 5px; 
	width:160px;
	line-height:1.25em;
	font-size:0.5em;
}
.homepage-sub-item-game
{
	height:auto;
}
.homepage-sub-item-game-text
{
	color:#1b427b;
	position:absolute;
	top:0;
	z-index:2;
	padding:30px 5px 5px 5px;
	width:160px;
	line-height:1.25em;
	font-size:0.9em;
}
.homepage-sub-item-news-text
{
	color:#000000;
	position:absolute;
	top:0;
	z-index:2;
	padding:30px 5px 5px 5px;
	width:160px;
	line-height:1.25em;
	font-size:0.9em;
}

.homepage-news
{
	color:#1b427b;
	font-size:0.8em;
}
.homepage-news-headline, .homepage-news-headline a, .homepage-news-headline a:visited
{ 
	color:#ff0000;font-weight:bold;
}
.campaign-page-sub-item
{
	height:auto;
}
.campaign-page-sub-item-text
{
	position:absolute;
	top:0;
	z-index:2;
	padding:5px 5px 5px 20px; 
	font-size:2em;
	font-weight:bold;
	width:150px;
}
.campaign-page-sub-item-text-small
{
	position:absolute;
	color:#ff0000;
	top:0;
	z-index:2;
	padding:5px 5px 5px 10px; 
	font-size:0.9em;
	font-weight:normal;
	width:200px;
}

.campaign-page-sub-item-text a, .campaign-page-sub-item-text a:visited, .homepage-main-image-text
{
	color:#fbec44;
	margin:0; 
}
.campaign-page-sub-item-text a:hover, .campaign-page-sub-item-text a:focus, .campaign-page-sub-item-text a:active, .campaign-page-sub-item-text-box, .campaign-page-sub-item-text-test,
{
	text-decoration:none;
}
.campaign-page-sub-item-text-box
{
	position:absolute;
	top:0;
	z-index:2;
	padding:5px 5px 5px 20px; 
	font-size:10pt;
	width:160px;
}
.campaign-page-sub-item-text-test
{
	position:absolute;
	top:0;
	z-index:2;
	padding:5px 5px 5px 20px; 
	font-size:10pt;
	font-weight:bold;
	width:160px;
}

.news-item-summary
{
}
.news-item-summary h4
{
	margin-bottom:5px;
}
.news-item-summary img
{
	width:120px;
}
.news-item-summary p
{
	margin-bottom:5px;
}
.news-item-summary-spacer
{
	line-height:2px;
	padding-top:0;
	padding-bottom:10px;
}
.news-item
{
}
.news-item .introduction
{
	font-weight:bold;
}
.news-item-image img
{
	width:305px;
}
.tips-and-skills h2
{
	color:#fbec44;
}
.box
{
	margin:0;
	padding:5px 10px 5px 10px;
	background:inherit;
	color:#1b427b;
}
.box .inner
{
	font-size:0.9em;
}
.box .inner h4
{
	color:#1b427b;
	margin-bottom:0.5em;
}
.label
{
	font-weight:normal;
}
.question, .alternatives
{
	display:block;
	font-weight:normal;
	padding-bottom:5px;
}
.alternative
{
	font-size:0.9em;
}
div.buttons input
{
	background-color:#dae1ec;
	color:#1b427b;
	margin-right:30px;
}
div.buttons a
{
	color:#1b427b;
}
.bar
{
	background-image:url(../images/poll-bar-background.png);
	overflow:hidden;
	padding:1px 0;
	font-size:x-small;
	text-indent:4px;
	white-space:nowrap;
	color:#1b427b;
}
.question .label
{
	margin-top:5px;
}
.total
{
	border:solid 1px #C2C7B6;
	margin-bottom:5px;
}
.form-background
{
	padding:20px;
	background-color:#ffffff;
	border:solid 1px #8f8a71;
	color:#1b427b;
}
.form-background input[type=submit]
{
	color:#1b427b;
}
.form-background input[type=radio]
{
	top:0.1em;
}
.form-background label
{
	margin:0 5px 0 5px;
}
.form-question
{
	margin:0.5em 0;
}
.contact-us a
{
	text-decoration:underline;
}
.contact-us-item-spacer
{
	line-height:2px;
	padding-top:0;
	padding-bottom:20px;
}