/*************/ /* RESET CSS */ /*************/ html,body,header,footer,nav,section,article,aside,audio,video,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strike,strong,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body {line-height:1} ol,ul {list-style:none} blockquote,q {quotes:none} blockquote:before,blockquote:after, q:before,q:after {content:'';content:none} :focus {outline:0} ins {text-decoration:none} del {text-decoration:line-through} table {border-collapse:collapse;border-spacing:0} /*****************/ /* BASE ELEMENTS */ /*****************/ @font-face { font-family: 'akzidenz-grotesk_bq_light_eRg'; src: url('../fonts/akzidenzgrotesk-lightextended-webfont.eot'); src: url('../fonts/akzidenzgrotesk-lightextended-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/akzidenzgrotesk-lightextended-webfont.woff') format('woff'), url('../fonts/akzidenzgrotesk-lightextended-webfont.ttf') format('truetype'), url('../fonts/akzidenzgrotesk-lightextended-webfont.svg#akzidenz-grotesk_bq_light_eRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'akzidenz-grotesk_bq_extendeBd'; src: url('../fonts/akzidenzgrotesk-boldextended-webfont.eot'); src: url('../fonts/akzidenzgrotesk-boldextended-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/akzidenzgrotesk-boldextended-webfont.woff') format('woff'), url('../fonts/akzidenzgrotesk-boldextended-webfont.ttf') format('truetype'), url('../fonts/akzidenzgrotesk-boldextended-webfont.svg#akzidenz-grotesk_bq_extendeBd') format('svg'); font-weight: normal; font-style: normal; } body { font-family:"Lucida Grande", Verdana, Corbel, "Bitstream Vera Sans", "DejaVu Sans", sans-serif; color:#2a3333; background-color:#fff; background-image: url(../images/bg.gif); background-repeat: repeat-x; font-size:0.72em; line-height:1.7em; } .body {color:#000;font-weight:normal;font-size:0.80em;} .akzidenz,.th_boxtitle {font-family:"akzidenz-grotesk_bq_light_eRg";} .akzidenz_bold {font-family:"akzidenz-grotesk_bq_extendeBd";} h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", "Segoe UI", Trebuchet, "Bitstream Vera Sans", "DejaVu Sans", sans-serif; font-weight:normal; } h1 {font-size:1.6em; font-weight:bold; margin:0px 0 15px 0; background:url(../images/element_09.jpg) repeat-x top;padding:10px;color:white;} h1 {font-size:1.5em; font-weight:normal; margin:0px 0 15px 0; background:#e8e8e8; color:#0D64A9;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} h2 { font-size:1.8em;font-weight:bold; line-height:1.2em;margin:0px 0 18px 0; border-bottom:1px solid #eee;padding:0 0 5px 0;color:#0D64A9; } h3 { font-size:1.6em;line-height:1.2em;margin:0px 0 10px 0; } h4 { font-size:1.4em;margin:10px 0 10px 0;} h5 {font-size:1.1em; font-weight:bold; margin:0px 0 10px 0; } p {margin:0 0 2em 0} a { color:#009BDF; text-decoration:none;} a:hover {text-decoration:underline} .no_underlined_links a:hover {text-decoration:none;} table { width:100%; margin:0;} th, td { text-align:left; padding:5px 25px 5px 0; vertical-align:top; } th {font-size:1.18em; margin:19px 0 5px 0; font-weight:normal; } th a {color:#2a3333} tr {border-top:dotted #a3a4a7 1px; } tr:first-child {border-top:0} tr.active td {background:#daebec} ol, ul {margin:0px 0 20px 12px; } ol {list-style-type:decimal} ul {list-style-type:disc} li { margin-bottom:8px; margin-left:25px;} li a.active {color:#2A3333} li a:hover.active {color:#0099bb} b, strong {font-weight:bold} i, em {font-style:italic} .clear {clear:both;} .generic_page_wrap {padding:40px 10% 40px 10%;float:left;width:51%;} .user_progs_title {font-size:1.1em;margin:0 0 12px 40px;position:relative; padding: 0 0 0 20px;} .user_progs_title img {vertical-align:middle;margin:0 10px 0 0;} .user_progs_title a {color:#000;} .prog_users_triangle {position:absolute;top:0;left:0;width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #009bdf;float:left;margin:0 10px 0px 0;} /******************/ /* GENERIC LAYOUT */ /******************/ #pagewrapper {width:100%;text-align:center;} #sitewrapper {position:relative;width:1200px;margin:0 auto;background-image:url(../images/element_04.jpg);text-align:left;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;} #headerwrapper {width:100%;background-image:url(../images/element_02.jpg);position:relative;} #contenttop {margin-top:-25px;height:50px;position:relative;} #contenttopright {float:right;margin:-5px 27px 0 0;font-size:0.9em;color:#888;} #contentwrapper {width:100%;position:relative;clear:both;padding-bottom:30px;} #poweredlogo {width:161px; height:69px; background-image:url(../images/powered_by_waos2.png);margin:0 auto;position:relative;top:-120px;left:-360px;background-repeat:no-repeat;} #widecontent {width:55%; margin:10px 0 40px 0%;float:left;padding:0 5% 5% 5%;} #content_right_area {width:55%; margin:10px 0 0px 0%;float:left;padding:0 5% 5% 5%;} #center {width:400px; float:left;margin:0px 0px 30px 55px;} #footer {width:100%;clear:both;font-size:0.9em;} .about_link_bottom a {color:#777777 !important;} #footerleft {float:left;margin:13px 0 0 15px; text-transform: uppercase;} #footerright {float:right;margin:13px 15px 0 0;} #footer {background:none;position:relative;color:#fff;width:1200px;margin:0 auto 30px auto;} #footer a {color:#fff;white-space:nowrap;} .fullwidth {width: 100%;} .bolditalic {font-weight: bold; font-style: italic;} .italic {font-style: italic;} .paraspacer {margin-bottom: 2em;} .mainlist{margin-bottom: 0;} .sublist {margin-left: 40px; list-style-type: circle;} /*********************/ /* LANGUAGE DROPDOWN */ /*********************/ #languagedropdown {z-index:999999;position:absolute; right:5px; top:5px;display:inline-block;} /*********************/ /* LANGUAGE DROPDOWN */ /*********************/ #academydropdown {z-index:999999;position:absolute; right:5px; top:5px;display:inline-block;} /************************/ /* LOGIN / REGISTRATION */ /************************/ #login {margin:10px 0 0px 20px;z-index:999;font-size:0.9em;border-bottom:1px solid #ccc;width:210px;padding:0 0 10px 0;} #login a {color:#000000;} .loginicon {float:left;margin:6px 0 0 6px;width:30px; height:30px;background:url(../images/usericon.png);} .logintext1,.logintext2 {float:right;float:left;} .logintext1 {margin:12px 0 0 6px;} .logintext2 {margin:4px 0 0 6px;} .login1_text {width:120px; text-align:right;float:left;margin:5px 10px 30px 0;} .login1_input {float:left;} .browser_uploader {padding: 5px 0px;} /************/ /* LEFT NAV */ /************/ #leftnav {clear:both; width:25%; float:left;text-align:left;margin:40px 2% 100px 2%;} #leftnav a {color:#009BDF;width:90%;display: block; vertical-align: middle; text-decoration: none;margin: 0px 0px 0px 0px; padding: 4px 3% 2px 26px; min-height:24px;background:url(../images/number-button.png) no-repeat 0px 0px;} #leftnav a:hover {background:url(../images/number-button.png) no-repeat 0px 0px #f6f6f6;} .leftnav_programme_modules_wrap {padding-bottom: 30px;max-width:400px;} #leftnav .leftnav_programme_modules_wrap a,#leftnav .leftnav_programme_modules_wrap a:hover {background:transparent;padding-left:0px;} .break_after_academy_home {clear:both;height:12px;border-bottom:1px solid #ddd;margin:0 0 20px 0;} .moduletitle {margin:20px 0 10px 10px;padding:0 0 5px 0; color: #0D62A6;font-weight:normal;font-size:1.1em;} .numberbutton, .numberbutton_green {margin:0 5px 0 0;width:24px; height:24px; background-image:url(../images/number-button.png);color:white;text-align:center;position:absolute;} .exambutton {margin:0 5px 0 0;width:24px; height:24px; background-image:url(../images/exampencil.png);color:white;text-align:center;position:absolute;} .exambutton_off {margin:0 5px 0 0;width:24px; height:24px; background-image:url(../images/exampencil.png);color:white;text-align:center;position:absolute;} .pencil {margin:4px 0 0 0;position:absolute; right:4px;} .leftnav_programme_modules_wrap a {position:relative;} .numberbutton_green {background-image:url(../images/number-button-green.png);} .number, .number_off, .number_green , .number_mandatory{margin:3px 0 0 0;color:#0D64A9;font-weight:bold;} .number_mandatory {color:#BC252D;} .number_off {color:#C8DCEC;} .number_green {color:white;} .linktext, .linktext_off {padding:0 0 0 30px;width:80%;float:left;color:#0D62A6;display: table;height:30px;line-height:1.2em;position:relative;top:-4px;} .inner {vertical-align:middle;display:table-cell;} .linktext_off {color:#aaaaaa;} .bullet {margin:3px 5px 0 0;width:10px; height:10px; background-image:url(../images/bullet.png);text-align:center;position:absolute;} .linktext-bullet {padding:0 0 0 17px;} .menuline {border-bottom:1px solid #ccc;margin:10px 0;} /* for ie (cos min-height doesn't work!!) */ * html #leftnav a {height: 30px;} .activemenu { background:#f6f6f6; font-weight:bold;} #nav_key {font-size:0.9em;color:#777;margin: 40px 0 0 17px;} .nav_key_image{float:left;width:16px;height:16px;margin:5px 0 0 0;} .nav_key_text{float:left;width:120px;margin:5px 0 0 8px;} .nav_exam_icon {clear:both; float:left;margin:6px 5px 0 12px;} .nav_exam_text {float:left; font-size:0.9em;margin:10px 0 0 0;} .presenters_icon {background-image:url(../images/presenters.png) !important; background-position:2px 0px !important;} .sponsors_icon {background-image:url(../images/hands.png) !important; background-position:0px 0px !important;} /*************/ /* HOME PAGE */ /*************/ .homeboxes {background:#f9f9f9; border:1px solid #cccccc; width:400px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;margin:0 0 20px 0;} .accordionContent {} /*******/ /* RSS */ /*******/ #rightnav {padding:6px; width:200px; margin:0px 30px 30px 0; float:right;font-size:0.96em;line-height:1.3em;background:#f5f5f5;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .rss_header {color:white;background:#0D64A9;padding:7px 9px 6px 9px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .rss_item {margin:0 0 0px 0;clear:both;padding:9px;} .rss_image {float:left;margin:0 0 0 0;border:1px solid #bbb;} .rss_title {float:left;width:100px;font-weight:bold;margin:0 0 0 10px;} .rss_date {color:#aaa;} .rss_desc {clear:both;padding:8px 0 0 0;} .rssimage {width:70px;} /********************/ /* COURSE HOME PAGE */ /********************/ #landing_image {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} #landingwrapper {margin:0px 0 0px 0px; padding:20px 50px 30px 50px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;background:#fff;border:0px; padding:0px;} .videowrapper {margin:15px 0; z-index:1;} #homepage-video {width:330px; min-height: 249px; background-image:url(../images/screen.png); background-repeat: no-repeat; float:left; margin: 0 20px 30px 0;} #homepage-video-wrap {width: 330px; float: left; margin: 0 20px 20px 0;} #homepage-right {margin: 0px 0 0 00px;} #precourse_icon {float: left; margin-right: 15px;} #precourse_link {display: table-cell; height: 48px; vertical-align: middle; width: 250px;} #precourse_link_wrap {height: 48px; float: left;} .landing_icon {clear:both; float:left;margin:0 5% 20px 5%;width:10%;} .landing_icon img {width:100%;} .landing_text {float:left;margin:18px 0 0 0;font-size:1.1em; width:70%;} .landing_text_green {color:#83BF2E;margin:12px 0 10px 20%;font-size:1.4em;font-weight:bold;} .flip-clock-label {visibility: hidden;} #flipclock-running {height: 100px;} #flipclock-finished {height: 100px; display: none;} .cl_wrap {text-align:left; margin:15px 0 15px 0px;background:#DCE8F2;border:1px solid #65A8DD;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .cl_title {font-size:1.6em;} .cl_what_next {clear:both;padding:0px 0 20px 0;} .prereq_wrap {text-align:left; margin:15px 0 15px 0px;background:#FBE6E6;border:1px solid #A91616;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .prereq_title {font-size:1.6em;} .prereq_subtitle {margin:20px 0 20px 0;} .prereq_icon {width:20%;float:left;} .prereq_icon img {width:100%;} .prereq_text {margin:0px 0 0 5%; width:75%;float:left;} .prereq_item {margin:0 0 8px 30px;font-size:1.1em;} .lf_table_wrap {width:200px;float:left;position:relative; left:50px;} .lf_table_wrap table {border-left:1px solid #999;border-top:1px solid #999;background:#fff;} .lf_table_wrap td {border-right:1px solid #999;border-bottom:1px solid #999;} .lf_table_left {padding:10px 0 10px 10px;} .lf_table_right {font-size:1.5em;text-align:center;width:50px;padding:10px 0px;} .vouchercode {background:#D9E8FF;padding:20px 20px 2px 20px;margin:0 0 20px 0;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #BACAE3;} .buttonwrapper_new {background:#00589E; padding:10px 20px; border-radius:100px;color:#fff; font-size:1.2em;margin:20px 0;text-align:center;} /* buttons */ .tft_prog_course_title_wrap {margin:0 0 25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .tft_prog_course_wrap2_outer {float:left;text-align:left;padding:15px 0;margin:0 0 0px 0;width:75%;display: table;} .tft_prog_course_wrap2_inner {vertical-align:middle;display:table-cell;} .tft_prog_course_image {float:left;width:20%; margin:0 4% 0 0px;} .tft_prog_course_title {color:#009BDF;font-size:2.2em;float:left;line-height:1.1em;} .tft_prog_course_date {font-size:1.2em;color:#999;padding:10px 0 0px 0px;} .tft_prog_course_date2 {font-size:0.9em;} .button2,.button5,.button8 {font-weight:normal;} .buttonwrapper {margin:0 2%;display:inline-block;} .button1 {width: 29px; height:50px; background-repeat:no-repeat;float:left;background-size:25px;border-top-left-radius:25px;border-bottom-left-radius:25px;} .button2 {height:34px; float:left;padding:16px 10px 0 0;color:white; font-size:1.2em;letter-spacing:0.05em;} .button3 {width: 40px; height:50px; background-repeat:no-repeat;float:left;background-size:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-position:4px 12px} .button_color {background-color:#009BDF;} .buttonwrapper2 {margin:20px 0px 0 0px;height:29px; float:right;} .button4 {width: 15px; height:29px; background-repeat:no-repeat;float:right;} .button5 {height:29px; background-repeat:repeat-x;float:right;padding:6px 5px 0 0;color:#0D64A9; letter-spacing:0.05em;} .button6 {width: 32px; height:29px; background-repeat:no-repeat;float:right;} .buttonwrapper3 {margin:20px 0px 0 0px;float:left;height:29px;} .button7 {width: 31px; height:29px; background-repeat:no-repeat;float:left;} .button8 {height:29px; background-repeat:repeat-x;float:left;padding:6px 0 0 5px;color:#0D64A9;letter-spacing:0.05em;} .button9 {width: 15px; height:29px; background-repeat:no-repeat;float:left;} .results_table {width:500px;margin:0 0 35px 0;} .results_mcq_wrap {width:180px; float:left;text-align:center;margin:0 0 8px 0;} .results_longform_wrap {width:180px; float:right;text-align:center;margin:0 0 8px 0;} .results_mcq {color:#1963AD; font-size:1.4em;font-weight:bold;margin:0 0 5px 0 } .results_longform {color:#0A9158; font-size:1.4em;font-weight:bold; margin:0 0 5px 0} .results_mcq2 {color:#1963AD; font-size:1.8em;font-weight:bold; } .results_longform2 {color:#0A9158; font-size:1.8em;font-weight:bold; } .results_score1 {font-size:1.2em;} .results_line {border:1px dashed #9AB6CD;clear:both;margin:0px 0 8px 0;} .results_3 {clear:both;text-align:center;padding:20px 0 5px 0;} .results_mcq_weight {background:#1963AD;height:22px;float:left;text-align:center;color:#fff;padding:7px 0 0 0;} .results_longform_weight {background:#0A9158;height:22px;float:left;text-align:center;color:#fff;padding:7px 0 0 0;} .results_total {clear:both;text-align:center;padding:10px 0 6px 0;} .results_percent {font-size:2em; font-weight:bold;text-align:center;} .disclaimer {font-style: italic;} /**************/ /* MODULE NAV */ /**************/ .navtitle {float:left; font-size:1.1em; font-weight:bold;padding:0 0 10px 0;} #module_nav_wrapper {margin:0px 0 0 0;} #module_nav_inner {border:1px solid #ddd; margin:0px 0 27px 0; background:#f5f5f5;padding:15px 15px 10px 15px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;-moz-border-radius: 8px;} .section {clear:both;float:left;margin:0px 15px 0px 0px;} .section_title {float:left;margin:0 14px 0 0;} .sectionpages {float:left;} .section a { margin:0 5px 7px 0; float:left;background:white;width:17px; height:17px;text-align:center;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;box-shadow: 1px 1px 3px #aaa;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;} .sectionpages a:hover, a.activepage { background-color:#0D64A9; color:white; text-decoration:none; } a.viewedpage {background:#B3D837; color:white;} .section_page {margin:0 5px 4px 0; float:left;background:white;width:17px; height:17px;text-align:center;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;box-shadow: 1px 1px 3px #aaa;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;} .coursetopnav {margin:0px 0 15px 0px;color:#777;position:relative;} /************************/ /* JQUERY UI OVERWRITES */ /************************/ .ui-widget {font-family:inherit !important;} /********/ /* EXAM */ /********/ .exam_wrapper {background:#f6f6f6; border:1px solid #ccc;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;margin:0 0 20px 0;} .exam_number {font-weight:bold; font-size:1.8em; color:#0D64A9;float:left;margin:0 3% 0 0;} .exam_question {float:left; font-weight:bold;margin:0 0 12px 0;width:80%;} .exam_answer_wrapper {} .exam_radio {float:left;margin: -2px 4px 0px 5%;} .exam_answer {float:left; width:80%;margin:0 0 5px 0;} .exam_marking{float:right; width:75px;} .exam_score {font-size:1.9em;font-weight:bold;margin:0 0 10px 0;color:#BC252D;} .exam_specialism {font-size:1.7em;font-weight:bold; margin:30px 0 5px 0;color:#D2B116;} .exam_section_title {font-size:1.5em; font-weight:bold; color:#888;margin:10px 0 15px 0;} .infobox {width:565px; background:#E9F4FD; margin:0px 0 20px 0;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #A6CDFC;} .infobox_text {float:left; width:520px; margin:0 0 0 10px;} .infobox_text p {margin:0 0 5px 0;} .infobox_green {color:#729207;font-size:1.3em; font-weight:bold;padding-bottom:10px;} .infobox_red {color:#BC252D;font-size:1.3em; font-weight:bold;padding-bottom:10px;} .large_green {color:#0A9158;font-size:1.3em; font-weight:bold;} .large_red {color:#BC252D;font-size:1.3em; font-weight:bold;} .examiners_wrap {text-align:left;width:508px;margin:0 0 0 27px;background:#DBEE9A;border:1px solid #B3D837;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .examiners_title {font-size:1.4em;margin:5px 0 0 0;} .examiners_icon {float:left;margin:0 10px 0 0;} .examiners_comments_wrap {float:left;width:450px;} .examiners_comments {font-style:italic;margin:12px 0 8px 0; } .examiners_grade {font-size:1.8em; font-weight:bold;margin:7px 0 7px 0;} .model_wrap {text-align:left;width:508px;margin:10px 0px 0 27px;background:#F5DBA2;border:1px solid #D8A537;padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .model_answer {margin:10px 0 0 0;} .lf_scores {font-size:3em;font-weight:bold;margin:0 0 10px 0;color:#45A3FF;text-align:center;margin:20px 0 0 0;} .questionprompt {color: gray; font-style: italic; margin: 0px 0 10px 45px; } .infobox_icon {width:48px; height:48px; float:left;margin:0 20px 0 0;} /******************/ /* CONTENT LAYOUT */ /******************/ .floatleft {float:left; margin: 0 3.4% 10px 0;} .floatright {float:right; margin: 0 0px 10px 3.4%;} .course_landing_image_left {float:left;width:30%;margin:0 5% 0 0;} .course_landing_image_left img {width:100%;} .course_landing_image_right {float:left; width:65%;} .showhidelink2 {float:right;margin:0px 0 0 0;} .sectiontitleandpages {float:left;} .greenpencil_img {float:left;width:25px; height:27px;margin:0 10px 0 0;} .documentheader {background:#08365E; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; padding:14px; color:white; font-size:1.3em; line-height:1.3em; font-weight:bold; margin:10px 0 35px 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .numbermain {font-weight:bold;float:left;} .plain {margin:10px 0 10px 0;} .bold {margin:10px 0 10px 0; font-weight:bold;} .prefix {padding:0 2% 0 0;float:left;width:10%;} .prefix_text {float:left;width:88%;} .numbermain_text {float:left;width:550px; margin-left:10px;} .numbersub {font-weight:bold;float:left;margin-left:20px;} .numbersub_text {float:left;width:510px; margin-left:10px;} .lettermain {font-weight:normal;float:left;margin-left:20px;} .lettermain_text {float:left;width:510px; margin-left:10px;} .lettersub {font-weight:normal;float:left;margin-left:40px;} .lettersub_text {float:left;width:490px; margin-left:10px;} .bandedheader {background:#00529B; padding: 7px; color:white; margin-bottom:20px;font-size:1.2em; font-weight:bold;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .bandedheader_prefix {float:left;margin-right:10px;} .bandedheader_text {float:left;} .break {height:20px;} .imagecentre {width:100%; margin: 20px 0 20px 0; text-align:center; } .documentimage {border: 0px solid #666;} .table_header {background:#0D64A9; padding: 7px; color:white; margin-bottom:20px;font-size:1.2em; font-weight:bold;border-left:1px solid #888;border-top:1px solid #888;} .halfright {width: 46%; float: right; margin-left: 3.4% !important;} .halfleft {width: 46%; float: left; margin-right: 3.4% !important;} .table {padding:7px;border-left:1px solid #888;border-top:1px solid #888;} .table img {margin:0px;} .table p{margin:0;} .halfwidth {width:50%;} .insertdocument {margin:30px 0 7px 0px;} .center {width:100%;text-align:center;} .img {margin-bottom: 20px;} .tablewrapper {margin:0 0 20px 0;} .video {margin:0 0 20px 0;cursor: pointer;} .flash {margin:0 0 20px 0;} .iframe_inner {display:block;overflow:hidden;position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0;width:100%;} .iframe_inner iframe {position: absolute; top: 0; left: 0;width: 100% !important; height: 100% !important;} .vimeo_wrap {border:4px solid #0D62A6;margin:0 0 30px 0;position:relative;display:block;} .vimeo_wrap iframe {margin-bottom:-4px;} .sd_video_400 .iframe_inner{width:400px; height:225px; text-align:center;padding:0px;} .sd_video_400 .iframe_inner iframe{width:400px; height:225px;position:relative;} .sd_video_400 {width: 400px;} .sd_video_400 .vimeo_captions {width:340px;} .video_outer {display:block;overflow:hidden;position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0;width:100%;margin:0 0 2em 0;} .video_outer video {position: absolute; top: 0; left: 0;width: 100% !important; height: 100% !important;} .video_4x3 {padding-bottom: 75%;} .iframe_4x3 .iframe_inner {padding-bottom: 75%;} .fiba_avatar {width:250px;height:188px;padding:0px;} .fiba_avatar video {position: relative;width: auto !important; height: auto !important;} .vimeo1 { border: 0px solid #f2b310; margin: 0 0 0px 0; } .vimeo_captions {display:none;background:#f0f0f0;color:#0D62A6; padding:15px 30px;font-size:1.2em;text-align:center;} .audio_captions {display:none;background:#f0f0f0;color:#0D62A6; padding:15px 30px;font-size:1.2em;} .vimeo_logo {position:absolute; right:10px;top:10px;width:32px; height:32px;} .audiowrapper {padding:10px;background:#0D64A9;border:1px solid #0A528B;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;margin:0 0 20px 0;} .audiotext {margin:0 0 9px 0; color:#ffffff;font-style: italic; } #documentwrapper a {font-weight:bold;} #documentwrapper img {max-width:100% !important;} .inlinetext, .inlinetextarea {font-size:1.2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;border:1px solid #aaa; padding:2%; margin-bottom: 20px; width: 96%; font-family:"Lucida Grande", Verdana, Corbel, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;} .inlinedropdown {font-size:1.2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;border:1px solid #aaa; padding:8px; margin: 0px 0 20px 0; font-family:"Lucida Grande", Verdana, Corbel, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;} .inlinetextarea {height: 170px;} .tablewrapper .inlinetext {margin: 0;} .tablewrapper .inlinetextarea {margin: 0;} .tablewrapper .inlinedropdown {margin: 10px 0 10px 0;} .inlinequestionsubmit {padding:8px 15px;margin:15px 0 8px 0;} .incorrecttext {font-size:1.1em; font-weight:bold;display:none;color:#BC252D;margin:14px 0 10px 36px;} .correcttext {font-size:1.1em; font-weight:bold;display:none;color:#00822e;margin:14px 0 10px 36px;} .about_links a {display:inline-block; width:27%; text-align:center; font-size:1.1em;background:#009bdf;padding:8px 1%; border-radius:100px;color:#fff;margin:0 1.5%;} .about_links a:hover {background:#3BB8EF;} /* TESTING ONLY */ div {border:0px solid red;} .about_section_wrap {padding:5% 10% 0 10%;} /*----------------- TABS -----------------*/ .tab_set_wrap {position:relative;padding:27px 0 0 0; margin: 0 0 20px 0;} .tab_set_headings_wrap {position:absolute;top:0px;left:0px;} .tab_set_headings_wrap a {border-top-left-radius:3px;border-top-right-radius:3px;font-weight:normal !important;padding:5px 8px;margin:0 5px 0 0;display:inline-block;background:#e6e6e6;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;text-decoration:none;color:#000;} .tab_set_headings_wrap a:hover {background:#d3d3d3;} .tab_set_content_wrap {background:#f7f7f7;padding:40px 40px 20px 40px;border:1px solid #ddd;} .tab_individual_content {display:none;} .tab_content_id1 {display:block;} .tab_set_headings_wrap .tab_shade_on {background:#f7f7f7;border-bottom:1px solid #f7f7f7;} .tab_set_headings_wrap .tab_shade_on:hover {background:#f7f7f7;} /*---------- LOGIN / registation ----------*/ .loginform {width:150px; border:1px solid #bbb;padding:5px; font-size:1.2em;background-image: url(../images/form_bg1.jpg); background-repeat:repeat-x;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .loginsubmit {padding:4px 10px;margin:10px 0 0 0;} .login_error {border:1px solid #CD9696; width:100%; background:#FDEDED; margin: 0px 0 20px 0; padding:0px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .required, .not_required {float:left;border:1px solid #bbb; padding:3px 5px 3px 5px; font-size:1.2em; background-image: url(../images/form_bg1.jpg); background-repeat:repeat-x;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} input.error,select.error {border:1px solid red; padding:3px 4px 3px 4px; font-size:1.2em; background-image: url(../images/form_bg1.jpg); background-repeat:repeat-x;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} label.error {} .label_error {clear:both;width:300px;color: red;font-style: italic; font-weight: normal;} .input_wrapper {margin-bottom:6px;} .input_wrapper_missing {margin:0px 0 10px 0px;padding:10px 0px; background:#FFF5F5;border:2px solid #FF8D8D;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .input_wrapper_missing img {float:left;margin:5px 0 0 10px;} .input_wrapper_missing_inner {margin:5px 10px;float:left;} .input_wrapper_missing_title {color:#FF8D8D; font-size:1.7em; font-weight:normal;margin:0 0 8px 0;} .input_wrapper_missing_text {width:500px;} .input_text {float:left;width:47%;text-align:right;margin:5px 0 0 0px;color:#777;} .input_input {margin:0 0 0 2%; float:left;width:48%} .input_input input[type="text"],.input_input input[type="password"],.input_input textarea {width:94%;padding:3%;} .input_input select {padding:3%;} .input_checkbox_wrapper {margin:5px 0 0 0;} .input_checkbox {float:left;} .input_checkbox_text {margin-bottom:10px;} .input_textarea {font-family:sans-serif; font-weight:normal;width:300px; height:40px;border:1px solid #bbb; padding:3px 5px 3px 5px; font-size:1.2em; background-image: url(../images/form_bg1.jpg); background-repeat:repeat-x;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .validation-invalid {} .registration {padding: 8px 15px;margin:20px 0 0 0;} .field_type_asterix {float:left;width:2%;padding:8px 0 0 1%;text-align:right;} .field_type_asterix_mandatory {color:#d21c3f;} .field_type_asterix_addlater {color:#00934b;} .vp_name {color:#999;} .star {font-size:0.9em;color:#999;padding:0 0 0 2px;font-style:italic;} .reg_closed {clear:both; margin:10px 0 10px 0px;padding:15px; font-size:1.4em; text-align:center; color: #d21c3f; background:#FFF5F5;border:2px solid #d21c3f;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} /******************/ /* ASSESSORS */ /******************/ .assess_header {font-size:1.4em;line-height:1.4em;border-bottom:1px solid #eee;padding:0 0 17px 0;} .assess_wrap {background:#f6f6f6;margin:0 0 20px 0;border:1px solid #bbb;padding:10px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .assess_q_wrap {margin:0 0 15px 0;} .assess_a_wrap {margin:0 0 15px 0;} .assess_fb_wrap {margin:0 0 15px 0;} .assess_grade_wrap {margin:0 0 0px 0;} .assess_letter {width:140px;float:left;color:#aaa;margin:0 20px 0 0;text-align:right;} .assess_question {float:left;width:360px;} .assess_answer {float:left;width:360px;color:#0D64A9; font-size:1.3em;font-style:italic;} .assess_comments {float:left; width:360px;} .assess_comments textarea {width:360px; padding:5px; height:50px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #bbb;} .assess_grade {float:left; width:360px;} .assess_grade input {padding:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #bbb;width:30px;font-size:1.3em;text-align:right;} .assess_grade_red input {padding:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid red;width:30px;font-size:1.3em;text-align:right;color: red;} .assess_error {color:red; text-align:center; margin:20px 0;font-size:1.4em;} .assess_table td {text-align:center;} .assess_table {margin:30px 0 0 0;} .assess_users {width:170px;padding:10px 0 0 30px;} /**************/ /* PRESENTERS */ /**************/ .presenters_wrap {margin:0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dddddd;} .presenters_image {float:left; width:20%;} .presenters_image_blank {float:left; width:100px;} .presenters_text_wrap {float:left;margin:0 0 0 3%;width:77%;} .presenters_name {font-size:1.5em;margin:20px 0 10px 0;} .presenters_title {color:#777; margin: 0 0 20px 0;} .presenter_img_large {float:left;margin:40px 5% 20px 0;width:30%;} .presenter_bio {float:left; margin:40px 0 0 0;width:65%;} .presenter_title {font-size:1.2em;} /**************/ /* SPONSORS */ /**************/ .sponsors_logos {clear:both; float:right;margin:30px 0px 0px 0;} .sponsor_type {font-size:1.4em;margin:0 0 10px 0;color:#777;} .sponsors_wrap {margin:0 0 20px 0;} .sponsors_grey_wrap {background:#eee;padding:20px 20px 1px 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .sponsors_white_wrap {padding:20px 20px 5px 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .sponsors_image_wrap {float:left; width:100px;height:100px; text-align:center;border:1px solid #ddd;padding:10px;background:white;} .sponsors_image {} .sponsors_text_wrap {float:left;margin:0 0 0 30px;width:350px;} .sponsors_name {font-size:1.5em;margin:15px 0 5px 0;} .sponsors_title {color:#777;} .sponsor_img_large {float:left;margin:40px 20px 20px 0;} .sponsor_profile {float:left; margin:40px 0 0 0;} .sponsor_title {font-size:1.2em;} .sponsor_divider {border-bottom:1px solid #ccc; margin-top:-25px;} /*---------- FILESHARE ----------*/ .fileshare_title {color:#ddd; font-weight:bold; font-size:3em;margin:0 0 30px 0;border-bottom:3px solid #eee;line-height:1em;padding:0 0 5px 0;text-align:center;} .fs_tickbox {float:right;margin:2px 0 0 10px;} .fileshare_wrapper {margin:0px 0 30px 0;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .fs_filelist_wrapper {float:left;width:600px;background:#fff;margin:0px;padding:0px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .fs_breadcrumb, .fs_breadcrumb a {color:#0D64A9;text-decoration:none;} .fs_breadcrumb a:hover{text-decoration:underline;} .fs_breadcrumb_path {margin:0 0 10px 0;} .fs_breadcrumb_icon {float:left;width:45px;height:45px;} .fs_breadcrumb_text {float:left;font-size:1.5em; line-height:1.5em; font-weight:bold;color:#0D64A9;margin:6px 0 0 0;} .fs_right_menu_title {font-size:1.25em; line-height:1.5em; font-weight:bold;color:#0D64A9;margin:6px 0 0 0;} .fs_nav {text-align:right;background:#f0f0f0; padding:5px; color:#8FA1C3; margin:5px 0 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .fs_nav span {font-weight:bold;padding:0 0px 0 0;color:#0D64A9;} .fs_nav a {text-decoration:none;color:#8FA1C3;padding:0 0px 0 0;} .fs_nav a:HOVER {text-decoration:underline;} .fs_functions_wrapper {background:#fff;margin:5px 0 0 24px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;width:600px;} .fs_functions_wrapper_span{padding:15px 30px 0 8px; display:block;float:right;} .fs_functions_wrapper_span a{text-decoration:none;position:relative;top:-13px;} .fs_functions_item {margin:8px 0;float:left;} .fs_functions_item img {width:17px;} .fs_functions_item h3 {float:left; margin:8px 0 8px 10px;font-size:1.3em;font-weight:bold;} .fs_item_wrapper{margin:0px 0px 0px 0;padding:10px 10px 5px 20px; border-bottom:1px solid #ECEEF3;width:550px;} .fs_item_wrapper a{text-decoration:none;color:#000;} .fs_item_wrapper:hover{background:#F8F9FA;} #fs_newfolder{height:65px;padding:0 20px;display:none;} .fs_textinput, .fs_textinput_desc { padding:5px;border:1px solid #aaa; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size:1.2em;} .fs_textinput_desc {font-size:0.9em;} .fs_submit {padding:5px;} .fs_icon {float:left;width:45px;} .fs_details {float:left;width:400px;} .fs_name {font-size:1.25em;margin:0 0 5px 0; } .fs_desc {margin:0 0 5px 0;} .fs_name a {text-decoration:none;color:#000;} .fs_subtext {font-size:1em;color:#aaa; } .fs_controls a {float:right; width:16px;text-align:right;color:#ccc;} .fs_function {margin:0 40px 0 0;} .fs_name2 {float:left;text-align:right; width:80px;color:#aaa;margin:7px 5px 0 0;} .fs_item_links {margin:0 0 20px 0;} .fs_item_links img {margin:5px 10px 0 0;position:relative; top:5px;} .fs_trans_item {margin:4px 0 4px 50px;} .fs_trans_item img {position:relative;left:-5px;top:3px;} .fs_assign_list {margin:0 0 5px 20px;} /*---------- POP UP UPLOADER ------------ */ #fspu_wrapper {padding:27px 40px 40px 40px;} #fspu_wrapper {padding:27px 40px 40px 40px;} #fspu_uploader {margin:20px 0;} #fspu_verify_wrapper {margin:20px 0;} .fspu_line {clear:both; border-bottom:1px solid #ddd;} .fs_success {float:left;width:450px;margin:5px 0 5px 0;font-size:1.25em;} .fs_success_message {float:left;width:450px;font-size:1em;} .fspu_rev_wrapper {margin:5px 0 0 0;} .fspu_littleicon {float:left;margin:0 8px 0 45px;} .fspu_ver_name {float:left; width:300px;} .fspu_ver_langs {float:left;} .fspu_submit, #myuploaderButton, #uploadercancelbutton {padding:7px 14px;cursor:pointer;} #myuploaderButton {margin:0 0 15px 0;} #uploadercancelbutton {margin:15px 0 0px 0;} .AjaxUploaderQueueTableRow {border:10px;} .fs_share_title {background:#0D64A9;padding:7px;color:#fff;font-size:1.2em;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .fs_nofiles_message {padding:50px 20px 50px 0px; font-size:1.8em; text-align:center; color:#ddd;} /************** Skin 1 *********************/ .dd_wrapper select {margin:10px 0 0 0px;} .dd { /*display:inline-block !important;*/ text-align:left; float:left; } .dd .ddTitle, #search_text { background:#f2f2f2; border:1px solid #c3c3c3; padding:3px; text-indent:0; cursor:default; overflow:hidden; height:16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .dd .ddTitle span.arrow { background:url(../fileshare/images/arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; } .dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;} .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0} .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { position:absolute; border:1px solid #c3c3c3; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px} .dd .ddChild a { display:block; padding:2px 0 2px 3px; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd .ddChild a:hover { background-color:#DCF6B7; } .dd .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; } .dd .ddChild a.selected { background-color:#DCF6B7; } .hidden {display:none;} .dd .borderTop{border-top:1px solid #c3c3c3 !important;} .dd .noBorderTop{border-top:none 0 !important} /************* use sprite *****************/ .dd .ddChild a.sprite, .dd .ddChild a.sprite:visited { background-image:url(../icons/sprite.gif); background-repeat:no-repeat; padding-left:24px; } .dd .ddChild a.calendar, .dd .ddChild a.calendar:visited { background-position:0 -404px; } .dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited { background-position:0 -330px; } .dd .ddChild a.cd, .dd .ddChild a.cd:visited { background-position:0 -439px; } .dd .ddChild a.email, .dd .ddChild a.email:visited { background-position:0 -256px; } .dd .ddChild a.faq, .dd .ddChild a.faq:visited { background-position:0 -183px; } .dd .ddChild a.games, .dd .ddChild a.games:visited { background-position:0 -365px; } .dd .ddChild a.music, .dd .ddChild a.music:visited { background-position:0 -146px; } .dd .ddChild a.phone, .dd .ddChild a.phone:visited { background-position:0 -109px; } .dd .ddChild a.graph, .dd .ddChild a.graph:visited { background-position:0 -73px; } .dd .ddChild a.secured, .dd .ddChild a.secured:visited { background-position:0 -37px; } .dd .ddChild a.video, .dd .ddChild a.video:visited { background-position:0 0; } /* EXAM CONFIG 2 */ .exam2_wrap {margin:30px 0 0px 30px;} .exam2_question {margin:0 0 7px 0;} .exam2_answer {margin:0 0 0 20px;} .exam2_nav_wrap {font-size:2em;position:relative;margin:30px 0 0 0;height:40px;} .exam2_nav_wrap a {margin:0 2px;} .exam_prev,.exam_next {position:absolute;display:block;background:#FF7D00; border-radius:100px;width:40px;height:40px;color:#fff;font-weight:bold;} .exam_prev {left:0px;} .exam2_pagenos {position:absolute;text-align:center;width:100%;margin:8px 0 0 0;} .exam_next {right:0px;} .exam_prev img,.exam_next img {width:25px;margin:7px 0 0 0;} .exam_prev img {margin-left:5px;} .exam_next img {margin-left:9px;} .exam2_highlight_checked {color:#FF7D00;font-weight:bold;} .exam2_submit_exam_wrap {display:none;} .exam2_submit_exam {color:#fff;background:#FF7D00; padding:15px;font-size:2em;display:inline-block;margin:30px auto 0 auto;border-radius:4px;} .exam2_answer label {cursor:pointer;} .exam2_submit_exam_wrap_text {margin:20px 0 0 0;} .exam2_nav_number {background:#000;border-radius:100px;padding:2px 10px;} .exam2_nav_highlight {background:#FF7D00;color:#000;} #questions_to_answer_span {color:#FF7D00; font-weight:bold;} /*****************/ /* AFEC */ /*****************/ .afec_centre_bio {display: none;} .afec_centre_name {font-size: 1.2em; color: #00a651;} .afec_centre_name, .afec_centre_location {margin-left: 30px;} .afec_centre_hr {border: none; border-bottom: 1px solid #009bdf;} .afec_centre_bio_text {margin: 10px 0px;} .afec_centre_contact {font-weight: bold; font-size: 1.2em; margin-bottom: 10px;} .afec_centre_logo {width: 200px; float: right; margin: 0 0 20px 20px; } .afec_centre_logo_image {width: 100%;} .afec_text {width:40%; position: absolute; top:50px; right: 5%;} .afec_logo{width:20%;position:absolute; left:10px; top:45px;} .afec_image {width:50%;margin-bottom:-10px;} /*------------ COURSE ADMIN -----------*/ #educator_selects {clear: both;} .ca_h1 {font-size:1.8em;margin:0 0 50px 0;} .ca_h3 {font-size:1.5em;margin:0 0 15px 0;} .academy_list {} .ca_videos_popupwrap {width:980px;padding:20px;} .ca_wrap {padding:0 25px 25px 25px;margin:-50px 0 20px 0;position:relative;} .ca_wrap textarea {font-family:"Trebuchet MS", "Segoe UI", Trebuchet, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;} .ca_wrap a {color:#000;} .ca_help {display:none;position:absolute; top:-5px;right:25px;background:#AE1D1F; color:#ffffff;border-radius:4px;padding:6px 12px 6px 9px;font-size:1.3em;line-height:1em;transition: background 0.2s} .ca_help:hover {background:#7E0F0E;} .ca_help img {width:12px;margin:0 5px 0 0;} .help_videos_bg {background:#eeeeee !important;} .ca_video_thumb_wrap {padding:7px;transition:background 0.2s; } .ca_video_thumb_wrap:hover {background:#dddddd;} .ca_video_thumb_wrap img {width:40px;border:1px solid #ccc;float:left;} .ca_video_thumb_title {float:left;font-size:1.2em;text-align:left;margin:0px 0 0 10px;} .ca_video_thumb_title_inner {height:40px;width:360px;display:table-cell;vertical-align:middle;} .video_video {width:506px;float:right;margin:0 0 0px 0;} .video_thumbs {width:444px;float:left;margin:0 0px 0px 30px;} .video_video iframe {width:500px;height:518px;border:3px solid #bbbbbb;margin:0 0 -4px 0;} #video_message {margin:0px 0 0px 0; display:none;background:#2a3d83;color:#ffffff; padding:12px 30px 15px 30px;text-align:center;font-size:1.1em;} .cs_select_wrap {border-radius:6px;padding:10px 10px 10px 10px;margin:0 0px 12px 0;background:#e8e8e8;} .cs_select_wrap_not_submitted {background:#AE1D1F;color:#ffffff;} .cs_select_wrap:hover {background-color:#C9E2FF !important;cursor:pointer;} .cs_select_wrap_not_submitted:hover {background:#821618 !important;color:#ffffff;} .cs_select_venue {float:left; width:28%;margin:0 2% 0 0;height:5px;} .cs_select_country {float:left; width:22%;margin:0 2% 0 0;} .cs_select_type {float:left; width:33%;margin:0 2% 0 0;} .cs_select_date {white-space:nowrap;float:left; width:7%;margin:0 2% 0 0;} .cs_select_icog_icon {float:right;margin:-5px -4px -10px 0;} .cs_select_icog_icon img {width:25px;} .cs_certificates_wrap {padding:40px 0 0 0;} .cs_certificates_title {font-size:2em;color:#2a3d83; margin: 0 0 40px 0} #cs_certificates_form_wrap {padding:20px 0;} .cs_certificates_icon {text-align:center;} .cs_certificates_icon img{width:30px;} .cs_certs_table td {vertical-align:middle;} .cs_certificates_form_wrap_left {float:left;width:170px;margin:0 20px 0 0 } .cs_certificates_form_wrap_left img {border:1px solid #999;width:100%;} .cs_certificates_form_wrap_right {float:right;width:720px;} .cs_certs_created {font-size:1.6em;} .certificates_required_notification {font-size:0.9em;} .certificates_required_notification .ca_nav_wrap a {margin:0px;} .cs_newentry {margin:30px 0 8px 0px;color:#28a900; font-size:1.8em; } .ca_wrap2 {padding:0px;font-size:1.1em;} .ca_home_wrap {} .ca_search_wrap {margin:0 0 30px 0;background:#e8e8e8;padding:15px 15px 5px 15px;border-radius:8px;} .ca_search_item {float:left;margin:0 10px 10px 0;} .ca_search_item span {display:block;color:#999;font-size:0.9em;padding:0 0 5px 0;} .ca_search_item input,.ca_search_item select {border:0px;padding:5px;border-radius:4px;} .ca_search_item select {-webkit-appearance:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ca_search_item select {height:30px;padding-right:16px;background-image:url(../images/downarrow.png);background-repeat:no-repeat;background-size:12px;background-position:right 5px top 10px;} .ca_search_item input {height:20px;} } .ca_search_item select {-webkit-appearance:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ca_search_item select {background:#fff;height:30px;padding-right:16px;background-image:url(../images/downarrow.png);background-repeat:no-repeat;background-size:12px;background-position:right 5px top 10px;} .ca_search_item input {height:20px;} } .formitem select {-webkit-appearance:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .formitem select {height:40px;padding-right:16px;background-image:url(../images/downarrow.png);background-repeat:no-repeat;background-size:12px;background-position:right 5px top 13px;} } .ca_attendees_wrap select {-webkit-appearance:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ca_attendees_wrap select {height:26px;padding-right:16px !important;background-image:url(../images/downarrow.png);background-repeat:no-repeat;background-size:12px;background-position:right 5px top 6px;} } .ca_attend_header {margin:25px 0 10px 0;text-align:center;font-size:1.6em;} .ca_attend_subheader2 {margin:0px 0 25px 0;text-align:center;font-size:1.2em;} .ca_attend_subheader {margin:0px 0 25px 0;text-align:center;font-size:2.4em;} .formitem {float:left;margin:0 15px 0px 0px;padding:8px 15px 15px 8px;} .formitem input,.formitem select,.formitem textarea {border:1px solid #ccc; padding:7px 20px 7px 7px;font-size:1.25em;} .formitem input:hover,.formitem select:hover,.formitem textarea:hover {border-color:#aaaaaa; box-shadow: 0px 0px 6px #dddddd;} .itemnametext,.options_formtitle {color:#333;white-space: nowrap;margin-bottom:4px;font-size:1.3em;} .ca_submit {margin:25px 0 0 0;display:inline-block;text-decoration:none; padding:15px 20px; color:white; font-size:1.5em; background:#2a3d83;} .ca_submit2 {margin:5px 0 0px 0;display:inline-block;text-decoration:none; padding:15px 20px; color:white; font-size:1.3em; background:#2a3d83;border-radius:4px;} .ca_submit3 {margin:0px 0 0px 0;display:inline-block;text-decoration:none; padding:15px 20px; color:#fff; font-size:1.3em; background:#ddd;border-radius:4px;} .ca_submit:hover {background:#485997; color:#eee;} .ca_submit2:hover {background:#485997; color:#eee;} .ca_addanother {margin:4px 0 0 0;} .ca_addanother a {color:#aaa;text-decoration:none;} .ca_addanother a:hover {color:#395B9E;} .ca_attendees_wrap {border-radius:0px;padding:22px 17px 12px 17px;background:#e8e8e8;font-size:1.1em;border-bottom:15px solid #ffffff;} .ca_attendees_wrap input,.ca_attendees_wrap select,.ca_attendees_wrap textarea {font-size:0.9em; padding:3px;border:0px solid #ccc; margin:0 10px 10px 0; float:left;border-radius:3px;} .ca_saveandadd {cursor:pointer;margin:1px 0 0 0;float:left;height:22px;font-size:1.5em;padding:3px 10px 0 10px;background:#1FAC57; color:white;} .ca_saveandadd:hover {background:#148641;} .attendee_gender_select {width:100px;} .attendee_age_select {width:100px;} .cs_prompt {color:#aaa;} .ca_attendee_count {display:none;margin:8px 0 0 0;float:left;color:#fff;font-size:2.5em;padding:25px 0 0 0px;text-align:center;width:60px;height:50px;} .course_admin_wrapper div.fancy-select {margin-right:20px;} .course_admin_wrapper div.fancy-select div.trigger,.course_admin_wrapper div.fancy-select div.trigger.open,.course_admin_wrapper div.fancy-select ul.options {background:#2a3d83} .course_admin_wrapper div.fancy-select ul.options li:hover {background:#4C5FA6;} .user_certs_item {border-bottom:1px solid #eee;position:relative;padding:20px 150px 25px 30px;transition:all 0.2s; width:380px;} .user_certs_item:hover {background:#eee;} a .user_certs_item {color:#000;} .user_certs_item img {position:absolute; right:0px;width:40px;vertical-align:middle;margin:0 30px 0 0;} .user_certs_item_date,.user_certs_item_venue,.user_certs_item_country {float:left;margin:0 30px 0 0;color:#999;} .user_certs_item_name {clear:both;font-size:1.8em;padding:10px 0;} .user_certs_item_first_download {clear:both;float:left;margin:0 30px 0 0;color:#999;} .user_certs_item_download_count {float:left;color:#999;} .ca_extra_fields_wrap {margin:15px 0 0 0;} .ca_extra_fields div {font-size:0.9em;margin:0 0 5px 0;} .ca_extra_fields {float:left;} .ca_assess_wrap {border-radius:6px;padding:7px 10px 0 10px;margin:0 15px 12px 0;background:#e8e8e8;} .notassessed {background:#BDDFFF;} .ca_assess_name {float:left; width:200px;margin-right:15px;padding-top:6px;font-size:1.3em;} .ca_assess_email {float:left; width:250px;margin-right:15px;padding-top:6px;opacity:0.5;} .ca_assess_grade {float:left; width:150px;margin-right:15px;} .ca_assess_upload {float:right; } .ca_assess_overwrite {float:right; width:150px;margin:4px 15px 0 0;} #uploader button {padding: 2px 14px;cursor:pointer;} .attendee_save_button {position:absolute; right:20px;} .attendee_delete img {width:35px;position:absolute; right:40px;top:25px;} .attendee_cert {width:120px;position:absolute; right:10px;top:14px;text-align:center;} .attendee_cert a {text-decoration:none;} .attendee_cert img{width:30px;margin:0 0 10px 0; float:left;} .ca_attendees_wrap {position:relative;} .attendee_transcripts_wrap {padding:0px 0 10px 0;} .course_admin_ass_wrap {margin:10px 0 0px 30px;height:14px;border-bottom:1px solid #fff;padding:0 0 8px 0;} .assess_without_transcript {margin:10px 0 0px 30px;height:14px;padding:0 0 8px 0;} .hideassesswithouttranscript {float: right; margin: 5px 0 0px 5px;} .cancelassesswithouttranscript {float: right; margin: -2px 0 0 7px;} .attendee_transcripts_wrap .course_admin_ass_wrap:last-child {border-bottom:0px solid #fff;} .assessment_old {opacity:0.5;} .course_admin_ass_trans {float:left; width:130px;} .course_admin_ass_date {float:left; width:150px;} .course_admin_ass_type {float:left; width:60px;} .course_admin_ass_type img {width:20px;margin:-3px 0 0 0;} .course_admin_ass_filename {float:left; width:200px;} .course_admin_ass_filename select {border:0px;position:relative;top:-2px;margin:0 10px 0 0;} .course_admin_ass_confirm {float:right; margin:0 0 0 10px;background:#366A9B; color:#fff;padding:4px 6px;margin:-4px 0 0 10px} .course_admin_ass_confirm:hover {background:#2A3D83;} .course_admin_ass_confirm2 {float:right; margin:0 0 0 10px;} .course_admin_ass_confirm a {color:#fff;text-decoration:none;} .course_admin_ass_assessment {float:right; text-align:right;} .course_admin_ass_assessment select {position:relative;top:-5px;} .course_admin_ass_assessment span {font-size:1.3em;} .course_form_error {border:1px solid red !important;background:#FFDFDF;} .ca_create_wrap {position:absolute;right:20px;top:50px;} .ca_nav_wrap {text-align:center;margin:30px 0 20px 0;} .ca_nav_wrap a,.ca_create_wrap a {background:#2a3d83; color:#fff;padding:7px 12px;font-size:1.2em; text-decoration:none;margin:0 5px; border-radius:3px;transition:background 0.2s} .ca_nav_wrap a:hover,.ca_create_wrap a:hover {background:#485997;} .ca_attend_head_wrap {position:relative;width:100%;} .ca_upload_file {position:absolute; bottom:0px;left:0px;} .ca_delete_row {width:22px;margin:0 4px;opacity:0.2;transition:opacity 0.2s} .ca_delete_row:hover {opacity:1;} .infoicon {width:18px;vertical-align:middle;} .noemailmsg {padding:5px 0 0 0;} .noemailmsg a{text-decoration:none;font-size:0.9em;} .noemailmsg a:hover{text-decoration:underline;} #spinner_wrap {display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:999999;} .spinner_white {width:100%;height:100%;background:#ffffff;opacity:0.8; position:relative;} #spinner { width:80px; height:80px; background-image: url("../images/spiffygif_80x80.png");position:absolute;top:50%;left:50%;margin:-80px 0 0 -40px} .eyecatchingly_gorgeous {font-size:1.7em;} .ca_missing {background:#FFC7C7;} .user_not_in_database {background:#C3E8FB;} .ca_import_table {border-top:1px solid #aaa;border-left:1px solid #aaa;width:auto;} .ca_import_table td{border-bottom:1px solid #aaa;border-right:1px solid #aaa;padding:0px;overflow:hidden;} .ca_import_table input {width:10px;} .ca_import_table input,.ca_import_table select,.ca_import_table textarea{border:0px;padding:4px 6px 4px 6px;background:none;margin:0px;} .ca_import_table textarea {width:100%;resize: none;height:30px;overflow: hidden; word-wrap: normal;padding:12px 0 0 12px;} .ca_import_table select {} .ca_import_table tr:nth-child(1) td {padding:10px 10px;background:#eee;font-weight:bold;} .import_swap {text-align:left;text-decoration:none;padding:0 0 10px 0;} .import_swap a {text-decoration:none;color:#aaa;font-size:0.9em;} .import_swap a:hover {color:#000;} .prerequisite_courses_item_wrap {margin:0 0 0 35px; font-size:0.9em;} .prerequisite_courses_item_status,.prerequisite_courses_item_1,.prerequisite_courses_item_2,.prerequisite_courses_item_download_wrap,.prerequisite_courses_item_upload,.prerequisite_courses_item_upload_date {display:inline-block;margin-right:25px;} .prerequisite_courses_item_download{color:#fff;display:inline-block;background:#2a3d83; color:#fff;padding:3px 5px;text-decoration:none;border-radius:3px;transition:background 0.2s} .prerequisite_courses_item_download a {color:#fff;text-decoration:none;} .prerequisite_courses_item_download:hover {background:#485997;} .prerequisite_courses_item_title {font-weight:bold;margin:10px 0 0 0;} .prerequisite_courses_item_status img {width:25px;position:relative;top:5px;} .email_problem_popup_wrap h2 {color:#2a3d83;} /*----------- typeahead -----------*/ .typeahead, .tt-query, .tt-hint { } .typeahead { background-color: #fff; } .typeahead:focus { } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999; width: 400px; } .tt-dropdown-menu { width: 400px; margin-top: 12px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .tt-suggestion { padding: 3px 20px; font-size: 1.2em; line-height: 12px; } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0097cf; } .tt-suggestion p { margin: 0; } .gist { font-size: 1.2em; } span.twitter-typeahead {display:inline !important} .tw_checkbox {position: relative;margin:15px 0 20px 3px} .tw_checkbox span {padding-left:35px;} .tw_checkbox input{display:none;} .tw_checkbox label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: -5px; border-radius: 0px; border:1px solid #ccc; background: #fff; margin:0px 0 0 4px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); } .tw_checkbox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tw_checkbox label:hover::after{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5; } .tw_checkbox input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* NEW LOGIN */ .newlogin_wrap {padding:50px 10%;float:left;width:50%;} .newlogin_wrap .form_text {width:20%;float:left;text-align:right;margin:12px 3% 0 0;font-size:1.1em} .newlogin_wrap .form_input {width:61%;float:left;border:0px; font-size:1.4em;margin:0 0 20px 0;padding:2%;border:1px solid #aaa;} .newlogin_wrap .submit_button {text-align:center;} .newlogin_wrap .submit_button a {display:inline-block;background:#009BDF;font-size:1.4em;padding:10px 15px;color:#ffffff;} .newlogin_wrap .submit_button a:hover {background:#077AAC;text-decoration:none;} .newlogin_wrap .form_error {padding:20px 0 40px 0;font-size:1.3em;color:#BD0707} .newlogin_wrap .form_success {padding:20px 0 40px 0;font-size:1.3em;color:#5DBD07} .newlogin_wrap .login_extra_links {margin:30px 0 0 0;} .newlogin_wrap .login_extra_links a {display:block;margin:5px 0;} .your_programmes_continue {margin:40px 0 0 0;font-size:1.4em; text-align:center;} /* OLD ENVIRONMENT 0 /* /* ********************************* *//* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ /* ********************************* */ body {background:#01648F url(../images/bg2.png) repeat-x top center;font-family: Verdana, "Lucida Grande", sans-serif;background-attachment:fixed;} /* TinyMCE specific rules */ body.mceContentBody { background: #fff; } .waos_blue {color:#009BDF;} .waos_red {color:#ED1A3A;} .waos_green {color:#00A651;} .waos_orange {color:#EDA51A;} .waos_blue_bg {background-color:#009BDF;} .waos_red_bg {background-color:#ED1A3A;} .waos_green_bg {background-color:#00A651;} .waos_orange_bg {background-color:#EDA51A;} .black {color:#000;} .white {color:#fff;} .theme_blue {color:#009BDF;} .theme_red {color:#ED1A3A;} .theme_green {color:#00A651;} .bg_theme_blue {background-color:#009BDF;} .bg_theme_red {background-color:#ED1A3A;} .bg_theme_green {background-color:#00A651;} h1,h2 {color:#009BDF;} /*.leftnav_programme_modules_wrap a {padding-left:0px !important;}*/ .mobile_left_menu_link {display:none;} .numberbutton {background-image:url(../images/number-button2.png);} .number {color:#fff;} .uppercase {text-transform:uppercase;} #sitewrapper {position:relative;margin:30px auto 0px auto;background:#fff;border:1px solid #e0e0e0;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} .login_wrap {color:#009BDF;z-index:99999;padding:5px 0 0 5px;position:relative;} .hamburger {display:none;} .login_wrap,.login_wrap a {color:#009BDF;} .login_wrap img {vertical-align:middle;} #headerwrapper {background:#fff; margin:0px 0 0 0;border:0px solid red;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .th_banner_outer {display:block;overflow:hidden;position: relative; padding-bottom: 28%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0;margin:10px 0 0 0;} #th_banner {position: absolute; top: 0; left: 0;width: 100% !important; height: 100% !important;display:none;} #content {padding:20px 0 0px 0;} .th_box {background:#f4f4f4;overflow:hidden;border:1px solid #ddd;} .th_boxtitle {text-transform:uppercase;font-size:1.6em;margin:0px 0px 0 0px;padding:8px 8px 8px 13px;color:white;background-image :url(../images/lines.png);background-position:right;background-repeat:no-repeat;} .th_boxtitle:hover {text-decoration:none !important;} .course_landing_table ,.course_landing_table td {background:#fff; border:0px !important;} #content div div {} .waosleftnavlogo {position:relative; left:-10px;} body.mceContentBody table {margin:0 0 30px 0;} #contentwrapper table {border-top:1px solid #bbb;border-left:1px solid #bbb;margin:0 0 30px 0;background:#fafafa;} #contentwrapper td {border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:5px;} .programme_search_wrap {width:90%; padding:5%;} .programme_search {position:absolute;top:-45px;right:25px;} .programme_search_input {width:100px;padding:4px 8px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #ddd; } .programme_search_submit {padding:4px 8px;} .ftf_prog_header {margin:40px 5% 20px 5%;border:1px solid #ccc;background:#fafafa;clear:both;} .ftf_prog_header img {width:100%x;} .ftf_prog_img {width:15%;float:left;max-width:67px;} .ftf_prog_img img {width:100%;vertical-align: middle;} .ftf_prog_title_outer {font-size:2.2em;float:left;padding:0px 0 0 3%; height:65px;display: table;line-height:1.1em;width:80%;} .ftf_prog_title_inner {vertical-align:middle;display:table-cell; } .ftf_prog_section_title {font-weight:bold;color:#000;font-size:1.6em;margin:20px 0 20px 0;line-height:1.2em;} .ftf_prog_section_html {margin:0 0 35px 0;} .tft_prog_course_wrap {margin:20px 0 0 5%;} .tft_prog_icon {float:left;} .tft_prog_text {float:left;font-size:1.1em;width:80%;} .twitter_link {float:right;margin:-5px 31px 0 0;color:#999;} .twitter_link img {position:relative; top:6px;width:20px} .twitter_link a {color:#999;} .about_link {border:0px solid red; float:left;margin:0px 0px 0 28px;color:#999;} .about_link .home_icon,.about_link .course_clip,.partners_icon,.question_icon {position:relative;top:6px;left:-2px;} .about_link_bottom {clear:both;padding:0 0 20px 20px;} .about_link img,.about_link_bottom img {width:20px} .about_link a, .about_link_bottom a {color:#999;} /* partners height : 325 programme height : 190 -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; */ .tophome_wrap {padding:0 1% !important;} /* FINDER */ .finder_wrap {margin:0 0 10px 0} .finder_image {float:left;width:12%;margin:0 2% 0 0;} .finder_image img {width:100%;} .finder_image_inner {vertical-align:middle;width:100%;} .finder_title {margin:0px 0 0 0;float:left;width:86%;font-weight:bold; font-size:1.1em;} .finder_desc {float:left;width:86%;} /* PARTNERS */ .partnersp_wrap {width:28%; display:inline-block;margin:0 2.5% 40px 2.5%;vertical-align:top;} .partnersp_image {float:left;width:20%;} .partnersp_image img {width:100%;} .partners_blurb {margin:20px 30px 20px 60px ; width:500px;float:left;} .partners_slideshow {margin:20px 0 20px 0; width:300px;height:300px; overflow:hidden;float:left;} .partners_slideshow img {width:300px;} .partnersp_text_outer {float:left;padding:0px 0 0 4%; width: 74%;display: table;} .partnersp_text_inner {vertical-align:middle;display:table-cell; } .partnersp_title {margin:0px 0 0 0;font-weight:bold; font-size:1.2em;} .partnersp_desc {} .partnersp_html {margin:30px 0 0 5%;width:50%;float:left;} .partnersp_large_image {width:25%;float:right;margin:5% 5% 0 0;} .partnersp_large_image img {width:100%;} .partnersp_logo {float:left; margin:0 30px 20px 0;} .partnersp_link {margin:0 0 0 60px;} .releases_wrap {padding:0 5%;} .releases_left {float:left; width:33%;margin:50px 5% 30px 0px;} .releases_right {float:right; width:61%;margin:50px 0px 30px 0;overflow:hidden;} .afec_centre_wrap {position:relative;} .afec_centre_photo {width:100%;} .afec_centre_photo img {width:100%;height:auto;} .releases_left_title{border-bottom:1px solid #ccc;margin:0 0 6px 0;padding:0 0 6px 0;} .releases_left_title a {background:none !important;padding-left:0px !important} .releases_left_date {font-size:0.9em; color:#999;} .releases_title_large {font-size:1.7em;font-weight:bold;line-height:1.3em;} .releases_date_large {color:#999; font-size:1.3em;border-bottom:1px solid #ddd; margin:0 0 20px 0; padding:15px 0 15px 0;} .th_tag {font-size:1.2em;margin:0px 0 30px 5%;float:left;width:50%;line-height:1.2em;z-index:1000;} .th_tag2 {float:right;margin:5px 30px 0px 0;z-index:1000;} .partners_wrap { float:left;overflow:hidden;} .partners_wrap a {color: #fff;text-decoration:none !important;} #partners_banner {margin:0px 0 0 0px;} #partners_banner div {} .testimonials_wrap {float:left;overflow:hidden;} .testimonials_wrap .th_box {padding:20px 2% 20px 2%} .promotions_testi_prog {font-weight:bold;margin:0 0 7px 0;} .promotions_testi_quote {font-style:italic;} .promotions_testi_name {color:#999;font-style:normal;white-space:nowrap;} .th_quote1, .th_quote2{font-size:4em;font-family:times;font-weight:bold;color:#009BDF;line-height:1em;} .th_quote1 {clear:both;float:left;width:10%;} .th_quote2 {float:right;width:10%;position:relative;} .th_testimonial_banner_wrap {float:left;width:80%;} #testimonials_banner,.coda-slider-wrapper .coda-slider2,.coda-slider-wrapper .coda-slider2 .panel {width:230px;} #ticker-container2 {float:left;width:75%;margin:0 0 2% 2%;} .twitter_logo {width:15%;float:right;margin:2% 2% 0 0;} .programmes_wrap {display:block;overflow:hidden;position: relative; padding-bottom: 35%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; float:left;} .programmes_wrap_inner {position: absolute; top: 0; left: 0;width: 100% !important; height: 100% !important;} .programmes_wrap a {color: #fff;text-decoration:none !important;} .prog_wrap a {text-decoration:none !important;} #programmes_banner {float:left;margin:0 0 40px 0;width:100%;overflow:hidden;} #tabs {display:none;} .th_programmes_title {font-size:1.3em;margin:25px 0 0 0px;color:#aaa;text-align:right;width:140px;float:left;} .th_programmes_slider {margin:25px 0 0 10px;float:left;} .testimonials_wrap_within_prog_outer {float:right;padding:0 0 0 0px;margin:0 0 0px 30px;position:relative; left:0px;} .testimonials_wrap_within_prog_inner {margin:0 0 20px 0;} .testimonials_wrap_within_prog_inner2 {background:#fff;overflow:hidden;border:1px solid #ddd;} .afec_wrap {float:right;} .afec_wrap_deep {} .afec_wrap_deep a {color: #00A651;} .score_wrap {margin:21px 0 0 30px;width:445px; height:110px;float:left;} .score_wrap_afec {float:left;} .score_wrap_afec .th_box {padding:1% 2%;} .score_afec_score {float:right;margin:10px 0px 0 0px;font-size:4.0em;color:#999;text-align:center;width:50%;line-height:0.7em;} .score_afec_outof{font-size:0.3em;} .score_afec_text {float:left;margin:10px 0 10px 0px;width:50%;} .calendar_wrap {float:left;} .calendar_wrap .th_box {padding:2%;} .calendar_wrap .th_box,.score_wrap .th_box {} .afec_wrap .th_box {} .afec_wrap_deep .th_box {} .skills_wrap {float:left;} .skills_wrap .th_box {padding:1% 3%;} .skills_wrap_text {padding:2% 0;width:60%; float:left;} .skills_wrap_box {-moz-border-radius: 10px;border-radius: 10px;text-align:center;float:right;width:30%;background:#999;padding:2%;color:#fff;margin:2% 0;} .skills_wrap_left {float:left;width:30%;margin:10px 0 0 0px;font-size:1em;} .skills_wrap_right {float:left;width:65%;margin:10px 0 0 5%;font-size:1em;} .th_skills_list input{clear:both;float:left; margin:0px 0 5px 10px;padding:0px;} .th_skills_list div{float:left; margin:-2px 0 5px 5px;width:80%;} .th_skills_title {margin:0 0 17px 0;font-weight:bold;font-size:1.1em;} .th_skills_right .th_skills_list div {width:315px;line-height:1.2em;margin:0px 0 5px 5px;} .partner_wrap {width:97%; margin: 1.5%;} .partner_wrap .th_box {padding:1%;background:#fff;} .news_wrap {float:left;} .news_wrap a {text-decoration:none !important;} .news_wrap .th_box {padding:5%;} .th_news_date {margin:0px 0 0 0px;font-size:0.9em;} .th_news_text {margin:0px 0 0 0px;} .logos_wrap {margin:0px 0 0 0px;clear:both;text-align:center;} .logos_wrap img {margin:10px 0 0 0;width:13%;display:inline;} .logos_wrap div {float:left;font-size:1.1em; margin:0px 10px 0 0;} .table_presenters_name {width:50%;position:relative;padding-left:30px !important;} .table_presenters_title {width:50%;} .biogarrow {padding:0 10px 0 0;width:20px;height:5px;float:left;position:absolute; left:5px; top:5px} .biogarrow img {width:17px} .bioghide {display:none; border-top: 1px dotted #A3A4A7; padding: 20px;} .bioinner {padding:10px;} .bioghide img {float:left;margin:0 15px 10px 0;} .programmes_wrap, .score_wrap_afec ,.partners_wrap ,.afec_wrap ,.calendar_wrap {width:47%;margin:1.5%;} .skills_wrap {width:67%;margin:1.5%;} .testimonials_wrap, .news_wrap {width:27%;margin:1.5%;} /**************/ /* PROGRAMMES */ /**************/ .prog_wrap {margin:15px 0 0 0;} .prog_topcat {margin:0px 0 30px 0px;background:#fff;padding:0px;} .prog_topcat_title_wrap {text-transform:uppercase;font-size:1em;margin:0px 0px 0 0px;padding:13px 8px 8px 13px;color:white; background-image :url(../images/lines2.png); background-position:right; background-repeat:no-repeat; margin:0 0 20px 0; } .prog_topcat_title {font-size:2em;line-height:1em;} .prog_topcat_title a {color:#fff;} .prog_topcat_desc {margin:0 0 0px 0;} a.prog_topcat_desc {text-decoration:none;} .prog_topcat_inner {margin:0 0 0 0px; padding:0 0px 0 0;} .prog_cat_html1 {padding:10px 45px;float:left;width:560px;} .prog_cat_html_img1 img {width:277px;float:right;margin:0 18px 30px 0;} .prog_cat_html2 {padding:10px 45px;float:left;width:480px;} .prog_cat_html_img2 img {width:277px;float:right;margin:0 15px 30px 0;} .prog_cat_html3 {padding:10px 45px;float:left;width:480px;} .prog_cat_html_img3 img {width:277px;float:right;margin:0 15px 30px 0;} .prog_subcat_id3 {font-size:1.8em;margin:0 0 10px 0;font-weight:bold;} .prog_topcat_inner div:nth-child(3n+1){margin-left:45px;} .prog_topcat_inner .prog_category div {margin-left:0px;} /*stop child indenting for child categories*/ .prog_subcat1 {margin:0px 0 0 0px;background:#fff;padding:20px 45px 0px 45px;border-top:1px solid #cccccc;} .prog_subcat2 .prog_programme {margin-left:40px;} .prog_subcat2 {margin:0 0 0 0px;background:#dadada;padding:10px 0px 0 10px;} .prog_subcat2 .prog_programme {width:263px;height:70px;margin-left:0px;} .prog_subcat2 .prog_title {margin-left:0px !important;} .prog_subcat3 {margin:0 0 0 0px;} .prog_title {font-weight:bold;font-size:1.3em} .prog_desc {opacity:0.6;filter:alpha(opacity=60);font-size:0.9em;line-height:1.3em;margin:0 0 20px 0px;} .prog_programme .prog_title {color:#000; font-weight:normal;font-size:1em !important;line-height:1.2em;margin-bottom:7px;} .prog_programme .prog_desc {width:185px; float:left;} .prog_subcat2 .prog_programme .prog_desc {width:170px; float:left;} .prog_subcat1 .prog_title {font-size:1.7em;margin-bottom:5px;} .prog_subcat2 .prog_title {font-size:1.2em;} .prog_programme {background:#f0f0f0;width:265px;display:inline-block;vertical-align:middle; height:70px;padding:5px;margin:0 10px 10px 0px;border:1px solid #e0e0e0;} .prog_category {margin-bottom:20px;margin-top:10px;} img.prog_programme {border:0px !important; width:68px !important; height:68px !important;;float:left;padding:0px; margin:1px 6px 0 1px !important;} .prog_subcat2 img.prog_category {display:block !important;border:0px !important; height:34px !important; float:left;padding:0px; margin:1px 20px 0 1px !important;} img.prog_category {display:none !important;} .academy_copyright {float: right; padding: 15px 15px 0 0;} .admin_suggest_wrap {float:right;text-align:right;margin:0 27px 10px 0;} /*********************/ /* NEW ACCADEMY HOME */ /*********************/ .nah_wrap {clear:both;z-index:9999;margin:30px 0 0 0;} .nah_wrap #programmes_banner {width:40%;margin-left:5%;} .nah_pagetitle {font-size:2em;margin:0 0 15px 0;border-bottom:1px solid #ccc;padding:0 0 10px 0;line-height: 1em;} .nah_slider {float:left;margin:0 0 20px 30px; width:400px; height:250px;background:#aaa;} .peKenBurns {width:400px;height:250px;margin:0 0 0 0px;padding:0px;} .nah_pageintro {float:left;width:45%;margin:0px 0 10px 3%;background:#fff;} .nah_pageintro img {float:right;width:150px;margin:0 0 10px 30px;} .nah_pagebreak {margin:30px 30px 20px 30px;border-bottom:1px solid #ddd;} .nah_listintro {margin:0 0 20px 30px; font-size:1.3em;} .nah_courseheader_wrap {clear:both;background:#eee;margin:0 30px 30px 30px;} .nah_courseheader_title {margin:0px 0 30px 20px;padding:20px 0 0 0;font-size:1.8em;} .nah_course_wrap {border:0px solid red;float:left;width:42%;margin:0 0 0 5%;padding:0 0 30px 0;} .nah_course_wrap_narrow {float:left;width:42%;border:0px solid red;margin:0 0 0 5%;padding:0 0 20px 0;} .nah_course_wrapleft {float:left;width:37%;margin:0 3% 0 0;} .nah_image {} /*.nah_clip img {height:33px;margin:0 5px 0 0;float:left;}*/ .nah_clip { left:0px; top:0px;width:27px;height:33px;float:left;margin:0 15px 0 0;border-radius:2px;background-image:url(../images/paper_clip.png); background-repeat:no-repeat;background-size:12px;background-position:4px -4px;} .course_clip {width:22px;height:22px;display:inline-block;margin:0 0px 0 0;border-radius:2px;background-image:url(../images/paper_clip.png); background-repeat:no-repeat;background-size:9px;background-position:4px -4px;} .home_icon {width:22px;height:22px;display:inline-block;margin:0 0px 0 0;border-radius:2px;background-image:url(../images/house.png); background-repeat:no-repeat;background-size:15px;background-position:3px 3px;} .partners_icon {width:22px;height:22px;display:inline-block;margin:0 0px 0 0;border-radius:2px;background-image:url(../images/users-new.png); background-repeat:no-repeat;background-size:15px;background-position:3px 3px;} .question_icon {width:22px;height:22px;display:inline-block;margin:0 0px 0 0;border-radius:2px;background-image:url(../images/question.png); background-repeat:no-repeat;background-size:15px;background-position:3px 3px;} .area_home_wrap {margin:20px 0 30px 30px;} .area_home_wrap img {position:relative; left:-3px;top:5px;} .nah_image img {width:100%;} .nah_logo {text-align:center;} .nah_logo img{height:50px;margin:10px 0 0 0; } .nah_info {width:60%;float:left;position:relative;} .nah_info_narrow {width:60%;float:left;} .nah_para {clear:both;padding:20px 0 0px 0;} .nah_title {font-size:1.2em; font-weight:bold;padding-left:45px;} /*********************/ /* EVENTS */ /*********************/ .events_title {font-weight:bold;font-size:1.6em;margin:5px 0 5px 0;border-bottom:1px solid #ccc;padding:0 0 10px 0;line-height:1.2em;} .tophome_event_title {font-weight:bold;font-size:1.2em;margin:0 0 2px 0;} .tophome_event_date {color:#999;} .event_wrap {padding:20px 0 0 0;} .events_left {float:left;width:17%;margin:3px 4% 0 0;font-size:2em; color:#009BDF;text-align:right;padding:0 0 0 3%;line-height:1.2em;} .events_right {float:left;width:76%;} .new_prog_wrap {width:30.5%; float:left;background:#f4f4f4;margin:0 0 20px 2%;transition:background 0.2s; border:1px solid #ddd;padding:0 0 7px 0;} .new_prog_wrap:hover {background:#ffffff;} .new_prog_wrap2 {margin:0 0 10px 0;padding:8px !important; position:relative; } .new_prog_title {color:#fff;font-size:1.4em;margin:10px 10px 20px 10px;text-transform:uppercase} .new_prog_desc {color:#000;width:41%; float:right;margin:0 4% 0 0;} .new_prog_image {float:left;margin:0 0 0 10px;border:0px solid #ffffff;width:45%;} .new_prog_image img {width:100%;} .new_prog_image img {} .th_logo_mobile,.about_links_mobile {display:none;} .ui-widget-header {background:#ffffff !important;border:0px !important;border-bottom:1px solid #e9e9e9 !important} .ui-tabs .ui-tabs-nav li {margin:10px 5px 0 5px !important;border:0px !important; background:#e4e4e4 !important} .ui-tabs .ui-tabs-nav .ui-state-active {background:#009BDF !important;border:0px !important;padding-bottom:0px !important} /************** /* DRAG AND DROP */ #dragScriptContainer {font-size:1.1em;} #dragScriptContainer table {border-spacing: 10px; border-collapse: separate;background:transparent; border:0px;margin:0px;} #dragScriptContainer table td {border-width:0px;} #dragScriptContainer .question, #dragScriptContainer .droppable, #dragScriptContainer .draggable, #dragScriptContainer .hidden_bottomrow {border-radius:3px;font-size:0.9em; padding:10px; width:27%; max-width:27%;} #dragScriptContainer .dragdrop_force_height {height:80px;width:1px;float:left;} #dragScriptContainer .hidden_bottomrow {height:1px;} #dragScriptContainer .question {background:#eee; border:2px solid #fff;} #dragScriptContainer .draggable {background:#eee; border:2px solid #fff;} #dragScriptContainer table td.droppable {border:2px dashed #aaa;} #dragScriptContainer .correct {background: #b3d837 !important;border:2px solid #b3d837;} #dragScriptContainer .draggable {cursor:pointer;} #complete {margin:10px 0 20px 0;color: #b3d837;font-size: 1.6em;text-align: center} /********************/ /* TABLETS */ /********************/ @media (max-width: 1237px) { #sitewrapper {width:100%;margin:0 0 0px 0; border-radius:0px;border:0px;} .skills_wrap {width:97%;margin:1.5%;} .testimonials_wrap, .news_wrap {width:47%;margin:1.5%;} .login_wrap {padding:20px 0 0 20px;} .skills_wrap_box {margin-bottom:0px;} #footer {width:100%;} } @media (max-width: 900px) { .partnersp_wrap {width:44%; margin:0 2.5% 20px 2.5%;} .afec_text {width:50%;position:relative; left:0px;top:0px;float:right;margin:5% 5% 5% 0;} .afec_image {width:40%;} #footerleft,#footerright,.academy_copyright {float:none;margin:1% 2%;padding:0px;} .about_section_wrap {padding:5% 5% 0 5%;} } @media (max-width: 850px) { body {font-size:0.7em;line-height:1.5em;} .new_prog_wrap {width:46%;} .nah_course_wrap {width:90%;margin:0 5%;padding:0 0 30px 0;} .nah_course_wrap_narrow {width:90%;margin:0 5%;} .nah_course_wrapleft {float:left;width:33%;margin:0 3% 0 0;} .nah_info {width:64%;float:left;} #leftnav {width:96%;} #widecontent {width:80%; margin:20px 0 0 5%;} #content_right_area {width:80%; margin:15px 0 0 5%;} .halfwidth {width:100%;} .logos_wrap img {width:24%;} .generic_page_wrap {width:80%;} .mobile_left_menu{ position:absolute; background:#ffffff; width:100%; z-index:300; left:0px; height:3000px; margin-left: -100%; padding:0px; border:0; } .mobile_left_menu_link {position:absolute;z-index:400;width:30px; height:50px; left:0px; background-color:#009BDF; background-image:url(../images/chev-right.png); background-size:20px; background-repeat:no-repeat; background-position:5px 8px; top:140px; display:block; } .newlogin_wrap {padding:70px 10%;float:left;width:80%;} .releases_right {width:100% !important;margin-left:0px !important;margin-right:0px !important;} .releases_html_large img {width:100%;height:auto;} .afec_page_wrap .releases_html_large img{width:auto;height:auto;} } @media (max-width: 700px) { .admin_suggest_wrap {display: none;} .programmes_wrap, .score_wrap_afec ,.partners_wrap ,.afec_wrap ,.calendar_wrap,.testimonials_wrap, .news_wrap,.skills_wrap {width:97%;margin:1.5%;} .programmes_wrap {padding-bottom:70%;} .afec_text {width:40%;} .afec_image {width:50%;margin-bottom:-10px;} .th_tag, .th_banner_outer {display:none;} .th_tag_home {display:block;margin:0px;width:90%; margin: 3% 0 3% 5%;} .th_logo_mobile {display:block;width:50%;margin:3% 0 3% 2%;float:left;} .th_tag2 {width:30%; margin: 7.5% 2% 0 0;float:right;} .th_tag2 img {width:100%;} .about_link,.twitter_link {display:none;} .about_links_mobile {display:block;margin:0 0 0 2%;} .about_links_mobile img {width:22px;position:relative;top:6px;} .about_links_mobile_item {margin:5px 0 0 0;} .about_links_mobile_item span {float:left;} .about_links_mobile_text {width:80%;padding:10px 0 0 5px;} .about_links a {display:inline-block; width:90%; padding:8px 5%; margin:0 0 10px 0;} .partnersp_html {margin:5% 5% 0 5%;width:90%;float:left;} .partnersp_large_image {display:none;} .partnersp_logo {width:30%;} .nah_wrap #programmes_banner, #programmes_banner {width:100%;margin:0px auto 30px auto;} .nah_wrap {margin-top:0px;} .nah_pageintro {width:90%;margin:0 5%;} .admin_section_wrap {width:100%;} } @media (max-width: 650px) { .hamburger {display:block;width:30px;padding:8px 0 8px 8px; } .hamburger div {height:5px;background:#009BDF;margin:0 0 5px 0;border-radius:3px;} .login_wrap {display:none;background:#eeeeee;margin:0px !important; padding:0px !important;} .login_wrap span {display:none;} .login_wrap a {display:block;padding:12px 5% 12px 5% !important;border-top:solid 1px #cccccc;} .th_tag {width:90%;} .th_tag2 {margin-bottom:0 0 10px 0;} .phone_fullwidth,.halfright,.halfleft,#documentwrapper > img,.releases_left,.releases_right {width:100% !important;margin-left:0px !important;margin-right:0px !important;} .releases_right {margin-top:0px;margin-bottom:0px;} .input_text {width:97%;text-align:left;margin:5px 0 0 0px;} .input_input {margin:0 0 0 0%; width:100%} .events_left {text-align:left;padding:0 5% 20px 5%;width:90%;margin:0;} .events_right {width:90%;margin:0;padding:0 5%;} .finder_image {width:20%;} } @media (max-width: 600px) { .user_progs_title {margin-left:0px;} .partnersp_wrap {width:90%; margin:0 5% 40px 5%;} .skills_wrap_left, .skills_wrap_right {width:100%;margin:10px 0 0 0;} .floatleft,.floatleft img {width:100% !important;margin-left:0px !important;margin-right:0px !important;} .floatright,.floatright img {width:100% !important;margin-left:0px !important;margin-right:0px !important;} .newlogin_wrap {padding:70px 5%;width:90%;} .newlogin_wrap .form_text {width:100%;text-align:left;} .newlogin_wrap .form_input {width:94%;padding:3%;} } @media (max-width: 500px) { .new_prog_wrap {width:94%;} .tft_prog_course_image {display:none;} .tft_prog_course_wrap2_outer {width:100%;} .ftf_prog_title_inner {font-size:0.8em;} .landing_text {margin-top:0px;} } @media (max-width: 400px) { #widecontent,#content_right_area {width:90%; margin:20px 0 0 0%;} .afec_text {position:relative;left:0px;top:0px;width:65%;padding:5% 5% 5% 30%;margin:0} .afec_image {width:40%;margin-bottom:12%;display:none;} .course_landing_image_left {display:none;} .course_landing_image_right {width:100%;margin:0;} } @media (max-width: 320px) { .nah_image {display:none;} .nah_info {width:100%;} .nah_info_narrow {width:100%;} }