/* ------------------------------------------------- */
/* ------------->> DPFG RTS Manager CSS <<---------- */
/*  2006 Copyright DPFG,INC.  All Rights Reserved.   */
/* ------------------------------------------------- */



/* ------------------------------------------------- */
/* ----------------->> GLOBAL <<-------------------- */
/* ------------------------------------------------- */

body {
    color: #333;
        background: #fff ; 
    font: 76% Trebuchet MS, Verdana, Arial, sans-serif; 
    border:0;
        margin: 0; 
        padding: 0; 
}


a, a:link {color: #102562; font-weight: bold;}


img {
    border: 0px;
    }

        img.flag {
            cursor: help;
            border: 0px;
            vertical-align: bottom;
            text-align: left;
        }

        img.edit {
        /*  cursor: help;*/
            border: 0px;
            vertical-align: top;
            text-align: left;
        }
        
table {
border-collapse: collapse;
}
        
/* -- contract data -- */
table.tborder {
    padding: 0;
    margin:0;
        border: 1px solid #B1AC74;
        border-collapse: collapse;
}


table.data {
    font: 11px  arial,verdana, sans-serif; 
    width:100%;
    border-collapse: collapse;
    padding:0;
}

table.data td{
    border-bottom: 1px solid #E8E8E1;
    border-right: 1px solid #E8E8E1;
    padding:2px 5px 2px 4px;
    margin:0;
    
}

.subtotal {
    width:100%;
    border-top: 3px double #333;
    padding:15px 0 0 0;
    text-align:right;
}

select {
font: 11px  arial,verdana, sans-serif; 
}
/* ------------------------------------------------- */
/* --------------->> HEADER <<---------------------- */
/* ------------------------------------------------- */
#header  {
    Z-INDEX: 3; 
        MARGIN: 20px; 
        OVERFLOW: hidden; 
        WIDTH: 273px; 
        PADDING-TOP: 50px; 
        POSITION: absolute; 
        HEIGHT: 0px; 
        voice-family: inherit
}


/* ------------------------------------------------- */
/* --------------->> LOGIN  <<---------------------- */
/* ------------------------------------------------- */

#login {

    padding:20px 0 0 0;
    text-align: center;
}


#login  p{
     text-align: left;
     padding:0px;
     font-size:14px;
     font-family:trebuchet ms, arial;
}



#login  ol{
     text-align: left;
     padding:0px;
     font-size:14px;
     font-family:trebuchet ms, arial;
}

#login  ul{
     text-align: left;
     padding:0px;
     font-size:14px;
     font-family:trebuchet ms, arial;
}

#login  li{
     text-align: left;
     padding:3px 0;
     font-size:14px;
     font-family:trebuchet ms, arial;
}


#login  h3{
     text-align: left;
     padding:0;
     color: #102562;
     font-size:24px;
}


/* ------------------------------------------------- */
/* ------------>> PAGE STRUCTURE <<----------------- */
/* ------------------------------------------------- */

#mainContent {
    margin: 0px auto; 
    padding: 25px 0px 0 0px;
  BACKGROUND: url(../images/bg_maincontent.gif) #fff repeat-x;
    width:100%;     
}


#container {
    /*BACKGROUND: url(/images/header_background.gif) #fff repeat-x; */ /* /images/ doesn't exist elsewhere, is /<version>/images/ */
        MARGIN: 0px auto;
        POSITION: relative;
        HEIGHT: 157px;
        width:800px;
}


    
/* ------------------------------------------------- */
/* --------------->> HEADINGS <<-------------------- */
/* ------------------------------------------------- */

h1, h2, h3, h4, h6 {margin: 10px 0 4px 0; padding:0;}


h4 {
    font: 16px Trebuchet MS, Verdana, Arial, sans-serif; 
        margin: 10px 0 4px 0; padding:0;
        font-weight:bold;
}

h5 {
    font: 14px Trebuchet MS, Verdana, Arial, sans-serif; 
        margin: 2px 0 2px 0; padding:0;
        font-weight:bold;
}


/* ------------------------------------------------- */
/* --------------->> TEXT STYLES <<----------------- */
/* ------------------------------------------------- */



.darkblue {
   background: #102562 url(../images/fade_blue.gif); 
    font-weight: bold;
        padding: 5px;
        text-align:left;
    color: #ffffff;
}


.darkgreen {
      background: #94B965 url(../images/fade_green.gif); 
    background-color: #549C1C;
    font-weight: bold;
        padding: 5px;
        text-align:left;
    color: #ffffff;

}

.dgreen {
    background: #102562 url(../images/fade_blue.gif); 
    font-weight: bold;
    color: #ffffff;
        padding: 5px;
        text-align:left;
}
.lgreen {
    background: #DBE9C4;
    font-weight: bold;
        border-top:1px #fff solid;
        border-right:1px #fff solid;

    /*color: #ffffff;*/
}
    
.grey {
    background-color: #E8E8E1;
    font-weight: bold;
        
}


.blue {
    background-color: #F7F7F9;
}


/* ------------------------------------------------- */
/* --------------->> NAVIGATION <<------------------ */
/* ------------------------------------------------- */

/* drop-down menu css */
#dropmenudiv {
    position:     absolute;
    font:         normal 10px Verdana, Arial, sans-serif; 
    z-index: 100;
}

#dropmenudiv a {
    width: 100%;
    display:block;
    padding:4px 4px 4px 4px;
    text-align:left;
    color:#102562;
    border-bottom:#fff 1px solid;
    text-decoration:none;
    background: #E8E8E1;
}

#dropmenudiv a:hover { /*hover background color*/
    background:  #102562;
  color: #fff;

}
/* end drop-down menu css */



/* ------------------------------------------------- */
/* --------------->> EXTRAS <<---------------------- */
/* ------------------------------------------------- */

#OLHelpNoLinkWhite {
    cursor: help;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}




/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
        color:#fff;
        font: verdana,arial;
    background: transparent url(../images/bg_login.gif) no-repeat bottom right; 
} 

.cssbox { 
    width: 95% !important; /* intended total box width - padding-right(next) */
    width: 95%; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 10px auto; /* use to position the box */ 
        color:#fff;
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 22px 0 2px 34px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
        color:#fff;
        text-align:left;
        font-size:18px;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 1px 0 15px 40px; /* mirror .cssbox_head right/left */ 
        color:#fff;
        font: verdana,arial;
} 


.cssbox_body a{ 
        color:#fff;
} 

.cssbox_body hr{ 
        color:#fff;
        padding:15px 0 0 0;
        margin:0;
        height: 1px;
} 

.acqBorder {
  float: left;
  padding: 2px;
  border: 0px solid black;
  position:relative;
}

.acqIcon { 
  width: 60px;
  height: 10px;
  text-align:right;
  float: left;
  border: 0px solid green;
}

.acqCheckbox {
  width: 25px;
  text-align: center;
  float: left;
  border: 0px solid yellow;
}

.acqTitle {
  width: 350px;
  height: 18px;
  text-align: left;
  float: left;
  border: 0px solid #FF0000;
}

.acqSpan{
        width: 120px; 
		height: 18px;
		text-align: right; 
		display: inline; 
		position: relative;
/*		overflow: hidden; */
		padding-left: 5px; 
		padding-right: 5px; 
		border-right: 1px solid grey;
		float: left;
/*		background-color:#FF0000;*/
}

span.errorList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000; }
ul.errorList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000; font-weight: bold; }
ul.errorList a { color:#000066; } ul.errorList a:hover { color: #000000; }

/* ------------------------------------------------- */
/* ---------------->> AJAX <<----------------------- */
/* ------------------------------------------------- */

div.loading {
    z-index:1000;
    background-color: #009933;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    position: absolute;
    left: 0px; top: 0px;
    padding: 2px;
    width: auto;
    visibility: visible; display: block;
}

.error_comments { 
    font-family:Arial, Helvetica, sans-serif; font-weight: bold;
	color:#FF0000;
}

div.docsList {
    border: 2px solid black; background-color:#FFFFFF; 
	overflow: hidden; width: 550px; height: 105px; padding: 2px; /*border-radius: 8px;*/
	-moz-border-radius: 8px; /* firefox */
}
div.docsListClose {
    border-bottom: 2px solid black; background-color:#FFFFFF; text-align: right; width: 550px;
}
span.docsListInner {
    background-color:#FFFFFF; display:block; width: 550px; height: 85px; overflow:auto; 
}
div.docsListShadow {
    background-color:#000000; width: 550px; height: 105px; 
	filter:alpha(opacity=30); /* ie */
	/*opacity: 0.3; border-radius: 8px; *//* css 3.0 */
	-moz-opacity:0.3; -moz-border-radius: 8px; /* firefox */
}
div.errorList {
    border: 2px solid red; 
	background-color:#FFFFFF; 
	/*overflow: hidden; */
	width: 500px; 
	height: 105px; 
	padding: 2px; 
	-moz-border-radius: 8px; /* firefox */
}
div.errorListClose {
    border-bottom: 2px solid red; background-color:#FFFFFF; text-align: right; width: 500px;
}
span.errorListInner {
    background-color:#FFFFFF; display:block; width: 500px; height: 85px; overflow:auto; text-align: left;
}
div.errorListShadow {
    background-color: #000000; width: 500px; height: 105px; 
	filter:alpha(opacity=30); /* ie */
	/* opacity: 0.3; border-radius: 8px; *//* css 3.0 */
	-moz-opacity:0.3; -moz-border-radius: 8px; /* firefox */
}
div.bondNotes {
    border: 2px solid black; background-color:#FFFFFF; 
	overflow: hidden; width: 400px; height: 110px; padding: 2px; /* border-radius: 8px; */
	-moz-border-radius: 8px; /* firefox */
}
div.bondNotesClose {
    border-bottom: 2px solid black; background-color:#FFFFFF; text-align: right; width: 400px;
}
span.bondNotesInner {
    background-color:#FFFFFF; display:block; width: 400px; height: 85px; overflow:auto; 
}
div.bondNotesShadow {
    background-color:#000000; width: 400px; height: 110px; 
	filter:alpha(opacity=30); /* ie */
	/* opacity: 0.3; border-radius: 8px; */ /* css 3.0 */
	-moz-opacity:0.3; -moz-border-radius: 8px; /* firefox */
}

/* ------------------------------------------------- */
/* --------------->> FOOTER <<---------------------- */
/* ------------------------------------------------- */


#footer{
border-top: 1px solid #D3D3D2;
border-bottom: 1px solid #D3D3D2;
background:#E8E8E1;
}

#copyright{
    font: 10px   Verdana, Arial, sans-serif; 
}

br { clear: both; }

.hidden {
  visibility: hidden;
  display: none;
}

span.loadingIndicator {
  width: 16px; height: 16px;
  float: left;
}

/* ---- new calendar format ---- */

.dateField {
  font-family:"Times New Roman", Times, serif;
  width: 60px;
  font-size: 12px;
  height: 22px;
float: left;
border: 1px solid black;
border-right: none;
}
.sButton {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
	height: 20px;
	vertical-align:top; 
    color: #000;
    background-color: #FFFFFF;
    border: 1px solid #669;
}
.sButton:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    
}
.calButton {
/*width: 30px;
height: 16px;*/
border: 1px solid black;
border-left: none;
padding: 2px;
float: left;
text-align: center;
}

.calButton:hover{
  border: 1px solid red;
  border-left: none;
  border-right: 3px double red;
  border-bottom: 3px double red;
}

.calHelp { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
text-align: left;
border-left: none;
padding-top: 8px;
padding-left: 5px;
}


/* ---- AJAX JSON data elements ---- */

.jsonBondsBorder {
  border: 2px solid #000;
  background-color:#fff;
 position: absolute;
/* z-index: 1000;*/
 -moz-opacity: 10; 
 filter: alpha( opacity=100 );
}

.jsonBondsList {
/*  border: 0px solid black;*/
  margin: 2px;
  pdading: 2px;
}

.jsonBondRow {
  border: 0px solid red;
  float: left;
}
.jsonBondTitleCell {
    border-bottom: 1px solid #E8E8E1;
    border-right: 1px solid #E8E8E1;
    padding:2px 5px 2px 4px;
  margin-right: 2px;
  float: left;
  width: 120px;
  overflow:auto;
  white-space: nowrap;
  text-align: left;
}
.jsonBondCell {
    border-bottom: 1px solid #E8E8E1;
    border-right: 1px solid #E8E8E1;
    padding:2px 5px 2px 4px;
  margin-right: 2px;
  float: left;
  width: 80px;
  overflow:auto;
  white-space: nowrap;
  text-align: right;
}

.colHeader {
  position: absolute;
  top: -35px;
  left: 0px;
  border-left: 1px solid #B8C2CC;
  font-weight: bold;
  padding-left: 5px;
}