@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Lily Script One';
    src: url('css/LilyScriptOne-Regular.ttf');
}
@font-face {
    font-family: "Trebuchet MS";
    src: url('css/trebuc.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Trebuchet MS";
    src: url('css/trebucbd.ttf');
    font-weight: bold;
    font-style: normal;
}

.darkBackground, .largeselect, .topbarDark{
	background-color:#2e6e9e;/*color spec dark*/
	color:white;
}

.lightBackground, .editbox, .topbarLight{
	background-color:#b5d4f0;/*color spec light*/
}

.tooltip {
		border-color:#012342;/*color spec dark*/
}

body{
	background-color:#EEE;
	/*min-width:1000px;*/
	margin:0;
	font-family: Arial,Helvetica,sans-serif;
}
#banner {

	width:100%; 
	min-height:71px; 
	top:0px; 
	padding:0; 
	border:0;
}

.content_wrap {
	width:100%; 
	background-image:url('images/background.jpg'); 
	background-color:#FFF;
	background-repeat:no-repeat; 
	background-position:50% top;
	min-height:550px;
    height:auto !important;
    height:550px; 
	text-align:left;
}

.editbox {
	border:1px solid #000000; 
	padding:5px;
	color:#000000;
}

.largeselect {
	color:#FFF;
	max-width: 250px;
}


.topbarDark{
	width:100%; 
	height:12px; 
}
.topbarLight{
	width:100%; 
	height:12px;
}
.messagebox {
	background-color:#999999; 
	color:#000000; 
	width:100%; 
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	text-align:center;
	border:thin solid black;
}

a:visited{
	color:#000;
}

a{
	font-weight:bold;
	color:#000;
}

a:hover{
	color:#00F;
}

.sf-menu a:hover{
	color:#FFF;
}

.newlink {
	margin-top:10px;
	margin-bottom:10px;
}

.newlink a{
	color:#000;
}

.newlink a:visited{
	color:#000;
}

.newlink a:hover{
	color:#00F;
}

.edit_title{
	font-weight:bold;
	font-size:larger;
	margin-bottom:10px;
}

.panel_img{
	clear:left;
	float:left;
}

.panel_wrap{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.panel_links{
	padding-bottom:30px;
}

.panel_links a:visited{
	color:#FFF;
}

.panel_links a{
	color:#FFF;
}

.panel_links a:hover{
	color:#00F;
}


#buttons{
	display:table;
	padding-left:50px;
	padding-top:100px;
}
#mainButtons{
	display:table-row;
}
.frontbutton:hover{
	color:#FFF;
	display:table-cell;
	background-image:url(images/frontbutton_on.png);
	background-position:center;
	background-repeat:no-repeat;
	height:43px;
	vertical-align:middle;
	text-align:center;
	font-size:20px;
}

.frontbutton{
	width:200px;
	float:left;
	color:#FFF;
	display:table-cell;
	background-image:url(images/frontbutton_off.png);
	background-position:center;
	background-repeat:no-repeat;
	height:43px;
	vertical-align:middle;
	text-align:center;
	font-size:20px;
	margin:15px;
	line-height:43px;
}

.frontbutton a{
	color:#FFF;
	text-decoration:none;
}


.frontbutton a:hover{
	color:#FFF;
	text-decoration:none;
}

.paneldiv{
	width:200px;
	float:left;
	text-align:center;
	margin:15px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}
.paneldiv a {
	color:#FFF;
}
.frontbutton  li{
	font-size:12px;
	line-height:12px;
}
.frontbutton li a:hover{
	text-decoration:underline;
}

.tooltip{ 
	position: absolute;
	padding:5px;
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none;
	max-width:300px;
	background-color:#CCCCCC;
	border-width:3px;
	border-style:solid; 
} 

.picker{
	display:none; 
	background: none repeat scroll 0 0 #555555;
	border: 1px solid #AAAAAA;
	left: auto;
	position: absolute;
	top: auto;
	z-index: 99999999; height:195px; width:195px;
}
.bb td{
	padding-top:10px;
}
.hidden{
	display:none; 
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input.error { border: 1px dotted red; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.boxBorder{
	border:1px solid black;
	margin:10px;
}
.noBSMDropdown .bsmSelect{
	display:none !important;
}
.template_preview img{
	border:0;
	max-height:250px;
	max-width: 250px;
}

.chartBox{
	width:500px;
	display: inline-block;
	border-radius: 15px;
	padding:15px;
	border:3px solid white;
	box-shadow: 0 5px 10px #aaa;
	margin:1em;
}
.chartGradientBg{
	background: #eceadc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #eceadc 0%, #fffcf3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eceadc), color-stop(100%,#fffcf3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #eceadc 0%,#fffcf3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #eceadc 0%,#fffcf3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #eceadc 0%,#fffcf3 100%); /* IE10+ */
	background: linear-gradient(135deg,  #eceadc 0%,#fffcf3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceadc', endColorstr='#fffcf3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.chartsWrap{

}
.chartBoxSeparator{
	clear:both;
}

.chartCanvas{
	width:500px;
	height:350px;
}

.chartLegend{
	border:2px solid white;
	border-radius: 5px;
	box-shadow: 0 5px 10px #aaa;
	text-align: left;
	padding:5px;
}

.chartLegendBullet{
	min-height:25px;
}

.chartLegendText{
	
}

.chartLegendSquare{
	padding-left:15px;
}

.chartTitle{
	font-size: 1.5em;
	font-weight:bold;
	
}

.inline_table_edit{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.table_holder input, .table_holder select{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.dataTables_wrapper .dataTables_processing{
	position: fixed !important;
}
.dataTables_wrapper .dataTables_processing{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#969696+0,969696+100&0+0,0.9+25,0.9+75,0+100 */
background: -moz-linear-gradient(left,  rgba(150,150,150,0) 0%, rgba(150,150,150,0.9) 25%, rgba(150,150,150,0.9) 75%, rgba(150,150,150,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(150,150,150,0) 0%,rgba(150,150,150,0.9) 25%,rgba(150,150,150,0.9) 75%,rgba(150,150,150,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(150,150,150,0) 0%,rgba(150,150,150,0.9) 25%,rgba(150,150,150,0.9) 75%,rgba(150,150,150,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00969696', endColorstr='#00969696',GradientType=1 ); /* IE6-9 */

}
div.dt-buttons .dt-button{
	margin: 3px 3px 3px 0px;
}
div.dt-buttons{
	margin-bottom: 10px;
}
.button-break{
	height:20px;
}
table.dataTable tfoot th.searchable{
	padding-left:0px;
	padding-right:0px;
	text-align: center;
}
table.dataTable tfoot th.searchable input{
	max-width: 90px;
}

.ui-datepicker-trigger{
	vertical-align: top;
	margin-left: 4px;
}

.centeredContent{
	margin:auto;
	min-width:50%;
}
.centeredContent td{
	vertical-align: top;
	padding: 6px 5px;
}
.certificate_operations{
	text-align: center;
	margin-bottom:8px;
}
.certificate_operations form{
	display: inline;
}

.centeredContent tr:nth-child(even){
	background-color:RGBA(255,255,255,.25);
}
.centeredContent tr:first-child td:first-child{
	width:170px;
}
#form1 .ui-input, #form1 .ui-button{
	margin:5px;
}
#bottom_buttons .custom_export_buttons .ui-button{
	display: block;
	margin: 10px 5px;
	padding: 15px;
	font-size: .9em;
}
#bottom_buttons .custom_export_buttons .ui-button:nth-child(2){
	margin-top:20px;
}
#bottom_buttons .custom_export_buttons div.dt-buttons{
	margin-bottom: 0;
}
table.dataTable tbody tr.onlineRow {
	color: #999;
}