/* 
Grfcrawler css design
Copyright 2005-2007 Oskar Eisemuth
All rights reserved
*/

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-size: 80%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
a, p, h1, h2, h3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table, td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-weight: normal; font-size: 1em; }
hr { border: 0px; border-bottom: 2px dotted #ccc; }

/* #searchbox { background: #fff url(../img/searchbg.png) repeat-x left top; border: 1px solid #000; } */
#searchbox { text-align: left; background: #fff url(../img/topbg.png) repeat-y left top; border: 1px solid #ccc; }
#searchbox #q { border: 1px solid #000; }
#searchbox #searchbtn
{
	margin: 0 10px;
	border: 2px double #900;
	border-top-color: #e00;
	border-left-color: #e00;
	background-color: #c00;
	color: #fff;
}
#searchbox #searchbtn:active {
	border: 2px double #900;
	border-bottom-color: #e00;
	border-right-color: #e00;
}
#searchboxother { color: #888; font-size: 0.8em; }
#searchboxother a { color: #888; text-decoration: none; }
#searchboxother a:hover { color: #026; text-decoration: underline; }


.searchboxadvwarp {
	text-align: center;
}
.searchboxadv { text-align: left; margin: 0 auto; background: #fff url(../img/topbg.png) repeat-y left top; border: 1px solid #ccc; }
.searchboxadv .searchtextbox { border: 1px solid #000; }
.searchboxadv .searchbtn
{
	margin: 0 10px;
	border: 2px double #900;
	border-top-color: #e00;
	border-left-color: #e00;
	background-color: #c00;
	color: #fff;
}
.searchboxadv .searchbtn:active {
	border: 2px double #900;
	border-bottom-color: #e00;
	border-right-color: #e00;
}

.queryresult {
	padding: 10px;
	overflow: auto;
	text-align: center;
}
/* -- Top Bar -- */
#topbar {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	height: 110px;
	background: #fff url(../img/topbg.png) repeat-y left top;
}
#toplogo { 
	float: right;
	top: 0;
	right: 0;
	margin: 10px;
}
#topbar form { margin: 0; padding: 0; }

#topsearchbox #q { border: 1px solid #000; }
#topsearchbox #searchbtn
{
	margin: 0 10px;
	border: 2px double #900;
	border-top-color: #e00;
	border-left-color: #e00;
	background-color: #c00;
	color: #fff;
}
#topsearchbox #searchbtn:active {
	border: 2px double #900;
	border-bottom-color: #e00;
	border-right-color: #e00;
}
#topother { color: #888; font-size: 0.8em; }
#topother a { color: #888; text-decoration: none; }
#topother a:hover {	color: #026; text-decoration: underline; }

/* -- Member Bar -- */
#membercpbar {
	position: relative;
	margin: 0;
	padding: 3px 3px 3px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #888;
	background: #ddd;
}
#membercpbar a { color: #888; text-decoration: none; }
#membercpbar a:hover { color: #026; text-decoration: underline; }

#membercpbar #logbox {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 3px;
	border-left: 2px solid #ccc; 
}

h3 {
	margin: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em; font-weight: bolder; color: #000;
}
/* -- breadcrumb -- */ 
.breadcrumb { margin: 10px; margin-bottom: 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bolder; color: #000;  }
.breadcrumb a { color: #36f; text-decoration: none; }
.breadcrumb a:hover { color: #f00; }

/* -- Category Child Boxes -- */
.cchildboxes { margin: 0 20px; padding: 0; border-collapse: collapse; }
.cchildboxes td { padding: 0; border: 3px solid #ddd; }
.cchildbox { padding: 0; border: none; border-collapse: collapse; }
.cchildboximg {	border: none; width: 110px;	height: 110px; text-align: center; }
.cchildboximg img { margin-top: 5px; }
.cchildboxlink { margin: 0; color: #006; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center; background-color: #ddd; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.cchildboxlink a { text-decoration: none; color: #36f; }
.cchildboxlink a:hover { color: #F00; }

/* -- git  -- */
.git { margin: 0px 20px; font-size: 1em; }

.gitname { display: block; padding: 0 5px; border: 1px solid #ccc; background: #ddd; letter-spacing: -1px; }
.gitname a { text-decoration: none; color: #36f; }

.gitinfo { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; }
.gitimage { float: left; margin: 5px 0 5px 5px; }
/* fixing IE problem with margins */
* html .gitimage { display: inline; }

.gitimagebig { clear: both; border-bottom: 1px solid #ccc; text-align: center; }

.gitoutdated { padding: 5px 3px 5px 0; color: #f00; margin-left: 95px; }
.gitoutdated a { color: #36f; text-decoration: none; }

/* triggering layout for ie 3px float problem */
* html .gitoutdated { height: 0; }

.gitdesc { padding: 5px 3px 5px 0; margin-left: 95px; }
/* triggering layout for ie 3px float problem */
* html .gitdesc { height: 0; }

.gitdetailsheader a { font-size: 0.8em; color: #000; }
.gitdetailsheader {
	clear: both;
	background: #ddd;
	text-align: right;
	padding: 0 10px 0 5px;
	border-top: 1px solid #ccc;
}
.gitdetailsheader .ajaxloader {	margin-left: 10px; }
.gitdetailbox { padding: 0 10px 0 5px; border-top: 1px solid #ccc; }
.gitdetailbox .updtime {
	text-align: right;
	font-size: 0.8em;
	color: #666;
}
.gitdetailbox td.caption { width: 10em; }
.gitlinkbar { display: block; clear: both; }

/* auto clearing */
.gitlinkbar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.gitlinkbar { display: inline-block; }
* html .gitlinkbar { height: 1%; }
.gitlinkbar { display: block; }

.gitlinkdown a, .gitlinkhome a, .gitlinkdisc a {
	text-decoration: none;
	display: block;
	padding: 1px 10px 1px 5px;
	color: #36f;
}
.gitlinkdown a:hover, .gitlinkhome a:hover, .gitlinkdisc a:hover {
	background: #ffc;
	color: #f00;
}

.gitlinkdown, .gitlinkhome, .gitlinkdisc {
	float: left;
	border: 1px solid #ccc;
	border-top-style: none;
	background: #eee;
	padding: 0;
	margin: 0 10px 0 0;
}
.gitlinkdown img, .gitlinkhome img, .gitlinkdisc img {
	border: none;
	vertical-align: middle;
}
.grfdetailsimg {
	text-align: center;
}
/* -- result -- */
.result { text-align: center; }

/* -- Details -- */
.grfdetailsimg {
	text-align: center;
}
.grfdetails {
	text-align: center;
}
.grfdetails table {
	margin: 10px auto;
	padding: 0; 
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #ccc;
	background: #ddd;
	text-align: left;
}
.grfdetails td.caption {
	width: 150px;
	background: #ddd;
	border-top: 1px solid #eee;
	text-align: right;
}
.grfdetails td {
	background: #ffc;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
}
.grfdetailsedit {
	text-align: center;
}

/* -- grfedit -- */
.grfedit { text-align: center; }
.grfedit table { background: #ccc; text-align: left; margin: 0 auto; }
.grfedit .edit { background: #ffc; }



/* -- botline -- */
.botline {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #888;
	background: #ddd;
	text-align: center;
	font-size: 0.8em;
}
.botline a { color: #888; text-decoration: none; }
.botline a:hover { color: #026; text-decoration: underline; }
#powered { margin: 10px; text-align: center; font-size: 0.8em; color: #888; }

.scrollbarforce { position: absolute; bottom:-0.1px; width: 1em; z-index:-1; }

.dberror {
	background: #f00;
	color: #fff;
	border-bottom: 1px solid #000;
	padding: 0 10px;
}

.google {
	text-align: center;
	margin: 5px 0;
}