/************************************************** * Body * **************************************************/ body { background:#fff; color:#333; font:100.1%/1 Verdana, Arial, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { } a:hover { } abbr { } img { border:0; } /************************************************** * Container * **************************************************/ #container { background:url('../img/background/container.jpg') repeat-y; font-size:62.5%; margin:0 auto; position:relative; text-align:left; width:900px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #container #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 0; height:243px; overflow:hidden; width:900px; } #container #header p { clear:both; color:#004494; height:36px; line-height:36px; margin:0; overflow:hidden; padding:0 15px 1px; width:691px; } #container #header p a { border-bottom:1px dotted #004494; color:#004494; text-decoration:none; } #container #header p a img { display:block; float:left; height:0; visibility:hidden; } #container #header p a:hover { border-bottom-style:solid; } #container #header ul { clear:both; height:36px; list-style:none; margin:0; padding:0 0 0 12px; width:888px; } #container #header ul li { background:#004489 url('../img/background/header_ul_li.jpg') repeat-x; background-position:0 0; float:left; margin:0 5px 0 0; position:relative; } #container #header ul li a { color:#fff; display:block; font:Bold 1.2em/36px 'Century Gothic', 'Avant Garde', sans-serif; padding:0 11px; text-decoration:none; } #container #header ul li a:hover { color:#ddd; } #container #header ul li.selected { background-color:#084a8d; background-position:0 -36px; } #container #header ul.group-sites { background:0; margin:0; position:absolute; right:0; text-align:center; top:170px; width:auto; } #container #header ul.group-sites li { background:0; float:left; margin:0; position:relative; } #container #header ul.group-sites li a { padding:0 35px 0 1px; width:114px; } #container #header ul.group-sites li.reset { padding:0 11px; } #container #header ul.group-sites li.reset a { padding:0; width:auto; } #container #header ul.group-sites li ul { display:none; float:none; height:auto; right:0; overflow:hidden; position:absolute; top:36px; width:150px; } #container #header ul.group-sites li ul li { text-align:left; width:150px; } #container #header ul.group-sites li ul li a { background:#004489; height:28px; line-height:28px; overflow:hidden; padding:0 8px; width:134px; } #container #header ul.group-sites li ul li span { background:url('../img/background/header_ul-group-sites_li_ul.png') no-repeat; background-position:bottom left; display:block; height:12px; width:150px; } /************************************************** * Container > Header > Logo * **************************************************/ #container #header .logo { display:block; height:170px; margin:0; padding:0; text-indent:-9999px; width:900px; } /************************************************** * Container > Navigation * **************************************************/ #container #navigation { background:url('../img/background/navigation.jpg') no-repeat; background-position:bottom right; float:left; padding:0 0 110px; width:150px; } #container #navigation h4 { display:none; } #container #navigation ul { border-right:1px solid #9eb8c5; font-size:1.2em; line-height:1.1; list-style:none; margin:0; padding:3px 0 0; width:149px; } #container #navigation ul li { background:url('../img/background/navigation_ul_li.jpg') no-repeat; background-position:bottom left; overflow:hidden; padding:0 8px 0 0; width:141px; } #container #navigation ul li a { background:url('../img/background/navigation_ul_li_a.jpg') no-repeat; background-position:0 12px; color:#333; display:block; padding:9px 0 10px 13px; text-decoration:none; } #container #navigation ul li a em { font-style:normal; font-weight:bold; } #container #navigation ul li a:hover { color:#ee801b; } #container #navigation ul li a:hover em { color:#004489; } #container #navigation ul li.selected { font-weight:600; } #container #navigation ul li ul { border:0; display:none; height:0; visibility:hidden; width:auto; } #container #navigation ul li.selected ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #container #navigation ul li.selected ul li { font-weight:400; padding:0 0 0 5px; width:129px; } #container #navigation ul li.selected ul li a { background:0; padding:7px 3px 8px 0; width:auto; } #container #navigation ul li.selected ul li.selected { font-weight:bold; } #container #navigation ul li.selected ul li ul { font-size:1em; margin:-7px 0 0; } #container #navigation img {padding:0; margin:0; border:0;} /************************************************** * Container > Navigation > Latest News * **************************************************/ #container #navigation .latest-news { } #container #navigation .latest-news h4 { background:#004489 url('../img/background/navigation_latest-news_h4.jpg') no-repeat; border-right:1px solid #9eb8c5; color:#fff; display:block; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 0 8px; width:141px; } #container #navigation .latest-news h4 a { color:#fff; display:block; font-weight:bold; line-height:26px; text-decoration:none; } #container #navigation .latest-news ul { font-size:1em; padding:0 0 10px; } #container #navigation .latest-news ul li { background:0; line-height:1.1; padding:0; } #container #navigation .latest-news ul li a { background:0; padding:8px 0 0 8px; } #container #navigation .latest-news ul li a em { line-height:1.3; } /************************************************** * Container > Navigation > Online Demo * *

Online Demo

* **************************************************/ #container #navigation .online-demo { margin:0 0 -2px; } #container #navigation .online-demo h4 { background:#004489 url('../img/background/navigation_online-demo_h4.jpg') no-repeat; border-right:1px solid #9eb8c5; color:#333; display:block; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 0 8px; width:141px; } #container #navigation .online-demo p { border-right:1px solid #9eb8c5; margin:0; padding:8px 8px 0; } #container #navigation .online-demo p a { border:0; } #container #navigation .online-demo p a img { display:block; width:133px; } /************************************************** * Container > Navigation > RadTreeView * **************************************************/ #container #navigation .RadTreeView { padding:0; } #container #navigation .RadTreeView div { padding:0; } #container #navigation .RadTreeView ul { font-size:1.2em; } #container #navigation .RadTreeView ul li { } #container #navigation .RadTreeView ul li a { background-position:0 14px; font-family:Verdana, Arial, sans-serif; } #container #navigation .RadTreeView ul li ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #container #navigation .RadTreeView ul li ul li { padding:0 0 0 5px; width:152px; } #container #navigation .RadTreeView ul li ul li a { background:0; font-size:.85em; padding:4px 0 5px 0; } #container #navigation .RadTreeView .rtHover { } #container #navigation .RadTreeView .rtHover a { border:0; } #container #navigation .RadTreeView .rtMinus { display:block; height:0; margin:0; padding:0; visibility:hidden; } #container #navigation .RadTreeView .rtSelected { } #container #navigation .RadTreeView .rtSelected a { border:0; font-weight:bold; } #container #navigation .RadTreeView .rtSp { display:block; height:0; margin:0; padding:0; visibility:hidden; } /************************************************** * Container > Navigation > Reference Sites * **************************************************/ #container #navigation .reference-sites { } #container #navigation .reference-sites h4 { background:#efb458 url('../img/background/navigation_reference-sites_h4.jpg') no-repeat; border-right:1px solid #9eb8c5; color:#fff; display:block; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 0 8px; width:141px; } #container #navigation .reference-sites h4 a { color:#fff; display:block; font-weight:bold; line-height:26px; text-decoration:none; } #container #navigation .reference-sites p { border-right:1px solid #9eb8c5; line-height:1.3; margin:0; padding:4px 8px; } #container #navigation .reference-sites p img { display:block; margin:0 auto; text-align:center; max-width:133px; } /************************************************** * Container > Content * **************************************************/ #container #content { float:left; font-size:1.1em; line-height:1.6; overflow:hidden; padding:15px 15px 5px; width:570px; } #container #content a { border-bottom:1px dotted #454545; color:#454545; text-decoration:none; } #container #content a:hover { border-bottom-style:solid; } #container #content blockquote { background:#fed28c url('../img/background/content_blockquote.jpg') no-repeat; background-position:0 0; color:#332510; margin:0 10px 10px; width:550px; } #container #content blockquote p { background:url('../img/background/content_blockquote_p.jpg') no-repeat; background-position:bottom left; font-style:italic; margin:0; padding:6px; text-indent:22px; } #container #content dl { } #container #content h1 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 15px; width:570px; } #container #content h1 span { color:#f58025; } #container #content h2 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 15px; width:570px; } #container #content h2 span { color:#f58025; } #container #content h3 { clear:both; color:#00196b; font:300 1.4em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h3 span { color:#ee801b; } #container #content h4 { clear:both; color:#00196b; font:400 1.3em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h4 span { color:#ee801b; } #container #content h5 { clear:both; color:#00196b; font:400 1.1em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h5 span { color:#ee801b; } #container #content h6 { clear:both; color:#00196b; font:400 1em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h6 span { color:#ee801b; } #container #content img { display:block; } #container #content ol { list-style:decimal; margin:0 0 10px 25px; padding:0; } #container #content ol li { margin-bottom: 10px;} #container #content ol li ol { margin:0 0 0 15px; } #container #content p { margin:0 0 10px; padding:0; } #container #content table { border-collapse:collapse; margin:0 0 10px; padding:0; width:570px; } #container #content table tbody { width:570px; } #container #content table tr { } #container #content table tr td { padding:0; } #container #content table tr th { font-weight:bold; padding:5px; } #container #content ul { list-style:disc; margin:0 0 10px 20px; padding:0; } #container #content ul li { margin-bottom: 10px;} #container #content ul li ul { margin:0 0 0 15px; } /************************************************** * Container > Content > Big Graphic * **************************************************/ #container #content .big-graphic { clear:both; color:#fff; font-size:24px; font-variant:small-caps; height:170px; text-align:center; width:570px; } /************************************************** * Container > Content > Boxes * **************************************************/ #container #content .boxes { clear:both; height:202px; padding:15px 0; width:600px; } #container #content .boxes .box { background:url('../img/background/content_boxes_box.jpg') no-repeat; float:left; height:202px; margin:0 30px 0 0; overflow:hidden; position:relative; width:170px; } #container #content .boxes .box.load-testing { background-position:-170px 0; } #container #content .boxes .box.why-use-us { background-position:-340px 0; } /* Overide margin-bottom 10px set in ul li in general content*/ #container #content .boxes ul li { margin-bottom:0;} /************************************************** * Container > Content > Boxes > Action * **************************************************/ #container #content .boxes .box .action { bottom:0; height:50px; left:0; position:absolute; text-align:center; } #container #content .boxes .box .action p { color:#fff; font-size:1.1em; font-weight:bold; height:36px; line-height:36px; margin:0; padding:7px 10px 8px; width:150px; } /************************************************** * Container > Content > Boxes > Content * **************************************************/ #container #content .boxes .box .content { height:200px; line-height:1.3; padding:1px 10px 0; } #container #content .boxes .box .content h3 { color:#333; font-size:1.4em; font-weight:bold; margin:0 0 2px; padding:8px 0 0; white-space:nowrap; text-align:center; } #container #content .boxes .box .content h3 a { border:0; } #container #content .boxes .box .content h3 a:hover { border-bottom:1px solid #333; } #container #content .boxes .box .content p { font-size:1em; line-height:1.5; margin:0; } #container #content .boxes .box .content ul { font-size:1em; line-height:1.5; margin:0 0 0 15px; } #container #content .boxes .box .content ul li { } #container #content .boxes .box .content ul li a { border:0; color:#333; } /************************************************** * Container > Content > Form * **************************************************/ #container #content .form { overflow:hidden; width:570px; } #container #content .form input { font-size:1.1em; margin:0 0 5px; } #container #content .form input.submit { clear:both; display:block; margin:5px 0 10px 308px; } #container #content .form input.text { background:#fff; border:1px solid #ccc; float:right; padding:2px; width:255px; } #container #content .form input.text:focus { background:#ffd; } #container #content .form label { clear:both; float:left; padding:2px 10px 0 0; width:288px; } #container #content .form label em { color:#f00; font-size:.9em; } #container #content .form p { clear:both; margin:0 0 5px; } #container #content .form p.error { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; padding:5px; text-align:center; } #container #content .form p.success { background:#e2f9e3; border-bottom:1px solid #9c9; border-top:1px solid #9c9; clear:both; color:#080; display:block; padding:5px; text-align:center; } #container #content .form span { } #container #content .form span.checkbox { display:block; float:left; padding:5px 0 0 11px; } #container #content .form span.checkbox input { float:left; } #container #content .form select { background:#fff; border:1px solid #ccc; font-size:1.1em; float:right; margin:0 0 5px; padding:2px 2px 2px 0; width:261px; } #container #content .form select:focus { background:#ffd; } #container #content .form select optgroup { font-style:normal; } #container #content .form textarea { background:#fff; border:1px solid #ccc; font:1em Verdana, Arial, sans-serif; float:right; margin:0 0 5px; padding:2px; width:255px; } #container #content .form textarea:focus { background:#ffd; } /************************************************** * Container > Content > Form > Captcha * **************************************************/ #container #content .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 309px; overflow:hidden; padding:2px; width:255px; } #container #content .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Container > Content > Form > Summary * **************************************************/ #container #content .form .summary { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 15px; width:540px; } #container #content .form .summary ul { color:#be0b0b; margin:5px 0 0 15px; padding:0; } /************************************************** * Container > Content > Google Map * **************************************************/ #container #content .google-map { border:1px solid #ccc; margin:0 0 10px; padding:15px 15px 10px; width:538px; } #container #content .google-map p { margin:0; } /************************************************** * Container > Content > News List * **************************************************/ #container #content ul.sf_newsList { list-style:none; margin:0; padding:10px 0 0; } #container #content ul.sf_newsList li h4 a { border:none; color:#00196b; font:300 1.2em Arial, Helvetica, sans-serif; text-decoration:none; } #container #content ul.sf_newsList li { clear:both; margin:0 0 15px; position:relative; } #container #content ul.sf_newsList li h2 { margin:0 0 2px; padding:0; } #container #content ul.sf_newsList li p { padding:2px 0 9px; } #container #content ul.sf_newsList li p.sf_newsAuthor { display:block; height:0; padding:0; visibility:hidden; } #container #content ul.sf_newsList li p.sf_newsDate { color:#666; font-size:.9em; margin:-8px 0 0; padding:0 0 3px; } #container #content ul.sf_newsList li p.sf_postCategory { bottom:0; padding:0; position:absolute; right:0; } #container #content ul.sf_newsList li p.sf_postTags { display:block; height:0; padding:0; visibility:hidden; } #container #content ul.sf_newsList li p.sf_readMore { bottom:0; left:0; padding:0; position:absolute; } #container #content ul.sf_newsList li p.sf_readMore a {border:none; color:#00196b;} #container #content ul.sf_newsList li p.sf_readMore a:hover {text-decoration:underline;} /************************************************** * Container > Content > Pagination * **************************************************/ #container #content ol.sf_pager { list-style:none; margin:0; padding:5px 0 0; } #container #content ol.sf_pager li { float:left; padding:0 5px 0 0; } #container #content ol.sf_pager li a { border:1px solid #d1d1d1; color:#666; display:block; padding:0 5px; } #container #content ol.sf_pager li a:hover { border-color:#666; color:#000; } #container #content ol.sf_pager li a.sf_PagerItem { } #container #content ol.sf_pager li a.sf_PagerSelItem { border-color:#999; color:#000; } /************************************************** * Container > Content > Search Results * **************************************************/ #container #content dl.searchResults { margin:0; padding:0; } #container #content dl.searchResults dd { border-bottom:1px solid #ddd; margin:0 0 10px; padding:0 0 10px; } #container #content dl.searchResults dd em { display:block; } #container #content dl.searchResults dd em a { } #container #content dl.searchResults dt { padding:0 0 2px; } #container #content dl.searchResults dt strong { font-weight:400; } #container #content dl.searchResults dt strong a { padding:0 0 1px; } /************************************************** * Container > Content > Single News Item * **************************************************/ #container #content .sf_singleNews { padding:0 0 24px; position:relative; } #container #content .sf_singleNews a { } #container #content .sf_singleNews a.sf_back { padding:0; position:absolute; right:0; top:-30px; } #container #content .sf_singleNews a.sf_back a:hover { } #container #content .sf_singleNews h2 { } #container #content .sf_singleNews h2.sf_NewsTitle { color:#00196b; font:400 2.2em "Century Gothic", "Avant Garde",sans-serif; margin:0; } #container #content .sf_singleNews p.sf_postComments { float:right; padding:0; } #container #content .sf_singleNews p.sf_postDate { color:#fff; padding:0 0 5px; } #container #content .sf_singleNews p.sf_postBookmark { padding:0; } #container #content .sf_singleNews p.sf_postBookmark a { border:0; float:left; margin:0 5px 0 0; } #container #content .sf_singleNews p.sf_postBookmark a img { display:block; } /************************************************** * Container > Content > Sitemap * **************************************************/ #container #content .sitemap { line-height:1.8; } #container #content .sitemap ul { margin:0 0 10px 15px; } #container #content .sitemap ul li { margin:0 0 10px; } #container #content .sitemap ul li ul { margin:0 0 0 15px; padding:0 0 0 10px; } #container #content .sitemap ul li ul li { margin:0; } /************************************************** * Container > Sidebar * **************************************************/ #container #sidebar { float:right; margin:-37px 0 0; padding:0 0 15px 1px; width:149px; } /************************************************** * Container > Sidebar > Contact Us * **************************************************/ #container #sidebar .contact-us { padding:10px 0 0; } #container #sidebar .contact-us h4 { background:#efb458 url('../img/background/sidebar_contact-us_h4.jpg') no-repeat; color:#fff; font:bold 1.4em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0 0 7px; padding:0 0 0 8px; width:141px; } #container #sidebar .contact-us input { border:1px solid #ccc; font-size:1.1em; margin:0 8px 5px; padding:2px; width:127px; } #container #sidebar .contact-us input:focus { background:#ffd; } #container #sidebar .contact-us input.submit { background:0; border:0; color:#f58025; cursor:pointer; margin:5px 0 0 8px; padding:0; text-align:right; width:135px; } #container #sidebar .contact-us label { color:#004489; display:block; margin:0; padding:0 0 3px 8px; } #container #sidebar .contact-us p { line-height:1.2; padding:0 8px; } #container #sidebar .contact-us select { border:1px solid #ccc; font-size:1.1em; margin:0 8px 5px; padding:2px 2px 2px 0; width:133px;} #container #sidebar .contact-us select:focus { background:#ffd; } /************************************************** * Container > Sidebar > Login * **************************************************/ #container #sidebar .login { padding:10px 0 0; } #container #sidebar .login h4 { background:#004489 url('../img/background/sidebar_login_h4.jpg') no-repeat; color:#fff; display:block; font:bold 1.4em/52px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:141px; } #container #sidebar .login p { line-height:1.3; margin:0; padding:8px 0 6px 8px; } #container #sidebar .login p a { border-bottom:1px dotted #f58025; color:#f58025; text-decoration:none; } #container #sidebar .login p a:hover { border-bottom-style:solid; } #container #sidebar .login p a em { color:#f58025; font-style:normal; } #container #sidebar .login p a img { display:block; margin:0 5px 0 0; float:left; } /************************************************** * Container > Sidebar > Our Details * **************************************************/ #container #sidebar .our-details { padding:21px 0 15px; } #container #sidebar .our-details ul { color:#004489; font:1.6em/1.2 'Century Gothic', 'Avant Garde', sans-serif; list-style:none; margin:0 0 -19px; padding:0 0 8px 8px; } #container #sidebar .our-details ul li { background:0; font-size:.9em; font-weight:bold; padding:0 0 8px; } #container #sidebar .our-details ul li a { background:0; color:#004489; display:inline; font-size:.7em; padding:0; text-decoration:none; } #container #sidebar .our-details ul li em { color:#f58025; display:block; font-style:normal; font-weight:400; } /************************************************** * Container > Sidebar > Search * **************************************************/ #container #sidebar .search { padding:13px 0 0; } #container #sidebar .search input { border:1px solid #ccc; font-size:1.1em; margin:0 8px; padding:2px; width:127px; } #container #sidebar .search input:focus { background:#ffd; } #container #sidebar .search input.submit { background:0; border:0; color:#f58025; cursor:pointer; margin:5px 0 0 8px; padding:0; text-align:right; width:135px; } #container #sidebar .search label { color:#004489; display:block; margin:0; padding:0 0 3px 8px; } /************************************************** * Container > Footer * **************************************************/ #container #footer { background:#fff url('../img/background/footer.jpg') no-repeat; background-position:0 0; clear:both; color:#004489; height:37px; padding:6px 150px 16px 0; width:750px; } #container #footer p { font-size:1em; line-height:1.2; margin:0; padding:10px 0 0 0; text-align:center; } #container #footer p a { border-bottom:1px dotted #004489; color:#004489; text-decoration:none; } #container #footer p a:hover { border-bottom-style:solid; } #container #footer p span { padding:0 0 0 140px; } /************************************************** * Homepage * **************************************************/ #homepage { } #homepage #container { } #homepage #container #header { height:206px; } #homepage #container #sidebar { margin:0; } /************************************************** * Internal * **************************************************/ #internal { } /************************************************** * Internal - No Sidebar * **************************************************/ #internal_no-sidebar { } #internal_no-sidebar #container { } #internal_no-sidebar #container #content { width:720px; } /*.australia #container #header { background-image:url('../img/background/australia_header.jpg'); }*/