.mainBox { clear: both; position: relative; overflow: hidden; }
#pdfOuter { clear: both; width: 18cm; }

#MCQUserList { width: 800px; margin: 0px auto; text-align: center; }
#MCQUserList td { background-color: #eee; padding: 2px 0px; margin: 10px 0px; border: solid 1px white; border-width: 2px 0px; }
#MCQUserList tr td:first-child { text-align: left; }

/* Group List */

#GroupSummary tr.gpRow td, #GroupSummary tr.gpEdit td { text-align: center; background-image: url(/resources/images/columnheader-fade50-top.png); background-repeat: repeat-x; padding: 10px 0px; }
#GroupSummary tr.gpEdit td { text-align: center; padding-bottom: 30px; border-bottom: 0px; }
#GroupSummary tr.gpProducts td { text-align: center; padding-bottom: 30px; background-image: url(/resources/images/columnheader-fade-50.png); background-repeat: repeat-x; background-position: bottom; border-top: 0px; }
#GroupSummary td span.gpName { display: inline-block; float: left; width: 90%; text-align: left; }
#GroupSummary td input[type=text] { width: 95%; }

#GroupSummary td span.gpInd { float: left; text-align: right; color: #888; font-size: 0.8em; padding: 3px 5px 0 5px; }

/* Group User List*/
.gpUsersTop { overflow: hidden; padding: 0px 0px 13px 0px; position: relative; }
#GroupUserLeft { border-right: 1px solid #CCCCCC; float: left; padding-right: 10px; width: 439px; }
#GroupUserRight { float: left; padding-left: 10px; width: 500px; }
#GroupUserRight label { display: inline-block; width: 150px; font-size: 0.8em; }

/*planner progress*/
div.planner-progress { border: 1px solid #0C586D; background-color: transparent; width: 50px; height: 18px; padding: 0px; margin: 0px 6px 0px 0px; font-size: 1%; float: left; }
.planner-progress DIV.progress-bar { border: 0px none; background-color: #0C586D; height: 100%; margin: 0px; padding: 0px; }

.reportmenu { width: 200px; position: fixed; top: 155px; }
.reportnav { padding: 10px 0px; text-align: center; }
.reportnav a { color: White; }

.Resources .col1 { width: 40%; float: left; }
.Resources .col2 { width: 60%; float: left; }
.Resources .col2 .intro { margin-top: 20px; margin-bottom: 15px; }
.CareerIdeas .col1 { width: 40%; float: right; }
.CareerIdeas .col2 { width: 60%; float: left; }

/* General */
.tutorialText { height: 280px; overflow: auto; padding: 0 20px 10px; }


.popupMessage { z-index: 99; display: none; position: fixed; bottom: 10px; right: 10px; }
.popupMessage div { display: none; margin: 0px 30px 0px 5px; min-height: 20px; overflow: hidden; color: #FFFFFF; }
.popupMessage .close { position: absolute; display: inline-block; top: 5px; right: 5px; }



/* Group Operations*/
/*interview mark*/
div.interview-mark { border: 0px none; background: transparent url(/resources/images/icons/interview-mk.png) no-repeat; background-position: center center; width: 18px; height: 18px; padding: 0px; margin: 0px 6px 0px 0px; font-size: 1%; float: left; }
div.interview-mark-missing { border: 0px none; width: 18px; height: 18px; padding: 0px; margin: 0px 6px 0px 0px; font-size: 1%; float: left; }
div.interview-mark-blue { border: 0px none; background: transparent url(/resources/images/icons/interview-mk-blue.png) no-repeat; background-position: center center; width: 18px; height: 18px; padding: 0px; margin: 0px 6px 0px 0px; font-size: 1%; float: left; }

/* Group operations and ordered reports*/
.GpOperate { float: left; width: 200px; }
#ReportPanes .paneTab { width: 450px; float: left; }

.mcqpanes { clear: both; padding-top: 10px; }
.mcqpanes .paneTab { display: none; }

#GroupList { clear: both; }

.GpOperate ul { padding: 0px; margin: 0px; }

.GpOperate li { list-style: none none inside; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; background-image: url(/App_Themes/MorrisbyProfile/img/MorrisbyLogoTiny.gif); background-repeat: no-repeat; background-position: left center; }

.CareerIdeas .MorrisbyList { height: 350px; margin: 0px; padding: 4px; border: 1px solid #888; background: #fff; overflow-y: auto; }
.CareerIdeas .findSimilarButton { float: right; position: relative; margin-top: 17px; }
.CareerIdeas .careerInformation img { float: left; padding: 10px 10px 5px 10px; }


#mask { position: fixed; z-index: 2000; background-color: #000; display: none; top: 0px; left: 0px; }
#SummaryModal { position: fixed; top: 20px; z-index: 8001; display: none; width: 900px; height: 500px; margin: 0px auto; margin: 0 0 0 10px;}
#SummaryControls { text-align: center; padding: 5px 0px 5px 0px; }
#SummaryContent { overflow: auto; height: 450px; background: transparent; }
#CandSummaryFrame { width: 880px; height: 400px; margin: 0px auto; background-color: White; }

/*### File Downloads###*/

.downloadList p,
#FileDownloads p, 
.downloadList h3,
#FileDownloads h3, 
.downloadList h4,
#FileDownloads h4 
{ margin: 10px 0px 5px 0px; padding: 0px 0px; }

.downloadList p
#FileDownloads p { font-size: 0.75em; }

.downloadList ul,
#FileDownloads ul { margin: 0px; }

.downloadList li,
#FileDownloads li { list-style-position: inside; list-style-image: none; list-style-type: none; padding: 0px; margin-bottom: 1px; }

.downloadList ul li a .document,
#FileDownloads ul li a .document { padding: 2px 0 2px 27px; display: block; background: url(../images/icons/file.png) 4px 0px no-repeat !important; }

.downloadList ul li a,
#FileDownloads ul li a { display: block; text-decoration: none; padding: 2px 0 2px 0; font-size: 0.8em; }

.downloadList ul li a:hover,
#FileDownloads ul li a:hover { background: #444 url(../images/columnheader-fade.png) repeat-x scroll center bottom; color: White; }


/* ADVISER LISTS */

table { }

table table { }

#GroupSummary, #GroupUserSummary, #MCQUserList, #MPUserList, #searchResultsDiv table, .SurveyList, .UserSurveyList { width: 100%; font-size: 0.8em; }

#MPUserList { float: left; width: 700px; }


.AspectsTable tr th { background: transparent !important; border: 0 !important; }

#MCQUserList thead tr th { background: #888 url(/resources/images/columnheader-fade50-top.png) left 15px repeat-x; color: White; padding: 5px 0 5px 0; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #666; border-bottom: 1px solid #666; }

#GroupUserSummary, .SurveyList, .UserSurveyList { }

#GroupUserSummary tr.headings, .SurveyList tr.headings, .UserSurveyList tr.headings { border: 1px solid #888; }

#GroupUserSummary tr.headings th, .SurveyList tr.headings th, .UserSurveyList tr.headings th { background: #888 url(/resources/images/columnheader-fade50-top.png) left 15px repeat-x; color: White;  }

#GroupUserSummary tr.headings th a, .SurveyList tr.headings th a { text-decoration: underline; color: #FFF; }

#GroupUserSummary tr.headings th a:hover, .SurveyList tr.headings th a:hover { background-color: #eee; color: #888; }

#GroupUserSummary tr.candidateRow, .SurveyList tr.surveyRow, .UserSurveyList tr.surveyRow { border: 1px solid #DDD; }
.pSum { display: inline-block;}
#GroupUserSummary td, .SurveyList td,  .UserSurveyList td { background: url(/resources/images/columnheader-fade25.png) bottom repeat-x;}
#GroupUserSummary tr td p, .SurveyList tr td p,  .UserSurveyList tr td p { padding: 0px; margin: 0px; overflow: hidden; }

/* SURVEYS */

.SurveyList td p, .UserSurveyList td p { text-align: center; }
#newsurvey { font-size: 0.9em; width: 900px; margin: 10px auto; }
#newsurvey .formtitle { float: left; width: 200px; text-align: right; padding: 5px 10px 5px 0px; margin-bottom: 10px; }
#newsurvey .formfield { float: left; margin-bottom: 10px; padding: 5px 10px 5px 0px; }
#surveyEdit .questionsTitle { font-weight: bold; padding: 5px 0; text-align: center; clear: both; margin: 10px 0px !important; }

#pagecontent-body .threeColumns, #pagecontent-body .oneColumn, #pagecontent-body div.twoColumns { float: left; margin: 0 0 0 12px; padding: 0; width: 904px; font-size: 0.8em; }
#pagecontent-body .oneColumns .column { float: left; margin: 0 15px 0 0; padding: 0; width: 885px; }
#pagecontent-body .twoColumns .column { float: left; margin: 0 15px 0 0; padding: 0; width: 437px; }
#pagecontent-body .threeColumns .column { float: left; margin: 0 15px 0 0; padding: 0; width: 286px; }

#pdfOuter .threeColumns, #pdfOuter .oneColumn, #pdfOuter div.twoColumns { float: left; margin: 0 0 0 3mm; padding: 0; width: 180mm; font-size: 0.8em; }
#pdfOuter .oneColumns .column { float: left; margin: 0 3mm 0 0; padding: 0; width: 174mm; }
#pdfOuter .twoColumns .column { float: left; margin: 0 3mm 0 0; padding: 0; width: 85mm; }
#pdfOuter .threeColumns .column { float: left; margin: 0 3mm 0 0; padding: 0; width: 56mm; }
 

.column table { width: 100%; }
.column table td {padding: 0px !Important;}
.column .question { clear: both; overflow: hidden; padding: 10px 5px; margin: 7px 0px; background-color: #ddd; }
.column .question textarea { width: 97%; margin: 1px; }
.column .question .buttons, .column .question .position { text-align: center; margin: 5px 0px; }
.column .question li { list-style: none none outside; }





.mcqpanes table tr.yellow td { background: #b8ac1f url(/resources/images/columnheader-fade25.png) bottom repeat-x; border: 0; color: White !important; }

.mcqpanes table tr.blue td { background: #2A368A url(/resources/images/columnheader-fade25.png) bottom repeat-x; border: 0; color: White !important; }

.yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5 { color: White !important; }

.yellowBox table tr td, .blueBox table tr td, .darkGrayBox table tr td { color: #444 !important; }


.mcqpanes table tr.nofill td { background: none; border: none; }

#GroupSummary tr td { padding: 3px; background: #EEEEEE url(/resources/images/columnheader-fade25-top.png) top repeat-x; border-bottom: 2px solid white; border-left: 1px solid #fff; border-right: 1px solid #ddd; }

#MCQUserList .NonMCQ td { color: #aaa; }

.tutorialText { border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD; border-style: solid; border-width: 1px; }

.tablinks li { background: none !important; }

.GpOperate { padding: 10px 20px 20px 20px; }

.gpUsersTop { float: right; width: 230px; padding-left: 10px; }

.gpUsersTop h4 { font-size: 0.9em; }

.OrdRep { width: 210px; margin: 0px; }

.OrdRep .panes { padding: 5px; font-size: 0.8em; background: #fff url(/resources/images/columnheader-fade25.png) bottom repeat-x; }

#ReportSection { }

.headerOptions a { float: right; }

/* MGS User Summary*/
.MGSIcon, .MCQIcon, .UKCFIcon, .MGSIcon:hover, .MCQIcon:hover, .UKCFIcon:hover { width: 26px; height: 30px; display: inline-block; float: left; background-image: url(/Resources/Images/sprites/mgs.gif); background-position: center center;  }
/*.MCQIcon { width: 26px; height: 30px;margin: 0px auto;display: inline-block; }*/

.MGSPS0, .MGSPS0:hover { background-position: -480px 0px; }
.MGSPS1, .MGSPS1:hover { background-position: -510px 0px; }
.MGSLF, .MGSLF:hover { background-position: -450px 0px; }
.MGSRep, .MGSRep:hover { background-position: -30px 0px; }
.MGSNotes, .MGSNotes:hover { background-position: -60px 0px; }
.MGSSum, .MGSSum:hover { background-position: -90px 0px !important; }
.MGSInt, .MGSInt:hover { background-position: -120px 0px; }
.MGSInt0, .MGSInt0:hover { background-position: -120px 0px; }
.MGSInt1, .MGSInt1:hover { background-position: -150px 0px; }
.MGSInt2, .MGSInt2:hover { background-position: -180px 0px; }
.MCQSt0, .MCQSt0:hover { background-position: -210px 0px; }
.MCQSt1, .MCQSt1:hover { background-position: -240px 0px; }
.MCQSt2, .MCQSt2:hover { background-position: -270px 0px; }
.MCQSt3, .MCQSt3:hover { background-position: -300px 0px; }
.MCQSt4, .MCQSt4:hover { background-position: -330px 0px; }
.MCQrel, .MCQrel:hover { background-position: -360px 0px; }

.MGSPS0:hover { background-color: transparent; background-position: -480px -30px;}
.MGSPS1:hover { background-color: transparent; background-position: -510px -30px;}
.MGSLF:hover { background-color: transparent; background-position: -450px -30px;}
.MGSRep:hover { background-color: transparent; background-position: -30px -30px; }
.MGSNotes:hover { background-color: transparent; background-position: -60px -30px; }
.MGSSum:hover { background-color: transparent; background-position: -90px -30px !important; }
.MGSInt:hover { background-color: transparent; background-position: -120px -30px; }
.MGSInt0:hover { background-color: transparent; background-position: -120px -30px; }
.MGSInt1:hover { background-color: transparent; background-position: -150px -30px; }
.MGSInt2:hover { background-color: transparent; background-position: -180px -30px; }
.MCQSt0:hover { background-color: transparent; background-position: -210px -30px; }
.MCQSt1:hover { background-color: transparent; background-position: -240px -30px; }
.MCQSt2:hover { background-color: transparent; background-position: -270px -30px; }
.MCQSt3:hover { background-color: transparent; background-position: -300px -30px; }
.MCQSt4:hover { background-color: transparent; background-position: -330px -30px; }
.MCQrel:hover { background-color: transparent; background-position: -360px -30px; }
.UKCFStatus0 {  background-color: transparent; background-position: -390px 0px; }
.UKCFStatus0:hover { background-color: transparent;  background-position: -390px -30px; }
.UKCFStatus1  { background-color: transparent; background-position: -420px 0px; }
.UKCFStatus1:hover  { background-color: transparent; background-position: -420px -30px; }

.SummaryKey { width: 850px; margin: 0px auto; text-align: center; font-weight: bold; padding-top: 10px; }
.SummaryKey label { display: inline-block; width: 40px; }
.SummaryKey span { display: inline-block; }
.SummaryKey abbr { float: none !important; border: 0px; position: relative; top: -3px; }
.SummaryKey #PreKey { font-weight: bold; position: relative; top: 4px; padding-left: 10px; }

.groupOperations { text-align: right; font-size: 0.9em; padding: 10px 10px; margin: 0px; background-color: #888; }
.groupOperations ul { display: inline-block; margin: 0px; padding: 0px; }
.groupOperations li { display: inline-block; list-style-position: inside; list-style-type: none; float: left; padding: 3px 5px; }
.groupOperations li.button { background: #999; border-width: 1px; border-style:solid; border-color: #aaa #777 #777 #aaa ; }

#moveGroupActions {display: none; padding: 2px 3px 3px 0px; vertical-align: middle;}

#ReportGenOptions div, #MoveCopyOptions div { text-align: left; margin: 0px auto; }
#ReportGenOptions div ul, #MoveCopyOptions div ul { list-style-position: inside; list-style-type: none; }
#ReportGenOptions div li, #MoveCopyOptions div li { text-decoration: none; cursor: pointer;}

/* Prefinio/UKCF Summaries */
.PStatusOuter{ width: 105px; display: inline-block; padding-left: 0px; }
.PStatus:hover { background-color: Transparent; }
.PStatus { height: 34px; width: 10px; display: inline-block; margin: 0px 4px; padding: 0px 0px 0px 0px; float: left; background-repeat: no-repeat !important; background-position: top; }
.PStatus span { padding:  22px 0px 0px 0px; margin: 0px; font-size: 0.8em; text-align: center; display: none; float:left;  }
.PStatus0 { background-image: url(/resources/images/icons/statusEmpty.gif); }
.PStatus1 { background-image: url(/resources/images/icons/statusHalf.gif) !important; }
.PStatus2 { background-image: url(/resources/images/icons/statusFull.gif); }
.PStatus0 span, .PStatus1 span, .PStatus2 span { display: inline; }
.PSumPop ul { padding: 0px; margin: 0px; text-align: left; }
.PSumPop li  { list-style: none none outside;  padding: 0px 5px; margin: 0px;}
.PSumPop div { font-size: 1.1em; font-weight: bold; }
.PSumPop { display: none; background-color: #444; position: absolute; width: 250px; color: #fff; z-index: 99; padding: 5px; margin-left: -270px; margin-top: -20px; }

.UKCFSumOuter, .PrefinioSumOuter { width: 41px; display: inline-block; padding-left: 6px; }




/* Adviser Breadcrumb */

.advBCrumb { padding: 5px 0px; margin: 0px; }
.crumb { width: 700px; float: left; padding: 0px; margin: 0px; }
.advBCrumb #findC { width: 200px; float: right; }
.crumb li { list-style-image: none; list-style-type: none; list-style-position: inside; float: left; font-size: 1.1em; }
.crumb li a { text-decoration: underline; }
.advBCrumb #findC input[type=text] { float: left; }
.advBCrumb #findC input[type=submit] { float: right; }



/* PLANNER */

#displayS_pnlR h4 { font-size: 2.0em !important; }

#displayS_pnlR h5 { font-size: 1.3em !important; }

#displayS_pnlR h6 { font-size: 1.15em !important; }

#planner h4 { font-size: 2.0em !important; margin: 10px 0 0 0; }

#planner h5 { font-size: 1.3em !important; margin: 10px 0 0 0; }

#planner h6 { font-size: 1.15em !important; margin: 10px 0 0 0; }

/* MCQ */
#PersonalDetails, #OtherQualifications, #examlist, .AspectsTable { width: 100% !important; }
#PersonalDetails ul li, #OtherQualifications ul li, #examlist ul li { background: none !important; }