/* ================================ */
/* 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:#a72017; color:#fff; }
th { background:#232616; padding:10px;  }
td { padding:10px; }
td a { color:#bfd3f0; }

input[type=text], input[type=password]{ width:250px; padding:5px; }
dl {margin: 10px 0;}
/* ================================ */
/* ID 
/* ================================ */
#header { margin:0 10px 60px;}
#header #logo{background:url(images/logo.gif) no-repeat; width:473px;height:122px; color:#232616;}
#header #logo_g{background:url(images/logo_g.gif) no-repeat; width:473px;height:122px; color:#232616;}
#logolink{position: absolute; top:0; left:0; width:473px;height:122px;}
#main {margin: 0 40px;}
#main .step {float:left; margin-bottom:40px;  background:#e1e1e1; color:#232616; padding:10px 20px; width:260px; min-height:100px;}
#main .stepTitle {display:inline; float:left;}
#main .sbird {float:left; margin-left:20px;}
#main .vpTitle  img{margin-right:30px; }
#main .container {float:left; margin-bottom:10px;}
#main .vp {float:left; margin-top:-4px; margin-bottom:40px;  background:#e1e1e1; color:#232616; padding:10px 20px; width:500px; min-height:250px;}
#main .vp p {padding-top:10px;}
#main .sideBar {float:left; margin-top:-8px; margin-left:10px;}
#footer { margin:0 40px; padding-bottom:20px; font-size:10px;}
#footer p { padding-bottom:10px;}
#footer p  a  { color:#17669c;}

#step1_msg, #step2_msg { width:150px; margin-top:10px; color:#ff0; font-size:12px; }
#step2_task  span { font-size:16px;color: #c31c23; }
#step2_gmsg { width:450px; margin-top:10px; color:#ff0; font-size:16px; }
#step3_msg  a { color:#17669c; }

#gtitle { margin:-20px 0 40px 40px; font:bold 18px "Arial Black"; color: #c31c23;}

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

.tlogin, .ttag, .vpButton {
width:110px;
margin-left: 150px;
background:#17669c;
color: #fff;
border:medium none;
cursor:pointer;
font-size:10px;
height:26px;
letter-spacing:1px;
line-height:26px;
padding:0 2px;
text-transform:uppercase;
vertical-align:middle;
display: inline;
}
.tlogin:hover, .ttag:hover {background-color: #45c42c;}

.vpButton {margin-left:0;}

#nonpwd_task  { font-size:12px; }
#nonpwd_task p  { margin-bottom:5px; }
#nonpwd_task span { color:#C31C23; }

/* select box */
#tvictim, #tmsg { width:260px; padding:5px; }

/* how it works */
#hiw , #disclaimer {
width:190px; color:#606060;
position:absolute;
top:70px; left:535px;
}
#hiw h2, #disclaimer h2, #disclaimer_g h2  {
font:bold 18px "Arial Black";
margin-bottom:10px;
}
#hiw p, #disclaimer p, #disclaimer_g p {
padding: 10px 5px;
border-top:1px dashed #606060; 
}
#hiw p span {
font-size:10px;
color:#17669c;
}
/* disclaimer */
#disclaimer {
top:400px; 
}
#hiw p span, #disclaimer p a  {
color:#17669c;
}

/* disclaimer_g */
#disclaimer_g {
width:190px; color:#606060;
position:absolute;
top:250px; left:535px;
}
#generateBtn {
margin-left: 50px;
background:#17669c;
color: #fff;
border:medium none;
cursor:pointer;
font-size:10px;
height:26px;
letter-spacing:1px;
line-height:26px;
padding:2px;
text-transform:uppercase;
vertical-align:middle;
display: inline;
}
#generateBtn:hover {background-color: #45c42c;}


/* Stats and Original Paths */
.sideA {
width:160px; color:#606060;
position:relative;
}
.sideA h2 {
font:bold 18px "Arial Black";
margin-bottom:10px;
}
.sideA p {
padding: 10px 5px;
border-top:1px dashed #606060; 
}
.sideA p strong {
display:block;
color:#17669c;
margin:0 0 10px 20px;
}
.sideA p a {
color:#17669c;
}


/* 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 5px 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 5px 0;
font-weight:normal;
}
#header #subnav ul li a:hover {
color:#000;
}

/* pagination */
.pagination {width:20px; margin-top:20px; margin-right:10px; display:inline; padding:5px 10px; border:1px solid #c0c0c0; font-size:12px; }
.pagination a {color:#232616;}
.pagination:hover { background:#ccc;}

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