a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
input,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp  {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

iframe {
	overflow: hidden;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
}

body.iframe {
	overflow: hidden;
	margin: 0px;
}

body {
	background-color: #FFFFFF;
}

div.yui-panel {
    outline: #FFFFFF none 0px !important;
}

.ie .yui-skin-sam .mask {
    overflow: hidden;
}

.yui-skin-sam .yui-ac .yui-ac-input {
	position: inherit;
}

.shift_right {
	position: relative;
	left: 49px;
}

.inline_block {
	display: inline-block;
}

.ie7 .inline_block {
	zoom: 1;
	display: inline;	
}

.form_section_box {
	margin: 10px 10px 15px 10px;
	padding: 10px 10px 15px 10px;
	background-color: #F5F5F5;
	border: 1px solid #E5E5E5;
}

.form_field_box {
	width: 98%
}

/*Removes the clear check-box applied to input fields by IE10*/
.yui-ac-input::-ms-clear {
    display: none;
}

/*********** buttons **********/
input[type=submit],
input[type=reset],
input[type=image],
input[type=button],
button,
#mmenu.yui-button {
	white-space: normal;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin: 3px 2px 3px 2px;
	border: solid 1px #888892;
}

input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
button {
	background-color: #F9F9F9;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
	background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
	background: -o-linear-gradient(top,  #FFFFFF,  #CFCFCF);
}


.ie input[type=submit],
.ie input[type=reset],
.ie input[type=button],
.ie input[type=image],
.ie button {
    background: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #F9F9F9;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    margin: auto 0.25em;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
input[type=image]:hover,
button:hover{
	text-decoration: none;
	background: #E5E5E5;
	background: -webkit-gradient(linear, left top, left bottom, from(#BBB), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #BBB, #FFFFFF);
	background: -o-linear-gradient(top,  #BBB, #FFFFFF);
}

.ie input[type=submit]:hover,
.ie input[type=reset]:hover,
.ie input[type=button]:hover,
.ie input[type=image]:hover,
.ie button:hover {
	background-position: 0 -13000px;
	color: #000;
}

input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active,
input[type=image]:active,
button:active {
	position: relative;
	top: 1px;
	background: #F9F9F9;
	background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #CFCFCF,  #FFFFFF);
	background: -o-linear-gradient(top,  #CFCFCF,  #FFFFFF);
}

.ie input[type=submit]:active,
.ie input[type=reset]:active,
.ie input[type=button]:active,
.ie input[type=image]:active,
.ie button:active {
	background-position: 0 -17000px;
}

.primary_button {
	width: 150px;
	font-size: 13px;
	min-height: 23px;
	margin-left: 10px;
}

.secondary_button {
	font-size: 13px;
	min-height: 23px;
}
 
input[type=button]:hover.delete_button,
button:hover.delete_button {
	color: #AD4539;
}

.left_right_padding,
.button_group {
	margin-left: 10px;
	margin-right: 10px;
}

.multi_select_button {
	width: 100px;
}

/********** End buttons **********/

.full_width{
	width: 98%;
}

.itemform #organisation {
	width: 686px;
}

.itemform a {
    text-decoration: underline;
    cursor: pointer;
    color: #006666;
}

.half_width {
	width: 50%;
}

.nowrap {
	white-space: nowrap;
}

#showLongJourneyQuestion {
	display: none;
}

/* Reduces the border width on the panels */
.yui-skin-sam .yui-module.yui-panel .bd,
.yui-skin-sam .iframe_panel .yui-module.yui-panel .bd {
	padding: 0px;
	border-width: 0px;
}

.yui-skin-sam .iframe_panel .yui-module.yui-panel .hd,
.yui-skin-sam .iframe_panel .yui-module.yui-panel .ft {
	display: none;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

div .yui-module.yui-overlay {
	border-width: 0px;
	background-color: #FFFFFF;
}

textarea{
	resize: none;
}

/************Search Dialog styling ********/

.search_dialog {
	background-color: #FFFFFF;
	width: 350px;
}

.search_hd {
	background-image: url("../img/favicon.gif"), url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png");
    background-position: 6px 6px, 0 -200px;
    background-repeat: no-repeat, repeat-x;
    text-indent: 25px;
	padding: 5px 10px;
	overflow: hidden;
}

.search_bd {
	padding: 10px 10px 0px;
	height: 70px;
}

.claimSearchRef {
	margin-bottom: 10px;
}

.search_ft {
	text-align: right;
	padding: 5px;
	background-color: #F2F2F2;
	border-top: 1px solid #808080;
}

/* IE backgrounds for the search header */
.ie7 .search_dialog .search_hd {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ie_dialog_icon.gif', sizingMethod='crop');
}

.ie8 .search_dialog .search_hd {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ie_dialog_icon.gif', sizingMethod='crop')";
}

.ie7 .search_dialog .search_hd,
.ie8 .search_dialog .search_hd {
	background: none;
	background-image: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png");
	background-repeat: repeat-x;
	background-position: 0 -200px;
}


/*********** Dialog styling ***************/
.ie7 body.dialog,
.ie7 body.dialog .hd,
.ie7 body.dialog .bd,
.ie7 body.dialog .ft {
	width: auto;
}

body.dialog {
	background-color: #F2F2F2;
	overflow: hidden;
}

.dialog .hd,
.dialog .yui-panel .hd,
.itemform .dialog .hd {
	border-width: 0px;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
    background-image: url("../img/favicon.gif"), url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png");
    background-position: 6px 6px, 0 -200px;
    background-repeat: no-repeat, repeat-x;
    text-indent: 30px;
    background-color: #FFFFFF;
    margin: 0px;
    overflow: hidden;
    position: relative;
    line-height: inherit;
    font-size: 16px;
}

.itemform .dialog .hd{
	font-weight: normal;
}

/* IE backgrounds for the header */
.ie7 .dialog .hd,
.ie7 .dialog .yui-panel .hd,
.ie7 .yui-skin-sam .dialog.yui-panel .hd {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ie_dialog_icon.gif', sizingMethod='crop');
}

.ie8 .dialog .hd,
.ie8 .dialog .yui-panel .hd,
.ie8 .yui-skin-sam .dialog.yui-panel .hd {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ie_dialog_icon.gif', sizingMethod='crop')";
}

.ie7 .dialog .hd,
.ie8 .dialog .hd {
	background: none;
	background-image: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png");
	background-repeat: repeat-x;
	background-position: 0 -200px;
}

/* Do not commit isn't working in all circumstances e.g. dialog in a dialog  error dialog on a project*/
.dialog .bd,
.dialog .yui-panel .bd {
	background-color: #FFFFFF;
	border-width: 0px;
	padding: 5px 35px 0px 35px;
	margin: 0px;
	min-height: 200px;
	position: relative;
	
}



.dialog .ft,
.dialog .yui-panel .ft {
	border-width: 0px;
	border-top: 1px solid #808080;
    font-size: 77%;
    padding: 10px 10px;
    background-color: #F2F2F2;
    margin: 0px;
    overflow: hidden;
}

/* Dialog content layout and styling */

.dialog p {
	margin: 10px 0px;
}

.dialog .ref_field {
	height: 20px;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin: 2px 0px 0px;
	text-align: center;
}

.dialog .list_box {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.dialog th {
	padding: 1px 3px;
	background-color: #EEEEEE;
	border-width: 1px 0px;
	border-color: #D3D3D3;
	border-style: solid;
}

.dialog td {
	padding: 1px 3px;
	border-bottom: 1px solid #D3D3D3;
}


/* Position the icon to the right of the header */
.hd .icon {
	float: right;
}

.ie7 .hd .icon {
	position: absolute;
	top: 0px;
	right: 2px;
}

.dialog .copy_errors {
	top: 0px;
	right: 40px;
	display: none;
	border: 0px solid #707070;
	font-weight: bold;
}

.ie7 .dialog .copy_errors,
.ie8 .dialog .copy_errors,
.ie9 .dialog .copy_errors {
	display: block;
}

/* The hidden text area used for copying the errors */
#hiddenTextArea {
	display:none;
}

.dialog li {
	margin-left: 20px;
}

.ft.buttons {
	text-align: right;
}

.dialog.help .container {
	border: 3px solid #FFFFFF;
}

.dialog.help .hd {
	background: none;
	background-image: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png");
	background-repeat: repeat-x;
	background-position: 0 -200px;
	text-indent: 0px;
}

.dialog.help .hd h1{
	text-align: left;
}



.iframe_panel .bd {
	min-height: 0px;
	overflow: hidden;
}

#favouritesDialog {
	width: 560px;
}

#favouritesDialog .hd {
	min-height: 20px;
}

#favouritesDialog .bd li {
	padding: 4px 20px 4px 10px;
	margin: 0px;
	position: relative;
	border-bottom: 1px solid #D3D3D3;
}

#favouritesDialog .bd li a,
#favouritesDialog .bd li a:visited,
.itemform a,
.itemform a:visited {
	font-weight: bold;
	text-decoration: none;
}

#favouritesDialog .bd li a:hover,
.itemform a:hover {
	text-decoration: underline;
	font-weight: bold;
}

#favouritesDialog .delete_icon {
	position: absolute;
	top: 2px;
	right: 3px;
}

/*** Styles used by Request Password and Request Access dialogs ***/

#access_dialog .bd {
    padding: 10px;
}

#access_dialog .section {
	padding: 6px 0;
	margin-left: 10px;
}

/*** Styles reseting the dialog if it appears inside another dialog ***/

.dialog .iframe_panel .bd {
	min-height: 0px;
	overflow: hidden;
}

#waitMessageDiv .hd,
#waitMessageDiv .ft {
	background-color: #FFFFFF;
	height: 20px;
	background-image: none;
	border-width: 0px;
}
#waitMessageDiv .bd {
	background-color: #FFFFFF;
	font-size: large;
}

#google_maps_dialog .hd,
#google_maps_dialog .ft {
	border-width: 0px;
}

#google_maps_dialog .bd,
#google_maps_dialog .ft {
	background-color: #FFFFFF;
}

#google_maps_dialog .container {
    margin: 10px 0 5px 0;	
}

#editButton {
    width: auto !important;
}

.location_button {
  width: 320px;
  padding-top: 5px;  
}

.location_button span {
	padding-left: 10px;
}

#journey_buttons {
    padding-top: 5px;	
}

#google_maps_dialog .container {
    margin: 10px 0 5px 0;	
}

.location_button {
  width: 320px;
  padding-top: 5px;  
}

.location_button span {
	padding-left: 10px;
}

#journey_buttons {
    padding-top: 5px;	
}

.ie7 #google_maps_dialog  {
	width: 800px !important;
}

#journey_info {
    margin-top: 5px;
}

#journey_info {
    margin-top: 5px;
}

.delete_leg_container {
	display: inline;
	float: right;
	width: 15px
}

.delete_leg {
    background: url("../img/mapping/map_sprites.png") no-repeat scroll 0 -55px transparent;
    height: 9px;
    width: 10px;
    display: block;
    margin-top: 8px;
}

#detour_list_container {
	border-top: 1px dashed #ECECF1; 
	border-bottom: 1px dashed #ECECF1;
}

#map_detours {
	margin-bottom: 10px 0px;
}

#detour_list {
	color: #989A99;
}

#clear_detours {
	font-weight: normal;
}

#distance_container {
	margin: 10px 0px;
}

.delete_leg:hover {
	text-decoration: none;
	background: url("../img/mapping/map_sprites.png") no-repeat scroll 0 -65px transparent;
}

.switch_leg_container {
	text-align: right;
}

.switch_leg {
	background: url("../img/mapping/map_sprites.png") no-repeat scroll right -4px transparent;
    height: 9px;
    display: block;
    margin-top: 2px;
}

.ie7 .switch_leg {
	margin-top: 25px;
}

.ie7 #add_leg {
	margin-top: 10px;
}

.switch_leg:hover {
	text-decoration: none;
	background: url("../img/mapping/map_sprites.png") no-repeat scroll right -23px transparent;
}

.leg_container:last-child .switch_leg_container {
	display:none;
} 

.editable_journey {
	display: none;
}

.non_editable_journey {
	display: block;
}

.editable .editable_journey {
	display: block;
}

.editable .non_editable_journey {
	display: none;
}


#favouritesDialog,
#favouritesDialog .bd table {
	width: 600px;
}

#favouritesDialog .bd a,
#favouritesDialog .bd a:visited,
#favouritesDialog .bd a:hover {
	color: #4E6F9A;
	text-decoration: none;
}

#favouritesDialog .bd a:hover {
	text-decoration: underline;
}

#confirm_print {
    width: 350px; 
    border-width: 0;	
}

#confirm_print .yui-panel {
	border-width: 0;
}

#confirm_print .bd {
    min-height: 75px; 
    padding: 5px;	
}

#confirm_print .hd {
    line-height: normal;
    font-size: 14px;   
}
/*********** DWR Error Dialog ***********/
#dwr_error_dialog_c {
	top: 150px;
	left: 185px;
}

#dwr_error_dialog, 
#add_new_dialog {
	padding: 0px;
	border-width: 1px;
	line-height: 2em;
}

.yui-skin-sam #dwr_error_dialog.yui-panel .hd,
.yui-skin-sam #dwr_error_dialog.yui-panel .bd, 
.yui-skin-sam #dwr_error_dialog.yui-panel .ft,
.yui-skin-sam #add_new_dialog.yui-panel .hd, 
.yui-skin-sam #add_new_dialog.yui-panel .bd, 
.yui-skin-sam #add_new_dialog.yui-panel .ft {
    border-width: 0 1px;
    margin: 0 -1px;
}

#dwr_error_dialog .bd, 
#add_new_dialog .bd {
	background-color: #FFFFFF;
	min-height: 50px;
	padding: 10px 10px;
}

#dwr_error_dialog .ft,
#add_new_dialog .ft {
	padding-top: 10px;
}

/*********** End DWR Error Dialog ***********/


#approval_dialog .bd {
	padding: 5px 20px;
}

/************ End Dialog Styling ***************/


/* Admin List styling */
/* TODO May be able to merge some of these with admin */
body.admin_list {
	overflow: hidden;
}

body.admin_list.scrollable, body.admin.scrollable {
	overflow: auto;
}

.admin_list h1,.admin_list h2 {
	font-size: 25px;
}

.admin_list .hd {
	margin-top: 2px;
	height: 40px;
}

/*.admin_list .admin_body{*/
	/*min-height: 400px;*/
/*}*/


.bd .admin_list_table{
	width: 100%;
}

.bd .admin_list_table thead th {
	color: #FFFFFF;
	background-color: #003366;
}

.bd .admin_list_table thead th,
.bd tbody td {
	padding: 5px;
}

.bd .admin_list_table tbody td {
	border-bottom: 1px solid #CCCCCC;
}

.bd .admin_list_table tbody td.no_border {
	border: none;
}


.admin_list .admin_list_table{
	width: 100%;
}

.admin_list .admin_list_table thead th {
	color: #FFFFFF;
	background-color: #003366;
}

.admin_list .admin_list_table thead th,
.admin_list .admin_list_table tbody td {
	padding: 5px;
	vertical-align: middle;
}

.admin_list .admin_list_table tbody td {
	border-bottom: 1px solid #CCCCCC;
}

.admin_list .admin_list_table tbody td.no_border {
	border: none;
}

.admin_list .regime_section {
	border-bottom: 2px solid #666666;
}

.admin_list .ft {
	background-color: #E0DFE3;
	border-top: solid #000000 1px;
	padding-bottom: 5px;
}

/* Admin styling */
.admin h1,
.admin h2 {
    font-size: 25px;
}

.admin h3 {
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}

.admin .admin_hd {
	vertical-align: text-bottom;
	border-width: 0px;
}

.admin .icon_bar a,
.admin .icon_bar a:HOVER,
.admin .icon_bar a:VISITED {
	text-decoration: none;
}

.admin .hd.no_bottom_border {
	border: none;
}

body.admin {
	overflow: hidden;
}

body.admin .admin_hd .hd_text {
	height: 30px;
	vertical-align: bottom;
}

.admin .admin_bar {
	width: 960px;
	float: right;
	vertical-align: middle;
}

.admin .admin_text_left,
.admin .admin_text_right {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 1px;
}

.admin .admin_text_left {
	width: 240px;
}
	
.admin .admin_text_right {
	width: 360px;
}

.admin_text_center {
	width: 480px;
	text-align: center;
}

.ie9 .admin .admin_bar,
.ie8 .admin .admin_bar {
	padding-top: 1px;
}

.ie7 .admin .admin_bar {
	padding-top: 2px;
}

.admin .icon_div {
	width: 60px;
	position: relative;
	bottom: 4px;
}

body.admin .admin_bd {
	margin: 1px 0px 0px 0px;
	background-color: #FFFFFF;
	padding: 0px;
}

body.admin .admin_bd input[type=text], body.admin .radio_border textarea {
	width: 220px;
	border: 1px solid #989A99;
	min-height: 14px;
    padding: 2px;
}

body.admin .radio_border textarea {
	width: 648px;
}

.admin .radio_border {
	border-top: 3px solid #003366;
	margin-top: 5px;
}

.admin .grey_bar, div.admin {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 960px;
}

.admin .admin_ft {
	margin-top: 2px;
	background-color: #CCCCCC;
	border: 0px;
	padding-top:5px;
	padding-bottom: 5px;
}

.admin_list .small_text_field div input[type=text],
.admin .small_text_field div input[type=text]{
	width: 50px;
}

body.admin tr th {
	background-color: #CCCCCC;
	padding: 5px;
	width: 50%;
	color: #003366;
}

body.admin td {
	padding: 2px 5px;
}

body.admin #claim_item_thresholds {
	margin: 5px 2% 20px 2%;
}

body.admin #claim_item_thresholds .buttons {
	text-align: right;
	margin-top: 10px;
}

body.admin #claim_item_thresholds_table {
	width: 100%;
}

body.admin #claim_item_thresholds_table th {
	width: 33%;
}

body.admin #claim_item_thresholds_table .selected {
	background-color: #BFCEDD;
}


body.admin .tax_regime_div {
	padding: 4px 0px;
}


body.admin .tax_regime_label {
	font-size: 16px;
}


body.approver_admin #caldiv0 {
	left: 385px !important;
	top: 160px !important;	
}

body.approver_admin #caldiv1 {
	left: 545px !important;
	top: 160px !important;	
}

body.admin .tax_regime {
	font-size: 14px;
}

/* IE7 admin fixes */
.ie7 .admin .admin_hd,
.ie7 .admin .admin_bd,
.ie7 .admin .admin_ft{
	zoom: 1;
}

/* End admin Styling */


/* Styling for the wbs dialogs */
#wbs_dialogs {
    text-align: left;
	
}

#wbs_dialogs #chooseDialog,
#wbs_dialogs #directEntryDialog,
#wbs_dialogs #findProjectDialog,
#wbs_dialogs #applyToAllItemsDialog,
#wbs_dialogs #errorDialog  {
    margin-left: 0px;
}

#wbs_dialogs .oddRow {
	background-color: #FFFFFF;
}

#wbs_dialogs .evenRow {
	background-color: #EDF5FF;
}

#wbs_dialogs .projectDescriptionEntry {
	cursor: pointer;
}

#wbs_dialogs .projectDescriptionEntry:hover {
	background-color: #BAD9FF;
}

#wbs_dialogs a,
#wbs_dialogs a:visited {
    color: #003366;
}

#wbs_dialogs a:hover {
	text-decoration: underline;
}

#wbs_dialogs .bd div {
	padding-left: 5px;
	padding-right: 5px;
}

#wbs_dialogs .grid_15 {
    padding: 5px;	
}

#wbs_dialogs .treeElement .project_name {
	color: #990000;
	font-weight: bolder;
}

#wbs_dialogs .projectInfo {
	height: 100px;
	padding-top: 20px;
	font-weight: bold;
	border: 1px solid #BBBBBB;
	overflow: auto;
	text-align: center;
}

#wbs_dialogs #applyToAllItemsDialog,
#wbs_dialogs #errorDialog {
	width: 560px;
}

#wbs_dialogs #projectTreeContainer {
    padding: 10px;	
}

#wbs_dialogs #findProjectDialog {
    width: 680px;    
    min-height: 200px;
    text-align: left;
    background-color: #fff;
}

#wbs_dialogs #findProjectDialog #selectedProjectsDiv {
    border: 1px solid #999;	
    margin: 10px;
}

#wbs_dialogs #findProjectDialog #selectedProjectsDiv h2 {
    background: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -200px transparent;    	
    padding: 5px;
}

#wbs_dialogs #findProjectDialog #selectedProjectsDiv a {
    text-decoration: none;
    color: #003366;
}

#wbs_dialogs #findProjectDialog #selectedProjectsDiv .project_name {
    font-weight: bold;
    color: #990000;
}

#wbs_dialogs #findProjectDialog .projectSelectTable tr td {
    border: none;
    padding: 0px;   
}

#wbs_dialogs #findProjectDialog .projectSelectTable tr.evenRow {
	background-color: #F2F2F2;
}

#wbs_dialogs #findProjectDialog .projectInfo {
	padding: 5px;
	text-align: center;
	font-weight: bold;
	height: auto;
	border: none;
}

#wbs_dialogs #findProjectDialog .bd {
	background-color: #fff;
    min-height: 200px;	
}

#wbs_dialogs #findProjectDialog #projectSearchField {
    width: 60%;
}

#wbs_dialogs #projectSelectContainer {
    padding: 10px;  
}

#wbs_dialogs .projectSelect {
	height: 150px; border: 1px solid #BBBBBB; overflow: auto;
}

.ie7 #wbs_dialogs .projectSelect {
	height: 150px; border: 1px solid #BBBBBB; overflow-y: scroll; overflow-x: hidden;
}

#wbs_dialogs #directEntryDialog {
	width: 650px;   
    min-height: 120px;  
    padding: 5px; 	
}

#wbs_dialogs #directEntryDialog h2, 
#findProjectDialog h2 {
    padding-top: 10px;  
}

#wbs_dialogs #directEntryDialog .bd {
    min-height: 20px;       
}

#wbs_dialogs #chooseDialog {
    width: 450px;
}

#wbs_dialogs #chooseDialog .bd {
    min-height: 120px;
}

#wbs_dialogs li {
    list-style-type: none;
    padding: 5px 0 5px 0;
}

#wbs_dialogs #applyToAllItemsDialog {
	width: 380px;
}

#wbs_dialogs #applyToAllItemsDialog .bd {
	 min-height: 100px;
}

#wbs_dialogs #errorDialog {
    width: 450px;
    text-align: left;
    color: #000000;
}

#wbs_dialogs #errorDialog .bd {
	background-color: #fff;
    min-height: 75px;
    padding: 10px 0 10px 0;
}

#wbs_dialogs #errorDialog ul {
    list-style-type: none;
    padding: 5px 0 5px 0; 	
}

#wbs_dialogs #projectsDialog.cost_code_dialog {
	width: 800px;
}

#wbs_dialogs #projectsDialog.cost_code_dialog .bd div {
	margin-top: 10px;
	margin-left: 3px;
}

#wbs_dialogs #projectsDialog .project_allocation {
	width: 50px;
	text-align: right;
}

#wbs_dialogs #projectsDialog td {
	font-weight: normal;
}

#wbs_dialogs #projectsDialog a {
	font-weight: bold;
	text-decoration: none;
	margin-left: 30px;
	margin-right: 10px;
}

#wbs_dialogs #projectsDialog a:hover {
	text-decoration: underline;
}

#wbs_dialogs #projectsDialog span {
	padding-left: 0px;
}

/* End Styling for the wbs dialogs */

/* Styling for google maps dialogs */
#google_maps_dialog #map_canvas {
	height: 350px;
	position: relative;
}

#google_maps_dialog .resultsDiv {
	margin-top: 15px;
	height: 90px;
	overflow: auto;
}

#google_maps_dialog .resultElement {
    cursor: pointer;	
}

/* End styling for google maps dialogs */
.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_right_with_top_margin {
	text-align: right;
	margin-top: 15px;
}

.align_center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.white_on_blue {
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #003366;
}


.red_on_darkblue {
	color: #FF0000;
	background-color: #06275d;
}

.red_on_lightgrey {
	color: #FF0000;
    background-color: #F5F5F5;	
}

.red {
	color: #FF0000 !important;
}

.hidden {
	display: none;
}

.relative {
	position: relative;
}

.invisible {
	visibility: hidden;
}

.money {
	text-align: right;
}

.ISOcode {
	text-align: left;
}

#currencyCode, #perDiemCurrencyCode {
	text-align: left;
	width: 3em;
	border: 0;
	background-color: transparent;
	color: #4E6F9A;
	font-weight: bold;
}

#perDiemClaimItemTotal {
	text-align: right;
	background-color: white;
}

.currency {
	text-align: right;
}

h1,
h1 * {
	font-size: 28px;
	width: 100%;
	text-align: center;
}

.larger {
	font-size: larger;
	font-weight: bold;
}

.warning {
	color: #990000;
	font-weight: bolder;
}

.message {
	color: #003366;
}

.header .claim_number {
	font-size: 16px;
	font-weight: bold;
	background-color: #ECECF1;
	color: #000000;
	padding: 2px;
	border: 1px solid #989A99;
	text-align: right;
	width: 40px;
}

.white_box {
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px;
	border: 1px solid #989A99;
}

.ie input.white_box {
	padding-right: 8px;
}

.white_box input {
	border-width: 0px;
	width: 98%;
	font-size: 16px;
	padding: 0px;
}

.disabled,
.readonly,
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled] {
	background-color: #ECECF1;
	color: #000000;
	border: 1px solid #989A99;
}

input[type=submit][disabled],
input[type=reset][disabled],
input[type=button][disabled],
input[type=image][disabled],
button[disabled] {
	color: #ACA899;
}

input[type=submit][disabled]:hover,
input[type=reset][disabled]:hover,
input[type=button][disabled]:hover,
input[type=image][disabled]:hover,
button[disabled]:hover {
	color: #ACA899;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
	background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
	background: -o-linear-gradient(top,  #FFFFFF,  #CFCFCF);
}

.ie input[type=submit][disabled],
.ie input[type=reset][disabled],
.ie input[type=button][disabled],
.ie input[type=image][disabled] {
	background: url("../js/yui/2.9.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #F9F9F9;
}

input[type=submit][disabled]:active,
input[type=reset][disabled]:active,
input[type=button][disabled]:active,
input[type=image][disabled]:active,
button[disabled]:active {
	top: 0px;
}

.disabled.red,
.readonly.red,
input[disabled].red,
input[readonly].red,
textarea[disabled].red,
textarea[readonly].red {
    color: #FF0000;
}

input.chars_5 {
	width: 50px;
}

input.chars_7 {
    width: 70px;
}

input.chars_10 {
	width: 100px;
}

input[type=radio][readonly],
.ie input[type=radio][readonly] {
	background: transparent;
	border: none;
}

.fake_drop_down {
	background-color: #ECECF1;
	color: #000000;
	padding: 2px;
	border: 1px solid #989A99;
	width: 220px;
	min-height: 14px;
	margin-bottom: 2px;
}

.fake_drop_down.disabled {
	background-color: #ECECF1;
	border-width: 1px;
}
.ie7 input.fake_drop_down_button {
	margin-bottom: 1px;
}

.ie input.fake_drop_down_button {
	margin-left: -4px;
}

.ie9 input.fake_drop_down_button {
	padding-top: 1px;
}

.ie .fake_drop_down {
	width: 217px;
}

input.fake_drop_down_button {
	padding: 3px 3px;
	vertical-align: bottom;
	margin-left: -5px;
	height: 12px;
	margin-bottom: 2px;
}

/* iPad specific rules here */
@media only screen and (device-width: 768px)
{
	input.fake_drop_down_button {
		vertical-align: bottom;
		margin-left: -4px;
		height: 15px;
}
} /* End of iPad specific rules */


.box {
	padding: 4px 2px;
}

#payment_grid {
	position: relative;
	text-align: right;
}

#payment_grid {
	display: inline;
	float: left;
	text-align: right;
}

#payment_grid .text {
	width: 200px;
}

#payment_grid .amount {
	width: 200px;
}

#payment_grid .amount #payToClaimantAmount {
	width: 100px;
}

/* Setting the margin for the pages that are only iframes */
body.iframe,
body.iframe * {
	margin: 0px;
}

/**** itemform ****/

.itemform .container_24.body {
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 6px;
}

.itemform .codes_container {
	padding-top: 8px;
}

.itemform .container_24.body .project_code {
	padding-left: 10px;
}

.itemform h1 {
	text-align: left;
	padding-left: 0;
}

.itemform #journey_table td#country {
	width: 220px;
}

.itemform .room_cost_info input {
    margin-right: 15px;
}

.itemform .room_cost_info .ISO_code {
	color: #000000;
	padding-left: 10px;
	font-weight: bold;
}

.itemform #multipleDetailsInput {
	margin-right: 30px;
	width: 70px;
}

.itemform #recallJourneyButton {
	color: #006633;
	font-weight: bolder;
}

.itemform #storeJourneyButton {
	color: #ff0000;
	font-weight: bolder;
	padding: 2px;
	margin: 0px;
}

/* PEC CREC and TREC styling */
/* Generic *EC styling */
body.ec {
	overflow: hidden;
}

.ec .header,
.itemform .container_24.header {
	padding-bottom: 10px;
	max-height:100px;
}

.ec .header * {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ec .header .white_box {
	background-color: #ECECF1;
}

.print .white_box input{
	font-size: 12px;
	background-color: #FFFFFF;
	border-width: 0;
}

.ec .body {
	padding-bottom: 6px;
}

.ec .body .description_container {
	padding-top: 8px;
}

.ec .ec_toolbar,
.itemform .ec_toolbar {
   float: right;
	margin-left: 10px;
	margin-right: auto;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 5px;
	width: 180px;
	border-bottom-right-radius: 1px;
	border-bottom-left-radius: 1px;
}

/** Toolbar Icons **/
.ec_toolbar ul {
	list-style:none;
	text-align:center;
	margin:0 0 0 28px;
}

th .ec_toolbar ul {
	margin:0 0 0 13px;
	display: flex;
	text-align: left;
}

div .ec_toolbar {
	padding: 2px 0px 2px 0px;
	text-align: right;
	min-width: 100px;
	float:right;
}

div .ec_toolbar_wide {
	min-width: 150px;
}

div .ec_toolbar_narrow {
	min-width: 50px;
	padding: 0 20px 0 0;
}

.itemform .ec_toolbar ul {
    margin:0 0 0 40px;
}

.ec_toolbar ul li {
	float:left;
}

.ec_toolbar ul li a {
	display:block;
	width:20px;
	height:25px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:0 0px 0 17px;
	text-decoration: none;
	margin-top: 0px;
}
.ec_toolbar a {
	outline: 0px;
	cursor: pointer !important;
}
.ec_toolbar a#print {background:transparent url(../img/toolbar_icons/printer.png) no-repeat;}
.ec_toolbar a#attach {background:transparent url(../img/toolbar_icons/attach.png) no-repeat;}
.ec_toolbar a#attach_disabled {background:transparent url(../img/toolbar_icons/attach_disabled.png) no-repeat; cursor: none}
.ec_toolbar a#attached {background:transparent url(../img/toolbar_icons/attached.png) no-repeat;}
.ec_toolbar a#policy {background:transparent url(../img/toolbar_icons/policy.png) no-repeat;}
.ec_toolbar a#help {background:transparent url(../img/toolbar_icons/help.png) no-repeat;}

.ec_toolbar a#print:hover {background:transparent url(../img/toolbar_icons/printer_hover.png) no-repeat;}
.ec_toolbar a#attach:hover {background:transparent url(../img/toolbar_icons/attach_hover.png) no-repeat;}
.ec_toolbar a#attached:hover {background:transparent url(../img/toolbar_icons/attached_hover.png) no-repeat;}
.ec_toolbar a#policy:hover {background:transparent url(../img/toolbar_icons/policy_hover.png) no-repeat;}
.ec_toolbar a#help:hover {background:transparent url(../img/toolbar_icons/help_hover.png) no-repeat;}
/** End Toolbar Icons **/

.ec .body #claimDescription {
	width: 600px;
}

.claim_footer_div_head {
	margin-top:5px;
}

.claim_footer_div_bottom {
	margin-top:5px;
	margin-bottom:5px;
}

.claim_footer_table {
	width:100%;
}


.claim_footer_td {
	width:50%;
}

.claim_footer_fields {
	display:inline-block;
	width:120px;
}


.toolbar_container {
	margin-left: 48px;
}

#mmenu.yui-button {
    background: none;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}

.ec #mmenu #mmenu-button {
	font-size: 13px;
	font-weight: bold;
	width: 216px;
	color:  #003366;
	background: #FFFFFF url("../img/claim_button/button_middle.gif") no-repeat right bottom;
	border: 0px solid;
	outline: 0px;
	margin-top: 0px;
}


#mmenu {
    font-size: 13px;
	font-weight: bold;
	width: 216px;
	color:  #003366;
    background: #FFFFFF url("../img/claim_button/button_middle.gif") no-repeat right bottom;
    border: 0px solid;
    outline: 0px;
    margin-top: 6px;
}

#mmenu:disabled {
	font-size: 13px;
	font-weight: bold;
	width: 216px;
	color: #ACA899;
	background: #FFFFFF url("../img/claim_button/button_middle.gif") no-repeat right bottom;
	border: 0px solid;
	outline: 0px;
	margin-top: 6px;
}

#mmenu.yui-button-active{
    position: relative;
    top: 1px;
}

.yui-skin-sam .yuimenu,
.yui-skin-sam .yuimenu .yuimenuitem {
	min-width: 214px;
}

.yuimenu li.yuimenuitem.outstanding > a {
	/*background-image: url("../js/yui/2.9.0/build/container/assets/warn16_1.gif");*/
	background-image: url("../img/error.png");
	background-repeat: no-repeat;
	background-position: 10px 3px;
	padding-left: 30px;
}


.yuimenu li.yuimenuitem.travel_report > a {
	background-image: url("../img/menu/atpi_fullsize.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 35px;
}


.yuimenu li.yuimenuitem.card_transaction > a {
	background-image: url("../img/menu/credit_card_green.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 35px;
}

.yuimenu li.yuimenuitem.outstanding > a {
	background-image: url("../img/menu/credit_card_green_warn.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 35px;
}

.yuimenu li.yuimenuitem.pre_pop > a {
	background-image: url("../img/menu/phone.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 35px;
}

.yuimenu li.yuimenuitem.delete_pre_pop > a {
	background-image: url("../pages/images/gallery_trashcan.png");
	background-repeat: no-repeat;
	background-position: center right;
	margin-right: 5px;
	
}

.yui-skin-sam .yuimenu .yuimenu,
.yui-skin-sam .yuimenu .yuimenu .yuimenuitem {
    margin: 0px;
    min-width: 100px;
}

.yui-skin-sam .yuimenu .yuimenu,
.yui-skin-sam .yuimenu .yuimenu .bd {
    background-color: transparent;
	margin-top: 3px;
    min-width: 100px;
}

.yui-skin-sam .yuimenu ul {
	padding: 0px;
}

.yui-skin-sam .yuimenu ul li a {
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.yui-skin-sam .yuimenuitemlabel {
	padding: 0px 16px 0px 12px;
	outline: 0;
}

.yui-skin-sam.ec .yui-module.yui-overlay.yuimenu {
	padding: 0px;
}

.ec.yui-skin-sam .yuimenu .bd {
	background-color: #EAEAEA;
	border-left: 1px solid #FFFFFF;
	border-top: 0px solid transparent;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.yui-skin-sam .yuimenuitem-hassubmenu {
    background-image: url("../img/menu/menuitem_submenuindicator.png");
}

.ec.yui-skin-sam .yuimenu .yui-menu-shadow {
}

.ec.yui-skin-sam .yuimenu .yuimenuitem {
	border-top: 1px solid #999999;
}

.ec.yui-skin-sam .yuimenu .yuimenuitem.first-of-type {
    border-top: 0px solid transparent;
}

.ec.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	/*background-color: #4D6F99;*/
}

.ec.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	/*color: #FFFFFF;*/
}

.ec .ec_table {
	background-color: #FFFFFF;
	min-height: 300px;
	border-bottom: 1px solid #465364;
}

.ec .ec_table table {
	background-color: #FFFFFF;
	width: 100%;
	
}

.ec .ec_table th {
	border-style: solid;
	border-width: 1px 0px;
	border-color: #000000;
}

.ec .ec_table td {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #E9E9E9;
}

.ec .ec_table th,
.ec .ec_table table td {
	padding: 2px 5px;
}

.tabular tr td.potentialDuplicate, .tabular tr td.potentialDuplicate span {
	color: #FF0000;
	font-weight: bold;
}

.tabular tr td.inPolicy, .tabular tr td.inPolicy span {
	color: #FF0000;
	font-weight: bolder;
}

.ec .ec_table table .receipt_outof_policy, .ec .ec_table table .receipt_outof_policy span {
	color: #FF0000;
	font-weight: bolder;
}

.ec .ec_table table .date_outof_policy, .ec .ec_table table .date_outof_policy span {
	color: #FF0000;
	font-weight: bolder;
}

.ec .ec_table table .homecurrency_outof_policy, .ec .ec_table table .homecurrency_outof_policy span {
	color: #FF0000;
	font-weight: bolder;
}

.ec .ec_table table .foreigncurrency_outof_policy, .ec .ec_table table .foreigncurrency_outof_policy span {
	color: #FF0000;
	font-weight: bolder;
}

.ec .ec_table table .journey_distance_overriden, .ec .ec_table table .journey_distance_overriden span {
    color: #FF0000;
    font-weight: bolder;
}

.ec .ec_table table .radiopromo_outof_policy, .ec .ec_table table .radiopromo_outof_policy span {
    color: #FF0000;
    font-weight: bolder;
}

.ec .ec_summary {
	margin-left: 0px;
	width: 764px;
	padding: 2px 11px;
	display: inline;
	float: left;
	margin-right: 0px;
	margin-bottom: 3px;
}

.ec .ec_summary .title {
	font-size: 14px;
}

.ec .ec_summary .white_box {
	font-size: 90%;
	color: #003366;
	background-color: #ECECF1;
	font-size: 14px;
}

.ec .ec_summary .currency_label {
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.ec .customer_logo {
	text-align: right;
	height: 60px;
}

.ec .ec_table table th.sorted {

	cursor: pointer;
	background-color: #FFFFFF;
	color: #000000;	
}

.ec .ec_table table .sorted.sortedby {
	background-color: #F1F1F1;
}

.ec .ec_table table th a,
.ec .ec_table table th a:visited,
.ec .ec_table table th a:hover {
	text-decoration: none;
	color: #000000;
	padding-right: 5px;
}

.ec .ec_table table th a:hover {
    text-decoration: underline;
}

.ec .ec_table table th.sorted a,
.ec .ec_table table th.sorted a:visited,
.ec .ec_table table th.sorted a:hover {
    padding-right: 10px;
	background-image: url('../img/sort.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

.ec .container_24.footer {
	padding-bottom: 7px;
	padding-top: 0px;
}

.item_footer{
	background-color: #F2F2F2;
	border-top: 1px solid #808080;
	margin-top: 10px;
}



/* Trip */
.trip .header {
	color: #000000;
	border-bottom: 1px solid #A09F54;
	background-color: #CECDA2;
}

.trip.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	background-color: #CECDA2;
}

.trip.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	color: #000000;
}

.header_background.trip {
	background-color: #CECDA2;
	color: #000000;
}

.trip .body {
	background-color: #B9B879;
}

.trip .ec_toolbar {
	background-color: #A09F54;
}

.trip .ec_summary{
	background-color: #B9B879;
}

.trip .section {
	background-color: #FFFFFF;
}

.trip h2 {
	margin-top: 5px;
}

.trip #currency #currency_table_container table th {
	background-color: #CECDA2;
	padding: 2px 3px;
	border: 1px solid #B9B879;
}

.trip #currency #currency_table_container table td {
	padding: 2px 3px;
	border: 1px solid #B9B879;
	border-top-width: 0px;
}

.trip #currency #currency_table_container table tr.selected {
	background-color: #F4F3F5;
}

/* TREC */
body.trec.itemform .header {
	background-color: #CECDA2;
	margin-top: 0px;
}

body.trec.itemform{
	background-color: #FFFFFF;
}

.trec .header {
	color: #000000;
	border-bottom: 2px solid #A09F54;
	background-color: #CECDA2;
}

.trec.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	background-color: #CECDA2;
}

.trec.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	color: #000000;
}

.trec .body {
	background-color: #B9B879;
}

.trec .ec_summary {
	background-color: #B9B879;
}

.trec .ec_toolbar {
	background-color: #A09F54;
}

/* Fuel Contrib */
body.fuel_contrib.itemform .header,
.header_background.fuel_contrib {
	margin-top: 0px;
}

body.fuel_contrib.itemform{
	background-color: #FFFFFF;
}

.fuel_contrib .header,
.fuel_contrib .footer {
	color: #FFFFFF;
	background-color: #669999;
}
.fuel_contrib .header {
	border-bottom: 1px solid #406060;
}

.fuel_contrib.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	background-color: #669999;
}

.fuel_contrib.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	color: #FFFFFF;
}

.fuel_contrib .body {
	background-color: #BED3D3;
}

.fuel_contrib .ec_summary {
	background-color: #BED3D3;
	color: #000000;
}

.fuel_contrib .ec_toolbar {
	background-color: #89B0B0;
}

.fuel_contrib .ec_summary input {
	width: 90px;
	margin-right: 10px;
	text-align: right;
}
/* PEC */

body.pec.itemform .header {
	margin-top: 0px;
}

.pec .header,
.pec .footer,
.header_background.pec {
	background-color: #4D6F99;
	color: #FFFFFF;
}
.pec .header {
	border-bottom: 1px solid #808080;
}

.pec.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	/*background-color: #4D6F99;*/
}

.pec.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	/*color: #FFFFFF;*/
}

.pec .body {
	background-color: #C6CED7;
	color: #003366;
}

.pec .ec_summary {
	background-color: #C6CED7;
	color: #003366;
}

.pec .ec_toolbar {
	background-color: #7D95B2;
}

/* TR */

.tr .header,
.tr .footer,
.header_background.tr {
	background-color: #4D6F99;
	color: #FFFFFF;
}
.tr .header {
	border-bottom: 1px solid #808080;
}

.tr.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	/*background-color: #4D6F99;*/
}

.tr.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	/*color: #FFFFFF;*/
}

.tr .body {
	background-color: #C6CED7;
	color: #003366;
}

.tr .ec_summary {
	background-color: #C6CED7;
	color: #003366;
}

.tr .ec_toolbar {
	background-color: #7D95B2;
}


.ec #contrib_deduction_warning {
	background-color: #FFFFFF;
}

.ec #contrib_deduction_warning {
	background-color: #FFFFFF;
}

.ec #contrib_deduction_warning table th,
.ec #contrib_deduction_warning table td
	{
	border: 1px solid #A6ADB5;
	border-right: 0px;
	border-left: 0px;
}

.ec td.money {
	color: #003366;
}

/* CREC */
body.crec.itemform .header {
	margin-top: 0px;
}

.crec .header,
.crec .footer,
.header_background.crec {
	background-color: #993366;
	color: #FFFFFF;
}

.crec.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	background-color: #993366;
}

.crec.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
	color: #FFFFFF;
}

.crec .body {
	background-color: #DC98BA;
	color: #000000;
}

.crec .body label {
	margin-left: 10px;
}

.crec .body #crecAdvanceFieldLabel,
.crec .body #crecDescriptionFieldLabel {
	min-width: 60px;
	display: inline-block;
	margin-left: 0px;
}

.crec .body #crecCurrency {
	width: 200px;
}



.crec .body .calendars {
	display: inline-block;
	padding-right: 30px; 
}

.crec .body .calendars input {
	padding-right: 2px;
}

.crec .body .calendars .calendar_container table {
	top: 0px;
}

.crec .body #crecAdvanceField {
	width: 100px;
}

.crec .ec_summary {
	background-color: #DC98BA;
	color: #000000;
}

.crec .ec_toolbar {
	background-color: #CC699B;
}

.wizard .footer div.align_left,
.crec .ec_summary .currency_label {
	text-align: left;
}

.crec .ec_summary .grid_7 {
	width: 235px;
	padding-left: 5px;
	padding-right: 5px;
}

.crec .ec_summary input {
	width: 90px;
}

.crec .ec_summary .cheque {
	color: #660000;
}


/* Card styling */
body.corporate_card.itemform .header {
	margin-top: 0px;
}

.corporate_card .header,
.corporate_card .footer,
.header_background.corporate_card {
	background-color: #CECDA2;
	color: #000000;
}

.corporate_card.yui-skin-sam .yuimenuitem.yuimenuitem-selected {
	background-color: #CECDA2;
}

.corporate_card.yui-skin-sam .yuimenuitem.yuimenuitem-selected .yuimenuitemlabel-selected {
    color: #FFFFFF;
}

.corporate_card .body {
	background-color: #E2E1C7;
	color: #000000;
}

.corporate_card .ec_summary {
	background-color: #E2E1C7;
}

.corporate_card .ec_toolbar {
	background-color: #D6D5B1;
}

.corporate_card .ec_summary .cell {
	display: inline;
    float: left;
    width: 183px;
}

.corporate_card .ec_summary input {
	width: 90px;
	text-align: right;
}

.corporate_card .body .card_status {
	color: #FF0000;
}

.corporate_card .reconciled {
	padding-top: 6px;
}

.reconciled span {
	font-size: 16px;
}

.ie7 .corporate_card .reconciled {
	padding-top: 4px;
}

/* This fixes the positioning of the calendar control on the CardClaimDetailsEntry.jsp
 page as the calendar is on the right hand side and disappears off the edge
if it is not reset */
#card_claim_details_entry #caldiv0 {
	right: 0px !important;
	left: auto !important;
}

#business_rules_admin_effective_date #caldiv0 {
	right: -190px !important;
	left: 100% !important;
	top: auto !important;
	float: left;
}

#exchange_rate_admin #caldiv0 {
	top: 0px !important;
}

.crec #caldiv1{
	left: auto !important;
	right: 10px;
}

.calOuterTable table {
	border: 1px solid #003366;
}

/* End of card styling. */

/************ Calendar control styling **************/
/* The calendar control embeds the icon in a table element, this needs to be inlined to get it to display alongside the input field.*/
.calendars .calendar_container {
	position: relative;
}

.calendars .calendar_container table {
	float: right;
	top: -4px;
	right: -30px;
	_margin-right: -55px;
	position: absolute;
}

.calendars .calOuterTable table td {
	border-width: 0px;
}

.calendars .calendar_container .calOuterTable, 
.calendars .calendar_container .calOuterTable table {
	float: none;
	position: relative;
	right: auto;
}

.calendar_container table td {
	padding: 0px;
	line-height: 0px;
	border-width: 0px;
}

.calendar_container table {
	margin-top: 3px;
}

body.admin .admin_bd .calendars .calendar_container input[type=text] {
	width:110px;
}

body.admin .admin_bd input[type="text"].date_width, .date_width {
	width: 90px;
}

.date_width_div {
	width: 95px;
}

.no_of_days {
	width: 65px;
}

/********** End Calendar *****************/
/* Classic cost centre prj code */
.cost_code_dialog table.code_table {
	border: 1px solid #EFEFEF;
}

.cost_code_dialog table.code_table th {
	background-color: #F2F2F2;
}

.cost_code_dialog table.code_table td {
	border-bottom: 1px solid #F2F2F2;
	padding: 1px 1px;
}

.cost_code_dialog table.code_table td input[type=text] {
	width: 40px;
	text-align: right;
}

/* Chunking control small */
.chunker_small {
	text-align: right;
	padding-top: 3px;
	position: relative;
}

.chunker_small .chunker {
	float: left;
	display: inline;
}

/* Item form styling */
body.itemform {
	overflow:hidden;
	color: #4E6F9A;
	background-color: #FAFAFB;
}
.itemform .container_24,
.report .container_24 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.container_24.item_footer,
.container_24.footer {
	padding-top: 7px;
	padding-bottom: 10px;
}

.grid_24.warning {
	padding-top: 10px;
	padding-bottom: 10px;	
}

.report .report_container {
	min-height: 300px;
}

.itemform ul {
	list-style-type: none;
}

.itemform .info_box {
	border: 1px solid #EFEFEF;
	background-color: #F9F9F9;
	padding: 0px 3px;
	color: #000000;
	font-weight: bold;
}

.itemform .info_box h2 {
	width: 100%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.itemform .info_box td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.itemform .info_box .breaker {
	border-top: 1px solid #C0C0C0;
}

.itemform .info_box .money_col {
	width: 25%;
}

.itemform td,
.itemform th {
	padding: 4px;
	font-weight: bold;
}

.itemform #buttons_section ul {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.itemform #buttons_section li div:first-child {
	background-image: url("../img/hotel_multiple_arrow.gif");
    background-repeat: no-repeat;
    background-position: 0px 5px; 
	padding-right: 4px;
	padding-left: 14px;
}

.itemform #buttons_section a, 
.itemform #buttons_section a:hover,
.itemform #buttons_section a:visited,
.itemform #buttons_section a:active {
    color: #194775;
    font-weight: bold;
}

.itemform #buttons_section > div {
	padding: 0px;
}

.itemform #buttons_section div:first-child {
	padding-top: 2px;
	padding-bottom: 2px;
}


.itemform #summary_table td,
.itemform #summary_table th {
	text-align: right;
}

.dialognewtravelreportpurpose {
	display: inline-block;
}

#exchangeRateLayer3 {
    position:relative;
    overflow: scroll;
}

.itemform .exchange_rate_box {
	color: #FFFFFF;
	border: 1px solid #6F9FCE;
	background-color: #006699;
	text-decoration: none;
	font-weight: bolder;
	padding: 2px;
	margin-left: 2px;	
	position:absolute; 
	top:-4px; 
	margin-top:5px !ie; /* ie has a bug relating to position:relative */
}

.itemform .exchange_rate_box:HOVER {
	border-color: #709FCE;
	background-color: #666699;
}

.itemform .exchange_rate_box:VISITED {
	color: #FFFFFF;
}

.radio_button {
	color: #000000;
	font-weight: normal;
}

.itemform #receiptTypeLayer2,
.taxiInfoImage {
	padding-left: 5px;
}

.itemform #receiptTypeLayer2 img,
.taxiInfoImage {
	position: relative;
	bottom: 4px;
}

#claimSelectionHeader {
	padding: 10px 0 10px 0;
}

/* Styles for pages that are tables */
.tabular .header {
	color: #003366;
	background-color: white;
}

.tabular .table_header {
	background-color: #06275D;
}

.tabular table {
	background-color: #FFFFFF;
}


.tabular table td,
.tabular table th {
	padding: 2px 8px 2px 2px;
	overflow: hidden;
	white-space: nowrap;
}

.tabular table th {
	color: #FFFFFF;
	background-color: #808080;
}

.tabular table th a {
	color: #FFFFFF;
	text-decoration: none;
}

.tabular table th a:VISITED {
	color: #FFFFFF;
}

.tabular table th a:HOVER {
	color: #FFFFFF;
}

.tabular tr .reference {
	color: #660000;
}

.tabular tr .type {
	color: #660000;
}

.tabular tr .name {
	color: #000000;
}

.tabular tr .description {
	color: #000000;
}

.tabular tr .value {
	color: #003366;
	text-align: right;
}

.tabular tr .date {
	color: #000000;
}

/* there may need to be different flavours of status */
.tabular tr .status {
	color: #FF0000;
}

.tabular .footer,
.report .footer,
.wizard .footer {
	background-color: #F9F9F9;
	border-top: 1px solid #C0C0C0;
}

.tabular td.description {
	width: 200px;
}

.tabular td.description div {
	width: 200px;
	overflow: hidden;
}

.ie7 .tabular td.description div {
	height: 1.3em;
}

.tabular #DialogHistoryClaim table td,
.tabular #DialogHistoryClaim .tabular table th {
    white-space: normal;
}


.description_cell {
	white-space: normal;
	width: 249px;
}


.description_div {
	height: 1.3em;
	overflow: hidden;
	width: 164px;
}

.reasonCol{
	width: 249px;
}

.open_or_delete {
	width: 85px;
	text-align:right;
}

.open_only {
	width: 85px;
	text-align:right;
}

.claim_description_div {
	height: 1.3em;
	overflow: hidden;
	width: 120px;
}

.claim_type_div {
	height: 1.3em;
	overflow: hidden;
	width: 90px;
}

.claim_reference_div {
	height: 1.3em;
	overflow: hidden;
	width: 100px;
}

.claim_date_div {
	height: 1.3em;
	overflow: hidden;
	width: 48px;
}

.claim_status_div {
	height: 1.3em;
	overflow: hidden;
	width: 90px;
}

.claim_ent_description_div {
	height: 1.3em;
	overflow: hidden;
	width: 100px;
}

.claim_actions_div {
	height: 1.3em;
	overflow: hidden;
	width: 20px;
}

.claim_claimant_div {
	height: 1.3em;
	overflow: hidden;
	width: 90px;
}

body.wizard {
	overflow: hidden;
}

.wizard .wizard_table {
	width: 100%;
}

.wizard .wizard_table td {
    vertical-align: middle;
    white-space: nowrap;
}

.wizard .wizard_table th {
    vertical-align: bottom;
    font-weight: bold;
    text-align: center;
}

.wizard .wizard_table td input {
	margin:3px 0px 3px;
	padding: 2px;
	width: 90px;
	text-align: right;
}

.wizard .wizard_table td input.three_digits {
	width: 30px;
}

.wizard .wizard_table .number_column,
.wizard .wizard_table .math_sign {
	width: 35px;
}

.wizard .wizard_table .wide_number_column {
	width: 60px;
}

.wizard .right_padding {
	padding-right: 5px;
}

.wizard .bottom_padding {
    padding-bottom: 5px;
}

.wizard tr.row_space {
	height: 30px;
}

.wizard .text_input_width {
	width: 137px;
}

.wizard .night_cell_width {
	width: 42px;
}

.wizard td.row_margin {
	padding-top: 10px;
}

.wizard .row_top_border {
	border-top: 1px solid #333333;
}

.wizard .footer div {
	text-align: right;
}

.wizard .auto_complete_list {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

.itemform .three_figures {
	width: 3.2ex;
}

.itemform .six_figures {
    width: 6.4ex;
}

.paddleft_10 {
	padding-left: 10px;
}

.wizard .three_digits,
.itemform .three_digits {
	width: 30px;
}

#entertainment_details.yui-button {
    background: none;
    background-color: transparent;
    margin: 10px 0px 20px 0px;
    padding: 0px;
    border: 0px solid;
}

#entertainment_details #entertainment_details_button {
    background: #FFFFFF url("../img/enter_wizard_button.gif") no-repeat right bottom;
    border: 0 solid;
    color: #003366;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    outline: 0 none;
    width: 205px; 
}


#entertainment_details.yui-button .first-child {
    border: 0px solid;
}

#entertainment_details.yui-button-hover #entertainment_details_button {
    color: #660000;
}


.report .header {
	border-bottom: 2px solid #465364;
    padding-bottom: 10px;
    padding-top: 10px;
}

.report .header h1 {
	text-align: left;
}

.report.bespoke .header h1 {
	text-align: center;
}

.report.bespoke h2 label {
	font-size: 130%;
}

.report .header .report_select {
	text-align: right;
	padding-top: 5px;
}

.report table th {
	color: #FFFFFF;
	background-color: #06275D;
}

.report table td.money {
	color: #003366;
}

.report table tfoot td.money {
	color: #000000;
	background-color: #F4F3F5;
	border: 1px solid #CCCCCC;
}

/* Force the calendars on the bespoke report page onto the page. */
.report.bespoke #caldiv0 {
	left: 590px !important;
    top: 230px !important;
}

.ie9 .report.bespoke #caldiv0 {
	top: 213px !important;
}

.report.bespoke #caldiv1 {
	left: 590px !important;
    top: 256px !important;
}

.ie9 .report.bespoke #caldiv1 {
	top: 237px !important;
}

/** Wizard **/
.wizard h1 {
    font-size: 24px;
	text-align: left;
}

.wizard .image_area {
	padding-top: 20px;
}

.wizard .container .section {
	padding: 6px 0px;
}

.wizard .form_area {
    min-height: 290px	
}

.wizard .header {
    padding: 15px;
    background-color: transparent;
}

.wizard .header .header_background {
	padding: 15px;
}

.wizard h2 {
	font-size: 18px;
}

.wizard .footer {
	padding: 15px 15px;
	text-align: right;
}

.wizard .container.footer {
	padding: 15px 0px;
}

.wizard #numberOfPeople,
.wizard #numberForeigners, 
.wizard #numberOfSpouses,
.wizard #numberAwayFromWork, 
.wizard #awayFromWorkMealsWithOthers, 
.wizard #numberUKEmployees,
.wizard #numberOverseasClients {
	width: 30px;
	text-align: right;
}

#numberOfSpouses,
#numberOfPeople,
#entertainmentPurposeAsYesNo,
#businessPurposeAsYesNo {
    width: 30px;	
}

.ent_summary_grid_left,
.ent_summary_grid_right,
.biz_summary_grid_left,
.biz_summary_grid_right {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;	
}

.ent_summary_grid_left {
    width: 340px;
    text-align: right;	
}

.ent_summary_grid_right {
    width: 400px;   
}

.biz_summary_grid_left {
    width: 300px;
    text-align: right;  
}

.biz_summary_grid_right {
    width: 440px;   
}

.wizard label[for=numberOfPeople], 
.wizard label[for=numberAwayFromWork], 
.wizard label[for=awayFromWorkMealsWithOthers], 
.wizard label[for=numberUKEmployees],
.wizard label[for=numberOverseasClients] {
	padding-left: 8px;
}

.wizard_multi_select_box {
    width: 185px;	
    padding: 0;
}

.wizard_multi_box_area {
	width: 185px;
}

.wizard_multi_buttons {
    width: 120px;
    padding: 0;
}

.wizard_multi_button {
    margin: 5px;	
}

.ent_summary .info_box {
	border: 0;
	padding: 5px;
}

.ent_summary .info_box label {
    font-weight: normal;
    color: #4E6F9A;	 
}

.container .section {
    /*border-bottom: 1px dotted #EFEFEF;*/
    padding: 2px 0px;
}

.formDiv {
	background-color: #ECECF1;
    border: 1px solid #989A99;
    color: #000000;
    min-height: 30px;
    font-weight: normal;
}

/********** Carbon **********/
#carbon_info {
	margin-top: 4px;
    font-family: arial;
    font-size: 11px;
    color: #000;
}

#calc_carbon a {
    text-decoration: underline;
    cursor: pointer;
    color: #006666;
}

#kgCarbon {
    width: 60px; 
    text-align: right;
    font-size: 11px;
}

/* EXP-1021 */
#exchangeRateLayer2 input {
  width: 120px;
}
	
/********** Analysis pages **********/
body.analysis {
	background-color: #FFFFFF;
}

.analysis .header {
	border-bottom-width: 0px;
	color: #FFFFFF;
}

.analysis table,
.analysis table tr,
.analysis table tr td,
.analysis table tr th{
	border: 1px solid #E9E8EE;
	background-color: #FFFFFF;
	color: #000000;
	padding: 1px 10px;
}

.analysis table tr th {
	border-bottom: 1px solid #00376F;
}

.analysis table tr .description,
.analysis table tr .code {
	color: #003366;
}

.analysis table tr th,
.analysis table tr th a,
.analysis table tr th a:visited {
	background-color: #E9E8EE;
	color: #003366;
	border-color: #E9E8EE;
	vertical-align: bottom;
}

.analysis table tr th.sortable {
	background-image: url('../img/sort.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

.analysis table tr .net,
.analysis table tr .recoverable_vat,
.analysis table tr .gross,
.analysis table tr .code {
	text-align: right;
}

.analysis table tr.refunds .net,
.analysis table tr.refunds .recoverable_vat,
.analysis table tr.refunds .gross {
	color: #FF0000;
}

.analysis table tr.footer_titles td {
	background-color: #E9E8EE;
	border-top: 3px solid #C0C0C0;
	border-bottom: 3px solid #C0C0C0;
	color: #003366;
	text-align: right;
}

.analysis table tr.totals td {
	color: #003366;
	font-weight: bolder;
	text-align: right;
}

.topPaddedDiv {
	padding-top: 5px;	
}

.copyright {
	font-size: small;
}

/* why is this here?*/
.ie7 input[type=button] {
	padding: 0 .25em;
	overflow: visible;
}

.ie7 input[type=submit] {
    padding: 0 .25em;
    overflow: visible;
}

.loading_panel, 
#submit_panel .bd {
	background-image: url("../img/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

#submit_panel.yui-module.yui-overlay {
	background-color: #F2F2F2;
}

#submit_panel.yui-module.yui-overlay .bd {
	width: 80px;
	height: 80px;
	min-height: 80px;
	min-width: 80px;
	background-color: #F2F2F2;
}

.loading_panel.initial_size {
	min-width: 80px;
	min-height: 80px;
}

.loading_iframe {
	position: absolute;
	left: -2000px;
}

.printonly {
	visibility: hidden;
}

/*** Tooltip settings ***/
table.codeHovers,
table.codeHovers tr,
table.codeHovers tr td {
	background-color: transparent !important;
	border-width: 0px;
}

#tooltip .bd,
.codeHovers .bd {
	min-height: 0px;
}

.ie7 #tooltip,
.ie7 .codeHovers {
	max-width: 300px;
}

#tooltip .bd li {
	margin-left: 20px; 
	display: list-item; 
	list-style-type: disc;
}

#tooltip .bd p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.yui-skin-sam .yui-tt .bd {
	background-color: #FFFCE0;
}

.tooltip_img {
	margin-left: 10px;
}

/*** End Tooltip settings ***/

.entertainmentSummaryAnalysisButton {
	position: absolute; 
	left: 195px;
	bottom: 0px;
}

.ie7 .entertainmentSummaryAnalysisButton {
	bottom: 6px;
}

/**** About Dialog Pages ****/

#about_dialog {
	width: 308px;
}

#about_dialog .hd {
	display: none;
}

#about_dialog .bd {
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
	padding-bottom: 10px;
   background-color: #FFFFFF;
   position: relative;
}

#about_dialog .bd * {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-family: Calibri, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
}

.ie7 #about_dialog .bd *,
.ie8 #about_dialog .bd * {
    font-size: 11px;
}


#about_dialog .bd h1 {
	font-size: 30px;
}

.ie7 #about_dialog .bd h1,
.ie8 #about_dialog .bd h1 {
	font-size: 25px;
}

#about_dialog .bd h2 {
    font-weight: normal;
    margin-bottom: 15px;
}

.grid_14 h1 {
	margin-top: 10px;
	position: absolute;
	left: 0px;
}

.admin_left h1 {
	margin-top: 2px;
	text-align: left;
}

.admin_right h2 {
	margin-top: 2px;
	text-align: right;
}

.report_left h1 {
	margin-top: 0px;
	text-align: left;
}

#about_dialog .bd .copyright {
	border-top: 1px solid #000000;
	padding-top: 5px;
	color: #676767;
	margin-bottom: 10px;
}

#about_dialog .bd .declaration {
    border: 1px solid #676767;
    padding: 5px;
    color: #676767;
    margin-bottom: 10px;
}

#about_dialog .ft {
	text-align: right;
	border: 0px;
	background-color: #FFFFFF;
}

a.calc_link:hover {
	cursor: pointer;
}

a.calc_link {
	text-decoration: underline;	
}

#calcPanel td {
	text-align: right;	
}

#calcPanel .hd {
	font-size: 14px;
	font-weight: normal;	
}

.allApprovers {
	color: #0000FF;
}

/**** End About Dialog Pages ****/

/**** Claim Item Images inline ****/

#images, #add_button {
    margin-left: 20px;
}
#images, #image_container {
    /**width:  876px;**/
    padding-top: 10px;
    margin-left: 20px;
}

#images, #claim_item_images li {
	 display: inline;
     list-style: none;
     border: 1px solid #ccc;
     min-height: 170px;
     float: left;
     padding: 8px;
     margin: 0 15px 15px 0;
     text-align: center;
     color: #000;
}

#images, .new_image_div {
	margin-left: 0px;
}

#images, #image_container .image_remove {
	padding-top: 5px;
	font-weight: none;
	text-align: right;
}

#images, #claim_item_images li:hover {
    background: #eee;
}

/**** End Claim Item Images inline ****/




/**** Image Gallery ***/

#gallery_dialog_c {
	left: 8px !important;
	top: 0px !important;
	z-index: 100 !important;
}

#gallery_dialog_mask {
    z-index: 99 !important;
}

#gallery_dialog {
    margin-bottom: 20px;
    top: 8px;
}


#gallery_dialog_container .ft {
    border-width: 0px;
}

.gallery_container {
	margin: 0px auto;
	padding-top: 15px;
    width:  876px;
    text-align: center;
}
.gallery li {
     display: inline;
     list-style: none;
     border: 1px solid #ccc;
     width: 190px;
     min-height: 250px;
     float: left;
     padding: 10px 5px;
     margin: 0 15px 15px 0;
     text-align: center;
 }
.gallery li:hover {
    background: #eee;
}
 
.gallery .description {
	padding-top: 2px;
}

.gallery .actions {
	float: right;
	padding-top: 5px;
}
.gallery .actions a {
	padding-right:2px; 
	text-decoration: none;
	border: none;
}
.gallery .actions img {
	border:none;
}


.rotate_zero {
    -ms-transform: rotate(0deg);
    /* for firefox, safari, chrome, etc. */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);/* For Opera*/
}
.ie7 .rotate_zero {
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.ie8 .rotate_zero {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0)';    
}

.rotate_ninety {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.ie7 .rotate_ninety {
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.ie8 .rotate_ninety {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
}

.rotate_one_eighty {
    -ms-transform: rotate(180deg);
    /* for firefox, safari, chrome, etc. */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);/* For Opera*/
}
.ie7 .rotate_one_eighty {
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.ie8 .rotate_one_eighty {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
}   


.rotate_two_seventy {
    -ms-transform: rotate(270deg);
    /* for firefox, safari, chrome, etc. */
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);/* For Opera*/
}
.ie7 .rotate_two_seventy {
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.ie8 .rotate_two_seventy {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
}

.inline_enlargement, .original_msg {
	width: 100%;
    position: absolute;
    bottom: 40px;
    text-align:center;
    color: #444;
}

.inline_enlargement, .inline_description {
    position: absolute; 
    bottom:10px;
}

.inline_light_box {
	padding:10px; 
	background:#fff;
}
.inline_image {
	max-width: 500px;
	max-height: 435px;
}

.ie8 .inline_image img {
    height: 90%;
}

.errorBox {
	color: #D8000C;
	font-weight: bold;
}


.attachmentIcon, .galleryIcon {
	background-image: url('../pages/images/file_logo_small.gif');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 180px;
	width: 180px;
}

.attachmentIcon {
	height: 150px;
	width: 150px;
}

.docIcon, .docxIcon {
	background-image: url('../pages/images/doc_logo_small.gif');
}

.xlsIcon, .xlsxIcon {
	background-image: url('../pages/images/xls_logo_small.gif');
}

.pdfIcon {
	background-image: url('../pages/images/pdf_logo_small.gif');
}

/**** End Image Gallery ****/


/**** Print Pages ****/
.print .ec_summary {
	font-size: 16px;
	text-align: right;
}

#loading {
	background-image: url("../img/loading.gif");
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 400px;
	margin-top: 100px;
	padding-top: 40px;
	font-size: x-large;
	color: #4E6F9A;
}

#barcode {
   display: none;
}

.radio_call_letters_autocomplete_container.yui-ac-container.yui-ac-container {
	width: 140px;
}


@media print {
	#hideprint,
	.noprint,
	#hide,
	.hide,
	.tooltip,
	input[type=button], 
	input[type=submit],
	imput[type=image],
	imput[type=reset],
	button {
		visibility: hidden;
	}
	
	.printonly {
		visibility: visible;
	}
	
	body {
		color: #000000;
	}
	
	/* Hide the calendar controls shouldn't 
	be more than 10 in a page. */
	#calicon_0,#calicon_1,#calicon_2,#calicon_3,#calicon_4,#calicon_5,#calicon_6,#calicon_7,
	#calicon_8,#calicon_9,#calicon_10,#caldiv0,#caldiv1,#caldiv2,#caldiv3,#caldiv4,#caldiv5,
	#caldiv6,#caldiv7,#caldiv8,#caldiv9,#caldiv10 {
		visibility: hidden !important;
	}
	
	/*The !important fields are to override the styling applied by the curvy box in IE */
	.white_box {
		border: 0px solid #000000 !important;
		border-bottom-width: 1px !important;
		zoom: 1;
	}
	
	/* Rule for IE using the curvy box to remove the lines it puts onto the fields */
	.white_box div {
		border-width: 0px !important;
	}
	
	#barcode {
	   display: block;
	}
	
    body.analysis .yui-panel-container, 
    .mask {
       display: none !important;
    }
	
	/* 
	   IE8 shrink to fit doesn't seem to work so setting the page to be printed at 65% of the original page size.
	   This fits onto a portrait printed A4 page (and will print ok on letter too).
	*/
	.ie8 body {
	   zoom: 65%;
	}
	
	#confirm_print {
	   display:none;
	}
	
}

#attendeeAutocompleteInput, div.attendeeAutocomplete input.yui-ac-input, .yui-skin-sam div.yui-ac div.attendeeAutocomplete input.yui-ac-input {
	position: static;
	width: 778px;
}

#addThirdPartyBtn button {
	width: 100px;
}

.yui-skin-sam div.attendeeContainer div.yui-ac {
	z-index: 1;
}

.yui-skin-sam .yui-dt-liner {
	font-weight:400;
	font-size:12px;
	font-family: Arial,Helvetica,Clean,Sans-Serif;
	color:#000000;
}

.logo-small.print {
	height: 34px;
	width: 150px;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#fuelContrib input[type="text"], #ratesByThreshold1 input[type="text"] {
	float: left;
	clear: left;
	width: auto;
}

div #exp_logo_claims {
	text-align: right;
	height:100px;
	float:left;
}

div #claims_header {
	vertical-align:  middle;
	text-align: center;
	height: 100px;
	margin-top: 30px;
}

div #claims_list_header h1 {
	text-align: left;
	margin-left: 10px;
}

div #claim_components_header {
	vertical-align:  middle;
	text-align: center;
	height: 100px;
	margin-top: 30px;
}

div #sub_logo {
	text-align: right;
	float:right;
	position: relative;
	z-index: 0;
}

div #sub_header {
	text-align: center;
	vertical-align: middle;
	height: 50px;
}

div #sub_header h1 {
	position:relative;
	top: -40px;
}

#dialog-transactions, #dialog-transactions-audit {
	padding: 0px;
}

#dialog-transactions .ft input, #dialog-transactions-audit .ft input,
#dialog-transactions select, #dialog-transactions-audit select,
#dialog-transactions label, #dialog-transactions-audit label,
#dialog-transactions input, #dialog-transactions-audit input,
#dialog-transactions th, #dialog-transactions-audit th,
#dialog-transactions td, #dialog-transactions-audit td,
#dialog-transactions span, #dialog-transactions-audit span,
.jquery-dialog-button span {
	font-size: 12px;
}

#dialog-transactions #transactions-search {
	width: 220px;}

#nameSearchField {
	width: 150px;
}

#timedout_btn {
	border: 0px;
	padding: 8px 10px 8px 10px;
	width: 25%;
	background: #006699;
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#006699));
	color: white;
	font-weight: bold;
	margin-top: 20px;
}

#back_button, #close_button {
	margin-top: 12px;
	width: 20%;
}

div.grid_4.align_right{
	margin-bottom: -3px;
}

.vertical-align-middle {
	vertical-align: middle;
}

#sso_login_btn {
    background: green;
    color: whitesmoke;
    font-weight: bold;
    width: 100%;
    padding: 7px 0px 7px 0px;
}

#sso_login_form {
	margin: 0;
}

#qr-code {
    display: inline;
}

img.qr-code {
    background-color: #FFFFFF;
    display: block;
    width: 80%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

input.qr-code {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.title {
    margin-top: 20px;
    font-size: 200%;
}

.no-title-bar .ui-dialog-titlebar {
    display: none;
}


.reduced_margins_no_top {
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 3px;
}

.reduced_margins {
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    margin-top: 2px;
}

.verification_status {
	text-align: right;
	font-size: 15px;
	color: #4ad21e;
	font-style: italic;
}

input.expensys_timepicker {
	width: 62px;
	background-color:white;
}

body.admin .admin_bd input.expensys_timepicker {
	width: 62px;
	background-color:white;
}

#allocated-projects-container p {
    font-weight: bold;
}

#allocated-projects-container .right {
    float: right;
}

#allocated-projects-container th {
    font-weight: bold;
    padding: 10px 0px 10px 10px;
}

#allocated-projects-container .small {
    width: 20%;
}

#allocated-projects-container .medium {
    width: 50%;
}

#allocated-projects-container .large {
    width: 70%;
}

#allocated-projects-container table {
    width: 100%;
}

.separator {
    border-bottom: solid thin;
}

#available-projects-container p {
    font-weight: bold;
}

#available-projects-table .right {
    float: right;
}

#available-projects-container .filter-text {
    margin-bottom: 10px;
}

.ui-datepicker-prev,.ui-datepicker-next {
	background-color: #ECECF1;
}

img.ui-datepicker-trigger {
	vertical-align: top;
	padding-left: 1px;
}

.ui-datepicker-close {
	visibility: hidden;
}

body.admin .ui-datepicker-calendar tr th,
body.report .ui-datepicker-calendar tr th,
body.dialog .ui-datepicker-calendar tr th {
	background-color: #FFFFFF;
	padding: 5px;
	width: 15%;
	color: #003366;
}

body.dialog .ui-datepicker-calendar td,
body.admin .ui-datepicker-calendar td
{
	border: 0;
	padding: 1px;
}


.FuelContribConfirmationData	{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align: baseline;
    text-align: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 0;
}

.FuelContribConfirmationTitles {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align: baseline;
    text-align: right;
    padding-right: 5px;
}

.FuelContribConfirmationTableTitles {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: small-caps;
    text-decoration: none;
    background-color: #E9E8EE;
    height: 12px;
    color: #000000;
    display: block;
    border: none;
    overflow: hidden;
    vertical-align: middle;
}

.FuelContribConfirmationTableData {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    height: 14px;
    color: #000000;
    display: block;
    border: none;
    overflow: hidden;
    vertical-align: middle;
}

#enterpriseLevelSelect {
	margin-top: 2px;
}

#travelAssociationSelectionLabel {
	background-color: #FFFFFF;
	border:0px;
}

#generate-bespoke-report-dialog .ui-dialog-title {
	color: #000000;
}

.Reports_Table_Data_Bold_Red {
	color: #FF0000;
	font-weight: bold;
	text-align: right;
}

.Reports_Table_Data_Blue {
    text-align: right;
}

.form_login_box {
	padding: 0px 10px 0px 10px;
	border: 1px solid #C6CED7;
}