/* kind of font and size relating to the basic tags */
TD {
    
	FONT:  11px helvetica, arial, helvetica, sans-serif;
        COLOR:#333333;

}
P {
	FONT:  11px helvetica, arial, helvetica, sans-serif
        COLOR:#333333;
}
DIV {
	FONT:  11px helvetica, arial, helvetica, sans-serif
        COLOR:#333333;
}

TD DIV {
	FONT:  11px helvetica, arial, helvetica, sans-serif
        COLOR:#333333;
}
HR {
  border-top:solid 1px #eeeeee;
  border-bottom:solid 0px #eeeeee;
 
}


/* property of basic hyperlinks*/
A {
	COLOR: #343138;
        COLOR: #431055;
        color:#7B3E97;
        COLOR:#222222;
	CURSOR: hand;
	FONT: 11px helvetica, arial, helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #777777; 
        COLOR: #431055;
          color:#7B3E97;
        
	TEXT-DECORATION: none;
}
A:active {
	COLOR: #343138;
        COLOR: #431055;
        color:#7B3E97;
        COLOR:#222222;
}

.sub_title_table{
	width:300px;
	margin-top:-20px;
	margin-left:135px;
	position:absolute;
	border-left:solid 0px #ffffff;
	border-right:solid 100px #c9c1b6;
	border-bottom:solid 0px #c9c1b6;
	height:25px;


}

.sub_title{
  padding: 5px 5px 5px 50px;
  color:FFFFFF;
  TEXT-DECORATION: none;
  FONT: 12px solid verdana, arial , sans-serif;

}

.header_main_tab{
 	background:#7B3E97 url(../images/menu_bar.png);
  color:#000000;
 height:28px;
}

.header_main_tab:hover{
 	background:#7B3E97 url(../images/menu_bar_hover.png);
  	color:#000000;
 	height:28px;
}
.header_main_tab A{
  color:#FFFFFF;
  FONT: 13px outset verdana, arial, helvetica, sans-serif;
}
.header_main_tab A:hover{
  color:#FFFFFF;
  FONT: 13px outset verdana, arial, helvetica, sans-serif;
}


/* Form  */


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

.textbox_search {
  background-color:#f2f2f2;
  border:solid 1 #CCCCCC;
  padding: 1px 2px;
  height:23px;
  background:  url("../images/textfield.gif");
  font-family:arial;
  font-size:12px;
width:200px;
}
.button_search {
  cursor:pointer;
  border:solid 0px #000000;
  background:#999;
  color:#FFFFFF;
  font-weight:none;
  padding: 1px 1px;

  background:url("../images/button_bg.gif");
  background:#431055;
  font-family:century gothic,arial;
  font-size:12px;
}

.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_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;
  
}

.password_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;
  
}

.password_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;
  
}

.dropdown {
  background:url("../images/button_bg.gif");
  background:#C2B3D0;
   border:solid 2 #431055;
  font-family:century gothic;
  font-size:12px;
 
}

.textarea {

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

.textarea_mce {

  	 border:solid 1 #CCCCCC;
   padding: 1px 1px 1px 1px;
  	height:400px;
  	width:500px;
  	font-family:arial;
  	font-size:11px;
	
	background:  url("../images/textarea_bottom.jpg") repeat-x bottom;
	background:  url("../images/textarea_top.jpg") repeat-x top ;
    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:#431055;
   border:solid 2 #431055;
  font-family:arial;
  font-size:11px;
}

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

.color_picker_field {
  border:solid 1px #000000;
  width:22px;
  height:22px;
  background-color:#DDDDDD;
  color:#666;
}

.button {
  cursor:pointer;
  border:solid 0px #FFFFFF;
  background:#999;
  color:#FFFFFF;
  font-weight:none;
  padding: 5px 5px;
  font-family:arial;
  background:#431055 url("../images/menu_bar.png");
  font-family:century gothic, arial;
  font-size:12px;
}

.form_label{
  	FONT:  11px 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:  14px arial;	
  	COLOR: #000000; 
	TEXT-DECORATION: strong;
}

.form_table{
  	margin: 0px;
	padding: 6px 4px 2px 4px;
	background:#FFFFFF;
	border:solid 1px #888888;
	font-size: 11px;
	color: #000;
  
}
/* Form End */



.photo_frame{


	border:solid 1px #000000;
	
  
}





/* MAPPING */


.index_map_div {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;

	width:700px;
	height:500px;
 
	overflow: hidden; 
	border: 1px solid #C0C0C0; 
	float: left; 
	margin-right: 10px; 
	background-color: ECEAE4; 
	position: relative
}



.map_table {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	width:400px;
	height:400px;

}



.map_focus_1
{
	width:200px;
	height:200px;
	position:absolute;
	border-top:2px dashed #FF0000;
	border-bottom:2px dashed #FF0000;
	border-left:2px dashed #FF0000;
	border-right:2px dashed #FF0000;
	left:100px;
	top:100px;
	font-size:12	px;
	font-family:vardana;
	filter:alpha(opacity=100);
	-moz-opacity:.90;
	opacity:.90;
	
}

.map_focus_2
{
	width:400px;
	height:400px;
	position:absolute;
	border-top:2px dashed #FF0000;
	border-bottom:2px dashed #FF0000;
	border-left:2px dashed #FF0000;
	border-right:2px dashed #FF0000;
	left:0px;
	top:0px;
	font-size:12	px;
	font-family:vardana;
	filter:alpha(opacity=100);
	-moz-opacity:.90;
	opacity:.90;
	
}


/* End of MAPPING */


.div_opacity_0{
  	visibility:hidden; 
  	filter:alpha(opacity=95);
  	-moz-opacity:.95;
  	opacity:.95;
}
.div_opacity_50{
  	visibility:visible; 
  	filter:alpha(opacity=50);
  	-moz-opacity:.50;
  	opacity:.50;
  	
}
.div_opacity_80{
  	visibility:visible; 
  	filter:alpha(opacity=80);
  	-moz-opacity:.80;
  	opacity:.80;

}
.div_opacity_100{
  	visibility:visible; 
  	filter:alpha(opacity=100);
  	-moz-opacity:1;
  	opacity:1;
}

/* Listing Style */


.list_item{
  
   	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	width: 100%;
}

.list_item_single{
  
   	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	width: 100%;
		height: 100%;
	
}



.thumbnail_table {
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	width: 100%;
}

.thumbnail_table_item {
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	width: 80%;
}


.listing_sub_title{
  	FONT:  13px arial;	
  	COLOR: #000000; 
	TEXT-DECORATION: strong;
}


.listing_table {
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	width: 1000px;
}



.listing_table_icon {
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:0px solid #000000;
	width: 600px;
}

.listing_table_icon_item {
  	background:#EEEEEE;
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	width: 400px;
}


.panel_table {
 	margin: 0px;
	padding: 6px 4px 2px 4px;
	font-size: 15px;
	color: #000;
	border:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	width: 100%;
	background:url("../images/button_bg_ori.gif");
}

.title_table {
  
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	border:1px solid #000000;
	border:1px solid #C0C0C0;
	border-bottom:1px dashed #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	width: 1000px;
}

.listing_table_tab {
  	border-top:0px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
 	margin: 0px;
	padding: 6px 4px 2px 4px;	
	font-size: 12px;
	color: #000;
	width: 1000px;
}


/* home page */
.index_frame {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	border:1px dashed #C0C0C0;
	width:500px;
}



.tab_frame {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 14px;
	color: #000;
	border:0px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
	width:100%px;
	height:30px;
}
.tab_frame_active {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #000;
	border:1px solid #C0C0C0;
	border-bottom:0px solid #000000;
	background:#FFFFFF;
	height:30px;
}
.tab_frame_inactive {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#EEEEEE;
	border:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_a {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #FFFFFF;
	background:#6D6574;
	border:1px solid #6D6574;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_b {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#A0A15F;
	border:1px solid #A0A15F;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_c {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#648964;
	border:1px solid #648964;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_d {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#4786A0;
	border:1px solid #4786A0;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_e {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#5F758B;
	border:1px solid #5F758B;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}

.tab_frame_inactive_f {
 	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-size: 14px;
	color: #C0C0C0;
	background:#7B3E97;
	border:1px solid #7B3E97;
	border-bottom:1px solid #C0C0C0;
	height:30px;
}


.tab_frame_inactive_a A {
 	color: #FFFFFF; 
}
.tab_frame_inactive_b A {
 	color: #FFFFFF; 
}
.tab_frame_inactive_c A {
 	color: #FFFFFF; 
}
.tab_frame_inactive_d A {
 	color: #FFFFFF; 
}
.tab_frame_inactive_e A {
 	color: #FFFFFF; 
}
.tab_frame_inactive_f A {
 	color: #FFFFFF; 
}

.tab_frame_inactive_a A:hover {
 	color: #FFFFFF; 
}
.tab_frame_inactive_b A:hover {
 	color: #FFFFFF; 
}
.tab_frame_inactive_c A:hover {
 	color: #FFFFFF; 
}
.tab_frame_inactive_d A:hover {
 	color: #FFFFFF; 
}
.tab_frame_inactive_e A:hover {
 	color: #FFFFFF; 
}
.tab_frame_inactive_f A:hover {
 	color: #FFFFFF; 
}


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

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

}


.tab_content_frame {
 	margin: 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 12px;
	color: #000;
	border:1px solid #C0C0C0;
	border-top:0px solid #C0C0C0;
	width:100%;	
	background:#FFFFFF;
}

.loading_table {
  	background:#FFFFFF;
  	border:3px solid #7B3E97;
}



/* Admin page TAB*/

.tab_table {
 	margin: 0px;
	
	font-size: 13px;
	color: #000;
	border:0px solid #C0C0C0;
	width: 1000px;
}

.tab_highlighted {
 	background:#FFFFFF;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
	width: 120px;
	padding: 5px 10px 5px 10px;
}

.tab_active {
 	background:#EEEEEE;
	border:1px solid #C0C0C0;
	width: 120px;
	padding: 5px 10px 5px 10px;
}

.tab_inactive {
 	background:#EEEEEE;
	border:0px solid #C0C0C0;
	width: 120px;
	padding: 5px 10px 5px 10px;
}

.tab_empty {
  	border-top:0px solid #C0C0C0;
	border-left:0px solid #C0C0C0;
	border-right:0px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
  	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
	width: 120px;
}


.search_pop{
  	padding: 6px 6px 6px 6px;
	position:absolute;
  	margin-left:0px; 
	margin-top:0px;  
  	z-index:100; 
  	visibility:hidden;
  	border:solid 1px #000000;
  	width:400px; 
  
  	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
  	background:#EEEEEE;
}

.highLightedRow {

	background:#BBBBBB;

}

.unhighLightedRow {

	background:#FFFFFF;

}

/*  End listing style */



/* Calendar  */
.webcalendar{
  	background:#FFFFFF;
	border:1px solid #C0C0C0;
	width: 100%;
	padding: 5px 10px 5px 10px;
}
.webday{
  	background:#EFEFEF;
	border:1px solid #C0C0C0;
	font-family:arial;
	height:80px;
	padding: 2px 2px 2px 2px;
}

.webtoday{
  	background:#C0C0C0;
	border:1px solid #FF0000;
	font-family:arial;
	padding: 2px 2px 2px 2px;
}


.webitem{
  	background:#ffffff;
	border:1px solid #000000;
	font-size: 9px;
	padding: 2px 2px 2px 2px;
}

.webitem_my{
  	background:#C0CADC;
	border:1px solid #000000;
	font-size: 9px;
	padding: 2px 2px 2px 2px;
}

.webresultlinknow{
   border-top:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  width:15px;
  padding: 5px 5px 5px 5px;
  text-align:center;
  font-size: 14px;
  color: #000000;
  background:#FFFFFF;
}
.webresultlink{
  border-top:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  width:15px;
  padding: 5px 5px 5px 5px;
  text-align:center;
  background:#dddddd;
}
.webresultlink A{
  color: #222222;
    font-size: 14px;
}
.webresultlinknav{

  border-top:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  padding: 5px 5px 5px 5px;
  background:#dddddd;
    color: #eeeeee;
    font-size: 14px;
    
}

.webresultlinknav A{
  color: #222222;
    font-size: 14px;
}


/*  Shadow */

.shadow_TL {
	background-image: url(../images/box/shadow_topLeft.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 4px;
}
.shadow_TR {
	background-image: url(../images/box/shadow_topRight.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 4px;
}
.shadow_BL {
	background-image: url(../images/box/shadow_bottomLeft.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 4px;
}
.shadow_BR {
	background-image: url(../images/box/shadow_bottomRight.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 4px;
}
.shadow_top {
	background-image: url(../images/box/shadow_top.png);
	background-repeat: repeat-x;
	height: 2px;
}
.shadow_bottom {
	background-image: url(../images/box/shadow_bottom.png);
	background-repeat: repeat-x;
	height: 6px;
}
.shadow_left {
	background-image: url(../images/box/shadow_left.png);
	background-repeat: repeat-y;
	width: 4px;
}
.shadow_right {
	background-image: url(../images/box/shadow_right.png);
	background-repeat: repeat-y;
	width: 4px;
}
.contentArea{
	background-color:#ffffff;
}