/***********************************/ /** Reset/Browser-Consistancy CSS **/ /***********************************/ /* Based On: http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } tbody, tr, td { vertical-align: middle; } /* remember to define focus styles! */ /*:focus { outline: 0; }*/ body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } var { display: none; } /* hasLayout() Hack */ div { display: inline-block; } div { display: block; } table, tr, td { zoom: 1; } strong, b, strong *, b * { font-weight: bold !important; } em, i, em *, i * { font-style: italic !important; } /*/////////// END /CSS/000_Reset.css ///////////*/ i.fa { font-style: normal !important; } html { height: 100%; } body { padding: 0; margin: 0; line-height: 1.25; } body, div, td, th, p, legend { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; } ::-ms-clear { width: 0; height: 0; } div[contenteditable] { border: 1px solid #ffffff; } /* editable */ div[contenteditable]:hover { border: 1px dashed #c0c0c0; background-color: #f9f9f9; } /* editable */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #003057; font-weight: bold; margin-top: 5px; margin-bottom: 5px; } h1 { font-size: 26px; line-height: 26px; } h2 { font-size: 22px; line-height: 22px; } h3 { font-size: 18px; line-height: 18px; } h4 { font-size: 14px; line-height: 14px; } h5 { font-size: 12px; line-height: 12px; } p { margin-top: 12px; margin-bottom: 12px; } ol, ul { margin-left: 0; } ol.numberedList { list-style-type: decimal; margin-left: 40px; } ol.nl { list-style-type: decimal; margin-left: 40px; } ul.bulletedList { list-style-type: disc; margin-left: 40px; } ul.bl { list-style-type: disc; margin-left: 40px; } #Form1 { margin: 0; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } a img { border: none; text-decoration: none; } div.fieldset { border-style: solid; border-width: 1px; } fieldset { border: solid 1px #C0C0C0; padding: 8px 6px 8px 6px; margin: 0 0 4px 0; } SELECT { padding: 3px; margin: 0; } INPUT[type=text] { padding: 3px; margin: 0; } INPUT[type=password] { padding: 3px; margin: 0; } INPUT[type="radio"] { width: 13px; height: 13px; padding: 0; margin: 3px 3px 0 3px; vertical-align: bottom; position: relative; top: -2px; *overflow: hidden; } INPUT[type=checkbox] { width: 13px; height: 13px; padding: 0; margin: 3px 3px 0 3px; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } input, select, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input.error { border: 1px solid red; } legend { color: #000000; font-weight: bold; } th { text-align: left; } th.left { text-align: left; } th.right { text-align: right; } th.center { text-align: center; } th.top { vertical-align: top; } th.middle { vertical-align: middle; } th.bottom { vertical-align: bottom; } td { text-align: left; } td.left { text-align: left; } td.right { text-align: right; } td.center { text-align: center; } td.top { vertical-align: top; } td.middle { vertical-align: middle; } td.bottom { vertical-align: bottom; } td.nowrap { white-space: nowrap; } TH, TR.head TD { font-weight: bold; border-bottom-color: #C0C0C0; border-bottom-style: solid; border-bottom-width: 1px; } td[valign="top"], th[valign="top"] { vertical-align: top; } table[cellspacing="0"] { border-spacing: 0; } table[cellspacing="1"] { border-spacing: 1px; } table[cellspacing="2"] { border-spacing: 2px; } table[cellspacing="3"] { border-spacing: 3px; } table[cellspacing="4"] { border-spacing: 4px; } table[cellspacing="5"] { border-spacing: 5px; } table[cellspacing="15"] { border-spacing: 15px; } table[cellpadding="0"] > tbody > tr > td, table[cellpadding="0"] > tbody > tr > th { padding: 0; } table[cellpadding="1"] > tbody > tr > td, table[cellpadding="1"] > tbody > tr > th { padding: 1px; } table[cellpadding="2"] > tbody > tr > td, table[cellpadding="2"] > tbody > tr > th { padding: 2px; } table[cellpadding="3"] > tbody > tr > td, table[cellpadding="3"] > tbody > tr > th { padding: 3px; } table[cellpadding="4"] > tbody > tr > td, table[cellpadding="4"] > tbody > tr > th { padding: 4px; } table[cellpadding="5"] > tbody > tr > td, table[cellpadding="5"] > tbody > tr > th { padding: 5px; } table[cellpadding="6"] > tbody > tr > td, table[cellpadding="6"] > tbody > tr > th { padding: 6px; } table[cellpadding="7"] > tbody > tr > td, table[cellpadding="7"] > tbody > tr > th { padding: 7px; } table[cellpadding="8"] > tbody > tr > td, table[cellpadding="8"] > tbody > tr > th { padding: 8px; } table[cellpadding="9"] > tbody > tr > td, table[cellpadding="9"] > tbody > tr > th { padding: 9px; } table[cellpadding="10"] > tbody > tr > td, table[cellpadding="10"] > tbody > tr > th { padding: 10px; } table[cellpadding="15"] > tbody > tr > td, table[cellpadding="15"] > tbody > tr > th { padding: 15px; } table[cellpadding="20"] > tbody > tr > td, table[cellpadding="20"] > tbody > tr > th { padding: 20px; } table[cellpadding="25"] > tbody > tr > td, table[cellpadding="25"] > tbody > tr > th { padding: 25px; } table.pad3 td, table.pad3 th { padding: 3px; } table.pad5 td, table.pad5 th { padding: 5px; } /*table[border="0"] td, table[border="0"] th { border-width: 0; }*/ table[border="1"] { border-collapse: collapse; } table[border="1"] td, table[border="1"] th { border: 1px solid Black; } /******** Site Layout ******/ #LeftPane { width: 200px; vertical-align: top; padding-right: 0; } #MiddlePane { width: 100%; } #MiddleTable { width: 100%; } #RightPane { width: 0; vertical-align: top; } #AccountCreateSteps ul { list-style-type: none; margin-left: 0; } #AccountCreateSteps .GroupList { max-width: 639px; } #AccountInformation .Data { width: 275px; } #AccountInformation .GroupList { width: 100%; } #AccountInformation .Label { width: 175px; } #AccountInformation .Label hr { display: none; } #AccountInformation .Label h2 { display: none; } #AccountInformation #customRegistrationQuestions { width: 100%; } #AccountInformation #customRegistrationQuestions .FileUpload { display: none; } #AccountInformation #customRegistrationQuestions ul { display: none; } #AccountInformation .SignupOnly { display: none; } #AccountManagement .SearchPanel .Registration { width: 200px; } #AccountManagement .SearchPanel .FirstName { width: 200px; } #AccountManagement .SearchPanel .LastName { width: 200px; } #AccountManagement .SearchPanel .Email { width: 200px; } #AccountManagement .SearchPanel .SearchCriteria { list-style-type: none; padding: 0; margin: 0; } #AccountManagement .SearchPanel .SearchCriteria li { display: inline; float: left; } #AccountManagement .SearchPanel .SearchCriteria .Label { padding: 0 5px; } #AccountManagement .SearchPanel .SearchCriteria #btnSearch { margin-left: 5px; } #AccountRegistration { display: flex; max-width: 1000px; } #AccountRegistration .RegForm { min-width: 300px; flex-grow: 1 } #AccountRegistration .RegForm .Section { padding: 10px; padding-bottom: 20px; margin-bottom: 15px; background-color: #F9F9F9; border: 1px solid #E0E0E0; border-radius: 5px; } #AccountRegistration .RegForm .Section INPUT [type=textbox] { padding: 5px; font-size: 14px; } #AccountRegistration .RegForm .Email { width: 300px; } #AccountRegistration .RegForm .FirstName { width: 170px; } #AccountRegistration .RegForm .LastName { width: 170px; } #AccountRegistration .RegForm .Password { width: 150px; } #AccountRegistration .Wizard { width: 100px; margin-left: 20px;} #AccountRegistration .GroupList { min-width: 300px; } #ActivationInformation { width: 420px; border-collapse: collapse; } #ActivationInformation TD { padding: 5px; border: 1px solid gray; } #AdhocReportsOuterdiv #Table2 fieldset { border: none; } #AdminDiscountProducts ul.horzList li { display: inline; float: left; padding: 10px 0 10px 15px; vertical-align: middle; } #AdminDiscountProducts ul.horzList .Label { font-weight: bold; text-align: left; } #AdminDiscountProducts ul.horzList #btnFilter { margin-left: 15px; margin-top: 3px; vertical-align: middle; } #AdminDiscountProducts .NameSearch { width: 220px; } #AdminModifyProduct ul.horzList li { display: inline; float: left; padding: 10px 0 10px 15px; vertical-align: middle; } #AdminModifyProduct ul.horzList .Label { font-weight: bold; text-align: left; } #AssignableProducts .topnav { padding-right: 10px; font-size: 11px; line-height: 23px; text-align: right; } #AssignableProducts .topnav a.choose-group { background: #88bbd4; padding: 4px 6px 6px; text-decoration: none; font-weight: bold; color: #fff; border-radius: 4px; } #AssignableProducts .topnav a.choose-group:hover { background: #59B; } #AssignableProducts a.choose-group { position: relative; margin-left: 0; } #AssignableProducts a.choose-group span { background-image: url("../media/images/toggle_down_light.png"); background-repeat: no-repeat; background-position: 100% 50%; padding: 4px 16px 6px 0; *padding: 1px 16px 1px 0; } #AssignableProducts .topnav a.menu-open { background: #ddeef6 !important; color: #666 !important; outline: none; } #AssignableProducts a.choose-group.menu-open span { background-image: url("../media/images/toggle_up_dark.png"); color: #789; } #AssignableProducts .group-panel { border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; background-color: #ddeef6; position: absolute; width: 210px; z-index: 99999; border: 1px transparent; text-align: left; padding: 10px; margin-left: 0; *margin-left: -1px; margin-top: -4px; color: #789; font-size: 11px; } #AssignableProducts .group-panel input[type=text], .group-panel input[type=password] { display: block; border-radius: 4px; border: 1px solid #ACE; font-size: 13px; margin: 0 0 5px; padding: 5px; width: 203px; } #AssignableProducts .group-panel p { margin: 0; } #AssignableProducts .group-panel a { color: #6AC; } #AssignableProducts .group-panel label { font-weight: normal; } #AssignableProducts .group-panel p.remember { padding: 10px 0; } #AssignableProducts .group-panel p.forgot, .group-panel p.complete { clear: both; margin: 5px 0; } #AssignableProducts .group-panel p a { color: #27B !important; } #AssignableProducts .left-column-containers { padding: 0 0 0 0; background-color: white; border: solid 1px #CCC; margin: 0 0 0 0; } #AssignableProducts .left-column-container-head { background-color: #F7F7F7; font-weight: bold; background-repeat: repeat-x; background-position: top; padding-bottom: 2px; border-bottom: solid 1px #CCC; height: 40px; } #AssignableProducts .ob_iCboIE { padding: 0; } #AssignmentStatusLegend { border-spacing: 5px; } .AssignmentsNotSubmitted { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FFF; } .actionbarbutton, .actionbarbutton * { text-decoration: none; margin: 10px 0 10px 10px; padding: 3px; text-align: left; display: block; border: 1px solid #c0c0c0; border-radius: 5px; } .actionbarbutton { /*height: 20px;*/ line-height: 20px; } .actionbarbutton:hover { text-decoration: none !important; border-color: #a0a0a0; background-color: ButtonFace; } /* #banner {background-repeat: no-repeat;background-position: top right;} #banner {border-bottom-style: solid; border-bottom-width: 2px;} #banner {background-image: url(../media/images/banner/Banner_bg.gif);} #banner {border-bottom-color: #000000;} #banner {width: 100%;padding: 0;margin: 0; text-align: left;} */ #CertificationExperience .valExperience { display: block; padding: 0 0 30px 0; } #CertificationExperience .resultMsg { display: block; float: left; padding: 7px 0 0 0; color: Green; font-weight: bold; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay { background: url(../../../images/overlay.png) repeat 0 0; } #cboxTopLeft { width: 21px; height: 21px; background: url(../../../images/controls.png) no-repeat -100px 0; } #cboxTopRight { width: 21px; height: 21px; background: url(../../../images/controls.png) no-repeat -129px 0; } #cboxBottomLeft { width: 21px; height: 21px; background: url(../../../images/controls.png) no-repeat -100px -29px; } #cboxBottomRight { width: 21px; height: 21px; background: url(../../../images/controls.png) no-repeat -129px -29px; } #cboxMiddleLeft { width: 21px; background: url(../../../images/controls.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(../../../images/controls.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(../../../images/border.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(../../../images/border.png) 0 -29px repeat-x; } #cboxContent { background: #fff; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../../../images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious.hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../../../images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext.hover { background-position: -50px -25px; } #cboxLoadingOverlay { background: url(../../../images/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(../../../images/loading.gif) no-repeat center center; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(../../../images/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose.hover { background-position: -25px -25px; } #cDataCell, #cDataCell * { font-size: 100%; } #cDataCell { vertical-align: top; } #CenterPane { width: auto; vertical-align: top; } #CertificationDashboard .Section .Heading .StatusIcon { display: block; float: right; margin-top: -7px; } #CertificationExperienceAdmin .horzList .Label { padding: 0 5px; } #CertificationExperienceAdmin .horzList #btnSearch { margin-left: 5px; } #checks label { display: inline-block; margin-bottom: 0; font-weight: 400; } #CommentContainer { width: 380px; padding: 0; border: 1px solid #27588F; } #CommentFormHeader { background: #27588F; color: #fff; text-align: center; font-weight: bold; padding: 2px 0; } #CommentForm .buttons a { margin-left: 5px; } #CommentMsg { color: #008241; font-size: 12px; } #ContentPaneData { width: 100%; } #ContentPaneDataInner { width: 100%; font-size: 14px; } #ContentPaneSeperator img { width: 10px; } #ContentHeaderBar td { vertical-align: middle; } #ContentHeaderBar td img { vertical-align: middle; } #ContentPaneOuter { padding-bottom: 4px !important; padding-bottom: 33px; } #ContentPaneImgHeight { height: 320px; } #ContentPane { padding-left: 10px; padding-right: 10px; padding-bottom: 15px; } #Courses .sectionHeader { background: #d5d5d5; font-weight: bold; margin: 0; padding: 4px 0 4px 5px; width: 100%; overflow: hidden; border: 1px solid #fff; } #Courses .courseTypeHeader { padding: 4px 0 4px 2px; width: 100%; overflow: hidden; } #Courses .sectionContent, #Courses .courseTypeContent { padding: 0 0 10px 15px; margin: 0; } #Courses .sectionHeader .expandIcon, #Courses .sectionContent .expandIcon { float: left; padding: 1px 5px 0 0; } #Courses .GridView .expandIcon { float: left; margin: 1px 0 0 0; } #Courses .GridView .courseListName { padding-top: 3px; } #Courses .GridView TH { border-bottom: none; } #Courses .GridView TD.courseListInfoCell { padding-right: 3px; } #Courses .GridView .courseListInfoIcon { padding-top: 2px; } #Courses .GridView .courseListDescription { padding: 10px 0 10px 0; } #Courses .GridView .SentCertificates { display: none; } #CoursesSelectionContainer .header { font-weight: bold; background: lightgray; border: 1px solid grey; } #CoursesSelectionContainer #CoursesTree { border: 1px solid grey; } #divQuestionText { border-top: 1px dashed black; padding-top: 10px; } #DocumentManagment .Section { padding: 15px 10px; margin-bottom: 15px; margin-top: 15px; background-color: #F9F9F9; border: 1px solid #E0E0E0; border-radius: 5px; } #DocumentManagment .Section INPUT { padding: 5px; font-size: 14px; } #DocumentManagment .Tags { width: 300px; } #DocumentManagment .Notes { width: 600px; height: 150px; } #DocumentsMyDocs .StatusHeading { font-size: 14px; font-weight: bold; padding: 10px 10px; margin-bottom: 20px; margin-top: 20px; background-color: #F9F9F9; border: 1px solid #c0c0c0; border-radius: 5px; } #DocumentsMyDocs .Section { padding: 0 10px 15px 10px; margin-bottom: 15px; margin-top: 15px; background-color: #F9F9F9; border: 1px solid #E0E0E0; border-radius: 5px; } #DocumentsAdminView .StatusHeading { font-size: 14px; font-weight: bold; padding: 10px 10px; margin-bottom: 20px; margin-top: 20px; background-color: #F9F9F9; border: 1px solid #c0c0c0; border-radius: 5px; } #EditGroups .GroupList { min-width: 300px; } #EventList { min-height: 600px; } #EventList h2 { padding: 0; margin: 0; } #EventList h2 a { font-size: 14px; } #EventList .EventItem { padding: 10px; border-bottom: 1px dashed #C0C0C0; } #EventList .UpcomingEvents div:nth-last-child(1) { border-bottom: none; } #EventList .EventItem .EventImage { float: left; } #EventList .EventItem .EventImage img { width: 100px; } #EventList .EventItem .EventDescription { float: left; width: 460px; padding: 5px 5px 5px 15px; } #EventList .EventItem .EventDescription .EventDate { font-size: 11px; font-weight: bold; color: black; } #EventList .EventItem .EventDescription .Description { font-size: 12px; color: #474747; } #EventList .EventItem .EventDescription .Tickets { font-size: 14px; font-weight: bold; } #EventList .EventItem .EventLocation { float: left; font-size: 12px; color: black; padding: 5px; } #EventList .EventItem .EventLocation .Map * { vertical-align: middle; } #EventList .EventItem .EventLocation .PrintTickets { padding-top: 5px; } #EventRegistration { min-height: 600px; } #EventRegistration h2 { padding: 0; margin: 0; } #EventRegistration h2 a { font-size: 14px; } #EventRegistration .Attendees { padding: 10px; } #EventRegistration .Attendees Table TD { padding-right: 5px; } #EventRegistration .Attendees .SeatCheckBoxes div { width: 20px; height: 20px; padding: 10px; text-align: center; border: 1px solid black; float: left; } #EventRegistration .EditInfo .EventName { width: 300px; } #EventRegistration .EditInfo .Description { width: 400px; height: 100px; } #EventRegistration .EditInfo .EventImage { float: left; width: 100px; } #EventRegistration .EditInfo .EventImage img { width: 100px; } #EventRegistration .EditInfo .EventImageField { display: none; } #EventRegistration .EventDescriptionContainer { padding: 10px; border: 1px solid #c0c0c0; background-color: #f9f9f9; } #EventRegistration .EventDescriptionContainer .EventImage { float: left; } #EventRegistration .EventDescriptionContainer .EventImage img { width: 100px; } #EventRegistration .EventDescriptionContainer .EventDescription { float: left; width: 460px; padding: 5px 5px 5px 10px; } #EventRegistration .EventDescriptionContainer .EventDescription .EventDate { font-size: 11px; font-weight: bold; color: black; } #EventRegistration .EventDescriptionContainer .EventDescription .Description { font-size: 12px; color: #474747; } #EventRegistration .EventDescriptionContainer .EventLocation { float: left; font-size: 12px; color: black; padding: 5px; } #EventRegistration .EventDescriptionContainer .EventLocation .Map * { vertical-align: middle; } #EventRegistration .EventDescriptionContainer .SeatsRemaining { font-size: 12px; font-weight: bold; } #EventRegistration .EventDescriptionContainer .Status { font-size: 11px; padding: 20px 0 0 0; } #EventRegistration .EventDescriptionContainer .Status b { font-size: 11px; } #EventRegistration .IssueCompTicket .Email { width: 300px; } #EventRegistration .IssueCompTicket .Seats { width: 30px; } #EventRegistration Table.GridView .Notes { display: none; height: auto; width: auto; } #EventRegistration .CompTicketList Table.GridView .Company { width: 150px; } #EventRegistration .CompTicketList Table.GridView .Name { width: 150px; } #EventRegistration .Notes { width: 400px; height: 100px; } #EventRegistration .Pricing .Delete { width: 60px; } #EventRegistration .Pricing .Price { text-align: right; } #EventRegistration .Pricing .PriceInput { width: 100px; } #EventRegistration .Pricing .Add { width: 100px; } #EventRegistration #EventRegistrationPrint .EventDescriptionContainer { padding: 15px; border: none; border-bottom: 1px solid #c0c0c0; background-color: White; } #EventRegistration #EventRegistrationPrint .EventDescriptionContainer .EventDescription { float: left; width: 460px; padding: 5px 5px 5px 0; } #EventRegistrationPrintTickets .Tickets { position: relative; } #EventRegistrationPrintTickets .Tickets .TicketItem { position: relative; } #EventRegistrationPrintTickets .Tickets .TicketItem .EventItem { position: relative; height: 140px; border: 1px solid black; border-left: 10px solid black; border-right: 10px solid black; padding: 10px; } #EventRegistrationPrintTickets .EventImage { position: absolute; left: 10px; top: 10px; } #EventRegistrationPrintTickets .EventImage img { width: 100px; } #EventRegistrationPrintTickets .EventDescription { position: absolute; left: 130px; top: 5px; width: 460px; } #EventRegistrationPrintTickets .EventDescription .EventDate { font-size: 14px; font-weight: bold; color: black; } #EventRegistrationPrintTickets .EventDescription .Description { font-size: 16px; color: #474747; } #EventRegistrationPrintTickets .EventLocation { position: absolute; left: 600px; top: 5px; font-size: 14px; color: black; } #EventRegistrationPrintTickets .PersonInfo { position: absolute; left: 130px; top: 80px; font-size: 14px; color: black; } #EventRegistrationPrintTickets .BarCode { position: absolute; right: 20px; top: 60px; } #EventRegistrationPrintTickets .Complimentary { background-image: url(../media/images/complimentarydiag.jpg); background-repeat: no-repeat; background-position: 390px 52px; } #Exam { font-size: 14px; } #Exam #StatusBar { margin: 0; padding: 0 0 10px; border-bottom: 1px solid #c0c0c0; } #Exam .TimeMsg { float: right; } #Exam .TimeMsg #CountDownTimer { font-size: 30px; line-height: 30px; font-family: Tahoma, Geneva, sans-serif; } #Exam .TimeMsg #CountDownLabel { padding: 0; margin-top: 5px; font-size: 14px; line-height: 14px; text-transform: uppercase; } #Exam #QuestionInfo { font-size: 14px; padding: 0; margin-bottom: 10px; } #Exam .question-list { font-size: 14px; line-height: 18px; } #Exam .question { padding: 20px 0 15px 0; border-bottom: 1px solid #000000; border-bottom: 1px solid rgba(0,0,0,.15); } #Exam .question-status { height: 6px; } #Exam .question-text { padding: 5px; font-weight: bold; } #Exam .question-answer { padding: 5px; border: 1px solid transparent; } #Exam .question-answer:hover { cursor: pointer; border: 1px dashed #c0c0c0; } #Exam #Question { margin: 10px 0; } #Exam #Question .QuestionText { font-weight: bold; } #Exam #QuestionNav { padding-top: 15px; border-top: 1px solid #c0c0c0; } #Exam #QuestionHeader { max-height: 428px; overflow-y: auto; border: 1px solid #000; background-color: #f0f0f0; padding: 10px; margin-bottom: 20px; } #Exam #QuestionHeader h3 { border-bottom: 1px solid #000; } #Exam .highlight { padding: 10px; border: 1px solid #c0c0c0; } #Exam #Distractors { padding: 5px 0 5px 0; } #Exam #Distractors li { padding: 3px 0; } #Exam #Distractors td { padding: 5px; } #Exam #Distractors label { margin-left: 5px; } #Exam #LongAnswer { padding: 10px 0; } #Exam .LongAnswer { height: 200px; width: 900px; } #Exam #FileUpload { padding: 15px 0; } /* Version 1 + 2 */ #Exam .SummaryPage { padding-bottom: 20px; } #Exam .SummaryPage .highlight ul { list-style-type: disc; margin-left: 20px; } #Exam .SummaryPage .QuestionList ol { list-style-type: decimal; } #Exam .SummaryPage .QuestionList li { margin: 0; margin-top: 10px; padding-top: 0; padding-bottom: 5px; cursor: pointer; vertical-align: middle !important; } #Exam .SummaryPage .Answered { display: block; border: 1px solid #C0C0C0; border-radius: 5px; } #Exam .SummaryPage .NotAnswered { display: block; background-color: #FFFFE8; border: 1px solid #ffdf00; border-radius: 5px; } #Exam .SummaryPage li:hover { text-decoration: none; } #Exam .SummaryPage li:hover .Answered { border: 1px solid #808080; text-decoration: none; background-color: #F9F9F9; } #Exam .SummaryPage li:hover .NotAnswered { border: 1px solid #DFC400; background-color: #FFFFCC; } #Exam .SummaryPage Table.tblItem { border-collapse: collapse; border-spacing: 0; width: 100%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle !important; } #Exam .SummaryPage td.imgCell { vertical-align: top; padding: 2px 5px 2px 5px; } #Exam .SummaryPage .QuestionText { padding: 5px; } #Exam .SummaryPage .AnswerText { padding: 5px; } #Exam .SummaryPage .NotAnswered .AnswerText { color: Red; } #Exam .Result .Score P { font-size: 16px; font-weight: bold; text-align: center; } #Exam .Result .Pass P { font-size: 16px; font-weight: bold; text-align: center; } #Exam .Result .Fail P { font-size: 16px; font-weight: bold; text-align: center; } #Exam .Result .ViewResults P { font-size: 13px; text-align: center; } #Exam .Result .Certificate { width: 230px; margin: 0 auto; } #Exam .Result .Certificate .AdobeText { font-size: 9px; } #ExamApproval .horzList .Label { padding: 0 5px; } #ExamApproval .horzList #btnSearch, #ExamApproval .horzList #btnUpdateStatus { margin-left: 5px; margin-top: 2px; } #ExamAudioContainer { position: relative; top: -35px; } #ExamManage .classList { list-style-type: none; margin: 0; padding: 0; } #ExamManage .classList li { clear: both; } #ExamManage .classList li a { width: 150px; } #ExamManage #MenuCell { vertical-align: top; padding: 5px 15px 0 0; } #ExamManage #ManageCell { vertical-align: top; } #ExamManage .fieldsetContents { padding: 0 10px 10px 10px; } #ExamManage .selectionMsg { padding: 15px 0 0 0; } #ExamManage #ExamInfo { margin-top: 10px; } #ExamManage .formLabels { text-align: right; } #ExamManage .formText { padding: 2px 0 2px 25px; } #ExamManage .listLabels { display: block; font-weight: bold; } #ExamManage .listContainer { vertical-align: top; } #ExamManage .listButtonsContainer { vertical-align: middle; text-align: center; padding: 0 0 0 15px; } #ExamManage .listButton { width: 100px; margin-top: 3px; margin-bottom: 3px; } #ExamManage legend { margin: 0; padding: 0; } #ExamManagement .ExamCategories { margin-top: 40px; } #ExamManagement .EditCategory .Order { width: 30px; } #ExamManagement .EditCategory .Name { width: 400px; } #ExamManagement .EditCategory .NumberOfQuestions { width: 30px; } #ExamManagement .EditExam .Name { width: 200px; } #ExamManagement .EditInfo .Description { height: 100px; width: 400px; } #ExamManagement .EditInfo .TimeLimit { width: 60px; } #ExamManagement .EditInfo .PassingScore { width: 40px; } #ExamManagement .EditInfo .RedirectUrl { width: 400px; } #ExamMarking .QuestionList ol { margin-left: 20px; } #ExamMarking .QuestionList li { margin: 0; margin-top: 10px; padding-top: 0; padding-bottom: 5px; cursor: pointer; vertical-align: middle !important; } #ExamMarking .Marked { border: 1px solid #C0C0C0; } #ExamMarking .Unmarked { background-color: #FFFFE8; border: 1px solid #ffdf00; } #ExamMarking li:hover { text-decoration: none; } #ExamMarking li:hover .Marked { border: 1px solid #808080; text-decoration: none; background-color: #F9F9F9; } #ExamMarking li:hover .Unmarked { background-color: #FFFFE8; border: 1px solid #DFC400; background-color: #FFFFCC; } #ExamMarking Table.tblItem { border-collapse: collapse; width: 100%; table-layout: fixed; } #ExamMarking Table.tblItem td { padding: 5px; } #ExamMarking .ScoreText { width: 180px; } #ExamMarking .SaveButtonTD { width: 50px; } #ExamMarking .SaveScore { display: none; } #ExamMarking .SaveValidator { vertical-align: middle; } #ExamMarking .QuestionText { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; } #ExamMarking .Unmarked .ScoreText { color: Red; } #ExamProviderResults Table.GridView td { padding-right: 15px; } #ExamProviderRegistrations Table.GridView td { padding-right: 15px; } #ExamSessionManage ul.horzList li { display: inline; float: left; padding-right: 15px; vertical-align: middle; } #ExamSessionManage ul.horzList .addIcon { display: inline; vertical-align: middle; } #ExamSessionManage ul.horzList .Label { padding: 0 5px; font-weight: bold; display: block; text-align: left; } #ExamSessionManage ul.horzList #btnAdd { margin-left: 15px; margin-top: 18px; vertical-align: middle; } #ExamSessionManage .validators { display: block; } #ExamSessionManage .valProctor { padding-right: 19px; } #ExamSessionManage .valLocation { padding-right: 19px; } #ExamSessionManage .create { padding: 10px 10px 10px 10px; } #ExamScoreDetails { min-width: 300px; padding: 10px; } #ExamScoreDetails .Label { font-weight: bold; } #ExamScoreDetails .datailSection { padding: 0 0 0 15px; } #ExamScoreDetails .datailSection .detailRow { padding: 2px 0; } #ExamScoreDetails .scoreDetailsRow { padding: 3px 0; } #ExamQuestionManagement .Distractors { margin-top: 40px; } #ExamQuestionManagement .Distractors .Order { width: 50px; } #ExamQuestionManagement .Distractors .AddDistractor { width: 400px; height: 100px; } #ExamQuestionManagement .EditQuestion { margin-top: 40px; } #ExamQuestionManagement .EditQuestion .Question { width: 100%; height: 100px; margin-right: 0; } #ExamQuestionManagement .EditQuestion .QuestionHeader { width: 100%; height: 100px; } #ExamQuestionManagement .EditQuestion .Order { width: 30px; } #ExamQuestionManagement .EditQuestion .Weight { width: 30px; } #ExamQuestionManagement .EditQuestion .Angoff { width: 50px; } #FAQ { display: none; } #FAQ dt { font-weight: bold; padding-bottom: 5px; } #FAQ dd { display: none; padding: 5px 0 10px 40px; } #FAQControls { float: right; } div.cke_editable #FAQ { display: block; } div.cke_editable #FAQ dd { display: block; } #faqContainer { width: 98%; padding-left: 15px; margin-bottom: 30px; } #faqContainer a { display: block; padding: 5px 0; background-image: none; } #faqContainer a.displayLink { display: inline; } #faqContainer h3 { background-image: none; color: Black; } #faqContainer h4 { background-image: none; color: Black; } #faqContainer div { padding: 0; } #faqContainer div.AnswerInnerText { margin: 10px; } #faqContainer .AnswerInnerText a { display: inline; } #inlineTOC { width: 750px; } #inlineTOC ul { padding: 0; margin: 0; list-style: none; } #inlineTOC li { margin: 0; padding: 3px 0 3px 16px; } #inlineTOC #TOCCourseName { display: none; } #LearningDashboard .aspNetDisabled .Heading, #LearningDashboard .aspNetDisabled .Content { color: #E54328; cursor: not-allowed; } #LearningDashboard .aspNetDisabled .btn { display: none; } #LearingJournalSummary { font-family: Arial; } #LearingJournalSummary .journalCover { width: 100%; text-align: center; padding: 200px 0 0 0; } #LearingJournalSummary .journalCover h1 { margin-top: 50px; color: #251C13; } #LearingJournalSummary .journalCover h2 { margin-top: 50px; color: #251C13; } #LearingJournalSummary .journalItem { padding: 0 0 15px 0; } #LearingJournalSummary .journalItemHeader { font-size: 18px; font-weight: bold; padding: 2px 0 2px 15px; margin: 1px 0 0 0; background: #7F745B; color: #fff; } #LearingJournalSummary .journalItemBody { padding: 0 0 0 15px; font-size: 14px; } #LearingJournalSummary .journalItem h4 { color: #80763B; } #LearingJournalSummary .journalItemQuestions { padding: 0 0 0 15px; } #LearingJournalSummary .journalAnswer { padding: 3px 0 10px 35px; color: Blue; } #LearingJournalSummary .journalAnswer ul { list-style-image: url("exam_icon.png"); } #modalOverlay { background-color: #000; cursor: wait; } #Newsletter .managementButtons { display: block; padding: 0 0 60px 0; } #Newsletter .upload { margin: 0 0 5px 0; clear: both; } #Newsletter .currentIssue { width: 100%; margin: 0 0 50px 0; } #Newsletter .tblNewsletter { width: 100%; position: relative; } #Newsletter th { border-bottom: none; } #Newsletter .columnRemove { width: 20px; } #Newsletter .columnEdit { width: 60px; } #Newsletter .columnMonthEdit { width: 70px; } #Newsletter .columnYearEdit { width: 70px; } #Newsletter .columnIcon { width: 25px; text-align: center; } #Newsletter .columnIssueDate { width: 90px; padding: 0 0 0 20px; } #Newsletter #Loading { position: absolute; } #OnlineDescription .FirstName { width: 200px; } #OnlineDescription .LastName { width: 200px; } #OnlineDescription .Company { width: 300px; } #OnlineDescription .Email { width: 200px; } #OnlineDescription .Phone { width: 100px; } #OnlineCourseProgress { width: 370px; padding: 5px; border: 1px solid black; background-color: #FFF; } #OnlineCourseProgress a { background: none; } #OrderShipped .body { padding: 15px 0; } #PerformanceEvaluationAdmin .horzList .Label { display: inline; padding: 3px 5px 0 0; font-weight: bold; } #PerformanceEvaluationAdmin .horzList #btnSearch { margin-left: 5px; margin-top: 2px; } #PerformanceEvaluatorAssign .horzList .Label { display: block; padding: 3px 5px 0 0; font-weight: bold; } #PerformanceEvaluatorAssign .detail { padding: 5px 0 5px 5px; } #PerformanceEvaluatorAssign table.detailsTable td { padding: 5px; } #PerformanceEvaluatorAssign table.detailsTable td.label { font-weight: bold; } #PerformanceEvaluatorAssign table.detailsTable td.top { vertical-align: top; } #PerformanceEvaluationPublish .horzList .Label { padding: 0 5px; font-weight: bold; } #PerformanceEvaluationPublish .horzList #btnSearch { margin-left: 5px; margin-top: 2px; } #ProductList #Categories { width: 160px; float: left; border: 1px solid #C0C0C0; margin: 0 15px; padding: 5px; } #ProductList #Categories li { list-style-type: none; } #ProductList #Items { float: left; } #ProductList #Items .Item { width: 600px; padding: 10px; border: 1px solid #C0C0C0; position: relative; margin-bottom: 15px; } #ProductList #Items .Item .Thumb { padding: 10px; } #ProductList #Items .Item .Name { position: absolute; left: 100px; top: 20px; font-weight: bold; } #ProductList #Items .Item .Description { position: absolute; left: 100px; top: 60px; } #ProductList #Items .Item .buttonsSmall { position: relative; left: 20px; } /*#popupTOC {width: 650px; height: 415px; position: absolute; z-index: 1010; } #popupTOC .TOCPanel {width: 640px; height: 400px; border: 1px solid black; background: #fff; box-shadow: 5px 5px 10px #666; -moz-box-shadow: 5px 5px 10px #666; -webkit-box-shadow: 5px 5px 10px #666;} #popupTOC .TOCHeader {height: 15px; cursor: move; padding: 5px; color: #fff; background: #2844A8; font-weight: bold; text-align: center;} */ #popupTOC { width: 660px; height: 425px; } #popupTOC .TOCPanel { width: 658px; height: 423px; border: 1px solid black; background: #fff; } #popupTOC .TOCHeader { display: none; } #popupTOC .TOCBody { height: 408px; padding: 0 10px 15px 10px; position: relative; overflow: auto; } #popupTOC .TOCImgClose { cursor: pointer; float: right; } #popupTOC .tocModule, #inlineTOC .tocModule { font-weight: bold; border: none !important; } #popupTOC .tocPageCount, #inlineTOC .tocPageCount { float: right; font-weight: bold; } #popupTOC .tocPage, #inlineTOC .tocPage { width: 45px; padding: 0 0 0 5px; float: right; text-align: left; background: #fff; } /*#popupTOC li.tocItem, #inlineTOC li.tocItem{ background: url(../media/images/toc_dash.png) no-repeat 0 12px; }*/ #popupTOC li.tocItem, #inlineTOC li.tocItem { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAABCAYAAACG/TV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNrszzEBACAMxEDquFLecZkYqoHLeFtqZs4PdfcaTVKcc84555xzzjnnnHPOOeecc8756wowAIz5EZllIVi9AAAAAElFTkSuQmCC) no-repeat 0 12px; } #popupTOC a, #inlineTOC a { background: #fff; padding: 0 10px 0 0; display: inline; } #popupTOC ul, #inlineTOC ul { margin-top: 10px; } #popupTOC #tocMain { width: 605px; background: #fff; padding: 0 0 15px 0; } #popupTOC #TOCCourseName { padding: 15px 0 0 0; font-weight: bold; font-size: larger; } #popupTOC #treecontrol { float: right; clear: none; } #popupTOC #TOCTree { clear: both; } #Profile .Data { width: 275px; } #Profile .Label { width: 175px; } .page .page-content { background-color: #F5F8FB; border: 1px solid #6EAED2; border-radius: 10px; } .page .page-content .Section { background-color: #fff; border: 1px solid #6EAED2; margin: 25px; border-radius: 5px; } .page .page-content #Groups { margin-top: 0; } .page .page-content #Settings { margin-top: 0; } .page .page-content #ShippingAddress { margin: 0 25px 25px 0; } .page .page-content #BillingAddress { margin: 0 25px 25px 25px; } .page .page-content #Notes { margin: 0 25px 25px 25px; } .page .page-content .Section .Heading { border-bottom: 1px solid #D3DFE8; font-weight: bold; font-size: 14px; padding: 10px; } .page .page-content .Section .Content { padding: 10px !important; } .page .Request .Heading { padding: 10px; background-color: #F5F8FB; border: 1px solid #6EAED2; border-radius: 10px; } .page .Request .Body { padding: 0 11px 15px 11px; } #LearningDashboard.page .page-content { background-color: #FFF; border: none; border-radius: 0; } #LearningDashboard.page .page-content .Section { background-color: #fff; margin: 0 0 10px 0; border-radius: 5px; } #LearningDashboard.page .page-content .Section .Content { padding: 20px !important; } .progress { position: absolute; width: 280px; height: 60px; left: 0; right: 0; margin: 0 auto; border: 2px solid #ccc; background: none repeat scroll 0 0 #FFFFFF; padding: 20px 10px 0 10px; text-align: center; z-index: 2147483647; } .progress img { vertical-align: middle; margin-right: 10px; } .ProfileEdit .Section { background-color: #fff; } .ProfileEdit .Section .Heading { background-color: #F5F8FB; border: 1px solid #6EAED2; font-weight: bold; font-size: 14px; padding: 10px; border-radius: 5px; } .ProfileEdit .Section .Content { padding: 10px; } .ProfileEdit .Section .Content td { padding: 5px 0; } .ProfileEdit .Email { width: 200px; } #Profile #Details #Settings td { padding: 5px 10px 5px 0; } #PurchaseRewriteModule #SkillInformation { padding-top: 10px; padding-bottom: 20px; } #RegistrationPrint { border-collapse: collapse; } #RegistrationPrint .regheader { font-weight: bold; font-size: 10px; border-bottom: #000000 1px solid; font-family: Verdana; } #RegistrationPrint .regitems { font-size: 10px; font-family: Verdana; } #RegistrationPrint .Signature { width: 200px; border-bottom: 1px solid #000; } #resources img { vertical-align: middle; } #SeminarInformation { border-collapse: collapse; } #SeminarInformation TD { padding: 5px; border: 1px solid gray; } #SF_CheckoutRegister .GroupList { min-width: 300px; } #SkillList .SkillTypeName { font-size: 16px; font-weight: bold; color: #fff; background: #013763; display: block; padding: 3px 15px; } #SkillList .SkillType { padding: 15px; } #SkillList .SkillListItem { padding: 0 0 15px 0; } #SkillList .SkillName { font-size: 14px; font-weight: bold; color: #013763; } #SkillList .SkillPrice { display: none; } #SkillList .SkillsSeperator { height: 20px; border-top: 1px dashed #013763; } #SkillList .Schedule { margin: 5px 0 10px 0; } #SkillList .ScheduleLabel { font-weight: bold; text-align: left; margin: 0 0 8px 0; } #SkillList Table.GridView { margin-left: 15px; } #SkillList Table.GridView td { padding-right: 15px; } #SkillList Table.GridView tr.EmptyData td { border-bottom: none; } #ShippingCalc { width: 238px; padding: 5px; border: #d3d3d3 1px dotted; background: #F3F3F3; font-size: 11px; color: #555; } #ShippingCalc .scHeader { text-align: left; font-size: 13px; font-weight: bold; padding: 0 0 10px 0; } #ShippingCalc .scLabels { width: 80px; font-weight: bold; } #ShippingCalc .scInputs select { margin-left: 0; } #ShippingCalc .scButtonCell { padding: 10px 0 5px 0; } #ShippingCalc .scReturn { height: 30px; padding-top: 15px; } #ShippingCalc .scGrid { margin: 0 auto; } #ShippingCalc .scGrid td { padding: 3px 0; } #ShippingCalc .scGrid td.resultsAmount { width: 33%; padding-left: 10px; } #ShippingCalc .scGrid td.resultsType { font-weight: bold; width: 33%; } #ShippingCalc .scGrid td.resultsDelivery { width: 33%; padding-left: 10px; } #ShippingCalc .lblShipTo { font-weight: bold; } #SystemRequirements { width: 400px; padding: 10px; } #tblContainer { width: 100%; } #tableMiddle { width: 100%; } #tblNavBar .CurrentPage { width: 30px; text-align: center; padding: 3px 0; margin: 0; box-sizing: border-box; } #tdRightSpace { width: 0; } #TestAnalysis, #TestAnalysis td { font-size: 13px; } #TestAnalysis .AnalysisHeader { font-weight: bold; } #TestAnalysis .AnalysisQuestion { font-weight: bold; } #TestAnalysis .imgColumn { width: 22px; } #TestAnalysis .QuestionText { font-weight: bold; } #TestAnalysis .testAnalysisSummary Table { border-spacing: 5px; } #TitleTable { width: 100%; } #TitleTable .TitleTableLeft { width: 70%; } #TitleTable .TitleTableMiddle { width: 29%; } #TitleTable .TitleTableRight { width: 204px; border-collapse: collapse; } #TitleTable .TitleTableRight a { display: inline-block; border: 1px solid transparent } #TitleTable .TitleTableRight a:hover { border: 1px solid #c0c0c0; background-color: #eee; } #TitleTable .TitleTableRight img { padding: 10px; } .OptionsPanel { border: 1px solid #c0c0c0; border-radius: 5px; background-color: #fff; padding: 0; white-space: nowrap; border-collapse: collapse; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #024769; border-top: 4px solid #024769; background-color: #f4f4f4; padding: 10px; width: 315px; } #tooltip div { font-size: 10pt; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 { font-size: 14px; color: #024769; margin-bottom: 5px; text-decoration: underline; text-transform: capitalize; } div.siteTip h3 { margin-bottom: 0 !important; text-decoration: none !important; font-weight: normal; text-transform: none !important; } .accordionHeader { border: 1px solid #cccccc; color: #333; background-color: #dfdfdf; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 2px; margin-top: 2px; cursor: pointer; height: 20px; padding-bottom: 6px; } .accordionHeader a { background: none; text-decoration: none; } .accordionHeader a:hover { background: none; text-decoration: underline; } .accordionHeaderSelected { border: 1px solid #ffcc99; color: #333; background-color: #ccddff; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 2px; margin-top: 2px; cursor: pointer; } .accordionHeaderSelected a { background: none; text-decoration: none; } .accordionHeaderSelected a:hover { background: none; text-decoration: underline; } .accordionContent { background-color: #ffffcc; border: 1px solid #cccccc; border-top: none; line-height: 20px; padding: 0 5px 0 5px; } .AdhocReportNames TD { font-size: 11px; } .AddressEdit td { padding: 3px; } .AddressEditLabel { width: 200px; } .AddressEditData { width: 400px; } .adminButton { background: url(../media/images/grey_button_bg.gif) no-repeat 25% 50% #333; border: 1px solid #333; margin-bottom: 3px; color: #FFF; text-align: right; height: 20px; padding: 0 10px 0 10px; font-size: 11px; font-weight: bold; } .adminInput { border: 1px solid #acacac; width: 250px; } .adminInputNoWidth { border: 1px solid #acacac; } table.adminContent { border-collapse: collapse; color: #333; font-size: 12px; margin: 0; width: 100%; vertical-align: middle; text-align: left; } table.adminContent td.adminTitle { padding: 4px 4px 4px 4px; } table.adminContent td.adminData { padding: 4px 4px 4px 4px; } td.adminTitle { text-align: left; vertical-align: middle; white-space: nowrap; width: 175px; } td.adminTitle img { vertical-align: bottom; padding-right: 2px; } td.adminData { text-align: left; vertical-align: middle; } tr.adminSeparator hr { background-color: #D3D3D3; border: medium none; color: #D3D3D3; height: 1px; margin-top: 10px; margin-bottom: 10px; padding: 0; } .admin-common-section { padding: 10px; border: 1px solid #222; background-color: #e8edf0; } .admin-page-details .command-buttons { margin-bottom: 5px; } #admin-panel-toggle { position: absolute; left: 10px; top: 150px; padding: 5px; border: 1px solid #666666; background-color: #eee; } #admin-panel-toggle:hover { cursor: pointer; border: 1px solid #000; background-color: #eee; text-decoration: none; } .adminPanel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .adminPanel .label { font-weight: bold; font-size: 11px; } .adminPanel .adminPanelSearch { font-weight: bold; font-size: 12px; } .adminPanel .adminPanelSearch a { text-decoration: none; cursor: pointer; } .adminPanel .Last3Seminars { display: none; } .adminPanelList { margin: 0; padding: 0; } .adminPanelList li { list-style-type: none; } .adminPanelList a { text-decoration: none; cursor: pointer; } .ActivityUploadsContainer { clear: both; } .ActivityUploadsContainer .Status { float: right; width: 48%; } .ActivityUploadsContainer .Status .Label { width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px; } .ActivityUploadsContainer .Status Table TD { vertical-align: top; } .ActivityUploadsContainer .Upload { float: left; width: 48%; padding-top: 5px; margin-top: 0; } .ActivityUploadsContainer .Upload Table TD { vertical-align: top; } .ActivityUploadsContainer .Upload .Label { color: #2b9aff; font-weight: bold; padding-bottom: 5px; } .ActivityUploadsContainer .Upload .Commands { padding-bottom: 15px; } .ActivityUploadsContainer .Upload .Commands a { padding: 10px 0; display: block} .ActivityUploadsContainer .Incomplete { background-color: #F9F9F9; } .ActivityUploadsContainer .Submitted { background-color: #FBFF40; } .ActivityUploadsContainer .Resubmitted { background-color: #FBFF40; } .ActivityUploadsContainer .Failed { background-color: #FF4045; } .ActivityUploadsContainer .Passed { background-color: #53FF40; } .ActivityUploadsContainer .Complete { background-color: #53FF40; } .ActivityPostsContainer { clear: both; } .ActivityPostsContainer .Incomplete { background-color: #F9F9F9; } .ActivityPostsContainer .Submitted { background-color: #FBFF40; } .ActivityPostsContainer .Resubmitted { background-color: #FBFF40; } .ActivityPostsContainer .Failed { background-color: #FF4045; } .ActivityPostsContainer .Passed { background-color: #53FF40; } .ActivityPostsContainer .FormContainer .formHeader { display: none; } .ActivityPostsContainer .FormContainer { margin-bottom: 20px; } .ActivityPostsContainer .FormContainer .Post { float: left; width: 48%; padding-top: 5px; margin-top: 0; } .ActivityPostsContainer .FormContainer .Post TABLE { width: 100%; } .ActivityPostsContainer .FormContainer .Post TD { vertical-align: top; } .ActivityPostsContainer .FormContainer .Post .Label { width: 80px; color: #2b9aff; font-weight: bold; padding-bottom: 5px; } .ActivityPostsContainer .FormContainer .Post .txtComment { width: 100%; height: 80px; } .ActivityPostsContainer .FormContainer .Status { float: right; width: 48%; } .ActivityPostsContainer .FormContainer .Status .Label { width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px; } .ActivityPostsContainer .FormContainer .Status TD { vertical-align: top; } .ActivityPostsContainer .PostsContainer { clear: both; } .ActivityPostsContainer .PostsContainer .ActivityPost { background-color: #F3F3F3; text-align: left; margin-bottom: 20px; font-size: smaller; } .ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader { height: 20px; padding: 4px 10px; border: 1px solid #d3d3d3; background-color: #e9e8e8; } .ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .HeaderText { padding-top: 4px; width: 100%; } .ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .ScreenName { float: left; color: #2b9aff; font-weight: bold; font-size: 14px !important; } .ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .PostDate { float: right; font-size: 8pt !important; } .ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostItem { padding: 5px 10px 10px 10px; } .ActivityRequiredContainer { clear: both; display: none; } .ActivityRequiredContainer .Incomplete { background-color: #F9F9F9; } .ActivityRequiredContainer .Submitted { background-color: #FBFF40; } .ActivityRequiredContainer .Re-submitted { background-color: #FBFF40; } .ActivityRequiredContainer .Failed { background-color: #FF4045; } .ActivityRequiredContainer .Passed { background-color: #53FF40; } .ActivityRequiredContainer .Assignment { float: left; width: 48%; padding-top: 5px; margin-top: 0; } .ActivityRequiredContainer .Status { float: right; width: 48%; } .ActivityRequiredContainer .Status .Label { width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px; } .ActivityRequiredContainer .Status TD { vertical-align: top; } .ActivityQuestionnaire .EditDescription { height: 100px; width: 600px; } .ActivityQuestionnaire .Results { padding: 10px 0; } .ActivityQuestionnaire .Results .Passed { border: 1px solid green; padding: 15px; } .ActivityQuestionnaire .Results .Failed { border: 1px solid red; padding: 15px; } .ActivityQuestionnaire .CorrectImage { width: 60px; } .ActivityQuestionnaire .QuestionText { border-top: 1px dashed black; padding: 10px 0 5px 0; } .ActivityQuestionnaire .TextAnswer { height: 100px; width: 600px; } .ActivityQuestionnaire .QuestionEditContainer { padding: 0 5px; } .ActivityQuestionnaire .QuestionEditContainer .Order { width: 20px; } .ActivityQuestionnaire .QuestionEditContainer .Question { width: 600px; height: 100px; margin-bottom: 5px; border: 1px solid; } .ActivityQuestionnaire .QuestionEditContainer .MaxScore { width: 20px; } .ActivityQuestionnaire .QuestionEditContainer .Distractors .Order { width: 20px; } .ActivityQuestionnaire .QuestionEditContainer .Distractors .Choice { width: 400px; } .ActivitySummary { margin-top: 15px; float: left; } .ActivitySummary table th { font-weight: bold; padding: 5px 5px 5px 10px; background-color: #C0C0C0; font-size: 13px; border: 1px solid #808080; } .ActivitySummary table td { font-weight: bold; border: 1px solid #808080; } .ActivitySummary table { border-collapse: collapse; } .ActivitySummary .Icon { width: 30px; } .ActivitySummary .Name { padding: 10px; } .ActivitySummary .Replies { text-align: center; } .ActivitySummary .Replies a { padding: 5px 10px; border: 1px solid #c0c0c0; background-color: #f9f9f9; } .ActivitySummary .Replies a:hover { border: 1px solid #c0c0c0; background-color: #eee; } .ActivitySummary .Comment { padding: 10px; } .ActivitySummary .Incomplete .Name { background-color: #FFFFFF; } .ActivitySummary .NotSubmitted .Name { background-color: #FFFFFF; } .ActivitySummary .Failed .Icon { background-image: url(../media/images/incorrect.gif); background-repeat: no-repeat; background-position: center center; } .ActivitySummary .Failed .Name { background-color: #FF4045; } .ActivitySummary .Submitted .Name { background-color: #FBFF40; } .ActivitySummary .Resubmitted .Name { background-color: #FBFF40; } .ActivitySummary .Passed .Icon { background-image: url(../media/images/correct.gif); background-repeat: no-repeat; background-position: center center; } .ActivitySummary .Passed .Name { background-color: #53FF40; } .ActivitySummary .Complete .Name { background-color: #53FF40; } .AdminLearnerAssignments #Header { padding: 5px 2px; margin: 0 0 10px 0; border: 1px solid #BDBCBB; background-color: #EFF4F5; } .AdminLearnerAssignments #Header TH { font-weight: bold; border: none; } .AdminLearnerAssignments .Header { border-style: solid solid none solid; border-width: 1px; border-color: #BDBCBB; padding: 5px 2px; background-color: #EFF4F5; font-weight: bold; } .AdminLearnerAssignments .Detail { border: 1px solid #BDBCBB; margin: 0 0 10px 0; } .AdminLearnerAssignments TABLE { width: 100%; } .AdminLearnerAssignments .Activities .ItemRow { vertical-align: top; } .AdminLearnerAssignments .Status { width: 192px; padding-top: 5px; font-size: 12px; font-weight: normal; } .AdminLearnerAssignments .Data { width: auto; border: 1px dashed #808080; } .AdminLearnerAssignments .Score { width: 40px; padding-right: 4px; } .AdminLearnerAssignments .Score INPUT { width: 98%; } .AdminLearnerAssignments .TutorComment { width: 300px; } .AdminLearnerAssignments .TutorComment TEXTAREA { width: 98%; line-height: 20px; } .AdminLearnerAssignments .PassButton { width: 50px; height: 10px; } .AdminLearnerAssignments .FailButton { width: 50px; } .AdminProvinceDetails { width: 700px; } .AdminProvinceAdd { width: 700px; } .AdminTaxCategoryDetails { width: 700px; } .AdminTaxCategoryAdd { width: 700px; } .AdminTaxRateEdit { width: 500px; } .AdminCountryDetails { width: 600px; } .AdminCountryAdd { width: 600px; } div.ajax__calendar table { border-spacing: 0; width: 100% } div.ajax__calendar td { padding: 0; } div.ajax__calendar td > div { font-size: 12px; } div.ajax__calendar_footer { height: auto;} .ajax__calendar_title { width: auto; margin: auto; } .ajax__calendar_container { width: auto !important; } .Assignments { font-weight: bold; font-size: 90%; text-align: center; height: 22px; width: 24px; padding: 0; margin: 1px; border: 1px solid #999; box-sizing: border-box; } .Assignments a { padding: 0; line-height: 22px; min-width: 24px; } .Assignments a:empty { padding: 5px; } .AssignmentsIncomplete { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FFFFFF; } .AssignmentsSubmitted { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40; } .AssignmentsFailed { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FF4045; } .AssignmentsResubmitted { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40; } .AssignmentsPassed { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #53FF40; } .AssignmentsComplete { font-weight: bold; font-size: 90%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #53FF40; } /* EXAMPLE */ .AutoExtender { font-family: Verdana, Helvetica, sans-serif; font-size: .8em; font-weight: normal; border: solid 1px #006699; line-height: 20px; padding: 2px; background-color: White; } .AutoExtenderItem { border-bottom: dotted 1px #006699; cursor: pointer; color: Maroon; } .AutoExtenderHighlightItem { color: White; background-color: #006699; cursor: pointer; } .bold { font-weight: bold; } .backgroundFaint { background-color: #fffff6; } .backgroundLight { background-color: #fffff6; } .backgroundDark { background-color: #f7f7f7; } .backgroundBlack { background-color: #000000; } .backgroundWhite { background-color: #FFFFFF; } .borderLight { border-style: solid; border-width: 1px; } .borderDark { border-style: solid; border-width: 1px; } .borderBlack { border-style: solid; border-width: 1px; } .borderWhite { border-style: solid; border-width: 1px; } .borderLight { border-color: #a2b1cb; } .borderDark { border-color: #2c66cb; } .borderBlack { border-color: #000000; } .borderWhite { border-color: #FFFFFF; } .buttons a, .buttons button { display: block; float: left; margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #666; border-top: 1px solid #eee; border-left: 1px solid #eee; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 90%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px; border-radius: 5px; } .buttons button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; } .buttons button[type] { padding: 5px 10px 5px 7px; line-height: 17px; } .buttons button img, .buttons a img { margin: -3px 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; } button:hover, .buttons a:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; text-decoration: none; } /* Slide Panel */ .cb_slide_panel { border-right: 1px solid #E0E0E0; background-color: #fff; box-shadow: 1px 1px 23px #000000, -1px -1px 0 #ffffff inset; box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.17), -1px -1px 0 rgba(255, 255, 255, 0.85) inset; position: fixed; z-index: 65000; display: none; top: 150px !important; } .cb_slide_panel.panel_right { box-shadow: 1px 1px 23px #000000, 1px 1px 0 #ffffff inset; box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.17), 1px 1px 0 rgba(255, 255, 255, 0.85) inset; } .cb_slide_panel.panel_top, .cb_slide_panel.panel_bottom { width: 100%; } .cb_slide_panel.panel_top { box-shadow: 1px 1px 23px #000000, -1px -1px 0 #ffffff inset; box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.17), -1px -1px 0 rgba(255, 255, 255, 0.85) inset; } .cb_slide_panel.panel_bottom { box-shadow: 1px 1px 23px #000000, 1px 1px 0 #ffffff inset; box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.17), 1px 1px 0 rgba(255, 255, 255, 0.85) inset; } .cb_slide_panel a.close { background: url(../media/images/panel_close_default.jpg) no-repeat; border: 1px solid #E0E0E0; height: 40px; position: absolute; text-indent: -9999em; width: 40px; display: none; } .cb_slide_panel.panel_left a.close { right: -42px; top: 20px; } .cb_slide_panel.panel_right a.close { left: -42px; top: 20px; } .cb_slide_panel.panel_top a.close { bottom: -41px; left: 20px; } .cb_slide_panel.panel_bottom a.close { top: -41px; left: 20px; } .cb_slide_panel a.close:hover { background-position: -40px 0; } .cb_slide_panel .inner { padding: 20px; } .cb_slide_panel.loading .inner { min-height: 300px; background: url(../meida/images/ajax-loader.gif) no-repeat scroll 50% 50% transparent; } .cb_slide_panel h1 { color: #FFFFFF; font-size: 1.2em; margin: -0.15em 0 20px; text-shadow: 0 1px 0 #000000; } .cb_slide_panel h2 { border-bottom: 1px solid #276BB3; color: #FFFFFF; font-size: 14px; margin: 0; padding: 1px 0 0; text-decoration: none; text-shadow: 0 1px 0 #1F5287; } .cb_slide_panel ul { padding: 0; list-style-type: none; } .cb_slide_panel ul li a { color: #91aac4; text-decoration: none; } .cb_slide_panel ul li a:hover { color: #01509b; } .chzn-select { padding-right: 20px; } .cmdButton { color: #243216; background-color: #eaf6ff; } .clear { font-size: 0; line-height: 0; clear: both; display: block; } .clearBoth { clear: both; } .clearRight { clear: right; } .clearLeft { clear: left; } .CodeMirror { background: #fefefe; border: 2px inset #dee; width: 100%; } .CodeMirror-scroll { height: 180px !important; overflow-x: hidden; } .codeText { font-family: Courier, Terminal; font-size: 12px; } .CommonBreadcrumb * { font-size: 12px; font-family: Arial; } .CommonBreadcrumb { background: #f1f1f1 url("../media/images/BreadCrumbs_bg.gif") no-repeat left; font-size: 11px; font-family: Arial; height: 27px; line-height: 27px; padding-left: 30px; margin-bottom: 10px; margin-top: 5px; } .CommonBreadcrumb ul { padding: 0 !important; margin: 0 !important; overflow: hidden; } .CommonBreadcrumb li { float: left; padding-right: 5px; list-style-position: outside; list-style-type: none; } .CompanyRoles { margin-top: 15px; border: 1px solid #808080; width: 300px; height: 40px; } .CompanyRoleDisabled #CompanyRoleIcon { width: 40px; height: 40px; float: left; background-image: url(../media/images/cancel.png); background-repeat: no-repeat; background-position: center center; } .CompanyRoleDisabled #CompanyRoleName { width: 240px; height: 20px; padding: 10px; background-color: #FF9797; float: left; cursor: pointer; } .CompanyRoleEnabled #CompanyRoleIcon { width: 40px; height: 40px; float: left; background-image: url(../media/images/tick.png); background-repeat: no-repeat; background-position: center center; } .CompanyRoleEnabled #CompanyRoleName { width: 240px; height: 20px; padding: 10px; background-color: #A8FFC5; float: left; cursor: pointer; } .CompanyRolesFieldSet { padding: 0 15px 15px 15px; margin: 0; } .confirm { font-weight: bold; padding: 5px; } .CourseInfoButtons a, .CourseInfoButtons button { display: block; float: left; margin: 0 4px 0 0; color: #FFFFFF; background-color: #1f91ff; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 11px; line-height: 13px; text-decoration: none; font-weight: bold; cursor: pointer; padding: 2px 7px 2px 5px; white-space: nowrap; } .CourseInfoButtons button { width: auto; overflow: visible; } .CourseInfoButtons button img, .CourseInfoButtons a img { margin: 0 2px -2px 0 !important; padding: 0; border: none; width: 16px; height: 16px; } .CourseInfoButtons a:hover { background-color: #0070ff; text-decoration: none; } .courseListTickets { width: 0; display: none; } .CompanySearch { width: 450px; } .CompanyEdit { width: 450px; } .CompletionReport .CourseName { width: 200px; } .CompletionReport .FinalExamAttempts { width: 80px; } /*--------------------------------------------------------------*/ /* DATEPICKER CLIENT STYLES /*--------------------------------------------------------------*/ .dateBody { font-size: 11px; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: none; } .datepickerClientTable { border: 1px solid #aaaaaa; padding: 0 0 0 0; background-color: #FFFFFF; width: 205px; } .datepickerClientTable .headerText { font-size: 11px; color: #1E4A7F; } .datepickerClientTable .headerText A { display: block; height: 22px; width: 30px; font-size: 10px; font-weight: normal; color: #333333; text-decoration: none; } .datepickerClientTable .headerText A:Hover { color: white; background-color: #aaaaaa; } .datepickerClientTable .headerText TD { border: none; height: 20px; text-align: center; padding: 0; } .datepickerClientTable .weekText { font-size: 10px; font-weight: bold; color: #1E4A7F; } .datepickerClientTable .weekText TD { border: none; width: 14%; height: 20px; padding: 1px; text-align: center; } .datepickerClientTable .dayText TD { height: 20px; text-align: center; } .datepickerClientTable .dayText A { display: block; padding-top: 3px; height: 20px; width: 100%; font-size: 11px; font-weight: normal; color: #666666; background-color: transparent; text-decoration: none; } .datepickerClientTable .dayText A:Hover { color: White; background-color: #8EA8DB; } .datepickerClientTable .dayText .dayToday { padding-top: 3px; height: 20px; width: 100%; font-size: 11px; font-weight: normal; color: white; background-color: #aaaaaa; text-decoration: none; } .datepickerClientTable .dayText .dayToday:Hover { color: White; background-color: #8EA8DB; } .datepickerClientTable .dayText .daySelected { padding-top: 3px; height: 20px; width: 100%; font-size: 11px; font-weight: normal; color: white; background-color: #ff8800; text-decoration: none; } .datepickerClientTable .dayText .daySelected:Hover { color: White; background-color: #ff8800; } .datepickerCalendarDiv { visibility: hidden; z-index: 300; position: absolute; } /*--------------------------------------------------------------*/ /* DATEPICKER STYLES /*--------------------------------------------------------------*/ .datepickerTable { padding: 0; font-size: 10px; width: 226px; } .datepickerInputCell { border: 1px solid #aaaaaa; } .datepickerInputCell INPUT { width: 100%; padding: 0; border: 0 none; } .datepickerImageCell { width: 20px; padding: 0; border: 1px solid #aaaaaa; border-left: none; text-align: center; } .datepickerImageCell A:Link, .datepickerImageCell A:Visited, .datepickerImageCell A:Active { display: block; color: #333333; background-color: #eeeeee; height: 18px; width: 20px; margin: 0; } .datepickerImageCell A:Hover { background-color: #aaaaaa; } .ddsmoothmenu ul { overflow: visible !important; } .ddsmoothmenu ul li { position: relative; display: inline; float: left; margin-bottom: 0; } .ddsmoothmenu ul li ul li { display: list-item; float: none; margin-bottom: 0; } .debug { display: none; } .defaultDate img { width: 24px; height: 18px; } .defaultDate { white-space: nowrap; } .defaultError { color: Red; } .error { color: Red; padding-left: 5px; } .defaultHeader { font-size: 14px; font-weight: bold; text-decoration: none; } .defaultInput { text-align: left; color: #000; margin: 0 0 0 0; padding: 2px; } .defaultInputRight { text-align: right; } .defaultLabel { font-size: 12px; color: #000; } .defaultLink .imgN { display: inline; cursor: pointer; text-decoration: none; vertical-align: top; } .defaultLink .imgO { display: none; text-decoration: none; } .defaultLink:Hover { text-decoration: underline; border: none; cursor: pointer; } .defaultLink:Hover .imgN { display: none; text-decoration: none; } .defaultLink:Hover .imgO { display: inline; cursor: pointer; text-decoration: none; vertical-align: top; } .defaultSuccess { color: #008000; } .DirectoryFileList .FileListBlindBox { margin: 0; padding: 0; width: 90%; } .DirectoryFileList .FileListContainer { margin: 5px 5px 5px 20px; width: 90%; } .DirectoryFileList .DirectoryLink a { display: block; margin-left: -22px; padding-left: 22px; text-decoration: none; } .DirectoryFileList .DirectoryLink { display: block; font-weight: bold; padding-left: 22px !important; background: url(../media/images/folder.gif) left center no-repeat; } .DirectoryFileList .FileLink a { display: block; margin-left: -22px; padding-left: 22px; text-decoration: none; } .DirectoryFileList .FileLink { display: block; padding-left: 22px !important; background: url(../media/images/file.gif) left center no-repeat; } .DirectoryFileList .FileLink a:hover, .DirectoryLink a:hover { text-decoration: none; } .DirectoryFileList .imageFile { padding-left: 22px !important; background: url(../media/images/file_photo.gif) left center no-repeat; } .DirectoryFileList .wordFile { padding-left: 22px !important; background: url(../media/images/file_word.gif) left center no-repeat; } .DirectoryFileList .excelFile { padding-left: 22px !important; background: url(../media/images/file_excel.gif) left center no-repeat; } .DirectoryFileList .powerpointFile { padding-left: 22px !important; background: url(../media/images/file_ppt.gif) left center no-repeat; } .DirectoryFileList .pdfFile { padding-left: 22px !important; background: url(../media/images/file_pdf.gif) left center no-repeat; } .DirectoryFileList .txtFile { padding-left: 22px !important; background: url(../media/images/file_txt.gif) left center no-repeat; } .DirectoryFileList .webLink { padding-left: 22px !important; background: url(../media/images/file_weblink.gif) left center no-repeat; } .displayBlock { display: block; } .displayNone { display: none; } table.d0grid .itemN { cursor: pointer; } table.d0grid .itemO { cursor: pointer; background-color: #FFFFBF; } table.d0grid { border-collapse: collapse; border: none; font-size: smaller; } table.d0grid .head TD { border-bottom: 1px solid #ffe19d; } table.d0grid .foot TD { font-weight: bold; border-top: 1px solid #ffe19d; } .EditableRow { padding-top: 2px; padding-bottom: 2px; } .EditableRow:hover { background-color: #FFFF99; cursor: pointer; } .ellipsis { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .emailLabel { font-size: 12px; color: #333333; } .emailHeader { font-size: 12px; font-weight: normal; text-decoration: none; color: #1E4A7F; } .emailItemsHeaderRow { padding: 1px 2px 1px 2px; font-size: 12px; color: #1E4A7F; } .emailItemsHeaderRow TH { font-weight: normal; border-bottom: 1px solid #8EA8DB; } .emailItemsRow { padding: 1px 2px 1px 2px; font-size: 12px; font-weight: normal; text-decoration: none; } .ExamAttemptsPass { font-weight: bold; font-size: 90%; padding: 1px 0; margin: 0 1px 0 1px; border: 1px solid #999; background-color: #53FF40; } .ExamAttemptsFail { font-weight: bold; font-size: 90%; padding: 1px 1px 1px 1px; margin: 0 1px 0 1px; border: 1px solid #999; background-color: #FF4045; } .ExamAttemptsNotDone { width: 14px; padding: 0; margin: 0 1px 0 1px; border: 1px solid #ddd; background-color: #fff; } .CompletionReport .ExamAttemptsPass { font-size: 10px; } .CompletionReport .ExamAttemptsFail { font-size: 10px; } .ExamAttemptsPass2 { font-weight: bold; font-size: 80%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-image: url(../media/images/passed-bg.gif); background-repeat: repeat-x; background-position: center center; } .ExamAttemptsFail2 { font-weight: bold; font-size: 80%; padding: 0 2px 0 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-image: url(../media/images/failed-bg.gif); background-repeat: repeat-x; background-position: center center; } .ExamCategories { margin-top: 15px; } .ExamLaunch { border: 1px solid #E0E0E0; } .ExamLaunch TD { border: 1px solid #E0E0E0; } .fileManager { background-color: #fff; position: relative; } .fileManager table.tblFileManger { width: 100% !important; border-collapse: collapse; } .fileManager table.tblFileManger td.tdDirTree { vertical-align: top; width: 15%; border: 1px solid black; padding: 5px; } .fileManager table.tblFileManger td.tdFileList { vertical-align: top; width: 85%; border: 1px solid black; padding: 5px; } .fileManager table.tblFileManger td.tdfileManagerBar { vertical-align: middle; background-color: #F5F5F5; color: #09360d; padding: 2px 10px 2px 20px; border: 1px solid #C0C0C0; } .fileManager table.tblFileManger td.tdfileManagerExplorer { width: 100%; border: 1px solid #C0C0C0; } .fileManager .foldersHeader { background-color: #F5F5F5; color: #09360d; padding: 2px; padding-left: 20px; border-bottom: 1px solid #C0C0C0; } .fileManager a.btnFolderSubmit { border: 1px solid #006427; background-color: #D1EAC5; color: #09360d; font-size: 14px; line-height: 14px; padding: 0 5px; margin: 0 0 0 0; text-decoration: none; } .fileManager a.btnFolderSubmit:hover { background-color: #006427; color: #fff; } .fileManager .btnFolderSubmit img { margin: 2px 0; } .fileManager .fileNodeHover { text-decoration: underline !important; } .fileManager .fileNodeSelected { background-color: #D1EAC5; } .fileManager .fileNodeSelected a { color: #09360d; } .fileManager .headerStyle { background: #F5F5F5; color: #09360d; font-size: 14px; font-weight: bold; padding: 5px; border-bottom: none; } .fileManager table.tblFiles { width: 100%; } .fileManager table.tblFiles TH { border-bottom: 1px solid #c0c0c0 !important; color: #333 !important; font-weight: normal; font-size: 12px; padding: 2px; } .fileManager .columnRemove { width: 20px; } .fileManager .columnEdit { width: 40px; } .fileManager .columnImageButton { width: 20px; } .fileManager .divFiles { min-width: 335px; } .fileManager .rowStyle { background: #F9F9F9; height: 25px; } .fileManager .rowAltStyle { background: #fff; height: 25px; } .fileManager .rowStyle a, .fileManager .rowAltStyle a { white-space: nowrap; } .fileManager a.emptyLink:hover { text-decoration: none; color: inherit; cursor: default; } .fileManager #Loading { position: absolute; } .fileManager table.folderManage td { vertical-align: middle !important; padding-right: 10px; height: 30px; } .fileManager #LinkButtons { margin-top: 6px; } .fileManager .renameFileHeader { padding: 3px 0; background: #F5F5F5; border-bottom: 1px solid #c0c0c0; text-align: left; text-indent: 13px; font-weight: bold; } .fileManager input.txtFileRename { width: 200px; } .fileManager .renameFileContent { padding: 20px 15px 10px 0; } .fileManager .renameErrorDiv { width: 200px; padding: 2px 0; display: inline-block; position: relative; right: 0; text-align: left; } .fileManager div.listViewContainer { padding: 15px 0 0 15px; } .fileManager div.listViewContainer div.listViewItem { height: 170px; width: 130px; float: left; margin: 0 5px 0 5px; } .fileManager div.listViewContainer .listViewImageContainer { width: 128px; height: 128px; position: relative; border: 1px solid #E0E0E0; text-align: center; } .fileManager div.listViewContainer .listViewImage { display: inline; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .fileManager div.listViewContainer .listViewItemControls { text-align: right; } .fileManager div.listViewContainer .listViewItemControls .listViewEdit { float: right; margin: 2px 0 0 10px; } .fileManager div.listViewContainer .listViewItemControls .listViewDelete { float: right; margin: 2px 5px 0 10px; } .fileManager .progress img { vertical-align: middle; margin-right: 10px; } .fileManager .progress { position: absolute; top: 125px; width: 280px; height: 40px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: none repeat scroll 0 0 #FFFFFF; padding: 20px 10px 0 10px; text-align: center; z-index: 2147483647; border: 1px solid #c0c0c0; } .fileManager .renameForm { position: absolute; top: 125px; width: 285px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: none repeat scroll 0 0 #FFFFFF; padding: 0; text-align: right; z-index: 2147483647; border: 1px solid #c0c0c0; } .floatLeft { float: left; } .floatRight { float: right; } /* use this on outer container div (that have a floated inner div) to clear floats */ /* http://www.sitepoint.com/simple-clearing-of-floats/ */ .floatFix { overflow: auto; } .footer { height: 27px; padding: 0; margin: 0; } .fontSmall { font-size: 11px; } .fontMedium { font-size: 12px; } .fontLarge { font-size: 14px; } .fontBoldSmall { font-size: 11px; font-weight: bold; } .fontBoldMedium { font-size: 12px; font-weight: bold; } .fontBoldLarge { font-size: 14px; font-weight: bold; } .fontColorLight { color: #464646; } .fontColorDark { color: #464646; } .fontColorWhite { color: #FFFFFF; } .fontColorBlack { color: #000000; } .GridView .AlternatingRowStyle { background-color: #F6F6F6; } .GridView .EmptyDataRowStyle TD { border-bottom: none; } .GridView td { padding: 2px 4px 2px 4px; border-bottom: 1px dashed #999; } .GridView tr:last-child td { border-bottom: none; } .GridView TD.nopadding { padding: 0; } .GridView TH { padding: 2px 4px 2px 4px; } .GridView .rowHover { cursor: pointer; } .GridView .rowHover TD { cursor: pointer; } .GridView .highlight { background-color: #F5F3E9; cursor: pointer; border: none; border-bottom: 1px dashed; } Table.GridViewEventPricing TD { margin: 4px; } Table.GridViewEventPricing TH { margin: 4px; } .GridViewSmall * { font-size: 11px; } #gritter-notice-wrapper { position: fixed; top: 0; width: 100%; z-index: 9999; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; } #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .gritter-item-wrapper { position: relative; margin: 0 0 10px 0; background: url('../../../images/ie-spacer.gif'); /* ie7/8 fix */ } .gritter-top { background-color: #000; height: 10px; } /*.hover .gritter-top {background-position:right -30px;} */ /* .gritter-bottom {background:url(../images/gritter1.png) left bottom; height:8px; margin:0;} */ /*.hover .gritter-bottom {background-position: bottom right; } */ .gritter-item { display: block; background: url(../../../images/gritter1.png) bottom; color: #eee; padding: 2px 11px 8px 11px; font-size: 11px; font-family: verdana; } .notificationError .gritter-item { background: url(../../../images/gritterError.png) bottom; } .notificationError .gritter-item p { color: #B90000; } /* .hover .gritter-item { background-position:right -40px; } */ .gritter-item p { color: #000; font-size: 16px; font-weight: bold; font-family: verdana; padding: 5px 0; margin: 0; text-align: center; } /* .gritter-close {position:absolute;top:5px;left:3px;background:url(../images/gritter.png) no-repeat left top;cursor:pointer;width:30px;height:30px;}*/ .gritter-title { font-size: 14px; font-weight: bold; color: #eee; padding: 0 0 7px 0; display: block; text-shadow: 1px 1px #000; /* Not supported by IE :( */ } /* .gritter-image {width:48px;height:48px;float:left;} .gritter-with-image, .gritter-without-image { padding:0 0 5px 0;} .gritter-with-image {width:220px;float:right;} */ .highlight { border: 1px solid #c0c0c0; background-color: #FFFFCC; } .highlightMessage { border: 1px solid #6EAED2; background-color: #FFFFCC; padding: 10px; font-weight: bold; } .horzList { list-style-type: none; padding: 0; margin: 0; } .horzList > li { display: inline; float: left; } .ImageNameTextBox { width: 400px; } .ImageTooltip { background: url(../media/images/external.png) center right no-repeat; background-color: #FFFFBF; padding-right: 13px; } .jqtToolTip { display: none; background: transparent url(../media/images/black_arrow.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff; z-index: 9999; } .jqtToolTipBig { display: none; background: url(../media/images/black_arrow_big.png); height: 163px; padding: 40px 30px 10px 30px; width: 310px; font-size: 11px; color: #fff; z-index: 9999; } Table.listTable { font-size: smaller; } Table.listTable .rowHeader th, .listTable .rowHeader td { text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffe19d; } Table.listTable .rowHeader a { font-size: 13px; font-weight: normal; font-weight: bold; } Table.listTable .rowItem > TD { border-bottom: 1px dashed #c0c0c0; } Table.listTable .rowHover { cursor: pointer; } Table.listTable .balanceTotal { background-color: #EEEEEE; font-weight: bold; color: #2653a0; border: 1px solid #ffe19d; } Table.listTable .balanceEquals { color: #2653a0; border-bottom: 1px solid #ffe19d; } Table.listTable .orderAmount { font-weight: bold; color: #2653a0; } Table.listTable .rowClear { padding: 2px 2px 2px 2px; font-size: 12px; color: #243216; } Table.listTable .rowClear A { font-size: 12px; font-weight: normal; } .balanceTotal { background-color: #EEEEEE; font-weight: bold; color: #243216; border: 1px solid #fcac54; } .balanceEquals { color: #243216; border-bottom: 1px solid #fcac54; } INPUT.logonInput { width: 250px; font-size: 12px; padding: 6px 4px; } .MasterCourseActions { height: 50px; } .ModuleGrid .MouseOver { cursor: pointer; background-color: #FFFFBF; } .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { background-color: #ffffdd; border: 1px solid Gray; padding: 1px; } .NameSearch { width: 300px; } .Note { border: 1px solid #BBB; background-color: #FCFEC5; padding: 10px; font-family: 'Segoe UI',Verdana,Arial; font-size: 1.077em; color: black; } .Note-Warning { border: 1px solid Red; background-color: #FCFEC5; padding: 10px; font-family: 'Segoe UI',Verdana,Arial; font-size: 1.077em; color: Red; } .NoteHeading { font-weight: bold; } .Note-Info { border: 1px solid #BBB; background-color: #F9F9F9; padding: 10px; font-family: 'Segoe UI',Verdana,Arial; font-size: 1.077em; color: black; } .note { margin-bottom: 20px; padding: 15px; border: 1px solid; border-left: 5px solid; } .note.note-success { border-color: #4a8564; background: #b0ebca; color: #3c763d; } .note.note-success p, .note.note-success h1, .note.note-success h2, .note.note-success h3, .note.note-success h4, .note.note-success h5, .note.note-success h6 { color: #3c763d; } .note.note-danger { border-color: #986e6e; background: #fbd1d1; color: #a94442; } .note.note-danger p, .note.note-danger h1, .note.note-danger h2, .note.note-danger h3, .note.note-danger h4, .note.note-danger h5, .note.note-danger h6 { color: #a94442; } .note.note-info { border-color: #587c89; background: #cef2ff; color: #31708f; } .note.note-info p, .note.note-info h1, .note.note-info h2, .note.note-info h3, .note.note-info h4, .note.note-info h5, .note.note-info h6 { color: #31708f; } .note.note-warning { border-color: #8a6d3b; background: #ffffaa; color: #8a6d3b; } .note.note-warning p, .note.note-warning h1, .note.note-warning h2, .note.note-warning h3, .note.note-warning h4, .note.note-warning h5, .note.note-warning h6 { color: #8a6d3b; } .ob_iTC INPUT[type="text"] { padding: 0; } .ob_iDdlTC INPUT[type="text"] { padding: 0; border: none; } .OnlineRequestForm .defaultLabel { width: 125px; } .OnlineRequestForm INPUT { width: 200px; } .OnlineRequestForm TEXTAREA { width: 300px; height: 100px; } .Panel { padding: 10px; border: 1px solid #474747; background-color: #F1F1F1; border-radius: 10px; } .PasswordTestresult { font-weight: bold; font-size: 13px; font-family: arial,helvetica,san-serif; color: #666; padding: 0 0 12px 10px; margin-left: 10px; display: block; height: 28px; float: right; } .PasswordTestresult span { padding: 10px 20px 12px 10px; margin: 0 0 0 20px; display: block; float: right; white-space: nowrap; } .PasswordShortPass { background: url(../media/images/red.png) no-repeat 0 0; height: 37px; } .PasswordShortPass span { background: url(../media/images/red.png) no-repeat top right; } .PasswordBadPass { background: url(../media/images/red.png) no-repeat 0 0; height: 37px; } .PasswordBadPass span { background: url(../media/images/red.png) no-repeat top right; } .PasswordGoodPass { background: url(../media/images/yellow.png) no-repeat 0 0; height: 37px; } .PasswordGoodPass span { background: url(../media/images/yellow.png) no-repeat top right; } .PasswordStrongPass { background: url(../media/images/green.png) no-repeat 0 0; height: 37px; } .PasswordStrongPass span { background: url(../media/images/green.png) no-repeat top right; } .Pointer { cursor: pointer; } .PublicNote { border: 1px solid #B0B0B0; background-color: #F0F0F0; padding: 3px; } .PrivateMessages .UnRead { font-weight: bold; } .PrivateMessages .Panel { margin-bottom: 15px; } .privatemessageview .title { background: #7692B9; color: #FFF; border: solid 1px #6a6a6a; height: 28px; line-height: 28px; font-weight: bold; padding-left: 3px; } .privatemessageview .wrapper { padding: 5px; background-color: #E9EDF1; } .privatemessageview .message { margin: 5px; padding: 5px; min-height: 200px; max-height: 400px; border: 1px solid gray; background-color: #FFF; overflow: auto; } .privatemessageview .buttons { margin-left: 5px; } .privatemessageview table.viewmessage { width: 100%; vertical-align: middle; border-collapse: collapse; } .privatemessageview table.viewmessage td { padding: 4px; } .privatemessageview table.viewmessage td.fieldname { font-weight: bold; width: 20%; color: #555; } .privatemessageview table.viewmessage a { color: #3664A5; text-decoration: underline; } .privatemessagesend .title { background: #7692B9; color: #FFF; border: solid 1px #6a6a6a; height: 28px; line-height: 28px; font-weight: bold; padding-left: 3px; } .privatemessagesend .wrapper { padding: 5px; } .privatemessagesend table.postmessage { width: 100%; vertical-align: middle; border-collapse: collapse; } .privatemessagesend table.postmessage td { padding: 4px; } .privatemessagesend table.postmessage td.fieldname { font-weight: bold; width: 10%; color: #555; } .RegistrationQuestionText { padding-bottom: 5px; border: none; font-weight: bold; } .RegistrationQuestionText p { font-weight: bold; } .RegistrationQuestionText ul { font-weight: normal; } .RegistrationQuestionText hr { border-color: #ccc; } .RegistrationQuestionAnswer { margin: 0 0 20px 0; } .RegistrationQuestionAnswer textarea { width: 250px; height: 80px; } .RegistrationQuestionAnswer table tr td { padding: 7px; } .RegistrationQuestionAnswer table tr td INPUT[type="radio"] { margin: 3px 10px 0 3px; vertical-align: initial; top: 1px;} .RememberMe { padding: 5px; border: 1px solid transparent; display: inline-block; } .RememberMe:hover { background-color: #f1f1f1; border: 1px solid #c0c0c0; } .rounded { border-radius: 5px; } .RoundedBox { padding: 12px; margin: 0 0 15px 0; background-color: #f2f2f2; border-radius: 5px; } .roundedTopCorners { border-top-left-radius: 10px; border-top-right-radius: 10px; } .SeminarCreateSelectCourse .Container { padding: 10px; } .SeminarCreateSelectCourse .CourseCategory { border: 1px solid; margin-bottom: 20px; padding-bottom: 20px; } .SeminarCreateSelectCourse .Name { background-color: #DFDEDB; font-weight: bold; font-size: 14px; padding: 10px; } .SeminarCreateSelectCourse .Description { font-weight: bold; font-size: 14px; color: #000; padding: 20px 0 20px 50px; } .SeminarCreateSelectCourse .SeminarList { font-size: 12px; padding-left: 50px; } .SeminarComplete * { color: Gray; } .SeminarExceedsMin * { color: Green; } .SeminarNotExceedsMin * { color: Red; } .SeminarCancelled * { text-decoration: line-through; } .ShoppingCart { width: 100%; } .ShoppingCart th { padding: 10px; } .ShoppingCart td { padding: 10px; } .ShoppingCartItemDetails td { padding: 0; } .ShoppingCartCheckout { width: 100%; } .shoppingCartTotalTable td { padding: 0 0 0 10px; } .SkillInfoContainer { border: 1px solid #bdbcbb; padding: 1px; width: 95%; margin-bottom: 10px; vertical-align: middle; } .SkillInfoContainer .SkillInfoHeader { background-color: #dcdcdc; padding-left: 2px; padding-right: 2px; vertical-align: middle; overflow: hidden; } .SkillInfoContainer .SkillInfoHeader .tdExpand { width: 30px; } .SkillInfoContainer .SkillInfoHeader .tdSkillName { width: auto; padding-right: 5px; } .SkillInfoContainer .SkillInfoHeader .tdSkillInfoBar { width: 110px; } .SkillInfoContainer .SkillInfoHeader .tdButtons { width: 355px; white-space: nowrap; text-align: right; } .SkillInfoContainer .SkillInfoHeader .tdButtons .lblDaysRemaining { font-size: 9px; float: left; margin: 3px 0 0 5px; } .SkillInfoContainer .SkillInfoHeader .SkillInfoBarContainer { height: 17px; width: 100px; background-color: #ffffff; vertical-align: middle; padding: 1px; border: 1px solid #616161; overflow: visible; } .SkillInfoContainer .SkillInfoHeader .SkillInfoBarContainer .SkillInfoBar { font-size: 9px; text-align: center; overflow: visible; line-height: 13px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; } .SkillInfoContainer .SkillInfoHeader .CourseInfoButtons { vertical-align: middle; } .SkillInfoContainer .SkillInfoHeader .CourseInfoButtons .PurchaseButtonsLabel { float: left; margin: 2px 4px 0 0; font-size: 11px; } .SkillInfoContainer .SkillInfoDetails { width: 100%; padding: 0; margin: 0; } .SkillInfoContainer .SkillInfoDetails .InnerDiv { margin: 5px; } .SkillInfoContainer .SkillInfoDetails .FullCourseName { padding: 5px 5px 5px 5px; } .SkillInfoContainer .SkillInfoDetails .Description { padding: 5px 5px 5px 5px; } .SkillInfoCourseCategoryName { font-size: 16px; font-weight: bold; color: #0156A6; padding: 10px 0 10px 0; } .SkillInfoCourseCategoryDescription { padding: 0 0 22px 0; } .SkillInfoStatePassed { background-color: #84b840; } .SkillInfoStateFailed { background-color: #eb7d61; } .SkillInfoStateNoMoreAttempts { background-color: #eb7d61; } .SkillInfoStateExpired { background-color: #ffb400; } .SkillInfoStateEnrolled { background-color: #ffffff; } .PreReqRequired { display: none; } /* root element for tabs */ ul.tabs { list-style: none; margin: 0 !important; padding: 0; border-bottom: 1px solid #666; height: 30px; } /* single tab */ ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; } /* link inside the tab. uses a background image */ ul.tabs a { background: url(../../../images/tabs/blue.png) no-repeat -420px 0; font-size: 11px; display: block; height: 30px; line-height: 30px; width: 134px; text-align: center; text-decoration: none; color: #333; padding: 0; margin: 0; position: relative; top: 1px; } ul.tabs a:active { outline: none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { background-position: -420px -31px; color: #fff; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor: default !important; color: #000 !important; } /* Different widths for tabs: use a class name: s, l, xl */ /* width 1 */ ul.tabs a.s { background-position: -553px 0; width: 81px; } ul.tabs a.s:hover { background-position: -553px -31px; } ul.tabs a.s.current { background-position: -553px -62px; } /* width 2 */ ul.tabs a.l { background-position: -248px 0; width: 174px; } ul.tabs a.l:hover { background-position: -248px -31px; } ul.tabs a.l.current { background-position: -248px -62px; } /* width 3 */ ul.tabs a.xl { background-position: 0 0; width: 248px; } ul.tabs a.xl:hover { background-position: 0 -31px; } ul.tabs a.xl.current { background-position: 0 -62px; } /* initially all panes are hidden */ .panes .pane { display: none; } /* tab pane styling */ .panes > div { padding: 15px 10px; border: 1px solid #999; border-top: 0; font-size: 14px; background-color: #fff; } /* Style for Usual tabs */ .tabcontainer-usual { background: #444f66; color: #111; /*padding:15px 20px;*/ /*width:500px;*/ border: 1px solid #222; margin: 8px auto; } .tabcontainer-usual ul.idTabs { margin-left: 0; margin-top: -1px; } .tabcontainer-usual li.idTab { list-style: none; float: left; /*border:solid 1px black;*/ } .tabcontainer-usual ul.idTabs a { display: block; padding: 6px 10px; text-decoration: none !important; margin: 1px; margin-left: 0; /*font:10px Verdana;*/ color: #FFF; background-color: #444f66; } .tabcontainer-usual ul.idTabs a:hover { color: #FFF; background: #313c51; } .tabcontainer-usual ul.idTabs a.selected { margin-bottom: 0; color: #000; background: #e8edf0; border-bottom: 1px solid #e8edf0; cursor: default; } .tabcontainer-usual div.tab { padding: 10px 10px 8px 10px; clear: left; background: #e8edf0; /*font:10pt Georgia;*/ } table.tablePadding0 td { padding: 0; } table.tableMargin0 { border-spacing: 0; } .TemplatesEditButton { text-align: right; padding: 0; margin: 0; font-size: 14px; } #TemplateEditOuter { width: 98%; } #TemplateEditLeftPane { vertical-align: top; width: 130px; border: silver 1px solid; padding: 2px 2px 2px 2px; margin-right: 5px; background-color: #f6f7f4; } #TemplateEditMiddlePane { vertical-align: top; text-align: center; border: silver 1px solid; padding: 2px 2px 2px 2px; background-color: #fff; } #TemplateEditMiddlePane TextArea { width: 100%; border-width: 0; height: 100%; } .HistoryList { list-style-type: none; padding-left: 5px; margin: 0; padding-top: 5px; padding-bottom: 10px; } .HistoryList LI { padding-bottom: 5px; font-size: smaller; } /* MASTER EDITING TEMPLATE HTML - Templates.aspx */ #Templates .DirectoryFileList { height: 300px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; padding: 10px; border: 1px solid #c0c0c0; } #Templates .DirectoryFileList .FileListContainer { margin: 0; width: 100%; } #Templates .DirectoryFileList .FileLink a { display: block; margin-left: -22px; padding-left: 22px; text-decoration: none; } #Templates .DirectoryFileList .FileLink { display: block; padding-left: 22px !important; background: url(../media/images/file.gif) left center no-repeat; } #Templates .DirectoryFileList .FileLink a:hover, .DirectoryLink a:hover { text-decoration: none; } .TemplateList { list-style-type: none; padding-left: 5px; margin: 0; padding-top: 5px; padding-bottom: 10px; word-wrap: break-word; } .TemplateList LI { padding-bottom: 2px; font-size: 11px; line-height: 18px; } .TemplatesFilename { font-size: large; } .TemplatesEditLink { padding: 20px; } /*--------------------------------------------------------------*/ /* TIMEPICKER CLIENT STYLES /*--------------------------------------------------------------*/ .timeBody { font-size: 11px; padding: 0 0 0 0; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-image: none; } .timepickerClientTable { border-collapse: collapse; background-color: #FFFFFF; padding: 0 0 0 0; font-size: 10px; } .timepickerClientTable .timeRow { background-color: Transparent; } .timepickerClientTable .timeRow { color: #333333; } .timepickerClientTable .timeRow A { display: block; font-size: 10px; font-weight: normal; text-decoration: none; width: 100%; color: #666666; } .timepickerClientTable .timeRow A:Hover { color: white; background-color: #8EA8DB; } .timepickerClientTable .timeRow .hourSelected { background-color: #ff8800; color: White; } .timepickerClientTable .timeRow .minuteSelected { background-color: #ff8800; color: white; } .timepickerClientTable .timeRowOver { cursor: default; color: #333333; background-color: #eeeeee; } .timepickerClientTable .timeRowOver A { display: block; font-size: 10px; font-weight: normal; text-decoration: none; width: 100%; color: #666666; background-color: #eeeeee; } .timepickerClientTable .timeRowOver A:Hover { color: white; background-color: #8EA8DB; } .timepickerClientTable .timeRowOver .hourSelected { background-color: #ff8800; color: White; } .timepickerClientTable .timeRowOver .minuteSelected { background-color: #ff8800; color: white; } .timepickerClientTable .timeRowOver .minuteSelected:Hover { background-color: #ff8800; color: white; } /*--------------------------------------------------------------*/ /* TIMEPICKER STYLES /*--------------------------------------------------------------*/ .timepickerTable { padding: 0; font-size: 10px; width: 226px; } .timepickerInputCell { border: 1px solid #aaaaaa; } .timepickerInputCell INPUT { width: 100%; padding: 0; background-color: white; border: none; } .timepickerImageCell { width: 20px; padding: 0; border: 1px solid #aaaaaa; border-left: none; text-align: center; } .timepickerImageCell A:Link, .timepickerImageCell A:Visited, .timepickerImageCell A:Active { display: block; color: #333333; background-color: #eeeeee; height: 18px; width: 20px; margin: 0; } .timepickerImageCell A:Hover { background-color: #aaaaaa; } .timepickerTimeSelect { height: 170px; border-collapse: collapse; border-right: 1px solid #aaaaaa; overflow-y: scroll; visibility: hidden; z-index: 300; position: absolute; } .treeview { font-size: 11px; } .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { background-color: white; margin-top: 4px; } .treeview .hitarea { background: url(../Media/images/treeview-basecorp.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } * html .hitarea { display: inline; float: none; } .treeview li { margin: 0; padding: 3px 0 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview li { background: url(../Media/images/treeview-basecorp-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1176px; } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../Media/images/treeview-basecorp.gif); } .treeview li.lastCollapsable { background-position: 0 -111px; } .treeview li.lastExpandable { background-position: -32px -67px; } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .updateProgress { position: absolute; background-color: #fff; filter: alpha(opacity=70); -ms-opacity: 0.7; opacity: 0.7; padding: 0; margin: 0; } .updateProgress div { background-color: white; padding: 4px; position: absolute; top: 10%; left: 50%; } TABLE.updownTable { border: 1px solid #aaaaaa; padding: 0; } TABLE.updownTable SPAN { padding: 0; background-color: Transparent; cursor: default; } TABLE.updownTable INPUT { font-size: 10px; width: 30px; background-color: white; border: 1px none #8EA8DB; text-align: center; } TABLE.updownTable td { border: none; width: 16px; padding: 0 2px; } .updownButton { padding: 1px; background-color: Transparent; } .UpDownButtonGridButton img { padding: 3px 2px; border: 1px solid lightgrey; } .UpDownButtonGridButton img:hover { border: 1px solid grey; } .UpperCase { text-transform: uppercase; } .watermark { padding: 4px; border: 1px solid #BEBEBE; background-color: #F0F8FF; color: gray; } .watermark, x:-moz-any-link { padding: 3px; border: 1px solid #BEBEBE; background-color: #F0F8FF; color: gray; } /*html>body .watermark { padding: 4px; border: 1px solid #BEBEBE; background-color:#F0F8FF; color:gray; }*/ .watermarked { border: 1px solid #BEBEBE; background-color: #F0F8FF; color: gray; } .WebinarArchives Table.GridView .Date { width: 100px; } .WebinarArchives Table.GridView .Title { width: auto; } .WebinarArchives Table.GridView .WebinarURL { width: auto; } .WebinarManagement Table.GridView .Date { width: 100px; } .WebinarManagement Table.GridView .Time { width: 100px; } .WebinarManagement Table.GridView .Title { width: auto; } .WebinarManagement Table.GridView .Min { width: 50px; text-align: center; } .WebinarManagement Table.GridView .Max { width: 50px; text-align: center; } .WebinarManagement Table.GridView .Current { width: 50px; text-align: center; } .WebinarRegistrations .EditInfo .Title { width: 400px; } .WebinarRegistrations .EditInfo .Description { height: 100px; width: 400px; } .WebinarRegistrations .EditInfo .WebinarURL { width: 400px; } .WebinarRegistrations .EditInfo .StartTime { width: 80px; } .WebinarRegistrations .EditInfo .EndTime { width: 80px; } .WebinarRegistrations .Pricing .Delete { width: 60px; float: left; } .WebinarRegistrations .Pricing .Role { width: 160px; float: left; padding-left: 20px; } .WebinarRegistrations .Pricing .Price { width: 80px; float: left; padding-left: 20px; text-align: right; } .WebinarRegistrations .Pricing .Add { width: 80px; float: left; padding-left: 40px; } .widget { display: inline-block; } .wizard { float: right; } .wizardTableOuter { border-collapse: collapse; } .wizardTableOuter TD { padding: 0; margin: 0; } .wizardTable { cursor: default; border-collapse: collapse; } .wizardTable TD { padding: 0; margin: 0; height: 32px; } .wizardTable img { margin: 0; padding: 0; border: none; border-width: 0; display: block; } .wizardTable .wizardText { padding-left: 5px; font-size: 10px; } .wizardTable .wizardSelText { padding-left: 5px; font-size: 10px; color: #0B3D91; } .wizardTable .wizardDisText { padding-left: 5px; font-size: 10px; color: #aaaaaa; } .wizardTable .wizardImage { display: block; } .wizardTable .wizardImage .imgN { margin: 0; padding: 0; border: none; border-width: 0; display: block; } .wizardTable .wizardImage .imgO { display: none; } .wizardTableOver { cursor: default; border-collapse: collapse; } .wizardTableOver .wizardText { padding-left: 5px; font-size: 10px; color: #0b3d91; } .wizardTableOver .wizardSelText { padding-left: 5px; font-size: 10px; color: #0B3D91; } .wizardTableOver .wizardImage { display: block; } .wizardTableOver .wizardImage .imgN { display: none; } .wizardTableOver .wizardImage .imgO { margin: 0; padding: 0; border: none; border-width: 0; display: block; } /* do not delete - prototype css for list style wizard .wizardList { margin: 0; padding: 0; list-style-type:none; } .wizardList div *{font-size: 10px;} .wizardList div{ margin: 0; padding: 0; width: 110px;} .wizardList img {border: 0 none; display: block;} .wizardList li{ margin: 0; padding: 0;} .wizardList table{border-collapse: collapse;} .wizardList td{margin: 0; padding: 0;border-collapse: collapse;} .wizardList .selected * { color: #0B3D91; } .wizardList .notselected * { } */ /****Fix for IE10 and Safari legend (Test Analysis)*****/ .legend-item span { float: left; } .legend-item .complete { float: left; } .legend-item .m-r-5 { float: left; font-size: 13px; } /* ------------------------------------ STOREFRONT STYLES ---------------------------------------- */ /* SF CATEGORY LIST */ #SF_CategoryList { margin: 15px 0; position: relative; } #SF_CategoryList #List { margin-right: -15px; margin-left: 0; } #SF_CategoryList #List ul li { float: left; display: inline; } #SF_CategoryList #List .Category { margin-top: 24px; } #SF_CategoryList #List table { width: 330px; height: 100px; margin-right: 8px; } #SF_CategoryList #List td { padding-left: 5px; } #SF_CategoryList #List .CategoryName { font-size: 14px; font-weight: bold; padding: 5px; } #SF_CategoryList #List .CategoryPic { width: 100px; vertical-align: middle; } #SF_CategoryList #List .CategoryPic img { padding: 5px; margin-bottom: 5px; border: 1px solid #ECECEC; } #SF_CategoryList #List .CategoryPic .Links a { width: 115px; text-align: center; } #SF_CategoryList #List .Description { vertical-align: middle; height: 70px; font-size: 12px; padding: 5px; } #SF_CategoryList #List .MetaTags { display: none; } /* SF CATEGORY PAGE */ #SF_CategoryPage { padding-top: 15px; } #SF_CategoryPage .side-list { margin-top: 20px; } #SF_CategoryPage .best-selling { border: 1px solid #000; } #SF_CategoryPage .related { margin-top: 10px; } #SF_CategoryPage .related-categories { width: 100%; } #SF_CategoryPage .related-categories .bottom { border-top: 1px solid #eee; margin: 0 5px; } #SF_CategoryPage .related-categories td { vertical-align: top; } #SF_CategoryPage .related-category { width: 80px; padding: 5px; font-size: 10px; } /* SF HomePage */ #SF_HomePage { margin-top: 15px; } #SF_HomePage .side-list { margin-top: 20px; } #SF_HomePage .advanced-search { padding: 10px; background-color: #DCE5EC; border: 1px solid #666; border-radius: 10px; overflow: auto; } #SF_HomePage .advanced-search li { margin: 0 10px; float: left; } .product-list .ProductItem { border-top: .1em solid #2F6A92; padding: 30px 0 15px 0; } .product-list .picture { display: block; width: 120px; height: 90px; float: left; margin-right: 10px; } .product-list .description { width: 350px; float: left; } .product-list .product-title { font-size: 14px; padding-bottom: 10px; } .product-list .add-info { width: 230px; float: right; } .product-list .add-info td { vertical-align: middle; } .product-list .add-info .price { font-weight: bold; color: #2F6A92; font-size: 22px; padding-bottom: 10px; } .product-list .add-info .price-has-schedule { width: 120px; font-weight: bold; color: #2F6A92; font-size: 14px; } .product-list .add-info .quantity { width: 60px; } .product-list .add-info .txtQty { text-align: center; } .product-list .add-info .btn-add-to-cart { width: 130px; } .product-list .add-inven { width: 230px; float: right; } .product-list .add-inven .btn-add-to-cart { width: 138px; } .product-list-max-100 { font-size: 14px; } .featured-list { border-top: 1px solid #f8f8f8; padding-top: 10px; } .featured-list ul li { float: left; display: inline; } .featured-list .FeaturedItem { margin-bottom: 30px; width: 363px; } .featured-list .pic { width: 110px; height: 110px; float: left; } .featured-list .title { width: 225px; float: left; font-size: 14px; padding-bottom: 5px; } .featured-list .description { width: 225px; height: 70px; float: left; } .featured-list .footer { width: 100%; margin: 0 auto; height: 20px; line-height: 20px; } .featured-list .footer .price { width: 60px; float: left; margin-left: 20px; font-weight: bold; color: #2F6A92; font-size: 14px; } .featured-list .footer .quantity { width: 60px; float: left; } .featured-list .footer .txtQuantity { padding: 0; margin: 0; width: 30px; text-align: center; } .featured-list .footer .buttonsSmall a { margin-right: 3px; float: left; font-size: 10px; } /* SF SHOPPING CART */ #SF_Cart { padding-top: 15px; } #SF_Cart .cart-content { width: 626px; float: left; } #SF_Cart .side-list { width: 288px; float: right; border-left: 1px solid #eee; padding-left: 10px; } .cart-total .cart_total_left { width: 100px; padding: 2px 5px 2px 0; text-align: right; vertical-align: middle; font-weight: bold; color: #353434; } .cart-total .cart_total_left_below { width: 100%; text-align: right; vertical-align: top; height: 30px; } .cart-total .cart_total_right { text-align: right; vertical-align: middle; padding-left: 5px; } .cart-total .total-price { border-top: 1px solid #eee; font-weight: bold; font-size: 14px; margin-top: 10px; padding-top: 10px; } .order-summary-content { margin: 25px 15px 0 0; padding: 0; font-size: 12px; color: #333; } .order-summary-content .cart { width: 100%; border-collapse: collapse; text-align: center; vertical-align: middle; border-bottom: 1px solid #DBDCDD; } .order-summary-content .cart th { padding: 0 10px; border-bottom: 1px solid #DBDCDD !important; font-size: 14px; } .order-summary-content .cart td { padding: 0 10px; vertical-align: middle; } .order-summary-content .cart .cart-header-row th.end { text-align: right; padding-right: 5px; } .order-summary-content .cart .cart-item-row td.product { text-align: left; padding: 0 10px 0 10px; } .order-summary-content .cart .cart-item-row td.product a { font-weight: bold; } .order-summary-content .cart .cart-item-row td.end { text-align: right; font-weight: bold; color: Green; padding-right: 5px; } .order-summary-content .cart .cart-item-row .productDiscount { color: Green; } .order-summary-content .cart .cart-item-row .Qty { width: 35px; height: 20px; text-align: center; padding: 1px; } .order-summary-content .cart .cart-item-row .total { font-weight: bold; } .order-summary-content .warning-box .warning-text { color: Red; } .order-summary-content .cart-footer { width: 100%; } .order-summary-content .totals { float: right; padding: 15px 10px 0 5px; } #SF_Cart .order-summary-content .totals { float: right; padding: 23px 0 0 5px; } .order-summary-content .totals .total-info { margin: 0; font-size: 12px; } .order-summary-content .cart-collaterals { padding: 20px 0 10px; width: 550px; } .order-summary-content .deals { display: inline; float: left; margin: 0 20px 0 0; width: 250px; } .order-summary-content .shipping { display: inline; float: left; margin: 0; width: 280px; } .order-summary-content .coupon-box, .order-summary-content .giftcard-box { padding: 5px; font-size: 11px; color: #555; background: #F7F5E8; margin: 0 0 10px 0; border: dotted 1px #d3d3d3; } .order-summary-content .coupon-box .discountHeader { font-weight: bold; font-size: 13px; padding-bottom: 10px; } .order-summary-content .coupon-box .discountLabel { font-weight: bold; } .order-summary-content .coupon-box INPUT { text-transform: uppercase; } .shopping-cart-buttons { font-size: 14px; padding: 0; margin: 20px 0 0 0; } .order-summary-content .continueshoppingbutton { float: right; } .order-summary-content .checkoutbutton { float: right; margin: 0; } .order-summary-content .common-buttons { margin: 0; padding: 10px 10px 10px 0; float: left; } .order-summary-content .checkout-buttons { float: right; margin: 0; padding: 10px 0 10px 10px; } .order-details { margin-bottom: 15px; padding: 0; } .order-details .page-title { border-bottom: 0 none; } .order-details .info { border: 1px solid #d7d7d7; padding: 10px; } .order-details .section-title { padding: 10px 10px 5px 2px; font-weight: bold; clear: both; } .order-details .order-overview { text-align: left; padding: 0 10px 10px 10px; } .order-details .order-details-box { text-align: left; padding: 10px; border: 1px solid #d7d7d7; height: auto; } .order-details .products-box, .order-details .ordernotes-box { text-align: left; padding: 10px; border: 1px solid #d7d7d7; height: auto; } .order-details .checkout-attributes { text-align: right; vertical-align: middle; padding: 10px; height: auto; } .order-details .buttons a { float: right; margin-right: 0; margin-left: 7px; margin-bottom: 10px; } .order-details .total-info { padding: 15px 10px; } .order-details th { color: #000 !important; } .order-details .header { padding: 5px 0 15px 23px; } /* SF MENU */ #SF_Menu { height: 24px; } #SF_Menu ul { padding: 0; margin: 0; } #SF_Menu li { float: left; } #SF_Menu li a { display: block; margin-right: 20px; padding-bottom: 3px; color: #2F6A92; font-size: 14px; font-weight: bold; background: none; } #SF_Menu li a:hover { text-decoration: none; border-bottom: 3px solid #85C10A; } #SF_Menu li a.Selected { border-bottom: 3px solid #85C10A; } /* SF Product Page */ #SF_Product { margin: 15px 0 30px 0; } #SF_Product .cart-content { width: 650px; float: left; padding-right: 10px; } #SF_Product .side-list { width: 288px; float: right; border-left: 1px solid #eee; padding-left: 10px; } #SF_Product .side-list .btn-add-to-cart { width: 174px; } #SF_Product .side-list .txtQty { text-align: center; } #SF_Product .cart-content .product-item { margin-top: 0; } #SF_Product .cart-content .product-item .picture { float: left; width: 170px; padding-top: 5px; } #SF_Product .cart-content .product-item .description { float: right; width: 440px; padding: 10px 0; } #SF_Product .cart-content .product-item .add-info { float: right; width: 440px; padding: 10px 0; } #SF_Product .cart-content .product-item .add-info .price { font-weight: bold; color: #2F6A92; font-size: 22px; } #SF_Product .cart-content .product-item .add-info .add-to-cart-btn { width: 240px; margin-top: 15px; } #SF_Product .cart-content .product-item .add-info .txtQty { text-align: center; } #SF_Product .cart-content .product-item .add-info .btn-add-to-cart { width: 130px; } #SF_Product .product-details-content { margin-top: 40px; } #SF_Product .productdetails-title { color: #25334D; font-size: 16px; font-weight: bold; } #SF_Product .product-details { margin: 5px 0; padding: 5px 0; border-top: 1px solid #eee; } #SF_Product .product-details-list { width: 100%; } #SF_Product .product-details-list td { padding: 5px; } #SF_Product .product-details-list .attribute { width: 150px; background-color: #EAF3FE; color: #25334D; font-size: 12px; font-weight: bold; border: 1px solid #fff; } #SF_Product .product-details-list .value { font-size: 10px; } #SF_CategoryLanding #SubCategoryList li { float: left; width: 160px; height: 200px; } #SF_CategoryLanding #SubCategoryList li:hover { background-color: #DFE8ED; } #SF_CategoryLanding #SubCategoryList a { display: block; } #SF_CategoryLanding #SubCategoryList .Name { width: 140px; text-align: center; margin: 0 auto 5px auto; color: #2F6A92; font-size: 12px; font-weight: bold; } #SF_CategoryLanding #SubCategoryList .Description { width: 140px; margin: 0 auto; } #SF_CategoryLanding #TabbedMenu { background-color: #2F6A92; font-size: 14px; font-weight: bold; margin-bottom: 15px; } #SF_CategoryLanding #TabbedMenu ul { height: 30px; } #SF_CategoryLanding #TabbedMenu li { float: left; } #SF_CategoryLanding #TabbedMenu a { color: #FFF; display: block; padding: 0 10px; line-height: 30px; } #SF_CategoryLanding #TabbedMenu a:hover { background-color: #1A476E; text-decoration: none; } #SF_CategoryLanding #ti2 { display: none; } #SF_CategoryLanding #StoryMenu { width: 250px; float: left; border-right: 1px solid #c4c4c4; } #SF_CategoryLanding #StoryMenu li { margin: 15px 0; } #SF_CategoryLanding #StoryMenu a { font-size: 14px; margin: 5px 0; } #SF_CategoryLanding #StoryItems { width: 700px; float: left; margin: 0 0 50px -1px; padding: 0 0 80px 10px; border-left: 1px solid #c4c4c4; } #SF_CategoryLanding .Story { font-size: 16px; } #SF_CheckoutShippingMethod .shipping-methods { border-collapse: collapse; } #SF_CheckoutShippingMethod .shipping-methods td { padding: 10px; border: 1px solid #EEE; } #SF_CheckoutPaymentMethod .payment-methods { border-collapse: collapse; } #SF_CheckoutPaymentMethod .payment-methods td { padding: 10px; border: 1px solid #EEE; } #si2 { display: none; } #si3 { display: none; } #si4 { display: none; } #si5 { display: none; } /* SF COMMON STYLES */ .storefront .filter-area { font-size: 11px !important; width: 212px; padding: 10px; display: inline; float: left; border: 1px solid #F1F1F1; background-color: #F1F1F1; } .storefront .filter-area .filter-title { margin: 0; } .storefront .filter-area .filter-search { margin-top: 15px; vertical-align: bottom; } .storefront .filter-area .filter-search img { vertical-align: bottom; } .storefront .filter-area .filter-search input { background-image: url('../media/images/magnifying-glass.gif'); background-repeat: no-repeat; background-position: left center; padding: 3px 0 3px 18px; margin-top: 5px; border: 1px solid #D6D6D6; width: 185px; *height: 16px; *width: 125px; /* ie 7 hack, its too wide */ } .storefront .filter-area .main-category { margin-top: 15px; position: relative; } .storefront .filter-area .main-category #CategorySelection { font-size: 12px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin: 0 -10px; padding: 5px 16px 5px 10px; background: url('../media/images/BreadCrumbs_bg.gif') no-repeat 185px; cursor: pointer; } .storefront .filter-area .main-category #CategorySelection:hover { background-color: #FFF; } .storefront .filter-area .main-category #CategorySelection div { cursor: default; } .storefront .filter-area .main-category #CategorySelection label { cursor: pointer; } .storefront .filter-area .main-category #CategorySelection .cbFilterCategory input { float: left; margin-top: 2px; } .storefront .filter-area .main-category #CategorySelection .cbFilterCategory label { width: 150px; float: left; } .storefront .filter-area .main-category-flyout { display: none; position: absolute; left: 205px; top: -40px; font-size: 12px; background-color: #F1F1F1; border: 1px solid #EEE; padding: 15px; width: 670px; z-index: 9999; } .storefront .filter-area .main-category-flyout ul { float: left; margin: 0; padding: 0; } .storefront .filter-area .main-category-flyout ul li { width: 220px; } .storefront .filter-area .category-filter { margin-top: 15px; } .storefront .filter-area .category-filter .NoWrapRadio td { white-space: nowrap; } .storefront .filter-area .language-filter { margin-top: 15px; } .storefront .filter-area ul { margin-left: 0; } .storefront .filter-area li { margin-bottom: 0; } .storefront .content-area { width: 724px; float: right; overflow: hidden; margin-left: 24px; *margin-left: 0; } .storefront .order-progress { margin-top: 50px; width: 710px; } .storefront .order-progress ul { background: url('media/images/order-progress.png') no-repeat; height: 42px; font-size: 14px; } .storefront .order-progress ul.Register { background-position: 0 -2px; } .storefront .order-progress ul.Shipping { background-position: 0 -45px; } .storefront .order-progress ul.Payment { background-position: 0 -90px; } .storefront .order-progress ul.Confirm { background-position: 0 -132px; font-weight: inherit; padding: 0; } .storefront .order-progress ul.Complete { background-position: 0 -176px; } .storefront .order-progress li { float: left; width: 142px; } .storefront .order-progress li div { padding-left: 10px; } .storefront .order-progress li span { float: left; display: block; line-height: 38px; margin-right: 5px; } .storefront .order-progress li a { float: left; display: block; font-size: 14px; line-height: 38px; width: 115px; } .storefront .order-progress li.last-item { width: 125px; } .storefront .order-progress li.last-item a { width: 75px; } .storefront .order-progress .active-step { font-weight: bold; } .storefront .order-progress li .inactive-step:hover { color: #333; text-decoration: none; } .storefront .overview-image { border: 2px solid #2F6A92; float: left; } .storefront .overview-image img { width: 469px; height: 309px; display: block; } .storefront .overview-text { float: right; width: 450px; margin-right: 15px; font-size: 14px; } .storefront .overview-text .title { font-size: 18px; color: #6EAED2; margin-top: 0; } .storefront .overview-text ul.left { list-style-type: disc; margin-left: 30px; float: left; width: 190px; } .storefront .overview-text ul.right { list-style-type: disc; margin-left: 30px; float: left; width: 190px; } .storefront .Section { padding: 25px 10px 25px 30px; margin-bottom: 0; margin-top: 15px; border: 1px solid #E0E0E0; border-radius: 5px; } .storefront .Section INPUT { padding: 3px; margin: 2px; font-size: 14px; } .storefront .Section INPUT[type=select] { padding: 3px !important; font-size: 14px; } .storefront .Section INPUT[type=radio] { padding: 0; } .storefront .Section .dropDownLists { padding: 3px; font-size: 14px; } .storefront .Country { padding: 3px !important; font-size: 14px !important; width: 163px; margin-left: 2px; } .storefront .StateProvince { padding: 3px !important; font-size: 14px !important; width: 163px; margin-left: 2px; } .storefront .Email { width: 240px; } .storefront .error-block { margin: 10px 10px 10px 10px; text-align: left; } .category-link-list li { float: left; } .category-link-list img { border: 1px solid #ECECEC; padding: 5px; background-color: #fff; } .category-link-list p { color: #2F6A92; } .category-link-list a { display: block; height: 200px; width: 125px; padding: 15px; font-size: 14px; font-weight: bold; } .category-link-list a:hover { background-color: #DFE8ED; text-decoration: none; } .category-link-list a.SeeMoreOccupations { display: block; height: 200px; width: 125px; padding: 60px 15px; font-size: 14px; font-weight: bold; } .category-link-list a.SeeMoreOccupations:hover { background-color: inherit; text-decoration: underline; } .see-all-products-link { float: right; font-size: 14px; font-weight: bold; } .see-more-occupations-link { float: left; font-size: 14px; font-weight: bold; padding: 60px 20px; width: 70px; } .storefront .side-list .product-grid { margin-top: 25px; } .storefront .side-list .product-grid .crosssells-title { color: #25334D; font-size: 14px; font-weight: bold; } .storefront .side-list .product-grid .product-item { height: 180px; margin-top: 15px; margin-bottom: 25px; } .storefront .side-list .product-grid .product-item .picture { float: left; width: 70px; padding-top: 5px; } .storefront .side-list .product-grid .product-item .product-title { float: right; width: 192px; font-size: 14px; font-weight: bold; padding: 0; margin: 0; } .storefront .side-list .product-grid .product-item .description { float: right; width: 192px; padding: 10px 0; } .storefront .side-list .product-grid .product-item .add-info { clear: both; } .storefront .side-list .product-grid .product-item .add-info td { vertical-align: middle; } .storefront .side-list .product-grid .product-item .add-info .price { width: 60px; text-align: center; font-weight: bold; color: #2F6A92; font-size: 14px; padding: 0; } .storefront .side-list .product-grid .product-item .add-info .quantity { display: none; } .storefront .side-list .product-grid .product-item .add-info .add-to-cart a { font-size: 12px; margin-right: 3px; } .storefront .side-list .product-grid .product-item .add-info .product-info a { font-size: 12px; } .storefront .side-list .product-grid .product-item .has-schedule { clear: both; } .storefront .side-list .product-grid .product-item .has-schedule td { vertical-align: middle; } .storefront .side-list .product-grid .product-item .has-schedule .price { width: 160px; text-align: center; font-weight: bold; color: #2F6A92; font-size: 14px; padding: 0; } .storefront .side-list .product-grid .product-item .has-schedule .product-info a { font-size: 12px; } .side-list .contact-us { height: 100px; } .side-list .contact-us .contact { border: 1px solid #000; padding: 10px; margin: 5px; background-color: #003768; } .side-list .contact-us .contact div { color: #fff; } .side-list .contact-us .contact .c1 { font-weight: bold; } .side-list .contact-us .contact .c2 { font-style: italic; font-size: 10px; } .side-list .contact-us .contact .c3 { font-size: 16px; } .side-list .contact-us .contact .c4 a { color: #fff; } .side-list .contact-us-big { background-color: #fefefe; zoom: 1; /* This enables hasLayout, which is required for older IE browsers */ width: 260px; margin-bottom: 10px; padding: 10px; -webkit-box-shadow: 2px 2px 3px #eee; -moz-box-shadow: 2px 2px 3px #eee; box-shadow: 2px 2px 3px #eee; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=4)"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=4); border: 1px solid #F2F2F2; } .side-list .contact-us-big .contact .c1 { text-transform: uppercase; font-size: 20px; font-weight: bold; color: #25334D; } .side-list .contact-us-big .contact .c2 { padding: 5px 0; font-style: italic; font-size: 14px; color: #009639; } .side-list .contact-us-big .contact .c3 { padding: 10px 0 0 0; font-weight: bold; font-size: 20px; color: #25334D; vertical-align: middle; } .side-list .contact-us-big .contact .c3 img { padding-right: 5px; vertical-align: middle; } .side-list .contact-us-big .contact .c4 { vertical-align: middle; } .side-list .contact-us-big .contact .c4 a { font-weight: bold; font-size: 18px; color: #25334D; } .side-list .contact-us-big .contact .c4 img { padding-right: 5px; vertical-align: middle; } .side-list .contact-us-big .contact .c5 { background-color: #25334D; color: #fff; font-size: 14px; font-weight: bold; margin: 5px -10px -10px -10px; padding: 5px 10px; } @media only screen and (device-width: 768px) { /* Fix colorbox alignment in iPad & iPhone */ #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { width: 20px !important; } #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxTopCenter, #cboxBottomCenter { height: 20px !important; } #cboxTopLeft { background: url(../../../images/controls.png) no-repeat -101px 0; } #cboxTopRight { background: url(../../../images/controls.png) no-repeat -129px 0; } #cboxBottomLeft { background: url(../../../images/controls.png) no-repeat -101px -29px; } #cboxBottomRight { background: url(../../../images/controls.png) no-repeat -129px -29px; } #cboxMiddleLeft { background: url(../../../images/controls.png) -1px 0 repeat-y; } #cboxMiddleRight { background: url(../../../images/controls.png) -154px 0 repeat-y; } } @media only screen and (max-device-width: 480px) { /* Fix colorbox alignment in iPad & iPhone */ #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { width: 20px !important; } #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxTopCenter, #cboxBottomCenter { height: 20px !important; } #cboxTopLeft { background: url(../../../images/controls.png) no-repeat -101px 0; } #cboxTopRight { background: url(../../../images/controls.png) no-repeat -129px 0; } #cboxBottomLeft { background: url(../../../images/controls.png) no-repeat -101px -29px; } #cboxBottomRight { background: url(../../../images/controls.png) no-repeat -129px -29px; } #cboxMiddleLeft { background: url(../../../images/controls.png) -1px 0 repeat-y; } #cboxMiddleRight { background: url(../../../images/controls.png) -154px 0 repeat-y; } } /* 5.9 Plugins - Combobox */ .combobox-container { display: table; border-collapse: separate; width: 100%; } .combobox-container input, .combobox-container .uneditable-input { border: 1px solid #edf0f5; background: #edf0f5; font-size: 12px; display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #555; border-radius: 4px 0 0 4px !important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .combobox-container input:focus, .combobox-container .uneditable-input:focus { outline: 0; border-color: #d8dce2; -webkit-box-shadow: inset 0 1px 2px #000000; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 2px #000000; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); } .combobox-container .add-on, .combobox-container input { display: table-cell !important; } .combobox-container .add-on { width: 1% !important; padding: 5px 10px !important; white-space: nowrap; float: none !important; background: #d6d8dd !important; color: #555 !important; } .btn .combobox-clear { margin: 0 !important; width: 8px !important; position: relative; opacity: 1.0; } .combobox-container .icon-remove:before { content: '\f00d'; font-family: FontAwesome; font-size: 14px; font-style: normal; position: absolute; right: -2px; top: 1px; text-shadow: none; } /* COMMON STYLES */ .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .m-auto { margin: 0 auto !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-t-0 { margin-top: 0 !important; } .m-t-1 { margin-top: 1px !important; } .m-t-2 { margin-top: 2px !important; } .m-t-3 { margin-top: 3px !important; } .m-t-4 { margin-top: 4px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-0 { margin-right: 0 !important; } .m-r-1 { margin-right: 1px !important; } .m-r-2 { margin-right: 2px !important; } .m-r-3 { margin-right: 3px !important; } .m-r-4 { margin-right: 4px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-0 { margin-bottom: 0 !important; } .m-b-1 { margin-bottom: 1px !important; } .m-b-2 { margin-bottom: 2px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-b-4 { margin-bottom: 4px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-0 { margin-left: 0 !important; } .m-l-1 { margin-left: 1px !important; } .m-l-2 { margin-left: 2px !important; } .m-l-3 { margin-left: 3px !important; } .m-l-4 { margin-left: 4px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-t-0 { padding-top: 0 !important; } .p-t-1 { padding-top: 1px !important; } .p-t-2 { padding-top: 2px !important; } .p-t-3 { padding-top: 3px !important; } .p-t-4 { padding-top: 4px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-0 { padding-right: 0 !important; } .p-r-1 { padding-right: 1px !important; } .p-r-2 { padding-right: 2px !important; } .p-r-3 { padding-right: 3px !important; } .p-r-4 { padding-right: 4px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-0 { padding-bottom: 0 !important; } .p-b-1 { padding-bottom: 1px !important; } .p-b-2 { padding-bottom: 2px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-b-4 { padding-bottom: 4px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-0 { padding-left: 0 !important; } .p-l-1 { padding-left: 1px !important; } .p-l-2 { padding-left: 2px !important; } .p-l-3 { padding-left: 3px !important; } .p-l-4 { padding-left: 4px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .f-s-8 { font-size: 8px !important; } .f-s-9 { font-size: 9px !important; } .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .f-w-100 { font-weight: 100 !important; } .f-w-200 { font-weight: 200 !important; } .f-w-300 { font-weight: 300 !important; } .f-w-400 { font-weight: 400 !important; } .f-w-500 { font-weight: 500 !important; } .f-w-600 { font-weight: 600 !important; } .f-w-700 { font-weight: 700 !important; } /* BOOTSTRAP FIXES */ #colorbox { -moz-box-sizing: content-box !important; box-sizing: content-box !important; } #colorbox * { -moz-box-sizing: content-box !important; box-sizing: content-box !important; } div.dd_chk_select { height: 34px !important; padding: 6px 12px !important; font-size: 14px !important; line-height: 1.42857143 !important; } div.dd_chk_drop { top: 33px !important; } INPUT[type=password] { padding-left: 12px; } input[type="file"] { display: inline; } .form-horizontal .form-group { margin: 10px 0; } .form-group { margin-top: 10px; } .radio, .checkbox { margin-top: 0; } .modal-body { padding: 20px 30px !important; } span.radio { padding: 0; } span.radio > input[type="radio"] { margin: 3px -5px 7px 0; } span.radio > label { float: left; margin-right: 5px; padding: 1px 5px 0 10px; } .ScreenName input[type=text] { line-height: 1.3; } .btn-sm, .btn-group-sm > .btn { padding: 4px 9px; margin: 0 5px; } .checkbox-list { margin-top: 5px; } .checkbox-list li { padding: 3px 0; margin: 0; } .checkbox-list input[type="checkbox"] { margin: 0 5px 3px 0 !important; } .checkbox-list label { padding: 0; margin: 0; font-weight: 400; display: inline; } .ob_iTIE { line-height: normal; border: none !important; } .bootstrap-timepicker-widget input { padding: 4px 6px !important; } .bootstrap-timepicker-widget table td input { width: 35px !important; } .tooltip { position: static; z-index: 1030; display: inline; line-height: 0; opacity: 100; } .dataTables_filter { display: none !important; } .filter-label { width: 175px; }