/* Title: Streaming Teacher - screen */ /* Author: Nic Marson, nicmarson@gmail.com Version: 2008.01 */ /* Reset Code authored by Eric Meyer. The purpose of a reset file, stated in the words of Yahoo, "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions." (see http://developer.yahoo.com/yui/reset/) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* GLOBAL STYLES ---------------------------- */ html { height: 100%; margin-bottom: 1px } /* forces vertical scrollbar */ :focus { outline: 0; } /* removes dotted border around selected objects */ ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } html, body { background: #555; color: #FFF; font: 11px/1.2em Arial, Helvetica, sans-serif } body.iframe { background: #FFF; padding: 1em 1.75em .5em } ul, dl, ol, p { line-height: 1.4em; margin-bottom: 1.4em } ul { margin: 0 1em 1.4em; padding-left: 1em } ul ul { margin: 0 1em; padding-left: 1em } li { list-style: disc; margin: .4em 0 } li li { list-style: circle } h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Arial, sans-serif; line-height: 1em } a { text-decoration: none; } a:link, a:visited { color: #069 } a:hover { color: #BF2B37 } a img { border: none } em { font-style: italic } strong { font-weight: bold } big { font-size: 125% } small { font-size: 75% } sup { font-size: 75%; vertical-align: 4px } span.fill { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } div { position: relative } .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display:inline-block; } .clearfix { display:block; } .clearboth { clear: both } .hiddencontent { display: none } .TextError { color: red } .img-left, .img-right, .img-center { margin: 0 } .img_left img, .img-left img { float: left; margin: 4px 10px 1em 0 } .img_right img, .img-right img { float: right; margin: 4px 0 1em 10px } .center, .img-center { text-align: center } .img-center img { margin-bottom: 1em } .white { background: #FFF; color: #222 } .chart { border: 1px solid #999; border-width: 1px 1px 0 0; margin-bottom: 1.4em } .chart td { border: 1px solid #999; border-width: 0 0 1px 1px } .chart th { background: #abccdd } .chart tr { background: #FFF } .chart tr.alt { background: #e9d18b} .chart tr:hover, .chart tr.hover { background: #DADADA } /* LAYOUT ---------------------------- */ #header, #middle, #footer { float: left; width: 100%; position: relative; overflow: hidden } #middle { background: #999; min-height: 610px } #content { border-right: 1px solid #777; display: inline; float: left; width: 761px; margin-left: 201px } div.popup#content { background: #FFF; color: #222; border-width: 0; width: 682px; margin-left: 0; padding: 5px 15px } #content .window { background: #FFF; color: #222; font-size: 12px; float: left; width: 721px; height: 585px; padding: 0 20px 40px; position: relative } #content .window iframe { position:absolute; left:20px; top:105px } /* #content div.entry { border-bottom: 1px solid #999; clear: left; float: left; width: 100%; margin-bottom: 10px; padding-bottom: 5px } */ #content .entry img { float: left; margin: 0 15px 10px 0 } #content blockquote { background: url(/_img/layout/quote.gif) no-repeat 19px 5px; border-bottom: 1px solid #999; clear: left; display: block; float: left; width: 630px; margin-bottom: 1.6em; padding: 0 20px 5px 70px } #content blockquote .author { background: #DDD; float: left; width: 620px; padding: 12px 15px } #content h2 { background: #888; border-bottom: 1px solid #777; color: white; font-size: 12px; line-height: 24px; height: 24px; text-indent: 10px; text-transform: uppercase } #content h3 { color:#069; font-size: 18px; margin: .7em 0 .5em } #content h4 { color: #C60; font-size: 14px; margin: 1.2em 0 1em } #content table h2, #content table h3, #content table h4 { margin: 0 } #content th { background: #069; color: #FFF; font-weight: bold; padding: 5px; text-align: center; vertical-align: middle } #content td { padding: 5px 10px; vertical-align: middle } #content td table, #content td td { border-width: 0px; padding: 5px } #content td.total { background: #EAEAEA; font-weight: bold } #content p img { float: left; margin: 4px 10px 5px 0 } #content p input { margin: 0 .6em } #content p label { display: block; float: left; width: 6em; line-height: 27px } #content label, #content div.form label { display: inline; line-height: 22px } #content form p, #content div.form p { background: #EEE; border-bottom: 1px solid #CCC; clear: left; margin-bottom: 0; padding: 1em } #content input.text, #content textarea { background: #FFF; border: 1px solid #CCC; padding: 4px 6px } #content input.focus, #content textarea.focus { border: 1px solid #C90 } #content dt { font-size: 14px; font-weight: bold; margin: .75em 0 .4em } #content dd { margin-bottom: .6em } /* Content Variations */ #content.column-1 { background:#FFF; height:100%; margin:0; width:962px; } /* Header ---------------------------- */ #header { background: #277DA9 url(/_img/layout/bg_header.png) repeat-x; border-bottom: 1px solid #069; height: 60px; line-height: 60px; text-align: right } #header a { color: #FFF !important } #header h1, #header p.dealer { font-size: 30px; text-align: left; display: inline; float: left; margin: 17px 0 0 20px } #header h1, #header h1 a { display: block; width: 249px; height: 29px; position: relative; overflow: hidden } #header h1 a span { background: url(../_img/layout/streamingteacher.png) } #header p.dealer { color:#DADADA; font: 26px/1em "Trebuchet MS", Arial, sans-serif; display: inline; float: left; width:10em; margin: 16px 0 0 17px } #header ul { font-size: 14px; line-height: 60px; text-align: right; margin-right: 20px } #header li { display: inline } #header li a:hover { border-bottom: 1px solid #FFF } /* Left Side ---------------------------- */ #side { background: #DDD; border-right: 1px solid #777; clear: both; width: 200px; margin-bottom: -20000px; padding-bottom: 20000px; position: absolute; top: 0px; left: 0px } #logo { text-align: center; margin: 9px 11px 15px } #dealer-logo { background: #FFF; border: 1px solid #999; text-align: center; width: 160px; margin: 20px; padding-top: 10px } #side div.form { margin: 0 20px 10px } #side p { margin-bottom: 10px } #side p.form { text-align: center } #side label { color: #000; display: block; margin-bottom: 5px } #side small { color: #333; font-size: 10px } #side input.text { background: url(../_img/layout/bg_login.png); border: 0px; width: 148px; height: 16px; padding: 5px 6px } #side input.text:focus, #side input.focus { background-position: 0px -40px } #help { display: none; background: url(../_img/layout/bg_help.png); width: 160px; height: 60px; margin: 10px 20px } #merchant_info { background: #FFF; border: 1px solid #999; text-align: center; width: 160px; margin: 20px; padding-top: 10px } #merchant_info p { text-align: center; margin-bottom: 10px } /* Homepage Courseware ---------------------------- */ #courseware { background: #BBB; border-right: 1px solid #555; color: #333; float: left; width: 480px } #courseware div { float: left } #courseware div.content { background: #FFF; border: 1px solid #A5A5A5; border-width: 0 1px 1px; width: 423px } #courseware h3 { background: #CCC; border: 1px solid #A5A5A5; float: left; width: 423px; margin: 0 0 2px; position: relative } #courseware h3.ui-state-hover { background: #EAEAEA url(../_img/buttons/more-information.png) no-repeat 262px 9px; border-color: #999 } #courseware h3.ui-state-active { border-color: #999; margin: 0 } #courseware h3 span.expand { color: #555; font-size: 11px; display: block; text-transform: uppercase; width: 134px; height: 40px; position: absolute; right: 18px; top: 20px } #courseware #mcamTechTips_button span.expand, #courseware #mcamXart_button span.expand { color:#F00 } #courseware h3.ui-state-hover span.expand { color: #333 } #courseware h3.ui-state-active span.expand { color: #999 } #courseware h3 a { background: url(/_img/courseware/mastercam/mastercamVC.gif) no-repeat 74px 9px; display: block; text-indent: -999em; width: 406px; height: 38px; padding: 8px 6px 8px 11px } #courseware h3 a span { background: white; border-right: 1px solid #CACACA; color: #999; font-size: 10px; text-align: center; text-indent: 0; text-transform: uppercase; display: block; width: 64px; height: 40px; padding: 7px 0; position: absolute; left: 0; top: 0 } #courseware h3 a span strong { color: #C1131E; font-size: 30px; display: block; letter-spacing: -1px; line-height: .9em } #courseware #content { background: white; border: 1px solid #A5A5A5; border-top: 1px solid #CACACA; font-size: 11px; width: 423px; margin-bottom: 3px } #courseware dl { float: left; width: 242px; margin: 10px } #courseware dt { font-size: 12px; margin: 0 0 6px } #courseware dd, #courseware p { clear: left; margin: 0 0 4px 10px } #courseware .sample { width: 150px; margin: 10px; margin-left: 0 } #courseware .sample p { margin: 0 0 4px } #courseware .moreInfo { background: #EAEAEA; border-top: 1px solid #CACACA; text-align: left; width: 403px; padding: 10px } #courseware .moreInfo a { display: block; font-size: 15px; font-weight: bold; height: 34px; line-height: 34px; text-indent: -999em; float: right; } #courseware .moreInfo a:link, #courseware .moreInfo a:visited { color: #2A2A2A } #courseware .moreInfo a:hover, #courseware .moreInfo a:active, #courseware .moreInfo a:focus { color: #069 } #courseware .moreInfo a.subscription { background: url(/_img/buttons/purchase-subscription.png); width:218px } #courseware .moreInfo a:hover.subscription { background-position: 0 -34px } #courseware .moreInfo a.free-subscription { background: url(/_img/buttons/free-subscription.png); width:234px } #courseware .moreInfo a:hover.free-subscription { background-position: 0 -34px } #channels { width: 478px; height: 565px; margin-left: 18px; padding: 10px 0; overflow: hidden } #channelChanger { width: 425px; height: 33px; padding-bottom: 10px } #channelChanger input { float: right; width: 154px; height: 33px } /* Adjust padding-bottom to fit the last accordion item */ #accordion { width: 425px; padding-bottom: 22em } /* Custom */ #courseware #mcamXart_content dl, #courseware #mcamTechTips_content dl { width:auto } #courseware #mcamCert_button a { background-image: url(/_img/courseware/mastercam/st-certification.gif) } #courseware #mcamTechTips_button a { background: url(/_img/courseware/mastercam/for-mastercam.gif) no-repeat 74px 8px } #courseware #mcamTechTips_button a span { background: url(/_img/courseware/mastercam/tech-tips.gif) no-repeat; height:100%; padding:0 } /* Feature ---------------------------- */ #feature { background: #FFF; float: left; width: 280px; height: 310px } /* News ---------------------------- */ #news { background: white; border-top: 1px solid #777; float: left; width: 280px } #news h3 { color: #333; font-size: 13px; font-weight: bold; margin: 0; margin: 1em 10px } #news p.date { background: #069; color: white; clear: both; font-size: 10px; margin: 0; padding: 2px 10px } #news .entry { margin: 10px 10px 15px } #news .entry p { color: #333; margin-bottom: 10px } #articles { width: 280px; height: 274px; position: relative; overflow: hidden } /* Table of Contents ---------------------------- */ #lesson-goto { background: #CCC; float: left; width: 710px; margin: 5px 0 } #lesson-goto td { padding: 8px 0 8px 5px } #lesson-goto select { } #lesson-search { float: left; width: 708px; margin-bottom: 5px } #lesson-search input { float: left; margin-right: 5px } #lesson-search label { line-height: 22px } #rblSearch { float: left; width: 22em; margin-bottom: 5px } #rblSearch td { padding: 0 } div.lesson { float: left; width: 673px; margin-bottom: 1.4em } div.lesson h3 { background: #069; border-bottom: 1px solid #000; color: #FFF; font-size: 14px; margin: 0; padding: 10px 0; text-indent: 10px } div.lesson a { text-decoration: none } div.lesson td { border-left: 1px solid #BABABA; color: #222; font-size: 12px; padding: 5px } div.lesson tr { background: #DADADA } div.lesson tr.alt { background: #FFF } div.lesson tr:hover, div.lesson tr.hover { background: #E9D18B } div.lessoncontrols { background: #FFF; border-top: 1px solid #999; text-align: right; float: left; width: 663px; padding: 5px } .flatButton { font-weight: bold; color: #fff; background-color: #AAA; border-width: 0px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 6px 4px 5px; cursor: pointer } .flatButton:hover, .flatButton.hover { background: #069 } /* Video Player ---------------------------- */ #videoLauncher { font-size: 12px; width: 938px; height: 665px; vertical-align: top; position: relative } #videoLauncher * { vertical-align: top } #videoHeader { background: #277DA9 url(../_img/layout/bg_header.png) repeat-x; padding: 6px 5px } #videoHeader h1 { color: white; font-size: 20px; font-weight: normal; line-height: 20px } #videoHeader h1 span { float: left; padding: 5px; } #videoHeader h1 #lblSegmentNumber2 { background: #EEE; border: 1px solid #CCC; color: #666; text-align: center; width: 118px; -moz-border-radius: 4px; -webkit-border-radius: 4px } #videoHeader h1 #lblSegmentName2 { width: 775px; padding-left: 10px } #videoDetails { background: #CCC; color: #333 } #videoDetails h3 { background: #777; border: 1px solid #666; color: white; font-size: 13px; text-indent: 8px; width: 134px; height: 30px; line-height: 30px; margin: 1px } #videoDetails .button { background: #999 url(/_img/layout/video-player_button.png) repeat-x left bottom; border: 1px solid #6A6A6A; margin: 1px; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px } #videoDetails .button a:link, #videoDetails .button a:visited { color: white; text-decoration: underline } #videoDetails .downloads a { display: block } #videoAccordion { color: #212121; width: 138px; overflow: hidden } #videoAccordion a:link, #videoDetails a:visited { color: blue; text-decoration: underline } #videoAccordion a:hover, #videoDetails a:active, #videoDetails a:focus { color: red } #videoAccordion h3 { background: #999 url(/_img/layout/video-player_button.png); cursor: pointer; text-decoration: underline } #videoAccordion h3.ui-state-hover { background-position: 0 -30px } #videoAccordion h3.ui-state-active { height: 28px; line-height: 28px; margin-bottom: 0 } #videoAccordion div, #videoDetails .downloads div { background: #FAFAFA; border: 1px solid #6A6A6A; border-top: 0; font-size: 11px; width: 124px; padding: 5px; margin: -2px 1px 2px; overflow: hidden } #videoInstructor { background: white; border: 1px solid #6A6A6A; width: 128px; margin: 10px 1px 1px; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px } #videoInstructor strong { font-size: 1.1em } #videoInstructor img { width: 128px } #videoInstructor .recordedBy { color: white; display: none; margin: -4.5em 0 1em .5em } #videoInstructor .materialAuthor { margin-bottom: 10px } /* Footer ---------------------------- */ #footer { background: #555 url(../_img/layout/bg_footer.png) repeat-x; border-top: 1px solid #555; font-size: 10px; clear: both } #footer p { margin: 1em 15px } #footer a { color: #FFF !important } #footer a:hover { text-decoration: underline } /* jScrollPane ---------------------------- */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { background: url(/_img/layout/scroll-bar.png) repeat-y; position: absolute; cursor: pointer; right: 0; top: 0; height: 100% } .jScrollPaneDrag { background: url(/_img/layout/scroll-bar.png) repeat-y -40px 0; position: absolute; cursor: pointer; overflow: hidden; } .jScrollPaneDrag:hover { background-position: -60px 0 } .jScrollPaneDrag:active { background-position: -80px 0 } .jScrollPaneDragTop { background: url(/_img/layout/scroll-bar.png) -100px 0; height: 4px; position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDrag:hover .jScrollPaneDragTop { background-position: -100px -10px } .jScrollPaneDrag:active .jScrollPaneDragTop { background-position: -100px -20px } .jScrollPaneDragBottom { background: url(/_img/layout/scroll-bar.png) -120px 0; height: 4px; position: absolute; bottom: 0; left: 0; overflow: hidden; } .jScrollPaneDrag:hover .jScrollPaneDragBottom { background-position: -120px -10px } .jScrollPaneDrag:active .jScrollPaneDragBottom { background-position: -120px -20px } .jScrollPaneGrip { background: url(/_img/layout/scroll-bar.png) -140px 0; height: 10px; margin-top: -5px; position: absolute; top: 50%; left: 4px; overflow: hidden } .jScrollPaneDrag:hover .jScrollPaneGrip { background-position: -140px -20px } .jScrollPaneDrag:active .jScrollPaneGrip { background-position: -140px -40px } a.jScrollArrowUp { background: url(/_img/layout/scroll-bar.png) -150px 0; display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px; } a.jScrollArrowUp:hover { background-position: -150px -40px } a.jScrollArrowUp:active, a.jScrollArrowUp:focus { background-position: -150px -60px } a.jScrollArrowDown { background: url(/_img/layout/scroll-bar.png) -170px 0; display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px } a.jScrollArrowDown:hover { background-position: -170px -40px } a.jScrollArrowDown:active, a.jScrollArrowDown:focus { background-position: -170px -60px } /* Courseware Tabs ---------------------------- */ #cw_tabs { background: #FFF; color: #222; font-size: 12px; float: left; width: 761px; position: relative } #cw_tabs h2 { float: left; width: 100%; position: relative } #blank { background: url(../_img/buttons/blank_btn.png); display: block; float: left; width: 198px; height: 138px; margin: 0 10px 10px 0; padding-right: 20px } #order_now { background: url(../_img/buttons/order_now_btn.png); display: block; float: left; width: 198px; height: 138px; margin: 0 10px 10px 0; padding-left: 20px } #specialOffer #order_now { padding-left: 20px; padding-right: 0px } a:hover#order_now { background-position: 0px -140px } #cw_tabs .subscribe { float: left; width: 540px } #cw_tabs .subscribe dd { margin-bottom: .25em } #cw_tabs .samples { width: 152px; position: absolute; top: 0; right: 0 } #cw_tabs .samples p { font-size: 10px; text-align: center } #cw_tabs .samples img { border: 1px solid #333 } #cw_tabs .fees { border: 1px solid #999; float: left; width: 515px; margin-bottom: 15px; padding: 10px 10px 0 10px } #cw_tabs .fees p { margin:10px 0 } #cw_tabs .fees dl { float: left; width: 280px; margin: 0 } #cw_tabs .fees dt { margin: 7px 0 4px } #cw_tabs .fees dd { text-indent: 25px; margin-bottom: 7px } .ui-tabs-hide { display: none; } ul.ui-tabs-nav { background: #AAA; float: left; width: 100%; margin: 0; padding: 0 } ul.ui-tabs-nav li { list-style: none; float: left; width: 10em; margin: 0 } ul.ui-tabs-nav li a { display: block; text-align: center; width: 100%; height: 30px; line-height: 30px } ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited { background: #AAA; color: #EEE } ul.ui-tabs-nav li a:hover { background: #DDD; color: #222 } ul.ui-tabs-nav li.ui-tabs-selected a:link, ul.ui-tabs-nav li.ui-tabs-selected a:visited { background: #FFF; color: #222 } div.ui-tabs-panel { float: left; width: 712px; min-height: 660px; margin: 20px 24px 10px } .ui-tabs-panel hr { background: #CCC; border: 0px none; clear: both; width: 100%; height: 1px; margin: 1.4em 0; padding: 0 } /* New Styles */ #courseware-fees { padding: 12px 200px 4px 15px } #courseware-fees a.button { display: block; float: left; width: 198px; height: 138px; margin: 0 10px 10px 0; padding-left: 20px } #courseware-fees a:hover.button { background-position: 0px -140px } #start_now { background: url(../_img/buttons/start-now.png) } #courseware-fees p { margin:10px 0 } #courseware-fees dl { float: left; width: 280px; margin: 0 } #courseware-fees dt { margin: 7px 0 4px } #courseware-fees dd { text-indent: 25px; margin-bottom: 7px } #courseware-content { background:#EAEAEA; border-top:1px dashed #CCC; padding:10px 200px 10px 20px } #cw_tabs #courseware-samples { background:#FFF; border:1px solid #999; margin:0; padding:0; right:12px; top:15px; width:auto } #cw_tabs #courseware-samples li { list-style:none; margin:0 } #cw_tabs #courseware-samples h3 { background:#999; color:#FFF; font-size:11px; margin:0 0 6px; padding:4px; text-transform:uppercase } #cw_tabs #courseware-samples a { background:#EAEAEA; display:block; margin:0 6px 6px; padding:8px; width:152px } #cw_tabs #courseware-samples a:hover { background:#FFF } #cw_tabs #courseware-samples a span { display:block } #cw_tabs #courseware-samples img { background:#FFF; border:1px solid #CCC; margin:0 0 4px; padding:1px } #techtips-1, #mcamart-1 { margin:0; width:auto } /* MISC and Page Specific Styles ---------------------------- */ #toc-controls-v9 { margin: 1em 0; padding: 0 } #toc-controls-v9 li { list-style: none; display: inline } #content div.form p label, #content .bigform p label { display: inline; float: none; width: auto; line-height: 27px } #content div.form-float p label, #content .bigform-float p label { width: 10em } /* The following controls which revision log link shows up in the table of contents */ #formIndex .revlog { display: none } form.mcamx4#formIndex .mcamx4 { display: inline } form.mcamx3#formIndex .mcamx3 { display: inline } form.mcamx2#formIndex .mcamx2 { display: inline } form.mcamx#formIndex .mcamx { display: inline } form.mcamv9#formIndex .mcamV9 { display: inline } form.mcamArt#formIndex .mcamArt { display: inline } form.mcamCert#formIndex .mcamCert { display: inline } form.mcamTechTips#formIndex .mcamTechTips { display: inline } code.jquery { display: none } #user_logos, #user_logos h3 { color: #FFF !important } #dealer-portal { position: absolute; top: 10px; left: 285px; z-index: 100 } #header_Invalid { color: red !important } .pdf { background: url(/_img/pdficon_small.gif) no-repeat left center; display: block; line-height: 21px; padding-left: 20px } .dealer-portal #content table { padding:10px } .dealer-portal #content td { padding:8px } .dealer-portal #content td a { border:10px solid #CCC; display:block; padding:8px } .dealer-portal #content td a:hover { border-color:#999 } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: 14px; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -5px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window {font-size: 12px;color: #333333} #TB_secondLine {font-size: 10px} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay {position: fixed;z-index:100;top: 0;left: 0;height:100%;width:100%} .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75} * html #TB_overlay { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')} #TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%} * html #TB_window { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border: 1px solid #ccc; border-color: #666 #CCC #CCC #666} #TB_caption{height:25px;padding:7px 30px 10px 25px;float:left} #TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right} #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px} #TB_title{background-color:#e8e8e8;height:27px} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em} #TB_ajaxContent.TB_modal{padding:15px} #TB_ajaxContent p{padding:5px 0px 5px 0px} #TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%} * html #TB_HideSelect { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px} /*datepicker*/ /* Main Style Sheet for jQuery UI date picker */ .ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; background: #ffffff; font-size: 1.1em; border: 4px solid #d3d3d3; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative; } #ui-datepicker-div, .ui-datepicker-div { z-index: 9999; /*must have*/ display: none; background: #ffffff; } .ui-datepicker-inline { float: left; display: block; } .ui-datepicker-control { display: none; } .ui-datepicker-current { display: none; } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; left: .5em; top: .5em; background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next { left: 14.6em; } .ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; border: 1px solid #d3d3d3; cursor: pointer; } .ui-datepicker-next a { background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:hover { background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:hover { background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:active { background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:active { background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-header select { border: 1px solid #d3d3d3; color: #555555; background: #e6e6e6; font-size: 1em; line-height: 1.4em; position: absolute; top: .5em; margin: 0 !important; } .ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em; } .ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em; } table.ui-datepicker { width: 15.5em; text-align: right; } table.ui-datepicker td a { padding: .1em .3em .1em 0; display: block; color: #555555; background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; cursor: pointer; border: 1px solid #ffffff; } table.ui-datepicker td a:hover { border: 1px solid #999999; color: #212121; background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; } table.ui-datepicker td a:active { border: 1px solid #dddddd; color: #222222; background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; } table.ui-datepicker .ui-datepicker-title-row td { padding: .3em 0; text-align: center; font-size: .9em; color: #222222; text-transform: uppercase; /*border-bottom: 1px solid #d3d3d3;*/ } table.ui-datepicker .ui-datepicker-title-row td a { color: #222222; }