/* positions highlights box relative to other content on page */
#secondcolumnWrapper #highlight{
padding:20px 12px 4px 12px;float:right;width:250px;position:relative;
}

/* defines highlights box border and background color */
#secondcolumnWrapper #highlightContainer{
border:1px solid #ccc;background-color:#ebf7ff;vertical-align:top;
}

/* defines highlights content spacing and typography */
#secondcolumnWrapper #highlightContents{
padding:4px 4px 4px 0; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:130%;
}

#secondcolumnWrapper #highlight ul{
padding-left:1em;margin-left:1em;margin-top:8px;margin-bottom:8px;list-style-type:disc;
}

#secondcolumnWrapper #highlight a{
font-weight:bold;}

#secondcolumnWrapper #highlight a:link{
color:#333366;}

#secondcolumnWrapper #highlight a:visited{
color:#333366;}

#secondcolumnWrapper #highlight a:hover{
color:#666699;
text-decoration:none;
background:none;
}

/*highlight box floated right on page*/

/* positions highlights box relative to other content on page */
#secondcolumnWrapper .highlightRight{
/*padding:20px 12px 4px 12px;float:right;width:250px;position:relative;*/
margin:1em 0 0.5em 1em; float: right; width: 250px; position: relative;
}

/* defines highlights box border and background color */
#secondcolumnWrapper .highlightContainerRight{
/*border:1px solid #ccc;background-color:#ebf7ff;vertical-align:top;*/
border: 1px solid #ccc; background-color: rgb(252,252,252); vertical-align: top;
}

/* defines highlights content spacing and typography */
#secondcolumnWrapper .highlightContentsRight{
/*padding:4px 4px 4px 4px; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:130%;*/
padding: 4px 2px 4px 4px; font-size: 1em; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 130%;
}

#secondcolumnWrapper .highlightRight p{
margin-left:0.5em;
}

#secondcolumnWrapper .highlightRight ul{
padding-left:1em;margin-left:1em;margin-top:8px;margin-bottom:8px;list-style-type:disc;
}

#secondcolumnWrapper .indentLeft{
margin-left:1em;	
}

#secondcolumnWrapper #linksDiv .indentDiv{
	margin-left:2em;
}

#secondcolumnWrapper .indentDiv a{
padding-left:2em;	
}

.roundedTable {
	border: solid #ccc 1px;
	border-collapse:separate;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 3px 3px #ccc;
	-moz-box-shadow: 0 0 3px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#fafafd;
	line-height:150%;
	width:97%;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 10px;
}

.roundedTable a:link{
font-weight:bold;	
}

#secondcolumnWrapper #chacycle {
margin-left: 12px;	
}


.roundedTable tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.roundedTable th{
color:#fff;	
line-height:125%;
font-size:0.85em;   
}

ol .roundedTable th{
font-size:1em;	
}

 .roundedTable th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px;
    text-align: left; 
}


.roundedTable td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px 4px 8px 4px;
    text-align: left; 
	vertical-align:top;
	font-size:0.85em;
}

.roundedTable th {
    background-color: #1769ae;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1769ae), to(#0b4c82));
    background-image: -webkit-linear-gradient(top, #1769ae, #0b4c82);
    background-image:    -moz-linear-gradient(top, #1769ae, #0b4c82);
    background-image:     -ms-linear-gradient(top, #1769ae, #0b4c82);
    background-image:      -o-linear-gradient(top, #1769ae, #0b4c82);
    background-image:         linear-gradient(top, #1769ae, #0b4c82);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; */       
    border-top: none;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.roundedTable td.first {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e5e5), to(#f4f4f7));
    background-image: -webkit-linear-gradient(top, #e7e5e5, #f4f4f7);
    background-image:    -moz-linear-gradient(top, #e7e5e5, #f4f4f7);
    background-image:     -ms-linear-gradient(top, #e7e5e5, #f4f4f7);
    background-image:      -o-linear-gradient(top, #e7e5e5, #f4f4f7);
    background-image:         linear-gradient(top, #e7e5e5, #f4f4f7);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; */       
	color:#000;
	font-weight:bold;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.roundedTable td.headercell {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c1d8f4), to(#e6f0fc));
    background-image: -webkit-linear-gradient(top, #c1d8f4, #e6f0fc);
    background-image:    -moz-linear-gradient(top, #c1d8f4, #e6f0fc);
    background-image:     -ms-linear-gradient(top, #c1d8f4, #e6f0fc);
    background-image:      -o-linear-gradient(top, #c1d8f4, #e6f0fc);
    background-image:         linear-gradient(top, #c1d8f4, #e6f0fc);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; */       
	color:#000;
	font-weight:bold;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}


.roundedTable td:first-child, .roundedTable th:first-child {
    border-left: none;
}

.roundedTable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.roundedTable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.roundedTable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.roundedTable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.roundedTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 6px;
}

.roundedTable caption{
color:#0F4979;
font-weight:bold;
font-size:1.2em;
padding:3px;
text-align:left;
}

#secondcolumnWrapper .roundedTable td ul{
margin-left:1.1em;
padding-left:1.1em;	
}

#secondcolumnWrapper ul{
	list-style-type:disc;
}

.important{
font-weight:bold;
color:#cc0000;	
}


#secondcolumnWrapper a.toggleElement{
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	/*border:1px #6695c1 solid;
	border-radius:4px;
	-moz-border-radius:3px;
	box-shadow: 3px 3px 2px #8e8e8e;
	-moz-box-shadow: 3px 3px 2px #8e8e8e;
	border-collapse:separate;
	-webkit-box-shadow:3px 3px 2px #8e8e8e;
		background-color: #fff8ef;	*/
	font-weight:bold;
	font-style:italic;
	background-color:#fff;
	text-decoration:underline;
}

#secondcolumnWrapper #menuwrapper{
	margin-bottom:1.5em;	
	margin-right:12px;
}

div#secondcolumnWrapper #menuwrapper p{
	margin-left:10px;	
}


#secondcolumnWrapper a.toggleElement:hover {
	text-decoration:none;
	background-color:#f4f4f7;
}

/*
#secondcolumnWrapper a.toggleElement:focus, #secondcolumnWrapper a.toggleElement:active {
	background-color:#fff;
}
*/
/*
#secondcolumnWrapper .toggleElement a:hover{
text-decoration:none;
background-color: #ccc;
}

#secondcolumnWrapper .toggleElement a:focus{
background-color:#fff;
}
*/

.showHideThis{
	display:none;
	/*background-color: #fcfcf8;
	border:1px #6695c1 solid;*/
	/*border:1px solid #ccc;
	background-color:#fdfdf1;
	border-radius:4px;*/
	margin-bottom:1em;
	margin-left:12px;
	width:auto;
}

#secondcolumnWrapper .list{
margin-top:12px;
margin-bottom:12px;	
font-size:1em;
padding-right:50px;
}

/*
.showHideThis ul{
padding-top:12px;
padding-bottom:12px;	
}

.showHideThis ul li ul{
padding-top:auto;
padding-bottom:auto;
}
*/

#secondcolumnWrapper #blueWrapper .noImageLinkBorder{
background-color:transparent;
text-decoration:none;
border:none;
}

#secondcolumnWrapper #blueWrapper .noImageLinkBorder a:hover{
background-color:transparent;
text-decoration:none;
border:none;
}


#secondcolumnWrapper #blueWrapper .notice{
	font-style:italic;
	font-weight:bold;
	font-size:0.85em;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	text-align:left;
	background-color:#f6fcfe;
	border:thin;
	border-style:solid;
	border-color:#a9c8e5;
	border-width:1px;
	padding:8px;
	margin:1em 2em;
	line-height:120%;
}

.roundedImage{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.underline{
text-decoration:underline;	
}

#secondcolumnWrapper .trainingHeader{
margin-left:1.5em;
}

#secondcolumnWrapper .trainingHeader a:link, #secondcolumnWrapper .expContHeader a:link{
font-size:16px;
font-weight:bold;
}

/*this styles the expand/contract boxes on training and pubmanbro; a class selector would probably be more efficient at this point because of the multiple levels of items that open and inherit*/
#secondcolumnWrapper #training div.switchcontent div.switchcontent{
	margin-left:4px;margin-right:12px;margin-bottom:0.5em;margin-top:0.5em;border:1px solid #999;border-radius:8px;background-color:#fff8ef;padding-bottom:12px;
}

#secondcolumnWrapper #training div.switchcontent div.switchcontent div {
border:none;
margin:inherit;
border-radius:none;
padding:0;
}

/* see pubmanbro.htm preconception health expand/contract item */
#secondcolumnWrapper #training div.switchcontent ul div.switchcontent {
	border:none;
	background-color:#fff;
}

/*
#secondcolumnWrapper .switchcontent div ul{
	border:none;
	background-color:#fff;
}
*/

#secondcolumnWrapper #training div.switchcontent p{
	margin-left:24px;padding:0;
/*
margin:10px;border:1px solid #ccc;background-color:#EEF5FB;border-radius:8px;padding-bottom:12px;box-shadow:2px 2px 2px 2px #808080;
*/
}

#secondcolumnWrapper #training div.switchcontent div p{
	margin-left:1em;
}

.applyColorTextBG{
	background-color:#FFFF66;
	display:block !important;
}
