body {
font-family: sans-serif;
font-size: 9pt;
background-color: #ddd; /* #0b2856; */
background-image: url("/public/images/background.png");
}

/* ======================================== */

.container {
background-color: #fff;
border: 1px solid #0e2b58;
margin-top: 1em;
}

#content {

}

/*
h1 {
font-size: 2.2em;
line-height: 1;
margin-bottom: 0.5em; 
}
*/

#header {
height: 152px;
background-image: url("/public/images/header.jpg");
margin: 0px auto;
}

#header-menu {
padding-top: 7px;
padding-left: 14em;
color: #fff;
font-size: 8pt;
}

#footer {
padding-top: 0.5em;
padding-bottom: 0.5em;
margin: 0px auto;
text-align: center;
background: #647694;
font-size: 8pt;
color: #fff;
}

#flash {
background: #ffffcc;
margin-top: 1em;
margin-bottom: 1em;
}

/* ======================================== */

#tabs {
text-align: left;
position: relative;
width: 100%;
height: 2em;
}

#tabs ul#primary {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
}

#tabs ul#primary li  {
display: inline;
list-style: none;
}

#tabs ul#primary a, #tabs ul#primary span, #tabs ul#primary a.current {
width: 9em;
display: block;
float: left;
padding: 4px 0;
margin: 1px 2px 0 0;
text-align: center;
text-decoration: none;
color: #333;
}

#tabs ul#primary span, #tabs ul#primary a.current, #tabs ul#primary a.current:hover {
border: 1px solid #666;
border-bottom: none;
background-color: #7888a2;
padding-bottom: 6px;
margin-top: 0;
}

#tabs ul#primary a {
background-color: #c1d0e3;
border: 1px solid #aaa;
border-bottom: none;
}

#tabs ul#primary a:hover {
margin-top: 0;
border-color: #666;
background-color: #c2c8cf;
padding-bottom: 5px;
}

/* ======================================== */

#navigation {
margin-top: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.5em;
padding-top: 0.5em;
border: 1px solid Black;
background-color: #a6b1c1;
font-weight: normal;
}

#navigation li {
width: 16em;
list-style: none;
}

#navigation li li li {
/* font-weight: bold; */
list-style: none;
padding-left: 16px;
background: url(/public/images/bullet_go.png) no-repeat 0 50%;	
}

#navigation a {
text-decoration: none;
}

#navigation li li li a {
text-decoration: underline;
/* white-space: nowrap; */
}

/* ======================================== */

#search-panel {
margin-left: 0.3em;
margin-top: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.3em;
padding: 0.5em;
border: 1px solid #000;
background-color: #a6b1c1;
}

#global-menu
{
margin-top: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid #000;
background-color: #a6b1c1;
}

#twitter_div
{
margin-top: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid #000;
background-color: #7888a2;
}

#hacker-emblem 
{
margin-top: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.5em;
}

/* ======================================== */

#main {
border: 1px solid #666;
padding: 1em;
margin-right: 0.3em;
}

.main-title {
color: #4a4aae;
padding-top: 0;
padding-bottom: 0.5em;
padding-left: 0em;
font-size: large;
font-family: sans-serif;
}

.table-header {
background-color: #8190a8;
font-weight: bold;
text-align: center;  
}

.row-1 {
background-color: #c8cfd9;
}


.identifier {
border: 1px dotted blue;
}

.small-text {
font-size: 85%;
}

img {
border: 1px solid #598bc8;
}

.image {
border: none;
margin-right: 0.25em;
vertical-align: middle;
}

.icon {
border: none;
}

.comment {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-right: 0.3em;
padding: 0.2em;
border: 1px solid #d2d0d0;
background-color: #e0e5ed;
font-size: 90%;
}

.comment p {
margin: 0.2em;
padding: 0em;
}

hr.line-1 {
background-color: #ddd;
height: 1px;
border: 0;
color: #ddd;
}

hr.line-2 {
background-color: #999;
margin-top: 0.5em;
height: 1px;
border: 0;
color: #999;
}

.required-field {
color: #b32400;
font-weight: bold;
}

#footer a, #header-menu a {
text-decoration: none;
color: #f60;
}

#footer a {
text-decoration: none;
color: #aaa;
}

#footer a:hover, #header a:hover, #header-menu a:hover { 
text-decoration: underline;
}

/* ======================================== */

#toggle-button {
cursor: pointer;
}

#toggle-panel-page {
position: relative;
height: 105px;
margin-top: 0.5em;
padding: 0.5em;
border: 1px solid #d2d0d0;
}

#toggle-panel-association {
position: relative;
height: 108px;
margin-top: 0.5em;
padding: 0.5em;
border: 1px solid #d2d0d0;
}

#toggle-panel-left {
float: left;
text-align: right;
}

#toggle-panel-right {
float: left;
margin-left: 2em;
}

#toggle-panel-field {
position: relative;
height: 65px;
margin-top: 0.5em;
padding: 0.5em;
border: 1px solid #d2d0d0;
}

#toggle-panel-new-association {
position: relative;
height: 300px;
margin-top: 0.5em;
padding: 0.5em;
border: 1px solid #d2d0d0;
}

/* ======================================== */

table, th, td {
border: 1px solid #d4e0ee;
border-collapse: collapse;
color: #555;
}

.table-header td {
font-weight: bold;
}

.inner-table td {
border: none;
}

table .inner-table {
border: none;
padding: 0;
margin: 0;
}

fieldset { 
margin-right: 0.3em;
}

/* ======================================== */

#index-top {
margin-bottom: 2em;  
}

#index-top h1 {
font-size: 120%;
font-style: italic;
color: #f60;
}

.category-header {
color: #697b97;
font-weight: bold;
}

.span-4 ul li {
list-style: none;
padding-left: 16px;
background: url(/public/images/bullet_arrow_right.png) no-repeat 0 50%;
}

.span-4 a:link, .span-4 a:visited {
text-decoration: none;
}

.span-4 a:hover {
text-decoration: underline;
}

#disqus_thread {  
padding-right: 0.3em;
}

.emphasis {  
color: red;
}

a[href^="http:"] { 
background: url(/public/images/external_link.png) no-repeat left center;
padding-left: 1.2em;
}