@import url(reset.css) all;
/*@import url(base.css) all;*/
@import url(fonts.css) all;
html{
background-color:#ccdef6
}
body{
margin:13px auto;
font-family:"Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif
}
a{
color:#5284c4;
text-decoration:none
}
a:hover{
color:#fd9723;
text-decoration:none
}
/*
**------------------------ Forma Group Ltd.
*/
#fgContainer{
margin:0 auto;
width:1016px
}
#fgWrapper{
margin:0 auto;
width:1016px;
background-color:#ffffff
}
#fgLogoCont{
float:left
}
#fgLogoCont #fgLogoImg{
width:398px;
border:none;
background:transparent url(../../images/site/logo_Celeno.gif) no-repeat 0 0;
height:49px
}
#fgTopMnuCont{
width:618px;
margin-top:13px;
float:right;
height:15px
}
#fgTopMnuUL{
float:right;
margin-right:14px;
height:15px
}
#fgTopMnuUL li{
float:left;
border-left:2px solid #fd9723;
list-style:none outside;
height:15px
}
#fgMainMnuCont{
float:right;
height:21px!important
}
#fgH988x1{
margin:0 auto;
width:988px;
border-bottom:1px solid #fd9723;
height:4px
}
#fgMainContentWrapper{
margin:0 auto;
width:1016px
}
#fgMainContentWrapper #fgMCW_ContL{
float:left;
width:436px
}
#fgMainContentWrapper #fgMCW_ContM{
float:left;
display:none;
background-color:#dbdeaf
}
#fgMainContentWrapper #fgMCW_ContR{
float:right;
width:580px
}
/*
**------------------------ Top menu
*/
#fgTopMnuUL li a{
padding-right:10px;
padding-left:10px;
color:#5284c4;
font:normal bold 85%/13px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
vertical-align:super;
height:13px
}
#fgTopMnuUL a:hover{
padding-right:10px;
padding-left:10px;
color:#fd9723;
font:normal bold 85%/13px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
vertical-align:super
}
#fgTopMnuUL li.fgTMLast{
float:left;
border-right:2px solid #fd9723;
border-left:2px solid #fd9723;
height:15px
}
/*
**------------------------ home page, left block
*/
#fgMainContentWrapper #fgMCW_ContL #fgMCWCL_Cont01{
margin-left:14px;
width:404px;
height:185px
}
#fgMainContentWrapper #fgMCW_ContL #fgMCWCL_Cont02{
margin-left:14px;
padding-bottom:10px;
border:1px solid #fd9723;
width:402px
}
#fgMCWCL_Cont01 #fgBoxTitle{
width:100%;
color:#fd9723;
font:italic bold 123.1% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:35px
}
#fgMCWCL_Cont01 #fgBoxTitle #fgTitleTxt{
width:289px;/*color:#fd9723;
font:italic bold 123.1% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
position:relative;
left:15px;
top:11px*/
background:url(../../images/site/takingWiFi.jpg) #ffffff no-repeat 26px 2px;
height:22px
}
#fgMCWCL_Cont01 .fgBoxContentWrapper{
width:381px;/*width:265px;*/
background:url(../../images/site/HPtopimage.gif) #ffffff no-repeat 26px 0;
height:124px
}
#fgMCWCL_Cont01 .fgBoxContentWrapper #fgDefineTxt{
width:196px;
color:#0b4699;
font:normal bold 100% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
position:relative;
left:163px;
top:18px;
/*height:194px*/
height:93px
}
#fgMCWCL_Cont01 .fgBoxContentWrapper #fgDefineTxt p#fgDef01{
padding-left:3px;
width:196px!important;
font-size:108%;
text-align:justify
}
#fgMCWCL_Cont01 .fgBoxContentWrapper #fgDefineTxt p#fgDef02{
font-size:108%;
text-align:right
}
#fgMCWCL_Cont02 #fgBoxTitle{
width:100%;
background-color:#fd9723;
color:#fefeff;
font:normal bold 123.1% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:35px
}
#fgMCWCL_Cont02 #fgBoxTitle #fgTitleTxt{
position:relative;
left:15px;
top:8px
}
/*
**------------------------ home page, right block
*/
#fgMainContentWrapper #fgMCW_ContR #fgMCWCR_Cont01{
width:565px;
background-color:#527cb0;
height:371px
}
#fgMainContentWrapper #fgMCW_ContR #fgMCWCR_Cont02{
width:565px;
height:168px
}
#fgMCWCR_Cont02 #fgSpotLightContainer{
margin-top:15px;
float:left;
width:275px;
background:url(../../images/site/video.gif) #698fbe no-repeat 148px 50px; background-position: right-bottom;
height:168px
}
#fgSpotLightContainer_banner{
margin-top:15px;
float:left;
width:565px;
height:168px
}
#fgMCWCR_Cont02 #fgResourceLibContainer{
margin-top:15px;
float:right;
width:275px;
background:url(../../images/site/TAoptionB.jpg) #698fbe no-repeat 0 0;
height:168px
}
#fgMCWCR_Cont02 #fgSpotLightContainer .fgTitleTxt{
color:#fefeff;
font:normal bold 116% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
position:relative;
left:12px;
top:15px;
height:28px
}
#fgMCWCR_Cont02 #fgSpotLightContainer .fgSubTitleTxt{
margin-left:12px;
color:#fefeff;
font:normal normal 85% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:21px
}
#fgMCWCR_Cont02 #fgSpotLightContainer .fgStuffTxt{
margin-left:12px;
width:150px;
color:#fefeff;
font:normal normal 93%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:21px
}
.fgLink03{
color:#ffffff;
font:normal normal 90%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
position:relative;
left:5px;
}

.fgLink03:hover{
color:#fd9723;
font:normal normal 90%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;

}

.fgLink01{
color:#fefeff;
font:normal normal 93%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
.fgLink01:hover{
color:#fd9723;
font:normal normal 93%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
.fgResLibArrows{
padding-left:5px;
color:#0b4699;
font:normal bold 146.5%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
height:19px;
vertical-align:sub
}
.fgResLibArrows:hover{
padding-left:5px;
color:#fd9723;
font:normal bold 146.5%/19px "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
height:19px;
vertical-align:sub
}
#fgMCWCR_Cont02 #fgResourceLibContainer .fgTitleTxt{
color:#fefeff;
font:normal bold 116% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
position:relative;
left:12px;
top:15px;
height:28px
}
#fgMCWCR_Cont02 #fgResourceLibContainer .fgSubTitleTxt{
color:#fefeff;
font:normal normal 85% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
position:relative;
left:12px;
top:7px;
height:21px
}
#fgMCWCR_Cont02 #fgResourceLibContainer .fgStuffTxt{
margin-left:12px;
color:#fefeff;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:21px
}
.fgLink02{
color:#fefeff;
font:normal normal 100% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
.fgLink02:hover{
color:#fd9723;
font:normal normal 100% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
/*
**------------------------ home page, left block, news & events
*/
#fgBC_EventLogo{
float:left;
position:relative;
left:8px;
top:2px
}
#fgBC_EventTxt{
width:248px;
padding-top:12px;
float:right
}
#fgBC_EventLogo a{
width:127px!important;
text-decoration:none;
height:80px!important
}
#fgBC_EventLogo a img{
width:127px!important;
border:none!important;
height:80px!important
}
#fgBC_EventTxt li{
margin-right:8px;
margin-left:6px
}
#fgH386x1{
margin:0 8px;
width:386px;
border-bottom:1px solid #fd9723;
height:4px
}
#fgBC_NewsWrapper{
margin-top:12px;
height:240px
}
#fgBC_NewsWrapper ul ul{
margin-top:6px
}
#fgBC_NewsWrapper li li{
margin-right:14px;
margin-left:14px
}
.fgBCBlue{
color:#2a61a8;
font:normal bold 100% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
.fgBCGrey a{
color:#595f6a;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
.fgBCGrey a:hover{
color:#fd9723;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none
}
/*
**------------------------ Credit strip
*/
#fgCreditContainer{
margin-top:12px;
float:right;
color:#315b90;
background-color:#ccdef6;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
height:12px
}
#fgCreditContainer a{
color:#315b90;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
height:12px
}
#fgCreditContainer a:hover{
color:#fd9723;
font:normal normal 93% "Trebuchet MS",Arial,Helvetica,Verdana,Geneva,sans-serif;
text-decoration:none;
height:12px
}
/*
**------------------------ Resources Library
*/
#fgResLibWrapper{
margin:0 auto;
padding:0;
width:584px
}
#fgResLibWrapper .fgResLibMidItem{
margin:6px 20 0 0;
padding:0 0 8px 0;
border-bottom:1px dotted #6a6968
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemL{
margin:0;
padding:0;
float:left;
width:452px
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemL h3{
margin:5px 0 0 0;
padding:0;
color:#f49e17;
font-size:1em;
font-weight:bold
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemL a{
margin:0;
padding:0;
font-size:.75em;
text-decoration:none;
line-height:14px
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemR{
margin:0 0 0 42px;
padding:0;
float:right
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemR a{
margin:0;
padding:0;
text-decoration:none
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemR a div{
margin:0;
padding:0
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemR a img{
margin:4px 0;
padding:0;
border:none
}
#fgResLibWrapper .fgResLibMidItem .fgResLibMidItemR a span{
margin:0;
width:50;
padding:0;
display:block;
font-size:.95em;
font-weight:normal;
line-height:12px
}
.fgH8{
margin:0;
width:1px;
padding:0;
height:8px!important
}
#fgResLibWrapper .fgResLibMidItem .fgViewPortWrapper{
margin:0;
width:165px;
padding:0;
float:left
}
#fgResLibWrapper .fgResLibMidItem .fgViewPortWrapper div{
margin:0;
width:inherit;
padding:0;
height:125px
}
#fgResLibWrapper .fgResLibMidItem .fgViewPortWrapper div img{
margin:0;
width:inherit;
padding:0;
border:none;
height:125px
}
#fgResLibWrapper .fgResLibMidItem .fgViewPortWrapper h3{
margin:5px 0 0 0;
padding:0;
color:#f49e17;
font-size:1em;
font-weight:bold
}
#fgResLibWrapper .fgResLibMidItem .fgViewPortWrapper p{
margin:0;
padding:0;
font-size:1em;
font-weight:bold;
line-height:14px
}
.fgL26{
margin:0 24px!important;
padding:0!important
}
.fgVideoEnd{
border:none!important;
padding-bottom:35px!important
}
.fgJumpTrap{
margin:0;
padding:0;
height:8px!important
}
.fgJumpTrap a{
margin:0;
padding:0;
border:none!important;
text-decoration:none!important
}
.fgTempHide{
visibility:hidden
}
/*
**------------------------ Obout overriding
*/
.parentMenuContainer{
margin-right:14px!important;
padding:0!important;
width:auto!important;
background-color:transparent!important;
border-collapse:separate!important;
border-spacing:0!important;
z-index:999
}
.parentMenuItem{
border-right:1px solid white!important;/*border-right:1px solid #E4E9EF;*/
padding:0!important;
width:100%;
background-color:transparent!important;
border-spacing:0!important;
height:21px!important
}
.parentMenuItem #tm_contentCell{
padding:4px 0!important;
width:104px!important;
white-space:nowrap!important;
background-color:transparent!important;
background:transparent url(../../images/site/fgMainMnuMout.gif) no-repeat!important;
text-align:center!important;
height:21px!important;
vertical-align:middle!important
}
.parentMenuItem #tm_contentCell a{
background-color:transparent!important;
color:white!important;
text-decoration:none!important
}
.parentMenuItem #tm_submenuCell{
display:none!important
}
.parentMenuItemOver{
border-right:1px solid white!important;/*border-right:1px solid #E4E9EF;*/
padding:0!important;
width:100%;
background-color:transparent!important;
border-spacing:0!important;
height:21px!important
}
.parentMenuItemOver #tm_contentCell{
padding:4px 0!important;
width:104px!important;
white-space:nowrap!important;
background-color:transparent!important;
background:transparent url(../../images/site/fgMainMnuMover.gif) no-repeat!important;
text-align:center!important;
height:21px!important;
vertical-align:middle!important
}
.parentMenuItemOver #tm_contentCell a{
background-color:transparent!important;
color:white!important;
text-decoration:none!important
}
.parentMenuItemOver #tm_submenuCell{
display:none!important
}
.menuContainer{
margin-top:5px!important;
padding:0!important;
width:100%!important;
border-top:none!important;
border-bottom:2px solid #fd9723!important;
background-color:transparent!important;
border-collapse:separate!important;
border-spacing:0!important
}
.menuContainer td{
padding:0
}
.menuItem{
border:0 none!important;
padding:0!important;
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
height:21px!important
}
.menuItem #tm_contentCell{
padding:4px 20px!important;
white-space:nowrap!important;
background-color:#3668a7!important;
vertical-align:middle!important
}
.menuItem #tm_contentCell a{
white-space:nowrap!important;
background-color:transparent!important;
color:white!important
}
.menuItem #tm_submenuCell{
display:none!important
}
.menuItemOver{
border:0 none;
padding:0;
width:100%;
border-collapse:separate;
border-spacing:expression(cellSpacing=0);
border-spacing:0;
cursor:hand;
cursor:pointer;
height:20px
}
.menuItemOver #tm_contentCell{
padding:4px 20px!important;
white-space:nowrap!important;
background-color:#fd9723!important;
vertical-align:middle!important;
cursor:hand;
cursor:pointer
}
.menuItemOver #tm_contentCell a{
white-space:nowrap!important;
background-color:transparent!important;
color:white!important
}
.menuItemOver #tm_submenuCell{
display:none!important
}
/*
**------------------------ tools
*/
.cL{
clear:left
}
.cR{
clear:right
}
.cB{
clear:both
}
.fgH21{
width:100%;
height:21px
}
.fgH09{
width:100%;
height:9px
}
.fgH17{
width:100%;
height:17px
}
.fgH20{
width:100%;
height:20px
}
.fgH12{
width:100%;
height:12px
}
.fgH22{
width:100%;
height:22px
}
.fgLastP01{
margin-bottom:12px
}