/* -------------------------------------------------------------- 
  
   Surrey Police Styles
   Version:   0.2 (14.4.2008)
   
-------------------------------------------------------------- */

/* @import url(debug.css); comment out when done */
@import url(header.css);
@import url(accessibility.css);
@import url(navigation.css);
@import url(footer.css);
@import url(nice_box.css);

body {
	background-image: url(../images/fading_bg_01.gif);
	background-repeat: repeat-x; background-position: center top; margin: 0;
}

/* .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} */
.boxed { padding: 0.75em; margin-bottom: 0.5em; border: solid 1px #eee;}
.pad { /*padding: 0.75em;*/ padding-bottom:0.75em; padding-left:0.75em; margin-bottom: 0.5em;}
.nopad { margin-bottom: 0.5em;}
.pad_drop { padding-top:0.75em; padding-left: 0.75em; margin-bottom: 0.5em;}
.marginright { margin-bottom: 0.5em; margin-right: 0.75em;}
.marginleft { margin-bottom: 0.5em; margin-left: 0.25em;}

.button { margin-left: 1.25em;}
#onPage { font-size: 1.2em;}

hr { margin:0 0 0.25em;}
.pad h2 { margin: 0;}
.boxed h3 { margin-bottom: 0.5em;}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}		
	
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}	



/* table styling */
#table-style
{
	/*margin: 45px;*/
	width: 500px;
	text-align: left;
	border-collapse: collapse;
}

#table-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #fff;
	background: #00458D;	
}
#table-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#table-style tbody tr:hover td
{
	color: #339;
	background: #eef7fd;
}

.listnone { list-style: none inside;}

.hover {overflow: auto; background: #fff; padding: 1em 1em 1em 1em;}

/* Drop Shadow */
.outer {background: #fff url(../images/dropshadow.gif) right bottom no-repeat; margin-top: 13px; margin-left: 13px; margin-right: 13px; float: left;}
.inner {overflow: auto; border: 1px solid #000000; left: -13px; top: -13px; position: relative; width: 200px; padding: 1em 1em 1em 1em; float: left;}

.outerBig {background: #fff url(../images/dropshadow.gif) right bottom no-repeat; margin-top: 13px; margin-left: 13px; margin-right: 13px; float: left;}
.innerBig {overflow: auto; border: 1px solid #000000; left: -13px; top: -13px; position: relative; width: 300px; padding: 1em 1em 1em 1em; float: left;}

.outerNSO {background: #fff url(../images/dropshadow.gif) right bottom no-repeat; margin-top: 15px; margin-left: 5px; margin-right: 5px; float: left;}
.innerNSO {overflow: auto; border: 1px solid #000000; left: -13px; top: -13px; position: relative; width: 169px; padding: 1em 1em 1em 1em; float: left;}

.inner p {
    color: #666666;
    padding: 5px 5px 0px 0px;
    clear: left;
	margin: 0;
	} 

.inner p img.left {
	float: left;
	margin: 0em 0em 0.5em 0.5em;
	}


.newsImage { margin-left: 1em; float: left; width: 190px}
.newsImage p {
    color: #666666;
    padding: 0.5em 0.5em 0.5em 0em;
    clear: left;
	margin: 0;
	} 

.newsImage p img.left {
	float: left;
	margin: 0em 0em 0.5em 0.5em;
	}


/* Content */
#content { background-color: #ffffff; padding-top: 1em; padding-bottom: 1em;}
#content .span-23 { margin-bottom: 1em;}

/* colours for columns */
.fillWhite { background: #fff; }
.fillGreen { background: #A2C7C7; }
.fillRed { background: #F69791; }
.fillBlue { background: #eef7fd; }
.fillYellow { background: #fbfcca; }

/* Surrey Police Typography */
/* main content article */
/*p.text {
		font-size: 1.2em;
		line-height: 1.66666666em;
		margin-bottom: 1.6666666em;
		padding-right: 0.5em;
		}
		*/

blockquote p {
		font-size: 1.3em;
		line-height: 1.5384615em;
		margin-bottom: 0;
		}

blockquote {
		background-color: #eeeeee;
		border-left: 2em solid #EF4035;
		font-size: 1.25em;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		border-bottom: 1px #FFFFFF solid;
		}

cite {
		display: block;
		font-style: normal;
		font-weight: bold;
		text-align: right;
		}

p.smalltext {
		float: right;
		font-size: 10px;
		margin-bottom: 0;
		padding-top: 5px;
		}

.textRight { padding-right:5px; float:right; }

.alert {
	font-weight: bold;
	color: #FF0000;
	}
	
/* image in content area */
img.left {
	float: left;
	margin: 0.75em 0.75em 0.75em 0;
	}

/*img.right {
	float: right;
	margin: 0 0 0.0em 0.75em;
	}*/

p img.rightbig {float:right;margin:0 0 0 0.5em;}

img.leftsmall {
	float: left;
	margin: 0 0.5em 0.0em 0;
	}

img.rightsmall {
	float: right;
	margin: 0 0 0.0em 0.5em;
	}

p a { font-size: 1.1em; } 


/*=Latest news
================================
standard styles (DO NOT OVERRIDE)*/
.latestnews {position:relative;height:150px/*270px*/}
.latestnews img {position:absolute}
.latestnews ul {list-style:none;margin:0;margin-left:150px;padding:0}
.latestnews ul li {color:#000;list-style:none;margin:0;height:49px;}
.latestnews ul li a,.latestnews ul li a:visited {color:#000;display:block;height:45px;text-decoration:none;padding:2px; font-size: .90em;}
/*.latestnews .ln_footer{color:#fff;height:90px;padding:15px;position:relative;}
.latestnews .ln_footer .backimage{height:105px;width:100%}
.latestnews .ln_footer .backimage div{display:none;}*/

/* Override styles */
/* .ln_default_blue {border:solid 1px #069;}*/
.ln_default_blue img {border:solid 1px #99B6CA; height:148px;width:148px;}
.ln_default_blue ul li {background-color:#B6DEF7;border-bottom:1px solid #99B6CA;}
.ln_default_blue ul li a:hover,.ln_default_blue ul li a:active,.ln_default_blue .selecteditem {background-color:#00458D; color:#fff; font-weight:bold;}
.ln_default_blue .ln_footer {background:#B6DEF7;}

/*.ln_default_red{border:solid 1px #fff;}*/
.ln_default_red img {border:solid 1px #fff; height:148px;width:148px;}
.ln_default_red ul li {background-color:#F69791;border-bottom:1px solid #ddd;}
.ln_default_red ul li a:hover,.ln_default_red ul li a:active,.ln_default_red .selecteditem {background-color:#D11518; color:#000; font-weight:bold;}
.ln_default_red .ln_footer {background:#F69791;}

/*.ln_default_green{border:solid 1px #fff;}*/
.ln_default_green img {border:solid 1px #fff; height:148px;width:148px;}
.ln_default_green ul li {background-color:#A2C7C7;border-bottom:1px solid #ddd;}
.ln_default_green ul li a:hover,.ln_default_green ul li a:active,.ln_default_green .selecteditem {background-color:#66CCCC; color:#000; font-weight:bold;}
.ln_default_green .ln_footer {background:#A2C7C7;}

/*.ln_default_yellow{border:solid 1px #fff;}*/
.ln_default_yellow img {border:solid 1px #fff; height:149px;width:149px;}
.ln_default_yellow ul li {background-color:#fbfcca;border-bottom:1px solid #ddd;}
.ln_default_yellow ul li a:hover,.ln_default_yellow ul li a:active,.ln_default_yellow .selecteditem {background-color:#FFFF66; color:#000; font-weight:bold;}
.ln_default_yellow .ln_footer {background:#fbfcca;}

/*.ln_default_red{border:solid 1px #fff;}*/
.ln_default_news img {border:solid 1px #fff; height:148px;width:148px;}
.ln_default_news ul li {background-color:#ccc;border-bottom:1px solid #ddd;}
.ln_default_news ul li a:hover,.ln_default_news ul li a:active,.ln_default_news .selecteditem {background-color:#B6DEF7; color:#000; font-weight:bold;}
.ln_default_news .ln_footer {background:#ccc;}

.staticbox{width:100%; /*padding-top:3px; padding-left:3px;*/}
/*.staticbox{margin-bottom:20px;}*/

.map_copy {clear:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #999999;}
.centre {text-align:center;}

.sitemap ul                { padding: 8px 25px; list-style: none; background: #FFF; }
.sitemap ul ul             { background: #FFF; }
.sitemap ul ul ul          { background: #FFF; }
.sitemap ul ul ul ul       { background: #FFF; }

.toptipsmon {color:#00a5db;}
.toptipstue {color:#fc9200;}
.toptipswed {color:#0054b2;}
.toptipsthu {color:#007576;}
.toptipsfri {color:#b81c3d;}


/*Do it online styling - MH*/
#onlineservice #reportit a {
background: url(/images/icons/reportit-icon.png) no-repeat left center;
}

#onlineservice #pnld a {
background: url(/images/icons/askpolice-icon.png) no-repeat left center;
}

#onlineservice #firearms a {
background: url(/images/icons/firearms-icon.png) no-repeat left center;
}

ul.onlineservice { 
list-style: none;
margin: 10px 0 0 0;
}

#onlineservice li a {
display: block;
padding-left: 40px;
color: #333;
}

#onlineservice li {
font-size: 1.2em;
text-align: left;
line-height: 2em;
}