@import url("style_layout.css");
@import url("style_window.css");
@import url("style_blocks.css");
@import url("style_menus.css");
@import url("style_events.css");

/* :::: | SKYPORTAL.NET | Frosted | :::: */ 

BODY {
 scrollbar-base-color: #f2ffff; 
 vertical-align: top;
 margin: 0px;
 padding-top: 4px;  
 background-color: #f2ffff;  
 font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #003333; font-weight: bold;
 text-align: center 
}

A:link { color: #000000; text-decoration: none; font-weight: bold; }
A:visited { color: #3C834B; text-decoration: none; font-weight: bold; }
A:hover	{ color: #ff0000; text-decoration: none; font-weight: bold; }
A:active { color: #003333; text-decoration: none; font-weight: bold; }

/* PAGE ELEMENTS */
fieldset { color: #000000; border: 1px solid #084267; }
legend { font-size: 11px; color: #084267; } 
HR { color: #21b2b0; height: 1px; width:98%; }
form { margin: 0px; }

textarea {
 border: 1px solid #000000;
 font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000;
 background-color: #ececec;  
}
select {
 font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000;
 border: 1px solid #A8B2BB;
 background-color: #ececec;  
}
.textbox {
 padding-left: 2px;  
 border: 1px solid #000000;
 font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000;
 background-color: #ececec; 
}
.button {
 background-image: url(mhbg.jpg);
 background-repeat: repeat-x;
 background-position: left bottom;  
 height: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 cursor: pointer;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
 border: 1px solid #003333;
 font-size: 11px; font-weight: bold; color: #000000;
 letter-spacing: .2em;
 background-color: #f2ffff;  
}
.Title { font-weight: bold; font-size: 12px; color: #000000; }
.Code {
 display: block;
 width: 80%;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 10px;
 padding-right: 5px;
 padding-left: 10px;
 font-family: 'Courier New', Monospace; font-size: 11px; color: #000000;
 border-top: 5px solid #003366;
 border-right: 1px solid #003366;
 border-bottom: 1px solid #003366;
 border-left: 5px solid #003366;
 background-color: #ececec;
}
.Quote {
 display: block;
 width: 80%;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 10px;
 padding-right: 5px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; 
 border-top: 2px solid #003366;
 border-right: 0px solid #8b4513;
 border-bottom: 2px solid #003366;
 border-left: 0px solid #8b4513;
 background-color: #ececec;  
}
.spThemeSmallBlock { border: 1px solid #000000; padding:4px; }
.hidden { DISPLAY: none } 

/* Font Colors */

 /* 
 These next 7 are generally table cells, div or span
 and do not contain a background color
 The font sizes should descend 
 */
.fBold { font-weight: bold; font-size: 11px; color: #003333; }
.fAlert { font-weight: bold; color: #FF0000; } 
.fTitle { font-size: 12px; font-weight: bold; color: #003333; }
.fSubTitle { font-size: 12px; font-weight: bold; color: #003333; }
.fAltSubTitle { font-size: 12px; font-weight: bold; color: #003333; }
.fNorm { font-size: 11px; color: #003333; }
.fSmall { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #003333; }
.fNavMember { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #003333; }

 /* 
   These next 3 are generally table cells, div or span
   and contain a background color
 */
.tTitle {
 margin: 2px;
 padding: 4px;
 font-size: 12px; font-weight: bold; color: #000000; 
 border: 1px solid #92f4f3;
 background-image: url(titbg.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 background-color: #92f4f3; 
}
.tSubTitle {
 margin: 2px;
 padding: 4px;  
 font-size: 12px; font-weight: bold; color: #000000; 
 border: 1px solid #92f4f3;
 background-image: url(titbg.jpg);
 background-repeat: repeat-x;
 background-position: left top; 
 background-color: #92f4f3; 
}
.tAltSubTitle {
 margin: 2px; 
 padding: 4px; 
 border: 1px solid #0F6362;
 font-weight: bold; font-size: 11px; color: #003333;
 background-color: #92f4f3;
}

/* Table Classes */ 
table { font-size: 10px; text-decoration: none; font-family: Verdana, Arial, sans-serif; text-align: left; color: #003333; }
table.grid {
 font-size: 11px; color: #003333;
 text-align: left;
 border-top: 1pt solid #000000;
 border-right: 1pt solid #000000;
 border-bottom: 0pt none #000000;
 border-left: 0pt none #000000;
}
table.grid td {
 font-size: 11px; color: #003333;
 border-top: 0pt solid #ffffff;
 border-right: 0pt solid #ffffff;
 border-bottom: 1pt solid #000000;
 border-left: 1pt solid #000000;
}
.tCellHover { border: 1px solid #0F6362; background-color: #f2ffff; }
.tCellAlt0 { border: 1px solid #0F6362; background-color: #C6FCFC; }
.tCellAlt1 { background-color: #81E0E2; }
.tCellAlt2 { border: 1px dotted #0F6362; background-color: #96F8F7; }
.tContent { color: #003333; background-color: #C5CCD4; }
.tBorder {
 width: 100%;
 margin: 0px;
 padding: 2px;
 font-size: 11px; color: #003333;
 border: 1px solid #000000;
}
.tPlain {
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-size: 11px; color: #003333;  
 text-align: left;
 vertical-align: top;
}
.clsSpacer {
 width:10%;
 margin: 0px;
 padding: 0px;
 clear: both;
 height: 1px;
}