/*         
	     __                   .__        
	    |__|____ __________  _|__| ______
	    |  \__  \\_  __ \  \/ /  |/  ___/
	    |  |/ __ \|  | \/\   /|  |\___ \ 
	/\__|  (____  /__|    \_/ |__/____  >
	\______|    \/                    \/ 
	
	Copyright 2013 - Jarvis : Smart Admin Template
	
	 * This is part of an item on wrapbootstrap.com
	 * https://wrapbootstrap.com/user/myorange
	 * ==================================

	
	   Table of Contents
	   ---------------------------------------------------------------
	   
		- Keep footer down
		- Tool bar
		- Toolbar Dropdown
		- Toolbar button Icons
		- Big icon button
		- Responsive nav
		- Main Navigation
		- Page content divs
		- Page content header
		- Page aside
		- Aside mini profile 
		- Aside number stats 
		- Secondary Nav (inside aside)
		- Mini inbox (inside aside)
		- Alerts
		- Button (overrides)
		- Bread crumb
		- Calendar
		- D3 Charts
		- Flot chart tooltip & legend
		- Flot Charts
		- JustGague 
		- Table adjustments
		- UI slider
		- EasyPie Plugin
		- Progress bars (overrides)
		- Mystats
		- aside right
		- button overides
		- Model overides (adjustments)
		- wysihtml5 adjustments
		- Chat Interface
		- users online
		- tooltip
		- Forms
		- Tables (adjustments)
		- Badge & Labels (adjustments)
		- Login Page
		- Paging
		- Well
		- Logout Animation
		- Footer
		- color picker
		- time picker
		- bootstrap form wizzard
		- Inbox
		- Inbox Menu
		- default tabs
		- ibutton
		- Invoice
		- Custom Lists
		- Login Page
		- For Demo Purpose (delete if not needed)
	   
	*/

	/* ---------------------------------------------------------------------- */
	/*	CSS base
	/* ---------------------------------------------------------------------- */
	
	*{
		margin: 0;
		outline:none !important; /* removes the ugly dotted lines in Firefox and IE */
	}
	
	/* a flash of color when links and buttons are pressed, a nice UI effect for mobile / tablet users */ 
	a:link, button {
		-webkit-tap-highlight-color: #e53b2c;
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
		color:#5F5F5F;
	}
	body {
		background: url('../img/backgrounds/mesh.png') #333;
	}
	
	h1, h2, h3, h4, h5, h6, .my-profile span, .number-stats {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
	}
	
	.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
		font-weight:normal;
	}
	
	body, .jarviswidget > header h2, .fc-header-title h2  {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	a, a.active {
		color:#333;
	}
	a:hover, a:focus {
		text-decoration:none;
	}
	
	.contained {
		max-width: 1170px;
		height: 100%;
		margin: 0px auto;
		position: relative;
	}
	
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	  color: #8b8b8b;
	}
	input:-moz-placeholder, textarea:-moz-placeholder {
	  color: #8b8b8b;
	}
	
	footer, 
	div#main, 
	#page-content, 
	aside, 
	aside.divider, 
	div#main #page-header, 
	.jarviswidget > div, 
	aside ul.menu, 
	.alert,
	.dt-header, 
	.dt-footer, 
	.well,
	.wysihtml5,
	.wysihtml5-widget,
	.widget-content-padding,
	.aside-buttons .btn,
	.chat-box,
	.form-signin input[type="text"], 
	.form-signin input[type="password"],
	.chat-box textarea,
	#chat-box-textarea,
	.toolbar ul.progressbox,
	.main-search input,
	.d3-charts,
	.slashc-sliding-menu,
	div.slashc-sliding-menu span.tiny-des,
	div.slashc-sliding-menu span.tiny-sub,
	div.slashc-sliding-menu h1,
	.message-control-panel,
	.bwizard-steps,
	.inbox-control-panel,
	.dropdown-menu.toolbar h3   {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		/*-webkit-box-sizing:border-box; - box-sizing is supported */
	}
	
	/* font adjust */
	
	select, 
	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"], 
	input[type="month"], 
	input[type="time"], 
	input[type="week"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="color"], 
	.uneditable-input {
		font-size: 12px;
	}

	
	/* disable background image from default bootstrap css to allow for 
	   font icons to appear without any glitch 
	*/
	 
	[class^="icon-"], [class*=" icon-"] {
		background-image:none;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Keep footer down
	/* ---------------------------------------------------------------------- */

	/* Fill the window but let some space for the footer 
	   this div wraps the entire body segment to calculate page height 
	   and push footer down
	*/
	
	.height-wrapper {
		height: auto !important;
		height: 100%;
		margin: 0 auto -38px;
		min-height: 100%;
	}
	
	.footer, .push {
		position:relative;
	    height: 37px; /* .push must be the same height as .footer */
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Toolbar
	/* ---------------------------------------------------------------------- */
	
	/* title that appears on top left of the page */
	
	#header-toolbar h1 {
		float:left;
		color: #F0F0F0;
		font-size: 16px;
		line-height: 40px;
		margin: 0;
		font-weight: bold;
		cursor:default;
		width:auto /* force width to help responsive scaling */
	}
	
	/* font icon size adjustments within this above header */
	
	#header-toolbar h1 > i {
		font-size: 14px;
		line-height: 14px;
		margin: 2px 2px 0;
	}
	
	/* theme icon in toolbar */
	#header-toolbar img {
		float:left;
		display:block;
		margin-top:7px;
		margin-right:5px;
		margin-left:2px;
	}
	
	
	#header-toolbar {
		height: 46px;
		position:relative;
		background: url('../img/transparant-30.png');
		border-bottom: 1px solid #585858;
		border-top: 5px solid #000;
		padding-right: 16px;
	}

	/* ---------------------------------------------------------------------- */
	/*	Toolbar Dropdown
	/* ---------------------------------------------------------------------- */
	
	.dropdown-menu {
		border: 1px solid #333;
		border: 1px solid rgba(0, 0, 0, 0.2);
	}
	
	.dropdown-menu.toolbar {
		background:#302F2F;
		border-radius:3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.dropdown-menu.toolbar li a {
		font-size:12px;
		color:#fff;
		padding: 4px 15px;
	}
	
	.dropdown-menu.toolbar li>a:hover, .dropdown-menu.toolbar li>a:focus{
		background-color:#424242;
		background-image:-moz-linear-gradient(top, #434343, #000);
		background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#434343), to(#000));
		background-image:-webkit-linear-gradient(top, #434343, #000);
		background-image:-o-linear-gradient(top, #434343, #000);
		background-image:linear-gradient(to bottom, #434343, #000);
		background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#000', GradientType=0);
		
		border-radius:3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	#header-toolbar .btn-toolbar .btn-group .btn-inverse {
		border:1px solid #000000;
		background-color:#2d2d2d;
		background-image:-moz-linear-gradient(top, #484848, #2d2d2d);
		background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#484848), to(#2d2d2d));
		background-image:-webkit-linear-gradient(top, #484848, #2d2d2d);
		background-image:-o-linear-gradient(top, #484848, #2d2d2d);
		background-image:linear-gradient(to bottom, #484848, #2d2d2d);
		background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#2d2d2d', GradientType=0);
	}
	#header-toolbar .btn-toolbar .btn-group .btn-inverse:hover {
		border:1px solid #000000;
		background-color:#484848;
		background-image:-moz-linear-gradient(top, #2d2d2d, #484848);
		background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2d2d2d), to(#484848));
		background-image:-webkit-linear-gradient(top, #2d2d2d, #484848);
		background-image:-o-linear-gradient(top, #2d2d2d, #484848);
		background-image:linear-gradient(to bottom, #2d2d2d, #484848);
		background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#484848', GradientType=0);
	}
	
	#header-toolbar .btn-toolbar .btn-group.open .dropdown-toggle {
		background-color:#252525;
		background-image:-moz-linear-gradient(top, #1A1A1A, #252525);
		background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1A1A1A), to(#252525));
		background-image:-webkit-linear-gradient(top, #1A1A1A, #252525);
		background-image:-o-linear-gradient(top, #1A1A1A, #252525);
		background-image:linear-gradient(to bottom, #1A1A1A, #252525);
		background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A1A1A', endColorstr='#252525', GradientType=0);
	}
	
	.dropdown-menu.toolbar h3 {
		font-family:Arial, Helvetica, sans-serif;
		margin: 0px;
		font-size: 12px;
		font-weight: bold;
		color: white;
		line-height: 14px;
		padding: 5px 10px 10px 10px;
		width:100%;
		border-bottom: 2px solid white;
		
	}
	.toolbar ul.mailbox, .toolbar ul.progressbox {
		background:#fff;
		list-style:none;
		margin:0;
		padding:0;
		width:240px;
	}
	
	.toolbar ul.mailbox > li > a{
		display:block;
		overflow:hidden;
		color:#333;
		padding:8px 10px;
		background:#fff ;
		filter:none !important;
		color: #5A7DB3;
		position:relative;
		margin: 0;
		font-size: 12px;
		display: block;
		line-height: 20px;
		font-weight: bold;
		text-shadow: 0px 1px 0px white;
		border-bottom:1px solid #e5e5e5;
		white-space: normal;
		overflow: hidden;
	}
	.toolbar ul.mailbox > li:last-child > a {
		border-bottom:0px;
	}
	
	.toolbar ul.mailbox li a > img {
		margin-top: 0 !important;
		margin-right: 5px !important;
		width:22px;
		height:18px;
	}
	.toolbar ul.mailbox li a span {
		display: block;
		font-size: 11px;
		color: #646464;
		padding-left: 29px;
		white-space: normal;
		line-height: 15px;
		margin-top: 0px;
		font-weight: normal;
	}
	
	.toolbar ul.mailbox > li > a:hover {
		background-color:#ffffcc;
		background-image: none;
		
	}
	.toolbar ul.mailbox > li > a:active, .toolbar ul.mailbox > li > a:focus {

		background: url('../img/transparant-10.png') repeat top left ; 
	}
	.toolbar ul.mailbox > li > a.read {
		background-color:#f3f3f3;
	}
	.toolbar ul.mailbox > li > a i {
		display:none;
	}
	.toolbar ul.mailbox > li > a.attachment i {
		display:block;
		position:absolute;
		top: 10px;
		right: 7px;
		font-size:14px;
	}
	ul.mailbox > li > a i {
		text-indent: 0px;
		position: absolute;
		right: 0px;
		top: 7px;
		font-size: 25px;
	}ul.mailbox > li > a span.badge {
		position: absolute;
		z-index: 99;
		top: 13px;
		right: 30px;
		width: auto;
		text-indent: 0px;
		background: url('../img/transparant-40.png');
		background: rgba(128, 128, 128, 0.7);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		display: inline-block;
		padding: 2px 8px;
		font-size: 11.844px;
		font-weight: bold;
		line-height: 14px;
	}ul.mailbox li .push-down {
		display:block;
		width:20px;
		background:transparent;
		height:28px;
	}
	
	a#go-to-inbox {
		color:#fff;
		text-align: right;
		display:block;
		padding:5px 10px 2px;
		font-size:12px;
		border-top: 2px solid #F3F3F3;
	}
	a#go-to-inbox i {
		font-size:16px;
	}
	
	/* progress box */
	.toolbar ul.progressbox {
		padding:10px;
	}
	.toolbar ul.progressbox li {
		font-size:12px;
	}
	.toolbar ul.progressbox li strong {
		color:#646464;
		font-weight:normal;
	}
	.toolbar ul.progressbox li b {
		color:#757575;
		font-style:italic;
		font-weight:normal;
		position: absolute; /* firefox bug fix */
		right: 12px;	    /* firefox bug fix */
	}
	.toolbar ul.progressbox li i {
		margin-top: 6px;
		margin-right: 5px;
	}
	
	.toolbar ul.progressbox li .progress {
		margin-bottom:15px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Toolbar button Icons
	/* ---------------------------------------------------------------------- */	
	
	.btn-toolbar .btn-small i {
		font-size:16px;
		line-height:14px;
		margin-right:0;
	}
	
	
	/* tool bar button icon sticker */
	span.mail-sticker {
		position: absolute;
		z-index:99;
		background: url('../img/mini-counter.png') no-repeat top left;
		width: 18px;
		height: 18px;
		right: -3px;
		top: -5px;
		line-height: 19px;
		font-size: 11px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Big icon button
	/* ---------------------------------------------------------------------- */

	/* responsive list button tutorial: http://designshack.net/articles/css/code-a-responsive-navigation-menu/ */
	
	#start {
		text-align: center;
		padding: 0 0 20px 0;
	}
	#start ul {
		padding:0;
		margin-left:0;
	}
	#start ul li {
		display: inline-table;
		position:relative;
		margin: 10px 3px 0 3px;
		text-align: center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#start ul li:first-child {
		margin-left:0;
	}
	#start ul li:last-child {
		margin-right:0;
	}
	
	#start ul li:hover {
		background: url('../img/transparant-5.png') repeat top left;
	}
	#start ul li:active {
		background: url('../img/transparant-10.png') repeat top left;
	}
	#start ul li a {
		position:relative;
		padding: 10px 22px 4px;
		display: block;
		font-weight: bold;
		white-space: nowrap;
		color: #626262;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
	#start ul li a span {
		display: block;
		margin-top: 5px;
		font-size:12px;
	}
	
	#start ul li label {
		display: inline-block;
		padding: 2px 4px;
		font-size: 10.844px;
		font-weight: bold;
		line-height: 14px;
		color: white;
		vertical-align: baseline;
		white-space: nowrap;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		
		background: url(../img/csshack/red-gradient.png) repeat-x #d42622 ;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
		background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);

		-webkit-background-clip: padding-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;	
		border-width: 1px;
		border-style: solid;
		-webkit-background-clip: padding-box;	
		-webkit-appearance: none;
		background-position: center center !important;
		-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);

		position:absolute;
		z-index: 99;
		top:3px;
		right:auto;
		left:55%;
		
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}


	/* ---------------------------------------------------------------------- */
	/*	Responsive nav
	/* ---------------------------------------------------------------------- */
	
	.selectnav { 
		display: none; /* initially hidden */
		margin: 0 auto;
		position:relative;
		margin-top:15px;
	}
	
	.selectnav { 
		width: 80%;
		font-size: 90%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance: none;
		background-color: #F8F8F8;
		border: 1px solid #E8E8E8;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		color: #8F8F8F;
		font-size: 12px;
		line-height: 1.5;
		padding: 5px 10px;
		height: 30px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAgMAAAAPYzcHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFAAAARERE4uLiJoWGrQAAAAJ0Uk5TAICbK04YAAAAIElEQVQI12NoYIAAKtAsUFoUSoc6EKcPpk4UzRxquAsA4voPXR6Sm4UAAAAASUVORK5CYII=);
		background-position: center right;
		background-repeat: no-repeat;
	}

	/* ---------------------------------------------------------------------- */
	/*	Main Navigation
	/* ---------------------------------------------------------------------- */
	
	/* navigation base */
	nav {	
		height: 1px;
		padding-top: 0;
		display:none;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Page content divs
	/* ---------------------------------------------------------------------- */
	
	/* div that engulfs the entire content and aside  */
	
	div#main {
		height: 100%;
		position: relative;
	}
	
	/* applies the page content div */
	
	#page-content {
		padding: 20px 25px 0;
		overflow: hidden;
		height:100%;
		background:#fff;
		margin-top:20px;
		border-radius:10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		background:url('../img/backgrounds/bgnoise.png')
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Page content header
	/* ---------------------------------------------------------------------- */
	
	div#main #page-header, h1.message-title {
		display: block;
		margin: 2px 0 20px;
		font-size: 20px;
		font-weight: 300;
		line-height: 40px;
		padding-bottom: 10px;
		border-bottom: 1px dotted transparent;
		text-transform:capitalize;
		text-shadow: 0px 1px 0px white;
		font-size:40px;
		
		-webkit-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
		-moz-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
		text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
	}
	
	#page-header span {
		float: right;
		color: #AAA;
	}

	/* ---------------------------------------------------------------------- */
	/*	Page aside
	/* ---------------------------------------------------------------------- */
	
	aside {
		width: 249px;
		height: 100%;
		float: left;
		padding:0 15px 20px 20px;
	}
	
	
	aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
		color: #CACACA;
		font-size: 23px;
		line-height: 23px;
		font-weight: 400;
		position: relative;
		display: block;
		width: 100%;
	}
	aside h2 {
		font-size: 20px;
		line-height: 20px;
	}
	aside h3 {
		font-size: 18px;
		line-height: 18px;
	}
	aside h4 {
		font-size: 16px;
		line-height: 16px;
	}
	aside h5 {
		font-size: 14px;
		line-height: 14px;
	}
	aside h6 {
		font-size: 13px;
		line-height: 13px;
	}

	
	aside.right {
		display:none; /* hidden for fixed layouts */
		padding: 0 20px 20px 15px; /* padding adjusted from inherit */
	}
	
	aside blockquote {
		border-left: 1px solid #5C5C5C;
	}aside blockquote p {
		color:#DADADA;}
	
	/* ---------------------------------------------------------------------- */
	/*	Aside mini profile 
	/* ---------------------------------------------------------------------- */	
	.my-profile {
		padding: 0 15px;
		font-size: 12px;
		color: #fff;
		position: relative;
		text-shadow: 0px 1px 0px #333;
	}
	.my-profile-pic {
		float: left;
		margin: 0 10px 0 0;
	}
	.my-profile-pic img {
		border:1px solid #9B9B9B;
		border-top-color: #636363;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}
	.my-profile span.first-child {
		font-size:13px;
	}
	.my-profile span {
		display:block;
	}
	.my-profile a {
		color:#D1D1D1;
	}

	/* ---------------------------------------------------------------------- */
	/*	Aside number stats 
	/* ---------------------------------------------------------------------- */	
	
	.number-stats ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	.number-stats ul li {
		text-align: center;
		width: 43px;
		padding: 0 12px;
		color: #D6D6D6;
		font-weight: bold;
		font-size: 18px;
		border-left: 1px solid #5E5E5E;
		text-shadow: 0px 1px 0px black;
		list-style: none;
		display: inline-block;
	}

	
	.number-stats ul li span {
		display: block;
		color: #a0a0a0;
		font-size: 12px;
		font-weight:normal;
	}
	.number-stats ul li:last-child {
		border-right: none;
	}
	.number-stats ul li:first-child {
		border-left:none;
	}

	
	/* ---------------------------------------------------------------------- */
	/*	Secondary Nav (inside aside)
	/* ---------------------------------------------------------------------- */
	
	/* applies to ul class "menu" inside aside and ignores all child uls within */

	aside ul.menu {
		margin: 1px auto;
		margin-bottom: 0;
		background: #f6f6f6;
		border: 1px solid #2c2c2c;
		box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		overflow: hidden;
		color: white;
		background: #10baab url(../img/backgrounds/menu_bg.png) repeat-x;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#12d1c1), to(#10baab));
		background: -webkit-linear-gradient(top, #12d1c1, #10baab);
		background: -moz-linear-gradient(top, #12d1c1, #10baab);
		background: -ms-linear-gradient(top, #12d1c1, #10baab);
		background: -o-linear-gradient(top, #12d1c1, #10baab);
		background: linear-gradient(top, #12d1c1, #10baab);
	}

	
	/* applies to all ul's within aside > menu */
	
	aside ul.menu ul {
		overflow: hidden;
		margin:0;
		list-style:none;
	}
	
	/* applies to all li's within aside */
	
	aside ul.menu li {
		list-style:none;
		position: relative;
		border-bottom:1px solid #6C8636;
		border-bottom:0px solid rgba(255, 255, 255, 0);

		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	
	aside ul.menu li ul li {
		border-top:1px solid #8CA758;
		border-top:0px solid rgba(255, 255, 255, 0);
		
		border-bottom:1px solid #566B29;
		border-bottom:0px solid rgba(255, 255, 255, 0);
	}

	/* aside menu labels and bages to indicate number of hidden menu items */
	
	aside ul.menu  label, aside ul.menu badge, aside ul.menu .badge {
		text-indent: 0px;
		float: right;
		margin-top: 7px;
		margin-right: 7px;
		background: url('../img/transparant-10.png');
		background: rgba(128, 128, 128, 0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	}

	
	aside ul.menu > li:first-child, aside ul.menu > li:first-child > a {
		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
	}
	
	aside ul.menu > li:last-child, aside ul.menu > li:last-child > a {
		-webkit-border-radius: 0px 0px 4px 4px;
		-moz-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;
	}
	
	aside ul.menu a {
		display: block;
		height: 32px;
		line-height: 32px;
		width: 100%;
		text-indent: 15px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		padding: 5px 0px;
		font-size: 14px;
		font-weight: bold;

		position:relative;
		color:#FFF;
	}
	
	aside ul.menu a i {
		text-indent: -6px;
	}
	
	aside ul.menu > li:last-child > a {
		border-bottom: none;
	}
	
	aside ul.menu > li.open > a > label, aside ul.menu > li.open > a > span, aside ul.menu > li.current > a > span {
		background: url('../img/transparant-30.png');
	}
	
	aside ul.menu > li.current > a {
		background: url('../img/backgrounds/current.png') repeat;
	}
	

		/* second level */
		
		aside nav span.arrow {
			position: relative;
			top: -1px;
			left: 10px;
		}
		
		aside ul.menu > li > ul {
			display: block;
			background: url('../img/transparant-20.png');
	
		}
		
		aside ul.menu > li > ul > li a {
			text-indent: 35px;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			padding: 2px 0px;
			font-size:13px;
		}
		
		aside ul.menu > li > ul > li:first-child a {
			border-top: 1px solid rgb(111, 111, 111);
		}
		
		aside ul.menu > li > ul > li a :hover {
			background: #d8dfea;
		}
	
			/* second level selected */
			
			aside ul.menu a.expanded i#selected-item {
				background:url('../img/pointer-menu.png') no-repeat center center transparent;
				display:block;
				width:10px;
				height:19px;
				position:absolute;
				right:0px;
				top:0px;
				z-index: 99;
			}
	
	/* menu item active/open state */
	aside ul.menu > li > ul > li a.expanded {
		background: url('../img/transparant-10.png');
	}	
	/* divider */
	
	aside > .divider {
		height:11px;
		width:100%;
		background: url('../img/divider/divider_11x714.png') no-repeat center 0;
		position:relative;
		margin:20px 0;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Mini inbox (inside aside)
	/* ---------------------------------------------------------------------- */
	
	.mini-inbox > div:first-child.alert.inbox {
		margin-top:0px; /* to counter the -1 margin from below */
		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
	}
	
	.mini-inbox div.alert.inbox {
		border: 1px solid #494949;
		background: url('../img/transparant-20.png');
		color:#A8A8A8;
		font-size: 11px;
		line-height: 17px;
		position:relative;
		overflow:hidden;
		max-height:77px; /* roughly two lines of message*/
		margin-bottom:-1px;
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}
	
	.mini-inbox > div:last-child.alert.inbox {
		-webkit-border-radius: 0px 0px 4px 4px;
		-moz-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;
	}
	
	.mini-inbox div.alert.inbox:hover {
		background: url('../img/transparant-30.png');
		
	}
	
	.mini-inbox div.alert.inbox:hover a {

	}
	
	.mini-inbox div.alert.inbox a {
		color:#E4E4E4;
		margin:0;
		font-size: 14px;
		display:block;
		line-height:20px;
		margin-bottom:2px;
		font-weight:normal;
		text-shadow: 0px 1px 0px #131313;
	}
	.mini-inbox div.alert.inbox a img {
		margin-top: -7px;
		margin-right: 5px;
	}	
	
	aside .alert {
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	}
	
	aside .alert .close {
		color: white;
		text-shadow: 0 1px 0 black;
	}
	
	aside .close {
		opacity: 0.2;
		filter: alpha(opacity=20);
	}aside .close:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	/* ---------------------------------------------------------------------- */
	/*	Alerts
	/* ---------------------------------------------------------------------- */
	
	.alert.adjusted {
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
		clear: both;
		margin-bottom: 20px;
		margin-top: 0px;
		padding: 5px 15px 5px 10px;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
		box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
		font-size:12px;
		color:#675100;
		text-shadow: 0px 1px 0px white;
		
		border-color:#C9AB40;
		background: -moz-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdefbc),color-stop(100%,#ffe68e));
		background: -webkit-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
		background: -o-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
		background: -ms-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
		background: linear-gradient(top,#fdefbc 0,#ffe68e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdefbc',endColorstr='#ffe68e',GradientType=0);
		
	}
	.alert.adjusted [class^="cus-"],
	.alert.adjusted [class*=" cus-"] {
		margin-right:5px;
	}
	
	.adjusted.alert-info {
		border-color: #739BC5;
		color: #2D67A3;
		background: -moz-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d6e6fa),color-stop(100%,#C8DBF5));
		background: -webkit-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
		background: -o-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
		background: -ms-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
		background: linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e6fa',endColorstr='#C8DBF5',GradientType=0);
	}
	
	.adjusted.alert-success {
		border-color: #55aa55;
		color: #144914;
		background: -moz-linear-gradient(top,#baedbd 0,#DAFADC 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#baedbd),color-stop(100%,#DAFADC));
		background: -webkit-linear-gradient(top,#baedbd 0,#DAFADC 100%);
		background: -o-linear-gradient(top,#baedbd 0,#DAFADC 100%);
		background: -ms-linear-gradient(top,#baedbd 0,#DAFADC 100%);
		background: linear-gradient(top,#baedbd 0,#DAFADC 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baedbd',endColorstr='#DAFADC',GradientType=0);
	}
	
	.adjusted.alert-error {
		border-color: #8f0907;
		color: #FFF;
		background: -moz-linear-gradient(top,#f4817f 0,#f64c4a 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4817f),color-stop(100%,#f64c4a));
		background: -webkit-linear-gradient(top,#f4817f 0,#f64c4a 100%);
		background: -o-linear-gradient(top,#f4817f 0,#f64c4a 100%);
		background: -ms-linear-gradient(top,#f4817f 0,#f64c4a 100%);
		background: linear-gradient(top,#f4817f 0,#f64c4a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4817f',endColorstr='#f64c4a',GradientType=0);
		
		text-shadow:none;
	}
	.adjusted.alert-error .close {
		color:#fff;
		opacity: .5;
		filter: alpha(opacity=50);
		text-shadow:none;
	}
	.adjusted.alert-error .close:hover {
		opacity: .9;
		filter: alpha(opacity=90);
	}
	
	
	.alert.adjusted.alert .close {
		top: 0px;
		right: -5px;
		line-height: 20px;
	}
	
	.widget.alert.adjusted .close {
		right: 1px !important;
	}
	
	.widget.alert.adjusted {
		margin: 0;
		padding-right:7px;
		border-top: none;
		border-left: none;
		border-right: none;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	
	.alert.adjusted img {
		position: relative;
		margin-left: -21px;
		margin-right: 5px;
		margin-top: -2px;
	}

	.alert-danger h4, .alert-error h4 {
		color: #FFF5F5;
	}
	
	.alert.alert-block {
		padding:15px;
		margin-bottom:30px;
		margin-top:0;
	}
	
	/* alert close btn */
	.close {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}.close:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	/* ---------------------------------------------------------------------- */
	/*	Accordion
	/* ---------------------------------------------------------------------- */
	
	.jarviswidget .accordion {
		margin-bottom:0;
		margin-top:-1px;
	}
	/* change plus icon to minus on toggle */
	.accordion .active i::before {
   		content: "\f056";
	}
	.accordion-heading .accordion-toggle {
		background: #FAFAFA;
		background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
		background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
		padding: 11px 15px 12px;
	}
	
	.accordion-group {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	
	.jarviswidget .accordion-group {
		margin-bottom: 0;
		border-left-width:0px;
		border-right-width:0px;
		border-bottom-width:0px;
	}
	.accordion-inner, .accordion-heading .accordion-toggle, .accordion-group {
		border-color:#C8C8C8;
	}
	.jarviswidget .accordion-inner {
		padding:20px;
	}
	
	.accordion-heading i {
		font-size: 17px !important;
		line-height: 9px !important;
	}
	
	/* accordion right */
	.accordion.rt .accordion-heading {
		text-align:right;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Button (overrides)
	/* ---------------------------------------------------------------------- */
	
	.btn {
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	/* ---------------------------------------------------------------------- */
	/*	Bread crumb
	/* ---------------------------------------------------------------------- */
	
	.breadcrumb {
		margin-bottom:30px;
		padding:10px;
		border: 1px solid #CDCDCD;
		background: #FAFAFA;
		background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
		background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.breadcrumb li, .breadcrumb li a {
		font-size:12px;
	}
	
	.breadcrumb > .active {
		color:#333;
		font-weight:bold;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Calendar
	/* ---------------------------------------------------------------------- */
	
	#calendar-container {
		position:relative;
	}
	
	html .fc, .fc table {
		font-size:12px;
	}
	
	.dt-header.calender-spacer {
		height:46px;
		display:block;
	}
	
	#calendar {
		margin-top:-20px;
	}
	
	.fc-widget-header, .fc-widget-content {
		border-right: none;
	}
	
	tr.fc-first th.fc-first,  tr td.fc-first{
		border-left:none;
	}
	
	tr.fc-last td {
		border-bottom:none;
	}
	
	.fc-header-title h2 {
		text-shadow: 0 1px 0 #fff;
		margin-top: -21px;
		margin-left: 10px;
	}
	
	.fc-event-time, .fc-event-title {
		padding: 3px 0px 2px 3px;
		display: inline-block;
		line-height: 16px;
		font-weight: bold;
		font-size: 11px;
		box-sizing:border-box;
	}
	
	/* calendar button */
	#calendar-buttons {
		position: absolute;
		right: 10px;
		top: 9px;
	}
	
	/* other month */
	td.fc-other-month {
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
		background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
		background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
		background-color: #FAFCFD;
		background-size: 16px 16px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	D3 Charts
	/* ---------------------------------------------------------------------- */	
	
	/* d1 chart */
	.axis path,
	.axis line {
		fill: none;
		stroke: #fff;
		shape-rendering: crispEdges;
	}
	
	form#d3-form {
		position: absolute;
		right: 30px;
		top: 0px;
	}
	
	.d3-charts {
		width:100%; 
		height:100% !important;
		float: left;
		position:relative;
	}
	
	#d3-chart-2 {
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQYV2NkAIIXL17MlJCQSMdHM8IkQRrwAUZCCmDyoybiDSkADvInXDaPBDsAAAAASUVORK5CYII=) repeat;
		margin:10px;
		
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Flot chart tooltip & legend
	/* ---------------------------------------------------------------------- */	
	
	#flotTip {
		padding: 3px 5px;
		background-color: #FFF;
		z-index: 9999;
		color: #333;
		
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		font-size: 14px;
		border: 1px solid #C1C1C1;
		
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
	#flotTip span {
		color:#38812D;
		font-weight:bold;
	}
	

	.legendLabel span {
		display: block;
		margin: 0 5px;
	}
	.legendColorBox {
		padding-left: 10px;
		vertical-align: top;
		padding-top: 8px;
	}
	.legendColorBox div > div {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}


	/* ---------------------------------------------------------------------- */
	/*	Flot Charts 
	/* ---------------------------------------------------------------------- */
	
	.chart {
		height:250px;
		margin:20px 5px 10px 10px;
	}


	.aside .chart {
		width: 100%;
		height: 220px;
		z-index: 99;
	}
	
	.has-legend {
		margin-top: 30px !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	JustGague 
	/* ---------------------------------------------------------------------- */	
	
	#gague-chart > div {
		width: 95px;
		height: 65px;
		display: inline-block;
		margin: 0 0 30px 0;
	}
	
	#gague-chart .last {
		margin-bottom:0;
	}
	
	#g1 tspan, #g2 tspan, #g3 tspan, #g4 tspan, #g5 tspan, #g6 tspan {
		color:#fff !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	Table adjustments
	/* ---------------------------------------------------------------------- */
	
	.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
		background-color: #F9F9F9;
	}

	/* ---------------------------------------------------------------------- 
	/*	Forms
	/* ---------------------------------------------------------------------- */
	
	/*field set is floated to be responsive */
	.form-horizontal fieldset {
		float: left;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing: border-box;
	}
	
	form {
		margin-bottom:0;
	}
	
	.control-group {
		margin-bottom: 0;
		border-top:1px solid #fff;
		border-bottom: 1px solid #EAEAEA;
		padding: 20px 20px 19px;
		background: #FDFDFD;
	}
	.form-horizontal .control-group {
		margin-bottom:0;
	}
	.form-horizontal .control-group:last-child, div > .control-group:last-child{
		border-bottom:none;
	}
	
	.form-horizontal .control-group.info {
		background: #E8F5F7;
	}
	.form-horizontal .control-group.warning {
		background: #F7F3E8;
	}
	.form-horizontal .control-group.error {
		background: #F7E8E8;
	}
	.form-horizontal .control-group.success {
		background: #E9F7E8;
	}
	
	.control-group.no-border {
		padding: 20px;
		border-bottom: none;
	}
	
	/* label font*/
	.form-horizontal .control-label	 {
		font-size:12px;
	}
	/* set input icon */
	.control-label i {
		margin-right:7px;
		
	}
	/* icon inside field */
	.control-group .controls {
		position:relative;
	}.control-group .controls i.field-icon {
		position:absolute;
		top: 7px;
		right: 10px;
	}
	
	/*date picker*/
	input.datepicker-input, input.colorpicker-input, input.timepicker-input {
		width:140px;
	}
	
	.form-actions {
		margin-top:-1px;
		margin-bottom:0;
		text-align:right;
		border-radius:0px 0px 2px 2px;
		-moz-border-radius:0px 0px 2px 2px;
		-webkit-border-radius:0px 0px 2px 2px;
	}
	.form-horizontal .control-label {
		padding-top: 4px;
		text-align: left;
	}
	.form-horizontal .help-inline {
		display:block;
	}
	.help-inline, p.help-block, p.info-block {
		margin:0 0 10px !important;
		padding-left:0;
		padding-top:5px;
		font-size:11px;
	}
	p.info-block  {
		padding-top:0;
	}
	input.file-no-style {
		font-size:11px;
		line-height: 20px;
	}
	
	/* form spacer */
	.form-horizontal .control-group div.space {
		display:block;
		height:10px;
	}
	
	/* remove default glow from form elements */
	input, input:focus, textarea, textarea:focus {
	  box-shadow: none !important;
	  -webkit-box-shadow: none !important;
	  -moz-box-shadow: none !important;
	  -moz-transition: none !important;
	  -webkit-transition: none !important;
	}

	/* themed form */
	.themed input, .themed textarea, .themed select {
		display: inline-block;
		text-align: left;
		border-width: 1px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.themed label {
		font-size:12px;
	}
	
	.radio, .checkbox {
		padding-left:0;
	}
	
	/*reset this element from default */
	
	.themed input[file].file {
		min-width:100%;
	}
	
	div.uploader {
		height:32px;
		background:#fff;
		border: 1px solid #CCC;
		width:100%;
	}
	
	span.file-action {
		height: 21px;
		width: 21px;
		position: absolute;
		right: 0px;
		margin: 4px;
		border-radius:0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	
	label.error {
		margin-top: 4px;
		font-size: 11px;
		display: inline-block;
		white-space: nowrap;
		color: #B94A48;
	}
	
	.radio.inline, .checkbox.inline {
		padding-top:0 !important;
		padding-bottom:10px;
	}

	/* ---------------------------------------------------------------------- */
	/*	UI slider
	/* ---------------------------------------------------------------------- */

	/*
	 * jQuery UI Slider 1.10.0
	 *
	 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Slider#theming
	 */
	
	.ui-slider {
		position: relative;
		text-align: left;
	}
	
	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 23px;
		height: 23px;
		cursor: pointer;
		background:url('../img/uislider/slider_handles_5.png') no-repeat 0px -23px transparent;
		display:block;
	}
	
	.ui-slider .ui-slider-handle:hover {
		background:url('../img/uislider/slider_handles_5.png') no-repeat 0px 0px transparent;
	}
	
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		color: #ffffff;
		padding:0;
		vertical-align: middle;
		-webkit-background-clip: padding-box;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border: 1px solid #3A3A3A;
		height: 7px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing: border-box;
	}
	
	.ui-slider-horizontal {
		line-height: 9px;
		height: 9px;
		display: inline-block;
		zoom: 1;
		position: relative;
		padding: 0;
		width: 100%;
		vertical-align: middle;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
		-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
		margin-top: -1px;
		background: #EFEFEF;
		background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6));
		background: -webkit-linear-gradient(top, white, #E6E6E6);
		background: -moz-linear-gradient(top, white, #E6E6E6);
		background: -ms-linear-gradient(top, white, #E6E6E6);
		background: -o-linear-gradient(top, white, #E6E6E6);
		background: linear-gradient(top, white, #E6E6E6);
		border-color: #CCC;
		color: #666;

	}
	
	.ui-slider-horizontal .ui-slider-handle {
		top: -8px;
		margin-left: -12px;
	}
	
	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}
	
	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}
	
	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}
	
	.ui-slider-vertical {
		width: .8em;
		height: 100px;
	}
	
	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}
	
	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}
	
	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}
	
	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}
	
	/* tooltip */
	
	.slider-tip {
		opacity: 1;
		bottom: 120%;
		margin-left: -5px;
	}
	a.ui-slider-handle .tooltip-inner {
		padding: 1px 8px;
	}
	
	a.ui-slider-handle:active .tooltip-inner {
		padding: 5px 10px;
		font-size: 12px;
	}
	a.ui-slider-handle:active .slider-tip {
		margin-left: -8px;
	}
	
	
	input.ui-display-label {
		border:0; 
		color:#f6931f; 
		font-weight:bold;
	}
	
	
	/* ui slider border colors */
	
	.important-slider > div.ui-slider-range {
		border-color: #931A03;
	}

	.success-slider > div.ui-slider-range {
		border-color: #438505;
	}
	
	.info-slider > div.ui-slider-range {
		border-color: ##004795;
	}
	
	.warning-slider > div.ui-slider-range {
		border-color: #CC9707;
	}

	/* ---------------------------------------------------------------------- */
	/*	EasyPie Plugin
	/* ---------------------------------------------------------------------- */
	
	.easyPieChart {
		position: relative;
		text-align: center;
	}
	.easyPieChart canvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	.easypie {
		display:inline-block;
		margin:10px 25px 20px;
	}
	
	.easypie, .easypie span {
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		font-weight:400;
		font-size:18px;
		color: #626262;
	}

	.easypie-text {
		font-family:Arial, Helvetica, sans-serif;
		display: block;
		margin-top: 5px;
		font-size: 12px;
		font-weight:bold;
		white-space: nowrap;
		color: #626262;
		text-align:center;
	}

	/* ---------------------------------------------------------------------- */
	/*	Progress bars (overrides)
	/* ---------------------------------------------------------------------- */

	.indented {
		padding: 10px !important;
		background: url('../img/transparant-20.png');
		box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.progress-stats, .aside-progress-stats {
		font-size:12px;
		color:#646464;
	}
	
	.aside-progress-stats {
		color:#DDD;
	}
	
	ul.aside-progress-stats, .mystats {
		list-style:none;
		padding:0;
		margin:0;
	}
		
	.progress {
		filter:none !important;
		position: relative;
		overflow: hidden;
		height: 22px;
		background: #efefef;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border:1px solid #D5D5D5;
	}
	
	aside .progress {
		position: relative;
		overflow: hidden;
		height: 22px;
		background: url('../img/transparant-20.png');
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #3D3D3D;
	}
	
	.progress .bar {
		filter:none !important;
		position: absolute;
		overflow: hidden;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: 11px;
		font-weight: bold;
		line-height: 13px;
		padding: 5px 0 4px 0;
	}
	
	.progress.right .bar {
		right: 0;
	}
	
	.progress.slim {
		height: 6px !important;
		padding:2px !important;
	}

	.progress.slim > .bar {
		padding: 0;
		height:6px;
		max-width: 98%;
	}
	.progress-danger .bar, .progress .bar-danger, .label-important.special, .badge-important.special, .important-slider > div.ui-slider-range {
		background: url(../img/csshack/red-gradient.png) repeat-x #d42622;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
		background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
		background: url('../img/overlay-pattern.png'), linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);

	}
	.progress-success .bar, .progress .bar-success, .label-success.special, .badge-success.special, .success-slider > div.ui-slider-range {
		background: url(../img/csshack/green-gradient.png) repeat-x #5eb80a;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
		background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
		background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#b1dc64), to(#5eb80a), color-stop(0.5, #58b104), color-stop(0.5, #499400));
		background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
		background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
		background: url('../img/overlay-pattern.png'), linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
	}
	.progress-info .bar, .progress .bar-info, .label-info.special, .badge-info.special, .info-slider > div.ui-slider-range {
		background: url(../img/csshack/blue-gradient.png) repeat-x #0a5db8;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
		background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
		background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#65b2dd), to(#0a5db8), color-stop(0.5, #045ab2), color-stop(0.5, #004995));
		background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
		background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
		background: url('../img/overlay-pattern.png'), linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
	}
	.progress-warning .bar, .progress .bar-warning, .label-warning.special, .badge-warning.special, .warning-slider > div.ui-slider-range {
		background: url(../img/csshack/orange-gradient.png) repeat-x #0a5db8;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
		background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
		background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#ffd844), to(#d38800), color-stop(0.5, #ff9f01), color-stop(0.5, #da8d00), color-stop(0.8, #e59400));
		background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
		background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
		background: url('../img/overlay-pattern.png'), linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
	}
	
	/* active bars */
	.progress.active > div.bar {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}

	.progress.active > div {
		border: 1px solid #1184BE ;
		background-color: #00438D;
	}
	
	.active-bar-info > div {
		border: 1px solid #40A8DD !important;
		background-color: #5BC0DE !important;
	}
	
	.active-bar-success > div {
		border: 1px solid #54A754 !important;
		background-color: #729C14 !important;
	}
	
	.active-bar-warning > div {
		border: 1px solid #D59944 !important;
		background-color: #F89406 !important;
	}
	
	.active-bar-danger > div {
		border: 1px solid #CA514E !important;
		background-color: #B9260C !important;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Mystats
	/* ---------------------------------------------------------------------- */	
	
	ul.mystats {
		overflow: hidden;
		position:relative;
		
	}
	
	ul.mystats li {
		position:relative;
		display: block;
		padding:10px 10px 10px 10px;
	}
	
	ul.mystats li.first, ul.mystats li:first-child {
		padding-top:12px;
	}
	
	ul.mystats li.last, ul.mystats li:last-child {
		padding-bottom:0;
	}
	
	ul.mystats li h1 {
		line-height: 14px;
		margin: 0 0 20px;
		position: relative;
		float: left;
		text-transform:uppercase;
		display:inline-block;
		font-size:19px;
		width:87px;
		font-weight:bold;
		color:#F0F0F0;
	}
	
	ul.mystats li h1 span {
		display:block;
		font-size:10px;
		margin-bottom:7px;
		color:#D1D1D1;
		font-weight:normal;
	}
	
	ul.mystats li .mychart {
		margin-top:7px;
		position:relative;
		width:86px;
		height:35px;
		display:inline-block;
	}

	/* ---------------------------------------------------------------------- */
	/*	aside right
	/* ---------------------------------------------------------------------- */
	.aside-buttons .btn {
		width:100%;
		margin-bottom:10px;
		padding:10px;
	}
	
	.aside-buttons .btn.btn-large {
		padding:15px 10px;
	}
	
	.aside-buttons .btn.btn-small {
		padding: 4px 10px;
	}
	
	aside.right a {
		color:#fff;
	}
	
	aside.right #datepicker {
		color:#C9C9C9;
		background: url('../img/transparant-20.png');
		box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
		-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	}
	
	aside.right #datepicker .datepicker thead tr:first-child th:hover, aside.right #datepicker .datepicker tfoot tr:first-child th:hover {
		color:#333;
	}

	/* ---------------------------------------------------------------------- */
	/*	button overides
	/* ---------------------------------------------------------------------- */
	
	/* in some cases you may need to override the font size but keep the padding */	
	.text-small {
		font-size:12px !important;
	}
	
	.btn {
	  border-color: #c5c5c5;
	  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	}
	
	/* primary btn */
	.btn-primary, .btn-info, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	  background-color: #00438D;
	  color: #ffffff;
	  background-image: -moz-linear-gradient(top, #006AAC, #00438D);
	  background-image: -ms-linear-gradient(top, #006AAC, #00438D);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006AAC), to(#00438D));
	  background-image: -webkit-linear-gradient(top, #006AAC, #00438D);
	  background-image: -o-linear-gradient(top, #006AAC, #00438D);
	  background-image: linear-gradient(top, #006AAC, #00438D);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'006AAC, endColorstr='#'00438D, GradientType=0);
	  border-color: #305F9C #305F9C #002A80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	
	.dropdown-menu li > a:hover, 
	.dropdown-menu li > a:focus, .dropdown-submenu:hover > a,
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary.disabled,
	.btn-primary[disabled] {
	  background-color: #00438D;
	}
	
	.btn-primary:active,
	.btn-primary.active {
	  background-color: #003399 \9;
	}
	
	/* warning btn */
	.btn-warning {

	  border-color: #f89406 #f89406 #ad6704;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	
	
	/* danger btn */
	.btn-danger {
	  color: #ffffff;
	  background: #B9260C;
	  background-image: -moz-linear-gradient(top, #DB440F, #B9260C);
	  background-image: -ms-linear-gradient(top, #DB440F, #B9260C);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DB440F), to(#B9260C));
	  background-image: -webkit-linear-gradient(top, #DB440F, #B9260C);
	  background-image: -o-linear-gradient(top, #DB440F, #B9260C);
	  background-image: linear-gradient(top, #DB440F, #B9260C);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'DB440F, endColorstr='#'B9260C, GradientType=0);
	  border-color: #bd362f #bd362f #802420;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	
	.btn-danger:hover,
	.btn-danger:active,
	.btn-danger.active,
	.btn-danger.disabled,
	.btn-danger[disabled] {
	  background-color: #B9260C}
	
	.btn-danger:active,
	.btn-danger.active {
	  background-color: #942a25 \9;
	}
	
	/* success btn */
	.btn-success {
	  background-color: #729C14;
	  color: #ffffff;
	  background-image: -moz-linear-gradient(top, #9DC234, #729C14);
	  background-image: -ms-linear-gradient(top, #9DC234, #729C14);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9DC234), to(#729C14));
	  background-image: -webkit-linear-gradient(top, #9DC234, #729C14);
	  background-image: -o-linear-gradient(top, #9DC234, #729C14);
	  background-image: linear-gradient(top, #9DC234, #729C14);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'9DC234, endColorstr='#'729C14, GradientType=0);
	  border-color: #51a351 #51a351 #387038;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.btn-success:hover,
	.btn-success:active,
	.btn-success.active,
	.btn-success.disabled,
	.btn-success[disabled] {
	  background-color: #729C14;
	}
	
	.btn-success:active,
	.btn-success.active {
	  background-color: #408140 \9;
	}
	
	/* btn info */
	.btn-info:hover,
	.btn-info:active,
	.btn-info.active,
	.btn-info.disabled,
	.btn-info[disabled] {
	  background-color: #00438D;
	}
	
	.btn-info:active,
	.btn-info.active {
	  background-color: #003399 \9;
	}
	
	.btn.medium {
		font-size:12px;
		font-weight:bold;
	}
	
	.btn-group.open .btn-success.dropdown-toggle {
		background-color: #688D14;
	}
	
	.btn-group.open .btn-info.dropdown-toggle, .btn-group.open .btn-primary.dropdown-toggle {
		background-color: #00438D;
	}

	.btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] {
		/*margin-right:3px;*/
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Model overrides (adjustments)
	/* ---------------------------------------------------------------------- */
	
	.modal, .modal-header {
		background:#333;
	}
	
	.modal-header h3 {
		font-size: 18px;
		font-weight: 300;
		color:#fff;
		
	}
	
	.modal-header {
		-webkit-border-radius: 2px 2px 0px 0px;
		-moz-border-radius: 2px 2px 0px 0px;
		border-radius: 2px 2px 0px 0px;
	}

	.modal.fade.in {
		top:30%;
	}
	
	.modal-body {
		background-color:#fff;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	wysihtml5 adjustments
	/* ---------------------------------------------------------------------- */	
	
	.wysihtml5-toolbar li a i {
		line-height:15px !important;
		font-size:14px;
	}
	.wysihtml5-widget {
		padding: 20px 35px 20px 20px;
	}
	.wysihtml5-widget .post-msg {
		margin-right:-14px; /* counter the css bug */
		margin-top:8px; /* 18px total from top textbox */
		margin-bottom:-5px;
	}
	.wysihtml5-widget .post-msg .btn {
		margin-left:;
	}

	/* ---------------------------------------------------------------------- */
	/*	Chat Interface
	/* ---------------------------------------------------------------------- */
	
	#chat-user-control {
		margin-top:7px;
	}
	#chat-user-control > button, #chat-user-control > a  {
		padding: 2px 2px 2px 5px;
	}
	#chat-user-control > button:hover, #chat-user-control > a:hover {
		text-decoration:none;
		border: 1px solid #ADADAD;
	}
	#chat-user-control > .dropdown-menu {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.chat-widget {
		padding: 20px;
	}
	.chat-tabs {
		margin-bottom:0;
	}
	.chat-tabs li:first-child {
		margin-left:0;
	}
	.chat-tabs li .chat-close-btn, .chat-tabs li.active .chat-close-btn{
		height:18px;
		width:20px;
		padding: 0 6px 2px 6px !important;
		line-height: 14px;
		font-size: 10.5px;
		font-weight:bold;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		color:#333;
		border:1px solid #333;
		margin-top: 10px;
		margin-right: 13px;
	}
	.chat-tabs li .chat-close-btn {
		color:#929292;
		border:1px solid #929292;
		opacity:.5;
	}
	.chat-tabs li .chat-close-btn:hover {
		color:#333;
		border:1px solid #333;
		opacity:1;
	}
	
	.chat-tabs li a {
		padding-right: 42px;
	}
	
	.chat-tabs > li > a > i {
		margin-top:6px;
		margin-right: 7px;
		float:left;
		
	}
	
	.chat-content {
		padding: 20px 10px;
		background: #fff;
		border-left: 1px solid #DFDFDF;
		border-right: 1px solid #DFDFDF;
		border-bottom: 1px solid #CECECE;
	}
	
	.chat-box {
		padding-left: 0;
		margin-top: 20px;
	}
	.chat-box div {
		position:relative;
		padding-right:0;
		padding-bottom:0;
		margin-left:0;
	}
	.chat-box textarea {
		font-size: 12px;
		width: 100%;
		background: white;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		display: block;
		border: 1px solid #D8D8D8;
		box-shadow: 0 1px 1px #FAFAFA;
		-webkit-box-shadow: 0 1px 1px #FAFAFA;
		-moz-box-shadow: 0 1px 1px #fafafa;
		padding: 10px;
		color: #404040;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		overflow: hidden; 
		word-wrap: break-word; 
		resize: horizontal; 
		height: 64px;
		margin-bottom:0;
	}
	.chat-box > div {
		margin-top:18px;
		margin-bottom: -5px;
	}
	
	.chat-box-buttons a {
		padding: 1px 5px;
		opacity: .4;
		filter: alpha(opacity=40);
		display: block;
		margin: 5px 3px 0 3px;
	} 
	
	.chat-box-buttons a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		color: #999;
	}
	
	.type-effect {
		margin-top:0;
		color: #999;
		font-size: 11px;
		font-style: italic;
		white-space: nowrap;
	}
	.type-effect img {
		margin-right:5px;
		opacity: .4;
		filter: alpha(opacity=40);
	}
	
	/* the chat message */
	.chat-messages {}
	
	p.message-box {
		padding: 10px;
		margin: 0 0 10px;	
	}
	

	p.message-box img {
	    display: inline-block;
	    float: left;
	    vertical-align: middle;
	    width: 38px;
	    height: 38px;
	    margin-top: 1px;
		border: 1px solid #9B9B9B;
		border-top-color: #636363;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}
	
	p.message-box.you img {
		float: right;
	}
	
	p.message-box .message, p.message-box.you .message {
		display: block;
		margin-left: 50px;
		position: relative;
		padding: 10px;
		border: 1px solid #E5E5E5;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #FFFCF2;
		
		box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
		-webkit-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
		-moz-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
	}
	
	p.message-box.you .message {
		margin-left: 0;
		margin-right: 50px;
		background: #F2FBFF;
	}
	
	span.message-time {
		float:right;
		font-size:11px;
		font-style:italic;
		color:#aaa;
	}
	
	span.message-text {
		display: block;
		margin-top: 10px;
	}
	
	/* tab hovers */
	
	.chat-tabs > li.active a {
		background: #fff; /* Old browsers */
		opacity:1;
	}
	
	.chat-tabs > li > a {
		color: #A0A0A0;
		border: 1px solid #DADADA;
		border-bottom-color: #DDD;
	}
	.chat-tabs > li > a:hover {
		color: #A0A0A0;
		border: 1px solid #DADADA;
		border-bottom-color: #DDD;
	}

	/* ---------------------------------------------------------------------- */
	/*	users online
	/* ---------------------------------------------------------------------- */	

	ul.users-online {
		margin: 0;
		padding:0;
		list-style:none;
	}
	.online, .offline, .away, .busy {
		width:7px;
		height:7px;
		background:url('../img/chat/contact.png') 0px 0px no-repeat;
		display:block;
	}
	.away {
		background-position: 0px -8px;
	}
	.busy {
		background-position: 0px -16px;
	}
	.offline {
		background-position: 0px -24px;
	}
	
	ul.users-online li {
		border-top: 1px solid #C2C2C2;
		border-left: 1px solid #EEE;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		background: #FAFAFA;
		background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
		background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );

	}
	ul.users-online li:last-child, ul.users-online li.last {
		border-bottom: 1px solid #111;
	}
	
	ul.users-online li img {
		display:inline-block;
		height:36px;
		width:36px;
		margin-top: -18px;
		box-shadow: 0 1px 1px #222;
		-webkit-box-shadow: 0 1px 1px #222;
	}
	ul.users-online li a {
		position:relative;
		display:block;
		height: 40px;
		line-height: 15px;
		padding:10px;
		color:inherit;
	}
	ul.users-online li a:hover {
		background:url('../img/transparant-5.png') repeat;
	}
	ul.users-online li a:active {
		background:url('../img/transparant-10.png') repeat;
	}
	
	ul.users-online li a strong {
		display: block;
		line-height: 22px;
		font-size:12px;
		margin-bottom: -2px;
	}
	
	ul.users-online li a strong span {
		color: #AAA;
	}
	
	.user-name {
		display:inline-block;
		height:40px;
		margin-left: 5px;
	}
	ul.users-online li a i {
		float: right;
		margin-top: 14px;
	}
	
	.user-name b {
		font-style: normal;
		font-weight:normal;
		font-size: 11px;
		color: #999;
		line-height: 10px;
	}

	/* ---------------------------------------------------------------------- */
	/*	tooltip
	/* ---------------------------------------------------------------------- */	
	
	.tooltip {
		line-height:20px !important;
	
	}
	.tooltip-inner {
		background: #000; /* Old browsers */
		background: -moz-linear-gradient(top,  #828282 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #828282 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #828282 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #828282 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #828282 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}

	/* ---------------------------------------------------------------------- */
	/*	Forms
	/* ---------------------------------------------------------------------- */

	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"], 
	input[type="month"], 
	input[type="time"], 
	input[type="week"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="color"], 
	.uneditable-input {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
			    box-shadow: none;
	}
	
	.main-search  {
		position:relative;
	}
	
	.main-search input {
		height: 33px;
		margin: 0;
		font-size: 12px;
		line-height: normal;
		padding-left: 25px;
		width:100%;
		background: url('../img/transparant-20.png');
		border:1px solid #4E4E4E;
	}
	.main-search label {
		position:absolute;
		top: 6px;
		left: 9px;
		color: #757272;
	}

	/* ---------------------------------------------------------------------- */
	/*	Tables (adjustments)
	/* ---------------------------------------------------------------------- */
	
	.table-bordered {
		border-top-width:0px;
	}
	.dataTable {
		border-top-width:1px;
	}
	.table.text-left thead tr th {
		text-align:left;
	}
	
	table.has-checkbox thead tr th:first-child,  table.has-checkbox thead tr th.first {
		width:5px !important;
	}
	
	table td.highlighted {
		background:url('../img/transparant-40.png'); !important;
		color:#fff;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Badge & Labels (adjustments)
	/* ---------------------------------------------------------------------- */
	
	.label-important.special, .badge-important.special,
	.label-warning.special, .badge-warning.special,
	.label-success.special, .badge-success.special,
	.label-info.special, .badge-info.special {
		display: inline-block;
		vertical-align: baseline;
		white-space: nowrap;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		
		-webkit-background-clip: padding-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		
		box-sizing: content-box;
		border-width: 1px;
		border-style: solid;
		
		-webkit-background-clip: padding-box;
		-webkit-appearance: none;
		background-position: center center !important;
		
		-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	}
	

	/* ---------------------------------------------------------------------- */
	/*	Login Page
	/* ---------------------------------------------------------------------- */
	
	#login-logo {
		background:url('../img/favicons/apple-touch-icon-retina.png') top left transparent no-repeat;
		display:block;
		width:114px;
		height:82px;
		overflow:hidden;
		margin: -216px 0 0 -52px;
		top: 50%;
		left: 50%;
		position:absolute;
		z-index: 10;
	}
	#login-page #header-toolbar h1 {
		width:100%;
		text-align:center;
	}
	
	.form-signin {
		margin-bottom:1px;
	}
	.form-signin .form-signin-heading, .form-signin .checkbox {
		margin-bottom: 20px;
		float:left;
		margin-top:7px;
	}
	
	.form-signin div.checker {
		margin-top: -2px;
	}
	
	.form-signin input[type="text"], .form-signin input[type="password"] {
		width: 100%;
		height: 35px;
		margin-bottom:0;
	}
	.form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus {
		border-color:#305F9C;
	}
	.form-signin .radio, .form-signin .checkbox {
		padding-left:0;
		font-size:13px;
	}
	
	.jarviswidget.login, .jarviswidget.register {
		max-width: 300px;
		min-width: 300px;
		border: 1px solid #353535;
		background: #45484d; /* Old browsers */
		background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
		box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
		position: relative;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		position: absolute;
		/*height: 313px;*/
		z-index: 15;
		top: 50%;
		left: 50%;
		margin: -156.5px 0 0 -150px;
	}.jarviswidget.register {margin: -156px 0 0 -150px;}
	
	.jarviswidget.login #main-content, .jarviswidget.register #main-content {
		padding: 0;
	}
	.jarviswidget.login header, .jarviswidget.register header {
		border-color:#555;
		padding: 5px 15px;
		border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		background: #45484d; /* Old browsers */
		background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
	}
	.jarviswidget.login header img {
		float: left;
	}
	.jarviswidget.login header h2, .jarviswidget.register h2 {
		font-size: 16px;
		color: white;
		margin: 0;
		line-height: 30px;
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		text-shadow:none;
	}
	
	.jarviswidget.login > div, .jarviswidget.register > div {
		border: none;
	}
	
	#login-page .btn {
		font-size: 14px;
		padding: 7px 15px;
	}
	
	.jarviswidget.login .control-group, .jarviswidget.register .control-group {
		background:none;
	}

	/* ---------------------------------------------------------------------- */
	/*	Paging
	/* ---------------------------------------------------------------------- */
	
	.pagination ul > li > a, 
	.pagination ul > li > span,
	.pager li > a, .pager li > span {
	
		border: 1px solid silver;
		border-left-width:0px;
		
		/* Generated by http://www.colorzilla.com/gradient-editor/ */
		background: #ffffff; /* Old browsers */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
		background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
		background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
		background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
		background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	}
	
	.pagination ul > li:first-child > a, .pagination ul > li:first-child > span  {
		border-left-width:1px;
	}
	
	.pagination ul > li > a:hover,  .pagination ul > li > span:hover, 
	.pager li > a:hover, .pager li > span:hover {
		background: #f3f3f3; /* Old browsers */
		background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
		background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
		background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
		background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	}
	
	.pagination ul > .disabled > span, 
	.pagination ul > .disabled > a, 
	.pagination ul > .disabled > a:hover,
	.pagination ul > .active > a, 
	.pagination ul > .active > span,
	.pager > .disabled > span, 
	.pager > .disabled > a, 
	.pager > .disabled > a:hover,
	.pager > .active > a, 
	.pager > .active > span {
		background: #f3f3f3; /* Old browsers */
		background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
		background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
		background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
		background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
		color: #999;
	}
	
	.well .pagination {
		margin:0; /* this was just used for the demo - please remove if conflicting*/
	}

	.pager li > a, .pager li > span {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-left-width:1px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Well
	/* ---------------------------------------------------------------------- */
	
	.well.light {
		background:#FCFCFC
	}
	.nav-list.well {
		padding-top:0;
		padding-bottom:0;
	}
	.well.light.spacing {
		margin-bottom:20px;
	}

	/* ---------------------------------------------------------------------- */
	/*	nav list
	/* ---------------------------------------------------------------------- */	
	
	.nav-list {
		margin:0;
	}
	.nav-list > li > a, .nav-list .nav-header {
		margin-left: -15px;
		margin-right: -15px;
		padding: 7.5px 15px;
		
		-moz-border-radius: 3px 3px 0px 0px;
		-khtml-border-radius: 3px 3px 0px 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}
	.nav-header {
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		color: #777;
		text-transform: uppercase;
		background: #FAFAFA;
		background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
		background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
		border-bottom: 1px solid #DADADA;
	}
		
	/* ---------------------------------------------------------------------- */
	/*	Logout Animation
	/* ---------------------------------------------------------------------- */
	
	body.logout {
		-moz-transform: scale(.8); 
		-webkit-transform: scale(.8);
		-o-transform: scale(.8);

		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

	/* ---------------------------------------------------------------------- */
	/*	Footer (NOTE: Currently footer is not being used)
	/* ---------------------------------------------------------------------- */

	footer {
		
	}
	

	 /* ---------------------------------------------------------------------- */
	 /*	Colorpicker for Bootstrap
	 /*	Copyright 2012 Stefan Petre 
	 /*	Licensed under the Apache License v2.0
	 /*	http://www.apache.org/licenses/LICENSE-2.0
	 /* ---------------------------------------------------------------------- */
	
	.colorpicker-saturation {
		width: 100px;
		height: 100px;
		background-image: url('../img/colorpicker/saturation.png');
		cursor: crosshair;
		float: left;
	}
	.colorpicker-saturation i {
		display: block;
		height: 5px;
		width: 5px;
		border: 1px solid #000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: absolute;
		top: 0;
		left: 0;
		margin: -4px 0 0 -4px;
	}
	.colorpicker-saturation i b {
		display: block;
		height: 5px;
		width: 5px;
		border: 1px solid #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.colorpicker-hue, .colorpicker-alpha {
		width: 15px;
		height: 100px;
		float: left;
		cursor: row-resize;
		margin-left: 4px;
		margin-bottom: 4px;
	}
	.colorpicker-hue i, .colorpicker-alpha i {
		display: block;
		height: 1px;
		background: #000;
		border-top: 1px solid #fff;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: -1px;
	}
	.colorpicker-hue {
		background-image: url('../img/colorpicker/hue.png');
	}
	.colorpicker-alpha {
		background-image: url('../img/colorpicker/alpha.png');
		display: none;
	}
	.colorpicker {
		*zoom: 1;
		top: 0;
		left: 0;
		padding: 4px;
		min-width: 120px;
		margin-top: 1px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.colorpicker:before, .colorpicker:after {
		display: table;
		content: "";
	}
	.colorpicker:after {
		clear: both;
	}
	.colorpicker:before {
		content: '';
		display: inline-block;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ccc;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: -7px;
		left: 6px;
	}
	.colorpicker:after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		position: absolute;
		top: -6px;
		left: 7px;
	}
	.colorpicker div {
		position: relative;
	}
	.colorpicker.alpha {
		min-width: 140px;
	}
	.colorpicker.alpha .colorpicker-alpha {
		display: block;
	}
	.colorpicker-color {
		height: 10px;
		margin-top: 5px;
		clear: both;
		background-image: url('../img/colorpicker/alpha.png');
		background-position: 0 100%;
	}
	.colorpicker-color div {
		height: 10px;
	}
	.input-append.color .add-on i, .input-prepend.color .add-on i {
		display: block;
		cursor: pointer;
		width: 16px;
		height: 16px;
		margin-top: 2px;
	}

	/* ---------------------------------------------------------------------- */
	/*	Time picker
	/* ---------------------------------------------------------------------- */
	
	.bootstrap-timepicker.dropdown-menu {
	    border-radius: 4px 4px 4px 4px;
	    display: none;
	    left: 0;
	    margin-top: 1px;
	    padding: 4px;
	    top: 0;
	    min-width: 10px;
	    z-index: 99999;
	}
	.bootstrap-timepicker.dropdown-menu.open {
	    display: inline-block;
	}
	.bootstrap-timepicker.dropdown-menu:before {
	    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    content: "";
	    left: 6px;
	    position: absolute;
	    top: -7px;
	}
	.bootstrap-timepicker.dropdown-menu:after {
	    border-bottom: 6px solid #FFFFFF;
	    border-left: 6px solid transparent;
	    border-right: 6px solid transparent;
	    content: "";
	    left: 7px;
	    position: absolute;
	    top: -6px;
	}
	.bootstrap-timepicker.modal {
	    margin-left: -100px;
	    margin-top: 0;
	    top: 30%;
	    width: 200px;
	}
	.bootstrap-timepicker.modal .modal-content {
	    padding: 0;
	    background:#fff;
	}
	.bootstrap-timepicker table {
	    margin: 0;
	    width: 100%;
	}
	.bootstrap-timepicker table td {
	    height: 30px;
	    margin: 0;
	    padding: 2px;
	    text-align: center;
	}
	.bootstrap-timepicker table td span {
	    width: 100%;
	}
	.bootstrap-timepicker table td a {
	    border: 1px solid transparent;
	    display: inline-block;
	    margin: 0;
	    outline: 0 none;
	    padding: 8px 0;
	    width: 3em;
	}
	.bootstrap-timepicker table td a:hover {
	    background-color: #EEEEEE;
	    border-color: #DDDDDD;
	    border-radius: 4px 4px 4px 4px;
	}
	.bootstrap-timepicker table td a i {
	    margin-top: 2px;
	}
	.bootstrap-timepicker table td input {
	    margin: 0;
	    text-align: center;
	    width: 25px;
	}
	.bootstrap-timepicker-component .add-on {
	    cursor: pointer;
	}
	.bootstrap-timepicker-component .add-on i {
	    display: block;
	    height: 16px;
	    width: 16px;
	}

	/* ---------------------------------------------------------------------- */
	/*	bootstrap form wizzard
	/* ---------------------------------------------------------------------- */
	
	.bwizard {
	    position: relative; }
	    .bwizard div.well {
	    	border-left: none;
			border-right: none;
			border-radius: 0px;
			padding: 0; }
	.bwizard .well {
	    margin: 3px 0 }
	    
	.bwizard-steps {
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #D5D5D5;
		padding: 10px 15px 15px;
		display: inline-block;
		background: #fff;
	}
	
	.bwizard-steps li {
		display: inline-block;
		position: relative;
		margin-top: 5px;
		margin-right: 5px;
		line-height: 18px;
		list-style: none;
		padding: 12px 17px 10px 30px;
		background: #efefef;
		zoom: 1;
		*display: inline;
		*padding-left: 17px;
	}
	
	.bwizard-steps li a {
		display: inline-block;
		background: transparent !important
	}
	
	.bwizard-steps li:first-child {
		-moz-border-radius: 4px 0 0 4px;
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
		padding-left: 12px;
	}
	
	.bwizard-steps li:first-child:before {
		border: none;
	}
	
	.bwizard-steps li:last-child {
		-moz-border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		margin-right: 0;
	}
	
	.bwizard-steps li:last-child:after {
		border: none;
	}
	
	.bwizard-steps li:before {
		position: absolute;
		left: 0;
		top: 0;
		height: 0;
		width: 0;
		border-bottom: 20px inset transparent;
		border-left: 20px solid #fff;
		border-top: 20px inset transparent;
		content: "";
	}
	
	.bwizard-steps li:after {
		position: absolute;
		right: -20px;
		top: 0;
		height: 0;
		width: 0;
		border-bottom: 20px inset transparent;
		border-left: 20px solid #efefef;
		border-top: 20px inset transparent;
		content: "";
		z-index: 2;
	}
	
	.bwizard-steps .label {
		margin: 0 5px 0 0;
		padding: 1px 5px 2px;
		position: relative;
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
		top: -1px;
	}
	
	.bwizard-steps .active {
		color: #fff;
		background: #006AAC;
	}
	.bwizard-steps .active:after {
		border-left-color: #006AAC;
	}
	
	.bwizard-steps a {
		color: #333;
	}
	
	.bwizard-steps .active a {
		color: #fff;
		cursor: default;
	}
	
	.bwizard-steps a:hover {
		text-decoration: none;
		background: transparent
	}
	
	.bwizard-steps.clickable li:not(.active) {
		cursor: pointer;
	}
	
	.bwizard-steps.clickable li:hover:not(.active) {
	background: transparent;}
	.bwizard-steps.clickable li:hover:not(.active)
	a {
		color: #08c;
	}
	.bwizard-steps.clickable li:hover:not(.active)
	:after {
		border-left-color: #ccc;
	}


	#wizard .navbar-inner {
		margin-left: -20px;
		border-left: none;
		border-right: none;
		margin-right: -20px;
		margin-top: -20px;
		border-top: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	
	#wizard .wizard ul {
		list-style:none;
		margin:0;
	}
	#wizard .wizard ul li {
		display:inline-block;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Inbox
	/* ---------------------------------------------------------------------- */
	
	.inbox-menu, .inbox-body {
		height:530px;
		overflow:hidden;
	}
	.inbox-menu {
		width:249px;
		position:absolute;
		top:0px;
		right:0px; /* change this value to left or right to shift inbox menu */
	}
	.inbox-body {
		width:auto;
		position:relative;
		background-image: url('../img/backgrounds/4.jpg');
		margin-right:250px; /* change this value to left or right to shift inbox menu */
		-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
        -moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
        box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
	}
	.inbox-body-content {
		padding:20px;
		position:relative;
		box-sizing:border-box;
	}
	.message-container, .inbox-control-panel, .message-control-panel, div.slashc-sliding-menu {
		background: #EFEFF4;		
		background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#DFDFDF));		
		background: -webkit-linear-gradient(top, #f8f8f8, #DFDFDF);
		background: -moz-linear-gradient(top, #f8f8f8, #DFDFDF);
		background: -ms-linear-gradient(top, #f8f8f8, #DFDFDF);
		background: -o-linear-gradient(top, #f8f8f8, #DFDFDF);
		background: linear-gradient(top, #f8f8f8, #DFDFDF);
	}.message-container {
		width:100%;
		height:auto;
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
		-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
		margin-bottom:20px;
	}
	.inbox-control-panel, .message-control-panel {
		display: block;
		width: 100%;
		height:43px;
		-webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
		box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
		
		border-top: 1px solid #C7C7C7;
		border-right: 1px solid #C7C7C7; /* change this value to left or right to shift inbox menu */
		padding: 6px 5px;
	} .inbox-menu .inbox-control-panel {
		border-left-width:0px;
		border-bottom: 1px solid #CACACA;
	} .message-control-panel {
		height:50px;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		padding: 9px 8px;
	}.message-body {
		padding:20px;
	}.message-body p {
		line-height:normal;
		margin-bottom:20px;
	}.past-message {
		display:block;
		border-left:2px solid #8F8F8F;
		padding:0px 10px;
		margin-left:20px;
		color:#8F8F8F;
		font-style:italic;
	}
	div.slashc-sliding-menu span.tiny-sub {
		line-height: normal !important;
		color:#5A7DB3;
		font-size:12px;
		font-weight:bold;
	}div.slashc-sliding-menu span.tiny-sub i {
		position: absolute;
		right: 10px;
		text-indent: 0;
	}

	div.slashc-sliding-menu span.tiny-des {
		line-height: 16px;
		font-size: 11px;
		font-weight: normal;
		margin-top: 5px;
		text-indent: 0;
		padding-left: 15px;
		color:#646464;
	}
	
	/* inbox header */
	h1.message-title {
		color: white;
		font-size: 35px;
		font-weight: 500;
		padding-bottom: 0;
		margin-bottom: 4px;
		line-height: normal;
	}
	h3.message-from {
		margin-top: -2px;
		line-height: 20px;
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Inbox Menu
	/* ---------------------------------------------------------------------- */	
	
	div.slashc-sliding-menu {
		overflow: hidden;
	}
	
	div.slashc-sliding-menu, div.slashc-sliding-menu h1, div.slashc-sliding-menu ul, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li span, div.slashc-sliding-menu p {
		display: block;
		font: 14px Arial, sans-serif; /* set font here */
		width: 100%; /* set width here */
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		position: relative;
	}
	
	div.slashc-sliding-menu h1, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li a span, div.slashc-sliding-menu p {
		line-height: 42px;
		text-indent: 15px;
		background-repeat: repeat-x;
		background-position: 0 0;
	}
	
	div.slashc-sliding-menu h1 {
		background: url('../img/backgrounds/low_contrast_linen.png');
		color: #fff;
		font-weight: bold;
		padding-left: 40px;
		text-align: right;
		padding-right: 10px;
		-webkit-box-shadow: inset 0 1px 5px black;
		-moz-box-shadow: inset 0 1px 5px black;
		box-shadow: inset 0 1px 5px black;
	}
	
	div.slashc-sliding-menu li {
		background: -webkit-gradient(linear, left top, left bottom, from(#F7F7FA), to(#EEE));
		background: -webkit-linear-gradient(top, #F7F7FA, #EEE);
		background: -moz-linear-gradient(top, #F7F7FA, #EEE);
		background: -ms-linear-gradient(top, #F7F7FA, #EEE);
		background: -o-linear-gradient(top, #F7F7FA, #EEE);
		background: linear-gradient(top, #F7F7FA, #EEE);
		border-bottom: 1px solid #CCC;
		border-top: 1px solid #fff;
	}
	
	div.slashc-sliding-menu li ul {
		position: absolute;
	}
	
	div.slashc-sliding-menu li, div.slashc-sliding-menu li a {
		color: #333;
		text-decoration: none;
	}
	
	div.slashc-sliding-menu li ul li a {
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	
	div.slashc-sliding-menu li ul li a:hover {
		background: #ffffcc;
	}
	
	div.slashc-sliding-menu li ul li a:active {
		background: url('../img/transparant-5.png');
		background: rgba(128, 128, 128, 0.1);
	}
	
	div.slashc-sliding-menu li a span {
		font-weight: bold;
	}
	
	div.slashc-sliding-menu li a:hover {
		background-color: #888;
		color: #fff;
	}
	
	div.slashc-sliding-menu li a:hover span {
		background-position: 256px -31px;
	}
	
	div.slashc-sliding-menu p {
		background-color: #222;
		background-image: url(../img/footer_bg.jpg);
		color: #555;
		font-size: 12px;
	}
	
	div.slashc-sliding-menu a.slashc-sliding-menu-home, div.slashc-sliding-menu a.slashc-sliding-menu-back {
		text-indent: -10000px;
		display: block;
		height: 50px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div.slashc-sliding-menu a.slashc-sliding-menu-home {
		width: 18px;
		height: auto;
		color: white;
		line-height: 22px;
		font-size: 22px;
		padding: 2px 12px 5px 0px;
		margin-top: 6px;
		margin-left: 7px;
		color: white;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-indent: 4px;
	}
	
	div.slashc-sliding-menu a.slashc-sliding-menu-back {
		width: 52px;
		background: url(../img/back_icn.gif) no-repeat 15px 19px;
	}
	div.slashc-sliding-menu a.slashc-sliding-menu-back:hover {
		background-position: 15px -31px;
	}
	div.slashc-sliding-menu a {
		outline: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	default tabs
	/* ---------------------------------------------------------------------- */
	
	.default-tabs {
		margin-left:-20px;
		margin-right:-20px;
		margin-top:-20px;
		background: #FAFAFA;
		background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
		background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
		background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
		border-color: #C8C8C8 ;
	}	
	.default-tabs > li:first-child {
		margin-left:0px;
	}.default-tabs > li:first-child a {
		border-left-width:0px;
	}
	.default-tabs > li > a, .default-tabs > li > a:hover {
		padding-top: 11px;
		padding-bottom: 11px;
		border-radius:0px;
		border-top:none !important;
		-moz-border-raius:0px;
		-webkit-border-radius: 0px;
		margin-right:0px;
		border: 1px solid #C8C8C8;
		border-left-width:0px;
	}
	.default-tabs > li.active > a, .default-tabs > li.active > a:hover {
		border-left-width:0px;
		border-left-color:#C8C8C8;
		border-right-color:#C8C8C8;
		
	}
	.default-tabs .dropdown-toggle .caret {
		border-top-color: #D6CECE !important;
		border-bottom-color: #B5B7BB !important;
	}
	/* tab right */
	.default-tabs.rt > li {
		float:right !important;
	}
	.default-tabs.rt > li:first-child {
		margin-right:0px;
		margin-left:0px;
	}
	.default-tabs.rt > li:first-child a, .default-tabs.rt > li:first-child a:hover, .default-tabs.rt > li:first-child.active a { 
		border-right-width:0px;
		border-left-width:1px;	
	}
	.default-tabs.rt > li > a, .default-tabs.rt > li > a:hover, .default-tabs.rt > li.active > a  {
		border-right-width:0px;
		border-left-width:1px;	
	}

	/* ---------------------------------------------------------------------- */
	/*	ibutton
	/* ---------------------------------------------------------------------- */
	
	.ibutton-container {
	  position: relative;
	  height: 27px;
	  cursor: pointer;
	  overflow: hidden;
		/* set max width to that of sprite */
		max-width: 400px;
		/* prevent text selection */
		-khtml-user-select: none;
		-o-user-select: none;
		-moz-user-select: none;
		-moz-user-focus: ignore; 
		-moz-user-input: disabled;
		/* set default width based on ON/OFF labels */
		width: 89px;
	}
	
	.inline > .ibutton-container {
		display:inline-block !important;
	}
	
	.ibutton-container input {
	  position: absolute;
		top: 0;
		left: 0;
	
		/* hide the element */
		filter:alpha(opacity=0);
		-moz-opacity: 0.0; 
		opacity: 0.0;
	
		/* allow checking of input if visible */
		-moz-user-input: enabled  !important;
	}
	
	.ibutton-handle {
	  display: block;
	  height: 27px;
	  cursor: inherit;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 0;
	  background: transparent url('../img/ibutton/ibutton-slider-default.png') no-repeat scroll 0 -54px;
	  z-index: 3;
	  padding-left: 3px;
		/* set default width based on ON/OFF labels */
		width: 33px;
	}
	
	.ibutton-handle-right {
	  height: 100%;
	  width: 100%;
	  padding-right: 3px;
	  background: transparent url('../img/ibutton/ibutton-slider-default.png') no-repeat scroll 100% -54px;
	  z-index: 3; 
	}
	
	.ibutton-handle-middle {
	  height: 100%;
	  width: 100%;
	  background: transparent url('../img/ibutton/ibutton-slider-default.png') no-repeat scroll 50% -54px;
	  z-index: 3; 
	}
	
	div.ibutton-label-on, div.ibutton-label-off {
	  white-space: nowrap;
	  font-size: 17px;
	  line-height: 17px;
	  font-weight: bold;
	  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	  text-transform: uppercase;
	  cursor: inherit;
	  display: block;
	  height: 22px;
	  position: absolute;
	  width: auto;
	  top: 0;
	  padding-top: 5px;
	  overflow: hidden; 
	  background: transparent url('../img/ibutton/ibutton-slider-default.png') no-repeat scroll 0 0;
	}
	
	div.ibutton-label-on {
	  color: #fff;
	  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
	  left: 0;
	  padding-top: 5px;
	  z-index: 1; 
	}
	
	div.ibutton-label-on span {
	  padding-left: 5px;
	}
	
	div.ibutton-label-off {
	  color: #7c7c7c;
	  background-position: 100% 0;
	  text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
	  text-align: right;
	  right: 0;
		/* the off label needs to near the left edge (ideally just 5px away) 
		 * it just needs to be close enough that it won't show under the handle if dragged to the left  
		 */
		width: 95%;
	}
	
	div.ibutton-label-off span {
	  padding-right: 5px; 
	}
	
	/* create an outline when button gets focus via keyboard */
	.ibutton-container label {
		cursor: inherit;
		padding: 1px 3px;
		font-size: 1em !important;
		display:inline;
	}
	
	.ibutton-focus label {
		/* we must use border, since outline doesn't work in IE */
		border: 1px dotted #666 !important;
		padding: 0 2px;
	}
	
	.ibutton-focus div.ibutton-label-on span label {
		/* use white for more contrast */
		border-color: #fff !important;
		margin:0;
	}
	
	/* add padding to right/left so that text gets clipped before absolute edge */
	.ibutton-padding-left, .ibutton-padding-right {
		position: absolute; 
		top: 4px;
		z-index: 2; 
		background: transparent url('../img/ibutton/ibutton-slider-default.png') no-repeat scroll 0 -4px; 
		width: 3px;
		height: 20px;
	}
		
	.ibutton-padding-left {
		left: 0; 
	}
	
	.ibutton-padding-right {
		right: 0; 
		background-position: 100% -4px;
	}
	
	/* change the styles of the handle when being dragged */
	.ibutton-active-handle .ibutton-handle {
		background-position: 0 -108px;
	}
	
	.ibutton-active-handle .ibutton-handle-right {
		background-position: 100% -108px;
	}
	
	.ibutton-active-handle .ibutton-handle-middle {
		background-position: 50% -108px;
	}
	
	/* styles to use when the button is disabled */
	.ibutton-disabled {
		cursor: not-allowed !important; /* cursor options: default or not-allowed */
	}
	
	.ibutton-disabled .ibutton-handle {
		background-position: 0 -81px;
	}
	
	.ibutton-disabled .ibutton-handle-right {
		background-position: 100% -81px;
	}
	
	.ibutton-disabled .ibutton-handle-middle {
		background-position: 50% -81px;
	}
	
	.ibutton-disabled div.ibutton-label-on {
		background-position: 0 -27px;
	}
	
	.ibutton-disabled div.ibutton-label-off {
		background-position: 100% -27px;
	}
	
	.ibutton-disabled .ibutton-padding-left {
		background-position: 0 -27px;
	}
	
	.ibutton-disabled .ibutton-padding-right {
		background-position: 100% -27px;
	}
	
	.ibutton-disabled div.ibutton-label-on {
		color: #fff;
	}
	
	.ibutton-disabled div.ibutton-label-off {
		color: #cbcbcb;
	}

	/* ---------------------------------------------------------------------- */
	/*	Invoice
	/* ---------------------------------------------------------------------- */
	
	
	#invoice-bar {
		text-align: right;
	}
	.invoice {
		border: 1px solid #d3d3d3;
		float: left;
		margin-bottom: 30px;
	}
	.invoice h3, .invoice h4, .invoice h5 {
		margin: 0;
	}
	.invoice-header {
		padding: 30px 30px;
		border-bottom: 1px dotted #AAA;
	}
	.invoice-company-info {
		text-align: right;
		font-size: 11px;
	}
	.invoice-header img {
		border: 2px dotted #ddd;
	}
	.invoice-client-info, .invoice-footer {
		border-bottom: 1px dotted #AAA;
		padding: 15px 30px;
		float: left;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.client-info, .invoice-info, .invoice-sum-total, .payment-methods {
		margin: 0;
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	.invoice-info, .invoice-sum-total {
		text-align: right;
		float: right;
	}
	.client-info, .invoice-info {
		font-size: 12px;
	}
	.invoice-sum-total {
		margin-top: 30px;
	}
	
	.invoice-info ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.invoice-info ul li {
		display: block;
		font-weight: bold;
	}
	.invoice-info ul li span {
		display: inline-block;
		vertical-align: top;
		font-weight: normal;
		padding-left: 20px;
		min-width: 100px;
	}
	
	.invoice-body table {
		border-top: none;
		border-bottom: none;
	}
	.invoice, .invoice-body table thead tr {
		background: #fff;
	}
	.invoice-body table thead tr {
		border-top: none;
	}
	.invoice-body table tr, .invoice-body table th {
		line-height: 18px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #DDD;
		font-size: 12px;
	}
	.invoice-body table td, .invoice-body table th {
		padding: 10px 32px;
	}
	.invoice-body table th.item {
		width: 18%;
	}
	.invoice-body table th.desc {
		width: 38%;
	}
	.invoice-body table th.price {
		width: 15%;
	}
	.invoice-body table th.qtn {
		width: 15%;
	}
	.invoice-body table th.sub {
		width: 15;
	}
	
	.invoice table td.invoice-sub {
		text-align: right;
		font-weight: bold;
	}
	.invoice td a {
		font-weight: bold;
		color: #2D67A3;
	}
	
	.invoice-footer {
		border-bottom: none;
		border-top: 1px dotted #AAA;
	}


	/* ---------------------------------------------------------------------- */
	/*	Custom Lists
	/* ---------------------------------------------------------------------- */
	
	ul.custom-list {
		list-style: none;
		margin-left:0;
	}
	
	ul.custom-list li {
		padding-left:22px;
		background:url('../img/bullet.png') no-repeat left center;
	}

	/* ---------------------------------------------------------------------- */
	/*	Login Page
	/* ---------------------------------------------------------------------- */
	
	#login {
		width: 278px;
		background: #10baab url(../img/backgrounds/menu_bg.png) repeat-x;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#12d1c1), to(#10baab));
		background: -webkit-linear-gradient(top, #12d1c1, #10baab);
		background: -moz-linear-gradient(top, #12d1c1, #10baab);
		background: -ms-linear-gradient(top, #12d1c1, #10baab);
		background: -o-linear-gradient(top, #12d1c1, #10baab);
		background: linear-gradient(top, #12d1c1, #10baab);
		margin: 100px auto 0;
		position: relative;
		border: 1px solid #CCC;
		padding-top: 60px;
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	/* ---------------------------------------------------------------------- */
	/*	For Demo Purpose (delete if not needed)
	/* ---------------------------------------------------------------------- */
	#theme-switcher {
		float:right;
		position: relative;
		margin:8px 0 0 7px;
	}
	
	.show-in-middle {
		text-align:center;
	}
	
	.red-icon, .green-icon, .purple-icon, .grey-icon, .navyblue-icon, .yellow-icon, .pink-icon, .orange-icon {
		margin-right:10px;
		margin-left:-5px;
		font-size:18px;
	} 
	
	.red-icon, .red {
		color: #931313
	}
	
	.green-icon, .green {
		color: #69b874
	}
	
	.purple-icon, .purple {
		color: #8e69b8
	}
	
	.grey-icon, .grey {
		color: #555
	}
	
	.navyblue-icon, .navyblue {
		color: #5E8ABD
	}
	
	.yellow-icon, .yellow {
		color: #91864F
	}
	
	.pink-icon, .pink {
		color: #b869a8
	}
	
	.orange-icon, .orange {
		color: #E46869
	}
	ul.all-icons-display {
		margin:0;
		padding:20px;
		float:left;
	}
	ul.all-icons-display li {
		float:left;
		width:25%;
		margin:5px 0;
		list-style:none;
	}
	ul.all-icons-display li i { 
		font-size:15px;
	}