body { font-family: 'Open Sans', sans-serif; text-align: center; background: #f8f7fc url(images/bg_main.jpg) repeat-x; }
#wrapper { width: 1024px; overflow: hidden; }
#whitesection { position: relative; background-color: #FFF; float: left; width: 981px; margin-left: 21px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; min-height: 535px; }
#header { height: 90px; width: 950px; }
#welcome { float: right; margin: 13px 7px 0 0; }
#logo_main { float: left; }
	#logo_main a img { vertical-align: top; }
#tagline { float: right; color: #929191; font-size: 18px; padding: 15px 0 0 0; }
/*.text_tag { background-color: #FFF; float: left; font-family: 'Open Sans', sans-serif; height: 30px; width: 510px; margin-top: 20px; margin-left: 206px; font-style: italic; color: #929191; font-size: 18px; }*/
#line { float: left; height: 10px; width: 950px; border-top-width: thin; border-top-style: dotted; border-top-color: #333; margin-top: 5px; }
.middle_section { float: left; width: 940px; height: auto; margin-left: 15px; padding-bottom: 20px; position: relative; }
.heading { font-family: 'Open Sans', sans-serif; color: #FFFFFF; font-size: 24px; text-align: left; padding: 7px 36px; background: #153673 url(../images/arrow.png) 15px 15px no-repeat; margin-bottom: 50px; margin-top: 20px; }
div.ins { padding: 13px 0px 15px 35px; background: url(../images/info.png) no-repeat 4px 13px; background-size: 19px; text-align: left; }

.removemrgbtm { margin-bottom: 0px; }
/* .subheading { text-align: left; padding: 0 0 15px 35px; font-size: 16px; background: url(../images/info.png) no-repeat 9px 0px; background-size: 17px; min-height: 30px; } */
.subheading { text-align: left; padding: 10px 0 10px 35px; font-size: 14px; background: url(../images/info.png) no-repeat 9px 11px; background-size: 17px; min-height: 30px; }
.text_nav1 { float: left; height: 30px; width: 130px; margin-top: 17px; margin-left: 6px; color: #000; }
.text_nav2 { float: left; height: 30px; width: 130px; margin-top: 17px; margin-left: 8px; color: #000; }
#footer { padding-top: 60px; width: 980px; margin-left: auto; margin-right: auto; }
.footbg { width: 100%; background: #333947; position: absolute; left: 0px; margin-top: -50px; z-index: -1; }
#footer_nav { float: left; height: 40px; }
	#footer_nav ul li { float: left; margin-left: 15px; margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #bfcae1; border-right-width: thin; border-right-style: solid; border-right-color: #bfcae1; padding-right: 10px; }
		#footer_nav ul li a { color: #bfcae1; }
			#footer_nav ul li a:hover { color: #fff; }
#design { float: right; height: 40px; }
/* #text_d a { float: left; height: 20px; width: 150px; margin-top: 10px; font-size: 12px; color: #bfcae1; } */
#text_d a { float: left; margin-top: -7px; font-size: 12px; color: #bfcae1; }
	#text_d a img { width: 57px; vertical-align: middle; }
	#text_d a:hover { color: #FFF; }

#footer_text2 { float: left; height: 70px; width: 950px; margin-left: 17px; /*margin-left: 185.5px;*/ }
#text_f2 { width: 600px; font-size: 12px; color: #BFCAE1; line-height: 15px; margin-left: auto; margin-right: auto; }
	#text_f2 a { color: #bfcae1; text-decoration: underline; }
		#text_f2 a:hover { text-decoration: none; }
.demo_text { float: left; height: 90px; width: 400px; margin-left: 37px; margin-top: 30px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 24px; color: #4d4d4d; text-align: center; }
#video_box { float: left; height: 142px; width: 410px; margin-left: 37px; margin-top: 30px; cursor: pointer; }

#arrow { float: left; height: 112px; width: 58px; margin-top: 15px; }

/*Marketing*/
.mktgblock { padding: 10px; border-bottom: 1px dotted black; float: left; }
	.mktgblock img { float: left; margin-right: 20px; border-radius: 10px; width: 250px; }
	.mktgblock a { text-decoration: none; float: right; font-size: 12px; font-style: italic; line-height: 18px; }
		.mktgblock a img { float: left; margin-right: 5px; width: 16px; vertical-align: middle; }
	.mktgblock h1 { font-size: 20px; text-align: left; padding-bottom: 5px; color: #153673; }
	.mktgblock p { font-size: 12px; letter-spacing: 1px; line-height: 14px; text-align: left; }
		.mktgblock p.mktgDate { font-size: 9px; padding-top: 10px; }


/*
#wel { float: left; height: 30px; width: 50px; margin-left: 600px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 15px; }
#topheder-container { float: right; height: 30px; width: 320px; }
#users { float: left; height: 30px; width: 100px; color: #666; font-size: 13px; padding-top: 5px; text-align: right; }
#form_text { float: left; height: 30px; width: 150px; font-family: 'Open Sans', sans-serif; font-size: 24px; color: #FFF; margin-top: 20px; margin-left: -40px; }
#guest span { display: inline-block !important; float: none !important; width: auto !important; margin-right: auto !important; text-align: center !important; font-family: 'Open Sans', sans-serif !important; font-size: medium !important; font-weight: normal !important; padding-top: 0px !important; }
*/

/* Register confirm */
.divWelcome { width: auto; text-align: left; font-family: Arial, Sans-serif; padding: 15px 0 0 15px; }
	.divWelcome p { line-height: 1.2em; font-size: 14px; }
	.divWelcome h4 { padding-bottom: 10px; }

#demo_box { float: left; height: 318px; width: 450px; }
#video_box { float: left; height: 142px; width: 410px; margin-left: 37px; margin-top: 30px; }
#text8_demo { float: left; height: 70px; width: 80px; padding-left: 20px; padding-top: 10px; line-height: 24px; margin-top: 35px; font-size: 18px !important; font-weight: bold !important; color: #333947; text-align: left; }
#arrow { float: left; height: 112px; width: 58px; margin-top: 15px; }
#video_img { float: left; height: 142px; width: 232px; margin-left: 15px; }

/* Checked not used anywhere can be deleted
#log_in_box { float: left; height: 318px; width: 475px; font-size: 15px; color: #FFF; }
#log_in_box span.error { display: block; color: #FF0000; height: 20px; clear: both; width: 220px; float: left; margin-left: 150px; font-size: 13px; text-align: left; }
*/

/* Login Box */
.tblLogin { color: white; background-color: #424242; width: 470px !important; float: left; font-size: 14px; font-family: "gothamhtf-bookregular", "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
	.tblLogin tr { margin: 5px 2px 0 4px !important; }
		.tblLogin tr td { padding: 9px 5px !important; }
			.tblLogin tr td .text { background-color: #a89c5d; padding: 3px 8px; border: none; color: #FFFFFF; letter-spacing: 0.13em; font-weight: bold; width: 200px; font-size: 16px; }
			.tblLogin tr td a { text-decoration: none; color: white; font-size: 12px; padding-right: 74px; margin-top: 2px; float: right; }
				.tblLogin tr td a:hover { text-decoration: underline; }
			.tblLogin tr td.nospace { padding: 3px 0 4px 9px !important; }
				.tblLogin tr td.nospace span { color: #ffffff !important; }
.css_button { font-size: 15px; font-family: Trebuchet MS; font-weight: normal; text-decoration: inherit; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #927e15; padding: 6px 18px; text-shadow: 1px 1px 0px #287ace; -webkit-box-shadow: 1px 1px 4px 3px #c3c0af; -moz-box-shadow: 1px 1px 4px 3px #c3c0af; box-shadow: 1px 1px 4px 3px #c3c0af; cursor: pointer; color: #ffffff; display: inline-block; background: -webkit-linear-gradient(90deg, #4197ee 5%, #79bbff 100%); background: -moz-linear-gradient(90deg, #4197ee 5%, #79bbff 100%); background: -ms-linear-gradient(90deg, #4197ee 5%, #79bbff 100%); background: linear-gradient(180deg, #79bbff 5%, #4197ee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79bbff",endColorstr="#4197ee"); }
	.css_button:hover { background: -webkit-linear-gradient(90deg, #79bbff 5%, #4197ee 100%); background: -moz-linear-gradient(90deg, #79bbff 5%, #4197ee 100%); background: -ms-linear-gradient(90deg, #79bbff 5%, #4197ee 100%); background: linear-gradient(180deg, #4197ee 5%, #79bbff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4197ee",endColorstr="#79bbff"); }
	.css_button:focus { color: #000000; -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3); */ -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); outline-width: 0; }
	.css_button:active { position: relative; top: 1px; }

.lgnBtn { width: 102px; text-align: center; font-size: 14px; background-color: #b8cdf4; color: #273536; height: 28px; border: 0px; }

.homelinks a { font-size: 10pt; padding: 0 5px; }
	.homelinks a img { vertical-align: middle; }
/* ----------- stylized ----------- */
/*#stylized { background: #153673; float: left; }
	#stylized h1 { font-size: 24px; font-weight: normal; margin-bottom: 8px; text-align: left; }
	#stylized p { font-size: 11px; color: #879fcb; margin-bottom: 20px; padding-bottom: 10px; }
	#stylized label { display: block; font-weight: normal; text-align: left; width: 140px; float: left; padding-top: 5px; font-size: 14px; }
	#stylized span { display: block; text-align: left; width: 140px; float: left; padding-top: 5px; font-size: 14px; }
	#stylized .checkbox { }
#remember { float: left; height: 20px; width: 200px; font-size: 12px; text-align: left; margin-top: 3px; padding-top: 1px; padding-left: 7px; }
#stylized .small { color: #FFF; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; margin-left: -50px; }
#stylized input { float: left; font-size: 12px; padding: 4px 2px; border: none; width: 220px; height: 22px; margin: 2px 0 20px 10px; background-color: #879fcb; font-size: 14px; color: #FFF; }
#stylized .loginbtn { margin: 5px 0 0 150px; width: 102px; text-align: center; font-size: 14px; background-color: #b8cdf4; color: #273536; height: 28px; clear: left; }

	Check the below and then delete
	#stylized .check { float: left; width: 20px !important; margin: 0px; background: none; border: none; margin-left: 7px; }
	#stylized input[type="checkbox"] { background-color: #153673 !important; height: 22px !important; }
*/

.chkremember { display: inline-block !important; width: auto !important; height: 20px !important; margin: 0px !important; padding: 0px !important; }
	.chkremember input { width: auto !important; height: auto !important; }
	.chkremember label { width: auto !important; height: auto !important; margin-left: 5px !important; font-size: 12px !important; clear: right; }
#forget { float: left; height: 20px; width: 200px; font-size: 12px; margin: 12px 0 0 10px; }
	#forget a { color: #fff; }
		#forget a:hover { text-decoration: underline; }



#styled .loginbtn { margin-left: -50px; width: 80px; text-align: center; font-size: 14px; font-weight: normal; background-color: #b8cdf4; color: #273536; margin-top: 10px; float: right; margin-right: 218px; height: 28px; }
#styled .label { display: block; font-weight: normal; text-align: left; width: 140px; float: left; padding-top: 5px; font-size: 14px; }


.myform { margin: 0 auto; width: 470px; padding: 10px; }

#nav_main { float: left; height: 58px; width: 950px; }
.button1 { background-color: #f8eded; float: left; height: 52px; width: 142px; margin-left: 2px; margin-top: 1.5px; font-family: 'Open Sans', sans-serif; font-size: 15px; border: 1px solid #e7d9d9; color: #333947; }
	.button1:hover, .button2:hover { background-color: #ffe3e3; }
.button2 { float: left; background-color: #f8eded; float: left; height: 52px; width: 144px; margin-left: 14px; margin-top: 1.5px; font-family: 'Open Sans', sans-serif; font-size: 15px; border: 1px solid #e7d9d9; color: #333947; }




/* Register */
#create_account { margin: 0px auto; margin-bottom: 30px; overflow: hidden; }
	#create_account label { display: block; float: left; width: 425px; margin-right: 20px; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #4d4d4d; }
	#create_account span { float: left; width: 185px; margin-right: 10px; text-align: right; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 700; color: #4d4d4d; padding-top: 6px; }
	#create_account input, #create_account select { display: block; float: left; margin-bottom: 20px; }
	#create_account .txt { width: 320px; height: 25px; padding: 2px; font-family: 'Open Sans', sans-serif; color: #4d4d4d; }
	#create_account select.txt { width: 327px; }
	#create_account select.txt2 { width: 232px; }
	#create_account .txt2 { width: 225px; height: 25px; padding: 2px; font-family: 'Open Sans', sans-serif; color: #4d4d4d; }
	#create_account .red { color: #F00; float: left; display: inline-block !important; margin-left: 8px !important; padding-top: 5px !important; width: 0px !important; }
	#create_account .divErr { float: left; font: 13px Arial; }
		#create_account .divErr img { vertical-align: middle; padding-right: 5px; height: 25px; }


/*Not editable fields */
.not_editable { box-shadow: 1px 1px 12px #b66d20; border-color: #003950 !important; }
input[type=text].not_editable { box-shadow: 1px 1px 12px #b66d20; border-color: #003950 !important; border-width: 1px; }


/*.lblsuccess { float: left; width: auto !important; color: #009800 !important; } */
.lblsuccess { float: left; width: 99%; color: #009800 !important; border-radius: 5px; background-color: #97ff97; padding: 0 0 0 33px; }
	.lblsuccess span { width: 100%; text-align: left; font-weight: normal; color: #153673; }
	.lblsuccess h4 { padding-bottom: 10px; color: green; font-size: 16px; }
	.lblsuccess p { letter-spacing: 0.01em; line-height: 1.2em; padding-bottom: 10px; }



/* Style of all the forms in the wizard */
.basicinfo { margin: 10px 0 40px 0; background: #EBEBEB; float: left; width: 100%; }
	.basicinfo p { margin: 10px 0 5px 0; float: left; width: 100%; }
		.basicinfo p.dis { float: left; width: 100%; float: left; }
			.basicinfo p.dis span:first-child { width: 30%; float: left; clear: left; text-align: right; padding-right: 20px; font-weight: bold; font-size: 13px; line-height: 28px; }
			.basicinfo p.dis span.aspNetDisabled { clear: none; width: auto; }
	/*width: 30%;*/
	.basicinfo span { width: 30%; float: left; clear: left; text-align: right; padding-right: 20px; font-weight: bold; font-size: 13px; line-height: 28px; }
	.basicinfo.left span { width: 15%; }
	.basicinfo.left p.dis span:first-child { width: 15%; }

	.basicinfo h1 { border: 0; font-size: 15px; font-weight: bold; padding-left: 35px; background: url(../images/service.png) #FFFFFF no-repeat 5px 3px; }
	.basicinfo cbox { margin-right: 15px; }
	.basicinfo .type1 { border: 1px solid #BDBDC4; padding: 6px 10px; font-size: 14px; color: #4D4D4D; }
	.basicinfo .type2 { border: 1px solid #BDBDC4; width: 268px; padding: 6px 10px; font-size: 14px; color: #4D4D4D; font-family: Arial; resize: none; }
.disabledchk { position: absolute; margin: -14px 148px; zoom: 1.5; }




.clear { clear: both; }
.docHeight { height: 70%; }


/*buttons for adding more records during Wizard*/
.btn { float: right; background: #b8cdf4; color: #273536; font-family: 'Open Sans', sans-serif; font-size: 14px; border: none; margin-right: 10px; margin-top: 15px; padding: 4px 12px; }


/* default css not present before*/

#topsnav a { display: inline-block; padding: 0px 10px; height: 14px; border-right: 1px solid #06307C; color: #06307C; }
.nav_j { float: left; height: 30px; width: 600px; background-color: #2653A4; }
.invite_text3, .invite_text2, .invite_text1 { float: left; height: 20px; line-height: 20px; padding-left: 4px; margin-bottom: 0px; margin-top: 4px; }
.invi_container_rcvd { top: 25px; right: 160px; }
.invi_container { top: 20px; right: 0px; }

.counterimage { float: left; padding: 3px 0px; width: 18px; background: #4871BF; margin-top: 5px; font-size: 11px; color: white; }
.counterimageNotify { float: left; padding: 3px 0px; width: 18px; background: #4871BF; margin-top: 10px; font-size: 11px; color: white; }
.side_nav { background-color: #B8D1F2; float: left; height: 36px; width: 339px; }

#invitation { float: left; height: 30px; width: 165px; padding-left: 12px; margin-top: 5px; }
#invitation2 { float: left; height: 30px; width: 140px; margin-top: 5px; margin-left: 0px; }
	#invitation3 a, #invitation a, #invitation2 a { font-family: 'Open Sans', sans-serif; font-size: 12px; /*color: #05286B;*/ font-weight: bold; }
#topsnav a.last { border-right: none; }


/*Invitation Scroll bars*/
.scrollbar1 { width: 100%; clear: both; }
	.scrollbar1 .viewport { width: 98%; height: 300px; overflow: hidden; position: relative; }
	.scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-bottom: 40px; }
.divscroll { position: absolute; width: 5px; right: 0px; color: #fff; overflow: hidden; background-color: #e2e3e4; padding-top: 4px; top: 1px; padding-bottom: 6px; }

.scrollbar1 .scrollbar { background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; margin-right: 0px; width: 7px; }
.scrollbar1 .track { height: 100%; width: 8px; position: relative; padding: 0 1px; }
.scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
	.scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
.scrollbar1 .disable { display: none; }
/*scrollbar2*/
.scrollbar2 { width: 100%; clear: both; }
	.scrollbar2 .viewport { width: 98%; height: 420px; overflow: hidden; position: relative; }
	.scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-bottom: 40px; }
.divscroll { position: absolute; width: 5px; right: 0px; color: #fff; overflow: hidden; background-color: #e2e3e4; padding-top: 4px; top: 1px; padding-bottom: 6px; }

.scrollbar2 .scrollbar { background: transparent url(../images/bg-scrollbar-track-y2.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; margin-right: 0px; width: 7px; }
.scrollbar2 .track { height: 100%; width: 8px; position: relative; padding: 0 1px; }
.scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y2.png) no-repeat 50% 100%; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
	.scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y2.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
.scrollbar2 .disable { display: none; }



/* Home Page */
.log_in_box2 { float: left; height: 515px; width: 630px; margin-top: -5px; }
.share { float: left; height: 140px; width: 625px; padding-top: 20px; }
.sharebox { float: left; width: 490px; margin-left: 7px; width: initial; }
	.sharebox textarea { height: 50px; width: 350px; font-size: 12px; color: #7e7d7d; resize: none; float: left; }

.sharebtn { width: 76px; margin-top: 1px; padding: 3px 0px; border: 1px solid #d0cbcb; color: #1e293d; cursor: pointer; float: left; clear: left; }
.sharebtn2 { float: right; width: 76px; margin-top: 8px; margin-right: -1px; padding: 3px 0px; background: url(../images/btn_bg.jpg) left top repeat-x; border: none; border: 1px solid #d0cbcb; border-top: none; font-size: 15px; color: #1e293d; cursor: pointer; }
.companylogo { float: left; height: 53px; width: 117px; }


/* Wall */
.wall { font-size: 12px; float: left; padding: 2px; line-height: 14px; border-bottom: 1px dotted grey; clear: left; width: 100%; text-align: left; }
	.wall img { padding: 2px 5px 2px 2px; vertical-align: middle; }
	.wall .dt { font-style: italic; }

.m { margin-top: 4px; margin-left: 6px; }
.n { margin-top: 4px; margin-left: 0px; }

.textr { float: left; height: 20px; width: 150px; margin-left: 10px; margin-top: 2px; font-size: 14px; }
	.textr img { padding-top: 3px; display: block; float: left; margin-right: 5px; }

.morebtn { background: url(/Images/viewmore.png) no-repeat 70px 1px; color: #2653a4; font-size: 12px; padding: 7px 44px 5px 14px; float: left; bottom: -8px; position: relative; }


.rdiv { float: left; height: 528px; width: 290px; margin: 15px 0 0 20px; }
.advert { float: left; height: 142px; width: 310px; margin-left: 15px; }
.demo_ad { float: left; height: 100px; width: 300px; margin-left: 5px; margin-top: 19px; }

.connection_bar { float: left; height: 31px; width: 310px; margin-top: 6px; margin-left: 15px; background-image: url(../images/myconnection_bar.jpg); }
.text_connections { float: left; height: 20px; width: 125px; margin-top: 8px; margin-left: 10px; }
a.text_add { float: left; height: 20px; width: 30px; margin-top: 8px; margin-left: 115px; }
a:hover.text_add { color: #000; }
.suppliers_box { float: left; height: 110px; width: 310px; margin-left: 15px; background-color: #2653a4; }
.suppliers_textbox { float: left; height: 35px; width: 125px; margin-left: 10px; margin-top: 10px; }
.suppliers_textbox2 { float: left; height: 35px; width: 125px; margin-left: 25px; margin-top: 10px; }
.suppliers_textbox3 { float: left; height: 35px; width: 125px; margin-left: 10px; margin-top: 10px; }
.suppliers_textbox4 { float: left; height: 35px; width: 125px; margin-left: 25px; margin-top: 10px; }
.number_img { float: left; height: 32px; line-height: 30px; width: 32px; background: #b9c6e0; margin-top: 1px; border-radius: 16px; -moz-border-radius: 16px; font-size: 14px; color: #1e293d; }

a.suppliers_text { float: left; display: inline-block; padding-left: 7px; padding-top: 8px; }
a:hover.suppliers_text { color: #a4cdfa; }
.s { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #FFF; }
.tab_box { float: left; height: 190px; width: 310px; margin-left: 15px; }



/* Log out box  - top right corner */
#logout_box { float: right; }
.imagelogo { height: 53px; float: left; padding-top: 5px; }
#logout_text { float: left; height: 50px; margin-left: 5px; text-align: left; margin-top: 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 15px; }
	#logout_text a { color: #06307c; }
		#logout_text a:hover { color: #FF0000; }
	#logout_text img { vertical-align: middle; padding: 0 3px 3px 0; border: 0px; }

/* Log out box  - end */



/* Search & Add Connection*/

.srch { float: left; font-size: 13px; padding: 15px 0 20px 25px; width: 80%; }
	.srch #txtSearch { letter-spacing: 7px; padding: 2px 7px; font-family: monospace; font-size: 22px; width: 155px; }
.shadow2_box { margin: 15px; line-height: 1; float: left; width: 95%; font-size: 14px; border-bottom: 1px dotted #b3b3b3; }
	.shadow2_box:hover { -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); }
.frame_box { float: left; width: 120px; }
.c { float: left; padding: 11px 0 5px 20px; line-height: 1.5em; }
	.c .p { font-size: 24px; }
	.c .m { float: right; }
	.c .com { color: #2653a4; font-size: 30px; max-width: 740px; min-width: 740px; line-height: 27px; }
.sot { zoom: 1.7; float: right; }
a.send_button { background-color: #78A0ED; padding: 9px 16px; border: thin solid #D0CBCB; font-size: 13px; color: white; font-weight: bold; float: right; }
a:hover.send_button { background: #2653a4; }




/*.q { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #4D4D4D; }*/
/*.searchbox { height: 28px; width: 400px; margin-top: 3px; color: #666; }*/

/*.frame_box2 { float: left; max-width:725px; border:1px solid green;}*/
/*.namedetail_box { float: left; height: 100px; margin-top: 0px; margin-left: 20px; }*/
/*.imgSealoftrust_box { float: left; height: 50px; width: 51px; margin-top: 0px; margin-left: 20px; }*/





/* This is not needed needs to be deleted from each page*/
.content_area { clear: both; overflow: hidden; text-align: left; margin: 20px 0 0 0; background: url(../images/content_bg.jpg) left top repeat-x; }
.tab_box_doc { float: left; width: 100%; overflow: hidden; }
.html { overflow-y: scroll; }

.captcha { font-family: monospace; font-size: 20pt; letter-spacing: 19px; width: 182px; padding: 5px 2px; font-weight: bolder; border: 2px solid #afafaf; }


.mandatory_field { font-weight: normal; font-size: 12px; color: red; font-family: Arial, Helvetica, sans-serif; float: none !important; /*Added by yusuf for [*] field */ }
.styled-select select { background: transparent; width: 305px; padding: 4px 5px; font-size: 14px; line-height: 100%; border: 0; border-radius: 0; height: 28px; -webkit-appearance: none; color: #4D4D4D; }
.log_in_box3 { float: left; height: auto; width: 625px; margin-top: -5px; }



/* tabs content */
.tabcontentdoc { float: left; width: 100%; margin: 5px 0 0 0; font-size: 12px; line-height: 30px; }
	.tabcontentdoc p.ins { width: 96% !important; padding: 0 15px 0 35px; line-height: 18px; font-size: 14px; background: url(../images/info.png) no-repeat 9px 3px; background-size: 17px; min-height: 30px; }
	.tabcontentdoc .btn { float: right; height: 28px; font-weight: bold; border: thin solid #D0CBCB; font-size: 14px; color: #1E293D; background-color: #E2E2E7; }
		.tabcontentdoc .btn.top { margin: -30px 0 0 0 !important; }
	.tabcontentdoc .btnDisabled { float: right; height: 28px; font-weight: bold; border: thin solid #D0CBCB; font-size: 14px; color: #87A5DA; background-color: #E2E2E7; }
	.tabcontentdoc .btn:hover { background: white; cursor: pointer; }
	.tabcontentdoc img { vertical-align: middle; }

.doc_table { /*background: #EBECF7;*/ border: 0px; overflow: hidden; margin: 20px 0 10px 0; clear: both; }
	.doc_table .head { border: 0; font-size: 15px; font-weight: bold; padding-left: 35px; background: url(../images/service.png) #FFFFFF no-repeat 5px 3px; }
	.doc_table .table_row { background: #EBECF7; height: 42px; line-height: 42px; border-bottom: 1px dotted #8B8B8B; padding: 0 5px; clear: both; width: 100%; }
	.doc_table .title { border: 0; background: #DBDCE9; font-weight: bold; text-align: center; }
	.doc_table .table_row .col1 { float: left; width: 35%; font-weight: bold; }
	.doc_table .table_row .col2 { float: left; width: 8%; }
	.doc_table .table_row .col3 { float: left; width: 33%; margin-left: 3%; }
	.doc_table .table_row .col4 { float: left; width: 10%; text-align: center; }
	.doc_table .table_row .col5 { float: left; width: 10%; text-align: center; }
	.doc_table .last { border: 0; }
	.doc_table .table_row table tbody tr td { float: left; width: 35%; font-weight: bold; }
	.doc_table .table_row a { color: #333; text-decoration: underline; }


.imgcaptcha { float: left; margin-bottom: 20px; }
.imgCaptchaSendInv { float: right; margin-bottom: 20px; }
.hint { font-weight: normal !important; text-align: left !important; font-family: Verdana !important; }

.right-content { clear: both; float: right; }
.lblDefaultFont { text-align: right; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; color: #4d4d4d; }
.lblmessage { width: auto !important; height: auto !important; color: green !important; display: inline-block !important; text-align: left; font-size: 12px; }


.errorcontainer { overflow: visible; display: block; text-align: left !important; padding: 5px 0 10px 50px; color: red !important; font-size: 13px; font-weight: 600 !important; line-height: 1.3em; background-color: #f9cccc; background-image: url("../images/pending.png"); background-repeat: no-repeat; background-position-x: 10px; background-position-y: 5px; margin-bottom: 20px; min-height: 30px; }
/* Need to check this throughout if OK then above should be deleted 
.errorcontainer { overflow: visible; display: block; text-align: left !important; padding: 5px 0 5px 35px; color: red !important; font-size: 13px; font-weight: normal !important; color: #4D4D4D; margin-top: 10px; line-height: 1.3em; background-color: rgba(255, 59, 0, 0.33); }
*/
.h4 { font-weight: bold; padding-bottom: 6px; margin-left: -15px; }
.lblerror { /*width: auto !important;*/ width: 100% !important; height: auto !important; color: red !important; display: inline-block !important; text-align: left; font-size: 14px; padding: 5px 0 10px 0; float: left; }
.backgroundwhite { background: white !important; }

#topsnav { float: right; height: 25px; margin-left: 415px; margin-top: 55px; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.navigationwrapper { margin-left: 15.5px; }
.connection_text { float: left; height: 25px; padding-right: 15px; margin-top: 4px; margin-left: 15px; }
/*tbdeleted*/ .e { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #163673; font-weight: bold; text-align: left; margin-top: 15px; }

#chkCompliance td { /*width:70px;*/ white-space: nowrap; }
#chkCompliance input { display: inline-block; vertical-align: -2px !important; }
#chkCompliance label, .radiocontainer label { width: 100% !important; float: none !important; clear: none !important; text-align: center !important; padding-right: 0px !important; font-weight: bold !important; font-size: 13px !important; color: #4D4D4D !important; }
.radiocontainer { display: block !important; text-align: center !important; }
	.radiocontainer span { width: auto !important; float: none !important; clear: none !important; text-align: center !important; padding-right: 0px !important; font-weight: bold; line-height: 28px; font-size: 13px; }
	.radiocontainer input { vertical-align: -3px; }
#CompanyCountValue { display: inline-block !important; float: none !important; width: auto !important; margin-right: 0px !important; text-align: center !important; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; color: #4D4D4D; padding-top: 0px !important; }
.ifrm_TopBanner { background-color: white; position: relative; top: 10px; height: 130px; }
select:disabled { background-color: #EBEBE4; }

.tbl { border: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; float: left; }
	.tbl tr td { margin: 0px; padding: 5px; }
		.tbl tr td.lbl { float: right; font-weight: bold; vertical-align: central; }
		.tbl tr td input.btn { background: #b8cdf4; color: #273536; font-size: 13px; margin: 3px 10px 3px 0; padding: 3px 15px; border: 1px solid #153673; }
		.tbl tr td .mesg { color: #FF0000; border: 1px dotted #153673; }

/* FAQs, T&C*/
#faqs { margin: 20px 20px 100px 20px; text-align: left; }
	#faqs p { padding: 20px 20px 5px 15px; font-weight: bold; }
		#faqs p.ans { padding: 0px 20px 10px 20px; line-height: 25px; font-weight: normal; }
	#faqs h3 { font-weight: bold; margin: 25px 0 7px 20px; border-bottom: 1px solid #153673; }

#dwn { margin: 20px 20px 100px 20px; text-align: left; }
	#dwn h2 { font-size: 15px; padding-top: 20px; }
	#dwn a { font-size: 13px; }
		#dwn a img { vertical-align: middle; height: 24px; padding: 4px 0; }

/*Reg Info text*/
label#companyRegInfo { font-size: 10px; font-weight: 100; display: inline-block; }
.tip { font-size: 11px; display: inline-block; padding-top: 5px; text-align: left; }
div#note { font-size: 14px; display: inline-block; float: left; padding: 0 0 20px 90px; background: url(/images/information.png) no-repeat; background-size: 50px; background-position: 20px 0px; text-align: left; }
	div#note ul { list-style: square; list-style-position: inside; }
		div#note ul li { line-height: 16px; }
p.agree { float: left; font-size: 13px; }
	p.agree a { text-decoration: underline; }
		p.agree a:hover { color: red; }



/* Invitation Sent and Received */
.side_nav { background-color: #b8d1f2; float: left; height: 36px; width: 340px; }
	.side_nav .divInvSent { background-image: url(../images/invisent.png); cursor: pointer; background-repeat: no-repeat; height: 27px; float: left; padding: 14px 5px 1px 41px; font: bold 11px Verdana; background-position: 7px 5px; margin: -3px 0 0 6px; border-radius: 9px 9px 0 0; z-index: 504; }
	.side_nav .divInvRecv { background-image: url(../images/invircvd.png); cursor: pointer; background-repeat: no-repeat; height: 24px; float: left; padding: 14px 5px 1px 41px; font: bold 11px Verdana; background-position: 7px 5px; margin: -3px 0 0 6px; border-radius: 9px 9px 0 0; z-index: 504; }
	.side_nav ul { overflow-x: hidden; overflow-y: visible; width: 340px; max-height: 262px; float: left; margin-top: -3px; -webkit-box-shadow: 4px 8px 9px 2px rgba(0,0,0,0.53); -moz-box-shadow: 4px 8px 19px 2px rgba(0,0,0,0.53); box-shadow: 4px 8px 9px 2px rgba(0,0,0,0.53); position: relative; z-index: 500; }
		.side_nav ul::-webkit-scrollbar { width: 10px; }
		.side_nav ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 2px; background-color: white; }
		.side_nav ul::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

		.side_nav ul li { padding: 5px; font: 11pt Arial; border: 1px solid #B8D1F2; border-top-color: white; float: left; width: 100%; }
			.side_nav ul li.nonoti { height: 95%; font-size: 12px; color: #949494; background-color: white; min-height: 40px; }
			.side_nav ul li.con { background-color: #d3fcb2; }
			.side_nav ul li.com { background-color: #fffa26; }
			.side_nav ul li.pdf { background-color: #ffd59b; }
			.side_nav ul li.via { background-color: antiquewhite; }
			.side_nav ul li.ass { background-color: rgb(255, 47, 0); }
			.side_nav ul li p { float: left; font-size: 8pt; color: #949494; }
	.side_nav img:first-child { width: 70px; float: left; margin: 0px 9px 0 0; padding-bottom: 25px; }
	.side_nav img.req { float: left; clear: right; margin-top: -3px; }
	.side_nav h3 { color: #1F4384; text-align: left; }
	.side_nav h4 { text-align: left; font: 10pt verdana; }
	.side_nav .invtype { float: left; font-size: 9pt; color: #708DC1; padding: 1px 20px 3px 0; width: 185px; text-align: left; }
	.side_nav input { float: right; margin: 3px 10px 0 0; -webkit-border-radius: initial; -moz-border-radius: initial; cursor: pointer; margin-left: 5px; font-size: 8pt; border: 1px solid #d8d8d8; color: white; background-color: #069; }
		.side_nav input[type="button"] { font-size: 8pt; border: 1px solid #d8d8d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; color: white; margin-left: 0px; background-color: #069; }
.selectarrow { border: 9px solid transparent; border-bottom-color: #2653A4; position: relative; float: left; }



/* profileactivation page */
#terms { height: 250px; overflow-y: scroll; padding: 5px 10px; border: 1px solid #dccaca; }
	#terms p { font: 10px verdana; line-height: 13px; }


/* My Connections */
.myconhead { font-size: 14px; padding: 10px 0 10px 5px; color: #163673; font-weight: bold; float: left; height: 20px; width: 950px; margin-bottom: 10px; border-bottom: 1px solid #999; text-align: left; }
	.myconhead .pgico { padding: 0px 6px 0 0; vertical-align: bottom; }
	.myconhead ul { float: right; display: inline-flex; }
		.myconhead ul li { padding: 4px 10px 0 0; }
.cT { width: 16px; height: 16px; margin: 0 2px 0 0; float: left; }
.i1 { background: url(../images/myCon.jpg) 0px 0px no-repeat; }
/*customer*/
.i2 { background: url(../images/myCon.jpg) -16px 0px no-repeat; }
/*Supplier*/
.i3 { background: url(../images/myCon.jpg) -32px 0px no-repeat; }
/*Broker*/
.i4 { background: url(../images/myCon.jpg) -48px 0px no-repeat; }
/*Client*/
.conFilters { float: left; background: #e9e9e9; padding: 8px 0 8px 8px; width: 100%; text-align: left; font-size: 10pt; font-weight: bold; }
	.conFilters select { padding: 2px 10px; font-family: verdana; }

/* connection table */
.contbl { border: 0; font-size: 14px; width: 90%; padding-top: 10px; }
	.contbl tr { border: 1px dotted #B8D1F2; }
		.contbl tr:hover { border: 1px dotted #2653A4; background-color: #B8D1F2; }
		.contbl tr td:first-child, .contbl tr th { padding-left: 10px !important; }
		.contbl tr td, .contbl tr th { padding: 5px 0 5px 10px !important; text-align: left !important; }
	.contbl img, .contbl a img { cursor: pointer; width: 19px; }

.hIco { width: 25px !important; }


/* Login Hover CSS */
.wrapper { background: #ece5bb; color: #555; font-family: "gothamhtf-bookregular", sans-serif; font-size: 14px; margin: 20px 10px; padding: 15px 20px; position: relative; text-align: center; width: 90px; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ float: left; }
	.wrapper .tooltip { background: #e2d381; bottom: 100%; color: #000000; display: block; left: -25px; margin-bottom: 15px; opacity: 0; padding: 10px; pointer-events: none; position: absolute; width: 160%; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); text-align: justify; }
		.wrapper .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }
		/* CSS Triangles - see Trevor's post */
		.wrapper .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #1496bb 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; }
	.wrapper:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip { display: none; }
.lte8 .wrapper:hover .tooltip { display: block; }


#dialogoverlay { display: none; opacity: 0.9; position: fixed; top: 0px; left: 0px; background: #666666; width: 100%; z-index: 10; float: left; }
#dialogbox { display: none; position: fixed; background: #000; border-radius: 7px; width: 550px; z-index: 10; text-align: left; }
	#dialogbox > div { background: #FFF; margin: 8px; }
		#dialogbox > div > #dialogboxhead { background: #2653a4; font-size: 19px; padding: 10px 10px 10px 18px; color: #FFF; }
		#dialogbox > div > #dialogboxbody { padding: 20px; color: black; line-height: 20px; }
		#dialogbox > div > #dialogboxfoot { padding: 0 0 15px 0; text-align: center; }

/* Reminder alert on Home Page */
.ReminderPop { padding: 15px; text-align: left; }
	.ReminderPop h3 { font-size: 26px; color: #FFFFFF; line-height: 36px; background: url(../images/pending.png) 10px 2px no-repeat; padding-left: 50px; background-color: #153673; }
	.ReminderPop p { margin-top: 15px; line-height: 16px; font-size: 14px; }
	.ReminderPop a { margin-top: 20px; line-height: 15px; font-size: 13px; }
		.ReminderPop a img { padding: 10px 5px 0px 0px; vertical-align: bottom; }
.counter { margin-top: 30px; float: right; }
	.counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper { display: inline-block; width: 120px; height: 120px; margin: 0 10px; padding: 10px 0; background: #FF0000; background: rgb(255, 0, 0); font-size: 18px; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 32px; text-align: -webkit-center; margin: 20px; }
	.counter .days, .counter .hours, .counter .minutes, .counter .seconds { font-size: 80px; line-height: 90px; }


.aspNetDisabled .disabledchk { float: left; position: relative; margin: 0; margin: 5px 0 0 0; }
/*disabled checkbox controls ownership*/
ol.eleg li { list-style-type: decimal !important; margin: 4px 0 12px 40px; line-height: 19px; letter-spacing: -0.015em; }
ul.eleg li { list-style-type: square; margin: 4px 0 12px 40px; line-height: 19px; letter-spacing: -0.015em; font-weight: normal !important; }
/*FAQ, Privacy,etc.*/
.gcode { width: 300px !important; color: lightgray !important; margin: 0 !important; text-align: initial !important; float: initial !important; }

/* Billing Plan*/
.tblplan { border: 0; font-size: 13px; float: left; }
	.tblplan tr td { margin: 0px; padding: 3px 0 1px 5px; }
		.tblplan tr td:first-child { width: 200px; text-align: left; }
		.tblplan tr td:last-child { text-align: right; width: 80px; }