#status
{
	margin-left:5%;
	width:40%;
	padding-top:3%;
}

#status_password
{
	margin-left:5%;
	width:40%;
	padding-top:3%;
}

#login
{
	float:left;
	margin-top: 3%;
	margin-left:5%;
	margin-bottom:10%;
	width:50%;
	border: 2px solid gray;
}
#login input{margin-left: 5px;}
#login label{margin-left:10px;}
#login h3{margin-left:2px; margin-bottom:2%;}


#login_1
{
	float:right;
	--border:1px solid gray;
	width:45%;
	margin-right:2%;
	--margin-top:5%;
}

#login_head{background-color:#138808; color:#FFFFFF; width:40%;}
#login_head h3{margin-left:5px;}

#login_box {border:1px solid gray}
#login_box input{margin-left: 5px;}
#login_box label{margin-left:10px;}

#login_box_1 {float:right;width:45%;}
#login_box_1 input{margin-left: 5px;}
#login_box_1 label{margin-left:10px;}


#error_code
{
	float:right;
	border:2px solid gray;
	width:35%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:4%;
	
}

#error_code h3{padding: 0;margin: 0.5em; color: #000080;}
#error_code p{padding: 0;margin: 1em 0.5em 0.5em 0.5em;}


#error_code_na
{
	float:left;
	border:2px solid gray;
	width:50%;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:4%;
	
}

#error_code_na h3{padding: 0;margin: 0.5em; color: #000080;}
#error_code_na p{padding: 0;margin: 1em 0.5em 0.5em 0.5em;}

#success
{
	float:left;
	border:2px solid gray;
	width:35%;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:4%;
	
}

#success h3{padding: 0;margin: 0.5em; color: #000080;}
#success p{padding: 0;margin: 1em 0.5em 0.5em 0.5em;}

#message
{
	float:left;
	border:2px solid gray;
	width:50%;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:4%;
	
}

#message h3{padding: 0;margin: 0.5em; color: #000080;}
#message h4{padding: 0;margin: 1em 0.5em 0.5em 0.5em;}
#message p{padding: 0;margin: 1em 0.5em 0.5em 0.5em;}


#vid
{
	float:right;
	--border:1px solid gray;
	width:45%;
	margin-right:2%;
	margin-top:5%;
}

#vid_head{background-color:#000080; color:#FFFFFF; width:85%;}
#vid_head h3{margin-left:5px;}

#vid_box {--border:1px solid gray; width:85%;}


#register
{
	float:right;
	--border:1px solid gray;
	width:45%;
	margin-right:2%;
	margin-top:5%;
}

#register_head{background-color:#FF9933; color:#000000; width:85%;}
#register_head h3{margin-left:5px;}

#register_box {--border:1px solid gray; width:85%;}
#register_box h4 {margin-left:10%;}
#register_box h2 {margin-left:10%;}
#register_box ul {margin-top:10%;}
#register_box li{margin-bottom:2%;}
#register_box h5 {margin-left:10%;}


#flash{
	float:right;
	-border:1px dotted gray;
	width:90%;
	padding:1em;
}

#flash_head {background-color:#000080;color:#FFFFFF; width:85%;}
#flash_head h3{margin-left:5px;}
#flash_mess{width:85%;}
#flash_mess ul {margin-top:10%;}
#flash_mess li{margin-bottom:6%;}
#flash_mess h5 {margin-left:10%;}

#status h3{margin-left: 10px; color:#138808;}
#status p{margin-left: 15px; }


#topics{
       float:left;
       width:50%;
       --border:1px solid gray;
       margin-left:3%;
}


#details
{
float: left;
width: 340px;
margin: 0;
padding: 1em;
}


#details p { margin: 0 0 1em 0; }

#details img {margin-left:20px;}
#period
{
margin: 0;
border-bottom: 1px solid gray;
}



#pdet
{
margin: 0;
}


#desc
{
margin-left: 320px;
border-left: 1px solid gray;
padding: 1em;
max-width: 50em;
height: 20em;
}

#topic
{
margin-left: 360px;
border-left: 1px solid gray;
padding: 1em;
max-width: 50em;
height: 40em;
}


ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;

}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 3px 3px; }



#navlist a:link, #navlist a:visited
{
color:#666666;
background-color: #FFFFFF;
text-decoration: none;
border: 1px solid gray;
}

#navlist a:hover
{
color: #000000;
background-color: #FF9933;
text-decoration: none;
}

/*COMMENTS*/

#comments{
	margin-top:5%;
	color:#000000;
	background-color:#FF9933;
	margin-left:20%;
	width:60%;
	padding: 1em;
	border:1px solid gray;
}
	
#c_name{
	margin-top:5%;
	margin-left:60%;
	width:40%;
	text-align:right;
}

#c_date{
	margin-left:60%;
	width:40%;
	text-align:right;
}

#comment_put{
	margin-left:20%;
	width:60%;
	padding: 1em;
	border: 1px  solid gray;
	
}

#form{
	margin-left:5%;
	padding: 1em;
	width:95%;
}

#form_name{
	margin-top:3%;
}

#form_comment{
	margin-top:3%;
}


#form_submit{
	width:30%;
	margin-top: 3%;
	margin-left:50%;
}


/*CLASSES*/

.vertical_scroll {
    height:20em;
    width:30em;
    overflow:scroll;
    margin-left:10px;   
    }