/* JAT : Japan Association of Translators Main style sheet Last revised: 2011.10.16 Resets courtesy of Eric Meyer http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* Site resets */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; font-family: "Droid Sans", "Segoe UI", "Myriad Pro", "Helvetica", "Arial", sans-serif; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} /*ol, ul { color:#7e7e7e; font-size:14px; }*/ blockquote, q { quotes: none; display: block; width: 85%; margin: 30px 0 30px 10px; text-align: center; color: #7E7E7E; font-size: 110%; line-height: 1.2em; background-image:url('http://assets.jat.org/images/design/blockquote-decoration.gif'); background-position:top left; background-repeat:no-repeat; padding-left: 30px; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} a {outline:none;} /* PNG Fix */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ /*img, div, input { behavior: url("http://assets.jat.org/iepngfix.htc"); }*/ /* Site-wide base styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ body { margin:0; padding:0; } div.site-inside a:link, div.site-inside a:visited { color:#006bdd; text-decoration:underline; /*font-weight:bold;*/ } div.site-inside a:hover {text-decoration:underline;} /*Page structural styles*/ div.page {background-color:#fff;} div.site-inside { position:relative; width:1024px; margin:0px auto; /*border:1px solid pink;*/} h2 { font-size:18px; color:#7e7e7e; line-height:22px; margin-bottom:10px; margin-top:20px; } h3 { font-size:14px; line-height:18px; margin-top:20px; } th { background:#7e7e7e; color:#fff; padding:5px; } div.site-inside a.category-tag:link, div.site-inside a.category-tag:visited, div.site-inside a.readmore-link:link, div.site-inside a.readmore-link:visited { -moz-border-radius:4px; border-radius:4px; background-color:#aaa; color:#fff; padding:2px 7px; text-decoration:none; margin-right:5px; } div.site-inside a.category-tag:hover, div.site-inside a.readmore-link:hover {background-color:#666;} div.site-inside a.readmore-link:link, div.site-inside a.readmore-link:visited { padding:2px 10px 5px 10px; line-height: 38px; } /* Site navigation */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .init-hidden{visibility:hidden;} div#site-navigation { height:30px; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-back.gif') repeat-x; } ul.site-navigation-list { clear:both; list-style:none; float:left; margin:0; padding:0; } ul#site-navigation-list li {float:left;} ul#site-navigation-list li a:link, ul#site-navigation-list li a:visited { display:block; color:#fff; text-decoration:none; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-inactive.gif') no-repeat left top; height:30px; line-height:28px; padding:0 50px 0px 40px; } ul#site-navigation-list li a:hover, ul#site-navigation-list li a:active { color:#fff; background:#40669c url('http://assets.jat.org/images/design/jat-navi-active.gif') no-repeat left top; } ul#site-navigation-list li a img{padding-top:7px;} ul.site-navigation-list li { font-size:14px; background-image:none; } ul.site-navigation-list > li { float:left; font-size:18px; } ul.site-navigation-list li a:link, ul.site-navigation-list li a:visited { width:176px; display:block; color:#fff; text-decoration:none; background:#37609b; height:30px; line-height:28px; padding:0 17px 0px 10px; border-bottom:1px solid #668bbf; } ul.site-navigation-list > li > a:link, ul.site-navigation-list > li > a:visited { position:relative; width:157px; display:block; color:#fff; text-decoration:none; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-inactive.gif') no-repeat left top; height:30px; line-height:28px; padding:0 15px 0px 30px; border-bottom:none; } ul.site-navigation-list > li > ul { position:absolute; z-index:7; list-style:none; } ul.site-navigation-list > li > ul > li { position:relative; width:157px; } ul.site-navigation-list > li > ul > li > ul { position:absolute; left:203px; top:0px; z-index:8; list-style:none; } ul.site-navigation-list > li > ul > li > ul > li > ul {list-style:none;} ul.site-navigation-list > li > ul > li > ul > li {position:relative;} ul.site-navigation-list > li > ul > li > ul > li > ul { position:absolute; left:203px; top:0px; z-index:9; } ul.site-navigation-list > li > ul > li > ul > li a:link, ul.site-navigation-list > li > ul > li > ul > li a:visited {background-color:#37609b;} ul.site-navigation-list > li > ul > li a:hover, ul.site-navigation-list > li > ul > li > ul > li a:hover {background:#5696f2;} ul.site-navigation-list li#aboutjat a { width:164px; overflow:visible; } ul.site-navigation-list li#aboutjat ul li ul {left:191px;} ul.site-navigation-list li#findatranslator a {width:187px;} ul.site-navigation-list li#programsandevents a {width:192px;} ul.site-navigation-list li#resources a {width:140px;} ul.site-navigation-list li#resources ul li ul {left:167px;} ul.site-navigation-list li#contactus a {width:107px;} /* Header elements */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#notifications-wrapper { background:#b80037; font-size:1.2em; color:#fff; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.0, rgb(184,0,55)), color-stop(1, rgb(92,0,27)) ); background-image: -moz-linear-gradient( center bottom, rgb(184,0,55) 0%, rgb(92,0,27) 100% ); } div#notifications {padding:10px;} div#site-header { height:120px; position:relative; /*border:1px dotted magenta;*/} div#site-logo { float:left; width:648px; margin-top:15px; } div#site-utilities { width:450px; text-align:right; font-size:12px; position:absolute; right:0px;} /*IE 6 FIX NEEDED: Remove float & use position:absolute? */ div#login-language { position:absolute; top:0px; width:450px; height:48px; } span#login { position:absolute; top:0px; right:85px; font-size:14px; line-height:36px; color:#797979; } span#login-join {margin-left:20px;} span#login-join a:link, span#login-join a:visited { text-decoration:none; color:#797979; } div#site-search { position:absolute; top:48px; width:450px; height:48px; line-height:7px; } div#site-search a:link, div#site-search a:visited { color:#008aff; text-decoration:none; font-size:14px; } input#jat-site-search { width:275px; height:22px; background:transparent url('http://assets.jat.org/images/design/search-back.gif') repeat-x; padding:0; border:1px solid #cacaca; margin:0; } input#search-go { position:absolute; top:0; right:0; } div#login-dropdown input.input {margin-right:20px;} /* Index page content */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul#digest-tabs { clear:both; list-style-type:none; margin:0; padding:0; } ul#digest-tabs li {float:left;} ul#digest-tabs li a { display:block; width:214px; height:40px; text-indent:-9999px; } ul#digest-tabs li#tab-events a { background-image:url('http://assets.jat.org/images/design/jat-digest-tab-01.gif'); width:216px; } ul#digest-tabs li#tab-articles a {background-image:url('http://assets.jat.org/images/design/jat-digest-tab-02.gif');} ul#digest-tabs li#tab-news a {background-image:url('http://assets.jat.org/images/design/jat-digest-tab-03.gif');} ul#digest-tabs li a { background-position:top left; } ul#digest-tabs li a.activetab { background-position:top left; } ul#digest-tabs li a.inactivetab { background-position:bottom left; } div#main-visual-area {height:240px;} div#main-rotating-visual { float:left; width:737px; height:240px; } div#main-visual-banner { float:right; width:272px; margin:15px 0 0 15px; border:none; } div#article-digests { float:left; width:644px; margin-top:44px; } div#article-digests div.digest-content { padding:70px 24px 0 24px; border-left:1px solid #ddd; border-right:1px solid #ddd; } img#digest-column-end {margin-bottom:70px;} /* Inside article content */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#article-content { float:left; width:626px; margin-top:44px; margin-bottom:70px; } div#inside-content { float:right; width:626px; margin-top:44px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:70px; } div.title-container {margin-bottom:30px;} h1.page-title { color:#7e7e7e; font-size:36px; font-weight:normal; line-height:36px; } h3.sub-title { color:#7e7e7e; font-size:18px; font-weight:normal; line-height:30px; } p.sub-title-text { color:#7e7e7e; font-size:14px; font-weight:normal; line-height:16px; margin-top:16px; } ul.body-list { list-style-type:circle; font-size:14px; margin-left:18px; margin-top:10px; } ul.body-list li {color:#7e7e7e;} /* Article styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ h1 { font-weight:bold; font-size:24px; line-height:48px; color:#666; } div.site-inside a.jat-article-title:link, div.site-inside a.jat-article-title:visited, div.site-inside a.jat-article-title:hover { text-decoration:none; color:#000; } h2.jat-article-title { font-size:30px; line-height:1em; } h2.jat-article-metainfo { font-size:12px; line-height:18px; margin-bottom:10px; margin-top:5px; } div.jat-article-digest {padding-bottom:40px;} p.jat-page-body { font-size:14px; line-height:20px; color:#5e5e5e; padding-bottom:20px; } h2.jat-inside-article-tags { } img.read-more { vertical-align:middle; padding-top:10px; } h2.jat-inside-article-title { font-size:33px; color:#7e7e7e; margin-bottom:15px; line-height:1em; } h2.jat-inside-article-metainfo { font-size:18px; color:#7e7e7e; margin-bottom:40px; } p.jat-inside-article-body { font-size:14px; color:#7e7e7e; line-height:18px; margin-bottom:20px; } /* Board page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.jat-board-member-profile { margin-bottom:80px; position:relative; clear:left; } img.jat-board-member-photo { float:left; margin-bottom:80px; } h2.jat-board-member { margin-left:145px; font-size:20px; line-height:28px; color:#333; } h2.jat-board-member img {vertical-align:text-bottom;margin-left:5px;} h2.jat-board-member-info { margin-left:145px; font-size:14px; color:#7e7e7e; } p.jat-board-profile-body { margin-left:145px; font-size:14px; color:#7e7e7e; margin-top:10px; } /* Bylaw page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ h2.section-link { font-size:14px; color:#7e7e7e; } h2.section-link a { color:#006bdd; text-decoration:none; } h2.section-title { font-size:18px; color:#7e7e7e; font-weight:bold; margin-top:20px; } h2.section-subtitle { font-size:14px; color:#7e7e7e; font-weight:bold; margin-top:20px; } p.bylaw-body { font-size:14px; color:#7e7e7e; margin-top:10px; } /* Find a Translator page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#find-translator-search-panel{ float:left; width:313px; background-color:#1d2e4b; color:#fff; margin-top:60px; margin-bottom:70px; } div#find-translator-search-panel h2 { font-size:24px; margin-left:22px;} div#find-translator-search-panel dl {margin-left:22px;} div#find-translator-search-panel dl dt { margin-top:16px; margin-bottom:5px; } div#find-translator-search-panel label {font-size:14px;} div#find-translator-search-panel input, div#find-translator-search-panel select {width:266px;} div#find-translator-search-panel input#search-submit { background: url("http://assets.jat.org/images/design/search-submit.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 38px; margin-left: 21px; margin-top: 20px; text-indent: -9999px; width: 138px; } div#find-translator-search-panel input#search-reset { background: url("http://assets.jat.org/images/design/search-reset.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 38px; margin-left: 20px; margin-top: 20px; text-indent: -9999px; width: 88px; } div#find-translator-translator-info{ float:right; width:660px; margin-top:60px; margin-bottom:70px; } table.translator-all { border:1px solid #333; } table.translator-all tr td { font-size:14px; height:1.8em; line-height:1.8em; padding-left:10px; color:#333; } table.translator-all tr th { font-size:14px; height:1.8em; line-height:1.8em; text-align:center; color:#fff; background-color:#333; } table.translator-all a:link, table.translator-all a:visited { color:#333; text-decoration:none; } th.translator-name {width:360px;} th.translator-nlang {width:120px;} th.translator-profession {width:170px;} span.translator-name-kana {font-size:85%;} table tr.oddrow td {background-color:#ddd;} a.translator-alpha-index { float:left; display:block; height:25px; text-indent:-9999px; background-position:left bottom; } a.translator-alpha-index-selected { float:left; display:block; height:25px; text-indent:-9999px; background-position:left top; } a.translator-alpha-index:hover { background-position: left top; } a#alpha-index-RND { background-image: url("http://assets.jat.org/images/design/tsi-rnd.gif"); width: 46px; } a#alpha-index-ALL { width:40px; background-image:url('http://assets.jat.org/images/design/tsi-all.gif'); } a#alpha-index-A { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-a.gif'); } a#alpha-index-B { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-b.gif'); } a#alpha-index-C { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-c.gif'); } a#alpha-index-D { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-d.gif'); } a#alpha-index-E { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-e.gif'); } a#alpha-index-F { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-f.gif'); } a#alpha-index-G { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-g.gif'); } a#alpha-index-H { width:22px; background-image:url('http://assets.jat.org/images/design/tsi-h.gif'); } a#alpha-index-I { width:16px; background-image:url('http://assets.jat.org/images/design/tsi-i.gif'); } a#alpha-index-J { width:17px; background-image:url('http://assets.jat.org/images/design/tsi-j.gif'); } a#alpha-index-K { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-k.gif'); } a#alpha-index-L { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-l.gif'); } a#alpha-index-M { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-m.gif'); } a#alpha-index-N { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-n.gif'); } a#alpha-index-O { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-o.gif'); } a#alpha-index-P { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-p.gif'); } a#alpha-index-Q { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-q.gif'); } a#alpha-index-R { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-r.gif'); } a#alpha-index-S { width:18px; background-image:url('http://assets.jat.org/images/design/tsi-s.gif'); } a#alpha-index-T { width:18px; background-image:url('http://assets.jat.org/images/design/tsi-t.gif'); } a#alpha-index-U { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-u.gif'); } a#alpha-index-V { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-v.gif'); } a#alpha-index-W { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-w.gif'); } a#alpha-index-X { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-x.gif'); } a#alpha-index-Y { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-y.gif'); } a#alpha-index-Z { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-z.gif'); } /* Translator profile page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#translator-profile-page, div#translator-edit-profile-page { margin-top:60px; margin-bottom:70px; } div#translator-primary-contact-info { float:left; width:320px; margin-top:0px; margin-bottom:70px; } div#translator-professional-info { float:right; width:675px; margin-top:0px; margin-bottom:70px; padding-left:25px; border-left:1px solid #d5d5d5; } div.jat-member-profile { margin-bottom:40px; position:relative; clear:left; } img.jat-member-photo { float:left; margin-bottom:40px; } div.jat-member-profile-info {margin-left:120px;} h2.jat-translator-name { font-size:36px; color:#324e81;margin-bottom:7px; } h2.jat-translator-status {line-height:1.2em;} img.jat-translator-avatar {margin-top:10px;} div#translator-primary-contact-info h2, div#translator-professional-info h2 { font-size:24px; color:#1a2a46; } div#translator-primary-contact-info dl { margin-bottom:20px; padding-right:20px; } div#translator-primary-contact-info dl dt { font-size:14px; color:#324e80; margin-top:15px; } div#translator-primary-contact-info dl dd { font-size:18px; color:#7e7e7e; margin-top:5px;} div#translator-professional-info h3 { background-color:#6f83a6; color:#fff; font-size:14px; line-height:1.8em; text-indent:7px; margin-top:10px; } /* Translator edit profile page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#edit-basic-account-info, div#edit-professional-info { float:left; width:600px; margin-bottom:20px; /*background-color:#ccc; */background:url('http://assets.jat.org/images/design/profile-panel-back-600.gif') repeat-y; } div#edit-contact-info, div#edit-primary-contact-info, div#edit-secondary-contact-info { margin-left:620px; width:340px; margin-bottom:20px; background-color:#ccc; background:url('http://assets.jat.org/images/design/profile-panel-back-340.gif') repeat-y; } div#translator-edit-profile-page dl, div#new-member-signup-page dl { width:275px; padding-left:20px; } div#translator-edit-profile-page dl input, div#translator-edit-profile-page dl select, div#new-member-signup-page dl input, div#new-member-signup-page dl select { width:250px; margin-top:10px; margin-bottom:20px; } div#translator-edit-profile-page dl textarea, div#new-member-signup-page dl textarea {width:500px;} div#translator-edit-profile-page h3, div#new-member-signup-page h3 { font-size:18px; line-height:38px; display:block; padding-left:10px; color:#7e7e7e; } div#translator-edit-profile-page div#edit-basic-account-info h3, div#translator-edit-profile-page div#edit-professional-info h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-600.gif') no-repeat; margin-top:0px; } div#translator-edit-profile-page div#edit-contact-info h3, div#translator-edit-profile-page div#edit-primary-contact-info h3, div#translator-edit-profile-page div#edit-secondary-contact-info h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-340.gif') no-repeat; } div#translator-edit-profile-page dl label.ui-corner-all input { width:auto; margin:0px 5px 0px 0px; } /* New member signup page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#new-member-signup-page {padding-top:60px;} div#signup-join-jat { float:left; width:610px; margin-bottom:70px; } div#signup-sign-in { width:380px; margin-left:620px; padding-left:20px; } div#signup-basic-account-info, div#signup-professional-info, div#signup-contact-info, div#signup-primary-contact-info, div#signup-secondary-contact-info { float:left; width:600px; margin-bottom:20px; /*background-color:#ccc; */background:url('http://assets.jat.org/images/design/profile-panel-back-600.gif') repeat-y; } div#new-member-signup-page div#signup-basic-account-info h3, div#new-member-signup-page div#signup-professional-info h3, div#new-member-signup-page div#signup-contact-info h3, div#new-member-signup-page div#signup-primary-contact-info h3, div#new-member-signup-page div#signup-secondary-contact-info h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-600.gif') no-repeat; margin-top:0px; } div#sign-in-box { width:360px; height:300px; background-color:#e7e7e7; padding:30px 10px; text-align:center; margin-top:30px; background:url('http://assets.jat.org/images/design/login-panel-back.gif') no-repeat; } div#sign-in-box label { float:left; width:80px; text-align:right; } div#sign-in-box input { width:220px; float:left; margin-left:15px; margin-bottom:20px; } input#join-jat-submit { float:none; margin:30px 170px; } div#sign-in-box input#sign-in-submit { margin:0px 80px; } /* Mailing List styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.mla-search-panel { border:1px solid #294265; padding:10px 15px; color:#294265; } div.mla-search-panel h3 { font-size:24px; margin-top:0px; margin-bottom:30px; } /* Banner sidebar styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#banner-sidebar-right { float:right; width:364px; margin-top:44px; } div#banner-sidebar-left { float:left; width:364px; margin-top:44px; } div#banner-sidebar-left img, div#banner-sidebar-right img { margin-bottom:20px; border:none; } /* Site footers */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#site-footer {clear:both;} div.footer-navi-column { float:left; width:280px; } ul.footer-navi { list-style-type:none; margin:0; padding:0 0 24px 0; } div.site-inside ul.footer-navi li a { color:#ddd; font-size:14px; line-height:24px; text-decoration:none; } div.site-inside ul.footer-navi li.list-title a { font-size:18px; color:#ffba00; } div.footer-utilities { width:160px; height:220px; padding-left:20px; border-left:1px solid #5d708a; } div.footer-utilities ul.footer-navi {line-height:46px;} div#site-footer-01 { height:272px; background:#294265 url('http://assets.jat.org/images/design/jat-footer-01-back.gif') repeat-x; padding:24px 0; } div#site-footer-02 { background:#070e23 url('http://assets.jat.org/images/design/jat-footer-02-back.gif') repeat-x; color:#999; text-align:right; font-size:12px; line-height:24px; padding:17px 0; } div#site-footer-02 a:link, div#site-footer-02 a:visited { color:#ffba00; text-decoration:none; } p.copyright-text { float:left; width:350px; font-size:14px; color:#c5cee1!important; text-align:left; line-height:18px; } /* Site-wide custom styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ table { border-collapse:collapse; font-size:80%; color:#666; margin:20px 0; } table td { border:1px solid #7e7e7e; padding:10px; text-align:left; vertical-align:middle; } table thead td { background-color:#666; color:#fff; text-align:center; vertical-align:middle; } div#inside-content ul, div#article-content ul {list-style-type:circle;} div#inside-content ul li, div#article-content ul li, div#inside-content ol li, div.jat-member-profile ul li, div.jat-member-profile ol li { color:#7e7e7e; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } table.quiet-table { } table.quiet-table td { border:none; padding-left:0px; } table.fc-header td {border:none;} strong {font-weight: bolder;} em { font-style: italic; } div#sign-in-box input.checkbox {width:auto;} /* Mailing List messages */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ p.msg {line-height:1.5em;} span.msg-label { color:#294265; font-weight:bold; } .paginate {font-size:1em;} a.paginate { padding: 5px; text-decoration: none; color: #fff; } a.current { border: 1px solid #000080; text-decoration: none; } span.inactive { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 6px 2px 6px; color: #999; cursor: default; } div.pagination-controls { margin:10px 0; padding:6px 10px; border:1px solid #b9b9b9; font-size:12px; } div.pagination-controls a:link,?div.pagination-controls a:visited { padding:1px 4px; border:1px solid #b9b9b9; margin:2px; } div.pagination-controls a:hover {background-color:#b9b9b9; color:#fff!important; text-decoration:none!important; } div.jat-mli h2 { margin:0px; padding:5px 0px; clear:both; } span.paginate { margin:0 6px; } div.jat-mli {margin:0px;} a.mla-delete:link, a.mla-delete:visited { float:left; display:block; width:4em; text-align:center; padding:5px; font-size:12px; color:#444!important; text-decoration:none!important; border-right:1px solid #b9b9b9; } a.mla-delete:hover { background-color:#ff0000; color:#fff!important; } div.page div.jat-mli p.mli-datesent { float:left; margin:0px; padding-left:20px; } div.page div.jat-mli p.mli-sender { margin-bottom:0px; border-bottom:1px solid #b9b9b9; padding-bottom:50px; margin-top:5px; } div.scrollThreadBox { border:1px solid #999; display:block; height:150px; margin-bottom:10px; margin-left:1em; margin-right:2em; overflow:auto; padding:10px 5px 5px 10px; } /* Common utility styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ li.last-li {margin-right:0;} p.jat-alert { display:block; font-size:18px; color:#294265; line-height:2em; } .form-eg-text { font-size:12px; color:#999; line-height:16px; } pre { white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; width:99%; word-wrap:break-word;} .invisible { visibility:hidden; height:1px; } .floatedL {float:left;} div.page p { font-size:14px; color:#373737; line-height:18px; margin-top:10px; } div.page-ja p {line-height:24px;} h4 { font-size:18px; color:#7e7e7e; padding-top:40px; } hr { margin: 40px 0 30px 0; } /* Contact Page */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#mailing-address-box { padding:10px 30px; background:url('http://assets.jat.org/images/design/contact-snail-back.gif') no-repeat; height:150px; margin-top:20px; } /* Events Calendar */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ dl.post-index-icon { float:left; width:42px; margin-right:10px; clear:both; } .contests-sidebar p { margin-bottom: 10px; } .contests-sidebar h2 { margin-top: 0px; } /* Tools for Translators */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ img.tools-illust {float:left;} .tools-desc {margin-left:135px;} /* Slides Styles (Front page image slider) */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .slides_container { width:737; height:240px; } .slides_container div { width:737px; height:240px; display:block; } /*.pagination { margin:26px auto 0; width:100px; position:absolute; left:325px; top:195px; z-index:5; }*/ .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url('http://assets.jat.org/images/design/pagination.png'); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } div#thumbs div.pagination{ clear:both; padding:10px 0px; } div#thumbs div.pagination span, div#thumbs div.pagination a:link, div#thumbs div.pagination a:visited{ margin-right:4px; padding:4px 8px 2px; background-color:#ccc; text-decoration:none; color:#fff; border-radius:2px; -moz-border-radius:2px; } div#thumbs div.pagination span{background-color:#666;} div#thumbs div.pagination a:hover{background-color:#006bdd;} /* Wiki Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#wikileftnavi { float:left; margin-bottom:70px; font-size:12px; line-height:1.5em; border-right:1px solid #d2d2d2; width: 200px; } div#wikipagecontent { margin-top:44px; margin-left:220px; margin-bottom:70px; } div#article-content div.marginpad ul.wikinavi { list-style-type:none; width:200px; } div#article-content div.marginpad ul.wikinavi li {margin:0px;} div#wiki-content h1 {font-size:24px;} div#wiki-content h2 {font-size:14px;} div#wiki-content div.title-container {margin-bottom:10px;} div#wiki-content ul {list-style-type:circle;} div#wiki-content li { margin-left:20px; font-size:14px; color:#7e7e7e; line-height:20px; } /* Archive Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul.archive-list {list-style-type:disc;} ul.archive-list li { margin-left:20px; text-indent:-5px; } /* Photo Gallery Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#gallery-content{ width: 100%; margin-top: 44px; margin-bottom: 70px; } div#slideshow{ float:left; border:3px solid #000; width:650px; } div#slideshow a.advance-link img{width:650px} div#thumbs{ float:right; width:366px; text-align:right; } div#thumbs ul.thumbs{list-style:none;} div#thumbs ul.thumbs li{ float:right; margin-left:0px; } div#thumbs ul.thumbs li a.thumb img{ width:85px; margin-right:4px; } div#controls{ margin:20px 0px; height:20px; } div#controls div.ss-controls{float:left;} div#controls div.nav-controls{float:right;} div#controls div.ss-controls a:link, div#controls div.ss-controls a:visited, div#controls div.nav-controls a:link, div#controls div.nav-controls a:visited{ margin-right:4px; padding:0px 8px 2px; background-color:#ccc; text-decoration:none; color:#fff; border-radius:2px; -moz-border-radius:2px; } div#controls div.ss-controls a:hover, div#controls div.nav-controls a:hover{background-color:#006bdd;} div#extragallery-controls{ clear:both; padding:5px 0px; } div#controls div.ss-controls a.play{ background-image:url('http://assets.jat.org/images/design/play.png'); background-repeat:no-repeat; background-position:2% 50%; padding-left:16px; } div#controls div.ss-controls a.pause{ background-image:url('http://assets.jat.org/images/design/pause.png'); background-repeat:no-repeat; background-position:2% 50%; padding-left:16px; } div#caption { clear:both; padding:10px 11px; border-bottom:1px solid #eee; width:635px; color:#7e7e7e; } /* Photo Gallery Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul.user-nav-list{ list-style:none; text-align:left; width:120px; display:inline-block; float:left; } ul.user-nav-list li > ul{ background-color:#fff; border:1px solid #ccc; padding:0px 2px 2px 2px; list-style:none; position:absolute; z-index:10; width:180px; } ul.user-nav-list li > ul li{ margin-top:2px; line-height:30px; } span#login-join ul.user-nav-list li > ul li a:link, ul.user-nav-list li > ul li a:visited { padding:0 7px; display:block; background-color:#eee;} span#login-join ul.user-nav-list li > ul li a:hover{ background-color:#1d3150; color:#fff; background: -moz-linear-gradient(top, rgba(64,105,159,1) 0%, rgba(23,44,81,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,105,159,1)), color-stop(100%,rgba(23,44,81,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40699f', endColorstr='#172c51',GradientType=0 ); /* IE6-9 */ } /* End of styles Last revised: 2011.10.16 *//* JAT : Japan Association of Translators Main style sheet Last revised: 2011.10.16 Resets courtesy of Eric Meyer http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* Site resets */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; font-family: "Droid Sans", "Segoe UI", "Myriad Pro", "Helvetica", "Arial", sans-serif; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} /*ol, ul { color:#7e7e7e; font-size:14px; }*/ blockquote, q { quotes: none; display: block; width: 85%; margin: 30px 0 30px 10px; text-align: center; color: #7E7E7E; font-size: 110%; line-height: 1.2em; background-image:url('http://assets.jat.org/images/design/blockquote-decoration.gif'); background-position:top left; background-repeat:no-repeat; padding-left: 30px; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} a {outline:none;} /* PNG Fix */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ /*img, div, input { behavior: url("http://assets.jat.org/iepngfix.htc"); }*/ /* Site-wide base styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ body { margin:0; padding:0; } div.site-inside a:link, div.site-inside a:visited { color:#006bdd; text-decoration:underline; /*font-weight:bold;*/ } div.site-inside a:hover {text-decoration:underline;} /*Page structural styles*/ div.page {background-color:#fff;} div.site-inside { position:relative; width:1024px; margin:0px auto; /*border:1px solid pink;*/} h2 { font-size:18px; color:#7e7e7e; line-height:22px; margin-bottom:10px; margin-top:20px; } h3 { font-size:14px; line-height:18px; margin-top:20px; } th { background:#7e7e7e; color:#fff; padding:5px; } div.site-inside a.category-tag:link, div.site-inside a.category-tag:visited, div.site-inside a.readmore-link:link, div.site-inside a.readmore-link:visited { -moz-border-radius:4px; border-radius:4px; background-color:#aaa; color:#fff; padding:2px 7px; text-decoration:none; margin-right:5px; } div.site-inside a.category-tag:hover, div.site-inside a.readmore-link:hover {background-color:#666;} div.site-inside a.readmore-link:link, div.site-inside a.readmore-link:visited { padding:2px 10px 5px 10px; line-height: 38px; } /* Site navigation */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .init-hidden{visibility:hidden;} div#site-navigation { height:30px; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-back.gif') repeat-x; } ul.site-navigation-list { clear:both; list-style:none; float:left; margin:0; padding:0; } ul#site-navigation-list li {float:left;} ul#site-navigation-list li a:link, ul#site-navigation-list li a:visited { display:block; color:#fff; text-decoration:none; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-inactive.gif') no-repeat left top; height:30px; line-height:28px; padding:0 50px 0px 40px; } ul#site-navigation-list li a:hover, ul#site-navigation-list li a:active { color:#fff; background:#40669c url('http://assets.jat.org/images/design/jat-navi-active.gif') no-repeat left top; } ul#site-navigation-list li a img{padding-top:7px;} ul.site-navigation-list li { font-size:13px; background-image:none; } ul.site-navigation-list > li { float:left; font-size:15px; } ul.site-navigation-list li a:link, ul.site-navigation-list li a:visited { width:176px; display:block; color:#fff; text-decoration:none; background:#37609b; height:30px; line-height:28px; padding:0 17px 0px 10px; border-bottom:1px solid #668bbf; } ul.site-navigation-list > li > a:link, ul.site-navigation-list > li > a:visited { position:relative; width:157px; display:block; color:#fff; text-decoration:none; background:#1d3251 url('http://assets.jat.org/images/design/jat-navi-inactive.gif') no-repeat left top; height:30px; line-height:28px; padding:0 15px 0px 30px; border-bottom:none; } ul.site-navigation-list > li > ul { position:absolute; z-index:7; list-style:none; } ul.site-navigation-list > li > ul > li { position:relative; width:157px; } ul.site-navigation-list > li > ul > li > ul { position:absolute; left:203px; top:0px; z-index:8; list-style:none; } ul.site-navigation-list > li > ul > li > ul > li > ul {list-style:none;} ul.site-navigation-list > li > ul > li > ul > li {position:relative;} ul.site-navigation-list > li > ul > li > ul > li > ul { position:absolute; left:203px; top:0px; z-index:9; } ul.site-navigation-list > li > ul > li > ul > li a:link, ul.site-navigation-list > li > ul > li > ul > li a:visited {background-color:#37609b;} ul.site-navigation-list > li > ul > li a:hover, ul.site-navigation-list > li > ul > li > ul > li a:hover {background:#5696f2;} ul.site-navigation-list li#aboutjat a { width:165px; overflow:visible; } ul.site-navigation-list li#aboutjat ul li ul {left:191px;} ul.site-navigation-list li#findatranslator a {width:185px;} ul.site-navigation-list li#programsandevents a {width:200px;} ul.site-navigation-list li#programsandevents ul li ul {left:200px;} ul.site-navigation-list li#resources a {width:120px;} ul.site-navigation-list li#resources ul li ul {left:136px;} ul.site-navigation-list li#contactus a {width:125px;} ul.site-navigation-list li#contactus ul li ul {left:152px;} /* Header elements */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#notifications-wrapper { background:#b80037; font-size:1.2em; color:#fff; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.0, rgb(184,0,55)), color-stop(1, rgb(92,0,27)) ); background-image: -moz-linear-gradient( center bottom, rgb(184,0,55) 0%, rgb(92,0,27) 100% ); } div#notifications {padding:10px;} div#site-header { height:120px; position:relative; /*border:1px dotted magenta;*/} div#site-logo { float:left; width:648px; margin-top:15px; } div#site-utilities { width:450px; text-align:right; font-size:12px; position:absolute; right:0px;} /*IE 6 FIX NEEDED: Remove float & use position:absolute? */ div#login-language { position:absolute; top:0px; width:450px; height:48px; } span#login { position:absolute; top:0px; right:85px; font-size:14px; line-height:36px; color:#797979; } span#login-join {margin-left:20px;} span#login-join a:link, span#login-join a:visited { text-decoration:none; color:#797979; } div#site-search { position:absolute; top:48px; width:450px; height:48px; line-height:7px; } div#site-search a:link, div#site-search a:visited { color:#008aff; text-decoration:none; font-size:14px; } input#jat-site-search { width:275px; height:22px; background:transparent url('http://assets.jat.org/images/design/search-back.gif') repeat-x; padding:0; border:1px solid #cacaca; margin:0; } input#search-go { position:absolute; top:0; right:0; } input#search-go-blogs { position:relative; top:7px; right:6px; } div#login-dropdown input.input {margin-right:20px;} /* Index page content */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul#digest-tabs { clear:both; list-style-type:none; margin:0; padding:0; } ul#digest-tabs li {float:left;} ul#digest-tabs li a { display:block; width:214px; height:40px; text-indent:-9999px; } ul#digest-tabs li#tab-events a { background-image:url('http://assets.jat.org/images/design/jat-digest-tab-01.gif'); width:216px; } ul#digest-tabs li#tab-articles a {background-image:url('http://assets.jat.org/images/design/jat-digest-tab-02.gif');} ul#digest-tabs li#tab-news a {background-image:url('http://assets.jat.org/images/design/jat-digest-tab-03.gif');} ul#digest-tabs li a { background-position:top left; } ul#digest-tabs li a.activetab { background-position:top left; } ul#digest-tabs li a.inactivetab { background-position:bottom left; } div#main-visual-area {height:240px;} div#main-rotating-visual { float:left; width:737px; height:240px; } div#main-visual-banner { float:right; width:272px; margin:15px 0 0 15px; border:none; } div#article-digests { float:left; width:644px; margin-top:44px; } div#article-digests div.digest-content { padding:70px 24px 0 24px; border-left:1px solid #ddd; border-right:1px solid #ddd; } img#digest-column-end {margin-bottom:70px;} /* Inside article content */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#article-content { float:left; width:626px; margin-top:44px; margin-bottom:70px; } div#article-content-sidebar { float:left; width:626px; margin-top:0px; margin-bottom:70px; } div#inside-content { float:right; width:626px; margin-top:44px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:70px; } div.title-container {margin-bottom:30px;} h1.page-title { color:#7e7e7e; font-size:36px; font-weight:normal; line-height:36px; } h3.sub-title { color:#7e7e7e; font-size:18px; font-weight:normal; line-height:30px; } p.sub-title-text { color:#7e7e7e; font-size:14px; font-weight:normal; line-height:16px; margin-top:16px; } ul.body-list { list-style-type:circle; font-size:14px; margin-left:18px; margin-top:10px; } ul.body-list li {color:#7e7e7e;} /* Article styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ h1 { font-weight:bold; font-size:24px; line-height:48px; color:#666; } div.site-inside a.jat-article-title:link, div.site-inside a.jat-article-title:visited, div.site-inside a.jat-article-title:hover { text-decoration:none; color:#000; } h2.jat-article-title { font-size:30px; line-height:1em; } h2.jat-article-metainfo { font-size:12px; line-height:18px; margin-bottom:10px; margin-top:5px; } div.jat-article-digest {padding-bottom:40px;} p.jat-page-body { font-size:14px; line-height:20px; color:#5e5e5e; padding-bottom:20px; } h2.jat-inside-article-tags { } img.read-more { vertical-align:middle; padding-top:10px; } h2.jat-inside-article-title { font-size:33px; color:#7e7e7e; margin-bottom:15px; line-height:1em; } h2.jat-inside-article-metainfo { font-size:18px; color:#7e7e7e; margin-bottom:40px; } p.jat-inside-article-body { font-size:14px; color:#7e7e7e; line-height:18px; margin-bottom:20px; } /* Board page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.jat-board-member-profile { margin-bottom:80px; position:relative; clear:left; } img.jat-board-member-photo { float:left; margin-bottom:80px; } h2.jat-board-member { margin-left:145px; font-size:20px; line-height:28px; color:#333; } h2.jat-board-member img {vertical-align:text-bottom;margin-left:5px;} h2.jat-board-member-info { margin-left:145px; font-size:14px; color:#7e7e7e; } p.jat-board-profile-body { margin-left:145px; font-size:14px; color:#7e7e7e; margin-top:10px; } /* Bylaw page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ h2.section-link { font-size:14px; color:#7e7e7e; } h2.section-link a { color:#006bdd; text-decoration:none; } h2.section-title { font-size:18px; color:#7e7e7e; font-weight:bold; margin-top:20px; } h2.section-subtitle { font-size:14px; color:#7e7e7e; font-weight:bold; margin-top:20px; } p.bylaw-body { font-size:14px; color:#7e7e7e; margin-top:10px; } /* Find a Translator page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#find-translator-search-panel{ float:left; width:313px; background-color:#1d2e4b; color:#fff; margin-top:60px; margin-bottom:70px; } div#find-translator-search-panel h2 { font-size:24px; margin-left:22px;} div#find-translator-search-panel dl {margin-left:22px;} div#find-translator-search-panel dl dt { margin-top:16px; margin-bottom:5px; } div#find-translator-search-panel label {font-size:14px;} div#find-translator-search-panel input, div#find-translator-search-panel select {width:266px;} div#find-translator-search-panel input#search-submit { background: url("http://assets.jat.org/images/design/search-submit.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 38px; margin-left: 21px; margin-top: 20px; text-indent: -9999px; width: 138px; } div#find-translator-search-panel input#search-reset { background: url("http://assets.jat.org/images/design/search-reset.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 38px; margin-left: 20px; margin-top: 20px; text-indent: -9999px; width: 88px; } div#find-translator-translator-info{ float:right; width:660px; margin-top:60px; margin-bottom:70px; } table.translator-all { border:1px solid #333; } table.translator-all tr td { font-size:14px; height:1.8em; line-height:1.8em; padding-left:10px; color:#333; } table.translator-all tr th { font-size:14px; height:1.8em; line-height:1.8em; text-align:center; color:#fff; background-color:#333; } table.translator-all a:link, table.translator-all a:visited { color:#333; text-decoration:none; } th.translator-name {width:360px;} th.translator-nlang {width:120px;} th.translator-profession {width:170px;} span.translator-name-kana {font-size:85%;} table tr.oddrow td {background-color:#ddd;} a.translator-alpha-index { float:left; display:block; height:25px; text-indent:-9999px; background-position:left bottom; } a.translator-alpha-index-selected { float:left; display:block; height:25px; text-indent:-9999px; background-position:left top; } a.translator-alpha-index:hover { background-position: left top; } a#alpha-index-RND { background-image: url("http://assets.jat.org/images/design/tsi-rnd.gif"); width: 46px; } a#alpha-index-ALL { width:40px; background-image:url('http://assets.jat.org/images/design/tsi-all.gif'); } a#alpha-index-A { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-a.gif'); } a#alpha-index-B { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-b.gif'); } a#alpha-index-C { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-c.gif'); } a#alpha-index-D { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-d.gif'); } a#alpha-index-E { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-e.gif'); } a#alpha-index-F { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-f.gif'); } a#alpha-index-G { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-g.gif'); } a#alpha-index-H { width:22px; background-image:url('http://assets.jat.org/images/design/tsi-h.gif'); } a#alpha-index-I { width:16px; background-image:url('http://assets.jat.org/images/design/tsi-i.gif'); } a#alpha-index-J { width:17px; background-image:url('http://assets.jat.org/images/design/tsi-j.gif'); } a#alpha-index-K { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-k.gif'); } a#alpha-index-L { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-l.gif'); } a#alpha-index-M { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-m.gif'); } a#alpha-index-N { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-n.gif'); } a#alpha-index-O { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-o.gif'); } a#alpha-index-P { width:19px; background-image:url('http://assets.jat.org/images/design/tsi-p.gif'); } a#alpha-index-Q { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-q.gif'); } a#alpha-index-R { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-r.gif'); } a#alpha-index-S { width:18px; background-image:url('http://assets.jat.org/images/design/tsi-s.gif'); } a#alpha-index-T { width:18px; background-image:url('http://assets.jat.org/images/design/tsi-t.gif'); } a#alpha-index-U { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-u.gif'); } a#alpha-index-V { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-v.gif'); } a#alpha-index-W { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-w.gif'); } a#alpha-index-X { width:20px; background-image:url('http://assets.jat.org/images/design/tsi-x.gif'); } a#alpha-index-Y { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-y.gif'); } a#alpha-index-Z { width:21px; background-image:url('http://assets.jat.org/images/design/tsi-z.gif'); } /* Translator profile page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#translator-profile-page, div#translator-edit-profile-page { margin-top:60px; margin-bottom:70px; } div#translator-primary-contact-info { float:left; width:320px; margin-top:0px; margin-bottom:70px; clear:left; } div#translator-professional-info { float:right; width:675px; margin-top:0px; margin-bottom:70px; padding-left:20px; border-left:1px solid #d5d5d5; } div.jat-member-profile { margin-bottom:40px; position:relative; clear:left; } img.jat-member-photo { float:left; margin-bottom:40px; } div.jat-member-profile-info {margin-left:120px;} h2.jat-translator-name { font-size:36px; color:#324e81;margin-bottom:7px; } h2.jat-translator-status {line-height:1.2em;} img.jat-translator-avatar {margin-top:10px;} div#translator-primary-contact-info h2, div#translator-professional-info h2 { font-size:24px; color:#1a2a46; } div#translator-primary-contact-info dl { margin-bottom:20px; padding-right:20px; } div#translator-primary-contact-info dl dt { font-size:14px; color:#324e80; margin-top:15px; } div#translator-primary-contact-info dl dd { font-size:18px; color:#7e7e7e; margin-top:5px;} div#translator-professional-info h3 { background-color:#6f83a6; color:#fff; font-size:14px; line-height:1.8em; text-indent:7px; margin-top:10px; } /* Translator edit profile page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#edit-basic-account-info, div#edit-professional-info, div#edit-mailing-list-option { float:left; width:600px; margin-bottom:20px; /*background-color:#ccc; */background:url('http://assets.jat.org/images/design/profile-panel-back-600.gif') repeat-y; } div#edit-contact-info, div#edit-primary-contact-info, div#edit-secondary-contact-info { margin-left:620px; width:340px; margin-bottom:20px; background-color:#ccc; background:url('http://assets.jat.org/images/design/profile-panel-back-340.gif') repeat-y; } div#translator-edit-profile-page dl, div#new-member-signup-page dl { width:275px; padding-left:20px; } div#edit-mailing-list-option dl { width:475px; padding-left:20px; } div#translator-edit-profile-page dl input, div#translator-edit-profile-page dl select, div#new-member-signup-page dl input, div#new-member-signup-page dl select { width:250px; margin-top:10px; margin-bottom:20px; } div#translator-edit-profile-page dl textarea, div#new-member-signup-page dl textarea {width:500px;} div#translator-edit-profile-page h3, div#new-member-signup-page h3 { font-size:18px; line-height:38px; display:block; padding-left:10px; color:#7e7e7e; } div#translator-edit-profile-page div#edit-basic-account-info h3, div#translator-edit-profile-page div#edit-professional-info h3, div#edit-mailing-list-option h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-600.gif') no-repeat; margin-top:0px; } div#translator-edit-profile-page div#edit-contact-info h3, div#translator-edit-profile-page div#edit-primary-contact-info h3, div#translator-edit-profile-page div#edit-secondary-contact-info h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-340.gif') no-repeat; } div#translator-edit-profile-page dl label.ui-corner-all input { width:auto; margin:0px 5px 0px 0px; } /* New member signup page styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#new-member-signup-page {padding-top:60px;} div#signup-join-jat { float:left; width:610px; margin-bottom:70px; } div#signup-sign-in { width:380px; margin-left:620px; padding-left:20px; } div#signup-basic-account-info, div#signup-professional-info, div#signup-contact-info, div#signup-primary-contact-info, div#signup-secondary-contact-info { float:left; width:600px; margin-bottom:20px; /*background-color:#ccc; */background:url('http://assets.jat.org/images/design/profile-panel-back-600.gif') repeat-y; } div#new-member-signup-page div#signup-basic-account-info h3, div#new-member-signup-page div#signup-professional-info h3, div#new-member-signup-page div#signup-contact-info h3, div#new-member-signup-page div#signup-primary-contact-info h3, div#new-member-signup-page div#signup-secondary-contact-info h3 { height:50px; background:url('http://assets.jat.org/images/design/profile-panel-tab-back-600.gif') no-repeat; margin-top:0px; } div#sign-in-box { width:360px; height:300px; background-color:#e7e7e7; padding:30px 10px; text-align:center; margin-top:30px; background:url('http://assets.jat.org/images/design/login-panel-back.gif') no-repeat; } div#sign-in-box label { float:left; width:80px; text-align:right; } div#sign-in-box input { width:220px; float:left; margin-left:15px; margin-bottom:20px; } input#join-jat-submit { float:none; margin:30px 170px; } div#sign-in-box input#sign-in-submit { margin:0px 80px; } /* Mailing List styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.mla-search-panel { border:1px solid #294265; padding:10px 15px; color:#294265; } div.mla-search-panel h3 { font-size:24px; margin-top:0px; margin-bottom:30px; } /* Banner sidebar styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#banner-sidebar-right { float:right; width:364px; margin-top:44px; } div#banner-sidebar-left { float:left; width:364px; margin-top:44px; } div#banner-sidebar-left img, div#banner-sidebar-right img { margin-bottom:20px; border:none; } /* Site footers */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#site-footer {clear:both;} div.footer-navi-column { float:left; width:280px; } ul.footer-navi { list-style-type:none; margin:0; padding:0 0 24px 0; } div.site-inside ul.footer-navi li a { color:#ddd; font-size:14px; line-height:24px; text-decoration:none; } div.site-inside ul.footer-navi li.list-title a { font-size:18px; color:#ffba00; } div.footer-utilities { width:160px; height:220px; padding-left:20px; border-left:1px solid #5d708a; } div.footer-utilities ul.footer-navi {line-height:46px;} div#site-footer-01 { height:272px; background:#294265 url('http://assets.jat.org/images/design/jat-footer-01-back.gif') repeat-x; padding:24px 0; } div#site-footer-02 { background:#070e23 url('http://assets.jat.org/images/design/jat-footer-02-back.gif') repeat-x; color:#999; text-align:right; font-size:12px; line-height:24px; padding:17px 0; } div#site-footer-02 a:link, div#site-footer-02 a:visited { color:#ffba00; text-decoration:none; } p.copyright-text { float:left; width:360px; font-size:14px; color:#c5cee1!important; text-align:left; line-height:18px; } /* Site-wide custom styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ table { border-collapse:collapse; font-size:80%; color:#666; margin:20px 0; } table td { border:1px solid #7e7e7e; padding:10px; text-align:left; vertical-align:middle; } table thead td { background-color:#666; color:#fff; text-align:center; vertical-align:middle; } div#inside-content ul, div#article-content ul, div.jat-article-digest ul, div#article-content-sidebar ul li {list-style-type:circle;} div#inside-content ul li, div#article-content ul li, div.jat-article-digest ul li, div#article-content-sidebar ul li, div#inside-content ol li, div.jat-member-profile ul li, div.jat-member-profile ol li { color:#7e7e7e; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } table.quiet-table { } table.quiet-table td { border:none; padding-left:0px; } table.fc-header td {border:none;} strong {font-weight: bolder;} em { font-style: italic; } div#sign-in-box input.checkbox {width:auto;} /* Mailing List messages */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ p.msg {line-height:1.5em;} span.msg-label { color:#294265; font-weight:bold; } .paginate {font-size:1em;} a.paginate { padding: 5px; text-decoration: none; color: #fff; } a.current { border: 1px solid #000080; text-decoration: none; } span.inactive { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 6px 2px 6px; color: #999; cursor: default; } div.pagination-controls { margin:10px 0; padding:6px 10px; border:1px solid #b9b9b9; font-size:12px; } div.pagination-controls a:link,?div.pagination-controls a:visited { padding:1px 4px; border:1px solid #b9b9b9; margin:2px; } div.pagination-controls a:hover {background-color:#b9b9b9; color:#fff!important; text-decoration:none!important; } div.jat-mli h2 { margin:0px; padding:5px 0px; clear:both; } span.paginate { margin:0 6px; } div.jat-mli {margin:0px;} a.mla-delete:link, a.mla-delete:visited { float:left; display:block; width:4em; text-align:center; padding:5px; font-size:12px; color:#444!important; text-decoration:none!important; border-right:1px solid #b9b9b9; } a.mla-delete:hover { background-color:#ff0000; color:#fff!important; } div.page div.jat-mli p.mli-datesent { float:left; margin:0px; padding-left:20px; } div.page div.jat-mli p.mli-sender { margin-bottom:0px; border-bottom:1px solid #b9b9b9; padding-bottom:50px; margin-top:5px; } div.scrollThreadBox { border:1px solid #999; display:block; height:150px; margin-bottom:10px; margin-left:1em; margin-right:2em; overflow:auto; padding:10px 5px 5px 10px; } /* Common utility styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ li.last-li {margin-right:0;} p.jat-alert { display:block; font-size:18px; color:#294265; line-height:2em; } .form-eg-text { font-size:12px; color:#999; line-height:16px; } pre { white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; width:99%; word-wrap:break-word;} .invisible { visibility:hidden; height:1px; } .floatedL {float:left;} div.page p { font-size:14px; color:#373737; line-height:18px; margin-top:10px; } div.page-ja p {line-height:24px;} h4 { font-size:18px; color:#7e7e7e; padding-top:40px; } hr { margin: 40px 0 30px 0; } /* Contact Page */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#mailing-address-box { padding:10px 30px; background:url('http://assets.jat.org/images/design/contact-snail-back.gif') no-repeat; height:150px; margin-top:20px; } /* Events Calendar */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ dl.post-index-icon { float:left; width:42px; margin-right:10px; clear:both; } .contests-sidebar p { margin-bottom: 10px; } /* Tools for Translators */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ img.tools-illust {float:left;} .tools-desc {margin-left:135px;} /* Slides Styles (Front page image slider) */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .slides_container { width:737; height:240px; } .slides_container div { width:737px; height:240px; display:block; } /*.pagination { margin:26px auto 0; width:100px; position:absolute; left:325px; top:195px; z-index:5; }*/ .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url('http://assets.jat.org/images/design/pagination.png'); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } div#thumbs div.pagination{ clear:both; padding:10px 0px; } div#thumbs div.pagination span, div#thumbs div.pagination a:link, div#thumbs div.pagination a:visited{ margin-right:4px; padding:4px 8px 2px; background-color:#ccc; text-decoration:none; color:#fff; border-radius:2px; -moz-border-radius:2px; } div#thumbs div.pagination span{background-color:#666;} div#thumbs div.pagination a:hover{background-color:#006bdd;} /* Wiki Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#wikileftnavi { float:left; margin-bottom:70px; font-size:12px; line-height:1.5em; border-right:1px solid #d2d2d2; width: 200px; } div#wikipagecontent { margin-top:44px; margin-left:220px; margin-bottom:70px; } div#article-content div.marginpad ul.wikinavi { list-style-type:none; width:200px; } div#article-content div.marginpad ul.wikinavi li {margin:0px;} div#wiki-content h1 {font-size:24px;} div#wiki-content h2 {font-size:14px;} div#wiki-content div.title-container {margin-bottom:10px;} div#wiki-content ul {list-style-type:circle;} div#wiki-content li { margin-left:20px; font-size:14px; color:#7e7e7e; line-height:20px; } /* Archive Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul.archive-list {list-style-type:disc;} ul.archive-list li { margin-left:20px; text-indent:-5px; } /* Photo Gallery Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#gallery-content{ width: 100%; margin-top: 44px; margin-bottom: 70px; } div#slideshow{ float:left; border:3px solid #000; width:650px; } div#slideshow a.advance-link img{width:650px} div#thumbs{ float:right; width:366px; text-align:right; } div#thumbs ul.thumbs{list-style:none;} div#thumbs ul.thumbs li{ float:right; margin-left:0px; } div#thumbs ul.thumbs li a.thumb img{ width:85px; margin-right:4px; } div#controls{ margin:20px 0px; height:20px; } div#controls div.ss-controls{float:left;} div#controls div.nav-controls{float:right;} div#controls div.ss-controls a:link, div#controls div.ss-controls a:visited, div#controls div.nav-controls a:link, div#controls div.nav-controls a:visited{ margin-right:4px; padding:0px 8px 2px; background-color:#ccc; text-decoration:none; color:#fff; border-radius:2px; -moz-border-radius:2px; } div#controls div.ss-controls a:hover, div#controls div.nav-controls a:hover{background-color:#006bdd;} div#extragallery-controls{ clear:both; padding:5px 0px; } div#controls div.ss-controls a.play{ background-image:url('http://assets.jat.org/images/design/play.png'); background-repeat:no-repeat; background-position:2% 50%; padding-left:16px; } div#controls div.ss-controls a.pause{ background-image:url('http://assets.jat.org/images/design/pause.png'); background-repeat:no-repeat; background-position:2% 50%; padding-left:16px; } div#caption { clear:both; padding:10px 11px; border-bottom:1px solid #eee; width:635px; color:#7e7e7e; } /* Photo Gallery Styles */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ ul.user-nav-list{ list-style:none; text-align:left; width:120px; display:inline-block; float:left; } ul.user-nav-list li > ul{ background-color:#fff; border:1px solid #ccc; padding:0px 2px 2px 2px; list-style:none; position:absolute; z-index:10; width:180px; } ul.user-nav-list li > ul li{ margin-top:2px; line-height:30px; } span#login-join ul.user-nav-list li > ul li a:link, ul.user-nav-list li > ul li a:visited { padding:0 7px; display:block; background-color:#eee;} span#login-join ul.user-nav-list li > ul li a:hover{ background-color:#1d3150; color:#fff; background: -moz-linear-gradient(top, rgba(64,105,159,1) 0%, rgba(23,44,81,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,105,159,1)), color-stop(100%,rgba(23,44,81,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(64,105,159,1) 0%,rgba(23,44,81,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40699f', endColorstr='#172c51',GradientType=0 ); /* IE6-9 */ } /* Sig content */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.site-inside-sig { position:relative; width:1024px; margin:auto; } div#inside-content-sig { float:left; width:626px; margin-top:44px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:70px; } div#inside-content-sig ul, div#article-content ul {list-style-type:circle;} div#inside-content-sig ul li, div#article-content ul li, div#inside-content ol li, div.jat-member-profile ul li, div.jat-member-profile ol li { color:#7e7e7e; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } div#sig-sidebar-right { float:left; width:400px; margin-left:65px; border-left:1px solid #d5d5d5; padding-left:18px; margin-top:44px; } div#sig-sidebar-right img { margin-bottom:20px; border:none; } div#sig-sidebar-right li { list-style-type:none; text-indent:1em; } ul#sig-sidebar-right-ul {font-size:11pt;} #sig-sign {font-size:10pt;} div.category-blocka { float:left; width:52%; } div.category-blockb {float:left;} div#banner-sidebar-right-sig { float:left; width:20%; margin-left:45px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:20px; margin-top:44px; } div#banner-sidebar-right-sig img {margin-bottom:20px;} /* Sig content 2 */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div.site-inside-sig { position:relative; width:1024px; margin:auto; } div#inside-content2-sig { float:left; width:626px; margin-top:44px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:70px; } div#inside-content2-sig ul, div#article-content ul {list-style-type:square;} div#inside-content2-sig ul li, div#article-content ul li, div#inside-content ol li, div.jat-member-profile ul li, div.jat-member-profile ol li { color:#373737; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } div#sig-sidebar-right { float:left; width:400px; margin-left:65px; border-left:1px solid #d5d5d5; padding-left:18px; margin-top:44px; } div#sig-sidebar-right img { margin-bottom:20px; border:none; } div#sig-sidebar-right li { list-style-type:none; text-indent:1em; } ul#sig-sidebar-right-ul {font-size:11pt;} #sig-sign {font-size:10pt;} div.category-blocka { float:left; width:52%; } div.category-blockb {float:left;} div#banner-sidebar-right-sig { float:left; width:20%; margin-left:45px; border-left:1px solid #d5d5d5; padding-left:18px; margin-bottom:20px; margin-top:44px; } div#banner-sidebar-right-sig img {margin-bottom:20px;} /* Job Column */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#banner-sidebar-left ul.news-column { width:277px; border:1px solid #ccc; margin-bottom:20px; } div#banner-sidebar-left ul.news-column li { border-top:1px solid #ccc; background-color:#f7f7f7; } div#banner-sidebar-left ul.news-column li a:link, div#banner-sidebar-left ul.news-column li a:visited { display:block; padding:5px 10px 10px 10px; text-decoration:none; } div#banner-sidebar-left ul.news-column li a:hover { background-color:#fff; border-left:5px solid #ddd; padding-left:5px; } div#banner-sidebar-left ul.news-column li.title-li { border-top:none; font-size:1.5em; color:#565656; padding:5px 10px 10px 10px; background-image:url('http://assets.jat.org/images/design/ijet_site/ijet-news-title-back.gif'); background-repeat:repeat-x; } div#banner-sidebar-left ul.news-column li span.news-date { font-size:10px; line-height:1.8em; } /* JAT Members in Print */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ div#inside-content-jmip { float:left; width:626px; margin-top:44px; padding-left:10px; margin-bottom:70px; } div#inside-content-jmip ul li { color:#7e7e7e; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } div#content-sidebar-jmip ul li { color:#7e7e7e; padding:5px 10px 5px 0; margin-left:20px; font-size:14px; } div#banner-sidebar-right-jmip { float:right; width:364px; margin-top:44px; } div#banner-sidebar-right-jmip img { margin-bottom:20px; border:none; } div#banner-sidebar-right-jmip { float:left; width:20%; margin-left:15px; padding-left:10px; margin-bottom:20px; } /* メニュー */ .right-sidebar-2 { margin: 30px 0px 0px 0px; padding: 20px; background-color: #ffffff; } .right-sidebar-2 h1 { margin: 0px 0px 30px 0px; font-size: 18px; line-height: 1.2; line-weight: 6; } .right-sidebar-2 h2 { color: #2a4467; margin: 21px 0px 20px 8px; font-size: 20px; } .right-sidebar-2 ul, .right-sidebar-2 ol {margin: -3px 0px 0px 10px; padding: 0; font-size: 14px; line-height: 0; list-style: none;} .right-sidebar-2 li a {position: relative; display: block; padding: 10px 5px 10px 5px; color: #000; text-decoration: none;} .right-sidebar-2 li a:hover {background-color: #fcf9a2; width: 150px;} .right-sidebar-2 li a:before {position: absolute; left: -10px; top: 9px; content: '\f061'; color: #2a4467; font-family: 'FontAwesome'; font-size: 10px; line-height: 0;} /* e-juku home */ /*-----------------------------------------------------------------------------------------------------------------------------------------*/ .testimonial { margin: 0; background: #B7EDFF; padding: 10px 50px; position: relative; font-family: Georgia, serif; color: #666; border-radius: 5px; font-style: italic; text-shadow: 0 1px 0 #ECFBFF; background-image: linear-gradient(#CEF3FF, #B7EDFF); } .testimonial:before, .testimonial:after { content: "\201C"; position: absolute; font-size: 80px; line-height: 1; color: #999; font-style: normal; } .testimonial:before { float: left; position: relative; top: 0; } .testimonial:after { content: "\201D"; right: 10px; bottom: -0.5em; } /* End of styles Last revised: 2011.10.16 */