body {
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	background-color: #FFF;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0.25em 0 0.25em;
	page-break-after: avoid;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.25em 0 0.25em;
	page-break-after:avoid;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1ex;
	white-space: nowrap;
	page-break-after: avoid;
}
p {
	margin: 1ex 0;
}


a,  a:active{
	color:#03F;
	cursor:pointer;
	text-decoration:none;
}

a:visited{
	color:#0079b8;
}

a:hover{
	color:#FF0000;
}



code {
	font-size: 1.0em;
	margin: 0;
}
pre {
	margin: 1em 0 1em 1em;
}


.pane, /* outer pane class */ .ui-layout-pane {	/* inner pane class */
	border: 1px solid #DDD;
	padding: 0;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}

.pane-north, .pane-south {
	overflow:hidden;
}
.pane-north {
	border-bottom:	none;
/*	background:url(../base/images/bxaft61_title_bg.png);
*/}
.pane-north .content, .pane-west .content, .pane-east .content, .pane-west .content {
	padding: 0px;
}
.pane-south .content {
	text-align: center;
}
.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	padding: 5px; /* for outer layout */
}



/* inner divs inside Outer East/West panes */
.header {
	background: #80ade5 url(../base/images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead, .footer {
	background: #d6d6d6 url(../base/images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.subhead {
	border-bottom: 1px solid #777;
}
.footer {
	border-top: 1px solid #777;
}
.content {
	padding: 2px;
	position: relative;
}




/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(./images/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging, .resizer-south:hover {
	background: url(../base/images/resizable-s.gif) repeat-x center;
}
.resizer-west-dragging, .resizer-west-open:hover {
	background: url(../base/images/resizable-w.gif) repeat-y center;
}
.resizer-east-dragging, .resizer-east-open:hover {
	background: url(../base/images/resizable-e.gif) repeat-y center;
}
.resizer-west-open, .resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover, .resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}
/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(./images/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south {
	background: url(../base/images/resizable-s.gif) repeat-x center  !important;
}
* html .resizer-west-open {
	background: url(../base/images/resizable-w.gif) repeat-y center  !important;
}
* html .resizer-east-open {
	background: url(../base/images/resizable-e.gif) repeat-y center  !important;
}

* html .resizer-south, * html .resizer-west-open, * html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}


.toggler-north-open, .toggler-south-closed {
	background: url(../base/images/toggle-up.gif) no-repeat center bottom;
}
.toggler-north-closed, .toggler-south-open {
	background: url(../base/images/toggle-dn.gif) no-repeat center top;
}

.toggler-east-closed ,
.toggler-west-open    { background: url(../base/images/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../base/images/toggle-rt.gif) no-repeat center left; }


.resizer-west-closed, .resizer-east-closed {
	background: #D1E6FC url(../base/images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover, .resizer-east-closed:hover {
	background: #D1E6FC;
}






.ui-layout-north-menubar-div{
	float:left; 
	min-width: 900px;
	width: 100%; 
	background: #80ade5 url(../base/images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	border-top: 1px solid #ACF;
	border-bottom: 1px solid #ACF;
}


ul.ui-layout-north-menubar {
	margin:		0;
	padding:	2px;
	list-style:	none;
}
ul.ui-layout-north-menubar li {
	display:inline-block;
	margin: 0;
	padding: 2px 7px;
	color: #000;
	border: 1px solid transparent;
	border-right-color:#DDD;
}

ul.ui-layout-north-menubar li a{
	color:#000;
	font-weight:bold;
	height:24px;
	text-decoration:none;
	padding: 3px;
}
ul.ui-layout-north-menubar li  a:link, ul.ui-layout-north-menubar li a:visited {
	color:#069;
	text-decoration:none;
	border: 1px solid transparent;
}
ul.ui-layout-north-menubar li a:hover, ul.ui-layout-north-menubar li a:active {
	border:1px solid #EEE;
	background-color:#AA9;
	cursor:pointer;
}




ul.ui-layout-north-menubar li.pinbuttons {
	font-size: 0.9em;
	color:#069;
}
ul.ui-layout-north-menubar li.pinbuttons:hover {
	border:1px solid #EEE;
	background-color:#AA9;
	cursor:pointer;
}

ul.ui-layout-north-menubar li span {
	width: 			15px;
	height:			15px;
	margin-left:	-3px;
	margin-right:	0.75ex;
	vertical-align:	middle;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	display:		block;
	display:		inline-block;
}
ul.ui-layout-north-menubar li:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}
li.button-toggle-north span,  li.button-open-south span {
	background: url(../base/images/go-up-on.gif) no-repeat center;
}
li.button-close-south span {
	background: url(../base/images/go-dn-on.gif) no-repeat center;
}
li.button-pin-up span {
	background: url(../base/images/pin-up-on.gif) no-repeat center;
}
li.button-pin-down span {
	background: url(../base/images/pin-dn-on.gif) no-repeat center;
}


span.button-pin, span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west {
	left:	 0;
}
span.button-close-east {
	right: 0;
}
span.button-pin-west {
	right: 1px;
}
span.button-pin-east {
	left:	 1px;
}
/* CUSTOM pin-buttons */
span.button-pin-up {
	background: url(../base/images/pin-up-off.gif) no-repeat center;
}
span.button-pin-up:hover {
	background: url(../base/images/pin-up-on.gif) no-repeat center;
}
span.button-pin-down {
	background: url(../base/images/pin-dn-off.gif) no-repeat center;
}
span.button-pin-down:hover {
	background: url(../base/images/pin-dn-on.gif) no-repeat center;
}
/* CUSTOM close-buttons */
span.button-close-west {
	background: url(../base/images/go-lt-off.gif) no-repeat center;
}
span.button-close-west:hover {
	background: url(../base/images/go-lt-on.gif) no-repeat center;
}
span.button-close-east {
	background: url(../base/images/go-rt-off.gif) no-repeat center;
}
span.button-close-east:hover {
	background: url(../base/images/go-rt-on.gif) no-repeat center;
}
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed {
	background: url(../base/images/go-rt-off.gif) no-repeat center;
}
.toggler-west-closed:hover {
	background: url(../base/images/go-rt-on.gif) no-repeat center;
}
.toggler-east-closed {
	background: url(../base/images/go-lt-off.gif) no-repeat center;
}
.toggler-east-closed:hover {
	background: url(../base/images/go-lt-on.gif) no-repeat center;
}









#mainContent {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	padding-left: 20px;
	padding-right: 20px;
}

#mainContent .footer {
	border-top: 1px solid #CCC;
}
/*
*	INNER-LAYOUT PANE FORMATTING
*/

#mainContent .ui-layout-pane {
	padding: 10px;
}
#mainContent .ui-layout-south {
	text-align: center;
}
#mainContent .ui-layout-center {
	padding: 0 !important; /* inner divs have padding */
}
#mainContent .ui-layout-content {
	padding: 10px;
}
#mainContent .ui-layout-center h3 {
	font-size: 1em;
	padding: 5px;
	margin: 0;
}

#mainContent .ui-layout-resizer-closed:hover {
	background: #FFEDCA !important;
}
#mainContent .ui-layout-resizer-open:hover, #mainContent .ui-layout-resizer-dragging {
	background: #C4E1A4 !important;
}
#mainContent .ui-layout-resizer-drag-limit {
	background: #FF3300 !important;
}
#mainContent .ui-layout-resizer-north, #mainContent .ui-layout-resizer-south {
	border-left:  1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
}
#mainContent .ui-layout-resizer-north-closed {
	border-top:   1px solid #CCC !important;
}
#mainContent .ui-layout-resizer-south-closed {
	border-bottom:1px solid #CCC !important;
}
#mainContent .ui-layout-resizer-west-closed {
	border-left:  1px solid #CCC !important;
}
#mainContent .ui-layout-resizer-east-closed {
	border-right: 1px solid #CCC !important;
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #FD9 !important;
	border-color: #CB7 !important;
}
#mainContent .ui-layout-resizer-sliding {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#mainContent .ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {
	display: none !important;
}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {
	display: block !important;
}


#mainContent .highlight{
	background-color:#FF0;
}



/* the 'fix' for the jsTree's context menu */
.tree-context, .tree-default-context, .tree-default-context{
	z-index: 6;
}

/* the 'fix' for the datepicker */
#ui-datepicker-div { z-index: 5; font-size: 0.75em; }

/* the 'fix' of the "flash" effect during loading */
.ui-layout-center ,
.ui-layout-north ,
.ui-layout-south ,
.ui-layout-west ,
.ui-layout-east {
    display: none;
} 


.small_text{
	font-size: smaller;
}