﻿body
{
	margin: 0px auto;
	padding: 0px;
	border: 0;
	background-image:url(Flash\bg-lines.jpg);
	background-repeat: repeat-y;
	
	
    
	/*
	background-color: #3f3f3f;
url( "Images/searchTop.jpg" )
    */
   
    
}
body, tr, td, th, dl, dt, dd, li, ul, ol, p, h2, h3, h4, h5, h6, b, i, input, select, option, optgroup, textarea, legend
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}
.wrapper
{
	width: 100%;
	

}
.headerWrapper
{
	width: 97%;
	margin: 0 auto;
	height: 100%;
	bottom: 0;
	display: block;
}
.contentWrapper
{
	width: 100%;
	height:100%;
	margin: 0 auto;
	height: 100%;
	bottom: 0; 
	padding: 0px;
	display: block;
	background-color:#f4f4f4; 
	
	/*background-image:url('bg-lines.jpg'); */ 
		
}
.mainContent
{
	width: 97%;
	margin: 0 auto;
	padding: 0px;
	display: block;
	margin-top: 2px;
	background-image:url(App_Themes/images/wrapperTop.jpg);
	
}
.footer
{
	/* border-top: solid 2px #4a4a4a;
	border: solid 1px #5c5c5c;
	/*background-image: url(images/footerBG.jpg);
	
     
	background-repeat: repeat-x;
	background-position: bottom;*/
	background:#385567;
	height: 112px;
	width: 100%;
	margin: 0 auto;
	
	/*color: #fff;
	color:Black; 
	
	vertical-align: middle;*/

	text-align: center;
	display: block;
	background-image: url("images/fundo.jpg")
	 
	
}
.footerContent
{
	padding: 6px;
	color: #fff;
}
.footer a:link, .footer a:active, .footer a:visited
{
	color: #fff;
	text-decoration: underline;
	padding: 4px;
}
.footer a:hover
{
	text-decoration: none;
	cursor: default;
}
.plottingfooter
{
	border: solid 1px #5c5c5c;
	width: 95%;
	margin: 0 auto;
	margin-top: 2px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	font-size: 10px;
}
a:link, a:active, a:visited
{
	color: #21476b;
	padding-bottom: 0px;
	border-bottom: solid 0px #6F96A7;
	text-decoration: underline;
	font-weight: bold;
}
a:hover
{
	color: #000;
	text-decoration: none;
}
p
{
	line-height: 20px;
}
p.list
{
	line-height: 0px;
}
h1
{
	margin: 0;
	padding-bottom: 6px;
	font-size: 18px;
	color: #21476b;
}
h2
{
	margin: 0;
	padding-bottom: 6px;
	font-size: 16px;
	color: #21476b;
}
h3
{
	margin: 25%;
	padding-bottom: 6px;
	font-size: 14px;
	color: #21476b;
	text-align: center;
}
h4
{
	background-color: #385567;
	margin: 12px 0 0 0;
	font-size: 14px;
	color: #fff;
	padding: 4px;
}
h5
{
	margin: 0;
	padding: 0px;
	font-size: 14px;
	color: #21476b;
}
h6
{
	margin: 0;
	padding-bottom: 6px;
	color: #21476b;
	font-size: 12px;
}
.contentTitle
{
	background-color: #385567;
	margin: 0;
	font-weight: bold;
	color: #fff;
	padding: 4px;
}

.myAccTitle
{
	background-color: #515151;
	margin: 0 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}
.bodyBG
{
	  /*background-image:url("Flash\bg-lines.jpg"); */
	  background-image:url(App_Themes/images/wrapperTop.jpg);
}
.clearBoth
{
	clear: both;
}
/* Starts Header */
.header
{
	width: 100%;
	display: block;
	height: 77px;
	padding: 0px 0 0 0;
}
.headerLeft
{
	float: left;
	width: 40%;
}
.logo
{
	float: left;
	width: 30%;
	display: block;
	padding: 5px 0 0 0;
}
.welcomeNote
{
	float: right;
	color: #446c85;
	width: 68%;
	font-weight: bold;
}
.welcomeNote a:link, .welcomeNote a:active, .welcomeNote a:visited
{
	text-decoration: underline;
	padding: 0 5px;
	color: #446c85;
}
.welcomeNote a:hover
{
	text-decoration: underline;
}
.headerRight
{
	float: right;
	width: 58%;
	text-align: right;
}
/* Starts Header Top Links */
.headerLinks
{
	color: #21476b;
	margin-right: 0px;
}
.headerLinks a:link, .headerLinks a:active, .headerLinks a:visited
{
	text-decoration: none;
	padding: 0 5px;
	color: #21476b;
}
.headerLinks a:hover
{
	text-decoration: underline;
}
/* Ends Header Top Links */
/* Starts Header Search */
.datamarWeekSearch
{
	text-align: left margin: 10px 0;
}
.datamarWeekSearch input
{
	vertical-align: middle;
}
.search
{
	text-align: right;
	margin: 10px 0;
	vertical-align: top;
}
.searchInput
{
	background: #FFFFFF;
	border: 2px solid #3f3f3f;
	margin: 0;
	padding: 2px;
	color: #3f3f3f;
	border-right: 0px;
}

.searchBtn
{
	background: url( "Images/searchTop.jpg" ) no-repeat;
	width: 20px;
	height: 23px;
	border: none;
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	left: -5px;
}

.saveInput
{
	background: #FFFFFF;
	border: 2px solid #3f3f3f;
	margin: 0;
	padding: 2px;
	height: 16px;
	color: #3f3f3f;
	border-right: 0px;
}
.saveBtn
{
	border: none;
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	left: -5px;
}
.search input
{
	vertical-align: middle;
}
/* Ends Header Search */
/* Starts Header Language */
.language
{
	color: #000000;
	margin: 0px 6px 0 0;
}
.language a:link, .language a:active, .language a:visited
{
	color: #000000;
	text-decoration: underline;
}
.language a:hover
{
	text-decoration: none;
}
/* Ends Header Language */
/* Starts Header Navigation */
.navigation
{
	width: 100%;
	height: 30px; /* background-image: url("Images/navigation.jpg"); */
	display: block;
}
.navigationLeft
{
	/* background-image: url("Images/navigationLeft.jpg");  	background-position: left; 	background-repeat: no-repeat;*/
	float: left;
}
.navigationRight
{
	/* background-image: url("Images/navigationRight.jpg"); 	background-position: right; 	background-repeat: no-repeat; */
	float: right;
}
.myAcct
{
	font-size: 8px;
	font-weight: normal;
	padding: 8px 20px 8px 0px;
}
.myAcct a
{
	color: #FFF;
	font: bold 12px Calibri;
	text-decoration: none;
}

.menu-normal
{
	padding: 4px 10px;
	float: left;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
}
.menu-hover
{
	background-color: #1a8aba;
}
.menu-selected
{
	background-color: #1a8aba;
}
/* Ends Header Language */

/* Ends Header */

/* Starts Content */
.cpBody
{
	background-color: #f4f4f4;
	min-height: 440px;
	display: block;
}
.cpBodyContent
{
	padding: 0px 6px;
}
.rightLink
{
	text-align: right;
	width: 100%;
	padding-bottom: 4px;
}
.formTable
{
	padding: 8px;
	margin-bottom: 8px;
}
.formTable tr td
{
	padding: 4px;
}
.dataTable
{
	background-color: #FFFFFF;
	padding: 8px;
	border: solid 1px #dbd9d2;
	margin-bottom: 8px;
}
.formDataTable
{
	background-color: #FFFFFF;
	padding: 8px;
	border: solid 1px #e4e3d1;
	margin-bottom: 8px;
}
.issueLeft
{
	background-color: #9d9b9b;
	padding: 4px;
}
.issueRight
{
	overflow: auto;
	width: 100%;
	height: 450px;
	border: solid 1px #21476b;
	text-align: left;
}
.formLabel
{
	color: #3d3c3c;
	font-weight: bold;
	text-align: right;
}
.formLabelB
{
	color: #3d3c3c;
	font-weight: bold;
}
.highlight
{
	color: #21476b;
	font-weight: bold;
}
.upload
{
	width: 100%;
}
.uploadLeft
{
	width: 49%;
	float: left;
	border-right: solid 1px #e4e3d1;
}
.uploadRight
{
	width: 49%;
	float: right;
}
.issuesBox
{
	width: 100%;
}
.issuesLeft
{
	float: left;
	width: 19%;
	display: block;
}
.issuesRight
{
	float: right;
	width: 80%;
	padding-left: 8px;
	border-left: dashed 1px #21476b;
}
.issueLinkL
{
	float: left;
	width: 40%;
}
.issueLinkR
{
	float: right;
	width: 40%;
	text-align: right;
}
/* Ends Content */


/* Starts DropDownList */
.DropDownList
{
	background-color: #EDEDED;
	color: #FF0000;
}
/* ends DropDownList */
/* Starts Buttons*/
.salesBtn
{
	color: #000;
	background: url(Images/contactSales.gif) repeat-x;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 4px;
	margin: 0 0 0 0;
	border: solid 2px #c9c09e;
	overflow: visible;
}
.close
{
	color: #000;
	background: url(Images/close.gif) repeat-x;
	height: 14px;
	width: 15px;
	border: 0;
	padding: 0px 4px 0 0;
	margin: 2px;
	overflow: visible;
	cursor: hand;
	cursor: pointer;
}
.close:hover
{
	background: url(Images/closeO.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 14px;
	width: 15px;
	color: #000;
}
.smlBtn
{
	color: #000;
	background: url(Images/buttonBG.gif) repeat-x;
	border: solid 1px #b4b8d3;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 0px 4px 3px 4px;
	margin: 4px 0;
	overflow: visible;
}
.smlBtn:hover
{
	background: url(Images/buttonBG.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #000;
}
.mdBtn
{
	color: #000;
	background: url(Images/buttonBG.gif) repeat-x;
	height: 18px;
	border: solid 1px #b4b8d3;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 0px 4px 3px 4px;
	margin: 4px 0;
	overflow: visible;
}
.mdBtn:hover
{
	background: url(Images/buttonBG.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #000;
}

.bigBtn
{
	color: #000;
	background: url(Images/buttonBG.gif) repeat-x;
	height: 18px;
	border: solid 1px #b4b8d3;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 0px 4px 3px 4px;
	margin: 4px 0;
	overflow: visible;
}
.bigBtn:hover
{
	background: url(Images/buttonBG.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #000;
}
.vsaBtn
{
	color: #fff;
	background: url(Images/vsaBtn.gif);
	background-repeat: repeat-x;
	background-color: #000;
	border: solid 1px #000;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	height: 20px;
	vertical-align: middle;
}
.vsaBtn:hover
{
	background: url(Images/vsaBtnH.gif);
	background-repeat: repeat-x;
	background-color: #000;
	color: #FFF;
	border: solid 1px #000;
}
.vsaPivotTable
{
	background-color: #fdfdfd;
	border: solid 1px #dddbd4;
	padding: 2px;
}
/* ends Buttons */
.img
{
	padding: 0 0 0 0;
	vertical-align: middle;
}
/* Start Form Step */
.formStep
{
	padding: 0 0 0 0;
	margin-bottom: 10px;
}
.stepTwo
{
	width: 100%;
}
.stepTwoLeft
{
	float: left;
	width: 48%;
}
.stepTwoRight
{
	float: right;
	width: 48%;
	text-align: right;
}

/* Ends Form Step */
.textBox
{
	border: solid 1px #21476b;
}
/* Starts Errro Success Info Massages */

#errorRow
{
	margin: 0 0 20px 0;
	padding: 4px;
	display: block;
}
.massageLabel
{
	text-align: center;
	margin: 4px auto;
	display: block;
}
.massageLabelContent
{
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	background-color: #fddb70;
	padding: 4px;
	white-space: nowrap;
}
.error
{
	color: #990000;
}
.success
{
	color: #036803;
}
.info
{
	color: #21476b;
}
.plotTitle
{
	color: #000;
	vertical-align: top;
	font-weight: bold;
	background-color: #fff1a8;
	white-space: nowrap;
	padding: 2px;
}
.information
{
	background-image: url(Images/infoIcon.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #21476b;
	padding-left: 24px;
	vertical-align: middle;
	font-weight: bold;
	margin: 10px 0;
}

/* Ends Errro Success Info Massages */
.mandetory
{
	color: #df0101;
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
}
.requiredField
{
	color: #870000;
	font-size: 11px;
}
/* Starts VSA Reports */
.vsaLinks
{
	background-image: url(       "Images/vsaLinksBG.jpg" );
	background-repeat: repeat-x;
	height: 30px;
}
.vsaSubMenu
{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background-image: url(       "Images/vsaLinksBG.jpg" );
	background-repeat: repeat-x;
	height: 30px;
	min-height: 30px;
	width: 100%;
}
.vsaSubMenu a {
      float:left;
      margin:0 2px;
      padding:0 0 0 4px;
      text-decoration:none;
      white-space: nowrap;
      }
.vsaSubMenu a span {
      display:block;
      padding:3px 10px 2px 6px;
      color:#fff;
      }
.vsaSubMenu a span {float:none;}
.vsaSubMenu a:hover span {
      color:#000;
      }
.vsaSubMenu a:hover
{
	color: #000;
      background:url("Images/vsaSelectedLinkL.gif") no-repeat left top;
}
 .vsaSubMenu a.active
 
{
	color: #000;
      background:url("Images/vsaSelectedLinkL.gif") no-repeat left top;
}
 .vsaSubMenu a.active span
 
{
	color: #000;
      background:url("Images/vsaSelectedLinkR.gif") no-repeat right top;
}
.vsaSubMenu a:hover span 
{
	color: #000;
      background:url("Images/vsaSelectedLinkR.gif") no-repeat right top;
      }
.vsaPanel
{
	border: solid 3px #454545;
	border-top: 1px;
	min-height: 440px;
}
.vsaContent
{
	margin: 6px;
	display: block;
}
.reportsHeading
{
	/* background: url(Images/reportsHeadingBG.gif) repeat-x left bottom; */
	background-color: #515151;
	margin: 0;
	font-weight: bold;
	color: #fff;
	padding: 6px;
}
.vsaReports
{
	border: solid 1px #21476b;
	vertical-align: top;
}
.vsaContainer
{
	width: 100%;
}
.vsaContainerLeft
{
	width: 20%;
	float: left;
	height: 0;
	overflow: hidden;
}
.vsaContainerRight
{
	width: 79%;
	float: right;
}
/* Ends VSA Reports */
.VSARcontainer
{
	width: 100%;
}
.VSARcontainerLeft
{
	width: 49%;
	float: left;
}
.VSARcontainerRight
{
	float: right;
	text-align: right;
}
.vsaColTable
{
	width: 100%;
	margin: 0;
}
.vsaColTableLeft
{
	float: left;
	width: 50%;
}
.vsaColTableRight
{
	float: right;
	width: 20%;
	text-align: right;
	display: block;
}
#compContReport
{
	text-align: right;
	display: block;
	float: right;
}
.vsaOptTable
{
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
	display: block;
	margin: 0;
}
.vsaOptTableLeft
{
	width: 66%;
	float: left;
}
.vsaOptTableRight
{
	width: 33%;
	float: right;
	text-align: right;
}
.summary
{
	width: 60%;
	float: left;
}
.vsaMassage
{
	width: 39%;
	float: right;
}
.vsaMassageLabel
{
	font-weight: bold;
	background-color: #fff1a8;
	text-align: center;
	margin: 0 auto;
}
.myView
{
	width: 100%;
}
.vsaReportTable
{
	width: 100%;
	display: block;
}
.vsaReportTableLeft
{
	float: left;
	width: 23%;
	display: block;
}
.vsaReportTableRight
{
	float: right;
	width: 76%;
	border: solid 2px #dddbd4;
	display: block;
}
.vsaOptions
{
	background-color: #fdfdfd;
	border: solid 1px #dddbd4;
	padding: 4px;
	margin-bottom: 4px;
	display: block;
}
.vsaGraphs
{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}
.vsaGraphsLeft
{
	width: 68%;
	float: left;
}
.vsaGraphsRight
{
	width: 31%;
	float: right;
}
.vsaGraphOne
{
	width: 48%;
	float: left;
	border-right: dashed 1px #cdcdd1;
}
.vsaGraphTwo
{
	width: 49%;
	float: right;
	border-right: dashed 1px #cdcdd1;
}
.vsaGraphThree
{
	width: 100%;
}

.dropDown
{
	background-color: #f6f6f6;
	width: 550px;
	overflow: auto;
}
.dropDownSave
{
	background-color: #F6F6F6;
	width: 220px;
	text-align: center;
}
.vsaStatus
{
	width: 100%;
}
.vsaStatusL
{
	width: 60%;
	float: left;
}
.vsaStatusR
{
	width: 39%;
	float: right;
	text-align: center;
	border-left: Dashed 1px #dddbd4;
}


/* Starts Shipping Moves */

.searchLabel
{
	color: #21476b;
	font-weight: bold;
	font-size: 14px;
	padding: 0 6px 0 0;
}
.searchLabelL
{
	color: #5c5c5c;
	font-weight: bold;
	font-size: 14px;
}
.shipSearch
{
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: center;
	border: solid 1px #dbd9d2;
	padding: 5%;
}
.searchBoxL
{
	background-image: url(Images/searchBoxLeft.jpg);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
	padding: 0 5px;
	white-space: nowrap;
}
.searchBoxR
{
	background-image: url(Images/searchBoxRight.jpg);
	background-repeat: repeat-x;
	background-position: Right;
	padding: 0px;
	margin: 0px;
}
.searchBoxInput
{
	padding: 5px;
	color: #3f3f3f;
	text-transform: uppercase;
}
.searchSubBoxInput
{
	padding: 2px;
	color: #3f3f3f;
	text-transform: uppercase;
}
.searchReport
{
	background-color: #fdfdfd;
	border: solid 1px #dddbd4;
	padding: 6px;
	margin-bottom: 2px;
}

.shipFormLabel
{
	color: #21476b;
	font-weight: bold;
	text-align: right;
}
.advSearch
{
	text-align: left;
	white-space: nowrap;
	border: solid 2px #5c5c5c;
	width: 440px;
	padding: 4px;
	margin: 10px 0 0 0;
}
.advSearch tr td
{
	padding: 6px;
}
.searchResult
{
	width: 100%;
}
.searchResultLeft
{
	float: left;
	width: 100%;
}
.searchResultRight
{
	float: right;
	text-align: right;
}
/* Ends Shipping Moves */
/* Shipping Plot */
.plotHeading
{
	background: url(Images/reportsHeadingBG.gif) repeat-x left bottom;
	margin: 0;
	padding: 4px;
	color: #000;
	font-weight: bold;
}
.plotOptions
{
	background-color: #fdfdfd;
	border: solid 1px #dddbd4;
	padding: 0px;
	margin: 0;
	width: 100%;
}
.reapter
{
	padding: 2px 0;
	text-transform: capitalize;
}
.reapterAlt
{
	padding: 2px 0;
	background-color: #f4f4f4;
}
.plotGoogle
{
	width: 100%;
}
.plotGoogleLeft_hide
{
	display: none;
}
.plotGoogleRight_hide
{
}
.plotGoogleLeft_show
{
	width: 16%;
	float: left;
	border: solid 1px #d5d5d5;
}
.plotGoogleRight_show
{
	width: 83%;
	float: right;
}
.plotDetailsTitle
{
	background-color: #385567;
	padding: 4px;
	color: #fff;
	width: 100%;
	margin: 0;
	display: block;
}
.plotDetails_show
{
	width: 100%;
	display: block;
}
.plotDetails_hide
{
	display: none;
}
.plotData
{
	width: 100%;
	margin: 5px 0;
	display: block;
}
.plotDataLeft
{
	width: 66%;
	float: left;
}
.plotDataRight
{
	width: 30%;
	float: right;
}
.plotDataOne
{
	width: 48%;
	float: left;
	border-right: dashed 1px #cdcdd1;
}
.plotDataTwo
{
	width: 48%;
	float: right;
	border-right: dashed 1px #cdcdd1;
}
.plotDataThree
{
	width: 100%;
}
.DataOneLabel
{
	color: #21476b;
	font-weight: bold;
	white-space: nowrap;
}
.plottingTable
{
}
.plottingTable tr td
{
	padding: 3px;
}
.plotSelected
{
	background-color: #bdbfce;
}
.plotSelectedAlt
{
	background-color: #bdbfce;
}
/* custom Grid */
.customGrid
{
	background-color: #fff;
	border: solid 1px #d5d5d5;
}
.customGridHeading
{
	border: solid 1px #d1d1d4;
	border-color: #fff #fcfcfd #d5d5d5 #e7e8ea;
	padding: 4px;
	background: url( 'Grid/sprite.gif' ) 0 -400px repeat-x #f1f2f4;
	text-align: left;
	font-weight: bold;
	color: #21476b;
}
.customGridItems
{
	border: 0px solid;
	padding: 4px;
}
/* Starts Static Pages */
.staticContent
{
	width: 100%;
	display: block; /* background: url( 'Images/saparator.jpg' ) repeat-y; 	background-position: 51%; */
}
.staticContentL
{
	float: left;
	width: 50%;
	display: block;
	padding: 0px;
}
.staticContentR
{
	float: right;
	width: 45%;
	display: block;
	padding: 10px;
}
.faqList
{
	margin: 0px;
	padding: 0;
	color: #21476b;
}
.faqList ol li
{
	padding: 4px 0;
}
.staticList
{
	padding: 0 0 0 2em;
	margin: 0;
}

.staticList li
{
	margin: 0;
	padding: 2px;
	list-style-image: url( 'Images/listIcon.gif' );
}


/* Ends Static Pages */





/*RadMenu style  starts*/

.RadMenu_Selected
{
	border-left: 1px solid #010101;
	border-right: 1px solid #010101;
	border-bottom: 1px solid #010101;
	border-top: 1px solid #010101;
	background: #991A01;
	text-align: left;
	top: 0px;
	left: 0px;
	margin-top: 0px;
}

.RadMenu_Blue
{
	border: 0px solid #010101;
	text-align: left;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	z-index: 999;
	display: block;
}
.RadMenu_Blue:hover
{
	cursor: hand;
	cursor: pointer;
}
/*.RadMenu_Blue_rtl
{
	text-align: right;
}*/

/*.RadMenu_Blue_Context
{
	background: none;
	border: 0;
}
*/
/*.RadMenu_Blue a
{
	text-decoration: none;
}*/

.RadMenu_Blue .rmLink
{
	line-height: 24px;
	text-decoration: none;
	color: #fff;
}

/*.RadMenu_Blue .rmLink:focus, .RadMenu_Blue .rmFocused
{
	outline: 0;
}*/

/*.RadMenu_Blue .rmExpanded
{
	position: relative;
	z-index: 10000;
}*/

.RadMenu_Blue .rmLink:hover, .RadMenu_Blue .rmFocused, .RadMenu_Blue .rmExpanded
{
	background: url(   'Images/MenuBackground.jpg' ) repeat-x left top;
	text-align: left;
	cursor: hand;
	cursor: pointer;
}
.RadMenu_Blue .rmLink .rmText
{
	font: bold 14px Calibri;
	text-transform: uppercase;
}

.RadMenu_Blue .rmGroup
{
	background: #385567;
}

.RadMenu_Blue .rmGroup .rmLink
{
	text-decoration: none;
	color: #fff;
}

.RadMenu_Blue_rtl .rmGroup .rmLink
{
	text-align: right;
}

.RadMenu_Blue .rmGroup .rmLink:hover, .RadMenu_Blue .rmGroup .rmFocused, .RadMenu_Blue .rmGroup .rmExpanded
{
	color: #fff;
	background: #3f3f3f;
	cursor: hand;
	cursor: pointer;
}

.RadMenu_Blue .rmText
{
	padding: 7px 20px 5px;
}

.RadMenu_Blue .rmGroup .rmLink .rmText
{
	font-size: 12px;
	font-family: Calibri;
	padding: 10px 62px 10px 20px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.RadMenu_Blue_rtl .rmGroup .rmLink .rmText
{
	padding: 4px;
}

/* <expand arrows styling> */

.RadMenu_Blue .rmGroup .rmLink .rmExpandRight
{
	background: transparent url(Menu/ArrowExpand.gif) no-repeat right -1px;
}

.RadMenu_Blue .rmGroup .rmLink .rmExpandLeft
{
	background: transparent url(Menu/ArrowExpandRTL.gif) no-repeat left -1px;
}

.RadMenu_Blue .rmGroup .rmLink:hover .rmExpandRight, .RadMenu_Blue .rmGroup .rmFocused .rmExpandRight, .RadMenu_Blue .rmGroup .rmExpanded .rmExpandRight
{
	background-image: url(Menu/ArrowExpandHovered.gif);
	cursor: hand;
	cursor: pointer;
}

.RadMenu_Blue .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_Blue .rmGroup .rmFocused .rmExpandLeft, .RadMenu_Blue .rmGroup .rmExpanded .rmExpandLeft
{
	background-image: url(Menu/ArrowExpandHoveredRTL.gif);
}

/* </expand arrows styling> */

.RadMenu_Blue .rmHorizontal .rmItem
{
	border-right: 1px solid #353535;
	padding-bottom: 1px;
}
.RadMenu_Blue .rmHorizontal .rmLast
{
	border-right: 0;
}

/*.RadMenu_Blue .rmVertical .rmItem
{
	border-bottom: 1px solid #353535;
}*/
.RadMenu_Blue .rmVertical .rmLast
{
	border-bottom: 0;
	padding-bottom: 1px;
}

.RadMenu_Blue_rtl .rmHorizontal .rmItem
{
	border-left: 0;
}

.RadMenu_Blue .rmRootGroup .rmGroup .rmItem, .RadMenu_Blue_Context .rmGroup .rmItem
{
	border-right: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.RadMenu_Blue .rmGroup
{
	border: 0px solid #828282; /* menu drop down back color  	background-color: #282844; */
}

.RadMenu_Blue .rmGroup .rmExpanded
{
	z-index: 1;
}

.RadMenu_Blue .rmTopArrow, .RadMenu_Blue .rmBottomArrow
{
	width: 100%;
	background: #fff url(Menu/ArrowScrollUpDown.gif) no-repeat top center;
}

.RadMenu_Blue .rmBottomArrow
{
	background-position: center -18px;
}

.RadMenu_Blue .rmLeftArrow, .RadMenu_Blue .rmRightArrow
{
	width: 10px;
	height: 100%;
	background: #fff url(Menu/ArrowScrollLeftRight.gif) no-repeat left center;
}

.RadMenu_Blue .rmRightArrow
{
	background-position: -18px center;
}

.RadMenu_Blue .rmItem .rmDisabled .rmText
{
	color: #999;
}

.RadMenu_Blue .rmRootGroup .rmItem .rmDisabled
{
	background: none;
}

.RadMenu_Blue .rmGroup .rmItem .rmDisabled9739368595
{
	background-color: #fff;
}

.RadMenu_Blue .rmRootGroup .rmSeparator, .RadMenu_Blue .rmGroup .rmSeparator
{
	background: #8f8f8f;
	border-top: 1px solid #676767;
	border-bottom: 0;
}

.RadMenu_Blue .rmSeparator .rmText
{
	display: none;
}

.RadMenu_Blue .rmHorizontal .rmSeparator
{
	width: 1px;
	border: 0;
}

.RadMenu_Blue .rmVertical .rmSeparator
{
	height: 1px;
	margin: 3px 0;
	border: 0;
	line-height: 1px;
}

.RadMenu_Blue .rmLeftImage
{
	margin: 2px;
}

.RadMenu_Blue .rmSlide
{
	margin: -1px 0 0 -1px !important;
}

.RadMenu_Blue .rmHorizontal .rmSlide
{
	margin-top: -2px !important;
}

.RadMenu_Blue_rtl .rmSlide
{
	margin-left: 0 !important;
	margin-right: -1px !important;
}

.RadMenu_Blue .rmGroup .rmSlide
{
	margin: 0 !important;
}

.RadMenu_Blue .rmItem .rmDisabled:hover
{
	background: none;
}

/*RadMenu style  End*/

/* Starts DatamarWeek */

.datamarWeek
{
	color: #b00000;
	font-size: 24px;
	font-weight: bold;
}
.datamarWeekHome
{
	color: #b00000;
	font-size: 16px;
	font-weight: bold;
}
.issuesTable
{
	background-color: #e4e4e4;
	padding: 8px;
	border: solid 1px #5c5c5c;
	margin-bottom: 8px;
}
.issuesOptLabel
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.issuesOpt
{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}
.issuesOptLeft
{
	width: 68%;
	float: left;
}
.issuesOptRight
{
	width: 31%;
	float: right;
}
.issuesOptOne
{
	width: 48%;
	float: left;
	border-right: dashed 1px #5c5c5c;
}
.issuesOptTwo
{
	width: 49%;
	float: right;
	border-right: dashed 1px #5c5c5c;
}
.issuesOptThree
{
	width: 100%;
}
/*Ends DatamarWeek */
/* Starts home Page */
.homeTable
{
	width: 100%;
	display: block;
	
}
.homeBanner
{
	background: #fff url(Images/ship.jpg) no-repeat;
	height: 190px;
	background-position: center;
}
.homeBannerContent
{
	width: 40%;
	padding: 110px 0 10px 10px;
	color: #fff;
	font: bold 14px Calibri;
}
.homeBannerTitle
{
	font-size: 18px;
}
.homeTableL
{
	width: 69%;
	float: left;
}
.homeTableR
{
	width: 29%;
	float: right;
	background-color: #f2f3f5;
	text-align: center;
	padding: 7px;
	margin-top: 0px;
}
.homeTableRTitle
{
	font-size: 16px;
	color: #21476b;
	font-weight: bold;
	margin: 0;
}
.homeContainer
{
	width: 100%;
	display: block;
}
.homeContainerL
{
	width: 49%;
	float: left;
	margin: 10px 0 0 0;
}
.homeContainerR
{
	width: 49%;
	float: right;
	margin: 10px 0 0 0;
}
.homeContainerTitle
{
	background: #f4f4ec url(Images/homeContainerTitle.jpg) repeat-x left center;
	border: solid 1px #a1a1a1;
	font-weight: bold;
	height: 21px;
	font-size: 14px;
	padding: 3px 0 0 4px;
}
.homeContainerContent
{
	padding: 5px;
	margin: 2px;
}
.homeNewsHeading
{
	color: #B00000;
	font-weight: bold;
}
.homeNewsHeadingLarge
{
	color: #B00000;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

/* Ends home Page */
.cpBodyCom
{
	background-color: #f4f4f4;
	display: block;
}
.cpBodyComContent
{
	padding: 0px 10px;
}





#nav
{
	margin: 0;
	padding: 6px 0 0 0px;
	list-style: none;
	background-image: url(       "Images/vsaLinksBG.jpg" );
	background-repeat: repeat-x;
	height: 30px;
	display: block;
}
#nav li
{
	float: left;
	padding: 0px 0 0 0;
	margin: 0;
	line-height: normal;
}

#nav li a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 3px 0 0 0px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 104px;
	min-height: 24px;
	height: 24px;
	text-align: center;
}

/* Hovers & Current Tab: sfhover class added with JS (for old IE)

--------------------------------------------------------------- */

#nav li a:hover
{
	color: #000;
	background: url(Images/vsaSelectedLink.jpg) no-repeat left top;
}
#nav li a.active
{
	color: #464646;
	background: url(Images/vsaSelectedLink.jpg) no-repeat left top;
}
#nav li:hover a, #nav li.sfhover a, #nav li.current a
{
	color: #464646;
	background: url(Images/vsaSelectedLink.jpg) no-repeat left top;
}

/* Dropdowns 

--------------------------------------------------------------- */

#nav li ul
{
	position: absolute;
	padding: 0;
	margin: 0 0 0 0px;
	list-style: none;
	left: -999em; /* using left because display:none isn't read by screen readers */
	background: #fff;
}

#nav li:hover ul, #nav li.sfhover ul
{
	left: auto;
	text-align: left;
}
#nav li ul, #nav li ul li
{
	margin: 0;
	padding: 0;
}

#nav li:hover ul li a, #nav li.sfhover ul li a, #nav li.current ul li a
{
	margin: 0;
	padding: 8px 0px 0px 5px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #333;
	border-top: none;
	border-bottom-color: #333;
	color: #666;
	text-align: left;
}
#nav li ul li.last a, #nav li.current ul li.last a
{
	border-bottom-color: #464646;
	text-align: left;
}

#nav li ul li a:hover, #nav li.current ul li a:hover
{
	color: #fff;
	background: #464646;
	text-align: left;
}

#nav li ul li.current a
{
	font-weight: bold;
}
/* Width of DropDowns */

#nav li ul, #nav li ul li, #nav li:hover ul li a, #nav li.sfhover ul li a, #nav li.current ul li a
{
	width: 200px;
}
/* IE7 Sticky Menu Fix */
#nav li:hover, #nav li.hover
{
	position: static;
}

/* Starts Default */
.login
{
	width: 100%;
	display: block;
	background: url(Images/loginBG.jpg) repeat-x left top;
}
.loginContent
{
	padding: 30px;
}
.loginLeft
{
	width: 46%;
	float: left;
}
.loginRight
{
	width: 46%;
	float: right;
}
.loginPanel
{
	background-color: #c4d2d9;
	margin: 0 auto;
}
.newDatamarContent
{
	margin: 0 auto;
	width: 84%;
	padding: 20px 0;
}
.freeContent
{
	padding: 24px 15px 0 20px;
}
.freeContentList
{
	font-size: 14px;
	padding: 10px 15px 0 30px;
}
.loginForm
{
	width: 320px;
	margin: 0 auto;
	margin-bottom: 6px;
	margin-top: 6px;
}
.loginFormL
{
	float: left;
	width: 128px;
	margin: 0;
	padding: 3px 0px 3px 0px;
	font-size: 13px;
	color: #21476b;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.loginFormR
{
	margin: 0;
	padding: 0px;
	float: right;
}


.customerPortal
{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #21476b;
	font-weight: bold;
}
.loginInput
{
	margin: 0;
	padding: 2px;
	color: #3f3f3f;
	font-family: Arial;
}

.passwordInput
{
	font-family: Arial;
}

/* Ends Default */
.lblMessage
{
	background-color: #FFF1a8;
	margin: 5px;
}

/* starts static banner */
.compcontBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/CompcontFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}
.vsaBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/vsaFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}

.maritimeBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/maritimeFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}
.shippingBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/shippingFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}
.shipPlottingBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/shipPlottingFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}
.newsBanner
{
	width: 100%;
	height: 220px;
	display: block;
	background: url(  'Images/DatamarWeekFlashBG.jpg' ) repeat-x;
	margin: 0 0 10px 0;
}

.bannerLeft
{
	float: left;
	width: 38%;
	display: block;
	padding: 0px;
	color: #fff;
	font: bold 22px calibri;
}

/* .bannerLeft
{
	padding: 5px;
	color: #fff;
	font: bold 22px calibri;
} */
.bannerLeftMassage
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.bannerTitle
{
	font-size: 36px;
	padding: 10px 0 0 20px;
}
.bannerContentOne
{
	padding: 20px 0 0 80px;
}
.bannerContentTwo
{
	padding: 20px 0 30px 120px;
}
.bannerRight
{
	float: right;
	width: 550px;
	display: block;
	padding: 4px;
	text-align: right;
}

/* Ends static banner */

/* Starts PopUp */
.popup
{
	background-color: #fff;
	width: 94%;
	margin: 5px auto;
	padding: 10px;
}
/* Ends Ends PopUp */

legend
{
	color: #b00000;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid 515151;
}
fieldset
{
	margin: 0;
	padding: 10px;
	border: solid 1px #979797;
}
a img
{
	border: 0;
}

/* starting new 
.staticContainer
{
	width: 100%;
}

.staticContainerLeft
{
	float: left;
	width: 37%;
	display: block;
	padding: 0px;
}

.staticContainerRight
{
	float: right;
	width: 560px;
	height: 400px;
	display: block;
	padding: 4px;
	text-align: center;
	background: #21476b;
}*/
#searchTest
{
	position: absolute;
	margin: 20px 6px 0 0;
	text-align: right;
	width: 100%;
	float: right;
	border: solid 1px Red;
}


/* Tabela Myaccount
*/

#tbl {
	border-collapse: collapse;
	border: 2px solid #069;
	}
#tbl caption { 
	text-align: right;
	font: bold 1.1em Arial, Helvetica, sans-serif;	
	margin-bottom: 0.3em;
	border-bottom: 1px solid #039;
	padding-right: 0.3em;
	
}
#tbl thead tr th, thead tr td {
	text-align: center;
	border-bottom: 2px solid #069;
	}
#tbl tfoot tr td {
	text-align: center;
	border-top: 2px solid #069;
	}
#tbl tr td, tr th {
	padding: 2px 5px;
	font-size: 1.1em;
	border: 1px solid #69c;
	color:#515151;
	} 
#tbl tr th {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	color:White; 
	} 
#tbl th, thead tr td {
	background:#385567;
	}
#tbl tr.cor {
	background:#C6E2FF;
	}
	
.FooterDiv 

{
    
    text-align:center;
    float:left;
    width:82%;
    background-color: transparent;
    height:100px;
    
}

.FooterDiv_contac 
{
    width: 100%;
    text-align:center;
    clear:both; 
    color: #385567;
    font-weight:bold; 
    background:white; 
    vertical-align:middle;
    padding-top:10px;
    
     
    
}

.Footer_titulo 
{
    
    font-size:large;
    color:white;
     
}

.Footer_texto 
{
    font-size:100%;
    vertical-align:middle; 
    line-height:1.4;
    color:white;     
}

.separacao
{
    width: 98%;
    border-bottom: 1px dashed;
    border-bottom-color:Gray;  
    margin-bottom:1px; 
    margin-top:1px;
}

