/* ---------- Roundedge text buttons ---------- */

/* Button left background image */
a.roundedge-orange
{
	background: transparent url('images/buttons/roundedge-orange-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial;
	line-height: 10px; 
	height: 18px; 
	padding-left: 7px;
	text-decoration: none;
}

a.roundedge-gray
{
	background: transparent url('images/buttons/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial;
	line-height: 10px; 
	height: 18px; 
	padding-left: 7px;
	text-decoration: none;
}

a.navbar-gray
{
	background: transparent url('images/buttons/navigation/navigation_middle_left.jpg') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial;
	line-height: 26px; 
	height: 26px; 
	padding-left: 8px;
	text-decoration: none;
}

/* Button right(middle) background image */
a.roundedge-orange span
{
	background: transparent url('images/buttons/roundedge-orange-right.gif') no-repeat top right;
	display: block;
	padding: 4px 8px 4px 2px;
}

a.roundedge-gray span
{
	background: transparent url('images/buttons/roundedge-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 8px 4px 2px;
}

a.navbar-gray span
{
	background: transparent url('images/buttons/navigation/navigation_middle_right.jpg') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px;
}


/* Button text color */
.roundedge-gray-text
{
	color: white;
}

.roundedge-orange-text
{
	color:Black;
}

/* Container you can use to surround a CSS button to clear float */
.buttonwrapper
{ 
	overflow: hidden;
	width: 100%;
}

/* Button hover state CSS 
a:hover.roundedge-orange, a:hover.roundedge-gray
{ 
	text-decoration: underline;
}
*/

/* AjaxLoading message */
.progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

.processMessage { 
    position:fixed; 
    top:40%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
    font-size:18px;
}

/* begin css tabs */

ul.tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1px; /* set margins as desired */
list-style-type: none;
padding: 0px 10px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav li { /* do not change */
display: inline;
}

ul.tabnav li.active { /* settings for selected tab */
/* border-bottom: 1px solid black; */ /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul.tabnav li.active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
font: bold 11px Arial,Helvetica,sans-serif; /* set font as desired */
font-weight:bold;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav li a { /* settings for all tab links */
padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/* border: 1px solid black; */ /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FCEAEE; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
font: bold 11px Arial,Helvetica,sans-serif; /* set font as desired */
font-weight:bold;
}

ul.tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}


ul.tabnav_red { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1px; /* set margins as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav_red li { /* do not change */
display: inline;
}

ul.tabnav_red li.active { /* settings for selected tab */
/* border-bottom: 1px solid black; */ /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul.tabnav_red li.active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
font: bold 11px Arial,Helvetica,sans-serif; /* set font as desired */
font-weight:bold;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav_red li a { /* settings for all tab links */
padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/* border: 1px solid black; */ /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FCEAEE; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
font: bold 11px Arial,Helvetica,sans-serif; /* set font as desired */
font-weight:bold;
}

ul.tabnav_red a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

ul.tabnav_orange { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #F6EBD3; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabnav_orange li { /* do not change */
display: inline;
}

ul.tabnav_orange li.active { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul.tabnav_orange li.active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav_orange li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #F6EBD3; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F6EBD5; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
background-image:url(http://www.wuzzon.nl/App_Themes/NL/images/buttons/tabs/tab_background.jpg);
}

ul.tabnav_orange a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */