/* @FLAGS  */
/* @FILE default.css */
img.left, img.right {
  margin: 1em;
  -moz-box-shadow: 1px 1px 6px silver;
  -webkit-box-shadow: 1px 1px 6px silver;  
  box-shadow: 1px 1px 6px silver;
  border: 8px solid white;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='silver', Positive='true');
}



/* @FILE global-2.css */
@namespace elixon url("http://www.webdevelopers.eu/elixon");

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 1em;
  text-shadow: 2px 2px 3px #141A1D;
}

#share {
  display:block;
  margin: 10px;
  padding: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
#share li {
  display: inline;
  padding: 0px 0px;
  margin: 0.3em;
}
#share a {
  text-decoration: none;
}
#share a:hover, #share a:active {
  text-decoration: underline;
}

.langs {
  display:block;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 10px;
  line-height: 25px;
  font-size: 0.9em;
  text-transform: lowercase;
}

.langs li {
  display: inline;
  padding: 0px 1em;
  margin: 0px;
}

.langs li.current {
  display: none;
}

.langs a {
  text-decoration: none;
  color: #5F7580;
}

.langs a:hover, .langs a:active {
   text-decoration: underline;
   color: silver;
}


html {
  color: #AEBCC3;
  font-family: arial;
  background-color: black;
  background-image: url('data/bg.jpg');
  background-position: center top;
  background-repeat: repeat-y;
  line-height: 1.4em;
  font-size: 0.9em;
}

body {
  position: relative;
  margin: 0px auto 80px auto;
  width: 801px;
}

#page {
  background-position: center top;
  background-repeat: repeat-y;
}

#menu {
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: block;
  height: 27px;
  overflow: hidden;        
  line-height: 26px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;        
}

#menu li {
  margin: 0px;
  padding: 0px;           
  display: inline;
}

#menu a {
  padding: 1em 1em;
  text-decoration: none;
  color: #BCC3C6;
}

#menu a:hover, #menu a.current, #menu a.active {
  color: white;                
}

#menu a.current, #menu a.active {
  background-image: url('data/menuhighlight.jpg');
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0px 1px;
  border-color: #AEBCC3;
  border-style: solid;
}

a {
  color: #DBCE6A;
}

#content {
  overflow: hidden;
}

blockquote {
  margin: 1em 0.5em;
  font-style: italic;
}
blockquote:before {
  content: '"';
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 4em;
  float: left;
  display: block;
  margin: 0.25em 0.25em 0em 0em;
}
blockquote:after {
  content:  '"';
  font-family:  Palatino Linotype, Book Antiqua, Palatino, serif;
}

img {
  border: 0px;
}

#wd {
  background-image: url(data/wdlogo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}

#wd span {
  display: none;
}

#wd .since {
  color:#7F8487;
  display:block;
  font-size:0.7em;
  position:relative;
  text-decoration:none;
  text-transform:uppercase;
  top: 50px; 
}

.error {
  color: #EE5C3D;
}

.formThankYou, .form {
  margin: 0em auto 2em auto;
}
.formThankYou, .form, .formInput input, .formInput select, .formInput textarea {
  width: 300px;
}
.formLabel {
  margin: 0.5em 0em;
  display: block;
}
.formInput input, .formInput select, .formInput textarea {
  background-color: #171F22;
  border: 1px solid #505559;
  border-radius: 5px; 
  -moz-border-radius: 5px;
  color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.formInput textarea {
  height: 150px;
}
.formRow {
  margin: 1em 0em;
}
.formActions {
  text-align: center;
}
.formThankYou {
  text-align: center;
  font-size:1.2em;
  font-weight:bold;
  margin:4em auto;
}

elixon|form {
  width: 300px !important;
  margin: 0px auto !important;
}

/* @FILE apply-2.css */
.warning {
  border: 2px solid white;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #3C4951;
  padding: 1em;
  color: white;
  margin: 10px 0px;
} 

#menu a.p1 {
  height:100px;
  left:0;
  position:absolute;
  top:26px;
  width:600px;
  z-index: 100;
}

#menu .p1 span {
  display: none;
}

/* @FILE subpage.css */
#demoLink {
  height:64px; 
  overflow-x:hidden;
  overflow-y:hidden; 
  position:absolute;
  right:20px;
  top:52px;
  width:127px;
}

#demoLink span {
  display: none;
}

#page {
  background-image: url('data/bgmiddle2.jpg');
}

#pageInner {
  background-image: url('data/bgtop2.jpg');
  background-position: center top;
  background-repeat: no-repeat;
}

#pageInner2 {
  background-image: url('data/bgbottom2.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
}

#projectName span {
  display: none;
}

#projectName .name, #projectName .fn, #projectName .motto {
  color: white;
  text-align: center;
  padding: 0px;
  position: absolute;
  white-space: nowrap;
}

#projectName .name {
  left: 180px;
  width: 440px;
  height: 36px;
  line-height: 36px;
  font-size: 36px;
  top: 70px;
  text-transform: uppercase;
}

#projectName .fn, #projectName .motto {
  left: 250px;
  width: 300px;
  text-transform: uppercase;
  color: #7E949E; 
}

#projectName .fn {
  letter-spacing: 1px;
  top: 45px;
  font-size: 14px;
  font-weight: normal;
}

#projectName .motto {
  letter-spacing: 2px;
  top: 103px;
  font-weight: bold;
  font-size: 12px;
}

#title {
  margin: 0px 0px 1em 0px;
  height: 36px;
  line-height: 36px;
  pad  x-text-shadow: 0px 0px 5px #141A1D;ding: 0px;
  font-size: 18px;
  text-align: center;
  text-shadow: 2px 2px 3px #141A1D;
  color: #EEE;
}

#content {
  margin: 110px 0px 0px 3px; 
  padding: 0px;
}

#contentBody {
  margin: 0px 20px 30px 20px;
}

.rightBlock {
  border-left: 1px solid rgb(56, 69, 77); 
  margin: 1em 2em; 
  padding: 10px 25px; 
  width: 350px; 
  float: right; 
}

.contact .form, .contact .formThankYou {
  float: left !important;
}

/* This is for WYSIWYG to simulate the behavior of html:form, must be separate because of the IE8 */
.contact elixon|form {
  float: left !important;
}

.nextVideo {
  margin: 1em;
}

/* @FILE default.css */
.pricing {
  width: 100%;
  border: 1px solid gray;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: rgba(50, 65, 72, 0.3);
  border-spacing: 0px;
}

.pricing tr:hover {
  background-color: black;
}

.pricing .ideal {
  background-color: rgb(50, 65, 72) !important;
}

.pricing tr:hover .ideal {
  background-color: #2E3C42 !important;
}
.pricing tr.fee:hover .ideal {
  color: #5B7685;
}
.pricing tr.fee:hover {
  color: #2B3840;
}
.pricing tr.fee:hover i {
  color: white;
}

.pricing th, .pricing td {
  padding: 0.4em 0.5em;
} 

.pricing thead {
  font-size: 1.7em;
  white-space: nowrap;
  color: white;
  text-shadow: 1px 1px 1px black;
}

.pricing tbody th, .pricing tfoot th {
  text-align: left;
  color: white;
}

.pricing td {
  text-align: center;
}

.pricing tfoot {
  background-color: #2B3840;
}

.pricing tfoot td {
  font-size: 1.6em;  
}

.pricing tfoot .setupFee td {
  color: #94A298;
}

.pricing tfoot .trial td {
   background-color: #252D34;
}

.pricing tfoot i {
  font-size: 0.5em;
  font-style: normal;
  margin-top: 0.2em;
  display: block;
}

.pricing caption {
  font-size: 1em;
  margin: 0.3em;
  text-align: right;
  font-style: italic;
  caption-side: bottom;
}

.pricing .trial a {
  font-size: 0.5em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}