@charset "UTF-8";
/* CSS Document */

* {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background-image: url(/images/background.jpg);
	background-repeat:no-repeat;
    font-family: Verdana, Geneva, sans-serif;
}


@font-face {  
  font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;    
  font-style: normal;
}  

 h1 { font-size: 2em; color: #EC2D2E }
 h2
{
    font-size: 1em;
    color: #EC2D2E;
    margin-top: 8px;
}
 h3 { font-size: 13px ; color: #000000; line-height:20px }
 h4 {
     font-size: 1.0em;
     color: #EC2D2E;
     margin-top: 10px;
 }
 h5 { font-size: 12px; line-height: 20px; color:#000000}
 .h5-alternative { font-size: 12px; line-height: 20px; color:#999999}
 h6 { font-size: 8px; color:#EC2D2E}
 
 a {outline: 0;}
 a:link { color: #EC2D2E; text-decoration:none}
 a:visited { color: #EC2D2E; text-decoration:none}
 a:hover { color:#000000;  text-decoration:none}
 a:active { color: #EC2D2E;  text-decoration:none}
 
 #page-wrapper {
     padding-top: 10px;
 }
 
 #container 
 {
     margin: 0px auto;
     width: 906px;
     height: 620px;
 }
 
 #header 
 {
    height: 60px;
    background-image:url("/images/PMG-topbanner.png");
    background-repeat:no-repeat;
    padding-top:10px;
    line-height: 36px;
    vertical-align: bottom;
    text-align: right;
 }
 
 #footer 
 {
     margin: 0px auto;
     display: table;
     width: 906px;
     clear: both;
 }
 
 .menu
 {
     height:470px;
     width:158px;
     border:1px solid #ccc;
     overflow: hidden;
     float: left;
 }
 
 #content 
 {
     height:450px;
     width:724px;
     float:left;
     padding: 10px;
     border:1px solid #ccc;
     border-left: 0px;
     background-color:#FFF;
 }
 
 td.reportheader
 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #000000;
    border:0px;
 }
 
 td.reportbody
 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #000000;
    border:0px;
 }
  

 #contentsmenu 
 {
    list-style-type: none;
    margin:0;  
    padding:0;  
    height:24px;  
 	font-family: Verdana, Geneva, sans-serif;
    font-size:0.7em;
    font-weight: bold;
    padding-left: 12px; 
    text-indent: -12px;
 }
 
 #contentsmenu li
 {
     float: left; 
     width: 150px;
     line-height:18px; 
 }
 
#contentsmenu li a 
{  
    display:block;  
    padding:0 12px; 
    color:#000000;  
    text-decoration:none;
}

#contentsmenu li a:hover, #contentsmenu li a.selected
{  
    background-color:#EC2D2E;  
    text-decoration:none;
    color:#fff;
}

a.current
{
    background-color:#EC2D2E;  
    text-decoration:none;
    color:#fff;
}

td.col1, td.col3
{
    font-weight: bold;
}
 
 input.login 
 {
     width: 150px;
 }

.btn
{
    color: #EC2D2E;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    width: 60px;
    height: 22px;
    cursor: pointer;
}
 
 td.table
 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 12px; 
     color: #000000;
 }
 
 td.projectnewheader
{
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #000000;
    border:0px;
    width: 100px;
}

.paging 
{
    color: #EC2D2E;
    padding: 2px;
    margin: 0px 2px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.paging:hover, .pagingselected:hover
{
    border: 1px solid #000000;
    color: #EC2D2E;
    padding: 1px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.pagingselected
{
    border: 1px solid #000000;
    padding: 1px;
    margin: 0px 2px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.strMessage 
{
    font-family: Verdana, Geneva, sans-serif;
    font-weight:bold; 
    font-size: 12px; 
    color: #EC2D2E;
}

#scrolldiv 
{
    position: relative;
    -webkit-overflow-scrolling:touch;
    height: 340px;
    width: 724px;
    overflow-y: auto;
}

table {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px; 
    color: #000000;
    border: 0px;
    table-layout: fixed;
}

table.login col1 {
    width: 80px;
}

table a {
    color: #000000 !important;
}

table a.link {
    color: #EC2D2E !important;
}

td.link input[type="button"] {
    background: none !important;
    border: none !important; 
    cursor: pointer;
    color: #EC2D2E !important;
}

table.scroll {
    width: 705px;
}

th, td {
    padding: 2px 5px;
}

tr.selected td, tr.selected td a {
    color: #EC2D2E !important;
}

.error {
    color: #EC2D2E !important;
}

.bnf-select {
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
}

div.ui-datepicker
    {
        font-size: 12px;
    }

.ui-datepicker .ui-datepicker-header
{
    padding: 3px 0px;
}

.ui-datepicker select.ui-datepicker-month
{
    width: 65px;
    margin-right: 5px;
}

.ui-datepicker select.ui-datepicker-year
{
    width: 65px;
    margin-left: 5px;
}

.left-button {
    margin-right: 10px;
}

select, textarea {
    height: 22px;
    border: 1px solid #000000;
}

input[type="text"], input[type="password"] {
    height: 20px;
    border: 1px solid #000000;
    padding: 0px 5px;
    font-size: 13px;
}

input[type="submit"], button {
    height: 22px;
    border: 1px solid #000000;
    font-size: 13px;
}

.dataMessage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    margin-top: -8px;
    margin-left: -50px;
    height: 16px;
    width: 100px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px; 
    color: #000000;
    text-align: center;
}