/* Utilitites */ 

.clearfix 
	{
  	overflow: auto;
  	}

body {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	margin: 20px 40px;
}
td { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; vertical-align: top; }
th { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; text-align: left; }

.table th { font-family:Arial,Helvetica,Geneva; font-size:11px; text-align: left; }
.table td { font-family:Arial,Helvetica,Geneva; font-size:11px; vertical-align: top; }

li { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px }
ul { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px }
textarea { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px }
ul.inline {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

h1 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:24px }
h2 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:18px }
h3 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:14px }
h4 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:12px }
h5 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px }
h6 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px }
pre { font-family:Courier; font-size:11px }

img { border: 0 none; }

form { font-size:12px }
select { font-size:11px; }
.tiny_select { font-size:9px; background: #f5f5f5; }
.tiny_button { font-family:Verdana,Arial,Helvetica,Geneva; font-size:9px; background: #cfcfcf;}
.button { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; background: #cfcfcf;}
input { font-size:11px; font-family:Courier,monospace; }
input.money, span.money { font-size:11px; font-family:Courier,monospace; text-align: right; }
#anticipatedExpensesTotal {width: 140px; display: inline-block;}
input:focus, select:focus, textarea:focus { background: #fafeab; }
input.greyed { background-color: #DEDEDE; color: #3d3d3d; }

small { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px }
strong { font-family:Verdana,Arial,Helvetica,Geneva; }

.mainParagraph { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px }
.subParagraph { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px }
.boxTitle { font-family:Verdana,Arial,Helvetica,Geneva; font-size:14px; font-weight:bold }
.pageTitle { font-family:Verdana,Arial,Helvetica,Geneva; font-size:18px; font-weight:bold }
.pageSubtitle { font-family:Verdana,Arial,Helvetica,Geneva; font-size:12px }

.bold { font-weight:bold }
.heavy { font-family:Verdana,Arial,Helvetica,Geneva; font-size:12px; font-weight:bold }
.heavywhite { font-family:Verdana,Arial,Helvetica,Geneva; font-size:12px; font-weight:bold; color:#ffffff; text-decoration: none }
.redheavy { font-family:Verdana,Arial,Helvetica,Geneva; font-size:24px; font-weight:bold; color:#ee0000 }
.large { font-size:12px; }

.med { font-family: Verdana,Arial,Helvetica,Geneva; font-size:11px; }
.medheavy { font-family: Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight: bold; }
.medheavywhite { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#ffffff; }
.medheavyred { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#ee0000 }
.medheavygray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#CFCFCF }
.medheavydkgray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#3d3d3d }
.medheavyblk { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#000000 }
.medheavygreen { font-family:Verdana,Arial,Helvetica,Geneva; font-size:11px; font-weight:bold; color:#006633 }

.sml { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; }
.smlheavy { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold }
.smlheavywhite { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#ffffff; text-decoration: none }
.smlheavyyellow { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#ffff00; text-decoration: none }
.smlheavyred { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#ee0000; text-decoration: none }
.smlheavygray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#CFCFCF; text-decoration: none }
.smlheavygreen { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#006633; text-decoration: none }
.smlheavydkgray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#3d3d3d; text-decoration: none }
.smlheavyblue { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#003399; text-decoration: none }
.smlgray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; color:#CFCFCF; text-decoration: none }
.smldkgray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; color:#3d3d3d; text-decoration: none }
.smlblue { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; color:#003399; text-decoration: none }

.suprsmall { font-family:Verdana,Arial,Helvetica,Geneva; font-size:9px; font-weight:normal;}
.suprsmalldkgray { font-family:Verdana,Arial,Helvetica,Geneva; font-size:9px; font-weight:normal; color:#3d3d3d;}
.suprsmallred { font-family:Verdana,Arial,Helvetica,Geneva; font-size:9px; font-weight:normal; color:#ee0000;}

.helpText {width: 150px; position: absolute; visibility: hidden; background-color: #FFFFCC; font-family: arial,helvetica,sans-serif; font-size:9px; border:1px solid black; color:black; padding:2px;}
.helpTitle { font-family:Verdana,Arial,Helvetica,Geneva; font-size:9px; color: blue; text-decoration: none; }

.popup160 { width:160px; }
.popup180 { width:180px; }
.popup200 { width:200px; }

.red { color:#cc0000; }
.green { color:#006600 }
.disabled { color:#b7becb; }
.dkgray { color: #3d3d3d; }
.black { color: #000000; }

.def { background: yellow; width: 150; border: 1px solid black; padding: 3px; visibility: hidden; position: absolute;}
.label { font-weight:200; }

.error {padding: 7px; margin: 0 auto; background: #F0DDE1; color: #A3334F; font-family: Verdana, san-serif;}

.tier1 { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#666666; }
.tier1red { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:bold; color:#990033; }
.tier1over { COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 75%; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.tier1hot { COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 75%; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.tier1white { COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 75%; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.tier2 { COLOR: #003399; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 70%; FONT-WEIGHT: bold; TEXT-ALIGN: justify; TEXT-DECORATION: none; }
.tier2w { COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 85%; TEXT-DECORATION: none }
.tier2over { COLOR: #003399; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 60%; TEXT-DECORATION: none; TEXT-INDENT: 18px; }
.tier2hot { COLOR: #003399; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 70%; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-INDENT: 0px; }
.tier3 { COLOR: #5E5E5E; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 70%; TEXT-ALIGN: justify; TEXT-DECORATION: none; }

a:hover { background-color: #e5eaf0; text-decoration: none; color: #336699;}
a { text-decoration: none; color: #336699;}

a.nohover { }
a.nohover:hover { background-color: transparent; }

a.navlnk { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:normal; color:#336699; text-decoration: none; }
a.navlnk:hover { font-family:Verdana,Arial,Helvetica,Geneva; font-size:10px; font-weight:normal; color:#336699; text-decoration: none; background-color: e5eaf0; }


/* ###############  Table styles ####################*/
.blue_bkg {background: #e5eaf0; }

.tbl {
	background: #efefdc;
	border: 1px solid #666666;
}

.tbl_radio {background: #efefdc; }
.tbl_bkg {background: #efefdc; }

.tbl_lvl1 {background: #666666; }
.tbl_lvl2 {background: #cdcec7; }
.tbl_lvl3 {background: #f4f4e8; }
.tbl_lvl4 {background: #ededed; }
.tbl_lvl5 {background: #ffffff; }
.tbl_lvl6 {background: #efefdc; }

table.tbl_int 
	{
	background: #f4f4e8;
	border: 1px solid #cdcec7;
	border-collapse: collapse;
	}

table.tbl_int-small
	{
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,Geneva;
	}

table.tbl_int-small th
	{
	font-style: normal;; 
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,Geneva;
	border-bottom: 1px solid #999;
	background: #cdcec7;
	}


	.ie7 table.tbl_int, .ie7 table.tbl_int2, .ie7 table.tbl_int3 {
		border-collapse: separate;
	}

.tbl_int th {
	text-align: left;
	vertical-align: bottom;
}

.tbl_int th span {
	display: block;
	text-align: right;
	margin: -0.5em 0 1em;
}

.tbl_int > tbody > tr > td {
	border-top: 1px solid #cdcec7;
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:10px;
}

table.tbl_int_tev {
	width: 80%;
}

.tbl_int_tev td {
	text-align: left;
}

.tbl_int_tev .form_lbl {
	text-align: right;
}
.isolatedpadding{
	padding:0px 5px 5px 5px;
}
td.mid {
	text-align: left;
}

table.tbl_int2 {
	background: #f4f4e8;
	border: 1px solid #cdcec7;
	border-collapse: collapse;
	width: 100%;
}
.tbl_int2 td {
	border-top: 1px solid #cdcec7;
	border-right: 1px solid #cdcec7;
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:10px;
}

table.tbl_int3 {
	background: #f4f4e8;
	border: 1px solid #cdcec7;
	border-collapse: collapse;
	width: 100%;
}
.tbl_int3 td {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:10px;
}

.tbl_ct { text-align: center; }
.tbl_lt { text-align: left; }
.tbl_rt { text-align: right; }
.tbl_hdr { font-weight: bold;}

.yellowhighlight { background-color: #FFFF00; }

table.nostyle {}
table.center {margin-left:auto; margin-right:auto;}

.nostyle td {border-top: none; border-right: none;}

/* start styled tables */
table.classic-table {}
table.classic-table thead tr.title th { background: #ededed; }
table.classic-table td, table.classic-table th { padding: 4px; }

/* end styled tables */


label .form_lbl {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

td .form_lbl {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.nestedForm { margin-left: 20px;}
.nestedForm label { text-align: left; }
.nestedForm textarea { width: 460px; height: 65px; margin-bottom: 10px; }

.meal_td {border-top: none; text-align: center;}
.meal_dest_td  {border-bottom: none;}

div.TipDiv { background-color: #ffffcc; width: 200px; padding-bottom: 1px;}
div.topbar { background-color:#333388; text-align:right	}

.sp_porlet_wrapper {
	background: #efefdc;
	border: 1px solid #666666;
	width: 300px;
	position: relative;
}

.sp_portlet_content {
	overflow : auto; 
}

.sp_portlet_hdr {
	width: 100%;
	background: #666666;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
}

/* ###############  Navigation styles ####################*/
body#nav {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	background-color: #336699;
	color: black;
	width: auto;
	margin: 0px;
}

body#nav_imprs {
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	background-color: #990000;
	color: black;
	width: auto;
	margin-top: 0px;
}

.logospace {
	background: url(/common/img/bkgnd_nav.gif) repeat-x top left;
	width: 100%;
	text-align: center;
}

.logospace img {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.navigation_tabs {
	border-bottom: 2px solid #666666;
	text-align: center;
	width: 100%;
}

.navigation_tabs img {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.nav_indent {
	border-top: 1px solid #666666;
	margin-left: 15px;
	margin-bottom: 10px;
	position: relative;
}

.myappo_nav {
	background: #efefdc;
	border: 2px solid #666666;
	border-top: none;
	width: 92%;
	padding: 2%;
	text-align: left;
}

.common_nav {
	background: #efefdc;
	width: 92%;
	padding: 2%;
	position: relative;
	text-align: left;
	top: 10px;
	border: 2px solid #666666;
}

div.split_row span.left {
  float: left;
  text-align: left;
  width: 49%;
  }

div.split_row span.right {
  float: right;
  text-align: right;
  width: 49%;
  }
  
div.spacer {
  clear: both;
}

div.row {
  clear: both;
  padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 115px;
  text-align: right;
  font-weight: bold;
  font-size: 10px;
}

div.row span.formw {
  float: right;
  width: 310px;
  text-align: left;
  font-size: 10px;
  vertical-align: top;
} 

.trip_wiz_traveler_or {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 10px;
  color: #3d3d3d;
}

.attachlist {
}

.attachlist_ovflow {
	height: 150px; overflow: auto;
}

.formTextItem { padding-top: 5px; }

.formTextItem input, formTextItem textarea, .formMultiItem label {
	clear: right;
	text-align: left;
}

.formTextItem label, .multiItemLabel, .displayTextLabel {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	display: block;
	clear: both;
}

.helpbtn { margin-right: 10px; }
.rt07 td { font-size: 9px; }
.rt07 th { font-size: 9px; font-weight:bold; text-align: left; vertical-align: bottom; }
.rtAirSep { border-bottom: 1px solid #cdcec7; }

input.approve{
	background-color: #009900;
	border-top: 1px #006600 solid;
	border-left: 1px #006600 solid;
	border-bottom: 2px #00CC00 solid;
	border-right: 2px #00CC00 solid;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
}
input.doNotApprove{
	background-color: #CC0000;
	border-top: 1px #990000 solid;
	border-left: 1px #990000 solid;
	border-bottom: 2px #FFCCFF solid;
	border-right: 2px #FFCCFF solid;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
}
input.edit{
	background-color: #FFCC00;
	border-top: 1px #FFCC33 solid;
	border-left: 1px #FFCC33 solid;
	border-bottom: 2px #FFFFCC solid;
	border-right: 2px #FFFFCC solid;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
}
input.exit{
	background-color: #666;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-bottom: 2px #CCC solid;
	border-right: 2px #CCC solid;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
}
/************* Rollover Title ****************/
.dogvdvbdy {
	width:350px;
	padding:5px;
	background-color: #FFFFCC;
	display:block;
	border: 1px solid #006600;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	text-align: left;
}

/* Favorites Section */

.favorites table {
	border-collapse: collapse;
	width: 100%;
}

.favorites th {
	background-color: #666;
	font-weight: bold;
	color: #fff;
	text-align:left;
	font-size: 13px;
	padding: 7px;
	text-shadow: inherit;
}

.favorites td 
	{
	border-bottom: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.favorites h3 
	{
	color: #000;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-shadow: inherit;
	}

.form-control
	{
	padding: 1px;
	}

.spinnerloading { margin: auto; text-align: center; }

/************* Tableless Form ************************/
.container_90 
	{
	font-family:Verdana,Arial,Helvetica,Geneva;
	font-size:11px;
	text-align: left;
	background: #efefdc;
	border: 1px solid #666666;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	margin-top: 10;
	margin-bottom: 0;
	}

.container_90 h2 
	{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
	margin-top:0;
	margin-bottom:0;
	background-color: #666666;
	padding-left: 5px;
	padding-bottom:3px;
	}

.container_90 h3 
	{
	font-size:12px;
	margin-top:0;
	margin-bottom:0;
	padding-left: 10px;
	padding-bottom:3px;
	background: #cdcec7;
	}

	.container_90 .body {
		padding-top:5;
		padding-left:15;
		padding-bottom:15;
	}

	.container_90 .body p {
		font-size:12px;
		padding-top: 5;
		padding-right: 5px;
		clear:both;
	}

	.container_90 .row {
		width:100%;
		padding-top: 3px;
		clear:both;
	}

	.container_90 label {
		font-size:12px;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	label.tabelLabel {
		font-weight:normal;
		font-size:11px;
		padding:0000;
	}

	.container_90 .med_note {
		font-size: 10px;
		padding-left: 30px;
	}

	.container_90 .leftCol_variable {
		padding-left: 5px;
		float: left;
	}

	.container_90 .rightCol_variable {
		padding-left: 5px;
		float: left;
	}

	.container_90 .notes {
		background: #f4f4e8;
		border: 1px solid #cdcec7;
		padding: 3 3 3 3;
	}

	.container_90 .error {
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:12px;
		font-weight:bold;
		color:red;
	}
	
/* Fieldset and DL -> DT -> DD */
	fieldset.small_form {
		background-color: #f4f4e8;
		margin-left:auto;
		margin-right:auto;
		border: solid 1px #666666;
	}
	
	.small_form legend {
		font-weight: bold;
		color:black;
	}
	
	.small_form p {
		text-align:left;
		padding: 5px;
		border: solid 1px #cdcec7;
	}
	
	.small_form label {
		font-size:12px;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	dl.table-display { 	
		width: 100%; 	
		margin: 0 0 5px 0; 	
		padding: 0 0 5px 0; 	
	}  
	
	.table-display dt { 
		width: 50%; 
		float:left;  
		padding: 3 0 3 0;
	}  
	
	.table-display dd { 	
		margin-left: 50%;
		padding: 3 0 3 0; 	 	
	} 
/************* Misc Page Elements ************************/	
#justificationResult {margin-top: 7px;}
#justificationLink p, #justificationResult h3 {margin: .2em 0;}
#justificationResult h3 {font-size: 100%}
.expenseDate { margin-right: 5px; vertical-align: 70%;}
.needAnother { text-decoration: underline; }


/*********** Custom Aegis JQuery definitions *************/
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	background: yellow;
	box-shadow: 0 0 5px #aaa;
	font-size: 1em;
	width: 400px;
}

.nolink {
	text-decoration: none;
	color: black;
}


/***** JQuery UI style changes *****/

body .ui-widget-header
	{
	border: 1px solid #aaaaaa;
	background: #cccccc url(../js/jquery-plugins/jquery-ui/1.11.1/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
	
	}

body .ui-state-default .ui-icon 
	{
	background-image: url( "../js/jquery-plugins/jquery-ui/1.11.1/images/ui-icons_222222_256x240.png" );
	}

/**** Bootstrap overrides b/c this file is lame *****/
.inlineTextWithBootButton
	{
	padding-top:7px;
	}

.alert li { font-family:Arial,Helvetica,Geneva; font-size:14px }
.alert ul { font-family:Arial,Helvetica,Geneva; font-size:14px }

.expensePerm{
    padding:10px;
    text-align:center;
    color:red;
    width:330px;
}