/* ======================================================================= CSS for screen media for Styrkeprogrammet.se (c) 2008-2009 Styrkeprogrammet ======================================================================= */ /* resets browser specific css - by eric meyer --------------------------------------------------*/ 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; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* layout --------------------------------------------------*/ body { background: #fff url(http://images.styrkeprogrammet.se/bg-body.gif) repeat-x 0 0; color: #333; margin: 0; padding: 0;} body#exercises, body#programs { background: #fff url(http://images.styrkeprogrammet.se/bg-body-blue.gif) repeat-x 0 0; } body#faq, body#training, body#calendar { background: #fff url(http://images.styrkeprogrammet.se/bg-body-green.gif) repeat-x 0 0; } /* added border to get rid off FF offset problem */ #wrapper { color: #333; margin: 0; padding: 0; border-top: 1px solid #858585; } /* utskriftsvyn */ body#calendar.print { background: #fff; margin: 0 0 0 30px;} body#calendar.print #wrapper { color: #333; margin: 0; padding: 0; border: 0;} body#calendar.print h1 { border: 0; margin: 30px 0;} #header { position: relative; height: 141px; background: url(http://images.styrkeprogrammet.se/bg-header.gif) no-repeat top left; color: #fff; } #logo { position: absolute; top: 20px; left: 0; } #topshadow { height: 30px; } #margin { margin-top: 46px; } #start #margin { margin-top: 0px; } #wrapper-footer { margin-top: 30px; background: #858585 url(http://images.styrkeprogrammet.se/bg-footer.gif) repeat-x top left; } #footer { margin-top: 18px; padding-top: 18px; padding-bottom: 30px; clear: both; } /* forms --------------------------------------------------*/ fieldset { border: 0; margin: 20px 0 0 0; padding: 0; } legend { margin: 0; padding: 0; color: #f95; font-weight: bold; font-size: 12px; } label { margin: 0; padding: 12px 0 2px 0; display: block; font-weight: bold; font-size: 11px;} input.text, input.title, textarea, select { margin: 0.5em 0; border: 1px solid #bbb; } input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666; } input.text, input.title { width: 300px; padding:5px; } input.text { margin: 0; padding: 5px 4px; } input.title { margin: 0; padding: 5px 4px; font-size: 14px; } textarea { margin: 0; padding: 5px 4px; height: 200px; width: 420px; font-size: 12px; line-height: 20px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; } .hiddenfield { display: none; margin: 0; padding: 0; } .hidden { display: none; margin: 0; padding: 0; } .readonly { background: #f6f6f6; } form ol { margin: 0; padding: 0; } form ol li { margin: 0; padding: 0; list-style-type: none; } ul.error { margin: 0; } ul.error li { margin: 0 0 0 20px; } ul.success { margin: 0; } ul.success li { margin: 0 0 0 20px; } #security { display: block; clear: both; margin: 50px 0 20px 130px; } /* honey trap */ #user { display: none; } /* typography --------------------------------------------------*/ p, ol, ul, li, dt, dd, legend, label, cite { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-size: 12px; line-height: 18px; } /* p, ol, ul, li, dt, dd, legend, cite { font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 12px; line-height: 18px; } */ p { margin-bottom: 18px; } strong { font-weight: bold; } em { font-style: italic; } /* general classes --------------------------------------------------*/ .small { font-size: 10px; margin-bottom: 0; color: #999; } p.introduction { font-size: 12px; font-weight: bold; } .introduction p { font-size: 12px; font-weight: bold; } .introduction a { color: #333; text-decoration: none; font-weight: bold; } .introduction a:hover { color: #000; text-decoration: none; } #exercises .introduction a { color: #333; text-decoration: underline; } #exercises .introduction a:hover { color: #000; text-decoration: underline; } #content .error { color: #900; } img.inline-image { margin: -2px 0pt 2px; padding: 0pt 2px; display: inline; float: none; vertical-align: middle; cursor: help; } img.right { float: right; border: 1px solid #ddd; padding: 3px; margin: 0 0 2em 2em;} #exercises img.right { float: right; border: 1px solid #ccc; padding: 2px; margin: 0 0 1em 1em;} #training.guide img.right { float: right; border: none; padding: 0; margin: 0 0 1em 1em;} .back { padding-left: 22px; background: url(http://images.styrkeprogrammet.se/icons/back_16.gif) no-repeat 0 0; } p.tips { clear: both; padding: 2em 2em 2em 60px; background: url(http://images.styrkeprogrammet.se/icons/on_48.gif) no-repeat 0px 17px; } p.help { clear: both; padding: 2em 2em 2em 75px; background: url(http://images.styrkeprogrammet.se/icons/help_48.gif) no-repeat 10px 45%; } p.info { clear: both; padding: 1em 2em 2em 80px; background: url(http://images.styrkeprogrammet.se/icons/chat_48.gif) no-repeat 10px 8px; color: #000; } #sidebar p.tips { clear: both; padding: 0 0 0 20px; background: url(http://images.styrkeprogrammet.se/icons/on_16.gif) no-repeat 0px 1px; } #margin p.tips { clear: both; padding: 0 0 0 20px; background: url(http://images.styrkeprogrammet.se/icons/on_16.gif) no-repeat 0px 1px; } p.film { position: relative; clear: both; padding: 2em 2em 2em 60px; background: url(http://images.styrkeprogrammet.se/icons/movies_48.gif) no-repeat 0px 20px; width: 200px; } p.film img { position: absolute; top: 20px; left: 0; } .msg_error { margin: 2em 2em 1em 0; padding: 2em 2em 2em 75px; background: #AF1B2A url(http://images.styrkeprogrammet.se/icons/warning_48_red.gif) no-repeat 10px 45%; color: #fff; border: 1px solid #691019;} .msg_error a { color: #000; } .msg_ok { margin: 2em 2em 1em 0; padding: 2em 2em 2em 75px; background: #fff url(http://images.styrkeprogrammet.se/icons/ok_48.gif) no-repeat 10px 45%; color: #090;} abbr { background-color: #FFFFCC; cursor: help; } #content .help-button { cursor: pointer; float: right; padding: 4px 10px; margin: 0px 0 10px 0px; background: #eee; font: bold 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #content .help-button img { float: none; display: inline; margin: 0; padding: 0 0 0 5px; vertical-align: middle; } /* lists */ #content ul { margin: 0 0 18px 0px; } #content ul li { list-style-type: disc; padding: 0; margin: 0 0 0 15px;} #content .error li { list-style-type: disc; background-image: none; padding: 0; margin: 0 0 0 15px; } #content .error li a { color: #900; } /* links */ #start .introduction a { color: #000; font-weight: bold; text-decoration: underline; } a { color: #ff4800; } #content h2 a { color: #333;} #sidebar a { color: #333;} /* headings */ h1,h2,h3,h4,h5,h6 { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; } h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; font-weight: bold; letter-spacing: -1px } h2 { font-size: 14px; line-height: 18px; padding-top: 18px; margin-bottom: 18px; font-weight: bold; } h3 { font-size: 12px; line-height: 18px; font-weight: bold; color: #000; } h4 { font-size: 10px; line-height: 18px; margin-bottom: 18px; font-weight: bold; } #footer h3 { text-shadow: 0 1px 0 #ddd; } h2.exercise { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 15px; } #start .article h3 { background: url(http://images.styrkeprogrammet.se/icons/text_16_grey.gif) no-repeat 0 0; padding-left: 20px; } /* sidebar */ #sidebar label { text-shadow: 0 1px 0 #fff; } #sidebar h2 { color: #000; font-size: 12px; line-height: 18px; } #sidebar h2 { text-shadow: 0 1px 0 #fff; } #sidebar h2 a { color: #666; } #sidebar h3 { color: #666; font-size: 11px; line-height: 18px; margin-top: 1em; margin-bottom: 0; font-weight: bold; } #sidebar h3 a { font-weight: bold; } #sidebar p { color: #666; font-size: 10px; line-height: 18px; } #sidebar li { color: #666; font-size: 10px; line-height: 18px; } #sidebar h3 a:hover { text-decoration: underline; } #sidebar #show_program { font: bold 10px Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; } #sidebar #delete_program { font: normal 10px Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; color: #BE3120; } #sidebar #add_program { font: bold 10px Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; text-decoration: none; } #change_program_name, #save_program_name { font: bold 9px Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; } /* margin */ #margin h3 { font-weight: bold; } #margin p, #margin dt, #margin dd, #margin ul, #margin li { font-size: 10px; color: #777; } #margin .margintext { padding: 18px 0px 18px 18px; } /* vänsterkolumn på träningssidorna */ #search #sidebar h2 {color: #000; } /* error messages */ #start #sidebar .error-message { margin: 0 5px 3px 0; background: #efd8b3 url(http://images.styrkeprogrammet.se/icons/warning_16_yellow.gif) no-repeat 5px 50%; color: #b35200; padding: 3px 3px 3px 28px; border: 1px solid #ebbd5c; } #sidebar .error-message { margin: 0 5px 3px 0; background: #efd8b3 url(http://images.styrkeprogrammet.se/icons/warning_16_yellow.gif) no-repeat 5px 50%; color: #b35200; padding: 3px 3px 3px 28px; border: 1px solid #ebbd5c; } /* om oss */ #about #content blockquote { width: 200px; margin: 0; padding: 18px 0px 18px 30px; float: right; color: #80B32E; } #about #content blockquote p { font-size: 18px; line-height: 27px; } /* artiklar */ #training #margin a { color: #648E25; text-decoration: underline; } #training #content a:link { color: #648E25; text-decoration: underline; } #training #content a:visited { color: #000; text-decoration: underline; } #training #content a:hover { color: #000; text-decoration: underline; } #training #content a:active { color: #000; text-decoration: underline; } #training.guide #sidebar #nav-info .guide a { font-weight: bold; color: #000; text-decoration: underline; } #training.faq #sidebar #nav-info .faq a { font-weight: bold; color: #000; text-decoration: underline; } #training.dict #sidebar #nav-info .dict a { font-weight: bold; color: #000; text-decoration: underline; } #training #sidebar a:link { color: #000; text-decoration: none; } #training #sidebar a:visited { color: #555; text-decoration: none; } #training #sidebar a:hover { color: #648E25; text-decoration: underline; } #training #sidebar a:active { color: #648E25; text-decoration: none; } #training #sidebar a.current_article { font-weight: bold; color: #000; text-decoration: underline; } #training #margin dt { margin-top: 1em; font-weight: bold; cursor: pointer; } #training #margin dt:hover { color: #000; } #training #margin dd { margin-bottom: 1em; } /* faq */ dl.faq { margin: 0; padding: 0; list-style-type: decimal;} dl.faq dt { color: #333; cursor: pointer; margin: 0 0 36px 0; padding: 0 0 0 0;} dl.faq dt div { color: #999; font-style: italic; } dl.faq dd { margin: 0 50px 80px 30px; border-bottom: 1px dotted #ccc; color: #333; } dl.faq dt.active { color: #80B32E;} /* ovningsarkiv */ table.archive th { font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } table.archive td { font: normal 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } table.archive td.name { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } table.archive tr { border-bottom: 1px solid #eee; } table.archive tr:hover { background: #eee; } table#program_tabell { font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;} #program_tabell th { padding: 5px; } #program_tabell td { padding: 5px; } /* footer --------------------------------------------------*/ #footer a { color: #333; } #footer a:hover { color: #ccc; } #footer .socialbookmarks a { text-decoration: none; line-height: 2; margin-left: 3px; } #footer .socialbookmarks a:hover { color: #ccc; } #footer .socialbookmarks a img { padding: 0; margin: 0 6px -3px 0; } #footer li { color: #333; font-size: 10px; list-style-type: decimal; margin-left: 25px; } #footer li a { text-decoration: none; line-height: 2; margin-left: 3px; } #footer ol#popular-exercises { height: 120px; overflow: hidden; } #footer ol#popular-exercises.showall { height: 300px; } #footer p#more { margin-top: 10px; text-decoration: underline; cursor: pointer; } #footer p { font-size: 10px; text-align: left; color: #333; } #footer p.center { text-align: center; margin-top: 20px; } /* navigation --------------------------------------------------*/ #nav { position: absolute; bottom: 0; clear: both; border-bottom: 5px solid #FF4800; } #search #nav, #exercises #nav, #programs #nav { border-bottom: 5px solid #0C90E0; } #training #nav, #faq #nav, #calendar #nav { border-bottom: 5px solid #80B32E; } #nav ul { margin: 0 auto; padding: 0; display: table; white-space: nowrap; height: 26px; position: relative; font-size: 10px; } #nav li { float: left; background:url(/images/bg-sprite-startpage.gif) no-repeat 0px -100px; margin: 0; padding: 0 0 0 9px; } #nav li a { float: left; display: block; cursor: pointer; color: #000; padding: 5px 20px 5px 11px; background: url(/images/bg-sprite-startpage.gif) no-repeat 100% -100px; text-decoration: none; text-shadow: 0 1px 0 #fff } /* orange */ #start #nav li.nav_start, #news #nav li.nav_news, #account #nav li.nav_newaccount { background:url(/images/bg-sprite-startpage.gif) no-repeat 0px 0px; } #start #nav li.nav_start a, #news #nav li.nav_news a, #account #nav li.nav_newaccount a { color: #fff; background: url(/images/bg-sprite-startpage.gif) no-repeat 100% 0px; text-shadow: 0 -1px 0 #cc5414; } /* green */ #training #nav li.nav_training, #calendar #nav li.nav_calendar { background:url(/images/bg-sprite-startpage.gif) no-repeat 0px -300px; } #training #nav li.nav_training a, #calendar #nav li.nav_calendar a { color: #fff; background: url(/images/bg-sprite-startpage.gif) no-repeat 100% -300px; text-shadow: 0 -1px 0 #367a26; } /* blue */ #search #nav li.nav_search, #exercises #nav li.nav_exercises, #programs #nav li.nav_programs { background:url(/images/bg-sprite-startpage.gif) no-repeat 0px -400px; } #search #nav li.nav_search a, #exercises #nav li.nav_exercises a, #programs #nav li.nav_programs a { color: #fff; background: url(/images/bg-sprite-startpage.gif) no-repeat 100% -400px; text-shadow: 0 -1px 0 #274988; } /* hover */ #nav li:hover { float: left; background:url(/images/bg-sprite-startpage.gif) no-repeat 0px -200px; margin:0; padding:0 0 0 9px; } #nav li a:hover { color: #fff; background:url(/images/bg-sprite-startpage.gif) no-repeat 100% -200px; text-shadow: 0 -1px 0 #000 } /* display: block; float: left; padding: 0 0 0 12px; height: 26px; background: url(/images/bg-sprite-startpage.gif) no-repeat 0px -100px; line-height: 26px; text-align: center; cursor: pointer; color: #333; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 10px; } #nav li a b { float: left; display: block; padding:0 12px 0 0; background: url(/images/bg-sprite-startpage.gif) no-repeat -250px -100px; font-weight: normal; text-shadow: 0 1px 0 #fff; } #nav li a:hover { color:#000; background: url(http://images.styrkeprogrammet.se/nav_1a.gif) no-repeat;} #nav li a:hover b { background:url(http://images.styrkeprogrammet.se/nav_1b.gif) no-repeat right top;} #nav li.current a { color:#000; background:url(http://images.styrkeprogrammet.se/nav_2a.gif) no-repeat;} #nav li.current a b { background:url(http://images.styrkeprogrammet.se/nav_2b.gif) no-repeat right top; text-shadow: none; } #nav li.current a:hover { color:#000; background: url(http://images.styrkeprogrammet.se/nav_2a.gif) no-repeat; cursor:default;} #nav li.current a:hover b { background:url(http://images.styrkeprogrammet.se/nav_2b.gif) no-repeat right top;} */ /* tabs - active #start #nav li.nav_start a, #news #nav li.nav_news a, #account #nav li.nav_newaccount a { color:#fff; background: url(/images/bg-sprite-startpage.gif) no-repeat 0px -240px; } #search #nav li.nav_search a, #exercises #nav li.nav_exercises a, #programs #nav li.nav_programs a { color:#fff; background:url(http://images.styrkeprogrammet.se/nav_2a-blue.gif) no-repeat; } #training #nav li.nav_training a, #calendar #nav li.nav_calendar a { color:#fff; background:url(http://images.styrkeprogrammet.se/nav_2a-green.gif) no-repeat; } */ /* menu colors #start #nav li.nav_start a b, #news #nav li.nav_news a b, #account #nav li.nav_newaccount a b { background:url(http://images.styrkeprogrammet.se/nav_2b-orange.gif) no-repeat right top; text-shadow: 0 -1px 0 #cc5414 } #search #nav li.nav_search a b, #exercises #nav li.nav_exercises a b, #programs #nav li.nav_programs a b { background:url(http://images.styrkeprogrammet.se/nav_2b-blue.gif) no-repeat right top; text-shadow: 0 -1px 0 #274988 } #training #nav li.nav_training a b, #calendar #nav li.nav_calendar a b { background:url(http://images.styrkeprogrammet.se/nav_2b-green.gif) no-repeat right top; text-shadow: 0 -1px 0 #367a26 } */ /* sub navigation --------------------------------------------------*/ /* text links - active */ #about li.nav_about a, #faq li.nav_help a, #contact li.nav_contact a, #account li.nav_account a, #login li.nav_login a, #add_exercise li.nav_add_exercise a { color: #fff; text-decoration: underline; } /* secondary nav position */ #utilities li a, #quick_search_form { color: #ddd; font-size: 10px; text-transform: uppercase; font-weight: normal; text-decoration: none; } #utilities { position: absolute; top: 5px; right: 35px; } #utilities li { float: left; list-style-type: none; margin-left: 25px; } #utilities li a { color: #ccc; } #utilities li a:hover { color: #fff; text-decoration: none; } #quick_search { position: absolute; top: 50px; right: 0px; width: 405px; border: 0; } #quick_search input.text { float: left; width: 280px; height: 18px; padding: 2px; } #quick_search input.submit { margin: 2px 0 0 5px; } #quick_search label { display: none; } #subnav ul { text-align: center; margin: 0px 0 20px 0; height: 25px; background: #648d22 url(http://images.styrkeprogrammet.se/subnav-li.gif) repeat-x 0 0; border-bottom: 1px solid #6E9B29;} #subnav li { display: inline; margin: 0; } #subnav li a { padding: 5px 10px; border-right: 1px solid #6E9B29; text-decoration: none; color: #333; font-size: 10px; } #subnav li a b { font-weight: normal; text-transform: uppercase; } #subnav li.inactive { padding: 5px 10px; border-right: 1px solid #6E9B29; text-decoration: none; color: #333; font-size: 10px; } #subnav li.inactive b { font-weight: normal; text-transform: uppercase; color: #608521;} #subnav li.last { padding: 5px 10px; border-right: none; text-decoration: none; } #subnav li.last a { padding: 5px 10px; border-right: none; text-decoration: none; } #subnav .current b { font-weight: bold; text-decoration: underline;} #subnav .current a b { font-weight: bold; text-decoration: underline; color: #fff; } #subnav a:hover { text-decoration: underline; color: #fff; } /* övningsarkiv sub navigation --------------------------------------------------*/ h2.urval { padding-top: 5px; } #ovningsarkiv-sub-nav { margin-bottom:25px; margin-top:25px; } #ovningsarkiv-sub-nav a { padding:5px 10px; font-weight: bold; } #ovningsarkiv-sub-nav a.active { color:#000; padding:5px 10px; background-color: #D3EEFD; text-decoration: none; font-weight: bold; } /* sidebar --------------------------------------------------*/ #sidebar { display: inline; margin-top: 10px; min-height: 200px; height:auto !important; height: 200px; background: #eee url(/images/bg-sprite.gif) repeat-x 0 0px; } #search #sidebar, #exercises #sidebar, #programs #sidebar { background: #eee url(/images/bg-sprite.gif) repeat-x 0 -200px; } #training #sidebar, #faq #sidebar, #calendar #sidebar { background: #eee url(/images/bg-sprite.gif) repeat-x 0 -400px; } #sidebar .division { padding-top: 18px; padding-bottom: 18px; border-top: 1px solid #fff; background: #eee url(http://images.styrkeprogrammet.se/bg-sidebar-div.gif) no-repeat bottom left; } #news_slideout, #news_slidein, #dic_slideout, #dic_slidein { float: right; padding: 0; margin-top: -5px; } /* login */ #login { padding-top: 18px; padding-bottom: 11px; } #login p { clear: both; } #login p.memberinfo { clear: none; margin-bottom: 25px; color: #000; } #start #login p.memberinfo { clear: none; margin-bottom: 25px; color: #000; } #login .image_login { float: left; padding-right: 10px; } #sidebar img.account_icon { float: left; margin: 10px 10px 0 0; } ol.member_login { list-style-type: none; margin: 0; padding: 0; } #quick_login label { float: left; display: block; color: #333; width: 65px; padding-top: 5px; } #quick_login input.text { padding: 3px; margin: 3px; width: 123px; border: 1px solid #ccc; } #quick_login input.submit { float: left; margin: 5px 0px 10px 127px; font-size: 10px; width: 70px; cursor: pointer; } #sidebar p { margin: 1em 0;} #sidebar p.small { margin: 0; } /* sidebar -> list exercises in program --------------------------------------------------*/ #sidebar .sidebar-tip { margin: 1em 2px 1em 0; background: url(http://images.styrkeprogrammet.se/icons/on_16_grey.gif) no-repeat 0px 2px; padding-left: 22px; } #sidebar .sidebar-tip a { color: #2A87D7 } #sidebar #program_name { position: relative; background: #555555 url(http://images.styrkeprogrammet.se/bg-box-program-header.gif) repeat-x 0 -1px; width: 200px; height: 25px; border: 1px solid #999; margin-left: 1px; margin-bottom: -2px; } #sidebar #program_name h2 { font-size: 1.2em; line-height: 2em; color: #000; display: inline; margin: 0; padding: 5px 0 5px 3px; } #sidebar #program_name img { position: absolute; right: 5px; } #program ul { background-color: #555555; border: 1px solid #ccc; padding: 1px; margin: 0 0 10px 0; list-style-type: none; width: 200px; } #program li { position: relative; height: 19px; width: 190px; padding: 4px 5px 4px 5px; margin: 0; display: block; background: url(http://images.styrkeprogrammet.se/bg-box-program-item.gif) no-repeat 0 0; border-bottom: 1px solid #195181; } #program li p { display: inline; margin: 0; padding: 0; } #program li a { display: inline; color: #fff; text-decoration: none; } .icon_delete { position: absolute; right: 5px; } #change_program_name { position: absolute; top: 7px; right: 4px; cursor: pointer; } #save_program_name { position: absolute; top: 7px; right: 4px; cursor: pointer; } /* sidebar -> program -------------------------------------------------*/ #sidebar #saved_programs_header { position: relative; background: #555555 url(http://images.styrkeprogrammet.se/bg-box-program-header.gif) repeat-x 0 -1px; width: 200px; height: 25px; border: 1px solid #999; margin-left: 1px; margin-bottom: -2px; } #sidebar #saved_programs_header h2 { font-size: 1.2em; line-height: 2em; color: #000; display: inline; padding: 5px 0 5px 4px; } #my_programs { background-color: #555; border: 1px solid #ccc; padding: 1px; margin: 0 0 10px 0; list-style-type: none; width: 200px; } #my_programs li { color: #fff; margin: 0; padding: 3px 5px 3px 5px; list-style-type: none; background: url(http://images.styrkeprogrammet.se/bg-box-program-inactive.gif) no-repeat 0 0; border-bottom: 1px solid #1e1e1e; } #my_programs li img { display: inline; float: none; } #my_programs li.current_program { background: url(http://images.styrkeprogrammet.se/bg-box-program-active.gif) no-repeat 0 0; border-bottom: 1px solid #436830; } #change_name, #save_name { background: #ccc; padding: 2px; margin: 0 2px 0 15px; cursor: pointer; text-decoration: none; } #change_name:hover, #save_name:hover { background: #999; color: #fff; cursor: pointer; } /* information messages in the program 'box' */ #sidebar #inform_no_program { background: #333; color: #fff; margin: 0 2px 0 1px; padding: 5px 5px 10px 6px; } #sidebar #confirm_program_delete { background: #333; color: #fff; margin: 0 2px 0 1px; padding: 5px 5px 10px 6px; } /* sidebar -> saved programs -------------------------------------------------*/ #my_programs li a { color: #fff; text-decoration: none; } #saved_programs { margin: 0; padding: 0; } /* information messages in the saved programs 'box' */ #sidebar .saved_programs_info { background: #333; color: #fff; margin: 0 2px 0 1px; padding: 5px 5px 10px 6px; } #sidebar .saved_programs_info a { color: #2A87D7; } /* links under program and saved programs boxes - with clickable icons */ #show_program, #delete_program, #save_program, #add_program { margin: 0; padding: 0; display: block; text-decoration: none; height: 20px; color: #000; } #show_program img, #delete_program img, #save_program img, #add_program img { margin: 0 5px 2px 0; padding: 0; vertical-align: middle; } #show_program:hover, #delete_program:hover, #save_program:hover, #add_program:hover { color: #000; cursor: pointer; background: #f8f8f8 } #change_name img { display:inline; vertical-align: middle; cursor: pointer; } #save_name img { display:inline; padding:0; margin:0 0 0 10px; cursor: pointer; } #add_program .disabled { color: #C1C1C1; } #add_program .enabled { color: #494949; } /* sidebar -> saved programs list -------------------------------------------------*/ .status_image { width:15px; height: 15px; padding-right:6px; } /* margin with ad:s -------------------------------------------------*/ #margin .division { background: url(http://images.styrkeprogrammet.se/bg-highlight-margin.gif) repeat-x bottom left; border-top: 1px solid #dddddd; padding: 13px 15px 1px 18px; margin: 5px 0 20px 0; } #margin .division img { padding-left: 18px; } #start #margin .division { padding: 9px 5px 18px 10px; margin-bottom: 20px; } #start #margin .division img { margin: 0; padding: 5px 5px 0 0; } /* homepage + content --------------------------------------------------*/ .highlight_start { margin: 18px 0 36px 0; border-top: 1px solid #dbdbdb; background: url(http://images.styrkeprogrammet.se/bg-highlight-start.gif) no-repeat bottom left; padding: 18px; } .highlight_start img { float: right; width: 50px; padding: 5px; } .highlight_medium { padding: 18px; margin-bottom: 10px; border-top: 1px solid #dbdbdb; background: url(http://images.styrkeprogrammet.se/bg-highlight-medium.gif) no-repeat bottom left; } .highlight_margin { padding: 18px; border-top: 1px solid #dbdbdb; background: url(http://images.styrkeprogrammet.se/bg-highlight-margin.gif) no-repeat bottom left; } .article_tip { background: #fff url(http://images.styrkeprogrammet.se/bg-box.gif) repeat-x top left; padding: 18px 20px 1px 20px; margin-bottom: 18px; } .newsimage_small { width:90px; float:right; margin: 15px 0 15px 10px; } #margin .division img.ex_thumb { border: 2px solid #343434; margin: 0 0 10px 2px; padding: 0; } #start .ex_thumb { margin-right: 10px; margin-bottom: 10px; border: 2px solid #343434; } #bg-movie { clear: both; background: url(http://images.styrkeprogrammet.se/bg-movie.gif) no-repeat 0 0; padding: 3px; margin: 0 0 20px 0;} #bg-movie #movie { margin: 0; padding: 0; } #movie_homepage { width: 290px; min-height: 245px; margin:0px; padding:0px; border: 2px solid #343434; } #movie_homepage img { margin: 0; padding: 0; } #random_exercises { padding: 10px 0 10px 10px; margin: 0 0 30px 0; background: #EEEEEE url(http://images.styrkeprogrammet.se/bg-sidebar-div.gif) repeat-x scroll left bottom; } #random_exercises img { padding: 1px; margin: 0 4px 4px 0; background: #ccc; } /* .smallthumbs img { margin-right: 10px; margin-bottom: 10px; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #888; border-left: 1px solid #bbb; } .smallthumbs a:hover img { border-top: 1px solid #888; border-right: 1px solid #666; border-bottom: 1px solid #444; border-left: 1px solid #777; } */ .smallthumbs img { margin-right: 10px; margin-bottom: 10px; border: 2px solid #444; } .smallthumbs a:hover img { border: 2px solid #000; } /* news --------------------------------------------------*/ #news .newsimage { width: 150px; float: right; margin: 5px 0 20px 30px; } #news .newsimage_small { width: 100px; float: right; margin: 3px 0 20px 30px; } .datestamp { font-style: italic; } #news .item { border-bottom: 1px dotted #ccc; padding: 1em 0; margin: 1em 0;} /* content --------------------------------------------------*/ #content { margin-top: 10px; } #content h2 { clear: both; } #content dl dt { font-weight: bold; font-size: 12px; color: #111; } #content dl dd { padding: 0 0 2em 0; font-size: 12px; } #homesite_ul { list-style-type: none; margin-left: 0; padding-left: 0; } #homesite_ul li { padding-left: 50px; padding-top: 3px; padding-bottom: 5px; background: url(http://images.styrkeprogrammet.se/ul-homesite-icon.gif) top left no-repeat; } #advSearch { display:none; } .bookmark { background-color:white; padding:3px; border: 1px solid black; } #commentHeader { background-color:yellow; } .comment { background-color: #f0f0f0; padding: 10px; margin-bottom: 4px; } #moreOptions { font-size:11px; } #sidebar dl dt { padding:5px; font-weight: bold; } #sidebar dl dd { padding:2px 10px 10px 10px; } .hide { display: none; } .show { display: block; } /* övningsarkiv --------------------------------------------------*/ #search_form { margin: 20px 0; } #search_form #level { margin-right: 10px; font-size: 13px; padding: 3px; } #search_form #category { margin-right: 10px; font-size: 13px; padding: 3px; } #search_form #muscle_group { margin-right: 10px; font-size: 13px; padding: 3px; } #search_form input.submit { margin-right: 10px; font-size: 13px; padding: 3px; } .view_all_or_favs { float: right; margin: 7px 0 0 0; color: #ddd; } .view_all_or_favs a { color: #000; font-weight: bold; } .view_all { background: none; } .view_all.inactive { color: #ff4800; } .view_favs { background: url(http://images.styrkeprogrammet.se/icons/favorites_16.gif) no-repeat; padding: 0 0 0 20px; } .view_favs.inactive { background: url(http://images.styrkeprogrammet.se/icons/favorites_unmarked_16.gif) no-repeat; color: #ff4800; } /* skapa styrkeprogram --------------------------------------------------*/ #search #main_search { width: 210px; margin: 0 5px 0 0; padding: 3px; border: 1px solid #ccc; } #search #submit { width: 176px; height: 27px; padding: 3px; margin: 0 0 1px 0; font-size: 11px; } #search #muscle_group, #search #category, #search #level { margin: 10px 5px 36px 0; padding: 2px; height: 20px; font-size: 11px; } #search #muscle_group { width: 140px; } #search #category { width: 160px; } #search #level { width: 90px; } #search #nr_of_hits { color: #80B32E; } #search .notice { color: #000; } #search_tips { background-color: #FFF; padding: 0 10px 0 10px; border:1px solid #B7D9FF; } #search_tips img { float: right; padding: 0px 0px 10px 20px; } option.group { background-color: #ddd; } #show_muscle { height: 150px; width: 150px; float: right; } #search_result #sort_options { float: left; width: 250px; color: #888; margin-bottom: 18px; } #search_result #sort_options a { color: #666; } #search_result #view_options { float: right; text-align: right; width: 180px; color: #888; } #search_result #view_options a { color: #666; } #search p.confirmAdd { float:right; padding:2px 4px 2px 4px; border: 0px solid green; margin:1px 0 0 0; display:none; background-color: #BFE0C8; } #search p.confirmAddList { padding:2px 4px 2px 4px; border: 0px solid green; margin-top:5px; margin-left:20px; display:none; background-color: #BFE0C8; width:150px; } /* skapa styrkeprogram -> sökresultat --------------------------------------------------*/ #start object { margin-bottom: 0 } #loading { height:13px; width:13px; } .hit_grid div { position: relative; } .hit_grid .placeholder_image { position: absolute; cursor: pointer; top: 2px; left: 2px; } .hit_grid .play_button { position: absolute; cursor: pointer; top: 55px; right: 85px;} .video_preview { position: relative; } .video_preview .placeholder_image { cursor: pointer; top: 2px; left: 2px; } .video_preview .play_button { position: absolute; cursor: pointer; top: 55px; right: 82px;} /* Message when users add an exercise */ .addedMessage { display: none; color:#000; background-color: #E8F0E5; padding:3px; padding-left: 7px; border:1px solid #9EFF5F; } div#result_pages { clear: both; margin: 0 0 20px 0; width: 420px;} div#result_pages ul { margin: 0; padding: 0; height: 30px; } div#result_pages ul li { float: left; list-style-type: none; padding: 0px 2px; margin: 0 5px 0 0; font-weight: bold; } div#result_pages ul li a { font-weight: normal; } .hit { min-height:150px; height:auto !important; height:150px; } .hit h2 { font-weight: bold; } .hit .video_preview { float:right; margin: 10px 0 10px 0; } .hit ul { margin: 0; padding: 0; } .hit ul.rating { list-style-type: none; margin: 5px 0 10px 0;} .hit ul.rating li { display: inline; } .hit ul.groups a { color: #000;} .hit p.groups { margin: 0; padding: 0;} .hit ul.options { list-style-type: none; font-weight: bold; height: 20px; margin-bottom: 18px; } .hit ul.options li img { line-height: 1.6; vertical-align: middle; padding-right: 3px; } .hit_grid { float:left; margin: 0 12px 40px 0; width: 200px; display: inline; } .hit_grid h3 { position: relative; color: #333; margin: 0 4px 2px 0px; padding: 0; width: 200px; height: 32px; line-height: 1.1; } .hit_grid h3 a { color: #000; text-decoration: none; } .hit_grid h3 a:hover { text-decoration: underline; } .hit_grid a.add_exercise img { float: left; margin: -2px 5px 0 0px; background: #eee; padding: 7px 8px 7px 8px; cursor: pointer; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: inline; } .hit_grid div { background: #ccc; margin: 0; padding: 2px; width: 200px; height: 160px;} .hit_grid div:hover { background: #000; margin: 0; padding: 2px; width: 200px; height: 160px;} .hit_grid ul { margin: 0; padding: 0; background: #ccc url(http://images.styrkeprogrammet.se/bg-sidebar-div.gif) no-repeat scroll left bottom; height: 24px; width: 50px; } .hit_grid li { list-style-type: none; float: left; } .hit_grid li img { margin: 2px 0px 0 5px; display: inline; } /* Loader video-div for ajax loading of videos */ .hit_grid_loader { float:left; margin: 0 15px 20px 0; width: 200px; height:160px; background-color:#f4f4f4; } /* hide ajax scroll data */ .ajax_scroll_data { display:none; } /* grade - stars -------------------------------------------------*/ ul#stars { float: right; margin: -15px 0 10px 20px; } ul#stars .star { display: inline; } ul#stars .star img { margin: 0 0 10px 0; padding: 0; display:inline; cursor: help; } #no_grade { float: right; margin: -12px 0 0 20px; } .star_search { display: inline; } .star_search img { width:20px; height:20px; display:inline; } .mini_star { display:inline; } .mini_star img { width:15px; height:15px; display:inline; } .mini_star_ul { display: inline; } ul#grade { margin: 0; padding: 0; } ul#grade .star { display: inline; } ul#grade .star img { margin: 0 0 10px 0; padding: 0; display:inline; cursor: pointer; } .grade { list-style:none; display:block; } .grade_search { list-style:none; display:block; } /* clone --------------------------------------------------*/ #clone { background-color:#ffffff; width: 180px; opacity: 0.5; } /* exercise list (showing all exercises) ---------------------------------------------------*/ ul#sort_table { list-style-type: none; margin: 3px 0 60px 0; } ul#sort_table li { padding-left: 22px; margin-right: 25px; height: 22px; float: left; } ul#sort_table li a { text-decoration: none;} ul#sort_table li a:hover { text-decoration: underline; } ul#sort_table li a.sort_active { font-weight: normal; text-decoration: underline; } ul#sort_table li.sort_by_id { background: #fff url(http://images.styrkeprogrammet.se/icons/import_16.gif) no-repeat 0 0; } ul#sort_table li.sort_by_abc { background: #fff url(http://images.styrkeprogrammet.se/icons/date.png) no-repeat center left; } ul#sort_table li.sort_by_date { background: #fff url(http://images.styrkeprogrammet.se/icons/date.png) no-repeat center left; } ul#sort_table li.sort_by_type { background: #fff url(http://images.styrkeprogrammet.se/icons/date.png) no-repeat center left; } ul#sort_table li.sort_by_muscle { background: #fff url(http://images.styrkeprogrammet.se/icons/date.png) no-repeat center left; } ul#sort_table li.sort_by_level { background: #fff url(http://images.styrkeprogrammet.se/icons/date.png) no-repeat center left; } ul#sort_table li.sort_by_grade { background: #fff url(http://images.styrkeprogrammet.se/icons/star.png) no-repeat center left; } ul#sub_sort_table { list-style-type: none; margin: 3px 0 19px 0; } ul#sub_sort_table li { padding-left: 25px; width: 135px; height: 22px; background: url(http://images.styrkeprogrammet.se/icons/small_arrow.gif) no-repeat 0 0; } ul#sub_sort_table li a { text-decoration: none; } ul#sub_sort_table li a:hover { text-decoration: underline; } table.archive { border-collapse: collapse; width: 98%; clear: both; } table.archive th { padding: 10px 0 5px 5px; color: #000; background: #EEEEEE url(http://images.styrkeprogrammet.se/bg-sidebar-top-blue.gif) repeat-x scroll left top; border-bottom: 1px solid #fff;} table.archive th.header_name { width: 265px; } table.archive th.header_level { width: 40px; } table.archive th.header_rating { width: 90px; } table.archive td { padding: 7px 5px 7px 5px; border-bottom: 0; } table.archive td a { text-decoration: none; color: #222; } table.archive td a:hover { text-decoration: underline; color: #222; } table.archive td img { float: left; margin: 0 10px 0 0; } table.archive td .mini_star_ul img { margin: 0; } table.archive td .mini_star_ul, table.archive td .mini_star_ul li { margin: 0; padding: 0; } tr.even { background-color: #f0f0f0 } tr.odd { background-color: #fff; } /* confirm ************ */ table.archive .added_exercise { background-color: #E0F9C6; } table.archive .added_exercise:hover { background-color: #E0F9C6; } h3.added_exercise a{ color: #468144; } p.added_exercise { background-color: #E0F9C6;} p.added_program{ background-color: #E0F9C6;} /* add exercise form ?? ---------------------------------------------------*/ .field { background-color: #f5f5f5; margin-bottom:10px; padding:10px; } .field textarea { width: 360px; height: 100px; background: #fff; } .error_field { background-color: #EE2C2C; margin-bottom:10px; padding:10px; border: 1px solid black; } .errorMsg { color:red; padding:4px; } #basicErrorMsg { color:red; font-size:15px; border-bottom: 3px solid red; } #file_list_mov li, #file_list_img li { color:black; font-weight:bold; padding:2px; background-color: #C0FF3E; margin-bottom:3px; margin-top:3px; } #file_list_mov li input, #file_list_img li input { margin-left:20px; } #maximum_message_mov, #maximum_message_img { display:none; } #informMsg { background-color:#D7F220; color:black; margin-bottom:10px; padding:10px; border: 1px solid #C7C7C7; } /* träningsprogram -> visa övning --------------------------------------------------*/ #fav { position: absolute; margin: -12px 0 0 405px;} h2.sub { margin: -12px 0 10px 0; padding: 0; color: #999; font-weight: normal; font-size: 1em; float: left; } #training #sidebar h2 { margin: 0; } #nav-info { list-style-type: none; margin: 0; padding: 0;} #nav-info li { padding: 2px 0 2px 22px; background: url(http://images.styrkeprogrammet.se/icons/forward_16_grey.gif) no-repeat 0 3px; } #nav-info a { text-decoration: none; color: #000;} #nav-info a:hover { text-decoration: underline; } #training.dict .dictionary_search {background: #FFFFFF url(http://images.styrkeprogrammet.se/bg-box.gif) repeat-x scroll left top; padding: 10px 0 10px 10px; margin: 0 0 30px 0;} #training.dict #dictionary_search {width: 300px;} #training.dict dl { margin: 0 0 25px 0; padding: 0; font-family: arial;} #training.dict dt { margin: 0 0 3px 0; padding: 0; font-family: arial;} #training.dict dd { margin: 0 0 20px 0; padding: 0; font-family: arial;} #training_info { list-style-type:circle; } #training_info li { margin-left:20px; } .article_archive { list-style-type: none; padding: 0 0px 18px 0px; margin: 0; } .article_archive li { margin: 7px 0 6px 0; padding: 2px 0 2px 20px; border-bottom: 1px solid #ddd; line-height: 18px; background: url(http://images.styrkeprogrammet.se/icons/text_16_grey.gif) no-repeat 0 3px; } #tabelofcontents { float: right; width: 200px;} #summary { float: left; width: 200px; margin-bottom: 20px; font-weight: bold;} ol#muscles_trained { margin: 0 0 10px 20px; padding: 0; clear: both; } ol#muscles_trained li { margin: 0; padding: 0px 10px 0px 0px; list-style-type: decimal; } ol#muscles_trained #first { font-weight: bold; } ol#muscles_trained #second { } ol#muscles_trained #third { } /* large 'add to program link' */ p.add_program_large { clear: both; padding:5px } p.add_program_large a { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-weight: normal; font-size: 1.2em; line-height: 1; margin: -10px 0 0 0; font-weight: bold; letter-spacing: -1px; text-decoration: none; } p.add_program_large a img { display: inline; vertical-align: middle; margin: 0 10px 0 0; padding: 0;} #saved_comments #comment { height: 100px; margin: 10px 0;} #saved_comments .submit { margin: 0 0 30px 0; padding: 0;} #saved_comments .submit input { margin: 10px 0;} div.bubble { clear: both; width: auto; margin-bottom: 24px; } div.bubble blockquote { margin: 0px; padding: 0px; border: 1px solid #c9c2c1; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: auto !important; /* for modern browsers */ height: 73px; /* for IE5.x and IE6 */ min-height: 73px; /* for modern browsers */ } div.bubble blockquote p { margin: 10px 10px 12px 75px; padding: 0px; font-style: normal; color: #000; font-size: 11px; line-height: 18px; } div.bubble .date { font-size: 0.8em; line-height: 0.8; color: #666; } div.bubble blockquote img { float: left; margin: 12px 12px 5px 12px; } div.bubble cite { position: relative; margin: 0px; padding: 9px 0px 0px 15px; top: 6px; background: transparent url(http://images.styrkeprogrammet.se/tip.gif) no-repeat 20px 0; font-style: normal; } div.bubble.sp blockquote { border: 1px solid #FFA75B; background-color: #fff; } div.bubble.sp cite { background: transparent url(http://images.styrkeprogrammet.se/tip_sp.gif) no-repeat 20px 0; } #footer div.bubble blockquote p { color: #000; } #footer div.bubble blockquote { border: 1px solid #fff } .socialbookmarks a { text-decoration: none; line-height: 2; margin-left: 3px; color: #222; } .socialbookmarks a:hover { color: #000; } .socialbookmarks a img { padding: 0; margin: 0 2px -3px 0; } /* träningsprogram -> visa program --------------------------------------------------*/ .movie { float: right; margin: 0 0 10px 40px; } #paper { border: 1px solid #ccc; padding: 20px; } #program_header { border: 1px solid #fff; margin-bottom: 1em; } #program_header img { float: left; margin: 0 20px 0 0; } #program_header h2 { display: inline; font-size: 17px; line-height: 22px; } #print_alternatives li a { text-decoration: none; } #print_alternatives li.selected a { text-decoration: underline; } div.information { background: #eee; height: 20px; width: 365px; padding: 8px 10px; margin: 0px 0 10px 0px; background: #eee; font: bold 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } div.information label { display: inline; cursor: help; margin-right: 5px; } div.information input { width: 315px; } .exercise_textfield { width: 220px; } #program_textarea { width: 600px; height: 150px; margin-bottom: 30px } #program_text_print { display: none; } #paper .muscles { font-size: 10px; color: #666; margin: -10px 0 10px 0; padding: 0; } #print_options { float: right; background: #eee; padding: 0px 10px 10px 10px; border: 1px solid #ccc; } #program_tabell { border-collapse: collapse; width: 100%; margin: 0 0 30px 0;} #program_tabell tr.date th { background: #fff; } #program_tabell tr.heading th { background: #ddd; border: 1px solid #ccc; } #program_tabell td { border: 1px solid #ccc; line-height: 1.2; text-align: left; vertical-align: top} #program_tabell td .muscles { font-size: 0.9em; color: #999; } #program_tabell td.even { border: 1px solid #ccc; background: #f5f5f5; } #content .image-table { position: relative; width: 110px; height: 90px; float: left; padding: 15px 10px 0 1px; margin: 0; } #content .image-table .number { position: absolute; top: 15px; left: 2px; font-size: 0.8em; color:#fff; background-color: #000; padding: 3px 9px; font-family: arial; } #content .image-table img { position: absolute; } .clear { clear: both; } #button-print-top { clear: both; margin-top: 10px; margin-bottom: 20px; } #button-print { clear: both; margin-top: 20px; } #search hr { display: none; } #search #pictures { margin-top: 30px; margin-bottom: 30px; } #search #pictures img { float: left; padding: 0 8px 8px 0; } #dela-pass { background: #FFFBD5; padding: 0 20px 1em 20px; margin-bottom: 1em; } /* träningsprogram -> färdiga program --------------------------------------------------*/ #programs dt { clear: both; padding: 2em 0 1em 0; font-size: 1em; padding-left: 22px; background: url(http://images.styrkeprogrammet.se/icons/fields_16.gif) no-repeat 0 26px; } #programs dd { margin: 0; } #programs dd p { font-weight: bold; } .made_program_disabled img { margin: 0 5px -3px 0; cursor: help; } /* frågor och svar (faq) --------------------------------------------------*/ #faq dt { cursor: pointer; } #faq dd { margin: 0 20px 30px 30px; padding-right: 80px; } /* artiklar --------------------------------------------------*/ #toc { margin: 0 0 18px 12px; padding: 0; } #toc ul { list-style-type:circle; padding-left: 0px; margin-bottom: 0px; } .desc { list-style-type: square; padding-left: 20px; } .desc li { margin: 18px; } dl { margin-bottom: 36px; } .definition dt { font-weight:bold; padding: 7px 0 0 7px; } .definition dd { padding: 0 0 7px 7px; } .definition_groups { background-color: #E7FBFF; padding: 15px; } .definition_groups { border: 1px solid black; margin-bottom: 15px; } .definition_groups dl { list-style-type: disc; } .definition_groups dt { font-weight: bold; margin-left:5px; } .definition_groups dd { padding-left:25px; } .test { color: green; } #activeSearch { font-weight: bold; } #expandMsgUl { list-style: disc; padding-left:20px; } #expandMsgUl li { margin-bottom:7px; } #expandMsgUl a { display:inline; } #expandMsg { color:#A52A2A; font-weight:bold; } /* kalender --------------------------------------------------*/ #undo_copy_paste { display: none;} #calendar .selected_for_paste { background-color: #E6B45F; } #calendar .selected_for_paste td { background-color: #E6B45F; } .selected_for_copy td { background: #C4DBCA; } #calendar label { font-size: 10px; } #calendar #control_panel { float: right; padding: 4px 10px; margin: -10px 0 10px 0px; background: #eee; font: normal 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #calendar #control_panel p.msg { margin: 5px 0 0 0; padding: 0 10px 0 10px; font-size: 10px; background: #F9F8DE;} #calendar #months { height: 20px; margin: 10px 0 25px 0; padding: 0; width: 100%; font: normal 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;} #calendar #months div { text-align: center; float: left; } #calendar #months div.odd { background-color:#f5f5f5; } #calendar #months div div#month { float: none; padding:2px; height:12px; font-size:10px; color: #999; } #calendar #months div p { width:17px; float:left; margin:0; font-size: 9px; } #calendar #months div p a { text-decoration: none; display: block; } #calendar #months div p a:hover { text-decoration: none; background: #000; color: #fff; } #calendar #months div p.today a { background: #D3F1C1; color: #000; } #calendar #months div p.active a { background: #FF4800; color: #fff; } #calendar #start_copy { background: none; color: #333; padding-left: 0; text-align: left } input.hidden { visibility: hidden; } #calendar .month td.check input { padding: 0; margin:0 } #calendar .month td.week input { padding: 0; margin:0 } #copyfunction { position: fixed; bottom: 0; left: 0; height: 50px; width: 100%; background: rgb(0,0,0); background: rgba(0,0,0,0.8); } #copyfunction.active { position: fixed; bottom: 0; left: 0; height: 150px; width: 100%; background: rgb(0,0,0); background: rgba(0,0,0,0.8); } #copyfunction .copy { padding: 5px 20px 8px 33px; float: left; font: normal 11px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; } #copyfunction .copy.step1 { background: url(http://images.styrkeprogrammet.se/icons/copy_16.png) no-repeat 10px 7px; width: 650px; margin: 10px 8px 10px 15px; color: #ccc; } #copyfunction #start_copy { padding: 5px 10px 5px 0; display: inline; color: #fff; cursor: pointer; text-decoration: underline;} #copyfunction .copy.step1 p { margin: 0; } #copyfunction .copy.step2 { clear: both; background: #fff url(http://images.styrkeprogrammet.se/icons/copy_48.png) no-repeat 10px 10px; color: #111; width: 350px; padding: 10px 10px 10px 80px; margin: 0px 20px 10px 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #copyfunction .copy.step3 { background: #fff url(http://images.styrkeprogrammet.se/icons/paste_48.png) no-repeat 10px 5px; color: #111; width: 450px; padding: 10px 10px 10px 80px; margin: 0px 0 10px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #calendar p.avmarkera { clear: both; margin: 10px 5px 10px 0;} #calendar ol#years { height: 22px; margin: 0 0 0 350px; } #calendar ol#years li { float: left; padding: 0 10px; font-size: 10px; } #calendar ol#years li.active { text-decoration: none; background: #FF4800; } #calendar ol#years li a { text-decoration: none;} #calendar ol#years li.active a { color:#fff;} #calendar ol#years li a:hover { text-decoration: none; color: #000; } #calendar ol#years li:hover { text-decoration: none; } #calendar ol#weeks { border-bottom: 1px solid #eee; height: 22px; margin: 0 0 5px 0; } #calendar ol#weeks li { float: left; padding: 0 0.27em; font-size: 10px; } #calendar ol#weeks li.active { text-decoration: none; background: #FF4800; } #calendar ol#weeks li.active a { color:#fff;} #calendar ol#weeks li a { text-decoration: none;} #calendar ol#weeks li a:hover { text-decoration: none; color: #000; } #calendar ol#weeks li:hover { text-decoration: none; } #calendar ol#days { height: 25px; width: 650px; margin: 0px auto 50px auto; } #calendar ol#days li { float: left; padding: 2px 10px; font-size: 10px; } #calendar ol#days li.active { background: #FF4800; color: #fff; text-decoration: none;} #calendar ol#days li.active a { color: #fff; text-decoration: none;} #calendar ol#days li a { text-decoration: none; } #calendar ol#days li a:hover { color: #000; } #calendar #selectweek { clear: left; } #calendar #selectweek label { display: inline; } /* month */ #calendar tr.selected td { background: #DBF4CD; } #calendar tr.lastyear td { background: #ddd; } #calendar .avmarkera { float: right; margin: 10px 15px 0 0; } #calendar .avmarkera a { color: #ccc; } #calendar h2 { margin: 0; padding: 10px; text-align: center; } #calendar .month { float:left; margin: 0 15px 20px 0; width: 290px; } #calendar .month.first { clear: both; } #calendar .month.last { margin: 0 0 20px 0; } #calendar .month table { width: 100%; margin: 0; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; } #calendar .month tr:hover { background: #F9F8DE;} #calendar .month th { padding: 5px; font-weight: bold; color: #ccc; background: #fff;} #calendar .month td { padding: 5px 5px;} #calendar .month td a { text-decoration: none; } #calendar .month td a:hover { text-decoration: underline; } #calendar .month td.week { background: #eee; color: #999; padding: 5px 4px; font-weight: bold; } #calendar .month td.check { width: 13px; } #calendar .month td.date { width: 17px; text-align: right; } #calendar .month td.day { width: 27px; } #calendar .month td.program a { color: #000; } /* week */ #calendar .week_title { width: 300px; font-size: 12px; } #calendar .week_text { width: 915px; height: 70px; margin: 0 0 20px 0; padding: 2px; } #calendar .archivedday { padding: 13px 5px 39px 5px; font-size: 10px; color: #999; } #calendar .archivedday a { color: #777; } #calendar h1 { clear: both; border-bottom: 1px dotted #ccc; font-size: 22px; } #calendar .options { float: right; margin: -50px 0 0 0; } #calendar .options label { display: inline; font-size: 11px; padding: 0; } #calendar .options form { float: right; } #calendar .options input { float: right; margin: 3px 0 0 15px; font-size: 13px;} #calendar .daybox { width:210px; float:left; padding: 5px; margin: 0 5px 10px 5px; background: #f5f5f5;} #calendar .active.daybox { background: #F1F5AB; } #calendar .daybox h2 { background: none; color: #333; } #calendar .daybox h2 a { color: #222; } #calendar .daybox h2 input { display: inline; float: left; margin: 3px 7px 0 0; } #calendar .daybox input.day_title { width: 194px; margin: 0px 4px; } #calendar .daybox textarea { width: 190px; height: 80px; margin: 0 4px; } #calendar .daybox label { margin: 0 5px; font-size: 10px; color: #666; } #calendar .daybox select { width: 140px; margin: 0 4px; font-size: 13px; padding: 2px; } #calendar #content .daybox ul { margin: 10px 5px; padding: 0 0 10px 0; min-height: 20px; } #calendar #content .daybox li { margin: 0 0 0 15px; padding: 0; background: #ddd; list-style-type: none; margin: 3px 0; padding: 2px; } #calendar #content .daybox li a { float: right; font-size: 10px; } #calendar .daybox textarea.week_comment { height: 307px; width: 200px; margin: 10px 5px 5px 5px; } #calendar select.program_select_week { width: 135px; } /* day */ .confirmSave { float: right; padding: 3px 5px; margin: -10px 0 0 0; color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-size: 10px;} .confirmSave.not-saved { color: #900; background-color: #FFB6B6; } .confirmSave.saved { color: #090; background-color: #B5FFB6;} #vad-ar-arkivera { background: #FFFBD5; padding: 0 20px 1em 20px; margin: 1em 0 1em 0; } #vad-ar-arkivera h2 { text-align: left; } #vad-ar-arkivera p { padding-left: 10px; } #calendar_form_day input { margin: 0 0 10px 0; } #calendar .day { clear: left; } #calendar .day .left { float: left; margin: 0 0 20px 0; width: 500px; } #calendar .day .left label { margin: 0;} #calendar .day .left input.title { width: 490px; margin: 0 0 5px 0; } #calendar .day .left textarea { width: 490px; margin: 0 0 5px 0; } #calendar .day .left select { margin: 5px 0 5px 0; padding: 3px; font-size: 12px; margin: 0 5px 0 0;} #calendar .day .left ul { margin-top: 20px;} #calendar .day .left h3 { font-size: 12px; border-bottom: 1px solid #ccc; margin: 50px 0 10px 0;} #calendar .day .left .name { color: #666; margin: 0; font-style: italic; font-size: 10px; } #calendar .day .right { float: right; margin: 20px 0; width: 300px; background: #f5f5f5; padding: 20px; } #calendar .day .right h3 { font-size: 16px; } #calendar .day .right h4 { margin: 25px 0 5px 0; border-bottom: 1px solid #ddd; } #calendar table { border-collapse: collapse; margin: 10px 0 50px 0; width: 400px; border: 1px solid #eee; } #calendar th { padding: 5px; background: #eee; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; } #calendar td { padding: 5px; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; border: 1px solid #eee; } /* tooltip --------------------------------------------------*/ .glt-elm { position: absolute; left: 0; top: 0; width: 250px; color: #fff; opacity: 0.9; visibility: hidden; } .glt-elm p { background: #222; color: #eee; margin: 0; padding: 0 20px; text-shadow: 0 -1px 0 #000; } .glt-elm img { display: block; } .glt-elm { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); }