/* ### general ### */
* { margin: 0px; padding: 0; }
*::-moz-selection { background: #bace12; color: #fff; }
html, body { font-family: Arial; font-size: 12px; color: #383838; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #383838; }
body { background: #fff url('/files/6/images/bodybg.jpg') left top repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color: #404028; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden;  background: url('/images/footer_bd.jpg') left bottom repeat-x;   }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1000px; margin-top: 34px; }

	/* ### header container ### */
	#headerCntr { width: 890px; height: 92px; }
	
	#headerCntr a { display: block; width: 224px; height: 48px; text-indent: -9999px; background: url('/images/logo.jpg') no-repeat; padding: 34px 0 44px 0; }
	/*#headerCntr a { display: block; width: 244px; height: 79px; text-indent: -9999px; background: url('/images/logo-kerst.png') no-repeat; padding: 14px 0 44px 0; } */
	/* ### banner container ### */
	#bannerCntr { position: relative; height: 286px; background: url('/files/6/images/banner-mainBg.jpg') left top no-repeat; }
	
		/* ### banner box ### */
		.bannerBox { padding: 21px 0 0 21px; margin: -82px -26px 0 0; line-height: 20px; font-family: Calibri, arial; color: #fff; font-size: 14px; width: 302px; height: 322px; position: relative; float: right; background: url('../images/banner-bg.png') left top no-repeat; }
		.bannerBox a.twitter { display: block; position: absolute; text-indent: -9999px; z-index: 1; bottom: 10px; right: 0; width: 64px; height: 62px; background: url('../images/twitter.png') no-repeat; } 	
		.bannerBox p { margin: 10px 10px 0px 14px; font-size: 11px; font-family: Verdana; }
		.bannerBox a { color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; font-family: arial; display: block; }
		.bannerBox a:hover { text-decoration: underline; }

		/* ### intro box ### */
		.introBox { width: 590px; float: left; font-family: Calibri, arial; }
		.introBox h2 { padding: 27px 0 20px 0; font-size: 26px; color: #d4d10f; text-transform: uppercase; }		
		.introBox ul { float: left; padding: 0px 0px 20px 0px; margin-left: 10px; list-style: none; font-weight: bold; font-size: 14px; letter-spacing: 1px; line-height: 20px; }
		.introBox li { text-decoration: none; color: #f4f4f4; }
		.introBox a.benifites { padding-left: 12px; width: 132px; height: 28px; display: block; text-decoration: none; font-weight: bold; color: #645b54; text-transform: uppercase; line-height: 28px; background: url('../images/readbg.jpg') no-repeat; }
		.introBox a.benifites:hover { text-decoration: underline; }	
		.introBox img { padding-right: 10px; float: left; }	
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 230px; left: 0px; width: 890px; height: 56px; font-family: 'Myriad Pro', Arial; font-size: 14px; line-height: 56px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; background: url('/files/6/images/devider.jpg') right no-repeat; padding: 0 12px; position: relative; }
		.menuBox li a { text-decoration: none; display: block; color: #eae9e8; float: left; }
		.menuBox li a:hover, .menuBox li.selected a { color: #d4d10f; }

    .menuBox li span { /*--Drop down trigger styles--*/ width: 17px;	height: 24px;	float: left; background: url(/files/6/images/subnav_btn.gif) no-repeat center top; margin: 27px 0 0 5px; }
    .menuBox li span.subhover { background: url(/files/6/images/subnav_btn.gif) no-repeat center top; cursor: pointer; margin: 24px 0 0 5px; height: 24px; } /*--Hover effect for trigger--*/
    .menuBox ul li ul.sub { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 56px; background: #625952; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111; }
    .menuBox ul li ul.sub li{ margin: 0; padding: 0; border-top: 1px solid #625952; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both;	width: 170px; }
    .menuBox ul li ul.sub li a { float: left; width: 145px; background: #625952 url(/files/6/images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }
    .menuBox ul li ul.sub li a:hover { /*--Hover effect for subnav links--*/ background: #37322e url(/files/6/images/dropdown_linkbg.gif) no-repeat 10px center; }

    #breadcrumbs { margin-left: 10px; }
    #breadcrumbs p a { text-decoration: none; }
    #breadcrumbs p a:hover { text-decoration: underline; }
    #breadcrumbs p a.active { font-weight: bold; }
		
	/* ### content container ### */
	#contentCntr { padding-top: 21px; width: 100%; overflow: hidden; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 258px; }
		#leftCntr a { text-decoration: none; cursor: hand; }
		
			/* ### link box ### */
			.linkBox { font-family: 'Myriad Pro', Arial; background: url('/files/6/images/link-mid.png') left  repeat-y; }
			.linkBox .bottom { width: 258px; background: url('/files/6/images/link-top.png') left top no-repeat; }
			.linkBox .mid { padding: 15px 0 30px 0; width: 258px; overflow: hidden; background: url('../images/link-bottom.png') left bottom no-repeat; }
			.linkBox.next { background: url('/files/6/images/link-mid2.jpg') left  repeat-y; }
			.linkBox .bottom.next { background: url('/files/6/images/link-top2.jpg') left top no-repeat; }
			.linkBox .mid.next { background: url('/files/6/images/link-bottom2.jpg') left bottom no-repeat; }
			.linkBox p { padding: 0 0 5px 26px; line-height: 40px; font-size: 14px; color: #555555; text-transform: uppercase; }
			.linkBox ul { padding-left: 0px; width: 232px; list-style: none; }
			.linkBox li { padding-left: 26px; line-height: 28px; }
			.linkBox li a { padding-left: 19px; letter-spacing: 1px; color: #555555; text-decoration: none; text-transform: uppercase; }		
			.linkBox li a:hover, .linkBox li.selected a {  background: url('/files/6/images/arrow.jpg') left 5px no-repeat; }		
			
			/* ### website box ### */
			.websiteBox { padding: 10px 0; margin: 15px 6px 19px 4px; width: 248px; overflow: hidden; font-family: 'Myriad Pro',  Arial; background: #eeeeee; }
			.websiteBox:hover { background: #d6d6d6; }
      .websiteBox h2 { padding-left: 33px; display: block; text-decoration: none; text-transform: uppercase; font-size: 18px; color: #363636; background: url('../images/icon2.png') 5px 0px no-repeat; }
			.websiteBox h2:hover { text-decoration: underline; }
			.websiteBox span { padding-right: 7px; color: #363636; text-align: right; display: block; }
			
			/* ### twitter box ### */
			.twitterBox { margin: -5px 0px 20px 0px; width: 248px; position: relative; background: url('/files/6/images/mid.jpg') left top repeat-y; }
			.twitterBox .top { padding-top: 92px; width: 248px; background: url('/files/6/images/top.jpg') left top no-repeat; }
			.twitterBox h6 { position: absolute; right: 9px; top: 72px; font-family: 'Myriad Pro', Arial; font-size: 18px; color: #363636; text-transform: uppercase; padding-bottom: 15px; }
			.twitterBox ul { padding-top: 10px; list-style: none; }
			.twitterBox li { padding: 5px 0px 5px 10px; color: #3c3c3d; border-bottom: 1px dotted #dddddd; }
			.twitterBox li a { color: #7e2804; text-decoration: none; }
			.twitterBox a:hover { text-decoration: underline; }
			.twitterBox p.text { padding-left: 41px; margin-left: 10px; font-weight: bold; font-size: 10px; color: #000; background: url('/files/6/images/twittwe-icon.jpg') left 5px no-repeat; }
			.twitterBox p span { display: block; font-size: 18px; color: #3d1b09; }
			.twitterBox p { padding: 0 10px; width: 228px; height: 37px; }
			.twitterBox p a.twitter { margin: 10px 0 0 0; display: block; text-indent: -9999px; width: 64px; height: 15px; float: left; background: url('/files/6/images/twitter-img.jpg') left top no-repeat; }
			.twitterBox a.join { float: right; color: #3d1b09; text-decoration: none; line-height: 37px; }
			.twitterBox a.join:hover { text-decoration: underline; }
			.twtr-hd, .twtr-join-conv { display: none; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 680px; }
		#rightCntr ul.submenu { margin-top: 20px; list-style: none; background: url('/files/6/images/background_submenu.png') repeat-x; -moz-border-radius: 5px; width: 440px; height: 40px; padding: 10px; line-height: 40px; }
		#rightCntr ul.submenu li { margin-left: 15px; float: left; color: #fff; }
		#rightCntr ul.submenu li a { color: #fff; text-decoration: none; }
		#rightCntr ul.submenu li a:hover { color: #cad100; } 

		
		
		
		
			/* ### text box ### */
			.textBox { overflow: hidden; width: 680px; }
			.textBox .left { float: left; padding-right: 15px; }
			.textBox .right { padding-bottom: 35px; overflow: hidden; float: left; margin-top: -5px; font-size: 12px; line-height: 20px; width: 600px; }
			.textBox h1, .portfolioBox h1 { padding: 16px 0 15px 0; line-height: 32px; display: block; overflow: hidden; width: 100%; font-family: 'Myriad Pro', Arial; font-size: 20px; color: #37322e; text-transform: uppercase; font-weight: normal; }
			.textBox h2, .portfolioBox h2 { padding-top: 14px; display: block; overflow: hidden; width: 100%; font-family: 'Myriad Pro', Arial; font-size: 16px; color: #37322e; text-transform: uppercase; font-weight: normal; }
			.textBox h2.subtitle { background: url('/files/6/images/101icon.png') no-repeat center left; padding-left: 25px; }
			.textBox p { padding: 7px 0 14px 0; float: left; width: 100%; font-size: 12px; line-height: 15px;  }
			.textBox img { float: left; }
			.textBox img.cms { float: right; } 
			.textBox img.webwinkel { margin-right: 10px; padding: 15px; border: 1px solid #f4f4f4; }
			.textBox .right ul { list-style: disc; }


			.textBox .right ul.tabs { background: #f6f6f6; padding: 10px; height: 25px;  }
			.textBox .right ul.tabs li { -moz-border-radius: 3px; line-height: 25px; float: left; list-style: none; margin-right: 15px; border: 1px solid #e8e8e8; }
			.textBox .right ul.tabs li a { -webkit-transition: background-color 0.2s linear;    -moz-transition: background-color 0.2s linear;  -o-transition: background-color 0.2s linear;   color: #585858; text-decoration: none; padding: 5px; background: #f5f5f5; }
			.textBox .right ul.tabs li a:hover { background: #d5d10e; color: #000; }
			
			/* ### portfolio ### */
			.portfolioBox ul.tabs { background: #f6f6f6; padding: 10px; height: 25px;  }
			.portfolioBox ul.tabs li { -moz-border-radius: 3px; line-height: 25px; float: left; list-style: none; margin-right: 15px; border: 1px solid #e8e8e8; }
			.portfolioBox ul.tabs li a { -webkit-transition: background-color 0.2s linear;    -moz-transition: background-color 0.2s linear;  -o-transition: background-color 0.2s linear;   color: #585858; text-decoration: none; padding: 5px; background: #f5f5f5; }
			.portfolioBox ul.tabs li a:hover { background: #d5d10e; color: #000; }

			/* ### partners ### */
			ul#partners { margin-top: 10px; padding: 0 0 20px;  width: 960px; }
			ul#partners li { margin-right: 5px; border: 1px solid #d3d3d3; padding: 0; background: #f5f5f5; ) no-repeat; width: 194px; height: 139px; float: left; list-style: none; }
			ul#partners li:hover { border: 1px solid #eaeaea }
			ul#partners li img { margin: 10px; }
			
			/* ### partners ### */
			ul#choice-portfolio { margin-top: 10px; padding: 0 0 20px;  width: 960px; }
			ul#choice-portfolio li { margin-right: 35px; border: 1px solid #d3d3d3; padding: 0; background: #f5f5f5; ) no-repeat; width: 310px; height: 200px; float: left; list-style: none; }
			ul#choice-portfolio li:hover { border: 1px solid #d5d10e; }
			ul#choice-portfolio li img { margin: 10px; }


			
			img.actie { border: 1px solid #989898; margin-right: 10px; } 
			
			
			/* ### form box ### */
			.formBox { padding-bottom: 50px; width: 500px; overflow: hidden; }
			.formBox p { width: 100%; height: 40px; overflow: hidden; }
			.formBox p.next { width: 280px; height: 40px; overflow: hidden; background: #fcfcfc url('/files/6/images/bg.jpg') left top repeat-y;  }
			.formBox p.last { width: 273px; height: 219px; overflow: hidden; background: #fcfcfc url('/files/6/images/bg.jpg') left top repeat-y; }
			.formBox fieldset { border: none; }
			.formBox label { padding-left: 9px; color: #513103; width: 62px; float: left; line-height: 41px; }
			.formBox label.checkbox { width: 85px; font-style: italic; line-height: 40px; }
			.formBox label.checkbox input { margin-right: 5px; }
			.formBox .radio { margin: 10px 5px 0px 0px; width: 17px; height: 17px; background: url('/files/6/images/radio.gif') no-repeat; display: block; clear: left; float: left; }
			.formBox label.bedrijfsnaam { color: #513103; width: 102px; line-height: 40px; }
			.formBox input.field { padding: 3px 5px; margin: 8px 5px 0px 0px; width: 28px; float: left; height: 17px; border: 1px solid #d5d5d5; background: #f5f5f5; }
			.formBox input.third { padding: 3px 10px; margin-top: 8px; width: 141px; height: 17px; border: 1px solid #d5d5d5; background: #f5f5f5; }
			.formBox input.next { padding: 3px 10px; margin: 8px 0 0 10px; width: 141px; height: 17px; border: 1px solid #d5d5d5; background: #f5f5f5; }
			.formBox input.checkbox { width: 12px; height: 12px; background: url('/files/6/images/radio.jpg') 6px 10px no-repeat; }
			.formBox textarea { padding: 5px; margin: -5px 0 15px 15px; width: 232px; height: 155px; border: 1px solid #d5d5d5; background: #f5f5f5; }
			.formBox .button { padding: 0 0 2px 20px; margin-left: 124px; width: 132px; height: 29px; font-family: Calibri, arial; font-weight: bold; color:#645b54; text-transform: uppercase; text-align: left; cursor: pointer;  outline: none; border: none; display: block; background: url('../images/button.jpg') no-repeat; }
			
	/* ### footer container ### */
	#footerCntr { padding: 25px 0 8px 30px; width: 1000px; height: 185px; }
	

		/* ### document box ### */
		.documentBox { padding-left: 20px; width: 280px; float: left; }
		.documentBox p.heading { padding: 10px 0 3px 0; font-family: 'Myriad Pro', Arial; font-size: 20px; color: #c7d58b; text-transform: uppercase; font-weight: normal; }
		.documentBox ul { list-style: none; }
		.documentBox a { font-family: Calibri; font-size: 12px; color: #e7e7e7; line-height: 24px; font-weight: normal; text-decoration: none; }
		.documentBox a:hover { text-decoration: underline; }
		
		/* ### login box ### */
		.loginBox { padding-left: 85px; width: 250px; float: left; color: #fff; }
		.loginBox p.heading { padding: 10px 0 15px 0; font-family: 'Myriad Pro', Arial; font-size: 20px; color: #859e26; text-transform: uppercase; font-weight: normal; }
		.loginBox p { width: 100%; overflow: hidden; }
		.loginBox fieldset { border: none; }
		.loginBox input.field { padding: 5px 13px; margin-bottom: 15px; border: none; font-family: Calibri, arial; font-size: 12px; color: #e1e1e1; width: 124px; height: 15px; background: #1f1c1a; }
		.loginBox input.button { padding-left: 12px; cursor: pointer; height: 23px; color: #d6eb8e; width: 150px; text-align: left; height: 23px; border: 1px solid #292522; background: url('../images/footer-button.jpg') left top repeat-x; }
		
		/* ### address box ### */
		.addressBox { padding-left: 90px; float: left; font-weight: normal; }
		.addressBox p.heading { padding: 10px 0 5px 0; font-family: 'Myriad Pro', Arial; font-size: 20px; color: #c7d58b; text-transform: uppercase; font-weight: normal; }
		.addressBox address { padding-left: 1px; font-family: Calibri; color: #e2e2e2; line-height: 24px; font-weight: normal;  font-style: normal; }
		.addressBox address span { padding-left: 19px; background: url('../images/icon3.jpg') left center no-repeat; }
		.addressBox address a { padding-left: 19px; font-family: Calibri; font-size: 12px; color: #e2e2e2; font-weight: normal;  text-decoration: none; display: block; background: url('../images/icon4.jpg') left center no-repeat; }
		.addressBox address a:hover { text-decoration: underline; }
		.addressBox p { font-family: Calibri; color: #988f88; }
		.addressBox a { font-family: Calibri; color: #aea094; text-decoration: none; }
	
	
		
.fout {
	background: #f7b7b7 url(/files/6/images/fout.png) no-repeat 97% 50%;
	border: 1px solid #ff0000;
	-moz-border-radius: 8px;
	padding: 10px;
	margin: 10px 7px 5px 7px;
}
.goed {
	background: #d1ffac url(/files/6/images/goed.png) no-repeat 97% 50%;
	border: 1px solid #9ab08c;
	-moz-border-radius: 8px;
	padding: 10px;
	margin: 10px 0 5px 0;
}

			/* ### PORTFOLIO BLOCK ### */
			.block { margin: 0 0 15px 10px; padding: 1px; text-align: left; border: 1px solid #999999; float: left; background-color: #fff; }
			.block img { padding: 0 0 0 0; }
			.clear { clear: both; }
			.pagenumbers  { height:22px; width:498px; }
			.pagenumbers a {
border:1px solid #C6E9F6;
color:#0C3C58;
display:block;
float:left;
font-weight:bold;
height:20px;
margin:0 10px 0 0;
text-align:center;
text-decoration:none;
width:20px;
}

label.error { width: 250px; display: block; float: left; color: #f00; padding-left: 0px; }


.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #0f0f0f; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  
  .submitsearch { background: #fff; border: 1px solid #2f2f2f; }
  
  #benefitesbackup ul { list-style: none }
  #benefitesbackup li { background: url(/files/6/uploads/image/vinkje.jpg) no-repeat; margin: 4px 0 0 0; padding: 0 0 0 25px; }

/* ### SLIDER PORTFOLIO ### */
	#portfolioCntr { margin-bottom: 10px; width: 556px; position: relative; }
	#portfolioCntr span#prevBtn a { position: absolute; top: 57px; width: 50px; height: 100px; display: block; text-indent: -9999px; background: url('/files/6/images/prevslider.png') no-repeat; }
	#portfolioCntr span#nextBtn a { position: absolute; top: 57px; right: 0; width: 50px; height: 100px; display: block; text-indent: -9999px; background: url('/files/6/images/nextslider.png') no-repeat; }
	#portfolioCntr #slider { position: relative; overflow: hidden; width: 556px; height: 201px; }
	#portfolioCntr #slider ul { list-style: none; position: relative; overflow: hidden; width: 556px; height: 201px; }
	#portfolioCntr #slider li { float: left; width: 556px; height: 201px; }

/* ### ROUTEPLANNER ### */
	#gmap { width: 100%; height: 250px; }

	
/* ### PORTFOLIO V2 ### */
a.portfolio { margin-bottom: 30px; padding-bottom: 9px; margin-right: 58px; float: left; background: url(/files/6/images/bg-bottom.png) no-repeat center bottom; }	
a.last { margin-right: 0; }
a.portfolio img { border: 1px solid #e3e3e3; padding: 3px; }
.portfolioBox { width: 900px; }

/* ### PORTFOLIO SMALL ALS VOORBEELDEN TUSSEN CONTENT ### */
.portfolio-small { background: #f8f8f8; height: 240px; padding: 10px 0 0 40px; }
.portfolio-small a.portfolio { margin-bottom: 30px; padding-bottom: 9px; margin-right: 58px; float: left; background: url(/files/6/images/bg-bottom.png) no-repeat center bottom; }	
.portfolio-small a.last { margin-right: 0; }
.portfolio-small a.portfolio img { border: 1px solid #e3e3e3; padding: 3px; }


/**
 * Created with Visual Form Builder by 23rd and Walnut
 * www.visualformbuilder.com
 * www.23andwalnut.com
 */

/** Basic Styling **/



.TTWForm{
 	width: 500px;
}


.TTWForm-container {
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.TTWForm-container h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
    color: #333333;
    font-weight: normal;
}


/** Field Styles **/
.TTWForm .field, #form-title.field {
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    clear: both;
}

/** Field Widths */
.f_25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}


.TTWForm input, .TTWForm textarea, .TTWForm select, div.selector, div.uploader  {
    width:100%;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    padding: 6px 0;
    color: #999999;
    border: 1px solid #d9d9d9;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px #eee inset;
    -moz-box-shadow: 0 0 10px #eee inset;
    -webkit-box-shadow: 0 0 10px #eee inset;
    -ms-box-shadow: 0 0 10px #eee inset;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.TTWForm input:focus, .TTWForm textarea:focus, .TTWForm select:focus {
    -webkit-box-shadow: 0px 0px 5px #bfdeff;
    -moz-box-shadow: 0px 0px 5px #bfdeff;
    box-shadow: 0px 0px 5px #bfdeff;
}

.TTWForm input[type=radio], .TTWForm input[type=checkbox] {
    width: 12px;
    margin: 8px 12px;
    top: 3px;
    position: relative;
}

.TTWForm .option{
    margin:6px 0;
}

.TTWForm select {
    padding: 6px 6px;
}

.TTWForm textarea {
    overflow: hidden;
}

.TTWForm label {
    color: #666;
    text-align: left;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}

.TTWForm .submit input {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 12px;
    height: 36px;
    cursor: pointer;
    min-width: 96px;
    width:auto;
    background: #FBFBFB; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}


#form-title {
    padding: 12px;
}

#form-title h2{
    margin-bottom:0;
}

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead {
    padding: 2px 0;
    height: 22px;
}

#caltitle {
    font-size: 14px;
    color: #0150D1;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext {
    float: right;
    background: transparent url(../images/next.png) no-repeat center center scroll;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}

#caltitle select {
    font-size: 10px;
}

#caldays {
    height: 14px;
    border-bottom: 1px solid #ddd;
}

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}


/** Range Input **/

.slider {
    background: #eaff00 url(../images/range_gradient.png) repeat-x 0 0;
    height: 9px;
    position: relative;
    cursor: pointer;
    border: 1px solid #333;
    width: 100%;
    float: left;
    clear: right;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 5px #000;
}

.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/**Error Messages **/

.TTWForm .error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position:relative;
    top:-1px;
}


/** Loading Indicator **/
.loading-text{
    position:relative;
    top:-3px;
}


/** Clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
div#popUp{position: fixed; bottom: 0; right: -405px; padding:20px; cursor: pointer; text-align: center;  color:  #FFFFFF;  border-right: 0; background: #D4D10F; }
div#popUp p{font-style: italic}
#popUp a { color: #3e3e3e; text-decoration: none; }
a div#popUp{text-decoration: none}