/* CSS Document */
body {font-size: 80%; font-family: Arial, Verdana, Helvetica, Sans-Serif;}
#Body {background: #ffffff none; height:100%; margin:0; padding:0;}

/* ControlPanel style */
.ControlPanel {width: 960px; border: none 0px; margin: 0px auto; padding: 0px; text-align: center; background: #ffffff none;}
table.ControlPanel {width: 960px; margin: 5px auto; padding: 3px; border: solid 2px #312f26; background: #ffffff none; text-align: center;}
table.ControlPanel td {text-align: center; vertical-align: middle;}

/*-------- Default Style --------*/
.SkinWidth {width: 990px; margin: 0px auto; padding: 0px; border: none 0px; background: Transparent none; text-align: center; overflow: visible; display: block;}
div.ClearBoth, .ClearBoth {clear: both; height: 0px; font-size: 0px; padding: 0px; margin: 0px; border: none 0px;}

.LogoArea {margin: 0 auto; padding: 0 0 0 0; background: Transparent none; text-align: center;}
.LogoArea img {vertical-align: middle; text-align: center; margin: 0 auto; padding: 0 0 0 0;}

h1.PortalName {margin: 0 auto; padding: 0px 0px 0px 0px; line-height: 100px;}
.PortalName a:visited,
.PortalName a:link,
.PortalName a:active,
.PortalName {font-family: "Times New Roman", Serif; color: #151515; padding: 0; margin: 0px; text-decoration: none; border: 0px; text-align: left; font-weight: normal; font-size: 30px; line-height: 100px;}
.PortalName a:hover {color: #555555; text-decoration: none; border: 0px;}

.MenuCol {float: left;}

.MenuAreaShadowTL {height: 15px; margin: 0; padding: 0; background: Transparent url('MenuAreaShadowTL.png') no-repeat scroll left top;}
.MenuAreaShadowTR {height: 15px; margin: 0 0 0 26px; padding: 0; background: Transparent url('MenuAreaShadowTR.png') no-repeat scroll right top;}
.MenuAreaShadowT {height: 15px; margin: 0 26px 0 0; padding: 0; background: Transparent url('MenuAreaShadowT.png') repeat scroll left top;}

.MenuAreaL {margin: 0; padding: 0; background: Transparent url('MenuAreaL.png') no-repeat scroll left top;}
.MenuAreaR {margin: 0 0 0 26px; padding: 0; background: Transparent url('MenuAreaR.png') no-repeat scroll right top;}
.MenuArea {margin: 0 26px 0 0; padding: 0; text-align: left; background: #151515 url('MenuAreaM.jpg') repeat scroll left top;}

.MenuBottomL {height: 28px; margin: 0; padding: 0; background: Transparent url('MenuAreaBL.png') no-repeat scroll left top;}
.MenuBottomR {height: 28px; margin: 0 0 0 15px; padding: 0; background: Transparent url('MenuAreaBR.png') no-repeat scroll right top;}
.MenuBottomM {height: 28px; margin: 0 15px 0 0; padding: 0; text-align: left; background: #151515 url('MenuAreaB.jpg') repeat scroll left top;}

.SearchLoginCol {float: right; clear: none; width: 225px;}
.SearchAreaContainer {float: right; width: 150px; margin: 0; padding: 0px 0px 0 0;}
.SearchArea {height: 36px; width: 150px; background: Transparent url('SearchBox.jpg') no-repeat scroll left top; text-align: left; padding: 0; margin: 0;}
.SearchArea input {vertical-align: top; width: 105px; overflow: hidden; padding: 18px 0 0 0; margin: 0 0 0 8px; color: #cecece; background: Transparent none; border: none 0px; font-size: 0.95em; font-weight: normal;}

.LoginArea {text-align: right; margin: 0; padding: 3px 0 0 0; white-space: nowrap;}
.user,
a.user:link, 
a.user:active, 
a.user:visited {font-size: 0.92em; color: #777777; text-decoration: none; white-space: nowrap;}
a.user:hover {color: #999999; text-decoration: underline;}

.ContentRow {min-width: 990px; width: 100%; background: #ffffff url('BGContentGradient.jpg') repeat-x scroll left top; margin: 0; padding: 0;}
.ContentAreaL {margin: 0; padding: 0; background: Transparent url('BGContentShadowL.jpg') no-repeat scroll left top;}
.ContentAreaR {margin: 0 0 0 15px; padding: 0; background: Transparent url('BGContentShadowR.jpg') no-repeat scroll right top;}
.ContentArea {margin: 0 15px 0 0; padding: 0 5px; text-align: left; background: #ffffff none;}

.BreadcrumbArea {margin: 0; padding: 0 10px 10px ;}
.Breadcrumb {color: #555555; font-weight: bold; margin: 0; padding: 0; font-size: 0.95em;}
a.Breadcrumb:link,
a.Breadcrumb:active,
a.Breadcrumb:visited {color: #555555; text-decoration: none; font-weight: bold;}
a.Breadcrumb:hover {color: #777777; text-decoration: underline; font-weight: bold;}

.LanguageArea {margin: 0 auto; padding: 0; text-align: center;}

.FooterRow {min-width: 990px; width: 100%; background: #252525 none; margin: 0; padding: 10px 0;}
.FooterContent {margin: 0; padding: 0 15px; background: Transparent none; text-align: center;}

.FooterLinks {font-size: 0.9em; color: #999999; text-decoration: none; text-align: center;}
a.FooterLinks:link,
a.FooterLinks:active,
a.FooterLinks:visited {font-size: 0.9em; color: #999999; text-decoration: none; text-align: center;}
a.FooterLinks:hover {color: #e7e7e7; text-decoration: underline;}

.ImagePane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.LeftPane {width: 250px; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.ContentPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.RightPane {width: 250px; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.FullPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.LeftHalfPane {width: 50%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.RightHalfPane {width: 50%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.LeftWidePane {width: 67%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.RightNarrowPane {width: 33%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.LeftNarrowPane {width: 33%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.RightWidePane {width: 67%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}
.MiddleNarrowPane {width: 34%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.BottomPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: left;}

.FooterBannerPaneArea {width: 960px; margin: 0 auto; padding: 10px 0 0 0;}
.FooterBannerPane {margin: 0 auto; padding: 0;}

/* to aid in collapse of empty content panes */
.DNNEmptyPane {width: 0px; margin: 0px; padding: 0px; border: none 0px;}
.paneOutline {border: solid 3px #555555;}
.paneOutline .SubHead {font-size: 14px; font-weight: bold; color: #555555;}

/* general content text styles */
/*p {margin: 0px; padding: 0px; margin-bottom: 15px;}*/
p,
.Normal,
.NormalDisabled {color: #222222; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 1em; font-weight: normal;}
.NormalDisabled {color: Silver;}
/* text style used for rendered text which requires emphasis */
.NormalBold {color: #222222; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 1em; font-weight: bold;}
/* text style used for error messages */
.NormalRed {font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 1em; font-weight: bold; color: #ff0000;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {color: #222222; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 1em; font-weight: normal;}

.ModDNNHTMLC .Normal,
.ModDNNHTMLC p,
.DNN_HTMLContent .Normal,
.DNN_HTMLContent p {line-height: 145%;}
p {margin: 0; padding: 0 0 1em 0;}

h1, h2, h3, h4, h5, h6 {color:#222222;font-weight:bold;margin: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif;}
h1 {font-size: 1.5em; margin: 10px 0;}
h2 {font-size: 1.5em; font-weight: normal;}
h3 {font-size: 1.05em;}
h4 {font-size: 1em;}
h5 {font-size: 0.95em;}
h6 {font-size: 0.9em;}

a,a:link,
a:visited,
a:active {color:#1a8e46; text-decoration:none; font-weight:bold; }
a:hover  {color:#1a8e46; text-decoration: underline;}

.Head{color:#555555; font-weight:normal; font-size: 1.4em;}
.SubHead {color:#222222; font-size: 1em;}
.SubSubHead{color:#222222; font-size: 1em;}

.CommandButton {font-weight: bold; font-size: 1em; color: #1a8e46; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
.SkinObject {font-weight: bold; font-size: 1em; color: #1a8e46; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
a.SkinObject:link,
a.SkinObject:visited,
a.SkinObject:active,
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active {text-decoration: none; color: #1a8e46;}
a.SkinObject:hover,
A.CommandButton:hover {text-decoration: underline; color: #1a8e46;}

/* horizontal rules */
hr {color: #333333; border: none 0px; border-top: 1px solid #333333; border-bottom: 0px dotted #333333; width: 100%; height: 1px; margin: 3px auto 5px 0; text-align: left; padding: 0px 0 5px 0; background: Transparent none; font-size: 1px;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0; height: 0;}

/* preload hover images so there is no lag time first time hovering items like menu, login, register, etc. */
.PreloadImages, .Invisible {height: 0px; width: 0px;}

/* ================================
    CSS STYLES FOR Old Module Blog
   ================================
*/

.blog_body {color: #343434; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; font-weight: normal; line-height: 1.45;}
.blog_body p {line-height: 1.45;}

.BlogContent .Calendar {font-size: 11px !important;}

.Blog_Archive_Title {background: #16408e url('calendar_grad.jpg') repeat-x scroll left top !important; color: #ffffff !important;}
.Blog_Archive_NextPrev,
.Blog_Archive_NextPrev a:link,
.Blog_Archive_NextPrev a:visited,
.Blog_Archive_NextPrev a:active,
.Blog_Archive_NextPrev a:hover  {color: #ffffff !important; text-decoration: none !important; padding: 0px; margin: 0px 5px;}

.Blog_Archive_DayHeader {background: #252525 url('calendar_grad3.jpg') repeat-x scroll left top !important; color: #ffffff !important; vertical-align: middle;}
.Blog_Archive_TodayDay {background: #16408e url('calendar_grad.jpg') repeat-x scroll left top !important; color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.Blog_Archive_TodayDay a,
.Blog_Archive_TodayDay a * {color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.Blog_Archive_SelectedDay {background: #252525 url('calendar_grad3.jpg') repeat-x scroll left top !important; color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.Blog_Archive_SelectedDay a,
.Blog_Archive_SelectedDay a * {color: #ffffff !important; font-size: 11px !important; line-height: normal;}

.Blog_Archive_Day,
.Blog_Archive_WeekendDay,
.Blog_Archive_OtherMonth {font-size: 11px !important; line-height: normal;}

.blog_published {background: #ffffff none !important; border: solid 1px #777777 !important;}
.blog_pub-month {background: #555555 none !important; color: #ffffff !important; padding: 1px 1px 2px 1px;}
h2.blog_title,
h2.blog_title a:link,
h2.blog_title a:visited,
h2.blog_title a:active,
h2.blog_title a:hover {font-family: Arial, Helvetica, Tahoma, Sans-Serif !important; font-weight: bold; font-size: 18px; padding: opx; margin: 10px 0px 0px 0px;}
.blog_dateline {font-size: 10px; font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-weight: bold; margin: 0px; padding: 0px 0px 7px 0px;}
.BlogInfo {border-bottom: dotted 1px #343434;}

/* ================================
    CSS STYLES FOR New Module Blog
   ================================
*/

.BlogBody {color: #343434; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; font-weight: normal; line-height: 1.45;}
.BlogBody p {line-height: 1.45;}

.BlogContent .Calendar {font-size: 11px !important;}

.BlogArchiveTitle {background: #16408e url('calendar_grad.jpg') repeat-x scroll left top !important; color: #ffffff !important;}
.BlogArchiveNextPrev,
.BlogArchiveNextPrev a:link,
.BlogArchiveNextPrev a:visited,
.BlogArchiveNextPrev a:active,
.BlogArchiveNextPrev a:hover  {color: #ffffff !important; text-decoration: none !important; padding: 0px; margin: 0px 5px;}

.BlogArchiveDayHeader {background: #252525 url('calendar_grad3.jpg') repeat-x scroll left top !important; color: #ffffff !important; vertical-align: middle;}
.BlogArchiveTodayDay {background: #16408e url('calendar_grad.jpg') repeat-x scroll left top !important; color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.BlogArchiveTodayDay a,
.BlogArchiveTodayDay a * {color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.BlogArchiveSelectedDay {background: #252525 url('calendar_grad3.jpg') repeat-x scroll left top !important; color: #ffffff !important; font-size: 11px !important; line-height: normal;}
.BlogArchiveSelectedDay a,
.BlogArchiveSelectedDay a * {color: #ffffff !important; font-size: 11px !important; line-height: normal;}

.BlogArchiveDay,
.BlogArchiveWeekendDay,
.BlogArchiveOtherMonth {font-size: 11px !important; line-height: normal;}

.BlogPublished {background: #ffffff none !important; border: solid 1px #777777 !important;}
.BlogPubMonth {background: #555555 none !important; color: #ffffff !important; padding: 1px 1px 2px 1px;}
h2.BlogTitle,
h2.BlogTitle a:link,
h2.BlogTitle a:visited,
h2.BlogTitle a:active,
h2.BlogTitle a:hover {font-family: Arial, Helvetica, Tahoma, Sans-Serif !important; font-weight: bold; font-size: 18px; padding: opx; margin: 10px 0px 0px 0px;}
.BlogDateline {font-size: 10px; font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-weight: bold; margin: 0px; padding: 0px 0px 7px 0px;}
.BlogInfo {border-bottom: dotted 1px #343434;}