/* ================================ */
/* Standard CSS File  
/* ================================ */

/* Fetch the Reset CSS here: http://developer.yahoo.com/yui/reset/ */
@import url(http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css);

/* ================================ */
/* TAGS
/* ================================ */
html {background:#232616;}
body { margin:0; padding:0; font-family: arial, sans-serif; color:#e1e1e1; background:#232616;}

a { cursor:pointer; text-decoration:none; }

table { margin-top:20px; border:0; padding:10px; width:100%; font-size:12px; background:#35c85d; color:#fff; }
th { background:#232616; padding:10px;  }
td { padding:10px; }
td a { color:#bfd3f0; }

dl {margin: 10px 0;}
/* ================================ */
/* ID 
/* ================================ */
#header { margin:0 10px 40px;}
#header #logo_bot{background:url(images/logo_botdb.png) no-repeat; width:473px;height:122px; color:#232616;}
#logolink{position: absolute; top:0; left:0; width:473px;height:122px;}
#cookiecrumb p {width:700px; padding:5px; font-size:10px; color:#606060; border-top:1px solid #303030; border-bottom:1px solid #303030;}
#cookiecrumb p a {color:#606060;}
#cookiecrumb p a:hover {color:#fff;}
#container {float:left; margin:0 0 10px 20px; width:1035px;}
#container .col {float:left;padding:10px 20px; }
#container .colr {float:right;padding:10px 20px; }
#ad {position:absolute; top:150px; left:850px; border:1px solid #000; background:#f0f0f0; padding:20px; vertical-align:top;}
#footer { margin:0 40px; padding-bottom:20px; font-size:10px;}
#footer p { padding-bottom:10px;}
#footer p  a  { color:#35c85d;}

li strong {font-weight:bold; color:#17669c;}
dt {padding-bottom:5px;}
#tpusername {width:150px;}
label {color:#35c85d;}
input[type=text] {padding:5px;}
input[type=submit] {padding:4px;}

/* ================================ */
/* CLASS 
/* ================================ */
.clear { clear:both; }
.small { font-size: 10px; }
.odd { background:#64130e; }
.red { color: #c31c23; }
.green { color: #45c42c; }
.blue { color: #17669c; }

#container #msgBanner {
margin: 0 0 10px;
padding: 10px;
width: 780px;
background-color:#e0fae8;
border:1px solid #45c42c;
color:#4e4e4e;
font-size:12px;
}
#container #msgBanner a{
text-decoration:underline;
color:#ad7800;
}

/* columns */
#container .col {
width:360px; 
color:#606060;
position:relative;
border-right:1px solid #303030;
}
#container .col h2 {
font:bold 18px "Arial Black";
margin-bottom:10px;
}
#container .col p {
padding: 10px 5px;
border-top:1px dashed #606060; 
}
#container .col p a {
color:#35c85d;
}
#container .col ol, #container .col ul {
margin: 10px 15px;
}
#container .col ol li, #container .col ul li  {
margin: 10px;
padding: 3px;
color:#606060;
list-style-type: decimal;
}
#container .col ul li  {
list-style-type: circle;
}
#container .col ul li a {
color:#e6d38c;
}

#container .col img, #container .coldouble img {
float:left;
margin-right:10px;
}

#allBirds  {
margin:20px 0 20px 50px;
}

#container .coldouble {
width:760px; 
padding:10px 20px;
color:#606060;
position:relative;
}
#container .coldouble p a {
color:#35c85d;
}
#container .coldouble h2 {
font:bold 18px "Arial Black";
margin-bottom:10px;
}
.npcol {width:130px; float:left; margin:5px 10px 5px 0; border-top:1px solid #303030;}
.npcol label {font-weight:bold;}
.npcol ul a {color:#606060;}
.npcol ul a:hover {color:#fff;}
.npcollong {width:700px; margin:5px 10px 5px 0; border-top:1px solid #303030;}
.npcollong label {font-weight:bold; }
.npcollong ul li {float:left; margin-right:10px;}
.npcollong ul a {color:#606060;}
.npcollong ul a:hover {color:#fff;}

/* pop up style */
#popup_container {margin:0 auto; text-align:center;}
#popup_container img {margin:0 20px 20px;}
#popup_container h1 {font:bold 24px "Arial Black"; margin:10px; color:#35c85d;}
#popup_container h1.botblue {color:#0077d4;}
#popup_container h2 {font:bold 18px "Arial Black"; margin:20px 10px 10px;}
#popup_container p {font-size:14px; margin-bottom:10px;}
#popup_container input {margin-right:10px; margin-bottom:30px; padding:5px;}
#results {color:#f00;}

/* nav stuff */
#header #nav ul {
list-style-type:none;
width:auto;
position:absolute;
top: 0;
left: 480px;
display:block;
height:15px;
font-size:.6em;
background:#6f6b65 repeat-x top left;
margin:0;
padding:2px;
}
#header #nav ul li {
display:block;
float:left;
margin:0;
padding:0;
}
#header #nav ul li a {
float:left;
color:#ebe5cf;
text-transform:uppercase;
padding:3px 10px 0;
font-weight:normal;
}
#header #nav ul li a:hover {
color:#000;
}

/* subnav */
#header #subnav ul {
list-style-type:none;
width:auto;
position:absolute;
top: 0px;
left: 0px;
display:block;
height:15px;
font-size:.6em;
background:#17669c repeat-x top left;
margin:0;
padding:2px;
}
#header #subnav ul li {
display:block;
float:left;
margin:0;
padding:0;
}
#header #subnav ul li a {
float:left;
color:#ebe5cf;
text-transform:uppercase;
padding:3px 10px 0;
font-weight:normal;
}
#header #subnav ul li a:hover {
color:#000;
}

#chirp{
	position:absolute;
	background:transparent;
	padding:2px 5px;
	display:none;
}