/* General Styles */

.mobile-dashboard  { display:none !important; }

body {
	background:url(../images/bg.png) repeat #0099CC;
	}

#container {
	min-height:100%;
	position:relative;
	}
	
#nav {
	margin-top:20px;
	}

#nav li.item {
	float:left;
	font-size:14px;
	height:20px;
	line-height:20px;
	margin-left:20px;
	}

#nav li.item a {
	padding:3px 0;
	
	padding:7px 10px;
	
	font-size:13px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-weight:normal;
	}

#nav li.text a {
	font-size:14px;
	}

#nav li.icon a {
	background:no-repeat 10px;
	padding-left:35px;
	
	background-color:rgba(255,255,255,0.04);
	box-shadow:-1px -1px 0 rgba(0,0,0,0.1);	
	}
	

#nav li.addreceipt a {
	background-image:url(../images/header_ico_addreceipt.png);
	}

#nav li.addpurchase a {
	background-image:url(../images/header_ico_addpurchase.png);
	}

#nav li.importsettings a {
	background-image:url(../images/header_ico_importSettings.png);
	}

#nav li.search a {
	background-image:url(../images/header_ico_search.png);
	}

#nav li.user a {
	background-image:url(../images/header_ico_user.png);
	}

#nav li a:hover {
	background-color:rgba(0,0,0,0.2);
	box-shadow:1px 1px 0 rgba(255,255,255,0.05);
	}
	
	


#main {
	background:url(../images/bg-light.png) repeat-x;	
	padding:40px 0;
	padding-bottom:90px;
	}



#main .wrapper {	
	background:url(../images/main-bg-sidebar.png) repeat #fbfbfb;	
	border:1px solid #ccc;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	}


.wrapper {
	width:940px;
	margin:auto;
	}

.login .wrapper {
	width:450px;
	margin:auto;
	}





body.home .alert {
  margin-top: 0;
}


.widget {
	margin:0 0 14px 28px;
	}



.receiptlist {
	margin-bottom:30px;
	}

.paginator {
	padding:0 30px;
}


#sidebar {
	width:170px;
	float:right;
	margin-bottom:20px;
	margin-top:18px;
	padding:0 15px;
	}
	
	
	
	

#sidebar .sections {
	font-size:14px;
	margin-top:10px;
	margin-left:5px;
	}



#sidebar ul {
	margin-bottom:30px;
	}

#sidebar .sectiontitle {
	font-size:18px;
	line-height:22px;
	font-weight:lighter;
	margin-bottom:2px;
	background:no-repeat 7px 6px;
	padding:6px 2px 5px 33px;
	}


#sidebar .sectiontitle a {
	color:#000;
	}

#sidebar .sectiontitle a:hover {
	color:#000;
	border:none;
	}


#sidebar .sectiontitle.dashboard {
	background-image:url(../images/sidebar_ico_dashboard.png);
}

#sidebar .sectiontitle.receipts {
	background-image:url(../images/sidebar_ico_receipt.png);
}

#sidebar .sectiontitle.stores {
	background-image:url(../images/sidebar_ico_store.png);
}

#sidebar .sectiontitle.tools {
	background-image:url(../images/sidebar_ico_chart.png);
}

#sidebar .sectiontitle.account {
	background-image:url(../images/sidebar_ico_account.png);
}

#sidebar .sectiontitle.plans {
  background-image:url(../images/sidebar_ico_plans.png);
}

#sidebar .sectiontitle.inbox {
  background-image:url(../images/sidebar_ico_inbox.png);
}

#sidebar .sectiontitle.groups{
	background-image:url(../images/sidebar_ico_groups.png);
	background-position-x: 5px;
	}

#sidebar .subsection {
	font-size:14px;
	font-weight:lighter;
	}

#sidebar .subsection li {
	margin-bottom:2px;
	padding:6px 2px 5px 31px;
}

#sidebar .sectiontitle:hover, #sidebar .subsection li:hover,
#sidebar .subsection li.businessNotificationInvitation:hover,
#sidebar .subsection li.businessNotificationConflict:hover,
#sidebar .subsection li.businessNotificationSupervise:hover,
#sidebar .subsection li.businessNotificationAudit:hover,
#sidebar .subsection li.businessNotificationReimburse:hover {
	background-color:rgba(0,0,0,0.05);
	box-shadow:1px 1px 0 rgba(255,255,255,0.4);
	border-radius:10px;
	}

#sidebar .subsection .current {
	background:url(../images/mobile/arrow-right.png) no-repeat 11px 6px;
	/*background-color:#f8f8f8;*/
}

#sidebar .subsection li.current a {
	color:#666;
	font-weight:bold;
}

#sidebar .subsection a.soon {
	color: #999;
	cursor:default;
	}

/* business plan notifications */
	#sidebar .subsection li.businessNotificationInvitation,
	#sidebar .subsection li.businessNotificationConflict,
	#sidebar .subsection li.businessNotificationSupervise,
	#sidebar .subsection li.businessNotificationAudit,
	#sidebar .subsection li.businessNotificationReimburse {
		font-weight: bold;
		padding:0.4em 0.5em 0.4em 30px;
		background: transparent url(../images/notificationsIcon.png) 10px center no-repeat;
		/* background: transparent url(../images/notificationsUserIcon.png) 10px center no-repeat; */		
		}
	#sidebar .subsection li.businessNotificationConflict{
		background: transparent url(../images/notificationsProblemsIcon.png) 10px center no-repeat;
		}
	#sidebar .subsection li.businessNotificationInvitation{
		background: transparent url(../images/notificationsUserIcon.png) 10px center no-repeat;
		}
		
		
#content, 
#content-purchase,
.content-other
{
	width:740px;
	float:left;
	margin-bottom:30px;
}

.login #content,
.login #content-purchase,
.login .content-other
{
	width:auto;
	margin-bottom:0;
}

#content a:hover, 
#content-purchase a:hover, 
.content-other a:hover 
{
	/*border-bottom:1px dotted #333231;*/
	}


#content .actions, 
#content-purchase .actions, 
.content-other .actions 
{
  background: none repeat scroll 0 0 #F8F8F8;
  font-size: 11px;
  margin-bottom: 1px;
  padding: 7px 30px;
}

#content .actions select, 
#content-purchase .actions select, 
.content-other .actions select 
{
  width: 150px;
}

#content .filters, 
#content-purchase .filters, 
.content-other .filters 
{
/*	margin-top:-30px; */
	padding:7px 30px;
	background:#f5f5f5;
	font-size:11px;
	margin-bottom:1px;
	background:#f5f5f5;
	background:rgba(0,0,0,0.01);
	}

#content .filters label, 
#content-purchase .filters label, 
.content-other .filters label 
{
  margin-right: 5x;
}