﻿@import url(https://fonts.googleapis.com/css?family=PT+Sans);

/* Core */
html { overflow-y:scroll; overflow-x:hidden; }
body { background:url("/_layouts/igroup.Ceredigion.Branding/images/backgrounds/bg-01.png"); background-color: #fff; }
body > form > div[id^="s4"] { width: 960px; margin: 0 auto; }
body #s4-workspace { width:920px; height:auto !important; background: white; overflow-y:hidden; overflow-x:auto; padding:0 20px 10px 20px; }
html.ms-dialog.ms-dialog-nr body { background:none; }

/* Top Area */
#ig-top { width:960px; margin:0 auto; background-color:#fff;  }
.ms-cui-topBar2 { border-bottom:none; }

/* Header Row */
#ig-header-row { float:left; width:900px; background-color:#fff; padding:0 30px; }
#ig-company-logo { float:left; width:231px; height:76px; margin:20px 0 0 0; background:url("/_layouts/igroup.Ceredigion.Branding/images/logos/crest_ceredigion.jpg") no-repeat; }

/* Breadcrumb */
#ig-breadcrumb-container { width:100%; clear:both; padding-left:2px;}
#ig-breadcrumb-container * { font-family:"PT Sans"; font-size:13px !important; }
    #ig-breadcrumb-container a { color:#575757; }
    #ig-breadcrumb-container .root-node { }
    #ig-breadcrumb-container .separator { border:none !important; }
    #ig-breadcrumb-container .title-in-title { }
    #ig-breadcrumb-container .s4-pagedescription { display:none; }

/* Top Links */
#ig-top-links { float:right; padding:10px 0; }
    #ig-top-links ul { list-style:none; margin:0; padding:0; }
        #ig-top-links ul li { float:left; margin:0; padding:0; }
            #ig-top-links ul li a {
                color:#575757; padding:10px;
                font-family:"PT Sans"; font-size:12px; text-decoration:none;
            }

/* Horizontal Navigation Tabs (Custom) */
#ig-horizontal-nav-tabs {
    clear:both; width:100%; height:30px; margin-top:10px;
    background:url("../img/nav-tab-bkg-01.png") no-repeat;
}
#ig-horizontal-nav-tabs ul { list-style:none; margin:0; padding:0; }
    #ig-horizontal-nav-tabs ul li { float:left; margin:0 15px;}
        #ig-horizontal-nav-tabs ul li a {
            display:block; color:#fff; font-size:14px; padding:5px 0px; width:115px; }


/* SP Horizontal Navigation */
#s4-topheader2 .s4-tn { font-family:"PT Sans"; background-color:#3b82b8; }
.s4-toplinks .s4-tn a.menu-item {
    color:#fff; font-size:13px; padding:8px 10px; vertical-align:middle; margin:0;
    border-right:1px solid #75A7CD;
}
.s4-tn li.static > a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#629AC5;
}
.s4-toplinks .s4-tn a.selected {
    background:none;
    background-color:#629AC5;
    border:1px solid transparent;
    border-right:1px solid #75A7CD;
}
.s4-toplinks .s4-tn a.selected:hover { color:#fff; text-decoration:none; background-color:#629AC5; }
body #s4-topheader2 { background:none; border:none; }

/* Ribbon */
body #s4-ribbonrow { background: #fff; clear:both; }
.ms-siteactionsmenu > span > a { color:#000; }
.ms-siteactionsmenuhover { background:none; }
.ms-cui-tt-a { color:#000 !important; }
.ms-cui-tt-a:hover { color:#000 !important; }
.ms-cui-cg-db .ms-cui-cg-t { color:#666; background:none; }
.ms-cui-cg-db .ms-cui-cg-i { border-color:#ccc; }
.ms-cui-cg-i { border-top:1px solid #ccc; }
.ms-cui-cg { border:none; }
.ms-cui-cg-db .ms-cui-ct-first .ms-cui-tt-a { border-left:1px solid #ccc; }
.ms-cui-cg-db .ms-cui-ct-last .ms-cui-tt-a { border-right:1px solid #ccc; }
.ms-cui-cg-db .ms-cui-tt-a:hover { border-color:#ccc; background:none; }
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover { background-image:none; background-color:transparent; border:1px solid #ccc; }
.ms-cui-menu[id ^= "Ribbon."] { position:fixed !important; }
body #s4-ribboncont { background:none; border-bottom:1px solid #eee; }

/* Search Box */
#ig-search-toggle-container {
    background-color:#EFAE2F; position:absolute;
    z-index:9; font-size:11px; right:20px;
}
#ig-search-toggle-container a { display:block; color:#fff; padding:2px 4px; }
    #ig-search-toggle-container a:hover { }
#s4-searcharea {
    float:left; width:900px; margin:5px 0;
    background-color:#eee; padding:10px !important; position:relative;
}
#s4-searcharea input {
    width:380px !important; padding:8px 0 8px 10px;
    background:none; background:url("../img/sb-bkg.png") no-repeat;
    border:none !important;
    font-family:"PT Sans"; font-style:normal; font-size:14px; color:#888;
}
#s4-searcharea .s4-help, #s4-searcharea .s4-app { display:none; }
.s4-search .srch-gosearchimg { }
#s4-searcharea #SRSB .ms-sbgo a {
    display:block; width:100px !important; height:32px;
    background:url("../img/sb-search-btn.png") no-repeat; }
#s4-searcharea #SRSB .ms-sbgo a img { display:none; }

/* Top Menu Links */
.ms-siteactionsmenuhover { background-color:transparent; border:1px solid #ccc; }
.ms-welcomeMenu a:link { color:#000; }
.ms-welcomeMenu.ms-SpLinkButtonActive a:link { color:#000; }
.ms-welcomeMenu.ms-SpLinkButtonActive { background-color:transparent; background-image:none; border:1px solid transparent; }
.s4-trc-container-menu { padding-top: 5px; padding-right:0; }
.s4-trc-container .ms-SPLink { padding-right:0; margin-right:0; }
.s4-trc-container .ms-SPLink a { border:1px solid transparent; padding:4px 10px;}
.s4-trc-container .ms-SPLink a:hover { border:1px solid #ccc; }

/* Content Area */
.s4-ca { margin-left: 269px; }
div.article, div.welcome { padding:5px !important; }

body #s4-leftpanel { width:250px; margin:10px 0 20px 0; background-color:#f4f4f4; }
body #s4-leftpanel-content { border:none; background:none; background-color:transparent; margin:0; padding:0; }
.ms-quickLaunch { padding-top:1px; }
.ms-quicklaunchouter { padding-bottom:1px; }
.ms-quickLaunch ul li { font-family:"PT Sans"; line-height:normal !important; }
.s4-ql { margin:0px; }
    .s4-ql .menu-item { width:230px; padding:10px !important; margin:0px !important; font-size:15px; color:#444; }
	.s4-ql .menu-item.selected {
	    width:250px; border:none; color:#fff !important; font-weight:bold;
	    background:url("/_layouts/igroup.Ceredigion.Branding/images/navigations/ql-selected-bkg.png") no-repeat; }
    .s4-ql ul.root { }
        .s4-ql ul.root > li { }
        .s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited { margin:3px; border:none; color:#444; }
        .s4-ql ul.root > li.selected > .menu-item { background-color:#333; margin:0; }
        .s4-ql ul.root > li.selected > .menu-item span { color:#fff; }
        .s4-ql ul.root > li > .menu-item .menu-item-text { }
        .s4-ql ul.root ul { margin:0; }
            .s4-ql ul.root ul > li { border:none; }
                .s4-ql ul.root ul > li > a { color:#333; }
                .s4-ql ul.root ul > li > a:hover { color:#444; text-decoration:none; }
                .s4-ql ul > li > a:hover, .s4-ql ul.root > li > a:hover,
                .s4-qlheader:hover { background-color:#ddd; text-decoration:none; }

.s4-recentchanges { padding-bottom:0px; border-bottom:none; }
.s4-specialNavLinkList { border-top:none; }
.s4-specialNavLinkList li { display:none; }
.s4-specialNavLinkList a { }
    .s4-specialNavLinkList a:hover > span.ms-splinkbutton-text { color:#0b7bc0; }
table.ms-navSubMenu2 { }
.ms-ql-additionaltopsection { border-bottom:1px solid transparent !important; }

/* Footer */
#ig-footer { width:960px; height:357px; margin:0 auto; background: url("../img/map-ceredigion.png") no-repeat 432px -65px #5A5A59; }
#ig-footer-links { width:960px; margin:0 auto; font-family:"PT Sans", Helvetica, sans-serif; padding-top:10px; }
#ig-footer-links .section-box { float:left; width:160px; height:180px; padding:0 0 0 20px; }
#ig-footer-links .section-box ul { padding:0; padding-left:5px;  }
#ig-footer-links .section-box ul li { list-style:none; line-height:1.7em; }
#ig-footer-links .section-box ul li a { display:block; font-size:13px; color:#fff; }
#ig-footer-links .section-box ul li a:hover { color:#000; text-decoration:underline; }
#ig-footer-links .section-title { font-size:18px; color:#222; }

#ig-footer-links .social-links { float:left; width: 400px; }
#ig-footer-links .social-links ul { padding:0; float:right; }
#ig-footer-links .social-links ul li { list-style:none; line-height:35px; float:left; }
#ig-footer-links .social-links ul li a { display:block; width:48px; height:48px; margin-right:5px; }
#ig-footer-links #fb-link { background:url("../img/social-icons-fb.png") no-repeat; }
#ig-footer-links #tw-link { background:url("../img/social-icons-tw.png") no-repeat; }
#ig-footer-links #rss-link { background:url("../img/social-icons-rss.png") no-repeat; }
#ig-footer .social-links-title { float:right; clear:both; color:#fff; font-size:20px; padding:0 0 10px 0; }
#ig-footer .ig-company-address { float:right; clear:both; color:#fff; font-size:13px; text-align:right; padding:5px 0 0 0; }

#ig-footer .ig-footer-bottom { clear:both; padding:30px; }
#ig-footer-logo {
    float:left; width:150px; height:48px;
    background:url("../img/cresent_b_w.png") no-repeat; color:#fff;
    padding:10px 0 10px 48px; font-family:"PT Sans"; font-size:25px;
}
#ig-footer-notice { width:600px; padding:10px 0; color:#fff; font-size:13px; }

/* A-Z Services */
#a-z-container { font-family:Helvetica, Arial, sans-serif; background-color:#3b82b8; padding:15px; font-size:14px; }
#a-z-container .label { float:left; width:120px; color:#fff; text-align:center; }
#a-z-container .letters { text-transform:uppercase; }
#a-z-container .letters a { color:#fff; padding:0 9px; }
#a-z-container .letters a:hover { text-decoration:underline; }

/* Dynamic Containers */
#ig-dynamic-container { }
#ig-dynamic-container #ig-sp-ribbon { display:none; width:100%; position:fixed; top:0; left:0; }
#ig-wp-menu { display:none; width:auto; height:630px; display:block; position:fixed; right:0; top:135px; overflow-y:scroll; overflow-x:hidden; z-index:9999; }
#MSOTlPn_Tbl{ width:300px !important; border:1px solid gray; }

/* Web Part Skins */
.s4-wpTopTable .ms-wpContentDivSpace { border-left:1px solid #aaaaab; border-top:1px solid #aaaaab; margin:0 !important; padding:0 10px; }
/* Main Web Part Title */
.ms-WPHeaderTd { height:35px; background-repeat:repeat-x; }
.ms-WPHeader td { background:url('/_layouts/igroup.Ceredigion.Branding/images/webparts/web_part_bg_body.png') repeat-x; border-bottom:none !important; padding:0 2px; }
.ms-WPHeaderTdMenu { border: none !important; }
.ms-WPHeaderTdMenu:hover { background-color: #CCC; }
.ms-WPHeader td:first-child.ms-wpTdSpace{ background-position: top left; }
.ms-WPHeader td.ms-wpTdSpace{ background-image:url('/_layouts/igroup.Ceredigion.Branding/images/webparts/web_part_bg_corner.png'); background-position:top right; }
.ms-WPTitle, .ms-WPTitle a { color:#fff; font-family:"PT Sans"; font-size:14px; font-weight:bold; }
.ms-WPBorder, .ms-WPBorderOnly { border:none; background:url("/_layouts/igroup.Ceredigion.Branding/images/webparts/ig-wp-rh-border.png") repeat-y; background-position:right; }
.ms-WPBorder.has-footer { border-bottom:none !important; }
.ms-WPFooter-container{ width:100%; border-collapse:collapse; }
.ms-WPFooter-container td{ height:15px; }
.ms-WPFooter-container td.left-corner, .ms-WPFooter-container td.right-corner{ width:5px; }
.ms-WPFooter-container td.left-corner{ background:url('/_layouts/igroup.Ceredigion.Branding/images/webparts/web_part_bg_corner_bottom_left.png') no-repeat; background-position: top left; }
.ms-WPFooter-container td.right-corner{ background:url('/_layouts/igroup.Ceredigion.Branding/images/webparts/web_part_bg_corner_bottom_right.png') no-repeat; background-position: top right; }
.ms-WPFooter-container td.center{ background:url('/_layouts/igroup.Ceredigion.Branding/images/webparts/web_part_bg_corner_bottom.png') repeat-x; }

/* Dialog Boxes */
.ms-dlgOverlay { background-color: #333; }
.ms-dlgContent { border: 0; }
.ms-dlgBorder { border: 1px solid #333; }
.ms-dlgTitle { background-color: #0b7bc0; }
.ms-dlgTitleText { display: block; font-weight: bold; font-size: 13px; padding: 7px; }

/* Text/Font/RTE Elements */
body { color:#353535; font-family:"PT Sans"!important; font-size:12px; }
h1, h1.ms-rteElement-H1, h2, h2.ms-rteElement-H2,
h3, h3.ms-rteElement-H3, h4, h4.ms-rteElement-H4 {
    font-family:"PT Sans"; color:#616D7A; font-style:normal; font-weight:normal;
}
h1, h1.ms-rteElement-H1 { font-size:20pt; }
h2, h2.ms-rteElement-H2 { font-size:18pt; }
h3, h3.ms-rteElement-H3 { font-size:18pt; }
h4, h4.ms-rteElement-H4 { font-size:16pt; }
h1.ms-rteElement-H1B, h2.ms-rteElement-H2B,
h3.ms-rteElement-H3B, h4.ms-rteElement-H4B {
    font-family:"PT Sans"; font-style:normal; font-weight:normal;
}
h1.ms-rteElement-H1B { font-size:20pt; color:#026cb6; }
h2.ms-rteElement-H2B { font-size:18pt; color:#026cb6; }
h3.ms-rteElement-H3B { font-size:18pt; color:#026cb6; }
h4.ms-rteElement-H4B { font-size:16pt; color:#026cb6; }
hr, hr.ms-rteElement-Hr { height:1px; background-color:#a1a1a4; color:#a1a1a4; border:none; }
.ms-rtestate-write p, .ms-rtestate-read p, p { margin:0px !important; padding:0px !important; }
