/*All devices load this PORTION of style sheet (for desktop see below)
`0. Reset styles
`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. Glossary 
`10. Contact
`11. Guides
	`a. summary tables
`12. @media queries (print)
`13. Google Translate
*/
/* 0. Reset styles ------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
b,strong{font-weight:bold}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
li{display:list-item}
th,td,caption{font-weight:normal;vertical-align:top;text-align:left}
svg{overflow:hidden}

/* `1. HTML ------------*/
body {
  background-color: #ededed;
  color: #333;
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p,dl,hr,
h1,h2,h3,h4,h5,h6,
ol,ul,
pre,table,address,fieldset,figure {margin-bottom: 15px;}

a {color: #3d7ea4;}
a:hover,a:focus {color: #c60;}
a[href$='.doc']{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-DOC-tiny.gif) no-repeat center right;}
a[href$='.pdf']{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-PDF-tiny.gif) no-repeat center right;}
a[href$='.ppt']{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-PPT-tiny.gif) no-repeat center right;}
a[href$='.mobi']{ 
	padding: 5px 15px 5px 5px;
	background: transparent url(../images/icons/icon-ebook-tiny.gif) no-repeat center right;}
a[href$='.wmv']{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-WMV-tiny.gif) no-repeat center right;}
a[href$='.zip']{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-ZIP-tiny.gif) no-repeat center right;}
a.youtube{ 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon-YouTube-small.gif) no-repeat center right;}
abbr {speak:spell-out;}
acronym {speak:normal;}
abbr[title], acronym[title] {border-bottom: 1px dotted #999;}
blockquote{border-left: 3px solid #ededed; margin-left: 1.25em; padding-left: 0.5em;}
h1{font-size: 1.8em;color: #369;}
h2{font-size: 1.6em;color: #036;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h1,h2,h3,h4,h5,h6{line-height: 1.2;}
h3,h5,h6 {color: #444;}
h4{color: #036;}
img {max-width: 100%}
small {font-size: 0.846153em;}  /*11px/13px*/

/* `a. jquery ui css overrides */
.ui-widget{font-size:1.0em}
.ui-widget .ui-widget{font-size:1.0em}

/* `2. Multi-use -------*/
.align_center {text-align: center;}
.align_right {text-align: right;}
.align_left {text-align: left;}
.box {border: 1px solid;margin-bottom: 1em;padding: 0.5em}
.button{border: 2px solid #666666;background: #ededed;padding: 0.2em;}
.desktop_only{display: none}
.error,.attention{color: #f00;font-weight: bold;}
.errors{
	border: 1px solid #f00;
	color: #f00;
	margin: auto;
    text-align: center;
	width: 50%;}
.errors p {margin-bottom: 0.5em;}
.display_none {display: none}
.hidden { display: none; visibility: hidden; }/* Hide for both screenreaders and browsers */
.genericform fieldset{border: 1px solid #036;margin: 10px;padding: 10px;}
.genericform legend{color: #fff;background: #69c;border: 1px solid #036;font-weight: bold;padding: 0 6px} 
.genericform label {display: block;line-height: 1.8;margin-right: 0.5em;}
.genericform input {background: #ededed;border: 1px solid #036;width: 50%;}
.genericform input.short {width: 10%;}
.genericform input.submit  {background: #69c;font-size: 1.5em;width: auto;}
.genericform textarea { min-height:200px; width:75%; background:#ededed; border:1px solid #036; }
div.genericNav h4{padding:0.5em 0 0 0.5em}
div.genericNav ul li{
	border-bottom: 1px solid #ccc;
	padding-left: 0.5em;}
div.genericNav ul li.last_item{
	border: 0;}
div.genericNav{
	background:#f2f2f2;
	border-top: 4px solid #c60;
	padding: 0;
	margin-bottom: 0;}
.invisible { visibility: hidden; }/* Hide visually and from screenreaders, but maintain layout */
.newtext,.redtext{color: #f00;font-size: 80%;text-transform: uppercase;}
.no_bullet_list{list-style-type: none;}
.notice,.notice h2{color: #900;}
.ol_alpha_upper{list-style-type: upper-alpha}
.ol_alpha_lower{list-style-type: lower-alpha}
.ol_decimal{list-style-type: decimal}
.ol_roman_upper{list-style-type: upper-roman}
.rounded_corner5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }/* Hide only visually, but have it available for screenreaders */
ul.vert_nav li{
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;}
.pagination{padding-bottom: 2em;}
.pagination ul{list-style-type: none; }
.pagination ul li{display: inline;margin: 0; padding: 0;}
.pagination ul li.nextpage {float:right;}
/*div.navBox{text-align: right;}*/
#navBox .vert_nav li span{color: #900; }

#newsletter_signup{
	background-color: #F60;
    border: 2px solid #f93;
    color: #fff;
    font-weight: bold;
    padding: 6px;
    text-align: center;
	text-decoration: none;
    text-transform: uppercase;}

/* `3. Layout	---------*/
.container_12 {padding-bottom: 1px;}
#container_header{
	/* background: #3d7ea4; */
	background-image:url(../images/1020background.png);
	/* for IE 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7ea4', endColorstr='#83a9c3'); 
 	background: -webkit-gradient(linear, left top, left bottom, from(#3d7ea4), to(#83a9c3));
	background: -moz-linear-gradient(top,  #3d7ea4, #83a9c3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7ea4', endColorstr='#83a9c3'); 
 	background: -webkit-gradient(linear, left top, left bottom, from(#3d7ea4), to(#83a9c3));
	background: -moz-linear-gradient(top,  #3d7ea4, #83a9c3);*/} 
#cops_logo{text-align: right;margin-right: 5px;}
#container_header h1 {
  background: url(../images/mobile/triangle_logo.png) no-repeat left center;
  color: #fff;
  margin-bottom: 5px;
  min-height: 55px;
  padding: 0 0 0 70px;
  text-indent: inherit;
  text-shadow: 2px 2px 4px rgba(0,0,0,.7);}
#container_header h1 a{color: #fff; text-decoration:none;}
#site_search #cse-search-box #cx,#container_main_nav{display: none;}
#teaser {position:absolute;z-index:2;top:.3em;}
#teaser p{
	background: #f60;
	color:#fff;
	float: none;
	line-height: 1.2;
	margin:auto;
	padding:5px 10px 5px 20px;
	text-align: center;
	text-shadow:0 -1px #d0284b, 0 1px #f96080;
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);}
#teaser p a{color: #fff;text-decoration: none;}
#teaser p a:focus, #teaser p a:hover{color: #ccc;}
#site_search{
	border:1px solid #d1d1d1;
	background:url(../images/bg/search_bg.png) repeat-x top left;
	float: none;
	height:26px;
	margin:10px auto;
	position: relative;}
#site_search #cse-search-box input.text{margin-right: 25px;width:90%;}
#site_search #cse-search-box input.text, #site_search #cse-search-box select.text{
	border:none;
	color:#333;
	margin-left:0;
	margin-bottom:0;
	margin-top:4px;}
#site_search #cse-search-box select.text {background: #eaf0f6;margin-left:3px;}
#site_search #cse-search-box button#search_button {
    background: none;
	border: 0;
	padding: 0;
	position: absolute;
    right: 2px;
    top: 3px;
	vertical-align: middle;
	width: 25px;   }
#site_search #cse-search-box button#search_button img {
	border: 0;
	display: block;
	float: right;
    vertical-align: top;}
#container_main{background: #fff;padding-top: 1em;padding-bottom: 1em;}
#breadcrumb {
    color: #888;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.846153em;  /*11px/13px*/
    font-weight: bold;
    margin: 0;
    padding: 0 0 0.75em 1.5em;}
#breadcrumb a:link, #breadcrumb a:visited {color: #aaa;text-decoration: none;}
#breadcrumb a:hover, #breadcrumb a:active {color: #68A3CA;text-decoration: underline;}
#breadcrumb .separator {color: #BD697B;}
#container_footer{
	background-color: #00456c;
	color: #fff;
	font-size: 0.9em;
	padding-bottom: 0.75em;
	padding-top: 0.75em;}
#container_footer ul{list-style-type: none;}
#container_footer ul li{
	border: 1px solid #013350;
	border-width: 1px 0 1px 0;
	border-bottom-color: #369;
	padding-top: 0.25em;
	padding-bottom: 0.25em;}
#container_footer ul li.first_item{border-top: 0;}
#container_footer ul li.last_item{border-bottom: 0;padding-bottom: 0;}
#container_footer a:link, #container_footer a:visited{color: #fff;text-decoration: none;}
#container_footer a:hover,#container_footer a:focus{color: #c60;}
#container_footer p {padding-right: 0.5em;text-align:right;}
#container_footer p a:link,#container_footer p a:visited{color: #c60;text-decoration: underline;}

.social-sprite {background: url(../images/icons/social-sprite.png) no-repeat; overflow: hidden; }
li.social-sprite{padding: 0 0 0 20px;}
.social-rss{background-position: 0 5px;}
.social-fb{background-position: 0 -20px;}
.social-li{background-position: 0 -42px;}
/* `4. Homepage --------*/
body#home #social_header {display:none;}
.home_guides h2{
	background: #00456c url(../images/bg/guide_header_bg.gif) no-repeat top left;
	border: 1px solid #00456c;
	font-size: 1.3em;
	line-height: 40px;
	min-height: 40px;
	padding: 0 0 0 45px;}
.home_guides h2 a{
	color: #fff;
	display:block;
	font-weight: normal;
	text-decoration: none;}
.home_guides h2 a:hover{color: #F60;}
.home_guides h3{
	color: #666666;
	font-size: 0.9em;
	margin-bottom:0;}
.home_guides li{
	list-style-type: none;
	margin: 0;
	padding-top: 0.5em;}
#problem_guides li a {color: #006;}
#response_guides li a {color: #063;}
#tool_guides li a {color: #603;}
.browse_guides a {
	text-decoration: none;
	color: #444;
	font-weight: bold;}
.browse_guides a:hover {color: #999;}
#newsletter, #social{
	background: #ededed;
	border: 1px solid #ccc;
	padding: 0.25em;
	margin-bottom: 15px;
	margin-top: 10px;
	min-height: 5em;}
#newsletter form{padding-left: 0.5em;display:inline;}
#newsletter a{
	font-weight: bold;
	padding-left: 0.5em;
	text-decoration:none;}
#newsletter label{font-weight: bold;}
#newsletter label span{color: #c00;}
#newsletter input[type="submit"]{
	background-color: #333;
	color: #fff;
	font-weight: bold;
	margin-left: 0.5em;
	padding: 4px 4px 2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;}
#newsletter input[type="text"]{
	border: none;
	background-color: #fff;
	color: #666666;
	margin-left: 0.5em;
	padding: 0.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;}
#newsletter input[type="text"]:focus{
	-webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.5);
	-moz-box-shadow: 0 0 12px rgba(51, 204, 255, 0.5);
	box-shadow: 0 0 12px rgba(51, 204, 255, 0.5);}
#newsletter input[type="submit"]:hover {color: #ccc;}
#social{display: none;}
.section_special{
	background:#f2f2f2;
	border-top: 4px solid #c60;
	padding-bottom: 0;
	margin-bottom: 0;}
.section_learning{padding-bottom: 1em;}
.section_learning h2, .section_special h2{
	color: #06c;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0.25em;
	padding-top: 0.5em;
	font-variant:small-caps;}
.section_learning h2{padding-top: 0;}
.section_special h2{color: #c60;padding-left: 0.25em;}
.section_learning ul, .section_special ul{padding-bottom: 0;margin-bottom: 0;}
.section_special ul{padding-left: 0.5em;}
.section_learning li, .section_special li{
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	margin-left: 0;
	padding: 0.5em 0;}
.section_learning li,.section_learning li.last_item, .section_special li.last_item{border: 0;}
.section_learning li a, .section_special li a{
	color: #333;
	font-weight: bold;
	text-decoration:none;}
.section_learning li a:hover, .section_learning li a:focus{color: #06c;}
.section_special li a:hover, .section_special li a:focus {color: #c60;}

/* `5. Conference ------*/
div#conf_presentations_Nav ul.vert_nav{display: none} /* don't display on mobile */
.agenda_date{background: #dadada url(/images/bg/arrow_up.gif) no-repeat 98% center; 
	border: 1px solid #666;
	color: #000;
	cursor: pointer;
	font-size: 1.4em;
	margin: 0 0 -1px 0;
	padding: 1.0em 0 1.0em 0.5em;}
.agenda_time{color: #000;font-size: 1.2em;}
.agenda_presentation{color: #900;font-weight: bold;}
.agendafinalist{border: 1px solid #f00;color: #f00;font-size: 80%;padding: 1px; text-transform:uppercase; }
.agenda_abstract{margin-top: 0.2em;padding-left: 0.5em;}
#dates {margin: 2em 0;}
#day1,#day2,#day3{padding-top: 1em}
.day1{border-bottom: 3px solid #903}
.day2{border-bottom: 3px solid #006}
.day3{border-bottom: 3px solid #030}
#day2 .agenda_presentation{color: #006}
#day3 .agenda_presentation{color: #030}
.downarrow{color: #999;}

dl.agenda_day {margin-left: 2em;}
.agenda_day dt{border-top: 1px dashed #ccc;margin-top: 0.5em;padding-top: 0.5em}
.agenda_day dd ul {margin-top: 0;padding-top: 0;}
.agenda_day dd ul li{list-style-type: none;margin: 0;padding: 0;}
.sessionItem{
	padding:10px;
	margin:15px 10px 15px 10px;
	border:1px dashed #ccc;}
.finalist{border:1px  dashed #F00;}
.winner {border:3px solid #F00;background: #fff;}
.sessionInfo h2 {color: #f00;}
.showbtn, .hidebtn {margin-top: 0.2em;}
body#conference .presenters p {
	margin: 0;
	padding: 0;
	color: #666666;
	font-weight: bold;
	font-size: .8em;}
.library-doctitle {font-weight: bold;}

/* `6. 25techniques ----*/
div.flash object{display: none;} /* don't display on mobile (giant flash jquery controlled download) */

/* `7. Learning --------*/
.lctopbox {
    background: #eee;
    border: 1px solid #999;
	font-size: 90%;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 5px;
	width: 30%;
	float: right;
	display: block;}
.lcsidebox {
    background: #eee;
    border: 1px solid #999;
	font-size: 90%;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 5px;}
.lcsidebox.bg_white {background: #fff;}
.lcsidebox h2 {font-size: 1em}
.lctext {
    background: #E6F2F9;
    border: 1px solid #99B8CC;
	margin-bottom: 1em;
    padding: .75em;}
.lc_image{border:2px solid #fff;margin:0 0 8px 8px;}
.lcsidebox ul li {list-style-type: none; padding-bottom: 0.5em;}
.modsecttitle a:link{color: #036; font-weight:bold}
.close-text {color:#F60; text-decoration:none; padding-left:1em;}

/* `8. Library	---------*/
#links h2 {font-size: 1.25em;margin-bottom: 0.25em;}
#links h2 a:link{color: #036;}
/* `a. awards*/
span.winner, span.finalist{
	border: 1px solid #f00;
	color: #f00;
	font-size: 86%;
	padding: 2px;
	text-transform:uppercase;}
span.winner{background-color: #f00; color: #fff;font-weight: bold;}
div.years{padding-left: 75px;}
#abstracts div {margin-bottom: 1em;padding-left: 0.5em;padding-right: 0.5em;}
#abstracts div, #abstracts div.winner, div.year{border: 1px solid #ccc;}
#abstracts div.winner h2 span{color: #f00;font-size: 90%;text-transform: uppercase;}
#abstracts div h2 a:link{color: #036;font-size: 90%;}
ul#depts,ul.deptPapers {list-style-type:none;}
ul#depts li ul {list-style-type: circle;}
ul#depts li ul li, ul.deptPapers li{padding-bottom: 0.5em;}
.locale{color: #A8BDCF;font-size: 86%;}
li.backtotop {font-size:86%;text-align: right;} 

/* `b. situational crime prevention db */
#scpsearch {
    background: url("../images/bg/scp-searchbg.gif") repeat-x scroll 0 0 #fff;
    border: 1px solid #b7ddf2;
	padding: 0.5em;}
#scpsearch fieldset#s1{font-size: 90%;padding-right: 0.5em;}
#scpsearch fieldset#s2 {font-size: 90%;padding-left: 0.5em;}
#scpsearch legend{color: #369;}
#scpsearch ul li{list-style-type: none;padding-bottom: 0.5em;}
table.resultsTable {background-color: #fafafa;color: #404040;font-size: 86%;}
table.resultsTable tr:hover {background-color: #ebf4fb;}
table.resultsTable tr th.topleftcorner {background: #fff;border: 1px solid #69c;border-width: 0 1px 1px 0;}
table.resultsTable td {border: 1px solid #ccc;border-width: 0 1px 1px 0;text-align: center;}
table.resultsTable tr th {
	border: 1px solid #69c;
	border-width: 1px 1px 1px 0;
	background-color: #ebf4fb;
	font-weight: bold;color: #369;
	padding: 3px;
	text-align: center;} 
table.resultsTable tr th.rowhead, table.resultsTable tr th.rowheadalt { 
border: 1px solid #69c;
border-width: 0 1px 1px 1px;
text-align: left;}
.noresults{color: #bbb; font-size: 50%;}
ul.studieslist li {padding-bottom: 0.75em;}

/* `c. crime analysis translations */
span.comingsoon{color: #f00; font-size: 86%; font-variant:small-caps;}
dl.odd{background: #f2f9ff;}
body#translations dd.version{font-weight: bold;}

/* `d. reading */
#reading_tools h2{font-size: 1.2em;}
#reading_tools h2 a:link{color: #036;}
.info{margin-bottom: 1.0em;}

/* `e. crime prevention studies */
#cpindex{margin-top: 1em;}
#cpindex p a:link{color: #036; font-size: 110%; font-weight: bold;}

/* `f. unpublished documents */
dl#unpublished dt {margin-top: 1em;}

/* `9. Glossary --------*/
#glossary tr {vertical-align: top;}
#glossary td.term {
	background: #DFE1E6;
	border: 1px solid #B9C2CA;
	color: #295973;
	font-weight: bold;}
#glossary td.definition {border: 1px solid #B9C2CA;}
#glossary th {
	background: #C2D7EB;
	border: 1px solid #8CB3D9;
	border-right: 5px solid #8CB3D9;
	color: #3F7FBC;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em;
	text-align: center;}
#glossary td {padding: 0.5em;}

/* `10. Contact --------*/
/*#emailForm label {display: block;margin-top: 0.5em;}#emailForm textarea{width: 100%;}*/

/* `11. Guides --------*/
div.mobile_only{text-align:left}
div.mobile_toc{background: #00456c;margin-bottom: 0.5em;padding: 8px 0 6px 0;text-align: center;}
div.mobile_toc a {color:#fff;font-weight: bold;}
.guidebox {border: solid #ccc;border-width: 3px 0;padding: 1em 0;margin-bottom: 1em;}
#guidetypes {
    border: 3px solid #3a7aa5;
    margin: 0 auto;
    padding: 10px;
    width: 85%;}
#guidetypes div {line-height: 1.7;padding-left: 30px;}
#guidetypes .web {background: url("../images/icons/icon-stack_small.gif") no-repeat;}
#guidetypes .pdf {background: url("../images/icons/icon-PDF-largest.gif") no-repeat;margin-top: 6px;}
#guidetypes .ebook {background: url("../images/icons/guides_ebook_ico.gif") no-repeat;margin-top: 6px;margin-left: 3px;padding-left: 27px;}
select#videoSelection {border: 1px solid #369;color: #369;}
#webguides {margin: 10px 0;}
#webguides ul {background: #eee;margin: 6px 0;padding: 0.2em 0 0.2em 30px;}
#webguides ul li {display: inline;font-size: 0.86em;margin-right: 1em;padding: 0;}
.guide, .pdfguide, .respguide, .resppdfguide, .ebookguide {
    background: url("../images/icons/icon-stack_small.gif") no-repeat;
	margin-top: 1em;
    padding: 3px 0 0 30px;}
.pdfguide, .resppdfguide {background: url("../images/icons/icon-PDF-largest.gif") no-repeat;}
.ebookguide {background: url("../images/icons/guides_ebook_ico.gif") no-repeat;}
.pdfguide a[href$='.pdf'], .resppdfguide a[href$='.pdf'], .ebookguide a[href$='.mobi']{background: none;padding: 0;}
a.header-guidetitle:link {text-decoration: none;}
.authorguide {border: 1px solid #036;line-height: 1.75em;margin: 10px auto;padding: 0.5em;}
.authorguide h2 a:link {color: #036;text-decoration: none;}
.authorguide ul {list-style: none;margin: 0.5em 1em;padding: 0;}
.guide-superscript {
	color: #000;
	font-size: 86%;
	font-weight: bold;
	text-decoration: none;
	vertical-align: 4px;}
.guide-superscript:hover {color: #F00;}
p.guide-footnote, p.guide-footnote-ul {
	font-size: 86%;
	line-height: 1.5;
	border-left: 1px dotted #CBCBCB;
	color: #686868;
	margin: 0 0 1.5em 1.5em;
	padding: 0.5em 2em 0.5em 1em;}
.guide-footnote-ul li {margin-left: 10px;}

/* `a. summary tables */
#summarytable {border: 1px solid #808080; font-size: 86%; margin: 1em 0;}
#summarytable tbody tr {vertical-align: top;}
#summarytable tbody tr td, #summarytable tbody tr th {padding: 0.5em;}
.summary-color1 {background-color: #C2D9EA;}
.summary-heading {
	background-color: #C3C3C3;
	color: #565656;
	font-size: 101%;
	font-weight: bold;}
.summary-response {
	color: #000;
	font-weight: bold;}
.summary-subheading {
	background-color: #7CAED2;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #808080;
	color: #000;
	font-size: 101%;
	font-style: italic;
	font-weight: bold;}
	
/* `b. data tables */
.datatable {border: 1px solid #444;font-size: 95%;margin: 1em auto;}
.datatable thead th, .datatable th {
	background: #ededed;
	border: 1px solid #444;
	font-weight: bold;
	padding: 0.5em;}
.datatable th {text-align: center;}
.datatable thead th.tabletitle, .datatable th.tabletitle {
	#6699CC;
	color: #565656;
	font-size: 1.2em;
	font-style: italic;
	padding: .65em;
	text-align: center;}
.table-subtitle{
	background-color: #C3C3C3;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	color: #565656;
	font-weight: bold;
	padding: .35em;}
.table-content {background: #C2D9EA;}
.datatable tbody tr {background: #ECF7FF;border: 1px solid #444;vertical-align: top;}
.datatable tbody tr.odd {background: #D5EDFF;}
.datatable tbody td {border: 1px solid #444;padding: .5em;}
.guidedata {border: 1px solid black; margin: 10px auto;}
.guidedata tr {border-bottom: 1px solid #ccc;}
.guidedata th {padding: 0.5em;text-align: center;}
.guidedata td {padding: 0.5em;vertical-align: top;}
	
/* `12. @media queries (print) --------*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } 
a, a:visited { color: #444 !important; text-decoration: underline; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } 
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
#cops_logo,#teaser,#site_search,#breadcrumb,#container_footer{display:none}
.instruction{display:none}}

/* `13. Google Translate --------*/
html[class="translated-rtl"] #container_main *, 
html[class="translated-rtl"] #container_footer *
{direction:rtl!important; text-align:right;}
html[class="translated-rtl"] #container_main ul,
html[class="translated-rtl"] #container_main ol{padding-right: 1.0em;}
html[class="translated-rtl"] #container_main div.section_special,
html[class="translated-ltr"] #container_main div.section_special{height: auto!important;}


/* ---------------------------------------------------
       2014 updates below // overrides and new styles
---------------------------------------------------- */
p.note {background:url("../images/note_icon.png") no-repeat;padding:.5em .5em .5em 44px;background-position:3px .5em;min-height:46px;margin:.5em;}
#masthead {position:relative;width:100%;background:#fff;max-width:960px;}
#banner-760{display:none;}
#banner-980 {width:100%;max-width:100%;height:auto;width:auto\9; /* ie8 */}
#title-image { }
#title-text {display:none;}
#ua-bug {width:16%; display:block; position:absolute; right:0px; top:0px;}
#ua-vert {padding:.5em 0 1em 0; text-align:center; width:100%; display:block;}
/* ============== search ==================*/
#search-element {}
#site_search {display:none;}
#cse-search-box select.text{border:1px solid #666;color:#333;margin-left:0;margin-bottom:0;margin-top:4px;padding:2px 1px;background:#eaf0f6;margin-left:3px;font-size:.8em;font-size:.82em\9;}
#search-nugget {display:block;border:1px solid #666;margin:3px 0px 0px 3px;padding:0px;width:95%;position:relative;}
#search-nugget input {border:0; margin:0px; padding:0px;}
#search-nugget input.text {font-size:.8em; width:11em; padding:0px; margin-left:.5em;}
#search-nugget input.q-button {width:17px; position:absolute; right:0px; top:0px;}

/* =============== top nav bar ===================================*/
#site-nav{background:url("../images/nav-background.png") repeat-x;display:block;position:relative;}
#site-nav ul{list-style-type:none;margin:0;padding:0;position:relative;}
#site-nav li{border-right:1px solid #3d7ea4;display:block;float:left;position:relative;margin:0;}
#site-nav li.first_item{border-left:0;}
#site-nav li a{display:block;margin:0;padding:3px 10px;text-decoration:none;color:#234762;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;}
#site-nav li a:hover,#site-nav li a:focus{background:#fff; color:#cf5817;}

/* ============== home page column styles ===================================*/  
.col-box {border:1px solid #babdc6;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;position: relative;}
.feature-box {border:3px solid #f47f02;margin-top:1em;background:#fff5c7;}
.col-box h1 {color:#d1d6e5;background:#104460;font-weight:800;font-size:1.2em;text-align:center;padding:.75em 0;margin: 0;-webkit-border-radius:21px 21px 0 0;-moz-border-radius:21px 21px 0 0;border-radius:21px 21px 0 0;}
.col-box-text {padding: 0 .75em 1.5em .75em;}
.col-box-item {display: inline-block;padding:.7em 0;border-bottom:1px solid #babdc6;width:100%;margin-bottom:.4em;}
.col-box-item h2 {color:#c38a02;font-weight:bold;font-size:1.4em;margin:0;padding:0;}
h2.orange {color:#f47f02;}
.col-box-item p {margin:.35em 0;padding:0;font-size:1.2em;line-height:1.3em;}
.col-box-item p.bold {font-weight:bold;}
.col-box-item a {text-decoration:none;}

#newsletter #link-box {text-align:center;padding-left:-5%;}
#newsletter #link-box a {padding-left:4%;}
#container_footer{background-color: #104460;}

/* ================ the menu for mobile devices ======================================*/
#hamburger {
	display:none;
	width:100%;
	background:url("../images/nav-background.png") repeat-x;
	background-position:.25em 0;
	background-color:#babdc6;
	color:#234762;
	font-size:1.25em;
	padding:.25em 0;
	text-align:center;
	cursor: pointer;
	border-bottom:1px solid #828181;
	position:relative; 
}

/* ========================== mobile and tablet styles =================== */

@media screen and (max-width: 980px) {
#banner-980 {display:block;}
#search-element {display:none;}	
#site_search {display:block;position:absolute;z-index:2;bottom:8px;right:20%;margin:0;border:0;}
#ua-bug {background:#fff;}
.social-sprite {position:relative;top:2.25em;}
}
@media screen and (max-width: 760px) {
#banner-760 {display:block;}
#banner-980 {display:none;}
#site_search {display:block;position:relative;margin:.5em 1em 0 1em;border:1px solid #d1d1d1;bottom:.25em;right:0;}
.col-box {margin-bottom:1em;}
#ua-bug {display:none;}
#newsletter #link-box a {display:block;padding-left:0;margin-top:.25em;}
#teaser {position:relative; top:0;}

/* =============== mobile navigation ================== */

#hamburger {display:block;}
nav {background:#243a4c;width:100%;padding:0;z-index:4;display:none;/* hide until toggled with js */}
#site-nav{background:none;background-color:#cccdcf;width:100%;text-align:center;font-size:1.25em;}
#site-nav ul{margin:0;padding:0;}
#site-nav li{border-right:0;border-bottom:1px solid #3d7ea4;float:none;margin:0;}
#site-nav li a{display:block;margin:0;padding:.5em;}
#site-nav li a:hover,#site-nav li a:focus{background:#fff; color:#cf5817;}
#social_header {display:none;}
}