* {
	margin: 0;
    padding: 0;
}

body {
	font-family : Calibri, Tahoma, Verdana, Arial; 
	font-size : 12px;
}

h1, h2 {
   color: #00384D;
   border-bottom: 2px dotted #00384D;
   padding-top: 15px;
}

h3, h4{
	padding-top: 15px;
}

tr.hevenrow, .hevenrow TD, .hevenrow TH { 
	background-color : white; 
}
 
tr.hevenrow, .hevenrow TD, .hevenrow TH { 
	background-color : white; 
}
 
tr.hoddrow, .hoddrow TD, .hoddrow TH { 
	background-color : #888888; 
	color : white; 
}

tr[id^="row"]:nth-child(even) {
	background: #F0F0F0;
}

tr[id^="row"]:nth-child(odd) {
	background: #FFF;
}

td[id^="col"] { 
	border: 1px solid #F0F0F0;
	padding: 5px;
} 

td.columnheader { 
	font-size : 16px; 
} 

table { 
	font-size : 16px;
}


span.subformtitle {
    display: inline-block;
    font-size: 22px;
    font-style: italic;
    color: #888888;
    padding-top: 30px;
    mix-blend-mode: difference;
}

span.subformtitle2 {
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #888888;
    padding-top: 30px;
}

span.fieldhelp {
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    color: #888888;
}

#copyright .copyright a {
    color: white;
	text-decoration: none;
}

#copyright .copyright {
    color: white;
	font-size: 12px;
	float: left;
}

#copyright ul ul li a hr{
    border: 1px solid #002533;
}

#copyright .copyright span {
}

#copyright { 
	color: white;
    width: 100%;
    background: #00384D;
    height: 200px;
    padding: 10px 0px 10px 0px;
	border-top: 16px solid #C0C0C0;
	overflow: hidden;
}

#copyright ul {
    list-style: none;
	padding: 10px 0px 10px 100px;
}

#copyright ul ul {
    padding: 10px 0px 10px 0px;
}

#copyright ul li a {
    font-size: 18px;
}

#copyright ul ul li a {
    font-size : 14px;
}

#rights {
    color: white;
    background: #002533;
	padding: 17px 0px 10px 101px;
	height: 28px;
	text-align: left;
}

input[type=text], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=search], select {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 3px 5px;
    height: 20px;
}

select {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 2px;
    height: 28px;
}

textarea {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 3px 5px;
}

input[type=radio] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

/*********************/
/* Border for Images */
/*********************/

.post a img {
    /* This centers the image */
    display: block;
    margin-left: auto;
    margin-right: auto;

    /* This adds the border */
    padding:4px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
}

/***********************/
/* The horizontal menu */
/***********************/

div.menuhorizontal1 
{
    text-align: left;
    background: #00384D;
    border: 1px solid black;
    font-size: 0;
    width: 100%;
}

div.menuhorizontal1 a
{
	border-radius: 0.4em;
    display: inline-block;
    padding: 15px 30px;
    background: #00384D;
    border:1px solid #5E544A;
    color: #FFFFFF;
    text-decoration:none;
    font: normal 18px Calibri, Arial;
    line-height: 30px;
    margin-right:1px;
	text-align: center;
}

div.menuhorizontal1 a:hover
{
    background: #005E80;
    color: #E6D4C3;
}

div.menuhorizontal1 li { 
    list-style-type: none;
    display:inline;
    padding: 1px;
}

div.menuhorizontal1 li.active a
{
    background: #005E80;
    color: #E6D4C3;
}

/***********/
/* Menu Up */
/***********/

div.menuup {
    text-align: left;
	font-size: 10px;
}

div.menuup li {
    display: inline;
}

div.menuup ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

div.menuup ul li a
{
    background: #fff;
    color: #00384D;
    padding: 5px;
    width: 200px;
    text-decoration: none;
}

div.menuup ul ul li a {
    color: #00384D;
    font-size: 10px;
    background-color: #fff;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 0px solid #fff;
}

div.menuup ul ul li.active a {
    color: #00384D;
    font-size: 10px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #901818;
}


div.menuup ul li a:link, div.menuleft ul ul li a:visited {
    color: #00384D;
    text-decoration: none;
}

div.menuup ul li a:hover {
    border-bottom: 3px solid #00384D;
    color: #000;
}

/********************/
/* Menu at the left */
/********************/

div.menuleft {
    text-align: left;
	width: 265px;
}

div.menuleft li {
    display: inline;
    /* for IE5 and IE6 */
}

div.menuleft ul {
    margin: 0;
    padding: 0;
}

div.menuleft ul li a
{
    border-left: 3px solid #005E80;
    background: #00384D;
    color: #fff;
    padding: 5px;
    width: 250px;
    text-decoration: none;
    display: block;
}

div.menuleft ul ul li a {
    color: #E6D4C3;
    font: normal 16px Calibri, Arial;
    background-color: #fff;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 0px solid #fff;
}

div.menuleft ul ul li.active a {
    color: #483000;
    font-size: 16px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #005E80;
}

div.menuleft ul ul li a:link, div.menuleft ul ul li a:visited {
    color: #005E80;
    text-decoration: none;
}

div.menuleft ul ul li a:hover {
    border-left: 3px solid #005E80;
    color: #000;
}

/***********/
/* General */
/***********/

a:link, a:visited, a:active, a:hover { 
    font-size: 14px; 
    color : #00384D; 
}

/***********/
/* Buttons */
/***********/

input[type="button"] {
    margin: 1px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #00384D;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

input[type="button"]:hover {
    margin: 1px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color:#00384D;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

input[type="submit"] {
    margin: 1px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #00384D;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

input[type="submit"]:hover {
    margin: 1px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color:#00384D;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

/**********/
/* Paging */
/**********/

#paging {
    margin: 4px 0px 40px 0px;
	padding: 0px;
}

#paging ul {
    border: 0;
    margin: 0;
    padding: 0;
}

#paging li {
    border:0; margin:0; padding:0;
    font-size: 14px;
    list-style: none;
    margin-right: 2px;
}

#paging a {
    border: solid 1px #00384D;
    margin-right: 2px;
}

#paging .new  {
    font-weight: bold;
}

#paging .previous-off, #paging .next-off, #paging .first-off, #paging .last-off, #paging .inactive {
    border: solid 1px #00384D;
    color: #888888;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 3px 4px;
}

#paging .goto-page {
    border: solid 1px #DEDEDE;
    color: #888888;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 1.5px 4px;
}

#paging .next a, #paging .previous a, #paging .first a, #paging .last a {
    font-weight: bold;
} 

#paging .active {
    background: #005E80;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    float: left;
    padding: 4px 6px;
}

#paging a:link, #paging a:visited {
    color:#005E80;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
}

#paging a:hover {
    border: solid 1px #00384D;
    background: #005E80;
    color: #FFFFFF;
}

#paging .goto-page select {
    margin:0;
	padding:0;
	font-size:100%;
    height: 20px;
}

/****************/
/* Contact Form */
/****************/

#f_message0 {
    width: 400px; height: 200px; padding: 12px 20px 0px 20px; margin: 0 0 10px 0; 
    background: #00384D;
    background: -moz-linear-gradient(top, #C4B09C 0%, #00384D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00384D), color-stop(20%,#00384D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 12px; color: #fff; text-shadow: 0px -1px 0px #334f71; 
}

#f_fromname0, #f_emailfrom0, #f_subject0, #f_simplesum0, #f_verify0 {
    width: 400px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 10px 0; 
    background: #00384D;
    background: -moz-linear-gradient(top, #00384D 0%, #00384D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00384D), color-stop(20%,#00384D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 12px; color: #fff; text-shadow: 0px -1px 0px #334f71; 
}

/****************/
/* Logout/Login */
/****************/
.logout{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

/************/
/* Messages */
/************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info ul, .success ul, .warning ul, .error ul, .validation ul {
    padding:0px 0px 0px 15px
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

/*****************/
/* eCRF comments */
/*****************/
.collapse{
  font-size: 16px;
  display:block;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

/**************/
/* Timesheets */
/**************/
.timesheets td, th {
    font-size: 14px;
    border-bottom: 1px dotted #B5E3C7;
    white-space: nowrap;
    vertical-align: top;
    padding: 5px;
}

.timesheets tr.headerrow th {
    background-color: #84193e;
    color: white;
}

.timesheets tr:nth-child(even) { 
    background-color : white;
}
 
.timesheets tr:nth-child(odd) { 
    background-color : #F0F0F0; 
    color : black;
}

/*****************/
/* Progress Bar */
/****************/
meter {
    width: 100px;
}
meter:-moz-meter-optimum::-moz-meter-bar {
    background: yellow; /* Instead of red */
}
meter:-moz-meter-sub-optimum::-moz-meter-bar {
    background: yellow;
}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: green;
}

meter::-webkit-meter-bar {
    background: #EEE;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    border-radius: 3px;
}

meter::-webkit-meter-optimum-value {
    background: yellow; /* Instead of red */
    border-radius: 3px;
}

meter::-webkit-meter-suboptimum-value {
    background: yellow; /* Yellow */
    border-radius: 3px;
}

meter::-webkit-meter-even-less-good-value {
    background: green;
    border-radius: 3px;
}

/************************/
/* For File Downloading */
/************************/

ul.download-file {
    text-align: left;
    width: 400px;
	vertical-align: middle;
	color: #848484;
}

ul.download-file li {
    display: block;
    color: #424242;
    padding: 5px;
    width: 620px;
	height: 60px;
    text-decoration: none;
    border-bottom: 2px dotted #B5E3C7;
	vertical-align: middle;
	font-size: 16px;
}

ul.download-file img {
    vertical-align: middle;
}

ul.download-file a {
    color: #424242;
	font-size: 16px;
}

ul.download-file li:nth-child(odd) {
    background: #F0F0F0;
	vertical-align: middle;
	line-height: 60px;
}

ul.download-file li:nth-child(even) {
    background: #fff;
	vertical-align: middle;
	line-height: 60px;
}

ul.download-file li.active a {
    font-size: 16px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #901818;
	vertical-align: middle;
	line-height: 70px;
}