html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
em{    font-style: italic;}
.article ol {
    list-style: decimal;
    margin-left: 20px;
}
.article ul {
    list-style: disc;
    margin-left: 20px;
}
.article #sidebar ul {
    list-style: none;
    margin-left: 0;
}
.article .contentsPanel ul {
	list-style: none;
    margin: 0;
}
html {
	font-family: font-family: 'Merienda';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
.wp-post-image, .size-post-thumbnail {
	display: none;
}
body {
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block;
}
audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	max-width: 100%;
}
.post-headline img {
	display: none;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
input:focus {
	border-color: transparent;
	outline: none;
}
button {
	overflow: visible;
}
button,select {
	text-transform: none;
}
button,html input[type="button"], input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,canvas,iframe,img,svg,video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.hidden {
	display: none !important;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
#primary {
	padding-top: 50px;
}

#welcomeToRuwixMiddle {
	text-align: center;
    font-size: 10px;
    color: #F0F0F0;
}
.sendThisToSidebar {
	padding: 0 0 40px 0;
    text-align: center;
}
.algorithmSection {
	color: #4287d2;
}
/*Roofpig BEGIN*/
.roofpig:before,.roofpig:after {
	content: " ";
	display: table;
}
.roofpig:after {
	clear: both;
}
.roofpig {
    border: none !important;
    margin: 5px auto 25px;
    max-width: 500px;
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
}
.roofpig.inlineblock {
    margin: 5px 20px 25px;
    vertical-align: top;
}
.roofpig > div {
    height: auto !important;
    border: none !important;
    margin-top: 5px;
}
.roofpig-algtext {
    background-color: transparent;
    height: auto !important;
    font-size: 15px !important;
	line-height: 19px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 7px;
}
.roofpig-past-algtext {
    background-color: #a9cef5;
	border-radius: 5px;
}
.roofpig-button {
    border-radius: 5px;
    border: none;
    color: #FFF;
    font-weight: bold;
    line-height: 22px;
    height: 27px !important;
    margin-right: 6px;
    background: url(sprite.png) no-repeat -20px 0px #d5d7d8;
    text-indent: -117px;
    font-size: 10px !important;
    overflow: hidden;
    width: 34px !important;
}
#reset-1, #reset-2, #reset-3, #reset-4, #reset-5, #reset-6, #reset-7, #reset-8, #reset-9, #reset-10, #reset-11, #reset-12, #reset-13, #reset-14, #reset-15  {
    background-position: 6px -234px;
}
#play-1, #play-2, #play-3, #play-4, #play-5, #play-6, #play-7, #play-8, #play-9, #play-10, #play-11, #play-12, #play-13, #play-14, #play-15 {
	 background-position: 6px -324px;
}
#prev-1, #prev-2, #prev-3, #prev-4, #prev-5, #prev-6, #prev-7, #prev-8, #prev-9, #prev-10, #prev-11, #prev-12, #prev-13, #prev-14, #prev-15 {
	 background-position: 6px -264px;
}
#next-1, #next-2, #next-3, #next-4, #next-5, #next-6, #next-7, #next-8, #next-9, #next-10, #next-11, #next-12, #next-13, #next-14, #next-15 {
	 background-position: 6px -294px;
}
#pause-1, #pause-2, #pause-3, #pause-4, #pause-5, #pause-6, #pause-7, #pause-8, #pause-9, #pause-10, #pause-11, #pause-12, #pause-13, #pause-14, #pause-15 {
	 background-position: 7px -353px;
}

.width150 .roofpig-button {
    width: 30px !important;
}
.roofpig-count {
    font-weight: bold;
    color: #2e649e;
	width: auto;
	margin-left: 2px;
	display: inline-block;
}
.roofpig-button-enabled {
    background: url(sprite.png) no-repeat -20px 0px #4287d2;
}
.roofpig-button-enabled:hover {
    background-color: #2e649e;
}
.width100 {	width: 100px;		}
.width150 {	width: 150px;	}
.width200 {	width: 200px;	}
.width250 {	max-width: 250px;	}
.width300 {	max-width: 300px;	}
.width350 {	max-width: 350px;	}
.width400 {	max-width: 400px;	}
.width450 {	max-width: 450px;	}
.width500 {	max-width: 500px;	}
#play-1 {
	animation: firstPlayButtonBlinking 5s infinite;
}
@keyframes firstPlayButtonBlinking {
    0%   {  background-color: #4287d2;   }
    70%   { background-color: #4287d2;  }
    80%   { background-color: #EEEEEE;  }
    90%   { background-color: #f5111b;  }
    100%   { background-color: #4287d2;  }
}
.roofpig-help-button {
	display: none;
}
/*Roofpig END*/

/*	Fly Catcher banner BEGIN	*/
p.nomargin {margin: 0;}
#wrapCloseFly {
    position: absolute;
    right: 10px;
    top: -10px;
    margin: 0;
    z-index: 99;
}
#closeFly {
    font-weight: bold;
    text-decoration: none !important;
    background: #ddd;
    width: 25px;
    display: inline-block;
    height: 25px;
    margin: 0;
    line-height: 25px;
    font-size: 24px;
    border-radius: 20px;
    border: 2px solid #0645ad;
    cursor: pointer;
}
#wrapFlyWidget {
    margin: 10px 0;
    position: relative;
}
#flyFrame {
    width: 300px;
    display: block;
    height: 340px;
    background: #F3F3F3;
    margin: 20px auto;
    position: relative;
    border-radius: 10px;
    border: 1px solid #ddd;
}
#flyFrame:hover, #flyFrame a:hover {
	cursor: url(swatter.png) 25 90, auto;
	
	-webkit-transition: width 2s;
    transition: width 2s;
}
#flyFrame:hover #swatter {
	display: none;
}
#flyLink {
    top: 200px;
    left: 200px;
    position: absolute;
    height: 50px;
    padding: 17px 0 2px 3px;
    width: 50px;    
}
#flyLink:hover {
	background: url(target.png) center center no-repeat transparent;
}
#fly {
	transform: rotate(-30deg);
}
em#gplink {
    display: none;
    right: 5px;
    bottom: 0px;
    font-family: Arial;
    position: absolute;
    font-size: 11px;
    color: #1746a2;
    text-decoration: none;
    font-weight: bold;
    padding: 3px 6px;
    cursor: pointer !important;
}
#flyFrame:hover em#gplink {
	display: inline-block;
}
em#gplink:hover {
	text-decoration: underline;
}
#swatter {
	position: absolute;
    animation: swatterX 15s infinite, swatterY 2s infinite;
}
@keyframes swatterX {
    0%	{   left: 50px;	}
    50%	{   left: 150px;	}
	100% {	left: 50px;	}
}
@keyframes swatterY {
    0%	{   top: 5px;	}
    50%	{   top: 30px;	}
	100% {	top: 5px;	}
}
#flyLink {
    animation: flyPosition 13s infinite;
	animation-timing-function: linear;
	/*animation-delay: -35s;*/
}
#fly {
    animation: fly 13s infinite;
	animation-timing-function: linear;
	/*animation-delay: -35s;*/
}
@keyframes flyPosition {
    0%	{    top: 200px;	left: 200px;	}
    4%	{    top: 150px;	left: 150px;	}
	6%	{    top: 155px;	left: 130px;	}
	10%	{    top: 135px;	left: 50px;		}
	13%	{    top: 140px;	left: 10px;		}
	14%	{    top: 140px;	left: 10px;		}
	17%	{    top: 150px;	left: 8px;		}
	19%	{    top: 180px;	left: 5px;		}
	23%	{    top: 220px;	left: 5px;		}
	25%	{    top: 225px;	left: 15px;		}
	26%	{    top: 235px;	left: 25px;		}
	30%	{    top: 265px;	left: 55px;		}
	31%	{    top: 270px;	left: 65px;		}
	35%	{    top: 280px;	left: 100px;	}
	39%	{    top: 280px;	left: 140px;	}
	40%	{    top: 278px;	left: 150px;	}
	42%	{    top: 274px;	left: 160px;	}
	44%	{    top: 265px;	left: 175px;	}
	46%	{    top: 250px;	left: 180px;	}
	48%	{    top: 230px;	left: 182px;	}
	52%	{    top: 200px;	left: 182px;	}
	54%	{    top: 180px;	left: 180px;	}
	56%	{    top: 160px;	left: 170px;	}
	58%	{    top: 140px;	left: 170px;	}
	60%	{    top: 123px;	left: 175px;	}
	62%	{    top: 118px;	left: 185px;	}
	63%	{    top: 118px;	left: 185px;	}
	64%	{    top: 115px;	left: 195px;	}
	66%	{    top: 115px;	left: 215px;	}
	68%	{    top: 118px;	left: 232px;	}
	70%	{    top: 118px;	left: 252px;	}
	72%	{    top: 118px;	left: 252px;	}
	74%	{    top: 125px;	left: 255px;	}
	75%	{    top: 140px;	left: 260px;	}
	77%	{    top: 165px;	left: 260px;	}
	79%	{    top: 180px;	left: 257px;	}
	81%	{    top: 195px;	left: 253px;	}
	83%	{    top: 195px;	left: 253px;	}
	85%	{    top: 210px;	left: 243px;	}
	86%	{    top: 220px;	left: 243px;	}
	88%	{    top: 240px;	left: 243px;	}
	89%	{    top: 240px;	left: 243px;	}
	90%	{    top: 245px;	left: 238px;	}
	91%	{    top: 250px;	left: 228px;	}
	92%	{    top: 250px;	left: 218px;	}
	94%	{    top: 250px;	left: 208px;	}
	96%	{    top: 240px;	left: 200px;	}
	97%	{    top: 230px;	left: 200px;	}
    100%{    top: 200px;	left: 200px;	}
}

@keyframes fly {
	0%	{transform: rotate(315deg);	}	
	4%	{transform: rotate(315deg);	}	
	6%	{transform: rotate(295deg);	}	
	10%	{transform: rotate(275deg);	}
	13%	{transform: rotate(260deg);	}
	14%	{transform: rotate(260deg);	}
	17%	{transform: rotate(220deg);	}
	19%	{transform: rotate(180deg);	}
	23%	{transform: rotate(180deg);	}
	25%	{transform: rotate(160deg);	}
	26%	{transform: rotate(135deg);	}
	30%	{transform: rotate(135deg);	}
	31%	{transform: rotate(105deg);	}
	35%	{transform: rotate(105deg);	}	
	39%	{transform: rotate(90deg);	}	
	40%	{transform: rotate(80deg);	}	
	42%	{transform: rotate(70deg);	}	
	44%	{transform: rotate(45deg);	}	
	46%	{transform: rotate(25deg);	}	
	48%	{transform: rotate(0deg);	}	
	52%	{transform: rotate(0deg);	}	
	54%	{transform: rotate(-20deg);	}	
	56%	{transform: rotate(-30deg);	}	
	58%	{transform: rotate(0deg);	}	
	60%	{transform: rotate(20deg);	}	
	62%	{transform: rotate(45deg);	}	
	63%	{transform: rotate(45deg);	}	
	64%	{transform: rotate(80deg);	}	
	66%	{transform: rotate(90deg);	}	
	68%	{transform: rotate(95deg);	}	
	70%	{transform: rotate(90deg);	}	
	72%	{transform: rotate(90deg);	}	
	74%	{transform: rotate(130deg);	}	
	75%	{transform: rotate(150deg);	}	
	77%	{transform: rotate(180deg);	}	
	79%	{transform: rotate(190deg);	}	
	81%	{transform: rotate(190deg);	}	
	83%	{transform: rotate(190deg);	}	
	85%	{transform: rotate(200deg);	}	
	86%	{transform: rotate(180deg);	}	
	88%	{transform: rotate(180deg);	}	
	89%	{transform: rotate(200deg);	}	
	90%	{transform: rotate(225deg);	}	
	91%	{transform: rotate(250deg);	}	
	92%	{transform: rotate(270deg);	}	
	94%	{transform: rotate(300deg);	}	
	96%	{transform: rotate(325deg);	}	
	97%	{transform: rotate(360deg);	}	
	100%{transform: rotate(315deg);	}
}
/*	Fly Catcher banner END	*/

.fullYoutube {
	width: 1120px;
	height: 630px;
	max-width: 100%;
}

@media print {
	*,*:before,*:after,*:first-letter,*:first-line {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,a[href^="javascript:"]:after {
		content: "";
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}
.sideBarWikiMenu ul.children{
	display: none;
}
.sideBarWikiMenu ul ul ul {
    margin: 0px 0 5px 20px;
    padding: 0;
}
.sideBarWikiMenu .current_page_item ul.children {
    display: block;
    border-left: 1px solid #FFF;
    padding: 2px 5px;
    margin-top: 0.5em;
}
.sideBarWikiMenu .current_page_item ul.children li {
    font-size: 0.9em;
}
.sideBarWikiMenu > ul > li > a {
    font-size: 18px;
    color: #4d4d4d;
    margin: 15px 0 0 0;
    padding: 0.25em 0;
    font-weight: bold;
    border: 0;
    border-bottom: 1px solid #ccc;
    display: block;
}
li.current_page_item {
    background-color: #4269aa;
    padding: 0.5em 0.2em 0.5em 0.5em !important;
}
li.current_page_item a{
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	clear: both;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.17em;
}
#breadcrumbs {
    font-size: 0.8em;
    padding: 0.2em 1.5em;
    border-bottom: 1px solid #a7d7f9;
    margin: -1.25em -2.5em 2em;
}
#breadcrumbs span {
}
#breadcrumbs span #breadcrumb_last {
	color: #444;
}
#breadcrumbs span a {
    font-weight: normal;
}
.article h1 {
    font-family: 'Merienda';
    border-bottom: 1px solid #a2a9b1;
    margin: 10px 0 0px;
    font-weight: bold;
}
.article h2 {
	font-size: 1.6em;
	margin: 0.5em 0 0.5em 0;
	font-family: 'Merienda';
	border-bottom: 1px solid #a2a9b1;
	line-height: 1.4em;
	padding-bottom: 0em;
}
.article h3 {
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
}
.article p.roleNote {
	padding: 1em 0 0 1.6em;
	font-style: italic;
}
p.siteSub {
	font-size: 92%;
}
body {
	background: url(body-top.png) repeat-x top left #f6f6f6;
}
ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0.3em 0 0 0;
}
h1 {
	line-height: 1.3;
	margin-bottom: 0.25em;
	padding: 0;
	letter-spacing: 0;
	font-size: 2.3em;
}
a, a:visited {
	color: #0645ad;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.wrapAll {
	width: 100%.
}
.simpleTable td {
	border: 1px solid #999;
	padding: 2px;
	text-align: center;
}
.sidebar {
	float: left;
	width: 15em;
	padding: 1em 1.5em 10px 1.3em;
	position: absolute;
}
.sidebar h3 {
    font-size: 0.90em;
    color: #4d4d4d;
    margin: 1.5em 0 0 0;
    padding: 0.25em 0;
    cursor: default;
    font-weight: bold;
    border: 0;
    border-bottom: 1px solid #D8D8D8;
}
.sidebar h3 a {
	color: #4d4d4d;
}
.rootPageMenu ul ul ul{
	display: none;
}
.sidebar li {
    line-height: 14px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    word-wrap: break-word;
}
.sidebar ul ul ul li {
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
}
.sidebar li a {
    display: block;
    padding: 2px 0;
}
div.articleRight {
	border: 1px solid #c8ccd1;
	padding: 3px;
	float: right;
	background-color: #f8f9fa;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
	line-height: 1.4em;
	padding: 3px;
	font-size: 94%;
	margin: 0 0 5px 15px;
	text-align: left;
}
div.articleRightInner {
	border: 1px solid #c8ccd1;
	padding: 3px;
	background-color: #f8f9fa;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
.logo a {
    width: 135px;
    display: inline-block;
    cursor: pointer;
    font-family: 'Merienda';
    color: black;
	text-decoration: none;
    text-align: center;
}
.logo a img{
	width: 135px;
	display: inline-block;
}
.logo a strong {
    font-size: 3em;
    display: block;
    line-height: 0.5em;
    margin-top: 0.2em;
}
.logo a strong span {
    display: inline-block;
    margin: 0 0 0 -10px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.logo {
	margin-bottom: 20px;
	text-align: center;
}
.navigation {
    padding: 0.15em 0 0 0.45em;
    font-size: 1.1em;
}
.mainsection {
    margin: 0 0 0 18em;
	overflow-x: hidden;
}
.headerLinks {
	text-align: right;
	padding: 0.8em 1.4em;
	font-size: 0.72em;
	color: #777;
	letter-spacing: 0.017em;
}
.headerLinks a{
	display: inline-block;
	margin: 0 0 0 1.5em;
}
#stick-here2 {
	margin-top: 30px;
}
#stickThis.stick{
	position: fixed;
    top: 0;
    z-index: 9999;
}
#stickThis2.stick {
	position: fixed;
    top: 0;
    z-index: 9999;
}
.menu > ul > li > a, .tabs > div > ul > li > a {
	display: block;
	background: url(blue-gradient.png) bottom left repeat-x transparent;
	font-size: 0.85em;
	font-weight: bold;
	padding: 1em 0.5em 0;
	line-height: 2em;
	position: relative;
	top: 1px;
	left: 1px;
	border-bottom: 1px solid #A7D7F9;
}
.menu.stick > ul > li > a {
	
}
.menu > ul > li > a {
	padding: 1em 2em 0;	
}
.tabs > div.menu-container > div > ul > li > a {
	padding-left: 1em;
	padding-right: 1em;
}
.menu > ul > li > a.active, .tabs > div > ul > li > a:hover, .menu > ul > li > a.active, .tabs > div > ul > li > a.active {
	background: #FFF;
	border-bottom-color: transparent;
	text-decoration: none;
}
.menu > ul, .tabs > div > ul {
    display: inline-block;
    background: url(tab-separator.png) repeat-x top left transparent;
    letter-spacing: 0;
    margin: 0;
    padding: 0 1px 0 0 !important;
}
.stick.menu > ul, .tabs > div > ul {
	background: url(tab-separator-stick.png) repeat-x top left transparent;
}
.menu > ul > li, .tabs > div > ul > li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	display: inline-block;
	float: left;
	margin: 0 1px 0 0px;
}

.menu-container {
	line-height: 0;
	float: left;
}
.screen-reader-text {
	display: none;
}

#wrapTooltipSearch {
    position: relative;
    width: 150px;
    margin: 1em 2em 0em 1em;
    background: #F6F6F6;
    display: inline-block;
    float: right;
}
#abortTooltipSearch {
    background: #406b98;
    color: #FFF;
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -25px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: none;
}
#tooltipSearch {
    border: 2px solid #0a3994;
    border-radius: 5px;
    outline: none;
    padding: 2px 5px;
    display: block;
    width: 150px;
    height: 16px;
    background: url(sprite.png) 142px -195px no-repeat transparent;
    font-size: 15px;
    line-height: 16px;
}
#tooltipSearchSuggestions {
    border: 1px solid #222;
    position: absolute;
	font-weight: bold;
    max-height: 200px;
    overflow: auto;
    background: #FFF;
    padding: 5px 0px;
    width: 280px;
	display: none;
    box-shadow: 5px 5px 8px #000;
    border-radius: 10px;
}
#tooltipSearchSuggestions a {
    text-decoration: none;
    display: block;
    padding: 3px 2px 3px 8px;
    cursor: pointer;
    line-height: 0.95em;
    font-size: 0.95em;
}
#tooltipSearchSuggestions a:hover {
    background: #dde6ef;
    color: #000;
}
#tooltipSearchSuggestions em {
	display: block;
	padding: 10px;
}
.tabsRight {
	float: right;
	line-height: 0;
}
.article {
    padding: 1.25em 1.5em 1.5em 1.5em;
    border-left: 1px solid #a7d7f9;
    background: #FFF;
    line-height: 1.6;
    font-size: 1.0em;
    border-top: 1px solid #a7d7f9;
    border-bottom: 1px solid #a7d7f9;
}
.article p {
	line-height: inherit;
	margin: 0.5em 0;
}
span.user {
    background-position: 0 -145px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(sprite.png);
    padding-left: 15px !important;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
}
.contentsPanel {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    padding: 5px 80px 5px 5px;
    font-size: 95%;
    position: relative;
    line-height: 1.7em;
    width: auto;
    text-align: left;
    display: inline-block;
    margin: 20px 0;
}
#sidebar .contentsPanel {
	margin-bottom: 35px;
}
.contentsHeader {
	font-family: sans-serif;
	font-weight: bold;
	text-align: center;
}
.hidePanel, .showPanel {
	float: right;
	margin: 0 5px;
	position: absolute;
	right: 20px;
	cursor: pointer;
	color: #0645ad;
	top: 4px;
}
.contentsPanel ul li span {
	display: inline-block;
	margin-right: 8px;
}
.contentsPanel ul li {
}
.contentsPanel ul {
	padding: 0 0 5px 5px;
}
.contentsPanel ul li ul{
}
.contentsPanel ul li ul li {
	padding: 0 0 0 25px;
}
.showPanel {
	display: none;
}
.minimizedPanel .showPanel {
	display: block;
}
.minimizedPanel .hidePanel {
	display: none
}
.contentsPanel.minimizedPanel {
	
}
.minimizedPanel .contentsHeader {
	text-align: left;
}
.lavenderBox {
	background: #fdfdfd;
	border: 1px solid #a2a9b1;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 3px;
	line-height: 1.7em;
	margin: 1em auto 0;
}
.lavenderBox .header {
	background: #ccccff;
	padding: 0.25em 1em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #0645ad;
	font-size: 115%;
	margin-bottom: 3px;
}
.lavenderBox .subtitle {
	background: #ddddff;
}
.linklist a:after {
	content: " · ";
	font-weight: bold;
}
.linklist a:last-child:after {
	content: "";
}
.linklist a {
	white-space: nowrap;
}
.categories {
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	padding: 5px;
	margin-top: 1em;
	font-size: 1.1em;
	clear: both;
}
.categories a:after {
	content: " | ";
	font-weight: bold;
}
.categories a:last-child:after {
	content: "";
}
.pagefooter {
	padding: 1.5em 1.3em 2em;
	font-size: 75%;
	line-height: 2em;
}
.pagefooter a {
	display: inline-block;
	margin-right: 1em;
}




/* Ruwix styles BEGIN*/
.rubiksDemoTable td {
	border: 1px solid #999;
	padding: 3px;
}
.rots {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.rots > span {
    display: inline-block;
    width: 36px;
    height: 22px;
    background: url(rots.png) no-repeat 0px 100px transparent;
    padding: 40px 0 0 0;
    line-height: 22px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    margin-right: 8px;
}
.rots > span.li {	background-position: 0px 0px;	}
.rots > span.mi {	background-position: -40px 0px;	}
.rots > span.r {	background-position: -80px 0px;	}
.rots > span.ui {	background-position: -120px 0px;	}
.rots > span.e {	background-position: -160px 0px;	}
.rots > span.d {	background-position: -200px 0px;	}
.rots > span.l {	background-position: -240px 0px;	}
.rots > span.m {	background-position: -280px 0px;	}
.rots > span.ri {	background-position: -320px 0px;	}
.rots > span.u {	background-position: -360px 0px;	}
.rots > span.ei {	background-position: -400px 0px;	}
.rots > span.di {	background-position: -440px 0px;	}
.rots > span.f {	background-position: -480px 0px;	}
.rots > span.bi {	background-position: -520px 0px;	}
.rots > span.fi {	background-position: -560px 0px;	}
.rots > span.b {	background-position: -600px 0px;	}
.rots > span.s {	background-position: -642px 0px;	}
.rots > span.si {	background-position: -682px 0px;	}
.rots > span.f2 {	background-position: -720px 0px;	}
.rots > span.r2 {	background-position: -760px 0px;	}
.rots > span.u2 {	background-position: -800px 0px;	}
.rots > span.b2 {	background-position: -840px 0px;	}
.rots > span.l2 {	background-position: -880px 0px;	}
.rots > span.d2 {	background-position: -920px 0px;	}
.rots > span.m2 {	background-position: -960px 0px;	}
.rots > span.e2 {	background-position: -1000px 0px;	}
.rots > span.s2 {	background-position: -1040px 0px;	}

blockquote {
    background: #289dcc;
    border-left: 15px solid #c6e4f9;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    margin: 1.5em 10px;
    color: #FFF;
    font-size: 1.2em;
    line-height: 1.6em;
}
blockquote:before {
    color: #c6e4f9;
    content: open-quote;
    font-size: 6em;
    line-height: 0.1em;
    margin-right: 0.25em;
    position: relative;
    vertical-align: -0.4em;
    top: 12px;
}
blockquote p {
  display: inline;
}
.shopTable {
    min-width: 700px;
    vertical-align: middle;
    width: 100%;
	text-align: center;
}
span.flag {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    background: top center no-repeat #FFF;
    padding: 27px 0 0;
    min-width: 40px;
    vertical-align: middle;
}
span.flag.usa {	background-image: url(img/flag-usa.png);	}
span.flag.china {	background-image: url(img/flag-china.png);	}
span.flag.singapore {	background-image: url(img/flag-singapore.png);	}
span.flag.uk {	background-image: url(img/flag-uk.png);	}
span.flag.hongkong {	background-image: url(img/flag-hongkong.png);	}
.shopTable img {
    max-width: 207px;
    margin: 8px 0;
}
.shopTable thead {
    border-bottom: 1px solid #999;
    background-color: #eee;
    text-align: center;
    line-height: 2em;
}
.stars0, .stars2, .stars3, .stars4, .stars5, .stars1 {
    width: 60px;
    background-image: url("/img/star-ratings.png");
    height: 13px;
    margin-top: 6px;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: 999px;
	display: inline-block;
}
.stars4 {	background-position: 0 -12px;	}
.stars3 {	background-position: 0 -24px;	}
.stars2 {	background-position: 0 -36px;	}
.stars1 {	background-position: 0 -48px;	}
.stars0 {	background-position: 0 -60px;	}
.article h2 a, .article h3 a {
	text-decoration: none;
}
.aligncenter {
    text-align: center;
    margin: auto;
	display: block;
}
.article h2 a:hover, .article h3 a:hover {
	text-decoration: underline;
}
h2 a:after, h3 a:after {
	content:"»";
	display:inline-block;
	margin-left: 10px;
}
.article hr {
    background-color: #4269aa;
    border: none;
    height: 2px;
    margin: 35px 0;
    width: 100%;
    clear: both;
}
.post-comments {
	display: none;
}
.hrlabel {
    display: block;
    margin: -60px auto 10px;
    color: #4269aa;
    font-size: 30px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
}
.hrlabel span {
    background-color: #FFF;
    padding: 5px 20px;
    font-family: 'Merienda';
}
.socialShareLinks li {
    display: inline-block;
    margin: 2px;
}
.socialShareLinks {
    list-style: none;
    margin: 0 auto 80px;
	text-align: center;
}
.popupBoxBox .socialShareLinks {
	margin-bottom: 20px;
	width: auto;
}
.socialShareLinks li a {
    display: block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    background-color: #eee;
    border-radius: 10px;
}
.socialShareLinks li a:hover {
    background-color: #fff;
}
.socialShareLinks li a img{
    width: 100%;    
}
table.timeline td:nth-child(1) {
	width: auto;
	background: url("timeline-arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}
table.timeline {
    background: url("timeline-vertical-line.png") repeat-y scroll left bottom rgba(0, 0, 0, 0);
}
table.timeline td:nth-child(1) span {
    background-color: #4269aa;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 8px 6px;
    border-radius: 23px;
    font-size: 19px;
    font-weight: bold;
}
table.timeline td {
    vertical-align: top;
    padding-bottom: 15px;
}
table.timeline h3 {
    margin: 0;
    color: #4269aa;
    background-color: #FFF;
    border-bottom: 2px solid #4269aa;
    padding: 0 15px;
}
table.timeline td:nth-child(2) p {
    padding: 8px 0 0px 15px;
}
.separatorLine {
    font-size: 36px;
    color: #333;
    line-height: 50px;
	display: block;
}
.imageright {
    float: right;
    margin: 3px 0 3px 10px;
}
.imageleft {
    float: left;
    margin: 3px 10px 3px 0;
}
.alertRightSide {
    background-color: #4269aa;
	text-decoration: none;
    border: medium none !important;
    border-radius: 10px;
    color: #FFF !important;
    display: block;
    float: right;
    font-weight: normal !important;
    line-height: 18px;
    margin: 0px 0px 10px 20px;
    transition: all 0.5s ease 0s;
    padding: 3px 6px;
    text-align: center;
    width: 100px;
    font-size: 0.9em;
}
.bigbutton {
    background-color: #4269aa !important;
	text-decoration: none !important;
    border: medium none !important;
    border-radius: 10px;
    clear: both;
    color: #FFF !important;
    display: block;
    font-size: 18px;
    margin: 20px 30px;
    padding: 2px 8px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 80%;
    font-weight: bold !important;
}
.bigbutton:hover {
    background-color: #1a4a9a !important;
}
.myFakeGallery {
    text-align: center;
}
.myFakeGallery span {
    display: block;
    font-size: 1.7em;
    clear: both;
    text-align: center;
    font-weight: bold;
    padding: 2px 10px;
    border-bottom: 1px solid #a2a9b1;
    font-family: 'Merienda';
    background: url(blue-gradient.png) bottom left repeat-x transparent;
}
.myFakeGallery img {
    margin: 0 auto 70px;
    max-height: none;
    max-width: 100%;
}
.prevNextButtons {
    display: block;	
    padding: 20px 5% 50px;
    width: 90%;
    font-weight: bold;
}
.prevNextButtons a {
    background-color: #4269aa;
    border: medium none !important;
    border-radius: 5px;
	text-decoration: none !important;
    color: #fff !important;
    display: block;
    font-size: 15px;
    margin: 5px 2%;
    padding: 3px 5px;
    transition: all 0.5s ease 0s;
    text-align: center;
    width: 30%;
}
.bigLeftButton {
    float: left;
}
.bigRightButton {
    float: right;
}
.bigLinkList {
    display: block;
    min-height: 30px;
    margin-bottom: 10px;
	text-align: center;
}
.bigLinkList li {
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 10px;
    background-color: #c2c0ef;
    font-weight: bold;
    padding: 1px 4px;
    font-weight: bold;
    border-radius: 10px;
    margin: 0 3px 4px;
}
.bigLinkList li a {
    color: #FFF;
    background-color: #4269aa;
    text-decoration: none;
    display: inline-block;
    padding: 0px 10px;
	border-radius: 10px;
}
.bigLinkList li a:hover {
	background-color: #1e4689;
}
.spoiler {
    background-color: #DDD;
    padding: 5px 15px;
    color: #DDD;
    margin-bottom: 17px;
}
.spoiler strong{
	color: #000;
}
.spoiler:hover, .spoiler:active {
	color: #000;
}
.spoiler:hover strong, .spoiler:active strong{
	color: #DDD;
}
.algImgCont{background-image:none !important;float:left;height:90px;margin:0 !important;padding:0 !important;width:75px;}
.algImgCont img{cursor:zoom-in;max-width:200%;height:75px;position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;width:75px;}
.algChain .inline {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
}
.algChain {
	display: inline-block;
}
.algImgCont img:hover{width:100px;height:100px;z-index:10000;}
.alertRightSide {
    background-color: #4269aa;
    border: medium none !important;
    border-radius: 10px;
	text-decoration: none !important;
    color: #FFF !important;
    display: block;
    float: right;
    font-weight: normal !important;
    line-height: 18px;
    margin: 0px 0px 10px 20px;
    transition: all 0.5s ease 0s;
    padding: 3px 6px;
    text-align: center;
    width: 100px;
    font-size: 0.9em;
}
span.sprite {
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: 999px;
    background: url(sprite.png) no-repeat center center transparent;
    overflow: hidden;
    vertical-align: middle;
}
.sprite.fb {	background-position: 0 0;	}
.sprite.tw {	background-position: 0 -25px;	}
.sprite.gp {	background-position: 0 -50px;	}
.sprite.shop {	background-position: 0 -75px;	}

.solutionSteps {
    background-color: #EEE;
    padding: 10px;
    margin: 15px 0;
}
.solutionSteps ul li img {
    width: 55px;
    height: 40px;
    float: left;
    margin: 0px 20px 5px 0px;
}
.solutionSteps ul li {
	clear: both;
}
.solutionSteps h4 {
    border-bottom: 1px solid #777;
    padding-bottom: 5px;
    font-size: 1.2em;
    font-weight: bold;
}
.solutionSteps ul li a {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
	text-decoration: none;
}
.solutionSteps ul li a:hover {
	text-decoration: underline;
}
.alertRightSide:hover{background-color:#000000;}
.algChain a{border:none !important;}
.algChain{min-height:10px;}
.algChain div{background:url("algTransformArrow.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);float:left;margin:18px 0 3px;padding:0 14px 8px 5px;}
.algChain div.longerText a {
    text-decoration: none;
    margin-top: -10px;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}
.algChain div.longerText a:hover {
	color: #000;
}
.algChain div.longerText {
	
}
.algDescr{float:left;margin:0 0 25px;width:50%;}
.fullWidth{float:none !important;width:100%;clear:both;}
.algDescr div{float:left;font-size:12px;font-weight:bold;margin:25px 30px 10px 5px;}
.algDescr:after, .algChain:after{content:"";display:table;clear:both;}
.algName{border-bottom:1px solid #999;display:block;margin-bottom:5px;margin-top:-30px;}
.clearBoth{clear:both;}
.galleryImages{margin:10px auto 45px;max-width:400px;max-height:400px;clear:both;}
#mega-menu-wrap-primary {
    background: transparent !important;
	}
.megamenu{position:absolute;display:none;left:0;top:0;background:white;padding:18px 10px 3px 10px;font:normal 12px Verdana;z-index:100;background-color:#EEEEEE;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;}
.megamenu .column ul li{height:40px;}
.megamenu .column ul li a{background:url("megamenu-icons-transparent.png") no-repeat scroll transparent;border-bottom:medium none !important;color:#1C2C4C;font-size:13px;font-weight:bold;padding:6px 0 14px 48px;text-decoration:none;}
.megamenu .column ul li a:hover{color:#3C5C9C;}
.megamenu .column{float:left;width:170px;margin-right:5px;}
.megamenu .column ul{margin:0;padding:0;list-style-type:none;}
.megamenu .column ul li{padding-bottom:5px;list-style:none outside none;}
.megamenu .column h3{background:#e0e0e0;font:bold 13px Arial;margin:0 0 5px 0;}
.megamenuarrow{background:url(images/arrowdown.png) 0 0 no-repeat;float:right;height:15px;width:21px;margin:3px 0 0 4px;}
.megamenu .column ul li a.megamenuaa{background-position:0 -1600px;}
.megamenu .column ul li a.megamenuaa:hover{background-position:0 0;}
.megamenu .column ul li a.megamenuab{background-position:0 -1640px;}
.megamenu .column ul li a.megamenuab:hover{background-position:0 -40px;}
.megamenu .column ul li a.megamenuac{background-position:0 -1680px;}
.megamenu .column ul li a.megamenuac:hover{background-position:0 -80px;}
.megamenu .column ul li a.megamenuad{background-position:0 -1720px;}
.megamenu .column ul li a.megamenuad:hover{background-position:0 -120px;}
.megamenu .column ul li a.megamenuae{background-position:0 -1760px;}
.megamenu .column ul li a.megamenuae:hover{background-position:0 -160px;}
.megamenu .column ul li a.megamenuaf{background-position:0 -1800px;}
.megamenu .column ul li a.megamenuaf:hover{background-position:0 -200px;}
.megamenu .column ul li a.megamenuag{background-position:0 -1840px;}
.megamenu .column ul li a.megamenuag:hover{background-position:0 -240px;}
.megamenu .column ul li a.megamenuah{background-position:0 -1880px;}
.megamenu .column ul li a.megamenuah:hover{background-position:0 -280px;}
.megamenu .column ul li a.megamenuai{background-position:0 -1920px;}
.megamenu .column ul li a.megamenuai:hover{background-position:0 -320px;}
.megamenu .column ul li a.megamenuaj{background-position:0 -1960px;}
.megamenu .column ul li a.megamenuaj:hover{background-position:0 -360px;}
.megamenu .column ul li a.megamenuak{background-position:0 -2000px;}
.megamenu .column ul li a.megamenuak:hover{background-position:0 -400px;}
.megamenu .column ul li a.megamenual{background-position:0 -2040px;}
.megamenu .column ul li a.megamenual:hover{background-position:0 -440px;}
.megamenu .column ul li a.megamenuam{background-position:0 -2080px;}
.megamenu .column ul li a.megamenuam:hover{background-position:0 -480px;}
.megamenu .column ul li a.megamenuan{background-position:0 -2120px;}
.megamenu .column ul li a.megamenuan:hover{background-position:0 -520px;}
.megamenu .column ul li a.megamenuao{background-position:0 -2160px;}
.megamenu .column ul li a.megamenuao:hover{background-position:0 -560px;}
.megamenu .column ul li a.megamenuap{background-position:0 -2200px;}
.megamenu .column ul li a.megamenuap:hover{background-position:0 -600px;}
.megamenu .column ul li a.megamenuaq{background-position:0 -2240px;}
.megamenu .column ul li a.megamenuaq:hover{background-position:0 -640px;}
.megamenu .column ul li a.megamenuar{background-position:0 -2280px;}
.megamenu .column ul li a.megamenuar:hover{background-position:0 -680px;}
.megamenu .column ul li a.megamenuas{background-position:0 -2320px;}
.megamenu .column ul li a.megamenuas:hover{background-position:0 -720px;}
.megamenu .column ul li a.megamenuat{background-position:0 -2360px;}
.megamenu .column ul li a.megamenuat:hover{background-position:0 -760px;}
.megamenu .column ul li a.megamenuau{background-position:0 -2400px;}
.megamenu .column ul li a.megamenuau:hover{background-position:0 -800px;}
.megamenu .column ul li a.megamenuav{background-position:0 -2440px;}
.megamenu .column ul li a.megamenuav:hover{background-position:0 -840px;}
.megamenu .column ul li a.megamenuaz{background-position:0 -2480px;}
.megamenu .column ul li a.megamenuaz:hover{background-position:0 -880px;}
.megamenu .column ul li a.megamenuazs{background-position:0 -2520px;}
.megamenu .column ul li a.megamenuazs:hover{background-position:0 -920px;}
.megamenu .column ul li a.megamenuba{background-position:0 -2560px;}
.megamenu .column ul li a.megamenuba:hover{background-position:0 -960px;}
.megamenu .column ul li a.megamenubb{background-position:0 -2600px;}
.megamenu .column ul li a.megamenubb:hover{background-position:0 -1000px;}
.megamenu .column ul li a.megamenubc{background-position:0 -2640px;}
.megamenu .column ul li a.megamenubc:hover{background-position:0 -1040px;}
.megamenu .column ul li a.megamenubd{background-position:0 -2680px;}
.megamenu .column ul li a.megamenubd:hover{background-position:0 -1080px;}
.megamenu .column ul li a.megamenube{background-position:0 -2720px;}
.megamenu .column ul li a.megamenube:hover{background-position:0 -1120px;}
.megamenu .column ul li a.megamenubf{background-position:0 -2760px;}
.megamenu .column ul li a.megamenubf:hover{background-position:0 -1160px;}
.megamenu .column ul li a.megamenubg{background-position:0 -2800px;}
.megamenu .column ul li a.megamenubg:hover{background-position:0 -1200px;}
.megamenu .column ul li a.megamenuamore{background-position:0 200px;}
.megamenu .column ul li a.megamenuamore:hover{text-decoration:underline;}
#sub-page-menu h2{background-color:#4269aa;margin:0;padding:2px 10px;}
#sub-page-menu h2 a{color:#fff;font-family:arial,sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase;}
#sub-page-menu{border:2px solid #4269aa;padding:0;}
.mega-sub-menu li{width:100% !important;}
.mega-sub-menu{}
.mega-block-title{color:#4269aa !important;}
.mymenucolumn{float:left !important;width:33% !important;}
.mymegamenu{height:40px !important;}
.mymegamenu a{background-color:transparent !important;background-image:url("megamenu-icons-transparent.png") !important;background-repeat:no-repeat !important;color:#1c2c4c !important;margin:0 0 10px !important;display:block !important;float:none !important;font-size:13px !important;font-weight:bold;height:20px !important;overflow:hidden !important;padding:6px 0 14px 48px !important;position:inherit !important;text-decoration:none !important;}
.mega-sub-menu > li > h4 {margin-bottom: 7px !important;border-bottom: 1px solid #bbb;}
.mymegamenu a.mymegamenuaa, .mymegamenu a.mymegamenuaf, .mymegamenu a.mymegamenuab, .mymegamenu a.mymegamenuac, .mymegamenu a.mymegamenuae {	background-image:url("megamenu-progs.png") !important;	}
.mymegamenu a:hover{color:#4269aa !important;}
.mymegamenuarrow{background:url(images/arrowdown.png) 0 0 no-repeat;float:right;height:15px;width:21px;margin:3px 0 0 4px;}
.mymegamenu a.mymegamenuaa{background-position:0 -40px !important;}
.mymegamenu a.mymegamenuaa:hover{background-position:0 -545px !important;}
.mymegamenu a.mymegamenuab{background-position:0 -80px !important;}
.mymegamenu a.mymegamenuab:hover{background-position:0 -585px !important;}
.mymegamenu a.mymegamenuac{background-position:0 -120px !important;}
.mymegamenu a.mymegamenuac:hover{background-position:0 -625px !important;}
.mymegamenu a.mymegamenuad{background-position:0 -1720px !important;}
.mymegamenu a.mymegamenuad:hover{background-position:0 -120px !important;}
.mymegamenu a.mymegamenuae{background-position:0 -160px !important;}
.mymegamenu a.mymegamenuae:hover{background-position:0 -665px !important;}
.mymegamenu a.mymegamenuaf{background-position:0 0px !important;}
.mymegamenu a.mymegamenuaf:hover{background-position:0 -505px !important;}
.mymegamenu a.mymegamenuag{background-position:0 -1840px !important;}
.mymegamenu a.mymegamenuag:hover{background-position:0 -240px !important;}
.mymegamenu a.mymegamenuah{background-position:0 -1880px !important;}
.mymegamenu a.mymegamenuah:hover{background-position:0 -280px !important;}
.mymegamenu a.mymegamenuai{background-position:0 -1920px !important;}
.mymegamenu a.mymegamenuai:hover{background-position:0 -320px !important;}
.mymegamenu a.mymegamenuaj{background-position:0 -1960px !important;}
.mymegamenu a.mymegamenuaj:hover{background-position:0 -360px !important;}
.mymegamenu a.mymegamenuak{background-position:0 -2000px !important;}
.mymegamenu a.mymegamenuak:hover{background-position:0 -400px !important;}
.mymegamenu a.mymegamenual{background-position:0 -2040px !important;}
.mymegamenu a.mymegamenual:hover{background-position:0 -440px !important;}
.mymegamenu a.mymegamenuam{background-position:0 -2080px !important;}
.mymegamenu a.mymegamenuam:hover{background-position:0 -480px !important;}
.mymegamenu a.mymegamenuan{background-position:0 -2120px !important;}
.mymegamenu a.mymegamenuan:hover{background-position:0 -520px !important;}
.mymegamenu a.mymegamenuao{background-position:0 -2160px !important;}
.mymegamenu a.mymegamenuao:hover{background-position:0 -560px !important;}
.mymegamenu a.mymegamenuap{background-position:0 -2200px !important;}
.mymegamenu a.mymegamenuap:hover{background-position:0 -600px !important;}
.mymegamenu a.mymegamenuaq{background-position:0 -2240px !important;}
.mymegamenu a.mymegamenuaq:hover{background-position:0 -640px !important;}
.mymegamenu a.mymegamenuar{background-position:0 -2280px !important;}
.mymegamenu a.mymegamenuar:hover{background-position:0 -680px !important;}
.mymegamenu a.mymegamenuas{background-position:0 -2320px !important;}
.mymegamenu a.mymegamenuas:hover{background-position:0 -720px !important;}
.mymegamenu a.mymegamenuat{background-position:0 -2360px !important;}
.mymegamenu a.mymegamenuat:hover{background-position:0 -760px !important;}
.mymegamenu a.mymegamenuau{background-position:0 -2400px !important;}
.mymegamenu a.mymegamenuau:hover{background-position:0 -800px !important;}
.mymegamenu a.mymegamenuav{background-position:0 -2440px !important;}
.mymegamenu a.mymegamenuav:hover{background-position:0 -840px !important;}
.mymegamenu a.mymegamenuaz{background-position:0 -2480px !important;}
.mymegamenu a.mymegamenuaz:hover{background-position:0 -880px !important;}
.mymegamenu a.mymegamenuazs{background-position:0 -2520px !important;}
.mymegamenu a.mymegamenuazs:hover{background-position:0 -920px !important;}
.mymegamenu a.mymegamenuba{background-position:0 -2560px !important;}
.mymegamenu a.mymegamenuba:hover{background-position:0 -960px !important;}
.mymegamenu a.mymegamenubb{background-position:0 -2600px !important;}
.mymegamenu a.mymegamenubb:hover{background-position:0 -1000px !important;}
.mymegamenu a.mymegamenubc{background-position:0 -2640px !important;}
.mymegamenu a.mymegamenubc:hover{background-position:0 -1040px !important;}
.mymegamenu a.mymegamenubd{background-position:0 -2680px !important;}
.mymegamenu a.mymegamenubd:hover{background-position:0 -1080px !important;}
.mymegamenu a.mymegamenube{background-position:0 -2720px !important;}
.mymegamenu a.mymegamenube:hover{background-position:0 -1120px !important;}
.mymegamenu a.mymegamenubf{background-position:0 -2760px !important;}
.mymegamenu a.mymegamenubf:hover{background-position:0 -1160px !important;}
.mymegamenu a.mymegamenubg{background-position:0 -2800px !important;}
.mymegamenu a.mymegamenubg:hover{background-position:0 -1200px !important;}
.mymegamenu a.mymegamenuamore{background-position:0 200px !important;font-size:16px !important;color:#4269aa !important;}
.mymegamenu a.mymegamenuamore:hover{text-decoration:underline !important;}
.clearboth{clear:both;}

#featuredArticles {
	display: block;
	text-align: center;
}
#featuredArticlesWrap {
    max-height: 220px;
    overflow: hidden;
}
.commentSzektion {
    padding: 15px 0 5px;
    background-color: #F6f6f6;
    margin: 20px -1.5em;
    border-top: 1px solid #a7d7f9;
    border-right: 1px solid #a7d7f9;
    border-bottom: 1px solid #a7d7f9;
}
.fb_iframe_widget, .fb_iframe_widget span[style], .fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.wrapFeaturedArticles {
    text-align: center;
}
a.featuredArticle {
    display: inline-block;
    padding: 0px;
    text-align: center;
    border: 1px solid #c8ccd1;
    text-decoration: none !important;
    border-bottom: none;
    margin: 5px 1%;
    background-color: #f8f9fa;
    width: 23%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    max-width: 200px;
}
a.featuredArticle:hover {
	background-color: #cddcea;
	text-decoration: none;
}
a.featuredArticle > img {
    display: block;
    margin: 5px auto 0;
	border: 1px solid #c8ccd1;
    max-width: 100%;
}
a.featuredArticle span span {
    display: table-cell;
    font-size: 0.9em;
    position: relative;
    text-decoration: none;
    height: 30px;
    transition: all 0.5s;
    padding: 1px 20px 1px 3px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    font-weight: bold;
}
a.featuredArticle > span {
    display: block;
    border-bottom: 1px solid #c8ccd1;
    background: url(link-icon.png) no-repeat center right transparent;
}

@media screen and (min-width:800px){
	#primary.sticked {
		position: fixed;
		bottom: 0;
	}
}

@media screen and (max-width:999px){
	#wrapTooltipSearch {
		float: left;
		margin: 1em 1em 0em 1em;
	}
}

@media screen and (max-width:600px){
	a.featuredArticle {
		width: 48%;
	}

}

#sidebarFeaturedArticles, #sidebarFeaturedArticles2 {
	margin-bottom: 20px;
}
#sidebarFeaturedArticles a.featuredArticle, #sidebarFeaturedArticles2 a.featuredArticle {
	margin: 5px;
	width: 175px;
	max-width: 100%;
}
.stars4 {	background-position: 0 -12px;	}
.stars3 {	background-position: 0 -24px;	}
.stars2 {	background-position: 0 -36px;	}
.stars1 {	background-position: 0 -48px;	}
.stars0 {	background-position: 0 -60px;	}
.scrollable {	width: 100%; overflow-x: auto;	}
.scrollable td {	padding: 2px;	}

.homeicon div{font-weight:bold;font-size:13px;}
.homeicon div span{background-color:#3399FF;color:#FFFFFF;}
.homeicon{line-height:16px;text-align:center;}
.homeicon:hover{background-color:#E2E3E4;}
.hiddenhomeicon{display:inline-block;height:0;margin:0 2px 0 20px;text-align:center;visibility:hidden;width:100px;}
.hiddenhomeicon div{font-size:3px;line-height:0;}
#socialLinks{float:right;}
#socialLinks li{float:left;padding-left:9px;}
#socialLinx {
    padding: 10px 0 30px;
    text-align: center;
}
#socialLinx li{border:medium none;display:inline-block;float:left;list-style:outside none none;margin:2px;padding:0;}
#socialLinx li a{}
#socialLinx li a:hover{}
#socialLinx ul {
	text-align: center;
	width: 100%;
	display: block;
}
.footerPopular li{border-bottom:medium none !important;clear:both;font-size:14px !important;line-height:25px;}
.footerPopular img{margin-right:5px;width:45px;}
.puzzle4x4{line-height:30px;margin:0 auto 4px;text-align:center;width:140px;}
.puzzle4x4 td{border:1px solid #777;font-weight:bold;height:26px;margin:0;padding:0;font-style:normal;text-align:center;width:26px;}
.puzzle4x4 .el{background-color:#ccc;}
.puzzle4x4 .koz{background-color:#ddd;}
.captionImageRight {
    background-color: #f8f9fa;
    float: right;
    font-size: 0.9em;
    font-style: italic;
	clear: both;
    border: 1px solid #c8ccd1;
    line-height: 1.1em;
    margin: 3px 0 3px 10px;
    padding: 5px;
    text-align: center;
}
#sidebar .captionImageRight {
    float: none;
    display: inline-block;
	margin-bottom: 40px;
}
.captionImageRight img {
    max-width: 100%;
    border: 1px solid #c8ccd1;
    margin: 4px auto;
    display: block;
}
.imageright{float:right;margin:3px 0 3px 10px;}
.imagecenter{float:none;margin:3px auto;}
.imageleft{float:left;margin:3px 10px 3px 0;}
.imagerightfix{float:right;margin:3px 0 3px 10px;width:143px;}
.centered200{width:200px;margin:3px auto;}
.centered300{width:300px;margin:3px auto;}
.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright{float:right;margin:5px 0 5px 10px;}
p.alignright {float: none; text-align: right;    margin: 0.5em 0;}
.imageWithAlairas {
	display: inline-block;
	padding: 10px 20px;
	font-style: italic;
}
.imageWithAlairas strong {
	font-style: normal;
}
.centeredText {
	text-align: center;
	clear: both;
}
.spoiler {
    background-color: #DDD;
    padding: 5px 15px;
    color: #DDD;
    margin-bottom: 17px;
}
.spoiler strong{
	color: #000;
}
.spoiler:hover, .spoiler:active {
	color: #000;
}
.spoiler:hover strong, .spoiler:active strong{
	color: #DDD;
}
a.more-link, a.more-link, a.more-link, a.more-link {
    display: inline-block;
    font-weight: bold;
    background-color: #4269aa;
    color: #FFF !important;
    border-radius: 5px;
    padding: 0px 12px;
    clear: both;
    text-decoration: none !important;
    margin: 0 0 0 20px;
}

a.more-link:hover {
	background-color: #0645ad;
}
a.borderedLink {
    border: 2px solid #FFF;
    margin-right: 20px;
    display: inline-block;
    border-radius: 4px;
}
a.borderedLink:hover {
	border: 2px solid #000000;
}
.headerSocialButtons {
    padding-top: 15px;
    max-height: 52px;
    overflow: hidden;
    padding-bottom: 5px;
}
.headerSocialButtons a {
    display: inline-block;
    margin: 2px 10px 0px 2px;
    border: 2px solid #FFF;
    padding: 2px;
	margin-bottom: 10px;
    border-radius: 5px;
}
.headerSocialButtons a:hover {
    margin: 0 12px 2px 0;
}
.thirdThumbnail {
    display: inline-block;
    width: 32.5%;
    padding: 0 2% 15px;
    vertical-align: top;
    text-align: center;
}
/* Ruwix styles END*/

.entry-meta, .cat-links {
    font-style: italic;
    background: #f0f0f0;
    padding: 0 1em;
    display: block;
}
.cat-links {
	margin: 2em 0;
	font-weight: bold;
}
.footer #nav-below {
	clear: both;
}
.footer #nav-below > div{
	width: 45%;
	min-width: 300px;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
	text-align: right;
}
.nav-previous a, .nav-next a {
    display: inline-block;
    background: #629028;
    color: #FFF;
    border-radius: 10px;
    padding: 4px 15px;
    font-weight: bold;
    margin: 20px 0 5px;
}
.footer #nav-below div a {
    display: inline-block;
    background: #4269aa;
    color: #FFF;
    padding: 5px 10px;
    white-space: nowrap;
    border-radius: 10px;
}
.footer #nav-below div a:hover {
	text-decoration: none;
	background-color: #4982e2;
}
.meta-nav {
    font-weight: bold;
}
#preventMouseHoverOnPageLoad {
    background: transparent;
    position: fixed;
    top: 5px;
    left: 5px;
    right: 5px;
    height: 250px;
    z-index: 9999;
}
.rTable {   	display: table;   	width: 100%; } .rTableRow {   	display: table-row; } .rTableHeading {   	display: table-header-group;   	background-color: #ddd; } .rTableCell, .rTableHead {   	display: table-cell;   	padding: 3px 10px;   	border: 1px solid #999999; } .rTableHeading {   	display: table-header-group;   	background-color: #ddd;   	font-weight: bold; } .rTableFoot {   	display: table-footer-group;   	font-weight: bold;   	background-color: #ddd; } .rTableBody {   	display: table-row-group; }


/*Cookie Consent Begin*/
#cookieConsent {
	background-color: rgba(20,20,20,0.8);
	min-height: 26px;
	font-size: 14px;
	color: #ccc;
	line-height: 26px;
	padding: 8px 0 8px 30px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
	float: right;
	display: inline-block;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: -15px 0 0 0;
	font-weight: bold;
}
#closeCookieConsent:hover {
	color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
@media screen and (max-width: 900px){
	#cookieConsent {
		display: none !important;
	}
}
/*Cookie Consent End*/

/* Exit monitor - BEGIN*/
#popupBox {
    background-color: #FFF;
    border: 2px solid #4269aa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    line-height: 19px;
    display: none;
    font-size: 14px;
    margin: 135px 20% 0;
    padding: 0;
    position: fixed;
    box-shadow: 0px 3px 52px #678;
    text-align: center;
    width: 60%;
    min-width: 300px;
    z-index: 999;
    top: 10px;
    max-width: 1200px;
}
#popupBoxClose {
    cursor: pointer;
    float: right;
    display: inline-block;
    border: 3px solid #4269aa;
    width: 29px;
    height: 29px;
    text-align: center;
    line-height: 24px;
	color: #FFF;
    background-color: #4269aa;
    font-weight: bold;
    font-size: 26px;
    border-radius: 20px;
    position: relative;
    top: -10px;
    right: -10px;
}
#popupBoxFeatured {
    text-align: center;
    height: 220px;
    overflow: hidden;
    margin-top: 15px;
}
#popupBox a.featuredArticle {
	margin: 5px 5px;
	width: 185px;
}
.popupBoxBox > a > img {
	margin-right: 10px;
}
#popupBox h2 {
    margin: 0;
    font-size: 20px;
}
#popupBoxInner {
	padding: 20px;
}
.inlineblock {
	display: inline-block;
}
.inline-block {
    float: left;
    display: inline-block;
}
.popupBoxBox {
    display: inline-block;
    margin: 10px auto 0px;
    clear: both;
}
#popupBoxClose:hover {
	color: #4269aa;
    background-color: #FFF;
}
#popupShadow {
    position: fixed;
    z-index: 990;
    background-color: rgba(0,0,0,0.25);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#popupBoxClose {
	cursor: pointer;
	float: right;
	display: inline-block;
}
/* Exit monitor - END*/


#content {
	width: 65%;
	float: left;
}
#content .solutionSteps ul{
    list-style-type: none;
    margin: 0 0 10px 10px;
}
#sidebar {
    width: 30%;
    float: right;
    text-align: center;
}

.article a, .article a:visited {
	text-decoration: underline;
}
.article a:hover {
	text-decoration: none;
}
.article a:active {
	color: darkgreen;
}


/*MegaMenu Begin*/
.menu h4 {
    font-weight: bold;
    border-bottom: 1px solid #555;
    line-height: 1em;
    width: 60%;
}
.menu-container {
    background: transparent;
    width: 300px;
    overflow: visible;
}
.menu-container .menu {
	width: 800px;
}
.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  content: "Menu";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "CSSbol van ez";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
    list-style: none;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
    margin: 0 1px;
}
.menu > ul > li a {
  text-decoration: none;
  display: block;
}
.menu > ul > li a:hover {
  background: #FFFFFF;
}
.menu > ul > li > ul {
	display: none;
	width: 1000px;
background: #FFFFFF;
background: -moz-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);
background: -webkit-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
	border-bottom: 2px solid #a7d7f9;
	border-right: 2px solid #a7d7f9;
	border-left: 1px solid #a7d7f9;
	padding: 20px;
	position: absolute;
	min-height: 155px;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 20%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li a {
    color: #000;
    padding: 0;
    width: 95%;
    line-height: 1.75em;
    display: block;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
    padding: 0;
    margin: 0;
    font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
.fullScreenVideo {	width: 1120px;	height: 630px;	max-width: 100%;}
@media only screen and (max-width: 2080px) {
	.fullScreenVideo {	width: 1000px;	height: 562px;	}
}
@media only screen and (max-width: 1910px) {
	.fullScreenVideo {	width: 900px;	height: 505px;	}
}
@media only screen and (max-width: 1750px) {
	.fullScreenVideo {	width: 800px;	height: 450px;	}
}
@media only screen and (max-width: 1560px) {
	.fullScreenVideo {	width: 700px;	height: 393px;	}
}
@media only screen and (max-width: 1400px) {
	.fullScreenVideo {	width: 600px;	height: 337px;	}
}
@media only screen and (max-width: 1200px) {
	.fullScreenVideo {	width: 500px;	height: 281px;	}
}
@media only screen and (max-width: 1050px) {
	.fullScreenVideo {	width: 352px;	height: 198px;	}
}
@media only screen and (max-width: 800px) {
	.fullScreenVideo {	width: 500px;	height: 280px;	}
}
@media only screen and (max-width: 732px) {
	.fullScreenVideo {	width: 400px;	height: 224px;	}
}
@media only screen and (max-width: 460px) {
	.fullScreenVideo {	width: 300px;	height: 167px;	}
}

@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
  }
  .menu-mobile {
    display: block;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}

/*MegaMenu End*/
.search-results .wrapBackToTop {
	display: none;
}
.wrapBackToTop {
	position: absolute;
	right: 10px;
}
.backToTopPage {
    display: block;
    color: #888;
    padding: 5px 10px 10px;
    font-size: 0.9em;
    right: 10px;
    clear: both;
    cursor: pointer;
    background-color: #FFF;
    font-weight: bold;
    text-align: right;
}
.backToTopPage:hover span {
	color: #CE4B42;
}
.backToTopPage span {
    display: inline-block;
    color: #000;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    font-size: 1.5em;
}
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #4269aa;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #5279ba;
}





@media only screen and (max-width: 1650px) {
.sidebar {
    width: 13em;
}
.mainsection {
    margin: 0 0 0 16em;
}
.menu > ul > li > a {
	padding: 1em 1.5em 0;	
}
	
	
	
	
	
	
	
	
	
}

@media only screen and (max-width: 1400px) {
.navigation {
    font-size: 1em;
}
.sidebar {
    width: 11em;
}
.mainsection {
    margin: 0 0 0 13em;
}
.article {
    font-size: 0.875em;
}
.menu > ul > li > a {
	padding: 1em 0.5em 0;	
}



}






@media only screen and (max-width: 1200px) {

#searchInput, .searchform #s {
	width: 100px;
}
#simpleSearch, #search {
	width: 130px;
}
.socialShareLinks {
	width: 100%;
}
.wrapBackToTop {
	display: none;
}
}


/*Menu hidden*/
@media only screen and (max-width: 960px) {
.menu-container {
	display: none;
}
.menu > ul, .tabs > div > ul, .menu > ul > li > a, .tabs > div > ul > li > a {
	background: transparent;
}



}

@media screen and (max-width: 850px) {
	#searchInput {
		width: 110px;
	}
	#simpleSearch {
		width: 138px;
	}
	#popupBox, #popupShadow {
		display: none !important;
	}

}

@media only screen and (max-width: 800px) {
.headerLinks {
	display: none;
}
.sidebar {
    width: 9em;
    padding: 1em 0.5em 10px 0.3em;
}
.mainsection {
    margin: 0 0 0 10em;
}
.logo a {
	font-size: 0.8em;
}
.logo a img{
	width: 90px;
}
.logo a strong {
    font-size: 2em;
}
#content, #sidebar {
    width: 100%;
    float: none;
}
.tabs > div > ul > li > a {
	padding: 1em 0.2em 0;
}

	
}


/*Mobile menu*/
.onlyMobile {	display: none;	}

@media only screen and (max-width: 670px) {
#readLink, #htsLink, #solveLink {
    position: absolute;
    width: 33%;
    display: block;
    padding: 2px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 30px;
    text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000;
    border-bottom: 2px solid #222;
    border-radius: 0 0 10px 10px;
}
#readLink {
    background-color: #68f368;
}
#htsLink {
	left: 33.3%;
	background-color: #fd7070;
}
#solveLink {
    right: 0;
    left: 66.6%;
	background-color: #e0ea7c;
}

	
.mobileHidden {	display: none;	}
.onlyMobile {	display: block;	}
.sidebar {
    float: none;
    width: 90%;
    padding: 10px 2%;
    position: relative;
    margin: auto;
}
.mainsection {
    margin: 0;
}
.menu > ul > li > a, .tabs > div > ul > li > a {
	border-bottom: none;
}
#mobileMenuTrigger {
    font-size: 1.2em;
    background: #4269aa;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    line-height: 1.8em;
}
#mobileMenuTrigger span{
	font-size: 1.5em
}
.logo a img {
    display: none;
}
.logo a {
    font-size: 1.5em;
    width: 100%;
    line-height: 0.8em;
    margin-top: 50px;
}
.navigation {
    font-size: 1.3em;
    background: #FFF;
	padding-bottom: 15px;
}
.sidebar li {
    text-align: center;
	font-weight: bold;
}
li.current_page_item {
    background-color: #AAA;
}
.sidebar h3 {
    border-bottom: none;
    text-align: center;
}
.tabs > div > ul > li > a {
    padding: 1em 0.3em 0;
}
.tabs {
    width: 300px;
    margin: 5px auto 20px;
}
.navigation {
	display: none;
}


}

@media only screen and (max-width: 400px) {
#readLink, #htsLink, #solveLink {
	font-size: 16px;
    letter-spacing: 1px;
}	
	
}


/*Pattern Gallery BEGIN*/
#patternGallery {
	text-align: center;
	z-index: 887;
}
#patternGallery > div {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 190px;
    border-radius: 8px;
    overflow: hidden;
    height: 172px;
    margin: 8px;
    border: 2px solid #ddd;
    border-bottom: 2px solid #FFF;
    transition: all 0.5s ease-out;
}
#patternGallery > p > a {
    position: relative;
    cursor: pointer;
    width: 190px;
    border-radius: 8px;
    overflow: hidden;
    height: 172px;
    margin: 8px;
    border: 2px solid #4269aa;
    transition: all 0.5s ease-out;
	display: inline-block;
}
#patternGallery > p {
    display: inline-block;
}
#patternGallery a > img {
	width:50px;
	height: 50px;
	transition: all 0.5s ease-out;
}
#patternGallery a > span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #4269aa;
    text-align: center;
    font-size: 31px;
    line-height: 30px;
    padding: 4px;
    color: #FFF;
    font-weight: bold;
    transition: all 0.5s ease-out;
}
#patternGallery a:hover > span {
	background-color: #28487b;
}
#patternGallery a:hover > img {
	width: 60px;
	height: 60px;
}
#patternGallery a:hover {
	border: 2px solid #28487b;
}
#patternGallery > div > h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #4269aa;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    padding: 4px;
    color: #FFF;
	transition: all 0.5s ease-out;
}
#patternGallery > div > img {
	transition: all 0.5s ease-out;
	width: 150px;
	height: 150px;
}
#patternGallery > div:hover > h3 {
	background-color: #28487b;
}
#patternGallery > div:hover {
	border: 2px solid #28487b;
}
#patternGallery > div:hover > img {
	width: 190px;
	height: 190px;
    margin-top: -25px;
}
#wrapOpenedPattern {
	height: 1px;
	display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
	z-index: 889;
}
#openedPattern {
    border: 2px solid #4269aa;
    width: 95%;
    margin: auto;
    min-height: 300px;
    background: #FFF;
    position: relative;
    border-radius: 20px;
    max-width: 1200px;
    box-shadow: 3px 5px 30px #000;
}
.patternRotsWrap {
    border-top: 1px solid #a2a9b1;
    background: #f6f6f6;
    padding: 10px 5px;
}
#closeOpenedPattern {
    top: -10px;
    right: -11px;
    display: inline-block;
    position: absolute;
    background: #FFF;
    border: 3px solid #4269aa;
    height: 35px;
    width: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    color: #4269aa;
    border-radius: 40px;
}
.inverseAlg {
	padding: 10px;
}
#closeOpenedPattern:hover {
	background: #4269aa;
	color: #FFF;
}
#patternSliderLeft, #patternSliderRight {
    position: absolute;
    color: #4269aa;
    font-size: 75px;
    width: 90px;
    padding-top: 180px;
    top: 0;
    text-align: center;
    cursor: pointer;
    bottom: 0;
}
#patternSliderLeft {
    left: 0px;
}
#patternSliderRight {
    right: 0px;
}
#patternSliderLeft:hover, #patternSliderRight:hover {
	color: #000;
}
#patternGalleryShadow {
	background: rgba(0,0,0,0.3);
	display: none;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 888;
}
#openedPatternContent {
	margin: auto;
	width: 80%;
	text-align: center;
}
#openedPatternContent h2 span {
	float: left;
}
#openedPatternContent iframe {
	width: 300px; 
	height: 350px; 
	overflow: hidden;
	overflow: hidden;
}
.thisPatternImg {
    width: 300px;
    height: 300px;
    margin-right: 60px;
}

@media screen and (max-width:1000px){
	.thisPatternImg {
		margin-right: 10px;
	}
}
@media screen and (max-width:850px){
	#openedPatternContent iframe {	display: none;	}
	.thisPatternImg {
		margin-right: 0;
		height: 200px;
		width: 200px;
	}
}
@media screen and (max-width:400px){
	.thisPatternImg {
		height: 150px;
		width: 150px;
	}	
}
@media screen and (max-height:770px){
	.patterninfo {display: none;}
	#wrapOpenedPattern {	top: 15px;	}
}

@media screen and (max-height:595px){
	.inverseAlg {display: none;}
}

@media screen and (max-height:550px){
	.patternRotsWrap {display: none;}
}
@media screen and (max-height:460px){
	#openedPatternContent iframe {	display: none;	}
	.thisPatternImg {
		width: 200px;
		height: 200px;
		margin-right: 0;
	}
	#patternSliderLeft, #patternSliderRight {
		padding-top: 80px;
	}
}
@media screen and (max-height:325px){
	#openedPattern h2 {	display: none;	}
	.thisPatternImg {
		width: 150px;
		height: 150px;
	}
	#patternSliderLeft, #patternSliderRight {
		padding-top: 15px;
	}
	#openedPattern {
		min-height: auto;
	}
}
/*Pattern Gallery END*/