.view_toolbar
{
	float:left;
	width:100%;
	position:static;
	min-height:50px;
	padding:10px 0px 0px 0px;
	background:#ECF0F1;
}


.view_toolbar_left
{
	float:left;
	padding:1%;
	width:98%;
	text-align:left;
}
.view_toolbar_right
{
	float:left;
	padding:1%;
	width:98%;
	text-align:right;
}


.view_toolbar_search_field
{
	float:left;
	padding:1%;
	width:48%;
	text-align:left;
}

.view_toolbar_search_button
{
	float:left;
	padding:1%;
	width:23%;
	text-align:left;
}

.view_toolbar_action_button
{
	float:left;
	padding:1%;
	width:23%;
	text-align:right;
}



.view_toolbar_filter
{
	float:left;
	width:46%;
	padding:5px 1% 2px 1%;
	text-align:left;
}


.view_toolbar_filter_box
{
	width:50%;
	float:left;
	clear:both;
	
	
}




.view_header
{
	width:100%;
	float:left;
}


.view_header_column
{
	float:left;
	padding:10px;
}



.view_list_title_row
{
	
	visibility:hidden;
	position:absolute;
}


.view_list_title_content
{
	float:left;
	width:100%;
	}
	
.view_list_title_content_object
{
	float:left;
	margin-bottom:1px;
	padding:2%;
	border:0px solid #f8f8f8;
	color:#7f8c8d;
	background:none;
	clear:both;
	min-width:96%;
}

.view_row
{
	
	width:98%;
	float:left;
	text-align:left;
	padding:1%;
	border-top:1px solid #BDC3C7;
	background:none;
	
}

.view_row_count
{
	visibility:hidden;
	position:absolute;
	float:left;
	font-size:30px;
	color:#95a5a6;
}

.view_row_content
{
	float:left;
	width:100%;
	
}
.view_row_content_object
{
	float:left;
	margin-bottom:1px;
	padding:2%;
	border:0px solid #f8f8f8;
	color:#7f8c8d;
	background:none;
	clear:both;
	min-width:96%;
}
.view_row_button
{
	
	float:right;
	padding:1% 5% 1% 5%;
	text-align:right;
	clear:both;
	min-width:90%;
}

.view_row_checkbox
{
	height:20px;
	width:20px;
	 
}

.view_row_button_info
{
	color:#bdc3c7;
	
}


.view_row_content_label
{
	float:left;
	color:#bdc3c7;
	clear:both;
}

.view_row_content_text
{
	float:left;
	color:#22313F;
	clear:both;
}

.view_search_hightlight
{
	background:#F1C40F;
	color:#000;
}




.view_pager
{
	float:left;
	width:100%;
	text-align:center;
	
}








.data_display_content{
width:100%;
height:auto;
font-size:13px;

padding:0px;
float:left;
}



.data_display_separator
{
  float:left;
  width:96%;
  padding:2%;
  border-top:1px solid #ECF0F1;
  margin-bottom:2px;
  background:none;
  
  
  text-align:left;
  
}

.data_display_row
{
  float:left;
  width:94%;
  padding:2% 2% 2% 2%;
  margin-bottom:2px;
  background:none;
  
  margin-left:1%;
  margin-right:1%;
  
  
}

.data_display_label
{
  width:100%;
  float:left;
  color:#7F8C8D;
  text-align:left;
  
  
}
.data_display_value
{
  width:100%;
  float:left;
  text-align:left;
  padding-bottom:2%;
}

























.profile_info_panel
{
	width:96%;
	clear:right;
	background:#ECF0F1;
	margin:1% 1% 0px 1% ; 
	padding:1%;
	text-align:left;
	border-radius:8px;
	
}

.profile_tab_panel
{

	width:98%;
	clear:right;
	background:none;
	margin:1%;
	
	text-align:left;
	border-radius:8px;
	float:left;
}



.profile_tab_active
{
	
	min-width:100px;
	min-height:30px;
	max-width:200px;
	background:#F39C12;
	color:#fff;
	float:left;
	margin:2px;
	padding:5px;
	cursor:pointer;
	border-radius:8px;
	
	
	-moz-transition: .25s;
	-webkit-transition:  .25s;
	-o-transition: .25s;
	transition: .25s;
	
}


.profile_tab_inactive
{
	
	min-width:100px;
	min-height:30px;
	max-width:200px;
	
	background:#ECF0F1;
	color:#7F8C8D;
	float:left;
	margin:2px;
	padding:5px;
	cursor:pointer;
	border-radius:8px;
	
	-moz-transition: .25s;
	-webkit-transition:  .25s;
	-o-transition: .25s;
	transition: .25s;
}


.profile_tab_inactive:hover
{
	
	background:#BDC3C7;
	color:#fff;
	
	
}


.profile_content_panel
{
	width:100%;
	clear:right;
	
	
}


.profile_form_panel
{
	width:100%;
	text-align:left;
	
}










.cal_menu_panel
{
	width:98%;
	padding:1%;
	
	float:left;
	
}


.cal_menu_box
{
	width:auto;
	clear:both;
	float:left;
	padding:1px;
	margin:1px;
	background:#ECF0F1;
	border-radius:2px;
}

.cal_menu_active
{
	float:left;
	padding:8px;
	margin :1px;
	color:#fff;
	background:#D91E18;
	cursor:pointer;
	border-radius:2px;
}

.cal_menu_inactive
{
	float:left;
	padding:8px;
	margin :1px;
	background:#ECF0F1;
	cursor:pointer;
	border-radius:2px;
	color:#97A7A9;
	
	
	
}






.cal_content_box{
	
	background:#ECF0F1;
	width:98%;
	padding:1px 1px 0px 1px;
	margin:0px 1% 2px 1%;
	float:left;
	position:relative;
	border-radius:5px;
	
}


.cal_content_item_date{
	
	width:90%;
	float:left;
	padding:2px;
	margin :1px;
	background:#ECF0F1;
	cursor:pointer;
	border-radius:2px;
	color:#7F8C8D;
	text-align:left;
	
}

.cal_content_item_text{
	
	width:90%;
	float:left;
	padding:2px;
	margin :1px;
	background:#ECF0F1;
	cursor:pointer;
	border-radius:2px;
	color:#7F8C8D;
	text-align:left;
	
}


.cal_content_item_amount{
	
	width:100px;
	float:right;
	padding:8px;
	margin :1px;
	background:#fff;
	cursor:pointer;
	border-radius:2px;
	color:#fff;
	min-height:25px;
	
	
}

.cal_content
{
	background:#ECF0F1;
	width:96%;
	padding:1% 1% 1% 1%;
	margin:3px 1% 1px 1%;
	float:left;
	position:relative;
	border-radius:5px;
	
}


.cal_content_half_box{
	
	background:#ECF0F1;
	width:46%;
	padding:1% 1% 1% 1%;
	margin:0px 1% 1px 1%;
	float:left;
	position:relative;
	border-radius:5px;
	
}










.display_panel{
	
position:absolute;
background:#ffffff;
border:0px solid #000;
visibility:hidden;
width:92%;
height:auto;
z-index:100;
left:4%;
top:50px;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;

}

.display_panel_title{
background:#ecf0f1;
height:40px;
padding:5px;
text-align:left;
}


.display_panel_content{
width:96%;
height:auto;
padding:2%;
overflow:auto;		
}






.pager_main
{
	border-spacing: 2px;
    border-collapse: separate;
}

.pager_main TD{
	padding: 10px;
	border-radius:3px;
	
}


.pager_page_box
{
	visibility:hidden;
	background:#ECF0F1;
	padding:3px;
	margin:3px;
	position:absolute;
	color:#BDC3C7;
}

.pager_page_box a
{
	color:#2C3E50;
	font-size:15px;
}


.pager_info_box
{
	background:none;
	
}

.pager_arrow_box
{
	background:#ECF0F1;
	padding:3px;
	margin:3px;
	color:#BDC3C7;
}

.pager_arrow_box a
{
	color:#2C3E50;
	font-size:15px;
}