/* import print specific styles. This format of importing ensures IE4 does not get them. IE4 does horrible things with a block @media */ @import url('qsaprint.css'); /* import DEFAULT pages css */ @import url('qsatheme2.css'); /*----------------------------------------------------------------- VERSION 2.02 CUE CUSTOM CSS FOR ICT SHAREPOINT SITE 1. HEADER CSS 1.1 HEADER CUE CSS SETTINGS 2. PRIMARY NAVIGATION CSS 2.1 PRIMARY NAVIGATION DROP DOWN BOXES 3. SECONDARY NAVIGATION CSS 3.1 CUE NAV2 DIV CSS 4. CONTENT CSS 4.1 WEBPART CSS - overrides core.css 4.2 CONTENT HEADING CSS 4.3 DIV FONT SIZES 4.4 LINKS NAV LINK CSS 4.5 BREADCRUMB LINK CSS 4.6 CONTENT LINK CSS 4.7 PRIMARY NAV LINK CSS 5. FOOTER CSS 6. FEEDBACK FORM CSS 7. ONLINE QUIZ CSS -------------------------------------------------------------------*/ /* fix scrolling on list pages */ #s4-bodyContainer { position: relative; } /* popout breadcrumb menu needs background color for firefox */ .s4-breadcrumb-menu { background:#F2F2F2; } /* body area normally has a white background */ .s4-ca { background:transparent none repeat scroll 0 0; /* margin-left:155px; */ } /* if you want to change the left nav width, change this and the margin-left in .s4-ca */ body #s4-leftpanel { /* width:155px; */ } body #s4-workspace { overflow: visible !important; } body #s4-ribbonrow { z-index: 1000; } /*position: fixed;*/ body { margin: 0; padding: 0; font-family: verdana, arial, helvetica; height:100%; width:100%; font-size: 10pt; color: #000000; } .welcome-content { color: #000000; background-image:url('/Style Library/quiz_images/bg_slider.jpg'); background-repeat:repeat-x; } p { font-size: 10pt; } .srch-stats { BACKGROUND-COLOR: #ffffff !important } /*remove background pink on search results page*/ .srch-Page { BACKGROUND-COLOR: #ffffff !important } /*------------------------------------------------------------------- 1. HEADER CSS -------------------------------------------------------------------*/ /*This css changes the sharepoint authenication menu bar next to site actions*/ .ms-globallinks { font-size:8pt; background-color: #005a84; font-family:verdana; position: relative; color: #ffffff;} /*CSS for top of page background inside a Table cell*/ .ms-globalbreadcrumb { BACKGROUND-COLOR: #005a84; } /*This css controls the sharepoint search box */ .ms-rightbodysectionsearchbox { width: 0; padding: 0px; margin: 0px; } .ms-sbLastcell { width: 0; padding: 0px; margin: 0px; } .ms-sbcell { border:none 0 !important; } .ms-sbplain { width:11em !important; border:solid 1px #005a84 !important; margin-right:0.2em; }/* Search go button background */ SELECT.ms-sbscopes { FONT-SIZE: 8pt; WIDTH: 150px; FONT-FAMILY: verdana; color: #ffffff; } TD.ms-sbgo { pADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent; } .ms-sbtext { FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial, helvetica; font-weight: normal; color: #ffffff; } .s4-search .srch-gosearchimg { font-size: 10pt; font-style: normal; height:19px; padding:1px 3px 2px; border-right:none !important; border-left:none !important; border-top:none !important; border-bottom:none !important; margin-top:3px; } /*Header image background settings*/ .ms-globalTitleArea { background: #005A84; width: 100%; /*NEED THIS STYLE TO STOP BACKGROUND IMAGE DISAPPEARING IN IE7*/ height: 1%; /*NEED THIS STYLE TO STOP BACKGROUND IMAGE DISAPPEARING IN IE7*/ height: 95px; margin: 0px 0px 0px 0px; border: 0px 0px 0px 0px; } .ms-titleimagearea { display: none; width: 100%; /*NEED THIS STYLE TO STOP BACKGROUND IMAGE DISAPPEARING IN IE7*/ height: 1%; /*NEED THIS STYLE TO STOP BACKGROUND IMAGE DISAPPEARING IN IE7*/ height: 110px; margin: 0px 0px 0px 0px; border: 0px 0px 0px 0px; } /*------------------------------------------------------------------- 1.1 HEADER CUE CSS SETTINGS -------------------------------------------------------------------*/ /* hide accessibility links from visual browsers */ #access { position: absolute; left: -999px; width: 990px; } #browser { display:none; speak:none; } #browserSupport { display:none; speak:none; } #header { margin: 0px; padding: 0px; clear: both; } #header form div { background: transparent; border: none; display: inline; margin: 0; padding: 0; } #header form { background: transparent; border: none; display: inline; margin: 0; padding: 0; } #qglogo { float: left; top:0 !IMPORTANT; left:0 !IMPORTANT; margin: 2px 0px 0px 10px; padding: 0px 5px 0px 0px; width: 200px; height: 50px; } #qglogo a img { border-width:0px; } #tools { margin: 10px 10px 5px 50px; padding: 0px; text-align: right; width: 30em; float: right; color: #ffffff; background-color: #005a84;} #links { float: left; background-color: #005a84; color: #ffffff; font-size: 8pt; padding: 5px; } #search { padding: 0px; margin: -2px 5px 0px 0px; float: right; } #siteActionMenu { float:right; } #sharepointLogin { float:right; display:inline; } #editConsole { clear:both; } #editConsole * { font-size:11px; } #agency { clear: both; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 0px; } #agency a img { border-width:0px; } #agency h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; height: 16px; } #banner { background-color: transparent; clear: both; height: 39px; display: none; } #s4-ribbonrow { clear: both; background: transparent; } /*------------------------------------------------------------------ 2. PRIMARY NAVIGATION CSS -------------------------------------------------------------------*/ .ms-bannerContainer { clear: both; background-color: #c1cd23; border-bottom: 1px solid #1e3058; background-image:none; border:0px none !important; height: 25px; } .topnav { border:none; border-bottom:none; background-image:none; font-family: verdana, arial, helvetica; font-size:10pt; background-color:transparent; color:#005a84; height: 25px; padding-top: 0px; } .topnav a { white-space:nowrap; color:#005a84 !important; font-size:10pt !important; background-image:none !important; } .topNavItem { background-image:url('../qsa_images/bl_Navbar_Splitter.jpg'); background-repeat:no-repeat; background-position:center right; font-family: verdana, arial, helvetica; font-size: 10pt; font-weight: bold; } .topNavItem a { display:block; padding: 0px 5px 0px 5px; height:25px; } .topNavSelected { background-image:url('../qsa_images/bl_Navbar_Splitter.jpg'); background-repeat:no-repeat; background-position:center right; font-family: verdana, arial, helvetica; font-size: 10pt; font-weight: bold; } /*{ font-weight:bold; border:none; background-color:#c1cd23; color:#005a84; }*/ .topnavselected a { display:block; background-image: none !important; }/*{ color:#ffffff !important; }*/ .topnavContainer { border:none; border-left:0px none; background-color: #c1cd23; height:1%; } .topNavContainer div { background-color:transparent !important; border:0px solid #ff0000 !important; padding:0px !important; height: 25px; } .topNavHover { background-color:#005a84; color:#ffffff; } .topNavHover a { color:#ffffff !important; background-image:none !important; background-color:transparent; } .topnav img { position:relative; left:-6px; } /*------------------------------------------------------------------- 2.1 PRIMARY NAVIGATION DROP DOWN BOXES -------------------------------------------------------------------*/ .topNavFlyOutsContainer { border:solid 1px #c1cd23; } .topNavFlyOuts { background-color:#c1cd23; background-repeat:repeat; font-family: verdana, arial, helvetica; font-size:10pt; font-weight: bold; color: #005a84; margin-top: 0px;} .topNavFlyOuts a:link { background: #c1cd23; color: #005a84; text-decoration: none; } .topNavFlyOuts a:visited { background: #c1cd23; color: #005a84; text-decoration: none; } .topNavFlyOuts a:hover { background: #005a84; color: #ffffff; text-decoration: none; } .topNavFlyOuts a:active { background: #c1cd23; color: #005a84; text-decoration: none; } .topNavFlyOuts a { display:block; *width:120px; min-width:120px; color:#000000; padding:4px 8px 4px 8px; } .ms-topNavFlyOuts a { display:block; *width:120px; min-width:120px; color:#000000; padding:4px 8px 4px 8px; } .ms-topNavFlyOuts a:visited { display:block; *width:120px; min-width:120px; color:#000000; padding:4px 8px 4px 8px; } .ms-topNavFlyOuts a:hover { display:block; *width:120px; min-width:120px; color:#000000; padding:4px 8px 4px 8px; background-color: #005a84; } .topNavFlyOutsItem { background-color: #c1cd23; border-bottom: 1px #005a84 solid; color: #005a84; } /* Can control borders etc. for each sub menu item */ .topNavFlyOutsHover { font-size:10pt; background-color: #005a84; width: 100%; } .ms-nav .ms-SPZoneLabel { font-size:10pt; } .ms-nav td { font-size:10pt; } .ms-nav th { color:#000000; } /*------------------------------------------------------------------- 3. SECONDARY NAVIGATION CSS -------------------------------------------------------------------*/ .leftNavTreeview1 { font-family: verdana, arial, helvetica; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform:none; text-decoration:none; list-style-type:none; } .leftNavTreeview1 a { background-color:transparent; color:#463c32; text-decoration:none; } .leftNavTreeview1 a.selected { background-color:transparent; color:#463c32; font-weight: bold; } .leftNavTreeview1 a:visited { background-color:transparent; color:#463c32; } .leftNavTreeview1 a:hover { background-color:transparent; color:#463c32; text-decoration:underline; } /*------------------------------------------------------------------- 3.1 CUE NAV2 DIV CSS -------------------------------------------------------------------*/ div#nav2 { float: left; margin:0px 0px 0px 0px; padding: 5px 5px 5px 5px; font-size: 80%; width: 15%; } body #s4-leftpanel { /* width:155px; */ } /* if you want to change the left nav width, change this and the margin-left in .s4-ca */ #nav2 {} #nav2 h2 { color: #000; font-size: 115%; margin: 0 0 .5em 0; } div#nav2home { clear: both; float:left; width: 20%; margin: 5px 5px 5px 5px; } /*div#nav2home { clear: both; float:left; width: 31%; margin: 5px 5px 5px 30px; }*/ */ /*NAV2 heading control*/ div#nav2head { font-size: 12pt; font-weight: bold; font-family: verdana, arial, helvetica; color: #005a84; padding: 3px;} .body-wrapper { padding-top: 5px; position: relative; } /*------------------------------------------------------------------- 4. CONTENT CSS -------------------------------------------------------------------*/ div#content { float: left; width: 50%; padding: 5px 5px 5px 5px; } div#content2 { float: left; width: 70%; padding: 5px 5px 5px 5px; } div#leftcontent { clear: both; float: left; width: 20%; margin: 5px 5px 5px 30px; } div#contenthomeslider { float: left; width: 50%; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; } div#contenthome { float: left; width: 31%; margin: 5px 5px 5px 5px; } div#feature { float: left; width: 20%; margin: 5px 5px 5px 20px; padding : 5px 5px 5px 20px; } div#feature img { width: 100%;} div#featurehome { float: right; width: 20%; margin : 5px 5px 5px 0px; padding : 5px 5px 5px 0px; background-color: #ffffff; } /* div#content { float: left; width: 50%; padding: 5px 5px 5px 5px; } div#content2 { float: left; width: 70%; padding: 5px 5px 5px 5px; } div#contenthomeslider { float: left; width: 70%; padding: 5px 5px 5px 5px; MARGIN: 5px 5px 5px 25px;} div#contenthome { float: left; width: 31%; margin: 5px 5px 5px 5px; } div#feature { float: right; width: 20%; margin: 5px 5px 5px 5px; padding : 5px 5px 5px 5px; } div#featurehome { float: left; width: 31%; margin: 5px 5px 5px 5px; background-color: #ffffff; } div#leftcontent { clear: both; float: left; width: 20%; margin: 5px 5px 5px 30px; }*/ /*------------------------------------------------------------------- 4.1 WEBPART CSS - overrides core.css -------------------------------------------------------------------*/ .level-bullet { background-image: url('../qsa_images/lstbullet.gif');background-position:left top; padding-left: 20px; } .level-item A { font-family: verdana, arial, helvetica; font-size: 10pt; } .level-item A { font-family: verdana, arial, helvetica; font-size: 10pt; } .ms-WPTitle { font-weight:bold; color:#11155e; padding-left:3px; padding-right:7px; padding-top:2px; padding-bottom:2px; font-size:11pt; } .ms-WPHeader td:first-child { background-color: #ffffff; margin: 0; padding: 0; height: 31px; border-bottom:1px solid #757561; border-collapse:collapse; } .ms-WPHeader TD h3 { background-color: #ffffff; margin-left: -7px; padding: 7px 7px 0px 5px; height: 24px; font-size: 11pt; color: #00447c; } .ms-WPHeader TD h3 a:visited { color: #11155e; } .ms-WPHeader TD h3 a:link { color: #11155e; } .ms-WPTitle A:visited { color:#11155e; text-decoration:none; cursor:pointer; } .ms-WPTitle A:link { color:#11155e; text-decoration:none; cursor:pointer; } .ms-WPTitle A:hover { color:#11155e; text-decoration:underline; cursor:pointer; } .ms-WPBody li { padding-left: -18px;} .ms-WPBody { font-family: verdana, arial, helvetica; font-size: 10pt; color: #000000; } .ms-WPBody A:link { COLOR: #11155e; text-decoration: none; font-size: 10pt; font-family: verdana, arial, helvetica;} .ms-WPBody A:hover { COLOR: #11155e; text-decoration: underline; font-size: 10pt; font-family: verdana, arial, helvetica;} .ms-WPBody A:visited { COLOR: #11155e; text-decoration: none; font-size: 10pt; font-family: verdana, arial, helvetica;} .ms-WPBody h3 { font-family: verdana, arial, helvetica; color: #333333; } .bullet { BACKGROUND-IMAGE: url('../qsa_images/lstbullet.gif'); PADDING-LEFT: 10px; margin-left: 0px; padding-right: 0px; BACKGROUND-REPEAT: no-repeat; background-position: left 30%; VERTICAL-ALIGN: top; font-family: verdana, arial, helvetica; font-size: 10pt; } .ms-rteTable-6 TH.ms-rteTableHeaderEvenCol-6 { BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #005a84; COLOR: #ffffff; BORDER-TOP: #000000 2px solid; } .ms-rteTable-6 TH.ms-rteTableHeaderOddCol-6 { BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #005a84; COLOR: #ffffff; BORDER-TOP: #000000 2px solid; } /*------------------------------------------------------------------- 4.2 CONTENT HEADING CSS -------------------------------------------------------------------*/ #contenthome h1, #content2 h1, #content h1, .ms-rteElement-H1 { font-size: 18pt; font-weight: bold; font-family: verdana, arial, helvetica; color: #005a84; margin-left:-3px; padding-left: -3px; } #contenthome h2, #content2 h2, #content h2 { font-size: 14pt; font-weight: bold; font-family: verdana, arial, helvetica; color: #005a84; } #contenthome h3, #content2 h3, #content h3 { font-size: 11pt; font-weight: bold; font-family: verdana, arial, helvetica; color: #005a84; } #contenthome h4, #content2 h4, #content h4 { font-size: 10pt; font-weight: bold; font-family: verdana, arial, helvetica; color: #005a84; font-style: normal; } /*------------------------------------------------------------------- 4.3 DIV FONT SIZES -------------------------------------------------------------------*/ #content, #content2, #contenthome { font-size: 10pt; } #nav2home, #featurehome { font-size: 10pt; } #feature { font-size: 10pt; } .datemodified { color: #666666; font-size: 8pt; padding-bottom: 10px; } .ccsymbol { float: right; } /*------------------------------------------------------------------- 4.4 LINKS NAV LINK CSS -------------------------------------------------------------------*/ #links a:link { font-weight: bold; color: #FFFFFF; text-decoration: none} #links a:visited { font-weight: bold; color: #FFFFFF; text-decoration: none} #links a:hover { font-weight: bold; color: #ffffff; text-decoration: underline} #links a:active { font-weight: bold; color: #FFFFFF; text-decoration: none} /*------------------------------------------------------------------- 4.5 BREADCRUMB LINK CSS -------------------------------------------------------------------*/ .ms-pagebreadcrumb { padding:2px 3px 3px 11px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; } .ms-pagebreadcrumb a { font-size:8pt; background-color:transparent; color:#666666; text-decoration:none; } .ms-pagebreadcrumb { font-size:8pt; background-color:transparent; color:#666666; text-decoration:none; } /*------------------------------------------------------------------- 4.6 CONTENT LINK CSS -------------------------------------------------------------------*/ #content a:hover { text-decoration:underline !important; color: #990000; font-family: verdana, arial, helvetica; font-size: 10pt; } #content a:link { text-decoration:underline !important; color: #000066; font-family: verdana, arial, helvetica; font-size: 10pt; } #content a:visited { text-decoration:underline !important; color: #660066; font-family: verdana, arial, helvetica; font-size: 10pt; } #content2 a:hover { text-decoration:underline !important; color: #990000; font-family: verdana, arial, helvetica; font-size: 10pt; } #content2 a:link { text-decoration:underline !important; color: #000066; font-family: verdana, arial, helvetica; font-size: 10pt; } #content2 a:visited { text-decoration:underline !important; color: #660066; font-family: verdana, arial, helvetica; font-size: 10pt; } /*------------------------------------------------------------------- 4.7 PRIMARY NAV LINK CSS*/ -------------------------------------------------------------------*/ .primlinks { color: #ffffff; text-decoration:none; } .primlinks a:link { color: #ffffff; text-decoration:none;} .primlinks a:visited { color: #ffffff; text-decoration:none; } .primlinks a:hover { color: #ffffff; text-decoration:underline; } .primlinks a:active { color: #ffffff; text-decoration:none; } /* correct IE 5.5 font size in tables */ table { font-size: 10pt; } /*Changes font size of lists pages*/ .ms-formtable .ms-formbodysurvey { line-height:1.3em; font-size: 10pt; } .ms-formtable .ms-formbody { line-height:1.3em; font-size: 10pt; } /*Changes font size of list column titles*/ .ms-formlabel { font-size: 10pt; } /*------------------------------------------------------------------- 5. FOOTER CSS -------------------------------------------------------------------*/ div#footer { clear: both; text-align: center; padding: 0 1% 0 1%; border-top: 1px solid #11175e; background-color: #005a84; } #footer p { margin: 0px; padding: 2px; color: #ffffff; } #footer img { border-width:0px; } div#footer p a:link { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; } div#footer p a:visited { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; } div#footer p a:hover { font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: underline; } div#footer p a:active { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; } /*------------------------------------------------------------------- 6. FEEDBACK FORM CSS -------------------------------------------------------------------*/ .testCSS { background-color:#ffffff; text-align: left; font-weight: bold; } .testCSS H1 { background-color:#ffffff; text-align: left; } .testCSS TR { text-align:right; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .testCSS TD { text-align:left; padding-top: 10px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .ErrorCustomFomStyle { color: red; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .MultilineBoxCss { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; } .CSSRelative { position:relative; left:0px; top:-130px; } .CSSAbsolute { position:absolute; left:0px; top: 0px; } .CSSPosition { position:relative; left:100px; top:0px; } /*------------------------------------------------------------------- 7. ONLINE QUIZ CSS -------------------------------------------------------------------*/ div#article { color: #000000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; margin-bottom: 100px; margin-top: 20px;} .article-content { MARGIN: 5px 0px 0px; COLOR: #000000; } .OnlineQuiz { color: #000000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .QuizQuestion { color: #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; } .QuizButton { color: #000000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; } .QuizLabel { color: #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; } .QuizText { margin-bottom: 10px; } div#QuizStatement { border: 1px solid #000000; font-weight: bold; font-size: 12pt; margin-left: 150px; margin-right: 150px; padding: 20px; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; color: #000000; } .QuizPassed { color:purple;} .QuizFailed {} #onlinequizrow { }