/* Copyright 2007, Sustainable Fisheries Partnership. All rights reserved. */


/* @group defaults */

* {
    margin: 0px;
    padding: 0px;
}

/* @group IE6 home page warning */

* html body div#ie6_warning p{
    color: #f91a00;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    background-color: #fff;
    text-align: center;
    font-size: 9pt;
}

body>div#ie6_warning {
    display: none;
}

/* @end */

/***** Tabular forms ******/

.tabular label{
font-weight: bold;
float: left;
text-align: right;
margin-left: -180px; /*width of left column*/
width: 175px; /*width of labels. Should be smaller than left column to create some right 
margin*/
}

.tabular label.floating{
font-weight: normal;
margin:0 0 6px 8px;
text-align: left;
width: 270px;
}


h1,h2,h3,h4, h5 {
    color: #0073ad;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-size: 16pt;    
}

h2 {
    font-size: 13pt;
}

h3 {
    font-size: 10pt;
}

h4 {
    font-size: 9pt;
    
}

p {
}

.headerlable
{
    color: #0073ad;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    font-style: normal;
    float:left;
    width:100%;
}

.headerlable b { float:left; width:10%; }

.headerlable span { float:right; width:90%; font-weight:normal; color:#333; }

.small_info {
    font-size:8pt;
    color:#AAA;
/*  margin-left:15px;*/
}

.vertical_center {
    vertical-align: top;
}

div.legend {
    border: 1px solid #898989;
    padding: 5px;
    margin-bottom: 15px;
    float:left;
    width:100%;
}

div.legend p {
    margin-bottom: 5px;
}

.overline {
    border-top: 1px solid #898989;
    margin-top: 5px;
}
    
label {
    font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #898989;
}

span.spanned_popup_link a{
    font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #1611ff;
    margin-left: 5px;
}

div#flash_notice{
    padding: 3px 10px;
    background-color: #0073ad;
    color: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.other_tags, p.other_tags a {
    color: #0073ad;
    font-size: 8pt;
    line-height:32px;
    text-transform:capitalize;
}

p.other_tags strong {
    color: #000;
}

p.other_tags.control {
    padding: 2px;
    background-color: #898989;
}

p.other_tags.control a {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #fff;
    color: #fff;
}

p.other_tags.control a:hover {
    color: #fcda0f;
}

p.other_tags.control a:first-child {
    padding-left: 5px;
    border-left-style: none;
}

.vertical_spacer a{
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #9f9f9f;
}

.vertical_spacer a:first-child {
    padding-left: 0px;
    border-left: none;
}

span.summary_link, span.summary_link a {
    color: #8fd2e5;
    font-size: 9pt;
}

span.summary_link {
    margin-left: 10px;
}

textarea[disabled] {
    background-color: #e3e3e3;
}

div.no_access_rights {
    font-size: 8pt;
    width: 100%;
    padding: 5px;
    color: #f91a00;
    background-color: #e3e3e3;
    margin-top: 5px;
    margin-bottom: 5px;
}

.checkbox_option {
    margin-left: 2px;
    margin-right: 7px;
    font-size: 9pt;
}

nobr:hover {
    background-color: #c0e3ee;
}
/* @end */

/* @group layout */

.top_link a {
    color: #d1d1d1;
    font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 15px;
    text-decoration: none;
}

.top_link a:hover {
    text-decoration: underline;
    color: #b1b1b1;
}

body {
    /*background: white repeat-x url(/images/content_tile.jpg) fixed;*/ 
}

.body-foreground {
    background: repeat url(/images/diag_tile.gif) fixed;
    width: 100%;
    min-height: 500px;
}

#window {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0;
    background-color: white;
}

#header {
    background: #fff;
    height: 95px;
    width: 100%;
}

#strapline {
    background-color: #699fc8;
    color: white;
    font: 9pt Arial, Helvetica, Geneva, sans-serif;
}

#content {
    width: 800px;
    margin-top: 10px;
}

#help {
    padding: 25px; 
}

#general_content {
    padding:0px; 
    width:100%;
}

#profile_heading {
    margin-top: 15px;
    width:100%;
}

#news {
    float: right;
    width: 200px;
    margin-left: 5px;
    border-left: 1px dotted #898989;
    padding-left: 5px;
    padding-bottom: 10px;
}

#search {
    width: 300px;
    float: right;
    padding: 5px;
    background-color: #8fd2e5;
}

#search label {
    font: bold 8pt Arial, Helvetica, Geneva, sans-serif;
    color: white;
}

#credit {
    height: 25px;
    margin-top: 5px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
}


    
/* @end */

/* @group header */

#header_title {
    color: #8fd2e5;
    font: 28pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 25px;
    padding-top: 20px;
    padding-bottom: 0px;
}

#header .superscript {
    color: #8fd2e5;
    font-size: 10pt;
    vertical-align: super;;
}

#header_logo {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    width: 90px;
}

#header_strapline {
    font: 8pt Arial, Helvetica, Geneva, sans-serif;
    margin-left: 25px;
    color: #898989;
}

#header_strapline.admin {
    color: #0073ad;
    font-weight: bold;
    font-size: 10pt;
}
/* @end */

/* @group general_content */

h1 {
    padding-bottom: 15px;
}

h2 {
    margin-bottom: 25px;
    margin-top: 30px;
}

p{
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-bottom: 14px;
}
/* @end */

/* @group news */

#news h4 {
    margin-top: 15px;
    border-top: 1px solid #e3e3e3;
}

#news h5 {
    color: #898989;
    font-size: 8px;
    margin-top: 0px;
    margin-bottom: 5px;
}

#news h3 {
    font-weight: bold;
}

#news p {
    font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

#news p.news_link_to_fishery {
    margin-top: 3px;
    margin-bottom: 3px;
}

#news p.news_link_to_fishery a{
    text-decoration: none;
    color: #898989;
}

#news p.news_link_to_fishery a:hover{
    text-decoration: underline;
    color: #3d3d3d;
}
/* @end */
/* fishery */
#profile {
    border-left:1px dotted #898989;
    float:right;
    margin-left:5px;
    padding-bottom:10px;
    padding-left:5px;
    width:200px;
}

#profile p {
    font: 9pt Arial, Helvetica, Geneva, sans-serif;
}

#profile p.profile_link_to_fishery {
    margin-top: 3px;
    margin-bottom: 3px;
}

#profile p.profile_link_to_fishery a{
    text-decoration: none;
    color: #898989;
}

#profile p.profile_link_to_fishery a:hover{
    text-decoration: underline;
    color: #3d3d3d;
}
/*end*/

/* @group menu */

div#menu {
    margin-top: 10px;
    background-color: #1551a2;
    line-height: 2em;
    height: 2em;
    width: 100%;
    padding: 0px;
    background: url(../images/menu_stripe.jpg) repeat-x;

}

div#menu.admin {
    background: #4d9b30 none;
}

div#menu ul {
    float: left;
}

div#menu ul.login {
    float: right;
}

div#menu ul li{
    display: inline;
    list-style-type: none;
    margin-left: 7px;
}

div#menu ul.login li{
    border-left: 2px solid #c0e3ee;
    margin-left: 0px;
}

div#menu ul.login li:first-child {
    border-left-style: none;
}

div#menu a.active_link {
    color: #fecd14;
}

div#menu ul li a {
    color: white;
    text-decoration: none;
    font: bold 0.75em/2em arial, helvetica, sans-serif;
    padding: 0.5em 1em 0.5em;
}

div#menu.admin a:hover {
    color: #fecd14;
    background: #0d6100;
}

div#menu a:hover {
    color: #fecd14;
    background: #699FC8;
}

/* @end */

/* @group footer */

/* @end */

/* @group credit */

.fs_logo {
    float: left;
    margin-left: 10px;
}

.fs_id {
    font-size: 8pt;
    margin-right: auto;
    margin-left: auto;
    width: 400px;
    padding-top: 5px;
    text-align: center;
}

.fs_url {
    float: right;
    margin-right: 10px;
    font-size: 8pt;
    padding-top: 5px;
    text-decoration: none;
    color: #6b6b6b;
}
/* @end */

/* @group Profile heading */

div#profile_name {
    width:100%;
    padding: 0;
    margin: 0;
}

div#profile_name p {
    width:99%;
    padding: 0;
    margin: 0;
    float:left;
}

div#profile_name p font { float:left; width:50%; display:block; }

div#profile_name p span { float:right; width:20%; display:block; text-align:right; }

#profile_heading h4 {
    font-size: 8pt;
    margin-left: 25px;
}

#profile_heading h1 {
    margin: 0 0 0 25px;
    padding: 0;
    float: left;
}

/* The specific selector is not recognised before IE7 */

div#contribute,div#contribute>ul, div#contribute>ul>li, div#contribute>ul>li>h1, div#contribute>ul>li>h1>a, div#contribute>ul>li>ul#contribute_more, div#contribute>ul>li>ul#contribute_more>li.contribute_more_item {
    z-index: 100;
}

div#contribute>ul {
    width: 100px;
    float: left;
}

div#contribute ul, 
div#contribute ul li ul {
    list-style-type: none;
}

div#contribute>ul>li {display: block; position: relative;}

div#contribute>ul>li a { display: block; position: relative;}

div#contribute>ul>li ul {display: none; position: absolute;}

div#contribute>ul>li:hover ul, div#contribute>ul>li.over ul {display:  block;}

div#contribute>ul>li>h1 {
    margin: 0;
    padding: 3px;
    background-color: #8fd2e5;
}

div#contribute>ul li h1 a {
    color: #fff;
    text-shadow: #898989 2px 2px 4px;
    font: normal 13pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#contribute>ul>li ul#contribute_more {
    top: 20px;
    left: 0px;
    background-color: #8fd2e5;
    padding: 3px;
    width: 100px;
}

div#contribute>ul>li ul#contribute_more li{
    border-top: 1px dotted #fff;
    padding: 3px;
    margin: 7px 0;
    font-size: 9pt;
}

div#contribute>ul>li ul#contribute_more a{
    color: #000;
    font-size: 9pt;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* Fix IE. Hide from IE Mac \*/
/* FishSource specific hack to work without JS for Contribute */
/* Just lay out contribute subnodes in a horizontal list */
* html div#contribute ul {
    float: left;
    clear: left;
    margin-top: 10px;
}
* html div#contribute ul#contribute_more { background-color: #fff; }
* html div#contribute li h1 { display: none;}
* html div#contribute li ul#contribute_more li{
    display: inline;
    border-right: 1px solid #898989;
    padding-right: 10px;
    padding-left: 10px;
}
/* End */

#pdf_download {
    margin-left: 25px;
    margin-top:20px;
    font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #1551a2;
    padding: 0;
    width:98%;
}
/* @end */

/* @group profile_tabs */

.colloquial_profile_name {
    color: #d1d1d1;
    font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    /*margin-right: 15px;*/
    width:100%;
}

#profile_tabs {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0px;
    border-bottom: 1px solid #bababa;
    width:100%;
}

#profile_tabs ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    height: 26px;
    width:700px;
}

#profile_tabs ul li:first-child {
    margin-left: 25px;
}

#profile_tabs ul li {
    display: block;
    float: left;
    margin-right: 5px;
    background-color: #e3e3e3;
    border-top: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    color: #575757;
    /* padding-right: 7px;
    padding-left: 7px; */
    height: 25px;
}

#profile_tabs ul li a.tab_logo {
    padding-left: 25px;
    background: url(/images/small_logo.gif) no-repeat 3px 3px;
}

#profile_tabs ul li a {
    display: block;
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 0;
    text-decoration: none;
    color: #575757;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 3px;
}

#profile_tabs ul li.active {
    border-bottom: 1px solid white;
    background-color: #fff;
    color: #151515;
}

#profile_tabs ul li.active a {
    color: #151515;
}

#profile_tabs ul li a:hover {
    color: white;
    background-color: #1551a2;
}

/* @end */

/* @group profile_id */

#profile_species {
    display: block;
    width:250px;
    float: left;
    /*clear: left;*/
    margin-top: 15px;
    border-top: 2px solid #0073ad;
    padding-top: 15px;
}

#profile_info {
    display: block;
    width:250px;
    float: left;
    background:#f1f1f1;
}

#profile_map {
    display: block;
    float: right;
    padding: 0;
    margin: 0;
}

#profile_id p {
    display: block;
}

#profile_id label {
    display: block;
    font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #aeaeae;
}

/* @end */

/* @group data_summary */

div.data_summary h2 {
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 0;
/*  width: 100%; */
    border-style: none;
}

div.data_summary h3 {
    margin-top: 5px;
    margin-bottom: 15px;
/*  width: 100%; */
    font-size: 10pt;
    border-style: none;
    color: white;
    background-color: #0073ad;
    padding: 2px;
}

div#profile_id.data_summary label {
    display: block;
    font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #aeaeae;
    text-align: left;
    width: 25em;
    float: left;
    margin-left: 2em;
    margin-right:1em;
}

div#profile_id.data_summary p.data {
    display: block;
    width: 5em;
    text-align: right;
    float:  left;
}

div#profile_id.data_summary p {
    display: block;
}

img.ds_image {
    float: right;
    border: none;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

#profile_search_results strong {
    font-weight: bold;
    color: #0073ad;
}

.strong {
    color: #0073ad;
    font-style: italic;
    font-weight: bold;
    font-family: Arial, Helvetica, Geneva, sans-serif;
}

div.data_summary div.issue {
    margin-bottom: 20px;
    color: #575757;
    width: 300px;
    float: left;
    font: bold 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.data_summary div.index {
    text-align: left;
    position: relative;
    min-width: 50%;
    font: 14pt "Lucida Grande", Lucida, Verdana, sans-serif;
} 


div.data_summary div.index a{color: #1551a2;font-size: 14pt;text-align: right;}

div.data_summary div.index a span.additional_fishsource_score_info, td.index a span.additional_fishsource_score_info {
    display: none;
}

/* Hack to fix CSSPopup IE6 bug */
/* http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp */
/* Don't use color here */
div.data_summary div.index a:hover, td.index a:hover {
    text-indent: 0;
}

div.data_summary div.index a:hover span.additional_fishsource_score_info, td.index a:hover span.additional_fishsource_score_info {
    display: inline;
    text-align: left;
    color: #fff;
    top: auto;
    left: auto;
    z-index: 99;
    width: 300px;
    position: absolute;
    background-color: #1551a2;
    padding: 5px;
    font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 10px; 
}


.additional_score_info { 
    position:absolute; 
    right:10px; 
    top:500px;          
    width:300px; 
    display:none;
    text-align: left;
    z-index: 50;
    color: #fff;
    background-color: #1551a2;
    padding: 5px;
    font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 10px; 
}            

.additional_score_info a{}
.additional_score_info a:hover{ display: compact;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt span{ 
    display: none; 
}

a.tt { 
    position:relative;
    border-bottom-style:double; 
    text-decoration:none;
    color:#006BA1;
    z-index:24; 
}

a.tt:hover {
    text-indent: 0;
    z-index: 25;
}


a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
    padding: 15px 0 0 0;
    width:200px;
    color: #000;
    text-align:left;
    text-decoration:none;
    filter: alpha(opacity:99);
    KHTMLOpacity: 0.99;
    MozOpacity: 0.99;
    opacity: 0.99;
    z-index: 99;
}

a.tt:hover span.top{
    display: block;
    padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 8px;
    text-decoration:none; 
    background: url(../images/bubble_filler.gif) repeat bottom; 
}

a.tt:hover span.bottom{
    display: block;
    padding:3px 8px 10px;
    color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

div.data_summary h3.grey_background {
    background-color: #fff;
    color: #898989;
    border-bottom: 1px solid #898989;
}

/* @end */

/* @group basics */


 div.basics h2 {
    margin-bottom:15px;
    margin-top: 0;
    padding-top: 0;
/*  width: 100%; */
    border-style: none;
    border-bottom:1px solid #DFDFDF;
    
}
div.basics h2 span
{ color:#36A3D1; }



div.basics h3 {
    margin-bottom: 15px;
    font-size: 11pt;
}

div.basics h4 {
    margin-bottom: 10px;
    margin-left: 25px;
    font-size: 10pt;
    font-weight: bold;
} 
div.basics p {
    margin-left: 25px;  
}

div.basics ul, div.basics ol {
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 45px;
}

div.basics li {
    margin-bottom: 14px;
}

#b_management_timetable table {
    margin-left: 25px;
    padding: 5px;
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    border: 2px solid #e3e3e3;
    border-collapse: collapse;
    width: 75%;
}

#b_management_timetable table tr{
    border: 1px solid #e3e3e3;
}

/* Only works in Konqueror right now! Would allow for CSS based row style alternation

#b_management_timetable table:nth-child(2n+1) {
    background-color: #e3e3e3;
} */

#b_management_timetable table th{
    text-align: left;
    width: 7em;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 5px;
    color: #0073ad;
    border: 1px solid #e3e3e3;
}

#b_management_timetable table td {
    border: 1px solid #e3e3e3;
    padding: 5px;
}


/* @end */

/* @group basic_navigation */

#basic_navigation {
    width: 150px;
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 5px;
    border: 1px solid #898989;
    background-color: #fdf599;
}

#basic_navigation li span.current_node {
    font-weight: bold;
    color: #1551a2;
    font-size: 10pt;
}

#basic_navigation h2{
    color: #0073ad;
    padding: 2px;
    font-size: 10pt;
}

#basic_navigation ol, #basic_navigation ul {
    margin: 0 0 0 2em;
    padding: 0;
}

#basic_navigation ol li, #basic_navigation ul li {
    margin-bottom: 3px;
}

#basic_navigation ol li ol li {
    list-style-type: lower-latin;
}

#basic_navigation ol li, #basic_navigation ul li, #basic_navigation ol li a, #basic_navigation ul li a {
    text-decoration: none;
    font-size: 8pt;
    color: #898989;
}

#basic_navigation ol li a:hover, #basic_navigation ul li a:hover {
    text-decoration: underline;
    color: #1551a2;
}

/* @end */

/* @group Navigation links */

div.navigation_links {
    width: 100%;
    padding: 10px;
    background-color: #898989;
    height:1em;
}

div.navigation_links a {
    display: block;
    font-size: 8pt;
    font-weight: bold;
    color: #fff;
}

div.navigation_links a:hover {
    color: #8fd2e5;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/* @end */


/* @group help */

#help_link {
    display: block;
    position: fixed;
    top: 0;
    left: 20px;
    width: 120px;
    height: 24px;
    padding: 2px 5px;
    background: url(/images/help/help_background.png) no-repeat fixed 20px 0;
}

#help_link p, #help_link p a {
    color: #7ab62e;
    font: bold 11pt "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
    padding: none;
    margin: 0;
    text-decoration: none;
}

#help_link p a:hover {
    text-decoration: underline;
}

#MB_content #help {
    width: 600px;
    height: 400px;
    overflow: scroll;
}

#help img {
    border: 1px solid #898989;
}


/* @end */

/* @group user account */

fieldset.user_account {
    border: 1px dotted #699fc8;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 50%;
    float: left;
    margin-right: 15px;
}

fieldset.user_account legend.fieldset_label {
    color: #699fc8;
    font: bold 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 10px;
    background-color: #fff;
    padding: 5px;
}

div#profile_application_form {
}

div#profile_application_form fieldset {
    border: 1px dotted #699fc8;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

div#profile_application_form fieldset legend {
    color: #699fc8;
    font: bold 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-left: 10px;
    background-color: #fff;
    padding: 5px;
}

div#profile_application_form dt{
    color: #1551a2;
}

div#profile_application_form dd{
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-bottom: 14px;
    margin-left: 25px;  
}

div#profile_application_form dl {
    font-weight: bold;
    margin-left: 25px;  
}

/* @end */

/* @group pagination */

div.pagination {
    display: inline;
    line-height:32px;
}

div.pagination a {
    text-decoration:none;
    color:#333;
    padding:1px 4px;
    background:#fff;
    border:1px solid #fff;
}

div.pagination a:hover {
    text-decoration:none;
    color:#0073AD;
    background:#9ddcee;
    border:1px solid #d2d2d2;
}

div.pagination span.disabled {
    display: none;
}

div.pagination span.current {
    padding:1px 4px;
    text-decoration:none;
    color:#0073AD;
    background:#9ddcee;
    border:1px solid #d2d2d2;
}

/* @end */

table.data-table {
    margin-bottom: 25px;
    padding: 5px;
    font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
    border: 2px solid #e3e3e3;
    border-collapse: collapse;
    width: 75%;
}

tr.table-row-even {
  background-color: #eee;
}
tr.table-row-odd {
  background-color: #ddd;
}
tr.table-row-header {
  background-color: #ccc;
}

/* edit controls for data tables */
.editcontrol {
  border: none;
}

.data-table td .editcontrol {
  display: none;
  
}
.data-table td:hover .editcontrol {
  display: block;
  position: absolute;
}
.data-table th .editcontrol {
  display: none;
}
.data-table th:hover .editcontrol {
  display: block;
  position: absolute;
}

/* @group about sub menu */

div#about_sub_menu {
    font: bold 9pt Arial, Helvetica, Geneva, sans-serif;
    padding-left: 0px;
    padding-right: 25px;
    color: #4481ff;
    margin-top: 5px;
}

div#about_sub_menu ol {
    display: inline;
    list-style: none;
}

div#about_sub_menu ol li:first-child {
    display: inline;
    border-left: 1px none #d8d8d8;
    padding-left: 0;
}

div#about_sub_menu ol li {
    display: inline;
    border-left: 1px solid #d8d8d8;
    padding-left: 5px;
}

div#about_sub_menu ol li a{
    color: #9f9f9f;
}

div#about_sub_menu ol li a:hover{
    color: #4481ff;
}

/* @end */

table.data-table_shiftu {
    margin-left: 25px;
}

table.data-table th {
    font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #1c9fc7;
/*  width: 40px; */
    text-align: left;
}

table.data-table td {
    font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    padding: 3px 5px;
}

img.ds_image_left {
    border: none;
    margin-left: 25px;
    margin-bottom: 25px;
}

/* @group reviews */

div#edit_rating {
    float: right;
    width: 200px;
    margin-right: 25px;
    background-color: #e3e3e3;
    padding: 25px;
}

div#edit_rating p, div#edit_rating h4 {
    margin-left: 0;
    margin-right: 0;
}

div#edit_rating.float_left {
    float: left;
}

span.radio_button {
    color: #000;
    font-size: 9pt;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 5px;
}

div#edit_rating h4 {
    font-size: 9pt;
}

.information {
    font-size: 7pt;
    color: #3d3d3d;
}

div.review {
    display: block;
    width: 100%;
    border-top: 1px solid #898989;
    padding-top: 5px;
    margin-bottom: 15px;
}

div.review_author {
    width: 150px;
    float: left;
}

div.review_author h4, div.review_author p {
    margin-left: 15px;
}

div.review_author p span.colloquial_profile_name {
    margin-left:0px;
}

div.review_body {
    float: left;
    width: 600px;
    border-bottom: 1px dotted #e3e3e3;
    margin-bottom: 15px;
}

div.review_links {
    margin-left: 150px;
}

div.review_links p, div.review_links span, div.review_links a {
    color: #8fd2e5;
    font-size: 8pt;
    font-weight: bold;
}

/* @end */

/* @group ratings */

#profile_rating_summary {
    display: block;
    width: 200px;
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 5px;
    border: 1px solid silver;
    background-color: silver;
    clear: right;
}

#profile_rating_summary.narrow{
    width: 150px;
}


#profile_rating_summary.float_left {
    float: left;
}

#profile_rating_summary h2 {
    color: #0073ad;
    padding: 2px;
    font-size: 10pt;
}

#profile_rating_summary h4 {
    color: #0073ad;
    padding: 2px;
    font-size: 9pt;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 6px;
    font-weight: normal;
    font-style: normal;
}

#profile_rating_summary p {
    font-size: 8pt;
    margin-left: 2px;
    color: #575757;
}

#profile_rating_explanation {
    display: block;
    float: left;
    width: 200px;
    padding: 5px;
}

#profile_rating_explanation h3 {
    margin-left: 25px;
}



/* @end */

.small_link {
    font-size: 8pt;
    color: #3d3d3d;
    margin-left: 10px;
}

.to_do_link {
    font-size: 10pt;
    color: #3d3d3d;
    float: right;
    margin-left: 10px;  
    font-style: italic;
}


.to_do_link:hover {
    color: #f91a00;
}

.small_link_new {
    font-size: 8pt;
    color: #3d3d3d;
    margin-left: 10px;
    line-height:22px;
}

.small_link_new:hover {
    color: #f91a00;
}

/* @group Error messages */

.inline_error {
    margin-left: 10px;
    margin-right: 10px;
    color: #f91a00;
    font-size: 10pt;
}

div.errorExplanation {
    padding: 15px;
    margin-top:25px;
    margin-bottom: 10px;
    border: 1px solid #f91a00;
    width: 300px;
}

div.errorExplanation p, div.errorExplanation li {
    color: #f91a00;
}

div.errorExplanation p {
    font-size: 10pt;
}

div.errorExplanation li {
    font-size: 9pt;
    margin-left: 15px;
}

select.fieldWithError {
    background-color: #fefe40;
}

input.fieldWithError {
    background-color: #fefe40;
}

/* @end */

/* @group login pages */

div.login {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.login p { margin:0; padding:0; }

/* @end */

/* @group admin_profile */

table.admin_profile_list {
     background:url(/images/admin-table-tl-bg.jpg) no-repeat left top;
    
}

table.admin_profile_list th {
    font: bold 10pt Helvetica, Geneva, sans-serif;
    color: #fff;
    text-align: left;
    padding: 3px 3px 3px 6px;
}

table.admin_profile_list td {
    font: 9pt Helvetica, Geneva, sans-serif;
    padding: 0px 3px 0px 3px;
    line-height:20px;
    
}

table.admin_profile_list td a {

    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #898989;
    color: #0073AD;
}
table.admin_profile_list td a img { border:1px solid #d0e3ff; padding:2px; }

table.admin_profile_list td a:hover {
    color: #353535;
}

table.admin_profile_list td a:first-child {
    padding-left: 0;
    border-left-style: none;
}

table.admin_profile_list th.wide {
    width: 190px;
}

table.admin_profile_list th.medium {
    width: 100px;
}

table.admin_profile_list tr:hover {
    background-color: #c8e1ef;
}
/* @end */

/* @group wysiwyg editor controls */



.wysiwyg {
    display: block; 
    padding: 0px;
    height: 22px;
    margin-bottom: 2px;
}

img.stylebutton {
    border: none;
}


/* @end */

/* @group Resource Selector */

div#resources_modal{
    height: 800px;
    _height:750px;
    overflow: scroll;
}

span.back_link {
    display: inline;
}

span.back_link a{
    color: #1611ff;
    margin-left: 5px;
    font-size: 10pt;
}


div.resource {
    border-top: 1px dotted #898989;
    padding-top: 5px;
    padding-bottom: 5px;
    /*min-height: 55px;*/
    float:left;
    width:99%}

div.resource img { float:left; _margin-top:8px; }

div.resource span.copy_resource_selector_controls {
    display: none;
}

div.resource:hover span.copy_resource_selector_controls {
    display: block;
    position: relative;
/*  top: auto;
    left: 0px;*/
    background-color: #e3e3e3;
    padding: 2px;
    border: 1px solid #898989;
    z-index: 1;
    color: #000;
    font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



textarea.textarea_resources_modal {
    width:500px;
    height:50px;
    font-size: 9pt;
    background-color: #e3e3e3;
}

.resource_preview {
    width: 100px;
    float: left;
    font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #1c9fc7;
}



.resource_details {
    float: left;
    margin-left: 5px;
}

.resource_reference {
    color: #1619ff;
    font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

.resource_tags {
    color: #898989;
    font-size:8pt;
}

div#preview_modal {
    height: 450px;
    overflow: scroll;
}

div#preview_modal li {
	list-style-position: inside;
}

a.copy_editor_menu_link {
    border-left: 1px solid #898989;
    padding-right: 5px;
    padding-left: 5px;
}

a.copy_editor_menu_link:first-child {
    border-left-style: none;
    padding-left: 0;
}

span.copy_editor_view_resources {
    float: right;
    color: #d1d1d1;
    font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

li.profile_section_name_rights {
    color: #898989;
}

input.permissions_check_box {
    margin-left: 3px;
    margin-right: 5px;
}

a.profile_copy_edit_link {
    margin-right:5px;
    text-decoration: none;
    color: #898989;
}

a.profile_copy_edit_link:hover {
    color: #0073ad;
    text-decoration: underline;
}


textarea.textarea_small {
    width:640px;
    height:100px;
}

textarea.textarea_medium {
    width:640px;
    height:160px;
}


textarea.textarea_large {
    width:640px;
    height:480px;
}

/* @group Profile Section Tree */
div#profile_section_tree  { 
}
div#profile_section_tree span select {  
 margin:0px 0 5px 0;
}
/* Start Profile Section Tree for Profile group  */
.profile-section-left-wrapper { margin:0 0 15px 0; padding:0; float:left; clear:both; line-height:24px; width:100%; border:0px solid #333; }
.profile-section-left-wrapper span { margin:0; padding:0; float:left; display:block; height:24px; }
.profile-section-left-wrapper p { margin:0; padding:0; float:left; clear:both; width:100%; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px; }

.profile-section-left-title { font-size:17px; font-weight:bold; color:#333; }

div.profile-section-right-wrapper { margin:0 0 15px 0; padding:0; float:left; clear:both; border:0px solid #333; }
div.profile-section-right-wrapper span { margin:0; padding:0; width:60px; float:left; display:block; height:24px; }
div.profile-section-right-wrapper p { margin:0; padding:0; float:left; width:100%; height:30px; }
div.profile-section-right-wrapper p select { margin:0px 0 0px 0; }

.profile-section-rule-top { margin:0; padding:0 0 0 10px; }

.right-hori-scroll { margin:0; padding:0; width:auto; overflow:auto; overflow-y:hidden; border:0px solid #333; }
/* End Profile Section Tree */

div#profile_section_tree span.copy_status{
    color: white;
    text-decoration: none;
    padding-left: 3px;
    padding-right:  3px;
    background-color: #3d3d3d;
    font: bold 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#profile_section_tree span.copy_status.disabled {
    background-color: #898989;
}

div#profile_section_tree p {
    display: inline;
}

.editable, a.editable{
    font-weight: bold;
    color: #61be00;
    text-decoration: underline;
}

div.copy_statuses{
    position: absolute; 
    top: 0;
    left: 300px;
    padding: 0;
    margin: 0;
}

div.node {
    width: 400px;
    height: 1em;
    padding: 0px;
    position: relative;
}

div.node:hover {
    background-color: #c0e3ee;
}

div.depth0 {
    padding-left: 0;
    margin-top: 7px;
}

div.depth1 {
    padding-left: 20px;
    margin-top: 6px;
    width: 380px;
}

div.depth2 {
    padding-left: 40px;
    margin-top: 4px;
    width: 360px;
}

div#profile_section_tree div.node.depth0 p {
    color: #000;
    font-size: 10pt;
}

div#profile_section_tree div.node.depth1 p {
    color: #575757;
    font-size: 9pt;
}

div#profile_section_tree div.node.depth2 p {
    color: #898989;
    font-size: 8pt;
}

div.legend span.copy_status:first-child {
    margin-left: 15px;
}

div.legend span.copy_status {
    font-size: 7pt;
    font-weight: bold;
    color: white;
    text-decoration: none;
    margin-right: 5px;
    padding-left: 3px;
    padding-right:  3px;
}
span.copy_status_icon span.copy_status_text {
    display: none;
}

span.copy_status_icon_substitute {
    width: 15px;
    padding: 0px;
}

span.copy_status_icon.icon_approved_true span.copy_status_icon_substitute {
    background: url(/images/status_icons/approved.gif) no-repeat center center;
}

span.copy_status_icon.icon_approved_false span.copy_status_icon_substitute {
    background: url(/images/status_icons/unapproved_assigned.gif) no-repeat center center;
}

span.copy_status_icon.icon_approved_true.icon_copy_author_unassigned span.copy_status_icon_substitute {
    background: url(/images/status_icons/approved_unassigned.gif) no-repeat center center;
}

span.copy_status_icon.icon_approved_false.icon_copy_author_unassigned span.copy_status_icon_substitute {
    background: url(/images/status_icons/unapproved_unassigned.gif) no-repeat center center;
}

img.copy_icon_legend {
    position:relative;
    top:3px;
}

.approved_true {
    background-color: #659726;
}

.approved_false {
    background-color: #eab600;
}

.copy_author_unassigned {
    background-color: #f91a00;
}

/* @end */

/* Reorganise all these below */

table.indices_summary {
    font: 10pt Helvetica, Geneva, sans-serif;
}

table.indices_summary td{
    text-align: right;
    padding-right: 25px;
}

table.indices_summary td.indices_summary_col1{
    text-align: left;
}

table.indices_summary th.indices_summary_col1 {
    width: 250px;
}

table.indices_summary tr:hover {
    background-color: #d0fdff;
}

    div.auto_complete {
      width: 350px;
      background: #fff;
    }

/* @group Autocompletion styles */

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul li.highlightclass {
  font: bold 10pt Arial;
  color: #3d3d3d;
  background-color: #f9ff25;
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

/* @end */

/* @group FTS for profile names
 */

div#profile_search_results {
    margin-left: 25px;
}

div#profile_search_results h2 {
    margin-bottom: 5px;
}

div#profile_search_results ol {
    margin-top: 2px;
    margin-left: 25px;
}

div#profile_search_results li {
    font: 10pt Helvetica, Geneva, sans-serif;
    margin-bottom: 4px;
}

div#profile_search_results span.fts_score {
    color: #b8b8b8;
    font-size: 8pt;
    margin-left: 10px;
}

div#profile_search_results span.fts_headline {
    color: #b8b8b8;
    font-size: 8pt;
}

div#profile_search_results li a {
    color: #000;
    text-decoration: none;
}

div#profile_search_results li a:hover {
    text-decoration: underline;
}

div#profile_search_results li em {
    font-weight: bold;
    font-style: italic;
}


/* @end */

.labeled_marker_label {
    font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #c0e3ee;
    visibility: hidden;
    z-index: 99;
    background-color: #1551a2;
    padding: 2px;
}

ul.history li{
    font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-left: 20px;
}

/* admin class start */
.admin-right-part { margin:0; padding:0; }

.admin-right-part a { text-decoration:none; color:#333; }
.admin-right-part a:hover { text-decoration:underline; color:#333; }

/*tr.admin-table-top-left { background:url(/images/admin-table-tl-bg.jpg) no-repeat left top; }*/
tr.admin-table-top-left th { color:#123F90; line-height:26px; }

td.admin-table-content-left-border { border-left:1px solid #eaeaea; }

td.admin-table-content-left-border img {border: 0px}

td.admin-table-content-right-border { border-right:1px solid #eaeaea; }

tr.admin-table-content-border td { border-bottom:1px solid #eaeaea; padding-top:5px ;  padding-bottom:5px ; }

.admin-table-bottom-left { background:url(/images/admin-table-bl-bg.jpg) no-repeat left bottom; margin:0; padding:0; height:11px; text-align:right; }
.admin-table-bottom-left img { margin-right:-3px; }

td.admin-table-content-right-border td a { color:#0073AD; text-decoration:none; }
td.admin-table-content-right-border a:hover { color:#353535; text-decoration:underline; }
.admin-view a { color:#04475F; text-decoration:none; }


/* admin class end */

/* profile Section group hover*/


.below-tooltip {  width:80px; text-align:right; }

td.rule_section1 div.rule_action {
    display: none;
}


td.rule_section1:hover div.rule_action {
    display:block;
    position: absolute;
    margin:-32px 0 0 0;
    =margin: -20px 0 0 -47px;
    top: auto;  
    background-color: #e3e3e3;
    padding: 2px;
    border: 1px solid #898989;
    z-index: 1;
    color: #000;
    font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

td.alias_profile p.alias_label{
    color:#f9ff25;
}


.section-titile {
     font-weight:bold;
}
.new_left_one { margin:0; padding:0; float:left; width:350px; height:1060px; =height:1150px; }
.new_left_one td { padding:0; height:24px; font-size:12px; }
.new_right_one { margin:0; padding:0; float:right; border:0px solid #333; width:400px; height:1060px; =height:1150px; overflow:auto; }
.new_right_one td { padding:0 15px 0px 0; height:26px; }

.data_summary_content
{
float:left; clear:both; width:98%;
}

.data_summary_content_new
{
 width:98%;
}

.data_summary_management_quality
{
 float:left; min-width:44%;
}

.data_summary_fish_stock
{
 float:right; width:44%;
}

div.to_do_editor_pane {
  background-color: #c3eaf6;    
  width: 400px;
  z-index: 50;
  position: fixed;
  right: 0;
  top: 0px;
  bottom: 0px;
  border-left: 2px solid #afafaf;
  border-top: 2px solid #afafaf;
  border-bottom: 2px solid #afafaf;
  padding: 5px;
  overflow: auto;
}


/* Profile-Data summary page -Faq Menu */
#profile_faq_menu
{   height:30px;
    float:left;
    padding:0px;
}
.profile_faq
{ 
    margin-bottom:0px;
    padding-top:6px;
    margin-left:15px;
}
/* ends */

.copy_updated_on:hover {	
   font-weight:bolder;   
   color:#0073AD;
   font-family:"Lucida Grande",Lucida,Verdana,sans-serif;	
}

optgroup option{
  margin:0px 0px 0px 10px;
}

table.admin_profile_list th.wide_max {
  width:225px;
}