/** * Content CSS for the BonusThemes.com Play & Learn Template * * @package bt_playlearn * @version 1.0 * @copyright BonusThemes.com 2009 * @link http://www.bonusthemes.com/goto/bt_playlearn */ /* ####################### GENERAL SETTINGS ############################ */ body { font-family: Helvetica, Sans, FreeSans, sans-serif; font-size: 11px; line-height: 18px; margin-top: 0px; color: #333432; } /* Global Formatting */ h1, h2, h3, h4, h5 { padding-bottom: 5px; margin: 25px 0 10px 0; font-weight: normal; line-height: 120%; } h1 { color: #243ba4; font-size: 200%; line-height: 100%; } h2 { color: #239ba4; font-size: 175%; line-height: 100%; } h3 { color: #ff7e00; font-size: 150%; } h4 { color: #222ba4; font-size: 120%; } h5 { color: #210ba4; font-size: 120%; text-transform: uppercase; } h6 { color: #211ba4; font-size: 100%; text-transform: uppercase; } td { font-size: 12px; } th { font-size: 12px; } a { color: #fff; } a:hover { color: #ff7e00; text-decoration: none; } a:visited { color: #ff7e00; } a.image, a.image:hover { border: 0; } li { list-style-type: none; } ul { list-style: none; } ul li { background: url(../img/bullet-list.gif) no-repeat 0 3px; padding-left: 20px; margin-left: 0px; } ol li { line-height: 180%; padding-left: 12px; } p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0; } fieldset { border: none; } fieldset a { font-weight: bold; } img { border: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* ####################### END GENERAL SETTINGS ############################ */ /* ###################### LAYOUT SETTINGS ############################## */ /* ###################### LAYOUT SETTINGS ############################## */ /*##################### NAVIGATION SECTION #####################*/ /* Pathway Breadcrumbs */ #pathway { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #pathway img { padding: 0px 10px 0px 10px; } #pathway, #pathway_notice, .pathway, a.pathway, a.pathway:link, a.pathway:visited, a.pathway:hover { color: #733942; font-weight: bold; } a.pathway { text-decoration: none; } a.pathway:hover { text-decoration: underline; } /* Default Menus for Joomla 1.0 */ .mainlevel, .sublevel { } a.mainlevel, a.sublevel { text-decoration: none; } a.mainlevel:hover, a.sublevel:hover { text-decoration: underline; } /* Default Menus for Joomla 1.5 */ ul.menu li { list-style-position: outside; padding-left: 15px; margin-bottom: 1px; margin-left: 0; background-color: #243ba4; border-left: 5px solid #ebf4fa; background-image: none; } ul.menu li a, ul.menu li a:link, ul.menu li a:visited { line-height: 22px; margin-left: 0px; text-decoration: none; color: #ace3ff; } ul.menu li a:hover { color: #f6e896; } ul.menu li:hover { background-color: #54a4de; } /* Add Custom Menus */ /*##################### NAVIGATION SECTION #####################*/ /* ##################### STANDARD MODULE TABLE #################*/ table.moduletable { padding: 0px; margin: 0px; } table.moduletable th { background: #2F3E57; height: 18px; color: #FFFFFF; } table.moduletable td { height: 18px; } div.moduletable, div.module { line-height: 18px; font-size: 12px; margin-bottom: 15px; } /* End Custom Modules */ /* ##################### END STANDARD MODULE TABLE #################*/ /* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/ .contentheading { color: #206ba4; margin-bottom: 20px; font: 25px/30px Helvetica, Palatino Linotype, FreeSans, sans-serif; } .contentheading a, .contentheading a:visited { font-family: Helvetica, Cosmic Sans, FreeSans, sans-serif; font-size: 20px; color: #8c8c77; text-decoration: none; } .contentheading a:hover { color: #4E7EC6; text-decoration: underline; } /* content title and links */ .contentpagetitle { } a.contentpagetitle, a.contentpagetitle:visited { text-decoration: none; font-weight: normal; color: #8c8c77; border-bottom: 0px; } a.contentpagetitle:hover { color: #000; border-bottom: 0px dashed #CCCCCC; text-decoration: none; } .contentinfo { margin: 5px 0px 5px 0px; padding: 0px 0px 3px 0px; border-top: 2px solid #f5f5eb; border-bottom: 2px solid #f5f5eb; } .contentinfo .author { position: relative; top: -3px; background: url(../img/user.gif) no-repeat left top; padding-left: 20px; } .contentinfo img { position: relative; top: 4px; } /* top box like a category description */ .contentdescription { } .avedra; { width: 660; overflow: hidden; } .isaplic { float: left; padding: 9px; text-align: center; width: 30% } /* Main Body Text */ .contentpane { width: 99%; } .contentpaneopen h2 { padding: 0; margin: 0; } .contentpaneopen p { } table.contentpane { margin-bottom: 30px; } /* Main Body Text */ /* article rating */ .content_rating { font-weight: normal; font-size: .8em; } .content_vote { font-weight: normal; font-size: .8em; } /* icons */ .buttonheading { font-size: 12px; } .pop-ups { float: right; } a.pop-up { border-bottom: 0; } /* Dates */ .blogdate { background: url(../img/article_date.gif) no-repeat top left; width: 42px; height: 52px; padding: 5px 0px 0px 0px; } .blogdate .day { color: #fff; font-weight: bold; font-size: 15px; margin: 0; padding: 0; line-height: 15px; } .blogdate .month { color: #fff; font-weight: bold; font-size: 11px; margin: 0; padding: 0; line-height: 15px; } .createdate { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-size: 10px; color: #545454; background: url(../img/time.gif) no-repeat left top; padding-left: 20px; } .modifydate { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-size: 10px; color: #545454; background: url(../img/time.gif) no-repeat left top; padding-left: 20px; } .newsfeeddate { font-size: 10px; color: #d34807; font-weight: normal; } /* Dates */ /* Writen by Authors name */ .small { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-size: 10px; color: #6C6D6E; background: url(../img/user.gif) no-repeat left top; padding-left: 20px; } /* Page navigation links "<<< 1 of 10 next >>>" */ .pagenav { padding: 2px; color: #999; } a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a { padding: 1px 4px; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #BABDB6; border-right: 1px solid #BABDB6; text-decoration: none; font-size: 11px; background: #f5f5f5; color: #999; height: 100%; } a.pagenav:hover, a.pagenav:active, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active, .pagenavbar a:hover, .pagenavbar a:active { padding: 1px 4px; border-top: 1px solid #BABDB6; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #BABDB6; text-decoration: none; color: #000; } th.pagenav_prev a, th.pagenav_prev a:visited, th.pagenav_next a, th.pagenav_next a:visited { color: #999; font-weight: normal; } th.pagenav_prev a:hover, th.pagenav_next a:hover { color: #000; font-weight: normal; } .pagenavbar { padding-left: 14px; font-size: 11px; } .pagenavcounter { padding: 10px 0 0 0; color: #aaa; } /* Additional pagination */ .pgn_button1, .pgn_button0, .pgn_page, .pgn_current { margin: 0px 0px 0px 7px; padding: 0px 6px 0px 6px; } .pgn_button1 { color: #7F9DBB; background-color: #fff; border: 1px solid #6C6D6E; cursor: pointer; } .pgn_button0 { color: #8d8d77; background-color: #fff; border: 1px solid #6C6D6E; } .pgn_page { color: #000; background-color: #eee; border: 1px solid #d8d7d7; cursor: pointer; } .pgn_button1:hover, .pgn_page:hover, .pgn_current { color: #fff; background-color: #7F9DBB; border: 1px solid #6C6D6E; } /* Read more link */ a.readon, a.readmore, a.moduletablemstyle2 , a.moduletablemstyle3 { background: url(../img/readon.gif) no-repeat left; color: #206ba4; text-decoration: underline; text-indent: 20px; width: 147px; line-height: 28px; float: left; display: block; font-weight: normal; font-style: normal; } a.moduletablemstyle1 { background: url(../img/readon.gif) no-repeat left; color: #fff; text-decoration: underline; text-indent: 20px; width: 147px; line-height: 28px; float: left; display: block; font-weight: normal; font-style: normal; } a.readon:hover, a.readmore:hover { color: #ff7e00; } /* Article index {mospagebreak} */ table.contenttoc { margin: 0 0 30px 30px; padding: 0; width: 200px; } table.contenttoc th { padding: 5px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-size: 12px; background-color: #e8e8e8; border-bottom: solid 1px #999999; color: #808080; text-indent: 5px; } table.contenttoc td a { display: block; width: auto; } table.contenttoc td a:hover { background: #f1f1f1; color: #000; text-decoration: none; display: block; width: auto; } table.contenttoc td { text-align: center; background: #FCFCFC; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .toclink { font-size: 10px; padding: 5px; } /* Links article index */ a.toclink { height: 18px; } /* End Article index */ /* component heading */ .componentheading { color: #8c8c77; text-align: left; margin-top: 1.5em; font: bold 10px "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; } /* Sectiontable Table types listings Faqs's, weblink etc..*/ .sectiontableheader, .sectiontableheadermstyle1, .sectiontableheadermstyle2, .sectiontableheadermstyle3 { height: 40px; background-color: #f3f3f3; background-repeat: repeat; padding: 2px; color: #676767; font-weight: bold; padding: 5px; font-size: 16px; text-align: left; } tr.sectiontableheader th, tr.sectiontableheadermstyle1 th, tr.sectiontableheadermstyle2 th, tr.sectiontableheadermstyle3 th { border-bottom: 1px solid #5B7186; } .sectiontableheader a, .sectiontableheader a:visited { color: #2a558c; } .sectiontableentry1 a:hover, .sectiontableentry2 a:hover { color: #3A3A3B; text-decoration: none; } /* Table odd and Even Rows */ .sectiontableentry1, .sectiontableentry1mstyle1, .sectiontableentry1mstyle2, .sectiontableentry1mstyle3 { background-color: #faf1c3; height: 30px; } .sectiontableentry2, .sectiontableentry2mstyle1, .sectiontableentry2mstyle2, .sectiontableentry2mstyle3 { height: 30px; } .sectiontableentry1 a, .sectiontableentry1 a:visited, .sectiontableentry2 a, .sectiontableentry2 a:visited, .sectiontableentry1mstyle1 a, .sectiontableentry1mstyle1 a:visited, .sectiontableentry2mstyle1 a, .sectiontableentry2mstyle1 a:visited, .sectiontableentry1mstyle2 a, .sectiontableentry1mstyle2 a:visited, .sectiontableentry2mstyle2 a, .sectiontableentry2mstyle2 a:visited, .sectiontableentry1mstyle3 a, .sectiontableentry1mstyle3 a:visited, .sectiontableentry2mstyle3 a, .sectiontableentry2mstyle3 a:visited { color: #5B7186; } .sectiontableentry1 td, .sectiontableentry2 td, .sectiontableentry1mstyle1 td, .sectiontableentry2mstyle1 td, .sectiontableentry1mstyle2 td, .sectiontableentry2mstyle2 td, .sectiontableentry1mstyle3 td, .sectiontableentry2mstyle3 td { padding: 4px; border-bottom: 1px solid #ffbf80; } td.sectiontableheader, td.sectiontableentry1, td.sectiontableentry2, td.sectiontableentry1mstyle1, td.sectiontableentry2mstyle1, td.sectiontableentry1mstyle2, td.sectiontableentry2mstyle2, td.sectiontableentry1mstyle3, td.sectiontableentry2mstyle3 { padding: 4px; border-bottom: 1px solid #54a4de; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td, tr.sectiontableentry1mstyle1:hover td, tr.sectiontableentry2mstyle1:hover td, tr.sectiontableentry1mstyle2:hover td, tr.sectiontableentry2mstyle2:hover td, tr.sectiontableentry1mstyle3:hover td, tr.sectiontableentry2mstyle3:hover td { } /* End Sectiontable */ /* Category */ .category { color: #ee5113; } a.category { height: 15px; } /* End category */ /* blogsection */ .blog table { padding: 0 5px; } .blog_more { margin-top: 5px; margin-left: 20px; margin-bottom: 30px; } /* space from bottom of article */ .article_separator, .article_seperator { display: block; height: 5px; background-color: #f2f2e4; margin-bottom: 20px; } /* End blogsection */ /* Search Form Module*/ .search { } /* results if not search google */ .searchintro { height: 26px; } /*Search Form keyword highlight*/ .highlight { background: #ffff99; padding: 0px 2px 0px 2px; } /* End Search Form */ /* wrapper title */ /* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/ /* ##################### FORM SECTION #####################*/ .label { font-size: 12px; } form { font-size: 12px } input { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 13px; color: #333; } .inputbox { margin:0 0.25em 0 0; border: 1px solid #E6E6E6; color: #555; line-height:18px; padding:3px 5px; } .inputbox:hover, .inputbox:focus { background:#fefab6; border-color:#ccc; } .inputbox:focus { color:#333; background-color: #e8e8dc; } .text_area { background: White; } /* Pull down menu */ .selectbox { } /* Submit Button */ .button { background: url(../img/grad1.gif) repeat-x center #EFEFEF; border: 1px solid #DDDDDD; border-bottom-color: #CCCCCC; color: #666666; padding: 2px 8px; cursor: pointer; } /* Contact Email Form */ .contact_email { margin: 0px; padding: 5px; } /* ##################### END FORM SECTION ##################### */ /* ##################### SEARCH SECTION ##################### */ /* Search module */ #pos_search { width: 218px; height: 36px; overflow: hidden; background: url(../img/search_back.gif) no-repeat top left; } .search { } input#mod_search_searchword { position: relative; left: 20px; top: 8px; background: none; border: none; color: #206ba4; } /* ##################### END SEARCH SECTION ##################### */ /* ###################### TABBED EDITING ###################### */ /* When user login to edit or sumbit articles for modifying {moscode} output. Don't set the color! */ .moscode { background-color: #f0f0f0; } .code { font-family: courier, serif; font-size: 1.2em; padding: 2px; background-color: #e7e4d3; color: blue; border: 1px solid #666464; margin: 0px; width: 90%; } /* Text passed with mosmsg url parameter */ .message { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; color: #666; text-align: center; } /* Styles for dhtml tabbed-pages */ .ontab { background-color: #666666; border-left: outset 1px #666; border-right: outset 1px #333; border-top: outset 1px #666; border-bottom: solid 1px #333; text-align: center; cursor: default; font-weight: bold; color: #FFFFFF; padding: .2em; } .offtab { background-color: #cccccc; border-left: outset 1px #666; border-right: outset 1px #333; border-top: outset 1px #666; border-bottom: solid 1px #333; text-align: center; cursor: default; font-weight: normal; padding: .2em; } .edit-tabs { padding: 1em; background: none; } .tabpadding { padding: 1px; } .tabheading { background-color: #FF6600; text-align: left; } .pagetext { visibility: hidden; display: none; } /*Body of the form*/ .adminform { background-color: #FFFFFF; } /* ###################### End TABBED EDITING ###################### */ /* ###################### TYPOGRAPHY SETTINGS ############################## */ /* @group typography */ .dropcap { color: #54a4de; display: block; float: left; font: 58px/60px Helvetica, Arial, FreeSans, sans-serif; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #ccc; text-indent: 5px; } span.alert { display: block; background: url(../img/alert.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 3px solid #54a4de; border-bottom: 1px solid #54a4de; } span.info { display: block; color: #255928; background: #d6eb9a url(../img/info.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 1px solid #bedf5d; } span.download { display: block; color: #86151c; background: #f6e896 url(../img/download.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 1px solid #ffbf80; } pre { display: block; line-height: 100%; border-left: 5px solid #54a4de; color: #000; background: #ebf4fa; padding: 10px; font-family: Monaco, "Courier New", monospace; font-size: 11px; overflow: auto !important; overflow: scroll; } blockquote { margin: 20px 0; padding: 0 0 0 40px; border: none; color: #ff9834; background: url(../img/bt_quote.png) no-repeat 10px 0; font: italic bold 14px/19px Georgia, serif; } #right_area blockquote { margin: 20px 0; padding: 0 0 0 40px; border: none; color: #fff; background: url(../img/bt_quote-white.png) no-repeat 10px 0; font: italic bold 14px/19px Georgia, serif; border-bottom: 1px solid #fff; } .boxinfo-title { display: block; font-size: 100%; float: left; font-weight: bold; left: 7px; margin: 0; padding: 0 6px; position: absolute; top: -10px; background: #54a4de; color: #fff; border-left: 1px solid #54a4de; border-right: 1px solid #54a4de; } .boxinfo { border: 1px solid #54a4de; margin: 20px 0; padding: 0 9px; position: relative; } ul.arrow1 li, li.arrow1 { background: url(../img/bullet-2.png) 0 0 no-repeat; } ul.check li, li.check { background: url(../img/check.gif) 0 0 no-repeat; } ul.arrow3 li, li.arrow3 { background: url(../img/bullet-5.png) 0 0 no-repeat; } ul.star li, li.star { background: url(../img/bullet-6.png) 0 0 no-repeat; } ul.circle li, li.circle { background: url(../img/bullet-7.png) 0 0 no-repeat; } ul.arrow1, ul.check, ul.circle, ul.morespace { margin-left: 35px; padding: 0; } ul.arrow1, ul.check, ul.circle, ul.morespace { margin-left: 5px; padding: 0; } ul.arrow1 li, ul.check li, ul.circle li, li.arrow1, li.check, li.circle { list-style: none; padding-bottom: 5px; padding-left: 25px; } .highlight-1, .highlight-2, .highlight-3, .highlight-4 { padding: 1px 5px; } .highlight-1 { background: #faf1c3; } .highlight-2 { background: #d6eb9a; } .highlight-3 { background: #54a4de; color: #fff; } .highlight-4 { background: #ff9834; color: #fff; } /* ###################### End TYPOGRAPHY SETTINGS ############################## */ /* mosimage */ .img_caption { padding: 10px; background: #f1efe2; color: #3A3A3B; border: 1px solid #e7e4d3; } .img_caption p { padding: 3px 0; } /* Caption fixes */ .img_caption.left { float: left; margin-right: 1em; } .img_caption.right { float: right; margin-left: 1em; } .img_caption.left p { clear: left; text-align: center; } .img_caption.right p { clear: right; text-align: center; } /* @group Miscellaneous adjustments */ #pos_inset { padding-top: 10px; padding-left: 10px; } #pos_inset a, #pos_inset a:link, #pos_inset a:visited { color: #f6e896; } #pos_banner { text-align: center; } #central_area a, #central_area a:link, #central_area a:visited { color: #206ba4; } #central_area a:hover { color: #ff7e00; } #pos_right, #pos_left { color: #206ba4; } #pos_right a, #pos_left a { color: #003366; } #pos_right a:hover, #pos_left a:hover { text-decoration: none; color: #54a4de; } #pos_right a:visited, #pos_left a:visited { color: #666464; } #advert_area a, #advert_area a:link, #advert_area a:visited, #bottom_area a, #bottom_area a:link, #bottom_area a:visited { color: #ff7e00; } #advert_area a:hover, #bottom_area a:hover { text-decoration: none; } #pos_right h3, #pos_left h3 { color: #206ba4; } #advert_area, #bottom_area { color: #575447; } #pos_inset, #pos_footer { color: #fff; } #footer_area { height: 49px; overflow: hidden; } #footer_area a, #footer_area a:link, #footer_area a:visited { color: #fff; } #footer_area a:hover { color: #f6e896; } #pos_footer { margin-top: 15px; color: #fff; text-align: center; } #pos_legals { color: #fff; text-align: center; } #pos_left ul.menu li a, #pos_left ul.menu li a:link, #pos_left ul.menu li a:visited, #pos_right ul.menu li a, #pos_right ul.menu li a:link, #pos_right ul.menu li a:visited, #advert_area ul.menu li a, #advert_area ul.menu li a:link, #advert_area ul.menu li a:visited, #bottom_area ul.menu li a, #bottom_area ul.menu li a:link, #bottom_area ul.menu li a:visited, #footer_area ul.menu li a, #footer_area ul.menu li a:link, #footer_area ul.menu li a:visited { color: #ace3ff; } #pos_left ul.menu li a:hover, #pos_right ul.menu li a:hover, #advert_area ul.menu li a:hover, #bottom_area ul.menu li a:hover, #footer_area ul.menu li a:hover { color: #f6e896; } /* @group module suffixes */ .btmod { margin-bottom: 20px; line-height: 18px; font-size: 12px; } /* module style: mstyle1 */ .moduletablemstyle1 { } .mstyle1_mc { background-color: #edf7ff; border-top: 1px solid #54a4de; border-bottom: 1px solid #54a4de; } .mstyle1_u { height: 10px; overflow: hidden; } .mstyle1_d { height: 10px; overflow: hidden; } /* module style: mstyle2 */ .moduletablemstyle2 { } .mstyle2_mc { background-color: #ebebeb; } .mstyle2_tc { background: url(../img/mstyle2_tc.gif) repeat-x top left; } .mstyle2_bc { background: url(../img/mstyle2_bc.gif) repeat-x bottom left; } .mstyle2_ml { background: url(../img/mstyle2_ml.gif) repeat-y top left; } .mstyle2_mr { background: url(../img/mstyle2_mr.gif) repeat-y top right; } .mstyle2_tl { background: url(../img/mstyle2_tl.gif) no-repeat top left; } .mstyle2_tr { background: url(../img/mstyle2_tr.gif) no-repeat top right; } .mstyle2_bl { background: url(../img/mstyle2_bl.gif) no-repeat bottom left; } .mstyle2_br { background: url(../img/mstyle2_br.gif) no-repeat bottom right; } .mstyle2_u { height: 10px; overflow: hidden; } .mstyle2_d { height: 20px; overflow: hidden; } /* module style: mstyle3 */ .moduletablemstyle3 { } .mstyle3_mc { background-color: #5c88ac; color: #fff; } .mstyle3_tc { background: url(../img/mstyle3_tc.gif) repeat-x top left; } .mstyle3_bc { background: url(../img/mstyle3_bc.gif) repeat-x bottom left; } .mstyle3_ml { background: url(../img/mstyle3_ml.gif) repeat-y top left; } .mstyle3_mr { background: url(../img/mstyle3_mr.gif) repeat-y top right; } .mstyle3_tl { background: url(../img/mstyle3_tl.gif) no-repeat top left; } .mstyle3_tr { background: url(../img/mstyle3_tr.gif) no-repeat top right; } .mstyle3_bl { background: url(../img/mstyle3_bl.gif) no-repeat bottom left; } .mstyle3_br { background: url(../img/mstyle3_br.gif) no-repeat bottom right; } .mstyle3_u { height: 10px; overflow: hidden; } .mstyle3_d { height: 20px; overflow: hidden; } .mstyle3_mc h3 { color: #faf1c3; } /* @group menu in toolbar position */ div.menutoolbar { padding: 0; margin: 0; padding-top: 43px; } .menutoolbar_l1 { height: 60px; } .menutoolbar_l2 { height: 60px; } .menutoolbar_l3 { height: 60px; } .menutoolbar_l4 { height: 183px; padding: 7px 10px 0px 10px; } a.menutoolbar, a.menutoolbar:link, a.menutoolbar:visited { color: #000; text-decoration: none; } .active .menutoolbar_l1, div.menutoolbar_l1:hover { background: url(../img/toolbar_c.gif) repeat-x left top; height: 60px; } .active .menutoolbar_l2, div.menutoolbar_l2:hover { background: url(../img/toolbar_l.gif) no-repeat left top; height: 60px; } .active .menutoolbar_l3, div.menutoolbar_l3:hover { background: url(../img/toolbar_r.gif) no-repeat right top; height: 60px; } .active .menutoolbar_l4, div.menutoolbar_l4:hover { background: url(../img/toolbar_arrow.gif) no-repeat center 50px; height: 183px; padding: 7px 10px 0px 10px; } .active .menutoolbar_l1 a, .menutoolbar_l1:hover a, .active a.menutoolbar, .active a.menutoolbar:link, .active a.menutoolbar:visited, a.menutoolbar:hover { color: #faf1c3; } /* @group extension display */ #ext_display_obj { position: absolute; left: 0px; top: 0px; } .ext_display_gap { width: 1px; overflow: hidden; } .ext_display_norm_l, .ext_display_sel_l { width: 24px; overflow: hidden; background: url(../img/ext_display_norm_l.gif) no-repeat top left; cursor: pointer; } .ext_display_sel_l { background: url(../img/ext_display_sel_l.gif) no-repeat top left; } .ext_display_norm_c, .ext_display_sel_c { height: 36px; overflow: hidden; background: url(../img/ext_display_norm_c.gif) repeat-x top left; cursor: pointer; font-weight: bold; color: #faf1c3; } .ext_display_sel_c { background: url(../img/ext_display_sel_c.gif) repeat-x top left; color: #8f8f8f; } .ext_display_norm_r, .ext_display_sel_r { width: 24px; overflow: hidden; background: url(../img/ext_display_norm_r.gif) no-repeat top right; cursor: pointer; } .ext_display_sel_r { background: url(../img/ext_display_sel_r.gif) no-repeat top right; }