body {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

#center {
   background-color: #f5f5f5;
}

#live {
   padding: 0px 24px 24px 24px;
   margin: 0px;
}

h1 {
   font-size: 16px;
   color: #3575bd;
   margin-top: 0px;
   background-color: #e3e3e3;
   padding: 12px 12px 12px 12px;
   margin: 0px 13px 12px 13px;
}

h1.no-content {
   background-color: #FFFFFF;
   padding: 12px 12px 12px 12px; 
   margin: 0px 13px 12px 13px;
}

h2 {
   font-size: 12px;
   color: #993300;
}

h3 {
   font-size: 12px;
   color: #3575bd;
}

h4 {
   font-size: 14px;
   color: #cd5806;
   border-bottom: 2px dotted #555555;
   padding: 0px 0px 6px 0px;
   margin: 0px 0px 12px 0px;
}

hr.divider {
   color: #ccc;
   background-color: #ccc;
   height: 1px;
   border: 0;
   margin-bottom: 5px;
}

p, ul {
   font-size: 12px;
   line-height: 20px;
}

label {
   font-size: 12px;
   font-weight: bold;
}

label.alt-one {
   font-size: 12px;
   font-weight: bold;
   color: #3575bd;
}

label.alt-two {
   font-size: 12px;
   font-weight: normal;
}

a {
   text-decoration: none;
   color: #3575bd;
}

a:hover {
   text-decoration: none;
   color: #3575bd;
}

textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.personal {
   width: 50%;
   border: 1px solid #ccc;
   padding: 4px;
}

.table-text {
   font-size: 11px;
   color: #444444;
}

.error {
   color: #FF0000;
}

.error h2 {
   color: #FF0000;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.error ul {
   padding-top: 0px;
   margin-top: 0px;
}

.error-alt-one {
   color: #FF0000;
   font-size: 12px;
   padding-left: 125px;
   margin-left: 125px;
}

td.header-cell {
   margin: 0px;
   padding: 3px;
   background-color: #e3e3e3;
   text-align: right;
}

td.content-cell {
   font-size: 12px;
   padding: 3px;
   background-color: #efefef;
   word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* top area */

#top {
   height: 21px;
   background: url(/views/layout/images/top.gif) repeat-x;
}

/* middle area */

#content-wrapper {
   width: 816px;
   margin: 0px auto; 
}

#side_area {
   float: left;
   height: auto;
   margin: 0px;
   padding: 0px;
   width: 284px;
}

.logo {
   height: 50px;
   padding-top: 20px;
   margin-left: 13px;
   margin-right: 13px;
} 

.pagination {
   font-size: 11px;
   float: left;
}

.search-result-info {
   text-align: right;
   font-size: 11px;
}

.breadcrumb {
   float: left;
   font-size: 12px;
   font-weight: bold;
   margin-top: 40px;
   margin-left: 13px;
}

.breadcrumb a {
   text-decoration: none;
   color: #0066CC;
}

.breadcrumb a:hover {
   text-decoration: underline;
   color: #0066CC;
}

.alternate-links {
   font-size: 12pt;
   font-weight: bold;
}

.alternate-links a {
   text-decoration: none;
   color: #993300;
}

.alternate-links a:hover {
   text-decoration: underline;
   color: #993300;
}

.content li {
   font-size: 12px;
   line-height: 20px;
}

.intro-text {
   font-size: 11px;
   font-style: italic;
   line-height: 18px;
}

#log-in-area-secure {
   font-family: arial;
   font-size: 8pt;
   font-weight: bold;
   vertical-align: top;
   text-align: right;   
   padding-top: 12px;
}

#log-in-area-secure a,
#footer a {
   color: #666;
   text-decoration: none;
}

/* log in form */
#log-in-area {
   vertical-align: top;
   padding-left: 40px;
}

#log-in-form {
   font-size: 12px;
   width: 500px;
   height: 42px;
   float: right;
   border: 1px solid #d5d5d5;
   background-color: #f2f2f2;
   clear: right;
}

#log-in-table {
   width: 500px;
   height: 42px;
}

.log-in {
   color: #993300;
   font-weight: bold;
   background-image: url(/views/account/log_in/images/users.png);
   background-repeat: no-repeat;
   padding: 12px 3px 12px 36px;
   border-right: 1px dotted #333;
}

form.log-in-form {
   margin-bottom: 0px;
}

.user-pass {
   font-size: 12px;
}

.log-in-options {
   text-align: right; 
   font-size: 11px;
   font-weight: bold;
   margin-top: 40px;
   margin-right: 13px;
}

.log-in-options a {
   text-decoration: none;
   color: #0066CC;
}

.log-in-options a:hover {
   text-decoration: underline;
   color: #0066CC;
}

#content-top {
   width: 816px;
   height: 13px;
   background: url(/views/layout/images/shadow_top.gif) no-repeat;
   padding: 0px;
   margin: 0px;
}

#content-middle {
   width: 816px;
   background: url(/views/layout/images/shadow_middle.gif) repeat-y;
   padding: 0;
   margin: 0px 0px 0px 0px;
}

#content-bottom {
   width: 816px;
   height: 13px;
   background: url(/views/layout/images/shadow_bottom.gif) no-repeat;
   padding: 0px;
   margin: 0px;
}

.conference-table {
   font-size: 11px;
   border: 1px solid #ccc;
}

.conference-table a {
   text-decoration: none;
   color: #3575bd;
}

.conference-table a:hover {
   text-decoration: underline;
   color: #3575bd;
}

.navigation {
   margin: 0;
   padding: 0;
}

.navigation li {
   font-size: 11px;
   font-weight: bold;
   margin-right: 14px;
   list-style-type: none;
   padding: 6px 9px 6px 9px;
   border-bottom: dotted 1px #CCCCCC;
   text-align: left;
}

.navigation li a:hover {
   color: #993300;
   text-decoration: underline;
}


.publication {
   font-size: 11px;
   line-height: 16px;
   color: #333;
}

h2.border {
   border-top: 1px dotted #333;
   padding-top: 6px;
}

.table-layout {
   border: 1px solid #cccccc;
   margin: 0px;
   padding: 0px;
}

.table-layout th {
   background-color: #acc6d8;
   color: #000;
   font-weight: bold;
   font-size: 12px;
}

.table-layout th a {
   color: #000;
}

.table-layout th a:hover {
   color: #000;
}

.table-layout td {
   font-size: 11px;
   line-height: 13px;
}

.table-layout th,
.table-layout td {
   padding: 5px 8px 5px 8px;
   text-align: left;
   vertical-align: top;
}

tr.title {
   background-color: #87b4bd;
   color: #fff;
   font-weight: bold;
}

.table-layout .odd {
   background-color: #F2F2F2;
}

.table-layout .border {
   border-right: 1px solid #CCC;
}

.table-layout .check {
   text-align: center;
}

.table-layout a {
   color: #3575bd;
   text-decoration: none;
}

.table-layout a:hover {
   color: #3575bd;
   text-decoration: underline;
}

.admin-home ul {
   font-size: 12px;
   font-weight: bold;
   color: #3575bd;
}

.admin-home li {
   font-size: 11px;
   line-height: 16px;
   color: #333;
   list-style-type: none;
   list-style-position: inside;
}

.admin-home a {
   text-decoration: none;
   color: #3575bd;
}

.admin-home a:hover {
   text-decoration: underline;
   color: #3575bd;
}

/*bottom area */

#bottom {
   background: url(/views/layout/images/bottom.gif) repeat-x;
   height: 100px;
}

.navigation {
   font-size: 12px;
   line-height: 16px;
   color: #444444;
   text-align: center;
   padding-top: 12px;
}

div.autocomplete {
   position:absolute;
   width:250px;
   background-color:white;
   border:1px solid #888;
   margin:0px;
   padding:0px;
   font-style: normal;
   font-size: 12px;
}

div.autocomplete ul {
   list-style-type:none;
   margin:0px;
   padding:0px;
}

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

div.autocomplete ul li {
   list-style-type:none;
   display:block;
   margin:0;
   padding:2px;
   cursor:pointer;
}

.reference-table {
   border: 1px solid #ccc;
}

.reference-table td{
   font-size: 11px;
   color: #444;
   padding: 3px;
}

.toc-header {
   background-color: #efefef;
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
   color: #3575bd;
}

.book-toc li {
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px dotted #ccc;
   padding: 5px;
   line-height: 22px;
}

#sub-nav li {
   display: inline;
   font-size: 11px;
   font-weight: bold;
   padding: 6px;
   margin: 0px 6px 0px 6px;
   border: 1px solid #006699;
   align: center;
}

#sub-nav li a {
   text-decoration: none;
   color: 000000;
}

#sub-nav li a:hover {
   text-decoration: none;
   color: #993300;
}

.ordered-list {
   font-size: 11px;
   line-height: 22px;
   color: #444;
}

.rule {
   border-bottom: 1px dotted #333;
   padding-bottom: 9px;
}