/*RESET AND CLEARFIX ----------------------------*/ :link,:visited {} ul,ol {list-style: none} h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0} a img,:link img,:visited img {border: none; outline: none;} address {font-style: normal} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} .clearfix {display: block;} /* Neutralize styling: Elements we want to clean out entirely: */ html,body,form,fieldset {margin: 0; padding: 0;} /* Neutralize styling: Elements with a vertical margin: */ h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin-bottom: 0.5em; padding: 0;} /* Apply left margin: Only to the few elements that need it: */ li,dd,blockquote {margin-left: 1em;} /* Miscellaneous conveniences: */ form label {cursor: pointer;} fieldset {border: none;} /* Form field text-scaling */ input,select,textarea {font-size: 100%;} img {border: 0;} /*---------GENERAL FORMATTING--------------------------*/ body {font: 12px Verdana,Tahoma,Sans-serif; color: #444444; line-height: 1.5em; background: #DCC08E } h1, h2, h3, h4, h5 {color: #F78F1E; font-family: "Century Gothic", Verdana, Sans-serif; font-weight: normal; line-height: 1.2em;} h1 {font-size: 24px;} h2 {font-size: 18px;} h3 {font-size: 16px;} #bgwrap {width: 960px; background: url('images/bgheaderwrap.jpg') no-repeat; margin: 0 auto; background-position: 2px 0px;} #container {width: 780px; margin: 0 auto;} #contentholder {padding: 0px 15px; background-color: #fff;} #main {float: left; width: 480px; padding: 0px; background-color: #fff; margin-bottom: 20px;} #main.nosidebar {width: 528px;} #main.fullwidth {width: auto;} #navholder {position: relative; z-index: 2;} #contentholder {position: relative; z-index: 1;} #breadcrumb {font-size: 10px; font-weight: bold; font-style: italic; height: 16px; margin-bottom: 10px;} #breadcrumb a {text-decoration: none;} p {margin-top: 0; margin-bottom: 1em; text-align: left;} a {text-decoration: underline;} a:link {color: #335588;} a:active {color: #335588;} a:visited {color: #335588;} a:hover {color: #CC3333; text-decoration: underline;} .blog-meta a:hover {text-decoration: underline;} a img, .noline, a.noline:link, a.noline:visited, a.noline:hover {border-width: 0; text-decoration: none;} a.journaids_tooltip {color: #006600; cursor: hand; border-bottom: 1px dotted #060; text-decoration: none;} ul {list-style-type: disc; margin-left: 0.5em; padding-left: 0.5em;} ul li {padding: 0.25em;} ol {margin-left: 0.5em; padding-left: 0.5em;} ol li {padding: 0.25em;} sup a {font-weight: bold; border: none} /* GLOBAL STRAP ---------------------------*/ #globalstrap {text-align: right; margin-bottom: 0px; padding-right: 4px;} #globalstrap img {border: none; margin-left: 5px; padding-top: 0px;} /*---------HEADER--------------------------*/ #header {height: 175px; position: relative;} #searchbox {position: absolute; top: 70px; right: 10px;} #home-link {position: absolute; bottom: 0; display: block; width: 100%; height: 70%;} /*-- HOME ----------------------*/ #home .gallery {margin-left: 3px;} #home .gallery .thumbnail {width: 80px; height: 80px; padding: 2px; margin-right: 5px;} #home .gallery {padding: 8px; border: none;} .border-box {border:1px solid #ccc; padding: 10px; margin-bottom: 10px;} /*---------TOP NAV BAR--------------------------*/ .navholder {height: 65px; margin: 0 4px 0 3px; border-top: 10px solid #AA4D0D; /*border-bottom: 2px solid #AA4D0D;*/} #home .navholder, #blog .navholder, #contacts .navholder, #glossary .navholder, #about_us .navholder {height: 40px;} #reporting .navholder {height: 90px;} .sf-menu li li li {background: #aa4d0d !important;} /*---------PAGE NAV--------------------------*/ .tertiary_nav {padding: 7px; border: 1px dotted #ccc; margin-bottom: 10px; margin-left: 5px; width: 200px; float: right;} #contentholder .tertiary_nav ul {list-style-type: disc !important;} #contentholder .tertiary_nav li {list-style-type: disc !important; padding: 0; padding: 0 20px 0 0px; font-size: 10px; margin:0;} #contentholder .tertiary_nav li a {display: inline; width: auto; color: #9F0028 !important; font-weight: bold; text-decoration: none;} #contentholder .tertiary_nav li a:hover {text-decoration: underline !important;} #contentholder li.here a {text-decoration: underline !important;} #contentholder li.here li.sub_level_1 a {text-decoration: none !important;} /*--------HOMEPAGE-------------------------------*/ #content {float: left; width: 480px; padding: 0px; background-color: #fff;} #content hr {color: #d9d9d9; height: 1px;} #content img {border: 1px #ccc solid; padding: 3px; margin: 5px 5px 5px 5px;} h2.categorystrap {color: #F78F1E; text-transform: uppercase; font: large Georgia,"Times New Roman",serif; margin-bottom: 0px} h2#categorystrap {color: #F78F1E !important; text-transform: uppercase; font: large Georgia,"Times New Roman",serif; margin-bottom: 0px; background-color: #fff !important; border: none!important;} #home h3 a.title {font: large "Trebuchet MS", Verdana, sans-serif; margin-bottom: 20px; text-decoration: none;} h4.byline {font-size: small; font-weight: normal; font-style: italic; margin-top: 0px;} .fpblog {margin-bottom: 30px; padding-left: 8px;} .fpblog a {color: #dd4e00; text-decoration: none;} .fpblog a:visited {color: #dd4e00; text-decoration: underline;} /*---------ABOUT US CENTER--------------------*/ #aboutus {font-family: "Century Gothic", Verdana, Sans-serif; color: #fff; background: url('images/bgaboutustop.jpg') no-repeat top; width: 480px; height: 167px; font-size: 17px; line-height: 26px; margin-bottom: 30px; position: relative;} #aboutus .inner {padding: 10px 15px; background: url('images/bgaboutusrepeat.jpg') repeat;} #aboutus .bottomstrip {background: url('images/bgaboutusbot.jpg') no-repeat bottom; height: 29px; margin-top: -16px;} #aboutus a {color: #dd4e00; text-decoration: none;} .fpbird {position: absolute; bottom: -30px; right: -25px; background: url('images/fpbird.png') no-repeat; height: 109px; width: 148px; z-index: 0;} #home #main-inner {padding-left: 6px;} /*---------SIDEBAR-------------------------*/ #sidebar {float: left; width: 260px;} /*-- SIDEBAR PANELS */ #fpsidebar {float: right; background-color: #fff; padding: 0px 5px; margin-top: -7px;} .panel {width: 240px; margin: 0 0 20px 20px; position: relative;} .panel h4 {margin-top: 0px !important; margin-bottom: 10px; font-size: 18px; color: #fff;} .panel ul, .panel li {margin: 0; padding: 0;} .bgbrown {background: url('/jatheme/images/bgbrownrepeat.jpg') repeat; position: relative;} .bgbrown .panel-inner {background: url('/jatheme/images/bgbrowntop.jpg') no-repeat top;} .bgbrown .panelbot {background: url('/jatheme/images/bgbrownbot.jpg') no-repeat bottom; height: 42px;} .bgred {background: url('/jatheme/images/bgredrepeat.jpg') repeat; position: relative;} .bgred .panel-inner {background: url('/jatheme/images/bgredtop.jpg') no-repeat top;} .bgred .panelbot {background: url('/jatheme/images/bgredbot.jpg') no-repeat bottom; height: 28px;} .panel p {padding: 0 10px 0 10px;} .panel-inner {padding: 17px; padding-bottom: 0px;} .panel-inner h2 {color: white; margin: 4px 0; margin-bottom: 8px;} .panel-inner ul,.panel-inner li {list-style: none; margin-bottom: 0; padding: 0;} .panel-inner li {color: white;} .panel-inner li a {color: #fff; text-decoration: underline; font-size: 12px;} .panel-inner li a:hover {} #bottompanel {position: relative;} .fpdoll1 {background: url('images/fpdoll1.png') no-repeat bottom; position: absolute; width: 64px; height: 143px; bottom: 0; right: -5px;} .fpribbon {background: url('images/fpribbon.png') no-repeat bottom; position: absolute; width: 64px; height: 143px; bottom: 0; right: -10px;} .fpdoll2 {background: url('images/fpdoll2.png') no-repeat bottom; position: absolute; width: 64px; height: 143px; bottom: 5px; right: 2px;} /*----FOOTER----*/ #footerstrip {width: 100%; background: url('images/bgfooter.jpg') repeat; line-height: 26px; height: 26px; } #footer {padding: 10px 0px; text-align: center; margin: 0 auto; background-color: #fff;} .clearer {clear: both;} /*///////////////////////////////////////////////*/ /*---------FACTSHEETS - GENERAL------------------*/ /*-----------------------------------------------*/ /*///////////////////////////////////////////////*/ #content-singlecol {width: 100%; background-color: #fff; padding: 0px; margin: 0px;} #content-singlecol h1 {font: xx-large "Trebuchet MS",Verdana,sans-serif; line-height: 1em; color: white; background-color: #C00; clear: both; text-transform: uppercase; padding-left: 5px;} #content-singlecol h2 {font-family: "Trebuchet MS",Verdana,sans-serif; font-size: x-large; font-weight: normal; color: white; border: 1px #C00 solid; background-color: #C00; padding: 0.45em; clear: both; margin: 15px 0 10px 0;} .popup {height: 60px; width: 60px; float: left; /*margin-top: -28px;*/ background-repeat: no-repeat; background-position: left bottom;} .hivaidsoverview {background-image: url("/jatheme/images/ja_overview_keypic_overlap.gif")} .politicsofhiv {background-image: url("/jatheme/images/ja_politics_keypic_small.gif")} .prevention {background-image: url("/jatheme/images/ja_prevention_keypic_small.gif")} .treatment {background-image: url("/jatheme/images/ja_treatment_keypic_small.gif")} .livingwithhiv {background-image: url("/jatheme/images/ja_plwha_keypic_small.gif")} .ethics {background-image: url("/jatheme/images/ja_ethics_keypic_small.gif")} .gender {background-image: url("/jatheme/images/ja_gender_keypic_small.gif")} .statistics {background-image: url("/jatheme/images/ja_statistics_keypic_small.gif")} .ovc {background-image: url("/jatheme/images/ja_ocv_keypic_small.gif")} .reportingonhiv {background-image: url("/jatheme/images/ja_reportingtips_keypic_small.gif")} .reportingonchildren {background-image: url("/jatheme/images/ja_roc_keypic_small.gif")} .researchandevents {background-image: url("/jatheme/images/ja_researchandevents_keypic_small.gif")} .keyfigures {background-image: url("/jatheme/images/ja_keyfigures_small.gif")} .myths {background-image: url("/jatheme/images/ja_myths_keypic_small.gif")} .keydocs {background-image: url("/jatheme/images/ja_keydocs_header_small.gif")} .funding {background-image: url("/jatheme/images/ja_funding_keypic_small.gif")} .goodreporting {background-image: url("/jatheme/images/ja_goodreporting_keypic_sma.gif")} #content-singlecol h3 {font-family: "Trebuchet MS",Verdana,sans-serif; font-size: large; font-weight: normal; color: #AD0101; margin-bottom: 0.25em;} .backtotop {text-align: right; width: 100%; clear: both; font-size: x-small; margin: 0; padding: 0;} /*---------FACTSHEET CONTENTS------------------*/ #factsheet-contents {margin-left: 200px;} #factsheet-contents,#factsheet-contents ul {width: 518px; padding: 0; list-style: none;} #factsheet-contents a {display: block; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: medium; line-height: 1.5em; color: #AD0101; border: none; padding-left: 5px; text-decoration: underline;} #factsheet-contents a:hover {display: block; color: #fff; background: #C00;} /***** SIDEBARS/BOXES ETC *******************/ .resourcebox {padding: 5px; margin-left: 5px; float: right;} .resourcebox p {font-size: 85%; line-height: 140%} .resourcebox img {margin-bottom: 5px} .photobox {background-color: #F7F6F4; border: 1px solid #d9d9d9;} .graphicbox {background-color: #FFB9BB; background: url('/jatheme/images/bgredrepeat-2.jpg') repeat; color: #fff;} .graphicbox a {color: #fff;} .infobox {background-color: #dfe8f4; padding: 10px; border: 1px solid #d9d9d9;} .infobox h4 {color: #003266; padding: 2px 2px 2px 20px; margin: -2px -2px 0px -2px; background: #a6c4e1 url("/jatheme/images/ja_general_reportingtips.gif") no-repeat left;} .reportingtip {border: 1px solid #EEDCB4; background-color: #FBE6BD; padding: 5px; margin-bottom: 10px;} .reportingtip h4 {color: #A86300; padding: 4px 6px 5px 20px; margin: -5px -5px 6px -5px; background: #F5C05C url("/jatheme/images/icons/page_white_text.png") no-repeat 2px 4px; font-weight: bold; font-size: small;} .alsosee {padding: 2px 2px 10px 20px; background: url("/jatheme/images/icons/page_white_go.png") 0 2px no-repeat; font-size: x-small;} .researchtext {clear: both; background: #DFEAF4 url("/jatheme/images/ja_general_researchkey.gif") no-repeat right top; border-left: 4px solid #A6C4E1; padding: 5px; margin-bottom: 10px; display: block;} .definetext h4 {color: #A86300; padding: 4px 6px 5px 20px; margin: -5px -5px 6px -5px; background: #F5C05C url("/jatheme/images/icons/book.png") no-repeat 2px 4px; font-weight: bold; font-size: small;} .definetext {clear: both; background: #FBE6BD; padding: 5px 10px 5px 5px; margin-bottom: 10px;} .journaids_blockheader {font-size: small; color: #E48712 ; font-weight: bold;} .fastfacts {position:relative; width: 220px; margin: 0 0 20px 10px; padding: 10px; background: url('/jatheme/images/boxrepeat.jpg') repeat; float: right; color:#FFE5CC;} .fastfacts a {color:#fff;} .fastfacts img {padding-left: 3px;} .fastfacts h4 {width: 220px; margin: -10px 0px 10px -10px; background: url('/jatheme/images/bgredrepeat-2.jpg') top left; font-size: medium; border-bottom: 1px solid #fff; padding: 10px; color: #fff;} .fastfacts p {/*padding-left: 10px !important; padding-right: 10px !important;*/ color: #FFE5CC;} .journaids_fastfacts {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.6em; color: #FFE5CC; font-weight: bold;} .source {font-size: x-small; line-height: 1.6em;} /*NEWSCLIPPING */ .newsclipping p, .newsclipping h5 {padding: 0 10px;} .newsclipping {clear: both; margin: 0px !important; padding: 0px 0 35px 0; background: #C17D12 url("/jatheme/images/boxbot.jpg") repeat-x bottom left; display: block; color: #fff; position: relative;} /*.newsclipping .inner { background: url("/jatheme/images/boxrepeat.jpg") repeat;}*/ .newsclippingdolll {height: 110px; width: 124px; background: url("/jatheme/images/newsclippingdoll.png") no-repeat; position: absolute; bottom: 17px; right: -55px;} /*.newsclipping h4 {margin: 0; height: 15px; color: #fff; text-align: center; font-family: "Times New Roman",Times,serif; font-size: x-large; font-weight: bold; padding-bottom: 10px;} */ .newsclipping h4 { margin-top: 10px 10px 5px 10px; padding-top: 28px; padding-left: 10px; color: #fff; text-align: left !important; font-family: "Georgia",Times,serif; font-size: x-large; font-weight: normal; background: url("/jatheme/images/boxtop.jpg") no-repeat top left; } .newsclipping h5.byline { font-family: "Georgia",Times,serif; font-size: small; margin-bottom: 10px; margin-top: -0.5em; border-bottom: none; color:#fff; } .newsboxsmall {width: 240px; float: right; margin-left: 10px;} .newsboxsmall h4 {background-image: url("/jatheme/images/boxtop.jpg");} .newsclipping a:hover {color: #fff;} /*** TABLES*/ table.normaltable {background-color: #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border: 1px solid #FBE6BD; text-align: left; margin: 10px 0px 10px 0px; border-collapse: collapse;} table.normaltable td {vertical-align: top; border: 1px solid #FBE6BD; border-bottom: 1px solid #FBEFDC; border-top: 1px solid #FBEFDC; border-left: 1px solid white; border-right: 1px solid white; padding: 2px 4px 2px 4px;} table.righttable {background-color: #e8eff3; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; text-align: left; margin: 5px 0px 5px 5px; float: right; clear: left;} table.righttable td {vertical-align: top; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding: 2px 4px 2px 4px;} tr.tableheader, td.tableheader {background-color: #FBE6BD; font-weight: bold;} /***VISUAL CODES*/ /*.pdficon {background: url(/jatheme/images/file_acrobat.gif) no-repeat center left; padding-left: 20px;} .pdficon img {vertical-align: middle; text-decoration: none;} .pdficon img a {text-decoration: none;}*/ /* .wordicon {background: url("/jatheme/images/ja_general_word_icon.gif") no-repeat left; padding-left: 20px;} */ .ppticon {background: url(/jatheme/images/ja_general_ppticon.gif) no-repeat left; padding-left: 20px;} /*FLOAT CLASSES */ .floatright {float: right; margin-left: 5px;} .floatleft {float: left; margin-right: 5px;} /************** OTHER *************/ .highlight {background-color: #FFD9D9; border-left-style: none; padding-left: 5px;} /*---------GENERAL PANELS----------------*/ /*IMAGES*/ .img-shadow {float: left; background: url("/jatheme/images/shadowAlpha.png") no-repeat bottom right !important; background: url("/jatheme/images/shadow.gif") no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px;} .img-shadow img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px;} .floatimg {float: left; margin-right: 10px;} .floatimg p {clear: both; font-size: x-small; line-height: 1.6em; padding-left: 10px; padding-right: 8px; margin-bottom: 0;} /*GUESTBOOK*/ .ddgb_entry {background: #F8F8F8; border: 1px solid #BBBBBB; margin: 0 0 15px 0; padding: 8px 10px 8px 10px; text-align: left;} .ddgb_entry p {margin: 0 0 8px 0;;padding: 0; line-height: 130%; color: #444444;} .ddgb_entry h1 {margin: 3px 0 0 0; padding: 0; font-size: 140%; color: #777777; letter-spacing: 1px;} .ddgb_info {font-size: 90%; color: #555555; float: right; margin: 0 0 5px 10px; text-align: right; line-height: 140%;} .ddgb_admin {font-size: 85%; color: #555555; text-align: right; padding: 3px 8px 3px 8px; border: 1px solid #BBBBBB; background: #E0E0E0;} .ddgb_entrybox {text-align: left;} .ddgb_entrybox h1 {margin: 0; padding: 0; font-size: 140%; color: #777777; letter-spacing: 1px;} .ddgb_entrybox h2 {margin: 0; padding: 0; font-size: 140%; color: #FF4444; letter-spacing: 1px;} .ddgb_entrybox input {background: #F8F8F8; border: 1px solid #BBBBBB;} .ddgb_entrybox textarea {background: #F8F8F8; border: 1px solid #BBBBBB;} .ddgb_entrybox table {font-size: 90%; color: #666666;} .ddgb_entrybox li {margin: 0 0 5px 0;} .ddgb_nav {text-align: left;} /*GUESTBOOK ENDS */ /*---------CONTACTS BOOOK-----------*/ /*BODY {background-color: #FFFFFF; color: #000000; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal;} A {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: none; color: #0066CC; text-decoration: none;} a:hover {text-decoration: underline;} */ A.group {color: #FFFFFF;} .navMenu {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: bold; color: #0088EE; text-align: right; padding-bottom: 3px;} .headTitle {background-color: #000000; color: #FFFFFF; font-family: Tahoma,sans-serif; font-size: 20px; font-weight: bold; border: 3px solid #000000;} .headText {background-color: #000000; color: #FFFFFF; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: bold; border: 3px solid #000000;} .infoBox {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; border: 1px solid #000000;} .data {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top;} .update {font-family: Tahoma,sans-serif; font-size: 9px; font-weight: normal; color: #000000;} .listEntry {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; border-bottom: 1px solid #AAAAAA; padding-top: 2px; padding-bottom: 2px;} .listHeader {font-family: Tahoma,sans-serif; font-size: 14pt; font-weight: bold; color: #000000; border-bottom: 1px solid #AAAAAA; padding-top: 10px; padding-bottom: 2px;} .listDivide {font-family: Tahoma,sans-serif; font-size: 1px; color: #FFFFFF; border-bottom: 1px solid #AAAAAA;} .formMailbox {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; width: 250px;} .formTextbox {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; width: 150px;} .formTextarea {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000; overflow: auto;} .formSelect {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; color: #000000;} .formButton {font-family: Tahoma,sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; background: #FFFFFF; border: 1px; border-color: #CCCCCC; text-decoration: none;} .formButton: hover {background: #EEEEEE;} .error {background-color: #DDDDDD; border: 1px solid #333333; margin-left: 20px; padding: 10px; width: 400px; font-family: Tahoma,sans-serif; font-size: 11px;} blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #777;} /* Blog ---------------------------------*/ .blogheading {border: none; line-height: 1.2em; padding-left: 0px; margin: 5px 0px 10px 0px} #blog h2:hover {} #blog .catlist h2 {background-color: #fff; font-size: 16px; margin: 10px; padding: 5px;} #blog #main {width: 450px; padding-left: 20px; float: left;} #blog #sidebar {} #entry-container {width: 450px; margin: 0 auto;} .categories li {list-style-type: circle; text-decoration: none; font-size: 11px; margin-left: 10px; padding: 0px} .categories li a {text-decoration: none;} .categories li a:hover {text-decoration: underline;} .date-cat {margin-top: px; color: #7F7F7F} .categories li.current a {color: white; font-weight: bold;} .comment-item {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;} .comment-meta {font-weight: bold; padding-bottom: 3px; display: block;} .comment-meta .date {float: right;} .blog-item {margin-bottom: 20px; border-bottom: 1px dotted #ccc;} .blog-item h2 a {font-size: 16px; text-decoration: none;} .blog-item h2 a:visited {color: #335588;} .blog-item h2 a:hover {color: #CC3333;} .blog-meta {font-size: 11px; font-weight: bold;} .readmore {display: inline-block; line-height: 12px; padding: 2px 3px; font-size: 9px; text-transform: uppercase; background: #f9f9f9; color: #444; font-weight: bold; text-decoration: none;} .categories .readmore {background: none; color:#efefef;} #home .blog-item {} .hot_in_the_media .blogheading {background: #921c11; position: relative; padding: 2px 5px;} .hot_in_the_media .blogheading a {color: white !important} .hot_in_the_media .blogheading:after {content: "Hot in the media"; font-size: 11px; text-transform: uppercase; text-align: right; display: block; position:absolute; right: 0; top: 0; padding: 2px 5px;} .hot_in_the_media {border-bottom: 4px solid #921c11;} /*-- Connect Blog ----------------------*/ .related-content {border-top: 1px dashed #AA4D0D; padding: 10px 0; margin-top: 10px;} .related-content .bio {padding-left: 120px;} .related-content img {float: left;} .sb-connect-item {border-top: 1px dotted white; margin-top: 10px; padding-top: 10px;} .sb-connect-item ul {padding-left: 20px;} .sb-connect-item ul li {list-style: disc; } .tag-cloud a:link, .sb-connect-item a:link, .tag-cloud a:visited, .sb-connect-item a:visited {color: white; text-decoration: none;} .sb-connect-item a:hover, .tag-cloud a:hover {color: #FFB482; text-decoration: underline;} .sb-connect-item .profile-meta, .sb-connect-item .profile-meta li {list-style:none;margin:0;padding:0;} .profile-meta .screen-name {font-weight: bold;} /*-- Fellows ----------------------*/ h2.section {background: #C59D62; color: white; padding: 2px 0px 4px 5px;} .fellow-item h4 {text-transform: uppercase; margin-bottom: 6px;} .fellow-item {border-bottom: 1px dotted #ccc; margin-bottom: 20px;} .archive li a {display: block; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;} .archive li a:hover {background: #8F3C00;} #blog .archive li.current a, #blog .archive li a:hover {background: #8F1E00;} .block {padding: 10px; border: 1px solid #ccc; margin-top: 20px; } .archive li.current a {background: #8F3C00;} .floatright {float: right;} /*-- download boxes ----------------------*/ .downloads {font-size: 12px; line-height: 18px;} .downloads ul {margin: 0;} .downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;} .downloads h2.grey span {font-size: 12px;} .downloads .box {padding: 5px 0;} .downloads .box h2 {margin-left: 0;} .downloads a { display: block; padding: 2px 20px; text-decoration: none; font-weight: bold; background: #fcfcfc;} .downloads a:hover {text-decoration: none !important; background-color: #EEE !important; color: #444;} .downloads span {font-weight: normal; } .downloads a {border-bottom: 1px dotted #B4B4B4;} .downloads .thumbnail {float: right;} .gallery .thumbnail {display: block; float: left; border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom:4px; width: 100px; height: 100px;} .gallery .thumbnail:hover {background: #FFE8C8;} span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/jatheme/images/icons/page_white_acrobat.png) center left no-repeat;} span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/jatheme/images/icons/page_white_word.png) center left no-repeat;} span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/jatheme/images/icons/page_white_powerpoint.png) center left no-repeat;} span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/jatheme/images/icons/ipod_sound.png) center left no-repeat;} span.link, .publication a[href^='http://'], .downloads a[href^='http://'] {display:inline-block; padding-left:30px; background:transparent url(/jatheme/images/icons/world_link.png) center left no-repeat;} span.attach {padding-left:20px; background:transparent url(/theme/images/dl-icon.png) center left no-repeat;} span.attach a {text-decoration: none;} .downloads a {line-height: 16px;} /*-- Events ----------------------*/ .date {display: block; font-size: 11px; background: #ccc; text-transform: uppercase; height: 20px; line-height: 20px; margin-bottom: 6px; padding-left: 6px; } /*-- EVENTS-FEED MODULE -----------------------------*/ /*-- ----------------------*/ .events-feed span {display: block; font-size: 11px; text-transform: uppercase;} /*========================================================================*/ /* COMMENT /* @usage li.comment /*========================================================================*/ #connect #comments {border-top: 1px dashed #AA4D0D; margin-top: 10px; padding-top: 10px;} #comments ol {padding:0; margin:0;} .comment {padding:10px;margin:0; margin-bottom:10px;} .odd {background: #efefef;} .even {background: #e3e3e3;} .comment-meta {} .comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;} .comment-meta span.name {display: block;} .comment-meta span.date {display: inline;} .comment-meta span.perma {display: inline;} .admin {background: #E3F1F6;} /*-- RMS FORMS ----------------------*/ /* ----------------------------------------------------------------------- RMSforms CSS Forms Framework 0.5 http: //rmsjr.com * Copyright (c) 2009-Present. ----------------------------------------------------------------------- */ @charset "utf-8"; /* CSS Document */ /* CONTAINING DIV */ .formContainer {overflow: hidden; font-family: Arial,Helvetica,sans-serif;} /* GLOBALS */ .formContainer form {margin: 0; padding: 0;} .formContainer fieldset {margin: 0; padding: 0;} .formContainer legend {margin: 0; padding: 0;} #main .formContainer ul {margin: 0; padding: 0; margin-bottom: 15px;} .formContainer li {width: 100%; float: left;} .formContainer ul {margin: 0; padding: 0; list-style: none; overflow: hidden; height: 1%;} .formContainer fieldset {margin-bottom: 10px; display: block;} /*optional elememt */ .formContainer ul li ul {list-style: none; /*background-color: #F8F3B8*/} .formContainer em {color: #FF0000;} .formContainer ul {margin-bottom: 5px;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* BASE FORM CLASS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .form {margin: 0 0 0 0; padding: 7px 10px 10px 10px; list-style: none;} .form ul {padding: 2px 5px 5px 5px; overflow: hidden; height: 1%;} .form label {width: 120px; padding: 3px 5px 3px 0px; float: left; display: inline;} .form li {margin: 3px 0 0 0; padding-bottom: 3px;} .form li ul li {border-bottom: 0px solid #ff0000;} .form input {float: left; display: inline; line-height: 100%;} .form select {float: left; display: inline;} .form textarea {float: left; display: inline;} .form input[type='radio'] {border: 0px;} .form input[type='checkbox'] {border: 0px;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* FORM MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* All of the modifier classes should be applied to fomr uls and are used to present the structure:
    • . Each letter represented in the class name represents the orientation of the li - label - input elements respectively. h = horizontal block element (floated left) v = vertical block element i = inline element for example,the class: .hvv = [LI: Horizontal Block Element] [LABEL: Verticle block element] [INPOUT: Vertical block element] */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .vvv li {display: block; clear: both; width: 100%; /*/*/ margin-bottom: 2px;} .vvv label {display: block; width: 100%; clear: both; float: none;} .vvv input {display: block; float: left;} .vvv select {display: block; float: left;} .vvv textarea {display: block; float: left;} .hvv {overflow: hidden; height: 1%;} .hvv li {float: left; margin-right: 10px; display: inline; width: auto;} .hvv label {display: block; width: auto; float: none;} .hvv input {display: block;} .hvv select {display: block;} .hvv textarea {display: block;} .hii {overflow: hidden; height: 1%} .hii li {float: left; margin-right: 10px; display: inline; width: auto; border-bottom: 0;} .hii label {display: inline; margin-right: 0px; vertical-align: middle; text-align: left; width: auto;} .hii input {display: inline; vertical-align: middle;} .hii select {display: inline; vertical-align: middle;} .hii textarea {display: inline; vertical-align: middle;} .hii li li {clear: both;} /* reset second level lis */ .hhh {overflow: hidden; height: 1%} .hhh li {float: left; margin-right: 10px; display: inline; width: auto; border-bottom: 0;} .hhh label {float: left; width: 100px;} .hhh input {float: left} .hhh select {float: left} .hhh textarea {float: left} .hhh li li {clear: both;} /* reset second level lis */ .vii {float: left; display: inline; width: auto} .vii li {display: block; float: left; width: auto; clear: both;} .vii label {display: inline; width: auto; vertical-align: middle; float: none;} .vii input {display: inline; vertical-align: middle; float: none;} .vii select {display: inline; vertical-align: middle; float: none;} .vii textarea {display: inline; vertical-align: middle; float: none;} .vhh {float: left; display: inline;} .vhh li {display: block; clear: both; float: left; width: auto; /* border-bottom: 3px solid #efefef*/ padding-bottom: 5px;} .vhh label {float: left; width: 120px; display: inline;} .vhh input {float: left; display: inline;} .vhh select {float: left; display: inline;} .vhh textarea {float: left; display: inline;} .vii #submit-button {margin-top: 5px;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* LABEL MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ label.v {display: block; float: none; width: auto; padding: 3px; text-align: left} label.h {display: block; float: left; width: auto; display: inline;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* MULTI-SELECT BOX */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .multiSelect {height: 400px; width: 90%; float: left; padding: 0px; background-color: #FFFFFF; overflow: hidden; overflow: auto; border: 0px inset #ccc;} .multiSelect .form {height: auto; margin: 0; padding: 0; border: 0;} .multiSelect .vhh {margin: 0; padding: 0;} .multiSelect .vhh input {float: left;} .multiSelect .vhh label {float: none; margin-left: 20px; display: block; width: auto; clear: none;} .multiSelect .vhh li {overflow: hidden; width: 100%} .multiSelect .vii li {width: 100%;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* OTHER STYLES */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* COLOR CODE - FOR CLARIFICATION & DEBUGGING ul {background-color: #666} ul li {background-color: #999} ul li ul {background-color: #ccc} ul li ul li {background-color: #eee} label {background-color: #A0EFED;}*/ /* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/ .form input.noBorder {border: 0px;} /* REQUIRED FIELD STLES */ .requiredDesignation {display: block; padding: 5px 5px 5px 5px; margin-bottom: 10px;} .req {color: #FF0000;} .req label: Before {content: "* "} .requiredDesignation: before {content: "* "} /* FORM NOTES */ .leftNote {padding: 3px 5px 0 5px; color: #FF9933; float: left} .bottomNote {padding: 0; color: #FF9933; clear: both; display: block;} .tar label {text-align: right;} /* GENERAL TWEAKING STYLES */ .fl {float: left;} .cb {clear: both;} .w100p {width: 100%;} .mr20 {margin-right: 20px;} .ml20 {margin-left: 20px;} .offset1 {margin-left: 130px;} .offset2 {margin-left: 105px;} .vii.col2 li {width: 50%;} .vii.col2 li {clear: none;} .vii.col2 label {width: auto;} li.widelabel label {width: auto;} fieldset.col2 {width: 50%; float: left;} .formContainer legend {margin-bottom: 10px;} .formContainer fieldset fieldset legend {margin-bottom: 5px;} label.error {font: normal 10px arial,sans-serif; padding: 3px; margin: 3px; background-color: #ffc; border: 1px solid #c00;} /*-- PROFILE EDIT ----------------------*/ .formContainer label {font-weight: bold !important;} .formContainer fieldset legend {font-size: 14px; font-weight: bold; color: #bb202e;} .formContainer fieldset {border-bottom: 2px solid #999;} .formContainer input.title {font-size: 18px; width: 100%;}