@import url("crossBrowserFixes.css");
@import url("login/login.css");

/* system fonts */

BODY
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
}

TD{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	/* font-size:10px - Need to check if other languages still fit in*/
}

TABLE
{
	text-align:left;
	border-collapse:collapse !important; 
	border-spacing:0px;
}

.cardtable
{
	text-align:left;
	font-size: 10px;
}
.cardtable .submit {
	margin-right:1px;
}


.pagetitle{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #454545;
	font-size: 10px;
}

.login{
	color: #454545;
	font-size: 11.3333px;
}

.loginfailed{
	color: #C7291E;
	font-size: 11.3333px;
}

.loginbg{
	color: #454545;
	background-color: #EFEEF3;
	font-weight: normal;
}

.loginbar{
	background-color: #ffffff;

}

/* Top Branding table */

.topbranding{
	color: #757575;
	font-size:10px;
}

.topbrandinglogin{
	color: #454545;
	background-color: #9CBEFF;
}

.topbanding{
	background-color: transparent !important; /* This is to override the white line that appears in the top of the header with the users details. */
}

.stopwrap{
	white-space: nowrap;
}

/* table header */

.tableheader{
	color: #ffffff;
	background-color: #297DC6;
	font-weight: normal;
}

.tableheader .tableheader td {
line-height:25px; }

/* listing */

.cardtable .listheader{
	border-right:none;
}

#CardDetailsForm .listheader{
	border-right:none;
}

.listheader,
table.list tr th,
table.list tr th input
{
	background-color:#e3e3e3;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	font-weight:bold;
}

.listheader {
	padding:0px 1px;
	border-right:1px solid #FFFFFF;
}

.listheaderlid{
	color: #333333;
	background-color: #FFBD00;
	font-weight: normal;
	padding:0px 2px;
	border-right:1px solid #FFFFFF;
}

.listheaderlidca{
	color: #333333;
	background-color: #BDBDD6;
	font-weight: normal;
	padding:0px 2px;
	border-right:1px solid #FFFFFF;
}

.tablebgcolorlist,
table.listHeader
{
	background-color: #ffffff;
}

.listcontent,
table.list tr td
{
	color: #333333;
	background-color: #FFFFFF;
	font-weight: normal;
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #FFFFFF;
}

.listcontenttr{
	color: #333333;
	background-color: #FFFFFF;
	font-weight: normal;
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #FFFFFF;
	
}

.listcontenttr2{
	color: #333333;
	background-color: #FFFFFF;
	font-weight: normal;
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #FFFFFF;
}

.listcontenttr3{
	color: #333333;
	background-color: #CACAD0;
	font-weight: normal;
}

.listcontenttr4{
	color: #333333;
	background-color: #ffcc66;
	font-weight: normal;
}

.listcontenttr5{
	color: #333333;
	background-color: #99cc99;
	font-weight: normal;
}

.listcontenttr6{
	color: #333333;
	background-color: #D0D086;
	font-weight: normal;
}

.listcontentselect{
	color: #757575;
	background-color: #FFFFFF;
	font-weight: normal;
}

.listcontentstatement2{
	color: #000000;
	background-color: #E9E9B6;
	font-weight: normal;
	font-size: 12.6666px;
}

.greyed {
	color: #999999;
}

/* Dropdown */

.formbg,
.formbg2 {
	background-color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size:11px;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-right:5px;
}


select.formbg,
select.cardMgtFilterSelect{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size:11px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-right:5px;
}
/* Table Background */

.tablebg{
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
}



/* Submit */

.submit, .Submit, .button, .Button, .nopadding{
	/* background-color: 081865;*/
	color: #000000;
	font-size: 11px;
}

/* textarea */

.textarea {
	/* background-color: 081865;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
}

/*Form Fields*/
.formtrans {
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
}

.formborderless ,
table.list input
{ 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #454545;
	font-size: 10px;
	border: 0px; 
	background-color: transparent;
	border:0px solid #CCCCCC;
}

.formborderless2 { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #999999;
	font-size: 10px;
	border: 0px; 
	background-color: transparent;
	border:0px solid #ffffff;
}

.formborderlessCAG { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	border: 0px; 
	background-color: transparent;
	border:0px solid #ffffff;
}

.formborderlessTP { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 10px;
	border: 0px; 
	background-color: transparent;
	border:0px solid #ffffff;
}

.formborderlesstrans { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	border: 0px; 
	background-color : transparent; 	
}

.editableinput {
	cursor:pointer;
	background-color : transparent; 
	border:1px solid #CCCCCC;
    color: #333333;
    font-family: Tahoma,Verdana,Arial,sans-serif;
    font-size: 10px;
}

.listcontentfd,.listcontentfd .formborderless2{
	color: #8293A3;
	font-weight: normal;
}

/* banding */

.banding1{
	background-color: #CECFCE;
}

.whitespace{
	background-color: #FFFFFF;
	font-size: 0px;
}

.banding3{
	background-color: #e3e3e3;
}

.buttonbarbg{
	background-color: #e3e3e3 !important;
}

/* primary nav */

html > body .navbarbg{
	height:23px;
}

/* primary nav */

.primarynav  {

}

.primarynav A:link  {
	color : #000000;
	text-decoration : none;
}

.primarynav A:visited  {
	color : #000000;
	text-decoration : none;
}

.primarynav A  {
	color : #000000;
	text-decoration : none;
}


.primarynav A:hover  {
	color : #000000;
	text-decoration : underline;
}

/* secondary nav */

.secnav  {
	color : #ffffff;
	background-color: #00639C;
	text-align:center !important;
}

.secnav2  {
	color : #ffffff;
	background-color: #297DC6;
	text-align:center !important;
}

.logouttop  {
}

.logouttop A:link,
.logouttop A:visited  {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #FFFFFF;
  border-left: 1px solid #CCCCCC;
  left: 0px;
  padding: 5px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  font-weight:normal;
  cursor:pointer;
}

.logouttop A:hover  {
	background-color:#CECFCE;
	color: #333333;
}


/* logout nav */

.logout  {
	
	color : #ffffff;
	background-color: #731473;
}

.logout2  {
	color : #000000;
	background-color: #CECFCE;
}

.statementtitle{	
	background-color: #ffffff;
	color: #000000;
	font-size: 12.6666px;
}


.listcontentstatement{
	color: #000000;
	background-color: #DCDCDC;
	font-weight: normal;
}

.calendar{
	text-align: center;
	height: 18px;
	width: 17px;
	margin-left: 2px;
	border-bottom-color: #000033;
	border-bottom-width: 0px;
	border-left-color: #000033;
	border-left-width: 0px;
	border-right-color: #000033;
	border-right-width: 0px;
	border-top-color: #000033;
	border-top-width: 0px;
	background-color: transparent;
	background-image: url('/Resources/images/calendar.gif');
}

.fieldborderless { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	border: 0px; 
	background-color: #FFFFFF; 
	height:23px;
}

.textborderless { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	border: 0px; 
	background-color: #FFFFFF; 
}

.textborderless11 { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	border: 0px; 
	background-color: #FFFFFF; 
}

/*--------------------- Top Menu-------------------------------*/


div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  border: 0px solid;
  border-color: #0099FF #0099FF #0099FF #0099FF;
  padding: 5px 0px;
  text-align: left;
}


div.menuBar a.menuButton {
  background-color: transparent;
  border-left: 1px solid #FFFFFF;
  border-left: 1px solid #CCCCCC;
  color: #333333;
  cursor: default;
  left: 0px;
  padding: 5px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-left: 1px solid #FFFFFF;
  border-left: 1px solid #CCCCCC;
  color: #333333;
  background-color:#CECFCE;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #CECFCE;
  border-left: 1px solid #FFFFFF;
  border-left: 1px solid #CCCCCC;
  color: #333333;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #e3e3e3;
  border: 1px solid #CCCCCC;
  border-top:0px;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #297DC6;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #CCCCCC;
  margin: 4px 2px;
}

.MimicHyperlink{
	cursor:pointer; 
	color:#0000ff; 
	text-decoration:underline;
}

.MimicHyperlinkfd{	
	 cursor:pointer; 
	 color: #999999;
	 background-color: transparent;
	 font-weight: normal;
	 text-decoration:underline;
}

.parent { 
	text-decoration: none; 
	color: black;
}
		
.child { 
	display:none; 
}
	    
.item { 
	color: black; 
	text-decoration:none; 
	cursor: pointer; 
}
	    
.highlight { 
	color: blue; 
	text-decoration:underline; 
}
	      
.icon { 
	margin-right: 5px;
}

.helptitle { 
	color: #000000;
	font-size: 13.3333px;
}

.bars{
	color: #454545;
	background-color: #e3e3e3;
	font-weight: bold;
	width: 463px;
	height: 25px;
	padding: 0px;
	padding-top : 4px;
	cursor: pointer;
	border-bottom: 1px solid #CCCCCC;
	
}

.headingbars{
	color: #454545;
	background-color: #e3e3e3;
	font-weight: bold;
	width: 463px;
	height: 25px;
	padding: 0px;
	padding-top : 0px;
	cursor: pointer;
	border-bottom: 1px solid #CCCCCC;
}

.disabled {
	background-color: #EFEEF3;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #a7a7a7;
}

.sortableheader{
	background-color:#e3e3e3;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	font-weight:bold;
}

.sortableheader a:link ,
.sortableheader a:visited {
	text-decoration:none;
	color: #333333;
}

.sortableheader a:hover {
	text-decoration:underline;
	color: #333333;
}

.resultsHeader
{
	background-color: #FFBD00;
}

input,select
{
	font-size:11px;
}


/*Auth Declines*/
table.list tr th
{
	padding:2px;
}

table.list tr td
{
	padding:2px;
}

body.timeout
{
	margin-top: 20%;
}

textarea
{
	font-size:13px;
}

.nopadding{
   padding-top:0;
   padding-bottom: 0;
   padding-left: .25em;
   padding-right: .25em;
   width:auto;
   overflow:visible;
}

.hiddenElement{
	display: none;
}


.formborderlessAssociations { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	border: 0px; 
	background-color: #FFFFFF; 	
}

.popup_contentBodyCell{
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 20px 20px 20px 20px;
}

.fullscreenElement{
	height: 100%;
	width: 100%;
}

.scrollablelistheader
{
	font-weight: normal;
	font-size: 10px;
	border: 0px; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.scrollablelistdetail
{
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	border: 0px; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#removeExpenseBtn, #submitClaimBtn{
    padding: 0 .25em;
    width: auto;
    overflow:visible;
}
.sp {height:65} 



/* NEW CLASSES */

/* Used to Style the Title of the Page */
.pagetitle #here {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}

/* Remove the You Are Here text */
.pagetitle #here b {
	display:none;
}

/* Default Styling for input buttons */
input.submit  {
	cursor:pointer;
	padding:1px !important;
	margin:0px;
}

/* Alternating Rows in Tables */

tr.trOdd td.listcontenttr2, tr.trOdd td.listcontent{
	background-color:#FFFFFF;
	overflow:hidden;
}

tr.trEven td.listcontenttr2, tr.trEven td.listcontent {
	background-color:#e3e3e3;
	overflow:hidden;
}

tr.selRow  td.listcontenttr2, tr.selRow  td.listcontent {
	background-color:#C9EAF8;
}















/* Align Radio button vertically inline with label */
input[type="radio"] {
	vertical-align:text-bottom;
}

/* Remove White Spacing between Navigation Items */
.whitespace{
	display:none;
}

/* Remove rounded corners in the top area */
.navbarbg img {
	display:none;
}

/* Set height of image to 1px */
form[name="DcalMainForm"] table table table .topbranding img {
	height:1px !important;
}


/* Remove height off image in listheader to get height correct */
.listheader  img {
	height:0px !important;
}

/* Increase Vertical Spacing between elements */
.listcontent,
.listcontenttr,
.listcontenttr2,
.listcontenttr3,
.listcontenttr4,
.listcontenttr5,
.listcontenttr6,
.listcontenttrfd,
.listcontentfd {
	padding:0px 1px;
	margin:0px;
	border-collapse:collapse;
	line-height:23px;
	font-size:10px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
}

/* Increase Vertical Spacing between elements */
tr.listcontent td,
tr.listcontenttr td,
tr.listcontenttr2 td,
tr.listcontenttr3 td,
tr.listcontenttr4 td,
tr.listcontenttr5 td,
tr.listcontenttr6 td,
tr.listcontenttrfd td,
tr.listcontentfd td{
	padding:0px 1px;
	margin:0px;
	border-collapse:collapse;
	line-height:23px;
	font-size:10px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #D9D9D9;
}


/* Increase Vertical Spacing between elements */
.listcontent td,
.listcontenttr td,
.listcontenttr2 td,
.listcontenttr3 td,
.listcontenttr4 td,
.listcontenttr5 td,
.listcontenttr6 td {
	padding:0px 0px;
	margin:0px;
	border-collapse:collapse;
	line-height:100%;
	font-size:10px;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #D9D9D9;
}

/* Move the Run Report Button to the Right */
#runReport {
	float:right;
}

/* Style up the 2nd table that appears when a report is selected */
.tablebg  td {
	line-height:25px;
	padding:0px 0px;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #FFFFFF;
	font-size:10px;
}

/* Remove the border off the table cells of the date selection */
.tablebg  table table td {
	line-height:25px;
	height:25px;
	border-bottom:0px solid #FFFFFF;
}

/* Style up the 2nd table that appears :hide borders  */
.tablebgBorder, .tablebgBorder td .tablebgBorder  tr,.tablebgBorder .listcontent  {
	line-height:25px;
	padding:0px 0px;
    border: 1px solid #FFFFFF;
	font-size:10px;
}

/* Change the header*/

.listheader {
	height:25px;
	border-bottom: 1px solid #CCCCCC;
}

/* Style up the inputs that appear in List headers - Look at Cost Allocation - Case Setup Associations for reference */
input.listheader {
	height:100%;
	border-bottom: 0px solid #CCCCCC;
}

/* Used to add the table cell border on td that have no class */
td.listcontent,
.listcontent td {
	font-size:10px;
	border-right:1px solid #FFFFFF;
	padding:0px 1px;
	border-bottom:1px solid #D9D9D9;
}


.listcontent td {
	border-bottom:0px solid #D9D9D9;
	border-right:0px solid #FFFFFF;
}


td.bottom_menu_item{
	cursor:pointer;
}

.listheader input[type="checkbox"],
.listcontent  input[type="checkbox"],
.listcontentfd  input[type="checkbox"],
.listcontenttr2  input[type="checkbox"],
.listcontenttr6  input[type="checkbox"],
input#CTCheckBox {
	margin:2px 3px 0px 3px;
	padding:0px;
	height:10px;
}

.listcontent input[type=radio], 
.listcontentfd input[type=radio] {
	margin:2px 3px 0px 3px;
	padding:0px;
	_height:20px
}

iframe#10{
height:460px !important
}


.splitlineinput { 
	color: #333333;
	border:0px solid #FFFFFF;
	background: transparent !important;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;	
}
.splitcheckbox input[type="checkbox"]{
	height:10px;
}

/* Filter Button CAC Selector */

input.nospacebutton {
	width:20px;
	text-align:center;
}

td.footerBarBG {
	background-color: #e3e3e3;
}

/* company setup add/edit headers*/
.smallHeader {
	line-height:16px;
	background-color: #E1E0E6;
}
.smallHeader TD{
	border:1px solid #ffffff
}

input[type=text][disabled] {
	background-color: #EFEFF7 !important;
}
input[type="radio"][disabled],input[type="checkbox"][disabled] {
	background-color: #ffffff !important;
	border:0px !important;
}



/* IE6 HACK FOR DISABLED BUTTONS */


input.Submit,
input.submit,
.nopadding,
.tablebgcolorlist input.submit,
input.exportScheduleSubmit  {
	background-color: expression((this.disabled==true)?'#CCCCCC':'');
	color: expression((this.disabled==true)?'#757575':'');
	border: expression((this.disabled==true)?'1px solid #ABABAB':'');
}

* html .ie6Width {width:96% }