/* ================================
    CSS STYLES FOR ComponentArt
   ================================
*/   
#header img.divider { margin-top:5px;float:left; }

   .transparent {
     filter:alpha(opacity=90);
     background-color: #FFFF99;
     display:none;
     position:absolute;
     color: black;
     padding: 5, 5, 5, 5
   }

.OrangeRow 
{ 
 background-color: FBB117;
}
.OrangeRow td.DataCell 
{ 
 color: black;
} 

.RedRow 
{ 
 background-color: FBBBB9;
}
.RedRow td.DataCell 
{ 
 color: black;
} 
.GreenRow 
{ 
 background-color: 6AFB92;
}
.GreenRow td.DataCell 
{ 
 color: black;
} 
.BlueRow 
{ 
 background-color: ADDEFF;
}
.BlueRow td.DataCell 
{ 
 color: black;
} 
.YellowRow 
{ 
 background-color: FFF380; 
}
.HoverCSS
{
  background-image: url(images/grid_headerBg.gif); 
  background-color: #8988A5; 
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
  vertical-align: center;
}

.Grid 
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridHeader
{
  background-image: url(images/grid_headerBg.gif); 
  background-color: #8988A5; 
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
  vertical-align: center;
}

.GridHeaderText
{
  color: #ebb900;  
  font-family: verdana; 
  font-size: 10px;
}

.GridFooter
{
  cursor: default; 
  padding: 5px;
  height: 48px;
  vertical-align: bottom;
}

.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(images/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  padding: 3px;
  text-align: center;
}

.HeadingCellHover
{ 
  background-image: url(images/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(images/header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(images/header_bg.gif); 
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: center;
  padding-top: 3px;
  padding-bottom: 5px;
}

.SelectorCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border-right: 1px solid #EAE9E1; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}


.SliderPopup
{
  background-color: #FFF4D7; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  font-size: 11px; 
  width: 150px;
  height: 30px;
}

/*calendar styles*/
.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}


/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/

.SmallDataGridFooterReportText
{
    color: #FFFFFF;
    font-size: 9px;
}

.SmallDatagridFooterReportValue
{
    color: #FFFFFF;
    font-size: 9px;
}


.Skinheader
{
    background-color: #ebb900;
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
}

/* background color for the content part of the pages */
Body
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
}

TD
{
    font-size: 11px;
}

.ControlPanel
{
}

/* background/border colors for the selected tab */
.TabBg
{
}

.maincontent
{
    background-color: #FFFFFF;
}
.leftnav
{
    background-color: #FFFFFF;
}
.pagemaster
{
    background-color: #FFFFFF;
}

.BottomPane
{
}

.TopPane
{
}

.LeftPane
{
}

.ContentPane
{
}

.RightPane
{
}

/* text style for the selected tab */
.SelectedTab
{
}

/* hyperlink style for the selected tab */
A.SelectedTab:link
{
}

A.SelectedTab:visited
{
}

A.SelectedTab:active
{
}

A.SelectedTab:hover
{
}

/* text style for the unselected tabs */
.OtherTabs
{
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link
{
}

A.OtherTabs:visited
{
}

A.OtherTabs:active
{
}

A.OtherTabs:hover
{
}

/* GENERAL */
/* style for module titles */
.Head
{
}

/* style of item titles on edit and admin pages */
.SubHead
{
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-size: 13px;
}

.CommandButton td a:link
{
    text-decoration: underline;
}

.CommandButton td a:visited
{
    text-decoration: underline;
}

.CommandButton td a:active
{
    text-decoration: underline;
}


/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
}

A.CommandButton:visited
{
}

A.CommandButton:active
{
}

A.CommandButton:hover
{
}

/* button style for standard HTML buttons */
.StandardButton
{
}

/* GENERIC */
H1
{
}

H2
{
}

H3
{
}

H4
{
}

H5, DT
{
}

H6
{
}

TFOOT, THEAD
{
}

TH
{
}

A:link
{
}

A:visited
{
}

A:active
{
}

A:hover
{
}

SMALL
{
}

BIG
{
}

BLOCKQUOTE, PRE
{
}


UL LI
{
}

UL LI LI
{
}

UL LI LI LI
{
}

OL LI
{
}

OL OL LI
{
}

OL OL OL LI
{
}

HR
{
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
}

/* style of item titles by Announcements and events */
.ItemTitle
{
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer
{
}

.ModuleTitle_MenuBar
{
}

.ModuleTitle_MenuItem
{
}

.ModuleTitle_MenuIcon
{
}

.ModuleTitle_SubMenu
{
}

.ModuleTitle_MenuBreak
{
}

.ModuleTitle_MenuItemSel
{
}

.ModuleTitle_MenuArrow
{
}

.ModuleTitle_RootMenuArrow
{
}

/* Main Menu */

.MainMenu_MenuContainer
{
}

.MainMenu_MenuBar
{
}

.MainMenu_MenuItem
{
}

.MainMenu_MenuIcon
{
}

.MainMenu_SubMenu
{
}

.MainMenu_MenuBreak
{
}

.MainMenu_MenuItemSel
{
}

.MainMenu_MenuArrow
{
}

.MainMenu_RootMenuArrow
{
}

.topicarea
{
    background-color: #273759;
    padding-left: 5px;
}

.topicarea a:link
{
    text-decoration: underline;
    color: #FFFFFF;
}
.topicarea a:visited
{
    text-decoration: underline;
    color: #FFFFFF;
}
.topicarea a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}

.topicarea td
{
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}

.authorarea
{
    background-image: url(greybackground.jpg);
    padding-left: 5px;
    padding-top: 5px;
    color: #000000;
}

.messagearea
{
    background-image: url(greybackground.jpg);
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    font-size: 14px;
    padding-top: 5px;
}

.attachmentarea
{
    background-image: url(greybackground.jpg);
    padding-left: 5px;
    height: 22px;
    line-height: 22px;
}

.topicreplyarea
{
    background-image: url(greybackground.jpg);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
}

.replyauthorarea
{
    background-color: #273759;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-weight: bold;
}

.replymessagearea
{
    background-image: url(greybackground.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}

.replyattachmentarea
{
    background-image: url(greybackground.jpg);
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
}

.createreplyarea
{
    background-image: url(greybackground.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 505px;
}

.topicmessagebox
{
    width: 400px;
    height: 200px;
}

.replybox
{
    width: 400px;
    height: 200px;
}

.replybuttonarea
{
    background-image: url(greybackground.jpg);
}

.CreateTopicArea
{
    background-image: url(greybackground.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 505px;
}

.newtopic
{
    background-color: red;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.newreply
{
    background-color: red;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

.DataGridHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #000000;
}

.breadcrumb
{
    font-family: verdana, arial, helvetica, geneva, swiss, sans-serif;
    font-weight: bold;
    font-size: 18;
    color: #000000;
}

.breadcrumb a:link
{
    text-decoration: underline;
    color: #000000;
}
.breadcrumb a:visited
{
    text-decoration: underline;
    color: #000000;
}
.breadcrumb a:hover
{
    text-decoration: underline;
    color: #000000;
}

.neo_mastercontainer_red
{
    width: 100%;
    background-color: #FFFFFF;
    border: #FFFFFF 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}

.neo_rightnavmaster_red
{
    margin-right: 10px;
    width: 150px;
    background-color: #FFFFFF;
    border-top: #273759 2px solid;
    border-bottom: #273759 2px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}

.SmallDataGridHeader
{
    color: #FFFFFF;
    background-color: #000000;
}

.SmallDataGridHeader td
{
    font-weight: normal;
    font-size: 9px;
}

.SmallDataGridItem td
{
    font-size: 9px;
}

.SmallDataGridAlternatingItem td
{
    font-size: 9px;
}

/* ComponentArt Calendar CSS */
.calendar_button
{
    border: none;
    cursor: pointer;
}

.picker
{
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana" ,monospace;
    padding: 2px;
    cursor: pointer;
}

.calendar td
{
    font-size: 11px;
}

.title
{
    font-weight: bold;
    background-color: #D7D7E5;
}

.day
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader
{
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday
{
    color: #999999;
}

.outofrangeday
{
    visibility: hidden;
}

.selectedday
{
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar
{
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month
{
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev
{
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.selector
{
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: top;
    background-color: #FFFFFF;
}