/* $Id: main.css 2881 2006-10-11 00:22:37Z aaron $ */
/* --------------- DEFAULT GLOBAL STYLES --------------- */
body { color: #2c3034; background: #fff; font-family: verdana, arial, helvetica, sans-serif; color: #222; line-height: 17px; font-size: 12px; margin: 0; min-width: 600px; }
a { color: #006699; }
a:hover { color: #ff9933; }
a:visited { color: #666; }
.small { font-size: 10px; color: #666; }
ul { list-style: none; margin: 0 0 5px 0; padding: 0 0 20px .8em; }
ul.bulleted { list-style: square; margin: 0 0 0 1.5em; margin: 0 0 0 1.5em; }
ol { padding: 0 0 0 .8em; margin: 0 0 1.5em 1.5em; }
th { text-align: left; font-size: 100%; }
p,blockquote { margin: 0; padding: 0 0 15px 0; }
blockquote { padding: 0 30px 15px 30px; }
p.slim { padding: 0; }
dt { font-weight: bold; }
dd { margin: .2em 0 .6em 2em; }
h1 { color: #fff; padding: 0; margin: 0; width: 251px; height: 82px; }
h1 a { color: #fff;text-decoration: none; }
h1 a:hover { color: #fff; }
h2 { font-size: 120%; line-height: 100%; margin: 0 0 .5em 0; padding: 0; color: #666; }
h3, h4 { font-size: 20px; margin: 0 0 0 0; padding: 0 0 .2em 0; font-family: arial, sans-serif; letter-spacing: -1px; font-weight: normal; line-height: 110%; }
h4 { font-size: 16px; color: #444; font-weight:  bold; }
h3.dataheader { text-align:center; border-top:1px solid #ddd;padding: .7em 0 .7em 0; }
h3.bloghome { border-bottom: 1px solid #ddd; margin: 15px 0 15px 0; }
.homepage-news h4 { font-size: 16px; font-weight: bold; }
h5, h6 { font-size: 120%; margin: 0; padding: .2em 0 .2em 0; }
h5 { font-size: 110%; color: #666; }
.grey { color: #999; font-weight: bold; }

/* --------------- PAGE STRUCTURE --------------- */
#main #canvas { background: #fff; min-width: 750px; }

/* three-column layout */
#main #three-columns div#wrapper { float:left; width:100% }
#main #three-columns div#maincol { margin: 0 290px 0 190px; }
#main #three-columns div#leftcol { float:left; width:190px; margin-left:-100% }
#main #three-columns div#rightcol { float:left; width:290px; margin-left:-291px; font-size: 11px; line-height: 16px; border:1px solid red;}

/* two-column layout */
#main #two-columns div#wrapper { float:left; width:100%; margin-left:-280px }
#main #two-columns div#maincol { margin-left:280px; }
#main #two-columns div#leftcol { float:right; width:280px }
#main #two-columns div#rightcol { float:right; clear:right; width:280px; font-size: 11px; line-height: 16px; }

/* one wide content area */
#main #widecol { }
	
.padded {padding: 20px 20px 20px 20px; }
#main #three-columns div#maincol .padded { padding-left: 0; padding-right: 0; }
.clr {clear: both;}
#rightcol {
	width: 280px;
	float:right;
}

#opendnsheader {
	background: #1e2b35;
	color: #ddd;
	text-align: center;
	padding: 7px 10px;
	font-size: 11px;
	line-height: 14px;
}
#opendnsheader a:link, #opendnsheader a:visited { color: #ffcc33; }
#opendnsheader a:hover { color: #ff7700; }


/* --------------- HEADER --------------- */

#header { font-weight: normal; background: #1579b2 url(../images/header_bg_blue.gif) repeat-x; color: #fff; width: 100%; }
#header .left { float: left; padding: 0; }
#header .right { float: right; font-size: 90%; font-weight: bold; padding: 10px 20px 5px 20px; }
#header p { padding-bottom: 2px; }
#header .right a { color: #ffcc00; }
#header .right a:hover { color: #99ddff; }

.subnavlinks { background: #ffcc00; }
.subnavlinks p { padding: 0; margin: 0; }
.subnavlinks ul { list-style: none; }
.subnavlinks li { float: left; font-size: 10px; margin: 0 10px; }
.subnavlinks li a { color: #333; }
.subnavlinks li a:hover { color: #006699; }
.subnavlinks li.active a { text-decoration: none; color: #333; }


/* main navigation */
#header #nav { background: #0e4463; clear: both; font-size: 10px; line-height: 18px; font-weight: bold; min-height: 2em; width: 100%; border-bottom: 5px solid #ffcc00; }
#header #nav ul { clear: both; list-style: none; margin: 0; padding: 0 10px 0 10px; }
#header #nav li { float: left; }
#header #nav li a { display: block; color: #fff; margin: 0; padding: 4px 10px 4px 10px; text-decoration: none; background: #0e4463; }
#header #nav li a:hover { background: #0868a0; color: #ffcc00; }
#header #nav li.active { color: #333; background: #ffcc00; padding: 0; }
#header #nav li.active a { display: block; background: #ffcc00; color: #333; }
#header #nav li.active a:hover { display: block; background: #ffcc00; color: #333; }

/* --------------- MAIN CONTENT --------------- */

#main #maincol h2, #main #widecol h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	line-height: 100%;
	font-size: 28px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: -2px;
	color:  #0e4463;	
	border-bottom: 1px solid #ddd;
}

/* Welcome Area (currently only on the homepage) */
#main #welcome { background: #222; color: #fff; border-bottom: 5px solid #222; }
#main #welcome strong { color: #ff6600; }
#main #welcome a { color: #99ddff; font-weight: bold; }
#main #welcome a:hover { color: #999; }
#main #welcome p.big { font-size: 110%; line-height: 140%; padding-bottom: 5px; }

/* Dashboard */
#main #dashboard { background: #fff; border-top: 8px solid #ffcc00; }
#main #dashboard #user-links { padding: 0 20px 0 20px; background: #ffcc00; }
#main #dashboard #user-links ul { list-style-type: none; margin: 0; }
#main #dashboard #user-links li { float: left; display: inline; background: #fff; margin-right: 1px; }
#main #dashboard #user-links li.active { padding: 3px 10px 3px 10px; color: #333; }
#main #dashboard #user-links a:hover { background: #0099cc; }
#main #dashboard #user-links #tabs { position: relative; width: 100%; height: 3em; width: 50em; }
#main #dashboard #user-links #tabs ul#tabs-list { margin: 0; padding: 0; position: absolute; bottom: 0; width: 50em; }
#main #dashboard #user-links #tabs ul#tabs-list li { display: inline; list-style: none; }
#main #dashboard #user-links #tabs ul#tabs-list a { width: 10em; display: block; float: left; padding: 4px; margin: 0; text-align: center; text-decoration: none; color: #fff; background: #ff6600; }
#main #dashboard #user-links #tabs ul#tabs-list a:hover { background: #0099cc; }
#main #dashboard #user-links #tabs ul#tabs-list li.active { width: 10em; display: block; float: left; padding: 4px; margin: 0; text-align: center; margin-right: 1px; }
#main #dashboard .left { float: left; }
#main #dashboard .right { float: right; }
#main #dashboard h3 { }
#main #dashboard ul { margin-bottom: 0; }
#main #dashboard table.dashboard { margin: 0 0 1em 0; }
#main #dashboard table.dashboard td.label { width:18em; text-align: right; padding: 0 .5em 0 0; }
#main #dashboard #subnav { border-bottom: 1px solid #ddd; margin: 0 0 1em 0 }

/* Miscellaneous Table Styles */
#main table.graph td { padding: .2em; margin: 0 0 .1em 0; }
#main table.user, #main table.data { margin-bottom: 10px; }
#main table.user th, #main table.data th { margin: 0; padding: 2px 0; font-size: 11px; text-align: left; border-bottom: 3px solid #ddd; }
#main table.data td { padding: 5px 0; font-size: 11px; line-height: 13px; border-bottom: 1px solid #ddd; }
#main table.user td.label, #main table.user td.value { padding: 0 10px; font-size: 11px; }
#main table.user td.label { text-align: right; padding-left: 0; color: #888; font-weight: bold; }
#main table.user td.value { }
#main table.data tr.alt { background: #f6f6f6; }

/* Phish Detail page */
#main .url { padding: 5px 0 5px 0; margin-bottom: 5px; border-bottom: 1px solid #ddd; }
#main table.phish-detail { margin: 22px 0 18px 0; }
#main table.phish-detail td { font-size: 10px; }
#main table.phish-detail td h3 { padding-bottom: 0px; padding: 0 0 3px 0; }
#main table.phish-detail td.label { text-align: right; font-weight: bold; padding-right: 10px; }
#main table.votes { margin-bottom: 15px; background: #eee; }
#main table.votes td { font-size: 11px; line-height: 11px; }
.status-img { padding: 0 15px 0 0; }
#main table.isaphish { background: #cc0000; color:white; }
#main table.isnotaphish { background: #333; color:white; }
#main table.isaphish td, #main table.isnotaphish td, #main table.nocolor td { line-height: 11px; padding: 5px 0 6px 0; }
dl.tinydetails { font-size: 10px; color: #666; }
dl.bigdetails { font-size: 11px; padding: 0 0 5px 0; margin: 0 0 15px 0; }
dl.bigdetails dd { margin: 0; padding: 0 0 10px 0; }
table.submission-details td { font-size: 11px; }
.detailtabs { padding-bottom: 5px;margin:0 0 5px 0;font-size:10px;line-height:10px; }
a.detailtab { background: #eee; font-weight:bold;text-decoration:none;padding: 5px 10px 6px 10px;border:1px solid #ddd; border-bottom:0;color:#999; }
a.detailtab:hover { background: #ffffcc; color: #222; }
span.detailtab-active { font-weight:bold;padding:5px 10px 6px 10px;background:#ffcc00;color:#222;border:1px solid #ffcc00; border-bottom:0; }
a.isaphishbutton { text-decoration:none; padding: 3px 12px; background: #cc0000; color: #fff; font-weight: bold; font-family: arial, sans-serif; letter-spacing: -1px; font-size: 18px; margin: 0 7px 0 0; border: 1px solid #ccc; border-right: 1px solid #222; border-bottom: 1px solid #666; }
a.isnotaphishbutton { text-decoration:none; padding: 3px 12px; background: #e6e6e6; color: #006699; font-weight: bold; font-family: arial, sans-serif; letter-spacing: -1px; font-size: 18px; margin: 0 0 0 0; border: 1px solid #ccc; border-right: 1px solid #222; border-bottom: 1px solid #666; }
a.isaphishbutton:hover { color: #ff6622; }
a.isnotaphishbutton:hover { color: #999; }
a.isaphishbutton:visited { color: #fff; }
a.isnotaphishbutton:visited  { color: #006699; }

/* Comments */
#main #comments { border: 1px solid #ddd; padding: 1em 6em 1.2em 6em; margin: .2em 0 1em 0; }
#main #comments .comment { padding: 1em 0 0 0; }
#main #comments .comment .author { font-size: .9em; color: #999; }
#main #comments #submitter { background: #ffffee; border:1px solid #ddd; padding: 1.2em 1.5em 1em 1.5em; margin-bottom: 1.5em; }
#main #comments .comment h5 { margin: 0 0 .5em 0; }

/* Paging */
#main .paging a { padding: .5em; border: 1px solid #ccc; text-decoration: none; font-weight: bold; margin-right: .5em; }
#main .paging a:hover { border: 1px solid #ff6600; }
#main .paging .current { margin-right: .5em; background: #ccc; padding: .5em; font-weight: bold; color: #333; }

/* Links on homepage left sidebar */
#main ul.side-links { list-style:none; padding: 0; margin: 0 0 1.8em 0; font-weight: bold; font-size: .8em; }
#main ul.side-links li { margin: 0 0 .2em 0; }
#main ul.side-links a { margin: 0; }

/* --------------- FOOTER --------------- */
#footer { text-align: center; padding: 0; clear: both; line-height: 150%; background: #fff; }
#footer p { margin: 0; padding: 10px 10px 15px 10px;  color: #ddd; border-top: 1px solid #ddd; }

/* --------------- FORMS --------------- */
form { padding: 0; margin: 0; }
input, select { border: 1px solid #999; font-size: 100%; font-family: verdana, sans-serif; color: #000; line-height: 100%; background: #f9f9f9; padding: 2px; }
textarea { padding: 2px; width: 85%; padding: .6em; font-size: 100%; border: 1px solid #999; margin: 0; }
input:focus, select:focus, textarea:focus { background-color: #ffffee; }
.submitbutton { border-right: 2px solid #666; border-bottom: 2px solid #666; font-weight: bold;color: #000; font-family: georgia, arial, sans-serif;font-weight: bold;background: #ddd;margin: 0; }
input:focus.submitbutton { background: #ddd; }
form.loginbox input { font-size: 10px; font-weight: normal; border: 0; padding: 3px; background: #eee; color: #333;}
form.loginbox .loginbutton { border: 1px solid  #333; border-top:0; border-left: 0; background: #ddd; color: #000; padding: 2px; line-height: 100%; }
dl {
	margin:0;
	padding:0;
}
dl.form {
	margin: 0;
	padding: 0;
	width: 550px;
}
dl.form dt {
	float: left;
	text-align: right;
	width: 130px;
	margin:  2px 0 0 0;
	padding: 0 5px 0 0;
	font-size:  11px;
}
dl.form dd {
	padding:  0 0 10px 0;
	margin:  0;
	float: left;
	width: 400px;
}
dl.form dd input {

}
.formbox {
	margin-left: 135px;
	clear: left;
}
#widecol dl.form { width: 700px; }
#widecol dl.form dt { width: 225px; }
#widecol dl.form dd { width: 450px; }
#widecol .formbox { margin-left: 230px; }


/* --------------- FEEDBACK --------------- */
.success {
	background: #fff url(../images/icon_success.gif) no-repeat;
	padding: 3px 0 4px 19px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #339900;
}
.pending {
	background: #fff url(../images/icon_pending.gif) no-repeat;
	padding: 3px 0 4px 19px;
	font-size: 11px;
	font-weight:  bold;;
	line-height: 15px;
	color: #999;
}
.success p, .pending p {
	padding-bottom: 4px;
}
.error {
	background: #fff url(../images/icon_error.gif) no-repeat;
	padding: 3px 0 4px 19px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #ce1616;
}
.error p {
	padding-bottom: 4px;
}

.site-alert { background: #ffcc33 url(../images/site-alert.png) no-repeat; padding: 6px 20px 5px 40px; font-size: 12px; line-height: 17px; color: black; font-weight: bold; margin: 0; }
.site-alert p { padding-bottom: 0; }
.page-alert { background: #eee url(../images/site-alert.png) no-repeat; padding: 6px 20px 5px 40px; font-size: 12px; line-height: 17px; color: black; font-weight: bold; margin: 0; }
.page-alert p { padding-bottom: 0; }

.apiwidth {
	width: 100px;
}

.apidocs h3 {
	margin-top: 20px;
}

.apitable {
	border: 1px solid #ccc;
	background: #ffffee;
	margin: 0 0 15px 0;
	width: 95%;
}
.apitable th {
	text-align: left;
	padding: 5px;
	margin: 0;
}
.apitable td {
	margin: 0;
	border-top: 1px solid #ccc;
	padding: 5px;
}
.api-action {
	border:1px solid #ddd;
	padding: 10px;
	margin: 10px 0 10px 0;
}
.api-action h4 {
	color: #cc0000;
	font-weight: bold;
}
.api-action i {
	font-weight: bold;
}
pre {
	background: #ffffee;
	font-family: courier;
	font-size: 14px;
	width: 95%;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
}
.example pre {
	background: white;
	padding: 0;
}

/* blog */
#blog h3 {
	font-size: 25px;
	margin: 0 0 4px 0;
	padding: 0;
}
#blog h3 a {
	color: #2c3034;
}
#blog h3 a:hover {
	text-decoration: underline;
}
#blog .post {
	margin-bottom: 25px;
}
#blog .small {
	color: #4c555a;
}
#blog .date {
	font-size: 12px;
	color: #999;
	font-weight: bold;
	margin-bottom: 3px;
}
#blog .postmetadata {
	font-size: 11px;
	color: #666;
}
#blog .navigation {
	margin-bottom: 25px;
	text-align: center;
	font-size: 10px;
}
#blog .commentmetadata {
	font-size: 10px;
	color: #999;
}
#blog .commentmetadata a {
	color: #999;
}
#blog ol.commentlist {
	list-style:none;
	margin: 10px 0 10px 0;
	padding: 0;
}
#blog ol.commentlist li {
	margin: 15px 0 20px 0;
}
#blog ol.commentlist li p {
	padding: 0 0 12px 0;
}
#blog ol.commentlist li h4 {
	margin:0 0 10px 0;
	padding: 0;
	line-height: 18px;
}
#blog ol.commentlist li h4 a {
	text-decoration: underline;
	color: #4c555a;
}
#blog ol.commentlist li.comment-official {
	border: 1px solid #ffcc00;
	border-top: 0;
	margin-bottom: 35px;
}
#blog ol.commentlist li.comment-official p {
	margin-left: 12px;
	margin-right: 12px;
}
#blog ol.commentlist li.comment-official h4 {
	background: #ffcc00;
	color: #222;
	border: 0;
	padding: 6px 0 6px 12px;
}
#blog ol.commentlist li.comment-official h4 a {
	color: #222;
	text-decoration: none;
}
#blog ol.commentlist li.comment-official h4 a:hover {
	color: #222;
}
#blog ol.commentlist li.comment-official .commentmetadata  {
	color: #333;
}
#blog ol.commentlist li.comment-official .commentmetadata a {
	color: #333;
}
#blog h3#respond {
	padding-top: 15px;
}
#blog h3.pagetitle {
	margin-bottom: 35px;
}
#blog blockquote {
	padding: 15px;
	color: #4c555a;
	margin: 0 30px 15px 30px;
	border: 1px solid #ddd;
}
#blog .entry {
	margin: 0;
}
#blog .post-home .entry {
	margin: 0;
}
#blog .post-home {
	margin-bottom: 25px;
}
#blog .postfooter {
	border-top: 1px solid #ddd;
	padding: 10px 0 15px 0;
	margin: 10px 0;
	font-size: 10px;
	line-height: 14px;
	color: #666;
}
#blog .postfooter .left {
	float: left;
	width: 75px;
}
#blog .postfooter .right {
	float: left;
	width: 450px;
}
.accountbox {
	padding: 10px 0 0 0;border-top: 1px solid #ddd;
}
.homesidebarbox {
	background: #f6f6f6; border: 1px solid #ddd; padding: 12px 12px 0 12px; margin: 0 0 10px 0;
}
.homesidebarbox .post-author {
	font-size: 10px;
	font-style:italic;
}
.biglink {
	color: #ff6600;
}
.biglink:hover {
	background: #1679b2;
	color: #ffcc33;
	text-decoration: none;
}
.checkurl {
	margin: 10px 0 20px 0;
	padding: 10px 15px 0 15px;
	background: #ffffdd;
	border: 1px solid #ffcc00;
}
.flagbox {
	border: 2px solid black;
	background-color: white;
	position: absolute;
	width: 70%;
	height: 350px;
	left: 15%;
	top: 10%;
}

.phishflag {
	width: 100%;
	background-color: #FFFF99;
	border-style: solid;
	border-color: #FFFF00;
	border-width: 3px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

.phishflagresolve {
	float: right;
}

/* api flow */
h3.apiflow {  margin: 0 0 5px 0; padding: 10px 0 5px 0; border-bottom: 1px dashed #ccc;}	
.highlight { font-weight: bold; font-style:italic; color: #ff6600; }
.flow { margin: 15px 0 0 75px; }

/* dev info/api stuff 06/09 */
.db_format td { color: #444; }