/* DEFAULTS
----------------------------------------------------------*/
/*
ref site http://www.flashmint.com/template-demo-4951.html
*/
body
{
	/*background: black;*/ /*background:url(/image/bg.jpg) center top no-repeat;*/ /*background:black url(/image/bg.jpg) no-repeat center top;*/
	background: white url(/image/Bg29.jpeg) no-repeat center top;
	font-size: .80em;
	font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px; /*color: #696969;*/
	/*color: White;*/
	
}

a:link, a:visited
{
	/*color: #c7c7c7;*/
	color: white;
}

.a:hover,a:focus,a:active
{
	/*color: white;*/
	color: #0f477c;
	text-decoration: none;
	/*font-weight: 400;*/
}

a:active
{
	/*color: #034af3; 	color: #666666;*/
	color: White;
}

p
{
	margin-bottom: 10px;
	line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3
{
	font-size: 1.5em;
	/*color:white; */
	color:black;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}

h1
{
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight:600;
	
}

h2
{
	font-size: 1.5em;
	font-weight: 600;
}

h3
{
	font-size: 1.4em;
	font-weight: 400;
	color:Black;
	width: 500px;
	font-family:Arial,Helvetica,sans-serif;
}

h4
{
	/*color: #421b13;*/
	color: #421B13;
	font-size: 1.2em;
	font-weight: 400;
}

h5
{
	font-size: 1em;
	/*color: #2b373d; */
	color: black;
	font-variant: normal;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}

h6
{
	font-size: 1em;
	color: black;
	font-variant: normal;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}

h7
{
	font-size: 1em;
	color: black;
	font-variant: normal;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
	width: 1024px; /*height :377px;*/ /*height :463px;*/ /*height: auto;*/ /*height: 1165px;*/ /*background-color: transparent;*/ /* height: 1505px; */
	height: auto;
	margin: 3px auto 10px auto;
	border-radius: 6px;
	box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1); /*box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);*/ /*background-color: Black;*/ /*border: 1px solid #496077; */ /*position: absolute;     top: 0;     bottom: 0;     left: 0;     right: 0;*/ /*width: 50%;*/
}

.header
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 1000px;
}

.header h1
{
	font-weight: 700;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #f9f9f9;
	border: none;
	line-height: 2em;
	font-size: 2em;
}

.main
{
	padding: 5px 0px;
	margin: 0px 0px 0px 0px; /*min-height: 420px;*/ /*height :377px;	*/
}

.leftCol
{
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer
{
	padding-left: 10px;
	margin-left: 9px;
	margin-top: 110px;
	margin-bottom: 20px;
	width: 995px;
	height: 25px;
	border: 1px solid #f1f4f6;
	background-color: #ccd6e0;
	text-transform: uppercase;
	font: bold 10px;
	border-radius: 6px; /*box-shadow: 0 1px 1px #777;*/
}

.sociallink1
{
	height: 64;
	width: 180px;
	background: black url(/image/p.jpg) no-repeat center top;
	border: 1px solid white;
}
.sociallink2
{
	margin-top: 48px;
	height: 64px;
	width: 80px;
	background: black url(/image/g.jpg) no-repeat center top;
}
.sociallink3
{
	margin-top: 48px;
	height: 64px;
	width: 80px;
	background: black url(/image/f.jpg) no-repeat center top;
}

/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink
{
	z-index: 999;
	padding: -5px 0px 0px 0px; /*background-color:#3a4f63;*/
	background-color: transparent;
	width: 100%;
}

div.menu
{
	z-index: 999;
	margin-left: 10px;
	padding: 4px 0px 4px 0px;
	width: 1000px;
	border: 1px solid #7b7e7e;
	background-color: #84b0de;
	text-transform: uppercase;
	font: bold 10px;
	border-radius: 6px; /*box-shadow: 0 1px 1px #777;*/
}

div.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	z-index: 999;	
}

div.menu ul li a, div.menu ul li a:visited
{
    /*
	z-index: 999; /*background-color: #465c71;*/ /*background-color: #222224; /*border: 1px #4e667d solid;*/
/*	background-color: #84b0de; /*border: 1px gray solid;*/
/*	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap; */
	
	
	z-index: 999; /*background-color: #465c71;*/ /*background-color: #222224; /*border: 1px #4e667d solid;*/
	background-color: #84b0de; /*border: 1px gray solid;*/
	color: black;
	display: block;
	line-height: 1.35em;
	padding: 6px 8px;
	text-decoration: none;
	white-space: nowrap; 
	font-size: 13px;
	
}

.wrapper
{ overflow-behavior:none }


div.menu ul li a:hover,
div.menu ul li a:focus
{
	z-index: 999;
	background-color: white;
	border-radius: 6px;
	color: #465c71;
	text-decoration: none;
	aria-haspopup="true"
}

div.menu ul li a:active,
{
	z-index: 999;
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
	aria-haspopup="true";
	
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	display: block;
}

fieldset label.inline
{
	display: inline;
}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input.textEntry
{
	width: 320px;
	border: 1px solid #ccc;
}

input.passwordEntry
{
	width: 320px;
	border: 1px solid #ccc;
}

div.accountInfo
{
	width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
	clear: both;
	z-index: 999;
}

.title
{
	/*display: block;*/
	background-color: transparent;
	margin-left: 0px;
	margin-top: 1px;
	float: left;
	text-align: right;
	width: 1024px;
	height: 75px;
	font-size: 60px;
	color: gray;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 400; /*background:transparent url(/image/logo.jpg)  no-repeat left top;*/
}

.title1
{
	display: block;
	margin-left: 0px;
	float: left;
	text-align: right;
	width: 1024px;
	height: 75px; /*font-size: 3.1em;*/
	font-size: 30px;
	color: gray;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 400;
}
.topline
{
	width: 1000px; /*height: 80px;*/
	height: 30px;
}
.loginDisplayuserid
{
	padding-right: 10px;
	margin-left: 400px;
	margin-right: 12px;
	font-size: 1.1em;
	text-align: right;
	color: Black;
	width: 408px;
	height: 30px;
}
.loginCmpNme
{
	padding-right: 10px;
	margin-left: 400px;
	margin-right: 12px;
	font-size: 1.1em;
	text-align: right;
	color:black;
	width: 408px;
	height: 25px;
	
	
}

.loginDisplay
{
	margin-left: 660px;
	margin-right: 12px;
	font-size: 1.1em;
	color: White;
	width: 350px;
	height: 30px;
	z-index: 99;
}
.loginDisplayHome
{
	margin-left: 0px;
	width: 24px;
	height: 24px;
	position: absolute;
}
.loginDisplayHomelk
{
	margin-top: 5px;
	margin-left: 30px;
	width: 80px;
	height: auto;
	position: absolute;
}

.loginDisplayReg
{
	margin-top: 4px;
	margin-left: 116px;
	width: 24px;
	height: auto;
	position: absolute;
}
.loginDisplayReglk
{
	margin-top: 5px;
	margin-left: 146px;
	width: 80px;
	height: auto;
	position: absolute;
}
.loginDisplayLogin
{
	margin-left: 232px;
	width: 24px;
	height: auto;
	position: absolute;
}
.loginDisplayLoginlk
{
	margin-top: 5px;
	margin-left: 225px;
	width: 80px;
	height: auto;
	text-align: right;
	position: absolute;
}

.loginDisplay a:link
{
	color: white;
	text-align: left;
}

.loginDisplay a:visited
{
	color: white;
}

.loginDisplay a:hover,a:focus,a:active
{
	color: white;
}

.failureNotification
{
	font-size: 1.2em;
	color: Red;
}

.bold
{
	font-weight: bold;
}

.submitButton
{
	text-align: right;
	padding-right: 10px;
}
.maintitle
{
	width: 250px;
	height: 48px; /*margin:0px auto 0px 0px;*/
	margin-top: 60px;
	margin-left: 0px; /*border:1px solid white;*/
	text-align: left;
	font: "Arial Narrow";
	font-size: 24px;
	font-weight: 300;
	color: White;
}

.aboutme
{
	width: 490px;
	height: 40px;
	margin-top: 60px;
	margin-left: 0px;
	text-align: left;
	font-size: 24px;
	font-weight: 300;
	color: White; /*border:1px solid white;*/
}
.maintitleline
{
	width: 240px;
	height: 1px;
	background-image: url(/image/line1.jpg) /*border:0.5px solid #333131;*/;
}
.maintitletext
{
	width: 240px;
	height: 100px;
	margin-top: 10px;
	margin-left: 0px;
	font-size: 1.1em;
	color: #666666;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 400;
}
.abouttext
{
	width: 240px;
	height: 240px;
	margin-top: 20px;
	margin-left: 0px;
	font-size: 1.1em;
	color: white;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 400;
}

.mtimg1
{
	width: 240px;
	height: 135px; /*border:1px solid white;*/
	background-image: url(/image/mtimg1.jpg);
}
.mtimg2
{
	width: 240px;
	height: 135px;
	background-image: url(/image/mtimg3.jpg);
}
.mtimg3
{
	width: 240px;
	height: 135px;
	background-image: url(/image/mtimg2.jpg);
}
.mtimg4
{
	width: 240px;
	height: 135px;
	background-image: url(/image/mtimg4.jpg);
}
.clearline1
{
	width: 1000px;
	height: 50px;
}
.speratorline
{
	width: 1024px;
	height: 1px;
	background-image: url(/image/line2.jpg);
}
.me1
{
	width: 240px;
	height: 309px; /*background-image:url(/image/me1.jpg);*/
	background: url(/image/me1.jpg) left top no-repeat;
}
.lastshooting
{
	width: 500px;
	height: 240px;
	background-image: url(/image/lastshooting.jpg);
}
.pagetitle
{
	width: 1024px;
	height: 48px; /*margin:0px auto 0px 0px;*/
	margin-top: 60px;
	margin-left: 0px;
	text-align: left;
	font: "Arial Narrow";
	font-size: 24px;
	font-weight: 300;
	color: White;
}
.pageholder
{
	margin-left: 10px;
	width: 1000px; /*height: 860px; */ /*border-radius: 6px; 	box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);*/ /* height: 1200px; */
	height: auto;
}

.pageholder1
{
	margin-left: 10px;
	width: 1000px; /*height: 860px; */ /*border-radius: 6px; 	box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);*/ /* height: 1200px; */
	height: 480px;
}


.sociallink0
{
	width: 490px;
	height: 10px;
}
.swffile
{
    /*
	margin-top: 0px;
	margin-left: 253px;
	height: 256px;
	width: 750px;
	background-color: transparent;
	z-index: 0;
	*/
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	height: 256px;
	width: 994px;
	background-color: transparent;
	z-index: 0;
}
.leftpannel
{
	padding-top: 20px;
	padding-left: 10px;
	font-size: 8pt;
	margin-top: 0px;
	margin-left: 750px;
	height: 234px;
	width: 235px;
	position: absolute;
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	z-index: 0;
}
.middlebody
{
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	width: 745px;
	height: 600px;
}
.leftpannelmid
{
	color: black;
	/*  this is very nice color just keep it.
	background-color:#c4d1d5; */
	/*background-color :blue; */
	padding-top: 12px;
	padding-left: 10px;
	font-size: 9pt;
	margin-top: 5px;
	/*margin-right: 235px;*/
	height: 490px;
	width: 235px;
	position: absolute;
	/*border: 1px solid white;*/
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
}
.lcl
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/lcl.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.lcldisplay
{
	margin-left: 2px;
	margin-top: 6px;
	width: 998;
	height: auto; /*border: 1px solid #f1f4f6;*/
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px; /*border:1px solid gray;*/
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); /*border:1px solid white;*/
}
.fcl
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/fcl.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.frenq
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/freightenq.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.sailingenq
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/sailingenq.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.onlinebk
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/bk.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.msg
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/msg.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.pgline
{
	margin-left: 2px;
	margin-top: 3px;
	width: 970px;
	height: 1px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/pageline.png) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.onlinebk_search
{
	margin-left: 780px;
	margin-top: 20px;
	position: absolute;
	width: 195px;
	height: 28px;
	background: url(/image/search.png) no-repeat left top;
	border-bottom: 1px solid #7f766e;
	color:Black;
}
.onlinebk_search_1
{
	margin-left: 28px;
	margin-top: 0px;
	position: absolute;
	width: 160px;
	height: 28px;
	color:Black;
	font-weight: 600;
	text-align: left;
	
}

.loginTitle
{
	margin-left: 2px;
	margin-top: 0px;
	width: 998px;
	height: 94px; /*border: 1px solid #f1f4f6;*/
	background-color: #ccd6e0;
	background: black url(/image/login.jpg) no-repeat left top; /*border-radius: 6px;*/ /*box-shadow: 0 1px 1px #777;*/
}
.loginEntry
{
	padding-left: 0px;
	margin-left: 1px;
	margin-top: 0px;
	height: 400px;
	width: 400px; /*	border:1px solid white;*/
	position: absolute;
}

.loginEntryBack
{
	margin-top: 0px;
	margin-left: 400px;
	height: auto;
	width: auto;
	text-align: right;
}
.changepwd
{
	padding-left: 0px;
	margin-left: 1px;
	margin-top: 0px;
	height: 400px;
	width: 600px; /*	border:1px solid white;*/
	position: absolute;
}

/*--- for textbox--- */
input[type="text"]
{
	/*background-image: url(/image/textboxbk.jpg);*/
	background-repeat: repeat-x;
	border: 1px solid #d1c7ac;
	width: 230px;
	color: #333333;
	padding: 3px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
}
input[type="textarea"]
{
	/*background-image: url(/image/textboxbk.jpg);*/
	background-repeat: repeat-x;
	border: 1px solid #d1c7ac;
	width: 230px;
	color: #333333;
	padding: 3px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
}
input[type="password"]
{
	background-repeat: repeat-x;
	border: 1px solid #d1c7ac;
	width: 230px;
	color: #333333;
	padding: 3px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
}
/* search Box and search button with image*/
.fb7
{
	background: #EBE3CD url(image/search.png) no-repeat 5px center;
	vertical-align: middle;
	border: 1px solid #969184;
}
.tb11
{
	background: #FFFFFF url(/image/search.png) no-repeat 4px 4px;
	padding: 4px 4px 4px 22px;
	border: 1px solid #CCCCCC;
	width: 230px;
	height: 18px;
}

input[type="submit"], input[type="button"]
{
	background: #7a89ac url(/image/buttonbk.jpg) repeat-x;
	height: 36px;
	width: 120px;
	border: 1px solid #cecfd1;
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	text-align: center;
}

/* for grid */
.mGrid
{
	width: 100%;
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
}
.mGrid td
{
	padding: 2px;
	border: solid 1px #c1c1c1;
	/*color: #717171;*/
	color :Black;
	font-size: 1.2em; 
}
.mGrid th
{
	padding: 4px 2px;
	color: #fff;
	background: #424242 url(/image/grd_head.jpg) repeat-x top;
	border-left: solid 1px #525252;
	/*font-size: 0.9em; */
	font-size: 16px; 
}
.mGrid .alt
{
	background: #fcfcfc url(/image/grd_alt.jpg) repeat-x top;
}
.mGrid .pgr
{
	background: #424242 url(/image/grd_pgr.jpg) repeat-x top;
}
.mGrid .pgr table
{
	margin: 5px 0;
}
.mGrid .pgr td
{
	border-width: 0;
	padding: 0 6px;
	border-left: solid 1px #666;
	font-weight: bold;
	color: #fff;
	line-height: 12px;
	
	
}
.mGrid .pgr a
{
	color: #666;
	text-decoration: none;
}
.mGrid .pgr a:hover,a:focus,a:active
{
	color: #000;
	text-decoration: none;
}
/* for combo box*/
.dropdown
{
	background: #b7d9f6 url(/image/buttonbk.jpg) repeat-x;
	height: 24px;
	width: 120px;
	border: 1px solid #cecfd1;
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	text-align: center;
	list-style-type: none;
	padding: 0px;
}


.dropdown1
{
	background: #b7d9f6 url(/image/buttonbk.jpg) repeat-x;
	height: 24px;
	width: 120px;
	border: 1px solid #cecfd1;
	border-radius: 4px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
	text-align: center;
	list-style-type: none;
	padding: 0px;
	font-size:large;
}




.dropdown selectbox-wrapper
{
	position: absolute;
	width: 400px;
	background-color: white;
	border: 1px solid #ccc;
	margin: 0px;
	margin-top: -10px;
	padding: 0px;
	text-align: left;
	max-height: 200px;
	overflow: auto;
}

/*Drop down list styles*/
.dropdown selectbox-wrapper ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Selected item in dropdown list*/
.dropdown selectbox-wrapper ul li.selected
{
	background-color: #EAF2FB;
}

/* Hover state for dropdown list */
.dropdown selectbox-wrapper ul li.current
{
	background-color: #CDD8E4;
}

/* Drop down list items style*/
.dropdown selectbox-wrapper ul li
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}

/* Look and feel of select box */
.dropdown selectbox
{
	margin: 0px 5px 10px 0px;
	padding-left: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em; /* Resize Font*/
	width: 190px; /* Resize Width */
	display: block;
	text-align: left;
	background: url('bg_select.png') right;
	cursor: pointer;
	border: 1px solid #D1E4F6;
	color: #333;
}