@import "css/misc/type.css";

/*

Theme Name: The New Nuffnang
Version: 4.0.0
Author: Firdauz Artiste, Eric Er, Yuan Hooi from Nuffnang
Author URI: http://www.nuffnang.com
________________________________________________________________*/

/* legacy */
.flt-l, .flt-r, .web-flt-l, .web-flt-r {display:inline;}
.flt-l, .web-flt-l {float:left;}
.flt-r, .web-flt-r {float:right;}
.clr {overflow:visible !important;}
.clr:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clr-b {clear:both;}
.blk {display:block !important;}
.hide {display:none !important;}
ul.no-list {padding:0; margin:0;}
.no-list li {list-style:none; padding:0;}
ul.inline li {display:inline;}
ul.ulclean {margin:0; padding:0;}
ul.ulclean li {margin:0; padding:0; list-style:none;}
.half {opacity:0.5;}
.ctr {text-align:center;}
body {margin:0; padding:0; font-size:16px;}
img#wpstats {display:none;}
a img {border:none;}
abbr, article, aside, audio, canvas, datalist, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, video {display:block;} /* css3 */
.notxt {text-indent: -9999px;}
.weight-normal {font-weight:normal;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-20-lr {padding:0 20px;}
.padding-80-lr {padding:0 80px;}
.margin-20-tb {margin:20px 0;}
.margin-40-tb {margin:40px 0;}
.align-left {text-align:left;}
.leading {margin-top:5px;}
.tint-red {color:#ff0b0e !important;}
.tint-blue {color:#23728c !important;}
.tint-black30 {color:#4c4c4c !important;}

a:link {color:#3377ff; text-decoration:none;}
a:hover {}
a:visited {color:#457ae5;}
a.logo-logged-in:hover {text-decoration:none;}

h2 {font-size:1.875em;}
@media all and (min-width: 701px) {	
	.web-margin-40 {margin:40px;}
}

.fullwidth {width:100%;}
.wrapper {max-width:980px; margin:0 auto;}
.rounded-50px {-moz-border-radius:500px; -webkit-border-radius:500px; -khtml-border-radius:500px; border-radius:500px;}
.rounded-5px {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.rounded {-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
.button, a.button {background:#6a707f; color:#ececee; text-shadow: 0 1px 0 #3c3d3f; padding:0.625em 1.875em; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;  border:none;}
.button.plus,
.button.minus {padding-left:3em; background-image:url(images/sprite-addminus.png); background-position:0.625em 0.625em; background-repeat:no-repeat; font-size:1.125em; color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.4);}
.button.minus {background-position:0.625em -35px;}
.button.green {background-color:#009900;}
.button.green:hover {background-color:#00a600;}
.button.green:active {background-color:#008c00;}
.button.gray {background-color:#666; font-size:0.875em; color:#fff; text-shadow: none;}
.button.gray:hover {background-color:#1a1a1a;}
.button.gray:active {background-color:#000;}
.button.gray.half:hover, .button.gray.half:active {background-color:#666;}
.button.red {background-color:#e54545; font-size:0.875em; color:#fff; text-shadow:none; border:1px solid #b22424;}
.button.red:hover {background-color:#f24949;}
.button.red:active {background-color:#cc3d3d;}
.button.addads {background-color:#95a695; font-size:1em; color:#fff; border:none; padding:0.5em 1.875em 0.5em 2.5em; background-position:0.5em 0.5em; margin:5px 0; display:inline-block;}
.button.addads:hover {background-color:#a1b3a1;}
.button.addads:active {background-color:#8a998a;}
.button.smaller {padding:0.25em 1.875em;}

.button-wood-top {padding:0.625em 0; width:150px; border:0; background:url(images/wood-top.jpg) 0 0 repeat; display:inline-block; border:0; font-size:1.125em; font-weight:700; z-index:5; position:relative; margin-top:-5px; text-align:center}
a.button-wood-top {color:#000; text-decoration:none;}
.whole-button {border:0; padding:0 0 4px; display:inline-block; margin:0 20px;}
#home .whole-button{margin:3em 0 1em;}
.button.blue, .button.transparent{background:#2a4999;letter-spacing: 0.1em;text-transform:uppercase;padding: 20px 20px 17px;box-shadow: 0px 5px 0px #003471; font-size:20;transition: 0.2s;-webkit-transition: 0.2s;min-width: 250px; cursor:pointer;}
.button.blue:hover{background:#003471;text-decoration:none;}
.button.transparent{background: rgba(0,0,0,0);border: 3px solid #fff;font-weight: 600;font-size: 18;width:250px;box-shadow: none;}
.button.transparent:hover{background:rgba(255,255,255,0.5);}



.bg-loading {background:url(images/ajax-loader.gif) center center no-repeat;}

input[type=text],
input[type=url],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
.standard {border:1px solid #ccc; font-size:0.875em; color:#262626; padding:0.625em; width:50%; margin:1em 0;}
input.full, .standard.full {width:96%;}
input.long, .standard.long {width:75%;}

input[type=checkbox].standard {width:auto; margin-right:0.8em;}

.button-slim {background:#308297; color:#fff; padding:3px 30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; border:none; font-size:0.875em; margin:5px;}
.button-slim:hover {background:#3e97ae;}
.button-slim:active {background:#29778b;}

.black-15 {color:#262626;}

a.black-15:link, .black-15 a:link,
a.black-15:visited, .black-15 a:visited {color:#262626 !important;}
a.black-15:hover, .black-15 a:hover {color:#000 !important;}
a.black-15:active, .black-15 a:active {color:#000 !important;}



@media all and (max-width: 768px) {
	input[type=text],
	input[type=url],
	input[type=email],
	input[type=number],
	input[type=tel],
	input[type=password],
	.standard, input.long, .standard.long {width:90%;}
	.phone-center {text-align:center;}
	.phone-left {text-align:left;}
	.phone-right {text-align:right;}
	.web-flt-l, .web-flt-r {float:none;}
	.phone-flt-l {float:left !important;}
	.phone-flt-r {float:right !important;}
	.phone-margin-10-tb {margin:10px 0;}
}


/* ornaments
======================================================= */

.line-short {width:30px; height:1px; background:#000; opacity:0.1; display:inline-block; margin:0 5px 13px;}
.text-ornaments {font-size:1.5em;}

.ornaments {background:url(images/sprite-ornaments.png) 0 0 no-repeat; width:35px; height:30px; display:inline-block;}
.ornaments.type02 {background-position: 0 -70px;}
.ornaments.footerleft {background-position:0 -135px; opacity:0.4;}
.ornaments.footerright {background-position:0 -205px; opacity:0.4;}


/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */

	.container { padding: 0 20px; }
	
	.row { width: 100%; max-width: 1120px; /* min-width: 420px; */ margin: 0 auto; }
	/* To fix the grid into a certain size, set max-width to width */
	.row .row { min-width: 0; }
	
	.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
	.column:first-child, .columns:first-child { margin-left: 0; }
	[class*="column"] + [class*="column"]:last-child { float: right; }
	.columns.last-child {float:right;}
	
	.row .one 		{ width: 4.3%; }
	.row .two 		{ width: 13%; }
	.row .three 	{ width: 21.68%; }
	.row .four 		{ width: 30.37%; }
	.row .five 		{ width: 39.1%; }
	.row .six 		{ width: 47.8%; }
	.row .seven 	{ width: 56.5%; }
	.row .eight 	{ width: 65.2%; }
	.row .nine 		{ width: 73.9%; }
	.row .ten 		{ width: 82.6%; }
	.row .eleven 	{ width: 91.3%; }
	.row .twelve 	{ width: 100%; }
	
	.row .offset-by-one 	{ margin-left: 13.1%;  }
	.row .offset-by-two 	{ margin-left: 21.8%;  }
	.row .offset-by-three 	{ margin-left: 30.5%;  }
	.row .offset-by-four 	{ margin-left: 39.2%;  }
	.row .offset-by-five 	{ margin-left: 47.9%;  }
	.row .offset-by-six 	{ margin-left: 56.6%;  }
	.row .offset-by-seven 	{ margin-left: 65.3%;  }
	.row .offset-by-eight 	{ margin-left: 74.0%;  }
	.row .offset-by-nine 	{ margin-left: 82.7%;  }
	.row .offset-by-ten 	{ margin-left: 91.4%;  }
	
	.row .centered { float: none; margin: 0 auto; }

	.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
	.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
	.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
	.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
	.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
	.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
	.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
	.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
	.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
	.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
	.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }
	
	/* Source Ordering */
	.push-two 		{ left: 17.4% }
	.push-three 	{ left: 26.1%; }
	.push-four 		{ left: 34.8%; }
	.push-five 		{ left: 43.5%; }
	.push-six 		{ left: 52.2%; }
	.push-seven 	{ left: 60.9%; }
	.push-eight 	{ left: 69.6%; }
	.push-nine 		{ left: 78.3%; }
	.push-ten 		{ left: 87%; }
	
	.pull-two 		{ right: 17.4% }
	.pull-three 	{ right: 26.1%; }
	.pull-four 		{ right: 34.8%; }
	.pull-five 		{ right: 43.5%; }
	.pull-six 		{ right: 52.2%; }
	.pull-seven 	{ right: 60.9%; }
	.pull-eight 	{ right: 69.6%; }
	.pull-nine 		{ right: 78.3%; }
	.pull-ten 		{ right: 87%; }
	
	img /* , object, embed */ { max-width: 100%; height: auto; }
	img { -ms-interpolation-mode: bicubic; }
	#map_canvas img, .map_canvas img {max-width: none!important;}
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }
	 
	 /* Mobile */
	@media all and (max-width: 768px) {		
		body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
		/* Mobile 4-column Grid */
		.row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; }
		.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
		
		/* sc */ .row .phone-one.first-child, .row .phone-two.first-child, .row .phone-three.first-child, .row .phone-four.first-child, .row .first-child { margin-left: 0; }
		/* sc */ .row .phone-one.last-child, .row .phone-two.last-child, .row .phone-three.last-child, .row .phone-four.last-child, .row .last-child { float: right; }
		
		.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
		
		/* sc */ .row .phone-four {margin-left:0;}
		
		.row .phone-one 	{ width: 21.68% !important; }
		.row .phone-two 	{ width: 47.8% !important; }
		.row .phone-three 	{ width: 73.9% !important; }
		.row .phone-four 	{ width: 100% !important; }
		
		.row .push-one-phone { left: 26.08%; }
		.row .push-two-phone { left: 52.2% }
		.row .push-three-phone { left: 78.3% }
		
		.row .pull-one-phone { right: 26.08% }
		.row .pull-two-phone { right: 52.2% }
		.row .pull-three-phone { right: 78.3%; }
		
	}


/* topbar
======================================================= */

.topbar {background:#FFF; padding: 0.5em 0; border-bottom:1px solid #dedede;}
.topbar.loggedin {background:#f7f7f7; border-bottom:1px solid #e1e1e1;}
.topbar .userbar {margin:-6px 0;}
header{background:#fff;letter-spacing: 0.3pt;width:100%;z-index:9999;box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;}
header .wrap{margin:0 5%;z-index:9999;}
.userpic {display:block; float:left; border:6px solid #b3b3b3;}
.userpic img {width:40px; height:40px; -moz-box-shadow:0 0 0 3px #ededed; -webkit-box-shadow:0 0 0 3px #ededed; box-shadow:0 0 0 3px #ededed;}
.icon-home {height:40px; width:26px; background:url(images/icon-home.png) -30px 0 no-repeat; margin-left:3px; display:inline-block; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;} 
a.logo-logged-in:hover .icon-home {background-position:0 0;}
a.logo-public .icon-home {background-position:-30px 0;}
a.logo-public:hover .icon-home {background-position:0 0;}
.topbar .userbar .username {font-size:1em; color:#474d54; font-weight:bold; display:block; float:left; margin:0.5em 5px 0;}
.topbar .userbar .username span.weight-normal a {font-size:0.8em;}
.button-down-small			{width:30px; height:30px; background:url(images/button-down-small.png) 0 0 no-repeat; display:block; margin:0.8em 0; z-index:150; position:relative;}
.button-down-small:hover	{background-position:0 -60px;}
.button-down-small:active	{background-position:0 -120px;}
.button-up-small			{width:30px; height:30px; background:url(images/button-up-small.png) 0 0 no-repeat; display:block; margin:0.8em 0;}
.button-up-small:hover	{background-position:0 -60px;}
.button-up-small:active	{background-position:0 -120px;}
.button-down-big			{width:41px; height:41px; background:url(images/button-down-big.png) 0 0 no-repeat; display:block; margin:0.8em 0;}
.button-down-big:hover	{background-position:0 -82px;}
.button-down-big:active	{background-position:0 -164px;}
.button-up-big			{width:41px; height:41px; background:url(images/button-down-big.png) 0 0 no-repeat; display:block; margin:0.8em 0;}
.button-up-big:hover	{background-position:0 -82px;}
.button-up-big:active	{background-position:0 -164px;}
.button-right-big,
.button-left-big			{width:41px; height:41px; background:url(images/button-right-big.png) 0 0 no-repeat; display:block; margin:-0.45em -0.45em -0.45em 1em;}
.button-right-big:hover,
.button-left-big:hover,
.bigbutton:hover .button-right-big,
.bigbutton:hover .button-left-big 	{background-position:0 -82px;}
.button-right-big:active,
.button-left-big:active,
.bigbutton:active .button-right-big,
.bigbutton:active .button-left-big	{background-position:0 -164px;}
.button-left-big {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.wooden-previous-btn {background-image:url(images/button-prev-wooden.png); background-repeat:no-repeat; padding-left:28px; margin-left:-10px;}
.wooden-next-btn {background-image:url(images/button-next-wooden.png); background-repeat:no-repeat;background-position:right; padding-right:28px; margin-right:-10px;}

.container-topbarlogin {padding-top:5px;}

.container-changecountry {padding:0.15em 1em; text-align:center;}
.container-changecountry span {text-transform:uppercase; font-weight:normal; color:#313130; font-size:1em; letter-spacing:1px;}
.container-changecountry a {display:block; font-size:0.75em; color:#666; text-decoration:none; padding:0.25em 0; text-transform:none; color:#666; letter-spacing:normal;}
.container-changecountry a:hover {text-decoration:underline;}

#navi-bottom{width:100%;display:inline-block; padding:0px;}
#navi-bottom.fixed{padding: 8px 0 8px 0;position:fixed;left: 0;background: #fff;top:0; z-index:9999;box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;}
#navi-bottom ul li{font-size:0.8em; float:left;border: none;padding: 20px 1.5%;text-transform: uppercase;list-style-type:none;}
#navi-bottom a{text-decoration:none; color:#000;}
#navi-bottom a:hover{color:#2a4999;}
#navi-bottom ul.container-topbarlogin li:last-child{margin-right:0;}
#navi-top ul li ul.country_selection, #navi-top ul li ul.language_selection{position:absolute;display:block;background:#fff;left:0;padding: 0;top: 27px;display:none;}
#navi-top ul li ul.country_selection li, #navi-top ul li ul.language_selection li{display:block;border-left:none!important;border-right:none;float:none;padding: 10px 17px;}
#navi-top ul li ul.country_selection li:hover, #navi-top ul li ul.language_selection li:hover{background:#f3f3f3;}
#main-navi li.extend{border-radius:3px; border: 1px solid #cdcdcd!important; float:right!important;text-transform: uppercase;padding: 10px 20px;margin: 5px 10px;color:#2a4999;transition: 0.2s;-webkit-transition: 0.2s; }
#main-navi li.extend:hover{background:#dedede;border: 1px solid #dedede!important;}
header .logo, header .logo img {float: left;width: 200px;margin-right: 30px;}
#mobile-menu{background: url(images/menu-icon.png) center 5px no-repeat;width: 20px;height: 25px;display: none;background-size: contain;}

.country_selection {position:relative; z-index:300;}
.country_selection .arrow-up {
	width:0px; 
	height:0px; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
	font-size:0px;
	line-height:0px;
	position:relative;
	text-align:center;
	display:inline;
	margin:0 0 0 3em;
}


.nav-usertopbarmenu {position:relative; z-index:90; float:right;}
.wrapper-usertopbarmenu {position:absolute; width:180px; margin-top:3.9em; margin-left:-180px;}
.wrapper-usertopbarmenu-inner {-moz-box-shadow:0 10px 25px rgba(0,0,0,0.2), inset 0 0 0 1px #bfbfbf; -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.2), inset 0 0 0 1px #bfbfbf; box-shadow:0 10px 25px rgba(0,0,0,0.2), inset 0 0 0 1px #bfbfbf; padding: 1px; display:block;}
.usertopbarmenu-colorbar {-moz-box-shadow:inset 0 1px 0 0 #fff; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; border-bottom:1px solid #d9d9d9; height:15px; width:100%; display:block; background:#ededed; -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.nav-usertopbarmenu .arrow-up, .wrapper-usertopbarmenu.version-country .arrow-up {
	width:0px; 
	height:0px; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:9px solid #bfbfbf;
	font-size:0px;
	line-height:0px;
	position:absolute;
	text-align:center;
	display:block;
	right:5%;
	margin:-8px 0 0 0;
}
.nav-usertopbarmenu .arrow-up .arrow-up, .wrapper-usertopbarmenu.version-country .arrow-up .arrow-up {
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:9px solid #fff;
	margin:1px 0 0 -10px;
	right:auto;
}
.nav-usertopbarmenu .arrow-up .arrow-up .arrow-up, .wrapper-usertopbarmenu.version-country .arrow-up .arrow-up .arrow-up {
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:8px solid #ededed;
	margin:2px 0 0 -10px;
	right:auto;
}
.nav-usertopbarmenu ul, .wrapper-usertopbarmenu.version-country ul {margin:0; padding:0; list-style:none; background:#f7f7f7; border-top:1px solid #fff;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-bottomright: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}
.nav-usertopbarmenu ul li {padding:0 5px;}
.nav-usertopbarmenu ul li a {font-size:0.875em; font-weight:300; text-shadow:0 1px 0 #fff; color:#4c5059; text-decoration:none; display:block; border-bottom:1px solid #dedede; border-top:1px solid #fff; padding:10px 15px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.nav-usertopbarmenu ul li a:hover {background:#f0f0f0;}
.nav-usertopbarmenu ul li:first-child a {border-top:none;}
.nav-usertopbarmenu ul li:last-child a {border-bottom:none;}

.wrapper-usertopbarmenu.version-country {margin-top:10px; margin-left:-20px;}
.wrapper-usertopbarmenu.version-country ul {padding:2px; text-align:left;}
.wrapper-usertopbarmenu.version-country ul li a.flags {padding:7px 15px 7px 45px; background:url(images/flags.png) 10px 0 no-repeat; height:14px; border-bottom:1px solid #ccc; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.wrapper-usertopbarmenu.version-country ul li a.flags:hover {background-color:#eee; text-decoration:none;}
.wrapper-usertopbarmenu.version-country ul li a.flags.selected {background-color:#8ab6c5; color:#fff; border-bottom-color:#8ab6c5;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-my {background-position: 10px 2px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-sg {background-position: 10px -22px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-ph {background-position: 10px -46px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-au {background-position: 10px -70px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-cn {background-position: 10px -94px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-hk {background-position: 10px -118px;}
.wrapper-usertopbarmenu.version-country ul li a.flags.flag-th {background-position: 10px -142px; border-bottom:none;}

nav.main-user-nav {margin-bottom:-9px;}
nav.main-user-nav ul {margin:0.75em 0 0; padding:0;}
nav.main-user-nav ul li {margin:0; padding:0;}
nav.main-user-nav ul li a {display:block; float:left; padding:0.6em 1em; margin-right:3px; color:#262626; font-size:1em; border:1px solid #ccc; border-bottom-color:#e1e1e1; text-decoration:none; font-weight:bold;
	-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px;
	background-color:#b9b9b9;
	background-image: linear-gradient(top, rgb(217,217,217) 0%, rgb(185,185,185) 100%);
	background-image: -o-linear-gradient(top, rgb(217,217,217) 0%, rgb(185,185,185) 100%);
	background-image: -moz-linear-gradient(top, rgb(217,217,217) 0%, rgb(185,185,185) 100%);
	background-image: -webkit-linear-gradient(top, rgb(217,217,217) 0%, rgb(185,185,185) 100%);
	background-image: -ms-linear-gradient(top, rgb(217,217,217) 0%, rgb(185,185,185) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(217,217,217)),
		color-stop(1, rgb(185,185,185))
	);
}
nav.main-user-nav ul li a.selected {color:#00a6d4; border-color:#e1e1e1; border-bottom-color:#ededed;
	background-color:#ededed;
	background-image: linear-gradient(top, rgb(246,246,246) 0%, rgb(237,237,237) 100%);
	background-image: -o-linear-gradient(top, rgb(246,246,246) 0%, rgb(237,237,237) 100%);
	background-image: -moz-linear-gradient(top, rgb(246,246,246) 0%, rgb(237,237,237) 100%);
	background-image: -webkit-linear-gradient(top, rgb(246,246,246) 0%, rgb(237,237,237) 100%);
	background-image: -ms-linear-gradient(top, rgb(246,246,246) 0%, rgb(237,237,237) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(246,246,246)),
		color-stop(1, rgb(237,237,237))
	);}
nav.main-user-nav ul li a:hover {text-shadow:0 1px 0 rgba(255,255,255,0.7);}

@media all and (max-width: 768px) {
	nav.main-user-nav ul li a {font-size:0.875em;}
	.userbar {margin: 0 20px; padding:0 20px; float:none; display:block; text-align:center;}
	.logo-logged-in {margin:0.1em; float:none; display:block; text-align:center;}
	#main-navi{position: absolute;width: 100%;top: 45px;margin:0; padding:0; left:0;z-index: 999;text-align: center;display:none;box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px; -webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 3px; -moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 3px;}
	#navi-bottom ul li{float:none!important;display:block;background:#fff;border-radius: 0;margin: 0;border: none!important;padding: 15px 10px;}
	#mobile-menu{display: block;float: right;}
	header .logo {width: 150px;}
}
/* registertopbar
======================================================= */

.registertopbar {background:#e1e1e3; border-top:1px solid #ededed; padding:5px;}
.registertopbar .eight.columns {height:auto;}
.registertopbar .button-specialblue {border:none; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4); box-shadow:0 2px 3px rgba(0,0,0,0.4); display:block; float:left;}
.registertopbar span {margin:5px 10px; color:#262626; text-shadow:0 1px 0 rgba(255,255,255,0.8); display:block; float:left;}
.registertopbar img {margin:7px 0;}

@media all and (max-width: 700px) {
	.registertopbar .button-specialblue {float:none; display:inline-block; margin:2px auto;}
	.registertopbar .eight.columns {height:auto;}
	.registertopbar span {display:block; float:none;}
}

/* topbar message
======================================================= */

.topbar-message {background:#dd0000; padding:28px 0; color:#fff; width:100%; text-align:center; border-bottom:1px solid #e1e1e1; -moz-box-shadow:inset 0 -1px 0 #f5f5f5; -webkit-box-shadow:inset 0 -1px 0 #f5f5f5; box-shadow:inset 0 -1px 0 #f5f5f5; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; position:fixed; z-index:999;}
.topbar-message.success {background:#25a825;}
.topbar-message a:link, .topbar-message a:visited, .topbar-message a:hover {color:#fff;}
.topbar-message a:active {color:#f0f0f0;}
.closebutton {text-indent:-9999; background:url(images/closebutton.png) no-repeat; display:block; width:13px; height:13px; z-index:805;}
.closebuttonbg {position:relative; height:25px; width:25px; background:#fff; opacity:0.3; z-index:800; display:block; margin:-6px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.closebutton:hover .closebuttonbg {opacity:0.4;}

/* header
======================================================= */

.container-header 				{text-align:center; padding: 3em 0; padding: 2em 0 1em;}
.container-header.rainbow		{background:url(images/light-rainbow.png) top center no-repeat,url(images/bg-header.png) left bottom repeat-x;
								 text-align:center; padding: 2.5em 0; height:510px;}
.container-header h1 {font-size: 3em;color: #000;text-transform: uppercase;-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
.container-header h1.lessmargin {margin:0.1em 0;}
.container-header h2 {font-size:1.875em; color:#e3c694; text-shadow:0 -1px 0 rgba(0,0,0,0.95);}
.container-header h4 {font-size:1.125em; color:#c4ad84; text-shadow:0 -1px 0 rgba(0,0,0,0.95); font-weight:normal;}

.container-header h1:after {background:#2a4999;display: block;content: "";height: 1px;width: 40px;margin: 15px auto 20px;position: relative;}

.button-specialblue {
	border:1px solid #eedfc2;
	margin:2px 0;
	padding:5px 20px;
	display:inline-block;
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.6); box-shadow:0 5px 5px rgba(0,0,0,0.6);
	-moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;
	color:#e3c694 !important; text-decoration:none;
	background:#272c38;
	background-image: linear-gradient(bottom, rgb(28,32,41) 0%, rgb(39,44,56) 100%);
	background-image: -o-linear-gradient(bottom, rgb(28,32,41) 0%, rgb(39,44,56) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(28,32,41) 0%, rgb(39,44,56) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(28,32,41) 0%, rgb(39,44,56) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(28,32,41) 0%, rgb(39,44,56) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(28,32,41)),
		color-stop(1, rgb(39,44,56))
	);
}
.button-specialblue:hover {color:#e6cb9b; margin: 0 0 4px; -moz-box-shadow:0 7px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 7px 10px rgba(0,0,0,0.5); box-shadow:0 7px 10px rgba(0,0,0,0.5);}
.button-specialblue:active {color:#d9b982; margin:4px 0 0; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.6); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.6); box-shadow:0 2px 3px rgba(0,0,0,0.6);}
a.button-specialblue:hover {text-decoration:none;}

.container-header.short-version {height:130px; background-position:center top, left -280px;} 
.container-header.header-blog	{background:#FFF;background-size:cover;border-bottom: 1px solid #dedede;}


.container-collection {overflow:hidden; width:100%;}
.collection {overflow:hidden; width:500%; margin:0 -200%;}
.collection .item {display:inline-block; opacity:0.5; padding:10px; position:relative; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
/* .collection .item:hover {opacity:1;} */
/*.collection .item span {visibility:hidden; max-width:200px; display:block; position:absolute;}
.collection .item:hover span {visibility:visible !important; margin-top:10px;} */
.collection .item.special {opacity:1; width:260px; height:275px;}
.collection .item.special .plate {background:url(images/plate-main.png) top center no-repeat; display:block; margin-top:20px; position:absolute; width:146px; height:137px; padding:47px 57px 87px;}
.collection .item.special .plate .nn {background:url(images/plate-logo.png) top center no-repeat; width:146px; height:137px;}
.collection .item.special:hover .plate .nn {background-position:0 -274px;}

.collection .item.item-01,
.collection .item.item-06 {opacity:0.3;}
.collection .item.item-02,
.collection .item.item-05 {opacity:0.5;}
.collection .item.item-03,
.collection .item.item-04 {opacity:0.7;}

/* resized smaller */
.container-header.rainbow {height:450px;}
.collection .item {width:165px; height:188px;}
.collection .item.special {opacity:1; width:208px; height:220px;}
.collection .item.special .plate {background:url(images/plate-main-v2.png) top center no-repeat; display:block; margin-top:20px; position:absolute; width:117px; height:110px; padding:40px 46px 70px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.collection .item.special .plate .nn {background:url(images/plate-logo-v2.png) top center no-repeat; width:117px; height:110px;}
.collection .item.special:hover .plate {margin-top:18px;}
.collection .item.special:hover .plate .nn {background-position:0 -220px;}
.collection .item.special:active .plate .nn {background-position:0 -218px;}

.collection .item.item-01,
.collection .item.item-06 {opacity:0;}

/*
@media all and (max-width: 1950px) {
	.collection .item {padding:10px 50px;}
}
@media all and (max-width: 1850px) {
	.collection .item {padding:10px 40px;}
}
@media all and (max-width: 1750px) {
	.collection .item {padding:10px 30px;}
}
@media all and (max-width: 1650px) {
	.collection .item {padding:10px 20px;}
}
@media all and (max-width: 1550px) {
	.collection .item {padding:10px 10px;}
}
@media all and (max-width: 1450px) {
	.collection .item {padding:10px 5px;}
} 
@media all and (max-width: 1350px) {
	.collection .item {padding:10px 35px;}
	.collection .item.item-01,
	.collection .item.item-06 {opacity:0;}
}
@media all and (max-width: 1300px) {
	.collection .item {padding:10px 30px;}
}
@media all and (max-width: 1250px) {
	.collection .item {padding:10px 25px;}
}
@media all and (max-width: 1150px) {
	.collection .item {padding:10px 15px;}
}
@media all and (max-width: 1050px) {
	.collection .item {padding:10px 5px;}
} */
@media all and (max-width: 950px) {
	.collection .item {padding:10px 40px;}
	.collection .item.item-02,
	.collection .item.item-05 {opacity:0;}
}
@media all and (max-width: 850px) {
	.container-header h1 {font-size:2.5em;}	
	.collection .item {padding:10px 30px;}
}
@media all and (max-width: 800px) {
	.container-header h1 {font-size:2em;}
	.collection .item {padding:10px 20px;}
}
@media all and (max-width: 750px) {
	.container-header h1 {font-size:2em;}
	.collection .item {padding:10px 10px;}
}
@media all and (max-width: 760px) {
	.container-header h1 {font-size:2em;}
	.collection .item {padding:10px 0;}
	.container-header.short-version {height:60px;}
}
@media all and (max-width: 600px) {
	.container-header h1 {font-size:1.5em;}
	.collection .item.item-01,
	.collection .item.item-02,
	.collection .item.item-05,
	.collection .item.item-06 {opacity:0;}
}
@media all and (max-width: 500px) {
	.collection .item.item-03,
	.collection .item.item-04 {opacity:0;}
}

@media all and (min-width: 951px) {
	.collection .item {padding:10px 10px;}
}

/* news area 
======================================================= */

.container-gray {background:#ededed; padding:1.875em 0 5.625em; text-align:center;}
.container-gray h2 {font-size:1.875em; text-shadow:0 1px 0 rgba(255,255,255,1);}

.container-news {margin:4em auto 1em;}
.wrapper-news {background:#f5f5f5; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.65); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.65); box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.65); position:static; padding:0 5px;}
.wrapper-news.layer-01 {padding:0 5px;}
.wrapper-news.layer-02 {padding:0px 5px; margin:-5px auto -5px;}
.wrapper-news.layer-03 {padding:35px; margin:-5px auto -5px;}

.container-newsdata {width:400%;}
.news-content {text-align:left;}
.news-content time {display:block; color:#8c8c8c; text-transform:uppercase; font-size:0.875em;}
.news-content time span {font-size:0.6em; display:inline-block; position:absolute; margin:0.2em 0.3em;}
.news-content h3 {font-size:2.5em; margin:0.2em 0 0.6em;}
.news-content h3 a {text-decoration:none; color:#000;}
.news-content h3 a:hover, .news-content h3 a:active {text-decoration:underline; color:#3377ff;}
.news-content p {margin:0; color:#262626;}

.news-content img.thumbnail-withstyle{padding:4px; border:1px solid #999; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3); box-shadow:0 1px 2px rgba(0,0,0,0.3);}


.container-newsdata .container-newspage {overflow:hidden; float:left; display:none;}
.container-newsdata .container-newspage.selected {width:25%; height:100%; display:inline-block;}

.container-newsdata .five.columns .wrapper-sidenews {border:none;}
.container-newsdata .five.columns .wrapper-sidenews .news-content {border:1px solid #e6e6e6; border-right:none; border-top:none;}
.container-newsdata .five.columns .wrapper-sidenews .news-content.lastone {border-bottom:none;}
.wrapper-sidenews .news-content {padding: 15px 0 15px 20px;}
.wrapper-sidenews .news-content h3 {font-size:1.625em;}
.wrapper-sidenews .news-content.news-twitter h3 {margin:0 0 0.1em;}
.wrapper-sidenews .news-content.news-twitter img.thumbnail {max-width:48px; border:1px solid #e3e3e3; margin:0 -1px;}
.wrapper-sidenews .news-content.news-twitter time {padding:0 0 0 18px; background:url(images/icon-twitter-small.png) 0 3px no-repeat; text-transform:none;}
.wrapper-sidenews .news-content p {margin:0.3em 0;}
.wrapper-sidenews .news-content.news-twitter p a {color:#4d88ff; text-decoration:none;}
.wrapper-sidenews .news-content.news-twitter p a:hover {text-decoration:underline;}

.wrapper-sidenews .news-content.news-blog img.thumbnail {display:none;}
.wrapper-sidenews .news-content.news-blog p {width:100%; height:40px; overflow:hidden;}

.wrapper-sidenews .news-content.news-blogger h3 {margin:0 0 0.1em;}
.wrapper-sidenews .news-content.news-blogger h3 small {font-size:0.54em; display:block;}
.wrapper-sidenews .news-content.news-blogger img.thumbnail {max-width:48px; -moz-box-shadow:0 0 0 2px #e3e3e3; -webkit-box-shadow:0 0 0 2px #e3e3e3; box-shadow:0 0 0 2px #e3e3e3; margin:2px -2px 0 0;}
.wrapper-sidenews .news-content.news-blogger img.intropic {margin:0.3em 0;}
.wrapper-sidenews .news-content.news-blogger.shorten img.intropic {display:none;}

.btn-news-left {background:url(images/btn-news-left.png) 0 0 no-repeat; width:51px; height:74px; margin-top:18em; position:absolute; z-index:300; left:0;}
.btn-news-right {background:url(images/btn-news-right.png) 0 0 no-repeat; width:51px; height:74px; margin-top:18em; position:absolute; z-index:300; right:0;}

.five.columns .news-content {}

.container-newspage {width:25%; float:left; display:inline-block;}

@media all and (max-width: 700px) {	
	.container-newsdata .five.columns .wrapper-sidenews .news-content {border-left:none; padding-left:0; border-top:1px solid #e6e6e6;}
	.wrapper-sidenews .news-content h3, .news-content h3 {font-size:1.3em;}
	
}

/* function area
======================================================= */

.container-darkgray {background:url(images/light.png) 20% top no-repeat,url(images/light.png) 80% top no-repeat, url(images/bg-gray-long.png) top left repeat-x,  url(images/bg-gray-normal.png) top left repeat; padding:1.875em 0 5.625em; text-align:center;}
.container-darkgray h2 {font-size:1.875em; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.95);}
.container-function {max-width:950px; padding:0;}
.container-function li {list-style:none; text-align:left; color:#e5e5e5;text-shadow:0 -1px 0 rgba(0,0,0,0.95); font-weight:normal; margin:2em auto;}
.container-function li h3 {font-size:1.75em; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.95); margin:0 0 0.5em; font-weight:normal;}

/* background cloth
======================================================= */

.container-darkblue {background:#FFF; text-align:center; padding:0; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15); box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);}
.container-darkblue-v2 {background:url(images/bg-blue.jpg) 0 0 repeat; text-align:center; padding:3em 0 5em; -moz-box-shadow:inset 0 3px 6px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,0.4); box-shadow:inset 0 3px 6px rgba(0,0,0,0.4);}
.container-darkblue-v2 h2 {color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.95); font-size:1.875em;}
.container-darkblue-v2 .button-wood-top, .container-darkblue-v2 .whole-button {width:200px !important; text-transform:uppercase; text-shadow:0 1px 0 #fff;}

/* login
======================================================= */
ul.login-options {margin:0; padding:0 0 2em;}
ul.login-options li {list-style:none;}
ul.login-options li a {margin:5px; display:inline-block;}
a.sociallogin {color:#5b5b5b; text-shadow:0 1px 0 #fff; text-decoration:none; background:url(images/sprite-login-method.png) 5px 5px no-repeat #fff; width:85px; padding:10px 20px 10px 50px;
				-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2); box-shadow:0 2px 3px rgba(0,0,0,0.2); border:1px solid#ccc;}
a.sociallogin:hover {color:#777; margin-top:4px; -moz-box-shadow:0 4px 6px rgba(0,0,0,0.12); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.12); box-shadow:0 4px 6px rgba(0,0,0,0.12);}
a.sociallogin:active {color:#777; margin-top:6px; margin-bottom:4px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4); box-shadow:0 1px 1px rgba(0,0,0,0.4);}
a.sociallogin.login-fb {background-position:5px 5px;}
a.sociallogin.login-gg {background-position:5px -57px;}
a.sociallogin.login-yh {background-position:5px -119px;}

/* register
======================================================= */

.side-register h2 {color:#fff; text-align:left; font-weight:normal; background:#4e5461; margin:0; padding:0.7em 1em; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);}
.side-register h2 span {color:#b8c6e5;}
ul.signup-features li {list-style:none; padding:0.7em 1em; border-bottom:1px solid #4e5461;
	background:#343840;
	background-image: linear-gradient(bottom, rgb(52,56,64) 0%, rgb(47,50,58) 100%);
	background-image: -o-linear-gradient(bottom, rgb(52,56,64) 0%, rgb(47,50,58) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(52,56,64) 0%, rgb(47,50,58) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(52,56,64) 0%, rgb(47,50,58) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(52,56,64) 0%, rgb(47,50,58) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(52,56,64)),
		color-stop(1, rgb(47,50,58))
	);

}
ul.signup-features li h4 {text-align:left; color:#fff; margin:0.5em 0; vertical-align:middle; font-weight:normal;}
.container-fancywhite	{background:#fff; display:block;}
.fancyprogress h4 {color:#70798c; font-size:0.75em; margin-bottom:1em; height:25px;}
.fancyprogress .bg-ball {background:#e5e5e5; padding:0.25em; display:inline-block;}
.fancyprogress .bg-ball .real-ball {background:#e5e5e5; width:12px; height:12px; display:inline-block; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; z-index:5; position:relative; -moz-transition-delay:1s; -webkit-transition-delay:1s; transition-delay:1s;}
.fancyprogress .selected .bg-ball .real-ball {background:#474d59;}
.fancyprogressline {background:#e5e5e5; padding:2px 4px; height:4px; margin:-14px 10% 0; z-index:2; position:relative;}
.fancyprogressline-inner {float:left; background:#474d59; height:4px; width:0; margin:-12px 0 0; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.progress-1 .fancyprogressline-inner {width:0%;}
.progress-2 .fancyprogressline-inner {width:33%;}
.progress-3 .fancyprogressline-inner {width:66%;}
.progress-4 .fancyprogressline-inner {width:100%;}
.progress-1 #realball-1 {background:#474d59;}
.progress-1 #realball-2,
.progress-1 #realball-3,
.progress-1 #realball-4 {background:#e5e5e5;}
.progress-2 #realball-1,
.progress-2 #realball-2 {background:#474d59;}
.progress-2 #realball-3,
.progress-2 #realball-4 {background:#e5e5e5;}
.progress-3 #realball-1,
.progress-3 #realball-2,
.progress-3 #realball-3 {background:#474d59;}
.progress-3 #realball-4 {background:#e5e5e5;}
.progress-4 #realball-1,
.progress-4 #realball-2,
.progress-4 #realball-3,
.progress-4 #realball-4 {background:#474d59;}

.container-forms {overflow:hidden;}
.standardform {text-align:left; width:400%; color:#262626; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;}
.standardform-white {text-align:left; width:400%; color:#ffffff; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;}

.standardform.twopage {width:200%;}

.standardform.form1 {margin-left:0;}
.standardform.form2 {margin-left:-100%;}
.standardform.form3 {margin-left:-200%;}
.standardform.form4 {margin-left:-300%;}

.standardform #register-page-01,
.standardform #register-page-02,
.standardform #register-page-03,
.standardform #register-page-04,
.standardform #contact-page-01,
.standardform #contact-page-02 {display:inline-block; float:left; width:25%; margin:0 0 0 0; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}

.standardform.form1 #register-page-01 {visibility:visible;}
.standardform.form1 #register-page-02 {visibility:hidden;}
.standardform.form1 #register-page-03 {visibility:hidden;}
.standardform.form1 #register-page-04 {visibility:hidden;}
.standardform.form2 #register-page-01 {visibility:hidden;}
.standardform.form2 #register-page-02 {visibility:visible;}
.standardform.form2 #register-page-03 {visibility:hidden;}
.standardform.form2 #register-page-04 {visibility:hidden;}
.standardform.form3 #register-page-01 {visibility:hidden;}
.standardform.form3 #register-page-02 {visibility:hidden;}
.standardform.form3 #register-page-03 {visibility:visible;}
.standardform.form3 #register-page-04 {visibility:hidden;}
.standardform.form4 #register-page-01 {visibility:hidden;}
.standardform.form4 #register-page-02 {visibility:hidden;}
.standardform.form4 #register-page-03 {visibility:hidden;}
.standardform.form4 #register-page-04 {visibility:visible;}

.standardform.form1 #register-page-01 {visibility:visible;}
.standardform.form1 #register-page-02 {visibility:hidden;}
.standardform.form2 #register-page-01 {visibility:hidden;}
.standardform.form2 #register-page-02 {visibility:visible;}

.standardform .row {margin:10px 0;}
.standardform .row.nomargin {margin:0;}
.standardform input, .standardform .standard {margin:0 0 5px; margin:0 0 5px;}
.standardform span.title, .standardform label.title {color:#4d4d4d; text-align:left; font-size:0.875em; font-weight:normal; margin:5px 0; display:block; text-align:right;}
.standardform small {display:block; font-size:0.6875em; color:#8c8c8c;}
.standardform .alert {display:block; padding:1.5em 2em; margin:4em -1em 0; font-size:0.6875em; color:#000; background:#d4d5d7;}
.standardform .alert.nomargin {margin:0 -1em;}
.standardform .error {background:#ff7272; padding:0.7em 1em; font-size:0.75em; margin:2px 0; color:#f0f0f0;}
.standardform .valid {background:#4cbcdb; padding:0.7em 1em; font-size:0.75em; margin:2px 0; color:#f0f0f0;}
.standardform .success {background:#36b359; padding:0.7em 1em; font-size:0.75em; margin:2px 0; color:#f0f0f0;}
.standardform .success a {color:#f0f0f0;}

.standardform ul.forforms input[type=checkbox] {float:left; display:block; margin:5px 10px;}
.standardform ul.forforms p {font-size:0.875em; }

.fixed-text {font-size:0.875em; margin:5px 0; display:inline-block; font-weight:bold;}
.fixed-text-grey, .fixed-text-gray {color:#d9d9d9;font-size:0.875em; margin:5px 0; display:inline-block; }

.wrapper-contactnav {margin-top:-10px;}
ul.container-contactnav {padding:0; text-transform:uppercase;}
ul.container-contactnav li {list-style:none; padding:0; margin:0; width:25% !important;}
ul.container-contactnav.forabout li {width:33% !important;}
ul.container-contactnav.forfaq li {width:50% !important;}
ul.container-contactnav li a {display:block; color:#b8c6e6; padding:30px 0; text-decoration:none;
	background:#0d4f5f;
	background-image: linear-gradient(top, rgb(13,79,95) 0%, rgb(99,155,171) 100%);
	background-image: -o-linear-gradient(top, rgb(13,79,95) 0%, rgb(99,155,171) 100%);
	background-image: -moz-linear-gradient(top, rgb(13,79,95) 0%, rgb(99,155,171) 100%);
	background-image: -webkit-linear-gradient(top, rgb(13,79,95) 0%, rgb(99,155,171) 100%);
	background-image: -ms-linear-gradient(top, rgb(13,79,95) 0%, rgb(99,155,171) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(13,79,95)),
		color-stop(1, rgb(99,155,171))
	);
	
	-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
}

ul.container-contactnav li.first-child a {
	-moz-box-shadow: inset -1px 0 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,0.2);
	box-shadow: inset -1px 0 0 rgba(0,0,0,0.2);
}
ul.container-contactnav li.last-child a {
	-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.2);
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.2);
}

ul.container-contactnav li a:hover,
ul.container-contactnav li a.selected {
	color:#fff;
	background:#5a606d;
	background-image: linear-gradient(top, rgb(90,96,109) 0%, rgb(39,42,48) 100%);
	background-image: -o-linear-gradient(top, rgb(90,96,109) 0%, rgb(39,42,48) 100%);
	background-image: -moz-linear-gradient(top, rgb(90,96,109) 0%, rgb(39,42,48) 100%);
	background-image: -webkit-linear-gradient(top, rgb(90,96,109) 0%, rgb(39,42,48) 100%);
	background-image: -ms-linear-gradient(top, rgb(90,96,109) 0%, rgb(39,42,48) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(90,96,109)),
		color-stop(1, rgb(39,42,48))
	);
}
ul.container-contactnav li a:hover div.arrow-down,
ul.container-contactnav li a.selected div.arrow-down {visibility:visible;}
div.arrow-down {
	visibility:hidden;
	width:0px; 
	height:0px; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #2f2f2f;
	font-size:0px;
	line-height:0px;
	margin:30px 47% 0;
	position:absolute;
	text-align:center;
	background-color:272a30;
}
ul.container-contactnav li a .cornerleft,
ul.container-contactnav li a .cornerright {width:10px; height:10px; position:absolute; left:-10px; display:block; top:0;}
ul.container-contactnav li a .cornerleft .halfbox {width:5px; height:10px; position:relative; background:#0d4e5f; position:absolute; right:0;}
ul.container-contactnav li a .cornerleft .halfcircle {
	width:10px; height:10px; left:-5px; position:absolute; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -webkit-border-top-left-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; background-image: linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
	background:#2b383c;
	background-image: -o-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
	background-image: -moz-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
	background-image: -webkit-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
	background-image: -ms-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(43,56,60)),
		color-stop(1, rgb(1,1,1))
	);
}

ul.container-contactnav li a .cornerright {left:auto; right:-5px;}
ul.container-contactnav li a .cornerright .halfbox {width:5px; height:10px; position:relative; background:#0d4f5f; position:absolute; right:0;}
ul.container-contactnav li a .cornerright .halfcircle {width:10px; height:10px; right:-5px; position:absolute; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -webkit-border-top-left-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; background-image: linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
background:#2b383c;
background-image: -o-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
background-image: -moz-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
background-image: -webkit-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);
background-image: -ms-linear-gradient(top, rgb(43,56,60) 0%, rgb(1,1,1) 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(43,56,60)),
	color-stop(1, rgb(1,1,1))
);}

ul.container-contactnav li a.selected .halfbox,
ul.container-contactnav li a:hover .halfbox {background:#5a606d;}

@media all and (max-width: 700px) {
	ul.container-contactnav li a {height:15px; font-size:0.7em;}
}

/* user personal focus
======================================================= */

.container-userfocus .memberpic {float:right; position:relative;}
.container-userfocus .memberpic .membertype, .memberpic .membertype {display:block; position:absolute; z-index:80; font-size:0.75em; color:#fff; text-shadow:0 1px 0 #cea963; text-transform:uppercase; background:#ffbb33; padding:5px 12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:5px 0 0 -60px;}
.container-userfocus .memberpic .membertype, .memberpic .membertype {margin:8px 0 0 98px;} /* version 2 */
.container-userfocus .memberpic .membertype a, .memberpic .membertype a{color:#fff;}
.container-userfocus .memberpic .membertype.member-normal a, .memberpic .membertype.member-normal {background:#089922;}
.container-userfocus .memberpic-top, .memberpic-top {padding:10px; background:url(images/wood-top.jpg) 0 0 repeat; width:90px; height:90px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 4px 6px rgba(0,0,0,0.23); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.23); box-shadow:0 4px 6px rgba(0,0,0,0.23); z-index:10; position:relative;}
.container-userfocus .memberpic-top .img-wrap, .memberpic-top .img-wrap {width:90px; height:90px; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4); box-shadow: 0 1px 0 rgba(255,255,255,0.4);}
.container-userfocus .memberpic-top img, .memberpic-top img {width:90px; height:auto;}
.container-userfocus .memberpic-bottom, .memberpic-bottom {background:url(images/wood-btm.jpg) 0 0 repeat; width:90px; height:90px; padding:10px; margin:-105px 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 5px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.15); box-shadow:0 5px 5px rgba(0,0,0,0.15); z-index:5; position:relative;}

.memberpic-top .img-wrap .img-shadow {position:absolute; width:90px; height:90px; -moz-box-shadow:inset 0 2px 8px rgba(0,0,0,25); -webkit-box-shadow:inset 0 2px 8px rgba(0,0,0,25); box-shadow:inset 0 2px 8px rgba(0,0,0,25); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:10;}

.changepic {position:absolute; margin: 5px -30px 0 0; width:50px; background:#eee; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:0.75em; z-index:15; text-align:left;}
.changepic {background:url(images/btn-upload.png) 3px 3px no-repeat #eee; width:32px; height:32px; text-indent:-9999px; margin:5px 0 0 150px;}
.changepic:hover {background-color:#f2f2f2;}
.changepic:active {background-color:#e0e0e0; border-color:#bbb;}

@media all and (max-width: 800px) {
	.changepic {margin:60px 0 0 0;}
}
@media all and (max-width: 600px) {
	.changepic {margin:50px 0 0 0;}
}

/* adjustment for sidebar one */
.container-side .memberpic .membertype {position:relative; margin:15px 0; display:inline;}
.container-side .memberpic-top {margin:0 auto;}
.container-side .memberpic-bottom {margin:-105px auto 20px;}

/*.container-userfocus .memberlinks {-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;}  browser resize transition duration, but no use */
.container-userfocus .memberlinks {margin:42px 0 0;}
.container-userfocus h4 {font-size:0.8125em; font-weight:normal; color:#808080; text-transform:uppercase; text-align:left; margin-bottom:0.3em;}
.container-userfocus ul.ulclean {margin-left:-4px; text-align:left;}

/* version 3 user header o0o */
.container-userfocus .memberpic .membertype, .memberpic .membertype  {margin:5px 0 0 -70px;}
.container-userfocus .memberlinks {margin:-15px 0 0 -20px;}
.container-userfocus ul.ulclean {max-width:250px; border-bottom:1px solid #b3b3b3; padding-bottom:0.5em;}
.container-userfocus p.latest {margin:0.5em 0 !important; text-align:left; padding:0.5em 0;}

.linkacc {background:url(images/linkacc.png) 0 0 no-repeat; width:0; height:0; text-indent:-9999px; padding:17px 17px; display:inline-block; margin: 0px;}
.linkacc.nnx.linked	{background-position:0 0}
.linkacc.nnx		{background-position:0 -68px;}
.linkacc.cc.linked	{background-position:0 -136px}
.linkacc.cc			{background-position:0 -204px;}
.linkacc.fb.linked	{background-position:0 -272px}
.linkacc.fb			{background-position:0 -340px;}
.linkacc.gg.linked	{background-position:0 -408px}
.linkacc.gg			{background-position:0 -476px;}
.linkacc.yh.linked	{background-position:0 -544px}
.linkacc.yh			{background-position:0 -612px;}

.container-userfocus p.latest,
.container-userfocus p.latest a {color:#808080; text-shadow:0 1px 0 #fff; font-size:0.875em; margin-top:40px;}
.container-userfocus p.latest {margin-left:30px;}
.container-inforow .padding-20 {padding:20px 30px;}


@media all and (max-width: 700px) {
	.container-userfocus p.latest {text-align:center; margin-left:0;}
	.container-userfocus .memberpic {float:none; /*padding-left:35%;*/ margin:0 auto; width:110px;}
	.container-userfocus .memberlinks {margin:0;}
	.container-userfocus .memberlinks h4 {text-align:center !important;}
	.container-userfocus .memberlinks ul.ulclean {text-align:center !important; margin: 0 auto !important; display:block !important;}
	
	.container-side .memberpic-top {width:70px; height:70px; padding:5px;}
	.container-side .memberpic-top .img-wrap,
	.container-side .memberpic-top .img-wrap .img-shadow {width:70px; height:70px;}
	.container-side .memberpic-bottom {margin:-75px auto 20px; width:60px; height:60px;}
}

/* todaydate
======================================================= */

.line-thin, .line-bold {background:#b3b3b3; width:100%; height:1px; position:relative; display:block; margin:10px 0;}
.line-bold {height:5px; margin:8px 0;}
.right-0 {right:0;}
.left-0 {left:0;}
.container-todaydate {margin-top:50px;}
.container-todaydate.todaydate-v2 {margin-top:-40px; padding-bottom:40px;}
.container-todaydate .line-bold {width:60%; position:absolute; margin:-13px 0;}
.container-todaydate p.todaydate {font-size:0.875em; color:#fff; background:#666; margin:-2px -30px; display:inline-block; padding:2px 30px; z-index:10; position:relative;}
.container-todaydate p.todaydate span {font-size:0.65em; position:absolute;}
@media all and (max-width: 700px) {
	.container-todaydate p.todaydate {margin:-2px -10px;}
}

/* inforow
======================================================= */

.container-inforow {text-align:left;}
.container-inforow h4{font-size:0.8125em; font-weight:normal; color:#808080; text-transform:uppercase; text-align:left; margin-bottom:0.3em;}
.container-inforow p {margin:5px 0 15px;}
.container-inforow p a {color:#000; text-decoration:none;}
.container-inforow p a:hover {text-decoration:underline;}
.container-inforow p.earnings-amount {font-size:2.5em; margin:0 0 15px;}
.container-inforow p.earnings-amount span {font-size: 0.5em; position:relative; float:left; margin:3px 3px 0 0;}
.container-inforow ul {margin-top:-1em;}
.container-inforow ul li {margin-bottom:2em;}
@media all and (max-width: 700px) {
	.container-inforow ul {margin:1em;}
	.container-inforow ul li {padding:0 1em;}
	.container-inforow p {margin-left:20px;}
}

/* container-controller
======================================================= */
.container-controller {background:#f5f5f5; text-align:left; margin:20px auto 30px; -moz-box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.4); box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.4);}
.wrapper-blogselection {height:45px;}
ul.blogselection {position:absolute; width:90%; z-index:10; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 10px; border:1px solid #dcdcdc; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff;
	background:#f3f4f3;
	background-image: linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -o-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(249,249,249)),
		color-stop(1, rgb(236,237,236))
	);
	-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;
}
ul.blogselection li {list-style:none; display:none;}
ul.blogselection li.selected {display:block;}
ul.blogselection:hover li {display:block; border-bottom:1px solid #ddd; border-top:1px solid #fff;}
ul.blogselection:hover li:first-child {border-top:none;}
ul.blogselection:hover li:last-child {border-bottom:none;}
ul.blogselection:hover {-moz-box-shadow:inset 0 1px 0 #fff, 0 12px 10px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 1px 0 #fff, 0 12px 10px rgba(0,0,0,0.1); box-shadow:inset 0 1px 0 #fff, 0 12px 10px rgba(0,0,0,0.1);}
ul.blogselection li a {padding:13px; margin:0 -10px; display:block; text-decoration:none; color:#666; text-shadow:0 1px 0 #fff; font-size:1.125em;}
/* ul.blogselection li.selected a {font-weight:600;} */
ul.blogselection li a span.button-down-big,
ul.blogselection li a span.button-up-big {margin:-8px -8px 0 0;}
ul.blogselection li a:hover {color:#1a1a1a;}

.nicebutton {color:#808080; text-transform:uppercase; font-size:14px; text-align:center; padding:3px; display:block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
	background:#dbdcdb;
	background-image: linear-gradient(bottom, rgb(229,229,229) 0%, rgb(211,211,211) 100%);
	background-image: -o-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(211,211,211) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(211,211,211) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(211,211,211) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(229,229,229) 0%, rgb(211,211,211) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(229,229,229)),
		color-stop(1, rgb(211,211,211))
	);
}
.nicebutton .buttonbody {border:1px solid #bfbfbf; background:#fff; padding:10px 0; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px;}
.nicebutton:hover {color:#666;}
.nicebutton:active .buttonbody {background:#eee;}

a.bigbutton {color:#000;}
.bigbutton {
	min-width:135px;
	position:relative; display:inline-block; z-index:10; border:1px solid #dedddd; margin:0 auto; text-align:center;
	padding:13px; margin:0 10px; text-decoration:none; color:#000; text-shadow:0 1px 0 #fff; font-size:1.125em;
	-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;
	-moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff;
	background:#f3f4f3;
	background-image: linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -o-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 0%, rgb(236,237,236) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(249,249,249)),
		color-stop(1, rgb(236,237,236))
	);
}

ul.sidebarlink {margin:30px 0 35px;}
ul.sidebarlink li {list-style:none;}
ul.sidebarlink li a {padding:5px 1.5em; margin:0 0.5em; display:block; color:#666; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #fff; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;
					border-bottom:1px solid #fbfbfb; -moz-box-shadow:inset 0 -1px 0 #e6e6e6; -webkit-box-shadow:inset 0 -1px 0 #e6e6e6; box-shadow:inset 0 -1px 0 #e6e6e6;}
ul.sidebarlink li a.selected {color:#00a6d4 !important;}
ul.sidebarlink li a:hover {color:#1a1a1a;}

.sidebar-wrapper-singlenav {margin:30px 0 35px;}
h5.category-sidebar {font-size:0.75em; color:#666; text-transform:uppercase; text-shadow:0 1px 0 #fff; margin:0 0 0.5em; font-weight:none;}
h5.category-sidebar.black-15 {color:#262626;}
ul.sidebarbutton li a {}
a.sidebarbutton {margin:5px 0 5px 0.5em; display:block; background:#f5f5f5; border:1px solid #dcdcdc; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; padding:13px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow:0 1px 0 #fff; font-size:1.125em; color:#666; text-decoration:none; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
a.sidebarbutton.selected {color:#00a6d4 !important;}
a.sidebarbutton .counts {display:block; float:right; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; background:#666; color:#fff; width:22px; height:19px; padding-top:3px; text-align:center; font-weight:100; font-size:0.75em; text-shadow:none; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;} 
a.sidebarbutton.selected .counts {background:#00a6d4;}
a.sidebarbutton:hover .counts {background:#1a1a1a;}
a.sidebarbutton:hover {color:#1a1a1a;}

@media all and (max-width: 700px) {
	ul.blogselection li {font-size:0.7em;}
	ul.blogselection li a span.button-down-big,
	ul.blogselection li a span.button-up-big {display:none;}
	ul.blogselection .nicebutton .buttonbody {font-size:0.8em;}
	ul.sidebarlink li a, a.sidebarbutton {font-size:0.8em;}
	a.sidebarbutton {padding:0.3em;}
}

/* container-paper
======================================================= */

.bg-watermark {background:url(images/bg-watermark.png) center center no-repeat;}
.container-paper {background:#f5f5f5 url(images/bg-paper.png) 0 0 repeat; margin:-35px -15px -30px 0; padding:30px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,0.4); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,0.4); min-height:570px;}
ul.filter-moment {text-align:right; margin:35px 0 0;}
ul.filter-moment li a {text-decoration:none; font-size:0.875em; color:#fff; background:#c7c7c7; width:100px; display:inline-block; text-align:center; margin:3px; padding:4px 0 2px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
ul.filter-moment li a:hover {background:#999;}
ul.filter-moment li a.selected {background:#00a0cc !important;}

/*.container-paper .lines-crossover {margin-left:-80px;} */
.container-paper .lines-crossover .line-bold,
.container-paper .lines-stack .line-bold {position:absolute; right:20px; width:30%; margin-top:-13px;}
.lines-stack .line-bold {position:absolute; right:20px; width:30%; margin-top:-13px;}
.lines-stack .line-bold {right:0; left:5px;}
.container-paper .lines-stack .line-bold {right:0; left:35px;}
/* .container-paper .lines-crossover.included-right {margin-right:-1.8em;} */

.container-paper .lines .line-bold {position:absolute; right:20px; width:30%; margin-top:-13px;}
.container-paper .lines.selfextend {margin-left:-1.8em; margin-right:-1.8em;}

.overallstat {margin:0 -35px 0 0;}
.overallstat .stat-intext {font-size:1.875em; margin:0 20px 0 0;}
.overallstat .stat-intext span {font-size:0.5em; display:block; float:right; margin:3px 0 0 5px; text-transform:uppercase;}
.overallstat .stat-intext.lightcolor {color:#b3b3b3;}

.wrapper-nntable {margin:0 0 30px 30px;}
.wrapper-nntable.table-normal {margin:0 0 30px 0;}
.nntable {border:1px solid #7da5b3; width:100%; -moz-box-shadow:0 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2); box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.nntable td {padding:5px 15px;}
.nntable.narrow td {padding:5px;}
.nntable thead tr td,
.nntable thead tr th {background:url(images/bg-tabletop.gif) 0 0 repeat; color:#203840; font-size:1.125em; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,0.5); border-top:1px solid #b4d5e0; border-bottom:1px solid #72a7b4; border-left:1px solid #9fc2cd; border-right:1px solid #80a9b6;}
.nntable thead.nnheader tr td,
.nntable thead.nnheader tr th {background:url(images/bg-tabletop.gif) 0 0 repeat !important; color:#203840 !important; font-size:1.125em; font-weight:bold; text-shadow:0 1px 0 rgba(255,255,255,0.5); border-top:1px solid #b4d5e0; border-bottom:1px solid #72a7b4; border-left:1px solid #9fc2cd; border-right:1px solid #80a9b6;}
.nntable.narrow thead tr td {font-size:0.8em;}
.nntable.narrow tbody tr td {font-size:0.75em;}
.nntable a {color:#526166;}
.nntable a:hover {color:#5c6d73;}
.nntable a:active {color:#475459;}
.breakword {word-break:break-all;}
.nntable tbody tr td {background:#ededed; color:#526166; font-size:0.875em; padding:10px 15px; border-top:1px solid #f7f7f7; border-bottom:1px solid #cdd2d4; border-left:1px solid #f0f0f0; border-right:1px solid #cdd8db;}
.nntable tbody tr:nth-child(2n) td {background:#e2ecee; border-left-color:#e6eff0; border-right-color:#c4d7dc;}
.tabledot {width:10px; height:10px; display:block; position:absolute; margin:3px 0 0 -40px; background:#83def5; -moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3); box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3);}
.tabledot.dot-01 {background:#83def5;}
.tabledot.dot-02 {background:#4a4d57;}
.tabledot.dot-03 {background:#c99343;}
.tabledot.dot-04 {background:#325dac;}
.tabledot.dot-05 {background:#905596;}
.tabledot.pie-01 {background:#315c70;}
.tabledot.pie-02 {background:#6fbccf;}
.tabledot.pie-03 {background:#4a4d56;}
.tabledot.pie-04 {background:#3058a9;}
.tabledot.pie-05 {background:#c99243;}
.tabledot.pie-06 {background:#925798;}
.tabledot.pie-07 {background:#494624;}
.tabledot.pie-08 {background:#fad918;}
.tabledot.pie-09 {background:#883f4f;}
.tabledot.pie-10 {background:#3e2e1d;}
.tablegraph {margin:2px 0 0 -40px; display:block; position:absolute;}
.tablegraph .tinygraph {display:inline-block; width:5px; height:10px; background:#315f73; margin:0 1px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4), inset 0 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4), inset 0 1px 2px rgba(0,0,0,0.6); box-shadow: 0 1px 0 rgba(255,255,255,0.4), inset 0 1px 2px rgba(0,0,0,0.6); }
.tablegraph .tinygraph.tiny-02 {height:15px;}
.tablegraph.graph-01 .tinygraph {background:#315c70;}
.tablegraph.graph-02 .tinygraph {background:#6fbccf;}
.tablegraph.graph-03 .tinygraph {background:#4a4d56;}
.tablegraph.graph-04 .tinygraph {background:#3058a9;}
.tablegraph.graph-05 .tinygraph {background:#c99243;}
.tablegraph.graph-06 .tinygraph {background:#925798;}
.tablegraph.graph-07 .tinygraph {background:#494624;}
.tablegraph.graph-08 .tinygraph {background:#fad918;}
.tablegraph.graph-09 .tinygraph {background:#883f4f;}
.tablegraph.graph-10 .tinygraph {background:#3e2e1d;}

.container-progress {height:55px; padding-top:10px; z-index:10; position:relative;}
.container-progress .progress p a {background:#c7c7c7; color:#fff; font-size:0.875em; width:100px; margin:0 auto; padding:3px 0 2px; text-decoration:none; display:block;}
.container-progress .progress p a:hover {background:#999;}
.container-progress .progress.selected p a {background:#00a6d4;}
.container-progress .progress .number {background:#c7c7c7; font-size:0.625em; color:#fff; width:15px; height:13px; padding-top:2px; display:inline-block;}
.container-progress .progress .circle {padding:2px; border:1px solid #c7c7c7; display:inline-block;}
.container-progress .progress.selected .number,
.container-progress .progress.selected .circle {background:#00a6d4; border-color:#00a6d4;}

h2.stepheader {color:#000; margin:1.6em 0 0.5em; font-weight:normal;}

.container-action {margin:4em 0 1em;}

@media all and (max-width: 700px) {
	.container-paper .lines-crossover {margin-left:0;}
	.container-paper .lines-crossover.included-right {margin-right:0;}
	.overallstat .stat-intext {font-size:1.3em;}
	
	.container-progress .progress p a {font-size:12px; width:80px;}
	
	.wrapper-nntable {margin: 0 0 30px 10px;}
	.tabledot {width:8px; height:8px; margin-left:-25px;}
	.tablegraph {margin-left:-28px; margin-top:0;}
	.nntable {font-size:12px;}
	.nntable td,.nntable tbody tr td {padding:5px;}
}

/* ad type
======================================================= */

.ad-name {display:block; font-size:0.875em; margin:1em 0;}
.star-full, .star-none {width:27px; height:27px; background:url(images/sprite-star.png) 0 0 no-repeat; display:inline-block; margin:3px 1px;}
.star-none {background-position:0 -54px;}
.container-adselection .installed {color:#666; font-size:0.875em; padding-bottom:10px; border-bottom:1px solid #b3b3b3; margin-bottom:10px;}
.container-adselection .installed.notyet {visibility:hidden;}
.container-adselection input[type=radio] {margin:10px;}
.container-adselection img {border:3px solid #d9d9d9;}
.container-adselection .ad-types {display:inline-block;}
.container-adselection .ad-types.selected img {border-color:#308297;}

.container-copycode textarea {height:200px;}

/* steps
======================================================= */

.steps-controller {overflow:hidden;}
.steps-controller.step-01 .container-steps {margin-left:0;}
.steps-controller.step-02 .container-steps {margin-left:-100.6%;}
.steps-controller.step-03 .container-steps {margin-left:-201.2%;}
.steps-controller.step-04 .container-steps {margin-left:-301.8%;}
.steps-controller.step-05 .container-steps {margin-left:-402.4%;}
.steps-controller.step-06 .container-steps {margin-left:-503%;}
.steps-controller.step-07 .container-steps {margin-left:-603.6%;}
.steps-controller.step-08 .container-steps {margin-left:-704.2%;}
.steps-controller.step-09 .container-steps {margin-left:-804.8%;}
.steps-controller.step-10 .container-steps {margin-left:-905.4%;}
.steps-controller.step-11 .container-steps {margin-left:-1006%;}
.steps-controller.step-12 .container-steps {margin-left:-1106.6%;}
.steps-controller.step-13 .container-steps {margin-left:-1207.2%;}
.steps-controller.step-14 .container-steps {margin-left:-1307.8%;}
.steps-controller.step-15 .container-steps {margin-left:-1408.4%;}
.steps-controller.step-16 .container-steps {margin-left:-1509%;}

.steps-controller.step-01 .container-steps .singlestep.step-01 {visibility:visible !important;}
.steps-controller.step-02 .container-steps .singlestep.step-02 {visibility:visible !important;}
.steps-controller.step-03 .container-steps .singlestep.step-03 {visibility:visible !important;}
.steps-controller.step-04 .container-steps .singlestep.step-04 {visibility:visible !important;}
.steps-controller.step-05 .container-steps .singlestep.step-05 {visibility:visible !important;}
.steps-controller.step-06 .container-steps .singlestep.step-06 {visibility:visible !important;}
.steps-controller.step-07 .container-steps .singlestep.step-07 {visibility:visible !important;}
.steps-controller.step-08 .container-steps .singlestep.step-08 {visibility:visible !important;}
.steps-controller.step-09 .container-steps .singlestep.step-09 {visibility:visible !important;}
.steps-controller.step-10 .container-steps .singlestep.step-10 {visibility:visible !important;}
.steps-controller.step-11 .container-steps .singlestep.step-11 {visibility:visible !important;}
.steps-controller.step-12 .container-steps .singlestep.step-12 {visibility:visible !important;}
.steps-controller.step-13 .container-steps .singlestep.step-13 {visibility:visible !important;}
.steps-controller.step-14 .container-steps .singlestep.step-14 {visibility:visible !important;}
.steps-controller.step-15 .container-steps .singlestep.step-15 {visibility:visible !important;}
.steps-controller.step-16 .container-steps .singlestep.step-16 {visibility:visible !important;}


.container-steps {width:1600%; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;}
.container-steps .singlestep {width:6.25%; display:inline-block; visibility:hidden; vertical-align:top;}
.container-steps p {font-size:0.875em; color:#262626;}
.container-stepcircle {margin:2em auto 1em;}
.stepcircle {display:inline-block; width:10px; height:10px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; margin:5px; text-indent:-9999px; background:#ababab;}
.stepcircle:hover {background:#626262;}
.stepcircle.selected {background:#313131;}

/* container-manageblogs
======================================================= */

.container-userblogdetail {margin: 2em 0;}
.container-userblogdetail h3 {font-size:1.625em; font-weight:normal; margin-bottom:0.6em;}
.container-userblogdetail h3 small {color:#999; font-size:0.54em; float:right; line-height:3em;}
.container-userblogdetail table td {padding: 5px; font-weight:bold;}
.container-userblogdetail table td p {font-weight:bold; color:#333; margin:10px 0;}
.container-userblogdetail table td input {margin:0; font-weight:bold;}
.container-userblogdetail table td.title {text-align:right; font-weight:normal;}
/* .container-userblogdetail table td.title:after {content:":";} */

.container-adrating {background:rgba(255,255,255,0.3); padding:0.4em 0.875em 0.875em; border:1px solid #fff;}
.container-adrating .installed span.ad-title {text-transform:uppercase; display:block; color:#666; font-size:0.8125em; margin:15px 0 5px;}

.container-ad-type-explain table tr td {padding-right:20px; font-size:0.875em;}

/* container-earning
======================================================= */

.container-earningoverall h4 {font-size:0.75em; font-weight:normal; margin:0 0 5px; text-transform:uppercase; height:27px; vertical-align:middle;}
.color-sponsored {color:#69c0d7 !important;}
.color-metered {color:#e8b018 !important;}
.color-cpc {color:#7ea239 !important;}
.color-total {color:#808080 !important;}
.container-earningoverall span {font-size:1.75em;}
.container-earningoverall span small {font-size:0.5em; float:left; display:block; margin:2px 3px 0 0;}

.container-earnings h2 {font-size:2em; font-weight:normal; margin-bottom:0.2em;}
.container-earnings p {margin-top:0.2em; color:#262626;}
.container-earnings a {color:#666; font-weight:normal; font-size:0.875em;}
.container-earnings a:hover {color:#333;}
.container-earnings .wrapper-nntable {margin:0 0 30px;}
.container-earnings .wrapper-nntable table td {padding-left:5px; padding-right:5px;}
.container-earnings .wrapper-nntable table tbody tr td {font-size:0.8em;}
.container-earnings .tabledot, .container-tocashout .tabledot {margin:15px 0 0 -36px;}
.container-tocashout h2 small {font-size:0.5em; float:left; margin:3px 3px 0 0;}
.container-earnings .tabledot.color-sponsored {background-color:#8dd1e3;}
.container-earnings .tabledot.color-metered {background-color:#fcbe16;}
.container-earnings .tabledot.color-cpc {background-color:#a2c65d;}
.container-tocashout .tabledot.color-total {background-color:#4d4d4d;}
.wrapper-nntable table.withmore {border-bottom-width:40px;}

.earnings-type {margin-bottom:4em;}

.wrapper-viewall {margin-top:-41px;}
.btn-viewall {background:url(images/btn-viewall.png) 0 0 no-repeat; display:inline-block; width:130px; height:40px;}
.btn-viewall:hover {background-position: 0 -80px;}

.container-tocashout h2 {color:#000; font-weight:normal; margin:5px 0;}
.container-tocashout p {color:#4c4c4c; font-weight:normal; font-size:0.875em; margin:0;}
.container-tocashout p a {color:#4c4c4c;}
.container-tocashout .bigbutton {margin:0;}

.container-reminder {color:#5c6366; background:#dee8eb; font-size:0.875em; opacity:0.8; padding:0.3em 2em; margin:3em 0;}


@media all and (max-width: 700px) {
	.container-earningoverall .row .columns {margin-bottom:20px;}
	.container-earnings .tabledot, .container-tocashout .tabledot {margin:15px 0 0 -35px;}
}


/* earningexplain
======================================================= */

.container-earningexplain {text-align:left; color:#262626;}
.container-earningexplain section {margin-bottom:50px;}
.container-earningexplain section h2 {margin:1.2em 0 0.3em; color:#333;}
a.tag-glitterati, .tag-glitterati {background:#ffbb33; padding:1px 3px; color:#fff;}
a.tag-glitterati-normal, .tag-glitterati-normal {background:#089922; padding:1px 3px; color:#fff;}

/* nuffnanger
======================================================= */

.container-nuffnanger h2 {color:#333;}
.container-nuffnanger .nuffnanger-pics {max-width:700px; margin:0 auto;}
.container-nuffnanger .userpic {float:none; display:inline-block; opacity:0.5; margin:5px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.container-nuffnanger .userpic:hover {opacity:1;}

/* footer
======================================================= */

footer {background:#282828; padding:30px 0; border-bottom:20px solid #00A0CC; color:#fff;text-align: left;}
ul.sitenav {margin:20px 10px;}
ul.sitenav li a {color:#ccc; font-size:0.75em; text-decoration:none; display:inline-block; text-transform:uppercase; padding:0.5em 1em;}
ul.sitenav li a.extend {padding:0.5em; color:#9d9ea1; font-size:0.7em; float:right;}
ul.sitenav li a:hover, ul.sitenav li a.extend:hover {color:#53caec;}

hr.gap {background:none; height:0; color:none; border:none; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(255,255,255,0.09)}
p.copyright {font-size:0.875em; color:#999; line-height:1.5em; margin:2em 0;}
.network {font-size:0.875em; color:#999; margin:1.25em 0;float:left;}
.icon-network {background:url(images/btn-network.png) 4px -6px no-repeat; width:40px; height:40px; padding:4px; display:block; margin:0.35em; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;border-radius: 100px;border: 2px solid #dcdcdc;}
.icon-network:hover {background-color: #9a9ea3;}
.icon-network.nw-rtv {background-position: 7px -50px!important;}

.social-container {padding: 0;}
.network .social-container li {display: inline-block; float: left;}

.social-container li{cursor:pointer;list-style-type:none;}
.social-container li .ig, 
.social-container li .fb, 
.social-container li .tw,  
.social-container li .gg, 
.social-container li .pt,
.social-container li .dr{float:right; width:50px; height:50px;border-radius: 100px;border: 2px solid #dcdcdc;padding:3px;margin:0 9px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.social-container li .ig{background:url(images/icon-ig.png) center -55px no-repeat;}
.social-container li .fb{background:url(images/icon-fb.png) center -55px no-repeat;}
.social-container li .tw{background:url(images/icon-tw.png) center -55px no-repeat;}
.social-container li .gg{background:url(images/icon-gg.png) center -55px no-repeat;}
.social-container li .pt{background:url(images/icon-pt.png) center -55px no-repeat;}
.social-container li .dr{background:url(images/icon-dr.png) center -55px no-repeat;}
.social-container li .ig:hover, 
.social-container li .fb:hover, 
.social-container li .tw:hover,
.social-container li .gg:hover,
.social-container li .pt:hover,
.social-container li .dr:hover{background-color: #9a9ea3;}

.footer-madein, .footer-since {text-align:center;}
p.footer-madein {text-transform:uppercase; color:#9b9c9f; text-shadow:0 -1px 0 rgba(0,0,0,0.35); margin:0em;}
span.footer-since {font-size:0.75em; color:#828487; text-shadow:0 -1px 0 rgba(0,0,0,0.4); display:block;}

.wrapper-footerornament {margin-top:-25px;}

@media all and (max-width: 768px) {
	ul.sitenav li a.extend, .network .social-container li {float:none;}
	.icon-network {float:none; display:inline-block; margin:5px;}
	.network{float:none;}
	ul.social-container{text-align: center; padding: 0;}
	.social-container li{display: inline-block;}

}

/* poll
======================================================= */
ul.nav-bread {display:inline-block;}
ul.nav-bread li {display:inline;}
ul.nav-bread li a {display:inline-block; padding:5px 30px; background:#c3c4c4; color:#fff; text-decoration:none; margin-left:-20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
ul.nav-bread li:first-child a {margin-left:0;}
.arrow-right-poll, .arrow-right-line-poll {
	width:0px; 
	height:0px; 
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-left:15px solid #c3c4c4;
	font-size:0px;
	line-height:0px;
	display:inline-block;
	position:relative;
	text-align:center;
}
.arrow-right-line-poll {border-left-color:#fff; top:9px;}
.arrow-right-poll {margin-top:-14px; margin-left:-17px;}
ul.nav-bread li:hover a {background:#d0d0d0;}
ul.nav-bread li.selected a {background:#00A0CC;}
ul.nav-bread li:hover .arrow-right-poll {border-left-color:#d0d0d0;}
ul.nav-bread li.selected .arrow-right-poll {border-left-color:#00A0CC;}

.container-normal-intro {margin:3em 0;}
.container-normal-intro h2 {margin-bottom:0.5em; margin-top:1.3em;}
.container-normal-intro h4 {margin-bottom:0.5em; margin-top:1.5em;}
.container-normal-intro p {color:#333;}
.container-normal-intro p strong {color:#307a8d;}

label.pollpic img {border:1px solid #ccc;}
label.pollpic.selected img {-moz-box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2);}

label.pollbg .standard {width:auto; display:block; float:left; margin-right:0.3em !important; margin-top:0;}
label.pollbg.selected .standard {background:#fff;}
label.pollbg.selected .pollbgcolor {-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2); box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2);}
.pollbgcolor {width:36px; height:36px; background:#639cab; -moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3); box-shadow:inset 0 0 0 1px rgba(0,0,0,0.3);}
.pollbgcolor.pollbg-02 {background:#78ada3;}
.pollbgcolor.pollbg-03 {background:#7a8596;}
.pollbgcolor.pollbg-04 {background:#bf4b82;}
.pollbgcolor.pollbg-05 {background:#8a5b81;}
.pollbgcolor.pollbg-06 {background:#d6873e;}
.pollbgcolor.pollbg-07 {background:#e2b048;}
.pollbgcolor.pollbg-08 {background:#aa3331;}
.pollbgcolor.pollbg-09 {background:#a5acb0;}
.pollbgcolor.pollbg-10 {background:#000;}

/* survey
======================================================= */
ol.section {margin:2em 0;}
ol.section li {margin:3em 0;}
ol.section .question {color:#4c4c4c; line-height:1.6em;}
ol.section ul {margin:0; padding:0;}
ol.section ul li {color:#262626; font-weight:bold; list-style:none; padding:0; margin:10px 0;}
ol.section ul li input[type=radio] {margin-right:1em;}
ol.section ul li input {margin-top:0; margin-bottom:0;}


/* evangelist
======================================================= */

ul.container-evangelist-updates {margin:1.5em 2.5em 0.3em;}
ul.container-evangelist-updates li {list-style:none; margin:0 1em; display:block; float:left; text-align:center;}
ul.container-evangelist-updates li .updater {
	display:inline-block; padding:3px 10px; color:#fff; font-size:0.75em; margin-bottom:1em;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.7); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7); box-shadow:0 1px 1px rgba(0,0,0,0.7);
	
	background:#3aa3be;
	background-image: linear-gradient(top, rgb(66,188,218) 0%, rgb(52,142,165) 100%);
	background-image: -o-linear-gradient(top, rgb(66,188,218) 0%, rgb(52,142,165) 100%);
	background-image: -moz-linear-gradient(top, rgb(66,188,218) 0%, rgb(52,142,165) 100%);
	background-image: -webkit-linear-gradient(top, rgb(66,188,218) 0%, rgb(52,142,165) 100%);
	background-image: -ms-linear-gradient(top, rgb(66,188,218) 0%, rgb(52,142,165) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(66,188,218)),
		color-stop(1, rgb(52,142,165))
	);
}
ul.container-evangelist-updates li .updater.hide {visibility:hidden !important; display:inline-block !important;}
ul.container-evangelist-updates li .updater.hide .arrow-down {visibility:hidden;}
ul.container-evangelist-updates li .updater .arrow-down {
	visibility:visible;
	width:0px; 
	height:0px; 
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #348ea5;
	font-size:0px;
	line-height:0px;
	display:block;
	position:absolute;
	margin:3px 20px;
}
ul.evangelist-brands {margin:1em 0; padding:0em;}
ul.evangelist-brands li {list-style:none; padding:0;}
ul.evangelist-brands li a {
	display:block; float:left; text-align:center; text-decoration:none; width:160px; padding:1em 0; margin-right:0.8em; margin-bottom:16px;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 0 0 2px #fff; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 0 0 2px #fff; box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 0 0 2px #fff;
	-moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;
	background:#ededed;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(220,220,220))
	);
}
ul.evangelist-brands li a:hover {
	margin-top:-2px; margin-bottom:18px;
	-moz-box-shadow:0 5px 8px rgba(0,0,0,0.4), inset 0 0 0 2px #fff; -webkit-box-shadow:0 5px 8px rgba(0,0,0,0.4), inset 0 0 0 2px #fff; box-shadow:0 5px 8px rgba(0,0,0,0.4), inset 0 0 0 2px #fff;
}
ul.evangelist-brands li a h3 {color:#666; text-decoration:none; font-size:1em; margin:0.5em 0 0;}
ul.evangelist-brands li a h3 small {display:block; font-size:0.7em; font-weight:100;}

.container-evangelist-categories {margin-right:-4%;}
.container-evangelist-ranking {
	display:block; margin-right:-45px; padding:15px; position:relative; z-index:5;
	background:#ededed;
	background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, rgb(255,255,255)),
		color-stop(0.85, rgb(230,229,229)),
		color-stop(0.96, rgb(255,255,255)),
		color-stop(1, rgb(217,217,217))
	);
	-webkit-border-top-left-radius: 3px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 5px; border-bottom-left-radius: 3px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.7); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.7); box-shadow:0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.7);
}

.container-evangelist-ranking.version-left {
	margin-right:0; margin-left:-45px;
	background:#ededed;
	background-image: linear-gradient(right , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -o-linear-gradient(right , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -moz-linear-gradient(right , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -webkit-linear-gradient(right , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient(right , rgb(255,255,255) 0%, rgb(230,229,229) 85%, rgb(255,255,255) 96%, rgb(217,217,217) 100%);
	
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(0.85, rgb(230,229,229)),
		color-stop(0.96, rgb(255,255,255)),
		color-stop(1, rgb(217,217,217))
	);
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 5px;
}

.ranking-topright-square {
	width:10px; height:6px; position:absolute; right:-1px; margin-top:-20px; display:block; z-index:10;
	background:#e2e2e2;
	background-image: linear-gradient(left , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -o-linear-gradient(left , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -moz-linear-gradient(left , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -webkit-linear-gradient(left , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -ms-linear-gradient(left , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, rgb(254,253,253)),
		color-stop(1, rgb(226,226,226))
	);
}

.container-evangelist-ranking.version-left .ranking-topright-square {
	right:auto; left:-1px;
	background:#e2e2e2;
	background-image: linear-gradient(right , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -o-linear-gradient(right , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -moz-linear-gradient(right , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -webkit-linear-gradient(right , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	background-image: -ms-linear-gradient(right , rgb(254,253,253) 0%, rgb(226,226,226) 100%);
	
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0, rgb(254,253,253)),
		color-stop(1, rgb(226,226,226))
	);
}

.ranking-topright-square.shadow {z-index:0; position:absolute; margin-right:-44px; top:13px; width:9px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4); box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
.ranking-topright-dark {
	background:#6d6d6d; width:10px; height:8px; margin-top:-3px;
	-moz-box-shadow:inset -1px 0 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:inset -1px 0 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.5); box-shadow:inset -1px 0 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.5);
	-webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;
}

.container-evangelist-ranking.version-left .ranking-topright-dark {
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	-webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;
}

.container-evangelist-ranking h3 {margin-top:0;}
.container-evangelist-ranking img {height:50px; width:auto;}
@media all and (max-width: 700px) {
	.container-evangelist-categories {margin:0}
	ul.evangelist-brands {margin:1em -1em;}
	.container-evangelist-categories h2 {font-size:1.5em;}
	.container-evangelist-ranking {margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	.ranking-topright-square {display:none;}
}

/* Evangelist inner
======================================================= */

.evangelist-member-tag {display:block; float:right; padding:0.8em 1.5em; background:#307a8d; color:#fff; font-size:1.5em;}
.evangelist-member-tag-leftarrow {position:absolute; margin-left:-77px; margin-top:36px;}

.evangelist-branding {margin:0 0 3em;}
.evangelist-branding p {font-size:0.875em; color:#666;}

a.button-evangelist {color:#000;}
.button-evangelist {
	padding:7px 20px; text-transform:uppercase; text-shadow:0 1px 0 #fff; text-decoration:none; color:#000; font-size:0.875em; font-weight:bold;
	border:1px solid #dedddd;
	background:#fecc67;
	background-image: linear-gradient(top, rgb(254,253,253) 0%, rgb(255,188,55) 100%);
	background-image: -o-linear-gradient(top, rgb(254,253,253) 0%, rgb(255,188,55) 100%);
	background-image: -moz-linear-gradient(top, rgb(254,253,253) 0%, rgb(255,188,55) 100%);
	background-image: -webkit-linear-gradient(top, rgb(254,253,253) 0%, rgb(255,188,55) 100%);
	background-image: -ms-linear-gradient(top, rgb(254,253,253) 0%, rgb(255,188,55) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(254,253,253)),
		color-stop(1, rgb(255,188,55))
	);
}

ul.evangelist-angels {margin:1.5em 0 2em; padding:0; list-style:none;}
/* ul.evangelist-angels li img {float:left; margin:0 0.5em 0.5em 0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.7); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7); box-shadow:0 1px 1px rgba(0,0,0,0.7); width:45px; height:45px;} */

ul.evangelist-angels li {float:left; display:inline; margin:0 2px 5px 5px;}		

.efolclipCont {position:relative; width:40px; height:40px; border:1px solid #666;}	
a.efolinnerClip {position:absolute; clip:rect(2px, 50px, 42px, 10px); z-index:50 !important; max-width:60px; top:-2px; left:-10px; -moz-transition-duration:0.1s; -webkit-transition-duration:0.1s; transition-duration:0.1s;}
a.efolinnerClip img {min-height:45px;}
/* a.efolclipCont img {width:60px; height:45px;} */
a.efolinnerClip:hover, a.efolinnerClip:focus {position:absolute; clip:rect(auto, auto, auto, auto); background:rgba(0,0,0,0.6); max-width:60px; padding:6px; z-index:100 !important; left:-7px; top:-7px;}
a.efolinnerClip:hover img, a.efolinnerClip:focus img {max-width:60px;}

.evangelist-smallbranding {float:right;}
.evangelist-smallbranding img {height:40px; width:auto; margin-top:-0.5em;}

ul.feedslist {margin:0 0 4em; padding:0;}
ul.feedslist li {margin:0; padding:0; list-style:none;}
ul.feedslist li.feedsheader {background:#307a8d; color:#fff; text-transform:uppercase; padding:7px 15px 7px 35px;}
ul.feedslist li a {display:block; padding:7px 15px 7px 35px; font-size:0.875em; border-bottom:1px solid #b2b2b2; text-decoration:none; color:#000;}
ul.feedslist li a:hover {color:#666; background:#fafafa;}
ul.feedslist li a date {float:right; font-style:italic; font-size:0.75em; color:#666;}

ul.feedslist .feeds-read {
	width:0px; 
	height:0px; 
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:9px solid #437987;
	font-size:0px;
	line-height:0px;
	left:13px;
	margin-top:2px;
	position:absolute;
	text-align:center;
	-moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;
}

ul.feedslist .feeds-read.read {border-left-color:#c3dfe5;}
ul.feedslist li a:hover .feeds-read {border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #4da8bf; margin-top:0; left:16px;}

.container-evangelist-brandfeeds p {font-size:0.875em; color:#262626;}

/* sponsored
======================================================= */

h3.instruction {margin-bottom:0; color:#4c4c4c;}
.container-sponsored-inner p {color:#262626;}
.container-sponsored-inner ul li {margin-bottom:1em; color:#262626; line-height:1.4em; font-size:0.875em; list-style:decimal;}

.container-feedback .userpic {z-index:100; position:relative;}
.container-feedback .userpic img {width:80px; height:auto;}
.box-conversation {text-align:left; padding:2em 4em; border:1px solid #fff; background:#f2f2f2; margin-bottom:2em;}
.box-conversation.fromuser {background:#dde1eb;}
.box-conversation time {color:#307a8d; font-weight:bold; font-style:italic; font-size:1.125em;}
.conversation-arrow {border-style:solid; border-width:30px 0 0 45px; border-color:#fff transparent transparent transparent; height:0; width:0; position:absolute; left:-45px;}
.conversation-arrow-inner {border-style:solid; border-width:28px 0 0 43px; border-color:#f2f2f2 transparent transparent transparent; height:0; width:0; position:absolute; left:-42px; margin-top:1px;}
.box-conversation.fromuser .conversation-arrow {border-width:30px 45px 0 0; left:auto; right:-45px;}
.box-conversation.fromuser .conversation-arrow-inner {border-width:28px 43px 0 0; left:auto; right:-42px; border-color:#dde1eb transparent transparent transparent;}
textarea.box-conversation {font-size:1em; padding:1.5em 2em;}

@media all and (max-width: 700px) {
	.box-conversation {font-size:0.8em; padding:1em 2em;}
	.conversation-arrow {border-width:15px 0 0 20px; left:-20px; margin-top:15px;}
	.conversation-arrow-inner {border-width:13px 0 0 18px; left:-17px; margin-top:16px;}
	.box-conversation.fromuser .conversation-arrow {border-width:15px 20px 0 0; right:-20px; margin-top:15px;}
	.box-conversation.fromuser .conversation-arrow-inner {border-width:13px 18px 0 0; right:-17px; margin-top:16px;}
}

/* about us
======================================================= */

.circlemsg {background:url(images/about-circlemsgbg.png) 0 0 repeat; padding:0; color:#fff; position:absolute;
			-moz-box-shadow:0 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2); box-shadow:0 5px 15px rgba(0,0,0,0.2);
			-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; width:0%; opacity:0; overflow:hidden; height:0; font-size:0em; bottom:0;}

.circlemsg.bg02 {background-image:url(images/about-circlemsgbg-02.png);}
.circlemsg .symbol {font-size:4em; margin-bottom:-0.6em;}
.circlemsg .msg {font-size:1.6em; margin:0;}
.circlemsg {opacity:1; height:auto; font-size:1em; padding:5em 2em; bottom:auto;}
.circlemsg.circle-about {position:absolute; margin:1em; width:100%; padding:9.5em 2em;}
.circlemsg.circle-story-01 {width:32%;}
.circlemsg.circle-story-02 {width:35%; right:0; top:3em; padding:5em 3em;}
.circlemsg.circle-story-03 {width:48%; top:22em; left:-1.5em;}
.circlemsg.circle-story-03 .extra-padding {padding:1em;}
.circlemsg.circle-story-04 {width:45%; top:40em; right:0;}
.circlemsg.circle-story-04 .extra-padding {padding:1.5em 0.7em;}
.circlemsg.circle-story-05 {width:30%; left:1em; top:52em;}
.circlemsg.circle-story-05 .msg {padding-left:1em;}
.circlemsg.circle-story-06 {width:45%; top:80em; left:2.2em;}
.circlemsg.circle-story-06 .extra-padding {padding:1em;}
.circlemsg.circle-story-07 {width:30%; top:90em; right:-0.2em;}
.circlemsg.circle-story-07 .extra-padding {padding: 0 1em;}
.circlemsg.circle-story-08 {width:50%; top:110em; text-align:center; left:8em;}
.circlemsg.circle-story-08 .extra-padding {padding: 2em 0; font-size:1.2em;}
.container-about p.tint-blue {font-size:1.125em;}
img.storybg-mobile {display:none;}
@media all and (max-width: 950px) {
	.circlemsg.circle-about {font-size:0.9em; padding:7em 2em;}
}
@media all and (max-width: 850px) {
	.container-circlemsg {font-size:12px;}
	.circlemsg {padding:3.5em 2em;}
	.circlemsg.circle-about {/* font-size:0.8em; */ padding:6em 2em;}
	.circlemsg.circle-story-02,
	.circlemsg.circle-story-03,
	.circlemsg.circle-story-04,
	.circlemsg.circle-story-06,
	.circlemsg.circle-story-07,
	.circlemsg.circle-story-08 {font-size:1em;}
	
	.circlemsg.circle-story-01 .extra-padding {padding:3em 0.5em 4.5em;}
	.circlemsg.circle-story-02 .extra-padding {padding:2em 0.5em;}
	.circlemsg.circle-story-03 .extra-padding {padding:4em 1.5em;}
	.circlemsg.circle-story-04 .extra-padding {padding:3em 1.5em;}
	.circlemsg.circle-story-05 .extra-padding {padding:2.5em 0.5em 4em;}
	.circlemsg.circle-story-06 .extra-padding {padding:4.8em 2em;}
	.circlemsg.circle-story-07 .extra-padding {padding:3.5em 0.5em;}
	.circlemsg.circle-story-08 .extra-padding {padding:5em 0.5em;}
	
	.circlemsg.circle-story-01 {margin-top:1em;}
	.circlemsg.circle-story-02 {margin-top:10em;}
	.circlemsg.circle-story-03 {margin-top:10em;}
	.circlemsg.circle-story-04 {margin-top:12em;}
	.circlemsg.circle-story-05 {margin-top:13em;}
	.circlemsg.circle-story-06 {margin-top:17em;}
	.circlemsg.circle-story-07 {margin-top:22em;}
	.circlemsg.circle-story-08 {margin-top:25em;}
}

@media all and (max-width: 850px) {
	.circlemsg.circle-about {font-size:0.9em;}
}

@media all and (max-width: 750px) {
	.circlemsg.circle-about {font-size:0.8em;}
	.circlemsg.circle-story-01,
	.circlemsg.circle-story-02,
	.circlemsg.circle-story-03,
	.circlemsg.circle-story-04,
	.circlemsg.circle-story-05,
	.circlemsg.circle-story-06,
	.circlemsg.circle-story-07,
	.circlemsg.circle-story-08 {margin-top:0; padding:2em 1em;}
}

@media all and (max-width: 700px) {
	.circlemsg.circle-story-01,
	.circlemsg.circle-story-02,
	.circlemsg.circle-story-03,
	.circlemsg.circle-story-04,
	.circlemsg.circle-story-05,
	.circlemsg.circle-story-06,
	.circlemsg.circle-story-07,
	.circlemsg.circle-story-08 {margin-top:0; padding:2.5em 1em;}
}

@media all and (max-width: 600px) {
	.container-circlemsg {font-size:8px; background:url(images/bg-paper.png) 0 0 repeat; padding:1em;}
	.circlemsg {padding:3.5em 2em;}
	img.storybg {display:none;}
	img.storybg-mobile {display:block;}
	img.storybg-mobile.storybg-01 {margin:-3em 0;}
	img.storybg-mobile.storybg-02 {margin:-3em 0;}
	img.storybg-mobile.storybg-03 {margin:-10em 0; width:70%;}
	img.storybg-mobile.storybg-04 {margin:0 auto -15em; width:50%;}
	.circlemsg.circle-about {font-size:0.6em; margin:2em; padding:6em 2em; width:100%;}
	.circlemsg.circle-story-02,
	.circlemsg.circle-story-03,
	.circlemsg.circle-story-04,
	.circlemsg.circle-story-06,
	.circlemsg.circle-story-07,
	.circlemsg.circle-story-08 {font-size:1.2em; width:40%;}
	
	.circlemsg.circle-story-01,
	.circlemsg.circle-story-02,
	.circlemsg.circle-story-03,
	.circlemsg.circle-story-04,
	.circlemsg.circle-story-05,
	.circlemsg.circle-story-06,
	.circlemsg.circle-story-07,
	.circlemsg.circle-story-08 {position:relative; top:auto; margin-top:1em; left:0; right:auto; display:block; width:100%; padding:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	
	/* .circlemsg.circle-story-04,
	.circlemsg.circle-story-06 {margin-top:10em;} */
	
	.circlemsg.circle-story-01 .extra-padding,
	.circlemsg.circle-story-02 .extra-padding,
	.circlemsg.circle-story-03 .extra-padding,
	.circlemsg.circle-story-04 .extra-padding,
	.circlemsg.circle-story-05 .extra-padding,
	.circlemsg.circle-story-06 .extra-padding,
	.circlemsg.circle-story-07 .extra-padding,
	.circlemsg.circle-story-08 .extra-padding {padding:2.5em 1.5em 3.5em; font-size:1.3em;}
}

@media all and (max-width: 400px) {
	.circlemsg.circle-about {font-size:0.5em; margin:2em; padding:6em 2em; width:100%;}
}

/* container-knowledge
======================================================= */

.container-knowledge p {color:#333; padding:0 1em;}
.container-knowledge span.tags,
.container-knowledge span.added {color:#999; display:block; font-size:0.8em;}
.container-knowledge .knowledge {margin:3em 0;}

/* container-tickets-detail
======================================================= */

.container-tickets-detail .standardform span.title {margin:0.2em 0;}

/* container-community
======================================================= */

.container-community h3 {border-bottom:1px solid #b3b3b3; padding-bottom:0.5em; margin-top:2em; font-size:1.5em;}
.container-community h3 span.underline-bold {border-bottom:5px solid #bfbfbf; padding-bottom:0.45em;}
.container-community section h3 {margin-top:0.2em;}

/*
.load-normal {width:0; height:0; margin:0 auto; overflow:hidden; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; transition:all 1s ease;}
.load-normal {width:100%; height:100%; overflow:auto;}
*/

@media all and (max-width: 850px) {
	.container-community h3 span.underline-bold {border-bottom:none;}
}

/* container-blog
======================================================= */

.container-blog input, .container-blog .standard {margin:0;}
.container-blog .blog-search {position:absolute; right:3%; padding:5px 10px; top:3px; margin:0;}
input.box-search {width:90%;}

.container-blog h4 {margin:2em 0 0.2em;}
ul.latest-post li a {text-decoration:none; font-size:0.875em; color:#4c4c4c; line-height:1.5em; padding:5px; display:block; margin:0 0 1.5em;}
ul.latest-post li a time {color:#7a8499; font-size:0.8em; line-height:2em;}
ul.latest-post li a:hover {background:#eee;}

.container-post {background:#fff; padding:80px 40px 100px 40px; margin:0 0 0 -3%;border-right: 1px solid #dedede;}
.container-post time.calendar {display:block; text-align:center; width:60px; border:1px solid #dedede;}
.container-post time.calendar span.year,
.container-post time.calendar span.date,
.container-post time.calendar span.month {display:block;}
.container-post time.calendar span.year {background:#2a4999; color:#fff; font-size:12px;font-weight:bold;padding:3px 0;}
.container-post time.calendar span.date {color:#333224; font-size:25px; font-weight:bold; padding:2px 0 0;}
.container-post time.calendar span.month {color:#807e73; font-size:14px; text-transform:uppercase; font-weight:bold;}
.container-post time.calendar,
.container-post .calendar-layer-bottom,
.container-post .calendar-layer-middle {background:#fff; display:block; float:left; padding-bottom:2px;margin-right:10px;}
.container-post h2.text-serif {margin:0 0 20px 0; padding-right:3em;text-transform: none;font-weight: 500;}
.container-post h2 a {color:#262626 !important; text-decoration:none;}
.container-post h2 a:hover {text-decoration:underline;}
.container-post .title{}
.container-blog form{margin-top:80px;position:relative;}

.container-post.noresult{text-align: center;}

p.post-category {color:#666; font-size:0.75em; font-weight:100; text-transform:uppercase;margin-bottom: -10px;margin-top:30px;}
p.post-category a {padding:3px 10px; background:#8ab6c5; font-size:0.875em; color:#fff !important; text-decoration:none;border: 3px solid #fff;}
p.post-category a:hover {background:#98c4d3; text-decoration:none !important;}
p.post-category a:active {background:#7eaab9; text-decoration:none !important;}

.line-post-dashed {border-top:1px solid #dedede; height:0; display:block;}
.container-post article {color:#4c4c4c; font-size:1em; line-height:1.65em;}
//.container-post article img {border:3px solid #a1a6b2; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.25); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25); box-shadow:0 2px 5px rgba(0,0,0,0.25); max-height:620px; margin:1em auto; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.container-post article img {width: auto!important; max-height:620px; margin:1em auto; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.container-post article strong {color:#1a1a1a; font-weight:bold;}
.container-post article p {margin:2em 0;}

.container-post article a {word-break:normal;}
.container-post article strong a,
.container-post article strong a:visited,
.container-post article a strong,
.container-post article a:visited strong {color:#457AE5;}
.container-post article strong a:hover,
.container-post article a:hover strong {color:#37F;}

.gform_wrapper {background:#f9f8ec !important; -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1); box-shadow:inset 0 1px 5px rgba(0,0,0,0.1); padding:15px; margin:2em 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.gform_wrapper h3 {margin:0 0 0.5em !important;}
.gform_wrapper .gform_description {font-size:0.75em !important; color:#4c4c4c !important; font-weight:100 !important; margin:0 !important; border-bottom:1px dashed #ccc !important; display:block !important; padding-bottom:1em !important;}
.gform_wrapper ul {list-style:none !important; padding:0 !important;}
.gform_wrapper ul li {margin:0 0 2em !important;}
.gfield_description {font-size:0.75em !important; color:#4c4c4c !important; font-weight:100 !important; margin:0 !important; font-style:italic !important;}
input[type=submit].gform_button {margin:1em auto !important; text-align:center !important; font-size:1.125em !important; background-color:#009900 !important; display:block !important;}
input[type=submit].gform_button:hover {background-color:#00a600 !important;}
input[type=submit].gform_button:active {background-color:#008c00 !important;}

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], gform_wrapper input[type="date"] {padding:0.625em !important; font-size:14px !important;}
.gform_wrapper .top_label .gfield_label {margin:4px 0 !important;}
input[type="submit"].gform_button {cursor:pointer !important;}
.gform_wrapper .gform_footer {margin:0 !important; padding:0 !important;}

.wrapper-comment-link {margin-top:-12px; padding-bottom:12px;}
.wrapper-comment-link .button.gray {font-size:1em; color:#000; font-weight: 500;background-color: #c0c0c0;text-transform: uppercase;letter-spacing: 0.1em;}
.wrapper-comment-link .button.gray:hover {
	text-decoration:none !important;
	background-color:#d0d0d0;}
.wrapper-comment-link .button.gray:active {
	text-decoration:none !important;}
.container-post .container-author {margin-bottom:2em;}
.container-post .container-author img {width:48px; height:48px; margin:0 !important;}
.container-post .container-author .author {display:block; margin-left:15px;}

.backtotop {background:url(images/btn-gotop.gif) #000 center center no-repeat; width:20px; height:19px; padding:18px; opacity:0.4; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s; display:block; text-indent:-9999px; position:fixed; bottom:1em; right:1em; float:right; z-index:200; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
.backtotop:hover {opacity:0.6;}
.backtotop:active {opacity:0.8;}

.container-post .container-video {margin:2em -40px; background:#333; display:block; text-align:center; padding:15px 40px;}
.container-post .container-video .video-magic {height:0; padding:0 0 56.25%; position:relative;}
.container-post .container-video iframe,
.container-post .container-video embed,
.container-post .container-video object {width:100%; height:100%; position: absolute; top:0; left:0;}
.container-post-page {margin-left:-1.5%;}

.container-post ul, .container-post ol {margin:1em 0 2em; padding:0 0 0 1em;}
.container-post ul li, .container-post ol li {margin:0 0 0.5em 0.8em; padding:0;}

.container-post a {color:#3377ff; text-decoration:none;}
.container-post a:hover {text-decoration:underline;}
.container-post a:visited {color:#457ae5;}

a.rss {background:url(images/rss.png) right top no-repeat; padding:2px 20px 2px 0; font-size:0.75em; float:right; height:12px; display:block;}

@media all and (max-width: 768px) {
	.container-post-page {margin-left:0;}
	.container-post {margin-left:0; padding:50px 0 50px;border:none;}
	.container-post .container-video {margin:0 -15px; padding:15px;}
	input.box-search {width:96%;}
	.line-post-dashed {margin:0;display:none;}
	.backtotop {padding:10px;}
	.container-post h2.text-serif{font-size: 1.5em;padding-right:0;}
	
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:96% !important;}
}

@media all and (min-width: 1200px) {
	.container-post article img {max-height:700px;}
}

/* faq 
======================================================= */

.faq-quickjump {color:#555;}
.faq-quickjump li {margin-bottom:1em;}
.faq-quickjump a {color:#3377ff; text-decoration:none;}
.faq-quickjump a:hover {text-decoration:underline;}
.faq-quickjump a:visited {color:#7987b3; color:#457ae5;}

ul.faq-answer {margin:1em 0; color:#262626; font-weight:300; padding:0 0 0 1em; border-bottom: 1px solid #ccc;}
ul.faq-answer li {margin:0 0 1em; padding:0; font-size:0.875em;}

/* featured blogger
======================================================= */

.featured-blogger-howto {padding:0.5em 1.5em; background:#f5f5f5; margin:1em 0; border:1px solid #ccc;}
.featured-blogger-howto ol {margin:1em 1em; color:#262626; font-weight:300; padding:0 0 0 1em;}
.featured-blogger-howto ol li {margin:0 0 1em; padding:0; font-size:0.875em;}
.container-featuredblogger .userpic {float:none; display:inline-block;}
.container-featuredblogger .userpic img {width:80px; height:80px;}
.wordbreak {word-break:break-all;}

/* profile setting 
======================================================= */

.container-profile-title {margin-bottom:2em;}
.container-profile-title .profile-title {font-size: 0.875em; color: #fff; background: #666; margin: -2px -30px; padding: 2px; z-index: 10; position: relative;}

/* terms
======================================================= */

.container-terms ul li, .container-terms ol li {margin-bottom:1em;}
.container-terms p, .container-terms ul, .container-terms ol {font-size:0.875em; margin:2em 0; color:#262626;}
.container-terms ol p, .container-terms ol ul  {font-size:1em;}
.container-terms u {font-weight:bold;}

/* 404 error
======================================================= */

.page-404 {background:#FFF;}
.container-404 {max-width:700px; margin:4em auto;}
img.img404 {-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; margin-top:-40em; padding-bottom:40em;}
img.img404 {margin-top:0; padding-bottom:0;}
.container-404 h1 {color:#000; font-size:3em; margin-bottom:0.1em;text-transform:uppercase;}
.container-404 p {margin-top:0; color:#000; font-size:1.125em; font-weight:300; }
.container-404 h2 {color:#000; }
.button-404 {max-width:600px; margin:0 auto; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; margin-top:40em;}
.button-404 {margin-top:0;}
.button-404 .columns {margin-bottom:2em;}
.page-404 .whole-button{margin:0;}
.page-404 .button.blue{display: inline-block;width:150px;min-width:0;}

/* overlay content
======================================================= */

.overlay-bg {background:#000; opacity:0.85; width:100%; height:100%; position:fixed; z-index:999;}
.overlay-content .wrapper {max-width:600px; padding:10px 15px;}
.overlay-content {width:100%; height:100%; position:absolute; z-index:1000; color:#C3D0D9;}
.overlay-content h2, .overlay-content h4 {color:#6DD1F2;}
.overlay-content p {font-weight:100; margin:1em 0 1.5em; font-size:0.875em;}
.overlay-content p strong {color:#4285A6; font-size:1.2em;}

/* Contact Us area
======================================================= */
.grey-container{background-color:#2f323a; padding:20px 40px 20px 20px; margin:20px 0px 10px 0px;min-height:140px;}
.title-white{color:#fff;}
.heavy-blue{color:#b8c6e6; font-weight:bold;}
.grey-container .label-right{width:42px;height:66px;position:absolute;right:10px;top:0;margin-top:18px;}
.grey-container .box{padding:16px 0px 0px 3px;background-color:#2c7b90;width:39px;height:40px;}
.grey-container .triangle-left{float:left;border-color: transparent transparent transparent #2c7b90;border-style: solid;border-width: 0px 0px 10px 21px;height: 0px;width: 0px;}
.grey-container .triangle-right{float:left;border-color: transparent #2c7b90 transparent transparent;border-style: solid;border-width: 0px 21px 10px 0px;height: 0px;width: 0px;}

/* upgrade for ie 
======================================================= */

.container-upgrade {background:url(images/bg-upgrade.png) no-repeat 0 0; width:558px; height:111px; position:fixed; right:1em; bottom:1em; z-index:500; display:block; zoom:1;}
.btn-upgrade-close {position:absolute; right:-8px; top:-10px;}
.container-upgrade-padding {padding:20px 20px 20px 60px; width:478px; height:91px;}
.container-upgrade-padding h3 {margin:0;}
.container-upgrade-padding p {margin:0.5em 0; font-size:0.875em; color:#333;}

/* sidebar: social media icons and instagram feeds
======================================================= */

/* for uk 
.instagram-section{width:203px; margin:auto;}
.instagram-icon{background:url(images/icon-instagram.png) no-repeat left top; padding:3px 0 5px 30px;}
.instagram-feed {width:200px;padding-bottom:190px;}
.instagram-feed ul li {float:left;width:96px;padding-right:3px;}

.blog-social {margin: 0 auto 20px;width:170px;}
.social-icon {background:url(images/icon-social-media.png) no-repeat center top; height:70px;float: left; width: 35px;padding: 0 3px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}

.facebook {background-position:center 30px;}
.instagram {background-position:center -40px;}
.pinterest {background-position:center -110px;}
.twitter {background-position:center -180px;}

.facebook:hover {background-position:center 20px;}
.instagram:hover {background-position:center -50px;}
.pinterest:hover {background-position:center -120px;}
.twitter:hover {background-position:center -190px;}

.pocket{width:180px; margin:0 auto -30px;z-index: 9999}
.pocket img{margin-top:-20px;}

.galleryTile{ height:98px; width:98px; float:left; padding:1px;}
#galleryTile1 img, #galleryTile2 img, #galleryTile3 img, #galleryTile4 img { height:98px; width:98px; padding:0; margin:0;}
*/

.instagram-section{width:203px; margin:auto;}
.instagram-icon{background:url(images/icon-instagram.png) no-repeat left top; padding:3px 0 5px 30px;}
.instagram-feed {width:200px; padding-bottom:190px;}
.instagram-feed ul li {float:left;width:96px;padding-right:3px;}
.blog-social {margin: 0 auto 20px;width:170px;}
.social-icon {background:url(images/icon-social-media.png) no-repeat center top; height:70px;float: left; width: 35px;padding: 0 9px; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.facebook {background-position:center 30px;}
.twitter {background-position:center -40px;}
.instagram {background-position:center -110px;}
.facebook:hover {background-position:center 20px;}
.twitter:hover {background-position:center -50px;}
.instagram:hover {background-position:center -120px;}
.pocket{width:180px; margin:0 auto -30px;z-index: 9999}
.pocket img{margin-top:-20px;}
.galleryTile{ height:98px; width:98px; float:left; padding:1px;}
#galleryTile1 img, #galleryTile2 img, #galleryTile3 img, #galleryTile4 img { height:98px; width:98px; padding:0; margin:0;}


/* footer: typhoon haiyan;
======================================================= */

.typhoon_haiyan_badge{position:fixed;bottom:70px;right:2%;-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s;}

.typhoon_haiyan_img{background:url(images/typhoon_haiyan.png) no-repeat center top; height:160px; width:160px;}

.typhoon_haiyan_badge:hover{padding-bottom:10px;}	

@media all and (max-width:768px){
.typhoon_haiyan_badge{display:hide;}
}

/* blog comment
======================================================= */

.container-post .container-comment {background:#f4f4f4;}
.container-post .commentlist {list-style:none;}
.container-post ol.commentlist {padding:0;}
.container-post .commentlist li {background:#fff;-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 0px 1px 1px rgba(0,0,0,0.2);-webkit-border-radius:4px;border-radius:4px; margin:20px; padding:10px;}
.container-post .commentlist li cite {font-weight:bold;}
.container-post .commentlist p {margin:0 0 20px;}
.container-post h4 {margin-left:20px;}
.container-post #commentform {padding:10px 0 0 20px; border-top:1px dotted #CCC;}
.container-post #commentform #comment {border:1px solid #ccc; -webkit-border-radius:4px; border-radius:4px; width:96%; }

@media all and (max-width:768px){
.container-post #commentform{padding:10px 0 0 5px;}
}


.gform_wrapper{
   display:block !important;
}