/*
TABLE OF CONTENTS
-----------------

=Master style
=Global Setting
=Layout
=Header
=Footer
=topNavi
=sideNavi
=tabNavi
=Left Search
=Higlight
=Section 
=Section Icons
=Action Icons
=Buttons
=Typography
=Misc

*/

/* =Master style
******************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, em, font, img, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{ 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-style: inherit; 
font-family: inherit; 
}
ol, ul { list-style: none;}
a {color:#fff; text-decoration: underline;}
a:hover{text-decoration: none;}

/* =Global Setting
***********************/
body {
font: normal lucida grande, Arial, Tahoma, Verdana, sans-serif;
min-width: 950px;
background-color: #000;
}
p{
font-size: .7em;
}

/* =Layout
***************/
#outerWrap{
background-color: #000;
}
#header{
background-color: #000;
float: left;
width: 100%;
clear: both;
}
#header2{
background-color: #000;
float: left;
width: 100%;
height: 100px;
clear: both;
}
#half_black{
position:relative;
background-image: url(images/half_blackBG.png);
border-left: solid 1px #000;
border-right: solid 1px #000;
}
#contWrap{
background: #272727 url(images/contWrap_bg.gif) repeat-y left top;
width: 100%;
clear: both; 
float:left; 
}
#contOuterWrap{
 clear:both; float:left; width:100%;
background: transparent url(images/leftNavi_bg.gif) repeat-x left top;
}
#contInnerWrap{
background: transparent url(images/leftNavi_bg.gif) repeat-x left top;
/*overflow:hidden;*/
padding:0 0 0 210px;
clear: both; 
}
#sideCont{
background-color: #484848;
float:left;
width:205px;
margin:0 5px 15px -210px; 
display:inline;
}	
#mainCont{
float: right;
width: 100%; 
/*overflow: hidden;*/
margin-bottom: 15px;
}
#footer{
background-color: #000000;
clear: both;
padding:1px 0 1px 10px;
/*overflow: hidden; */
height: 15px;
}

#col1, #col2, #col3{
float: left;
}
#col1{width: 30%;}
#col2{width: 39%;}
#col3{width: 30%;}

/* =Header
*************/
#header img{
float: left;
margin: 5px 0 5px 5px;
}
#header h1{
background: transparent url(images/innerlogo.jpg) no-repeat left top;
width: 225px;
height: 45px;	
float: left;
margin: 14px 0 14px 5px;
text-indent: -9999px;
}
#header p{
float: right;
background: transparent url(images/tagline.jpg) no-repeat left top;
width: 415px;
height: 24px;
text-indent: -9999px;
}
#bannerLinks{
float: right;
clear: right;
width: 350px;
text-align: right;
margin-top: 20px;
margin-right: 350px;
color: #ff9900;
}
	#bannerLinks li {
	display: inline; 
	padding: 0 0px 0 0px;
	font-size: .75em;
	font-weight: bold;
	margin: 10px 10px 0px 0 ;
	clear: none;
	}
	#bannerLInks li img
	{
		position:relative;
		margin:10px 0 0 0;
		float:none;
		clear:none;
	}
	#bannerLinks li a{ color: #ff9900;	text-decoration: none;}
	#bannerLinks li a:hover{ color: #fff; text-decoration: none;}
#topNavi{
background: transparent url(images/topNavi_bg.jpg) repeat-x left top;
height: 40px;
clear: both;
}
#header .topAdBanner{
float: left;
width: 340px;
margin: 10px 0 0 10px;
height: 60px;
}

/* =Header2
*************/
#header2 img{
float: left;
margin: 5px 0 5px 5px;
}
#header2 h1{
background: transparent url(images/livelogo.gif) no-repeat center top;
width: 650px;
height: 160px;	
float: left;
margin: 0px 0 0px 150px;
text-indent: -9999px;
}
#header2 p{
float: right;
background: transparent url(images/tagline.jpg) no-repeat left top;
width: 415px;
height: 24px;
text-indent: -9999px;
}

/* =Footer
*************/
#footer p{
float: right;
width: 180px;
margin:0 5px 0 10px;
display:inline;
font-size: .65em;
color:#fff;
}
#footer .footerLinks{
float: left;
clear: left;
text-align: left;
color: #fff;
}
	#footer li{
	margin:0px 0px 5px 10px;
	font-size: .65em;
	display:inline;
	}
#footer .footerLinks li a{ color: #fff; text-decoration: none;}
#footer .footerLinks li a:hover{ color: #FF9900; text-decoration: none;}
/* =topNavi
**************/
#topNavi ul{
float: left;
clear: both;
}
#topNavi li{
float: left;
font-weight: bold;
font-size: .7em;
padding:0 0 0 4px;
background: transparent url(images/topNavi_l.jpg) no-repeat left top;
}
#topNavi ul li a{
text-decoration: none;
background: transparent url(images/topNavi_r.jpg) no-repeat right top;
float: left;
height: 17px;
padding: 12px 14px 0px 10px;
color: #000;
}

#topNavi li a:hover{
color: #fff;
}
#topNavi li.selected {
background-position:left -30px;
}
#topNavi li.selected a{
background-position:right -30px;
color: #fff;
}
/* =sideNavi
**************/
#sideNavi{
margin: 5px 0 0;
float: left;
width: 100%;
}
	#sideNavi h3 {
	background: transparent url(images/leftNavi_head.jpg) no-repeat left top;	
	line-height: 21px;
	height: 21px;
	margin: 0;
	padding: 0px 5px 0px 10px;
	color:#fff;
	}
	#sideNavi li{
	background-color: #515151;
	margin-top:2px;
	padding: 1px 0 2px 3px;
	}
		#sideNavi li a{
		font-weight: bold;
		font-size: .7em;
		text-decoration: none;
		margin: 0px 0 0px 20px;
		padding-left: 2px;
		display: block;
		width: 178px; 
		height: 16px;
		border-left: 1px solid #454545;
		color: #fff;
		}
		#sideNavi li span{
		background: transparent url(images/icon_set1.jpg) no-repeat 0 0px;
		display: block;
		height: 16px;
		width: 16px;
		}
		#sideNavi #createEvent span, #sideNavi #sponsorEvent span{background-position: 0 0;}
		#sideNavi #ManageComm span{background-position: 0 -17px;}
		#sideNavi #findSponsors span{background-position: 0 -34px;}
		#sideNavi #CreateEmailCamp span{background-position: 0 -51px;}
		#sideNavi #PerfPayout span{background-position: 0 -68px;}
		#sideNavi #SponsorPpl span{background-position: 0 -85px;}
		#sideNavi #createProm span{background-position: 0 -102px;}

		#sideNavi li a:hover{
		color: #FFC823;
		}
.adHolder{
clear: both; 
height: 300px; 
}

/* =tabNavi
*************/
#tabPages{
background: #484848 url(images/1px_8a8a8a.gif) repeat-y left 25px;
float: left; 
width: 100%;
clear: both;
}
#tabNavi{
float: left; 
width: 100%;
clear: both;
margin: 0;
background: #484848;
padding-top: 5px;
height: 21px;
}
#tabNavi h2{display: none;}
#tabNavi li{
margin: 0 0 0 5px;
background: transparent url(images/tab_bg.gif) repeat-x left top;
height: 21px;
float: left; display: inline;
border-left: 1px solid #828282;
}
#tabNavi li a{
background: transparent url(images/tab_r.gif) no-repeat right top;
float: left;
height: 21px;
line-height: 21px;
font-size: .7em;
font-weight: bold;
padding: 0 15px 0 10px;
text-decoration: none;
color: white; 
}
#tabNavi li a:hover, #tabNavi li.actionTab a:hover {
color: #ccc;
}
#tabNavi li.selected{
background-position: left -21px;
}
#tabNavi li.selected a{
background-position: right -21px;
color: #fff;
}
#tabContWrap{
clear: both; float:left; padding-top: 5px;
border: 1px solid #828282;
border-right: 0px solid #828282;
border-left: 0px solid #828282;
background: #272727 url(images/1px_8a8a8a.gif) repeat-y right 25px;
display: block;
width: 100%;
margin:0 0 0 1px;
}
#tabNavi li.actionTab a{
color: white; 
padding:0 15px 0 10px;
}

#tabNavi ul{width: 100%;}
#tabNavi li.actionTab{
float: right;
}



/* =Left Search
******************/

#leftSearch{
margin: 0px 0 0px 2px;
clear: both;
float: left;
display: inline;
padding-top:2px;
}
#leftSearch label{
float: left;
font-size:.7em;
font-weight: bold;
margin: 5px 5px 2px 0;   
}
#leftSearch input{
float: left;
width:120px;
font-size: 11px;
margin: 2px 2px 0 0;
padding:0 0 1px;
font-family:lucida grande, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#leftSearch button, .actionWrap button{
border: 1px solid #636363;
background-color: #000;
background: #444 url(images/btn_search.jpg) no-repeat 0 -2px;

color: #fff;
padding: 1px 5px 0 18px;
margin: 2px 0 0 0;
width: auto;
overflow: visible;
cursor: pointer;
font-size:.7em;
}


/* =Higlight
*************/
.hightlightRow{
float: left;
width: 100%;
margin-bottom: 5px;
}
	.headWidth{
	float: left;
	width: 30%;
	}
	.linkWidth{
	float: left;
	width: 69%;
	}
	.hightlightRow .linkWidth{
	background: transparent url(images/hightlight_bg.gif) repeat-x left top;
	}
	.hightlightRow h2{
	background: transparent url(images/hightlight_bg.gif) repeat-x left top;
	font-size: .7em;
	font-weight: bold;
	padding: 6px 5px 8px 5px;
	margin: 0 0 0 5px;
	position: relative;
	}
		h2 span{
		position: absolute;
		right:0;
		top: 6px;
		}
			h2 span a{
			background: transparent url(images/seperator.gif) no-repeat 0px 3px;
			font-weight: normal;
			padding: 0 5px 0 5px;
			}
	.hightlightRow .links{
	background: transparent url(images/leftNavi_bg.gif) repeat-y left top;
	float: right;
	width: 100%;
	}
	.hightlightRow ul{
	float: right;
	height:25px;
	text-align: right;
	}
		.hightlightRow li{
		float: left;
		text-align: right;
		font-size: .7em;
		background: transparent url(images/seperator.gif) no-repeat left 3px;
		padding: 0 5px 0 7px;
		margin: 5px 0 0 0;
		}


/* =Section 
*****************/
.sectionCont{
background-color: #454545;
border: 1px solid #636363;
margin: 0 0 5px 5px;
padding-top: 5px;
}
	.sectionCont a:hover{
	text-decoration: underline;
	color: #fff;
	}
	.sectionCont p {
	margin: 0 5px 8px 5px;
	position: relative;	
	clear: both; 
	}
		.sectionCont p img{
		float: left;
		}		
	.sectionCont img{
	margin: 5px;
	}
	.sectionCont ul{
	margin: 0 5px 5px 5px;
	clear: both;
	}
	.sectionCont li{
	font-size: .7em;
	display: inline;
	padding: 0 5px 0 0;
	line-height: 2.1em;	
	}
	.sectionCont a{
	text-decoration: none;
	color: #FFC823;
	}
	.sectionCont strong{
	font-weight: bold;	
	padding-right: 5px;
	}
		.sectionCont .label{
		font-weight: bold;
		color: #b4b4b4;
		}

/* =Section Icons
*****************/
.statusUpdate, .addFriend, .addPhoto, .promotion p, .bday p{
background: transparent url(images/icon_statusUpdate.jpg) no-repeat 0 4px;
text-indent: 20px;
line-height: 1.8em;
padding-right: 7px;
margin-bottom: 15px;
}
.statusUpdate{background-image:url(images/icon_statusUpdate.jpg);}
.addFriend{background-image:url(images/icon_addFriend.jpg);}
.addPhoto{background-image:url(images/icon_addPhoto.jpg);} 

.promotion p{background-image:url(images/icon_promotion.jpg);} 
.bday p{background-image:url(images/icon_bday.jpg);} 

/* =Action Icons
*****************/
.actionClose{
background: transparent url(images/icon_close.gif) no-repeat 0 0;
text-indent: -9999px;
display: block;
position: absolute;
top: 3px;
right: 0px !important;
right: 4px;
width: 8px;
height: 8px;
}
	.actionClose a{
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	}
.actionView {
float: left;
text-indent: 0;
padding-right: 15px;
text-align: left;	
}



/* =Buttons
************/
.btnHolder{
margin: 0 0 5px 5px;
background: black url(images/btn_l.jpg) no-repeat 0 0;
height: 26px;
}
	.btnHolder p{
	background: transparent url(images/btn_r.jpg) no-repeat right top;
	height: 26px;
	margin: 0 0 0 5px;
	}
		.btnHolder span{
		display: block;
		background: transparent url(images/btn_bg.jpg) repeat-x right 0;
		height: 26px;
		line-height: 26px;
		margin: 0 5px 0 0;	
		text-align: center;
		}
			span button{
			background: #444 url(images/btn_addEvent.jpg) no-repeat 0 0;
			border: 1px solid #636363;
			padding: 0 3px 0 20px;
			width: auto;
			height: 20px;
			line-height: 20px;
			overflow: visible;
			cursor: pointer;
			font-size: .75em;
			font-weight: bold;
			color: white;
			}

/* =Typography 
*****************/
h3{
background: #6B6B6B url(images/h3_bg.jpg) repeat-x left top;
font-size: .7em;
font-weight: bold;
margin: 0 0 5px 5px;
padding: 5px 5px 5px 5px;
position: relative;
text-align: left;
}
	h3 span{
	position: absolute;
	right:0;
	top: 6px;
	}
	h3 span a{
	background: transparent url(images/seperator.gif) no-repeat 0px 3px;
	font-weight: normal;
	padding: 0 5px 0 5px;
	}
h4{
font-size: .7em;
font-weight: normal;
background: transparent url(images/bullet1.gif) no-repeat 0px 5px;
text-indent: 10px;
margin: 0 3px 5px 3px;
padding: 0 0 5px 0;
float: left;
}
h1
{
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	margin: 0px 0 15px 0;
}
h2
{
	font-size: 1em;
	font-weight: bold;
	color: #FF9900;
	margin: 5px 0 5px 0;
}

#content p
{
	font-size: .7em;
	color: #fff;
	padding: 0 0 1em 0;
}
#content .listTitle
{
	font-size: .7em;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 1em;
}
#content ul,ol
{
	padding: 0 0 -2em 0;
	color:#fff;
}
	#content ul,ol li
	{
		font-size: .7em;
		padding: 0 0 0 2em;
		color: #fff;
	}
.bold
{
	font-size: .8em;
	font-weight: bold;
}
.pressBody
{
	line-height: 1.5em;
}

.small
{
	font-size: .7em;
}
.italic
	{
		font-style: italic;
	}
/* =Misc
*****************/
.timeStamp{
color: #888;
font-size: 0.9em;
}
.profileLogo{text-align: center;}

.thumbWrap{
display: block;
clear: both;
}

.hrHidden{clear: both;}
.hrHidden hr{display: none;}
.DGHover
    {
        cursor: pointer;
        color: #fff;
        text-align: left;
        text-decoration: none;
    }
    .DGOut
    {
        cursor: pointer;
        color: #f8c823;
        text-align: left;
        text-decoration: none;
    }
    .GridItemAlt
{
	font-weight: normal;
	font-size: 11px;
	word-spacing: normal;
	color: #ffffff;
	font-family: lucida grande, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space: normal;
	letter-spacing: normal;
	background-color: #7b7b7b;
	text-decoration: none;
}
/*****ON PROGRESS*****/

/* =FormContainer
****************/
.tabCont{
background:#484848; margin-right:1px; border-top: 1px solid #828282; padding-bottom: 20px;
}

/********/

/* .error, .info, .warning{
 border: 1px solid #686868;
 background-color:#4E4E50;
 margin: 10px 0;
 width:650px;
 }
 .error p, .info p, .warning p{
 margin: 5px;
 color: #cbcbcb;
 padding: 11px 10px 11px 40px;
 }
.error p{background: #656567 url(http://dev.xtrm.com/web/images/alert_icon_error.png) no-repeat 8px 8px; padding-left:30px; text-align:left;}
.info p{background: #656567 url(http://dev.xtrm.com/web/images/assist_icon.jpg) no-repeat 8px 8px; padding-left:30px; text-align:left;}
.warning p{background: #656567 url(http://dev.xtrm.com/web/images/warning_icon_error.png) no-repeat 8px 8px; padding-left:30px; text-align:left;}*/