/* CSS Document */

/* stack all grids below 40em (640px) */
@media all and (max-width: 35em) {
	.my-breakpoint .span2,
	.my-breakpoint .span6 {
		width: 100%;
		float: none;
	}
}

.span2 {
	padding: 0px;
	
}

.span7 {
	padding: 10px;
	
}


/* Judge Evaluations */
.judgename {
    color: #7A8B4F !important;
    font-size: 22px;
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.court-and-district {
    color: #000000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.judgeposition {
    border-bottom: 1px solid #CCCCCC;
    color: #888888 !important;
    font-weight: 600;
    letter-spacing: 0.045em;
    line-height: 1.5em;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.judgebiophoto {
    border: 5px solid #ccc;
    padding: 1px;
}

.retain {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #669900;
	display: inline;
	border: none 5px #236123;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.do-not-retain {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #990000;
	display: inline;
	border: none 5px #236123;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.no-opinion {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #000000;
	display: inline;
	border: none 5px #236123;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.insufficient-time {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #7388B3;
	display: inline;
	border: none 5px #236123;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.no-recommendation {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #7388B3;
	display: inline;
	border: none 5px #236123;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* Data Tables */
table.datatable {
	font-size:.9em;
	font-weight: bold;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.datatable th {
	color:#FFFFFF;
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #666666;
	background-color: #000000;
}
table.datatable tr {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.datatable td {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	width: 25%;
}
table.datatable tr td + td  {  /* makes 3rd column blue */
    background-color: #DFECDD;
}
table.datatable tr td + td + td  {  /* makes 3rd column blue */
    background-color: #FDFEDA;
}
table.datatable tr td + td + td + td {  /* makes 3rd column blue */
    background-color: #FEE7E0;
	
}