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

html, body {
	margin:1pt;
	padding:0pt;
	width:100%;
	color:#4F5155;
	}

body {
	font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size:14px;
	line-height:1em;
	margin:1pt 0pt 0pt 1pt;
	text-align:left;
	font-weight:normal;
	}

html {
	font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:center;
	}

div, table, td, p, ul, li, span, a, i{
	font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size:13px;
	color:#4F5155;
	font-weight:normal;
	}

ul {
	margin-left:15px;
	padding-bottom:10px;
	}
/**
 * Lists and list icons
 * those icons are used on the land-pages
 */
ul {
	line-height:1.5em;
	list-style:none;
	}
li {
	paddin:0pt;
	margin:0pt;
	}
.list ul.sub {
	list-style:circle;
	}
.list ul li.expenses-new {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_new.png);
	}
.list ul li.expenses-search {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_search.png);
	}
.list ul li.expenses-to-approve {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_waiting_approval.png);
	}
.list ul li.expenses-reports {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_approved.png);
	}
.list ul li.users-new {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_addusers.png);
}
.list ul li.users-edit {
	margin-left:10px;
	list-style-image:url(http://www.leaptra.net/images/icons/_edit.gif);
}
.note {
	font-size:11px;
	color:#666666;
	}
.title{
	font-weight:bold;
}
/**
 * page layout
 */
body div.page-header{
 	clear:both;
 	/*position:relative;*/
  	border:0pt solid gray;
  	width:760px;
  	/*text-align:left; 	*/
   	}
div.content-wrapper{
  	border:0pt solid gray;
 	clear:left;
 	width:100%;
 	height:395px;
 	padding-top:5px;
 	}

div.content-wrapper div.left-collumn{
 	border:0px solid #E8FFC8;
 	float:left;
 	/*width:15%;*/
 	width:170px;
 	}
div.content-wrapper div.content{
 	border:0px solid red;
 	padding-left:10px;
 	padding-right:10px;
 	float:left;
 	width:575px;
	}
div.content-wrapper div.right-collumn{
 	border-right:0px solid navy;
 	float:left;
 	width:30%;
 	}
body div.page-footer{
 	border:0px solid red;
 	text-align:left;
 	clear:both;
 	padding-top:10px;
 	width:100%
 	}

a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
	text-decoration:none;
	}

/* menus */
body div.page-header div.top-menus {
	/*text-align:right;*/
	background:transparent url(http://www.leaptra.net/images/background.gif) no-repeat scroll left top;
	border:0px solid red;
	padding:0pt;
	height:75px;
	}

body div.page-header div.top-menus table.menus {
	border:0px solid green;
	height:75px;
	padding:0pt;
}
body div.page-header div.top-menus table.menus td {
	border:0px solid gray;
	padding-top:40px;
	font-weight:bold;
}
body div.page-header div.top-menus table.menus td a {
	color: white;
	text-decoration:none;
	border:0px solid green;
	font-weight:bold;
}
body div.page-header div.top-menus table.menus td<?php echo base_url();?> a:hover {
	color: white;
	text-decoration:none;
	font-weight:bold;
}
/**
 * page titles and content
 */
h1 {
	color: #444;
	background-color: transparent;
	font-size: 16px;
	font-weight: bold;
	margin: 24px 0 2px 0;
	padding: 5px 0 6px 0;
	}

div.content h2 {
	background-color:transparent;
	border-bottom:1px solid #D0D0D0;
	color:#444;
	font-size:16px;
	font-weight:bold;
	margin:10px 0pt 2px;
	padding:5px 0pt 6px;
	}

div.content p {
	margin:10px 20px 12px 0pt;
	font-weight:normal;
	}

code {
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
	}

/**
 * TABLE layout styles
 *
 */
table td.title {
	/*font-weight:bold;*/
	/*color:black;*/
	border-collapse:collapse;
	}
table.list tr.list :hover {
	background-color: #F7F7F7;
	}
table.list {
	border-collapse: collapse;
	border-color: white;
	border: 1px solid #D2C786;
	margin-top:5px;
	}

table td.list {
	padding:1px 0 1px 10px;
	vertical-align:top;
	background-color: #E9E3BE; /*#F1EFD8; */
	border: 1px solid #D2C786;
	}
table.msgbox {
	border-collapse: collapse;
	border-color: white;
	border: 1px solid #D2C786;
	margin-top:10px;
	width:250px;
	align:center;
	}
table.msgbox td.msgbox {
	padding:1px 0 1px 10px;
	vertical-align:top;
	background-color: #E9E3BE; /*#F1EFD8; */
	border: 1px solid #D2C786;
	height:50px;
	}
table.msgbox td.msgbox-header {
	/*background:transparent url(http://www.leaptra.net/images/headerbar_general_whitebg.gif) no-repeat scroll 100% 0pt;*/
	background-color: #D2C786;
	padding:3px 0 3px 10px;
	height:20px;
	}
table.list td lable{
	float:left;
	width:95%;
}
table.list td span.helper {
	background: transparent url(http://www.leaptra.net/images/icons/_helper.png) no-repeat scroll 100% 0pt;
	width:18px;
	border: 0px solid red;
	float:right;
	left:710px;
	position:absolute;
	height:18px;
	}
table.list td.list-header {
	/*headerbar_general_whitebg.gif*/
	/*background:#FFFFFF url(http://www.leaptra.net/images/headerbar_general_whitebg.gif) no-repeat scroll 100% 0pt;*/
	background-color: #D2C786;
	padding:3px 0 3px 10px;
	}

table.list td.list-footer {
	background-color: #E9E4B7;
	padding:3px 0 3px 10px;
	align:right;
	}

table.none td {
	padding:0pt;
	}

/* table list column width's */
div.content table.list td.category {
	width:25%;
	}
div.content table.list td.description {
	width:45%;
	}
div.content table.list td.vat {
	width:15%;
	}
div.content table.list td.cost {
	width:15%;
	}

/* content boxes */
div.content div.expenses-header{ /* not in use*/
	background-color: #E9E3BE;
	border: 1px solid #D2C786;
	padding:5px 0pt 5px 10px;
	margin:10px 0pt 0px 0pt;
	}

/*
* Style for the message/alert box (div:lable:input:div)
* not in use IE problems
*/
div.content div.msgbox {
	border-collapse: collapse;
	border: 1px solid #D2C786;
	background-color: #E9E3BE;
	width:250px;
	padding:10px;
	margin-left:100px;
	text-align: left;
	}
div.content div.msgbox lable {
	display:block;
	font-weight:normal;
	}
div.content div.msgbox input {
	margin-top:10px;
	}

/*
* Page footer
*/
body div.page-footer div.hr.wide {
	background:transparent url(http://www.leaptra.net/images/hr_wide_right.gif) no-repeat scroll right top;
	height:10px;
	position:relative;
	}
body div.page-footer div.hr.long {
	width:760px;
	}
body div.page-footer div.hr {
	/*margin:0pt auto 2px;*/
	}
body div.page-footer div.hr.wide div.bar {
	background:transparent url(http://www.leaptra.net/images/hr_wide_left.gif) no-repeat scroll left top;
	height:10px;
	padding-bottom:10px;
	position:relative;
	}

div.content .error-message p {
	color:red;
	}
/*
Oanda rates
*/
iframe.oanda-rates {
	border:0px solid red;
}
iframe.oanda-rates image { /* trying to remove the banner from oanda rates*/
	display:none;
}

/*
Style for the Letter Template
*/
body div.page-header div.letter-header, body div.page-footer div.letter-footer {
	text-align:center;
}
body div.page-header div.letter-header p, body div.page-header div.letter-header a {
	color: green;
}
body div.page-header div.letter-header p.title {
	font-size:15;
	font-weight:bold;
}

body div.page-footer div.content-footer p {
	color: green;
	font-size:11px;
	text-align:center;
}

/*
Forms :: fields styles
*/
input {
	color:#000000;
	font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size:10px;
	font-weight:normal;
	border:1px solid #8C8C8C;
	padding:2px;
}
select {
	color:#000000;
	font-family:Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size:10px;
	font-weight:normal;
	border:1px solid #8C8C8C;
	padding:2px;
}
/*buttons*/
input.button {
	background:#F0F0F0 none repeat scroll 0%;
	border-color:#E7E7E7 rgb(102, 102, 102) rgb(102, 102, 102) rgb(231, 231, 231);
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	width:120px;
}
input.right {
	margin-left:10px;
}
.list-footer #btnext {	/* no in use cause cause problems croos browsers */
	background: #F0F0F0 url(http://www.leaptra.net/images/icons/next_f2s.png) no-repeat scroll right top;*/
	font-weight: bold;
	padding-right: 20px;
}

/*left column calendar*/
table.list td#left-calendar table {
	width: 100%;
}
table.list td.list table.calendar td a {
	color: white;
	display: block;
	background-color: #C0C0C0;
	width: 100%;
	height: 20px;
}

table.list td.list table.calendar td a.request {
	color: white;
	display: block;
	background-color: #C0C0C0;
	width: 100%;
	height: 30px;
}