﻿/* Default CSS Stylesheet for a new Web Application project */

* {margin: 0; padding: 0;}
.body ul, .body li { padding-left: 1em;}
body {
  min-width: 760px;
  padding-bottom: 15px;
  color: #111;
  font: 82%/150% sans-serif;
  /*border-bottom: 7px solid #033;
  border-bottom: 7px solid #898163;*/
  background: url(images/body-bg.png) repeat-x left bottom;
}

table, tr, td, th { font-size: 100%; }

body form { width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  /*text-shadow: #000 0 0 0;*/ /* Reduces font-weight in Safari */
}

#static
{
	position: relative;
	left: -75px;
}

#contents h1 {
  margin-bottom: 1em;
  font-size: 185%; /* 24px */
}

#contents h2 {
  margin: 1em 0 .25em 0;
  font-size: 139%; /* 18px */
}

#slashboxes #contents ul {
  padding-left: 1.25em;
  margin-bottom: 20px;
}
#slashboxes #contents ul li { list-style-image: url(images/bullet.gif); }

#contents p {
  margin: 0 0 1em 0;
}

a:visited { color: #555; }
a:hover { text-decoration: none; }

hr { border: 1px solid #555; border-width: 1px 0 0 0; }

img { border: none; text-decoration: none; }

sup { margin: 0 0 -.3em 0; }
fieldset { border: none; }
  fieldset legend { display: none; }

#jump { display: none; }

div.ad1 {
  text-align: center;
  clear: both;
  padding: 0;
  margin: 0;
}
div.ad6 { margin: 1em 0 }

#topnav {
  position: relative;
  height: 55px;
  margin: 5px 1.25em 0 1.25em;
  background: #044 url(images/topnav-bg.png) repeat-x left top;
}
  #topnav div#rec_topics_header,
  #topnav ul { display: none; } /* Hide the topic icons */
  #topnav #logo {
    width: 415px;
    height: 100%;
      outline: none;
      text-indent: 0px;
      text-decoration: none;
      background: url(images/logo-procare.jpg) no-repeat left top;
  }

  #topnav #logo h1 {
    display: block;
    height: 100%;
    width: 100%;
  }
  
    #topnav #logo h1 a {
      display: block;
      width: 100%;
      height: 100%;
      outline: none;
      text-indent: 0px;
      text-decoration: none;
      background: url(images/logo-procare.jpg) no-repeat left top;
    }

  #topnav div.search {
    position: absolute;
    top: 17px;
    right: 1.2em;
    text-align: right;
    white-space: nowrap;
  }
    div.search input {
      font-size: 93%;
      width: 12.25em;
    }
    div.search input.button { width: auto; margin-left: 5px; }
  
#slogan, #topnav label, #topnav legend  { display: none; }

/* Wrapper */
#wrapper {
  padding: 0 1.25em;
  border: 1px solid #222;
  border-width: 1px 0;
  background-color: #fff;
}
  /* Thanks: http://positioniseverything.net/easyclearing.html */
  #contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }

#wrapper #articles,
#wrapper #indexhead,
#search .aduserbox .generaltitle, 
#search .aduserbox .generalbody,
div#users-blocks { margin-right: 13.5em; position: relative; }

/* User section menu */
div#user-section {
  margin-bottom: 1.25em;
  white-space: nowrap;
  font-size: 93%;
  background: #e6e6e6 url(images/sections-bg.png) repeat-x left bottom;
}
  div#user-section * { line-height: 100%; }
  div#user-section div.content {
    overflow: hidden;
    padding: .5em .8em;
    background: url(images/sections-right.png) no-repeat right bottom;
  }
    div#user-section ul { float: left; }
    
    div#user-section ul { padding: .3em 0; }
      div#user-section ul li {
        display: inline;
        list-style: none;
      }
      div#user-section ul li.begin {font-weight: bold; padding-left: 0; }
      div#user-section ul li.name a {
        font-weight: bold;
      }
      div#user-section ul li.name {
       	padding-left: 0; 
      }
        div#user-section ul li a {
          font-size: 100%;
          text-decoration: none;
	  padding: 0 .3em;
        }
div#user-section ul li:before {content:"|"; color: #999;}
    div#user-section ul li:first-child:before {content:" ";}
        div#user-section ul li a#loginlink {
          padding-left: 1.2em;
          background: url(images/login-arrow-collapsed.gif) no-repeat 0 50%;
        }
        div#user-section ul li a#loginlink .expanded { background-image: url(images/login-arrow-expanded.gif); }
        
    div#user-section ul#user-utils { float: right; padding: 0 0 .3em 0; margin-top: .25em; }
    
  div#user-section div#loginform { clear: both; overflow: hidden; height: 0; width: 100%; padding: 0; margin: 0; }
/* Curse the phantom */
/*
@media all and (min-width:0px) {
	div#user-section div#loginform { height: auto; }
}
    div#user-section div#loginform p {display: none;} 
    div#user-section div#loginform form { padding: .75em 0 .25em 0; }
      div#user-section div#loginform form input { width: 12em; margin-right: 1em;}
      div#user-section div#loginform form input.button { width: auto; margin-right: 0; }
      div#user-section div#loginform form label.checkbox { margin-right: 1em; }
      div#user-section div#loginform form label {display: inline;}
        div#user-section div#loginform form label.checkbox input { width: auto; margin-right: .25em; }
*/
/* Contents */
#contents {
  width: auto;
  z-index: 1;
  position: relative;
  margin-left: 10.5em;
}


/* General Title */
div.generaltitle div.title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  background: #044 url(images/article-title-bg.png) repeat-x left top;
}
  div.generaltitle div.title a { color: #fff; text-decoration: none;}
  div.generaltitle div.title h3 {
    padding: .3em .7em .45em .7em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
    background: url(images/article-title-left.png) no-repeat left top;
  }


/* General Body */
div.generalbody form { padding: .5em .7em 1em .7em; background: #eee url(images/corner-eee-bottom-right.png) no-repeat right bottom; }
div#users-blocks div.generalbody form {background: transparent; padding: 0;}
  div.generalbody form fieldset {  }
  div.generalbody form label { font-weight: bold; }


/* Blocks */
div.block div.title { background: url(images/block-title-bg.png) repeat-x; }
  div.block div.title * { line-height: 100%; }
  div.block div.title h4 {
    padding: .5em .8em .6em .8em;
    color: #fff;
    font-weight: bold;
    font-size: 93%;
  }
  div.block div.title a { color: #fff; }
  div.block div.content ul { list-style: none; }
  div.block div.content {padding: 0; margin: 0;}

/* Links (left sidebar) */
div#links {
  float: left;
  width: 9.25em;
  padding-bottom: 10px;
  margin-right: 1.25em;
  background: #eee url(images/links-bg.png) no-repeat left bottom;
}
  div#links div.block div.content, div#links div.block { margin: 0; padding: 0; }   
  div#links div.block div.title {  margin: 0; position: relative; background: url(images/block-title-bg.png) repeat-x;}
  div#links div.block div.title h4 { margin: 0; padding: .5em .8em .6em 2em; }
  div#links div.block div.title h4,
/*
  div#links div.block.expanded div.title h4 { background: url(images/block-arrow-expanded.gif) no-repeat .8em 50%; }
  div#links div.block.collapsed div.title h4 { background: url(images/block-arrow-collapsed.gif) no-repeat .8em 50%; }
*/

  div#links div.block.static div.title h4 { padding-left: .8em; }
  div#links div.block div.content ul { margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
    div#links div.block div.content ul li { margin: 0; list-style-image: none; }
    div#links div.block div.content ul * { line-height: 100%; }
    div#links div.block div.content ul li a {
      display: block;
      padding: .4em .8em .55em .8em;
      font-size: 93%;
      border-top: 1px solid #ddd;
    }
  div#links div.block div.content ul li h2 { margin: 0; padding: 0; font-size: 100%; }
  div#links div.block div.content ul li h2 a {margin: 0; 
    font-weight: bold;
  }
  div#links div.block div.content ul li a:hover {
    text-decoration: none; margin: 0; 
    background: #000 url(images/link-arrow.gif) no-repeat right center;
  }
  div#links div.block div.content li.begin a {background: #bbb; font-weight:bold;}
  


/* Articles */
div.article { position: relative; }
  div.article div.title {
    margin: 0;
    border-bottom: 1px solid #fff;
    background: #044 url(images/article-title-bg.png) repeat-x left top;
  }
    div.article div.title span,
    div.article div.title span a { color: #8DC7C0;}
    div.article div.title span a { text-decoration: underline;}
    div.article div.title span a:hover { text-decoration: none;}
    div.article div.title h3 {
      padding: .3em .7em .45em .7em;
      color: #fff;
      font-size: 123%; /* 16px */
      font-weight: bold;
      background: url(images/article-title-left.png) no-repeat left top;
    }
    /*
    div.article div.future div.title { background: #700 url(images/"//images.slashdot.org/slc.gif") top left no-repeat;}
    div.article div.future div.title h3 { background: transparent; }
    */
    div.article div.details, div.article div.body { padding: .2em .7em; }
    div.article div.details {
      padding: .4em .7em .5em .7em;
      font-size: 93%; /* 12px */
      line-height: 130%;
      background: #ddd url(images/article-details-bg.png) repeat-x left top;
    }
      div.article div.details strong {
        font-weight: normal;
        font-size: 92%; /* of 12px = 11px */
      }
        div.article div.details strong b { font-weight: bold; }
    
    div.article div.body { min-height: 75px; margin: .4em 0 0 0; }
      div.article div.body div.topic {
        position: relative;
        float: right;
        margin: .3em 0 .3em .5em;
      }
        div.article div.body div.topic a { text-decoration: none; }
        div.article div.intro i {
          display: block;
          padding: 0 0 0 .85em;
          margin: .25em 0 .6em 0;
          font-style: normal;
          border-left: 3px solid #ddd;
        }
          div.article div.intro i a { font-weight: normal; }

div.storylinks { margin: 0 0 1.5em 0;}

div.storylinks * { line-height: 110%; }
  div.storylinks div {
        margin: 0; 
        padding: 0;
        background: url(images/storylinks-bg.png) repeat-x left bottom;
        }
  div.storylinks ul {
    margin: 0;
    padding: .75em 12em .75em .6em;
    background: url(images/storylinks-right.png) no-repeat right bottom;
  }
    div.storylinks ul li {
      display: inline;
      padding: 0;
      list-style: none;
      background: none;
      border: none;
    }

    div.storylinks ul li.comments {
      width: 11em;
      right: 0;
      position: absolute;
      margin: -.1em 0;
      padding: .1em 1em .2em 1em;
      text-align: right;
      /*text-shadow: #000 0 0 0;*/
      background: none;
    }
    div.storylinks ul li:before {content:"|"; color: #ccc;}
    div.storylinks ul li.more:before,
    div.storylinks ul li.comments:before {content:" ";}

/* Brief Articles */
div.briefarticles {
  margin: 1.5em 0;
  border-bottom: 1px solid #066;
  background: #e8e8e8 url(images/briefarticle-top-left.png) no-repeat left top;
}
div.briefarticles div.briefarticle {
    padding: .5em .7em;
    border-bottom: 1px solid #ccc;
    background: url(images/briefarticle-fade.png) repeat-y right top;
}
div.briefarticles div.briefarticle span.storytitle a { font-weight: bold; }
div.future div.briefarticle { background: #700;}
div.future div.briefarticle a { color: #fff;}

/* Slashboxes (right sidebar) */
div#slashboxes {
  float: right;
  width: 12.25em;
  margin-left: 1.25em;
}
  div#slashboxes div.block {
    margin-bottom: 1.25em;
  }
    div#slashboxes div.block div.title h4 {
      background: url(images/block-title-right.png) no-repeat right top;
	  padding: .5em .8em .6em .8em; 
    }
    div#slashboxes div.block div.content {
      padding: .4em;
      /*background: #eee url(images/slashbox-bottom-left.png) no-repeat left bottom;*/
    }
      div#slashboxes div.block div.content p { margin: 0;}
      div#slashboxes div.block div.content ul { margin: 0; padding: 0; list-style-image: none; }
      div#slashboxes div.block div.content ul li {
        padding: .1em .8em .3em .8em;
        list-style-image: none;
        border-top: 1px solid #ddd;
      }
    div#slashboxes div.block div.right { padding: .5em .8em .6em .8em; }


/* Footer */
div#footer {
  margin-top: 1em;
  background: #bbb url(images/footer-bg.png) repeat-x left top;
  clear: both;
  position: relative;
  top: -1px;
}
  /*
  div#footer div.search {
    float: left;
    width: 17.25em;
    padding: 1.35em 0 0 1.25em;
    white-space: nowrap;
  }
  */
  div#footer div.centercontent {
    padding: 1em 0 1em 0;
    text-align: center;
    background: url(images/footer-right.png) no-repeat right top;
  }
    div#footer div.centercontent table {
      width: auto;
	 border: 1px solid #aaa; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
    }	
     div#footer div.centercontent .data_hl1 { background: #eee}
    div#footer div.centercontent small {
      color: #333;
      font-family: 'Trebuchet MS', Helvetica, Arial, clean, sans-serif;
      font-size: 100%;
      font-style: italic;
    }


/* Copyright */
div.copyright {
  margin: 0 1.25em 15px 1.25em;
  background: url('images/copyright-bg.png') repeat-x left bottom;
  
}
  div.copyright p {
    padding: .85em 1.25em;
    color: #fff;
    font-size: 85%; /* 11px */
    text-align: center;
    background: url('images/copyright-left.png') no-repeat left bottom;
  }
  div.copyright a { color:#fff; }

/* Bottom Nav */
div.btmnav {
  margin: .4em 0;
	text-align: center;
}
  div.btmnav ul li {
    display: inline;
	  list-style: none;
  }
    div.btmnav ul li a {
      padding: 0 .4em;
      color: #ccc;
      font-size: 93%;
	    border-left: 1px solid #ccc;
    }
    div.btmnav ul li.begin a {
      padding: 0 .4em 0 0;
	    border: none;
    }
    div.btmnav ul li a:visited { color: #aaa; }


/* User stuff */
div#users-blocks div.title, #users div.title, #search div.title, #users-lists div.title, #subscribe div.title {
  margin: 0;
  border-bottom: 1px solid #fff;
}
#users-lists div.title { margin: 1em 0 0 0; }
div#usermenu {
  margin: 0 0 .5em 0;
  background: #e6e6e6 url(images/sections-bg.png) repeat-x left bottom;
}
ul.menu {  
  font-size: 93%; /* 12px */
  padding: .5em 0;
  overflow: auto;
  background: url(images/storylinks-bg.png) repeat-x bottom left;
}
#usermenu ul.menu {  
  font-size: 93%; /* 12px */
    background: url(images/sections-right.png) no-repeat right bottom;
      padding: .5em .8em;
}
  ul.menu li { 
    display: inline;   
    padding: 0;
    margin: 0;
    list-style: none;
  }
    ul.menu li:before {content:"|"; color: #999;}
    ul.menu li:first-child:before {content:" ";}

    ul.menu li a { padding: 0 .5em; }
    #usermenu ul.menu li a { 
      padding: 0 .5em;
      text-decoration: none;
    }
    #usermenu ul.menu li a.begin, ul.menu li a.begin { border: none; }


/* Data tables */

table.data {
  clear: none;
  background: #dfdfdf url(images/corner-bottom-right.png) no-repeat right bottom;
}
  table.data tr.data_head { font-size: 93%; }
    table.data tr.data_head th { 
padding: .3em .5em; text-align: left; 
  background: #e6e6e6 url(images/sections-bg.png) repeat-x left bottom;
  border-bottom: 1px solid #fff; color: #444;}
    table.data tr.data_head a { color: #fff; }

.data_hl1 td,
.data_hl2 td,
.data_hl3 td { padding: .3em .5em; }

.data_hl1 { background: #f8f8f8; }
.data_hl2 { background: #ddd; }
.data_hl3 { background: #eee; }
 

/* FAQ/Misc */
div#misc h2 strong,
div#misc ul li strong { font-weight: normal; }

div#misc hr { margin: 1em 0; }
div#misc ul.menu { padding: 0; margin: 0; }
  div#misc ul.menu li {
    display: inline;
    margin: 0;
    padding: 0 .5em 0 0;
    list-style: none;
  }


/* Topics */
div#topics div.generaltitle { margin-top: 1em; }
div#topics table a { text-decoration: none; }
div#topics table tr td { padding: 1em 0 .5em 0; border-bottom: 1px solid #ddd; }


/* Messaging */
.message { padding: 1em; }
.error {
	padding: 1em;
	color: #600;
	font-weight: bold;
}

/* Authors */
#authors h2 { display: inline; }

#authors .intro {
	display: block;
	margin: .3em;
}

/* Misc */
.notes, .note {
  display: block;
  padding: .5em .7em;
  margin: 1em 0 0 0;
	font-size: 93%;
	border-top: 1px solid #555;
	background: #ddd;
}
div#contents .notes ul, .note ul { padding-left: 1.25em; }
#search div.topic {display: none;}
pre {
	overflow: auto;
	position: relative;
	width: 93%;
	padding: 0 0 0 1em;
}

.lt_tb_col { background: #ccc; }
.lt_text_col { color: #fff; }
.sb_header { font-size: 125%; font-weight: bold; color: #600; }
.hide { display: none }
.buttons { text-align: right }

#users-lists {clear: right;}

/* Forms */
label { padding: 1em 0 0 0; }
label.checkbox { font-weight: normal; }
input.button { display: inline; }

div.article ul, ol { margin: 1em 0 1em 2em !important; }
div.commentBody ul { list-style-image: none; margin: 1em 0 1em 2em !important; list-style: disc !important;}
#commentlisting ul { list-style: none;}

div.commentBody ul li, div.commentBody ul ul,
div.commentBody ul li, div.commentBody ul ul,
div.article ul ul, div.article ul li, ol li, ol ol {padding: 0 !important; margin: 0 0 0 1em !important; background: transparent !important;}

/* Submissions */
ul.sub input {margin: 0 0 0 .3em; background: transparent; font-family: sans-serif; border: none; color: #055; text-decoration: underline;}
ul.sub input:hover {text-decoration: none;}
.sub_title, .adminfunction, .sub_info {display: inline; margin: 0 1em 0 0;}

.top.row {border-bottom: 3px #ddd solid; font-weight: bold; }
.user .sub_title { position: absolute; left: 20%; height: 1.3em}
.user .sub_info { position: absolute; left: 60%; height: 1.3em}



div.submenu {font-size: 90%; padding: .1em 0; color: #fff; background: #666 url(images/block-title-bg.png) repeat-x; }
div.submenu label { display: inline; margin: 0 0 0 .8em;}
div.submenu input, div.submenu select { margin: 0 1em 0 0 }
div.submenu form, div.submenu fieldset {padding: 0; margin: 0;}
div.sub_display div.row {margin: 1em 0;}
div.storylinks ul.sub li {margin: 0;}
div.storylinks ul.sub li:first-child:before,
div.storylinks ul.sub li.bin:before {content:" ";}
.sub_info {color: #999}
div.storylinks ul li.bin
{
      width: 11em;
      right: 0;
      position: absolute;
      margin: 0;
      padding: .2em 2em .2em 1em;
      text-align: right;
      /*text-shadow: #000 0 0 0;*/
      background: none;
    }

#mod_summary { margin-right: auto; margin-left: auto }

.topic img {
	display: block;
	position: relative;
	z-index: 10;
}

/*--*/

#ostgnavbar {
        padding: .1em 0;
        font-size: 85%; /* 11px */
        text-align: center;
        clear: both;
}
#ostgnavbar a {
    padding: 0 .2em 0 .4em;
    color: #ccc;
    text-decoration: none;
    border-left: 1px solid #444;
  }
  #ostgnavbar a.highlight { font-weight: bold; }
  #ostgnavbar a:hover { color: #fff; }

  #ostgnavbar li { list-style: none; display: inline; }
  	#ostgnavbar li.begin a { border: none; }

/*--*/

/* Move the links div to the right */
/*div#links { float: right; margin: 0 0 0 1.25em; }
div#contents { margin: 0 10.5em 0 0; }
div#articles { margin: 0 18.5em 0 0; }*/
div.generaltitle div.title {
  margin: 0;
  border-bottom: 1px solid #fff;
  background: #044 url(images/article-title-bg.png) repeat-x left top;
}
div#contents #commentlisting ul li {
  padding-left: 1.55em;
  margin: 0 0 .75em 0;
  background: url(images/comment-line.png) no-repeat 3px -1px;
}
div#contents #commentlisting .commentBody ul {background: transparent}
div#contents #commentlisting li a,
div#contents #commentlisting ul li a {
  padding-left: 15px;
  background-position: left 50%;
  background-repeat: no-repeat;
}
div#contents #commentlisting li div a { padding-left: 0; }

#commentlisting li a { background-image: url(images/comment-bullet-unread.png); }
#commentlisting li a:hover { background-image: url(images/comment-bullet-hover.png); }
#commentlisting li a:visited { background-image: url(images/comment-bullet-read.png); }

#commentlisting div.commentTop { margin-top: .75em; }

#commentlisting div.commentTop a,
#commentlisting div.commentBody a,
#commentlisting div.commentSub a,
#commentlisting div.commentTop a:visited,
#commentlisting div.commentBody a:visited,
#commentlisting div.commentSub a:visited { padding-left: 0; background: none; }

#commentlisting { margin-bottom: 15px; }

div.commentwrap {
  margin: .5em 0 1.25em 0;
  padding: 0;
  background: #696969 url(images/commentbox-bg.png) repeat-x left top;
 clear: right; 
}
div.commentwrap div.commentBox:first-child {
	background: url(images/commentbox-left.png) no-repeat left top;
}
div.commentBox {
  padding: .3em .7em;
	color: #fff;
	font-size: 93%;
	text-align: center;
}

.commentBox a { color: #fff; }
.commentBox a:visited { color: #fff; }

div.commentBoxForm {
  padding: 1.3em 0 0 0;
  text-align: center;
  background: #eee url(images/commentboxform-bg.png) repeat-x left bottom;
}
  div.commentBoxForm form { padding: 0; }
    div.commentBoxForm fieldset { }
  div.commentBoxForm div.commentBox {
    padding: .75em 0 .5em 0;
    background: url(images/commentboxform-bottom-right.png) no-repeat right bottom;
  }
  div.commentBoxForm div.commentBox small {
    color: #555;
    font-size: 93%;
  }

.commentwrap legend {
  display: none;
}
.commentwrap fieldset, .commentswrap form {
  margin:0;
  padding: 0;
  border: none;
}
.linkCommentPage {
  margin-bottom: 15px;
  background: #eee;
  text-align: center;
  padding: .3em;
}

div.commentTop { position: relative; }
  div.commentTop div.title {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: .3em 0 .5em 0;
    background: #044 url(images/article-title-bg.png) repeat-x left top;
  }
    div.commentTop div.title * { line-height: 100%; }
    div.commentTop div.title a { color: #fff; }
    div.commentTop div.title h4 {
      padding: .6em .7em 0 .7em;
      color: #fff;
      font-size: 100%;
      font-weight: bold;
      float: left;
      margin: -.3em 0 0 0;
      background: url(images/article-title-left.png) no-repeat left top;
      position: relative;   
 }
    div.commentTop div.title span.score {height: 1em; padding: .3em; color: #fff;}
    #metamod  div.commentTop div.title {padding: .35em 0 .5em 0;}
       #metamod div.commentTop div.title h4 {
           padding: .5em .7em;
           float: none;
           display: inline;
 }
  div.commentTop div.details {
    padding: .2em .7em .4em .7em;
    font-size: 93%;
    background: #e6e6e6 url(images/article-details-bg.png) repeat-x left bottom;
  }
  div.commentTop div.details a { padding-left: 0; }
  div.commentTop div.details small { font-size: 100%; }
  

div.commentBody { padding: .6em .7em 1em .7em; }

div.commentSub {
  margin-bottom: .4em;
  padding: .2em .7em .4em .7em;
  font-size: 93%;
  font-weight: bold;
  color: #ccc;
  border-bottom: 1px solid #066;
  background: url(images/commentsub-bg.png) repeat-x left bottom;
}

/* Related Stories */  
div.briefarticle { padding: 0.7em; background: #e8e8e8; }
  div.briefarticle a { font-weight: bold; }
  div.briefarticle div.introhide { display: none; }

#links { position: relative }
div#links div.block div#links-loggedin-title,
div#links div.block div#links-login-title,
div#links div.block div#links-products-title {
  background: url(images/block-title-right.png) no-repeat right top;
}

/* New user link */
a#newuser {
  display: block;
  margin-bottom: .75em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #000 0 0 0;*/
  font-weight: bold;
  line-height: 100%;
  background: url(images/button-right.png) no-repeat right top;
}
a#newuser span {
  display: block;
  height: 28px;
  padding-top: .55em;
  line-height: 100%;
  background: url(images/button-left.png) no-repeat left top;
}


/* Slashboxes */
div#slashboxes div.block div#index_qlinks-content,
div#slashboxes div.block div#poll-content,
div#slashboxes div.block div#books-content,
div#slashboxes div.block div#user-info-content,
div#slashboxes div.block div#login-content form,
div#slashboxes div.block div#userlogin-content form,
div#freshmeat-content form {
  padding: .5em .8em .6em .8em;
  line-height: 160%;
}

div#freshmeat-content form { border-top: 1px solid #ccc; }
  div#freshmeat-content form br { display: none; }

div#user-info-content { line-height: 200%; }
  div#user-info-content b { font-size: 93%; }

/* System messages */    
div#message {padding: 0; margin: 0 0 1em 0; border-bottom: 1px solid #333; background: #666 url(images/block-title-bg.png) repeat-x top left; }
  div#message div.content { padding: 0; margin: 0; background: url(images/block-title-left.png) no-repeat left top; }
    div#message div.content p {margin: 0; padding: .3em .7em; color: #fff;}


div#message div.content a {color: #fff;}
  div#message div.content a:visited {color: #ddd;}


/* Related */
  div.briefarticle {position: relative;}
  div.briefarticle a span {text-indent: -5000px; position: relative; float: left;} 
   div.briefarticle a span.expanded {width: 15px; background: url(images/login-arrow-expanded.gif) no-repeat 0 50%; }
  div.briefarticle a span, div.briefarticle a span.condensed  {width: 15px; background: url(images/login-arrow-collapsed.gif) no-repeat 0 50%; }
  div div.briefcomment { padding-left: 4em; padding-top: 0px }



/* Poll */
.bar {
	width: 100%;
	border: none;
}
.barColor { background: #066; }
.barPercent {
	color: #066;
	white-space: nowrap;
	padding: 0;
	background: none;
}
.barVotes {
	color: #000;
	background: none;
	padding: 0 0 0 .3em;
}
.totalVotes { font-size: 120%; }

/* Tags */
div.tags {
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 93%;
  line-height: 100%;
  background: #666 url(images/block-title-bg.png) repeat-x; 
}
  div.tags div.tagtitleclosed, 
  div.tags div.tagtitleopen {
	margin: 0; 
	padding: .5em 0 .5em 20px;
	position: relative;
	background: #fff;
  }
  div.tags div.tagtitleopen {color: #fff;  background: url(images/block-title-right.png) no-repeat top right; }
    div.tags div.tagtitleopen a {color: #fff;}
    div.tags div.tagtitleclosed a { text-decoration: none; }
  div.tags div.tagtitleopen span.tagsheader, 
  div.tags div.tagtitleclosed span.tagsheader {text-indent: -5000px; position:absolute; left: 10px; } 
   div.tags div.tagtitleopen span.tagsheader {width: 15px; background: url(images/block-arrow-expanded.gif) no-repeat 0 50%; }
  div.tags div.tagtitleclosed span.tagsheader {width: 15px; background: url(images/login-arrow-collapsed.gif) no-repeat 0 50%; }
  div.tags div.tagtitleopen i a, div.tags div.tagtitleclosed i a {background: transparent;}
  div.tags div.tagbody {
    background: #ddd url(images/article-details-bg.png) repeat-x;
    padding: .85em 0 0 .85em;
    color: #666;
border: #ccc 1px solid; border-top: none;
  }
    div.tags div.tagbody input {
      width: 50%;
      margin: .5em 0;
    }
    div.tags div.tagbody input.button { width: 5em }
  div.tags div.tagshide { display: none }

/* General Title */
div.generaltitle div.title {
  background: #044 url(images/article-title-bg.png) repeat-x left top;
}
  div.generaltitle div.title a { color: #fff; }
  div.generaltitle div.title h3 {
    padding: .3em .7em .45em .7em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
    background: url(images/article-title-left.png) no-repeat left top;
  }

/* Journal */
#journalgeneric {margin: 1em 0;}
div.generalbody div#journalgeneric div.article {
  margin-bottom: 1.5em;
  background: url(images/storylinks-bg.png) repeat-x left bottom;
}
#journalgeneric div.intro i {display: inline; font-style: italic; border: none; margin: 0; padding: 0;}
#journalgeneric div.intro i a {font-style: italic;}
  div.generalbody div#journalgeneric div.article div.body {
    padding-bottom: 2em;
    background: url(images/storylinks-right.png) no-repeat right bottom;
  }
#journalgeneric div.storylinks ul li {
	margin: 0;
	padding: 0;
	border: none;
}
#journalgeneric div.storylinks ul li a {
	padding: 0 .4em 0 1em;
	border-left: 1px solid #000;
}
#journalgeneric div.storylinks ul li.edit a, 
#journalgeneric div.storylinks ul li.discussion a, 
#journalgeneric div.storylinks ul li.journalid a { border: none; }
#journalgeneric div.details { }
#journalgeneric div.details div.adminoptions { float: right; }

div.journalpage {
  margin-top: .8em;
  padding: .4em .7em .5em .7em;
  background: #dfdfdf url(images/corner-bottom-right.png) no-repeat right bottom;
}
  div.journalpage br { display: none; }

/* Forms */
textarea { width: 99%; }
#admin input.button { width: auto; }

/* Submit */
#submit .message {
	margin: 0 0 1em 0;
	padding: 0;
}

/* Misc */
pre, code { font-size: 93%; }

.secpref_master td { border-bottom: solid 2px #066;}
.secpref_nexus_row { color: #aaa; background: #ccc; }
#sectionprefs_message  { background: #066; font-size: 120%; color: #fff; font-weight: bold; text-align: right; }
#sectionprefs_hdr {text-align: right; background: #066; font-size: 120%; color: #fff; }
#sectionprefs_hdr a {float: left; color: #fff;}
#sectionprefs_hdr span a {float: none; color: #fff; font-size: 10px; font-weight: bold; text-decoration: none;}
#sectionprefs_hdr span { margin: -.3em 0; padding: 0 4px; height: 11px; width: 11px;}
.ps_23, .ps_22 { display: none; }
.curstory { border-top: solid 2px #066; }
.popup { border: solid 2px #066; }
.popup .data { font-size: 100% }
.popup-title {text-align: left; background: #066; font-size: 100%; color: #fff; padding-right: 4em; }
.popup-title .buttons {
  position: absolute;
  right: 0.2em;
}
.popup-title .buttons span a {float: none; color: #fff; font-size: 10px; font-weight: bold; text-decoration: none;}
.popup-title .buttons span { margin: -.3em 0; padding: 0 4px; height: 11px; width: 11px;}

.popup-message { background: #066; color: #fff; }
.popup-title a, .popup-message a { color: #fff }
.popup-contents { background: #ccc; font-size: 80%; padding: 5px; }
.popup-message  { background: #066; font-size: 100%; color: #fff; font-weight: bold; text-align: right; }
#sectionprefs-contents { background: #fff }

#subscribe div.generaltitle div.title {margin-bottom: 0;}

#st-display table
{
	background: #066;
	color: #fff;
}
  blockquote {
    margin-bottom: .75em;
    padding-left: .75em;
    color: #555;
    border-left: 3px solid #ddd;
    position: relative;
    display: block;
  }
  blockquote * { font-style: normal; }

/* Edit */
.edit { width: 4em; position: relative;}
        .edit a { position: relative; float: right; margin-top: -1.2em; display: block; width: 4em; text-indent: -700em; text-decoration: none; background: url(images/sic_edit.png) right no-repeat; }
div.article div.title span.edit a {text-decoration: none;}
.briefarticle .edit a {margin: -1.5em .3em 0 0;}

/* Ads */
#fad1 {height: 90px;}

/*--*/

a {color: #222}
div#topnav { background: url(images/topnav-bg-it.png) repeat-x left top; }
  div#topnav div#logo h1 a { background: url(images/logo-procare.jpg) no-repeat left top; }
div.article div.title,
div.generaltitle div.title,
div.commentTop div.title
{ background: url(images/article-title-bg-it.png) repeat-x left top; }
  div.article div.title h3,
  div.generaltitle div.title h3,
  div.commentTop div.title h4
  { background: url(images/article-title-left-it.png) no-repeat left top; }
    div.article div.title span,
    div.article div.title span a { color: #eee; }
div#links div.block div.content ul li a:hover {background: #ccc;}
div#links div.block div.content li.begin a {background:url(images/link-arrow.gif) no-repeat right center;}
div#links div.block div.content li.begin a:hover {background:url(images/link-arrow.gif) #ccc no-repeat right center;}
div#links div.block div.content, div#slashboxes div.block div.content { background: #eee url(images/slashbox-bottom-left-it.png) no-repeat left bottom; }
div#links div.block div.title, div#slashboxes div.block div.title {background: url(images/article-title-bg-it.png)}
div#links div.block {
  background: url(images/article-title-bg-it.png) repeat-x left top;
}
div#links div.block div#links-products-title {
  background: url(images/block-title-right-it.png) no-repeat right top;
}
div#slashboxes div.block div.title h4 {
      background: url(images/block-title-right-it.png) no-repeat right top;
    }

div#links div.block div.content ul { border-bottom: 1px solid #fff; }
div#links div.block div.content ul li a { border-top: 1px solid #fff;}
.comment > .oneline .commentTop .title h4 a { color: #898163; }
div.commentSub { border-bottom: 1px solid #898163; }
