@import url("style_menus.css");
@import url("style_window.css");

BODY {
scrollbar-face-color: #C9D2DE; 
scrollbar-shadow-color: #000000; 
scrollbar-highlight-color: #084267; 
scrollbar-3dlight-color: #C9D2DE; 
scrollbar-darkshadow-color: #C9D2DE; 
scrollbar-track-color: #C9D2DE; 
scrollbar-arrow-color: #000000;
font-family: Verdana, Arial, sans-serif; color: #000000; text-decoration: none; font-weight: bold; font-size: 10px;  
background-image: url(PBg.jpg);
background-repeat: repeat;
background-position: left top;  
background-color: #C9D2DE;
padding: 0px;  
margin: 0px;
text-align: center;
}
.spTheme { 
  width: 100%; 
  height: 100%;
  padding-top: 6px; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
} 
.spThemePage {  
  background-color: transparent;
  width: 100%;
  text-align: center;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  padding: 0px; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
} 
.sppagecontainer {
  width: 100%;
  padding: 0px; 
  margin: 0px;
  background-color: transparent;
}
.sppageleft {
  padding: 0px; 
  margin: 0px;
  display:none;
}
.sppageright {
  padding: 0px; 
  margin: 0px;
  display:none;
}
/* Start FORM elements */
form {
	margin: 0px;
}
select {
	background-color: White;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border:  1px solid #A8B2BB;
}
.textbox {
	border: 1px solid #D9DEE2;
	font-family: Verdana, Arial, sans-serif;
	padding-left: 2px;
	font-size: 10px;
	margin-bottom: 5px;
}
.button {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ffffff', EndColorStr='#C5CCD4');
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #05719F;
	background-color: #FFFFFF;
        font-size: 10px;
	font-weight: bold; 
	color: #05719F;
	letter-spacing: .2em;
}
.popbutton {
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #6E3019;
	background-color: #E8C3B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Title {
	font-weight: bold;
	font-size: 12px;
	color: #cc3300;
}
.Code {
        display: block;
	padding-right: 5px;
	padding-left: 10px;
	color: #000000;
	font-family: 'Courier New', Monospace;
	background-color: #ffffff;
	width: 80%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top: 5px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 5px solid #003366;
	font-size: 12px;
}
.Quote {
        display: block;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff; 
	width: 80%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top: 2px solid #003366;
	border-right: 0px solid #8b4513;
	border-bottom: 2px solid #003366;
	border-left: 0px solid #8b4513;
	font-size: 10px;
}

/* theme changer */
.spThemeChanger{
  height: 14px;
  width: 170px;
  background-color: transparent;
  background-image: url(HBg.jpg);
  background-repeat: no-repeat; 
  background-position: center;
}

/* Start Header Styles */ 
.spheader{ 
  width: auto;
  margin: 4px 4px 2px 4px;
  padding: 0px;  
  background-image: url(HBg.jpg);
  background-repeat: repeat-x;
  background-position: left top; 
}
.spheader_tl{
  padding: 0px; 
  margin: 0px; 
}
.spheader_tr{
  padding: 0px; 
  margin: 0px; 
}
.spheader_tc{
  padding: 0px; 
  margin: 0px; 
}
.spheader_ml{
  margin: 0px;
  padding-left: 0px;
  background-image: url(HBg.jpg);
  background-repeat: no-repeat;
  background-position: left top; 
}
.spheader_mr{  
  height: 180px;
  margin: 0px;
  padding-right: 10px;
  background-image: url(HRite.jpg);
  background-repeat: no-repeat;
  background-position: right top;	
}
.spheader_content{  /* replace this with your current sp_header_tile   */   
  height: 180px;
  width: 100%; 	
  padding: 0px;
  margin-left: 0px; 	
  margin-right: 164px; 		
} 
.spheader_bl{
  padding: 0px; 
  margin: 0px; 
}
.spheader_br{
  padding: 0px; 
  margin: 0px; 
}
.spheader_bc{
  padding: 0px; 
  margin: 0px; 
}
.Sp_Header_Login {
  height: 50px;
  width: 250px;
  border: 1px solid #273C41;
  margin-top: 26px;
  margin-right: 4px;
  padding: 0px;
  background-color: #C7CDD7;
} 
.Sp_Banner{
  height: 60px;
  width: 460px;
  border: 0px solid #05719F;
  margin-top: 35px;
  margin-right: 20px;
  padding: 0px;
  background-color: transparent;
}
.Sp_Other {
 border: 0px solid #0092D7;
 margin: 20px;
 margin-right: 8px;
 padding-right: 8px;
 padding-top: 20px; 
}
.Sp_Nota {
 width: 100%;
 border: 0px solid #0092D7;
 margin-top: 0px;
 margin-right: 0px;
 padding: 0px;
} 
.Sp_HeaderIcons {
 margin-top: 50px;
}
/* End Header Styles */ 

/*  Start NavBar  */
.Sp_NavLeft {	
  background-image: url(NavLeft.jpg);
  background-repeat: repeat;
  background-position: left top;
  height: 54px;
  width: 41px;
  margin: 0px;
  padding: 0px;
}
.Sp_NavTile {
  background-image: url(NavTile.jpg);
  background-repeat: repeat;
  background-position: left top;
  border: 0px solid #ffffff;
  height: 54px;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 4px;	
  text-align: center;
}
.Sp_NavRite { 
  background-image: url(NavRite.jpg);
  background-repeat: no-repeat;
  background-position: right top;	
  height: 54px;
  width: 41px;
  margin: 0px;
  padding: 0px;
}
.spThemeNavLog {
  margin-top:25px; 	
  padding:5px; 
  background-color: #72AED4;
  border: 2px solid #000000; 			
}
/*  End Navbar  */

/*  Start Footer  */ 
.spfooter{
  width: auto;
  margin: 4px 4px 4px 4px;
  padding: 0px;  
  background-image: url(NavTile.jpg);
  background-repeat: repeat-x;
  background-position: left top; 
}
.spfooter_tl{
  padding: 0px; 
  margin: 0px; 
}
.spfooter_tr{
  padding: 0px; 
  margin: 0px; 
}
.spfooter_tc{
  padding: 0px; 
  margin: 0px; 
}
.spfooter_ml{
  margin: 0px;
  padding-left: 0px;
  background-image: url(NavLeft.jpg);
  background-repeat: no-repeat;
  background-position: left top; 
}
.spfooter_mr{
  height: 54px;
  margin: 0px;
  padding-right: 10px;
  background-image: url(NavRite.jpg);
  background-repeat: no-repeat;
  background-position: right top;	
}
.spfooter_content{  /* replace this with your current sp_foottile */
  height: 54px;	
  padding-top: 18px;
  margin-left: 41px; 	
  margin-right: 41px; 		
  background-image: url(NavTile.jpg);
  background-repeat: repeat-x;
  background-position: left top
}
.spfooter_bl{
  padding: 0px; 
  margin: 0px; 
}
.spfooter_br{
  padding: 0px; 
  margin: 0px; 
}
.spfooter_bc{
  padding: 0px; 
  margin: 0px; 
}
/*  End Footer  */

/* image Login/Logout buttons  */
.imgLogout {
	background-image: url('logout.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 67px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.imgLogin {
	background-image: url('login.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 59px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.btnLogin {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#C5CCD4');
	height: 16px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #084267;
	background-color: #ffffff;
	color: #05719F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: .2em;
}
.spThemeBlock_title { width: 100%; height: 11; background-color: #8FD4FD; background-image: url('') }
.spThemeBlock_subTitleCell { background-color: #8FD4FD; background-image: url('') } 
.spThemeBlock_forumCategoryCell { border: 1px solid #000000; padding:2px; background-color: #8FD4FD; background-image: url('')}
.spThemeSmallBlock { border: 1px solid #000000; padding:4px; }

/* ---- PM Toast Styles ---- */
.spThemeToast {
        background-color:#FFFFFF;
	border: 2px solid #000000;
	padding:0px;
	margin:1px;
	position:absolute;
	bottom:0px;
	right:0px;
	width:165px;
	height:100px; 
}
.spThemeToast_header_left {
        height:18px;
        width:18px;
	padding-left:2px;
	padding-top:1px;
	background-color: #FFFFFF;
	margin: 0px;	
}
.spThemeToast_header_img_left {
        height:18px;
        width:18px;
	padding-left:4px;
	padding-top:2px;       
	background-image: url('Mail.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
.spThemeToast_title {
        text-align:center;
        width:140px;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:0px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color: #000000;	
	background-color: #FFFFFF;
	border-bottom: 1px dashed #000000;
	margin: 0px;
}
.spThemeToast_header_right {
        height:18px;
        width:18px;
	padding-top:3px;
	background-color: #FFFFFF;
	text-align:right;
	margin: 0px;
}
.spThemeToast_header_img_right {
	padding-top:3px;
        height:18px;
        width:18px;
	background-image: url('Exit.gif');
	background-repeat: no-repeat;
	background-position: left top;
	cursor: hand;
	margin: 0px;
}
.spThemeToast_content_left {
	background-color:#FFFFFF;
	margin: 0px;
}
.spThemeToast_content {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FCFCFC', EndColorStr='#C6C6C6');
	cursor:hand;
	padding-top:4px;
	padding-left:5px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
}
.spThemeToast_content_right {
	background-color:#FFFFFF; 
	margin: 0px;
} 
/* ---- END PM Toast Styles ---- */

.hidden {
	DISPLAY: none
}
.spThemeIM {
	border:1px solid #C5CCD4;
	border-right: 1px solid #455690;
	border-bottom: 1px solid #455690;
	width:200px;
	background-color: #F0F0F0;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
 }  
      
 /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
 
.leftPgCol { 
	width: 195px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 0px;
	vertical-align: top;
	display: table-cell;  
	background-color: transparent;
}
.mainPgCol {
	border: 0px solid #000000;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
	vertical-align: top;
	display: table-cell;  
	background-color: transparent;	
}
.rightPgCol {
	width: 195px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 0px;
	vertical-align: top;
	display: table-cell;
	background-color: transparent;
}
.breadcrumb{
	vertical-align: middle;
	margin-top: 10px; 
	margin-bottom: 6px; 
	margin-left: 4px; 
	margin-right: 4px; 
	padding: 4px;	
	width: 98%;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	font-weight: bold;
	color: #084267;	      
} 

.spHeadTop {
	display: none;
}

.spNavBarTop {
	display: none;
}

.spNavBarBottom {
	display: none;
}

.spFooterTop {
        display: none;
}

/* font colors*/
.fBold {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.fNorm {
	font-size: 12px;
	color: #000000;
}
.fAlert {
	color: #FF0000;
	font-weight: bold;
}

/* Table classes */
iframe{
 margin: 0px;
 font-size: 12px;
 background-color: white;
 border: 1px solid #a8b2bb;
}
fieldset {
	color: #084267;
	border: 1px solid #084267;
}
legend {
	color: #084267;
	font-size: 11px;
}
table {
	font-size: 10px;
	color: #000000; text-decoration: none; 
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}
table.grid {
	font-size: 11px;
	color: #000000;
	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: #000000;
	border-top: 0pt solid #ffffff;
	border-right: 0pt solid #ffffff;
	border-bottom: 1pt solid #000000;
	border-left: 1pt solid #000000;
}
.tTitle {
        border: 1px solid #000000;
	background-color: #483024;
	background-image: url();
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	margin: 2px;
}
.fTitle {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.tSubTitle {  
        border: 1px solid #000000;
	background-color: #604532;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	margin: 2px;
}
.fSubTitle {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.tAltSubTitle {  
        border: 1px solid #000000;
	background-color: #483024;
	background-image: url();
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	margin: 2px;
}
.fAltSubTitle {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.fSmall {
font-family: Verdana, Arial, sans-serif; font-weight: bold;
font-size: 9px;
color: #000018;
}
.tCellHover {
  background-color: #6F584A;
}
.tCellAlt0 { 
  background-color: #B7A17C; border: 1px solid #000000;
}
.tCellAlt1 { 
  background-color: #B7A17C;
  border: 1px solid #000000;
}
.tCellAlt2 { 
  background-color: #70624C; border: 1px solid #000000;
}
.tContent { 
  background-color: #C5CCD4;
  color:#ffffff;
}
/* .Content { 
  margin: 0px;
  padding: 0px; */ 
}
.tBorder {
  margin: 0px;
  padding: 2px;
  width: 100%;
  color: #000000;
  border: 1pt solid #000000;
  font-size: 11px;
}
.tPlain {
	margin: 0px;
	padding: 0px;
	color: #000000;
	border: 0px;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
}
.clsSpacer {
	clear: both;
	height:1px;
	width:10%;
	margin: 0px;
	padding: 0px;
}

A:link {color: #000000; text-decoration: none; font-weight: bold;}
A:visited {color: #000063; text-decoration: none; font-weight: bold;}
A:hover	{color: #FF0000; text-decoration: none; font-weight: bold;}
A:active {color: #000000; text-decoration: none; font-weight: bold;}
HR { color: #FFFFFF; height: 2px; width:94%; }

/*  Start main ThemeBlock  */

.spThemeBlock1_content A {color: #000018; text-decoration: none; font-size: 11px;}
.spThemeBlock1_content A:link {color: #000018; text-decoration: none; font-size: 11px;}
.spThemeBlock1_content A:visited {color: #000000; text-decoration: none; font-size: 11px; }
.spThemeBlock1_content A:hover	{color: #FF0000; text-decoration: none; font-size: 11px;}
.spThemeBlock1_content A:active {color: #000018; text-decoration: none; font-size: 11px;}

.spThemeBlock1 {	
  margin: 0px 2px 6px 2px;
  width: auto;
  background-color: transparent;	
}
.spThemeBlock1_sh_tr {		/* Top right image if themebox has no title */
	height: 37px;
	background-image:  url(Tr.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px; 	
}
.spThemeBlock1_sh_tl{		/* Top left image if themebox has no title */
	height: 37px;
	background-image:  url(Tl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;   	
}
.spThemeBlock1_sh_tc {		/* Top center image if themebox has no title, this one tiles horizontal */
	height: 37px;
	background-image:  url(Tc.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 28px;	
}
.spThemeBlock1_tr {		/* Top right image */
	height: 37px;
	background-image:  url(Tr.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px; 	
}
.spThemeBlock1_tl{		/* Top left image */
	height: 37px;
	background-image:  url(Tl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px; 	
}
.spThemeBlock1_tc {
	height: 37px;
	background-image: url(Tc.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 2px; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 28px; 		
}
.spThemeBlock1_tc h4 {
	font-weight : bold;
	color: #FFFFFF;
	border-bottom: 0px solid #A8B2BB;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 8px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.spThemeBlock1_ml {		/* Middle left side. Tiles vertical */
	margin: 0px;
	padding: 0px;
	background-image: url(Ml.jpg);
	background-repeat: repeat-y;
	background-position: left top; 	
}
.spThemeBlock1_mr {		/* Middle right side. Tiles vertical */
	margin: 0px;
	padding: 0px;
	background-image: url(Mr.jpg);
	background-repeat: repeat-y;
	background-position: right top;	
}
.spThemeBlock1_content {
	height: auto;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	margin-right: 10px;
	margin-left: 10px;  
	text-align: center; 		
	background-color: #827259;
}
.spThemeBlock1_br {		/* Bottom right image */  
	height: 31px;
	margin: 0px; 
	padding: 0px;	
	background-image: url(Br.jpg);
	background-repeat: no-repeat;
	background-position: right top; 	
}
.spThemeBlock1_bl {		/* Bottom left image */
	height: 31px;
	margin: 0px;
	padding: 0px;	
	background-image: url(Bl.jpg);
	background-repeat: no-repeat;
	background-position: left top; 	
}
.spThemeBlock1_bc {		/* Bottom center image. This one tiles horizontal */
	height: 31px;
	margin-right: 24px;
	margin-left: 24px;
	margin-bottom: 0px;
	margin-top: 0px;	
	background-image: url(Bc.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 0px; 		
}
.spThemeblock1MinMax { /* this is the click area and positioning for the min/max icon */
	background-color: transparent;
	width: 11px;  /* this is the click area, usually the size of the icon */
	height: 11px;  /* this is the click area, usually the size of the icon */
	margin-top: 10px;  /* this is the positioning from the top of the themebox */
	margin-right: 0px; 
	padding-right: 0px; 
}

/* Hide for IE Mac \*/
* html .spThemeBlock1 {height: 1%;}
* html .spThemeBlock1_content {height: 1%;}
/* End Hide */

/*  End Main Color ThemeBlock  */
