/******************************** COLORS ********************************/

body { background-color:#F4F4F4; }

.pagecontainer { background-color:#FFF; border-left:1px solid silver; border-right:1px solid silver; }
.header { background-color:#54a0c0; }
.contents { background-color:#FFF; }

#sbi { background-color:#E8EFF5; border:1px solid black; }

.title, .supertitle, .subtitle { color:#fff; }

.newsbox h1 { background-color:#fff; }
.newsbox h2 { background-color:#fff; }
.newsbox p { border:1px solid #4C697E; border-left:10px solid #4C697E; border-right:10px solid #4C697E; background-color:#E8EFF5; }

.errorbox h1 { background-color:#fff; }
.errorbox h2 { background-color:#fff; }
.errorbox p { border:1px solid red; border-left:10px solid red; border-right:10px solid red; background-color:#fff; }

.databox { background-color:#E8EFF5; border-top:solid 5px #54a0c0; border-bottom:solid 5px #54a0c0; }

.datatable tr.rowodd { }
.datatable tr.roweven { background-color:#fff; }

.tab { color:#000; font-weight:900; }

.inactive:hover { background-color:#54a0c0; color:#000; }
.active { background-color:#54a0c0; }
.inactive { background-color:#c6e3f0; }

.alertbox { font-weight:900; }
.alertbox a, .alertbox a:visited, .alertbox a:active, .alertbox a:hover { color:#000; }

.printv a, .printv a:visited, .printv a:active, .printv a:hover { color:#54a0c0; }

a:visited { color:#2C495E; }
a, a:active { color:#4C697E; }
a:hover { color:#000; }

.code { border:1px solid #4C697E; background-color:#fafafe; }
.comment { color:#94A039; }
.note {	border:1px solid #4C697E; background-color:#E8EFF5; }
.in_code { color:#4C697E; }

.backtotop, .backtotop_l, .index { color:#4C697E; background-color:#E8EFF5; }
.backtotop, .index { border-bottom:1px solid #4C697E; border-top:1px solid #4C697E; }

.snippetstatus { border:1px solid #4C697E; border-left:10px solid #4C697E; border-right:10px solid #4C697E; background-color:#E8EFF5; }
.snippetstatus a, .snippetstatus a:visited, .snippetstatus a:active, .snippetstatus a:hover { color:#54a0c0; }

.dev_screenshot { border:2px solid black; }

.footer a { color:#000; }

#latestnews { border-bottom:1px solid #4C697E; }
#latestnews { background-color:#E8EFF5; }

/* .bannerzone { border-bottom:1px solid #4C697E; border-top:1px solid #4C697E; color:#4C697E; background-color:#E8EFF5; } */
.bannerzone img { border:0px; }


/******************************** LAYOUT ********************************/

body {
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-weight:400;
	font-size:0.9em;
}

em {
	font-weight:bold;
	font-style:normal;
}


p {
	text-align:justify;
}

a:visited {
	text-decoration:none;
}

a, a:active {	
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

h1 {
	text-align:center;
	font-family:sans-serif;
	font-size:1.5em;
	margin-bottom:30px;
	padding-bottom:5px;
}

.aboutbox h1 {
	text-align:left;
	font-family:sans-serif;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

.aboutbox p {
	margin-top:5px;
	padding:0px;
}

h2 {
	text-align:left;
	font-family:sans-serif;
	font-size:1.2em;
	margin-top:30px;
}

h3 {
	text-align:left;
	font-family:sans-serif;
	font-size:1em;
	margin-top:20px;
}

.pagecontainer {
	width:90%;
	margin:0 auto;
	padding:10px;
}

.header, .contents, .search {
	width:99%;
	margin:0 auto;
	padding:5px;
}

.header {
	margin-bottom:3px;
}

.search {
	margin-bottom:20px;
	text-align:right;
}

.search form {
	float:right;
}

.title {
	font-size:1.4em;
	font-family:sans-serif;
	font-weight:900;
}

.supertitle, .subtitle {
	font-family:sans-serif;
}

.supertitle { font-size:1em; }
.subtitle { font-size:0.8em; }

.newsbox, .errorbox {
	width:70%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.newsbox p, .errorbox p {
	padding:15px 10px 15px 10px;
	margin:0px;
	text-align:justify;
	font-family:arial,helvetica,sans-serif;
}

.newsbox h1, .newsbox h2,
.errorbox h1, .errorbox h2 {
	text-align:left;
	font-weight:bold;
	padding:4px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}

.newsbox h1, .errorbox h1 {
	font-size:1em;
}

.newsbox h2, .errorbox h2 {
	text-align:right;
	font-size:0.8em;
}

.tabmenu {
	margin:0;
	margin-top:40px;
	padding:0;
}

.tab {
	margin:0;
	margin-right:3px;
	text-align:center;
	width:9em;
	padding:5px 0;
	text-decoration:none;
	float:left;
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	overflow:none;
}

.active {
	cursor:default;
}

.inactive {
	cursor:pointer;
}

.databox {
	clear:both;
	margin:0 auto;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.alertbox {
	text-align:center;
	width:60%;
	margin:0 auto;
	padding:2px;
}

.alertbox a, .alertbox a:visited, .alertbox a:active, .alertbox a:hover {
	text-decoration:underline;
}

.aboutbox {
	margin:10px;
}

.aboutbox h1 {
	font-size:1em;
	text-align:left;
}

.aboutbox p {
	text-align:justify;
	font-family:arial,helvetica,sans-serif;
}

.datatable {
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	width:100%;
}

.datatable td, .datatable th {
	text-align:left;
}

.datatable th {
	border-bottom:1px solid black;
}

.sortcol {
	cursor:pointer;
	padding-right:0px;
	background-repeat:no-repeat;
	background-position:right center;
}

.sortasc {
	background-image:url(../img/up.png);
}

.sortdesc {
	background-image:url(../img/down.png);
}

.nosort {
	cursor:default;
}

.footer {
	padding-top:10px;
	padding-bottom:4px;
	text-align:center;
	font-size:10px;
}

.printv {
	float:right;
	font-size:10px;
}

.printv, .printv a:visited, .printv a:active, .printv a:hover {
	text-decoration:none;
}

#sbi { margin-left:10px; }


/******************************** COLUMNS ********************************/

.colUpdate {
	width:8em;
}

.colRequires {
	width:10em;
}


/******************************** CODE ********************************/

.backtotop, .index, .backtotop_l {
	text-alignment:center;
	font-size:smaller;
	margin-bottom:10px;
}

.index {
	margin-top:10px;
}
.backtotop, .backtotop_l {
	margin-top:40px;
}

.backtotop a, .backtotop a:visited, .backtotop a:active, .backtotop a:hover,
.backtotop_l a, .backtotop_l a:visited, .backtotop_l a:active, .backtotop_l a:hover,
.index a, .index a:visited, .index a:active, .index a:hover {
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

.code {
	font-family:"Courier New", monospace;
	margin-top:20px;
	margin-bottom:20px;
	padding:8px;
	white-space:pre;
	text-align:left;
}

.comment {
	display:inline;
}

.note {
	margin-top:20px;
	margin-bottom:20px;
	font-width:bold;
	padding:8px;	
	background-position:top left;
	background-repeat:repeat;
}

.in_code {
	font-family:"Courier New", monospace;
	word-spacing:-0.3em;
}

ul, ol {
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
}

ul {
	list-style:square;
}

ul ul {
	list-style:circle;
}

ol ol {
	list-style:lower-roman;
}

.snippetstatus {
	text-align:left;
	margin-bottom:30px;
}

.snippetstatus ul {
	padding:0px;
	padding-left:10px;
	list-style:none;
	font-size:0.8em;
	
}

.snippetstatus #download {
	padding-bottom:10px;
	font-size:1.1em;
}

.snippetstatus a, .snippetstatus a:visited, .snippetstatus a:active, .snippetstatus a:hover {
	text-decoration:underline;
}

.dev_screenshot {
	margin:10px;
}


/******************************** NEWS ********************************/

.newsitem {
	padding:10px;
	padding-top:5px;
}

.newsitem h2 {
	font-size:1em;
	text-align:left;
	margin:0px;
	margin-top:5px;
}

.newsitem p {
	margin:0px;
	margin-top:5px;
}

#latestnews {
	margin-bottom:40px;
	padding-bottom:10px;
	padding-top:1px;
}


/******************************** HELL ********************************/

.bannerzone {
	margin:0 auto;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}

.bannerzone ul {
	list-style:none;
	font-size:0.8em;
	text-align:center;
	font-variant:small-caps;
	padding:0px;
	margin:0 auto;
}

.bannerzone li {
}

.footer ul {
	list-style:none;
	text-align:center;
	padding:0px;
	margin:0 auto;
}

.footer li {
	padding:5px;
	display:inline;
}