.updateContactDetails{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.updateContactDetails table {
	border-collapse: separate;
	min-width: 650px;
}

.updateContactDetails table th {
	padding-bottom: 3px;
}

.ui-menu li.ui-menu-item{
	text-align: left;
}

/* This hides the X on a dialog box popp */
.ui-dialog-titlebar-close {
  visibility: hidden;
}

.flow { overflow: hidden; }

@media print {
    html, body {
        height: 99%;
    }
}

html {
    margin-bottom: 1px;
    min-height: 99.9%;
    height: 100%;
}

body {
    position: relative;
    margin: 0 auto;

}

/* BG Image, full bleed */
.full-background body {
	min-height: 100%;
	height: initial;
	background-image: url('../images/background/mountain_background_1600x900.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #1A124D;
	font-family: "Open Sans", sans-serif;
	font-size: small;
}

.borderBox {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input.textbox {
    border:solid;
    border-color: #999999;
    border-width: 1px;
    color:#000;
    background-color:#fff;
    font-size:100%;
    margin:0 2px 0 2px;
    vertical-align:top;
    text-align: left;
    padding: 0 2px;
}

input.textarea {
    border:solid;
    border-color: #999999;
    border-width: 1px;
    color:#000;
    background-color:#fff;
    font-size:100%;
    margin:0 2px 0 2px;
    vertical-align:top;
    text-align: left;
}

.clip { position: absolute; top: 0; left: 0; }
.tsblogo{ clip:rect(0px 230px 90px 0px); }
.tsblogoWrapper{ position: relative; height: 90px; width: 230px; cursor: pointer; }
.navBlueSliver{ clip:rect(8px 450px 40px 449px); left: -449px; top: -8px; }
.navBlueCorner{ clip:rect(8px 463px 40px 450px); left: -450px; top: -8px; }
.navBlueCornerWrapper{ position: relative; height: 32px; width: 13px; }
.logout{ clip:rect(16px 437px 40px 366px); left: -366px; top: -16px; }
.logoutWrapper{ position: relative; height: 24px; width: 71px; cursor: pointer; }
/*Tables */
.blueTable { width: 700px; }
.blueCorner { clip:rect(11px 449px 40px 437px); top: -11px; left: -437px; }
.blueCornerWrapper { position: relative; height: 29px; width: 12px; }
.blueSliver { clip:rect(11px 449px 40px 437px); top: -11px; left: -437px; }
.blueSliverWrapper { position: relative; height: 29px; width: 12px; }
.tableHeadRow {padding-bottom: 5px; }
.red {cursor: pointer; color: red }
.orange { cursor: pointer; color: #e66a1f; }
.orangeRed { cursosr: pointer; color: #e66a1f; }
.roll { cursor: pointer; background-color: #ffffff; }
.expander { border-top: 2px solid; border-bottom: 2px solid; border-color: #002b59; width: 100% }
.expanderCellPadding { padding: 5px; padding-left: 10px; }
.blueButtonCellPadding {padding-left: 2px; padding-top: 1px; padding-bottom: 10px; }
.dataRow { border-bottom: 1px solid; border-color: #e9e9e9; background-color: #ffffff }
.arrowDown{ clip:rect(0px 406px 10px 399px); left: -399px; top: 0px; }
.arrowDownWrapper { position: relative; height: 10px; width: 7px; cursor: pointer; }
.arrowRight{ clip:rect(7px 392px 14px 382px); left: -382px; top: -7px; }
.arrowRightWrapper { position: relative; height: 7px; width: 10px; cursor: pointer; padding-right: 5px; }
.whitelink {color: #ffffff; text-decoration: none;}
.whitelink:hover {color: #ffffff; text-decoration: underline;}

/* NEW STUFF */


/* be EXTREMELY wary of the !important attribute. If unsure, do NOT use it */
.padright, .padRight { padding-right: 30px !important; }
.nopadding, .noPadding { padding: 0 !important; }
.noborder, .noBorder { border: 0 none !important; }

div.floatButton { float: left; margin-right: 20px; }

form { display: inline; }

table.nopadding td, table.noPadding td, table.content tbody tr td table.nopadding td {
    padding: 0;
}


td.info, div.info, span.info {
    font-size: 90%;
    color: #444;
}

div.blueTable {
    width: 700px;
}

div.liteMajorBlueTitle {
    color: #173258;
    font-size: 18px;
    padding-bottom: 17px;
}

div.pageTitle { padding-bottom: 17px; }

table.content {
    width: 100%;
}

    table.content tbody th {
        background-color: #dbdbdb;
        border-bottom: solid 1px #868686;
        border-top: solid 1px #dbdbdb;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 5px;
    }

    table.content tbody td {
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        background-color: #fff;
        padding: 2px 5px 10px 5px;
    }

    table.content {
        border-bottom: 1px solid #dbdbdb;
    }

table.buttonList {
    margin: 10px;
}

    table.buttonList tbody, table.buttonList tbody td {
        border: 0 none;
        padding: 10px 5px;
    }

    table.buttonList tbody td.buttonCell {
        width: 174px;
    }


div.fakeButton {
    background-color: #246;
    color: #fff;
    width: 111px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    cursor: pointer;
}

	div.fakeButton:hover {
	    background-color: #369;
	}

img.informationLink  {
    padding: 2px;
    border: solid 1px #ddf;
    background-color: #eef;
    vertical-align: middle;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    img.informationLink:hover {
        border: solid 1px #aaf;
    }


div.informationPopup {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    padding: 6px;
    position: absolute;
    display: none;
    border: solid 1px #ccf;
    background-color: #eef;
    font-size: 0.9em;
    color: #226;
    width: 250px;
    clear: both;
    _margin-left: -25px;  /* this is to circumvent the padding-left: 25px; that is defined on yui-b parent div on IE6 */
}


tr.expander td, div.expander {
    border-bottom: 2px solid #002B59;
    border-top: 2px solid #002B59;
}

table.inner {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    border: 0 none;
}

    table.inner tbody tr td {
        border: 0 none;
        padding: 5px;
        border-left: 1px solid #dbdbdb;
        border-top: 1px solid #dbdbdb;
        vertical-align: middle;
    }

    table.inner td {
        vertical-align: middle;
    }

    table.inner td input {
        margin-top: 2px;
        margin-bottom: -2px;
    }

    table.inner td input.radio {
        margin: auto;
    }

    table.inner tbody tr td.first, table.inner tbody tr td:first-child {
        border-left: 0 none;
    }

    table.inner tbody tr.first td, table.inner tbody tr:first-child td {
        border-top: 0 none;
    }

    table.inner tbody tr.last td {
        border-bottom: 1px solid #DBDBDB;
    }

table.noborder {

}

    table.noborder tbody tr td, table.inner tbody tr td table.noborder tbody tr td {
        border: 0 none;
    }


table.subnotify {

}

    table.subnotify tbody td {
        padding: 0;
        border: 0 none;
        background-color: transparent;
    }


ul.surveyList {
		padding: 10px 0px;
}

		ul.surveyList li {
				padding: 4px;
		}

		ul.surveyList li input {
				margin-right: 8px;
		}


table.promo {
		width: 928px;
}

		table.promo thead th {
				padding: 0px;
		}

		/* An ugly ugly FF-only hack, but its the best we can do */
		@-moz-document url-prefix() {
		    table.promo thead th div img {
		        margin-left: -1px;
		    }
		}


		table.promo td.text {
			 border-left: 1px solid #aaaaaa;
			 border-bottom: 1px solid #aaaaaa;
			 background-color: #ffffff;
			 padding: 5px 10px;
			 vertical-align: top;
		}

		table.promo td.text p {
				margin-top: 9px;
				margin-bottom: 9px;
		}

		table.promo td.text ul {

		}

		table.promo td.text ul li {
				list-style-type: disc;
				list-style-position: outside;
				margin-left: 20px;
		}

		table.promo td.image {
				border-right: 1px solid #aaaaaa;
				border-left: 1px solid #aaaaaa;
				border-bottom: 1px solid #aaaaaa;
		}

table.pad5 td { padding: 5px; }

table.defPadding tr td { padding: 3px 5px 5px 5px; }

.tableHeader {
	color: #000;
	font-size: 14px;
}

.bigButtonTitle {
    color: #173258;
    font-size: 18px;
}

#payeeFilter{
	background:#FFFFFF url(../images/magnifier.png) no-repeat 3px 3px;
	background-position: right top;
	float:right;
	color:#999999;
	margin-right:15px;
}

/* KEEP THIS AT THE BOTTOM */

@media print {
    table.content, table.content tbody th, table.content tbody td {
        border: 0 none;
    }

    body {
		width: 98%;
	}

	#sidebar {
		display: none;
	}

	#main {
		width: 100%;
		left: 0 !important;
	}
}