/******************************** */
/*   APPEALS STYLES              */
/*   last modified: 05/02/2014 by mbc per Eric Brown -- utility-bar */
/*   last modified: 02/21/2014 by dms per Eric Brown     */
/*   last modified: 09/17/2013 by dms per Eric Brown     */
/*   last modified: 09/13/2013 by dms per Eric Brown     */
/*   last modified: 07/12/2013     */
/*   Created by: Diana Shelton/Beth Caldwell         */
/*********************************/
/* Modified by: Beth Caldwell */
/* FIGURE STYLES FOR THE CHARTS---------------------------------------*/
/*@import 'holocator.css'; /* HO Locator style sheet */

/*#content h4{ /*ADDED 7/26*/ /*Updated per Eric Brown 9/17/2013 by dms
	border-bottom-color: #465880;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color:#465880;
	text-transform: capitalize;
	font-size: 1em;	
	}
	*/
	
#content h4{ 
	color:#333;
	font-size: 1em;	
	margin-bottom:0.5em
	}
#content h4a{   /*Created for best practices 9/18/2013 by dms */
	margin-bottom:0.5em;
	font-size: 13px;
	font-weight: bold;
	color:#465880;
	}	
		
.column-8{
	height:auto;
	}

.breadcrumbs {
	/* background-color: #fbfbfb; */
	/* border: 1px dotted #ddd;  per Eric Brown 9/12 revised by dms */
	border-width: 0 0 1px;
	border-radius: 0px;
	font-size: .875em;
	margin: -1.5% 0 1%;
	padding: 7px 16px;
}
p{
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 0.75em;
	margin-left: 0;	
	}
	

figure {
    margin:0 1em .5em 1em;
    padding: 3px;
    border: 1px solid #bbb;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);

}
figure img {

    max-width:100%;
}
.tabs > ul{	background-image: url(../images/tab-bg.gif);
	background-repeat: repeat-x;
}
/* set pub sidebars */
H3.sidebar-gray {
	border: 1px solid #ccc;
	color: #222;
	font-size: 1em;
	font-weight: bold;
	margin: .3em 0 0 !important;
	padding: .2em .3em .15em !important;
/*	background-color: #f2f2f2; */
/*	background-image: url(../images/tab-bg.gif); */	
/* background-color: #5A6B91; added 7/26 */
/* background-image: url(../images/table-thead-bg.gif);added 7/26 */
	background-repeat: repeat-x;
} 

/*Added by Diana as a test 6-27-13 */
/* set datagov sidebars */
H3.header-bar {
/*	background-image: url(../images/header-bg2.gif);/*added 7/26, deleted 9/13 by dms */
	background-repeat: repeat-x;
	color: #fff;
	font-size: 1em; 
	font-weight: bold;
	margin: .3em 0 0 !important;
	padding: .3em .3em .3em !important;
	border-bottom-style: none !important;	
} 

/* sidebars using <aside> html5 tag */

/* added .utility-bar per Eric Brown - mbc 05-02-2014 (stops displaying black utility bar on data.gov html pages) */
.utility-bar { 
	display: none; 
}

/* added aside.dialog per Eric Brown - dms 2-21-2014 */
aside.dialog{
	width: auto;
}

aside{
	width:180px;
	line-height:1.3em;
}

aside UL{
	margin-top: 0;
	border: 1px solid #ccc;
}

aside LI{
	list-style:none !important;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
} 
aside ul.divider  {
	margin:0;
}
aside ul.divider li {
	padding-left: 5px;
	padding-right: 5px;
}

.navRight{
	width:180px;
	line-height:1.3em;
}
.navRight UL{
	margin-top: 0;
	border: 1px solid #ccc;
}

.navRight LI{
	list-style:none !important;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
} 
.navRight ul.divider  {
	margin:0;
}
.navRight ul.divider li {
	padding-left: 5px;
	padding-right: 5px;

}
/* end sidebars */

/* roll over box for home page */
rollover-box-wrap{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin: 0;
	padding: 0;

}
.rollover-box {
	clear: both;
	margin: 0 15px 15px; 
	overflow: hidden;
	width: 95%;
}
.rollover-box > div {
	background: transparent url(../images/hearing-process.jpg) no-repeat;
	float: left;
	height: 133px;
	overflow: hidden;
	padding: 0;
	width: 150px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 50px;
}

.rollover-box p{
	font-size: .8em !important;
	padding: 0;
	float: left;
	line-height: normal;	
}

.rollover-box .topic-2 {
	background-image: url(../images/appeals-process.jpg);
}
.rollover-box .topic-3 {
	background-image: url(../images/court-process.jpg);	
}

.rollover-box .topic-4 {
	background-image: url("../images/video/hearing-phone.jpg");
}

.rollover-box .topic-5 {
	background-image: url("../images/video/hearing-online.jpg");
}

.rollover-box .topic-8 {
	background-image: url("../images/video/hearing-video.jpg");
}

.rollover-box a {
	display: block;
	color: #fff;
	height: 133px;
	padding: 10px;
	text-decoration: none;
	text-indent: -9999px; 

}
.rollover-box a:hover,
.rollover-box a:active,
.rollover-box a:focus {

	background-color: #516183;
	text-indent: 0;

}

/* Roll over box for Medical and Vocational Experts page */
/* change left margin - dms 12-18-2013 */
.rollover-box-meve {
	clear: both;
	overflow: hidden;
	width: 95%;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5em;
}
.rollover-box-meve > div {
	background: transparent url(../images/medical-expert.jpg) no-repeat;
	float: left;
	height: 133px;
	overflow: hidden;
	padding: 0;
	width: 150px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 50px;
}

/* change font-size to match home page - dms 2-21-2014 */
.rollover-box-meve p{
	font-size: .8em;
	padding: 0;
	float: left;
	line-height: normal;	
	}
.rollover-box-meve .topic-2 {
	background-image: url(../images/vocational-expert.jpg);
}

.rollover-box-meve a {
	display: block;
	color: #fff;
	height: 133px;
	padding: 10px;
	text-decoration: none;
	text-indent: -9999px;

}
.rollover-box-meve a:hover,
.rollover-box-meve a:active,
.rollover-box-meve a:focus {

	background-color: #516183;
	text-indent: 0;

}

/* CSS 3 PROPERTIES */
.rollover-box > div {

	border-radius: 5px;

}
.rollover-box a {

	border-radius: 5px;
	opacity: 0;
}
.rollover-box a:hover,
.rollover-box a:active,
.rollover-box a:focus {

	opacity: 1; /*.8; original*/
	

}
.csstransitions .rollover-box a {

  -webkit-transition: opacity 0.5s ease; 
     -moz-transition: opacity 0.5s ease; 
      -ms-transition: opacity 0.5s ease; 
       -o-transition: opacity 0.5s ease; 
          transition: opacity 0.5s ease;

}
/* END ROLLOVER BOX STYLES */

/* START homepage content box Styles */

ul.divider li {
	padding: 0px;
		}

.content-box{	
	margin-left: 63px;
	margin-right: 70px;
	width: 555px;
	background:url(../images/div-bottom.gif) no-repeat bottom left;
}
.content-box h4{
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size:130%;
	border-bottom: 1px solid #bbbbbb;
	background: url(../images/header-bg.gif) no-repeat top left;
	color:#ffffff;
	}
		
.content-box ul {
	margin: .1em 0 0 0.8em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.content-box ul li:first-child {
    border-top: 0 none;
}
.content-box ul li {
	margin: 0 0 6px;
	padding: 0;
  	border-top: 1px solid #DDDDDD;
 	list-style-image: url(../images/bluearrow.png);
}	
/* END homepage content box Styles */

/* START Download box */
.container-dl {
	background: #E8F6FC url("../images/download-file.png") no-repeat scroll 10px 5px;
	border: 1px solid #8ED3F0;
	margin: 1em 0;
	border-radius: 5px;
	background-clip: padding-box;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	border-image: initial;
	width: 600px;
	padding: 0.5em 0 0.5em 7em;
}

.container-dl h4{
	padding-top: 0;
	padding-bottom: 0;
}

 a[href$=".xml"]{
    background: url("../DataSets/images/download-xml.gif") no-repeat scroll 100% 0 transparent;
    padding: 0 45px 0 0;
}

.tabs a[href$=".html"] { /* PDF’s now in main menu bar per Eric Brown revised dms 9-17-2013*/
    background: url("../DataSets/images/html-button.jpg") no-repeat scroll 100% 0 transparent;
    padding: 0 45px 0 0;
}
/*END Download box */
/*.archive-data-reports a[href$=".xml"], .archive-data-reports a[href$=".pdf"], 
.archive-data-reports a[href$=".html"] { */
/*	background: none; */
/*	padding: none;	} */

/* START ME/VE Contact box */
.contact-links {
	line-height: 1.5em;
	padding-left: 150px;
	width: 550px;

}
.contact-links a {
    background-clip: padding-box;
    background-color: #7D90B2;
    background-image: -moz-linear-gradient(center top , #9BAEC5, #5E779D);
    border: 1px solid #284076;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    height: 50px;
    margin: 0 5px 5px 0;
    padding: 5px 0 0 10px;
    text-decoration: none;
    width: 48%;
}
.contact-links a:hover,
.contact-links a:active,
.contact-links a:focus {
    background-color: #336699;
    background-image: none;
    color: #FFFFFF;
}
.contact-links img {
    margin-right: 5px;
    vertical-align: middle;
    width: 35px;
}
.contact-links a.block {
    height: 105px;
    padding: 0;
    width: 100%;
}
.contact-links a.double {
    position: relative;
}
.contact-links a.double img {
    left: 8px;
    position: absolute;
    top: 28px;
    width: 65px;
}
.contact-links a.double span {
    display: block;
    left: 80px;
    position: absolute;
    top: 33px;
    width: 105px;
}
/*END ME/VE Contact box */

ul.arrow {
    list-style-image: url(../images/bluearrow.png);
     margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
ul.arrow li {
 margin: 0;
    padding-bottom: 5px;
    padding-left: 5px;
}

ul.arrow ul {
    list-style-image: url(../images/bluebullet.jpg);
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.table {

    margin-bottom: 1em;}

/* PHONE MEDIA QUERY */
@media screen and (max-width:37.5em) {

.container-dl { 

width: 100%;

}

.content-box {

margin: 0;
width: 100%;

}

#table-filter_length {

display: none;

}

}