/*///////////
Title: Profile.html Master StyleSheet
Author: JB |
Client Name:
Last modified: 08/21/07

!!! Adjust Values according to your project specifics !!! Detailed according to importance and section !!!

//////////*/


/*-------General Declarations------*/
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	font-weight:normal;
	font-style:normal;
	background:url(Images/backgroundNew.jpg) top center no-repeat #000;
}
div#container {
	width:867px;
	margin:0;
	padding:0;
	background:#1d1d1d; 
	border-left:1px solid #323232;
	border-right:1px solid #323232;
}
*html div#container {
	margin:0 0 0 5px;
}
div.columnLeft {
	float:left;
	height:inherit;
}
div.columnRight {
	float:right;
	height:inherit;
}
/*-------Panel_01 Controls------*/
div#panel01 {
	width:867px;
	height:135px;
	width:auto;
	font-size:0px;
	margin:252px 0 0 0;
}
*html div#panel01 {
	margin:236px 0 0 0;
	height:145px;
}
div#contactLinks {
	width:879px;
	font-size:0px;
}
div#contactAdd, div#contactForward, div#contactFavorites, div#contactMessage, div#contactLogo {
	float:left;
}
div#contactAdd {
	width:175px;
}
div#contactForward {
	width:172px;
}
div#contactFavorites {
	width:174px;
}
div#contactMessage {
	width:174px;
}
div#contactLogo {
	width:172px;
}
/*-------Panel_02 Controls------*/
div#panel02 {
	width:867px;
	height:1635px;
	background:url(Images/bgRepeater.png) repeat-y;
}
div#panel02 .columnLeft {
	width:495px;
}
div#player {
	margin:10px 0 0 15px;
}
div#videoPlayer {
	border:1px solid #323232;
}
div#videos {
	width:346px;
	height:130px;
	margin:10px 0 0 15px;
}
div#vheader {
	margin:10px 0;
}
div#vslider {
	width:477px;
	height:130px;
	border:1px solid #323232;
}
div#panel02 .columnRight {
	width:360px;
}
div#widget {
	height:310px;
	z-index:10;
}



div#askSoldier {
	width:346px;
	height:210px;
	font-size:0px;
	padding:10px 0 5px 0;
}
div#sgtStar {
	width:346px;
	height:210px;
	font-size:0px;
	padding:5px 0;
}
div#photos {
	width:346px;
	height:268px;
	margin:10px 0;
	font-size:0px;
	background:url(Images/photoSlider.jpg) no-repeat;
	position:relative;
}
div#photoSlider {
	width:346px;
	height:204px;
	margin-top:10px;
	border:1px solid #323232;
}
div#morePhotos a {
	position:absolute;
	width:163px;
	height:32px;
	top:238px;
	left:144px;
}
div#xbox {
	width:346px;
	height:210px;
	font-size:0px;
	padding:5px 0 10px 0;
}

div#racetxt {
	width:346px;
	font-size:0px;
	padding:5px 0 10px 0;
}


div#wallpapers {
	width:346px;
	margin-bottom:15px;
}
div#wpHeader {
	margin-bottom:10px;
}
div#papers {
	height:122px;
	background:url(Images/wallpapersBg.jpg) no-repeat #000;
	border:1px solid #323232;
}
div#seeMore {
	text-align:left;
}
div#thumbnailSectionContainer {
	margin-top:10px;
}
div#wpArmyStrong a {
	position:absolute;
	width:180px;
	height:20px;
	top:80px;
	left:67px;
}
div#wpArmyGold a {
	position:absolute;
	width:180px;
	height:20px;
	top:133px;
	left:67px;
}
div#wpArmyRacing a {
	position:absolute;
	width:180px;
	height:20px;
	top:187px;
	left:67px;
}
div#wpArmyFootball a {
	position:absolute;
	width:180px;
	height:20px;
	top:235px;
	left:67px;
}
div#seeMore1 a, div#seeMore2 a, div#seeMore3 a, div#seeMore4 a {
	position:absolute;
	width:78px;
	height:33px;
	left:253px;
}
div#seeMore1 a {
	top:60px;
}
div#seeMore2 a {
	top:114px;
}
div#seeMore3 a {
	top:166px;
}
div#seeMore4 a {
	top:216px;
}
div#armyStrong {
	width:346px;
	height:94px;
	font-size:0px;
}
/*---------- PWC ----------*/
#wallpaperPop1, #wallpaperPop2, #wallpaperPop3, #wallpaperPop4, #wallpaperPopNewman, #wallpaperPopShumacher, #wallpaperPopNascar, #wallpaperPopNHRA {
	display:none;
}
.green, a.green:link, a.green:active, a.green:visited, a.green:hover {
	color:#1d3432;
}
.ok_button {
	display:none;
}
/*---------- Video Scroller ----------*/
/* video thumbnail styles */

/* alter the width and height of these sections, do not alter the position or overflow attributes */						
div#holder	{ 
	position:relative;
	overflow:hidden;
	/* this is the width of the area you'd like to scroll per click */
	width:308px;
	/* this is the height of your thumbnails plus padding */
	height:84px;
	
	}

/* replace the width and height of your section in both places here */	
div#wn	{ 
	position:absolute; 
	left:0px;
	top:0px; 
	/* this is the width of the area you'd like to scroll per click */
	width:308px;
	/* this is the height of your thumbnails plus padding */
	height:84px; 
	clip:rect(0px, 308px, 84px, 0px); 
	overflow:hidden;	
	z-index:1;
}

/* since this is set up horizonally i have floated this container left as well as the buttons, if it were to be vertical, then remove this style */
div#wpContainer {
	float:left;
}

/* this style does not need to be altered */	
div#lyr1 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
}

/* this is for the inside main table, set the width and height */
table#imgTbl {
	/* this is the full width of all the hidden images plus padding together */
	width:616px;
	/* this is the height of your thumbnails plus padding */
	height:84px;
	padding:0;
	margin:0;
}

table#imgTbl td {
	height:84px;
	width:308px;
	padding:0;
}

/*this is just the styling for your video thumbnails.  in this case since it is horizonal, i just made them float left. if it's vertical, remove that, and add a tr for every vertical grouping */
.wallpaper {
	width:97px;
	padding-right:5px;
	float:left;
}

/* these are just the arrow buttons, they can be styled however you like, just make sure onclick is assigned. if you aren't using an image for the buttons, and just using css for them, i found that in IE you need to have a background so i end up putting a 1x1 transparent gif as a background to make it work */
.arrowButtons a {
	width:18px;
	height:84px;
	display:block;
	background:url(Images/spacer.gif) no-repeat;
	float:left;
}/*---------- End Profile.html Controls ----------*/


div#commentContent {
height:675px;
}

div#friendContainer {
	top:-1275px;
	width:478px;
}

*html div#friendContainer {
	top:-1170px;
	width:478px;
	left:-431px;
	
}

div#commentContainer {
top:-884px;	
height:740px;
}

*html div#commentContainer {
	top:-775px;
}