/**********************************************************************************************************/
/* Reset
/**********************************************************************************************************/


/* * { margin: 0; padding: 0; } */

/* apply a natural box layout model to all elements */
/*
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,

del, dfn, em,  img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
 {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
*/

/* removes spinner from input type=number */
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/**********************************************************************************************************/
/* Main containers etc
/**********************************************************************************************************/
@font-face {
    font-family: "FEFont";
    src: url(https://dev.fileexpenses.com/securezone/fonts/NotoSans-Regular.ttf);
}
html, body {/* height:100px; */ }
body { /* overflow-x: hidden; */ } 
 body { background-position:center top; background-color: #ffffff; font-family: "FEFont", "LatoRegular", "Verdana", "Arial", "Georgia", "sans-serif"; font-size: 12px; }

#container_main { width:98%;  }

.vertical20 { height:20px; }
.vertical50 { height:50px; }
.vertical100 { height:100px; }
.vertical200 { height:200px; }

input[type="file"]{
    color: transparent;
}

/* Print breaks */

.print_break { page-break-before: always; }

.show_receipts_div {
	position: relative; 
}
.receipt_div {
	position: relative; 
    page-break-inside:avoid;
}
.receipt_caption { page-break-after:avoid; }

.print_receipt_div {  }
.receipt_image { max-width:100%; max-height:800px; }


::selection {
	color:#fff;background:#00a2d2; /* WebKit/Blink Browsers */
}
::-moz-selection {
  color:#fff;background:#00a2d2; /* Gecko Browsers */
}

-moz-selection{color:#fff;background:#00A651; }

 .frontbody {  background: url(https://www.fileexpenses.com/securezone/images/horizbg.jpg) top repeat-x;  }
 .innerbody {  background: url(https://www.fileexpenses.com/securezone/images/horizbg.jpg) top repeat-x;  }
 
 #public_content { min-height:450px; } 

#page-wrap {
	background: transparent;
	min-width: 780px;
	max-width: 1260px;
	margin: 0px auto;
	}
	#page-wrap #inside {
		margin: 0;
		padding-top: 0;
		padding-bottom:0;
	}
#container {min-height:100%; margin-bottom:-150px; position:relative;} /* sticky footer */
.clearfooter {height:150px; clear:both;}
.clear_both { clear:both;}
.float_left { float:left;}
.float_right { float:right;}
#header_container { max-width:950px; margin:0 auto;  text-align:center;} /* mainly to contain the header logo and nav within 950 */
#topstrip { height:17px; padding-top:3px; }	
#header { background: url(https://www.fileexpenses.com/securezone/images/panel/tab_b.png) repeat-x 0 0; top:0px; position:relative; height:127px; margin: 0 auto; font-family: "Verdana", "Arial", "sans-serif"; font-size: 12px; text-align:center;  border:0px solid black; z-index:9; }

ul.flags { position:absolute; list-style-type:none; top:16px; right:20px; z-index:999; }
ul.flags li{ display:inline; font-size:0.9em; color:#2c68b1; }
ul.flags li.current{ background-color:#eef; font-size:0.8em;  display:inline; }

form#togglesites { width:100%; left:50px; top:20px;  }

form#togglesites select#site_dest { left:50px; font-size:12px; height:25px; }


#band {text-align:left; color:#AEDFEE; font-weight:normal; font-size:12px; padding:3px 0px 6px 8px; text-shadow: 0px -1px 1px #20589A;}

.footer_col { float:left; }

#main_public { text-align:center;  max-width:950px; margin:0 auto; min-height:450px; font-size:12px; line-height:20px;  }

.left { text-align:left; }
.centered { text-align:center; }

.align_left { width:100%; text-align:left; }
.align_right { width:100%; text-align:right; }
.align_center { width:100%; text-align:center; } 

#innermain_left { float:left; max-width:240px; padding:5px; margin:0; text-align:left;  border:0px solid #f00; }


#client_content{ background-color:#fff; text-align:left; min-height:450px; border:0px solid #600; line-height:20px; padding:15px;  margin-left:250px; }

#noclient_content{ background-color:#fff; text-align:left; min-height:450px; border:0px solid #600; line-height:20px; padding:15px; }

#front_display { height:200px; max-width:950px; text-align:left;  }
#front_display_left { width:300px; float:left;border:1px solid #600;}
#front_display_right {  float:right;border:1px solid #0f0;}


#col_left {float:left; width:46%; text-align:left; padding:15px 15px 15px 0px; } 
#col_right {float:right; width:46%; text-align:left; padding:15px 15px 15px 0px; } 

#front_budgeting_text { margin-left:2px; margin-top:8px; padding-bottom:0px; font-size:11px; color:#efefef; border:0px solid #fff; }


.col_section { line-height:18px; margin-bottom:12px;}
.col_section_icon {  float:left; margin-right: -50px; width: 50px; } 
.col_section_content { float: left; padding-left: 50px; padding-top: 0; }

.clear { clear:both; }
.linebreak { height:1em; }

#bottom { position: relative; text-align:center;  height: 250px; padding: 15px 20px 0 20px; margin: 0 auto;	background: url('https://www.fileexpenses.com/securezone/images/footerbg.png') center top repeat-x;  clear:both; border:0px solid #f00; margin-top:25px; color:#555555;  }

#footerbox { position:relative; max-width:950px;  margin:5px auto; text-align:center; line-height:18px; font-size:12px; border:0px solid black; text-shadow: 0px 1px 1px #ddd;} 

#footer_col_1{ position:absolute; text-align:left; left:0px;  padding:25px; width:25%; border:0px solid black; }
#footer_col_2 {  position:absolute; text-align:left; left:240px; padding:25px;  width:25%; border:0px solid black; }
#footer_col_3{  position:absolute; text-align:left;  left:500px;padding:25px; width:25%; border:0px solid black; }
#footer_col_4{  float:right; right:0px; text-align:right; padding:25px; width:25%; border:0px solid black; }
ul.footer_links { list-style-position:inside; border:0px solid #000; }
ul.footer_links li{ list-style-type:none;}
ul.footer_links li a{  color:#2c68b1;}
#translatecontainer { position:relative; display:inline; margin:5px auto; text-align:right; width:100%; border:1px solid black;}

#baseline {  border-top:1px solid #bbbbbb;  background-color:#CDCDCD; margin:0 auto; height:40px; padding:0px; width:100%;  font-size:11px;  color:#333333; text-align:center;}
#secureimage { width:100%; text-align:right; position:relative; top:50px;right:0px; }

img.floatleft { float: left; }
img.floatright { float:right; }



#signup_container { padding:12px; margin-left: 260px; }
#signup_lefttext {  float:left;  padding:12px; width:200px; }
#signup_righttext {  float:right;  padding:12px; width:200px; }

.company_item_name {}
.company_item{}

/* error docs */
#user_info {background-color:#eef; border:1px dotted #ccc; padding:15px; }

#sales_tax_notice { width:100%; text-align:center; color:#333; font-size:13px; background-color:#eeeeff; }
#invoice_footer { margin-top:180px; margin-bottom:0px; width:100%; text-align:center; color:#333; font-size:11px; background-color:#eeeeff; }

/**********************************************************************************************************/
/* Simple Lightbox
/**********************************************************************************************************/
#underlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
}
#lightbox{
	display:none;
	position:absolute;
	top:100px;
	left:25%;
	width:50%;
	height:400px;
	background-color:#fff;
}

/**********************************************************************************************************/
/* Misc Unsorted
/**********************************************************************************************************/

.right {text-align:right;}

.semi-transparent{
  background:rgba(0,35,91,0.5);
}
.custom_fx {
	background-color:#ffc;
	color: #bb1c2f;
}

/**********************************************************************************************************/
/* Reports etc
/**********************************************************************************************************/

.status_orange { color:#FF9900; }
.status_pink { color:#906; }
.status_red { color:#ED1C24; }
.status_light_green { color:#34D482; }
.status_green { color:#0C9F54; }
/* .status_green { color:#00A651; } */
.status_blue { color:#2C68B1; }
.status_greyblue { color:#7DA7D9; }
 
/**********************************************************************************************************/
/* Info boxes etc
/**********************************************************************************************************/


.info, .success, .warning, .errorbox, .validation {
    border: 1px solid #B9C2EA;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
	width:80%;
}
.info {
    color: #00529B;
    background-color: #F4F6FF;
    background-image: url('https://www.fileexpenses.com/securezone/images/icons/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('https://www.fileexpenses.com/securezone/images/icons/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('https://www.fileexpenses.com/securezone/images/icons/warning.png');
}
.errorbox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('https://www.fileexpenses.com/securezone/images/icons/error.png');
}

#company_info { }

/**********************************************************************************************************/
/* Text etc
/**********************************************************************************************************/

.invisible { display:none; }

.darkbluetext, .dark_blue_text { color:#002d62; }
.lightbluetext, .light_blue_text { color:#00a2d2; }
.mediumbluetext, .medium_blue_text { color:#2c68b1; }

.green_text { color:#0ab21b; }
.red_text { color:#f7441e; }
.blue_text { color:#2C68B1; }

.orange_text { color:#FF9900; }

.boxshadow { background: none repeat scroll 0 0 #fff; border: 1px solid #AAAAAA; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); margin: 1.5em 0; padding: 1em 1.25em 0.75em; }

/* Modernizr */
.no-boxshadow .boxshadow { border-right: #8A8A8A 2px solid; border-bottom: #8A8A8A 2px solid; }

.smalltext, .small_text { font-size:9px; }
.largetext, .large_text { font-size:16px; }
.boldtext, .bold_text { font-weight:bold; }
.normaltext, .normal_text { font-weight:normal; }

.payslipservertext { width:100%; text-align:right; margin: 0 auto; border:0px solid black; font-weight:bold; font-size:13px; color:#00a2d2;  }
.toplink{ color:#00a2d2;}

p { margin:0 0 1em 0; }

p.sub_header { font-size:14px; font-weight:bold; color:#2c68b1; }
  
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

.textbox  { margin:0px; padding:15px;  font-weight:normal; font-style:normal; border:0px #C9C9C9 dashed; }
#bluebg { background:#E3EDF2; }
#pinkbg { background:#F4EBEC; }
#greenbg {background:#FFFCC7; }
.bluebg { background:#E3EDF2; }
.pinkbg { background:#F4EBEC; }
.greenbg {background:#FFFCC7; }

.bold { font-weight:bold; display:inline; }

sup {	font-size: 1.2em; font-family:"Arial"; vertical-align: baseline; position: relative; top: -0.4em;	}

ul.stdlist { list-style-position:inside; margin-bottom:20px;}
ul.stdlist li{ text-indent:3em; line-height:20px;}

/* Links */
a {	color: #3D75B4;	text-decoration: none; }
#front_text_container a { text-decoration: none; } 
#footerbox a { color:#4B537F; }

/* Headings */

h1.logo{ background: url(https://www.fileexpenses.com/securezone/images/logo_site.png) top left no-repeat; border:0px solid #0f0; margin:0; overflow: hidden;  }
h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{  display: block; width:400px; height:127px; text-indent: -100000px;}  
	
h2 { font-size: 23px; font-family:Verdana,serif; color: #3D75B4;}

h3 { font-size: 22px; font-family:Verdana,serif; color: #3D75B4; margin:0 0 0.5em 0;}
h3.mygallery {font-family:Verdana:}
h4 { font-size: 16px; font-family:Verdana,serif; color: #3D75B4; margin:0 0 0.5em 0; }

.public_h4 { display: block; line-height:22px; height:36px;  margin-top:18px; padding: 28px 0 0 60px; background: url("https://www.fileexpenses.com/securezone/images/icons/fe.png") no-repeat left top transparent;}

@media (max-width: 767px) {
	.public_h4 { margin-bottom:50px; }
}

h5 { font-size: 14px; font-family:Verdana,serif; color: #3D75B4;  margin:1em 0 1em 0;}

.pagetitle { font-family:Verdana,serif; color: #3D75B4; border-bottom: solid 1px #012E62; padding-bottom: 8px; background:url("https://www.fileexpenses.com/securezone/images/fe.png") no-repeat right; line-height:40px; margin-bottom: 25px; margin-top:10px; text-align:left;}

h1.pagetitle { font-size:24px; }

.sectiontitle { font-family:Arial,sans-serif; color: #3D75B4; border-bottom: solid 1px #3D75B4; padding-bottom: 8px; background:url("https://www.fileexpenses.com/securezone/images/fesmall.png") no-repeat right; line-height:20px; margin-bottom: 15px; text-align:left;}

/* Privacy policy and Ts & Cs */
.legal_defns {
    counter-reset: my-badass-counter;
}
.legal_defns dt {
    color: #3D75B4;
    position: relative;
    font: bold 24px;
    padding: 4px 0 10px 0;
    text-decoration:none;
}
.legal_defns dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0;
    top: 0;
    font: bold 24px/1 Sans-Serif;
}
.legal_defns dd {
    margin: 0 0 50px 0;
}   
.legal_defns dt, .legal_defns dd {
    padding-left: 50px;
}

.tab50px {
	display:inline-block;
	width:50px;
}
.div50px_left { display:block; padding-left:50px; }

#front_text_container { 	
	position:relative;
	width:912px;
	height:100px;
	border:2px solid #D6D6D6; 
	text-align:left;
	padding:20px;

	margin-top:28px;
	background-color:#efefef;
	background: #ffffff url("http://www.helmglobal.com/images/front_text_bfg.jpg") repeat-x;
	}
	#front_bens_container { 	
	position:relative;
	width:912px;
	height:150px;
	border:2px solid #D6D6D6; 
	text-align:left;
	padding:20px;

	margin-top:28px;
	background-color:#efefef;
	background: #ffffff url("http://www.helmglobal.com/images/front_text_bfg.jpg") repeat-x;
	}
#whatwedo { color:#000; position:absolute;  height:36px; width:157px; top:-20px; left:-5px; background:url("https://www.fileexpenses.com/securezone/images/whatwedo.png") no-repeat;}
#yourbenefits { color:#000; position:absolute;  height:36px; width:157px; top:-20px; left:-5px; background:url("https://www.fileexpenses.com/securezone/images/yourbenefits.png") no-repeat;}

.front_text { position:absolute; width:210px; padding-left:15px; color:#000; }
.front_text h5 { margin-top:8px; }

#front_bens { position:absolute; padding-left:15px; color:#000; }
.front_benefits h5 { margin-top:8px; }


#front_text1 { left:10px; float:left; }
#front_text2 { left:240px; float:left; }
#front_text3 { left:470px; float:right;  }
#front_text4{ left:700px; float:right;  }

#frontpic { margin-top:9px;}



ul.indented  {
    list-style-position: outside;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 20px;
	list-style: none;
}
ul.indented  li  {
	background-image: url("https://www.fileexpenses.com/securezone/images/bluebullet.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    margin-bottom: 0.5em;
    margin-left: 0px;
    padding-left: 15px;
    text-indent: 0;
}
ul.benefits  {
    list-style-position: outside;
    margin-bottom: 10px;
    margin-left: 00px;
    margin-top: 10px;
    padding-left: 0px;
	list-style: none;
}
ul.benefits  li  {
	background-image: url("https://www.fileexpenses.com/securezone/images/bluebullet.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    margin-bottom: 0.5em;
    margin-left: 0px;
    padding-left: 15px;
    text-indent: 0;
    text-align: left;
}
dl  {  margin:1em 0; }
dt { text-decoration:underline; margin:1em 0;}
dd {  }


.budget_result_red { color:#D1070F; font-weight:bold;  }
.budget_result_black { color:#000; font-weight:bold;  }
	
/**********************************************************************************************************/
/* Misc Effects and stuff CSS3
/**********************************************************************************************************/

.all-four-rounded-corners {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;	
-moz-border-radius: 10px;
border-radius: 10px;
}
.shadow {  -moz-box-shadow: 5px 5px 5px #ccc;  -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc; }

/**********************************************************************************************************/
/* Main Nav 
/**********************************************************************************************************/

.top_nav{right:0px; width:100%; text-align:right; margin-top:-39px;} 
.top_nav ul { margin:0; font-size:11px; font-weight:bold; padding-left:50px; padding-top:7px; list-style:none; }
.top_nav li {float:right; background:url(https://www.fileexpenses.com/securezone/images/navleft.png) no-repeat left top; margin-right:1px; padding:0 0 0 12px; border-bottom:1px solid #ccc; }
.top_nav a {float:right; display:block; background:url(https://www.fileexpenses.com/securezone/images/navright.png) no-repeat right top; padding-top:5px; padding-right:18px; padding-bottom:7px; padding-left:6px; text-decoration:none; color:#FFFFFF; }
.top_nav a:hover {color:#FFF;text-decoration:underline;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.top_nav a {float:none;}
/* End IE5-Mac hack */

.top_nav_dashboard { 
  background-image:
    linear-gradient(
      #58647A, #2a253c
    );
}

/**********************************************************************************************************/
/* Left Inner Nav
/**********************************************************************************************************/
h4.summary_analytics { line-height:28px; text-indent:30px; background-image: url(https://www.fileexpenses.com/securezone/images/fe_bullet.jpg); background-repeat:no-repeat;}
#leftholder {  border:0px solid red; position:relative; top:10px; margin:0 auto; padding:0px; z-index:12; height:410px;}
#left_analytics { border:0px solid green; font-family:Arial, Verdana, sans-serif; font-size:12px; list-style:none; } 
#left_analytics  li {color:#2c68b1; background:url("https://www.fileexpenses.com/securezone/images/nav_rollover.jpg") no-repeat; padding:5px 0px 5px 10px; }
#left_analytics li:hover { background-position:0 -30px; color:#004975; }
#left_analytics li:active { background-position:0 -60px; font-weight:bold; color:#ffffff; }

#left_analytics .item { left:0;  } 
#left_analytics .value { right:0; float:right; color:#000; padding-right:10px;} 

#chart_div { border:0px solid #000; text-align:center; position:relative; left:-10px;}

/****************************************************************************************************************/
/* Top Inner Nav  darkblue 002d62  mediumblue 2c68b1 lightblue 00a2d2
/****************************************************************************************************************/

ul.membersnav { border:0px solid #f00; margin-left:5px; margin-top:-2px; }

ul.membersnav #top { margin-top:-5px;background-color:#eeeeff; margin-left:0px;   border-bottom:0px solid gray;  margin-bottom:0px; text-align:left; 

}
ul.membersnav #top { 
}
/*
ul.membersnav li { font-size:12px; display:inline; text-align:center; background:none; margin:0; padding:4px 18px; line-height:26px; 
	-moz-border-radius: 5px; border-radius: 5px; }
*/


ul.membersnav li {  display:inline;  font-size:10px; text-align:center;  padding:4px 18px; line-height:22px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);}

ul.membersnav li.client_link {   background-color:#009ECD;   
-moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

ul.membersnav li.client_link a  {  color:#eeeeff;  } 
ul.membersnav li#client_link_header, ul.membersnav li#personal_link_header  { width:150px; background-color:#00A651;  }
ul.membersnav li#client_link_header a, ul.membersnav li#personal_link_header a  {  font-weight:bold; width:150px;  }




ul.membersnav li.personal_link { background-color:#9DE8C0;  }
ul.membersnav li.personal_link a  {}

ul.membersnav li.finance_link { background-color:#EFDAAE;  }
ul.membersnav li.finance_link a  {}

ul.membersnav li.approver_link { background-color:#EFDAAE;  }
ul.membersnav li.approver_link a  {  }

ul.membersnav li.submitter_link { background-color:#009ECD;  }


ul.membersnav li.submitter_link a  {  color:#eeeeff; }
ul.membersnav li#submitter_link_header  { width:150px; background-color:#00A651;  }
ul.membersnav li#submitter_link_header a  {  font-weight:bold; color:#eeeeff; width:200px; }

ul.membersnav li#toggle_admin_panel  { background-color:#00A651;  }
ul.membersnav li#toggle_submitter_panel  { background-color:#00A651;  }

ul.membersnav li.contractor_link { background-color:#FDC689; }

ul.membersnav li:hover { background-color:#15A1DE;  }
ul.membersnav li a:hover {  text-decoration:none; }

ul.membersnav li.nav_header {  background-color:#00A651; }
ul.membersnav li.nav_header a {  color:#eeeeff; }
/*
ul.membersnav li.link1 { width:150px;  }
ul.membersnav li.link2 { width:120px; }
ul.membersnav li.link3 { width:70px; }
ul.membersnav li.link4 { width:80px; }
ul.membersnav li.link5 { width:160px; }
ul.membersnav li.link6 { width:110px; }
ul.membersnav li.link7 { width:110px; }
*/

.page_top_link { background-color:#007FA5; color:#eeeeff; padding:3px 8px; -moz-border-radius: 3px; border-radius: 3px;}
.page_top_link_current { background-color:#7BA0CD; color:#eef; }
.page_top_link:hover {  color:#fff; text-decoration:none; }
.page_top_link:visited {  color:#ddd; text-decoration:none; }
.page_top_link:active  {  color:#ddd; text-decoration:none; }

.top_banner_link { background-color:#dadffb; padding:2px 8px; }

#nav2 { list-style:none; margin-bottom:15px; margin: 0; }
#nav2 li { display:inline; margin: 0; padding:3px 12px 3px 12px; background-color:#2c68b1; }
#nav2 li:hover { background-color:#2c68b1; }
#nav2 li a { color:#ffffff; font-weight:normal; font-size:11px; margin: 0; }
#nav2 li a:hover { color:#00a2d2; }

.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%;}

a.slidingbutton {  background: transparent url('https://www.fileexpenses.com/securezone/images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}

a.slidingbutton span { background: transparent url('https://www.fileexpenses.com/securezone/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;} 
a.slidingbutton:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}

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



/****************************************************************************************************************/
/* Front Page 
/****************************************************************************************************************/

/* more in css_front.css */

/* responsivd YT */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#banner { position:relative; margin:0px auto;  max-width:950px; height:100px; border:0px solid black; }
#bannermsg { line-height:15px; background: url(https://www.fileexpenses.com/securezone/images/frontbdoxbg2.png) no-repeat; position:absolute; height:245px; left:0px; border:0px solid black; margin:0 auto; width:265px; text-align:left; font-size:12px; padding:10px; font-family: "Verdana"; color:#ffffff; }

#frontfade { position:absolute; text-align:left; border:0px solid black; top:10px; left:320px; width:620px; height:235px; padding:5px; }

.borderedimage {float: left; text-align:left; margin: 0 0 10px 10px; padding: 2px; background-color:#ffffff;}
/* Inner Pages */

#banner_inner a {color:#fff; font-weight:bold; } 
#banner_left { line-height:15px; position:absolute; top:0px; left:0px; border:0px solid black; padding:20px; margin:10px; width:270px; border-style:none; font-size:12px; font-family: "Verdana"; color:#333333; }
#banner_right { position:absolute; top:12px; left:320px; width:620px;  padding:5px; border:0px solid black;}

.brightblue { color:#85DEFF; }

#frontsq {  margin:0px auto; padding:10px; width:100%; border:0px solid black; text-align:center; }

.frontbox { position:absolute; top:3px; height:225px; width:290px; padding:15px; margin-left:20px; text-align:left; background: url(https://www.fileexpenses.com/securezone/images/frontboxbg2.png) no-repeat; }
#frontbox1 { left:5px; }
#frontbox2 { left:313px; }
#frontbox3 { left:620px; margin-right:20px;}

.boxheading { font-size:22px; color:#006099; font-weight:bold; line-height:20px; text-shadow:2px 2px 5px rgba(0,0,0,0.1); padding-bottom:10px;}
.boxtext { line-height:17px; font-family:Arial; font-size:12px; display:inline;}

.rightbox { position:absolute; top:0px; height:200px; width:250px; padding:15px; border:0px solid black; text-align:left; background: url(https://www.fileexpenses.com/securezone/images/rightboxbg.png) no-repeat; }
#rightbox1 { top:20px; }
#rightbox2 { top:230px; }
#rightbox3 { top:444px; }
#rightbox4 { top:654px; }
#rightbox5 { top:864px; }

ul .centermain  { display: inline; list-style-type: none; }

.login-block {
	display:inline;
 float:left;
 margin:0 49px 25px 0;
 text-align:center;
 width:220px;
}

.login-block .active-form {
 border-color:#d09e6d;
}

.login-block form p {
 margin:0;
 text-align:left;
}

.login-block label {
 color:#7C6767;
 font-size:14px;
}

.login-block input[type="text"], .login-block input[type="password"] {
 border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 border-right:1px solid #CCCCCC;
 border-style:solid;
 border-width:1px;
 font-size:12px;
 margin:0 0 12px;
 padding:2px;
 width:120px;
}

.login-block a.button {
 text-decoration:none;
}

.login-block input[type="text"]:focus, .login-block input[type="password"]:focus {
 border-color:#555555;
}

#login_container { margin:0 auto; width:600px; text-align:right; }
.container2  { margin:0 auto; width:600px; text-align:center; }
.quoterollover a {

display:block;
width: 200px;
height:100px;
margin: 5px;
font: bold 11px Arial;
color:#ffffff;
line-height: 30px;
background: url("https://www.fileexpenses.com/securezone/images/200_rollover.png") -4px 0 no-repeat;
text-decoration: none;
}
.quoterollover a#quotefront {
position:absolute; 
left:18px;
top:135px;
}
.quoterollover a#quoteinner {
position:absolute; 
left:9px;
top:10px;
}
.quoterollover a:hover { 
background-position: -4px -100px;
color: #fbe201;
}
.quoterollover a:active {
background-position: -4px -100px;
color:#fff;
}

.morerollover a {
position:absolute; 

display:block;
width: 140px;
height:45px;
margin: 5px;
font: bold 11px Arial;
color:#ffffff;
line-height: 30px;
background: url("https://www.fileexpenses.com/securezone/images/morebtn.png") 0 0 no-repeat;
text-decoration: none;
}
#morefront.morerollover { position:absolute; left:10px; top:170px; margin:0px;}
#moreinner.morerollover { position:absolute; left:10px; top:142px; margin:0px;}

.morerollover a:hover { 
background-position: 0 -45px;
}
.morerollover a:active {
background-position: 0 -45px;
}
.callus {
position:absolute; 
left:10px;
top:170px;
display:block;
width: 185px;
height:45px;
margin: 5px;
font: bold 11px Arial;
color:#ffffff;
line-height: 30px;
background: url("https://www.fileexpenses.com/securezone/images/callus.png") 0 0 no-repeat;
text-decoration: none;
}
#callusinner.callus { position:absolute; left:27px; top:0px; margin:0px;}


#pdf_downloads
{
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom:20px;
}

#pdf_downloads li
{
padding-left: 10px;
padding-bottom:5px;
background-image: url(https://www.fileexpenses.com/securezone/images/icon_pddf_small.gif);
background-repeat: no-repeat;
background-position: 0 1.5em;
}

.boldheader {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	color: #245488;
}

#anytimebox {position:relative; left:50px; top:65px; width:100px; text-align:center;  padding:2px 2px 5px 2px;  background:url("https://www.fileexpenses.com/securezone/images/anytimebg.png") no-repeat; background-position:bottom;	 border:1px solid; border-left:#BDD7E8; border-top:#efefef; border-right:#002D62; border-bottom:#002D62;}
.anytimetext {   text-align:center; font-size:10px; padding-top:5px; font-weight:bold; border:0px solid #002D62; }
.anytimetext  a { color:#002D62; text-decoration:none; }
#anytime_img { text-align:center; }


#anytimebox:hover {
border:1px solid #BDD7E8; 
  filter:alpha(opacity=100)
  opacity:1;
}


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#allocated_expenses { display:none; }



/**********************************************************************************************************/
/* Pricing Page
/**********************************************************************************************************/

#personal_well { background-color:#F7E0C0; }
#professional_well { background-color:#F7BEBE; }
#enterprise_well { background-color:#B8F2B8; }
#corporate_well { background-color:#B1E4F9; }

/**********************************************************************************************************/
/* Expense Report
/**********************************************************************************************************/



/* Overlay */
#report-overlay { background-color:#000; cursor:wait;}

/* Container */

#report-full { min-width: 550px; }
#report-full:hover {  }
#report-full .report-loading {background: #fff url(https://www.fileexpenses.com/securezone/images/loading.gif) no-repeat; height:55px; margin:0px 0 0 190px; padding:0px 0; position:absolute; width:54px; z-index:8000;}

#report-full .report-content { text-align:left; padding: 8px; margin:2px; border:1px dotted #2c68b1; }

#print_icon { text-align:left;  border:0px dotted #2c68b1; }

#report-full .report-header { position:relative; margin-bottom:30px; line-height:18px; height:140px; }
#report-full .report-submitter { position:absolute; left:0px; }
#report-full #report-approver-wrap  { }
#report-full #report-approver-title {  text-align:right;}
#report-full .report-approver { float:right;  position:absolute; right:200px; height:88px;  text-align:right;}
#report-full .report-clientlogo { position:absolute; right:0px; text-align:right; }
#report-full .report-section { }
#report-full .report-section-header { padding:1px 6px; background-color:#2a507b; color:#ddddee; font-weight:bold; margin:24px 0px 24px; }
#report-full .report-section-body {  padding:12px 2px;  margin-top:0px; margin-left:0px;  width:100%;  }

#report-full .report_notes {  border:1px dotted #2c68b1; padding:8px; margin-bottom:8px; width:98%; line-height:15px; }

#report-full .report-column2 { position:absolute; left:250px;}
#report-full .report-column3{ position:absolute; left:500px; }
#report-full label { font-weight:bold; }


#report-full h3{  font-size:18px; color:#2c68b1; }

#report-full .report-top {  background-color:#fff; padding: 4px 8px 3px 10px; text-align:left; width:718px; color:#0354A0; font-size:10px; }

#report-full .report-bottom a {  font-size:14px; }

#report-full table{ width:100%; border-collapse:collapse;}
#report-full thead tr{ }
#report-full thead th{ background-color: #429DB8; text-align:center; font-size:12px; padding:4px; border:1px solid #429DB8; border-left: 1px solid #429DB8; }
#report-full thead th.left{ text-align: left; }	
#report-full thead th.center{ text-align: center; }	
#report-full thead th.right{ text-align: right; }	

#report-full td.smalltext{ font-size:9px; }	

#report-full tr {  }
#report-full tr:hover{ background-color:#eeeeff; }
#report-full td { font-size:12px; padding:4px; border:1px solid #ddd; color:#002D62; }

#report-full table .thead { background-color:#2a507b; color:#eeeeee; font-weight:bold; }
#report-full table .tbody{ background-color:#eeeeee; margin:2px; }

#report-full td.total_row { border-top: #ccc double; font-weight:bold; }

#report-full textarea#report_justification,  textarea#report_comment { width:700px; height:100px; }

#invoice-content { text-align:left; padding: 8px; margin:2px; border:1px dotted #2c68b1; }
#invoice-header { position:relative; margin-bottom:30px; line-height:18px; height:300px; overflow: auto;}
#invoice { width:100%; text-align:center; font-weight:bold; font-size:18px; color: #2c68b1;}
#invoice-info { border:0px dotted #2c68b1; float:right; padding:12px; text-align:left; }
#invoice-client { float:left; border:0px dotted #2c68b1; padding:12px; min-width:300px;}

#invoice-notes { margin-top:12px;  max-width:300px; float:left; text-align:left; }
#invoice-totals {  margin-top:12px; text-align:right; padding:12px; border:1px dotted #ddd; width:300px; float:right;}
#invoice-footer {  width:100%; padding:12px; text-align:center; font-size:1.4em; font-weight:bold; color:#2c68b1;}

table#invoice-totals {  }
table#invoice-totals td{ padding:3px; }
table#invoice-totals td.noborder{ padding:3px; }

ul.links li { list-style-type: none; text-indent:-26px; }

#button_query {  }


/**********************************************************************************************************/
/* Tables
/**********************************************************************************************************/


table.data {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: #fff;
}

th.data {
	padding:4px;
	vertical-align:text-top;
	text-align: center;
	background-color: #11447A;
	color:#eeeeff;
	}
	
th.left { text-align: left; }
th.right { text-align: right; }

td.data { 
	/* background: url(https://www.fileexpenses.com/securezone/images/databg.png) top repeat-x; */
	padding:4px 6px 4px 4px;
	vertical-align:text-top;
	border-bottom: 1px solid #7EBEEC;
	background-color: #fff;
}
th a { color:#87D4F2; text-decoration:none; }
th a:hover { color:#eef; text-decoration:underline; }

/*
table.sortable th { text-decoration:underline; }
*/
td.table_footer { font-weight:bold; border-top:2px solid #7EBEEC; border-bottom:2px solid #f00; }

td.no_border { border:0;}
td.data_total { padding:4px 6px 4px 4px; background-color: #FFFFFF; border-bottom: 1px dotted #7EBEEC; border-top: 2px solid #7EBEEC;  font-weight:bold; } 

td.category { padding:4px 6px 4px 4px;
	vertical-align:text-top;
	border-bottom: 1px solid #777777;
	background-color: #dadffb;
	font-weight:bold;
	color:#2c68b1;
	}
td.bg1 { background-color: #ecf6f0; padding:2px; }
td.bg2 { background-color: #fffaef; padding:2px; }


td.mileage_log { 
	/* background: url(https://www.fileexpenses.com/securezone/images/databg.png) top repeat-x; */
	padding:2px 6px 2px 4px;
	vertical-align:text-top;
	border-bottom: 0px solid #7EBEEC;
	background-color: #fff;
}

tr.datarow:hover td{ background-color:#eeeeff;}

tr.clientadmin_row td { background-color:#dadffb; }
tr.approver_row td { background-color:#fffaef; }
tr.submitter_row td { background-color:#ecf6f0; }

tr.queried_row { background-color:#F5DDF6; }


td.left { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }
table.support
{ 

width: 100%;
background-color: #fafafa;
border: 0px #002D62 solid;
border-collapse: collapse;
border-spacing: 0px; }


th.support
{ 
padding:4px;
vertical-align:text-top;
padding:3px;
text-align: left;
background-color: #C5D4E1;
border-top: 1px #002D62 solid;
border-bottom: 1px #002D62 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


td.support
{ 
padding:4px;
vertical-align:text-top;
text-align: left;
border-bottom: 1px #002D62 solid;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
color: #404040;
vertical-align:text-top;
background-color: #efefef;
padding: 5px;
}
a.support { font-size:13px; }

td.data  select{
	width: 120px;
	}

table.tablesorter thead th { border-right:1px solid #777; }
table.tablesorter thead tr .header {
    background-image: url("https://www.fileexpenses.com/securezone/images/tablesorter/bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url("https://www.fileexpenses.com/securezone/images/tablesorter/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
    background-image: url("https://www.fileexpenses.com/securezone/images/tablesorter/desc.gif");
}
table.tablesorter thead tr .headerNoBg {
    background-image: none;
}
	
/**********************************************************************************************************/
/* Forms 
/**********************************************************************************************************/

#userform select { width:8cm; }

input.personal_budget { width:50px; text-align:right; border:1px solid #7EBEEC;}
input.personal_budget:hover { width:50px; text-align:right; }
input.bg1 { background-color: #ecf6f0;	}
input.bg2 { background-color: #fffaef;	}
#quote_form {}

#quote_form .forminput{ border:1px solid #07253e; width:10cm; color:#002D62; background-color:#C5D4E1; height:20px; font-size:12px; padding:1px;}
#quote_form .quoteforminput{ border:1px solid #07253e; width:10cm; color:#002D62; background-color:#C5D4E1; height:20px; font-size:12px; padding:1px;}

#quote_form .forminput:focus{background-color:#fff}

#quote_form .frontlogin{border:1px solid #80C0E5; color:#002D62; background-color:#C5D4E1; margin:4px 0 6px 6px; display:block; font-size:12px; float:left; padding:2px;}
#quote_form .frontlogin:focus{background-color:#fff}
#quote_form textarea { width:500px; height:350px; border:1px solid #07253e; background-color:#C5D4E1; font-size:12px; padding:1px;}

#quote_form textarea:focus{background-color:#fff}

#quote_form  submit{display:block; float:left; width:150px; height:30px;}

#formdiv { font-family: "Verdana", "Arial", "sans-serif"; font-size: 12px; margin:0 auto; text-align:right; width:100%; }

#loginform {  font-size:10px; border:0px solid black;}
#loginform  input.textentry{ font-size:10px; width:4cm; background-color:#002D62;  color:yellow; border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 border-right:1px solid #CCCCCC;
 border-style:solid;
 border-width:1px;
 font-size:10px;
 margin:0 0 10px;
 padding:2px;
 width:120px;}
	
#loginform  input.loginimg { vertical-align:top; border:0px solid black;}

#clientloginform  input.loginimage { vertical-align:top; border:1px solid black; position:absolute; top:10px; left:0px;} 

form#frontemail .input{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;font-weight:200;font-size:18px;width:300px; padding:1px;margin-top:2px;margin-right:6px;margin-bottom:16px;border:1px solid #e5e5e5;background:#fbfbfb;outline:none;-moz-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);-webkit-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);}
input{color:#555;}

select#addtoreport, input#create_blank_report_name, input#new_report, select#addtoinvoice, input#new_invoice, input.new_costcentre, input.new_dept {font-family:"Arial";font-weight:200;font-size:13px; padding:2px;margin-right:6px;margin-bottom:16px;border:1px solid #e5e5e5;background:#fbfbfb;outline:none;-moz-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);-webkit-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2); margin-top:10px; box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);}

 select#addtoreport, input#new_report, select#addtoinvoice, input#new_invoice { width:260px; }
input.new_costcentre, input.new_dept  { width:400px; }

input.new_costcentre#costcode,#deptcode { width:90px; }
input.new_costcentre#costname,#deptname  { width:200px; }

.button,.button-secondary,.submit input,input[type=button],input[type=submit]{border-color:#bbb;color:#464646;}
.button:hover,.button-secondary:hover,.submit input:hover,input[type=button]:hover,input[type=submit]:hover{color:#000;border-color:#666;}
.button,.submit input,.button-secondary{background:#f2f2f2;text-shadow:rgba(255,255,255,1) 0 1px 0;}
.button:active,.submit input:active,.button-secondary:active{background:#eee;}
input.button-primary,button.button-primary,a.button-primary{border-color:#298cba;font-weight:bold;color:#fff;background:#21759B;text-shadow:rgba(0,0,0,0.3) 0 -1px 0;}
input.button-primary:active,button.button-primary:active,a.button-primary:active{background:#21759b;color:#eaf2fa;}
input.button-primary:hover,button.button-primary:hover,a.button-primary:hover,a.button-primary:focus,a.button-primary:active{border-color:#13455b;color:#eaf2fa;}
.button-disabled,.button[disabled],.button:disabled,.button-secondary[disabled],.button-secondary:disabled,a.button.disabled{color:#aaa!important;border-color:#ddd!important;}
.button-primary-disabled,.button-primary[disabled],.button-primary:disabled{color:#9FD0D5!important;background:#298CBA!important;}
.button-primary-disabled,.button-primary[disabled],.button-primary:disabled{color:#9FD0D5!important;background:#298CBA!important;}

input.new_report { width:300px; }


/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/*
form legend { font-size:inherit; }
*/

form.expense-form  { max-width:700px; }
form.expense-form legend { font-size:14px; padding: 0 2px  font-weight: bold;}
form.expense-form label {  display:inline-block; vertical-align:top;}
form.expense-form fieldset ol {  margin: 0;  padding: 0;}
form.expense-form fieldset {  padding:10px;  padding:10px;  border:1px solid #C5D5DF; border-top:none;  margin-bottom: 10px;}
form.expense-form fieldset label { margin-left:10px;}
form.expense-form fieldset li { list-style: none;  padding: 5px;  margin: 0; }
form.expense-form fieldset fieldset {  background: transparent;  border:1px solid #C5D5DF; border-top:none; margin: 3px 0px 10px 0px;  padding-bottom:10px;}
form.expense-form fieldset fieldset  li {text-align:left; background: transparent; border:0px solid #C5D5DF;}

form.expense-form fieldset fieldset legend {  font-weight: bold;  padding: 0 0 5px;  font-weight: normal;}
form.expense-form fieldset fieldset #approver_fieldset { background-color:#eee; }
form.expense-form fieldset fieldset label {	border:0px solid #000; float:left;	width:182px; margin-left: 0px; display: inline-block;}
form.expense-form em {  font-weight: bold;  font-style: normal;  color: #f00;}
form.expense-form label {  width: 180px; /* Width of labels */}
form.expense-form input[type=text] { width:250px;}
form.expense-form select { width:254px; }
form.expense-form input#calInput1,#calInput2,#time1,#time2,#start,#finish, #hours, #rate  { width:58px; }
form.expense-form input#claim_amount {width:147px;}
form.expense-form input#vat {width:70px;}
form.expense-form input:focus, textarea:focus, select:focus{  color : #009; border : 1px solid #00a2d2;  background-color : #FFFFD5; /* border : 1px solid #990000;  background-color : #ffff99; */}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none; border-color:#00a2d2; box-shadow:0 0 2px #00a2d2; -moz-box-shadow:0 0 2px #00a2d2; -webkit-box-shadow:0 0 2px #00a2d2;}
form.expense-form input#claim_vendor, #claim_basis, #journey_reason { width:300px; }
form.expense-form fieldset textarea{ width:300px; height:100px;}
/* contractor add clients */
form.expense-form#clientform fieldset fieldset li { list-style: none;  padding: 5px;  margin: 0;  background: url(https://www.fileexpenses.com/securezone/images/expenses-divider.gif) left bottom repeat-x;}
form.expense-form#clientform  fieldset label{ width:130px; font-size:11px;  border:0px solid blue; text-align:left;  } 
form.expense-form#clientfor fieldset label.error { width:250px; font-size:11px;  border:0px solid red; text-align:left;  background-color:#ffc; } 
form.expense-form#clientform fieldset fieldset label.error { width:250px; font-size:11px;  border:0px solid blue; float:right; text-align:left;  background-color:#ffc;} 

form.expense-form select#currency_hourly{ width:82px; }
#euro_equiv {  }

form.expense-form textarea {  }
form.expense-form#register input{ width:250px; margin-bottom:8px; margin-top:8px; }

form#report-form  {  width:100%;}
form#report-form fieldset {width:100%;}

.allocation_form fieldset { padding:10px; width:48%;}
.allocation_form legend { }
.allocation_form input { font-family:"Arial";font-weight:200;font-size:13px; padding:2px;margin-right:6px;margin-bottom:16px;border:1px solid #e5e5e5;background:#fbfbfb;outline:none;-moz-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);-webkit-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2); margin-top:10px; box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);}

/*used for jquery validator eg on add submitters form*/
.formError, #card-errors { color: #bb1c2f; background-color:#ffc;}
.error { color: #bb1c2f; }

#add_to_report_error, #new_report_error, #approve_reports_form_error { color: #bb1c2f; background-color:#ffc; padding:6px; }

form.expense-form#horizform  { width:95%; max-width:100%;}
form.expense-form#horizform  fieldset { } 
form.expense-form#horizform  fieldset label { font-size:11px;  text-align:left;  } 

#horizform label {  margin:0; padding:0; }
#horizform label#max_value { width:50px;}

form.expense-form#horizform  fieldset label.journal {  width:150px; } 
form.expense-form#horizform  fieldset label.report_max {  } 
form.expense-form#horizform  fieldset label.mileage_scheme { width:250px;  } 
form.expense-form#horizform  fieldset label.subsistence_scheme { width:250px;  } 
form.expense-form#horizform  fieldset ol { border:0px solid green; display:inline; } 
form.expense-form#horizform  fieldset li { display:inline-block; background:none; } 
form.expense-form#horizform  fieldset li#max_value { width:100px; } 
form.expense-form#horizform  fieldset li#mileage { width:250px; } 
form.expense-form#horizform  fieldset li#subsistence { width:250px; } 
form.expense-form#horizform  fieldset li#submit { width:100px; } 
form.expense-form#horizform  input[type=text]{ width:70px; } 
form.expense-form#horizform  select{ width:250px; } 
form.expense-form#horizform select.journal { width:150px; margin-right:0px;} 
form.expense-form label.formError{ font-size:11px; width:auto; float:right; } 
form.expense-form label.error{font-size:11px; width:auto;} 


#dashboard { }

#expense_filters { background-color:#fffaef; color:#2c68b1; width:92%; border:1px dashed #2c68b1; margin:0 0 12px 0; padding:12px;}

/*used for jquery validator eg on subsistence*/
.form_error
{	
	margin:15px;
	padding:10px;
	border:1px dotted #6f9ff1;

	font-family: Verdana, Arial, sans-serif; 
	font-size: 1em;
	color: #bb1c2f;
}
.inline_block { display: inline-block; }
.expense_list { display: inline-block; text-align:center; width:168px; padding:12px 0; border:1px solid #00a2d2; background: url(https://www.fileexpenses.com/securezone/images/expense_icon_bg.png) center  no-repeat;	-moz-border-radius: 5px;
	border-radius: 5px;  -moz-box-shadow: 3px 3px 3px 3ccc;  -webkit-box-shadow: 3px 3px 3px #ccc;  box-shadow: 3px 3px 3px #ccc;}
.expense_list_arrow { display: inline-block; text-align:center; width:168px; padding:12px 0; border:1px solid #00a2d2; background: url(https://www.fileexpenses.com/securezone/images/expense_icon_bg_arrow.png) center  no-repeat;	-moz-border-radius: 5px;
	border-radius: 5px;  -moz-box-shadow: 3px 3px 3px 3ccc;  -webkit-box-shadow: 3px 3px 3px #ccc;  box-shadow: 3px 3px 3px #ccc;}
.expense_list:hover { background-color:#eef; -moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: nonec;}

input[type="horizform"]{
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #00a2d2;
	font-weight: 700;
	font-style: normal;
	border: 0;
	padding:4px 18px;
	cursor: pointer;
}
input[type="horizform"]:hover{
	background: #79a7f1;
}
input[type="submit"], input[type="submit"].submit_small, input[type="submit"].submit_expense, input[type="submit"].submit_expense{
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #87BDFB;
	font-weight: 700;
	font-style: normal;
	border: 0;
	padding:2px 12px;
	cursor: pointer;
}
input[type="submit"].warning {
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #EC971F;
	font-weight: 700;
	font-style: normal;
	border: 0;
	padding:2px 12px;
	cursor: pointer;
}
input[type="submit"].submit_budget{
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #dadffb;
	font-weight: 700;
	font-style: normal;
	border: 0;
	padding:1px 12px;
	cursor: pointer;
}

input[type="submit"]:hover.submit_small{
	background: #79a7f1;
}
input[type="submit"].submit_tiny{
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #00a2d2;
	font-weight: 700;
	font-size:9px;
	font-style: normal;
	border: 0;
	padding:1px 12px;
	cursor: pointer;
}
input[type="submit"]:hover.submit_tiny{
	background: #79a7f1;
}
.nobg { background: transparent; }

#newemailform {position:absolute; right:10px; top:5px; }


#newemailform fieldset { border:2px #ddd solid; background-color:#eee; height:65px; padding:10px 25px; -moz-border-radius: 5px; border-radius: 10px;}
#newemailform legend { background-color:#fff; }

#newemailform input[type="text"]  {   
	background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: "Helvetica Neue-Light","Helvetica Neue Light","Helvetica"; 
	color:#999;
	font-size: 14px;
    font-weight: 100;
    margin-bottom: 0px;
    margin-right: 6px;
    margin-top: 2px;
    outline: medium none;
    padding: 1px;
    width: 200px;
	}
#newemailform input:focus{outline:none; border-color:#00a2d2; box-shadow:0 0 2px #00a2d2; -moz-box-shadow:0 0 2px #00a2d2; -webkit-box-shadow:0 0 2px #00a2d2;}
	
#newemailform submit {}
form#filter_reports { margin:12px; }
form#filter_reports label { width:100px; padding:10px 0px 10px 24px; display:inline; }
form#filter_reports legend {}
form#filter_reports fieldset { padding:12px; width:700px; margin-bottom:12px;}

.rulesets_text_input { width:60px; text-align:right; }
.noborder{
    background: none repeat scroll 0 0 transparent;
    border: 0 solid transparent;

    outline: 0 solid transparent;
    padding: 0;
    position: absolute;
}

form#filter_reports { background-color:#eef; margin:0 0 4px 0; padding:5px;  }

/* Vendor suggest on vouched form */
.ui-autocomplete { list-style: none; border:1px solid #555; width:400px; }

ul.ui-autocomplete li.ui-menu-item:nth-child(odd) { background:#fff; }
ul.ui-autocomplete li.ui-menu-item:nth-child(even) { background:#eeeeef; }

ul.ui-autocomplete li.ui-menu-item:hover { background:#dff2bf; }
ul.ui-autocomplete li.ui-menu-item:active { background:#dff2bf; }
/*
input[type='text'].ui-autocomplete-loading {
    background: url('https://www.fileexpenses.com/securezone/images/ajax-loader_small.gif') no-repeat center center;
}
*/
/* fancybox display:none; forms */

#fancyform{ display:none; }

/* currency fx rate form */

#currModalExpenseDetails { background:#fff; width:90%; text-align:center; 
	border-radius:5px; padding:5px; margin-bottom:15px; }
#ecb_rate, #current_rate, .new_rate { color: #bb1c2f; background-color:#ffc;}

#div_ecb_rate { padding:4px; } 
#div_current_rate { padding:4px; background-color:#fcc; }
#div_new_rate { padding:4px; }


/**********************************************************************************************************/
/* Loading GIFs
/**********************************************************************************************************/
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align:center;
	z-index:1234;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.loading-bar {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px; /* half width of the spinner gif */
	margin-top: -150px; /* half height of the spinner gif */
	text-align:center;
	z-index:1234;
	overflow: auto;
	width: 400px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#nojs {
    background-color: #2c68b1; color: #fff; font-size: 1.2em; font-weight: bold;padding: 5px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 500000; }


/*
tooltipsy.js
*/
.bubbletooltip_tip
{
    padding: 10px;
    color: #fff;
    background-color: #002D62;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 10px #000;
    text-shadow: 0 0 3px #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.bubbletooltip_tip:after
{
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left-color: #000;
    top: -10px;
    right: 40px;
    z-index: -1;
}