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

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial, Helvetica;
	font-size:  12px;
    font-weight: bold;
    color: #FD6300;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #1D335C;
	background-color: F8ECEC;
	margin-top: 0px;
	margin-left:0px;
}

.banner_background{
	background-image: url(top_banner_bacgkround3.gif);
	background-repeat:no-repeat;
	width:100%;
	height:85px;
	padding:0px,0px,0px,0px;
	background-position:right;
}

/* text style for the unselected tabs */
.OtherTabs {
	font-size: 8.5pt;
	color:#1D335C;
	font-family: Arial, Helvetica;
	text-decoration: none;
	font-weight: normal;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
	text-decoration: none;
	color:#1D335C;
	font-weight: normal;
	font-size: 8.5pt;
}

A.OtherTabs:visited  {
	text-decoration: none;
	color:#1D335C;
	font-weight: normal;
	font-size: 8.5pt;
}

A.OtherTabs:active   {
	text-decoration: none;
	color:#1D335C;
	font-weight: normal;
	font-size: 8.5pt;
}

A.OtherTabs:hover    {
	text-decoration: underline;
	color:#1D335C;
	font-weight: normal;
	font-size: 8.5pt;
}

/* SIGNIN */
.SignIn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #5C6F92;
	background-color: #F0F0F4;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 2px;
	padding: 2px;
	border-top: 1px solid #CFD6E5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CFD6E5;
}
A.SignIn:link {
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial, Helvetica;
	color:#5C6F92;
	background-color: #F0F0F4;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 4px;
	padding: 4px;
	border-top: 1px solid #CFD6E5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CFD6E5;
}

A.SignIn:visited  {
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial, Helvetica;
	color:#5C6F92;
	background-color: #F0F0F4;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 4px;
	padding: 4px;
	border-top: 1px solid #CFD6E5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CFD6E5;
}

A.SignIn:active   {
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial, Helvetica;
	color:#FFFFFF;
	background-color: #FF6600;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 4px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #8597B5;
	border-bottom: 1px solid #8597B5;
	border-left: 1px solid #FFFFFF;
	background-image: url(Button.gif);
	background-repeat: repeat-x;
}

A.SignIn:hover    {
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial, Helvetica;
	color:#FFFFFF;
	background-color: #FF6600;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 4px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #8597B5;
	border-bottom: 1px solid #8597B5;
	border-left: 1px solid #FFFFFF;
	background-image: url(Button.gif);
	background-repeat: repeat-x;
}

/* Main Menu */

.MainMenu_MenuContainer {
	padding-left:10px;
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #FFFFFF 0px solid;  
	background-color: Transparent;
	background-image:url(MenuRed.gif);
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 26px;
	text-align:center;
	text-shadow:White;
	/*border: solid 2px black;*/
}

.MainMenu_MenuItem {
	background-color:#FF6F6F;
	background-image:url(MenuRed.gif);
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	vertical-align:super;
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-right: #000000 0px solid;
	padding-right: 6px;
}
.MainMenu_MenuIcon {
	cursor: hand; 
	background-color:#FF6F6F;
	background-image:url(MenuRed.gif); 
	border-left: transparent 0px solid; 
	border-right: transparent 0px solid; 
	border-bottom: transparent 0px solid; 
	border-top: transparent 0px solid; 
	text-align: center; 
	height: 20px;
	width:0px;
}	
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: hand; 
	margin: 0px 0px 0px 0px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color:#FF6F6F;
	background-image:url(MenuRed.gif);
	height:20px;
	border-bottom: #4F6283 0px solid; 
	border-left: #4F6283 0px solid; 
	border-top: #4F6283 0px solid; 
	border-right: #4F6283 0px solid;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=90, Strength=0);*/
}
.MainMenu_MenuBreak {
	background-color:#FF6F6F;
	background-image:url(MenuRed.gif);
	border-bottom: Red 0px black; 
	border-left: #000000 0px solid; 
	border-top: #000000 0px solid;  
	border-right: #000000 0px solid; 
	background-color: Red; 
	height: 10px;
	width: 2px;
	padding: 0px;
	/*border: solid 1px black;*/
}

.MainMenu_MenuItemSel {
	background-color: #FF6F6F; 
	background-image:url(MenuRed.gif); 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	border:0px;
	padding-right: 6px;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	color: White; 
	cursor: hand; 
	background-color:#FF6F6F;
	background-image:url(MenuRed.gif);
	border-right: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: hand;
}

.Normal  {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #1D335C;
}
.GreyText{
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #666666;
}
.GreyText:link  {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #666666;
}
.GreyText:visited  {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #666666;
}
.GreyText:active  {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #666666;
}
.GreyText:hover  {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	color: #FD6300;
	text-decoration: underline;
}

.Underlined:link {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration:underline;
}
.Underlined:visited {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration:underline;
}
.Underlined:active {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration:underline;
}
.Underlined:hover {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration:underline;
}
.NormalCentral  {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #1D335C;
	text-align:center;
	vertical-align:middle;
}
.DescriptionTitle  {
	font-family: Arial, Helvetica;
	font-size: 11pt;
	color: #1D335C;
}
.Highlight  {
	font-family: Arial, Helvetica;
	font-size: 10pt;
	color:#66669;
	font-weight: bold;
}
.Brand { 
        font-family: Helvetica, Arial; 
        text-decoration: none; 
        font-size: 8.5pt; 
        color: #52004A; 
} 
.Date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #5C6F92;
	margin-left: 0px;
	padding-left: 0px;
	text-align: right;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FD6300;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration: none;
}

.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
ul {
	list-style-image: url(Arrow.gif);
	list-style-position: outside;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	list-style-position: outside;
	list-style-type: lower-roman;
	font-weight: normal;
}
/* Footer */
.Footer {
	font-size: 8.5pt;
	color:#6B7EA1;
	font-family: Arial, Helvetica;
	text-decoration: none;
	font-weight: normal;
}
/* Footer Links */
A.Footer:link {
	text-decoration: none;
	color:#6B7EA1;
	font-weight: normal;
	font-size: 8.5pt;
}

A.Footer:visited  {
	text-decoration: none;
	color:#6B7EA1;
	font-weight: normal;
	font-size: 8.5pt;
}

A.Footer:active   {
	text-decoration: none;
	color:#6B7EA1;
	font-weight: normal;
	font-size: 8.5pt;
}

A.Footer:hover    {
	text-decoration: underline;
	color:#1D335C;
	font-weight: normal;
	font-size: 8.5pt;
}
.SubHead {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}	
.CommandButton {
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	line-height: 9pt;
	color: #FD6300;
}
A.CommandButton:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FD6300;
	text-decoration: none;
	line-height: 9pt;
	font-style: normal;
}
A.CommandButton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FD6300;
	text-decoration: none;
	line-height: 9pt;
	font-style: normal;
}
A.CommandButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FD6300;
	text-decoration: underline;
	line-height: 9pt;
	font-style: normal;
}
A.CommandButton:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FD6300;
	text-decoration: none;
	line-height: 9pt;
	font-style: normal;
}
/* Breadcrumbs */
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #6B7EA1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
}
A.breadcrumb:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #6B7EA1;
	text-decoration: none;
}
A.breadcrumb:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #6B7EA1;
	text-decoration: none;
}
A.breadcrumb:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #1D335C;
	text-decoration: underline;
}
A.breadcrumb:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #6B7EA1;
	text-decoration: none;
}

/* WRAPPER CLASSES FOR EDGE */
.WrapperLeft {
	background-image: url(Wrapper_left_later.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 55px;
	height:100%;
}
.WrapperLeftFooter {
	background-image: url(Wrapper_left_footer_later.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 65px;
	height:100%;
}
.WrapperBottomLeft {
	background-image: url(wrapper_bottom_left_later.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 65px;
	height: 20px;
}

.WrapperBottomLeft2{
	background-image: url(wrapper_bottom_left_2_later.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 4px;
	height: 20px;
}

.WrapperBottom {
	background-image: url(WrapperBottom.gif);
	background-repeat: repeat-x;
	background-position: right top;
	width: 100%;
	height: 20px;
}
.WrapperBottomRight {
	background-image: url(wrapper_bottom_right_later.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 20px;
}
.WrapperBottomRight2 {
	background-image: url(wrapper_bottom_right_2_later.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 7px;
	height: 20px;
}
.WrapperRight {
	background-image: url(Wrapper_right_later.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 55px;
	height:100%;
}
.WrapperRightFooter {
	background-image: url(WrapperRightSideFooterLater.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 65px;
	height:100%;
}
.FooterCrossBar {
	/*background-image: url(FooterCrossbar.gif);
	background-repeat: repeat-x;*/
	background-color:#FFFFFF;
	background-position: left top;
	width: 100%;
	height: 8px;
}

/* Main Panes */
.leftpane {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 200px;
}
.contentpane {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
	width: 100%;
}
.rightpane {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: 200px;
}
.toppane {
	text-align: left;
	vertical-align: top;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
.topcontentpane {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	height: 10px;
}
.bottomcontentpane {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	/* padding-left:20px;
	padding-bottom:0px;
	padding-top:30px; */
	padding-left:10px;
	/*background-image: url(footer_background.gif);
	background-repeat: repeat-x;*/
	background-color:#FFFFFF;
	/*height: 68px;*/
	width: 100%;
	
}
.bottom_border {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
	width: 100%;
	border-bottom-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/* MENU SEPARATORS
Okay, here's how it broke down... I added the following attributes to my SOLPARTMENU tag in the .aspx file: 


userootbreadcrumbarrow="false" 
- Ensures that the arrows do not appear. 


leftseparator=" " 
- If you don't insert a non-breaking space here, the left side of the tab will collapse. 


rightseparator=" " 
- If you don't insert a non-breaking space here, the right side of the tab will collapse. 


leftseparatorcssclass="YourClassName" 
- This is the left-hand side of your tab in its "Off" state, so specifiy a height and width for the class as well as a non-repeating background image. 


rightseparatorcssclass="YourClassName" 
- This is the right-hand side of your tab in its "Off" state, so specifiy a height and width for the class as well as a non-repeating background image. 


rootmenuitemselectedcssclass="YourClassName" 
- This is your Mouseover state for the tabs. By creating this class, you can specify a different rollover state for the Main menu items and the Submenu items. 


leftseparatorbreadcrumbcssclass="YourClassName" 
- This is the right-hand side of your tab in its "On" state, so specifiy a height and width for the class as well as a non-repeating background image. 


rightseparatorbreadcrumbcssclass="YourClassName" 
- This is the right-hand side of your tab in its "On" state, so specifiy a height and width for the class as well as a non-repeating background image. 


rootmenuitembreadcrumbcssclass="YourClassName" 
- This is the body of your tab in its "On" state, so specifiy a height and width for the class as well as a horizontally-repeating background image. 


That covers the left and right-hand sides of tabs in both their "On" and "Off" states, as well as the background for a tab in its "On" state. 

To achieve the background for the "Off" tabs, apply the tab's background image to the MainMenu_MenuContainer class. 
*/

.RedMenuLeftSeparator {
	background-image: url(MenuSeparator.gif);
	/*border: solid 2px black;*/
	height: 26px;
	width: 2px;
}
.RedMenuRightSeparator {
	background-image: url(MenuSeparator.gif);
	border: solid 2px green;
	height: 26px;
	width: 2px;
}
.RedMenuLeftSeparatorBreadcrumb {
	background-image: url(MenuSeparator.gif);
	border: solid 2px red;
	height: 26px;
	width: 2px;
}
.RedMenuRightSeparatorBreadcrumb {
	background-image: url(MenuSeparator.gif);
	border: solid 2px blue;
	height: 26px;
	width: 2px;
}
.RedMenuRootBreadcrumb {
	background-image: url(MenuSeparator.gif);
	border: solid 2px yellow;
	height: 26px;
	width: 2px;
}





.contentcell {
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	background-color:#FFFFFF;
}
.headertable {
}
.toptable {
	/*background-image: url(topbkgrd.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
	background-color:#FFFFFF;
	margin:0px;
}
.loginpane {
	text-align: right;
	vertical-align: top;
	margin-top: 20px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.searchpane {
	background-image: url(SearchTop.gif);
	background-repeat: repeat-x;
	background-position: right top;
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin: 9px 0px 0px;
	padding: 9px 0px 0px;
	height: 34px;
}
.searchmiddle {
	background-image: url(SearchBottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.navtable {
	height: 27px;
	background-image: url(MenuRed.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0;
	padding:0px, 0px, 0px, 0px;
	text-align:center;
}
.contenttable {
	background-color: #FFFFFF;
}
.footerleft {
	background-image: url(8_22.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.footerright {
	background-image: url(8_24.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.footertable {
	background-image: url(8_23.gif);
	background-repeat: repeat-x;
}
.maintable {
	width: 860px;
}
.orangebkgrdtable {
	background-image: url(orangebkgrd.gif);
	background-repeat: no-repeat;
}
.headertile {
	background-image: url(headerbkgrd.gif);
	background-repeat: repeat-x;
	background-color: #FF6400;
}
.leftcolumnedge {
	background-color: #F1F3F6;
	background-image: url(13_22.gif);
	background-repeat: no-repeat;
}
.logomiddle {
	text-align: center;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.logobottom {
	background-image: url(logobottomtile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 28px;
	text-align: right;
	vertical-align: bottom;
}
.logoright {
	background-image: url(logosidetile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 16px;
	text-align: right;
	vertical-align: bottom;
}
.logoleft {
	background-image: url(10_08.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 16px;
}
.logotop {
	background-image: url(10_03.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 17px;
}
.toptablerightedge {
	background-image: url(toptablerighttile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 17px;
	text-align: left;
	vertical-align: top;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #6B7EA1;
	text-align: center;
	vertical-align: middle;
}
.rightcolumnedge {
	background-color: #F1F3F6;
	background-image: url(13_27.gif);
	background-repeat: no-repeat;
}
.headertop {
	background-image: url(InnerPageHeader_03.gif);
	background-repeat: repeat-x;
}
.headerbottom {
	background-image: url(InnerPageHeader_15.gif);
	background-repeat: repeat-x;
}
.headerleft {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.headerright {
	background-image: url(InnerPageHeader_10.gif);
	background-repeat: repeat-y;
}
.topinnertable {
	background-image: url(10_05.gif);
	background-repeat: no-repeat;
}
.treeviewcell {
	text-align: left;
	vertical-align: top;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}


.BlueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#003399;
}