/***************************************************
 * Defaults                                        *
 ***************************************************/
 
body { background-color: #ffffff }

a:link { font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #2b7c92; }
a:visited { font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #2b7c92; }
a:hover { font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #2b7c92; }
a:active { font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #2b7c92; }
		
input { font-size: 12px; font-family: Verdana, Tahoma, Arial;  color: #3c3c3c; margin: -1px 0px 0px 0px;}
.num { text-align: right }
html>body input { height: 20px; margin: 0; vertical-align: middle; padding: 1px;}
input[type=radio] { margin-right: 3px;}
input[type=submit] { height: auto;}
select {  font-size: 12px; font-family: Verdana, Tahoma, Arial;  color: #3c3c3c; margin: 0px 0px 0px 0px; padding: 0px;  } 
html>body select { margin: 0px; padding: 0px; vertical-align: bottom; }
textarea { font-size: 12px; font-family: Verdana, Tahoma, Arial;  color: #3c3c3c; margin: -1px 0px 0px 0px; padding: 0px;}
html>body textarea { margin: 0px; padding: 0px;  vertical-align: middle;}
	
option { font-size: 12px; font-family: Verdana, Tahoma, Arial;  min-height: 11px; color: #3c3c3c;  }

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

hr { color: #bcbfc9; height: 1px; }

/*****************************************************
 * Generic                                           *
 *****************************************************/
.bold { font-weight: bold; }
.required { color: #ff0000;}
.w100 { width: 100% }
.wa { width: auto; }
.error { color: #ff0000; }
.nw { white-space: nowrap }
.cl { clear: both }
.it { font-style: italic; }


/*****************************************************
 * Body                                              *
 *****************************************************/
.body1 { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; background-color: #ffffff; }
.body2 { margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; background-color: #ffffff; }
.sBody { margin-top: 5px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; background-color: #ffffff; }

/*****************************************************
 * Body Header                                       *
 *****************************************************/
.bodyHeaderCont, .bodyHeaderCont { padding-top: 10px; padding-bottom: 10px;width: 100%; }


/*****************************************************
 * Body Data                                         *
 *****************************************************/
.bodyOutDataCont {background-color: #d9e5ef; margin: 0px; padding: 0px; height: auto; }

.popinBodyDataCont { background: #d9e5ef; overflow: auto; width: 100%; }


@media screen {
.bodyTabDataCont {  border-left: 1px solid #a3bed8; border-bottom: 1px solid #a3bed8; border-right: 1px solid #a3bed8; width:100%;padding-bottom: 5px;  overflow: auto;position: relative; }
.bodyDataCont { background-color: #ffffff; width:100%; padding-bottom: 5px;   overflow: auto;position: relative;  }
}

@media print {
.bodyTabDataCont {  border-left: 1px solid #a3bed8; border-bottom: 1px solid #a3bed8; border-right: 1px solid #a3bed8; width:auto;padding-bottom: 5px;  position: relative; height: auto;}
.bodyDataCont { width: auto; padding-bottom: 5px; position: relative;  }
}




/*****************************************************
 * Header Fields                                     *
 *****************************************************/
.headerFieldsCont { background-image: url(../../images/themes/themesswanblue/bar-under-L.gif); width:100%; padding-top: 2px; padding-bottom:2px; }

.subHeaderFieldsCont { background-image: url(../../images/themes/themesswanblue/bar-under-L.gif); width:100%; height:5px; }
.headerField { white-space: nowrap; padding-left: 5px; padding-right: 13px;  float:left; }

.hfLabel { line-height: 12px; color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; font-weight: bold}
.hfData { line-height: 12px; color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; }

/*****************************************************
 * Body Footer                                       *
 *****************************************************/

.bodyDataFooterCont { margin-left: 5px; margin-top: 2px; padding-top: 5px; padding-bottom: 5px;  height: auto; background: #ffffff; }
.popinBodyDataFooterCont { padding-top: 5px; padding-bottom: 5px; height: auto; vertical-align: middle; text-align:center;  }


/**********************************************
 * Section Labels                             *
 **********************************************/
.sectLabel { height: 18px; color: #343434; font-weight: bold; font-size: 11px; line-height: 15px; font-family: Verdana, Tahoma, Arial; padding-left: 2px; border: 1px solid #a3bed8; background-image: url(../../images/themes/themesswanblue/hBar-Bg.gif); background-position: 0 -1; vertical-align: middle; width: 100%;}

.sectLabel input { height: 14px; margin: 0px; vertical-align: middle}
html>body .sectLabel input { margin-right: 3px }

/**************************************************
 * Grid                                           *
 **************************************************/
.grid { border-color: #a3bed8; border-width: 0px 1px 1px 1px; border-style: solid; border-spacing: 0; background-color: #ffffff; border-collapse: collapse; }

html>body .grid { border: 1px solid #a3b3d8; border-top: 0px; }


.grid .gridColGroupRow { background-color: #edf6ff; width:100%; }

/* The TD is the main definition of a cell within a column group.  Additional classes for label and data to
   further define the cell depending on what's inside it. */
/* Management grid column group cell. Default setting */
.grid .gridColGroupRow td { color: #3c3c3c;  font-size: 11px; font-family: Verdana, Tahoma, Arial;  padding: 2px; margin: 0px; white-space: nowrap;
    border-color: #c9cbd3;
        border-width: 1px;
        border-style: solid;}
.grid .gridColGroupRow .gridColGroupLabelCell { text-align: center; }
/* Label within a management grid column group cell */
.grid .gridColGroupRow .gridColGroupLabel {   font-weight: bold; }

.grid .gridHeadCell { background-color: #cfe0f1; border-color: #c7c7c7; border-top-color: #a3bed8; border-width: 1px 1px 1px 1px; border-style: solid; margin: 0px; padding: 4px; vertical-align: top; }

.grid .gridHeadBtnsCell {  }
.grid .gridHeadImgCell {}
.grid .gridHeadCheckCell { text-align: center; }

/* Label within a management grid header cell */
.grid .gridHeadLabel { color: #3c3c3c; font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma, Arial; padding-bottom: 2px; }

.grid .gridHeadLabel:link { text-decoration: underline; color: #2c558c; }
.grid .gridHeadLabel:visited { text-decoration: underline; color: #2c558c; }
.grid .gridHeadLabel:hover { text-decoration: underline; color: #2c558c; }
.grid .gridHeadLabel:active { text-decoration: underline; color: #2c558c; }

/* Required character for a management grid header cell */
.grid .gridHeadRequired { color: #0066ff; }
 
.grid .rowHead { background: #d9e5ef; }
.grid .rowOdd { background: #efefef; }
.grid .rowEven { background: #ffffff; }
.grid .rowSelected { background: #a3c2df; }
.grid .rowHighlighted { background: #c3d4e8; }
.grid .rowTotal { background: #edf6ff; }

.grid .gridBodyCell { color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; border-color: #c7c7c7; border-width: 1px; border-style: solid; margin: 0; padding: 2px; vertical-align: top; }
.grid .gridBodyCell pre { margin: 0px; color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.grid .gridBodyDurCell{ text-align: right;  white-space: nowrap;}
.grid .gridBodyNumCell{ text-align: right;}
.grid .gridBodyUomCell{ text-align: right;  white-space: nowrap;}
.grid .gridBodyDateCell { white-space: nowrap;}
.grid .gridBodyImgCell { text-align: center;}
.grid .gridBodyRadioCell { text-align: center;}
.grid .gridBodyCheckCell { text-align: center; }
.grid .gridBodyBtnsCell {}
.grid .gridBodyLabelCell { font-weight: bold;}
.grid .gridBodyErrorCell { background: #fc845f; }  
.grid .gridBodyEmptyCell { }   /* Height setting bad for non-inline grids */
.grid .gridBodyFocusCell { background: #4da2f2; }
.grid .gridBodyBlackedCell { background: #000000; }
.grid .gridBodyFixedCell { background-color: #65aef1; }
.grid .gridBodyEditedCell { background-color: #fddf52; }
.grid .gridBodyDisabledCell { background-color: #afafb0; color: black}
.grid .gridBodyInfeasibleCell { background-color: #f37350; }
.grid .gridBodyCurrentCell { background-color: #78ce54; }
 
 /* Management grid footer */   
.grid .gridFooterCont {padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background-color: #edf6ff; border-color: #c7c7c7; border-width: 1px; border-style: solid; }
.grid .gridButtonsCont { border-collapse:collapse; }
.grid .gridButtonsCont td { border: 0px; padding: 0px 2px 2px 0px; margin: 0px; }


.box { padding: 2px; border: 1px solid; border-color: #91b4d7; background-color: #d9e5ef; }
.box td { padding: 0px; margin: 0px; }

.utilization { background-color: white; border: 1px solid #91b4d7; height: 16px; font-size: 11px; width: 102px; } 
.utilizationFill { background-color: #91b4d7; height: 14px; border-width: 0px; }

/* For subtabs */
.bodySubTabSectCont {  float:left; margin: 0px 0px 5px 0px;  padding: 5px; width:auto; }
.bodySubDataCont { border-left: 1px solid #a3bed8; border-bottom: 1px solid #a3bed8; border-right: 1px solid #a3bed8; padding: 5px;  background-color: #d9e5ef;  width:100%;  }



.bodySectsCont { margin: 0px;  width:auto }
.bodySectsInCont { clear: both; border-spacing: 0; border-collapse: collapse;  width: 100%}
.bodySectsInCont td { vertical-align: top; }

.bodySectHorizSpacer { width: 15px; }
.bodySectHorizSpacer { width: 15px; }


/* Use for free-form sections (no tables) */
.bodySectFFCont { width: 100%; background-color: #d9e5ef; padding: 5px; margin: 0px;  }

.bodySectCont { border-spacing: 0; border-collapse: collapse; margin: 0px 0px 5px 0px;  width:100%; display: table; }
 html>body .bodySectCont { height: auto; min-width:100%}  
 

.bodySectBG { background-color: #d9e5ef; }
 

/* This is for buttons in an inner section that need to be aligned with the input controls */
.bodySectInCont .buttonInputAlign { vertical-align: bottom;  padding: 0px 0px 1px 0px; }

.fieldCont { white-space: nowrap; }
.fieldLabel {font-size: 11px; font-family: Verdana, Tahoma, Arial;  color: #3c3c3c;  padding-bottom: 2px;	
font-weight: bold; }
.fieldLRLabel { color: #3c3c3c; font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma, Arial; text-align: right;}
.fieldLRLabel2 {  color: #3c3c3c; font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma, Arial; text-align: right; line-height: 20px;}
.fieldData { height: 18px; min-height: 18px; color: #3c3c3c;  font-size: 11px; padding-top: 5px; font-family: Verdana, Tahoma, Arial;}
.fieldData pre { font-size: 11px;font-family: Verdana, Tahoma, Arial; }
html>body .fieldData { min-height: 18px; height: auto; }
.fieldLRData { color: #3c3c3c;  font-size: 11px; font-family: Verdana, Tahoma, Arial;}


/*****************************************************
 * Text Classes                                      *
 *****************************************************/
.text { line-height: 15px; color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.errorText { color: #ed1c24; font-weight: bold;  font-size: 12px; line-height: 12px; font-family: Arial; }
.exceptionText { color: #3c3c3c; font-size: 12px; line-height: 12px; font-family: Courier New; }

/*****************************************************
 * Message Box                                       *
 *****************************************************/
 
.msgSectCont {margin: 5px 0px 5px 0px;  width:auto; }

.msgCont {border-spacing: 0; border-collapse: collapse; }
.msgCont td { margin: 0px; padding: 0px; }

.msgMain { background-color: #d9e5ef; padding-top: 10px; padding-bottom: 10px; width: 100%; font-size: 12px; font-family: Verdana, Tahoma, Arial; }
.msgMain .bodySectInCont { color: #586073; font-size: 12px; font-family: Verdana, Tahoma, Arial;  }
.msgMain a:link { color: #147590; }
.msgMain a:visited { color: #147590; }
.msgMain a:hover { color: #147590; }
.msgMain a:active { color: #147590; }
    
.msgTopBg { background-image: url(../../images/themes/themesswanblue/msgBoxTop-Bg.gif); }
.msgBtmBg { background-image: url(../../images/themes/themesswanblue/msgBoxBtm-Bg.gif); }
.msgMainL { background-image: url(../../images/themes/themesswanblue/msgBoxMain-L.gif); }
.msgMainR { background-image: url(../../images/themes/themesswanblue/msgBoxMain-R.gif); }

.msgHead { }
.msgHeadErr, .msgHeadWarn { font-weight: bold; line-height: 16px; color: #ed1c24 }
.msgHeadInfo, .msgHeadConfirm { font-weight: bold; line-height: 16px; color: #3a5a87 }

/* Message Subject */
.msgSub {   }

.msgBodyCont { padding-top: 5px; padding-left:5px}
.msgLine { padding-bottom: 3px;  color: #3c3c3c; }



/* This MUST be after the message tags for the td to work right on tables within messages */

.bodySectInCont { border-spacing: 0; border-collapse: collapse; }
.bodySectInCont td { vertical-align: top; margin: 0px; padding: 4px; }

/* fieldsCont is to contain multiple fields, i.e., want 2+ fields to be near each other within a section while all of the rest of the fields within the section are spaced according to the main section table.  Need to remove the margin by the padding so that the initial section td spacing is adhered to. Must be before noTbSp to work for noTbSp to work within it (i.e. picklists) */
.fieldsCont { margin: -4px; border-spacing: 0; border-collapse: collapse; }
.fieldsCont td { vertical-align: top; margin: 0px; padding: 4px; }

.fieldRadioCont, fieldCbsCont { border-spacing: 0; border-collapse: collapse; }
.fieldRadioCont td, fieldCbsCont td { margin: 0px; padding: 2px 10px 2px 2px;  }
.fieldRadioContOut, fieldCbsContOut { margin: 0px; padding: 0px; white-space: nowrap }

.radioRowSelected { background: #a3c2df; }

.noTbSp {border-spacing: 0; border-collapse: collapse; }
.noTbSp td { margin: 0px; padding: 0px; border: 0px; } /* No table spacing.  Needs to be after fieldRadioCont and the sectInConts for this to take hold */


.hdTitle {
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	color: #3a5a87;
	white-space: nowrap;

}

.hdLine {
	border-bottom: 1px solid #3a5a87;
}


.pdCont {
	background: #d9e5ef;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	line-height: 18px;
	margin: 0px;
	position: absolute;width:auto;
}

.pdSubMenu { line-height: 18px;}
.pdSubMenuTitle { font-size: 11px; font-family: Verdana, Tahoma, Arial; font-weight: bold; color: #3c3c3c;
white-space: nowrap;}


.clFold {position:absolute; width:160px; word-wrap:false; visibility:visible;}
.clFoldSub {position:absolute; left:4px; width:140px; word-wrap:true; visibility:visible; }
.clFoldSub2 {position:absolute; left:8px; width:140px; word-wrap:true; visibility:visible;}

/* This is for top-level menu links (Order Management, Financials, etc)*/
.clFoldLinks a {	
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	color:#2b7c92;
	text-decoration: none;}
.clFoldLinks a:link { font-size: 10px; }
.clFoldLinks a:active { font-size: 10px; }
.clFoldLinks a:visited { font-size: 10px; }
.clFoldLinks a:hover {
	font-size: 10px; text-decoration: underline;}

/* This is for menu links (Purchase Order, Order Release, Material Management, etc */
.clSubLinks a {	
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	color: #2b7c92;text-decoration: none;
	}
.clSubLinks a:link { font-size: 10px; }
.clSubLinks a:active { font-size: 10px; }
.clSubLinks a:visited { font-size: 10px; }
.clSubLinks a:hover { 
	font-size: 10px;text-decoration: underline;}

/* This is for end-links */
.clSubLinks2 a {	
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	color: #2b7c92;text-decoration: none;
	}
.clSubLinks2 a:link { font-size: 10px; }
.clSubLinks2 a:active { font-size: 10px; }
.clSubLinks2 a:visited { font-size: 10px; }
.clSubLinks2 a:hover { 
	font-size: 10px;text-decoration: underline;}

.clSubLinks3 a {	
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	color: #2b7c92;text-decoration: none;
	}
.clSubLinks3 a:link { font-size: 10px; }
.clSubLinks3 a:active { font-size: 10px; }
.clSubLinks3 a:visited { font-size: 10px; }
.clSubLinks3 a:hover {
	font-size: 10px; text-decoration: underline;}


.clsExpNode {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 12px; text-decoration: none;}
.clsExpNode a:link {color: black; font-size: 12px; text-decoration: none;}
.clsExpNode a:visited {color: black; font-size: 12px; text-decoration: none;}
.clsExpNode a:hover {color:#9BCEFF; font-size: 12px; text-decoration: underline;}
.clsExpNode a:active {color: black; font-size: 12px; text-decoration: none;}

/***************************************************
 * Tabs                                            *
 ***************************************************/
.tabLabelCont { height: 21px; float:left; padding-top: 3px; }
.subTabLabelCont { height: 19px;  float:left;  padding-top: 2px;
}

.tabCur { background-image: url(../../images/themes/themesswanblue/topTabBg.gif); color: #3c3c3c; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; }

.subTabCur { background-image: url(../../images/themes/themesswanblue/subTabBg.gif); color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; font-weight: bold; }

.tabDim { color: #3c3c3c; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; background-image: url(../../images/themes/themesswanblue/topDimTabBg.gif); }
.subTabDim { color: #3c3c3c; font-size: 11px; font-family: Verdana, Tahoma, Arial; font-weight: bold; background-image: url(../../images/themes/themesswanblue/subDimTabBg.gif); }

.tabDim a { color: #3e5576; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; text-decoration: none; background: transparent; }
.subTabDim a { color: #3e5576; font-size: 11px; font-family: Verdana, Tahoma, Arial; font-weight: bold; text-decoration: none; background: transparent; }
.subTabDim a:visited {  color: #3e5576; text-decoration: none;  background: transparent; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.subTabDim a:hover { color: #3e5576; text-decoration: none; background: transparent; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.subTabDim a:active { color: #3e5576; text-decoration: none;  background: transparent; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.subTabDim a:link {	color: #3e5576; text-decoration: none;  background: transparent; font-size: 11px; font-family: Verdana, Tahoma, Arial; }
.tabDim a:visited { color: #3e5576; text-decoration: none; background: transparent; font-size: 12px; font-family: Verdana, Tahoma, Arial; }
.tabDim a:hover { color: #3e5576; text-decoration: none; background: transparent; font-size: 12px; font-family: Verdana, Tahoma, Arial; }
.tabDim a:active { color: #3e5576; text-decoration: none; background: transparent; font-size: 12px; font-family: Verdana, Tahoma, Arial; }


#divFoldCont { z-index: 12; position:absolute; top:60px; left:4px;width:160px; word-wrap:true}
#sidelogo { z-index: 13; position:absolute; top:0px; left:0px; visibility: visible; }


.globalArea {
	background-image: url(../../images/themes/themesswanblue/headerBg.jpg);
	color: #1358a8;
}

/* Span around the finder field query control */
.queryCtlCont {
	margin-left: 4px;
}

#toplogo     { z-index:10; position:absolute; top:16px; left:5px; visibility:visible }
#welcome     { z-index:10; position:absolute; top:-2px; left:120px; visibility:visible }
#gc3infoicon {  z-index:12; left:293px; position:absolute; top:8px; visibility:visible; }
#gc3bmicon {  z-index:12; left:318px; position:absolute; top:8px; visibility:visible; }
#gc3logouticon {  z-index:12; left:342px; position:absolute; top:8px; visibility:visible; }
#gc3helpicon {  z-index:12; left:366px; position:absolute; top:8px; visibility:visible; }
#launchaskglogicon {z-index:20; left:700px; position:absolute; top:19px; visibility:visible; }
#gc3info { position: absolute; z-index: 15; top: 27px; left: 377px; width:100px; height: 13px; visibility: hidden;}
#gc3bm { position: absolute; z-index: 15; top: 27px; left: 398px; width:100px; height: 13px; visibility: hidden;}
#gc3logout { position: absolute; z-index: 15; top: 27px; left: 424px; width:100px; height: 13px; visibility: hidden; }
#gc3help { position: absolute; z-index: 15; top: 27px; left: 448px; width:100px; height: 13px; visibility: hidden; }
#launchaskglog { position: absolute; z-index: 25; top: 27px; left: 628px; width:100px; height: 13px; visibility: hidden;}
#total    { z-index:12; position: absolute; top: 0px; left: 420px; visibility: visible }
#view {  z-index:12; position:absolute; left:475px; top:2px; visibility:visible; }
#version {  z-index:13; position:absolute; left:75px; top:23px; visibility:visible; }
#header_user_role {  z-index:13; position:absolute; left:175px; top:22px; visibility:visible; }
.version { color: white; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Verdana, " Arial", " Helvetica" }
.message { color: #FBD5AB; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Verdana, " Arial", " Helvetica" }
.welcome { color: white; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, " Arial", " Helvetica" }
.header_user_role { color: white; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, " Arial", " Helvetica" }

.topbar    { color: #ffffff;  font-size: 10px; font-family: Verdana, Tahoma, Arial; }
.topbar a:link { color: #ffffff; text-decoration: none;  }
.topbar a:visited { color: #ffffff; text-decoration: none; }
.topbar a:hover { color:#ffffff; text-decoration: underline; }
.topbar a:active { color: #ffffff; text-decoration: none; }
.topbar1    { color:  #ffffff; font-weight: bold; font-size: 10px; font-family: Verdana, Tahoma, Arial; }



#toplogo2     { z-index:13; position:absolute; top:16px; left:5px; visibility:visible }
#closewindowicon { position: absolute; z-index: 15; top: 12px; left: 460px; visibility: visible; }
#gc3helpicon2 { position:absolute;  z-index:12; left:420px; top:6px; visibility: visible; }



/***************************************************
 * Ask OTM                                         *
 ***************************************************/
#askarrow  { position: absolute; z-index: 1; top: 10px; left: 0px; visibility: visible }
#askglog  { position: absolute; z-index: 10; top: 22px; left: 500px; width: 150px; height: 50px; visibility: visible }
#navwheelsm { position: absolute; z-index: 12; top: 9px; left: 678px; visibility: visible }
#co { position: absolute; z-index: 10; top: 0px; left: 21px; visibility: hidden; }
#containerbox  { position: absolute; z-index: 10; top: 12px; left: 21px; width: 40px; height: 40px; visibility: visible }
#airschedules { position: absolute; z-index: 11; top: 0px; left: 47px; visibility: hidden }
#airschedulebox  { position: absolute; z-index: 10; top: 12px; left: 47px; width: 40px; height: 40px; visibility: visible; }
#vesselsch { position: absolute; z-index: 10; top: 0px; left: 70px; visibility: hidden }
#vesselbox  { position: absolute; z-index: 10; top: 12px; left: 70px; width: 40px; height: 40px; visibility: visible }
#groundsch { position: absolute; z-index: 10; top: 0px; left: 92px; visibility: hidden }
#groundbox  { position: absolute; z-index: 10; top: 12px; left: 92px; width: 40px; height: 40px; visibility: visible }
#glogriq { position: absolute; z-index: 10; top: 0px; left: 116px; visibility: hidden }
#glogriqbox  { position: absolute; z-index: 10; top: 12px; left: 116px; width: 40px; height: 40px; visibility: visible }
#iriq { position: absolute; z-index: 10; top: 0px; left: 141px; visibility: hidden }
#iriqbox  { position: absolute; z-index: 10; top: 11px; left: 141px; width: 40px; height: 40px; visibility: visible }
#airport { position: absolute; z-index: 10; top: 0px; left: 164px; visibility: hidden }
#airportbox  { position: absolute; z-index: 10; top: 12px; left: 164px; width: 46px; height: 40px; visibility: visible }
#port { position: absolute; z-index: 10; top: 0px; left: 188px; visibility: hidden }
#portbox  { position: absolute; z-index: 10; top: 12px; left: 188px; width: 40px; height: 40px; visibility: visible }
#time  { position: absolute; z-index: 10; top: 0px; left: 212px; visibility: hidden }
#timebox  { position: absolute; z-index: 10; top: 12px; left: 212px; width: 40px; height: 40px; visibility: visible }
#currency { position: absolute; z-index: 10; top: 0px; left: 236px; visibility: hidden }
#currencybox  { position: absolute; z-index: 10; top: 12px; left: 236px; width: 46px; height: 40px; visibility: visible }
#distance { position: absolute; z-index: 12; top: 0px; left: 258px; visibility: hidden }
#distancebox  { position: absolute; z-index: 11; top: 12px; left: 258px; width: 40px; height: 40px; visibility: visible }
#logisticsguide { position: absolute; z-index: 12; top: 0px; left: 282px; visibility: hidden }
#logisticsguidebox  { position: absolute; z-index: 11; top:12px; left: 282px; visibility: visible }
#routingrule { position: absolute; z-index: 12; top: 0px; left: 306px; visibility: hidden }
#routingrulebox  { position: absolute; z-index: 11; top:12px; left: 306px; visibility: visible }
.footer1 { color: white; font-weight: 600; font-size: 11px; line-height: 12px; font-family: Verdana, " Arial", " Helvetica"; }
.footer2   { color: black; font-weight: bold; font-size: 11px; line-height: 11px; font-family: Verdana, Arial, Helvetica; }



#bodyimage  {position:absolute; top: 55px; left:55px; visibility: visible}




.volCont { zIndex:99; visibility: hidden; position: absolute; background-color:#F5F5F5;border: 1px solid #a5a9b6;  }

/***************************************************
 * Calendar                                        *
 ***************************************************/
.calCont { background-color: #F5F5F5; border: 1px solid #a5a9b6; } 
.calMain { width: 100%;}
.calLine { height: 1px; background-color: #ffffff; font-size: 1pt; }
.calTitle { background-color: #ffffff;  }
.calDOWRow { background-color: #cfe0f1 }
.calDOWTitle { 	color: #3c3c3c;
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial;
	text-align: center;
	width: 14%;
}
.calBody { background-color: #f2f2f5; color: #3c3c3c; font-size: 10px; font-family: Verdana, Tahoma, Arial;}
.calBody a:link { font-size: 10px; color: #3c3c3c; text-decoration: none;}
.calBody a:visited { font-size: 10px; color: #3c3c3c; text-decoration: none; }
.calBody a:hover { font-size: 10px; color: #3c3c3c; text-decoration: none;}
.calBody a:active { font-size: 10px; color: #3c3c3c; text-decoration: none;}

.calDay {  text-align: center; }
.calDayCur { font-weight: bold; text-align: center; }
.calDayDis { color: #7e8694; text-align: center; }

/***************************************************
 * Login                                           *
 ***************************************************/
.loginframe { background-color: #EEEEEE; border: 1px solid #D6D6D6; }
.loginbutton { font-size: 13px; cursor: hand; color: #ffffff; background-color: #999999; font-family: Arial; font-weight: bold; border: 1px outset; }
.copyright { font-size: 7pt; font-family: Arial; }

#tooltip { position: absolute; visibility: hidden; background: infobackground; color: infotext; font: statusbar; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom : 1px solid #000000;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; z-index: 10000;}

.popmenu { color: black; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, " Arial", " Helvetica" }
.popmenu a:link{ color: black; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, " Arial", " Helvetica" }
.popmenu a:active{ color: black; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, " Arial", " Helvetica" }
.popmenu a:visited{ color: black; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, " Arial", " Helvetica" }
.popmenu a:hover{ color: black; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, " Arial", " Helvetica" }

.contextMenu { border: 1px solid #a3b3d8; z-index: 999; margin: 0px; padding: 0px; background: #d9e5ef; overflow: hidden }
.contextMenuTitleBar { padding-left: 5px; position: relative; height: 20px; background-image: url(../../images/themes/themesswanblue/hBar-Bg.gif); width: 100%; text-align: center; }
.contextMenuTitle { color: #3c3c3c; line-height: 18px; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; vertical-align: middle;}
.contextMenuContent { padding: 2px; overflow: auto; }


.popinFrame { border: 1px solid #a3b3d8; z-index: 999; margin: 0px; padding: 0px; }
.popinBody {  margin:0px; padding:0px; background: #d9e5ef; height: 100%; }
.popinTitleBar { 
        padding-left: 5px; 
        position: relative; 
        height: 20px; 
        background-image: url(../../images/themes/themesswanblue/hBar-Bg.gif);
        width: 100%;
        text-align: center;
}
.popinTitle { color: #3c3c3c; line-height: 18px; font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; vertical-align: middle;  }
.popinContent { margin: 2px; }
#popinHelp {position: absolute; top: 1px; right: 20px;}
#popinClose {position: absolute; top: 1px; right: 2px;}




.popMask {
    display: block; z-index: 1; filter: alpha(opacity=40); left: 0px; width: 100%; background-repeat: repeat; position: absolute; top: 0px; height: 1px; background-color: #ffffff; opacity: .4; moz-opacity: .40; visibility: hidden;
}

#processingDiv { width: auto; height: auto; position: absolute; display: block; visibility: hidden; background: white; z-index: 10000; text-align: center; vertical-align: middle; border: 1px solid #000000; margin:0px; padding: 25px; }

/* Used by autocomplete */
.popupFrame { background: #FFFFFF; border: solid 1px black; border-left-width: 4px; border-left-color: #000000; padding: 2px; overflow: hidden; z-index: 50000; }
.popupItem { color: #000000; background-color: #FFFFFF; text-decoration: none; display: block; font-size: 10px; font-family: Verdana, " Arial", " Helvetica"; }
.popupItem:link { color: #000000; background-color: #FFFFFF; display: block; overflow: hidden; }
.popupItem:active  { color: #000000; background-color: #FFFFFF; display: block; overflow: hidden; }
.popupItem:visited { color: #000000; background-color: #FFFFFF; display: block; overflow: hidden;  }
.popupItem:hover { color: #000000; background-color: #FFFFFF; display: block; overflow: hidden; }
.pItemSel { color: #3c3c3c; background-color: #a3c2df; font-size: 10px; font-family: Verdana, " Arial", " Helvetica"; }
.pItemSel:link { color: #3c3c3c; background-color: #a3c2df; display: block; text-decoration: none; overflow: hidden; }
.pItemSel:active { color: #3c3c3c; background-color: #a3c2df; display: block; text-decoration: none; overflow: hidden; }
.pItemSel:visited { color: #3c3c3c; background-color: #a3c2df; display: block;text-decoration: none;  overflow: hidden; }
.pItemSel:hover { color: #3c3c3c; background-color: #a3c2df; display: block; text-decoration: none; overflow: hidden; }



/***************************************************
 * Scroll Grid                                     *
 ***************************************************/
.sgContainer { cursor: default; width: 100%; height: 100%; overflow: hidden; position: relative; visibility: hidden; }

.sgContainerRow { margin: 0 auto; padding: 0 auto; height: 22px; line-height: 22px;overflow: hidden; width: 100% }

.sgSection { background-color: #cfe0f1; float: left; overflow-x: auto; overflow-y: hidden; border-top: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }

html>body .sgSection { width: 100%; }

.sgSecBordLeft { border-left: 1px solid #c7c7c7; }


*{box-sizing:border-box;-moz-box-sizing:border-box;}

.sgSubSection { vertical-align: top; display: block; overflow: hidden; width: auto; }

.sgBodyRow { vertical-align: top; display: block; overflow: hidden; font: icon; height: 17px; white-space: nowrap; border-bottom: 1px solid #c7c7c7!important;  width:99999px; }
html>body .sgBodyRow { line-height: 17px; height: 17px; }

.sgTotalRow { border-top: 1px solid #c7c7c7; background-color: #edf6ff;  }

.sgTreeRow { vertical-align: top; display: block; overflow: hidden; font: icon; white-space: nowrap; border-bottom: 1px solid #c7c7c7!important; width:100%; background: #f8f8f8;}

.sgBodyRowHighlighted { background: #c3d4e8; color: #343434;}

.sgBodyRowOdd { background: #efefef; color: #3c3c3c; }

.sgBodyRowEven { background: #ffffff; color: #3c3c3c; }

.sgBodyRowSelected { background:   #a3c2df; color: #3c3c3c; }

.sgBodyRowHighlighedAndSelected { background: #a3c2df; color: #3c3c3c; }

.sgBodyCol { display: inline; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; line-height: 17px; vertical-align: top; height: 100%; border-right: 1px solid #c7c7c7; text-align: left; padding-left: 3px; padding-right: 2px; margin-right: 0px; font-size: 11px; font-family: Verdana, Tahoma, Arial;   }

html>body .sgBodyCol { display: block; float: left; margin-right: 0px; line-height: 15px; height: 17px; }

.sgBodyCol2 a:link { text-decoration: none }
.sgBodyCol2 a:visited { text-decoration: none }
.sgBodyCol2 a:hover { text-decoration: none }
.sgBodyCol2 a:active { text-decoration: none }

.sgTreeCol {display: inline; overflow: hidden; vertical-align: top; text-align: left; margin-right: 0px;  font-size: 11px;  }

 html>body .sgTreeCol { display: block; float: left; }

.sgBodyCol:focus { -moz-outline: 0px; background-color: #4da2f2; }

/* Body column focus - The preceding one is for Mozilla; this one is for ie until they can recognize the above */
.sgBodyColFocus { background: #4da2f2; }

.sgBodyColEdited { background: #ffe533; }

.sgBodyColError { background: #fc845f; }

.sgBodyCheckCol { text-align: center;}
 html>body .sgBodyCheckCol { padding-left: 4px; margin-top: 0px;}

.sgBodyCheck { height: 15px; width: 15px; vertical-align: middle }
 html>body .sgBodyCheck { height: 15px; width: 15px; margin-top: 0px; padding-top: 1px; }

.sgSortAsc { width: 16px;   background-image: url(./../../images/themes/themesswanblue/grid.png); background-position: -20px 50%; background-repeat:   repeat-y; }
html>body .sgSortAsc { position: absolute; }

.sgSortDes { width: 16px; background-image: url(./../../images/themes/themesswanblue/grid.png); background-position:   -40px 50%; background-repeat: repeat-y; }
html>body .sgSortDes { position: absolute; }

.sgCaptionCol { display: inline; position:relative; top:-5%; padding-left: 2px; padding-right: 2px; }

.sgCaptionColImg { position: relative; top: 10%}
.sgCaptionColImg2 { position: relative; top: 5%}

.sgFiller { background-color: #cfe0f1; position: absolute; left: 0; top: 0; z-index: 999; font-size: 10px; }
html>body .sgFiller { height: 19px; }

.sgFillerBotLeft { height: 17px; left: 1; }
html>body .sgFillerBotLeft { height:19px; }

.sgFillerBotLeftTop {}
html>body .sgFillerBotLeftTop {}

.sgFillerBotRight { height: 20px; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; width : 18px; }
html>body .sgFillerBotRight { border-top: 1px solid #c7c7c7!important; width: 20px; height: 20px; }

.sgVertScroll { width: 19px; position: absolute; overflow-y: scroll; overflow-x: hidden; border-top: 1px solid #c7c7c7; border-right:   1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
html>body .sgVertScroll { width: 20px; }

.sgVertScrollSpace { width: 19px; overflow: hidden; }

.sgHeadRow { position: relative; height: 17px; max-height: 17px; white-space: nowrap; overflow: hidden; font: Verdana, Tahoma, Arial; background:  #cfe0f1; border-bottom: 1px solid; border-color: ButtonHighlight transparent ButtonShadow ButtonHighlight; display: block;  width:99999px;}
html>body .sgHeadRow { display:  -moz-inline-box; }

.sgHeadCol0 { vertical-align: top; position: relative;  height: 100%; text-align: center; white-space: nowrap; display: inline; padding-left: 2px; }
html>body div.sgHeadCol0 { display: block; padding-left: 2px;}

.sgHeadCol1 { padding-left: 2px; vertical-align: top; position: relative; height: 100%; margin-left: -10px; text-align: center; white-space:  nowrap; display: inline; }
html>body .sgHeadCol1 { display: block; margin-left: -4px; }

.sgHeadColPart { cursor:e-resize; position: relative; width:10px; left: -6px; display: inline; background-image:   url(./../../images/themes/themesswanblue/grid.png); background-position:  -74px 0px; background-repeat: repeat-y; height: 20px; }
html>body .sgHeadColPart { z-index: 1000; display:-moz-inline-box; margin-left: -6px; background-position:   -74px 0px; }

.sgHeadColVal { position: relative; width: 100%; height: 100%; display: block; text-align: left; overflow: hidden; white-space:  nowrap;  text-overflow: ellipsis; font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #3c3c3c; margin-left: -1px; padding-left: 3px; font-weight: bold;  }

.sgHeadColVal2 a:link { text-decoration: none }
.sgHeadColVal2 a:visited { text-decoration: none }
.sgHeadColVal2 a:hover { text-decoration: none }
.sgHeadColVal2 a:active { text-decoration: none }

.sgHeadColValS { position: relative; width: 100%; height: 100%; display: block; text-align: left; overflow: hidden; white-space:  nowrap;  text-overflow:  ellipsis; margin-left: -1px; text-decoration: underline; font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #2c558c; font-weight: bold; padding-left: 3px; cursor: hand;}

sgHeadColValHighlighted { background-color: #faf9f4; }

.sgHeadCheck { padding: 0;height: 15px; width: 15px;  vertical-align: middle; margin-right:0px; }
html>body .sgHeadCheck { height: 15px; width: 15px; margin-top:  0px; margin-left: 1px; }

.sgImageButtonOn { cursor: pointer; }

.sgDivider { color: #91b4d7; font-family: Verdana, Tahoma, Arial; font-size: 10px; padding-left: 5px; padding-right: 7px; }

.sgEditCD { display: none; position: absolute; left: 0; top: 0; margin: 0px; padding: 0px; border: 2px solid; border-color:  ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; background: #f8f8f8; z-index: 999; vertical-align: middle; }
html>body .sgEditCD { position: fixed; }

div.sgMsg { position: absolute; border: 1px solid black; background: lightgreen; font: icon; font-size: 11px; padding: 10px; visibility: hidden; z-index: 999}

/*****************************************************
 * Tree (must be after the section cont declaration) [table margin/padding] *
 *****************************************************/

.simTree { list-style: none; margin: 0px; padding: 0px;  }
.simTree ul { list-style: none; margin: 0px; padding: 0px 0px 0px 16px }
.simTree li { line-height: 15px; font-size: 10px; font-family: Verdana, Tahoma, Arial; color:#3c3c3c;  }
.simTree li a { font-size: 10px; font-family: Verdana, Tahoma, Arial; color:#2b7c92; text-decoration: none;}
.simTree li a:link { font-size: 10px;  text-decoration: none;}
.simTree li a:active { font-size: 10px;  text-decoration: none;}
.simTree li a:visited { font-size: 10px; text-decoration: none; }
.simTree li a:hover { font-size: 10px; text-decoration: underline;}
.simTree .nodeCl { display: none; visibility: hidden } 

.simTree2, .simTree2 ul { margin: 0px; padding: 0px 0px 0px 16px; }
.simTree2 li { line-height: 15px; font-size: 10px; font-family: Verdana, Tahoma, Arial; color:#3c3c3c;  }
.simTree2 li a { font-size: 10px; font-family: Verdana, Tahoma, Arial; color:#2b7c92; text-decoration: none;}
.simTree2 li a:link { font-size: 10px;  text-decoration: none;}
.simTree2 li a:active { font-size: 10px;  text-decoration: none;}
.simTree2 li a:visited { font-size: 10px; text-decoration: none; }
.simTree2 li a:hover { font-size: 10px; text-decoration: underline;}
.simTree2 .nodeCl { display: none; visibility: hidden } 


.tree { padding-left : 0px; margin-left : 0px; margin-top: 0px;padding-top: 0px; border-collapse: collapse; border-width: 0px; border-spacing: 0px;   }

.tree td { margin:0px; padding: 0px; }

.tree .treeNodeIC { padding-left : 0px; margin-left : 0px; margin-top: 0px;padding-top: 0px; border-collapse: collapse; border-width: 0px; border-spacing: 0px; font-size: 10px; font-family: Verdana, Tahoma, Arial; color:#3c3c3c;}
.tree .treeNodeIC td { margin: inherit; padding: inherit; }

.tree .treeNodeSelected { background: #2b7c92; color: #ffffff}
.tree .treeNodeSelected a { color: #ffffff}

.tree .nodeCl { display: none; visibility: hidden }

.tree .treeNodeIC .e { padding-left: 16px; }

.tree .treeNodeIC .oc {cursor: pointer; cursor: hand; width: 16px; vertical-align: top; }
.tree .treeNodeIC .dataCont {  padding-left: 5px; vertical-align: top; line-height: 16px;  }
html>body .tree .treeNodeIC .dataCont { width: auto }

.tree .treeNodeIC .buttonsCont  { padding-left: 5px; }
html>body .tree .treeNodeIC .buttonsCont {  }

.tree .treeNodeIC .buttonsCont img { border-collapse: collapse; border-width: 0px; border-spacing: 0px; margin-left: 3px; }

.tree .treeNodeIC .dataCont a { font-size: 10px; text-decoration: none;}
.tree .treeNodeIC .dataCont a:link { font-size: 10px;  text-decoration: none;}
.tree .treeNodeIC .dataCont a:active { font-size: 10px;  text-decoration: none;}
.tree .treeNodeIC .dataCont a:visited { font-size: 10px; text-decoration: none; }
.tree .treeNodeIC .dataCont a:hover { font-size: 10px; text-decoration: underline;}
.tree .treeNodeIC .dataCont .exceptionText { vertical-align: top }

.tree .treeNodeIC .ic { width: 16px; vertical-align: top; }
.tree .st { margin: 0 0 0 16px; }

.dragable { cursor: pointer; cursor: move; }

/**********************************************
 * Buttons                                    *
 **********************************************/
 
.buttonsCont {border-collapse:collapse;}
.buttonsCont td, .buttonsCont td td {/*vertical-align: top; not top because of finder buttons*/  padding-right: 2px; margin: 0px;}

.buttonCont { line-height: 18px; height: 18px; }

/* Use for 'submit' input types.  Would like to use input[type='submit'], but i.e. does not support */
.submitButtonBoxEnable { margin: 0px; padding: 0px 3px 3px 3px; background-repeat: repeat-x; background-position: bottom left;    background-color: #c9e5ec; text-align: center; vertical-align: middle; background-image: url(../../images/themes/themesswanblue/btn-bg.gif); }

.submitButtonEnable {
    margin: 0px; 
    border-top: 1px solid #a5a9b6; 
    border-left: 1px solid #a5a9b6; 
    border-bottom: 1px solid #7b8194; 
    border-right: 1px solid #7b8194; 
    background-color: transparent; 
    font-size: 13px;
    height: 20px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
    color: #586073; 
    text-align: center; 
    vertical-align: middle; 
    cursor:pointer; 
    cursor: hand;
}

.buttonCont .enButton  {
	background-image: url(../../images/themes/themesswanblue/btn-bg.gif);
    background-repeat: repeat-x;
    background-color: #ffffff; 
    background-position: bottom left;  
    border-top: 1px solid #a5a9b6; 
    border-left: 1px solid #a5a9b6; 
    border-bottom: 1px solid #7b8194; 
    border-right: 1px solid #7b8194; 
	padding: 0px 3px 0px 3px;
	white-space: nowrap;
	text-decoration: none;
	color: #586073;
	display: inline-block;
}

html>body .buttonCont .enButton { 
	/*line-height: 19px;
	height: 19px; */ display: inline; float: left}
	
.buttonCont .enButton a {
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	text-decoration: none;
	color: #586073;
	cursor: pointer;
	cursor: hand;
}


.buttonCont .enButton a:link { color: #586073; font-size: 13px; font-family: Verdana, Tahoma, Arial; text-decoration: none;}
.buttonCont .enButton a:active { color: #586073; font-size: 13px; font-family: Verdana, Tahoma, Arial; text-decoration: none;  }
.buttonCont .enButton a:visited { color: #586073; font-size: 13px; font-family: Verdana, Tahoma, Arial; text-decoration: none;}
.buttonCont .enButton a:hover { color: #586073; font-size: 13px; font-family: Verdana, Tahoma, Arial; text-decoration: none; }

.buttonCont .disButton  {  
	background-image: url(../../images/themes/themesswanblue/dis-btn-bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	background-position: bottom left;
    border-top: 1px solid #a5a9b6; 
    border-left: 1px solid #a5a9b6; 
    border-bottom: 1px solid #7b8194; 
    border-right: 1px solid #7b8194; 
	padding: 0px 3px 0px 3px;
	white-space: nowrap;
	text-decoration: none;
    color: #a5a9b6;
	display: inline-block;	
}

html>body .buttonCont .disButton { 
    /*line-height: 19px;
    height: 19px; */ display: inline; float: left}
    
.buttonCont .disButton a { 
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial; 
	font-weight: bold; 
	text-decoration: none;
	color: #a5a9b6; 
	cursor: default;
}
.buttonCont .disButton a:link { color: #a5a9b6; font-size: 13px; font-family: Verdana, Tahoma, Arial; }
.buttonCont .disButton a:visited { color: #a5a9b6;font-size: 13px; font-family: Verdana, Tahoma, Arial;  }
.buttonCont .disButton a:hover { color: #a5a9b6; font-size: 13px; font-family: Verdana, Tahoma, Arial;  }
.buttonCont .disButton a:active { color: #a5a9b6;font-size: 13px; font-family: Verdana, Tahoma, Arial;   }

.dragCont { display: block; z-index: 1; filter: alpha(opacity=60); left: 0px; width: auto; background-repeat: repeat; position: absolute; top: 0px; height: 1px; background-color: transparent; opacity: .6; moz-opacity: .60; visibility: hidden; }