/**********************
FriendCircles Styles
**********************/

/**********************
General styles for BODY
**********************/
BODY {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;  
  
  left: 0px;
  top: 0px;
  
  color: #000000;
  font-family: Arial;
  font-size: 12pt;
 
  /*
  SCROLLBAR-FACE-COLOR: #CFCFCF; 
  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
  SCROLLBAR-SHADOW-COLOR: #595959; 
  SCROLLBAR-3DLIGHT-COLOR: #616161; 
  SCROLLBAR-ARROW-COLOR: #888888; 
  SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
  SCROLLBAR-BASE-COLOR: #CFCFCF;
  */
}

/****************************
General styles for hyperlinks
****************************/
A:link { color: #2D5FAA; text-decoration: none; }
A:visited { color: #2D5FAA; text-decoration: none; }
A:hover { color: #2D5FAA; text-decoration: underline; }
A:active{ color: #2D5FAA; text-decoration: underline; }


/************************
General styles for tables
************************/
TABLE {
  font-family: Arial;
  font-size: 12px;
}

FORM {
  margin: 0;
}

IMG {
  margin: 0;
}

/*****************
Styles for buttons
*****************/
.BUTTON {
  font: bold 78% verdana;        
  border-style: outset;
  border-width: 2px;
  border-color: #FFFFFF;        

  padding: .1em 0;
  cursor: pointer;
  cursor: hand;

  color: #333333;
  /* background-color: #E6E6E6; */
  background-color: #FFE698;
}

/***************************************
Styles for the top menu background color
***************************************/
.TOPMENU_BG_MOUSEOUT {
  background-color: #E6E9EC;
}

.TOPMENU_BG_MOUSEOVER {
  background-color: #95B4E3;
  cursor: pointer;
  cursor: hand;
}

/***************************
Styles for the top menu text
***************************/
.TOPMENU_TEXT_MOUSEOUT {
  color: #798897;
  padding-left: 0px; 
  padding-top: 5px; 
  
  /*
  font-family: Arial, Helvetica, sans-serif;
  */

  font-family: Arial;
  font-size: 11px;
}

.TOPMENU_TEXT_MOUSEOVER {
  color: #2D5FAA;
  padding-left: 0px;
  padding-top: 5px;

  /* 
  font-family: Arial, Helvetica, sans-serif; 
  */
  
  font-family: Arial;
  font-size: 11px;
  
  cursor: Arial;
  cursor: hand;
}

/**********************************
Styles for the active top menu item
**********************************/
.TOPMENU_ACTIVE {
  font-family: Arial; 
  font-size: 12px; 
  color: #FFFFFF;
  
  cursor: Arial;
  cursor: hand;
}



/*****************************************
Current style for the side menu background
*****************************************/
.SIDEMENU_BG_MOUSEOUT_ARIAL {
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #EDF2F4;
  
  background-color: #EDF2F4;
  
  font-family: Arial; 
  font-size: 12px; 
  font-weight: normal;
  
  cursor: pointer;
  cursor: hand;
  
  color: #333333;
}

.SIDEMENU_BG_MOUSEOVER_ARIAL {
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #98A7B7;
  
  background-color: #FFFFFF;

  font-family: Arial;
  font-size: 12px; 
  font-weight: normal;
  
  cursor: pointer;
  cursor: hand;  
}

/****************************************
Other styles for the side menu background
****************************************/
.SIDEMENU_BG_MOUSEOUT {
  padding-left: 5px; 
  border-style: solid;
  border-width: 1px;
  border-color: #EDF2F4;

  background-color: #EDF2F4;

  font-family: Tahoma;
  font-size: 11px;
  font-weight: normal;

  cursor: pointer;
  cursor: hand;
  
  color: #333333;
}

.SIDEMENU_BG_MOUSEOUT_BOLD {
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #EDF2F4;

  background-color: #EDF2F4;
  
  font-family: Tahoma;
  font-size: 11px; 
  font-weight: normal;
  
  cursor: pointer;
  cursor: hand;
}

.SIDEMENU_BG_MOUSEOUT_ULINE {
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px;
  border-color: #EDF2F4;
  
  background-color: #EDF2F4;
  
  font-family: Tahoma; 
  font-size: 11px; 
  font-weight: normal;
  
  cursor: pointer;
  cursor: hand;

  color: #333333;
}

.SIDEMENU_BG_MOUSEOVER {
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #98A7B7;
  
  background-color: #FFFFFF;
  
  font-family: Tahoma;
  font-size: 11px;
  font-weight: normal;
  
  cursor: pointer;
  cursor: hand;  
}


.SIDEMENU_BG_MOUSEOVER_BOLD {
  padding-left: 5px; 
  border-style: solid;
  border-width: 1px; 
  border-color: #98A7B7;
  
  background-color: #FFFFFF;
  
  font-family: Tahoma; 
  font-size: 11px;
  font-weight: bold;

  cursor: pointer;
  cursor: hand;  
    
  color: #333333;
}

.SIDEMENU_BG_MOUSEOVER_ULINE {
  padding-left: 5px; 
  border-style: solid;
  border-width: 1px; 
  border-color: #98A7B7;
  
  background-color: #FFFFFF;
  
  font-family: Tahoma;
  font-size: 11px;
  
  text-decoration: underline;
  
  cursor: pointer;
  cursor: hand;
}

/**********************************************************************
Styles for textboxes
NOTE: - only the border and background are defined
      - further formattings can be added according to your requirements
**********************************************************************/
.TEXTBOX {
  border: solid; 
  border-width: 1px; 
  border-color: #8698AA; 
  background-color: #E6E9EC;
}


/******************************
Styles for Calendar (Organizer)
******************************/
.TITLE_MONTH_VIEW {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #FFFFFF;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #c1c1c1;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c1c1c1;
}

.WEEKNO_MONTH_VIEW {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #c1c1c1;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #c1c1c1;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c1c1c1;
  
  font-size: 9px; 
  font-weight: 500;
  font-family: Verdana;
  color: #2D5FAA;
}

.DAY_MONTH_VIEW {
  padding: 2px;
  
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #2D5FAA;
}

.ROW_WEEK_VIEW {
  border-bottom-style: solid; 
  border-bottom-width: 1px; 
  border-bottom-color: #E6E6E6;
  
  font-size: 11px;
  font-family: Verdana;
  color: #333333;
  
  padding: 3px;
}

.DATE_WEEK_VIEW {
  font-family: Verdana;
  font-size: 11px;
  color: #2D5FAA;
}


/**********************
Andy's Stylesheets
**********************/

.NOTICETEXT {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: red }
.AD_VSMALL_BOLD {  font-family: Verdana; font-size: 8pt; font-weight: bold }
.AD_VSMALL {  font-family: Verdana; font-size: 8pt; }

#TOOLTIPS {
    position: absolute;
    width: 100px;
    border: 1px solid black;
    padding: 2px;
    background-color: #FFFFCC;
    visibility: hidden;
    z-index: 100;
}

.FORM_BUTTON2 {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  background-color: #FFCC33;
  vertical-align: middle;
  border-color: #000000;
  border-style: solid;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid
}

.FORM_BUTTON {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
    font-weight: bold;
    color: #333333;
  background-color: #FFE698;
  vertical-align: middle;
  border-style: solid;
  border-top: 1px solid;
  border-right: 2px solid;
    border-bottom: 2px solid;
  border-left: 1px solid
}

.WHITE_LINK { color: #FFFFFF; }
.WHITE_LINK:link { color: #FFFFFF; text-decoration: none; }
.WHITE_LINK:visited { color: #FFFFFF; text-decoration: none; }
.WHITE_LINK:hover { color: #FFFFFF; text-decoration: underline; }
.WHITE_LINK:active { color: #FFFFFF; text-decoration: underline; }


/**********************
Wai Keong's Stylesheets
Usage : tagname.classname ---> <tagname class="classname">WAIKEONG ROCKS~!!!</tagname>
**********************/

font.arial8         { font-family: Arial,Helvetica,sans-serif; font-size: 8pt; color: #000000; font-weight: normal; text-decoration: none; }
font.arial8bold     { font-family: Arial,Helvetica,sans-serif; font-size: 8pt; color: #000000; font-weight: bold; text-decoration: none; }
font.arial10        { font-family: Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000; font-weight: normal; text-decoration: none; }
font.arial10bold    { font-family: Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000; font-weight: bold; text-decoration: none; }



/***********************
FC HEADER STYLESHEET
************************/

.TEXTBOX_HEADER {
  font-family: arial;
  font-size: 12px;

  border: solid;
  border-color: #7B9CBD;
  border-width: 1px;

  padding-left: 3px;
  padding-right: 3px;

  height: 20px;
}

.SELECT_HEADER {
  font-family: arial;
  font-size: 13px;

  margin: 0px;
}

.BUTTON_HEADER {
  font-family: arial;
  font-size: 12px;

  height: 20px;
  margin-bottom: 0px;
}

.LINK_MAIN_HEADER {
  color: #798897;

  font-family: arial;
  font-size: 13px;
}

.LINK_MAIN_HEADER:link { color: #798897; text-decoration: none; }
.LINK_MAIN_HEADER:visited { color: #798897; text-decoration: none; }
.LINK_MAIN_HEADER:hover { color: #798897; text-decoration: underline; }
.LINK_MAIN_HEADER:active { color: #798897; text-decoration: underline; }

.LINK_MAIN_HEADER TD {
  background-color: #EDEFF1;
  color: #798897;

  font-family: arial;
  font-size: 13px;
}

.LINK_ROW_HEADER {
  font-family: arial;
  font-size: 12px;

  color: #888888;
}

.LINK_ROW_HEADER:link { color: #888888; text-decoration: none; }
.LINK_ROW_HEADER:visited { color: #888888; text-decoration: none; }
.LINK_ROW_HEADER:hover { color: #888888; text-decoration: underline; }
.LINK_ROW_HEADER:active { color: #888888; text-decoration: underline; }

.LINK_ROW_HEADER TD {
  font-family: arial;
  font-size: 12px;

  color: #888888;
}




/***************************************************
FriendCircles Header v2 CSS
****************************************************/

.tabtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tabtitle A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tabtitle A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tabtitle A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tabtitle A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.tabtitle_A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0E4B69;
	text-decoration: none;
}
.logout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.logout A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.logout A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.logout A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.logout A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.subtabtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.subtabtitle A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.subtabtitle A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.subtabtitle A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.subtabtitle A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
.tabtitle_R {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.subtabtitleGr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.subtabtitleGr A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.subtabtitleGr A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.subtabtitleGr A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.subtabtitleGr A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}

.CONTENT_TABLE
{
	border-style: solid;
	border-color: #CBEDFE;
	border-width: 1px;
	color: #000000;
}


.TITLE_BAR
{
	background-color:#F2F9FF;
	height:20px;
	font-weight:bold;
}

.SIDEMENU
{
	background-color:#F2F9FF;
}

.new_link 
{
	font-family: verdana;
	color: #2D5FAA;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;
}

.new_link A:link {
    font-family: verdana;
	color: #2D5FAA;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold; 
}

.new_link A:visited 
{
    font-family: verdana;
	color: #2D5FAA;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold;  
}

.new_link A:active 
{
    font-family: verdana;
    color: #2D5FAA;
    text-decoration: none;
    font-size: 9px;
	font-weight:bold; 
}

.new_link A:hover 
{
    font-family: verdana;
	color: #2D5FAA;
	text-decoration: none;
	font-size: 9px;
	font-weight:bold; 
}

.CONTENT_TABLE_2
{
	font-family: verdana;
	font-size: 10px;
}

.CONTENT_TABLE_PRODUCT
{
	font-family: verdana;
	font-size: 9px;
}