/* =layout -----------------------------------------------------*/ * {padding: 0; margin:0;} body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; text-align: center; background-color: #ACA8A1; padding: 0 0 30px 0; } #container {margin: 0 auto; text-align: center; width: 980px; background: #fff;} /* =common -----------------------------------------------------*/ h1, h2, h3, h4, h4, h6 {} h2{font-size: 15px;} h2.heading{margin: 0 0 5px 0; text-shadow: 0px 1px 1px #fff;} h3, div.heading{font-size: 14px;} h3.heading, tr.heading td, div.heading {border-bottom: 1px solid #ccc; margin: 5px 0 5px 0; text-shadow: 0px 1px 1px #fff;} h3.heading a {text-decoration: none; color: #B90000;} div.heading{font-weight:bold;} p, div {font-size: 12px;} p{margin-bottom: 5px;} a, a:link, a:visited {color: #B90000; text-decoration:none;} a.success, a.success:link, a.success:visited {color: #009933;} a:hover, a.success:hover {color: #FF6600; text-decoration:none;} a img, a:link img, a:visited img {color: #EFEFEF; border:none;} ul {font-size: 12px;} ul li {list-style: inside square; padding: 5px 10px; text-align: justify;} /* =match view -----------------------------------------------------*/ #field{width: 561px; height: 801px; background: url(images/field/grid.gif) #ccc; position: relative;} #field div.plr{position: absolute; width: 10px; height: 10px; color: #fff; font-size: 9px; line-height: 10px; text-align: center;} #field div.plr.t1 {color: #000;} #field .a {background: #FF0A0A;} #field .m {background: #003BFF;} #field .d {background: #00C000;} #field .g {background: #F5B200;} #field .s {background: #A5A5A5;} #field .b {background: #fff; color: #fff;} .score{background: #ccc; color: #fff; font-size: 18px; font-weight: bold; text-align: center; display: block; width: 25px; height: 25px; line-height: 25px;} #match-nav{display: none;} #progress { background: #ccc; height: 20px; width: 561px; border-bottom: 1px solid #bbb;} #frame {height: 205px; width: 20px; background: #000; color: #ccc; font-size: 9px; text-align: center;} /* =medium box -----------------------------------------------------*/ div.med{width: 550px; margin: 20px 10px 0 10px; text-align: center; background: #E0E0E0;} div.medc{ margin: 0 auto; background: #E0E0E0; width: 530px; padding: 5px 10px; } div.medc-top{width: 550px; height: 10px; background: url(images/reg-top.gif) top center no-repeat; margin: 0 auto;} div.medc-bottom{width: 550px; height: 10px; background: url(images/reg-bottom.gif) bottom center no-repeat; margin: 0 auto;} /* =head -----------------------------------------------------*/ #head { position: relative; background: url(images/head.jpg) top center no-repeat; height: 100px; width: 940px; margin: 0 auto; } #logo{ position: absolute; top: 12px; left: 15px; text-align: left; width: 100%;} #logo h1{ position: absolute; display:block; color: #eee; font: bold 14px/120% Arial; top: 35px; text-shadow: 0px 1px 1px #444;} #logo h2{ position: absolute; display:block; color: #f4f4f4; font: bold 22px/120% Arial; top: 7px; text-shadow: 0px 1px 1px #333;} #login-container{float: right; position: absolute; top: -500px;} #header{position: relative; width: 940px;} #main-container{background: url(images/main-container.gif) top center repeat-y; text-align: left; } #content-container{float: left; width:590px; padding: 0 5px; background: url(images/content-top.gif) top center no-repeat; margin: 0 0 0 20px; _margin: 0px 0 0 10px; overflow: hidden; } #index #content-container, #tutorial #content-container, #help #content-container, #news #content-container, #news_newsitem #content-container{background: url(images/content-top-plain.gif) top center no-repeat; padding-top: 7px;} #index #content-container h2, #tutorial #content-container h2, #help #content-container h2{border-bottom: 1px solid #ccc;} /*#player-meta {height: 45px; }*/ #player-meta td {font-size: 11px; padding: 0 0 0 2px; } #player-meta tr.player-meta-head {color: #fff; font-weight:bold; height: 20px; line-height: 20px;text-align: center;} #player-meta tr.player-meta-body {color: #222; height: 20px; line-height: 20px;} /* =sidebar -----------------------------------------------------*/ #side-container{float: right; margin: 0 20px 0 0; _margin: 0px 10px 0 0; width: 330px; background: url(images/side-top.gif) top center no-repeat; text-align: center; } #ad-container {margin: 0 auto; width: 275px; padding: 5px; background: #DFE0DD; border: 1px solid #ccc;} #side-content{text-align: left; margin: 5px auto; /*width: 265px;*/ padding: 5px; } #side-content div.info{width: 275px; margin: 0 auto; padding-bottom: 10px;} #side-content div.info .heading {border-bottom: 1px solid #D5F0F0;} #side-content ul{} #side-content li{padding: 0 5px;} div.sidebar{margin: 0 auto 10px auto; width: 265px; padding: 5px 10px; text-align: left; background: #ECECEC; border: 1px solid #D2D4D0;} /* =footer & trackers -----------------------------------------------------*/ #footer { position: relative; text-align: center; background: url(images/footer.gif) #aca8a1 bottom center no-repeat; height: 70px; padding: 0 0 30px 0;} #footer-copy{position: absolute; top: 50px; left: 440px; color: #f4f4f4; font: bold 10px/120% Arial; } #stat-trackers{ margin: 10px 0 0 0; } /* =messages -----------------------------------------------------*/ div.info {background: #EDF9F9; border: 1px solid #A9D8D8; /*00A0A6*/color: #41A0B5; font-size: 12px; padding: 5px;} span.info {color: #41A0B5;} div.success {background: #EDF9ED; border: 1px solid #7DCE7D; /*00A600*/ color: #41A641; font-size: 12px; padding: 5px;} span.success {color: #41A641; } div.error {background: #FBEDED; border: 1px solid #C60000; /*C60000*/ color: #CF0041; font-size: 12px; padding: 5px;} span.error {color: #CF0041; } div.box {background: #DFE0DD; border: 1px solid #ccc; /*00A0A6*/color: #222; font-size: 12px; padding: 5px; margin: 5px 0;} .pm-body{background:#F5F5F5; padding: 5px;} /* =rounded corners -----------------------------------------------------*/ div.info, div.success, div.error, div.box, div.sidebar, #ad-container, textarea, div.tbutton, #fman-promo, div.rc{-moz-border-radius: 4px; -webkit-border-radius: 4px;} /* =news -----------------------------------------------------*/ div.news-body {background:#E3E3E3; padding: 5px; } div.news-sig{ background: #E5E5E5; padding: 2px 5px; margin-top: 10px; font-size: 10px;} #news table{ /*border-collapse:collapse;*/ } #news table td{ padding: 5px;} #news table td.date{ /*border-right: 1px solid #E0E0E0;*/ font-size: 11px;} /* =navigation -----------------------------------------------------*/ #navigation { width: 940px; height: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; background: #fff; text-align: center; position: relative; } #navigation ul.nav, #navigation ul.nav ul {list-style: none; height: 23px; background: url(images/nav-1.gif) top center no-repeat; margin: 0 auto; text-align: left;} #navigation .nav-depth1 {padding-bottom: 15px;} #navigation .nav-depth2 {padding-bottom: 38px;} #navigation .nav-depth3 {padding-bottom: 60px;} /*L1*/ #navigation ul.nav li {float: left; padding: 0 5px 0 5px; height: 23px; display: block; font-size: 11px; font-weight: bold; border-right: 1px solid #137F11; } #navigation ul.nav a {color: #fff; text-decoration: none; } #navigation ul.nav a:hover {color: #ddd; text-decoration: none; } /*L2*/ #navigation ul.nav li ul {position: absolute; left: 0; top: 21px; height: 23px; background: #70BC6F; width: 940px; display: none; } #navigation ul.nav li.active-parent {background: #70BC6F; } #navigation ul.nav li.active-parent a {color: #1E4F06; } #navigation ul.nav li.active-parent a:hover {color: #3D803C; } #navigation ul.nav li.active-parent ul {display: block; background: url(images/nav-2.gif) top left no-repeat; } #navigation ul.nav ul li { font-weight: normal;} /*L3*/ #navigation ul.nav li ul ul { background: #C3E3C3; position: absolute; left: 0; top: 21px; height: 23px; } #navigation ul.nav ul li.active-parent { background: #C3E3C3;} #navigation ul.nav li.active-parent ul ul { display: none; } #navigation ul.nav ul li.active-parent ul { display: block; background: url(images/nav-3.gif) top left no-repeat; } /* =section headings and images -----------------------------------------------------*/ div.section-container{padding: 5px 0;} div.img-container{float: left; width: 160px; height: 100px; border-right: 1px solid #ccc;} div.description-container{float: left; width: 400px; padding: 0 0 0 10px;} div.selection-container{float: left; width: 110px; padding: 0 0 0 10px; font-weight: bold;} div.description-container-small{float: left; width: 280px; padding: 0 0 0 10px;} div.img-container a img, div.img-container a:link img, div.img-container a:visited img {color: #EFEFEF; border:none;} /* =start page promo -------------------------------------------------------*/ #fman-promo{position: relative; background: url(/views/web/images/tut/football-manager.jpg) top right no-repeat; display: block; width: 588px; height: 400px; border: 1px solid #EFEFEF; } #fman-bg {position: absolute; top: 0; left: 0; display:none;} #fman-learn, #fman-play{position: absolute; bottom: 19px; _bottom: 18px;} #fman-learn a:hover {background: url(views/web/images/i/fman-learn.jpg); } #fman-learn{right: 236px; } #fman-play{right: 17px; } /* =tutorial -------------------------------------------------------*/ div.tut-container{position: relative; display: block; width: 588px; height: 400px; font-size: 12px; overflow: hidden; border: 1px solid #ccc;} #tutorial div.box{ height: 12px; position: relative;} a.tcenter{position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -20px;} a.tleft{position: absolute; bottom: 0; left: 7px; } a.tright{position: absolute; bottom: 0; right: 7px; } .custom-tip {color: #000; width: 130px; z-index: 13000;} .tt-title { text-align: left;font-weight: bold; font-size: 11px; margin: 0; color: #eee; padding: 2px 8px; background: #137F11; border: 3px solid #137F11; border-bottom: none; } .tt-text { text-align: left; font-size: 11px; padding: 4px 8px; background: #DFE0DD; width: 150px; border: 3px solid #137F11; border-top: none;} div.tt div.tip{ text-align: left; width: 140px; background: #137F11; font-size: 12px; padding: 2px;} div.tt div.tip div.tip-title{ color: #fff; font-weight:bold; padding: 0 3px; } div.tt div.tip div.tip-text{ background: #DFE0DD; padding: 3px; font-size: 11px; line-height: 130%; } #manager-awards{position: absolute; top: 25px; left: 256px;} #manager-trade{position: absolute; top: 66px; left: 76px;} #manager-team{position: absolute; top: 70px; right: 67px;} #manager-sponsors{position: absolute; bottom: 59px; _bottom: 56px; left: 63px;} #manager-search{position: absolute; bottom: 55px; _bottom: 52px; right: 56px;} #trainer-spy{position: absolute; top: 69px; left: 94px;} #trainer-train{position: absolute; bottom: 121px; _bottom: 118px; right: 85px;} #trainer-team{position: absolute; top: 75px; right: 95px;} #trainer-tactics{position: absolute; bottom: 129px; _bottom: 126px; left: 87px;} #misc-friends{position: absolute; top: 59px; left: 79px;} #misc-com{position: absolute; bottom: 81px; top: 239px; left: 356px;} #misc-stadium{position: absolute; top: 64px; left: 344px;} #misc-help{position: absolute; top: 227px; left: 100px;} /* =stadium -----------------------------------------------------*/ #stadium-meta{} #stadium-image{float: left; width: 290px;} #stadium-description{float: left;} /* =sponsors -----------------------------------------------------*/ #manager_sponsors div.points-container{/*margin-left: 10px;*/} #manager_sponsors div.img-container{margin-right: 10px;} /* =player-check -----------------------------------------------------*/ #player-check{} #player-check-img{float: left; width: 290px;} #player-check-info{float: left; width: 300px;} /* =groupchat -----------------------------------------------------*/ div.message{width: 580px; padding: 2px 5px; overflow: hidden;} #chat-form table{width: 100%;} #chat-form textarea{width: 98%;} /* =trainer -----------------------------------------------------*/ div.tbutton{width: 140px; height: 137px; background: #DFE0DD; border: 1px solid #ccc; text-align: center; float: left; margin: 5px 5px 5px 0; overflow:hidden; } div.tbutton p{font-size: 11px; line-height: 100%; margin: 7px 0 0 0; } /* =help -----------------------------------------------------*/ #help ul {font-size: 11px;} #help ul li {list-style: none outside; padding: 0px 0 0 5px; text-align: left; } #help p.nav{margin: 2px 0;} /* =chat -----------------------------------------------------*/ #chat-container{height: 500px; width: 585px; overflow: auto; /*border-top: 1px solid #ccc; border-bottom: 1px solid #D9D9D9;*/ } #chat-container div.chat-message{/*width: 565px;*/ padding: 2px 5px; margin-right: 5px; overflow: hidden;} #chat-form{text-align: left; margin-top: 5px;} #chat-form textarea{width: 581px; margin-bottom: 2px;} #chat-form input{width: 587px;} /* =players -----------------------------------------------------*/ #squad-details {width: 580px; } #squad-details td {font-size: 12px;} #squad-details td.status {width: auto;} div.player-status-v, div.player-status-s, div.player-status-o {position: relative; height: 16px; line-height: 16px; text-align: center; font-size: 10px; width: 42px; /*border: 1px solid #555;*/ margin: auto;} div.player-status-v, div.player-status-s {position:absolute; top: 0; left: 0;} div.player-status-s { background: url(images/trainer/overlay-motiv.png) top left no-repeat;} div.player-status-v.s1{background: #17A315;}/*ready*/ div.player-status-v.s2{background: #F8D500;}/*injured*/ div.player-status-v.s3{background: #D70000;}/*disqualified*/ div.player-name{width: 200px; /*background:#ccc;*/ overflow: hidden;} /*span.player-pos,*/ div.player-pos-o, div.player-pos-v, div.player-pos-s {position: relative; height: 20px; line-height: 20px; width: 20px; font-weight:bold; text-align: center; text-transform: uppercase; } div.player-pos-v, div.player-pos-s {position: absolute; top: 0; left: 0;} div.player-pos-s {background: url(images/trainer/overlay-pos.png) top left no-repeat;} span.player-pos-v.a, div.player-pos-v.a, div.player-poss.a{background: #FF0A0A; color: #fff;} span.player-pos-v.m, div.player-pos-v.m, div.player-poss.m{background: #003BFF; color: #fff;} span.player-pos-v.d, div.player-pos-v.d, div.player-poss.d{background: #00C000; color: #fff;} span.player-pos-v.g, div.player-pos-v.g, div.player-poss.g{background: #F5B200; color: #fff;} span.player-pos-v.s, div.player-pos-v.s{background: #A5A5A5; color: #fff;} div.player-poss{border: 1px solid #fff; height: 5px; width: 5px; float: left;} div.player-health-o, div.player-health-v, div.player-health-s {width: 112px; /*border: 1px solid #333;*/ height: 16px; line-height: 16px; font-size: 10px; text-align: center; margin: auto; position: relative; } div.player-health-s {position: absolute; top: 0; left: 0; background: url(images/trainer/overlay-health.png) top left no-repeat;} div.player-health-v {position: absolute; top: 0; left: 0; border:none;} div.player-health-i, div.player-health-i.h100 {background: #2DB500; position: absolute; top: 0; left: 0; text-align: left; color: #2DB500;} div.player-health-i.h0 {background: #D42000; display: none;} div.player-health-i.h5 {background: #CB1E00; color: #CB1E00; } div.player-health-i.h10 {background: #FF2E07; color: #FF2E07;} div.player-health-i.h20 {background: #FFAB07; color: #FFAB07;} div.player-health-i.h30 {background: #F8D500; color: #F8D500; } div.player-health-i.h40 {background: #B7FF00; color: #B7FF00; } div.player-health-i.h50 {background: #A8E902; color: #A8E902;} div.player-health-i.h60 {background: #3CE700; color: #3CE700;} div.player-health-i.h70 {background: #36D300; color: #36D300;} div.player-health-i.h80 {background: #33C900; color: #33C900;} div.player-health-i.h90 {background: #30BF00; color: #30BF00;} div.player-motiv-o, div.player-motiv-v, div.player-motiv-s {position: relative; width: 42px; /*border: 1px solid #333;*/ height: 16px; line-height: 16px; font-size: 10px; text-align: center; margin: 0 auto; background: #2459B6; } div.player-motiv-s {position: absolute; top: 0; left: 0; background: url(images/trainer/overlay-motiv.png) top left no-repeat;} div.player-motiv-v {position: absolute; top: 0; left: 0;} div.player-motiv-v.m90, div.player-motiv-v.m80{background: #2A65D0;} div.player-motiv-v.m70, div.player-motiv-v.m60{background: #3770D7;} div.player-motiv-v.m50, div.player-motiv-v.m40{background: #497CDB;} div.player-motiv-v.m30, div.player-motiv-v.m20{background: #5B88DF;} div.player-motiv-v.m10, div.player-motiv-v.m0 {background: #6D94E3;} /* =schedules & messages -----------------------------------------------------*/ div.team-name{width: 185px; overflow: hidden;} div.team-name-short, .team-name-short{width: 120px; overflow: hidden;} .box-score{width: 100px;} .message-date{width: 120px;} /* =formation -----------------------------------------------------*/ #formation-description{width: 360px; float: left; padding: 0 10px 0 0;} #formation-legend{width: 180px; float: left; border: 1px solid #ccc; padding: 10px; font-size: 12px;} #formation-icons{float: left; width: 25px;} #formation-descriptors{float: left; width: 140px;} #formation-container {position: relative; width: 580px; height: 686px; background: url(images/field.png) top center no-repeat; margin: 0 0 20px 0; } #formation-container select{position: absolute; border: 1px solid #fff; width: 150px; color: #eee;} #formation-container input.button{position: absolute; bottom: 0px; left: 50%; width: 120px; margin: 0 0 0 -60px;} /*---4-4-2---*/ #formation-container.formation1 select.p0 {top: 120px; left: 50px; background: #FF0A0A;} #formation-container.formation1 select.p1 {top: 120px; right: 50px; background: #FF0A0A;} #formation-container.formation1 select.p2 {top: 250px; right: 50px; background: #003BFF;} #formation-container.formation1 select.p3 {top: 250px; left: 50px; background: #003BFF;} #formation-container.formation1 select.p4 {top: 345px; right: 85px; background: #003BFF;} #formation-container.formation1 select.p5 {top: 345px; left: 85px; background: #003BFF;} #formation-container.formation1 select.p6 {top: 420px; left: 50px; background: #00C000;} #formation-container.formation1 select.p7 {top: 420px; right: 50px; background: #00C000;} #formation-container.formation1 select.p8 {top: 490px; left: 85px; background: #00C000;} #formation-container.formation1 select.p9 {top: 490px; right: 85px; background: #00C000;} #formation-container.formation1 select.p10 {bottom: 80px; left: 50%; margin: 0 0 0 -75px; background: #F5B200;} /*---2-5-3---*/ #formation-container.formation2 select.p0 {top: 120px; left: 50px; background: #FF0A0A;} #formation-container.formation2 select.p1 {top: 120px; right: 50px; background: #FF0A0A;} #formation-container.formation2 select.p2 {top: 250px; left: 50px; background: #003BFF;} #formation-container.formation2 select.p3 {top: 250px; right: 50px; background: #003BFF;} #formation-container.formation2 select.p4 {top: 375px; left: 50px; background: #003BFF;} #formation-container.formation2 select.p5 {top: 375px; right: 50px; background: #003BFF;} #formation-container.formation2 select.p6 {top: 315px; left: 50%; margin: 0 0 0 -75px; background: #003BFF;} #formation-container.formation2 select.p7 {top: 450px; left: 50px; background: #00C000;} #formation-container.formation2 select.p8 {top: 480px; left: 50%; margin: 0 0 0 -75px; background: #00C000;} #formation-container.formation2 select.p9 {top: 450px; right: 50px; background: #00C000;} #formation-container.formation2 select.p10 {bottom: 80px; left: 50%; margin: 0 0 0 -75px; background: #F5B200;} /*---3-4-3---*/ #formation-container.formation3 select.p0 {top: 120px; left: 50px; background: #FF0A0A;} #formation-container.formation3 select.p1 {top: 120px; right: 50px; background: #FF0A0A;} #formation-container.formation3 select.p2 {top: 150px; left: 50%; margin: 0 0 0 -75px; background: #FF0A0A;} #formation-container.formation3 select.p3 {top: 250px; right: 50px; background: #003BFF;} #formation-container.formation3 select.p4 {top: 250px; left: 50px; background: #003BFF;} #formation-container.formation3 select.p5 {top: 345px; right: 85px; background: #003BFF;} #formation-container.formation3 select.p6 {top: 345px; left: 85px; background: #003BFF;} #formation-container.formation3 select.p7 {top: 450px; left: 50px; background: #00C000;} #formation-container.formation3 select.p8 {top: 480px; left: 50%; margin: 0 0 0 -75px; background: #00C000;} #formation-container.formation3 select.p9 {top: 450px; right: 50px; background: #00C000;} #formation-container.formation3 select.p10 {bottom: 80px; left: 50%; margin: 0 0 0 -75px; background: #F5B200;} /* =buttons -----------------------------------------------------*/ div.points-container{ /*width: 100%;*/ height: 28px; line-height: 28px; font-size: 15px; font-weight: bold; } div.medc div.points-container{text-align: center; margin: 0 auto;} div.points-container div.points-button {float: left; height: 24px; background: #E0E0E0; padding: 2px 0 2px 10px; border: 1px solid #D6D6D6; border-right: none;} div.medc div.points-container div.points-button {background: #eee;} div.points-container div.points-button button {height: 24px; line-height: 20px; padding: 0 5px; } div.points-container div.points-manager {float: left; background: url(images/mpoints.gif) #E0E0E0 10px center no-repeat; padding: 0 10px 0 43px; border: 1px solid #D6D6D6; border-left: none;} div.medc div.points-container div.points-manager {background: url(images/mpointsl.gif) #eee 10px center no-repeat; } div.points-container div.points-managers {float: left; background: url(images/mpoints.gif) #E0E0E0 10px center no-repeat; padding: 0 10px 0 43px; border: 1px solid #D6D6D6;} div.points-container div.points-managerr {margin-top: -6px; float: right; background: url(images/mpoints.gif) #E0E0E0 10px center no-repeat; padding: 0 10px 0 43px; border: 1px solid #D6D6D6;} div.points-container div.points-money {float: left; background: url(images/mmoney.gif) #E0E0E0 10px center no-repeat; padding: 0 10px 0 43px; margin-left: -1px; border: 1px solid #D6D6D6; border-left: none;} div.medc div.points-container div.points-money {background: url(images/mmoneyl.gif) #eee 10px center no-repeat;} div.points-container div.points-moneys {float: left; background: url(images/mmoney.gif) #E0E0E0 10px center no-repeat; padding: 0 10px 0 43px; border: 1px solid #D6D6D6;} div.points-container div.points-manager, div.medc div.points-container div.points-manager, div.points-container div.points-money, div.medc div.points-container div.points-money{-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;} div.points-container div.points-button, div.medc div.points-container div.points-button{ -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;} div.points-container div.points-moneys{-moz-border-radius: 3px; -webkit-border-radius: 3px;} div.points-container div.points-managerr{-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;} /* =global =classes -----------------------------------------------------*/ .clear{clear: both; } .alt{background: #EDEDED;} .even{background: #E3E3E3;} .odd{background: #EDEDED;} .user{background: #FFCA7F;/* ??? */} .selected{background: #FFCA7F;} .center{text-align: center;} .left{text-align: left;} .right{text-align: right;} .fleft{float:left;} .fright{float:right;} .bold{font-weight: bold;} .font-small{font-size: small;} .error{color: #CC0000;} .success{color: #009933;} /* =forms ----------------------------------------------------*/ label {width: 145px; display: block; float: left; position: relative; font-weight: bold;/* ??? */} textarea{border: 1px solid #ccc; padding: 2px 2px;} /*div.button{background: url(images/b-left.gif) left center no-repeat;} input.button{background: url(images/b-right.gif) right center no-repeat;}*/ /* =tables ----------------------------------------------------*/ div.title {font-size: 14px;font-weight: bold;} td {font-size: small; /* ??? */} th {font-size: small; font-weight: bold; text-align: center;/* ??? */}