@font-face {
    font-family: 'JudsonMedium';
    src: url('fonts/Judson-Regular-webfont.eot');
    src: url('fonts/Judson-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Judson-Regular-webfont.woff') format('woff'),
         url('fonts/Judson-Regular-webfont.ttf') format('truetype'),
         url('fonts/Judson-Regular-webfont.svg#JudsonMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IstokWebBold';
    src: url('fonts/IstokWeb-Bold-webfont.eot');
    src: url('fonts/IstokWeb-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/IstokWeb-Bold-webfont.woff') format('woff'),
         url('fonts/IstokWeb-Bold-webfont.ttf') format('truetype'),
         url('fonts/IstokWeb-Bold-webfont.svg#IstokWebBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
   background-color: #9bb5d3;
   background-image: linear-gradient(#d0e7fb 0%,#9bb5d3 600px);
   background-repeat: no-repeat;
   font-family:"JudsonMedium","Georgia",serif;  
   font-size:11pt;
   margin:0px;
   padding:0px;
}
#page {
   /*margin:2em auto 1em auto;*/
   margin:0px;
   background-color:white;
   border:1px outset white;
   box-shadow: #444 8px 8px 10px;   
   border-radius: 20px;   
}

#page {
   min-height:560px;
}

#content {
   padding: 5px 2em 2em 2em;
   margin-left:120px;
   /*border-left:1px solid #888;*/
   margin-top:0px;
   min-height:560px;
   /*padding-bottom:0px;
   margin-bottom: 0px;*/
}

h1,h2,h3,h4,h5 {
   font-family:"IstokWebBold",sans-serif; 
   margin:15px 0 5px 10px;  
   padding:0px;
}

.centerAlign {
   text-align: center;
}

h1 {
   border-radius: 20px 20px 0px 0px;
   color:red;
   display:block;
   height:50px;
   border-bottom:1px solid #888;
   margin:0;
   background:linear-gradient(#e2eefd,#cbdff7);
   background-color:#cbdff7;
   text-shadow: 1px 1px 2px #444;
   font-family: sans-serif;
}

h1 a {text-decoration: none;}
h1 a:hover {text-decoration: none;}


h2 {
   font-size:15pt
}

h3 {
   font-size:14pt;
}

h4 {
   font-size:10pt;
}

h2,h3,h4,h5 {margin-left:1px; text-align: center;}
p,.p {
   padding:0;
   margin:10px auto 10px auto;
   /*max-width: 700px;*/
}

address {
    /*max-width: 700px;*/
    margin:10px auto 10px auto;
}

ul {
   margin-left:auto;
   margin-right:auto;
   /*max-width: 700px;*/
}

a {   
   color:#254aff;
   text-decoration:none;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

a:hover {   
   color:#f80;
   text-decoration:underline;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

#footer {
   width:800px;
   margin:15px auto 15px auto;
   font-family:sans-serif;
   color:#444;
   text-align:center;
}

#menu li.level1 a:before {content: "- ";}

#menu {font-size: 14px;}

#menu li.submenu  {
    display:block;
    padding:0;  
   margin:0;   
   list-style:none;   
   font-size:90%;
}

#menu li img {
    vertical-align: text-bottom;       
    margin-right:3px;
    position: relative;
    left:-8px;
}

#menu li img+span.name {
    position: relative;
    left:-8px;
}


#menu li.submenu  a {
    display:block;
}

#menu li.item {   
   padding:0;  
   margin:0;      
   list-style:none;
   display:block;  
}



#menu ul {
    padding-left:0px;
    padding-top: 0px;
    margin-top:0px;
    display:block;   
}

#menu {              
   float:left;   
   width:120px;  
}
#menu li.item a {
   display:block;  
   color:black;
   border: 1px solid transparent;
   text-align: center;
   border-bottom: 1px solid #88f;
   border-right: 1px solid #88f;
}

#menu li.level0 a {
    padding: 7px 10px 7px 10px;   
}

#menu li.level1 a {
    padding: 2px 10px 2px 10px;   
}

#menu li.level1 a {
    background-color: #e2eefd;
}

#menu li.item a:hover {
   text-decoration:none;
   background-image: linear-gradient(#f2e9c6 0%,#f2e9c6 50%,#efd06f 50%,#f2e9c6 100%);
   background-color:#f2e9c6;
   border-bottom: 1px solid #bdbcaa;
   border-right: 1px solid #bdbcaa;
   border-radius:2px;
}



#menu li.item.selected a {
   background-image: linear-gradient(#f2e9c6 0%,#f2e9c6 50%,#efd06f 50%,#f2e9c6 100%);
   background-color:#f2e9c6;
   font-weight:bold;
   border-bottom: 1px solid #bdbcaa;
   border-right: 1px solid #bdbcaa;
   border-radius:2px;
}

#menu li.level0 a:active {
   text-decoration:none;
   background-image: linear-gradient(#f2ba87 0%,#f0af76 50%,#ed9f66 50%,#f0a667 100%);
   background-color:#f2e9c6;
   border: 1px solid #a7a59e;
}

#menu li.level1 a {
    text-align:left;
}

#menu_admin li {
   padding:0;  
   margin:0;   
   list-style:none;
   padding:0;  
   margin:0;   
   font-size: 14px;   
}

#menu_admin ul {   
   display:block;   
   background-color:#fee;  
   border-bottom:1px solid red;
   padding-left:15px;   
   margin-left:0px;
   padding-left:0px;
   margin-left:120px;   
}
#menu_admin li a {
   display:block;  
   color:red;
   padding: 2px 10px 2px 10px;
}
#menu_admin li a:hover {
   text-decoration:none;
   background-color:#fcc
}

#menu_admin li.selected a {
   background-color:#fcc;
   font-weight:bold;
}

.titlepart1 {   
   color:#254aff;   
   display:inline-block;
}

.titlepart2 {
   color:#555;
   display:inline-block;
}

.titlepart3 {
   color:red;
   display:inline-block;
}

a img {border:0px;}

/*.fb-like {position:relative; top:-4px;}*/

#likes {display:block;}
#likes .item {
    display:block;
    text-align: center;
    margin:4px 0px;
}

#footer .links {display:inline-block; position:relative; top:-0.4em; margin-left:3ex;}
#footer .links a {color:#15428b;}

#author {
   display:inline;
   float:right;
}

label.title {
   font-weight: bold;
}

#guestbook label {
   font-weight: bold;
}

#guestbook .form {
   margin-left:1em;
}

#guestbook .form .author label.blk {
  display:inline-block;
  width:50px;
  height:30px;
  text-align:right;    
  margin-right:1ex;
}

#guestbook .form .author {
  display:inline-block; 
  text-align:center;
  vertical-align: top;
  margin-top:2em;
}

input.text {
  border: 1px solid #85a3c6;
  border-radius:2px;
  background-color: #e9eff5;
}
textarea {
  border: 1px solid #888;
  background-color: #e9eff5;
}


#guestbook input.button {
  padding: 1px 2ex;
}
#guestbook .records {
  margin-top:1em;  
}

#guestbook .record {
  border:1px solid #ddd;
  margin: 0;
}

#guestbook .reply {
   margin-left:20px;
}


#guestbook .record .date {
   font-size: small;
}

#guestbook .record .text {
}
#guestbook .record .author {   
  text-align:right;
  height:40px;
}

.error {
   color:red;
   font-weight: bold;
}

.code {background-color: #c8dbee; padding:1em;
    margin-left:auto;
   margin-right:auto;
/*max-width: 600px;*/
}

.mainscrenshot {
   width:200px;
   padding-top:20px;
   text-align:center;
}

.mainpreview {
    float:left;
}

.awards {
 text-align:center;  
 position: relative;
}

.optimized {clear:both;}

.award {margin-bottom: 30px;}

.award img {
    margin:5px;    
}

.awards img {
    vertical-align: middle;
}
.download  {
  
}

.download a {
   margin-bottom:20px;
   margin-left:5px;  
   line-height: 50px;   
   text-align: center;  
   display:inline-block;
   padding:3px;
}

.download a:hover {
   text-decoration: none;
}

.download a.down {
   margin-left:8px;
   margin-top:3px; 
}


#features {
   margin-left:200px;
}
#page {
  margin-left:auto;
  margin-right: auto;
  background-image:linear-gradient(to right,#e2eefd 0px,#cbdff7 119px,#888 120px);
  background-color:white;
  background-size:120px 100%;
  background-repeat:repeat-y;
  padding-left: 0px;
  margin-top:1em;
}
#left {  
  display:inline-block;
  width: 100%;
}
#right {  
  display:inline-block;
  margin-top:50px;
  /*display:none;*/
  vertical-align:top;
  margin-left:2ex;
  box-shadow: #444 8px 8px 10px;
}

#main {   
   min-width:780px;  
   max-width:900px;
   margin: 0 auto 0 auto;
}


#donation_amount {
   font-size:130%;
   font-weight:bold;   
}

.donation {
   margin-top:2em;
}

.actions {
   float:right;
   font-size:smaller;
}

#guestbook .record .author .jpexs {   
  color:blue;
  font-weight: bold;
}

.icon {
   vertical-align: -2px;
   margin-right: 2px;
}

.anonymous {
   font-style: italic;
}

#form_login {
   display:inline-block;
   text-align: center;
}

#form_login label {
   display:inline-block;
   width:100px;
   text-align: right;
}

#form_login .button {
   margin-top: 5px;
}

#form_login input.text {
   margin:2px;
}

#user {  
  float:right;
}
#user .userName {
  margin-right:1ex;
  font-weight: bold;
}

tr.row1 {
   background-color: #c8dbee;
}

tr.row2 {
   background-color: #c0d2e4;
}

tr td {
   padding: 2px;
   color:black;
}

table {
  border-collapse:collapse;
}

tr td {
  border:1.5px solid #93b0d6;
}

tr th {
  color:black;
  border:1.5px solid #93b0d6;
  background-color:#c7d8f0;
  padding:2px;
  font-weight:bold;
}

#issue .detail {   
  border:1px solid #88aad8;
  background-color:#d9e7fa;
  margin-bottom:1em;  
  border-radius:2px;
}

#issue .detail .label {
  font-weight:bold;
}

#issue .detail .title {
  background-image:linear-gradient(#f1f7fe 0%,#f1f7fe 50%,#e1eaf6 50%,#e2ebf7 100%);
  background-color: #e2ebf7;
  border-bottom:1px solid #ccc;
  font-weight:bold;
}

#issue .record {
  border:1px outset #88aad8;
  background-color:#d9e7fa;
  margin-left:1ex;
  margin-top:5px;
  border-radius:2px;
}

#issue .record .title {
  background-image:linear-gradient(#f1f7fe 0%,#f1f7fe 50%,#e1eaf6 50%,#e2ebf7 100%);
  background-color: #e2ebf7;
   border-bottom:1px solid #ccc;
  padding:2px;
  position: relative;
}

#issue .record .title .author {
  display:inline-block;
  font-weight:bold;
}

#issue .record .title .author a {
    color:black;
}
#issue .record .title .author a:hover  {
    color:#f80;
   text-decoration:underline;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

#issue .record .title .authoricon {
  display:inline-block;  
  position:absolute;
  right:5px;  
  top:2px;
}

#issue .record .title .authoricon img{
    width:10px;
    height:10px;
}

#issue .record .title .authoricon:hover { 
  right:3px;  
  top:0px;
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
}

#issue .record .title .authoricon:hover img{
    width:16px;
    height:16px;
    -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
}

#issue .record .title .date {
  display:inline-block;
}

#issue_write {
  margin-left:1ex;
  margin-top:5px;
}

#issue_write textarea {
  width:100%;
  height:6em;
}

#issue_write_new textarea {
  width:100%;
  height:10em;
}

#issue_write_new label {
   text-align:right;
   display: inline-block;
   width:10ex;
   margin-right: 1ex;
}

#issue_write {
   text-align: center;
}

#addFiles {
   margin:8px;
}

#captcha {
   vertical-align: bottom;
}

.row.state0 {background-color:#9BF;}
.row.state1 {background-color: yellow;}
.row.state2 {background-color:grey;}
.row.state3 {background-color:#99B;}
.row.state4 {background-color:#9B9;}
.row.state5 {background-color:#B99;}
.row.state6 {background-color:#B99;}
.row.state7 {background-color: #fc8;}

td.state0, td.state1,td.state2,td.state3,td.state4,td.state5,td.state6,td.state7 {text-shadow: 1px 1px 2px #888}
td.state0 {color:#08f;} /*new*/
td.state1 {color:#ff0; } /*opened*/
td.state2 {color:grey;} /*paused*/
td.state3 {color:#448;} /*upgraded*/
td.state4 {color:#080;} /*closed*/
td.state5 {color:#F44;} /*invalid*/
td.state6 {color:grey;} /*ignored*/
td.state7 {color:#f80;} /*returned*/

.row.state {border-top: 1px solid black; margin-top:3px;}

#register label{
   display:inline-block;
   width:150px;
   text-align: right;
}
#register {

}

#issues {
   width:100%;
}

.info {
    color:green;
    font-weight: bold;
}

#tos {
    font-family: sans-serif;
}

#issue_write_new textarea {
    height: 20em;
}

#issue .text {
    font-family: "Courier New", monospace;
    font-size: 10pt;
}

#issue .text {
    white-space: pre; /* CSS 2.0 */
}

#issue .text {
    white-space: pre-wrap; /* CSS 2.1 */
}
#issue .text {
    /*white-space: pre-line;  CSS 3.0 */
}
#issue .text {
    white-space: -pre-wrap; /* Opera 4-6 */
}
#issue .text {
    white-space: -o-pre-wrap; /* Opera 7 */
}
#issue .text {
    white-space: -moz-pre-wrap; /* Mozilla */
}
#issue .text {
    white-space: -hp-pre-wrap; /* HP Printers */
}
#issue .text {
    word-wrap: break-word; /* IE 5+ */
}

#issue .text {
    -webkit-hyphens: auto;
}

#issue .text {
    -moz-hyphens: auto;
}

#issue .text {
    hyphens: auto;
}

form .description {
   color:#888;
   font-size: smaller;
}

form table tr td {
   border:none;
}

form table tr th {
   border:none;
   background-color:transparent;
}

form tfoot tr td{
   padding-top:1em;
}

.wrap {
    overflow: auto; word-wrap: break-word;
}

.cat {
   display:none;
}

.door {
   display:none;
}

.window {
   display:none;
}

.wig {
   display:none;
}

#showOnSend {
    display:none;
}

.uploading {
    font-weight: bold;
    font-size:larger;
}

#uploadPercent {
    font-weight: bold;
    font-size: larger;
}

#maxfilesize {
    display:none;
}

.help {
    background-color: #ffd;
    border:1px solid black;
    padding:3px;
    width: 400px;
    font-weight: normal;
    text-align: left;
    word-wrap: break-word;     
    z-index: 999;
}

.nowrap {
   white-space: nowrap;
}

.fit {
   max-width: 100%;
   display:block;
   margin:auto;
}

.noborder {
   border: none;
}

.noborder td {
   border: none;
}

.noborder th {
   border: none;
}

.filter {
   border:1px solid #88aad8;
   margin:5px;
   border-radius:2px;
   background-color:#d9e7fa;
}

.filter .header {
   background-image:linear-gradient(#f1f7fe 0%,#f1f7fe 50%,#e1eaf6 50%,#c8dbee 100%);
   border-bottom:1px solid #88aad8;
   background-color: #e2ebf7;
   padding:2px;
   font-weight: bold;
   border-radius:2px;
}

.filter .body {
   padding:2px;
}

td a {
  color:black;
}
thead th a {
    color:#15428b;
}

.unread td {font-weight: bold;}

#translations .file {margin:1em;}
#translations .filename {background-color: silver;}
#translations .key {font-weight: bold}
#translations .original {font-style: italic;}
#translations .value textarea {display:block; width:100%;}
#translations .value.empty textarea {background-color:#faa;}

#googleTranslate {font-size: 9pt; text-align: center;}
#twitter {text-align: center; margin-bottom: 0.5em;}
.paypal {
    text-align: center;  
    display:inline;
}

.paypal #form {
    display:inline;
}

#footer .item   {display: inline;}

.button {
  background-image:linear-gradient(#cddef5 0%,#cddef5 50%,#bcd0e9 50%,#c4d7ec 100%);
  background-color:#cddef5;
  border: 1.5px solid #88abd9;
  
  border-radius:2px;
  line-height:18px;
  min-width:75px;
  cursor: pointer;
}

.button:hover {
   background-image: linear-gradient(#fbf3d6 0%,#ffe6a2 50%,#ffd048 50%,#fde499 100%);
   background-color:#f2e9c6;
   border-color: #d9c175;
}

.button:active {
  background-image:linear-gradient(#fda457 0%,#fd9e40 50%,#fc923d 50%,#fc953c 100%);
  background-color:#cddef5;
  border: 1.5px dashed #8b7654; 
}


.download .button {
 width:180px;
 box-shadow: #444 4px 4px 4px;
 border-radius:5px;  
 color:black;
 font-size:110%;
 font-family:sans-serif;
 text-transform:uppercase;
}

.download .button:active {
 margin-left:8px;
 margin-top:3px;
 box-shadow: #444 1px 1px 1px;
}

.download .button {
    padding-right: 0.3em;
}

.download .button:before{
    background: url(/flash/images/download32.png) !important;   
    background-repeat: no-repeat;    
    width: 32px;
    content: " ";
    height: 32px;
    position: relative;
    top:10px;
    margin-right:0.3em;
    background-position: center;
    display:inline-block;
    background-position: -32px 0px !important;
}

.download .button:hover:before{
    background-position: 0px 0px !important;
}



.download a {
    -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}


#styles {text-align: center;}

h1 a {
   background: url("/flash/images/header_icon_sprite.png") no-repeat 8px 0px;   
   padding-left:60px;
   margin-top: 5px;
   height:39px;   
   display:inline-block;
   padding-top:1px;
    -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}

h1 a:hover {
  background-position-y: -40px;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}

.mainscrenshot img {border:1px outset silver; box-shadow: #444 2px 2px 10px; margin-bottom:12px;}

.inblock {
    display: inline;
}

.button.small {
    min-width: 0px;
}

#page404 div {text-align:center;}

#page404 h1 a {
   background-image: none;
}

#page404 h1 a:hover {
  background-image: none;
}

.ok {
   color:green;
   font-weight: bold;
}

#twitternews {
    background-color: white;
    display:block;
    border-radius:10px;
    padding: 10px;
}

#twitternews .title {
    display:block;
    font-weight: bold;
    font-size:120%;
    text-align: center;
}
#right {
    border-radius:10px;
    display:none;
}

.external {
    padding-right: 12px;
    background: url(images/external_blue.png) no-repeat right top;    
}

.external:hover {
    background: url(images/external_orange.png) no-repeat right top;
}   

#ssl  {text-align: center;}

#visits {
    text-align: center;
    font-size:90%;
    color:#888;
}
.blk {
    display:block;
    margin:10px auto 10px auto;
    /*max-width: 700px;*/
}
.clearer {clear:both;
   font-size:1px;}

.par {
    font-size:80%;
    color:#888;
}

.footnote {
    font-size: 80%;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
}
#allfeatures {
   overflow:hidden;
}

#allfeatures img {
    border:1px solid #888;
    box-shadow: #888 5px 5px 10px;
    margin: 0px 10px 10px 0px;    
}

.shot {
    float:right;   
    width:270px;
    text-align: center;
}



.shot img {
    max-width: 250px;
    display:inline-block;
}

#allfeatures div ul{
    padding-right:300px;
}

#allfeatures h3 {
    text-align: left;
}


#allfeatures .shot.requirements img {
   padding:5px;
}

span.button {
    cursor:default;
    padding:2px 5px;
    font-size:75%;
}

span.button:hover {
   background-image:linear-gradient(#cddef5 0%,#cddef5 50%,#bcd0e9 50%,#c4d7ec 100%);
  background-color:#cddef5;
  border: 1.5px solid #88abd9;
}

span.button:active {
  background-image:linear-gradient(#cddef5 0%,#cddef5 50%,#bcd0e9 50%,#c4d7ec 100%);
  background-color:#cddef5;
  border: 1.5px solid #88abd9;
}

.announcement {
    border:2px black outset;
    background-color: #ffc;
    margin-top:1em;    
}

.announcement .header {
    font-weight: bold;
    border-bottom: 1px solid silver;
    cursor: pointer;
    display: block;
}

.announcement .body {
    padding:1em;
    padding-top:30px;
}

.signature {
    margin-top:30px;
    text-align: right;
}

.invisible {
    display:none;
}

#news .date{display:inline-block; float:right; width:90px; border-left:1px solid black; text-align:center;}
#news .userName{display:inline-block; float:right; width:70px; border-left:1px solid black; text-align:center;}
#news .title{display:inline-block;}
#news .post{ border:1px solid black;  position:relative; margin-bottom: 1em;}
#news .header{ background-color:#e2eefd; border-bottom:1px solid black; position:relative;}
#news .text{padding:3px; clear:both;}
#news .post.unpublished .header {background-color:#fee;}

#post .date{display:inline-block; width:70px; padding:3px; text-align:center;}
#post .title{display:inline-block;}

a.user img {
    vertical-align: bottom;
}

#survey_take h3 {
    text-align: left;    
    margin:10px auto 10px auto;
    /*max-width: 700px;*/
    font-size: 12pt;
}

#survey_take .note {
    width:58ex;
    height:3em;
}

#survey_take li.noanswer {
    margin-top:20px;    
}

.noanswer {
    color:gray;
}

#survey_take .question.rate .noanswer{
    margin-left:6ex;
}

.new {    
    width:20px;
    height:20px;
    display:inline-block;
    position:relative;
    /*top:5px;*/
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(images/new.png);
}

.free {
    margin-left:240px; border:3px solid #8f8; display:inline-block; padding:10px;
    background-color:#efe;
    padding-left:80px;
    background-image: url(images/free.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 20px #ccc;
}

a.button {text-decoration: none; color:black; padding:3px;}