/**************************************************************************
--------------------------------- GENERAL ---------------------------------------
**************************************************************************/
html {
  margin:0;
  padding:0;
  background:#727273;
}
body {
  margin:0;
  padding:0;
  background:#ebf4f9 url(../images/bg.gif) repeat-x top;
  text-align:center;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a:active,
a:focus {
  outline: none;
}
/**************************************************************************
--------------------------- MAIN STRUCTURE --------------------------------
**************************************************************************/
#outer-wrapper {
  margin:0 auto;
  padding:0 10px;
  width:880px;
  text-align:left;
}
#header {
  padding:9px 0 0 0;
  height:107px;
  position:relative;
}
#maincol {
  width:675px;
  padding:0 0 0 10px;
  float:left;
}
#sidecol {
}
#subnav {
}
#footer {
}
#copyright {
}
/**************************************************************************
------------------------------------ HEADER --------------------------------------
**************************************************************************/
#header h3 {
  width:632px;
  height:107px;
  margin:0;
}
#header h3 a {
  display:block;
  width:632px;
  height:107px;
  margin:0;
  background:url(../images/logo.gif) no-repeat;
}
#header h3 a span {
  display:none;
}
#header #login {
  margin:11px 0 0 0;
  text-align:right;
  position:absolute;
  top:0;
  right:0;
  width:82px;
  height:28px;
}
#header #login a {
  display:block;
  width:82px;
  height:28px;
  background:url(../images/btn-login.gif) no-repeat 0 0;
}
#header #login a span {
  display:none;
}
#header #login a:hover {
  display:block;
  width:82px;
  height:28px;
  background:url(../images/btn-login.gif) no-repeat -82px 0;
}
#header #loggedin {
  margin:11px 0 0 0;
  text-align:right;
  position:absolute;
  top:0;
  right:0;
  font:normal 13px/15px Arial, Helvetica, sans-serif;
  color:#bdbdbd;
}
#header #loggedin a {
  color:#93c3e3;
  text-decoration:none;
  padding-left:1px;
}
#header #loggedin a:hover {
  background:#b1b0b0;
  color:#494747;
  border-bottom:1px solid #7e7e7e;
}

/* --
***** Search
-------------------------------------------------------------------------*/
#header form {
  margin:0;
  padding:10px 0 0 0;
  text-align:right;
  position:absolute;
  top:40px;
  right:0;
  text-align:right;
  width:10em;
}
#header form input {
  vertical-align:middle;
}
#header form input.text {
  width:114px;
  height:24px;
  margin:-4px  0 0;
  padding:9px 8px 0 0;
  background:url(../images/input-search.gif) no-repeat 0 0;
  font:normal 13px/13px Arial, Helvetica, sans-serif;
  text-indent:26px;
  color:#494747;
  border:none;
  float:left;
}
#header form input.text:focus,
#header form:hover input.text {
  background:url(../images/input-search.gif) no-repeat -122px 0;
}
#header form .btn {
  margin:0;
  display:block;
  text-indent:9999em;
  float:right;
  width:38px;
  height:29px;
  background:url(../images/btn-search.gif) no-repeat 0 0;
  vertical-align:middle;
  overflow:hidden;
}
#header form .btn:hover {
  background:url(../images/btn-search.gif) no-repeat -38px 0;
  border:none;
}
#header form input.check {
}
#header form label {
  font:normal 12px/12px Arial, Helvetica, sans-serif;
  color:#ddd;
}

/* --
***** Slides
-------------------------------------------------------------------------*/
#slides {
  display:block;
  width:880px;
  height:118px;
  background:url(../images/slides.jpg)
}

/**************************************************************************
------------------------------ MAIN COLUMN -----------------------------------
**************************************************************************/
#maincol {
  font:normal 13px/19px Arial, Helvetica, sans-serif;
  color:#494747;
}
#region-content .breadcrumbs {
  font:normal 12px/14px Arial, Helvetica, sans-serif;
  color:#666;
  margin:1em 0 2em 0;
}
#region-content .breadcrumbs a {
  border:none;
}
#region-content h1 {
  font:normal 22px/24px Arial, Helvetica, sans-serif;
  color:#494747;
}
#region-content h2 {
  margin:1.4em 0 .4em 0;
  font:normal 16px/18px Arial, Helvetica, sans-serif;
  color:#793333;
}
#region-content .intro {
  font:normal 15px/17px Arial, Helvetica, sans-serif;
}
#region-content a {
  color:#0378dc;
  text-decoration:none;
  border-bottom:1px solid #0378dc;
}
#region-content a:hover {
  background:#afdcfa;
  color:#274a61;
  border-bottom:1px solid #79a9c9;
}
#region-content li {
  margin:0 0 .7em 0;
  line-height:1.3;
}

/** ------------- Home Page News  ---------- **/
#region-content #news {
  background:#d4e1e8 url(../images/news-bg.gif) no-repeat bottom;
  padding:0 0 1px 0;
}
#region-content #news h2 {
  padding:10px;
  background:#799bb2 url(../images/h2-news-bg.gif) no-repeat top;
  color:#fff;
}
#region-content #news p {
  padding:0 12px;
  font:normal 14px/19px Arial, Helvetica, sans-serif;
}

/** ------------- Home Page Letter  ---------- **/
#region-content #letter h2 {
  font:normal 18px/18px Arial, Helvetica, sans-serif;
  color:#767a7d;
  margin-bottom:-2px
}
#region-content #letter div.outer {
  border:1px solid #e3edf3;
}
#region-content #letter div.outer div.inner {
  background:#fff;
  border:2px solid #d9e4ec;
  padding:0 19px;
}
#region-content #letter div.outer:after,
#region-content #letter div.inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#region-content #letter p {
  color:#4e616b;
font:normal 14px/19px Arial, Helvetica, sans-serif;
}

#region-content #letter .text {
  width:395px;
  float:left;
}
#region-content #letter .image {
  width:223px;
  float:right;
  margin:19px 0;
}

/** ------------- Member Profile Page  ---------- **/
#region-content #profile:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#region-content #profile .image {
  width:146px;
  float:left;
}
#region-content #profile .image img {
  /* width:135px; */
  padding:5px;
  background:#fff;
  border:1px solid #c8c8c8 !important;
}
#region-content #profile .text {
  width:441px;
  float:right;
}
#region-content #profile .text ul {
  margin:0;
  padding:0;
  list-style-type:none;
  border-top:1px solid #dde0e2;
}
#region-content #profile .text li {
  margin:0;
  padding:9px 12px;
  border-bottom:1px solid #dde0e2;
  font:normal 13px/14px Arial, Helvetica, sans-serif;
}
#region-content #profile .text li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#region-content #profile .text .alt {
  background:#f0f6f9;
}
#region-content #profile .text strong {
  display:block;
  float:left;
  width:92px;
  color:#793333;
  font-weight:normal;
}
#region-content #profile span {
  width:325px;
  float:right;
}
#region-content #profile span span {
  display:none;
}

/** ------------- Conference Registration Page  ---------- **/
#region-content #conreg-info {
  margin:0 0 1em 0;
  padding:8px;
  background:#d6e8f3;
  border:1px solid #cad3d9;
}
#region-content #conreg-info:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#region-content #conreg-info .logo {
  float:left;
  margin-right:25px;
}
#region-content #conreg-info .photo {
  float:right;
  margin-left:25px;
}
#region-content #conreg-info h1 {
  margin:.75em 0;
  font:normal 20px/14px Arial, Helvetica, sans-serif;
}
#region-content #conreg-info p {
  margin:0 121px 0 142px;
}
#region-content form#regPart1#regPart1 {
  font-size:14px;
  font-family:Arial, Verdana, sans-serif;
  text-align:left;
  background:#f3f8fa;
  border:1px solid #dfe6ea;
  margin:0 auto;
  width:634px;
  padding:20px 20px 0 20px;
} 
#region-content form#regPart1#regPart1 ul {
  margin:0;
  padding:0;
  list-style-type:none;
  width:100%;
}
#region-content form#regPart1 li {
  display: block;
  margin:0;
  padding:4px 5px 2px 9px;
  clear:both;
}
#region-content form#regPart1 li:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#region-content form#regPart1 li div,
#region-content form#regPart1 li span {
  margin:0 4px 0 0;
  padding:0 0 8px 0;
  color:#444;
}
#region-content form#regPart1 li div.sub {
  margin-left:26px;
}
#region-content form#regPart1 li .other {
  padding-bottom:0;
}
#region-content form#regPart1 li span {
  float:left;
}
#region-content form#regPart1 li div.column {
  padding-bottom:0;
}
#region-content form#regPart1 li div span.left,
#region-content form#regPart1 li div span.right {
  width:47%;
  margin:0;
}
#region-content form#regPart1 li div span.full input,
#region-content form#regPart1 li div span.full select,
#region-content form#regPart1 li div span.left input,
#region-content form#regPart1 li div span.right input,
#region-content form#regPart1 li div span.left select,
#region-content form#regPart1 li div span.right select {
  width:100%;
}
#region-content form#regPart1 .left {
  float:left;
}
#region-content form#regPart1 .right {
  float:right;
}
#region-content form#regPart1 .clear {
  clear:both !important;
}
/* ----- LABELS ----- */
#region-content form#regPart1 label.top {
  margin:-2px 0 4px 0;
}
#region-content form#regPart1 label.desc {
  line-height:150%;
  padding:0 0 1px 0;
  border:none;
  color:#222;
  display:block;
  font-size:95%;
  font-weight:bold;
}
#region-content form#regPart1 li div label,
#region-content form#regPart1 li span label {
  margin:0;
  padding-top:6px;
  clear:both;
  font-size:9px;
  line-height:9px;
  color:#444;
  display:block;
}
#region-content form#regPart1 label.choice {
  font-size:100%;
  display:block;
  line-height:1.5em;
  margin:-1.65em 0 0 25px;
  padding:.44em 0 .5em 0;
  color:#222;
  width:88%;
  display:block;
}

/* ----- FIELDS ----- */
#region-content form#regPart1 input.text,
#region-content form#regPart1 textarea.textarea,
#region-content form#regPart1 select.select {
  margin:0;
  font-size:100%;
  color:#333;
}
#region-content form#regPart1 input.text,
#region-content form#regPart1 textarea.textarea,
.firefox #region-content form#regPart1  select.select {
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
}
#region-content form#regPart1 input.text,
#region-content form#regPart1 input.file {
  padding:2px 0 2px 0;
}
#region-content form#regPart1 input.checkbox,
#region-content form#regPart1 input.radio {
  display:block;
  line-height:1.5em;
  margin:.6em 0 0 3px;
  width:13px;
  height:13px;
}
#region-content form#regPart1 input.other {
  margin:0 0 8px 25px;
}
#region-content form#regPart1 textarea.textarea {
  font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
#region-content form#regPart1 select.select {
  font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
  margin:1px 0;
  padding:1px 0 0 0;
}
#region-content form#regPart1 select.select[class] {
  margin:0;
  padding:1px 0 1px 0;
}
#region-content form#regPart1 *:first-child+html select.select[class] {
  margin:1px 0;
}
#region-content form#regPart1 .safari select.select {
  margin-bottom:1px;
  font-size:120% !important;
}

/* ----- SIZES ----- */
#region-content form#regPart1 .third {
  width:32% !important;
}
#region-content form#regPart1 .half {
  width:48% !important;
}
#region-content form#regPart1 .full {
  width:100% !important;
}
#region-content form#regPart1 input.small,
#region-content form#regPart1 select.small {
  width:25%;
}
#region-content form#regPart1 input.medium,
#region-content form#regPart1 select.medium {
  width:50%;
}
#region-content form#regPart1 input.large,
#region-content form#regPart1 select.large,
#region-content form#regPart1 textarea.textarea {
  width:100%;
}
#region-content form#regPart1 textarea.small {
  height:5.5em;
}
#region-content form#regPart1 textarea.medium {
  height:10em;
}
#region-content form#regPart1 textarea.large {
  height:20em;
}

/* ----- ERRORS ----- */
#region-content form#regPart1 #errorLi {
  width:99%;
  margin:0 auto;
  background:#fff;
  border:1px dotted red;
  margin-bottom:1em;
  text-align:center;
  padding-top:4px;
  padding-left:0px;
  padding-right:0px;
}
#region-content form#regPart1 #errorMsgLbl {
  margin:7px 0 5px 0;
  padding:0;
  font-size:125%;
  color:#DF0000;
}
#region-content form#regPart1 #errorMsg {
  margin:0 0 .8em 0;
  color:#000;
  font-size:100%;
}
#region-content form#regPart1 #errorMsg strong {
  background-color: #FFDFDF;
  padding:2px 3px;
  color:red;
}
#region-content form#regPart1 #region-content form#regPart1 li.error {
  display:block !important;
  border-bottom:1px solid #F9B9B2;
  border-right:1px solid #F9B9B2;
  background-color: #FFDFDF !important;
}
#region-content form#regPart1 #region-content form#regPart1 li.error label {
  color:#DF0000 !important;
}
#region-content form#regPart1 #region-content form#regPart1 p.error {
  display:none;
  color:red;
  font-weight:bold;
  font-size:10px;
  margin:-2px 0 5px 0;
  clear:both;
}
#region-content form#regPart1 #region-content form#regPart1 li.error p.error {
  display:block;
}
#region-content form#regPart1 .leftLabel p.error,
#region-content form#regPart1 .rightLabel p.error {
  margin-left:30%;
  padding-left:15px;
}
#region-content form#regPart1 .noI .leftLabel p.error,
#region-content form#regPart1 .noI .rightLabel p.error {
  margin-left:35%;
  padding-left:15px;
}

/* ----- REQUIRED ----- */
#region-content form#regPart1 .req {
  float:none;
  color:red !important;
  font-weight:bold;
  margin:0;
}

/* ----- Buttons ----- */
#region-content form#regPart1 li.buttons {
  text-align:right;
  margin:1em 0;
}
#region-content form#regPart1 li.buttons input:hover {
  cursor:pointer;
}

/* ----- Highlight ----- */
#region-content form#regPart1  li.focused,
#region-content form#regPart1  div.column.focused {
  background-color:#e8f9d9;
}










/**************************************************************************
------------------------------ SIDE COLUMN -----------------------------------
**************************************************************************/
#sidecol {
  width:154px;
  float:right;
  padding:0 0 0 27px;
  background:url(../images/sidecol-bg.jpg) no-repeat top left;
}
#sidecol .bottom {
  display:block;
  height:77px;
  background:url(../images/sidecol-bottom.gif) no-repeat top left;
  width:181px;
  margin:0 0 0 -27px;
}

/* --
***** Navigation
-------------------------------------------------------------------------*/

/** ------------- Top Level Navigation  ---------- **/
#sidecol ul {
  list-style-type:none;
  width:142px;
  /*  height:198px; */
  margin:1em 0 1.25em 0;
  padding:0;
}
#sidecol ul li {
  width:142px;
  margin:0 0 14px 0;
}
#sidecol ul li a {
  display:block;
  width:142px;
  height:16px;
  background:url(../images/main-nav.gif) no-repeat;
}
#sidecol ul li a span {
  display:none;
}
#sidecol ul li#scHome a:hover,
#sidecol ul li#scHome.on a {
  background-position:-142px 0;
}
#sidecol ul li#scNews a {
  background-position:0 -32px;
}
#sidecol ul li#scNews a:hover,
#sidecol ul li#scNews.on a {
  background-position:-142px -32px;
}
#sidecol ul li#scAbout a {
  background-position:0 -62px;
}
#sidecol ul li#scAbout a:hover,
#sidecol ul li#scAbout.on a {
  background-position:-142px -62px;
}
#sidecol ul li#scMembership a {
  background-position:0 -92px;
}
#sidecol ul li#scMembership a:hover,
#sidecol ul li#scMembership.on a {
  background-position:-142px -92px;
}
#sidecol ul li#scConference a {
  background-position:0 -122px;
}
#sidecol ul li#scConference a:hover,
#sidecol ul li#scConference.on a {
  background-position:-142px -122px;
}
#sidecol ul li#scBlog a {
  background-position:0 -152px;
}
#sidecol ul li#scBlog a:hover,
#sidecol ul li#scBlog.on a {
  background-position:-142px -152px;
}
#sidecol ul li#scContact a {
  background-position:0 -182px;
}
#sidecol ul li#scContact a:hover,
#sidecol ul li#scContact.on a {
  background-position:-142px -182px;
}

/** ------------- Second Level Navigation  ---------- **/

#sidecol ul ul {
  list-style-type:square;
  width:auto;
  margin:.4em 0 -.2em 14px;
  padding:0;
  color:#81b6d8;
  display:none;
  }

#sidecol ul li.on ul {
  display:block;
}

#sidecol ul ul li {
  width:auto;
  height:auto;
  margin:0;
}
#sidecol ul ul li a {
  display:inline;
  width:auto;
  height:auto;
  background:none;
  color:#81b6d8;
  font:normal 14px/16px Arial, Helvetica, sans-serif;
  text-decoration:none;
  letter-spacing:-.02em;
  position:relative;
  top:1px;
}
#sidecol ul ul li.on,
#sidecol ul ul li.on a,
#sidecol ul ul li:hover,
#sidecol ul ul li a:hover {
  color:#2788c7;
}

/* --
***** Buttons
-------------------------------------------------------------------------*/
#sidecol  #membership,
#sidecol  #journal,
#sidecol  #conference {
  margin:.25em 0 .25em -2px;
}
#sidecol #membership a span,
#sidecol #journal a span,
#sidecol #conference a span {
  display:none;
}

/** ------------- Membership  ---------- **/
#sidecol #membership a {
  margin:0;
  display:block;
  width:148px;
  height:52px;
  background:url(../images/btn-membership.gif) no-repeat 0 0;
}
#sidecol #membership a:hover {
  background:url(../images/btn-membership.gif) no-repeat -148px 0;
}

/** ------------- Journal  ---------- **/
#sidecol #journal a,
#sidecol #journal a img {
  border:none;
}
#sidecol #journal a {
  display:block;
  width:141px;
  height:188px;
  padding:4px 3px 27px 4px;
  background:url(../images/journal-bg.gif) no-repeat 0 0;
}
#sidecol #journal a:hover {
  background:url(../images/journal-bg.gif) no-repeat -148px 0;
}

/** ------------- Conference  ---------- **/
#sidecol #conference a {
  margin:0 0 0 -2px;
  display:block;
  width:148px;
  height:52px;
  background:url(../images/btn-conference.gif) no-repeat 0 0;
}
#sidecol #conference a:hover {
  background:url(../images/btn-conference.gif) no-repeat -148px 0;
}
#sidecol  #conference {
  position:relative;
  top:-2px;
}

/**************************************************************************
------------------------ FOOTER  & COPYRIGHT----------------------------
**************************************************************************/
#footer {
  clear:both;
  height:60px;
  padding:34px 0 0 0;
  background:url(../images/footer-bg.gif) repeat-x bottom;
  font:normal 14px/14px Arial, Helvetica, sans-serif;
  color:#d8dadb;
}
#footer p {
  margin:.5em 0;
}
#footer p span {
  margin:0 4px;
  color:#b6b7b8;
}
#footer p a {
  color:#d8dadb;
}
#footer p a:hover {
  color:#fff;
}
#footer p.p2 {
  color:#b6b7b8;
  font:normal 12px/12px Arial, Helvetica, sans-serif;
}

/* --
***** Copyright
-------------------------------------------------------------------------*/
#copyright {
}


/* --
***** Product integration css
-------------------------------------------------------------------------*/

.objectDetails {
float:right;
}

.state-draft {
color: #30c;
}

.state-archived {
color: #f00;
}

.state-suspended {
color:#c70;
}

.email-link {
display:block;
float:left;
margin:.4em;
padding: .3em;
border: 1px solid #8cacbb;
background-color: #dee7ec;
cursor: pointer;
}

.alertmessage {
background-color:#fc7;
border: 1px solid #c52;
color: #c52;
padding: .4em;
margin: .5em;
}

form.searchForm label:hover {
cursor: pointer;
}


/* --
***** Plone integration CSS
-------------------------------------------------------------------------*/

.contentViews {
margin-top:1.2em;
}

.documentEditable .documentContent {
border-width: 0 0 0 0;
}

html.kupu-html {
  background: #fff !important;
  font-size: 100%;
}

html.kupu-html body{
  font:normal 13px/19px Arial, Helvetica, sans-serif !important;
  color:#494747 !important;
  }
  

legend {
background: transparent !important;
color: #2788c7;
}

fieldset {
border-color:  #81b6d8;
}

#region-content label {
font-weight: normal;
}

#region-content .error label {
font-weight: bold;
}

.actionMenuContent img {
border-width: 0 important;
}


legend {
background: transparent !important;
color: #2788c7;
}

fieldset {
border-color:  #81b6d8;
}

#region-content label {
font-weight: bold !important;
}

#region-content .error label {
font-weight: bold;
}

.actionMenuContent img {
border-width: 0 important;
}

div.floatleft {
float:left;
margin-right: 6px;
position:relative;
}

div.floatright, div.newsfloatright {
float:right;
margin-left:6px;
position:relative;
}

a.create-obj {
display:block;
border: 1px solid #81b6d8 !important;
padding: 1em;
margin: 2em;
}

.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
   border: 1px solid Black;
}

.image-inline {
   float: none;
}

.image-right {
   float: right;
   clear: both;
   margin: 0.5em;
   border: 1px solid Black;
}


img {
border-width: 0 !important;
}


/* The table used for listings - horizontal and vertical variants */
table.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-spacing: 0;    
    border-left: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    margin: 1em 0em 1em 0em;
    width:100%;
}
table.listing th,
.stx table th {
    background: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    border-right: 1px solid #8cacbb;
    font-weight: normal;
    padding: 0.25em 0.5em;
    text-transform: none;
}
table.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
table.listing .listingCheckbox {
    text-align: center;
}
table.listing td,
.stx table td {
    border-right: 1px solid #8cacbb;
    padding: 0.25em 0.5em;
}
table.listing a {
    text-decoration: none;
}
table.listing a:hover {
    text-decoration: underline;
}
table.listing img {
    vertical-align: middle;
}
table.listing td a label,
.stx table td a label {
    cursor: pointer;
}

/* Vertical addition class */
table.vertical {
    background-color: White;	
}
table.vertical th {
    padding: 0.5em;
}
table.vertical td {
    border-top: 1px solid #8cacbb;
    padding: 0.5em;
}

/* grid addition class */

table.grid td {
    border: 1px solid #8cacbb;
    padding: 0.5em;
}

/* plain table class with light gray borders */

table.plain,
table.plain td,
table.plain th {
    border: 1px solid #ccc;
    padding: 0.5em;
    border-collapse: collapse;
}


/* Document actions */

.documentActions {
    margin: 1em 0;
    padding: 0;
    text-align: right;
    border-top: 1px solid #8cacbb;
}
.documentActions ul {
    margin: 0;
    padding: 0 0.5em;
    display: block;
    margin-top: -0.9em;
    list-style-type: none;
    list-style-image: none;
}
.documentActions li {
    display: inline;
    font-size: 90%;
    margin: 0 0.5em;
    padding: 0 0.25em;
    background-color: White;
}
.documentActions a {
    border: none !important;
    text-decoration: none;
}




/* Status messages */

dl.portalMessage {
    font-size: 90%;
    background-color: #ffffe3; 
    border: 1px solid #996;    
}
dl.portalMessage a {
    color: black;
    border: none;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996; 
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em; 
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}




/* The table used for listings - horizontal and vertical variants */
table.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-spacing: 0;    
    border-left: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    font-size: 90%;
    margin: 1em 0em 1em 0em;
}
table.listing th,
.stx table th {
    background: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    border-right: 1px solid #8cacbb;
    font-weight: normal;
    padding: 0.25em 0.5em;
    text-transform: none;
}
table.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
table.listing .listingCheckbox {
    text-align: center;
}
table.listing td,
.stx table td {
    border-right: 1px solid #8cacbb;
    padding: 0.25em 0.5em;
}
table.listing a {
    text-decoration: none;
}
table.listing a:hover {
    text-decoration: underline;
}
table.listing img {
    vertical-align: middle;
}
table.listing td a label,
.stx table td a label {
    cursor: pointer;
}

/* Vertical addition class */
table.vertical {
    background-color: White;	
}
table.vertical th {
    padding: 0.5em;
}
table.vertical td {
    border-top: 1px solid #8cacbb;
    padding: 0.5em;
}

/* grid addition class */

table.grid td {
    border: 1px solid #8cacbb;
    padding: 0.5em;
}

/* plain table class with light gray borders */

table.plain,
table.plain td,
table.plain th {
    border: 1px solid #ccc;
    padding: 0.5em;
    border-collapse: collapse;
}

/* Batch selector */
.listingBar {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    text-transform: none;
    vertical-align: top;
    margin: 1em 0em;
    font-size: 94%;
    clear: both;
}
.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin-right: 1em;
}
.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin-left: 1em;
}
.listingBar img {
    vertical-align: middle;
}
.listingBar a {
    text-decoration: none;
}
.tileItem {
    border-top: 1px solid #8cacbb;
    padding-top: 0.5em;
    margin-top: 0.5em;
}
.tileHeadline {
    border: none;
    font-size: 110%;
    font-weight: bold;
}
.tileHeadline a {
    text-decoration: none;
}
.tileBody {
    margin-bottom: 0.5em;
}
.tileImage {
    float: right;
    margin: 0 0 0.5em 0.5em;
    border: 1px solid black;
}
.eventDetails {
    float: right;
    width: 20em;
    clear: right;
    margin: 0 0 0.5em 1em;
}




/* Album view classes */
.photoAlbumEntry {
    float: left;
    position:relative;
    overflow: hidden;
    height: 185px;
    width: 143px;
    margin: 0em;
    padding: 0px 6px 0px 9px;
    text-align: center;
    background-image: url('../polaroid-single.png');
    background-repeat: no-repeat;
}
.photoAlbumEntry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
}
.photoAlbumEntryWrapper {
    /*display: block;*/
    height: 130px;
    width: 128px;
    margin-bottom: 7px;
}
.photoAlbumEntry a {
    display: block;
    text-decoration: none;
    font-size: 90%;
    height: 169px;
    width: 130px;
    margin: 16px auto 0px;
}
.photoAlbumFolder {
    background-image: url('../polaroid-multi.png');
    background-repeat: no-repeat;
}
.photoAlbumEntryTitle {
    color: #76797c;
    display: block;
    width: 128px;
    height: 3.6em;
}

a.link-parent {
    display: block;
    background: transparent url('../arrowUp.gif') 4px 5px no-repeat;
    padding: 1px 0px 10px 16px;
    font-size: 90%;
    text-decoration: none;
}