/*
====================================
	2easy Personal
====================================
	SX STYLES - STRUCTURE CLASSES
====================================
*/

body	{margin: 0;
	background-position: left top; 
	background-image:url('../imgPG/sxNo.bg.gif'); 
	background-repeat:repeat; 
   }
body, table, input, select {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	}
form	{margin: 0px; padding: 0px;}
hr		{height: 2px; color: #333333;	}
ul		{margin-left: 18px;}
ol		{margin-left: 24px;}
a			{color: #aa0000; text-decoration: none;}
a:hover	{color: #cc9900;}

h1 {font-size: 14pt; }
h2 {font-size: 13pt; }
h3 {font-size: 12pt;}

/* 
=====================================================================
== BASIC PAGE STRUCTURE
===================================================================== */

#pageFrame {
   text-align: center;
   height: 100%;
	padding: 0 0 10px 0;
	}
#pageBG {
   height: 100%;
	text-align: left;
	width: 840px;
	padding: 1px;
	}

/*
=====================================================================
==== ALL SITE FRAMES AND CELLS
===================================================================== */

#headerFrame, #mainFrame, #footerFrame {}
.leftCell			{width: 20%;}
.middleCell			{width: 56%; border-left: 0px solid #010101;}
.rightCell			{width: 24%;}
.middleRightCell	{width: 80%; border-left: 0px solid #010101; }

/*
=====================================================================
////////////////////////////////////////////// HEADER 
===================================================================== */

#headerFrame {
	width: 100%;	
	background-position: left bottom; 
	background-repeat:no-repeat;
	}

/*	=================================
	THE LOGO DIV & TABLE 
	================================= */
#headerBG {

	background-position: left bottom; 
	background-repeat:no-repeat;
   }

#headerBG object {width: 100%;}
#headerBG embed {width: 100%;}

#headerTable {
   width: 100%; 
   height: 120px;
   }

/* Head Table For the organizational version
=========================================*/
#headerTable .headerLeftCell {
   width: 20%;
	vertical-align: bottom;	
	}
#headerTable .leftBoxImg {}
#headerTable .leftBox {}

#headerTable .headerMiddleCell{
   width: 56%;
	vertical-align: center;	
	background-position: left top; 
	background-repeat:no-repeat;
	}
#headerTable .middleBox {
   margin: 5px;
   text-align: right;
   font-weight: bold;
   color: #000000;
   }
#headerTable .middleBox a {color: #010101}
#headerTable .middleBox a:hover {color: #c00000}

#headerTable .rightCell {
	vertical-align: center; 
	text-align: right;
	}
#headerTable .rightBox {
   margin: 5px;
   text-align: right;
   font-style: italic;
   letter-spacing: 2px;
   font-weight: bold;
   color: #000000;
   }

/*	=================================
	TEXT LOGOTYPE 
	=========== =========== =========== */
.logoTitle {
	font-size: 36px; 
	letter-spacing: 4px;
	font-weight: bold; 
	font-family: "Times New Roman", verdana, arial, Times; 
	color: #f0f0f0;
	}
.logoSubTitle {
	display: block;
	letter-spacing: 4px;
	font-size: 16px; 
	font-weight: bold; 
	font-family: "Times New Roman", arial, verdana, Times ;
	color: #f0f0f0;
	}


/*	=================================
	THE BAR DIV & TABLE 
	================================= */
#barBG {
	}
#barTable {
	width: 100%;
	padding-top: 15px; 
	}
#barTable .leftCell {text-align: left }
#barTable .leftCell div {color: #010101; }
#barTable .middleCell {}
#barTable .middleCell div {}
#barTable .rightCell {text-align: right;}
#barTable .rightCell div {}

#marqueeBG {
   color: #010101; 
   margin: 0 20px;
   font-weight: bold; 
   font-size: 11px; font-style: italic; 
   text-decoration: none}
#marqueeBG a 			{display: block; padding: 2px 0; color: #010101; }
#marqueeBG a:hover	{display: block; padding: 2px 0; color: #c00000;}

/*	=================================
	FOR SEARCH INPUTS IN THE HEADER
	================================= */
.searchInput  {
	padding: 2px 2px 1px 2px;
	margin-right: 1px; 
	width: 68%;
	border: 1px solid #010101;
	font-size: 10px; 
	}
.searchSubmit {
	width: 28%;
	background-color: #010101;
	border: 1px solid #010101; 
	color: #f9f9f9; 
	font-size: 10px; 
	cursor: pointer;
	}

/*	=================================
	DATE/SEARCH/FLAGS ON THE TOP OF PAGE
	=========== =========== =========== */
#flagBG {
	text-align: right;
	font-size: 4px;
	margin-top: 2px;
	margin-right: 8%;
	}
#flagBG img {
   border: 1px solid #ffffff;
	}
#topSearch {
   position: absolute;
   text-align: center;
   width: 100%;
   top: 1px;
   }
#topSearch form {width: 840px; text-align: right}
#topSearch .topInput {
	width: 150px; 
	margin-right: 1px;
	font-size: 10px;
	}
#topSearch .topSubmit {
	cursor: pointer;
	height: 18px; 
	width: 50px; 
	background-color: #c0c0c0;
	color: #e0e4e8; 
	border: 1px solid #6699aa; 
	}
#dateBG {
	position: absolute; 
	z-index: 100;
	left: 5px; 
	top: 6px; 
	width: 160px;
	font-size: 10px; 
	color: #ccddee; 
	}

/*
=====================================================================
////////////////////////////////////////////// MAIN BODY
===================================================================== */

#mainFrame {
   height: 100%;
   }
#mainBG {
   height: 100%;
   margin: 15px 0;
   background-color: #ffffff;
   padding: 1px;
   }

/*	=================================
	MAIN TABLE CELLS 
	=========== =========== =========== */
#mainTable {width: 100%; height: 100%;	 }
#mainTable .leftCell {
   }
#mainTable .middleCell {
   height: 100%;
	padding-bottom: 20px;
   }
#mainTable .rightCell {}
#mainTable .middleRightCell {
   }


/*	=================================
	DIVS WITHIN MAIN TABLE CELLS
	=========== =========== =========== */
#mainLeftBox {   }
#mainMiddleBoxFirstPage {
	height: 100%;
	margin: 0 16px;
	}
#mainMiddleBox {
	height: 100%;
	margin: 0 16px;
	}
#mainRightBox	{
}
#mainMiddleRightBox {
	height: 100%;
	margin: 0 0 0 16px;
	}


/*
=====================================================================
////////////////////////////////////////////// FOOTER
===================================================================== */

#footerFrame {
	font-size: 10px;
	background-color: #ffffff;
	}
#footerBG {
	border-top: 1px solid #010101;
	padding-top: 1px;
	}

#footerTable {
	width: 100%;
	color: #010101; 
	font-size: 10px;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgBarR.gif'); 
	background-repeat:repeat-x; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px 

	}
#footerTable a			{color: #010101; text-decoration: underline; }
#footerTable a:hover	{color: #aa3333}

#footerTable .leftCell 	{}
#footerTable .middleCell {text-align: center; }
#footerTable .rightCell	{text-align: right; vertical-align: top}

.footerLeftBox,.footerMiddleBox, .footerRightBox {
	padding: 4px; 
	margin: 0 2px;
	}

#footerInfo {clean: both; width; 100%; margin: 4px 2px 0 2px}
#footerInfo a {}
#footerInfo a:hover {}

#footerConditions {float: right;}
#statInfo {}

#poweredBy {float: right; color: #cc9900; font-size: 10px; margin: 4px 0;}
#poweredBy a {color: #cc9900; text-decoration: underline;}
#poweredBy a:hover {color: #101010}


/* END
*/