@charset "utf-8";
/* CSS Document */
html{

}

body {
	background-color:#069;
	background-image:url(../images/bak2.jpg);
	background-position:center;
	background-attachment:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;
}
.divMain{
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	height:auto !important;
	height: 100%;
	min-height:100%; /* real browsers */
	width:740px;
}
#tblMain{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;	
	height:100%;
	width:731px;
}
.imgBorder{
	border:solid 1px #069;
}
.fullH{
	height:100%;
}
#mainTable{
	border-right: 1px solid #666;
	border-left:1px solid #666;
}
ul.innerLinks li{
	line-height:30px;
}
A:link
{
   COLOR:#036;
    TEXT-DECORATION: none
}
.BodyText    { 
	sfont-family: Trebuchet MS; font-size: 9pt; color: #000000 
}
A:visited
{
   COLOR: #036;
    TEXT-DECORATION: none
}
A:active
{
   COLOR: #036;
    TEXT-DECORATION: none
}	
A:hover 
{
	TEXT-DECORATION:underline;
}
.shadow2
{
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=135,Strength=9);
    WIDTH: 99%;
    POSITION: relative
}

td {

	vertical-align: top;
	font-family:Verdana;
	font-size:12px;
	color:6E6E6E;
}

#tbGallery td{
	vertical-align:middle;
	text-align: center;
}
#tbGallery td div img{
	border: solid 1px #069;
}

.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}





p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
color=#808080; 	margin-left: 6px;
	text-align: justify;
	line-height: 160%;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 15px;
	font-weight: bold;
}



.menuskin{
position:absolute;
width:165px;
background-color:#D6D9E0;

font:normal 10px Verdana;
line-height:13px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}

#mouseoverstyle{
background-color:highlight;
}

#mouseoverstyle a{
color:white;
}

#dropmenudiv{
position:absolute;
border:1px solid lightgrey;
font:normal 12.4px Trebuchet MS;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #E6E6E6;
}

.textfield {
	border: solid 1px; border-color: #808080; background-image: url('../../ap-logistics.com/CSS/images/textfield.gif');
	}
.boldText {
	font-weight: bold;
}
.mormalText {
	font-weight: normal;
}

.boldTitleText{
	font-weight: bold;
	color:#385986;
	font-size:12px;
	font-family:Trebuchet MS,Verdana, Geneva, sans-serif;
}

#dropmenudiv li{
	text-align:left;
	list-style:none;
}

#divGalleryPic{
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	border:1px solid #069;
	width:85px;
	height:85px;
	margin:3px;
}
#currentPic{
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

#currentPic img{
	border:1px solid #069;
	margin:3px;
}

#galleryBTs{
	clear:right;
	height:350px;
}


/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	background:url(../images/validno.png) no-repeat center;
	width:16px;
	height:16px;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
display:none;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}


@charset "UTF-8";

/* SpryValidationSelect.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	background:url(../images/validno.png) no-repeat center;
	width:16px;
	height:16px;
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}