/*
    Document   : layout
    Created on : Nov 10, 2011, 7:04:36 AM
    Author     : novakj
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
margin: 0;
padding: 0;
font-family: Verdana, Arial;
font-size: 12px;
}

body{
    background: #FEF1C2;
    line-height: 1.5em;
    padding-top: 0;
    margin-top: 0;
    font-family: Verdana, Arial;
}

body.print{
    background: #FFFFFF;
    line-height: 1.5em;
    padding-top: 0;
    margin-top: 0;
    font-family: Verdana, Arial;
}

@media screen {
  .page-break  { height:10px; border-top:1px dotted #999; margin-bottom:-8px; }
}
@media print {
  .page-break { height:0px; page-break-after:always; margin:0; border-top:none; }
}

.clear {
clear: both;
visibility: hidden;
height: 1px;
}

#layout
{
    width: 100%;
    margin: 0 auto;
}

.print-schedule
{
    font-size: 8px;
}

#topMenu
{
    background: #FEF1C2;
    font-size: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0;

}
#topMenu div
{
    display: inline;
    padding-right: 4px;
}

#topMenuLeftFiller
{
    float: left;
    width: 200px;
}

#header
{
    background: #FFCF27;
    float: left;
    width: 100%;
}

#headerLeft
{
    font-size: 12px;
    padding-left: 4px;
    width: 200px;
    float: left;
}

#headerCenter
{
    text-align: center;
}

#leftPane
{
    background: #FFCF27;
    padding-left: 4px;
    font-size: 10px;
    float: left;
    width: 200px;
    height: 400px;
    overflow: auto;
}

#mainContent
{
    background: #FEF1C2;
    width: 100%;
}

#footer
{
    background: #FEF1C2;
    margin:0;
    float: left;
    width: 100%;
    height: 20px;
    text-align: center;
    border-top: 1px solid grey;
}



/*
#menu ul
{
    list-style: disc;
    padding-left: 2em;
    text-indent: -6px;
    margin: -3 -1 -3 -1;
}



#menu li
{
    //margin:-6px 0 -6px  0;
}

#menu a
{
    text-decoration: none;
    color: black;
}
*/

#debugWindow
{
    border: 1px dotted;
    background-color: grey;
    color: lightgoldenrodyellow;
    float:left;
}

#jQuerydebugWindow
{
    border: 1px dotted;
    background-color:  #66cc00;
    color: lightgoldenrodyellow;
    float:left;
}


#itemsList
{
    float: left;
}

.itemsList
{
    float: left;
}

#teamsList
{
    float: left;
}

#teamsForm
{
    float: left;
}


#teamEditForm
{
    padding-left: 5px;
    float: left;
}

#viewRoster
{
    padding-left: 5px;
    float: left;
    /*border: dotted;
    border-color: red;*/
}

.tableWrapper
{
    float: left;
    clear: both;
}

#tableHeader
{
    background: lightsteelblue;
    float: left;
    margin: 1px;
}

.tableHeader
{
    background: lightsteelblue;
    float: left;
    margin: 1px;
    /* margin: 1; */
    padding-left: 2px;
}

#tableRow
{
    float:none;
    clear: both;
}

.tableRow
{
    float:none;
    clear: both;
}

.printTableRow
{
    float:none;
    clear: both;
}
.printTableCell
{
    float:left;
    margin: 0 ;
    border: 1px solid;
    -padding-left: 2px;
}


#tableCell
{
    float:left;
    margin: 1 1 1 2;
    background: #ffcc99;
}

.tableCell
{
    float:left;
    margin: 1px ;
    background: #ffcc99;
    padding-left: 2px;
}
.tableRow-competition-1
{
    background: #FFFFFF;
}


.tableRow-competition-2
{
    background: #66cc00;
}

.tableRow-competition-3
{
    background: #ffff00;
}

.tableRow-competition-3
{
    background: #1c94c4;
}

.tableRow-competition-201
{
    background: #99ccff;
}

.round-selected { background: #ffcc99; }

.crossTableCell
{
    width: 70px;
    text-align: center;
}

#tableLabel
{
    float:left;
    text-align:center;
    margin:1;
    background:#cccc00;
}

.tableLabel
{
    float:left;
    text-align:center;
    margin:1;
    background:#cccc00;
}

.tableActionRow
{
    float:left;
    text-align:right;
    margin:1;
    background:#cccc00;
    border: 1 dotted;
}

.noTerm
{
    background: #ffcccc;
}

.availableTerm
{
    background: #33ffff;
}

.multipleGames
{
    color: yellow;
}

.noRef
{
    background: #cccc00;
}


#registration-form
{
    float: left;
}

#search-registration-form
{
    float: left;
}

#mainContent div{
    float:left;
}

.year
{
    padding-left: 5px;
    margin: 2px 0px 2px 0px;
    line-height: 10px;
    float: left;
    clear: both;
}


.year li
{
    margin: -3px -0px -3px  0px;
    margin: 0;
}


.yearNoClick
{
    float: left;
    clear: both;
    margin: -1 -1 -1 -1;

}

.yearNoClick li
{
    color: blue;
    clear: both;
}

.season-groups
{
    clear: both;
    float: left;
    display: none;
    margin:-0px 0px -0px 10px;
}

.season-groups li
{
    color: red;
    margin: -3px 4px -3px  10px;
}

.season-groups a
{
    color: blue;
}


.season-leagues
{
    clear: both;
    float: left;
    display: none;
    margin:-0px 0px -0px 10px;
}


.season-leagues li
{
    color: red;
    margin: -3px 4px -3px  10px;
    list-style: none;

}
.season-leagues a
{
    color: red;
}

#seasonsList{
    width: 200px;
    height: 400px;
    overflow: auto;
    border: 1px dashed;
}

#main-form
{
    float:left;
    padding: 3px;
    /* border: 1px dashed; */
}

.editForm
{
    float:left;
    /* border: 1px dashed; */
}

a
{
    clear: both;
    text-decoration: none;
}

.smallCmd
{
    font-size: 8px;
}

input[disabled] {
  background:#cccccc;
  cursor:default;
}

/* status messages */
.ok
{
    border: 1px dashed;
    background: #66cc00;
    text-align: center;
    color: white;
}

.warning
{
    border: 1px dashed;
    background: #ff9966;
    text-align: center;
    color: white;
}

.error
{
    border: 1px dashed;
    background: #ff0033;
    text-align: center;
    color: white;
    font-weight: bold;
}

.error.multipleGames
{
    color: yellow;
    border-style: solid;
    border-width: 3px;
    border-color: black;
}

.error.error-only-one-game
{
    border: 1px dashed;
    background: chocolate;
    text-align: center;
    color: white;
    font-weight: bold;
}


.menu.highlight
{
    background-color: #ff9900;
}

.menu.highlight a
{
    color: #FFFFFF;
}

#leftMenu a.aHeader{
    color: black;
    line-height:16px;
    margin:0 0 0 0px;
}


#leftMenu a
{
    display: block;
}

.menu a:hover
{
    color: white;
    background-color: #ff9900;
}

ul.menuLeft
{
    list-style: disc;
    padding-left: 2em;
    text-indent: -6px;
    margin: -1 -1 -1 -1;
}


ul.menuLeft li
{
    line-height: 10px;
    margin: 2px 0px 2px 0px;
    color: black;

}

.print{
    background-color: white;
    color: black;
    margin: 1px;
}

/* bootstrap modifications for psmf
   gonna use it as additional classes
*/
li{
    line-height: 18px;
}

.add-on.psmf{
    font-size: 12px;
    padding: 2px;
    line-height: 14px;
    height: 14px;
}

.control-label.psmf
{
    font-size: 12px;
    padding: 2px;
    line-height: 14px;
    height: 14px;
    width: 60px;
}

.control-label.psmf-large
{
    font-size: 12px;
    padding: 2px;
    line-height: 14px;
    height: 14px;
    width: 100px;
}

.control-label.psmf-nowidth
{
    font-size: 12px;
    padding: 2px;
    line-height: 14px;
    height: 14px;
    margin-bottom: 0px;
}

.controls.psmf
{
    margin-left: 5px;
    line-hright: 17px;
}

.control-group.psmf
{
    margin: 1px;
}

input,select,
input[type="text"]
{
    height: 20px;
    font-size: 12px;
    margin-bottom: 0px;
    padding: 2px;
}
input[type="button"].btn.psmf,
input[type="submit"].btn.psmf
{
    height: 30px;
}

form.psmf{
    padding: 10px;
}