@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");

/*T R B L*/






BODY {
 vertical-align: top;
 margin: 0px 6px 8px 6px;
 padding: 0px;


 /*background-image: url(hbg.jpg);*/ /*header bg*/
 background-repeat: repeat-x;
 background-position: left top;

/*background-color: #a0c4e6;*/  /*body bgcolor*/

 background-color: #ffffff; /*body bgcolor 7f7f7f*/
 background: #ffffff; /*body bgcolor*/



 font-size: 11px; font-family: Tahoma, Arial, sans-serif;
 color: #555555;
 font-weight: normal;
 text-align: center; 

		/*position: absolute;*/
		width: 100%;
		height: 100%;

}





A:link { color: #005081; text-decoration: none; font-weight: bold; }
A:visited { color: #005081; text-decoration: none; font-weight: bold; }
/*A:visited { color: #0c255d; text-decoration: none; font-weight: bold; }*/
A:hover	{ color: #2960db; text-decoration: none; font-weight: bold; }
A:active { color: #2960db; text-decoration: none; font-weight: bold; }

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

textarea {
 border: 1px solid #83a2c0;
 font-family: Tahoma, Arial, sans-serif;
 font-size: 11px;
 color: #004669;
 background-color: #f8f8f8;  
}
select {
 font-family: Tahoma, Arial, sans-serif;
 font-size: 11px; color: #004669;
 border: 1px solid #83a2c0;
 background-color: #f8f8f8;  
}
.textbox {
 padding-left: 2px;  
 border: 1px solid #83a2c0;
 font-family: Tahoma, Arial, sans-serif;
 font-size: 11px; color: #004669;
 background-color: #f8f8f8; 
}

/* Image Login/Logout Buttons */
.imgLogout {
 height: 22px;
 width: 67px;
 margin: 0px;
 padding: 0px;
 border: 0px; 
 background-image: url(logout.gif);
 background-repeat: no-repeat;
 background-position: left top;  
}
.imgLogin {
 height: 20px;
 width: 59px;
 margin: 0px;
 padding: 0px;
 border: 0px; 
 background-image: url(login.gif);
 background-repeat: no-repeat;
 background-position: left top;  
}
.btnLogin { 
 height: 18px;
 cursor: pointer;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
 letter-spacing: .2em; 
 margin-top: 4px;
 margin-bottom: 4px;
 margin-right: 4px;
 margin-left: 4px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 0px;
 padding-bottom: 2px;
 border: 1px solid #b0a9a9;
 font-family: Tahoma, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #000000;
 background-image: url(BTile.jpg);
 background-repeat: repeat-x;
 background-position: left top;  
 background-color: #dddddd;  
}
/* END Image Login/Logout Buttons */

.button {
 background-image: url(BTile.jpg);
 background-repeat: repeat-x;
 background-position: left top; 
 height: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 cursor: pointer;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
 border: 1px solid #b0a9a9;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
 letter-spacing: .2em;
 background-color: #EFF8FF;  
}
.Title { font-weight: bold; font-size: 12px; color: #004669; }
.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: #f8f8f8;
}
.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: Tahoma, Arial, 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: #f8f8f8;  
}
.spThemeSmallBlock { border: 1px solid #83a2c0; 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 
*/ 
.fTitle { font-size: 13px; font-weight: bold; }
.fSubTitle { font-size: 12px; font-weight: bold; }
.fAltSubTitle { font-size: 12px; font-weight: bold; }
.fBold { font-weight: bold; font-size: 11px; color: #004669; }
.fNorm { font-size: 11px; }
.fSmall { font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #112a40; }
.fAlert { font-weight: bold; color: #ff0000; }

/* User Name In Nav Bar ;) */ 
.fNavMember { font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #004669; }

/* 
 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: #006699; 
 background-image: url(thang.jpg);
 background-repeat: repeat-x;
 background-position: left top; 
 border: 1px solid #83a2c0;
 background-color: #c8dff1;
}
.tTitle A { color: #0c255d; text-decoration: none; font-weight: bold; }
.tTitle A:link { color: #0c255d; text-decoration: none; font-weight: bold; }
.tTitle A:visited { color: #0c255d; text-decoration: none; font-weight: bold; }
.tTitle A:hover { color: #2960db; text-decoration: none; font-weight: bold; }
.tTitle A:active { color: #2960db; text-decoration: none; font-weight: bold; }

.tSubTitle {
 margin: 2px;
 padding: 2px;  
 font-size: 12px; 
 font-weight: bold;
 color: #006699;
/*
 background-image: url(thang.jpg);
 background-repeat: repeat-x;
 background-position: left top; 
*/
 border: 1px solid #83a2c0;
 background-color: #dde4ee;
}
.tSubTitle A { color: #0c255d; text-decoration: none; font-weight: bold; }
.tSubTitle A:link { color: #0c255d; text-decoration: none; font-weight: bold; }
.tSubTitle A:visited { color: #0c255d; text-decoration: none; font-weight: bold; }
.tSubTitle A:hover { color: #2960db; text-decoration: none; font-weight: bold; }
.tSubTitle A:active { color: #2960db; text-decoration: none; font-weight: bold; }

.tAltSubTitle {
 margin: 2px; 
 padding: 4px; 
 font-weight: bold; font-size: 11px; color: #004669;
 background-image: url(thang2.jpg);
 background-repeat: repeat-x;
 background-position: left top; 
 border: 1px solid #83a2c0;
 background-color: #c9def1;
}
.tAltSubTitle A { color: #0c255d; text-decoration: none; font-weight: bold; }
.tAltSubTitle A:link { color: #0c255d; text-decoration: none; font-weight: bold; }
.tAltSubTitle A:visited { color: #0c255d; text-decoration: none; font-weight: bold; }
.tAltSubTitle A:hover { color: #2960db; text-decoration: none; font-weight: bold; }
.tAltSubTitle A:active { color: #2960db; text-decoration: none; font-weight: bold; }

/* Table Classes */ 
table {
 font-size: 11px;
 text-decoration: none;
 font-family: Tahoma, Arial, sans-serif;
 text-align: left;
 color: #555;
 }
table.grid {
 font-size: 11px; color: #000000;
 text-align: left;
 border-top: 1pt solid #83a2c0;
 border-right: 1pt solid #83a2c0;
 border-bottom: 0pt none #83a2c0;
 border-left: 0pt none #83a2c0;
}
table.grid td {
 font-size: 11px; color: #000000;
 border-top: 0pt solid #83a2c0;
 border-right: 0pt solid #83a2c0;
 border-bottom: 1pt solid #83a2c0;
 border-left: 1pt solid #83a2c0;
}
.tCellHover { border: 1px solid #83a2c0; background-color: #c1d5f6; }
.tCellAlt0 { border: 1px solid #83a2c0; background-color: #92bffc; }
.tCellAlt1 { border: 1pt solid #83a2c0; padding: 2px; background-color: #9dbfec; }
.tCellAlt2 { border: 1px solid #83a2c0; background-color: #a9cbf8; }
.tContent { color:#112a40; background-color: #c5ccd4; }
.tBorder {
 width: 100%;
 margin: 0px;
 padding: 2px;
 font-size: 11px; color: #000000;
 border: 1px solid #83a2c0;
}
.tPlain {
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-size: 11px; color: #000000;  
 text-align: left;
 vertical-align: top;
}
.clsSpacer {
 width:10%;
 margin: 0px;
 padding: 0px;
 clear: both;
 height: 1px;
}
   
/* :: PM Toast Styles 'Frosted' :: */
/* :: This is the thing that pops-up in the :: */
/* :: bottom right corner when you receive a PM :: */
.spThemeToast {
 width: 165px;
 height: 100px; 
 padding: 0px;
 margin: 1px;  
 border: 2px solid #83a2c0;
 position: absolute;
 bottom: 0px;
 right: 0px;  
 background-color: #E7DDDD;
}
.spThemeToast_header_left {
 width: 18px;
 height: 18px;
 padding-left: 2px;
 padding-top: 1px;
 margin: 0px;
 background-color: #E7DDDD;	
}
.spThemeToast_header_img_left { 
 width: 18px;
 height: 18px;
 padding-left: 4px;
 padding-top: 2px;
 margin: 0px;       
 background-image: url('Mail.gif');
 background-repeat: no-repeat;
 background-position: left top;
}
.spThemeToast_title {
 width: 140px;
 padding-top: 2px;
 padding-left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 text-align:center;
 font-family:arial; font-size:11px; font-weight:bold; color: #000000; 
 border-bottom: 1px dashed #83a2c0;
 background-color: #E7DDDD;
}
.spThemeToast_header_right {
 width: 18px;
 height: 18px;
 padding-top: 3px;
 margin: 0px;
 text-align: right;
 background-color: #E7DDDD;
}
.spThemeToast_header_img_right {
 width: 18px;
 height: 18px;
 padding-top: 3px;
 margin: 0px;
 cursor: pointer;
 background-image: url(Exit.gif);
 background-repeat: no-repeat;
 background-position: left top;  
}
.spThemeToast_content_left { margin: 0px; background-color: #E7DDDD; }
.spThemeToast_content {
 FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FCFCFC', EndColorStr='#C6C6C6');
 padding-top: 4px;
 padding-left: 5px;
 margin: 0px;
 cursor: pointer;
 font-family: arial; font-size: 11px; font-weight: bold; color: #000000;
 background-color: #E7DDDD;
}
.spThemeToast_content_right { margin: 0px; background-color:#E7DDDD; } 
/* :: END PM Toast Styles 'Frosted' :: */