/* COMMON DEFINITIONS */
	body *{ position:relative;}
	html,body {height:100%; margin:0;}
	body{font-family: 'Segoe UI', Arial, Tahoma, Helvetica, sans-serif; font-size:13px; color:#000; background-color:#f3f3f3; }
	
	h1,h2,h3,h4,h5,h6{font-weight:normal; margin:30px 0 10px 0; color:#363636;}
	h1{font-size:19px; margin-top:10px; font-weight:bold; color:#000;}
	h2{font-size:17px;}
	h3{font-size:15px;}
	h1+h2{margin-top:10px;}
	
	
	
	p{font-size:13px;  margin:0px 0 20px 0; overflow:hidden;}
	li{font-size:13px; margin-top:10px; margin-bottom:10px;}

	A:link {text-decoration:underline; color: #0072bc;}
	A:visited {text-decoration:underline; color: #0072bc;}
	A:activ {text-decoration:underline; color: red;}
	A:hover {text-decoration:underline; color: red;}
	
	a img{border:0;}
		
	#page_wrapper{border:0px dotted black; width:100%; min-width:960px; margin:-1px auto; padding:1px 0px; height:auto!important; min-height:99.7%;}
	#top_panel_wrapper{border:0px dotted red; position:fixed; top:0; left:0; right:0; z-index:1000;}
	#content_wrapper{border:0px dotted blue; padding:0 10px; margin:140px auto 120px auto;}

	.clearfloat{border:0px dotted white; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
	

/* ^^^^^ */

/* SEARCH_FILTER */
	#search_filter_wrapper{ background:url(images/toolbar_bg.png) repeat-x bottom #c2d7fb; border-top:1px solid #d7e5fd; border-bottom:1px solid #92a9d0; z-index:888; padding:6px 10px; overflow:hidden;}
		#search_filter_wrapper .field_label{margin-right:5px;}
		
		#search_input_wrapper{border:0px dotted red; float:left; margin-right:10px;}
		#date_wrapper{border:0px dotted red; float:left; margin-right:10px;}
		.date_to{margin-left:-5px;}
		#search_buttons_wrapper {border:0px dotted red; float:left;}
		
		#search_filter_wrapper .field_label{color:#7085a2; width:auto;}
		#search_filter_wrapper input{border-color:#5774a8;}
		#search_filter_wrapper #search_input{width:150px; min-width:150px;}
		#search_filter_wrapper #date_input{width:70px; min-width:70px;}
		
		#search_filter_wrapper .icon{border:0px dotted red; display:inline-block; width:24px; height:24px; vertical-align:middle;}
/* ^^^^^ */

/* FORM */
	form{padding:0px 0; margin:0px 0;}
	label { font-size: 13px; line-height:15px;}
	.field_label{float:left; text-align:right; font-size: 13px; color:#717171; line-height:15px; width:230px; margin-right:10px; margin-top:3px;}
	textarea, input, button, select{font-size:13px; font-family:'Segoe UI', Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#000;}
	textarea, input[type='text'], input[type='password'], select{ background-color:white; border:1px solid #b6b6b6; border-radius:5px;}

input[type='text'], input[type='password'], input[type='file']{height:24px; padding:0 3px; }

/*input[type='text'].field_label, input[type='password'].field_label, input[type='file'].field_label{border: 1px red solid;min-width:100px;}
*/


	input[type='file']{color:#717171;}
	select{mmin-width:300px; padding:3px 5px;}
	select.form_control {min-width:300px; padding:3px 5px;}
	textarea{min-width:600px;}
	textarea:focus, select:focus, input[type='text']:focus, input[type='password']:focus{border-color:#f09b1d; outline-width:0;}
	
	.row{overflow:hidden; margin-bottom:4px; border:0px dotted red;}
	.asterisk{color:red; font-weight:bold; padding-right:3px;}
	.comment{ font-size:11px; display:block;}
	.form_section_separator{ background:url(images/separator_h.png) repeat-x center; height:2px; margin:10px 0 20px 0;}
	.subsection_title{margin:0 0 10px 0;}
		.subsection_title .icon{ width:16px; height:16px; display:inline-block; vertical-align:middle; margin-bottom:2px;}
		.subsection_title .icon img{width:16px; height:16px;}
	.option{ display:inline-block; margin-left:20px;}
	.file_wrapper{color:#717171; margin-left:260px;}
	.rte_link{padding-top:2px;}
	a.button_link{ display:inline-block; background:url(images/button_bg.png) repeat-x bottom #fafafa; border:1px solid #b6b6b6; border-radius:5px; color:#000; text-decoration:none; padding:3px 10px 0px 10px; height:21px;}
	a.button_link:hover{ background:url(images/button_hover_bg.png) repeat-x bottom #fff3ce;}
	
	input[type='checkbox'], input[type='radio']{ display:inline-block; vertical-align:middle; padding-top:5px; margin-bottom:5px;}
	input[type='button']{ cursor:pointer; height:26px; background:url(images/button_bg.png) repeat-x bottom #fafafa; border:1px solid #b6b6b6; border-radius:5px; padding:0px 10px 1px 10px; }
	input[type='button']:hover{ background:url(images/button_hover_bg.png) repeat-x bottom #fff3ce;}
	

/* ^^^^^ */

/* TABLE */
	.table_header{overflow:hidden; color:#717171; border:1px solid #d7d7d7; padding:5px 10px;}
	.paging{border:0px dotted red; float:left; margin-right:30px;}
		.paging a.button_link{font-family:Arial; font-size:20px; padding-top:0; line-height:19px;}
	.total_records{border:0px dotted red; float:left; line-height:23px; margin-right:30px;}
	.sorting_info{float:left; line-height:23px;}
	
	table{font-size: 13px; color:#363636; width:100%; border:1px solid #d7d7d7;}
	table td{padding:2px 5px 5px 5px;}

.dg_row_sel { background-color:#ffecb4;cursor: hand;}

	.dark{ background-color:#ededed;}
	.thin{width:10%;}
	.thick{width:60%;}
	.yes{ font-weight:bold;}
	td input[type='checkbox']{margin:2px; padding:0;}
	td{ vertical-align:top;}

	table.custom_table{}
		table.custom_table thead td{ background-color:#c5dcfa; border-bottom:3px solid transparent; vertical-align:middle; white-space:nowrap;}
		table.custom_table thead td.sorting{border-bottom-color:#f26522;}
	.sorting_wrapper{border:0px dotted red; display:inline-block; vertical-align:bottom; margin-bottom:-4px;}
	.sorting_wrapper a{ text-decoration:none;}
	.sorting_wrapper .sort_asc a{display:block; width:9px; height:8px; background:url(images/sort_pointer_up.png) no-repeat center; padding:1px; border:1px solid transparent;}
	.sorting_wrapper .sort_desc a{display:block; width:9px; height:8px; background:url(images/sort_pointer_down.png) no-repeat center; padding:1px; border:1px solid transparent;}
	.sorting_wrapper a:hover{border-radius:3px; background-color:#ffebb1;}
	.sorting_wrapper .sort_asc.selected a{background:url(images/sort_pointer_up_selected.png) no-repeat center;}
	.sorting_wrapper .sort_desc.selected a{background:url(images/sort_pointer_down_selected.png) no-repeat center;}
/* ^^^^^ */

/* MAIN MENU */
	#main_menu_wrapper{ min-height:50px; background:url(images/main_menu_bg.png) repeat-x bottom #c7defb; border-bottom:1px solid #85a4db; z-index:999;}
		#main_menu_wrapper .main_menu{margin:0; padding:0; list-style-type:none; float:left;}
		.main_menu li{margin:0; padding:0; float:left; font-size:15px; font-weight:bold; }
		.main_menu li a{display:block; color:#334966; text-decoration:none; padding:0px 15px; line-height:50px; white-space:nowrap;}
		.main_menu li a:hover{ background:url(images/main_menu_bg_hover.png) repeat-x bottom #ffedb5;}
		.main_menu li a.selected{ background:url(images/main_menu_bg_selected.png) repeat-x top #fbdf8a; color:#000;}
		.main_menu li a .icon{border:0px dotted red; display:inline-block; width:32px; height:32px; vertical-align:middle; margin-bottom:5px;}
		.main_menu li a .dd_pointer{border:0px dotted red; display:inline-block; width:9px; height:5px; vertical-align:middle; background:url(images/dd_pointer.png) no-repeat center; margin-left:5px;}
	
	.submenu_wrapper{border:1px solid #6f6f6f; position:absolute; left:0; top:50px; background-color:#f3f3f3; min-width:190px; z-index:10000; box-shadow:0 3px 15px -3px #000; display:none;  }
		.main_menu .submenu{margin:0; padding:0; list-style-type:none;}
		.main_menu .submenu li{margin:0; padding:0; float:none; font-weight:normal;}
		.main_menu .submenu li a{display:block; color:#334966; text-decoration:none; padding:0px 15px 0px 47px; line-height:40px; white-space:nowrap;}
		.main_menu .submenu li a:hover{background:url(images/main_menu_bg_hover.png) repeat-x bottom #ffedb5;}
		.main_menu .submenu li a.selected{ background:url(images/main_menu_bg_selected.png) repeat-x top #fbdf8a; color:#000;}
	#logout{ float:right!important;}

	
/* ^^^^^ */

/* TOOLBAR */
	#toolbar_wrapper{min-height:38px; background:url(images/toolbar_bg.png) repeat-x bottom #c2d7fb; border-top:1px solid #d7e5fd; border-bottom:1px solid #92a9d0; z-index:888;}
		#toolbar_wrapper ul{padding:0; margin:0; list-style-type:none;}
		#toolbar_wrapper ul li{margin:0; padding:0; float:left; font-size:13px;}
		#toolbar_wrapper ul li a{ display:block; color:#334966; text-decoration:none; padding:0 10px; line-height:40px; white-space: nowrap;}
		#toolbar_wrapper ul li a:hover{ background:url(images/main_menu_bg_hover.png) repeat-x bottom #ffedb5;}
		#toolbar_wrapper .icon{ display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:5px;}
		
	#select_group_wrapper{border:0px dotted red; float:left; margin:6px 10px;}
	#select_group_wrapper select{width:150px; min-width:200px;}
	#toolbar_wrapper select{border-color:#5774a8;}
/* ^^^^^ */

/* PAGE TITLE */
	#page_title_wrapper{min-height:39px; background-color:#f3f3f3; border-top:1px solid #fff; z-index:777;}
		#page_title_wrapper h1{margin:5px 10px;}
		.bottom_shadow{border:0px dotted red; position:absolute; left:0; right:0; height:5px; bottom:-5px; background:url(images/top_panel_shadow.png) repeat-x top; font-size:1px;}
/* ^^^^^ */

/* FOOTER */
	#footer_wrapper{border:0px dotted green; height:100px; margin:-100px 0 0 0; background:url(images/footer_bg.png) repeat-y left #d8e6fd; border-top:1px solid #d7d7d7;}
		#footer_wrapper	.inner{border-top:1px solid white;}
	#copyright_wrapper{ position:absolute; top:0; right:30px; padding:10px 15px 10px 15px; text-align:center; background-color:#f3f3f3; color:#b6b6b6; font-size:11px; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
/* ^^^^^ */

/* HOME PAGE */
	#home_page_wrapper{border:0px dotted black; position:absolute; top:0; left:0; height:100%; display:table; vertical-align:middle; width:100%; min-width:680px; margin:-1px auto; padding:1px 0px;  background:url(images/footer_bg.png) repeat-y left #d8e6fd;}
	#vertical_align{border:0px dotted yellow; display:table-cell; vertical-align:middle; position:relative; zoom:1; z-index:501;}
	#login_wrapper{ background-color:#f3f3f3; margin:0 auto; border:2px solid #828282; border-radius:5px; width:620px; height:370px; padding:20px; box-shadow:0 3px 10px rgba(0,0,0,0.2); text-align:center;}
		#login_wrapper .comment{color:#717171; margin-top:20px;}
	#login_form{text-align:left; margin-top:40px;}
		#login_form .field_label{width:190px;}
		#login_form input[type='text'], #login_form input[type='password']{width:220px; min-width:220px;}
		#login_form #login_button{margin-left:200px;}
	#help_links{ position:absolute; right:20px; bottom:20px;}
	#copyright_home{ position:absolute; right:20px; bottom:-30px; color:#717171; font-size:11px;}
/* ^^^^^ */