/* *** [Reset] ******************************************************************** */ * { margin: 0; padding: 0 } body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #0A4279; } h1, h2, h3 { } h2 {} h3 {} h4 {} h5 {} h6 {} hr { width: 400px; margin: 15px auto; border: 0; border-bottom: 2px dotted #000; clear: both;} p { margin: 10px 0; } ul { list-style: none; } blockquote { } a { color: #0070b9; } a img { border: 0; } a:focus { } a:visited { color: #4EA9E3; } a:active { } a:hover { } /*a:focus {outline: 2px solid gold !important;}*/ fieldset { border: 0; } /* *** [Homepage] ******************************************************************** */ /* ---[ Sharepoint Tools ]--------------------------------------------- */ #sp-header {} span.container-sharepoint-panel {display: block;} span.container-sharepoint-panel div.init {position: absolute; top: 0; z-index: 1;} #sp-tools {height: 30px; background: none repeat-x bottom left;} #sp-tools-login {float: left; padding: 5px 15px 0 5px;} #sp-tools-action-menu {float: right; padding: 5px 15px 0 5px;} #container-sharepoint-authoring-panel {display: block;} #container-sharepoint-authoring {/*margin-top: -14px;*/} #container-sharepoint-authoring table.ms-consoleframe {border: none; padding-bottom: 20px; background: url(../Images/Backgrounds/bg-sharepoint-authoring.png) repeat-x bottom left;} #container-sharepoint-authoring table.ms-consolestatusframe {border-bottom: none;} /* *** [Usable Classes] ******************************************************************** */ .offs { position: absolute; left: -9999px; top:0; } /* offs = offscreen */ .btn {} /* ---[ Clearfix ]-------------------------------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%; } .clearfix {display: block;} /* End hide from IE-mac */ /* *** [Master Layout] ******************************************************************** */ /* wrp-wrp = Master of all the wrapper to manage repeat image bg */ #wrp-wrp { background: url(../Images/Backgrounds/bg-repeat-clouds.png) repeat-x top left; } /* ww = wrapper of the wrapper */ #ww { background: url("../Images/Backgrounds/bg-clouds.jpg") no-repeat top center; text-align: left; } /* wc = content wrapper */ #wc { background: url("../Images/Backgrounds/bg-canvas-default.png") top left no-repeat; position: relative; width: 922px; margin: 0 auto; } /* content wrapper for the home section */ #ww div.extra { background: url("../Images/Backgrounds/bg-canvas-home.png") top left no-repeat; } /* *** [Header] ******************************************************************** */ #hd { position: relative; width: 921px; height: 335px; } #logo { position: absolute; width: 148px; height: 80px; top: 10px; left: 10px; } /* generic */ .zone-txt { background: url(../Images/Backgrounds/bg.png) 0 -31px no-repeat; padding: 30px 15px; width: 227px; height: 130px; position: absolute; top: 133px; left: 20px; } .zone-txt p { /*width: 225px; position: absolute; top: 45px; left: 14px; */} #hd .banner { position: absolute; top: 133px; right: 20px; width: 613px; height: 190px;} .zone-txt h1.abt-us { /*background: url(../Images/titles/title-en.png) 0 0 no-repeat; width: 66px; height: 18px; position: absolute; top: 30px; left: 14px; */} /* *** [Header - with navigation extra infon (used for home page)] ******************************************************************** */ #hd-extra { position: relative; width: 921px; height: 447px; } #hd-extra .box { background: url(../Images/Backgrounds/bg.png) 0px -222px no-repeat; position: absolute; right: 21px; width: 228px; height: 125px; padding: 10px 15px 10px 15px; } #hd-extra .box p { margin: 0; } #hd-extra .box a { text-decoration: none; } #hd-extra .box a:hover { text-decoration: underline; } #hd-extra .box-1 { bottom: 169px; } #hd-extra .box-1 h1 { background: url(../Images/titles/title-en.png) 0 -23px no-repeat; width: 119px; height: 18px; border: none; } #hd-extra .box-2 { bottom: 14px; } #hd-extra .box-2 h1 { background: url(../Images/titles/title-en.png) 0 -49px no-repeat; width: 113px; height: 20px; } /* *** [Main navigation] ******************************************************************** */ #mn-nav { position: absolute; top: 91px; right: 3px; width: 275px; } #mn-nav ul li { float: left; width: 84px; margin-right: 8px; } #mn-nav ul li.last { margin-right: 0px; } #mn-nav ul li a { float: left; width: 84px; height: 22px; text-align: center; line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; background: url(../Images/Buttons/buttons.png) 0px -22px no-repeat; } #mn-nav ul li a:hover { background: url(../Images/Buttons/buttons.png) 0px -44px no-repeat; } /* *** [Sub navigation] ******************************************************************** */ /* home section - sub navigation */ #sub-nav { position: absolute; top: 83px; left: 0px; width: 918px; height: 350px; } /* class for Firefox flash menu replacement */ #sub-nav.ff-img { background: url(../Images/Backgrounds/bg-home-banner.jpg) 0 0 no-repeat; top: 133px; left: 20px; width: 613px; height: 300px; } #sub-nav ul { display: none; position: absolute; bottom: 0; left: 20px; width: 600px; height: 28px; clear: both; } #sub-nav ul li { float: left; padding: 0; height: 20px; width: 98px; text-align: center; line-height: 28px; } #sub-nav ul li.mnu-1 { width: 99px; } #sub-nav ul li.mnu-2 { width: 99px; } #sub-nav ul li.mnu-3 { width: 99px; } #sub-nav ul li.mnu-4 { width: 99px; } #sub-nav ul li.mnu-5 { width: 99px; } #sub-nav li a { text-decoration: none; color: #fff; display: block; width: 98px; height: 28px; font-weight: bold; } #sub-nav li a:hover { background-color: #008FE3; } /* home page content section layout */ .extra #ct .sub-col-1 { width: 247px; float: left; } .extra #ct .sub-col-2 { width: 315px; float: right; } .extra #ct h2 { color: #EF2C71; font-size: 11px; font-weight: bold; } .extra #ct ul { margin-bottom: 5px; } .extra #ct h1,.extra #ct h2, .extra #ct h3 { margin-bottom: 10px; } /* IMPORTANT --- REVIEW THE LAYOUT TO HAVE A MORE GENERIC TEMPLATE */ .extra #ct .col-1 {height: 400px; width: 248px; padding: 23px 0 0 10px; } .extra #ct .col-1 h1 {float: left; background: none; padding: 0; margin: 0 0 10px 5px; font-size: 11px; width: 110px; color: #0A4279; } .extra #ct .col-1 .thumbs {float: left; } .extra #ct .col-1 ul {float: left; width: 100px; margin: 0 0 0 5px; } .extra #ct .col-1 li {width: 100px; margin: 0; height: auto; background: url(../Images/Icons/icons.png) 0 3px no-repeat; padding: 0 0 3px 14px; margin-bottom: 5px; font-weight: normal; line-height: 15px; font-size: 11px; } .extra #ct .col-1 li a {font-weight: normal;} .extra #ct .col-1 li a:hover {text-decoration: underline; color: #0070b9; } .extra #ct .col-2 { height: 400px; } .extra #ct .col-2 a {text-decoration: none; } .extra #ct .col-2 a:hover {text-decoration: underline; } /* *** [Breadcrumb] ******************************************************************** */ p#bc {margin: 0 0 20px;} /* *** [Search] ******************************************************************** */ #srch { position: absolute; top: 23px; right: 8px; width: 269px; height: 30px; background: url(../Images/Backgrounds/bg.png) 0 0 no-repeat; } #srch fieldset { position: absolute; top: 0px; right: 0px; width: 269px; height: 30px; } #srch legend { line-height: 0; height: 0; text-indent: -9999em;} #srch input.srch-txt { position: absolute; top: 5px; left: 5px; border: 1px solid #7FA2BF; color: #4C7DA5; line-height: 16px; font-size: 11px; padding: 2px 0px 0px 4px; width: 190px; height: 15px; } .btn-srch { display: block; font-size: 11px; position: absolute; right: 4px; top: 5px; padding: 0 0 3px 0; line-height: 18px; border: none; color: #fff; width: 56px; height: 21px; background: url(../Images/Buttons/buttons.png) 0 0 no-repeat; } /* *** [Content] ******************************************************************** */ #ct { padding: 18px 20px 0 20px;} #ct a { text-decoration: none; } #ct a:hover { text-decoration: underline; } #ct .col-2 h1, #ct .col-2 h2, #ct .col-2 h3 { margin-bottom: 10px; } #ct .col-2 h2 { font-size: 12px; color:#ef2e72; } #ct .col-2 h3 { font-size: 11px; color:#ef2e72; } /* *** [Column in the content ] ******************************************************************** */ .col-1 { float: left; width: 258px; background: url(../Images/Backgrounds/bg-fade.png) 0 0 no-repeat #fff; color: #0276bd; } .col-1 h1 { background: url(../Images/Backgrounds/bg.png) -494px 0px no-repeat; height: 24px; width: 200px; line-height: 18px; margin-top: 10px; margin-left: 15px; } .col-1 h1 a { font-size: 12px; text-decoration: none; width: 200px; } .col-1 h1 a:visited { color: #0070b9; } #ct .col-1 h1 a:hover { color: #EF2C71; text-decoration: none; } .col-1 ul { margin-left: 19px; } .col-1 li { background: url(../Images/Backgrounds/bg.png) -270px 0px no-repeat; padding: 4px 6px 3px 13px; width: 200px; border-bottom:1px dashed #C9DAE2; line-height: normal; } .col-1 li a { text-decoration: none; font-weight: bold; width: 200px; height: 24px; } .col-1 li a:visited { color: #0070b9; text-decoration: none; } #ct .col-1 ul li a:hover { text-decoration: none; color: #EF2C71; } .col-2 { float: right; position: relative; width: 603px; background: url(../Images/Backgrounds/bg-fade.png) -258px 0 no-repeat #fff; padding: 15px 0 0 15px; } .col-2 h1 { font-size: 16px; font-style: normal; } .col-2 p { } .col-2 .ww2 { float: left; width: 400px; } .col-2 .ww2 li p { margin-top: 0; } .col-2 .inf-sd-bx { float: right; margin: 20px 15px 0 0; width: 150px; padding: 10px; border: 1px dashed #BFDDEF; } .col-2 .inf-sd-bx p a img { margin-left: -5px;} .col-2 ol { margin-bottom: 10px; margin-top: 0px; padding-left: 30px; } .col-2 ul { margin-bottom: 10px; margin-top: 0px; margin-left: 5px; } .col-2 ul li { background: url(../Images/Icons/icons.png) 0 3px no-repeat; padding: 0 0 3px 14px; } .col-2 ul li a:link { text-decoration: none; } .col-2 ul li a:visited { text-decoration: none; color: #4EA9E3; } .col-2 ul li a:hover { text-decoration: underline; } /* Mirror generic section */ .mirror .col-1 { float: right; } .mirror .col-1 a:visited { color: #4EA9E3; } .mirror .col-2 { float: left; } .mirror #ct { } /* Search results Page layout */ .srch-results { width: 590px; } .srch-results dl dt { padding-top: 9px;} .srch-results dl dt a { font-weight: bold; color: #0075bd; text-decoration: none; font-size: 11px; } .srch-results dl dd a { font-size: 11px; color: #0075bd; text-decoration: none; } .srch-results dl dt a:vsited, .srch-results dl dd a:visited { color: #4ea9e3; } .srch-results dl dd a:hover { text-decoration: underline; } .srch-results dl .line { border-bottom: 1px solid #c9dae2; padding-bottom: 10px; } .srch-results .pager { float: left; } .srch-results .pager a { font-weight: bold; color: #0075bd; font-size: 11px; } .srch-results .pager a:visited { color: #4ea9e3; } .srch-results .msg { color: maroon; font-size: 13px; } .srch-results .wr-pg { margin-top: 30px; } .srch-results p.last { float: left; font-size: 11px; } /* SiteMap Page layout */ #ct table td p a { color: #0a4279; text-decoration: none; } #ct table td p a:hover { text-decoration: underline; } /* *** [Footer] ******************************************************************** */ #ft { margin: 50px 0 10px 0; height: 30px; position: relative; } .lg-ita { position: absolute; top: 0; left: 15px; background: url(../Images/Logos/logos.png) 0 0 no-repeat; display: block; width: 44px; height: 28px; } #ft p { position: absolute; top: 0; left: 65px; } #ft ul { position: absolute; top: 10px; right: 15px; } #ft ul li { background: url(../Images/Backgrounds/bg-pipe.png) top right no-repeat; float: left; padding: 0px; margin-left: 6px; } #ft li a { text-decoration: none; padding-right: 6px; color: #0070b9; } #ft li a:visited { text-decoration: none; color: #4EA9E3; } #ft li a:active { text-decoration: none; color: #4EA9E3; } #ft li a:hover { text-decoration: underline; color: #0070b9; } #ft li.first { margin-left: 0;} #ft li.last { padding-right: 0; background: none; }