﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #000000;
    font-size: .75em;
    font-family:Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}
label
{
	text-align:left;	
	font-size:11px;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
	margin-left:0px;padding-left:0px;    
}

#registerhere
{
    text-align: right;
    cursor:pointer;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	padding:0;
	margin:0;
    width: 100%;
    height:100%;
    margin-left: auto;
    margin-right: auto;    
}

div#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    z-index:3;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
	border:solid 1px #ffffff;
	background-color:white;
	
	padding: 30px 30px 15px 30px;    
    margin-bottom: 30px;    
    width:50%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;    
    font-size:11px;    
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    text-align:left;
}
/*
 *********************************************************
 *sharp 
*/
#playerList
{
	margin:20px 15px 15px 27px;
	border:solid 0px blue;
}
ul#sharp_team_roster {margin-top:0px;margin-left:0px;padding-left:0px;padding-top:0px;}
ul#sharp_team_roster li {float:left;text-indent:-999em;width:63px;height:94.5px;overflow:hidden;margin:0 10px 10px 0;background-position:0px 0;background-repeat:no-repeat;border:0px;background-color:Transparent;}
ul#sharp_team_roster li#rick_ankiel      {background-color:Transparent; background-image:url(../content/images/rick_ankiel.png);position:relative}
ul#sharp_team_roster li#joba_chamberlain { background-image:url(../content/images/joba_chamberlain.png); }
ul#sharp_team_roster li#prince_fielder   {background-image:url(../content/images/prince_fielder.png); }
ul#sharp_team_roster li#matt_holliday    {background-image:url(../content/images/matt_holliday.png); }
ul#sharp_team_roster li#torii_hunter     {background-image:url(../content/images/torii_hunter.png); }
ul#sharp_team_roster li#derek_lowe       {background-image:url(../content/images/derek_lowe.png); }
ul#sharp_team_roster li#john_maine       {background-image:url(../content/images/john_maine.png); }
ul#sharp_team_roster li#rick_porcello    {background-image:url(../content/images/rick_porcello.png); }
ul#sharp_team_roster li#hanley_ramirez   {background-image:url(../content/images/hanley_ramirez.png); }
ul#sharp_team_roster li#ryan_theriot     {background-image:url(../content/images/ryan_theriot.png); }

ul#sharp_team_roster li.hover {cursor:pointer;background-position:0 -94.5px;}

#sharp_col_a {width:200px;float:left;}
#sharp_col_b {width:775px;float:right;}
/*#sharp_top_content {position:absolute;top:75px;left:0px;}*/
#sharp_top_content {position:absolute;top:10px;left:0px;}
#sharp_col_b #mlbpa_logo  {position:absolute;top:310px;left:940px;z-index:12;}
#mc_container
{
	color: #fff;
	background: #000 url(../Content/Images/background_field_dark.jpg) 0 0px no-repeat;	
	height:100%;	
}
#tw_mc {width:990px;border:solid 0px red;}

#tw_mc #mc_container {min-height:300px;clear:both;}

#mc ul.sharp_subnav li a:hover {text-decoration:none;}
#sharp_team #holder .inner {padding:0px 10px 1px 10px;}

#sharp_team_player #holder .inner {padding:0px 10px 1px 10px;}
#lockup {position:absolute;top:25px;right:5px;}
.sharp_container {position:relative;min-height:850px;height:850px;color:#fff;font-family: Verdana ;}
.sharp_container h3 {position:absolute;top:29px;left:26px;height:24px;width:255px;text-indent:-999em;}

ul.sharp_subnav
{
	position: absolute;
	top: 0px;
	left: 25px;
	width: 156px;
	list-style-type: none;	
	padding:0px;
	margin:0px;
	text-align:left;	
}
ul.sharp_subnav li{float:left;width:156px;height:31px;text-indent:7px;padding:0;margin:0;background:url(http://mlb.mlb.com/sponsors/sharp/images/nav-pom-off.png) no-repeat}
ul.sharp_subnav li.on,
ul.sharp_subnav li.selected {background:url(http://mlb.mlb.com/sponsors/sharp/images/nav-pom-on.png) no-repeat}
ul.sharp_subnav li a {color:white;display:block;width:156px;text-decoration:none;line-height:31px;font-weight:bold;}
ul.sharp_subnav li a:hover {color:white}
ul.sharp_subnav li a:link {color:white}
ul.sharp_subnav li a:visit {color:white}
a
{
	border:0;
}
img
{
	border:0;
}
select
{
    width:142px;
    height:26px;
    margin:5px 5px 5px 3px;    
}

#sharp_team #holder 
{
	position:absolute;
	top:0px;
	left:207px;	
	background: url(http://mlb.mlb.com/sponsors/sharp/images/bkg-white-team.png) no-repeat;			
	height:338px;
	width:675px;
}
#holder 
{
	position:absolute;top:0px;left:207px;
	background:url(http://mlb.mlb.com/sponsors/sharp/images/bkg-white-alliance.png) no-repeat;	
	height:367px;width:751px;	
}
input[type="text"] ,input[type="password"]
{
    /*width: 142px;    
    height:34px;
    border: solid 10px red;
*/	
	border: solid 0px;
    width:132px;
    background-color:Transparent;
	/*height:26px;*/	
	/*
    margin:5px 0 5px 0;*/
    /*padding:10px 10px 0px 10px;        */
    margin:10px 5px 2px 10px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:11px;    
    /*background:url(../Content/Images/Input_field.png) no-repeat 0 0;        */
    /*background-attachment: fixed;*/    
}
div.field
{
	width:153px;
	height:32px;
	background:url(../Content/Images/Input_field.png) no-repeat 0 0;        
	float:left;    
}

div.fieldNoImageRego
{
	width:153px;
	height:26px;	
	float:left;    	
}

div.fieldrego
{
	width:153px;
	height:26px;
	background:url(../Content/Images/Input_fieldsmall_long.png) no-repeat 0 0;        
	float:left;    
}
 div.fieldrego input[type="text"] ,div.fieldrego input[type="password"]
{
    /*width: 142px;    
    height:34px;
    border: solid 10px red;
*/	
	border: solid 0px;
    width:132px;
    background-color:Transparent;
	/*height:26px;*/	
	/*
    margin:5px 0 5px 0;*/
    /*padding:10px 10px 0px 10px;        */
    
    margin:7px 3px 2px 7px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:11px;    
    /*background:url(../Content/Images/Input_field.png) no-repeat 0 0;        */
    /*background-attachment: fixed;*/    
}

div.fieldNoImageRego select
{
    font-size:11px;    
    height: 22px;
    margin : 0px;
    
}

div.fieldSmall
{
	width:83px;
	height:32px;
	background:url(../Content/Images/Input_field_small.png) no-repeat 0 0;        
	float:left;    
}
div.fieldNoImage
{
	width:153px;
	height:32px;	
	float:left;    	
}
input.focusField  
{
    border:solid 0px #73A6FF;  
    /*background:white;  */    
    color:#000;              
}  
input.idleField{  
    /*background:white;
    
    border:solid 0px #DFDFDF;      */
    color: #6F6F6F;      
}    
input.error 
{
    /*border:solid 1px red;    */
    color:Red;

}
div.error em
{
	font-style:normal;
}      
input.btnBlue
{
	background: url(http://mlb.mlb.com/sponsors/sharp/images/btn_submit_blue.png);	
	border:0px;
	color:White;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	font-weight:bold;
	width:64px;
	height:25px;
	margin:-4px 0px 0px 0px;
	padding:0px;
	
}
input.btnRed 
{
	cursor:pointer; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10.5px; 
	font-size-adjust:none; 
	font-stretch:normal; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	line-height:normal; 
	border: 0; 
	padding: 0; 
	margin: -4px 0 0 0; 
	background: url(http://mlb.mlb.com/sponsors/sharp/images/btn_submit_red.png); 
	width: 64px; 
	height: 25px; 
	color: #FFF;
}
   
    div#sharp_col_b div#holder div.inner div#watchItLikePro
    {
	    position:absolute;
	    top:1px;
	    left:4px;    	
	    border:solid 0px red;
	    padding:0px;
	    z-index:19;
    }
    
    div#sharp_col_b div#holder div.inner div#sharePageButton
    {
    	position:absolute;
    	bottom:3px;
    	left:1px;
    	z-index:2;    	
    }
    div#sharp_col_b div#holder div.inner div#corner
    {
    	position:absolute;
    	bottom:7px;
    	right:8px; 
    	z-index:1;   	
    }
    
    div#sharp_col_b div#holder div.inner div#header
{
	position:absolute;
	top:10px;
	right:15px;
	
}
/**** mbl ***/
a  
{
	font-family: Arial, Helvetica, sans-serif;
	color:#00c; 
	}
	img.png{border:0px}
	        
/****Claim***/
div#claimErrorSummary
{
	position:absolute;
	bottom:55px;
	right:110px;
	text-align:left;
	height:30px;
}	        
	        
/*
 * Log on
 */	    
div#closingTextHeader
{
	position:absolute;
	top:60px;
	left:145px;    	
	padding:0px;
	z-index:8;
}

div#alreadyWonLink
{
	position:absolute;
	top:226px;
	left:304px;    	
	padding:0px;
	cursor:pointer;
	z-index:8;
}

div#closingText
{
	position:absolute;
	top:140px;
	left:85px;    	
	padding:0px;
	z-index:8;
}
div#tv
{
	position:absolute;
	top:15px;
	left:5px;    	
	padding:0px;
	z-index:8;
}

div#signUpPrizes
{
	position:absolute;
	bottom:5px;
	right:20px;
	z-index:8;    	
}
div#signUpNow
{
	position:absolute;
	top:10px;
	right:40px;
	z-index:2;    	
	text-align : right;
}


div#signUpNowButton
{
    position:absolute;
	top:65px;
	right:130px;
	z-index:2; 
	cursor : pointer;
	border : 0;
}

div#signUpRedArrow
{
	position:absolute;
	top:210px;
	right:60px;
	z-index:7;    	
}    

div#validationSummaryBox
{
	position:absolute;
	left:300px;
	top:115px;
	height:10px;
	font-weight:bold;
	font-size:11px;
}    

/*** packages page ***/

#playerDetailsBox
{
	color:black;
	font-size:11px;
	font-family:Verdana;
	position:absolute;
	text-align:left;
	top:70px;
	right:20px;
    width:176px;
    height:235px;
    border:solid 0px red;
    overflow:auto;
	z-index:2;
	background: url(../Content/Images/listback.png) no-repeat;	
}
/*** Game ***/

div#gameInstructionBack
{
	position:absolute;
	right:10px;
	top:5px;
	height:285px;
	width:220px;
	border:solid 0px red;
	background:url(../Content/Images/map_storeList_back.png) no-repeat;
}

div#gameInstructionBack div
{
	margin:20px 10px 10px 20px;
	text-align:left;
	width:180px;
	color:Black;
}
/*** map ***/
div#sendEmailDialog
{
	text-align:center;
}
   div#location_canvasBox
    {
    	border:solid 1px Transparent;
    	text-align:left;
    	padding:0px;    	    	
    	width:223px;        	
    	height:290px;
    	background:url(../Content/Images/map_storeList_back.png) no-repeat;
    }
    div#map_canvas
    {
    	margin:12px 15px 12px 12px;    	
    	width: 465px;
    	height: 260px;	    
	    border:solid 1px white;	    
	}

	div#zipSmallSearchBox
	{
		position:absolute;
		top:40px;
		right:170px;
		width:50px;		
	}
		input#zipCodeSearchTextBox
	{
		width:45px;
		margin-left:-7px;		
	}
	
    div#map_canvasBox 
    {    	   
	    width: 496px;
	    height:290px;
	    border:solid 1px transparent;
	    background:url(../Content/Images/map_back.png) no-repeat;
	    z-index:0;
	    	    
	}
	div#locationArea
	{
		position:absolute;
    	bottom:15px;
    	right:15px;
    	border:solid 0px red;    	
    	width:220px;    
    	height:285px;
    	float:none;
	}
	 
    div#location_canvasBox
    {
    	border:solid 1px transparent;
    	text-align:left;
    	padding:0px;    	    	
    	width:223px;        	
    	height:290px;
    	background:url(../Content/Images/map_storeList_back.png) no-repeat;
    }
    div#location_canvas
    {
    	width:190px;
    	height:255px;
    	overflow:auto;
    	padding:0px;
    	margin:15px;
    	border:solid 1px Transparent;
    	z-index:10;    	
    }
	/*** Register Page ***/
	
#playerList
{
	margin:20px 15px 15px 30px;
	border:solid 0px blue;
}
#registrationForm #chooseYourFavoriteSection
{
	position:absolute;
	top:55px;
	left:5px;
    width:411px;
    height:240px;
    border:solid px red;    
    float:none;
    padding:0;
	margin:0;
	z-index:2;	
	background:url(../Content/Images/playerbg.png) no-repeat;
	text-align:center;
}


#prizeDetails UL
{
	text-align: left;
	list-style-type: disc;	
	margin:10px 0px 10px 10px;
}
#playerDialog #playerBack
{
    position:absolute;
	top:50px;
	left:30px;
}
#playerDialog #prizePackage
{
	position:absolute;
	top:50px;
	right:0px;
	z-index:1;
}

div#RegistrationCheck { border: solid 0px white; position: absolute; bottom: 8px; right: 20px; text-align: left; letter-spacing: -1px; font-size: 11px; line-height:80% }
.checkbox  { padding: 0; }

div#registerFormSection
{
	font-size:11px;
	letter-spacing:-1px;
	position:absolute;
	right:10px;
	top:18px;
	border:solid 0px white;		
	width:315px;
	height:240px;
	padding:0;
	margin:0;	
}    

	div.fieldRow
{
	text-align:left;
	border:solid 0px white;
}
div.errorRow
{
	text-align:left;
	color:White;
	width:100%;
	display:none;
}
/*** Terms and Conditions ***/
#termsAndConditions
{
 margin-top:20px;
 margin-left:20px;
 overflow:auto;
 text-align:left;
 height:300px;
 width:701px;
}

/***Package ***/
#chooseYourFavoriteSection
{
	position:absolute;
	top:68px;
	right:10px;
    width:411px;
    height:240px;
    border:solid 0px red;    
    float:none;
    padding:0;
	margin:0;
	z-index:2;	
	background: url(../Content/Images/package_playerback.png) no-repeat;
	text-align:center;
}
#playerDialog #prizeDetails
{
	position:absolute;
	bottom:15px;
	left:10px;
	width:400px;		
	text-align:left;
	font-size:9px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	border:solid 0px red;
	letter-spacing:0px;	
	z-index:2
}

#playerDialog #prizeDetails a
{
    font-weight:bold;
    font-size:11px;
    color:#0000CC;
}

#playerDialog #prizeDetails #prizeList
{
	/*width:265px;	*/
	width:465px;
	border:solid 0px blue;
}

#playerDialog #prizeDetails .title
{
	font-weight:bold;
	width:255px;	
}
#prizeDetails UL
{
	text-align:left;	
	padding-left:10px;
}

div#prizes
{
	position:absolute;
	top:70px;
	left:3px;
	z-index:0;
}
div#wording
{
	position:absolute;
	bottom:30px;
	right:20px;
	z-index:1;
}
