/* ---------------------------------------------------------------------------- * Filename: forms.css * Description: - * Version: 1.2 (2011-02-11) ------------------------------------------------------------------------- */ /* .input1 { background: #FFFFFF; border: 1px solid #CCCCCC; color: #5A5A5A; -moz-border-radius: 5px; border-radius: 5px; } .input1:focus { background: #FFFFFF; border: 1px solid #888888; color: #000000; } .button1 { background: #222222; border: 1px solid #000000; color: #FFFFFF; } .button1-hover { background: #006699; } .select1 { background: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; } .select1-focus { background: #FFFFFF; border: 1px solid #888888; color: #000000; } .form1 { width: 100%; font-size:11px; position:relative; } .form1 .form-col { width: 49%; padding:0; position:relative; } .form1 .form-col.left { clear:left; } .form1 .form-col.right { clear:right; } .form1 .form-col.topcol { margin-top: -98px;} .form1 .field { clear: both; overflow: hidden; background: #ffffff; margin: 0 0 3px 0; padding: 4px 5px; } .page .form1 .field { margin: 0 0 3px 0; } .form1 h3 { } .form1 .field label { float: left; width: 110px; padding: 0 5px 0 0; font-size:12px; } .form1.send-invitation .field label { float: left; width: 140px !important; padding: 0 5px 0 0; font-size:12px; } #tabs-container .form1 .field label { width:170px ;} .form1 .required label { font-weight: bold; } .form1 .field .input1 { float: left; width: 224px; padding: 4px 5px; height: 12px; line-height: 12px; font-family:Arial; font-size:11px;} .form1 .field textarea.input1 { height: 80px; } .form1 .field .select1 { float: left; width: 230px; padding: 0; font-size:11px; font-family:Arial;} .form1 .field .captcha1 { clear: both; margin: 6px 0 0 0; border:1px solid #cccccc;} .form1 .field .checkbox-holder { float: left; margin: 0; padding: 2px 0; } .form1 .field .radio-holder { float: left; padding: 2px 0; width:49%;} .form1 .buttons { clear: both; text-align: center; padding:10px 0 0 0;} .form1 .buttons .button1 { width: 100px; font-size:11px; border:none; -moz-border-radius: 5px; border-radius: 5px; font-family:Arial;} .form1 .form-text textarea.input1 { width: 600px; height: 150px; } .form1 .radio-list, .form1 .checkbox-list { width: 210px; float:left; border:1px solid #5CAF3C; padding:5px 10px;} .form1 .radio-list .grade-line { width: 100%; float:left; padding:2px 0 2px 0; background:url("../images/layout/bg-reco-right-x.jpg") repeat-x scroll left bottom transparent;} .form1 .checkbox-list .checkbox-holder { width: 49%; float:left; } .form1 .ratings .radio-holder span.nowrap { width: 65px; float:left; } .form1 .ratings .radio-holder { clear:both; } .form1 .map-holder { width: 450px; float:left; clear:none; } .form1 .images-holder { width: 260px; padding-left:10px; padding-right:0; float:right; clear:none; } .form1 .map-holder label { width: 65px; } .form1 .map-holder .input1 { width: 130px; } .form1 .input-button { height: 22px; font-size:12px; line-height:12px; background: url(../images/layout/btn-green.jpg) left top repeat-x; border:1px solid #236808; color:#ffffff; text-align: center; font-weight: bold; padding: 0 10px 1px 10px; margin:1px 5px; } .form1 .security { margin: 10px 0; } #contact .form1 .captcha1 { margin:6px 0 0 115px;} #send_comment.form1 { width: 100%; font-size:11px; position:relative; } #send_comment.form1 .field { clear: both; overflow: hidden; background: #ffffff; margin: 0 0 3px 0; padding: 4px 5px; } #send_comment.form1 .field label { float: left; width: 150px; padding: 3px 2px 0 0; font-size:12px; color:#4A4A4A; } #send_comment.form1 .required label { font-weight: bold; } #send_comment.form1 .field .input1 { float: left; width: 366px; padding: 2px; height: 12px; line-height: 12px; padding:5px 6px; -moz-border-radius: 5px; border-radius: 5px;} #send_comment.form1 .field textarea.input1 { height: 80px; width:518px; } #send_comment.form1 .field .select1 { float: left; width: 230px; padding: 0; } #send_comment.form1 .field .captcha1 { clear: both; margin: 6px 0 0 0; } #send_comment.form1 .field .checkbox-holder { float: left; margin: 0; padding: 2px 0; } #send_comment.form1 .field .radio-holder { float: left; margin: 0 10px 0 0; padding: 2px 0; } #send_comment.form1 .buttons { text-align: right; float:right; } #send_comment.form1 .buttons .button1 { width: 100px; font-size:11px; border:none; -moz-border-radius: 5px; border-radius: 5px;} #send_comment.form1 .form-text textarea.input1 { width: 600px; height: 150px; } #send_comment.form1 .radio-list, #send_comment.form1 .checkbox-list { width: 230px; float:left; } #send_comment.form1 .checkbox-list .checkbox-holder { width: 49%; float:left; } #send_comment.form1 .ratings .radio-holder span.nowrap { width: 65px; float:left; } #send_comment.form1 .ratings .radio-holder { clear:both; } #send_comment.form1 .map-holder { width: 450px; float:left; clear:none; } #send_comment.form1 .images-holder { width: 200px; padding-left:10px; padding-right:0; float:right; clear:none; overflow:hidden; } #send_comment.form1 .map-holder label { width: 65px; } #send_comment.form1 .map-holder .input1 { width: 130px; } #send_comment.form1 .input-button { height: 22px; font-size:12px; line-height:12px; background: url(../images/layout/btn-green.jpg) left top repeat-x; border:1px solid #236808; color:#ffffff; text-align: center; font-weight: bold; padding: 0 10px 1px 10px; margin:0 0 10px 0; } #changeLocation .form-filter .label { width:55px; float:left; padding: 0 0 2px 0; font-size:12px; font-weight:bold; color:#007aab; } #changeLocation .form-filter .input-text { width: 178px; height:20px; float:right; margin: 0 0 10px 0; font-size:11px; color:#808080; line-height:17px; padding: 0 5px; border:1px solid #a8acad; } #changeLocation .form-filter .input-button { width: 47px; height: 22px; float:right; border:none; background: url(../images/layout/btn-green-small.png) left top no-repeat; color:#ffffff; font-size:11px; font-family: Arial, Tahoma, sans-serif; text-align: center; font-weight: bold; } #changeLocation .form-filter select { width:255px; border:1px solid #cfd1d1; float:right; margin-bottom: 13px; color:#808080; font-size:11px; line-height: 18px; } .custom-login-btn {width:87px; height:22px; background: url(../images/layout/btn-sign-in.jpg) no-repeat left top !important;} .custom-login-btn:hover {background: url(../images/layout/btn-sign-in-over.jpg) no-repeat left top !important;} .product-filters { width: 100%; padding: 10px 0 15px 0; margin: 0 0 10px 0; background:url(../images/layout/bg-search.jpg) repeat-x left bottom; font-size:11px;} .product-filters .field { float:left; padding: 0 0 5px 0; width:33%;} .product-filters input { float:left; width:88%; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #C7C7C7; padding:3px 5px; font-size:12px; color:#919191;} .product-filters select { float:left; width:90%; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #C7C7C7; padding:2px 5px; font-size:12px; color:#919191; font-style:italic;} .product-filters label { font-weight:bold; color:#296F0D; width: 100%; float:left; clear:both; padding:0 0 3px 0;} .product-filters .colSingle { width: 100%; float:left; clear:both; } .product-filters .colMentions { float:left; font-size:11px; } .product-filters .checkbox-list .checkbox-holder { float:left; padding: 0 15px 0 0;} .product-filters .checkbox-list .checkbox-holder input { margin: 3px 5px 0 0; } .product-filters .colMentions label { font-weight: normal; } .product-filters .colLeft .input-box, .product-filters .colRight .input-box { width:100%; } .product-filters .colMentions label { display:inline; float:none; } .product-filters .btn-search { width:101px; height: 30px; background: url(../images/layout/btn-search.jpg) no-repeat left top; border:none; cursor:pointer; float:right; } .product-filters .btn-search:hover { background: url(../images/layout/btn-search-over.jpg) no-repeat left top; } .buttons .input-button.hover, #mini-account .form-header input.input-button.hover, .product-filters .input-button.hover { background-position: left bottom !important; } #files_list{padding-top:5px;} #files_list div{padding-bottom:3px; line-height:20px;} .btnDelete{ border:none; width:20px; height:14px; cursor:pointer; background: url(../images/delete.gif) no-repeat left top; vertical-align: middle; margin-left:6px; } .info-texte{font-weight:bold; background: url(../images/icon-info.jpg) no-repeat left top; padding-left:20px} .file-upload{ float: left; position: relative; overflow: hidden; display: block; width: 200px; } .file-upload a{ float: right; z-index: 101; position: relative; display: block; overflow: hidden; color: #ffffff; cursor:pointer; text-decoration: none; width: 80px; cursor:pointer; font-size:11px; line-height:19px; color:#ffffff; text-align: center; font-weight: bold; } .file-upload a .mid { padding-top:1px; } .file-upload a:link, .file-upload a:visited{ cursor: pointer; } .file-upload a:hover{ } .file-upload .fakefile{ float:left; z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 16px; padding: 2px 0; text-align: left; border: 1px solid #BEBEBE; border-right: 0; background: #FFFFFF; color: #9B9999; } .file-upload .truefile{ z-index: 102; position: relative; top: 0; right: 0; cursor: pointer !important; height: 22px; width: 100px; float:left; margin-left:-260px; } .form2 { width: 100%; font-size:11px; position:relative; background-color: #fff;} .form2 { width: 100%; font-size:11px; position:relative; } .form2 .form-col { width: 49%; padding:0; position:relative; } .form2 .form-col.left { clear:left; } .form2 .form-col.right { clear:right; } .form2 .form-col.topcol { margin-top:-58px; } .form2 .field { clear: both; overflow: hidden; margin: 0 0 3px 0; padding: 4px 5px; } .page .form2 .field { margin: 0 0 3px 0; } .form2 h3 { border-bottom: 1px solid #66BE44; } .form2 .field label { float: left; width: 110px; padding: 0 5px 0 0; font-size:12px; } .form2 .required label { font-weight: bold; } .form2 .field .input1 { float: left; width: 224px; padding: 2px; height: 12px; line-height: 12px; } .form2 .field textarea.input1 { height: 80px; } .form2 .field .select1 { float: left; width: 230px; padding: 0; } .form2 .field .captcha1 { clear: both; margin: 6px 0 0 0; } .form2 .field .checkbox-holder { float: left; margin: 0; padding: 2px 0; } .form2 .field .radio-holder { float: left; margin: 0 10px 0 0; padding: 2px 0; } .form2 .buttons { clear: both; text-align: center; } .form2 .buttons .button1 { width: 100px; font-size:11px; border:none; -moz-border-radius: 5px; border-radius: 5px; font-family:Arial;} .form2 .form-text textarea.input1 { width: 600px; height: 150px; } .form2 .radio-list, .form2 .checkbox-list { width: 230px; float:left; } .form2 .checkbox-list .checkbox-holder { width: 49%; float:left; } .form2 .ratings .radio-holder span.nowrap { width: 65px; float:left; } .form2 .ratings .radio-holder { clear:both; } .form2 .map-holder { width: 450px; float:left; clear:none; } .form2 .images-holder { width: 260px; padding-left:10px; padding-right:0; float:right; clear:none; } .form2 .map-holder label { width: 65px; } .form2 .map-holder .input1 { width: 130px; } .form2 .input-button { height: 22px; font-size:12px; line-height:12px; background: url(../images/layout/btn-green.jpg) left top repeat-x; border:1px solid #236808; color:#ffffff; text-align: center; font-weight: bold; padding: 0 10px 1px 10px; margin:1px 5px; } .form2 .security { margin: 10px 0; } .create-trip .field { margin:0 0 5px 0; padding:0 5px;} .create-trip .field label{ width:155px !important; } .create-trip .field .input1{ width:360px !important; } */