body {
    background: #ffffff;
    margin: 0px;
    font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    color: #333333;
}
body td, body th {
    font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    vertical-align: top;
}
a {
    color: #6E95CD;
    text-decoration: underline;
}
a:hover {
    color: #333333;
}
input, select, textarea {
    border: 2px solid #9C9C9D;
    background: #f3f3f3;
    font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
}
.b, .bi {
    font-weight: bold;  
}
.i, .bi {
    font-style: italic  
}
.u {
    text-decoration: underline; 
}
.ca {
    text-align: center; 
}
.blue {
    color: #6E95CD; 
}
.black {
    color: #333333; 
}
.yellow {
    color: #f8d59a; 
}
.grey {
    color: #9C9C9D; 
}
.white {
    color: #FFFFFF; 
}
.uphotoback {
    background: url("/images/unophoto.png") no-repeat center;   
    width: 200px;
}
.la {
  text-align: left; 
}
.ra {
 text-align: right; 
}
.req {
    color: #CC0000; 
}
.small {
    font-size: 10px;    
}
#allpage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1024px;
}
#topbanner, #midbar, #carea {
    position: relative;
    top: 0px;
    left: 0px;
}
#topbanner {
    width: 1024px;
    height: 125px;
}
.banner {
       background: url("/images/top_banner.png") #FFFFFF no-repeat;
}
.bannera {
       background: url("/images/top_banner_1.jpg") #FFFFFF no-repeat;
}
.bannerb {
       background: url("/images/top_banner_2.jpg") #FFFFFF no-repeat;
}
.bannerc {
       background: url("/images/top_banner_3.jpg") #FFFFFF no-repeat;
}
#carea, #midbar {
    width: 810px;
}
#carea {
    background: #6E95CD;
    min-height: 800px;
}
#midbar {
    height: 25px;
    background: url("/images/top_grey_banner.png") #9C9C9D repeat-x;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 2px solid #FFFFFF;
}
#rcolumn {
    position: absolute;
    left: 810px;
    top: 150px;
    width: 194px;
    background: url("/images/rightboxback.gif") #FFFFFF repeat-y;
    min-height: 28px;
    z-index: 0;
}
#upcorner, #downcorner {
  width: 194px;
  height: 14px;
  z-index: 0;
}
#upcorner {
    background: url("/images/rightboxup.gif") no-repeat;
}
#downcorner {
    background: url("/images/rightboxdown.gif") no-repeat;
}
.box {
    width: 177px;
    background: url("/images/boxback.png") #FFFFFF repeat-y;
}
#news, #members, #menu, #tags, #rposts, #rfeeds {
    position: relative;
    left: 8px;
    font-size: 9px;
}

#tags span {
    margin: 5px;        
}
#news {
    margin-top: 20px;
    z-index: 2;
}
#news p, #members p, #tags p, #rposts p {
    margin: 10px;
}
#rposts p {
    text-indent: 10px;
    font-weight: bold;
    font-size: 10px;
}

#tags a, #rposts a, #rfeeds a {
    text-decoration: none;  
}
#tags a:hover, #rposts a:hover, #rfeeds a:hover {
    text-decoration: underline; 
}
#rfeeds ul {
    list-style: none;
    padding: 0px;	
}
#rfeeds a {
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    background: url("/images/feed_ico.png") no-repeat;  
    margin: 10px;
}
#tags span.taga {
    font-size: 11px;    
}
#tags span.tagb {
    font-size: 11px;
    font-weight: bold;  
}
#tags span.tagc {
    font-size: 12px;
    font-weight: bold;  
}
#tags span.tagc a {
    color: #9C9C9D;
}
#tags span.tagd {
    font-size: 14px;
    font-weight: bold;  
}
#tags span.tagd a,  #rposts a, #rfeeds a {
    color: #ed6e00;
}
#tags span.tage {
    font-size: 16px;
    font-weight: bold;  
}
#tags span.tage a {
    color: #990000;
}
#latestnews, #tags, #rposts, #rfeeds {
    position: relative;
    margin-top: 10px;
    z-index: 0;
}
#tags ul {
    list-style: none;
    margin: 10px;
    padding: 0px;
}
#tags ul li {
    display: inline;
}
#latestnews {
    height: 250px;
    overflow: hidden;   
}
#innernews {
position:absolute;left:0px;top:0px;width:100%;  
}
#members {
margin-top: -7px;   
}
#members td, #members th {
    font-size: 10px;    
}
#members input {
    font-size: 9px; 
}
#members form {
    display: block;
    width: 160px;
    margin-left: 8px;
}
#menu {
    margin-top: 10px;   
    font-size: 11px;
}
#menu a {
    display: block; 
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    padding-left:5px;
    padding-right: 5px;
}
#menu a:hover {
    color: #333333; 
}
.boxbottom, .menubottom {
    width: 177px;
    height: 35px;
}
.boxbottom {
    background: url("/images/boxbottom.png") no-repeat; 
}
.menubottom {
    background: url("/images/menubottom.png") no-repeat;    
}
.yanews, .yamembers, .yanav, .yatags, .yarposts, .yafeed {
    width: 177px;
    height: 25px;
}
.yanews {
    background: url("/images/news_nav.png") no-repeat;
}
.yamembers {
        background: url("/images/members_nav.png") no-repeat;
}
.yanav {
        background: url("/images/core_nav.png") no-repeat;
}
.yatags {
        background: url("/images/tags_nav.png") no-repeat;
}
.yarposts {
        background: url("/images/recentposts_nav.png") no-repeat;
}
.yafeed {
        background: url("/images/feeds_nav.png") no-repeat;
}
#left {
    position: relative;
    top: 0px;
    left: 0px;
    width: 194px;
    float: left;
}
#maintext {
    position: relative;
    left: 0px;
    width: 580px;
    min-height: 700px;
    padding: 10px;
    margin-top: 20px;
    color: #FFFFFF;
    display: table;
}
#maintext a {
    color: #333333; 
}
#maintext a:hover {
    background: #FFFFFF;    
}
#maintext a.altwhite {
    color: #FFFFFF; 
}
#maintext a.altwhite:hover {
    color: #9C9C9D; 
}
.startpage {
    background: url("/images/ya_letters.gif") no-repeat 100px 0px;
}
h1,h2,h3 {
    font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FFFFFF;
}
h1 {
    color: #f8d59a; 
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
h2 {
    border-bottom: 2px solid #FFFFFF;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}
h1.welcome {
    font-family: Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
    font-size: 16px;
    padding-top: 50px;
    font-weight: normal;
    padding-bottom: 50px;
    color: #FFFFFF;
}
#connectoptions label {
    position: absolute;
    color: #333333;
    display: list-item;
    float: left;
    width: 200px;
}
#connectoptions form {
    padding-top: 30px;
    padding-bottom: 30px;   
}
.rsearch {
    position: absolute;
    margin-left: 200px;
    background: url("/images/roundsearch.gif") no-repeat;
    border: 0px;
    width: 180px;
    height: 21px;
}
#connectoptions input.rsearchfield {
    position: absolute;
    margin-left: 5px;
    width: 150px;
    padding-top: 3px;
    border: 0px;
    background: none;   
    z-index: 2;
}
input.sico {
    border: 0px;
    width: 16px;
    height: 14px;
    margin-top: 2px;
    margin-left: 5px;	
}
#events ul, #connectoptions form {
    margin: 0px;
    padding-left: 10px; 
    border-bottom: 1px dashed #FFFFFF;
}
#events ul {
        padding-bottom: 10px;   
}
#events li a, #events li {
    color: #FFFFFF; 
}
#events li a:hover {
    color: #333333; 
}
#events li.eventheading {
    margin: 1px;
    color: #333333;
    border: 0px;
    font-size: 12px;    
    padding-left: 20px;
}
.ph, .phs {
    border: 2px solid #FFFFFF;
    margin: 5px;
}
.phs {
    float: right;
}
.menulinks {
    width: 160px;
    margin-left: 7px;
    margin-top: 6px;
}
#footer {
    position: relative;
    top: 5px;
    width: 810px;
    font-size: 10px;
    height: 30px;
    margin-bottom: 5px;
    padding-left: 5px;
}   
.gent td, .gent th {
    padding: 2px;
}
.gent th {
    font-weight: bold;
    text-align: left;
}
#ctable{    
        background: #F7F7F7;
        border: 1px solid #666666;
        color: #333333;
        padding: 5px;
        z-index: 0;
        position: relative;
}
#ctable table {
        z-index: 0;
        position: relative;
}
#ctable td, #ctable th {
    padding: 3px;
    border-bottom: 1px dotted #333333;
    z-index: 0;
}
#ctable th {
    text-align: left;
    color: #f8d59a;
    background: #9C9C9D;
}
#ctable h2 {
    background: #9C9C9D;
    border-bottom: 1px solid #333333;
    margin: 2px;
    height: 25px;
    line-height: 25px;
    padding: 5px;
}
#ctable h2 a {
    display: block;
    color: #f8d59a;
    width: 100%;
}
#ctable h2 a:hover {
    color: #333333;
    background: none;
}
#ctable th.nbg {
    background: none;
    color: #333333; 
}
.success, .error {
    width: 100%;
    border: 1px solid #333333;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.success {
        background: #9C9C9D;
}
.error {
        background: #CC0000;    
}
.allnews, .dispnews, #events, #connectoptions {
    border-bottom: 2px solid #FFFFFF;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.allnews, .dispnews {
    border-top: 2px solid #FFFFFF;  
}
.allnews p {
    padding: 8px;
    border-bottom: 1px dashed #FFFFFF;
}
.allnews span.abstract {
    display: block;
    margin-top: 5px;
}

#pager {
    position: relative;
    height: 40px;
    margin-top: 5px;
    font-weight: bold;
    width: 100%;
}
#pager a, #pager span {
    display: block;
    float: left;
    width: 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #FFFFFF;
    margin-left: 5px;
}
#pager a {
    background: #9C9C9D;
    color: #FFFFFF;
}
#pager a:hover {
    background: #333333;
    color: #FFFFFF; 
}   
#pager span {
    background: #f8d59a;
    color: #333333;
}
#scrollbox {
    height: 250px;
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #333333;
    padding: 5px;
    font-size: 10px;
}
#scrollbox h1, #scrollbox h2, #scrollbox h3 {
    font-size: 11px;
    font-weight: bold;
    background: none;
    color: #333333;
}
#blogposts h2 {
    line-height:normal;
    margin-bottom: 20px;
    border: 0px;
}
#blogposts h2 a {
    text-decoration: none;  
}
#blogposts div.blogpost {
    border-bottom: 1px dotted #FFFFFF;
}
#blogposts div.blogtagscomments {
    font-size: 10px;
    margin-bottom: 30px;
}
.posttitle {
    font-family: Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
    font-size: 16px;
    font-style: italic;
    letter-spacing: normal;
}
span.bcomments, span.btags, div.blogtagscomments a {
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
}
span.bcomments, span.btags {
            display: block;
    float: left;
        padding-left: 22px; 
}
span.bcomments {
    background: url("/images/small_comment.gif") no-repeat;
}
span.btags {
    background: url("/images/small_tag.gif") no-repeat;
}
.userphoto {
    border: 1px solid #333333;
    background: #FFFFFF;
    padding: 4px;
    margin: 3px;
}
a.yafeedico {
    display: block;
    line-height: 16px;
    padding-left: 20px;
    background: url("/images/feed_ico.png") no-repeat;
    font-size: 10px;
    margin: 10px;
}
#errors {
    position: absolute;
    top: 140px;
    left: 100px;
    width: 650px;
    height: 300px;
    border: 1px solid #333333;
    padding: 20px;
    background: #F5F5F5;
}
#errors h1 {
    color: #CC0000;
}
.votebutton img {
    border: 1px solid #333333;
}
.votebar {
border: 1px solid #333333;
height: 25px;
font-size: 10px;
background: url("/images/votes.png") repeat-x;
padding-right: 3px;
}
.votebar span {
    display: block;
    text-align: right;
    height: 25px;
    line-height: 25px;
}
#memberslist {
    position: relative;
    top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 20px;
}
#memberslist p {
    padding: 8px;
    border-bottom: 1px dashed #FFFFFF;
    margin: 8px;
    font-weight: bold;
}
#memberslist a {
    color: #FFFFFF;
}
#memberslist a:hover {
    color: #333333;
}
#papers {
    position: relative;
    top: 10px;
    font-size: 10px;
    width: 580px;
    display: table;
    padding-bottom: 20px;
}
#papers div {
    width: 110px;
    float: left;
    height: 90px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 30px;
    position: relative;
}
#papers div p {
    margin: 0px;
    text-align: center;
}
#papers div img {
    border: 2px solid #FFFFFF;
    width: 100px;
    height: 75px;
    float: left;
}
#indicator {
    position: absolute;
    z-index: 100;
    width: 65px;
    height: 32px;
    top: 60px;
    left: 830px;
    font-size: 9px;
    font-weight: bold;
    font-style: italic;
    padding-left: 38px;
    background: url("/images/indicator.gif") no-repeat;
}
#papersview div.allnews a {
    color: #FFFFFF;
}
#papersview div.allnews a:hover {
    color: #333333;
}
hr {
    color: #FFFFFF;
    backgrdound: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.paperabstract {
    display: table-row;
}
a#aesoplink {
    font-weight: bold;
    color: #FFFFFF;
}
a#aesoplink:hover {
    color: #333333;
}
.scrbox {
    height: 500px;
    overflow: auto;
}
#eventphotos {
    margin-top: 30px;	
}
#eventphotos a {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 3px;
    background: #F5F5F5;
    display: block;
    width: 100px;
    height: 60px;
    float: left;
}
#eventphotos a img {
    position: absolute;
    border: 0px;
    clip: rect(0px, 100px, 60px, 0px);
    clip: rect(0px 100px 60px 0px);
}
#eventphotos a:hover {
    background: #CCCCCC;
     border: 1px solid #333333;
}
.mapuser {
    font-size: 10px;	
}
.mapuser img {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 3px;
}
.mapuser h1 {
    font-size: 10px;
}


div.auto_complete
{
  width: 350px;
  background: #fff;
  margin-left: 5px;
  z-index: 10;
}
div.auto_complete ul
{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #bbb;
  color: #333333;
  font-size: 10px;
}

div.auto_complete ul li
{
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #eee;
  list-style-type: none;
}

div.auto_complete ul li.selected
{
  background-color: #ffb;
}

div.auto_complete ul strong.highlight
{
  margin: 0;
  padding: 0;
  color: #800;
}