/* @override https://www.corelms.local/LMS.Web/Resource/CSS/LMSCommon.css */ /* ---- LMS Common Styles | RedVector.com ---------- */ /* ---- All customizations should be made to the AppThemes CSS file - Only make changes here if it applies to ALL site connected to LMS ------- */ /* ---- GENERIC COLOR KEY Blue Links: #0000FF | Blue image buttons: #0A4C94 | Light Gray: #e8e8e8 | Dark Gray: #3F3F3F*/ html { overflow-y: scroll; } body { margin: 0; color: #000; line-height: 1.4; } /***** Removed by PK ***** body, input, button, textarea, select { font: 12px/17px Arial, Helvetica, sans-serif; } */ /***** Added by MCL on 3-29-2013 *****/ .checkerbox-ui .clearfix:before, .checkerbox-ui .clearfix:after { content: ""; display: table; } .checkerbox-ui .clearfix:after { clear: both; } .checkerbox-ui .clearfix { *zoom: 1; } .checkerbox-ui .pushdown-info, .checkerbox-ui .pushdown-alert { margin: 20px 0; } .checkerbox-ui button, .checkerbox-ui input[type="button"], .checkerbox-ui input[type="reset"], .checkerbox-ui input[type="submit"] { cursor: pointer; } .checkerbox-ui button:disabled, .checkerbox-ui input[type="button"]:disabled, .checkerbox-ui input[type="reset"]:disabled, .checkerbox-ui input[type="submit"]:disabled { cursor: default; } .checkerbox-ui .col-5p { width: 5%; } .checkerbox-ui .col-6p { width: 6%; } .checkerbox-ui .col-7p { width: 7%; } .checkerbox-ui .col-8p { width: 8%; } .checkerbox-ui .col-9p { width: 9%; } .checkerbox-ui .col-10p { width: 10%; } .checkerbox-ui .col-11p { width: 11%; } .checkerbox-ui .col-12p { width: 12%; } .checkerbox-ui .col-13p { width: 13%; } .checkerbox-ui .col-14p { width: 14%; } .checkerbox-ui .col-15p { width: 15%; } .checkerbox-ui .col-16p { width: 16%; } .checkerbox-ui .col-17p { width: 17%; } .checkerbox-ui .col-18p { width: 18%; } .checkerbox-ui .col-19p { width: 19%; } .checkerbox-ui .col-20p { width: 20%; } .checkerbox-ui .col-21p { width: 21%; } .checkerbox-ui .col-22p { width: 22%; } .checkerbox-ui .col-23p { width: 23%; } .checkerbox-ui .col-24p { width: 24%; } .checkerbox-ui .col-25p, .checkerbox-ui .col-quarter { width: 25%; } .checkerbox-ui .col-26p { width: 26%; } .checkerbox-ui .col-27p { width: 27%; } .checkerbox-ui .col-28p { width: 28%; } .checkerbox-ui .col-29p { width: 29%; } .checkerbox-ui .col-30p { width: 30%; } .checkerbox-ui .col-31p { width: 31%; } .checkerbox-ui .col-32p { width: 32%; } .checkerbox-ui .col-33p { width: 33%; } .checkerbox-ui .col-34p { width: 34%; } .checkerbox-ui .col-35p { width: 35%; } .checkerbox-ui .col-36p { width: 36%; } .checkerbox-ui .col-37p { width: 37%; } .checkerbox-ui .col-38p { width: 38%; } .checkerbox-ui .col-39p { width: 39%; } .checkerbox-ui .col-40p { width: 40%; } .checkerbox-ui .col-41p { width: 41%; } .checkerbox-ui .col-42p { width: 42%; } .checkerbox-ui .col-43p { width: 43%; } .checkerbox-ui .col-44p { width: 44%; } .checkerbox-ui .col-45p { width: 45%; } .checkerbox-ui .col-46p { width: 46%; } .checkerbox-ui .col-47p { width: 47%; } .checkerbox-ui .col-48p { width: 48%; } .checkerbox-ui .col-49p { width: 49%; } .checkerbox-ui .col-50p, .checkerbox-ui .col-half { width: 50%; } .checkerbox-ui .col-55p { width: 55%; } .checkerbox-ui .col-60p { width: 60%; } .checkerbox-ui .col-67p { width: 67%; } .checkerbox-ui .col-70p { width: 70%; } .checkerbox-ui .col-75p, .checkerbox-ui .col-three-quarters { width: 75%; } .checkerbox-ui .col-78p { width: 78%; } .checkerbox-ui .col-80p { width: 80%; } .checkerbox-ui .col-86p { width: 86%; } .checkerbox-ui .col-90p { width: 90%; } .checkerbox-ui .col-100p, .checkerbox-ui .col-all { width: 100%; } .checkerbox-ui .col-18px { width: 18px !important; } .checkerbox-ui .col-80px { width: 80px !important; } .checkerbox-ui .col-85px { width: 85px !important; } .checkerbox-ui .col-100px { width: 100px !important; } .checkerbox-ui .col-105px { width: 105px !important; } .checkerbox-ui .col-125px { width: 125px !important; } .checkerbox-ui .col-150px { width: 150px !important; } .checkerbox-ui .col-160px { width: 160px !important; } .checkerbox-ui .col-180px { width: 180px !important; } .checkerbox-ui .col-190px { width: 190px !important; } .checkerbox-ui .col-200px { width: 200px !important; } .checkerbox-ui .col-220px { width: 220px !important; } .checkerbox-ui .col-300px { width: 300px !important; } .checkerbox-ui .col-400px { width: 400px !important; } .checkerbox-ui .col-500px { width: 500px !important; } .checkerbox-ui .col-600px { width: 600px !important; } .checkerbox-ui .col-700px { width: 700px !important; } .checkerbox-ui .col-800px { width: 800px !important; } .checkerbox-ui .col-900px { width: 900px !important; } .checkerbox-ui .col-69p-max { max-width: 69% !important; } .checkerbox-ui .col-70p-max { max-width: 70% !important; } .popWrapperCornerClose .dialog.col-900px.checkerbox-ui { margin: -10px; width: 920px !important; } .checkerbox-ui .bold { font-weight: bold !important; } /***** / Added by MCL on 3-29-2013 *****/ body.iframe{ background-color:#ffffff;} form,fieldset{ margin:0; padding:0; border:0;} img {border-style:none;} /*h1, h2, h3, h4, h5, h6,*/ .clsPanelHeading { font-family: Arial, Helvetica, sans-serif; letter-spacing: .1em; } pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; } h1, .clsPanelHeading {font-size: 1.6em; line-height:1.8em;} h2 {font-size: 1.4em; line-height:1.6em;} h3 {font-size: 1.3em; line-height:1.5em;} h4 {font-size: 1.2em; line-height:1.4em;} h5 {font-size: 1.1em; line-height:1.3em;} h6 {font-size: 1em; line-height:1.2em;} h1, h2, h3, h4, h5 {font-weight: normal;} /************ Removed PK 1-3-14 ********* h1, h2, h3, h4, h5 {font-weight: normal;} */ /* Creates gutter space for these elements*/ h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, fieldset, address, .clsPanelHeading {padding:0 30px;} /* ------------------------------------------------------------------- CSS Heading Classes - ASP.NET * Heading classes for CssClass properties - try to use the Element tag around the control before creating a new class. * EXAMPLE ----->

Testing text

------------ */ .clsPanelHeading { font-size:1.6em; display:block;} /* set this equal to the default H1*/ a:link {color: #0000FF; outline:0; cursor:pointer;} /* added cursor property to show hand over links.*/ a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:focus {text-decoration: none; outline:0; cursor:pointer;} a:focus,:focus {outline:0;} a:active {outline: none;} a.blue { color: #0000FF !important; } .underline { text-decoration: underline !important; } th, strong, dt, b { font-weight: bold;} /* margin and padding values are reset for all these elements */ body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; } /* this is to prevent border from showing around fieldsets and images (i.e., images inside anchors) */ fieldset, img { border: 0; } /* to prevent a gap from showing below images in some browsers */ img {vertical-align: bottom;} /* Styling of list items * This styles sheet contains a class to apply on lists to reset list-type and margin on LIs ol li, ul ol li {list-style-type: decimal;} ul li {list-style-type: disc;} ul ul li {list-style-type: circle;} ul ul ul li {list-style-type: square;} ol ol li {list-style-type: lower-alpha;} ol ol ol li {list-style-type: lower-roman;} */ /* table reset ** tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .menustyle { border-collapse:separate; border-spacing: 2px; } .linethrough { text-decoration: line-through; } #form_body input.linethrough[type=text] { text-decoration: line-through; } .center_margin{ margin:0 auto; } .wrap { white-space:normal !important; } .noWrap { white-space:nowrap !important; } /* ----------------------------------------------------------------- Form elements resets */ /*label {padding-top: 1.2em;}*/ /* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets) */ fieldset {line-height: 1;} /* vertical alignment of checkboxes (a different value is served to IE 7) */ input[type=checkbox] { vertical-align: bottom; vertical-align: baseline; } /* vertical alignment of radio buttons */ input[type=radio] {vertical-align: text-bottom;} /* vertical alignment of input fields for IE 6 */ input {vertical-align: text-bottom;} /* a specific font-size is set for these elements * the line-height is to override FF's default styling input, button, textarea, select, optgroup, option { font-size: .9em; line-height: 1.4 !important; } */ /* this is to fix IE 6 and 7 which create extra right/left padding on buttons * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers. button, input[type=submit], input[type=reset], input[type=button], .inputButton { *overflow: visible; width: 0; padding: .2em .4em; } */ #frmAssessment { background-color:#ffffff;} /* -------------------------------------------------------------------------------------- END RESETS -------------------------------- */ /* ------------------------------------------------------ Floats*/ .clear { clear:both;} .floatR { float: right;} .floatL { float:left;} .invisible { display:none; } .block { display:block; } .clsinline{ display:inline; } .clsInlineBlock { display:inline-block; } .textR { text-align:right !important; } /*--------------------------------Generic Label Classes-------------------------------*/ .clsBold{font-weight:bold;} #subtabs span.clsBold{font-weight:bold;} /* --------------------- Block Styles ----------------*/ #content .clsImgInline { display:inline;} .clsImgInline { display:inline;} /* ----------------------------------------------- Button Classes Generic ------------*/ a.buttonBlock { clear:both; display:block; padding: 5px 10px; margin:0; border:1px solid #999999; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11px; line-height:16px; text-align:center; text-decoration:none; } a.buttonBlock:hover { text-decoration:underline; background-color:#e8e8e8; border:1px inset #cccccc;} .clrGrey { background-color:#e9e9e9; color:#000000;} .clrRed { background-color: #FF3300; color :#000000;} .clrBlue { background-color: #0A4C94; color: #ffffff;} .width200 { width: 200px;} .width100 { width: 100px;} .width50 { width: 50px;} /* ------------------------------------------------- GridCell Color Subclasses */ .cellRed { background-color:#efadae;} .cellBlue { background-color:#ccffff;} .cellGreen { background-color:#8cbc92;} .cellGray { background-color:#b2b2b2;} .cellLtGray { background-color:#e8e8e8;} .cellWhite { background-color:#ffffff;} .cellOrange { background-color:#FFCC99;} .cellYellow { background-color:#fae58c;} /* ------------------------------------------------- GridCell Bold Label Color SubClasses */ .labelBoldRed { font-weight:bold; background-color:#efadae;} .labelBoldBlue { font-weight:bold; background-color:#ccffff;} .labelBoldGreen { font-weight:bold; background-color:#8cbc92;} .labelBoldGray { font-weight:bold; background-color:#b2b2b2;} .labelBoldLtGray { font-weight:bold; background-color:#e8e8e8;} .labelBoldOrange { font-weight:bold; background-color:#FFCC99;} .labelBoldWhite { font-weight:bold; background-color:#ffffff;} .labelBoldYellow { font-weight:bold; background-color:#F0F000;} /* -------------------------------------------------- Repeater Generic Style */ .tblRepeater {border-collapse:collapse; } .tblRepeater th { text-align:center; border:1px solid #cccccc; background-color: #3F3F3F; font-weight:bold; color:#ffffff; padding:2px 5px; white-space:nowrap; font-variant:small-caps;} .tblRepeater td { border:1px solid #cccccc; padding:0 2px;} .tblRepeater a:link {color:inherit; border:0; font-weight:bold;} .tblRepeaterSub {width:100%; border-collapse:collapse; } .tblRepeaterSub td { padding:0 2px; border:0;} .tblRepeaterSub a:link {color:#000000; border:0;} a.linkExamHistory:link { color: blue; font-size:10px;} a.linkExamHistory:hover { color: blue; font-size:10px;} a.linkExamHistory:visited { color: blue; font-size:10px;} .rptrSubHeader { background-color: #4E87BC; color:#fff; padding-left: 25px; text-align:center;} .rptrSubFooter { background-color: #3F3F3F; color:#fff; padding-left: 25px;} .rptrItem { background-color:#ffffff; } .rptrAltItem { background-color: #E6E6E6;} .tblWidth100 {width:100%} .tblWidth75 {width:75%} .tblWidth50 {width:50%} .tblWidth60 {width:60%;} .tblWidth25 {width:25%;} .clsGreenLabel { color:#196A20;} .clsRedLabel { color:#A30000;} .clsBlueLabel { color:#0E3597; } /* ------------------------------------------------------------------------------------------ Common Buttons --------------------------------- - Removed display: block ------------ buttons are already block Use these with the Float Classes ----------------------------------------------------- */ .clsButtonInfo { background-image: url('Images/Instructions_icon_steps.png'); background-color:#ffffff; width:30px; height:30px; display:block; background-repeat:no-repeat; border:0; } .clsButtonDocument { background-image: url('../Images/Download_template_icon.png'); width:30px; height:30px;display:block; background-repeat:no-repeat; border:0; background-color:#ffffff; text-decoration:underline; } .btnBack{float:right;margin-right:0; cursor:pointer;} #form_body input.btnBack{float:right;margin: 0 0 20px 0;} div.clsButtonLineCtr { display:block; clear:both; margin:0 auto; text-align:center; width:100%; } /* ------------------------ Progress arrow button for Course Launch - SLT ----------------------------- 4-2012*/ .btnProgress { background-image:url('Images/progress-arrow.png'); width:110px; height:25px; display:block; float:left; } #TabsProcess input.btnProgress, #form_body #TabsProcess input[type=submit].btnProgress { background-image:url('Images/progress-arrow.png'); width:110px; height:25px; display:block; float:left; border:0; padding:2px; margin:5px 10px 0 0; } #TabsProcess input.btnProgressCurrent, #form_body #TabsProcess input[type=submit].btnProgressCurrent { background-image:url('Images/progress-current.png'); width:110px; height:25px; display:block; float:left; border:0; padding:2px; margin:0; margin:5px 10px 0 0;} #TabsProcess .btnProgressCurrent { background-image:url('Images/progress-current.png'); width:126px; height:25px; display:block; float:left; border:0; padding:2px;font-weight:bold; margin:0 10px 0 0;} #TabsProcess input[type=submit].btnBlueCommon75 { padding:0; margin:0; float:right; } #TabsProcess input[type=submit].btnSilverCommon7535 { padding:0; margin:0; float:right; } #CourseLaunchDetail div.row { padding:2px 0; margin:0; } #CourseLaunchDetail div { font-size:12px;overflow:visible; } #subtabs #CourseLaunchDetail input.btnGreenCommon75 { padding:0; margin:0 0 10px 0; float:right; display:block; clear:both;} #subtabs #CourseLaunchDetail input.btnGoldCommon75 { padding:5px; margin:0 0 10px 0; float:right; display:block; clear:both;} #subtabs #CourseLaunchDetail input.btnGreenCommon100 { padding:0; margin:0 0 10px 0; float:right; display:block; clear:both;} #subtabs #CourseLaunchDetail input { margin:0; padding:0; } #subtabs #CourseLaunchDetail select { margin:0 0 5px 0; padding:0; } #subtabs #CourseLaunchDetail span {} #subtabs #CourseLaunchDetail span li { margin-left:20px;} /*------------------------------------------------------*/ .btn-vert-fix {position:relative;top:-7px;} /* ------------------------------------------------------------------------ Silver Common Buttons --------------------------*/ .btnSilverCommon50 { background-image: url('../Images/btnSilver50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverCommon50:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon50 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverCommon50:link {color: #000000; text-decoration:none; font-weight:bold; padding-top:5px} a.btnSilverCommon50:hover {color: #000000; text-decoration: underline;} a.btnSilverCommon50:visited {color: #000000; text-decoration:none;} .btnSilverCommon75 { background-image: url('../Images/btnSilver75x35.png'); background-position:left top; background-repeat:no-repeat; width:80px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverCommon75:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon75 {color:#000000; text-decoration:none; font-weight:bold;} a.btnSilverCommon75:link {color: #000000; text-decoration:none; font-weight:bold; padding:2px;} a.btnSilverCommon75:hover {color: #000000; text-decoration:none;} a.btnSilverCommon75:visited {color: #000000; text-decoration:none;} /*Publish button disable */ .btnSilverCommon7535 { background-image: url('../Images/btnSilver75x35.png'); background-repeat:no-repeat; width:85px; height:35px; border:0; background-color:transparent; margin:0;} input.btnSilverCommon75:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon75 { color:#000000; text-decoration:none; font-weight:bold; }/*padding-bottom:5px;*/ a.btnSilverCommon75:link {color: #000000; text-decoration:underline;} a.btnSilverCommon75:hover {color: #000000; text-decoration:none;} a.btnSilverCommon75:visited {color: #000000; text-decoration:none;} .btnSilverCommon100 {background-image: url('../Images/btnSilver100x35.png'); background-position:top center; background-repeat:no-repeat; width:105px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverCommon100:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon100 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverCommon100:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverCommon100:hover {color: #000000; text-decoration:none;} a.btnSilverCommon100:visited {color: #000000; text-decoration:none;} .btnSilverCommon125 {background-image: url('../Images/btnSilver125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; font-size:11px; cursor:pointer;} input.btnSilverCommon125:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon125 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverCommon125:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverCommon125:hover {color: #000000; text-decoration:underline;} a.btnSilverCommon125:visited {color: #000000; text-decoration:none;} .btnSilverCommon150 { background-image: url('../Images/btnSilver150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverCommon150:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon150 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnSilverCommon150:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverCommon150:hover {color: #000000; text-decoration:underline;} a.btnSilverCommon150:visited {color: #000000; text-decoration:none;} .btnSilverCommon200 { background-image: url('../Images/btnSilver200x35.png'); background-position:left top; background-repeat:no-repeat; width:205px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverCommon200:hover {color: #000000; text-decoration:underline;} input.btnSilverCommon200 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnSilverCommon200:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverCommon200:hover {color: #000000; text-decoration:underline;} a.btnSilverCommon200:visited {color: #000000; text-decoration:none;} /* ------------------------------------------------------------------------ White Common Buttons --------------------------*/ .btnWhiteCommon50 { background-image: url('../Images/btnWhite50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnWhiteCommon50:hover {color: #000000; text-decoration:underline;} input.btnWhiteCommon50 {color: #000000; text-decoration:none; font-weight:bold;} a.btnWhiteCommon50:link {color: #000000; text-decoration:underline;} a.btnWhiteCommon50:hover {color: #000000; text-decoration:none;} a.btnWhiteCommon50:visited {color: #000000; text-decoration:none;} .btnWhiteCommon75 {background-image: url('../Images/btnWhite75x35.png'); background-position:left top; background-repeat:no-repeat; width:80px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnWhiteCommon75:hover {color: #000000; text-decoration:underline;} input.btnWhiteCommon75 {color: #000000; text-decoration:none; font-weight:bold;} a.btnWhiteCommon75:link {color: #000000; text-decoration:underline;} a.btnWhiteCommon75:hover {color: #000000; text-decoration:none;} a.btnWhiteCommon75:visited {color: #000000; text-decoration:none;} .btnWhiteCommon100 { background-image: url('../Images/btnWhite100x35.png'); background-position:top center; background-repeat:no-repeat; background-color:transparent; width:105px; height:35px; border:0; margin:0 5px; cursor:pointer; } input.btnWhiteCommon100:hover {color: #000000; text-decoration:underline;} input.btnWhiteCommon100 {color: #000000; text-decoration:none; font-weight:bold;} a.btnWhiteCommon100:link {color: #000000; text-decoration:underline;} a.btnWhiteCommon100:hover {color: #000000; text-decoration:none;} a.btnWhiteCommon100:visited {color: #000000; text-decoration:none;} .btnWhiteCommon125 { background-image: url('../Images/btnWhite125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} .btnWhiteCommon125 a:link {color: #000000; text-decoration:underline;} .btnWhiteCommon125 a:hover {color: #000000; text-decoration:none;} .btnWhiteCommon125 a:visited {color: #000000; text-decoration:none;} .btnWhiteCommon150 { background-image: url('../Images/btnWhite150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnWhiteCommon150:hover {color: #000000; text-decoration:underline;} input.btnWhiteCommon150 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnWhiteCommon150 a:link {color: #000000; text-decoration:underline;} .btnWhiteCommon150 a:hover {color: #000000; text-decoration:none;} .btnWhiteCommon150 a:visited {color: #000000; text-decoration:none;} /* ------------------------------------------------------------------------ Black Common Buttons --------------------------*/ .btnBlackCommon50 { background-image: url('../Images/btnBlack50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlackCommon50:hover {color: #ffffff; text-decoration:underline;} input.btnBlackCommon50 { color:#ffffff; text-decoration:none; font-weight:bold;} .btnBlackCommon50 a:link {color: #ffffff; text-decoration:underline;} .btnBlackCommon50 a:hover {color: #ffffff; text-decoration:none;} .btnBlackCommon50 a:visited {color: #ffffff; text-decoration:none;} .btnBlackCommon75 { background-image: url('../Images/btnBlack75x35.png'); background-position:left top; background-repeat:no-repeat; width:80px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlackCommon75:hover {color: #ffffff; text-decoration:underline;} input.btnBlackCommon75 { color:#ffffff; text-decoration:none; font-weight:bold;} .btnBlackCommon75 a:link {color: #ffffff; text-decoration:underline;} .btnBlackCommon75 a:hover {color: #ffffff; text-decoration:none;} .btnBlackCommon75 a:visited {color: #ffffff; text-decoration:none;} .btnBlackCommon100 { background-image: url('../Images/btnBlack100x35.png'); background-position:top center; background-repeat:no-repeat; width:105px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer; } input.btnBlackCommon100:hover {color: #ffffff; text-decoration:underline;} input.btnBlackCommon100 { color:#ffffff; text-decoration:none; font-weight:bold;} .btnBlackCommon100 a:link {color: #ffffff; text-decoration:underline;} .btnBlackCommon100 a:hover {color: #ffffff; text-decoration:none;} .btnBlackCommon100 a:visited {color: #ffffff; text-decoration:none;} .btnBlackCommon125 { background-image: url('../Images/btnBlack125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} .btnBlackCommon125 a:link {color: #ffffff; text-decoration:underline;} .btnBlackCommon125 a:hover {color: #ffffff; text-decoration:none;} .btnBlackCommon125 a:visited {color: #ffffff; text-decoration:none;} .btnBlackCommon150 { background-image: url('../Images/btnBlack150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlackCommon150:hover {color: #ffffff; text-decoration:underline;} input.btnBlackCommon150 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlackCommon150 a:link {color: #ffffff; text-decoration:underline;} .btnBlackCommon150 a:hover {color: #ffffff; text-decoration:none;} .btnBlackCommon150 a:visited {color: #ffffff; text-decoration:none;} /* ------------------------------------------------------------------------ GREEN Common Buttons --------------------------*/ .btnGreenCommon50 { background-image: url('../Images/btnGreen50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenCommon50:hover {color: #000000; text-decoration:underline;} input.btnGreenCommon50 {color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon50:link {color: #000000; text-decoration:underline; padding:5px;} a.btnGreenCommon50:hover {color: #000000; text-decoration:none;} a.btnGreenCommon50:visited {color: #000000; text-decoration:none;} .btnGreenCommon75 { background-image: url('../Images/btnGreen75x35.png'); background-position:top center; background-repeat:no-repeat; width:80px; height:38px; border:0; background-color:transparent; margin:0; padding-top:5px; cursor:pointer;} input.btnGreenCommon75:hover {color: #000000; text-decoration:underline;} input.btnGreenCommon75 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon75:link {color: #000000; text-decoration:underline;} a.btnGreenCommon75:hover {color: #000000; text-decoration:none;} a.btnGreenCommon75:visited {color: #000000; text-decoration:none;} .btnGreenCommon100s { background-image: url('../Images/btn-100x25-green.png'); background-position:left top; background-repeat:no-repeat; width:103px; height:26px; border:0; background-color:transparent; margin:0 5px; cursor: auto; padding-top:5px;} input.btnGreenCommon100s:hover {color: #ffffff; text-decoration:underline;} input.btnGreenCommon100s {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon100s:link {color: #000000; text-decoration:none; padding-top:5px;} a.btnGreenCommon100s:hover {color: #ffffff; text-decoration:underline;} a.btnGreenCommon100s:visited {color: #000000; text-decoration:none;} .btnGreenCommon100 { background-image: url('../Images/btnGreen100x35.png'); background-position:left top; background-repeat:no-repeat; width:103px; height:38px; border:0; background-color:transparent; margin:0 5px; padding-top:5px; cursor:pointer;} input.btnGreenCommon100:hover {color: #ffffff; text-decoration:underline;} input.btnGreenCommon100 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon100:link {color: #000000; text-decoration:none; padding-top:5px;} a.btnGreenCommon100:hover {color: #ffffff; text-decoration:underline;} a.btnGreenCommon100:visited {color: #000000; text-decoration:none;} .btnGreenCommon125 { background-image: url('../Images/btnGreen125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:35px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenCommon125:hover {color: #000000; text-decoration:underline;} input.btnGreenCommon125 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon125:link {color: #000000; text-decoration:none; font-weight:bold; padding-top:5px;} a.btnGreenCommon125:hover {color: #000000; text-decoration:underline;} a.btnGreenCommon125:visited {color: #000000; text-decoration:none;} .btnGreenCommon150 { background-image: url('../Images/btnGreen150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:35px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenCommon150:hover {color: #000000; text-decoration:underline;} input.btnGreenCommon150 {color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenCommon150:link {color: #000000; text-decoration:underline; padding-top:5px;} a.btnGreenCommon150:hover {color: #000000; text-decoration:none;} a.btnGreenCommon150:visited {color: #000000; text-decoration:none;} .btnGreenCommon150s { background-image: url('../Images/btn-150x25-green.png'); background-repeat:no-repeat; width:150px; height:26px; border:0; background-color:transparent; margin:5px 0 0 0; cursor: auto;} input.btnGreenCommon150s:hover {color: #ffffff; text-decoration:underline;} input.btnGreenCommon150s {color: #000000; text-decoration:none; font-weight:bold;} a.btnGreenCommon150s:link {color: #000000; text-decoration:none;} a.btnGreenCommon150s:hover {color: #ffffff; text-decoration:underline;} a.btnGreenCommon150s:visited {color: #000000; text-decoration:none;} /* ------------------------------------------------------------------------ Red Common Buttons --------------------------*/ .btnRedCommon50 { background-image: url('../Images/btnRed50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnRedCommon50:hover {color: #000000; text-decoration:underline;} input.btnRedCommon50 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnRedCommon50 a:link {color: #000000; text-decoration:underline;} .btnRedCommon50 a:hover {color: #000000; text-decoration:none;} .btnRedCommon50 a:visited {color: #000000; text-decoration:none;} .btnRedCommon75 { background-image: url('../Images/btnRed75x35.png'); background-position:top center; background-repeat:no-repeat; width:85px; height:38px; border:0; background-color:transparent; margin:0; cursor:pointer;} input.btnRedCommon75:hover {color: #000000; text-decoration:underline;} input.btnRedCommon75 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnRedCommon75 a:link {color: #000000; text-decoration:underline;} .btnRedCommon75 a:hover {color: #000000; text-decoration:none;} .btnRedCommon75 a:visited {color: #000000; text-decoration:none;} .btnRedCommon100 { background-image: url('../Images/btnRed100x35.png'); background-position:left top; background-repeat:no-repeat; width:102px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnRedCommon100:hover {color: #000000; text-decoration:underline;} input.btnRedCommon100 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnRedCommon100 a:link {color: #000000; text-decoration:underline;} .btnRedCommon100 a:hover {color: #000000; text-decoration:none;} .btnRedCommon100 a:visited {color: #000000; text-decoration:none;} .btnRedCommon125 { background-image: url('../Images/btnRed125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnRedCommon125:hover {color: #ffffff; text-decoration:underline;} input.btnRedCommon125 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnRedCommon125 a:link {color: #ffffff; text-decoration:underline;} .btnRedCommon125 a:hover {color: #000000; text-decoration:none;} .btnRedCommon125 a:visited {color: #ffffff; text-decoration:none;} .btnRedCommon150 { background-image: url('../Images/btnRed150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnRedCommon150:hover {color: #000; text-decoration:underline;} input.btnRedCommon150 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnRedCommon150 a:link {color: #ffffff; text-decoration:underline;} .btnRedCommon150 a:hover {color: #000000; text-decoration:none;} .btnRedCommon150 a:visited {color: #ffffff; text-decoration:none;} /* ------------------------------------------------------------------------ Orange Common Buttons --------------------------*/ .btnOrangeCommon50 { background-image: url('../Images/btnOrange50x35.png'); background-position:left top; background-repeat:no-repeat; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnOrangeCommon50:hover {color: #000000; text-decoration:underline;} input.btnOrangeCommon50 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnOrangeCommon50 a:link {color: #000000; text-decoration:underline;} .btnOrangeCommon50 a:hover {color: #000000; text-decoration:none;} .btnOrangeCommon50 a:visited {color: #000000; text-decoration:none;} .btnOrangeCommon75 { background-image: url('../Images/btnOrange75x35.png'); background-position:top center; background-repeat:no-repeat; width:85px; height:38px; border:0; background-color:transparent; margin:0; cursor:pointer;} input.btnOrangeCommon75:hover {color: #000000; text-decoration:underline;} input.btnOrangeCommon75 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnOrangeCommon75 a:link {color: #000000; text-decoration:underline;} .btnOrangeCommon75 a:hover {color: #000000; text-decoration:none;} .btnOrangeCommon75 a:visited {color: #000000; text-decoration:none;} .btnOrangeCommon100 { background-image: url('../Images/btnOrange100x35.png'); background-position:left top; background-repeat:no-repeat; width:100px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnOrangeCommon100:hover {color: #000000; text-decoration:underline;} input.btnOrangeCommon100 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnOrangeCommon100 a:link {color: #000000; text-decoration:underline;} .btnOrangeCommon100 a:hover {color: #000000; text-decoration:none;} .btnOrangeCommon100 a:visited {color: #000000; text-decoration:none;} .btnOrangeCommon125 { background-image: url('../Images/btnOrange125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnOrangeCommon125:hover {color: #000000; text-decoration:underline;} input.btnOrangeCommon125 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnOrangeCommon125 a:link {color: #000000; text-decoration:underline;} .btnOrangeCommon125 a:hover {color: #000000; text-decoration:none;} .btnOrangeCommon125 a:visited {color: #000000; text-decoration:none;} .btnOrangeCommon150 { background-image: url('../Images/btnOrange155x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnOrangeCommon150:hover {color: #000000; text-decoration:underline;} input.btnOrangeCommon150 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnOrangeCommon150 a:link {color: #000000; text-decoration:underline;} .btnOrangeCommon150 a:hover {color: #000000; text-decoration:none;} .btnOrangeCommon150 a:visited {color: #000000; text-decoration:none;} /* ------------------------------------------------------------------------ Blue Common Buttons -------------------------- ---------- removed display:block - SLT 3/1/2012 ----- ---------- changed color to #ffffff - SLT 3/19/2012 */ .btnBlueCommon50 { background-image: url('../Images/btnBlue50x35.png'); background-position:left top; background-repeat:no-repeat; color:#fff; width:55px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlueCommon50:hover {color: #ffffff; text-decoration:underline;} input.btnBlueCommon50 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlueCommon50 a:link {color: #ffffff; text-decoration:underline;} .btnBlueCommon50 a:hover {color: #ffffff; text-decoration:none;} .btnBlueCommon50 a:visited {color: #ffffff; text-decoration:none;} .btnBlueCommon75 { background-image: url('../Images/btnBlue75x35.png'); background-position:top center; background-repeat:no-repeat; width:85px; height:38px; border:0; background-color:transparent; margin:0; cursor:pointer;} input.btnBlueCommon75:hover {color: #ffffff; text-decoration:underline;} input.btnBlueCommon75 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlueCommon75 a:link {color: #fff; text-decoration:underline;} .btnBlueCommon75 a:hover {color: #ffffff; text-decoration:none;} .btnBlueCommon75 a:visited {color: #ffffff; text-decoration:none;} .btnBlueCommon100 { background-image: url('../Images/btnBlue100x35.png'); background-position:left top; background-repeat:no-repeat; width:100px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlueCommon100:hover {color: #ffffff; text-decoration:underline;} input.btnBlueCommon100 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlueCommon100 a:link {color: #ffffff; text-decoration:underline;} .btnBlueCommon100 a:hover {color: #ffffff; text-decoration:none;} .btnBlueCommon100 a:visited {color: #ffffff; text-decoration:none;} /*Course Testing Enroll Button */ .btnBlueCommon10035 { background-image: url('images/bttnBlueButton100.png');background-position:left top; background-repeat: no-repeat; float: right; width: 105px; height: 30px; text-align: center; color: #fff; font-weight: bold; padding: 5px 5px 0 0;} .btnBlueCommon125 { background-image: url('../Images/btnBlue125x35.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlueCommon125:hover {color: #ffffff; text-decoration:underline;} input.btnBlueCommon125 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlueCommon125 a:link {color: #ffffff; text-decoration:underline;} .btnBlueCommon125 a:hover {color: #ffffff; text-decoration:none;} .btnBlueCommon125 a:visited {color: #ffffff; text-decoration:none;} .btnBlueCommon150 { background-image: url('../Images/btnBlue150x35.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnBlueCommon150:hover {color: #ffffff; text-decoration:underline;} input.btnBlueCommon150 { color:#ffffff; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnBlueCommon150 a:link {color: #ffffff; text-decoration:underline;} .btnBlueCommon150 a:hover {color: #ffffff; text-decoration:none;} .btnBlueCommon150 a:visited {color: #ffffff; text-decoration:none;} /* ------------------------- These buttons are used in the Enterprise Accounts to allow Logout since the Enterprise and SMB sites do not have logout in the header banner. - added 8/5/11 - SLT. - Enterprise Logout Button */ .btnGoldLogout { background-image:url('Images/btn-gold-sm.gif'); background-repeat:no-repeat; padding:0 0 2px 0; color:#000000; font-weight:bold; background-color:transparent; height:27px; width:67px; font-size:11px; border:0; display:block; margin:0 5px 0 0; cursor:pointer; } .nested{ margin-left:20px !important; } /* ------------------------------------------ Common Buttons for GRID - these are slimmer buttons. ----------------- SLT 3/1/2012 ----------------------------- */ /* ------------------------------------------------------------------------ Silver Slim Grid Buttons --------------------------*/ .btnSilverGrid50 { background-image: url('../Images/btnSilver50x25.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:25px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverGrid50:hover {color: #000000; text-decoration:underline;} input.btnSilverGrid50 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverGrid50:link {color: #000000; text-decoration:none; font-weight:bold; padding-top:5px} a.btnSilverGrid50:hover {color: #000000; text-decoration: underline;} a.btnSilverGrid50:visited {color: #000000; text-decoration:none;} .btnSilverGrid75 { background-image: url('../Images/btnSilver75x25.png'); background-position:left top; background-repeat:no-repeat; width:25px; height:30px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverGrid75:hover {color: #000000; text-decoration:underline;} input.btnSilverGrid75 {color:#000000; text-decoration:none; font-weight:bold;} a.btnSilverGrid75:link {color: #000000; text-decoration:none; font-weight:bold; padding:2px;} a.btnSilverGrid75:hover {color: #000000; text-decoration:none;} a.btnSilverGrid75:visited {color: #000000; text-decoration:none;} .btnSilverGrid100 {background-image: url('../Images/btnSilver100x25.png'); background-repeat:no-repeat; width:105px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverGrid100:hover {color: #000000; text-decoration:underline;} input.btnSilverGrid100 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverGrid100:link {color: #000000; text-decoration:none; font-weight:bold; } a.btnSilverGrid100:hover {color: #000000; text-decoration:none;} a.btnSilverGrid100:visited {color: #000000; text-decoration:none;} .btnSilverGrid125 {background-image: url('../Images/btnSilver125x25.png'); background-position:left top; background-repeat:no-repeat; width:130px; height:38px; border:0; background-color:transparent; margin:0 5px; font-size:11px; cursor:pointer;} input.btnSilverGrid125:hover {color: #000000; text-decoration:underline;} input.btnSilverGrid125 {color: #000000; text-decoration:none; font-weight:bold;} a.btnSilverGrid125:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverGrid125:hover {color: #000000; text-decoration:underline;} a.btnSilverGrid125:visited {color: #000000; text-decoration:none;} .btnSilverGrid150 { background-image: url('../Images/btnSilver150x25.png'); background-position:left top; background-repeat:no-repeat; width:155px; height:38px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnSilverGrid150:hover {color: #000000; text-decoration:underline;} input.btnSilverGrid150 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnSilverGrid150:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnSilverGrid150:hover {color: #000000; text-decoration:underline;} a.btnSilverGrid150:visited {color: #000000; text-decoration:none;} /* ------------------------------------------------------------------------ Green Slim Grid Buttons --------------------------*/ .btnGreenGrid50 { background-image: url('../Images/btnGreen50x25.png'); background-position:left top; background-repeat:no-repeat; width:50px; height:25px; border:0; background-color:transparent; margin:0 5px;} input.btnGreenGrid50:hover {color: #000000; text-decoration:underline;} input.btnGreenGrid50 { color:#000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} .btnGreenGrid50 a:link {color: #000000; text-decoration:underline;} .btnGreenGrid50 a:hover {color: #000000; text-decoration:none;} .btnGreenGrid50 a:visited {color: #000000; text-decoration:none;} .btnGreenGrid75 { background-image: url('../Images/btnGreen75x25.png'); background-position:left top; background-repeat:no-repeat; width:75px; height:25px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenGrid75:hover {color: #000000; text-decoration:underline;} input.btnGreenGrid75 {color:#000000; text-decoration:none; font-weight:bold;} a.btnGreenGrid75:link {color: #000000; text-decoration:none; font-weight:bold; padding:2px;} a.btnGreenGrid75:hover {color: #000000; text-decoration:none;} a.btnGreenGrid75:visited {color: #000000; text-decoration:none;} .btnGreenGrid100 {background-image: url('../Images/btnGreen100x25.png'); background-position:top center; background-repeat:no-repeat; width:100px; height:25px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenGrid100:hover {color: #000000; text-decoration:underline;} input.btnGreenGrid100 {color: #000000; text-decoration:none; font-weight:bold;} a.btnGreenGrid100:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnGreenGrid100:hover {color: #000000; text-decoration:none;} a.btnGreenGrid100:visited {color: #000000; text-decoration:none;} .btnGreenGrid125 {background-image: url('../Images/btnGreen125x25.png'); background-position:left top; background-repeat:no-repeat; width:125px; height:25px; border:0; background-color:transparent; margin:0 5px; font-size:11px; cursor:pointer;} input.btnGreenGrid125:hover {color: #000000; text-decoration:underline;} input.btnGreenGrid125 {color: #000000; text-decoration:none; font-weight:bold;} a.btnGreenGrid125:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnGreenGrid125:hover {color: #000000; text-decoration:underline;} a.btnGreenGrid125:visited {color: #000000; text-decoration:none;} .btnGreenGrid150 { background-image: url('../Images/btnGreen150x25.png'); background-position:left top; background-repeat:no-repeat; width:150px; height:25px; border:0; background-color:transparent; margin:0 5px; cursor:pointer;} input.btnGreenGrid150:hover {color: #000000; text-decoration:underline;} input.btnGreenGrid150 {color: #000000; text-decoration:none; font-weight:bold; padding-bottom:5px;} a.btnGreenGrid150:link {color: #000000; text-decoration:none; font-weight:bold; padding:7px 5px 0 8px;} a.btnGreenGrid150:hover {color: #000000; text-decoration:underline;} a.btnGreenGrid150:visited {color: #000000; text-decoration:none;} /* -------------------------------------------------------------------------------------------------- Global END*/ /* -------------------------- Dashboard base defaults * Customizations should be added to the App Themes CSS --------------*/ /*#Dashboard_base { } #Dashboard_main { background-color: #3F3F3F; display:block; width:100%; } #Dashboard_main a, #Dashboard_tab a { color:#ffffff; text-decoration:none;} #Dashboard_main a:hover, #Dashboard_tab a:hover { text-decoration:underline;} #Dashboard_tab { background-color:transparent; height:33px; margin-top:20px; } .lblDashboardName { color: #FFFF00;}*/ /* ----------------------------------------- Student Tab */ /* display:inline; removed for Safari */ /*.dashtab_student_active { color:#ffffff; font-weight:bold; font-size:14px; } .dashtab_student_active a{ color:#ffffff; } .dashtab_student_inactive { color:#000000; font-weight:bold; font-size:14px; } .dashtab_student_inactive a{ color:#000000; }*/ /* -------------------------------------------- Admin / Manager Tab */ /* display:inline; removed for Safari */ /*.dashtab_admin_active { color:#ffffff; font-weight:bold; font-size:14px; } .dashtab_student_active .dashtab-left, .dashtab_admin_active .dashtab-left { background: transparent url(images/navtabs/tab_dashactive_left.png) no-repeat center center; width:13px; height:33px; float:left; } .dashtab_student_active .dashtab-center, .dashtab_admin_active .dashtab-center { background: transparent url(images/navtabs/tab_dashactive_center.png) repeat-x center center; height:33px; float:left; line-height: 33px; padding: 0 10px; } .dashtab_student_active .dashtab-right, .dashtab_admin_active .dashtab-right { background: transparent url(images/navtabs/tab_dashactive_right.png) no-repeat center center; width:42px; height:33px; float:left; margin-right:20px; } .dashtab_admin_active a{ color:#ffffff; } .dashtab_admin_inactive { color:#000000; font-weight:bold; font-size:14px; } .dashtab_student_inactive .dashtab-left, .dashtab_admin_inactive .dashtab-left { background: transparent url(images/navtabs/tab_dashinactive_left.png) no-repeat center center; width:13px; height:33px; float:left; } .dashtab_student_inactive .dashtab-center, .dashtab_admin_inactive .dashtab-center { background: transparent url(images/navtabs/tab_dashinactive_center.png) repeat-x center center; height:33px; float:left; line-height: 33px; padding: 0 10px; } .dashtab_student_inactive .dashtab-right, .dashtab_admin_inactive .dashtab-right { background: transparent url(images/navtabs/tab_dashinactive_right.png) no-repeat center center; width:42px; height:33px; float:left; margin-right: 20px; } .dashtab_admin_inactive a{ color:#000000; }*/ /* .dashtab_student_active { background:transparent url('images/tab_dashstudentactive.jpg') no-repeat fixed left top; color:#ffffff; font-weight:bold; font-size:14px; padding-top:5px; padding-left:20px; padding-bottom:0px; width:50%; } .dashtab_student_inactive { background-image:url('Images/tab_dashstudentinactive.jpg'); background-position:left top; background-repeat:no-repeat; color:#ffffff; padding-top:5px; padding-left:20px; padding-bottom:0px; width:50%; } .dashtab_admin_inactive { background-image:url('Images/tab_dashadmininactive.jpg'); background-position:right top; text-align:right; background-repeat:no-repeat; color:#000000; font-weight:bold; padding-top:5px; padding-right:70px; width:50%; } .dashtab_admin_active { background-image:url('../images/tab_dashadminactive.jpg'); background-position:right top; text-align:right; background-repeat:no-repeat; color:#ffffff; padding-top:5px; padding-right:70px; width:50%; } */ /* ----------------------------------------------------------------------------------- My Account Options - * this area contains the Account Manager and My Alerts Pane - Directly under the Dashboard Icons ----------------*/ #myaccount_options{ background-color:#ffffff; display:block; } /* ------------------------ Account manager / Advisor */ #advisor_profile { border:1px #cccccc solid; display:block; float:left; width:450px; margin:10px 5px; } #advisor_profile p { font-size:14px; } .imgAdvisor { display:block; width:150px; height:120px; float:left; margin:10px;} .advisor_title { color:#4E87BC; font-size:14px; display:block; padding-bottom:5px;} .advisor_lbl { color:#000000; font-weight:bold; margin-right:5px;} .advisor_info { color:#000000;} .advisor_info a { color: #4E87BC; text-decoration:underline;} /* ------------------------ RETAIL ONLY : Account manager / Advisor - END */ #actions_pane { width:200px; /*line-height:33%;*/ padding:0px 5px; float:left; margin: 10px 5px; } #actions_pane a { height:75px; } /* ------------------------- Actions Buttons - MA = MyAccount */ .btnTakeCoursesMA { background-image:url('../Images/btn_redarrow.jpg'); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; width:201px; height:35px; display:block; padding-left:45px; padding-top:7px; } a.btnTakeCoursesMA:link { color:#ffffff;} a.btnTakeCoursesMA:visited { color:#ffffff;} .btnEnrollMA { background-image:url('../Images/btn_greenarrow.jpg'); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; width:201px; height:35px; display:block; padding-left:45px; padding-top:7px; } a.btnEnrollMA:link { color:#ffffff;} a.btnEnrollMA:visited { color:#ffffff;} .btnPrintMA { background-image:url('../Images/btn_greyarrow.jpg'); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; width:201px; height:35px; display:block; padding-left:45px; padding-top:7px; } a.btnPrintMA:link { color:#ffffff;} a.btnPrintMA:visited { color:#ffffff;} .btnActionMyAccountActive { background-image:url('../Images/btnMyAccntRed.gif'); background-position:left top; background-repeat:no-repeat; padding-left:10px; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; } .btnActionMyAccountOther { background-image:url('../Images/btnMyAccntGreen.gif'); background-position:left top; background-repeat:no-repeat; padding-left:10px; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; } /* ----------------------------------------------- Alerts Pane */ #alerts_container { float:right; width:250px; } #alerts_pane { width:250px; display:block; border:1px #cccccc solid; height:140px; background-image:url('../Images/bkg_alerts.jpg'); background-position:left top; background-repeat:no-repeat; margin:10px 0; } #alerts_pane span { display:inline;} .alerts_content { color:#000000; font-weight:bold; margin:90px auto 0 auto; display:block; text-align:center;} /* --------------------------------------------------------------- My Courses Tab on My Account Page */ #my_courses_header { display:block; width:100%; padding:0; height:30px; background-image:url('Images/tab_activestar.gif'); background-position:left bottom; background-repeat:no-repeat; } .clsEmptyRow { background-color:#ffffff; font-weight:bold; border:0; } .clsEmptyRow TR { border:0; } .clsEmptyRow td { height: 85px !important; line-height:60px !important; text-align: center !important; vertical-align:top !important; } /* This is s faux tab that is not in a Tab control -----*/ .clsMyCoursesTitle { display:block; float:left; width:157px; color:#ffffff; padding:10px 0 0 50px; margin:0; font-weight:bold; font-size:14px; } a.clsMyCoursesTitle:link { color:#ffffff;} a.clsMyCoursesTitle:hover { color:#ffffff; text-decoration:underline;} a.clsMyCoursesTitle:visited { color:#ffffff;} #myaccount_coursestab{ background-color:#fff; } .tabContainer_myaccount { background-color: #4E87BC; } /* add a width class to this ID - tblWidth100 = 100% | tblWidth60 = 60% | tblWidth50 = 50%*/ #myaccount_coursestab .gridContainer { background-color:#ffffff; display:block; width:99%; margin:0px auto; padding-top:2px; border:8px #4E87BC solid; } /* ------------------------ RETAIL - class for link on MyAccount Page*/ .seeallcourses { background-image:url('Images/red-arrow.gif'); background-position:left center; background-repeat:no-repeat; display:block; font-size:14px; color:#4E87BC; font-weight:bold; text-decoration:underline; float:right; padding: 0 0 0 15px; margin-top:10px; } a.seeallcourses:link { color:#4E87BC;} a.seeallcourses:hover { color:#4E87BC; text-decoration:none;} a.seeallcourses:visited { color:#4E87BC;} /* --------------------------------------------------------------- My Courses Tab */ #Dashboard_coursestab{ background-color:#fff; } #Dashboard_coursestab .gridContainer { background-color:#ffffff; display:block; width:98%; margin:0px auto; padding-top:2px; border:8px #4E87BC solid; } .tabContainer_Dashboard { background-color: #4E87BC; } /* ---------------------------------------- GENERIC - Grid for My Courses ----------*/ .tabGrid_Dashboard { background-color: #4E87BC; width:99%; padding-top:10px; margin:0px 5px 2px 5px;} .tabGrid_Dashboard a { color:#000000; cursor:pointer; } .tabGrid_Dashboard td { border-right:1px solid #cccccc; padding:0 5px;} .tabGridRow_Dashboard { background-color: #ffffff; color:#000000; border-bottom:1px #cccccc solid;} .tabGridAltRow_Dashboard { background-color:#e6e6e6; border-bottom:1px #cccccc solid;} .tabGridEditRow_Dashboard { background-color:#579f5d; color:#ffffff;} .tabGridSelectRow_Dashboard { background-color:#579f5d; color:#ffffff;} .tabGridHeader_Dashboard { background-color: #B7AFA3; color:#ffffff; margin-top:15px;} .tabGridHeader_Dashboard a { color:#333333; text-decoration:underline; cursor:pointer;} .tabGridHeader_Dashboard th { padding:5px;} .tabGridFooter_Dashboard { background-color:#B7AFA3; color:#ffffff;} .tabGridPager_Dashboard { background-color:#ffffff; font-weight:bold; color:#2465a3;} .tabGridPager_Dashboard a { text-decoration:underline; cursor:pointer;} .tabGridPager_Dashboard td { padding:0 5px; border:0;} .tabGridPagerLabel_Dashboard{ color:#000000;} /* ---------------------------------------- GENERIC - Grid for My Alerts ----------*/ .tabGrid_MyAlerts { background-color: #4E87BC; width: 99%; padding-top: 10px; margin: 0px 5px 2px 5px; } .tabGrid_MyAlerts a { color: #000000; cursor: pointer; text-decoration: none; } .tabGrid_MyAlerts a:hover { color: #666; text-decoration: underline; } .tabGrid_MyAlerts a.alert_details { text-decoration: underline; } .tabGrid_MyAlerts td { border-right: 1px solid #cccccc; padding: 0 5px; } .tabGrid_MyAlerts .tabGridRow_MyAlerts td, .tabGrid_MyAlerts .tabGridAltRow_MyAlerts td { padding: 10px !important; } .tabGridRow_MyAlerts { background-color: #ffffff; color: #000000; border-bottom: 1px #cccccc solid; } .tabGridAltRow_MyAlerts { background-color: #e6e6e6; border-bottom: 1px #cccccc solid; } .tabGridEditRow_MyAlerts { background-color: #579f5d; color: #ffffff; } .tabGridSelectRow_MyAlerts { background-color: #579f5d; color: #ffffff; } .tabGridHeader_MyAlerts { background-color: #B7AFA3; color: #ffffff; margin-top: 15px; } .tabGridHeader_MyAlerts a { color: #ffffff; text-decoration: underline; cursor: pointer; } .tabGridHeader_MyAlerts th { padding: 5px; } .tabGridFooter_MyAlerts { background-color: #B7AFA3; color: #ffffff; } .tabGridPager_MyAlerts { background-color: #ffffff; font-weight: bold; color: #2465a3; } .tabGridPager_MyAlerts a { text-decoration: underline; cursor: pointer; } .tabGridPager_MyAlerts td { padding: 0 5px; border: 0; } .tabGridPagerLabel_MyAlerts { color: #000000; } .btnMyAlertCollapse { background-image: url('../../LMS.Web/Resource/Images/CollapseIcon.png'); background-repeat: no-repeat; width: 24px; display: inline-block; } A.lblMyAlertLink:link { color: #0000ff; text-decoration: underline; font-size: 0.85em; } /* --------------------------------------- Courses Tab - Ajax Tab Control*/ #Dashboard_coursestab .ajax__tab_default { background-color:#ffffff; } #Dashboard_coursestab .ajax__tab_header { font-weight:bold; margin:0px;} #Dashboard_coursestab .ajax__tab_outer { background-color: transparent;} #Dashboard_coursestab .ajax__tab_inner { } #Dashboard_coursestab .ajax__tab_body { background-color: #4E87BC;} #Dashboard_coursestab .ajax_tab_panel { background-color:#4E87BC;} #Dashboard_coursestab .ajax__tab_tab { color:#000000; font-size:12px; width:180px; background-image:url('Images/tabgrey.gif'); background-position:left bottom; background-repeat:no-repeat; height:23px; padding-top:20px; padding-left:45px; text-align:left; } #Dashboard_coursestab .ajax__tab_active .ajax__tab_tab { background-image: url('../../CSS/Images/tabblue.gif'); background-repeat:no-repeat; background-position:left bottom; background-color: transparent; height:23px; padding-top:20px; padding-left:45px; color:#ffffff;} .tabContainer_mycourses { background-color: #4E87BC; } /* ----------------------------------------------------------------- CSS for Search Training sub-tabs */ .search-training-tabs:before, .search-training-tabs:after { content: ""; display: table; } .search-training-tabs:after { clear: both; } .search-training-tabs { *zoom: 1; margin: 12px 0 -11px !important; } .search-training-tabs > a { display: block; float: left; margin-right: 12px; padding: 8px 14px 6px; background-color: #e4e4e4; border-radius: 4px 4px 0 0; outline: none; border: none; border-bottom: 1px solid #cbcbcb; text-decoration: none; color: #666; font-weight: bold; } .search-training-tabs > a.active { color: #000; background-color: #cbcbcb; } /* ----------------------------------------------------------------- CSS for Course Search */ #search_base { background-color:#cbcbcb; width:100%; margin:10px 0 0 0; border:1px #d5d5d5 solid; } #search_form { width:100%; } .search_form { width:100%; } #search_form table { width:100%; } .search_form table { width:100%;} #search_form td { margin-right:15px; } .search_form td { margin-right:15px; } tr.tbl_titles { font-weight:bold; font-size:14px; color:#000000; } .tbl_titles span { font-weight:bold; font-size:14px; color:#000000; } h1.tbl_titles { font-weight:bold; font-size:20px; color:#ffffff; display:inline; font-family:"Arial Black", Helvetica, Arial, sans-serif; padding-right:2px; } span.clsSearchNo { font-weight:bold; font-size:20px; color:#ffffff; display:inline; font-family:"Arial Black", Helvetica, Arial, sans-serif; padding-right:2px; } #search_base_bottom { background-color:#cbcbcb; width:98%; height:25px; margin:10px 10px 0 5px; border:1px #d5d5d5 solid; } .item_form { font-weight:bold; } td.tbl_items { padding:5px; vertical-align:top; } tr.tbl_items { background-color: #e8e8e8; } .form_label, span.form_label, #subtabs span.form_label { font-weight:bold; width:80px; display:inline-block; } .form_labelrt { font-weight:bold; padding:0 2px; width:75px; text-align: right; } .formrow { display:block; padding:2px; } .searchfield { border:1px solid #999999; } .lblsearch { font-weight:bold; padding:0; } .lblsearch label { padding:0; } .lblsearchnolicenses { border:1px solid #999999; background-color: #FFFFFF; padding:2px; } .clsLicenseRefresh{ background-color: #FFFFCC;} .searchcriteria { /* font-weight:normal;*/ /* padding-left:5px;*/ /* padding-top:5px;*/ display: block; /* display: table-cell;*/ vertical-align: middle; /* border-bottom:1px solid #cccccc;*/ font-size: 14px; font-weight: bold; line-height: 18px; background-color: #e9c65b; color: #000; padding: 10px; } input { cursor: pointer; } input:disabled { cursor: default; } .searchcriteria .clsButton { padding: 4px 12px; margin: 4px; vertical-align: middle; font-weight: bold; color: #484848; border-radius: 4px; border: 1px solid #666; background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 27%, #eaeaea 61%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(27%,#fcfcfc), color-stop(61%,#eaeaea), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 27%,#eaeaea 61%,#e2e2e2 100%); background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 27%,#eaeaea 61%,#e2e2e2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 27%,#eaeaea 61%,#e2e2e2 100%); background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 27%,#eaeaea 61%,#e2e2e2 100%); box-shadow: inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25), inset 0 1px 1px -1px rgba(255, 255, 255, 0.5); } .lt-ie10 .searchcriteria .clsButton { /* SVG background gradient for IE9 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .lt-ie9 .searchcriteria .clsButton { background-image: none; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); } .searchcriteria .clsButton:disabled { padding: 5px 12px 3px; color: #878787; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #eaeaea 39%, #fcfcfc 73%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(39%,#eaeaea), color-stop(73%,#fcfcfc), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e2e2e2 0%,#eaeaea 39%,#fcfcfc 73%,#ffffff 100%); background: -o-linear-gradient(top, #e2e2e2 0%,#eaeaea 39%,#fcfcfc 73%,#ffffff 100%); background: -ms-linear-gradient(top, #e2e2e2 0%,#eaeaea 39%,#fcfcfc 73%,#ffffff 100%); background: linear-gradient(to bottom, #e2e2e2 0%,#eaeaea 39%,#fcfcfc 73%,#ffffff 100%); box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px -1px rgba(255, 255, 255, 0.5); } .lt-ie10 .searchcriteria .clsButton:disabled { /* SVG background gradient for IE9 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .lt-ie9 .searchcriteria .clsButton:disabled { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); } #search_result { background-color:#ffffff; display:block; width:100%; } #search_result img { display: inline; padding-bottom: 3px; } #search_result tr img[id$=imgSessionType] { margin-right: 5px; } #search_result td { padding:2px 5px; } #search_result .addcart { padding:2px 0 0 25px; margin:0; } #search_result a.SearchGridPager:active { color:#146C0B; } #tab_results { background-color: #FFFFFF; } #tab_search { background-color: #CBCBCB; } .btnenrolled { background-image:url('Images/btnSilver75x35.png'); background-repeat:no-repeat; display: inline-block; font-size:10px; color:#ffffff; font-weight:bold; height:25px; width:65px; padding:0 0 0 10px; } .ordernew { background:url('Images/order_by_new.png') no-repeat center top; display: inline-block; font-size:12px; line-height:25px; color:#ffffff; font-weight:bold; width:95px; padding: 0; height: 27px; text-align:center; } .ordernew:hover { background:url('Images/order_by_new_hover.png') no-repeat center top; color: #00FF00; text-decoration:none; } /* --------------------------------------------------------- Details Page Layout */ #details_base { background-color:#ffffff; width:98%; margin:10px 10px 0 5px; padding:5px; } #details_threecolumn { display:block; } #details_left { display:block; float:left; width:320px; } #details_left h1 { color:#000000; font-size:18px; font-weight:bold; padding-bottom:10px; } #details_img { display:block; margin:25px 0 10px 0; } #details_left img { display:inline; padding-right:5px; } .overview_tbl { width:295px; border-top:1px #cccccc solid; border-right:1px #cccccc solid; border-left:1px #cccccc solid; height:250px; } .title_col { background-color: #8DA4C2; color:#ffffff; font-weight:bold; border-right:1px solid #cccccc; border-bottom:1px #cccccc solid; padding:0 0 0 5px; width:75px; } .content_col { padding-left:10px; border-bottom:1px #cccccc solid; width:175px; } .content_col a{ color: #171796; text-decoration:underline; } .content_col a:hover{ color: #171796; text-decoration:none; } #details_center { display:block; width:300px; float:left; } #details_center h1 { color :#000000; font-size:18px; font-weight:bold; } #details_center li { list-style-image: url('Images/bullet_grn.gif'); } #details_center a { color:#171796; text-decoration:underline; text-align:right; } .learning_obj { font-family:inherit; font-size:inherit; } .details_description { font-family:inherit; font-size:inherit; } #details_right { display:block; float:right; margin-left:0px; width:250px; } .details_right_content { display:block; width:180px; background-color:#ffffff; margin-left:40px; } .details_right_content p { padding:2px 0 0 5px; } .details_right_content h1 { padding:2px 0 0 5px; font-size:14px; font-weight:bold; } .share-options { display:block; text-align:center; width:120px; margin-bottom:10px; margin-left: 40px; } #clear { clear:both; } #details_midfullpage { clear:both; display:block; margin-top:25px; } #details_midfullpage h1 { color:#000000; font-size:18px; font-weight:bold; } /* --------------------------------------------------------------- Manager / Admin View styles ------- */ #mgrResources { display:block; background-color:#ffffff; font:12px Arial; padding:20px;} #mgrResources h1 { font: bold 14px Arial; } #mgrResources p { display:block;} #mgrResources a { display:block; border:0; text-decoration:underline; } #mgrResources img { border:0; } #mgrResources ul { display:block; } #mgrResources li { display:block; margin:10px;} .clsResourceHTML { display:block;} /* ----------------------------------------------------------------* Data list */ .list_professions { font-size:10px; font-weight:bold; margin-right:5px; } .list_professionsAlt { font-size:10px; font-weight:bold; margin-right:5px; background-color:#e6e6e6; } /* -------------------------------------------------------------- Data list END */ /* ----------------------------------------------------------------* Data list for Job Roles SLT - 3/2/2012 */ .list_jobroles { font-size:10px; font-weight:normal; } .list_jobrolesAlt { font-size:10px; background-color:#e6e6e6; font-weight:normal; } /* -------------------------------------------------------------- Data list END */ /* ---------------------------------------------------------------Features TAB */ #tab_search .ajax__tab_default { background-color:#cbcbcb; margin-top:0px; } #tab_search .ajax__tab_header { font-weight:bold; padding-top:0px; margin-top:0; } #tab_search .ajax__tab_outer { background-color: transparent; } #tab_search .ajax__tab_inner { width:160px; } #tab_search .ajax__tab_body { background-color: #4E87BC; border-left:5px #4E87BC solid; border-right:5px #4E87BC solid; border-bottom:10px #4E87BC solid; border-top:10px #4E87BC solid; } #tab_search .ajax__tab_tab { color:#000000; font-size:14px; width:157px; background-image:url('Images/tab_inactive.gif'); background-position:left bottom; background-repeat:no-repeat; height:25px; padding-top:6px; padding-left:45px; text-align:left; margin-top:0; } #tab_search .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tab_activestar.gif'); background-repeat:no-repeat; background-position:left bottom; background-color: transparent; height:23px; padding-top:6px; padding-left:45px; color:#ffffff; margin-top:0; } /* ------------------------------------- Results */ #tab_results .ajax__tab_default { background-color:#ffffff; } #tab_results .ajax__tab_header { font-weight:bold; margin-top:15px; } #tab_results .ajax__tab_outer { background-color: transparent; } #tab_results .ajax__tab_inner { } #tab_results .ajax__tab_body { background-color: #4E87BC; border-left:5px #4E87BC solid; border-right:5px #4E87BC solid; border-bottom:10px #4E87BC solid; border-top:10px #4E87BC solid; } #tab_results .ajax__tab_tab { color:#000000; font-size:14px; width:300px; background-image:url('Images/tab_inactive.gif'); background-position:left bottom; background-repeat:no-repeat; height:23px; padding-top:20px; padding-left:45px; text-align:left; } #tab_results .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tab_activestarlng.gif'); background-repeat:no-repeat; background-position:left bottom; background-color: transparent; height:23px; padding-top:20px; padding-left:45px; color:#ffffff; } /*-------------------------------------- Results TAB END*/ .tabGrid { width:100%; } .tabGridRow { background-color: #ffffff; color:#000000; border-bottom:1px #cccccc solid; } .tabGridAltRow { background-color:#e6e6e6; border-bottom:1px #cccccc solid; } .tabGridEditRow { background-color:#C2C1D5; color:#ffffff; } .tabGridSelectRow { background-color:#C2C1D5; color:#ffffff; } .tabGridHeader { background-color: #086359; color:#ffffff; } .tabGridFooter { background-color:#086359; color:#ffffff; } .tabGrid td { border-right:1px solid #cccccc; } /* --------------------------------------------------------- Button classes */ .search_less { background-image:url('Images/btn-black.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 5px; color:#ffffff; font-weight:bold; background-color:transparent; height:35px; width:150px; font-size:10px; border:0; } .search_clear { background-image:url('Images/btn-grey.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 5px; color:#ffffff; font-weight:bold; background-color:transparent; height:35px; width:67px; font-size:10px; border:0; } .search_submit { background-image:url('Images/btn-gold-sm.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 5px; color:#000000; font-weight:bold; background-color:transparent; height:35px; width:67px; font-size:10px; border:0; } .addtocart { background-image:url('Images/btn-cart-add.gif'); background-repeat:no-repeat; display: inline-block; font-size:10px; color:#ffffff; font-weight:bold; height:25px; width:65px; padding:0 0 0 25px; } .addtocart:hover { background-image:url('Images/btn-cart-ovr.gif'); background-repeat:no-repeat; display: inline-block; font-size:10px; color:#ffffff; font-weight:bold; height:25px; width:65px; padding:0 0 0 25px; } .enrollnow { background-image:url('Images/btn-gold-sm.gif'); background-repeat:no-repeat; display: inline-block; font-size:12px; color:#000000; font-weight:bold; height:25px; width:65px; padding:3px 0 0 10px; } .enrollnow:hover { background-image:url('Images/btn-silver-sm.gif'); background-repeat:no-repeat; display: inline-block; font-size:12px; color:#000000; font-weight:bold; height:25px; width:65px; padding:3px 0 0 10px; } .noenroll { background-image:url('Images/btn-silver-sm.gif'); background-repeat:no-repeat; display: inline-block; font-size:12px; color:#000000; font-weight:bold; height:25px; width:65px; padding:3px 0 0 10px; } .btnincart { background-image:url('Images/incartbutton.gif'); background-repeat:no-repeat; display: inline-block; font-size:10px; color:#ffffff; font-weight:bold; height:25px; width:65px; padding:0 0 0 10px; } .back_to_search { background-image:url('Images/back-button-with-arrow-200.gif'); background-repeat:no-repeat; background-position:right bottom; padding:4px 0 5px 30px; color:#ffffff; font-weight:bold; background-color:transparent; height:35px; width:200px; margin:0 0 10px 40px; font-size:12px; text-align:left; border:0; } .addcart{ background-image:url('Images/btn-lng-plus.gif'); background-repeat:no-repeat; background-position:right bottom; padding:4px 0 0 30px; color:#ffffff; font-weight:bold; height:35px; width:190px; margin:0 0 0 42px; font-size:10px; background-color:transparent; text-align:left; border:0; } .addcartdtl { background-image:url('Images/gold-button-with-plus200.gif'); background-repeat:no-repeat; background-position:right bottom; padding:4px 0 5px 30px; color:#000000; font-weight:bold; height:35px; width:200px; margin:0 0 10px 40px; font-size:12px; background-color:transparent; text-align:left; border:0; } .checkoutdtl { background-image:url('Images/btn-blue-arrow200.gif'); background-repeat:no-repeat; background-position:right bottom; padding:4px 0 5px 30px; color:#ffffff; font-weight:bold; background-color:transparent; height:35px; width:200px; margin:0 0 10px 40px; font-size:12px; text-align:left; border:0; } .checkout { background-image:url('Images/btn-blue-arrow.gif'); background-repeat:no-repeat; background-position:right bottom; padding:4px 0 0 25px; color:#ffffff; font-weight:bold; background-color:transparent; height:35px; width:183px; margin:0 0 0 40px; font-size:10px; text-align:left; border:0; } .enroll_subscription { background: transparent url('Images/btn-gold-sm.png') no-repeat 1px 8px; padding:2px 0 0 0; color:#000000; font-weight:bold; height:35px; width:67px; font-size:12px; border:0; } .enroll_subscription:hover { background-image:url('Images/btn-silver-sm.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 0; color:#000000; font-weight:bold; background-color:transparent; height:35px; width:67px; font-size:12px; border:0; } .unenroll_subscription { background: transparent url('Images/btn-red-sm.png') no-repeat 1px 8px; padding:2px 0 0 0; color:#fff; font-weight:bold; height:35px; width:67px; font-size:12px; border:0; } .unenroll_subscriptionlg { background: transparent url('Images/btnRed150x25.png') no-repeat 1px 8px; padding:2px 0 0 0; color:#fff; font-weight:bold; height:35px; font-size:12px; border:0; width:150px; } .unenroll_subscription:hover { background-image:url('Images/btn-silver-sm.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 0; color:#000000; font-weight:bold; background-color:transparent; height:35px; width:67px; font-size:12px; border:0; } .noenroll_subscription { background-image:url('Images/btn-silver-sm.gif'); background-repeat:no-repeat; background-position:right bottom; padding:2px 0 0 0; color:#000000; font-weight:bold; background-color:transparent; height:35px; width:67px; font-size:12px; border:0; } .noenroll_subscription:disabled { color: #666; font-weight: normal; } /* ------------------------------------------------------------ End Button styles */ /*------------------------------------------------------------- Panel Loading / Update Progress Pop up ------------------------*/ .updateProgress { border-width: 3px; border-style: solid; border-color:#4e87bc; background-color: #FFFFFF; position: absolute; width: 170px; height: 80px; } .updateProgressMessage { margin: 8px 8px 8px 25px; font-family: Trebuchet MS; font-size: small; vertical-align: middle; display:block; } .updateProgressImg { background-image:url('Images/ajax-loader.gif'); background-repeat:no-repeat; background-position: center center; display:block; width:20px; height:20px; margin-left:35px; } /* --------------------------------------------------- Enroll for Enterprise Search Results Grid */ .SearchGrid { width:100%; } .SearchGridRow { background-color: #ffffff; color:#000000; border-bottom:1px #cccccc solid; } .SearchGridAltRow { background-color:#e6e6e6; border-bottom:1px #cccccc solid; } .SearchGridEditRow { background-color:#579f5d; color:#ffffff; } .SearchGridSelectRow { background-color:#579f5d; color:#ffffff; } .SearchGridHeader { background-color:#D8A412; color:#ffffff; } .SearchGridHeader a { text-decoration:underline; color: #ffffff; cursor:pointer; } .SearchGridPager { background-color:#ffffff; font-weight:bold; color:#146C0B; } .SearchGridPager, .SearchGridPager * { white-space:nowrap; vertical-align: bottom !important; } .SearchGridPager a { text-decoration:underline; } .SearchGridPagerLabel { color:#000000; } .SearchGrid td { border-right:1px solid #cccccc; } .SearchGridPager td { border:0; } A.btnEntEnroll:link { display:block; font-weight:bold; text-decoration:none; text-align:center; height:30px; width:53px; padding:7px 0 0 0; font-size:11px; color:#000000; margin:0; } /* --------------------------------------------------------- Search Results Grid END */ /* ----------------------------------------------- From LMS.css -------------------------------------- */ /* --------------------------------------------------------------- My Courses Tab */ #Dashboard_coursestab{ background-color:#fff; } #Dashboard_coursestab .gridContainer { background-color:#ffffff; display:block; width:98%; margin:0px auto; padding-top:2px; border:8px #4E87BC solid; } .tabGrid_Dashboard { background-color: #4E87BC; width:99%; padding-top:10px; margin:0px 5px 2px 5px; border:1px #000 solid; } .tabGridRow_Dashboard { background-color: #ffffff; color:#000000; border-bottom:1px #cccccc solid; } .tabGridRow_Dashboard td:first-child { border-left:1px #000 solid;} .tabGridRow_Dashboard td:last-child { border-right:1px #000 solid; } .tabGridAltRow_Dashboard { background-color:#e6e6e6; border-bottom:1px #cccccc solid; } .tabGridAltRow_Dashboard td:first-child { border-left:1px #000 solid;} .tabGridAltRow_Dashboard td:last-child { border-right:1px #000 solid;} .tabGridEditRow_Dashboard { background-color:#579f5d; color:#ffffff; } .tabGridSelectRow_Dashboard { background-color:#579f5d; color:#ffffff; } .tabGridHeader_Dashboard { background-color:#D8A412; color: #333333; margin-top:15px; } .tabGridHeader_Dashboard th { border-top:1px #000 solid; border-bottom:1px #000 solid; } .tabGridHeader_Dashboard th:first-child { border-left:1px #000 solid; } .tabGridHeader_Dashboard th:last-child { border-right: 1px #000 solid; } .tabGridHeader_Dashboard a{ color:#333333; text-decoration:underline; } .tabGridFooter_Dashboard { background-color:#D8A412; color:#333333; } .tabGridFooter_Dashboard td { border-top:1px #000 solid; border-bottom:1px #000 solid; } .tabGridFooter_Dashboard td:first-child { border-left:1px #000 solid; } .tabGridFooter_Dashboard td:last-child { border-right: 1px #000 solid; } .tabGridPager_Dashboard { background-color:#ffffff; font-weight:bold; color:#146C0B; } .tabGridPager_Dashboard a { text-decoration:underline; } .tabGridPagerLabel_Dashboard { color:#000000; } .tabGrid_Dashboard td { border-right:1px solid #cccccc; } #mycourses_coursestab img{ display:inline; } .tabGridPager_Dashboard td { border:0; } #Dashboard_coursestab .ajax__tab_default { background-color:#ffffff; } #Dashboard_coursestab .ajax__tab_header { font-weight:bold; margin:0px; } #Dashboard_coursestab .ajax__tab_outer { background-color: transparent; } #Dashboard_coursestab .ajax__tab_inner { } #Dashboard_coursestab .ajax__tab_body { background-color: #4E87BC; } #Dashboard_coursestab .ajax_tab_panel { background-color:#4E87BC; } #Dashboard_coursestab .ajax__tab_tab { color:#000000; font-size:12px; width:180px; background-image:url('Images/tabgrey.gif'); background-position:left bottom; background-repeat:no-repeat; height:23px; padding-top:20px; padding-left:45px; text-align:left; } #Dashboard_coursestab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabgreen.gif'); background-repeat:no-repeat; background-position:left bottom; background-color: transparent; height:23px; padding-top:20px; padding-left:45px; color:#ffffff; } .tabContainer_mycourses { background-color: #4E87BC; } /*---------------------------------------------- Enrollment Info Section on My Courses Detail Page Left column green comes from BaseRetail ----------------*/ #enrollment_details_right { display:block; float:right; width:225px; margin:45px 0px 0px 0px; } #enrollment_details_right img { display:inline; padding-right:5px; } .enrollment_details_overview_tbl { width:220px; border-top:1px #4f7639 solid; border-right:1px #4f7639 solid; border-left:1px #4f7639 solid; } .enrollment_details_overview_tbl td { padding:5px; } .enrollment_details_title_col { background-color: #e8e8e8; color: #333; font-weight:bold; border-right:1px #666 solid; border-bottom:1px #666 solid; padding:0 0 0 5px; width:60px; white-space:nowrap; } .enrollment_details_content_col { padding-left:10px; border-bottom:1px #4f7639 solid; width:160px; } .enrollment_details_content_col a{ color: #0a6c00; text-decoration:underline; } .enrollment_details_content_col a:hover{ color: #0a6c00; text-decoration:none; } /*---------------------------------------------- Enrollment Info Section on My Courses Detail Page END----------------*/ /*---------------------------------------------- Course Messages Section on My Courses Detail Page -------------------*/ #course_messages_right { display:block; float:right; width:225px; margin:45px 0px 0px 0px; } #course_messages_right hr {color:#fff; width:80%; border-top:2px dotted #4E87BC;} /* --- DataList control creates a table ----------------------- */ #course_messages_right table { border-collapse:collapse; } #course_messages_right td { line-height:16px; } .course_message { background-image:url('Images/red-arrow.gif'); background-repeat:no-repeat; background-position:left top; padding-left: 15px;} .CourseMsgHeader { font-size:13px; margin-bottom:10px; display:block; font-weight:bold; color: #0D3496; border-bottom:2px dotted #FF9522;} /*---------------------------------------------- Course Messages Section on My Courses Detail Page END-----------------*/ /* My Courses Page Tabs - Customize colors per client here. - Blue scheme is generic*/ #mycourses_coursestab .ajax__tab_default { background-color:#ffffff; } #mycourses_coursestab .ajax__tab_header { font-weight:bold; margin:0px; padding:0px; } #mycourses_coursestab .ajax__tab_outer { background-color: transparent; } #mycourses_coursestab .ajax__tab_inner { } #mycourses_coursestab .ajax__tab_body { background-color: #4E87BC; } #mycourses_coursestab .ajax_tab_panel { background-color:#4E87BC; } /* Inactive - grey tabs */ #mycourses_coursestab .ajax__tab_tab { color:#000000; font-size:12px; width:180px; background-image:url('Images/tabgrey.gif'); background-position:left bottom; background-repeat:no-repeat; height:25px; padding-top:20px; padding-left:10px; text-align:left; margin:0; } /* Image before the text on the tab */ #mycourses_coursestab .ajax__tab_tab img { float:left; padding:0 10px 0 0; margin:0; } /* Active Tab */ #mycourses_coursestab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue.gif'); background-repeat:no-repeat; background-position:left bottom; height:23px; padding:20px 0 0 10px; color:#ffffff; margin:0; } /* Image before the text on the tab */ #mycourses_coursestab .ajax__tab_active .ajax__tab_tab img { display:block; height:30px; float:left; padding:0 5px 0 0; margin:-8px 0 0 0; /* The star on the first tab is larger that the other images. This margin pulls it up.*/ } #mycourses_coursestab{ background-color:#fff; } #mycourses_coursestab a.lnkEnablePopup { background-image:url('Images/enablepopup.png'); background-repeat:no-repeat; display:block; width:140px; color: blue; float:right; padding:5px 0 0 0; margin:0 10px 0 30px; text-align:center; height:25px;} /* Frame Color*/ #mycourses_coursestab .gridContainer { background-color:#ffffff; display:block; width:98%; margin:0px auto; padding-top:2px; border:8px solid #4E87BC; } /* ------------------------------------------ Instructions Tab -------------------------------------- */ #InstructionsTab { padding:5px; } #mycourses_coursestab .clsInstructionsHead { font-family:Arial, Helvetica, sans-serif; padding:10px 10px; display:block; font-size:12px; } #mycourses_coursestab .clsInstructionsHead p {font-weight:normal; } #mycourses_coursestab .clsInstructionsHead ul { margin:20px; padding:0; } #mycourses_coursestab .clsInstructionsHead li { list-style-type:disc; font-size:14px; padding:5px 0; font-size:12px;} /* ------------------------------------------------- My Profile Tabs --------------------------- */ #myprofile_tab .ajax__tab_default { background-color:#ffffff; } #myprofile_tab .ajax__tab_header { font-weight:bold; margin:0px; padding:0px; } #myprofile_tab .ajax__tab_outer { background-color: transparent; } #myprofile_tab .ajax__tab_inner { } #myprofile_tab .ajax__tab_body { background-color: #4E87BC; } #myprofile_tab .ajax_tab_panel { background-color:#4E87BC; } /* Inactive - grey tabs */ #myprofile_tab .ajax__tab_tab { color:#000000; font-size:12px; width:180px; background-image:url('Images/tabgrey.gif'); background-position:left bottom; background-repeat:no-repeat; height:25px; padding-top:6px; padding-left:3px; text-align:left; margin:0; } /* Image before the text on the tab */ #myprofile_tab .ajax__tab_tab img { float:left; padding:0 10px 0 0; margin:0; } /* Active Tab */ #myprofile_tab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue.gif'); background-repeat:no-repeat; background-position:left bottom; height:23px; padding:6px 0 0 3px; color:#ffffff; margin:0; } /* Image before the text on the tab */ #myprofile_tab .ajax__tab_active .ajax__tab_tab img { display:block; height:30px; float:left; padding:0 5px 0 0; margin:-8px 0 0 0; /* The star on the first tab is larger that the other images. This margin pulls it up.*/ } #myprofile_tab img{ display:inline; } #myprofile_tab{ background-color:#fff; } /* Frame Color*/ #myprofile_tab .gridContainer { background-color:#ffffff; display:block; width:98%; margin:0px auto; padding-top:2px; border:8px solid #4E87BC; } .lblSubscriptionHeader { background-color:#3f3f3f; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; display:block; padding: 0; margin: 1px auto; width: 99%; height:28px; line-height: 28px; text-indent:5px; } .starActive { background-image: url(../images/starActive.png); background-repeat: no-repeat; background-position: 5px center; text-indent: 35px; } /* -------------------------------------------------- Student View - Future Assignments Tab - SLT - 3/19/12 ---------- */ .lblFutureHeader { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:10px 0 20px 10px; display:block; } .clsFutureOrderedList li {margin:0 0 0 25px; padding:0;} /* -------------------------------------------------------------------------------- Reminder Settings */ #pnlReminderSettings { display:block; float:left; width:65%; font-family:Arial, Helvetica, sans-serif; } #pnlReminderRight .lblReminderMessage { color:#3EB15F; font-size:12px; font-weight:bold; margin-bottom:10px;} #pnlReminderRight { display:block; float:left; margin-left:10px; } #pnlReminderRight img { float:left; padding-right:5px; } #pnlReminderRight .clsLabel { float:left; padding-right:5px; font-weight:bold; } #pnlReminderRight .clsLabelIndent, #pnlReminderRight a.clsLabelIndent {float:left; padding-left:22px;} #pnlReminderRight div { padding:10px; } #pnlReminderRight .clsfeaturerow { display:block; padding:10px 0 10px 0; clear:both; margin-bottom:5px; } #pnlReminderRight .clsfeatureitem { display:block; padding:0 0 0 10px; clear:both; } #pnlReminderRight .clsfeatureitemIndent { display:block; padding:0 0 0 32px; clear:both; } #pnlReminderRight input { display:block; width:225px; } #pnlReminderRight a:link, #pnlReminderRight a:hover, #pnlReminderRight a:visited, #pnlReminderRight a { padding:0 5px 0 inherit; margin-bottom:5px; } #clsReminderGrid table { border-collapse:collapse; border-bottom:1px #0099FF solid; } #clsReminderGrid td.tablebody { padding:5px; border-right:1px solid #0099FF;border-left:1px solid #0099FF;border-bottom:1px solid #0099FF; margin:0;} #clsReminderGrid td.gridlabeltop { border-bottom:1px solid #0099FF; border-top:0px;border-left:0px; width:230px; text-align:right; padding-right:5px; font-weight:bold; } #clsReminderGrid td.gridlabel { border-bottom:1px #0099FF dotted; width:225px; height:40px; font-weight:bold; } #clsReminderGrid td.headercolumn { width:85px; text-align:center; font-weight:bold; border:1px solid #0099FF; border-bottom:0; } #clsReminderGrid span.remind_notice { color: #AA2500; font-style:italic; display:block; margin-top:3px; font-size:10px; font-weight:bold; } .clsdivAdminReminder{position:relative;overflow:visible} .clsdivReminder {position:absolute;left:330px;bottom:0;width:500px} /* Reminder popups */ .popWrapper600 { width: 600px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto;} div.popContentReminder { background-color:#ffffff; display:block; padding:20px 10px 10px 10px; overflow:auto; } div.popContentReminder span, div.popContentReminder p { font-family:Arial, Helvetica, sans-serif; font-size:12px; } div.popContentReminder img { float:left; padding: 0 10px 10px 0;} #subtabs p.popContentReminder {font-size:12px;font-weight:bold;} /* -------------------------------------------------------------------------------- Admin Notification Settings */ #pnlNotifications { display:block; float:left; width:45%; font-family:Arial, Helvetica, sans-serif; } .clsNotificationHeading { font: bold 14px Arial; } .clsNotificationsleftCol { display: block; width: 45%; float: left; border-right: 1px solid #ccc;} .clsNotificationsrtCol { display: block; width: 50%; float: right; } /* --------------------------------------------------------------------------------------- ADMIN /MANAGER Tabs */ .tabContainer_admin { background-color: #ccc;} /* Overview Page Tabs */ #overviewtab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #overviewtab .ajax__tab_default { background-color:#ffffff; } #overviewtab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #overviewtab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #overviewtab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #overviewtab .ajax__tab_body { background-color: #4E87BC; margin:0;} #overviewtab .ajax__tab_panel { background-color:#ccc; margin:0;} /* Inactive - grey tabs */ #overviewtab .ajax__tab_tab { color:#000000; width:200px; background-image:url('Images/tabgrey200.png'); font-size:12px; background-position:right top; background-repeat:no-repeat; padding:7px 0px 0 10px; text-align:left; margin:0 0 5px 0; height:20px; font-weight:normal;} #overviewtab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;} /* Image before the text on the tab */ /* Active Tab */ #overviewtab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:20px; padding:12px 0 5px 10px; color:#ffffff; margin:0 0 3px 0; font-weight:bold;} #overviewtab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 5px 0 0; }/* Image before the text on the tab */ #overviewtab .gridContainer { background-color: #ffffff; margin:0; padding:0;} /* --------------------------------------------------- Manage Users Page Tabs -------------------------------------------- */ /**** Old Way *****/ /*#manage_userstab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #manage_userstab .ajax__tab_default { background-color:#ffffff; } #manage_userstab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #manage_userstab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #manage_userstab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #manage_userstab .ajax__tab_body { background-color: #4E87BC; margin:0;} #manage_userstab .ajax__tab_panel { background-color:#ccc; margin:0;} #manage_userstab .ajax__tab_tab { color:#000000; width:200px; background-image:url('Images/tabgrey200.png'); font-size:12px; background-position:right top; background-repeat:no-repeat; padding:5px 0px 0 10px; text-align:left; margin:0 0 5px 0; height:20px; font-weight:normal;} #manage_userstab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;} #manage_userstab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:22px; padding:10px 0 5px 10px; color:#ffffff; margin:0 0 3px 0; font-weight:bold;} #manage_userstab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 5px 0 0; } #manage_userstab .gridContainer { background-color: #ffffff; margin:0; padding:0;}*/ .clsBulkUpload { width:100%; margin:0; padding:0; border:0;} /**** New - by Matt L ****/ #manage_userstab .gridContainer { background-color: transparent; margin: 0; padding: 0; } #manage_userstab { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; } #manage_userstab .ajax__tab_header { margin: 8px 0 0; white-space: nowrap; } #manage_userstab > div > div > .ajax__tab_container > .ajax__tab_header { height: 30px; background-image: none; } #manage_userstab .ajax__tab_outer { height: auto; background-image: none; padding: 0 8px; } #manage_userstab .ajax__tab_outer:first-child { padding-left: 0; } #manage_userstab .ajax__tab_inner { background-image: none; padding: 0; } #manage_userstab .ajax__tab_tab { position: relative; top: 0px; height: 13px; padding: 5px 10px 7px 0; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; behavior: url(/LMS.Web/Resource/CSS/PIE/PIE.htc); background-image: none; background-color: #c5c5c5; color: #000; font-size: 12px;} #manage_userstab .ajax__tab_active .ajax__tab_tab { top: 0; height: 14px; padding: 8px 11px 8px 0; background-color: #4e87bc; color: #fff; font-weight: bold;} #manage_userstab .ajax__tab_tab img { float: left; padding: 0 5px 0 5px; } #manage_userstab .ajax__tab_active .ajax__tab_tab img { margin-top: -3px; } #manage_userstab .ajax__tab_body { margin: 0; padding: 0; border: 8px solid #4e87bc; } /* --------------------------------------------------- Manage Library Page Tabs -------------------------------------------- */ /**** Old Way *****/ /*#manage_librarytab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #manage_librarytab .ajax__tab_default { background-color:#ffffff; } #manage_librarytab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #manage_librarytab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #manage_librarytab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #manage_librarytab .ajax__tab_body { background-color: #4E87BC; margin:0;} #manage_librarytab .ajax__tab_panel { background-color:#ccc; margin:0;} #manage_librarytab .ajax__tab_tab { color:#000000; width:200px; background-image:url('Images/tabgrey200.png'); font-size:12px; background-position:right top; background-repeat:no-repeat; padding:5px 0px 0 10px; text-align:left; margin:0 0 5px 0; height:20px; font-weight:normal;} #manage_librarytab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;} #manage_librarytab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:22px; padding:10px 0 5px 10px; color:#ffffff; margin:0 0 3px 0; font-weight:bold;} #manage_librarytab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 5px 0 0; } #manage_librarytab .gridContainer { background-color: #ffffff; margin:0; padding:0;}*/ /**** New - by Matt L ****/ #manage_librarytab .gridContainer { background-color: transparent; margin: 0; padding: 0; } #manage_librarytab { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; } #manage_librarytab .ajax__tab_header { margin: 8px 0 0; white-space: nowrap; } #manage_librarytab > div > div > .ajax__tab_container > .ajax__tab_header { height: 30px; background-image: none; } #manage_librarytab .ajax__tab_outer { height: auto; background-image: none; padding: 0 8px; } #manage_librarytab .ajax__tab_outer:first-child { padding-left: 0; } #manage_librarytab .ajax__tab_inner { background-image: none; padding: 0; } #manage_librarytab .ajax__tab_tab { position: relative; top: 0px; height: 13px; padding: 5px 10px 7px 0; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; behavior: url(/LMS.Web/Resource/CSS/PIE/PIE.htc); background-image: none; background-color: #c5c5c5; color: #000; font-size: 12px;} #manage_librarytab .ajax__tab_active .ajax__tab_tab { top: 0; height: 14px; padding: 8px 11px 8px 0; background-color: #4e87bc; color: #fff; font-weight: bold;} #manage_librarytab .ajax__tab_tab img { float: left; padding: 0 5px 0 5px; } #manage_librarytab .ajax__tab_active .ajax__tab_tab img { margin-top: -3px; } #manage_librarytab .ajax__tab_body { margin: 0; padding: 0; border: 8px solid #4e87bc; } /* --------------------------------------------------- Manage Training Page Tabs -----------------------------------------*/ /**** Old Way *****/ /*#manage_trainingtab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #manage_trainingtab .ajax__tab_default { background-color:#ffffff; } #manage_trainingtab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #manage_trainingtab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #manage_trainingtab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #manage_trainingtab .ajax__tab_body { background-color: #4E87BC; margin:0;} #manage_trainingtab .ajax__tab_panel { background-color:#ccc; margin:0;} #manage_trainingtab .ajax__tab_tab { color: #000000; width: 200px; background-image: url('Images/tabgrey200.png'); font-size: 12px; background-position: right top; background-repeat: no-repeat; padding: 5px 0px 0 10px; text-align: left; margin: 0 0 5px 0; height: 22px; font-weight: normal; } #manage_trainingtab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;} #manage_trainingtab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:20px; padding:10px 0 5px 4px; color:#ffffff; margin:0 0 3px 0; font-weight:bold;} #manage_trainingtab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 4px 0 0; }*/ #manage_trainingtab .gridContainer { background-color: transparent; margin: 0; padding: 0; } #pnlAssignmentBtns a:link, #pnlAssignmentBtns a:hover, #pnlAssignmentBtns a:visited { display: block; font-size: 10px; margin: 0; padding: 15px 10px 0 0; vertical-align: top; float: right; } #pnlTrainAvailable { padding-top: 65px; } /**** New - by Matt L ****/ #manage_trainingtab { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; } #manage_trainingtab .ajax__tab_header { margin: 8px 0 0; white-space: nowrap; } #manage_trainingtab > div > div > .ajax__tab_container > .ajax__tab_header { height: 30px; background-image: none; } #manage_trainingtab .ajax__tab_outer { height: auto; background-image: none; padding: 0 8px; } #manage_trainingtab .ajax__tab_outer:first-child { padding-left: 0; } #manage_trainingtab .ajax__tab_inner { background-image: none; padding: 0; } #manage_trainingtab .ajax__tab_tab { position: relative; top: 0px; height: 13px; padding: 5px 10px 7px 0; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; behavior: url(/LMS.Web/Resource/CSS/PIE/PIE.htc); background-image: none; background-color: #c5c5c5; color: #000; font-size: 12px;} #manage_trainingtab .ajax__tab_active .ajax__tab_tab { top: 0; height: 14px; padding: 8px 11px 8px 0; background-color: #4e87bc; color: #fff; font-weight: bold;} #manage_trainingtab .ajax__tab_tab img { float: left; padding: 0 5px 0 5px; } #manage_trainingtab .ajax__tab_active .ajax__tab_tab img { margin-top: -3px; } #manage_trainingtab .ajax__tab_body { margin: 0; padding: 0; border: 8px solid #4e87bc; } /* --------------------------------------------------- Reports Tab --------------------------------------- */ /**** Old Way *****/ /*#Reports_tab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #Reports_tab .ajax__tab_default { background-color:#ffffff; } #Reports_tab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #Reports_tab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #Reports_tab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #Reports_tab .ajax__tab_body { background-color: #4E87BC; margin:0;} #Reports_tab .ajax__tab_panel { background-color:#ccc; margin:0;}*/ /* Inactive - grey tabs */ /*#Reports_tab .ajax__tab_tab { color:#000000; width:200px; background-image:url('Images/tabgrey200.png'); font-size:12px; background-position:right top; background-repeat:no-repeat; padding:5px 0px 0 10px; text-align:left; margin:0; height:22px; font-weight:normal;} #Reports_tab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;}*/ /* Image before the text on the tab */ /* Active Tab */ /*#Reports_tab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:20px; padding:10px 0 5px 5px; color:#ffffff; margin:0; font-weight:bold;} #Reports_tab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 5px 0 0; }*//* Image before the text on the tab */ /**** New - by Matt L - Copied over by Smitha O. ****/ #Reports_tab { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; } #Reports_tab .ajax__tab_header { margin: 8px 0 0; white-space: nowrap; } #Reports_tab > div > div > .ajax__tab_container > .ajax__tab_header { height: 30px; background-image: none; } #Reports_tab .ajax__tab_outer { height: auto; background-image: none; padding: 0 8px; } #Reports_tab .ajax__tab_outer:first-child { padding-left: 0; } #Reports_tab .ajax__tab_inner { background-image: none; padding: 0; } #Reports_tab .ajax__tab_tab { position: relative; top: 0px; height: 13px; padding: 5px 10px 7px 0; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; behavior: url(/LMS.Web/Resource/CSS/PIE/PIE.htc); background-image: none; background-color: #c5c5c5; color: #000; font-size: 12px;} #Reports_tab .ajax__tab_active .ajax__tab_tab { top: 0; height: 14px; padding: 8px 11px 8px 0; background-color: #4e87bc; color: #fff; font-weight: bold;} #Reports_tab .ajax__tab_tab img { float: left; padding: 0 5px 0 5px; } #Reports_tab .ajax__tab_active .ajax__tab_tab img { margin-top: -3px; } #Reports_tab .ajax__tab_body { margin: 0; padding: 0; border: 3px solid #4e87bc; } #Reports_tab .gridContainer { background-color: transparent; margin:0; padding:0;} /* ----------------------------------------------------------------- REPORTS -------------------------------------------------------------*/ .clsReportFrame { border: 5px solid #4E87BC; margin:0; padding:5px; display:block;} div.clsReportTbl { width:70%; margin:0 auto; display:block; padding:0; font-size:14px; } /* ---------------------------- image and link got Last Month Enrollments -------------------------------*/ .clsEnrollLast { background-image: url('../Images/Enrolled_Last_Month.png');background-repeat:no-repeat; display:block; width:200px; background-position:left center; height:70px; padding-left:75px; padding-top:30px; float:left;} a.clsEnrollLast:link {text-decoration:none; color:#000000; } a.clsEnrollLast:hover { color:#000; text-decoration:underline; } /* ---------------------------- image and link got Current Month Enrollments -------------------------------*/ .clsEnrollCurrent { background-image: url('../Images/Enrolled_This_Month.png');background-repeat:no-repeat; display:block; width:200px; background-position:left center; height:70px; padding-left:75px; padding-top:30px; float:left;} a.clsEnrollCurrent:link {text-decoration:none; color:#000000; } a.clsEnrollCurrent:hover { color:#000; text-decoration:underline; } /* ---------------------------- image and link got Current Month's Completions -------------------------------*/ .clsCompleteCurrent { background-image: url('../Images/Completed_This_Month.png');background-repeat:no-repeat; display:block; width:200px; background-position:left center; height:70px; padding-left:85px; padding-top:30px; float:left;} a.clsCompleteCurrent:link {text-decoration:none; color:#000000; } a.clsCompleteCurrent:hover { color:#000; text-decoration:underline; } /* ---------------------------- image and link got Last Month's Completions -------------------------------*/ .clsCompleteLast { background-image: url('../Images/Completed_Last_Month.png');background-repeat:no-repeat; display:block; width:200px; background-position:left center; height:70px; padding-left:85px; padding-top:30px; float:left;} a.clsCompleteLast:link {text-decoration:none; color:#000000;} a.clsCompleteLast:hover { color:#000; text-decoration:underline;} /* -------------------------- On Demand Reports --------------------------------- */ .ReportsOnDemand { width:100%; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:#000000; } .ReportsOnDemand a:link { color:#000000; padding-left:5px;} .clsReportNav { float:left; width:45%; border-right: 1px solid #e9e9e9; } .clsReportContent { float:left; width:auto; padding:5px; } .TreeViewReports { } .RootNodeReports { font-size:10px; } /* Settings Page Tabs */ /* --------------------Settings only has one tab and no active/ inactive - code is here for when other tabs are added. Change the tab to tabblue200.png then the active/inactive images are added and adjust padding. */ #settingstab { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px;} #settingstab .ajax__tab_default { background-color:#ffffff; } #settingstab .ajax__tab_header { margin:0; padding:0px; white-space:nowrap; font-size:12px; } #settingstab .ajax__tab_outer { background-color: transparent; background-image:none; margin:0; padding:0;} #settingstab .ajax__tab_inner { margin:0; padding:0; background-image:none;} #settingstab .ajax__tab_body { background-color: #4E87BC; margin:0;} #settingstab .ajax__tab_panel { background-color:#ccc; margin:0;} /* Inactive - grey tabs */ #settingstab .ajax__tab_tab { color:#000000; width:200px; background-image:url('Images/tabgrey200.png'); font-size:12px; background-position:right top; background-repeat:no-repeat; padding:5px 0px 0 10px; text-align:left; margin:0 0 5px 0; height:22px; font-weight:normal;} #settingstab .ajax__tab_tab img { float:left; padding:0 5px 10px 5px; margin:0; display:block;} /* Image before the text on the tab */ /* Active Tab */ #settingstab .ajax__tab_active .ajax__tab_tab { background-image: url('Images/tabblue200.png'); background-repeat:no-repeat; background-position:left bottom; height:20px; padding:10px 0 5px 4px; color:#ffffff; margin:0 0 3px 0; font-weight:bold;} #settingstab .ajax__tab_active .ajax__tab_tab img { display:block; float:left; padding:0 4px 0 0; }/* Image before the text on the tab */ #settingstab .gridContainer { background-color: #fff; margin:0; padding:0 0 10px 0;} #ResourcesPnl { display:block; width:98%;} #ResourcesPnl iframe { width:100%; border:8px #4E87BC solid; margin:0; padding:0; border-collapse:collapse; height:100%;} .clsResourcesHeader { background-image: url('Images/tab_activestar.gif'); background-repeat:no-repeat; background-position:left bottom; padding:10px 10px 5px 50px; color:#ffffff; margin:0; width:150px;text-align:left; width:100%;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:12px; } #ResourceHTML { font-family: Sans-Serif; text-align: center; color: Gray; line-height: 200%; font-weight: normal; } #ResourceHTML p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:blue; } #ResourceHTML h1 { font-size: large; } #ResourceHTML h2 { font-size: small; } .path { color: Red; font-family: Courier New; } /* ----------------------------------------------------------------------------------------- Sub tabs ----------------- */ #subtabs .gridContainer { background-color: #fff; margin:0; padding:5px; font-family:Verdana, Geneva, Tahoma, sans-serif;} #subtabs .ajax__tab_panel { background-color:#fff; margin:0;} #subtabs .ajax__tab_yuitabview-theme .ajax__tab_tab { background: transparent none no-repeat; color:#808080; height:30px; width:118px; margin:0; padding:3px 0 0 0; font-size:12px; text-align:center} #subtabs .ajax__tab_yuitabview-theme .ajax__tab_default { background: transparent none no-repeat;} /*#subtabs .ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab { background: url('Images/tab_selected.gif') no-repeat left top; padding:5px 0 0 0;}*/ /* #subtabs .ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab { background:url('Images/sprite.png') #fff repeat-x left -100px;} */ #subtabs .ajax__tab_yuitabview-theme .ajax__tab_header { font-family: arial,helvetica,clean,sans-serif; font-size: 12px; border-bottom: solid 2px #dde1e8; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer { background:url('Images/tab_unselected.gif') no-repeat bottom center; height: 21px; margin:0; padding:5px 0px 1px 0px; vertical-align:bottom; border-bottom-width:0px; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_header { color: #808080; padding:0.20em 0.75em 0; margin-right:0.01em; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer { background: url('Images/tab_unselected.gif') no-repeat bottom center; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab { color:#000; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer { background: url('Images/tab_selected.gif') no-repeat left top; padding-bottom: 0; } #subtabs .ajax__tab_yuitabview-theme .ajax__tab_body { /* font-size:11px;*/ /* padding:0.25em 0.5em;*/ background-color:#fff; border:solid 2px #DDE1E8; border-top-width:0px; } #form_body .ajax__tab_yuitabview-theme .ajax__tab_body { font-size:11px; /* padding:0.25em 0.5em;*/ background-color:#fff; border:solid 2px #DDE1E8; border-top-width:0px; } #subtabs p { font-family: Arial, Helvetica, sans-serif; font-size:12px; } #subtabs input { padding: 0.2em; margin:5px; } #form_body input { padding: 0.2em; margin:5px; } #form_body input[type=radio] { padding:0.2em; margin:0 5px; } #subtabs input { padding: 0.2em; margin:5px; } #subtabs input[type=file] { } /* style for the FileUpload - cannot style button*/ #subtabs span { font-weight:normal;} #subtabs span.clslabeltop { font-weight:bold; display:block; font-size:12px;} #subtabs select { padding:0; margin:5px;} #subnotab p { font-family: Arial, Helvetica, sans-serif; font-size:12px; } #subnotab input { padding: 0.2em; margin:5px; } #subnotab input[type=file] { } /* style for the FileUpload - cannot style button*/ #subnotab span { font-weight:normal;} #subnotab select { padding:0; margin:5px;} /* -------------------------------------------------------------------------- AdHoc Training Panel */ .clsAdHocTrainSubTitle { font-size:12px; font-weight:bold; color:#000; text-decoration:underline; margin-top:20px; display:block;} .clsAdHocHistory { background-color:#fff; margin:0; padding:0; } .clsAdHocHistory table { border-collapse:collapse; margin:0 5px; } .clsAdHocHistory .clsCourseAssignLabel { font-size:11px; font-weight:normal; color:#000;} .clsAdHocSteps { font-size:12px; font-weight:normal; color:#000; border-bottom: 3px #ccc double; display:block; margin:10px 0; padding:5px; background-color: #fff;} .clsAdHocLabel { font-size:11px; color:#000; font-weight:bold;} .clsAdHocAd input { margin:5px; } .clsAdHocTrainTitle { font-size:12px; font-weight:bold; color:#000; text-decoration:underline; margin-top:20px; display:block;} /* -------------------------------------------------------------------------- Course Assignment History and Add Panel */ .clsCourseAssignAdd table { background-color:#fff; margin:0; padding:0;} #subtabs .clsCourseAssignAdd a:link { color: #FF0000;} #subtabs .clsCourseAssignHistory .clsCourseAssignAdd table { background-color:#fff; margin:0; padding:0;} #subtabs .clsCourseAssignHistory .clsCourseAssignAdd { background-color:#fff; margin:0; padding:0; font-size:12px; } #subtabs .clsCourseAssignHistory .clsCourseAssignLabel { font-size:11px; font-weight:normal; color:#000;} #subtabs .clsCourseAssignHistory .clsCourseAssignAdd input { padding: 0.2em; margin:5px; } #subtabs .clsCourseAssignHistory .clsCourseAssignAdd select { padding:0; margin:5px;} #subtabs .clsCourseAssignHistory .clsCourseAssignAdd input[type=text] { padding:0; margin:5px;} .clsCourseAssignSteps { font-size:12px; font-weight:normal; color:#000; border-bottom: 3px #ccc double; display:block; font-weight:bold; margin:10px 0; padding:5px; background-color: #fff;} #subtabs .clsCourseAssignAdd .clsCourseAssignLabel { font-size:11px; font-weight:normal; color:#000;} #subtabs .clsCourseAssignAdd .clsCourseAssignTitle { font-size:12px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display:block;} #subtabs .clsCourseAssignAdd .clsCourseAssignNotice { font-size:11px; font-weight:bold; color:#FF0000;} .clsCourseAssignTitle { font-size:12px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display:block;} /* --------------------------------------------------------------------------Library Assignment Add Panel */ .clsLibraryAssignSteps { font-size:12px; font-weight:normal; color:#000; border-bottom: 3px #ccc double; display:block; font-weight:bold; margin:10px 0; padding:5px; background-color: #fff;} #subtabs .clsLibraryAssignAdd .clsLibraryAssignLabel { font-size:11px; font-weight:normal; color:#000;} #subtabs .clsLibraryAssignAdd .clsLibraryAssignTitle { font-size:12px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display:block;} #subtabs .clsLibraryAssignAdd .clsLibraryAssignNotice { font-size:11px; font-weight:bold; color:#FF0000;} .clsLibraryAssignTitle { font-size:12px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display:block;} /* ---------------------------------- Auto Assignment - View Assignments - SLT 3/21/2012 ------------------------*/ .clsAutoAssignHeaderRow { display: block; clear: left; border-bottom:1px #C0C0C0 dotted; margin-bottom:0;} .clsAutoAssignHeader { font-size: 14px; float: left; width: 450px; } .clsAutoAssignHeaderSmall { font-size: 14px; float: left; width: 75px; } .clsAutoAssignLinkRight { float:right; font-size:10px; } .clsAutoAssignLink {font-size:10px; color:#0000FF; } .clsAutoAssignSave { width: 50px; float: right; background-image:url('images/btnGreen50x28.png'); display:block; height:30px; background-repeat:no-repeat; border:0; } .clsAutoAssignTitle { font-size:14px; font-weight:bold !important; } #form_body input.clsAutoAssignImg { padding:0; margin:0;} /* ------------------------------------------------------------- Auto Assignment - Bulk Calendar - SLT 3/13/2012 */ .clsBulkCalendarHeaderRow { display: block; clear: left; } .clsBulkCalendarHeader { font-size: 14px; float: left; width: 200px; } .clsBulkCalendarSave { width: 50px; float: right; background-image:url('images/btnGreen50x28.png'); display:block; height:30px; background-repeat:no-repeat; } .clsPackageStatusWarning { width: 150px; font-size: 10px; font-style: italic; } .clsBulkCalendarSubHeader { border-bottom: 1px #ccc dotted; margin: 20px 0 10px; font-size: 14px; } .clsBulkCalendarTable { font-size: 11px; border: 1px solid #808080; border-collapse: collapse; } .clsBulkCalendarTable th { font-size: 11px; background-color: #94AABA; padding: 5px; color: #fff; vertical-align: bottom; text-align: left; } .clsBulkCalendarTable td { border: 1px solid #C0C0C0; padding: 5px; text-align:center; margin:0 auto; } .clsBulkCalendarLabel { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 12px; } .clsBulkCalendarLabelLong { display: block; font-size: 12px; font-style: italic; } .clsBulkCalendarDesc { font-size: 12px; display: block; padding: 5px; width: 95%; margin: 10px; } .row { display: block; clear: both; } .clsBulkCalendarleftCol { display: block; width: 64%; float: left; border-right: 1px solid #ccc;} .clsBulkCalendarrtCol { display: block; width: 34%; float: right; } .clsBulkCalendarJobTable { width: 75%; margin: 10px 0 0 25px; background-color: #E4E4E4; border-collapse: separate; } .clsBulkCalendarJobTable td { background-color: #fff; width: 50%; } .clsBulkCalendarTable img { padding:0 2px } .clsBulkCalendarJobTable img.removeicon {text-align:center; margin:0 auto; padding:0 3px } .clsBulkCalendarJobTable img.calendaricon { text-align:right; padding:0 5px; } /* ------------------------------------------------------------ Auto Assignment - Course Packages ------------------------ 2/16/2012 SLT*/ #form_body div.clsCourseSelectionLeft { display:block; width:38%; float:left; margin: 0; padding: 0;} #form_body div.clsCourseSelectionRight { display:block; width:58%; float:right; margin: 0; padding: 0;} #form_body div.clsCourseSelectionGrids { border: 1px solid #808080; } #subtabs span.clsCoursePackageNote { font-size:10px; color:#666666; } #subtabs span.clsCoursePackageLblLng { color: #666; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1.1; margin: 7px 0 0 0px; } #subtabs span.clsCoursePackageLbl { color: #666; font-size: 11px; font-weight: bold; margin:0; line-height:normal;} #subtabs input.clsTextBoxSlim { margin:0 5px; padding:2px; } #subtabs input.clsSeqArrows { margin:0;padding:0;float:left; } /* ------------------------------------------------------------- Manage Assignments Details - SLT 3/2012 */ .clsManageAssignHeaderRow { display: block; border-bottom: 1px solid #666666; width: 100%; } .clsManageAssignHeader { font-size: 14px; float: left; clear: both; } .clsManageAssignSave { width: 50px; float: right; background-image: url('images/btnGreen50x28.png'); display: block; height: 30px; background-repeat: no-repeat; } .clsPackageStatusWarning { width: 150px; font-size: 10px; font-style: italic; } .clsManageAssignSubHeader { border-bottom: 1px #ccc dotted; margin: 20px 0 10px; font-size: 14px; } .clsManageAssignTable { font-size: 11px; border: 1px solid #808080; border-collapse: collapse; } .clsManageAssignTable th { font-size: 11px; background-color: #94AABA; padding: 5px; color: #fff; vertical-align: bottom; } .clsManageAssignTable td { border: 1px solid #C0C0C0; padding: 5px; text-align: center; margin: 0 auto; } .clsManageAssignLabel { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 12px; } .clsManageAssignText { font-weight: bold; font-size: 12px; display:inline; } .clsManageAssignLabelLong { display: block; font-size: 12px; font-style: italic; } .clsManageAssignDesc { font-size: 12px; display: block; padding: 5px; width: 95%; margin: 10px; } .row { display: block; clear: both; } .clsManageAssignleftCol { display: block; width: 49%; float: left; } .clsManageAssignrtCol { display: block; width: 49%; float: right; } .clsManageAssignJobTable { width: 75%; margin: 10px 0 0 25px; background-color: #E4E4E4; border-collapse: separate; } .clsManageAssignJobTable td { background-color: #fff; width: 50%; } .clsManageAssignTable img { padding: 0 2px; } .clsManageAssignJobTable img.removeicon { text-align: center; margin: 0 auto; padding: 0 3px; } .clsManageAssignJobTable img.calendaricon { text-align: right; padding: 0 5px; } .buttonlist { margin:0;padding:0; line-height: normal; } #form_body .buttonlist td { margin:0; padding:0; } #form_body .buttonlist table { margin:0; padding:0; } #form_body .buttonlist label { margin:0; padding:0; } #form_body .buttonlist input[type=radio] { margin:0; padding:5px 5px 2px 5px; } #form_body div.clsCourseSelectionListHeader { background-color: #E8E8E8; padding:0; } .clsCourseSelectionListBody { display:block; padding:5px; margin:5px; font-size:12px;} .clsCourseSelectionListTitle { background-color: #94AABA; padding: 5px; color: #fff; font-weight: bold; display: block; margin: 0; width:100%;} .clsCourseSelectionGridHeaderAdmin { background-color:#DDD9CC;} .clsCourseSelectionGridHeaderAdmin a { color:#333; padding:2px; } #form_body div td { padding-left:2px;} .clsCourseSelectionGridFooterAdmin { background-color:#DDD9CC; padding:0 5px; text-align:right;} .btnGreen75AddSelected { background-image: url('../Images/btnGreen75x35.png'); background-position:top center; background-repeat:no-repeat; width:80px; height:38px; border:0; background-color:transparent; margin:0; padding-top:5px;} a.btnGreen75AddSelected { color:#333333;font-weight:bold; font-size:9px; } input.btnGreen75AddSelected { color: #333333;font-weight:bold; font-size:9px; } /* ------------------------------------------------------------- View Package Details - SLT 2/2012 */ .clsViewPackageHeaderRow { display: block; clear: left; padding-bottom: 0px; margin-bottom: 0px; } .clsViewPackageHeader { font-size: 14px; float: left; width: 200px; } .clsPackageStatus { width: 200px; float: right; } .clsPackageStatusWarning { width: 150px; font-size: 10px; font-style: italic; } .clsViewPackageSubHeader { border-bottom: 1px #ccc solid; margin: 20px 0 10px; font-size: 14px; } .clsViewPackageTable { font-size: 11px; border: 1px solid #808080; border-collapse: collapse; } .clsViewPackageTable th { font-size: 11px; background-color: #94AABA; padding: 5px; color: #fff; vertical-align: bottom; text-align: left; } .clsViewPackageTable td { border: 1px solid #C0C0C0; padding: 5px; } #subtabs span.clsViewPackageLabelShort { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 12px; } #subtabs span.clsViewPackageLabel { font-weight: bold; width: 200px; display: block; float: left; clear: left; font-size: 12px; } .clsViewPackageLabelLong { display: block; font-size: 12px; font-style: italic; } .clsViewPackageDesc { font-size: 10px; display: block; width: 95%; } .row { display: block; clear: both; } .clsViewPackageleftCol { display: block; width: 49%; float: left; } #form_body input.clsViewPackageleftCol { margin:0; padding:0; } .clsViewPackagertCol { display: block; width: 49%; float: right; } .clsViewPackageJobTable { width: 75%; margin: 10px 0 0 25px; background-color: #E4E4E4; border-collapse: separate; } .clsViewPackageJobTable td { background-color: #fff; width: 32%; } /* --------------------------------------------------------------------------- Assignment Type color indicators*/ .clsRowCompAssess-old { background-color: #FFF3E8; } .clsRowCompAssess { background-color: #FFDEBF; } .clsRowPackage { background-color: #D5E9FF;} .clsRowPackage-old { background-color: #E8F3FF;} .clsRowCourse { background-color: transparent;} .clsStatusProcess { background-color:#e9e9e9; } .clsStatusDeleted { background-color:#666666; color:#ffffff; } /* ------------------------------------------------------------------------ Manage Users -----------------------*/ /* -------------------------------------- Style for Tabs with out SubTabs to give more consistant look --------------------*/ #subnotab .clsManageUsersHeader { font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; display:block; margin:0 0 0 5px; background:url('Images/tab_selected_200.png') #fff no-repeat left bottom; height:25px; padding:5px 0 0 10px; } #subnotab .clsFullFileHeader { font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0 5px; background:url('Images/tab_selected_200.png') #fff no-repeat left bottom; height:25px; padding:5px 50px 10px 5px; } #subnotab { margin:0; padding:5px 0 0 0;} #subnotab span.body { border:2px solid #DDE1E8;} table.tabbody { width:100%; } .tabbody { display:block; border:2px solid #DDE1E8; border-collapse:collapse; margin:0; padding:5px; } /* - Search Admin .clsSearchUsersAdmin table { width:100%; } #subtabs .clsSearchUsersAdmin { background-color:#fff; margin:0; padding:0; font-size:11px; } #subtabs .clsSearchUsersAdmin .clsSearchUsersAdminLabel { font-size:11px; font-weight:normal; color:#000;} #subtabs .clsSearchUsersAdmin input { padding: 0.2em; margin:5px; } #subtabs .clsSearchUsersAdmin select { padding:0; margin:5px;} #subtabs .clsSearchUsersAdmin input[type=text] { padding:0; margin:5px;} #subtabs .clsSearchUsersAdmin .clsSearchUsersAdminNotice { font-size:11px; font-weight:bold; color:#FF0000;} #subtabs .clsSearchUsersAdmin .clsSearchUsersAdminTitle { font-size:14px; font-weight:normal; color:#000; text-decoration:none; margin-bottom:10px; display:block; text-align:left; border-bottom:1px solid #cccccc;} .clsAddUsersAdmin table { width:100%; } #subtabs .clsAddUsersAdmin { background-color:#fff; margin:0; padding:0; font-size:11px; } #subtabs .clsAddUsersAdmin .clsSearchUsersAdminLabel { font-size:11px; font-weight:normal; color:#000;} #subtabs .clsAddUsersAdmin input { padding: 0.2em; margin:5px; } #subtabs .clsAddUsersAdmin select { padding:0; margin:5px;} #subtabs .clsAddUsersAdmin input[type=text] { padding:0; margin:5px; width:250px;} #subtabs .clsAddUsersAdmin .clsSearchUsersAdminTitle { font-size:14px; font-weight:normal; color:#000; text-decoration:none; margin-bottom:10px; display:block; text-align:left; border-bottom:1px solid #cccccc;} #subtabs .clsAddUsersAdmin .clsSearchUsersAdminNotice { font-size:11px; font-weight:bold; color:#FF0000;} .addUsersAdmin span { width: 175px; }*/ .clsManageUserTable table { width:100%; } .clsFullFileUpload { background-color:#ffffff; padding: 5px; } .clsFullFileUpload table { width:100%; border:0; border-collapse:collapse; } .clsFullFileTitle { font-size:12px; display:block; padding:0 0 0 2px; text-decoration:underline; } .clsfont10 { font-size: 10px; } .clsLiveTrainUpload { background-color:#ffffff; } .clsLiveTrainUpload table { width:100%; border:0; border-collapse:collapse; } .clsAdminNotice { font-size:11px; font-weight:normal; color:#FF0000; } /* -------------------------------------------------------------------------- Competency Assessment ------------------------*/ .clsBeginObservPanel { font-size:12px; } .clsBeginObservPanel table { width:100%; } .clsBeginObservPanelLabel { font-size:11px; font-weight:normal; color:#000;} .clsBeginObservPanel input[type=text] { padding:0; margin:5px;} /* -------------------------------------------------------------------------------------- Admin Create Course - SLT 11-11-28 */ /*.clsCreateCourse h1 { font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin:5px 0 0 5px; background:url('Images/tab_selected_200.png') #fff no-repeat left bottom; height:25px; padding:0 50px 10px 5px; }** decided not to use the tab theme.. */ .clsCreateCourse { font-size:12px; font-family:Arial, Helvetica, sans-serif;} .clsCreateCourse h1 { font-size:16px; font-weight:bold; border-bottom:1px #ccc solid; } .clsCreateCourse p { font-size:12px; } .clsCreateCourse li { font-size:12px; } .clsCreateCourseError { font-size:12px; color:red; } /* ------------------------------------------------------------------------- Admin Grid styles -----------------*/ .GridViewAdmin { font-size:10px; padding:2px; color:#333333; width: 895px; border-collapse: collapse; } .GridViewAdmin td { padding:2px 1px; overflow: hidden;} .RowAdmin { background-color:#F7F6F3; color:#333333; padding:4px;} .RowAdmin td { background-color:#F7F6F3; color:#333333; padding-left:4px;} .AltRowAdmin { background-color:#ffffff; color:#284775;} .AltRowAdmin td { background-color:#ffffff; color:#284775; padding-left:4px;} .EditRowAdmin { background-color: #FFFFCC;} .EditRowAdmin input { font-size:10px;} .EditRowAdmin select{ font-size:10px; cursor:pointer;} .SelectRowAdmin { background-color:#E2DED6; color:#333333; font-weight:bold;} .FooterAdmin { background-color:#5D7B9D; font-weight:bold; color:#ffffff;} .FooterAdmin a { color:#fff; cursor:pointer; } .HeaderAdmin { background-color:#666666; font-weight:bold; color: #fff;} .HeaderAdmin a, .HeaderAdmin a:link { color:#fff;} .HeaderAdmin th { padding:0 2px; margin:0;} .PagerAdmin { background-color: #666666; color:#ffffff; text-align:center;} .PagerAdmin a:link {color:#ffffff; text-align:center; padding-left:3px; padding-right:3px; cursor:pointer;} .PagerAdmin a:visited {color:#ffffff; text-align:center; padding-left:3px; padding-right:3px;} .EmptyRowAdmin { background-color: #FFFFCE; padding:4px; border:0; display:block;} .EmptyRowAdmin td { border:0; } .btnUpdateGrid { width:50px; } /* -------------------------------------------------------------------------- Half Grid ---------------------------- */ .GridViewHalfWidth { font-size:10px; padding:2px; color:#333333; border-collapse: collapse; border:0; border-style:hidden;}/* added border-style:hidden to hide the gridview border in Chrome browser*/ .GridViewFullWidth { font-size:10px; padding:2px; color:#333333; border-collapse: collapse; width:100%; overflow: visible; background-color:#ffffff; border:0; border-style:hidden;}/* added border-style:hidden to hide the gridview border in Chrome browser*/ DIV.GridViewFullWidth {overflow: visible; } .GridViewFull { font-size:10px; color:#333333;border-collapse: collapse; width:100%; overflow: visible; background-color:#ffffff; border:0; border-style:hidden; } /* -------------------------------------------------------------------------- Live Inservice Styles */ .clsAddLiveInservice { } .clsAddLiveInservice table { background-color:#fff; margin:0; padding:0;} .clsLiveInserviceSteps { font-size:12px; font-weight:normal; color:#000; border-bottom: 3px #ccc double; display:block; font-weight:bold; margin:10px 0; padding:5px; background-color: #fff;} #subtabs .clsAddLiveInservice .clsAddLiveInserviceTitle { width:50%; font-size:11px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display: block; float:left;} .clsAddLiveInserviceLabel { font-size:11px; font-weight:normal; color:#000; } #subtabs .clsLiveInserviceNotice { font-size:11px; font-weight:bold; color:#FF0000;} #content #subtabs IMG.imgCalendarIcon { display:inline; padding:5px; margin:0; } .clsAddLiveInserviceTitle { width:50%; font-size:11px; font-weight:normal; color:#000; text-decoration:underline; margin-top:20px; display: block; float:left;} #course_select_tbl {width:100% } #course_select_tbl select { float:left; } #form_body DIV.select_btnset { width:80px; margin:0; padding:10px 0; float:left; } #form_body div.sub legend { font-size:12px; padding:0 10px; } .clsFileImage { background-image:url('Images/ExportFile.png'); background-repeat:no-repeat; display:block; width:32px; height:32px; text-decoration:none; } .clsErrorExcelImage { background-image:url('Images/excel_download_error.png'); background-repeat:no-repeat; display:block; width:32px; height:32px; text-decoration:none; } .clsFileImageEditSelection { background-image:url('Images/editselection.png'); background-repeat:no-repeat; display:block; width:32px; height:32px; text-decoration:none; } /* ------------------------------------------------------- AccordionAdmin Accordion Admin ---------------- */ #form_body div.AccordionAdmin { width:320px; float:right; display:block; z-index:1000;} #form_body div.AccordionAdminHeader { background-color: #666666; color:#ffffff; display:block; height:25px; overflow:hidden; padding-left:15px; cursor: pointer; } #form_body div.AccordionAdminHeader:hover{ text-decoration:underline; } #form_body div.AccordionAdminHeaderSelected { background-color:#2E4D7B; color:#ffffff; display:block; height:25px; overflow:hidden; padding:5px; cursor: pointer; } #form_body div.AccordionAdminContent { border:1px #cccccc dotted; padding-left:10px; display:block; font-size:10px; } /* ---------------------------------------------------------------------------- Admin Forms ------------------------------------- */ #AdminFormContainer { padding-bottom: 18px; width: 600px; } #AdminFormContainerInner { padding: 0px; } .form_title { font-size: 14px; font-weight: normal; color: #000; text-decoration: none; margin-bottom: 10px; display: block; text-align: left; border-bottom: 1px solid #cccccc; } #form_body .form_subtitle { font-size: 12px; font-weight: normal; color: #333; text-decoration: none; margin-bottom: 10px; display: block; text-align: left; } #form_body .form_lbldisplay { font-size:11px; font-weight:bold; color:#666; width:250px; float:left; display:block; } #form_body .form_display { font-size:11px; font-weight:normal; color:#666; float:left; display:block;} #form_body { width: 100%; display: block; } #form_body div { margin: 0 0 5px; overflow: hidden; padding: 2px 5px 2px 0;} #form_body td { padding:5px 0 0 0; } /* Lable class */ #form_body span.clslabelform { color: #666; float: left; display: block; font-size: 11px; font-weight: bold; line-height: 1.1; margin: 7px 0 0 0px; width: 150px; } #form_body span.clslabelformShort { color: #666; float: left; display: block; font-size: 11px; font-weight: bold; line-height: 1.1; margin: 7px 0 0 0px; width: 78px; } #form_body span.clslabelformLong { color: #666; float: left; display: block; font-size: 11px; font-weight: bold; line-height: 1.1; margin: 7px 0 0 0px; width: auto; } #form_body span.clslabelformAccent { color: #4E87BC; float: left; display: block; font-size: 12px; font-weight: normal; line-height: 1.0; margin: 7px 0 0 0px; width: auto;} #form_body span.clslabelformDisplay { font-size:12px; font-weight:normal; color:#000; float:left; display:block; } #form_body a.clslabelformlink { color: #4E87BC; float: right; display: block; font-size: 12px; font-weight: normal; line-height: 1.0; margin: 7px 0 0 0px; width: auto; } a.clslabelformlink { color: #4E87BC; float: right; display: block; font-size: 12px; font-weight: normal; line-height: 1.0; margin: 7px 0 0 0px; width: auto; } #form_body span.clslabelformshort { color: #666; float: left; display: block; font-size: 10px; font-weight: bold; line-height: 1.1; margin: 7px 0 0 5px; width: 50px; } #form_body span.lblSystemWarning { color:#FF0000; display: block; font-size: 10px; font-weight: normal; line-height: 1.1; margin: 7px 0 0 10px; width: auto;} .form_lblhighlight { color:blue } .lblSystemWarning { color:#FF0000; display: block; font-size: 10px; font-weight: normal; line-height: 1.1; margin: 7px 0 0 10px; width: auto;} /* Input defaults */ #form_body div textarea, #form_body div select { color: #333; display: block; font-size:12px; font-family: Arial, Helvetica, sans-serif; float: left; line-height: 1; margin: 0; } /* Text inputs */ #form_body input { padding: 3px;} #form_body input[type=text] { padding: 3px; width: 200px; } #form_body input[type=text].shorttxt { padding: 3px; width: 100px; } /* Select menus */ fieldset div select { padding: 0 0 0 3px; width: 200px} #form_body div select { padding: 0 0 0 3px; width: 200px; margin-left:5px; } #form_body div select.clsDropWidthLarge { padding: 0 0 0 3px; width: 650px; overflow:visible; z-index:1000; } /* Textareas */ #form_body div textarea { height: 50px; padding: 3px; width: 200px; } /* Submit */ #form_body input[type=submit].finalbtn { width: auto; float:right; font-size:12px; margin:0px auto;} #form_body input[type=submit] { margin-left:15px; font-size:12px; cursor:pointer; } #form_body input[type=submit].btnUpdateGrid {font-size:12px; width:50px; } #form_body input.RowAdmin { padding: 3px; width: 150px; } /* -- !Fieldsets & Legends -- */ .form_fieldset { position: relative; padding: 10px 5px 0 10px; border:1px #cccccc dotted; } fieldset { padding: 10px 5px 0 10px; border:1px #cccccc dotted; } #form_body legend { font-size: 14px; font-weight: normal; color: #000; background-color:#fff; padding:10px;} /* -- !Introduction Text -- */ .introduction { font-size: 1.5em; margin: 0 0 2em; } /* File Upload */ #form_body div input[type=file] { }/* style for the FileUpload - cannot style button*/ /* Radio buttons + checkboxes */ #form_body div ul { float: left; margin: 5px 0 0 160px; } #form_body div ul li { margin: 0 0 5px; padding: 0; } #form_body div ul li label { display: inline; float: none; font-size: 1em; font-weight: normal; margin: 0; padding: 0; } #form_body div ul li input { border: inherit; display: inline; margin: 0 5px 0 0; padding: 0; width: auto; } #form_body div.formpanel_left_top { display:block; float:left; width:500px; } #form_body div.formpanel_left { display:block; float:left; width:850px; } /* -------------------------------------------------------Admin Forms END*/ /* END Admin / Manager*/ td.lblUnitTitle {color:#000000; padding-left:10px; text-align:center; background-color: #FFFDF4; border-collapse:collapse;} td.lblUnitTitleCourse {color:#000000; text-align:center; background-color: #FFFDF4; border-collapse:collapse;} a.btnBackTo:link { background-image:url('../../../App_Themes/RedVector/Images/back-button-with-arrow-200.gif'); background-repeat:no-repeat; width:190px; height:30px; background-position:right top; display:block; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 35px 0 0; margin:5px 0 0 0;} a.btnBackTo:hover { text-decoration:underline; } a.btnBackTo:visited { background-image:url('../../../App_Themes/RedVector/Images/back-button-with-arrow-200.gif'); background-repeat:no-repeat; width:190px; height:30px; background-position:right top; display:block; color:#ffffff; font-weight:bold; text-decoration: underline; padding:5px 35px 0 0; margin:5px 0 0 0; } /* - - --------------------------END insert ------------------------------------------------------- */ /* ---------------------------------------------------- My Block Hours Summary table is using Enrollment table class ----------------------------- */ .BlockHourHeader { display:block; height:15px; padding:5px; background-color:#8da4c2; border-top:1px #fff solid; border-bottom:1px #fff solid;} .lblBlockHourHeader { font-size:12px; color:#ffffff; font-weight:bold; } .btnBlockHourSelect { background-image: url('../Images/bttnGreen125.png'); background-position:left top; background-repeat:no-repeat; display:block; width:125px; height:25px; padding: 2px 0 0 2px; } A.btnBlockHourSelect:link { color:#ffffff; text-decoration:none; font-weight:bold;} A.btnBlockHourSelect:hover { text-decoration:underline;} A.btnBlockHourSelect:visited { color:#fff; } .tblBlockHourConfirm{ width:100%; border:0px #cccccc solid;} .tblBlockHourConfirm td {padding:5px; vertical-align:top; } /* ---------------------------- Buttons and Cell Colors for Grid - These indicate Course Status*/ .btnAction { background-position: center center; background-repeat:no-repeat; display:block; width:90px; height:30px; line-height: 28px; font-weight:bold; text-align:center;} .btnMyAccountRed { background-image:url('Images/btnMyAccntRed.gif');} a.btnMyAccountRed:link { color:#ffffff; text-decoration:none;} a.btnMyAccountRed:hover { color:#ffffff; text-decoration:underline;} .btnMyAccountGreen { background-image:url('Images/btnMyAccntGreen.gif');} a.btnMyAccountGreen:link { color:#ffffff; text-decoration:none;} a.btnMyAccountGreen:hover { color:#ffffff; text-decoration:underline;} .btnMyAccountBlue { background-image:url('Images/btnMyAccntBlue.gif');} a.btnMyAccountBlue:link { color:#ffffff; text-decoration:none;} a.btnMyAccountBlue:hover { color:#ffffff; text-decoration:underline;} .btnMyAccountGray { background-image:url('Images/btnMyAccntGray.gif');} a.btnMyAccountGray:link { color:#ffffff; text-decoration:none;} a.btnMyAccountGray:hover { color:#ffffff; text-decoration:underline;} .btnMyAccountLtGray { background-image:url('Images/btnMyAccntLtGray.gif');} a.btnMyAccountLtGray:link { color:#000; text-decoration:none;} a.btnMyAccountLtGray:hover { color:#000; text-decoration:underline;} .btnMyAccountOrange { background-image:url('Images/btnMyAccntOrange.gif');} a.btnMyAccountOrange:link { color:#000; text-decoration:none;} a.btnMyAccountOrange:hover { color:#000; text-decoration:underline;} .btnMyAccountWhite { background-image:url('Images/btnMyAccntWhite.gif');} a.btnMyAccountWhite:link { color:#000; text-decoration:none;} a.btnMyAccountWhite:hover { color:#000; text-decoration:underline;} .btnMyAccountDarkBlue { background-image:url('Images/btnMyAccntDarkBlue.png');} a.btnMyAccountDarkBlue:link { color:#ffffff; text-decoration:none;} a.btnMyAccountDarkBlue:hover { color:#ffffff; text-decoration:underline;} .btnMyAccountYellow { background-image:url('Images/btn-gold-md.png');} a.btnMyAccountYellow:link { color:#000; text-decoration:none;} a.btnMyAccountYellow:hover { color:#000; text-decoration:underline;} .btnMyAccountLtGreen { background-image:url('Images/btnMyAccntLtGreen.png');} a.btnMyAccountLtGreen:link { color:#fff; text-decoration:none;} a.btnMyAccountLtGreen:hover { color:#fff; text-decoration:underline;} /* Button styles - TESTING */ .bttnGreen { border-top: 1px solid #32992e; background: #125f09; background: -webkit-gradient(linear, left top, left bottom, from(#57c260), to(#125f09)); background: -moz-linear-gradient(top, #57c260, #125f09); padding: 6px 12px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 12px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .bttnGreen:hover { border-top-color: #28597a; background: #28597a; color: #ccc; } .bttnGreen:active { border-top-color: #1b435e; background: #1b435e; } /* ------------------------------------ Need to phase these out and use combo classes above. *** ** .btnActionMyAccountRed { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntRed.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; } .btnActionMyAccountGreen { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntGreen.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; } .btnActionMyAccountBlue { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntBlue.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; } .btnActionMyAccountGray { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntGray.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; font-weight:bold; } .btnActionMyAccountLtGray { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntLtGray.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; } .btnActionMyAccountOrange { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntOrange.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#ffffff; font-weight:bold; text-align:center; } .btnActionMyAccountWhite { background-image:url('../../App_Themes/RedVector/Images/btnMyAccntLtGray.gif'); background-position:left top; background-repeat:no-repeat; padding-top:5px; display:block; width:90px; height:30px; color:#000000; font-weight:bold; text-align:center; } --------------------------------- */ /* -------------------------- Grid Labels*/ .labelMyAccountRed { font-weight:bold; background-color:#efadae;} .labelMyAccountBlue { font-weight:bold; background-color:#ccffff;} .labelMyAccountGreen { font-weight:bold; background-color:#8cbc92;} .labelMyAccountGray { font-weight:bold; background-color:#b2b2b2;} .labelMyAccountLtGray { font-weight:bold; background-color:#e8e8e8;} .labelMyAccountOrange { font-weight:bold; background-color:#FFCC99;} .labelMyAccountWhite { font-weight:bold; background-color:#ffffff;} .labelMyAccountYellow { font-weight:bold; background-color:#fae58c;} .labelMyAccountDarkBlue { font-weight:bold; background-color:#96ADB9;} .labelMyAccountLtGreen { font-weight:bold; background-color:#C7E4CB;} /* --------------------------- Grid Cell Colors*/ .cellMyAccountRed { background-color:#efadae;} .cellMyAccountBlue { background-color:#ccffff;} .cellMyAccountGreen { background-color:#8cbc92;} .cellMyAccountGray { background-color:#b2b2b2;} .cellMyAccountLtGray{ background-color:#e8e8e8;} .cellMyAccountWhite { background-color:#ffffff;} .cellMyAccountOrange { background-color:#FFCC99;} .cellMyAccountYellow { background-color:#fae58c;} .cellMyAccountDarkBlue { background-color:#96ADB9;} .cellMyAccountLtGreen { background-color:#C7E4CB;} /* --------------------------------------------- Grid Styles* / /* ----------------------------- GridView - Generic No images */ .GridViewGeneric { font-size:12px; padding:4px; color:#333333;} .GridViewGeneric td { padding:4px;} .RowGeneric { background-color:#F7F6F3; color:#333333; padding:4px;} .AltRowGeneric { background-color:#ffffff; color:#284775;} .EditRowGeneric { background-color:#999999;} .SelectRowGeneric { background-color:#E2DED6; color:#333333; font-weight:bold;} .FooterGeneric { background-color:#5D7B9D; font-weight:bold; color:#ffffff;} .HeaderGeneric { background-color:#5D7B9D; font-weight:bold; color:#ffffff; line-height:25px;} .HeaderGeneric th { padding:0 10px; white-space:nowrap; } .PagerGeneric { background-color:#284775; color:#ffffff; text-align:center;} .gridWidth100 { width:100%;} .gridWidth90 { width:90%; margin:0 auto;} .gridWidth50 { width:50%} .HeaderDark { background-color: #3F3F3F} .HeaderGreen{ background-color:#196A20} /*------------------------------ GridView - White Chrome Style - Generic*/ .GridViewStyle { font-family: Arial, Sans-Serif; font-size:11px; table-layout: auto; border-collapse: collapse; border:#999999 1px solid; } .GridViewStyle a.clsGrayLabel{font-family: Arial; font-size: 12px; color:#555555;} /*Header and Pager styles*/ .HeaderStyle { background-image: url('images/HeaderWhiteChrome.jpg'); background-position:center; background-repeat:repeat-x; background-color:#fff; border-bottom:solid 1px #999; padding: 5px; color: #000000; } .HeaderStyle a { text-decoration:none; color:#fff; display:block; text-align:left; font-weight:normal; } .PagerStyle { background-image: url('images/HeaderWhiteChrome.jpg'); background-position:center; background-repeat:repeat-x; background-color:#fff; border-bottom:solid 1px #999; text-align:center; margin:auto; } .PagerStyle table { text-align:center; margin:auto;} .PagerStyle table td { border:0px; padding:5px; } .PagerStyle td { border-top: #999999 1px solid;} .PagerStyle a { color:#fff; text-decoration:none; padding:2px 5px 2px 5px; border-top:solid 1px #fff; border-right:solid 1px #999; border-bottom:solid 1px #999; border-left:solid 1px #fff; } .PagerStyle span { font-weight:bold; color:#fff; text-decoration:none; padding:2px 5px 2px 5px; border:0; } /* TableRowStyle */ .TblRowStyle, .TblAltRowStyle { padding: 3px; border-right: solid 1px #999; border-bottom: solid 1px #999; } .TblRowStyle {background-color:#E4E4E4;} .TblRowStyle a { color: #B5121B; text-decoration:underline; font-size:inherit; } /* RowStyles*/ /*Common Styles*/ .RowStyle, .AltRowStyle, .SelectedRowStyle, .EditRowStyle { padding: 5px; border-right: solid 1px #999; } .RowStyle {background-color:#E4E4E4;} .RowStyle a { color: #B5121B; text-decoration:underline; font-size:inherit; } .GridViewStyle a.clsMenuItem { text-align: center;text-decoration: none; white-space:nowrap; display: inline; color: #aa0000; font-size: 11px; padding:2px 8px 2px 8px; border-right: #a9a9a9 1.5pt outset; border-top: #a9a9a9 1pt solid; border-left: #a9a9a9 1pt solid; border-bottom: #a9a9a9 1.5pt outset; background-color: #d2d2d2; } .AltRowStyle {background-color: #f0f0f0;} .AltRowStyle a { color:#B5121B; text-decoration:underline; font-size:inherit;} .SelectedRowStyle { background-color:#FF9;} .EditRowStyle { background-color:#FF9; font-size:11px;} .EditRowStyle input {font-size:11px; width:auto;} .EditRowStyle DropDownList {font-size:11px;} .EditRowStyle a { color:#B5121B; text-decoration:underline; font-size:inherit;} /* GridViewStyle END */ /* License Wizard Styles*/ .clsLicenseWzrd { padding-top:10px; border:1px #e8e8e8 solid; font:12px Verbana; width:100%;} .clsLicenseWzrd input[type=submit] { padding: 2px; margin: 15px 0 15px 15px; display:block;} .clsLicenseWzrd td { border-collapse:collapse;} /* ------------------------------------------------------------ Button links in Grid - My-Licenses These are customized in the Site specific CSS ------------------ */ .clsLicenseWzrd a:link { display:block; padding:5px; border-top:2px outset #D5A343; border-bottom:2px outset #cccccc; border-right:2px #cccccc inset; border-left:2px outset #D5A343; background-color: #E4BD50; color:#000000; font-weight:bold; text-align:center; text-decoration: underline;} .clsLicenseWzrd a:hover{display:block; padding:5px; border-top:2px inset #D5A343; border-bottom:2px inset #cccccc; border-right:2px #cccccc outset; border-left:2px inset #D5A343; text-decoration:none; background-color: #E4BD50; } .clsLicenseWzrd a:visited{display:block; padding:5px; border-top:2px inset #D5A343; border-bottom:2px inset #cccccc; border-right:2px #cccccc outset; border-left:2px inset #cccccc; text-decoration:none; background-color: #E4BD50; color: #ffffff; font-weight:bold; text-align:center;} .clsWzrdStep SPAN { padding:2px; margin:5px; font-size:12px; vertical-align:top;} .clsWzrdStep { border:1px #cccccc solid; width:100%;} .clsWzrdStep td { padding:0;} .clsWzrdStep label{ color:blue; } .lblWzrd { font-weight:bold; color:red} .clsSideBarLicense { background-color: #4E87BC ; color:#fff; border: 1px #4E87BC solid; padding-left:5px; width:150px; vertical-align:top;} .clsSideBarLicense a:link { color:#fff; text-decoration:underline; background-color: transparent; border:0;} .clsSideBarLicense a:hover { color:#fff; text-decoration: none;} .clsStepLicense { background-color:#ffffff;} .clsStepLicense Table { margin:0;} .clsStepLicenseHeader { background-color:#CCCC00;} .clsStepNavigation { background-color:#ffffff; border-collapse:collapse; } /* ------------------------------- Author Panel*/ #divAuthorInfo { background-color:#ffffff; border: 1px #e8e8e8 solid; width:100%;} #divAuthorInfo img { padding:5px;} #divAuthorInfo span { font-size:12px;} #divAuthorInfo td { font-weight:normal; padding:5px;} /* ----------------------------------- Exam Questions ----------------------------*/ /* Multilingual Exam Support */ #LanguageWrapper { display: none; padding-top:20px; float:right; line-height: 100%; } #LanguageWrapper span { margin-right: 10px; } .LanguageActive { font-weight: bold; cursor: default; text-transform: uppercase; } .LanguageInactive { font-weight: normal; cursor: pointer; text-transform: none; text-decoration: underline; } .en,.Sp { display: none;} .clsExamContainer { margin-top:10px;} .clsExamQuestion { border:1px #0A6C00 solid; padding:5px; display:block; width:600px; margin-bottom:5px;} .clsExamQHistory { background-color: #ccc; border:1px #3F3F3F solid; display:block; width:300px; padding:5px;} .clsExamQHistoryHeader { font-weight:bold;} .clsExamQuestion input[type=radio] { padding:5px 5px; vertical-align: middle;} .clsExamQuestion input[type=checkbox] { padding:5px 5px; vertical-align: middle;} .lblQuestionHeader { font-weight:bold; color:#3F3F3F; font-size:1.1em; display: block; background-color: #cccccc; padding:.5em; margin-bottom:5px;} .lblQuestion { padding:10px 0;} .lblQuestion ol{display:block; margin:0 auto; padding: 5px;} .lblQuestion li{list-style-position: inside;} .clsQuestionNav { padding:5px 0; width:600px; margin:15px 0 10px 0;} a.clsQuestionCurrent:link {background-color: transparent; color:black; font-size: 9pt; font-weight:bold; padding: 1px;} a.clsQuestionAnswered:link {background-color:transparent; color:green; font-size: 9pt; padding: 1px;} a.clsQuestionUnanswered:link {background-color:transparent; color:red; font-size: 9pt; padding: 1px;} .clsExamRateContainer { margin-top:10px; border:1px #ccc solid; padding:5px;} .lblRateQuestionHeader { font-weight:bold; color:#ffffff; font-size:1.1em; display: block; background-color:#3F3F3F; padding:.5em; margin-bottom:5px;} .clsExamRateQuestion input[type=radio] {padding:0 5px; vertical-align:bottom;} .clsExamRateQuestion input[type=checkbox] {padding:0 5px; vertical-align:bottom;} .clsExamRateQuestion label { padding:5px; font-weight:bold; margin-bottom:10px;} .clsExamRateComment {margin-top:10px; display:block; font-style:italic; } .pnlExamBottomBar { border-top:1px #0A6C00 solid; width:100%; padding:5px; margin:0 auto; } /* ---------------------------------- Links for Exam History */ .clsAttemptsExamQHistory { background-color: #ccc; border:1px #3F3F3F solid; display:block; width:98%; padding:5px;} .clsAttemptsExamQHistoryHeader { font-weight:bold;} A.clsAttemptLinks:link { color: #542657; font-weight:bold;} A.clsAttemptLinksClicked:link { color: #0d9b8c; font-weight:bold; text-decoration:none;} /* -------------------------------------------------------------------------- Exam Results Generic --------------------------------*/ .clsExamResultsHeaders { font-weight:bold; background-color:#cccccc; color:#3F3F3F; dispaly:block; padding:5px;}/* Add Custom colors to CSS in AppThemes*/ .clsExamQuestionReviewHeaders { font-weight:bold; background-color:#cccccc; color:#3F3F3F; padding:5px;}/* Add Custom colors to CSS in AppThemes*/ .lblExamResults { font-weight:bold; padding-right: 5px; vertical-align:top;} .lblExamResultsTitle { font-style:italic; vertical-align:top;} .clsExamResultsInfo { background-color: transparent; font-size:12px; border-left:1px solid #e9e9e9;border-right:2px solid #cccccc;border-bottom:1px solid #e9e9e9;} .clsExamResultsInfo td { padding:5px; vertical-align:top;} .clsExamResultsInfo table { width:100%;} .clsExamResultsLicense { background-color: transparent;border-left:1px solid #e9e9e9;border-right:2px solid #cccccc;border-bottom:1px solid #e9e9e9; } .clsExamResultsLicense table { width:100%;} .clsExamResultsLicense td { padding:5px;} .GridHeaderExamResults { background-color: #FFFFCC; font-weight:bold; line-height:25px; color:#666666} /* Add Custom colors to CSS in AppThemes*/ .GridHeaderExamResults th { padding:0 10px; white-space:nowrap; } .GridRowExamResults { background-color:#F7F6F3; color:#333333; padding:4px;} #ExamAttemptResults { background-color: transparent;} /* Added this DIV tag to override the #content properties. AppThemes CSS overrides this. */ #ExamAttemptResults li { list-style:upper-alpha; margin-left:20px} .clsExamResults { background-color:#F7F6F3;border-left:1px solid #e9e9e9;border-right:2px solid #cccccc;border-bottom:2px solid #cccccc; } .clsExamResults td { padding:5px;} .clsExamResults tr { border:1px solid #e9e9e9;} .clsExamResultAnswer { border-left:1px #e9e9e9 solid;} .lblExamQuestion { font-weight:bold; font-style:italic; margin-bottom:5px; display:block; } .lblExamQuestionSM { font-weight:bold; font-style:italic; margin-bottom:5px; display:block; padding-right:5px; } .clsAnswerIncorrect { color:#ff0000; font-weight:bold;} .clsAnswerCorrect { color:green; font-weight: bold;} .clsAnswerCorrectSM { color:#70df4a; font-weight: bold;} .clsFailed {color:#ff0000; font-weight:bold; font-style:italic;} .clsPassed { color:green; font-weight: bold; font-style:italic;} .lblExamQuestionFdbck { } /* - this class is in place in code in case properties are needed - */ .lblExamQuestionCmmt {} /* - this class is in place in code in case properties are needed - */ /* ----------------------------------------- Affidavit Page ------------------------------- */ .lblAffidavitTitle { font-weight:bold; font-size:12px; display:block; background-color: #cccccc; padding:5px; color:#3F3F3F; } .clsAffidavitBlock { border:1px #ccc solid; padding:5px;} .clsAffidavitBlock input[type=submit] { padding:5px; vertical-align:bottom; display:inline; margin:5px 0;} .clsAffidavitBlock label {display:block;} input[type=submit].clsAffidavitPrint { background-image:url('../Images/PrinterIcon.png'); background-repeat:no-repeat; width:20px; height:20px; display:block; float:right; margin-right:10px; padding:2px; border:0; outline:0; background-color:#CCCCCC } .btnPrev { background-image:url('../Images/PrevIcon24.png'); background-repeat:no-repeat; background-position:left top; display:inline-block; width:26px; height:26px; border:0; background-color:transparent; margin-right:10px;} .btnPrevDisabled { background-image:url('../Images/PrevIconDisabled.png'); background-repeat:no-repeat; background-position:left top; display:inline-block; width:26px; height:26px; border:0; background-color:transparent; margin-right:10px;} .btnNext { background-image:url('../Images/NextIcon24.png'); background-repeat:no-repeat; background-position:left top; display: inline-block; width:26px; height:26px; border:0; background-color:transparent;} .btnNextDisabled { background-image:url('../Images/NextIconDisabled.png'); background-repeat:no-repeat; background-position:left top; display: inline-block; width:26px; height:26px; border:0; background-color:transparent;} /* ------------------------------------------- Survey Page ----------------------------------- */ .lblSurveyTitle { font-weight:bold; font-size:12px; display:block; background-color: #cccccc; padding:5px; } .lblSurveyQuestion {} .clsSurveyBlock { border:0px #cccccc solid; padding:5px; } .clsSurveyBlock input[type=submit]{ display:block; margin:10px 20px 0 0; padding:4px; float:right;} .clsSurveyBlock span { display:block; padding-top:10px;} .clsSurveyBlock input[type=select] { font-size:inherit; } .SurveyGrid input[type=radio] { padding:2px; vertical-align:bottom; display:inline; margin-left:10px;} .SurveyGrid label { margin-right:5px; padding-top:0px;} .SurveyGrid { font-size:12px; padding:4px; color:#333333;} .SurveyGrid td { padding:4px; } .RowSurvey { background-color:#F7F6F3; color:#333333; padding:4px;} .AltRowSurvey { background-color:#ffffff; color:#284775;} .EditRowSurvey { background-color:#999999;} .SelectRowSurvey { background-color:#E2DED6; color:#333333; font-weight:bold;} .FooterSurvey { background-color:#cccccc; font-weight:bold; color:#3F3F3F;} .HeaderSurvey { background-color:#cccccc; font-weight:bold; color:#3F3F3F; line-height:25px;} .HeaderSurvey th { padding:0 10px; white-space:nowrap; } .PagerSurvey { background-color:#ccc; color:#3F3F3F; text-align:center;} /* --------------------------------------------- Launch Course*/ /* ------------------------------------------------ LaunchPad Navigation - Top on Courses ----------*/ .LaunchPadNavNameTab { background-image:url('Images/tab_dashstudentactive.jpg'); background-position:left top; background-repeat:no-repeat; display:block; height:30px; color:#ffffff; padding:0; margin:0; background-color:#ffffff;} .LaunchPadNavLabel { display:block;padding:10px 0 0 25px; font-size:14px; font-weight:bold; } .lblLaunchPadName { color: #FFFF00;} #LaunchPadNav { display:block; margin: 5px 0; background-color:#3F3F3F; color:#ffffff;} #LaunchPadNav A:link { color:#000;} #LaunchPadNav table{ border-collapse:collapse;} .lblCourseNavLaunch { font-weight:normal; font-size:15px; padding:10px 10px 0 20px; } .btnCourseNavLaunch { display: block; width:75px; height:34px; background-color: transparent; color:#000; text-align:center; float:right; background-image:url('../Images/btnSilver50x35.png'); background-repeat:no-repeat; background-position:center top; padding:5px 25px 0 15px; margin-top:10px; border:0; font-weight:bold;} A.btnCourseNavLaunch:link {color:#000; font-weight:bold; border:0;} .btnCourseRefer { display: block; width:75px; height:34px; background-color: transparent; color:#000; text-align:center; float:right; background-image:url('../Images/ReferACourseIcon.png'); background-repeat:no-repeat; background-position:center top; padding:10px 25px 0 15px; margin-top:12px; border:0;} A.btnCourseRefer:link { color:#000; font-weight:bold; border:0;} #LaunchPadNav A.btnlaunchpad:link { color:#000; font-weight:bold; padding:10px 0 0 0; display:block; text-align:center; height: 30px;} A.btnlaunchpad:visited { color:#000; font-weight:bold; padding:10px 0 0 0; display:block; text-align:center; height: 30px;} /* EMBEDDED LAUNCHPAD */ .clsLaunchpadMessage { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:Black; font-weight:normal; vertical-align:top; } .clsLaunchpadMessage h1 { font-size:14pt; padding:0 0 10px 5px; } .clsLaunchpadMessage h2 { font-size:11pt; } .clsLaunchpadMessage a { color:Blue;text-decoration:underline;} .clsLaunchpadMessageAlert { font-family:Arial,Helvetica,sans-serif; font-size:12pt; color:Black; font-weight:normal; padding:25px 0 25px 0; } .clsLaunchpadPrompt { font-family:Arial,Helvetica,sans-serif; font-size:9pt; color:Black; } .clsLaunchpadButtonContinue { background-color:Orange; font-size:x-small; width:110px; height:25px; font-weight:bold; } .clsLaunchpadButtonExit { background-color:#a91221; color:White; font-size:x-small; width:110px; height:25px; } /* Launch Course Links*/ a.clsLaunchCourseLink { font-size: 13px; font-family: Arial; font-weight:bold; text-decoration:none; background-image: url(/RVLMS20/LMS20/Resource/Images/en-us/Buttons/btn_Background.jpg); background-repeat:no-repeat; padding:4px 36px; text-align : left; color:#000000; height:40px; width:150px; line-height:20px; } a.clsLaunchCourseLink:hover { font-size: 13px; font-family: Arial; font-weight:bold; text-decoration:none; background-image: url(/RVLMS20/LMS20/Resource/Images/en-us/Buttons/btn_BackgroundHover.jpg); background-repeat:no-repeat; text-align:center; color:Black; height:40px; width:150px; padding:4px 36px; line-height:20px; } /* ---------------------------------------------------------- My Certificates -----------------*/ #MyCertificates {border-collapse:collapse;} .ContentCertificates { display:block; border:0; height:100%; padding:5px;} .UserLicense {background-color: #e9e9e9; padding: 5px; font-size:12px; border-bottom:1px #ccc solid; display:block; width:99%;} .UserLicense select {margin-left:15px;} .lblCertificates { font-weight:bold;} .lblCertCourseList { font-weight:bold; display:block;padding-bottom:5px;} .tblCourseDetail { border-collapse:collapse; border:0; width:100%;} .CourseDetail { border:0;} .lblCertCourseDetailLeft {font-weight:normal; padding:5 0; display:inline; float:left; width:250px;} .lblCertCourseDetailRight {font-weight:normal; padding:5 0; display:inline; float:left;} .lblCertCourseDetail {font-weight:normal; padding:5 0; display:inline;} .lblCertRevLicReq { font-weight:bold;} .pnlCertLicenseRequire { background-color:#ffffff; padding:5px; border-top:1px #000 solid; border-bottom:1px #ccc solid;} .lblCertLicenseName { font-size: 16px; font-weight:normal; float:left; display:inline-block;} .lblCertLicenseNameNonRV { font-size: 16px; font-weight:normal; float:left; display:inline-block; padding:5px;} .lblCertLicReqTime { font-size:12px; font-weight:bold; float:left;} /* ---------------------- Grid*/ .tabGrid_Certificate {width:99%; padding-top:10px; margin:10px 5px 2px 5px;} .tabGrid_Certificate td { border:0;; padding:0 5px;} .tabGridRow_Certificate td { border-right:1px solid #cccccc; padding:0 5px;} .tabGridRow_Certificate { background-color: #ffffff; color:#000000; border-bottom:1px #cccccc solid;} .tabGridRow_Certificate A:link { text-decoration:underline;} .tabGridAltRow_Certificate { background-color:#e6e6e6; border-bottom:1px #cccccc solid;} .tabGridAltRow_Certificate A:link { text-decoration:underline;} .tabGridAltRow_Certificate td { border-right:1px solid #cccccc; padding:0 5px;} .tabGridEditRow_Certificate { background-color:#579f5d; color:#ffffff;} .tabGridSelectRow_Certificate { background-color:#579f5d; color:#ffffff;} .tabGridHeader_Certificate { background-color: #D8A412; color:#333333; margin-top:15px;} .tabGridHeader_Certificate a { color:#ffffff; text-decoration:underline;} .tabGridHeader_Certificate A:link { color:#ffffff; text-decoration:underline;} .tabGridHeader_Certificate th { padding:5px; } .tabGridFooter_Certificate { background-color: #3F3F3F; color:#ffffff;} .tabGridPager_Certificate { background-color:#ffffff; font-weight:bold; color:#2465a3;} .tabGridPager_Certificate a { text-decoration:underline;} .tabGridPager_Certificate td { padding:0 5px; border:0;} .tabGridPagerLabel_Certificate{ color:#000000;} /* --------------------------------------------------------------- User Information - My Profile --------------------- */ #UserInformation { border:0px solid #cccccc; padding:0px;} .tblUserInfoMain { border-bottom:1px #000 solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-collapse:collapse;} .HeaderUserInfo { background-color: #D8A412; color: #333333; padding:5px; font-weight:bold; display:block; text-align:left;} .tblUserInfoProfile {width:100%} .tblUserInfoProfile td {padding:5px; border:0px solid #cccccc;} .tblUserInfoProfile input[type=text] { width:150px;} .tblUserInfoProfile input[type=checkbox]{ padding:2px;} .tblUserInfoProfile input[type=dropdown] { width:auto;} .tblAccountSettings { width:100%;} .tblAccountSettings td {padding:5px; border:0px solid #cccccc;} .tblAccountSettings input[type=submit] {margin:0; float:right;} .lblSystemReq { color: #000; font-size:12px; font-weight:normal;} .lblSystemWarning { color: #E0202F; font-size:11px; font-weight:normal;} .lblSystemGo { color:#3EB15F; font-size:12px; font-weight:bold;} .lblSystemReq span { color: #000; font-size:12px; font-weight:normal;} .lblSystemWarning span { color: #E0202F; font-size:11px; font-weight:normal;} .lblSystemGo span { color:#3EB15F; font-size:12px; font-weight:bold;} .lblEmail {padding:0 15px 0 35px; text-align: right; font-weight:bold; vertical-align:top; white-space:nowrap;} .lblAltEmail {padding:0 10px 0 20px; text-align: right; font-weight:bold; vertical-align:top; white-space:nowrap;} /*-----------------------------------------------------Common Error Class for Highlighting the fields---------------*/ .error {border:1px red solid !important; } /* ----------------------------- Red text for warnings on model popups on Add Training ------------ */ .lblSystemWarninglg { color: #FF3300; font-size:14px; padding:5px; display:block; margin:0px 10px 5px 32px; float:left; } .lblSystemWarningmd { color: #FF3300; font-size:12px;} .lblSystemGolg { color: #3EB15F; font-size:16px; } .lblSystemMessage { color:#000000; font-size:14px; text-align:center;} img.lblSystemMessage { color:#000000; font-size:14px; float:left;} .lblSystemMessagelg { color:#000; font-size:16px; } .auto-style1 { text-align: right; padding-right:5px; font-weight:bold; vertical-align:top; white-space:nowrap;} .tblLicenseInfo { width:100%;} .msgProfile { font-size:10px; } .clsGridLegend { font-size:10px; color:red; } /* ---------------------------------------------------------------- My Alerts ----------------------------- ----------- this page has the tabGrid that gets some colors from the Custom CSS */ .MyAlertsHeader span { font-weight:bold; font-size:14px; color:#ffffff; padding-left:50px;padding-top:10px; display:block; } /* this is a Faux header that give the look of the tab without a Tab control */ .MyAlertsHeader { display:block; width:100%; padding:0; height:30px; background-image:url('Images/tab_activestar.gif'); background-position:left bottom; background-repeat:no-repeat; } .MyAlertsError { display:block; padding:5px 0; background-color:#fff; text-align:center; color: #A30000; font-weight:bold; width:99%; margin:0 auto; border:2px solid #4E87BC; } /* ------------------------------------------------------- MODAL POP UP CLASSES -------------------------- */ /* - ------------------------------------------ ADMIN Competency Assessment History Pop up-------------------------------- */ .modalPopupCompAssessHistory { z-index:1001; display:block; background-color:transparent; position: absolute !important; } .popIframeCompAssessHistory {width:780px; display:block; height:600px; background-color:#ffffff; border:0; } .popWrapperCompAssessHistory { width:800px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popContentCompAssessHistory { width: 97%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow: auto; } /* - Verify User Information PopUp -------------------------------------------------------------------*/ .modalPopupVerifyUser { position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; padding:1em 6px; } .popWrapperVerifyUser { width: 600px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popContentVerifyUser { background-color:#ffffff; display:block; padding:10px; } .popContentVerifyUser img { display:block; margin:0 auto; } .HeaderVerifyUser {font-size: 16px; font-weight: bold; margin: 10px 0 0 0; text-align: left;} .msgVerifyUser {font-size:12px; font-weight: normal; margin: 10px 0 10px 0; text-align: left;} .labelUserInfo { text-align: right; font-weight: bold; padding: 5px; vertical-align:top;} .textUserInfo { text-align: left; padding: 5px; } .tblUserInfo {margin: 5px; vertical-align:top; } /* ------------------------------------------------------ View Requirements Popup ------------ */ .popWrapperViewRequire { width: 610px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popContentViewRequire { width: 97%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow: auto; } .popUpperViewRequire{ display:block; background-color:#ffffff; } .popLowerViewRequire{ display:block; background-color:#ffffff; color:#000000; margin-bottom:5px; vertical-align:top; padding:0 5px 5px 5px; } /*div.popWrapperCornerClose { display: block; width:350px; background-color: #0d9b8c; margin:0; padding:0; border:5px #0d9b8c solid;} div.popContentCornerClose { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } div.popContentCornerClose input.close { DISPLAY: block; BACKGROUND: url(images/close24.png) no-repeat 0px 0px; left: 96%; WIDTH: 26px; TEXT-INDENT: -1000em; POSITION: absolute; TOP: -15px; HEIGHT: 26px; padding:0; border:0;} */ /* ---------------------------------------- Right corner close button */ input.close { DISPLAY: block; BACKGROUND: url(images/close24.png) no-repeat 0px 0px; left: 96%; WIDTH: 26px; TEXT-INDENT: -1000em; POSITION: absolute; TOP: -15px; HEIGHT: 26px; padding:0; border:0;} /* ---- License Requirements control in Popup*/ .clsHeaderLicenseRequire { display:block; padding:5px 0; font-weight:bold; font-size:14px; border-bottom:1px solid #cccccc;} .lblLicenseRequire { font-weight:bold; display:block; background-color:#e9e9e9; padding: 5px;} .tblLicenseRequire { width:100%; margin:0 auto; } .tblLicenseRequire td { padding:0 0 0 5px;} /* ------------------------------------------------------------------ View Requirements Popup END * / /* --------------------------------------------- Time out popup ----------------*/ .modalPopupTimeOut { position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; padding:1em 6px; } .popWrapperTimeOut { width: 600px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popContentTimeOut { background-color:#ffffff; display:block; padding:10px; } .popContentTimeOut img { display:block; margin:0 auto; } /* --------------------------------------------- Select Language popup ----------------*/ .popWrapperSelectLang { width: 300px; display: block; background-color: #4E87BC; padding:5px; margin:200px auto; } .popTitleSelectLang { font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; } /* --------------------------------------------- Refer a course popup ----------------*/ .modalPopupReferACourse { position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; padding:1em 6px;} .popWrapperReferACourse { display: block; background-color: #4E87BC; padding:5px; margin:0 auto; width:100%; height:100%} .popContentReferACourse { background-color:#ffffff; display:block; padding:10px; overflow:visible; height:100%;} .popContentReferACourse img { display:block; margin:0 auto; width:90px; padding:0;} .popContentInnerReferACourse p { font-size:14px; margin-bottom:10px; padding-bottom:10px;} .popContentReferACourse table {} .popBtnsReferACourse { background-color: #ffffff; margin:10px auto; display:block;} .popBtnsOuterReferACourse { background-color: #ffffff; margin:0 auto; display:block;} .lblRefer { font-weight:bold; font-size:12px; margin-right: 5px; } /* --------------------------------------------- Admin Reports popup ----------------*/ .modalPopupAdminReports { position: relative; top:10%; left:10%; z-index:1001; display:block; background-color:transparent; padding:1em 6px;} .popWrapperAdminReports { display: block; background-color: #4E87BC; padding:5px 5px 25px 5px; margin:0 auto;} .popContentAdminReports { background-color:#ffffff; display:block; margin:10px 0 0 0; padding:0;} .popBtnsAdminReports { background-color: #ffffff; margin:10px auto; display:block;} .popBtnsOuterAdminReports { background-color: #ffffff; margin:0 auto; display:block;} /* ------------------------------------------------------------- Popup Styles */ .popWrapper { width: 400px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } /* -------------------------------------- Order History Popup from My Profile page.*/ .modalPopupOrder{ position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; padding:1em 6px;} .popWrapperOrder { width: 730px; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popAddedContentOrder { width: 96%; height: 92%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:10px; overflow:auto; border:1px solid #cccccc; } .popContentOrderLeft { display:block; width:50%; float:left; } .popContentOrderLeft td{ padding:2px; } .popContentOrderRight { display:block; width:50%; float:left; } .popAddedContentOrder p { font-size:12px; float:left; } /* ----------------------------------------------Order History Popup END -------------------------------*/ /* ------------------------------------------ Order Confirmation Popup ----------------------------------*/ /* #divReceipt { display:block; width:700px; height:auto; } */ .modalPopupOrderReceipt { position: relative; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; width:100%; height:100%; } .popWrapperOrderReceipt {overflow: scroll; width:700px;background-color: #4E87BC; border:5px #4E87BC solid; height:100%; } .popAddedContentOrderReceipt { width: 90%; background-color:#ffffff; margin:5px auto 10px auto; display:block; padding:10px; border:1px solid #cccccc;} .popAddedContentOrderReceipt p { font-size:12px; display:block; text-align:left;} .popUpperOrderReceipt { background-color:gray; } .popLowerOrderReceipt {display:block; background-color:#ffffff; color:#000000; margin-bottom:5px; vertical-align:top; padding:5px; } #myprofile_tab OL {display:block; margin:0 auto; padding: 5px;} #myprofile_tab LI {list-style-position: inside; list-style:decimal !important;} #myprofile_tab UL LI {list-style-type:disc; display:block; margin:0 auto; padding: 5px;} .popBtnsOrderReceipt { background-color:transparent; margin:5px auto; display:block; width:100%; } .lblOrderReceipt { font-size:12px; font-weight:bold; } .txtOrderReceipt { font-size:12px;} .clsParentCatalog { font-size:12px; font-weight:bold; color:#000000; } .clsChildCatalog { font-size:12px; color: #666666;} /* ---------------------------- END*/ /* --------------------------------------- Admin Add Job Role --------------------------*/ .modalPopupAddJobRole{ z-index:1001; display:block; background-color:transparent; padding:1em 6px;} .popWrapperAddJobRole { display: block; background-color: #4E87BC; padding:10px; margin:0 auto; } .popContentAddJobRole { background-color:#ffffff; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11px; display:block; padding:5px; } .popContentViewJobRoles { background-color:#ffffff; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:11px; display:block; padding:5px; height:500px; overflow: scroll; } .tblAddJobRole { width:100%;} .tblAddJobRole span { padding:5px; } .tblAddJobRole input { margin:5px; } .tblAddJobRole_title_col { background-color: #e8e8e8; color: #333; font-weight:bold; padding:0 0 0 5px; width:60px; white-space:nowrap; } .tblAddJobRole_content_col { padding-left:10px; width:160px; } /* ----------------------------- My Transcripts Add Transcript Popup --------------------*/ .modalPopupTranscript{ position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; padding:1em 6px;} .popWrapperAddTranscript { width: 400px; display: block; background-color: #4E87BC; padding:10px; margin:0 auto; } .popContentAddTranscript { background-color:#ffffff; display:block; width:100%; } .AddTranscript_title_col { display:block; float:left; background-color: #e8e8e8; color: #333; font-weight:bold; padding:5px; width:125px; white-space:nowrap; margin-right:5px;} .AddTranscript_content_col { margin:0px; width:175px; display:block; float:left;} .AddTranscript { width:100%; border:0; display:block; padding:5px; } .row { display:block; clear:left; } .tblAddTranscript { width:100%; border:1px #000000 solid; } .tblAddTranscript td { padding:5px; border:1px #666 solid;} .tblAddTranscript_title_col { background-color: #e8e8e8; color: #333; font-weight:bold; padding:0 0 0 5px; width:60px; white-space:nowrap; } .tblAddTranscript_content_col { padding:5px 0 5px 10px; margin-left:5px; width:160px; } .AddTranscriptError {border:1px red solid !important; } /* ---------------------------------- END --------------------------------- */ /* --------------------------------------- Popup Add Edit License from Start Course ------------ */ /* ----------------------------- My Transcripts Add Transcript Popup --------------------*/ .modalPopupaddEditLicense{ position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; width:100%; height:100%;} .popWrapperAddEditLicense { width: 98%; height: 400px; display: block; background-color: #ffffff; padding:5px; margin:0 auto; } .popIframeAddEditLicense { width:100%; display:block;} .popWrapperLaunchExamLicense { width: 80%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } /* ----------------------------- Block Hour Subscription Authorization Popup --------------------*/ .modalPopupSubscriptAuthorize{ position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; width:500px; height:100%;} .popWrapperSubscriptAuthorize { width: 98%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popAddedSubscriptAuthorize { width: 96%; height:90%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow: visible; } .popAddedSubscriptAuthorize span { padding:5px 0; } .popAddedSubscriptAuthorize input[type=checkbox] { padding:5px; vertical-align:middle; } .popBtnsSubscriptAuthorize{ background-color:transparent; margin:5px auto; display:block; width:100%; } /* ------------------------------------- END ------------------------*/ .popWrapperLaunchExamLicense { width: 80%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } /* ------------------------------------ ------------------- Affidavit Popup */ .modalPopupPrintAffidavit { position:absolute; top:40%; left:40%; z-index:1001; display:block; background-color:transparent; width:100%; height:100%;} .popWrapperAffidavit { width: 730px; height:95%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popWrapperShowAffidavit { width: 730px; height:50%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popAddedContentAffidavit { width: 96%; height:90%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow: visible; } /* --------------CuteEditor Insert Image Popup class ---------------------*/ .ceifdialog { position:absolute; z-index: 888888 !important; } .ceifdialog .ceifdialogtl, .ceifdialog .ceifdialogtop, .ceifdialog .ceifdialogtr { height: 0px !important; overflow:hidden; } .ceifdialogshadow { z-index: 100005 !important; } /* ------------------------------------ User Verification ModalPopupExtender Popup */ .modalPopupUserVerification { position: absolute; top:10%; left:10%; z-index:10001; display:block; background-color:transparent; height:100%;} .popWrapperUserVerification { width: 600px; height:90%; display: block; background-color: #4E87BC; padding:5px; margin:0 auto; } .popAddedContentUserVerification { width: 96%; height:100%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow: visible; } .clsFrmUserVerification { width:100%; height:100%; } .UserVerification { display:block; padding:5px; overflow: visible; } .clsHeaderUserVerification { font-size: large; padding: 1em 5em 0 5em; font-weight: bold; text-align: center;} .tblUserVerification { width:100%; } .clsUserVerificationtxt { font-size:14px; padding: 1em 5em 0 5em; } /* ----------------------- Popup ModalPopup Classes ---------------------- */ .popContent { width: 97%; background-color:#ffffff; margin:0 auto 10px auto; display:block; height:300px; padding:5px; overflow:auto; } .popAddedContent { width: 96%; background-color:#ffffff; margin:0 auto 10px auto; display:block; padding:5px; overflow:auto; } .popAddedContent p { font-size:12px; float:left; } .imgCourse { float: left; padding: 5px; width: 150px; } .imgCart { float: left; padding: 5px; width: 100px; } .popTitle { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; } .popTitleAuthor { font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #70a66c; } .popName { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .popUpper{ display:block; background-color:#ffffff; } .popLower{ display:block; background-color:#ffffff; color:#000000; margin-bottom:5px; vertical-align:top; padding:0 5px 5px 5px; } .pop_details { background-image:url('Images/btn-green-pop.gif'); background-position:left top; color:#ffffff; font-weight:bold; background-repeat:no-repeat; padding:2px 0 0 5px; width:224px; height:27px; margin-right:5px; border:0; } .popCheckout { background-image: url('Images/btn-red-pop-lng.gif'); background-position:left top; background-repeat:no-repeat; color:#ffffff; font-weight:bold; text-align:center; width:130px; height:25px; margin-right:5px; border:0; } .popClose { background-image:url('Images/btn-black-pop.gif'); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; text-align:center; width:81px; height:27px; margin-right:5px; border:0; } .popCloseBtnRight { background-image:url('Images/btn-black-pop.gif'); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; text-align:center; width:77px; height:24px; border:0; float:right; } .popContinue { background-image:url('Images/btn-green-pop.gif'); background-position:left top; color:#ffffff; font-weight:bold; background-repeat:no-repeat; padding:2px 0 0 5px; width:224px; height:27px; margin-right:5px; border:0; } .popAddCart { background-image: url('Images/pluscartbuttonpopup.gif'); background-position:left top; background-repeat:no-repeat; color:#ffffff; font-weight:bold; text-align:center; width:64px; height:25px; margin-right:5px; padding-left:22px; border:0; } .popEnrollNow { background-image: url('/LMS20/Resource/Images/en-us/CSS/btn-gold-sm.gif'); background-position:left top; background-repeat:no-repeat; background-color:transparent; color:#000000; font-weight:bold; text-align:center; width:64px; height:25px; margin-right:5px; padding-left:9px; border:0; } .popBtns { display:block; background-color:#4E87BC; margin:0; width:100%; } .popBtnsClose { display:block; background-color:#4E87BC; float:right; margin:0; width:100%; } .modalPopup { background-color:transparent; padding:1em 6px; } .modalPopup2 { background-color:#146a09; width:270px; vertical-align :top; padding:0 auto; } .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } /* ------------------------------------- END ------------------------*/ /* ----------------------------- Pop up for Create Package SLT - 3/2/2012 --------------------*/ div.popWrapperCreatePackage { display: block; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popContentCreatePackage { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } #form_body .popWrapperExamUpload {padding:0px;margin:0 auto;background-color:#FFFFFF !important;} #form_body div.popWrapperCreatePackage { display: block; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid; overflow:visible;} #form_body div.popWrapperExamHistory { display: block; width:1020px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid; overflow:visible;} #form_body div.popContentCreatePackage { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto;} /*-----------------Pop up for Course Launch -Add Exam question--------------------------*/ div.popWrapperCLExamQuestion{ display: none; z-index: 1000 !important; position: relative; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} /* ----------------------------- Pop up for Custom Course Archive Conflicts(bigger width) --------------------*/ #form_body div.popWrapperArchive { display: block; width:800px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid; overflow:visible;} /* ----------------------------- Pop up for Manage Package SLT - 3/2/2012 --------------------*/ div.popWrapperManageCourseList { display: block; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popContentManageCourseList { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } /* ----------------------------- Grade Exam Popup --------------------*/ div.popWrapperGradeExam { display: block; width:350px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popContentGradeExam { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } /* ----------------------------- Manage Training Message Popup --------------------*/ div.popWrapperCornerClose { display: block; width:350px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popContentCornerClose { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } #form_body div.popWrapperCornerClose { display: block; width:350px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid; overflow:visible;} #form_body div.popContentCornerClose { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } /* ----------------------------- Manage Training Course Assignment Success Message Popup --------------------*/ div.popWrapperCornerCloseCA { display: block; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popContentCornerCloseCA { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } #form_body div.popWrapperCornerCloseCA { display: block; width:600px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid; overflow:visible;} #form_body div.popContentCornerCloseCA { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } /* ----------------------------- Manage Training Help Message Popup --------------------*/ #form_body div.popWrapperHelp { display: block; width:550px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} div.popWrapperHelp { display: block; width:550px; background-color: #4E87BC; margin:0; padding:0; border:5px #4E87BC solid;} #form_body div.popContentHelp { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } div.popContentHelp { background-color:#ffffff; display:block; padding:10px 10px; overflow:auto; } #subtabs p.popContentHelp {font-size:12px;font-weight:bold;} /* ---------------------------------------------------- Pop up with corner close - SLT - 2-29-2012 */ #form_body div.confirm-dialog { MARGIN: 0px auto; WIDTH: 400px; PADDING-TOP: 0; POSITION: relative; background-color: transparent; } #form_body div.confirm-dialog .inner { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 11px; MARGIN: 0px 0px 0px 5px; WIDTH: 85%; PADDING-TOP: 0px; background-color:#fff; border:5px #4E87BC solid; } #form_body div.confirm-dialog input { WIDTH:50px; } #form_body input.cornerclose { DISPLAY: block; BACKGROUND: url('../Images/close24.png') no-repeat 0px 0px; WIDTH: 26px; TEXT-INDENT: -1000em; POSITION: absolute; TOP: -5px; HEIGHT: 27px; LEFT: 360px; border:0; } /* */ .modalBackgroundCorner { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } #form_body div.catalog-dialog { MARGIN: 0px auto; WIDTH: 700px; PADDING-TOP: 0; POSITION: relative; background-color: transparent; } #form_body div.catalog-dialog .inner { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 11px; MARGIN: 0px 0px 0px 5px; WIDTH: 85%; PADDING-TOP: 0px; background-color:#fff; border:5px #4E87BC solid; } #form_body div.catalog-dialog input.cornerclose { DISPLAY: block; BACKGROUND: url('../Images/close24.png') no-repeat 0px 0px; WIDTH: 26px; TEXT-INDENT: -1000em; POSITION: absolute; TOP: -5px; HEIGHT: 27px; LEFT: 620px; border:0; } div.access-message-dialog { MARGIN: 0px auto; WIDTH: 700px; PADDING-TOP: 0; POSITION: relative; background-color: transparent; } div.access-message-dialog .inner { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 11px; MARGIN: 0px 0px 0px 5px; WIDTH: 85%; PADDING-TOP: 0px; background-color:#fff; border:5px #4E87BC solid; } div.access-message-dialog input.cornerclose { DISPLAY: block; BACKGROUND: url('../Images/close24.png') no-repeat 0px 0px; WIDTH: 26px; TEXT-INDENT: -1000em; POSITION: absolute; TOP: -5px; HEIGHT: 27px; LEFT: 620px; border:0; } /* ------------------------------------------------------------------ Popup styles END */ /* ---------------------------------------------- Error page ---------------------------*/ .wrapperError { display:block; width:100%; margin:25px 0; background-image:url('../Images/ScreenError50.png'); background-position:left top; background-repeat:no-repeat; } .clsErrorTitle { font-size: 12px; color: #A30000; font-weight: bold; padding: 10px; } .clsErrorMessage { font-size: 14px; color: #000; padding: 10px 10px 10px 60px; display:block; width:90%; height:100%; } .clsErrorMessage a { color: #0B3295; text-decoration:underline;} .clsErrorMessage h1 { font-size:16px; font-weight:bold; display:block; padding-bottom:5px;} .clsErrorInstructions { font-size: 12px; padding: 0 10px 10px 10px; display:block; border-top:1px solid #cccccc; display:block; margin-top:50px;} .clsErrorInstructions a { color: #0D3495; text-decoration:underline; } .clsErrorInfo { font-size: 9px; color: #0000FF; padding: 0 10px 10px 10px;} /* ------------------------------------------ Forgot Your Password ----------------------------------- */ .wrapperForgotPassword { display:block; width:100%; margin:25px 0; background-image:url('../Images/ScreenError50.png'); background-position:left top; background-repeat:no-repeat;} .clsForgotPasswordCaption { font-size:16px; font-weight:bold; display:block; padding-bottom:5px; margin-left:60px;} .clsForgotPasswordInstructions { font-size: 14px; color: #000; padding: 10px 10px 10px 60px; display:block; width:90%; height:100%; } .clsForgotPasswordForm { margin-left: 60px; } .lblForgotPassword { font-size:12px; font-weight:bold; padding-right:10px;} .clsForgotPasswordForm input[type=text], .clsForgotPassword textarea { padding-left:5px;} .clsForgotPasswordForm input[type=submit] {margin-bottom:-10px;} .clsForgotPasswordResults { margin:20px 60px; } .clsForgotPasswordFooter { margin:0 60px;} /* Generic table classes */ .tblBasic { border-collapse:collapse; font-size:12px;} .tblBasic th { background-color:#e8e8e8; color: #000; text-align:center; padding:5px; } .tblBasic td { border:1px #e8e8e8 solid; padding:5px; } .tblBasicNoBorder { border-collapse:collapse; font-size:12px;} .tblBasicNoBorder th { background-color:#e8e8e8; color: #000; text-align:center; padding:2px; } .tblBasicNoBorder td { border:0; padding:2px; } /* COURSE PREVIEW PAGE */ .clsPreviewHeader { color: #aa0000; font-size:14pt; padding:2em 0 1em 0; } .clsPreview { font-family:Arial; font-size: 12pt; color:black;padding:0.5em; } .clsPreviewBold { font-family:Arial; font-size: 12pt; color:black; font-weight:bold; padding:0.5em; } /* ------------------------------------------------------------- View Package Details - SLT 2/2012 */ .clsCourseLaunchHeaderRow { display: block; clear: left; } .clsCourseLaunchHeader { font-size: 14px; float: left; width: 300px; } .clsCourseLaunchSave { width: 75px; float: right; background-image: url('images/btnGreen75x25.png'); display: block; height: 30px; background-repeat: no-repeat; padding:3px 0 0 0; text-align:center; margin:5px 0; } .clsCourseLaunchSubHeader { border-bottom: 1px #ccc dotted; margin:20px 0 10px; font-size: 14px; width:90%; } .clsCourseLaunchLabel { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 11px; } #subtabs .clsCourseLaunchLabel { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 11px; } .clsCourseLaunchLabelLong { font-weight: bold; width: 300px; display: block; float: left; clear: left; font-size: 12px; } .clsCourseLaunchFileBttn input[type=file] { background-image: url('images/btnGreen50x28.png'); } .clsCourseLaunchSubTitle { font-size: 12px; font-style: italic; } .clsCourseLaunchTitleSteps { padding: 5px; border-bottom: 1px solid #E5E5E5; margin-bottom: 5px; background-color: #DCE2E7; } .clsCourseLaunchDesc { font-size: 12px; display: block; padding: 5px; width: 95%; margin: 10px; } .clsCourseLaunchCollt { display: block; width: 65%; float: left; } .clsCourseLaunchColrt { display: block; width: 33%; float: right; } .clsCourseLaunchTable { width: 75%; margin: 10px 0 0 25px; background-color: #E4E4E4; border-collapse: separate; } .clsCourseLaunchTable td { background-color: #fff; width: 50%; } .clsCourseLaunchTable img { padding: 0 2px; } .clsCourseLaunchTable img.removeicon { text-align: center; margin: 0 auto; padding: 0 3px; } .clsCourseLaunchTable img.calendaricon { text-align: right; padding: 0 5px; } #TabsProcess { height:40px; } #TabsProcess ul {list-style:none;padding:0;margin:0; } #TabsProcess li { display: inline; margin: 0 2px 0 0; } #TabsProcess li a { padding: 0 1em;} #TabsProcess a {padding: 0 1em; text-decoration: none; color: #333333; background: #E8E8E8; } #TabsProcess a:hover { background: #fc0; color: #540;} #TabsProcess #selected { } #TabsProcess #selected a { padding-bottom: 2px; font-weight: bold; color: #000; color: black; background: #DCE2E7; } .clsReviewCCourseHeaderRow { display: block; border-bottom: 1px solid #666666; width: 100%; } .clsReviewCCourseHeader { font-size: 14px; float: left; clear: both; } .clsReviewCCourseSave { width: 50px; float: right; background-image: url('images/btnGreen50x28.png'); display: block; height: 30px; background-repeat: no-repeat; } .clsPackageStatusWarning { width: 150px; font-size: 10px; font-style: italic; } .clsPackageStatusMessage { font-style: italic; font-size: 12px; width: 90%; padding: 5px 0; } .clsReviewCCourseSubHeader { border-bottom: 1px #ccc dotted; margin: 20px 0 10px; font-size: 14px; } #subtabs span.clsReviewCCourseLabel { font-weight: bold; width: 150px; display: block; float: left; clear: left; font-size: 12px; height: 16px; } .clsReviewCCourseLabelR { font-weight: bold; width: 235px; display: block; float: right; clear: right; font-size: 12px; height: 16px; } .clsReviewCCourseLabelLong { display: block; font-size: 12px; font-style: italic; } .clsReviewCCourseDesc { font-size: 12px; display: block; padding: 5px; width: 95%; margin: 10px; } .clsReviewCCourseleftCol { display: block; width: 49%; float: left; } .clsReviewCCoursertCol { display: block; width: 49%; float: right; } .clsReviewCCourseJobTable { width: 75%; margin: 10px 0 0 25px; background-color: #E4E4E4; border-collapse: separate; border-left: 1px solid #e9e9e9; border-right: 2px solid #cccccc; border-bottom: 1px solid #e9e9e9; } .clsReviewCCourseJobTable td { background-color: #F7F6F3; } .clsReviewCCourseTable img { padding: 0 2px; } .clsReviewCCourseJobTable img.removeicon { text-align: center; margin: 0 auto; padding: 0 3px; } .clsReviewCCourseJobTable img.calendaricon { text-align: right; padding: 0 5px; } .clsCustomExamQuestionsHeaders { text-align: left; } .clsCustomExamQuestions { background-color: #F7F6F3; border-left: 1px solid #e9e9e9; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; } .clsCustomExamQuestions td { padding: 5px; } .clsCustomExamQuestions tr { border: 1px solid #e9e9e9; } .clsCustomExamQuestionsAnswer { font-weight: normal; padding: 0; margin: 0 inherit; } .lblCustomExamQuestion { font-weight: bold; font-style: italic; margin-bottom: 5px; display: block; } .clsAnswerIncorrect { color: #ff0000; font-weight: bold; } .clsAnswerCorrect { color: green; font-weight: bold; } .row { display: block; clear: both; } .linethrough { text-decoration: line-through; } .checkerbox-ui .hidden { display: none; } .checkerbox-ui .btn.btn-txt > span { margin-top: -2px !important; margin-bottom: 0; } .lt-ie10 .checkerbox-ui .btn.btn-txt > span { margin-top: 0 !important; } .clsExamContainer input[type="radio"] { width: 16px !important; height: 16px !important; padding: 0px !important; margin: 5px; } .AccountTitleBold { color: #000000; font-family: Arial; font-size: 12pt; font-weight: bold; text-align: center; padding-bottom: 10px; } .AccountAccordionAdmin { width: 98%; display: block; z-index: 1000; border: 2px solid #000; font-size: 14px; padding: 10px; margin-bottom: 5px; } .AccountAccordionContent { border-bottom: 1px solid #000; padding: 5px; font-size: 13px; color:#000; } .AccountAccordionContent a:hover { color: #AD0014; background-color: #C8C8C8; } /******************************************************End Account Library Setup Page************************************************************************************/ .launch-assessment-button { background-color: rgb(33, 169, 19); background-image: url("/assets/core/img/tile-trans-white-0p.png"), linear-gradient(rgb(39, 190, 22) 0%, rgb(28, 150, 15) 100%); border-bottom-color: rgb(121, 124, 131); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: separate; border-left-color: rgb(121, 124, 131); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(121, 124, 131); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(121, 124, 131); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.247059) 0px 1px 0px 0px; box-sizing: border-box; color: rgb(255, 255, 255) !important; cursor: pointer; display: inline-block; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; height: 33px; line-height: 29px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 1px; transition-delay: 0s; transition-duration: 0.25s; transition-property: all; transition-timing-function: ease; visibility: visible; white-space: nowrap; zoom: 1; }