/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */
/* @group GLOBAL */
/* LAYOUT */
html,
body {
  color: #fff;
  font-size: 14px;
  background: #003a3b;
  line-height: 1.429em;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
#wrapper {
  color: #004042;
  background: #fff;
  position: relative;
}
#desk {
  width: 990px;
  margin: 0 auto;
}
.deskwidth {
  width: 990px;
  margin: 0 auto;
  position: relative;
}
#navigation {
  width: 970px;
  height: 135px;
  position: relative;
}
#home {
  float: left;
  width: 180px;
  height: 75px;
  border-bottom: none;
  margin: 29px 0 0 20px; /* hacks */
}
.logo {
  width: 180px;
  height: 75px;
  display: block;
}
#mood {
  float: right;
  width: 720px;
  height: 309px;
  background-position: 0 0; /* variant w/out jump: right 0 */
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
#mainarticle {
  float: left;
  width: 320px;
  margin: 52px 0 0 10px;
}
.cb-layout4 #mainarticle {
  width: 640px;
}
.cb-layout5 #mainarticle {
  width: 970px;
  margin-left: 20px;
}
.cb-layout2 #hallogenc {
  height: 0;
  float: left;
  width: 950px;
  line-height: 0;
  margin: 27px 0 0 20px; /* hacks */
  border-top: 2px solid #edf4d6;
}
#sectionbreak {
  float: left;
  width: 100%;
  height: 5px;
  margin-top: 80px;
  position: relative;
  margin-bottom: -5px;
  background: url(/images/sectionbreak.png) repeat-x 0 0;
z-index: 2;
}
#footer {
  float: left;
  width: 100%;
  background: #003a3b url(/images/footer.png) repeat-x 0 0;
  font-family: AllerRegular, 'Helvetica Neue', sans-serif;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.3))), url(/images/footer.png) repeat-x 0 0;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3)), url(/images/footer.png) repeat-x 0 0;
  background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3)), url(/images/footer.png) repeat-x 0 0;
  background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3)), url(/images/footer.png) repeat-x 0 0; /* hacks */
}
/* @end */
/* @group  MULTI-MOOD */
/* GENERAL */
#slides,
#expo div.link {
  height: 309px;
}
/* MOOD CONTAINER */
#expo {
  left: -20px;
  float: right;
  width: 720px;
  height: 309px;
  position: relative;
  background-position: 0 0; /* variant w/out jump: right 0 */
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
/* wide mood if no sub3 */
#navigation + #expo,
.cb-invisible + #expo { /* hacks */
  left: -20px;
  width: 960px;
}
/* IMAGE CONTAINER */
#slides {
  overflow: hidden;
  position: relative;
z-index: 10;
}
/* right-align mood images to leave text visible */
#slides > div {
  right: 0;
}
#slides img {
  display: block;
}
/* MOOD NAVIGATION */
#expo div.link {
  top: 0;
  width: 100%;
  position: absolute;
  background-image: none;

}
#expo div.link a.link {
  width: 64px;
  color: #fff;
  opacity: .9;
  height: 100%;
  position: absolute;
  text-indent: -9000px;
  background: transparent url(/images/expo-next.png) no-repeat 0 34px;
z-index: 500;
}
#expo .prev {
  display: none;
}
#expo div.link a.next {
  right: 0;
}
/* INDEX TABLE */
.cb-index-some {
  display: none;
}
#expo .cb-index {
  top: 18px;
  right: 10px;
  width: 53px;
  opacity: .9;
  position: absolute;
  border-collapse: collapse;
z-index: 550;
}
#expo td,
#expo td a {
  width: 5px;
  float: left;
  height: 5px;
  display: block;
  background: #fff;
  text-indent: -9000px;
  -o-transition: background 1s;
  -moz-transition: background 1s;
  -webkit-transition: background 1s;
  transition: background 1s;
}
#expo td {
  margin-right: 3px;
}
#expo .cb-index .this a {
  background: #0d3635;
}
#expo .cb-index a:hover,
#expo .cb-index a:active {
  background: #0d3635;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
/* @end */
/* @group NAVIGATION */
/* GENERAL */
div.navi {
  float: left;
}
div.navi div.item {
  float: left;
}
div.navi a.menu {
  /*font-weight: 800;*/
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
.menu:hover {
  text-decoration: none;
}
/* LEVEL 1 (language) */
div.sub1 {
  float: right;
}
div.sub1 a.menu {
  color: #03252a;
  padding: 0 6px;
  font-size: 13px;
  line-height: 2.4em;
  text-transform: uppercase;
  border-bottom: none;
}
div.sub1 .exit .menu {
  padding-right: 0;
}
div.sub1 a.path,
div.sub1 a.menu:hover {
  color: #a1c24d;
}
/* don't show only language */
#view .sub1 > .init.exit {
  visibility: hidden;
}
/* LEVEL 2 */
#navigation .sub2 {
  left: 250px;
  /*right: -29px;*/
  width: 756px;
  bottom: -1px;
  position: absolute !important;
}
#navigation div.sub2 a.menu {
  font-size: 13px;
  text-align: right;
  line-height: 13px;
  border-bottom: none;
  padding: 20px 27px 34px;
}
.fr #navigation div.sub2 .init a.menu {
  float: left;
  min-width: 104px;
}
.en #navigation div.sub2 a.menu {
  float: left;
  min-width: 9.4em;
}
#navigation div.sub2 a.path,
#navigation div.sub2 .menu:hover {
  color: #fff;
  background-color: #aac334;
  text-shadow: 0 -1px 0 rgba(0,0,0,.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4ce37), to(#a0b731));
  background-image: -webkit-linear-gradient(top, #b4ce37, #a0b731);
  background-image: -moz-linear-gradient(top, #b4ce37, #a0b731);
  background-image: -ms-linear-gradient(top, #b4ce37, #a0b731);
  background-image: -o-linear-gradient(top, #b4ce37, #a0b731);
  background-image: linear-gradient(top, #b4ce37, #a0b731);
}
#navigation div.sub2 .menu:first-line {
  color: #004042;
  font-size: 18px;
  line-height: 26px;
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
}

/* level2 edit mode */
#edit #navigation .sub2 .menu:first-line {
  font-size: 13px;
}
/* LEVEL 3 */
#desk div.sub3 {
  width: 220px;
  margin-left: 20px;
}
#desk div.sub3 div.item {
  width: 220px;
}
#desk div.sub3 div.init {
  margin-top: 63px;
}
#desk div.sub3 a.menu {
  float: left;
  margin: 3px 0 3px 1px; /* hacks */
  display: inline;
  font-size: 15px;
  padding: 2px 0 1px;
  border-bottom: 2px solid #a3bc31;
}
#desk div.sub3 a.path,
#desk div.sub3 a.menu:hover {
  color: #004042;
  border-bottom-color: #004042;
}
/* FOOTER NAVIGATION */
#footer .sub2 {
  width: 980px;
  margin-left: 22px; /* hacks */
  padding-bottom: 32px;
}
#footer .sub2 .item {
  width: 240px;
}
#footer .sub2 .menu {
  color: #fff;
  height: 2.4em;
  font-size: 20px;
  overflow: hidden;
  line-height: 3.1em;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  border-bottom: none;
}
#footer .sub3 .menu {
  color: #93aa2b;
  height: inherit;
  font-size: 15px;
  font-weight: 400;
  overflow: visible;
  line-height: 1.1em;
  padding: 7px 0 6px;
  font-family: AllerRegular, 'Helvetica Neue', sans-serif;
  -o-transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
  transition: color .5s;
}
#footer .sub3 .menu:hover,
#footer .sub3 .menu:focus {
  color: #acc835;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
/* @end */
/* @group CONTENT */
/* HEAD */
#head {
  float: left;
  width: 300px;
  margin-left: 10px;
}
.cb-layout3 #head {
  width: 940px;
  margin: 52px 0 0 20px; /* hacks */
}
.cb-layout4 #head {
  width: 620px;
}
h1,
div.unit h2, /* neu */
/*.seam h2,
.cb-layout1 .side .pure:first-child h2,
.cb-layout1 .base .pure:first-child h2,
.cb-layout2 .side .pure:first-child h2,
.cb-layout2 .base .pure:first-child h2,
.cb-layout4 .side .pure:first-child h2,
.farwest .pure:first-child h2, */
.farnorth .unit h2 {
  font-size: 30px;
  font-weight: 100;
  line-height: 1.2em;
  padding-bottom: 5px;
  font-family: AllerLightRegular, 'AllerRegular', 'Helvetica Neue', sans-serif;
}
/* normal lead */
div.seam h2,
div.flat h2,
h3 {
  padding: 0;
  font-size: 18px;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
#desk .flat .head {
  padding-top: 8px;
}
/* custom main, side, base & fareast */
div.area div.unit {
  margin: 10px 0;
}
div.area h2, 
div.area div.foot {
  margin: 0 10px;
}
div.area div.part, 
div.area div.grid table {
  margin: .4em 10px;
}
div.area,
div.area div.unit {
  width: 320px;
}
div.area div.unit table, 
div.area div.unit div.tall {
  width: 300px;
}
div.area div.unit div.tiny {
  width: 140px;
}
/* farnorth */ /* south was same */
div.farnorth {
  width: 980px; /* custom + 20 */
}
div.farnorth div.unit {
  margin: 0 10px;
}
div.farnorth h2, 
div.farnorth div.foot {
  margin: 0;
}
div.farnorth div.part, 
div.farnorth div.grid table {
  margin: .4em 0;
}
div.farnorth div.unit {
  width: 220px;
}
div.farnorth div.wide table, 
div.farnorth div.wide div.part {
  width: 220px;
}
/* farwest & layout4 main */
div.farwest,
.cb-layout4 div.main {
  width: 640px;
}
div.farwest div.wide,
.cb-layout4 div.main div.wide {
  width: 640px;
}
div.farwest div.wide table, 
div.farwest div.wide div.tall,
.cb-layout4 div.main div.wide table, 
.cb-layout4 div.main div.wide div.tall {
  width: 620px;
}
div.farwest div.wide div.tiny,
.cb-layout4 div.main div.wide div.tiny {
  width: 300px;
}
/*  farnorth slim */
div.farnorth .slim h2, 
div.farnorth .slim div.foot {
  margin: 0 17px;
}
div.farnorth .slim .part, 
div.farnorth div.slim table {
  margin: .4em 17px;
}
div.farnorth div.slim table, 
div.farnorth div.slim div.part {
  width: 186px;
}
/* layout3 main & side */
.cb-layout3 div.main,
.cb-layout3 div.side {
  width: 480px;
}
.cb-layout3 div.main div.wide,
.cb-layout3 div.side div.wide {
  width: 480px;
}
.cb-layout3 div.main div.wide table, 
.cb-layout3 div.main div.wide div.tall,
.cb-layout3 div.side div.wide table, 
.cb-layout3 div.side div.wide div.tall {
  width: 460px;
}
.cb-layout3 div.main div.wide div.tiny,
.cb-layout3 div.side div.wide div.tiny {
  width: 220px;
}
.cb-layout3 div.main div.slim,
.cb-layout3 div.side div.slim {
  width: 240px;
}
.cb-layout3 div.main div.slim table, 
.cb-layout3 div.main div.slim div.tall,
.cb-layout3 div.side div.slim table,
.cb-layout3 div.side div.slim div.tall {
  width: 220px;
}
.cb-layout3 div.main div.slim div.tiny,
.cb-layout3 div.side div.slim div.tiny {
  width: 100px;
}
/* layout5 main */
.cb-layout5 div.main {
  width: 950px;
}
.cb-layout5 div.main div.unit {
  margin: 10px 0px;
}
.cb-layout5 div.main h2, 
.cb-layout5 div.main div.foot {
  margin: 0 0px;
}
.cb-layout5 div.main div.part, 
.cb-layout5 div.main div.grid table {
  margin: .4em 0px;
}
.cb-layout5 div.main div.wide {
  width: 950px;
}
.cb-layout5 div.main div.wide table, 
.cb-layout5 div.main div.wide div.tall {
  width: 950px;
}
.cb-layout5 div.main div.wide div.tiny {
  width: 950px;
}
.cb-layout5 div.main div.slim  {
  width: 950px;
}
.cb-layout5 div.main div.slim table, 
.cb-layout5 div.main div.slim div.tall {
  width: 950px;
}
.cb-layout5 div.main div.slim div.tiny {
  width: 950px;
}






/* AREA PLACEMENT */
.side,
.base {
  margin-top: 42px;
}
.cb-layout4 .side {
  margin-top: 93px;
}
.farnorth {
  margin: 0 0 -3px 10px; /* #footer shadow */
}
.farwest {
  margin: 23px 0 0 10px;
}
.fareast {
  margin-top: 79px;
}
.cb-layout3 .main {
  margin: 30px 0 0 10px;  /* hacks ? */
}
.cb-layout3 .side {
  margin-top: 30px;
}
/* AREA MIN-HEIGHT */
#wrapper div.farnorth {
  min-height: 80px;
}
/* VERTICAL MARGINS */
/* increase margin part <-> lead */
.area .part + .lead h3 {
  padding-top: 4px;
}
/* align pict & first h3 in layout 3 */
.pict.tiny:first-child + .lead,
.file.tiny:first-child + .lead {
  margin-top: 0;
}
/* more spacing after first lead */
.pict.tiny:first-child + .lead + .text {
  margin-top: 1em;
}
/* align parts mainarticle & side */
#desk #mainarticle .body {
  margin-top: -.3em;
}
#desk #mainarticle .head + .body {
  margin-top: .4em;
}
/* @end */
/* @group UNITS */
/*  ALL PURE */
div.unit,
div.unit div.head,
div.pure div.head h2 {
  border: none;
  color: #004042;
  background: transparent;
}
/* FLAT */
div.flat {
  background-color: #edf4d6;
}
/* FLAT LINK */
.flat div.link {
}
.flat div.link .open,
.flat div.code .open {
  color: #fff;
  width: 143px;
  margin-left: 0;
  text-align: center;
  padding: 2px 12px 6px;
  border-radius: 4px;
  border: 1px solid #93a82c;
  background: #7e9029 url(/images/flatlink.png) repeat-x 0 0;
  /* shadow */
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
  box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
}
.flat div.link .open:hover,
.flat div.code .open:hover {
  color: #fff;
  text-decoration: none;
  background-color: #9db233;
  background-position: 0 -100px;
}
.flat div.link .open:active,
.flat div.code .open:active {
  background: #9db333;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.customlink {
  font-size: 15px;
  font-family: AllerBold,AllerRegular,'Helvetica Neue',sans-serif;
}
.customlink:hover {
  color: #bbddff;
  text-decoration: none;
  background-color: #9db233;
  background-position: 0 -100px;  
}
/* FARNORTH UNITS */
.farnorth .unit {
  padding: 51px 0 10px;
}
.farnorth .unit:last-child h2 {
  white-space: nowrap; /* for 'facebook' ? */
}
/* LAYOUT 3 MAIN & SIDE UNITS */
.cb-layout3 .main .unit,
.cb-layout3 .side .unit {
  min-height: 13.85em;
  margin-bottom: 30px;
  background: url(/images/layout3-unit.png) no-repeat 10px bottom;
}
.cb-layout3 .main .flat,
.cb-layout3 .side .flat {
  background-repeat: repeat-y;
}
.cb-layout3 .main .slim,
.cb-layout3 .side .slim {
  background-position: -460px bottom;
}
/* @end */
/* @group PARTS */
/* LEAD */
h3,
h5,
h6 {
  font-weight: 400;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
h4 {
  font-size: 18px;
  font-weight: 100;
  font-family: AllerLightRegular, 'AllerRegular', 'Helvetica Neue', sans-serif;
}
h5 {
  font-size: 1em;
  font-family: AllerRegular, 'Helvetica Neue', sans-serif;
}
h5 {
  font-weight: 400;
}
h6 {
  font-size: 1em;
  font-weight: 400;
}
/* TEXT */
strong {
  font-weight: 400;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
div.text p.loud {
  padding: 0;
  color: #004042;
  font-size: 18px;
  background: none;
  line-height: 26px;
  font-family: AllerLightRegular, 'AllerRegular', 'Helvetica Neue', sans-serif;
}
div.text p.loud strong,
div.flat p.loud {
  font-family: AllerRegular, 'Helvetica Neue', sans-serif;
}
div.text p.pale {
  color: #969898;
  font-size: 12px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
div.text p.skew {
  font-size: 18px;
  font-weight: 100;
  line-height: 26px;
  font-style: normal;
  font-family: AllerLightItalic, AllerItalic, 'AllerRegular', 'Helvetica Neue', sans-serif;
}
div.flat p.skew {
  font-weight: 400;
  font-family: AllerItalic, 'AllerRegular', 'Helvetica Neue', sans-serif;
}
/* LINK / FILE */
a,
a.open,
div.link a.open {
  color: #93aa2b;
  text-decoration: none;
}
.unit a {
  border-bottom: 2px solid #a3bc31;
}
#work a,
#root .hash {
  border-bottom: 0;
}
a:hover,
div.link a.open:hover {
  text-decoration: none;
}
.open:hover {
  color: #829726;
  border-color: #829726;
}
#root a.null:hover {
  text-decoration: none;
}
div.link a.open {
  display: inline;
  margin-left: 14px;
}
#edit .link .grow {
  display: block;
}
div.link {
  background-position: 0 .45em;
  background-image: url(/images/link.png);
}
div.mail {
  background-image: url(/images/mail.png);
}
/* CONTENT LINKS */
.text .open,
.lead .open,
.list .open,
.link .open,
.load .load {
  font-size: 15px;
  /*font-weight: 800;*/
  /*text-decoration: underline;*/
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
/* PICT */
div.unit div.crop {
  height: 320px;  
}
/* LIST */
div.list p.item {
  list-style-image: url(/images/list.png);
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
/* LINE */ 
div.line hr {
  color: #edf4d6;	
  border-color: #edf4d6;
}
/* TABLES */
div.grid table td {
  border-color: #999;
  border-style: solid;
}
div.grid table thead td,
div.grid table tfoot td {
  background: #ccc; 
  /*font-weight: 800;*/
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
div.grid table.vert tbody.beam td.odd,
div.grid table.horz tbody.beam tr.odd td {
  background: #eee;
}
/* FILTER */
div.cats p a.same {
  color: #999;
}
div.cats p span.same {
  color: #333;
}
div.scan a.same,
div.scan li.same,
div.scan td.same,
div.scan span.same {
  background-color: #ddd;
}
div.this a.same,
div.this li.same,
div.this td.same,
div.this span.same {
  color: #fff;
  text-decoration: none;
  background-color: #900;
}
/* fix default.css */
#root div.cats a {
  padding: 0;
}
div.cats .cb-count {
  padding-left: 5px;
}
/* @end */
/* @group SERVICES */
/* SERVICES */
#services {
  width: 950px;
  color: #003a3b; /* temp */
  margin: 0 auto;
  font-size: 13px;
  line-height: 30px; /* increase clickable area */
  position: relative;
  padding-bottom: 5px;
}
#services .meta {
  color: #eee;
  padding: 0 11px;
  border-bottom: none;
  color: rgba(255,255,255,.8);
  -o-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#services .meta:first-child {
  padding-left: 0;
}
.service_copyright {
  top: 0;
  right: 0; /* only if padding=10px */
  position: absolute;
  text-transform: lowercase;
}
#services .meta:hover,
#services .meta:focus {
  color: #fff;
  text-decoration: none;
}
#services .service_copyright:hover,
#services .service_copyright:focus {
  color: rgba(255,255,255,.6);
  text-shadow: -9px 0 1px rgba(255,255,255,.5), -6px 0 3px rgba(255,255,255,.3), 6px 0 3px rgba(255,255,255,.3);
}
/* EXTERNALPAGES */
#externalpages {
  list-style: none;
}
#externalpages .meta {
  display: block;
  font-size: 15px;
  line-height: 30px;
  border-bottom: none;
  padding: 0 0 8px 31px;
  text-decoration: underline;
  background: url(/images/meta.png) no-repeat 0 4px;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
#externalpages .service_twitter {
  background-position: 0 -46px;
}
#externalpages .service_youtube {
  background-position: 0 -96px;
}
/* LIGHTBOX */
#disp {
  background: #fff;
  border: 3px solid #888;
}
#lbox div.head,
#lbox div.head h2,
#lbox div.head a.quit {
  color: #444;
  height: 36px;
  background: #ddd;
  line-height: 36px;
}
#disp div.head h2 {
  font-size: 1em;
  font-weight: 400;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}
/* @end */
/* @group SELECTIONS */
::-moz-selection { /* has to stay separate */
  color: #fff;
  background: #adc837;
}
::selection { /* has to stay separate */
  color: #fff;
  background: #adc837;
}
/* @end */


/*  FORMULAR */
div.form {
  font-family: AllerRegular, 'Helvetica Neue', sans-serif;   
}

div.form h3 {
  padding-bottom: 8px;
}

div.form input.text {
  color: #a3a3a3 !important;
  padding: 4px 8px;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #c1c1c1;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.13) inset;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.13) inset;
  box-shadow: 0 0 5px rgba(0,0,0,.13) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

div.form input.text:focus {
  outline: -webkit-focus-ring-color auto 5px;  
}

div.form label {
  padding: 4px 0;
}


#root div.form input.submit {
  color: #fff;
  width: 143px;
  margin-left: 0;
  cursor: pointer;
  padding: 2px 0 6px;
  text-align: center;
  border-radius: 4px;
  line-height: 26px;
  border: 1px solid #93a82c;
  background: #7e9029 url(/images/flatlink.png) repeat-x 0 0;
  /* shadow */
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
  box-shadow: 0 0 5px rgba(0,0,0,.3), 0 1px 1px rgba(255,255,255,.2) inset;
}
#root div.form input.submit:hover {
  color: #fff;
  text-decoration: none;
  background-color: #9db233;
  background-position: 0 -100px;
}
#root div.form input.submit:active {
  background: #9db333;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}
#root div.form input.submit {
  float: right;
  width: 112px;
  padding: 0 0 4px 0;
  /* separate diff from .flat .open */
  font-size: 16px;
  text-transform: lowercase;
  font-family: AllerBold, AllerRegular, 'Helvetica Neue', sans-serif;
}