BODY {
	 SCROLLBAR-FACE-COLOR: #C0C0C0; 
	 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	 SCROLLBAR-SHADOW-COLOR: #ffffff; 
	 SCROLLBAR-3DLIGHT-COLOR: #C0C0C0; 
	 SCROLLBAR-ARROW-COLOR: #ffffff; 
	 SCROLLBAR-TRACK-COLOR: #C0C0C0; 
	 SCROLLBAR-DARKSHADOW-COLOR: #C0C0C0; 
	 SCROLLBAR-BASE-COLOR: #C0C0C0;
	background-image:url(../images/background2.gif); 
	background-attachment:fixed; 
	background-position: top left; 
	background-repeat: no-repeat;
	background-repeat:repeat-x;
    text-align: center;
	background-color:FFFFFF;
}
/* kind of font and size relating to the basic tags */
TD {
    
	FONT:  12px verdana, arial, helvetica, sans-serif
}
P {
	FONT:  12px verdana, arial, helvetica, sans-serif
}
DIV {
	FONT:  12px verdana, arial, helvetica, sans-serif
	
}



/* property of basic hyperlinks*/
A {
	COLOR: #0000Cf;
	CURSOR: hand;
	FONT: 12px verdana, arial, helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #888888; TEXT-DECORATION: none
}



A:active {
	COLOR: #ff9900
}

/*  Page Title */

.page_title {
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
}
 
.highlightedRow {
  background-color:#C7C6BB;
  
}

.highlighted_cancel {
  background-color:#FF0000;
  
}

.highlighted_moved {
  background-color:#EFECD1;

}

.phone_text {
	COLOR: #000000;
	CURSOR: none;
	FONT: 8px verdana, arial, helvetica, sans-serif;
	TEXT-DECORATION: none;
}


.photo_frame {
  border:solid 1 #000000;
}


.photo_frame_light {
  border:solid 1 #C0C0C0;
  background-color:#EEEEEE;

}



/* Form  */
.downloadLink{
	color: #808080;
	font-size:11px;
}

.compulsory_note {
	COLOR: #FF0000; 
	TEXT-DECORATION: strong;
}

.textbox_disabled {
  background-color:#EEEEEE;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  
  font-family:arial;
  font-size:11px;
	width:120px;
}


.textbox_l {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:11px;
	width:200px;
}

.textbox_xl {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:11px;
	width:280px;
}


.textbox_m {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:11px;
	width:120px;
}

.textbox_s {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:11px;
  width:60px;
  
}

.textbox_ss {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:18px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:11px;
  width:20px;
  
}

.dropdown {
  background-color:#EEEEEE;
  border:solid 2 #CCCCCC;
  padding: 1px 1px 1px 1px;
  height:22px;
  font-family:arial;
  background:  url("../images/textfield.gif");
  font-size:11px;
 
}

.textarea {

  	 border:solid 1 #CCCCCC;
   	padding: 1px 1px 1px 1px;
  	height:400px;
  	width:440px;
  	font-family:arial;
  	font-size:11px;
	background:  url("../images/textarea_top.jpg") repeat-x top ;
	background:  url("../images/textarea_bottom.jpg") repeat-x bottom;
    background-color:#FFFFFF;
}

.upload {
  background-color:#f2f2f2;
  border:solid 1 #DDDDDD;
  padding: 1px 1px 1px 1px;
  height:22px;
  background:  url("../images/textfield.gif");
   font-family:arial;
  font-size:11px;

}

.checkbox {
  background:url("../images/button_bg.gif");
  background-color:#FFFFFF;
   border:solid 1 #DDDDDD;
  font-family:arial;
  font-size:11px;
}

.radiobutton {
  background:url("../images/button_bg.gif");
  background-color:#FFFFFF;
   border:solid 1 #DDDDDD;
  font-family:arial;
  font-size:11px;
}

.button {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#666;
  font-weight:bold;
  padding: 1px 2px;
  font-family:arial;
  background:url("../images/button_bg.gif");
  font-family:arial;
  font-size:11px;
}


.title_table{
  	margin: 0px;
	width:550px;
	border:solid 3px #000000;
	font-size: 12px;
	background:FFFFFF;
	color: #000;
  
}


.form_label{
  	FONT:  12px verdana, arial, helvetica, sans-serif
  	width:100px;
}

.form_label_compulsory{
  	FONT:  12px verdana, arial, helvetica, sans-serif;
  	
  	COLOR: #FF0000; 
	  TEXT-DECORATION: strong;
}

.form_title{
  	FONT:  13px verdana, arial, helvetica, sans-serif	
  	font-family:arial;
  	COLOR: #000000; 
  	font-weight:bold;
	TEXT-DECORATION: strong;
}

.form_table{
  	margin: 0px;
	padding: 6px 4px 2px 4px;
	width:520px;
	border:outset 3px #EEEEEE;
	font-size: 12px;
	background:FFFFFF;
	color: #000;
  
}
/* Form End */



/* home page */

.header_panel{
  	margin: 0px;
	padding: 1px 1px 1px 1px;
	border:outset 1px #C0C0C0;
	font-size: 12px;
	background:FFFFFF;
	color: #000;
  background:url("../images/button_bg.gif");
}



.index_frame {
 	margin: 0px;
	padding: 6px 6px 6px 6px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
		border:1px dashed #C0C0C0;

	width:380px;
}

.index_frame_page {
 	margin: 0px;
	padding: 6px 6px 6px 6px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
		border:1px dashed #C0C0C0;
}

.index_frame_column {
 	margin: 0px;
	padding: 6px 6px 6px 6px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	border:1px dashed #C0C0C0;

	width:180px;
}

.index_frame_column_left {
 	margin: 0px;
	padding: 6px 6px 6px 6px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	border:1px dashed #C0C0C0;

	width:145px;
}


.index_frame_title {
 	margin: 0px;
	font-size: 12px;
	background:#EEEEEE;


}


.tab_frame {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:0px solid #000000;
	border-bottom:0px solid #000000;
	width:380px;
}
.tab_frame_active {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	border-bottom:0px solid #000000;
	
}
.tab_frame_inactive {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 12px;
	color: #C0C0C0;
	background:#EEEEEE;
	border:1px solid #C0C0C0;
	border-bottom:1px solid #000000;

}

.tab_frame_unuse {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 12px;
	color: #C0C0C0;

	border:0px solid #000000;
	border-bottom:1px solid #000000;

}


.tab_content_frame {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	border-top:0px solid #000000;
	width:380px;
}

.tab_content_show {
	position:absolute;
	left:?px; 
	top:?px; 
	width:?px; 
	height:?px; 
	z-index:1; 
	visibility:show;
}

.tab_content_hide {
 	position:absolute;
	left:?px; 
	top:?px; 
	width:?px; 
	height:?px; 
	z-index:1; 
	visibility:hidden;
}


/* Listing Style */


.listing_item {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	width:550px;
	background:#EEEEEE;
}



.listing_table {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	width:550px;
}


/*  End listing style */



/*  Calendar  */

.calendar_table{
  
	
	
	border:solid 1px #C0C0C0;
	font-size: 12px;
	color: #000;

  	
}

.calendar_day{
  	margin: 0px;

	background:#FFFFFF;
	border:dashed 1px #C0C0C0;
	font-size: 9px;
	color: #000;
	height:100px

}

.calendar_event{
  	margin: 0px;
	cursor:hand;
	background:#DDDDDD;
	border:solid 1px #C0C0C0;
	font-size: 9px;
	color: #000;
	height:100px
}


.calendar_today{
  	margin: 0px;
	cursor:hand;
	background:#C7C6BB;
	border:solid 1px #000000;
	font-size: 9px;
	color: #000;
	height:50px
}

.calendar_header{
  	margin: 0px;

	background:#EEEEEE;
	border:solid 1px #C0C0C0;
	font-size: 9px;
	color: #000;
	height:20px
}

.calendar_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:-260px; 
	margin-top:-60px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:200px; 

  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#FFFFAA;
}
.calendar_tag{
  	margin: 0px;

	background:#FFFFCF;
	border:solid 1px #000000;
	font-size: 9px;
	color: #000;
	height:10px
}


.calendar_tag_news{
  	margin: 0px;
	background:#FFCFCF;
	border:solid 1px #000000;
	font-size: 9px;
	color: #000;
	height:10px
}

.calendar_day_s{
  	margin: 0px;

	background:#FFFFFF;
	border:solid 1px #C0C0C0;
	font-size: 9px;
	color: #000;


}

.calendar_event_s{
  	margin: 0px;
	cursor:hand;
	background:#DDDDDD;
	border:solid 1px #C0C0C0;
	font-size: 9px;
	color: #000;

}


.calendar_today_s{
  	margin: 0px;
	cursor:hand;
	background:#C7C6BB;
	border:solid 1px #000000;
	font-size: 9px;
	color: #000;

}

.calendar_header_s{
  	margin: 0px;

	background:#C0C0C0;
	border:solid 1px #COCOCO;
	font-size: 9px;
	color: #000;

}



/* Page Scrollbar  */

.scrollbar{
		position:relative;
		height:80px;
		width:15px;
		background-color:#EEEEEE;
		border:1px solid #CCCCCC;
}

.scrollbar_back{
	background: #FFFFFF;
		width:17px;
	border:1px solid #888888;
	filter:alpha(opacity=80);

}

.scrollbar_horizontal{
		position:relative;
		width:80px;
		height:15px;
		background-color:#EEEEEE;
		border:1px solid #CCCCCC;
}

.scrollbar_horizontal_back{
	background: #FFFFFF;
		height:17px;
	border:1px solid #888888;
	filter:alpha(opacity=80);

}

.scrollbar_degree{
		position:relative;
		height:20px;
		width:15px;
		background-color:#EEEEEE;
		border:1px solid #CCCCCC;
}

.scrollbar_degree_back{
	background: #FFFFFF;
	width:17px;
	border:1px solid #888888;
	filter:alpha(opacity=80);


}


.tip_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:-10px; 
	margin-top:-60px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:200px; 
  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#FFFFAA;
}

.photo_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:-400px; 
	margin-top:-200px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:600px; 

  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#FFFFAA;
}

.caption_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:-180px; 
	margin-top:-80px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:200px; 
  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#FFFFAA;
}

.link_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:-240px; 
	margin-top:-60px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:200px; 
  	height:50px;
  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#FFFFAA;
}

.menu_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:120px; 
	margin-top:-60px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:200px; 
  	height:50px;
  	filter:alpha(opacity=95);
  	-moz-opacity:.95;
  	opacity:.95;
  	background:#FFFFAA;
}


.admin_panel_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:10px; 
	margin-top:0px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:500px; 
  	height:50px;
  	filter:alpha(opacity=95);
  	-moz-opacity:.95;
  	opacity:.95;
  	background:#FFFFFF;
}


/* Frame (window) */

.frame_panel
{
	width:400px;
	position:absolute;
	font-size:12px;
	font-family:vardana;
	filter:alpha(opacity=95);
	-moz-opacity:.95;opacity:.95;
	position:absolute; 
	left:?px; 
	top:?px; 
	width:?px; 
	height:?px;
	

}

.frame_content
{
	border:2px solid black ;
	border-top:0px solid black ;
	background:#FFFFFF;
	width:400px;

}
.frame_move
{		
  	border:2px solid black ;
	width:400px;
	height: 18px;
	background:#DDDDDD;
	cursor:move;
}

/* END Frame (window) */




/*  Right Click menu */



#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}