/* Color Table: -------------- green: 009900 dark green: 007600 lightgreen: E7F7E7 orange: FFCC66 gold: gold bluegrey: #97B1C7 light blue: #BBD6F6 */ body { background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:12px} body.blue { background-color:#E2EBFF; font-family: Arial, Helvetica, sans-serif; font-size:12px} /* DIV */ .MenuItemHead, .MenuSubItemHead { color:#000; border-left: #ffffff 2px dotted; border-top: #ffffff 2px dotted; border-right-width: 0px; padding-right: 10px; display: block; padding-left: 10px; background: #BBD6F6; padding-bottom: 5px; margin: 0px 0px 0px; padding-top: 5px; text-align: left; vertical-align:middle; text-decoration: none; } .MenuItemHead { font: 14px arial, helvetica, sans-serif;} .MenuSubItemHead { font: 12px arial, helvetica, sans-serif;} /* ContentBlock Grey Frame */ .content { padding:4px; border:2px solid #999; margin:15px 0px 0px; text-align:justify; background-color:#F4F4F4; font-size:12px } /* Top - Button Block */ /*right Provce tag*/ .pricetag {font-size:14px;font-weight:bold;text-align:right; color:#333;background-color:#eee; padding:2px} /*LINKS*/ .MenuItem a, .MenuSubItem a { border-left: #ffffff 2px dotted; border-top: #ffffff 2px dotted; border-right-width: 0px; padding-right: 10px; display: block; padding-left: 5px; background: #97B1C7; padding-bottom: 5px; margin: 0px 0px 0px; color: #fff; padding-top: 5px; text-align: left; vertical-align:middle; text-decoration: none; } .MenuItem a:hover , .MenuSubItem a:hover{ border-left: #002094 2px dashed; border-right: #002094 2px dashed; background: #8CA3B8; color: #fff; } .MenuItem a { font: 12px arial, helvetica, sans-serif;} .MenuSubItem a { font: 10px arial, helvetica, sans-serif;} a.Menuactive:link, a.Menuactive:visited { color:#fff; background: #B88D88; text-decration:none; font-weight:bold; border-left: #fff 2px dashed; border-right: #fff 2px dashed; } a.Menuactive:hover, a.Menuactive:active, a.Menuactive:focus { COLOR:#333;background: #8CA3B8; TEXT-DECORATION:none; } /* Demo Area: Left margin + 5px */ .demo { margin-left:0px; padding-left:0px; } a , a.link { } a:hover, a:active { } /*FORMULARFELDER */ .tfieldBlank { background-color:#E2EBFF; font-size:9pt; font-weight:bold; color:#009; border:1px solid #333 } .tfieldExtra { background-color:#E2EBFF; font-size:9pt; font-weight:bold; color:#009; width:380px; border:1px solid #333} .tfieldLong { background-color:#E2EBFF; font-size:9pt; font-weight:bold; color:#009; width:150px; border:1px solid #333 } .tfieldShort { background-color:#E2EBFF; font-size:9pt; font-weight:bold; color:#009; width:30px; border:1px solid #333 } /*.tarea { background-color:#E2EBFF; font-size:9pt; font-weight:bold; color:#009 } */ .select { background-color:#E2EBFF; font-size: 9pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color:#009; } .darkSubmit { background-color:#E2EBFF; font-family: Arial, Helvetica, sans-serif;font-size:12px; text-align:center; font-weight:bold; color:#333;} .darkSubmitKnapp { background-color:#009; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-size:9pt; font-weight:bold; color:#eee} .darkredSubmit { background-color:#c00; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-size:9pt; font-weight:bold; color:#eee} .tarea { padding:2px; background-color:#E2EBFF; border: 2px inset #000099; font-family : Verdana, Arial; font-size:9pt; color : #000099; } .SendMe { font: bold 12px arial, helvetica, sans-serif; text-decoration: none; color: #000000; background-image:url(/images/envelope.gif); background-repeat:no-repeat; background-position: 1px 1px; background-color:#BBD6F6; } #searchfield { background-color:#eee; font-size:5pt; font-weight:normal; color:#000; width:50px; height:14px; border: 0px solid } /*HEADLINES*/ h1 { font-family: Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold;line-height:8px; color:#333} h2 { font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold;line-height:6px;color:#333} /* TABLE */ td, th {font-size:12px} .darkframe { padding:2px; border-width:1px; border-collapse:collapse; border-color:#333; background-color:transparent; border-style:solid } .firstrow { font-size:14px; font-weight: bold; color:#eee; padding:2px; background-color:#999999; border-width:1px; border-color:#333; border-style:solid; border-collapse:collapse; } .firstline { font-weight: bold; text-align:left; } .middle { text-align:center; } .blue { background-color:#BBD6F6; } /* GENERAL */ p.MenuP {line-height:2px } /* Admin currency Stuff */ .cur1, .cur2, .cur3, .cur4 { display:inline; border: 1px solid #333; border-collapse:collapse; padding:2px; margin:0px; } /* shop styles */ #MenuRight{ position:absolute; width:190px; z-index:3; left:800; top:90px; padding-top:10px; background-color:#97B1C7; layer-background-color:#97B1C7; border:1px none #000} .listhead_underline{ background-color:#BBD6F6; color:#FFEEAB; padding:4px; margin-top:20px; clip:rect(12px 0px 0px 0px)} .listhead_text{ font-weight:bold; font-size:20px; color:#039; text-align:center; padding:4px; margin-top:-33px; vertical-align:bottom; margin-bottom:8px } div.title{ text-align:center; vertical-align:center; width:590px; color:#fff; background-color:#039; margin-top:10px; margin-bottom:10px; font-size:18px; font-weight:bold } .oddrow{ background-color:#F4F4F4} .evenrow{ background-color:#eee} .block{ width:600px} .topitem{ padding:1px; border:1px solid #999} .CAT{ background-color:#FAF8B8; font-size:12px; font-weight:normal; color:#000; border:1px solid #009 } .CATBg{ background-color:#009; font-size:14px; font-weight:bold; color:#fff; padding:0px 2px 0px } .newobject, .sold, .offer { } .newobject { } .offer { } .more{padding:0px; margin:0px; width:95px; height:16px} .ShopMenu a, .ShopSubMenu a{border-left:#fff 1px solid; border-top:#fff 1px solid; border-right-width:0px; padding-right:10px; display:block; padding-left:10px; background:#97B1C7; padding-bottom:5px; margin:0px 0px 0px; color:#fff; padding-top:5px; text-align:left; vertical-align:middle; text-decoration:none} .ShopMenu a:hover, .ShopSubMenu a:hover{border-right:#FFF 2px solid; background:#F00; color:#fff} .ShopMenu a{font:12px arial,helvetica,sans-serif; font-weight:bold} .ShopSubMenu a{font:10px arial,helvetica,sans-serif} a.ShopMenuactive:link, a.ShopMenuactive:visited, a.ShopSubMenuactive:link, a.ShopSubMenuactive:visited{COLOR:#fc0; background:#009; TEXT-DECORATION:none; font-weight:bold} a.ShopMenuactive:hover, a.ShopMenuactive:active, a.ShopMenuactive:focus{COLOR:#fc0; background:#009; TEXT-DECORATION:none} a.white{ font-size:14px; font-weight:bold; color:#fff; text-decoration:none } a.white:hover{ font-size:14px; font-weight:bold; color:#eee; text-decoration:none} a.details{ font-size:14px; font-weight:bold; color:#000; background:#fff; text-decoration:none } a.details:hover{ font-size:14px; font-weight:bold; color:#fff; background:#8CA3B8; text-decoration:none} a.item{ font-size:12px; font-weight:normal; color:#000; text-decoration:none } a.item:hover{ font-size:12px; font-weight:normal; color:#000; text-decoration:underline} a.fat{ font-weight:bold; color:#000; text-decoration:none } a.fat:hover{ font-weight:bold; color:#97B1C7; text-decoration:none } #searchfield{ background-color:#eee; font-size:9pt; font-weight:normal; color:#000; width:120px; height:20px; border:0px solid } .floaty{ font-size:9px; font-weight:normal; color:#000; text-decoration:none} a.floaty:hover{ text-decoration:underline; color:#000} .listhead{ border-width:1px; border-collapse:collapse; border-color:#333; border-style:solid; background-color:#BBD6F6; spacing:0px; padding:2px; text-align:left} .listhead1{ width:370px; border-width:1px; border-collapse:collapse; border-color:#333; border-style:solid; background-color:#BBD6F6; spacing:0px; padding:2px; text-align:left} .listheadActive{ border-width:1px; border-collapse:collapse; border-color:#333; border-style:solid; background-color:#8CA3B8; color:#eee; font-size:12px; spacing:0px; padding:2px; text-align:left} .listcell{ border-width:1px; border-collapse:collapse; border-color:#333; border-style:solid; margin:0px; padding:2px} .list{ border-width:1px; border-collapse:collapse; border-color:#333; border-style:solid; margin:0px; padding:2px; background-color:#ED9298; color:#FFF} .fat{font-weight:bold} .bigger{font-size:11px} .blankfield{ border:1px none #fff; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Sans-Serif; color:#333} /* bozooart rocking */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } input, textarea, select { font-family: 12px Arial, Helvetica, serif; } img { margin: 0; padding: 0; } body { background: #f1f1f1 url(../images/body-bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif } .red { color: #d72525; } .pink { background: #fbe5e5 } .yellow { background: #fefee5 } .light-gray { background: #f1f1f1 } .green { background: #e5fee6; } .hidden { display: none; } a:focus { outline: none; } .clr { clear: both; } #wrapper { background: #f1f1f1; padding: 5px 10px; width: 589px; float: left; margin: 0px 0 0 0; color: #666666; } #wrapper h2#top-title { padding: 15px 0 14px 13px; font-weight: bold; font-size: 13px; background: #d72525 url(../images/smoke.gif) no-repeat 95% bottom; color: #fff; border-bottom: 1px solid #950a0a; } #wrapper #main-title { padding: 10px 0 28px 13px; margin-bottom: 30px; font-weight: bold; background: #d72525 url(../images/smoke.gif) no-repeat 95% bottom; color: #fff; border-bottom: 1px solid #950a0a; } #wrapper #main-title h2 { width: 385px; font-size: 13px; font-weight: bold; color: #fff; float: left; margin-top: 2px; line-height: 1.4em; display: block; } #wrapper #main-title #tools { float: right; width: 130px; height: 20px; margin-right: 10px; } #wrapper #main-title #sort { float: right; width: 165px; height: 20px; margin-right: 10px; font-weight: normal; } #wrapper #main-title #sort select { margin-left: 5px; padding: 1px 2px; border: 1px solid #f1f1f1; } #wrapper #main-title.cat { margin-bottom: 0; } .add { background: #fff; padding: 10px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin-bottom: 10px; } .add .thumb a img { width: 100px; height: 75px; float: left; margin: 3px 15px 0 0; border: 1px solid #ccc; padding: 1px; } .add .thumb a:hover img { background: #d72525; border: 1px solid #d72525; } .add .details { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 9px; } .add div h3 { float: left; width: 370px; margin-top: 3px; } .add div h3 a { font-weight: bold; text-decoration: none; font-size: 13px; padding: 1px 2px; color: #d72525; } .add div h3 a:hover { background-color: #fbe5e5 } .add div p { float: right; width: 90px; text-align: right; } .add ul.info-list { list-style-type: none; font-size: 11px; color: #666666; position: relative; } .add ul.info-list li { margin-bottom: 9px; } .add ul.info-list li span.at { display: block; width: 200px; float: left; } .add ul.info-list li span.more { float: right; width: 160px; text-align: right; } .add ul.info-list li span.separator { margin: 0 5px; color: #cccccc; } .add ul.info-list li a { color: #d72525; text-decoration: none; padding: 1px 2px; } .add ul.info-list li a:hover { background-color: #fbe5e5 } .add ul.info-list li sup { position: absolute; } .add ul.info-list li.mprice { position: absolute; background: #f1f1f1; right: 0; top: 0;padding: 5px 20px; font-size: 12px; border: 1px solid #ccc; } .add ul.info-list li.mprice strong { display: block; text-align: center; } .add ul.info-list li .more { margin-top: 20px} .add .special { padding-right: 5px;} .add .special span { margin-left: 10px;} .add .special .newobject { display: block; width: 20px; height: 20px; float: right; } .add .special .offer { display: block; width: 20px; height: 20px; float: right; } .add .special .category a { margin-left: 10px; display: block; width: 20px; height: 20px; float: right; background: url(../images/category.gif) no-repeat 0 0; } .add .special .category a:hover { background-position: right; } .add .special .category a em { display: none; } .add .special .delete a { margin-left: 10px; display: block; width: 20px; height: 20px; float: right; background: url(../images/delete.gif) no-repeat 0 0; } .add .special .delete a:hover { background-position: right; } .add .special .delete a em { display: none; } .add .special .sold a { cursor: auto; margin: 40px 0 0 -100px; display: block; width: 80px; height: 77px; background: url(../images/sold.gif) no-repeat 0 0; position: absolute; } li#sold span.sold { display: block; margin: 145px 0 0 -210px; display: block; width: 80px; height: 77px; position: absolute; background: url(../images/sold.gif) no-repeat 0 0; // margin: 145px 0 0 -330px; // } .sold em { display: none; } .topbutton { text-align: right; padding-right: 15px; } .topbutton span { display: none; } .topbutton a { margin: 5px 0; display: block; float: right; width: 20px; height: 20px; background: url(../images/top.gif) no-repeat 0 0; text-indent: -9999em; } .topbutton a:hover { background-position: right; } .hide { display: none; } #container { width: 1000px; margin: 5px auto; background: #fff; border: 5px solid #fff; } #rightCol { float: left; width: 210px; margin-top: 5px; } #rightCol h3 { background: #666666; padding: 8px 10px; font-size: 13px; width: 185px; color: #fff; font-weight: bold; border-bottom: 1px solid #950A0A; margin-left: 5px; } #tags { margin: 0 5px 20px; padding: 10px 5px 0; } #tags a { text-decoration: none; line-height: 1.5em; color: #666666; } #tags a:hover { background: #fbe5e5; color: #D72525; } .right-banner { margin: 10px 5px; } .right-banner img { margin: 0 0 5px; width: 200px; } #footer { clear: both; padding: 15px 10px 10px; text-align: left; color: #666666; font-size: 11px; } #footer a { color: #666666; padding: 2px 1px; text-decoration: none; } #footer a:hover { background: #fbe5e5; color: #D72525; } #footer ul li { display: inline; margin-right: 20px; } #footer ul li.webmaster { margin: 0 0 0 115px; } #footer ul li.copyright { margin: 0 110px 0 30px; } h1 { display: block; width: 181px; height: 132px; float: left; } h1 span { display: none; } #header-image { width: 818px; height: 195px; float: left; } ul#lang { position: absolute; margin: 10px 0 0 915px; } ul#lang li { display: inline; margin-left: 5px; } ul#lang li img { border: 1px solid #fff; } #nav { background: #666666; width: 181px; margin: 0; } #nav li { // _height: 1px; // } #nav li a { text-decoration: none; display: block; padding: 10px 6px; border-bottom: 1px solid #fff; color: #fff; width: 169px; } #nav li a:hover { background: #d72525 } #nav li a:hover { background: #d72525; color: #fff; } #second-nav { background: #fff; width: 181px; margin: 0px 0 20px 0; } #second-nav li { //_height: 1px;// } #second-nav li a { text-decoration: none; display: block; padding: 7px 6px; border-bottom: 1px solid #f1f1f1; color: #666666; width: 169px; } #second-nav li a:hover { background: #d72525; color: #fff; } #second-nav li.my-list a { background: #fbe5e5 url(../images/herz.gif) no-repeat 90% 52%; } #second-nav li.my-list a:hover { background: #d72525 url(../images/herz.gif) no-repeat 90% 52%; color: #fff; } .left-banner { margin-top: 20px; } #leftCol { float: left; width: 181px; font-size: 14px; } #arrow { font-weight: bold; font: 18px verdana, arial, sans-serif; } input#cur-results { background: none; font-size: 11px; font-weight: bold; cursor:default; border: none; width: auto; width: 90px; color: #D72525; margin-left: 10px } #tools li { display: inline; } #tools li span { display: none; } #tools li a { display: block; width: 20px; height: 20px; float: left; margin-left: 5px; } #tools li#bck a { background: url(../images/back.gif) no-repeat; } #tools li#cntct a { background: url(../images/email.gif) no-repeat; } #tools li#fvrt a { background: url(../images/favorite.gif) no-repeat; } #tools li#fvrt-list a { background: url(../images/fav_list.gif) no-repeat; } #tools li#category a { background: url(../images/category.gif) no-repeat; } #tools li#category a em { display: none; } #tools li#bck a:hover, #tools li#cntct a:hover, #tools li#fvrt a:hover, #tools li#fvrt-list a:hover, #tools li#category a:hover { background-position: right 0; } .googlemap a, .google-map a { background: url(../images/zoom.gif) no-repeat; display: block; width: 20px; height: 20px; float: left; position: absolute; margin: -17px 0 0 215px; // margin: -3px 0 0 90px; // } .googlemap a:hover, .google-map a:hover { background-position: right 0; } .googlemap a em, .google-map a em { display: none; } #rightCol form .google-map a { margin: -37px 0 0 163px; position: absolute; } .googlemap2 a, .google-map a { background: url(../images/google_maps_icon.png) no-repeat; display: block; width: 20px; height: 20px; float: left; position: absolute; margin: -17px 0 0 215px; // margin: -3px 0 0 90px; // } .googlemap a:hover, .google-map a:hover { background-position: right 0; } .googlemap a em, .google-map a em { display: none; } #rightCol form .google-map a { margin: -37px 0 0 163px; position: absolute; } span#video a { background: url(../images/video.gif) no-repeat; display: block; width: 20px; height: 20px; float: left; margin-left: 5px; position: absolute; margin: 0 0 0 508px; // margin-top: -5px; // } span#video a:hover { background-position: right 0; } span#video a em { display: none; } #add-content { background: #fff; padding-bottom: 10px; } #add-detail { padding: 0 20px; } .data-list { width: 250px; float: left; } .data-list li { padding: 10px; border-bottom: 1px solid #f1f1f1; } .data-list li.none { border-bottom: none; } .data-list li sup { position: absolute; margin-top: -3px } #prim.data-list { margin-right: 49px; } #add-content select { margin: 0; padding: 2px; border: 1px solid #666666; } .con-desc { margin-right: 30px; } .con-price { margin-right: 10px; } #description, #equipment, #conv, #contact-person { clear: both; margin: 0; padding: 10px; border-bottom: 1px solid #f1f1f1; line-height: 1.8em; position: relative; } #description { padding-right: 60px; border-top: 1px solid #f1f1f1; position: relative; margin: 0 !important; } #equipment strong { display: block; float: left; } #equipment span { display: block; float: left; margin: 0 2px; padding: 0 4px; } #equipment span.eq1 { background: #eff5dd; } #equipment span.eq2 { background: #ddf1f5; } #equipment span.eq3 { background: #f5ddf4; } #equipment p.rest { margin: 10px 0 0 52px; } #conv { margin-bottom: 20px; background: #fefee5 } #contactForm { background: #f1f1f1; } #contactForm fieldset { padding: 20px 10px; } #contact1 { width: 250px; float: left; } #contact2 { width: 265px; float: left; margin: -2px 0 0 0; } #form-message { margin-bottom: 20px; font-weight: bold; } #contactForm .input_text { width: 200px; margin-bottom: 10px; padding: 3px; border: 2px solid #f1f1f1; } #contactForm.white { background: #fff; margin: 20px 0 0 20px;} #contactForm strong { color: #D72525; } #contactForm .input_text:focus, #contactForm textarea:focus { border: 2px solid #D72525; } #contactForm textarea { width: 265px; height: 86px; margin-bottom: 10px; padding: 3px; border: 2px solid #f1f1f1; font: 13px arial, helvetica, sans-serif; } #contactForm .button { margin-left: 2px; background: url(../images/send.gif) no-repeat; padding-left: 10px; text-align: left; color: #fff; height: 20px; width: 100px; border: none; font-size: 11px; cursor: pointer; } #contactForm .button:hover { background-position: right 0; } .message { padding: 10px 10px 10px 30px; border: 1px solid #f1f1f1; margin: 15px 0px 20px; font-size:13px; font-weight: bold; background: #fff; color: #D72525; } #photogallery { margin-bottom: 20px; position: relative; } #photogallery .img-holder { float: left; padding: 2px; border: 1px solid #f1f1f1; width: 131px; height: 131px; margin: 0 0 5px 0; } #photogallery .img, #photogallery .img a { width: 131px; height: 131px; display: block; } #photogallery span em { display: none; } #pagenation { text-align: center; margin-top: 5px } #pagenation #steps { font-weight: bold; font-size: 12px; color: #d72525 } #pagenation #steps a { padding: 0 5px; text-decoration: underline; color: #666666 } #pagenation #steps a:hover { text-decoration: none; color: #d72525 } #pagenation a { text-decoration: none; } #page-number { position: absolute; margin: 10px 0 0 10px; } #rightCol form { background: #f1f1f1; padding: 10px; margin: 5px 0 5px 5px; color: #666666; font-size: 12px; width: 185px; } #rightCol form p { margin-bottom: 20px } #rightCol form .input-text { margin-top: 5px; width: 179px; padding: 3px 2px; border: 1px solid #f1f1f1; color: #666666; font: 12px arial, helvetica, sans-serif } #rightCol form .input-select { padding: 2px; border: 1px solid #f1f1f1; margin-top: 5px; width: 185px; color: #666666; font: 12px arial, helvetica, sans-serif } #rightCol form .input-text:focus, #rightCol form .input-select:focus { border: 1px solid #666666; } #rightCol form .input-select option { margin: 1px 0; border-bottom: 1px solid #f1f1f1; padding-left: 6px; } #rightCol form .input-select.small { width: 50px; margin-left: 8px; } #rightCol form .button { margin-left: 115px; background: url(../images/send-small.gif) no-repeat; padding: 3px 0 3px 14px; text-align: left; color: #fff; width: 68px; border: none; font-size: 11px; cursor: pointer; } #rightCol form .button:hover { background-position: right 0; } #contact-info { font-size: 9px; color: #666666; margin: -98px 0 0 -15px; position: relative; background: url(../images/contact-info-bg.gif) no-repeat; width: 196px; height: 100px; } #contact-info ul { height: auto; padding: 8px 0 0 15px; } #contact-info ul li { margin-bottom: 3px; } #contact-info ul li a { text-decoration: none; color: #666666; padding: 1px 2px; } #contact-info ul li a:hover { background: #fbe5e5; color: #d72525; } #inside-content { padding: 10px; line-height: 1.4em; margin-bottom: 20px; } #inside-content p { margin-bottom: 30px; } #inside-content a { padding: 2px 1px; color: #d72525; font-weight: bold; text-decoration: none; } #inside-content a:hover { background: #fbe5e5 } #lists { // height: 215px; // } .top-message { background: #fff; color: #d72525; padding: 20px 10px 15px 10px; margin-bottom: 10px; font-weight: bold; } #create-pdf { background: #fff; padding: 20px 10px 15px 50px; background: #fff url(../images/pdf.gif) no-repeat 10px 55%; margin-bottom: 10px; } #create-pdf a { padding: 2px 1px; color: #d72525; font-weight: bold; text-decoration: none; } #create-pdf a:hover { background: #fbe5e5 } #fl-contact { background: #fff; } #fl-contact fieldset { padding: 20px 10px; } .indent { margin-left: 40px; } .indent p { margin-bottom: 10px; } .indent .input-text { width: 200px; margin-top: 5px; border: 1px solid #cccccc; padding: 4px 2px; font: 12px arial, sans-serif; color: #666666 } .indent .textarea { width: 400px; padding: 4px; border: 1px solid #cccccc; height: 80px; font: 12px arial, sans-serif; color: #666666 } .indent .input-text:focus, .indent .textarea:focus { border: 1px solid #666666; } .indent .button { background: url(../images/send-small.gif) no-repeat; padding: 3px 0 3px 12px; text-align: left; color: #fff; width: 68px; border: none; font-size: 11px; cursor: pointer; } .indent .button:hover { background-position: right 0; } .discipline { margin: 0 10px; } .discipline td.first { width: 25%; } .discipline td.sec { width: 60%; } .discipline td { padding: 5px 0 5px 10px; border-bottom: 1px solid #f1f1f1; }