html {height:100%;padding-bottom:1px;}

body
{
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0em auto; 
	xmax-width: 980px; 
}
TEXTAREA,INPUT,SELECT
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:inherit;
}
ul{list-style:disc;list-style-position: inside;margin: 0;padding: 0;}
li{padding-bottom:0.2em;}

a:active
{
	color: #000000;
	text-decoration: none;
}
a:link
{
	color: #000000;
}
a:visited
{
	color: #000000;
}
a:hover
{
	color: #0066dd;
	text-decoration: none;
}


.bodyTable {
    padding: 0px;
    background-color: white;
    xwidth: 100%;
	border-spacing: 0px;
	border:none;
}

.bodyCell {
    vertical-align: top;
	border:none;	
	padding:0px;
}

.contentTable {
    xwidth: 100%;
    height: 100%;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: White;
}

.contentTableShort 	/* The table inside the main tabs in edit screen, also the table for the sub-tabs control (which may be removed) */
{
    xwidth: 100%;
	height:500px;
	border-bottom: 1px solid #D5D291;
}

.contentCell {
    vertical-align:top;
	padding:0px;
}

.MenuInactive {	/* Used in Main Menu only.  */
	font-size: 1.0em;
	color: #FFFFFF;
	border-right: 1px solid #606060;
	border-left: 1px solid #606060;
	text-align: left;
	margin:3px;
	background-image:url(../images/menu-grad.gif);
	background-repeat:repeat
}

.MenuInactive a:link, .MenuInactive a:visited  {
	color: #FFFFFF;
	color: #000000;
}

.MenuInactive a:active, .MenuInactive a:hover {
}

.MenuBackground {
	background-image:url(../images/menu-grad.gif);
}

.MenuSubItem {
	color: red;
	border: 1px solid #606060;
	background-image:url(../images/menu-grad.gif);
	padding:1px;
}

.MenuActive {	/* Used in Main Menu only. Set in Create_menu() in UDF */
	font-size: 1.0em;
	color: #FFFFFF;
	border: 1px solid #606060;
	border-top: 0px none #EDECD1;
	border-bottom: 0px none #EDECD1;
	text-align: left;
	margin:3px;
}
.MenuActive a:link, .MenuActive a:visited  {
	color: #0066dd;
}
.detailTabActive	/* The tabs for the sub-tab control inside project detail */
 {
	color: Black;
	border:none;
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 0px;	
	padding:0px;
}

.detailTabActive a {
	background-color:  AliceBlue;
	border-top: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-bottom: 0px solid #D5D291;
	
	/*padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;*/
	cursor: pointer;

	padding:0px;
	border:none;
}

.detailTabInactive {/* Inactive Tab (cell) so only the background matters. */
	/*font-weight: bold; Change 11Sep07 */
	color: Black;
	border:none;
	background-color: #ffffff;/*This is white for the background. */
	text-align: center;
	/*padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 0px;*/
	
	padding:0px;
}

.detailTabInactive a {
	background-color: #e1e1e1;
	border-top: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-bottom: 0px solid #D5D291;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	
	cursor: pointer;
	padding:0px;
}

/* -------------- Datagrid ------------------ */
.gridBody {/* DG Entire body */
border: none;
}
.gridBody TD {	/* For IE which does not put borders in without it */
	border: 1px solid gray;
}

.gridItem {
background-color: AliceBlue;
}
.gridAltItem {
background-color: #e7eae7;
}
.gridItem span  .gridAltItem span {
	margin:1px;			/* FF reqs due to overflow:hack off */
}
.gridItem td .gridAltItem td {
	padding:2px;
}
.gridHeader {/* DG Header (Titles) */
	background-color: #eCeCeC;
	font-weight: bold;
	border-bottom:2px solid gray;
}
.gridHeader td {
   	padding:2px;
}
.gridHeader a:active, .gridHeader a:visited, .gridHeader a:link {
	color: black;
	text-decoration: none;
}
.gridHeader a:hover {
	color: #0066dd;
}

.gridFooter {/* DG Footer */
   background-image:url(../images/dg_bg_footerBlue.png);
   background-repeat:repeat-x;
   padding-top:5px; 
}
.gridFooter td{
}
.gridFooterAdd {	/* THis sets the TD */
   background-image:url(../images/dg_bg_footerBlue.png);
   background-repeat:repeat-x;
   padding-top:5px; 
   padding-bottom:5px; 
   border-bottom-color: green;
   border-bottom:none;
}
/* ------------- End of Datagrid -----------*/
td {
	vertical-align: top;
}
th { vertical-align: baseline }

.DetailTableActive		/* The Detail Table (edit screen) */
{
	Vertical-Align: top;
    xWidth: 100%;	
	color: Black;
	text-align: left;
	border-collapse:collapse;
	padding:0px;
	padding-top:0px;
	margin:0px;
}
.DetailTicket /* The Detail item in ticket form  */
{
	Vertical-Align: top;
    xWidth: 80%;
	border:thin dashed black;
	background-color: white;
}
.HeaderTable		/* The Header table unubtrusive */
{
	Vertical-Align: top;
    xWidth: 100%;	
	color: Black;
	text-align: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding:0px;
}

/* Fields (Textbox, TextField, etc) in detail screens */
.DetailTableTD {
	background-color: white;
	background-color: lightgray;
	background-color: linen;
	background-color: lightgoldenrodyellow;
	background-color: white;
	background-color: lightyellow;
	color:black;
	border: 1px solid lightgray;
	min-height:1.2em;	/* Makes Border display for empty SPAN element; otherwise border is a line with nothihng inside */
	padding:1px;
}

/* Input fields (Textbox, TextField, etc) when available for editing */
.DetailTableTDEdit {
	background-color: white;
	color:black;
	border: 1px solid lightgray;
	min-height:1.2em;	/* Makes Border display for empty SPAN element; otherwise border is a line with nothihng inside */
	padding:1px;
}
/* Input fields (Textbox, TextField, etc) when edit screen is up but this is a RO field */
.DetailTableTDRO {
	background-color: white;
	color:#505050;
	border: 1px solid lightgray;
	min-height:1.2em;	/* Makes Border display for empty SPAN element; otherwise border is a line with nothihng inside */
	padding:1px;
}
img.DetailTableTDEdit {
	border: none;
}


/* Input fields (Textbox, TextField, Calbox)  in a DG edit field when editing. Only difference is border. */
.DGTDEdit {
	background-color: white;
	border: 1px solid gray;
	min-height:1.2em;	/* Makes Border display for empty SPAN element; otherwise border is a line with nothing inside */
	margin:1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img.DGTDEdit {
	border: none;
}

.PageHeader {
	border-width:0px;
	border-spacing: 0px;
	border-collapse: collapse;
    xwidth:100%;
    background-color: white;
	font-weight: bold;
	vertical-align: bottom;
	background-image:url(../images/ppsheader.png);
	background-repeat:no-repeat;
}
.PageFooter {
	border-width:0px;
	border-spacing: 0px;
	border-collapse: collapse;
    xwidth:100%;
    background-color: white;
}

.PopUpPageHeader {
	border-width:0px;
	border-spacing: 0px;
	border-collapse: collapse;
    xwidth:100%;
	xmax-width: 700px;
    background-color: white;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/* Button that looks like a hyperlink */
.LinkButton{
	border-width: 0px;
	color: black;
	background-color: transparent;
	text-decoration: underline;
	text-decoration: line-through;
	padding: 0px 0px 0px 0px;
	margin-bottom:5px;
}
.LinkButton:hover 
{
	cursor: pointer;
	color: #0066dd;
	color: black;
	color: #0066dd;
	text-decoration: none;
	text-decoration: line-through;
}

.UDFLinkAsButton a{
margin: 0px;
border-style: outset;
border-width: 2px;
border-color: #CCCCCC;
padding:3px;
font-size: 0.8em; 
background-image:url(../images/DGButtonBG.png);
background-repeat:repeat-x;
color: black;
text-decoration: none;
}
.UDFLinkAsButton a:hover 
{
border-color: black;
color:inherit;
cursor: default;
}
.UDFLinkAsButton a:active
{
	color: #000000;
	color:inherit;
	text-decoration: none;
}
.UDFLinkAsButton a:link
{
	color: #000000;
	color:inherit;
}
.UDFLinkAsButton a:visited
{
	color: #000000;
	color:inherit;
}



.DGButton{
	margin: 0px;
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 2px;
	font-size: 0.8em; 
	background-image:url(../images/DGButtonBG.png);
    background-repeat:repeat-x;
}
.DGButton:hover 
{
	border-color: black;
}


/* Less obtrusive button (used for download CSV)*/
.SmallButton{
	border-width: 1px;
	border-style:none;
	border-color: gray;
	color: black;
	background-color: lightgray;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
}
.SmallButton:hover 
{
	cursor: pointer;
	color: #0066dd;
	text-decoration: none;
}

.UDFButton{
	margin: 0px;
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/DGButtonBG.png);
    background-repeat:repeat-x;
	padding:0px 4px 0px 4px;
	overflow:visible;

}
.UDFButton:hover 
{
	border-color: black;
}

.legend{
	color:black;
	background-color: lightgoldenrodyellow;
	border:solid black 1px;
	padding: 5px;
}
.legendDG{
	color:black;
    background-color:whitesmoke;
	padding: 5px;
	border:solid gray 1px;
	font-style:italic;
}
.SearchBox{
color:black;
background-color:white;
border:solid gray 1px;
}
.SearchBox td{
}

.DetailHelp{
color:#404040;
background-color:whitesmoke;
border:solid gray 0px;
padding: 10px 0px 10px 0px;
}
.SignupTop{
color:green;
border-top: 1px dashed #0066dd;
padding-top:3px;
}

.lineacross{
text-align:center;
border-top: 1px solid #D5D291;
background-color:silver;
}
.titletext{
color:black;
padding: 0px 0px 4px 0px;
font-size: 1.1em; 
font-weight:bold;
}

.SuggestBox
{
	padding: 0px 0px 4px 0px;
	border-top: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-bottom: 1px Solid #D5D291;
}
.MenuBreadCrumb	
{
color:#0066dd;
}
.Mandatory
{
color:red;
}
.HelpTitle
{
color:black;
font-weight:bold;
}
.HelpIndex div
{
color:red;
border-top:11px;
}
.StatusDG{
color:black;
background-color:whitesmoke;
border: white 1px solid;
}
.ErrorText{
color:red;
}
.ErrorTextNotFound{
background-color:lightblue;
border: black 1px solid;
color:black;
padding: 2px;
}
.email{
color:black;
background-color:#cccccc;
padding: 5px;
font-family: times;
xwidth:60%;
}
.boldertext{
color:RoyalBlue;
font-weight:bold;
}
.boldertext a:link
{
color:RoyalBlue;
text-decoration: none;
}
.boldertext a:visited
{
color:RoyalBlue;
text-decoration: none;
}
.lessboldtext{
font-size: 0.8em; 
}
.footnote
{
font-size: 0.8em;
color:red;
}
/* Top button stuff */
span.topbutton {
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

span.topbutton span {
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.topbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.topbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.LinkText
{
color: #000000;
text-decoration: underline;
}
.LinkText:hover 
{
cursor: pointer;
text-decoration: none;
color:red;
}
span.PopHelpBase{ 
cursor:pointer;
background-image:url(../images/BGUnderline.gif);
background-repeat: repeat-x;
background-position: 95% 95%;
position:relative; 
}
/* PopUp Bubble idea from www.plainblack.com - thanks! */
span.PopHelpBase span{ display: none; }
span.PopHelpBase span.Mandatory{ display: inline; }

span.PopHelpBase:hover{ 
z-index:25; 
color: red; 
}

span.PopHelpBase:hover span.PopHelpBubble{ 
display:block; 
position:absolute; 
top:.5em; 
left:0em;
padding: 15px 0 0 0; 
width:15em;
color: #000000; 
text-align: center;
z-index:26;}

span.PopHelpBase:hover span.PopHelpPop{ display: block; padding: 0 8px; 
background-color:yellow;
color:red;
font-size: 0.8em;
font-weight:normal;
text-align:left;
border:2px solid gray;
padding: 6px;
}

.VertMenuScrn{
width:200px;
padding-right:1em;
}
.VertMenuTable{
background-color: lightyellow;
background-color: #FFFFef;
border:1px solid gray;
}
.VertMenuTable td{
padding:1em 1em 1em 0.2em;
}

.MenuButton{
height:29px;
padding: 6px;
}

span.MenuButton{ 
cursor:pointer;
background-image:url(../images/button_blank_middle.png);
background-repeat: repeat-x;
background-position: 50% 50%;
}

td, th
{
font-family: Arial,Geneva,sans-serif;
font-size: 10pt;
}
.MSC_PrimaryNavLinkFrame-On
{
background-color: #3a8bde;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
white-space: nowrap;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.MSC_PrimaryNavFrame
{
background-color:#80A2C4;
	xwidth:100%;
	margin:1px 0px 5px 0px;
	text-align:left;
}
.MS_MasterLeftNav
{
background-color: #dfe8f5;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
.MSC_PrimaryNavLink-On
{
color: #ffffff;
color:black;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.MSC_PrimaryNavLink-On:hover
{
color:black;
font-size: 12px;
font-weight: bold;
}
.MSC_PrimaryNavLink-On:visited
{
color:black;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.MSC_PrimaryNavBottomSpace 
{
height: 1px;
background-color: #dfe8f5;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
.MSC_PrimaryNavTopSpace
{
height: 1px;
background-color: #000000;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
.MSC_PrimaryNavLinkFrame
{
white-space: nowrap;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.MSC_PrimaryNavLink
{
color:black;
font-size:12px;
text-decoration:none;
cursor: pointer;
}
.MSC_PrimaryNavLink:active
{
color:black;
text-decoration: none;
font-size:12px;
}
.MSC_PrimaryNavLink:link
{
color:black;
text-decoration: none;
font-size:12px;
}
.MSC_PrimaryNavLink:visited
{
color:black;
font-size:12px;
text-decoration:none;
}
.MSC_PrimaryNavLink:hover
{
color:black;
font-size:12px;
font-weight:bold;
}
.product_box
{
background-color:#eeeeee;
border:1px dashed blue;
padding:5px;
xwidth:95%;
}
.watermark {
    position: absolute;
    padding:15px 0px 0px 300px;
    opacity: 0.25;
    font-size: 3em;
    xwidth: 60%;
    text-align: center;
    z-index: 1000;
   	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}

.quickmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.quickmenu li {
    float: left;
}

.quickmenu a:link, .quickmenu a:visited {
    display: block;
    min-width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #dfe8f5;
	background-color: #6aabfe;
    background-color: #3a8bde;
    text-align: left;
    padding: 2px 14px 2px 14px;
    text-decoration: none;
	xborder:1px solid white;
	margin:2px;
}

.quickmenu a:hover, .quickmenu a:active {
     color: #000000;
}
.quickmenu {
	background-color: #6aabfe;
    background-color: #3a8bde;
	padding: 2px 0px 2px 0px;
}
.quickmenusub a:link, .quickmenusub a:visited {
    display: block;
    min-width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #dfe8f5;
	background-color: #6aabfe;
    background-color: #3a8bde;
    text-align: left;
    padding: 2px 14px 2px 14px;
    margin:4px 0px 4px 0px;
    text-decoration: none;
	xborder:11px solid transparent;
}