*{ margin:0; padding: 0}
html{ background-color:#fff; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif}
body{ background:url(../images/bg-banner.png) repeat-x}
a{color:#333; text-decoration:underline;}
a:hover{ color:#81a215; text-decoration:none}
.clear {clear: both}
img {margin: 0;padding: 0;border: none}
#wrapper{
width:960px; height:100%;
margin-left:auto;
margin-right:auto;
}
.page_title{ text-align: center; font-size: x-large; font-weight: 600;}
/* Header */
#header{
width:960px; height:32px; padding-bottom:10px;
}
.logo a{ font-size:25px;font-family: 'Expletus Sans', cursive; color:#455807; font-weight:200;
float:left; padding-top:25px; text-decoration: none}
.logo a:hover{ font-size:25px;font-family: 'Expletus Sans', cursive; color:#333; font-weight:200;
float:left; padding-top:25px; text-decoration: none}
.logo_glg img{ font-size:25px;font-family: 'Expletus Sans', cursive; color:#455807; font-weight:200;
float:right; padding-top:25px; text-decoration: none}
.logo_glg img:hover{ font-size:25px;font-family: 'Expletus Sans', cursive; color:#333; font-weight:200;
float:right; padding-top:25px; text-decoration: none}
/* New Navigation */
.nav{ width:960px; height:32px; background-color: #6b7d20; display:block; margin-top:20px; padding-top:0px;}
.nav ul{ list-style:none; float:left; padding-top:10px; margin-bottom:10px;}
.nav ul li{float:left}
.nav ul li a{
font-family:'Jura', Arial, Helvetica;
font-size:14px; color:#fff;
margin-left: 8px;
margin-right:3px;
border-right: 3px solid yellow;
padding-right: 10px;
text-decoration: none
}
.nav ul li input {
margin-top: -10px;
}
.nav ul li a:hover{ color:#000}
.nav ul li a.active{ color:#000}
.dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 1px 1px;
text-decoration: none;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #6b7d20;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(9,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover { background-color: #f1f1f1 }
.dropdown:hover .dropdown-content { display: block; }
/* Static Navigation */
.nav-static{ width:960px; height:81px; background:url(../images/nav-bg.png) no-repeat; display:block; margin-top:0px;}
.nav-static ul{ float:left; width:900px; height:20px; list-style:none; margin-top:20px; }
.nav-static ul li{ float:left;}
.nav-static ul li a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:85px; margin-left:65px; text-decoration: none}
.nav-static ul li a:hover{ color:#000}
.nav-static ul li.about-static a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:65px; text-decoration: none}
.nav-static ul li.about-static a:hover{ color:#000}
.nav-static ul li.contactus a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:65px; margin-left:74px; text-decoration: none}
.nav-static ul li.contactus a:hover{ color:#000}
.nav-static ul li.contactus a.active{ color:#000}
.nav-static ul li.myreports a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:65px; margin-left:70px; text-decoration: none}
.nav-static ul li.myreports a:hover{ color:#000}
.nav-static ul li.myreports a.active{ color:#000}
/* Admin Navigation */
.nav-admin{ width:960px; height:81px; background:url(../images/nav-bg-admin.png) no-repeat; display:block; margin-top:0px;}
.nav-admin ul{ list-style:none; float:left; padding-top:20px;}
.nav-admin ul li{float:left}
.nav-admin ul li a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:65px;text-decoration: none}
.nav-admin ul li a:hover{ color:#000}
.nav-admin ul li a.active{ color:#000}
.nav-admin ul li.new-acc a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:15px; margin-left:10px; text-decoration: none; width:200px;}
.nav-admin ul li.new-acc a:hover{ color:#000}
.nav-admin ul li.new-acc a.active{ color:#000}
.nav-admin ul li.manage a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:15px; margin-left:15px; text-decoration: none; width:150px;}
.nav-admin ul li.manage a:hover{ color:#000}
.nav-admin ul li.manage a.active{ color:#000}
.nav-admin ul li.mfiles a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:15px; margin-left:15px; text-decoration: none; width:200px;}
.nav-admin ul li.mfiles a:hover{ color:#000}
.nav-admin ul li.mfiles a.active{ color:#000}
.nav-admin ul li.ntraits a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:15px; margin-left:20px; text-decoration: none; width:200px;}
.nav-admin ul li.ntraits a:hover{ color:#000}
.nav-admin ul li.ntraits a.active{ color:#000}
.nav-admin ul li.logout a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:15px; margin-left:25px; text-decoration: none; width:200px;}
.nav-admin ul li.logout a:hover{ color:#000}
.nav-admin ul li.logout a.active{ color:#000}
.nav-admin ul li.adminreports a{ font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; margin-right:40px; margin-left:10px; text-decoration: none; width:200px;}
.nav-admin ul li.adminreports a:hover{ color:#000}
.nav-admin ul li.adminreports a.active{ color:#000}
.admin-about a{font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; float:right; margin-right:38px; margin-top: -5px;text-decoration: none}
.admin-about a:hover{ color:#000}
.admin-about a.active{ color:#000}
.admin-contact a{font-family:'Jura', Arial, Helvetica; font-size:14px; color:#fff; float:right;margin-right:-38px; margin-top:25px;text-decoration: none}
.admin-contact a:hover{ color:#000}
.admin-contact a.activer{ color:#000}
/* Main Content Area */
/*#main-content-home-static{ width:960px; height:600px; margin-top:8px; margin-bottom:15px;}*/
#main-content-home-static{ width:960px; margin-top:8px; margin-bottom:15px;}
#main-content-home-eoy{ width:960px; height:500px; margin-top:8px; margin-bottom:15px;}
/*#content-holder-home{ width:853px; height:600px; margin-left:auto; margin-right:auto}*/
#content-holder-home{ width:853px; margin-left:auto; margin-right:auto}
#content-holder-eoy{ width:853px; height:400px; margin-left:auto; margin-right:auto}
/* Kernel Navigation Admin*/
#home-mid-image-top{ width:853px; height:179px; margin: 0; padding: 0;}
#home-mid-image-top ul{ list-style: none;}
#home-mid-image-top ul li{ list-style: none; float:left;}
#home-mid-image-top ul li a{ text-indent: -9999px}
#home-mid-image-top ul li#item1 a{ width:306px; height:179px; float:left; margin-left: 0px; background:url(../images/folder-top.png) no-repeat; background-position: 0 0; outline: none}
#home-mid-image-top ul li#item1 a:hover{background:url(../images/folder-top-hover.png) no-repeat; background-position: 0 0}
#home-mid-image-top ul li#item1 a.active{background:url(../images/folder-top-hover.png) no-repeat; background-position: 0 0}
#home-mid-image-top ul li#item2 a{ width:257px; height:179px; float:left; margin-left: 0px; background:url(../images/folder-top.png) no-repeat; background-position: -306px 0; outline: none}
#home-mid-image-top ul li#item2 a:hover{ background:url(../images/folder-top-hover.png) no-repeat; background-position: -306px 0}
#home-mid-image-top ul li#item2 a.active{ background:url(../images/folder-top-hover.png) no-repeat; background-position: -306px 0}
#home-mid-image-top ul li#item3 a{ width:290px; height:179px; float:left; margin-left: 0px; background:url(../images/folder-top.png) no-repeat; background-position: -563px 0; outline: none}
#home-mid-image-top ul li#item3 a:hover{background:url(../images/folder-top-hover.png) no-repeat; background-position: -563px 0;}
#home-mid-image-top ul li#item3 a.active{background:url(../images/folder-top-hover.png) no-repeat; background-position: -563px 0;}
/* Kernel Navigation Static Item 3*/
#home-mid-image-top ul li#item3-static a{ width:290px; height:179px; float:left; margin-left: 0px; background:url(../images/folder-top-static.png) no-repeat; background-position: -563px 0; outline: none}
#home-mid-image-top ul li#item3-static a:hover{background:url(../images/folder-top-static-hover.png) no-repeat; background-position: -563px 0;}
#home-mid-image-top ul li#item3-static a.active{background:url(../images/folder-top-static-hover.png) no-repeat; background-position: -563px 0;}
/* Steps 1, 2 and 3 - Kernel 1 */
#home-mid-image-bottom{ width:853px; height:400px; margin-top: 0px; background:url(../images/folder-bottom.png) no-repeat}
#steps-holder{ padding-top:50px;}
.step1 a{ width:207px; height:195px;margin-left:35px;background:url(../images/middle-images.png) no-repeat; background-position: 0 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step1 a:hover{background:url(../images/middle-images.png) no-repeat; background-position: 0 -236px; text-indent: -9999px}
.step2 a{ width:272px; height:195px;margin-left:25px;background:url(../images/middle-images.png) no-repeat; background-position: -225px 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step2 a:hover{background:url(../images/middle-images.png) no-repeat; background-position: -225px -236px; text-indent: -9999px}
.step3 a{ width:225px; height:195px;margin-left:35px;background:url(../images/middle-images.png) no-repeat; background-position: -585px 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step3 a:hover{background:url(../images/middle-images.png) no-repeat; background-position: -585px -236px; text-indent: -9999px}
/* Steps 1, 2 and 3 - Kernel 2 */
#title-box{ font-family:'Expletus Sans', cursive; font-size:20px; color:#000; background-color:#959166; height:25px; float:left; margin-left:30px; padding: 7px 10px 7px 10px}
#steps-gpos-holder{ padding-top:50px;}
.step1-gpos a{ width:200px; height:195px;margin-left:35px;background: url(../images/item-2-bg-main.png) no-repeat; background-position: 0 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step1-gpos a:hover{background:url(../images/item-2-bg-main.png) no-repeat; background-position: 0 -248px; text-indent: -9999px}
.step2-gpos a{ width:272px; height:195px;margin-left:25px;background:url(../images/middle-images.png) no-repeat; background-position: -225px 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step2-gpos a:hover{background:url(../images/middle-images.png) no-repeat; background-position: -225px -236px; text-indent: -9999px}
.step3-gpos a{ width:245px; height:195px;margin-left:35px;background:url(../images/item-2-bg-main.png) no-repeat; background-position: -535px 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step3-gpos a:hover{background:url(../images/item-2-bg-main.png) no-repeat; background-position: -535px -248px; text-indent: -9999px}
/* Steps 1, 2 and 3 - Kernel 3 */
.step1-compliance a{ width:200px; height:195px;margin-left:35px;background: url(../images/item-3-bg-main.png) no-repeat; background-position: 0 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step1-compliance a:hover{background:url(../images/item-3-bg-main.png) no-repeat; background-position: 0 -248px; text-indent: -9999px}
.step2-compliance{width:272px; height:195px;margin-left:25px;background: url(../images/middle-arrow.png) no-repeat; background-position: 0 40px; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step2-compliance a{ width:272px; height:195px;margin-left:25px;background:url(../images/item-2-bg-main.png) no-repeat; background-position: -225px 0; text-indent: -9999px; display: block; float:left; padding-top:25px}
.step2-compliance a:hover{background:url(../images/item-2-bg-main.png) no-repeat; background-position: -225px -248px; text-indent: -9999px}
/* Footer */
#footer{ background:#e0e0e0; width:100%; height:20px; font-family: 'Jura', Arial, Helvetica; padding-top:0px;}
/* Typography */
h1{ font-family:'Expletus Sans', cursive; color:#455807;font-size:20px; margin-left:50px; padding-top:80px; display:block;}
p{ font-family:Arial, Helvetica, sans-serif; margin-left:50px; margin-top:20px; padding-right:100px; line-height:16px}
.t-content{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
.t-heading{font-family:Arial, Helvetica, sans-serif;font-size:17px; color:#455807}
p.copyright{ width:350px; margin-left:auto; margin-right:auto;font-family:'Jura', Arial, Helvetica; color:#5d7316}
/* Sub Pages */
/* Comparison Fields */
body#comp{ background-color:#fff; background-image: none}
#wrapper-comp{ width:700px;margin-left:auto;margin-right:auto;}
#box{ width:680px; height:auto; min-height:400px; border:#81a215 1px solid; background-color:#f3f3f3; margin-left:auto; margin-right:auto; margin-top:10px;}
#box-header{background-color:#81a215; padding-left:30px; padding-top:15px; padding-bottom:15px;font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; color: #fff;}
.table-col{ width:660px; float:left; margin-left:30px; margin-top:20px; margin-bottom: 30px;}
.drop-down{ width:200px; background-color:#fff;}
.drop-down-trait{ width:150px; background-color:#fff;}
/* Add New Traits */
#box-new-trait{ width:380px; height:auto; min-height:400px; border:#81a215 1px solid; background-color:#f3f3f3; float:left; margin-left:30px;}
.new-trait-holder{ width:400px; margin-top:50px;}
.table-col-trait-1{ width:550px; float:left; margin-left:7px; margin-top:20px; margin-bottom: 30px;}
.table-col-trait-2{ width:550px; float:left; margin-left:10px; margin-top:20px; margin-bottom: 30px;}
#form-trait{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700}
.form-field{ outline: none; border: 1px solid #81a215; padding:3px;}
/* Create an Account */
.cr-account-holder{ width:900px; height:500px; margin-top:50px;}
.eoy-holder{ width:900px; height:400px; margin-top:50px;}
/* Contact */
ul#contact{ font-family:"Arial Black", Gadget, sans-serif; font-size:12px; font-weight:100; color:#333; margin-left:50px; margin-top:15px;}
ul#contact li{ list-style: none;font-weight:100; margin-bottom:5px;}
ul#contact li a{ color:#333; text-decoration: none;}
ul#contact li a:hover{ color:#666}
ul#contact li.name{ list-style: none; font-size:15px; color:#6d8420;font-weight:100;}
ul#contact li.text{ margin-bottom:15px;}
/* Error Page */
body#error{ margin:0; padding: 0; background:url(../images/bg-banner.png) repeat-x}
#wrapper-error{ width:100%; height:100%;margin-left:auto; margin-right:auto}
#header-error{width:100%; height:52px;background:url(../images/bg-banner.png) repeat-x;}
#box-error{ width:300px; height:300px; margin-left: auto; margin-right: auto}
.error-title{font-size:25px;font-family: 'Expletus Sans', cursive; color:#455807; text-align:center; font-weight:200;padding-top:15px}
/* Manage Accounts */
.form-manage{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:180px;}
input[readonly]
{
background-color: #949494;
}
/* Weights and Other Pop Windows*/
body#pop{background-image: none; margin: 0; padding: 0}
#box_pop{margin:0 auto; padding: 10px;}
.btn-holder{ width:100px;; height:100px; margin-left:auto; margin-right:auto}
.btn-middle-align{margin-left:auto; margin-right:auto;}
.btn{display:inline-block; padding:5px; background-color:#81a215; color:#ffffff; border:none; cursor:pointer;}
.fl_btn { display:inline-block; padding:5px; border:solid 1px #81a215; color:#000000; cursor:pointer; }
.grid { width:100%; border:solid 1px #81a215; }
.grid th { background-color:#81a215; padding:10px; border:solid 1px #81a215; }
.grid td { padding:5px 10px; border:solid 1px #81a215; }
.grid tr:hover { border:solid 1px #97bc18; }
#home-login-image-top
{
width:853px; height:477px; margin-left:5px;
}
.login_ctrl table
{
padding:13px;
}
.login_ctrl table tr td
{
padding:5px;
}
.login_ctrl table tr td span
{
color:Red;
font-size:20px;
}
.login_ctrl table tr td label.caption
{
padding:5px 8px;
height:28px;
width:250px;
font-size:20px;
}
.login_ctrl table tr td input.txt
{
padding:5px 8px;
height:28px;
width:250px;
font-size:20px;
}
.login_ctrl table tr td input.btn
{
padding:8px;
width:150px;
font-size:20px;
background-color:#6b7d20;
}
.home_drop {
float: left;
font-size: 120%;
font-weight: bold;
margin-left: 5px;
margin-top: 10px;
width: 400px;
}
.view_edit_btn{
background: url(../images/view_edit_btn.png) no-repeat transparent;
width: 237px;
height: 58px;
float: right;
margin-right: 47px;
margin-top: 29px;
cursor: pointer;
}
.view_edit_btn:hover{
background-position: 0 -58px;
}
.generic_table table{
border-collapse:collapse;
width:100%;
}
.generic_table td{
}
.generic_table tr.even_row{ background:#EFEFEF; }
.generic_table td{ padding:5px; border: 1px solid #DADADA; }
.generic_table td:hover{ background: #D3EF77; }
.generic_table th{
font-size:12px;
font-weight:bold;
background:#81A215;
border: 1px solid #455807;
}
.generic_table th a{
color:#fff;
text-decoration: none;
}
.generic_table th a:hover{
text-decoration: underline;
}
.generic_filter { float: left; width: 100%; }
.generic_filter input,
.generic_filter select {
border: 1px solid #DADADA;
padding: 3px;
}
.page_nav{
float: right;
}
.page_nav a{
padding: 5px;
border: 1px solid #DADADA;
text-decoration: none;
}
.page_nav a:hover{
background: #D3EF77;
color: #000;
}
.page_display{
float: left;
}
.inputter{
border: none;
font-size: 12px;
}
.active{
background: #D3EF77;
}
.movable_container{
overflow-x: auto;
overflow-y: hidden;
overflow: -moz-scrollbars-horizontal;
}
.details_container table{ border-collapse:collapse; }
.details_container td{ padding:5px; border: 1px solid #DADADA; width: 200px;}
.details_container td.label {
font-size:12px;
font-weight:bold;
background:#81A215;
border: 1px solid #455807;
color: #FFF;
}
.details_container td.content:hover { background: #D3EF77; }
/************** buttons and controls *****************/
/* radio buttons */
.radio-lg { border: 0px; width: 15%; height: 2em; }
/* anchor link to button styles */
.a_button {
/*display: block;*/
width: 80px;
height: 15px;
background: #4E9CAF;
padding: 5px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
}
.a_button_en, .a_button_en:hover {
color: white;
cursor: pointer;
}
.a_button_dis, .a_button_dis:hover {
color: gray;
cursor: default;
}
/* input type=button styles */
.input_button {
width: 80px;
line-height: 15px;
background: #4E9CAF;
padding: 5px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
}
.input_button:hover {
color: gray;
cursor: pointer;
}