/*Stadium Wrap Style Sheet*/


/**********************************
 *  Global styles
 ***********************************/
* {
    margin: 0;
    padding: 0;
}

body {
    background: #2d2d2d url("/images/large_bg.jpg") repeat-y fixed center top;
    font-family: arial, helvetica, sans-serif;
    font-size: 85%;
}

#wrapper {
    width: 960px;
    margin: 0 auto;    
    background-color: #C3C3C3;
}

a {
    color: #cb5555;
}

a:hover {
    color: #b50505;
}


h1 { 

	font-size: 1.5em;
	margin-left: 30px;
	margin-bottom: 5px;
	color: #404040;
	
}

h2 {
    font-size: 1.2em;
    color: #cd5d5d;
}

ul li {
	list-style-type: none;
	padding: 5px 0px 5px 0px;
}

ul {
	padding-bottom: 1em;
}

ol {
	padding-bottom: 1em;
	padding-left: 20px;
}

ol li {
	padding: 5px 0px 5px 0px;
}

p {
    line-height: 1.6em;
    margin-bottom: 1em;

}

.none_display { display: none;}

.floatright {
     float: right;
     margin-left: 20px;
     border: 2px solid #e4c5c5;
}

#warriorImage {
     border: 2px solid #e4c5c5;
     margin-left: 30px;
}

.center {
     margin-left: 60px;
     margin-bottom: 20px;
     border: 2px solid #e4c5c5;
}


/**********************************
 *  Header content
 ***********************************/

#nav {
    background-color: #CCCCCC;
    height: 115px;
    width: 100%;
}

#nav_header_container {
    height: inherit;
    padding-bottom: 10px;
}

#logo {
    position: absolute;
    width: 170px;
}

#row1 {
    position: absolute;
    margin-left: 170px;
    margin-top: 0px;
    height: 52px;
    width: 790px;
}

.container {
    float: left;
    width: 100%;
}

#email_updates {
    background: #CCCCCC url("/images/updates.gif");
    width: 258px;
    height: 52px;
}

.lefty {
    float: left;
}

.righty {
    float: right;
}

#row2 {
    position: absolute;
    margin-left: 170px;
    margin-top: 60px;
    height: 45px;
    width: 790px;
}

#email_form_span {
    height: 18px;
    position: absolute;
    top: 25px;
    margin-left: 20px;
}

#email_form_submit {
    position: absolute;
    top: 22px;
    margin-left: 180px;
}

.email_address_box {
    border: medium none;
    color: #FFFFFF;
    background: transparent url("/images/signup_bg.gif") no-repeat scroll right top;
}

.findafranchisee {
    float: left;
    width: 492px;
    height: 32px;
    padding: 20px;
    text-align: right;
    background-image: url("/images/wrapyourstadium.jpg");
    background-repeat: no-repeat;
}

.franchiseeselect {
    width: 165px;
    margin-right: 20px;
    
}

/**********************************
 *  Flash Movie content
 ***********************************/

#middle_content {
    background-image: url(/images/content_bg.jpg);
    background-repeat: repeat-x;
	background-color: #c3c3c3;
    height: 576px;
    
}

#page_middle_content {
    background-image: url(/images/content_bg.jpg);
    background-repeat: repeat-x;
	background-color: #c3c3c3;
    height: 100%;
    padding: 20px 30px 30px 18px;
    
}

/**********************************
 *  Below Flash Movie content
 ***********************************/
#bottom_content {
    clear: both;
    background: #CCCCCC url("/images/footer_bg.jpg") repeat-x;
    height: 100%;
    padding: 0 15px;
}


#module_container{
    float: left;
    padding-top: 13px;
    width: 100%;
}

#module_container2{
    margin-top: 13px;
    width: 100%;
    background: #CCCCCC url('/images/qr-athlete-search.jpg') no-repeat;
    height: 158px;
}

#module_container2 a {
	width: 65%;
	height: 158px;
	position: relative;
	display: block;
	float: right;
}

.qr-form {
    position: absolute;
    /*margin: 115px 0px 0px 585px;*/
    margin-top: 87px;
    padding-left: 150px;
    z-index: 1;
    
}

.qr-text {
    color: #777777;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #222222;
    width: 70px;
}

.qr-submit {
    background-image: url('/images/qr-submit.png');
    width: 98px;
    border: none;
    cursor: pointer;
    height: 22px;
    margin-top: 5px;
    margin-left: 30px;
    border: none;
    background-color: transparent;
}

.athlete-search-results th, .athlete-search-results td {
    padding: 20px;
}

.left_floater {
    float: left;
    padding-right: 6px;
}

.right_floater {
    float: right;
}

#footer {
    clear: both;
    
}


#footer_nav {
    background: #CCCCCC url("/images/footer.gif") no-repeat;
    width: 930px;
    height: 35px;
    padding-top: 8px;
    padding-left: 10px
}


#footer_nav li {
    display: inline;
    color: #585858;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
}

#footer_nav a {
    color: #585858;
    text-decoration: none;
}

#footer p {
    font-size: .7em;
}

.centerfooter {
    text-align: center;
}


/**********************************
 *  Find a Franchisee Styles
 ***********************************/

#territory {
    background-image: url('/images/territory_bg.jpg');
    height: 576px;
    width: 960px;
    background-repeat: no-repeat;
    
}

.franchisee_photo {
    margin: 60px 0px 0px 60px;
    float: left;
 
}

#franchisee_info {
    width: 550px;
    text-align: left;
    float: right;
    color: #fff;
    margin-top: 220px;

}

.territory_content {
    height: 576px;
}

.message {
    color: #c6272e;
    font-weight: bold;
    margin-top: 75px;
    font-size: 1.4em;
    text-align: center;
    padding-right: 50px;
}

/**********************************
 *  Friday Night Warrior Styles
 ***********************************/

#textarea_fnw {
    height: 420px;
    background-image: url('/images/fnw_bg.jpg');
    background-color: #000;
    background-repeat: no-repeat;
    padding: 20px;
    width: 860px;
    margin-left: 12px;
    color: #fff;
}

.fnw_text {
    width: 430px;
    margin-top: 270px;
    font-weight: bold;
}

#choosestate {
    text-align: right;
    width: 430px;
}

#choosestate img {
    margin-top: -4px;
    float: right;
}

.floatee {
    float: right;
    width: 60px;
}


#textarea_fnw_interior {
    background-image: url('/images/fnw_interior_bg.jpg');
    background-color: #000;
    background-repeat: repeat-y;
    padding: 20px;
    width: 860px;
    margin-left: 12px;
    color: #fff;
}


#fnw_nominate {
    width: 288px;
    height: 460px;
    background-image: url('/images/fnw_nominate_bg.jpg');
    margin: -20px;
}

.fnw_nominate_text {
    padding: 20px;
    width: 250px;
    color: #fff;

}

#nominate_players {
    margin-left: 30px;
    margin-top: 200px;
}

#nominate_players a {
    background-image: url(/images/nominate_players.gif);
    width: 223px;
    height: 52px;
    display: block;
    text-decoration: none;
}

#nominate_players, #nominate_players a:hover {
    background-image: url(/images/nominate_players_roll.gif);
    width: 223px;
    height: 52px;
    display: block;

}

#nominate_players span, #view_recipients span {
    visibility: hidden;
}

#fnw_people {
    width: 500px;
    float: left;
    margin-left: 320px;
    margin-top: 20px;
    color: #000;
}

.fnw_statename {
    margin: 0;
    color: #000;

}

.fnw_table {
    margin: 0px;
    padding: 0px;
    font-size: .75em;
}

.fnw_table tr td {
   border: 1px solid #c3c3c3;
   padding: 1px;
}

.fnw_table .winner {
    width: 100px;
}

.fnw_table .coach {
    width: 100px;
}

.fnw_table .school {
    width: 150px;
}

.fnw_table .opponent {
    width: 75px;
}

.fnw_table .performance {
    width: 175px;
}

.fnw_table th {
    text-align: left;
}


#nominate_players2 a {
    background-image: url(/images/nominate_players2.gif);
    width: 234px;
    height: 80px;
    display: block;
    text-decoration: none;
}

#nominate_players2, #nominate_players2 a:hover {
    background-image: url(/images/nominate_players2_roll.gif);
    width: 234px;
    height: 80px;
    display: block;

}

#nominate_players2 span, #view_recipients span {
    visibility: hidden;
}




#view_recipients a {
    background-image: url(/images/view_recipients.gif);
    width: 234px;
    height: 80px;
    display: block;
    text-decoration: none;
}

#view_recipients, #view_recipients a:hover {
    background-image: url(/images/view_recipients_roll.gif);
    width: 234px;
    height: 80px;
    display: block;

}

#buttontable {
    width: 500px;
    margin-left: 153px;
    margin-top: 30px;
    margin-bottom: 40px;
}

#buttontable td {
    text-align: center;
    padding: 20px;
}


.longbreak {
    margin-bottom: 110px;
}



   	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		background-color: #191a14;
	}

/* 2 column left menu settings */
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:288px;
        background:#EEEEEE;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:288px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:20px 15px 0 310px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:288px;
        position:relative;
        right:288px;
        background-image: url('/images/fnw_nominate_bg.jpg');
    }




/**********************************
 *  Form Styles
 ***********************************/

#textarea {
    background-color: #eeeeee;
    padding: 20px;
    width: 860px;
    margin-left: 12px;
    
}

.boxtext {
   background-color: #f1e5df;
   color: #7d0808;
   padding: 10px;
   font-style: italic;
}

.form {
   background-color: #fff;
   padding: 10px;
   border: 2px solid #f1e5df;
   width: 860px;
}

.form td {
   padding: 10px;
}

/* Style for the Franchising interest form */
#form td {
	padding-top: 15px;
	
}

.form th {
   color: #fff;
   background-color: #cd5d5d;
   padding: 10px;
   font-size: 1.3em;
   text-align: left;
}

.red {
   color: #b70d0d;
}

.invisible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.error_field {
    background-color: #FFE5AF;
}

.non_error_field {
    background-color: #FFFFFF;
}

.formlabel {
    width: 200px;
    height: 60px;
}

.formfield {
    width: 400px;
    height: 60px;
}

.formvalidation {
    color: #b70d0d;
}

hr {
    border: 1px solid #cd5d5d;
}

/**********************************
 *  Designs Page Styles
 ***********************************/

#textarea_designs {
    background-color: #eeeeee;
    padding: 0;
    width: 900px;
    margin-left: 12px;
    
}

#target_div {
    padding-left: 20px;
}

.bar {
    background-color:#1e1e1e;
    color:#FFFFFF;
    font-size:1.3em;
    padding:9px;
    text-align:left;
}

.designstable {
    width: 860px;
    text-align: center;
}

.designstable td {
    padding-top: 15px;
    width: 140px;
    padding-left: 9px;
    padding-right: 9px;
}

#designimages img {
    border: none;
}

#designimages a {
    width: 140px;
    height: 210px;
    display: block;
    border: 5px solid #eeeeee;
}

#designimages a:hover {
    border: 5px solid #cc5858;
    width: 140px;
    height: 210px;
    display: block;
}

a.athletelb {
    width: 140px;
    height: 210px;
    display: block;
    border: 5px solid #eeeeee;
}

a.athletelb:hover {
    border: 5px solid #cc5858;
    width: 140px;
    height: 210px;
    display: block;
}

.athletelb img {
    border: none;
}

.downarrow {
    background-image: url('/images/downarrow_bg.jpg');
}

.uparrow {
    background-image: url('/images/uparrow_bg.jpg');
}




.color1 {
    width: 148px;
   
}

.color2 {

    width: 148px;
}


.mascot {
    width: 201px;
}

.sport {
    width: 180px;
}

.go {
    width: 150px;
    cursor: pointer;
    
}

.style {
    width: 220px;
}

.designselection {
    width: 900px;
    height: 53px;
    color: #fff;
}

.designselection td {
    text-align: center;
    vertical-align: top;
    padding-top: 23px;
    height: 53px;
}

#designsheader {
    width: 890px;
    height: 67px;
    padding-top: 388px;
    padding-left: 10px;
    background-image: url('/images/designsheader.jpg');
    margin: 0;
    background-repeat: no-repeat;
    
}


/**********************************
 *  Franchising Section Styles
 ***********************************/
 
#franchisinglinks {
  font-weight: bold;
  margin-left: 25px;
  margin-bottom: -10px;
  margin-top: 10px;
 
}

#franchisinglinks li {
display: inline;
padding: 0px 5px 0px 5px;
color: #5e5e5e; 
 
}

#franchisinglinks li a{
   text-decoration: none;
   color: #222222;
   font-size: .8em;
}

#franchisinglinks li a:hover {
   text-decoration: none;
   color: #b60808;
   font-size: .8em;
}

#franchising_map {
   width: 430px;
   float: right;
}

.investmenttable {
   background-color: #fff;
   padding: 15px;
   border: 0;
}

.investmenttable td, .investmenttable th {
   padding: 5px;
}

.investmenttable th {
   background-color: #f1e5df;
   color: #5e5e5e;
}

#textarea_franchising {
   background-image: url('/images/franchising_bg.jpg');
   background-color: #000;
   background-repeat: no-repeat;
   padding: 20px;
    width: 860px;
    margin-left: 12px;
    color: #fff;
}

#franchising_text {
   width: 420px;
   float: left;
   
}

.contentspacer {
   display: block;
   height: 550px;
}

.textcenter {
   text-align: center;
}

.white {
    color: white;
}

.franchisingtitle {
    font-size: 1.6em;
    color: #b50707;
}

#applicationlink {
    margin-left: 20px;
    font-size: 1.3em;
    color: #fff;
    width: 114px;
    height: 32px;
    display: block;
}

#franchisinglinks #applicationlink a {
    color: #fff;
    width: 114px;
    height: 32px;
    background-image: url('/images/application_button_off.gif');
     display: block;
     float: right;
     margin-top: -8px;
   
}

#franchisinglinks #applicationlink a:hover {
    color: #fff;
    background-image: url('/images/application_button_roll.gif');
    width: 114px;
    height: 32px;
    display: block;
}

#franchisinglinks #applicationlink span {
    visibility: hidden;
}

.teamtable {
    width: 860px;
    
}

.teamtable td {
    padding: 10px;
    vertical-align: top;
}

.teamtable .photo {
    width: 160px;
}

/**********************************
 *  Get Started Page Styles
 ***********************************/
 
.getstarted {
    width: 750px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.getstarted td {
    padding: 10px;
    vertical-align: top;
}

.getstarted .photo {
    text-align: center;
}

#search {
    cursor: pointer;
}