/* This stylesheet controls the appearance of the Sports pool pages. */
 
/* colors used in this theme 

b5be9e - light field green
6a7b9a - light stadium blue
9ea97e - dark field green
333333 - dark gray
eeeeee - light gray
cccccc - medium gray
f6f6f7 - dirty white
ffffff - white

*/

/* Main page properties */

html {
    scrollbar-arrow-color : #333333; 
    scrollbar-base-color : #eeeeee;
    scrollbar-dark-shadow-color : #eeeeee;
    scrollbar-face-color : #eeeeee;
    scrollbar-highlight-color : #333333;
    scrollbar-shadow-color : #eeeeee;
    }

body {
    font: normal 10pt 'arial'; 
    color: #333333;
    background-color: #f6f6f7;
    margin:  0;
    background-image: url(bg_gradient.jpg);
    background-repeat: repeat-x;
    }

/* Link properties */
a {
    color: #505050; 
    text-decoration:underline;
    }

a:hover {
    color: #ffffff ;
    text-decoration: none; 
    background-color: #9ea97e;
    }


/* Miscellaneous page item properties */

h1, h2, h3, h4, {
    font-family:arial;
    margin-left: 20px;
    color: #333333;
    }
hr {
    color: #6a7b9a; 
    width: 70%;
    }
code {
    color: #9ea97e;
    }

/* Properties for the area that holds all page content */

#wrapper {
    margin: 0 auto;
    border-right: 1pt solid #333333; 
    border-left: 1pt solid #333333; 
    border-bottom: 1pt outset silver; 
    width: 95%; 
    background-color: #ffffff; 
    background-image: url(stadium.jpg); 
    background-repeat: no-repeat;
    }

#banner {
    background: transparent;
    height: 87px; 
    border: 0;
    margin: 0;
    padding: 0;
    }

#mainnav	{
    clear: both;
    height: 30px; 
    width: 100%; 
    background: transparent; 
    background-image: url(gradbg_sml.jpg);
    background-repeat: repeat-x;
    text-align: center;
    padding: 0; 
    /* margin: 0;
    margin-top: 7px; */
    margin: 7px auto;
    }

#navlist {
    /* margin-left: 20px; */
    display: table;
    margin: 0 auto;
    font-family: arial, helvetica, sans-serif;
    }


#navlist a {
    display: block; 
    border-left: 1px solid #cccccc;
    white-space: nowrap;
    margin: 0;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    padding: 8px 0 7px 0;
    color: #333333;
    text-decoration:none;
    text-transform: uppercase;
    }
#navlist a.first {
    border-left: 0;
    }
	
#navlist a:hover {
    color: #f6f6f7;
    background-color: #cccccc;
    background-image: url(gradbg3_sm.jpg);
    background-repeat: repeat-x;
    }	


#navlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float:left;
    width: 110px;
    }

#navlist li {
    position: relative;
    background: none;
    min-height: 1px;
    text-align: center;
    }

#navlist ul ul {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    padding: 2px 0 0 0;
    margin:-2px 0 0 1px; 
    width: 160px; 
    text-align:left;
}
#mainnav ul ul {background-color: #9ea97a; border: 0px solid #6a7b9a; }
#navlist ul ul ul {
    top:0;
    left:100%;
}


/*     margin-left: -57px; */
#navlist ul ul li a, #navlist ul ul ul li a  {
    display:block; 
    background: transparent;
    border: 0;
    text-align: left;
    white-space:nowrap;
    margin:0;
    padding: 0 0 0 2px;
    height: 20px;
    border-bottom: 1px solid #6a7b9a;
}

div#navlist li:hover ul ul,
div#navlist li li:hover ul ul,
div#navlist li li li:hover ul ul,
div#navlist li li li li:hover ul ul
{display:none;}

div#navlist li:hover ul,
div#navlist li li:hover ul,
div#navlist li li li:hover ul,
div#navlist li li li li:hover ul
{display:block;}

#content {
    width: 97%;
    min-height: 450px;
    margin: 0 auto;
    border: 0;background-color: #ffffff;
    padding-top: 1%;
    text-align: left;
    vertical-align: top;
    }

#footer {
    clear: both;
    display: block;
    width: 100%;
    padding: 0.0em;
    background-color: #cccccc;
    background-image: url(http://www.ihannex.com/pool/assets/gradbg.jpg);
    background-repeat: repeat;
    border-top: 1px solid #dddddd;
    border-bottom: 2px solid #808080;
    text-align: center;
    vertical-align: middle;
    font-size: x-small;
    font-weight: bold;
    height: 50px;
    }

input, select, textarea {
    font-size: 10pt; 
    font-family: arial; 
    color: #000000;
    }

option.contrast {
    background-color: #b5be9e;
    }

/*  error messages */


.errmsg {
    font-weight: bold;
    font-size: 1.2em;
    color: #9ea97e;
    }

/* Common table properties, used by Sports pool content */
table {
    border: 0;
    }
th {
    margin: 0;
    padding: 0.3em;
    border: 0;
    color: #333333;
    background-color: #bbbbbb;
    border-top: 1px solid #bbbbbb;
    border-left: 2px solid #999999;
    border-right: 0px solid #999999;
    border-bottom: 2px solid #999999;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border-spacing: 0; 
    background-image: url(http://www.ihannex.com/pool/assets/gradbg.jpg);
    }
table.sortable th {
    background-image: url(http://www.ihannex.com/pool/assets/gradbg3_sm.jpg);
    color: #eeeeee;
    }

table.sortable th.sorttable_nosort {
    color: #333333;
    background-image: url(http://www.ihannex.com/pool/assets/gradbg.jpg);
    }
tbody.scrll {
    display: block;
    height: 400px;
    overflow: auto
    }

td {
    margin: 0;
    padding: 0.2em; 
    border-top: 0px solid #999999;
    border-left: 0px solid #999999;
    border-right: 0px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    vertical-align: bottom;
    border-collapse: collapse;
    border-spacing: 0;
    }

/* The data cells for alternate rows  */
tr.alt1 td {
    background: #e0e0e0;
    }
tr.alt2 td {
    background: #ffffff;
    }
tr.hver td {
    background: #f0fff0;
    }

/* The data cells for alternate rows */
tr.alt1h td {
    background: #e0e0e0; 
    text-align: left;
    }
tr.alt2h td {
    background: #ffffff; 
    text-align: left;
    }

/* The data cells for the viewing player on the standings */
tr.player td {  
    color: #9ea97e; 
    background: #fffacd; 
    font-weight: bold;
    }

/* Page table header cell in which the page header appears */
.header{ 
    background-color: #eeeeee;
    border: 0; padding: 0em; text-align: left; 
    border-top: 2px solid #999999;
    border-bottom: 2px solid #666666;
    border-left: 2px solid #999999;
    vertical-align: top; width: 35%;
    }

.loggedas {
    display: inline-block;
    background: transparent;
    color: #333333;
    font-size: 1.5em;
    font-weight: bold;
    height: 80px;
    width: 28%;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    border: 0;
    }
.ptitle {
    display: inline-block;
    background: transparent;
    height: 80px;
    border: 0;
    padding: 0; 
    padding-top: 5px;
    text-align: center; 
    vertical-align: top; 
    width: 38%;
    float: left;
    }

/*     */
.userarea {
    color: #333333;
    display: inline-block; 
    background: transparent;
    vertical-align: top; 
    text-align: right;
    font-weight: bold;
    height: 80px;
    width: 28%;
    float: right;
    padding: 0;
    padding-top: 25px;
    padding-right: 10px;
    }
.userarea a {
    color: #505050; 
    }

.userarea p {
    margin: 0;
    paddding: 0;
    }

/* Page table cell in which the user's info appears */
td.username {
    background-color: #eeeeee;
    border: 0;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #666666;
    border-right: 2px solid #666666;
    width: 25%;
    color: #9ea97e; 
    text-align: left;
    vertical-align: top;
    font-size: x-small;
    font-weight: bold;
    padding: 0em;
    }

td.blank {
    margin: 0;
    padding: 0.5em;
    border: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    text-align: center;
    vertical-align: bottom;
    }

/* The DIV for existing user logins in signon.php */
div.login {
    width: 800px; 
    margin: 0 auto;
    padding: 1em;
    line-height: 150%;
    }

/* The DIV for new user registrations in signon.php */
div.register {
    width: 800px; margin: 0 auto;
    margin-top: 1em;
    padding: 1em;
    line-height: 150%;
    }

/* The DIV for successful signon or registration in success.php */
div.success {
    width: 600px; margin: 0 auto;
    padding: 1em;
    line-height: 150%;
    }

/* The DIV for switching pools */
div.pswitch {
    width: 400px; margin: 0;
    padding: 1em;
    line-height: 150%;
    }

/* styling for entry forms */

form.ihform fieldset {
    display: block; 
    width: 580px; 
    padding:0 0 5px 35px;  
    margin:0 0 10px 10px; 
    border: 0px solid #666666;
    }
form.ihform fieldset#reg {
    background-image: url('register.gif'); 
    background-repeat: no-repeat; 
    background-position: 10px 10px; 
    }
form.ihform fieldset#log {
    background-image: url('login.gif'); 
    background-repeat: no-repeat; 
    background-position: 1px 5px; 
    }
form.ihform label {
    display: inline-block; 
    width:150px; 
    margin:0 0 0 0; 
    padding:0; 
    font-size:110%;
    }
form.ihform input {
    display: inline; 
    }
form.ihform p {
    clear: both; 
    }
form.ihform #Submit1, form.ihform #Submit2 {
    display: inline-block; 
    width:130px; 
    margin-right:20px; 
    background: #6a7b9a; 
    border:2px outset #999999; 
    text-align:center; 
    color: #ffffff; 
    font-size:120%;
    }
form.ihform #Submit1:hover, form.ihform #Submit2:hover {
    border:2px inset #999999;
    background-color: #b5be9e; 
    }
form.ihform legend {
    border: 2px solid #674a67; 
    padding: 3px;
    }

.buttons {
    width:350px; 
    text-align: center; 
    }

/* The format for the list of weeks for switching views */
p.switchweek { 
    padding-left: 10px; 
    width: auto; 
    margin: 0; 
    margin-left: 20px;
    margin-right: 20px;
    font-size: .8em;   
    background-color:     #6a7b9a;
    border-top: 1px solid #dddddd; 
    border-left: 1px solid #dddddd;
    border-bottom: 2px solid #808080; 
    border-right: 2px solid #808080; 
    /* background-image: url(http://www.ihannex.com/pool/assets/gradbg.jpg); */
    }
div.switchweek { 
    display: inline-block;
    padding-left: 10px; 
    width: auto; 
    color: #ffffff;
    margin: 5px auto; 
    margin-left: 20px;
    margin-right: 20px;
    font-size: .8em;   
    background-color:     #6a7b9a;
    border-top: 1px solid #dddddd; 
    border-left: 1px solid #dddddd;
    border-bottom: 2px solid #808080; 
    border-right: 2px solid #808080; 
    /* background-image: url(http://www.ihannex.com/pool/assets/gradbg.jpg); */
    }

.switchweek a {
    color: #ffffff;
    font-weight: 600;
    }
.tiebr {
    text-align: center;
    }
div.tiebr p {
    text-align: left;
    }
.winner {
    color: #005000;
    }
.loser {
    color: #990000;
    }

td.nonel {
    margin: 0;
    padding: 0.0em;
    border: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    text-align: left;
    vertical-align: bottom;
    }
th.deadlinex {
    background-color: #333333; 
    color: #ffffff; 
    }
th.deadline {
    background-color: #999999; 
    color: #333333; 
    }

#rmMenu {
    position: absolute; 
    top:0; 
    left:0; 
    visibility: hidden; 
    width: 130px; 
    background-color: #dddddd; 
    border: 2px outset #ffffff;
    z-index: 100;
    }  
#rmMenu ul {
    margin: 0;
    padding: 0;
    padding-left: 5px;
    list-style: none;
    }
a.Menu {
    font-size: 10px;
    color: #6a7b9a; 
    text-decoration: none; 
    width: 100%;
    }  
a.Menu:hover {
    color: #333333; 
    }
.copyright {
    border-top: 1px solid #333333;
    font-size: 10px;
    }
/* styling for curved boxes */

dl.curved {
    background:#6a7b9a url(c_tl.jpg) top left no-repeat; 
    margin:15px 0; 
    padding:0; 
    width:100%;
    }
dl.curved dt {
    background:transparent url(c_tr.jpg) top right no-repeat; 
    padding:10px; 
    font-size: 1.3em;
    text-align:center; 
    font-weight: bold; 
    color:#f6f6f7;
    }
dl.curved dd {
    background:#9ea97e url(c_bl.jpg) bottom left no-repeat; 
    padding:0; margin:0;
    }
dl.curved dd p {
    margin:0; 
    padding:5px 20px 0px 20px; 
    line-height:1.25em;
    }
dl.curved dd p.last {
    background:transparent url(c_br.jpg) bottom right no-repeat; 
    line-height: .90em;
    padding-bottom: 15px;
    }
dd.dumpit {
    display: none;
    }
dd table {
    margin: 0 auto;
    padding-top: 3px;
    }
.bul_link {
    padding-left: 20px; 
    background-image: url(bl_arrow.gif); 
    background-repeat: no-repeat; 
    }
.localdt {
    font-size: 8pt;
    }
.closemsg {
    font-size: 8pt;
    font-weight: bold;
    }
td.dattim {text-align: left;}
.pct {
    font-size: small;
    }