body {
    background: url('../Images/top_bg_main_header.gif') repeat-x 0 -18px #4497CB; /*hsl(203, 56%, 53%);*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.focus {
    background-color: #DDDDFF;
    border: solid 1px blue;
}

.invalid {
    background-color: #FF0000;
    border: solid 1px #FF0000;
}

.negative {
    background-color: #FF5555;
}

a {
    text-decoration: none;
}

.form_header {
    border-bottom: solid 1px #000000;
}

#main {
    margin: 10px 10% 10px 10%;
}

#body {
    margin-top: 10px;
}

#menuu {
    padding-left: 16px;
    padding-bottom: 16px;
}

#content {
    padding-right: 26px;
    padding-left: 20px;
}

p {
    text-align: justify;
    margin: 1px 5px 5px 5px;
}

h1 {
    padding-top: 0;
    margin-top: 0;
    font-size: 23px;
    font-family: FuturaRegular, Arial;
    color: #0166B8;
}

.xxsmall {
    width: 50px;
}

.xsmall {
    width: 100px;
}

.small {
    width: 150px;
}

.medium {
    width: 250px;
}

.large {
    width: 300px;
}

.xlarge {
    width: 350px;
}

.xxlarge {
    width: 400px;
}

textarea, input {
    height: 25px;
    padding: 1px 2px 1px 4px;
    font-size: 12pt;
    vertical-align: middle;
}

label {
    font-size: 12pt;
    vertical-align: middle;
    margin-right: 10px;
}

select {
    height: 25px;
    padding: 2px 3px 2px 4px;
    font-size: 12pt;
}

th {
    padding: 5px 5px 5px 5px;
}


/*.gradient-text
{
     padding: 5px;   
    border: 1px solid #DDDDDD;
    
    /*Applying CSS3 gradient
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius  
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;	
	
}
input[type="text"]:hover
{
    border:1px solid #cccccc;
}
input[type="text"]:focus
{
    box-shadow:0 0 2px #FFFE00;
}*/
input[type='text'], input[type='password'] {
    border-radius: 3px;
    border: 1px solid #CCC;
    /*box-shadow: 1px 1px 5px #CCC;*/
    box-shadow: inset 0px 0x 5px #CCCCCC;
}

    input[type='text']:hover, input[type='password']:hover {
        border-radius: 3px;
        border: 1px solid #aaa;
        /*box-shadow: 1px 1px 5px #CCC;*/
        box-shadow: inset 0px 0x 5px #CCC;
    }

/*.gradient-text
{
   background: -moz-linear-gradient(top,  rgba(129,146,170,0.29) 0%, rgba(125,181,226,0) 90%, rgba(125,185,232,0) 100%); /* FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,146,170,0.29)), color-stop(90%,rgba(125,181,226,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  rgba(129,146,170,0.29) 0%,rgba(125,181,226,0) 90%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  rgba(129,146,170,0.29) 0%,rgba(125,181,226,0) 90%,rgba(125,185,232,0) 100%); /* Opera 11.10+ 
background: -ms-linear-gradient(top,  rgba(129,146,170,0.29) 0%,rgba(125,181,226,0) 90%,rgba(125,185,232,0) 100%); /* IE10+ 
background: linear-gradient(to bottom,  rgba(129,146,170,0.29) 0%,rgba(125,181,226,0) 90%,rgba(125,185,232,0) 100%); /* W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8192aa', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 

	
}*/
.red-button:hover {
    color: White;
}

.red-button {
    border: 1px solid transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsl(7, 71%, 55%)),to(hsl(7, 63%, 52%)));
    background-image: -webkit-linear-gradient(top,hsl(7, 71%, 55%),hsl(7, 63%, 52%));
    background-image: -moz-linear-gradient(top,hsl(7, 71%, 55%),hsl(7, 63%, 52%));
    background-image: -ms-linear-gradient(top,hsl(7, 71%, 55%),hsl(7, 63%, 52%));
    background-image: -o-linear-gradient(top,hsl(7, 71%, 55%),hsl(7, 63%, 52%));
    background-image: linear-gradient(top,hsl(7, 71%, 55%),hsl(7, 63%, 52%));
    color: White;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.1);
    text-transform: uppercase;
    background-color: hsl(7, 63%, 52%);
}

.button {
    display: inline-block;
    min-width: 46px;
    text-align: center;
    /*color: #444;*/
    font-size: 11px;
    font-weight: bold;
    padding: 0 8px;
    line-height: 27px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -ms-transition: all 0.218s;
    -o-transition: all 0.218s;
    transition: all 0.218s;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.error {
    background-color: hsla(0, 100%, 50%, 0.29);
}

.green {
    background-color: hsla(120, 57%, 49%, 0.31);
}

.button:hover {
    border: 1px solid #c6c6c6;
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.button:active {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.button:visited {
    color: #666;
}

.red-button:hover {
    border: 1px solid #b0281a;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #c53727;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
    background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: linear-gradient(top,#dd4b39,#c53727);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.iered {
    color: #fff;
    background-color: #D34937;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
    background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: linear-gradient(top,#dd4b39,#c53727);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.red-button:active {
    border: 1px solid #992a1b;
    background-color: #b0281a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
    background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
    background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
    background-image: linear-gradient(top,#dd4b39,#b0281a);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
}

.g-button-white {
    border: 1px solid #dcdcdc;
    color: #666;
    background: #fff;
}

    .g-button-white:hover {
        border: 1px solid #c6c6c6;
        color: #333;
        background: #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }

    .g-button-white:active {
        background: #fff;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }

.red-button:visited,
.g-button-share:visited,
.g-button-submit:visited {
    color: #fff;
}

.modalPopup {
    background-color: #696969;
    filter: alpha(opacity=40);
    opacity: 0.7;
    xindex: -1;
}

#plswait {
    color: Black;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
}

#clsprocess {
    float: left;
    width: 240px;
    height: 220px;
    background-color: White;
    border: 2px solid black;
    padding: 15px 10px 10px 10px;
    border-radius: 7px 7px 7px 7px;
}

.clsContentTbl {
    width: 60%;
}
.clsTblFullWidth {
    width:100%;
}
.fildsetStyle {
font-size:16px;
font-weight:bold;

color:white;
text-shadow:20px,12px,2px,#CCC;
background-color: #AB1212;
}
.TDTextSetting {
text-align:right;font-weight:bold; width:200px
}
.clsContentTblParentDiv {
    width: 100%;
    float: left;
}

.clsTopDesign {
    background: url(../images/CUT_03.png) no-repeat;
}

.clsMiddleDesign {
    background: url(../images/CUT_06.png) repeat-y;
}

.clsBottomDesign {
    background: url(../images/CUT_08.png) no-repeat;
}

.clsSideMenu {
    background: url(../images/menu2.png) repeat-y;
}

.clsSideBottomMenu {
    background: url(../images/menu3.png) repeat-y;
}

.right {
    text-align: right;
}

div.ob_gCc2, div.ob_gCc2C, div.ob_gCc2R {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.ob_gMCont {
    width: 100% !important;
}

#header {
    background-image: url('https://propertytax.mcludhiana.gov.in/Images/ludhianaheader.png');
    height: 130px;
    background-repeat: no-repeat;
    width: 94%;
}

.UserDisplayName {
    float: right;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 78%;
    top: 5%;
}