@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* common to tournament pages */

.tournamenttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
}
.tourtitle {  
	font-family: Open Sans, sans-serif; 
	font-size: 18px; 
	padding: 3px;
}
.tplayers {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	font-style: normal
}
.tscore {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0D4E54; 
	font-weight: normal;
	font-style: italic
}
.headbox1 {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	background-color: #CACACA;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.headbox2 {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	background-color: #e8e8e8;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.headbox3 {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	background-color: #e8e8e8;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.stdbox {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	background-color: #9bc4e2;
	border: 1px solid #666666;
}
.stdboxend {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #E9E4EF;
}
.stdboxinner {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #E8EEF7;
}
.stdboxwinner {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align: top;
	background-color: #FFCCCC;
	border: 1px solid #666666;
}

/* knockout */

/* general table settings */
table.knockout {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 200px;		
}

/* put a right-side and bottom line on every cell */
table.knockout tr td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 4px;
}

/* put a left-side line on every first row cell */
table.knockout tr td:first-child {
	border-left: 1px solid #bbb;	
}

/* put a top line on every cell in the top row */
table.knockout tr:first-child td {
	border-top: 1px solid #bbb;	
}

/* top-left border-radius */
table.knockout tr:first-child td:first-child {
	border-top-left-radius: 4px;
}

/* top-right border-radius */
table.knockout tr:first-child td:last-child {
	border-top-right-radius: 4px;
}

/* bottom-left border-radius */
table.knockout tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

/* bottom-right border-radius */
table.knockout tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

.kbox11 {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #F0F0F0;
	xborder: 1px solid #666666;
}
.kbox11winner {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFE0B3;
	xborder: 1px solid #666666;
}
.kbox12 {
	xborder-style: solid solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.kbox13 {
	xborder-style: solid solid solid none;
	xborder-width: 1px;
	border-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #E6E6E6;
}
.kbox13full {
	xborder-style: solid solid solid solid;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #E6E6E6;
}
.kbox14 {
	xborder-style: solid solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #F0F0F0;
}
.kbox21 {
	xborder-style: none solid solid solid;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.kbox22 {
	xborder-style: none solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.kbox23 {
	xborder-style: none solid solid none;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	xborder-top-width: 1px;
	xborder-right-width: 1px;
	xborder-bottom-width: 1px;
	xborder-left-width: 1px;
	xborder-top-color: #666666;
	xborder-right-color: #666666;
	xborder-bottom-color: #666666;
	xborder-left-color: #666666;
	background-color: #FFFFFF;
}
.kbox23full {
	xborder-style: none solid solid solid;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	xborder-top-width: 1px;
	xborder-right-width: 1px;
	xborder-bottom-width: 1px;
	xborder-left-width: 1px;
	xborder-top-color: #666666;
	xborder-right-color: #666666;
	xborder-bottom-color: #666666;
	xborder-left-color: #666666;
	background-color: #FFFFFF;
}
.kbox31 {
	xborder-style: none solid solid solid;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #F0F0F0;
}
.kbox31winner {
	xborder-style: none solid solid solid;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFE0B3;
}
.kbox32 {
	xborder-style: none solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.kbox33 {
	xborder-style: none solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #E6E6E6;
}
.kbox33full {
	xborder-style: none solid solid solid;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #E6E6E6;
}
.kbox34 {
	xborder-style: none solid solid none;
	xborder-width: 1px;
	xborder-color: #666666;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #F0F0F0;
}

/* monrad */

.xmonradtable {
    	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.2);
    	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.2);
    	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.2);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.gradienthash {
	background-image: repeating-linear-gradient(
	135deg,
	#F2F2F2,
	#F2F2F2 10px,
	#E6E6E6 10px,
	#E6E6E6 11px);
}

/* general table settings */
table.monrad {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 200px;	
	background-color: #FAFAFA; 
}

/* put a right-side and bottom line on every cell */
table.monrad tr td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 4px;
}

/* put a left-side line on every first row cell */
table.monrad tr td:first-child {
	border-left: 1px solid #bbb;	
}

/* put a top line on every cell in the top row */
table.monrad tr:first-child td {
	border-top: 1px solid #bbb;	
}

/* top-left border-radius */
table.monrad tr:first-child td:first-child {
	border-top-left-radius: 6px;
}

/* top-right border-radius */
table.monrad tr:first-child td:last-child {
	border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table.monrad tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table.monrad tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}

.playertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.monradtopleftbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
}
.monradtopmainbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.monradleftbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.monradmainbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.monradcell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	white-space: pre-wrap;
}

/* links inside table */

.tablelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	color: #244E8E;
}

.tablelink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: underline;
	color: #FF9900;
}

.tableboxwin {
	background-color: #9BC4E2;
}
.tableboxlose {
	background-color: #E8EEF7;
}
.highlightplayer {
	background-color: #FFFF99;
}

.topmainboxfaint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.mainboxfaint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
}
.monradplaceholder {
	font-family: Open Sans, sans-serif; 
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
}

/* boxes */

.tourboxcol {
	background-color: #9BC4E2;	
}
.tourscorecol {
	background-color: #E9E4EF;	
}
.tourscorebonus {
	background-color: #F3F3F3;	
}

/* courts */

.cboxlefttitle {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cboxmaintitle {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;	
}
.cboxtopleft {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cboxtopmain {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;	
}
.cboxleft {
	font-family: Roboto, sans-serif; 
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cboxmain {
	font-family: Roboto, sans-serif; 
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cboxslots {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cboxtimes {
	font-family: Roboto, sans-serif; 
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.cmatch {
	font-family: Open Sans, sans-serif; 
	font-size: 12px
}
.cplayers {
	font-family: Open Sans, sans-serif; 
	font-size: 12px
}
