html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, ul, ol, li, img, fieldset
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
}
body {background: url(../im/bg.gif) repeat-x top; font:70% Tahoma, Verdana, Arial; color:#3E5565;}
a {color:#3A5767;} a:hover {text-decoration:none; color:#DA012C}

#wrapper {background: url(../im/head-bg.gif) top left no-repeat; width:98%; margin:0 auto;}
#header {width:100%; height:60px; position:relative;} #header, #header a {color:#8F9EA3;}
#logo {position:absolute; top:23px;} #logo a {display:block; width:173px; height:39px; background:url(../im/logo.gif) no-repeat} #logo span {display:none;}
#title {width:100%; margin: 0 auto;text-align:center;font-size:160%}
#title_center {width:100%; margin: 0 auto;text-align:center;font-size:150%}
#title_right {position:absolute; text-align:left; right: 30px; top:1px}
#title_left {position:absolute; right: 20px; top:23px}
#login {width:490px; padding:5px; position:absolute; right:0; top:0; background: url(../im/loginbg.gif) no-repeat left bottom;}
#login form, #login form p {float:left; width:auto;}  #login form {width:370px;} #login form p {padding:0;}
#login p {float:right; width:110px; padding:5px 0 0 0} #login form p.check {padding:11px 6px 0 0;} #login form p.check input {float:left;} #login form p.check label {display:block; float:left; padding:2px 0 0 3px}
#login form span {display:block; background:url(../im/login-input.gif) no-repeat; width:110px; height:20px; padding:1px 6px 0 3px; margin:2px 0 0 0} #login form span input {width:104px; border:0; background:none; color:#8F9EA3; padding:0}
#login form input.submit {background:url(../im/login-submit.gif) no-repeat; width:38px; height:21px; border:0; color:#243745; font-size:100%; padding:0; cursor:pointer; margin-top:3px}
#login p a {background:url(../im/b1.gif) no-repeat left 3px; white-space: nowrap; padding:0 0 0 12px; display:block; float:left; clear:both; margin-bottom:4px; color:#fff;}

#welcome {position:absolute; right:0; top:0; width:490px; padding:0 0 0 10px; background: url(../im/welcome-bg.gif) repeat-x; color:#fff;}
#welcome span {float:left; padding:8px 0 0 0} #welcome span a {color:#03CDE1; font-weight:bold;}
#welcome p {float:right; width:23px; height:21px; background: url(../im/newmsg.gif) no-repeat; padding:9px 0 0 30px;}
#welcome p a {display:block; float:left; text-align:center; color:#fff; font-weight:bold;}
#welcome a.logout {float:right; padding:8px 5px 0 12px; display:block; background: url(../im/b1.gif) no-repeat left 12px;}

#menu {position:absolute; right:0; bottom:-1px;} html > body #menu {bottom:0;}
#menu li {float:left; height:31px; background:url(../im/menu-bg.gif) repeat-x; margin:0 5px 0 0; text-transform:uppercase; font-weight:bold; color:#fff;}
#menu li.sel {background:url(../im/menu-bg-sel.gif) repeat-x;}
#menu li a {display:block; float:left; background:url(../im/menu-left.gif) no-repeat left top; color:#fff; text-decoration:none; cursor:pointer}
#menu li span {display:block; float:left; background:url(../im/menu-right.gif) no-repeat right top; padding:9px 13px 0 13px; height:22px;}
#menu li.sel span {background:url(../im/menu-right-sel.gif) no-repeat right top;}
#menu li strong {display:block; float:left; background:url(../im/menu-left-sel.gif) no-repeat left top;}
#menu a:hover {color:#CFCFCF;}

#container {width: 100%; float: left; margin-right: -300px; margin-bottom:15px;}
#content {/*background: #f1f2ea;*/ margin-right: 20px; margin-top:1px}
#sidebar {/*background: #e5e7d3;*/ width: 300px; float: right; margin-top:20px;  margin-bottom:15px;}

.cloud {padding:10px 0 0 0; color:#ECECEC;}
.cloud span {color:#3E5565;} .cloud a {color:#DB002B;}
.f1 {font-size:120%;} .f2 {font-size:150%;} .f3 {font-size:180%;} .f4 {font-size:210%;} .f5 {font-size:240%;}
.thumb{display:block; width:80px; height:60px; background-repeat:no-repeat; background-position:center center; float:left; padding:10px;}
.thumb span {display:none;} .thumb:hover {background-color:#F6F6F6;}
.lastforums li {background:url(../im/b2.gif) no-repeat left 3px; padding:0 0 0 16px; margin:0 0 7px 0}

#mymenu {width:100%;} #mymenu li {float:left; width:139px; padding:2px 0 2px 0px;}
#mymenu a {width:112px; height:23px; padding:9px 0 0 25px; background:url(../im/button.jpg) no-repeat; display:block; color:#494949; font-weight:bold; text-decoration:none; float:right;}
#mymenu a:hover { background-position:0 -32px; color:#EC0030;}

#footer {width:100%;clear:both; height:24px; padding:12px 0 0 0; background: url(../im/footer-bg.jpg) repeat-x;color:#667079;}
#footer ul {float:left;} #footer span {float:right; padding:0 10px 0 0;}
#footer li {float:left; background:url(../im/b3.gif) no-repeat right 5px; padding:0 10px}
#footer li a {color:#092533; text-decoration:none} #footer li a:hover {color:#DA012C;}
#copy {width:100%; color:#9D9D9F; margin:5px 0 0 0; padding-bottom:10px}
#copy span {padding:0 0 0 10px;}

.b300 {float:left; width:100%; margin-bottom:10px;}

#legend p{ margin:0 0 3px 0} #legend p strong {display:block; float:left; padding:1px 10px 0 0}
#legend img {margin:0 5px 5px 0;}

#fastsearch label.imp {display:block; padding:0 0 2px 0; background:#2D4D5C; color:#fff; width:60px; padding:2px 5px;} #fastsearch select {width:280px; margin-bottom:10px; border:solid 1px #2D4D5C;}
#fastsearch input {border:solid 1px #2D4D5C; width:40px; margin:3px 0 0 0} #fastsearch p {float:left; padding:0 20px 0 0;}
#fastsearch input.submit {width:100px; height:22px; background:url(../im/searchbg.jpg) no-repeat; border:0; color:#fff; font-weight:bold; margin:10px 0 0 0; cursor:pointer}
#fastsearch a {background:url(../im/b2.gif) no-repeat left 3px; padding:0 0 0 12px}

table.info {background:#E2ECF6; font-size:120%; margin-bottom:10px; clear:both}
.topleft {background:url(../im/infotopleft.gif) no-repeat left top;}
.topright {background:url(../im/infotopright.gif) no-repeat right top;}
.bottomleft {background:url(../im/infobottomleft.gif) no-repeat left bottom;}
.bottomright {background:url(../im/infobottomright.gif) no-repeat right bottom;}
table .thumb {float:none;} table .thumb:hover {background-color:#fff;}
table.details {background:#E2ECF6; font-size:100%; margin-bottom:10px; clear:both}

.pager {float:left; width:100%; clear:both; font-size:110%}
.pager span {float:left; padding:6px 20px 0 0;} .pager span.go {padding-top:0;}
.pager a, .pager .go strong {display:block; border:solid 1px #E5E5E5; margin-right:5px; float:left; padding:5px 10px;}
.pager a:hover {background:#E5E5E5;} .pager .go strong {background:#E2ECF6; border:solid 1px #E2ECF6;}

a.add {display:block; background:url(../im/add2.jpg) no-repeat; width:100px; height:22px; padding:4px 0 0 10; color:#fff; text-indent:23px; font-size:100%; text-decoration:none; font-weight:normal; margin-bottom:10px;}
a.add:hover{background-position:0 -26px; color:#fff}
a.adddash {display:block; background:url(../im/adddash.jpg) no-repeat; width:100px; height:22px; padding:4px 0 0 5; color:#fff; text-indent:20px; font-size:100%; text-decoration:none; font-weight:normal; margin-bottom:10px;}
a.adddash:hover{background-position:0 -26px; color:#fff}
a.adddash2 {display:block; background:url(../im/add2.jpg) no-repeat; width:100px; height:22px; padding:4px 0 0 5; color:#fff; text-indent:20px; font-size:100%; text-decoration:none; font-weight:normal; margin-bottom:10px;}
a.adddash2:hover{background-position:0 -26px; color:#fff; font-style: italic;}

a.addElem {display:block; width:80px; height:18px; padding:4px 0 0 0; background:#9CBCCD; color:#E2ECF6; text-indent:12px; font-size:100%; text-decoration:none; font-weight:bold; margin-left:2px;float:left}

td.actions {line-height:20px;} td.actions a {padding: 0 0 0 13px}
td.actions a.delete {background:url(../im/delete.gif) no-repeat left 5px;}
td.actions a.money {background:url(../im/money.gif) no-repeat left 5px;}
td.actions a.fuel {background:url(../im/add.gif) no-repeat left 5px;}
td.actions a.reminder {background:url(../im/reminder.gif) no-repeat left 5px;}
td.actions a.icons {background:url(../im/icons.gif) no-repeat left 5px;}
td.actions a.analys {background:url(../im/analys.gif) no-repeat left 5px;}
td.actions a.edit {background:url(../im/edit.gif) no-repeat left 5px;}

.form div, .form p {float:left; width:100%; padding:5px 0; clear:both;}
.form label {display:block; float:left; width:280px; font-weight:bold; font-size:110%; padding:5px 0 0 0;}
.form input, .form textarea, .form select {border:solid 1px #2D4D5C;}
.form input.submit {width:100px; height:22px; background:url(../im/searchbg.jpg) no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer}
.form hr {clear:both; border: none; height:1px; background:#9CBCCD; color:#9CBCCD;}
.form h3, h3.t {font-size:140%; color:#9CBCCD; clear:both; padding-bottom:5px;}
.form div.pics {float:left; clear:none; width:300px;}
.form div.pics img {float:left; margin:0 10px 0 0; cursor:pointer; padding:2px; border:solid 1px #FDFDFD} .form div.pics img.checked {border:solid 1px #2D4D5C; background:#fff}
.form div.pics span {display:block; float:left; width:30px;}

h3.t {color:#294D5F; padding-top:10px; float:left; width:100%;}

/* NEW BOX */
.obox {float:left; width:100%;} html > body .obox {margin-bottom:10px;}
.obox h1 {background:url(../im/obox-h1-repeat.gif) repeat-x; width:100%; height:24px; color:#68767F; font-size:100%;}
.obox h1 strong {display:block; float:left; width:100%; background:url(../im/obox-h1-left.gif) no-repeat left top;}
.obox h1 strong span{display:block; float:left; width:100%; background:url(../im/obox-h1-right.gif) no-repeat right top; height:18px; text-indent:10px; padding-top:6px;}
.obox.oboxr {float: right;}

.obox .oboxbottom {float:left; width:100%; background:url(../im/obox-bottom-repeat.gif) repeat-x;}
.obox .oboxbottom strong {display:block; float:left; width:100%; background:url(../im/obox-bottom-left.gif) no-repeat left top;}
.obox .oboxbottom strong span {display:block; float:left; width:100%; background:url(../im/obox-bottom-right.gif) no-repeat right top; height:5px;}

.obox .oboxcontentleft {background:#FDFDFD url(../im/obox-content-left.gif) repeat-y left; width:100%; float:left;}
.obox .oboxcontent {background:url(../im/obox-content-right.gif) repeat-y right; padding:7px 1% 2px 1%; float:left; width:98%;}
#sidebar .obox .oboxcontent {padding-left:10px; padding-right:10px; width:280px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #18394A;
	background-color: #EFF7FF;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3 {font-size:100%; font-weight:normal;}
#tooltip h3, #tooltip div { margin: 0; }

.twoboxes .obox {width:49%;}

/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * GridFilters Styles
 **/
/*
.x-grid3-hd-row .ux-filtered-column {
	border-left:  1px solid #C7E3B4;
	border-right: 1px solid #C7E3B4;
}

.x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
	background-image: url(../im/header_bg.gif);
}

.ux-filtered-column .x-grid3-hd-btn {
	background-image: url(../im/hd-btn.gif);
}
*/
.x-grid3-hd-row td.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

.ux-filtered-column.sort-asc .x-grid3-sort-icon {
	background-image: url(../im/sort_filtered_asc.gif) !important;
}

.ux-filtered-column.sort-desc .x-grid3-sort-icon {
	background-image: url(../im/sort_filtered_desc.gif) !important;
}

.ux-gridfilter-text-icon {
	background-image: url(../im/find.png) !important;
}

/* Temporary Patch for Bug ??? */

.x-menu-list-item-indent .x-menu-item-icon {
	position: relative;
    top: 3px;
    left: 3px;
	margin-right: 10px;
}

li.x-menu-list-item-indent {
	padding-left:0px;
}
li.x-menu-list-item div {
	display: inline;
}

/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * RangeMenu Styles
 **/
.ux-rangemenu-gt {
	background-image: url(../im/greater_than.png) !important;
}

.ux-rangemenu-lt {
	background-image: url(../im/less_than.png) !important;
}

.ux-rangemenu-eq {
	background-image: url(../im/equals.png) !important;
}

/* GridLockingView */
.x-grid3-locked, .x-grid3-unlocked {
	overflow: hidden;
	position: absolute;
}

.x-grid3-locked {
	border-right: 1px solid #99BBE8;
}

.x-grid3-locked .x-grid3-scroller {
	overflow: hidden;
}

.x-grid3-locked .x-grid3-row {
	border-right: 0;
}

.x-grid3-scroll-spacer {
	height: 19px;
}

.x-grid3-unlocked .x-grid3-header-offset {
	padding-left: 0;
}

.x-grid3-unlocked .x-grid3-row {
	border-left: 0;
}

.x-grid3-locked .x-grid3-header-offset {
	padding-left: 0;
	color:orange;
}