/* mering other css pages. adding some styles here */
table.tbl_clean {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

    table.tbl_clean td {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        height: 25px;
        line-height: 15px;
        padding: 5px;
        border-spacing: 1px;
        border-collapse: separate; /* Use separate borders */
    }
    table.tbl_clean tr.header {
        background-color: #E3E4F0;
        text-align: center;
        color: #3B639C;
    }
        table.tbl_clean td.header_yn {
            background-color: #E3E4F0;
            font-weight: bold;
            color: #3B639C;
            text-align: center;
        }

        table.tbl_clean td.checkbox_yn {
            background-color: #E3E4F0;
            padding-left: 9px;
        }



        table.tbl_clean td.first {
            border-left: 1px solid #000;
            text-align: center;
        }

        table.tbl_clean td div.td_container {
            position: relative
        }

        table.tbl_clean td.last {
            border-right: 1px solid #000;
        }


        table.tbl_clean td.bottom {
            border-bottom: 1px solid #000;
        }

        table.tbl_clean td.no_border {
            border: none !important;
        }

    table.tbl_clean tr:last-child {
        border-bottom: 1px solid #000;
    }

    table.tbl_clean tr td:last-child {
        border-right: 1px solid #000;
    }
    /*
        inputs
    */
    table.tbl_clean input[type=text], table.tbl_clean select {
        border: 1px solid #000;
        background-color: #E8E8E8;
        height:25px;
        line-height: 15px;
        padding: 2px;
    }


/* ---------------------------------------- generic form styling */


.form {padding-bottom:0;}
.form fieldset {border:0;padding:0 0 0 8px;margin:8px;}

.form  p{line-height:16px;margin:4px;}

.form .hidden {display:none; visibility:hidden;}

/* form layouts for specific UI fields-input relationship (i.e. field in line or below). 
   set at fieldset for standard vertical 2 col presentation; or set at each element for 
   more specific requirements.
   Also optional settings for clearing after each div in a fieldset
*/
.form fieldset label {float:left; padding:7px; padding-left:0px; width:130px;color:#000;}

.form.inputs_below fieldset div label,
.form fieldset.inputs_below div label,
.form fieldset div.input_below label {display:block; float:none;}

.form.clr fieldset div, 
.form fieldset.clr div {clear:both !important;}


/* standardising label widths within a form and/or fieldset*/

.form.lblwidth_s fieldset label,
.form fieldset.lblwidth_s label {width:100px;}
.form.lblwidth_s .buttons {padding-left:100px;}

.form.lblwidth_m fieldset label,
.form fieldset.lblwidth_m label {width:130px;}
.form.lblwidth_m .buttons {padding-left:130px;}

.form.lblwidth_l fieldset label,
.form fieldset.lblwidth_l label {width:200px;}
.form.lblwidth_l .buttons {padding-left:200px;}

.form.lblwidth_xl fieldset label,
.form fieldset.lblwidth_xl label {width:250px;}
.form.lblwidth_xl .buttons {padding-left:250px;}

.form.lblwidth_xxl fieldset label,
.form fieldset.lblwidth_xxl label {width:300px;}
.form.lblwidth_xxl .buttons {padding-left:300px;}

.form fieldset div.req span,
.form fieldset div.req label span {color:red;padding-left:4px;float:none;}

.form fieldset div.req span {float:left;}

.form legend {color:#000; margin-left:-80px; padding-bottom:10px;}

/* ie7 */
*:first-child+html .form legend {margin-left:-88px;}

/* input field presentaion*/
.form input,
.form textarea,
.form select {display:block; padding:4px; margin-bottom:8px; height:25px; width:150px;float:left;}
.form textarea {height:120px;}

.form.fields_l input,
.form.fields_l textarea,
.form.fields_l select{display:block; padding:4px; margin-bottom:8px; height:25px; width:200px;float:left;}
.form.fields_l textarea{height:150px;}

.form.fields_xl input,
.form.fields_xl textarea,
.form.fields_xl select{display:block; padding:4px; margin-bottom:8px; height:25px; width:250px;float:left;}
.form.fields_xl textarea{height:150px;}

/* 
change width of input */
.form input.small,
.form textarea.small,
.form select.small {width:75px !important;}

.form input.w_medium,
.form textarea.w_medium {width:141px;}

.form select {width:292px;} /*extra 10px on select as standard to standard inputs to make same size*/
.form select.w_medium {width:151px;}

.form input[type="checkbox"],
.form input[type="radio"] {border:0;padding:4px;width:20px}

.form input[type="checkbox"]:focus,
.form input[type="radio"]:focus { border:0;}


.form textarea {height:120px;}



.form input:focus,
.form select:focus,
.form textarea:focus {border: 1px solid black !important;}
/*end here add*/

.form div.buttons input {width:150px;}

.form fieldset.buttons input[type="button"]{width:50px;}

.form fieldset.buttons span {line-height:30px; padding: 0 5px;}


/*
admin user helper classes
*/
.ad-switch{display:none;}