/* CSS Document */

/* Created for WR Detasseling Ltd.
   by sevenworks
   www.sevenworks.ca
   Copyright © 2007-2010. All rights reserved.
*/

body {
  background-color: #485459;
  font-family: Arial, Helvetica, sans-serif;
}

/* Generic map, side bar holder styles */
.MapBuilder {font: normal small verdana, tahoma, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px; color: #edddab;}
.MapBuilder a {text-decoration: none; color: #ff8b2c; background-color: transparent;}
.MapBuilder a:hover {color: #7a1b1b; background-color: transparent;}
.MapBuilder h1 {font-weight: bold; font-size: 16pt; color: #edddab; border-bottom: 2px solid #edddab;}
      
/* Info Window styles */
.IW { width: 350px;}
.IWContent {height: 120px; overflow:auto; font-size: 10pt; color: #7a1b1b; }
.IWCaption {font-weight: bold; font-size: 12pt; color: #485459; border-bottom: 2px solid #485459;}
.IWFooter {margin-top: 5px; font-size: 8pt; color: #7a1b1b; }
.IWFooterZoom {}
.IWDirections{background-color: #fff;}

.MapBuilderSideBar {float:left; margin-left: 10px;}
/* PDMarker */
div.markerTooltip {
  color: black;
  background-color: #fff;
  white-space: nowrap;
  margin: 0;
  padding: 2px 4px;
  border: 1px solid black;
}
/* added styles */
.small {font-size: 9px;}
.smallish {font-size: 7pt;}
.medium {font-size: 9pt;}
a {text-decoration: none;}
a img {border: none;}
p {font: normal small verdana, tahoma, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px; color: #edddab;}
#application, #shortForm {font: normal small verdana, tahoma, arial, helvetica, sans-serif; font-size: 8pt; color: #7a1b1b;}
.hints {font: normal small verdana, tahoma, arial, helvetica, sans-serif; font-size: 7pt; color: #7a1b1b;}
.hints2 {font: normal small verdana, tahoma, arial, helvetica, sans-serif; font-size: 7pt; color: #ff8b2c;}
.cone {text-align:right; vertical-align: middle;}
.coneOther {text-align:right; vertical-align:top;}
.ctwo {vertical-align:top;}
.ctwoOther {vertical-align: middle;}

/* styles for flash and xhtml sites */

#index .indexHidden, #index2 .index2Hidden {
	display: none;
}

#rss {
	display: block;
	height: 38px;
	width: 300px;
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 400px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #6f8187;
	text-align: right;
}

#copyright {
	display: block;
	height: 38px;
	width: 187px;
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	top: -38px;
	left: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #6f8187;
	text-align: right;
}

#sevenworks a {
	display: block;
	height: 38px;
	width: 120px;
	margin: 0;
	border: 0;
	padding: 0;
	background: #485459 url(images/swLogo.gif) no-repeat top left;
	position: relative;
	top: -81px;
	left: 200px;
}

/* styles for xhtml site */

#index2 {
	width: 760px;
	margin: 20px auto;
	font: .8em/1.35em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#index2 p {
	font: .8em/1.35em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#index2 #content ul li {
	font: .8em/1.35em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #edddab;
}

#index2 #content {
	margin: 0 0 30px 0;
}

#index2 #letter {
	height: 500px;
	width: 450px;
	margin: 20px;
	border: 2px solid #271900;
	padding: 20px;
	background-color: #d7f2ff;
	overflow: scroll;
}

#index2 #letter p {
	color: #271900;
}

/* specifically, the navigation part of the header */

#index2 #home a#welcome {
	display: block;
	height: 102px;
	width: 134px;
	margin: 0;
	border: 0;
	padding: 0;
	background: #485459 url(images/wrLogoSM.gif) no-repeat top left;
	position: relative;
	top: 0;
	left: 0;
}

#navigation ul {
	margin: 20px 0 30px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	width: 100px;
	border-right: 1px solid #6f8187;
	border-left: 1px solid #6f8187;
	padding: 3px 10px;
	float: left;
	text-decoration: none;
	text-align: center;
}

/*  END the navigation part of the header */

/* Application applyStart page specific styles */
form {
	margin-bottom: 0;
}

body #applyStart, body #applyReturning,
body #returningNoChange, body #qualify,
body #thankyou, body #movieRoom {
	margin: 10px auto;
}

#applyStart, #applyReturning,
#returningNoChange, #thankyou,
#movieRoom {
	width: 350px;
	height: 350px;
	margin: 10px auto;
	background: transparent url(images/wrLogoSM.gif) no-repeat top left;
}

#qualify {
	width: 550px;
	height: 350px;
	margin: 10px auto;
	background: transparent url(images/wrLogoSM.gif) no-repeat top left;
}

#applyStart #close, #applyReturning #close,
#returningNoChange #close,
#movieRoom #close {
	width: 75px;
	position: relative;
	top: 83px;
	left: 275px;
}

#qualify #close {
	width: 75px;
	position: relative;
	top: 83px;
	left: 475px;
}
#thankyou #close {
	width: 75px;
	position: relative;
	top: 150px;
	left: 138px;
}

#applyStart #question, #applyReturning #question,
#thankyou #question,#movieRoom #question {
	position: relative;
	top: 120px;
	text-align: center;
}

#returningNoChange #question, #qualify #question {
	position: relative;
	top: 120px;
	text-align: left;
}

#shortForm {
	position: relative;
	top: -90px;
}

#moviePlayer {
	position: relative;
	top: 150px;
	left: 15px;
}

.hidden {
	display: none;
}

.sw {
	font: 400 1.15em/0.8em Eurostile, "Courier New", Courier, monospace;
	color: #cc6;
	text-transform: lowercase;
}

.red {
	color: #900;
}


#yes a:link, #yes a:visited {
	display: block;
	height: 21px;
	width: 75px;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(images/yes1.gif) no-repeat top center;
	position: relative;
	top: 135px;
	left: 95px;
}

#no a:link, #no a:visited {
	display: block;
	height: 21px;
	width: 75px;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(images/no1.gif) no-repeat top center;
	position: relative;
	top: 114px;
	left: 180px;
}

#understand a:link, #understand a:visited {
	display: block;
	height: 21px;
	width: 135px;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(images/understand1.gif) no-repeat top center;
	position: relative;
	top: 150px;
	left: 207px;
}

a:link, a:visited {
	color: #ff8b2c;
}

#yes a:hover, #yes a:active {
	background: transparent url(images/yes2.gif) no-repeat top center;
}

#no a:hover, #no a:active {
	background: transparent url(images/no2.gif) no-repeat top center;
}

#understand a:hover, #understand a:active {
	background: transparent url(images/understand2.gif) no-repeat top center;
}

a:hover, a:active {
	color: #7a1b1b;
}
/* order of properties:
	display: ;
	height: ;
	width: ;
	margin: ;
	border: ;
	padding: ;
	background: ;
	position: ;
	top: ;
	left: ;
	z-index: ;
	list-style: ;
	font: ;
	color: ;
	text-align: ;
	text-indent: ;
	vertical-align: ;
	text-transform: ;
	overflow: ;
	*/