/* !!!!! optional. delete this code !!!!! position: absolute; left: auto; top: auto; right: auto; bottom: auto; */ /* ---------------------------------------------------------------------------------------------------- [Table of Contents] 1. Default page configuration 1.1 Tags options 1.2 Colors 1.3 Font Size 2. Blocks 2.1 Box | .box 2.2 Form Elements 2.2.1 Input | .i 2.3 Authorization Form | .auth 2.4 Main Menu | .mm 2.5 Banner Area | .ba 2.6 Layouts 2.6.1 3 Cell layout | .l-3c 2.6.2 2 Cell layout | .l-2c 2.7 Side Bar Menu | .sbm 2.8 Sample | .smpl 2.9 Pages Navigator | .pn 2.10 Quick Search | .qs 2.11 Sign Up For Our Newsletter | .sufon 2.12 Banners | .bnr-tmpl-x 2.13 Bookmarks Menu | .bm 2.14 Logged In | .logged 2.15 Informer Button | .ib 2.16 News List | .nl 3. Page Constructor 3.1 Header | .hdr 3.2 Content | .cnt 3.3 Footer | .ftr 4. Pages 4.1 Main Page | .m-p 4.2 Article Page | .art-p 4.3 Key Stage | .ks-p 4.4 Subject Page | .subj-p 4.5 My EDPlace Page | .myed-p 4.6 EDPlace Categoryes Page | .ed-cat-p 4.7 Worksheet Page | .ws-p ---------------------------------------------------------------------------------------------------- */ /* #################################################################################################### [1. Page configuration] #################################################################################################### ---------------------------------------------------------------------------------------------------- [1.1 Defaults Tags options] ---------------------------------------------------------------------------------------------------- */ html { background-color: #414141; } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.625em; /* default page font size is 10px (1em) */ width: 100em; /* Default scroll width is 16px, so 1024-16 is 1008px */ margin: 0 auto; background-color: #fff; } * { margin: 0; padding: 0; outline: none; } ul { list-style-type: none;} img { border: none; } table { border-collapse: collapse; } input[type="submit"] { cursor: pointer; } input[type="button"] { cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [1.2 Colors] ---------------------------------------------------------------------------------------------------- */ h1 { color: #030; } a { color: #060; } p, span { color: #333; } input, textarea, select { color: #666; } /* ---------------------------------------------------------------------------------------------------- [1.3 Font size] ---------------------------------------------------------------------------------------------------- */ h1 { font-size: 1.5em; } a, p, span, input, textarea, select { font-size: 1.2em; } p a { font-size: 1em; } /* #################################################################################################### [2. Blocks] #################################################################################################### ---------------------------------------------------------------------------------------------------- [2.1 Box] ---------------------------------------------------------------------------------------------------- */ div.box { } div.box div.top, div.box div.top div, div.box div.btm, div.box div.btm div { background-image: url(../img/box-corn-def.gif); background-repeat: no-repeat; } div.box div.top div { background-position: 100% -.5em; } div.box div.top div div, div.box div.btm div div { background: #f1f1f1; margin: 0 .5em; height: .5em; } div.box div.btm { background-position: 0 -1.0em; } div.box div.btm div { background-position: 100% -1.5em; } div.box-data { background-color: #f1f1f1; } /* style A */ div.box-s-a { } div.box-s-a div.top, div.box-s-a div.top div, div.box-s-a div.btm { background-image: url(../img/box-corn-A-t&b.gif); } div.box-s-a div.top div { height: .9em; background-position: 0 -.9em; background-repeat: repeat-x; margin-left: .7em; } div.box-s-a div.btm { background-position: 0 -1.8em; background-color: #eee; height: .9em; } div.box-s-a div.box-data { background: #eee url(../img/box-corn-A-mdl.gif) 0 0 repeat-y; padding: 0 1.2em; } /* style B */ div.box-s-b { } div.box-s-b div.top, div.box-s-b div.top div, div.box-s-b div.btm, div.box-s-b div.btm div { background-image: url(../img/box-corn-B-t&b.gif) !important; background-position: 1px 0; } div.box-s-b div.top div { background-position: 100% -1.9em !important; height: auto; background-repeat: no-repeat; margin: 0; } div.box-s-b div.top div div { background-position: 0 -3.8em !important; background-repeat: repeat-x; margin: 0 2.0em !important; height: 1.9em; } div.box-s-b div.btm { background-position: 0 -5.7em; height: auto; } div.box-s-b div.btm div { background-position: 100% -7.9em; } div.box-s-b div.btm div div { background-position: 0 -10.1em; background-repeat: repeat-x; margin: 0 2.0em; height: 2.2em; } div.box-s-b div.box-data { padding: 0; } div.box-s-b div.box-data, div.box-s-b div.box-data div { background-image: url(../img/box-corn-B-mdl.gif); background-repeat: repeat-y; } div.box-s-b div.box-data div { background-position: 100% 0; } div.box-s-b div.box-data div div { margin: 0 1.1em; background: #aaaaaa; } /* style B ver.2 */ div.box-s-b2 { } div.box-s-b2 div.top, div.box-s-b2 div.top div, div.box-s-b2 div.btm, div.box-s-b2 div.btm div { background-image: url(../img/box-corn-B-t&b2.gif) !important; } div.box-s-b2 div.box-data, div.box-s-b2 div.box-data div { background-image: url(../img/box-corn-B-mdl2.gif); } div.box-s-b2 div.box-data div div { background: #9b9b9b; } /* style C */ div.box-s-c { } div.box-s-c div.top, div.box-s-c div.top div, div.box-s-c div.btm, div.box-s-c div.btm div { background-image: url(../img/box-corn-C-t&b.gif) !important; } div.box-s-c div.top div { background-position: 100% -0.4em; background-color: #ebebeb; height: .4em; margin-left: .4em; } div.box-s-c div.btm { background-position: 0 -0.8em; } div.box-s-c div.btm div { background-position: 100% -1.2em; background-color: #ebebeb; height: .4em; margin-left: .4em; } div.box-s-c div.box-data { background-color: #ebebeb; } /* style D */ div.box-s-d { } div.box-s-d div.top, div.box-s-d div.top div, div.box-s-d div.btm, div.box-s-d div.btm div { background-image: url(../img/box-corn-D-t&b.gif) !important; } div.box-s-d div.top div { background-position: 100% -0.8em; } div.box-s-d div.top div div { background-position: 0 -1.6em; } div.box-s-d div.btm { background-position: 0 -2.4em; } div.box-s-d div.btm div { background-position: 100% -3.2em; } div.box-s-d div.btm div div { background-position: 0 -4.0em; background-repeat: repeat-x; height: .8em; margin: 0 .8em; } div.box-s-d div.box-data { background-color: #fdbf71; border-left: 3px solid #e88502; border-right: 3px solid #e88502; } /* style E */ div.box-s-e { } div.box-s-e div.top, div.box-s-e div.top div, div.box-s-e div.btm, div.box-s-e div.btm div { background-image: url(../img/box-corn-E-t&b.gif) !important ; } div.box-s-e div.top div { background-position: 100% -1.6em; } div.box-s-e div.top div div { background-position: 0 -3.2em; background-repeat: repeat-x; margin: 0 1.3em; height: 1.6em; } div.box-s-e div.btm { background-position: 0 -4.8em; } div.box-s-e div.btm div { background-position: 100% -6.4em; } div.box-s-e div.btm div div { background-position: 0 -8.0em; background-repeat: repeat-x; margin: 0 1.3em; height: 1.6em; } div.box-s-e div.box-data, div.box-s-e div.box-data div { background-image: url(../img/box-corn-E-mdl.gif); background-repeat: repeat-y; } div.box-s-e div.box-data div { background-position: 100% 0; } div.box-s-e div.box-data div div { margin: 0 0.8em; background: #fff; } /* style F */ div.box-s-f { } div.box-s-f div.top, div.box-s-f div.top div { background-image: url(../img/box-corn-F-t.gif) !important ; } div.box-s-f div.top div { background-position: 100% -0.5em; } div.box-s-f div.top div div { margin: 0 0.5em; height: 0.5em; background: #fc9e29 !important; } div.box-s-f div.box-data { background: #fc9e29; } /* style G */ div.box-s-g { } div.box-s-g div.top, div.box-s-g div.top div { background-image: url(../img/box-corn-G-t.gif) !important ; } div.box-s-g div.top div { background-position: 100% -0.5em; } div.box-s-g div.top div div { margin: 0 0.5em; height: 0.5em; background: #82bc2c !important; } div.box-s-g div.box-data { background: #82bc2c; } /* ---------------------------------------------------------------------------------------------------- [2.2 Input] ---------------------------------------------------------------------------------------------------- */ div.i, div.i div { background-image: url(../img/i-bg.gif); background-repeat: no-repeat; } div.i div { background-position: 100% -2.0em; } div.i div div { background-position: 0 -4.0em; background-repeat: repeat-x; height: 2.0em; margin: 0 2px; overflow: hidden; } div.i input { border: 0; background: transparent; display: block; width: 100%; margin: 1px 0 0; height: 2.0em; padding: 2px 0 0; } /* ---------------------------------------------------------------------------------------------------- [2.3 Authorization Form :: based on .box] ---------------------------------------------------------------------------------------------------- */ div.auth { } div.auth-data { padding: 0 1.8em 0em; } /* title */ div.auth div.ttl { overflow: hidden; padding: .1em 0 .2em; margin: 0 !important; } div.auth div.ttl span { color: #85c226; } div.auth div.ttl a { float: right; font-size: .916em; color: #bdbdbd !important; margin-top: 2px; } div.auth div.ttl a:hover { text-decoration: none; } /* form */ div.auth form { } div.auth div.i { margin: 3px 0; } div.auth div.enter { padding-top: 0.4em; overflow: hidden; } div.auth form input[type="checkbox"] { vertical-align: -2px; } div.auth form label { font-size: 1.1em; color: #888887; } div.auth div.enter input[type="submit"] { float: right; background:transparent url(../img/ico-btn-enter.gif) no-repeat scroll 0 0; border:medium none; cursor:pointer; display:block; height:23px; width:61px; } /* ---------------------------------------------------------------------------------------------------- [2.4 Main Menu] ---------------------------------------------------------------------------------------------------- */ div.mm-case { width: 67.0em; } div.mm-case, div.mm { background-image: url(../img/mm-bg.gif); background-repeat: no-repeat; height: 5.4em; } div.mm { background-position: 100% -5.4em; } div.mm ul { height: 100%; background-color: #d8d8d8; overflow: hidden; margin: 0 .5em; padding: 0 .4em; } div.mm li { float: left; height: 3.1em; margin: 2.3em 0 0; margin-right: -1px; } div.mm li div div { padding: .7em 1.5em 0; background: url(../img/mm-item-del.gif) 0 .5em no-repeat; } div.mm li:first-child div div { background: transparent; } div.mm a { font-size: 1.4em; color: #868787; text-decoration: none; white-space: nowrap; } /* hover button config */ div.mm li:hover { /*margin-right: -1px;*/ } div.mm li:hover, div.mm li:hover div { background-image: url(../img/mm-item-active-bg.gif); background-repeat: no-repeat; } div.mm li:hover div { background-position: 100% -3.1em; } div.mm li:hover div div { background: #fff; margin: 0 0.8em; height: 3.1em; padding-left: .7em; padding-right: .7em; } /* active button config */ div.mm li.mm-active, div.mm li.mm-active div { background-image: url(../img/mm-item-active-bg.gif); background-repeat: no-repeat; } div.mm li.mm-active div { background-position: 100% -3.1em; } div.mm li.mm-active div div { background: #fff; margin: 0 0.8em; height: 3.1em; padding-left: .7em; padding-right: .7em; } div.mm li.mm-active a { color: #77BA27; } /* ---------------------------------------------------------------------------------------------------- [2.5 Banner Area] ---------------------------------------------------------------------------------------------------- */ div.ba { margin-top: .5em; height: 21.0em; position: relative; overflow: hidden; } /* left side */ div.ba div.ba-l { height: 100%; } /* right side */ div.ba div.ba-r { width: 30.8em; height: 100%; float: right; background-color: #f1f1f1; } div.ba div.ba-r-data { padding: .6em 1.4em 0 .8em; } /* subscribe */ div.ba div.ba-r div.subs { width: 24.0em; height: 17.0em; background-color: #8a8a8a; margin: .6em auto 0; text-align: center; } div.ba div.ba-r div.subs a { font-size: 1.0em; text-decoration: none; } div.ba div.ba-r div.subs span { color: #f8c301; font-size: 3.0em; display: block; padding: 20px 0 0; } div.ba div.ba-r div.subs i { font-style: normal; font-size: .8em; } div.ba div.ba-r div.subs b { color: #fff; font-size: 2em; } /* shadows */ div.ba img.shdw-top, div.ba img.shdw-btm { position: absolute; left: 1em; top: 0; right: auto; bottom: auto; width: 967px; height: 8px; } div.ba img.shdw-btm { top: auto; bottom: 0; } /* banner */ div.ba img.bnr { display: block; margin: 0 auto; } /* on main page */ div.ba-mp { height: 21.5em; } div.ba-mp div.ba-l { background-color: #87c22d; } /* Educational News Digest nammer */ div.ba-end { } div.ba-end img { margin: 0 !important; } /* three banner images layout */ div.ba table.ba-3img { margin: 0 0 0 auto; } /* ---------------------------------------------------------------------------------------------------- [2.6 Layouts] ---------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------- [2.6.1 3 Cell layout] ---------------------------------------------------------------------------------------------------- */ div.l-3c { overflow: hidden; } div.l-left { float: left; width: 22.4em; } div.l-right { float: right; width: 22.2em; } div.l-center { margin: 0 auto; width: 22.5em; } table.l-3c { width: 100%; } table.l-3c td { width: 33%; vertical-align: top; padding-top: 3.0em; } table.l-3c tr:first-child td { padding-top: 0; } table.l-3c td + td { width: 34%; } table.l-3c td + td + td { width: 33%; } /* ---------------------------------------------------------------------------------------------------- [2.6.2 2 Cell layout] ---------------------------------------------------------------------------------------------------- */ div.l-2c { overflow: hidden; } div.l-2c div.l-left { width: 49%; float: left; } div.l-2c div.l-right { width: 49%; float: right; } /* ---------------------------------------------------------------------------------------------------- [2.7 Side Bar Menu] ---------------------------------------------------------------------------------------------------- */ div.sbm { padding: .7em .8em; } /* text */ div.sbm p { color: #868686; font-size: 1.05em; } div.sbm p a { color: #2f5e8e; } div.sbm p a:hover { text-decoration: none; } /* links */ div.sbm ul { padding: .2em 0 0; } div.sbm li { margin: 1.0em 0 0; } div.sbm li, div.sbm li div { background-image: url(../img/sbm-lnk-bg.jpg); background-repeat: no-repeat; } div.sbm li div { background-position: 100% -5.1em; } div.sbm li div div { background-position: 0 -10.2em; background-repeat: repeat-x; margin: 0 .9em; height: 5.1em; position: relative; overflow: hidden; } /* link constructor */ div.sbm a img.ico { float: left; margin: .5em 0 0 1em; } div.sbm img.del { position: absolute; left: 6.0em; top: 0.4em; right: auto; bottom: auto; } div.sbm a.lnk { position: absolute; left: 6.8em; top: 1.0em; right: auto; bottom: auto; font-size: 1.0em; color: #87c22d; text-decoration: none; } div.sbm a.lnk:hover { text-decoration: underline; } div.sbm a.lnk b { font-size: 1.8em; } div.sbm a.find { float: right; margin: .9em .5em 0 0; font-size: 1.0em; } /* lite style */ div.sbm-lite { padding-right: 0; padding-left: 0; padding-top: 1.0em; } /* title */ div.sbm-lite h2 { color: #87c22d; font-size: 1.2em; } /* links */ div.sbm-lite ul { padding: .6em 0 0; } div.sbm-lite li { margin: .1em 0 0; } div.sbm-lite li, div.sbm-lite li div { background-image: url(../img/sbm-lite-lnk-bg.jpg); } div.sbm-lite li div { background-position: 100% -3.9em; } div.sbm-lite li div div { background: #fff; margin: 0 .4em; height: 3.9em; } /* link constructor */ div.sbm-lite img.ico { } div.sbm-lite img.del { position: absolute; left: 6.2em; top: 1.5em; right: auto; bottom: auto; } div.sbm-lite a.lnk { left: 6.2em; top: 1.2em; right: auto; bottom: auto; font-size: 1.2em; color: #a09f9f; } div.sbm-lite a.find { margin-top: 1.2em } /* ---------------------------------------------------------------------------------------------------- [2.8 Sample] ---------------------------------------------------------------------------------------------------- */ div.smpl { padding-top: .3em; } div.smpl-decor { background-color: #fff; border-right: 1px solid #e0e0df; border-bottom: 1px solid #cdcccb; margin: .5em 0 0; } /* title */ div.smpl div.ttl { background-color: #9a9999; height: 3.4em; overflow: hidden; padding: 0 1.1em; margin: 0 .3em; } div.smpl h2 { float: left; color: #fff; font-size: 1.4em; padding: 5px 10px 0 0; } div.smpl span { color: #ffc700; display: block; padding-top: .2em; } /* data */ div.smpl-data { overflow: hidden; padding: .4em .9em 1.1em; } div.smpl-data img.ico { float: left; margin: 0 .5em 0 0; } div.smpl-data a.lnk { color: #4d4d4d; } div.smpl-data a.lnk:hover { text-decoration: none; } div.smpl-data a.try { display: block; font-size: 1.0em; margin: .5em 0 0; } /* ---------------------------------------------------------------------------------------------------- [2.9 Pages Navigator] ---------------------------------------------------------------------------------------------------- */ ul.pn { padding-left: .5em; } ul.pn li { display: inline; } ul.pn a { font-size: 1.1em; color: #868787; } ul.pn a:hover { text-decoration: none; } ul.pn i { color: #868787; margin-left: 3px; font-style: normal; font-size: 1.1em; } ul.pn b { font-size: 1.1em; color: #868787; } /* ---------------------------------------------------------------------------------------------------- [2.10 Quick Search] ---------------------------------------------------------------------------------------------------- */ div.qs { background-color: #85c226; } div.qs-data { margin: 0 1.2em; padding: .3em 0 2.0em 0; position: relative; } /* title */ div.qs h2 { color: #fff !important; font-size: 1.8em !important; padding: 0 !important; } /* data */ div.qs table { width: 100%; margin-top: .9em; } div.qs td { padding: .7em 0; border-top: 1px dashed #5d8b13; } div.qs label { font-size: 1.1em; color: #fff; } /* submit */ input.qs-submit { border: none; background: transparent url(../img/ico-qs-sumbit-go.png) 0 0 no-repeat; display: block; font-size: 1.0; width: 6.3em; height: 3.3em; cursor: pointer; position: absolute; left: auto; top: auto; right: 0; bottom: 0; } /* ---------------------------------------------------------------------------------------------------- [2.11 Sign Up For Our Newsletter] ---------------------------------------------------------------------------------------------------- */ div.sufon { padding: .5em 0 0; } div.sufon h2 { font-size: 1.2em; color: #87c22d; padding-bottom: .3em; } div.sufon form { width: 100%; overflow: hidden; } div.sufon input.sufon-submit { border: none; background: url(../img/ico-sufon-submit.gif) 0 0 no-repeat; display: block; font-size: 1.0; width: 6.9em; height: 2.3em; cursor: pointer; margin: .7em -1.2em 0 auto; } /* sufon extended */ div.sufon-ext { padding: 0; background: #fcfcfc url(../img/sufon-ext-top.gif) 0 0 repeat-x; position: relative; } div.sufon-ext img.corner { position: absolute; left: 0; top: 0; width: 3px; height: 4px; } div.sufon-data { padding: 1.3em 2.4em 0 1.9em; background: url(../img/sufon-ext-left.gif) 0 0 repeat-y; } div.sufon-data h2 { padding: 0 !important; font-size: 1.2em !important; color: #87c22d !important; } div.sufon-data form { padding: .4em 0 0; } div.sufon-data p { font-size: 1.1em; padding: 1.4em 0 .5em !important; color: #888 !important; } div.sufon-data div.chck-box { padding: .4em 0; } div.sufon-data label { color: #85c226; font-size: 1.1em; vertical-align: .2em; margin: 0 0 0 .35em; } div.sufon-ext input.sufon-submit { margin-top: 0; } /* ---------------------------------------------------------------------------------------------------- [2.12 Banners] ---------------------------------------------------------------------------------------------------- */ div.bnr-tmpl-1 { position: relative; } div.bnr-tmpl-1 p {font-size: 1.6em; font-weight: bold; color: #fff; padding: 0 2.7em 0 0.8em; } div.bnr-tmpl-1 b { color: #faec04; font-size: 1.5em; } div.bnr-tmpl-1 i { color: #faec04; font-style: normal; font-size: .8em; } div.bnr-tmpl-1 a { position: relative; right: .6em; width: 7.0em; height: 7.0em; margin: -5.0em 0 0 auto; display: block; font-size: 1.0em; } div.bnr-tmpl-2 { padding: .5em 1.4em 0; } div.bnr-tmpl-2 h2 { color: #00a6e8; font-size: 1.8em; } div.bnr-tmpl-2 p { color: #9a9999; font-weight: bold; font-size: 1.4em; padding: .4em 0 .7em; } div.bnr-tmpl-2 span { color: #00a6e8; font-size: 1.2em; } div.bnr-tmpl-3 { padding: .4em 0 0 .4em; } div.bnr-tmpl-3 span {font-size: 1.1em; color: #9d9d9d; } div.bnr-tmpl-3 img { display: block; margin-top: .5em; } div.bnr-tmpl-4 { } div.bnr-tmpl-4.small { } div.bnr-tmpl-4 p { text-align: center; font-size: 2.0em; font-weight: bold; } div.bnr-tmpl-4.small p { font-size: 1.8em; } div.bnr-tmpl-4 p a { text-decoration: none; color: #fff; } div.bnr-tmpl-4 p a:hover { text-decoration: underline; } div.bnr-tmpl-4 p b { color: #fcf902; display: block; font-size: 1.45em; } div.bnr-tmpl-4.small p b { font-size: 1.2em; } /* ---------------------------------------------------------------------------------------------------- [2.13 Bookmarks Menu] ---------------------------------------------------------------------------------------------------- */ ul.bm { overflow: hidden; border: 1px solid #fff; border-bottom: none; background-color: #85c226; padding: .6em 0 0; } ul.bm li { float: left; margin-right: 2px; } ul.bm li, ul.bm li div { background-image: url(../img/bm-lnk-bg.gif); background-repeat: no-repeat; } ul.bm li div { background-position: 100% -2.8em; } ul.bm li div div { background: #fff url(../img/bm-lnk-c-bg.gif) 0 100% repeat-x; height: 2.8em; margin: 0 .5em; padding: 0 1.4em; } ul.bm li span, ul.bm li a { font-weight: bold; color: #85c226; font-size: 1.3em; vertical-align: -.6em; text-decoration: none; } ul.bm li a:hover { text-decoration: underline; } ul.bm li span { color: #414141; } /* active menu item */ ul.bm li.bm-active { background: transparent; margin: 0 .5em; padding: 0 1.4em; } ul.bm li.bm-active span { color: #fff; } /* second level menu */ ul.bm.lvl2 { padding-top: .2em; } /* style Orange */ ul.bm-orange { background-color: #fa930a; } ul.bm-orange li, ul.bm-orange li div { background-image: url(../img/bm-lnk-orange-bg.gif); } ul.bm-orange li div div { background-image: url(../img/bm-lnk-orange-c-bg.gif); } ul.bm li a { color: #fa930a; } ul.bm li span { color: #aaa; } /* style A */ /*ul.bm-s-a { } ul.bm-s-a li span { color: #414141; } ul.bm-s-a li a { color: #ff9f1f; text-decoration: none; } ul.bm-s-a li a:hover { text-decoration: underline; }*/ /* ---------------------------------------------------------------------------------------------------- [2.14 Logged In] ---------------------------------------------------------------------------------------------------- */ div.logged { overflow: hidden; padding: 0 0 0 .3em; } div.logged p, div.logged a { color: #5fa2da; font-size: 1.1em; } div.logged a { color: #a09f9f; vertical-align: .5em; text-decoration: none; } div.logged a:hover { text-decoration: underline; } /* logout */ div.logged div.log-out { float: right; } div.logged img.lock { } div.logged img.del { margin: 0 .8em; } /* ---------------------------------------------------------------------------------------------------- [2.15 Informer Button] ---------------------------------------------------------------------------------------------------- */ div.ib { } div.ib, div.ib div { background-image: url(../img/ib-green.png); background-repeat: no-repeat; } div.ib div { background-position: 100% -3.3em; } div.ib div div { background-position: 0 -6.6em; background-repeat: repeat-x; height: 3.3em; margin: 0 .5em; } div.ib a { font-size: 1.0em; font-weight: bold; color: #fff; text-decoration: none; display: block; padding-top: 8px; white-space: nowrap; } div.ib a:hover { text-decoration: underline; } div.ib img { vertical-align: middle; margin: 0 0 0 1.0em; } /* style red */ div.ib-red { } div.ib-red, div.ib-red div { background-image: url(../img/ib-red.gif); } div.ib-red div { background-position: 100% -2.3em; } div.ib-red div div { background-position: 0 -4.6em; height: 2.3em; } div.ib-red a { padding: 3px 0 0; } div.ib-red a:hover { text-decoration: none; } div.ib-red img { vertical-align: -6px; margin: 0 6px 0 0; } /* ---------------------------------------------------------------------------------------------------- [2.16 News List] ---------------------------------------------------------------------------------------------------- */ div.nl { } /* title */ div.nl div.ttl { height: 4.0em; background-color: #d8d8d8; padding-left: 1.7em; } div.nl h2 { font-size: 1.6em; color: #6a6b69; line-height: 2.5em; } /* list */ div.nl div.list { border: 1px solid #d8d8d8; border-top: none; } div.nl table { width: 100%; } div.nl td { height: 3.2em; border-top: 3px solid #fff; background-color: #f4f2f2; padding-left: 1.9em; } div.nl tr:first-child td { border-top-width: 1px; } div.nl td.last { background-color: #fff; } div.nl a { color: #2f5e8e; } div.nl a:hover { text-decoration: none; } div.nl a, div.nl span { font-size: 1.05em; } div.nl span { color: #868686; margin-right: .3em; } div.nl td.last a { color: #868686; } /* ---------------------------------------------------------------------------------------------------- [2.17 Testimonials List] ---------------------------------------------------------------------------------------------------- */ table.testi-list { } table.testi-list td { height: 67px; padding: 0 10px 10px 22px; } table.testi-list td.mark { background-color: #f8f8f8; } table.testi-list p { font-size: 1.3em; padding: 0; } table.testi-list strong { font-size: 1.0em; color: #00a4e4 !important; text-decoration: none; font-weight: bold; margin-left: 0.5em; } table.testi-list a:hover { text-decoration: underline !important; } /* ---------------------------------------------------------------------------------------------------- [2.18 News List page] ---------------------------------------------------------------------------------------------------- */ table.news-list { } table.news-list td { height: 67px; padding: 0 10px 10px 22px; } table.news-list td.mark { background-color: #f8f8f8; } table.news-list p { font-size: 1.3em; padding: 0; } table.news-list a, table.news-list a span { font-size: 1.0em; color: #406CAD !important; text-decoration: none; } table.news-list a:hover { text-decoration: underline !important; } /* ---------------------------------------------------------------------------------------------------- [2.19 Paging] ---------------------------------------------------------------------------------------------------- */ div.pag { background-color: #a4a4a4; overflow: hidden; padding: 1.2em 2.2em 1.3em; } div.pag p { float: right; padding: 0 !important; color: #fff !important; } div.pag p a { color: #faec04; } div.pag ul { } div.pag li { display: inline; } div.pag li span { color: #fff; } div.pag li a { color: #dcdcdc; text-decoration: none; } div.pag li a:hover { text-decoration: underline; } /* #################################################################################################### [3. Page Constructor] #################################################################################################### ---------------------------------------------------------------------------------------------------- [3.1 Header] ---------------------------------------------------------------------------------------------------- */ div.hdr { height: 21.2em; position: relative; } /* logo */ div.hdr h1 { position: absolute; left: 3.2em; top: 1.0em; right: auto; bottom: auto; } /* slogan */ div.hdr p.slogan { position: absolute; left: 19.625em; top: 3.562em; right: auto; bottom: auto; font-size: 1.6em; color: #a2a2a2; } /* authorization form */ div.hdr div.auth { position: absolute; left: auto; top: 1.5em; right: 1.7em; bottom: auto; width: 28.8em; } /* main menu */ div.hdr div.mm-case { position: absolute; left: 1.8em; top: auto; right: auto; bottom: 0; } /* information block */ div.hdr-info { position: absolute; left: auto; top: auto; right: 1.5em; bottom: 0; width: 29.0em; } div.hdr-info, div.hdr-info div { background-image: url(../img/hdr-info-bg.gif); background-repeat: no-repeat; } div.hdr-info div { background-position: 100% -5.5em; } /* data */ div.hdr-info div div { background: #d8e3ec; height: 5.5em; margin: 0 .7em; overflow: hidden; } div.hdr-info p { color: #5fa2da; padding: .6em 0 0 .8em; margin-left: 25px; } div.hdr-info p a { color: #5fa2da; font-size: 1.0em; } div.hdr-info img { float: left; margin: .8em .8em 0 0; } /* ---------------------------------------------------------------------------------------------------- [3.2 Content] ---------------------------------------------------------------------------------------------------- */ div.cnt-case { overflow: hidden; padding: 1em 1.5em .5em 0; } /* content container */ /* side bar */ div.sb { float: left; width: 27.0em; } div.sb-data { margin: .8em 1.1em 0; background-color: #fff; border-right: 1px solid #e0e0df; border-bottom: 1px solid #cdcccb; } div.sb-data:first-child { margin-top: 0; } div.sb-data-lite { margin: .8em 1.1em 0; } div.sb-data-lite:first-child { margin-top: 0; } /* content */ div.cnt { margin-left: 27.8em; } /* ---------------------------------------------------------------------------------------------------- [3.3 Footer] ---------------------------------------------------------------------------------------------------- */ div.ftr { background-color: #4a6423; padding: .8em 0 1.1em 1.7em; } div.ftr ul { } div.ftr li { display: inline; } div.ftr a { color: #fff; font-size: 1.1em; text-decoration: none; padding: 0 .8em; border-left: 1px solid #fff; } div.ftr a:hover { text-decoration: underline; } div.ftr li:first-child a { border: none; } /* #################################################################################################### [4. Pages] #################################################################################################### ---------------------------------------------------------------------------------------------------- [4.1 Main Page] ---------------------------------------------------------------------------------------------------- */ div.m-p { background-color: #e9e9e9; } /* main page banner */ div.mp-bnr { overflow: hidden; padding: 0 3.0em 0 2.0em; } /* partner */ div.mp-bnr div.partner { float: right; padding: 1.2em 0.8em 0 0.2em; } div.mp-bnr div.partner span { font-size: 1.1em; color: #4d7114; } div.mp-bnr div.partner img { position: relative; bottom: -4px; } /* text */ div.mp-bnr h1 { color: #fff; font-size: 3.8em; padding: 24px 0 6px; } div.mp-bnr p { color: #fff; padding: 0 0 1.3em; } div.mp-bnr p a { color: #fff; } div.mp-bnr p a:hover { text-decoration: none; } /* presentation */ div.pres { padding-bottom: .8em; border-bottom: 1px dashed #d3d3d3; } div.pres img { display: block; } /* title */ div.pres div.ttl { margin: -2.9em 0 0; overflow: hidden; position: relative; } div.pres div.ttl div { background-image: url(../img/present-ttl-bg.gif); background-repeat: no-repeat; background-position: 100% 0; float: left; } div.pres div.ttl div div { margin-right: .4em; height: 2.9em; float: none; padding: 0 2.8em 0 .9em; } div.pres div.ttl span { font-size: 1.8em; color: #fff; display: block; padding: 2px 0 0; } /* data */ div.pres-data { height: 25.0em; padding: 0 .6em; } div.pres-data p { padding: 2.25em 0 0; color: #fff; } div.pres-data p a { color: #fff; } div.pres-data p a:hover { text-decoration: none; } /* parents */ div.pres div.par { } div.pres div.par div.ttl { } div.pres div.par div.ttl div div { background: #c99200; } div.pres div.par div.pres-data { border-left: 1px solid #c59100; border-top: 1px solid #c59100; background-color: #f8b600; } /* teacher */ div.pres div.teach { } div.pres div.teach div.ttl { } div.pres div.teach div.ttl div { background-position: 100% -2.95em; } div.pres div.teach div.ttl div div { background: #5c839a; } div.pres div.teach div.pres-data { border-left: 1px solid #637b8b; border-top: 1px solid #637b8b; background-color: #7c9bae; } /* students */ div.pres div.stud { } div.pres div.stud div.ttl { } div.pres div.stud div.ttl div { background-position: 100% -5.85em; } div.pres div.stud div.ttl div div { background: #90130c; } div.pres div.stud div.pres-data { border-left: 1px solid #a92219; border-top: 1px solid #a92219; background-color: #d42b1f; } /* EDPlace fact of the day */ div.mp-fact { height: 3.4em; background-color: #b9b7b7; margin-top: 1.0em; } div.mp-fact img { position: relative; margin: -1.8em 0 0; } div.mp-fact span { color: #fff; font-size: 1.3em; vertical-align: .9em; margin-left: 1em; } /* ---------------------------------------------------------------------------------------------------- [4.2 Article Page] ---------------------------------------------------------------------------------------------------- */ div.art-p { } /* Thematic classification page */ div.tem-clas { } /* title */ div.art-p div.ttl { margin: .7em 0 0; } div.art-p div.ttl, div.art-p div.ttl div { background: url(../img/myed-cat-ttl-bg.gif) 0 0 no-repeat; background-repeat: no-repeat; } div.art-p div.ttl div { background-position: 100% -6.5em; } div.art-p div.ttl div div { background-color: #eee; background-position: 0 -13.0em; background-repeat: repeat-x; height: 6.5em; margin: 0 3px; position: relative; } div.art-p div.ttl h1 { font-size: 2.0em; color: #6d6d6d; padding: 20px 0 0 20px; } div.art-p div.ttl h1 img { margin-right: 8px; vertical-align: -5px; } div.art-p div.ttl img.par { position: absolute; top: 1.0em; right: .8em; } /* content data area */ div.art-p div.cnt-data { border: 1px solid #d5d5d5; border-top-color: #b6b6b6; background-color: #fff; padding: 1.0em 2.2em 2.0em; } div.cnt-data p { color: #868787; padding: 1.0em 0 0; } div.art-p div.cnt-data p { font-size:1.4em; } div.art-p div.cnt-data p.desc { margin: 0 -22px; padding: 1.0em 1.833em 2.4em; border-bottom: 1px dashed #c2c3c3; } /* div.art-p div.cnt-data a { color: #406cad; text-decoration: none; } div.art-p div.cnt-data a:hover { text-decoration: underline; } */ div.art-p div.cnt-data a { color: #406cad; } div.cnt-data div.tem-clas a { color: #406cad; text-decoration: none; } div.cnt-data div.tem-clas a:hover { text-decoration: underline; } div.tem-clas div.cnt-data a { color: #406cad; text-decoration: none; } div.tem-clas div.cnt-data a:hover { text-decoration: underline; } div.cnt-data h2 { color: #e67817; font-size: 1.6em; padding: 27px 0 0; } div.cnt-data div.tem-clas h2 { color: #ff9f1f; font-size: 1.6em; padding: 27px 0 0;} /* width padding bottom */ div.cnt-data h2.wpb { padding-bottom: .5em; } div.cnt-data h3 { color: #00a6e8; font-size: 1.4em; font-weight: normal; padding: 10px 0 5px; } div.cnt-data span { color: #868787; } /* tick list */ div.cnt-data ul.tick { padding: 1.0em 0 0; } div.cnt-data ul.tick li { background: url(../img/ico-tick-list.gif) 0 9px no-repeat; font-size: 1.4em; color: #868787; padding: 7px 0 7px 22px; } /* disk list */ div.cnt-data ul.disk { } div.cnt-data ul.disk li { background: url(../img/ico-disk-list.gif) 0 50% no-repeat; color: #868787; font-size: 1.4em; padding: 0 0 0 12px; margin: 5px 0; line-height: } div.cnt-data ul.disk img { vertical-align: -8px; margin: 0 5px 0 9px; } /* lite style */ div.cnt-data ul.disk-lite { } div.cnt-data ul.disk-lite li { padding-left: 5px; } /* orange style */ div.cnt-data div.tem-clas ul.disk-orange { } div.cnt-data div.tem-clas ul.disk-orange li { background-image: url(../img/ico-disk-list-orange.gif); font-size: 1.3em; } div.cnt-data div.tem-clas ul.disk-orange li a { font-size: 1.0em; } div.cnt-data div.tem-clas ul.disk-orange li span { color: #ff9f1f; font-size: 0.769em; } /* orange style */ div.all-ws div.cnt-data ul.disk-orange { } div.all-ws div.cnt-data ul.disk-orange li { background-image: url(../img/ico-disk-list-orange.gif); font-size: 1.3em; } div.all-ws div.cnt-data ul.disk-orange li a { font-size: 1.0em; } div.all-ws div.cnt-data ul.disk-orange li span { color: #ff9f1f; font-size: 0.769em; } /* ---------------------------------------------------------------------------------------------------- [4.3 Key Stage] ---------------------------------------------------------------------------------------------------- */ div.ks-p { } div.ks-p.ks-science { } div.ks-p.ks-maths { } /* title */ div.ks-p div.ttl { position: relative; height: 20.8em; background: #912f5e url(../img/ks-ttl-bg.png) 0 0 repeat-x; border: 1px solid #d8d8d8; border-bottom: none; margin-top: .5em; } div.ks-science div.ttl { background: #6d8474 url(../img/ks-ttl-sci-bg.png) 0 0 repeat-x; } div.ks-maths div.ttl { background: #007794 url(../img/ks-ttl-math-bg.png) 0 0 repeat-x; } div.ks-p div.ttl p { padding: 8.666em 21.416em 0 1.166em; color: #fff; } div.ks-maths div.ttl p { padding-right: 26.416em; } div.ks-p div.ttl img.ks-ttl-english-ks3_4 { position: absolute; left: auto; top: 2.0em; right: 0; bottom: auto; } div.ks-p div.ttl img.ks-ttl-maths-ks3_4 { position: absolute; left: auto; top: -0.7em; right: 0; bottom: auto; } div.ks-p div.ttl img.ks-ttl-science-ks3_4 { position: absolute; left: auto; top: auto; right: -.6em; bottom: 0; } /* header */ div.ks-p div.header { position: absolute; left: 1.4em; top: 1.4em; height: 5.8em; background: url(../img/ks-ttl-hdr-l.gif) 0 0 no-repeat; padding-left: .6em; } div.ks-p div.header div { height: 100%; background-color: #fff; position: relative; padding-right: 7.0em; } div.ks-p div.header h1 { font-size: 1.7em; color: #5c5c5c; padding: .25em 1.3em 0 0; font-weight: normal; } div.ks-p div.header h1 img { vertical-align: -.6em; position: relative; top: 10px; margin-right: 8px; } div.ks-p img.r { width: .9em; height: 5.8em; position: absolute; top: 0; right: -.9em; } div.ks-p div.header h1 span { font-size: 1.0em; font-weight: bold; margin-left: 2.8em; position: relative; top: -4px; color: #5c5c5c; } /* partner */ div.ks-p div.ttl div.partner { position: absolute; top: 2.4em; right: 13.3em; } div.ks-maths div.ttl div.partner { right: 15.0em; } div.ks-p div.ttl div.partner img { position: relative; bottom: -4px; } /* sidebar */ div.ks-sb-p { } /* div.ks-sb-p div.box { margin: 1.0em 0 0; } */ div.ks-sb-p div.qs { margin: 1.0em 0; } /* content case */ div.ks-p div.cnt-data { background: #f5f5f5 url(../img/ks-data-bg.gif) 0 0 repeat; border: 1px solid #d8d8d8; border-top: none; padding: .1em .8em 1.5em; } div.ks-p div.ks-data-case { margin-top: 1.4em; background-color: #d7d8d6; padding: 1.1em .8em 1.3em; } /* content title */ div.ks-p div.ks-data-case h2 { color: #646363; font-size: 1.5em; padding: 0 0 .85em 0.25em; } /* bottom corners */ div.ks-p div.ks-data { background-color: #fff; } div.ks-p div.ks-data div.btm, div.ks-p div.ks-data div.btm div { background-image: url(../img/ks-data-btm-bg.gif); background-repeat: no-repeat; } div.ks-p div.ks-data div.btm div { background-position: 100% -.2em; height: .2em; margin-left: .5em; background-color: #fff; } /* content */ div.ks-content { padding: .8em 2.0em 2.0em; } /* list */ div.ks-content ul { padding-top: 1.2em; } div.ks-content ul li a { line-height: 1.70em; text-decoration: none; color: #000; } div.ks-content ul li a:hover { text-decoration: underline; } div.ks-content ul li a b { color: #00a6e8; } div.ks-content ul li a:hover b { text-decoration: underline; } div.ks-content-lite { overflow: hidden; padding: 1.8em 1.2em 1.5em; } div.ks-content-lite ul { float: left; padding-right: 1.8em; } div.ks-content-lite li a { line-height: 1.6em; color: #000; text-decoration: none; } div.ks-content-lite li a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------- [4.4 Subject Page] ---------------------------------------------------------------------------------------------------- */ div.subj-p { } /* title */ div.subj-p div.ttl { position: relative; height: 21.1em; border: 1px solid #d8d8d8; border-bottom: none; margin-top: .5em; } div.subj-p div.ttl p { padding: 8.8em 24em 0 1.55em; color: #fff; } div.subj-p div.ttl img.ks-ttl-english-ks1_2 { position: absolute; left: auto; top: auto; right: 0; bottom: -3.4em; width:216px; height:213px; } div.subj-p div.ttl img.ks-ttl-science-ks1_2 { position: absolute; left: auto; top: auto; right: .5em; bottom: -1.0em; width:288px; height:200px; } div.subj-p div.ttl img.ks-ttl-maths-ks1_2 { position: absolute; left: auto; top: auto; right: 1.1em; bottom: -1.5em; width:242px; height:224px; } div.subj-p div.ttl a, div.ks-p div.ttl a { color: #00a6e8; } /* header */ div.subj-p div.header { position: absolute; left: 0.9em; top: 2.7em; height: 4.4em; padding-left: .6em; } div.subj-p div.header h1 { font-size: 2.3em; color: #fff; padding: .25em 1.3em 0 0; } div.subj-p div.header h1 img { vertical-align: -.6em; position: relative; top: 14px; margin-right: 8px; } div.subj-p div.header h1 span { font-size: 1.0em; margin-left: 2.1em; position: relative; top: -12px; color: #fff; } /* partner */ div.subj-p div.ttl div.partner { position: absolute; top: 1.0em; right: 1.4em; } div.subj-p div.ttl div.partner span { color: #fff; font-size: 1.1em; } div.subj-p div.ttl div.partner img { position: relative; bottom: -4px; } /* content case */ div.subj-p div.cnt-data { background-color: #fa930a; border: 1px solid #d8d8d8; border-top: none; padding: .1em .8em 1.5em; } div.subj-p div.box { margin-top: 1.4em; } div.subj-p div.subj-data-case { padding: 1.1em .8em 1.3em; } /* content title */ div.subj-p div.subj-data-case h2 { color: #5b390b; font-size: 1.5em; padding: 0 0 .85em 0.25em; } div.cnt-data div.tem-clas h2 { color: #ff9f1f; font-size: 1.6em; padding: 27px 0 0;} /* bottom corners */ div.subj-p div.subj-data { background-color: #fff; } div.subj-p div.subj-data div.subj-btm, div.subj-p div.subj-data div.subj-btm div { background-image: url(../img/subj-data-btm-bg.gif); background-repeat: no-repeat; } div.subj-p div.subj-data div.subj-btm div { background-position: 100% -.2em; height: .2em; margin-left: .5em; background-color: #fff; } div.subj-p div.subj-data div.subj-top2, div.subj-p div.subj-data div.subj-top2 div, div.subj-p div.subj-data div.subj-btm2, div.subj-p div.subj-data div.subj-btm2 div { background-image: url(../img/subj-data-lite-bg.gif); background-repeat: no-repeat; height: .4em; background-color: #fff; } div.subj-p div.subj-data div.subj-top2 div { background-position: 100% -.4em; margin-left: .5em; } div.subj-p div.subj-data div.subj-btm2 { background-position: 0 -.8em; } div.subj-p div.subj-data div.subj-btm2 div { background-position: 100% -1.2em; margin-left: .5em; } /* content */ div.subj-content { padding: .8em 2.0em 2.0em; } /* list */ div.subj-content ul { padding-top: 1.2em; } div.subj-content ul li a { line-height: 1.70em; text-decoration: none; color: #000; } div.subj-content ul li a:hover { text-decoration: underline; } div.subj-content ul li a b { color: #00a6e8; } div.subj-content ul li a:hover b { text-decoration: underline; } div.subj-content-lite { overflow: hidden; padding: 1.8em 1.2em 1.5em; } div.subj-content-lite ul { float: left; padding-right: 1.8em; } div.subj-content-lite li a { line-height: 1.6em; color: #000; text-decoration: none; } div.subj-content-lite li a:hover { text-decoration: underline; } /* customize page */ div.subj-en-p { } div.subj-english-p div.ttl { background-color: #d77f84; } div.subj-math-p { } div.subj-maths-p div.ttl { background-color: #0079a3; } div.subj-scie-p { } div.subj-science-p div.ttl { background-color: #2b7131; } /* ---------------------------------------------------------------------------------------------------- [4.5 My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.myed-p { } div.myed-p a { color: #405c9d; } div.myed-p a:hover { text-decoration: none; } /* title */ div.myed-p div.ttl { position: relative; height: 31.0em; background: #f8c301 url(../img/myedplace-ttl-bg.png) 0 0 repeat-x; border: 1px solid #d8d8d8; border-bottom: none; margin-top: .5em; } div.myed-p div.ttl p { padding: 9em 19.0em 0 1.833em; color: #fff; line-height: 1.5em; } div.myed-p div.ttl img.girl { position: absolute; left: auto; top: 3.4em; right: -.7em; bottom: auto; } div.myed-p div.ttl img.fam { position: absolute; left: auto; top: 5.2em; right: 1.3em; bottom: auto; } div.myed-p div.ttl img.boy { position: absolute; left: auto; top: -0.5em; right: 1.3em; bottom: auto; } /* header */ div.myed-p div.header { position: absolute; left: 2.4em; top: 7.5em; background: none !important; } div.myed-p div.header h1 { font-size: 2.4em; color: #fff; padding: 0;} /* content case */ div.myed-p div.cnt-data { background: #f5f5f5 url(../img/ks-data-bg.gif) 0 0 repeat; border: 1px solid #d8d8d8; border-top: none; padding: 1.0em; } div.myed-p div.myed-data { background-color: #fff; padding: 1.6em 1.2em 1.6em 2.1em; } div.myed-p h2 { font-size: 1.6em; padding: 0; overflow: hidden; } div.myed-p h2 span { display: block; padding-top: 25px; font-size: 1.0em; color: #e67817; } div.myed-p h2 a { font-size: 1.0em; } div.myed-p h2 img { float: right; } /* subjects */ div.myed-subj { overflow: hidden; } /* subject box constructor */ div.myed-subj div.box { width: 22.2em; } div.myed-subj div.box-data div div { height: 15.3em; padding: 0 1.5em; } div.myed-subj div.myed-subj-l { float: left; } div.myed-subj div.myed-subj-r { float: right; } div.myed-subj div.myed-subj-c { margin: 0 auto; } /* title */ div.myed-subj p.ttl { overflow: hidden } div.myed-subj p.ttl span { color: #4d4d4d; font-weight: bold; font-size: 2.6em; } div.myed-subj p.ttl img { float: right; } /* description */ div.myed-subj p.desc { padding: .2em 0 0; font-size: 1.1em; } /* find out more */ div.myed-subj a { font-size: 1.0em; background: url(../img/ico-find-out-more.png) 0 0 no-repeat; display: block; width: 10.6em; height: 2.9em; margin: .9em 0 0 auto; } /* quick search and sign up */ div.myed-q-s { overflow: hidden; margin: 1em 0 0; } /* qiuck search */ div.myed-q-s div.qs { width: 22.3em; height: 17.4em; float: left; } /* sign up for our newsletter */ div.myed-q-s div.sufon { float: left; width: 33.2em; height: 17.4em; margin-left: .8em; } div.myed-q-s div.sufon-data { height: 100%; } /* criteris list */ div.critlist { padding-top: 2.0em; } div.critlist table { width: 100% } div.critlist td { vertical-align: top; padding-top: 16px; text-align: center; } div.critlist tr:first-child td { padding-top: 0; } div.critlist td + td { width: 100%; padding-left: 25px; text-align: left; } div.critlist span { font-size: 1.4em; font-weight: bold; color: #e67817; } div.critlist p { padding: 0; font-size: 1.35em; } /* category pages */ div.myed-cat-p { } /* pages navigator */ div.myed-cat-p ul.pn { padding: 0 0 .7em; border-bottom: 1px dashed #c2c3c3; } /* title */ div.myed-cat-p div.ttl { margin: .7em 0 0; } div.myed-cat-p div.ttl, div.myed-cat-p div.ttl div { background: url(../img/myed-cat-ttl-bg.gif) 0 0 no-repeat; background-repeat: no-repeat; } div.myed-cat-p div.ttl div { background-position: 100% -6.5em; } div.myed-cat-p div.ttl div div { background-color: #eee; background-position: 0 -13.0em; background-repeat: repeat-x; height: 6.5em; margin: 0 3px; position: relative; } div.myed-cat-p div.ttl h1 { font-size: 2.0em; color: #6d6d6d; padding: 20px 0 0 20px; } div.myed-cat-p div.ttl h1 img { margin-right: 8px; vertical-align: -5px; } div.myed-cat-p div.ttl img.par { position: absolute; top: 1.0em; right: .8em; } /* content */ div.myed-cat-p div.cnt-data { border: 1px solid #c7c7c7; padding: 1.4em 1.5em; } div.myed-cat-p div.cnt-data a { color: #405c9d; } div.myed-cat-p div.cnt-data a:hover { text-decoration: none; } div.myed-cat-p div.cnt-data p { font-size: 1.35em; } /* stages */ div.myed-cat-p div.stages { overflow: hidden; margin: 2.6em 0 0; } /* block constructor */ div.myed-cat-p div.stages div.box { float: left; width: 28.6em; margin-right: 1.9em; overflow: hidden; } div.myed-cat-p div.stages div.box-data { /*height: 24.3em;*/ padding: 0 1.6em .1em; } div.myed-cat-p div.stages h2 { color: #fff; padding: 15px 0 0; } div.myed-cat-p div.stages p { color: #fff; font-size: 1.2em; padding: 11px 0 0; } div.myed-cat-p div.stages div.srch { text-align: right; } div.myed-cat-p div.stages img.pic { display: block; margin: 12px auto 0 -15px; } /* links */ div.myed-cat-p div.links { padding: 1.7em 0 0; } div.myed-cat-p div.links p.try { font-size: 1.6em; font-weight: bold; color: #e67817; } /* customize */ div.myed-cat-p div.cust { padding: 5.0em 0 0; } /* ---------------------------------------------------------------------------------------------------- [4.6 EDPlace Categoryes Page] ---------------------------------------------------------------------------------------------------- */ div.ed-cat-p { } /* title */ div.ed-cat-p div.ttl { margin: .5em 0 0; } div.ed-cat-p div.ttl, div.ed-cat-p div.ttl-r, div.ed-cat-p div.ttl-c { background-image: url(../img/ed-cat-ttl-bg.gif); background-repeat: no-repeat } div.ed-cat-p div.ttl-r { background-position: 100% -6.2em; } div.ed-cat-p div.ttl-c { background-position: 0 -12.4em; background-repeat: repeat-x; background-color: #dddddd; margin: 0 .2em; height: 6.2em; position: relative; } /* header */ div.ed-cat-p div.header { position: absolute; left: .9em; bottom: 0; height: 3.4em; padding-left: .3em; background: url(../img/ed-cat-ttl-hdr-bg.gif) 0 0 no-repeat; } div.ed-cat-p div.header div { height: 100%; background: #b11b12 url(../img/ed-cat-ttl-hdr-bg.gif) 0 -3.4em repeat-x; position: relative; } div.ed-cat-p div.header h1 { font-size: 1.7em; color: #fff; padding: .3em 1.3em 0 .45em; } div.ed-cat-p img.r { width: .9em; height: 3.4em; position: absolute; top: 0; right: -.9em; } /* header style Blue */ div.ed-cat-p div.header-2, div.ed-cat-p div.header-2 div { background-image: url(../img/ed-cat-ttl-hdr-bg-blue.gif); } div.ed-cat-p div.header-2 div { background-color: #4c6d81; } /* header style Orange */ div.ed-cat-p div.header-3, div.ed-cat-p div.header-3 div { background-image: url(../img/ed-cat-ttl-hdr-bg-orange.gif); } div.ed-cat-p div.header-3 div { background-color: #dc9d00; } /* header banner */ div.ed-cat-p div.bnr-tmpl-3 { position: absolute; top: -6px; right: 5px; } div.ed-cat-p div.bnr-tmpl-3 img { display: inline; position: relative; bottom: -6px; } /* content case */ div.ed-cat-p div.cnt-data { background: #fff; border: 1px solid #d8d8d8; border-top: none; padding: 2.7em 2.3em 1.5em; } div.ed-cat-p div.cnt-data h1 { font-size: 1.6em; color: #587c92; } div.ed-cat-p div.cnt-data p { padding: .15em 0 0; font-size: 1.4em; } div.ed-cat-p div.cnt-data p.pad { padding-top: 1.5em; } div.ed-cat-p div.cnt-data a { color: #405c9d; font-size: 1.0em; } div.ed-cat-p div.cnt-data p a:hover { text-decoration: none; } div.ed-cat-p div.cnt-data h2 a:hover { text-decoration: none; } div.ed-cat-p div.cnt-data h2 { padding: 20px 0 0; } /* subscription */ div.ed-cat-p table.ed-cat-subs { } div.ed-cat-p table.ed-cat-subs td { font-size: 1.4em; color: #868787; padding: 13px 0; } div.ed-cat-p table.ed-cat-subs td:first-child { padding-right: 20px; text-align: center; } /* advertising */ div.ed-cat-p table.ed-cat-adv { margin: 1.2em 0 0; } div.ed-cat-p table.ed-cat-adv td.first { width: 32.8em; } div.ed-cat-p table.ed-cat-adv td.first div.box-data div div { height: 5.2em; padding: 0 .6em 0 1.7em; position: relative; } div.ed-cat-p table.ed-cat-adv div.box-data p { padding-right: 80px; } div.ed-cat-p table.ed-cat-adv div.box-data p b { color: #fa0404; } div.ed-cat-p table.ed-cat-adv a.buy { position: absolute; top: -.5em; right: .6em; font-size: 1.0em; } div.ed-cat-p table.ed-cat-adv td.last { padding-left: 1.6em; } /* data table */ div.ed-cat-p table.data-table { margin: 1em 0em; padding: 1em; border: 1px solid #d8d8d8; } div.ed-cat-p table.data-table td { border: 1px solid #d8d8d8; padding: 1em;} /* ---------------------------------------------------------------------------------------------------- [4.7 Worksheet Page] ---------------------------------------------------------------------------------------------------- */ div.ws-p { } /* side bar */ div.ws-p div.sb { } div.ws-p div.sb div.qs { margin-top: .5em; } div.ws-p div.sb div.sufon { margin-top: .7em; } /* content area */ div.ws-p div.cnt { } /* header */ div.ws-p div.cnt div.ttl { margin: 1.4em 0 0; } div.ws-p div.cnt div.ttl, div.ws-p div.cnt div.ttl div.r, div.ws-p div.cnt div.ttl div.c { background-image: url(../img/ws-p-hdr-bg.gif); background-repeat: no-repeat; } div.ws-p div.cnt div.ttl div.r { background-position: 100% -4.7em; } div.ws-p div.cnt div.ttl div.c { background: #dedddd; height: 4.7em; margin: 0 .3em; overflow: hidden; } div.ws-p div.cnt div.ttl h1 { font-size: 2.0em; padding: 6px 0 0; color: #414141; } div.ws-p div.cnt div.ttl img.ico { margin: 0 11px 0 12px; vertical-align: -4px; } div.ws-p div.cnt div.ttl div.ib { float: right; margin: 1.3em 1.0em 0 0; } /* content */ div.ws-p div.cnt-data { background-color: #fa930a; border: 1px solid #d7d7d7; border-top: none; padding: 0 .5em .5em; } div.ws-p div.cnt-data h2 { color: #fff; font-size: 1.7em; font-weight: normal; padding: 12px 0 15px 9px; } /* data area */ div.ws-p div.data-area { background-color: #fff; } /* menu */ div.ws-p div.ws-menu { background-color: #f4f4f4; height: 11.4em; } div.ws-p div.ws-menu-as { } div.ws-menu table { height: 100%; width: 100%; } div.ws-menu td { text-align: center; vertical-align: bottom; padding: 0 .7em 2.0em; } div.ws-menu span { font-size: 1.0em; } div.ws-menu img { display: block; margin: 0 auto; } div.ws-menu td:first-child { padding-right: 3.0em; } div.ws-menu td:first-child img { float: left; } div.ws-menu td:first-child span { display: inline; font-size: 1.2em; text-align: left; } div.ws-menu-as td:first-child span { padding-top: 20px; float: left; margin-left: .5em; } div.ws-menu td:first-child span b { white-space: nowrap; } /* workshet options */ div.ws-opt { overflow: hidden; background-color: #e9e8e8; } div.ws-opt h3 { float: left; background-color: #d1d0d0; font-size: 1.2em; color: #545454; font-weight: bold; padding: 9px 12px 9px 17px; } div.ws-opt h3 img { margin-left: 6px; vertical-align: -2px; } div.ws-opt ul { } div.ws-opt li { display: inline; margin: 0 .7em; } div.ws-opt li:first-child { margin-left: 2.1em; } div.ws-opt li span { color: #fa930a; font-weight: bold; } div.ws-opt li a { color: #545454; text-decoration: none; } div.ws-opt li a:hover { text-decoration: underline; } div.ws-opt li span, div.ws-opt li a { line-height: 30px; } /* note */ div.ws-p div.note { background-color: #fff; padding: 2.1em 0 1.5em 2.6em; } div.ws-p div.note img { vertical-align: middle; } div.ws-p div.note span { margin-left: 1.0em; } /* member menu :: based on sidebar menu*/ div.ws-p div.mem-mnu { background-color: #969b8e; padding: 1.2em 0 1.4em 2.2em; } div.ws-p div.mem-mnu ul { overflow: hidden; } div.ws-p div.mem-mnu li { float: left; width: 22.0em; margin-right: 1.0em; } div.ws-p div.mem-mnu a { font-weight: bold; } div.ws-p div.mem-mnu a.mem { color: #85c226; } div.ws-p div.mem-mnu a.purch { color: #fe0315; } /* worksheet content */ div.ws-p div.ws-cnt { padding: 4.1em .8em 2.0em; } div.ws-p div.ws-cnt > div { border: 1px solid #236aaa; padding: 1em;} div.ws-p div.ws-cnt table.tabbord { margin: 0 auto; } /* Customizing worksheet styles for backwards compatibility */ /*div.ws-p div.ws-cnt table.tabbord * { margin: 0; padding: 0; outline: none; color:#3E3E3E; font-size: 1em; } div.ws-p div.ws-cnt table.tabbord td.tabbot { padding: 1em 0; } div.ws-p div.ws-cnt table.tabbord p { margin:1em 0; } div.ws-p div.ws-cnt table.tabbord h2 { margin: 1em 0; } div.ws-p div.ws-cnt table.tabbord h2 * { font-size: 1.7em; color: #133D8A;} div.ws-p div.ws-cnt table.tabbord small { font-size: 1.1em; }*/ #ws-body * { margin: 0; padding: 0; outline: none; color:#3E3E3E; font-size: 1em; } #ws-body table.tabbord { margin: 0 auto; } #ws-body td.tabbot { padding: 1em 0; } #ws-body p { margin:1em 0; } #ws-body h2 { margin: 1em 0; } #ws-body h2 * { font-size: 1.7em; color: #133D8A;} #ws-body small { font-size: 1.1em; } #ws-body b, #ws-body i, #ws-body u, #ws-body span, #ws-body strong { color: inherit; font-size: inherit; } /* ---------------------------------------------------------------------------------------------------- [4.7.1 Advanced worksheet search :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.ws-as-p { } /* description */ div.ws-as-p div.desc { padding: 7px 0 21px 20px } /* content */ div.ws-as-p div.cnt-data { padding: 0; } /* search criteria */ div.ws-sc { } /* title */ div.ws-sc h3 { color: #ff9f1f; font-size: 1.5em; font-weight: bold; padding: 20px 0 12px 20px } /* worksheet category */ div.ws-sc div.cat { } div.ws-sc div.cat table { width: 100%; border-bottom: 1px dashed #bfbfbf; } div.ws-sc div.cat td { font-size: 1.3em; color: #878787; padding-bottom: 20px; } div.ws-sc div.cat td:first-child { padding-left: 20px; width: 356px; } /* header */ div.ws-sc div.cat tr.header { } div.ws-sc div.cat tr.header td { background-color: #f8f8f8; height: 47px; color: #00a4e4; font-size: 1.5em; font-weight: bold; padding-bottom: 0; border-top: 1px dashed #bfbfbf; } div.ws-sc div.cat tr.header + tr td { padding-top: 20px; } /* keywords */ div.ws-sc div.keywords { } div.ws-sc div.keywords div { overflow: hidden; padding: 0 0 44px 20px; } div.ws-sc div.keywords input { float: left; } div.ws-sc div.keywords input[type='text'] { width: 305px; margin-right: 23px; } div.ws-sc div.keywords input[type='submit'] { width: 102px; height: 23px; background: url(../img/ico-btn-search.gif) 0 0 no-repeat; border: 0; } /* ---------------------------------------------------------------------------------------------------- [4.7.2 Workseet Settings :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.ws-sett { } /* content */ div.ws-sett div.cnt-data { padding: 0; } div.ws-sett h2 { padding: 17px 0 18px 21px; background-color: #f8f8f8; font-size: 1.3em; color: #3eb9e9; border-top: 1px dashed #c2c3c3; } div.ws-sett h2:first-child { border: 0; } div.ws-sett h2 a { font-size: 1.0em; } /* add logo */ div.ws-sett table.add-logo { } div.ws-sett table.add-logo td { padding: 7px 21px; } div.ws-sett table.add-logo td + td { width: 160px; } div.ws-sett table.add-logo input[type='file'] { width: 380px; height: 24px; } div.ws-sett table.add-logo input[type='submit'] { display: block; width: 102px; height: 23px; background: url(../img/ico-btn-upload-logo.gif) 0 0 no-repeat; border: 0; } div.ws-sett table.add-logo b { color: #868787; font-size: 1.3em; margin-right: .5em } /* print settings */ div.ws-sett table.print-sett { width: 100%; } div.ws-sett table.print-sett td { padding: 14px 21px; font-size: 1.2em; color: #868787; border-top: 1px dashed #c2c3c3; } div.ws-sett table.print-sett tr:first-child td { border: 0; } div.ws-sett table.print-sett span { font-size: .916em; } div.ws-sett table.print-sett input[type='text'] { display: block; width: 305px; margin-bottom: 2px; } div.ws-sett table.print-sett input[type='radio'] { margin-right: 1.0em; } div.ws-sett table.print-sett input[type='submit'] { display: block; width: 102px; height: 23px; background: url(../img/ico-btn-save-sett.gif) 0 0 no-repeat; border: 0; margin: 0 58px 0 auto; } div.ws-sett table.print-sett img { vertical-align: -10px; } /* tips */ div.ws-sett ol.tips { list-style: decimal inside none; padding: 0 21px 21px; } div.ws-sett ol.tips li { font-size: 1.2em; color: #868787; padding-top: 19px; } div.ws-sett ol.tips li:first-child { padding-top: 16px; } div.ws-sett ol.tips img { display: block; margin: 19px 0; } /* ---------------------------------------------------------------------------------------------------- [4.7.3 Create Worksheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.wsc-p { } /* content */ div.wsc-p div.cnt-data { } div.wsc-p div.cnt-data h2 { color: #ff9f1f; } /* worksheet config table */ div.wsc-p table.ws-cfg { margin-top: 2.3em; } div.wsc-p table.ws-cfg th, div.wsc-p table.ws-cfg td { padding: 11px 10px 12px; border: 1px solid #868686; color: #858585; font-size: 1.2em; text-align: center; } div.wsc-p table.ws-cfg span { display: block; font-size: 1.0em; text-align: left; } div.wsc-p table.ws-cfg input { width: 50px; border: 1px solid #e2e2e2; text-align: center; font-size: 1.0em; height: 18px; padding-top: 2px; } /* worksheet name */ div.wsc-p table.ws-name { margin-top: 1.2em; } div.wsc-p table.ws-name td { padding-right: 14px; vertical-align: bottom; } div.wsc-p table.ws-name td:first-child { width: 1%; padding-bottom: 3px; } div.wsc-p table.ws-name input { border: 1px solid #c0c0bf; font-size: 2.4em; padding: .20em .25em .25em .25em; width: 13.583em; display: block; } div.wsc-p table.ws-name input[type="submit"] { background:transparent url(../img/ico-general-worksheet.gif) no-repeat scroll 0 0; border:0 none; display:block; height:45px; width:121px; margin-bottom: 3px; } div.wsc-p table.ws-name input { padding-top: .40em; } div.wsc-p table.ws-name span { display: block; padding-bottom: 4px; } /* button */ div.wsc-p div.btn { padding-top: 1.0em; } div.wsc-p div.btn input { background:transparent url(../img/ico-btn-back.jpg) no-repeat scroll 0 0; border:0 none; height:23px; margin-left:0.5em; width:97px; } /* ---------------------------------------------------------------------------------------------------- [4.8 Contact Us Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.cu-p { } /* content */ div.cu-p div.cnt-data { } /* page title */ div.cu-p h2 { font-size: 1.6em; color: #ff9f1f; padding: 0 0 1.187em; } /* contact data item */ div.cu-p div.cdi { overflow: hidden; border-top: 1px dashed #dadada; padding: 2.5em 0 3.5em; } /* icon */ div.cu-p div.cdi img { float: left; } /* decription */ div.cu-p div.cdi p { font-size: 1.4em; margin-left: 5.785em; color: #868787; line-height: 1.357em; padding: 0; } div.cu-p div.cdi a { color: #426fa7; text-decoration: none; } div.cu-p div.cdi a:hover { text-decoration: underline; } /* contact form */ div.cu-p div.cdi table { margin: 3.3em 0 0 8.2em; } div.cu-p div.cdi td { padding: 0 1.5em .4em 0; } div.cu-p div.cdi td:first-child { font-size: 1.2em; color: #868787; vertical-align: top; } div.cu-p div.cdi input[type="text"], div.cu-p div.cdi select, div.cu-p div.cdi textarea { width: 340px; } div.cu-p div.cdi textarea { height: 150px; } div.cu-p div.cdi select { width: 342px; } div.cu-p div.cdi input[type="text"], div.cu-p div.cdi select { height: 18px; } div.cu-p div.cdi input[type="submit"] { display: block; margin: 6px 0 0 auto; width: 102px; height: 23px; background: url(../img/ico-send-mess.jpg) 0 0 no-repeat; border: 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.9 Testimonials Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.testi { } /* content */ div.testi div.cnt-data { padding: 0; } /* add testimonial */ div.testi p.add-testi { background-color: #a4a4a4; padding: 9px 0 15px 22px; color: #fff; margin: 40px 0; } div.testi p.add-testi a { color: #faec04; } /* ---------------------------------------------------------------------------------------------------- [4.10 404 page not found :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.nf-p { } /* content */ div.nf-p div.cnt-data { padding: 0; } /* attention */ div.nf-p div.cnt-data table { margin: 0 auto; } div.nf-p div.cnt-data table td { height: 250px; text-align: center; } div.nf-p div.cnt-data p { font-size: 2.0em; font-weight: bold; color: #a4a4a4; padding-top: 40px; } /* links */ div.nf-p div.cnt-data ul { padding: 3.6em 0 3.6em 2.2em; border-top: 1px dashed #dadada; } div.nf-p div.cnt-data ul li {line-height: 1.9em; } div.nf-p div.cnt-data ul span { color: #868787; } div.nf-p div.cnt-data ul a { font-weight: bold; color: #3e65ad; text-decoration: none; } div.nf-p div.cnt-data ul a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------- [4.11 Free Trial Tester Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.ftt-p { } /* content */ div.ftt-p div.cnt-data { padding: 0; } /* title */ div.ftt-p div.ttl { } div.ftt-p div.ttl h1 { font-size: 1.7em; padding-top: 31px; } /* description */ div.ftt-p div.desc { padding: .6em 2.1em 0; } /* registration form header */ div.ftt-p div.reg-form-hdr { background-color: #3f6c8d; padding: 1.3em 2.1em 1.4em; margin: 2.3em 0 0; } div.ftt-p div.reg-form-hdr h2 { color: #fdf402; font-size: 1.35em; padding: 0; } div.ftt-p div.reg-form-hdr p { padding: .3em 0 0; color: #fff; } /* subjects */ div.ftt-p table.subj { border-bottom: 1px dashed #dadada; width: 100%; margin: 21px 0 0; } div.ftt-p table.subj td { padding: 6px 0 8px; font-size: 1.2em; color: #868787; text-align: left; } div.ftt-p table.subj td:first-child { width: 87px; padding-left: 21px; } div.ftt-p table.subj tr + tr + tr td { padding-bottom: 29px; } div.ftt-p table.fields i, div.ftt-p div.note i { color: #ff0107; } /* fields */ div.ftt-p table.fields { width: 100%; margin: 21px 0 0; } div.ftt-p table.fields td { padding: 6px 0 8px; font-size: 1.2em; color: #868787; text-align: left; } div.ftt-p table.fields td:first-child { width: 1%; padding-left: 21px; padding-right: 29px; white-space: nowrap; } div.ftt-p table.fields tr.occ td { padding-bottom: 29px; } div.ftt-p table.fields input { width: 340px; } div.ftt-p table.fields input.occ { width: 64px; } div.ftt-p table.fields select { } div.ftt-p table.fields select.ttl { width: 67px; } div.ftt-p table.fields select.country { width: 240px; } div.ftt-p table.fields i { color: #ff0107; } /* note */ div.ftt-p div.note { padding: 0 2.1em 1.9em; border-bottom: 1px dashed #dadada; } /* agree */ div.ftt-p div.agree { padding: 0 2.1em 3.6em; } div.ftt-p div.agree p { font-size: 1.2em; width: 22.5em; } div.ftt-p div.agree input[type='checkbox'] { margin-left: .5em; position: relative; top: 3px; } div.ftt-p div.agree input[type='submit'] { float: right; background: #ffa123 url(../img/ico-btn-reg-me-for-test.jpg) 0 0 no-repeat; width: 226px; height: 23px; border: 0; margin: 34px 0 0; cursor: pointer; } div.ftt-p p.errors { margin: 0 1em 0 1em; color: #FF0000; } /* ---------------------------------------------------------------------------------------------------- [4.12 Payment Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.p-p { } /* content */ div.p-p div.cnt-data { padding: 0; } /* description */ div.p-p div.desc { padding: .6em 2.1em 2.9em; border-bottom: 1px dashed #dadada; } /* order */ div.p-p div.order { padding: 3.0em 2.1em; overflow: hidden; } /* order info */ div.p-p table.order-info { width: 30.0em; } div.p-p table.order-info td { border: 1px solid #878787; color: #888; font-size: 1.2em; padding: 9px 10px 14px; } /* payment desctiption */ div.p-p div.pay-desc { float: right; width: 32.6em; } div.p-p div.pay-desc div.box-data div div { padding: 1.0em 1.6em 3.2em; } div.p-p div.pay-desc span { display: block; color: #ff9f1f; font-weight: bold; font-size: 1.35em; padding: 1.92em 0 0; } /* pay online */ div.p-p div.pay-online { text-align: right; padding: 2.3em 2.1em; } div.p-p div.pay-online span { font-size: 1.35em; cursor: pointer; } div.p-p div.pay-online div.back-cont { overflow: hidden; padding: 0 2.5em; } div.p-p div.pay-online div.back-cont input { float: right; margin-left: .5em; width: 97px; height: 23px; background: url(../img/ico-btn-back.jpg) 0 0 no-repeat; border: 0; } div.p-p div.pay-online div.back-cont input.pay-online { background-image: url(../img/ico-btn-pay-online.gif) !important; } /* ---------------------------------------------------------------------------------------------------- [4.13 Subscription Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.subs-p { } /* content */ div.subs-p div.cnt-data { padding: 0; } /* content header */ div.subs-p div.ttl { } /* steps */ div.subs-p ul.steps { position: absolute; top: 2.0em; right: 2.5em; } div.subs-p ul.steps li { float: right; width: 2.6em; height: 2.6em; margin: 0 1.0em 0 0; text-align: center; } div.subs-p ul.steps li.current { background: url(../img/steps-item-bg-trans.png) 0 0 no-repeat; } div.subs-p ul.steps span { font-size: 1.7em; color: #fff; font-weight: bold; position: relative; left: -1px; top: 2px; } /* description */ div.subs-p div.desc { padding: .6em 2.1em 2.9em; border-bottom: 1px dashed #dadada; } /* subscriptions category */ div.subs-p div.subs { padding: 1.7em 2.2em 2.3em; border-bottom: 1px dashed #dadada; overflow: hidden; } /* category */ div.subs-p div.sub-cat { width: 25.6em; float: left; margin: .7em .7em 0 0; } /* header */ div.subs-p div.sub-cat div.header, div.subs-p div.sub-cat div.header div { background: url(../img/subs-p-sub-hdr-bg.gif) 0 0 no-repeat; } div.subs-p div.sub-cat div.header div { background-position: 100% -6.7em; } div.subs-p div.sub-cat div.header div div { background: #808d94; margin: 0 .5em; height: 6.7em; overflow: hidden; padding: 0 0.9em; } div.subs-p div.sub-cat div.header h2 { font-size: 1.9em; color: #fff; padding: .89em 0 0; } div.subs-p div.sub-cat div.header h2.edu { font-size: 1.7em; padding-top: .5em; line-height: 17px; } div.subs-p div.sub-cat div.header span { font-size: 1.45em; color: #fff; } div.subs-p div.sub-cat div.header a { margin: 2.0em 0 0; float: right; width: 6.9em; height: 2.3em; font-size: 1.0em; background: url(../img/ico-btn-select.gif) 0 0 no-repeat; } div.subs-p div.sub-cat img { border: 1px solid #b7b7b7; border-top: 0; display: block; } /* condition */ div.subs-p div.cond { padding: 1.1em 2.2em 2.3em; } div.subs-p div.cond p { padding: 0; } /* free taster trial */ div.subs-p div.cond div.free { margin: 2.2em 0 3.4em; } div.subs-p div.cond div.free div.box-data div div { padding: 0 .6em .4em 2.0em; } div.subs-p div.cond div.free div.box-data h2 { padding: 0 0 3px; color: #ff9f1f; font-size: 3.0em; } div.subs-p div.cond div.free div.box-data h2 a { color: #ff9f1f; } div.subs-p div.cond div.free div.box-data p { } /* ---------------------------------------------------------------------------------------------------- [4.13.1 Subscription selection Page 1 :: based on Subscription Page] ---------------------------------------------------------------------------------------------------- */ div.subs-1-p { } /* content */ div.subs-1-p div.cnt-data { } /* description */ div.subs-1-p div.desc { padding: 2.3em 2.1em .7em; border-bottom: 1px dashed #dadada; } div.subs-1-p div.desc h2 { padding: 0; } div.subs-1-p div.desc p { padding: 0; } /* signin up */ div.subs-p table.signinup { margin: 3.3em 0 0 .5em; } div.subs-p table.signinup td { padding-right: 17px; vertical-align: bottom; } div.subs-p table.signinup span { color: #00a4e4; font-size: 1.4em; font-weight: bold; } div.subs-p table.signinup p { padding: 0; font-size: 1.4em; } /* selection payment info */ div.subs-p div.spi { padding: 4.8em 2.5em 0; } /* types */ div.subs-p div.spi div.type { } div.subs-p div.spi div.type input { } div.subs-p div.spi div.type label { font-size: 1.2em; color: #818181; margin-right: 1.0em; } div.subs-p div.spi div.type h3 { color: #818181; font-weight: bold; } /* periods */ div.subs-p div.spi table.periods { margin: 1.5em 0 0; border-bottom: 1px solid #6e8795; } div.subs-p div.spi table.periods td { padding: 5px 16px 9px; border-top: 1px solid #6e8795; font-size: 1.35em; color: #818181; width: 100px; text-align: center; } /* header */ div.subs-p div.spi table.periods thead { } div.subs-p div.spi table.periods thead td { background-color: #96a8b2; color: #fff; font-weight: bold; font-size: 1.2em; } /* body */ div.subs-p div.spi table.periods tbody { } div.subs-p div.spi table.periods tbody td { } div.subs-p div.spi table.periods tbody td.cc { background: #eaeaea; } /* packages and subjects */ div.subs-p div.spi div.pack-subj { padding-left: 1.0em; } div.subs-p div.spi div.pack-subj h3 { color: #818181; font-weight: bold; } div.subs-p div.spi div.pack-subj ul { padding-left: .5em; } div.subs-p div.spi div.pack-subj li { line-height: 1.9em; } div.subs-p div.spi div.pack-subj label { font-size: 1.2em; color: #818181; margin-left: .5em; } div.subs-p div.spi div.pack-subj input { vertical-align: -1px; } /* submit button */ div.subs-p div.spi div.submit { padding: 4.5em 0 0; } div.subs-p div.spi div.submit input, div.subs-p div.free-schools-offer div.submit input { background: url(../img/ico-btn-continue.jpg) 0 0 no-repeat; display: block; margin: 0 0 0 auto; width: 9.7em; height: 2.3em; font-size: 1.0em; border: 0; } /* payments systems */ div.subs-p div.pay-sys { margin-top: 2.5em; border-top: 1px dashed #dadada; padding: 4.0em 2.5em 1.7em; overflow: hidden; } div.subs-p div.pay-sys img { margin-right: .25em; } div.subs-p div.pay-sys img.right { float: right; } /* Free Schools Offer */ div.subs-p div.free-schools-offer { padding: 2em 2.5em 0; border-top:1px dashed #DADADA; margin-top: 1em;} div.subs-p div.free-schools-offer ol { font-size:1.4em; color:#868787; padding:1em 0 0; list-style-position: inside; } div.subs-p div.free-schools-offer ol li { padding: 0.6em 0; } div.subs-p div.free-schools-offer div.submit span { font-size:1.4em; color:#868787; } /* ---------------------------------------------------------------------------------------------------- [4.13.1 Subscription selection Page 2 :: based on Subscription Page] ---------------------------------------------------------------------------------------------------- */ /* user registration data */ div.subs-p div.urd { } div.subs-p div.urd table { margin: 2.0em 0 0 2.5em; } div.subs-p div.urd td { padding: 2px 0; font-size: 1.2em; color: #6b4f4e; } div.subs-p div.urd td:first-child { padding-right: 8px; } div.subs-p div.urd table i { float: right; color: #ff2000; } div.subs-p div.urd table a { font-size: .833em; } div.subs-p div.urd input, div.subs-p div.urd textarea { color: #000000; } div.subs-p div.urd textarea { width: 330px; height: 70px; } div.subs-p div.urd input[type="text"] { width: 215px; } div.subs-p div.urd textarea { font-size: 1.5em; } div.subs-p div.urd input.pass, div.subs-p div.urd input.child { width: 115px; } div.subs-p div.urd input.name { width: 150px; } div.subs-p div.urd input.gift { width: 55px; } div.subs-p div.urd select.ttl { width: 75px; } div.subs-p div.urd select.country { width: 200px; } /* header */ div.subs-p div.urd thead { } div.subs-p div.urd thead td { padding-bottom: 6px; } div.subs-p div.urd thead td > b { color: #00519d; } div.subs-p div.urd thead p { font-size: 1.0em; } /* body */ div.subs-p div.urd tbody { } div.subs-p div.urd tbody a { margin-left: .5em; } div.subs-p div.urd p.hint { margin: 0 1em; } /* comments */ div.subs-p div.comm { padding: .9em 0 0 2.5em; width: 39.0em; } div.subs-p div.comm label { font-size: 1.2em; color: #6b4f4e; } div.subs-p div.comm input { margin-left: .5em; vertical-align: -2px; } div.subs-p div.comm p { font-size: 1.1em; color: #6b4f4e; padding: .5em 0; } div.subs-p div.comm a { font-size: 1.0em; } div.subs-p div.comm i { color: #ff2000 } /* buttons back & continue */ div.subs-p div.back-cont { overflow: hidden; padding: 0 2.5em; } div.subs-p div.back-cont input { float: right; margin-left: .5em; width: 97px; height: 23px; background: url(../img/ico-btn-back.jpg) 0 0 no-repeat; border: 0; } div.subs-p div.back-cont input.cont { background-image: url(../img/ico-btn-continue2.jpg) !important; } div.subs-p div.back-cont input.request { background-image: url(../img/ico-btn-request.jpg) !important; width: 122px; !important} div.subs-p div.back-cont input.print { float: none; margin-left: 0; background-image: url(../img/ico-btn-print.gif) !important; width: 60px; !important} div.subs-p div.back-cont input.cont2 { float: none; margin-left: 0; background-image: url(../img/ico-btn-continue2.jpg) !important; } div.subs-p div.back-cont input.submit-print { float: none; margin-left: 0; background-image: url(../img/ico-btn-submit-print.gif) !important; width: 115px; } div.subs-p div.back-cont input.submit-pay-online { float: none; margin-left: 0; background-image: url(../img/ico-btn-pay-online.gif) !important; width: 115px; } /* description */ div.subs-2-p div.desc { padding: 2.3em 2.1em .7em; border-bottom: 1px dashed #dadada; } div.subs-2-p div.desc h2 { padding: 0; } div.subs-2-p div.desc p { padding: 0; } div.subs-2-p input.form-action { margin-right: 1em; } /* ---------------------------------------------------------------------------------------------------- [4.14 My Favorites Page :: based on Workseet Settings] ---------------------------------------------------------------------------------------------------- */ div.my-fav-p { } /* description */ div.my-fav-p div.desc { padding: 2.3em 2.1em 4.0em; } div.my-fav-p div.desc p { } div.my-fav-p h2 { color: #868787; } div.my-fav-p div.cnt-data a { color: #00a4e4 !important; text-decoration: none; } div.my-fav-p div.cnt-data a:hover { text-decoration: underline !important; } div.my-fav-p p.txt { color: #868787; padding: 1.25em 1.833em 1.5em; } /* individual */ div.my-fav-p ul.indi { padding: 1.5em 2.1em 1.5em 3.1em; list-style-type: disc; color: #868787; } div.my-fav-p ul.indi a.del { color: #f72840 !important; margin-left: .3em; } /* ---------------------------------------------------------------------------------------------------- [4.15 Look up answer sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.look-up-p { } /* content */ div.look-up-p div.cnt-data { } div.look-up-p div.cnt-data table { margin-top: 4.4em; } div.look-up-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.look-up-p div.cnt-data input { font-size: 1.0em; } div.look-up-p div.cnt-data input[type='text'] { width: 210px; } div.look-up-p div.cnt-data input[type='submit'] { display: block; width: 139px; height: 45px; border: 0; background: url(../img/ico-btn-look-up.gif) 0 0 no-repeat; } /* ---------------------------------------------------------------------------------------------------- [4.16.1 Ask a Teacher sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.ask-quest-p { } /* content */ div.ask-quest-p div.cnt-data { } div.ask-quest-p div.cnt-data table { margin-top: 3em; } div.ask-quest-p div.cnt-data td { padding: 5px 0; } div.ask-quest-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.ask-quest-p div.cnt-data input { font-size: 1.0em; } div.ask-quest-p div.cnt-data input[type='text'] { width: 210px; } div.ask-quest-p div.cnt-data input[type='submit'] { float: right; background: #ffa123 url(../img/ico-send-mess.jpg) 0 0 no-repeat; width: 100px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.16.2 My details sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.my-det-p-p { } /* content */ div.my-det-p div.cnt-data { } div.my-det-p div.cnt-data table { margin-top: 3em; } div.my-det-p div.cnt-data td { padding: 5px 0; } div.my-det-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.my-det-p div.cnt-data input { font-size: 1.0em; } div.my-det-p div.cnt-data input[type='text'] { width: 210px; } div.my-det-p div.cnt-data input[type='submit'] { float: right; background: #ffa123 url(img/ico-btn-save.gif) 0 0 no-repeat; width: 100px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.16.3 My details sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.my-det-p { } /* content */ div.my-det-p div.cnt-data { } div.my-det-p div.cnt-data table { margin-top: 3em; } div.my-det-p div.cnt-data td { padding: 5px 0; } div.my-det-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.my-det-p div.cnt-data input { font-size: 1.0em; } div.my-det-p div.cnt-data input[type='text'] { width: 210px; } div.my-det-p div.cnt-data input[type='submit'] { float: right; background: #ffa123 url(../img/ico-btn-save.gif) 0 0 no-repeat; width: 58px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.16.4 My subscription sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.my-subs-p { } /* content */ div.my-subs-p div.cnt-data { } div.my-subs-p div.cnt-data table { margin-top: 1.5em; border: 1px solid #868787; } div.my-subs-p div.cnt-data td { padding: 0.5em; border: 1px solid #868787;} div.my-subs-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.my-subs-p div.cnt-data input { font-size: 1.0em; } div.my-subs-p div.cnt-data input[type='text'] { width: 210px; } div.my-subs-p div.cnt-data input[type='submit'] { float: right; background: #ffa123 url(../img/ico-btn-save.gif) 0 0 no-repeat; width: 100px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.16.5 Revision Worksheets sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.rev-ws-p { } /* content */ div.rev-ws-p div.cnt-data { } div.rev-ws-p div.cnt-data td { font-size: 1.0em; color: #868787; padding-right: 0px;} div.rev-ws-p div.cnt-data input { font-size: 1.0em; } div.rev-ws-p div.cnt-data div.step-1 input[type='submit'] { float: right; background: #ffa123 url(../img/ico-btn-continue.jpg) 0 0 no-repeat; width: 95px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } div.rev-ws-p div.cnt-data div.step-1 blockquote { margin: 1em 1em 2em 3em; } div.rev-ws-p div.cnt-data div.step-2 td { font-size: 1.3em; color: #868787; } div.rev-ws-p div.cnt-data div.step-2 td a { font-size: 1.0em; } div.rev-ws-p div.cnt-data div.step-2 table.cat-list { margin-top: 1.5em; border: 1px solid #868787; } div.rev-ws-p div.cnt-data div.step-2 table.cat-list td { padding: 0.5em; border: 1px solid #868787;} div.rev-ws-p div.back-cont { overflow: hidden; padding: 0 2.5em; } div.rev-ws-p div.back-cont input { float: right; margin-left: .5em; width: 97px; height: 23px; background: url(../img/ico-btn-back.jpg) 0 0 no-repeat; border: 0; } div.rev-ws-p div.back-cont input.subm { background-image: url(../img/ico-btn-continue.jpg) !important; } /* ---------------------------------------------------------------------------------------------------- [4.16.1 Ask a Teacher sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.fog-pass-p { } /* content */ div.fog-pass-p div.cnt-data { } div.fog-pass-p div.cnt-data table { margin-top: 3em; } div.fog-pass-p div.cnt-data td { padding: 5px 0; } div.fog-pass-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.fog-pass-p div.cnt-data input { font-size: 1.0em; } div.fog-pass-p div.cnt-data input[type='text'] { width: 210px; } div.fog-pass-p div.cnt-data input[type='submit'] { float: right; background: #ffa123 url(../img/ico-btn-continue.jpg) 0 0 no-repeat; width: 95px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.16.4 E-mail cart page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.ec-p { } /* content */ div.ec-p div.cnt-data { padding: 0; } /* description */ div.ec-p div.desc { padding: 2.3em 2.1em 4.0em; } div.ec-p div.desc p { padding: 0; } div.ec-p h2 { padding: 17px 0 18px 21px; background-color: #f8f8f8; font-size: 1.3em; color: #3eb9e9; border-top: 1px dashed #c2c3c3; } div.ec-p h2.print-select { border-top: none; } /* content */ div.ec-p div.cnt-data { } div.ec-p div.cnt-data table { margin: 1.4em 1.5em; border: 1px solid #868787; } div.ec-p div.cnt-data td { padding: 0.5em; border: 1px solid #868787;} div.ec-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.ec-p div.cnt-data input { font-size: 1.0em; } div.ec-p div.cnt-data input[type='text'] { width: 30px; } div.ec-p div.cnt-data input[type='submit'], div.ec-p div.cnt-data input[type='button'] { float: right; background: #ffa123 url(../img/ico-btn-save.gif) 0 0 no-repeat; width: 100px; height: 23px; border: 0; margin: 20px 0 0; cursor: pointer; } div.ec-p div.cnt-data td a.rem { text-decoration: none; color: #F00; } div.ec-p div.cnt-data p.empty { margin: 1em 3em 3em 1em; } div.ec-p div.pager { text-align: center; } div.ec-p div.pager ul { list-style-type: none; } /* buttons */ div.ec-p div.btn { overflow: hidden; background-color: #f8f8f8; padding: 1.2em 3.3em 1.3em; } div.ec-p div.btn input[type='submit'], div.ec-p div.btn input[type='button'] { display: block; float: right; width: 102px; height: 23px; border: 0; margin-left: 7px; background-repeat: no-repeat; } div.ec-p div.btn input.save { background: url(../img/ico-btn-save.gif); width: 58px; } div.ec-p div.btn input.email-now { background: url(../img/ico-btn-email-now.gif); width: 96px;} div.ec-p div.btn input.clear { background: url(../img/ico-btn-clear-all-g.gif); } div.ec-p p.message { margin-left: 1.4em; color: #F00; } /* ---------------------------------------------------------------------------------------------------- [4.16 My Edplace Login Page :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.myed-login-p { } /* content */ div.myed-login-p div.cnt-data { } div.myed-login-p div.cnt-data p { font-size: 1.3em; padding: 0; } div.myed-login-p div.cnt-data h2 { font-size: 1.35em; color: #85c226; padding: 1.555em 0 0; } div.myed-login-p div.cnt-data h2.red { color: #fb0202; border-top: 1px dashed #dedede; padding-bottom: 1.481em; } div.myed-login-p div.cnt-data h3 { font-size: 1.3em; color: #868787; font-weight: bold; } div.myed-login-p ul { list-style-type: disc; padding-left: 1.4em; } div.myed-login-p li { color: #fb0202; font-size: 1.3em; line-height: 1.923em; } div.myed-login-p li span { font-size: 1.0em; color: #868787; } div.myed-login-p li span a { font-size: 1.0em; } div.myed-login-p div.sign-up { padding: 1.5em 0 2.6em; display: none } div.myed-login-p div.sign-up a { font-size: 1.35em; color: #85c226; font-weight: bold; text-decoration: none; background: url(../img/ico-enter-trans.png) 0 0 no-repeat; padding-left: 21px; } div.myed-login-p div.sign-up a:hover { text-decoration: underline; } /* authorization form */ div.myed-login-p div.auth { width: 36.6em; margin: 1.8em 0 2.8em; } /* ---------------------------------------------------------------------------------------------------- [4.16.1 Ask a Teacher sheet :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.fog-pass-p { } /* content */ div.purc-sub-p div.cnt-data { } div.purc-sub-p div.cnt-data table { margin: 2.1em; border: 1px solid #868787; } div.purc-sub-p div.cnt-data td { padding: 5px; border: 1px solid #868787;} div.purc-sub-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.purc-sub-p div.cnt-data input { font-size: 1.0em; } div.purc-sub-p div.cnt-data input[type='text'] { width: 210px; } div.purc-sub-p div.cnt-data input.btn[type='submit'] { background: #ffa123 url(../img/ico-sufon-submit.gif) 0 0 no-repeat; width: 68px; height: 23px; border: 0; cursor: pointer; } div.purc-sub-p div.cnt-data input.btn2[type='submit'] { background: #ffa123 url(../img/ico-btn-back.jpg) 0 0 no-repeat; width: 98px; height: 23px; margin: 20px; cursor: pointer; } div.purc-sub-p div.cnt-data input.btn3[type='submit'] { background: #ffa123 url(../img/ico-btn-continue.jpg) 0 0 no-repeat; width: 98px; height: 23px; margin: 20px; cursor: pointer; } /* ---------------------------------------------------------------------------------------------------- [4.17 Educational News Digest Page :: based on Article Page] ---------------------------------------------------------------------------------------------------- */ div.end-p { } div.end-p div.ttl { margin-top: .7em; } div.end-p div.ttl, div.end-p div.ttl div { background-image: url(../img/ch-bg.gif); background-repeat: no-repeat; } div.end-p div.ttl div { background-position: 100% -4.1em; } div.end-p div.ttl div div { background: #dedddd; margin: 0 .2em; height: 4.1em; } div.end-p div.ttl h1 { font-size: 1.7em; padding: .764em 0 0 1.176em; color:#003300;} /* content */ div.end-p div.cnt-data { padding: 0; border-color:#B6B6B6 #D5D5D5 #D5D5D5; border-style:solid; border-width:1px;} /* feeds */ div.end-p div.feeds { overflow: hidden; background-color: #eeeeee; padding: .5em 2.0em 1.5em; } /* news feed */ div.end-p div.news-feed { float: left; padding-top: 1.8em; } div.end-p div.news-feed a { color: #8a8a8a; text-decoration: none; vertical-align: 6px; padding-left: .5em; font-weight: bold; font-size: 1.2em; } div.end-p div.news-feed a img { margin-left: 7px; vertical-align: -4px; } /* news archive */ div.end-p div.arch { float: right; } div.end-p div.arch span { font-weight: bold; color: #87c22d; } div.end-p div.arch select { width: 216px; display: block; margin-top: 5px; height: 20px; } /* feeds list */ div.end-p div.fl { } div.end-p div.fl table { width: 100%; } div.end-p div.fl td { padding: 26px 0; vertical-align: top; border-top: 1px dashed #dadada; } div.end-p div.fl td:first-child { padding-left: 19px; padding-right: 14px; width: 1%; } div.end-p div.fl tr:first-child td { border: 0; } div.end-p div.fl p { color: #868787; padding: 0; } div.end-p div.fl b { font-size: 1.166em; } div.end-p div.fl a { color: #1259b0; font-size: 1.0em; text-decoration: none; } div.end-p div.fl a:hover { text-decoration: underline; } /* feeds list */ div.end-p div.fl-item { } div.end-p div.fl-item table { width: 100%; } div.end-p div.fl-item td { padding: 26px 0; vertical-align: top; border-top: 1px dashed #dadada; } div.end-p div.fl-item td:first-child { padding-left: 19px; padding-right: 14px; width: 1%; } div.end-p div.fl-item tr:first-child td { border: 0; } div.end-p div.fl-item p, div.end-p div.fl-item { color: #868787; padding: 0; } div.end-p div.fl-item b { font-size: 1.166em; } div.end-p div.fl-item a { color: #1259b0; font-size: 1.0em; text-decoration: none; } div.end-p div.fl-item a:hover { text-decoration: underline; } div.end-p div.cnt-data div.fl-item * { font-size: 1.0em; } div.end-p div.cnt-data div.fl-item { font-size: 1.4em; } div.end-p div.cnt-data div.fl-item p { margin: 0.5em 0; } div.end-p div.cnt-data div.fl-item .sharesb { font-size: 0.8em; } /* feeds list */ div.end-p div.fl-arc { } div.end-p div.fl-arc table { width: 100%; } div.end-p div.fl-arc td { padding: 26px 0; vertical-align: top; border-top: 1px dashed #dadada; } div.end-p div.fl-arc td:first-child { padding-left: 19px; padding-right: 14px; width: 1%; } div.end-p div.fl-arc tr:first-child td { border: 0; } div.end-p div.fl-arc p, div.end-p div.fl-arc { color: #868787; padding: 0; } div.end-p div.fl-arc b { font-size: 1.166em; } div.end-p div.fl-arc a { color: #1259b0; font-size: 1.0em; text-decoration: none; } div.end-p div.fl-arc a:hover { text-decoration: underline; } div.end-p div.cnt-data div.fl-arc * { font-size: 1.0em; } div.end-p div.cnt-data div.fl-arc { font-size: 1.4em; } div.end-p div.cnt-data div.fl-arc p { margin: 0.5em 0; } div.end-p div.cnt-data div.fl-arc ul ul { margin-left: 1em; } /* ---------------------------------------------------------------------------------------------------- [4.18 Print Chart :: based on My EDPlace Page] ---------------------------------------------------------------------------------------------------- */ div.pc-p { } /* content */ div.pc-p div.cnt-data { padding: 0; } /* description */ div.pc-p div.desc { padding: 2.3em 2.1em 4.0em; } div.pc-p div.desc p { padding: 0; } div.pc-p h2 { padding: 17px 0 18px 21px; background-color: #f8f8f8; font-size: 1.3em; color: #3eb9e9; border-top: 1px dashed #c2c3c3; } div.pc-p h2.print-select { border-top: none; } div.pc-p div.cnt-data p.empty { margin: 1em 3em 3em 1em; } div.pc-p div.cnt-data table { margin: 3em; } div.pc-p div.cnt-data td { padding: 5px 0; } div.pc-p div.cnt-data td { font-size: 1.3em; color: #868787; padding-right: 8px; } div.pc-p ul { list-style-type: decimal; list-style-position: inside; padding: 2.0em 0 8.0em 1.8em; } div.pc-p li { font-size: 1.3em; color: #868787; line-height: 1.538em; } div.pc-p li label { width: 300px; } div.pc-p li a { font-size: 1.0em; } div.pc-p div.pager { text-align: center; } div.pc-p div.pager ul { list-style-type: none; } /* buttons */ div.pc-p div.btn { overflow: hidden; background-color: #f8f8f8; padding: 1.2em 3.3em 1.3em; } div.pc-p div.btn input[type='submit'] { display: block; float: right; width: 102px; height: 23px; border: 0; margin-left: 7px; background-repeat: no-repeat; } div.pc-p div.btn input.pa { background: url(../img/ico-btn-print-all-g.gif); } div.pc-p div.btn input.ps { background: url(../img/ico-btn-print-selected-g.gif); } div.pc-p div.btn input.ca { background: url(../img/ico-btn-clear-all-g.gif); } div.pc-p div.btn input.cs { background: url(../img/ico-btn-clear-selected-g.gif); } div.pc-p div.btn input.p { background-image: url(../img/ico-btn-print.gif) !important; width: 60px;} /* ---------------------------------------------------------------------------------------------------- [4.19 Site Map :: based on Article Page] ---------------------------------------------------------------------------------------------------- */ div.sm-p { } /* content */ div.sm-p div.cnt-data { } div.sm-p div.cnt-data h2 { color: #ff9f1f; padding-bottom: 6px; } /* pages list */ div.sm-p div.cnt-data ul { color: #a4a4a4; } div.sm-p div.cnt-data ul a { color: #a4a4a4; text-decoration: none; } div.sm-p div.cnt-data ul a:hover { text-decoration: underline; } /* sub level */ div.sm-p div.cnt-data ul ul { padding-left: 1.3em; list-style: disc inside; } div.sm-p div.cnt-data ul li.level1 { font-size: 2em; font-weight: bold; } div.sm-p div.cnt-data ul li.level2 { padding-left: 0.6em; font-size: 1.6em; font-weight: bold; } div.sm-p div.cnt-data ul li.level3 { padding-left: 1.3em; font-size: 1.6em; } div.sm-p div.cnt-data ul li.level4 { padding-left: 2em; font-weight: bold; font-size: 1.4em; } div.sm-p div.cnt-data ul li.level5 { padding-left: 2.4em; list-style: disc inside; font-size: 1.2em; } div.sm-p div.cnt-data ul li.level6 { padding-left: 4em; list-style: circle inside; font-size: 1em; } div.sm-p div.cnt-data ul li.level7 { padding-left: 5em; list-style: circle inside; font-size: 1em; } /* delimiter */ div.sm-p div.cnt-data div.del { border-top: 1px dashed #dadada; margin: 2.7em -2.2em 0; } /* ---------------------------------------------------------------------------------------------------- [4.20 Search Result :: based on Article Page] ---------------------------------------------------------------------------------------------------- */ div.sr-p { } /* content */ div.sr-p div.cnt-data { padding-left: 0; padding-right: 0; } div.sr-p div.cnt-data div.desc { padding: 0 2.2em 2.1em; border-bottom: 1px dashed #dadada; } div.sr-p div.cnt-data div.desc b { color: #00a4e4; } div.sr-p div.cnt-data h3 { font-size: 1.3em; color: #4774b0; font-weight: bold; padding: 22px 22px 13px; } div.sr-p div.cnt-data h3 a { text-decoration: none; } div.sr-p div.cnt-data ol.list { padding: 0 2.2em 0; } div.sr-p div.cnt-data ol.list li { font-size: 1.3em; color: #868787; list-style-position: inside; } div.sr-p div.cnt-data ol.list a { color: #4774b0; text-decoration: none; font-size: 1.0em; } div.sr-p div.cnt-data ol.list a:hover { text-decoration: underline; } /* paging */ div.sr-p div.pag { margin-top: 3.5em; } div.pag ul { } div.sr-p div.pag li { display: inline; } div.sr-p div.pag li span { color: #fff; } div.sr-p div.pag li a { color: #dcdcdc; text-decoration: none; } div.sr-p div.pag li a:hover { text-decoration: underline; } div.sr-p div.pag p a { color: #faec04; }