/* Base HTML element Styles 
--------------------*/

body
{
	font-family: Arial;
	font-size: 14px;
	margin: 0;
	padding: 0; /*background: #aac94e url(../images/bbmainbg.gif); */
	background: url(../images/mainbg.gif ) repeat-y center;
}
h2
{
	margin-top: 0;
	color: #414699;
}
h3
{
	margin: 0;
	color: #414699;
}
em
{
	font-size: 10pt;
	font-weight: bold;
	color: #225592;
}
/*
input[type="submit"]
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 22px;
	width: 50px;
	background: transparent url(../images/but_blue.gif ) no-repeat center;
	background-position: center 4px;
	background-position: expression(   '0 2px' );
	color: White;
}
input[type="submit"]:hover
{
	background: transparent url(../images/but_teal.gif ) no-repeat center;
	background-position: center 4px;
	background-position: expression(   '0 2px' );
	cursor: pointer;
	color: Black;
}
*/



.linkButton
{
	text-decoration: underline;
}
.button
{		
	border:none;
	background: transparent url(../images/but_blue.gif ) no-repeat center;
	background-position: center 5px;
	background-position: expression(   '0 2px' );
	cursor: pointer;
	width:51px;
	height:25px;
	color: White;
}
.button:hover
{
	background: transparent url(../images/but_teal.gif ) no-repeat center;
	background-position: center 5px;
	background-position: expression(   '0 2px' );
	color: #dddddd;
}

.largerButton
{
	border: none;	
	background:url(../images/refreshsprite.gif) 0 20px;  
  background-position: expression(0 0px);
  color:white;
  width:73px;
  height:20px;
  cursor:pointer;
  
}
.largerButton:hover
{
	background:url(../images/refreshsprite.gif) 0 0px;
}


.playNowButton
{
	cursor: pointer;
	background: url(../images/pnbuttonsprite.gif) left -20px;
	width: 73px;
	height: 19px;
	border: none;
}
.playNowButton:hover
{
	background: url(../images/pnbuttonsprite.gif) left 0px;
}
.getHTMLButton
{
	cursor: pointer;
	background: url(../images/gethtml.gif) left -20px;
	width: 73px;
	height: 19px;
	border: none;
}
.getHTMLButton:hover
{
	background: url(../images/gethtmla.gif) left 0px;
}
.viewReplayButton
{
	cursor: pointer;
	background: url(../images/viewreplay.gif) left;
	width: 73px;
	height: 19px;
	border: none;
}
.viewReplayButton:hover
{
	cursor: pointer;
	background: url(../images/viewreplaya.gif) left;
	width: 73px;
	height: 19px;
	border: none;
}
.go_Button
{
	cursor: pointer;
	background: url(../images/searchbutton.gif) left;
	height: 19px;
	width: 26px;
}
.go_Button:hover
{
	background: url(../images/searchbuttona.gif) left;
}


a
{
	color: #225592;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

fieldset
{
	border: none;
	padding-top: 8px;
	padding: expression(   '10px' );
}
fieldset legend
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: White;
	font-weight: bold;
}
fieldset label
{
	margin-top: 7px;
	display: block;
	font-size: 11pt;
}
fieldset span label
{
	display: inline;
}


fieldset input[type="text"], #joinPage fieldset input[type="password"]
{
	width: 250px;
	font-size: 12pt;
	padding-top: 2px;
	padding-left: 4px;
	margin-right: 4px;
	background: #F6F9FE url(../images/searchblendbg.gif) repeat-x;
	border: solid 1px #dfe2e5;
}
textarea
{
	background: #F6F9FE url(../images/searchblendbg.gif) repeat-x;
	border: solid 1px #dfe2e5;
}
.boxList li
{
	list-style-image: url(../images/ittybittybox.gif);
}

#header
{
	background-color: White;
	height: 125px;
}
#headerInner
{
}
.logout
{
	float: right;
}

#page
{
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}
#header .rightSide
{
	float: right;
	text-align: right;
	width: 350px;
	height: 85px;
	margin-top: 4px;
	margin-right: 4px;
}



/**************************** Main Nav Menu *****************************/

#mainNav
{
	width: 100%;
	background: url(../images/bbgelbg.gif) repeat-x center;
	height: 25px;
}
#mainNav .nav
{
	float: right;
	position: relative;
	top: -13px; /* IE Hack/Feature */
	top: expression(   '4px' );
}
#mainNav .nav li
{
	display: inline;
	list-style-image: none;
}


/******************************* Menu *************************************/



#mainNav a
{
	text-decoration: none;
	font-size: 18px;
}
#mainNav .first a
{
	padding-right: 64px;
	background: url(../images/navsprite.gif);
	background-position: left -26px;
}
#mainNav .second a
{
	padding-right: 50px;
	background: url(../images/navsprite.gif);
	background-position: -70px -26px;
}
#mainNav .third a
{
	padding-left: 75px;
	background: url(../images/navsprite.gif);
	background-position: -130px -26px;
}
#mainNav .forth a
{
	padding-right: 80px;
	background: url(../images/navsprite.gif);
	background-position: -215px -26px;
}

#mainNav .fifth a
{
	padding-right: 75px;
	background: url(../images/navsprite.gif);
	background-position: -300px -26px;
}


/******************************* Menu Hover ******************************/

#mainNav .first a:hover
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: left -2px;
}
#mainNav .second a:hover
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -70px -2px;
}
#mainNav .third a:hover
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -130px -2px;
}
#mainNav .forth a:hover
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -215px -2px;
}
#mainNav .fifth a:hover
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -300px -2px;
}
#contentPlaceHolder
{
	background-color: White;
}


/******************************* Menu Selected ****************************/

#mainNav .first .selected
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: left -3px;
}
#mainNav .second .selected
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -80px -3px;
}
#mainNav .third .selected
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -170px -3px;
}
#mainNav .forth .selected
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -264px -3px;
}
#mainNav .fifth .selected
{
	background: url(../images/navsprite.gif) no-repeat;
	background-position: -264px -3px;
}


/*************************  SubContainer for Forms *************************/
.roundedContainerTop
{
	background: url(../images/subpagetp.gif) no-repeat center;
	margin-bottom: -2px;
	padding: 0;
	height: 15px;
}
.roundedContainerBody
{
	background: url(../images/subpagebg.gif) repeat-y center top;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 8px;
	height: auto;
	margin: 0;
	position: relative;
}
.roundedContainerBottom
{
	background: url(../images/subpagebtm.gif) no-repeat center;
	margin-top: 0px;
	height: 14px;
}


/************************** Footer ****************************************/

#footer
{
	position: relative;
	padding-top: 8px;
	text-align: center;
	font-size: 8pt;
	color: #225592;
	clear: both;
	background-color: #bed088;
}
#footer .nav
{
	margin: 0;
	padding: 0;
}
#footer .nav li
{
	display: inline;
	list-style-image: none;
	padding-left: 2px;
	padding-right: 2px;
}
/*#footer .nav li:before { content: "| "; }
#footer .nav li:first-child:before { content: ""; }*/

#footer .small
{
	font-size: 7pt;
}


/**************************************************************************/
/********************************  Default.aspx ***************************/
/**************************************************************************/

#bbMain
{
	width: 390px;
	padding: 0px;
	float: left;
}
#bbMain .top
{
	background: url(../images/bbdemoboxtp.gif) no-repeat;
	height: 8px;
}
#bbMain .content
{
	background: url(../images/bbdemoboxbg.gif) repeat-y;
}
#bbMain .bottom
{
	background: url(../images/bbdemoboxbtm.gif) no-repeat;
	height: 4px;
}
#bbMain .content p
{
	margin: 0;
	padding-left: 4px;
	padding-top: 8px;
	padding-right: 0px;
}
.orangeBG img
{
	background: url(../images/smboxtp.gif) no-repeat;
	padding: 2px;
}
#bbMain .content .orangeBG img
{
	margin-left: 9%;
	height: 76px;
	margin-top: 4px;
	margin-bottom: 3px;
}
#bbMain p
{
	margin: 0;
	margin-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}



#leftCol
{
	margin-top: expression(   '0px' );
	width: 185px;
	padding-left: 10px;
	padding-right: 8px;
	float: left;
	font-size: 10pt;
}


/************************** Top Games *************************************/


#topGames
{
}
#topGames .top
{
	background: url(../images/top10boxtp.gif) no-repeat top left;
	height: 38px;
	width: 120px;
}
#topGames .content
{
	margin: 0;
	padding: 0;
	background: url(../images/top10boxbg.gif);
	height: 150px;
	width: 120px;
}
#topGames .bottom
{
	background: url(../images/top10boxbtm.gif ) no-repeat;
}

#topGames ul
{
	position: relative;
	top: -8px;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 4px;
}
#topGames .nav li
{
	list-style: none;
	background-image: url(../images/top10sprite.gif );
	background-repeat: no-repeat;
	background-position: 2px -80px;
	padding-top: 2px;
	padding-left: 25px;
}
#topGames .nav a
{
	width: 80px;
	color: #226644;
	font-weight: bold;
}
#topGames .nav li:hover
{
	color: Black;
	background-image: url(../images/top10sprite.gif );
	background-repeat: no-repeat;
	background-position: 2px -38px;
}


/******************************* LOGIN CONTROL *****************************/

#logInControl
{
	font-size: 10pt;
	margin-bottom: 20px;
	width: 120px;
}
#logInControl .top
{
	background: url(../images/siboxtop.gif) no-repeat;
	margin: 0;
	padding: 0;
	height: 32px;
}
#logInControl .content
{
	background: url(../images/siboxbg.gif );
}
#logInControl .bottom
{
	background: url(../images/siboxbtm.gif) no-repeat;
}


/**************************** Right Column with Games ***********************/

#rightCol
{
	margin-top: -4px;
	width: auto;
	padding: 0px;
	float: right;
	padding-right: 10px;
	font-size: 10pt;
}

/************************************* MyAccount/Profile.aspx *************************/


#AvatarImages img
{
	cursor: pointer;
	padding: 3px;
	background-color: #ffffff;
	border: dotted 1px #ffffff;
}
#AvatarImages img:hover
{
	padding: 3px;
	background-color: #fffa42;
	border: dotted 1px #cccccc;
}
.MyAvatarImage
{
	padding:4px;
	border:solid 1px #dddddd;
	
}


/****************************** WebControl DisplayBox ***************************/

.displayBox
{
	margin-bottom: 10px;
	font-size: 14px;
}
.dispayBoxContent
{
	background: url(../images/smboxbg.gif) repeat-y;
	margin: 0;
	padding: 5px;
	padding-top: 0;
}
.dispayBoxContentWide
{
	background: url(../images/medboxbg.gif) repeat-y;
	margin: 0;
	padding: 5px;
	padding-top: 0;
}
.bottom
{
	background: url(../images/sm1boxbtm.gif) no-repeat;
	margin: 0;
}



/************************************* Profiles Page ***************************/

.gameStats
{
	border: solid 1px #414699;
	background-color: #cfd1e5;
	padding: 8px;
}
.gameItem
{
	margin-bottom: 8px;
	font-size: 8pt;
	height: 85px;
}
.gameEggs
{
	margin-left: 25px;
}
.gameEggItems
{
}

.communityPrevArrow
{
	font-size: 20px;
	height: 21px;
	width: 25px;
	background: url(../images/lftarrow.gif);
	cursor: pointer;
}
.communityNextArrow
{
	font-size: 20px;
	height: 21px;
	width: 25px;
	background: url(../images/rtarrow.gif);
	cursor: pointer;
}
.communityPrevArrow:hover
{
	background: url(../images/lftarrowa.gif);
}
.communityNextArrow:hover
{
	background: url(../images/rtarrowa.gif);
}



/********************************     Games.aspx  Page***************************/
.watchItem
{
	border-top: solid 2px #dddddd;
	margin-bottom: 6px;
}
.watchItem:hover
{
}

#floatingInputBox
{
	position: absolute;
	top: 180px;
	border: solid 1px #414699;
	background-color: White;
	padding: 8px;
	padding-top: 4px;
	width: 225px;
}

#floatingGameHTMLBox
{
	position: absolute;
	top: 180px;
	border: solid 1px #414699;
	background-color: White;
	padding: 8px;
	padding-top: 4px;
	width: 225px;
}

#games .dispayBoxContent img
{
	padding: 0px;
	margin: 2px;
	border: solid 2px #225592;
}
#games .gameImage
{
	border: solid 2px #225592;
}


/*****************************  Page Specific Properties ************************/

#homePage /* default.aspx*/
{
	height: 500px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
	padding-top: expression(   '0em' );
}

#joinPage
{
	height: auto;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#myAccount
{
	height: auto;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}
#myAccountSettings
{
	height: 600px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}
#myAccountProfile
{
	height: 700px;
	background: white url(../images/bbvg.gif) bottom;
}

#watches
{
	padding-left: 32px;
	padding-right: 32px;
	height: auto;
	background: url( ../images/pagesmlgrdt.gif) bottom repeat-x; /*background: white url(../images/bbvg.gif);*/
}

#contactUs
{
	height: auto;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#help /* help/default.aspx*/
{
	height: auto;
	background: url( ../images/bbvg.gif) bottom repeat-x;
}
#tellAFriend
{
	height: 300px;
	background: url( ../images/bbvg.gif) bottom repeat-x;
}
#tos /* Terms of Service */
{
	height: auto;
	background: url( ../images/bbvg.gif) bottom repeat-x;
}
#about
{
	height: auto;
	background: url( ../images/bbvg.gif) bottom repeat-x;
}

#loginPage
{
	text-align: center;
	height: auto;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#forgotPassword
{
	padding-left: 32px;
	padding-right: 32px;
	height: 300px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#userProfiles
{
	height: 600px;
	background: url(../images/bbvg.gif) bottom repeat-x;
}

#games
{
	height: auto;
	min-height: 300px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}
#partners
{
	height: 600px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}
#join_welcome
{
	height: 600px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#playGames
{
	height: auto;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}

#ebayTokenGen
{
	height: 600px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}
#tokenResults
{
	height: 520px;
	background: white url(../images/bbvg.gif) bottom repeat-x;
}


/*************************************** Ebay Search Box in Header ******************/

#ebaySearch
{
	padding-top: 4px;
	clear: right;
}
#ebaySearch input[type="text"]
{
	position: relative;
	top: -5px;
	top: expression(   '-3px' );
	width: 200px;
	font-size: 12px;
	background: url(../images/searchblendbg.gif) repeat-x;
	background-color: #f6f9fe;
	color: #444444;
	border: solid 1px #dddddd;
	padding-left: 3px;
}
#ebaySearch .go_Button
{
	cursor: pointer;
	background: url(../images/searchbutton.gif) left;
	height: 19px;
	width: 26px;
}




/********************************  Message Panel Popup  ******************************/
.warningBox
{
	text-align: center;
	border: solid 1px #d1b26b;
	background: url(../images/errorboxvg.gif) bottom repeat-x;
	margin-left: 20%;
	width: 400px;
}
.warningBox h2
{
	text-align: center;
	font-size: 12pt;
}
.warningBox h2 .close
{
	font-size: 10pt;
	padding-right: 3px;
	padding-left: 3px;
	border: solid 1px #f1c27b;
	border-right: none;
	border-top: none;
	float: right;
	cursor: pointer;
}
.warningBox p
{
	text-align: center;
}

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




/*********************************  Random Properties    *****************************/


.req
{
	font-size: 12pt;
	color: Red;
	font-weight: bold;
	margin-right: 4px;
	margin-left: 4px;
}


.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
/* End hide from IE-mac */