* ############################## PAGE SETUP STYLES ############################## */
* { margin:0; padding:0; }

html, body
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFF;
	background-image:url("../images/bg_page.png");
	background-repeat:repeat-x;
	margin:0;
	padding:10px;
}

p { margin-bottom:10px;	line-height:130%; }

a { color:#19529B; text-decoration:none; }

a:hover { color:#EFE301; text-decoration:underline; }

h1,h2,h3,h4, .h1,.h2,.h3,.h4 { font-family:"Trebuchet MS"; color:#2C3954; margin-bottom: 2px; }

h1,.h1 { font-size:30px; margin: 0px; margin-bottom: 2px; }
h2,.h2 { font-size:22px; margin: 0px; }
h3,.h3 { font-size:18px; margin: 0px; }
h4,.h4 { font-size:13px; margin: 0px; }

img { border:0; }

p a { text-decoration: underline; }

.padding { padding: 10px; }
.overflow { overflow: auto; }
.left { float:left; }
.right { float:right; }
.clear { clear: both; }

/* ############################## TEMPLATE SETUP STYLES ############################## */
#container { width:940px; margin-left:auto; margin-right:auto; border:1px solid #ccc; background-color:#fff; background-image:url(../images/bg_sidebar_blue.gif); background-position:right; background-repeat:repeat-y; }
div#header { position:relative; background:#FFF; height:140px; background-image:url(../images/logo.jpg); background-position:10px 30px; background-repeat:no-repeat; }
div#footer { clear:both; width:100%; background-color:#2C3954; height:30px; }
#footer p { text-align:left; font-size:9px; line-height: 30px; margin-left: 10px; }
div#wrapper { float:left; width:100%; margin-left:-301px; }
div#content { min-height:200px; width: 610px; margin-left:301px; padding:15px; }
*html div#content { width: 600px; }
#headermenu a,#topmenu a,#footer a,#footer { color:#FFF; }
#footer a,#topmenu a:hover { text-decoration: underline; }

#headermenu { float:left; width:100%; background:#DEDEDE url("../images/bg_header.png") repeat-x; line-height:normal; }
#headermenu ul { list-style:none; margin:0; padding:0 10px; }
#headermenu li { float:left; margin:0; padding:10px; }
#headermenu a { text-decoration:none; text-transform:uppercase; font-weight:700; font-size:14px; font-family:"Trebuchet MS"; float:none;  margin:6px; }
#headermenu .selected { background-image:url(../images/bg_headermenu_select.png); background-repeat:no-repeat; background-position:center; }

#topmenu { float:right; width:100%; background:#DEDEDE url("../images/bg_header.png") repeat-x; line-height:23px; }
#topmenu ul { float:right; list-style:none; margin:0; padding:0 15px; }
#topmenu li { float:left; margin:0; padding:0; }
#topmenu a { text-decoration:none; font-size:12px; font-family:"Trebuchet MS"; float:none; margin:17px; }

/* ################################# SIDEBAR STYLES ################################## */
div#sidebar { float:right; width:300px; background-color:#2C3954; font-family: verdana, tahoma, arial, sans-serif; }
.ladderheader { background-color:#3C4A67; color:#FFF; text-align:center; line-height:20px; height:20px; font-size:10px; }

#sidebar h1, #sidebar h2, #sidebar p, #sidebar, #sidebar a { color: #FFF; }
#headermenu a:hover,#topmenu a:hover,#footer a:hover, #sidebar a:hover { color:#FF0; }


/* ############################## CONTENT STYLES ############################## */
.featureblock { border:1px solid #323F5B; margin-bottom:10px; padding:5px; }
.featureblock h1,.featureblock h2,.featureblock h3 { color:#FFF; font-size: 22px; margin-bottom:5px; background-image:url(../images/bg_header.png); padding:5px; }

.block { background:#FFFFFF url(../images/bg_block.jpg) repeat-x; border:1px solid #D8D8D8; margin-bottom:10px; padding:5px; }
.block h1,.block h2 { margin-bottom:5px; padding:5px; }

ul.list li { list-style-image:url(../images/li.png); line-height:180%; }

.hmenu { float:left; line-height:normal; }
.hmenu ul { list-style:none; margin:0; padding:0; }
.hmenu li { float:right; margin:0; padding-left: 20px; }

.overlay img { opacity:0.2; filter:alpha(opacity=20) }

.overlay a:hover img { opacity:1; filter:alpha(opacity=100) }

#tooltip { padding: 3px; background: #FFFF99; border: 1px solid #FFCC33; text-align: center; font-size: 11px; }
span.tip { border-bottom: 1px solid #eee; }

.pagenav { float: right; list-style: none; text-align: right; width: 400px; background-color: #3C4A67; color: #FFF; margin-bottom: 10px; }
.pagenav li { display: inline-block; padding: 3px; font-size: 11px; }
.pagenav a { display: inline; color: #FFF; }
.pagenav li a { text-decoration: none; }

.imgborder { border: 1px solid black; }
.largefont { font-size: 13px; }

/* ############################## UNKNOWN USAGE ############################## */
.hint { margin-left:140px; z-index:1; display:none; position:absolute; left:50%; width:180px; margin-top:-4px; border:1px solid #FC3; background:#FFB url(../images/pointer.gif) no-repeat -10px 5px; padding:10px 12px; }
.hint .hint-pointer { position:absolute; left:-10px; top:5px; width:10px; height:19px; background:url(../images/pointer.gif) left top no-repeat; }


#red_overlay { border: 4px solid red; font-size: 18px; line-height: 50px; font-weight: bold; text-align:center; opacity:0.9; filter:alpha(opacity=90); background-color: #FF4C4C; }
#red_overlay p { padding: 20px; }











/* #################################################### EXTRA NEW STYLES #################################################### */
#mask {
	background-color:#000;
	display:none;
	filter:alpha(opacity=55);
	height:110%;
	left:0;
	opacity:0.55;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:1001;
}

#hover {
	-moz-border-radius:3px;
	-moz-box-shadow:3px 5px 5px #333;
	-webkit-box-shadow:3px 5px 5px #333;
	background-color:#FFF;
	border:1px solid #000;
	border-radius:3px;
	box-shadow:3px 3px 5px #888;
	display:none;
	font-size:11px;
	left:450px;
	padding:10px;
	position:absolute;
	top:100px;
	width:200px;
	z-index:1002;
}

#hoverClose {
	height:20px;
	display: none;
	z-index:1004;
	position:absolute;
}
#hoverClose div {
	float:right;
	height:20px;
	background-color:#FFFFFF;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	width:50px;
	text-align: left;
	font-weight:bold;
	font-size:11px;
	color: #333333;
	border:1px solid #000000;
	border-bottom-width:0px;	
}

#ajaxLoader
{
	width:50px;
	height:25px;
	background-color:#FFF;
	position:fixed;
	top:0;
	right:0;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	z-index:2000;
	display:none;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555;	
}

#ajaxLoader img
{
	margin-top: 5px;
	margin-left:20px;
}

#laddercontainer .ladder {
background-image: url(../images/bg_sidebar.png);
background-color: #FFFFFF;
color: #000000;

}

.laddertitle {
list-style-type: none;
height: 20px;
margin: 0px;
}

.laddertitleli {
display: inline;
font-size: 13px;
font-weight: bold;
padding: 5px;
}
.laddertitleli:hover {
	text-decoration: underline;
	cursor: pointer;
}

.laddertitle .selected {
 color: #54C707;
}

#laddercontainer tr.ladderselected {
color: #000000;
background-color: #95D679;
}

.inlineedit form input {
font-size: 11px;
line-height: 13px;
height: 20px;
margin: 0px;
padding: 0px;
}
.tipbitslider { border: 1px solid #000000; background-color: #FFFFFF; }

.cssform fieldset { border-top: 1px solid black; }
.cssform legend { font-size: 16px; font-weight: bold; }