@import "/lib/design/libStyle.css";

/* ************************** My defaults ************************** */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7f7f7f;
	font-weight: normal;
}
td{
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0b70b7;
}
input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #2a80bd;
	color: #0b70b7;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #B5B5B5;
	color: Black;
}
li{
	list-style-position : outside;
	list-style: square;
	margin-top: 3px;
}
hr{
	color: #B5B5B5;
	height: 1px;
}
/*
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #326E94;
	font-weight: normal;
	margin-bottom: 0px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: Black;
	font-weight: normal;
	margin-bottom: 0px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: Black;
	font-weight: normal;
	margin-bottom: 0px;
}
*/
/* *********** link *********** */

a:visited, a:link, a:active {
	color: #0b70b7;
	text-decoration: underline;
	font-weight : normal;
}
a:hover {
	color: #07446f;
	text-decoration: none;
	font-weight : normal;
}

/*
.white{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	font-weight : bold;
}

/* *********** black top menu link *********** */
/*
a.a12pxBlack:visited, a.a12pxBlack:link, a.a12pxBlack:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-decoration: none;
	font-weight: normal;
}
a.a12pxBlack:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-decoration: underline;
	font-weight : normal;
}
/* *********** black left menu link *********** */
/*
a.a13pxBlackBold:visited, a.a13pxBlackBold:link, a.a13pxBlackBold:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}
a.a13pxBlackBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	text-decoration: none;
	font-weight : bold;
}
/* *********** black 11 px link *********** */
/*
a.a11pxBlack:visited, a.a11pxBlack:link, a.a11pxBlack:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: underline;
	font-weight: normal;
}
a.a11pxBlack:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	font-weight : normal;
}
/* *********** blue link *********** */
/*
a.a13pxBlue:visited, a.a13pxBlue:link, a.a13pxBlue:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346EB9;
	text-decoration: underline;
	font-weight: normal;
}
a.a13pxBlue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346EB9;
	text-decoration: none;
	font-weight : normal;
}
/* *********** blue link *********** */
/*
a.a14pxBlue:visited, a.a14pxBlue:link, a.a14pxBlue:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #346EB9;
	text-decoration: underline;
	font-weight: normal;
}
a.a14pxBlue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #346EB9;
	text-decoration: none;
	font-weight : normal;
}
/* *********** white link *********** */

a.aWhite:visited, a.aWhite:link, a.aWhite:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: White;
	text-decoration: none;
	font-weight: normal;
}
a.aWhite:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: White;
	text-decoration: underline;
	font-weight : normal;
}

.button{
	background-color: #e67817;
	height: 23px;
	border: 0px;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	cursor: pointer;
}

/* *********** red news link *********** */
/*
a.news:visited, a.news:link, a.news:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
	text-decoration: underline;
	font-weight: normal;
}
a.news:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
	text-decoration: none;
	font-weight: normal;
}
.news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
	font-weight: normal;
}

/* *********** fonts *********** */
/*
.txt12pxBld{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}
.txt11pxBld{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-weight: bold;
}
#tblBorder td{
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
.awTblBorder td{
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
#tblNoBorder td{
	text-align: left;
	border-top: 0px none;
	border-right: 0px none;
}
#boldTd td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}
.fieldhint{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Black;
	font-weight: normal;
}
.button26{
	background-image: url(/images/buttonBg1.jpg);
	height: 26px;
	border: 0px;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
}
.noBorder{
	border: none 0px;
}
.formerror{
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.small
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: Black;
        text-decoration: none;
}
.small td
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: Black;
        text-decoration: none;
}
.matches
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: Black;
        font-weight: bold;
        text-decoration: none;
}
.txt14pxBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #346EB9;
	font-weight: bold;
}

.disabledinput
{
 color: #444444;
 background-color: #eeeeee;
 border: 0;
}
.bBorderC9{
	border-bottom: 1px solid #C9C9C9;
}
.bBorderFF{
	border-bottom: 1px dotted #ffffff;
}
.bBorder5A{
	border-bottom: 1px solid #5AA9D2;
}
#programsTable td{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  font-size: 12px;
  border: 0px solid Black;
}

.programsTable td{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  font-size: 12px;
  border: 0px solid Black;
}
td.noBordersInside table tr td{
	border: none;
}
table#noBorderTable{
	border: none;
}
table#noBorderTable td{
	border: none;
}
*/

/* *********** top menu link on the first page *********** */
a.topLink:visited, a.topLink:link, a.topLink:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0b70b7;
	text-decoration: none;
}
a.topLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0b70b7;
	text-decoration: underline;
}
.topLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0b70b7;
}
.lbw{
	border-left: 3px solid white;
}
#tblAccounts{
}
#tblAccounts td{
	color: #010000;
	font-size: 10pt;
	padding: 5px 10px;
}
#tblAccounts td.saRowSpan{
	vertical-align: top;
}
div.rowPopup{
	position: absolute;
	z-index: 50;
	background-color: white;
	height: 1px;
	overflow-y: hidden;
}
#tblAccounts table td{
	padding: 0 0;
	border-bottom: none;
}
#tblAccounts td table.manageLinks td{
	text-align: center;
	vertical-align: bottom;
	color: #0b70b8;
	font-size: 8pt;
}
#tblAccounts td.userName{
	color: #e57416;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
/*	padding-top: 15pt;
	padding-bottom: 15pt;
*/
	border-bottom: none;
}
#tblAccounts tr.noBotBorder td{
	border-bottom: none;
}
#tblAccounts td.c1, #tblAccounts td.c2{
	padding-left: 0px;
	padding-right: 0px;
	width: 20px;
	background-color: white;
}
#tblAccounts td.c2 img{
	width: 20px;
	border: none;
}
div.blueHeader{
	color: rgb(11, 112, 183);
	font-size: 20px;
	margin-bottom: 40px;
}

div.blueHeader .small{
	color: #e67512;
	font-size: 15px;
}
/* ----------------------- forms, moved to lib --------------- */
* input.inputTxt{
	height: auto;
}
/* ------------------- trip plans --------------------- */
#travelPlans{
	position: relative;
	width: 100%;
}

#travelPlans a:hover div.head{
	text-decoration: underline;
}

#travelPlans div.head{
	font-size: 22px;
	color: white;
	padding: 10px 10px;
	background-color: #0b70b8;
	position: relative;
}

#travelPlans div.subHead{
	color: white;
	padding: 5px 10px;
	background-color: #71acd4;
	position: relative;
	top: 0px;
	left: 0px;
	position: relative;
}

#travelPlans div.subHead div.dates{
	position: relative;
	background-color: #71acd4;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 60%;
}

#travelPlans div.subHead div.links{
	position: relative;
	float: right;
	width: 40%;
	text-align: right;
	background-color: #71acd4;
}

#travelPlans div.subHead div.links a{
	color: white;
}

#travelPlans div.resHead{
	padding: 5px 10px;
	background-color: #cccccc;
	color: black;
}

#travelPlans div.resBody{
	padding: 10px 10px;
	background-color: #f3f3f3;
	color: black;
	margin-bottom: 10px;
}

#travelPlans div.resName{
	padding: 5px 0px;
	font-size: 18px;
}
#travelPlans table.tripDetail td{
	font-size: 12px;
	color: black;
	vertical-align: top;
}
table.editLinks td{
	font-size: 10px;
	text-align: center;
	color: #0970b3;
	vertical-align: bottom;
}
table.editLinks td img{
	border: none;
	width: 13px;
	height: 17px;
}
.popupWindow{
	width: 465px;
	height: 255px;
	background-color: white;
	position: absolute;
	visibility: hidden;
	border: 1px solid #0c73b8;
	z-index: 100;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
.popupWindow .popupHeader{
	font-size: 16px;
	color: white;
	padding: 10px 10px;
	background-color: #0b70b8;
}
.popupWindow .question{
	padding: 10px 0px;
	border-bottom: 1px solid #0b70b8;
}
.popupWindow table.formRows{
	padding: 10px 0px;
	margin: 10px 0px;
	height: 80px;
	width: 100%;
}
.popupWindow table.formRows td.caption{
	padding-right: 20px;
	width: 10px;
}
.popupWindow .buttons{
	padding-top: 10px;
	border-top: 1px solid #0b70b8;
}

div#fader{
	z-index: 10;
	background-color: white;
	opacity: 0.75 !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
}
/* ------------------ travel plan details ------------------------- */
#travelPlan{
	color: #545454;
	font-size: 12px;
}
#travelPlan .cellCaption{
	padding-right: 10px;
	font-weight: bold;
	color: #0b70b7;
}
#travelPlan div.head img.logo{
	border: none;
	width: 54px;
	height: 50px;
}
#travelPlan a{
	outline: none;
}
#travelPlan div.head span.title{
	font-size: 18px;
	font-weight: bold;
}
#travelPlan div.head span.info{
	font-size: 14px;
	padding-left: 40px;
}
#travelPlan div.details{
	padding: 10px 20px 10px 20px;
}
#travelPlan div.secHead{
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
}
#travelPlan table.detail td.caption{
	padding-right: 10px;
	width: 10px;
	vertical-align: top;
}
#travelPlan table.detail td{
	padding-bottom: 5px;
	vertical-align: top;
}
.tableLinkedFields td{
	padding-top: 3px;
	padding-bottom: 3px;
}
a.orange{
	color: #e67817;
}
#tabsAddCell a{
	text-decoration: none;
	padding-left: 20px;
	background-image: url(/images/plus.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #7F7F7F;
}
#tabsAddCell a:hover{
	text-decoration: underline;
	color: #0B70B7;
}
#tblAccounts td#recentlyCell td{
	color: #7F7F7F;
}
#checkHistoryText div{
	height: 16px;
	padding: 2px 0px;
	overflow: hidden;
}
#checkHistoryText div img{
	max-height: 16px;
}
#checkHistoryText{
}
td.goal{
	background-position: -1000px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/blueBar.gif);
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

div#itTitle{
	margin-bottom: 30px;
}

div.tripDetailsHeader{
	margin-bottom: 10px;
	background-color: #71acd5;
	color: white;
	font-size: 24px;
	padding: 10px;
}
div.switchBlock{
	margin-top: 8px;
}
table.segInfo td.padLeft{
	padding-left: 20px;
}
table.segInfo td.padRight{
	padding-right: 20px;
}
table.switchTable{
	height: 50px;
}

col.manageCol{
	width: 120px;
}
col.plusCol{
	width: 20px;
}
div.left40{
	position: relative;
	left: -40px;
}
#dividerCol{
	max-width: 1px;
	width: 1px;
	overflow: hidden;
	background-color: #b0b0b0;
	background-image: url(/images/deviderBottom.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	vertical-align: top;
}
#logoTable{
	height: 51px;
}
#logoTable td.menuCell{
	padding: 7px;
}
td#tabsAddCell{
	height: 37px;
}
#tabsTable .notSelected{
	font-weight: bold; font-size: 12px;
}
#tabsTable .selected{
	color: White; font-weight: bold; text-decoration: none;
}
#tblAccounts td.c1head{
	width: 20px;
	padding: 0px;
}
#tblAccounts td.tabHeader{
	border-bottom: none;
	background-color: #0b70b7;
	color: #86b8db;
	font-size: 24px;
	padding-left: 10px;
	font-weight: bold;
}
#tblAccounts .blueBg{
	background-color: #71acd6;
}
#tblAccounts .white{
	color: white;
	font-size: 13px;
}
#logoTable td.bg{
	background-color: #dbeaf4;
}
#logoTable td.active{
	background-color: #f1f7fb;
}
#tblAccounts .whiteBg{
	background-color: white;
}
#tblAccounts .grayBg{
	background-color: #F3F3F3;
}
#tblAccounts .errorBg{
	background-color: #FAEADA;
}
#tblAccounts td.localPass{
	background-image: url(/images/localPassword.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

@media print{
	#logoTable td.bg, #logoTable td.active, #tblAccounts .whiteBg, #tblAccounts .grayBg, #tblAccounts .errorBg{
		background: none;
	}
	td#tabsAddCell{
		height: auto;
		display: none;
	}
	#tblAccounts .blueBg{
		background: none;
	}
	#tblAccounts .white{
		color: black;
	}
	#tblAccounts td.tabHeader{
		color: black;
		background: none;
	}
	#logoTable{
		height: auto;
	}
	#logoTable td.menuCell{
		padding: 0px;
		display: none;
	}
	col.manageCol{
		display: none;
		width: 1px;
		overflow: hidden;
	}
	col.plusCol{
		width: 0px;
		overflow: hidden;
	}
	col.expireCol{
		width: auto;
	}
	.colProgram{
		width: 50%;
	}
	#tblAccounts td{
		padding: 1px 2px;
	}
	#tblAccounts td a{
		text-decoration: none;
		color: black;
	}
	div.left40{
		position: relative;
		left: -20px;
	}
	#topTabs{
		display: none;
	}
	#tabsTable td{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#tabsTable .notSelected{
		font-weight: normal; font-size: 12px; color: Gray; text-decoration: none;
	}
	#tabsTable .selected{
		color: Black; font-weight: bold; text-decoration: none;
	}
	#dividerCol{
		display: none;
	}
	.notPrintable{
		display: none;
	}
	.printW0{
		width: 1px;
		overflow: hidden;
	}
	div#itTitle{
		margin-bottom: 0px;
	}
	div.tripDetailsHeader{
		display: none;
	}
	div.switchBlock{
		margin-top: 0px;
	}
	#travelPlan table.detail td{
		padding-bottom: 1px;
		padding-left: 0px;
		padding-right: 0px;
	}
	table.segInfo td.padLeft{
		padding-left: 5px;
	}
	table.segInfo td.padRight{
		padding-right: 5px;
	}
	#travelPlan div.details{
		padding: 0px 0px;
	}
	#travelPlan div.secHead{
		padding-bottom: 3px;
	}
	table.switchTable{
	}
}
div.comment{
	color: #515151;
	font-size: 16px;
}
div.commentSep{
	margin-top: 10px;
	border-bottom: 1px dashed gray;
	margin-bottom: 10px;
	height: 1px;
}
div.comment img.trash{
	float: right;
	border: none;
	width: 11px;
	height: 12px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#reviewPopupText{
	padding: 10px;
	font-size: 10pt;
}
#reviewPopup{
	border: 1px solid rgb(11, 112, 184);
}
div.incBalance, div.decBalance{
	font-size: 8pt;
	padding-top: 2px;
}
div.incBalance{
	color: #00a424;
}
div.decBalance{
	color: #d67577;
}
div.decArrow, div.incArrow{
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
div.decArrow{
	background-image: url(/lib/images/arrowDown3.gif);
}
div.incArrow{
	background-image: url(/lib/images/arrowUp3.gif);
}
body #checkPopup{
	z-index: 50;
	width: 565px;
}
.tripLeftCol{
	width: 30%;
}
.tripMidCol{
	width: 40%;
}
.tripRightCol{
	width: 30%;
}
.orangeBold{
	color: #e67612;
	font-size: 110%;
}