/* --------------------------------------------
---- Plug and Play Design Framework Ver.1 -----
--------- Main stylesheet for Screen ---------
--------- Creation Date: 16/07/2010   --------
--------- Original Author: Steven Wu ---------
--------------------------------------------*/

/* =RESET 
---------------------------------- */
*{
	margin:0;
	padding:0;
}


/*-- upper area - title frames */

.top {
	text-align:left;
	text-decoration:underline;
	font-size:9px;
}

.top_footer {
	width:911px;
	text-align:left;
	text-decoration:underline;
	margin-top:20px;
}

.outc {
	width:100%;
	height:auto;
}

.innc {
	width:1000px;
	margin-top:0px;
	background-color:red;    /* #FEFEFE - very light grey */
}

/* =DEFAULT STYLES 
---------------------------------- */

/* -------------------------------------------------- font family ----------------------------------------------- */

body{
	font:normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	/* color:#5f5f5f; :/		/* very dark grey */
	background-color:white;  		/* #FEFEFE;  very light grey  */
}

/* -------------------------------------------------- font color ----------------------------------------------- */

h1 {
	color:#07202B; 		/* #2B2007 very dark blue */
}
	
h2, h3, h4, h5, h6, h7, h8, h9 {
	color:#07202B; 		/* #3FA9F5 very dark blue */
}

p {
	color:#07202B; 		/* #2B2007 very dark blue */
}

.font_ec, .font_ec_13, .font_ec_13_tips, .font_ec_14{
	color:#2B2007; 		/* #2B2007 very dark blue */
}

.back_col, .homebox_ec, .casebox_ec {
	background-color:#E7E7E7; /* #E7E7E7 - mid light grey */ /* #FEFEFE - very light grey */
}

ul.navBar li a{
	color:#2B2007;	/*  very dark blue */
}

.mid_blue {
	color:#0866b2;
}

.gry {
	color:#B3B3B3;
}

.white {
	color:white;
}

/* -------------------------------------------------- fonts ----------------------------------------------- */

h1{
	margin:0 0 15px 0;
	font-size:3.6em;
}

h2{
	margin:0 0 14px 0;
	font-size:2.6em;
}

h3{
	margin:0 0 10px 0;
	font-size:2em;
}

h4{
	margin:0 0 10px 0;
	font-size:1.8em;
}

h5{
	margin:0 0 10px 0;
	font-size:1.6em;
}

h6{
	margin:0 0 10px 0;
	font-size:1.4em;
	color:#053e74;
}

h7{
	margin:0 0 10px 0;
	font-size:1.3em;
}

h8 {
	margin:0 0 15px 0;
	font-size:1.4em;
	color:#2B2007; /* dark blue */
	line-height:1.5em;
}
h9 {
	margin:0 0 15px 0;
	font-size:1.4em;
	line-height:2.0em;
}

.upmen	{ /*  EC  */
	font-weight:600;
	color:#0B0B61;
}

p {
	margin:0 0 15px 0;
	font-size:1.4em;
	line-height:1.5em;
}

.font_ec { /*  EC */
	font-size:12px;
	line-height:150%;
	/* color:#333333; /* websafe very dark grey */
}

.font_ec_13 { /*  EC */
	font-size:13px;
	line-height:133%;
	/* color:#333333; /* websafe very dark grey */
}

.font_ec_13_tips { /*  EC */
	font-size:13px;
	line-height:160%;
	/* color:#262626; /* even darker  dark grey */
}
.font_ec_14 { /*  EC */
	font-size:14px;
	line-height:150%;
	font-weight:600;
	/* color:#333333; /* very dark grey */
}

a{
	outline-style:none;
	outline-width:0px;	
	text-decoration:none;
	color:#053e74; /* dark blue */
}

a:hover{
	text-decoration:underline;
}

a img {
	border:none;
}
img{
	border:none;
}

ul,
ol{
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

ul li,
ol li{
	padding:0 0 0 0;
	font-size:1.2em;
}
table{

}

/* =GLOBAL STYLES 
---------------------------------- */
.upprmenu { /* EC */
	height:18px; width:77px; line-height:18px; margin-bottom:30px; 
	border-bottom:1px solid #bdbdbd;
	text-align:center;
}

.l_ht {
	line-height:150%;
}

.hmm {
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.hmmp {
	padding:15px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.fltL {
	float:left;
}

.p10 {
	padding:10px;
}

.p15 {
	padding:15px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

.tal {
	text-align:left;
}

.clearfix{
	min-height:1%;			
}

.clearfix:after{
  	content:'.';
 	display:block;
  	clear:both;
 	height:0;
  	visibility:hidden;
}

/* =WRAPPER 
---------------------------------- */
.wrapper{
	width:911px;
	margin:0 auto;
	text-align:left;
}

/* =HEADER  
---------------------------------- */
.header{
	position:relative;
	height:124px;
	margin:0 0 16px 0;
	padding:40px 0 0 0;
	border-bottom:1px solid #bdbdbd;
}

h1.logo{
	clear:both;
	width:289px;
	height:95px;
}

.logo a{
	display:block;
	width:289px;
	height:95px;
	text-indent:-9999px;
	background:transparent url(../_images_sfr/logo/logo_new_ai.gif) no-repeat scroll 0 0;
}


/* =NAVBAR 
---------------------------------- */
ul.navBar{
	position:absolute;
	bottom:0;
	right:0;
	clear:both;
	margin:0;
	padding:0;
}

ul.navBar li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul.navBar li a{
	display:block;
	padding:11px 22px 12px 22px;
	font-size:1.3em;
}

ul.navBar li.selected{
	background:#deebf5 url(../_images_sfr/ul-navBar-li-selected-a-bk.gif) repeat-x scroll 0 0;
}

ul.navBar li.selected a{
	font-weight:bold;
}

/* =MAINCONTENT 
---------------------------------- */
.mainContent{
	width:911px;
}

.banner{
	width:853px;
	height:130px;
	margin:0 0 38px 0;
	padding:110px 0 0 58px;
	background:transparent url(../_images_sfr/banners/banner-bk.jpg) no-repeat scroll 0 0;
}

.banner h4{
	font-style:italic;
	font-weight:normal;
}

/* --- =HOME STYLES --- */

.homebox_ec { /* EC */
	width:410px; 
	border-style:solid; border:2px solid #E0E6F8; /* #EFF5FB /
	background-color:white; /* #EFF5FB */
	color:#333333; /* dark grey */
	opacity:0.8;
	padding:10px;
	margin-top:30px;
    float:left;
}

.homeBox{
	clear:both;
	margin:0 0 18px 0;
	padding:20px 25px 0 26px;
	background:transparent url(../_images_sfr/homeBox-bk.gif) repeat-y scroll 0 0;
}

.homeBox .leftBox{
	float:left;
	width:350px;
}

.homeBox .rightBox{
	float:right;
	width:370px;
	margin-top: 43px;
}

.homeBox .rightBox ol li{
	font-size:1.4em;
	font-weight:bold;
	color:#053e74;	
}

.homeBox .rightBox ol li p{
	margin:0;
	font-size:1em;
	font-weight:normal;
	color:#053e74;
}

.services{
	clear:both;
	margin:0 0 22px 0;
	padding:19px 0 24px 0;
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
}

.Wrap{
	margin:0 0 70px 0;
}

.serv_font {
	font-size:1.3em;
	color:#064076;
	font-weight:400;
	color:#0084ff;
}

.serviceBox{
	float:left;
	width:250px;
	padding:0 0px 0 0px;
}

.serviceBoxFirst{
	float:left;
	width:250px;
	padding:0 0px 0 0px;
}

.serviceBoxFirst_ec{
	float:left;
	width:240px;
	padding:5px;
}

.serviceBoxMiddle {
	float:left;
	width:282px;
	padding:  0px 63px 0px 64px;
}

.serviceBoxMiddle_ec {
	float:left;
	width:282px;
	margin: 0px 63px 0px 64px;
}

.serviceBoxLast{
	float:left;
	width:250px;
	padding:0 0px 0 0;
}

.serviceBox p{
	text-align: center;	
	padding-left: 5px;
	line-height:1.4em;
	color:#0866b2;	
}

.serviceBox_EC p{
	text-align: center;	
	padding-left: 5px;
	line-height:1.4em;
	color:#0866b2;	
}

.serviceBox h3, .serviceBoxMiddle h3, .serviceBoxFirst h3{
	font-style:italic;
	color:#0866b2;
}

.serviceBox img{
	
}

.serviceBoxMiddle p{
	line-height:1.4em;
	color:#0866b2;
	text-align:center;
}

.serviceBoxMiddleTop {
	float:left;
	width:250px;
	margin:0px 80px 0 80px;
}

.serviceBoxMiddleTop_ec {
	float:left;
	width:240px;
	padding:5px;
	margin-left:80px;
	margin-right:80px;
}

.serviceBoxLast p{
	line-height:1.4em;
	color:#0866b2;
	text-align:center;
}

.serviceuppermenu{
	width:800px;
	height:auto;
	margin-left:atuo;
	margin-right:auto;
	margin-bottom:20px;
}

.serviceContent{
	margin:0 0 46px 0;
	padding:0 0 0 37px;
}

.serviceContent h3{
	margin-top:34px;
}


/* --- =CASES STYLES --- */


/* --- =INTERNAL PAGE STYLES 
.scopeContent{
	width:691px;
	margin:0 0 60px 0;
	padding:5px 0 70px 3px;
	background:transparent url(_images_sfr/scope-contentBlock-bk.gif) repeat-y scroll 0 0;
}
.scopeContent img{
	float:left;
}
.scopeContent .rightCol{
	float:right;
	width:336px;
	padding:8px 0 0 42px;
}
.scopeContent .rightCol h3{
	margin:0 0 3px 0;
	font-size:1.4em;
	color:#545454;
	padding-top: 10px;
}
.scopeContent .rightCol p{
	margin:0 0 6px 0;
	padding:0 0 0 36px;
}--- */

.rightCol p {
	line-height: 1em;	
}

.teamMember{
	width:911px;
	margin:0 0 20px 0;
	padding:12px 0 10px 0;
	background:transparent url(../_images_sfr/team/teamMember-bk.gif) repeat-y scroll 0 0;
}

.teamMember img{
	float:left;
	margin:0 36px 0 0;
}

.teamMember .info{
	float:left;
	width:150px;
	padding:0 0 0 0;
}

.teamMember .info h3{
	font-size: 16px;
}

.teamMember .info h4{
	font-weight:normal;
	font-size: 12px;
}

.teamMember .info h5{
	font-weight:normal;
	font-size: 12px;
	color:#5f5f5f;
}

.teamMember .text{
	float:right;
	width:539px;
}

.teamMember .text h3{
	font-size: 16px;
}
/*
.partners{
	margin:0 0 40px 0;
	text-align:center;
} */
.newsItem{
	clear:both;
	margin:0 0 52px 0;
}

.newsItem .text {
	font-size: 9px;
}

.newsItem .date{
	float:left;
	margin:0 48px 0 0;
	height: 110px;
}

.newsItem .date h4{
	margin:0;
	font-size:2.2em;
	text-align:center;
}

.newsItem .date h5{
	margin:0;
	font-size:2.2em;
	text-align:center;
}

.newsItem .date h6{
	margin:0;
	font-size:1.9em;
	font-weight:normal;
	text-align:center;
}

.contact{
	margin:0 0 30px 0;
	padding:0 74px 0 26px;
}

.contact .leftCol{
	float:left;
	width:300px;
}

.contact .rightCol{
	float:right;
	width:431px;
}

.contact .rightCol img{
	margin:0 0 30px 0;
}

.policyContent{
	width:491px;
	margin:0 0 45px 27px;
}

/* =FOOTER 
---------------------------------- */

.footerWrapper{
	display:block;
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
	background:transparent url(../_images_sfr/footerWrapper-bk.gif) repeat-x scroll 0 0;
}

.footer{
	clear:both;
	width:911px;
	margin:0 auto;
}

.footerContent{
	float:left;
	width:750px;
	margin:0 0 35px 0;
	color:#236fb8;
}

p.policy{
	float:right;
	padding:30px 30px 0 0;
}

ul.footerLinks{
	clear:both;
	float:right;
	margin:0;
	padding:23px 0 30px 0;
	list-style:none;
}

ul.footerLinks li{
	display:inline;
	margin:0;
	padding:0 30px 0 0;
}

ul.footerLinks li a{
	font-size:11px;
	color:#064076;
}

ul.footerLinks li.selected a{
	font-weight:bold;
	color:#0084ff;
}

.madeBy{
	clear:both;
	padding:9px 0 0 0;
	font-size:0.8em;
	text-align:left;
}

.homeTitle {
	margin:35px 0 10px 0;
	font-size:1.8em;
	color:#053e74;
	width: 500px;
	font-style: italic;
}

.serviceBoxMiddleTop h3 {
 	font-style: italic;
	color:#0866b2;
}

/* ---- CSS for CSS Menu ------------------------------------------------------------------------------------------------- */

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
	
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:#FFFFFF;border-width:0 1px 1px 1px;border-radius:0 4px 4px 4px;-moz-border-radius:0 4px 4px 4px;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-style:solid;border-color:#C4C4C4;padding:0 3px 3px;}
	
ul#css3menu1 li:hover>*{
	display:block;}
	
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
	
ul#css3menu1 li:hover{
	z-index:1;}
	
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
	
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
	
* html ul#css3menu1 li a{
	display:inline-block;}
	
ul#css3menu1>li{
	margin:0;}
	
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
	
ul#css3menu1 a{ /* ----------------------------------this is where we change the font size for the main upper menu tabs */
	display:block;vertical-align:middle;text-align:center;text-decoration:none;font:14px Helvetica,Arial,sans-serif;color:#333333;cursor:pointer;padding:0px 4px 0px 4px;background-color:#FFFFFF;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
	
ul#css3menu1 ul li{
	float:none;margin:0px 0 0;}  /* ---this adjusts the upper margin of the main upper menu sub-folders */
	
ul#css3menu1 ul a{/* ----------------------------------this is where we change the font size for the main upper menu sub-folders */
	text-align:left;padding:4px 10px;background-color:#FFFFFF;border-width:1px 0 1px 0;border-style:solid;border-color:#FFFFFF;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px Helvetica,Arial,sans-serif;color:#333333;text-decoration:none;}
	
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#F2F2F2;border-style:none;color:#424242;text-decoration:none;}
	
ul#css3menu1 span{
	display:block;overflow:visible;background-image:url("../arrowsubn.gif");background-position:right center;background-repeat:no-repeat;padding-right:13px;}
	
ul#css3menu1 li:hover>a>span{
	background-image:url("../arrowsub.gif");}
	
ul#css3menu1 ul span{
	background-image:url("../arrowsub.png");padding-right:12px;}
	
ul#css3menu1 ul li:hover > a span{
	background-image:url("../arrowsub_o.png");}
	
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#E6E6E6;border-style:solid;border-color:#666666;color:#424242;text-decoration:none;}
	
ul#css3menu1 li.toproot>a{
	background-color:;border-width:1px 1px 0 1px;border-style:solid;border-color:transparent;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
	
ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot a.pressed{
	background-color:#FFF;border-style:solid;border-color:#C4C4C4;}





/* end of CSS for css menu -------------------------------------------------------------------------------------------  */

/*NEWS CSS*/

.Add_News_border{
	position:relative;
	height:400px;
	margin:10px 0 16px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #bdbdbd;
	width:900px;
}

#topbar{
    left:0;
    height:29px;
    background-color: #2D2D2D;
    border-color: #000000;
    min-width: 980px;
    text-align:right;
    padding-right:10px !important;
    padding-top:5px !important;
}

.logout{
  
    text-align:right !important;   
    color: #FFFFFF !important;
    font:"Verdana" !important; 
    font-size:1.5em !important; 
 
 }
 
.cke_dialog_close_button{
display:none;
}
/*
.cke_dialog_ui_hbox_first
{
    display:none;
}
*/
.rowStyle{
    padding-bottom:50px;    
}

table#table7{
  border-collapse:separate !important; 
  border-spacing: 0px !important;   
}

.newsTitleContentAddNews{
    width:700px; 
}

.newsContentAddNews{
    width:700px; 
}

.newsTitleContent{
    
 /*   width:700px; */
  /*  height:150px; */
 
    width:100%;
}

.newsContent{   
    width:100%;
  /*  width:700px; */
}

.sectiondate{   
   /* height:150px; */
    width:80px;
}

.sectionsubtitle{
    vertical-align:top;
   	margin:0 0 10px 0;
	font-size:2em;
	color:#053e74;
	font-weight:bold;
	height:30px;   
}

.newsPublished{
    margin:5px 0 0 0;
/*    height:200px; */
    width:100px;   
 }
 
 .deleteArticle{
    margin:5px 0 0 0;
  /*  height:200px; */
    width:80px;    
  }

.sectiondatemonth{
    margin:0 0 0 0;
	font-size:2.2em;
	color:#053e74;

   
}

.sectiondateyear{
    margin:0 0 0 0;
	font-size:1.9em;
	color:#053e74;
	
}


#sectiondate h4{
	margin:0;
	font-size:2.2em;
	text-align:center;
}

#sectiondate h5{
	margin:0;
	font-size:2.2em;
	text-align:center;
}

#sectiondate h6{
	margin:0;
	font-size:1.9em;
	font-weight:normal;
	text-align:center;
}