/**
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
*
*
*
* The above code will render the labels and input fields in separate lines.
* In order to render them in the same line, please use the "wide" form as follows,
*
*
* ......
*
*
* @author Qiang Xue
* @link http://www.yiiframework.com/
* @copyright Copyright © 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
div.form
{
margin: 0;
}
div.form-nomenu {
margin: 30px;
}
.wrapper-sign-in div.form-nomenu {
margin: 0 30px;
}
div.form-nomenu button {
margin-top: -4px;
}
div.form input,
div.form textarea,
div.form select
{
margin: 0.2em 0 0.5em 0;
}
div.form fieldset
{
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form label {
font-weight: bold;
font-size: 0.9em;
display: block;
color: #555;
}
div.form .row
{
margin: 5px 0;
}
div.form .row span input {
float: left;
margin-right: 5px;
}
div.form .row span br {
display: none;
}
div.form .hint
{
margin: 0;
padding: 0;
color: #999;
}
div.form .note
{
font-style: italic;
}
div.form span.required
{
color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error
{
color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
background: #FCF8E3;
border-color: #C00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
background: #E6EFC2;
border-color: #C6D880;
}
div.form .errorSummary
{
border: 2px solid #C00;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
font-size: 0.9em;
}
div.form .errorMessage, div.errorMessage
{
color: red;
font-size: 0.9em;
}
div.form .errorSummary p
{
margin: 0;
padding: 5px;
}
div.form .errorSummary ul
{
margin: 0;
padding: 0 0 0 20px;
}
div.wide form label
{
float: left;
margin-right: 10px;
position: relative;
text-align: right;
width: 100px;
}
div.wide form .row
{
clear: left;
}
div.wide form .buttons
{
clear: left;
padding-left: 110px;
}
div.wide form .errorMessage
{
margin: 0 0 0 110px;
}
.form .clear-fix {
overflow: hidden;
clear: both;
}
.form .background {
box-shadow: 0px 1px 5px 0px rgba(132, 177, 243, 0.64);
border: 0px solid #C9E0ED;
background-color: rgba(245, 249, 252, 0.18);
padding: 13px;
border-radius: 4px;
}
div.form .row .check_box_form {
float: left;
width: 30%;
}
div.form .row select {
/*width: 224px!important;*/
}
div.form .row select#expMonth, div.form .row select#expYear {
/*width: 110px!important;*/
}
div.form .row .check_box_form label {
float: left;
margin-right: 8px;
}
div.form .row .form_col_left {
float: left;
width: 48%;
}
div.form .row .form_col_right {
float: right;
width: 48%;
}
/**
* CSS FOR ALERT ERROR
*/
.form .alert-danger-blue, .form .alert-error-blue, .flash-error-blue {
color: #C09853!important;
background-color: #FCF8E3!important;
border-color: #FFB5B5!important;
}
/**
* CSS FOR ADVANCED SEARCH
*/
.search-button {
float: right;
clear: both;
margin-bottom: 10px!important;
margin-right: 10px;
}
.search-form > div {
padding-left: 20px;
margin: 0 auto;
width: 750px;
}
.small_row {
width: 200px;
float: left;
position: relative;
padding-right: 50px;
}
.small_row .row select {
width: 224px;
}
.small_row.btn_submit {
float: none;
}
.row.btn_submit, .row.btn_reset {
position: relative;
display: inline-block!important;
margin: 0 auto!important;
}
.row.btn_reset {
padding-left: 30px;
}
form .row {
margin: 0 auto!important;
}
.btn_submit_footer {
text-align: center;
position: relative;
bottom: -10px;
}
.form .clearfix {
overflow: hidden;
clear: both;
padding-bottom: 5px;
}
.form .lab {
float: left;
font-weight: bold;
color: #666;
font-size: 11px;
padding: 5px 1% 0 0;
}
.btn.register_btn {
width: 224px;
}
.viewModeOnly input[disabled], .viewModeOnly select[disabled], .viewModeOnly textarea[disabled], .viewModeOnly input[readonly], .viewModeOnly select[readonly], .viewModeOnly textarea[readonly] {
cursor: auto;
background: white;
border: 1px solid #EEE;
}
.clsCreditCardInfo .lab:after,
.frmCheckout .lab:after,
#frmProfile .lab:after{
content: " *";
color: red;
}
.frmCheckout.signatureHideNameInput input.name, .frmCheckout.signatureHideNameInput label[for="name"] {
display: none;
}
.lab.un_required:after {
content: "";
}
#voucherForm .span4 div.row.vendor-phone {
margin: 5px 0!important;
}
#voucherForm .span4 div.row b {
display: block;
}
#voucherForm .span4 div.row.vendor-phone b {
display: inline;
}
.paymentClientForm {
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
}
.paymentClientForm b {
display: inline-block;
width: 90px;
}
.txtAdditionalRates {
width: 90%;
height: 90%;
margin-bottom: 0;
}
select.txtAdditionalRates {
width: 96%;
}
.lp-advantage-search-wrapper > div {
width: 500px;
}
#registration-form .lab {
clear: both;
display: block;
width: 100%;
}
.form-rows-inline > div {
margin-left: 4px;
}
.form-rows-inline > div:first-child {
margin-left: 0;
}
.frmCheckout .lab {
width: 100%;
white-space: nowrap;
}
.container-login fieldset {
border: 1px solid #e5e5e5;
border-radius: 4px;
float: left;
padding: 20px;
}
.container-login .wrapper-sign-in,
.container-login .wrapper-other-sign-in {
margin-left: 20px;
}
.container-login .wrapper-other-sign-in {
text-align: center;
}
.container-login legend {
width: auto;
border-bottom: none;
font-weight: bold;
padding: 0 10px;
margin-bottom: 0;
}
.wrapper-other-sign-in .zocial {
margin-bottom: 10px;
width: 195px;
}
.wrapper-other-sign-in .zocial:last-child {
margin-bottom: 0;
}
.wrapper-other-sign-in .zocial:hover {
text-decoration: none;
}