html {
font-size: 100.01%;
height: 100%;
/*background: url('http://images.mylessonplanner.com/secure/bg-html.png') repeat-x scroll 0% 0% rgb(214, 232, 240); */
background: none repeat scroll 0 0 #FFFFFF;
}
body {
/*background: url('http://images.mylessonplanner.com/secure/bg-body.jpg') no-repeat scroll 50% 0pt transparent; */
color: rgb(102, 102, 102);
font: 62.5% Arial,Helvetica,sans-serif;
margin: 0pt;
}
input { outline: medium none; }
a, a:visited { color: rgb(12, 73, 118); text-decoration: none; outline: medium none; }
a:hover, a:active { text-decoration: underline; }
a.no_border { text-decoration: none ! important; border-bottom: medium none ! important; }
a.no_border:hover { text-decoration: none ! important; border-bottom: medium none ! important; }
img { border: medium none; }
/* p { margin: 0.1em 0pt; padding: 0pt; font-size: 1.3em; } */
p { margin: 0.1em 0pt; padding: 0pt; font-size: 12px; }
.right { float: right ! important; display: inline; }
#container { width: 967px; margin: 0pt auto; position: relative; }
#header { height: 45px; overflow: hidden; }
.top_message { font: 1em/1.2em Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; padding: 12px 0pt 0pt 17px; background: url('http://images.mylessonplanner.com/secure/arrow-change.gif') no-repeat scroll 5px 13px transparent; height: 22px; }
.top_message a { color: rgb(47, 162, 216); }
#cw-browser ul { list-style: none outside none; }
.cw-browser ul { list-style: none outside none; }
#cw-workout-column ul { list-style: none outside none; }
.cw-workout-column ul { list-style: none outside none; }
#shortcuts-list ul { list-style: none outside none; }
.shortcuts-list ul { list-style: none outside none; }
.editable ul { list-style: inside; }
#editable ul { list-style: inside; }
.info-block-text ul { list-style: outside; }
#info-block-text ul { list-style: outside; }
.editable ol { list-style: decimal inside; }
#editable ol { list-style: decimal inside; }
.info-block-text ol { list-style: decimal outside; }
#info-block-text ol { list-style: decimal outside; }
.logo { float: left; display: inline; margin-left: 5px; width: 350px; height: 45px; overflow: hidden; text-indent: -9999px; background: url('http://images.mylessonplanner.com/logos/mylessonplanner-logo-streamlined.png') no-repeat scroll 0% 0% transparent; }
.logo a { display: block; height: 52px; }
.welcome { float: right; margin: 0pt; padding: 0px 18px 0pt 0pt; list-style: none outside none; }
.welcome li { display: inline; color: rgb(255, 255, 255); padding: 0pt 2px 0pt 6px; background: url('http://images.mylessonplanner.com/secure/spr-welcome.gif') no-repeat scroll 0pt 50% transparent; font: 1.2em Arial,Helvetica,sans-serif; }
.welcome li:first-child { background: none repeat scroll 0% 0% transparent; }
.welcome a { color: rgb(49, 167, 222); }
#public_navigation { margin: 0pt; padding: 0pt 0pt 0pt 3px; list-style: none outside none; height: 56px; width: 100%; position: relative; z-index: 1; background: url('http://images.mylessonplanner.com/secure/bg-navigation.gif') no-repeat scroll 0pt 100% transparent; }
#public_navigation li { float: left; display: inline; margin-left: -2px; position: relative; }
#public_navigation a { float: left; color: rgb(255, 255, 255); text-decoration: none ! important; }
#public_navigation a span { float: left; background: url('http://images.mylessonplanner.com/secure/nav-left.png') no-repeat scroll 0% 0% transparent; padding: 5px 0px 0pt 10px; height: 55px; font: 13px/18px Arial,Helvetica,sans-serif; cursor: pointer; }
#public_navigation a em { float: left; width: 29px; height: 40px; overflow: hidden; background: url('http://images.mylessonplanner.com/secure/nav-right-no-arrow.png') no-repeat scroll 0% 0% transparent; cursor: pointer; }
#public_navigation li:hover a, #public_navigation li.hover a { color: rgb(8, 79, 128); }
#public_navigation li:hover a span { background: url('http://images.mylessonplanner.com/secure/nav-left-hover.png') no-repeat scroll 0% 0% transparent; }
#public_navigation li:hover a em { background: url('http://images.mylessonplanner.com/secure/nav-right-hover-no-arrow.png') no-repeat scroll 0% 0% transparent; }
#public_navigation a.active { color: rgb(93, 93, 93) ! important; }
#public_navigation a.active span { background: url('http://images.mylessonplanner.com/secure/nav-left-active.png') no-repeat scroll 0% 0% transparent; }
#public_navigation a.active em { background: url('http://images.mylessonplanner.com/secure/nav-right-active-no-arrow.png') no-repeat scroll 0% 0% transparent; }
#content {
/*width: 959px; */
/*background: url('http://images.mylessonplanner.com/secure/bg-content.png') repeat-y scroll 0% 0% transparent; */
width: 100%;
padding: 0pt 4px;
position: relative;
}
#content:after, #container:after { content: "."; display: block; width: 100%; overflow: hidden; height: 0pt; clear: both; text-indent: -9999px; }
.cw-workout-column h1 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; padding: 4px 0pt 8px 27px; color: rgb(237, 41, 0); }
.cw-workout-column h2 { margin: 0pt; background: url('http://images.mylessonplanner.com/secure/bg-h2.gif') no-repeat scroll 100% 0pt transparent; font-size: 1em; width: 100%; position: relative; }
.cw-workout-column h2 span { display: block; background: url('http://images.mylessonplanner.com/secure/bg-h2-span.gif') no-repeat scroll 0% 0% transparent; padding: 9px; font: 1.4em/1.2em Arial,Helvetica,sans-serif; height: 24px; }
.cw-workout-column h3 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.cw-workout-column h4 { font: bold 1.2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.subheader h1 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; padding: 4px 0pt 8px 27px; color: rgb(237, 41, 0); }
.subheader h2 { margin: 0pt; background: url('http://images.mylessonplanner.com/secure/bg-h2.gif') no-repeat scroll 100% 0pt transparent; font-size: 1em; width: 100%; position: relative; }
.subheader h2 span { display: block; background: url('http://images.mylessonplanner.com/secure/bg-h2-span.gif') no-repeat scroll 0% 0% transparent; padding: 9px; font: 1.4em/1.2em Arial,Helvetica,sans-serif; height: 24px; }
.subheader h3 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.subheader h4 { font: bold 1.2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.main_content h1 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; padding: 4px 0pt 8px 27px; color: rgb(237, 41, 0); }
.main_content h2 { margin: 0pt; background: url('http://images.mylessonplanner.com/secure/bg-h2.gif') no-repeat scroll 100% 0pt transparent; font-size: 1em; width: 100%; position: relative; }
.main_content h2 span { display: block; background: url('http://images.mylessonplanner.com/secure/bg-h2-span.gif') no-repeat scroll 0% 0% transparent; padding: 9px; font: 1.4em/1.2em Arial,Helvetica,sans-serif; height: 24px; }
.main_content h3 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.main_content h4 { font: bold 1.2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
#frmLessonPlan h1 { font: bold 2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; padding: 4px 0pt 8px 27px; color: rgb(237, 41, 0); }
#frmLessonPlan h2 { margin: 0pt; background: url('http://images.mylessonplanner.com/secure/bg-h2.gif') no-repeat scroll 100% 0pt transparent; font-size: 1em; width: 100%; position: relative; }
#frmLessonPlan h2 span { display: block; background: url('http://images.mylessonplanner.com/secure/bg-h2-span.gif') no-repeat scroll 0% 0% transparent; padding: 9px; font: 1.4em/1.2em Arial,Helvetica,sans-serif; height: 24px; }
#frmLessonPlan h3 { font: bold 1.2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
#frmLessonPlan h4 { font: bold 1.2em/1.2em Arial,Helvetica,sans-serif; margin: 0pt; color: rgb(237, 41, 0); }
.main_content {
/* padding: 5px 25px; */
padding: 5px;
/* width: 910px; */
width: 98%;
overflow: visible;
}
.odd { background: none repeat scroll 0% 0% rgb(244, 249, 251); }
#footer {
/* background: url('http://images.mylessonplanner.com/secure/footer.png') no-repeat scroll 0% 0% transparent; */
}
#footer ul { margin: 0pt; padding: 19px 0pt 0pt; height: 35px; list-style: none outside none; text-align: center; font: 1.2em/1.25em Arial,Helvetica,sans-serif; }
#footer li { display: inline; padding: 0pt 2px 0pt 5px; border-left: 1px solid rgb(129, 175, 211); }
#footer li:first-child { border: medium none; }
#copyright { text-align: center; color: rgb(127, 127, 127); padding: 10px 0pt; margin-bottom: 5px; }
.subheader {
/* background: url('http://images.mylessonplanner.com/secure/subheader-gradient.png') repeat-x scroll 0pt 0pt rgb(234, 243, 247); */
padding: 5px 25px 15px;
margin: 0pt;
/* width: 909px; */
width: 98%;
/* border-bottom:1px solid #C2D7DF; */
}
/*
.subheader {
background:url("http://images.mylessonplanner.com/secure/mlp-background.jpg") repeat transparent;
height:187px;
padding-bottom:0;
padding-top:0;
}
*/
.subheader h1 { padding: 0pt; margin-bottom: 2px; }
.subheader_btm_border { margin-bottom: 0px; }
.centered { margin-left: auto; margin-right: auto; text-align: center; }
.underlined { text-decoration: underline ! important; }
.pagination { text-align: center; font-size: 100%; margin: 10px 0pt; }
.pagination a, .pagination span { padding: 5px; margin-right: 1px; }
.pagination span.disabled { color: rgb(187, 187, 187); border: 1px solid rgb(221, 221, 221); padding: 5px; }
.pagination span.current { font-weight: bold; background: none repeat scroll 0% 0% rgb(237, 105, 20); color: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(221, 221, 221); }
.pagination a { text-decoration: none; border: 1px solid rgb(221, 221, 221); }
.pagination a:hover, .pagination a:focus { border-color: rgb(170, 170, 170); }
span.clearfix { clear: both; border: medium none; padding: 0pt; margin: 0pt; display: block; width: 0px; height: 0px; }
.w_tooltip { z-index: 222; }
.dba-tab { position: relative; }
.dba-tab div { background: url('http://images.mylessonplanner.com/secure/new.png') repeat scroll 0pt 0pt transparent; width: 33px; height: 33px; position: absolute; top: 3px; right: 4px; }
#facebox .b, #getting_started_facebox .b { background: url('http://images.mylessonplanner.com/secure/b.png') repeat scroll 0% 0% transparent; }
#facebox .tl, #getting_started_facebox .tl { background: url('http://images.mylessonplanner.com/secure/tl.png') repeat scroll 0% 0% transparent; }
#facebox .tr, #getting_started_facebox .tr { background: url('http://images.mylessonplanner.com/secure/tr.png') repeat scroll 0% 0% transparent; }
#facebox .bl, #getting_started_facebox .bl { background: url('http://images.mylessonplanner.com/secure/bl.png') repeat scroll 0% 0% transparent; }
#facebox .br, #getting_started_facebox .br { background: url('http://images.mylessonplanner.com/secure/br.png') repeat scroll 0% 0% transparent; }
#facebox, #getting_started_facebox { position: absolute; top: 0pt; left: 0pt; z-index: 100; text-align: left; }
#facebox table, #getting_started_facebox table { border-collapse: collapse; }
#facebox td, #getting_started_facebox td { border-bottom: 0pt none; padding: 0pt 0pt 0pt 10px; }
#facebox .body, #getting_started_facebox .body { padding: 10px; background-color: rgb(255, 255, 255); width: 500px; }
#facebox img, #getting_started_facebox img { }
#facebox .footer { border-top: 1px solid rgb(221, 221, 221); padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br, #getting_started_facebox .tl, #getting_started_facebox .tr, #getting_started_facebox .bl, #getting_started_facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0pt; }
#lightbox { position: absolute; left: 0pt; width: 100%; z-index: 100; text-align: center; line-height: 0pt; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: medium none; }
#outerImageContainer { position: relative; background-color: rgb(255, 255, 255); width: 250px; height: 250px; margin: 0pt auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0pt; }
#hoverNav { position: absolute; top: 0pt; left: 0pt; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0pt; }
#hoverNav a { outline: medium none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url('http://images.mylessonplanner.com/secure/blank.gif'); display: block; }
#prevLink { left: 0pt; float: left; }
#nextLink { right: 0pt; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url('http://images.mylessonplanner.com/secure/prevlabel.gif') no-repeat scroll left 15% transparent; border: medium none; }
#nextLink:hover, #nextLink:visited:hover { background: url('http://images.mylessonplanner.com/secure/nextlabel.gif') no-repeat scroll right 15% transparent; border: medium none; }
#imageDataContainer { font: 10px/1.4em Verdana,Helvetica,sans-serif; background-color: rgb(255, 255, 255); margin: 0pt auto; overflow: auto; width: 100%; }
#imageData { padding: 0pt 10px; color: rgb(102, 102, 102); }
#imageData #imageDetails { width: 80%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: medium none; }
#imageData #bottomNavClose:hover { border: medium none; }
#overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 500px; background-color: rgb(0, 0, 0); }
span.free { background: none repeat scroll 0% 0% transparent; height: 10px; line-height: 10px; vertical-align: top; padding: 0pt; font-size: 8px; color: green; display: inline-block; text-transform: uppercase; }
.cw-browsecolumn { width: 222px; border: 2px solid rgb(214, 232, 240); background: url('http://images.mylessonplanner.com/secure/browsebg.png') repeat-x scroll 0pt 100% rgb(255, 255, 255); float: left; }
.cw-top { height: 9px; background: url('http://images.mylessonplanner.com/secure/browsetopalt.png') repeat scroll 0pt 0pt transparent; margin: -2px -2px 0pt; }
.cw-browsecolumn h3 { margin: 0pt 7px 5px; font-weight: normal; }
#browsecolumn { margin-bottom: 100px; }
.cw-browser { background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(231, 242, 246); -moz-border-radius: 5px 5px 5px 5px; margin: 0pt 7px 10px; }
.cw-browser ul { padding: 0pt; margin-left: 0pt; }
.cw-browser ul li a { color: rgb(34, 34, 34); font-size: 9pt; display: block; margin: 1px 5px; padding: 5px 10px; -moz-border-radius: 5px 5px 5px 5px; }
.cw-browser ul li a.cw-active, .cw-browser ul li a:hover { text-decoration: none; background: none repeat scroll 0% 0% rgb(219, 242, 191); }
.cw-advanced, .cw-beginner { font-size: 9pt; margin: 0pt 10px; padding: 10px 0pt; }
.cw-advanced { float: right; }
.cw-beginner { float: left; }
.cw-bottom { height: 12px; background: url('http://images.mylessonplanner.com/secure/browsebottom.png') repeat scroll 0pt 0pt transparent; margin: 0pt -2px -2px; }
.cw-workout-column { width: 661px; float: left; margin: 0pt 0pt 55px 23px; z-index:-1; }
.cw-workout-column ul { padding: 0pt; margin-left: 0pt; }
.cw-image { width: 58px; height: 58px; background: url('http://images.mylessonplanner.com/secure/imgborder.png') repeat scroll 0% 0% transparent; display: block; position: absolute; top: 10px; left: 10px; margin: 0pt 20px 0pt 0pt; }
.cw-image img { display: block; width: 50px; height: 50px; margin: 3px 0pt 0pt 4px; }
.cw-workouts li { padding: 5px 10px 10px 83px; position: relative; margin: 0pt 0pt 10px; }
.cw-workouts li.odd { background: none repeat scroll 0% 0% rgb(244, 249, 251); }
.cw-workouts h2 { color: rgb(12, 73, 118); font-size: 11pt; font-weight: normal; background: none repeat scroll 0% 0% transparent; float: left; }
.cw-workouts h2 img { vertical-align: -15%; }
#slider { width: 183px; margin: 0pt 12px 0pt 13px; height: 21px; background: url('http://images.mylessonplanner.com/secure/sliderbg.png') repeat scroll 0pt 0pt transparent; position: relative; }
#handle { width: 18px; height: 33px; background: url('http://images.mylessonplanner.com/secure/flame.png') repeat scroll 0pt 0pt transparent; display: block; position: absolute; top: -8px; margin: 0pt -9px; cursor: pointer; }
.cw-ajaxloader { height: 460px; width: 660px; text-align: center; padding: 200px 0pt 0pt; position: absolute; z-index: 99; background-image: url('http://images.mylessonplanner.com/secure/trans-70-percent.png'); }
.cw-ajaxloader span { padding: 20px 0pt 20px 35px; background: url('http://images.mylessonplanner.com/secure/ajax-loader.gif') no-repeat scroll 0pt 50% transparent; color: red; font-size: 14pt; }
a.w_pro_link { color: rgb(78, 170, 0); font-weight: bold; }
.w_plan_listing { padding: 0pt 70px 0pt 0pt; min-height: 50px; }
#workspace_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-workspace-left.png') no-repeat scroll 0pt 0pt transparent; }
#workspace_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#workspace_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#workspace_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#lessons_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-lessons-left.png') no-repeat scroll 0pt 0pt transparent; }
#lessons_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#lessons_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#lessons_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#pm_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-lessons-left.png') no-repeat scroll 0pt 0pt transparent; }
#pm_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#pm_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#pm_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#standards_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-standards-left.png') no-repeat scroll 0pt 0pt transparent; }
#standards_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#standards_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#standards_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#reports_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-reports-left.png') no-repeat scroll 0pt 0pt transparent; }
#reports_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#reports_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#reports_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#manage_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-manage-left.png') no-repeat scroll 0pt 0pt transparent; }
#manage_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#manage_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#manage_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#news_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-news-left.png') no-repeat scroll 0pt 0pt transparent; }
#news_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#news_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#news_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#forms_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-forms-left.png') no-repeat scroll 0pt 0pt transparent; }
#forms_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#forms_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#forms_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
#help_notice { position: relative; width: 850px; height: 51px; line-height: 51px; vertical-align: middle; padding-left: 65px; margin-bottom: 18px; background: url('http://images.mylessonplanner.com/secure/notice-help-left.png') no-repeat scroll 0pt 0pt transparent; }
#help_notice p { height: 51px; width: 100%; padding: 0pt 0pt 0pt 5px; margin: 0pt; background: url('http://images.mylessonplanner.com/secure/notice-middle.png') repeat-x scroll 0% 0% transparent; }
#help_notice span { display: block; height: 51px; padding-top: 3px; width: 100%; background: url('http://images.mylessonplanner.com/secure/notice-right.png') no-repeat scroll 100% 0pt transparent; }
#help_notice span.triangle { position: absolute; display: block; height: 16px; width: 18px; top: 47px; left: 105px; float: left; background: url('http://images.mylessonplanner.com/secure/notice-triangle.png') no-repeat scroll 0pt 0pt transparent; }
.pagination a, .pagination span { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
/* Pretty CSS Tables */
/*
#tblReport{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 5px;
width: 100%;
text-align: center;
border-collapse: collapse;
border-top: 7px solid #9baff1;
border-bottom: 7px solid #9baff1;
}
#tblReport th{
font-size: 13px;
font-weight: normal;
padding: 8px;
background: #e8edff;
border-right: 1px solid #9baff1;
border-left: 1px solid #9baff1;
color: #039;
}
#tblReport td{
padding: 8px;
border-right: 1px solid #aabcfe;
border-left: 1px solid #aabcfe;
color: #669;
}
#tblReport .odd{
background: #e8edff;
}
#tblReport tbody tr:hover td{
color: #339;
background: #d0dafd;
}
#tblReport th.header {
background-image: url(/include/js/jquery/tablesorter/themes/blue/bg.gif);
cursor: pointer;
font-weight: bold;
background-repeat: no-repeat;
background-position: center left;
padding-left: 20px;
border-right: 1px solid #9baff1;
margin-left: -1px;
}
#tblReport th.headerSortUp {
background-image: url(/include/js/jquery/tablesorter/themes/blue/asc.gif);
background-color: #9baff1;
}
#tblReport th.headerSortDown {
background-image: url(/include/js/jquery/tablesorter/themes/blue/desc.gif);
background-color: #9baff1;
}
*/
/* Pretty Table Icons */
.iconView{
padding:3px 3px 0px 15px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/application_view_list.png'); background-repeat: no-repeat;
}
.iconAdd{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/add.png'); background-repeat: no-repeat;
}
.iconEdit{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/page_white_edit.png'); background-repeat: no-repeat;
}
.iconDelete{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/delete.png'); background-repeat: no-repeat;
}
.iconRepeat{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/arrow_refresh.png'); background-repeat: no-repeat;
}
.iconStandards{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/arrow_refresh.png'); background-repeat: no-repeat;
}
.iconNotes{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/arrow_refresh.png'); background-repeat: no-repeat;
}
.iconMove{
padding:3px 3px 0px 12px;
height: 16px;
width: 16px;
cursor: move;
background-image: url('http://javascript.mylessonplanner.com/jquery/tablednd/updown2.gif'); background-repeat: no-repeat;
}
.iconWizard{
padding:3px 3px 32px 32px;
height: 32px;
width: 32px;
background-image: url('http://images.mylessonplanner.com/icons/wizard-32x32.png'); background-repeat: no-repeat;
}
.iconCheckIn{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/box_checked.gif'); background-repeat: no-repeat;
}
.iconCheckOut{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/box_unchecked.gif'); background-repeat: no-repeat;
}
.iconGreenUser{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/user_green.png'); background-repeat: no-repeat;
}
.iconHome{
padding:1px 3px 10px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/house.png'); background-repeat: no-repeat;
}
.iconTelephone{
padding:1px 3px 10px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/telephone.png'); background-repeat: no-repeat;
}
.iconPhone{
padding:1px 3px 10px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/phone.png'); background-repeat: no-repeat;
}
.iconGroup{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/group.png'); background-repeat: no-repeat;
}
.iconChart{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/chart_bar.png'); background-repeat: no-repeat;
}
.iconPencil{
padding:1px 3px 0px 12px;
height: 16px;
width: 16px;
background-image: url('http://images.mylessonplanner.com/icons/silk/pencil.png'); background-repeat: no-repeat;
}
/************************************************************************************************************/
/* Drop Shadow Code */
/************************************************************************************************************/
.img-shadow {
float:left;
background: url(http://images.mylessonplanner.com/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://images.mylessonplanner.com/dropshadow/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.p-shadow {
float:left;
background: url(http://images.mylessonplanner.com/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://images.mylessonplanner.com/dropshadow/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.p-shadow div {
background: none !important;
background: url(http://images.mylessonplanner.com/dropshadow/shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0 6px 6px 0;
}
.p-shadow p {
text-align: center;
color: #777;
background-color: #fff;
font: 2em georgia, serif;
font-weight: bold;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -6px 6px 6px -6px !important;
margin: 0;
}
/* Table Report */
#tblReport td {
font-size: 12px;
}
#tblReport th {
font-size: 12px;
}
/* Reports */
.reportheading { background: rgb(16, 41, 115); color: #FFFFFF; font-weight: bold; font-size: 12pt; }
.reportheading a:link { color: #FFFFFF; }
.reportheading a:visited { color: #FFFFFF; }
.reportheading a:hover { color: #FFBD00; }
.reportheading a { text-decoration:none; }
.reportrow0 { background: #E1E1FF; font-size: 12pt; }
.reportrow1 { background: #F8F8FF; font-size: 12pt; }
.reportfooter { background: rgb(16, 41, 115); color: #FFFFFF; font-weight: bold; font-size: 12pt; }
.reportfooter a:link { color: #FFFFFF; }
.reportfooter a:visited { color: #FFFFFF; }
.reportfooter a:hover { color: #FFBD00; }
.myinfo, .mysuccess, .mywarning, .myerror, .myvalidation {
border: 1px solid;
margin: 10px 10px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.myinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://images.mylessonplanner.com/icons/knobs/Knob Info.png');
}
.mysuccess {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('http://images.mylessonplanner.com/icons/knobs/Knob Valid Green.png');
}
.mywarning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://images.mylessonplanner.com/icons/knobs/Knob Attention.png');
}
.myerror {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://images.mylessonplanner.com/icons/knobs/Knob Cancel.png');
}
/* Help Sidebar Panel */
#help {
position: fixed;
top: 0px;
right: -450px;
width: 400px;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
z-index: 65000;
}
#help .wrapper { padding: 5px 5px 5px 15px; }
#help .scroll-area {
background: url('http://images.mylessonplanner.com/icons/spinner-help.gif') no-repeat scroll -500px -500px transparent;
overflow: hidden;
}
#help .scroll-area .wrapper { padding: 20px 20px 0px 0px; }
#help a.close-help {
position: absolute;
top: 20px;
left: -40px;
width: 40px;
height: 40px;
border-radius: 5px 0px 0px 5px;
background-color: rgba(0, 0, 0, 0.95);
background-image: url('http://images.mylessonplanner.com/icons/glossy-black-icon-boxed.png');
background-repeat: no-repeat;
background-position: 50% 50%;
color: rgb(255, 255, 255);
text-indent: -9999em;
opacity: 0.5;
}
#help a.close-help:hover { opacity: 1; }
#help h1 {
margin: -0.15em 0px 20px;
color: rgb(255, 255, 255);
font-size: 1.2em;
text-shadow: 0px 1px 0px rgb(0, 0, 0);
}
#help h2 {
margin: 1.75em 0px 0.85em;
border: 0px none;
color: rgb(166, 250, 160);
font-size: 1.1em;
text-shadow: 0px 1px 0px rgb(0, 0, 0);
}
#help a:link { color: rgb(204, 204, 204); text-decoration: underline; }
#help a:visited { color: rgb(153, 153, 153); text-decoration: underline; }
#help a:hover { color: rgb(255, 255, 255); }
#help ul { margin: 0px 0px 1.5em 1.4em; }
#help ul li {
margin-bottom: 0.5em;
color: rgb(153, 153, 153);
list-style-position: outside;
list-style-type: disc;
}
/*
a.link-help {
border-bottom: 1px solid rgb(204, 217, 242);
color: rgb(51, 102, 204) ! important;
font: italic 12px Georgia,"Times New Roman",Times,serif;
text-decoration: none ! important;
}
a.link-help:hover { border: 0px none; color: rgb(0, 0, 0) ! important; }
*/
@font-face {
font-family: musisync;
src: url("http://www.mylessonplanner.com/include/js/jquery/tinymce/themes/advanced/fonts/MusiSync.eot") /* EOT file for IE */
}
@font-face {
font-family: musisync;
src: url("http://www.mylessonplanner.com/include/js/jquery/tinymce/themes/advanced/fonts/MusiSync.ttf") /* TTF file for CSS3 browsers */
}
.musisync { font-family: 'musisync'; }