/* Stylesheet / CSS */
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
/* CSS Reset - Do not edit this line */ 
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}body {line-height:1.5;background:white;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;float:none !important;}table, th, td {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:'';}blockquote, q {quotes:"" "";}a img {border:none;}:focus {outline:0;}


/* General Styles
----------------------------------------------------------------------------------------------------*/
html {
	min-height: 100%;
}

body {
	height: 100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	font-size: 13px;
	line-height: 20px;
	min-width: 998px;
	background:url(../images/BG.png) repeat;
}
#wrapper {	
	
}
#wrapper {
	width: 350px;
	margin:auto;
	position: relative;
}


.main
{
	width:960px;
	margin:auto;
	  margin-top:20px;
}
.logo
{
	background:url(../images/logo.png) no-repeat;
	height:80px;
	  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.34);
	  font-family: 'Slabo 27px', serif;
	  font-size:26px;
	  color:#000;
	  text-transform:uppercase;
	  padding:20px;
	  padding-left:100px;
	  width:695px;
	  margin:auto;
}
.sub-text
{
    color: #7A140C;
  font-size: 26px;
  margin: auto;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  text-transform: none;
  margin-top: 10px;
  font-family: 'Dancing Script', cursive;
}
.sub-main
{
	border:1px solid #ccc;
	width:960px;
	margin:auto;
	   padding: 10px;
	  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	display:block;
}
.wrapper {
  background: #ffffff;
  border: 1px solid #bfbfbf;
    padding: 10px;
	display:block;
}
.login
{
	background:url(../images/BG.png) repeat;
	border-radius:5px;
	  display: block;
  overflow: hidden;
}
.login-frm
{
	padding: 20px;
	float:right;
}
.btn {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #050505, #444647);
  background-image: -moz-linear-gradient(top, #050505, #444647);
  background-image: -ms-linear-gradient(top, #050505, #444647);
  background-image: -o-linear-gradient(top, #050505, #444647);
  background-image: linear-gradient(to bottom, #050505, #444647);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
   border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  border: 0px;
  font-weight: bold;
  cursor:pointer;
}

.btn:hover {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #444647, #050505);
  background-image: -moz-linear-gradient(top, #444647, #050505);
  background-image: -ms-linear-gradient(top, #444647, #050505);
  background-image: -o-linear-gradient(top, #444647, #050505);
  background-image: linear-gradient(to bottom, #444647, #050505);
  text-decoration: none;
  cursor:pointer;
}

ul
{
	padding:0px;
	margin:0px;
}
ul li
{
	list-style:none;
}
.content
{
	  margin: 0px;
	  width: 917px;
	 
	  display: block;
	  background: url(../images/BG.png) repeat;
	  margin-top: 10px;
	  padding: 10px;
	  border-radius: 5px;
	    
}

.right-div
{
  float: right;
  background: #fff;
  width: 304px;
  border-radius: 5px;
  text-align: center;
}
.right-div h2
{
  border-bottom: 2px solid #7A140C;
  background: -moz-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background:linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    color: #fff;
  font-size: 15px;
  border-radius: 5px 5px 0px 0px;
  padding: 7px 0px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  
}
.right-div li
{
    list-style: none;
  font-size: 12px;
  color: #001;
  text-align: left;
  background: url(../images/arrow.jpg) no-repeat top 4px left;
  padding-left: 12px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #e2e2e2;
    height: 100%;
  overflow: hidden;
  
}
.right-div li a em
{
	float:right;
	font-style:italic;
	  color:#BF0505;
  font-size: 12px;
}
.right-div li span
{
	color:#990000;
	padding-right:5px;
	font-weight:bold;
}
.right-div ul
{
	padding: 10px;
}

.footer
{
	text-align:center;
	padding:20px;
	font-weight:bold;
	  text-shadow: 1px 1px 1px #8F8F8F;
	    color: #7A140C;
		  font-family: 'Open Sans', sans-serif;
		    font-size: 11px;
}
.right-div ul li a.latest
{
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding:0px 5px;
	float:right;
}
.right-div ul li a
{
	text-decoration:none;
	color:#000;
	  word-wrap: break-word;
}
.right-div ul li a:hover
{
	color:#999999;
}


 .menu
 {
 	width:280px;
	float:left;
	background:#350805;
	   border-bottom:2px solid #350805;
  background: -moz-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background:linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    border-radius: 5px;
  padding: 3px 0px;
  margin-right:10px;
 }
 .menu ul li
 {
	list-style:none;
	display:block;
	  border-bottom:2px solid #350805;
  background: -moz-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top,  rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background:linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
   padding: 10px 15px;
     color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 13px;
  font-weight: bold;
    
 }
  .menu ul li:hover
  {
  	background: -moz-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,2,34,1)), color-stop(44%, rgba(109,0,25,1)), color-stop(100%, rgba(169,3,41,1)));
background: -webkit-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -o-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: linear-gradient(to bottom, rgba(76, 1, 18, 1) 0%, rgba(52, 15, 24, 1) 44%, rgba(92, 2, 23, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
  }
 .menu ul li a
 {
 	color:#fff;
	 text-shadow: 1px 1px 1px #000;
	   font-size: 13px;
  text-decoration: none;
  font-weight: bold;
    width: 100%;
  display: block;
 }
  .menu ul
  {
  	width:100%;
  }
  .right-area
  {
  	  background: #fff;
  width: 581px;
  padding: 20px;
  FLOAT: right;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
    min-height: 847px;
  max-height: 100%;
  }
  .sub-menu li
  {
  	background:none !important;
	border:0px !important;
	padding:5px !important;
  	
  }
  .sub-menu
  {
  	padding-left:25px;
	  width: 94% !important;
  }
  .menu ul li a:hover
  {
  	opacity:0.8;
  }
  .right-area h2.welcome
  {
  	font-size:20px;
	color:#7A140C;
	text-align:center;
	margin:10px 0px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
  }
  

.marguee
{
    background: url(../images/right-arrow.png) no-repeat left;
  padding: 0px 5px;
  display: block;
  overflow: hidden;
  clear: both;
  padding-left: 25px;
  color: #B22E25;
  text-transform: capitalize;
  line-height: 20px;
  padding-top: 5px;
  font-size: 13px;
  font-weight: bold;
}

.add-comm
{

  line-height: 24px;
}

.login-frm h3.on-reg span
{
  color: #7A140C;
    text-decoration: underline;
 
}
.login-frm h3.on-reg
{
	  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
   margin-right: 0px; 
  margin-top: 28px;
  text-align: right;
}
<!-----------------menu----------------------->
nav {
	margin: 100px auto; 
	text-align: center;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	  border-bottom: 2px solid #350805;
  background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
  border-right: 1px solid rgba(105, 10, 3, 1);
  border-left: 1px solid rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 0px;
	border-radius:3px;
	list-style: none;
	position: relative;
	display: inline-table;
	width:100%;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
		  border-right: 1px solid rgba(105, 10, 3, 1);
  border-left: 1px solid rgba(0, 0, 0, 1);
	}
		nav ul li:hover {
			  	background: -moz-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,2,34,1)), color-stop(44%, rgba(109,0,25,1)), color-stop(100%, rgba(169,3,41,1)));
background: -webkit-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -o-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: linear-gradient(to bottom, rgba(76, 1, 18, 1) 0%, rgba(52, 15, 24, 1) 44%, rgba(92, 2, 23, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
border-right: 1px solid #600C06;

		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; padding: 10px  18px;
			  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
		}
			
		
	nav ul ul {
		 border-bottom: 2px solid #350805;
  background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
  border-right: 1px solid rgba(105, 10, 3, 1);
  border-left: 1px solid rgba(0, 0, 0, 1); border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		  z-index: 10;
		  width: auto;
	}
		nav ul ul li {
			float: none; 
		 position: relative;
			  border-top: 1px solid rgba(105, 10, 3, 1);
  border-lbottom: 1px solid rgba(0, 0, 0, 1);
		}
			nav ul ul li a {
				padding: 9px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
								  	background: -moz-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,2,34,1)), color-stop(44%, rgba(109,0,25,1)), color-stop(100%, rgba(169,3,41,1)));
background: -webkit-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -o-linear-gradient(top, rgba(143,2,34,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(109,0,25,1) 44%, rgba(169,3,41,1) 100%);
background: linear-gradient(to bottom, rgba(76, 1, 18, 1) 0%, rgba(52, 15, 24, 1) 44%, rgba(92, 2, 23, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
border-right: 1px solid #600C06;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	.c-profiles select
	{
		padding: 5px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
      width: 110px;
	}
	
		.scrollup{
			width:40px;
			height:120px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background: url('icon_top.png') no-repeat;
		}
		.datendtime p
		{
			  float: right;
			  font-weight: bold;
			  color: rgb(114, 5, 5);
			  margin-top: 2px;
		}
	.top-div
	{
		display:block;
		width:auto;
		margin-bottom:20px;
		text-align: center;
	}
	.mid-div
	{
		display:inline-table;
		border:1px solid #000;
		padding:5px;
		margin-bottom:5px;
		color:#000;
		
	}
	.mid-div:hover
	{
		background:#E9E9E9;
	}
	#htno, #end
	{
		text-transform:uppercase;
	}
	/*
	#error3
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:red;
		font-weight:bold;
	}*/
	/*.app li a
	{
		font-size:14px;
		text-decoration:none;
		color:#000;
		font-weight:bold
	}
	.app li a:hover
	{
		color:#7A140C;
	}
	.app 
	{
		margin-top:40px;
	}
	.app li i
	{
		    font-size: 20px;
			color:#000;
	}
	.app li 
	{
		margin-bottom:10px;
	}*/
	.home-li li
	{
		    font-size: 18px;
			color: #7A140C;
			line-height: 44px;
			font-family: 'Open Sans', sans-serif;
	}
		.home-li li i
		{
			color:#000;
			font-size:25px !important;
		}
		.home-li
		{
			    margin-top: 59px; 
    margin: auto;
    display: block;
   text-align: center;
    width: auto;
    border: 1px solid #990404;
    padding: 20px;
    margin: 38px 50px;
    border-radius: 50px 0px 50px 0px;
    box-shadow: 2px 2px 14px #ccc;
    background-color: rgb(255, 227, 227);
		}
		.chrome
		{
			background:url(../images/chrome.png) no-repeat;
			width:24px;
			height:24px;
			float:left;
		}
		.help-us li
		{
			    line-height: 40px;
				font-size: 18px;
				color: #000;
		}
		.help-us
		{
			        margin: auto;
					width: 518px;
					padding: 30px 40px;
					border: 1px solid #A30404;
					border-radius: 50px 0px 50px 0px;
					background-color: #FFF3F0;
					box-shadow: 5px 5px 5px #e2e2e2;
		}
		#htno_val
		{
			text-transform:uppercase;
		}
		#myform div
		{
			
			width: 324px;
			padding: 10px;
			border: 1px solid #ccc;
			border-radius: 5px;
			margin: auto;
			display: block;
			font-size: 15px;
			color: #fff;
			font-family: 'Open Sans', sans-serif;
			box-shadow: 1px 1px 5px 1px #ccc;
			    border-bottom: 2px solid #350805;
    background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
    background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    border-right: 1px solid rgba(105, 10, 3, 1);
    border-left: 1px solid rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
		

		}
				#myform div table td
				{
					padding:5px;
					    font-weight: bold;
						color:#FFFFFF;
				}
				#myform div table td:first-child
				{
					text-align:left;
				}
				#myform div table input[type=text], #myform div table select
				{
					border-radius:5px;
					border:1px solid #e2e2e2;
					    padding: 6px 5px;
					width: 200px;
					
				}
				#myform div table input[type=text]:focus, #myform div table input[type=text]:hover
				{
					background:#F6F6F6;
					border:1px solid #e2e2e2;
					box-shadow:;inset 1px 1px 1px 0px #ccc;
					   
				}
				.green
				{
					font-size: 14px;
					color: #42AA42;
					font-weight: bold;
					text-transform: uppercase;
				}
							h3.online
{
    font-family: 'Slabo 27px', serif;
	  color: #7A140C;
	  font-size: 24px;
	  text-align: center;
	  font-weight: bold;
	  letter-spacing: 1px;
}
			
			
			.c-profiles {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 30px auto;
	text-align: left;
}	

.c-profiles th {
	background: url(images/noise-diagonal.png), linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff !important;
  	font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
}
.c-profiles th a
{
	color:#fff;
}

.c-profiles th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

.c-profiles th:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

.c-profiles th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

.c-profiles td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	word-break: break-all;
}

.c-profiles td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

.c-profiles td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

.c-profilestr {
	background: url(http://jackrugile.com/images/misc/noise-diagonal.png);	
}

.c-profiles tr:nth-child(odd) td {
	background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);	
}

.c-profiles tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

.c-profiles tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

.c-profiles tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}	

.c-profiles tbody:hover td {
	/*color: transparent;
	text-shadow: 0 0 3px #aaa;*/
}

.c-profiles tbody:hover tr:hover td {
	/*color: #444;
	text-shadow: 0 1px 0 #fff;*/
}
		.radio-btns
	{
		border-bottom: 2px solid #350805;
    background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
    background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    border-right: 1px solid rgba(105, 10, 3, 1);
    border-left: 1px solid rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 0px;
    border-radius: 3px;
    list-style: none;
    position: relative;
    display: inline-table;
    width: 100%;
	margin-top:10px;
	padding:8px; 5px
	
	}
	.radio-btns label
	{
		color:#fff;
		padding:0px 10px;
		
	}
	.radio-btns label input
	{
		margin-right: 7px;
	}
	.instructions
	{
		border:0px !important;
		box-shadow:none !important;
		
	}
	.help-us span
	{
		    color: #C11C1C;
	}
	#myform div table td span
	{
		font-size:11px;
	}
.c-profiles input[type=text]
{
	padding:6px 5px;
	border:1px solid #e2e2e2;
	border-radius:5px;
	
	
}
.c-profiles input[type=text]:focus, .c-profiles input[type=text]:hover
{
	background:rgba(204, 204, 204, 0.27);
}
.online a
{
	text-decoration:none;
}
	.last-dates
	{
		font-size:18px;
		color:#000;
		line-height:25px;
		    width: 635px;
	}	
	.last-dates ul
	{
		font-size:15px;
		padding:10px 40px;
	}	
	.app li a
	{
		font-size:14px;
		text-decoration:none;
		color:#000;
		font-weight:bold
	}
	.app li a:hover
	{
		color:#7A140C;
	}
	.app 
	{
		margin-top:40px;
	}
	.app li i
	{
		    font-size: 20px;
			color:#000;
	}
	.app li 
	{
		margin-bottom:10px;
	}
	.home-li li
	{
		    font-size: 18px;
			color: #7A140C;
			line-height: 44px;
			font-family: 'Open Sans', sans-serif;
	}
	.bulk_entry
	{
		border-bottom: 2px solid #350805;
    background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
    background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
    background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    border-right: 1px solid rgba(105, 10, 3, 1);
    border-left: 1px solid rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 0px;
    border-radius: 6px;
    list-style: none;
    position: relative;
    width: 409px;
	padding:15px;
	color:#fff;
	margin:auto;
	font-weight:bold;
	font-size:15px;
	}
	.bulk_entry input[type=file]
	{
		background: #fff;
    border: 1px solid #e2e2e2;
    color: #000;
    border-radius: 4px;
    padding: 5px;
	}
	.bulk_entry table td:first-child
	{
		font-weight:bold;
		padding-right:10px;
		margin-bottom:10px;
	}
	.error
	{
		text-align:center;
		color:#FF0000;
		font-size:13px;
		font-weight:bold;
	}
	#error, #error1 {
    color: Red;
    font-size: 12px;
    text-align: right;
    margin-right: 43px;
    font-family: arial;
    position: absolute;
    /* right: 0px; */
    margin-left: 182px;
    margin-top: 3px;
}
.form_wrapper{
	background:#fff;
	border:1px solid #ddd;
	margin:0 auto;
	width:350px;
	font-size:16px;
	-moz-box-shadow:1px 1px 7px #ccc;
	-webkit-box-shadow:1px 1px 7px #ccc;
	box-shadow:1px 1px 7px #ccc;
}
.form_wrapper h3{
	  padding: 10px 30px 10px 30px;
    border-bottom: 2px solid #7A140C;
  background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
  color: #fff;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
}
.form_wrapper form{
/*	display:none;
*/	background:#fff;
}

.form_wrapper .column{
	width:47%;
	float:left;
}
form.active{
	display:block;
}
form.login{
	width:350px;
}
form.register{
	width:550px;
}
form.forgot_password{
	width:300px;
}
.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}
.form_wrapper a:hover{
	color:#000;
}
.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
}
.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}
.form_wrapper .bottom{
	  border-bottom: 2px solid #7A140C;
  background: -moz-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92, 2, 23, 1)), color-stop(44%, rgba(76, 1, 18, 1)), color-stop(100%, rgba(52, 15, 24, 1)));
  background: -webkit-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -o-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: -ms-linear-gradient(top, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%);
  background: linear-gradient(to bottom, rgba(92, 2, 23, 1) 0%, rgba(76, 1, 18, 1) 44%, rgba(52, 15, 24, 1) 100%)
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
	border-top:1px solid #ddd;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	padding:10px 10px;
}
.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ffa800;
	text-shadow:1px 1px 1px #000;
}