/*------------------------ Attributes that everyone should have ------------------------*/
body {
	font-family: "freightsans_prolight",arial,serif;
	margin: auto;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

div {
	margin: 0;
	padding: 0;
}
#table {
	padding: 0px;
        clear: both;
        width: 1100px;
        heigth: 800px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
}
.header {
	color: #202020;
	font-size: 150%;
	text-align: center;
	heigth: 1000px;
	clear: both;
}

.Menu {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 700px;
    padding: 0;
}
.Menu a{
	height: 45px;
	width: 140px;
	display: block;
	text-decoration: none;
	color: #606060;
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 20px;
}
.Menu a:hover {
	color: black;
}

.Menu p{
        height: 45px;
        width: 140px;
        display: block;
        text-decoration: none;
        color: #606060;
        text-align: center;
        font-size: 1.5em;
        padding-bottom: 20px;
}
.Menu p:hover {
        color: black;
}

.Menu li {
	float: Left;
	list-style-type: none;
}
.Menu ul {
	display: none;
}
.active_red {
	height: 5px;
	width: 138px;
	background-color: #FF0066;
}
.active_green {
	height: 5px;
	width: 138px;
	background-color: #7FFF00;
}
.active_blue {
	height: 5px;
	width: 138px;
	background-color: #33CCFF;
}
.active_purple {
        height: 5px;
        width: 138px;
        background-color: purple;
}
.active_yellow {
	height: 5px;
	width: 138px;
	background-color: yellow;
}
.Menu a:hover .hover_red {
	height: 5px;
	width: 138px;
	background-color: #FF0066;
}
.Menu a:hover .hover_green {
	height: 5px;
	width: 138px;
	background-color: #7FFF00;
}
.Menu a:hover .hover_yellow {
	height: 5px;
	width: 138px;
	background-color: yellow;
}
.Menu a:hover .hover_blue {
	height: 5px;
	width: 138px;
	background-color: #33CCFF;
}
.Menu a:hover .hover_purple {
        height: 5px;
        width: 138px;
        background-color: purple;
}
.Menu p:hover .hover_red {
        height: 5px;
        width: 138px;
        background-color: #FF0066;
}
.Menu p:hover .hover_green {
        height: 5px;
        width: 138px;
        background-color: #7FFF00;
}
.Menu p:hover .hover_yellow {
        height: 5px;
        width: 138px;
        background-color: yellow;
}
.Menu p:hover .hover_blue {
        height: 5px;
        width: 138px;
        background-color: #33CCFF;
}
.Menu p:hover .hover_purple {
        height: 5px;
        width: 138px;
        background-color: purple;
}
.SN {
	display: none;
}

.refresh {
	position:absolute;
	right:200px;
	border-style:none;
	background-color: #CC0000;
}

.confirm {
	color: green;
	clear: both;
	margin: auto;
	width: 200px;
	margin-bottom: 20px;
}

.error {
	color: red;
        clear: both;
        margin: auto;
        width: 200px;
        margin-bottom: 20px;
}
form {
	width: 600px;
	margin: auto;
	margin-top: 20px;
	padding-top: 80px;
}
form .label {
	float: left;
	width: 300px;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}
form .subLabel {
	float: left;
	width: 600px;
	height: 10px;
	margin-bottom: 0px;
	margin-top: -25px;
	font-size: 0.8em;
	color: #777777;
}
form input[type=checkbox] {
	float: left;
	width: 20px;
}
form input {
	float: left;
	width: 300px;
	height: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.button {
	width: 150px;
	clear: both;
	margin: auto;
}
#back {
	z-index:100;
	position: relative;
	top: 80px;
	left: 250px;
	background-color:#44c767;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	padding:10px 43px;
	text-decoration:none;
	text-shadow:0px 2px 0px #2f6627;
}
#forward {
	position: relative;
        top: 80px;
        left: 250px;
	z-index:100;
	background-color:#d0451b;
        border:1px solid #942911;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:arial;
        font-size:16px;
        padding:10px 43px;
        text-decoration:none;
        text-shadow:0px 2px 0px #2f6627;
}
#reset {
	z-index:100;
	margin: 0;
	position: relative;
        top: 80px;
        left: 250px;
	background-color:#5799ff;
        border:1px solid #337bc4;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:arial;
        font-size:16px;
        padding:10px 43px;
        text-decoration:none;
        text-shadow:0px 2px 0px #2f6627;
}
#back:hover {
	background-color:#88ffab;
        border:1px solid #5cef6d;	
}
#forward:hover {
	background-color:#f4895f;
        border:1px solid #d86d55;
}
#reset:hover {
	background-color:#8accff;
        border:1px solid #448cd5;
}
.contens {
	width: 700px;
	margin: auto;
	heigth: 1000px;
	clear: both;
}