/* Minification failed. Returning unminified contents.
(37,17): run-time error CSS1035: Expected colon, found '='
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */
.modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 250, 255, 255, .90 ) 
				50% 50% 
				no-repeat;
}

html {
	/*background-color: #e2e2e2;*/
	margin: 0;
	padding: 0;
}

ul {
	padding-left: 0px;
}

ul ul .body_text {
	padding-top: 3px;
	list-style-type: disc;
}

ol .body_text {
	padding-bottom: 5px;
	color: #333;
	font-size: 14px;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}
ol ol .body_text {
	list-style-type: lower-alpha;
	padding-bottom = 1;
}
ol li .body_text {
	padding-bottom: 5px;
	color: #333;
	font-size: 14px;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

body {
	background-image: url("Images/Mountain_Header_965W.jpg");
	background-repeat: no-repeat;
	background-color: #001E5C;
	background-position: center top;
	width: 100%;
	position: absolute;
	border-top: solid 10px #000;
	color: #333;
	font-size: 14px;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

a {
	color: #333;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

a:link, a:visited,
a:active, a:hover {
	color: #333;
}

a:hover {
	/*background-color: #c7d1d6;*/
}

header, footer, hgroup,nav, section {
	display: block;
}

mark {
	background-color: #000;
	padding-left: 5px;
	padding-right: 5px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-fix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
a.ChangeLanguage:active, a.ChangeLanguage:visited, a.ChangeLanguage:link {
    color: white;
}
/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
	background-color: #efeeef;
	clear: both;
	padding-bottom: 35px;
}

.main-content {
	/*background: url("../Content/Images/accent.png") no-repeat;*/
	padding-left: 10px;
	padding-top: 30px;
}

.featured + .main-content {
	background: url("../Content/Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
	padding-top: 0px; 
}

footer {
	clear: both;
	background-color: #4A6379;
	font-size: .8em;
	height: 100px;
}


/* site title
----------------------------------------------------------*/
.site-title {
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
	font-size: 2.3em;
	margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
}

/* menu
----------------------------------------------------------*/
ul#menu {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0;
	text-align: right;
}

ul#menu li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}

ul#menu li a {
	background: none;
	color: white;
	text-decoration: none;
}

ul#menu li a:hover {
	color: #333;
	text-decoration: none;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
	background-color: #fff;
}

.featured .content-wrapper {
	background-color: #7ac0da;
	background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
	padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2 {
	color: #fff;
}

.featured p {
	font-size: 1.1em;
}

/* page titles */
hgroup.title {
	margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
	display: inline;
}

hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px;
}

/* features */
section.feature {
	width: 300px;
	float: left;
	padding: 10px;
}

/* wizard breadcrumbs */


/* ordered list */
ol.round {
	list-style-type: none;
	padding-left: 0;
}

ol.round li {
	margin: 25px 0;
	padding-left: 45px;
}

ol.round li.zero {
	background: url("../Content/Images/orderedList0.png") no-repeat;
}

ol.round li.one {
	background: url("../Content/Images/orderedList1.png") no-repeat;
}

ol.round li.two {
	background: url("../Content/Images/orderedList2.png") no-repeat;
}

ol.round li.three {
	background: url("../Content/Images/orderedList3.png") no-repeat;
}

ol.round li.four {
	background: url("../Content/Images/orderedList4.png") no-repeat;
}

ol.round li.five {
	background: url("../Content/Images/orderedList5.png") no-repeat;
}

ol.round li.six {
	background: url("../Content/Images/orderedList6.png") no-repeat;
}

ol.round li.seven {
	background: url("../Content/Images/orderedList7.png") no-repeat;
}

ol.round li.eight {
	background: url("../Content/Images/orderedList8.png") no-repeat;
}

ol.round li.nine {
	background: url("../Content/Images/orderedList9.png") no-repeat;
}

/* content */
article {
	float: left;
	width: 70%;
}

aside {
	float: right;
	width: 25%;
}

aside ul {
	list-style: none;
	padding: 0;
}

aside ul li {
	background: url("../Content/Images/bullet.png") no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}
ul.bulleted {
	list-style-type: circle;
	padding: 10px 0 2px 20px;
}


/* contact */
.contact h3 {
	font-size: 1.2em;
}

.contact p {
	margin: 5px 0 0 10px;
}

.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}

/* forms */
fieldset 
{
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend 
{
	display: none;
}

fieldset ol 
{
	display: table;
	padding: 0;
	list-style: none;
}

fieldset ol li 
{
	display: table-row;
	padding-bottom: 5px;
}

fieldset ol li label
{
	display: table-cell;
	padding: 10px;
	text-align: right;
}

fieldset ol li input
{
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset ol li span
{
	display: table-row;
	margin-bottom: 10px;
}

label {
	display: block;
	font-size: 1.1em;
}

label.checkbox {
	display: inline;
}

input, textarea {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	width: 300px;
}


input.rounded 
{	
	border: 1px solid #ccc; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	-moz-box-shadow: 2px 2px 3px #666; 
	-webkit-box-shadow: 2px 2px 3px #666; 
	box-shadow: 2px 2px 3px #666; 
	font-size: 20px; 
	padding: 4px 7px; 
	outline: 0; 
	-webkit-appearance: none; 
} 
 
input.rounded:focus 
{ 
	border-color: #339933; 
} 


textarea {
	font-family: inherit;
	width: 500px;
}

input:focus, textarea:focus {
	border: 1px solid #7ac0da;
}

input[type="checkbox"] {
	background: transparent;
	border: inherit;
	width: auto;
}

input[type="submit"],
input[type="button"],
button {
	background-color: #d3dce0;
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
	padding: 7px;
	margin-right: 8px;
	width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
	font-size: 1em;
	padding: 4px;
	margin-right: 4px;
}

/* info and errors */
.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error {
	color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
	color: #e80c4d;
	font-weight: bold;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}

.validation-summary-valid {
	display: none;
}


/* tables
----------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0.75em;
	border: 0 none;
}

th {
	font-size: 1.2em;
	text-align: left;
	border: none 0px;
	padding-left: 0;
}

th a {
	display: block;
	position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	text-decoration: none;
	padding: 0;
}

th a:hover {
	color: #000;
}

th.asc a, th.desc a {
	margin-right: .75em;
}

th.asc a:after, th.desc a:after {
	display: block;
	position: absolute;
	right: 0em;
	top: 0;
	font-size: 0.75em;
}

th.asc a:after {
	content: '▲';
}

th.desc a:after {
	content: '▼';
}

td {
	padding: 0.25em 2em 0.25em 0em;
	border: 0 none;
}

tr.pager td {
	padding: 0 0.25em 0 0;
}

table.HealthConcerns {
	width: 500px;
	max-width: 500px;
	table-layout: fixed;
}
td.HealthConcerns {
	border-bottom: 1px solid black;
	align-content: center;
	vertical-align: bottom
}
input.HealthConcerns{
	width: 50px;
}
/*
	Custom check box graphic and highlighting code:
	Bernadette Tix 1/31/2020
*/
.customCheckBox {
	display: none;
}
	.customCheckBox + label {
		display: inline-block;
		background-image: url("Images/Checkbox-Unchecked.png");
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
	}

	.customCheckBox:checked + label {
		display: inline-block;
		width: 50px;
		background-image: url("Images/Checkbox-Checked.png");
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
	}
	.customCheckBox:hover + label {
		border-radius:10px;
		background-color:yellow;
		background-position-y:-1px;
	}
	.customCheckBox:active + label {
		border-radius: 10px;
		background-position-y: 0px;
	}

/********************
*   Mobile Styles   *
********************/
		@media only screen and (max-width: 850px) {

			/* header
----------------------------------------------------------*/
			header .float-left,
			header .float-right {
				float: none;
			}

			/* logo */
			header .site-title {
				margin: 10px;
				text-align: center;
			}


			/* menu */
			nav {
				margin-bottom: 5px;
			}

			ul#menu {
				margin: 0;
				padding: 0;
				text-align: center;
			}

				ul#menu li {
					margin: 0;
					padding: 0;
				}


			/* main layout
----------------------------------------------------------*/
			.main-content,
			.featured + .main-content {
				background-position: 10px 0;
			}

			.content-wrapper {
				padding-right: 10px;
				padding-left: 10px;
			}

			.featured .content-wrapper {
				padding: 10px;
			}

			/* page content */
			article, aside {
				float: none;
				width: 100%;
			}

			/* ordered list */
			ol.round {
				list-style-type: none;
				padding-left: 0;
			}

				ol.round li {
					padding-left: 10px;
					margin: 25px 0;
				}

					ol.round li.zero,
					ol.round li.one,
					ol.round li.two,
					ol.round li.three,
					ol.round li.four,
					ol.round li.five,
					ol.round li.six,
					ol.round li.seven,
					ol.round li.eight,
					ol.round li.nine {
						background: none;
					}

			/* features */
			section.feature {
				float: none;
				padding: 10px;
				width: auto;
			}

				section.feature img {
					color: #999;
					content: attr(alt);
					font-size: 1.5em;
					font-weight: 600;
				}

			/* forms */
			input {
				width: 90%;
			}


			/* footer
----------------------------------------------------------*/
			footer .float-left,
			footer .float-right {
				float: none;
			}

			footer {
				text-align: center;
				height: auto;
				padding: 10px 0;
			}

				footer p {
					margin: 0;
				}
		}

		#stepProxy {
	background-image: url("Images/step_proxy.gif");
	background: no-repeat;
}

.summary3Column {
	display:block;
	float:left;
	width:33%
}

.left {
	width:50%;
	float:left;
	display:block;   
}

.right {
	width:50%;
	float:right;
	display:block;
}

.summaryTable {
	display:table;
	border:solid;
	border-color:lightgray;
   background-color:lightgray;
   border-spacing:10px;
   border-collapse:separate;
   color:gray;
   border-radius:25px;
   margin-bottom:10px;
   width:800px;
}

.summaryRow {
	display:table-row;
	overflow:hidden;
   
}

.summaryCell {
	display:table-cell;
	vertical-align:top;
	float:left;
	width:30%;
}

.summaryFlags {
	 display:table-cell;
	vertical-align:top;
	float:left;
	width:30%;
	width:100%;
}

.summaryCellHeader {
	vertical-align:middle;
	align-content:center;
}

.type-radio {
	border: 0;
	width: auto;
	height: auto;

}



.RBQuestion {
	vertical-align:middle;
	align-content:center;
	width:15%;
}

.RBText 
{
	width:85%;
}

.box{
	padding: 20px;
	display: none;
	margin-top: 20px;
	border: 1px solid #000;
}

.sportsCol3List {
	display: inline-block; 
	padding-left: 30px; 
	width:200px;
}

.optionHighlight {
	color: orangered;
	font-weight: 700;
}

.optionHighlight2 {
	color: orangered;
	font-weight: 700;
}

.optionHighlightHasConcerns {
	color: orangered;
	font-weight: 700;
}

.normalList {
    list-style: disc; 
    margin-left: 20px;
}


#wizard > breadcrumbs
{
	float:none;
	width:100%;
}

#breadcrumbs
{
	float:left;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	display: inline-block;
	padding: 17px 0px 17px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom-color: rgba(0, 0, 0, 0.16); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
}

#breadcrumbs li
{
	float: left;
	margin: 0 .5em 0 1em;
}

#breadcrumbs a
{
	background: lightgray;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: gray;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
	width: 121px;
	text-align: center;
}

#breadcrumbs a:hover
{
	background: lightyellow;
}

#breadcrumbs a::before
{
	content: " ";
	position: absolute;
	top: 50%; 
	margin-top: -1.3em;   
	border-width: 1.3em 0 1.35em 1em;
	border-style: solid;
	border-color: lightgray lightgray lightgray transparent;
	left: -.9em;
}

#breadcrumbs .current a::before
{
	content: " ";
	position: absolute;
	top: 50%; 
	margin-top: -1.3em;   
	border-width: 1.3em 0 1.35em 1em;
	border-style: solid;
	border-color: #70D754 #70D754 #70D754 transparent;
	left: -.9em;
}

#breadcrumbs a:hover::before
{
	border-color: lightyellow lightyellow lightyellow transparent;
}

#breadcrumbs .current a:hover::before
{
	border-color: #70D754 #70D754 #70D754 transparent;
}

#breadcrumbs a::after{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.3em;   
	border-top: 1.3em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: 1em solid lightgray;
	right: -.9em;
}

#breadcrumbs .current a::after
{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.3em;   
	border-top: 1.3em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: 1em solid #70D754;
	right: -.9em;
}

#breadcrumbs a:hover::after
{
	border-left-color: lightyellow;
}

#breadcrumbs .current a:hover::after
{
	border-left-color: #70D754;
}

#breadcrumbs .current,
#breadcrumbs .current:hover
{
	font-weight: bold;
	background: none;
}

#breadcrumbs .current a,
#breadcrumbs .current a:hover
{
	background: #70D754;
}

#breadcrumbs .current::after,
#breadcrumbs .current::before
{
	content: normal;
}
#wizard > nav
{
	width: 100%;
}

nav > a.prevStep
{
	text-align:left;
	float:left;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #5CD754 5%, #70D754 100% );
	background:-ms-linear-gradient( top, #5CD754 5%, #70D754 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CD754', endColorstr='#70D754');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5CD754), color-stop(100%, #70D754) );
	background-color:#5CD754;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #86ae47;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #d9fbbe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #d9fbbe;
 	box-shadow:inset 1px 1px 0px 0px #d9fbbe;
}

nav > a.nextStep
{
	text-align:right;
	float:right;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #5CD754 5%, #70D754 100% );
	background:-ms-linear-gradient( top, #5CD754 5%, #70D754 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CD754', endColorstr='#70D754');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5CD754), color-stop(100%, #70D754) );
	background-color:#5CD754;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #86ae47;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #d9fbbe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #d9fbbe;
 	box-shadow:inset 1px 1px 0px 0px #d9fbbe;
}
nav > a.prevStep:hover
{
	background:-moz-linear-gradient( center top, #70D754 5%, #5CD754 100% );
	background:-ms-linear-gradient( top, #70D754 5%, #5CD754 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D754', endColorstr='#5CD754');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #70D754), color-stop(100%, #5CD754) );
	background-color:#70D754;
}
nav > a.nextStep:hover 
{
	background:-moz-linear-gradient( center top, #70D754 5%, #5CD754 100% );
	background:-ms-linear-gradient( top, #70D754 5%, #5CD754 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D754', endColorstr='#5CD754');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #70D754), color-stop(100%, #5CD754) );
	background-color:#70D754;
}
nav > a.prevStep:active
{
	position:relative;
	top:1px;
}
nav > a.nextStep:active  
{
	position:relative;
	top:1px;
}
#wizard > article {
    width: 100%;
}
fieldset.step {
    border: solid;
    border-color: black;
}
fieldset.step legend {
    display: block;
}
fieldset.step ul {
    list-style: none;
}
ul {
    list-style: none;
}
ul.phone li {
    display: inline;
}
.infoItem {
    clear: both;
    padding: 40px 0px 40px 0px;
    font-weight: bold;
    font: 18px Helvetica, Arial, sans-serif;
}
.fieldItem {
    font-weight: bold;
    font-size: 13px;
}
.fieldItemForm {
    font-weight: normal;
    font-size: 13px;
}
div.fieldItem {
    float: left;
}
.fieldItem label {
    display: block;
}
.fieldItem input[type="text"],
.fieldItem input[type="checkbox"],
.fieldItem select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #333;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 0px 10px 10px 0px;
    padding: 10px 10px 10px 10px;
    width: auto;
}
.fieldItem input[type="text"].small {
    width: 50px;
}
.fieldItem input[type="text"].medium {
    width: 150px;
}
.fieldItem input[type="text"].large {
    width: 300px;
}
.fieldItem input[id="EmailAddress"] {
    width: 300px;
}
.fieldItem input[type="text"]:focus {
    -webkit-box-shadow: 0 0 2px #3FB510 inset;
    -moz-box-shadow: 0 0 2px #3FB510 inset;
    -ms-box-shadow: 0 0 2px #3FB510 inset;
    -o-box-shadow: 0 0 2px #3FB510 inset;
    box-shadow: 0 0 2px #3FB510 inset;
    background-color: #fff;
    border: 1px solid #3FB510;
    outline: none;
}
.fieldItem input[type="text"]:read-only {
    background-color: #ccc;
    color: #444;
}

.fieldItem input[type="checkbox"],
.fieldItem input[type="submit"],
.fieldItem input[type="button"],
.fieldItem button {
    width: auto;
}
.fieldItem form input[type="submit"] {
    background: rgb(254, 231, 154);
    background: -moz-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
    background: linear-gradient(top, rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151', GradientType=0);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    border: 1px solid #D69E31;
    color: #85592e;
    cursor: pointer;
    float: left;
    font: bold 15px Helvetica, Arial, sans-serif;
    height: 35px;
    margin: 20px 0 35px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 120px;
}
.fieldItem form input[type="submit"]:hover {
    background: rgb(254, 193, 81);
    background: -moz-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
    background: linear-gradient(top, rgba(254, 193, 81, 1) 0%, rgba(254, 231, 154, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a', GradientType=0);
}
.fieldItem label {
    font-weight: normal;
}
.description {
    font-size: 12px;
    font-weight: normal;
}
.fieldItem label:after {
    content: ":";
    padding-right: 5px;
}
.fieldDisplayItem {
    font-weight: bold;
    font-size: 13px;
    margin: 0px 30px 30px 0px;
}
div.fieldDisplayItem {
    float: left;
}
.fieldDisplayItem label {
    display: block;
    font-weight: normal;
}
.fieldDisplayItem label:after {
    content: ":";
    padding-right: 5px;
}
.DeleteButton {
    background: url("Images/Button-Delete-icon.png") no-repeat;
    background-size: 40px 40px;
    background-position-y: 2px;
    display: block;
    width: 40px;
    height: 44px;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    border: none;
}
    .DeleteButton:hover {
        clear: both;
        text-decoration: none;
        background-position-y: 0px;
    }
    .DeleteButton:active {
        background-position-y: 4px;
    }
.AddButton {
    background: url("Images/Button-Add-icon.png") no-repeat;
    background-size: 40px 40px;
    background-position-y: 2px;
    display: block;
    width: 40px;
    height: 44px;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    border: none;
}
    .AddButton:hover {
        clear: both;
        text-decoration: none;
            
        background-position-y: 0px;
    }
    .AddButton:active {
        background-position-y: 4px;
    }
.UpArrow {
    background: url("Images/Arrow-Up-Icon.png") no-repeat;
    background-size: 25px 25px;
    display: block;
    width: 25px;
    height: 25px;
    /*margin-top: 10px;*/
    
    padding: 0px 0px 0px 0px;
}
.UpArrow:hover {
    clear: both;
    text-decoration: none;
}
.DownArrow {
    background: url("Images/Arrow-Down-Icon.png") no-repeat;
    background-size: 25px 25px;
    display: block;
    width: 25px;
    height: 25px;
    /*margin-top: 10px;*/
    
    padding: 0px 0px 0px 0px;
}
.DownArrow:hover {
    clear: both;
    text-decoration: none;
}
.fieldHeader {
    font-size: 24px;
    font-weight: bold;
}
.compacted input[type="text"],
.compacted input[type="checkbox"],
.compacted select {
    font-size: 10px;    
    margin: 0px 6px 6px 0px;
    padding: 6px 6px 6px 6px;
}
/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
	color: white;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

/* login form 
----------------------------------------------------------*/
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

#loginForm {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f8f8', endColorstr = '#f9f9f9', GradientType = 0);
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
	z-index: 1;
}
	#loginForm h1 {
		color: #7E7E7E;
		font: bold 25px Helvetica, Arial, sans-serif;
		letter-spacing: -0.05em;
		line-height: 20px;
		margin: 10px 0 30px;
	}
	#loginForm h1:before,
	#loginForm h1:after {
		content: "";
		height: 1px;
		position: absolute;
		top: 10px;
		width: 35%;
	}
	#loginForm h1:after {
		background: rgb(126,126,126);
		background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		right: 0;
	}
	#loginForm h1:before {
		background: rgb(126,126,126);
		background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
		left: 0;
	}
	#loginForm:after,
	#loginForm:before {
		background: #f9f9f9;
		background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
		background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
		background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
		background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
		border: 1px solid #c4c6ca;
		content: "";
		display: block;
		height: 100%;
		left: -1px;
		position: absolute;
		width: 100%;
	}
	#loginForm:after {
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-ms-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		transform: rotate(2deg);
		top: 0;
		z-index: -1;
	}
	#loginForm:before {
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		transform: rotate(-3deg);
		top: 0;
		z-index: -2;
	}
	form { 
		margin: 0 20px; 
		position: relative 
	}

	#loginForm form a {
		color: #004a80;
		float: right;
		font-size: 12px;
		text-decoration: underline;
		margin: 20px 0px 35px 15px;
		padding: 7px 7px 7px 7px; 
	}
	
	#loginForm .validation-error {
		display: block;
		margin-left: 15px;
	}

	#loginForm .validation-summary-errors ul {
		margin: 0;
		padding: 0;
	}

	#loginForm .validation-summary-errors li {
		display: inline;
		list-style: none;
		margin: 0;
	}

	#loginForm input {
		width: 250px;
	}

	#loginForm input[type="text"],
    #loginForm input[type="password"] {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
		-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
		-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
		-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
		box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background: #eae7e7 url(images/icons.png) no-repeat;
		border: 1px solid #c8c8c8;
		color: #777;
		font: 13px Helvetica, Arial, sans-serif;
		margin: 0 0 10px;
		padding: 15px 10px 15px 40px;
		width: 80%;
	}
	
	#loginForm input[type="text"]:focus,
	#loginForm input[type="password"]:focus {
		-webkit-box-shadow: 0 0 2px #3FB510 inset;
		-moz-box-shadow: 0 0 2px #3FB510 inset;
		-ms-box-shadow: 0 0 2px #3FB510 inset;
		-o-box-shadow: 0 0 2px #3FB510 inset;
		box-shadow: 0 0 2px #3FB510 inset;
		background-color: #fff;
		border: 1px solid #3FB510;
		outline: none;
	}

	#loginForm input[type="checkbox"],
	#loginForm input[type="submit"],
	#loginForm input[type="button"],
	#loginForm button {
		width: auto;
	}

	#loginForm form input[type="submit"] {
		background: rgb(254,231,154);
		background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
		background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
		background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
		background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
		box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
		border: 1px solid #D69E31;
		color: #85592e;
		cursor: pointer;
		float: left;
		font: bold 15px Helvetica, Arial, sans-serif;
		height: 35px;
		margin: 20px 0 35px 15px;
		position: relative;
		text-shadow: 0 1px 0 rgba(255,255,255,0.5);
		width: 120px;
	}

	#loginForm form input[type="submit"]:hover {
		background: rgb(254,193,81);
		background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
		background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
		background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
		background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
	}

	#UserName { 
		background-position: 10px 10px !important 
	}
	
	#Password { 
		background-position: 10px -53px !important 
	}

	/*#loginForm .button {
		background: rgb(247,249,250);
		background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
		background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
		background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
		background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
		-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
		box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		border-top: 1px solid #CFD5D9;
		padding: 15px 0;
	}

	#loginForm .button a {
		background: url(images/icons.png) 0 -112px no-repeat;
		color: #7E7E7E;
		font-size: 17px;
		padding: 2px 0 2px 40px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#loginForm .button a:hover {
		background-position: 0 -135px;
		color: #00aeef;
	}*/

/* front page 
----------------------------------------------------------*/
#frontPage {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #frontPage h2 {
        margin-bottom:  5px;
    }

#frontPage button {
    margin-bottom: 12px;
}

/* logout
----------------------------------------------------------*/
#logoutForm {
    display: inline;
}

/* mobile styles
----------------------------------------------------------*/
@media only screen and (max-width: 850px)
{
	/* login */
	#login
	{
		font-size: .85em;
		margin: 0 0 12px;
		text-align: center;
	}

		#login ul
		{
			margin: 5px 0;
			padding: 0;
		}

		#login li
		{
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#login a
		{
			background: none;
			color: #999;
			font-weight: 600;
			margin: 2px;
			padding: 0;
		}

			#login a:hover
			{
				color: #333;
			}
	/* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #frontPage {
        margin-left: 0px;
        float: none;
        width: auto;
    }
}
/* Some default button styles */
button {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button {line-height: normal; *overflow: visible;}
button {cursor: pointer; -webkit-appearance: button;}

button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  padding: 5px 10px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.button:hover, button:hover {
  text-decoration: none;
  background-position: 0 -15px;
}

.button:focus, button:focus {
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  outline: none;
}

/* Timeout Dialog Styles */
.timeout-dialog {
  padding: 15px;
  position: absolute;
  background: #eeeeee url("Images/timeout-icon.png") no-repeat 15px 25px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.timeout-dialog .ui-dialog-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 0 0 15px 0;
  margin-left: 80px;
}
.timeout-dialog .ui-dialog-titlebar-close {
  display: none;
}
.timeout-dialog .ui-dialog-buttonpane {
  margin-top: 15px;
}
.timeout-dialog  ~ .ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.timeout-dialog p {
  margin: 0 0 5px 80px;
}
#timeout-keep-signin-btn {
  color: #FFF;
  background-color: #0f5895;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#377bb2), to(#0f5895));
  background-image: -moz-linear-gradient(top, #377bb2, #0f5895);
  background-image: -ms-linear-gradient(top, #377bb2, #0f5895);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377bb2), color-stop(100%, #0f5895));
  background-image: -webkit-linear-gradient(top, #377bb2, #0f5895);
  background-image: -o-linear-gradient(top, #377bb2, #0f5895);
  background-image: linear-gradient(top, #377bb2, #0f5895);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bb2', endColorstr='#0f5895', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: none;
  margin: 5px 10px 5px 0;
}
#timeout-sign-out-button {
  color: #FFF;
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000000;
  text-shadow: none;
  margin: 5px 0;
}
#timeout-countdown {
  font-weight: bold;
}

div.tableau 
{
	background: #ffffff  /*url("Images/tableau-backgroundnoise.png") rgb(51, 51, 51)*/ /*rgb(79,100,123)*/; 
	margin: 40px auto; 
	border-radius: 6px; 
	width: 90%; 
	color: #444444; 
	line-height: 1.2; 
	font-family: "Helvetica Neue","Helvetica",Arial,sans-serif; 
	font-size: 12px; 
	position: relative; 
	z-index: 100; 
	box-shadow: 0px 4px 16px rgba(0,0,0,0.25); 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	-o-border-radius: 6px; 
	-ms-border-radius: 6px; 
	-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 
	-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 
	-o-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 
	-ms-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 
	-webkit-font-smoothing: antialiased;
}
div.tableau a 
{
	transition:color 0.15s ease-out; 	
	-webkit-transition: color .15s ease-out; 
	-moz-transition: color .15s ease-out; 
	-o-transition: color .15s ease-out;
}
div.tableau a:hover 
{
	color: rgb(238, 238, 238);
}
div.tableau-header
{
	text-align: center;
	margin: 0px 20px 0px 20px;
}
div.tableau-header-student 
{
	background-image: url("Images/student_icon_black.png"); 
	background-repeat: no-repeat; 
	background-position: 13px 27px; 
	padding: 15px 20px 15px 70px; 
	font-weight: bold; 
	border-bottom-color: rgba(0, 0, 0, 0.16); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	background-size: 50px 50px; 
	-webkit-background-size: 50px 50px; 
	-moz-background-size: 50px 50px;
}
div.tableau-header-email 
{
	background-image: url("Images/email_icon_black4.png"); 
	background-repeat: no-repeat; 
	background-position: 13px 27px; 
	padding: 15px 20px 15px 70px; 
	font-weight: bold; 
	border-bottom-color: rgba(0, 0, 0, 0.16); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	text-shadow: 0px -1px 0px #000; 
	background-size: 50px 35px; 
	-webkit-background-size: 50px 35px; 
	-moz-background-size: 50px 35px;
}
div.tableau-header-overloaded 
{
	background-image: url("Images/contruction_icon.jpg"); 
	background-repeat: no-repeat; 
	background-position: 13px 27px; 
	padding: 15px 20px 15px 55px; 
	font-weight: bold; 
	border-bottom-color: rgba(0, 0, 0, 0.16); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	text-shadow: 0px -1px 0px #000; 
	background-size: 35px 35px; 
	-webkit-background-size: 35px 35px; 
	-moz-background-size: 35px 35px;
}
ul.tableau-items {
	clear:both;
	list-style:none;
	margin-bottom:0px;
	margin-top:0px;
}
	ul.tableau-items label {
		padding: 0px 0px 0px 0px;
	}
div.tableau-footer {
	height: 44px; 
	border-top-color: rgba(255, 255, 255, 0.04); 
	border-top-width: 1px; 
	border-top-style: solid;
	color: rgb(100, 100, 100); 
	position: relative;
}
	div.tableau-footer input.nextStep {
		position: absolute;
		right: 0;
		margin: 6px 8px 6px 0px;
	}
	div.tableau-footer input.prevStep {
		position: absolute;
		left: 0;
		margin: 6px 0px 6px 8px;
	}
	div.tableau-footer input.saveStep {
		position: absolute;
		right: 0;
		left: 0;
		margin: 6px 8px 6px 8px;
	}
	div.tableau-footer h3 {
		margin-bottom:0px;
		margin-top:0px;
		padding-left:20px;
		padding-top:7px;
	}
.tableau-item 
{
	clear: both; 
	-ms-zoom: 1;
}
	.tableau-item::before 
{
	height: 0px; overflow: hidden; display: block; visibility: hidden; content: ".";
}
	.tableau-item::after 
{
	height: 0px; overflow: hidden; display: block; visibility: hidden; content: ".";
}
	.tableau-item::after 
{
	clear: both;
}
.tableau-title 
{
	width: 70%; 
	margin-left: 0px; 
	float: left;
}
	 #name.tableau-title{
		width: 55%;
		margin-right: 10px;
	}
	#type.tableau-title{
		width: 25%;
		margin-right: 10px;
	}
.tableau-status 
{
	width: 28%;
	margin-left: 2%;
	float: left; 
	text-align: center;
   
}
		.tableau-status input[value="Edit"],.summaryEdit {
			background: rgb(112,215,84);
			background: -moz-linear-gradient(top,  rgba(112,215,84,1) 0%, rgba(79,175,55,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(112,215,84,1) 0%,rgba(79,175,55,1) 100%);
			background: -o-linear-gradient(top,  rgba(112,215,84,1) 0%,rgba(79,175,55,1) 100%);
			background: -ms-linear-gradient(top,  rgba(112,215,84,1) 0%,rgba(79,175,55,1) 100%);
			background: linear-gradient(top,  rgba(112,215,84,1) 0%,rgba(79,175,55,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70D754', endColorstr='#4FAF37', GradientType=0 );
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			border: 1px solid #265E18;
			color: white;
			cursor: pointer;
			float: left;
			font: bold 15px Helvetica, Arial, sans-serif;
			height: 35px;
			margin: 7px 0 7px 0px;
			position: relative;
			text-shadow: 0 1px 0 rgba(255,255,255,0.5);
			width: 120px;          
           text-decoration:none;
                 padding-top:12px;
		}
		.tableau-status input[value="Edit"]:hover,.summaryEdit:hover {
			background: rgb(79,175,55);
			background: -moz-linear-gradient(top,  rgba(79,175,55,1) 0%, rgba(112,215,84,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(79,175,55,1) 0%,rgba(112,215,84,1) 100%);
			background: -o-linear-gradient(top,  rgba(79,175,55,1) 0%,rgba(112,215,84,1) 100%);
			background: -ms-linear-gradient(top,  rgba(79,175,55,1) 0%,rgba(112,215,84,1) 100%);
			background: linear-gradient(top,  rgba(79,175,55,1) 0%,rgba(112,215,84,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4FAF37', endColorstr='#70D754',GradientType=0 );
		}
		.tableau-status input[value="Delete"] {
			background: rgb(240,79,55);
			background: -moz-linear-gradient(top, rgba(240,79,55,1) 0%, rgba(210,54,30,1) 100%);
			background: -webkit-linear-gradient(top, rgba(240,79,55,1) 0%,rgba(210,54,30,1) 100%);
			background: -o-linear-gradient(top, rgba(240,79,55,1) 0%,rgba(210,54,30,1) 100%);
			background: -ms-linear-gradient(top, rgba(240,79,55,1) 0%,rgba(210,54,30,1) 100%);
			background: linear-gradient(top, rgba(240,79,55,1) 0%,rgba(210,54,30,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2361E', endColorstr='#F04F37', GradientType=0 );
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
			border: 1px solid #5E1C12;
			color: white;
			cursor: pointer;
			float: left;
			font: bold 15px Helvetica, Arial, sans-serif;
			height: 35px;
			margin: 7px 0 7px 0px;
			position: relative;
			text-shadow: 0 1px 0 rgba(255,255,255,0.5);
			width: 120px;
		}
		.tableau-status input[value="Delete"]:hover {
			background: rgb(210,54,30);
			background: -moz-linear-gradient(top, rgba(210,54,30,1) 0%, rgba(240,79,55,1) 100%);
			background: -webkit-linear-gradient(top, rgba(210,54,30,1) 0%,rgba(240,79,55,1) 100%);
			background: -o-linear-gradient(top, rgba(210,54,30,1) 0%,rgba(240,79,55,1) 100%);
			background: -ms-linear-gradient(top, rgba(210,54,30,1) 0%,rgba(240,79,55,1) 100%);
			background: linear-gradient(top, rgba(210,54,30,1) 0%,rgba(240,79,55,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F04F37', endColorstr='#D2361E',GradientType=0 );
		}
	#submit.tableau-status {
		width: 15%;
		margin-left: 2%;
		float: left; 
		text-align: center;
	}
.tableau-item {
	padding: 17px 20px; 
	border-top-color: rgba(255, 255, 255, 0.04); 
	border-bottom-color: rgba(0, 0, 0, 0.16); 
	border-top-width: 1px; 
	border-bottom-width: 1px; 
	border-top-style: solid; 
	border-bottom-style: solid; position: relative;
}
	.tableau-item div.fieldBlock {
		display: table;
	}
.tableau-flipbox 
{
	/*background: -ms-linear-gradient(rgb(0, 66, 102) 50%, rgb(0, 58, 89) 100%)/*-ms-linear-gradient(rgb(33, 33, 33) 50%, rgb(38, 38, 38) 100%);*/
	padding: 0px 10px; 
	border-radius: 3px; 
	/*color: rgb(224, 224, 224);*/ 
	line-height: 38px; 
	font-size: 20px; 
	font-weight: bold; 
	margin-top: 7px;
	margin-bottom: 7px; 
	position: relative; 
	box-shadow: inset 0px 4px 4px rgba(0,0,0,0.5), inset 0px -2px 0px rgba(0,0,0,0.25), 0px 1px 0px rgba(255,255,255,0.1); 
	/*text-shadow: 0px -1px 0px #000;*/ 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-o-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.1); 
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.1); 
	-o-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.1); 
	-ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}
.tableau-status .tableau-flipbox 
{
	text-align: center;
}
.tableau-flipbox .tableau-action a
{
	margin-top:7px;
	margin-bottom:7px;
	padding-bottom:11px;
	padding-top:11px
}
.tableau-flipbox .tableau-action a::before
{
	content: " ";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: lightgray lightgray lightgray transparent;
	left: -1em;
}
.tableau-flipbox .tableau-action a::after
{
	content: " ";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid lightgray;
	right: -1em;
}
a.tableau-action-ineligible
{
	pointer-events: none;
	cursor: default;
}
.tableau-title .tableau-flipbox::before 
{
	top: 4px; 
	width: 26px; 
	height: 24px; 
	display: none; 
	position: relative; 
	content: ""; 
	opacity: 0.5; 
	/*background-image: url("images/tableau-thingsicons.png");*/ 
	background-repeat: no-repeat; 
	background-size: 150px 50px; 
	-webkit-background-size: 150px 50px; 
	-moz-background-size: 150px 50px;
}
.tableau-item .tableau-title .tableau-flipbox::before 
{
	display: inline-block;
}
.tableau-flipbox::after 
{
	background: -ms-linear-gradient(rgba(0, 0, 0, 0.15) 49.99%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.05) 100%); 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	display: block; 
	position: absolute;
	/*content: "";*/
}
.tableau-flipbox strong 
{
	background: rgb(63, 132, 166); padding: 0.1em 0.2em; border-radius: 2px; color: rgb(242, 242, 242); line-height: 1; display: inline-block; text-shadow: 0px -1px 0px #316781; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px;
}
.tableau .is-disabled .tableau-status .tableau-flipbox 
{
	color: rgb(119, 119, 119);
}
.tableau .is-released .tableau-status .tableau-flipbox 
{
	color: rgb(173, 214, 235);
}
.tableau-caption 
{
	padding: 0px 2px; 
	font-weight: bold; 
	display:inline-block;
}
.tableau-caption label
{
	display:inline;
}
.tableau-caption p 
{
	margin-bottom: 2px;
	margin-top: 2px;
}
.tableau-caption dl 
{
	margin: 1.2em 0px; -ms-zoom: 1;
}
.tableau-caption dl::before 
{
	height: 0px; overflow: hidden; display: block; visibility: hidden; content: ".";
}
.tableau-caption dl::after 
{
	height: 0px; overflow: hidden; display: block; visibility: hidden; content: ".";
}
.tableau-caption dl::after 
{
	clear: both;
}
.tableau-caption dt 
{
	margin: 0px; width: 20%; clear: both; float: left;
}
.tableau-caption dd 
{
	margin: 0px 0px 0.6em; width: 80%; clear: right; float: right;
}
.tableau-caption .tableau-date 
{
	color: rgb(85, 85, 85);
}
.tableau-person 
{
	background: rgba(255, 255, 255, 0.05); margin: 0px 2px 2px 0px; padding: 0px 4px; border-radius: 3px; vertical-align: top; display: inline-block; -ms-zoom: 1; box-shadow: 0px -1px 0px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.tableau-person::before 
{
	width: 12px; height: 12px; display: inline-block; content: ""; background-image: url("images/tableau-person.png"); background-repeat: no-repeat; background-size: 12px 12px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px;
}
.tableau-person::before 
{
	top: 1px; margin-right: 2px; position: relative;
}
.tableau-button-register {
	background: lightgray;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
	padding: 0px 10px; 
	line-height: 38px; 
	font-size: 20px; 
	font-weight: bold; 
	margin-top: 5px;
	margin-bottom: 3px; 
	position: relative; 
	background: #70D754;
	width: 85%;
}
	.tableau-button-register a {
		clear: both;
		text-decoration: none !important; 
	}
		.tableau-button-register a:hover {
			clear: both;
			background-color: transparent !important;
		}
		.tableau-button-register a:after 
		.tableau-button-register a:before {
			content: normal;
		}
		.tableau-button-register a::after {
			content: "";
			position: absolute;
			top: 50%; 
			margin-top: -.96em;   
			border-top: .96em solid transparent;
			border-bottom: .96em solid transparent;
			border-left: 1em solid #70D754;
			right: -1em;
		}
.tableau-button-continue {
	background: lightgray;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
	padding: 0px 10px; 
	line-height: 38px; 
	font-size: 20px; 
	font-weight: bold; 
	margin-top: 5px;
	margin-bottom: 3px; 
	position: relative; 
	background: #70D754;
	width: 85%;
}
	.tableau-button-continue a
	{
		clear: both;
		text-decoration: none !important; 
	}
		.tableau-button-continue a:hover
		{
			clear: both;
			background-color: transparent !important;
		}
		.tableau-button-continue a:after 
		.tableau-button-continue a:before
		{
			content: normal;
		}
		.tableau-button-continue a::after
		{
			content: "";
			position: absolute;
			top: 50%; 
			margin-top: -.96em;   
			border-top: .96em solid transparent;
			border-bottom: .96em solid transparent;
			border-left: 1em solid #70D754;
			right: -1em;
		}
.tableau-button-ineligible
{
	background: lightgray;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
	padding: 0px 10px; 
	line-height: 38px; 
	font-size: 20px; 
	font-weight: bold; 
	margin-top: 5px;
	margin-bottom: 3px; 
	position: relative; 
	background: red;
	width: 85%;
}
	.tableau-button-ineligible a
	{
		clear: both;
	}
		.tableau-button-ineligible a:hover
		{
			clear: both;
		}
		.tableau-button-ineligible a:after 
		.tableau-button-ineligible a:before
		{
			content: normal;
		}
