body {
	font-family: Verdana;
	/*background-color:#000000;*/
	text-align: center;
	/* background-image:url(back.jpg); */
	/*YT's TI Web Style*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	/* background-color: #c9c9c9; */
	background-position: top;
	background-repeat: repeat-y;
	background-position: center;	
}
body.siteDown {
	background-image: url(site_down_back.jpg);
	background-repeat: repeat;
}
#outerWrapper {
	background-color: #fff;
	color: #fff;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
/*	min-width:1024px;*/
/*	width:1024px;*/
	height:100%;
}
#headerbar {
	width:100%;
	background-color: #EF4023;
	top:70px; 
	height:30px;
	z-index: 0;
}
#headerbarleft {
	width:15px;
	height:30px;
	background-image:URL(corners.png);
	float:left;
}
#headerbarcenter {
	width:500px;
	height:30px;
}
#headerbarright {
	width:15px;
	height:30px;
	background-image:URL(corners.png);
	background-repeat:none;
	background-position: 15px 0px; 
	float:right;
}

div#loginSpacer {
	height:130px;
}
#headerlogos {
height:60px;
	display: grid;
	grid-template-columns: 11fr 1fr;
}
#welcome {
	text-align:right;
	font-size:10pt;
	height:17px;
	margin-right:10px;
	vertical-align:bottom;
}
#welcomespacer {height:8px;font-size:1pt;}
#welcome a{
	color:#fff;
}
/*#outerWrapper #header a {
	color:#fff;
	font-size:small;
}*/
#contentWrapper {
	min-height:566px;
}
#leftColumn1 {
	background-color: #eef6ed;
	border-right: solid 1px #8ab573;  /* Sets the right border properties for an element using shorthand notation */
	float: left;
	/*padding: 10px 10px 10px 10px;  Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 160px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#content {
	/*margin: 0 0 0 220px;  Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 10px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 850px;
	align: center;
}
#appcontent {
	padding: 0px 10px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin: 0 auto;
	align: center;
}
#contentLog {
	/*margin: 0 0 0 220px;  Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 10px 50px 100px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 850px;
	align: center;
	border: 0px solid magenta;
}
#contentSub {
	/*margin: 0 0 0 220px;  Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/*padding: 0px 10px 10px 65px;*/ /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 700px;
	align: center;
}

/* div.OuterBody {
	width: 900px;
	align: center;
	color: #333333;
	font-size: 12px;
} */
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */

.clearFloat {
	clear: both;
	display: block;
}
p {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	border: 0px solid magenta;
}
h4 {
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	font-style:italic;

}
#header {
	font-size: 18px;
	font-weight: bold;
	/*width: 1024px;  */
	height: 100px;
	padding: 10px 10px 0 10px;	
}
#headerlogo {
	background-image:url(is_logo.png);
	background-repeat:no-repeat;
	width:110px;
	height:30px;
	float:right;
}
#headerpl {
	background-image: url(badge.png);
	float:left;
	background-repeat: no-repeat;
	text-indent: 125px;
	background-position: 3px 3px;
	height: 55px;
	width: 310px;
}
#leftColumn {
	float:left;
	width:175px;
	margin: 10px;
}
div.navsection {
	font-size: 12pt;
	line-height: 22px;
	background-color: #DEEEF8;
	margin-bottom:10px;
	padding-bottom: 8px;
}
div.navsectionheader {
	background-color: #C5E1F1; /*#E0EEF7;*/
	padding:4px;
}
div.menupanelbody {
	width:190;
	font-family: Verdana;
	font-size: 12;
	font-weight: bold;
	background-color: #FFEDD5;
	color:#288DC6;
	margin:10 12 0 14;
}
div.specialmenupanelbody {
	margin:4 4 0 8; /* L,T,R,B */
}
div.menupaneltitle {
	font-family: Verdana;
	font-size: 14;
	font-weight: bold;
	background-color: #FFDCB8;
	background-color2: #FFEDD5;
	color: #000000;	
}		
div.menupanelitem {
	font-family: Verdana;
	font-size: 12;
	/*font-weight: bold;*/
	background-color: #CEDDCE;
	background-color2: #FFEDD5;
	color: #0066cc;
	highlight-color:#DF4921;
	height:18;
}
dynamiclabel {
	color: #88826C;
	text-indent:0;
	height:38;
	width:142;
}
speciallabel {
	color: #000000;
	text-indent:0;
	height:18
}
div.fineprint{
	font-size: 10px;
	line-height: 120%;
	color:#999999;
	padding-top: 5px;

}
ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
} 
li {
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
} 

#leftColumn ul li a {
	color:#027AC1;
	text-decoration:none;
}
#footer {
	background-color: white;
	background-image: url(tiw_powered.png);
	background-repeat: no-repeat;
	widtih: 115px;
	height: 29px;
	background-position: 3px 3px;
	min-height:40px;
	text-align:center;
	color:#636363;
	font-size:10px;
	line-height: 140%;
	margin: 10px;
	font-weight: normal;
	/* margin-bottom:10px; */
}
/*
#footer {
	background-color: White;
	background-image: url(tiw_powered.png);
	background-repeat: no-repeat;
	background-position: 3px;
	height:60;
	text-align:center;
	color:#636363;
	font-size:8pt;
	margin-bottom:10px;
}
*/

#appContainer_alt {
	display:none;
}
div.centered {
	text-align: center;
}
.PLPlanlist {
sprites:clistsprites;
}
div#errormsg {
	font-size:14;
	font-weight:bold;
	color:#FF0000;
}
.centered {
	text-align:center;
}
.debug {
	border: 1 solid #f0f;
}

/* following are used for rounding corners */
.round-tl {
  background: url(_round_tl.png) top left no-repeat;
  width:100%;
  height:100%;
}
.round-tr {
  background: url(_round_tr.png) top right no-repeat;
  width:100%;
  height:100%;
}
.round-bl {
  background: url(_round_bl.png) bottom left no-repeat;
  width:100%;
  height:100%;
}
.round-br {
  background: url(_round_br.png) bottom right no-repeat;
  width:100%;
  height:100%;
}
.smround-tl {
  background: url(sm_round_tl.png) top left no-repeat;
  width:100%;
  height:100%;
}
.smround-tr {
  background: url(sm_round_tr.png) top right no-repeat;
  width:100%;
  height:100%;
}
.smround-bl {
  background: url(sm_round_bl.png) bottom left no-repeat;
  width:100%;
  height:100%;
}
.smround-br {
  background: url(sm_round_br.png) bottom right no-repeat;
  width:100%;
  height:100%;
}
.warning_msg{
	background-image:url(warning_msg.png);
	background-repeat:repeat-none;
	line-height:150%;
	font-family: Verdana;
	font-size: 16;
	position:absolute;
	color:#FF0000;
	align: center;
	vertical-align:middle;
	width:380px;
	height:160px;
	display:block;
	left:30%;
	top:30%;
	text-align:center;
	padding: 40px 28px;   
}
.divon{
	display:block
}
.divoff{
	display:none
}
div.submit { padding-right: 63px; float: right}
div.HtmlPanelFrameLeft {
    padding-top: 20px;
    padding-bottom: 100px;
	width:370px;
	height:340px;
	float:left;
	clear: left; 
}
div.HtmlPanelFrameLeftDouble {
	padding: 0px 80px 0px 30px;
	width:280px;
	height:340px;
	float:left;
	clear: left; 
	border: 0px red solid;
}
/*div.HtmlPanelFrameDouble {
	margin-top: -50px;
    padding-top: 0px;
    padding-bottom: 100px;
	width: 690px;
	height: 340px;
    float: right; 
	clear: right; 
	border: 0px red solid;
} */
div.HtmlPanelFrameDouble {
	margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 100px;
	width: 690px;
	height: 340px;
    float: right; 
	clear: right; 
	border: 0px red solid;
} 
div.HtmlPanelFrame {
    padding-top: 20px;
    padding-bottom: 100px;
	width: 300px;
	height: 340px;
    float: right; 
	clear: right; 
}  
div.HtmlPanelFrameCenter {
    padding-top: 20px;
    padding-bottom: 100px;
	width: 400px;
	height: 340px;
    /*float: right; */
	clear: both; 
	align: center;

}
div.HtmlPanelHeader {
	background-color: #EF4023;
	height:53px;
}
div.pc { 
	background-image:url(pc.png);
	position: relative;
	top: 60px;
	left: 50px;
	width: 174px;
	height: 135px	}
p.HtmlPanelTitle {
	color:white;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	height:100%;
	padding-top:15px;
}
p.HtmlPanelTitleDouble {
	color:white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height:100%;
	padding-top:15px;
}
p.Instruction {
	padding-top: 40px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
/*p.HtmlPanelTitle {
	color:white;
	font-size: 150%;
	height:100%;
	padding-top:10px;
}*/
div.HtmlPanelBody {
	background-color: #EFEFEF;
	height:85%;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 160%;	
}
div.HtmlPanelBodyDouble {
	background-color: #fff2bd;
	height:85%;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 160%;	
}
div.body {
    padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 180%;
}
div#content {
	margin: 0 auto 0 auto;
}
.sitedownMsg {
	font-size: 18pt;
	text-align: center;
	color: black;
	margin: 50px ;
	line-height: 140%;
}
div.subscription {
	font-size: 12px;
	line-height: 140%;
}
div#notification {
	font-size:10pt;
	text-indent: 0.5em;
	float:left;
}
div#historyheader {
	font-weight:bold;
}
div#historylist {
	height: 66px;
	overflow: auto;
}