html{
 
font-size: 62.5%;
}

body {  

 	margin:0; 
	padding:0;	
	color:#333;	
	height:100%;
	font-family: 'Roboto', sans-serif;
	/*font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	font-size: 1.6rem; 	
	/*background: -webkit-linear-gradient(-65deg,rgba(215,225,230,0.95),rgba(240,245,255,0.95));
	background: -o-linear-gradient(-65deg,rgba(215,225,230,0.95),rgba(240,245,255,0.95));
	background: -moz-linear-gradient(-65deg,rgba(215,225,230,0.95),rgba(240,245,255,0.95));
	background: linear-gradient(to -65deg, rgba(215,225,230,0.95), rgba(240,245,255,0.95));
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background-color:rgba (255,255,255,1.0);
	
} 


h1,h2,h3,h4,h5,h6{ 
	clear:left;
	margin:40px 0px 20px 0px;  	
	font-weight:400;	
	
	
 }
h3{ border-bottom:0px solid ;}


p{	
	width:100%;
	margin:20px 0px 20px 0px; 
	font-weight: 300;	
 }


a {    
    text-decoration: none;
	
	 
}





.specialBox{
	position:absolute; 
	top:100px; 
	left:100px; 
	width:100px; 
	height:20px;
	}

.header{	
	margin:0; 
	width:100%; 
	height:120px;
	border-bottom:0px solid #FFF;
	}
	
.col {
		float:left; 
		border-bottom:2px solid #FFF;height:400px; 
		background-color:#EEF0EB;width:20000px;
		}
		
.col div{float:left; border-right:1px dashed #fff; }

.logo {	
		
		width:100px;
		float:right;		
		padding:0;
		z-index:200;
		
	}
.close {	
		float:right;	
		width:30px;				
		margin:	20px 20px; 
		padding:0;
		border:0px solid #000;
		display:none;
		
		
	}	

/*//----------------------------------------------------------------------------- end of top_vertical_menu tools*/

[title=off] div:first-child
{
background-color:#ddd;
}




.tasks p{
	margin-top:20px; font-size:2.4rem;
}
	
.tasks:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

	


.x100{width:100px; height:300px;}
.x200{width:200px; }
.x300{width:300px; }
.x500{width:500px;}
.x600{width:600px;}
.x900{width:960px;}
.h300{height:500px;}



.x2{width:49%;}

.x4{width:24%;}

.border{border-left:0px solid #666; margin:0 10px;  padding:0 10px;}

hr {border:0px dashed #DDD;border-top:1px solid ;border-color:rgba(0,0,0,0.3); height:0px; margin:0 0px 0 0px;clear:both; }	


/*#study{font-size:120%; text-transform: uppercase; margin:20px 0; 

	}*/

#back{font-weight:700; cursor:pointer}

.close{cursor:pointer}


iframe{ margin-top:70px; overflow-x:hidden; overflow-y:scroll; border:0px solid #ccc; }


.wrap{
position:relative;
	width:500px;
	padding:4%;
 	margin:auto;
	margin-top:2%;		
	background-color: #f5f5f5;
 	overflow-x: hidden;
	z-index:100;
	}
.wrap:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;


}

.top_r{position:absolute; top:10px; right:10px;}

.panel{	
	overflow: hidden;	
	margin-bottom:0px;
	
	
	}



.small{font-size:90%;}
 
 
 


.list { margin:20px 0px; padding:0; list-style-type:none; 

 }

.list ul { padding:0;  margin:0px 0px 0px 0px ;list-style-type:none; font-size:1.6rem;

 }

 .list li {
 	margin:40px 0px ;
 	line-height: 1.8rem;
 	border-left:0px solid ;
 	border-color:rgba(255,255,255,0.0);
  font-weight: 300;	
  cursor:pointer;
  
 }
 
li.nest{

	font-weight:500; background-color:rgba(245,245,245,0.55);
 	background-image: url(../images/arrow_down.svg);
  	background-position: 99% top;
   	background-repeat: no-repeat;
   	background-blend-mode: color; 
   	border-bottom: 1px solid;
   	border-color:rgba(0,0,0,0.1); 
   	padding: 5px 10px 5px 0px;}

li ul{border-bottom:10px solid;
border-color:rgba(255,255,255,0.0) }
 .select{cursor:pointer;}
	
.select:hover{border-color:rgba(0,0,0,0.25)}
	
/**********************/	
	


select.soflow{
   	-webkit-appearance: button;
   	-webkit-border-radius: 0px; 
   	background-color:rgba(245,245,245,0.55);
 	background-image: url(../images/arrow_down.svg);
  	background-position: 99% center;
   	background-repeat: no-repeat;
   	background-blend-mode: color;
   	border: 0px solid #000;
	border-bottom: 1px solid;
   	border-color:rgba(0,0,0,0.1); 
     
   	color: #555;
   	font-size: inherit;
   	margin: 20px 0;
   	overflow: hidden;
   	padding: 5px 10px 5px 0px;  
   	width: 95%;
   	cursor:pointer;
}



button, input, select, textarea {
font-family:inherit;
font-weight:300;
font-size:110%; 

 background-color:rgba(255,255,255,0.0);
 border:0px ;
 border-bottom:1px solid;
 

border-color:rgba(0,0,0,0.1);
color:#666;	
padding:5px 10px;
 width: 280px;
}

button, input, select, textarea { }
textarea { width:90%;padding: 5px 10px 5px 0px; margin-top:10px; background-color:rgba(255,255,255,0.85); border-color:rgba(0,0,0,0.0);}

.shortfields{width:87%; padding: 5px 10px 5px 0px;  }


.next { 
	font-size: 120%; 
	padding:5px 30px;  
	float:left; 
	color:rgba(255,255,255,0.9); 
	text-align:center; 
	background-color: rgba(0,0,0,0.9);
	cursor:pointer; 
	border:0px solid #9ab; 
	border-radius: 3.5px; 
	margin:20px 0;
	}

.next:hover{
	background-color: rgba(0,0,0,0.5);
	}


.left{float:left}
.none{display:inline; float:none;}
.right{float:right};


.layout{padding:10px;}/*historic*/
.pad{padding:10px;}

/**************Colours**************/
.cyan{color:#3fbfe8;}
.orange{background-color:#e8af00;}
.white{background-color:#FFF;}
.bluegray{background-color:#EBEEF0;}
.yellow{background-color:#EBEEF0;}
.whiteFG{color:#FFF;}


/**************Widths**************/
.w32{width:30%;}
.width{ width:30%;}

.affix{
    position:fixed;
    bottom:0px;
    
}
/*
#done{background-color:#333;  color:#FFF;}*/
.lightbox{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230,230,230,0.85);
    display: none;
    z-index: 100;
}
.pseudolink{
font-weight:bold;
cursor:pointer;
color:rgba(30,100,140,0.95);
	
}


@media (max-width:600px)  {

body {font-size:1.4rem; height:100%;background-color: #f5f5f5;	}

h1,h2,h3,h4,h5,h6{ 
	clear:left;
	margin:20px 0px 20px 0px;  	
	font-weight:400;	
	
	
 }

.hide-this{display:none;}
select.soflow{
  
   	font-size: 1.7rem;
   	margin: 10px 0;
   	overflow: hidden;
   	padding: 5px 10px 5px 0px;  
   	width: 95%;
   	cursor:pointer;
}

textarea { width:95%;	margin: 20px 0;}


.wrap{
position:relative;
	width:96%;
	padding:4%;
 	margin:auto;
	margin-top:0%;
	min-height:100%;		
	
 	overflow-x: hidden;
	z-index:100;
	}
	
	
	p{	
	width:100%;
	margin:10px 0px 10px 0px; 
	font-weight: 300;	
	font-size: 1.6rem;
 }
 
  .list li {
 	margin:40px 0px ;
 	line-height: 1.8rem;
 	font-size: 1.6rem;
 
  font-weight: 500;	
  cursor:pointer;
  
 }
}

/*

	button, input, select, textarea {margin:0px 0px 0 0px;}
	hr{display:none;}
	#study{font-size:90%; margin:15px 10px 0 10px;}
	h2,h3{font-size:95%; margin:20px 10px 0 10px;}
	p{font-size:90%;margin:15px 10px 0 10px; width:95%;}
	.next{margin:20px 0px 0 10px;}
	.small{font-size:100%;}
	.list li{ border:0;border-bottom:1px solid; border-color:rgba(0,0,0,0.1);font-size:95%;margin:15px 5px 0 0px; padding-bottom:5px;}
*/
}