/* global */
body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2c3034;
}
a {
	color: #336699;
}
a:visited {
	color: #334466;
}
a:hover {
	color: #4c555a;
	text-decoration: none;
	background: #ffffcc;
}
form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 0 .3em 0;
	color: #2c3034;
}
h2 {
	margin-bottom: 15px;
	border-bottom: 4px solid #eee;
}
h3 { 
	font-size: 18px;
}
h4, h5 {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 18px;
	color: #4c555a;
}
h4.subnav a {
	display: block;
	color: #4c555a;
	text-decoration: none;
}
h5 {
	font-size: 13px;
	margin-top: 0;
	line-height: 16px;
	color: #666;
	font-weight: normal;
}
p, blockquote, dl {
	margin: 0;
	padding: 0 0 1em 0;
}
dt {
	font-weight: bold;
}
img.border {
	border: 1px solid #ddd;
}
blockquote {
	font-size: 11px;
	color: #4c555a;
	line-height: 15px;
	padding: 0 2em 1.2em 2em;
}
.success {
	margin: 0 0 15px 0;
	border: 1px solid #66cc33;
	background: #eefff9;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
}
.success p {
	padding: 0;
}
.error {
	margin: 0 0 15px 0;
	border: 1px solid #ff0000;
	background: #fdf1f1;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
}
.error p {
	padding: 0;
}
.normal {
	font-weight: normal;
}
.slim {
	padding: 0;
}
.small {
	font-size: 11px;
	line-height: 15px;
	color: #666;
}
.xsmall {
	font-size: 10px;
	line-height: 14px;
	color: #4c555a;
}
.center {
	text-align: center;
}
.light {
	color: #999;
	font-size: 12px;
}
.light a {
	color: #999;
}
ul, ol {
	list-style: square;
	margin: 0 0 0 1em;
	padding: 0 0 1.2em 1em;
}
ol {
	list-style: decimal;
}
.image-right {
	float: right;
	margin: 0 0 20px 20px;
}
.image-left {
	float: left;
	margin: 0 20px 20px 0;
}
ul.icons {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 15px;
}
ul.icons a {
	display: block;
}
ul.icons li {
	padding: 2px 0 2px 21px;
	font-size: 11px;
	line-height: 15px;
}
ul.icons li span.active a {
	font-weight: bold;
	color: #4c555a;
	text-decoration: none;
}
ul.icons li.pdf {
	background: url(../img/icon_pdf.gif) no-repeat 0 3px;
}
ul.icons li.page {
	background: url(../img/icon_star.gif) no-repeat 0 3px;
}
ul.icons li.page-grey {
	background: url(../img/icon_star_grey.gif) no-repeat 0 3px;
}
p.davidu {
	background-color: yellow;
	border: 1px solid gold;
	margin: 0; padding: 0;
}
h4 a.plain {
	text-decoration: none;
	color: #4c555a;
}
/*
p.casestudy {
	background: url(/img/icon_quote.gif) no-repeat 0 3px;
	padding: 0 10px 5px 21px;
}
*/
p.casestudy i {
	color: #999;
}
p.padded {
	padding-bottom: 22px;
}

.right {
	text-align: right;
}
.clr {
	clear: both;
}
.red {
	color: red;
}
.breadcrumbs {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	line-height: 10px;
	color: #666;
	margin-bottom: 20px;
	font-size: 10px;
}
.bigbutton input {
	padding: .5em;
	font-size: 1.3em;
	font-weight: bold;
}
.bigquote {
	font-family: arial, verdana, sans-serif;
	font-size: 17px;
	line-height: 22px;
	color: #4c555a;
	padding-bottom: 24px;
}
.highlight {
	background: #ffffcc;
}
.calltoactionfooter {
	border: 1px solid #ff7700;
	background: #ffffee;
	padding: 10px;
	margin: 30px 0 0 0;
	text-align: center;
}
.calltoactionfooter h4 { 
	margin: 0;
	padding: 0;
}
.dynamicipnav {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	color: #999;
}


/* header */
#header {
	font-size: 90%;
}
#header #login {
	float: right;
	text-align: left;
	width: 550px;
	font-size: 11px;
	line-height: 11px;
	margin-top: 6px;
	color: #4c555a;
	height: 25px;
}
#header #login a {
	color: #4c555a;
	text-decoration: underline;
}
#header #login a:hover {
	background: #ffcc55;
}
/*
#header div.dashboard {
	padding: 0;
	margin: 0;
	height: 25px;
	background: url(/img/icon_dashboard.gif) no-repeat 0 -1px;
	padding-left: 20px;
}
#header div.dashboard#dashboard-user  {
	background: url(/img/icon_dashboard_user.gif) no-repeat 0 -1px;
}
*/
#header {
	height: 121px;
	width: 930px;
	margin: auto;
	text-align: left;
}
#header p {
	padding: 0;
	margin: 0;
}
#header a {
	color: #4c555a;
}
#header #getstartedbutton {
	margin-left: 152px;
	width: 208px;
	height: 44px;
	background: url(../img/header_getstarted.gif) no-repeat;
}
#header #getstartedbutton a {
	display: block;
	width: 208px;
	height: 44px;
}
#header #getstartedbutton a:hover {
	background: none;
}
#header #getstartedbutton a span {
	display: none;
}
#header #logo {
	width: 120px;
	height: 76px;
	float: left;
}
#header #logo h1 {
	width: 120px;
	height: 76px;
}
#header #logo h1 a {
	display: block;
	width: 120px;
	height: 38px;
	background: url(../img/header_logo.gif) no-repeat;
}
#header #logo a:hover {
	background: url(../img/header_logo.gif) no-repeat;
}
#header #logo a span {
	display: none;
}
#header #nav div {
	width: 810px;
	height: 76px;
	float: left;
	background: transparent url(../img/nav.gif) no-repeat;
	overflow: hidden;
}
#header #nav ul li {
	list-style: none;
	float: left;
}
#header #nav a {
	display: block;
	height: 53px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#header #nav ul li a:hover {
	background: none;
}
#header #nav ul li span {
	display: none;
}
#header #nav .how        { background-position: 0 -80px;  }
#header #nav .features   { background-position: 0 -160px; }
#header #nav .customers  { background-position: 0 -240px; }
#header #nav .support    { background-position: 0 -320px; }
#header #nav .about      { background-position: 0 -400px; }
#header #nav .blog       { background-position: 0 -480px; }

#header #nav a#nav-home,
#header #nav a#nav-privacy,
#header #nav a#nav-terms,
#header #nav a#nav-start {
	display: none;
}

#header #nav a#nav-how        { width: 96px; margin-left: 238px; }
#header #nav a#nav-features   { width: 64px; margin-left: 27px;  }
#header #nav a#nav-customers  { width: 77px; margin-left: 27px;  }
#header #nav a#nav-support    { width: 59px; margin-left: 27px;  }
#header #nav a#nav-about      { width: 63px; margin-left: 27px;  }
#header #nav a#nav-blog       { width: 33px; margin-left: 27px;  }
#header #nav a#nav-how:hover,
#header #nav a#nav-features:hover,
#header #nav a#nav-customers:hover,
#header #nav a#nav-support:hover,
#header #nav a#nav-about:hover,
#header #nav a#nav-blog:hover {
	background: url(../img/nav_hover.gif) no-repeat 0 32px;
	overflow: hidden;
}
#header #nav li.active a#nav-how:hover,
#header #nav li.active a#nav-features:hover,
#header #nav li.active a#nav-customers:hover,
#header #nav li.active a#nav-support:hover,
#header #nav li.active a#nav-about:hover,
#header #nav li.active a#nav-blog:hover {
	background: none;
}



/* sidebar */
#sidebar {
	font-size: 11px;
	line-height: 15px;
	color: #555;
}
#sidebar .inner {
	padding-right: 20px;
}



/* footer */
#footer ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#footer li, #footer p {
	font-size: 11px;
	line-height: 16px;
}
#footer a {

	text-decoration: underline;
}
#footer a:hover {

	color: white;
}
#footer h4 {

	margin-top: 0;
}
#footer h4 a {

	text-decoration: none;
}
#footer h4 a:hover {

	text-decoration: underline;
}
#footer li {

}
#footer p { 

}
#footer #copyright p {
	color: #999;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #666;
	text-align: left;
}
#footer #copyright p a {
	color: #999;
}
#footer #startusing p {

	margin-top: -10px;
	padding-top: 0px;
}
#footer #startusing p a {
	color: #888;
}






/* h2 page titles */
h2.title {
	width: 740px;
	height: 70px;
	border: 0;
	margin-bottom: 10px;
}
h2.title span {
	display: none;
}
h2.title#title-features {
	background: #fff url(../img/title_features.gif) no-repeat top center;
}
h2.title#title-how {
	background: #fff url(../img/title_features.gif) no-repeat top center;
}
h2.title#title-customers {
	background: #fff url(../img/title_features.gif) no-repeat top center;
}
h2.title#title-company {
	background: #fff url(../img/title_features.gif) no-repeat top center;
}



/* how it works */
#howitworks {
}
#howitworks a#prev, #howitworks a#next {
	display: block;
	width: 50px;
	height: 50px;
}
#howitworks a span {
	display: none;
}
#howitworks p {
	text-align: left;
	padding: 0 20px 30px 0;
}
#howitworks a#prev {
	background: #fff url(../img/how_arrow_prev_on.gif) no-repeat top right;
}
#howitworks a#next {
	background: #fff url(../img/how_arrow_next_on.gif) no-repeat top left;
}



/* about us */
li.rssitem {
	margin-bottom: 10px;
}

/* customers */
.success-story {
	padding: 0 0 10px 0;
	
}
.customerbox {
	width: 220px;
	height: 160px;
	text-align: center;
	float: left;
	margin: 0 0 20px 20px;
}
.customerbox .inner {
	padding: 10px;
}


/* company */
table.press th {
	border-bottom: 1px solid #ddd;
}
table.press td p {
	padding: 0;
}
table.press td {
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #ddd;
}



/* get started */
#getstarted .progress {
	float: left;
	text-align: center;
	color: #666;
	width: 205px;
	margin: 0;
}
#getstarted .progress h4 {
	padding: 0;
	margin: 3px 0 2px 0;
	color: #999	;
	font-size: 18px;
	letter-spacing: -1px;
}
#getstarted .inner {
	padding: 10px 0 12px 0;
}
#getstarted p.small {
	padding: 0;
	color: #666;
}
#getstarted .active p.small {
	color: #2c3034;
	font-weight: bold;
}
#getstarted .active h4 {
	color: #ff7700;
}
#getstarted .active .inner {
	color: white;
}
#getstarted .done .inner {
	background: #eefff9 url(../img/start_progress_done.gif) no-repeat;
	font-weight: bold;
}
#getstarted .done .inner h4 {
	color: #009900;
}
#getstarted .skipped .inner {
	background: #eee;
	color: #ccc;
}
#getstarted .start-arrow {
	float: left;
	width: 50px;
	height: 60px;
	background: url(../img/start_arrow.gif) no-repeat center center;
}
#getstarted .start-arrow span {
	display: none;
}
#getstarted h3 {
	margin: 0;
	padding: 0 0 10px 0;
}
.routericon {
	float: left;
	width: 70px;
	margin: 0 20px 5px 0;
}
#getstarted .instructions h3 {
	margin: 20px 0 5px 0;
	color: #2c3034;
}
.command {
	color: #ff7700;
}
li.deviceoverview {
	font-size: 11px;
	line-height: 16px;
}
li.deviceoverview a {
	color: #2c3034;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}
li.deviceoverview .command {
	color: #2c3034;
	font-weight: bold;
}
div.getstartedoption {
     float: left;
     width: 205px;
     text-align: center;
}
a.getstartedlink {
     display: block;
     width: 205px;
     border: 1px solid white;
     text-decoration: none;
}
a.getstartedlink#router {
}
a.getstartedlink:hover,a.getstartedlink#router:hover {
     background: white;
     cursor: pointer;
}
a.getstartedlink h3 {
     color: #336699;
     text-decoration: underline;
}
a.getstartedlink:hover h3 {
	color: #ff7700;
}
a.getstartedlink p.small {
     padding: 20px;
}
div.or {
     float: left;
     text-align: center;
     width: 50px;
     padding-top: 55px;
}
	


/* homepage */
#press-logos a:hover {
	background:none;
}

#slides {
	width: 930px;
	height: 266px;
	margin-bottom: 20px;
	background: #fff url(../img/home_tabs.png) no-repeat;
	overflow: hidden;
}

#slides span { display: none; }
#slides a:hover { background: none; }
#slides a { -moz-outline-style: none; }

.slidetext {
	padding: 60px 450px 15px 30px;
}

a.btn {
	display: block;
	float: left;
	margin-right: 10px;
}
a.btn span {
	display: none;
}
a.seeallstories {
	width: 128px;
	height: 37px;
	background: url(../img/btn_seeallstories.gif) no-repeat;
}
a.seeallstories:hover {
	background: url(../img/btn_seeallstories_on.gif) no-repeat;
}
a.readthisstory {
	width: 128px;
	height: 37px;
	background: url(../img/btn_readthisstory.gif) no-repeat;
}
a.readthisstory:hover {
	background: url(../img/btn_readthisstory_on.gif) no-repeat;
}
#slides a.starttoday {
	width: 276px;
	height: 42px;
	background: url(../img/btn_start.gif) no-repeat;
	margin-left: 30px;
}
#slides a.starttoday:hover {
	background: url(../img/btn_start_on.gif) no-repeat;
}



/* tool tips */
.tool-tip, .badge-tool-tip {
	width: 250px;
	z-index: 13000;
	background: #ffffb3;
	line-height: 13px;
	border: 1px solid #ccc;
	text-align: left;
	font-family: 'lucida grande', verdana, arial, sans-serif;
	font-size: 11px;
	padding: 3px;
}
.badge-tool-tip {
	width: auto;
}
.tool-title {
	font-weight: bold;
}
.tool-text {
	font-size: 11px;
}


/* customers */
#customers p.slim {
	padding-bottom: 6px;
}



/* cachecheck */
table.cachecheck {
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
table.cachecheck th {
	padding: 2px 2px 2px 0;
	border-bottom: 1px solid #ddd;
}
table.cachecheck td {
	line-height: 120%;
	padding: 4px 2px 4px 0;
}
table.cachecheck td.nx, dt.nx, span.nx {
	color: #cc0000;
	font-weight:bold;
}
table.cachecheck td.phishing, dt.phishing, span.phishing {
	color: #cc66cc;
	font-weight:bold;
}
table.cachecheck td.servfail, dt.servfail, span.servfail {
	color: #663300;
	font-weight:bold;
}
table.cachecheck tr.old {
	background: #eee;
}
.cache-results {
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}
.cache-results h3 {
	font-weight: normal;
	padding-bottom: 7px;
}
.cache-results h3 .domain {
	font-weight: bold;
}
.cache-results h4 {
	margin: 15px 0 6px 0;
}
.cache-results ol li {
	margin-bottom: 6px;
}
.cache-results strike {
	color: #999;
}
#spotlight {
	overflow: hidden;
	height: 100px; 
	position: relative;
}
#spotlight .scrolling-content {
	width: 550px;
	height: 70px;
	text-align: center;
	position: absolute;
}
#spotlight #slide1 { left: 0; top: 0; }
#spotlight #slide2 { left: 550px; top: 0; }
#spotlight #slide3 { left: 1100px; top: 0; }
#spotlight #slide4 { left: 1650px; top: 0; }
#spotlight #slide5 { left: 2200px; top: 0; }
#spotlight #slide6 { left: 2750px; top: 0; }
#spotlight #slide7 { left: 3300px; top: 0; }
#spotlight #slide8 { left: 3850px; top: 0; }
#spotlight #slide9 { left: 4400px; top: 0; }
#spotlight #slide10 { left: 4950px; top: 0; }


/* support overview page */
#supportbox { padding: 0; }
#supportbox form { margin: 0; padding: 0; }
#supportbox #top { background: #999; padding: 4px 10px 3px 10px; }
#supportbox #top b { color: white; }
#supportbox #content { background: #f6f6f6; border: 1px solid #999; margin-bottom: 15px; }
#supportbox #kb-icon { float: left; text-align: right; width: 45px; margin: 15px; }
#supportbox #kb-content { float: left; width: 457px; margin: 15px 0 0 0; }
#supportbox #forums-icon { float: left; text-align: right; width: 45px; margin: 15px; }
#supportbox #forums-content { float: left; width: 191px; margin: 15px 15px 15px 0; }
#supportbox #email-icon { float: left; text-align: right; width: 45px; margin: 17px 15px 15px 0; }
#supportbox #email-content { float: left; width: 191px; margin: 15px 15px 15px 0; }

/* ccb */
table.ccb { margin-top: 10px; }
table.ccb th { background: #ddd; color: #4c555a; border-top: 1px solid #ddd; font-size: 11px; line-height: 13px; text-align: left; }
table.ccb td {  border-top: 1px solid #ddd; }
table.ccb { border-bottom: 1px solid #ddd; }
table.ccb tr.alt { background: #f6f6f6; }

div.vote-buttons {  }
div.vote-buttons ul { margin: 0; padding: 0; list-style: none; }
div.vote-buttons li { float: left; margin-right: 5px;}
div.vote-buttons span { display: none; }
div.vote-buttons li a:hover { background: #fff; opacity: 0.5; }
div.vote-buttons li.yes a { display: block; width: 42px; height: 23px;  background: url(../img/button_vote_yes.gif) no-repeat; }
div.vote-buttons li.no a { display: block; width: 36px; height: 23px; background: url(../img/button_vote_no.gif) no-repeat; }
div.vote-buttons li.notsure a { display: block; width: 72px; height: 23px; background: url(../img/button_vote_notsure.gif) no-repeat; }
div.vote-buttons li.yes div { width: 42px; height: 23px; background: url(../img/button_vote_yes_on.gif) no-repeat; }
div.vote-buttons li.no div { width: 36px; height: 23px; background: url(../img/button_vote_no_on.gif) no-repeat; }
div.vote-buttons li.notsure div { width: 72px; height: 23px; background: url(../img/button_vote_notsure_on.gif) no-repeat; }

h3 select { font-size: 15px; font-family: arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0; }

a.icon-details { display: block; float: left; width: 40px; height: 16px; background: url(../img/icon_domain_details.gif) no-repeat center; }
a.icon-details:hover { background-color: #fff; opacity: 0.5; }
a.icon-details span { display: none; }

.notag { color: #999; }

/* paging */
.paging {
	font-size: 12px;
	text-align: center;
	padding: 25px 0;
}
.paging a, .paging span {
	padding: 3px 5px;
}
.paging span {
	font-weight: bold;
}
.paging a:link, .paging a:visited {
	color: #336699;
	border: 1px solid #fff;
}
.paging a:hover {
	border: 1px solid #336699;
	background: white;
}
.paging a.next {
	padding: 3px 21px 3px 3px;
	margin-left: 5px;
	background: url(../img/paging_arrow_next.gif) no-repeat center right;
}
.paging a.prev {
	padding: 3px 3px 3px 21px;
	margin-right: 5px;
	background: url(../img/paging_arrow_prev.gif) no-repeat center left;
}



/* Domain Tagging Word Filter */

.dtwf { }

.dtwfblock {
	background-color: #444;
	color: #444;
}

a.button span { display: none; }
a.button:hover { opacity: 0.7; }
a.filtering { display: block; width: 170px; height: 85px; background: url(../img/button_filtering.gif) no-repeat; }
a.moredomains { display: block; width: 159px; height: 24px; background: url(../img/button_showmoredomains.gif) no-repeat; }