/* CSS Document */ body{ margin:0; padding:0; background:url(../images/tc_site_backing.jpg) top repeat; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; color:#FFFFFF; text-align: center; } #wrapper { position:relative; width:770px; margin:0 auto; text-align: left; } /****************************/ /* HEADER STYLES */ /****************************/ #header { width:100%; background:url(../images/tc_header_backing.jpg) left repeat-x; /*border:#FF0000 1px solid;*/ } #header:after{ content:"."; display:block; visibility:hidden; height:0; clear:both; } /******* LOGO ******/ H1#logo { float:left; margin:0; padding:0; } H1#logo a { display:block; background:url(../images/tc_logo.jpg) no-repeat; width:177px; height:40px; text-indent:-5000px; } /********** MENU ********/ UL#headerNav { float:right; margin:0; padding:0; } UL#headerNav LI { float:left; height:40px; padding:0px 10px 0px 10px; margin:0; border-left:#DDDDDD 1px solid; list-style:none; } UL#headerNav LI A { line-height:40px; color:#999999; text-decoration:none; } UL#headerNav LI A:hover { color:#999999; text-decoration:underline; } UL#headerNav LI#nav-language A { color:#2fa5d6; text-decoration:none; } UL#headerNav LI#nav-language A:hover { color:#2fa5d6; text-decoration:underline; } /************************************/ /* GLOBAL CONTENT STYLES */ /************************************/ #mainContent { position:relative; width:100%; margin-top:5px; } #mainContent H2{ position:absolute; left:200px; top:50px; padding-right:20px; font-size:16px; font-weight:normal; } #mainContent H5{ position:relative; color:#FFFF99; padding:0; margin:0; font-size:12px; font-weight:normal; } #contentText { position:absolute; left:200px; top:150px; width:555px; padding-right:20px; font-size:12px; } #contentText:after { content:"."; display:block; visibility:hidden; clear:both; height:1px; } #contentText a { color:#FFFFFF; text-decoration:underline; } #contentText a:hover { color:#FFFFFF; text-decoration:none; } #contentText P { margin:5px 0px 5px 0px; padding:0; } #contentText UL { margin:10px 0px 10px 30px; padding:0; } #contentText OL { margin:10px 0px 10px 30px; padding:0; } #errorMsg { position:relative; display:block; line-height:22px; color:#CC0000; } /*********** MENU ***********/ #mainNav { position:absolute; top:25px; left:0px; z-index:100; } #mainNav UL { margin:0; padding:0; } LI.mainNavItem { line-height:20px; padding:0; margin-top:2px; list-style:none; } LI.mainNavItem a { display:block; width:110px; padding:1px 0px 1px 10px; color:#444444; font-size:14px; font-weight:bold; background:url(../images/tc_menu_backing.png) left no-repeat; text-decoration:none; } LI.mainNavItem a:hover { display:block; width:110px; padding:1px 0px 1px 10px; color:#444444; font-size:14px; font-weight:bold; background:url(../images/tc_menu_backing_over.jpg) left no-repeat; text-decoration:none; } /****************************/ /* FOOTER STYLES */ /****************************/ #footer { position:relative; width:100%; margin-top:5px; } #footer H3 { font-family:Arial, sans-serif; font-size:12px; color:#666666; padding:0; margin:0; } #footerTop { width:100%; height:7px; /*background:url(../images/tc_footer_backing_top.png) no-repeat;*/ background:url(../images/tc_footer_backing_top.jpg) no-repeat; margin:0; padding:0; overflow:hidden; } #footerContent { width:100%; height:96px; color:#999999; background:url(../images/tc_footer_backing_mid.png) left repeat-x; margin:0; padding:0; } #footerContent:after { content:"."; display:block; visibility:hidden; height:1px; clear:both; } #footerBottom { width:100%; height:7px; /*background:url(../images/tc_footer_backing_bottom.png) no-repeat;*/ background:url(../images/tc_footer_backing_bottom.jpg) no-repeat; margin:0; padding:0; } .footerZone { float:left; width:220px; height:76px; margin:0px 2px 0px 2px; padding:7px 10px 5px 15px; } .footerZone UL { margin:0px 0px 5px 20px; padding:0; list-style:url(../images/tc_list_bullet_footer.jpg) outside; } .footerZone LI { margin:0; padding:0; } .footerZone P { margin:0; padding:0; } #footerPub1, #footerPub2 { border-right:#CCCCCC 1px solid; } #footerForm { padding:5px 5px 0px 15px; } /****************************/ /* FORMS STYLES */ /****************************/ FORM { padding:0; margin:0; } #frmLogin LABEL { display:block; line-height:19px; } INPUT, TEXTAREA { /*display:block;*/ font-family:"Trebuchet MS, Arial, sans-serif"; font-size:12px; border:#999999 1px solid; background-color:#FFFFFF; color:#666666; } #contentText LABEL { font-size:12px; } INPUT.lastField { float:left; } INPUT.inline { display:inline; /*float:left;*/ } .mandatoryField { color:#FF0000; } #formButton { float:right; } /********************************/ /* HOME PAGE SPECIFIC STYLES */ /********************************/ #homepageBackingReplacement { width:769px; height:414px; background:url(../images/tc_backing_homepage.jpg) no-repeat; } /************************************/ /* CONTACT PAGE SPECIFIC STYLES */ /************************************/ .contactPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content2.jpg) no-repeat; } .contactPage #contentText { left:200px; top:110px; } .contactPage #contentText UL { margin:0; padding:0; list-style:none; } .contactPage #contactCol1 { position:relative; float:left; height:270px; width:200px; } #frmContact LABEL { display:block; margin-top:5px; } .contactPage #formButton { float:none; padding-top:7px; margin:0; } /************************************/ /* CARREER PAGE SPECIFIC STYLES */ /************************************/ .carreerPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content2.jpg) no-repeat; } /********************************/ /* DEMO PAGE SPECIFIC STYLES */ /********************************/ .demoPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content.jpg) no-repeat; } .demoPage #contentText { position:absolute; left:170px; top:30px; width:555px; padding-right:20px; font-size:12px; } .demoPage LI#navItemDemonstration a { color:#444444; background:url(../images/tc_menu_backing_over.jpg) left no-repeat; } /********************************/ /* TOOLS PAGE SPECIFIC STYLES */ /********************************/ .toolsPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content2.jpg) no-repeat; } .toolsPage #contentText LI { border-top:#706F79 1px dotted; list-style:url(../images/tc_list_bullet.gif); } .toolsPage LI#navItemTools a { color:#444444; background:url(../images/tc_menu_backing_over.jpg) left no-repeat; } .toolsPage #animations { position:absolute; display:block; top:150px; left:5px; width:180px; height:120px; } /********************************/ /* COSTS PAGE SPECIFIC STYLES */ /********************************/ .costsPage LI#navItemCosts a { color:#444444; background:url(../images/tc_menu_backing_over.jpg) left no-repeat; } .costsPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content2.jpg) no-repeat; } /************************************/ /* SUBSCRIBE PAGE SPECIFIC STYLES */ /************************************/ .subscribePage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content.jpg) no-repeat; } .subscribePage #contentText { position:absolute; left:150px; top:10px; width:555px; padding-right:20px; font-size:12px; } .subscribePage #contentText H2 { position:relative; left:0; padding:0px 0px 5px 0px; margin:0; top:5px; } .subscribePage #contentText UL LI { border-top:#706F79 1px dotted; list-style:url(../images/tc_list_bullet.gif); } .subscribePage LI#navItemSubscribe a { color:#444444; background:url(../images/tc_menu_backing_over.jpg) left no-repeat; } #frmInscription LABEL { display:block; margin-top:5px; } /****************************************/ /* CONFIRMATION PAGE SPECIFIC STYLES */ /****************************************/ .confirmationPage DIV#backingContent { position:relative; width:770px; height:414px; background:url(../images/tc_backing_content2.jpg) no-repeat; }