/********** RESOURCES STYLE */

h1 { text-transform: uppercase;}

h1 i {color: #aaaaaa; text-transform: none}

.resource {
	margin-right: 24px;
	margin-left: 72px;
	border-top: 1px solid #dddddd;
	padding: 0px 0px 16px 0px;
	clear: right;
	XXmin-height: 56px;
}

.resource .sliverIcon:link,
.resource .sliverIcon:active,
.resource .sliverIcon:visited,
.resource .sliverIcon:hover {
	float: right; margin: 0 0 0 6px; width: 220px; padding: 0;
	background: none;
}

.resource a:link,
.resource a:visited,
.resource a:active,
.resource a:hover {
	padding: 4px 8px 4px 0px; margin: 0;
	Xwidth: 480px;
}

.resource a:hover { background: #F6CE52;}


.resource h3 {
	width: 420px; 
	font-size: 16px;
	font-weight: normal;
	margin: 0; padding: 0;
	font-family: "Lucinda Grande", "Verdana", "Arial", serif; font-size: 14px;
}

.resource h3 a:link,
.resource h3 a:visited,
.resource h3 a:active {color: black}

.resource p {font-weight: normal; margin:0; padding: 0}

.resource .promo {width: 420px; font-size: 11px; color: #666688}

.resource .details {display: inline; margin-bottom: 8px}

.resource .details sup {
	font-size: 11px; vertical-align: middle; color: blue; cursor: pointer
}

.resource .detailsContent img,
.resource .detailsContent h4,
.resource .detailsContent .close {display: none}




/* POP UP ON MOUSEoVER STYLE */

.divOstyle {z-index: 15; background: white; border: 6px solid #F6CE52; padding: 0px; width: 390px;
	position: absolute; top: 15px; left: 100px;	display: none; margin: -12px 0px 0px 12px;
}

#divOstyleShadow {
	z-index: 14; background: black; opacity: .40;  filter:alpha(opacity='40'); padding: 0px; width: 402px; /* width adds the border of divOstyle */
	position: absolute; top: 15px; left: 100px; margin: -12px 0px 0px 12px;
}

.resource .divOstyle img {margin-left: auto; margin-right: auto; display: block}

.resource .divOstyle h4 {font-size: 14px; text-align: center}

.divOstyle p {text-align: center; padding: 4px; margin: 0; font-size: 13px; font-weight: normal; color: #000000; line-height: 20px; }

.resource .divOstyle .close {
	font-size: 11px; color: blue; border: 1px solid blue; padding: 1px 3px 1px 3px; cursor: pointer; line-height: 1;
	text-align: center;
	display: block; width: 30px; margin-left: auto; margin-right: auto; margin-bottom: 4px
}




/* toggle layout */

.category {
	font-weight: bold; color: #203786; font-size: 18px; margin-top: 16px; margin-bottom: 12px;

}

.linkSet {margin-bottom: 24px;}

.categoryTogOn, .categoryTogOff { display: inline; margin-bottom: 0;}


/* toggle style */

.categoryTogOn, .categoryTogOff {
	color: #203786; cursor: pointer; font-size: 100%;}
	
.categoryTogOn {color: #DF5909}

.categoryTogOff .foldIcon, .categoryTogOn .foldIcon { 
display: inline; margin: 0; padding: 0px 0px 0px 30px; line-height: 20px; font-size: 20px; color: white}

.categoryTogOff .foldIcon { background: url('/images/_graphics/fold_arrow.gif') 0px 5px no-repeat;}
.categoryTogOn .foldIcon { background: url('/images/_graphics/fold_arrow.gif') no-repeat 0px -15px;}


/* toggle controls */

.viewtools { text-align: center; background: #e9e9e9; padding: .5em 0 .5em 0;
	margin: .5em 24px .5em 0px;
}

.viewtools li+li { border-left: 1px dotted #444444;}
.viewtools li {	display: inline; border: none; padding: 2px 8px 2px 8px}
.viewtools li.free_text {border: none; padding-left: 0}