/* --- www.mb5u.com -- Page */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; background: #e7e7e7;}
body { 
  background: #e7e7e7;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 0.7em;
  color: #2b2b2b;
  }

a { color: dodgerblue; text-decoration: none; }
a:hover { background: dodgerblue; color: #fff; }

p { margin-bottom: 0.7em; }
span.js { font-family: "Courier New", Courier, monospace; background: #f7f7f7; color: #666666;}
p.tip { padding-top: 1em; margin-top: 1em; border-top: 1px solid #dadada; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-style: italic; font-weight: normal;}
h1 { display: block; color: dodgerblue; }
h2 { margin-bottom: 5px; font-size: 1.6em;}
h3 { margin-bottom: 3px; font-size: 1.5em;}
h4 { margin-bottom: 2px; font-size: 1.3em;}

#page {
	list-style-type: none;
	width: 788px;
	display: block;
	margin: 0 auto;
	height: 100%;
}

div.code, .changelog {
	position: relative;
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #dadada;
	background: #fff;
	padding: 6px;
	font-size: 11px;
	color: #444444;
}
.changelog { margin: 0; padding: 0; border-bottom: none;}
.changelog .padder { padding: 5px; display: block; }
#toggleChangelog { display: block; padding: 3px; font-size: 10px; border: 1px solid #dadada; background: #cccccc; color: #fff; clear: both; border-top: none; cursor: pointer; }

.chapter { float: left; width: 100%; clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #dadada; }

/* google ads */
.chapter iframe { margin-top: 12px; }

#header { height: 90px; background: url(../images/starbox_logo.gif) 5px 10px no-repeat; display: block;}
#header, #content, #footer { float: left; width: 748px; clear: both; padding: 10px; padding-bottom: 0px; }
#footer { padding-top: 0; }

.latestversion .date { font-size: 9px; }
.latestversion .navlink { clear: both; }

.lined { border-bottom: 1px dotted #999999; }

a.updatesfeed {
	clear: both;
	float: right; 
    height: 16px;
	line-height: 16px;
	width: 16px;
	background: url(../../images/feed.png) top left no-repeat;
	*background: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feed.png', sizingMethod='crop');
	cursor: pointer; 
}
a.updatesfeed:hover { 
	background: url(../../images/feed.png) top left no-repeat;
	*background: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feed.png', sizingMethod='crop'); 
}

.news .title { margin-left: 10px; width: 100%; display: block; font-size: 1.3em; font-weight: bold; color: #666666; display: block; margin-bottom: 3px; font: Arial, Helvetica, Verdana, sans-serif;}
#news .date { font-weight: normal; font-size: 0.8em; clear: both; margin-bottom: 5px;}
#news ul { list-style-type: square; margin: 0 0 1em 2em;}
#news li { }

#upgradeNotesToggle { }
#upgradeNotes { clear: both; }
#upgradeNotes h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold;}

#notify { overflow: hidden; position: relative; clear: both; margin-top: 6px; }
#notify .message { float: left; padding: 5px; background: #ffcc1c; color: #000; cursor: pointer;}
#notify span { font-weight: bold; }

.demos { clear: both; width: 100%; display: block; margin-top: 10px;}

ul.stars { margin: 0; padding: 0; list-style-type: none; }
ul.stars .star { clear: both; width: 100%; float: left; color: #333333; border-bottom: 1px solid #efefef; padding: 3px 0 3px 0;}
ul.stars .last { border: 0; }

.demos ul { list-style-type: none; }
.demoContainer { float: left; margin: 0 5px 5px 0; width: 238px;  }
.demoContainer .top, .demoContainer .bottom  { float: left; width: 238px; clear: both; height: 6px; display: block;}
.demoContainer .middle { float: left; width: 222px; display: block; clear: both; background: #fff; padding: 8px; height: 320px;}
.demoContainer .top { 
	background: url(../images/container_top.png) top left no-repeat;
	*background: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container_top.png', sizingMethod='crop');
	}
.demoContainer .bottom { 
	background: url(../images/container_bottom.png) top left no-repeat;
	*background: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container_bottom.png', sizingMethod='crop');
	}
#demoContainer3 { margin-right: 0; }

.downloads { clear: both; display: block; margin: 10px; }
.downloads a.downloadLink {
	float: left; 
	padding: 5px 5px 5px 25px; 
	background: dodgerblue url(../images/downloadbox.gif) top left no-repeat; 
	height: 20px;
	width: 170px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 6px;
	}
.downloads a.downloadLink:hover { background: #0099FF url(../images/downloadbox_hover.gif) top left no-repeat;}

.notes { clear: both; }

#contact { border: 0; }
p.tags { font-size: 0.9em; color: #808080; margin: 0; margin-top: 10px; clear:both; }

.copyright { float: left; }
.copyright a { border: 0; background: none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */