﻿div {
	text-align:center;
}
input
{
	font-size:small;
}
body
{
	font-size:75%;
}
#page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image: url('../App_images/background.gif');
	background-repeat: no-repeat;
	/*height: 568px;*/
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
  /*border:2px solid purple;
  width:100%;
	text-align:left;
	position:relative;*/
	/*font-family:Arial,Verdana,Cambria, Calibri, Lucida Sans, Sans-Serif;*/
	/*subwrap*/
	border: 1px solid #333333;
	width: 1004px;
	color: #000000;
}
 
#header {
  /*border:2px solid red;*/
	border-top: 5px solid #7cd7fe;/*#0096D6;*/
	width:100%;
	/*height:30px;*/
	background-image: url('../App_images/bottom_sub_header.gif');
	background-repeat: repeat-x;
	background-position: 50% bottom;
	height: 110px;
}
#navigation a:link, #navigation a:visited
{
	text-decoration: none;
}
#bottom_main {
	clear: left;
}
#sub_address {
	background-color: #4F2683;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}
#header_bottom
{
	background-image: url('../App_images/bottom_sub_header.gif');
	background-repeat: repeat-x;
	height:4px;
}
#sub_nav {
	background-image: url('../App_images/top_main_xp.gif');
	background-repeat: no-repeat;
	background-position: top;
	font-family: "Myriad Pro", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4F2683;
	padding-top: 20px;
	height: 36px;
	padding-left: 380px;
	/*margin-top:6px;*/
}
#header #logo {
	float: left;
	padding-top: 6px;
	padding-left: 20px;
}
#header #tagline {
	font-family: "Myriad Pro", Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #4F2683;
	text-align: right;
	padding-right: 5px;
	padding-top: 28px;
	padding-bottom: 21px;
}
#header #navigation {
	font-size: 18px;
	color: #4F2683;
	/*color: #0096D6;*/
	font-weight: bold;
	font-family: "Myriad Pro", Verdana, Arial;
	text-align: right;
}
#header #logo img {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#header #slogo {
	float: left;
	padding-top: 6px;
	padding-left: 20px;
}

#address {
	background-image: url(images/address_bckgrnd.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10px;
	color: #0096d6;
}
#address img {
	margin-top: 20px;
	margin-left: 35px;
}
#address .adress {
	padding-right: 15px;
	float: right;
	padding-top: 65px;
	font-weight: bold;
}
#searchnav {
  width:45%;
	float:left; 
  margin:0px 0 5px 5px;
	height:350px;
	font-size:small;
	min-width:300px;
	max-width:600px;
}

.smallsearchnav {
  width:75%;
	float:left; 
  margin:0px 0 5px 5px;
	height:200px;
	font-size:small;
	min-width:250px;
	max-width:500px;
  overflow :auto;
}
.smallmultinav {
  /*width:45%;*/
	/*float:left; */
  /*margin:0px 0 5px 5px;*/
	/*height:200px;*/
	font-size:x-small;
	/*min-width:200px;
	max-width:500px;*/
  overflow :auto;
}
.smallmultinav input{
  /*width:45%;*/
	/*float:left; */
  /*margin:0px 0 5px 5px;*/
	/*height:200px;*/
	font-size:x-small;
	width:100px;
	/*min-width:200px;
	max-width:500px;*/
  overflow :auto;
}
#loginnav
{ 
	width:100%;
	float:left; 
  /*margin:0px 0 5px 5px;*/
	height:580px;
	font-size:small;
	min-width:225px;
	max-width:370px;	
	text-align:left;
}
#shipmentviewnav {
  /*border:2px dotted green;*/
  width:45%;
	float:left; 
  /*margin:0px 0 5px 5px;*/
	height:550px;
	font-size:small;
	min-width:225px;
	max-width:370px;	
	text-align:left;
	overflow:auto;
}
#shipmentviewnav input
{
	width:50%;
	left:150px;
}
#shipmentviewnav div
{
	text-align:left;
}
 
#content {
  border:1px solid #4F2683;
  width:62%;
	float:left;
  min-height:485px;
  max-height:700px;
  overflow:auto;
}
#searchresults {
  /*border:1px solid #4F2683;*/
  width:54.5%;
	float:left;
  min-height:485px;
  max-height:10000px;
  overflow:auto;
}

#footer {
  border:2px solid red;
  clear:both;
  width:100%;
	height:30px;
}
.divspacer
{
	clear:both;
}
#refdatecontainer
{
	width:100%;
}
#refsearch
{
	width:50%;
	float:left;
}
#datesearch
{
	width:50%;
	float:left;
}
#partysearch
{
	width:100%;
}
.srchsectcolshdr 
{
	font-weight:bold;
	background-color: Aqua;
	font-size:x-small;
	text-align:center;
	
}
#psrchheaders 
{
	font-weight:bolder;
	/*margin:2px 0 2px 0;*/
	padding:1px 0 2px 0;
	border-bottom-style:solid;	
	vertical-align:top;
	float:left;
}
#psrchheaders input
{
	font-weight:bold;
	text-align:center;
}
.srchnamecol input
{
	font-size:x-small;
	width:100px;
	text-align:left;
}
.srchcitycol input
{
	font-size:x-small;
	width:100px;
}
.srchstcol input
{
	font-size:x-small;
	width:38px;
}
.srchtypecol input
{
	font-size:x-small;
	width:105px;
}
.srchddlstate 
{
	font-size:x-small;
}
.srchddlstate select
{
	width:40px;
	font-size:x-small;
}
.srchcolrow{
	vertical-align:top;
	float:left;
	}
#dsrchheaders
{
	text-align:center;
}
#buttons input
{
	width:100px;
	font-size:x-small;
}
.btnsrchgo 
{
	width:75px;
	font-size:xx-small;
	font-weight:bold;
	text-align:center;
}
.gridpanel
{
	width:100%;
	height:100%;
	min-height:400px;
	max-height:800px;
	font-size:x-small;
}
.selectiongridheader
{
	background-color:Aqua;
	font-weight:bold;
	font-size:x-small
}
.selectiongrid
{
	background-color:Transparent;
	font-size:x-small;
	width:100%;
	height:100%;
}
.selectedgridrow
{
	border-bottom-style:solid;
	font-size:x-small
	background-color:Teal;
}
.droplist
{
	font-size:x-small;
	width:105px;
}
.droplist select
{
	font-size:x-small;
	width:105px;
}
.filterinput
{
	font-size:x-small;
	width:100px;
}
.labelspan  
{
	width: 40%; 
	text-align:left;
}
#dshipmentid
{
	text-align:left;
} 
.podimage
{
	width:475px;
	height:650px;
	float:left;
	margin: 0 0 0 0;
	border-style:solid;
	border-width:thin;
	position:relative;
}
.missingimage
{
	width:475px;
	height:30px;
	float:left;
	margin: 0 0 0 0;
	background-color:Silver;
	border-style:solid;
	border-width:thin;
	position:relative;
}
.nopodimage
{
	width:247px;
	height:242px;
	float:left;
	margin: 10% 0 0 25%;
	background-color:Silver;
	border-style:solid;
	border-width:thin;
	position:relative;
}
/*based on lessons learned from Boilerplate */
/* http://code.google.com/p/css-boilerplate/downloads/detail?name=css-boilerplate-v03.zip&can=2&q= */
label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 0.5em 0 0; 
           margin: 0 0 0.25em 0; 
           border: 1px none #ddd;
            }
legend { padding: 0 .4em .4em; 
         font-weight: bold; 
         /*font-size: 1.0em;*/
         font-size: 15px;
		 color: #0096D6;/*#7cd7fe*/
	}

/* Textareas */
textarea { margin: 0.25em 0.25em 0 0; }
textarea { padding: .3em; 
           font-size:x-small; 
           font-family:Arial,Verdana,Cambria, Calibri, Lucida Sans, Sans-Serif; 
}

div.fsviewship{max-height:650px;
           overflow:auto;
           border:1px dotted green;}
div.fsviewship p { margin: 0 0 0.25em; 
                   font-size:75%;}
div.fsviewship p label { float: left; 
                         width: 100px;
                         margin: 0 0 0.25em; }

div.fsviewship p input { width: 175px;
                    font-size:x-small;
                    margin: 0 0 0.25em; }
div.fsviewship p select { width: 125px;
                          font-size:x-small;
                          margin: 0 0 0.25em;  }

div.srchddlstate 
{
	margin: 0 0 0.25em;
}

div.srchcmdbuttons
{
	/*width:100%;*/
	margin:1.0em 0 0 3.0em;
	text-align:right;
	font-size:small;	
}


div.accviewship{max-height:350px;
           overflow:auto;
           border:1px dotted green;}
div.accviewship p { margin: 0 0 0.25em; 
                   font-size:75%;}
div.accviewship p label { float: left; 
                         width: 100px;
                         margin: 0 0 0.25em; }

div.accviewship p input { width: 175px;
                    font-size:x-small;
                    margin: 0 0 0.25em; }
div.accviewship p select { width: 125px;
                          font-size:x-small;
                          margin: 0 0 0.25em;  }

div.acccmdbuttons
{
	width:90%;
	/*width:100%;*/
	/*position:inherit;*/
	margin:1.0em 0 0 10%;
	text-align:left;
	font-size:small;	
}
div.acccmdbuttons p input
{
	text-align:center;
	height:25px;
	font-size:xx-small;
	width:500px;
}
/*div.acccmdbuttons input
{
	width:250px;
	text-align:center;
	height:25px;
	font-size:x-small;
}
*/
.silentp 
{
	visibility:hidden;
}
#accdiv input, #accdiv select, #accdiv label
{
	font-size:x-small;
	width:100px;
}
.datepick
{
	color:Black;
}
.accordionwrapper{}
	
#accordiongirthsub
{
	width:45%;
	height:2px;
}
#welcome
{
	font-size:small;
	max-width:200px;
	min-width:100px;
	color: #4F2683;
	text-align:left;
}