/*
     *  Main Settings
     */
    
    body
    {
        margin: 0px;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
	width: 100%;
    }
    h1
    {
        text-align: center;
        color: #2E4270;
        font-size: x-large;
        margin: 10px;
    }
    p
    {
        padding: 5px;
    }
    a:link {
        color: #407e7e;
    }
    
    a:visited {
        color: #407e7e;
    }
    a:hover {
        color: #226464;
        font-weight: bold;
    }
    a:active {
        color: #639696;
    }
	img {
		border-style: none;
	}
    .center
    {
        text-align:center;
    }
    
    /*
     * Divs
     */
    #main
    {
        margin: 0 auto;
        width: 970px;
    }
    #tabs
    {
        height: 550px;
    }
    #home
    {
        margin-top: 10px;
        height: 500px;
    }
    #home-left
    {
        width: 650px;
        height: 20px;
        float: left;
    }
    #home-right
    {
        padding-top: 30px;
        margin-left: 670px;
        width: 300px;
    }
    #party
    {
        height: 390px;
    }
    #party-left
    {
        width: 650px;
        float: left;
    }
    #party-right
    {
        padding-top: 90px;
        margin-left: 670px;
        width: 300px;
    }
    #top
    {
        height: 110px;
        width: 800px;
        background-image: url("img/logo.jpg");
        background-repeat: no-repeat;
    }
    #footer
    {
        margin-top: 130px;
    }
    #eticketTableDiv
    {
        margin-top: 10px;
	display: inline-block;
    }
    #eticket
    {
        width: 950px;
    }
    
    #detailsLeft {
        width: 370px;
        float: left;
    }
    #detailsMiddle {
        width: 330px;
        float: left;
        margin-left: 16px;
    }
    #detailsRight {
        width: 200px;
        float: left;
        margin-left: 16px;
        margin-top: 40px;
    }
    #partyConfirm
    {
	width: 300px;
	margin-left: 325px;
    }
	#confirmSubmission
	{
		width: 700px;
		margin-left: 135px;	
	}
    
    /*
     * Image Rotation
     */
    
    .fadein { position:relative; height:500px; width:500px; }
    .fadein img { position:absolute; left:0; top:0; }
    
    /*
     * eTicket Related
     */

    .eticketTable
    {
        text-align: center;
        border-spacing: 0px;
    }
    
    .selectHref
    {
        text-decoration:  none;
        font-size: large;
    }
    tr.lastGame td.leftCell
    {
        border-collapse: collapse;
        border-top: 2px solid #006699;
        border-bottom: 2px solid #006699;
        border-left: 2px solid #006699;
    }
    tr.lastGame td.rightCell
    {
        border-collapse: collapse;
        border-top: 2px solid #006699;
        border-bottom: 2px solid #006699;
        border-right: 2px solid #006699;
    }
    tr.lastGame td.spacer
    {
        border-collapse: collapse;
        border-top: 2px solid #006699;
        border-bottom: 2px solid #006699;
    }
    .leftCell
    {
        width: 332px;
        height: 30px;
        text-align: right;
    }
    .rightCell
    {
        width: 332px;
        height: 30px;
        text-align: left;
    }
    .spacer
    {
        text-align: center;
        width: 34px;
    }
    .leftRightSpace
    {
        color: #006699;
        font-size: medium;
        width: 128px;
    }
    .statusbox
    {
        width: 20px;
        height: 20px;
        margin-left: 20px;
        margin-right: 20px;
        vertical-align: bottom;
        /*text-align: center;
        background-image: url('/img/empty.jpg');
        background-repeat: no-repeat; */
        display: inline-block;
    }
    .leftstatusbox
    {
	float: right;
    }
    .rightstatusbox
    {
	float: left;
    }
    div.loader {
	background: url("/img/loading.gif") no-repeat scroll 0 0 transparent;
	height: 32px;
	width: 32px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;
    }
    .contactTd
    {
        padding: 6px 20px;
    }
    
    /*
     *  Winners List Tab
     */
    #winnersListTable {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }
    #winnersListTable th {
        font-size: 20px;
        padding-bottom: 10px;
    }
    #winnersListTable td {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #winnersListTable .large {
        font-size: 19px;
        font-weight: bold;
    }
    #winnersListTable .bottomBorder td, td.bottomBorder {
        border-bottom: 1px solid black;
    }

    /*
     * Submit button on eTicket
     */
    
    .submitBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cfcfcf));
	background:-moz-linear-gradient(top, #ededed 5%, #cfcfcf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #cfcfcf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #cfcfcf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #cfcfcf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #cfcfcf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cfcfcf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#545454;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:15px 30px;
	text-decoration:none;
        height: 100px;
        width: 200px;    }
    .submitBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #cfcfcf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #cfcfcf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #cfcfcf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #cfcfcf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #cfcfcf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ededed',GradientType=0);
	background-color:#cfcfcf;
    }
    .submitBtn:active {
	position:relative;
	top:1px;
    }
    
    /*
     * Text input boxes in eTicket
     */

    input[type="text"] {
        display: block;
        margin: 0;
        width: 170px;
        font-family: sans-serif;
        font-size: 16px;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        padding: 10px;
        border: solid 1px #969696;
        transition: box-shadow 0.3s, border 0.3s;
    }
    input[type="text"]:focus,
    input[type="text"].focus {
        border: solid 1px #707070;
        box-shadow: 0 0 5px 1px #969696;
    }
    
    /*
     * Pop-up message box
     */
    #modal {
        width:600px;
        height:200px;
        padding:8px;
     
        background:rgba(0,0,0,.3);
     
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
     
        position:fixed;
        top:50%;
        left:50%;
        margin-top:-94px;
        margin-left:-300px;
        z-index:101;
        visibility: hidden;
    }
    
    #heading {
        width:600px;
        height:50px;
     
        background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
        background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
        background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
        background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
        background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
     
        border-bottom:1px solid #bababa;
     
        -webkit-box-shadow:
            inset 0px -1px 0px #fff,
            0px 1px 3px rgba(0,0,0,.08);
        -moz-box-shadow:
            inset 0px -1px 0px #fff,
            0px 1px 3px rgba(0,0,0,.08);
        box-shadow:
            inset 0px -1px 0px #fff,
            0px 1px 3px rgba(0,0,0,.08);
     
        -webkit-border-radius:4px 4px 0px 0px;
        -moz-border-radius:4px 4px 0px 0px;
        border-radius:4px 4px 0px 0px;
     
        font-size:20px;
        font-weight:bold;
        text-align:center;
        line-height:50px;
     
        color:#444444;
        text-shadow:0px 1px 0px #fff;
    }
    
    #content {
        width:600px;
        height:150px;
     
        background:#FF3333;
     
        -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
        -moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
        box-shadow:0px 1px 3px rgba(0,0,0,.25);
     
        -webkit-border-radius:0px 0px 4px 4px;
        -moz-border-radius:0px 0px 4px 4px;
        border-radius:0px 0px 4px 4px;
    }
    #gametimer {
        border: 5px solid red;
        padding: 7px;
        color: red;
        font-size: large;
        text-align: center;
    }
    #timer
    {
        font-size: xx-large;
        padding-top: 8px;
    }

     
    #content p {
        font-size:18px;
        font-weight:normal;
        text-align:center;
        line-height:22px;
        color:#FFFFFF;
     
        width:100%;
        float: left;
     
        margin:19px 0;
    }
    #content a:link, #content a:hover, #content a:visited, #content a:active {
        text-decoration: none;
        color: white;
    }
    
    .button {
        width:150px;
        height:45px;
     
        font-size:15px;
        font-weight:bold;
        line-height:40px;
     
        color:#fff;
        text-shadow:0px 1px 0px rgba(0,0,0,.2);
     
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
     
        -webkit-box-shadow:
            inset 0px 1px 0px rgba(255,255,255,.5),
            0px 1px 2px rgba(0,0,0,.3);
        -moz-box-shadow:
            inset 0px 1px 0px rgba(255,255,255,.5),
            0px 1px 2px rgba(0,0,0,.3);
        box-shadow:
            inset 0px 1px 0px rgba(255,255,255,.5),
            0px 1px 2px rgba(0,0,0,.3);
     
        float:left;
    }
    /* Not currently used */
    .button img { 
        float:left;
        width:33px;
        height:33px;
    }
     
    .button.green {
        background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
     
        border:1px solid #5b8821;
     
        margin:0 5px 0 35px;
    }
    .button.red {
        background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
     
        border:1px solid #b0333e;
     
        margin:0 225px 0 225px;
        text-align: center;
    }
    
    /*

        Rules styles

    */
    #rulesUL {

        list-style-type: circle;

        background-color: #dfdfdf;

        padding-top: 5px;

        padding-bottom: 5px;

        border: 2px solid black;

    }
    #rulesUL > li {

        font-size: 18px;

        font-weight: bold;

        line-height: 30px;

    }

    /*
     * Week select drop down
     */
    
    #dropdown { 

        padding: 10px; 
        border: 2px solid #08088A; 
        width: 200px;
        margin-left: 363px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #dropdown > ul { display: none; padding: 0; list-style-type: none; }
    #dropdown:hover > ul, #dropdown:active > ul {
        display: block;
        background: #f9f9f9;
        border: 2px solid #08088A;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 200px;
        position: absolute;
        margin-top: 10px;
        padding: 0px;
    }
    #dropdown:hover > ul > li {
        padding: 5px;
        border-bottom: 1px solid #4f4f4f;
        text-align: center;
        display: block;
    }
    #dropdown:hover > ul > li:hover { background: white;}
    #dropdown:hover > ul > li:hover > a { color: red; }