/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Safe Escape
  TARGET SPEC:	CSS 2
		 MODIFIED:	2009.02.25
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
  ====================================  ELEMENT DEFAULTS  =========================================
*/

a { color: #06c; cursor: pointer; text-decoration: underline; }
a:hover { color: #06c; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html { height: 100%; }
body { background: #fff url("bg_pattern.gif") top center repeat-x; font: normal 12px/1.83 Verdana, Arial, Helvetica, sans-serif; color: #000; min-height: 100%; }

table { font: inherit; }

p { margin: 10px 0px 10px 0px; }

fieldset { border: 1px solid #ccc; padding: 15px; }

h1, h2, h3 {
  color: #047;
  padding: 0px;
  margin: 20px 0px 20px 0px;
  line-height: 1.36;
}

h1 { font-size: 140%;	margin-top: 0px; color: #f03; }

h2 { font-size: 120%;	margin-bottom: 10px; }

h3 { font-size: 110%;	margin-bottom: 5px; }

p.FirstChild, h2.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

h2 img, #imgLogo img, #bannerSection img { display: block; }

label { font-weight: bold; }
legend { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #047; padding: 0px 10px 0px 10px; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }
ul ul { padding-bottom: 10px !important; }


/*
  ==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/
.ArrowBullets {
  list-style: none;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}
.ArrowBullets li { padding: 0px 0px 0px 12px; background: url("bullet_arrow.gif") left .75em no-repeat; }

.Bordered, .SlideShow img { padding: 4px; background: #fff; border: 1px solid #668fad; }

.Chart { width: 100%; }
.Chart th { background: #fff; color: #c00; text-align: left; font-size: 14px; }
.Chart td, .Chart th { border-bottom: 1px solid #c0c0c0; padding: 5px 10px 5px 10px; }
.Chart td { background: #f8f8f8; }
.Chart tr.Even td { background: #fff; }
.Chart tr.Disabled { display: none; }
.Chart tr.Disabled td { color: #666; background: #fcc; }

.Cleared { overflow: auto; }

div.Column { display: inline; float: left; }
td.Column { vertical-align: top; }

div.ColumnWrapper { overflow: auto; padding: 0px 5px 0px 5px; }
table.ColumnWrapper { width: 100%; }


.FieldList { list-style: none; margin: 0px; padding: 0px; }
.FieldList li { border-top: 1px solid #ccc; padding: 5px 0px 0px 5px; overflow: auto; margin-top: 5px; }
.FieldList li li { border-top: 0px; }

.TwoEqual .Column { width: 48%; padding-left: 1%; padding-right: 1%; }
.ThreeEqual .Column { width: 31.33%; padding-left: 1%; padding-right: 1%; }

.HasJS .HideIfJS { display: none; }
.HasJS .SlideShow img { display: none; }

.HeadlineRotator {
  position: relative;
  list-style: none;
  margin: 0px 0px 15px 5px;
  padding: 0px;
}
.HeadlineRotator li {
  display: block;
  position: absolute;
  top: -25px;
  left: 0px;
  width: 400px;
  z-index: 20;
  list-style: none;
  margin: 0px;
  padding: 1px 0px 1px 16px;
  background: url("bullet_arrow2.gif") left .55em no-repeat;
}
.HeadlineRotator li.Active { position: static; display: block; }

.HeaderImg { display: block; margin: 20px 0px 20px 0px; }

img:first-child, img.FirstChild { margin-top: 0px; }

.Left { display: inline; float: left; margin: 0px 30px 15px 0px; }

#productCategoryMatrix td.None { background: #333; }
#productCategoryMatrix td.Normal { background: #390; }
#productCategoryMatrix td.Required { background: #fc0; }
#productCategoryMatrix td.Inverse { background: #c00; }

ul.CheckboxList { list-style: none; margin: 0px; padding: 0px; }
ul.CheckboxList li { padding: 0px; margin: 5px 0px 5px 10px; background: none; }

ul.Normal { list-style: disc outside; margin: 0px; padding: 0px; }
ul.Normal li { padding: 0px; margin: 5px 0px 5px 10px; background: none; }

ul.SubList { font-size: 10px; line-height: 1.36; }

.JSOnly { display: none; }
.HasJS .JSOnly { display: block; }
.HasJS .NoJS { display: none; }

.PagerControl { text-align: center; margin-top: 20px; color: #aaa; list-style: none; }
.PagerControl li { display: inline; margin-left: 5px; }
.PagerControl li.FirstChild { margin-left: 0px; }
.PagerControl strong { color: #000; }

.ProductList { list-style: none; margin: 0px; padding: 0px; overflow: auto; border-bottom: 1px solid #ddd; }
.ProductList li { min-height: 70px; font-size: 100%; line-height: 1.36; margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #ddd; }
.ProductList li h3 { margin-top: 0px; }
.ProductList img { display: block; float: left; margin-bottom: 5px; width: 130px; height: 70px; }

.ProductListView .Col1 { width: 180px; padding-right: 20px; }
.ProductListView .Col2 { width: 520px; padding-left: 30px; background: url("sep_dot.gif") top left repeat-y; }

.Right { display: inline; float: right; margin: 0px 0px 15px 30px; }

.SlideShow { position: relative; min-height: 310px; display: block; background: #fff; }
.SlideShow img { display: block; margin-bottom: 10px; }
.HasJS .SlideShow img { position: absolute; top: 4px; left: 4px; margin-bottom: 0px; }

#alertBoxWrapper { position: relative; top: -20px; }
.AlertBox { display: block; font-weight: bold; }
.AlertBox .Normal { background-image: url("icon_exclamation_16.png"); background-color: #CDF7BB; }
.AlertBox .Error { background-image: url("icon_error_16.png"); background-color: #d55; color: #fff !important; }
.AlertBox .Locked { background-image: url("icon_lock_16.png"); }
.AlertBox .CloseLink { position: absolute; top: 0px; right: 0px; z-index: 200; }
.AlertBox .ShowDetailsLink { position: absolute; top: 0px; right: 35px; z-index: 200; }
.AlertBox .ExceptionDetails { font: normal 11px/1.36 Calibri, Verdana, Arial, Helvetica, sans-serif; display: none; }

.StatusMessage { 
	color: #000; 
	margin: 0px 5px 10px 5px; 
	padding: 7px 100px 8px 30px; 
	opacity: 0.95; 
	-moz-opacity: 0.95; 
	filter: alpha(opacity=95);
	background-position: 7px .8em;
	background-repeat: no-repeat;
  position: relative;
}
.HasJS .StatusMessage { display: none; }
.StatusMessage .Msg { margin: 0px; }


.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.ValidationErrorCue { background: #FFCCCC; border: 1px solid #c00; padding: 10px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000; }

.ValidationErrorMessage {
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #e00;
  margin-left: 10px;
}

.TextBox { border: 1px solid #369; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }
#contactForm .TextBox { margin-left: 10px; margin-bottom: 5px; }

#bgWrapper { background: url("bg_body.jpg") top center no-repeat; min-width: 760px; position: relative; z-index: 1; }

#layoutWrapper { 
  width: 760px;
  margin: 0px auto 0px auto;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}

#loginStatus { position: absolute; top: 40px; right: 30px; }
.AdminPage #loginStatus { top: 10px; right: 5px; }

#imgLogo { position: absolute; top: 19px; left: 5px; z-index: 100; }
#imgEmail { position: absolute; top: 25px; right: 0px; z-index: 100; }

#topSection { position: relative; height: 130px; z-index: 999; }

#topNav { position: absolute; top: 10px; right: 25px; height: 23px; margin: 0px; padding: 0px; list-style: none; }
#topNav li { display: inline; float: left; margin: 0px 0px 0px 7px; padding: 0px; }
#topNav a { outline: none; }

#primaryNav { position: absolute; top: 100px; right: 25px; height: 30px; margin: 0px; padding: 0px; list-style: none; }
#primaryNav li { display: inline; float: left; margin: 0px; padding: 0px; margin: 0px; padding: 0px; }
#primaryNav a { outline: none; }

.AdminPage #primaryNav { height: auto; top: 90px; right: 5px; }
.AdminPage #primaryNav li { margin: 0px 0px 0px 20px; padding: 0px; }
.AdminPage #primaryNav li.Active a { color: #000; font-weight: bold; text-decoration: none; }

#bannerSection { position: relative; margin-bottom: 0px; height: 90px; top: -5px; }
#imgBanner, #imgTitle { display: block; position: absolute; top: 0px; left: 0px; }
#imgTitle { top: 35px; left: 25px; }
#bannerSection h1 { position: absolute; bottom: 30px; right: 35px; color: #047; text-transform: uppercase; font: bold 23px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }

#bannerLinks { position: absolute; top: 249px; left: 28px; }
#bannerLinks a { float: left; margin-right: 10px; }

#contentSection { position: relative; overflow: auto; padding: 20px 0px 25px 0px; }

#footerSection {
  font-size: 10px;
  text-align: center;
  padding: 20px 0px 30px 0px;
  background: url("section_sep.gif") top left no-repeat;
}


/*
  ====================================  STYLES SPECIFIC TO PAGE TYPE	==================================== 
*/
.HomePage { background-image: url("bg_pattern_home.gif"); }
.HomePage #bgWrapper { background-image: url("bg_body_home.jpg"); }
.HomePage #bannerSection { height: 290px; top: 0px; margin-bottom: 20px; }
.HomePage #imgBanner { left: -31px; top: -3px; }
.HomePage #contentSection { background: url("section_sep.gif") top left no-repeat; padding-bottom: 20px; }
.HomePage #column1 { width: 190px; padding-right: 20px; background: url("sep_dot.gif") top right repeat-y; }
.HomePage #column2 { width: 320px; padding-left: 20px; padding-right: 20px; background: url("sep_dot.gif") top right repeat-y; }
.HomePage #column3 { width: 170px; padding-left: 20px; }
.HomePage #bannerSection .HeadlineRotator { position: absolute;	bottom: 10px;	left: 10px;	z-index: 400; }

.SubPage #column1 { width: 130px; padding-right: 20px; background: url("sep_dot.gif") top right repeat-y; }
.SubPage #column2 { padding-left: 20px; }

#quickLinks { list-style: none; margin: 0px; padding: 0px; }
#quickLinks li { list-style: none; margin: 5px 0px 5px 0px; padding: 0px; }
#quickLinks li.FirstChild { margin-top: 0px; }

ul#categories li { border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 5px; }
ul#categories .SubList li { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }

.AnswerList .CorrectAnswer { background: #66FF66; padding-left: 5px; font-weight: bold; }

#needsAssessmentForm label { float: left; width: 53%; margin-right: 10px; font-weight: normal; }
#userProfileForm label { float: left; width: 40%; margin-right: 10px; text-align: right; }

#moreInfoWrapper { border: 1px solid #ccc; padding: 20px; background: #f6f6f6; margin: 20px 0px 20px 5px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; }
.HasJS #moreInfoWrapper { display: none; }

#testForm li { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #447; }
#testForm li ul { list-style: none; margin: 5px 0px 20px 10px; }
#testForm li li { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; }