/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/***********************************************/ 
/* SITE COLOURS
/***********************************************/ 
/* 
	red: 		#996666;
	orange: #CC9900;
	green: 	#669966;
	blue: 	#666699;
*/

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
  background-color: #CCCCCC;
  min-width: 800px;
  font-size: 80%;
  line-height: 1.5em;
}

a {
	text-decoration: none;
  border-bottom: 1px dotted;
}

a:link {
	color: #333399;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #330000;
	text-decoration: underline;
}

h1 {
    font-weight: bold;
    font-size: 1.75em;
    color: #990000;
    letter-spacing: -0.05em;
}

h2 {
    font-weight: normal;
    font-size: 1.50em;
    letter-spacing: -0.05em;
    color: #990000;
    border-bottom: 1px dotted #990000;
}

h3 {
    font-size: 1.2em;
    color: #333333;
    letter-spacing: -0.05em;
}

h4 {
    font-size: 1.2em;
    color: #990000;
    padding: 0.5em 0;
}

h5 {
    font-size: 1.2em;
    font-weight: normal;
    color: #990000;
}

form, fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}

.figure {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	margin: 5px;
}

.figure.center {
	margin-left: auto;
	margin-right: auto;
}

.figure IMG {
	margin: 5px;
}

.figure .caption {
	font-size: 80%;
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #333333;
	padding: 5px;
}

/***********************************************/
/* Global styles                               */
/***********************************************/

/* "...more" link */
.more a {
    text-align: right;
    text-decoration: none;
    color: #FF9900;
    font-weight: bold;
}

a img {
	border: none;
}

/* sorttable tables */
.sortable th {
	cursor: pointer;
}

/* Expandable styles */
.expandableControl {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
}
.expandableShow {
	background-image: url("../images/16x16/viewmag+.png");
}
.expandableHide {
	background-image: url("../images/16x16/viewmag-.png");
}


/* section styles */
.section {
    background-color: #ffffff;
    margin-bottom: 10px;
}
.tab .section h2, .tab .section h3, .tab .section h4 {
    margin: 0px !important;
    padding: 5px;
}
.section h2 {
    color: #FFFFFF;
    background-color: #996666;
    font-size: 1.25em;
}

.section .sectionContent {
	padding: 10px;
	border-width: 1px;
	border-color: #999999;
	border-style: none dotted dotted;
}

.section .section .sectionContent {
	border-color: #999999;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#body-container {
    background-color: #FFFFFF;
}

/*********** header ***********/

#header {
    border: 0;
    background-image: url("../images/header_bg.png");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #000000;
    color: #DDDDDD;
    height: 100px;
    padding: 0 30px;
    text-align: right;
}

#header-logo {
    float: left;
}

#header-nav {
    font-size: 1.25em;
    font-weight: bold;
    float: right;
    text-align: right;
    padding: 60px 0 0;
}

#header-search {
    text-align: right;
    width: 100%;
    min-width: 800px;
    font-size: 1em;
    position: absolute;
    top: 20px;
    right: 20px;
}


#global-nav {
    background-color: #000000;
    border-bottom: 1px solid #666666;
    font-size: 1em;
    color: #999;
    padding: 0.3em 0.6em;
}

#global-nav .menu {margin:0 auto; padding:0 0.25em; height:30px; width:100%; display:block; }
#global-nav ul.menu { display:inline }
#global-nav .menu li{padding:0 0.25em; margin:0; list-style:none; display:inline; color: #FFF}
#global-nav .menu a {color: white; border-bottom: 1px dotted #999 }
#global-nav .menu a:hover { text-decoration: none; border-bottom-color: #FFF }
#global-nav .menu li.inactive { font-weight: bold; }

#global-nav .resources-nav {
    float: left;
}



#header-logo a:hover {
    border: none;
}

#header a, #header a:link, #header a:visited {
    border: none;
    color: #FFFFFF;
}

#header a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#header-nav a {
    font-weight: normal;
    border: none;
}

#header-nav a.active {
    color: #CCCCDD;
}

#header-nav ul {
    padding: 0;
    margin: 0;
}

#header-nav li {
    list-style-type: none;
    display: inline;
    margin: 5px;
    padding: 0 5px;
    border-left: 2px solid #FF9900;
    color: #993300;
}

#header-nav li:hover {
    color: #FF9900;
    border-color: #FF9900;
}

#header-search-query {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: inherit;
    font-family: inherit;
    font-weight: normal;
    line-height: normal;
    width: 25em;
    margin: 0;
    color: #333333;
    letter-spacing: normal;
    vertical-align: top;
    padding: 0.25em;
}

#header-search-form input {
    

    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;

}

#header-search-query.inactive {
    color: #CCCCCC;
    background: #FAFAFA;
}

input.search-button {
    cursor: pointer;
    display: inline;
    margin: 0;
    border: 1px solid;
}

.search-button.submit {
    background-color: #960;
    border-color: #960;
    color: #FFF;
}

.search-button.submit:hover {
    background-color: #630;
    text-decoration: none;
}

.search-button.reset {
    background-color: #DDD;
    color: #666;
    border-color: #999;
}

.search-button.reset:hover {
    background-color: #FFF;
    text-decoration: none;
}

#banner {
    padding: 5px 30px;
    text-align: right;
    border: 0;
    background-image: url("../images/banner_bg.png");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #EEE;
    color: #666;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #BBB;
}

#banner ul {
    padding: 0;
    margin: 0;
}
#banner li {
    list-style-type: none;
    display: inline;
    padding: 0 0 0 15px;
    margin: 0;
}

#siteVersion {
	position: absolute; 
	right: 10px; 
	top: 60px; 
	color: #FFFF00;
}

/* Page Navigation Menu (Shortcuts) */

#pagenav {
	border: 1px dotted #999966;
	background-color: #FFFFEE;
	padding: 10px;
	color: #999966;
	width: 200px;
	position: absolute;
	right: 20px;
}
#pagenav h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
	color: #666633;
}
#pagenavTitle a.expandableFeedback {
	font-size: 14px;
	color: #666666 !important;
	font-weight: normal;
}
#pagenavTitle a.expandableFeedback:link {
	color: #666666 !important;
}
#pagenavTitle a.expandableFeedback:hover {
	color: #000000 !important;
	background-color: #FFFFEE !important;
}

#pagenav ul {
	margin: 0px;
	padding: 0px;
}
#pagenav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: none;
	border: none;
	color: #666633;
}
#pagenav a:hover {
	background-color: #EEEECC !important;
}
#pagenav ul li a {
	display: block;
	color: #666633;
	background-color: #FFFFEE;
}
#pagenav ul > li > a {
	font-weight: bold;
	font-size: 110%;
	padding-left: 10px;
	width: 190px;
}
#pagenav ul > li > ul > li a {
	font-weight: normal;
	font-size: normal;
	padding-left: 20px;
	width: 180px;
}


/*******************************************************/
/* General layout common to all page types             */
/*******************************************************/


#cathVersionMenu {
	background-color: #FFFFEE;
	border: 1px dotted #CCCC99;
	color: #666633;
	font-weight: bold;
	padding: 10px;
	float: right;
	text-align: right;
}

#cathVersionMenu a {
	font-size: 90%;
}

#cathVersionMenu a, #cathVersionMenu a:link, #cathVersionMenu a:visited {
	color: #666633;
	background-color: none;
}
#cathVersionMenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/*** Tab Containers ***/


.tabContainer {
    margin: 0;
    padding: 2em 1.5em 0;
    line-height: 1.25em;
    clear: both;
}

.tabContainer li {
    display: inline;
    list-style-type: none;
    line-height: 1.25em;
}
.tabContainer li a {
    padding: 0.5em 0.5em 0;
    margin: 0 0 -1px;
    background-color: #EEEEEE;
    font-weight: bold;
    color: #666666;
    border-color: #999999;
    border-width: 1px;
    border-style: solid solid none;

    border-radius-topleft: 0.25em;
    -moz-border-radius-topleft: 0.25em;
    -webkit-border-radius-topleft: 0.25em;
    border-radius-topright: 0.25em;
    -moz-border-radius-topright: 0.25em;
    -webkit-border-radius-topright: 0.25em;
}

.tabContainer li.highlight a {
    background-color: #CC9900;
    color: #FFFFFF;
    border-color: #CC9900;
}

.tabContainer li a:hover {
    background-color: #CCCCCC ! important;
    color: #000000;
}

.tabContainer li a.active {
    background-color: #666666 ! important;
    border-color: #666666 ! important;
    color: white;
    font-size: 120%;
}

.tab {
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top: 5px solid #666;
    background-color: #FAFAFA;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.tab .tab {
	background-color: #FFFFFF;
}

/*********** features **********/

#features .feature h1, #features .feature h2, #features .feature h3, #features .feature h4 {
    font-weight: bold;
    border: 0;
    color: #666666;
    border-bottom: 1px dotted #999999;
    margin: 0 10px;
    padding: 10px 0 5px;
}

#features div.feature {
    border: 0 solid #999999;
    border-width: 0 1px 1px 0;
    background-color: #EEEEEE;
    color: #666666;
    font-size: 90%;
    width: 100%;
}

#features div.feature .content {
    padding: 10px;
}

#features ul {
    padding: 5px 0px 5px 15px;
    margin: 0;
}
#features li {
    padding: 0;
    margin: 0;
}


#features div.featureHighlight {
    border-top: 5px solid #990000;
    padding: 5px 2px;
}

#features div.featureHighlight H1, div.feature-highlight H2 {
    color: #990000;
}

#features div.featureHighlight img {
    width: 148px;
    display: block;
    background-color: #FFFFFF;
}

.feature br {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.clear {
    height: 1px;
    margin: 0;
    overflow: hidden;
}

#features > div.clear {
    height: 1em;
}

#content > div.clear {
    height: 1em;
}


#content .feature {
    background-color: #EEEEFF;
    padding: 10px;
}

#content .feature .thumb {
    border: 1px solid #9999CC;
    margin: 0 0 5px 5px;
    background: #FFFFFF;
    float: right;
    padding: 0;
}

#content .feature h2 {
    border: none;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #000033;
}

#content .feature li {
    color: #666699;
    list-style: square;
}

/* treeview */

/*
ul.treeview {
    padding: 0px;
    margin: 0px;
}
ul.treeview ul {
    padding-left: 20px;
}

ul.treeview li {
    list-style-type: none;
    padding: 4px 0 3px 20px;
    margin: 0px;
    display: list-item;
}
*/


/******  column layout *********/

#content-container {
    margin: 10px 30px 30px 30px;
    background-color: #FFFFFF;
}

#content {
    position: relative;
    margin: 0;
}

#content.full-space {
}

#content.left-space {
    margin-right: 250px
}

#features {
    float: right;
    position: relative;
    width: 230px;
    padding-left: 10px;
    margin: 20px 0 10px 10px;
}

/*********** content ***********/


#content h1, #content h2, #content h3, #content h4 {
    margin-left: 0px;
}

#content a {
/*	border-bottom: 1px dotted #996600; */
	text-decoration: none;
}
#content a:hover {
	text-decoration: none;
}
#content a.expand {
	border: none;
}
#content a.expand:hover {
	text-decoration: underline;
}

#content .imageFeature {
    width: 250px;
    border: 1px solid #CCCCCC;
}

#content .imageFeature.right {
    margin: 0 0 10px 10px;
    float: right;
}

#content .imageFeature.left {
    margin: 0 10px 10px 0;
    float: left;
}

#content .imageFeature .tab {
    border-color: #CCCCCC;
    border-width: 1px;
}

#content .imageFeature .details {
	text-align: center;
	padding: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
}

#breadcrumb {
    border-bottom: 1px dotted #999999;
    padding: 5px 0px;
}

#login {
    float: right;
    padding: 10px;
    border: 1px dotted #CCCCCC;
    background-color: #FFFFFF;
    color: #666666;
    font-size: 80%;
}

#login ul {
	margin: 0px;
	padding: 0px;
}

#login li {
	list-style-type: none;
	color: #666666;
}

#breadcrumb ul {
	margin: 0px;
	padding: 0px;
}

#breadcrumb li {
	list-style-type: none;
	display: inline;
	padding-right: 0.5em;
	margin: 0;
	color: #999999;
}

#breadcrumb li:before {
	font-size: 125%;
	padding-right: 0.5em;
	content: ">";	
	color: #FF9900;
}

#breadcrumb li.first {
    background-image:    url("../images/16x16/home.png");
    background-repeat:   no-repeat;
    background-position: left center;
    padding-left: 14px;
}

#breadcrumb li.first:before {
	content: "";
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
    color: #333333;
    border: none;
}

#breadcrumb a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: none;
}

.action-feature {
    border: 1px dotted #CCCC99;
    background-color: #FFFFFF;
    color: #999966;
    font-size: 80%;
    padding: 0pt 10px 10px 10px;
    margin: 10px 0pt 0pt 0pt;
    float: right;
    width: 230px;
    clear: right;
}

.action-feature .title {
    font-weight: none;
    position: relative;
    top: -10px;
    padding: 5px;
    margin: 0px;
    background-color: #FFFFFF;
}

.action-feature ul {
    margin: 0px;
    padding: 0px;
}

.action-feature li {
    list-style-type: none;
    display: inline;
    padding-right: 0.5em;
    margin: 0;
}


/*********** site-info (i.e. footer) ***********/

#footer {
    color: #9999CC;
    padding: 10px 30px;
    clear: both;
    text-align: left;
    border-top: 1px solid #333366;
    background-color: #666699;
    background-repeat: repeat-x;
    background-position: top;
    background-image: url('../images/footer_bg.png');
}

#footer .column-container td {
    vertical-align: top;
    width: 33%;
}

#footer h1, #footer h2, #footer h3 {
    color: #FFFFFF;
    border: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#footer h3 {
    color: #CCCCFF;
}


#footer ul {
    padding: 0.5em 1em;
    line-height: 2em;
    margin: 0;
}

#footer li {
    list-style-type: none;
    padding-right: 5px;
    font-weight: bold;
}

#footer li a, #footer li a:link, #footer li a:visited {
    font-weight: bold;
    color: #9999CC;
}

#footer li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#footer li a.more:hover {
    color: #FFFFFF;
}


#footer ul.inline {
    display: inline;
    padding: 0.5em;
}

#footer ul.inline li {
    display: inline;
}

#copyright {
    background-color: #000000;
    color: #999999;
    text-align: right;
    padding: 5px 30px;
    font-size: 90%;
}

/*********** Tables ***********/

TABLE {
	font-size: inherit;
}

TABLE.summary {
    background-color: #FFFFFF;
    caption-side: bottom;
    border: 1px solid #AAAA99;
    border-collapse: collapse;
}

TABLE.summary TH {
    padding: 2px;
    border: 1px solid #CCCCBB;
    background-color: #EEEEDD;
}

TABLE.summary TD {
    padding: 2px;
    border: 1px solid #DDDDCC;
}

TABLE.summary.text TD {
	text-align: left;
}

TABLE.summary.data TD {
	text-align: center;
}

TABLE.summary TD.text {
	vertical-align: top;
	text-align: left;
}

TABLE TR.even TD {
	background-color: #FFFFFF;
}
TABLE TR.odd TD {
	background-color: #FAFAFA;
}

TABLE.summary TR.highlight TD {
	background-color: #EEEEDD;
}

TABLE.summary caption { 
    padding: 2px;
    font-weight: bold;
    font-style: italic;
}

TABLE.summary caption.title { 
	color: #ffffff; 
	padding: 5px 5px; 
	border: none; 
	background-color: #999966; 
	font-size: 150%; 
	letter-spacing: -0.05em; 
	text-align: left; 
}

TABLE.key-value td {
    text-align: left;
    vertical-align: top;
}
TABLE.key-value td.key {
    text-align: right;
    font-weight: bold;
}
TABLE.key-value .description {
    margin-left: 10px;
    font-style: italic;
}

/********** HomCheck **********/

TABLE.homcheck TD {
    text-align: center;
}

TABLE.homcheck TD .primary {
	font-size: 130%;
	color: #000000;
}

TABLE.homcheck TD .secondary {
	font-size: 90%;
	color: #999999;
}

TABLE.homcheck TD .actions {
	background-color: #FFFFEE;
	border-top: 1px dotted #DDDDCC;
	padding: 2px;
	margin: -2px;
	position: relative;
}

TABLE.homcheck TD .actions a {
	border: none ! important;
}
TABLE.homcheck TD .actions a:hover {
	border: none ! important;
	background: none ! important;
}


/* table titles (h2) */

.tableTitle {
	margin-bottom: 0;
	color: #ffffff;
	padding: 8px 5px;
	border: none;
	background-color: #999999;
}

h2.summary {
	background-color: #999966;
}

h2.untouched {
	background-color: #996666;
}

h2.annotated {
	background-color: #CC9900;
}

h2.review {
	background-color: #669966;
}

h2.decision {
	background-color: #996666;
}

h2.scanlistReverse {
	background-color: #669966;
}

h2.scanlist {
	background-color: #CC9900;
}

h2.manual {
	background-color: #669966;
}

h2.auto {
	background-color: #996666;
}

h2 .note {
	font-size: 75%;
	font-weight: normal;
}

/* action boxes */

.databaseMessages {
	background-color: #EEEEEE;
	border: 1px solid #666666 ! important;
}

.databaseMessages .entry {
	margin: 5px;
	padding: 3px;
	padding-left: 25px;
	border: none !important;
  background-color: #EEEEEE !important;
}
.databaseMessages .alert {
	background-image: url('../images/16x16/messagebox_warning.png');
}
.databaseMessages .notice {
	background-image: url('../images/16x16/messagebox_info.png');
}


.alert {
	display: table;
	margin: 10px 0;
	padding: 10px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #FFEEEE;
	color: #660000 ! important;
	border: 1px solid #993333 ! important;
	background-image: url('../images/32x32/messagebox_warning.png');
	text-align: left;
	vertical-align: middle;
}

.notice {
	display: table;
	margin: 10px 0;
	padding: 10px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #FAFAFA;
	color: #666666 ! important;
	border: 1px solid #999999 ! important;
	background-image: url('../images/32x32/messagebox_info.png');
	text-align: left;
	vertical-align: middle;
}

.quote {
	margin: 10px 0;
	padding: 10px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #FFFFEE;
	color: #666633 ! important;
	border: 1px solid #999966 ! important;
	background-image: url('../images/32x32/edit.png');
	text-align: left;
	vertical-align: middle;
}

pre.pdb {
    overflow: auto;
    font-size: 10px;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    color: #666666;
}

pre.code {
	overflow: auto;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	color: #333333;
}

pre.error {
	overflow: auto;
}

.error {
	margin: 5px 0;
	padding: 5px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #FFEEEE;
	color: #660000 !important;
	border: 1px solid #990000 !important;
	background-image: url('../images/16x16/messagebox_warning.png');
}

.reference {
	margin: 5px;
  font-size: 90%;
}
.reference .title {
	font-weight: bold;
  display: block;
}
.reference .author {
	font-style: italic;
}
.reference .source {
}

/* buttons */

.largeButtonsContainer {
	padding: 25px 0;
	text-align: center;
}
.smallButtonsContainer {
	padding: 15px 0;
	text-align: center;
}

/* 'action' icons within headers */

/* actions in title headers */

h2  A.smallButton,
h2  A.smallButton:HOVER,
h2  A.smallButton:LINK,
h2  A.smallButton:VISITED,
h2  A.largeButton,
h2  A.largeButton:HOVER,
h2  A.largeButton:LINK,
h2  A.largeButton:VISITED,
h3  A.smallButton,
h3  A.smallButton:HOVER,
h3  A.smallButton:LINK,
h3  A.smallButton:VISITED,
h3  A.largeButton,
h3  A.largeButton:HOVER,
h3  A.largeButton:LINK,
h3  A.largeButton:VISITED
{
	text-decoration: none !important;
	background-color: transparent !important;
	border-color: transparent !important;
}


h2 .smallButtonsContainer,
h3 .smallButtonsContainer
 {
	float: right;
	padding: 0;
	margin: 0;
}

h2 .smallButtonsContainer a, 
h2 .smallButtonsContainer a:link,
h2 .smallButtonsContainer a:visited,
h3 .smallButtonsContainer a, 
h3 .smallButtonsContainer a:link, 
h3 .smallButtonsContainer a:visited {
	color: #DDDDDD !important;
}

h2 .smallButtonsContainer a:hover,
h3 .smallButtonsContainer a:hover {
	color: white !important;
}

a.smallButton {
	margin: 0;
	padding: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 2px 3px;
	background-color: #EEFFEE;
	border: 1px solid #999999;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
}

a.smallButton.clear {
    border: none;
    background-color: transparent;
}

a.largeButton {
	margin: 0;
	padding: 10px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #EEFFEE;
	border: 1px solid #999999 ! important;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	font-size: 110%;
	font-weight: bold;
}

a.largeButton.superposition {
	background-image: url('../images/32x32/rasmol.png');
}
a.largeButton.rasmol {
	background-image: url('../images/32x32/rasmol.png');
}
a.largeButton.inherit {
	background-image: url('../images/32x32/add.png');
}
a.largeButton.review {
	background-image: url('../images/32x32/ok.png');
}
a.largeButton.refresh, a.largeButton.reload {
	border-color: #9999CC ! important;
	background-color: #EEEEFF;
	background-image: url('../images/32x32/reload.png');
}
a.largeButton.return {
	background-image: url('../images/32x32/stop.png');
}
a.largeButton.accept {
	background-image: url('../images/32x32/ok.png');
}
a.largeButton.add {
	background-image: url('../images/32x32/add.png');
}
a.largeButton.cancel {
	background-image: url('../images/32x32/stop.png');
}
a.largeButton.ok {
	background-image: url('../images/32x32/ok.png');
}
a.largeButton.confirm {
	background-image: url('../images/32x32/ok.png');
}
a.largeButton.magnify {
	background-image: url('../images/32x32/viewmag.png');
}


a.smallButton.comment {
	background-image: url('../images/16x16/pencil.png');
}

a.smallButton.edit {
	background-image: url('../images/16x16/edit.png');
}

a.smallButton.superposition {
	background-image: url('../images/16x16/rasmol.png');
}
a.smallButton.rasmol {
	background-image: url('../images/16x16/rasmol.png');
}
a.smallButton.inherit {
	background-image: url('../images/16x16/add.png');
}
a.smallButton.review {
	background-image: url('../images/16x16/ok.png');
}
a.smallButton.return {
	background-image: url('../images/16x16/stop.png');
	background-color: #FFEEEE;
	border-color: #CC9999 ! important;
}
a.smallButton.accept {
	background-image: url('../images/16x16/ok.png');
}
a.smallButton.add {
	background-image: url('../images/16x16/add.png');
}
a.smallButton.cancel {
	background-image: url('../images/16x16/stop.png');
}
a.smallButton.ok {
	background-image: url('../images/16x16/ok.png');
}
a.smallButton.confirm {
	background-image: url('../images/16x16/ok.png');
}
a.smallButton.magnify {
	background-image: url('../images/16x16/viewmag.png');
}
a.smallButton.postscript {
	background-image: url('../images/16x16/pencil.png');
}

a.return:hover {
	color: #663333;
	background-color: #FFFFFF !important;
	text-decoration: underline;
}


a.add {
	color: #336633 !important;
	border: 1px solid #99CC99 !important;
}

a.add:visited, a.add:link {
	color: #336633 !important;
	border: 1px solid #99CC99 !important;
	text-decoration: underline;
}

a.add:hover {
	color: #336633;
	background-color: #FFFFFF !important;
	text-decoration: underline;
}

a.cancel {
	background-color: #FFEEEE !important;
	color: #663333 !important;
	border: 1px solid #CC9999 !important;
}

a.cancel:visited, a.cancel:link {
	color: #663333 !important;
	border: 1px solid #CC9999 !important;
	text-decoration: underline;
}

a.cancel:hover {
	color: #663333;
	background-color: #FFFFFF !important;
	text-decoration: underline;
}

a.ok, a.confirm {
	color: #336633 !important;
	border: 1px solid #CC9999 !important;
}

a.ok:visited, a.ok:link, a.confirm:visited, a.confirm:link {
	color: #336633 !important;
	border: 1px solid #99CC99 !important;
	text-decoration: underline;
}

a.ok:hover, a.confirm:hover, a.accept:hover {
	color: #336633;
	background-color: #FFFFFF !important;
	text-decoration: underline;
}


a.iconUsers {
  display: block;
  background-image: url('/images/icon_users.png');
  background-repeat: no-repeat;
  background-position: center;
  padding: 2px;
  color: #000000;
  height: 25px;
  width: 25px;
  font-weight: bold;
  border: none !important;
}

.detail {
	float: right;
	font-size: 75%;
}

/********** DomChop **********/

DIV.displayAllOptions {
	background-color: #999999;
	color: #FFFFFF;
	text-align: right;
	padding: 5px;
	margin: -10px;
}

#TabAssignments .options {
	padding: 2px;
	background-color: #DDDDDD;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px;
	text-align: right;
}
#TabAssignments .content {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

#TabAssignments div.review h2 {
	background-color: #CC9900;
}
#TabAssignments div.review {
	background-color: #FFEEDD;
}

#TabAssignments A, #TabComments A, #TabChainEvents A {
	color: #333333;
}

.choppingEntries > .entry {
	border-bottom: 1px solid #EEEEEE;
}

.historyEvents h3 {
	font-weight: normal;
  font-size: 13px;
	color: #666655;
	padding: 2px;
	margin: 0px;
	position: relative;
	border-bottom: 1px solid #CCCCBB;
	border-left: 0px;
	background-color: #EEEEDD;
}

.historyEvents .control {
  padding-bottom: 2px;
  color: #666666;
}

.historyEvents h3 .note {
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	text-align: right;
	font-style: italic;
}

.historyEvents h3 .note strong {
	font-weight: bold;
	font-style: normal;
}

.historyEvents .entry {
	margin: 0px 0px 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCBB;
}

.historyEvents p {
	margin: 2px 0;
	padding: 0 0 0 3px;
}

.imageFeatureTabContainer {
	padding: 0;
	margin: -2em 0 0 0;
	text-align: right;
}

.imageFeatureTabContainer li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

.imageFeatureTabContainer li a {
	padding: 5px;
	background-color: #dddddd; 
	color: #999999;
	border: 1px solid #666666;
}
.imageFeatureTabContainer li a.active {
	background-color: #999999; 
	color: #ffffff;
}
.imageFeatureTabContainer li a:hover {
	background-color: #ffffff;
	color: #666666;
}

.imageFeature .tab {
	padding: 0;
	margin: 0;
	border: none;
}
.acronym {
	font-weight: bold;
}

.chopping-figure {
    padding: 10px;
    text-align: center;
    overflow: auto;
}

.batchActions {
	text-align: center;
	padding: 20px;
}

.box {
	border: 1px solid #000000;
}
.green {
	background-color: #00FF00;
}
.red {
	background-color: #FF0000;
}
.yellow {
	background-color: #FFFF00;
}
.grey {
	background-color: #CCCCCC;
}
.iconUsers {
	background-image: url('../images/16x16/users.png');
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
}

/* Styling the tooltip-style AJAX elements */

.cath-entity {
	padding: 10px;
}
.cath-entity h1 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	letter-spacing: -1;
}
.cath-entity h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-color: #eee;
	padding: 5px;
}
.cath-entity p {
	padding-left: 10px;
}
.cath-entity .comment {
	padding: 10px;
	background-color: #ffe;
	border: 1px solid #ddc;
	overflow: auto;
}
.cath-entity .info {
	font-size: 11px;
	color: #999;
	text-align: right;
}
.cath-entity TABLE.columnizer TH {
	background-color: #ddc;
	text-align: center;
	padding: 5px;
	font-size: 10px;
}
.cath-entity TABLE.columnizer TD {
	padding: 5px;
	text-align: center;
	background-color: #ffe;
	font-size: 10px;
}

.cath-entity .chopping-figure-container {
	text-align: left;
	width: 250px;
	overflow: auto;
}

TABLE.columnizer TD {
    vertical-align: top;
}

/* SCOP result */

.scop-match {
	width: 100%;
}
.scop-match-nav-back {
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url('/images/16x16/back.png');	
	padding-left: 20px;
}
.scop-match-nav-forward {
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url('/images/16x16/forward.png');	
	padding-right: 20px;
}
.scop-match-content {
	width: 100%;
}

.fold {
	background-color: #ffeedd;
}
.superfamily {
	background-color: #ffffee;
}
.family {
	background-color: #eeffee;
}

.xml {
	text-align: left;
	font-size: 9px;
	overflow: auto;
}

/* HomCheck decision tree */

#homcheckDecisionTree {
	padding: 0;
	margin: 0;
}

#homcheckDecisionTree .title a, 
#homcheckDecisionTree .title a:hover, 
#homcheckDecisionTree .title a:link, 
#homcheckDecisionTree .title a:visited {
	color: #666644 !important;
	text-decoration: none !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

#homcheckDecisionTree .title {
	font-weight: normal;
	margin: 0;
	padding: 3px;
	color: #666655;
	position: relative;
	border: 1px solid #CCCCBB;
	background-color: #EEEEDD;
}

#homcheckDecisionTree li .content {
	font-weight: normal;
	position: relative;
	text-align: left;
	border: 1px solid #CCCCBB;
	border-top: none;
}

#homcheckDecisionTree li { 
	list-style-type: none;
	padding: 10px 0pt 0pt 20px;
}

#homcheckDecisionTree li.highlight {
	background-repeat: no-repeat;
	background-position: 0px 15px;
	background-image: url("../images/16x16/bookmark.png");
}


#homcheckDecisionTree .title .smallButtonsContainer {
	float: right;
	padding: 0;
	margin: 0;
}
#homcheckDecisionTree .title .smallButtonsContainer a:hover {
	color: #444422 !important;
}

#homcheckDecisionTree .title .note {
	font-size: 75%;
	font-weight: normal;
	padding-left: 10px;
	text-align: right;
	font-style: italic;
}

#homcheckDecisionTree .title .note strong {
	font-weight: normal;
	font-style: normal;
}

TABLE.homcheckDecisionSummary TD {
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

TABLE.homcheckDecisionSummary h3 {
	font-size: 90%;
	margin: 5px 0;
}

TABLE.homcheckDecisionSummary p {
	padding-left: 5px;
}


/*ul.domain-list {
    border: 1px solid #CCCCCC;
    padding: 10px;
    background: #FFFFFF;
    
}
ul.domain-list .actions {
    padding: 5px;
    text-align: right;
}*/

/*ul.domain-list li {
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: left;
    padding: 2px 2px 2px 16px;
    border-left: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
}
ul.domain-list li.root {
    font-weight: normal;
}*/

.domain-list .node {
    font-weight: normal;
    background-color: #CCCCCC;
    background-repeat: no-repeat;
    background-position: left;
    text-align: left;
    padding: 2px 5px 2px 20px;
    border-color: #999999;
    border-bottom: 1px dotted;
    border-left: 5px solid;
}

.domain-list .node a {
    color:       #000000;
    font-size:   %90;
}
.domain-list .node a:hover {
    text-decoration: underline;
}



.domain-list .node.homol_code {
    background-image: url("../images/16x16/ball_H.gif");
}
.domain-list .node.s35_code {
    background-image: url("../images/16x16/ball_S.gif");
}
.domain-list .node.s60_code {
    background-image: url("../images/16x16/ball_O.gif");
}
.domain-list .node.s95_code {
    background-image: url("../images/16x16/ball_L.gif");
}
.domain-list .node.s100_code {
    background-image: url("../images/16x16/ball_I.gif");
}
.domain-list .node.domain {
    background-image: url("../images/16x16/ball_D.gif");
    background-position: left;
    text-align: right;
    background-color: #EEEEEE;
}

.domain-list .node.domain img {
    border: 1px solid #666666;
}

.domain-list li.domain.unassigned {
    font-weight: normal;
    background: #EEEEEE;
}

.tabContainer li.help a {
    background-image: url('../images/16x16/help.png');
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
}

.pager {
    color: #999999;
    padding: 5px;
}

.pager .links {
    color: #999999;
    float: right;
}

.pager .links .item {
    padding: 0 5px;
}

.pager .links .item.highlight {
    color: #333333;
}

.pager .links a {
    color: #999999;
}

.help .sectionTitle {
    color: #FFFFFF;
    padding: 2px;
    margin: 0px;
    position: relative;
    background-color: #666699;
}
.help .sectionContent {
    background-color: #EEEEFF;
}

td .note {
    color: #999;
}

.display_option_item {
    float: left; 
    padding: 5px;
    margin: 5px;
}