body{
		 font-family: 'Cutive';
		 background:#f8f8f8;
		 color:#aaa;
		 padding:0px;
		 margin:0px;
	}
	
	h1{
	
		font-size:40px;
		font-family:'Cutive';
		color:#fff;
		margin-top:1px;
		padding-top:6px;
		margin-bottom:1px;
		padding-bottom:5px;		
		
	}
	
	.small{
		font-size:10px;
	}
	h1 {
  		text-shadow: 0 1px 0 #ccc,
		   0 2px 0 #c9c9c9,
		   0 3px 0 #bbb,
		   0 4px 0 #b9b9b9,
		   0 5px 0 #aaa,
		   0 6px 1px rgba(0,0,0,.1),
		   0 0 5px rgba(0,0,0,.1),
		   0 1px 3px rgba(0,0,0,.3),
		   0 3px 5px rgba(0,0,0,.2),
		   0 5px 10px rgba(0,0,0,.25),
		   0 10px 10px rgba(0,0,0,.2),
		   0 20px 20px rgba(0,0,0,.15);
	}



	h4{

		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 0px;
	}
	.shad {
  		text-shadow: 0 1px 0 #ccc,
		   0 2px 0 #c9c9c9,
		   0 3px 0 #bbb,
		   0 3px 0 #b9b9b9,
		   0 3px 0 #aaa,
		   0 2px 1px rgba(0,0,0,.1),
		   0 0 2px rgba(0,0,0,.1),
		   0 1px 3px rgba(0,0,0,.3),
		   0 3px 3px rgba(0,0,0,.2),
		   0 2px 3px rgba(0,0,0,.25),
		   0 4px 4px rgba(0,0,0,.2),
		   0 6px 6px rgba(0,0,0,.15);
	}
	
	.press {
  		text-shadow: 0 1px 0 #ccc,
		   0 1px 0 #c9c9c9,
		   0 1px 0 #bbb,
		   0 1px 0 #b9b9b9,
		   0 1px 0 #aaa,
		   0 1px 1px rgba(0,0,0,.1),
		   0 0 1px rgba(0,0,0,.1),
		   0 1px 1px rgba(0,0,0,.3),
		   0 1px 1px rgba(0,0,0,.2),
		   0 1px 1px rgba(0,0,0,.25),
		   0 1px 1px rgba(0,0,0,.2),
		   0 1px 1px rgba(0,0,0,.15);
	}
	
	
	#box{
		border:0px solid #222;
		border-radius:10px;
		width:212px;
		height:41px;
		text-align:center;
		padding:0px;
		margin:5px;
		margin-top:0px;
		background:#f8f8f8;
  		box-shadow: 0 1px 0 #eee,
		   0 2px 0 #c9c9c9,
		   0 3px 0 #bbb,
		   0 4px 0 #b9b9b9,
		   0 5px 0 #aaa,
		   0 6px 1px rgba(0,0,0,.1),
		   0 0 5px rgba(0,0,0,.1),
		   0 1px 3px rgba(0,0,0,.3),
		   0 3px 5px rgba(0,0,0,.2),
		   0 5px 10px rgba(0,0,0,.25),
		   0 10px 10px rgba(0,0,0,.2),
		   0 20px 20px rgba(0,0,0,.15);	

background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

		   
	}

	#control{
		border:0px solid #222;
		border-radius:10px;
		width:131px;
		height:41px;
		float:right;
		text-align:center;
		padding:0px;
		margin:5px;
		margin-top:0px;
		background:#f8f8f8;
  		box-shadow: 0 1px 0 #eee,
		   0 2px 0 #c9c9c9,
		   0 3px 0 #bbb,
		   0 4px 0 #b9b9b9,
		   0 5px 0 #aaa,
		   0 6px 1px rgba(0,0,0,.1),
		   0 0 5px rgba(0,0,0,.1),
		   0 1px 3px rgba(0,0,0,.3),
		   0 3px 5px rgba(0,0,0,.2),
		   0 5px 10px rgba(0,0,0,.25),
		   0 10px 10px rgba(0,0,0,.2),
		   0 20px 20px rgba(0,0,0,.15);	

background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

		   
	}
	
	
	.button{
		
		width:30px;
		height:30px;
		padding:0px;
		border:0px solid #ff0000;
		float:left;
		font-size:30px;
		color:#f1f1f1;
		margin-left:10px;
		margin-top:6px;
		margin-bottom:10px;
		
		/*cursor:pointer;*/
		
	}
	/* move button down a bit on hover and active/press */
	.down{
		padding-top:3px;
		
	}
	#page{
		margin:0px;

		padding:0px;
		min-width: 680px;

	}
	#top{
		border-bottom:4px solid #bbb;
		padding:15px;
		padding-right:10px;		
		padding-top:10px;		
		height:50px;
		background:#ddd url(http://bli.ms/images/large_leather.png);
		
		
	}
	
	#logo{
		width:200px;
		height:50px;
		border:0px solid black;
		float:left;
	}
	
	#main{
		padding:15px;
		color:#333; 
		min-height:400px;
		line-height:24px;
		font-size:14px;
	}
	
	
	#bottom{
		border-top:2px solid #bbb;
		padding:15px;
		overflow:hidden;
		font-size:13px;
		min-height:100px;
		
	}
	
	#connect{
		float:right;
		width:350px;
		border:0px solid black;
		margin:0px;
		padding:5px;
		color:#444;
	}
	
	#logout_btn{
		cursor:pointer;
		border:0px solid black;
		width:50px;
		height:39px;
		float:right;
		color:#b55f5f;
		padding-top:11px;
		text-align: center;
		font-size: 34px;
	}
	#logged_in{
		text-align: right;
		width:240px;
		border: 0px solid black;

	}
	a#login:link{
		text-decoration:none;
		color:#5eb67d;	
	}
	a#login:visited{
		text-decoration:none;
		color:#5eb67d;	
	}
	a#login:active{
		text-decoration:none;
		color:#5eb67d;	
	}
	a#login:hover{
		text-decoration:underline;
		color:#5eb67d;		
	}

	a#logout:link{
		text-decoration:none;
		color:#b55f5f;	
	}
	a#logout:visited{
		text-decoration:none;
		color:#b55f5f;	
	}
	a#logout:active{
		text-decoration:none;
		color:#b55f5f;	
	}
	a#logout:hover{
		text-decoration:underline;
		color:#b55f5f;		
	}

	.paper{

		background-color: white;
		border:1px solid #555;
		font-size: 12px;
		padding:10px;

	}

	span.codein{
		padding: 4px;
		font-family: monospace;
		background-color: #777;
		color:white;
		border:1px solid:#222;

	}

	.help_link{
		cursor: pointer;

	}

	.butt {
		cursor: pointer;
		-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
		-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
		box-shadow:inset 0px 1px 0px 0px #bbdaf7;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
		background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
		background-color:#79bbff;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #84bbf3;
		display:inline-block;
		color:#ffffff;
		font-family:Arial;
		font-size:17px;
		font-weight:normal;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #528ecc;
	}.butt:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
		background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
		background-color:#378de5;
	}.butt:active {
		position:relative;
		top:1px;
	}
	.no_pointer{
		cursor: default;
	}
	#error_msg{
		display:none;
		border:1px solid red;
		background-color: #901f1f;
		color: white;
		font-size: 12px;
		font-weight:normal;
		padding:6px;
		margin:3px;
		width:820px;

	}