body {
    background-color: #AFCDFD;
    font: 100% "Helvetica", sans-serif;
    margin: 10px 10px 10px 10px;
}

#extra {
    font-size: 70%;
}

#banner {
/*    border: 2px #38C solid;*/
    background-image:url(img/kb_banner.png);
    background-repeat:no-repeat;
    background-position:top;
    background-color: #229;
    padding: 20px 10px 0px 10px;
    color: #FFF;
    max-width: 750px;
    text-align:center;
    height:160px;
    margin: 0px auto 30px auto;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#banner h1 {
    font-size: 60px;
    margin-bottom: 5px;
    margin-top: 10px;
}

#banner h2 {
    margin-top: 0;
    font-size: 25px;
    margin-bottom: 26px;
}

ul.tabs-bar {
    border: none;
    background-image:none;
    height: 21px;
    position: relative;
    bottom: 0;
    padding: 0;
    margin: 0 40px 0 40px;
}

ul.tabs-bar li {
    width: 110px;
    float: left;
    text-align: center;
    list-style-type: none;
    padding: 2px 0 0 0;
    margin: 0;
    height: 19px;
}

ul.tabs-bar li a {
	color: #FFF;
	text-decoration: none;
}

ul.tabs-bar li.tab-selected, ul.tabs-bar li.tab-selected:hover {
    background-color: #FFF;
}

ul.tabs-bar li:hover {
    background-color: #4C6CE8;
}


ul.tabs-bar li.tab-selected a {
    font-weight: bold;
    color: #2400B0;
	text-decoration: none;
}

#content .tabs-panel {
    border: 1px solid #555;
    background-color: #FCFCFC;
    padding: 30px;
    margin: 0 auto 20px auto;
    max-width: 800px;
}

#content #features.tabs-panel {
    border: none;
    background-color: #AFCDFD !important;
    padding-top: 0;
    max-width: 1000px;
}

#content #blog.tabs-panel {
    max-width: 900px;
}

#content a {
    color: #339;
    text-decoration: none;
}

#content a:hover {
    color: #3333FF;
    text-decoration: underline;
}

#content .more
{
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    font-weight: bold;
    padding: 4px;
}

#content .more:hover
{
    background-color: #339;
}

#content .more:hover a, #content .more:hover a:hover
{
    color: white;
    text-decoration: none;
}


#content a img {
  border: 0;
}

#content .screenshot img.preview {
    width: 150px;
    border: 1px solid black;
    margin: 5px;
}

.about {
    font: 110% "Times New Roman", serif;
    margin: 5px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
}

div.ljustify {
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}


img.ljustify {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid black;
}

img.rjustify {
	float:right; 
	margin: 30px 10px 5px 15px;
	border: 1px solid black;
	width: 180px;
}

p.credits {
    text-align: center;
}

h2 tt {
    font:inherit;
    font-style:italic;
}

ul#threepoints li {
   list-style:none;
   margin-bottom: 10px;
}

ul#threepoints li em {
    font-weight: bold;
    font-size: 120%;
    font-family: "Helvetica";
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.kb-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.kb-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.kb-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.kb-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.kb-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.kb-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.kb-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#blogcontent div small {
    font-size: 80%;
    font-style: italic;
}


#bottom-links {
    font-size: 80%;
    text-align: center;
}

#bottom-links a, #bottom-links a:visited {
    text-decoration: none;
    color: #005;
}

#demo-video {
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
}

.rating {
	color: rgb(255,225,94);
    text-shadow: 0px 0px 1px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
		
.rating .nostar {
	color: #C9C9C9;
    text-shadow: none;
	filter:none;
}
		
		
.review {
	border: 1px solid #666;
	background-color: #F5F9FF;
	margin: 10px;
	padding: 10px;
}
		
.post_info h3 {
	font-size: 90%;
	font-weight: normal;
}
		
.country_flag h3 > span:first-child {
	display:none;
}
.country_flag:hover h3 > span:first-child {
	display:block;
	position:absolute;
	background-color: white;
	border: 1px solid black;
	padding: 2px 3px 2px 3px;
}
		
.version {
	float: right;
	color: #666;
	font-style: italic;
}
		
.rating {
	margin-left:5px;
	margin-right:5px;
}
		
.bar > div {
	border: 1px solid black;
	background-color: #DDD;
	width: 200px;
	margin: 2px 5px 3px 5px;
}

.bar > div > div {
	background-color:#666;
	height: 12px;
}
		
.rating_breakdown {
	margin: 5px 20px 5px 20px;
}


.feature-item {
    background-color: white;
    padding: 15px;
    min-height: 80px;
    margin: 5px auto 40px 20px;
    font-family: 'Belleza', serif;
    font-size: 20px;
    width: 370px;
    
    float: left;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    box-shadow: 5px 5px 3px #AAAAAA;
}


.item-right {
    margin: 5px 20px 40px auto;
    float: right;
}

.feature-item:hover {
    cursor: pointer;
}

.feature-item p {
    margin: 0;
    padding: 0;
}

.feature-item p.main {
    background-color: #FFF;
}

.feature-item .more-feature {
    display: none;
    margin-top: 5px;
}

.feature-item a {
    text-decoration: none;
    color: #A22016;
}

.feature-item img {
    float: left;
    height: 80px;
    margin: 0 20px 0px 0;
}

div.clear-fix {
    clear:both;
}

.feature-item-mini p {
    display: none;
    font-size: 0;
}

.feature-item-mini {
    float: left;
    width: 60px;
    height: 60px;
    margin: 10px;
    min-height: 40px;
    padding: 5px;
}
.feature-item-mini img {
    height: 40px;
    margin: 10px;
}