 .container {width: 700px; clear: both;}
 .container input {width: 100%; clear: both;}
 .container1 {width: 384px; clear: both;}
 .container1 input {width: 100%; clear: both;}
input{
border:1px solid #000000;
}
div.header{
box-shadow:0px 0px 15px 0px black;
background:-moz-linear-gradient(DarkMagenta , #000);
background:-o-linear-gradient(DarkMagenta , #000);
background:-webkit-linear-gradient(DarkMagenta , #000);
background:linear-gradient(DarkMagenta, #000);
font-size:60px;
color:#FFFFFF;
font-weight:100;
height:80px;
max-width:100%;

}

.footer
{
background-color:DarkMagenta;
font-size:17px;
color:white;
font-weight:100;
height:60px;
max-width:100%;
}
.table{
float:left;
margin:5px;
padding:5px;
max-width:100%;
}
.name{
float:none;
margin:0px;
padding:5px;
font-size:40px;
font-weight:bold;
color:DarkMagenta;
}
.logtable{
margin-left:10%;
float:left;
margin:5px;
padding:5px;
}

a.normal:link, a.normal:visited
{
font-size:24px;
border:#fff;
text-transform:capitalize;
width:auto;
height:auto;
font-weight:200;
display:inline;
color:#00f;
background:#ffffff;
}
a.normal:hover
{
text-transform:capitalize;
width:auto;
height:auto;
font-weight:200;
display:inline;
color:#0000ff;
text-decoration:underline;
background:#ffffff;
}

a.two:link, a.two:visited
{
text-decoration:none;
border:solid 2px;
border-radius:30px;
text-transform:capitalize;
box-shadow:2px 2px 5px 0px #551b19;
width:170px;
height:33px;
font-weight:300;
display:block;
color:#000;
background:white;
font-size:19px;
text-align:center;
vertical-align:middle;
}
a.two:hover
{
border-top-right-radius:30px;
border-bottom-left-radius:30px;
text-transform:capitalize;
width:200px;
box-shadow:0px 0px 10px black;
font-weight: 300;
font-size:20px;
display:block;
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
background: -moz-linear-gradient(green , black);
background: -o-linear-gradient(green , black);
background: -webkit-linear-gradient(green , black);
background: linear-gradient(green , black);
}
a.two:active
{
width:170px;
font-weight:300;
display:block;
color:#ff0000;
text-transform:capitalize;
}


body
 {
counter-increment:inherit;
background-repeat:repeat;
background-attachment:fixed;
background-color:mintcream;
background-position:top;
}


.errormessage {font-size:16px; font-weight:100; color:red; font-style:italic;}
.errormessage2 {font-size:18px; font-weight:100; color:red; font-style:italic;}
.h1{color:#040; font-size:25px}
.normaltext{font-weight:300; font-style:normal}
.adletter{font-weight:300; color:#EA2502}
.style2 { font-size:19px; font-weight:400}
.style1 {font-weight:bold}
.style3 {font-size: 14px; font-weight:100}
.style3b {font-size:16px; font-weight:100}
.style3c {font-size: 10px; font-weight:100; color:#FF0000}
.style4 {color: #006000;font-weight:100}
.style4b {color:#006600}
.style5 {font-size:15px; font-weight:100; color:#EA2502}
.style6 {font-size: 18px; font-weight:100; color:DarkMagenta}
.style7a {font-size: 12px; font-weight:900; color:white}
.style7b {font-size: 24px; font-weight:bold; color:white}
.style9 {font-size: 14px; font-weight:300;}
.style10 {font-size: 18px;}
.style10b {font-size: 18px; color:#FF0000; font-weight:500}
.style11 {font-size: 22px; font-weight:100}
.style11b {font-size: 20px; font-weight:100;}
.style11c {font-size: 20px; font-weight:100; font-style:italic;}
.style12 {font-size: 36px;}
.style13 {font-size: 40px;}
.style14 {font-size: 60px; font-weight: bold; color: #ff0000; }
.style15 {font-size: 20px; font-family: "Courier New", Courier, monospace; }
.style20 {font-family: "Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.style20a {font-family: "Courier New", Courier, monospace; color:#FF0000; font-size:18px}
.style20b {font-family: "Courier New", Courier, monospace; color:#000000; font-weight:600;}
.style25 {color: #006600;font-weight: bold;font-style: italic}
.style26 {color: #006600;font-weight: bold; font-size:18px}

.trblack{
box-shadow:0px 0px 15px 0px black;
background:-moz-linear-gradient(#060 , #000);
background:-o-linear-gradient(#060 , #000);
background:-webkit-linear-gradient(#060 , #000);
background:linear-gradient(#060, #000);
font-size:55px;
color:#f00;
font-weight:100;
height:80px;
max-width:100%;
}

div.scroll
{
overflow:scroll;
background:-moz-linear-gradient(left, #f4f7da , #ffffff, #ffffff);
background:-o-linear-gradient(left, #f4f7da , #ffffff, #ffffff);
background:-webkit-linear-gradient(left, #f4f7da , #ffffff, #ffffff);
background:linear-gradient(left, #f4f7da , #ffffff, #ffffff);
box-shadow:0px 0px 3px black;
width:850px;
height:70px;
vertical-align:top;
padding:12px;
text-align:justify;
}

INPUT.buttonlong1
{
width:100px;
height:25px; 
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000000;
align:right;
font-size:18px;  
font-weight:800
}
INPUT.buttonlong
{
width:180px;
height:45px; 
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000000;
font-size:15px;  
font-weight:800
}
INPUT.buttonsmall
{
width:120px;
height:30px; 
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000000;
font-size:12px;  
font-weight:500
}
INPUT.scan
{
width:180px;
height:50px; 
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000000;
font-size:33px;  
font-weight:800
}

INPUT.inputlogin{
width:250px;
height:30px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:17px;
}
SELECT.selectlogin{
width:245px;
height:30px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000; font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:17px;
}
INPUT.inputform1{
width:140px;
height:22px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:17px;
}
INPUT.inputform{
width:260px;
height:22px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:17px;
}

SELECT.selectform{
width:260px;
height:28px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000; font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:17px;
}
INPUT.inputenroll{
width:170px;
height:16px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000; 
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
font-size:14px;
}

INPUT.inputsmall{
width:90px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000; font-size:17px;
font-family:"Courier New", Courier, monospace;
font-weight:800
}

SELECT.selectenroll{
width:174px;
height:24px;
box-shadow: 0px 0px 3px 0.1px rgb(0, 0, 0, 0.5);
color:#000; 
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
font-size:14px;
}

input.mycheckbox[type=checkbox]{
-moz-transform: scale(2, 2);
-webkit-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(3, 3);
margin:1.25em 1.25em 1.25em 1.25em;
}

input.myradio{
-moz-transform: scale(2, 2);
-webkit-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(3, 3);
margin:1.25em 1.25em 1.25em 0;
}

div.moving
{
position:relative;
animation:boxmove 5s infinite;
animation-direction:alternate;
-moz-animation:boxmove 5s infinite;
-moz-animation-direction:alternate;
}



/*	Menu Style Start here */

.topmenu
{
	margin:0px 0px 0px 0px;
	padding:8px 0px 5px 0px;
}

.topmenu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; text-align:left;
}

.topmenu li  {
	display:inline;
	height:19px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

.topmenu li a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000; 
	background:url(../images/menudevider.jpg) top right repeat-y;
	text-decoration:none;
	padding:8px 30px 5px 30px;
	text-transform:uppercase;
	font-style:italic;
}

.topmenu li a:hover {
	color:#ffffff;
	background:DarkMagenta;
	text-decoration:none;
}

.topmenu li a.current {
	color:#F9FDCF;
	background:DarkMagenta;
	text-decoration:none;
}

.topmenu li a.noncurrent {
	color:#F9FDCF;
	background:#006400;
	text-decoration:none;
}

.topmenu li a.nonborder {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:none;
	text-decoration:none;
	padding:8px 12px 5px 12px;
	font-style:italic;
}


.topmenu li a:hover.nonborder {
	color:#F9FDCF;
	background:DarkMagenta;
	text-decoration:none;
}

ol {
    counter-reset: foo;
    display: table;
}

ol > li {
    counter-increment: foo;
    display: table-row;
}

ol > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
}
/*	Menu Style End here */
