/* Form Elements Styling */





.zk-data-block label {

    width: 98%;

    float: left;

    color:#333;

    overflow: hidden;

}

.zk-text-box-view {

    float: left;

    background-color: #ffffff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border-width:1px;

    border-color:#999;

    border-style:solid;

    margin: 4px;

    padding: 5px;

    font-size:80%;

    width: 95%;

    margin: 0;

    width: 100%;

    height: 22px;

}

.zk-data-block .text_box,

.zk-data-block  input[type=text],

.zk-data-block  input[type=password],

.zk-data-block  input[type=url],

.zk-data-block  input[type=tel],

.zk-data-block  input[type=number],

.zk-data-block  input[type=color],

.zk-data-block  input[type=email],

.zk-data-block  input[type="file"],

.zk-data-block  select,

.zk-data-block  textarea{

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border-width:1px;

    border-color:#999;

    border-style:solid;

    margin: 4px;

    padding: 5px;

    font-size:90%;

    width: 95%;

    margin: 0;

    font-family: tahoma;

}



/* end of Form Element Styling */



/* Form Inputs Hover Effect */

.zk-data-block .text_box:focus,

.zk-data-block input[type=text]:focus,

.zk-data-block input[type=password]:focus,

.zk-data-block input[type=url]:focus,

.zk-data-block input[type=tel]:focus,

.zk-data-block input[type=number]:focus,

.zk-data-block input[type=color]:focus,

.zk-data-block input[type=email]:focus,

.zk-data-block input[type="file"]:focus,

.zk-data-block select:focus,

.zk-data-block textarea:focus

{

    outline: none; /* Remove Chrome outline */

    border-width:1px;

    border-style:solid;

    border-color:#060;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border:1px solid #56b4ef;

    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    background-color:#FFF;

}



.zk-data-block .ResizeGridLabeling{

    min-height: 120px;

    height: auto;

}



/* End of Form Inputs Hover Effect */







/* Css to format the layout of Forms and mostly use it as auto resize */

.zk-data-block-small,.zk-data-block-medium, .zk-data-block-large {

    float: left;

    margin:auto;

    padding: 10px;

    text-wrap:none;

    word-wrap:break-word;

    position: relative;

    display: block;

}



/* Input TextBox, Dropdowns, and List */

.zk-data-block-input-small, .zk-data-block-input-medium, .zk-data-block-input-large{

    float: left;

    margin:4px;

    text-wrap:none;

    word-wrap:break-word;

    position: relative;

    display: block;

    height: 62px;

}

/* Popup Windows */

.zk-data-block-popup .zk-data-block-input-small, .zk-data-block-popup .zk-data-block-input-medium, .zk-data-block-popup .zk-data-block-input-large{

    float: left;

    margin:6px;

    text-wrap:none;

    word-wrap:break-word;

    position: relative;

    display: block;

    height: 46px;

}

.zk-tall-height{

    min-height: auto;

}

/* ---=== Start of small Wrapper ===--- */

.zk-data-block-small{

    width: 22%;

}



.zk-data-block-input-small{

    width:  23%;

}



.zk-data-block-popup .zk-data-block-small{

    width: 22%;

}

/* ---===  End of  Small  Wrapper ===--- */







/* ---=== Start of Medium Wrapper ===--- */

.zk-data-block-medium{

    width:  47%;



}



.zk-data-block-input-medium{

    width:  46%;

}



.zk-data-block-popup .zk-data-block-medium{

    width:  47%;



}

/* ---=== End of Medium Wrapper ===--- */







/* ---=== Start of Large Wrapper ===--- */

.zk-data-block-large{

    width: 95.5%;

    min-width: 95.5%;

}



.zk-data-block-input-large{

    width:  94%;

}

.zk-data-block-popup .zk-data-block-large{

    width: 95.5%;

    min-width: 95.5%;

}

/* ---=== End of Medium Wrapper ===--- */













.zk_DropDownList .k-combobox  {

    width:100%;

}



.zk_DropDownList .k-combobox .k-input{

    width:93% !important;

}



.zk_DropDownList .k-combobox .k-icon{

    margin-top:5px !important;

    margin-right:6px !important;

}









.zk_DatePicker .k-datepicker  {

    width:100%;

}



.zk_DatePicker .k-datepicker .k-input{

    width:93% !important;

}



.zk_DatePicker .k-datepicker .k-icon{

    margin-top:5px !important;

    margin-right:6px !important;

}



.zk_TimePicker .k-timepicker  {

    width:100%;

}



.zk_TimePicker .k-timepicker .k-input{

    width:93% !important;

}



.zk_TimePicker .k-timepicker .k-icon{

    margin-top:5px !important;

    margin-right:6px !important;

}



/*  Numeric Textbox start here  */

.zk_NumericTextBox .k-numerictextbox{

    width:100%;

}



.zk_NumericTextBox .k-numerictextbox .k-input{

    width:93% !important;

}



.zk_NumericTextBox .k-numerictextbox .k-icon{

    margin-top:5px !important;

    margin-right:6px !important;

}







/* Combo box start here */

.zk_ComboBox .k-header, .zk_ComboBox .k-dropdown-wrap, .zk_ComboBox .k-autocomplete{

    width:93% !important;

}





/*  Resize for small screen resolutions*/

@media screen and (min-width:320px) and (max-width:960px){

    .zk-data-block-medium {

        width: 46%;

    }

}





/*  autocomplete style goes here */

.AutoCompleteImg{

    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);

    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);

    box-shadow: 0 0 2px rgba(0,0,0,.4);

    float: left;

    margin: 5px 20px 5px 0px;

}



.AutoCompleteText{

    margin: 10px 0 10px 0;

    font-size: 1em;

}