a.sheetlink {
	width: 320;
	height: 227;
	display: block;
}

a.sheetlink img {
	vertical-align: middle;
	display: inline-block;
}


ul.idlist {
	list-style-type: none;
	padding: 5px;
}

ul.idlist li {
	display: inline;
	padding: 5px 10px;
}

ul.idlist li a {
	border: 1px solid black;
	padding: 3px;
	background-color: yellow;
	text-decoration: none;
}

#tabs {
	font-size :18px;
	font-weight: bold;
}

#tabs .taboption {
	float:left;
	padding: 5px 40px 5px 20px;
	-webkit-border-radius: 0px 15px 0px 0px;
	-moz-border-radius: 0px 15px 0px 0px;
	border-radius: 0px 15px 0px 0px;
	border-top: 1px solid #606060;
	border-right: 1px solid #606060;
	border-left: 1px solid #606060;
}


#tabs div.active {
	background-color: white;
}

#tabs div.inactive {
	background-color: #c0c0c0;
	color: #606060;
	cursor: pointer;
	font-weight: normal;
}

#tabend {
	clear:both;
	border-bottom: 1px solid;
	margin-bottom: 20px;
}

#filter {
	margin-bottom: 10px;
}


table {
	margin-top: 20px;
}

form {
	margin: 0px;
}

#fixture tr.newregion td {
	border-top: 10px solid black;
}

#fixture tr.newvenue td {
	border-top: 5px solid red;
}



td {
	padding:  1px 5px;
}

td.number {
		
		text-align: right;
}

table {
   border: 1px solid black;
   margin-bottom: 10px;
}

a.button {
	background: #c0c0c0;
	border: 1px solid black;
	padding: 5px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

a.button:hover {
	background: #f0f0f0;
}

#content {
	margin: 40px;
}

body {
 background-color: #fff;
 margin: 0px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

.error {
	background-color: #ff4040;
	color: #ffff00;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border: 2px solid #ff0000;
}

.success {
	background-color: #40c040;
	color: #ffff00;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border: 2px solid #00ff00;
}

#topbar, #topbar * {
	background-color: black;
	color: white;
}

#topbar {
	padding: 5px 20px;
	margin: 0px;
}

#mainmenu {
	clear: both;
}

#back  {
	padding-left: 30px;
}

#loginfo {
	float: right;
}

#logout {
	float: right;
	margin-left: 50px;
}

.hover {
    background-color: yellow;
}

#fixture a {
		text-decoration: none;
		color: #4F5155;
} 

#fixture a.regular {
	text-decoration: underline;
	color: #4040ff;
}

#fixture a.ul {
 	text-decoration: underline;
 	color: #2020a0;	
 }

#fixture *, #cards *, table.std * {
	font-size: 12px;
}

#fixture, #cards, #incident, table.std {
	border-collapse: collapse;
}

#fixture th, #cards th, #incident th, table.std th, {
	background-color: #8080ff;
	color: white;
}

#fixture td, #fixture th, #cards td, #cards th, #incident td, #incident th, table.std td, table.std th {
	border: 1px solid black;
	padding: 10px 3px;
}

table.report {
	border-collapse: collapse;
}

table.report th {
	background-color: #8080ff;
	color: white;
}
	
table.report th {	
	border: 1px solid black;
	padding: 10px 3px;
}

table.report td {	
	border-left: 1px solid black;
	padding: 10px 3px;
}

table.report td.odd {	
	background-color :#ffffd0
}

table.report td.black {
	background-color :#000000;
	height: 4px;
	font-size: 2px;
	padding: 0px;
	margin: 0px;
}

	
.assessment_block {
		border: 1px solid black;
}

.assessment_block h3 {
	padding: 0px 10px;
	margin: 4px;
	background-color : #80e0f0;
	
}

.assessment_block .comments {
	padding-left: 30px;
	verical-align: top;
	
}

.assessment_block .vote {
	padding-bottom: 10px;
	padding-left: 30px;
}

.option_1 {
	color: #c00000;
	font-weight: bold;
}
.option_2 {
	color: #b06000;
	font-weight: bold;
}
.option_3 {
	color: #808000;
	font-weight: bold;
}
.option_4 {
	color: #60b000;
	font-weight: bold;
}
.option_5 {
	color: #00c000;
	font-weight: bold;
}

.assessment_block label {
	margin: 0px 8px;
}


.validation-error {
	background-color: #ff8080;
}

td.loading {
	background-color: #e0e0a0;
}

td.loaded {
	background-color: #a0f0a0;
}

td.loaded-err {
	background-color: #f0a0a0;
}

.alert {
	top:0;
	right:0;
	position:fixed;
	z-index:300;	
	display: none;
}

#fixture td.clash {
		border: 5px solid #ff80f0;
		background-image: url('/static/images/error.png');
    	background-repeat: no-repeat;
    	xbackground-attachment: fixed;
    	background-position: left;
    	background-color :#ff50e0;
    	padding: 10px 10px 10px 50px;
	}

.fstatusb0, .fstatusb1, .fstatusb2, .fstatusb3 {
		float: left;
		display: block;
		min-width: 20px;
		text-align: center;						
		border: 1px solid black;
		margin: 0px 3px;
}

.fstatusb0, .blkStatus0 {
		background-color: #d0d0f0;
}

.fstatusb1, .blkStatus1 {
		background-color: #f8cc1a;
}

.fstatusb2, .blkStatus2 {
		background-color: #1af849;						
}

.fstatusb3, .blkStatus3{
		background-color: #f9543e;						
}

th[data-sort]{
  cursor:pointer;
}

#fixture th.sorting-desc:after {
	content: "\2191";	
}	

#fixture th.sorting-asc:after {
	content: "\2193	"; 
}


#fixture th[data-sort]:hover {
  background-color : #6060b0;
}

#pitch {
		float: left;
}

#legend {
		float: left;
}

div.icongroup div {
	height: 30px;	
}

div.newicon {
	padding-top: 15px;
}

.icon {
	color: white;
	font-weight: bold;
	min-width : 24px;
	min-height : 24px;
    background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 12px;	
	padding-top: 5px;
}
 
.icon0 {
		padding-top:0px;
		padding-left:24px;
 		background-image: url('/static/images/incident/0.png');
 		background-position: left;
 		color: white;
 		text-align: left;
		font-size: 16px;	
 }
 
 div.icongroup {
 	border-bottom: 1px solid #808080;	
 	padding: 5px 10px;
 	min-width: 250px;
 }
 
 .icon1 {
 		background-image: url('/static/images/incident/1.png');
 		color: black;	
 }
 	
 .icon2 {
 		background-image: url('/static/images/incident/2.png');
 } 
 
 .icon3 {
 		background-image: url('/static/images/incident/3.png');
 }
 
 .icon4 {
 		background-image: url('/static/images/incident/4.png');
 		color: black;
 }
 
 .icon5 {
 		background-image: url('/static/images/incident/5.png');
 }
 
 #deletebutton {
 	float: right;
 }
 
#togglepitch {
 	background-color: #c0ffc0;
 	font-weight: bold;
}	

input.disabled {
	background-color :#c0c0c0;
}

select.disabled {
	color: #4040c0;
}

#incident tr.red td {
	background-color: #ffc0c0;
}

#incident tr.yellow td {
	background-color: #ffffc0;
}


#incident tr.hover.red td {
    background-color: #e08080;
}

#incident tr.hover.yellow td {
    background-color: #e0e080;
}

option.notavail {
	/* disabled:disabled; */
	color: red;
}

span.dodgyclaim {
	display: inline-block;
	width: 150px;
}


#reports h3 a {
	margin-left: 30px;
	font-size: 13px;
	font-weight: bold;
}