/* 
    Document   : ComputerSports
    Created on : October 3, 2005, 11:55 AMtext-decoration: none;

    Author     : Rita Tarlow
    Description:
        Stylesheet for the bowler express website.
*/
/* remove all padding and margins for better browser control */
* 
    { 
    margin: 0; 
    padding: 0; 
}
option {
padding-right: 5px;
}
input {
padding-left:3px;
}
input.imagex {
height: 180%;
padding-left:0px;

}
div.jimage {
padding: 0px;
display:inline;
background-color:white;
border: 3px solid white;
}
input.button {
height: 30px;
}
input.inputFilex {
height: 27px;
}
h3.inputFile {
text-align: center;
margin-left:auto;
margin-right:auto;
width:30%;
padding-top:30px;
padding-bottom:30px;
padding-left:10px;
padding-right:10px;
font: bold 11px arial;

}
/* table backgrounds ---------------------------------------------------------------------------
*/
table.page {
text-align:center; margin-left: auto; margin-right: auto;
}
table.otherPage {
width: 780px;
text-align: left;
}
table.homePage {
width: 780px;
text-align: left;
background-image: url(images/app/background-home.jpg);
background-repeat: no-repeat;
}
table.noSessionPage {
width: 780px;
text-align: left;
background-image: url(images/app/background-no-session.jpg);
background-repeat: no-repeat;
}
table.activePage {
width: 780px;
text-align: left;
background-image: url(images/app/background-active.jpg);
background-repeat: no-repeat;
background-color: #F5F1D9;
}

input.textOnWhite {

background: white;
border-left: 0px;
vertical-align: baseline;
border-right: 0px;
border-top: 0px; border-bottom: 0px;
color: black;
font-weight: bold;
font-size: 12px;
}
input.textOnWhite:hover {
    color: #0066FF;
}
form {
display: inline;
}
 
root { 
      display: block;
}
body {
      font: normal 12px Arial, Helvetica, sans-serif;
      background-color: #A09C87;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
}

a {
      color: black;
      font-weight: bold;
      text-decoration: none;
}
a:hover {
     color: #0066FF;
}

h3,h4 {
        font-weight: 600;
}
small {
font-weight: bold;
color: #333333;
}
.submenu {
font: bold 11px arial, helvetica, sans-serif;
color: #666666;
       line-height: 180%;
}

table.submenu {
  height: 70px;
  width: 100%;
  padding: 0px;
  background: #F2ECCC;
  }
td.submenu {
}

hr.submenu {
  color: #CFCFCF;
  background-color: #CFCFCF;
  height: 1px;
  width: 100%;
 }

input.submenu {

background: #F2ECCC;
border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px;
padding-left: 0px; padding-right: 0px;
}

input.submenu:hover {
color: #0066FF;
}



h4.submenu a {
text-decoration: none;
color: #666666;
white-space: nowrap;
padding-left: 6px;
}

h4.submenu a:hover {
color: #0066FF;
}


h4.submenu {
       display: inline;
       border-left: 1px solid #CDCDCD;
       border-bottom: 0px;
       border-top: 0px;
       border-right: 0px;
       padding-left: 5px; padding-right:5px;
}
input.calButton {
font: bold 12px arial;
background-color: #F2F0D9;
border-top: 0px; border-bottom: 0px; border-right: 0px; border-left: 0px;
padding-left: 0px; padding-right: 0px;
color: black;
}

input.calButton:hover {
color: #0066FF;
}
/*
a.popup {
font-weight: normal;
}*/
span.popbox {
display: none;
text-decoration: none;
        color: black;
}

a.popup:hover, a.popup:hover span.popbox {
	display: inline;				/* display popup box on the same line as the link */
}
a.popup:hover span.popbox {
        text-decoration: none;
	position: absolute;			/* position popup box relative to document flow */					/* right:75px;move popup box to the right so it overlays link */
        white-space: nowrap;
	background-color: #F2ECCC; 	/* background color of popup box */
					/* font color of text in popup box */
			/* border:2px solid blue; border of popup box */ 
	padding-left: 10px; 			/* spacing between text and border of popup box */
	padding-right: 10px; 
	padding-top: 3px;
	padding-bottom: 3px;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #333333;
        border-right: 1px solid #999999; border-top: 1px solid #999999;
}

td.page-title {
       color: white; 
       background-color:  #bfc0a0;
       text-align: center; margin-left: auto; margin-right: auto;
       font-size: 18px;
       font-weight: bold;
       padding-top: 30px;
       padding-bottom: 30px;
       border: 3px;
       border-style: ridge;
 }

/* area holding either form or list table */
table.work-area {
        background-color: #F0F1DA;
        border-width: 1px;
        border-style: inset;
        width: 100%;
        height: 80px;
        padding: 0;
}

td.buttonBarCell {
background-color:white;
        white-space: nowrap;
margin-left: 50px;
margin-right: 50px;
padding-right: 100px;
text-align: right;
padding-bottom: 50px;        
}

/*  -----------------------------------------------------------------------
 text page styles
*/
table.text-area {
      width: 740px;
      text-align: left;
      margin-left: auto; margin-right: auto;
}

td.text-area {
        padding: 20px;
        background-color: #F0F1DA;
        border-width: 1px;
        border-style: inset;
        width: 100%;
        height: 80px;
        margin-left: auto; margin-right: auto;
}
/* special display of italic, h1, h3, h4 and bold within text area */
td.text-area i {
        font-style: normal;
        color: #993300;
}
td.text-area h1 {
        font-family: Times;
        text-align: center; margin-left: auto; margin-right: auto;
        color: #333399;
        font-size: x-large;
}
td.text-area b {
    color: #333399;
    font-size: larger;
    font-family: Verdana;
    font-weight: bold;
}
/*  -----------------------------------------------------------------------
list page styles
*/
table.list-table {
 font: 12px arial, helvetica, sans-serif;color:black;
       width: 100%;

        border-right: 0px;
 	border-left: 0px;
 	border-top: 0px;
 	border-bottom: 0px;
        padding: 0px;
}

th.list-cell {
text-align: left;
background: #c9dacd;
height: 23px;
vertical-align: 0px;
padding-left: 12px;
/*margin-left: 12px;*/
}

th.list-cellR {
width: 78px;
background: #c9dacd;
text-align: right;
height: 23px;
vertical-align: 0px;
padding-right: 10px;
/*margin-right: 10px;*/
}
td.list-cell,td.list-cellL {
 font: 12px arial, helvetica, sans-serif;color:black;
       border-right: 1px solid #F9E3BC;
 	border-left: 0px;
 	border-top: 0px;
 	border-bottom: 0px;
        text-align: left;
        padding-left:10px;
        padding-top:5px;
        padding-bottom:5px;
}
td.list-cellR {
font: 12px arial, helvetica, sans-serif;color:black;
      border-right: 1px solid #F9E3BC;
 	border-left: 0px;
 	border-top: 0px;
 	border-bottom: 0px;
        text-align: right;
        padding-right: 6px;
       padding-top:5px;
        padding-bottom:5px;
}
/* -----------------------------------------------------------------------
home page styles

table.homePage {
        padding: 15px;
        background-color:  #F0F1DA;
}
td.homePage {
        background-color: #F0F1DA;
        text-align: left;
        padding-left: 10px;
        vertical-align: top;
}
.animated {
       border: 3px;
       border-style: inset;
}
*//* -----------------------------------------------------------------------
form page styles
*/
.form-table {
       background-color: white;
        width: 100%;
        padding-bottom: 30px;
color: #666666;
font-weight: bold;
font-size: 12px;
}
td.form-table {
        padding-left: 20px;
}
table.form-tableS { /* a smaller form table */
        width: 100%;
        font-size: 8px;
        background-color: white;
}
td.label {
        width: 220px;
        padding-right: 5px;
        text-align: right;
        border-left: 0px;
        border-right: 0px;
        white-space: nowrap;
}
td.condensedLabel {
        text-align: right;
        white-space: nowrap;
        border-left: 0px;
        border-right: 0px;
}
td.data,th.data {
	padding: 5px;
        white-space: nowrap;
        border-left: 0px;
        border-right: 0px;
}
/* -----------------------------------------------------------------------
 bowler member main menu styles 
*/
table.menu {
        width: 100%;
        font-weight: bold;
        border-color: #CDDEE6;
}
table.menu td {
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 2px;
        white-space: nowrap;
        color: white;
        text-align: right;
}
a.menu:link, a.menu:visited {
        color: #333333;
        text-decoration: none;
}
a.menu:hover {
        color: #638f30;
        display: block;
        background-color: #CDDEE6;
}
/* -----------------------------------------------------------------------
 bottom menu styles
 */
table.bottomMenu {
        color: #666666;
        text-align: center; margin-left: auto; margin-right: auto;
        font-size: 10px;
}

a.bottomMenu:link, a.bottomMenu:visited {
        color: #666666;
        text-decoration: none;
        font-size: 10px;

}
a.bottomMenu:hover {
     color: #0066FF;
}

/* -----------------------------------------------------------------------
template thumbnail button styles
 */
a.graphicsButton:link, a.graphicsButton:visited, img.graphicsButton {
        border-style: outset;
        border-color: #cccccc;
}
a.graphicsButton:hover {
        border-style: inset;
        border-color: red;
}
/* -----------------------------------------------------------------------
warning and instruction text styles
*/
.alert-text {
background-color:white;
        color: #FF9900;
        text-align: left;
        width: 100%;
        font-weight: bold;
}
.alert-textL {
        color: #FF9900;
        text-align: left;
     /*   width: 100%;*/
}

.instruct-text {
        color: blue;
        text-align: center; margin-left: auto; margin-right: auto;
        width: 100%;
}
.instruct-text-L {
        color: #FF9900;
        background: white;
        text-align: left;
        padding-left: 20px;
        font-weight: bold;
}
.instruct-text-R {
        color: blue;
        text-align: right;
        padding-right: 100px;
        font-weight: bold;
}
div#textBlock {
position: relative;

}
div#textBlock table {

color: #666666;
background-color: white;
position: absolute;
top: 50px;
left: 10%;
width: 80%;
border: 2px solid #FF9900;
}
div#textBlock table td {
padding: 0px;

}
div#textBlock p {
padding-top: 20px;
display: block;
}
div#textBlock ul {
padding-top: 20px;
display: block;
padding-left:20px;
}
div#login {
position: relative;
}
.logintable {
display: block;
color: #333333;
padding: 0px;
margin: 0px;
vertical-align:top;
height: 100px;
font: bold 12px arial,helvetica,sans-serif;
position: absolute;

line-height: 300%;
top: 326px;
right: 33%;
width: 254px;
}
div#login table th {
vertical-align:bottom;
text-align:right;
margin-right: 0px;

}
div#login table th a {
vertical-align: middle;
letter-spacing: 0px;
padding-left:0px;
font: 500 11px arial;
}
div#login table th a:hover {
color:#FF9900;
}

div#login input.text {
width:160px;
}

div#confirmForm {
      font: bold 12px Arial, Helvetica, sans-serif;
       color: #666666;
       border: 3px solid #FF9900;
       width: 30%;
       padding-top: 10px;
       height: 100px;
       text-align: center; margin-left: auto; margin-right: auto;
}
div#confirmFormWide a {
 font:bold 12px arial; text-decoration:underline; color:#ff9900;
}
div#confirmFormWide a:hover {
 color:black;
 text-decoration: none;
}
div#confirmFormWide td,th {
       text-align: center; margin-left: auto; margin-right: auto;
}
div#confirmFormWide th {
padding-left:10px;
       padding-top:10px;

}
div#confirmFormWide td {
padding-bottom:10px;
       padding-top:20px;

}
div#confirmFormWide {
position:absolute;

margin-left: auto;margin-right: auto;
}

div#confirmFormWide table{
position:absolute;
top: 150px;
left: 140px;
width: 500px;
font: bold 14px arial, helvetica, sans-serif;
background: white;
color: #333333;
line-height: 140%;
       border: 2px solid #FF9900;
height: 40px;
       
 

}
td.homeStats {
width:442px;
}
table.homeStats {
    /*  background-image: url(images/app/stats-background60.jpg);*/
 line-height:200%;
 border:1px solid #999999;
color: #0066FF; /*#65C2FF;*/
 height:100%;
 width:100%;
 margin: 0px;
}

table.homeStats table {
text-align: left;
width:100%;
height:162px;
}
table.statR {
height: 164px;
}
table.homeStats table td {
background-color:white;
}
table.homeStats table th {
font-weight:bold;
}
table.homeStats table td, table.homeStats table th {
padding-left: 10px;
padding-right: 10px;

}
table.homeStats {
 
border-right: 1px solid #666666;
color: #666666;
}