﻿/*-------------------------------------------------------------------------------------------*/
/* L3 Page Layout styles */
/*-------------------------------------------------------------------------------------------*/
/*  MSCOM Font fix  */
* #contentWrapper {
	font-size: 0.7em !important;
}
* .promo .title-unlinked,* .promo .promoTitle, * .promo .promoBlurb {
	font-size: 0.7em !important;
}
* .fileinfo {
	font-size: 0.8em !important;
}
#pageTitle {
	font-size: 1.25em !important;
}
.ms-rte-wpbox
{ 
    font-size: 1em;/* 8pt;*/   
}
/*  End MSCOM Font fix  */
/*-------------------------------------------------------------------------------------------*/
/* Layout/Zone Positioning */
/*-------------------------------------------------------------------------------------------*/
div#intro_para div.ct100_PlaceHolderMain_ct101_label {
width: 600px;
margin-top: 10px;
}
#DetailZone {
/*padding-top: 10px;*/
}
/*-------------------------------------------------------------------------------------------*/
/* Page/Zone specific styles */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* Header styles */
/*-------------------------------------------------------------------------------------------*/
#pageTitleBar {
	width: 600px;
	background: #0a6cce url("/oem/PublishingImages/template-graphics/titleBar_rounded_600x12.gif") top left no-repeat;
	padding: 8px 0px;
}

#pageTitle {
	display: block;
	width: 584px; /*594px;*/
	margin-left: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0;
	margin-top: 0; /* fixes blue div height problem in Firefox */
	padding-bottom: 0;
}

/*-------------------------------------------------------------------------------------------*/
/* Page intro styles */
/*-------------------------------------------------------------------------------------------*/

#anchors {
	width: 410px;
}

#anchors .left_col, #anchors .right_col {
	margin-left: 20px;
	list-style-image: url(/oem/PublishingImages/template-graphics/bluebulletDown.gif);
	padding-left: 0;  /* removes UL padding in Firefox */
}

#anchors .left_col .listRight, #anchors .right_col .listRight {
	list-style-image: url(/oem/PublishingImages/template-graphics/bluebullet.gif);
}

#anchors .left_col .listDown, #anchors .right_col .listDown {
	list-style-image: url(/oem/PublishingImages/template-graphics/bluebulletDown.gif);
}

#introImage {
	float: left;
	width: 172px;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#introText {
	float: left;
	margin-top: 10px;
	width: 410px;
	padding-bottom: 10px;
}
#introText p {
	margin-top: 0;
	padding-top: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* Detail zone styles */
/*-------------------------------------------------------------------------------------------*/

/* Fixes bullets for summary link lists in this zone*/
#DetailZone .slm-layout-main .dfwp-column .slm-layout-main .dfwp-list {
margin-left: 26px;
/*list-style-image: url(/oem/PublishingImages/template-graphics/bluebullet.gif);
padding-left: 0;*/
}

BODY .mscomWrapper #s4-bodyContainer #mscomShell .mscomPage #content .code {
font-family: courier new, monospace !important;
font-size: 1.2em !important;
}

/*#DetailZone .table-row {
	background: #f1f1f1;
	width: 560px;
	display: inline-block;
	list-style-image: none;
	list-style-type: none;
	list-style: none;
	margin-left: -25px;
	padding-left: 0;
}
#DetailZone ul.dfwp-list li.dfwp-item div.table-row {
	list-style-image: none;
}*/
/*#DetailZone .table-row .event-title, #DetailZone .table-row .date-time, #DetailZone .table-row .description {
	float: left;
	display: inline-block;
	border-collapse: collapse;
	border: 1px solid #ffffff;
}
.table-row .event-title {
	width: 178px;
}
.table-row .description {
	width: 268px;
}
.table-row .date-time {
	width: 102px;
}*/
#DetailZone li.dfwp-item table.borders {
	margin-left: -4px;
}

#DetailZone .ms-WPTitle {
	margin-left: -8px;
}
#DetailZone ul.dfwp-list li.listRight {
	margin-left: 14px;
}

#DetailZone table.borders tr td div p {
/* Remove extra top, bottom margins when in a table */
	margin-top: 0;
	margin-bottom: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* Resource Preview styles */
/*-------------------------------------------------------------------------------------------*/
.thumb a, .thumb_last a {
	text-decoration: underline;
	color: #00309c;
}

.thumb a .nail {
	display: none;
}

.thumb a:hover .nail {
	display: block;/*inline-block;*/
	position: absolute;
	z-index: 1;
	padding: 5px;
	margin-top: 5px;
	margin-left: 170px; 
	background: #f1f1f1;
	border: 1px solid #000000;
	text-decoration: none;
	cursor: default;	
}

.nail img {
	margin-top: 5px;
}

.zoom img {
	margin-top: 5px;
	border: none;
}
.thumb_last a .nail { display: none; }
.thumb_last a:hover .nail  {
	display: block;
	position: absolute;
	z-index: 1;
	padding: 5px;
	margin-top: -200px;
	margin-left: 170px;
	background: #f1f1f1;
	border: 1px solid #000000;
	text-decoration: none;
	cursor: default;
}

.zoom {
/*	font-style:italic; */
	font-size: .8em;
	cursor: pointer;
}
.fileinfo .zoom, .fileinfo_unlinked .zoom {
	font-size: 1em;
	/* when .zoom is in .fileinfo 1em will set font size to 0.8 em */
}

/*-------------------------------------------------------------------------------------------*/
/* Promo zone styles */
/*-------------------------------------------------------------------------------------------*/
/*#Promozone ul li.dfwp-item {
	padding: 0 16px;
}*/
/*#Promozone ul li.dfwp-item div.promo {
	padding: 0 16px;
}*/

/*-------------------------------------------------------------------------------------------*/
/* Tabbed Section styles */
/*-------------------------------------------------------------------------------------------*/

div.tabbedSection {
	border-top: none;
}
div.tabbedSection div.sectionBar {
	margin-bottom: 0;
}

div.tabbedSection div.sectionBar h2.subheader {
	font-size: 1em;/*11px; 8pt;*/
}

DIV.tabbedSection DIV.tab_container DIV.oneCol_list, 
div.tabbedSection div.item_container div.oneCol_list {
	width: 100%;
}

DIV.tab_container, 
div.item_container {
	padding: 10px 15px 15px 15px;
	display: none;
	border: none;
	border: solid 1px #A0C4F9;	
	border-top: none;	
}

#tblButtons {
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}
#tblButtons tr td {
	cursor: pointer;
	border-right: solid 1px #A0C4F9;
	border-bottom: none;
	border-left: none;
	border-top: none;
	color: #0A6CCE;
	text-align: left;
	padding: 0;
	width: 120px;
}

#tblButtons TR TD#Tab_1,
#tblButtons tr td#btnItem_1 {
	border-left: solid 1px #A0C4F9;
}

#tblButtons tr td.Active {
	border-bottom: none;
	background: #FFFFFF url(/oem/PublishingImages/template-graphics/selected_120x12.jpg) no-repeat scroll top left;
}
#alignCenter #contentWrapper #tblButtons tr td.Active a,
#alignCenter #contentWrapper #tblButtons tr td.Active a:link,
#alignCenter #contentWrapper #tblButtons tr td.Active a:visited,
#alignCenter #contentWrapper #tblButtons tr td.Active a:hover,
#alignCenter #contentWrapper #tblButtons tr td.Active a:active {
	display: block;
	width: 88px;	/* = 120px - (15px *2) [margin] - (1px *2) [border] */
	height: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #0A6CCE;
	margin: 6px 15px 6px 15px;	
}

#tblButtons tr td.Inactive {
	border-bottom: solid 1px #A0C4F9;
	background: #DBE5F1 url(/oem/PublishingImages/template-graphics/unSelected_120x12.jpg) no-repeat scroll top left;
	color: Black;
}
#alignCenter #contentWrapper #tblButtons tr td.Inactive a, 
#alignCenter #contentWrapper #tblButtons tr td.Inactive a:link, 
#alignCenter #contentWrapper #tblButtons tr td.Inactive a:visited, 
#alignCenter #contentWrapper #tblButtons tr td.Inactive a:hover, 
#alignCenter #contentWrapper #tblButtons tr td.Inactive a:active {
	display: block;
	width: 88px;	/* = 120px - (15px *2) [margin] - (1px *2) [border] */
	height: 100%;
	font-weight: bold;
	text-decoration: none;
	color:#000000;
	margin: 6px 15px 6px 15px;	
}
#tblButtons tr td.Inactive a:hover {
	color: #0A6CCE;
}

#tblButtons tr td.noTab {
	background-color: #A0C4F9;
	border-bottom: solid 1px #A0C4F9;
	border-right: none;
	cursor: default;
}

/*-------------------------------------------------------------------------------------------*/
/* Hot Topics Table styles 
/*-------------------------------------------------------------------------------------------*/

table.hot-topics {
	padding:0;
	border:none;
}
table.hot-topics tr td {
	padding-bottom: 12px;
}
table.hot-topics tr td.first {
	padding-right: 4px;
}
table.hot-topics tr td.last {
	padding-left: 4px;
}
table.hot-topics tr td img {
	float: left; 
	width: 60px; 
	height: 60px; 
	margin-right: 8px;
}
table.hot-topics tr td div {
	float: left; 
	display: block; 
	width: 220px;
}
