@media print { 
 .print { display: none !important; }
.google-auto-placed{
display: none !important; 
}
.ap_container {
display: none !important; 
}
}
body {
background-color:#fff;
padding: 3px;
position:relative;
border:1px solid black;;
}
.logo
{
max-width:100%;
text-align:center;
border: 2px dashed green;
padding:2px;
margin-bottom:2px;
position: relative;
}
img { max-width : 100%;
}
.topheader {
vertical-align:middle;
font-weight:bolder;
font-size:4vw;
font-family: 'Times New Roman', Times, serif;
text-align:center;
padding:20px;
display:inline;
}
.slogan {
text-align:center;
border: 2px dashed brown;font-weight:bold;clear:both;font-family: Serif,cursive !important;font-size:18px;padding:4px;
}
.secondheader {
clear:both;font-weight:bold;font-size:4vw;font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding:20px;
}
#copyright {
background-color:yellow;
border:1px solid black;
text-align:center;
font-weight:bold;
}
#logooverlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 20%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0,0,0);
    z-index: 2;
    cursor: pointer;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.button {
  display: inline-block;
  padding: 6px 10px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 3px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#block_container
{

}
#bloc1
{
  	    text-align:center;
    display:inline-block;
    vertical-align: middle;
}
#bloc2
{
    float:left;
    text-align:left;
    display:inline-block;
  vertical-align: middle;
}
h1,h2,h3,h4,h5
{
  font-family:Slabo, serif !important;
}
.whitediv {
    background-color: #fff;
}
table {
    border-collapse: collapse;
    background-color: #fff;
    width:100%;
}
table th {
text-align: center;
}
table, td,th {
padding: 1px 1px 1px 1px;
    border: 1px solid black;
}
table tr td.roll {
    border: 1px solid black;
    text-align: center;
}
table tr td.name {
    border: 1px solid black;
    font-weight: bold;
}
table tr td.notes {
    border: 1px solid black;
    font-weight: normal;
     width: 300px;
  word-break: break-word;
  white-space: normal;
}
.span{
    color: red;
    font-size: 10px;
    font-family: sans-serif;
}
.stylediv{
    border: 1px solid red;
    width: 100%:
}

.styledivtitle{
    text-align: left;
    margin-top: -13px;
    line-height: 26px;
    font-size: 10px;
    padding: 0px 0px 0px 10px;
}
.styledivtitle span{
    background-color:#000;
    color: #fff;
    border: 1px solid green;
    padding: 2px 2px 2px 2px;
}
.styledivtext{
    text-align: left;
    font-size: 8px;
    padding: 0px 0px 0px 10px;
}

.maintable{
border:1px #F8F8F8 solid;
padding:3px 3px 3px 3px;
font-size:12px;
font-weight:normal;
font-family:Helvetica;
}
.maintable td{
border-bottom:1px #C0C0C0 solid;
border-right:1px #d3d3d3 solid;
border-left:1px #d3d3d3 solid;
}
.headline{
font-family:Verdana,Sans-serif;
font-weight:bold;
color:#000000;
background-color:rgb(240,240,240);
font-size:11px;
text-align:center;
}
/*headline row, the first row that says forum name, topics, posts and such*/
.catline{
font-family:Verdana,Sans-serif;
font-weight:bold;
color:#000000;
background-color:rgb(200,240,200);
font-size:12px;
}
/*the row with the category colors*/

.headline td{
font-weight:bold;
font-size:13px;
font-family:Verdana;
padding-bottom:5px;
padding-left:3px;
padding-right:3px;
color:#000000;
}
.catline td{
font-family:Verdana,Sans-serif;
font-weight:bold;
color:#000000;
font-size:11px;
text-align:center;
}
.forumrow{
font-family:Verdana,Sans-serif;
color:#000000;
font-size:12px;
max-width:100%;
}
/*color of the forum rows*/
.forumrow td{
font-family:Verdana, Sans-serif;
vertical-align:middle;
color:#030;
font-size:12px;
font-weight:bold;
padding:0px 0px;
}
a:link {
  color: green;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: green;
}
input[type=text]{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #000000;
     color: #000000;
     padding-left: 1px;
max-width : 100%;
    }
    
input[type=text]:focus {
     outline: none;
     border: 1px solid #000000;
     font-weight: bold;
     color: #000000;
max-width : 100%;
}
input[type=password]{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #000000;
     color: #000000;
     padding-left: 1px;
max-width : 100%;
    }
    
input[type=password]:focus {
     outline: none;
     border: 1px solid #000000;
     font-weight: bold;
     color: #000000;
max-width : 100%;
}
input[type=email]{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #000000;
     color: #000000;
     padding-left: 1px;
    }
    
input[type=email]:focus {
     outline: none;
     border: 1px solid #000000;
     font-weight: bold;
     color: #000000;
}
input[type=submit]{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
     border-radius: 1px;
     border: 1px solid #000000;
     color: #000000;
     font-weight: bold;
     padding: 2px 6px 2px 6px;
     text-align: center;
    }
    
input[type=submit]:focus {
     outline: none;
     border: 1px solid #000000;
     font-weight: bold;
     color: #000000;
}
input[type=submit]:active {
  background-color: #cccccc;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}
input[type=button] {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: 0 2px #999;
  margin:1px 1px 1px 1px;
  padding: 1px 6px 1px 6px;
}
input[type=button]:hover {background-color: #3e8e41}

input[type=button]:active {
  background-color: #3e8e41;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-weight:bold;
  font-family:Sans-serif;
}
.container {
    position:relative;
}
.frame {
    position:absolute;
    left:9px;
    top:15px;
}
.divi {
    width: 100%;
    height: 100%;
    max-width: 1034px;
    max-height: 543px;
    margin: 0 auto;
}
.divi .divid {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
}
/* http://i.stack.imgur.com/zZNgk.png */
/*    padding: 11.9% 15.5% 14.8%; */
/* padding: 7.855% 15.133% 23.831%; */
@media (max-width:960px){
.divid iframe {
    box-sizing: border-box;
    background: url(http://i.imgur.com/Et22afT.png) center center no-repeat;
    background-size: contain;
    padding: 7.855% 12.353% 23.831%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}
@media (min-width:961px){
.divid iframe {
    box-sizing: border-box;
    background: url(http://i.imgur.com/Et22afT.png) center center no-repeat;
    background-size: contain;
    padding: 7.855% 15.003% 23.831%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}
.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #000000;
	-webkit-box-shadow: 0px 10px 14px -7px #000000;
	box-shadow: 0px 10px 14px -7px #000000;
	background-color: #540ab8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #540ab8;
	display: inline-block;
	color: white;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px #5b8a3c;
	padding: 6px 51px;
	vertical-align: middle;
	letter-spacing: 1;
	font-size: 20px;
	cursor:pointer;
}
.myButton:hover {
	background-color:#540ab8;
}
.myButton:active {
	position:relative;
	top:1px;
}