body {background:#fff; margin:0; padding:0; margin-top:0;}

div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}



* {font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight:300; color:#444;}

p, ul {margin-bottom:1em; line-height:1.6em; color:#444;}
*, body {line-height:1.6em;}
.rightbar {line-height:1.1em;}

ul, li {font:inherit !important;}



.wrapperwrapper { box-sizing: border-box; width:100% !important; min-width:0px !important; padding:0 !important; min-height:100px !important; height:auto !important; background:#fff !important; background-image:none !important; border:0 !important;}
.wrapper { width:100% !important; min-width:0px !important; text-align:left !important; padding:0px !important; margin:0 !important; min-height:100px !important; height:auto !important; background:#fff !important; background-image:none !important; border:0 !important;}
.bodytext {width:100% !important; min-width:0px; margin:0; border:0; box-sizing: border-box; padding:12px; min-height:100px; height:auto;}
.bodytextindex {width:100% !important; min-width:0px !important; margin:0 !important; border:0 !important; box-sizing: border-box !important; padding:0 !important; height:auto !important;}

.mobileindexpad, #wpshell {width:100%; min-width:0px; margin:0; border:0; box-sizing: border-box; padding:12px 12px 0 12px;}
div.enablemobilefull {width:100%; text-align:center; display:block; box-sizing: border-box; padding:0; font-size:1em; margin-bottom:1em;}

.footer-left {width:45%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:1em;}
.footer-right {width:45%; margin-bottom:5px; float:left; font-size:1em;}

.table21, .table21nb {width:45%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:.9em; font-family: 'Noto Sans', sans-serif; }
.table22, .table22nb {width:45%; margin-bottom:5px; float:left; font-size:.9em; font-family: 'Noto Sans', sans-serif; }

.table1row21 {width:100%; padding:0; margin:0 0 15px 0; float:none; font-size:1em; padding-bottom:2em; border-bottom:1px dashed #ccc; border-right:0;}
.table1row22 {width:100%; padding:0; margin:15px 0 0 0; float:none; font-size:1em; border-left:0 !important;}

.table1row21alt {width:100%; padding:0; margin:0 0 15px 0; float:none; font-size:1em; border:0; border-bottom:1px dashed #ccc;}
.table1row22alt {width:100%; padding:0; margin:0 0 15px 0; float:none; font-size:1em; border:0; border-bottom:1px dashed #ccc;}

.formq, .formqsm {width:100%; margin:0; clear:left; font-size:1em; font-family: 'Noto Sans', sans-serif; padding:15px 0 0 0; border-top:1px dashed #ccc;  }
.formq1 {width:100%; margin:0; clear:left; font-size:1em; font-family: 'Noto Sans', sans-serif; padding:0; }
.forma, .formasm {text-align:left; margin:0 0 10px 0; width:100%; font-size:1em; clear:left; font-family: 'Noto Sans', sans-serif; padding:0 }
textarea, select {max-width:90% !important;}
p.newquestion {clear:left; border-top:1px dashed #ccc; padding-top:15px; }

/*.f31 {width:30%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:1em;}
.f32 {width:30%; padding-right:5%; margin-bottom:5px; float:left; font-size:1em;}
.f33 {width:auto; margin-bottom:5px; float:left; font-size:1em;} */

.table31, .table31nb {width:25%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:.75em;}
.table312 {width:50%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:.75em;}
.table323 {width:50%; padding-right:5%; margin-bottom:5px; float:left; font-size:.75em;}
.table32, .table32nb {width:25%; padding-right:5%; margin-bottom:5px; float:left; font-size:.75em;}
.table33, .table33nb {width:25%; margin-bottom:5px; float:left; font-size:.75em;}

.table1row31, .table31training {width:100%; padding:0; margin:0 0 1em 0; float:none; font-size:1em; border:0;}
.table1row32, .table32training {width:100%; padding:0; margin:0 0 1em 0; float:none; font-size:1em; border:0;}
.table1row33, .table33training {width:100%; padding:0; margin:0 0 1em 0; float:none; font-size:1em; border:0;}


.bottom {width:100%; min-width:1px; text-align:center; clear:both; background-color:#222; color:#eee; padding:10px 0 10px 0;}
.bottomcenter {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left:auto; width:100%; min-width:1px; margin-right:auto; text-align:left; color:#eee; padding:0; padding-top:0; overflow:hidden;}
.bottomcenter .table31 {width:100%; padding:0; border:0; color:#eee !important; border-bottom:1px solid #555; padding-bottom:2em; margin-bottom:2em; font-size:1em;}
.bottomcenter .table32, .bottomcenter .table33 {width:50%; padding:0; border:0; color:#eee !important;  font-size:1em;}
.bottomcenter .table32 {padding-right:1em; border-right:1px solid #555;}
.bottomcenter .table33 {padding-left:1em;}
.bottomcenter .table31, .bottomcenter .table32 {padding-left:auto; clear:left;}
.bottomcenter .headline5 {color:#eee;}
.bottom hr {  border-color: #555;  border-style: solid;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }
.bottom p {color:#eee;}
.bottom a {text-decoration: none;}
.bottom a:link {color: #CFDBDE;}
.bottom a:active {color: #CFDBDE;}
.bottom a:visited {color: #CFDBDE;}
.bottom a:hover {color: red; text-decoration:none;}




.fdb31 {width:20%; padding-right:5%; margin-bottom:5px; float:left; clear:left; font-size:.75em; border:0;}
.fdb32 {width:10%; padding-right:5%; margin-bottom:5px; float:left; font-size:.75em; border:0;}
.fdb33 {width:42%; margin-bottom:5px; float:left; font-size:.75em; border:0;}

p.footermenuhead {margin-bottom:1em; clear:both;}
p.footermenuclear {margin:0; clear:both; line-height:0em; padding:0;}

.mobileheader {display:block; text-align:left; box-sizing: border-box; padding:20px; height:75px; background:#19416F;}
.mobileportal {display:block; text-align:left; position:relative;}
.mobileonly {display:block !important; text-align:left; margin-bottom:20px;}

.mobileheader2 {display:block; clear:both; text-align:left; box-sizing: border-box; padding:20px; background:#e9f0f2; border-bottom:solid 2px line-height:1.2em; #bed1d6; border-top:solid 1px #bed1d6;  padding:12px; }

.rightmenu {display:none;}
.rightad, .skybar, .menuwrap, .menuwrap, .headerwrap  {display:none !important;}
.mobileheader {display:block;}


.megamenu_fixed {
	width: 100%;
	min-width:1px;
	position:absolute;
	z-index:1000;
	top:0;
	height:60px;
	left:0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0;
		padding:0;

	/* IE7 Fix */
	*width:expression(this.parentNode.currentStyle['width']);
}

.megamenu_dark_bar {
	background: #004f8d;
	padding:8px;
	-webkit-box-shadow:inset 0px 0px 0px #004f8d;
	-moz-box-shadow:inset 0px 0px 0px #004f8d;
	box-shadow:inset 0px 0px 0px #004f8d;
	border:0px;
}



.subheadsm2 {display:none;}
iframe {max-width:100%;}



.biotexter {display:none;}
.adfp {display:none;}
.membershipwrap {display:none;}
.membership {display:none;}
.notifybarwrap {display:none;}

.adbanner img {max-width:100% !important; height:auto !important; margin:0;}
.adbannerwrap {display:none; width:100%; min-width:1px; background-color:#ddd; padding:0; padding-bottom:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.adbanner {width:100%; margin-left:auto; margin-right:auto; padding:0px;  padding-bottom:0; padding-top:0; text-align:center; margin:0;}
.joinspjbubble {display:none;}
#mvLeaderboard {float:none !important; padding:0; margin:0;}

.notifybar {display:none;}
.notifybar.a {display:none;}
.headerwrap {display:none;}
.header {display:none;}
.menuwrap, .menuwrapuser {display:none;}
.main_image {display:none;}
.image_thumb {display:none;}
div.block p.teaserbox {font-size:1em; font-family: 'Noto Sans', sans-serif; font-weight:400;display:none;}
div.meebo {display:none;}
.desktoponly, #desktoponly, #desktoponly2 {display:none !important;}




.mobilesearch { background:url('/images/icons/magglassicon.png') no-repeat; cursor:pointer; width: 24px; height: 24px; background-size:100%; border: none; margin-left:10px;}

.mobilemenuselect {
font-size:1em; width:46px; color:#fff; background:000; background:url('/images/icons/spj-mobilemenu-head.png'); background-repeat: no-repeat; height:28px; border:0; background-size:100%; 
}


.menuwrapmobile {display:block; position:relative; height:66px; top:0; left:0; right:0; max-width:100%; text-align:center; padding-top:10px; padding-bottom:0px; padding:0; 			background: #004f8d;
	border: 0px solid #171717;
}



p, .mobileindexpad p {font-size:1em; font-family: 'Noto Sans', sans-serif; margin: 0 0 0 0; color: #444; padding:0; line-height:1.4em; margin-bottom:1.4em; font-weight:400;}
#topnavigation {font-family: 'Noto Sans', sans-serif; font-weight:400;font-size:.9em;}


blockquote {font-size:1em; font-family: 'Noto Sans', sans-serif; margin: 0 0 0 0; color: #222; padding:0; line-height:1.4em; margin-left:10px; margin-bottom:1.4em; font-weight:400;}

.headline1 {font-family: 'Roboto Slab', sans-serif; font-weight:400; font-size:2.2em;}
.headline2 {font-family: 'Roboto Slab', sans-serif; font-weight:400; font-size:1.9em;}
.headline4grey, .headline3, span.headline3 {font-family: 'Roboto Slab', sans-serif; font-weight:300; font-size:1.6em;}
.headline4 {font-family: 'Roboto Slab', sans-serif; font-weight:300; font-size:1.4em;}
.headline5, .headline6 {font-family: 'Roboto Slab', sans-serif; font-weight:300; font-size:1.3em !important;}

.bold {font-weight:700 !important;}

a {font-size:1em; text-decoration: none; line-height:inherit;}
a:link {color: #3d6186;}
a:active {color: #ff0033;}
a:visited {color: #3d6186;}
a:hover {color: red; text-decoration:none;}

.mobilesidebar {display:block; color:#fff !important; font-family: 'Noto Sans', sans-serif; font-weight:400;background:#004f8d; width:100%; min-width:0px; padding:0; margin:0; border:0; box-sizing: border-box; padding:12px; font-size:1em; line-height:1em; border-top:solid 5px #004f8d; clear:both; }
.mobilesidebar .headline5, .mobilesidebar .subheadrb {font-size:1.2em; font-family: 'Noto Sans', sans-serif; font-weight:700; color:#fff;}
.mobilesidebar hr {  border-color: #5387af;  border-style: solid;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }

.mobilesidebar p, .mobilesidebar .winnerlist, .mobilesidebar .sanserif {color:#fff !important;}
.mobilesidebar a {font-size:1em; text-decoration: none; line-height:inherit;}
.mobilesidebar a:link {color: #a2c9e4;}
.mobilesidebar a:active {color: #a2c9e4;}
.mobilesidebar a:visited {color: #a2c9e4;}
.mobilesidebar a:hover {color: red; text-decoration:none;}



.sanserif {font-size:1em; font-family: 'Noto Sans', sans-serif; font-weight:400; line-height:1.3em;}
.small {font-size:.88em; color:inherit; font-family: 'Noto Sans', sans-serif; font-weight:400; line-height:1em;}


.bottom {font-family: 'Noto Sans', sans-serif !important; font-weight:400 !important;background:#333 !important; width:100% !important; min-width:0px !important; padding:0 !important; margin:0 !important; border:0 !important; box-sizing: border-box !important; padding:12px !important; font-size:.9em !important; clear:both !important;}
.bottom p.center {text-align:center; font-family: 'Noto Sans', sans-serif; font-weight:400;font-size:1em;}
.bottom p, .bottom p b {font-family: 'Noto Sans', sans-serif; font-weight:400;color:#eee;  font-size:1em;}
.bottom hr {  border-color: #777;  border-style: solid;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }
.bottom a {text-decoration: none;}
.bottom a:link {color: #CFDBDE;}
.bottom a:active {color: #CFDBDE;}
.bottom a:visited {color: #CFDBDE;}
.bottom a:hover {color: red; text-decoration:none;}

strong, b {font-size:1em;}

.bluepillbox {box-sizing:border-box; padding:12px; border-radius:10px; background:#dde8f3; margin:0 auto 20px auto; width:95%;}
.eijpillbox {background-image:none; margin-top:12px; background-repeat:no-repeat; padding-left:12px; background-color:#E6EFF4; color:#7B94A4; border-radius:0; font-size:15px !important;}
.eijpillbox span {font-size:.8em !important;}


div.blueboxrecap, div.blueboxrecap11 {float:right; width:30%; margin-left:15px; margin-bottom:15px; padding:10px;}
.blueboxsm {width:42%;}
.bluebox {width:42%;}
.bluebox hr, .blueboxsm hr {  border-color: #c3d1d5;  border-style: solid;  border-width: 1px 0 0;  margin: 10px 0 10px;  height: 0; }
.bluebox p, .blueboxsm p {font-family: 'Noto Sans', sans-serif; font-size:1em; color: #222; line-height:1.3em;}

.blueboxsm span.headline5 {font-family: 'Noto Sans', sans-serif; font-weight:700; font-size: 1em; color: #3d6186; margin-top: 0pt; font-weight:none; margin-left: 0pt; padding:0;}
.blueboxsm span.headline5, .bluebox span.headline5, .bluebox span.headline3, .bluebox span.headline3 {font-family: 'Noto Sans', sans-serif; font-weight:700; font-size: 1.05em; color: #222; margin-top: 0pt; font-weight:none; margin-left: 0pt; padding:0;}

.blueboxwide {display:block; background-color:#eef4f6; float:none; width:auto; margin:auto; margin-bottom:15px; padding:15px; color: #222; box-shadow:0 0px 10px #d1dadd; border:1px solid #dae5e8;}

.bluebox, .blueboxsm, .blueboxwidemobile {display:block; background-color:#e9f0f2; float:right; margin-left:10px; margin-bottom:10px; padding:10px; margin-bottom:1.4em; font-size:1em; font-family: 'Noto Sans', sans-serif; color: #222; line-height:1.3em; border-width:1px; box-shadow:0 0px 5px #d1dadd;}


.blueboxwidemobile {width:50%;}


/* teaserbox */

.indexframe {width:100%; height:225px; max-height:275px; margin-top:.5em; position:relative;  clear:both; padding-bottom:.5em;}
.indexbox {width:45%; float:right; height:225px; background-size:250%; background-position:40% top; background-repeat: no-repeat; overflow:hidden;}
.indexframe div.indexboxtext {width:45%; float:left; margin-top:auto; font-size: 15px; font-family: 'Noto Sans', sans-serif; background:#fff; opacity: .85; filter: alpha(opacity=85); padding:8px; padding-top:0; font-weight:700; color:#000;}
.indexframe div.indexboxtext h2 {margin-top:0; padding-top:0; font-size: 15px; font-family: 'Noto Sans', sans-serif; background:#fff; opacity: 1; filter: alpha(opacity=100); font-weight:700; color:#000; width:95%;}
.indexframe div.indexboxtext p {font-size: 15px; font-family: 'Noto Sans', sans-serif; background:#fff; opacity: 1; filter: alpha(opacity=100); font-weight:400; color:#000; margin-bottom:0; width:95%;}
.indexframe div.indexboxtext h2 a:link {color: #000; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext h2 a:active {color: #000; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext h2 a:visited {color: #000; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext h2 a:hover {color: #d23030; text-decoration:none; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext p a:link {color: #19416F; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext p a:active {color: #000; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext p a:visited {color: #19416F; opacity: 1; filter: alpha(opacity=100);}
.indexframe div.indexboxtext p a:hover {color: #d23030; text-decoration:none; opacity: 1; filter: alpha(opacity=100);}
.indexframe img.indexfiller {width:100%; height:100%; border:0;}
.mobileportal hr {clear:both;  border-style: dashed; width:94%; margin-left:3%;}

img {max-width:100% !important;}
img.right {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:100px !important;}
img.rightwide {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:180px !important;}
img.rightsmall {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:80px !important;}
img.rightvariable {float:right; border:0px; margin-left:8px; margin-bottom:8px; max-width:50% !important;}


img.icon, img.iconmedium {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:36px;}
img.iconlarge {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:72px;}
img.left {float:left; border:0px; margin-right:10px; margin-bottom:10px;}
img.bio90 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:75px; height:100px;}
img.bio120 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:90px; height:120px;}
img.bio120from72 {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:90px; height:125px;}
img.bio72, img.bio72new {float:right; border:0px; margin-left:8px; margin-bottom:8px; width:50px; height:auto;}
img.banner690, img.banner100 {width:100%; height:auto; margin-bottom:8px;}

.gallerythumb {width: 30%; height:auto; border:0px; padding:0px;}

.ustreamdiv {width: 100%; height: auto; text-align: center; margin:0; padding:0; border:0;}
.ustreamframe {width: 100%; height:auto;}


h2.t {display:none;}
.indexboxtext h2.t {display:inline !important;}

div.block {display:none;}

iframe.vimeo {width:100%; height:220px; border:0;}

strong.leadsheadline {font-size:1.3em;}
a.spjbutton, button.spjbutton, input.spjbutton, #review_form #submit, .spjbutton-alt {display:inline-block; clear:right; 	cursor:pointer; width:auto;}


#feed1m, #feed2m, #feed3m, #feed4m, #feed5m, #feed6m, #feed7m, #feed8m, #feed9m, #feede1, #feede2, #feede3, #feede4, #feede5, #feede6, #feede7 {font-size:1em; font-family: 'Noto Sans', sans-serif; font-weight:400; line-height:1.3em;}


.scrippsstorify {width:100%; float:none;}
.scrippsgrads {width:100%; float:none; border-top:1px #ddd solid; padding-top:1em; margin-top:1em;}

#freelancecommunityheader {font-size:1.2em !important;}

.redpillbox {box-sizing:border-box; padding:12px; border-radius:10px; background:#BF413D; margin:0 auto 20px auto; width:95%; color:#fff !important;}
.redpillbox .headline4, .redpillbox .headline5 {color:#fff !important;}


#mobile16menu {display:none; position:fixed; overflow:auto; width:100%; height:auto; right:0; top:65px; bottom:0; background:#004f8d; opacity:1; padding:5%; margin:0; box-sizing:border-box; z-index:500;   -webkit-overflow-scrolling: touch; color:#fff;}

#mobile16menu b.bumpminor, #mobile16menu p {color:#fff;}
#mobile16menu b.bumpminor {line-height:1.2em !important;}

.bump {font-size:1.25em !important; line-height:1.4em !important;}


#mobile16menuclose {display:none; position:fixed; top:80px; right:20px; text-align:right; z-index:1000;}

#mobile16menu a, #mobile16menuclose a {font-size:1em; text-decoration: none; line-height:inherit;}
#mobile16menu a:link, #mobile16menuclose a:link {color: #a2c9e4;}
#mobile16menu a:active, #mobile16menuclose a:active {color: #a2c9e4;}
#mobile16menu a:visited, #mobile16menuclose a:visited {color: #a2c9e4;}
#mobile16menu a:hover, #mobile16menuclose a:hover {color: red; text-decoration:none;}

.mobilemenut21 {width:50%; padding-right:5%; margin-bottom:5px; float:left; clear:left;}
.mobilemenut22 {width:50%; padding-left:5%; margin-bottom:5px; float:left;}
.mobilemenut2122 {width:100%; padding-right:0%; margin-bottom:5px; float:none; clear:both;}
.mobilemenut21 {border-right:1px solid #5387af; padding-right:3%;}
#mobile16menu hr {  border-color: #5387af;  border-style: solid;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }

#popupbox {width:100% !important; font-size:16px !important;}
#mc-embedded-subscribe {font-size:16px !important;}
#popupbox .small, #popupbox p {font-size:16px !important;}


.clearmobile {display:block; clear:both !important;}

.fdbbg {width:100%; height:auto; padding:1em; border-radius:3px; background-color:#CB4B30; box-shadow:inset 0 0 60px #8E1107; text-align:center;}
.fdbheader {font-family: 'Rubik', sans-serif; font-weight:700; color:#fff; font-size:4em; line-height:1em;}
.fdbheaderpre {font-family: 'Rubik', sans-serif; font-weight:400; color:#FFCC2C; font-size:1.75em; margin-bottom:0; line-height:1em;}