body{
  padding:0;
  margin:0;
  background-image:url(images/bg_total_1.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  font-family:verdana, sans-serif;

}

table{
  font-size:.8em;
  width:90%;
  margin:0 auto;
}
thead td, tfoot td, thead th{
  font-weight:bold;
  margin:.3em 0;
}
thead td, thead th{
  border-bottom:1px solid #c9d4d6;
}
tfoot td{
  border-top:1px solid #c9d4d6;
}
tr.even, td.even, li.even{
  background-color:#F0F0F0;
}
table td{
  padding:.2em .4em;
  font-family:verdana, sans-serif;
  vertical-align:top;
}

a>img{
  border:0;
}

#content{
  background-image: url(images/bg_tyler_content_1.jpg);
  background-position: 300px 0px;
  background-repeat: repeat-x;
  overflow:visible;
  clear:both;
}
/* header */
#header{
  width:930px;
  margin:0 auto;
  height:184px;

}
.cadmin #header{
  background-image: url(images/temp_header_1.jpg);
  background-position:top center;
  background-repeat: no-repeat;
}
#headermenu{
  width:930px;
  margin:0 auto;
  height:35px;
  background-image:url(images/temp_header_1.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

#headermenu>ul{
  margin:0;
  padding:0;
  display:block;

  height:35px;
  background-image: url(images/achtergrond_mainmenu.png);
  background-position:top left;
  background-repeat:no-repeat;
  position:relative;
}
#headermenu li{
  position:relative;
  text-transform:uppercase;
  display:block;
  float:left;
  width:145px;
  height:35px;
  margin-right:10px;
  background-image:url(images/button_1_1.png);
  font-weight:bold;
  font-size:.7em;
}
#headermenu strong{
  padding:11px 4px 4px 9px;
  height:20px;
  display:block;
}
#headermenu li a{
  display:block;
  color:#000;
  text-decoration:none;
  height:20px;
  padding:11px 4px 4px 9px;
}

#headermenu > ul > li:hover{
  background-image:url(images/button_2_1.png);
}
#headermenu li ul{
  display:none;
  margin-left:-40px;
  clear:both;
}
#headermenu li li:hover {
  background-image: url(images/bg_tyler_content_1.jpg);
}
#headermenu li ul li{
  font-size:1em;
  float:left;
  background-image:none;
  position:relative;
  background-color:#fff;
}
#headermenu li:hover ul{
  display:block;
  background-color:#fff;
}
/* menu */
ul#menu{
  width:930px;
  margin:0 auto;
  padding:0;
  height:43px;
}
#menu li{
  text-transform:uppercase;
  display:block;
  padding:15px 32px 0 8px;
  font-weight:bold;
  float:left;
  font-size:.7em;
}
#menu li a{
  display:block;
  color:#000;
  text-decoration:none;
}
/* Active menu header */
#header li a:hover, #menu li a:hover,
#index .index a,
#programs  .programs a,
#about  .about a,
#faq .faq a,
#signup .signup a,
#payout .payout a,
#client .client a,
#contact .contact a,
#terms .terms a,
#stats .stats a,
#sendmail .sendmail a,
#clients .clients a,
#sites .sites a,
#portals .portals a,
#invoices .invoices a,
#programs .programs a,
#transactions .transactions a{
  color:#FF0000;
}
#index #headermenu .index,
#sendmail #headermenu .sendmail,
#sites #headermenu .sites,
#clients #headermenu .clients,
#portals #headermenu .portals,
#programs #headermenu .programs,
#about #headermenu .about,
#faq #headermenu .faq,
#payout #headermenu .payout,
#invoices #headermenu .invoices,
#stats #headermenu .stats,
#contact #headermenu .contact{
  background-image:url(images/button_2_1.png);
}

/* footer */
#footer{
  background-color:#e9eff1;
  overflow:visible;
  margin:39px auto 39px auto;
  clear:both;
  background-image: url(images/bg_tyler_content_1.jpg);
  background-repeat:repeat-x;
  background-position:bottom left;
}
#footer ul{
  position:relative;
  top:-35px;
  width:940px;
  margin:0 auto;
  padding:0;
}

#footer li{
  float:left;
  width:221px;
  display:block;
  height:69px;
  padding:1px 0px;
  margin:0 7px 14px 7px;
  text-align:right;
  background-image:url(images/bg_button_1_1.jpg);
  cursor:hand;
  cursor:pointer;
}
#footer li:hover{
  background-image:url(images/bg_button_2_1.jpg);
}

#footer p{
  position:relative;
  top:-30px;
  clear:both;
  font-weight:bold;
  font-size:0.7em;
  text-align:center;
}
#footer #buttons p{
  margin:0;
  text-align:left;
  display:block;
  width:100px;
  position:relative;
  top:0;
  float:left;
  padding-left:15px;
  padding-top:7px;
  font-size:1.1em;
  color:#f00;
  font-weight:bold;
}
#footer #buttons p a{
  color:#797f81;
  padding:0;
  margin:0;
  width:190px;
  height:25px;
  padding-top:40px;
  margin-top:-22px;
  text-decoration:underline;
  font-size:0.6em;
  float:left;
}
#footer p a{
  color:#FF0000;
  text-decoration:underline;
  padding-left:10px;
}
#footer img{
  position:relative;
}
#footer .comingsoon{
  left:114px;
  margin-left:-100px;
  margin-top:0px;
}
/* content */
#rightcontent, #leftcontent{
  width:454px;
  float:left;
  padding-top:24px;
  padding-bottom:24px;
}
#index #rightcontent{
  padding-top:0 !important;
}
#leftcontent{
  margin-right:19px;
}
#widecontent{
  width:930px;
  margin:0 auto;
  padding:24px;
}
#contentwrapper{
  width:930px;
  margin:0 auto;
}
#content h2, #content h4, #content h3, #content dt{
  text-transform:uppercase;
  color:#0e839c;
  margin-bottom:15px;
  margin-left:7px;
  padding:0;
  font-size:1.05em;
  font-weight:500;
  letter-spacing:0.025em;
  font-family:verdana, sans-serif;
}
#content h3, #content dt{
  font-size:0.8em;
}
#content h4{
  font-size:0.7em;
}
#content p, #content li{
  margin-left:8px;
  font-size:.85em;
  font-family:"Trebuchet MS", verdana, sans-serif;
  text-align:justify;
}
#content li li{
  font-size: 1em;
}
#content p.button{
  background-image:url(images/bg_button_large_1_1.jpg);
  display:block;
  height:21px;
  padding:5px 5px 5px 8px;
  width:440px;
  font-size:1.1em;
}
#content p.button:hover{
  background-image:url(images/bg_button_large_2_1.jpg);
}
#content p.button a{
  color:#FF0000;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  font-size:.8em;
  font-family:sans-serif;
}
#content dd{
  font-size:.9em;
  font-family:verdana, sans-serif;
  text-align:justify;
  padding:0 0 12px 0;
}
.title, a{
  color:#0e839c;
}

input{
  border:1px solid #cbd5d7;
  height:15px;
  padding:2px 4px;
  color:#606060;
}
select{
  border:1px solid #cbd5d7;
  color:#606060;
}
input[type=text]{
  background-position: 0 -70px;
  background-image: url(images/bg_tyler_content_1.jpg);
  background-repeat: repeat-x;
}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
input[type=button]{
  background-color:#F8f8F8;
  color:#707070;
  background-image:none;
}
input[type=button]{
  padding-top:1px;
  height:1.6em;
}
input[type=button]:hover{
  background-color:#FFF;
}
input[type=submit]{
  background-image:url(images/bullet_green_1_1.jpg);
  font-size:0;
  width:25px !important;
  height:25px;
  border:0;
  padding:0;
}
input[type=submit]:hover{
  background-image:url(images/bullet_green_2_1.jpg);
}

textarea{
  background-position: 0 -50px;
  background-image: url(images/bg_tyler_content_1.jpg);
  background-repeat: repeat-x;
  border:1px solid #cbd5d7;
  padding:4px;
  color:#606060;
}
.ValueError{
  border:1px solid #F33;
  background-color:#FBB;
}
.InputRequired{
  /* padding-left:8px;
  padding-right:-8px;
  background-image:url(images/bullet_green_2_1.jpg);
  background-repeat:no-repeat;*/
}
.requiredindicator{
  color:#f00;
  padding-left:.8em;
  font-size:1.1em;
}

/* login form */
#loginform_small input[type=text], #loginform_small input[type=password]{
  padding:3px 4px;
  width:100px;
  height:17px !important;
  position:relative;
  top:-1px;

}
#loginform_small input[type=submit]{
  position:relative;
  top:-5px;
}

#loginform_small p{
  font-size:0.7em;
}
#loginform_small label{
  width:90px;
  text-align:left;
}
/* login form in the header */
#loginform_menu{
  margin:0 0 0 320px;
  padding:0;
}
#loginform_menu input[type=text], #loginform_menu input[type=password]{
  position:relative;

  padding:3px 4px;
  width:100px;
  height:17px !important;
}

#loginform_menu input[type=submit]{
  position:relative;
  top:-4px;
}

#loginform_menu p{
  padding:0;
  margin:0;
  font-size:0.7em;
}
/* single page login form */
#loginform_large input[type=text], #loginform_large input[type=password]{
  padding:4px;
  width:200px;
}
#loginform_large p{
  font-size:0.7em;
}

/* forms */
form ul {
	list-style-type:none;
	padding:0;
}
form li{
  padding-top:6px;
}
form li input, form li textarea, form li select {
	float:left;
	margin-left:10px;
}
form input[disabled=true], form input[disabled=true]:hover{
  background-color:#E5E5E5;
}

form li textarea {
	width:290px;
	height:100px;
}
.admin form li textarea {
	width:560px;
	height:100px;
}
form li {
	clear:both;
	display:block;
}
form{
  overflow:auto;
}
.admin form ul{
  clear:both;
  overflow:auto;
}
h3, h2, h4{
	clear:both;
	display:block
}
.admin h2{
  margin-top:20px;
  border-bottom:1px solid #c9d4d6;
}
form label {
	width:220px;
	height:27px;
	display:block;
	float:left;
	clear:both;
	text-align:right;
}

/* various page layouts  */
/* banners page for partner area */
#banners li{
  list-style-type:none;
}
#banners h3 sub{
  float:right;
  text-transform:none;
}
.samplecode{
  width:600px;
  height:40px;
  clear:both;
}
/* programs page for partner area */
ul#programs, ul#banners{
  margin:0;
  padding:0;
  overflow:auto;
}
form ul#programs li{
  clear:none !important;
}

#programs .infobox{
  border:1px solid #c9d4d6;
}
#programs .infobox img{
  position:relative;
  top:-30px;
  margin-right:.5em;
  float:right;
}
#programs #widecontent form h3{
  width:280px;
  float:left;
}
#programs #widecontent form ul{
  width:100%;
  float:left;
  margin:0;
  padding:12px 0 0 0;
}

#programs #widecontent form ul li{
   margin:0;
  padding:0;
}
#programs #widecontent form ul li label{
  width:100px;
}
#index #contentwrapper{
  padding-top:1em;
}
#index .center{
  text-align:center;
  margin:0 6% 0 6%;
}
#index .infobox{
  width:230px;
  border:1px solid #c9d4d6;
  list-style-type:none;
  margin:7px 5px;
  padding:4px;
  float:left;
  background-image: url(images/bg_tyler_content_1.jpg);
  background-repeat:repeat-x;
  background-position:0 35px;
  background-color:#fff;
}
#index .infobox h2{
  margin-top:.2em;
  text-align:center;
}
#index .infobox p{
  font-size:1.8em;
  text-align:center;
  margin:0;
}

ul#programs li{
  width:230px;
/*  height:138px;*/
  border:1px solid #c9d4d6;
  list-style-type:none;
  margin:7px 5px;
  padding:4px;
  float:left;
  background-image: url(images/bg_tyler_content_1.jpg);
  background-repeat:repeat-x;
  background-position:0 35px;
  background-color:#fff;
}
ul#programs li h2{
  background-color:#fff;
  padding-bottom:5px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  font-size:.8em;
  font-family:sans-serif;
}
ul#programs li h2 a{
  text-decoration:none;
  color:#FF0000;
}
ul#programs li p.desc{
  display:block;
  font-family:sans-serif;
  height:40px;
  margin:.6em .5em;
  overflow:hidden;
  width:210px;
}
ul#programs li img{
  margin:0 .5em;
}
ul#programs li p a{
  color:#797f81;
  padding:0;
  margin:0;
  padding-top:18px;
  text-decoration:underline;
  float:left;
}

.message{
  border:1px solid #c0c0c0;
  clear: both;
  margin:1em;
  padding:.5em;
}

/* index page */
#comission{
  width:454px;
  height:236px;
  background-image: url(images/temp_flash_1.jpg);
  padding:0;
  background-repeat:no-repeat;
}
.admin .floatleft{
  float:left;
  width:600px;
}
.admin .floatright{
  float:left;
  width:255px;
  padding:0 8px;
}
.admin .floatright input[type=button]{
  margin-left:10px;
  width:60%;

}

/* sendmail page*/
#goals li{
  list-style-type:none;
  padding:.4em 0em;
  font-size:.8em;
}
#goals li:hover{
  background-color:#F0F0F0;

}
#goals {
  padding:0;
  margin:0;
}
#goals li p{
  display:none;
  overflow:auto;
}
#goals li:hover p{
  display:block;
}
#goals li input[type=text]{
  width:50px;
}

.warning{
  padding:1em;
  clear:both;
  display:block;
  border:1px solid #c9d4d6;
}
.monthpicker{
  padding-bottom:2em;
}
.monthpicker li{
  float:left;
  overflow:hidden;
  clear:none !important;
  height:25px;
}
.monthpicker li label{
  width:160px;
  margin-top:3px;
  display:block;
}
.monthpicker a, .monthpicker input{
  margin-left:1em !important;
}
.monthpicker select{
  margin-top:2px;
}
.monthpicker a{
  border:1px solid #c9d4d6;
  padding:.2em .5em;
  font-size:.8em;
  margin-top:3px;
  display:block;
}