/*------------------------------------------------------------------
[Master Stylesheet]

Project:		X-Life Website
Version:		1.0
Last Modified:	09/25/08 
Assigned to:	Hector Portillo, MetroStar Systems
Primary use:	To define text styles
-------------------------------------------------------------------*/  

/*---- Global Settings ---*/
 
html, body {
  margin: 0;
  padding: 0px;
  border: 0px;
}


body {
	background-color: #000;
	background-image:url(../../../images/TopBG.gif);
	background-repeat:repeat-x;
	background-position:top;
}


/* ----------------------------
[Structure ]
---------------------------- */

#SiteWidth
{
	border:0px solid red;
	margin:auto;
	margin-top:8px;
	width:995px;
}
.FloatRight
{
	float:right;
	clear:both;
}

.TopBG
{
	height:81px;
	width:993px;
	padding-top:10px;
	margin:auto;
}
.TopBG02
{
	background-image:url(../../../images/BG02.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:195px;
}
#MenuNavigation
{
	/*position:absolute;*/
	display:block;
	text-align:center;
}
#MenuNavigation div
{
	/*width:100%;
	margin-top:70px;
	margin-left:60px;*/
}
.MainContentArea
{
	margin:auto;
	padding:0px;
	width:993px;
}
.HomeMainContent
{
	background-color:#191919;
	vertical-align:top;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
}
.HomeLC-Row2
{
	padding-top:15px;
}
.HomeImgTransitions
{
	float:left;
	position:relative;
	width:379px;
}
.HomeVideo
{
	float:right;
	position:relative;
}
.HeaderGraphicTop
{
	height:33px;
}

.LC
{
	vertical-align:top;
	width:788px;
	margin:0px;
	padding:0px;
	background-color:#fff;
}
.RC
{
	background-color:#303030;
	vertical-align:top;
	width:207px;
}
.HomeLC
{
	width:625px;
	vertical-align:top;
}
.HomeRC
{
	padding-left:15px;
	vertical-align:top;
}

.MainContent
{
	background-color:#fff;
	background-image:url(../../../images/MainContentBG.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:500px;
	vertical-align:top;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:10px;
}

.MainContentFooter
{
	background-color:#fff;
	background-image:url(../../../images/MainContentFooter.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:6px;
}
.FooterCorner-BR
{
	background-image:url(../../../images/Corner_BR.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#303030;
}

.FooterOutside
{
	vertical-align:top;
	width:33%;
	padding:5px;
	padding-top:0px;
}
.FooterCenter
{
	vertical-align:top;
	border-left:1px solid #444444;
	border-right:1px solid #444444;
	padding:5px
}


/* ------------------ Horizontal Rules ------------------ */
hr
{
	border : 0;
	color : #C5C5C5;
	height : 1px;
	width : 100%;
}

/* ------------------ Clear ------------------ */

.clear
{
	clear:both;
}

/* Profile Styles ======================================================================== */

.Welcome-LC
{
	border-right:1px solid #d2d2d2;
	padding:15px;
	vertical-align:top;
	width:130px;
}
.Welcome-RC
{
	padding:15px;
	vertical-align:top;
}
div.WelcomeProfileImg
{
	border:0px solid #dedede;
	width:100%;
}
.WelcomeProfileImg
{
	
}
.WelcomeForums
{
	padding:15px;
	margin-bottom:15px;
}
/* Forum Styles ======================================================================== */

.Forum-Posts
{
	background-color:#fff;
}
.Forum-Posts-LC
{
	font-size:11px;
	width:250px;
	vertical-align:top;
}
.Forum-Posts-RC
{
	vertical-align:top;
}










.TableGrid-TopButtons
{
	font-weight:bold;
	text-align:right;
}

.GenericTableGrid {
	padding: 0;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
}
.GenericTableGrid table
{
	border:0px;
}

.GenericTableGrid th 
{
	font-weight:bold;
	color: #fff;
	text-transform:none;
	text-align: left;
	padding: 5px 6px 5px 8px;
	background-color:#054976;
}
.GenericTableGrid td 
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom: 1px solid #F1F0F0;
	border-top: 1px solid #fff;
/*	border-left: 1px solid #F1F0F0;*/
}
.GenericTableGrid td a { display: block; }


.GenericTableGrid tr.row1 {
	background: #F6F6F6;
}
.GenericTableGrid tr:hover, tr.row1:hover {
	background-color:#e8f6ff;
}
.GenericTableGrid-OddRows

.GenericTableGrid td.jobdate {
	width: 15%;
}
.GenericTableGrid td.jobloc {
	width: 20%;
}
.GenericTableGrid td.prevpage {
	border-right: 0;
	text-align: left;
}
.GenericTableGrid td.nextpage {
	border-left: 0;
	text-align: right;
}
.GenericTableGrid tr.prevnext:hover {
	background: none;
}

.GenericTableGrid-Search
{
	background-color:#f0f0f0;
	border:1px solid #cfcfcf;
	padding:5px;
	text-align:center;
}
.GenericTableGrid-Search h1
{
	font-size:13px;
}
.GenericTableGrid-Search input
{
	padding-right:5px;
}

.HomeBC2TD
{
	background-image:url(../../../images/HomeBGs.png);
	background-position:center;
	background-repeat:no-repeat;
	height:229px;
}
.HomeBC2TD h1
{
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:14px;
}
.HomeBodyContent2BG
{
	background-image:url(../../../images/HomeBodyContentBG01.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:150px;
	padding-top:10px;
	text-align:center;
}
.HomeFriendSearchBG
{
	background-image:url(../../../images/HomeBGs.png);
	background-position:center;
	background-repeat:no-repeat;
	height:229px;
	width:337px;
	border:1px solid red;
	text-align:center;
}


.HomeFriendSearch
{
	background-image:url(../../../images/peoplesilhouettes.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:133px;
	text-align:left;
	margin-left:55px;
	border:1px solid red;
}
.HomeFlashHeader
{
	background-color:#0f0f0f;
	padding-top:1px;
	padding-left:7px;
	padding-right:3px;
	margin-bottom:3px;
	
}

.StepProcess
{
	text-align:right;
}


.SPMCPadding
{
	width:730px; padding-left:20px; padding-top:15px; padding-bottom:15px; min-height:400px;
}

.TableStyle01
{
	padding:0px;
	border-left:1px solid #474a4f;
	border-top:1px solid #474a4f;
	border-right:1px solid #111112;
	border-bottom:1px solid #111112;
	margin-bottom:15px;
}
.TableStyle01 h1
{
	color:#fff;
	font-size:15px;
	font-weight:normal;
	background-image: url(../../../images/TableBGHeader-A.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0px;
	padding:0px;
	padding-left:5px;
	line-height:35px;
}
.TableStyle01 img
{
	padding:0px;
	margin:0px;
	border:0px;
}

/*-------------------------------
	THE GAMES : MODAL */

.simplemodal-overlay
{
    background-color: #000;
}
.simplemodal-container 
{
	width:432px;
	height: 240px;
	background-color: #FFF;
	padding: 10px;
	margin: 0;
}
.simplemodal-container .simplemodal-close
{
    position: absolute;
    top: -25px;
    right:-25px;
    width: 25px;
    height: 25px;
    background: transparent url(../../../images/btn_ModalClose.png) no-repeat 0 0;
    cursor: pointer;
}

.simplemodal-container #simplemodal-data
{
	float: left;
	display: inline;
	width:432px;
	height: 240px;
	padding: 0;
	margin: 0;
	background-color: #178CC7;
}








/*
.HomeBC2FriendSearch
{
	background-image:url(../../../images/HomeBGs.png);
	background-position:right top;
	background-repeat:no-repeat;
	height:229px;
	width:360px;
	padding-top:62px;
	margin-top:15px;
}
.HomeBC2Search
{
	background-image:url(../../../images/HomeBGs.png);
	background-position:right top;
	background-repeat:no-repeat;
	height:229px;
	width:337px;
	padding-top:62px;
	margin-top:15px;
}
.HomeBC2Search div
{
	background-image:url(../../../images/peoplesilhouettes.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:133px;
	margin:15px;
}
.HomeBC2Search h1
{
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
}
.RegisterNow
{
	padding-top:15px;
}
*/

/* ---------------- Sample additional styles below ---------------- */
/*                                                                  */
/*     Use the Sample code below to define your new CSS style       */
/*   		
		1. background-image:  url(../images/forum_header_bg.gif);
		2. filter:dropshadow(color=#E8CFD0,offX=1, offY=1);height:3;
		

/* ---------------- Define additional styles below ---------------- */
/*                                                                  */
/*     Use the Sample code below to define your new CSS style       */
/*     Rename your style .(Color)(Size)(Weight) 
			ex:  .BlueLargeBold
                                                            
	.Sample
	{
		COLOR: #333333;
		FONT-FAMILY: Arial;
		FONT-SIZE: 12px;
		font-weight : bold;
	}
*/








/*-------------------------------------------------
  Comments
-------------------------------------------------*/