/*--/ BASE /--*/

html{margin: 0 0 1px 0; min-height: 100%; height: 100%; overflow-y: scroll;} 
body{background: url('http://media.onexamination.com/Images/my/mybackground.png') repeat-x; color: #393939; font: 14px/1 'arial', times, sans-serif; height: 100%; margin-top: 10px;}
.chromeframe {padding: 5px 10px; background-color: #444; color: #fff; text-align: center; position: absolute; top: -10px; z-index: 9999; width: 100%;}
.chromeframe a {color: #fff; font-weight: bold; text-decoration: underline;}

/*--/ OVER-RIDE /--*/

.clear{clear: both;}
a img{border: none;}
.noTop{margin-top: 0;}
.noBottom{margin-bottom: 0;}
.noPadding {padding: 0;}
.noMargin {margin: 0;}
.marginTop {margin-top: 10px;}
.marginBottom {margin-bottom: 10px;}
.marginLeft {margin-left: 10px;}
.marginRight {margin-right: 10px;}
.marginAll {margin: 10px;}
.noRight {margin-right: 0;}
.noLeft {margin-left: 0;}
.floatLeft {float: left;}
.floatRight {float: right;}
.padColumn{padding: 0 20px;}
.padColumnLeft{padding: 0 0 0 20px;}
.padColumnRight{padding: 0 20px 0 0;}
.padColumnAll {padding: 20px;}
.padTop {padding-top: 10px;}
.padBottom {padding-bottom: 10px;}
.padLeft{padding: 0 0 0 10px;}
.padRight{padding: 0 10px 0 0;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
div.hr{height: 1px; border-top: dotted 1px #D9D9D9; margin: 10px 0;}
div.hr hr{display: none;}
.divider div.hr{height: 1px; border-top: dotted 1px #D9D9D9; margin: 10px 0;}
.divider div.hr hr{display: none;}
label {display: inline;}
.gasReadingMaterial a[href^="http"], a[href^="http"].externalLink, .Link {padding-right: 20px; padding-top: 2px; line-height: 1.7em; background: url('http://media.onexamination.com/Images/my/externalLinkIcon.png') no-repeat scroll right top transparent;}
.gasReadingMaterial a[href$=".pdf"], a[href$=".pdf"].externalLink, .Pdf {padding-right: 25px; padding-top: 2px; line-height: 1.7em;  background: url('http://media.onexamination.com/Images/my/pdficon_small.png') no-repeat scroll right top transparent;}


/*--/ TYPOGRAPHY /--*/

h1{font-size: 31px; line-height: 1em; letter-spacing: -1px; margin: 0;}
h2{font-size: 20px; line-height: 1em; margin: 15px 0 0 0;}
h3{font-size: 17px; line-height: 1em; margin: 15px 0 0 0; line-height: 1.3em;}
h4{font-size: 15px; line-height: 1em; margin: 15px 0 0 0;}
p{font-size: 14px; line-height: 1.5em; margin: 10px 0 0 0;}
a, a:hover, a:visited{color: #369; text-decoration: underline;}
a:hover, a:visited{color: #369;}
a:visited:hover{color: #369;}
a.button1, a.button1:hover, a.button1:visited{color: #000; text-decoration: none;}
a.button1:hover, a.button1:visited{color: #000;}
a.button1:visited:hover{color: #000;}
h2 a, h2 a:visited{color: #393939; text-decoration: none;}
h2 a:hover{color: #369; text-decoration: underline;}
strong,.strong{font-weight: bold;}
em, i , .italic{font-style: italic;}
sup{font-size: xx-small; vertical-align: top; line-height: 0.4em;}
sub{font-size: xx-small; vertical-align: bottom;  line-height: 0.4em;}
.small { font-size: 11px;}
.center {text-align: center;}
.alignRight {text-align: right;}
.pink {color: #ec008c}

/*--/ FONT AWESOME ICON FONT /--*/
a i, a:hover i, a:visited i {text-decoration: none !important;}


/**************************************** LISTS */

ul li, ol li{font-size: 14px; font-weight: normal; line-height: 20px }
ul.tabNav {line-height: 10px;}
ul li p, ol li p {font-size: 14px;}
ul ol{margin-left: 25px;}

div.answerExplanation ul li, div.questionWrapper ul li {font-size: 14px; list-style-image: url(http://media.onexamination.com/Images/my/list-item.png); margin-left: 25px;}
ul.gasReadingMaterial li p {font-size: 14px;}
ul.gasReadingMaterial .gasReadingControls input {padding: 1px 3px;}


div.answerExplanation ul li ul li {font-size: 14px;}
/*.suggestedModules li {padding-left: 15px; line-height: 1.8em; background: url('http://media.onexamination.com/Images/www/list-item.png') no-repeat -2px 0.3em;}*/

div.answerExplanation ol, div.questionWrapper ol {list-style: none; margin-left: 25px; }
div.answerExplanation ol li, div.questionWrapper ol li {list-style-type: decimal;}

.activityFeedItem {}
.testInfo li {font-size: 14px; margin: 5px 20px; padding-left: 15px; line-height: 18px; background: url('http://media.onexamination.com/Images/www/list-item.png') no-repeat -2px 6px;}

.revisionAdvice ul li {margin: 10px 0 10px 45px; list-style-image: url('http://media.onexamination.com/Images/www/list-item.png'); }
.revisionAdvice ol li {margin: 10px 0 10px 45px; list-style-type: decimal;}

/**************************************** TABLES */

table, table th, table tr, table td{border-spacing: 1px; font-size: 12px; line-height: 1.2em; vertical-align: middle;}
table.data th, table.data td{border: solid 1px #CCC; font-size: 12px; padding: 8px 16px;}
table.data th{background: #D5D7D9;}
table.data td{background: #F0F2F2;}

/* INLINE TABLES */

.displayQuestion table{border-collapse: separate; border-spacing: 1px; font-size: 1.4em;}
.displayQuestion th{background: #EBEAEA; border: solid 1px #D9D9D9; font-weight: bold; padding: 5px 10px; text-align: left;}
.displayQuestion td{background: #F7F8F9; border: solid 1px #D9D9D9; padding: 5px 10px;}

/**************************************** FORMS */

h2.noMargin{margin: 0;}
h3.inputTitle{margin-bottom: 0;}
h3.inputTitle2{margin: 0;} /* IF THE TITLE APPEARS UNDER VALIDATION */
select {padding: 4px;}
.textBoxTitle{margin-bottom: 0;}
.textBox1, .textBox1Disabled, .textBox2, .textBox2Disabled, .dropDownList1{border: solid 1px #CCC; padding: 3px;}
.textBox1 {background: #FFF; width: 220px;}
.textAreaLarge, .textAreaLargeHighlight { width: 100%; border: solid 1px #CCC; margin: 10px 0; }
.textBox1Disabled{background: #F0F0F0; width: 220px;}
.textBox2{background: #FFF; width: 120px;}
.textBox2Disabled{background: #F0F0F0; width: 120px;}
.dropDownList1{background: #FFF; width: 220px;}
.checkBox input, .checkBoxList input{margin-right: 16px;}
.checkBox, .radioButton, .checkBox input, .radioButton input, .checkBox label .radioButton label{cursor: pointer; font-size: 12px; margin-right: 16px;}
.questionControls { margin-bottom: 20px; }
#feedbacktext {width: 400px; margin-bottom: 10px;}



/*--// DISABLED BUTTON STYLE //--*/
button[disabled], input.button1[disabled] {background:#ccc; border-color: #ccc; text-shadow:none; color: #A0A0A0;}




/**************************************** ERROR MESSAGES & VALIDATION */

.requiredField, .comparedField, .regularExpression {color: #F00; font-size: 11px;}
.registrationInput, .registrationInput .regularExpression, .registrationInput .requiredField, .registrationInput .comparedField, .registrationInput {margin-left: 15px;}
.errorMessage{color: #F00; display: block; font-size: 12px; font-weight: normal; line-height: 1.5; margin-top: 1.0em;}
.successMessage{color: #093; display: block; font-size: 13px; font-weight: bold; line-height: 1.5; margin-bottom: 1.0em;}
.errorMessage a, .errorMessage a:hover, .errorMessage a:visited{color: #F00;}
.successMessage a, .successMessage a:hover, .successMessage a:visited{color: #093;}
.formError{color: #F00; display: block; font-size: 12px; font-weight: normal; line-height: 1.5;}
.globalNotice {border:1px solid #FF0000; color:#FF0000; padding-bottom: 5px; margin-top: 10px; text-align:center;}


/**************************************** LOGIN SECTION */

.headerRight{height: 25px; margin-bottom: 5px;}
.loginStrip ul {margin: 0; float: right; text-align: right;}
.loginStrip li {list-style-image: none; list-style-type: none; float: left; padding: 3px 10px; line-height: 12px; border-left: 1px dotted #336699; font-size: 12px;}
.loginStrip li.first {margin-left: 0; border-left: none;}
.loginStrip li.last {padding-right: 0;}
.loginStrip a:link,.loginStrip a:active,.loginStrip a:visited {text-decoration: none;}
.loginStrip a:hover {text-decoration: underline;}
.loginStrip .socMediaIcons li {padding: 2px; border: none;}

.mobileAppsExamPage {margin-top: 35px;}
.mobileAppsExamPage a {text-decoration: none;}
.mobileAppsExamPage a img {height: 40px;}


/**************************************** GENERIC */
.tertiaryNav{float: right; font-size: 12px; text-align:right;}
.loadingSpinner {margin-top:10px;}
.sidebarSpinner{margin-top: 15px; position: absolute; left: 50%; margin-left: -11px; z-index: 10;}
.overlay-mask {background: rgba(0,0,0,0.15); position: absolute; display: block; height: auto; min-height: 150px; width: 220px; z-index: 9;}
.noDisplay{display: none;}
.descriptiveTitle{font-weight: bold; margin-right: 8px;}
.itemImage img{float: left; height: 100px; margin-right: 20px; width: 100px;}

.inlineList li{display: inline; margin-right: 5px;} /* EDITORIAL NEWS ITEMS */
.tertiaryNav{float: right; font-size: 12px;}
.examSelection{float: right; margin-bottom: 10px;}
.examSelection p:hover {text-decoration: underline;}
.examSelection select{margin-top: 6px;} /* SPACES RELATIVE TO VALUE SET IN THE SKIN FILE */
table.doubleColumn tr td{padding: 10px 50px 10px 0; width: 335px;} /* CME/CPD / MOCK EXAMS / COLLEAGUES */

.boxedArea {border: #d9d9d9 1px solid; border-top: none; border-bottom: none; padding: 15px 10px;}
.modernBox {display: block; border: #d9d9d9 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.positionBL {position: absolute; bottom: 20px; right: 20px;}
.GLAssessmentList {min-height: 85px;}


div.boxedDoubleColumn {width: 50%; float: left;}
.greyBlock {background: #F7F8F9; border-bottom: solid 1px #D9D9D9; border-top: solid 1px #D9D9D9; margin-top: 10px; padding-bottom: 15px;}
.greyBlock h2, .greyBlock h3, .greyBlock p {margin-left: 15px; margin-right: 15px;}

.progressText{color: #333; font-weight: bold; font-size:10px; margin: 3px 0 0 210px; text-align: left;} /* WORK HARD */
.progressBar{background: url(http://media.onexamination.com/Images/ProgressBar.gif) no-repeat; height: 17px; width: 400px; clear: both;} /* WORK HARD */
.progressArrow{background: url(http://media.onexamination.com/Images/ProgressPointer.gif) no-repeat; height: 11px; margin-top: -10px; width: 6px;} /* WORK HARD */
.mockExamTime{text-align: right;} /* MOCK RUN */
#statsbox h3 {margin-bottom: 10px;}
.statOptionNumber{float: left; font-size: 12px; font-weight: bold; width: 20px;} /* OPTION ANALYSIS */
.stat{height: 15px; margin-bottom: 5px; padding: 1px;} /* OPTION ANALYSIS */
.statBar, .statBarCorrect{background: #CCC; position: absolute; height: 15px; margin-left: 10px;} /* OPTION ANALYSIS */
.statBarCorrect{background: #009966;} /* OPTION ANALYSIS */
.statPercentage{font-size: 12px; float: right;} /* OPTION ANALYSIS */
#weblinks {margin: 10px}
.performanceCurve{background: url(http://media.onexamination.com/Images/my/performance-curve2.png) no-repeat; height: 250px; width: 500px;} /* SCORE ANALYSIS */
p.scoresLargeText {font-size: 24px;}
.performanceMarker{background: #FF9933; border: solid 1px #FF9933; height: 248px; width: 1px;} /* SCORE ANALYSIS */
.messageMain, .messageMain:visited{background: #F0F0F0; border: solid 1px #CCC; color: #000; display: block; font-size: 12px; margin-bottom: 4px; padding: 4px 10px; text-decoration: none;} /* SUPPORT */
.messageMain:hover{background: #FAFAFA; border: solid 1px #CCC; color: #000; text-decoration: none;} /* SUPPORT */
.messageStatus{margin-right: 20px;} /* SUPPORT */
.messageDate, .threadDate{position: absolute; right: 30px;} /* SUPPORT */
.messageBottom{border: solid 1px #CCC; font-size: 12px; margin-bottom: 15px;} /* SUPPORT */ /* THIS CLASS IS CREATED ON THE CODEBEHIND FOR MEMBERS */
.threadMember, .threadAdmin, .threadResolved{padding: 4px 10px 6px 10px;} /* SUPPORT */
.threadMember{background: #FAFAFA;} /* SUPPORT */
.threadAdmin{background: #F0F0F0;} /* SUPPORT */
.threadResolved{background: #CCC;} /* SUPPORT */
.threadAlias{font-weight: bold; position: absolute;} /* SUPPORT */
.threadDescription{margin-top: 30px} /* SUPPORT */
.threadControls{padding: 5px 10px;} /* SUPPORT */
.systemRequirements li {margin-top: 10px;}
.systemRequirements li img {margin-left: 5px;}
.systemRequirements a {font-size: 16px; font-weight: bold;}
.systemRequirements .sysVersion, .systemRequirements .sysVersion a {font-size: 14px; line-height: 20px;}
.faqQuestion{font-size: 12px;} /* KNOWLEDGE BASE */
.faq-search input {float: left; margin-right: 10px;}
.faqThreadContent{display: none; padding: 0;} /* KNOWLEDGE BASE */
table.knowledgeList tr td div { margin: 10px 0; } /* KNOWLEDGE BASE */
table.news{margin-top: 0; margin-bottom: 0; width: 100%;} /* NEWS */
table.news td.title{width: 100%;} /* NEWS */
table.news td.title p{margin: 0 0 0 15px;} /* NEWS */

.voteToolTip{background: url(http://media.onexamination.com/Images/my/VoteToolTip.png) no-repeat; display: none; float: left; font-size: 10px; height: 68px; margin: -120px 0 0 50px; padding: 2px 0 10px 7px; position: absolute; z-index:95; width: 177px; text-align: center;} /* NEWS */
.voteTabContainer{ margin-top: 10px} /* NEWS */
.voteTab, div.votedTab{cursor: pointer; font-size: 11px; font-weight: bold; margin-top: 2px; padding: 5px 20px 14px 8px; text-align: center; text-decoration: none;} /* NEWS */
.voteTab a, div.votedTab a{text-decoration: none;} /* NEWS */
.voteTab{background: url(http://media.onexamination.com/Images/NewsVote.gif) no-repeat;} /* NEWS */
.voteTab:hover{background: url(http://media.onexamination.com/Images/NewsVoteOver.gif) no-repeat;} /* NEWS */
.votedTab{background: url(http://media.onexamination.com/Images/NewsVoted.gif) no-repeat; cursor: default;} /* NEWS */
.emailContent{color: #999; font-size: 9px;} /* NEWS */
.placeOrderBand{background: #CC9; padding: 4px 0 3px 0;} /* BASKET */
.paymentProvider{position: absolute; padding-top: 8px;} /* BASKET */
.menuItem a, .menuItemSelected a{padding: 5px 10px; text-decoration: none;} /* EDITORIAL NEWS */
.menuItem a, .menuItem a:hover, .menuItem a:visited{background: #F0F0F0; border: solid 1px #CCC;} /* EDITORIAL NEWS */
.menuItemSelected a, .menuItemSelected a:hover, .menuItemSelected a:visited{background: #999; border: solid 1px #CCC; color: #FFF;} /* EDITORIAL NEWS */
#overlay{background-color: #CCC; display: none; height: 5000px; left: 0; position: absolute; top: 0; width: 100%; z-index: 5000; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80);} /* LIGHTBOX */
#lightbox{display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999;} /* LIGHTBOX */
.wsSessionStats {margin-top: 110px;}
#currentAnalysis .currentAnalysis {margin-top: 100px;}
input.fbPost{ background: url('http://media.onexamination.com/Images/my/fbPost.png') no-repeat; border: 0; width: 55px; height: 20px; display: block;}  
input.fbPost:hover{ background: #ffffff url('http://media.onexamination.com/Images/my/fbPost-over.png') no-repeat;}
#socialcontainer {width: 200px; margin-left: 120px;}
.fbLike {margin:0; display: block; float: right;}
.tweet {margin:0; display: block; float: left;}
.greyBlock .profileDetails h2, .greyBlock .profileDetails h3, .profileDetails p {margin-left: 0;}

span.profileAlias input {cursor: default; background: #E8E8E8;}

.questionWrapper img {max-width: 700px;}

/**************************************** TABLES */ 

table.style1{font-size: 12px;}
table.style1 th, table.style1 td{border: solid 1px #CCC; font-weight: normal; padding: 3px 6px;}
table.style1 th{background: #F0F0F0; color: #000; text-align: left; width: 200px;}
table.style1 td{background: #FAFAFA; color: #000; text-align: left;}
table.style1 td.clear{background: #FFF; border: 0; text-align: left;} /* USER PROFILE */

.examDateTable, .gaTable {font-size: 12px; text-align: left; border-collapse: collapse; margin-top: 20px; background: #f5f5f5; width: 100%;}
.examDateTable th, .gaTable th {font-size: 14px; font-weight: bold; padding: 8px 10px; color: #3B76B2; text-align: left;}
.examDateTable tr.thead, .examDateTable tr.thead:hover, .gaTable tr.thead, .gaTable tr.thead:hover {background: #D8E4F0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.examDateTable tr, .gaTable tr {background: #f5f5f5; border-bottom: 1px solid #fff; border-top: 1px solid transparent;}
.examDateTable td {padding: 8px 10px; margin: 2px 0; color: #333; height: 26px;/* width: 20%;*/}
.examDateTable td .errorMessage {margin: 0;}
.examDateTable tr:hover, .gaTable tr:hover {background: #e3e3e5; color: #339;}
.examDateTable tfoot tr:hover, .gaTable tfoot tr:hover {background: #f5f5f5; width: 100%;}
.gaTable th, .gaTable td {padding: 8px 10px; margin: 2px 0; text-align: center;}
.gaTable td {color: #333;}
.gaTable .tableLeftAlign {text-align: left;}
.calendar .popup {font-size: 10px;}



/**************************************** GRIDVIEWS - STYLED LIKE TABLES ABOVE */

.gridView{font-size: 12px; text-align: left; border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; background: #f5f5f5; width: 100%;}
.gridView th{font-size: 14px; font-weight: bold; padding: 8px 10px; color: #3B76B2; text-align: left;}
.gridView tr.header {background: #D8E4F0; border-top: none; border-bottom: 1px solid #ccc;}
.gridView tr {background: #f5f5f5; border-bottom: 1px solid #fff; border-top: 1px solid transparent;}
.gridView td {padding: 8px 10px; margin: 2px 0; color: #333; height: 26px;/* width: 20%;*/}
.gridView td .errorMessage {margin: 0;}
.gridView tr:hover {background: #e3e3e5; color: #339;}
.gridView tfoot tr:hover {background: #f5f5f5; width: 100%; text-align: left; margin-left: 0;}
.pager:before, .pager:after {content: none;} /* BOOTSTRAP OVERRIDE */
.gridView tr.pager {margin: 0;}
.gridView tr.pager td {background: #f5f5f5; border-bottom: none;}
.gridView tr.pager td table {margin-top: 20px; margin: 0 auto; }
.gridView tr.pager td table tr {border: none;}
.gridView tr.pager td table tr td {padding:10px 2px; margin: 0 5px; height: auto;}
.gridView .pager td table tr td a{background: #FAFAFA; border: solid 1px #CCC; padding: 5px 10px; text-align: left;}
.gridView .pager td table tr td a:hover{background: #F0F0F0; border: solid 1px #CCC;}
/**************************************** PAGING */

div.paging1{font-size: 12px; margin-bottom: 10px;}
div.paging1 span.section01, .gridView .pager td table tr td span{background: #F0F0F0; border: solid 1px #CCC; font-weight: normal; padding: 5px 10px; text-decoration: none;}
div.paging1 a {background: #FAFAFA; border: solid 1px #CCC; padding: 5px 10px; text-align: right;}
div.paging1 a:hover {background: #F0F0F0; border: solid 1px #CCC;}
.bmPaging {max-width: 100% !important; _width:500px; height:25px; text-align:center; margin: 10px 0 0 0; font-size:small;}



/*************************************** STYLING FOR SHOP DESIGN NAVIGATION */

/** ALSO AFFECTS NEWS NAV **/
.nav {margin-bottom: 0;}
.nav ul{margin-top:10px; margin-bottom: 15px;}
.nav ul a.navItemInactive span, .nav ul a.navItemActive span{font-size: 12px;} 
.nav ul a.navItemInactive, .nav ul a.navItemActive{display: block; margin-bottom: 2px;/* padding: 3px 0 5px 10px;*/ text-decoration: none;}
.nav ul a.navItemInactive:hover, .nav ul a.navItemActive:hover {text-decoration: underline;}
.nav ul.mainNav a.navItemInactive{background: #E3E3E5; border: solid 1px #D9D9D9; color: #333;}
.nav ul.mainNav a.navItemInactive:hover, .nav ul.mainNav a.navItemActive{background: #d8e4f0; border: solid 1px #369; color: #333; font-weight: bold;}
.nav ul.mainNav a.navItemInactive:hover .highlight{color: #FFF;}
.nav ul.mainNav a.navItemInactive .highlight{color: #369;}
.nav ul.tabNav a.navItemInactive, .nav ul.tabNav a.navItemActive{margin: 0;}
.nav ul.newsNav li a {line-height: 20px; padding: 2px 5px; margin: 0.3em 0;}

.tabNav .GroupAssessmentParticipants i {margin-right: 0.2em; line-height: 1.2em;}

.primaryNav{height: 20px; margin: 8px 0 22px;}
.primaryNav ul{margin: 5px 0 0 0; padding: 0;}
.primaryNav ul li{display: inline; float: left; margin: -1px 5px 0 0 ; line-height: 10px;}
.primaryNav ul li img {margin-top: -3px;}
.primaryNav ul li a, .primaryNav ul li a:visited{color: #333; float: left; font-size: 12px; padding-left: 4px; text-decoration: none;}
.primaryNav ul li a:hover, .primaryNav ul li a.current, .primaryNav ul li a.current:hover, .primaryNav ul li a.current:visited{color: #369;  text-decoration: none;}
.primaryNav ul li a span{display: block; padding: 12px 16px 12px 12px;}
.primaryNav ul li a.navItemActive{background: url('http://media.onexamination.com/Images/my/my-tab-left.png') no-repeat left top; float: left; padding-left: 4px;}
.primaryNav ul li a.navItemActive span{background: url('http://media.onexamination.com/Images/my/my-tab-right.png') no-repeat right top;}

.secondaryNav ul{margin: 0; padding:  0; font-size: 12px; }
.secondaryNav ul li{display: inline; float: left; margin: -2px 5px 0 0 ;}
.secondaryNav ul li a, .secondaryNav ul li a:visited{color: #333; float: left; padding-left: 4px; text-decoration: none;}
.secondaryNav ul li a:hover, .secondaryNav ul li a.current, .secondaryNav ul li a.current:hover, .secondaryNav ul li a.current:visited{color: #369; text-decoration: none;}
.secondaryNav ul li a span{display: block; padding: 2px 16px 10px;}
.secondaryNav ul li a.navItemActive{background: url('http://media.onexamination.com/Images/my/secondary-nav-arrow.png') no-repeat 12px 7px; float: left; padding-left: 10px; font-weight: bold;}

/**************************************** SIDE PORTAL SPECIFIC */
.sidePortalWrapper {position: relative; top: 15px }
.sidePortalMainHighRes{border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; min-height: 370px;}
.sidePortalTabs{float: right; margin-top: -2px; width: 30px; margin-right: -28px;}

/**************************************** MAIN PORTAL SPECIFIC*/

.mainPortal{height: 100%;}

/**************************************** MAIN/SIDE PORTAL TOP */
#sidePortalMain {background-color: #f9f9fa; padding: 0 10px 10px 10px;}
#divTopics select { margin-top: 10px; margin-bottom: 10px;} /*-- SPACE BETWEEN TOPIC & DROPDOWN IN SIDEPORTAL --*/


/**************************************** SIDE PORTAL TABS */

.sidetabInactive{border-left: solid 1px #FFF; margin-right: -1px;}
.sidetabActive{border-left: solid 1px #FFF; margin-right: 0;}
a#leavefeedbacklink, input#submitfeedback {cursor: pointer;}

/**************************************** FOOTER */

.footerRight .content{font-size: 12px; line-height: 12px;}
.footerLeft{margin-top: 5px;}
.footerRight{margin-top: 7px; text-align: right;}

ul.breadCrumbs{margin: 0; padding: 0;}
ul.breadCrumbs .title{font-weight: bold; margin-right: 5px;}
ul.breadCrumbs li{display: inline; font-size: 10px; line-height: 11px; margin-right: 5px; text-transform: uppercase;}
ul.breadCrumbs li a{margin-right: 5px;}
ul.ulTerms {list-style-image: url(http://media.onexamination.com/Images/my/list-item.png); margin-left: 25px;}
ul.ulTerms p, ul.ulTerms li {font-size: 14px;}

/**************************************** CMS */

.cmsEditableContent{min-height: 40px;}
.gasModule .cmsEditableContent {padding: 0 10px;}
.cmsEditableContent:hover{background: #CCC; cursor: default;}
.cmsEditedBy{font-size: 14px; float: right; margin-top: 12px;}
.cmsEditableContent th, .cmsEditableContent td { font-size: 12px; padding: 3px }
.cmsEditableContent th { text-align: left; }
.cmsEditableContent ul {margin: 10px 10px 10px 25px; list-style-type:none;}
.cmsEditableContent ul li {list-style-image: url('http://media.onexamination.com/Images/www/list-item.png');}


/**************************************** DASHBOARD DESIGN */
.dbQRevision {display:block; width: 295px; float: left; margin: 0;}
.erQRevision {display:block; width: 270px; float: left; margin: 0 0 0 10px;}
.erQRevisionPP  {width: 295px;}
.dbQRevisionWS {background: url('http://media.onexamination.com/Images/my/WorkSmartIcon.png') no-repeat left 20px;}
.dbQRevisionWH {background: url('http://media.onexamination.com/Images/my/WorkHardIcon.png') no-repeat left 20px; margin-left: 15px;}
.dbQRevisionGL {background: url('http://media.onexamination.com/Images/my/GroupLearning.png') no-repeat left 20px; margin-left: 15px;}
.dbQRevisionCont {margin-top: 5px;}
.dbQRevisionST {background: url('http://media.onexamination.com/Images/my/ExamPaperIcon.png') no-repeat left 20px;}
.dbQRevisionPP {background: url('http://media.onexamination.com/Images/my/ExamPaperIcon.png') no-repeat left 20px;  margin-left: 15px;}
.dbQRevisionFolio {background: url('http://media.onexamination.com/Images/my/FolioIcon.png') no-repeat left 20px;  margin-left: 15px;}
.dbQRevisionJournal {background: url('http://media.onexamination.com/Images/my/Learning-Journal.png') no-repeat left 20px;  margin-left: 15px;}
.dbQRevisionPlus {background: url('http://media.onexamination.com/Images/my/pinkPlus.png') no-repeat left 20px;  margin-left: 15px;}
.erQRevisionCont {background: url('http://media.onexamination.com/Images/my/ContinueSessionIcon.png') no-repeat left 20px; margin-left: 15px;}

/* FIXING MIN-HEIGHT ISSUE WITH 2 LINE DESCTIPTOR */
.erQRevision {min-height:100px;}


.dbIconLink {display: block; width: 50px; height: 50px; float: left; margin-top: 25px;}
.dbQRevision h2, .dbQRevision p {margin-left: 50px;}
.dbQRevision p.contSession  {margin-left: 0;}
.dbQRevision p, .erQRevision p {line-height: 18px;}

.plusExamName {color: /*#007dc3*/ #369; letter-spacing: -1px;}
span.plusText {color: #ec008c; position: relative; top: -7px; text-decoration: none}

/****************************************   TO IDENTIFY DIFFERING SECTIONS ON DASHBOARD */
.dbBoxSection {float: right; position: absolute; bottom: 0; right: 0; padding: 5px 15px; width: 75px;   background-color: #EC008C; color: #fff; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}
.dbBoxSection a {color: #fff; text-decoration: none;}
.dbBoxSection a:hover {text-decoration: underline;}

/*--// CROSS BROWSER MIN-HEIGHTS FOR BOXED AREAS //--*/
#relatedProducts {height:auto !important; min-height: 267px; height:267px;}
.selfAssessment .boxedArea {height:auto !important; min-height: 105px; height:105px;}
.videoTuts .boxedArea {height:auto !important;min-height: 80px; height:77px; padding: 15px 10px 0 10px;}
.boxTop {margin-bottom: -5px;}
.boxBottom {margin-top: -5px; padding: 0; position: absolute;/* z-index: 10;*/ }

.relatedProductsTitle {margin-left: 20px; float: left;}
.relatedProductBlock {width: 285px; float: left; min-height: 50px; margin-right: 10px;}
.relatedProductBlock img {width: 40px; height: 40px; margin-right: 5px; vertical-align: middle;}
.relatedProductBlock p {font-size: 12px; line-height: 13px; }


/*************************************** SPECIFIC STYLING FOR SITE NOTIFICATION */
.SiteNotification{ background: rgb(253,223,187); border: rgb(247,148,29) 1px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.SiteNotificationTitle {margin: 20px 10px 0 10px;}
.SiteNotificationClose{margin: 5px 5px 0 0;  }
.SiteNotificationClose:hover {cursor: pointer;}
.SiteNotificationMessage {line-height: 18px; font-size: 13px;}
.SiteNotificationMessage p:last-child {margin-bottom: 10px;}
.SiteNotificationNav {position: absolute; right: 0; bottom: 0;}
.SiteNotificationNav ul {display: inline;}
.SiteNotificationNav li {float: left; background: url('http://media.onexamination.com/Images/my/SiteNotificationIconBlank.png') no-repeat; display: inline; margin: 0 2px; padding-left: 1px;}
.SiteNotificationNav a {color: #fff; font-size: 11px; width: 18px; height: 23px; display: block; padding: 2px 0 4px 6px ; margin-top: -2px; text-decoration: none; font-weight: bold;}
.SiteNotificiationImage img{margin: 10px; width: 85px;}

/**************************************** NEW STYLING FOR GENERATE PAGE */
.examSelection {margin-top: 10px;}
div p#settings {background-color: #F1F1F1; clear: both; margin-bottom: -10px; margin-top: 0; padding: 10px 0 10px 0; text-align: center; font-size: 11px; color: #333333; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
div p#settings.plus{clear: right; background: #F1F1F1 url('http://media.onexamination.com/Images/my/RevisionSettingsPlus.png') no-repeat 15px 13px; }
div p#settings.minus {clear: right; background: #F1F1F1 url('http://media.onexamination.com/Images/my/RevisionSettingsMinus.png') no-repeat 15px 13px; }
#settingsBox {background-color: #F1F1F1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; clear: right; padding: 10px 0; margin-top: -1px; /*height: 55px;*/}
#settingsBox h3 {margin-top: 0;}
#settingsBox h2 {margin-left: 10px; margin-top: 10px; font-size: 16px;} /* STYLING SALMAN'S CONTROL THAT IF ONLY 1 EXAM IT GENERATES H2 AFTER H3 WITH NO CLASSES */
#settingsBox .inputTitle {margin-bottom: 5px;}
#settingsBox select {margin-left: 10px;}

.questionConfigBlock .boxedArea {min-height: 95px}
.gaConfigBlock .boxedArea {min-height: 65px;}
.gaConfigBlock .boxedArea .checkBox {width: 45%; float: left;}
.gaConfigBlock .modernBox span.checkBox {width: 195px; float: left;}
.questionConfigBlock fieldset, .gaConfigBlock fieldset {border: none;}
.genBlock {min-height: 130px;}
.genBlock label {display: inline;}
.genBlock input {margin-right: 16px; margin-top: 0;}
.genBlock .inputTitle label {font-size: 17px; font-weight: bold;} 
.genBlock .inputTitle {margin-bottom: 10px;}

.genBlock .textBox {margin-right: 0; margin-top: 10px;}

.genBlockMargin{border-right: none;}
.genTallBlock {min-height: 170px !Important; _height: 175px;}
.gaConfigBlock .genTallBlock {min-height: 105px !Important; _height: 105px;}
.genSmallBlock {min-height: 90px !Important; _height: 100px;}
.questionConfigBlock label, .gaConfigBlock label {padding:0; margin: 0; font-size: 13px; line-height: 18px;}
.questionConfigBlock .inputTitle, .gaConfigBlock .inputTitle { margin-bottom: 10px;}
.questionConfigBlock h3 label, .gaConfigBlock h3 label {font-size: 17px; padding: 0; margin: 0; line-height: 15px}
.questionConfigBlock .textBox, .genBlock select {width: 300px; margin-top: 5px;}  
hr.sectionDivider{margin: 10px 0 12px 0;}
.test-option-summary {padding: 10px; margin-top: 10px; background:rgb(229,235,244); }
.test-option-summary h4 {margin: 0 0 5px 0;}
.gen-summary {text-align: left; float:left; margin: 0 20px 0 0; font-size: 0.9em;}



#idExamName .textBox {width: 320px;}

.questionConfigBlock div.selectAllCatagories{ color: #FFF; font-size: 12px; border-right:0;} 
.checkBoxParentOdd{background: #CCC;} 
.checkBoxParentEven{background: #F0F0F0;} 
.checkBoxOrder0, .checkBoxOrder1, .checkBoxOrder2, .checkBoxOrder3{font-size: 12px; margin-right: 15px;} 
.checkBoxOrder0{float: left; margin-top: 15px;}
.checkBoxOrder1{margin-left: 30px;}	
.checkBoxOrder2{margin-left: 60px;}	
.checkBoxOrder3{margin-left: 90px;}	
label.chkBoxDisabled {color: #c0c0c0}
#slider, #slider-range, #selector {margin: 7px 0 0 8px;}
.sliderDesc {margin-top: 5px;} 
.sliderDesc div.left {float: left; margin-left: 3px;}
.sliderDesc div.right {float: right; text-align: right;} 
.genButton {margin-left: 5px; height: 22px;}
.generateButtonLoading {position: relative; top: 5px; left: 10px;}
.genButtonOpen {margin-top: 15px; padding: 10px 0;}


input, textarea, .uneditable-input {width: auto;}  /*--// BOOTSTRAP OVERRIDES //--*/
.ui-widget-overlay, .ui-widget-shadow, .loadmask-msg{position: fixed !important;}
fieldset.examCategoryFieldSet {padding: 5px;background-color: #F1F1F1; border:none;  margin: 10px 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 0.85em;}
.examCategoryParent {margin: 10px 5px 10px 10px;}
.examCategoryChild {margin: 6px 5px 10px 10px;}
.examCategoryChild {margin-left: 35px;}
input[type="checkbox"].examCategoryChild {margin-left: 35px;}

#QuestionTypeList span, #QuestionWithList span, #genBlockDiff fieldset span, #genBlockDiff #sliderBox {width: 49%; float: left; margin-bottom: 10px;}
.questionConfigBlock #genCatSelect fieldset span label {margin-bottom: 10px;}

/*--// KEYWORD TAGGING AND KEYWORD SEARCH //--*/
.keywordList {margin: 5px 0 0 0; padding: 0 0 0 10px;}

.keywordList li{margin: 0 5px 0 0;  float: left; list-style-type: none; list-style-image:none;}
.keywordList .keywordTerm {font-size: 11px; height: 18px; padding: 1px 5px; margin: 0; display: inline; background: url('http://media.onexamination.com/Images/my/kwSlice.png') repeat-x left top;}
.kwLeftCap, .keywordTerm, .kwRightCap {display: inline; float: left; margin: 0; padding: 0; clear: none;}
.KeywordTextBox {width: 350px;}

.tags-content .tags-input {margin: 0 15px;}
.tags-input .tag-text-input {width: 122px;}
.tags-content .keywordList {margin: 5px;}


/*--// BUBBLE TOOLTIP //--*/
.tipsy {font-size: 11px; line-height: 1.2em; position: absolute; padding: 5px 5px 5px 0; z-index: 100000; }
.tipsy-inner {font-weight: bold; color: #333; max-width: 250px; padding: 10px; text-align: center; }
.tipsy-inner { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid rgb(66,66,66);}
.tipsy-inner {background: #E7F0FE;}
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: rgb(66,66,66); }
.tipsy-arrow-s { border-top-color: rgb(66,66,66); }
.tipsy-arrow-e { border-left-color: rgb(66,66,66); }
.tipsy-arrow-w { border-right-color: rgb(66,66,66); }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

.q-nav-preview {font-size: 13px; font-weight: normal; text-align: left;}
.q-nav-preview.error {font-weight: bold; margin: 0;}



/****************************************	STYLING FOR TAGGED QUESTION	*/
.ribbon {position: absolute; top: -25px; right: -20px; overflow: visible; /* so we can see the pseudo-elements we're going to add to the anchor */
font-size: 12px; line-height: 12px;
/* font-size and line-height must be equal so we can account for the height of the banner */}

.ribbon:before {content:""; height: 0; width: 0; display: block; position: absolute; top: 3px; left: 0; 
border-top: 11px solid rgba(0,0,0,.1);border-bottom: 11px solid rgba(0,0,0,.1);border-right: 11px solid rgba(0,0,0,.1); border-left: 11px solid transparent;
 /* These 4 border properties create the first part of our drop-shadow */}

.ribbon:after {content:""; height: 3px; background: rgba(0,0,0,.1); display: block; position: absolute; bottom: -3px; left: 22px; right:3px; 
 /* This adds the second part of our dropshadow */}

.ribbon .ribbon-content {display:block; padding:5px 10px; background:#CFDCED; overflow:visible; margin-left:15px; color:#369; text-decoration:none;
 position:relative; /* allows us to position our pseudo-elements properly */}

.ribbon .ribbon-content:after { /* this creates the "folded" part of our ribbon */
content:""; height: 0; width: 0; display:block; position:absolute; bottom:-8px; right:0; border-top: 8px solid #A3ADBB; border-right: 8px solid transparent;}

.ribbon .ribbon-content:before { /* this creates the "forked" part of our ribbon */
content:""; height: 0; width: 0; display:block; position:absolute; top:0; left:-11px; border-top: 11px solid #CFDCED; border-bottom: 11px solid #CFDCED; border-right: 11px solid transparent; border-left: 11px solid transparent;}
/* CHANGE BG COLOUR ON HOVER */
/*.ribbon .ribbon-content:hover {background:#369;} */
/* this makes sure that the "forked" part of the ribbon changes color with the anchor on :hover */
/*.ribbon .ribbon-content:hover:before {border-top: 11px solid #009ff1; border-bottom: 11px solid #009ff1;}*/

/**************************************** STYLING FOR SIDE BAR */
#stats.greyBlock {padding-bottom: 0;}
#sessionAnalysis #performance .highcharts-container {width: 200px !important;}

.minimiseHead {padding: 0; margin: 0; padding: 10px 0;}
.minimiseHead h2 {font-size: 1.2em; margin-left: 15px; margin-top: 0; width: 100%;}
.minimiseHead span {display: block; float: left; height: 12px; margin: 3px 5px 0 10px; width: 12px; opacity: 1;}
#minimizer  {float: left; margin: 3px  5px 0 10px; width: 12px; height: 12px; display: block;}
.maximise {background: url('http://media.onexamination.com/Images/my/maximiseArrow.png') no-repeat left top;}
.minimise {background: url('http://media.onexamination.com/Images/my/minimiseArrow.png') no-repeat left 3px;}
.transition-out { display: none; opacity:0;  max-height: 0;}
.transition-in {opacity:1; display: block; max-height: 100% ; padding-bottom: 10px;}

/******* STYLING FOR QUESTION NAVIGATION */
#QuestionNavigatorContent {padding: 0 0 10px 10px; max-height: 350px; overflow: hidden; }  
.QidLabel {display: none;}
.mCSB_container {margin-right: 0px !important; margin-bottom: 10px;}

.q-nav-block {width: 27px; float: left; text-decoration: none; font-weight: bold; position: relative; z-index: 2; color: #333; display: block; background:rgb(229,235,244); background:rgba(207,220,237,0.45); border: 1px solid rgb(207,220,237); border-radius: 3px; margin-right: 4px; text-align: center; padding: 0.25em 0; margin-bottom: 0.5em;}
.q-nav-block:nth-child(6n) {margin-right: 0;}

.q-nav-block:hover .line-through {opacity: 0.35;}
.q-nav-block.correct {background: rgb(230,240,235); background: rgba(15, 141, 46, 0.05); border-color: rgb(15, 141, 46); color: #666;}
.q-nav-block.incorrect {background: rgb(239,221,224); background: rgba(192,0,18,0.08); border-color: rgb(192,0,18);}
.q-nav-block.partial {background: rgb(254,247,225); background: rgba(254, 197, 58, 0.15); border-color: rgb(254, 197, 58);}  

.q-nav-lg {font-size: 0.9em; letter-spacing: -0.1em; line-height: 1.25em;}

.line-through {width: 2px; height: 22px; top: 0; right: 40%; z-index: 0; display: block; background-color: rgba(0,0,0,0.65); position: absolute; 
-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); }

.correct .line-through {background-color: rgba(15, 141, 46, 1);}
.incorrect .line-through {background-color: rgba(192,0,18, 1);}
.partial .line-through {background-color: rgba(254, 197, 58, 1);}


/**************************************** STYLING FOR SCORES SUMMARY PAGE */

.qaWrong {border-color: rgb(192, 0, 18); background-color: #faebec; background-color: rgba(192, 0, 18, 0.08) !important;}
.qaCorrect {border-color: rgb(15, 141, 46); background-color: #ecf6ef; background-color: rgba(15, 141, 46, 0.05) !important;}
.qaPartial {border-color: rgb(254, 197, 58); background-color: #fff6e2; background-color: rgba(254, 197, 58,0.15) !important;} 



/**************************************** STYLING FOR LEARNING JOURNAL PAGE */

.journalNav .tabNav {margin-left: auto;}
.journalNav.yearNav {background: rgb(235,235,235); background: rgba(0,0,0,0.075);}
.journalNav.yearNav li a {font-size: 1.2em !important;}
.journalNav.monthNav {background: rgb(208,208,208); background: rgba(0,0,0,0.15); border-top: 1px solid rgba(0,0,0,0.35);}
.journalNav .tabNav li {text-align: center;}
.journalNav .tabNav li a {display: block; padding:10px 0; font-weight: bold;}
.journalNav .tabNav li a:hover {background: rgb(133,133,133); background: rgba(0,0,0,0.35); color: #fff; border-bottom:4px solid rgba(0,0,0,0);}
.journalNav .tabNav li a.inactive {background: none; color: #999; text-decoration: none;}
.journalNav .navItemActive {text-decoration: none; color: #fff; background: rgb(133,133,133); background: rgba(0,0,0,0.35);}
.yearNav .navItemActive, .yearNav .tabNav li a.navItemActive:hover {border-bottom: 4px solid rgb(237,20,91);}
.monthNav .navItemActive, .monthNav .tabNav li a.navItemActive:hover {border-top: 4px solid rgb(237,20,91); border-bottom: none;}

.learning-journal .table-row td:last-child, .learning-journal .alternatingRow td:last-child {text-align: center;}
.learning-journal  td i {cursor: pointer;}

/**************************************** STYLING FOR BOOKMARKS */

.bmWrapper .boxedArea {background: url("http://media.onexamination.com/Images/my/bmDeleteBG.gif") repeat-y left top; margin-bottom: 2px; padding-top: 5px}
.qReviewWrapper .boxedArea {margin-bottom: 2px; padding-top: 5px}
.bmWrapper span.checkBox {position: absolute; left: 3px; margin-top: 4px;}
.bmWrapper .boxedArea {height:auto !important;}
.qReviewWrapper .boxedArea {height:auto !important;}

#infoArea {margin: 5px 5px 0 25px;}
.addQTag, .removeQTag, .removeQuestion input {font-size: 13px; margin: 10px 15px; padding:5px 15px 5px 30px; width: 85%;}
.addQTag, .addQTag:hover {background-color: #f5f5f5;  *background-color: #e6e6e6;
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px;
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px, -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px, -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px, -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px, -o-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-add.png') no-repeat 5px -2px, linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.removeQTag, .removeQTag:hover {background-color: #f5f5f5;  *background-color: #e6e6e6;
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px;
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px, -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px, -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px, -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px, -o-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/bookmark-remove.png') no-repeat 5px -2px, linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.removeQuestion input,.removeQuestion input:hover {background-color: #f5f5f5;  *background-color: #e6e6e6;
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px;
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px, -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px, -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px, -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px, -o-linear-gradient(top, #ffffff, #e6e6e6);
	background: url('http://media.onexamination.com/Images/my/remove-question.png') no-repeat 5px 2px, linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.skipQuestion input {font-size: 13px; margin: 10px 15px; border: none; background-color: transparent; padding-left: 25px; height: 25px;}

/**************************************** STYLING FOR PROFILE/ACCOUNT */

.socialBadgeImg {min-height: 90px;}
.socialBadgeDesc {min-height: 90px; margin-left: -10px;} 
.socialBadgeDesc label {font-size:12px; margin-top:3px;}
.badgeAchieved {position: relative; left: 15px; top: -30px; width: 45px; height: 45px; z-index: 10;}
.socialBadgeLink {display: block; width: 25px; height: 25px; float: left; margin-right: 5px;} /* ON DASHBOARD */


/***************************************  STYLING FOR PARTNER CENTER / INSTITUTIONS */
.dbInstLogo {max-width: 150px; max-height: 150px; margin: 10px 25px 15px 0;}
.partnerAdminLogo .greyBlock {padding-bottom: 0; min-height: 95px;}
h3.pcHeadingToggle {padding: 10px 0;} 
.pcHeadingToggle {background: rgba(0, 0, 0, 0.05);}
.pcHeadingToggle:hover {cursor: pointer;}
.pcHeadingToggle img {margin: 0 10px; }
.pcInstDetails h1 {margin-bottom: 30px;}
.pcInstDetailsCMS h1 {margin-top: 10px; margin-bottom: 10px;}
.gasModule{display: block; padding: 0; margin-top: 10px; margin-bottom: 10px; background: rgba(0,0,0,0.035); border: #d9d9d9 1px solid; border-left:0; border-right: 0;}
.gasModule h2, .selfAssessment h2 {margin-bottom: 20px; }
/*.gasModule .hr, .selfAssessment .hr {margin-bottom: 20px;}*/
.gasModule .pcAssessmentStats, .saModule .pcAssessmentStats {font-size: 12px; font-style: italic; color: rgb(236,0,140); padding-right: 5px; }
#AssessmentSummaryGreyBlock.greyBlock {padding-bottom: 0;}
.certificateButtons input {margin-right: 10px;}
.moduleScoreContainer {padding: 20px}
.greyBlock p.moduleScore {margin: 0;}
.moduleScore {padding: 20px 10px; text-align: center; background:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.assessmentPass, .assessmentFailed, .assessmentScore {letter-spacing: -4px; font-size: 70px; font-weight: bold;  line-height: 1em;}
.assessmentPass {color: rgb(90, 163, 67);}
.assessmentFailed {color: rgb(144,21,0);}
.assessmentScore {color: rgb(96,137,188);}
.summaryNamedAnchors p {font-weight: bold; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; background: #fff url('http://media.onexamination.com/Images/my/glyphicons/glyphicons_219_circle_arrow_down.png') no-repeat 245px 12px; padding-right: 25px; background-size: 15px 15px; -moz-background-size: 15px 15px; -webkit-background-size: 15px 15px; }
.summaryNamedAnchors p.ReadingMaterialLink {background: #fff none;}
/*td.ViewedLink {background: url('http://media.onexamination.com/Images/my/GreenTickSmall.png') no-repeat 40px center;  padding-right: 25px;background-size: 10px 10px; -moz-background-size: 10px 10px; -webkit-background-size: 10px 10px;}*/
.gasReadingMaterial i.icon-ok {color: #5AA343;}
.LearningMaterialSection {padding: 0 20px;}
#CategoryOverviewSection h3 .modernBox {text-align: center; padding: 10px; margin-bottom: 10px; background-color: rgba(92,93,93,0.05);}
#QuestionOverviewSection {margin-top: 20px;}
.keyLearningPoints {margin: 10px 50px;}
.keyLearningPoints li, .bmjSearchFeed, #ReadingListDiv p {border-bottom: 1px dotted #CCC; padding: 10px 5px; list-style-image:  url(http://media.onexamination.com/Images/my/list-item.png);}
.keyLearningPoints li:last-child, .bmjSearchFeed:last-child, #ReadingListDiv p:last-child {border-bottom: none;}
.AssessmentCompleteKey {margin-top: 20px;}
.AssessmentCompleteKey p {color: #64A314; font-size: 0.8em; margin: 0}
.AssessmentCompleteKey img {padding: 0 5px 0 0;}
.gasModuleList .itemImg {width: 50px;}
.gasModule .assessmentProg {background: url('http://media.onexamination.com/Images/my/GreyTick2.png') no-repeat; width: 50px; height: 50px; margin-top: -20px; -moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; background-size: 50px 50px;}
.gasModule .assessmentProgPass {background: url('http://media.onexamination.com/Images/my/GreenTick2.png') no-repeat; width: 50px; height: 50px; margin-top: -20px;-moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; background-size: 50px 50px;}
.gaQListPreview img {max-width: 475px}
.testOptionButtons input.button1, .socialOptionButtons a.button1, .CPDOptionButtons a.button1 {margin-right: 5px; text-align: center;}
.testOptionButtons a.button1 {margin-right: 5px;  text-align: center;}

.QuestionPreviewArea {position: relative;}
.QuestionPreviewArea .bookmarkImg {position: absolute; top: -12px; right: 20px;}


.AssessmentIntroProgress .pcAssessmentStats {font-weight: bold; font-size: 1em; line-height: 2.5em;}
.AssessmentIntroProgress .pcAssessmentStats span {color: rgb(236,0,140); font-size: 1.5em; margin-left: 10px; padding-left: 20px; background: url('http://media.onexamination.com/Images/my/list-item.png') no-repeat left center;}

a.PartnerAdminEditRole {text-decoration: none; cursor: pointer !important;}


/***************************************	GENERIC ASSESSMENT SUMMARY PAGE 	*/
.getCert {background: rgba(91,183,91,0.10); margin-top: 30px; position: relative;}
.saAdobeLink {position: absolute; bottom: 5px; right: 5px;}

/***************************************	STYLING FOR PARTNER ADMIN SPECIFIC PAGES 	*/

.pcPageSubNav {background-color: rgb(235,235,235); clear: both; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}
.pcPageSubNav h2 {width: 313px; margin-top: 0;}
.pcPageSubNav h2 a {display: block; border-bottom: 4px solid rgb(185,185,185); padding: 10px;}
.pcPageSubNav h2 a.activeSection {border-bottom: 4px solid rgb(237,20,91); text-decoration: none;}
.pcPageSubNav h2.col1 {background-color: rgb(215,215,215); -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;}
.pcPageSubNav h2.col2 {background-color: rgb(225,225,225);}
.pcPageSubNav h2.col3 {background-color: rgb(235,235,235); -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}

.pcUserFilterToggle, .pcUserSearchToggle {background: #F1F1F1;  font-size: 0.9em; text-align: center; margin-bottom: 0; width: 50%; position: relative; z-index: 1;}
.pcUserSearchToggle { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}
.pcUserFilterToggle {background: #E6E6E6; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;}
.pcUserFilterToggle a, .pcUserSearchToggle a {display: block; padding: 10px;}
.pcUserFilterToggle a{border-right: none;}
#pcUserSearch {background: #F1F1F1; border-bottom: 1px solid #BBB;}
#pcUserFilter {background: #E6E6E6; border-bottom: 1px solid #BBB;}
#pcUserFilter p, #pcUserSearch p {margin-top: 0; padding: 20px;}
button#ClearButton, #pcUserSearch input[type="submit"].button1 {padding: 3px 10px !important; margin-bottom: 0}
#pcUserFilter label, #pcUserSearch label {margin-right: 10px; font-weight: bold; color: #666;}
#pcUserSearch {padding: 20px 0;}
#pcUserSearch .textBox1, #pcUserFilter .dropDownList1 {width: 270px}
#pcUserSearch .btn {float:left; margin-left: 10px;}
.pcUserTableList table.gridView {display: table; margin-top: 0;}
.pcUserTableList table.gridView [class^="icon-"],.pcUserTableList table.gridView [class*=" icon-"] {vertical-align: top;}
.pcUserTableList table.gridView td:nth-child(5n) {width: 85px;}
.pcUserTableList table.gridView tr.pager td:nth-child(5n) {width: auto;}

td.expiryDateTD {padding-left: 0;}
.csvUserUpload input[type="submit"] {padding: 3px 5px;}

.ui-dialog {position:absolute;overflow:hidden}
.ui-dialog .button1  {font-size: 11px;}
.ui-dialog .dropDownList1, .ui-dialog .textBox1 {width: 80%; padding: 5px;}
.ui-dialog p .dropDownList1 option {padding: 5px;}
.ui-dialog .expiryDateTD {width: 40%;}
.ui-dialog .expiryDateTD input[type="text"] {width: 60%}

div#NewGroupSection.greyBlock {background: rgba(0,0,0,0.05); border-top: none; margin-top: 0;}
div#NewGroupSection div h3 {margin: 0; padding-top: 10px; }
div#NewGroupSection .textBox1 {padding: 5px; width: 350px;}
.addAssessmentButton input.button1 {margin-bottom: 0}
.assessmentName {text-transform: capitalize;}

/***************************************  STYLING FOR SELF ASSESSMENT PAGES  */

.addBMJPortfolio img {height: 16px; position: relative;}
.saModule{display: block; padding: 0; margin-top: 10px; margin-bottom: 10px; border: none; background: none; }
.saModule .AssessmentCompleteKey {margin-top: -30px;}
.mockTest.AssessmentCompleteKey {margin-top: 20px !important;}
.CPDOptionButtons a.button1 {margin-right: 8px;}

/*************************************** STYLING FOR FORUM - ADDITIONAL TO FORUM STYLESHEET */

.avatarMarginLeft {margin-left: 95px;}
.forumList h1, .avatarMarginLeft h1 {font-size: 24px;}

/*************************************** STYLING FOR GOUP REVISION & CHAT */

#chatframe {background-color: #f7f8f9;}
.statusInfo {color: rgb(228,120,35); font-weight: bold; padding: 5px;  background-color: #F8EBBB; border: rgb(228,120,35) 1px solid; text-align: center;}

.roundWinner {line-height: 22px; background-color: #F8EBBB; border: rgb(228,120,35) 1px solid; padding: 10px 0; text-align: center; }

.roundScores {width: 100%;}
.roundScoreTables .roundScores, .roundScoreTables .leaderBoard {font-size: 12px; text-align: left; border-collapse: collapse; background: #f5f5f5; width: 100%;}
.roundScoreTables .roundScores th, .roundScoreTables .leaderBoard th {font-size: 14px; line-height: 1.6em; font-weight: bold; padding: 4px 10px; color: #3B76B2; text-align: left;}
.roundScoreTables .roundScores tr.thead, .roundScoreTables .roundScores tr.thead:hover, .roundScoreTables .leaderBoard tr.thead, .roundScoreTables .leaderBoard tr.thead:hover {background: #D8E4F0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left;}
.roundScoreTables .roundScores tr th {text-align: left;}
.roundScoreTables .roundScores tr, .roundScoreTables .leaderBoard tr {background: #f5f5f5; border-bottom: 1px solid #fff; border-top: 1px solid transparent;}
.roundScoreTables .roundScores td, .roundScoreTables .leaderBoard td {padding: 8px 10px; margin: 2px 0; color: #333; height: 26px; width: 20%;}
.roundScoreTables .roundScores td .errorMessage, .roundScoreTables .leaderBoard .errorMessage {margin: 0;}
.roundScoreTables .roundScores tr:hover, .roundScoreTables .leaderBoard tr:hover {background: #e3e3e5; color: #339;}
.roundScoreTables .roundScores tfoot tr:hover, .roundScoreTables .leaderBoard tfoot tr:hover {background: #f5f5f5; width: 280px;}
.greyBlock .roundScores {font-size: 11px; margin:0 10px; width: 100%;}

.greyBlock .roundScores .center {text-align: center;}
.greyBlock .roundScores td {line-height: 18px;}

.greyBlock #showall, #showallLeaderboard, #showall  {position: relative; top: 26px; right: 5px; float: right; font-size: 10px; background-color: #909090; color: #fff; border: #999 1px solid; padding: 2px; width: 80px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}

.greyBlock #showall {position: relative; top: -30px;}
tr.roundScoreFooter {border-top: #ccc 1px dotted;}

a.groupAssessmentPill {text-decoration: none;}
.GroupAssessmentParticipants {padding: 3px 7px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: rgba(236,0,140, 1); color: #fff; font-size: 11px;}
.GLAssessmentList .groupAssessmentPill {margin-top: -2px;}

.secondaryNav ul li a span span.GroupAssessmentParticipants {padding: 3px 4px; color: #333; font-size: 12px; background-color: transparent; display: inline;}

.add-on.GroupAssessmentParticipants {color: #000;}
.input-append a.btn {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}

/***************************************  STYLING FOR LOGIN PAGE  */

.loginPage input[type="text"], .loginPage input[type="password"] {padding: 5px 3px; font-size: 1.1em; width:90%;}


/***************************************  JAVASCRIPT IMAGE VIEWER STYLING */

div.bmjMivLoading {background: url('http://media.onexamination.com/Images/LoadingIndicatorSmall.gif') no-repeat center left; text-align:center;}
div.bmjMivErrorLoading {background: url('http://media.onexamination.com/Images/www/redWarning.png') no-repeat center left; text-align:center;}
div.bmjMivMainViewer {border-style:double; position:relative; overflow:hidden;}


/***************************************  INSTITUTIONS SECTION SPECIFIC STYLING */
.gridView tr.newUsers {background-color: rgba(252,150,0,0.2);}
#ShowOrHideCurricula {font-size: 12px;font-weight: bold; margin-left: 10px;}


/***************************************  QUESTION SYNDICATION SPECIFIC STYLING */
body.SynQuestion {background: none; padding: 10px;} 


/***************************************  FIX FOR JQUERY UI DATE PICKER DIV DISPLAY BUG */
#ui-datepicker-div { display: none; }


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }