/***********************************************
Charles Tsai
3/23/2005

SAMOS Style Sheet

************************************************/


/***** PAGE CONTAINERS & VARIOUS DEFAULTS *****/
body{ 
  background-image: url("images/purple_grid.gif");
  background-color: #fff;
  margin: 0px;
}

body a{ 
  color: #f00;
  text-decoration: none;
}

html{ 
  vertical-align: top;
  margin: 0px;
  background-color: #919DDA;
}

div.page_container{ 
  margin: 0px auto;
  width: 750px;
  font-family: arial, verdana, "sans-serif";
}

div.main_page_container{ 
  margin: 0px auto;
  width: 750px;
  font-family: arial, verdana, "sans-serif";
  height: 100%;
}

div.horiz-purple{ 
  border-bottom: 1px solid #5f6db2;
  width: 100%;
}

table.main_content{ 
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

td{ 
  vertical-align: top;
  width: auto;
}

img{ 
  border: 0px;
}
/********** FOOTER ************/
div.footer{ 
  margin-top: 5px;
  color: #44508d;
  font-size: 12px;
}

/* wave */
div.wave{ 
  margin: 0px;
  margin-top: 50px;
  background-image: url("images/wave.gif");
  background-repeat: repeat-x;
  background-position: bottom left;
  width: 100%;
  height: 60px;
}


/********** LINKS *************/

/* main page */
table.main_links_table{ 
  width: 350px;
}

table.main_links_table a{ 
  background-image: url("images/redbox.gif");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 15px;
  display: block;
  color: #000;
}

span.link_letter{ 
  color: #F00;
  font-size: 16px;
}

/* site map */

table.section_index_table a{ 
  background-image: url("images/redbox.gif");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 15px;
  padding-right: 25px;
  display: block;
  color: #000;
}

table.section_index_table td{ 
  padding-bottom: 10px;
}
table.section_index_table td.bullet{ 
  padding-bottom: 10px;
  width: 200px;
}

table.section_index_table a.default{
  display: inline;
  padding: 0px;
  background-image: none;
}

/* other pages */
div.page_links{ 
  color: #000;
}

div.page_links a{
  color: #000;
  font-size: 14px;
  padding-right: 5px;
  font-weight: bold;
  border: 1px hidden #000;
}

div.page_links a.active{ 
  background-color: #f00;
  color: #fff;
  padding-left: 5px;
}

/*
div.page_links a:hover{ 
  background-color: #000;
  color: #fff;
}
*/

div.page_links a.active span.link_letter{ 
  color: #fff;
}

/***** menu ******/

#dropmenudiv{
position:absolute;
border-right:1px solid #888888;
border-left:1px solid #888888;
border: 1px solid #000000;
border-top: 0px;
padding: 3px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #000000;
margin-top: 1px;
}

#dropmenudiv a:hover{ 
  color: #000;
 }

#dropmenudiv ul{ 
  margin: 0px;
  margin-left: 15px;
  border: 0px;
  padding: 0px;
}


/************ CONTENT ************/

/* welcome */
div.welcome_text{ 
  color: #44508D;
  margin: 15px;
}

span.welcome_letter{ 
  color:#f00;
  font-size: 28px;
}


/************* PAGE **************/
div.page_banner{ 
  margin-top: 15px;
  background-image: url(images/samos2.gif);
  background-repeat: no-repeat;
  background-position: center right;
  width: 100%;
 }

div.heading{ 
  color: #000;
  font-size: 20px;
  padding-top: 15px;
  font-weight: bold;
}

span.heading_letter{ 
  color:#f00;
  font-size: 28px;
 }

span.subheading{ 
  color: #5f6db2;
  font-size: 15px;
  font-weight: bold;
  text-indent: 0px;

}

div.page_content{ 
  line-height: 25px;
  font-size: 14px;  
}

/* div.page_content p{ 
  text-indent: 25px;  
} */

div.page_content a{ 
  color: #f00;
  text-decoration: none;
}

table.content{ 
  width: 100%;
  
}
table.content td{ 
  width: 50%;
  padding: 5px;
}

span.error{ 
  color: #f00;
  
  
}
/******* contact page *********/
div.contactbox{ 
  line-height: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  text-indent: -25px;
  margin-left: 25px;
}

table.contact{ 
  width: 100%;
  
}
table.contact td{ 
  width: 50%;
  
}



/******** data page *********/
#download
{
  position: fixed;
  width: 150px;
  height: auto;
  top: 70%;
  left: 430px;
  text-align: left;
  font-size: 10pt;

}
.search
{
 

}

.search th, .results th
{
  text-align: left;
}

.ship_search th.small, .small
{
  font-size: 8pt;
  width: 100px;
  font-weight: normal;
}


.search input, .search select
{
  width: 200px;
}

.ship_search
{
  width: 500px;
  table-layout: fixed;
}


.ship_search .width
{
  width: 150px;
}
.ship_search .title
{
  font-size: 20pt;
  border-bottom: 1px solid #eee;
}

.ship_search .date
{
  padding-left: 1em;
  text-align: left;
}
.ship_search .date .title
{
  font-size: 16pt;
}

.ship_search .date .order
{
  border-left: 1px dashed black;
  margin-left: 1em;
  padding-left: .5em;
}
.ship_search .date .order_no
{
}




/******** metadata page *********/

.pictures
{
  border-collapse: collapse;
  margin-bottom: 20px;
}

.pictures img
{
  height: 100px;
  width: auto;
}

.pictures th
{
  padding-left: 15px;
  font-weight: normal;
}




.pictures td
{
  padding-left: 30px;

}


.pictures .header
{
  padding: 0px;
  font-weight: bold;
  font-size: 14pt;
}

.button_center {
    text-align: center;
}
.highcharts-credits {
    display: none;
}


/* bootstrap alerts */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #5e6cb3;
    background-color: #cbe3f5;
    border-color: #9abdd4;
}

.alert-danger {
    color: #ed1f21;
    background-color: #f2dede;
    border-color: #ed1f21;
}