/* Minification failed. Returning unminified contents.
(2138,37): run-time error CSS1030: Expected identifier, found ':'
(2138,45): run-time error CSS1031: Expected selector, found ')'
(2138,45): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Customization */
.nivoSlider {
	position:relative;
	/*background:#fff url(../images/waiting.gif) no-repeat 50% 50%    */
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	top:-38px;
	right:-27px;
	/*margin-left:-40px; */ /* Tweak this to center bullets */
}
.nivo-controlNav a {
	display:block;
	/*width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;*/
	border:0;
	margin-right:3px;
	float:left;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding:2px 4px;
	color:#000;
	border:solid 1px transparent;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
	background:#fff;
	border:solid 1px #cccccc;
	color:#000
}

.nivo-directionNav a {
	display:block;
	width:17px;
	height:17px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-17px 0;
	right:-25px;
}
a.nivo-prevNav {
	left:-25px;
}

.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
/*line-height:	16px;*/
}
.sf-menu ul {
	position: absolute;
	top: -9999px;
	width: 160px; /* left offset of submenus need to match (see below) */
	margin-top:37px
}
.sf-menu ul li ul {
	margin-top:0
}
.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 li ul a {
	display: block;
	position: relative;
	font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	padding:5px 15px
}
.sf-menu .rbtn {
	padding:0
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 4px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -9999px;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -9999px;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float: left;/*margin-bottom:	16px;*/
}
.sf-menu a {
	/*border-left: 1px solid #fff;
	border-top: 1px solid #CFDEFF;
	padding: 5px 15px;*/
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
.sf-menu li {
/*background: #BDD2FF;*/
}
.sf-menu li li {
	background: #155a0e;
	/*margin-left:1px;*/
	border-bottom:solid 1px #2f8227;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
}
.sf-menu li li li {
	background:		#155a0e;
	/*margin-left:1px;*/
	border-bottom:solid 1px #2f8227;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background: #146d0b;*/
   background: #006695;
	outline: 0;
}
/*** arrows **/
.sf-menu ul a.sf-with-ul {
	padding-right: 36px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */	
}
.rbtn .sf-sub-indicator {
	display:none
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 12px;
	top: 17px; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/arrows-ffffff.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: 12px;
	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('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 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;
}
/* CSS for Selected Tab */
.rbtn {
	background:url(../images/lcap.jpg?v=11) no-repeat left top;
	display:inline-block;
	height:42px;
	font:normal 14px Tahoma, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	/*margin:0 1px;*/
	text-decoration:none
}
.rbtn .spanbox {
	background:url(../images/rcap.jpg?v=11) no-repeat right top;
	display:block;
	height:27px;
		/*line-height:42px;*/
	margin-left:5px;
	padding-right:15px;
	padding-left:10px;
	padding-top:15px
}
.rbtn:hover, .selected, .sf-menu li:hover .rbtn, .sf-menu li.sfHover .rbtn {
		background: url(../images/lcap.jpg?v=11) no-repeat left -42px
}
.rbtn:hover .spanbox, .selected .spanbox, .sf-menu li:hover .rbtn .spanbox, .sf-menu li.sfHover .rbtn .spanbox {
	background:url(../images/rcap.jpg?v=11) no-repeat right -42px
}
.selected .spanbox {
	font-weight:bold
}
.sf-menu .sfHover .sfHover a{
	color:#95f089
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position:		relative;
	width:100%
}
.sf-navbar li{
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			100%; /*IE6 soils itself without this*/	
}
.sf-navbar li li, .sf-navbar li li li{
	position:		static;
}
.sf-navbar li li li ul {
	/*width:			100%;*/
	margin-top:0
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li, .sf-navbar ul li li, .sf-navbar ul li li li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	/*background:		#BDD2FF;*/
}
.sf-navbar ul, .sf-navbar ul ul, .sf-navbar ul ul ul{
	position:absolute !important;
	left:0px !important;
	top:35px !important;
	/*background: #155a0e !important;*/
   background: #006695 !important;
	padding:0 !important
}
.sf-navbar ul, .sf-navbar ul li{
	background: #00a3e0 !important;
}
.sf-navbar ul li.current{
	background: #006695 !important;	
}
.sf-navbar ul li.current a{
	color:#95f089;
}
.sf-navbar ul ul, .sf-navbar ul ul li{
	background: #006695 !important;
}
.sf-navbar ul li, .sf-navbar ul ul li, .sf-navbar ul ul ul li{
	border-bottom:none !important;
	line-height:30px
}
.sf-navbar ul li a, .sf-navbar ul ul li a, .sf-navbar ul ul ul li a{
	line-height:25px !important
}
.sf-navbar ul{
	top:5px !important
}
.sf-navbar ul ul.current{
	visibility:visible !important;
	display:block !important;
	z-index:10
}
.sf-navbar ul ul{
	visibility:hidden;
	display:none;
	z-index:10000
}
.sf-navbar ul ul li a{
	color:#fff !important
}
.sf-navbar ul li a:hover, .sf-navbar ul li a.active,
.sf-navbar ul ul li a:hover, .sf-navbar ul ul li a.active{
	color:#95f089 !important
}
.sf-navbar ul li a{
	font-size:13px !important
}
.sf-navbar ul li ul li a{
	font-size:12px !important
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	/*background:		#006695 !important;*/
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#006695 !important;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	/*background:		#E6EEFF !important;*/
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-9999px;
}

.sf-navbar li li.current > a {
	/*font-weight:	bold;*/
}

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

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
ul li.sfHover > .sf-with-ul + ul {
	visibility: visible;
}

.sfHover .sf-with-ul:after {
	position: absolute;
	content: '\00a0⯆' !important;
}
/*====================================================================================
Standard HTML Style settings
====================================================================================*/
body {
    margin: 0px;
    text-align: center;
}

td {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

input {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

select {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

p {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

th {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00a3e0;
    font-weight: bold;
}

a {
    color: #0072ce;
    text-decoration: none;
}

textarea {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

h1 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 30px;
    color: #00abe8;
    font-weight: normal;
    margin-bottom: 0px;
}

h2 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    color: #00abe8;
    font-weight: normal;
    margin-bottom: 0px;
}

h3 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #00abe8;
    font-weight: normal;
    margin-bottom: 0px;
}

h4 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #00abe8;
    font-weight: normal;
    margin-bottom: 0px;
}

h5 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #00abe8;
    font-weight: normal;
    margin-bottom: 0px;
}

.layout {
    width: 100%;
    height: 100%;
    margin: 0px auto;
}
/*====================================================================================
Style settings for Header
====================================================================================*/

.logobg {
}

.layoutheader {
    height: 143px;
    background-image: url(../images/header_bg.jpg?v=11);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.topmenu {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #005083;
    text-decoration: none;
}

.topmenutd {
    padding-left: 5px;
}

.topmenu:hover {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #00abe8;
    text-decoration: none;
}

.topmenuselected {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #00abe8;
    text-decoration: none;
    font-weight: bold;
}

.topmenuarrow {
    background-image: url(../images/topmenu_bullet.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    height: 11px;
    width: 30px;
}

.user {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00abe8;
    padding-right: 10px;
    padding-bottom: 5px;
}

.plan {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #005083;
    padding-bottom: 5px;
    padding-right: 10px;
}

.headermenutd {
    background-image: url(../images/headermenu_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 5px;
}

.headermenutdselected {
    background-image: url(../images/headermenuover_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 5px;
}

.headermenutdlft {
    background-image: url(../images/headermenu_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    width: 16px;
}

.headermenutdrht {
    background-image: url(../images/headermenu_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    width: 16px;
}

.headermenutdselectedlft {
    background-image: url(../images/headermenuover_lft.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 16px;
}

.headermenutdselectedrht {
    background-image: url(../images/headermenuover_rht.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 16px;
}

.headermenu {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}

.headersubmenu {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}

.headersubmenuover {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #b5d766;
    text-decoration: none;
    font-weight: bold;
}

.headersubmenu:hover {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #b5d766;
    text-decoration: none;
}

.headersubmenuoverbg {
    background-image: url(../images/submenuselected.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    vertical-align: top;
}

.headermenu:hover {
    color: #ffffff;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

.headermenuover {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


/*====================================================================================
Style settings for Footer
====================================================================================*/
.layoutfooter {
    height: 58px;
    background-image: url(../images/footer_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.footercontent {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}

.footercopyright {
    padding: 5px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}

.footercopyrightlink {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}

.footermenu {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
}

    .footermenu:hover {
        font-family: Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #8fcbf1;
    }

.footermenuselected {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #8fcbf1;
    font-weight: bold;
}

.layoutcookiesfooter {
    background-color: black;
    color: white;
    height: 40px;
    /*width:90%;*/
}
/*====================================================================================
Style settings for Margin
====================================================================================*/
.layoutMargin {
    background-color: #ffffff;
    width: 224px;
}

.marginmenu {
    text-decoration: none;
    color: #005883;
}

.margincaption {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #0072ce;
    font-weight: bold;
}

.teaserheader1 {
    background-image: url(../images/teaserheader1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 224px;
    height: 21px;
}

.teaserbg1 {
    background-image: url(../images/teaserbg1.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    width: 224px;
}

.teasercontentbg1 {
    background-image: url(../images/teasercontentbg1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 224px;
    height: 93px;
    padding-top: 20px;
}

.teasersep1 {
    background-image: url(../images/teasersep1.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 10px;
}

.teasercaption1 {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 16px;
}

.teaserbullet1 {
    background-image: url(../images/teaserbullet1.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 36px;
    padding-bottom: 10px
}

.teasercontent1 {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.teasercontentrht1 {
    width: 18px;
}

.teaserfooter1 {
    background-image: url(../images/teaserfooter1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 224px;
    height: 49px;
}

.teaserheader2 {
    background-image: url(../images/teaserheader2.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 224px;
    height: 34px;
}

.teaserbg2 {
    background-image: url(../images/teaserbg2.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    width: 224px;
}

.teasercontentbg2 {
    background-image: url(../images/teasercontentbg2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 224px;
    height: 82px;
}

.teasersep2 {
    background-image: url(../images/teasersep2.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 10px;
}

.teaserbullet2 {
    background-image: url(../images/teaserbullet2.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 36px;
    padding-bottom: 10px
}

.teasercontent2 {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 3px;
    line-height: 18px;
}

.teasercontentrht2 {
    width: 18px;
}

.teaserfooter2 {
    background-image: url(../images/teaserfooter2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 224px;
    height: 51px;
}

.rightmarginbullet {
    background-image: url(../images/teaser_bullet.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 10px;
}

.rightmargincontent {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}


/*====================================================================================
Style settings for Main
====================================================================================*/
.layoutmiddle {
    background-image: url(../images/middle_bg.jpg?v=11);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
    height: 100%;
}

.layoutmiddlecenter {
    height: 100%;
    background-color: #ffffff
}

.layoutmain {
    background-color: #ffffff;
    border-left: solid 1px #E2E2E2;
    border-right: solid 1px #E2E2E2;
}

.layoutmaincontent {
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.dynButton {
    background-position: 0 0;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    height: 22px;
    border: solid 1px #13510b;
    background-color: #0072ce;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    font-weight: bold;
}

    .dynButton:hover {
        background-position: 0 -22px;
    }

.dynButtondim-old {
    background-image: url(../images/button_sprite.jpg);
    background-repeat: repeat-x;
    background-position: 0 -44px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #afb3b4;
    height: 22px;
    border: solid 1px silver;
    background-color: transparent;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    font-weight: bold;
}

.dynButtondim {
    background-position: 0 -44px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    height: 22px;
    border: solid 1px #999999;
    background-color: #f3f3f3;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    font-weight: bold;
}

.slopebg {
    background-image: url(../images/slope_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: 69px;
}

.slopelft {
    background-image: url(../images/slope_lft.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 162px;
    height: 69px;
}

.sloperht {
    background-image: url(../images/slope_rht.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 162px;
    height: 69px;
}

.lightgreenbox {
    background-image: url(../images/slope_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: 30px;
    padding-left: 7px;
}

.tabtd {
    background-image: url(../images/tab_down.jpg?v=11);
    background-repeat: repeat-x;
    background-position: left top;
    height: 32px;
}

.tabdown {
    background-image: url(../images/tab_sep.jpg?v=11);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
}

.tabdown2 {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
}

.tabover {
    background-image: url(../images/tab_over.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
}

.tablink {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #005083;
    text-decoration: none;
}

    .tablink:hover {
        font-family: Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #00abe8;
        text-decoration: none;
    }

.tablinkdown {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00abe8;
    font-weight: bold;
    text-decoration: none;
}

.rowlink {
    color: #0072ce;
    text-decoration: underline;
}

.contentbg {
    background-image: url(../images/info_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 15px;
    height: 82px;
}

.contentbg2 {
    background-image: url(../images/info_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 15px;
    border-left: 1px solid #005183;
    border-right: 1px solid #005183;
    border-bottom: 1px solid #005183;
}

.inputbg {
    border: double 4px #005083;
    background-color: #e7f0f5;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.captionbg {
    background-image: url(../images/cap_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 28px;
}

.captionrht {
    background-image: url(../images/cap_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 28px;
    font-size: 11px;
    padding-bottom: 5px;
}

.captionbg1 {
    border-bottom: dotted 1px silver;
    height: 28px;
}

.captionbg11 {
    border-top: dotted 1px silver;
    height: 28px;
}

.captionbg2 {
    background-image: url(../images/cap_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 28px;
    padding-left: 10px;
    border-left: 1px solid #00abe8;
    border-right: 1px solid #00abe8;
    border-top: 1px solid #00abe8;
}

.captionbg3 {
    border-top: dotted 1px silver;
}

.captionbg4 {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #00abe8;
    border-left: 1px solid #00abe8;
    border-right: 1px solid #00abe8;
    border-top: 1px solid #00abe8;
}


.caption {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #004c97;
}

.caption1 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #004c97;
}

.caption2 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    color: #004c97;
}

.caption3 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #004c97;
}

.caption4 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #004c97;
}

.subheadertext {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #005083;
    font-style: italic;
}

.blackcaption0 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

.blackcaption1 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

.blackcaption2 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    color: #333333;
}

.greencaption1 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00a3e0;
}

.pageheader {
    height: 28px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #005083;
}

.contentpad {
    padding: 15px;
}

.contentpad2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.content {
    line-height: 18px;
}

.contentcaption {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #00abe8;
    font-weight: normal;
}

.contentbox {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contentbox1 {
    padding: 10px;
    border: 1px solid silver;
}

.contentbox2 {
    padding: 10px;
    border-left: 1px solid #00abe8;
    border-right: 1px solid #00abe8;
    border-bottom: 1px solid #00abe8;
}

.contentbox3 {
    padding: 10px;
}

.contentbox4 {
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.contentbox5 {
    padding: 10px;
    background-color: #dddddd;
    border: solid 1px gray;
}

.rowonelink {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00abe8;
    font-weight: bold;
}

.rowone {
    background-color: #ebebeb;
    height: 30px;
    padding-right: 7px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.rowtwo {
    background-color: #f4f7f3;
    vertical-align: top;
    padding-right: 7px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.rowthree {
    background-color: #ecf2f7;
    vertical-align: top;
    padding-right: 7px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.rowfour {
    background-color: #f5f5f5;
    padding-right: 7px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.rowfive {
    background-color: #EA4613;
    height: 25px;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 10px;
    border-bottom: solid 1px white;
}

.drowfive {
    background-color: #fbfbfb;
    height: 25px;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 10px;
    border-bottom: solid 1px white;
}

.rowsix {
    background-color: #ffffff;
    vertical-align: top;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.rowseven {
    background-color: #eff4ee;
    height: 30px;
    padding-right: 7px;
    padding-left: 7px;
    border-bottom: solid 1px white;
}

.lrowone {
    border-bottom: solid 1px #008579;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lrowtwo {
    padding-right: 10px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lrowthree {
    color: #005e84;
    border-top: solid 1px #008579;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lrowfour {
    border-top: solid 1px #008579;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lrowfour1 {
    border-bottom: solid 1px #008579;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.frowone {
    background-color: #ebebeb;
    height: 30px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.frowtwo {
    background-color: #f4f7f3;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.frowthree {
    background-color: #ecf2f7;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.frowfour {
    background-color: #f5f5f5;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.frowfive {
    background-color: #fbfbfb;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.frowsix {
    background-color: #ffffff;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border-bottom: solid 1px white;
}

.browtwo {
    background-color: #f4f7f3;
    vertical-align: top;
    padding-right: 7px;
    padding-left: 7px;
}

.browthree {
    background-color: #ecf2f7;
    vertical-align: top;
    padding-right: 7px;
    padding-left: 7px;
}

.browfour {
    color: #005e84;
    border-top: solid 1px #008579;
    padding-right: 7px;
    padding-top: 5px;
    padding-left: 7px;
}

.sectionline {
    border-top: 2px solid #005083;
}
/*====================================================================================
Style settings for the Application Login Page
====================================================================================*/
.loginlink {
    padding: 10px;
    line-height: 24px;
}

.errormsg {
    border-top: dotted 1px #cccccc;
    height: 40px;
}
/*====================================================================================
ComponentArt Treeview Style settings
====================================================================================*/

.TreeView {
    padding: 2px;
    padding-left: 5px;
}

.TreeNode {
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: hand;
}

.SelectedTreeNode {
    color: Blue;
    font-weight: Bold;
}

.HoverTreeNode {
    color: #F45E00;
    font-weight: Bold;
}

.content {
    CLEAR: left
}

span.error {
    border: solid thin #e73232;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    color: #e73232;
}

td.error {
    text-align: center;
}

/*====================================================================================
Style settings for the Error Panel
====================================================================================*/

.DialogBackground {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666; /* dark gray */
    opacity: .5;
    filter: alpha(opacity=50); /* opacity: partly transparent */
    z-index: 1000;
}

.DialogPanel {
    background-image: url('../images/stop.gif');
    background-position: right;
    background-position: 315px 27px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 350px;
    background-color: White;
    border: solid 2px silver;
    display: none;
    font-family: Verdana, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 17px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* opacity: solid */
    z-index: 2000;
}

.DialogPanelTitle {
    width: 350px;
    height: 18px;
    background-color: #bd8d5d;
    color: White;
    font-weight: bold;
    border: solid 0px silver;
    border-bottom-width: 2px;
    text-align: center;
    padding-top: 3px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* opacity: solid */
    z-index: 2000;
}

.DialogPanelMessage {
    width: 310px;
    margin: 5px 2px 5px 5px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* opacity: solid */
}

.DialogPanelImage {
    display: none;
}

.DialogPanelButtonBar {
    text-align: center;
    width: 340px;
    margin: 5px 2px 5px 5px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* opacity: solid */
}

.DialogPanelButton {
    width: 60px
}

.WaitPanel {
    position: absolute;
    text-align: center;
    left: 0px;
    top: 0px;
    width: 200px;
    background-color: White;
    border: solid 2px silver;
    display: none;
    font-family: Verdana, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 17px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* opacity: solid */
    z-index: 2000;
}


/*====================================================================================
Style settings for the Calendar Popup Control
====================================================================================*/

.whArea {
    width: 100%;
    /*margin-left: 80px;*/
}

.ewWeekday {
    background-color: #f5faef;
}

.ewMonthHeader {
    background-color: #006595;
    color: white;
    font-weight: bold;
}

.ewOffMonth {
    background-color: #d8e8f0;
}

.ewGoToToday {
    background-color: #eeeeee;
}

.ewTodayDay {
    background-color: #eeeeee;
}

.ewDayHeader {
    background-color: #d8d8d8;
    color: #067592;
}

.ewWeekend {
    background-color: #e6efda;
}

.ewSelectedDate {
    background-color: #006595;
    color: white;
}

.ewClearDate {
    background-color: #eeeeee;
}

.ewHoliday {
    background-color: #f9e2b5;
    color: white
}
/*====================================================================================
Style settings for the Wizard Steps
====================================================================================*/

.steptext {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #00abe8;
    font-size: 14px;
    font-weight: bold;
    border-left: solid 1px #006595;
    border-top: solid 1px #006595;
    border-bottom: solid 1px #006595;
}

.steptextlink {
    color: #00abe8;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.steptext2 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #00abe8;
    font-size: 14px;
    font-weight: bold;
    border-right: solid 1px #006595;
    border-top: solid 1px #006595;
    border-bottom: solid 1px #006595;
}

.stepdone {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #B8D0E3;
    font-size: 14px;
    background-color: #006595;
    border-left: solid 1px #ffffff;
}

.stepdonelink {
    color: #B8D0E3;
    font-size: 14px;
    text-decoration: none;
}

.stepactive {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background-color: #00abe8;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    font-family: Geneva, Arial, Helvetica, sans-serif
}

.steps {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #006595;
    font-size: 14px;
    background-color: #DEE8F2;
    border-right: solid 1px #ffffff;
}

/*====================================================================================
Style settings for the Payroll wizard
====================================================================================*/

.inline-save-inactive {
    color: #9f9e9e;
}

.inline-save-active {
    cursor: pointer;
    display: none;
}

input.amount {
    text-align: right;
}

.portlet {
    width: 151px;
    float: left;
    padding: 0px;
    height: 80px;
    margin: 1px;
    position: relative;
}

.portlet-header {
    margin: 3px;
    padding: 2px;
    cursor: pointer;
}

    .portlet-header .ui-icon {
        float: right;
    }

.portlet-content {
    padding: 0.4em;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bold {
    font-weight: bold;
}

/*====================================================================================
Style settings for the Print Media
====================================================================================*/
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.dollerPlaceHolder {
    display: inline-block;
    position: relative;
}

    .dollerPlaceHolder input {
        padding-left: 15px;
    }

    .dollerPlaceHolder:before {
        position: absolute;
        content: "$";
        left: 5px;
        top: 2px;
    }

.ui-dialog {
    z-index: 99 !important;
}

.ui-datepicker-trigger {
    vertical-align: middle;
}

.collapseddetails, .expanddetails {
    background: #f26522;
    border-radius: 50%;
    height: 20px;
    width: 20px !important;
    display: inline-block;
    color: #fff !important;
    font-size: 16px;
    line-height: 18px;
}

.collapseddetails, .collapseddetails_transfer, .collapseddetails_transfer_in {
    line-height: 20px;
}

    .collapseddetails:after, .expanddetails:after, .collapseddetails_transfer:after, .expanddetails_transfer:after, collapseddetails_transfer_in:after {
        content: '+';
        text-align: center !important;
        display: block;
        margin: 0 0 0 1px;
    }

.expanddetails:after, expanddetails_transfer:after {
    content: '-';
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.margin-top {
    margin-top: -15px !important
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.fis-alert {
    width: 92%;
    margin: 20px auto;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 15px 5px #ccc;
}

.fis-alert-close {
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0.5;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    right: 15px;
    top: 14px;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
}

.fis-alert * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fis-alert h3 {
    font-family: Quicksand;
}

.primary-alert {
    background-color: #f0f7fa;
    border-left: 5px solid #006495;
}

    .primary-alert .fis-alert-close {
        border-color: #006495;
        color: #006495;
    }

.success-alert {
    background-color: #a8f0c6;
    border-left: 5px solid #178344;
}

    .success-alert .fis-alert-close {
        border-color: #178344;
        color: #178344;
    }

.danger-alert {
    background-color: #f7a7a3;
    border-left: 5px solid #8f130c;
}

    .danger-alert .fis-alert-close {
        border-color: #8f130c;
        color: #8f130c;
    }

.warning-alert {
    background-color: #ffd48a;
    border-left: 5px solid #8a5700;
}

    .warning-alert .fis-alert-close {
        border-color: #8a5700;
        color: #8a5700;
    }


.disableddiv {
    pointer-events: none;
    opacity: 0.9;
}

.error-text {
    background-image: url('/skin/insperity/images/warning.png');
    background-repeat: no-repeat;
    padding-left: 22px; /* width of the image plus a little extra padding */
    display: block;
    color: #ff0000;
}

.errorsdiv {
    margin-top: 6px;
    color: #e73232;
}

.diverrors {
    color: #ff0000;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-bottom-14 {
    margin-bottom: 14px !important;
}

.displayinlineflex {
    display: inline-flex;
}

#idp_error p {
    color: inherit;
}

.pin_cancel {
    width: 60px;
    margin-left: 1px;
}

.starBullet li:before {
    content: "\2731" !important;
    margin-left: -14px;
    margin-right: 6px;
    font-size: 10px;
}

.width-50 {
    width: 50%
}

.width-100 {
    width: 100%
}

.msg-education {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    padding-left: 20px;
    padding-top: 20px;
    font-weight: bold;
}

.float-left {
    float: left;
}

.d-flow-root {
    display: flow-root;
}

.pd_bottom {
    padding-bottom: 10px;
}

.pad {
    padding-top: 10px;
    padding-bottom: 5px;
}

.bg_color {
    background-color: #005083;    
}

.acc_bal {
    color: #ffffff;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 10px;
}

.color_red {
    color: red;
}

.display_none {
    display: none;
}

.pass-toggle {
    position: relative;
    display:inline-block;
}

    .pass-toggle label,
    .pass-toggle label input {
        display: none;
    }

    .pass-toggle input::-ms-reveal {
        display: none;
    }

    .pass-toggle input:not(:placeholder-shown):focus + label,
    .pass-toggle label:hover {
        display: block;
    }

    .pass-toggle label {
        position: absolute;
        top: 2px;
        right: 5px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        opacity: 0.5;
        background: url(../images/eye-show.png);
        background-size: cover;
    }

        .pass-toggle label:has(input:checked) {
            background: url(../images/eye-hide.png);
            background-size: cover;
        }

.pd-lft {
    padding-left: 10px;
}

.ver-al {
    vertical-align: middle;
}
.d-inline-block {
    display:inline-block;
}
@media print {
    body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
    td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; clip:   rect(   )}
    a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #0000CC}
    xmp {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000}
    input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small}
    .headerbar
    {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    text-decoration: none; 
    background-color: #CCCCCC;
    background-attachment: fixed; 
    background-repeat: repeat-y; 
    background-position: left top; 
    border-color: #333333 #FFFFFF #FFFFFF #333333;
    color: #FFFFFF
    ; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
    }

    p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}
    .pageheader {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; display: block; page-break-before: always;}
    .columnheader { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; display: block;}
    .webdisplay {display: none;}
}