/*_______________________________________________________________________________________________ Title: ICNPAA OCS 2.1 Theme Author: CoDynamic Author URI: http://www.codynamic.com/ _______________________________________________________________________________________________*/ /* 1. BASE _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 1.1 Reset _______________________________________________________________________________________________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* 1.2 Default styles _______________________________________________________________________________________________*/ body {font-size:62.5%;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;} hr {display:none;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font:12px Arial, Helvetica, sans-serif;} a {color:#0377d9;text-decoration:none;} a:hover { color:#045ca7;text-decoration:underline;} /* 1.3 Basic styles _______________________________________________________________________________________________*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .fleft {float:left;} .fright {float:right;} p.center {text-align:center;} p.right {text-align:right;} p.left {text-align:left;} h1,h2,h3,h4,h5,h6,.blockTitle,.blockSubtitle {font-family:"Palatino Linotype","Book Antiqua", Palatino, serif;} a.shadowlink {display:block;margin:0 auto;width:213px;height:28px;background-image:url(images/shadowlink.gif);background-repeat:no-repeat;background-position:center 0;text-align:center;font-size:12px;line-height:22px;} a.shadowlink:hover {background-position:center -28px;text-decoration:none;} .clearfix:after, .sidebarFontSize:after, div.conference-details:after, #body:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* When moving to Production Environment, move the following selector to ie.css */ .clearfix, .sidebarFontSize, div.conference-details, #body {zoom:1;} /* 2. LAYOUT _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ body {background:url(images/bg_body.jpg) top center no-repeat #000;} #container {background:url(images/bg_body-bot.gif) bottom center repeat-x;padding-bottom:19px;} #header, #body, #footer {width:940px;margin:0 auto;text-align:left;} #header {height:212px;position:relative;background:url(images/bg_body.jpg) top center no-repeat #000;} #body {position:relative;background:url(images/bg_content.gif) top center repeat-y #f6f6f6;min-height:600px;} * html #body {height:600px;} #body #leftSidebar {float:left;width:199px;padding:32px 1px 0;background:url(images/bg_leftsidebar.gif) top right no-repeat;} #body #rightSidebar {float:right;width:199px;padding:32px 1px 0;background:url(images/bg_rightsidebar.gif) top left no-repeat;} #body #main {margin:0 201px;padding:0 19px;background:url(images/bg_middle.gif) top center no-repeat;} body#paperview #body #main {margin:0 0;width:auto;background:#F9F9F9;;} #body #main #navbar {position:absolute;top:-46px;left:0;} #body #main #content {} #body #main #content .bottombranding {margin:0 -6px;padding-bottom:36px;} body #footer {clear:both;height:41px;background:url(images/bg_footer.gif) top center no-repeat #f6f6f6;min-height:0;} /* 2.1 Header _______________________________________________________________________________________________*/ #header #headerTitle {position:absolute;top:30px;left:75px;width:770px;height:111px;text-indent:-9999px;background:url(images/title-text.jpg) top left no-repeat;} #header #headerTitle h1 {position:absolute;left:-9999px;} body #navbar {background:url(images/bg_navbar.gif) top left no-repeat #f6f6f6;width:900px;height:46px;padding:0 20px;border:none;} #navbar ul.menu {float:left;padding-left:1px;background:url(images/bg_navbar-li.gif) top left no-repeat;} #navbar ul.menu li {float:left;padding-right:1px;background:url(images/bg_navbar-li.gif) top right no-repeat;} #navbar ul.menu li a {float:left;line-height:42px;padding:4px 15px 0;color:#444444;font-size:1.4em;text-decoration:none;} #navbar ul.menu li a:hover {background:url(images/bg_navbar-h.gif) bottom center no-repeat;color:#000;text-decoration:none;} #main #breadcrumb {position:absolute;top:8px;left:31px;padding:0 13px 0 0;color:#1a2a33;line-height:18px;font-size:1.2em;background:#fff;} #main #breadcrumb a {color:#1a2a33;padding:0 5px;} #main #breadcrumb a:hover {color:#0500e6;text-decoration:underline;background:none;} /* 2.2 Content _______________________________________________________________________________________________*/ #content {font-size:1.3em;line-height:1.38em;color:#464646;} /* vertical rhythm of 18px */ #body #main h2 {padding:32px 0 18px 0;line-height:28px;font-size:2em;color:#464646;text-align:center;} #body #main #content h2 {padding:0;margin:18px 0 9px 0;text-align:left;font-size:1.32em;line-height:1.28em;color:#303030;} #body #main #content h3 {color:#303030;font-size:1.23em;margin:18px 0 9px 0;line-height:1.125em;} #body #main #content h4 {color:#303030;font-size:1.07em;margin:18px 0 9px 0;line-height:1.28em;} #body #main #content p {text-align:justify;margin:0 0 9px 0;} #body #main #content ul {margin:9px 0 18px 0;} #body #main #content ul li {padding:3px 0 3px 12px;background:url(images/bull.gif) 0 10px no-repeat;} #body #main #content ul.plain li {padding:3px 0;background:none;} #body #main #content ul ul {margin:0 0 9px 0;} #body #main #content table {margin:0 0 18px 0;width:500px;} #content input.textField {max-width:300px;} /* Homepage */ /*#slideshow-wrapper {position:relative;margin:0 -10px 18px -10px;padding:20px;background:url(images/bg_top-slideshow.gif) top center no-repeat;}*/ #slideshow-wrapper {position:relative;height:394px;margin:0 0 18px 0;} #slideshow-wrapper #slideshow-inner {position:absolute;top:0;left:-10px;padding:20px;width:480px;background:url(images/bg_top-slideshow.gif) top center no-repeat;} #slideshow {width:480px;height:354px;position:relative;} #slideshow div {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height:354px;background-color: #FFF;} #slideshow div.active {z-index:10;opacity:1.0;} #slideshow div.last-active {z-index:9;} #slideshow div img {height: 354px;display: block;border: 0;} #body #main #content div.conference-details {margin:0 0 18px 0;} #content form {line-height:2em;} #content table tr.heading {font-weight:bold;} #content div.conference-details div.contactus {float:left;width:230px;padding:30px 25px 0 25px;margin-left:-10px;background:url(images/bg_contactus.gif) top center no-repeat;} #body #main #content div.conference-details div.contactus h5 {color:#000;line-height:1.25em;margin:0 0 4px 0;} #body #main #content div.conference-details div.contactus p {font-size:0.92em;line-height:1.25em;margin:0;text-align:left;} #body #main #content div.conference-details div.contactus div.mailing {padding:3px 0 0 50px;background-position:top left;background-repeat:no-repeat;background-image:url(images/ico-mail.gif);margin:0 0 12px 0;} #body #main #content div.conference-details div.contactus div.phone {padding:3px 0 0 50px;background-position:top left;background-repeat:no-repeat;background-image:url(images/ico-phone.gif);margin:0 0 12px 0;} #body #main #content div.conference-details div.contactus a.previous-locations {} #body #main #content div.conference-details ul.organizers {float:right;width:220px;padding-top:15px;} #body #main #content div.conference-details ul.organizers li {padding:6px 12px 6px 16px;line-height:1.23em;background-image:none;} #body #main #content div.conference-details ul.organizers li.odd {background:#f3f3f3;} #body #main #content div.conference-details ul.organizers li a {display:block;text-align:right;} /* Announcements */ #body #main #content #announcementsHome {clear:both;} #body #main #content #announcementsHome h3 {color:#fff;line-height:28px;padding:0 315px 6px 3px;margin:0 0 0 0;background:url(images/announcements-title.gif) top left no-repeat;text-align:center;} #body #main #content #announcementsHome h4 {color:#3b3b3b;margin:0 0 3px 0;padding-top:2px;} #body #main #content #announcementsHome table.announcements {margin:0;} #body #main #content #announcementsHome table.announcements tr {line-height:1px;} #body #main #content #announcementsHome table.announcements td.description, #body #main #content #announcementsHome table.announcements td.title, #body #main #content #announcementsHome table.announcements td.posted {line-height:1.25em;} #body #main #content #announcementsHome table.announcements td.description {font-size:0.92em;line-height:1.25em;color:#777;} #body #main #content #announcementsHome table.announcements td.description, #body #main #content #announcementsHome table.announcements td.title, #body #main #content #announcementsHome table.announcements td.posted {padding-left:6px;padding-right:10px;} #body #main #content #announcementsHome table.announcements tr.details td {padding-top:4px;font-size:0.92em;padding-bottom:8px;border-bottom:1px solid #d2d2d2;} #body #main #content #announcementsHome table.announcements td.posted {color:#777;text-align:right;} #body #main #content #announcementsHome table.announcementsMore td {text-align:right;padding:0 3px;} #body #main #content #announcementsHome table.announcementsMore td a {padding-right:12px;background:right center no-repeat url(images/ico-more.gif);font-weight:bold;font-size:0.92em;} /* 2.3 Sidebar _______________________________________________________________________________________________*/ #sidebar {font-size:1.3em;line-height:1.23em;} #sidebar .block {margin:0 0 10px 0;} #sidebar span.blockTitle {display:block;font-size:1.15em;font-weight:bold;line-height:18px;padding:5px 10px 5px 20px;background:url(images/bg_blocktitle.gif) top left repeat-x #161616;color:#fff;margin:0 0 7px 0;} #sidebar span.blockSubtitle {display:block;color:#000;font-size:1.07em;line-height:1.28em;font-weight:bold;font-style:italic;padding:3px 10px 3px 20px;} #sidebar ul {font-size:1em;} #sidebar ul li {line-height:1.23em;padding:4px 10px 4px 20px;} #sidebar ul li a {color:#474747;padding-left:15px;background:url(images/bull.gif) 0 7px no-repeat;} #sidebar ul li a:hover {color:#0377d9;text-decoration:none;} /* Left sidebar */ #leftSidebar {} #sidebarNavigation {background:url(images/bg_sideform.gif) bottom center no-repeat;padding-bottom:15px;} #sidebarNavigation form {padding:0 20px 13px;background:url(images/bg_sideform.gif) bottom center no-repeat;margin:0 0 14px 0;} #sidebarNavigation form input#query {width:131px;border:none;border-bottom:1px solid #717171;padding:4px 5px;background:#fff url(images/bg_sideform-input.gif) top center no-repeat;margin:0 0 8px 12px;font-size:12px;} #sidebarNavigation form select {width:141px;padding:4px 1px;border:none;border-bottom:1px solid #717171;background:#fff url(images/bg_sideform-input.gif) top center no-repeat;margin:0 0 10px 12px;font-size:12px;} #sidebarNavigation form input.button {width:159px;height:31px;text-indent:-9999px;display:block;background-image:url(images/search.gif);background-color:transparent;background-position:0 0;background-repeat:no-repeat;cursor:pointer;padding:0;margin:0;border:none;} #sidebarNavigation form input.button:hover, #sidebarNavigation form input.button:active {background-position:0 -31px;} #sidebarNavigation ul.plain {} #sidebarNavigation ul.plain li {} #sidebarNavigation ul.plain li a {padding-left:4px;background:none;} #sidebarNavigation br {display:none;} /* Right sidebar */ #rightSidebar {} #sidebarUser {padding-left:20px;} #sidebarUser ul li {padding-left:0;} #sidebar #sidebarUser .blockTitle {margin-left:-20px;} #sidebarUser br {display:none;} #sidebarUser strong {display:block;margin-bottom:5px;font-size:1.15em;} #sidebarUser form {} #sidebarUser form td {vertical-align:middle;} #sidebarUser form label {float:left;display:block;font-size:11px;padding-right:6px;line-height:20px;} #sidebarUser form input.textField {width:92px;padding:4px 5px;border:none;border-bottom:1px solid #717171;background:#fff url(images/bg_sideform-input-s.gif) no-repeat top center;margin:4px 0 4px 0;font-size:12px;} #sidebarUser form input#remember {float:left;} #sidebarUser form input.button {width:159px;height:31px;text-indent:-9999px;display:block;background-image:url(images/login.gif);background-color:transparent;background-position:0 0;background-repeat:no-repeat;cursor:pointer;padding:0;margin:10px 0 0 0;border:none;} #sidebarUser form input.button:hover, #sidebarUser form input.button:active {background-position:0 -31px;} #sidebarInformation {} #sidebarInformation ul {} #sidebarInformation ul li {} #sidebarInformation ul li a {} #sidebarFontSize {padding:0 0 15px 0;background:url(images/bg_sideform.gif) bottom center no-repeat;} #sidebar #sidebarFontSize .blockTitle {margin-bottom:10px;} #sidebarFontSize a {position:relative;left:20px;margin-right:4px;} /* 2.4 Footer _______________________________________________________________________________________________*/ #footer {} #footer p {font-size:1.2em;line-height:40px;font-weight:bold;padding:1px 18px 0;color:#777;text-align:center;} #footer p acronym {border:none;} #countomat {position:absolute;left:-9999px;}