/* CSS Document */

@font-face {
	font-family: 'league_gothicregular';
	src: url('font/leaguegothic-regular-webfont.eot');
	src: url('font/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/leaguegothic-regular-webfont.woff') format('woff'),
		url('font/leaguegothic-regular-webfont.ttf') format('truetype'),
		url('font/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'sansita';
	src: url('font/sansitaone.eot');
	src: url('font/sansitaone.eot?#iefix') format('embedded-opentype'),
		url('font/sansitaone.woff') format('woff'),
		url('font/sansitaone.ttf') format('truetype'),
		url('font/sansitaone.svg#sansita_oneregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
	{
	position:relative;
	margin:0;
	padding:0;	
	text-align:center;
	background-color:#f4f4f2;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	overflow-y:scroll;
	}

#headerBG
	{
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	height:230px;
	background:transparent url('img/bg-header.jpg') no-repeat top center;
	z-index:1;	
	}

#mainBG
	{
	position:absolute;
	display:block;
	top:230px;
	left:0;
	right:0;
	bottom:0;
	min-height:257px;
	background:transparent url('img/main-bg.png') repeat-x top left;
	z-index:1;	
	}

.floatWrapper, .floatLayer
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	}

#pageBody
	{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
	z-index:2;
	}

#headerBox
	{
	position:relative;
	float:left;
	display:block;
	width:1000px;
	height:127px;
	box-shadow:0 5px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 5px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 5px 2px rgba(0,0,0,0.3);
	margin:20px 0;
	padding:0;
	z-index:1;
	background:transparent url('img/top-header.jpg') repeat top left;
	}

#topLogo
	{
	position:absolute;
	top:0;
	left:20px;
	float:left;
	display:block;
	width:265px;
	height:216px;
	margin:0;
	padding:0;
	background:transparent url('img/sdw_logo.png') no-repeat top left;
	z-index:9;
	}


#slogan
	{
	position:absolute;
	top:18px;
	left:255px;
	font-family:sansita, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	}

#mainPage
	{
	position:absolute;
	float:left;
	display:block;
	top:220px;
	left:0;
	right:0;
	bottom:0;
	min-height:100px;	
	text-align:left;
	}

#pageTitle
	{
	position:relative;
	float:left;
	display:block;
	width:960px;
	font-size:30px;
	height:59px;
	padding:0 20px;
	line-height:60px;
	color:#fff;
	background:transparent url('img/bg-center.png') repeat-x top left;
	font-family:sansita, Arial, Helvetica, sans-serif;
	box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
	}

#loading
	{
	position:fixed;
	display:none;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:transparent url('img/blue-overlay.png') repeat top left;
	z-index:2000;	
	}

/* Fonts */

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

.orangeText
	{
	color:#f4911e;	
	}

/* Menu */

.topMenu
	{
	position:absolute;
	float:left;
	display:block;
	width:685px;
	margin:0;
	padding:0;
	list-style:none;
	left:290px;
	bottom:20px;
	background:transparent url('img/menu-divider.png') no-repeat center left;
	z-index:10;
	}

.topMenuItem
	{
	position:relative;
	float:left;
	display:block;
	width:auto;
	margin:0;
	padding:0;
	line-height:30px;
	background:transparent url('img/menu-divider.png') no-repeat center right;
	}

.topMenuLink
	{
	position:relative;
	float:left;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-family:'league_gothicregular', Impact, Geneva, sans-serif;
	font-size:18px;
	line-height:30px;
	padding:0 18px;	
	}

.activeLink, .topMenuLink:hover
	{
	color:#f4911e;
    text-shadow:0 0 6px #f4911e;	
	}
	
	
/* Page Form */

.pageForm, .pageFormRow
	{
	position:relative;
	float:left;
	display:block;
	width:1000px;
	margin:10px 0;
	padding:0;
	list-style:none;	
	}

.pageFormRow
	{
	display:none;
	line-height:40px;	
	}

.pageFormRow p
	{
	line-height:24px;
	padding:0 0 8px;
	margin:0;
	font-size:12px;	
	}

.firstTab
	{
	display:block;	
	}


/* Form Tabs */

.pageFormTabs
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	border:none;
	list-style:none;	
	}

.formTabs
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	border:none;
	list-style:none;
	margin:0;
	padding:0;
	height:50px;
	background: url("img/bg-center.png") repeat-x scroll left center transparent;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);	
	}

.formTab
	{
	position:relative;
	float:left;
	display:block;
	height:50px;
	line-height:50px;
	padding:0 20px;
	color:#fff;
	background: url("img/menu-divider.png") no-repeat scroll right center transparent;
	font-family:'league_gothicregular', Impact, Geneva, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	}

.activeTab, .formTab:hover
	{
	color:#f4911e;
    text-shadow:0 0 6px #f4911e;
	cursor:pointer;
	}
	

/* Form Fields */

.formTabTitle
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	font-size:22px;
	color:#f4911e;
	font-weight:normal;
	padding:0 0 14px 0;
	text-transform:uppercase;
	font-family:'league_gothicregular', Impact, Geneva, sans-serif;
	margin:0;
	background:transparent url('img/horizontal-bar.png') repeat-x bottom left;
	}

.formLabel
	{
	position:re;ative;
	float:left;
	display:block;
	width:245px;
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
	color:#003768;
	line-height:40px;
	font-size:14px;
	text-transform:uppercase;
	}

.formTextInput, .formSelectList, .formTextareaInput
	{
	position:relative;
	float:left;
	display:block;
	border:#8ac53f solid 1px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	height:38px;
	background-color:#fff;	
	background: -webkit-linear-gradient(#fff, #fff);
	background: -o-linear-gradient(#fff, #fff);
	background: -moz-linear-gradient(#fff, #fff);
	background: linear-gradient(#fff, #fff);
	padding:0 6px;
	width:260px;
	}

.formTextInput:focus, .formSelectList:focus, .formTextareaInput:focus
	{
	box-shadow: 0 0 5px 2px rgba(138, 197, 63, 0.3);
	}

.formTextareaInput
	{
	height:100px;
	min-width:260px;
	max-width:260px;
	min-height:100px;
	max-height:100px;
	padding:6px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.wideTextInput
	{
	min-width:686px;
	max-width:686px;
	min-height:120px;
	max-height:120px;
	}

.formSelectList
	{
	color:#003768;
	height:38px;
	padding:8px 6px;
	width:274px;
	}

.slimInput
	{
	width:100px;
	}

.slimSelect
	{
	width:auto;
	margin:0 5px 0 0;	
	}

.formHelper
	{
	position:relative;
	float:left;
	display:block;
	width:auto;
	height:40px;
	background:transparent url('img/ico-help.png') no-repeat center left;
	margin:0 0 0 5px;
	padding:0 0 0 40px;
	font-size:12px;
	}

.formHelper:hover
	{
	cursor:help;	
	}

.formHelperInfo
	{
	position:absolute;
	right:-180px;
	width:160px;
	font-size:11px;
	line-height:14px;
	display:none;
	margin:8px 0 0 0;
	background-color:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:#8ac53f solid 1px;
	padding:5px;
	}

.formHelperInfo:before 
	{
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-top:transparent solid 8px;
	border-right:#8ac53f 15px solid;
	border-bottom:transparent solid 8px;
	margin: 0 0 0 -20px;
	}

.formButton, .formButtonLink, .loginButton, .multiFormButton, .nextStep
	{
	position:relative;
	float:left;
	display:block;	
	height:30px;
	width:120px;
	line-height:30px;
	margin:0;
	padding:0 15px;
	/*background-color:#003768;*/
	background-color:#f4911e;
	background: -webkit-linear-gradient(left, #f8a519, #e2871b);
	background: -o-linear-gradient(right, #f8a519, #e2871b);
	background: -moz-linear-gradient(right, #f8a519, #e2871b);
	background: linear-gradient(to right, #f8a519 , #e2871b);
	color:#fff;	
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:#f4911e solid 1px;
	border-bottom-color:#a9671b;
	border-right-color:#a9671b;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	font-family:'league_gothicregular', Impact, Geneva, sans-serif;
	}

.formButton:hover, .formButtonLink:hover, .loginButton:hover, .multiFormButton:hover
	{
	cursor:pointer;
	/*color:#f4911e;
    text-shadow:0 0 6px #f4911e;*/
	border:#f4911e solid 1px;
	border-top-color:#a9671b;
	border-left-color:#a9671b;
	background: -webkit-linear-gradient(#e2871b, #f8a519);
	background: -o-linear-gradient(#e2871b, #f8a519);
	background: -moz-linear-gradient(#e2871b, #f8a519);
	background: linear-gradient(#e2871b , #f8a519);
	}

.nextStep
	{
	border:#a0c472 solid 1px;
	border-bottom-color:#57831f;
	border-right-color:#57831f;
	background: -webkit-linear-gradient(#8ac53f, #a7ea52);
	background: -o-linear-gradient(#8ac53f, #a7ea52);
	background: -moz-linear-gradient(#8ac53f, #a7ea52);
	background: linear-gradient(#8ac53f , #a7ea52);
	}


.nextStep:hover
	{
	cursor:pointer;
	border:#57831f solid 1px;
	border-top-color:#a0c472;
	border-left-color:#a0c472;
	background: -webkit-linear-gradient(#a7ea52, #8ac53f);
	background: -o-linear-gradient(#a7ea52, #8ac53f);
	background: -moz-linear-gradient(#a7ea52, #8ac53f);
	background: linear-gradient(#a7ea52 , #8ac53f);	
	}


/* Nice Checkbox */

.niceCheckbox
	{
	position:relative;
	float:left;
	display:block;
	width:auto;
	margin:0 10px 0 0;
	padding:0;
	line-height:40px;
	}

.niceCheckbox:hover
	{
	cursor:pointer;	
	}

.niceCheckboxIcon
	{
	position:relative;
	float:left;
	display:block;
	width:28px;
	height:28px;
	border:#8ac53f solid 1px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#fff;
	margin:5px 0 0 0;
	}

.niceCheckboxSelected
	{
	background:#fff url('img/form_checkbox_toggle.png') no-repeat center center;	
	}


.niceCheckboxLbl
	{
	position:relative;
	float:left;
	display:block;
	width:auto;
	padding:0 10px;
	text-align:left;
	line-height:40px;
	font-size:12px;	
	}


/* Multi List */

.multiList
	{
	position:relative;
	float:left;
	display:block;
	width:498px;
	border:#8ac53f solid 1px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:0;
	margin:0 0 0 100px;
	list-style:none;
	background-color:#fff;
	}

.multiListHeader, .multiListRow
	{
	position:relative;
	float:left;
	display:block;
	width:498px;
	font-size:12px;
	}

.multiListHeader
	{
	background-color:#8ac53f;
	color:#fff;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	}

.petEdit, .petName, .petType, .petBreed, .petRemove, .petEditIcn, .petRemoveIcn
	{
	position:relative;
	float:left;
	display:block;
	width:128px;
	padding:0 5px;
	line-height:30px;
	border-top:#8ac53f solid 1px;
	border-right:#8ac53f solid 1px;	
	}

.petEdit, .petRemove
	{
	width:30px;
	
	}

.petEditIcn
	{
	width:30px;
	height:30px;
	background:transparent url('img/ico-edit.png') no-repeat center center;
	}

.petRemoveIcn
	{
	width:30px;
	height:30px;
	background:transparent url('img/ico-delete.png') no-repeat center center;
	}

.petEditIcn:hover, .petRemoveIcn:hover
	{
	cursor:pointer;	
	}

.petRemove, .petRemoveIcn
	{
	border-right:none;	
	}

#emptyMultiList
	{
	width:488px;
	padding:0 5px;
	text-align:center;
	font-size:12px;	
	}


/* Additional Form Styles */

.hideMe, #blankPetRow
	{
	display:none;	
	}
	
.labelIndent
	{
	margin:0 0 0 250px;	
	}

.propertyAccessList, .dotList
	{
	font-size:12px;
	line-height:24px;	
	}

.alphaList
	{
	list-style:lower-alpha;
	}

/* Terms and Conditions Styles */

.termsWrapper
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:20px 0 10px 0;
	color:#003768;	
	}

.termsPartiesHdr
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0 0 10px 0;
	font-size:20px;	
	}

.termsParty
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	line-height:30px;
	margin:30px 0 0;
	font-size:18px;	
	}

.termsPartyLbl
	{
	position:relative;
	float:left;
	display:block;
	width:350px;
	font-weight:bold;
	text-align:right;
	}

.termsPartyData
	{
	position:relative;
	float:left;
	display:block;
	width:590px;
	padding:0 0 0 10px;
	}

.termsHdr
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0 0 10px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:30px;	
	text-transform:uppercase;	
	}

.termsSectionHdr
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	line-height:30px;
	margin:30px 0;
	font-size:18px;
	border-bottom:#003768 solid 1px;
	text-transform:uppercase;
	}

.termsSectionSubHdr
	{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0 0 20px 0;	
	}

.termsSectionHdrNumber, .termsSectionSubHdrNumber
	{
	position:relative;
	float:left;
	display:block;
	width:100px;	
	}

.termsSectionSubHdrTitle
	{
	position:relative;
	float:left;
	display:block;
	width:850px;	
	}

.termsSectionContent
	{
	position:relative;
	float:left;
	display:block;
	width:850px;
	margin:0 0 20px 100px;	
	}

.termsSectionBody
	{
	position:relative;
	float:left;
	display:block;
	width:100%;	
	}

.termsAlphaList
	{
	position:relative;
	float:left;
	display:block;
	list-style:lower-alpha;
	width:820px;
	padding:0 0 0 30px;
	margin:10px 0;
	text-align:left;
	}

.termsAlphaList li
	{
	width:750px;
	padding:10px 0 10px 50px;
	list-style:lower-alpha;
	}

.termsNumericSublist
	{
	position:relative;
	float:left;
	display:block;
	width:720px;
	padding:0 0 0 30px;	
	}
	
.termsNumericSublist li
	{
	width:720px;
	padding:10px 0 10px 30px;
	list-style:lower-roman;
	}

/* Alert Messages */

.alertWrapper
	{
	position:fixed;
	top:0;
	left:0;
	right:0;
	line-height:30px;
	padding:5px 0;
	text-align:center;
	z-index:500;
	}

.successAlert
	{
	background-color:#8ac53f;
	color:#003768;	
	}

.errorAlert
	{
	background-color:#e2871b;
	color:#fff;	
	}