@charset "UTF-8";
/* CSS Document */


* {margin:0;padding:0;}

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{

	/* Page reset */

	margin:0px;

	padding:0px;

	/*text-align: center;*/
	
}

h1 {font-size: 30px; padding: 10px 0 0 0; text-align:left; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif;}
h2 {text-align:left; padding: 10px 0; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif;}
h3 {text-align:left; padding: 10px 0; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif; text-align:left; padding: 5px 0;}
h4 {text-align:left; padding: 10px 0; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif;}
p {padding: 5px 0; font-size: 14px; line-height:1.3em; text-align:left; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif;}
li, ul {font-family:Helvetica, Lucida Sans, Tahoma, sans-serif; text-align:left; margin-left:10px;}
img {border: 0px;}

/*page setup*/
#header {width:1000px; height:100px;}
.logo {width:250px; float:left;}
.header_ad {width:726px; margin-left:20px; float:right;}


.header2 {margin:10px 0 20px 0; height:82px; position: relative; width:980px;}
.header2 span {background-image:url("http://stand-your-ground-law.s3.amazonaws.com/media/images/syg_header.png"); position: absolute; width:100%; height:100%; overflow:hidden;}


#big_container {width:980px; border: none; background-color: #fff; padding:10px;}
#main_left {margin: 10px 0 0 0; float: left; width: 640px; display: inline;}
#right_rail {width: 300px; float: right; margin: 10px 0 0 9px; padding: 0 0 10px 20px; border-left: 1px solid #CCC;}
#footer {width:1000px; border: none; background-color:#eeeedd; padding-bottom:10px;}
#footer_left {width:290px; float:left; margin-left:210px;}
#footer_right {width:500px; float:right;}
#footer_center {width:500px; text-align:left;}

.caption p { font-size: 11px; font-weight: normal; color: #666; font-family: Helvetica, Lucida Sans, Tahoma, sans-serif; border-bottom: none; }
.columns-padtop {width:800px; text-align:center; margin: 10px 100px;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }


/*tabs nav*/
#navcontainer {margin:10px 0;}
#navlist { border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 19px; /*padding-left: 10px; */}
#navlist ul, #navlist li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#navlist a:link, #navlist a:visited { background: #E8EBF0; border: 1px solid #ccc; color: #666; float: left; font-weight: normal; line-height: 14px; margin-right: 8px; padding: 2px 5px 2px 5px; text-decoration: none; font-family:Helvetica, Lucida Sans, Tahoma, sans-serif; font-size:12px; }
#navlist a:link#current, #navlist a:visited#current { background: #fff; border-bottom: 1px solid #fff; color: #000; }
#navlist a:hover { color: #1D7292; }




/*grid for detail pages*/
.container_3 { 	margin-left: auto; margin-right: auto;	width: 640px; }
.container3 h1 {margin-bottom:15px;}
.grid_1, .grid_2, .grid_3 { margin-right: 10px; display:inline; float: left; position: relative; margin-left: 0px; }
.container_3 .grid_1 { width:206px; }
.container_3 .grid_2 { 	width:422px; }
.container_3 .grid_3 { width:640px; }

.last { margin-right: 0px; }
.grid_2 img {width:420px; border: 1px solid #CCC; }
.grid_1 img {width:204px; border: 1px solid #CCC; }
.seller { background: #E8EBF0; border: 1px solid #CCC; color: #666;  text-decoration: none; height:28px;  margin-top:15px; }
.seller_1 {width:206px;}
.seller_2 {width:422px;}
.seller p { padding:5px; }
.seller a:link { color: #1D7292; }


.detail_table table {width:100%; border-spacing:0; border-collapse: collapse;}
.detail_table table thead th {border-bottom: 1px solid #ccc; font-weight:bold; padding:5px;}
.detail_table table tbody td {border-bottom: 1px solid #ccc; padding:5px; font-size:14px;}

.yes {background-color: #E8EBF0;}
/*.detail_table table tbody img {margin:0 43px; padding:0;}*/

/* stuff originally from slicer.css*/

a:link /*.btn-on, a:link .btn-off, a:link .btn-data*/ {text-decoration:none;}
a:hover {text-decoration:none !important;}
a:hover .btn-on, a:hover .btn-off, a:hover .btn-data {text-decoration:none !important;}

.btn-on { background-color: #606060 !important;
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF", endColorstr="#1D7292");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#FFF), to(#1D7292));
  background-image: -moz-linear-gradient(top, #FFF, #1D7292);
  background-image: -ms-linear-gradient(top, #FFF, #1D7292);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #1D7292));
  background-image: -webkit-linear-gradient(top, #FFF, #1D7292);
  background-image: -o-linear-gradient(top, #FFF, #1D7292);
  background-image: linear-gradient(#FFF, #1D7292);*/
  border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%);
  color: #fff !important;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56);*/
  -webkit-font-smoothing: antialiased;
  text-decoration:none !important;
}


.btn-off { background-color: #fff !important; background-repeat: repeat-x; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#c9c9c9"); background-image: -khtml-gradient(linear, left top, left bottom, from(#EEE), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #EEE, #c9c9c9); background-image: -ms-linear-gradient(top, #EEE, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #EEE, #c9c9c9); background-image: -o-linear-gradient(top, #EEE, #c9c9c9); background-image: linear-gradient(#EEE, #c9c9c9);*/ border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69); -webkit-font-smoothing: antialiased; text-decoration:none !important; }

.btn-data {
  background-color: #fff !important;
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfeaf6", endColorstr="#50A291");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#dfeaf6), to(#50A291));
  background-image: -moz-linear-gradient(top, #dfeaf6, #50A291);
  background-image: -ms-linear-gradient(top, #dfeaf6, #50A291);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfeaf6), color-stop(100%, #50A291));
  background-image: -webkit-linear-gradient(top, #dfeaf6, #50A291);
  background-image: -o-linear-gradient(top, #dfeaf6, #50A291);
  background-image: linear-gradient(#dfeaf6, #50A291);*/
  border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
  text-decoration:none !important;
}
/* #53a18d */


.slicehold { min-height: 900px; }

.detail_table td {
    text-align: center;
}

.detail_table h1 {font-size:20px; text-align:center;}

.detail_table h1 p {font-weight:100; padding-top:0; text-align:center;}

#sygtitle {
    background-color: black;
    color: white;
    width: 1000px;
    margin: auto;
    margin-top:10px;
    height: 45px;
/*    font-family: Bevan; */
  }

#sygtitle h1 {
    margin-top: 0 !important;
    text-align: center !important;
    font-family: Francois One !important;
    padding: 0;
}
.sygkicker {
    font-weight: lighter;
}  

.sygbar {
    font-family: Francois One;
/*    background-color: #BBB;*/
    text-align: center;
    color: white;
    width: 739px;
    margin: auto;
    height: 20px;
    font-size: 14px;
  }

/*new labels */
.sectionLabel {
    font-family: Francois One;
    text-align: left;
    color: white;
    width: 100%;
    margin: 10px 0;
    padding:2px;
    background-color: #606060;
    height:100%;
    font-size: 14px;
     border-bottom: 3px solid #CCC;
}

.no-sygbar {
    font-family: Francois One;
    text-align: center;
    color: white;
    width: 739px;
    margin: auto;
    height: 20px;
    font-size: 14px;
    background-color: #606060;
    border-bottom: 3px solid #CCC;
  }
#sygbar-guilty-plea {
    background-color: #B9523E;
    border-bottom: 3px solid #CCC;
  }
#sygbar-got-off {
    background-color: #2C7E75;
    border-bottom: 3px solid #CCC;
  }
#sygbar-other {
    background-color: #606060;
    border-bottom: 3px solid #CCC;
  }

.top_buttons {
  padding-top:10px;
}
.top_buttons span {
  margin-left:8px;
  float:right;
}
span.navbut {
  position:relative;
  top:-5px;
  float:right;
}
.row { clear: both; width: 100%; max-width: 1000px; margin: 0 auto; }
.col_2 {
width: 13.5%;
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
float: left;
margin-right: 3.8%;
position: relative;
}

.col_1 {width: 4.85%;}  /* ie - 4.7% */
.col_2 {width: 13.5%;}  /* ie - 13.2% */
.col_3 {width: 20.8%;} /* ie - 22.05% */
.col_4 {width: 30.8%;} 	/* ie - 30.6% */
.col_5 {width: 39.45%;} /* ie - 39% */
.col_6 {width: 48.1%;} 	/* ie - 48% */
.col_7 {width: 56.75%;} /* ie - 56.75% */
.col_8 {width: 65.4%;} 	/* ie - 61.6% */
.col_9 {width: 75.4%;} /* ie - 74.05% */
.col_10 {width: 82.7%;} /* ie - 82.7% */
.col_11 {width: 91.35%;}/* ie - 91.35% */
.col_12 {clear: both; width: 100%; float: left;}
.col_10 { width: 82.7%; }

.row .col_8 .col_7.gutterBorder,
.row .col_8 .col_6.gutterBorder,
.row .col_8 .col_5.gutterBorder,
.row .col_8 .col_4.gutterBorder,
.row .col_8 .col_3.gutterBorder,
.row .col_8 .col_2.gutterBorder,
.row .col_8 .col_1.gutterBorder {
/*todo: build out more subcol gutterborders */
	margin-right: 2.89%;
	padding-right: 2.89%;
}


/* Columnal - sub columns */
	.col_2 .col_1, 
	.col_3 .col_2, .col_3 .col_1,
	.col_4 .col_3, .col_4 .col_4, .col_4 .col_2, .col_4 .col_1,
	.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
	.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
	.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
	.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1,
	.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8,
	.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1,
	.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1,
	.col_12 .col_11, .col_12 .col_10, .col_12 .col_9, .col_12 .col_8, .col_12 .col_7, .col_12 .col_6, .col_12 .col_5, .col_12 .col_4, .col_12 .col_3, .col_12 .col_2, .col_12 .col_1 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}


/*style for the new main page*/

.left {width: 619px; margin-right: 37px; float: left; height:100%; }
.left2 {width: 291px; float:left; margin-right: 37px; margin-top:20px;}
.left3 {width: 619px; height:100%; margin-top:20px;}

.right {width: 324px; height:100%; float:right;}
.right .slicer_item {border:1.5px solid #fff;}
.left h2 {font-size: 30px;}

.col_2 p, /*.col_4*/ .col_6 p {border-bottom: 1px solid #CCC;}

.last, .omega {
margin-right: 0 !important;
border-right: 0 !important;
padding-right: 0 !important;
}
.listRace, .listCounty, .listGender {
    -webkit-user-select: auto;
}

.slicer_item{
    position:relative;
    float:left;
    width:78px;
    max-height:130px;
    border:2px solid #fff;
    text-align:center;
}



.slicer_item img {max-width: 100%;}
div.case_details {
    min-height: 100%;
}
.case_details img {
    float:left;
    margin-right:4px;
}
.slicer_parent:hover > div > div > div { opacity: 0.5; }
.slicer_parent:hover > div > div > div:hover {  opacity: 1.0; }

//.slicer_item img { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ }
//.slicer_item  img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.group_hed{
    margin-top:18px;
    margin-bottom:14px;
}
.victims{
}
.defendants{
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.data-container{
    width:980px;
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.container{
    width:980px;
    margin-left: auto;
    margin-right: auto;
}
.container h2 {
    font-size: 24px;
}

.facets h3{
    margin-top:18px;
    margin-bottom:14px;
}
.facets span, button {
    margin-right:2px;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
.facets span.filt {
    float:right;
}

.name {height:37px;}
.mugbox {width:78px; min-height:40px; margin: 0 0 10px 0; background-color:#E8EBF0; /*border: 1px solid #CCC;*/ color: #666;}
.mugbox p, .mugbox_detail p  {margin-bottom:0px; text-align:center; padding:2px 0; border-bottom: none;}

.mugbox_detail {width:100%; min-height:40px; margin: 0 0 5px 0; background-color:#E8EBF0; /*border: 1px solid #CCC;*/ color: #000;}

.caption p { font-size: 11px; font-weight: normal; color: #666; font-family: Helvetica, Lucida Sans, Tahoma, sans-serif; border-bottom: none; }


.col_3 .mug img {width:217px; height:217px;}
.col_2 .mug img {width:132px; height:132px;}
.col_6 .mug img {width:132px; height:132px;}
.weapon {border-bottom: 1px solid #CCC;}
.weapon img {width:75px;}
.weapon p {border-bottom: none;}
.label { background: #E8EBF0; color: #666;  text-decoration: none; margin-top:10px;}
.label p { padding:2px; text-transform:uppercase; }
.label a:link { color: #1D7292; }

.sub_col {width:128px; height:100px; float:left; padding-right:10px; border-right:1px solid #ccc; margin-right:10px; }
.sub_col img {width:100px;}

.sub_col_v2 {width:18%; height:100%; float:left; padding-right:1%; border-right:1px solid #ccc; margin-right:1%; }
.sub_col_v2 img {width:75px;}

.sub_col_v3 {width:21%; height:100px; float:left; padding-right:2%; border-right:1px solid #ccc; margin-right:2%; }
.sub_col_v3 img {width:75px;}