/* www.2dconcept.com
	 by Anthony Heukmes
*/

* {
margin: 0;
}

html, body {
height: 99.3%;
}

body {
background-color: #fff;
color: #000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10pt;
padding:0;
margin:0;
}

strong { font-size: 10pt; color: #000000;}

h1 { 
font-weight:bold; 
font-size:10pt;
color:#000000; 
margin:0px; 
padding:0px;
}

h2 { 
font-weight:bold; 
font-size:10pt;
color:#000000; 
margin:0px; 
padding:0px;
}

h3 { 
font-weight:bold; 
font-size:8pt;
color:#000000; 
margin:0px;
margin-bottom:10px;
margin-left:39px; 
padding:0px;
}

label {
color:#006699;
font-weight:bold;
}

a { color:#F36C22; text-decoration:none; }
a:hover { color:#000000; text-decoration: underline; }

.sep {
border: 2px solid #006699;
width:80%;
margin-left:0px;
margin-top:2px;
text-align:left;
}

.dash {
border: 1px solid #E5E5E5;
margin-left:0px;
margin-top:2px;
text-align:left;
}

#root {
min-height: 92.5%;
height: auto !important;
height: 92.5%;
}

#header {
position:relative;
width:100%;
height:177px;
background-image:url(/images/header.png);
background-repeat:repeat;
}

.content {
width:980px;
margin:0px auto;
}

.content_title {
margin-left:15px;
}

#intro {
margin-top:10px;
margin-left:12px;
width:400px;
color:#E9F8F8;
float:left;
}

#search {
margin-top:8px;
width:400px;
float:right;
color:#FFF;
text-align:right;
}

#logo {
position:absolute;
top:64px;
}

#left {
width:729px;
float:left;
}

#right {
width:240px;
float:right;
}

.push {
height:63px;
}

#footer {
position:relative;
width:100%;
height:63px;
background-image:url(/images/footer.png);
background-repeat:repeat;
clear:both;
}

#footer a { color:#F36C22; text-decoration:none; }
#footer a:hover { color:#006094; text-decoration: underline; }

#copyright {
color:#FFF;
width:980px;
text-align:center;
margin:0px auto;
padding:5px;
}

#right ul {
list-style: none;
width: 240px;
margin:0px;
padding:0px;
margin-top:14px;
}

#right ul li {
margin:0px;
padding:0px;
}

#right h2 {
width: 240px;
border-bottom: 3px solid #00467B;
}

#right ul li a {
display: block;
width: 240px;
color: #439ab8;
border-bottom: 1px solid #cfe3e3;
}

#right ul li a:hover {
color: #111;
text-decoration:none;
background-color: #cfe3e3;
}

.data {
border:1px solid #001928;
border-collapse:collapse; 
}

.data td {
padding:4px;
border:1px solid #001928;
}

.data th {
color:#FFF;
font-weight:bold;
background-color:#005E92;
padding:4px;
border:1px solid #001928;
}

p.comment {
text-align:right;
margin-right:7px;
}

.rbroundbox { width: 729px; }
.rbtop { width: 729px; height: 111px; background: url('/images/article_h.png') no-repeat; }
.rbbot { width: 729px; height: 118px; background: url('/images/article_f.png') no-repeat; }
.rbcontent { width: 729px; background: url('/images/article_c.png') repeat; }
.rbtext { padding-left:25px; padding-right:25px; text-align:justify; }
.rbtitle { padding:30px; }
.rbfooter { }

INPUT {
color:#F36C22;
border: 1px solid #001928;
height:18px;
width:210px;
background-color:#FFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

SELECT {
color:#F36C22;
border: 1px solid #001928;
background-color:#FFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

TEXTAREA {
color:#F36C22;
border: 1px solid #001928;
background-color:#FFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.submit input {
color:#FFF;
font-weight:bold;
background-color:#006699;
border:1px solid #000;
cursor:pointer;
margin-top:20px;
}

/* Syntax highlighting */
pre {
background-color: #f1f1f3;
color: #112;
padding: 10px;
font-size: 1.1em;
overflow: auto;
margin: 4px 0px;
width: 95%;
}

pre .normal {}
pre .comment { color: #005; font-style: italic; }
pre .keyword { color: #A00; font-weight: bold; }
pre .method { color: #077; }
pre .class { color: #074; }
pre .module { color: #050; }
pre .punct { color: #447; font-weight: bold; }
pre .symbol { color: #099; }
pre .string { color: #944; background: #FFE; }
pre .char { color: #F07; }
pre .ident { color: #004; }
pre .constant { color: #07F; }
pre .regex { color: #B66; background: #FEF; }
pre .number { color: #F99; }
pre .attribute { color: #5bb; }
pre .global { color: #7FB; }
pre .expr { color: #227; }
pre .escape { color: #277; }

.digg_pagination {
background: white;
float:right;
margin-top:5px;
margin-right:20px;
}
.digg_pagination a, .digg_pagination span {
padding: .2em .5em;
display: block;
float: left;
margin-right: 1px; }
.digg_pagination span.disabled {
color: #999;
border: 1px solid #DDD; }
.digg_pagination span.current {
font-weight: bold;
background: #132837;
color: white;
border: 1px solid #132837; }
.digg_pagination a {
text-decoration: none;
color: #439ab8;
border: 1px solid #DDD; }
.digg_pagination a:hover, .digg_pagination a:focus {
color: #003;
border-color: #003; }
.digg_pagination .page_info {
background: #132837;
color: white;
padding: .4em .6em;
width: 22em;
margin-bottom: .3em;
text-align: center; }
.digg_pagination .page_info b {
color: #003;
background: #6aa6ed;
padding: .1em .25em; }
.digg_pagination:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .digg_pagination {
height: 1%; }
*:first-child+html .digg_pagination {
overflow: hidden; }

div.auto_complete {
width: 350px;
background: #E9F8F8;
color:#000;
}
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected {
background-color: #cfe3e3;
}
div.auto_complete ul strong.highlight {
color: #000; 
margin:0;
padding:0;
}

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }
.clean { background-color: #efefef; border: 2px solid #dedede; }
.info  { background-color: #f7fafd; border: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border: 2px solid #e10c0c; }

#comments {
width:682px;
margin-top:5px;
margin-left:14px;
}

#add_comment {	
width:682px;
padding:8px;
margin-top:5px;
background-color:#E9F8F8;
border:1px solid #00467B;	
}

.code {
background-color:#C0C0C0;
padding:5px;
}

#legacy h1 {
font-weight:bold; 
font-size:12pt;
color:#000000; 
margin-top:10px;
margin-bottom:10px;
padding:0px;	
}

#legacy h2 {
font-weight:bold; 
font-size:10pt;
color:#000000; 
margin-top:10px;
margin-bottom:10px;
padding:0px;	
}


#errorExplanation {
  width: 400px;
  border: 2px solid #CD3413;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-left:15px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom:5px;
  background-color: #CD3413;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#social {
text-align:right;
vertical-align:middle;
padding-top:70px;
margin-right:36px;
}