Your IP : 18.189.195.202


Current Path : /home/church/public_html/comparefloridarates.com/css/
Upload File :
Current File : /home/church/public_html/comparefloridarates.com/css/forms-sidebar.css

@charset "utf-8";
/* CSS Document */
 /*
  SIDEBAR
*/

.widget               { margin: 0px; margin-top:-4px; padding: 0 5px 20px 5px; border: none; background: none; line-height:18px !important; 
                    float: left; width: 100%; }
                    
.widget h4              { padding: 0 0 10px 0; margin: 0; }
                    
.widget-rule            { margin: -10px 0px 10px -17px; border: medium solid #6bc2ba; width: 30%; }

.widget-social            { width: auto; float: left; }
.widget-social ul         { margin: 0; padding: 0; }
.widget-social li         { list-style: none; display: inline; margin: 0; padding-right: 5px; }
.widget-social .icon        { width: 32px; height: 32px; }


.widget-form            { width: 100%; float: left; }
.widget-form input          { width: 100%; height: 25px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; 
                    margin: 0 0 5px 0; padding: 3px; }
.widget-form textarea       { width: 100%; height: 125px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: 333; padding: 0 0 0 3px; }

.widget-form label          { font-size: 1em; }
.widget-row             { width: 85%; /* text-align: center; */ /* float: left; */ padding-bottom: 0px; margin-bottom: 7px; }

.widget .field            { width: 80%; }

/* 
  SIDEBAR FORM  
*/
#sidebar-form             { height: 250px; margin: 5px 0 0 0; padding: 5px 0 0 15px; background-color: transparent; }

#sidebar-form input         { width: 170px; height: 15px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333;
                    margin: 0 0 0 10px; padding: 3px; }
   
#sidebar-form textarea        { width: 175px; height: 75px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333;
                    margin: 0 0 0 10px; padding: 0 0 0 3px; }
                    
#sidebar-form input.button      { width: 100px; height: 30px; font-size: 12px; font-weight: bold !important; text-transform: uppercase; color: white;
                    margin: 0 0 0 55px; padding: 6px; border: 2px solid white !important; background-color: #545454;
                    -moz-border-radius: 15px; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; }
  
#sidebar-form input.button:hover  { background-image: none; background-color: #8C1717; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; }

#sidebar-form input.button::-moz-focus-inner { border: none; }  /* overrides extra padding in Firefox */ 

/* 
  CONTACT PAGE
*/

.contact-row      { float: left; width: 300px; margin-bottom: 1px; }
.contact-row p      { font: normal 12px/normal Arial, Helvetica, sans-serif; color: #333333; }
.contact-row p strong { font-weight: bold; }

.contact-item       { float: left; margin-left: 20px; width: 50px; }
.contact-info     { float: left; margin-left: 30px; margin-bottom: 0; }
.contact-info a     { text-decoration: none; }
.contact-info a:hover { text-decoration: underline; }
#map-canvas       { width: 240px; height: 250px; float: right; margin-left: 0; }
 
/*
  FORM STYLING
*/
.well {
  min-height: 20px;
  padding: 19px 5px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  background: #f5f5f5 url(../images/patterns/7.png) repeat;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  color:#333;
  width: 100%;
}

.form-group         { width: 90%; margin: 0 auto; overflow: hidden; }
.form-column-left       { float: left; }
.form-column-right      { float: left; margin-left: 0; }
.form-column-leftmini   { width: 30%; float: left; }
.form-column-midmini    { width: 30%; float: left; }
.form-column-rightmini    { width: 30%; float: left; }

.row            { width: 90%; float: left; margin-bottom: 7px; }
.row-inline         { width: 90%; float: left; margin-bottom: 7px; display: inline; }
    
.field            { /* float: left; */}

.field-spacer       { float: left; width: 40px; }

label.error         { font-size: 11px; color: red; font-style: italic } /*used by the validator script*/


form            { margin: 0 0 18px; }
fieldset          { padding: 0; margin: 0; border: 0; }
legend            { padding: 0 0 5px 20px; }

label,
input,
button,
select,
legend,
textarea          { font: normal 13px/18px Tahoma, Geneva, sans-serif; }

label             { display: block; margin-bottom: 5px; color: #333333; }

label.stack         { display: block; margin: 6px 0 2px 0; color: #333333; }

label.inline        { display: inline; margin:6px o 2px o; color: #333333; }

input,
textarea,
select            { display: inline-block; width: 100%; height: 28px; padding: 4px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555555;
                  border: 1px solid #6BC2BA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

label input,
label textarea,
label select        { display: block; }

textarea          { height: auto; }
input[type="hidden"]    { display: none; }

select            { width: 220px; }

select[multiple],
select[size]        { height: auto; }

select,
input[type="file"]      { height: 28px; line-height: 28px;
                *margin-top: 4px; /* For IE7, add top margin to align select with labels */ }

.radio,
.checkbox           { padding-left: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] 
              { float: left; margin-left: -18px; }
              
.radio.inline,
.checkbox.inline      { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline 
              { margin-left: 10px; }
              
.fields > .radio:first-child,
.fields > .checkbox:first-child 
              { padding-top: 5px; }
              
input,
textarea          { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
                -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
                -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
input:focus,
textarea:focus        { border-color: rgba(76, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6);
                  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6);
                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 144, 98, 0.6);
                  outline: 0; outline: thin dotted \9; /* IE6-9 */ }
                
.input-mini         { width: 50%; }
.input-small        { width: 80%; }
.input-medium         { width: 120%; }
.input-large        { width: 140%; }
.input-xlarge         { width: 160%; }
.input-xxlarge        { width: 180%; }

input[type="image"],
input[type="checkbox"],
input[type="radio"]     { width: auto; height: auto; padding: 0;  margin: 3px 0; *margin-top: 0; /* IE7 */
                line-height: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 \9; /* IE9 and down */ }

.form-actions         { margin: 18px 0; }

.form-actions:before,
.form-actions:after     { display: table; content: ""; }

.form-actions:after     { clear: both; }

.help-block         { display: block; margin-bottom: 9px; color: #555; }

p help { color:#333; }

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
  width:100%
}

/* DIV FOR LABEL AND FIELD GROUP */
.form-horizontal .field-group { margin-bottom: 10px; *zoom: 1; }

/* DIV FOR THE FIELD LABEL */
.form-horizontal .field-label { float: left; padding-top: 5px; text-align: right; }
.form-horizontal .field-labelL { float: left; width: 150px; padding-top: 5px; text-align: right; }
.form-horizontal .field-labelXL { float: left; width: 200px; padding-top: 5px; text-align: right; }


/* DIV FOR ACTUAL FIELD */
.form-horizontal .fields { margin-left: 110px;
  /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
  *display: inline-block;
  *margin-left: 0;
  *padding-left: 20px;
}

/* DIV FOR FORM ACTIONS LIKE BUTTONS */ 
.form-horizontal .form-actions { padding-left: 110px; float: left; }



/*
  BUTTONS
*/

.btn      { display: inline-block; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #ffffff; text-align: center; vertical-align: middle; background: #ca8345; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ca8345 0%, #bc7d42 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ca8345 0%,#bc7d42 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */

 *display: inline; *zoom: 1; *margin-left: .3em; }
         
.btn:hover    { color: #ffffff; text-decoration: none; background: #ca8345; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ca8345 0%, #bc7d42 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ca8345 0%,#bc7d42 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */

}
          
.btn-inverse  { background: #ca8345; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhODM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzdkNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ca8345 0%, #bc7d42 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8345), color-stop(100%,#bc7d42)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ca8345 0%,#bc7d42 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ca8345 0%,#bc7d42 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8345', endColorstr='#bc7d42',GradientType=0 ); /* IE6-8 */

 }
          
        
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #a10b0d; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear;
            -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear;
            -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;
}
        
.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  outline: 0;
}
        
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #FFF;
}

.btn-primary,
.btn-primary:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #333333;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-primary.active
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-xlarge   { padding: 12px 18px; font-size: 14px; line-height: normal; 
            -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.btn-large    { padding: 9px 14px; font-size: 14px; line-height: normal; 
            -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
          
.btn-small    { padding: 5px 9px; font-size: 15px; line-height: 16px; margin-top: 5px; color: white;}

.btn-primary {
  background-color: #d31232;
  background-image: -moz-linear-gradient(top, #35699f, #d31215);
  background-image: -ms-linear-gradient(top, #35699f, #d31215);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35699f), to(#d31215));
  background-image: -webkit-linear-gradient(top, #35699f, #d31215);
  background-image: -o-linear-gradient(top, #35699f, #d31215);
  background-image: linear-gradient(top, #35699f, #d31215);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35699f', endColorstr='#d31215', GradientType=0);
  border-color: #d31215 #d31215 #8d0c0e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #d31215;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #a40e10 \9;
}

.staff a {
  color:#9ac6e3;
  text-decoration:none;
}
.left {
  margin:10px;
  margin-left:0;
  float:left;
}
.right {
  margin:10px;
  margin-right:0;
  float:right;
}

@media only screen and (min-width: 568px) {
  .form-horizontal .field-label {
    width: 20%;
    margin-right: 10px;
  }
  .form-column-left, .form-column-right {
    width: 90%; 
  }
  .input-mini         { width: 30%; }
  .input-small        { width: 50%; }
  .input-medium         { width: 80%; }
  .input-large        { width: 100%; }
  .input-xlarge         { width: 120%; }
  .input-xxlarge        { width: 140%; }
}

@media only screen and (min-width: 900px) {
  .widget-rule { 
    display: none;  
  }
  .widget h4 {
    padding: 6px 15px 10px;
    margin: 0px -15px 10px;
    width: 100%;
    text-align: center;
    color: #c98348;

  }
  .widget-form .form-horizontal {
    /*background-image: url(../images/patterns/7.png);*/
    background-repeat: repeat;
    padding-bottom: 10px; 
  }
  .form-horizontal .field-label {
    width: 35%;
  }
  .form-column-left, .form-column-right {
    width: 48%;
  }
}