* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
html body {
  font-size: 75%;
  font-family: Arial, sans-serif !important;
}
html body a,
html body a:link {
  xcolor:  #2089c8;
  text-decoration: none;
}
html body a:hover {
  text-decoration: underline;
}
.zp_nav a {
  text-decoration: none;
}
.zp_nav a:hover {
  text-decoration: underline;
}
p {
  margin-bottom: 1em;
}
button.customButton {
  border: 0;
  background: transparent;
  cursor: pointer;
  color:  #3D82AB;
  text-decoration: underline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/********************/
/* Gray box         */
/********************/
.grayBox { 
}
.grayBox .boxHeader .boxCorner,
.grayBox .boxFooter .boxCorner,
.grayBox .boxHeader,
.grayBox .boxFooter {
 font-size:1px; /* ensure minimum height */
 height:10px;
 xclear: both; /* LLK */
}
.grayBox .boxHeader {
 background:url(/images/layout/graybox/grayBox_tl.gif) no-repeat 0px 0px;
}
.grayBox .boxHeader .boxCorner {
 background: url(/images/layout/graybox/grayBox_tr.gif) no-repeat right 0px; 
}
.grayBox .boxContent {
  background: #eee;
}
.grayBox .boxContent .boxCorner {
 background: #eee url(/images/layout/graybox/grayBox_mr.gif) repeat-y right 0px;
}
.grayBox .boxContent .boxContentInner {
  padding-top: 1px;
}
.grayBox .boxFooter {
 background: url(/images/layout/graybox/grayBox_bl.gif) no-repeat 0px 0px;
}
.grayBox .boxFooter .boxCorner {
 background: url(/images/layout/graybox/grayBox_br.gif) no-repeat right 0px;
}

/********************/
/* White box        */
/********************/
.whiteBox {
  padding: 10px;
}
.whiteBox.results { 
  position: relative;
}
.whiteBox .boxHeader { 
  background: url(/images/layout/whitebox/whiteBox_tl.gif) no-repeat 0px 0px;
  height: 8px;
}
.whiteBox .boxHeader .boxCorner {
  font-size: 1px;
  height: 8px;
  background: url(/images/layout/whitebox/whiteBox_tr.gif) no-repeat right 0px;
}
.whiteBox .boxContent {
  background: white url(/images/layout/whitebox/whiteBox_ml.gif) repeat-y 0px 0px;
  padding-left: 6px;
}
.whiteBox .boxContent .boxContentInner {
  background: transparent url(/images/layout/whitebox/whiteBox_mr.gif) repeat-y right 0px;
  padding: 1px 12px 1px 0;
}
.whiteBox .boxFooter {
  background: url(/images/layout/whitebox/whiteBox_bl.gif) no-repeat left bottom;
  height: 10px;
  clear: both; /* LLK */
}
.whiteBox .boxFooter .boxCorner {
  font-size: 1px;
  height: 10px;
  background: url(/images/layout/whitebox/whiteBox_br.gif) no-repeat right bottom;
}

.onwhite .whiteBox .boxHeader { 
  background: url(/images/layout/gridbox_ow/gridBox_ow_tl.gif) no-repeat 0px 0px;
}
.onwhite .whiteBox .boxHeader .boxCorner {
  background: url(/images/layout/gridbox_ow/gridBox_ow_tr.gif) no-repeat right 0px;
}
.onwhite .whiteBox .boxContent {
  background: white url(/images/layout/gridbox_ow/gridBox_ow_ml.gif) repeat-y 0px 0px;
}
.onwhite .whiteBox .boxContent .boxContentInner {
  background: transparent url(/images/layout/gridbox_ow/gridBox_ow_mr.gif) repeat-y right 0px;
}
.onwhite .whiteBox .boxFooter {
  background: url(/images/layout/gridbox_ow/gridBox_ow_bl.gif) no-repeat left bottom;
}
.onwhite .whiteBox .boxFooter .boxCorner {
  background: url(/images/layout/gridbox_ow/gridBox_ow_br.gif) no-repeat right bottom;
}

/********************/
/* Blue box         */
/********************/
.blueBox {
}
.blueBox .boxHeader .boxCorner,
.blueBox .boxFooter .boxCorner,
.blueBox .boxHeader,
.blueBox .boxFooter {
 font-size:1px; /* ensure minimum height */
 height:10px;
 xclear: both; /* LLK */
}
.blueBox .boxHeader {
 background:url(/images/layout/bluebox/blueBox_tl.gif) no-repeat 0px 0px;
}
.blueBox .boxHeader .boxCorner {
 background: url(/images/layout/bluebox/blueBox_tr.gif) no-repeat right 0px;
}
.blueBox .boxContent {
  background: #eee;
}
.blueBox .boxContent .boxCorner {
 background: #eee url(/images/layout/bluebox/blueBox_mr.gif) repeat-y right 0px;
}
.blueBox .boxContent .boxContentInner {
  padding-top: 1px;
}
.blueBox .boxFooter {
 background: url(/images/layout/bluebox/blueBox_bl.gif) no-repeat 0px 0px;
}
.blueBox .boxFooter .boxCorner {
 background: url(/images/layout/bluebox/blueBox_br.gif) no-repeat right 0px;
}

/********************/
/* Green box         */
/********************/
.greenBox {
}
.greenBox .boxHeader .boxCorner,
.greenBox .boxFooter .boxCorner,
.greenBox .boxHeader,
.greenBox .boxFooter {
 font-size:1px; /* ensure minimum height */
 height:10px;
 xclear: both; /* LLK */
}
.greenBox .boxHeader {
 background:url(/images/layout/greenbox/greenBox_tl.gif) no-repeat 0px 0px;
}
.greenBox .boxHeader .boxCorner {
 background: url(/images/layout/greenbox/greenBox_tr.gif) no-repeat right 0px;
}
.greenBox .boxContent {
  background: #eee;
}
.greenBox .boxContent .boxCorner {
 background: #eee url(/images/layout/greenbox/greenBox_mr.gif) repeat-y right 0px;
}
.greenBox .boxContent .boxContentInner {
  padding-top: 1px;
}
.greenBox .boxFooter {
 background: url(/images/layout/greenbox/greenBox_bl.gif) no-repeat 0px 0px;
}
.greenBox .boxFooter .boxCorner {
 background: url(/images/layout/greenbox/greenBox_br.gif) no-repeat right 0px;
}

#infoBox {
  /* visibility: hidden; */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 20em;
  z-index: 500;
  padding-right: 10px;
  /* opacity: 0.95; */
}
.infoBoxTail {
  visibility: hidden;
  position: absolute;
  z-index: 501;
  top: 0;
  left: 0;
  width: 22px;
  height: 16px;
}
#infoBox #infoBoxGutter {
  position: absolute;
  z-index: 501;
  width: 22px;
  height: 100%;
  left: -22px;
}
#infoBox .hd {
  background: url(/images/layout/infobox/infoBox_tl.png) no-repeat top left;
  height: 13px;
  width: 100%;
}
#infoBox .bd {
  background: white url(/images/layout/infobox/infoBox_ml.png) repeat-y top left;
  height: 100%;
  position: relative;
}
#infoBox .bd .c {
  margin-left: 16px;
  z-index: 10;
  padding: 1px 0;
}
#infoBox .shadowRight {
  width: 20px;
  height: 100%;
  margin-right: -20px;
  position: absolute;
  right: 0;
  background: url(/images/layout/infobox/infoBox_mr.png) repeat-y top right;
}
#infoBox .ft {
  width: 100%;
  height: 20px;
  font-size: 1px;
  left: 0;
  background: url(/images/layout/infobox/infoBox_bl.png) no-repeat bottom left;
}
#infoBox .hd .c {
  font-size: 1px;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0px;
  background: url(/images/layout/infobox/infoBox_tr.png) no-repeat top right;
  margin-right: -10px;
}
#infoBox .shadowCorner {
  font-size: 1px;
  position: absolute;
  width: 20px;
  height: 100%;
  right: -10px;
  bottom: 0;
  background: url(/images/layout/infobox/infoBox_br.png) no-repeat bottom right;
}
#infoBox #infoBoxContent h1 {
  margin: 0;
  font-size: 1em;
}
#infoBox #infoBoxContent h2,
#infoBox #infoBoxContent h3 {
  margin: 0.1em 0;
  font-size: 1em;
  margin-bottom: 1em;
}
#infoBox .infoBoxClose {
  float: right;
  font-weight: bold;
  font-size: .9em;
  clear: both;
  padding-bottom: .5em;
}
#infoBox .infoBoxClose.noFloat {
  float: none;
  text-align: right;
}
#infoBox .infoBoxClose a {
  text-decoration: none;
}
#infoBox .infoBoxClose a img {
  border: 0;
  vertical-align: bottom;
}
/*****************/
/* end popup box */
/*****************/

/* [user registration] */
#tf_header #userInfo #tf_user_links.debug_console {
  margin-top: 65px;
}
#tf_header #userInfo ul#tf_user_links li {
  display: inline;
  padding-right: 1em;
}
#tf_header #userInfo ul#tf_user_links li#tf_debugtoggle {
  display: block;  
}
/* [success] */
#tf_lightbox_content .successMessage {
  text-align: center;
  padding: 6em 0;
}
#tf_lightbox_content .continueText {
}
#tf_lightbox_content h2 {
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: .2em;
}
/* [/success] */
/* [error] */
#tf_lightbox_content #registerBox .validationerror {
  font-weight: bold;
  color: red;
}
#tf_lightbox_content #registerBox #userLoginForm .validationerror,
#tf_lightbox_content #registerBox #userRegisterForm .validationerror {
  padding: 0 1em;
}
/* [/error] */
/* [/user registration] */

#tf_footerMenu {
  font-size: .9em;
}

/* general static page styles */
body #tf_container.tf_static .whiteBox .boxContent .boxContentInner {
  padding: 1em;
  padding-right: 3em;
}
body #tf_container.zp_green {
  background-color: #0D2;
  padding: 0 10%;
}

/* home page - 2 columns */
#homePage {
  margin-bottom: 1em;
  height: 1%;
}
#homePage .boxContent:after {
  content: '.';
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
#homePage .boxContent .twoColsLeft,
#homePage .boxContent .twoColsRight,
#homePage .boxContent .threeColsLeft,
#homePage .boxContent .threeColsMiddle,
#homePage .boxContent .threeColsRight {
  height: 1%;
  float: left;
  padding: 0.5em;
}
#homePage .boxContent .twoColsRight:after,
#homePage .boxContent .threeColsRight:after {
  content: '.';
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
/* home page */

/** lightbox **/
#tf_lightbox_shade {
  display: none;
  background-color: #666;
  opacity: .60;
  top: 0px; 
  left: 0px;
  width: 100%;
  position: absolute;
  height: 200em;
  z-index: 1999;
}
#tf_lightbox_container {
  display: none;
  position: fixed;
  top: 7%;
  left: 0px;
  right: 0;
  z-index: 2000;
  font-size: 1em;
  width: 100%;
}
#tf_lightbox {
  margin: 0 auto;
  position: static;
}
#tf_lightbox #tf_lightbox_closelink {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#tf_lightbox #tf_lightbox_closelink a {
  text-decoration: none;
  font-weight: bold;
}
#tf_lightbox #tf_lightbox_closelink a img {
  border: 0;
  vertical-align: bottom;
}
#tf_lightbox_content {
  position: relative;
}
.fadeBox {
  width:100%;
  margin:0px auto;
  min-width:20em;
}

.fadeBox .boxHeader .boxCorner
.fadeBox .boxFooter .boxCorner {
  font-size:1px; /* ensure minimum height */
  height:13px;
}

.fadeBox .boxFooter .boxCorner {
 height:14px;
}

.fadeBox .boxHeader {
  height: 13px;
  background:url(/images/layout/lightbox/emailBox_tl.gif) no-repeat 0px 0px;
}

.fadeBox .boxHeader .boxCorner {
  background: url(/images/layout/lightbox/emailBox_tr.gif) no-repeat right 0px;
  height: 13px;
  position: relative;
  left:13px;
}

.fadeBox .boxContent {
  background: url(/images/layout/lightbox/emailBox_ml.gif) repeat-y 0px 0px;
}

.fadeBox .boxContent .boxContentInner {
  background: url(/images/layout/lightbox/emailBox_mr.gif) repeat-y right 0px;
  position: relative;
  left:13px;
  padding-right: 1.2em;
  min-height: 10em; /* this used to be 20em, if the lightboxes start breaking apart this is why */
}

.fadeBox .boxContent .boxContentInner .c {
  margin:0px 8px 0px 4px;
  background:#f4f4f4 url(/images/layout/lightbox/fadeBox_ms.gif) repeat-x 0px 0px;
  padding:0px 4px 7px 11px;
}

body>.fadeBox .boxContent .boxContentInner .s {
  overflow: auto;
}

.fadeBox .boxFooter {
  background: url(/images/layout/lightbox/emailBox_bl.gif) no-repeat 0px 0px;
}

.fadeBox .boxFooter .boxCorner {
  background: url(/images/layout/lightbox/emailBox_br.gif) no-repeat right 0px;
  position: relative;
  left:13px;
}

#tf_lightbox_content h1 {
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  text-transform: lowercase;
}
#tf_lightbox_content h1 .headerTextOdd {
  color: #F90;
}
#tf_lightbox_content h1 .headerTextEven {
  color: #C00;
}
#tf_lightbox_content form {
  margin: 0;
  overflow: auto;
}
#tf_lightbox_content dl {
  width: 80%;
  margin: 1em auto;
  font-size: .9em;
}

#tf_lightbox_content h1.colored, h1.colored , h2.colored, h3.colored {
  font-size: 1.5em;
  color: #F90;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#tf_lightbox_content h1.colored strong, h1.colored strong, h2.colored strong, h3.colored strong {
  font-weight: normal;
  color: #c00;
}
#tf_lightbox_content h1.colored .red, h1.colored .red, h2.colored .red, h3.colored .red {
  color: #C00;
}
h2.colored, h3.colored {
  font-size: 1.2em;
}
#tf_lightbox_content h1.colored { 
  width: 100%;
  clear: both;
}
#tf_lightbox_content #userRegistrationForms h2 { 
  font-size: 1.7em;
  font-weight: normal;
}
#tf_lightbox .userRegisterText, #tf_lightbox #registerBox {
  width: 100%;
  font-size: .95em;
}
#userRegisterText {
  margin-top: .3em;
  margin-bottom: 1.5em;
}

#registerBox dt {
  font-size: 1.1em;
}
#registerBox #userRegisterForm, #registerBox #userLoginForm, #loginBox #userRegisterForm, #loginBox #userLoginForm {
  float: left;
  width: 49%;
  position: relative;
  height: 21em;
}

#registerBox #userPasswordForm {
  position: relative;
}

#registerBox .sendPasswordForm h2 {
  margin-top: .5em;
}

#registerBox form {
  display: block;
  padding-left: 1em;
}

#registerBox dl {
  width: 100%;
}

#registerBox dd, #emailBox #registerBox dt {
  margin: 0;
  /* overflow: hidden; */
  vertical-align: middle;
}

#registerBox dt.newsLetter {
  padding-top: .1em;
}

#registerBox dt.newsLetter input {
  margin: 0;
  margin-right: 1px;
}
input#userRegisterEmail, input#userLoginEmail, input#userCurrentPassword, input#userPasswordEmail, input#userEditEmail {
  width: 12em;
}
input#userRegisterPassword, input#userRegisterPassword2, input#userLoginPassword {
  width:9em;
}
#registerBox dt#gender {
  padding: 0 2px;
}

#registerBox .left {
  border-right: 1px solid #ddd;
}

.userFormButton {
  position: absolute;
  bottom: -10px;
  width: 100%;
  text-align: center;
}

.userFormButton button {
  margin: 0 auto;
}

#registerBox dd {
  margin: 0;
  padding-bottom: .5em;
}

#registerBox button {
  margin: 0; padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}
.formInput {
  padding: 2px;
  color: #333;
  border: 1px solid #888;
}  
.formInputError {
  border: 1px solid red;
  background: #fee;
}
.tf_popupText {
  clear: both;
}
.validationError {
  font-weight: bold;
  color: red;
  font-size: 1em;
}

/* [user account page] */
.tf_userPage .whiteBox {
  /* color: #666; */
}
.tf_userPage .whiteBox .indent {
  width: 90%;
  margin: 0 auto;
}
.tf_userPage .whiteBox h2 {
  margin-bottom: 1em;
  font-size: 1.4em;
}
.tf_userPage .whiteBox h2.edit {
  margin-bottom: 0;
}
.tf_userPage .whiteBox h2 .headerLink,  .reLoginForm h2 .headerLink, h1#unsubscribeHeader .headerLink, h1#confirmHeader .headerLink {
  font-size: .7em;
  font-weight: normal;
}
.tf_userPage .whiteBox h1#unsubscribeHeader, .tf_userPage .whiteBox h1#confirmHeader {
  margin: 0; 
  padding: 0;
  font-size: 1.4em;
  text-align: center;
  margin-top: 10em;
  margin-bottom: 10em;
}
.tf_userPage .whiteBox h3 {
  font-size: 1.2em;
}
.tf_userPage .whiteBox h3 .headerLink {
  font-size: .9em;
}
.tf_userPage .whiteBox dl {
  margin-top: 1em;
  margin-left: 5%;
}
.tf_userPage .whiteBox dl, .tf_userPage .whiteBox h3 {
  clear: both;
}
.tf_userPage .whiteBox dd,.tf_userPage .whiteBox dt {
  margin: 0;
  padding: 0;
}
.tf_userPage .whiteBox dl.information dt {
  float: left;
  width: 12em;
}
.tf_userPage .whiteBox dl dt {
  font-weight: bold;
}
.tf_userPage .whiteBox ul {
  list-style: inside;
  margin: 1em .5em;
}
.tf_userPage .whiteBox div.changePassword {
  margin-left: 5%;
  clear: both;
  margin-top: 1em;
}
.tf_userPage .whiteBox h3 {
  background: url(/images/misc/bottomGradientLineLeft.gif) top left no-repeat;
  padding-top: 1em;
}
.tf_userPage .whiteBox h3.edit {
  background: none;
  padding: 0;
}
.tf_userPage .whiteBox .boxContentInner {
  height: 30em;
}
.tf_userPage .whiteBox dl.edit button {
  margin-top: 1em;
}
/* [/user account page] */

#tf_top_container {
  position: relative;
}
#tf_top_container:after {
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  content: '.';
}
iframe body {
  background: 0;
}

/* Footer Menu */
#zp_footerMenu {
  padding: .5em 0;
  position: relative;
  color: green;
}
#zp_footerMenu ul.zp_footer_menu {
  list-style: none;
  text-align: center;
}
#zp_footerMenu ul.zp_footer_menu li {
  display: inline;
  border-left: 1px solid green;
  padding: 0 .3em;
  margin-right: -.2em;
}
#zp_footerMenu ul.zp_footer_menu li a {
  color: green;
  font-weight: bold;
}
#zp_footerMenu ul.zp_footer_menu li img {
  vertical-align: middle;
}
#zp_footerMenu ul.zp_footer_menu li.zp_menu_first {
  border: 0;
}
#zp_footerMenu ul.zp_footer_menu {
  margin: 1.2em 0;
}
#zp_copyright {
  padding-left: 2em;
  border: 0;
  text-align: center;
}
#zp_copyright p {
  padding: 0;
  margin: 0px;
}
/* Footer Menu */

/* Top Navigation */
#topNav {
  border: 1px solid blue;
  position: relative;
}
#topNav:after {
  content: '.';
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

#topNav #topNavLogo {
  float: left;
  display: inline;
  position: relative;
}
#topNav #topNavMenu {
  float: left;
  display: inline;
  position: relative;
  margin: 0 25%;
}
#topNav ul {
  list-style: none;
  text-align: center;
}
#topNav ul li {
  display: inline;
  border-left: 1px solid #3D82AB;
  padding: 0 1em;
}
#topNav ul li:hover {
  background: url(/images/layout/tabs/tab_r.png) no-repeat right 0px;
}
#topNav ul li a:hover {
  color: red;
  font-weight: bold;
}
/* Top Navigation */

/* generic pages */
.generic_page #generic_nav {
  float: left;
  overflow: hidden;
}
.generic_page #generic_nav li {
  padding: .2em 1em;
}
.generic_page #generic_nav li.here a {
  font-weight: bold;
  color: #000;
}
.generic_page #generic_nav li.here a:hover {
  text-decoration: none;
}
.generic_page .whiteBox {
  margin-left: 10em;
  width: auto;
}
.generic_page ul {
  list-style: none;
}
.generic_page ul.dots {
  list-style: outside;
  margin-left: 2em;
  margin-bottom: 1em;
}
.generic_page h1 {
  font-size: 1.2em;
  color: #c00;
  margin: 0;
  border-bottom: 1px solid #c00;
  margin-bottom: 25px;
}
.generic_page p {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 15px;
}
.generic_page p.contact {
  font-weight: bold;
}
.generic_page dt, #static_content dd {
  margin: 0; padding: 0;
}
.generic_page dt {
  font-weight: bold;
  margin-top: 20px;
}
.generic_page dd {
  margin-left: 2em;
  margin-bottom: 1em;
}
.generic_page .Q {
  font-size: 1.2em;
  color: #777;
}
.generic_page p.noindent {
  padding: 0;
}
.generic_page h2 {
  margin: 10px 0;
  padding: 0;
  font-size: 1em;
  color: #000;
}
.generic_page .arrow {
  font-size: 1.2em;
  font-weight: bold;
}
.generic_page h3 {
  font-size: 1em;
}
/* /generic pages */

/* generic tables */
table.stripes {
  empty-cells: show;
  border-spacing: 0;
  border: 1px solid #999;
  background-color: #FFF;
}
.stripes th,
.stripes td {
  padding: 3px 12px 4px 4px;
  border: 1px solid #999; 
}
.stripes th {
  text-align: left;
  background: url(/images/internal/bg-tbl-header-steel.png) repeat-x;
  border-bottom: 1px solid #999;
  cursor: default;
}
.stripes th.sort {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding-right: 24px;
}
.stripes th.up {
  background: url(/images/internal/bg-tbl-header-sort-up.png) no-repeat right top;
}
.stripes th.down {
  background: url(/images/internal/bg-tbl-header-sort-down.png) no-repeat right top;
}
.stripes th.over {
  color: yellow;
}
.stripes td {
  vertical-align: baseline;
}
.stripes tr.odd {
  background-color: #F0F5FA;
}
.stripes td.number {
  text-align: right
}
tr.sum td {
  border-top: 1px solid #666;
  background-color: #F9F9F9;
}
/* /generic tables */

/*****************************/
/***** DEBUGGING SECTION *****/
/*****************************/
#tf_debug #tf_debug_tabs li.tf_debug_tab { 
  display: none;
}
#tf_debug #tf_debug_tabs li.tf_debug_tab.tf_debug_tab_default { 
  display: block;
}
ul#tf_debug_log {
  position:static;
  background: #feeeee;
  list-style: none;
  margin: 0;
	clear:both;
	overflow:hidden;
}
ul#tf_debug_log_jsdebug {
  position:static;
  background: #eeeefe;
	border-top: 1px solid black;
  list-style: none;
  margin: 0;
	overflow:hidden;
	clear:both;
}

ul#tf_debug_log li { 
  height: 1%;
	scroll-x: hidden;
  clear: left;
} 
ul#tf_debug_log_jsdebug li { 
  height: 1%;
	scroll-x: hidden;
  clear: left;
} 
ul#tf_debug_log li:after { 
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
ul#tf_debug_log_jsdebug li:after { 
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
ul#tf_debug_log li address {
  float:left;
  width: 7.5em;
  text-align: right;
  display: block;
  overflow:visible;
  font-size: 8pt;
}
ul#tf_debug_log code {
  display: block; 
  margin-left: 8em;
  padding-left: 1.5em;
  border-left: 1px solid #000;
  font-size: 8pt;
  text-indent: -1.4em;
  background: #fff;
}
ul#tf_debug_log_jsdebug li address {
  float:left;
  width: 7.5em;
  text-align: right;
  display: block;
  overflow:visible;
  font-size: 8pt;
}
ul#tf_debug_log_jsdebug code { 
  display: block; 
  margin-left: 8em;
  padding-left: 1.5em;
  border-left: 1px solid #000;
  font-size: 8pt;
  text-indent: -1.5em;
  background: #fff;
}
ul#tf_debug_log li.logError { 
  color: #900;
  font-weight: bold;
}
ul#tf_debug_log li.logNotice { 
  color: #090;
}
ul#tf_debug_log li.logWarning { 
  color: goldenRod;
  font-weight: bold;
}
ul#tf_debug_log li.logDebug { 
  color: #888;
}
#tf_debug_profiler { 
  margin-bottom: 65px;
}
#tf_debug_profiler .timeTotal { 
  text-align: right;
}
#tf_debug_profiler .timePerExecution { 
  text-align: right;
}
#tf_debug_settings dt { 
  float: left;
  width: 15em;
  clear: left;
  text-align: right;
  padding-right: .5em;
  margin: 0.2em 0;
}
#tf_debug_settings dd { 
  margin: 0.2em 0;
}
#tf_debug_settings dd input { 
  border: 1px solid black;
}
#tf_debug_settings dd input.overridden { 
  background: yellow;
}
table.tf_debug_memcache_servers {
  border: 1px solid black;
  margin: 1em;
}
table.tf_debug_memcache_servers caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
}
table.tf_debug_memcache_servers td {
  border-right: 1px solid black;
  padding: 0 .2em;
  text-align: right;
}
table.tf_debug_memcache_servers th {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 0 .2em;
}

dl.tf_debug_memcache_servers dt {
  font-weight: bold;
}
dl.tf_debug_memcache_servers dd {
  margin-left: 1em;
}
dl.tf_debug_memcache_servers dd dl.tf_debug_memcache_server_stats dt {
  width: 12em;
  background: yellow;
  float: left;
  clear: left;
  border-right: 1px solid right;
}
/** debugging **/

#tf_toolbarContainer_l {
	position:fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	display:none;
}
#tf_toolbarContainer_r {
	position:fixed;
	top: 0px;
	right: 0px;
	z-index: 1000;
	height: 60px;
	display:none;
}
#tf_toolbar {
	float:left;
	z-index: 1000;
	background: #D4D2D3;
	border: 1px outset #f0f0f0;
}
#tf_toolbar_taskbar {
	display:block;
	z-index: 1000;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	background: #a4a2a3;
	height: 1em;
}
.tf_toolbar_taskbar_task {
	float:left;
	font-size: 9px;
	text-align: center;
	font-family: "verdana";
	font-weight: bold;
	width: 50px;
	color: #000;
	background: #D4D2D3;
	cursor: pointer;
}
#tf_toolbar_shadebtn {
	float:left;
	display: block;
	margin: 2px;
	width: 6px;
	height: 56px;
	border: 1px outset #f0f0f0;
	cursor: move;
}
#tf_toolbar_component_container {
	float:left;
	display: block;
	height: 42px;
	margin: 2px;
	overflow: hidden;
	padding-bottom: 4px;
}
#tf_toolbar_component {
	float: left;
	width: 390px;
	height: 100%;
	padding: 2px;
	overflow: hidden;
	background: #fff;
	border: 1px inset #f0f0f0;
}
#tf_toolbar_component_settings {
	float: left;
	padding: 2px;
	border: 1px solid #000;
	height: 100%;
}
#tf_toolbar_component_settings_button1 {
	float: left;
	margin: 2px;
	text-align: center;
	padding: 2px;
	border: 1px outset #f0f0f0;
	cursor: default;
}
#tf_toolbar_component_debug {
	float: left;
	width: 390px;
	height: 100%;
	margin-right: 2px;
	overflow: hidden;
	background: #fff;
	border: 1px inset #f0f0f0;
}
#tf_toolbar_component_debug_controls {
	float: left;
	height: 100%;
	border: 1px inset #f0f0f0;
	background: #fff;
}
.tf_toolbar_component_debug_controls_button1 {
	display: block;
	margin: 1px;
  color: #3285B6;
  font-size: 0.8em;
  font-weight: bold;
  font-family: Arial,sans-serif !important;
	cursor: pointer;
}
#tf_debug_window_container {
	position: fixed;
	top: 50px;
	left: 50px;
	width: 750px;
	z-index: 100;
	border: 3px outset #f0f0f0;
	background: #D4D2D3;
	display: none;
	z-index: 1000;
	overflow: hidden;
}
.debugConsoleButton {
	position:absolute;
	right: 2em;
	top: 2em;
	width: 10em;
	font-size: .9em;
	text-align: right;
	cursor: pointer;
}
#tf_debug_shadebtn {
	position:absolute;
	width: 18px;
	right: 32px;
	color: #000;
	font-size: 8pt;
	cursor: pointer;
}
#tf_debug_resizebtn {
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 18px;
	height: 5px;
	color: #fff;
	background: #c0c0c0;
	border: 1px inset #f0f0f0;
	padding: 0px;
	overflow: hidden;
}
#tf_debug_titlebarlabel {
	float:left;
	height: 100%;
	font-weight: bold;
	font-family: arial;
	font-size: 8pt;
	cursor: default;
}
#tf_debug_titlebar {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 8pt;
	background: #035;
	padding-left: 4px;
	padding-top: 0px;
	cursor: default;
}
#tf_debug { 
  bottom: 0;
  right: 0;
  background: #D4D2D3;
  z-index: 1000;
}

ul#tf_debug_menu { 
  list-style: none;
  color: white;
  height: 100%;
  overflow: hidden;
}
ul#tf_debug_menu li { 
  float: left;
  text-align: center;
  padding: 0 4px 0 4px;
  overflow: hidden;
}
ul#tf_debug_menu li a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding: 0px;
  overflow: hidden;
}
#tf_debug #tf_debug_tabs { 
  overflow: hidden;
	width: 100%;
  background: #fff;
  border: 2px inset #f0f0f0;
  clear: left;
}
#tf_debug_link a { 
}
#tf_debug_link a:hover  { 
  text-decoration: underline;
}
#tf_debug_link a:active  { 
  text-decoration: underline;
}
.tf_debug_link_selected {
  color: white;
  background: #CF000C;
}
.tf_debug_link_unselected {
  color: black;
  background: #FF9A22;
}
.tf_debug_jsdebug_span {
  display: block;
	border-bottom: 1px solid #ccc;
	background: #fefefe;
}
#tf_debug_log_blue {
	background: #0000ee;
}
#debugbackgroundcover {
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #aaa;
  opacity: .2;
  filter: alpha(opacity=20);
  display: block;
}

#tf_top_container {
  position: relative;
}
#tf_top_container:after {
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  content: '.';
}
iframe body {
  background: 0;
}

#tf_window {
  display:none;
  position:fixed;
	overflow: hidden;
  border: 1px solid #3D82AB;
  background-color: white;
}
#tf_window_top {
  width:100%;
  height:5px;
}
#tf_window_mid {
  width:100%;
  height:100px;
}
#tf_window_bot {
  width:100%;
  height:5px;
}
#tf_window_tm {
	margin-left: 5px;
	margin-right: 5px;
  height: 5px;
  background: url(/images/layout/window/tfWindow_tm.png) repeat-x top left;
}
#tf_window_tl {
  float: left;
  width: 5px;
  height: 5px;
  background: url(/images/layout/window/tfWindow_tl.png) no-repeat top left;
}
#tf_window_tr {
  float: right;
  width: 5px;
  height: 5px;
  background: url(/images/layout/window/tfWindow_tr.png) no-repeat top right;
}
#tf_window_mm {
	margin-left: 5px;
	margin-right: 5px;
  height: 100%;
  background: #fff;
}
#tf_window_ml {
  float: left;
  width: 5px;
  height: 100%;
  background: url(/images/layout/window/tfWindow_ml.png) repeat-y top left;
}
#tf_window_mr {
  float: right;
  width: 5px;
  height: 100%;
  background: url(/images/layout/window/tfWindow_mr.png) repeat-y top right;
}
#tf_window_bm {
	margin-left: 5px;
	margin-right: 5px;
	height: 100%;
  background: url(/images/layout/window/tfWindow_bm.png) repeat-x bottom left;
}
#tf_window_bl {
  float: left;
  width: 5px;
  height: 100%;
  background: url(/images/layout/window/tfWindow_bl.png) no-repeat bottom left;
}
#tf_window_br {
  float: right;
  width: 5px;
  height: 100%;
  background: url(/images/layout/window/tfWindow_br.png) no-repeat bottom right;
}
#tf_window_title {
  height: 1.3em;
  background: #eee;
	overflow:hidden;
	cursor: move;
}
#tf_window_titlelabel {
	float:left;
  color: #3285B6;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Arial,sans-serif !important;
  padding-left: 3px;
}
#tf_window_close {
  float: right;
  height: 100%;
  color: #3285B6;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Arial,sans-serif !important;
  padding-right: 18px;
  background: url(/images/icons/iconClose.gif) top right no-repeat;
  cursor: pointer;
}
#tf_window_close:after {
  content: "Close";
}
#tf_window_content {
  height: 100%;
  overflow:hidden;
}
/*****************************/
/***** DEBUGGING SECTION *****/
/*****************************/