/************************
/************************
/* Global items
/***********************/

* {

}

html {
	overflow-y: scroll;
}

body, html {
	margin: 0;
	padding: 0;
	height:100%;
}

body {
	font: 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: url('../images/design/header_back.gif') #eee repeat-x 0 0;
	text-align: center;
}

a {
	color: #007bd1;
}

a:hover {
	color: #000;
}

p {

}

img {
	border: 0;
}

h1 {
	font: bold 160% Tahoma, Arial, Helvetica, sans-serif;
	color: #007bd1;
}

h2 {
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
	color: #007bd1;

}

h3 {
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
	color: #007bd1;
}

h4 {
	font-weight: bold; 
	color: #fff; 
	margin: 20px 0 10px 0;
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
}

table, tr, th, td, thead, tbody, tfoot {
	padding: 0;
	margin: 0;
	border: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	position:relative;
}

input, textarea {
	padding: 3px;
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #919191;
	background: url('../images/design/form_text_back.gif') #fff no-repeat 0 0;
}

input.error{
	float: left;
}

select.error {
	float: left;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a.help {
	width: 13px;
	height: 14px;
	background: url('../images/design/help.gif') transparent no-repeat 0 0;
	text-indent: -9999px;
	display: inline-block;
}

.left {
	float: left;
	width: 48%;
}

.right {
	float: right;
	width: 48%;
}

.hide {
	display: none !important;
}

.popup{
	display:none; 
	border: 1px solid #2687e3; 
	padding: 5px !important;
	margin: 5px 0  !important;
}

/************************
/* Layout
/***********************/

#globalWrapper {
	margin: 0 auto -42px;
	text-align: left;
	width: 990px;
	background:#fff;

	min-height: 100%;
    height: auto !important;
    height: 100%;
}


#header {
	position: relative;
	height: 120px;
	width: 100%;
	background: url('../images/design/header_back.gif') #16171c repeat-x 0 0;
}

#bodyWrapper {
	padding: 6px 30px 60px 30px;
}

/* Fixed Values */
#contentWrapper {
	clear: both;
    margin: 0;
}

#content {
	width: 690px;
    position: relative;
	float: right;
}

#subnav, #searchFilter {
    position: relative;
    float: left;
}

#sidebar {
    position: relative;
    float: left;
}

/* Chosen Values */

#subnav, #searchFilter {
    width: 220px;      /* LC width */
}

#sidebar {
    width: 180px;      /* RC width */
    float: right;
}

/* Calculated Values */

.narrow #innerWrapper #content{
	width: 490px;
	float: left;
	padding: 0 0 0 20px;
}

.narrow #innerWrapper #content label{
	width: 110px !important;
}

/************************
/* Header
/***********************/

#header h1 {
	float: left;
	position: relative;
	top: 15px;
	left: 10px;
	margin: 0;
	padding: 0;
}

#header h1 span {
	display: none;

}

#header hr {
	display: none;
}


/************************
/* Meta navigation
/***********************/

#metaNav {
	position: absolute;
	top: 0;
	right: 20px;
	color: #fff;
	font: 90% Tahoma, Arial, Helvetica, sans-serif;

}

#metaNav ul {
	margin: 0;
	padding: 6px 4px 6px 4px;
}

#metaNav ul li {
	margin: 0; padding: 0;
	display: block;
	/*background: url('../images/design/metanav_divider.gif') transparent no-repeat 100% 2px;*/
	float: left;
}

#metaNav ul li a {
	display: block;
	padding: 2px 6px;
	margin: 0 10px;
	color: #fff;
}

#metaNav ul li a:hover {
	color: #71ac1f;
}

#metaNav ul li form {
	margin: 0;
	padding: 0 0px;
}

#metaNav ul li fieldset {
	margin: 0; padding: 0;
	border: 0;

}

#metaLanguage ul {
	display: none;
}

#metaLogin {
	margin: -30 0 0 12px !important;
	background: none !important;
}

#metaLogin label {
	display: none;
}

#metaLogin strong {
	font-weight: normal;
}

#metaLogin input.text, #metaLogin input.password {
	margin: 0 0 0 6px;
	padding: 3px;
	font-size: 105%;
	width: 12em;
	color: #828282;
}

#metaLogin input.submit {
	border: 0;
	padding: 0;
	background: #000;
	margin: 0;
	vertical-align: bottom;
}

#metaLogin input.submit:hover {
	cursor: pointer;
	cursor: hand;
}


/************************
/* Main navigation
/***********************/

#mainNav {
	position: absolute;
	bottom: -2px;
	right: 20px;
	font-size: 90%;
}

#mainNav ul {
	margin: 0; padding: 0;
	list-style: none;
}

#mainNav ul li {
	margin: 0; padding: 0;
	display:inline;
}

#mainNav ul li a {
	float:left;
	padding: 0 0 0 16px;
	line-height: 43px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: url('../images/design/nav_item_left.gif') transparent no-repeat 0 0;
}

#mainNav ul li a span {
	display: block;
	padding: 2px 22px 0 6px;

	background: url('../images/design/nav_item_right.gif') transparent no-repeat 100% 0;
}

#mainNav ul li a:hover  {
	background-position: 0 -43px;
}

#mainNav ul li a:hover span {
	background-position: 100% -43px;
}

#mainNav ul li.selected a {
	font-weight: bold;
	color: #000;
	background: url('../images/design/nav_item_left_current.gif') transparent no-repeat 0 0 !important;
}

#mainNav ul li.selected a span {
	background: url('../images/design/nav_item_right_current.gif') transparent no-repeat 100% 0 !important;
}

#mainNav ul li.selected a:hover {
	background-position: 0 0 !important;
}

#mainNav ul li.selected a:hover span {
	background-position: 100% 0 !important;
}


/************************
/* Breadcrumb
/***********************/

#breadcrumb {
	position: relative;
	line-height: 23px;
}

#breadcrumb h4 {
	display: block;
	margin: 0; padding: 0;
	float: left;
	text-transform: uppercase;
	font-size: 90%;
	color: #fff;
	font-weight: normal;
	width: 101px;
	text-align: center;
	background: url('../images/design/breadcrumb_back.gif') transparent no-repeat 0 0;
	line-height:24px;
}

#breadcrumb p {
	margin: 0; padding: 0;
	float: left;
	margin-left: 10px;
	color: #000;
}

#breadcrumb a {
	color: #000;
	padding: 0 4px;
}

#breadcrumb a:hover {
	color: #50443a;
}

/************************
/* Search
/***********************/

#search {
	float: right;
	padding-left: 28px;
	height: 36px;
	background: url('../images/design/search_left.gif') transparent no-repeat 0 0;
}

#search form {
	padding: 3px 6px 0 10px;
	height: 33px;
	background: url('../images/design/search_right.gif') transparent no-repeat 100% 0;
	margin: 0;
}

#search form label {
	display: none;
}

#search form p {
	margin: 0;
}

#search form fieldset {
	margin: 0 !important; 
	padding: 0;
	border: 0;
}

#search form legend {
	display: none;
}

#search input.submit {
	border: 0;
	vertical-align: top;
	padding: 0 12px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size:90%;
	background: url('../images/design/search_submit.gif') #619d0d no-repeat 100% 0;
}

#search input.submit:hover {
	cursor: pointer;
	cursor: hand;
}




/************************
/* Subnav
/***********************/

#subnav hr {
	display: none;
}

#subnav .cssbox {
	padding-right: 15px !important;
}

#subnav .cssbox, #subnav .cssbox-body, #subnav .cssbox-head, #subnav .cssbox-head h2 {
    background: url('../images/design/rounded_box_subnav.gif') #f2ece6 no-repeat bottom right;
}

#subnav .cssbox-head h2 {
    padding: 25px 0 0 10px !important;
}

#subnav .cssbox-body {
    padding: 10px 0 20px 5px !important;
}

#subnav h2 {
	color: #619d0d;
}

#subnav h2 a {
	color: #619d0d;
	text-decoration: none;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav ul li {
	display: block;
	width: 100%;
	color: #b3b1b0;
	line-height: 30px;
	margin: 0 0 4px 0;
	text-indent: 20px;
}

#subnav ul li.current {
	color: #fff;
	font-weight: bold;
	background: url('../images/design/subnav_item_hover.gif') #007bd1 repeat-x 0 0;
}

#subnav ul li a {
	display: block;
	color: #000;
	border: 1px solid #d7d3d0;
	background: #fff;
	text-decoration: none;

}

#subnav ul li a:hover {
	color: #fff;
	background: url('../images/design/subnav_item_current.gif') #2687e3 repeat-x 0 0;
}



/************************
/* Search Filter
/***********************/


#searchFilter hr {
	display: none;
}

#searchFilter .cssbox {
	padding-right: 15px !important;
}

#searchFilter .cssbox, #searchFilter .cssbox-body, #searchFilter .cssbox-head, #searchFilter .cssbox-head h2 {
    background: url('../images/design/rounded_box_subnav.gif') #f2ece6 no-repeat bottom right;
}

#searchFilter .cssbox-head h2 {
    padding: 25px 0 0 10px !important;
}

#searchFilter .cssbox-body {
    padding: 10px 0 20px 5px !important;
}

#searchFilter h2 {
	color: #619d0d;
}

#searchFilter h3 {
	color: black;
	font-size: 120%;
	margin: 4px 0 4px 0;
	padding: 10px 15px 2px 15px;
	border-top: 1px solid #fff;
}

#searchFilter ul {
	font-size: 90%;
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;
}

#searchFilter ul li {
	color: #000;
	margin: 0 0 4px 0;
}

#searchFilter ul li a {
	text-decoration: none;
}

#searchFilter ul li a span {
	color: #000;
}

#searchFilter ul li.disabled {
	color: #b1aeac;
}

#searchFilter ul li.disabled a {
	color: #b1aeac;
}

#searchFilter ul li.disabled a:hover {
	color: #007bd1;
}

#searchFilter ul li.enabled a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding-right: 16px;
	background: url('../images/design/filter_delete.gif') transparent no-repeat 100% 50%;
}

#searchFilter ul li.enabled a:hover {
	color: #b60b11;
}

#searchFilter ul li.enabled a span {
	display: none;
}


/************************
/* Content
/***********************/


#content .nrOfMembers {
	display: block;
	height: 21px;
	padding: 3px 0 0;
	width: 41px;
	background: url('../images/design/users_flag.png') transparent no-repeat 0 0;
	text-align: center;
	color: white;
	font-weight: bold;
}

#content h1 {
	margin-top:0px;
	margin-bottom:15px;
}


/************************
/* TabsTabs
/***********************/

ul.tabs {
	float: right;
	margin: -25px 16px 0 0;
}

ul.tabs li {
	display: inline;
}

ul.tabs li a, ul.tabs li strong {
	display: block;
	line-height: 25px;
	float: left;
	padding-left: 11px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 90%;
}

ul.tabs li a {
	color: #fff;
	text-decoration: none;
	background: url('../images/design/tab_item_left.gif') transparent no-repeat 0 0;
}
ul.tabs li a:hover {
	color: #fff;
}

ul.tabs li strong {
	color: #fff;
	background: url('../images/design/tab_item_left_current.gif') transparent no-repeat 0 0;
}

ul.tabs li a span, ul.tabs li strong span {
	padding: 0 20px 0 9px;
	display: block;
}

ul.tabs li a span {
	background: url('../images/design/tab_item_right.gif') transparent no-repeat 100% 0;
}

ul.tabs li strong span {
	background: url('../images/design/tab_item_right_current.gif') transparent no-repeat 100% 0;
}

/************************ 
/* Forms
/***********************/

a.button {
	height: 24px; 
	font-size: 90%;
	line-height: 24px;
	background: url('../images/design/button_left.gif') transparent no-repeat 0 0;
	display: block;
	padding-left: 8px;
	text-decoration: none;
}

a.button span {
	display: block; 
	color: #fff;
	padding: 0 20px 0 12px;  
	line-height: 24px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color:#fff; 
	font-size: 90%;
	background: url('../images/design/button_right.gif') transparent no-repeat 100% 0;
	display: block;
	color:#fff; 
}


a.button:hover {
	background-position: 0 -25px;
}

a.button:hover span {
	color: #007bd1;
	background-position: 100% -25px;
}


.next {
	float: right;
}

#content .previous {
	float: left !important;
}

#content form .controlset input {
	padding: 0;
	border: none;
	background: #fff;
}

form {
	margin: 0 0 30px 0;
	padding: 0;
}

#content .cssbox {
	padding-right: 15px !important; 
}

#content .cssbox, 
#content .cssbox-body, 
#content .cssbox-head, 
#content .cssbox-head h3 {
    background: url('../images/design/rounded_box_form.gif') #d7d3d0 no-repeat bottom right;
}

#content .cssbox-head h3 {
	font-size: 160%;
	color: #007bd1;
    padding: 25px 0 0 20px !important;
}

#content .cssbox-body {
    padding: 5px 20px 15px 20px !important;
}

#content p.legend {
	margin: 0 0 1em 0; 
}

#content p.legend em {
	font-style: normal;
}

#content p {
	margin: 10px 0; 
}

#content p.note { 
	margin-left: 120px; 
	font-size: 90%; 
	color: #333; 
}

#content fieldset { 
	margin: 10px 0 20px 0; 
	padding: 10px 0 14px 0; 
	border-width: 0 0 1px 0;
	border-color: #e6e4e3;
	border-style: solid;
}

#content legend { 
	font-weight: bold; 
	color: #fff; 
	padding: 0;
	margin: 0;
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
}

#content fieldset div,
#searchFilter fieldset div { 
	padding: 0.25em 0; 
}

#content label { 
	margin-right: 10px; 
	padding-right: 10px; 
	width: 150px; 
	display: block; 
	float: left;
	text-align: right; 
	position: relative; 
}

#content div.error label {
	color: #C00; 
}

#content label em { 
	position: absolute; 
	right: 0; 
	font-size: 130%;
	font-style: normal; 
}

#content div.error input { 
	border-color: #C00; 
	background-image: url("../images/design/form_text_error_back.gif") !important;
}

#content input:focus,
#content div.error input:focus, 
#content textarea:focus {	
	border-color: #000; 
}

#content div.controlset {
	clear: both;
}

#content div.controlset label, 
#content div.controlset input { 
	display: inline; 
	float: none; 
	text-align: left;
	margin-right: 0;
}

#content div.controlset label.controlset { 
	display: block; 
	clear: both;
	float: left; 
	margin-right: 10px;
	text-align: right !important;
}

#content div.controlset div { 
	float: left;
}

#content .cssbox-body a.button {
	background-image: url('../images/design/button_form_left.gif');
}

#content .cssbox-body a.button span {
	background-image: url('../images/design/button_form_right.gif');
}

#content .cssbox-body a.button:hover span {
	color: #fff !important;
}

#content div.buttonrow { 
	clear: both;
	margin: 14px 0 0 0;
}

/************************
/* Form Validation
/***********************/

#content .errors { 
	margin: 0 0 10px 0; 
	padding: 5px 10px; 
	border: #FC6 1px solid; 
	background-color: #FFC; 
}

#content .errors p { 
	margin: 0; 
}

#content .errors p em { 
	color: #C00; 
	font-style: normal; 
	font-weight: bold;
}

.error { 
	border-color: #C00; 
	background-image: url("../images/design/form_text_error_back.gif") !important;
	/* float: left; */
}

.errornote {
	margin: 0px 0px 0px 10px;
	color: #C00;
	float: left;
}

div.group{
	float: left;
}

/************************
/* Tables
/***********************/

#content tr.odd {
	background: #ffffff;
	border-bottom: 1px #d7d3d0 dotted !important;
}

#content tr.even {
	background: #d7d3d0;
}

#content td.image {
	text-align: center;
	
}

#content td.image img {
	border: 1px #919191 solid;
	margin:4px 0;
}

/* tables thead */

#content table thead tr {
	color:  white;
	background: url('../images/design/thead_roundcorner_right.gif') #53870b no-repeat top right;
	position: relative;
}

#content table thead tr th{
	font-weight: normal;
	padding: 5px;
	text-align:left;
}

#content table thead tr a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#content table thead tr a:hover {
	color: #fff;
	text-decoration: none;
}

/* tables tbody */

#content tbody td {
	padding: 4px 10px 4px 5px;
}

#content table.light tbody td {
	padding: 5px;
}

#content table.light tbody th{
	background: #619d0d;
	height: 10px;
}

#content table.light tbody th.groups{
	color: white;
	padding: 13px 0 0 10px;
	height: auto !important;
	vertical-align: top;
	border-bottom:1px dotted #D7D3D0;
}
#content table.light td img{


float:left;
margin:0pt 5px 0pt 0pt;
}


th.groups img{
	position: relative;
	top: 3px;
	margin: 0 2px 0 0;
}
#content tbody td h3 {
	margin: 0;
	font-size:110%;
	padding: 3px 0 0 0;
}

/* tables tfoot */

#content table tfoot tr {
	background: url('../images/design/tfoot_roundcorner_right.gif') #619d0d no-repeat 100% 100%;
}

#content table tfoot tr td {
	font-weight: bold;
	color: #fff;
	padding: 6px 6px;
}

#content table tfoot tr td.actions {
	padding-left: 70px;
	background: url('../images/design/actions_arrow.gif') #619d0d no-repeat 30px 50%;
}

#content table tfoot tr td a.button {
	background-image: url('../images/design/button_action_left.gif');
}

#content table tfoot tr td a.button span {
	background-image: url('../images/design/button_action_right.gif');
}

#content table tfoot tr td a.button:hover span {
	color: #fff;
}

#content table tfoot tr td input {
	margin-left: 60px;
}

#content table tfoot label {
	display: inline !important;
	float: none;
	font-weight: bold;
	color: #fff;
}

/************************
/* Page Navigation
/***********************/

.pageNav {
	margin: 20px 0;
	position: relative;
}

.pageNav p {
	margin: 0;
}

.pageNav p.pageNumbers {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	text-align: center;
}

.pageNav p.pages {
	position: relative;
	text-align: center;
	margin: 0 150px;
	color: #d7d3d0;
}

.pageNav p.pages strong {
	padding: 4px 8px 4px 8px;
	margin: 0 8px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	color: #fff;

	background: url('../images/design/pagenav_item_current.gif') transparent no-repeat center top;
}

.pageNav p.pages a {
	padding: 4px 8px 3px 8px;
	margin: 0 8px;
	color: #000;
	margin: 0 8px;
	text-decoration: none;
	font-weight: bold;
}


.pageNav p.pages a:hover {
	color: #007bd1;
	background: url('../images/design/pagenav_item_hover.gif') transparent no-repeat 0 0;
}

.pageNav p.next {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	text-align: center;
}

/************************
/* Home Page
/***********************/

#content.home{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	float: none;
	postion: relative;
	top: 10px;
	
	
	}

#homeBox{
	width: 945px;
	height: 315px;
	clear: both;
	
	
}

#homeHeader{
	background: url('../images/design/home_cornerL.gif') transparent no-repeat left top;
	width: 945px;
	height: 315px;
	border-bottom: 1px white solid;
}

#homeBlack{
	height: 315px;
	width: 390px;
	float: right;
	background: black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}

#homeText{
	position: relative;
	left: 390px;
	height: 179px;
	width: 385px;
	padding:0 20px 0 0;
	float: right;
	background: url('../images/design/home_cornerR.gif');
	background-repeat: no-repeat;
	background-position: top right;
	color: white;
	/* transparent no-repeat right top; */
}
#homeText h1{
	margin: 15px 0 0 30px;
	color: white;
}
#homeText a.homebutton {
	background: url('../images/design/home_button.gif') transparent no-repeat right top;
	width: 217px;
	padding: 10px 20px;
	height: 20px;
	color: white;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin: 12px 0 8px 30px;
}
#homeText p {
	margin: 8px 10px 8px 30px;
	font-weight: bold;
}
#homeText p a:hover{
	color: #71AC1F;
}

#homeButtons{
	background: url('../images/design/home_buttons.gif') white repeat-x left top;
	width: 945px;
	height: 135px;
}

#homeButtons div{
	height: 135px;
	width: 315px;
	float: left;
	overflow: hidden;
}

#home1{
	background: url('../images/design/home_buttonsLR.gif') transparent no-repeat left top;
}

#home2{
	width: 313px !important;
	border: 1px white solid;
    border-width: 0 1px 0 1px;	
}

#home3{
	background: url('../images/design/home_buttonsLR.gif') transparent no-repeat right bottom;
}

#homeButtons div a{
	display: block;
	height: 105px;
	width: 190px;
	padding: 30px 15px 0 110px;
	color: white;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

#home1 a{ background: url('../images/design/home1.gif') transparent no-repeat 15px center;}
#home2 a{
background: url('../images/design/home2.gif') transparent no-repeat 15px center;
	padding: 30px 15px 0 100px !important;
	width: 210px !important;
}
#home3 a{ background: url('../images/design/home3.gif') transparent no-repeat 15px center;}

#homeBottom{
	background: url('../images/design/home_bottom.gif') white repeat-x right bottom;
	height: 37px;
	width: 945px;
	margin: 1px 0 0 0;
	text-align: center;
	line-height: 37px;
}
#homeBottom a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#homeBottom .cornerL{
background: url('../images/design/homeBottom_cornerL.gif') transparent no-repeat right bottom;
float: left;
	width: 6px;
	height: 37px;
}

#homeBottom .cornerR{
background: url('../images/design/homeBottom_cornerR.gif') transparent no-repeat right bottom;
float: right;
	width: 6px;
	height: 37px;
}
/************************
/* Dashboard Page
/***********************/

#dashboard {
	border-spacing: 0;
	float: left;
	margin: 0 auto;
	width: 945px;
}

#userwidget {
	width: 945px;
	height: 74px;
	background: #D7D3D0 url('../images/design/dashboard.gif') no-repeat;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
#userwidget #dashbanner {
	padding-top: 5px;
}

#userwidget #profile{
	width: 250px;
	float: left;
	padding: 5px 0 0 10px;
}


#userwidget a img{
	position: relative;
	top: 4px;
	margin: 0 5px 0 0;
}
#userwidget a{
	text-decoration: none;
	display: block;
	
}

#userwidget a span{
	text-decoration: underline;
}

#userwidget img.banner{
	float: left;
	position: static;
}
div#controls{
	float: left;
	padding: 0 0 0 10px;
}

.col {
	vertical-align: top;
	padding: 0 !important;
	width: 305px;
	margin: 0;
	min-height:350px;
}

.col.middle{
	padding: 0 15px !important;
}

.widget {
	padding: 0;
	margin: 0 0 15px 0;
	display: block;
	width: 305px;
	text-align: top;
	position: relative;
}

.widget h2 {
	display: block;
	background: #53870B url(../images/design/thead_roundcorner_right.gif) no-repeat 100% 0;
	color: white;
	padding: 5px;
	font-size: 1em;
	margin: 0;
	position:relative;
}

.widget h2 div.handle{
	width: 270px;
	cursor: move;
	background: transparent;
	margin: 0;
	padding: 0;
}

.widget div{
	padding: 5px;
	background: #D7D3D0;
}
.dashboardClose{
	width: 16px;
	height: 16px;
	cursor: pointer;
	left: 283px;
	padding: 0;
	margin: 0;
	position: absolute;
}
.widget div.dashboardAdd{
	position: absolute;
	right:5px;
	top:5px;
	width: 60px;
	height:13px;
	color:white;
	cursor:pointer;
	padding:2px 3px 0;
	margin:0;
	background-color:#007bd1;
	text-align: center;
	font-weight: normal;
	font-size:9px;
}


/************************
/* Deelnemers Page
/***********************/


td.match {
	padding: 0 !important;
	vertical-align: bottom;
}

.participants #currentMatchRow td, .participants #currentMatchRow h3, .participants #currentMatchRow a  {
	color: #fff;
}

.matchLink {
	display: block;
	width: 50px;
	height: 35px;
	text-indent: -9999px;
}

.oneMatch .matchLink {
	background: url('../images/design/match_green.gif') transparent no-repeat 0 0;
}

.noMatch .matchLink {
	background: url('../images/design/match_red.gif') transparent no-repeat 0 0;
}

.participants .selectParticipant {
	background: #fff;
}

.currentMatchRow {
	background: url('../images/design/match_blue_current_back.gif') transparent repeat-x 0 6px;
}

/* *** GREEN *** */

.oneMatch .matchLink {
	background: url('../images/design/match_green.gif') transparent no-repeat 0 0;
}

#currentMatchRow.oneMatch .matchLink {
	background: url('../images/design/match_green_current.gif') transparent no-repeat 0 0;
}

#currentMatchRow.oneMatch {
	background: url('../images/design/match_green_current_back.gif') transparent repeat-x 0 6px;
}

.oneMatch .matchboxWrapper .selectMatch {
	background: url('../images/design/match_green_select_back.gif') transparent repeat-y 0 0;
}

.oneMatch .matchboxWrapper .newUser .selectMatch {
	background: url('../images/design/matchboxWrapper_green_newuser_left.gif') transparent no-repeat 0 0 !important;
}



/* *** ORANGE *** */

.multipleMatch .matchLink {
	background: url('../images/design/match_orange.gif') transparent no-repeat 0 0;
}

#currentMatchRow.multipleMatch .matchLink {
	background: url('../images/design/match_orange_current.gif') transparent no-repeat 0 0;
}

#currentMatchRow.multipleMatch {
	background: url('../images/design/match_orange_current_back.gif') transparent repeat-x 0 6px;
}

.multipleMatch .matchboxWrapper .selectMatch {
	background: url('../images/design/match_orange_select_back.gif') transparent repeat-y 0 0;
}

.multipleMatch .matchboxWrapper .newUser .selectMatch {
	background: url('../images/design/matchbox_orange_newuser_left.gif') transparent no-repeat 0 0 !important;
}



/* *** RED *** */

.noMatch .matchLink {
	background: url('../images/design/match_red.gif') transparent no-repeat 0 0;
}

#currentMatchRow.noMatch .matchLink {
	background: url('../images/design/match_red_current.gif') transparent no-repeat 0 0;
}

#currentMatchRow.noMatch {
	background: url('../images/design/match_red_current_back.gif') transparent repeat-x 0 6px;
}

.noMatch .matchboxWrapper .selectMatch {
	background: url('../images/design/match_red_select_back.gif') transparent repeat-y 0 0;
}

.noMatch .matchboxWrapper .newUser .selectMatch {
	background: url('../images/design/matchbox_red_newuser_left.gif') transparent no-repeat 0 0 !important;
}


.matchbox td {
	padding: 0 !important;
}

.matchboxWrapper {
	background: #f5f3f1;
	background: url('../images/design/matchbox_back.gif') transparent no-repeat 100% 100%;
}

.matchboxWrapper td {
	padding: 10px 20px!important;
}

.matchboxWrapper .selectMatch input {
	margin: 0;
}

.matchboxWrapper td, .participants .matchboxWrapper h3 {
	color: #000 !important;
}

.matchboxWrapper .newUser .newUserText {
	font-size: 120%;
	color: #007bd1 !important;
	background: url('../images/design/matchbox_newuser_right.gif') transparent no-repeat 100% 7px !important;
}


/************************
/* Holes & Tee's
/***********************/

.holesList {
	margin: 27px 0 3px 0;
	float: left;
	width: 53px;
}

.holesList strong {
	padding-left: 10px;
	color: #619d0d;
}

.holesList ul {
	padding: 0;
	margin: 5px 0 0 0;
}

.holesList ul li {
	display: block;
	width: 53px;
	margin: 4px 0 0 0;
	height: 25px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 27px;
	background: url('../images/design/hole_list_item.gif') transparent no-repeat 0 50% ;
}

#holesTees {


}

#holesTeesWrapper {

}

.teeRow {
	float: left;
	width: 160px;
	margin-left: 2px;
	background: url('../images/design/hole_row_rounded_corner_right.gif') #d7d3d0 no-repeat 100% 0;
}

.teeRow.odd {

	background-color: #bab5b1 !important;
}

.teeRow caption {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	padding: 3px;
}

.teeRow thead tr {
	background: none !important;
}

.teeRow thead th, .teeRow table tbody td {
	text-align: center;
	padding: 3px !important;
	height: 22px;
}

.teeRow thead th {
	font-weight: bold !important;
	color: #619d0d !important;
	height: 22px;
}

.teeRow tbody tr {
	border-bottom: 1px dotted #fff !important;
	height: 29px;
}

/************************
/* Rounded Corners box
/***********************/

.cssbox, .cssbox-body, .cssbox-head, .cssbox-head h2, .cssbox-head h3, .cssbox-head h4 {
    margin: 0 !important;
    padding: 0 !important;
}

.cssbox-head {
    background-position: top right !important;
    margin-right: -15px !important;
    padding-right: 5px !important;
}

.cssbox-head h2, .cssbox-head h3, .cssbox-head h4 {
    background-position: top left !important;
    height: auto !important;
    height: 1% !important;
}

.cssbox-body {
    background-position: bottom left !important;
    margin-right: -10px !important;
}


/************************ 
/* Scorecard
/***********************/



div#scorecard_summary p{
	float: left;
	padding: 0 0 10px 10px;
	min-width:200px;
  	width:auto !important;
 	width:140px;

}

.scorecardinput {
	border: 0;
	background: transparent none;
	color: #4d4e53;
	font-weight: bold;
	padding: 0;
}

div.scorebox a{
	margin: 20px 0 0 0;
}

div.scorebox .cssbox-body div,
.result_stat .cssbox-body div{
	vertical-align: top;
	height: 19px;
}

fieldset.divide{
	float: left;
	width: 50%;
}

div.scorebox label,
.result_stat label{
	width: 90px !important;
}

.result_stat{
 	margin-top: 20px !important;
 }

table.score{
	float:left;
	width: 50%;
}

table.score thead tr {
	background: none !important;

}

table.score thead tr th{
	font-weight: bold !important;
	color: #000;
	height: 27px;		
	padding: 0 0 0 20px !important;
}

table.score tbody tr td{
	color: #4d4e53;
	height: 27px;
	font-weight: bold;
	padding: 0 0 0 20px !important;
	border-bottom: 1px dotted #b3b3b3 !important;
}

td.scoreHoleOut{
	color: white !important;
	background:transparent url(../images/design/hole_list_item.gif) no-repeat scroll 0 50%;
}

td.scoreHoleIn{
	color: white !important;
	background:transparent url(../images/design/hole_list_item_middle.gif) no-repeat scroll 0 50%;
}

table#out.score tfoot tr.out{
	position:relative;
	background:transparent url(../images/design/scoreFooter.gif) no-repeat left bottom !important;
}

table#in.score tfoot tr.in{
	position:relative;
	background:transparent url(../images/design/scoreFooter.gif) no-repeat right bottom !important;
}

table.score tfoot tr.out td,
table.score tfoot tr.in td{
	height: 35px;
	padding: 10px 0 0 20px !important;
	color: white !important;
	background-image:none;
}


table.score tfoot tr.scoretotal{
	background-color: transparent !important;
	background-image: none !important;
}

table.score tfoot tr.scoretotal td.scorestrokes{
	height: 64px;
	min-width:54px;
  	width:auto !important;
 	width:54px;
 	padding: 0 20px 0 0!important;
	background:transparent url(../images/design/score_total.gif) no-repeat top right;
	text-align: right;
}


table.score tfoot tr.scoretotal td.score_score{
	height: 64px;
	min-width:24px;
  	width:auto !important;
 	width:24px;

	padding: 0 0 0 20px!important;
	background:transparent url(../images/design/score_total.gif) no-repeat bottom left;
	text-align: left;
}

td.score_score strong,
td.scorestrokes strong{
	display: block;
	font-size: 1.6em !important;
}

tr.scoretotal h4{

	font-size: 1.6em;
	margin: 0;
	padding: 0;
	text-align: right;

}

tr.scoretotal a{
	margin: 0;
}
/************************ 
/* Scores Tournament
/***********************/

tfoot tr.summary td{
	background-image: none;
	color: white !important;
}


.groupscores_results{
	background: url(../images/design/bg_results.gif) repeat-x;
	float: right;
	width: 71%;
}

.groupscores_container{
	position:relative;
		background: url(../images/design/bg_scores.gif);
}
.groupscores_head{
	padding: 6px 8px 0;
	height: 22px;
	background: #53870b;
	border-right: white 1px solid;
}

.groupscores_head span{
	color: white;
}

.groupscores_container ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 23px;
}

.groupscores_container ul li{
	height: 20px;
	padding: 8px 0 0 0;
	
}

.groupscores_results .groupscores_head img{
	float: right;

}

.groupscores_container ul li img{

	float: left;
	margin: 0 5px 0 0;
}

.groupscores_players{
	width: 29%;
	float: left;
}

.groupscores_results .viewport{
	height:100%;
	overflow:hidden;
	width: 100%;
}

.content-scroll{
	width: 600px;
}

.overview{
	width: 200px;
	float: left;
}

.groupscores_scroller{
	background: #619d0d url(../images/design/bg_scores-scroller.gif) repeat-x;
	height: 35px;
	width: 100%;
	
}

.groupscores_scroller p{
	height: 20px;
	padding: 15px 0 0 10px;
	float: left;
}

.groupscores_scroller .scrollbar{
	background: #619d0d;
	height: 35px;
	width: 500px;
	float: right;
	margin: 0 10px 0 0;
	display: none;
}

.groupscores_scroller .progress {
background:#000000;
height:1px;
margin: 19px 0 0 0;
width:430px;
float: left;
}

.groupscores_scroller .progress .handle{
	background: white;
	width: 50px;
	height:11px;
	position: relative;
	top: -5px;
	cursor: pointer;
}

.vorige,
.volgende{
	float: left;
	cursor: pointer;
}

.vorige{
	margin: 0 10px 0 0;
}
.volgende{
	margin: 0 0 0 10px;
}

/************************
/* Footer
/***********************/


.push{
	height: 30px;
	
}

#footer {
	clear: both;
	color: #fff;
	width:100%;
	height: 30px;
	background: white url('../images/design/footer_back.gif');
}

#footer p{
	display: block;
	position: relative;
	top: 5px;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	color: #71ac1f;
	text-decoration: underline;
}

div.toggle_arrow{
	background: #d7d3d0 url('../images/design/arrow.gif') bottom;
	float: right;
	margin: 0 20px;
	width: 32px;
	height: 16px;
}

div.toggle_arrow_open{
	background-position: top;
}

.hidden {
	display:none;
}

.clean{
	background-image: none !important;
	background-color: #fff;
	margin: 0;
}
.clean	#globalWrapper{
	margin: 0 auto !important;
	width: 840px !important;
	min-width: 840px !important;
	max-width: 840px !important;

}

.clean .wide{
	padding: 0 !important;
}

.clean	#bodyWrapper{
	padding: 0 !important;
}

.clean #content{
	padding: 0 !important;
}

#score_back{
	float: right;
	padding: 10px;
	display: block;
}
.adddiv {
	padding-top: 20px;
}
.home_add_1 {
	float: left; 
}
.home_add_2 {
	float: right;
}