body { font-size: 16px; line-height: 1.2em; color: #666; height: 100%!important; font-family: Helvetica, Arial, sans-serif;  margin: 0; padding: 0;
background: #bdd100;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmRkMTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ffffe3 0%, #bdd100 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffe3), color-stop(100%,#bdd100));
background: -webkit-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe3', endColorstr='#bdd100',GradientType=1 );}
.ui-page, .ui-dialog, .ui-overlay {
background: #bdd100;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmRkMTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ffffe3 0%, #bdd100 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffe3), color-stop(100%,#bdd100));
background: -webkit-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
background: radial-gradient(center, ellipse cover,  #ffffe3 0%,#bdd100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe3', endColorstr='#bdd100',GradientType=1 ); }

.ui-bar-a {
	border: 1px solid 		#333 /*{a-bar-border}*/;
	background: 			#111111 /*{a-bar-background-color}*/;
	color: 					#ffffff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
}
.ui-content { padding: 0; }

.ui-body-c .ui-link,
.ui-body-c .ui-link:visited,
.ui-body-c .ui-link:hover,
.ui-body-c .ui-link:active { color: #000; text-decoration: none; }
.choice { list-style-type: none; padding: 0; margin: 0; width: 696px; margin: 150px auto 0; }
.choice li { float: left; }
.choice a { display: block; width: 192px; margin: 40px 20px 0; text-align: center; padding: 192px 0 0 0; text-shadow: none; }
.change { background: url(../images/change.png) top center no-repeat;  }
.explore { background: url(../images/explore.png) top center no-repeat;  }
.invent { background: url(../images/invent.png) top center no-repeat;  }
input { font-size: 16px; }
.seach-bar { padding: 20px; border-bottom: 4px solid #cfea0b; text-align: right; }
.seach-bar .search { border: 1px solid #000; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 300px; }
.seach-bar .submit { font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; margin: 2px 0 0 10px; -webkit-appearance: none; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.data { float: left; }
.left-col { width: 89px; float: left; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #cfea0b; height: 349px; text-align: right; text-shadow: none; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #686F20; }
.concepts .right-col { width: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch }
.data li { display: block; margin: 0 5px 5px 0; }
.data { white-space: nowrap; }
.data ul { list-style-type: none; margin: 0 40px 0 0; padding: 0; display: inline-block; height: 354px; }
.data ul:last-child { margin: 0; }
.data a { display: block; padding: 10px; border: #cfea0b 1px solid; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 550px; height: 32px; color: #000; text-decoration: none; }
.concepts { background: url(../images/concepts-bg.png) top left; padding: 10px 0 0 0; height: 379px; }
.data .loader { height: 354px; margin: 0 40px 0 0; width: 16px; background: url(../images/ajax-loader.gif) center center no-repeat; display: inline-block; }

.concepts .name { float: left; display: block; width: 276px; overflow: hidden; line-height: 32px; text-shadow: none; margin: 0 13px 0 0; font-weight: normal; }
.concepts .parameter-categories { display: block; border-left: 1px solid #CFEA0B; height: 32px; width: 255px; float: left; }
.concepts .parameter-categories .category { width: 32px; height: 32px; display: block; float: left; text-indent: -999px; overflow: hidden; background: center center no-repeat; margin: 0 0 0 10px; }

.invent-categories .left-col { height: 200px; }
.invent-categories .right-col { height: auto; }

label[for*=invent_category_id],
label[for*=invent_category_id] div,
label[for*=invent_category_id] input { float: left; }
label[for*=invent_category_id] input { display: none; }
label[for*=invent_category_id] div { float: left; padding: 20px 0 0 70px; background: left center no-repeat; height: 54px; width: 230px; cursor: pointer; margin: 0 5px 5px 0; text-shadow: none; font-weight: normal; }
label[for=invent_category_id-0] { font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; margin: 2px 0 0 10px; -webkit-appearance: none; }

.invent_category { opacity: 1; }
.invent_category.inactive { opacity: .5; }

label[for*=parameter_category_id],
label[for*=parameter_category_id] div,
label[for*=parameter_category_id] input { float: left; }
label[for*=parameter_category_id] input { display: none; }
label[for*=parameter_category_id] div { float: left; text-align: center; padding: 70px 0 0 0; background: top center no-repeat; width: 134px; cursor: pointer; margin: 0 10px 5px; text-shadow: none; font-size: 12px }
label[for=parameter_category_id-0] { font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; margin: 2px 0 0 10px; -webkit-appearance: none; }
label[for*=parameter_category_id] { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
a.tipsy {  margin: 0; padding: 0; background: url(../images/info-icon.png) bottom center no-repeat; display: block; width: 16px; height: 16px; display: inline-block; text-indent: -999px; overflow: hidden; }

.parameters a.tipsy { position: relative; top: 2px; }
.parameter_category a.tipsy { position: relative; top: 1px; }

.tipsy-south { font-weight: normal !important; opacity: 1 !important; }

.parameter_category { opacity: .5; }
.parameter_category { opacity: 1; }

.parameter-categories { margin: 5px 0 0 0; }
.parameter-categories .left-col { height: 89px; }
.parameters,
.parameter-categories .active { background: url(../images/concepts-bg.png) top left; }

.parameters { clear: both; overflow-x: scroll; overflow-y: hidden; height: 100px; -webkit-overflow-scrolling: touch }
.parameters ul { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; float: left; }
.parameters li {display: none; text-shadow: none; margin: 0 20px; }
.parameters li .name { float: left; display: block; font-weight: bold; line-height: 80px; text-align: center; height: 78px; margin: 0 20px 0 0; }
.parameters li .uncheck { cursor: pointer; clear: left; margin: 5px 0 0 20px }
.parameters li .values { float: left; display: block; }
.parameters ul .parameter_category_id-6 { display: inline-block; }
.parameters .parameter { display: none; }
.parameters li .values label { background: url(../images/parameter-inactive.png) left center no-repeat; padding: 10px 0 10px 40px; display: block; }
.parameters li .values label.active { background: url(../images/parameter-active.png) left center no-repeat; }
.reset { font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; margin: 2px 0 0 10px; -webkit-appearance: none; font-size: 16px; }
.show-all { font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; margin: 2px 0 0 10px; -webkit-appearance: none; font-size: 13px; line-height: 13px; width: 84px; }

.concept { position: relative; width: 1024px; height: 666px; }
.concept h1,
.concept h2,
.concept p { margin: 0; text-shadow: none; }

.concept .header { background: url(../images/concept-header-bg.png) left top; height: 90px; position: relative; width: 650px; overflow: hidden; }
.concept .header .image-thumb { background: #fff; overflow: hidden; vertical-align: bottom; display: inline-block; width: 150px;height: 90px; position: relative; margin: 0; padding: 0; position: absolute; top: 0; right: 0;}
.concept .header .image-clip { position: absolute; bottom: -100px; top: -100px; left: -100px; right: -100px; text-align: center; white-space: nowrap; word-break: normal; margin: 0; padding: 0; }
.concept .header .image-clip-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.concept .header img { display: inline-block; vertical-align: middle; outline: none; }
.concept .header .vertical-align { display: inline-block; vertical-align: middle; height: 100%; }
.concept .header h1 { font-size: 24px; padding: 15px 165px 0 15px; line-height: 24px; }
.concept .header p { padding: 0px 165px 0 15px; font-size: 10px; line-height: 10px; }

.concept .text { position: absolute; top: 0; right: 0; width: 344px; height: 320px; background: #fff url(../images/concept-text-bg.png) right top repeat-y; padding: 15px 15px 21px 15px; }
.concept .text .content { height: 270px; -webkit-overflow-scrolling:touch; overflow-y: scroll; }
.concept .text h1 { font-size: 24px; margin: 0 0 10px 0; padding: 0 0 10px 0;  border-bottom: 1px solid #cfea0b; }
.concept .text h2 { font-size: 12px; margin: 0; }
.concept .text p { font-size: 12px; margin: 5px 0; }
.concept .text .arrow-down { height: 20px; position: absolute; bottom: 0; left: 0; width: 344px; border-top: 1px solid #cfea0b; margin: 0 15px; background: url(../images/arrow-down.png) center center no-repeat; }

.concept .top-left-image { background: #fff; overflow: hidden; width: 170px;height: 365px; position: absolute; margin: 0; padding: 0; text-align: center; }
.concept .top-left-image.no-image { background: url(../images/noimage_1.jpg) center center no-repeat; }

.concept .movies { overflow: hidden; width: 480px; position: absolute; left: 170px; height: 365px; }
.concept .movies .first { height: 270px; overflow: hidden; }
.concept .movies .strip { width: 480px; height: 95px; overflow: hidden; background: url(../images/concepts-bg.png);}
.concept .movies .strip .list { width: 454px; -webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: none; float: left; margin: 13px 0; }
.concept .movies .strip .arrow-right { border-left: 1px solid #cfea0b; width: 10px; height: 85px; float: left; margin: 5px; padding: 0 0 0 5px; background: url(../images/arrow-right.png) center center no-repeat; }
.concept .movies .strip ul { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; float: left;  }
.concept .movies .strip li { float: left; margin: 0 10px; }
.concept .movies .video-thumb { position: relative; overflow: hidden; vertical-align: bottom; _line-height: 0; display: inline-block; width: 120px; height: 67px; }
.concept .movies .video-clip { position: absolute; _position: static; bottom: -100px; top: -100px; left: -100px; right: -100px; text-align: center; white-space: nowrap; word-break: normal; }
.concept .movies .video-clip-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.concept .movies img { outline: none; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
.concept .movies .vertical-align { height: 100%; display: inline-block; vertical-align: middle; }
.concept .movies .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/play-button.png) center center no-repeat; }
.concept .movies.no-movies { background: url(../images/novideo.jpg) center center no-repeat; }
	
.concept .rich-data { width: 650px; position: absolute; bottom: 0; left: 0; height: 211px; }
.concept .rich-data .content { position: relative; width: 100%; height: 100%; }
.concept .rich-data .files { position: absolute; top: 0; left: 0; width: 325px; height: 105px; background: #fff url(../images/concept-text-bg.png) right top repeat-y; }
.concept .rich-data .files .file { height: 35px; padding: 20px; }
.concept .rich-data .files .file a { font-weight: normal; text-shadow: none; padding: 0 0 0 20px; background: url(../images/files.png) center left no-repeat; }
.concept .rich-data .files.no-files { background: url(../images/nofile.jpg) center center no-repeat; }
.concept .rich-data .websites { position: absolute; bottom: 0; left: 0; width: 325px; height: 106px; background: #fff url(../images/concept-text-bg.png) right top repeat-y; }
.concept .rich-data .websites .website { height: 36px; padding: 20px; }
.concept .rich-data .websites .website a { font-weight: normal; text-shadow: none; padding: 0 0 0 20px; background: url(../images/websites.png) center left no-repeat; }
.concept .rich-data .websites.no-websites { background: url(../images/nowebsite.jpg) center center no-repeat; }
.concept .rich-data .texts { position: absolute; top: 0; right: 0; width: 325px; height: 211px; overflow: hidden; background: #fff url(../images/concept-text-bg.png) right top repeat-y; }
.concept .rich-data .texts .text { -webkit-overflow-scrolling:touch;  overflow-y: scroll; position: static; top: none; right: none; width: 305px; height: 161px; padding: 10px; background: none;  }
.concept .rich-data .texts .text p { margin: 0; background: url(../images/texts.png) left top no-repeat; padding: 0 0 0 20px; }
.concept .rich-data .texts.no-texts { background: url(../images/nobg.jpg) center center no-repeat; }
.concept .rich-data .more { background: url(../images/concepts-bg.png); height: 30px; line-height: 30px; text-align: right; padding: 0 5px 0 0; }
.concept .rich-data .more a { background: url(../images/more-arrow.png) right center no-repeat; text-shadow: none; padding: 0 15px 0 0; text-transform: uppercase; }

.concept .bottom-right-image { position: absolute; bottom: 0; right: 0; text-align: center; width: 374px; height: 310px; }
.concept .bottom-right-image .image { background: #fff; overflow: hidden; width: 374px; height: 280px; position: relative; margin: 0; padding: 0; position: absolute; bottom: 30px; right: 0; }
.concept .bottom-right-image .more { background: url(../images/concepts-bg.png); height: 30px; width: 369px; line-height: 30px; text-align: right; padding: 0 5px 0 0; }
.concept .bottom-right-image .more a { background: url(../images/more-arrow.png) right center no-repeat; text-shadow: none; padding: 0 15px 0 0; text-transform: uppercase; }
.concept .bottom-right-image.no-image { background: url(../images/noimage_2.jpg) center center no-repeat; }

.tags .tag { overflow: hidden; background-color: #cfea0b; color: #000; cursor: default; float: left; white-space: nowrap; text-shadow: none; padding: 0 25px 0 10px; border-radius: 3px; margin: 0 10px 0 0; position: relative; line-height: 30px; }
.tags .tag .del { cursor: pointer; color: #cfea0b; background-color: #000; display: block; top: 0; right: 0; position: absolute; border-radius: 0 3px 0 0; line-height: 20px; width: 20px; font-size: 12px; text-align: center; }

.footer div { height: 39px; }

/* LOGIN */
#login-layout.columns { width: 100%; margin: 100px 0 0 0; }
#login-layout.columns .col-1,
#login-layout.columns .col-2 { width: 50%; float: left; }
#login-layout .jukebox { height: 400px; background: url(../images/vert-border.png) center right no-repeat; display: block; }
#login-layout .jukebox span { width: 100%; height: 100%; display: block; text-indent: -999px; overflow: hidden; background: url(../images/jukebox.png) center center no-repeat; }
#login-layout fieldset { margin: 0; }
#login-layout fieldset li { clear:both; list-style:none; padding-bottom: 0px; position: static; }
#login-layout fieldset input,
#login-layout fieldset .hint { float:left; }
#login-layout fieldset input[id=username] { width: 193px; background: #fff; border: 1px solid #666; padding: 7px 0 7px 7px; border-radius: 3px; }
#login-layout fieldset input[id=password] { width: 143px; background: #fff; border: 1px solid #666; padding: 7px 0 7px 7px; border-radius: 3px; }
#login-layout fieldset input[id=remember_me] { border: none; padding: 0;  }
#login-layout fieldset .hint {  clear: none; margin: 10px 0 0 7px; display: inline; text-shadow: none; }
#login-layout fieldset input { margin: 10px 0 0 0;}
#login-layout fieldset input.error { border: 1px solid #a00; background-color: #fee; }
#login-layout fieldset label { margin: 18px 0 0 0; width: 110px; float:left; font-weight: bold; text-shadow: none; }
#login-layout fieldset .errors { float: right; display: block; }
#login-layout label[for=login],
#login-layout label[for=remember_me] { overflow: hidden; text-indent: -999px; margin: 0; }
#login-layout .box { padding: 20px; margin: 110px 0 0 0; }
#login-layout .button { margin: 10px 0 0 0; font-weight: bold; border: 0; color: #cfea0b; padding: 6px 20px; cursor: pointer; display: block; background: #686f20; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
/* END LOGIN */