body
{
	background: url(./img/greengradient.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 5px;
}

body, textarea, input, select
{
    font-family: verdana;
    font-size: 11px;


}
input, select, checkbox, textarea
{
    border: none;
}

.teamvalues{
	background: url(./img/bluegradient.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
	left: 650px;
	width: 230px;
}

#teamValue, #playerQtity, #teamValueLabel, #playerQtityLabel
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100px;
    float:left;
    margin: 3px;
}



#teamlogo
{
	position: absolute;
	top:40px;
	left: 420px;
}


.staff
{
    width: 700px;

    display: table;
    padding: 10px 7px 10px 7px;
    margin: -5px 0px 12px -5px;

    background: url(./img/redgradient.jpg);
    background-repeat: repeat-y;

	color: white;
}

.staff .title
{
    width: 140px;
    float: left;
    height: 13px;
    padding: 3px;
}

.staff .field
{
    width: 530px;
    float: left;
    height: 13px;
    padding: 3px;
}

.staff .loadedroster
{
	margin: 0px;
	padding: 0px 0px 7px 0px;
	text-align: center;
}

.playerlist .title
{
    font-weight: bold;
    border:1px solid white;
    display:block;
    text-align: center;

    height: 15px;

}

.playerlist .name
{
    border:1px solid white;
    width: 140px;
    float:left;
}
.playerlist .position
{
    border:1px solid white;
    width: 75px;
    float:left;
}
.playerlist .ma,
.playerlist .st,
.playerlist .ag,
.playerlist .av
{
    border:1px solid white;
    width: 22px;
    float:left;
    text-align: center;
}
.playerlist .skills
{
    border:1px solid white;
    width: 460px;
    float:left;

}
.playerlist .value
{
    border:1px solid white;
    width: 120px;
    float:left;
    text-align: center;

}

.playerlist .playerRow
{
    display: block;
    width: 1000px;
    white-space: nowrap;
    border-top: 1px solid #ccc;
    padding: 3px 0px 3px 0px;
    clear:both;
}

.playerlist .playerRow textarea
{
    height: 32px;
    width: 170px;
    vertical-align: top;
}

.playerlist .playerRow .playerValue
{
    width: 70px;
    text-align: center;
}

.playerlist .playerRow .playerPosition
{
    width: 70px;

}

.shortinput
{
    width: 12px;
    text-align: right;
}

#skillsList
{
	display: none;
    position: absolute;
    background: url( ./img/bg_skills.jpg ); /*ivory;*/
    border: 1px solid #003366;
    top: 200px;
    left: 15px;
    width: 900px;
    padding: 5px;
}

#skillsList .skillGroup a
{
	color: #003366;
}

.skillGroup
{
    width: 138px;
    padding: 3px;
    margin: 2px;
    float:left;
}

.skillGroup a
{
    display: block;
    width: 135px;
    float: left;
    padding-left: 3px;
}
.skillGroup b
{
	display: block;
	margin: 0px;
	padding: 3px;
}

.skillGroup.green
{
    border: 1px solid green;
}
.skillGroup.green b
{
    background: green;
    color: white;
}

.skillGroup.orange
{
    border: 1px solid orange;
}
.skillGroup.orange b
{
    background: orange;
    color: white;
}