﻿/*  form styles   */
 .absm{
   vertical-align: middle;
}
 
.gap {
padding-top:1em;
}
.core  {
border: solid 1px #7f7f7f;
background-color: #002252;
padding: 0px;
color: #ffffff;
}


.core h3
{
    margin:0;
    padding: 4px;
   height:16px; 
    color: #002252;
    font-size: 12px; 
    background: #002252 url(_images/title_bg1.gif) repeat-x top left;   

}

.core h4 {
   padding: 5px;
color: #ffffff;

}

.core p
{
    line-height: 1.4;
   padding: 5px;
}

.core a
{
    color: #FFF;
   text-decoration:none;
}

.core a:hover
{
   text-decoration:underline;
}

.core1 {
width:10%;
float:left;
}
.core2 {
width:30%;
float:left;
}
.core3 {
width:20%;
float:left;
}


fieldset {
border: 1px dashed #555555;
padding: 8px;
margin: 0;
 margin-bottom:10px;
}
legend {
padding: 0 10px;
font-size: 120%;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
}


select {
border: 1px solid #333333;
background-color: #ffffff;

}
.formTable td {
padding: 0 0 5px 0;
}

label  {
font-weight: bold;
}

.row, .form-row {
padding:0;
margin:0;
clear: both;
padding-top: 5px;
}

    .field_label    {
        clear:both;
        float:left; 
        width:150px;
        padding:3px 0px 0px 0px;
    }
    
    .field_description    {
        float:left;
        width:470px;
    }


.spacer {
clear: both;
height: 10px;
}

 

input.disabled {
   border: 1px solid #F2F2F2;
   background-color: #F2F2F2;
}


/*validation*/
input, select, textarea {  width:200px; }

select.error,input.error1, input.error, textarea.error {
   border: 1px solid #FF3300;
   background-color: #FFD2D2; 
}


/*label.error {
  background:url("_images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

label.checked {
  background:url("_images/checked.gif") no-repeat 0px 0px;
}
*/

p.error, label.error{
  background:url("_images/exclamation.png") no-repeat 0px 0px;
  padding-left: 20px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
  margin-left:5px;
}   

span.red {

  font-weight: bold;
  color: #EA5200;

}

label.checked, .checked {
  background:url("_images/tick.png") no-repeat 0px 0px;
}

input:focus { border: 1px dotted black; }

input.error { border: 1px dotted red; }



div.container {
   background-color: #fff;
   /*border: 1px solid red;
   margin: 5px;
   padding: 5px;*/
   width:250px;
}

div.container { display: none }
.container label.error {
   display: block;
   margin-left: 0.5em;
   width: auto;
   color: red;
   cursor: hand;
   cursor:pointer;
}     

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
   font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    /*font-weight:bold;*/
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* marine N2K */

div#contentContainer .buttons a.n2k, button.n2k, .buttons a:visited, .buttons a:link{
    color:#fff;
    background-color:#002252; 
}
div#contentContainer .buttons a.n2k:active{
    background-color:#002252;
    border:1px solid #002252;
    color:#ffffff;

}
div#contentContainer .buttons a.n2k:hover, button.n2k:hover{
    background-color:#367291;
    border:1px solid #002252;
    color:#ffffff;  
}


/* end buttons*/ 

.framed 
{
    background-color: #fff;
    border: none 1px #000000;
    padding: 10px;
    width: 700px;
    color: #000000;
}        


/*******tables ****/

/* table styles  */

.details {
   width: 98%;
   margin: 0;
   overflow: auto;
   padding: 0px;
}  

.details table {
   text-align: left;
   border-top: 1px solid #070084;
   border-left: 1px solid #070084;
   /*font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;*/
   font-family: Verdana,Arial,sans-serif;
   /*margin: 5px 5px 5px 0px;*/
   padding: 0px;
   /*width: 100%;*/
   font-size: x-small;
   /*background-color:#FFF;*/



}

.details table.width95 {
width:93%;
}

.details table.width50 {
width:50%;
}

/*  .details thead, tfoot {

   font-weight: bold;
   background-color:#F3FFC6;
}

.details tbody {
   overflow: auto;
  
 }  */
 
.details th {

   font-weight: bold;
   background-color:#99CCFf;
}
   
.details  th[scope=row] {
text-align:right;
   width: 30%;
}
.details  th[scope=row].sub-header{
text-align:center;
color: #fff;
background-color:#0066CC;
}

 


.cap1{background-color:#FF6F6F;font-weight: bold;}
.cap2{background-color:#64FF64;}


.details td, .details th{
   border-bottom: 1px solid #070084;
   border-right: 1px solid #070084;
   padding: 5px;
}

.border-grey td, .border-grey th,  {
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
   padding: 5px;
}
.border-grey table {
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
}

.details table.details1, .details table.details1 td, .details table.details1 tr {

   border: 0px solid #070084;
   margin: 0px;
   padding: 0px;

}


.arrow {
   text-align: center;
   height:35px;
}


.col5 {
   width: 5%;

}

.col10 {
   width: 10%;

}

.col15 {
   width: 15%;

}

.col20 {
   width: 20%;

}

.col25 {
   width: 25%;

}

.col30 {
   width: 30%;

}

.col35 {
   width: 35%;

}

.col40 {
   width: 40%;

}

.col45 {
   width: 45%;

}
.col49 {
   width: 49%;

}

.col50 {
   width: 50%;

}
.col55 {
   width: 55%;

}

.col70 {
   width: 70%;

}

.col85 {
   width: 85%;

}

.col90 {
   width: 90%;

}

.col95 {
   width: 95%;

}



.colspace {
   width: 5px;

}

/* additonal table sorter css   

.even {
   background-color: #FFFFFF;
}
.odd {
   background-color: #EDECFF;
}
.highlight {
   background-color: #CCCCCC;
   font-weight: bold;
}
.header {
   background-image: url(images/header-bg.png);
   background-repeat: no-repeat;
   border-left: 1px solid #FFF;
   border-right: 1px solid #000;
   border-top: 1px solid #FFF;
   padding-right: 30px;
   padding-top: 8px;
   height: auto;
   background-position: right bottom;
   background-color: #F3F3F3;
}
.headerSortUp {
   background-image: url(images/header-asc.png);
   background-repeat: no-repeat;
   border-left: 1px solid #FFF;
   border-right: 1px solid #000;
   border-top: 1px solid #FFF;
   padding-right: 30px;
   padding-top: 8px;
   height: auto;
   background-position: right bottom;
   background-color: #F3F3F3;
}
.headerSortDown {
   background-image: url(images/header-desc.png);
   background-repeat: no-repeat;
   border-left: 1px solid #FFF;
   border-right: 1px solid #000;
   border-top: 1px solid #FFF;
   padding-right: 30px;
   padding-top: 8px;
   height: auto;
   background-position: right bottom;
   background-color: #F3F3F3;
}

.class3, .class3 a{
   background-color:#CCCCCC;
   color: #666666;
}

*/
/* end table styles  */   



img  {
   border: 0;
} 
a img.link {
   text-decoration: none;
   vertical-align:middle;
}


.album a.albumFloat {
   text-decoration: none;
   border: 0;
}





#news ul, #news li {
   margin: 0;
   padding: 0;
   list-style: none outside none;
   margin-left: -40px;
   width:420px;
}




#news li {
   background: url("_images/download.png") no-repeat scroll 7px 50% transparent;
   border-bottom: 1px solid #7095AE;
   padding: 15px 0 15px 33px;
   list-style-position: outside;
}


#news li.pdf {

    background: url("_images/page_white_acrobat.png") no-repeat scroll 7px 50% transparent;
    border-bottom: 1px solid #7095AE;
   padding: 15px 0 15px 33px;

}
#news li.multi-pdf {

    background: url("_images/page_white_acrobat_stack.png") no-repeat scroll 7px 50% transparent;
    border-bottom: 1px solid #7095AE;
   padding: 15px 0 15px 33px;

}


#news li.forum {

    background: url("_images/group.png") no-repeat scroll 7px 50% transparent;
    border-bottom: 1px solid #7095AE;
   padding: 15px 0 15px 33px;


}


.ctr{
   text-align:center;
}

.absm{
   vertical-align: middle;
}


