


.view_toolbar
{
	float:left;
	width:100%;
	position:static;
	min-height:30px;
	background:#F7FAFB;
}


.view_toolbar_left
{
	float:left;
	padding:5px 10px 2px 10px;
	text-align:left;
	font-size:15px;
}
.view_toolbar_right
{
	float:right;
	padding:5px 10px 2px 10px;
	text-align:right;
}


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

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


.view_toolbar_action_button
{
	float:right;
	padding:5px 1% 2px 1%;
	width:38%;
	text-align:right;
}




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



.view_toolbar_filter_box
{
	width:15%;
	float:left;
	
}



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


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



.view_list_title_row
{
	
	width:98%;
	float:left;
	text-align:left;
	padding:0px 1% 0px 1%;
	border-top:1px solid #ECF0F1;
	background:#fff;
	border-radius:5px;
}

.view_list_title_row_count
{
	float:left;
	font-size:10px;
	width:40px;
	padding:5px;
	text-align:right;
	color:#000;
}


.view_list_title_content
{
	float:left;
}
	
.view_list_title_content_object
{
	float:left;
	margin:0px;
	padding:5px;
	border-left:1px solid #ECF0F1;
	
	color:#000;
}


.view_row
{
	
	width:98%;
	float:left;
	text-align:left;
	padding:0px 1% 0px 1%;
	border-top:1px solid #ECF0F1;
	background:#fff;
	border-radius:5px;
}

.view_row_count
{
	float:left;
	font-size:10px;
	width:40px;
	text-align:right;
	color:#ECF0F1;
	padding:5px;
}

.view_row_content
{
	float:left;
	
}
.view_row_content_object
{
	float:left;
	margin:0px;
	padding:5px;
	border-left:1px solid #ECF0F1;
	
	color:#7f8c8d;
	
}
.view_row_button
{
	margin:0px;
	padding:5px;
	float:right;
	text-align:right;
	
	
}




.view_row_checkbox
{
	
}



.view_row_button_info
{
	color:#bdc3c7;
	
}



.view_row_content_label
{
	color:#DADFE1;
	visibility:hidden;
	position:absolute;
	display:block;
}

.view_row_content_text
{
	color:#7f8c8d;
}



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


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








.data_display_content{
font-size:11px;
overflow:auto;
padding:0px;
overflow:auto;
height:?px;
width:100%;
}


.data_display_separator
{
  float:left;
  width:98%;
  padding:0px;
  border-top:1px solid #e8e8e8;
  padding-top:20px;
  padding-left:2%;
  text-align:left;
}

.data_display_row
{
  float:left;
  width:100%;
  padding:0px;
  padding-bottom:5px;
  
  
}

.data_display_label
{
  width:30%;
  float:left;
  padding:3px;
  padding-left:20px;
  text-align:left;
  
}
.data_display_value
{
  float:left;
  padding:3px;
  text-align:left;
  color:#7F8C8D;
}































.profile_info_panel
{
	width:98%;
	clear:right;
	padding:1%;
	text-align:left;
	
	
}

.profile_tab_panel
{

	width:100%;
	clear:right;
	background:none;
    border-bottom:1px solid #1fbad6; 
	text-align:left;
	float:left;
}



.profile_tab_active
{
	
	min-width:100px;
	min-height:20px;
	max-width:150px;
	background:#1fbad6;
	color:#fff;
	float:left;
	
	font-size:12px;
	
	margin:2px 2px 0px 4px;
	padding:8px;
	cursor:pointer;
	
    text-align:center;
    
	-moz-transition: .25s;
	-webkit-transition:  .25s;
	-o-transition: .25s;
	transition: .25s;
	
}


.profile_tab_inactive
{
	
	min-width:100px;
	min-height:20px;
	max-width:150px;
	
	background:#ECF0F1;
	color:#7F8C8D;
	float:left;
	
	font-size:12px;
	
	margin:2px 2px 0px 4px;
	padding:8px;
	cursor:pointer;
	
    text-align:center;
	
	-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:#1fbad6;
	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% 1px 1%;
	float:left;
	position:relative;
	border-radius:5px;
	
}


.cal_content_item_date{
	
	width:100px;
	float:left;
	padding:8px;
	margin :1px;
	background:#ECF0F1;
	cursor:pointer;
	border-radius:2px;
	color:#7F8C8D;
	min-height:30px;
	
}

.cal_content_item_text{
	
	width:auto;
	float:left;
	padding:8px;
	margin :1px;
	background:#ECF0F1;
	cursor:pointer;
	border-radius:2px;
	color:#7F8C8D;
	min-height:30px;
	
}


.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:90%;

height:?px;
min-height:400px;
z-index:100;
left:5%;
top:50px;
-moz-box-shadow: 2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 10px #888;
box-shadow: 2px 2px 10px #888;

}

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


.display_panel_content{
width:100%;

height:?px;
font-size:11px;
overflow:auto;		
}





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

.pager_main TD{
	padding: 10px;
	border-radius:3px;
	
}
.pager_page_box
{
	visibility:visible;
	background:#ECF0F1;
	padding:3px;
	margin:3px;
	color:#BDC3C7;
}
.pager_page_box a
{
	color:#2C3E50;
	
}

.pager_info_box
{
	background:none;
	
}

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



.pager_arrow_box a
{
	color:#2C3E50;
}

