@CHARSET "ISO-8859-1";
/* CSS Document */
@font-face {
	font-family: 'Helvetica Condensed';
	src: url('../images/Helvetica-Condensed.otf');
}
@font-face {
	font-family: 'YanoneKaffeesatz-Regular';
	src: url('../fonts/YanoneKaffeesatz-Regular.ttf');
}
/* Warning styling block starts here */
.warninginnnerdiv{background-color:#fdf9b1; height:28px; width:100%; max-width:978px;}
.warningredbg{background-color:#ff0015; width:282px; height:26px;float:left; padding-top:2px; padding-left:13px;}
.warningicon{float: left; background: url(../images/alert-icon.png) no-repeat; width:22px; height:21px;}
.warningtext{float: left;font-family:Tahoma, Geneva, sans-serif; color:#fff; padding-top:2px; padding-left:3px; font-weight:bold; font-size:14px; text-transform:uppercase;}
.warningarrow{float: left; width:19px; height:28px; background: url(../images/warn_arrow.png) no-repeat;}
.warningdistext{font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-top:6px; font-weight:bold; color:#000; text-align:center; text-transform:uppercase;}
.warningdistext a{color:#ff0000; text-decoration:underline;}
/* Warning styling block ends here */

/* .blueheader{
width:100%; height:27px; background:#31508F;
}
.blueheader h2{ margin:0px; padding:6px 5px 5px 35px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; background: url(../images/arrow_white.png)0 10px no-repeat; margin-bottom: 10px; }
 */

.submitbutton { /*Step 2: Basic Button Styles*/
				display: block;
				height: auto;
				width: 100%;
				background: #7AB800;
				border-radius: 10px;
				/* border: 2px solid rgba(33, 68, 72, 0.59); */
				margin: 10px;
				/*Step 3: Text Styles*/
				color: rgba(255, 255, 255, 255);
				text-align: center;
				font: bold 16px "georgia", Arial, Helvetica, Geneva, sans-serif;
				border: 1px solid #ffffff;
				min-height: 30px;
				/*Step 5: Hover Styles*/
			}
.submitbutton:hover {
				background-color: #486905;
			}
			
.aboutbutton { /*Step 2: Basic Button Styles*/
				display: block;
				height: auto;
				width: 100%;
				background: #FFFFFF;
				border-radius: 10px;
				/* border: 2px solid rgba(33, 68, 72, 0.59); */
				margin: 10px;
				/*Step 3: Text Styles*/
				color: rgba(255, 255, 255, 255);
				text-align: center;
				font: bold 16px "georgia", Arial, Helvetica, Geneva, sans-serif;
				border: 1px solid #ffffff;
				min-height: 30px;
				/*Step 5: Hover Styles*/
			}
.aboutbutton:hover {
				background-color: #F9F9F9;
			}

/* login/signup page styling starts here */

body {
	color: #000; margin: 0 auto;
	background-repeat: repeat;
	font-family: helvetica;
}

.headerBackground{/* background-color: #a4c639; */ width: 100%; font-family: helvetica; z-index: 5;}
.headerBackground ul{margin: 0;}
.headerBackground ul li{display: inline;}
.headerBackground a{color: #ffffff;}
.headerBackground li{color: #FFFFFF;}
.headerBackground a:hover{color: #FFFF3D;}


.header-container{width: 100%; position: fixed; top: 0px; z-index: 5; display: inline;}
.headerTitle{color: #15434f; font-size: 36px; font-family: helvetica; height: auto; width:96%; padding:36px 2% 36px 2%;}
.headerTranperency{height: 50px; background-color: #15434f;
							background: -webkit-linear-gradient(top, #15434f 0%,#0B3844 100%);
					  		background: -o-linear-gradient(top, #15434f 0%,#0B3844 100%);
					  		background: -moz-linear-gradient(top, #15434f 0%,#0B3844 100%);
					  		background: linear-gradient(top, #15434f 0%,#0B3844 100%);
							background: -webkit-gradient(top, #15434f 0%,#0B3844 100%);
					  		background: -ms-linear-gradient(top, #15434f 0%,#0B3844 100%);}
.headerTranperency ul{padding: 0px 0px 0px 10px;}
/* .headerbgstrip{margin-top: 0px; height: 82px; background-image: url(../images/crossword.png)} */

.contentSubHead{color: #349ABA;  background-color: #fff; font-family: helvetica; font-size: 2.1em; height: 80px; margin-top:20px;}
.contentSubHead div{width:100%; max-width: 978px; margin: 0px auto; padding: 40px 0px 0px 0px;}
.selectedSubMenu{color: #2B7A8C !important;}

.loginheaderh{width:100%; max-width:978px; margin:0px auto;height:auto;}
.newhomewrap{width:100%; max-width:978px; margin:0px auto;height:auto; padding-bottom: 2px;}
.homeleftwrap{width:60%; height:auto; display:inline-block; margin-top:35px;width: 60%;margin-left: 5px;}
.homeleftheading h1{font-family:  'Helvetica Condensed',Arial,sans-serif; font-size:36px; color:#000; font-weight: lighter !important; text-rendering: optimizelegibility; margin:0px; padding:0px;}
.homeleftheading h2{font-family:  'Helvetica Condensed',Arial,sans-serif; font-size:18px; color:#6a7181; font-weight:normal; width:458px; line-height:25px;}
.homerightwrap{width:39%;height:auto; display:inline-block; vertical-align:top;margin-top: -5px;}
.loginhomewarppersubhead{font-family: 'Helvetica Condensed',Arial,sans-serif; font-weight: lighter !important; text-rendering: optimizelegibility; background-image: url(images/bg_top.png); width: 293px; height: 332px; margin-top: -3px; color: #E0E0E0; background-color: #31508f; border-radius: 0px 0px 40px 40px; margin-bottom: 10px; padding-left: 24px;font-size: 16px;}
.usernamewrapper{margin-left:0px; margin-top: 20px; border: 1px solid #ccc; width:92%; display:inline-block;}
.usernamewrapper div{float:left; padding:2px;}
.signinusername input{border:none; width:218px; height:19px; margin-left:10px; margin-bottom:0px; font-size:12px; color:#2c2c2c;}
.passworddisplayblk{background-color:#908f8f; height:auto;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; width:101px; margin:2px; padding:2px; font-size:11px; color:#fff;}
.signinpassword{float:left; padding:2px;}
.signinpassword input{border:none; width:218px; height:18px; margin-left:10px; margin-bottom:0px;}
.showpassword{font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:0px; margin-top: 14px;  color:#a39e9e; vertical-align:top;}
.signupbtn_kluebook{width:320px; text-align:right; margin-top:20px;}
.signinpageerrormsg{clear:both; margin-left:6px; font-family:arial; width:90%; margin-bottom: 5px; text-align:center; font-size:10px; text-transform:uppercase; color:#FF0000; padding:5px; font-weight:bold;}
.loginhomewarppersubheadinner{font-family: 'Helvetica Condensed',Arial,sans-serif; font-size:18px; color:#a3ad00; font-weight: lighter !important; text-rendering: optimizelegibility; margin-top:25px; padding:0px; background-color: #fff;}
.defaultterm{margin-left:22px; }
.defaultterm a{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #a39e9e;}
.contentleftwrap {width: 70%;height: auto;display: inline-block;margin-top: 10px;}
.contentrightwrap {width: 29%;height: auto;display: inline-block;vertical-align: top;margin-top: 10px;}
.homeAboutSmartShare{width: 30%; display: inline-block; vertical-align: top; padding-left: 30px; padding-top: 50px;}
.homeK2bonline{width: 15%; display: inline-block; vertical-align: top; padding-left: 40px; padding-top: 50px;}
.footerHeadings{font-size: 1.4em; margin-bottom: 10px; }
.footerSubLinks{font-size: 1.0em; color: #d0d0d0; text-align: justify;}
.homeContact{width: 20%; display: inline-block; vertical-align: top; padding-top: 50px;}
.homeDownloads{width: 22%; display: inline-block; vertical-align: top; padding-right: 30px; padding-top: 50px;}
#resposniveLoginDiv{visibility: hidden; display: none;}
.dropdownbox {background-color: rgba(0, 0, 0, 0.2);border: 0px;width: 74px;font-size: 11px;height: 26px;color: #ffffff;text-align: center;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.warningwrap {display: none;}
select option {background: rgba(255, 255, 255, 0.9);color: #000;}
p{margin-bottom: 10px;line-height: 1.51em;font-weight: lighter;}
.contentrightwrap p{margin-bottom: 5px;margin-left: 10px;margin-right: 20px;line-height: 1.51em;font-weight: lighter;}
.transdiv {position: absolute;z-index: 888;}
.newbutton {height: 45px;width: 200px;background: #FOFOFO;border-radius: 25px;border: 2px solid #000000;margin: 10px;color: rgba(30, 30, 30, 30);text-align: center;font: bold 16px "Helvetica", Arial, Geneva, sans-serif;}
.newbutton:hover {background-color: #ffffff;}
.loginbutton {height: 27px;width: 88px;background: #b3c833;border-radius: 10px;border: 2px solid #000000;color: rgba(30, 30, 30, 30);text-align: center;font: bold 14px "georgia", Arial, Helvetica, Geneva, sans-serif;}
.loginbutton:hover {background-color: #D5EE3B;}
.readmore {height: 27px;width: 88px;background: #555555;border-radius: 10px;border: 1px solid #000000;color: #f0f0f0;text-align: center;font: bold 12px Helvetica, Geneva, sans-serif;}
.readmore:hover {background-color: #999999;}
#shareResBottom{visibility: hidden; display: none;}
.outerBorderDesign{border: 2px solid #c0c0c0; border-radius: 30px; margin: 2% auto;}
.borderDesign{border: 20px solid #111111; border-radius: 30px; margin: 0%;}
.customerLogin{background-color: #f0f0f0; padding: 10px 30px 10px 30px !important; margin-right: 15px; margin-top:-10px; color: #777 !important;}
.customerLogin:hover {background-color: #ffffff;}
.taglineWrapper{display: inline-block; width: 48%; float: left;}
.loginWrapper{display: inline-block; width: 48%; float: right;}
.tagline{float:left; display: inline-block; padding: 2%; width:96%; color: #fff; font-size: 40px;}
.taglinesubtext{padding: 20px 0 0 0; font-size: 25px;}
.nonresponsivetagline{display: inline-block; visibility: visible;}
.responsivetagline{display: none; visibility: hidden;}

.footerBackground{background-color: #111111;}
.copyrights{ color: #a0a0a0; font-size: 0.8em; padding-left: 10px;}
a{text-decoration: none;}
.logoDesign{font-size: 30px; font-family: helvetica; color: hsl(0, 100%, 100%); vertical-align: middle; display: inline-block;}
.mytriksFeatures{font-family: 'helvetica', sans-serif; font-size: 17px; padding-left: 10px; padding-bottom: 5px; /* background-color: #ffffff; */ line-height: 1.2em; width: 96%; padding: 2%; }
.mytriksFeatures li{line-height: 2.2em; }
.mytriksFeatures span{color: #2B2B2B; }
.mytriksFeaturesWrapper{padding: 5px; margin-bottom: 10px; margin-bottom: 25px;}
.featuresSub{width: 30%; display: inline-block; background-color: #fcfcfc; margin: 2px;; min-height: 210px;}
.featuresSub:HOVER{background-color: #f9f9f9;}
.featuresSub div{font-size: 14px;}
.mytriks-loginpage-bg{background-color: #FFF; width: 100%; padding-top: 10px;} 


.footer{width: 100%; height: auto; display: inline-block; background-color: #f0f0f0; color: #666; padding: 2% 0% 2% 0%; text-align:center;}
.footerSub{display:none; visibility:hidden; font-family: Helvetica; margin: 0 auto; width: 94%; max-width: 978px; background: linear-gradient(to right, hsl(209, 65%, 25%) 0%, hsl(209, 65%, 25%) 100%) repeat scroll 0 0 hsla(209, 65%, 25%, 0); font-size: 16px;}
.footerSub p{line-height: 0.70em; color: #fff;}
.footerSub a{color: #fff; text-decoration: none;}
.footerLeft{display: inline-block; width: 50%; float: left; padding: 5%;}
.footerRight{display: inline-block; width: auto; float: right; padding: 5%;}
#products ul li{margin-bottom: 10px;line-height: 1.51em;font-weight: lighter;}
.nonresponsivemenu{float: right; display: inline; margin: 16px 0px 0px 0px; visibility: visible; font-size: 14px;}
.responsivemenu{float: right; margin: 20px 0px 0px 0px; display: none; visibility: hidden;}

.featuresHeader{background-color: #0095D9; height: auto; font-size: 20px;}
.featuresHeader div{width:100%; max-width: 978px; color: #fff; margin: 0px auto; padding: 30px 0px 30px 0px; height: auto; text-align: center;}

.headerbackgroundspacer{height: 50px;}

.existingUsers {
	margin-top: 0px;
	height: auto;
	width: 100%;
	float: none;
	background-color: #f0f0f0;  padding: 2%; z-index: 5; border-radius: 10px; box-shadow: 0px 3px 10px #8F8F8F; max-width: 300px; min-height: 300px;
}

.newUsers {
	margin-top: 0px;
	height: auto;
	width: 100%;
	float: none;
	background-color: #f0f0f0;  padding: 2%; z-index: 5; border-radius: 10px; box-shadow: 0px 3px 10px #8F8F8F; max-width: 300px; min-height: 300px;
}
.k2bonline_logo_wrapper{float: left; display: inline-block; width:auto;}
.k2bonline_logo{margin-left: 4px; color: hsl(0, 100%, 100%); letter-spacing: 0px; font-size: 20px; line-height: 40px; font-family: Helvetica, Arial; float: left; vertical-align: middle;}
.k2bonline_logo span{vertical-align:middle; font-size: 20px; line-height: 40px;}
.k2b_features{font-size:24px; color:#111;}

#k2b_content_home_wrap{}
#k2b_content_home_wrap p{width:80%; margin: 0% 10% 0% 10%; padding-bottom: 16px; padding-top: 16px;
  line-height: 1.51em;
  font-weight: lighter; font-family: Helvetica, Arial; text-align:left; max-width:978px; font-size: 16px;
  color: #666E76;}

.k2b_user_feedback_wrapper{background-color: rgba(255,255,255,0.97); padding: 40px 0px 40px 0px; background-image: url('../images/left_shadow.png'); background-position: right top; background-repeat: repeat-y;}
.k2b_user_feedback_head{color: #222; text-transform: uppercase; font-size: 12px;}
.k2b_user_feedback_text{color: #333; padding: 10px 0px 10px 0px; font-size: 24px; width:80%; margin: 2% 10% 2% 10%;}
.k2b_user_feedback_name{font-size: 14px; color: #777; padding-top: 10px;}

.k2b_home_content_bg_transperent_1{background-color:rgba(255,255,255,0.97); }
.k2b_home_content_bg_transperent_2{background-color:rgba(250,250,250,0.97); }


#responsiveMenu{display: none; visibility: hidden; font-family:'Helvetica',Arial; display: none; visibility: hidden; z-index: 10; background-color: rgba(255,255,255,1); width: 100%; top: 0px; display: inline; height: 100%;}
/* #responsiveMenu{display: none; visibility: hidden; background-color: rgba(255,255,255,1); width: 100%; top: 0px; display: inline;} */
/* #responsiveMenu div{padding: 2%;} */
#responsiveMenu a{text-decoration: none;}
.headerMenu{display:none; visibility:hidden; background-color: #fcfcfc; padding: 0% 3% 0% 3%; border-bottom: 1px solid #f0f0f0; color: #666;}
.headerSubMenu{display:none; visibility:hidden; background-color: #f0f0f0; border-bottom: 1px solid #fcfcfc; color: #666;}
.menuHeaderArrow{float: right; position: relative; top: 50%; transform: translateY(-50%);}


.submenuHeader{width: 100%; background: hsl(0, 0%, 99%); padding: 1px 0px 1px 0px; display: inline-block; visibility: visible; min-height: 20px; height: auto; position: fixed; padding-left: 10%; margin-bottom: 20px; box-shadow: 1px 1px 5px #349ABA;}


/* Menu bar styling starts here. this menu is enable only responsive mode*/ 
		.click-nav {visibility: visible; display: block; font-family: Helvetica, sans-serif; font-size: 18px;}
		.click-nav ul {font-weight:100;}
		.click-nav ul li {position:relative;list-style:none;cursor:pointer;}
		.click-nav ul li ul li{width:200px;position:relative;list-style:none;cursor:pointer; z-index: 1; padding-right: 0px; }
		.click-nav ul li ul {position:absolute;left:intial;right: 3px; border-width: 2px 2px 2px 2px; border-style: dotted; border-color: #0095D9;}
		.click-nav ul .clicker {position:relative; background-color:rgba(0,0,0,0); color:#FFF;}
		.click-nav ul .clicker:hover,.click-nav ul .active {background-color:rgba(0,0,0,0);}
		.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;display:inline;background:#FFF;color:#333;text-decoration:none;}
		.click-nav ul li a:hover {background:#F2F2F2;}
		.click-nav ul li ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background: #fff ; color:#0095D9 ;text-decoration:none; width: 150px; font-size: 16px;}
		.click-nav ul li ul li a:hover {background:#F0F0F0;}
		li.editProfileResp{background-color: #ffffff;}
		li.editProfileResp:hover{background-color:#F2F2F2;} 
		.respEditTxtBlock a{background-color: #ffffff;}
		.respEditTxtBlock a:hover{background-color: #F2F2F2;}
		.click-nav ul li .respEditTxtBlock ul li a{background-color: #F2F2F2;}
		.click-nav ul li .respEditTxtBlock ul li a:hover{background-color: #F2F2F2;}
		
		/* Fallbacks */
		.click-nav .no-js ul {display:none;}
		.click-nav .no-js:hover ul {display:block;}
		
		.click-nav select{width: 100% !important; text-align: center;}
		.click-nav select:hover{background-color: #3c3f41;}
		/* Menu bar styling ends here*/ 
		
		img{ vertical-align: middle; max-width: 100%;}

.tmb_footer_wrapper{background-color: #293031; font-family: Helvetica, Arial; text-align: left; width: 100%; padding: 60px 0px 60px 0px;}
.tmb_footer_wrapper_sub{width: 96%; margin: 0% 2% 0% 2%; max-width:978px; margin: 0px auto;}
.tmb_footer_wrapper_sections{display: inline-block; width: auto; margin: 0px auto; padding: 0% 3% 0% 3%; text-align: left;}
.tmb_footer_headers{color: #666; font-size: 13px; text-transform: uppercase; letter-spacing: 0.15em; line-height: 30px;}
.tmb_footer_links{color: #E0E0E0; font-size: 14px; line-height: 30px; font-weight: 300;}
.tmb_footer_links a{color: #E0E0E0;}
.tmb_footer_links a:HOVER{color: #FFF;}
.seperator{height: 1px; background-color: #495051; margin: 4% 0% 4% 0%;}

		
@media (max-width: 800px) {
	body {
				color: #000; margin: 0 auto;
				/* background-image: url(images/bg_top_responsive.png); */
				background-repeat: repeat-x;
			}
	.loginheaderh{width: 98%;}
	.newhomewrap{width: 100%;}
	.homeleftwrap{display: none; visibility: hidden;}
	.homerightwrap{width: 100%; margin-top: 5px;display: none; visibility: hidden;}
	.loginhomewarppersubhead{border-radius: 0px 0px 40px 40px;}
	.signupbtn_kluebook .loginbutton {width: 80%; border-radious: 5px;}
	.signupbtn_kluebook{text-align: center; margin-top: 0px;}
	.contentleftwrap{width: 100%;}
	.contentrightwrap{display: none; visibility: hidden;}
	.homeAboutSmartShare{display: none; visibility: hidden;}
	.homeK2bonline{display: none; visibility: hidden;}
	.footerHeadings{font-size: 1.2em;}
	.footerSubLinks{font-size: 0.8em;}
	.homeContact{width: 40%; padding-left: 1%;}
	.homeDownloads{width: 45%}
	.nonresponsivemenu{display: none; visibility: hidden;}
	.responsivemenu{display: inline; visibility: visible;}
	
	#resposniveLoginDiv{visibility: visible; display: block;}
	#shareResBottom{visibility: visible; display: block;}
	select{  height: 30px; font-size: 14px !important; width: 96% !important;}
	.contentleftwrap p {margin-left: 20px;}
	input[type="password"]{width: 96%; height: 30px; font-size: 14px;}
	input[type="text"]{width: 96%; height: 30px; font-size: 14px;}
	textarea{width: 96%;}
	::-webkit-input-placeholder { /* WebKit browsers */
    color:    #949393; font-family: Helvetica; font-size: 14px; font-weight: inherit;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #949393; font-family: Helvetica; font-size: 14px; font-weight: inherit;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #949393; font-family: Helvetica; font-size: 14px; font-weight: inherit;	
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #949393; font-family: Helvetica; font-size: 14px; font-weight: inherit;
	}
	.footerLeft{display: block; width: 100%; padding: 1%;}
	.footerRight{display: block; width: 100%; float: left; padding: 1%;}
	.existingUsers{width: 96%;}
	.newUsers{width: 96%;}
	.headerBackground{padding: 0%; width: 100%;}
	.headerBackground ul {padding: 0 0 0 4%; margin: 0; z-index: 5;}
	.headerBackground ul li{padding: 0%; padding-right: 0px;}
	/* login/signup page styling ends here */
	
	.contentSubHead{height: 50px;}
	.contentSubHead div{width:98%; padding: 26px 0px 0px 2%;}
	
	.featuresHeader div{width: 95%; padding: 2%; font-size: 14px;}
	.featuresSub{width: 100%; display: block;}
	
	
	.header_logo img{height: 50px;}
	.headerbackgroundspacer{height: 50px;}
	.headerTranperency{height: 50px}
	.responsivemenu{margin: 10px 0px 0px 0px;}
	.headerTitle{font-size: 24px; padding:24px 0px 24px 0px;}
	.tagline{font-size: 26px; float: none; padding: 0%;}
	.taglinesubtext{font-size: 18px; padding: 20px 0px 20px 0px;}
	.tagline{width:98%;}
	.taglineWrapper{display: block; width: 100%; }
	.loginWrapper{display: block; width: 100%; }
	.responsivetagline{display: inline-block; visibility: visible;}
	.nonresponsivetagline{display: none; visibility: hidden;}
	.k2bonline_logo_wrapper{width:80%;}
	.k2bonline_logo span {font-size:18px;}
	.k2b_features{font-size:18px;}

	#responsiveMenu{visibility: hidden; display: none;}
	.headerMenu{display:block; visibility:visible; text-transform: uppercase; font-size: 14px;}
	.headerSubMenu{display:block; visibility:visible; font-size: 14px; padding: 0% 3% 0% 3%; }
	.responsivemenu{display: inline; visibility: visible; margin: 10px 0px 0px 0px;}

	.tmb_footer_wrapper_sub{width: 100%;}
	.tmb_footer_wrapper_sections{display: block; text-align: center; margin: 20px 0px 20px 0px ;}
}