/* this css has not been adjusted for tablets */
 
.pattern
{

	width: 100%;
}
  
.linkstyle4

{
color: #000C19;
text-decoration: none; 
font-size:12pt;  
font-weight: bold;
padding: 1px;
padding-left: 2px;
padding-right: 2px;

}

 a.linkstyle4:hover {
  color: #000C19;
  border-bottom: 3px solid #000C19;
}



.table  {
    display: table;
	width: 100%;
}

#textarea{
    
    width: 100%;
    height: 300px;
    background-color: pink;
    font-family: Arial, Helvetica, sans-serif;
  
}
.center {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.table  {
    display: table;
	width: 100%;
    }

.row  {
    display: table;
    }


.cell{
    display: table-cell;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
    }

.cell1{
    display: table-cell;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	text-align: center;
	border-left: 1px solid white;
	width: 10%;
    }

.cell2{
    display: table-cell;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	text-align: center;
	border-left: 1px solid white;
	width: 15%;
    }

	

.cell3{
    display: table-cell;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	text-align: center;
	border-left: 1px solid white;
	width: 20%;
    }



#Team
{
	border: 3px solid #3B6299;
	padding: 10px;
	
}

.clear
{
clear: both;
}


html { overflow-y :scroll }

body
{
	
  margin: 0;
  font-family: arial, futura;
  color: #002D60;

	
}

table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;

 
}

form{
	
	margin:0;
	padding: 0;
	display: inline-block;
	
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {

table, th {
	width: 100%;

}	



}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  and (orientation: landscape) {
.pattern

table, th {
	width: 100%;

}	
.pattern
{

	width: 100%;
}


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1280px) and (orientation: landscape){ 

.pattern
{
	/*: 241px;*/
	width: 100%;
} 

}

@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1280px) and (orientation: portrait){
   


.pattern
{
	/*: 241px;*/
	width: 100%;
} 



}

@media only screen and (min-device-width : 1280px) {

.container{

		position: relative;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 999px;

}
  

.cell5{
    display: table-cell;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	width: 33%;
}
	

input[type=text] {
  width: 350px;
  box-sizing: border-box;
}


.index_box3
	{
	float: left;
}

.index_box2
	{
	float: right; 
	font-size: 12pt;
	margin-top: 5px;
}

	
.pattern
{
	/*: 241px;*/
	width: 95%;
}


}