/* 
 * CSS Document for BathSquash.co.uk
 * © Steve Walton, 2009
 */

/*
 * Page layout
 */ 
#allpage 
{
    height           : 100%;
    margin-left      : auto; 
    margin-right     : auto;
    width            : 699px;  
    background-color : white;
    min-height       : 100%;
}

.fullwidth
{
    width            : 100%;
}
 
html  
{
    height           : 100%;
    min-height       : 100%;
}

html #allpage 
{
    height           : 100%;
    min-height       : 100%;
}

#leftSide
{
    vertical-align   : top;
    width            : 100px;
    background-color : #e5ecf9;
    border-style     : solid;
    border-width     : 0px 1px 0px 0px ;  
    height           : 100%;
    min-height       : 100%;
}

#rightSide
{
    vertical-align   : top;
    padding          : 10px;
    color            : #000;
    width            : 565px;
    height           : 100%;
    min-height       : 100%;
    background-color : white;
}

/*
 * General styling
 */
body
{
    padding          : 0px;
    margin           : 0px;
    font-family      : Arial, sans-serif; 
    font-size        : 11px;
    background-color : #aaaaaa;
    height           : 100%;
}

form
{
    padding: 0px;
    margin: 0px;
}

h1 
{
    padding-top : 10px;
    color       : #666699;
    text-align  : center;
    font-size   : 17px;
}

h2 
{
    clear       : both;
    padding     : 0px;
    color       : #666699;
    text-align  : center;
    font-size   : 14px;
}

h3 
{
    clear       : both;
    padding     : 0px;
    color       : #666699;
    text-align  : left;
    font-size   : 11px;
}

h4
{
    margin     : 0px;
    padding     : 0px;
    font-size   : 11px;
}

p
{
    padding     : 0px;
    text-align  : justify;
    line-height : 16px;
    clear       : both;
}

p.centred
{
    text-align: center;
}

textarea
{
    font-family : Arial, sans-serif;
    overflow    : auto;
}

.walkover_pending
{
    background-color: #ffa8a8;
}

/* 
 * General page styling 
 */

#menu 
{
    width       : 100px;
    padding-top : 10px;
}

.menuitem 
{
    padding          : 5px;  
    color            : #3b3b70;
    font-weight      : bold;
    text-decoration  : underline;
}
    
.submenuitem 
{
    font-weight      : normal;
}
    
.submenuitem a 
{
    padding         : 5px;  
    display         : block;
    color           : #333366;
    text-decoration : none;
    line-height      : 11px;
}
  
.submenuitem a:hover 
{
    text-decoration  : underline;
    color            : white;
    background-color : #5B5B90;
}  

#tabs
{
    width: 699px;
    height: 26px;
}

#warning
{
    width            : 699px;
    height           : 26px;
    background-color : #EE2222;
    text-align       : center;
    line-height      : 26px;
    font-size        : 11px;
}

#warning a 
{
    display         : block;
    margin          : 0px 0px 0px 0px;
    color           : #e5ecf9;
    text-decoration : none;
} 
    
#warning a:hover 
{
    color            : #eee;
    background-color : #43616B;
}  

#alert
{
    width            : 699px;
    height           : 26px;
    background-color : #aaddaa;
    text-align       : center;
    line-height      : 26px;
    font-size        : 11px;
}

#alert a 
{
    display         : block;
    margin          : 0px 0px 0px 0px;
    color           : black;
    text-decoration : none;
} 
    
#alert a:hover 
{
    color            : #eee;
    background-color : #43616B;
}  

.tab 
{
    background-color : #e5ecf9;
    text-align       : center;
    float            : left;
    line-height      : 26px;
    width            : 233px;
    font-size        : 11px;
}

.tab a 
{
    display         : block;
    margin          : 0px 0px 0px 0px;
    color           : #333366;
    text-decoration : none;
} 
    
.tab a:hover 
{
    color            : #eee;
    background-color : #5B5B90;
}

#page_links ul
{
    padding-left    : 0px;
    margin-left     : 0px;
    padding-top     : 0px;
    margin-top      : 0px;
    padding-bottom  : 25px;
    margin-bottom   : 25px;
}

#page_links a
{
    text-decoration : none;
}

#page_links li
{
    float           : left;
    list-style-type : none;
    padding-right   : 24px;
    font-size       : 14px;
}

#page_links li.selected
{
    font-weight : bold;
}

/*
 * Form stuff
 */ 
input
{
    font-size: 11px;
    overflow    : hidden;
}

select
{
    font-size: 11px;
}

textarea
{
    font-size: 11px;
}

li
{
    padding-top    : 10px;
    padding-bottom : 10px;
}

#errorBox
{
    background-color : #ffeeee;
    border           : solid 1px red;
    margin-bottom    : 20px;
    margin-left      : auto;
    margin-right     : auto;
    width            : 420px;
    padding          : 5px;
}

#errorBox h1
{
    color: red;
    margin: 0px;
    font-weight : normal;
}

#errorBox ul
{
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
 
#errorBox li
{
    list-style-type : none;
    padding-top     : 3px;
    padding-bottom  : 3px;
}
 
#messageBox
{
    background-color    : #aaddaa;
    border              : solid 1px green;
    margin-bottom       : 20px;
    margin-left         : auto;
    margin-right        : auto;
    width               : 420px;
    padding             : 5px;
    font-weight         : normal;
} 
 
#messageBox h1
{
    color: green;
    margin: 0px;
}

#messageBox ul
{
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
 
#messageBox li
{
    list-style-type: none;
    padding-top:3px;
    padding-bottom:3px;
}
 
.formBox
{
    clear             : both;
    background-color  : #e5ecf9;
    padding           : 10px;
    border            : solid 1px black;
}

.inputRow
{
    clear: both;
    height: 22px;
}

.extraInfoRow
{
    clear : both;
}

.labelXSmall
{
    float         : left;
    width         : 70px;
    text-align    : right;
    padding-right : 5px;
}

.labelSmall
{
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.labelMedium
{
    float: left;
    width: 125px;
    text-align: right;
    padding-right: 5px;
}

.labelLarge
{
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 5px;
}

.fieldXXSmall
{
    float: left;
    width: 35px;
}

.fieldXSmall
{
    float: left;
    width: 50px;
}

.fieldSmall
{
    float: left;
    width: 80px;
}

.fieldMedium
{
    float: left;
    width: 120px;
}

.fieldLarge
{
    float: left;
    width: 170px;
}

.fieldXLarge
{
    float: left;
    width: 250px;
}

/*
 * Control styling
 */ 
.checkbox
{
    margin: 0px;
    border-width: 0px;
}

.submit
{
    text-align: center;
    clear: both;
    padding-top: 10px;
}

.submitButton
{
    background-color: #666699;
    color:white;
    padding: 1px 10px;
}

.smallSubmit
{
    text-align  : right;
    height      : 16px;
}

.smallSubmitButton
{
    padding : 1px;
    float   : right;
}

.smallSubmitButton input
{
    background-color : #666699;
    color            : white;
    padding          : 1px;
    font-size        : 9px;    
}

/*
 * Contact details
 */
.admin_user
{
    background-color : #aaddaa;
}
  
/*
 * Log in screen
 */  

#loginRow
{
    padding-left: 100px;
    padding-right: 100px;
}

p#forgot_password
{
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left : 100px;
}

/*
 * General screen
 */ 
.unreadNewsItem p
{
    margin-top : 2px;
    margin-bottom : 2px;
} 

.unreadNewsItem
{
    background-color    : #aaddaa;
    border              : solid 1px #666699;
    margin-bottom       : 10px;
    margin-left         : auto;
    margin-right        : auto;
    width               : 360px;
    padding             : 5px;
    font-weight         : normal;
    color: black;
} 

.readNewsItem p
{
    margin-top : 2px;
    margin-bottom : 2px;
} 

.readNewsItem
{
    border              : solid 1px #666699;
    margin-bottom       : 10px;
    margin-left         : auto;
    margin-right        : auto;
    width               : 360px;
    padding             : 5px;
    font-weight         : normal;
    color: black;
} 

.newsDate 
{
    float : right;
}

.newsUserSection
{
    padding-top : 10px;
    display     : none;    
}

.newsUserList
{
    float : left;
    width : 33%;
}

.newsUserList p 
{
    text-decoration : underline;
}

.newsUserList ul 
{
    padding : 0px;
    margin : 0px;
    list-style : none;
}

.newsUserList li 
{
    padding : 0px;
}

.newsNote
{
    text-align  : right;
    font-size   : 9px;
}

/*
 * Join screen
 */ 
#joinRow
{
    padding-left: 55px;
    padding-right: 55px;
}

#joinRow form
{
    width: 370px;
}

/*
 * Contact us
 */ 
#contactUsRow
{
    padding-left: 55px;
    padding-right: 55px;
}

#contactUsRow form
{
    width: 410px;
}

/*
 * Submit scores screen
 */ 
#submitScoreRow
{
    padding-left: 55px;
    padding-right: 55px;
}

#submitScoreRow form
{
    width: 370px;
}

/*
 * Results archive screen
 */ 
#resultsArchiveRow
{
    padding-left  : 80px;
    padding-right : 80px;
}

#resultsArchiveRow form
{
    width: 360px;
}

/* 
 * Change password screen
 */
#changePasswordRow
{
    padding-left: 95px;
    padding-right: 95px;
}

#changePasswordRow form
{
    margin-left:auto;
    margin-right:auto;
    width: 290px;
}

/*
 * Let rules screen
 */ 

#letrules tr td 
{
    padding: 5px;
    vertical-align:top;
}

/*
 * Tables
 */  

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

table.division_results td
{
    padding-left  : 5px;
    padding-right : 5px;
}

table.bordered 
{
    border-color: black;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.bordered tr th 
{
    padding          : 4px 8px;
    background-color : #666699;
    color            : white;
    text-align       : left;
    border-color     : black;
    border-style     : solid;
    border-width     : 1px 1px 0 0;
}

table.bordered tr td 
{
    padding      : 4px 8px;
    border-color : black;
    border-style : solid;
    margin       : 0;
    border-width : 1px 1px 0 0;
}

table.compact_unbordered tr th 
{
    color      : #666699;
    text-align : left;
}
    
table.division td.data 
{
    text-align: center;
}    

table tr td.blank 
{
    padding          : 4px 8px;
    background-color : #a7a7a7;
}

/*
 * Reset password screen
 */ 
#resetPasswordRow
{
    padding-left  : 55px;
    padding-right : 55px;
}

#resetPasswordRow form
{
    width: 370px;
}

/*
 * Edit player screen
 */ 
#editPlayerSelectRow
{
    padding-left: 100px;
    padding-right: 100px;
}

#editPlayerSelectRow form
{
    width: 270px;
}

#editPlayerRow
{
    padding-left: 45px;
    padding-right: 45px;
}

#editPlayerRow form
{
    width: 380px;
}

#addPlayerRow
{
    padding-left: 55px;
    padding-right: 55px;
}

#addPlayerRow form
{
    width: 380px;
}

/*
 * Edit player screen
 */ 
#editPlayerSelectRow
{
    padding-left: 100px;
    padding-right: 100px;
}

#editPlayerSelectRow form
{
    width: 270px;
}

#editPlayerRow
{
    padding-left: 45px;
    padding-right: 45px;
}

#editPlayerRow form
{
    width: 380px;
}

/*
 * Add news screen
 */ 

#addNewsRow
{
    padding-left: 85px;
    padding-right: 85px;
}

#addNewsRow form
{
    width: 340px;
}

/*************************/

.failed 
{
    color: #ff0000;
}

a 
{
    color: #34339B;        
}

a:hover 
{
    color: #338833;    
}

hr 
{
    color: #666699;
    height: 1px;
}
    
a img 
{
    border: 0px none;
    display: block;            /* removes extra space underneath caused by default text-alignment */
    float: left;
}

img 
{
    border: 0px none;
    display: block;            /* removes extra space underneath caused by default text-alignment */
}