﻿/*utilities*/.tac{text-align:center;}.tal{text-align:left;}.tar{text-align:right;}.vat{vertical-align:top;}.vam{vertical-align:middle;}.vab{vertical-align:bottom;}.fl{float:left;}.fr{float:right;}.cb{clear:both;}.cl{clear:left;}.cr{clear:right;}.ma{margin:0 auto 0 auto;}.fw{width:100%;}.fw2{width:99%;}.fw3{width:95%;}.fh{height:100%;}.nb{border:0px !important;}.b{border:solid black 1px;}.fwb{font-weight: bold}.fs10{font-size:77% !important;}.fs11{font-size:85% !important;}.fs12{font-size:92% !important;}.fs13{font-size:100% !important;}.fs14{font-size:107% !important;}.fs15{font-size:114% !important;}.fs16{font-size:122% !important;}.fs17{font-size:129% !important;}.fs18{font-size:136% !important;}.fs19{font-size:144% !important;}.fs20{font-size:152% !important;}.fs21{font-size:159% !important;}.fs22{font-size:167% !important;}.fs23{font-size:174% !important;}.fs24{font-size:182% !important;}.dn{display:none;}.di{display:inline;}.db{display:block;}.bcw{background-color:White;}.bcb{background-color:Black;}.bcg{background-color:Gray;}.p10{padding:10px 10px 10px 10px;}.w0{width:100px;}.w1{width:160px;}.w2{width:180px;}.w3{width:240px;}.w4{width:300px;}.w5{width:360px;}.w6{width:420px;}.w7{width:480px;}.w8{width:540px;}.w9{width:560px;}.h5{height:5px;}.h10{height:10px;}.lh20{line-height:20px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}

Body{background-color: white; margin: 0px; padding:0px; height:100%;}
.mainContainer {
    width:100%;
    text-align:center;
}
.subMainContainer {
    background:url('bg.jpg') repeat-x #baba75;
}
.ControlPanel, .PagingTable{width: 100%; background-color: #FFFFFF; border-right: #003366 1px solid; border-top: #003366 1px solid; border-left: #003366 1px solid; border-bottom: #003366 1px solid;}

.SkinObject{font-weight: bold; font-size: 8.5pt; color: #003366; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
a.SkinObject:link{text-decoration: none; color: #003366;}
a.SkinObject:visited{text-decoration: none; color: #003366;}
a.SkinObject:hover{text-decoration: none; color: #003366;}
a.SkinObject:active {text-decoration: none; color: #003366;}

/* styles for LANGUAGE skinobject */
.Language{vertical-align: middle; margin: 0px;}
.Language img{border: none;}


/* style for module titles */
/*Head*/
.Head {font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #354f7e; line-height:25px; font-weight:bold;}
/*SubHead Text*/
.SubHead {font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #354f7e; line-height:22px;}
a.SubHead:link, a.SubHead:visited, a.SubHead:active {color: #6E8E05;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}
a.SubHead:hover {color: #2c2c2c;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}
.SubSubHead {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: black;}
/*Normal Text*/
.Normal, .NormalDisabled {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.NormalDisabled{color: Silver;}
a.Normal:link, a.Normal:visited {color: #666;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.Normal:hover {color: #111111;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.NormalRed {color: #900;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.NormalBold {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}
.NormalTextBox {color: #333 !important;border: 1px solid #bfbfbf !important;font-family: Arial, Helvetica, sans-serif !important;font-weight: normal;font-size: 12px !important; padding:3px;}
.NormalDropDownList {color: #333 !important;border: 1px solid #bfbfbf !important;font-family: Arial, Helvetica, sans-serif !important;font-weight: normal;font-size: 12px !important; padding:2px;}
/* DataGrid Styles */

.DataGrid_Container {border:solid #d3d3d3 1px;}
.DataGrid_Header {background-color:#4b8fb5; font-size:15px; line-height:30px; color:White;}
.DataGrid_Header a:link, .DataGrid_Header a:visited, .DataGrid_Header a:active {font-size:15px; color:white; text-decoration:none;}
.DataGrid_Header a:hover {font-size:15px; text-decoration:underline;}

.DataGrid_Item td, .DataGrid_AlternatingItem td {line-height:20px;}
.DataGrid_Item td, .DataGrid_AlternatingItem td {font-size:13px;}
.DataGrid_Item td a:link, .DataGrid_Item td a:hover, .DataGrid_Item td a:active, .DataGrid_Item td a:visited,
.DataGrid_AlternatingItem td a:link, .DataGrid_AlternatingItem td a:hover, .DataGrid_AlternatingItem td a:active, .DataGrid_AlternatingItem td a:visited,
.DataGrid_Pager a:link, .DataGrid_Pager a:hover, .DataGrid_Pager a:visited, .DataGrid_Pager a:active {font-size:13px; color: #c30; text-decoration:none;}
.DataGrid_Item td a:hover, .DataGrid_AlternatingItem td a:hover, .DataGrid_Pager a:hover { text-decoration:underline; color: #c30;}
.DataGrid_AlternatingItem { background-color:#e6edf1; color:#333;}

.DataGrid_Pager {font-size:15px; line-height:20px;}
.DataGrid_Pager table {position:relative; left:10px;}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node{font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}
.TreeMenu_NodeSelected{font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; background-color: #dcdcdc;}
a.TreeMenu_Node:link, a.TreeMenu_NodeSelected:link{text-decoration: none; color: #003366;}
a.TreeMenu_Node:visited, a.TreeMenu_NodeSelected:visited{text-decoration: none; color: #003366;}
a.TreeMenu_Node:hover, a.TreeMenu_NodeSelected:hover{text-decoration: none; color: #ff0000;}
a.TreeMenu_Node:active, a.TreeMenu_NodeSelected:active{text-decoration: none; color: #003366;}

/* styles used in the FileManager */
.FileManager{border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 400px;}
.FileManager_ToolBar{border-bottom: black 1px solid; height: 25px;}
.FileManager_Explorer{height: 100%; border: #696969 1px solid; background-color:White; margin: 2px 2px 2px 2px;}
.FileManager_FileList{height: 100%; border: #696969 1px solid; background-color: White; margin: 2px 2px 2px 2px; overflow: auto;}
.FileManager_MessageBox{text-align: center; vertical-align: middle; background-color: White; padding: 25px 25px 25px 25px;}
.FileManager_Header{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #E7E7FF; background-color: #9EBFF6; border-bottom: #696969 1px solid; height: 25px;}
.FileManager_Pager{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; background-color: #EEEEEE; border-top: #696969 1px solid; height: 25px;}
.FileManager_StatusBar{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dedfde; height: 25px; margin: 2px 2px 2px 2px;}
.FileManager_Item{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #F8F8F8; border-top: black 1px dashed; border-bottom: black 1px dashed;}
.FileManager_AltItem{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #EEEEEE; border-style: none;}
.FileManager_SelItem{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: White; background-color: #99ffff; border-style: none;}
.FileManagerTreeNode{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal;}
.FileManagerTreeNodeSelected{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dcdcdc;}
a.FileManagerTreeNode:link, a.FileManagerTreeNodeSelected:link{text-decoration: none; color: #003366;}
a.FileManagerTreeNode:visited, a.FileManagerTreeNodeSelected:visited{text-decoration: none; color: #003366;}
a.FileManagerTreeNode:hover, a.FileManagerTreeNodeSelected:hover{text-decoration: none; color: #ff0000;}
a.FileManagerTreeNode:active, a.FileManagerTreeNodeSelected:active{text-decoration: none; color: #003366;}

/* styles used in the Wizard Framework */
.Wizard{border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 400px; width: 650px;}
.WizardButton{border-right: #696969 1px solid; padding-right: 2px; border-top: #696969 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #696969 1px solid; padding-top: 2px; border-bottom: #696969 1px solid; background-color: #dcdcdc;}
.WizardHeader{background: #ffffcc; border-bottom: black 1px solid; height: 40px;}
.WizardFooter{border-top: black 1px solid; background: #ccffcc; height: 25px; text-align: right;}
.WizardBody{padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; height: 325px;}
.WizardHelp{padding-right: 5px; padding-left: 5px; font-size: 9pt; padding-bottom: 5px; border-left: black 1px solid; width: 180px; padding-top: 5px; background-color: #ccffff;}
.WizardHelpText{overflow: auto; font-size: 8pt; width: 180px; color: black; font-family: Tahoma, Verdana, Arial, Sans-Serif; height: 300px;}
.WizardText{font-size: 9pt; color: black; font-family: Tahoma, Verdana, Arial, Sans-Serif;}

/* text style used for help text rendered by modules */
.Help{border-right: black 1px solid; padding-right: 2px; border-top: black 1px solid; padding-left: 2px; font-weight: normal; font-size: 11px; padding-bottom: 2px; border-left: black 1px solid; color: black; padding-top: 2px; border-bottom: black 1px solid; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal;}
a.CommandButton:link {text-decoration: underline; color: #003366;}
a.CommandButton:visited{text-decoration: underline; color: #003366;}
a.CommandButton:hover{text-decoration: underline; color: #ff0000;}
a.CommandButton:active{text-decoration: underline; color: #003366;}

/* button style for standard HTML buttons */
.StandardButton{padding-right: 5px; padding-left: 5px; font-weight: normal; font-size: 11px; background: #dddddd; color: #000000; font-family: Verdana, sans-serif;}

/* GENERIC */
H1{font-family: Tahoma, Arial, Helvetica; font-size: 20px; font-weight: normal; color: #666644;}
H2{font-family: Tahoma, Arial, Helvetica; font-size: 20px; font-weight: normal; color: #666644;}
H3{font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #003366;}
H4{font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #003366;}
H5, DT{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #003366;}
H6{font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #003366;}

/*Links for entire site*/
a:link, a:visited, a:active {color: #666;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover {color: #111111;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}

SMALL{font-size: 8px;}
BIG{font-size: 14px;}
BLOCKQUOTE, PRE{font-family: Lucida Console, monospace;}

UL LI{list-style-type: square;}
UL LI LI{list-style-type: disc;}
UL LI LI LI{list-style-type: circle;}
OL LI{list-style-type: decimal;}
OL OL LI{list-style-type: lower-alpha;}
OL OL OL LI{list-style-type: lower-roman;}
OL UL LI{list-style-type: disc;}
HR{color: #696969; height: 1pt; text-align: left;}

/* Module Title Menu */
.ModuleTitle_MenuContainer{border-bottom: blue 0px solid; border-left: blue 0px solid; border-top: blue 0px solid; border-right: blue 0px solid;}
.ModuleTitle_MenuBar{cursor: pointer; height: 16; background-color: Transparent;}
.ModuleTitle_MenuItem{cursor: pointer; color: black; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; border-left: white 0px solid; border-bottom: white 1px solid; border-top: white 1px solid; border-right: white 0px solid; background-color: Transparent;}
.ModuleTitle_MenuIcon{cursor: pointer; background-color: #EEEEEE; border-left: #EEEEEE 1px solid; border-bottom: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; text-align: center; width: 15px; height: 21px;}
.ModuleTitle_SubMenu{z-index: 1000; cursor: pointer; background-color: #FFFFFF; border-bottom: #FFFFFF 0px solid; border-left: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-right: #FFFFFF 0px solid;}
.ModuleTitle_MenuBreak{border-bottom: #EEEEEE 1px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 1px solid; border-right: #EEEEEE 0px solid; background-color: #EEEEEE; height: 1px;}
.ModuleTitle_MenuItemSel{cursor: pointer; color: black; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; background-color: #C1D2EE;}
.ModuleTitle_MenuArrow{font-family: webdings; font-size: 10pt; cursor: pointer; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 0px solid;}
.ModuleTitle_RootMenuArrow{font-family: webdings; font-size: 10pt; cursor: pointer;}

/* Main Menu */
.MainMenu_MenuContainer{background-color: transparent;}
.MainMenu_MenuBar{cursor: pointer; height: 16px; background-color: Transparent;}
.MainMenu_MenuItem{cursor: pointer; color: black; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; border-left: white 0px solid; border-bottom: white 1px solid; border-top: white 1px solid; border-right: white 0px solid; background-color: Transparent;}
.MainMenu_MenuIcon{cursor: pointer; background-color: #EEEEEE; border-left: #EEEEEE 1px solid; border-bottom: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; text-align: center; width: 15px; height: 21px;}
.MainMenu_SubMenu{z-index: 1000; cursor: pointer; background-color: #FFFFFF; border-bottom: #FFFFFF 0px solid; border-left: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-right: #FFFFFF 0px solid;}
.MainMenu_MenuBreak{border-bottom: #EEEEEE 1px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 1px solid; border-right: #EEEEEE 0px solid; background-color: #EEEEEE; height: 1px;}
.MainMenu_MenuItemSel{cursor: pointer; color: black; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; background-color: #C1D2EE;}
.MainMenu_MenuArrow{font-family: webdings; font-size: 10pt; cursor: pointer; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 0px solid;}
.MainMenu_RootMenuArrow{font-family: webdings; font-size: 10pt; cursor: pointer;}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg{background-color: #CCCCCC;}
.TabBg{background-color: black;}

.SelectedTab{font-weight: bold; font-size: 8.5pt; color: #FFFFFF; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}

A.SelectedTab:link{text-decoration: none; color: white;}
A.SelectedTab:visited{text-decoration: none; color: #eeeeee;}
A.SelectedTab:hover{text-decoration: none; color: #cccccc;}
A.SelectedTab:active{text-decoration: none; color: #eeeeee;}

.OtherTabs{font-weight: bold; font-size: 8.5pt; color: white; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}

A.OtherTabs:link{text-decoration: none; color: white;}
A.OtherTabs:visited{text-decoration: none; color: #eeeeee;}
A.OtherTabs:hover{text-decoration: none; color: #cccccc;}
A.OtherTabs:active{text-decoration: none; color: #eeeeee;}

.PagingTable{height: 33px;}

/*.LabelEditOverClass{cursor: pointer; text-decoration: underline overline;}*/
.LabelEditTextClass{border: solid 1px red; background-color: Transparent;}
.LabelEditWorkClass{/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/ border: solid 0px red; background-color: Transparent;}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu{border: solid 1px black; white-space: nowrap; background: white;}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver{background-color: navy; color: White;}


/*Edit In Place Tool Bar Classes*/
.eipbackimg{border: outset 1px; /*give toolbar a 3D look*/ position: absolute; /*needed so it doesn't take up space */ margin-top: -22px; /*specify toolbar to be just above text */ white-space: nowrap; /* makes toolbar horizontal */ background: url(../../images/eip_toolbar.gif); background-color: #99cccc; height: 22px;}
.eipbuttonbackimg{width: 21px; height: 21px; cursor: pointer; /*change mouse to pointer when hover over button*/ display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/ display: inline-block; /* supported by Opera and ? */}
.eipbutton_edit{background: url(../../images/eip_edit.gif) no-repeat 100% center;}
.eipbutton_save{background: url(../../images/eip_save.gif) no-repeat 100% center;}
.eipborderhover{border: outset 1px;}

/* used to collapse panes without any content in them */
.DNNEmptyPane{width: 0px;}

/* used to set the different module align options - from module settings */
.DNNAlignleft{text-align: left;}
.DNNAlignright{text-align: right;}
.DNNAligncenter{text-align: center;}

/* Login Styles */
.LoginPanel{}
.LoginTabGroup{}
.LoginTab{float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; border: 1px #25569a solid;}
.LoginTabSelected{float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; background-position: 0% -41px; border: 1px #25569a solid;}
.LoginTabHover{float: left; background: url("../../images/tablogin_gray.gif") left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #555; border: 1px #C00 solid; cursor:pointer;}
.LoginContainerGroup{clear: both; padding-top: 5px;}
.LoginContainer{}

/* Telerik RadInput Default Skin */
.radInput_Default {font: normal 11px Arial, Verdana, Tahoma, Sans-Serif; vertical-align: middle;}
.radInput_Default table, .radInput_Default table td {border: 0; margin: 0; padding: 0; overflow: visible;}
.radInput_Default textarea {vertical-align:bottom; overflow:auto;}
.radInput_Default .spinImgCell {vertical-align:middle;}
.radInput_Default td.inputCell {padding:0 4px 0 0;}

/* SPIN BUTTONS */
.radInput_Default a.spinbutton{display: block; text-indent: -9999px; width: 16px; height: 8px; line-height: 8px; background: transparent url('Img/SpinButtonSprites.gif') no-repeat; font-size:1px; position:relative;/*FF*/ z-index:2;/*Opera*/ _position:static;/*IE*/ outline:none;/*FF*/}
*+html .radInput_Default a.spinbutton{position: static;}
.radInput_Default a.up{background-position: center 1px;}
.radInput_Default a.down{background-position: center -7px;}
.radInput_Default a.gobutton{display: block; text-indent: -9999px; width: 20px; height: 17px; line-height: 17px; background: transparent url('Img/button.gif') no-repeat; font-size: 1px; position: relative; _position: static; /*IE fix*/ outline: none; z-index:2;}
*+html .radInput_Default a.gobutton{position: static; /*IE fix*/}

/* INPUT STYLES SETTINGS */
.radEnabledCss_Default, .radEmptyMessageCss_Default, .radHoverCss_Default, .radFocusedCss_Default, .radNegativeCss_Default, .radDisabledCss_Default, .radInvalidCss_Default{font:11px arial,verdana,tahoma,sans-serif; padding:2px 0 2px 1px;}
.radEnabledCss_Default{color: #333; border: solid 1px #BFBFBF;}
.radHoverCss_Default{color: #333; border: solid 1px #BFBFBF;}
.radDisabledCss_Default{color:#ccc; background:#eee; border: solid 1px #aeaeae;}
.radEmptyMessageCss_Default{color: #333; border: solid 1px #aeaeae;}
.radFocusedCss_Default{border: solid 1px #000; color: #BFBFBF;}
.radNegativeCss_Default{border: solid 1px #aeaeae; color: #333;}
.radInvalidCss_Default{background:url('Img/errorSign.gif') center right no-repeat; border: solid 1px #f32800; color: #f32800;}
.radLabelCss_Default{color: #000; font-size: small; white-space:nowrap;}

.radHint_Default{background: infobackground; margin-top: 5px; border: solid 1px black; text-align: left; overflow: auto;}
.radHint_Default a, .radHint_Default a:visited, .radHint_Default a:hover{margin: 2px; color: black; text-decoration: none; font-size: small;}