html, body {

}
body{
margin:0px; background:#FAF1E9; font-size:0.9em; font-family:calibri; word-wrap:break-word;border-top:5px solid #82AF67; 
}
#white-container{
	width:100%; height:auto; float:left;
	}
#main-container{
 width:95%; height:auto; margin:0 auto;
}
#container{
 width:100%; height:auto; float:left; box-shadow:0 0 20px #333; background:#FFFFFF;
}

@import url(http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css);
html, body{
height:100%; min-height:100%;
}                                
#empossed:link, #empossed:visited {
     background-color: #2877bd;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    padding: 15px 33px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #444;
    font-size: 20px;
}

#empossed:before {
  content: "";
  display: block;
  background-color: #2877bd;
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  z-index: -1;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, #2877bd 0%, #2877bd 40%);
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed:active {
  background-color: #2877bd;
}

#empossed:active:before {
  background-color: #2877bd;
  background-image: none;
  box-shadow: 0px 1px 2px 0 #444 inset,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed:hover {
  background:#0b95d9;
}​

#empossed:hover:before {
  background-image: linear-gradient(to bottom, #2877bd 0%, #2877bd 40%);
}

.group {
 margin-bottom: 4em;
    margin-top: 40px;
  
}

.no-cssgradients #empossed:before {
  background-image: none;
}
.no-cssgradients #empossed:hover:before {
  background: #0b94d9;
}

#empossed.no-border:before {
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc;
}


/* emposed 2*/

#empossed2:link, #empossed2:visited {
     background-color: #0b95d9;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    padding: 15px 33px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #444;
    font-size: 20px;
}

#empossed2:before {
  content: "";
  display: block;
  background-color:#0b95d9;
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  z-index: -1;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, #0b95d9 0%, #0b95d9 40%);
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed2:active {
  background-color: #0b95d9;
}

#empossed2:active:before {
  background-color: #0b95d9;
  background-image: none;
  box-shadow: 0px 1px 2px 0 #444 inset,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed2:hover {
  background: #8bc6ea;
}​

#empossed2:hover:before {
  background-image: linear-gradient(to bottom, #0b95d9 0%, #0b95d9 40%);
}

.group {
 margin-bottom: 4em;
    margin-top: 40px;
  
}

.no-cssgradients #empossed2:before {
  background-image: none;
}
.no-cssgradients #empossed2:hover:before {
  background: #0b94d9;
}

#empossed2.no-border:before {
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc;
}


/*emposed 3 */

#empossed3:link, #empossed3:visited {
     background-color: #8bc6ea;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    padding: 15px 33px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #444;
    font-size: 20px;
}

#empossed3:before {
  content: "";
  display: block;
  background-color: #8bc6ea;
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  z-index: -1;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, #8bc6ea 0%, #8bc6ea 40%);
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed3:active {
  background-color: #82af67;
}

#empossed3:active:before {
  background-color: #8bc6ea;
  background-image: none;
  box-shadow: 0px 1px 2px 0 #444 inset,
              0 0 0 6px #fff,
              0 2px 12px 8px #ddd;
}

#empossed3:hover {
  background: #4ac9fa;
}​

#empossed3:hover:before {
  background-image: linear-gradient(to bottom, #8bc6ea 0%, #8bc6ea 40%);
}

.group {
 margin-bottom: 4em;
    margin-top: 40px;
  
}

.no-cssgradients #empossed3:before {
  background-image: none;
}
.no-cssgradients #empossed3:hover:before {
  background: #0b94d9;
}

#empossed3.no-border:before {
  box-shadow: 0px -1px 2px 0 #065881 inset,
              0px 1px 1px 1px #ccc;
}
 
/*---------------------*/
body{ 
margin:0px; background:#FAF1E9; font-size:0.9em; font-family:calibri; word-wrap:break-word; border-top:5px solid #82AF67; 
}

#main-container{
 width:95%; height:auto; margin:0 auto; 
}

#container{
 width:100%; float:left; box-shadow:0 0 20px #333; background:#FFFFFF ;
}

/* style for logo */
#logo{
 width:59%; height:auto; float:left; margin:0.5% 0 0.5% 1%; font-size:1.7em; color:#690102;  font-weight:bold; max-width:65%; line-height:26pt; word-wrap:break-word;
}


#logo img{
width:auto; height:auto; float:left; margin-right:0.8em; max-height:80px; max-width:80px;
}
#logo .logotext{ margin-top:10px; float:left; word-wrap:break-word;}
/* end */

/* style for top right div */
#top-right{
 width:40%; height:auto; float:right;
}
.top{
width:auto; float:right; height:10px;min-width:50%; margin-right:10px; line-height:12pt
}
.controlstyle{
margin-right:2%; float:right; width:auto;  padding-left:5%;
}
.controlstyle a{
color:#FFFFFF; text-decoration:none; float:right; margin-right:10px; font-size:0.8em; font-weight:bold; padding:5px;
}
.controlstyle a:hover{color:#690102; background:#FFFFFF;}
.top-down{
float:left; width:100%; height:auto; font-size:1.8em; color:#690102; margin-top:5px; text-align:right;
}
.top-down-right{ width:auto; float:right; margin-right:10px; min-width:30%;}
.top-down-left{ width:auto; float:right; text-decoration:none; color:#fff; font-weight:bold; padding:5px 10px; font-size:14px; margin:1px; border-left:1px solid #fff;}
.top-down-left:hover{ background:#690102; color:#ffffff; }
/* end */

/* style for mis strip div */
#mid-strip{
width:100%; height:auto; float:left;  background: -webkit-linear-gradient(#A2CE88, #83B069); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A2CE88, #83B069); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A2CE88, #83B069); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A2CE88, #83B069); /* Standard syntax */ border-bottom:5px solid #82AF67;
}
}
#left-login{
width:100%; float:left; height:auto; background:#DCDCDC; border-radius:0 0 1em 1em; box-shadow:0 0 20px #333; margin-bottom:10px;
}
.login-cont{
width:80%; height:auto; float:right; margin-right:5%;
}
.login-cont-heading{
width:50%; height:29px; float:left; padding:5px 0px 0px 20px; font-size:1.2em; font-weight:bold; color:#fff; background:#666; border-radius:0 0.5em 0.5em 0; text-decoration:none; margin-top:5px;
}
.login-cont-heading:hover{
background:url(../images/log-head-hov.png) left no-repeat;
}
.login-cont-text{
 width:95%; height:auto; float:left; font-size:1.1em; color:#333; margin-top:5px;
}
#left-login img{
float:left; max-height:70px;
}
#right-content{
 width:73%; height:auto; float:right;
}
#right-content-menu{
 width:100%; height:auto; float:left;  min-height:110px; 
}
#right-content-menu img { width:auto; height:auto; float:left; max-width:98%; min-width:98%;  margin:5px 1%; border:none;}
#right-content-menu img:hover{ opacity: 0.9;
    filter: alpha(opacity=90);}
.menu-links{
 width:auto; height:auto; float:right; padding:10px 15px; color:#000; text-decoration:none; background:#BBBBBA; border:1px solid #999; margin-left:5px; font-size:1em; font-weight:bold;
}
.menu-links:hover{
color:#690102
}
#right-content-marquee{
width:96%; height:auto; float:left; background:#FAF1E9; padding:15px 2%; color:#333; font-size:1em; font-weight:bold; margin:5px 0 0px 0; line-height:16pt; font-family: 'Lohit Devanagari', serif;
}
/* end */

/* style for id body */
#body{
width:100%; height:auto;float:left;
}
/* style for body-left */
#body-left{
width:25%; height:auto; float:left; margin:0 0.5%;
}
#body-right-main{
width:25%; height:auto; float:right; margin:0.5%;
}
.body-left{
 width:100%; height:auto; float:left;  background:#fff; min-height:325px; box-sizing:border-box;
}

.body-left-content-scroll {
width: 100%;
height: 640px;
float: left;
overflow-y: auto;
}
.body-left-heading{
width:100%; height:auto; float:left; font-size:1.2em; color:#333; padding:1% 0; background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */ font-weight:bold; text-align:center;
}
.body-left-links{
 width:95%; height:auto; float:left; color:#000; font-size:1em; text-decoration:none; padding:3% 0% 3% 5%; background:url(../images/link.jpg) left center no-repeat; line-height:14pt;
}
.body-left-links:hover{
color:#7F0000;
}
.body-left-linksalt{
 width:95%; height:auto; float:left; color:#000; font-size:1em; text-decoration:none; padding:3% 0% 3% 5%; background:#EEFDE6 url(../images/link.jpg) left center no-repeat;  line-height:15pt;
}
.body-left-linksalt:hover{
color:#7F0000;
}
.viewmore{
width:auto; height:auto; float:right; padding:5px 10px; color:#690102; font-size:0.5em; margin-top:10px; font-weight:bold;
}
.viewmore:hover{ text-decoration:none; color:#fff; background:#544A4A; font-weight:normal;}

/* end */

/* style for body mid */
#body-mid{
 width:46%; height:auto; float:left; margin:0.5% 0%;padding:0 1%; text-align: center;
}
.body-mid{
 width:100%; height:auto; float:left;  margin-top:5px;
}
.body-mid-text{
width:100%; height:auto; float:left; font-size:1.1em; color:#333; text-align:justify; 
}
.body-mid-text a{
 color:#690102; text-decoration:none; padding:5px;
}
.body-mid-text a:hover{
background:#544A4A; color:#ffffff;
}
.graph-box{
 border:1px solid #D4C4B6; color:#333; padding:1%; width:97%; font-size:0.9em; float:left;margin-top:5px; min-height:170px;
}
.box{
 background:#FAF1E9; border:1px solid #D4C4B6; color:#333; padding:1%; width:97%; font-size:0.9em; line-height:14pt; float:left; text-align:justify; margin-top:5px;
}/* end */

/* style for body left tabbed panel */
.body-left-heading-tab{
width:96%; height:auto; float:left; padding:0.5% 2%; border-bottom:3px solid #690102; min-height:30px; 
}
.body-left-tabs{ width:100%; height:auto; float:left;  border-bottom:2px solid #ccc; }
.active-blocks{
padding:7px 4.5%;  border-top:5px solid #690102; border-right:1px solid #690102; border-left:1px solid #690102; color:#690102; font-size:1em; font-weight:bold; width:auto; height:auto; float:left; line-height:18pt; text-decoration:none; text-align:center; border-radius: 1em 1em 0 0;
}
.blocks{
padding:7px 4.5%; border-top:5px solid #999; border-right:1px solid #999;  border-left:1px solid #999;  color:#333; font-size:1em; font-weight:bold; width:auto; height:auto; float:left; line-height:18pt; text-decoration:none; text-align:center
}
.blocks:hover{
color:#690102;
}

#linkbox1{
padding:0.5% 1.5%; height:250px; overflow:auto; width:97%; float:left; font-size:0.9em; 
}
#linkbox2{
padding:0.5% 1.5%; height:250px; overflow:auto; width:97%; float:left; font-size:0.9em; display:none; 
}/* end */

/* style for footer */
#footer{
 width:100%; height:auto; float:left;  background: -webkit-linear-gradient(#A2CE88, #83B069); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A2CE88, #83B069); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A2CE88, #83B069); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A2CE88, #83B069); /* Standard syntax */ color:#333; padding:10px 0;
}
#footer a{
color:#fff; text-decoration:none; font-size:0.9em;
}
#footer a:hover{
text-decoration:underline;
}
.footer-left{
 width:45%; height:auto; float:left; text-align:left; margin-left:5%;
}
.footer-right{
 width:45%; height:auto; float:right; text-align:right; margin-right:5%;
}
@media screen and (max-width: 1200px) {
body{ font-size:80%;}
#logo{
 width:59%; height:auto; float:left; font-size:1.5em; color:#FFFFFF; font-weight:bold; max-width:65%;
}
#logo img{
width:auto; height:auto; float:left; margin-right:0.8em; max-height:80px; max-width:80px;
}
}


a#login_pop:hover, a#join_pop:hover {
    
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup h2{color:#07839f; line-height:1.8em}
.popup {
     background-color: #dddddd;
     max-width:260px;
     border:1px solid #333;
     border-top:1px solid #333;
   
    left: 50%; color:#666;
    opacity: 0;
    padding: 0px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-box-shadow: 0 0 30px #000 ;
    -moz-box-shadow: 0 0 30px #000 ;
    -ms-box-shadow: 0 0 30px #000 ;
    -o-box-shadow: 0 0 30px #000 ;
    box-shadow: 0 0 30px #000 ;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 23px;
    line-height: 23px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 23px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 18px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: #544A4A;
}
.popup p, .popup div {
    margin-bottom: 3px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 180px;
}

#login-box{ background-color: #f6f6f6; padding-top:10px;
 width:100%; height:auto; float:left;border: 1px solid #cccccc;border-radius:10px;
 }
.login-box-heading{
 margin-top:10px; width:80%; height:25px; float:left; color:#800000; font-weight:bold; font-size:1.2em; padding-left:15%; background:url(../images/log-icon.png) left 10px center no-repeat;
}
.login-box-row{
 width:80%; height:auto; float:left; margin:0px 10%;
}
.login-box-row a{
padding:5px; color:#800000; text-decoration:none;
}
.login-box-row a:hover{
color:#fff; background:#800000;
}
.login-box-text{
 width:95%; height:16px; font-size:1em; color:#333;
}
.login-input{
 width:95%; height:25px; float:left; padding:1%; max-height:20px;
}
.login-input img{
 max-height:20px; float:left; margin-right:10px;
}
.login-input-box{
 width:95%; height:20px; border:1px solid #ccc;padding-left: 10px;
}
.login-input-box:focus{
border:1px solid #C05602;
}

.login-note{
	background: #f6f6f6; color:#DF7401; width:98%; float:left; height:auto; border:1px solid #ccc;border-radius: 10px; text-align:center; padding:4px 2px 4px 2px;
}
.login-head{
	float:left; width:100%;height:24px;background: -webkit-linear-gradient(#A2CE88, #83B069); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A2CE88, #83B069); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A2CE88, #83B069); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A2CE88, #83B069); /* Standard syntax */
}
.login-head-title{
	color:#ffffff; font-weight: bold;padding:2px 0px 0px 10px;
}

/* end */  

.submit{
 width:auto; min-width:90px; min-height:25px; height:auto; background:url(../images/menu.gif) repeat-x; border:1px solid #999; color:#333; margin:3px;
}
.submit:hover{
color:#fff; background:#800000;
}
.submit-active{
 width:auto; min-width:90px; min-height:25px; height:auto; background:#800000; border:1px solid #999; color:#fff; margin:3px;
}
.submit-disable{
 width:auto; min-width:90px; min-height:25px; height:auto; background:url(../images/menu.gif) repeat-x; border:1px solid #999; color:#666; margin:3px;
}
.submit-button{
width:auto; min-width:90px; min-height:25px; height:auto; background:#CB6E02; border:1px solid #C05602; color:#fff; margin:3px;
}
.submit-button:hover{
background:#800000; color:#fff;
}
 .centeralign{ text-align:center;}
/* end */


/* 
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
} */

.flash {
   animation-name: flash;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: black;}
}
.flashScroll {
   animation-name: flashScroll;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flashScroll {
    from {color: blue;}
    to {color: black;}
}

/* end */

/* style for top right div */
#top-right{
 width:35%; height:auto; float:right;
}
.top{
width:auto; float:right; height:30px;min-width:50%; border-radius:0 0 1em 1em;
}
.controlstyle{
margin-right:2%; float:right; width:auto;  padding-left:5%; width:100%;
}
.controlstyle a{
color:#FFFFFF; text-decoration:none; float:right; margin-left:5px; font-size:0.8em; font-weight:bold;
}
.top-link-text{
padding:2px 5px; border-left:1px solid #fff; color:#FFFFFF; text-decoration:none; float:right; margin-left:5px; font-size:0.8em; font-weight:bold;
}
.top-link-text:hover{
background:#fff; color:#333;
}
.top-down{
float:left; width:95%; height:auto; font-size:1.8em; color:#FFFFFF; margin-top:5px; text-align:right;
}
/* style for top-strip */
.top-strip{
 width:96%; height:auto; float:left; margin-left:2%; padding:5px 0;
 }
.top-txt{
width:auto; height:auto; float:left; margin-right:2%; font-size:0.9em; font-weight:bold; color:#800000; padding:10px 0;
}
.top-txt a{
 color:#FFFFFF; text-decoration:none; padding:5px;
}
.top-txt a:hover{
 color:#333; background:#FFFFFF;
}
.controlstyle{
 float:right; width:auto; height:auto;  padding-left:5%; padding-top:7px;
}
.controlstyle a{
color:#FFFFFF; text-decoration:none; float:right; margin-right:5px; font-size:0.9em; font-weight:bold;
}/* end */
#body{
 width:100%; height:auto; float:left; background:#FFFFFF;
}
.top-down-right{ width:auto; float:right; margin-right:2%; width:10%; margin-top:3px;}
.top-down-right img{ max-width:100%; max-height:100%; border:none;}
.top-down-right2{ width:auto; float:left; margin-right:3%; width:85%; line-height:12pt; margin-top:20px;}
.top-down-right2-text{ width:100%; height:auto; float:left; font-size:1.8em; color:#FFFFFF; margin-top:5px; text-align:right;}
/* login style */

/*
#login-main{
 width:40%; height:360px; margin:20px auto; min-height:200px; background:#f6f6f6; border:1px solid #ccc; border-top:5px solid #800000
}
#login-box{
 width:90%; height:auto; float:left; padding:20px 5%;
 }
.login-box-heading{
 width:90%; height:25px; float:left; color:#800000; font-weight:bold; font-size:1.2em; padding-left:10%; background:url(../images/log-icon.png) left center no-repeat;
}
.login-box-row{
 width:80%; height:auto; float:left; margin:5px 10%;
}
.login-box-row a{
padding:5px; color:#800000; text-decoration:none;
}
.login-box-row a:hover{
color:#fff; background:#800000;
}
.login-box-text{
 width:25%; height:25px; float:left; font-size:1em; color:#333; padding:1%;
}
.login-input{
 width:51%; height:25px; float:left; padding:1%; max-height:20px;
}
.login-input img{
 max-height:20px; float:left; margin-right:10px;
}
.login-input-box{
 width:90%; height:20px; border:1px solid #ccc;
}
.login-input-box:focus{
border:1px solid #C05602;
}
*/
/* end */

/* style for menus */
/* style for menus */
#menu{
width:100%; height:auto; float:left; background:#DCDCDC;
;}
.menu{
width:auto; height:auto; float:left; padding:8px 10px; color:#333; background:url(../BudgetMVC/images/menu.gif) repeat-x; border:1px solid #999; margin-right:5px; text-decoration:none; font-weight:bold;
}
.menu:hover{ background:#CCCCCC;}/* end */
#menu-left{
width:100%; height:auto; float:left; background:url(../BudgetMVC/images/menu.gif) repeat-x;  
}
.left-menu{ width:100%; height:auto; float:left; border-top:5px solid #C05602; min-height:480px; background:#f6f6f6; }
.menulink-heading{ width:100%; height:auto; float:left; border-bottom:1px solid #999; padding:7px 0; font-weight:bold;  color:#fff;  background:#880000; }
.menulink-heading blockquote{ margin-top:0px; margin-bottom:0px;}
.menu-heading{ width:auto; height:auto; float:left; border-bottom:1px solid #999; padding:11px 10px 3px 10px;  color:#333; text-decoration:none; background:url(../BudgetMVC/images/menu.gif) repeat-x;  border-right:1px solid #999999; min-height:24px; }
.menu-heading blockquote{ margin:0px;}
.menu-heading:hover{ color:#800000; background:#CCCCCC;}
.menu-heading_alt{ width:auto; height:auto; float:left; border-bottom:1px solid #999; padding:3px 10px 11px 10px;  color:#333; text-decoration:none; background:url(../BudgetMVC/images/menu.gif) repeat-x; border-right:1px solid #999999; min-height:24px; }
.menu-heading_alt blockquote{ margin:0px;}
.menu-heading_alt:hover{ color:#800000; background:#CCCCCC;}
.left-menu-block{ width:100%; height:auto; float:left; background:#fff; display:none; }
.left-menu-block a{ width:100%; height:20px; float:left; border-bottom:1px dotted #333; color:#C05602; text-decoration:none; padding:7px 0; font-weight:bold; font-size:0.9em;}
.left-menu-block a:hover{ color:#333; background:#ededed;}
.left-menu-block a blockquote{ margin:0px;}
.left-menu-block a img { float:right; border:none; margin-top:5px; margin-right:10px;}

.left-menu-block a.tooltip {outline:none; }
.left-menu-block a.tooltip strong {line-height:30px;}
.left-menu-block a.tooltip:hover {text-decoration:none;} 
.left-menu-block a.tooltip span {
    z-index:10;display:none; padding:10px 15px;
    margin-top:-90px; margin-left:-70px;
    width:250px; line-height:16px; font-size:12px;
}
.left-menu-block a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.left-menu-block .callout {z-index:20;position:absolute;bottom:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
.left-menu-block a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

.right-content-block{
 width:100%; height:auto; float:left; margin-top:10px;

}

/* style for main content */
#content{
width:100%; height:auto; float:left;  box-sizing:border-box;  word-wrap:break-word;
}
.heading{
 width:100%; height:auto; float:left; text-align:center; font-size:1.2em; font-weight:bold; background:url(../images/head.gif) repeat-x; padding:7px 0;
}
.text-content{
 width:100%; height:auto; float:left;
 }
 .text-content2{
 width:98%; height:auto; float:left; margin-left:1%; margin-bottom:10px;
 }
 /* Design for tables used in pages */

 .table-content{
  float:left;
 }
 /* Main table Design starts here */
.main-table{
  border:1px solid #ccc; color:#333; border-collapse:collapse; background:#fff; word-wrap:break-word; font-size:1em;
}
.main-table tr {
 min-height:20px;
}
.main-table td{
border:1px solid #ccc; min-height:20px; padding:5px;
}
.main-table a{color:#C05602; font-weight:bold; padding:2px 5px; text-decoration:none;}
.main-table a:hover{background:#800000; color:#fff;}
 /* Main table Design ends */
.red{
 color:#800000; font-weight:bold; font-size:0.9em; margin-right:10px;
}
 /* button table Design starts here */
.buttons-table{
   color:#333; background:#EEFBE6; margin:10px auto; word-wrap:break-word;  font-size:1em;
}

.buttons-table tr {
 min-height:20px;
}
.buttons-table td{
border:1px solid #B7F193; min-height:20px; padding:5px;
}
.buttons-table td a{
text-decoration:none; color:#880000;
} 
 /* button table Design ends */

  /* Common Design Style starts here */
 .centeralign{ text-align:center;}
.leftalign{ float:left;}
.rightalign{ float:right;}
.submit{
 width:auto; min-width:90px; min-height:25px; height:auto; background:url(../BudgetMVC/images/menu.gif) repeat-x; border:1px solid #999; color:#333; margin:3px;
}
.submit:hover{
color:#fff; background:#800000;
}
.submit-active{
 width:auto; min-width:90px; min-height:25px; height:auto; background:#800000; border:1px solid #999; color:#fff; margin:3px;
}
.submit-disable{
 width:auto; min-width:90px; min-height:25px; height:auto; background:url(../BudgetMVC/images/menu.gif) repeat-x; border:1px solid #999; color:#666; margin:3px;
}
.submit-button{
width:auto; min-width:90px; min-height:25px; height:auto; background:#CB6E02; border:1px solid #C05602; color:#fff; margin:3px;
}
.submit-button:hover{  
background:#800000; color:#fff;
}

.btn{
width:auto; min-width:40px; min-height:25px; height:auto; background:#CB6E02; border:1px solid #C05602; color:#fff; margin:3px;
}
.btn:hover{
background:#800000; color:#fff;
}


/* info table Design starts */
.info-table{
  border:none; color:#333; margin-bottom:10px; text-transform:capitalize;
  }
.info-table tr {
 min-height:20px;
}

.info-table th{
 border:none;
}

.info-table td{
border:none;  min-height:15px;  padding:2px;
}
.info-table a{
 color:#C05602;  font-weight:bold; padding:2px;
}
.info-table a:hover{
background:#800000; color:#fff; text-decoration:none;
} /* info table Design ends */
.grey{
color:#333;
}
.purpleblock{
	background:#821B98; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block
	}
.greenblock{

	background:#669900; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block
	}
.parrotblock{
	background:#99FF66; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
}
.pinkblock{  
	background:#F778A1; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
}
.level1-block{
background:#009191; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
}
.level2-block{
background:#00D7D7; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
}

.level3-block{
background:#A6FFFF; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
}

.bglightgreen{
	 color:#34927D;
	}
.bglightorange{
	 color:#AB1E38;
	}
.lightpurple{
	 color:#1E28AB;
	}
.addbgcolor{
	background:#34927D; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}
.subbgcolor{
	background:#AB1E38; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}
.balancebgcolor{
	background:#1E28AB; padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}


.purple{
	color:#821B98;
	}
.green{
	color:#669900;
	}
.blue{
	color:#24568E;
	}
.green2{
	color:#33864C;
	}
	.green2block{
	background:#33864C;padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}
.black{
	color:#FFF; background:#999; font-weight:bold;
	}

.tablemargin{
	margin:5px 0;
	}
.orange{
	color:#AB1E38;
	}
	.orangeblock{
	background:#AB1E38;padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}
.lightblue{
background:#F2F9FE;
	}
.darkblue{
	color:#014A7C;
	}
.purple2
{
	color:#1E28AB;
	}
	.purple2block{
	background:#1E28AB;padding:2px; margin:7px 2px 0; width:6px; height:6px; display:inline-block;
	}

.textbox-input{
 width:80%;  background:#FEF8F3; border:1px solid #ccc; text-align:left; min-height:20px;  word-wrap:break-word; font-size:0.8em;
}
.textbox-input:focus{
  border:1px solid #C05602;
}
	/* Common Design end here */
 /* data table Design starts here */

.data-table-title{
 background:#5C0306;margin-top: 10px; color:#ffffff;
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; word-wrap:break-word;  font-size:1em; text-transform:capitalize; border-radius: 0.5em 0.5em 0 0; 
 }

.data-table-heading{
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; border-bottom:5px solid #800000; word-wrap:break-word;  font-size:1em; text-transform:capitalize;
 }

.data-table{
  border:none; color:#333; margin:0 auto;background: -webkit-linear-gradient(#EDFAE1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDFAE1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDFAE1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDFAE1, #ffffff); /* Standard syntax */padding:5px;  font-size:1em;  text-transform:capitalize; border-collapse:collapse;
}
.data-table tr {
 min-height:20px;
}

.data-table th{
 min-height:15px;  color:#333; padding:2px; font-weight:bold; border:1px solid #85B26B; background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */
}

.data-table td{
border:1px solid #F9D8D8;  min-height:15px;  padding:2px;
}
.data-table a{
 color:#C05602;  font-weight:bold; padding:2px;
}
.data-table a:hover{
background:#800000; color:#fff; text-decoration:none;
} /* data table Design ends */
.data-table-fxheader{
 border:none; color:#333;background: -webkit-linear-gradient(#EDFAE1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDFAE1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDFAE1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDFAE1, #ffffff); /* Standard syntax */  font-size:1em;  text-transform:capitalize; border-collapse:collapse; word-wrap: break-word;
}
.data-table-fxheader tr {
 min-height:20px;
}
.data-table-fxheader tr:hover {
background:#F8DDC1;
}

.data-table-fxheader th{
min-height:15px;  color:#333;  font-weight:bold; border:1px solid #85B26B; background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */
}

.data-table-fxheader td{
border:1px solid #F9D8D8;  min-height:15px; 
}
.data-table-fxheader a{
 color:#C05602;  font-weight:bold; padding:2px;
}
.data-table-fxheader a:hover{
background:#800000; color:#fff; text-decoration:none;
}


/* data table Detail Design starts here */
 .data-table-heading-detail{
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; border-bottom:5px solid #800000; word-wrap:break-word;  font-size:1em; text-transform:capitalize;
 }
.data-table-detail{
 border:none; color:#333; margin:0 auto;background: -webkit-linear-gradient(#EDFAE1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDFAE1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDFAE1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDFAE1, #ffffff); /* Standard syntax */  padding:5px;  font-size:1em;  text-transform:capitalize;
}
.data-table-detail tr {
 min-height:20px;
}
.data-table-detail tr:hover {
background:#FFF9F9;
}

.data-table-detail th{
 background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */min-height:15px;  color:#333; padding:2px; font-weight:bold; border:1px solid #85B26B;
}

.data-table-detail td{
border:1px solid #F9D8D8;  min-height:15px;  padding:2px;
}
.data-table-detail a{
 color:#C05602;  font-weight:bold; padding:2px;
}
.data-table-detail a:hover{
background:#800000; color:#fff; text-decoration:none;
}
/* data table Detail Design ends */
/* report table Design starts here */
 .report-table-heading{
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; border-bottom:5px solid #800000; text-transform:capitalize;
 }
.report-table{
  border:none; color:#333; background: -webkit-linear-gradient(#EDFAE1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDFAE1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDFAE1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDFAE1, #ffffff); /* Standard syntax */ padding:5px;  font-size:1em; margin:10px auto; word-wrap:break-word;  text-transform:capitalize;
}
.report-table tr {

}

.report-table th{
 background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */ color:#333; padding:2px; font-weight:bold; border:1px solid #85B26B;
}

.report-table td{
border:1px solid #F9D8D8; padding:2px;
}
.report-table a{
 color:#C05602;  font-weight:bold; padding:2px;
}
.report-table a:hover{
background:#800000; color:#fff; text-decoration:none;
} /* data table Design ends */

.evenrowcolor1{ background:#EDE5DD;}
.oddrowcolor1{background:#FEF8F3;}


/* fund transfer table Design starts here */
.fund-table-heading{
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; border-bottom:5px solid #800000; word-wrap:break-word; text-transform:capitalize;
 }
.fund-table{
  border:none; color:#333;  background: -webkit-linear-gradient(#EDFAE1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDFAE1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDFAE1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDFAE1, #ffffff); /* Standard syntax */ padding:5px; font-size:1em; text-align:left; text-transform:capitalize;
}
.fund-table tr {
 min-height:20px; 
}

.fund-table th{
background: -webkit-linear-gradient(#D4E6C5, #A2CE88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D4E6C5, #A2CE88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D4E6C5, #A2CE88); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D4E6C5, #A2CE88); /* Standard syntax */ min-height:15px;  padding:2px;  color:#333; font-weight:bold; border:1px solid #85B26B;
}

.fund-table td{
border:1px solid #F9D8D8; min-height:15px; padding:2px;
}
.fund-table a{
 color:#C05602; font-weight:bold; padding:2px;
}
.fund-table a:hover{
background:#800000; color:#fff; text-decoration:none;
}
.fund-input-th{
 width:90%; height:auto; background:#EDE6E6; border:none; text-align:right; min-height:16px;  word-wrap:break-word;
}
.fund-input{
 width:90%;  background:#FEF8F3; border:1px solid #ccc; text-align:right; max-height:16px;  word-wrap:break-word; font-size:0.8em; margin:0 auto;
}
.fund-input:focus{
 width:120px; border:1px solid #C05602;
}
.fund-table-grey{
color:#333; text-align:right; background:#EDE6E6;
}/* fund table Design ends */
.inputtext-large{
 width:90%;  background:#FEF8F3; border:1px solid #ccc; text-align:left; min-height:20px;  word-wrap:break-word; font-size:0.8em;
}
.inputtext-large:focus{
border:1px solid #C05602;
}
.inputtext-small{
 width:40%;  background:#FEF8F3; border:1px solid #ccc; text-align:left; min-height:20px;  word-wrap:break-word; font-size:0.8em;
}
.inputtext-small:focus{
border:1px solid #C05602;
}
.readonlybg{
background:#FDEBCE; color:#333; text-align:right;
}
.readonlybg input[type='text']
{
background:#FDEBCE; border:none; width:90%; text-align:right; max-height:16px;
}

.be-dissable-input{
	background:#FEF8F3; border:0px solid #FEF8F3; text-align: center;
}
.normal-input{
	border:1px solid #cccccc;
}


 /* estimation table Design starts here */
 .estimation-table-heading{
 width:99%; height:auto; float:left; text-align:center; font-size:1em; font-weight:bold; padding:2px 0.5%; border-bottom:5px solid #800000; word-wrap:break-word;  font-size:1em; text-transform:capitalize;
 }
.estimation-table{
  border:1px solid #D1AA83; color:#333; background:#EDE5DD;  font-size:1em; padding:5px;  text-align:left; text-transform:capitalize;
}
.estimation-table tr {
 min-height:20px; background:#FEF8F3;
}

.estimation-table th{
background:#F9E6D6; min-height:15px; color:#800000; font-weight:bold; border:1px solid #D6A77B;
}

.estimation-table td{
border:1px solid #D6A77B; min-height:15px;
}
.estimation-table a{
 color:#800000;  font-weight:bold; padding:2px; text-decoration:none; font-size:0.9em
}
.estimation-table a:hover{
background:#800000; color:#fff;
}
.estimation-block{
 width:auto; height:auto; float:left; margin-right:10px; margin-bottom:5px;
}
.estimation-block-input{
 width:100px; border:1px solid #ccc;
}
.estimation-block-input:focus{
border:1px solid #C05602;
}
.estimation-input{
width:80%; border:1px solid #ccc;
}
.estimation-input:focus{
border:1px solid #C05602;
}

.text-content1{
width:97%; height:auto; margin:5px 0px 5px 10px; float:left; background:#f6f6f6; border:1px solid #ccc; padding-bottom:10px;
}

 /* estimation table Design ends */

 /* footer Design starts here */
#footer{ width:100%; height:auto; float:left; }
.footer{
 width:99%; height:auto; float:left; padding:10px 0.5%; text-align:right; font-size:1em; background: -webkit-linear-gradient(#A2CE88, #83B069); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A2CE88, #83B069); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A2CE88, #83B069); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A2CE88, #83B069); /* Standard syntax */ color:#333;
} /* end */
.footer a{
color:#fff; text-decoration:none; font-size:0.9em;
}
.footer a:hover{
text-decoration:underline;
}
.footer-left{
 width:45%; height:auto; float:left; text-align:left; margin-left:5%;
}
.footer-right{
 width:45%; height:auto; float:right; text-align:right; margin-right:5%;
}/* end */

.evenrowcolor{ background:#f3f3f3;}
.oddrowcolor{background:#fff;}

.ui-resizable {
	position:relative;
}
.ui-resizable-handle {
	display:block;
	font-size:0.1px;
	position:absolute;
	z-index:99999;
}

.ui-resizable-s { 
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	border-top:1px solid #CCCCCC;
	bottom:-5px;
	cursor:s-resize;
	height:14px;
	left:0;width:100%; 
}


/*****************menu*****************/
 #menu{
width:100%; height:auto; float:left; background:#83AF67 url(../images/menu_PC.gif) repeat-x; 
;}

		ul#primary-nav,
		ul#primary-nav ul {
			width: 150px;/*ss- sub menu width*/
			margin: 0;/*ss- menu start left margin*/
			padding: 0;
			background:#83AF67 url(../images/menu_PC.gif) repeat-x; 
		}

		ul#primary-nav {
			float: left; /*ss- menu align left*/
			width: auto; /*ss- Width of Menu */

		}

		ul#primary-nav:after {
			content: ".";
			display: block;
			height:0;
			clear: both;
			visibility: hidden;
		}

		ul#primary-nav li {
			position: relative;
			list-style: none;
			float: left; /*ss- list from left to right*/
			width: 150px; /* Width of Menu Items */
		}

		ul#primary-nav li a,
		ul#primary-nav li li a {
			display: block;
			text-decoration: none;
			color: #000;/*rgb(235,235,235); /*ss- menu font color*/
			padding: 4px 5px;
			border: 1px solid #6C9453;
			
		}

		/* Fix IE. Hide from IE Mac \*/
		* html ul#primary-nav li { float: left; height: 1%; }
		* html ul#primary-nav li a { height: 1%; }
		/* End */

		ul#primary-nav ul {
			position:absolute;
			display: none;
		}

		ul#primary-nav ul ul {
			left: 150px;
			top: 0;
		}

		ul#primary-nav li ul li a { 			/* Sub Menu Styles */
			padding: 4px 5px;
			/*width : 150px;*/

		}
		ul#primary-nav li ul li a:hover {
		background:#C05602; color:#fff;
		}


		ul#primary-nav li:hover ul ul,
		ul#primary-nav li:hover	ul ul ul,
		ul#primary-nav li.over ul ul,
		ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
		ul#primary-nav li:hover ul,
		ul#primary-nav li li:hover ul,
		ul#primary-nav li li li:hover ul,
		ul#primary-nav li.over ul,
		ul#primary-nav li li.over ul,
		ul#primary-nav li li li.over ul { display: block; } /* The magic */
		ul#primary-nav li.menubar { background: transparent url(../images/56.gif) right center no-repeat; }
		ul#primary-nav li li.menubar { background: transparent url(../images/42.gif) right center no-repeat; }
		ul#primary-nav li:hover,ul#primary-nav li li:hover,
		ul#primary-nav li li.over,
		ul#primary-nav li.over { background: #D9D9D7};/*#7E583D };/*#90602A};/*#8B8878!important};/*#8B6155!important};/*url("../jsp/images/rbg1.bmp")}; /*rgb(179,162,171) !important; }/*rgb(179,162,171)ss- menu color - when mouse over*/
		ul#primary-nav li a:hover { color: white; }/*ss- menu font color - when mouse over*/