body { background:#000 url(images/sslogobackground.png) no-repeat fixed top right; height:100%; margin:0; width:99%; }
body.popupBG { background-image:none; }

#content a,          #content a.SkinObject,        .popupBG a.CommandButton,        .popupBG .Normal a.CommandButton
  { color:#00f; text-decoration:none; }
#content a:hover,    #content a.SkinObject:hover,  .popupBG a.CommandButton:hover,  .popupBG .Normal a.CommandButton:hover, 
  #content a:active, #content a.SkinObject:active, .popupBG a.CommandButton:active, .popupBG .Normal a.CommandButton:active 
  { color:#ff9; text-decoration:underline; }
  
body, input, label, select, td, th, 
	input.StandardButton, 
	.Help, .Help span, .SkinObject { font-family:sans-serif; font-size:.85em; }
body, th, td, .SkinObject   { color:#fff; }
input.StandardButton, .Help { color:#000; font-size:.85em; }

label { vertical-align:middle; }


/*** sections ***/

x#pagecontainer       { white-space:nowrap; }
x#pagecontainer *     { white-space:normal; }
#top                 { font-size:.9em; font-weight:bold; padding:5px; white-space:nowrap; width:100%; }
#top #links          { float:right; }
#top a               { color:#81aee9; text-decoration:none; }
#top a:hover         { color:#ee0; }
#top td              { text-align:left; white-space:nowrap; }
#left                { float:left; font-size:.85em; font-weight:bold; height:100%; margin:10px; width:150px; }
#content             { margin:auto 10px auto 175px; }
#content #dnn_ContentPane { width:100%; }
#header              {  }
#header #breadcumbs  {  }
#header #title       {  }

xtable { border:solid 1px red; }

#dnn_TopPane, #dnn_LeftPane, #dnn_ContentPane, #dnn_RightPane, #dnn_BottomPane { vertical-align:top; }


/*** menu ***/

#left ul       { margin:0; padding:0; }
#left ul ul    { margin-top:-15px; margin-bottom:30px; }
#left ul ul ul { margin:0; }

#left ul li       { color:#fff; list-style-type:none; }
#left ul ul li    { font-size:.95em; margin:0; }
#left ul ul li:first-child { margin-top:10px; }
#left ul ul ul li { font-size:.95em; }

#left ul li .section      { color:#f93; }
#left ul li .section:first-child { position:relative; top:-2px; }
#left ul li hr            { background-color:#f93; border:0; color:#f93; height:1px; xmargin:0; position:relative; top:-10px; width:100%; }
#left ul li a             { text-decoration:none; }
#left ul ul li a          { color:#fff; }
#left ul ul ul li a       { color:#36f; margin-left:7px; }
#left ul ul ul li a:hover { color:#ff9; }

#left #copyright             { margin-top:50px; }
#left #copyright .SkinObject { color:#666; font-size:.8em; font-weight:normal; }
#left .search       { margin:-15px 0 0 -2px; }


/*** breadcrumbs ***/

#content #header #breadcrumbs             { border-bottom:solid 1px #333; color:#666; font-size:1.1em; padding:auto auto -10px 10px; }
#content #header #breadcrumbs .SkinObject { color:#666; }
#content #header #breadcrumbs .SkinObject:hover, 
	#content #header #breadcrumbs .SkinObject:active { color:#fff; text-decoration:none; }


/*** control panel ***/

.ControlPanel, .ControlPanel .Head, .ControlPanel .SubHead, .ControlPanel .SubSubHead, 
  .ControlPanel .Normal, .ControlPanel .SubHead label
  { color:#000; }


/*** dnn ***/

tr.NormalBold td , .Head, .SubHead, .SubHead label, .SubSubHead { color:#fff; font-family:Cambria; font-weight:bold; } 
.Head                    { font-size:1.65em; }
.SubHead, .SubHead label { font-size:1.05em; }
.SubSubHead              { font-size:1em; }
tr.NormalBold td         { font-size:.75em; }

h1, h2, h3, h4, h5, h6 { font-family:Cambria, Calibri, Tahoma; font-weight:bold; }
h1 { color:#365f91; font-size:1.75em; }
h2 { color:#4f81bd; font-size:1.6em; }
h3 { color:#4f81bd; font-size:1.45em; }
h4 { color:#4f81bd; font-size:1.3em; }
h5 { color:#243f60; font-size:1.15em; }
h6 { color:#243f60; font-size:1em; }

.SkinObject, x.CommandButton, .StandardButton, 
	.Normal, x.NormalDisabled, .NormalBold, .NormalRed, x.NormalTextBox,
	.TreeMenu_Node:link, .TreeMenu_NodeSelected, 
	.FileManager_Header, .FileManager_Pager, .FileManager_StatusBar, 
	.FileManager_Item, .FileManager_AltItem, .FileManager_SelItem, 
	.FileManagerTreeNode, .FileManagerTreeNodeSelected, 
	.WizardHelpText, .WizardText, 
	.MainMenu_MenuItem, .MainMenu_MenuItemSel, 
	.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel, 
	.SelectedTab, .OtherTabs 
             { color:#fff; font-size:.9em; }
.Help span   { color:#000; padding:3px; font-size:.8em; }
.MainMenu_MenuItem, .MainMenu_MenuItemSel, input.Normal, textarea.Normal, select.Normal 
             { color:#000; }
.PagingTable { background-color:transparent; xfont-size:3em; }
.PagingTable .NormalDisabled, .PagingTable .CommandButton  { font-size:1em; }

.SubHead img   { vertical-align:middle; }
.SubHead label { color:#fff; }

.Normal thead, .Normal tbody, .Normal tfoot {  }

.ModuleTitle_MenuContainer {  }
.ModuleTitle_MenuBar       {  }
.ModuleTitle_MenuItem      { color:#000; }
.ModuleTitle_MenuItemSel   {  }
.ModuleTitle_RootMenuArrow {  }


/*** old *** /

div#header { background:#41418d url(images/headerbg.jpg) repeat-x; border-bottom:1px solid #7171aa; height:75px; overflow:hide; }
div#header * { color:#fff; font-weight:normal; }
div#header .SkinObject { font-size:1em; }
div#header a.SkinObject:hover { text-decoration:underline; }
div#logo { background:transparent url(images/mainlogo.jpg) no-repeat 25px 25px; height:75px; text-align:right; }
span#breadcrumbs, span#security { font-size:.75em; padding:3px 5px 7px 5px; }
span#breadcrumbs { float:left; }
span#security { float:right; }
span#version { font-family:Georgia; font-size:.75em; font-weight:bold; position:absolute; text-align:right; top:55px; right:10px; }

div#footer { color:#999; font-family:Calibri; padding:25px 0; text-align:center; }
div#footer .SkinObject { font-weight:Normal; }
div#footer hr { background-color:#c9d9e0; border:0; color:#c9d9e0; height:1px; text-align:center; width:95%; }
div#footer span#terms, div#footer span#privacy, div#footer #copyright, div#footer .SkinObject { font-size:.85em; }
div#footer span#terms, div#footer span#privacy { position:relative; top:-1.5em; }
div#footer span#terms .SkinObject, div#footer span#privacy .SkinObject { background-color:#fff; color:#06c; padding:0 7px; text-decoration:underline; }
div#footer span#terms { left:-3%; }
div#footer span#privacy { left:3%; }
div#footer div#copyright { color:#999; padding:0 7px; }
div#footer div#copyright .SkinObject { color:#999; }

blockquote, pre { font-family:Consolas, Inconsolata, Lucida Console, monospace; }

.Head, .SubHead, .SubSubHead, tr.NormalBold td { font-family:Cambria; font-weight:bold; } 
.Head       { font-size:1.65em; }
.SubHead    { font-size:.9em; }
.SubSubHead { font-size:1em; }
tr.NormalBold td { font-size:.75em; }

h1, h2, h3, h4, h5, h6 { font-family:Cambria, Calibri, Tahoma; font-weight:bold; }
h1 { color:#365f91; font-size:1.75em; }
h2 { color:#4f81bd; font-size:1.6em; }
h3 { color:#4f81bd; font-size:1.45em; }
h4 { color:#4f81bd; font-size:1.3em; }
h5 { color:#243f60; font-size:1.15em; }
h6 { color:#243f60; font-size:1em; }


/*** *** /

http://msdn2.microsoft.com/en-us/library/ms531209.aspx
tag1 + tag2   { margin:0; }  // applies style to tag2 when immediately followed by tag1
tag1 ~ tag2   { margin:0; }  // applies style to tag2 when a sibling of tag1
tag1 > tag2   { margin:0; }  // applies style to tag2 only when it is an immediate child of tag1
[attr]        { color:red; } // if attribute exists, add style
[attr="..."]  { color:red; } // matches tag with attribute value of "..."
[attr|="..."] { }     // matches a tag with the specified attribute equal to the value or starting with the value and followed by a hyphen (i.e. "en-US")
[attr^="..."] { }            // matches tag with attribute starting with the specified value
[attr*="..."] { }            // matches tag with attribute containing the specified value
[attr$="..."] { }            // matches tag with attribute ending with the specified value
[attr~="..."] { }            // matches tag with attribute containing the specified value delimited by whitespace


/***  ***/