/*
Theme Name: Spinnaker
Theme URL: http://www.blog.web6.org
Description: The new child theme of Twenety Eleven for Spinnaker
Author: Spinnaker IT Limited
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');


/* Header changes: 31May2013 - added by Jay Ng to disable search at the top right corner of the Header. */
/* keep it first*/
#branding #searchform {
  display: none;  /* disable search */
  position: absolute;
  right: 7.6%;
  text-align: right;
  top: 0;  /* change from 3.8em to 0 */ 
}

#branding  {
    /*background: #DEFCFE; this is to change the header background to light blue if necessary - Jay Ng*/
	/* background: #00004B; *//* 24 Jul 2014 - Jay Ng - this is to change the header background to deep blue - Jay Ng */
	background: #fffff; /* 11Nov2013 Jay Ng - change header background color  */
	border-top: none;
	border-left: none;
	padding-bottom: 0; /* 24 Jun 2013 Jay Ng - change from 10px to 0px - this is the bottom padding of the header image*/
	position: relative;
	z-index: 9999;
	max-height: 330px; /* 6 Auy 2014 - Jay Ng - to reduce the max height of the branding */
	
}
/* 11Nov2013 Jay Ng - added to remove the margin on the left for the site image above header image */
#branding hgroup {
   
    margin-top: 0;
    margin-left: 0; /* 24 Jul 2014 - Jay Ng - give right margin to company title */
	margin-right:0;
	margin-bottom: 4px;
	
    /* margin-left: 400px; */   /* change from 60px to 200px; */
	position: relative;

	
	/* padding: 0 0 0 0; */
	}

#branding img {
border: 0;
height: 75%;   /* 6 Aug 2014 - Jay Ng - to reduce the header image size */

}

#site-title {
	/* margin-right: 320px; *//* 27Dec013 Jay Ng - if we want to use of all spaces in the header title: change to 0. */
	margin-right: 0px; /* 27Dec013 Jay Ng - change from 320px to 40px. */
	margin-left: 0%;    /* 25 Jul 2014 - Jay Ng - change from 40% to 5% - move site title to the left */
	margin-top: 0.5%;   /* from 0.5% to 1% */
	padding: 0 0 0 0;  /* 25 Jul 2014 - Jay Ng -  remove padding to give smaller site title space top right bottom left */
    padding-top: 1em; /* 5 Aug 2014 - Jay Ng - more blank space requested on header logo title */
	
	
}


#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 45px;
	text-decoration: none;
	padding: 0 0 0 0;
	
	/* padding: 1.65625em 0 1.65625em; */
	
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 10px; /* CHANGE from 14px to 10px */
 	/* margin: 0 270px 1.65625em 0; */
	margin: 0 0 0 0; /* 25 Jul 2014 - Jay Ng - remove margin padding of site description */
	padding: 0 0 0 0;/* 25 Jul 2014 - Jay Ng - remove padding to give smaller space for site description */
	
}


/* try to see if this refers to secondary menu */
/* #main .access, */
/* Menu Style Changes - Jay Ng */



#access {
/* 31May2013 - Jay Ng use this to change text color of the menu bar: background: #ff4500; */
background-image: -moz-linear-gradient(#ffa800, #ffa800);
/* background-color: #737373; *//* 31May2013 - change from 222 to e6e6e6 ie black to light gray. Show a solid color for older browsers */
background: #737373;  /* change from #b0afdc to #3E0E7B - logo blue */
/* background: #766891; */ /* black; */ /* 27 Dec 2013 - Jay Ng change primary menu background color to white */
background: -moz-linear-gradient(#737373, #dadada);  /* 31May2013 - change from 252525, 0a0a0a to e6e6e6, 737373 from black to light gray.*/
margin: 1em 0 0 0; /* 6 Aug 2014 - Jay Ng - give more top margin for spaces of the site title *//* 29 Jun 2013 - Jay Ng : to remove the bottom margin of the nav menu causing a whitespace between menu and the header image */
border-bottom: 5px solid #AFAFAF;   /* 5 Aug 2014 - Jay Ng - change from #7958a3 liger blue to #afafaf ligher grey */
width:100%;


}



access ul {
	/* font-size: 13px;*/
	/* font-family:  '微軟正黑體', Arial,sans-serif;*/
	font-size: 12px; /* 30 Jul 2014 - Jay Ng - change from 14px to 12px *//* 19 Nov 2013 Jay Ng - change from 13px to 14px and change the font family to  '微軟正黑體'*/
	list-style: none;
	margin: 0 0 0 0; /* 30 Jul 2014 - Jay Ng - change from margin 0 0 0 -0.8125em to margin 0 0 0 0 top right bottom left*/
	/* padding-left: 4.3em; *//* 30 Jul 2014 - Jay Ng - change from 0 to 4.3em */

	height: 30px;
	

	
	
	
}
#access li {
	float: left;          /* 31 Jul 2014 - Jay Ng - this is to ensure the menu bar item is displaying from left to right in block mode */ 
    width: 12.5%;         /* 31 Jul 2014 - Jay Ng - 6 menu items centered in 8 menu item width taking up 12.5%*6=75% of center space */
	position: relative;
	padding-left: 2.08%;  /* 31 Jul 2014 - Jay Ng - to change from 0.6em to 25%/12=2.08% for 6 padding-left menu items  */
	padding-right: 2.08%; /* 31 Jul 2014 - Jay Ng - to change from 0.6em to 25%/12=2.08% for 6 padding-right menu items  */
	text-align: center;

}


#access .sub-menu li {  /*30 Jul 2014 - Jay Ng - newly added  this is to make sure the sub-menu will not carry the main menu attributes */
  width: 120px;      /* 31 Jul 2014 - Jay Ng - fixed width for sub-menu items */
  padding-left: 0;   /* 31 Jul 2014 - Jay Ng - no padding for sub-menu item */
  text-align: left;  /* 31 Jul 2014 - Jay Ng - make sub-menu items to left alignment */
  
}  



#access a {
    /* 31May2013 Jay Ng - add the color line to change the color of the nav menu font from white to orange for mobile device. */
	/* color: #ffffff; *//* 12Nov2013 Jay Ng - Change from Orange #ffa800 to White  */
	/* color:   #ffa800; *//* #ffa800; *//* change menu text color to orange */
	color: #ffffff;
	/* color: #AFAFFE; */ /* 25 Jul 2014 - Jay Ng - change the menu text color to light blue */
	font-weight: bold;
	/* font-family:  '微軟正黑體', Arial,sans-serif;*/
	font-size: 12px; /* 30 Jul 2014 - Jay Ng - change from 14px to 12px */ /* 19 Nov 2013 Jay Ng - change from 13px to 14px and change the font family to  '微軟正黑體'*/
	display: block;
	line-height: 2.333em; /* change from 3.333em TO 2.333em */
	padding: 0 0.2em;  /* change from 1.2125em to 0.5em to reduce the space between menu items*/
	padding-bottom: 0;
	text-decoration: none;
	font-family: verdana;
	
	
	
}



#access ul ul {
    background: #737373; /* 31 Aug 2014 - Jay Ng - change from #444 to #3E0E7B logo blue to light grey #737373*/
	color: #f9f9f9;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none; /* disable the display of sub-menu when not hovering */
	float: left;
	margin: 2px;
	position: absolute;   /* change from absolute to relative */
	top: 1.8em; /* 31 Jul 2014 - Jay Ng - this top must be set to ensure the sub-menu right after the nav main menu bar before the border-bottom */
	left: 0;
	width: 188px; /* change from 188px to auto */
	z-index: 99999;
}
#access ul ul ul {
 	left: 100%;
	top: 0;
}



#access ul ul a {
	background: #737373; /* 30 Jul 2014 - Jay Ng - change from #444 to #3E0E7B logo blue to light grey #737373 for sub-menu background color */
	/* 31May2013 Jay Ng - change this line from f9f9f9 to 444 to change sub-menu background color to dark gray in mobile devices */
	border-bottom: 1px solid #ddd; /* 30 Jul 2014 - Jay Ng - change from dotted to solid */
	color: #f9f9f9; /* 31May2013 Jay Ng - change this line from 444 to f9f9f9 to change sub-menu text color to white in mobile devices */
	/* font-family:  '微軟正黑體', Arial,sans-serif;*/
	font-size: 12px; /* 30 Jul 2014 - Jay Ng - change from 14px to 12px */ /* 19 Nov 2013 Jay Ng - change from 13px to 14px and change the font family to  '微軟正黑體'*/
	font-weight: bold; /* change it from normal to bold */
	height: auto;
	line-height: 1.4em; /* change from 1.4 */
	padding: 10px 10px;
	
	width: 168px; /* 30 Jul 2014 - Jay Ng - change from 168px to auto */
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
		
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #3E0E7B; /* 30 Jul 2014 - Jay Ng - change from #373737 to #3E0E7B */
}
#access ul li:hover > ul {
	display: block;
}



#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

#page, #site-generator {

 background: transparent;    
  
  }

/* One column setting in case using One-column as the default layout */
.one-column #page {
    
	max-width: 900px; /* 11 Nov 2013 Jay Ng - change from original 690px to 850px then 900px */
	/* background: transparent; */
	/* min-height: 800px; */
	
	

}
.one-column #content {
	margin: 0 5%; /* 21 Nov 2013 Jay Ng - change from 0 7.6% to 0 5% */
	width: auto;
}

.one-column #content h1 {  /* 21 Nov 2013 Jay Ng - reduce the size of Page Title */
	font-size: 25px; /* 21 Nov 2013 Jay Ng*/
	
}

.one-column #nav-below {
    
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
	}
	
	
#main,
.singular .page .hentry {padding:0;}


/* 23 Nov 2013 Jay Ng - 

   change one-column layout page width when default layout is sidebar 
   
   */

.singular ,
.singular .entry-header,
.singular .entry-content,
.singular .entry-summary,
.singular .entry-meta {
 width: auto;  /* change from 94% */
  
 
}

/* 23 Nov 2013 Jay Ng - 

   change one-column layout page padding and border when default layout is sidebar 
   
   */


.singular .entry-content {
   padding: 0 0 0 0;
   border: 0 0 0 0;
   } 
 
/* 23 Nov 2013 Jay Ng - 

   WIDGET area style changes 
   
   */
   
 /* 23 Nov 2013 Jay Ng - change general widget setting */
.widget a{
 font-size: 12px;   /* 31 Jul 2014 - Jay Ng - change the font from 14px to 12px to give room for one line display */
 font-weight: bold;
 color: #643D95; 
}

/* 23 Nov 2013 Jay Ng - 

   Start change my widget setting 
   
   */
 .cabout-us .about-us,
.cactivities .activities,
.cclub-tour .club-tour,
.cclubhouse .clubhouse,
.ccontact-us .contactus,
.cdining .dining,
.cdiscliamer .disclaimer,
.cdownload .download,
.cfacilities .facilities,
.cmembership .membership,
.cnewsletter .newsletter,
.cprivacy-terms .privacy-terms,
 a {
 font-size: 14px;
 font-weight: bold; 
}


/* 23 Nov 2013 Jay Ng - change the size of widget title in general */

h3.widget-title {
font-size: 22px;      /* change from 14px to 22px */
 font-weight: bold; 
 font-family: calibri;
 text-decoration: none;
 border-bottom: 1px solid #3E0E7B;
 margin-bottom: 0.5px;
 line-height: 1.5em;
 padding-top: 0.4em;
 letter-spacing: 0em;
 text-transform: capitalize; 
/* text-shadow: 3px 3px 3px #aaa; */
}


 
 /* 23 Nov 2013 Jay Ng - reduce left margin of the left sidebar in general */
.left-sidebar #secondary{
  margin-top: 0.5em;
  margin-left: 3%;
  
}

/* 23 Nov 2013 Jay Ng - 

   re-shape the left sidebar layout - affecting whole screen sizing of content and left sidebar 
   
   */
.left-sidebar #content {
   margin: 0 3% 0 28%;  /* change from original 0 7.6% 0 34% to 0 3% 0 28% */
   width: 69%           /* change from original 58.4% to 69% */
}
 
 
 /*  23 Nov 2013 Jay Ng -
 
   Whole Screen layout margin, padding and border 
   
   */
 
#page { /* affect the whole screen margin and padding */
margin-top: 0.5em; 
padding-top: 0;
border-top: 0;
/* margin-left: 0;*/
padding-left: 0;
margin-bottom: 0.3em;  /* 21 Nov 2013 - Jay Ng - reduce the bottom margin of the page body above the footer menu */
/* padding-left: 0; */
}



/* =top menu above header
23 Nov 2013 Jay Ng -
----------------------------------------------- */

 
.topmenu  {
   position: relative;
   /* background: #1d1d1d; */ /* from #252525 to #1d1d1d */
   /* background: #766891; */  /* change to the light blue as the background color */
   background: #FFFFFF; /* change from #b7a3e2 */
   border-top: 0;
   border-bottom: 0;
   margin:0 0 0 0;
  /* margin-left: 815px; */
   
   padding: 0 0 0 0;
   
   height: 14px;
  /* max-height: 18px; */ /* 25 Jul 2014 - Jay Ng - change the max height from 22px to 18px */
}

.topmenu  a {
   /* font-family:  '微軟正黑體', calibri, Arial,sans-serif;*/
     font-family:  PMingLiu;
	font-size: 12px; /* 19 Nov 2013 Jay Ng - change from 13px to 14px and change the font family to  '微軟正黑體'*/
   text-align: right;
   color: #3E0E7B;      /* from #f5fffa to logo blue. change from white to blue */
   font-weight: bold;
   background: #FFFFFF; /* from #737373 to orange. Change from #b7a3e2 to #F4F1F7 */
   margin-bottom: 0; /* 30 Jul 2014 - Jay Ng - remove the bottom margin */
   
}
/*  add others if necessary 
.fbicon {
   float: right;
}

.phone {
   float: right;
}
*/

/* =Footer
----------------------------------------------- */

/* 5 Jun 2013 Jay Ng - to remove the white space before and after the footer specified in site generator*/

#site-generator {
   padding-top: 1em; /* change from 1em to 0 if further removing whitespace is required at the footer top*/ 
   padding-bottom: 0;
   
   position: relative;  /* 19 Nov 2013 - Jay Ng change from relative to fixed */
	z-index: 9999; 
	line-height: 1.5em;
	margin-bottom: 0;
	margin-top: 0.6em;
	
  /* color: orange;
   margin-left: 142px;
   margin-bottom: 0;
   margin-top:0;
   margin-right:145px;
   background: #f5fffa; */
   /* light gray */
   
	   
}

#site-generator a {
    color:  #ffa800;
	text-align: center;
	}


#colophon {
	/* 31May2013 - Jay Ng use this to change text color to orange if footer nav menu is built. */
    background-image: -moz-linear-gradient(#ffa800, #ffa800); 
    /* background: #f5fffa; *//* 778899 5Jun2013 Jay Ng - Display very light gray. Show a solid color for older browsers */
	background: black;
   background: -moz-linear-gradient(#f5fffa, #Ff5fffa); /* 5Jun2013 Jay Ng - display very light gray.*/
/*
 
padding-left: 3.333em; (if required, use this to move the footer left border. Color highlight will follows this too.)

*/

	
} 




#colophon a {
    /* 31May2013 Jay Ng - add the color line to change the color of the nav menu font for footer from white to orange for mobile device. */
	color: #ffffff;  /* 12Nov2013 Jay Ng change from orangeg #ffa800 to white #ffffff*/
	font-weight: bold;
	display: block;
	line-height: 3.333em; 
	padding: 0 1.2125em;
	text-decoration: none;
	position: relative;
	z-index: 9999;
	
}



/* 23 Nov 2013 Jay Ng - 

     Footer Menu Style added by Jay Ng in case nav menu on footer is used. 
	 
	 */

#footerMenu {
    position: relative;  /* 19 Nov 2013 - Jay Ng change from relative to fixed */
	z-index: 9999; 
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0em;
	
	
    /* 27 Dec 2013 - Jay Ng set footermenu max width and background color */	
	background: transparent;
    /* max-width: 900px;*/
	
	/*
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 140px;
	margin-bottom: 0;
	border-top:0;
	border-bottom:0; */

}

#footerMenu a {

 /* color: #ffffff;*/  /* 12Nov2013 Jay Ng - Menu item text color changed from Orange #ffa800 to White  */
/* color: #ffa800; */ /* 27 Dec 2013 Jay Ng change footer menu text to orange */
 /* color: #AFAFFE; */ /* 25 Jul 2014 - Jay Ng - Change footer menu text to light blue */
  color: #3E0E7B;
  font-weight: bold;  
  text-decoration: none;
 
   
   }
#footerMenu li {
    
	float: justify;
	position: relative;

}

#footerMenu li {
	text-align: justify; 
	padding: 0;
	padding-left: 0.6em;
	padding-bottom: .4em;
	padding-right: 2em;
	padding-top: .4em;
	/* font-size: 12px; */
	/* font-family:  '微軟正黑體', Arial,sans-serif; */
	font-size: 14px; /* 19 Nov 2013 Jay Ng - change from 13px to 14px and change the font family to  微軟正黑體*/
	font-weight: bold;
	display: inline; 
	text-decoration: none;
	font-style: normal;
}

#footerMenu ul {
 list-style: none;
 margin: 0 35px;
 padding: 0;
 display: inline;

 
}

#footerMenu li  a {
	display: inline; 
}
	
#footerMenu ul li {

display: inline; 

} 

#footerMenu ul li a {
display: inline;
}

#footerMenu ul li:hover > ul {
	display: block;
}


#footerMenu a:focus, a:active, {
	text-decoration: none;
}

#footerMenu a:hover {
	text-decoration: none;
	 background-color: #999;
	color: #333;
}

h1.entry-title, 
.singular .entry-title {

  padding-top: 0.4em;
  padding-bottom: 0;
  color: #666;      
  font-size: 22px; /* 1 Aug 2014 - Jay Ng - change from default 26px */
  border-bottom: 1px solid #3E0E7B;   /* 1 Aug 2014 - Jay Ng -  add an entry bottom line with logo blue color */
  line-height: 1.5em;
  font-family: calibri;
 
  
  }
  
h1.entry-title, 
.singular .entry-title  a {

/* text-shadow: 3px 3px 3px #aaa; */

}
  
  
/* 7Jun2013 Jay Ng - remove the grey line at the bottom of each post and page */
.hentry { border: none; 

   /* padding-top: 0;  */
}
/* 30 Nov 2013 Jay Ng - remove the post date and author line */
.entry-meta
{
display:none;
}

.cat-links,
footer.entry-meta
{
display:none;
}
/* 30 Nov 2013 Jay Ng - remove page content title padding top space for single page without sidebar */
#content article{

   padding-top: 0.5em;

}

/* 7Jun2013 Jay Ng - remove the bottom grey line just for page */
/* body.page .hentry { border: none; }*/

/* 3 Jul 2013 - Jay Ng - this rotator img max size change is required to avoid IE 8 distorted image problem for wp cycle*/

#rotator img { max-width: 80px; max-height: 80px;
}

/* 4 Dec 2013 - Jay Ng - to hide the password protected post comments for protected pages at the bottom */

.nopassword, .nocomments {

display: none;

}


body.login select.dropdown,

body.login textarea {

 background:#fbfbfb;    /* change from #fbfbfb from wp-members stype to #006cff; */

}

/* this is for Existing User Login style */
/* #wpmem_reg legend, #wpmem_login legend {

	font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;

	font-weight: bold;

	font-size: 20px;

	background: #c4c4c4;  

	border: 1px solid #333;

	padding: 8px;

}
*/


/* 4 Dec 2013 Jay Ng - Change the stile of the wp-member user login/password reset box */

/* change the color of login failed message */
#wpmem_msg, .wpmem_msg  a {

    
    font-size: 140%; 
    color:#0054FF;  /* change from #e6e6e6 to #0054FF */

}

/* change the color of password reset exception message  */


#wpmem_msg, .wpmem_msg   {

    
    font-size: 120%; 
    color:#0054FF;  /* change from #e6e6e6 to #0054FF */

}

/* not useful for having a or no a */
#wpmem_login .divtext, #wpmem_login .buttons, 
#wp-members .buttons, #wpmem_reg .buttons, #wpmem_login .buttons  { 

background: #C4FFF7;

}

/* 4 Dec 2013 Jay Ng - change the color of the button text of the login box at the bottom such as Remember Me */
#wpmem_login  {


color: #01AAD5;  /* change from #e3e3db to logo blue */

}

/* 4 Dec 2013 Jay Ng - change the background color of the login box or password reset box */

div#wpmem_login {

background: yellow; /* change from #e3e3db to #787878; */
border: 1px solid #b3b3b3;

} 

/* 4 Dec 2013 Jay Ng - change the background color of the login label and the font weight such as username and password */

#wpmem_login label {

background: #dddddd;
font-weight: bold;
}

/* 30 Dec 2013 - Jay Ng the following section is for Formiddable Form Styling */


/* change paragraph text style */

.frm_form_fields textarea:focus, .frm_focus_field input{background-color:#E6FF9B;border-color:#ddd;}	/* change background color from #FFF */

/* change the form label styling */
.with_frm_style form label.frm_primary_label{
font-size:12px;
color:#920003;  /* change from #444 to logo blue #01AAD5 then to logo purple #920003 */
font-weight:bold;
text-align:left;
margin:0;
padding:0;
width:auto;
display:block;
max-width:90%;
min-height:20px;
}

/* check the style of the form input field */

.frm_form_fields:not(.frm_sample_form) input, .frm_form_fields:not(.frm_sample_form) select, .frm_form_fields:not(.frm_sample_form) textarea{
	font-size:13px;margin-bottom:0;width:400px;max-width:100%;
	color:#222;
	background-color:#E6FF9B; /* change from #FAFAFA to yellow-green #E6FF9B */
	border:solid 1px #dfdfdf;
	}

/* check the whole area of checkbox style - not the small box */	
.frm_radio, .frm_checkbox {
    display:block;
	
	} 

/* style the table under view */
 table#teachertable {


border: 2px solid blue;

/* padding-left: 0.25em; */

}
*/
table#teachertable thead th,
table#teachertable  tfoot th {
	/* border: 1px solid blue;  */
	/*background-color: #ffffff; */
}


table#teachertable  tbody td {
    border: 1px solid blue;
	padding-left: 0.5em;
	font-size: 12px;
	margin-left: 2px;
	/*font-weight: bold; */
}	

/* only use to style the update/delete button when the global setting SUBMIT button styling is disabled */

.with_frm_style input[type="submit"] {
 /* background:#f8f8f8 url('path_to_image.png') no-repeat right top;
 width:200px;
 height:70px; */
 
 font-weight: bold;
 background: black;
 color: white; 
 
 }

/* make the cancel or back button to be yellow in background and text in bold face */
.frm_cancel_button {
background-color: yellow;
font-weight: bold;
}

/* style the entry search */

#frm_search
{width:30%;}
.searchsubmit
{width:20%;}

.searchsubmit {
background-color: black;
color: white;
font-weight: bold;
}

/* h3.widget-title {
color: red;
font-weight: bold;
}
*/



/* 24 Feb 2014 Jay Ng - the following used for changing color of the list item in sidebar widget */

/* div#secondary.widget-area li  a {

color: orange; // not enable now and use the default link color - applied to all widgets 

}
*/

/* 24 Feb 2014 - Jay Ng - added to govern the text color of the page alert message on the sidebar widget (not a list item) */

div#secondary.widget-area  {

color:  #643D95;  /* widget area text message set to  #643D95 */
font-weight: bold; /* alert message set to BOLD face */
padding-top: 0.4em; /*1 Aug 2014 - Jay Ng - added the same padding as entry-title to align the height - change from 0.4em*/
margin-right: 0;
list-style-type: none;

}

/* .aboutus li {
list-style-type: none;
text-align: left;

}

.menu-our-services-container  {

margin left: -3px;


}  */

/* 24 Apr 2014 - Jay Ng - control formidable pagination to display inline */

.frm_pagination li
{ display:inline; 
  margin-right:5px
}

.google-visualization-table-page-numbers .page-number.gradient.current  {
color: orange;
font-weight: bold;
}

/* 24 Jul 2014 - Jay Ng - for Signaconsulting Menu icon setup using SC logo */
/* 
#access .sclogo a {
padding:0 1.2125em 0 2.8em; 
background: URL('images/sc-company-logo.jpg') no-repeat 0.5em 0.5em;

} 



#access li.nav-logo {

padding-left: 0.26em;
padding-right: 0;
margin-right: 0;


}

*/

#secondary {

margin-right: 1%; /* 31 Jul 2014 - Jay Ng - change from default 7.6% to 5.6% */
width: 23%; /* change 18.8% to 23% */

}

.widget ul li {

list-style-type: none; /* 31 Jul 2014 - Jay Ng - change from default Square to None */
line-height: 122%;     /* 4 Aug 2014 - Jay Ng -  change the spacing between sidebar menu items as per user's requirement */

}

/* try not to display the entry title in the home and home eng page */
/* .post-2 .entry-title,
.post-65 .entry-title { display: none; }  
*/
/* try not to display the entry title in the ch1 home and ch2 home page */
/* .post-77 .entry-title,
.post-80 .entry-title { display: none; }  
*/
.post-2 .text-slidershow
{ 
}

.swapMe img 
{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; 
  -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; }
  
 .swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } 
 .swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
 
 #page {
 
 margin-top: 0;  /* 31 Jul 2014 - Jay Ng - remove the top margin of the language topmenu */
 
 }
 
 .entry-content p {
 
 text-align: justify;
 text-justify: inter-ideograph;
 /* font-family:  '微軟正黑體', Arial,sans-serif; */
 }
 
 #content {  /* give more room for body content */
 
 margin-left: 0%; /* 2 Aug 2014 - Jay Ng - change from default 7.6% */
 margin-right: 30%; /* 2 Aug 2014 - Jay Ng - change from default 34% */
 width: 70%  /* 2 Aug 2014 - Jay Ng - change from default 58.4% to 58.4%+7.6%+4%=66% */
 }
 
 
 /* 4 Aug 2014 - Jay Ng - CSS for fixing the menu to full width of the screen */
body {
 padding: 0 0;
 }
 
 
 #page {
 
 max-width: none;
 
 
 }
 
#brandking, #main, #footerMenu ul, #access ul , .topmenu, #site-title , #branding img, #cimy_div_id_0, .cimy_div_id_0_caption img {
 width: 950px; /* avoid setting it to 1000px for old monitors resolution */
 margin: 0 auto;
 }
 
.cimy_div_id_0_caption img {
 
margin-bottom: 0;

}

input.sc-submit  {

background: #643d95;
color: white;

}

table#sc_contact_form table, td, th {
    /* border: 1px solid green; */
	border: none;
}

.entry-content table#sc_contact_form {
width:450px;
}

table#sc_contact_form th {

    background-color: #737373;
    color: white;
}

.entry-content table#sc_contact_form  td {

 border-top: none;


}


.entry-content table#sc_contact_form td{

vertical-align: top;

}

.entry-content table#sc_contact_form  {

 /* border-top: 1px solid */ /* not required as border bottom is used after Quick Contact */


} 


.entry-content table#sc_contact_form tbody {

border-bottom: none;
}



ul li span {
float: left;
width: 200px;

}

table#sc_quick_contact input, textarea {

/* width: 212px; */
  width: 100%;
  font-size: 11px;
}

table#sc_quick_contact label {

/* width: 212px; */
  
  font-weight: bold;
}


table#sc_quick_contact input.sc-submit-widget {
 background: #643d95;
 color: white;
/* width: 212px; */
  width: auto;
  font-size: 14px;
}

table#sc_quick_contact input.sc-submit-widget:hover {
   opacity:.6;
  -moz-box-shadow: 0 0 10px #ccc; 
  -webkit-box-shadow: 0 0 10px #ccc; 
  box-shadow: 0 0 10px #ccc;
}

table#sc_contact_form input.sc-submit:hover {
   opacity:.6;
  -moz-box-shadow: 0 0 10px #ccc; 
  -webkit-box-shadow: 0 0 10px #ccc; 
  box-shadow: 0 0 10px #ccc;
}

input.sc-button-class{

width:145px;
height:auto;
background: #643D95;
font-size: 20px;
/* border: 2px solid white;*/
border-radius: 10px;
font-weight: bold;
text-align: center;
color: white;

}

input.sc-button-class:hover {

opacity:.6;
-moz-box-shadow: 0 0 10px #ccc; 
-webkit-box-shadow: 0 0 10px #ccc; 
box-shadow: 0 0 10px #ccc;
}

div#sc-widget-button {

width: 66.5%

}