/*
	File            : /CEM/styles/site-styles.css
	Description     : Styles available for use across the web site.
*/

<!-- 

@import url(/ts_shared/styles/vha-styles.css);

/* ---------- START RESOURCES-MEDIA right column widget ------- */
#media-categories.widget li {
padding:0 8px 8px 12px;
}
#media-categories.widget li a {
display:block;
border: 1px solid #becfde;
padding:6px 6px 6px 38px;
}

#media-categories.widget li.media a {
background: #e0e9f0 url(/CEM/images/icon-microsite-20x02_media-home.png) 10px center no-repeat;
}
#media-categories.widget li.videos a {
background: #e0e9f0 url(/CEM/images/icon-microsite-20x02_video.png) 10px center no-repeat;
}
#media-categories.widget li.benefit-sum a {
background: #e0e9f0 url(/CEM/images/icon-microsite-20x02_bullseye.png) 10px center no-repeat;
}
#media-categories.widget li.factsheets a {
background: #e0e9f0 url(/CEM/images/icon-microsite-20x02_fact-sheets.png) 10px center no-repeat;
}

#media-categories.widget li a:hover {
text-decoration:none;
background-color: #ffffff;
color:#000000;
}

#media-categories.widget li a:visited {
color:#0B6CB2;
}

/* -------- END RESOURCES-MEDIA RIGHT COLUMN WIDGET -----------*/



/* ---------- START JUMP MENU LINKS ------- */

#media-page-inside .item {
display:block;
border: none;
border-bottom: 1px solid #dedede;
padding:12px 12px 12px 0;
margin-bottom:0;
width:468px;
min-height:104px;
float:none;
background: none;
}

ul.jumpMenuLinks li a {
padding: 14px 4px 0 4px;
display:block;
border:1px solid #becfde;
background:#e0e9f0;
margin-left:3px;
margin-right:3px;
margin-bottom:4px;
font-size:1.00em;
width:233px;
height:40px;
float:left;
text-align:center;
line-height:1.1em;
color:#474747;
}

ul.jumpMenuLinks li a.two-lines {
padding-top: 8px;
height:34px;
}

ul.jumpMenuLinks li a:hover {
text-decoration:none;
background:#003f72;
color:#ffffff;
}

ul.jumpMenuLinks  {
display:block;
margin-bottom:0;
margin-left:0 !important;
float:left;
margin-right:14  px;
list-style-type:none;
}

ul.jumpMenuLinks li  {
display:inline !important;
list-style-type:none !important;
}
 
/* ---------- END JUMP MENU LINKS ------- */



/* --- VHA PROGRAM OFFICE HOMEPAGE 2-COLUMN BOXES ---*/
/* 2 x 2 boxes for subsite home pages */ 


#subhp-twobox {
	padding: 0;
	width: 100%;
	float:left;
	margin-bottom: 50px;
}
#subhp-twobox .box-row2 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	float: left;
	width: 100%;
	border: 1px solid #C7C3C0;
}
#subhp-twobox .box-row2:nth-child(odd){
	margin-right:0;	
}
/* ==== Removing for responsive adjustments ====== */
/*#subhp-twobox .right-box-row2 {
	float: right;
}*/ 
#subhp-twobox h2.box-row2-title {
	color: #003F72;
	font-size: 1.55em;
	font-weight: 400;
	line-height: 1.75em;
	margin: 0;
	padding-bottom: 6px;
	padding-left: 10px;
}
#subhp-twobox p.box-row2-text {
	margin: 0;
	padding: 0 10px;
}
#subhp-twobox .box-row2-image {
	border: none;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#subhp-twobox .box-row2-list ul {
	list-style: disc;
}
#subhp-twobox .box-row2-list li {
	line-height: 1.65em;
}
#subhp-twobox .more {
	margin-top: -5px;
	padding-top: 0;
	padding-bottom: 0;
	text-align: right;
}
/* --- END VHA PROGRAM OFFICE 2-COLUMN HOMEPAGE BOXES --- */

	
/* SLIDESHOW */
#dc_slideshow-wrapper { padding:0px; margin:0px; width:752px; position:relative; }

.dc_slide { width:750px; height:250px; position:absolute; left:0; right:0; border-left:1px solid #333333; border-right:1px solid 

#333333;  border-top:1px solid #333333; }

.dc_slideImage-container { width:750px; margin:0px; padding:0px; text-align:center; }
.dc_slideImage { width:750px; height:250px; margin:0; overflow:hidden; }

.dc_hide { display:none; }

#dc_slideNavBar { position:absolute; top:251px; left:0px; width:752px; color:#FFF; text-align:left; background-color:#333333; 

height:20px; }
#dc_slideNavBar ul { list-style:none; margin:2px 0 2px 0; padding:0px; }
#dc_slideNavBar ul li { display:inline; margin:0 5px 0 10px; padding:0px; }
#dc_slideNavBar ul li a { text-decoration:none; background-color:#585858; font-weight:bold; font-size:12px; color:#FFF !important; 

margin:0px; padding:0px 4px 0px 4px; border:1px solid #808080; line-height:14px; }
/* #dc_slideNavBar ul li a:hover {border:1px solid #FFF; text-decoration:underline;} */
#dc_slideNavBar ul li a.selected { border:1px solid #FFF; text-decoration:underline; background-color:#333333; }

#dc_slideNavBarControls { float:right; margin:2px 0 2px 0; }
#dc_slideNavBarControls img { border:1px solid #808080; margin:0 10px 0 5px; }
#dc_slideNavBarControls a { color:#333333 !important; text-decoration:none !important; }

#dc_noscriptNavBar { text-align:center; }
#dc_noscriptNavBar a { color:#FFFFFF !important; text-decoration:underline !important; font-size:12px; }


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be 

next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container 

that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.moreInfo {
	font-style: italic;
	font-size: 90%;
}

.caption_left {
font-size: 90%; 
color:#808080; 
line-height:1.2em;
padding-right: 6px;
}

.caption_right {
font-size: 90%; 
/* color:#808080; */
color:#000;
line-height:1.2em;
padding-left: 6px;
}


/*
Name: box_fixed.css
Last Modified: 04/23/2008
Comment: Created for VA Health Internet Site
*/

.Pad_Box{padding:3px 7px;}
.Pad_Box_small{padding:2px 2px;}
.Pad_Box_Shadow{padding:0px 0px 0px 5px;} /*T R B L*/

/* white box */ 
.WhiteBox {};
.WhiteBoxHeader
{height:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_tr.png) 100% 0 no-repeat;}
.WhiteBoxContent
{background:#fff;}
.WhiteBoxFooter
{height:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_br.png) 100% 0 no-repeat;}


/* white box */
.WhiteBox .BoxHeader
{height:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_tr.png) 100% 0 no-repeat;}
.WhiteBox .BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_tl.png) 0 0 no-repeat;}
.WhiteBox .BoxContent
{background:#fff;}
.WhiteBox .BoxFooter
{height:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_br.png) 100% 0 no-repeat;}
.WhiteBox .BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#fff url(/cem/images/styles/box_bl.png) 0 0 no-repeat;}

/* peach box */
.PeachBox .BoxHeader
{height:4px;overflow:hidden;background:#ffeee1 url(/cem/images/styles/box_ptr.png) 100% 0 no-repeat;}
.PeachBox .BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#ffeee1 url(/cem/images/styles/box_ptl.png) 0 0 no-repeat;}
.PeachBox .BoxContent
{background:#ffeee1;}
.PeachBox .BoxFooter
{height:4px;overflow:hidden;background:#ffeee1 url(/cem/images/styles/box_pbr.png) 100% 0 no-repeat;}
.PeachBox .BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#ffeee1 url(/cem/images/styles/box_pbl.png) 0 0 no-repeat;}

/* yellow box */
.YellowBox .BoxHeader
{height:4px;overflow:hidden;background:#fff7a5 url(/cem/images/styles/box_ytr.png) 100% 0 no-repeat;}
.YellowBox .BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#fff7a5 url(/cem/images/styles/box_ytl.png) 0 0 no-repeat;}
.YellowBox .BoxContent
{background:#fff7a5;}
.YellowBox .BoxFooter
{height:4px;overflow:hidden;background:#fff7a5 url(/cem/images/styles/box_ybr.png) 100% 0 no-repeat;}
.YellowBox .BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#fff7a5 url(/cem/images/styles/box_ybl.png) 0 0 no-repeat;}

/* Blue box */
.BlueBox .BoxHeader
{height:4px;overflow:hidden;background:#98a5c6 url(/cem/images/styles/box_bluetr.png) 100% 0 no-repeat;}
.BlueBox .BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#98a5c6 url(/cem/images/styles/box_bluetl.png) 0 0 no-repeat;}
.BlueBox .BoxContent
{background:#98a5c6;}
.BlueBox .BoxFooter
{height:4px;overflow:hidden;background:#98a5c6 url(/cem/images/styles/box_bluebr.png) 100% 0 no-repeat;}
.BlueBox .BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#98a5c6 url(/cem/images/styles/box_bluebl.png) 0 0 no-repeat;}


/* shadow box */
.ShadowBox .BoxContent
{background:#ffffff;  
background-image: url(/cem/images/styles/sh_left.png);
background-repeat: repeat-x;
background-attachment:scroll;
background-position: 0px 8px;
}
.ShadowBox .BoxFooter
{height:10px;overflow:hidden;background:#ffffff;}
.ShadowBox .BoxFooter div
{height:10px;width:99%;overflow:hidden;background:#ffffff url(/cem/images/styles/sh_bottom_long.png) 0px 0px repeat;}



/* gray box */
.GrayBox .BoxHeader
{height:4px;overflow:hidden;background:#ececec url(/cem/images/styles/box_gtr.png) 100% 0 no-repeat;}
.GrayBox .BoxHeader div
{width:4px;height:4px;overflow:hidden;background:#ececec url(/cem/images/styles/box_gtl.png) 0 0 no-repeat;}
.GrayBox .BoxContent
{background:#ececec;}
.GrayBox .BoxFooter
{height:4px;overflow:hidden;background:#ececec url(/cem/images/styles/box_gbr.png) 100% 0 no-repeat;}
.GrayBox .BoxFooter div
{height:4px;width:4px;overflow:hidden;background:#ececec url(/cem/images/styles/box_gbl.png) 0 0 no-repeat;}

/* red line box */
.LineBox .BoxContent
{background:#fff;border-left:1px solid #ececec;border-right:1px solid #ececec;}
.LineBox .BoxHeader
{height:4px;overflow:hidden;background:url(/cem/images/styles/box_line_tr.png) 100% 0 repeat-x;}
.LineBox .BoxHeader div
{height:4px;width:4px;background:#fff url(/cem/images/styles/box_line_tl.png) 0 0 no-repeat;}
.LineBox .BoxFooter
{height:4px;overflow:hidden;background:url(/cem/images/styles/box_line_br.png) 100% 0 no-repeat;}
.LineBox .BoxFooter div
{height:4px;width:4px;background:#fff url(/cem/images/styles/box_line_bl.png) 0 0 no-repeat;}

/* blue line box */
.LineBoxBlue .BoxContent
{background:#fff;border-left:1px solid #1e2d54;border-right:1px solid #1e2d54;}
.LineBoxBlue .BoxHeader
{height:4px;overflow:hidden;background:url(/cem/images/styles/box_line_blue_tr.png) 100% 0 repeat-x;}
.LineBoxBlue .BoxHeader div
{height:4px;width:4px;background:#fff url(/cem/images/styles/box_line_blue_tl.png) 0 0 no-repeat;}
.LineBoxBlue .BoxFooter
{height:4px;overflow:hidden;background:url(/cem/images/styles/box_line_blue_br.png) 100% 0 no-repeat;}
.LineBoxBlue .BoxFooter div
{height:4px;width:4px;background:#fff url(/cem/images/styles/box_line_blue_bl.png) 0 0 no-repeat;}

/*links in box*/ 
#links_in_box_nav ul {margin:-2px 0;padding: 0;list-style: none; }
#links_in_box_nav ul li {padding:0px 2px 4px 4px; background: url(/cem/images/styles/bullet.png) no-repeat left 5px;font-weight:normal;font-size:10px;line-height:15px;margin:0;color:#ececec;}

#links_in_box ul {margin:-2px 0;padding: 0;list-style: none;}
#links_in_box ul li {padding:0px 2px 4px 14px; background: url(/cem/images/styles/bulletnewWindow2.png) no-repeat left 5px;line-height:15px;margin:0;color:#ececec;}
.links_in_box_normal ul {margin:-2px 0;padding: 0;list-style: none; }
.links_in_box_normal ul li {padding:0px 2px 8px 4px; background: url(/cem/images/styles/spacer3by3.gif) no-repeat left 5px;line-height:15px;margin:0;}
.links_in_box_normal ul li ul {margin:-4px 0;padding-top: 10px;padding-left: 10px;llist-style: none; }
.links_in_box_normal ul li ul li {padding:0px 2px 8px 4px; background: url(/cem/images/styles/spacer3by3.gif) no-repeat left 5px;line-height:15px;margin:0;}


#nav-review {
	margin: 0;
	padding: 6px 20px 10px 20px;
	width: 551px;
	background-color: #ffffff;
	color: #666666;
	font-size: 11px;
	line-height: 1.6em;
}


/*correct styles*/
.BoxContent h1 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 18px;
	color: #000000;
}

.BoxContent h2 {
	font-size: 16px;
	color: #000000;
}

.BoxContent h3 {
	font-size: 14px;
	color: #000000;
}

.BoxContent h4 {
	font-size: 13px;
	color: #000000;
}

.BoxContent h2, .BoxContent h3, .BoxContent h4 {
	margin: 0 0 2px 0;
	padding: 0;
	color: #000000;
}

.BoxContent p { margin-bottom:12px; margin-top:0px; }

.page-title-black {
	margin-top:0px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px; font-size: 140%; margin-bottom:12px; font-weight: bold; color:#000000;
}


.small-links {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
}
.small-links a {
	text-decoration: none;
	color: black;
}
.small-links a:hover {
	text-decoration: underline;
	color: black;
}

.org_list ul {margin:-2px 0;padding: 2px;list-style: none; font-size:12px;}

.org_list ul li {padding:4px 4px 12px 4px;
	font-weight:normal;
	/*font-size:12px;*/
	line-height:15px;
	margin:0;
	}	

/* ALERT box */
#vamc_alertbox { width:100%; margin:0px 0px 10px 0px; border:1px solid #f1e891; padding:5px; background-color:#ffffff; background-image:url('/ts_shared/images/alertbgrd.gif'); background-repeat:repeat-x; }
h2.vamc_alert { color:#dd190a; text-transform:uppercase; }


/* Director box */
.Director .BoxHeader
{height:1px;overflow:hidden;}
.Director .BoxHeader div
{width:1px;height:1px;overflow:hidden;}
.Director .BoxContent
{background:#ffffff; border: 1px solid #E0E0E0;}
.Director .BoxFooter
{height:1px;overflow:hidden;}
.Director .BoxFooter div
{height:1px;overflow:hidden;}
.hr_director {color:#000;background-color:#000;height:1px;border:none;}
.links_in_box_director ul {margin:-2px 0;padding: 0;list-style: none;}
.links_in_box_director ul li {padding:0px 2px 8px 4px; background: url(/cem/images/styles/spacer3by3.gif) no-repeat left 5px;line-height:15px;margin:0;}
/* END Director box */

/* EXPAND/COLLAPSE */
div.dc_expand { background: #fff; padding: 5px; font-size:1em; font-weight:bold; line-height:1.25em; margin:0px; color:#404040; }

div.dc_expand a { display:block; text-decoration:none !important; color:#404040 !important; background: #fff;}
div.dc_expand a:link, div.dc_expand a:visited { background-image:url('/cem/images/styles/more.gif'); background-repeat:no-repeat; background-position:98% 50%;  background-color: #F6F6F6; padding:5px;}
div.dc_expand a:active { text-decoration:none; }
div.dc_expand a:hover { color:#1a49a0 !important; }
div.dc_expand a.open:link, div.dc_expand a.open:visited { background-image:url('/cem/images/styles/less.gif'); background-position:98% 50%; }

div.dc_collapse p { padding: 5px !important; background-color: #ffffff; }
/*END EXPAND/COLLAPSE */

/* Spacing in widget-user box */
#innerContent .widget ul,#tier4innerContent .widget ul {
        margin: 0; 
        padding: 0; 
}

#innerContent .widget ul li,#tier4innerContent .widget ul li {
        list-style-type: none;
		line-height: 1em;
		padding-bottom: 0.5em;
        
}

.basicContainerWide {
	background: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); width: 100%; padding-top: 12px; padding-bottom: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f4f4f4',GradientType=0 );
}
.basicContainerWideInner {
	background: white; padding: 10px; border: 1px solid rgb(221, 221, 221); width: 100%; margin-top: 10px; margin-bottom: 0px; margin-left: -10px; display: block;
}
.basicContainerSkinny {
	background: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); width: 340px; padding-top: 5px; padding-bottom: 10px; padding-left: 20px; margin-top: 5px; margin-bottom: 5px; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f4f4f4',GradientType=0 );
}
.basicContainerSkinnyInner {
	background: white; padding: 10px; border: 1px solid rgb(221, 221, 221); width: 320px; margin-top: 10px; margin-bottom: 0px; margin-left: -10px; display: block;
}
.caption {
	color: rgb(112, 112, 112); line-height: 1.5em; padding-top: 8px; padding-bottom: 1.5em; font-size: 1em; margin-top: 0px;
}


/* GOOGLE MAPS INFO WINDOW SIZE AND TEXT ALIGNMENT */
.map-info-window {
	width:225px !important;
	height:70px !important;
	text-align:left !important;
}


/* END GOOGLE MAPS INFO WINDOW */



--> 
<!--[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
 #mainContent { padding-top: 30px; }
 #sidebar1 { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]-->