@charset "utf-8";
/* CSS Document */
#main-wrapper{
	width:500px;
	margin:0 auto;
	background:white;
	padding:5px;
	border-radius: 10px;
	border: 2px solid #2c3e50;
	}
.activationcenter
	{
	margin: auto;
	width:800px;
	align:center; 
	top: 45px; 	
		}
	
.ErrorText_box{
	width: 60%;
	color: black;
    height: 400px;
    padding: 25px;
    margin: 0px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
		}		
.commment_box{
	width: 100%;
	color: black;
    height: 150px;
    padding: 25px;
    margin: 0px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
		}		
.subject_box{
	width: 100%;
	color: black;
    padding: 25px;
    margin: 0px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
		}		
#theList
{
    text-align: right;
    list-style-position: inside;
}​

#comment_btn{
		margin-top:10px;
		margin: 5px;
	        background-color: #2980b9;
			padding: 5px;
			color: green;
			text-align:center;
			fontsize: 18px;
			font-weight: bold;
		}	
#email_btn{
		margin-top:10px;
		margin: 5px;
	        background-color: #2980b9;
			padding: 5px;
			color: green;
			text-align:center;
			fontsize: 18px;
			font-weight: bold;
		}	
			
#login_btn{
	        margin-top:10px;
	        background-color: #27ae60;
			padding: 5px;
			color: white;
			width: 98%;
			text-align:center;
			fontsize: 20px;
			font-weight: normal;
			}
#file1
            {
	        margin-top:10px;
	        background-color: #27ae60;
			padding: 5px;
			color: white;
			width: 100%;
			text-align:center;
			fontsize: 18px;
			font-weight: bold;
			}
#uploadfile_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #3498bd;
			padding: 5px;
			color: white;
			width: 100%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#register_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #3498bd;
			padding: 5px;
			color: white;
			width: 98%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#adduser_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #27ae60;
			padding: 5px;
			color: white;
			width: 430px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#changestate_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #27ae60;
			padding: 5px;
			color: white;
			width: 330px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#changebeta_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #27ae60;
			padding: 5px;
			color: white;
			width: 430px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#deleteuser_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #e74c3c;
			padding: 5px;
			color: white;
			width: 430px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
.link_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #FB9F45;
    color: #FFF;
    padding: 8px 190px;
    text-decoration: none;
}
#resetuser_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #f39c12;
			padding: 5px;
			color: white;
			width: 430px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#checkall_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #f39c12;
			padding: 5px;
			color: white;
			width: 430px;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#comment_btn{
	        margin-bottom:20px;
	        margin:top 20px;
			background-color: #3498bd;
			padding: 5px;
			color: Black;
			width: 100%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#options_btn{
	        margin-bottom:10px;
			border-radius:15px;
            margin-left: 50px;
			background-color: #FFD461 ;
			color: Black;
			width: 20%;
			text-align:center;
			fontsize: 20px;
			font-weight: normal;
			}
#signup_btn{
	        margin-top:10px;
	        background-color: #3498db;
			padding: 5px;
			color: white;
			width: 95%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#back_btn{
	        margin-bottom:10px;
	        margin-top:10px;
	        background-color: #e74c3c;
			padding: 5px;
			color: white;
			width: 30%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
			}
#logout_btn {
    margin-bottom:10px;
	        margin-top:10px;
	        background-color: #e74c3c;
			padding: 5px;
			color: white;
			width: 100%;
			text-align:center;
			fontsize: 18px;
			font-weight: normal;
}
.tod{
	;
	
	}
	.forumtext {
    background-color: lightgrey;
	font:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
	text-align:left;
    width: 100%;
    border: 2px solid gray;
    padding: 2px;
	border-radius: 4px;
    margin: 5px;
}
.ResponceContainer {
   width: 100%;
	color: black;
    height: 150px;
    padding: 25px;
    margin: 0px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 30px;
    background-color: #2199b7;
    resize: none;
}
.ResponceText {
    background-color:#3498db ;
	text-align:left;
    width: 100%;
    border: 2px solid gray;
    padding: 2px;
	 border-radius: 30px;
    margin: 5px;
}
	.forumcontainer {
   width: 100%;
	color: black;
    height: auto;
    padding: 25px;
    margin: 0px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 30px;
    background-color: #f8f8f8;
    resize: none;
}

.forum {
   width: 95%;
   height: auto;
	color: black;
    padding: 25px;
    margin: 50px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 50px;
    background-color: #f0f0f0;
    resize: none;
}
.manualtext{
	text-align:left;
	font:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
.usermanual {
   width: 70%;
   height: auto;
	color: black;
    padding: 25px;
    margin: 50px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 50px;
    background-color: #f0f0f0;
    resize: none;
}
.emailcontainer {
   width: 55%;
   height: auto;
	color: black;
    padding: 25px;
    margin: 50px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 50px;
    background-color: #f0f0f0;
    resize: none;
}
.adminlinks {
   width: 100%;
   height: auto;
	color: black;
    padding: 15px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 30px;
    background-color: #f0f0f0;
    resize: none;
}
.linkPad {
	margin-left:15px;
	margin-right:15px;
	padding-right:30px;
	}
    .loginPad {
	 margin-left:20px;
	 margin-right:15px;
	 }
.emailBox1 {
 position: relative;
 float:left;
 color:white;
 top: -325px;
 left: 280px;
	}
	.emailBox2 {
 position: relative;
 float:left;
 color:white;
 top: -340px;
 left: 280px;
	}
	.CenterText
	{
	 margin:30px;
		}
.LoginImg{
	width: 100px;
	text-align:center;
	border-radius: 50%;
		}
.myform{
		width: 450px;
		margin: 0 auto;
		}
		
.inputvalues{
		width: 430px;
		margin: 0 auto;
		padding: 5px;
		}
.center_div
{
	text-align:left;
	width:135px;
	
	}
	.aboutcenter_div
{
	text-align:left;
	width:1500px;
	padding:45px;
	}
	.SecureLogo
	{
	float: left;
		}
		.SectigoLogo
	{
position: relative;
 float:left;
 color:white;
 top: -40px;
 left: 90px;
 border: 1px solid #000;
 border-radius: 1px;
		}
		
		.sidenav {
  height: 100%;
  width: 250px;
  float: left;
  z-index: 1;
  left: 0;
  overflow-x: hidden;
  margin-top: 40px;
}

.sidenav a {
  padding: 6px 6px 6px 32px;
  text-decoration: none;
  float:left;
  font-size: 25px;
  color: #002BD3;
  display: block;
}

.sidenav a:hover {
  color: #008A02
} 

.main {
  margin-left: 200px; /* Same as the width of the sidenav */
}

@media screen and (max-height: 450px) {
  .sidenav a {font-size: 18px;}
}