body {
    margin:0px;
    padding-top: 0px;
    padding-bottom: 20px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;  
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/** BACKGROUNDS */
.bg1 { background: url(images/header_bg3.jpg) repeat-x left top; }

td {
    padding-left:0px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input.btnAdd {
    background:linear-gradient(to bottom, #D6E8FE, #B0C4DE);
    height:25px;
    width:85px;
}

input {
    border: 1px solid; 
    border-color:lightgray; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

select {
    border: 1px solid black; 
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.epmsGradientBackground {
    background:linear-gradient(to bottom, #D6E8FE, #B0C4DE);
}

.roundCloseButton {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; /* future proofing */
    border:solid;
    border-width:2px;
    border-color:#234B64;
    height:20px;
    width:20px;
    text-align:center;
    font-weight:bold;
    font-size:16px; 
    color:#234B64; 
    cursor:pointer;
    display:inline-block;
}

.circle {
    width:16px;
    height:16px;
    border-radius:8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size:10px; 
    color:white;
    line-height:16px;
    text-align:center;
    background:blue;
    position:relative;
    float:left;
    left:11px;
    top:-35px;
}

.breakoutButton {
    border:solid;
    border-width:2px;
    border-color:#000000;
    height:17px;
    width:20px;
    cursor:pointer;
    position:relative;
    margin:2px;
}

.breakoutButtonTitleBar {-moz-border-radius: 20px; 
    position:absolute;
    left:0px;top:0px;
    width:20px;
    height:5px;
    background-color:#000000;
}

.toolbarTable {
   -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    background:linear-gradient(to bottom, #234B64, #4579A0);
    width: 980px; 
    margin-left: auto; 
    margin-right: auto;
    
}

.notes_panel {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /* future proofing */
    height:150px;
    width:560px;
    background:linear-gradient(to bottom, #FFFFFF, gray);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:black;
    padding-left:20px;
    font-size:11px;
}

.notes-title{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    height:15px;
    width:150px;
    background:linear-gradient(to bottom, gray, #FFFFFF);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:navy;
    font-weight:bold;
    font-size:11px;
    padding-left:5px;
    padding-top:2px;
}

.received_notes_panel {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /* future proofing */
    height:150px;
    width:560px;
    background:linear-gradient(to bottom, #FFFFFF, #D3D3D3);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:black;
    padding-left:20px;
    font-size:11px;
}

.received_notes-title{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    height:15px;
    width:175px;
    background:linear-gradient(to bottom, #D3D3D3, #FFFFFF);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:navy;
    font-weight:bold;
    font-size:11px;
    padding-left:5px;
    padding-top:2px;
}

.notes_invoice_panel {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /* future proofing */
    height:150px;
    width:560px;
    background:linear-gradient(to bottom, #FFFFFF, #FFFF00);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:black;
    padding-left:20px;
    font-size:11px;
}

.notes_invoice_title{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    height:15px;
    width:180px;    
    background:linear-gradient(to bottom, #FFFF00, #FFFFFF);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:navy;
    font-weight:bold;
    font-size:11px;
    padding-left:5px;
    padding-top:2px;
}

.received_notes_invoice_panel {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /* future proofing */
    height:150px;
    width:560px;
    background:linear-gradient(to bottom, #FFFFFF, #FFFFCC);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:black;
    padding-left:20px;
    font-size:11px;
}

.received_notes_invoice_title{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    height:15px;
    width:180px;    
    background:linear-gradient(to bottom, #FFFFCC, #FFFFFF);
    border:solid;
    border-color:lightsteelblue;
    border-width:thin;
    color:navy;
    font-weight:bold;
    font-size:11px;
    padding-left:5px;
    padding-top:2px;
}

.logon-Title {
    background: linear-gradient(to bottom, #B0C4DE, #FFFFFF);
    text-shadow: 2px 2px 2px gray;
    text-align:center;
    font-family: 'Times New Roman', 'serif', 'Modern No. 20';
    font-size:x-large;
    Color:#295f94;    
}

.copyright{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    Color:white; 
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
}

.textBox{    
   /*border: solid 2px #050505;*/
   padding: 2px;
   font-size: 12px;
   box-shadow: 0px 1px 2px 0px #9C9C9C;
   background-color: #FFFFFF;
   outline: none;
   color: #474747;
 }

.EPMSButton{
    height:35px;
    width:100px;
    padding:0px;
    margin-bottom:5px;
    margin-top:5px;
    border-style:solid;
    border-width:1px;
    border-radius:4px;
    border-color: #8ba0bc;
    color: #384e73;
    background-color: #bfcddf;
    background:linear-gradient(to bottom, #fafbfd, #bfcddf);
}

.EPMSButton:hover {
    cursor:pointer;
    border-style:solid;
    border-width:1px;
    border-radius:4px;
    border-color: #f3d64a;
    color: #1e395b;
    background-color: #fcf5d9;
    background:linear-gradient(to bottom, #fae185, #fcf5d9);
    }

.EPMSButtonTable{
    height:100%;
    width:100%;
    border:none;
}

.EPMSButtonImageCell{
    vertical-align:middle;
    width:30px;
}

.EPMSButtonImage{
    padding:0px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border:none;
}

.EPMSButtonImageText{
    text-align:left;
}

.modalPopup
{
    background:linear-gradient(to bottom, #D6E8FE, #B0C4DE);
    border-width: 3px;
    border-style: solid;
    border-color: gray;
    padding: 3px;
    width: 900px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
} 

.popup_Container {
	background:linear-gradient(to bottom, #D6E8FE, #B0C4DE);
	border:1px solid #234B64;
    border-radius:10px;
	padding: 5px;
}

.tabPanel {
    background:linear-gradient(to bottom, #234B64, #4579A0); 
}

.logon-Title {
    top: 0px;
    left: 0px;
    height: 30px;
}

#ruler { visibility:hidden; white-space:nowrap; font-size:11px;}