/**============================== General Positioning Classes ==============================**/

.wf { 					width:100%; }
.tar { 					text-align:right; }
.tal { 					text-align:left; }
.tac { 					text-align:center; }
.fl { 					float:left; }
.fr { 					float:right; }
.clearfix:after { 		visibility: hidden;
						display: block;
						font-size: 0;
						content: " ";
						clear: both;
						height: 0;
						}




/** ==============================  Accordion  ============================== **/

/* accordion header */
#accordion h2 { 		margin:0;
						font-size:1.0em;
						padding:5px 15px;
						font-weight:normal;
						cursor:pointer;
						position:relative;
						}
/* currently active header */
#accordion h2.current { cursor:default; }
/* accordion header arrows */
#accordion h2 .arrow_down, #accordion h2 .arrow_right {
						position:absolute;
						top:10px;
						right:10px;
						}
#accordion h2 .arrow_down {
						display:none }
#accordion h2.current .arrow_right {
						display:none; }
#accordion h2.current .arrow_down {
						display:block; }
/* Accordion pane */
#accordion div.pane { 	display:none;
						padding:10px 20px;
						font-size:1em;
						}




/**============================== Page Layout with Sidebar ==============================**/	

.sidebar { 				width:250px;                     /*specify sidebar width here*/
						/*float:right;*/
						float:left;
						margin:0px 0px 0px 0px;
						/*margin:0px 0px 0px 25px;*/
						}
.main_column { margin-left: 270px;			/*margin-right: 270px;*/}   		/*specify column width here, should be sidebar width + 20px*/
	
.column-left { 			width: 49%;
						float: left;
						}
.column-right { 		width: 49%;
						float: right;
						}

/**============================== Small Box in Sidebar ==============================**/

.small_box { 			margin-bottom:15px; }
.small_box .header { 	height: 30px;
						font-size:1.3em;
						line-height: 1.8em;
						padding:0px 12px;
						}
.small_box .header img {
						position:relative;
						top:2px;
						float:right;
						}
.small_box .body {
						padding: 15px 12px;
						font-size:.9em;
						}



/**============================== Box ==============================**/

.box { 					margin-bottom:15px; }
.box .header {
						height: 40px;
						/*font-size:1.5em;*/
						line-height: 1.8em;
						padding:0px 15px;
						position:relative;
						}
.box .header img {
						position:relative;
						top:5px;
						margin-right: 10px;
						}
.box .body { 			padding: 10px; }


/**============================== Tables ==============================**/

.grid_table { 			font-size: 0.9em;
						margin-bottom:25px;
						}
.grid_table th { 		font-size:1.1em;
						padding: 10px;
						text-align:left;
						}
.grid_table td { 		padding:10px; }
.grid_table td small { 	font-size:0.9em;
						display:block;
						}
/** Selected items and dropdown for grid **/					
tr.grid_dropdown td { 	padding: 20px; }


/** Minimize/Mazimize controls **/								
.grid_table .toggle { 	display:block;
						width:10px;
						height:10px;
						margin:0px auto;
						}
.grid_table .collapse { background-position:top right; }




/** ============================== Pagination ============================== **/

.pagination { 			text-align:center;
						height:30px;
						margin:0px -20px;
						}
.pagination li { 		display:inline;
						list-style:none;
						position:relative;
						top:10px;
						}
.pagination li a { 		padding:15px 10px;
						line-height:20px;
						height:50px;
						}
						


/** ============================== Overlay ============================== **/

#facebox { 				/* overlay is hidden before loading */
						display:none;
						width:400px;
						}
#facebox div { 			padding:10px;
						font-size:1.2em;
						}
#facebox h2 { 			margin:-10px;
						margin-bottom:1em;
						padding:5px 10px;
						}
#facebox .close { 		position:static; }


/**++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++**/
/**==================            End of Page CSS                   ==================**/
/**++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++**/





/**============================== Visualize ====================================**/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; margin:20px auto; }
.visualize canvas { position: absolute; }
.visualize ul, .visualize li { margin: 0; padding: 0; }
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none; }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative; }
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; }
.visualize ul.visualize-key .visualize-key-label { color: #000; }
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
.visualize-labels-x, .visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
.visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0; } /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%; }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }




/**============================== Data Tables ====================================**/

.dataTables_wrapper { position: relative; min-height: 302px; padding:10px; }
.dataTables_processing { top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.dataTables_length { float: right; clear:left; }
.dataTables_filter { width: 50%; margin-bottom:2em; }
.dataTables_info { float: left; margin-top:2em; }
.dataTables_paginate { width: 44px; margin-top:2em; float: right; text-align: right; }
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; }
.paginate_disabled_previous { background-image: url('../images/back_disabled.jpg'); }
.paginate_enabled_previous { background-image: url('../images/back_enabled.jpg'); }
.paginate_disabled_next { background-image: url('../images/forward_disabled.jpg'); }
.paginate_enabled_next { background-image: url('../images/forward_enabled.jpg'); }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display { margin: 0 auto; width: 100%; }
table.display thead th { padding: 0px 10px 0px 0px; font-weight: bold; cursor: pointer; text-align:left; }
/* table.display thead th { padding: 0px 10px 0px 0px; font-weight: bold; cursor: pointer; } */
table.display tfoot th { padding: 3px 10px; font-weight: bold; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td { padding: 3px 10px; }
table.display td.center { text-align: center; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA { background-color: #f4f4f4; }
table.display tr.even.gradeA { background-color: #FFF; }
table.display tr.odd.gradeA { background-color: #f4f4f4; }
table.display tr.even.gradeA { background-color: #FFF; }
table.display tr.odd.gradeC { background-color: #ddddff; }
table.display tr.even.gradeC { background-color: #eeeeff; }
table.display tr.odd.gradeX { background-color: #ffdddd; }
table.display tr.even.gradeX { background-color: #ffeeee; }
table.display tr.odd.gradeU { background-color: #ddd; }
table.display tr.even.gradeU { background-color: #eee; }
tr.odd { background-color: white; }
tr.even { background-color: white; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
.top .dataTables_info { float: none; }
.clear { clear: both; }
.dataTables_empty { text-align: center; }
tfoot input { margin: 0.5em 0; width: 100%; color: #444; }
tfoot input.search_init { color: #999; }
td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; }
td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; }
.example_alt_pagination div.dataTables_info { width: 40%; }
.paging_full_numbers { width: 400px; height: 22px; line-height: 22px; }
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; padding: 2px 5px; margin: 0 3px; cursor: pointer; }
.paging_full_numbers span.paginate_button { background-color: #ddd; }
.paging_full_numbers span.paginate_button:hover { background-color: #ccc; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }
table.display tr.even.row_selected td { background-color: #B0BED9; }
table.display tr.odd.row_selected td { background-color: #9FAFD1; }
/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 { background-color: #D3D6FF; }
tr.odd td.sorting_2 { background-color: #DADCFF; }
tr.odd td.sorting_3 { background-color: #E0E2FF; }
tr.even td.sorting_1 { background-color: #EAEBFF; }
tr.even td.sorting_2 { background-color: #F2F3FF; }
tr.even td.sorting_3 { background-color: #F9F9FF; }
/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 { background-color: #eeeeee; }
tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }
tr.even.gradeA td.sorting_1 { background-color: #FFFFFF; }
tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }
tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }
tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }
tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; }
tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }
tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }
tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }
tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }
tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }
tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }
tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }
tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }
tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }
tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }
tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }
/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; }
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; }
/*
 * KeyTable
 */
table.KeyTable td { border: 3px solid transparent; }
table.KeyTable td.focus { border: 3px solid #3366FF; }
table.display tr.gradeA { background-color: #FFFFFF; }
table.display tr.gradeC { background-color: #ddddff; }
table.display tr.gradeX { background-color: #ffdddd; }
table.display tr.gradeU { background-color: #ddd; }
.dateBosex 
{
 width : 65px;
}
.searchform_label 
{
	display:inline;
}

.AllDayEvent 
{
	border: 1px solid #ccc;
				-webkit-border-radius: 0.5em;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				padding: 0.2em;
				background: #dfdfdf url(../images/old-browsers-bg/event-bg.png) repeat-x top;
				background: -moz-linear-gradient(
					top,
					rgba(255, 255, 255, 0.75),
					rgba(255, 255, 255, 0) 1.5em
				), #dfdfdf;
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(rgba(255, 255, 255, 0.75)),
					to(rgba(255, 255, 255, 0)),
					color-stop(1.5em, rgba(255, 255, 255, 0))
				), #dfdfdf;
	font-size: 10px;
}
.RecurringEvent 
{
     border: 1px solid #ccc;
				-webkit-border-radius: 0.5em;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				padding: 0.2em;
				background: #65AD89 url(../images/old-browsers-bg/event-bg.png) repeat-x top;
				background: -moz-linear-gradient(
					top,
					rgba(255, 255, 255, 0.75),
					rgba(255, 255, 255, 0) 1.5em
				), #dfdfdf;
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(rgba(255, 255, 255, 0.75)),
					to(rgba(255, 255, 255, 0)),
					color-stop(1.5em, rgba(255, 255, 255, 0))
				), #65AD89;	
	font-size: 10px;
}
.NormalEvent 
{
    border: 1px solid #ccc;
				-webkit-border-radius: 0.5em;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				padding: 0.2em;
				background: #D96666 url(../images/old-browsers-bg/event-bg.png) repeat-x top;
				background: -moz-linear-gradient(
					top,
					rgba(255, 255, 255, 0.75),
					rgba(255, 255, 255, 0) 1.5em
				), #dfdfdf;
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(rgba(255, 255, 255, 0.75)),
					to(rgba(255, 255, 255, 0)),
					color-stop(1.5em, rgba(255, 255, 255, 0))
				), #D96666;
	font-size: 10px;
}
.InActiveEvent 
{
    border: 1px solid #ccc;
				-webkit-border-radius: 0.5em;
				-webkit-background-clip: padding-box;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
				padding: 0.2em;
				background: #4CB052 url(../images/old-browsers-bg/event-bg.png) repeat-x top;
				background: -moz-linear-gradient(
					top,
					rgba(255, 255, 255, 0.75),
					rgba(255, 255, 255, 0) 1.5em
				), #dfdfdf;
				background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(rgba(255, 255, 255, 0.75)),
					to(rgba(255, 255, 255, 0)),
					color-stop(1.5em, rgba(255, 255, 255, 0))
				), #4CB052;	
	font-size: 10px;
}

.hideColumn
{
    display:none;
    visibility:hidden;
}
.modalBackground
{
    height:100%;
    background-color: #6E6E6E;
    filter: alpha(opacity=60);
    opacity: 0.4;
    overflow: visible;
}
.modpopup
{
    background-color: #fff;
    padding: 12px 12px 12px 12px;
    box-shadow: 0px 0px 60px #000;
    overflow: visible;
    border: solid 1px #4B4B4B;
    border-radius: 6px;
    z-index: 9999;
}