/**

 * Form Generation Library Stylesheet

 * 

 * This style sheet includes the basic styles

 * for a form generated with the form generation

 * library for CodeIgniter

 * 

 * @license		MIT License

 * @author		Frank Michel

 * @link		http://frankmichel.com

 * @docu		http://frankmichel.com/formgenlib

 * @email		info@frankmichel.com

 *

 * @file		form.css

 * @version		1.0.4

 * @date		02/28/2011

 * 

 * Copyright (c) 2009 Frank Michel

*/



/* --------------------------------------------------------------------------

        GENERAL FORM */



form {



    margin:0px;

    padding:0px;

}





/**

 * this will make sure that floats will be cleared

 * for example if you use <br /> after checkboxes and radio buttons

*/

form br {

    clear: left;

}



#errors {

    padding: 10px; 

    margin: 0 5px 10px 00px;

    border: 1px solid #c00;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    background-color: transparent;

    color: #c00;

}



/* --------------------------------------------------------------------------

        FIELDSET */



fieldset {

    /*border: 1px solid #BBBBBB;*/

    border: none;

   /* font-family: 'Roboto Slab', serif;*/

    font-size: 16px;

    margin-bottom: 20px;

    padding: 15px 20px;

}



legend {

    font-size: 14px;

    font-weight: bold;

}



/* --------------------------------------------------------------------------

        LABELS */



#contact_us_form  { line-height:30px;}

#contact_us_form fieldset {     padding: 0px;  }

#contact_us_form input {     padding: 2px;     width: 97%;    display: block;    border: 1px solid #C9C9C9;    margin: 5px 0 0px 0;    -webkit-box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0.1);    box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0.1); }

#contact_us_form label { float:none;font-size: 14px;font-weight: bold;}

#contact_us_form legend { display:none;}

#contact_us_form .button {

    position: relative;

    color: #fff;

    /*font-family: 'Roboto Slab', serif; */

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    background-color: #1D3D66;

    padding: 7px 20px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    /*font-family: 'Roboto Slab', serif; */

    font-size: 1.1em;

    width: auto;

    height: auto;

    border: 0;

    -webkit-box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0);

    box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0);

}

#contact_us_form .button:hover {
    background-color: #2C2C2C;
}

#contact_us_form h5 { margin: 5px 0 21px; }

label {

    display: inline;

    float: left;

    padding-right: 10px;

    vertical-align: middle;

    color: #2C2C2C;

    /*font-family: 'Roboto Slab', serif;  */

}



label.error {

    color: #B70000;

}



/**

 * use this class in the $config['defaults'] for 'label' in the config file

 * if you want the text in the label left justified

*/

label.left {

    text-align: left;

}



/**

 * 'combine' is used when two labels are combined such as in 'City/Zip'

*/

label.left.combine {

    width: auto;

    float: left;

    padding: 0;

}



/**

 * use this class in the $config['defaults'] for 'label' in the config file

 * if you want the text in the label right justified

*/

label.right {

    text-align: right;

}



label.right.combine {

    width: auto;

    float: none;

    text-align: right;	

    padding: 0;

}



/**

 * use this class in the $config['defaults'] for 'label' in the config file

 * if you want to display the label above the field

*/

label.top {

    float: none;

    padding: 0;

    width: auto;

    text-align: left;

}



/**

 * use this class in the $config['defaults'] for 'label' in the config file

 * if you want to display the label after the field

*/

label.after {

    float: none;

    padding-left: 10px;

    vertical-align: top;

    text-align: left;

}



label.after.combine {

    width: auto;

    float: left;

    padding: 0;

}



/**

 * this needs to be assigned to all 'checkbox' and 'radio' type elements

 * (to remove any width and float styles previously set)

*/

label.check {

    float: left;

    width: auto;

}



input.check + label.check  {

    padding-left: 6px;

}



/**

 * this is where you can style your required labels

 * don't forget to include this class name in the config file

*/

label.required {

    font-weight: bold;

}



/**

* label for top info with no input.

*/

label.info_label{

    width: auto;

    font-weight: bold;

    color: #666;

    padding-bottom: 10px;

    padding-top: 10px;

}



#request_info_form label.event_req_label{

    width:230px;

    padding-right:15px;

    padding-bottom: 5px;

    line-height: 20px;

    text-align: left;

}



/* --------------------------------------------------------------------------

        GENERAL INPUTS */



input, select, textarea, button {

    font-size: 12px;

    color:  #221006;

    /*border: 1px solid #4F718A;*/

    border: 1px solid #221006;

}



input.error, select.error, textarea.error {

    border: 1px solid #B70000;

}



input[disabled], input[readonly] {

    color: #808080;

    background-color: #efefef;

}



input[type="file"] {

    border: none;

}



/* --------------------------------------------------------------------------

        TEXT INPUTS */

input {

    width: 200px;

    padding: 3px;

    margin-bottom: 8px;

}

input[type="submit"]{

    /*width: auto;*/

    cursor: pointer;

}

/* --------------------------------------------------------------------------

        CHECKBOX / RADIO INPUTS */



input.check {

    float: left;

    width: auto;

    padding: 0;

    margin: 0;

    height: 24px;

    border: none;

}



/* --------------------------------------------------------------------------

        UPLOADS */



input.upload {

    border: none;

    background-color: transparent;

}



/* --------------------------------------------------------------------------

        IMAGE INPUTS */



input.image {

    border: 0px;

    background-color: transparent;

}



input[type="image"]{

    border: 0px;

    background-color: transparent;

}



/* --------------------------------------------------------------------------

        TEXTAREA */



textarea {

    padding: 2px;



    height: 150px;

    width: 97%;

    display: block;

    border: 1px solid #C9C9C9;

    margin: 5px 0 15px 0;

    -webkit-box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0.1);

    box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0.1);

}

/* --------------------------------------------------------------------------

        TEXTEDITOR  FOR RICH TEXT */



.texteditor {

    float: left;

}



/* --------------------------------------------------------------------------

        SELECT */



select {

    padding: 2px;

    margin-bottom: 4px;

    background-color: #fff;

    background: #fff  url('../images/search-input-bg.jpg') repeat-x;

}



optgroup {

    color: #fff;

    background-color: #999;

}



option {

    color: #000;

    background-color: #fff;

}



/******FOR CKEDITOR********/



select.cke_cms_pages optgroup, select.cke_products optgroup {

    background-color: #DDDDDD;

    color: #444444;

    font-style: normal;

    font-weight: bold;

    max-width: 300px;

    min-width: 200px;

}

select.cke_cms_pages optgroup option, select.cke_products optgroup option{

    color: #000;

    background-color: #fff;

    padding-left: 20px;

    font-weight: normal;

    max-width: 300px;

    min-width: 200px;

}

select.cke_documents{

    max-width: 300px;

    min-width: 200px;

}



/* --------------------------------------------------------------------------

        BUTTONS */



button, input.button,.button {

    width: auto;

    /*height: 24px;*/

    padding: 3px 7px 3px 7px;

    margin: 0;

    color: #fff;

    background: #959595;			

    border: 1px solid #707070;

    vertical-align: middle;	

}





.col_contact .button, .submit-button {

    position: relative;

    color: #fff;

    /*font-family: 'Roboto Slab', serif; */

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    background-color: #649a71;

    padding: 7px 20px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    /*font-family: 'Roboto Slab', serif; */

    font-size: 1.1em;

    width: auto;

    height: auto;

    border: 0;

    -webkit-box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0);

    box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0);

}



.col_contact .button:hover,.submit-button:hover { 

    background-color: #578763;

    color: #fff;

}



/* --------------------------------------------------------------------------

        ERROR */

span.required{

    color: #B70000;

}



.inline-error{

    padding-left: 10px;

    color: #B70000;

}

.validate_err{

    color: #900;

}

/* --------------------------------------------------------------------------

        OTHER */



span.help {

    display: block;

    color: #666;

    font-size: 10px;

    margin-left: 160px;

    line-height: 15px;

    margin-bottom: 5px;

}

.top-searching form{padding: 0;}

.search-form input{border: 0 none;padding: 2px;}

.top-searching { float:right; display:block; margin-top:7px; display:none; }

.top-searching #search_button{width: auto;height: auto;}

.top-searching #search_keyword{width: 110px; padding:0px 5px 0px 4px; height:24px; color: #666666; border: medium none; line-height: 24px; border: 1px solid #81A0B7; border-radius: 6px; }



.search_form{



}

.search_form label{

    width: auto;

    float: left;

    

    font-size:16px;

    line-height:normal;

    margin:0 0 5px;

    font-family: 'Open Sans',sans-serif;

    display: inline-block;

    padding-bottom: 3px;

    color: #3e3e3e;

    font-weight: bold;

    

}

.search_form input {

    border: 1px solid #bbbbbb;margin-bottom:10px;padding:5px;clear:left;

}

.search_form select { border: 1px solid #bbbbbb;float:left;clear:left;

}

.search_form input.date_picker{

    width: 100px;

}

#error_report_form_id select{

    width: 350px;

}

.search_form .button{

   background: url("../images/more-back.jpg") no-repeat scroll right center #1ba3d3;

    border-radius: 12px;

    color: #ffffff;

    cursor: pointer;

    font-family: 'Open Sans',sans-serif;

    font-size: 15px;

    font-weight: 600;

    margin: 0;

    padding: 6px 16px 10px 5px;

    width: 118px;

    overflow:hidden;

    border: none;

}

.search_form .button:hover {  background: url(../images/more-back-over.jpg) #1997C4 center right no-repeat; }

.save_search_form{

    padding-top: 15px;

}

.save_search_form label{

    width: auto;

    float: none;

    min-width: 80px;

    display: inline-block;

    padding-bottom: 3px;

}





/*Responce message*/

.response-msg {

    padding:5px 5px 5px 45px;

    font-size:13px;

    margin: 10px 20px;

    text-align: left;

    line-height: normal;

    margin-bottom: 15px;

}

.response-msg p{

    padding: 0; margin: 0;

}

.response-msg #errors{

    border: 0;

    background: none;

}

.response-msg ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.response-msg ul li{

    padding-bottom: 3px;

}

.response-msg span {

    display:block;

    font-weight:bold;

    padding:0;

}



.alert {

    background:#fff url('../images/icons/error.png') 10px 50% no-repeat;

    color:#b50007;

    border-top:none; border-right:none; border-left:none; border-bottom: 1px solid #f4f4f4;

}



.notice  {

    background:#fff url('../images/icons/notice.png') 10px 50% no-repeat;

    color:#828400;

    border-top:none; border-right:none; border-left:none; border-bottom: 1px solid #f4f4f4;

}



.info {

    background:#fff url('../images/icons/info.png') 10px 50% no-repeat;

    color:#0055b5;

    border-top:none; border-right:none; border-left:none; border-bottom: 1px solid #f4f4f4;

}



.confirm {

    background:#fff url('../images/icons/success.png') 10px 50% no-repeat;

    border-top:none; border-right:none; border-left:none; border-bottom: 1px solid #f4f4f4;

}



.no-icon {

    background-image: none;

    padding-left: 5px;

}



#request_info_form label{

    width: 130px;

    text-align: right;

}

#request_info_form label.check{

    width: auto;

    text-align: left;

    line-height: 20px;

}



input[type="submit"].green_button,button.green_button,a.green_button:link,a.green_button:visited{

    background-color: #6DBE41;

    color: #FFFFFF;

    line-height: 28px;

    height: 28px;

    font-weight:  bold;

    color: #FFF;

    cursor: pointer;

    padding: 0;

    padding-left: 10px;

    padding-right: 10px;

    display: inline-block;

    border: 1px solid #569733;

    font-size: 12px;

}



#select_sortby_text{

    background-image: url("/images/selectbox_bg-180.png");

    color: #77787C;

    font-size: 12px;

    font-weight: bold;

    height: 21px;

    padding-left: 7px;

    padding-top: 7px;

    position: absolute;

    text-transform: uppercase;

    width: 173px;

}

#select_topic_text{

    background-image: url("/images/selectbox_bg-272.png");

    color: #77787C;

    font-size: 12px;

    font-weight: bold;

    height: 21px;

    padding-left: 7px;

    padding-top: 7px;

    position: absolute;

    text-transform: uppercase;

    width: 265px;

}

select.styled {

    opacity: 0;

    filter:alpha(opacity=0); /*this is for i6 8 and earlier*/

    position: relative;

    width: 269px;

    z-index: 5;

    height: 28px;

    color: #77787C;

    font-size: 12px;

    text-transform: uppercase;

}

.map_search_form input.check{

    width: auto;

    height: auto;

    float: none;

}



input.member-submit-search{

    background: #fff;

}

.form_content{

    margin-top: 20px;

}



/*****Search ******/

input.top_search_input{

    margin: 0;

    width: 150px;

    height: 15px;

    padding: 0;

    color: #999;

    font-size:11px;

    color:#007AC3;

    text-transform: none;

    border: 1px solid #007AC3;

}

input.top_search_btn{

    margin: 0;

    margin-top: 2px;

    padding: 0;

    height: 19px;

    padding-bottom: 2px;

    background: url(../images/go-btn.png) top left no-repeat;

    font-size:10px;

    color:#007AC3;

    font-weight:bold;

    border:none;

    width:29px;

}



/*********Contact Us Form**********/

#contact_us_form img{margin-bottom: 3px;}



/****Login Widget From******/

.login_widget input{margin-bottom: 0px;}

.login_widget label{width: 170px; font-size: 11px; line-height: 18px;}