@charset "UTF-8";
/* FirstView CSS LAYOUT */

/*================================= DEFAULT =================================*/

html, body{
	font-family:Arial, Helvetica, sans-serif;
	height:100.1%;
}

body.noScroll{
	overflow:hidden;
}

html, body, p, blockquote, pre, abbr, acronym, address, big, cite, code, font, img, ins, kbd, q, s, b, u, i, caption, tbody, tfoot, thead, tr, th, td{
	font-size:11px;
	letter-spacing:3px;
	line-height:14px;
	text-align:left;
}

p{
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
}

p.small{
	font-size:9px;
	line-height:9px;
}
	
	p.gold{
		color:#936600;
	}
	
	p.beige{
		color:#a8a188;
	}
	
	p.green{
		color:#6f6d3b;
	}
	
	p.brown{
		color:#75403d;
	}

blockquote{
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
}
	
	blockquote ul{
		list-style:disc;
		margin:5px 0px 5px 15px;
	}

ol, ul {
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
	padding-left:15px;
}

.blank{
	opacity:0;
}
	
h1{
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 15px -40px;
	max-width:93%;
	overflow:hidden;
	padding:15px 40px 16px 41px;
	position:relative;
	text-transform:uppercase;
    white-space: nowrap;
    z-index: 50;
}

h1.h1Condensed {
	letter-spacing:0px;
}

h1.miniInfo{
	margin-right:-30px;
}

h1.hide{
	visibility:hidden;
}

h2{
	color:#400302;
	padding:16px 0px 2px 0px;
}
	
	h2.gold{
		color:#936600;
	}
	
		h2.gold.testimonial{
			margin-bottom:5px;
		}
	
	h2.beige{
		color:#a8a188;
	}
	
	h2.green{
		color:#6f6d3b;
	}
	
	h2.brown{
		color:#75403d;
	}

h3{
	color:#666;
}

h3.marginBottom{
	margin-bottom:15px;
}

.quoteSource{
	display:block;
	text-align:right;
	margin:10px 0px 25px 0px;
}

																							/*---- LINKS ----*/

a{
	cursor:pointer;
	font-weight:normal;
	text-decoration:none;
}

	a:hover{
		text-decoration:none;
	}

a.topLink{
	display:inline-block;
	font-size:9px;
	font-weight:normal;
	margin:0px 20px 15px -20px;
	padding:13px 16px 11px 20px;
	position:relative;
	text-transform:uppercase;
	z-index:10;
}

a.topLink.right{
	margin:0px -345px 15px 355px;
}

a.sliderBtn{
	background:url(../img/cta/sendSlider.gif) left top;
	color:#FFF;
	display:inline-block;
	margin-top:10px;
	height:35px;
	text-decoration:none;
}

a.sliderBtn.hide{
	display:none;
}
	
	a.sliderBtn span{
		background:url(../img/cta/sendSlider.gif) right top;
		display:inline-block;
		font-size:12px;
		height:24px;
		margin-left:20px;
		margin-right:-1px;
		padding-right:20px;
		padding-top:11px;
		text-transform:uppercase;
		white-space:nowrap;
	}
	
a.sliderBtn:hover{
	background:url(../img/cta/sendSlider.gif) left bottom;
	color:#FFF;
}
	
	a.sliderBtn:hover span{
		background:url(../img/cta/sendSlider.gif) right bottom;
	}

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

.clear{
	clear:both;
	float:none;
}

																							/*---- CTA ----*/

	a.cta{
		width:299px;
	}
	
		a.cta img{
			
		}
		
		a.cta span{
			
		}
		
		.separator{
			margin:15px 0px;
		}

																							/*---- FLOATS ----*/
	
.left{
	float:left;
}
	
.right{
	float:right;
}
																							/*---- TABLE ----*/
	
		.content table tbody tr th{
			padding:15px 0px 5px 0px;
			font-weight:normal;
			text-transform:uppercase;
		}
	
			.content table tbody tr td input{
				margin-right:30px;
			}
		
		.content table.eventBooking tbody tr td{
			padding:5px 0px;
			vertical-align:top;
		}
		
			.content table.eventBooking tbody tr td input{
				margin-right:10px;
				margin-top:5px;
			}
	
		.content table tbody tr i,
		.testimonialSubmit i{
			color:#AAA;
		}
																							/*---- TABLE | DETAILS ----*/
																							
	.content table.details{
		margin:10px -20px 20px 0px;
	}
	
		.content table.details tbody tr th{
			font-size:11px;
			padding:5px 0px 3px 0px;
			text-transform:uppercase;
		}
	
		.content table.details tbody tr td{
			font-size:9px;
			padding:3px 0px 7px 0px;
			text-transform:uppercase;
		}
	
	.content table.focus tr{
		padding:0px 10px;
	}
																							/*---- CONTACT DETAILS ----*/
		
		.content .contactDetails{
			background-color:#400302;
			color:#FFF;
			float:right;
			margin-bottom:20px;
			padding:20px;
			text-align:left;
			width:259px;
		}
		
			#container .content .oneThree .contactDetails h1{
				background-image:none;
				margin:5px 0px 10px -1px;
				padding:0px;
			}
			
			.content .contactDetails p{
				color:#FFF;
				font-size:12px;
			}
			
			.content .contactDetails a{
				color:#936600;
			}
			
			.content .contactDetails a:hover{
				color:#EEEEE9;
			}
																							/*---- TABLE | CONTACT FORM ----*/

	.content table.contactForm{
		margin-top:-15px;
	}
	
		.content table.contactForm input.send{
			color:#666415;
			text-align:right;
		}
	
	.content table.contactForm.reservations{
		width:100%;
	}
	
	.content .oneThree.right.reservationSummery img{
		margin-top:-20px;
	}
																							/*---- TABLE | ADD EVENT ----*/

table.addEvent{
	
}

	table.addEvent td input.gfxSubmit{
		margin-right:0px;
	}
	
																							/*---- TABLE | FRIEND DETAILS ----*/

table#friendDetailsTable tr.friendDetailNames th{
	padding-top:7px;
}

table#friendDetailsTable tr.friendDetailValues td{
	padding-top:7px;
	padding-bottom:7px;
}

table#friendDetailsTable tr.friendDetailValues.hover td input{
	color:#b6b8a7;
}

table#friendDetailsTable tr.friendDetailNames.hover th{
	color:#b6b8a7;
}
		

/*================================= CONTAINER =================================*/

#container{
	margin:0px auto;
	padding:0px;
	width:1000px;
}
	
	#container .focus{
		background-repeat:repeat;
	}
	
	#container .twoThree{
		display:block;
		height:100%!important;
		margin:20px 0px;
		padding:20px 30px;
		position:relative;
		width:614px;
	}
	
	#container .twoThree.cuisine{
		min-height:335px;
	}
	
	#container .twoThree.lodge{
		min-height:575px;
	}
	
	#container .twoThree.sightings{
		min-height:640px;
	}
	
	#container .twoThree .facebookLike{
		border:none;
		height:35px;
		margin-top:80px;
		overflow:hidden;
		position:absolute;
		bottom:15px;
		width:620px;
	}
	
	#container .twoThree.noSidePadding{
		padding:20px 0px 0px 0px;
		width:674px;
	}
		
		#container .twoThree.noSidePadding h1{
			margin-left:-10px;
		}
	
		#container .twoThree .info{
			overflow:hidden;
		}
		
		#container .twoThree .eventHolder{
			border-bottom:1px solid #A9AB96;
			padding:20px 30px 30px 30px;
			position:relative;
		}
		
		#container .twoThree .noEventHolder{
			border-bottom:1px solid #A9AB96;
			padding:20px 0px 30px 0px;
			position:relative;
		}
		
		#container .twoThree .noEventHolder p{
			margin:auto;
			text-align:center;
		}
		
		#container .twoThree .info.setHeight{
			height:329px;
		}
			
			#container .iframeContainer{
				background: none repeat scroll 0 0 #D4D6C9;
				padding: 20px 20px 10px 20px;
			}
			
			#container .media_embed{
				margin-bottom:20px;
			}
			
			#container hr{
				border:none;
				border-top:1px solid #A9AB96;
				clear:both;
				margin:20px 0px;
			}
			
			#container hr.noMargin{
				margin:0px;
			}
			
			#container hr.lessMarginBottom{
				margin-bottom:5px;
			}
			
			#container img.eventContentPhoto{
				margin:20px 15px 0px 0px;
			}
			
			#container img.right.eventContentPhoto{
				margin:20px 0px 0px 15px;
			}
			
			#container img.left.eventIcon{
				margin:17px 0px 15px 0px;
			}
			
				#container img.left.eventIcon.large{
					margin:17px 20px 20px 0px;
				}
			
			#container a.viewEvent{
				background:#d0d0c6;
				bottom:0px;
				display:inline-block;
				position:absolute;
				right:0px;
				padding:3px 5px;
				text-decoration:none;
			}
			
			#container a.addFriend{
				background:#d0d0c6 url(../img/icons/plus.png) 10px 7px no-repeat;
				display:none;
				height:18px;
				margin-top:15px;
				padding:10px 15px 8px 40px;
				width:170px;
			}
			
			#container a.addFriend.js{
				display:block;
			}
			
			#container a.addFriend:hover{
				background:#d0d0c6 url(../img/icons/plus.png) 10px -50px no-repeat;
			}
			
			#container a.removeFriend{
				background:url(../img/icons/close.png) 0px 0px no-repeat;
				display:none;
				height:15px;
				margin:0px 0px 0px -20px;
				padding-top:2px;
				position:relative;
				overflow:hidden;
				text-indent:-9999px;
				width:15px;
			}
			
			#container a.removeFriend.js{
				display:block;
			}
			
			#container a.removeFriend:hover{
				background:url(../img/icons/close.png) 0px -75px no-repeat;
			}
			
			#container a.download{
				display:inline-block;
				margin-top:10px;
				text-decoration:none;
			}
			
			#container a.download img{
				margin:0px 7px -7px 0px;
			}
			
			#container p{
				margin-bottom:15px;
				margin-top:0px;
			}
																									
			#container .validationError{
				color:#C00;
				display:none;
				margin-top:10px;
			}
			
			#container h2 a{
				color:inherit;
				font-weight:inherit;
			}
			
			#container h2 a:hover{
				text-decoration:underline;
			}
			
			#container ul{
				padding-left:0px;
			}
			
			#container ul.sharelinks{
				margin:30px 0px 0px 0px;
				padding:0px;
			}
			
				#container ul.sharelinks li{
					display:inline;
				}
			
					#container ul.sharelinks li a{
						padding:2px 8px 0px 20px;
					}
						
					#container ul.sharelinks a.facebook{
						background:url(../img/icons/facebook.gif) 0px 0px no-repeat;
					}
					
					#container ul.sharelinks a.twitter{
						background:url(../img/icons/twitter.gif) 0px 0px no-repeat;
					}
					
					#container ul.sharelinks a.tellYourFriends{
						background:url(../img/icons/friends.gif) 0px 0px no-repeat;
					}
	
	#container .addLeftMargin ul.dates,
	#container .addLeftMargin h2,
	#container .addLeftMargin p{
		margin-left:90px;
	}
	
	#container .addLeftMargin175 ul.dates,
	#container .addLeftMargin175 h2,
	#container .addLeftMargin175 p{
		margin-left:175px;
	}
	
	#container .oneThree{
		margin:20px 0px;
		padding:20px 30px 40px 30px;
		width:266px;
	}
	
	#container .oneThree.links{
		margin:20px 2px 0 0;
		padding:0px;
		text-align:right;
		width:324px;
	}
	
	#container .oneThree.links.noMarginTop{
		margin-top:0px;
	}
	
		#container .oneThree.links a.ctaSmall{
			width:271px;
		}
	
		#container .oneThree.links a.cta{
			float:right;
		}
	
	#container .oneThree.narrower{
		margin:20px 0px;
		padding:20px;
		width:260px;
	}
	
	#container .oneThree.eventReservation{
		margin:0px;
		padding:20px 0px 0px 0px;
		width:326px;
	}
	
	#container .paperHolder{
		background:url(../img/bg/eventReservation.png) 5px bottom no-repeat;
		border:1px solid transparent;/* for ie 7 - so that bg appears */
		margin-left:-10px;
		padding:20px 0px 60px 38px;
	}


/*================================= HEADER =================================*/

.topStrip{
	height:19px;
}

#header{
	height:133px;
	position:relative;
	z-index:10;
}

	#header .logo{
		margin:17px 0px 23px 0px;
	}

	#header .fbLikeBtnWrapper{
		margin:17px 10px 0 0;
		padding:6px 0 0 7px;
	}

	.ie7 #header .fbLikeBtnWrapper,
	.ie8 #header .fbLikeBtnWrapper{
		margin-top:14px;
	}
			
		
/*================================= CONTENT =================================*/

																							/*---- BANNER ----*/
	
#container #section .bannerImage{
	margin-top:11px;
	padding:0px;
}
																							/*---- EVENTS ----*/

span.submitLoading {
	display:none;
	margin:3px 5px 2px 10px;
}

#container #termsAndCondText {
	font-size:10px;
	margin-top:10px;
}

	#container .formWrapper{
		
	}
	
		#container .formWrapper p{
			margin:15px 0 5px;
		}
	
		#container .formWrapper input{
			margin-bottom:5px;
		}
	
		#container .oneThree.right .formWrapper a.ctaSmall{
			width:auto;
			margin:20px 0 0;
		}



/*================================= PAGES =================================*/

																							/*---- CONTACT US ----*/

#container #section .content .twoThree.left .mapHolder{
	text-align:center;
}

	#container #section .content .twoThree.left .mapHolder img.map{
		
	}

#container p.poem{
	font-size:12px;
	line-height:25px;
	margin-top:-4px;
}

																							/*---- MAP ----*/

#container img.mainMap{
	margin:-45px 0px 50px 0px;
}

																							/*---- HOME ----*/
.homeCtaWrapper{
	margin-left:1px;
}
	
	.homeCtaWrapper .cta{
		margin:30px 0 10px;
		width:315px;
	}
	
		.homeCtaWrapper .cta span{
			width:289px;
		}
	
	.homeCtaWrapper .cta.center{
		margin:30px 26px 10px;
	}
		
	#container .twoThree.left.focus.twoThirds{
		width:598px;		
	}
		
	#container .oneThree.right.social{
		padding:0;
		margin-right:1px;
		width:316px;
	}
		
		#container .oneThree.right h1{
			margin-left:-30px;
		}
		
		.ie7 #container .oneThree.right h1{
		}
		
		#container .oneThree.right .ctaSmall{
			line-height: 21px;
			margin-bottom:15px;
			padding: 7px 13px 6px 15px;
			text-align:right;
			width:288px;
		}
		
			#container .oneThree.right .ctaSmall img{
				float:left;
			}
		
	#container .twoThree.subscribePanel{
		height:auto;
		padding-bottom:30px;
	}
		
		#container .twoThree.subscribePanel input.gfx{
			width:270px;
		}
		
		#container .twoThree.subscribePanel .ctaSmall,
		#contactForm .ctaSmall,
		#testimonialForm .ctaSmall{
			margin:20px 0 0;
			padding-left:15px;
			padding-right:15px;
			text-align:center;
			width:auto;
		}
		
		#container .twoThree.subscribePanel .ctaSmall.hide,
		#contactForm .ctaSmall.hide,
		#testimonialForm .ctaSmall.hide,
		#subscribeForm .ctaSmall.hide{
			display:none;
		}

																							/*---- HOME | SignOff ----*/		
		
	#container .twoThree .signOff{
		background:url(../img/bg/signatureShelly.png) 7px 20px no-repeat;
	}
	#container .twoThree .signOff.ross{
		background-image:url(../img/bg/signatureRoss.png);
	}
		
		.ie7 #container .twoThree .signOff{
			border:1px solid transparent;
			background:url(../img/bg/signatureShelly.gif) 7px 20px no-repeat;
		}	
		.ie7 #container .twoThree .signOff.ross{
			background-image:url(../img/bg/signatureRoss.gif);
		}
		
		#container .twoThree .signOff p{
			margin-bottom:33px;
		}	
		
		#container .twoThree .signOff p:last-child{
			margin-bottom:0;
		}																					
	


/*================================= GALLERY =================================*/

																							/*---- THUMB LINKS ----*/
	
	#container .links .galleryThumbs a{
		display:inline-block;
		margin:0px 0px 8px 11px;
		padding:0px
	}
	
		#container .links .galleryThumbs a:hover,
		#container .links .galleryThumbs a.selected{
			display:inline-block;
			margin:-2px -2px 6px 9px;
			padding:0px
		}
		
		#container .links .galleryThumbs a img{
			display:block;
			margin:0px;
			padding:0px
		}

																							/*---- MINI GALLERY | PHOTO HOLDER ----*/
		
		#container #mgHolder{
			background-color:transparent;
			clear:both;
			display:none;
			height:449px;
			margin:-80px -30px -40px -30px;
			overflow:hidden;
			position:absolute;
			width:673px;
		}
			
		#container #mgHolder.show{
			display:block;
		}
			
			#container #mgHolder img{
				left:0px;
				position:absolute;
				top:0px;
			}

																							/*---- MINI GALLERY | NAV ----*/
																								
		#container #mgNav{
			background:url(../img/bg/mgNavBg.png);
			position:absolute;
			right:0px;
			top:0px;
		}
			
			#container #mgNav span,
			#container #mgNav a{
				background-color:#0F3;
				display:block;
				float:left;
				height:15px;
				margin:5px;
				overflow:hidden;
				text-indent:-9999px;
				width:15px;
			}
			
			#container #mgNav span.hide,
			#container #mgNav a{
				display:none;
			}
			
			#container #mgNav span#mgLoader{
				background:url(../img/icons/loading.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgNext{
				background:url(../img/icons/next.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgPrev{
				background:url(../img/icons/prev.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgClose	{
				background:url(../img/icons/close.png) no-repeat 0px -1px;
				display:block;
			}
		
																							/*---- MINI GALLERY | INFO ----*/
																								
		#container #mgInfo{
			background:url(../img/bg/mgInfoBg.png);
			padding:0px 10px 10px 10px;
			position:absolute;
			top:413px;
			left:0px;
			width:653px;
		}
			
			#container #mgInfo h2#mgTitle{
				margin:-5px 0px 15px 0px;
			}
			
			#container #mgInfo a#mgReadMore{
				color:#400302;
				display:none;
				margin-left:6px;
			}
			
			#container #mgInfo a#mgReadMore:hover{
				color:#FFF;
			}
			
			#container #mgInfo p#mgDescription{
				color:#400302;
				border-top:1px solid #999;
				padding-top:10px;
			}
		

																							/*---- PHOTO HOLDER | gallery description ----*/
		
		#container .thumbCaption{
			background-color:#DBDFCD;
			color:#938B73;
			font-size:14px;
			float:right;
			margin-bottom:10px;
			padding:10px 20px;
			text-transform:uppercase;
			width:259px;
		}
	


/*================================= ANIMAL SIGHTINGS ================================*/

.sightings .repeater{
	border-bottom:1px solid #989A87;
	display:block;
	margin:0px 0px 20px 0px;
	position:relative;
}

.sightings .repeater.rare{
	min-height:140px;
}

	.sightings .repeater img.rareIcon{
		display:none;
		left:0px;
		margin:0px 0px 15px 5px;
		position:absolute;
		top:40px;
	}

	.sightings .repeater.rare img.rareIcon{
		display:block;
	}

.sightings p.postDate{
	background:#936700;
	color:#FFF;	
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px -10px;
	padding:5px 10px 4px 10px;
	text-transform:uppercase;
}

.sightings .monthFilter{
	float:right;
	margin-top:10px;
}

	.sightings .monthFilter p{
		display:block;
		float:left;
		margin:0px 10px -10px 0px;
		padding-top:4px;
		text-transform:uppercase;
	}

	.sightings .monthFilter select.gfx{
		float:left;
		text-transform:uppercase;
		width:160px;
	}
	
	.sightings .monthFilter input.ctaSmall{
		cursor:pointer;
		margin-left:10px;
	}

.sightings .repeater .right{
	float:right;
	margin:-3px 0px 0px 0px;
	padding:0px;
	width:477px;
}

.sightings p.animalList{
	line-height:18px;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
	text-transform:capitalize;
}

.sightings .comment{
	background:#dadbd4;
	margin:-7px 0px 0px -2px;
	padding:15px 10px 0px 10px;
}

	.sightings .comment h3{
		color:#5C5C29;
		font-weight:bold;
		text-transform:uppercase;
	}

	.sightings .comment p.description{
		margin:0px;
		padding:0px 0px 10px 0px;
		width:100%;
	}
	
	/*.sightings .comment img.rareIcon{
		display:none;
	}
	
	.sightings .comment.rare img.rareIcon{
		display:block;
		position:absolute;
		left:5px;
		top:45px;
	}*/

	.sightings .comment.rare h3{
		color:#572020;
	}
		
.sightings table.topSightings{
	margin:-10px 0px 0px 0px;
	padding:0px;
	width:100%;
}
		
	.sightings table.topSightings tr{
		border-bottom:none;
		padding:15px 0px 15px 0px;
	}
		
	.sightings table.topSightings tr.last{
		border-bottom:none;
	}
		
		.sightings table.topSightings tr th, .sightings table.topSightings tr td{
			color:#4B4B4B;
			letter-spacing:2px;
		}
		
		.sightings table.topSightings tr th{
			font-weight:bold;
			padding:6px 0px 5px 0px;
			width:165px;
		}
		
.sightings .noSighting{
	background:#DADBD4;
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	padding:20px 15px 15px 15px;
	text-align:center;
	text-transform:capitalize;
}

	
	
/*================================= FOOTER =================================*/

#footer{
	font-size:9px;
	margin:27px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	width:995px;
}

	#footer img.dividerShadow{
		margin:0px -25px 20px -25px;								/* negative margin counter acts padding of #footer */
	}

	#footer dl.footerLinks{
		letter-spacing:1px;
		margin:0px;
		margin-top:10px;
		padding:0px 23px 15px 0px;
		text-align:left;
	}

		#footer dl.footerLinks span{
			font-size:8px;
			padding:0px 0px 3px 0px;
		}

		#footer dl.footerLinks dt{
			text-transform:uppercase;
			margin-bottom:3px;
		}

		#footer dl.footerLinks dd{
			text-align:left;
			margin-top:8px;
		}

	#footer .footerLodgeDetails ul{
		line-height:18px;
		margin:0px;
		margin-top:10px;
		padding-left:0px;
		text-align:right;
		text-transform:uppercase;
		
	}

		#footer .footerLodgeDetails ul li{
			font-size:9px;
			padding-left:0px;
		}

			#footer .footerLodgeDetails ul li a{
				padding-left:0px;
			}
	
	#footer .footerLodgeDetails img.tgcsa,
	#footer .footerLodgeDetails img.fedhasa{
		margin:15px 10px 10px 0px;
	}


/* ============================== FORMS ====================================== */

																			/*---------- Submit Button ----------*/

input.gfxSubmit{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:normal;
	height:35px;
	letter-spacing:2px;
	margin:20px 0px 0px 0px;
	text-transform:uppercase;
	width:215px;
}

	input.gfxSubmit:hover{
		background-position:left -35px;
	}

	input.gfxSubmit:active{
		background-position:left top;
	}

input.gfxSubmit.send{
	color:#666415;
	font-size:1px;
	width:93px;
}

																			/*---------- Submit Button ----------*/

.oneThree.eventReservation table.contactForm.reservations input#submitStep1.gfxSubmit{
	margin:10px 20px 10px 0px;
}


																			/*---------- Multi-Select ----------*/

select.multiselect{
	background-position:left top;
	background-repeat:no-repeat;
	background:none;
	border:none;
	height:156px;
	margin:5px 0px;
	padding:3px 0px 3px 3px;
	width:156px;
}

	select.multiselect optgroup{
		font-size:10px;
		font-style:normal;
		padding:10px 0px 4px 5px;
	}

	select.multiselect optgroup option{
		font-size:12px;
		padding:4px 5px;
	}

	select.multiselect option{
		font-size:12px;
		padding:4px 5px;
	}
																		/*---------- Input ----------*/

input.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:19px;
	margin:0px;
	padding:4px 5px 2px 5px;
	width:248px;
}
	
	input.gfx.emailCasing{
		text-transform:lowercase;
	}

input.w25{
	width:15px;	
}

input.w50{
	width:40px;
}

input.w80{
	width:70px;	
}

input.w100{
	width:90px;	
}

input.w120{
	width:112px;	
}

input.w180{
	width:170px;	
}

input.w200{
	width:190px;	
}

input.w300{
	width:290px;
}

																			/*---------- Select ----------*/

select.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:28px;
	padding:6px 5px 3px 5px;
	width:258px;
}

select.w25{
	width:15px;	
}

select.w50{
	width:55px;
}

select.gfx.w80{
	width:75px;
}

select.gfx.w100{
	margin-right:6px;
	width:95px;
}

select.gfx.w120{
	margin-right:6px;
	width:115px;
}

select.gfx.w200{
	margin-right:6px;
	width:200px;
}

	select.gfx option{
		background:none;
	}
	
																			/*---------- Text Area ----------*/

textarea.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:90px;
	padding:5px;
	overflow:auto;
	resize:none;
	width:248px;
}
				
textarea.gfx.w200{
	width:190px;
}
	
																			/*---------- Text Area | 150px height ----------*/
				
textarea.gfx.w540{
	height:140px;
	width:536px;
}

																			/*---------- Loading Next to button ----------*/
																			
img.loadingNextToBtn{
	margin:0px 0px -12px 5px;
}