BODY
{
	BACKGROUND-COLOR: #FFFFFF;
	background-attachment: no-scroll;
    /*BACKGROUND-IMAGE: url('../images/bg.png'); */
	PADDING: 0px;
	MARGIN: 0px;

}

.body_bg
{
	BACKGROUND-COLOR: #FFFFFF;
	background-attachment: no-scroll;
    BACKGROUND-IMAGE: url('../images/bg1_01.jpg');
	PADDING: 0px;
	MARGIN: 0px;

}



fieldset{
	MARGIN-TOP:5px;
    BORDER-COLOR: #999999;
}
fieldset.fieldset_square{
	BORDER: #CCC 1px solid;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
}
legend{
	MARGIN-BOTTOM: 0px;
	PADDING:0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: none;
    FONT-FAMILY: Verdana,Arial;
    COLOR: #000000;
}
.font_legend{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
    /*COLOR: #0c47b6; */
}
a{
   	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

form{
	MARGIN: 0px;
    PADDING: 0px;
}

a:hover {
	text-decoration: none;
	color: #0033FF;
}


.longtext {overflow:auto;scrollbar-track-color:#F7F7F7;scrollbar-face-color:#F0F0F0;scrollbar-shadow-color:#B8B7B7;scrollbar-darkshadow-color:#F7F7F7;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#D9D9D9;scrollbar-arrow-color:#888888;}


input.txt{
	BORDER: #949494 1px groove;
    FONT-SIZE: 14px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    HEIGHT: 20px;
    WIDTH: 150px;
}

select, option{
	/*BORDER-RIGHT: #949494 1px groove; */
    /*border: inset 1px #708090;*/
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    HEIGHT: 20px;
}
textarea{
	FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;

}



.btn{
	width:120px;
    color:#333333;
	font-family:Verdana,Arial, Verdana, Helvetica;
	font-size:84%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
}


.img_btn{
    color:#333333;
	font-family:Verdana, Helvetica;
	font-weight:bold;
	font-size:12px;
}
.img_btn_hor{
    color:#333333;
	font-family:Verdana, Helvetica;
	font-weight:bold;
	font-size:12px;
}

.page_title{
    width: 250px;
	font-size: 15px;
    font-family: Verdana, Helvetica, sans-serif;
    clear: both;
    text-align: center;
    color: 	#808080;
    font-weight: bold;
    border-bottom: 2px solid #F29900;
    MARGIN-Bottom: 0px;
}

.font_misc{
	font-family:Arial;
	font-size:12;
}

.font_login_title{
	font-family:Verdana, Verdana, Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #5a5a5a;
}

input.username {
	padding-left:28px;
	background-image: url(../images/users.gif);
	background-repeat: no-repeat;
	background-position: 2% 25%;
	/*background-repeat: repeat-x;*/
	border: 1px groove #949494;
	HEIGHT:22px;
	WIDTH:190px;
	color:#000080
}

input.password {
	padding-left:28px;
	background-image: url(../images/ico_key.gif);
	background-repeat: no-repeat;
	background-position: 2% 25%;
	/*background-repeat: repeat-x;*/
	border: 1px groove #949494;
	HEIGHT:22px;
	WIDTH:190px;
	FONT-FAMILY:  verdana,Tahoma;
	FONT-WEIGHT: bold;
	color:#000080
}


/*Table Login Page */
table.tbl_brd_login{
	BACKGROUND-COLOR:#FFFFFF;
	BORDER: #000000 1px solid;
	PADDING: 20px;
}
table.tbl_brd_login_frm{
	BACKGROUND-COLOR:#042337;
	BORDER:#000000 1px groove;
	PADDING: 20px;
}



/*Table Report(Column Style)*/
table.tbl_misc{
	 background-color: #FFFFFF;
	 border-collapse: collapse;
	 FONT-FAMILY: Verdana;
     BORDER: #7F9DB9 1px solid;
     border-collapse: collapse;
}

table.tbl_misc tr.row_heading{
/*background-color: #3163BD; */
   	font-size: 10px;
	text-decoration: none;
	font-weight: none;
	color: #000000;
    text-align: left;
    background-image : url(../images/bg_td_top.jpg);
    background-position: 100% 100%;
    background-repeat: repeat-x;
}

table.tbl_misc tr.row_heading td{
    BORDER-RIGHT: #C6C8C1 1px solid;
	BORDER-TOP: #ffffff 0px solid;
	BORDER-LEFT: #ffffff 0px solid;
	BORDER-BOTTOM: #7A8180 1px solid;
    PADDING: 5px 4px;
    TEXT-ALIGN: center;
    BORDER-COLLAPSE: collapse;
}

table.tbl_misc tr.row_data{
    font-size: 12px;
	text-decoration: none;
	font-weight: none;
	color: #0c47b6;
}
table.tbl_misc tr.row_data td{
	height: 23px;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    PADDING: 0px 4px;
    BORDER-COLLAPSE: collapse;
}
table.tbl_misc tr.row_data, table.tbl_misc tr.selectRow, table.tbl_misc tr.unselectRow{
    font-size: 12px;
	text-decoration: none;
	font-weight: none;
	color: #0c47b6;
	height: 23px;
}
table.tbl_misc tr.row_data td, table.tbl_misc tr.selectRow td, table.tbl_misc tr.unselectRow td{
    BORDER-BOTTOM: #BCBEB7 1px solid;
    BORDER-RIGHT: #BCBEB7 1px solid;
    PADDING: 3px 1px;
}


/*= Hilighting data row
------------------------------------------*/
.selectRow{
	BACKGROUND-COLOR: #DAE6E5;
}
.unselectRow{
	BACKGROUND-COLOR: #FFFFFF;
}

/*Table Footer*/
.outer {height:91%;}
.footer {POSITION:absolute;BOTTOM:0px;WIDTH: 100%;}
table.tbl_footer{
	WIDTH:100%;
	HEIGHT:20px;
}
table.tbl_footer td.ft_tool_name{
	COLOR:#FFFFFF;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	FONT-STYLE: italic;
	BORDER-RIGHT:#CCCCCC 0px solid;
	WIDTH:250px;
	PADDING: 2px 7px;
}
table.tbl_footer td.ft_misc{
	COLOR:#FFFFFF;
    /*COLOR:#F7DA00; */
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: none;
	BORDER-RIGHT:#CCCCCC 0px solid;
	PADDING: 2px 5px;
}

/*Menu Head Table */
.menu_out{
	WIDTH:50;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-ALIGN: center;
    PADDING: 2px 5px;
    BORDER: transparent 1px ridge;
    CURSOR: pointer;
}
.menu_over{
	WIDTH:50;
    FONT-FAMILY: Verdana;
   	FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	COLOR: #000000;
    TEXT-ALIGN: center;
    PADDING: 2px 5px;
    BACKGROUND-COLOR: #f7da00;
    BORDER: transparent 1px groove;
    CURSOR: pointer;
}

.menu_img{
	HEIGHT: 26px;
    WEIGHT: 26px;
}
.menu_line{
	WIDTH: 2px;
    HEIGHT: 38px;
}

/* =Form Table
----------------------------------------------- */
#tbl_frm{
	WIDTH: 680px;
	MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-BOTTOM: 5px;
	border-collapse: collapse;
}
.td_heading{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
    PADDING: 6px 5px;
}
.td_data{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
}

.td_heading_4budget{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
    PADDING: 3px 5px;
}
.td_data_4budget{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
}

/* =Action Table
----------------------------------------------- */
#tbl_action{
	WIDTH: 600px;
	MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-BOTTOM: 5px;
	border-collapse: collapse;
}

/*= Table Navigation Page
------------------------------------------*/
.tbl_nav{
 	border-collapse: collapse;
}
.td_nav{
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: none;

}

/* =Input Field Style
----------------------------------------------- */
.txt_input{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.txt_disabled{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR:#0C47B6;
	WIDTH:198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#EFEFEF;
	BORDER:1px solid #CCCCCC;
}
.txt_calendar_input{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 177px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.txt_calendar_disabled{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR:#0C47B6;
	WIDTH:177px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#EFEFEF;
	BORDER:1px solid #CCCCCC;
}
.cbo_input{
	BORDER-RIGHT: #949494 1px solid;
    border: inset 1px #708090;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    WIDTH:150px;
    HEIGHT: 20px;
}
.btn{
	width:120px;
    color:#333333;
	font-family:Verdana,Arial, Verdana, Helvetica;
	font-size:84%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
}
.img_btn{
    color:#333333;
	font-family: Verdana, Helvetica;
	font-weight:bold;
	font-size:11px;
}

.select_198{
    BORDER: #7F9DB9 1px solid;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}

.txt_input_72px{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 72px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}

/** WRAPPER */

#wrapper {
	background: url(../images/bg1_02.jpg) repeat-x left top;
}

#bg {
	background: url(../images/bg01.jpg) repeat-y center top;
}

#bgtop {
	background: url(../images/bg02.jpg) no-repeat center top;
}

#bgbtm {
	padding-bottom: 20px;
	background: url(../images/bg03.jpg) no-repeat center bottom;
}

/** FOOTER */

#footer_1 {
	height: 50px;
	background: url(../template1_files/bg04.jpg) no-repeat center top;
}

#footer_1 p {
	margin: 0px;
	padding-top: 35px;
	text-align: center;
	color: gray;
}

/*= CSS POPUP
------------------------------------------*/
a.info{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.info img {
 border: 0px;
}

a.info:hover{z-index:25; background-color:#E0F3FA}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2.5em;
    left:1.5em;
    border:1px solid #336;
    background-color:#f7f7ee; color:#000;
    text-align: left;
    padding: 3px;
    font-size: 12px;
}

.show {
 display: block;
}

.hide {
 display: none;
}

/* Second Style of popup Tooltip*/
a.info1{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.info1 img {
 border: 0px;
}

a.info1:hover{z-index:25;}

a.info1 span{display: none}

a.info1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-3.5em;
    left:1.5em;
    border:1px solid #336;
    background-color:#f7f7ee; color:#000;
    text-align: left;
    padding: 3px;
    font-size: 10px;
}

/*= Additional MISC..
------------------------------------------*/
.font_10{
	FONT-SIZE: 10px;
}

.td_font_11{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #000000;
    padding-right: 5px;
    padding-top: 2px;
}
.tbl_popup_dropdown{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #000000;
}
.font_req_test{
	FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#C4AB49;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}
.font_req_buy_now{
    FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#256DDE;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}
.font_req_else{
    FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#000000;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}

.budget_font12{
    FONT-SIZE:12px;
    FONT-FAMILY:tahoma;
    COLOR:#000000;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}
.budget_font12_blue{
    FONT-SIZE:13px;
    FONT-FAMILY:tahoma;
    COLOR:#1569C7;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}
.budget_font12_red{
    FONT-SIZE:16px;
    FONT-FAMILY:tahoma;
    COLOR:#990066;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}