/* ELEMENTS */
BODY {
	background: #009 url(bg_body.jpg) 0 0px repeat-x;
}
.mceContentBody {background: #ffffff;text-align:left;}

TD {
	font : 			10pt  Arial, Verdana; /*make disappear*/
	padding: 		2px;
}
TH {
	background : 	url(bg_th.jpg) repeat-x; 
	background-color: #ccc;
	font : 			10pt  Arial, Verdana;
	font-weight: 	bold; 
	padding: 		2px 10px;
	color:			#333;
	border-bottom: 	2px #666 solid;
}
DIV {
	font : 			10pt  Arial, Verdana;
}
FORM {
	margin:			0px;
}
TEXTAREA {
	font : 			10pt  Arial, Verdana;
}
A:link {
	color: 			 #000099; 
	text-decoration: none
}
A:visited {
	color: 			 #000099; 
	text-decoration: none
}
A:hover {
	color: 			 #990000; 
	text-decoration: underline;
}

/* fontS */
.title {
	font-family: 	Times New Roman ; 
	font-weight: 	bold; 
	font-size: 		15pt;
	margin-bottom: 	6px;
	color: 			#009; 
}
.subtitle {
	font-family: 	Arial, Verdana; 
	font-weight: 	bold; 
	font-size: 		12pt;
	margin-bottom: 	4px;
	color: 			#009; 
	/*float:left;*/
}
.normal {
	font : 			10pt  Arial, Verdana;
	color: 			#333; 
}
.special {
	font : 			11pt  Arial, Verdana;
	font-style: 	italic;
	color: 			#333;
}
.comment {
	font-family: 	Arial; 
	font-size: 		8pt;
	color: 			#666;
}
.commhide {
	font-family: 	Arial; 
	font-size: 		8pt;
	color: 			#666;
	visibility:		hidden;
}
.commerr {
	font-family: 	Arial; 
	font-size: 		8pt;
	color: 			#c00;
	visibility: 	visible;
}

/* BOXES */
#page_box {
	border: 		5px #eef solid ;
}
#page_top {
	background-color: #fff;
}
#page_top div {
}
#page_body {
	background: #fff;	
}
#page_left {
	background: #fff url(bg_func.jpg) repeat-x;
}
#page_right {
	background: #fff url(bg_club.jpg) repeat-x 0 -50px ;
}
#page_righttop {
	background: url(bg_clubtop.gif) repeat-x bottom left ;/*bottom left*/
}
#page_center {
	background:	url(krb-efooter.jpg) no-repeat;
	background-position: bottom right;
}
#page_leftcenter { 
	background:	url(krb-efooter.jpg) no-repeat;
	background-position: bottom right;
}
#page_leftcenter .mdl_box {
}
#page_leftcenter .ctrl_box {
}
#page_credit {
	border-top: 	3px #999999 dotted;
	background: 	#ffffff;
}
#head_visual {
}
#head_box {
	background-color:	#009;
	opacity: 			0.65;filter:alpha(opacity=65);-moz-opacity: 0.65;
	
}
#head_box img {
}

#head_box #head_name {
	font-family: 	Times New Roman, Georgia;
	//font-size:		50pt;
	color:			white;
}
#head_box #head_bass {
	/*font-weight: 	bold;*/
	//font-size:		12pt;
	font-family: 	Times New Roman, Georgia;
	color:			white;
}
#menubar {
	color:white;
	padding:8px;
}
/*feedback*/
#feed_box {
	right:0;
	position: fixed;
	top: 230px;
}
#feed_box #tip{
	float:right;
	width: 40px;
	height:40px;
	cursor : pointer;
}
#feed_box #form{
	float:right;
	border: 5px #f90 solid;
	font-family: Trebuchet MS, Arial;
	font-size: 11pt;
	background: #fff ;
	color:#f80;
	font-weight: bold;
	width: 250px;
	height:116px;
	padding:4px 4px 6px 10px;
	margin-right:5px;
}
#feed_box textarea {
	width: 240px;
	height:68px;
}
/* MENU-BAR */
.sf-landbar {
	background-image: url('bg_btnbar22.jpg'); 
	background-repeat: repeat-x;
	border: 1px 0 #fff;
	margin-top:-2px;
}
.sf-menubar {
	background-image: url('bg_btnbar33.jpg'); 
	background-repeat: repeat-x;
	border: 1px 0 #fff;
	margin-top:-2px;
	height:35px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px;_width:200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			33px; /* match top ul list item height */		
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px;_width:200px; /* match ul width */
	top:			0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px;_width:200px; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	margin:			0px;
	/*z-index:100;*/ 
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:hover  { /* text colour in head*/
	color:			#fff;
	font-weight:	bold;
	text-decoration:none;
}
.sf-menu li {
/*  background:		#BDD2FF;
	background:		url('_bg_btnbar20.jpg') repeat-x;*/
	border-right: 	1px #fff solid;
	height:33px;
	width:			200px;/*_width:200px; /* li width of menu option */
	text-align:		center;
}
ul.sf-menu ul{
	
}
.sf-menu li li {
	background:		#bef;
	height:			20px;
	/*z-index:		110;/* nn */
	text-align: 	left;
	padding:		0px;
	padding-left: 	20px;
}
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:hover { /* text colour in first level */
	background:		#fff;
	padding-top: 3px;
	color: navy; 
	font-weight:normal;
	height: 7px;
}
.sf-menu li li a:hover {
	/*margin:5px;border:0px;height: 10px;*/
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background: #eee;
}
.sf-menu li li li {
	/*background:		#7acee8;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	background:	url('bg_btnhover.jpg') no-repeat; 
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('arrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { 
	background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { 
	background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('shadow.png') no-repeat bottom left;
	padding: 0 25px 10px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/**/
.side_box {
	background-color:#0cf;
}
.side_box#specials {
	background: 	 #bef;
}
.func_head {
	font-weight: 	bold;
	border-bottom: 	3px #666 solid;
	/*background-color:#fff;*/
}
.func_box {	
}
.func_box #specials {
	/*background: #0ef;/*fc8*/ 
	border: 1px #999 solid;
}
#page_left .func_head {
	color: 			#c00; 
}
#page_right .func_head {
	color: 			#fff; 
}
#page_left .func_head, #page_left .func_box  {
}
#page_right .func_head, #page_right .func_box  {
}
.msg_box {
	background: 	#bef;
	border: 		1px #999999 solid;
	color:			#009; 
	float:left;
}
.hlp_box {
	background: 	#bef;
	border: 		1px #999 solid; 
	border-bottom:  2px #999 solid;
}
.fun_box {
	border: 		2px #999 dotted;
}
.print_box {
	
}
.logger_box {
	
}
/* MODULES */
.mdl_box {
}
.mdl_box .mdl_box {
	background: #fff url(bbg_func.jpg) repeat-x;
	border: 	1px #aaa solid;
}

.mdl_head {
	border-bottom:  2px #ccc solid;
}
.mdl_headleft {
}
.mdl_headright {
}
.mdl_headintro {
}
.mdl_nav {
	list-style-type:disc;
}
.mdl_nav li {
	color: 			#990000;
}
.mdl_body {
}
.mdl_action {
	border-bottom:  1px #ccc solid;
}
.mdl_comment {
}

/* RESULT SETS */
.rs_list {
	background-color:#ccc;
	border-spacing: 1px;
}
.rs_multi {
	font-size: 10pt;
}
.rs_multirow {
	
}
.rs_multirow2 {
	border-bottom:  1px #ccc solid; 
}
.rs_grid {
	
}
.rs_form {
	font-size: 		10pt;
}
.rs_label {
	border-bottom: 	1px #ccc solid;
	color: 			#666;
}
label.rs_label {
	border-bottom: 	0px;
	color: 			#666;
}
tr.rs_row {
	/*border-LEFT: 3px white solid;
	background-color:#eee;*/
}
.rs_list .rs_row {
	/*border-LEFT: 3px white solid;*/
	background-color:#eee;
}
tr.rs_row:hover {
	border-left: 3px orange solid;
	background-color:#ffffff;
}
.rs_edit {
	padding-left: 0px; 
}
.rs_data {
}
.rs_body {
}
.rs_empty {
	background: 	#bef;
	border: 		1px #999999 solid;
	font-weight: 	bold;
	color:			#009; 
}
.rs_nav {
	font-family: arial, verdana; 
	color: #555555; 
	font-size: 10pt; 
	text-decoration: none;
}
.rs_nav_na {
	font-family: arial, verdana; 
	color: #ccc; 
	font-size: 10pt; 
	text-decoration: none;
}
/* PROGRESS-BAR */
.progress_box {
	margin-top:15px;
	margin-left:60px;
	float:left;
	height:80px;
	width:480px;
}
.btn_focus {
	background-image: url('btn_focus_link.jpg');
	text-align:			center;
	float:				left;
	padding:			7px;
	height:				18px;
	width:				240px;
	margin-top:			0px;
	margin-left:		100px;
}
.btn_focus:hover {
	background-image: 	url('btn_focus_hoover.jpg');
	text-decoration: 	none;
}
.btn_focus span {
	color: 				#ffffff; 
	font-weight:		bold;
	font-size:			11pt;	
}
.clear {
   clear: both;
}