body {
	background-color: #E3E3E3;
	background: url(../images/bg.png)repeat;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75.0%;
	color: #333333;
	line-height: 2em;
}

/* ------------------------------------------ */
	
div.box {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    margin: 3px;
    padding: 7px;
}

.guide {top:-40px;height:0px;position:relative; left:5px;float:right;z-index:999999998;padding-right:12px;border:0px solid red;}

/* ------------------------------------------ */
.error,
.notice,
.success    { 
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #C09853;
}

.error      { 
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48; 
}
.notice     { 
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #3A87AD; 
}
.success    { 
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
}
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.field-error, .error, .notice, .success {
	line-height: 1.5em;
}
 
/* CHART */
.col-lg-4 {
   /* width: 33.3333%;*/
	/*float: left;*/
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.media > .pull-right {
    margin-left: 10px;
}

.media-small {
    min-width: 80px;
}
.pull-right {
    float: right;
}
.pull-right {
    float: right !important;
}

.bg-light {
    background: #e1e5e9 none repeat scroll 0 0;
    color: #414549;
}

.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.btn-primary, .bg-primary, .btn-primary.btn-circle > i {
    background-color: #13c4a5;
    color: #fff;
}
.btn-success, .bg-success, .btn-success.btn-circle > i {
    background-color: #3fcf7f;
    color: #fff;
}
.btn-info, .bg-info, .btn-info.btn-circle > i {
    background-color: #5191d1;
    color: #fff;
}
.btn-warning, .bg-warning, .btn-warning.btn-circle > i {
    background-color: #f4c414;
    color: #fff;
}
.btn-danger, .bg-danger, .btn-danger.btn-circle > i {
    background-color: #ff5f5f;
    color: #fff;
}
.bg-default {
    background: #bac3cc none repeat scroll 0 0;
}
.progress-bar {
    /*background-color: #428bca;*/
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    float: left;
    position: relative;
	margin-bottom:10px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-radius: 0;
}

.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}

.btn-white {
    background-color: #fff;
    border-color: #c3c6c9;
    border-width: 1px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
    color: #657483;
    padding: 6px 12px;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    background-color: #f7f8f9;
    border-color: #c3c6c9;
    color: #657483;
}

.btn-white.btn-sm, .btn-default.btn-sm {
    padding: 5px 10px;
}

.btn-group-sm > .btn {
    font-size: 12px;
    line-height: 1.5;
}

/* END CHART CSS */

a {
	font-weight: bold;
	color: #000000;
}
td.label {
	font-weight: bold;
	width: 120px;
}
.label{
	font-weight: bold;
}
.blue-bullet {
	background: url(../images/icons/bullet_blue.png) no-repeat;
	padding-left: 20px;
}
.green-bullet {
	background: url(../images/icons/bullet_green.png) no-repeat;
	padding-left: 20px;
}
.red-bullet {
	background: url(../images/icons/bullet_red.png) no-repeat;
	padding-left: 20px;
}
.star-bullet {
	background: url(../images/icons/star.png) no-repeat;
	padding-left: 20px;
}
.no-bullet {
	padding-left: 20px;
}

.date {
	color: #DD2AB5;
	font-weight: bold;
}

hr {
	height: 4px;
}
	hr.dark_grey {
		background-color: #ebebeb;
		color: #9A9A9A;
	}
	hr.hr_section {
		background-color: #9A9A9A;
		color: #9A9A9A;
		padding: 0px;
		margin: 0px;
	}
	
h1 {
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 1px;
}
	h1.title {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.273em;
		color: #003a56;
		font-style: italic;
		font-weight: normal;
		margin-bottom: 2px;
	}
		h1.title a {
			color: #003a56;
			font-weight: normal;
		}
	h1.section {
		background-color: #666666;
		color: #FFFFFF;
		padding: 10px;
	}
	
h4.title {
	color: #A154A0;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
.prepend-top {
    margin-top: 10px;
}

.xmessage {
	margin: 0 auto; 
	text-align:center; 
	padding: 150px 0 150px 0;
}

.paginator {
    font-size: 0.917em;
}
	.paginator span.padded {
		/* this brings error in chrome!! */
		/* margin-right: 7px; */
	}
		.paginator span.pager {
			margin-left: 0;
		}
			.paginator span.pager ul {
				display: inline;
			}
				.paginator span.pager ul li{
					display: inline;
					margin-left: 1px;
					border: 1px solid #D7D7D7;
					padding: 3px 4px 3px 4px;
				}
				.paginator span.pager ul li.current{
					background-color: #F2F2F2;
				}
				.paginator span.pager ul li.borderless{
					border: none;
					padding:2px;
					margin: 0px;
				}
			.paginator span.pager a, .paginator span.pager a:link {
				font-weight: normal;
				text-decoration: none;
			}
			.paginator span.pager a:hover {
				font-weight: bold;
				text-decoration: underline;
			}
			
table.no-bottom-margin {
	margin-bottom: 0px;
}
			
table.listing {
    border-collapse: collapse;
    margin-bottom: 10px;
}
	table.listing th {
		background-color: #ebebeb;
		border: 1px solid #FFFFFF;
		color: #000;
		padding: 5px;
	}
	
	table.listing th a{
		color: #000;
	}
	
	table.listing td {
		border-bottom: 1px solid #E1E1E1;
		padding: 5px;
		vertical-align: top;
	}
	table.listing tr.highlight {
		background-color: #FFFFCC;
	}

select.xs, input.xs, .select2-container.xs{
    width: 40px;
}
select.s, input.s, .select2-container.s {
    width: 80px;
}
select.m, input.m, .select2-container.m {
    width: 120px;
}
textarea, select.l, input.l, .select2-container.l {
    width: 220px;
}
textarea.xl, select.xl, input.xl, .select2-container.xl {
    width: 95%;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 5px;
}

form .two-columns {
	width: 49%;
}
.left {float: left;}
.right {float: right;}

.number {
	text-align: right;
}


/* ------------------------------------------ */
.ui-widget{
	font-size: 1em;
}
.ui-tabs {
    padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	.ui-tabs.ui-corner-all, .ui-tabs .ui-corner-all {
		-moz-border-radius: 0 0 0 0;
	}
	.ui-tabs.ui-widget-content {
		border: medium none;
	}
	.ui-tabs .ui-tabs-nav {
		padding: 0 5px;
	}
	.ui-tabs .ui-widget-header {
		background: none repeat scroll 0 0 transparent;
		border-color: -moz-use-text-color -moz-use-text-color #AAAAAA;
		border-style: none none solid;
		border-width: medium medium 1px;
	}
	.ui-tabs .ui-corner-all
	{
		moz-border-radius-bottomright: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-khtml-border-bottom-right-radius: 0px;
		border-bottom-right-radius: 0px;
		
		moz-border-radius-bottomleft: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-khtml-border-bottom-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.ui-tabs .ui-corner-top {
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
	}
	.ui-tabs .ui-tabs-nav li {
		
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	}
	.ui-tabs li a {
		outline: 0 none;
		padding: 6px 24px 6px 24px !important;
	}
	.ui-tabs li.ui-state-default {
		background: none repeat scroll 0 0 #DDDDDD;
	}
	.ui-tabs li.ui-state-active {
		background-color: #FFFFFF;
	}
	.ui-tabs .ui-tabs-panel {
		display: none;
		padding: 0px;
	}

		.ui-tabs-nav a
			{
				color: #333333 !important;
			}
			.ui-tabs-nav .ui-tabs-selected, 
			.ui-tabs-nav .ui-state-hover
			{
				border-color: #AAAAAA !important;
			}
	
.xtab-container.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
}
	.xtab-container.ui-widget-content {
		border: medium none;
	}

/* ------------------------------------------ */
ul.attachment
{
	margin-left: 20px;
	padding-left: 10px;
	list-style-image: url(../images/icons/attach.png);
}
ul.attachment li {
}

/* jquery autocomplete ------------------------------------------ */
.ui-autocomplete {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden; /* prevent horizontal scrollbar */
	padding-right: 20px; /* add padding to account for vertical scrollbar */
}
li.ui-menu-item {		
	border-bottom: 1px solid #cccccc;
}
li.ui-menu-item a {
	font-weight: normal;
	padding: 10px 5px 10px 5px !important;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 150px;
}

.ui-icon-empty {
	background: none;
}

/* jquery dialogs --------------------------------------- */
.ui-dialog {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-button-text
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

/* */
.calendar tr.week_row{
	background: #646464;
	color: #ffffff;
}
	.calendar tr.week_row td {
		font-weight: bold;
	}

	.calendar td.cal_cell {
		background: #ffffff;
		height: 120px;
		vertical-align: top;
		border: 1px solid #F3F3F3;
		width: 14%;
	}
	
	.calendar div.today {
		background: #E6EDF7;
	}
	
	.calendar div.other_month {
		background: #F0F0F0;
	}
	
div.data-container
{
	background: whiteSmoke;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
	padding: 10px;
}
table.data-form tr {
	border-bottom: 1px dashed #DEDEDE;
}
	table.data-form tr td
	{
		padding-bottom: 8px; 
		padding-top: 8px; 
	}

/* picker dialog */

.picker_dialog tr.data:hover{
	cursor: pointer;
	text-decoration: underline;
}

/*
.picker_dialog {
		margin-top: 5px;
		padding: 10px;
		background: white;
		border: 1px solid #8C8C8C;
		border: 1px solid rgba(0, 0, 0, .45);
		border-bottom: 1px solid #666;
		-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
		width: 450px;
		height: 300px;

		position: absolute;
		display: block;
		left: 0;
		bottom: 0;
	}
		.picker_dialog .title {
			font-weight: bold;
			border-bottom: 1px solid #bbbbbb;
			padding-bottom: 10px;
		}

		.picker_dialog .data {
			overflow-y:scroll; height: 230px
		}
*/