/***************** WEB BROWSER ******************/

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
	/*border: 1px solid red;*/
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

html {
    font-family: "Lucida Sans", sans-serif;
}
.black_8 { color: #000000; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.black_11 { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.teal_11 { color: #33B5E5; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.teal_11 { color: #33B5E5; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.black_header { color: #000000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.team_name { color:#000000; font-size: 24px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.red_8 { color: #FF0000; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.red_11 { color: #FF0000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none; }
.msg_name { color: #2344B3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.msg_date { color: #9C9C9C; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.grey_9 { color: #9C9C9C; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.team_name { color:#000000; font-size: 24px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.team_score { color:#C50206; font-size: 20px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.team_winner { color:#06AF12; font-size: 11px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.team_name { color:#000000; font-size: 24px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.team_score { color:#C50206; font-size: 20px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.team_winner { color:#06AF12; font-size: 11px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none;  }
.green_11 { color: #06AF12; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none; }
.grey_11 { color: #C0BFBF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none; }

a { text-decoration:none; }

.blue_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:blue;
font-weight:Bold;
font-size:11px;
text-decoration:none;
}
.blue_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;
font-weight:Bold;
font-size:11px;
text-decoration:none;
}
.red_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;
font-weight:Bold;
font-size:11px;
text-decoration:none;
}
.red_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;
font-weight:Bold;
font-size:11px;
text-decoration:none;
}
.white_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:none;
font-size:11px;
text-decoration:none;
}
.white_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:none;
font-size:11px;
text-decoration:none;
}
.black_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:none;
font-size:11px;
text-decoration:none;
}
.black_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;
font-weight:none;
font-size:11px;
text-decoration:none;
}
.message_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#9C9C9C;
font-weight:none;
font-size:9px;
text-decoration:none;
}
.message_link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;
font-weight:none;
font-size:9px;
text-decoration:none;
}
h1 {
    font-size: 30px;
}
.header {
    background-color: #2C5BC6;
    color: #ffffff;
    padding: 0px;
	height: 80px;
	text-align: left;
	vertical-align: middle;
	line-height: 10px;	
    position: relative;
	width: 100%;
/*
	background-image: url(images/header_background.jpg); 
    background-size:     cover;                      
	background-repeat:   no-repeat;
    background-position: center center;
*/
	/*border: 1px solid red;*/
}

.header img {

    max-width: 100%;
    max-height: 100%;	
}

.message_new_topic{
    background-color: #FFFFFF;
    /*position: relative;*/
	width: 100%;
	height: 30px;
	text-decoration:none;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9C9C9C;
}

textarea.message_new {
  width: 100%;
  height: 150px;
}
textarea.message_reply {
  width: 100%;
  height: 75px;
}


img.team {

    max-width: 75%;
    max-height: 75%;	

}
img.team2 {

    max-width: 35%;
    max-height: 35%;	

}
body 
{
	margin: 0;
	padding: 0;
}	



	
	


	table.nowidth_table, td{
	border: 0px solid red;
	padding: 5px;	
	border-collapse: collapse;
	text-align:left;
    margin-left:auto; 
    margin-right:auto;
	table-layout: fixed;
	}
	table.main_table, td{
	width: 98%;
	border-style: solid;
	border-width: 0px;
	border-color: #666666;	
	padding: 5px;	
	border-collapse: collapse;
	text-align:left;
    margin-left:auto; 
    margin-right:auto;
	table-layout: fixed;
	}

.score_box img {
	vertical-align: middle;
}
.score_box input {
	vertical-align: middle;

	width: 50px;
}
.picks_box{
	overflow: hidden;
	border: 0px solid green;
	padding:0px;
	float:left;
	vertical-align: middle;
	text-align:center;
	width: 100%;	
}
.picks_box1{
display: inline-block;
border: 0px solid red;
padding:0px;
vertical-align: middle;
width:100%;
}
.score_box{
	overflow: hidden;
	border: 0px solid green;
	padding:0px;
	float:left;
	vertical-align: middle;
	text-align:center;
	width: 100%;	
}
.score_box1{
display: inline-block;
border: 0px solid red;
padding:0px;
vertical-align: middle;
width:170px;
}
table.project_table{
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	border-style: solid;
	background-color: #F6F6F6;
	padding: 4px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;

	}
table.project_table td {
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border-style: solid;
	background-color: #F6F6F6;
	padding: 4px;
	vertical-align:middle;
	border-color: #D4D2D2;

	}

table.project_table th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px;
	border-style: solid;
	padding: 4px;

	/*
	color:#FFFFFF;
	border-color: #666666;
	background-color: #33b5e5;
	*/

}	
table.no_set{
	border-collapse: collapse;
	
}
table.no_set th, td{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
}




/***************** BROWSER - LANDSCAPE ******************/
@media screen and (min-width:780px) and (orientation: landscape)  {
	.view_landscape{
	display: none;
	}
	
	table.main_table, td{
	width: 80%;
	border-style: solid;
	border-width: 0px;
	border-color: #666666;	
	padding: 5px;	
	border-collapse: collapse;
	text-align:left;
    margin-left:auto; 
    margin-right:auto;
	table-layout: fixed;
	}

}	

/***************** PHONE - LANDSCAPE ******************/
@media screen and (min-width:568px){
/*
@media only screen 
  and (max-device-width: 320px) 
  and (min-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
*/

	.header {
	    /*background-color: #2C5BC6;*/
	    color: #ffffff;
	    padding: 0px;
		font-size:10px;
		text-align: center;
		vertical-align: middle;
		line-height: 0px;	
	    position: relative;	
	}
	h1 {
	    font-size: 20px;
	}

	
	.view_landscape{
	display:none;
	}
}

/***************** PHONE - PORTRAIT ******************/
@media only screen and (max-width: 414px){
	.header {
	    background-color: #2C5BC6;
	    color: #ffffff;
	    padding: 0px;
		font-size:10px;
		text-align: center;
		vertical-align: middle;
		line-height: 20px;	
	    position: relative;	
	}
	h1 {
	    font-size: 17px;
	}
	.team_logo img {
	display:none;
	}	
	.menu{
	display:none;
	}
	table.main_table, td{
	display:none;
	}
	.view_landscape {
		font-size:10px;
		text-align: center;
		vertical-align: middle;
		position: relative;	
		/*visibility: visible;*/

		}
	
}
.input-hidden {
  position: absolute;
  left: -9999px;
}

input[type=radio]:checked + label>img {
  /*border: 1px solid #fff;*/
  border: 1px solid #fff000;  
  box-shadow: 0 0 3px 3px #090;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>img {
  /*border: 1px dashed #444;*/
  border: 0px;

  height: 30px;
  transition: 500ms all;
}

input[type=radio]:checked + label>img {
  transform: 
    rotateZ(-10deg) 
    rotateX(10deg);
}