html, body { height:100%; }

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:#fefefe;
	color:#444444;
	font-size: 14px;
	font-family: Verdana, sans-serif;

}

 /* Define fonts */
@font-face {
	font-family: "calibri";
	src: url( fonts/calibri.otf ); /* IE */
	src: local(" calibri "), url( fonts/calibri.ttf ) format("truetype"); /* non-IE */
}
@font-face {
	font-family: "calibrib";
	src: url( fonts/calibrib.otf ); /* IE */
	src: local(" calibrib "), url( fonts/calibrib.ttf ) format("truetype"); /* non-IE */
}

.mainCanvas {
	width:100%;
	height:100%;
}

.sortable-list {
	background-color: #FFFFFF;
	list-style: none;
	margin: 0;
	min-height: 60px;
	padding: 10px;
}
.sortable-item {
	background-color: #cecece;

	cursor: move;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 40px 0;
	text-align: center;
}

.generic_link {
	color:#444444;
	font-size:10px;
	text-decoration:none;
}

.generic_link:hover {
	text-decoration:underline;
}

.version_info {
	color:#666666;
	font-size:10px;
	text-decoration:none;
}


/* Containment area */


 /* Login window */
.popup_window_wrapper {


	background-color:#ffffff;
	width:320px;
	height:340px;
	border: solid 1px #cccccc;
}


.login_wrapper {



	background-color:#ffffff;
 	position:absolute;
     width:320px;
     height:auto;
	border: solid 1px #cccccc;
     top:30%;
     left:50%;
     margin:-150px 0 0 -150px;
}



.login_window {
	opacity: .9;
	background-color:#ffffff;
	width:300px;
	height:300px;
}


.login_field_header {
	color:#444444;
	font-size:12px;
}

.login_warning {
	color:#E33D21;
}

.mobileKeypadDisplay {
	height:50px;
	color:#000000;
	font-size: 30px;
	font-weight:bold;
}

.mobileKeypadDisplayInput {
	top:25px;
	height:50px;
}
.mobileKeypadButton {
	font-family: "calibri", "sans-serif";
	text-align:center;
	font-size: 24px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

}
.mobileKeypadButton:hover {
	background-color:#ff0000;
}

 /* Main (top) bar / Module bar */
.mainbar {

	border: solid 1px #cccccc;
	background-color:#ffffff;
	<!-- padding:0px 0px 4px 4px; -->


	height:40px;
}

.block_vspacing {
	height:4px;
}

.block_hspacing {
	width:4px;
}


.tr_corner {
	background: url(images/tr_corner_graphic.png);
	width:221px;
	height:40px;
	background-size: 100%;
}


 /* Side menu / Left submodule menu */
.sidemenu {


	background-color:#ffffff;

	border: solid 1px #cccccc;
}


.sidebar_item {
	font-size: 13px;
	background-color:#eeeeee;
	overflow:hidden;
}
.sidebar_header {
	font-family: "calibrib", "sans-serif";
	text-align:center;
	font-size: 16px;
	font-weight:bold;
}




.sidemenu, .leftmenu {
	width:240px;
	padding-left:0px;

}


 /* Data pane / Main Content Pane */
.datapane {

	background-color:#ffffff;
	border: solid 1px #cccccc;

}

.datapaneSingle {

	background-color:#ffffff;

}

 /* Footer pane / Status Bar */
.footer_pane {
	background-color:#ffffff;
	height:44px;
	border: solid 1px #cccccc;
}

.footer_container {
	width:100%;
	height:24px;
	background-color:#888888;
	color:#cccccc;
	position: absolute;
	bottom: 0;
	left: 0;

	}


.footer_text {

	font-family: "calibri", "sans-serif";
	font-size:14px;
}


 /* Debug window */
#debug_window { width: 150px; height: 150px; padding: 0.5em; }
#debug_window h3 { text-align: center; margin: 0; }


.tooltipDefault {
	padding:4px 4px 4px 4px;
	position:absolute;
	width:auto;
	height:auto;
}

label {
display: inline-block;
width: 5em;
}

/*
	Controls

*/

.checkbox_list1 {
	overflow:auto;
	width:300px;
	height:200px;
}


.checkbox_list2 {
	overflow:auto;
	width:300px;
	height:300px;
}



.generic_button {
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	font-size: 16px;

	cursor: pointer;
	vertical-align: middle;
	text-align:center;

}


.generic_object_link {
	font-size:12px;

	color: #000000;
	min-height:22px;
	height:auto;
	line-height:22px;
	border:1px #AA0061 solid;
	cursor: pointer;

	padding-top:0px;
	padding-left:4px;
	padding-right:20px;
	padding-bottom:0px;
	background: url(images/icon-right.png);
	background-repeat:no-repeat;
	background-size: 20px 20px;
	background-position: right;

	 -moz-border-radius:  4px 20px 20px 4px;
    -webkit-border-radius:  4px 20px 20px 4px;
    -khtml-border-radius:  4px 20px 20px 4px;
    border-radius: 4px 20px 20px 4px;

	text-decoration: none;


}

.generic_object_link a {
	color: #bbbbbb;
	text-decoration: none;
}
.generic_object_link a:active  {
	color: #bbbbbb;
	text-decoration: none;
}
.generic_object_link a:visited  {
	color: #bbbbbb;
	text-decoration: none;
}


.generic_button_small {
	font-size:10px;
	cursor: pointer;
	height: 30px;
	line-height: 30px;

	cursor: pointer;
	vertical-align: top;
	text-align:center;

}


.sort_colheader {
	cursor: pointer;
	height: 32px;
	font-weight:bold;
	line-height: 32px;
}

.active_search_results {
	background-color:#ffffff;
}



.subModuleTitle {
	font-family: "calibrib", "sans-serif";

	background-repeat:no-repeat;
	background-size: 100% 100%;
	width:210px;
	height:40px;
	line-height:40px;

	color:#222222;
	font-size:16px;
	font-weight:bold;
	vertical-align: middle;
	text-align:left;


 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	cursor: pointer;

	padding-left: 10px;
	padding-right: 10px;
}

.moduleButton {

		background: #cccccc ;
}

.subModuleButton {
	font-family: "calibrib", "sans-serif";

	background: url(images/subitembg.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;

	width:100%;
	height:40px;
	line-height:40px;

	color:#222222;
	font-size:16px;

	vertical-align: middle;
	text-align:left;


	cursor: pointer;
	left:4px;

}

.moduleButtonMobile {
	font-family: "calibri", "sans-serif";


	height:60px;
	line-height:30px;

	color:#444444;
	font-size:16px;

	vertical-align: middle;
	text-align:left;

	cursor: pointer;

}





.subModuleButtonOver {



color:#ffffff;
font-size:14px;
vertical-align: middle;
text-align:left;
	padding-left: 10px;
	padding-right: 10px;
}




.popup_layover {
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
	background: url(images/layoverbg.png);

}



.search_select_row {
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	background-color:#dddddd;
}



.search_select_rowOdd {
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	background-color:#eeeeee;
}

.search_select_cancel {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	background-color:#eeeeee;

}

.search_select_cancel:hover {
	background-color:#23B7E1;
}

.search_select_reset {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	background-color:#eeeeee;
}

.search_select_reset:hover {
	background-color:#ff3333;
}



.main_canvas {
	width:100%;


	text-align:center;
}


.popup_window {

}


.main_background {
	height:100%;
	background: #AA0061;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}


.main_content {

}


.dataTableHeaders {
	font-size:15px;
	font-family: "calibri", "sans-serif";
	width:100%;
	height:32px;
	line-height: 32px;;

	background:#f2f2f2;
	font-weight:bold;
	color:#444444;

	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}


.dataTable {
	background:#ffffff;
	font-size:11px;
}



.mainbar_text {
	font-size: 18px;
	font-weight:bold;

}


.titlebar_warning {
	background:#ff3333;
	color:#FFFFFF;

padding-top: 4px;
padding-left: 10px;
}




.field_header {
	font-family: "calibri", "sans-serif";
	background:#f0f0f0;
	color:#222222;
	font-size:18px;
	height:30px;
	line-height:32px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;

}

.genericFieldHeader {
	font-family: "calibri", "sans-serif";
	color:#222222;
	font-size:18px;

}



.formMainTitleHeader {
background:#aaaaaa;
color:#222222;
vertical-align: middle;
line-height:32px;
height:32px;
padding-left: 10px;

}


.formTitleHeader {
background:#cccccc;
vertical-align: middle;
line-height:32px;
height:32px;
padding-left: 10px;

}
.formview_title {

	font-size:12px;
	font-weight:bold;



	height:32px;
	line-height:22px;
	padding-left:4px;
	padding-right:4px;
}


.formview_title2 {

	font-size:11px;
	font-weight:bold;


	height:auto;
	line-height:22px;
}

.formview_input {

	font-size:12px;
	border:1px #999 solid;

	background:#ffffff;


	min-height:22px;
	height:auto;
	line-height:22px;
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
}

.formview_input2 {

	font-size:12px;


	min-height:22px;
	height:auto;
	line-height:22px;
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
}

.formview_row {
		height:26px;
		line-height:26px;

}

.editRow_selected {
	background:#FFE267;
}
.editRow_selected:hover {
	background:#FFE267;
}
.warning {
	background:#ffa7a7;

}
.formview_row_sub {
		height:30px;
}


.formview_toolbar {
	font-size:14px;
	background:#AA0061;
	color:#ffffff;
	height:30px;
	line-height:32px;
}


.dividerLine1 {
line-height:1px;
height:1px;
background:#888888;

}

.dividerLine1vert {

width:1px;
background:#bbbbbb;

}



.rowOdd {
	font-size:12px;
	cursor: pointer;
	background: url(images/datarowbg.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

.rowEven {
	font-size:12px;
	cursor: pointer;
	background: #ececec;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

.rowEven:hover, .rowOdd:hover {
	background: #AA0061;
	color:#ffffff;
}


.rowOddScaling {
	font-size:12px;
	cursor: pointer;
	background: #ffffff;
}

.rowEvenScaling {
	font-size:12px;
	cursor: pointer;
	background: #ececec;
}

.rowEvenScaling:hover, .rowOddScaling:hover {
	background: #23B7E1;
}

.rowGreen {
	background: #00ff00;
}

.rowRed {
	background: #ff0000;
}

.rowHighlight {
color:#f7941d;

}


.rowOddStatic {
	font-size:12px;
	cursor: pointer;
	background: #ffffff;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	line-height:16px;
}

.rowEvenStatic {
	font-size:12px;
	cursor: pointer;
	background: #ececec;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	line-height:16px;
}


.sub_control_bar {
	width:100%;

background:#ffffff;

}

.topcontrol_table {
	font-size:12px;
	border-spacing:0;
	border-collapse:collapse;
	background:#ffffff;

}

.sub_control_bar_bg {
	background: url(images/controlbarbg.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;

	width:100%;
	height:40px;


}

.formGroupTitle {
	background: url(images/controlbarbg.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;

	width:100%;
	height:32px;
	line-height:32px;

}

.sub_control_bar_bg_inv {
	background: url(images/controlbarbg_inv.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;

	width:100%;
	height:40px;


}


.topcontrol_right_corner {
	background: url(images/tr_corner_controlbar.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;


}

.sub_footer_bar {
	font-family: "calibri", "sans-serif";
	width:100%;
	background:#f3f3f3;
	font-weight:bold;
	color:#000000;
}

.fancybox-outer {
 background-color: #FF0000; /* or whatever */
}


.bb_smartag_popup {
background:#eeeeee;
}

.rowHighLight {


	padding-left: 10px;
}

.bb_mobile_tab {
	width:100%;
	height:100%;
	background:#ffffff;
}

.content_mask {
	background:#ffffff;
}


/*
Set generic highlight color

*/
.smallIconButtonOver {
	cursor: pointer;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    }


.search_select_cancel_over, .rowHighLight,  .submoduleHighLight, .subModuleButtonOver, .moduleButtonMobile:hover, .generic_object_link:hover, .generic_button_small:hover, .generic_button:hover, .search_select_row:hover, .search_select_rowOdd:hover, .sidebar_item:hover {
	background-color:#AA0061;
	color:#ffffff;

}


.planning_cell_header {

	color:#ffffff;
	background-color:#012E5D;
	border:1px #ffffff solid;
	height:24px;
}



.planning_cell {
	background:#eeeeee;
	height:24px;
	border:1px #ffffff solid;
}


.planning_cell_selected {
	background:#7efa9c;
	height:24px;
	border:1px #ffffff solid;
}

.planning_cell_red {
	background:#ff5555;
	height:24px;
	border:1px #ffffff solid;
}


.planning_cell_header1 {
	height:24px;
	line-height:24px;

	border:1px #cccccc solid;
	color: #222222;
	background-color:#cccccc;
}

.planning_cell_header2 {

	color:#888888;
	background-color:#dddddd;
	border:1px #dddddd solid;
	height:24px;
	line-height:24px;
}

.planning_cell_totals {
	font-weight:bold;
	height:24px;
	line-height:24px;
	border:1px #ffffff solid;
}

.planningColumnTitle {

	height:24px;
	line-height:24px;
	padding-left:4px;
}

.planningColumnValue {

	height:24px;
	line-height:24px;
	padding-left:4px;
}


.planning_cell:hover {
	background-color:#23B7E1;
}

.planning_popup {
	border:1px #999 solid;
	background-color:#ffffff;
	 -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    	-moz-box-shadow: 3px 3px 0px #444444;
	-webkit-box-shadow: 3px 3px 0px #444444;
	box-shadow: 3px 3px 0px #444444;
}

input {
	border:1px #ffffff solid;
	height:12px;

}


.trayContainer {
	width:100%;
	height:30px;

}
.toolTray {

	width:240px;
	height:44px;
	line-height:44px;
}

.toolTrayContent {
	-moz-box-shadow: 3px 3px 0px #444444;
	-webkit-box-shadow: 3px 3px 0px #444444;
	box-shadow: 3px 3px 0px #444444;

	background-color:#efefef;
	width:320px;
	height:340px;


}




.mini_popup_layover {
	background: url(images/layoverbg.png);

}



/*
JQueryFiletree

*/

UL.jqueryFileTree {

	font-size: 14px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	color: #aaaaaa;
	list-style: none;
	padding: 0px 0px 0px;
	padding-left: 40px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A {
	color: #222222;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
	background: #CB4766;
}

/* Core Styles */
.jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; }
/* File Extensions*/
.jqueryFileTree LI.ext_3gp { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(images/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url(images/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(images/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(images/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(images/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url(images/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(images/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(images/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(images/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url(images/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(images/zip.png) left top no-repeat; }

/*
	RTE texteditor

*/

.rte-zone{margin:0;padding:0;border:1px #999 solid;clear:both;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.rte-zone textarea{padding:0;margin:0;border:0;position:relative;left:0;clear:both;}
.rte-resizer{width:100%;height:20px;margin:0;padding:0;display:block;border-top:1px solid #999;background-color:#fdfdfd;}
.rte-resizer a{background:url('images/rte_icons.gif') no-repeat 0 0;background-position:0 -688px;width:16px;height:16px;display:block;float:right;cursor:se-resize;margin-top:4px;}
.rte-toolbar{width:100%;margin:0;padding:0;display:block;border-bottom:1px dashed #999;background-color:#fdfdfd;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.rte-toolbar p{margin:0;padding:0;clear:both;}.rte-toolbar select{font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;height:16px;padding:0;margin:0;}
.rte-panel{position:absolute;left:0;top:0;border:1px solid #999;display:block;clear:both;margin:0;padding:5px 5px 0 5px;background:#f0f0f0;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.rte-panel div.rte-panel-title{font-weight:bold;margin:-5px -5px 5px -5px;padding:5px;height:16px;line-height:16px;background:#e0e0e0;border-bottom:1px solid #ccc;display:block;clear:both;cursor:move;}
.rte-panel div.rte-panel-title .close{position:absolute;top:0;right:0;display:block;float:right;text-decoration:none;font-size:14px;font-weight:bold;color:#f00;}.rte-panel label{display:block;float:left;width:50px;margin:0 5px 0 2px;font-weight:bold;font-size:10px;text-align:right;line-height:20px;font-size:100%;}.rte-panel input,.rte-panel select{margin:0 5px 0 2px;padding:0;height:20px;font-size:10px;border:1px solid #ccc;float:left;vertical-align:middle;line-height:20px;}.rte-panel button{margin:0 5px 0 2px;padding:2px 5px;font-size:10px;border:1px solid #ccc;float:left;vertical-align:middle;}.rte-panel p.submit{margin:5px -5px 0 -5px;padding:5px;height:20px;line-height:20px;background:#e0e0e0;border-top:1px solid #ccc;display:block;clear:both;}.rte-panel p.submit button{width:60px;padding:2px 5px;margin-left:10px;font-weight:bold;}.rte-panel .colorpicker1,.rte-panel .colorpicker2{margin:0 5px 0 0;padding:0;float:left;border:1px solid #000;}.rte-panel .colorpicker2{margin:0;border:0;}.rte-panel .colorpicker1 .rgb{background:url('images/rte_colorpicker_rgb.jpg') no-repeat 0 0;width:300px;height:150px;cursor:crosshair;}.rte-panel .colorpicker1 .gray{background:url('images/rte_colorpicker_gray.jpg') no-repeat 0 0;width:15px;height:150px;cursor:crosshair;}.rte-panel .colorpicker2 .preview{margin:3px 0;padding:0;width:50px;height:50px;border:1px solid #000;clear:both;background:#000;}.rte-panel .colorpicker2 .color{margin:3px 0;padding:0;clear:both;}.rte-panel .colorpicker2 .palette{margin:0;padding:0;width:50px;height:50px;border:1px solid #000;cursor:crosshair;clear:both;font-size:1px;}.rte-panel .symbols{margin:0;padding:0;clear:both;}.rte-panel .symbols a{font-size:14px;line-height:14px;vertical-align:middle;text-align:center;width:18px;height:18px;float:left;color:#000;text-decoration:none;}.rte-panel .symbols a:hover{background:#ccc;}.rte-panel .colorpicker2 .palette .item{width:10px;height:10px;margin:0;padding:0;float:left;cursor:crosshair;border:0;}.rte-panel img{padding:0;margin:0;border:0;}.rte-toolbar div.clear{display:block;clear:both;border:0;padding:0;padding:2px 0 0 0;margin:0;}.rte-toolbar ul{display:block;margin:0;padding:0;width:100%;}.rte-toolbar ul li{list-style-type:none;float:left;padding:0;margin:5px 2px;height:16px;}.rte-toolbar ul li.separator{height:16px;margin:5px;border-left:1px solid #ccc;}.rte-toolbar ul li a{border:1px solid #fdfdfd;display:block;width:16px;height:16px;background:url('images/rte_icons.gif') no-repeat 0 0;cursor:pointer;margin:0;padding:0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);}.rte-toolbar ul li a:hover,.rte-toolbar ul li a.active{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity = 100);}.rte-toolbar ul li a.active{background-color:#f9f9f9;border:1px solid #ccc;}.rte-toolbar ul li a.empty{background-position:0 0;}.rte-toolbar ul li a.bold{background-position:0 -112px;}.rte-toolbar ul li a.italic{background-position:0 -128px;}.rte-toolbar ul li a.strikeThrough{background-position:0 -144px;}.rte-toolbar ul li a.underline{background-position:0 -160px;}.rte-toolbar ul li a.subscript{background-position:0 -176px;}.rte-toolbar ul li a.superscript{background-position:0 -192px;}.rte-toolbar ul li a.disable{background-position:0 -480px;}.rte-toolbar ul li a.enable{background-position:0 -592px;}.rte-toolbar ul li a.unorderedList{background-position:0 -320px;}.rte-toolbar ul li a.orderedList{background-position:0 -336px;}.rte-toolbar ul li a.justifyLeft{background-position:0 -16px;}.rte-toolbar ul li a.justifyCenter{background-position:0 -32px;}.rte-toolbar ul li a.justifyRight{background-position:0 -48px;}.rte-toolbar ul li a.justifyFull{background-position:0 -64px;}.rte-toolbar ul li a.indent{background-position:0 -80px;}.rte-toolbar ul li a.outdent{background-position:0 -96px;}.rte-toolbar ul li a.removeFormat{background-position:0 -352px;}.rte-toolbar ul li a.h1{background-position:0 -208px;}.rte-toolbar ul li a.h2{background-position:0 -224px;}.rte-toolbar ul li a.h3{background-position:0 -240px;}.rte-toolbar ul li a.h4{background-position:0 -256px;}.rte-toolbar ul li a.h5{background-position:0 -272px;}
.rte-toolbar ul li a.h6{background-position:0 -288px;}
.rte-toolbar ul li a.increaseFontSize{background-position:0 -512px;}
.rte-toolbar ul li a.decreaseFontSize{background-position:0 -528px;}
.rte-toolbar ul li a.image{background-position:0 -560px;}
.rte-toolbar ul li a.word{background-position:0 -576px;}
.rte-toolbar ul li a.clear{background-position:0 -608px;}
.rte-toolbar ul li a.link{background-position:0 -384px;}
.rte-toolbar ul li a.color{background-position:0 -624px;}
.rte-toolbar ul li a.unlink{background-position:0 -640px;}



.ui-datepicker {
  z-index: 4000 !important;
}
.ui-slider{
    z-index:1;
}


/* jOrgChart styling */

.jOrgChart .line {
  height                : 20px;
  width                 : 4px;
}

.jOrgChart .down {
  background-color 		: black;
  margin 				: 0px auto;
}

.jOrgChart .top {
  border-top          : 3px solid black;
}

.jOrgChart .left {
  border-right          : 2px solid black;
}

.jOrgChart .right {
  border-left           : 2px solid black;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
}

/* The node */
.jOrgChart .node {
  background-color 		: #35363B;
  display               : inline-block;
  width                 : 96px;
  height                : 60px;
  z-index 				: 10;
  margin               : 0 2px;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}

.file_button_container, .file_button_container input {
   height: 40px;
   width: 120px;
}

.file_button_container {
background: transparent 	url(create_button.php?label=Upload&icon=upload&w=120&h=30) left top no-repeat;background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-size: contain;
}
.file_button_container:hover {
	  background-color 		: #90c85d;
}

.file_button_container input {
   opacity: 0;
}

.light_comment {
   color: #aaaaaa;
}


.tooltray_titlebar {

	font-size:14px;



	background:#555555;
	color:#ffffff;

	height:30px;
	line-height:32px;

}



.xdsoft_datetimepicker{
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;

}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}

.sortable_list {
 border: 1px solid #eee;

min-height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;

}

.sortable_list li {
float: left;
 margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 60px;

}

.list_block {
	border:1px #999 solid;
	background-color:#ffffff;
	margin: 2px 2px 2px 2px;
}

.tooltipWrapper {
	font-size:12px;
}


.object_label {
	color: #444444;
	background-color:#efefef;
	border:solid 1px #444444;
	width:auto;
	height:auto;
	padding: 4px;
	margin-right: 2px;
	margin-bottom: 2px;
	float:left;
	height:16px;
	line-height:16px;
	width:auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.object_label:hover {
	color:#ffffff;
	background-color:#23B7E1;
	text-decoration:underline;
}

.text_bubble_left
{
position: relative;
width: auto;
height: auto;
min-height: 18px;
line-height: 12px;
padding: 10px 8px 8px 4px;
background: #CAC8CF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.text_bubble_left:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 12px 8px 0;
border-color: transparent #CAC8CF;
display: block;
width: 0;
z-index: 1;
left: -12px;
top: 11px;
}


.text_bubble_right
{
position: relative;
width: auto;
height: auto;
min-height: 18px;
line-height: 12px;
padding: 10px 8px 8px 10px;
background: #CAC8CF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.text_bubble_right:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent #CAC8CF;
display: block;
width: 0;
z-index: 1;
right: -12px;
top: 11px;
}