﻿/*   Common Control Style Start */
@font-face {
    font-family: 'BKoodakBold';
    src: url('/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
    url('/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BHoma';
    src: url('/fonts/BHoma.eot?#') format('eot'),  /* IE6–8 */
    url('/fonts/BHoma.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/BHoma.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


@font-face {
  font-family: 'BYekan';
  src: url('/fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('/fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "bnassim";
    src: url('/fonts/b-nassim-regular.eot') format('eot'),
    url('/fonts/b-nassim-regular.woff') format('woff'),
    url("/fonts/b-nassim-regular.ttf") format('truetype');
}
    
@font-face{
    font-family: "bnassimbold";
    src: url('/fonts/b-nassim-bold.eot') format('eot'),
    url('/fonts/b-nassim-bold.woff') format('woff'),
    url("/fonts/b-nassim-bold.ttf") format('truetype');
}

.BKoodakBold {font-family: BKoodakBold, Times New Roman, tahoma, Helvetica, sans-serif;font-size:12px}             
.BHoma {font-family: BHoma, Times New Roman, tahoma, Helvetica, sans-serif;}
/*   Common Control Style Finish */

/*   Textbox Control Style Start */

.inputtext
{
    height:23px;
	padding: 0 5px;
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.02)), to(rgba(0,0,0,.02)));
	background-image: -webkit-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	background-image: -moz-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02)); 
	background-image: -ms-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02)); 
	background-image: -o-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	background-image: linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5D5D;
}

.inputtext:focus , .inputtext:active
{
	outline: 0;border: 1px solid #E6E6E4;
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.1) inset;
	box-shadow: 0 2px 1px 0 rgba(0,0,0,.1) inset;
}
.Err-Textbox-req {font-family:'FontAwesome';color:blue;float:right;font-size:7px;margin-top:8px;margin-right:2px;}    
.Err-Textbox-val {font-family:'FontAwesome';color:red;float:right;font-size:8px;margin-top:8px;}
.uc-textbox-box {border:0px solid #000;float:right;display:table;width:350px;padding-top:10px;direction:rtl;}
.headerlabels   {border:0px solid #000;display: block; float:right;font-family:bhoma;width:100px;font-size:12px;text-align:right;}
.headerlabel-icon {border:1px solid #000;display: table; float:left;font-size:12px;text-align:right;width:10px}

.width-50 {width:50%;border:0px solid #000;display:table;}
.width-100 {width:100%;}
.width-100px {width:95px;}
.width-25px {width:25px;border:0px solid #000;display:table;}
.float-r {float:right}
.float-l {float:left!important;}
/*   Textbox Control Style Finish */

/**/
.text-gridview_body {height:170px;overflow-y:scroll;position:relative;direction:ltr;}
.text-gridview_body_row{ 
    background-color: #F5F5F5;Width:100%;float:right;border-bottom: 1px solid #dcdcdc; 
    border-top: 2px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);direction:ltr;font-size:11px;line-height:30px;
}

.text-gridview_body_row:hover {background: #e7e7e7;cursor: pointer;}

.text-gridview_header_box{
    padding: 6px 0px 7px 0px; border: 0px #0C4A7C solid;color: #EAEAEA;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    vertical-align:middle;
    background: -moz-linear-gradient(top, #0C4A7C 0%, #4572a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C4A7C), color-stop(100%,#4572a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0C4A7C 0%,#4572a5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4572a5',GradientType=0 ); /* IE6-9 */ 
    display:table;width:100%;float:right;
}

/**/

.gridview_body_row{ background-color: #F5F5F5;display:table;Width:100%;float:left; padding:0px;float:right;border-bottom: 1px solid #dcdcdc; 
                    border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);direction:ltr;font-size:11px }

.gridview_body_row:hover {background: #e7e7e7;cursor: pointer;}

.gridview_header_box{
    padding: 3px 0 5px 0px; border: 0px #0C4A7C solid;color: #EAEAEA;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    vertical-align:middle;padding-top:0px;
    /*border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;*/    
    background: #4d7fb8; /* Old browsers */
    background: -moz-linear-gradient(top, #0C4A7C 0%, #4572a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C4A7C), color-stop(100%,#4572a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0C4A7C 0%,#4572a5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0C4A7C 0%,#4572a5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4572a5',GradientType=0 ); /* IE6-9 */ 
    display:table;width:100%;
}
  



/*   grid View Control Style Finish */
.Btn_Edit {border:1px solid #ddd;width:24px;height:24px;}
.grd-btns{float:left;width:30px;border:0px solid #000;height:20px;padding-top:3px;padding-bottom:4px;}
.myckeck {float:right;border:0px solid #000;padding-top:5px}

/* Start Dropdown Select Start */
.dropdown-select {
    border: 1px solid #d8d8d8;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-appearance: window;font-size: 11px; overflow: visible; 
    text-overflow: ellipsis; white-space: nowrap; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); 
    display: inline; position: relative; margin: 0px 1px 0px 1px; width: auto; height: auto; 
    padding: 4px 5px 4px 8px; outline: none; border-bottom: 1px solid #ccc; cursor: pointer; 
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
    background-color:#F9F9F9;
    -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;top: 0px;
    right: -1px;line-height: 25px;height: 25px; /* Firefox needs this */
}

.dropdown-select:hover {
    color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); text-align:right;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); 
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); 
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); 
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
}

.dropdown-select:active {
    color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; 
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); 
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); 
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); 
    box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);
}

.dropdown-option {color: #666; background: #f9f9f9; text-align:right;}

.dropdown-select::before {
    -webkit-margin-start: 3px; background: rgba(102, 102, 102, 0.74); border-radius: 100%; content: ''; 
    display: inline-block; font-size: 12px; font-weight: 400; height: 6px; left: 0; margin-top: 3px; opacity: 1; 
    position: absolute; top: 0; vertical-align: top; width: 6px; 
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.69), inset 0px 1px 3px rgba(0,0,0,0.35);
}
/* Start Dropdown Select Start */

/* Checkbox - Radio - Toggle Start */

.checkbox 
{
    width:100%;font: normal 13px Tahoma ;padding-right:3px;float:right;text-align:right;padding-top:0px;border:0px solid red;
}
.checkbox label 
{
    border:0px solid #666;font: normal 12px bkoodakbold ;margin-top:1px!important;float:right;display:table;text-align:right;direction:rtl;cursor:pointer;

}

input[type="checkbox"], input[type="radio"] {
    background-color: #f4f4f4;
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.05), hsla(0,0%,0%,.01));
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 2px hsla(0,0%,0%,0.5);
    border: 0px solid #666;cursor: pointer;margin:5px 5px 5px 5px;width: 16px;float:right
}

input[type="radio"] {
    border-radius: 100%;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.15),hsla(0,0%,0%,.05));
}
input[type="radio"]:checked::before {
    background-color: #666;
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.1), hsla(0,0%,0%,.25));
    box-shadow: 0 1px 0, hsla(0,0%,100%,.75);
    border-radius: 100%;
    border:none;
    content:'';
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    height: 8px;
    width: 8px;
}

input[type="checkbox"]:checked::before {
    background-color: #666;
    box-shadow: 1px 0px 0 #666,2px 0px 0 #666,3px 0px 0 #666,3px -1px 0 #666,3px -2px 0 #666,3px -3px 0 #666,3px -4px 0 #666,
                3px -5px 0 #666,3px -6px 0 #666,3px -7px 0 #666,3px -8px 0 #666;
    content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);display: block;
    position: absolute;height: 3px;width: 3px;margin-top:5px;margin-right:10px;
}
input[type="checkbox"].toggle {
    background-color: #666;
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.1), hsla(0,0%,0%,.35));
    box-shadow: inset 0 1px 0 hsla(0,0%,0%,.5),0 1px 0 hsla(0,0%,100%,0.75);
    border:none;cursor: pointer;border-radius: 20px;position: relative;top: -2px;
    left: 4px;height: 12px;width: 24px;-webkit-appearance: none;-webkit-transition: .2s;
}

input[type="checkbox"].toggle::after {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.25), hsla(0,0%,0%,0));
    box-shadow: inset 0 1px 0 hsla(0,0%,0%,.5),0 1px 0 hsla(0,0%,100%,0.5);
    content: '';display: block;border: none;border-radius: 100%;position: relative;top: -14px;left: 2px;height: 8px;width: 8px;
}
input[type="checkbox"].toggle:hover::before {
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.15),hsla(0,0%,0%,.05));
}
input[type="checkbox"].toggle:checked {
    padding-left: 12px;
}
input[type="checkbox"].toggle:checked::after {
    background-color: #008aff;
    background-image: -webkit-linear-gradient(90deg, hsla(0,0%,0%,.25), hsla(0,0%,0%,0));
    box-shadow: inset 0 1px 0 hsla(0,0%,0%,.5),0 1px 0 hsla(0,0%,100%,0.5),0 0 3px #008aff;
}
.check-items {width:45%;float:right;display:table;}
.check-items-header {font:bold 12px bhoma;text-align:right;width:100%;display:table;margin-top:10px;}


/* Checkbox - Radio - Toggle Finish */

.btn-primary {
    color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;background-repeat: repeat-x;background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;border-right-color: #0044cc;border-top-color: #0044cc;border-bottom-color: #002a80;
}

.cmd {
border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #b3b3b3;
    display: inline-block;padding: 4px 12px;margin-bottom: 0;font-size: 14px;line-height: 20px;color: #333333;text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-repeat: repeat-x;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.search-button:hover,cmd:hover  {
    -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
    -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
    -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
    box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);
}

.search-button:active,cmd:active {
    -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
    -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
    -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
    box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57);
}

.buttonopr{
    width: 60px; 
    margin-left:5px;
    border:1px solid #74bf36;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF; 
    border-color: rgb(209, 72, 54);
    background: #D14836; /* Old browsers */
	background: -moz-linear-gradient(top, #E91D02 0%, #951808 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E91D02), color-stop(100%,#951808)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E91D02 0%,#951808 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E91D02 0%,#951808 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #E91D02 0%,#951808 100%); /* IE10+ */
	background: linear-gradient(to bottom, #E91D02 0%,#951808 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E91D02', endColorstr='#951808',GradientType=0 ); /* IE6-9 */
    float:right;
    }
.buttonopr:hover{
    border-color: rgb(209, 72, 54);
    background: #D14836; /* Old browsers */
	background: -moz-linear-gradient(top, #D14836 0%, #B80606 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F96F6F), color-stop(100%,#B80606)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F96F6F 0%,#B80606 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F96F6F 0%,#B80606 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F96F6F 0%,#B80606 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F96F6F 0%,#B80606 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F96F6F', endColorstr='#B80606',GradientType=0 ); /* IE6-9 */

 }

.btn-cancell {
    display: inline-block;
    color: rgb(51, 51, 51);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    background-color: rgb(245, 245, 245);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-cancell:hover, .btn-cancell:focus {
    color: rgb(51, 51, 51);
    text-decoration: none;
    background-position: 0px -15px;
    transition: background-position 0.1s linear 0s;
}
.btn-cancell:hover, .btn-cancell:focus, .btn-cancell:active, .btn-cancell.active, .btn-cancell.disabled, .btn-cancell[disabled] {
    color: rgb(51, 51, 51);
    background-color: rgb(230, 230, 230);
}
.btn-states {
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #F2F3F3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F3F3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F2F3F3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F2F3F3 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F2F3F3 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F2F3F3 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F3F3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) inset;
    border: 1px solid rgba(255, 255, 255, 0.1);	
	color:#ffffff;
	float:right;
	text-shadow:1px 1px 0px #689324;margin-left:5px;
    height:60px!important;
}
.implant {background-image:url('/images/implant.png')!important;background-repeat:no-repeat;background-position:center;}
.pulling {background-image:url('/images/extraction.jpg')!important;background-repeat:no-repeat;background-position:center;}
.plaque {background-image:url('/images/teeth-plaque.png')!important;background-repeat:no-repeat;background-position:center;}
.veneer {background-image:url('/images/teeth-veneer.png')!important;background-repeat:no-repeat;background-position:center;}
.color {background-image:url('/images/teeth-color.png')!important;background-repeat:no-repeat;background-position:center;}
.crooked {background-image:url('/images/teeth-crooked.png')!important;background-repeat:no-repeat;background-position:center;}
.amalgam {background-image:url('/images/teeth-amalgam.png')!important;background-repeat:no-repeat;background-position:center;}
 
.Braces {background-image:url('/images/Orthodontic-Braces.png')!important;background-repeat:no-repeat;background-position:center;}
.btn-success {
    background: #6EB46E; /* Old browsers */
	background: -moz-linear-gradient(top, #6EB46E 0%, #539844 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6EB46E), color-stop(100%,#539844)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6EB46E 0%,#539844 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6EB46E 0%,#539844 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6EB46E 0%,#539844 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6EB46E 0%,#539844 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6EB46E', endColorstr='#539844',GradientType=0 ); /* IE6-9 */
	background-color:#6EB46E;border:1px solid #83c41a;display:inline-block;color:#ffffff;float:right;
	text-shadow:1px 1px 0px #689324;margin-left:5px;
}
.btn-success:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5ABB49), color-stop(1, #3A7D2F) );
	background:-moz-linear-gradient( center top, #5ABB49 5%, #3A7D2F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ABB49', endColorstr='#3A7D2F');
	background-color:#5ABB49;transition: background-position 0.1s linear 0s;
}
.btn-success:active {
	position:relative;top:1px;
}

.cmd {position: absolute; text-indent: -35px; outline: none; border: 1px solid #ccc; margin-top:0px;
    border-radius: 3px 3px 3px 3px; cursor: pointer; font-family:bhoma;
    -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
    -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
    -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
    box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
    background: #B2D14D url(/images/sb.png) 0 0 no-repeat;}

.search-drp-text { 
    float:right;text-align:center;height:23px;*height: 23px;margin-left:-1px;
    -moz-border-radius: 0px 5px 5px 0px ;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;
}
.search-drp-count { 
    float:right;text-align:center;height:23px;*height: 23px;margin-right:-3px;
    -moz-border-radius:5px 0px 0px 5px ;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	text-decoration:none;font-size: 12px;font-weight: bold;font-family:Bkoodakbold, bhoma;
    text-align: center;padding:0px;text-align: center;vertical-align: middle;height:25px;
}

.fast-search-box {
    display:table;padding:10px;text-align:right;padding-bottom:0px;border:0px solid #000
}

.fast-search-box input {
    width: 180px;height: 20px;padding: 4px 5px 4px;margin-bottom:10px;font: 13px 'BKoodakBold', 'bhoma', 'trebuchet MS', 'Tahoma';
    -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;      
    background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.02)), to(rgba(0,0,0,.02)));
	background-image: -webkit-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	background-image: -moz-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02)); 
	background-image: -ms-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02)); 
	background-image: -o-linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	background-image: linear-gradient(top, rgba(203,255,163,.02), rgba(0,0,0,.02));
	border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); 
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
}

.sidebar-search-widget {
    margin: 15px;border: 1px solid rgb(221, 221, 221);padding: 0px;background-color: rgb(255, 255, 255);
}

.sidebar-search-widget-title {width:100%;display:table;border-bottom:1px solid #DDDDDD;
}
.search-icon {width:40px;border-left:1px solid #DDDDDD;padding:10px 15px 10px 5px;float:right;}
.search-title {width:175px;border:0px solid #000;float:right;font-family:BKoodakBold;padding:6px; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}
.under-construct {width:100%;border:0px solid #000;float:right;font-family:BKoodakBold;padding-top:30px; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}
.font-size-16 {
    font-size:16px!important;
}

.fast-search-box input:focus {
    outline: 0;background: #fff;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;        
}
    
.fast-search-box input::-webkit-input-placeholder {
    color: #999;font-weight: normal;font-style: italic;font-family:bkoodakBold;
}
    
.fast-search-box input:-moz-placeholder {
    color: #999;font-weight: normal;font-style: italic;font-family:bkoodakBold;
}
    
.fast-search-box input:-ms-input-placeholder {
    color: #999;font-weight: normal;font-style: italic;font-family:bkoodakBold;
}

.delete {
    width:25px;display:table;border:0px solid #000;float:left;margin-left:20px;margin-top:7px!important;
}        
.delete:hover {
    color:#000;
}  