body { background-color: #fbad18; text-align:center; font-family:arial; }


.hidden { display:none; }
.clear { clear:both; }
.clearright { clear:right; }

#outerframe { position:relative; margin: 0 auto; border: 8px solid #FFFFFF; width:1099px;}

#innerframe {position:relative; margin-top:10px;}

#mainframe { 
	position:relative; margin: 12px 14px; text-align:left; width:1071px;
	background-color:#ffffff; }
#ds-right {
	position:absolute; right:-14px; top:0px; background-image:url(images/ds-right.gif);
	height:100%; width:14px; }
#ds-bottom {
	position:absolute; bottom:-12px; left:0px; width:100%; height:12px;
	background-image:url(images/ds-bottom.gif); }
#ds-bottomright {position:absolute; bottom:-12px; left:0px;}

#pageheader { background-color:#ffffff; padding-top:10px; }

#leftbar { position:absolute; top:0; left:0; width:226px; padding:0; height:100%; background-color:#2973aa; }
#branding { margin-left:20px; width:460px; height:92px; }
#tagline { position:absolute;top:34px;right:0; height:36px; width:380px; }
#portrait {	height:220px; /*padding-top:20px;*/ padding-bottom:5px; background-color:#ffffff;}
#comingsoon { text-align:center; margin-top:30px; letter-spacing:3px; color:#ffffff; }
#menu {
	list-style:none; color:#ffffff; background-color:#2973aa;
	font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:33px;
	letter-spacing:3px; padding: 5px 0px 7px 20px; margin:0; height:334px; }
#menu li.active { color: #fbad18; }
#menu a, #menu li.selected ul li a { color:#ffffff; text-decoration:none; }
#menu a:hover, #menu li.selected ul li a:hover { color:#fbad18; }
#menu li { position:relative; display:block; }
#menu li.selected, #menu li.selected a { color:#fbad18; }
#menu li small {color: #fbad18}
#menu li ul { display:none; position: absolute; top:-99px; left:206px; padding:2px 0 6px 0; margin:0; 
	z-index:1000; line-height:29px; height:430px; }
#menu li ul li { padding:0 20px; white-space:nowrap; }
#menu li ul li small { font-size: 12px; }
#menu li ul li.first { padding-top:10px; }
#menu li:hover ul { display:block; }
#menu li ul div.bg { background-color: #2973aa; position:absolute;width:100%;height:100%;
	opacity:0.85; }



#loading { 
	position:absolute; top:218px; left:375px; z-index:800; padding:20px 30px;
	background: #ffffff; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:14px;
	letter-spacing:3px; line-height:25px; color:#555555; opacity:0.5; }
#loading img { padding:10px; }

#content { margin-left:226px; width:845px; min-height:571px; position:relative; padding-bottom: 22px; }
body.single #content, body.archive #content, body.category #content, body.tag #content{
min-height:2600px;
}
#content.testimonials { padding-bottom:0; }
#content.map {padding-bottom:0;}
#content.contact {padding-bottom:0}
#content.trips-at-a-glance {padding-bottom:0;}
#content.expedition {min-height:1300px; }

div.padding { padding:40px 50px; }

div.button { position:relative; margin-left:-7px; }
div.button a { color:#6b4126; text-decoration:none; }
div.button a:hover { color:#ffffff; }
div.button a span { position:absolute; top:20px; left:20px; text-size:18px; font-weight:bold; }

div.header { height:140px; position:relative; background-color:#8bc8dd; text-align:right; 
	margin-bottom:40px; text-transform:lowercase; }
div.header h1 {
	position:absolute; bottom:0; right:0; color:#ffffff; font-size:28px; font-style:italic;
	font-weight:normal; font-family: 'Times New Roman', Times, serif; letter-spacing:3px; }
div.header h1 small { color:#2973aa; font-size:16px; }

a { text-decoration:none; }
a img { border:0; }

.alignright { float:right; clear:right; padding:3px 0px 3px 20px; margin:0; }

h1 { color:#fb9818; font-family: Georgia, serif; font-weight:normal; font-size:40px; 
	line-height:40px; letter-spacing:1px;	margin:13px 50px; }
h2 { font-weight:normal; letter-spacing:3px; font-size:30px; margin:13px 50px; 
	line-height:30px; }
h2.slogan { color:#2973aa; font-size:20px; padding-right:80px; }
h2.slogan strong { color: #f37321; font-weight:normal; }
h3.slogan { color:#2973aa; font-size:15px; font-family: 'Times New Roman', Times, serif; 
	font-style:italic; padding:10px 80px 10px 0; letter-spacing:2px; }
h3 { letter-spacing: 3px; margin:13px 50px; font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal;	font-size:20px; }
h3.subhead { color:#fb9818; font-size:18px; }

p { letter-spacing:1px;  line-height:22px; font-size:13px; margin: 13px 50px; }
p strong { color:#fb9818; font-weight:normal; }



.submenu { text-align: right; font-size:14px; font-weight:bold; letter-spacing:1px; 
	color: #2973aa; padding:11px 20px 12px 10px;}
.submenu ul { padding:0; margin:0;}
.submenu li { display:inline; padding: 0 15px; }
.submenu li a { color: #2973aa; text-decoration:none; }
.submenu li a:hover { color: #fbad18; }
.submenu li a.active { color: #fbad18; }




.about { background: no-repeat center 250px url(images/shark-bg.png); background-color:#57a3a7; height:auto; }
.about p { font-size:13px; line-height:22px; color: #ffffff; padding-right:0;}





div.home { background:url(images/whale-bg.jpg) no-repeat center 600px; color:#2973aa; }
.home div.slidewindow, .home .slide { height:571px; }
.home div.slidewindow #slideshowcontrols { display:none; }
.home div.slidewindow:hover #slideshowcontrols { display:block; }
.home a { color:#FB9818; }
.home a:hover { color:#2973aa; }




.expedition { background:url(images/whale-bg-small.jpg) no-repeat left 900px; }
.expedition a { color:#FB9818; }
.expedition a:hover { color:#2973aa; }
.expedition p { letter-spacing:1px; line-height:22px; font-size:13px; color:#2973aa; 
	margin: 17px 50px; }
.expedition p.photocredit { font-size:11px; margin:5px 0; }
.expedition p img { vertical-align:middle; }
.expedition p img.alignright { margin-right:-50px; }
.expedition ul { margin:13px 50px; color:#2973AA; font-size:13px; letter-spacing:1px; 
	line-height:22px }
.expedition .submenu ul { margin:0 }
.expedition h1, .expedition h2, .expedition h3, .expedition h4 {
	margin:13px 50px; color:#FB9818; letter-spacing:1px;  font-weight:normal; }
.expedition h2 { font-size: 18px; }
.expedition h3 { font-size: 18px; line-height:28px; }
.expedition h4 { font-size: 14px; }
.expedition div.slidewindow #slideshowcontrols { display:none; }
.expedition div.slidewindow:hover #slideshowcontrols { display:block; }
.expedition div.slidewindow, .expedition .slide { height:571px; }
.expedition form, #content.expedition input { display:inline; margin:-10px 0; }
.expedition .leftcol { float:left; width: 230px; padding:25px 10px 20px 40px; color:#f1f5f9; }
.expedition .leftcol.twocol { width: 509px; }
.expedition .middlecol { float:left; width: 264px; padding:25px 15px 40px 0px; }
.expedition .middlecol p { color:#b4c6df; line-height:22px; }
.expedition .rightcol { float:left; width: 286px; }
.expedition.future a { color:#FB9818; }
.expedition.future p { font-size:17px; line-height:30px; }
.expedition.future p.subtext { font-size:12px; margin-top:40px; }
.expedition.leopardseal h1 { margin-bottom:36px; }
.expedition.leopardseal h2 { font-size:22px; }
.expedition.whaleshark .middlecol p { line-height:21px; }
.page-id-151 .expedition, .parent-pageid-151 .expedition { background:none; }
.expedition.snow-leopard { background:none; }
.expedition.stranding-orca { background:none; }
.expedition.video { background-position: center 700px; }
#content.expedition.polar-bear { min-height: 1669px; }
#content.expedition.blue-whale { min-height: 1669px; }
#content.expedition.striped-marlin { min-height: 1669px; }
#content.expedition.whale-shark { min-height: 1701px; }
#content.expedition.sailfish { min-height: 1717px; }
#content.expedition.sardine-run { min-height: 1733px; }
#content.expedition.narwhal { min-height: 1624px; background:none;}
#content.expedition.snow-leopard { min-height: 1580px; }
#content.expedition.great-white-shark { min-height: 1755px; }
#content.expedition.humpback-whale { min-height: 1642px; }
#content.expedition.orca-adventure { min-height: 1760px; }

.tripdetails div { padding:10px 10px 5px 20px; line-height:16px; }
.tripdetails div.disclaimer { font-size: 10px; line-height:12px;}
.tripdetails h2 { background-color:#ffffff; padding:10px; margin:0; 
	font-size:24px; color:#fbad18; font-weight:normal; text-transform:lowercase; 
	letter-spacing:1px; }
.tripdetails h3 { font-size:14px; color:#122462; padding:0 10px 0 0;margin:0;line-height:20px;
	font-weight:normal;letter-spacing:1px; display:inline;}
.tripdetails { font-size:14px; color:#1177a7; }
.tripdetails a { color:#ffffff; text-decoration:none; }
.tripdetails a:hover { color:#fbad18; }

.page-id-151 .tripdetails h2, .parent-pageid-151 .tripdetails h2 { font-size:22px; }

.tripdetails #expeditionlist {
	list-style:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px;
	line-height:30px; letter-spacing:1px; padding:15px 20px; margin:0; 
	border-bottom:2px solid #ffffff; }
.tripdetails #expeditionlist li.active { color: #fbad18; }
.tripdetails #expeditionlist a { color:#2973aa; text-decoration:none; }
.tripdetails #expeditionlist a:hover { color:#fbad18; }
.tripdetails #expeditionlist li { position:relative; display:block; }
.tripdetails #expeditionlist li small {color: #ffffff}

/*#map { position:absolute; top:0; left:0; }
#map object { margin-left:-1px; }*/



.trips-at-a-glance { background: #2973AA url(images/bluewhale-08.jpg);padding:0;margin:0; 
	color: #FBAD18; font-size:16px;font-weight:normal;line-height:28px;letter-spacing:1px;}
.trips-at-a-glance div.header { height:106px; margin-bottom: 10px; }
.trips-at-a-glance .left-column { float:left; padding: 0 20px 20px 40px; width:362px; }
.trips-at-a-glance .right-column { float:left; padding: 0 40px 20px 20px; width:362px; }
.trips-at-a-glance a { color:#FFFFFF; padding-right:5px;font-weight:bold; }
.trips-at-a-glance a .date { color: #FBAD18; }
.trips-at-a-glance a:hover { color: #76b4f1; }


.mission { background:#023c6c no-repeat center 250px url(images/shark-bg.png);; height:auto; }
.mission p { font-size:13px; line-height:22px; color:#ffffff; }
.mission h3 { color: #FB9818; font-size:13px; line-height:22px; }



.comingsoon { background-color: #023C6C; color: #ffffff; }
h3.comingsoon { text-align:center; padding-top:150px; text-transform:lowercase; color:#ffffff; 
	font-size:28px; font-style:italic; font-weight:normal; background: none;
	font-family: 'Times New Roman', Times, serif; letter-spacing:3px; text-shadow:2px 3px 6px #555555}
.expedition h3.comingsoon { color:#023C6C; }


.testimonials { background: #2973AA; }
.testimonials div.header { margin-bottom:0; }
.testimonials div.slidewindow { height:431px; }
.testimonials .slide1 { background-image:url(images/slide1-bg.jpg); }
.testimonials .slide2 { background-image:url(images/slide2-bg.jpg); padding-top:90px; }
.testimonials .slide3 { background-image:url(images/slide3-bg.jpg); padding-top:70px; }
.testimonials .slide4 { background-image:url(images/slide4-bg.jpg); padding-top:80px; }
.testimonials .slide5 { background-image:url(images/slide5-bg.jpg); padding-top:60px; }
.testimonials .slide6 { background-image:url(images/slide6-bg.jpg); padding-top:60px; }
.testimonials .slide7 { background-image:url(images/slide7-bg.jpg); padding-top:10px; }
.testimonials .slide p { letter-spacing: 2px; }



.contact { background: #2973AA; }
.contact div.header { margin-bottom:0; }
.contact .contacttext { position:absolute; top:160px; right:80px; color: #ffffff; }
.contact .contacttext p { line-height:27px; font-size:15px; padding-right:0; }
.contact .contacttext a { color:#ffffff; text-decoration:none; }
.contact .contacttext a:hover { color: #fbad18; }



.map {background:#2973aa no-repeat center 330px url(images/map-loading-bg.gif);}
.map div.header { height: 106px; margin-bottom:0; }
.map div.header h1 { font-size:28px; margin:13px 70px 13px 10px; letter-spacing:2px;}

#map { position: relative; height:465px; background-color:#2973aa; /*display:none;*/ }
#map p { margin:0; }
#map .point { position:absolute;  }
/*#map .point img { height:21px; } */
#map .point .box { position:absolute; z-index:200; bottom:42px; display:none;
	background: url(images/map-box-bg.png); padding:8px; font-size:14px; 
	letter-spacing:1px; }
#map .point:hover .box { display:block; }
#map .point .box img { padding-top:10px; z-index: 100; width:auto;height:auto; }
#map .point .box .title1 { color: #284362; }
#map .point .box .title2 { color: #ffffff; }
#map .point .box .title3 { color: #ffffff; }

form table { margin-left:40px; }
form table td {padding:10px 0;}
form table td input { width:219px; }
form table td input.required.error { border: red 2px solid }
.label { text-align:right; padding:0px 10px; font-size:14px; color:#2973aa; letter-spacing:1px;
	white-space: nowrap;}
.label.special { color:#FB9818; font-weight:bold; }
.label .required, .label .note { color: red }
form label.error { color:red; font-size:12px; }


.registration div.header { background: url(images/registration-header.jpg) no-repeat center bottom;}
.registration div.header h1 { right: auto; left:0; margin-left:50px; font-family:arial; 
	font-weight:bold; font-style:normal; }
.registration h2 { margin:0px 50px 13px 50px; font-family:arial; font-weight:bold; letter-spacing:0px;
	color:#FB9818; font-size:26px; }
.registration h3 { margin:0px 50px 13px 50px; font-family:arial; font-weight:bold; letter-spacing:0px;
	color:#2973aa; font-size:24px; }
.registration .addtolist {font-size:14px; color:#FB9818; }
.registration .nav { float:right; width:274px; height:120px; margin-right:42px; margin-top:8px;
	background-image: url(images/login_box.png); padding: 10px 30px 20px 20px; 
	font-size:13px; color:#2973aa; line-height:22px; }
.registration .nav h5 { font-size:15px; font-weight:bold; letter-spacing:1px; margin: 15px 2px; }
.registration .forgotpass {font-size:13px; color:#2973aa;}
.registration a {color:#FB9818;}
.registration a:hover {color:#2973aa;}
#login_error { margin:13px 50px; font-size:13px; color:#2973aa; }


.apply div.header { background: url(images/registration-header.jpg) no-repeat center bottom; }
.apply div.header h1 { right: auto; left:0; margin-left:40px; font-family:arial; 
	font-weight:bold; font-style:normal; }
.apply h2 { margin:0px 40px 13px 40px; font-family:arial; font-weight:bold; letter-spacing:0px;
	color:#FB9818; }
.apply h4 {color:#2973aa; letter-spacing:1px; margin-left:40px; margin-top:50px;}
.apply form table td input {width:auto;}
.apply table {margin-left:40px; width:750px; white-space: wrap; }
.apply.thankyou td.label { padding-left:0; }
.apply.thankyou td.label.special { padding-bottom:8px; }
.apply .label.floatright {float:right; padding-right:0; }


.blog #leftbar h3 { color:#fbad18; font-size:20px; letter-spacing:2px; margin: 30px 50px 0px 20px; 
	/*background: url(images/dotted-border.gif) bottom left repeat-x;*/ padding: 5px 0; overflow:hidden;}
.blog #leftbar ul { list-style:none; margin:0 50px 0 20px; padding:0; letter-spacing:1px; color: #FBAD18; }
.blog #leftbar ul li { padding-bottom:4px; }
.blog #leftbar ul a { color: #ffffff; }
.blog #leftbar ul a:hover { color: #fbad18; }

.blog div.header { background: url(images/blog-header.jpg) no-repeat center bottom;
	margin-bottom:0; height:174px; }
.blog div.header h1 { right: auto; left:0; margin-left:50px; font-family:arial; 
	font-weight:bold; font-style:normal; }
.blog .submenu { background-color:#cce9f1; }
.blog .content { background-color: #eef8fa; }
.blog .content h3 { color:#2973AA; /*background: url(images/dotted-border-black.gif) bottom left repeat-x; */
	padding: 0; margin:0px 70px 13px 20px; }
.blog .content h3 a { color:#2973AA; /*font-weight:bold;*/ letter-spacing:1px; font-size:28px; }
.blog .content h3 a:hover { color:#FB9818;}
.blog .content p { margin:13px 70px 13px 20px; text-indent:15px; 
	font-family: Arial, Helvetica, sans-serif; letter-spacing:0; font-size:15px; color:#414042;
	line-height:18px;}
.blog .content p.date {margin-bottom:0;text-indent:0}
.blog .content .wp-caption p { margin:5px;text-indent:0; font-family:arial; color:#2973AA; }
.blog .content .wp-caption img { border:5px solid #2973AA; }
.blog .content .wp-caption { /*margin-right:-10px;*/ }
.blog .content ul.footer {list-style:none; margin:13px 70px 13px 20px; padding:0; font-size:14px;
	letter-spacing:3px; color:#fbad18; }
.blog .content ul.footer li { display:inline; }
.blog .content .post {margin-bottom:30px;}

/* SLIDE WINDOW */
div.slidewindow { width:845px; position:relative; overflow:hidden; background-color:#2973aa; }
div.slidewindow .strip { position:absolute; left:0; top:132px; width:100%; }
div.slidewindow .strip .text { 
	position:absolute; left:0; right:0; height:20px; padding: 80px 20px; z-index:700;
	color:#ffffff; font-size: 20px; font-style:italic; text-transform:lowercase; 
	letter-spacing:3px; text-align:center; font-family: 'Times New Roman', Times, serif; }
div.slidewindow .strip .bg { position:absolute; left:0; right:0; height:20px; 
	z-index:500; background-color:#2973aa; opacity:0.4; filter:alpha(opacity=40); 
	padding: 80px 0;}
div.slidewindow .strip.title {top:60px;}
div.slidewindow .strip.title .text {padding:10px 20px; text-align:left; font-family:arial;}
div.slidewindow .strip.title .bg {background-color: #82b3c1;padding:10px 0;}
div.slidewindow .strip.subhead {top:100px;}
div.slidewindow .strip.subhead .text {padding:10px 0; font-family:arial;}
div.slidewindow .strip.subhead .bg {background-color: #2e5dab;padding:10px 0;}


.copyright { color:#ffffff; font-size:12px; margin-top:5px;}


.slidewindow #next { 
	position:absolute; bottom:20px; right:30px; text-decoration:none; color:#ffffff;
	padding:5px 40px 5px 0; background: url(images/arrow-right.png) no-repeat center right;
	z-index:300; }
.slidewindow #next:hover { background-image:url(images/arrow-right-over.png); color:#fbad18; }
		
.slidewindow #prev { 
	position:absolute; bottom:20px; left:30px; text-decoration:none; color:#ffffff;
	padding:2px 0 8px 40px; background: url(images/arrow-left.png) no-repeat center left; 
	z-index:300; }
.slidewindow #prev:hover { background-image:url(images/arrow-left-over.png); color:#fbad18; }

.slidewindow #pause { 
	position:absolute; bottom:25px; left:50%; text-decoration:none; color:#ffffff; 
	z-index:300; letter-spacing:3px; }
.slidewindow #pause:hover { color:#fbad18; }


.slide { height:431px; width:845px; display:none; }
.slide p { font-size:16px; letter-spacing:3px; line-height:26px; color:#ffffff; 
	padding:30px 50px 0px 50px; margin:0; }
.slide p.signature { text-align:right; }

/* END SLIDE WINDOW */

.addthis_container{
	padding-left: 20px;
}
.addthisright{
	padding-right: 20px;
	float: right;
}
.addthisleft{
	padding-left: 50px;
}

.typagebox{
	padding : 10px;
	background: #AADBE8;
	color: #122462;
}
.typagebox a { color:#2973aa; text-decoration:none; }
.typagebox a:hover { color:#fbad18; }

.typagebox ul{
	list-style:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height:30px; 
	letter-spacing:1px; 
	padding:15px 20px; margin:0; 
}
.typagebox p{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height:30px; 
	letter-spacing:1px; 
	margin:13px 0px; 
}

.typagebox h3, .customheadline{
font-family: Arial,Helvetica,sans-serif;
color:#FB9818;
font-size:18px;
font-weight: normal;
letter-spacing:1px;
margin: 13px 0px;
}
.customtypage p{
	margin: 13px 0px;
	padding: 0px;
}
.error-404{
color:#2973AA;
}
.error-404 h2{
	font-family: Arial,Helvetica,sans-serif;
	color:#FB9818;
	font-size:18px;
	font-weight: normal;
	letter-spacing:1px;
}
.error-404 a{
	color:#FB9818;
}
#twitter_update_list{
	font-size: 12px;
	margin: 0px 20px !important;
	color: #fff;
}
#twitter_update_list a{
color: #FBAD18 !important;
font-weight: bold;
}
#twitter_update_list a:hover{
color: #FBAD18 !important;
text-decoration: underline;
}
#twitter_update_list li{
	margin: 4px 0px;
	padding: 4px;
	border-bottom: 1px dashed #fff;
}
#twitter_div p{
	margin: 0px 20px !important;
}
#twitter_div a{
	color: #FBAD18 !important;
	font-weight: bold;
}
.contact-custom{
	font-weight: bold;
	font-size: 18px;
}
.contact-custom a{
	color: #FBAD18 !important;
}

/* fb fanbox */
.fan_box .full_widget {
	background: #2973AA; border: none;
	font-family: arial;
	font-size:	12px;
	letter-spacing:1px;
	color: #fff;
}
.fan_box .full_widget a {
	color: #FBAD18;
}
.fan_box .full_widget a:hover {
	color: #FBAD18;
	text-decoration: underline;
}
.fan_box .full_widget .connect_top {
	background: none;
}
.UIStoryAttachment_Caption{
	color: #dedede;
}
.UIIntentionalStory_InfoText, .UIIntentionalStory_Location, .UIIntentionalStory_Time, .UIIntentionalStory_BottomAttribution{ 
	color: #AADBE8;
}
.fan_box .connections {
	font-size:11px;
	letter-spacing:0;
}
.fan_box .connections_grid .grid_item .name{
	color: #AADBE8;
}
/* end fb fanbox */

#single_comment{
        margin: 10px 70px 10px 20px;
}
.navigation{
        height: 70px;
        margin: 10px 20px;
}
.navigation a{
        color: #2973AA;
}
.navigation a:hover{
        color: #FBAD18;
}
.postmeta p{
        color:#FBAD18 !important;
        font-size:14px !important;
        letter-spacing:3px !important;
        margin: 13px 20px 13px 20px !important;
        text-indent: 0px !important;
}
.postmeta a{
        color: #2973AA;
}
.postmeta a:hover{
        color: #FBAD18;
}
h1.shark, h2.shark, h3.shark, h4.shark{
        font-family:Arial,Helvetica,sans-serif;
        color:#FB9818;
        font-weight:normal;
        letter-spacing:1px;
        margin-bottom:13px;
        margin-left:50px;
        margin-right:50px;
        margin-top:13px;
}
h1.shark{
        font-size:18px;
        line-height:21px;
}
h2.shark{
        font-size:16px;
        line-height:21px;
}
h3.shark{
        font-size:15px;
        line-height:21px;
}
h4.shark{
        font-size:14px;
        line-height:21px;
}

/*
 * I'm using the following conventions for the style sheet for the 
 * registration forms:
 * classes are all-lower case, and the id's of instances are camel-cased.
 * each object defined as containing the object plus the space below it.
 */
 #wash {
    background: #000000;
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30);
    z-index: 2700;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

#formboxContainer {
    left: 460px;
    top: 195px;
    position:absolute;
    z-index: 2900;
}

.formbox {
    font-weight: 700;
    width:400px;
    background:#2973aa;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-width: 3px;
    border-style: solid;
    color:#fff;
    opacity:0.75;
    margin: 0;
    text-align: center;
}
#frontFormBox {
    height:400px;
}
#itinFormBox {
    height:470px;
}

#closeButton {
    height:25px;
    width:25px;
    background-image: url(images/close2.gif);
    border: #000;
    border-width: 2px;
    cursor:pointer;
    position: absolute;
    right:10px;
    top: 10px;
}

.regform {
    width: 360px;
    padding: 20px 20px 20px 20px;
}

.regformtitle {
    font-size: 12pt;
    font-family: "trade gothic condensed", trade-gothic-condensed, helvetica;
    line-height: 14pt;
    font-weight: bold;
    padding-bottom: 20px;
    letter-spacing: 0px;
}

.regformclose {
    font-size: 10pt;
    font-family: helvetica;
    font-style: oblique;
    line-height: 12pt;
    padding-bottom: 20px;
    letter-spacing: 0px;
}

#regFormBonus {
    font-family: helvetica;
    font-style: oblique;
    font-size: 12pt;
    line-height: 14.4pt;
    padding-bottom: 30px;
}

.regformfields {
    list-style: none;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}
#frontFormFields {
    padding-top: 0px;
    padding-bottom: 0px;
}
#itinFormFields {
    padding-top: 0px;
    padding-bottom: 0px;
}

.regformitem {
    background: none;
    padding-top: 0px; 
    padding-left: 5px; 
    padding-right: 5px;
    height: 30px;
}
.itinformitem {
    padding-bottom: 20px;
}
.frontformitem {
    padding-bottom: 30px;
}

.reginputlabel {
    font-size: 14pt;
    float: left;
    padding: 3px 0 0 0;
    letter-spacing: 1px;
}
.reginputfield {
    font-size: 12pt;
    float: right;
    border: 2px solid #fff;
    background: #9ea7c4;
    color: #fff;
    width: 240px;
    height: 26px;
    opacity: 1;
    padding: 0 4px 0 4px;
}

.regsubmit {
    cursor: hand;
    font-family: "trade gothic condensed", trade-gothic-condensed, helvetica;
    font-size: 26pt;
    color: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background:#fbad18;
    border-width: 0px;
    border-style: none;
    align: center;
    padding: 0 0 8px 0;
    width: 360px;
    height: 60px;
    left: 23px;
    bottom: 30px;
    position: absolute;
    letter-spacing: 0px;
    font-weight: 700;
}