/* default layout for Benefit System 2 */
/* Author: John Dickinson */

html {
	max-width: 1200px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	letter-spacing: .1em;
}

body {
	margin: 0;
}

#container {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: dotted;
}

a:hover {
	border-style: solid;
}

a.emphasis {
	font-weight: bold;
}

input:focus {
	border-style: solid;
}

ul  { margin: 0; padding: 0 }

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

ul.replace {
        margin: 0 2em;
        padding: 1em;
}

ul.replace li  { list-style-type: disc }
.navigation {
	clear: both;
	padding-bottom: 2px; /* because IE is stupid */
}

p.navigation a {
	margin-right: 1em;
	padding-bottom: 1px;
}

h2, h3, h4 {
	clear: both;
	padding-left: 5px;
	margin: 0;
	text-transform: capitalize;
}
h3 {
	margin-bottom: 1em;
	font-size: 115%;
	border-width: 0 0 1px 0;
	border-style: solid;
}
h4 {
	margin-bottom: .75em;
	font-size: 103%;
}
h2 {
	margin-bottom: 1em;
	font-size: 135%;
	border-width: 0 0 0px 0;
	border-style: solid;
}


/***************/
/* branding    */
/***************/
#branding {
	height: 108px;
}

#page_title  { background-image: url("../images/TLI-brand-logo-white.gif"); display: none }

#branding #employee_name {
	clear: both;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 160%;
}

#branding #employee_name h2 {
	margin: 0;
	padding: 1em;
	font-size: 150%;
}

/***************/
/* menu        */
/***************/
#menu {
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-width: 3px 0 3px 0;
	border-style: solid;
}

#menu h3 {
	display: none;
}

#menu li {
	float: left;
}

#menu li a {
	padding: 0 1em;
	margin: 0;
	border-width: 0 1px 0 0;
	border-style: dashed;
	text-transform: capitalize;
}

/***************/
/* sub_menu    */
/***************/
#sub_menu {
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-width: 0px 0 3px 0;
	border-style: solid;
}

#sub_menu h3 {
	display: none;
}

#sub_menu li {
	float: left;
}

#sub_menu li a {
	padding: 0 1em;
	margin: 0;
	border-width: 0 1px 0 0;
	border-style: dashed;
	text-transform: capitalize;
}


/***************/
/* minor data  */
/***************/
#minor_data {
	width: 19%;
}

/***************/
/* help menu   */
/***************/
#help_menu {
	margin-bottom: 1em;
	clear: left;
	padding-bottom: 1em;
}

#help_menu h3 {
	margin-bottom: .3em;
	clear: none;
}

#help_menu ul li {
	padding: 0.1em 0; /* a .1 here because IE 6 is stupid */
}

#help_menu ul li a {
	padding: .25em 1.5em;
	display: block;
	border: none;
}

#help_menu ul li a:hover {
	padding-right: 1.25em;
	border-width: 0 .25em 0 0;
	border-style: solid;
}

/******************/
/* company info   */
/******************/
#company_info {
	margin-bottom: .5em;
	clear: none;
	padding-bottom: 1em;
	font-weight: bold;
}

#company_info h3 {
	margin-bottom: .3em;
	clear: none;
}

#company_info ul li {
	padding: .25em 1.5em;
	display: block;
}

#company_info ul li a:hover {
	border: none;
}

/***************/
/* major data  */
/***************/
#major_data {
	width: 80%;
	float: right;
}

/***************/
/* benefits    */
/***************/
#benefit_list {
	clear: both;
}

table {
	margin: 0 0em 1em;
	width: 99%;
	padding-bottom: 1em;
}

table caption { /* looks like h4s */
	margin-bottom: .3em;
	font-size: 103%;
	text-align: left;
	padding-left: 2em;
	font-weight: bolder;
	font-variant: small-caps;
}

table th {
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 5px 0 0 0;
}

table tbody th { /* login page benefit type headings */
	padding-top: 1em;
	text-align: left;
	font-size: 103%;
	border-width: 0 0 1px 0;
	border-style: solid;
}

table td {
	padding: .5em 0 .5em 5px;
}

/***************/
/* footer      */
/***************/

#footer  { 
	color: 999999; 
	font-size: 75%; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	float: left; 
	clear: both 
}
#footer ul {
	display: table;
	margin: 0 auto;
}

#footer li { 
	text-align: center;
	float: left;
}
#footer li a { 
	color: 999999;
	padding: 0 1em;
	margin: 0;
	border-width: 0 1px 0 0;
	border-style: dashed;
}
#Cho_Yin  { margin-right: 1em; margin-bottom: 2em; margin-left: 1em; float: left }
dt { font-weight: bold }