/*         
	     __                   .__        
	    |__|____ __________  _|__| ______
	    |  \__  \\_  __ \  \/ /  |/  ___/
	    |  |/ __ \|  | \/\   /|  |\___ \ 
	/\__|  (____  /__|    \_/ |__/____  >
	\______|    \/                    \/ 
	
	Copyright 2013 - Jarvis : Smart Admin Template - version 1.9.4
	
	 * 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
		- Morris 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 (bootstrapSwitch)
		- Invoice
		- Custom Lists
		- Login Page
		- Adjustments (this was added after version 1.9.3)
		- 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:15px;
		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;
		margin-top:0px;
		padding:0 15px 20px 15px;
	}
	
	
	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 15px 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: #7EA437 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(#AAD15F), to(#7EA437));
		background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
		background: -moz-linear-gradient(top, #AAD15F, #7EA437);
		background: -ms-linear-gradient(top, #AAD15F, #7EA437);
		background: -o-linear-gradient(top, #AAD15F, #7EA437);
		background: linear-gradient(top, #AAD15F, #7EA437);
	}

	
	/* 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: 0px;
	}	
	
	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 34px;
		-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 i {
		margin-left:-24px;
	}
	
	
	
	.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 {
		margin: 0;
		padding-right:7px;
		padding-left:34px;
		border-top: none;
		border-left: none;
		border-right: none;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}.widget.alert i {
		margin-left:-24px;
	}
	
	.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;
		
	}

	/* ---------------------------------------------------------------------- */
	/*	Morris Charts
	/* ---------------------------------------------------------------------- */	
		
	.morris-hover {
		position: absolute;
		z-index: 1000;
	}
	.morris-hover.morris-default-style {
		border-radius: 10px;
		padding: 6px;
		color: #666;
		background: rgba(255, 255, 255, 0.8);
		border: solid 2px rgba(230, 230, 230, 0.8);
		font-family: sans-serif;
		font-size: 12px;
		text-align: center;
	}
	.morris-hover.morris-default-style .morris-hover-row-label {
		font-weight: bold;
		margin: 0.25em 0;
	}
	.morris-hover.morris-default-style .morris-hover-point {
		white-space: nowrap;
		margin: 0.1em 0;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	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;
	}

	/* ---------------------------------------------------------------------- */
	/*	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;
		
		padding: 1px 4px 2px 4px !important;
		line-height: 14px;
		font-size: 10.5px;
		
		-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 (bootstrapSwitch)
	/* ---------------------------------------------------------------------- */
	/* ============================================================
	 * bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru
	 * http://www.larentis.eu/switch/
	 * ============================================================
	 * Licensed under the Apache License, Version 2.0
	 * http://www.apache.org/licenses/LICENSE-2.0
	 * ============================================================ */
	.has-switch {
	  display: inline-block;
	  cursor: pointer;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  border: 1px solid;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  position: relative;
	  text-align: left;
	  overflow: hidden;
	  line-height: 8px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  min-width: 100px;
	}
	.has-switch.switch-mini {
	  min-width: 72px;
	}
	.has-switch.switch-small {
	  min-width: 80px;
	}
	.has-switch.switch-large {
	  min-width: 120px;
	}
	.has-switch.deactivate {
	  opacity: 0.5;
	  filter: alpha(opacity=50);
	  cursor: default !important;
	}
	.has-switch.deactivate label,
	.has-switch.deactivate span {
	  cursor: default !important;
	}
	.has-switch > div {
	  display: inline-block;
	  width: 150%;
	  position: relative;
	  top: 0;
	}
	.has-switch > div.switch-animate {
	  -webkit-transition: left 0.5s;
	  -moz-transition: left 0.5s;
	  -o-transition: left 0.5s;
	  transition: left 0.5s;
	}
	.has-switch > div.switch-off {
	  left: -50%;
	}
	.has-switch > div.switch-on {
	  left: 0%;
	}
	.has-switch input[type=checkbox] {
	  display: none;
	}
	.has-switch span,
	.has-switch label {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  cursor: pointer;
	  position: relative;
	  display: inline-block;
	  height: 100%;
	  padding-bottom: 4px;
	  padding-top: 4px;
	  font-size: 14px;
	  line-height: 20px;
	}
	.has-switch span.switch-mini,
	.has-switch label.switch-mini {
	  padding-bottom: 4px;
	  padding-top: 4px;
	  font-size: 10px;
	  line-height: 9px;
	}
	.has-switch span.switch-small,
	.has-switch label.switch-small {
	  padding-bottom: 3px;
	  padding-top: 3px;
	  font-size: 12px;
	  line-height: 18px;
	}
	.has-switch span.switch-large,
	.has-switch label.switch-large {
	  padding-bottom: 9px;
	  padding-top: 9px;
	  font-size: 16px;
	  line-height: normal;
	}
	.has-switch label {
	  text-align: center;
	  margin-top: -1px;
	  margin-bottom: -1px;
	  z-index: 100;
	  width: 34%;
	  border-left: 1px solid #cccccc;
	  border-right: 1px solid #cccccc;
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #f5f5f5;
	  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #e6e6e6;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch label:hover,
	.has-switch label:focus,
	.has-switch label:active,
	.has-switch label.active,
	.has-switch label.disabled,
	.has-switch label[disabled] {
	  color: #ffffff;
	  background-color: #e6e6e6;
	  *background-color: #d9d9d9;
	}
	.has-switch label:active,
	.has-switch label.active {
	  background-color: #cccccc \9;
	}
	.has-switch label i {
	  color: #000;
	  text-shadow: 0 1px 0 #fff;
	  line-height: 18px;
	  pointer-events: none;
	}
	.has-switch span {
	  text-align: center;
	  z-index: 1;
	  width: 33%;
	}
	.has-switch span.switch-left {
	  -webkit-border-top-left-radius: 4px;
	  -moz-border-radius-topleft: 4px;
	  border-top-left-radius: 4px;
	  -webkit-border-bottom-left-radius: 4px;
	  -moz-border-radius-bottomleft: 4px;
	  border-bottom-left-radius: 4px;
	}
	.has-switch span.switch-right {
	  color: #333333;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	  background-color: #f0f0f0;
	  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
	  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
	  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
	  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
	  border-color: #ffffff #ffffff #d9d9d9;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #ffffff;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-right:hover,
	.has-switch span.switch-right:focus,
	.has-switch span.switch-right:active,
	.has-switch span.switch-right.active,
	.has-switch span.switch-right.disabled,
	.has-switch span.switch-right[disabled] {
	  color: #333333;
	  background-color: #ffffff;
	  *background-color: #f2f2f2;
	}
	.has-switch span.switch-right:active,
	.has-switch span.switch-right.active {
	  background-color: #e6e6e6 \9;
	}
	.has-switch span.switch-primary,
	.has-switch span.switch-left {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #006AAC;
	  background-image: -moz-linear-gradient(top, #00438D, #006AAC);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00438D), to(#006AAC));
	  background-image: -webkit-linear-gradient(top, #00438D, #006AAC);
	  background-image: -o-linear-gradient(top, #00438D, #006AAC);
	  background-image: linear-gradient(to bottom, #00438D, #006AAC);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00438D', endColorstr='#ff006AAC', GradientType=0);
	  border-color: #0088cc #0088cc #005580;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #006AAC;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-primary:hover,
	.has-switch span.switch-left:hover,
	.has-switch span.switch-primary:focus,
	.has-switch span.switch-left:focus,
	.has-switch span.switch-primary:active,
	.has-switch span.switch-left:active,
	.has-switch span.switch-primary.active,
	.has-switch span.switch-left.active,
	.has-switch span.switch-primary.disabled,
	.has-switch span.switch-left.disabled,
	.has-switch span.switch-primary[disabled],
	.has-switch span.switch-left[disabled] {
	  color: #ffffff;
	  background-color: #0088cc;
	  *background-color: #0077b3;
	}
	.has-switch span.switch-primary:active,
	.has-switch span.switch-left:active,
	.has-switch span.switch-primary.active,
	.has-switch span.switch-left.active {
	  background-color: #006699 \9;
	}
	.has-switch span.switch-info {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #41a7c5;
	  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
	  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
	  background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
	  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
	  border-color: #5bc0de #5bc0de #28a1c5;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #5bc0de;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-info:hover,
	.has-switch span.switch-info:focus,
	.has-switch span.switch-info:active,
	.has-switch span.switch-info.active,
	.has-switch span.switch-info.disabled,
	.has-switch span.switch-info[disabled] {
	  color: #ffffff;
	  background-color: #5bc0de;
	  *background-color: #46b8da;
	}
	.has-switch span.switch-info:active,
	.has-switch span.switch-info.active {
	  background-color: #31b0d5 \9;
	}
	.has-switch span.switch-success {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #729C14;
	  background-image: -moz-linear-gradient(top, #729C14, #9DC234);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#729C14), to(#9DC234));
	  background-image: -webkit-linear-gradient(top, #729C14, #9DC234);
	  background-image: -o-linear-gradient(top, #729C14, #9DC234);
	  background-image: linear-gradient(to bottom, #729C14, #9DC234);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff729C14', endColorstr='#ff9DC234', GradientType=0);
	  border-color: #62c462 #62c462 #3b9e3b;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #9DC234;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-success:hover,
	.has-switch span.switch-success:focus,
	.has-switch span.switch-success:active,
	.has-switch span.switch-success.active,
	.has-switch span.switch-success.disabled,
	.has-switch span.switch-success[disabled] {
	  color: #ffffff;
	  background-color: #62c462;
	  *background-color: #4fbd4f;
	}
	.has-switch span.switch-success:active,
	.has-switch span.switch-success.active {
	  background-color: #42b142 \9;
	}
	.has-switch span.switch-warning {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #f9a123;
	  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
	  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
	  background-image: -o-linear-gradient(top, #f89406, #fbb450);
	  background-image: linear-gradient(to bottom, #f89406, #fbb450);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
	  border-color: #fbb450 #fbb450 #f89406;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #fbb450;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-warning:hover,
	.has-switch span.switch-warning:focus,
	.has-switch span.switch-warning:active,
	.has-switch span.switch-warning.active,
	.has-switch span.switch-warning.disabled,
	.has-switch span.switch-warning[disabled] {
	  color: #ffffff;
	  background-color: #fbb450;
	  *background-color: #faa937;
	}
	.has-switch span.switch-warning:active,
	.has-switch span.switch-warning.active {
	  background-color: #fa9f1e \9;
	}
	.has-switch span.switch-danger {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #d14641;
	  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
	  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
	  background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
	  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
	  border-color: #ee5f5b #ee5f5b #e51d18;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #ee5f5b;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
	
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.has-switch span.switch-danger:hover,
	.has-switch span.switch-danger:focus,
	.has-switch span.switch-danger:active,
	.has-switch span.switch-danger.active,
	.has-switch span.switch-danger.disabled,
	.has-switch span.switch-danger[disabled] {
	  color: #ffffff;
	  background-color: #ee5f5b;
	  *background-color: #ec4844;
	}
	.has-switch span.switch-danger:active,
	.has-switch span.switch-danger.active {
	  background-color: #e9322d \9;
	}


	/* ---------------------------------------------------------------------- */
	/*	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: #7EA437 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(#AAD15F), to(#7EA437));
		background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
		background: -moz-linear-gradient(top, #AAD15F, #7EA437);
		background: -ms-linear-gradient(top, #AAD15F, #7EA437);
		background: -o-linear-gradient(top, #AAD15F, #7EA437);
		background: linear-gradient(top, #AAD15F, #7EA437);
		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;
	}

	/* ---------------------------------------------------------------------- */
	/*	Adjustments
	/* ---------------------------------------------------------------------- */
	
	.jarviswidget.transparent, .jarviswidget.transparent > div {
		background:none !important;
		border:none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow:none;
	}
	.jarviswidget.transparent header {
		display:none;
	}
		
	.dimention {
		font: normal 960% Arial;
		margin: 3% 0;
		text-align: center;
		color: #FFF;
		text-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	}
	
	.error-page #page-content {
		background:none;
		text-align:center;
	}

	/* ---------------------------------------------------------------------- */
	/*	Error Page
	/*  Tutorial credit: http://24ways.org/2009/css-animations/ 
	/* ---------------------------------------------------------------------- */
	
	.negative .notification-icon {
		background: url('../img/jarvis/negative_48.png') no-repeat center center rgba(0, 0, 0, 0);
	}
	
	.error-page body, .error-page.animate body {
		margin:0;
		overflow: hidden;
		background:#000;
	}
	
	.error-page .main-search {
		margin:50px auto;
		max-width:300px;
	}
	
	.error-page .main-search input {
		height: 50px;
		font-size: 20px;
		padding-left: 39px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border: 1px solid #ADADAD;
		color:#ADADAD;
	}
	.error-page .main-search input:focus {
		color:#fff;
	}
	.error-page .main-search label {
		top: 15px;
		left: 16px;
		font-size: 20px;
		color:#ADADAD;
	}
	
	.error-page.animate body {
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	.error-page #page-content p {
		z-index: -1;
		position:fixed;
		top:50%;
		left:50%;
	}
	.error-page #page-content h3 {
		color:#fff;
	}
	
	@-webkit-keyframes pulse {
		from {
			background: #000;
		}
		25% {
			background-color: #003;
		}
		50% {
			background-color: #030;
		}
		to {
			background: #000;
		}
	}
	
	.error-page #fog,
	.error-page #fog-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2000px;
		height: 2000px;
		margin-top: -1000px;
		margin-left: -1000px;
		opacity: .5;
		background: url(../img/errorpage/fog.png) repeat-x 0 center;
		-webkit-animation-name: fogAnimation;
		-webkit-animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	.error-page #fog-2 {
		opacity: 1;
		-webkit-animation-duration: 120s;
	}
	
	@-webkit-keyframes fogAnimation {
		from {
			-webkit-transform: rotate(0deg);
			background-position: 0 center;
		}
		to {
			-webkit-transform: rotate(360deg);
			background-position: 1000px center;
		}
	}
	
	.error-page #glow {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 800px;
		height: 800px;
		margin: -400px 0 0 -400px;
		background: url(../img/errorpage/glow.png) repeat-x 0 0;
		-webkit-animation-name: glowAnimation;
		-webkit-animation-duration: 5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	@-webkit-keyframes glowAnimation {
		from {
			opacity: 1;
		}
		50% {
			opacity: .75;
		}
		to {
			opacity: 1;
		}
	}
	
	.error-page #light {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 800px;
		height: 800px;
		margin: -400px 0 0 -400px;
		background: url(../img/errorpage/light.png) no-repeat center center;
		-webkit-animation-name: lightAnimation;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	@-webkit-keyframes lightAnimation {
		from {
			opacity: .25;
		}
		50% {
			opacity: .5;
		}
		to {
			opacity: .25;
		}
	}
	
	.error-page #stars,
	.error-page #stars-2,
	.error-page #small-stars,
	.error-page #small-stars-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 600px;
		height: 600px;
		margin: -300px 0 0 -300px;
		background: url(../img/errorpage/stars-large.png) no-repeat center center;
		-webkit-animation-name: starsLarge;
		-webkit-animation-duration: 60s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	@-webkit-keyframes starsLarge {
		from {
			-webkit-transform: rotate(0deg) scale(3);
			opacity: .1;
		}
		to {
			-webkit-transform: rotate(360deg) scale(.5);
			opacity: 0;
		}
	}
	
	.error-page #stars-2 {
		-webkit-animation-name: starsLargeAlt;
		-webkit-animation-duration: 45s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
	}
	
	@-webkit-keyframes starsLargeAlt {
		from {
			-webkit-transform: rotate(180deg) scale(3);
			opacity: .25;
		}
		to {
			-webkit-transform: rotate(360deg) scale(.5);
			opacity: 0;
		}
	}
	
	.error-page #small-stars,
	.error-page #small-stars-2 {
		background: url(../img/errorpage/stars-small.png) no-repeat center center;
		-webkit-animation-duration: 15s;
		-webkit-animation-name: starsSmall;
	}
	
	.error-page #small-stars-2 {
		-webkit-animation-name: starsSmallAlt;
		-webkit-animation-duration: 30s;
	}
	
	@-webkit-keyframes starsSmall {
		from {
			-webkit-transform: rotate(360deg) scale(3);
			opacity: .25;
		}
		to {
			-webkit-transform: rotate(0deg) scale(.5);
			opacity: 0;
		}
	}
	
	@-webkit-keyframes starsSmallAlt {
		from {
			-webkit-transform: rotate(0deg) scale(3);
			opacity: .1;
		}
		to {
			-webkit-transform: rotate(360deg) scale(.5);
			opacity: 0;
		}
	}


	/* ---------------------------------------------------------------------- */
	/*	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;
	}