@import url(geshi/syntax.css);

body			{ padding: 0px; margin: 0px; background: #FFFFFF url(/i/head_bg.gif) repeat-x; }
table			{ border-collapse: collapse; }
td				{ padding: 0px; }
p, li 				{ text-align: justify; line-height: 1.4em;}
img				{ border: 0px; margin: 0px; }

a { color: #404080; }

div.description { margin-top: -10px; padding-left: 25px; }
div.date { margin-bottom: 14px; padding-left: 25px; font-size: 10px; color: #404040; }
div.footer { width: 90%; border-top: 1px solid #E0E0E0; text-align: center; padding: 10px; margin-left: auto; margin-right: auto; font-size: 10px; }
div.footer img { position:relative; top: -10px; }
div.footer div { text-align: right; }

h1				{ font: normal 1.8em Arial, Helvetica, sans-serif; color: #14224e; margin: 0px; padding: 0px; margin-bottom: 0.8em; }
h2				{ font: normal 1.5em Arial, Helvetica, sans-serif; color: #14224e; margin: 10px; padding: 0px; margin-left: 0px; margin-top: 1.5em; }
h3				{ font: normal 1.3em Arial, Helvetica, sans-serif; color: #14224e; margin: 10px; padding: 0px; margin-left: 0px; margin-top: 1.5em; }
.sql			{ font: normal 1.2em monospace; color: #4e1414; border-left: 1px solid #a58888; padding-left: 15px; }

table.head		{ width: 100%; height: 120px; background: url(/i/head_bg_pic.jpg) no-repeat; border-bottom: 1px solid #14224e; }
table.head td	{ vertical-align: top; padding: 0px; }
table.head td.b	{ vertical-align: middle; text-align: right; padding-right: 10px; }

div.direct { font-size: 11px; margin-left: 15px; margin-right: 15px; height: 115px; overflow: hidden; padding-top: 5px; width: 97%;}


div.menu		{ width: 100%; position: relative; top: -10px; }
table.menu		{ background: #dee0e8 url(/i/menu_bg.gif) repeat-x; border: 1px solid #949394; height: 30px; margin-left: auto; margin-right: auto; }
table.menu td, table.menu td a	{ font: normal 16px Arial, Helvetica, sans-serif; color: #14224e; width: 100px; text-align: center; height: 30px; text-decoration: none;}
table.menu td.s { width: 1px;  }
table.menu td.b { background: #c9d0e8 url(/i/menu_sel_bg.gif) repeat-x; }

table.data		{ width: 900px; margin-left: auto; margin-right: auto; }
table.data td.d	{ padding: 25px; }
table.data td.m { width: 200px; vertical-align: top; padding-top: 25px; }
table.data td.d table { border: 1px solid #bfbfbf; background: #fcfcfc; width: 100%; }
table.data td.d td	{ padding: 20px; font: normal 0.95em/1.4em serif; }
table.data td.m td { font: normal 12px Arial, Helvetica, sans-serif; padding: 3px;  vertical-align: top; }
table.data td.m td img { margin-top: 5px; }
table.data td.m th { font: normal 16px Arial, Helvetica, sans-serif; text-align: left; padding: 4px; padding-left: 0px; }
table.data td.m th img { position: relative; top: 4px; }
table.data td.m a { color: black; text-decoration: none; }

div.codebox pre { font: normal 1em/1.4em "Courier New", monospace; }
div.incqbox h4 { font: normal 0.8em Arial, Helvetica, sans-serif; color: #888; }

p.copynote { font: normal 9px Arial,Helvetica,sans-serif; padding-top: 25px; padding-left: 40px;}

a.pages0, a.pages1 {text-decoration: none; font-weight: bold; font-size: 14px; padding-top:2px; padding-bottom:2px; padding-left:14px;padding-right: 14px;}
a.pages0:hover {text-decoration: underline;}
a.pages1:hover {text-decoration: none;}
a.pages0 {color: #404080;}
a.pages1 {background-color: #404080; color: #FCFCFC;}

li {margin-top: 3px; margin-bottom: 5px;}

table.partner { margin-top: 10px; margin-bottom: 15px; width: 100%;}
table.partner td { text-align: justify; }
table.partner td img { text-align: right; }
table.partner td.p2 { text-align: right; width: 130px; }

/* for bbcode highlighter (by bur) */
.syntaxList {position:absolute; z-index:200; border:1px solid #333;}
.syntaxList a {display:block; padding:2px 5px; font: normal 10px Verdana, Tahoma, sans-serif; color: #72767e; background:#EEE; text-decoration:none;}
.syntaxList a:hover {background:#FFF; text-decoration:none;}

.data .mysql { overflow-x: scroll; max-width: 700px; white-space: nowrap; }

.review {
   display:block;
   margin: 1em 2em 3em 5em;
}
.review:before {
   content: "«";
   position: absolute;
   font-size: 3em;
   margin-left: -1em;
   opacity: 0.2;
}
.review .author { 
   font-style: italic; 
   padding-left: 3em;
}