/* background color for the content part of the pages ----------------------------------------------------------------------------------------------------*/ .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 { font-family: Tahoma, Arial, Helvetica; font-size: 20px; font-weight: normal; color: #333333; } /* style of item titles on edit and admin pages ----------------------------------------------------------------------------------------------------*/ .SubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000; } .container_24 .SubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #565656; } /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules ----------------------------------------------------------------------------------------------------*/ .SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: black; } /* text style used for most text rendered by modules ----------------------------------------------------------------------------------------------------*/ .Normal, .NormalDisabled { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; } /* text style used for rendered text which should appear disabled ----------------------------------------------------------------------------------------------------*/ .NormalDisabled { color: Silver; } /* text style used for rendered text which requires emphasis ----------------------------------------------------------------------------------------------------*/ .NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; } /* text style used for error messages ----------------------------------------------------------------------------------------------------*/ .NormalRed { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000; } /* text style used for textboxes in the admin and edit pages, for Nav compatibility ----------------------------------------------------------------------------------------------------*/ .NormalTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; } /* styles used by Data Grids ----------------------------------------------------------------------------------------------------*/ .DataGrid_AlternatingItem { background-color: White; color: Red; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; } .DataGrid_Container { background-color: Transparent; } .DataGrid_Footer { background-color: White; } .DataGrid_Header { background-color: Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center; } .DataGrid_Item { background-color: Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; } .DataGrid_SelectedItem { background-color: Silver; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; } /* 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: #000; } A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited { text-decoration: none; color: #000; } A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover { text-decoration: none; color: #067BD7; } A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active { text-decoration: none; color: #000; } /* 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: Arial; font-size: 11px; font-weight: normal; } /* hyperlink style for buttons and link buttons used in the portal admin pages ----------------------------------------------------------------------------------------------------*/ 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; } /* 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 {} #tablist { width: 120px; margin: 0; border-right: 1px solid black; padding-bottom: 10px; float:left; } .dashboardPanel { margin-left: 120px; padding: 0 10px 10px 10px; } .dashboardPanel table td { padding: 2px 4px; } .dashboardPanel table th { padding: 2px 4px; font-size: 1em; font-weight: bold; color: #036; border-bottom: 1px solid #9FB1BC; } .dashboardTableAlt { background-color: #eee; } .dashboardGrid { margin: 10px; } /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_16 { margin-left: auto; margin-right: auto; width: 960px;} /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float: left; /*position: relative;*/ margin-left: 10px; margin-right: 10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width:40px; } .container_16 .grid_2 { width:100px; } .container_16 .grid_3 { width:160px; } .container_16 .grid_4 { width:220px; } .container_16 .grid_5 { width:280px; } .container_16 .grid_6 { width:340px; } .container_16 .grid_7 { width:400px; } .container_16 .grid_8 { width:460px; } .container_16 .grid_9 { width:520px; } .container_16 .grid_10 { width:580px; } .container_16 .grid_11 { width:640px; } .container_16 .grid_12 { width:700px; } .container_16 .grid_13 { width:760px; } .container_16 .grid_14 { width:820px; } .container_16 .grid_15 { width:880px; } .container_16 .grid_16 { width:940px; } /* Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 {padding-left:60px; } .container_16 .prefix_2 {padding-left:120px;} .container_16 .prefix_3 {padding-left:180px;} .container_16 .prefix_4 {padding-left:240px;} .container_16 .prefix_5 {padding-left:300px;} .container_16 .prefix_6 {padding-left:360px;} .container_16 .prefix_7 {padding-left:420px;} .container_16 .prefix_8 {padding-left:480px;} .container_16 .prefix_9 {padding-left:540px;} .container_16 .prefix_10 {padding-left:600px;} .container_16 .prefix_11 {padding-left:660px;} .container_16 .prefix_12 {padding-left:720px;} .container_16 .prefix_13 {padding-left:780px;} .container_16 .prefix_14 {padding-left:840px;} .container_16 .prefix_15 {padding-left:900px;} /* Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 {padding-right:60px;} .container_16 .suffix_2 {padding-right:120px;} .container_16 .suffix_3 {padding-right:180px;} .container_16 .suffix_4 {padding-right:240px;} .container_16 .suffix_5 {padding-right:300px;} .container_16 .suffix_6 {padding-right:360px;} .container_16 .suffix_7 {padding-right:420px;} .container_16 .suffix_8 {padding-right:480px;} .container_16 .suffix_9 {padding-right:540px;} .container_16 .suffix_10 {padding-right:600px;} .container_16 .suffix_11 {padding-right:660px;} .container_16 .suffix_12 {padding-right:720px;} .container_16 .suffix_13 {padding-right:780px;} .container_16 .suffix_14 {padding-right:840px;} .container_16 .suffix_15 {padding-right:900px;} /* Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 {left:60px;} .container_16 .push_2 {left:120px;} .container_16 .push_3 {left:180px;} .container_16 .push_4 {left:240px;} .container_16 .push_5 {left:300px;} .container_16 .push_6 {left:360px;} .container_16 .push_7 {left:420px;} .container_16 .push_8 {left:480px;} .container_16 .push_9 {left:540px;} .container_16 .push_10 {left:600px;} .container_16 .push_11 {left:660px;} .container_16 .push_12 {left:720px;} .container_16 .push_13 {left:780px;} .container_16 .push_14 {left:840px;} .container_16 .push_15 {left:900px;} /* Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 {left:-60px;} .container_16 .pull_2 {left:-120px;} .container_16 .pull_3 {left:-180px;} .container_16 .pull_4 {left:-240px;} .container_16 .pull_5 {left:-300px;} .container_16 .pull_6 {left:-360px;} .container_16 .pull_7 {left:-420px;} .container_16 .pull_8 {left:-480px;} .container_16 .pull_9 {left:-540px;} .container_16 .pull_10 {left:-600px;} .container_16 .pull_11 {left:-660px;} .container_16 .pull_12 {left:-720px;} .container_16 .pull_13 {left:-780px;} .container_16 .pull_14 {left:-840px;} .container_16 .pull_15 {left:-900px;} /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family:inherit; font-size:100%; vertical-align: baseline; background: transparent; font-family:Arial; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! ----------------------------------------------------------------------------------------------------*/ :focus { outline: 0; } /* remember to highlight inserts somehow! ----------------------------------------------------------------------------------------------------*/ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup ---------------------------------------------------------------------------------------------------*/ table { border-collapse: collapse; border-spacing: 0; }