body {
    background: #EEEEEE;
    font-family: 'Lato';
}

.required{
    background-color: #ffffd4;
}

.form_maindiv {
    width: 820px;
    margin: 0px auto;
    font-size: 12px;
    overflow: hidden;
    font-family: "raleway";
}

.section-1 {
    width: 400px;
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}

.section-2, .section-4 {
    width: 400px;
    float: right;
    margin-bottom: 5px;
}

.section-3 {
    width: 400px;
    float: left;
    min-height: 200px;
}

fieldset {
    border: solid 1px #ccc;
    border-radius: 8px;
    background: #f9f9f9;
    min-height: 50px;
}

fieldset label {
    float: left;
    display: block;
    padding-top: 3px;
    width: 130px;
    margin: 5px 0;
    text-align: right;
    margin-right: 10px;
    cursor: pointer;
    font-size: 11px;
}

fieldset input, textarea, select {
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 4px 5px;
    box-shadow: 0 1px 1px #eee inset;
    font-size: 11px;
    width: 180px;
    margin: 3px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    resize: none;
}

fieldset select {
    width: 192px;
}

.radiodiv {
    float: left;
    width: 180px;
    margin: 5px 0;
}

.radiodiv input {
    float: left;
}

.radiodiv label {
    float: left;
    margin: 0;
    text-align: left;
    width: 60px;
}

select {
    padding-right: 2px;
}

input[type=radio] {
    width: 45px;
    margin-top: 5px;
}

.checkboxdiv {
    float: left;
    width: 180px;
    margin: 5px 0;
}

input[type=checkbox] {
    float: none;
    border: 1px inset #FFFF66;
    color: #000000;
    background-color: #FFFF99;
    text-indent: 2px;
    width: auto;
    float: left;
}

.checkboxdiv label {
    width: 150px;
    text-align: left;
    padding-left: 5px;
    padding-top: 0px;
    margin: 4px 0;
}

.checkboxdiv label input {
    width: 160px;
    margin: 0px;
}

input[type=file] {
    border: none;
    background: none;
    box-shadow: none;
}

.submit {
    width: 250px;
    margin: 0px auto;
    width: 195px;
    overflow: hidden;
    margin-top: 15px;
}

.button {
    background: url(../images/more.png) no-repeat;
    width: 87px;
    cursor: pointer;
    color: #fff;
    border: none;
    padding: 3px 0 5px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.button:hover {
    background: url(../images/more_overbg.png) no-repeat;
}

.clear {
    clear: both;
}

.add {
    float: right;
    font-size: 11px;
    padding-right: 45px;
    padding-top: 5px;
}

.add a {
    display: block;
    text-decoration: none;
    color: #333;
}

.add a:hover {
    color: #FF6600;
}

/*List css*/
.list_main {
    width: 1000px;
    margin: 0px auto;
    overflow: hidden;
}

table, td {
    border-collapse: collapse;
    border: solid 1px #ccc;
    padding: 2px 5px;
    font-size: 11px;
    color: #333;
}

thead td {
    font-size: 11px;
    font-weight: bold;
    background: #ccc;
    color: #fff;
}

tr:nth-of-type(odd) {
    background: #f9f9f9;
    color: #000;
}

tr td img {
    padding-left: 3px;
}

.search {
    width: 978px;
    border-radius: 6px;
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
}

.search input[type=text] {
    width: 385px;
    margin-right: 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 2px 5px;
    box-shadow: 0 1px 3px #dedede inset;
    font-size: 10px;
}

.search input[type=button] {
    background: #ccc;
    border: solid 1px #999;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px 5px;
    color: #fff;
    text-shadow: 0px 1px 0px #666;
    margin-left: 5px;
    cursor: pointer;
}

.search input[type=button]:hover {
    background: #aaa;
}

.search input[type=date] {
    margin-right: 3px;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 2px 5px;
    box-shadow: 0 1px 3px #dedede inset;
    font-size: 10px;
}

.section-5 fieldset {
    padding-left: 10px;
}

.radiodiv_greeting {
    padding-top: 5px;
    float: left;
}

.radiodiv_greeting label {
    float: left;
    margin: 0;
    text-align: left;
    width: 80px;
}

.maindiv {
    width: 1020px;
    margin: 0px auto;
}

.right_column {
    float: left;
    width: 170px;
    margin-left: 10px;
    font-size: 11px;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding: 2px 9px;
    box-shadow: 0 1px 3px #dedede inset;
    margin-top: 8px;
}

.right_column p {
    margin: 0px;
    padding: 2px 0;
}

.form_maindiv2 {
    width: 820px;
    float: left;
    font-size: 10px;
    font-family: sans-serif;
    overflow: hidden;
}

/*Search*/
.search_form_maindiv {
    width: 1020px;
    margin: 0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.section-6, .section-7, .section-8 {
    max-width: 336px;
    float: left;
    width: 100%;
}

.section-7 {
    margin: 0px 5px;
}

.sec6-left, .sec6-right {
    float: left;
    width: 150px;
}

.sec6-right {
    margin-left: 13px;
}

.search_form_maindiv input {
    width: 92%;
}

.search_form_maindiv select {
    width: 100%;
}

.title_inputs {
    width: 316px;
    float: left;
}

.title_inputs input {
    float: left;
    width: 143px;
}

.search_form_maindiv input[type="radio"] {
    width: 10px;
}

.form_checkbox {
    width: 99.5%;
    float: left;
    margin-top: 5px;
    background: #bbb;
    border-radius: 6px;
    padding: 5px 0;
    border: solid 1px #ccc;
    position: relative;
}

.form_checkbox input[type=checkbox] {
    float: left;
    width: auto;
}

.form_checkbox label {
    cursor: pointer;
    line-height: 17px;
    padding: 0 5px 0 1px;
}

.checkbox_left {
    margin-left: 10px;
}

.checkbox_left div {
    float: left;
    padding: 0px 4px;
}

.right_search {
    float: right;
    width: 268px;
    margin-right: 10px;
}

.right_search input[type=button] {
    background: #ccc;
    border: solid 1px #999;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px 5px;
    color: #fff;
    text-shadow: 0px 1px 0px #666;
    margin-left: 5px;
    cursor: pointer;
    float: left;
    width: 70px;
}

.right_search input[type=button]:hover {
    background: #aaa;
}

.middiv {
    width: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -10px;
    background: #bbb;
    border-radius: 4px;
}

.middiv a {
    display: block !important;
    width: 26px;
    height: 16px;
}

.icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-top: 3px;
    margin-left: 3px;
}

label a {
    color: #FF0000;
    text-decoration: none;
}

label a:hover {
    text-decoration: underline;
}

.verbal {
    max-width: 800px;
    width: 100%;
    float: left;
}

.verbal label {
    clear: both;
    max-width: 98px;
    width: 100%;
}

.verbal select {
    float: left;
    width: 148px;
}

.verbal input[type=email], .verbal input[type=number], .verbal input[type=text] {
    width: 136px;
    margin-bottom: 1px;
    min-height: 15px;
    float: left;
}

.verbal select {
    margin-bottom: 1px;
}

.section-9 {
    max-width: 258px;
    width: 100%;
    float: left;
    position: relative;
}

.radiodiv {
    margin-left: 20px;
    width: 225px;
}

.verbal .radiodiv label {
    width: 63px;
    float: left;
    clear: none;
    margin: 0px 5px;
}

.section-10 {
    max-width: 383px;
    width: 100%;
    float: left;
}

#accordion fieldset {
    background: none;
    border: none;
    min-height: 100px;
}

#accordion fieldset label {
    margin: 3px 10px 5px 0;
    font-size: 11px;
}

.section-11 {
    float: left;
    max-width: 459px;
    width: 100%;
    margin-left: 22px;
}

.section-11 div {
    width: 100%;
    float: left;
}

#accordion fieldset .section-11 label {
    max-width: 125px;
}

.buttons {
    margin-top: 10px;
    float: left;
    margin-left: 15px;
    min-width: 240px;
}

.buttons input[type=button] {
    float: right;
    padding: 3px 10px;
    width: auto;
}

.section-12 {
    float: left;
    width: 365px;
}

#accordion fieldset .section-12 label {
    max-width: 160px;
}

.section-12 .radiodiv label {
    min-width: 45px;
    max-width: 55px;
    width: auto;
}

.section-9-1 {
    max-width: 286px;
    width: 100%;
    float: left;
}

.section-9-1 label {
    max-width: 106px;
}

input[type=button] {
    cursor: pointer;
}

.section-13 {
    float: left;
    width: 400px;
}

.section-13 input[type=button] {
    float: left;
    padding: 2px 10px;
    width: auto;
    margin-left: 5px;
}

.section-13 label {
    max-width: 150px;
}

.icon_new {
    position: absolute;
    right: -20px;
}

.save input[type=button], .section-13 input[type=button], .buttons input[type=button], .section-11 input[type=button], .save input[type=submit] {
    float: left;
    padding: 4px 10px;
    width: auto;
    margin-top: 5px;
    border: none;
    border-radius: 3px;
    margin-right: 5px;
    background-color: #35afe3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)), to(rgb(38, 152, 219)));
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#45c7eb', EndColorStr='#2698db');
    border-bottom: 1px solid #103c56;
    -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

.save input[type=button]:hover, .section-13 input[type=button]:hover, .buttons input[type=button]:hover, .section-11 input[type=button]:hover, .save input[type=submit]:hover {
    background-color: #616975;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)), to(rgb(80, 88, 100)));
    background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#727a86', EndColorStr='#505864');
    border-bottom: 1px solid #33373d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
    box-shadow: inset 0px 1px 0px 0px #878e98;
}

.buttons input[type=button] {
    float: right;
    padding: 3px 10px;
    width: auto;
    font-size: 11px;
}

.newcase {
    float: left;
}

.newcase textarea {
    width: 137px;
}

.newcase .section-9 label {
    max-width: 90px;
}

.newcase .section-9 .icon_new {
    right: -10px;
}

/*.newcase fieldset{ margin-bottom:10px;}*//*Tooltip css*/
.tooltip {
    width: 425px;
    background: #6bc4f4;
    min-height: 350px;
    border-radius: 8px;
    padding: 5px;
    font-size: 10px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    right: 10px;
    top: 0px;
}

.tool_left {
    float: left;
    width: 200px;
}

.tool_right {
    float: right;
    width: 207px;
}

.tooltip input {
    width: 88px;
    border: solid 1px #a5bed6;
    border-radius: 3px;
    padding: 2px 5px;
    box-shadow: 0 1px 1px #eee inset;
    height: 10px;
    float: left;
}

.tooltip select {
    width: 100px;
    border: solid 1px #a5bed6;
    border-radius: 3px;
    box-shadow: 0 1px 1px #eee inset;
    float: left;
    font-size: 10px;
}

.tooltip label {
    float: left;
    height: 17px;
    line-height: 15px;
    min-width: 31px;
    cursor: pointer;
}

.tooltip_table {
    background: #fff;
    float: left;
    padding: 5px;
    border-radius: 8px;
    width: 415px;
}

.tooltip_table textarea {
    width: 88px;
    border: solid 1px #a5bed6;
    border-radius: 3px;
    padding: 2px 5px;
    box-shadow: 0 1px 1px #eee inset;
    height: 26px;
}

.row2 {
    width: 409px;
    float: left;
    margin: 4px 0 3px 0;
}

.map {
    float: right;
    width: 200px;
    border: solid 1px #ccc;
    margin-top: -8px;
}

.tooltip input[type=button] {
    width: auto;
    height: auto;
    padding: 2px 14px 4px;
    float: right;
    margin-top: 5px;
    margin-right: 4px;
    cursor: pointer;
    font-size: 12px;
    background-color: #35afe3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)), to(rgb(38, 152, 219)));
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#45c7eb', EndColorStr='#2698db');
    border-bottom: 1px solid #103c56;
    -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    color: #fff;
}

.tooltip input[type=button]:hover {
    background-color: #616975;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)), to(rgb(80, 88, 100)));
    background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#727a86', EndColorStr='#505864');
    border-bottom: 1px solid #33373d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
    box-shadow: inset 0px 1px 0px 0px #878e98;
}

.tooltip table, .tooltip td {
    border: none;
    background: #fff;
    padding: 2px;
}

.search_form_maindiv {
    position: relative;
    overflow: inherit;
}

.section-15 {
    float: left;
    max-width: 340px;
    position: relative;
    width: 100%;
}

.newcase .section-15 label {
    max-width: 180px;
}

/*.verbal_leftside, .notifications {
    width: 180px;
    float: left;
    margin-right: 19px;
    border: 1px solid #abc;
    margin-bottom: 10px;
}*/
.verbal_leftside, .notifications {
    width: 180px;
    float: left;
    margin-right: 19px;
    /*border: 1px solid #029a30;*/
	border: 1px solid #2C9D90;
    margin-bottom: 10px;
}

/*.verbal_leftside h3, .notifications h3 {
    margin: 0px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background: url("../images/bg.gif") repeat-x scroll left top white;
    padding: 5px;
}*/
.verbal_leftside h3, .notifications h3 {
    margin: 0px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    /*background: #2e8b57;*/
	background: #24B3A2;
}

.current_page {
    display: block !important;
    background: url(../images/nav_selected.png) no-repeat 5px center !important;
    color: #C28933 !important;
    font-weight: bold;
    font-size: 11.5px !important;
}

.verbal_leftside ul {
    margin: 0px;
    padding: 0px;
}

.verbal_leftside ul li, .notifications ul li {
    list-style-type: none;
    color: #333;
    margin: 4px 0;
}

.verbal_leftside ul li a, .notifications ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 11px;
    padding: 4px 0 4px 25px;
    background: url(../images/nav.png) no-repeat 5px center;
}

.verbal_leftside ul li a:hover {
    display: block; /*background: url(../images/nav_selected.png) no-repeat 5px center;*/
    color: midnightblue !important;
    font-weight: bold;
}

.notifications ul li a {
    border-bottom: 1px solid #ccc;
    text-shadow: 0 1px #ccc;
}

.notifications ul li a:hover {
    color: midnightblue !important;
    background: url(../images/nav_selected.png) no-repeat 5px center;
    text-shadow: 0 1px #678;
}

.notifications ul {
    padding: 0 6px;
}

.notifications {
    height: auto;
    margin-left: 10px;
    margin-top: 15px;
    min-height: 175px;
    width: 360px
}

.digits {
    background: none repeat scroll 0 0 #e9258e;
    border-radius: 6px;
    box-shadow: 1px 2px 3px 1px #678;
    color: #fff;
    float: right;
    line-height: 25px;
    padding: 2px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px #678;
    width: 30px;
    z-index: 9;
}

.section-16 {
    max-width: 385px;
    float: left;
}

.section-16 .select {
    width: 100px;
    margin-left: 5px;
}

.section-16 label {
    max-width: 130px !important;
}

.section-16 select {
    width: 125px;
}

.section-16 input[type=text] {
    width: 112px;
}

.floorwise {
    margin-top: 5px;
}

.floorwise input, .floorwise select {
    margin-left: 10px;
}

.accomodation {
    margin-top: 5px;
}

.accomodation input, .accomodation select {
    width: 130px;
    margin-left: 10px;
}

.ScaleFee tr:nth-of-type(odd) {
    background: #fff;
    color: #000;
}

.ScaleFee {
    width: 600px;
}

.ScaleFee fieldset {
    margin-bottom: 10px;
}

.fee_dis fieldset {
    float: left;
}

.ScaleFee input {
    width: 80px;
}

.cfapproval {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 100%;
}

.cfapproval span {
    float: left;
    display: block;
    font-size: 11px;
}

fieldset span {
    font-size: 11px;
}

.draftsman_plans input {
    float: none !important;
    margin: 0px;
}

.draftsman_plans div {
    float: left;
    width: 150px;
    margin: 0px 10px;
    text-align: center;
}

.section-20 {
    float: left;
    width: 380px;
}

.section-20 label {
    width: 165px;
    margin: 5px 10px 4px 0;
}

.section-20 input {
    width: 150px;
}

.section-20-1 {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

.section-20-1 input[type=checkbox] {
    width: auto;
}

.section-20-1 span {
    float: left;
    margin-left: 5px;
    display: block;
    padding-top: 3px;
}

.section-20 .radiodiv label {
    width: auto;
}

.section-21 {
    width: 500px;
}

.section-21 label {
    max-width: 180px;
}

.rep2 {
    width: 120px !important;
    float: left;
    margin-left: 5px;
}

.headdiv_disbursements {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.headdiv_disbursements div {
    float: left;
    text-align: left;
    width: 25%;
    font-size: 11px;
    font-weight: bold;
    color: #666;
}

.section-22 {
    float: left;
    width: 350px;
    margin-right: 10px;
}

.section-22 label {
    max-width: 140px;
}

.section-22 input[type="file"] {
    float: left;
    width: 160px;
    margin-top: 0px;
}

.section-22 a {
    text-decoration: none;
    color: #454545;
}

.section-22 a:hover {
    color: #0066FF;
}

.inst_form {
    max-width: 385px;
    float: left;
}

.inst_form .select {
    width: 100px;
    margin-left: 5px;
}

.inst_form label {
    max-width: 180px !important;
}

.inst_form textarea {
    width: 164px;
}

.inst_form input[type=text] {
    width: 165px;
}

.print h3 {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.print h1 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.right_search input[type=button] {
    background: #ccc;
    border: solid 1px #999;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px 5px;
    color: #fff;
    text-shadow: 0px 1px 0px #666;
    margin-left: 5px;
    cursor: pointer;
    float: left;
    width: 70px;
}

.right_search input[type=button]:hover {
    background: #aaa;
}

.right_search input[type=button] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #616975;
    background-image: -moz-linear-gradient(center top, #727A86, #505864);
    border-color: -moz-use-text-color -moz-use-text-color #33373D;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 1px 0 0 #878E98 inset;
    color: #FFFFFF;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 600;
    margin-right: 5px;
    padding: 3px 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 70px;
}

.right_search input[type=button]:hover {
    background-color: #E40A0A;
    background-image: linear-gradient(to bottom, #E40A0A, #9F0202);
}

/*Client form*/
.verbal input[type="number"] {
    padding-right: 0px;
    width: 141px;
}

.gender {
    width: 100%;
}

.section-9 .gender label {
    width: 60px;
    float: left;
    clear: none;
    text-align: left;
    margin-right: 0px;
}

.photo input[type=text] {
    width: 120px;
}

.photo label {
    max-width: 110px !important;
}

.patient_photo {
    width: 140px;
    height: 130px;
    background: #fff;
    border: solid 1px #ccc;
    clear: both;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.section-23 {
    width: 800px;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
}

.column-2 {
    max-width: 400px;
    width: 100%;
    float: left;
}

.verbal .column-2 label {
    max-width: 150px;
}

.section-23 div {
    float: left;
    width: 380px;
}

.section-23 label {
    max-width: 250px;
}

.section-23 input[type="text"] {
    width: 380px;
}

.section-23 textarea {
    width: 380px;
    float: left;
}

.section-23 .clinic_id input[type="text"] {
    width: 100px;
}

.section-23 .clinic_code input[type="text"] {
    width: 100px;
}

.section-23 .clinic_code label {
    width: 150px;
}

.section-9 textarea {
    float: left;
}

.panel {
    width: 700px;
}

thead td {
    color: #666;
}

.top_bottom {
    margin: 10px 0;
}

.td_padding td {
    padding: 5px;
}

.stock_reg label {
    max-width: 150px;
}

.stock_reg input[type="email"], .stock_reg input[type="number"], .stock_reg input[type="text"], .stock_reg textarea {
    width: 180px;
}

.stock_reg input[type="number"] {
    width: 183px;
}

.stock_reg select {
    width: 192px;
}

.billtype {
    float: left;
    width: 192px;
}

.billtype label {
    width: 80px;
    text-align: left;
    clear: none;
}

.billtype input[type="checkbox"] {
    width: auto;
}

textarea {
    float: left;
}

.checkbox_daignosis {
    width: 100% !important;
}

.checkbox_daignosis label {
    text-align: left;
    clear: none;
}

.checkbox_daignosis input[type=checkbox] {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 0px;
}

.row3 {
    width: 730px;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 25px;
}

.row3 label {
    max-width: 100%;
    text-align: left;
}

.section-24 {
    width: 500px;
    border: solid 1px #ccc;
    float: left;
    padding: 5px;
}

.section-24 label {
    max-width: 120px;
    text-align: right;
}

.section-24 input[type="text"] {
    width: 160px;
}

.align_right label {
    text-align: right;
}

.align_right .radiodiv {
    width: 162px;
    float: left;
}

.align_right .radiodiv label {
    text-align: left;
}

.align_right .radiodiv input[type=radio] {
    margin: 0px;
    margin-right: 5px;
}

.align_right textarea {
    width: 230px;
}

.align_right select {
    width: 245px;
}

/*mallesh css*/
.bgcolor {
    background: #FFF;
}

.section-9 .nonefloat label {
    float: none;
    max-width: 200px !important;
    float: none;
    text-align: left;
}

.section-9 .nonefloat input[type="checkbox"] {
    width: 25px;
}

.stokdetails {
    width: 25px;
}

.photo label {
    max-width: 93px !important;
}

.photo input[type=text] {
    width: 119px;
}

.search_form_maindiv input {
    width: 51%;
}

.stock_reg label {
    max-width: 150px;
}

.stock_reg input[type="email"], .stock_reg input[type="number"], .stock_reg input[type="text"] {
    width: 180px;
}

textarea {
    float: left;
}

.column-22 {
    float: left;
    max-width: 378px;
    width: 100%;
}

.big label {
    max-width: 165px;
}

.splitting {
    width: 600px;
    margin: 0 auto;
    margin-top: 15px;
}

.splitting input[type=text] {
    width: 285px;
}

.unit_box {
    float: left;
    width: 300px;
    font-size: 11px;
}

.unit_box input[type=text] {
    width: 40px;
    padding: 2px;
    float: none;
    margin-left: 2px;
}

.stock_reports label {
    max-width: 180px;
}

.stock_reports select {
    width: 250px;
}

.stock_check {
    margin-left: 50px;
}

.stock_check input[type=checkbox] {
    width: auto;
    margin: 0px 5px 0 0
}

.stock_check .section-9 label {
    max-width: 100%;
    text-align: left;
}

/* --- Left --*/
.left {
    width: 160px;
    float: left;
    padding-left: 162px;
}

.right {
    position: relative;
    float: left;
    width: 815px;
    /*min-height: 400px;*/
    /*padding-right: 180px;*/
    padding-left: 30px;
}

.grid-view {
    padding: 15px 0;
}

.grid-view table.items {
    background: none repeat scroll 0 0 white;
    border: 1px solid #d0e3ef;
    border-collapse: collapse;
    width: 100%;
}

.grid-view table.items th, .grid-view table.items td {
    border: 1px solid white;
    font-size: 11px;
    padding: 7px 4px;
}

.grid-view table.items th {
    background: url("../images/bg.gif") repeat-x scroll left top white;
    color: white;
    text-align: center;
}

.grid-view table.items th a {
    color: #eee;
    font-weight: bold;
    text-decoration: none;
}

.grid-view table.items th a:hover {
    color: #fff;
}

.grid-view table.items th a.asc {
    background: url("up.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}

.grid-view table.items th a.desc {
    background: url("down.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}

.grid-view table.items tr.even {
    background: none repeat scroll 0 0 #f8f8f8;
}

.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #e5f1f4;
}

.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #bce774;
}

.grid-view table.items tr.selected:hover {
    background: none repeat scroll 0 0 #ccff66;
}

.grid-view table.items tbody tr:hover {
    background: none repeat scroll 0 0 #ecfbd4;
}

.grid-view .link-column img {
    border: 0 none;
}

.grid-view .button-column {
    text-align: center;
    width: 60px;
}

.grid-view .button-column img {
    border: 0 none;
}

.grid-view .checkbox-column {
    width: 15px;
}

.grid-view .summary {
    margin: 0 0 5px;
    text-align: right;
}

.grid-view .pager {
    margin: 5px 0 0;
    text-align: right;
}

.grid-view .empty {
    font-style: italic;
}

.grid-view .filters input, .grid-view .filters select {
    border: 1px solid #ccc;
    width: 100%;
}

.db_errors {
    border: 1px solid;
    text-align: center;
    background-color: orange;
    font-size: 13px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    padding: 8px 0px;
}

#search_btn {
    border: 1px solid;
    padding: 2px;
    font-family: verdana;
}

hr {
    border: 1px solid #ccc;
}
.home_right_panel_holder {
    min-height: 604px;
    background-color: rgb(204, 204, 204);
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 0px 0px 0px;
    padding-left: 15px;
    margin-top: 0px;
    margin-left: 20px;
}
/*.home_right_panel_holder {
    min-height: 604px;
    background-color: rgb(204, 204, 204);
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 0px 0px 0px;
    padding-left: 15px;
    margin-top: 20px;
}*/
.home_sadmin_right_panel_holder {
    min-height: 690px;
    background-color: rgb(204, 204, 204);
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 0px 0px 0px;
    padding-left: 15px;
}

.home_right_panel_holder h3 {
    font-size: 16px;
    margin-bottom: 40px;
}

.home_right_panel_holder div.image_holder {
    width: 128px;
    float: left;
    margin-bottom: 6px;
    margin-top: 11px;
}

div.image_holder img {
    height: 48px;
    width: 48px;
}

.image_div_holder, .fin_image_div_holder {
    background-color: #a0b7da;
    border: 1px solid #bbb2b2;
    box-shadow: 1px 2px 0 0;
    float: left;
    font-weight: bold;
    height: 85px;
    margin-right: 20px;
    text-align: center;
    width: 122px;
    margin-bottom: 22px;
}

.home_right_panel_holder div.fin_image_holder {
    min-height: 70px;
}

.fin_image_div_holder {
    height: 93px;
    padding-top: 4px;
}

table.pagination td {
    padding: 6px !important;
    font-size: 12px;
}

.history_header {
     padding: 4px 6px !important;
    font-weight: bold;
    color: #000;
    background-color: #e2e2e2;
    line-height: 25px;
}

#dvLoading {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    height: 70px;
    left: 50%;
    margin-left: -100px;
    margin-top: -35px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 99999;
    box-shadow: 1px 1px 0 2px #CCCCCC;
    display: none;
}

#loadingimg, #loadingimgimg  {
    background: url("../images/loading.GIF") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 37px;
    margin-left: 20px;
    margin-top: 12px;
    padding: 2px;
    width: 160px
}

.section-18 {
    float: right;
    max-width: 415px;
}

.active {
    background-color: #35afe3;
    color: #fff;
    font-weight: bold;
!important;
}

.saveInv input[type=button], .saveInv input[type=submit] {
    float: left;
    padding: 2px 10px;
    width: auto;
    margin-top: 5px;
    border: none;
    border-radius: 3px;
    margin-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #ccccdd;
}
.selectasset select{
    width:181px; !important;
}
.section-24-1 {  
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 0;
    width: 800px;
}
.section-24-1 div{ 
    padding-top: 6px;
}
.section-24-1 .clinic_code div{ 
   font-weight: bold;
}