/* Only pages > 760px wide and IE 8 and under load this style sheet */
/* All devices load this PORTION of style sheet (for desktop see below)
`1. HTML
	`a. jquery ui css overrides
`2. Multi-use
`3. Layout
`4. Homepage
`5. Conference
`6. 25techniques
`7. Learning
`8. Library
	`a. awards
	`b. situational crime prevention db 
	`c. crime analysis translations
	`d. reading
	`e. crime prevention studies
	`f. unpublished documents 
`9. About us 
`10. Guides home 
`11. Guides
	`a. summary tables
`12. Search 
`13. IE craziness
`14. @media queries
*/
/* `1. HTML ------------*/
body {background: #ededed url(../images/bg/site_bg.gif) repeat;}
html {overflow-y: scroll;} /* scrollbar visible at all times - prevents page jump when scrollbar pops in */
input[type=button], input[type=submit], button {cursor: pointer;}

/* `2. Multi-use -------*/
.mobile_only{display: none}
.desktop_only{display: block;}
.float_right {float: right;}
.float_left {float: left;}
div.navBox{float: right; margin-left: 1em; text-align: left; width: 25%;}
.caption_left, .caption_right{
	color: #555;
	font-size:0.846153em;  /*11/13*/
	font-weight: bold;
}
.caption_left, .image_left {float:left; margin-right: 1em;}
.caption_right, .image_right {float:right; margin-left: 1em;}

/* `3. Layout	---------*/
#cops_logo{float:right;}
#container_header h1 {
  background: url(../images/bg/h1_logo_title.png) no-repeat 10px bottom;
  min-height: inherit;
  padding: 20px 20px 10px 0;}
#container_header h1 span{display: block;text-indent: -999em;}
#social_header {
	display:block;
	height:16px;
	margin: 4px 10px 0 0;
	position: absolute;
	right:0;
	top:0;
	width: 70px;}
#teaser p{
	float:left;
	font-weight: bold;
	margin-left:-10px;
	margin-bottom: 10px;
	margin-top: 5px;
	position:relative;	}
#teaser p:before{
	background:url(../images/bg/ribbon.png);
	bottom:0;
	content:" ";
	display:block;
	height:10px;
	left:0;
	position:absolute;
	margin-bottom:-10px;
	width:10px;
	z-index:-1;}
#site_search{
	float:right;
	margin-right: 10px;
	margin-top: 15px;}
#site_search #cse-search-box #cx{display: inline;}
#site_search #cse-search-box input.text{width:auto;}
#container_main_nav{
	background: #ededed;
	display: block;
	position: relative;}
#container_main_nav ul{
	float: left;
	left: 50%;
	list-style-type:none;
	margin: 0;
	position: relative;
	text-align: center;}
#container_main_nav li{
	border: 1px solid #fff;
	border-width: 0 1px 0 1px;
	border-left-color:#3d7ea4;
	display: block;
	float: left;
	position:relative;
	margin: 0;
	right:50%;}
#container_main_nav li.first_item{border-left: 0;}
#container_main_nav li.last_item{border-right: 0;}
#container_main_nav li a{
	display: block;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;}
#container_main_nav li a:hover,#container_main_nav li a:focus{background: #fff;}
div#google_translate_element{margin: 0; padding: 0;}
/* `4. Homepage --------*/
.home_guides h2{font-variant:small-caps;}
#problem_guides{background:url(../images/bg/prob_guide_cover_bg.png) no-repeat 0 -40px;}
#response_guides{background:url(../images/bg/resp_guide_cover_bg.png) no-repeat 0 -40px;}
#tool_guides{background:url(../images/bg/tool_guide_cover_bg.png) no-repeat 0 -40px;}
#newsletter, #social{
	height: 36px;
	line-height: 34px;
	min-height: 36px;
	padding: 0;}
#social{display: block;}
#social div{ width: 80px; margin: 10px auto;text-align:center;}
#social a, #social_header a{display: block; float:left; height: 18px; padding-right: 5px; text-indent: -9999px; width: 18px;}
a.social-rss{background-position: 0 0;}
a.social-fb{background-position: 0 -22px;}
a.social-li{background-position: 0 -45px;}

/* `5. Conference ------*/
#yearNav, #alphaNav {
	border: 1px solid #ccc;
	background: #EAF9FF;
	padding: .5em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 0;
	font-size: .85em;}
#yearNav ul, #alphaNav ul {list-style-type: none;padding: 0; margin: 0;}
#yearNav ul li, #alphaNav ul li {
	display: inline;
	line-height: 1.6;
	margin: 0 .45em;
	font-size: 1.25em;
	padding: 0;}
	
/* `6. 25techniques ----*/
div.flash{margin: 0 auto; overflow: hidden; text-align:center;}
div.flash object{display: inline;}

/* `7. Learning --------*/
.lc_image{float:right;}
.mp_download {border: 1px solid #ccc; padding: 0.5em;}

/* `8. Library	---------*/
.language_bar{background: url(../images/flags/crimeanalysis_flag_bar_small.gif) no-repeat center top;height: 25px;}
.languageFlag abbr{
	font-size: .75em;
	font-variant:small-caps;}
.languageFlag {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 0;
	min-height:50px;
	padding: 0 0 1em 75px;}
.languageFlag li{
	padding: 0;
	margin: 0;
	list-style: none;}
.lctext p {margin-bottom: 0.5em}
.venezuela {background: url(../images/flags/venezuela.gif) no-repeat 5px 5px;}
.israel {background: url(../images/flags/israel.gif) no-repeat 5px 5px;}
.portugal {background: url(../images/flags/portugal.gif) no-repeat 5px 5px;}
.chile{background: url(../images/flags/chile.gif) no-repeat 5px 5px;}
.turkey{background: url(../images/flags/turkey.gif) no-repeat 5px 5px;}
.slovenia{background: url(../images/flags/slovenia.gif) no-repeat 5px 5px;}
/* `a. awards */
h3 a.videoLink{font-size: 76%}
/* `b. situational crime prevention db */
#scpsearch fieldset#s2 {border-left: 1px solid #b7ddf2;}

body#translations dl{
	border-bottom: 1px solid #68a3ca;
	font-size: 90%;
	margin-bottom: 0;
	overflow:hidden;
	width: 100%;}
body#translations dl#titles {
	background:#D1E6EF;
	border-top: 2px solid #68a3ca;
	color: #68A3CA;
	font-weight: bold;
	text-align:center;}
body#translations dl#titles dt,body#translations dl#titles dd{height: auto;}
body#translations dt img{float:left;padding-right: 5px;}
body#translations dt{clear: left;float: left;}
body#translations dt, body#translations dd{height: 50px;padding-bottom: 0.5em;padding-top: 0.5em;}
body#translations dl#titles dt,body#translations dl#titles dd{height: auto;}
body#translations dd{float:left;}
body#translations dt.lang{width: 23%}
body#translations dd.version{width: 37%}
body#translations dd.issuedby{width: 40%;}

/* `e. crime prevention studies */
#cpheader {height: 180px; margin-left: 2em;}
#cpheader img {border: 1px solid #000; float: left; margin-right: 30px;}
#cpcontents{clear:both;}
div#cpcontents h2{border-bottom: 1px solid #ccc; margin-top: 15px;}
#cpcontents div { padding: 0.5em 0 0;}
#cpcontents p {font-size: 96%; margin-top: 0.75em;}
#cpindex p a, #cpcontents div a {font-size: 130%; font-weight: bold; text-decoration: none;}

/* `8. About us --------*/
div.bio {clear: both;}
div.bio h2,div.institution h2 {border-bottom: 1px solid;color: #900;margin-top: 2em;}

/* `10. Guides home	-----*/
#problem_guide_cover, #response_guide_cover, #tool_guide_cover, #upcoming_guide_cover{
	height: 260px;	}
#problem_guide_cover{background: url(../images/problem_guide_cover.gif) no-repeat right top;}
#response_guide_cover{background: url(../images/response_guide_cover.gif) no-repeat right top;}
#tool_guide_cover{background: url(../images/tools_guide_cover.gif) no-repeat right top;}
#upcoming_guide_cover{background: url(../images/upcoming_guides_covers.gif) no-repeat right top;}

/* `11. Guides --------*/
/* `a. table of contents */
ul.guide_download {border: 1px solid #ccc; margin-top: 1em; padding: 0.5em;}
ul.guide_download li a{font-size: 86%;padding-left: 30px;text-decoration: none;}
ul.guide_download li{background: url(../images/icons/guides-menu-ico-sprite.gif) no-repeat;}
li#print {background-position: -10px 5px;}
li#order {background-position: -10px -35px;}
li#downloadpdf {background-position: -13px -82px;}
li#downloadebook {background-position: -10px -132px;}
li#email {background-position: -10px -174px;}
li#downloadpdf a[href$='.pdf']{background:none}
li#downloadebook a[href$='.mobi']{background:none}

body#guide .pagination span.back{float: left;}
body#guide .pagination span.next{float: right;}
body#guide ul.vert_nav li p{margin-bottom: 0.25em;}
body#guide ul.vert_nav li p a{font-size: 86%;font-weight: bold;text-decoration: none;}
body#guide ul.vert_nav li img.contents_icon{float: left;}
/*navbar sprite is long due to varying text lengths on nav items*/
li.guide-navbar{background: url(../images/icons/guide-navbar-sprite.gif) no-repeat; overflow: hidden;}
li.currentpage{background: url(../images/icons/guide-navbar-sprite-active.gif) no-repeat; overflow: hidden;}
li.guide-navbar p {padding-left: 30px;}
li.page{background-position: 14px -1294px;}
li.page1{background-position: 14px 8px;}
li.page2{background-position: 14px -94px;}
li.page3{background-position: 14px -194px;}
li.page4{background-position: 14px -294px;}
li.page5{background-position: 14px -394px;}
li.page6{background-position: 14px -494px;}
li.page7{background-position: 14px -594px;}
li.page8{background-position: 14px -694px;}
li.page9{background-position: 14px -794px;}
li.page10{background-position: 14px -894px;}
li.page11{background-position: 14px -994px;}
li.page12{background-position: 14px -1094px;}
li.page13{background-position: 14px -1194px;}
.box.marginright {margin-right: 26%}
.guideImage.right {
	float: right;
	margin-left: 5px;
	text-align: center;
	width: 50%;}
.guideImage.center{margin: 10px auto;text-align: center;}
.guideImage.left {
	float: left;
	margin-right: 5px;
	text-align: center;
	width: 50%;}
.guideImage p {color:#666666;font-size: 11px;text-align: center;}
.instruction {
    background: #fcc;
    border: 1px solid #900;
    color: #900;
    padding: 0.5em;}
div.modal{display :none}
div.modal form#emailForm ul {list-style-type:none;}
div#video {margin-bottom: 1em;text-align: center;}

select#videoSelection {min-width: 480px;}
#emailForm label {display: block;line-height: 1.8;margin-top: 0.5em;}
#emailForm input, #emailForm textarea {color: #666666;width: 220px;}
#emailForm p { color: #999;font-size: 0.8em;}

/* `12. Search -------*/
body#search iframe {width: 100%;} /* override google styles */
body#search .gsc-control-cse {padding: 0;}
body#search .gsc-thinWrapper {width: 99%;}
/* `13. IE craziness - still */
html.ie6 #container_header h1 {
  background: #3d7ea4 url(../images/ie/h1_logo_title_ie6.gif) no-repeat left bottom;
  line-height: 60px; 
  font-size: 0; }
html.ie6 #problem_guides, html.ie6 #response_guides, html.ie6 #tool_guides{background:none;}
html.ie6 #newsletter, html.ie6 #social{height: 2.5em;padding-top: 0.5em;}
html.ie6 .agenda-date,html.ie7 .agenda-date{margin: 0;}	
/* `14. @media queries -------*/
@media screen and (min-width: 761px) and (max-width: 980px){
#container_header h1 { /* prevents cpop title image & funded by cops logo from overlapping at 800x600 */
  background: url(../images/bg/h1_logo_title_800.png) no-repeat 10px bottom;
}}