﻿/*
General Web Part Style
*/
.WebPart
{
	margin: 0;
	padding: 8px 8px 8px 8px;
}
.WebPart h2
{
	font-weight: normal;
	font-size: 12pt;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.WebPart h3
{
	font-weight: normal;
	font-size: 10pt;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.WebPart p
{
	margin-top: 0;
}

.WebPart .WebPartTitle
{
	display: block;
	font-weight: bold;
	font-size: 12pt;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

a.WebPartLink, a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowBlue.gif) no-repeat right center;
	display: block;
	padding-right: 10px;
	text-align: right;
	text-transform: uppercase;
}
a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowDarkGray.gif) no-repeat right center;
}

/*
Web Part Editing
*/
.WebPartEditing
{
	border: 1px solid #EEEEEE;
}
.WebPartZone
{
	border: 1px solid #EEEEEE;
}
.WebPartZoneActive
{
	border: 1px solid #FF0000;
	background-color: #EEEEEE;
}
.WebPartZoneHorizontalLayout div
{
	float: left;
}
.WebPartMenuBar
{
	background-color: #EEEEEE;
	color: Black;
	margin: 2px;
	cursor: move;
	padding: 3px 5px 3px 5px;
	position: relative;
}
.WebPartMenuBar .EditLinks
{
	position: absolute;
	right: 0;
}
.WebPartMenuBar .EditLinks a
{
	margin-right: 3px;
}
.WebPartMenuBar .EditLinks a img
{
	border-width: 0;
}
.WebPartEdit
{
  border-bottom:solid 2px Red;
  border-right:solid 2px Red;
  border-left:solid 2px Red;
}
.WebPartMenuBarEdit
{
  border-top:solid 2px Red;
  border-right:solid 2px Red;
  border-left:solid 2px Red;
}

/*
Web Part Styles
TODO: These styles could be consolidated down to two or three groups
*/
.WebPartStyleMM
{
	color: White;
	padding: 25px 8px 20px 30px;
}
.WebPartStyleMM a
{
	color: White;
	font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleMM a:hover
{
	color: #111111;
	background: url(../Images/Arrows/ArrowBlack.gif) no-repeat right ;
}
.WebPartStyleMM a.WebPartLink, a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowBlack.gif) no-repeat right ;
}
.WebPartStyleMM .WebPartStyleMM li a:hover
{
	background: url(../Images/Arrows/ArrowBlack.gif) no-repeat right ;
	color: #111111;
}

.WebPartStyleGray
{
	background-color: #D7E3D5;
	color: #2E87A5;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleGray a, .WebPartStyleGray a:hover
{
	color: #2E87A5;
	font-weight: bold;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleGray a:hover
{
	color: #bbdded;
}
.WebPartStyleGray a.WebPartLink, .WebPartStyleGray a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowWhite.gif) no-repeat right center;
}
.WebPartStyleGray a.WebPartLink:hover, .WebPartStyleGray li a:hover
{
	background: url(../Images/Arrows/ArrowLightBlue.gif) no-repeat right center;
	color: #bbdded;
}

.WebPartStyleLightGray
{
	background-color: #f9d290;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleLightGray a.WebPartLink, .WebPartStyleLightGray a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowBlue.gif) no-repeat right center;
	font-weight: bold;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleLightGray a:hover
{
	color: #666666;
}
.WebPartStyleLightGray a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowDarkGray.gif) no-repeat right center;
	color: #666666;
}
.WebPartStyleLightGray li a:hover
{
	padding-right: 10px;
	background: transparent url(../Images/Arrows/ArrowDarkGray.gif) no-repeat right;
}

.WebPartStyleBlue
{
	color: White;
	background-color: #347b98;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleBlue a
{
	color: White;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleBlue a:hover
{
	color: #bbdded;
}
.WebPartStyleBlue a.WebPartLink, .WebPartStyleBlue a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowWhite.gif) no-repeat right center;
	color: White;
	font-weight: bold;
}
.WebPartStyleBlue a.WebPartLink:hover, .WebPartStyleBlue li a:hover
{
	background: url(../Images/Arrows/ArrowLightBlue.gif) no-repeat right center;
	color: #bbdded;
}

.WebPartStyleLightBlue
{
	background-color: #bbdded;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleLightBlue a.WebPartLink, .WebPartStyleLightBlue a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowBlue.gif) no-repeat right center;
	font-weight: bold;
}
.WebPartStyleLightBlue a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowDarkGray.gif) no-repeat right center;
}
.WebPartStyleLightBlue a:hover
{
	color: #666666;
}
/*This style has been changed over to be a theme similar to the home page!*/
.WebPartStyleDarkGrayHoneyComb
{
	/*background: #666666 url(../Images/WebParts/WebPartBackgroundDarkGrayHoneyComb.gif) no-repeat left top;*/
	background: #666666 url(../Images/WebParts/streambar.jpg) left top;
	color: White;
	padding: 25px 8px 20px 30px;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleDarkGrayHoneyComb a
{
	color: White;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleDarkGrayHoneyComb a:hover
{
	color: #bbdded;
}
.WebPartStyleDarkGrayHoneyComb a.WebPartLink, .WebPartStyleDarkGrayHoneyComb a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowWhite.gif) no-repeat right center;
	font-weight: bold;
}
.WebPartStyleDarkGrayHoneyComb a.WebPartLink:hover, .WebPartStyleDarkGrayHoneyComb li a:hover
{
	background: url(../Images/Arrows/ArrowLightBlue.gif) no-repeat right center;
	color: #bbdded;
}

.WebPartStyleGrayHoneyComb
{
	background: #666666 url(../Images/WebParts/WebPartBackgroundGrayHoneyComb.gif) no-repeat left top;
	color: White;
	padding: 25px 8px 20px 30px;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleGrayHoneyComb a
{
	color: White;
	font-weight: bold;
		font-weight:700;
	font-variant:small-caps;
}
.WebPartStyleGrayHoneyComb a:hover
{
	color: #bbdded;
}
.WebPartStyleGrayHoneyComb a.WebPartLink, .WebPartStyleGrayHoneyComb a.WebPartLink:hover
{
	background: url(../Images/Arrows/ArrowWhite.gif) no-repeat right ;
}
.WebPartStyleGrayHoneyComb a.WebPartLink:hover, .WebPartStyleGrayHoneyComb li a:hover
{
	background: url(../Images/Arrows/test.gif) no-repeat right ;
	color: #bbdded;
}

/*
Specific Web Parts
*/
.AskTheExpert img
{
	float: left;
	padding: 0 0px 8px 0;
}
.AskTheExpert h2
{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 3px;
}
.AskTheExpert h3
{
	font-size: 10pt;
	text-transform: none;
}

.LinkListWebPart ul
{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.WebPart ul
{
	list-style: none;
	margin:2px;
	margin-left:23px;
}

.WebPart li
{
	margin-bottom: 4px;
	vertical-align :top;
}

.Content
{
}
.ContentInset
{
	clear: left;
	float: right;
	/*margin: 20px 8px 0 8px;*/
	margin: 0 8px 0 8px;
}
/* Width required  */
.ContentWithInsetText .ContentInset
{
	width: 250px;
}

.ContentToolbar
{
	margin-top: -15px;
	margin-bottom: 15px;
	width: 100%;
}

.ContentToolbarLeft
{
	white-space: nowrap;
	width: 33%;
}
.ContentToolbarCenter
{
	text-align: center;
	white-space: nowrap;
	width: 33%;
}
.ContentToolbarRight
{
	text-align: right;
	padding-right: 20px;
	white-space: nowrap;
	width: 33%;
}

.ContentToolbar a
{
	background: url(../Images/Arrows/ArrowBlue.gif) no-repeat right center;
	font-weight: bold;
	margin-right: 4px;
	padding-right: 10px;
	text-transform: uppercase;
}
.ContentToolbar a:hover
{
	background: url(../Images/Arrows/ArrowDarkGray.gif) no-repeat right center;
	color: #666666;
}
.ContentToolbar a.PreviousPage
{
	background: url(../Images/Arrows/ArrowBlueLeft.gif) no-repeat left center;
	padding-left: 10px;
	padding-right: 0px;
}
.ContentToolbar a.PreviousPage:hover
{
	background: url(../Images/Arrows/ArrowDarkGrayLeft.gif) no-repeat left center;
}


.SearchWebPart
{
	padding: 5px;
}
.SearchWebPart input
{
	border: 1px solid #999999;
	width: 100%;
}
.SearchWebPart a.SearchHelp, .SearchWebPart a.SearchHelp:hover
{
	background-image: none;
	font-weight: normal;
	float: left;
	padding: 0;
}

.ColumnBrandAndTitle
{
	background-color: White; /* White BG required for WMEP logo */
	text-align: center;
}
.ColumnBrandAndTitle h1
{
	clear: right;
	color: #794a2f;
	font-size: 20pt;
	font-weight: normal;
	margin: 0px;
	text-transform: uppercase;
}

.MainBrandAndTitle
{
	margin: 15px 0 20px 0;
}
.MainBrandAndTitle img.Logo
{
	float: left;
	padding-right: 10px;
}
.MainBrandAndTitle h1
{
	color: #794a2f;
	font-size: 20pt;
	font-weight: normal;
	margin: 0px;
	text-align: left;
	text-transform: uppercase;
}
.RichTextModalDialog, .RichTextModalDialog > div > iframe, TD.Value > div > iframe
{
  position:absolute;
  z-index:1000;
  background-color:#C6C3C6;
  width:700px;
  height:500px;
}
