	* {
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
			margin:0;
			padding:0;
		
	}
	
	body, html {
			width:100%;
			height:100%;
		}
		
		 #titlebar {
			 width:100%;
			 background-color:#EEEEEE;
			 border-bottom:1px solid grey;
			 height:40px;
		 }
		
		#title {
			 padding:10px 0 0 20px;
			 font-weight:bold;
			 float:left;
		 }
		
		#menuBar {
			width:100%;
			height:40px;
			background-colour:#e0e0e0;
			background:#e0e0e0;
			border-bottom:1px solid grey;
		}
		
		#logo {
			padding:5px 0 0 20px;
			font-weight:bold;
			font-size:120%;
			float:left;
		}
		
		#buttonDiv {
			float:right;
			padding:5px 10px 0 0;
		}
		
		#runButton {
			font-size:120%;
			margin:5px 20px 0 0;
		}
		
		#run {
			 font-size:130%;
			 border-radius:10px;
			 padding:0 10px;
		 }
		
		#toggles {
			width:200px;
			margin:0 auto;
			list-style:none;
			border:1px solid grey;
			border-radius:3px;
			height:27px;
			padding:0;
			position:relative;
			top:5px;
		}
		
		#toggles li {
			float:left;
			border-right:1px solid grey;
			padding:5px 7px;
		}
		
		.clear {
			clear:both;
		}
		
		.codeContainer {
			/* height:100%; */
			width:50%;
			float:left;
			position:relative;
		}
		
		.codeContainer textarea {
			height:100%;
			width:100%;
			border:none;
			border-right:1px solid grey;
			font-family:monotype;
			font-size:90%;
			box-sizing:border-box;
			padding:5px;
		}	
		
		textarea {
			 border:none;
			 resize: none;
			 font-family:monotype;
			 font-size:100%;
		 }
		
		.code {
			 width:100%;
			 height:100%;
			 border-left: 1px solid grey;
			-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
			 box-sizing: border-box;
			 padding:10px;
		 }
		
		.codeLabel {
			position:absolute;
			right:10px;
			top:10px;
		}
		
		#CSSContainer, #JSContainer{
			display:none;
		}
		
		iframe {
			height:100%;
			postion:relative;
			left:20px;
			border:none;
		}
		
	.selected{
		background-color:grey !important;
	}
	
	#resultFrame {
		 width:100%;
		 height:100%;
		 border:0;
		 border-left:1px solid grey;
	 }

	 .resultContainer {
		height:100%;	
	 }
	