* {
	margin: 0;
}
html, body, form {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height:  42px; /* .push must be the same height as .footer */
	text-align:center;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

 
td {vertical-align:top; font-family:  Calibri, Arial; font-size:10pt; }
p {margin:0xp 0px 0px 0px; padding:10px 0px 5px 0px; }
a {color:#00aeef;}
a:hover {color:Red;}
h1,h2,h3 {font-size:13pt; margin-bottom:5px; color:#73d8fe; margin:0px;}
h2 {font-size:12pt;}
h3 {font-size:11pt;}
 
select {height:22px;}
#CommentPanel a,#CommentPanel a:link, #CommentPanel a:visited {color:#00aeef;}
#CommentPanel a:hover {color:red;}

 
.MainContent 
{
background-image: url(/images/PageBackground.png); width:990px; margin:auto;  height:100%; background-color: #003664; background-repeat:repeat-y;
} 
 
.MainContent2 
{
background-image: url(/images/PageBackgroundnoedge.png);   margin:auto;  height:100%; background-color: #003664; background-repeat:repeat-y;
} 
.LeftSideCol {}

.RightSideCol {background-image: url(/images/PBRight.png); padding-right:9px; background-repeat:repeat-y; background-position:right;}
.PageHeader2
{
background-image: url(/images/PBHead.png); height:132px; text-align:right;    min-width:750px;
}

body {background-color: #00223e; margin:0px; padding:0px; font-family:Calibri, Arial;font-size:10pt;color:White;}
.MainContent .PageHeader 
{
background-image: url(/images/PageHeader.png); height:132px; text-align:right; padding-right:15px; background-repeat:repeat-y;
}
.MainContent .PageHeader .LogoFlair {}
 
fieldset {width:96%;}
.SiteNav {background-image: url(/images/goldlabel2.png); width:160px;   background-repeat:repeat-y; margin-bottom:10px;}
 .SiteNav a {font-size:20px; color:#003664; font-family:Calibri, Arial; font-weight:bold; text-decoration:none;}
 .SiteNav a:link {color:#003664; }
 .SiteNav a:active {color:#003664; }
 .SiteNav a:hover {color: #0f91ff;}
 .SiteNav .SubLinks {padding-left:10px;}
 .SiteNav .SubLinks a{color:#640000; font-size:12px;}
 .SiteNav .SubLinks a:hover {color:#f50c0d;}
.SiteNav .NavLinks {padding-left:20px; padding-bottom:5px; padding-top:5px;}

.dtable {}

.dtable thead td{background-color: #012645; font-weight:bold;}

.dtable .prow td{padding-bottom:4px;}
.dtable .arow td{background-color:#2d4a4d;padding-bottom:4px;}
.sortable thead td, .sortable thead th{cursor: pointer;}
img {border:none;}
.PreviewComic {text-align:center;}
.PageLabel {background-image: url(/images/whitelabel.png); width:164px;  margin-top:10px; text-align:right; background-repeat:repeat-y ; font-size:7pt; padding-right: 5px; padding-bottom:4px;  margin-bottom:10px; color:Black;}
.PageLabel a {font-weight:bold;}
.Rants {}
.Rants .RantTitle {color:White; font-size:14pt; font-weight:bold; margin:none; padding:none;  }
.Rants .RantBubbleTop {background-image: url(/images/RantBubbletop.png); color:Black;background-repeat:no-repeat;  background-position:top;}
.Rants .RantBubble { background-color:#ccd7e0;  background-image: url(/images/RantBubble.png); clear:both; width:630px;  margin-bottom:10px; }
.Rants .RantBubbleBottom{background-image: url(/images/RantBubblebottom.png); background-position:bottom; background-repeat:no-repeat; padding-left: 5px; padding-right:5px; padding-bottom:5px; padding-top:18px;  }
.Rants .RantContent { overflow: visible ;  overflow-x: auto;  width:615px; text-align:justify; }
.RantTop {background-image: url(/images/dialogpointer.png); 
          background-position:left bottom; background-repeat:no-repeat; height:70px; width:635px; }
.Rants .RantContent a{color:#0884be;}
.Rants .RantContent a:link{color:#0884be;}
.Rants .RantContent a:active{color:#0884be;}
.Rants .RantContent a:visited{color:#0884be;}

.ErrorMessage {font-weight: bold; color:Red;}

.DataList thead td{border-bottom: solid 1px white; font-weight:bold;}
.DataList .Arow {background-color:#1b4061;}
 
.RssFeed {border: solid 1px #00268B;
	background-color:#99A8D1; width: 135px;border: solid 1px #00268B;  margin:auto;}
.RssFeed h4 { padding-left:2px;}
.RssFeed h4 a{	color: #444;}
.RssFeed .Posts {background-color:#fff;   padding: 5px;}
.RssFeed .Posts .Post { font-size:10px; padding-bottom:5px;}
.RssFeed .Posts .Post a {color:#0C4885;}
.RssFeed h4 a:hover {color:Red;} 
 
/* Member CSS Classes */
.MemberPanel {text-align:right; float:right; padding-right: 12px; font-size:8pt; margin-bottom:4px;}
.infoline {border-top: solid 1px black; background-color:#1e4871; padding:2px 2px 2px 5px; font-size:8pt;}
.authcol {width:150px; background-color:#383a4e; text-align:center; padding: 5px 0px 5px 0px; }
.authcol > h3 {color:#fff5de }
.subject {font-size: larger; font-weight:bold; margin-bottom:5px; color:#ffffe7;}
.VerticalAdBanner { width:468px; margin-left:auto;margin-right:auto; margin-top:5px; margin-bottom:5px; }
.rssfeedi {}
 .rssfeedi .pubdate, .arssfeedi .pubdate {font-size:8pt;}
 
 #BreadCrumbTrail 
 {
     padding-left:35px; font-size:10px;
     }
 
/* Modal CSS */
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("/images/maskBG.png") !important;  
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
/* END Modal CSS */

.textcontent {margin-left:5px; margin-right:9px;}
.itable {}
.GameThread .PostBody{ padding:10px;}
.GameThread .PostAuthor {background-color:#697380;width:135px; border-left: solid 1px #03034c; text-align:center;}
.GameThread  .PostSubject {font-size:15px; font-weight:bold; background-color:#8caec9; color:Black; padding:2px; border: solid 1px #03034c;}
.GameThread  .PostSubject a {color:White; font-size:13px;}
.GameThread  .PostSubject a:hover {color:red;}
.GameThread  .PostSeparator {background-color:#02223e;}
 .Subscribers {padding-left:20px; margin-bottom:25px; background-color:White; padding-bottom:5px; background-image: url(/images/whitelabel.png); color:#0c5ba3;}
 .Subscribers div {margin-bottom:5px;}
 .Subscribers h3 {color:#003463;}
 .Subscribers a {color:#0c5ba3;}
  .Subscribers a:hover {color:Red;}
.GameThreadDescription {margin:10px; font-style:italic; font-size:12px;}
.GameThreadOptionBar {border-bottom: solid 1px #9bb5bd; border-top: solid 1px #9bb5bd; background-color:#125062; text-align:right; padding:2px;}
.NavigationBar {text-align:right; padding-right:10px; padding-bottom:10px;}
/* PBF Code*/
.narration {text-align:left; margin:5px; padding:10px 30px 10px 30px; font-family:Calibri, Arial; font-size:12px; border-bottom:solid 1px gray; border-top:solid 1px gray}
.onav { text-align:center}
.ooc fieldset {font-size:10pt; font-family:Calibri, Arial; padding:0px 10px 5px 10px; margin: 0px 60px 0px 10px; width:95%;}
.ooc legend {font-family: Calibri, Arial;  font-weight:bold; font-size:8pt; font-style:italic}
.sidebar {background-color:#BBBBBB; font-family:Calibri, Arial; padding:0px 10px 10px 10px; font-size:10pt; margin: 0px 10px 0px 10px; color:black; font-variant:small-caps;}
.sidebar h4 {font-size:8pt; margin-bottom:0px}
.sidebar div {background-color:#DDDDDD; padding:5px; }

/*				Window Code			*/
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
 
.VaultNavigation {background-color:#092e4b; padding:10px 20px 5px 20px; margin-top: 10px; font-size:16px;  }
.VaultNavigation a, .VaultNavigation a:link, .VaultNavigation a:visited {color: #ebf400; font-family: Calibri, Arial;font-size:16px; text-decoration:none;}  
.VaultNavigation a:hover {color:#fba704; text-decoration:underline;}
.VaultSheet {  margin-top: 0px; margin-bottom:30px; font-size:10px;   background-color:#f3f1e4;  padding:10px;}
.VaultSheet td{color:black; font-size:10px; vertical-align:middle;}
.VaultSheet  input {text-align:left;  padding:0; font-size:11px;}
.VaultSheet .BigTitle { font-variant: small-caps; font-size:22px;}
.VaultSheet .BigWords { font-variant: small-caps; font-size:15px;}
.VaultSheet .subTitle {font-size:8px;}
.VaultSheet .SectionGroup {margin-top:10px;}
.VaultSheet .SectionRow { background-image: url(/images/vault/SectionRowBackground.png);    }
.VaultSheet .SectionRow td { color: #e3ef8b; vertical-align:bottom;}
.VaultSheet .CalculatedField { border:solid 1px black; background-color:#eff1f6; text-align:center; vertical-align:middle; }
.VaultSheet .ImportantBox {border: solid 2px black; text-align:center; vertical-align:middle; padding-top:4px; font-size:16px;}
.VaultSheet .NumericField {text-align:center;}
.VaultSheet .Column {display:block;   float:left; vertical-align:baseline;}
.VaultSheet .arow {background-color:#e2e0cc;}
  .AdminOptions{text-align:right; border: solid 2px #56a5a8; background-color:#23496a; margin:10px 2px 2px 2px; padding: 5px;}
  .AppOptions {font-size:10px;}
  
     

  
  ul.aqdd, ul.aqdd ul, ul.aqdd li, ul.aqdd a {
    padding: 0; margin: 0;   display:inline;
}

ul.aqdd li {
    display: inline;
    color: black;
    background-color: #ccc;
    border: 1px solid #ccc;   /* fixes bug in IE to have a border */
    padding: 0 0.1em 0 0.3em;
}

ul.aqdd li a {
    color: black;
    text-decoration: none;
}

ul.aqdd li a:hover {
    background-color: #009;
    color: white;
}

ul.aqdd li ul {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-left:-75px;
  
}

ul.aqdd li ul li, ul.aqdd li ul li a  {
    display: block; 
}

ul.aqdd li ul li a.submenuheader {
    padding-right: 12px;
    background: url(/images/arrow.gif) center right no-repeat;
}

ul.aqdd li ul li a.submenuheader:hover {
    background: url(/images/arrow.gif) center right no-repeat;
    background-color: #009;
}

 .abcol {float:left; width:110px;}
.numbox {width:25px;}

.sktable td,.sktable input, .sktable select {font-size:8pt; vertical-align:middle;}
.cSheet {background-color:white; color:black; padding:5px; margin-top:10px; font-variant:small-caps;}
.cSheet td {color:black;}
  .smheaders td{font-size:8pt; font-weight:bold;}
  legend {color:yellow;}
  
  .csheet .cnote {font-size:9pt;}
  .fbox {background-color: #eeeef2; border: inset 1px gray; color: black; padding: 2px; width:20px; display:  inline-block; }
.lbox {background-color: #eeeef2; border: inset 1px gray; color: black; padding: 2px; display:  inline-block; width:90%; }
.arow {background-color:#e2e0cc;}
.InstructionBox {margin-left:25px;}
.InstructionBox b {color: #f2f8b0;}
 .divOpenIdIcons {border: silver 1px solid; cursor:pointer;}
 #openid_identifier {background-image:url(/images/icons/openid-icon.png); background-repeat:no-repeat; padding-left:25px; width:400px;}
 .hoverbutton { padding:2px; background-color:White;}
 .hoverbutton:hover {background: url(/images/menuhighlight.png);  cursor:hand; text-decoration:none;}
  
  
  /* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header 
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{
	color:#fff; cursor:pointer;
}

.ajax__tab_default .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #014471;
    border-top:0;
    padding:8px;
    background-color:#014471;
}


 

.blue .ajax__tab_header 
{
    background:url(/images/icons/blue_bg.gif) repeat-x;
}
.blue .ajax__tab_hover .ajax__tab_outer,
.blue .ajax__tab_active .ajax__tab_outer 
{
    background:url(/images/icons/blue_left.gif) no-repeat left top;
}
.blue .ajax__tab_hover .ajax__tab_inner,
.blue .ajax__tab_active .ajax__tab_inner 
{
    background:url(/images/icons/blue_right.gif) no-repeat right top;
}