/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0 auto;}
body { margin:0 auto!important; font-size: 12px; line-height: 1.5; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #0078a1; color: #fff; text-shadow: none; }
::selection { background: #0078a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #034896; text-decoration: none; }
a:hover {font-weight:bold!important;}
.folder { cursor:pointer; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px;}
ul li {padding-bottom: 3px;}
/*ul {list-style-image:url(../images/bullet.png);}*/
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* IE6 Hover Fix
body { behavior: url("../js/libs/csshover3.htc"); }
*/
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; font-size:12px; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: Michael Baird
========================================================================== */
/* Container Style */
/* Content Style */
h1 { color: #034896; padding: 8px 0; margin: 0; font-size: 1.2em; }
h1.quiz {color:#333; font-size:1.2em; padding-top: 10px; padding-left:2px;}
h2 { color: #034896; padding: 8px 0; margin: 0; font-size: 1.0em; }
h3 { color: #034896; }
ul { }
li {}
p { margin: 0px 0; padding: 4px 0px; }
p.prompt{color:#034896; font-style:italic;}
p.instruction{font-style:italic; color:#333; font-weight:bold;}
p.welldone{font-style:italic; color:#333; font-weight:bold;}
.bluit{color:#034896; font-style:italic;}
/* Feedback Bar */
.feedback { padding: 1px 10px; border:1px solid #FFF; opacity: 0; }
.feedback.error { background-color:#ffe3e3; border:1px solid #dd0000; color:#dd0000; }
.feedback.ok { background-color:#dfffdf; color:#99b199; border:1px solid #9fcf9f; }
.feedback p { margin: 4px 0; height: 18px; }
/* Quiz Type */
.quizbuttons { height: 50px; margin-top: 15px; }
.quizbuttons a { padding: 3px 30px; }
.dropzones { margin: 0 auto; margin-top: 30px; width: 772px; }
.ie6 .dropzones { width: 802px; } /* 692 + 30 for ie6 */
.quizdrop { width: 320px; float: left; padding: 2px; margin: 0 30px; }
.dropcontent { padding: 10px; }
.droptitle { padding: 3px 10px; }
/* Tabs */
.tabs {height:300px;}
.tabs.small {height: 100px;}
.tabs.tall {height: 450px;}
/* Full page */
.fullPage {width:876px;}
.barchart {margin:0 -10px}
/* Icons */
.icons {float:right; width:110px; margin:0;}
.icons img {width:33px; height:33px;}
/* Read Transcript */
a.transcript { background:url(../images/buttons/readtranscript.png) no-repeat; background-position: 0px 0px; width:123px; height:30px; cursor:pointer; display:block; text-indent:-9999px;float:right; margin-top:5px;}
a.transcript:hover { background:url(../images/buttons/readtranscript.png) no-repeat; background-position: 0px -30px; width:123px; height:30px; cursor:pointer; display:block; text-indent:-9999px;}
a.transcript2{background:url(../images/buttons/readtranscript.png) no-repeat; background-position: 0px 0px; width:123px; height:30px; cursor:pointer; display:block; text-indent:-9999px;float:right; position:absolute; bottom:30px; right:250px;}
/* Content elements */
.italic {font-style:italic;}
.left { float:left; }
.right { float:right; }
.clr { clear:both; }
.wrapper { width:960px; height:716px; background:url(../images/bg.jpg) no-repeat; margin:0 auto; border:1px solid transparent; padding-left:1px; padding-top: 2px;}
.carn_header { background:url(../images/header.jpg) no-repeat; width: 867px; height:165px; margin:37px auto; }
.carn_breadcrumb { background:url(../images/breadcrubs_strip.jpg) repeat-x; width:867px; height: 33px; margin:-29px auto; }
#breadcrumb { font-family:verdana; color: #666; padding:10px 0 0 10px; width:86%; position:relative; top:130px; left:17px; }
#access { padding:5px 0 0 10px; width:10%; position:relative; top:104px; left:720px; }
#access a { color: #222222; font-family: sans-serif; font-weight:normal; padding:5px 0 0 5px; width:10%; }
#mainFrame { background-color:#f4f4fa; margin:-5px auto; width:867px; height: 430px; overflow: hidden;}
.carn_bottom { width:867px; height:40px; margin: -18px auto; background-color:#d6d6d6; position: relative; }
.modulename { font-size:15px; color:#555; text-align:right; margin-right:25px; margin-top:25px;}
#menu { background:url(../images/btns.jpg) no-repeat; background-position: -0px -0px; width:85px; height:27px; cursor:pointer; position:relative; top:6px; left:20px; }
#menu:hover { background:url(../images/btns.jpg) no-repeat; background-position: -0px -27px; width:85px; height:27px; }
#progress { background:url(../images/prog-mid.jpg) no-repeat; width: 173px; height:27px; position:relative; top:6px; left:40px;}
#actual_progress { width:170px; height:26px; }
#actual_percent { background: url("../images/prog-back.jpg") no-repeat scroll 0 0 transparent; height: 27px;left: 49px; padding: 0 2px 0 10px; position: relative; top: -26px;width: 40px; }
#actualper { color:#fff; font-size:14px; font-weight:bold; margin-top:3px;}
#carn_next { background:url(../images/btns.jpg) no-repeat; background-position: -85px -0px; width:85px; height:27px; cursor:pointer;float:right; }
#carn_next:hover { background:url(../images/btns.jpg) no-repeat; background-position: -85px -27px; width:85px; height:27px; cursor:pointer; }
#carn_back { background:url(../images/btns.jpg) no-repeat; background-position: -173px -0px; width:85px; height:27px; cursor:pointer; float:left; margin-left:15px;}
#carn_back:hover { background:url(../images/btns.jpg) no-repeat; background-position: -173px -27px; width:85px; height:27px; cursor:pointer; }
.next_back_buttons { width:200px; position:relative; top:6px; right:13px }
#carn_exit { font-weight:normal; position:relative; left:815px; top:84px; color:#666; }
/*Intro Page*/
.contentLeftIntro {width: 322px; height:430px; float: left; padding: 15px; }
.contentRightIntro {width: 350px; height:430px; float: right; padding-right: 28px; }
.textLeftVid {width: 440px; height: 430px; float:left; padding-top: 25px; padding-left:24px;}
#mainContentArea { width:869px; height: 430px; background-color:#F5F4FA; }
/*Full width text area*/
.contentFullWidth { width:849; height: 430px; padding-left:15px; padding-top:25px;}
.contentFullFlash { width:869; height: 430px;}
/*Pages with full height images on right*/
.contentLeft {width: 558px; height:368px; float: left; padding-left: 24px; padding-top:25px; }
.contentLeftNarrow {width: 468px; height:368px; float: left; padding: 15px; }
.imageRight {width: 267px; height: 430px; float:right;}
.quoteRight {width: 267px; height: 430px; float:right; background-image:url(../images/fullheightimgs/group_discussion.jpg); /* For IE8 and earlier */}
.imgCaption {position:absolute; bottom:0px; width:261px; z-index:10; height:auto; padding:5px;}
.extratext {position:absolute; top:15px; width:261px; z-index:10; height:auto; padding:5px;}
.imgCaption p {font-style:italic; padding:0px; color:#FFF;}
.contentLeft p {margin:0px;}
.contentSplit {padding-right:15px; padding-left:24px; padding-top:25px; width:430px; float:left;}
.contentSplitRight {width:300px; height:430px; float:left;}
.btns:hover {opacity:0.8; filter:alpha(opacity=80); }
/*No padding on table text etc*/
/*Summary Page*/
.summary_points li {list-style-image:url(../images/tick.png); padding: 6px 6px;}
/*Quotes*/
blockquote {
font-family: arial;
line-height: 18px;
width: 226px; /* required */
margin: 0 auto;
font-size:14px;
color: #fff;
font-weight:bold;
background:#333;
opacity: 0.7;
filter:alpha(opacity=70);
padding: 10px;
}
/*
| The #quote_wrap div is created
| by Quovolver to wrap the quotes
*/
#quote_wrap {
background:url(../images/quote-mark.png
) no-repeat 20px 20px;
margin: 0px 0; padding: 70px 20px; height:430px!important;
}
.nopadding p {padding: 0px;}
/*Head Icons*/
.no_outline {border:none; outline:none;}
.blackhead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: 0px 0px; width:80px; height:80px; cursor:pointer;}
.blackhead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: 0px -80px; width:80px; height:80px; cursor:pointer;}
.bluehead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -80px 0px; width:80px; height:80px; cursor:pointer;}
.bluehead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -80px -80px; width:80px; height:80px; cursor:pointer;}
.greenhead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -160px 0px; width:80px; height:80px; cursor:pointer;}
.greenhead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -160px -80px; width:80px; height:80px; cursor:pointer;}
.orangehead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -240px 0px; width:80px; height:80px; cursor:pointer;}
.orangehead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -240px -80px; width:80px; height:80px; cursor:pointer;}
.pinkhead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -320px 0px; width:80px; height:80px; cursor:pointer;}
.pinkhead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -320px -80px; width:80px; height:80px; cursor:pointer;}
.purplehead { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -400px 0px; width:80px; height:80px; cursor:pointer;}
.purplehead:hover { background:url(../images/icons/heads_sprite.png) no-repeat; background-position: -400px -80px; width:80px; height:80px; cursor:pointer;}
/*Video Player*/
.video {position:relative; float:right; margin-left:30px; margin-top:80px; margin-bottom: 5px; width: 350px; height:263px;}
.videoCentred {float: right; height: 263px; left: 262px; position: absolute; top: 90px; width: 350px;}
/*View Case Study Button*/
.casestudy { background:url(../images/viewcasestudy.png) no-repeat; background-position: 0px 0px; width:123px; height:30px; cursor:pointer; margin-top:15px;}
.casestudy:hover { background:url(../images/viewcasestudy.png) no-repeat; background-position: 0px -30px; width:123px; height:30px; cursor:pointer;}
/*Industry Codes Slider*/
.slideContainer {width: 829px; height: 248px; background-color:#FFFFFF; border-radius:5px; border: 2px solid ##00838D;}
.slideContent {padding-left: 45px; padding-right: 45px; padding-top: 8px;}
/*Image Replacement for Headers in ACBS*/
/*Please refer to icons_page_mockup.png for headings. Heading should be ITC Avant Garde Gothic 24px, Blue Hex code is #0178A1*/
h1.intro_heading {width: 112px; height: 18px;background: url("../images/titles/Welcome.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.What_will_I_Learn_heading {width: 193px; height: 18px;background: url("../images/titles/WhatwillIlearn.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.before_you_begin_heading {width: 197px; height: 23px;background: url("../images/titles/Beforeyoubegin.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.summary_heading {width: 120px; height: 28px;background: url("../images/titles/Summary.jpg"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.discussion_heading {width: 128px; height: 28px;background: url("../images/titles/discussion.jpg"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
/*Module 302 Headings*/
h1.Body_language_and_non_verbal_behaviours_quiz_heading {width: 525px; height: 22px;background: url("../images/titles/Bodylanguageandnonverbalbehavioursquiz.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Overcoming_objections_quiz {width: 331px; height: 23px;background: url("../images/titles/Overcomingobjectionsquiz.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Introduction_heading {width: 138px; height: 18px;background: url("../images/titles/Introduction.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Plan_and_prepare_heading {width: 203px; height: 23px;background: url("../images/titles/Planandprepare.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Know_your_product_heading {width: 220px; height: 23px;background: url("../images/titles/Knowyourproduct.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Rapport_building_heading {width: 191px; height: 23px;background: url("../images/titles/Rapportbuilding.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Rapport_building_quiz_heading {width: 251px; height: 23px;background: url("../images/titles/Rapportbuildingquiz.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Prepare_for_objection_handling_heading {width: 354px; height: 23px;background: url("../images/titles/Prepareforobjectionhandling.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Overcoming_objections_heading {width: 272px; height: 23px;background: url("../images/titles/Overcomingobjections.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Reasons_behind_objections_heading {width: 309px; height: 22px;background: url("../images/titles/Reasonsbehindobjections.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Explore_the_issues_heading {width: 196px; height: 23px;background: url("../images/titles/Exploretheissues.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Overcoming_objections_heading {width: 272px; height: 23px;background: url("../images/titles/Overcomingobjections.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Overcoming_objections_quiz_heading {width: 331px; height: 23px;background: url("../images/titles/Overcomingobjectionsquiz.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Features_and_benefits_heading {width: 248px; height: 18px;background: url("../images/titles/Featuresandbenefits.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Features_benefits_and_advantages_heading {width: 404px; height: 23px;background: url("../images/titles/benefitsandadvantages.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Confirm_customer_agreement_heading {width: 344px; height: 23px;background: url("../images/titles/Confirmcustomeragreement.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Verbal_buying_signals_heading {width: 245px; height: 23px;background: url("../images/titles/Verbalbuyingsignals.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Non_verbal_buying_signals_heading {width: 295px; height: 23px;background: url("../images/titles/Non-verbalbuyingsignals.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Body_language_and_non_verbal_behaviours_heading {width: 501px; height: 23px;background: url("../images/titles/Bodylanguageandnon-verbalbehaviours.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding-top:0;}
h1.Definition_of_negotiation_heading {width: 276px; height: 23px;background: url("../images/titles/Definitionofnegotiation.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Negotiation_skills_heading {width: 187px; height: 23px;background: url("../images/titles/Negotiationskills.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Negotiation_plan_heading {width: 193px; height: 23px;background: url("../images/titles/Negotiationplan.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Negotiation_plan_heading {width: 193px; height: 23px;background: url("../images/titles/Negotiationplan.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.PLanning_and_preperation_heading {width: 297px; height: 23px;background: url("../images/titles/Planningandpreperation.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Negotiation_objectives_heading {width: 261px; height: 23px;background: url("../images/titles/Negotiationobjectives.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Identifying_negotiation_objectives_heading {width: 386px; height: 23px;background: url("../images/titles/Identifyingnegotiationobjectives.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Authority_heading {width: 104px; height: 23px;background: url("../images/titles/Authority.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Setting_the_scene_heading {width: 200px; height: 23px;background: url("../images/titles/Settingthescene.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Balance_of_power_heading {width: 208px; height: 23px;background: url("../images/titles/Balanceofpower.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Negotiation_closing_scenarios_heading {width: 338px; height: 23px;background: url("../images/titles/Negotiationclosingscenarios.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Closing_the_negotiation_heading {width: 269px; height: 23px;background: url("../images/titles/Closingthenegotiation.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Apply_a_trial_close_heading {width: 206px; height: 23px;background: url("../images/titles/Applyatrialclose.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Methods_of_closing_the_sale_heading {width: 314px; height: 23px;background: url("../images/titles/Methodsofclosingthesale.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Closing_techniques_heading {width: 219px; height: 23px;background: url("../images/titles/Closingtechniques.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Other_resources_heading {width: 182px; height: 18px;background: url("../images/titles/Otherresources.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Learning_outcomes_heading {width: 222px; height: 23px;background: url("../images/titles/Learningoutcomes.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Cross-selling_and_up-selling_heading {width: 307px; height: 23px;background: url("../images/titles/cross-sellingandup-selling.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.Methods_of_closing_the_sale_heading {width: 314px; height: 23px;background: url("../images/titles/Methodsofclosinthesale.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
h1.add_ons_heading{width: 362px; height: 23px;background: url("../images/titles/up-selling.png"); background-repeat:no-repeat; text-indent:-9999px; margin: 0; padding:0;}
.spiderbackground {width: 623px; height: 275px;background: url(../images/spiderDiagram/background.png); background-repeat:no-repeat; margin: 0; padding:0; position:absolute; left:110px; top:100px;}
.persuasiveness {width: 138px; height: 50px;background:url(../images/spiderDiagram/Branch7.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:10px; left:10px;}
.persuasiveness:hover{opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.openmindedness {width: 138px; height: 50px;background: url(../images/spiderDiagram/Branch6.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:26px; left:10px;}
.openmindedness:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.activelistening {width: 138px; height: 50px;background:url(../images/spiderDiagram/Branch5.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:43px; left:10px;}
.activelistening:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.positivebodylanguage {width: 138px; height: 50px;background: url(../images/spiderDiagram/Branch8.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:58px; left:10px;}
.positivebodylanguage:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.patience {width: 138px; height: 49px;background: url(../images/spiderDiagram/Branch1.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:-188px; left:474px;}
.patience:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.assertivenessconfidence {width: 138px; height: 50px;background:url(../images/spiderDiagram/Branch2.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:-172px; left:474px;}
.assertivenessconfidence:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.besensible {width: 138px; height: 49px;background: url(../images/spiderDiagram/Branch3.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:-155px; left:474px;}
.besensible:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.goodcommunication {width: 138px; height: 50px;background: url(../images/spiderDiagram/Newbuttonstyle11.png); background-repeat:no-repeat; margin: 0; padding:0; position:relative; top:-136px; left:474px;}
.goodcommunication:hover {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; cursor:pointer;}
.stepbystepgroup {width: 359px; height: 429px; margin: 0; padding:0; position:absolute; left:450px; top:
10px;}
/*201 legal Legistlation Buttons*/
.supply_of_goods { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px 0px; width:160px; height:40px; cursor:pointer;}
.supply_of_goods:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -40px; width:160px; height:40px; cursor:pointer;}
.health_safety { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -80px; width:160px; height:40px; cursor:pointer;}
.health_safety:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -120px; width:160px; height:40px; cursor:pointer;}
.unfair_contract { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -160px; width:160px; height:40px; cursor:pointer;}
.unfair_contract:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -200px; width:160px; height:40px; cursor:pointer;}
.data_protection { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -240px; width:160px; height:40px; cursor:pointer;}
.data_protection:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -280px; width:160px; height:40px; cursor:pointer;}
.consumer_protection { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -320px; width:160px; height:40px; cursor:pointer;}
.consumer_protection:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -360px; width:160px; height:40px; cursor:pointer;}
.enterprise_act { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -400px; width:160px; height:40px; cursor:pointer;}
.enterprise_act:hover { background:url(../images/legistlation_buttons.png) no-repeat; background-position: 0px -440px; width:160px; height:40px; cursor:pointer;}
/*Extra Styles*/
.extraPaddingTop {padding-top:8px;}
.instruction2{opacity:0.8;}
/*Tabbed Heading Page Styles*/
.boldGreen {color:#B2A700; font-weight:bold;}
.boldPurple {color:#702DAB; font-weight:bold;}
.boldOrange {color:#DB7506; font-weight:bold;}
.boldPink {color:#A70061; font-weight:bold; display:block; width:auto; height: auto; padding:10px; background-color:#FFC; border:1px #A70061 solid;}
.fullcolumn{width:750px;float:left;margin:10px 0px 0 45px;}
.fullcolumnlo{width:670px;float:left;margin:50px 0px 0 88px;}
.leftcolumn{width:430px;float:left;margin:10px 20px 0 45px;}
.rightcolumn{width:365px; float:left; margin:10px 0 0 0; }
.leftcolumncommon{width:430px;float:left;margin:50px 20px 0 45px;}
.rightcolumncommon{width:365px; float:left; margin:50px 0 0 0; }
.leftcolumnwider{width:452px;float:left;margin:10px 20px 0 45px;}
.rightcolumnthinner {width:343px; float:left; margin:10px 0 0 0; }
.leftcolumnwiderlo{width:452px;float:left;margin:50px 20px 0 45px;}
.rightcolumnthinnerlo{width:343px; float:left; margin:50px 0 0 0; }
.rightcolumnimg{ width:345px; float:left; margin-top:10px 20px 0 0; }
.image img { margin:10px 0; padding:0; border: 12px solid #D4D4D4; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#D4D4D4; }
.standout {background: #E6E6E6; border: 1px solid #BEBFC0; font-size: 1.1em; text-shadow: 0px 1px 0px #FFF; padding:0 10px; margin:20px 0;}
.standout p {text-align:center; }
/* Help */
#helpText{display:none;position:absolute; top:188px; margin-left:10px; z-index:9999999;color:#000;width:932px;height:450px;overflow:hidden;background:#D7D8DC;padding:10px}
#mFrame { background:url(../images/middlefill.jpg) repeat-y; width:940px; height:470px;}
#pgress { background:url(../images/progress.jpg) no-repeat; width:82px; height:23px;}
#top{ background:url(../images/header.png) no-repeat; width:940px; height:179px; }
#bottom{ background:url(../images/footer.jpg) no-repeat; width:940px; height:76px; margin-top:-5px; }
#mainMenu{background:#fff; z-index:999; width:350px; height: 428px; border-top:1px solid #ccc; border-fright:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:-435px; position:absolute; -webkit-box-shadow: 1px 1px 3px 1px #c5c5c5; box-shadow: 1px 1px 3px 1px #c5c5c5; left:0px;}
#mainMenu li{ list-style-type:none;font-weight:bold; color:#555; margin:0px; line-height: 20px;}
#mainMenu p{line-height:17px;}
#bottomNext { font-size:14px; font-weight:bold; font-family:arial; color:#fff; cursor:pointer; position:relative; right:17px; top:-3px; }
#bottomBack { font-size:14px; font-weight:bold; font-family:arial; color:#fff; cursor:pointer; position:relative; right:13px; top:-3px; }
#topNext { background:url(../images/arrowright.jpg) no-repeat; width:21px; height:19px; float:right; margin-top:2px; cursor:pointer;}
#topNext:hover { background:url(../images/arrowrighthov.jpg) no-repeat; width:21px; height:19px; float:right; margin-top:2px; cursor:pointer;}
#topBack { background:url(../images/arrowleft.jpg) no-repeat; width:21px; height:19px; float:left; margin-right:30px; margin-top:2px; cursor:pointer;}
#topBack:hover { background:url(../images/arrowlefthov.jpg) no-repeat; width:21px; height:19px; float:left; margin-right:30px; margin-top:2px; cursor:pointer;}
/* Popup Code */
.dialog-content {display:none;} /* Hide dialog content by default */
#divframe { background-color:transparent; width: 880px; height:420px; position: relative; top: -28px; left: 46px;}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.smallest {
font-size: 11px;
}
.medium {
font-size: 13px;
}
.largest {
font-size: 15px;
}
#popup{display:none;position:relative; top:-487px; left:620px; z-index:9990;background:#FFFFFF; color:#333333; border-left:solid 1px #8C130C; border-right:solid 1px #8C130C; border-top:solid 1px #8C130C; width:328px;height:450px;overflow-x:hidden;overflow-y:auto;}
#popup ul{float:left; list-style:none; list-style-position:inside;}
#popup ul li{list-style-position:outside;float:left;width:336px;background: url(../images/menu_bgd_white.png);font-size:75%;}
#popup ul li:hover {background: url(../images/menu_bgd_hover.png);width:336px;}
#popup ul li a {color:#333;}
#popup ul li a:hover {color:#333; background:none;}
#popup ul li ul{margin-left:-16px;font-size:125%;}
#popup ul li ul li a {color:#333;font-size:105%;}
#popup ul li ul li a:hover {color:#FFF!important;font-size:105%;}
#popup ul li ul li {margin-left:0px;padding:5px;width:340px;background:#EFEFEF;}
#popup ul li ul li:hover {background: #E75C56;width:338px;}
#popup ul li ul li:hover a {color: #FFF}
#popup h2 {margin-top: 8px; padding-left:80px; font-size: 1.0em; }
#popup a{text-decoration:none; font-weight:normal;}
#popup a:hover{font-weight:normal;}
#close{float:right;margin:20px 20px 0 0;cursor:pointer }
#closeHelp{float:right;margin:10px 55px 0 0;cursor:pointer }
#closemenu{float:left;cursor:pointer; background:url(../images/menu_top.jpg) repeat-x;width:328px;padding:10px}
#closebutton{float:right;cursor:pointer;margin:-5px 15px 0 0;padding:0;width:16px;}
#menutitle{float:left;width:240px; font-size:100%;padding:-5px 0 0 0;color:#FFF;font-weight:bold}
#tagList {left:250px; float:left; background:#fff; width:550px; position:absolute; margin-top:5px; border-radius:10px; border:1px solid #034896;}
#tagList ul {padding:20px 20px 0 20px;}
.tagBtn {cursor:pointer; margin-left:1px; margin-top:16px;}
.tagBtn img{z-index:99999; float:left;}
.panel, .panel2 {display:none}
.image1{background-image:url(../images/Reverse1.png); width:312px; height:196px; background-repeat:no-repeat; position:relative; float:left; cursor:pointer;}
.image1:hover, .image2:hover{opacity:0.8;}
.image2{background-image:url(../images/Reverse1.png); width:312px; height:196px; background-position: -334px; background-repeat:no-repeat; position:relative; float:right; cursor:pointer;}
.buttonsHolder{width:646px; height:196px; position:absolute; left:100px; margin-top:10px;}
.panel, .panel2 {display:none}
.image3{background-image:url(../images/Reverse2.png); width:312px; height:196px; background-repeat:no-repeat; position:relative; float:left; cursor:pointer;}
.image3:hover, .image4:hover{opacity:0.8;}
.image4{background-image:url(../images/Reverse2.png); width:312px; height:196px; background-position: -334px; background-repeat:no-repeat; position:relative; float:right; cursor:pointer;}
.buttonsHolder{width:646px; height:196px; position:absolute; left:100px; margin-top:10px;}
/*Non-verbal buying signals*/
h1.Non-verbal-buying { background: rgba(0, 0, 0, 0) url("../images/titles/Non-verbalbuyingsignals.png") no-repeat scroll 0 0;
height: 23px;
margin: 0;
padding: 0;
text-indent: -9999px;
width: 344px;}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
/*Verbal buying signals*/
h1.verbal-buying { background: rgba(0, 0, 0, 0) url("../images/titles/Verbalbuyingsignals.png") no-repeat scroll 0 0;
height: 23px;
margin: 0;
padding: 0;
text-indent: -9999px;
width: 344px;}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* QUESTIONAIRE */
.question .question_heading { font-size:18px; margin-top:20px; }
.question .answers { margin-top:10px; margin-left: 75px;}
.question .answers div[role='radiogroup'] label { font-size:17px!important; width:100%; height:auto; font-size:18px; background:#00A3AD; color:white; border-top-left-radius:10px; border-bottom-right-radius:10px; padding:10px; }
.question .answers div[role='radiogroup'] label input { display:none; }
.question .answers div[role='radiogroup'] label.large { font-size:17px!important; }
.question .answers div[role='radiogroup'] label.large:nth-child(1):before { content:'A'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(2):before { content:'B'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(3):before { content:'C'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(4):before { content:'D'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(5):before { content:'A'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(6):before { content:'B'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(7):before { content:'C'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(8):before { content:'D'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(9):before { content:'A'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(10):before { content:'B'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large:nth-child(11):before { content:'C'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; height:100%; }
.question .answers div[role='radiogroup'] label.large:nth-child(12):before { content:'D'; margin-right:10px; background:#007c83; padding:10px; margin-left:-8px; border-top-left-radius:10px; }
.question .answers div[role='radiogroup'] label.large { width:100%; height:auto; font-size:18px; background:#00A3AD; color:white; border-top-left-radius:10px; border-bottom-right-radius:10px; padding:10px; }
.question .answers div[role='radiogroup'] label.large input { display:none; }
.question .answers div[role='radiogroup'] label.large :checked + span { background:#D6188B; padding:10px; border-bottom-right-radius:10px; color:white; margin-left:-8px; }
.question .answers div[role='radiogroup'] label.queChecked { background:#D6188B !important; color:white !important; border: 2px solid black; }
.question .answers div[role='radiogroup'] label.queDisabled { opacity: 0.7; cursor: auto;}
.question .answers div[role='radiogroup'] label.small { display:inline; border: 1px solid #CCC; cursor: pointer; width: 150px; height: auto; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; background: #00A5AE; margin: 20px 10px 40px 10px; padding-bottom:10px; padding-left: 30px; float: left; position: relative; border-radius: 25px 0 25px 0;}
.question .answers div[role='radiogroup'] label.small.queChecked { background:#005E63 !important; color:white !important; border: 2px solid black; }
.question .answers div[role='radiogroup'] label.small.queDisabled { opacity: 0.5; cursor: auto;}
.question-end { text-align: left; color: #00adbe !important;}
.multi-choice h3 { font-size: 1em; line-height: unset;}
.modal-title.correct, .modal-body.correct { color: green !important; }
.modal-title.incorrect, .modal-body.incorrect { color: red !important; }
.test .modal-header,
.test .modal-footer {display:none}
/* END */
ul.quizCheckboxes { list-style: none;}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left:0; top: 2px;
width: 17px; height: 17px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: 3px; left: 4px;
font-size: 18px;
line-height: 0.8;
color: #09ad7e;
transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
border: 1px dotted blue;
}
/* hover style just for information */
label:hover:before {
border: 1px solid #4778d9!important;
}