@charset "UTF-8";
/* CSS Document */

/* 
----------------------------------------------
	THE FRAME OF THE THING
----------------------------------------------*/
html, body {
	margin:0; padding:0;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background:#fff;
	color:#444;
	}
	
body {
	font-size:81.25%; /* base is 13px */
	font-size:79%; /* base is 12.64px */
	line-height:1.4em;
	}


/* Skeleton
----------------------------------------------*/
#container{ /*  630 main + 350 sidebar (incl. 4) */
	margin:0 auto;
	width:980px;
	}
	
#main {
	margin:0px;
	width:100%;
	}	

#main .contents {
	overflow:hidden;
	}		
	
#leftcol {
	width:630px;
	float:left;
	}

#rightcol {
	width:341px; /* orig 345, minus 2px each side for the 2px rounded borders*/
	margin-left:4px;
	float:left;
	font-size:1em;  /**  12.64px */
	background:#f6f6f6;
	border:#f6f6f6 2px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	}

#singlecol {
	width:100%;
	margin:15px auto 12px auto;
	}

#footer {
	overflow:auto;
	width:100%;
	margin-top:15px; /* with new gray bars we need a little more space between main contents and footer */
	margin-bottom:8px;
	font-size:0.87em; /* 11px with 12.64px base */
	}	


/* User Navigation/Links
----------------------------------------------*/	
#usernav {
	overflow:auto;
	width:100%;
	font-size:0.87em;
	}

#usernav .contents {
	margin:3px 6px 0px 0px;
	float:right;
	}


/* Masthead
----------------------------------------------*/

#masthead {
	width:100%;
	background:url(/static/img/masthead.gif?mHOP83jSXRKt) repeat;
	color:#fff;
	margin-top:3px;
	position:relative;
	font-size:12.64px;
	}

#mastheadcontent {
	/*background:#000;*/
	overflow:auto;
	height:100%;
	padding:2px 0px;
	}
	
#masthead #logo {
	float:left;
	}	
		
#masthead #logo a {
	background:url(/static/img/wordmark.gif?1Yu8dB6uWzJX) no-repeat center left;
	height:36px;
	width:100px;
	display:inline-block;
	}

#masthead-top {
	background:url(/static/img/masthead-top.gif?zRBtzor9NmpB) no-repeat;
	height:5px;
	width:980px;
	padding:0;
	margin:0;
	}

#masthead .lowerleftcorner{
	background:url(/static/img/lowerleftcorner.gif?sQzxbnlRCkI-) no-repeat;
	position:absolute;
	bottom:-10px;
	left:0px;
	height:6px;
	width:6px;
	}

#masthead > .lowerleftcorner{
	bottom:0px;
	}

#masthead .lowerrightcorner{
	background:url(/static/img/lowerrightcorner.gif?9NhDZ9H1CsCp) no-repeat;
	position:absolute;
	bottom:-10px;
	right:0px;
	height:6px;
	width:6px;
	}

#masthead > .lowerrightcorner{
	bottom:0px;
	}
	
	
/* Search
----------------------------------------------*/	
#searchcontainer {
	font-size:12.64px;
	margin:-1px 6px 0px 0px;	
	float:right;
	overflow:auto;
	border:#3684a4 1px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;	
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;	
	background:#3684a4;
	}

#searchcontainer0 {
	font-size:12.64px;
	margin:-1px 3px 0px 0px;	/* was -1 6 0 0px*/
	float:right;
	overflow:auto;
	border:#3684a4 1px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;	
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;	
	background:#3684a4;
	}

#search, #search0 {
	float:left;
	overflow:auto;
	border:#fff 4px solid;
	overflow:hidden;
	background:#fff;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;	
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;	
	}

#globalsearchlabel, #globalsearchlabel0 {
	float:left; 
	color:#333; 
	position:relative; 
	font-weight:bold; 
	margin:0px 5px 0px 3px; 
	height:24px;
	font-size:12px;
	line-height:24px;
	}
	
#search input.globalsearch {
	float:left;
	padding-top:4px;
	margin-right:4px;
	border:0px;
	outline:none;
	width:133px;
	overflow:hidden;
	white-space:nowrap;
	font-size:12px;
	/*line-height:16px;*/
	}	

#search0 input.globalsearch0 {
	float:left;
	padding-top:4px;
	margin-right:4px;
	border:0px;
	outline:none;
	width:100px;
	overflow:hidden;
	white-space:nowrap;
	font-size:12px;
	/*line-height:16px;*/
	}	
	
#search .button{
	margin:0;
	padding:0;
	}
	
#search form {
	padding:0; 
	margin:0;
	}	/* Search 2 areas, 2 inputs*/

	
/* Top Level Navigation
----------------------------------------------*/	
#navigation {
	float:left;
	position:absolute;
	left:110px;
	bottom:-1px;
	font-size:1.11em;
	}

#mastheadcontent > #navigation {
	bottom:0px;
	}
	
#navigation .tab-selected {
	background: transparent url(/static/img/tab.gif?7hzPlGypxMOe) no-repeat top right; 
	display: block;
	float: left;
	height: 29px;
	padding-right: 24px;
	text-decoration: none;
	position:relative;
	margin:0px 4px;
	}

#navigation .tab-selected span {
	background: transparent url(/static/img/tab.gif?7hzPlGypxMOe) no-repeat;
	display: inline-block;
	height:29px;
	line-height: 29px;
	padding: 0px 0px 0px 25px;
	color:#b33403;
	font-weight:bold;
	}	

#navigation .tab-selected > span {
	background: transparent url(/static/img/tab.gif?7hzPlGypxMOe) no-repeat;
	display: block;
	line-height: 25px;
	padding: 2px 0px 2px 25px;
	color:#b33403;
	font-weight:bold;
	}	

#navigation .tab-selected a:link, #navigation .tab-selected a:visited {
	border:none;
	}	

#navigation .tab {
	float:left;
	padding:7px 15px 0px 15px;
	}	

#navigation .tab img{
	border:none;
	margin:0px 0px 0px 3px;
	}
	
#navigation .tab a:link, #navigation .tab a:visited{
	color:#fff;
	}		

#navigation .tab-selected span > img {
	position:inherit;
	}

#navigation .tab-selected span a {
	color:#b33403;
}	

#navigation .tab-selected span img {
	border:none;
	}


/* Navigation Tabs Dropdown UI
----------------------------------------------------*/ 
#navigation .tab-dropdown ul {
	list-style:none;
	padding:0;
	margin:0px;
	}	

#navigation .tab-dropdown li {
	margin:0px;
	padding:0px;
	white-space: nowrap;
	font-size:0.91em; /* navigation parent tag is at 1.13m, which is 13.904px.  So for this element 1em equals 13.904px.  12.64 px is 0.91*13.904  */
	}

#navigation .tab-dropdown li a{
	display:inline-block;
	padding:6px 0px;
	}	
	
#navigation .tab-dropdown li > a{
	width:100%;
	}		

#navigation .tab-dropdown li a:hover{
	background:#c5d5a9;
	text-decoration:none;
	color:#000;
	}

#navigation .tab-dropdown li a span.hoverpadding{
	padding: 0px 15px;
	display:inline-block;
	}

#navigation .dropdown-top {
	position:relative;
	}
	
#navigation .dropdown-top .left{
	background:url(/static/img/dropdown-topborder.png?_IkLWr_BMOJx) no-repeat;
	float:left;
	height:20px;
	width:1px;
	}

#navigation .dropdown-top .right{
	background:url(/static/img/dropdown-topborder.png?_IkLWr_BMOJx) no-repeat;
	position:absolute;
	right:0;
	height:20px;
	width:1px;
	}
	
#navigation .tab-dropdown {
    position:absolute;
    top: 32px; 
    left: 8px;
    display:none;
    z-index: 100;
	}
	
#navigation .tab-dropdown .contents {	
	background:#fff;
	border:1px #ccc solid;
	border-top:none;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	padding:0px;
	margin:0px;
	}
	

/* Page Level Actions Bar
----------------------------------------------*/

#pageactionsbar {
	width:100%;
	margin:12px 0px;
	}

#pageactionsbarcontent {
	overflow:auto;
	height:100%;
	position:relative;
	}

#sharenstuff {
	float:right;
	margin-right:6px;
	}
	

/* Share 
----------------------------------------------*/

.sharelabel {
	float:left;
	}

.sharelabel h2 {
	margin:0;
	padding:0;
	margin-right:3px;
	position:relative;
	top:7px;
	}


/* Breadcrumbs
----------------------------------------------*/	
#breadcrumbs {
	padding:0;
	margin:6px 0px 0px 0px;
	font-size:0.87em;
	color:#999;
	width:570px;
	}

#breadcrumbs ul {
	list-style:none;
	padding:0;
	margin:0;
	}	

#breadcrumbs li {
	display:inline;
	padding:0px 8px 0px 0px;	
	}

#breadcrumbs a {
	color:#999;
	}


/* Footer 
----------------------------------------------*/	
#footer .contents {
	padding:6px;
	color:#999999;
	}	
					
#footer ul {
	list-style:none;
	padding:0;
	margin:0;
	}	

#footer li {
	display:inline;
	padding:0px 25px 0px 0px;	
	}		


/* 
----------------------------------------------
	COMMON CONTENT STUFF
----------------------------------------------*/
#leftcol .contents { 
	padding:12px 6px 0px 6px; 
	padding:0px 6px 0px 6px; 
	}
	
#singlecol .contents-centered { 
	padding:0px 6px 0px 6px; 
	}	
		
#pageactions {
	overflow:auto;
	margin-bottom:15px;
	min-width:225px;
	}	

.group-short {
	float:left;
	overflow:hidden;
	}	
	
.group-label_padded{ /* IE6 doesn't like margins in right side bar */
	float:left;
	padding-right:6px;
	overflow:hidden;
	}		

.group {
	float:left;
	margin-right:15px;
	overflow:hidden;
	}

#aboutthispage {
	overflow:auto;
	margin-bottom:15px;
	}

#aboutthispage .content {
	overflow:auto;
	margin:6px 0px;
	}	

.actions {
	overflow:auto;
 	}	

/* 
----------------------------------------------
SPECIAL VARIATIONS ON THEME, E.G., FOR TOOLS HOMEPAGES
----------------------------------------------*/
#leftcol .contents-centered {  /* for pages with sparse content, like the tools homepages*/
	margin:10px auto 40px 6px; 
	width:600px;
	}
	
.contents-centered #pagetitlebar {
	width:auto; /* to prevent overflow scrolling */
	overflow:auto;
	margin-bottom:15px;
	}

#pageactions {
	overflow:auto;
	margin-bottom:15px;
	min-width:225px;
	}	

.actions {
	overflow:auto;
 	}	
	
.rounded-emphasis {
	border:#f6f6f6 6px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	background:#f6f6f6;
	}		

.rounded-emphasis_yellow {
	border:#ffffcc 6px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	background:#ffffcc;
	}		
	
/* Titlebar
----------------------------------------------*/	
#pagetitlebar {
	width:100%;
	overflow:auto;
	margin-bottom:15px;
	}

#pagetitlebar h1 {
	float:left;
	margin:0;
	padding:0;
	margin-right:6px;
	line-height:1.6em;
	font-size:1.6em; /* 20px with 12.64 base */
	}	

#pagetitlebar .maincontents {
	overflow:auto;
	}
		
#pagetitlebar .maincontents .viewchooser a {
	line-height:2em;
	}	

#pagetitlebar .maincontents h1, #pagetitlebar .maincontents img {
	vertical-align:middle;
	}	

/* Titlebar with Smaller Bottom Margin
----------------------------------------------*/	
#pagetitlebar-short {
	width:100%;
	overflow:auto;
	margin-bottom:6px;
	}

#pagetitlebar-short h1 {
	float:left;
	margin:0;
	padding:0;
	margin:0px 6px 12px 0px;
	font-size:1.6em; /* 20px with 12.64 base */
	line-height:1.6em;
	}	

#pagetitlebar-short .maincontents {
	overflow:auto;
	}
		
#pagetitlebar-short .maincontents .viewchooser a {
	line-height:2em;
	}	
	
#pagetitlebar-short .maincontents h1, #pagetitlebar-short .maincontents img {
	vertical-align:middle;
	}	
		
/* Page TITLEBAR STRIPES  -- NEW, 3D.
----------------------------------------------*/		
		
#pagetitlebar .stripes, #pagetitlebar-short .stripes, {
	}	
 
#pagetitlebar .stripe, #pagetitlebar-short .stripe { /* first stripe in sections */
	background:#f6f6f6; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	margin-bottom:3px;
	padding:0px; 
 	}
 
#pagetitlebar .stripecontents, #pagetitlebar-short .stripecontents {
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	margin-left:6px;
	padding:5px 0px;
	overflow:auto;
	}
			
#pagetitlebar .stripecontents h1, #pagetitlebar-short .stripecontents h1 {
	float:left;
	margin:0;
	padding:0;
	margin-right:6px;
	line-height:24px;
	}	

/* Sections
----------------------------------------------*/
#sections {
	overflow:auto;
	}

.section {
	overflow:auto;
	margin-bottom:12px;
	}
	
.section .titlebar {
	overflow:hidden;
	margin-bottom:2px;
	}
	
.section .titlebar h2 {
	font-size:1.27em; /* 16px with 12.64 base */
	color:#b33403;
	margin:0;
	}

.sectioncontents {
	overflow:hidden; 
	/**margin-left:6px;*/
	}

.sectioncontents h1 {
	color:#333;
	font-size:1.27em; /* 16px with 12.64 base */	
	}	

.sectioncontents h2 {
	color:#333;
	font-size:1.15em; /* 14.5px with 12.64 base */	
	margin:6px 0px; /**/
	}	

.sectioncontents h2.long {
	color:#333;
	font-size:1.15em; /* 14.5px with 12.64 base */	
	margin:6px 0px 20px 0px; /**/
	}	

.sectioncontents h3 {
	color:#333;
	font-style:italic;
	font-size:1.11em; /* 14px with 12.64 base */	
	margin:6px 0px; /**/
	}		
			
.section ul { /* normal non-UGC lists */
	list-style:none;
	padding:0;
	margin-top:0px;
	margin-left:0px;
	}

.section ol { /**/
	margin-top:0;
	}

.section li {
	margin:6px 0px;
	}	

.sectioncontents ul.indent {
	margin-left:20px;
	}		

	
/* SECTION TITLEBAR STRIPES, New, 3-D
----------------------------------------------*/

.section .titlebar .stripes, {
	}	
	
.section .titlebar .stripe {
	background:#f6f6f6; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	margin-bottom:3px;
	padding:0px; 
 	}
 
.section .titlebar .stripecontents {
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	margin-left:6px;
	padding:5px 0px;
	overflow:auto;
	}
			
/* Tables
----------------------------------------------*/
th {
	font-weight:normal;
	text-align:left;
	padding:6px 0px 6px 6px;
	}

th.selected {
	font-weight:bold;
	}	

tr {
	overflow:auto;
	}

tr.header {
	background:#eee;
	}
		
td {
	padding:8px 0px 8px 6px;
	overflow:hidden;
	}

td .content {
	overflow:auto;
	}	
			
td .item {
 	float:left;
	}

/* Right Column
----------------------------------------------*/
#rightcol .contents { 
	padding:5px 5px 0px 5px;
	overflow:hidden; /* for ad scrolling in Chrome */
	}
	
#rightcol .map{
	border:1px solid #ccc;
	width:315px;
	height:275px;
	}	

#rightcol .titlebar {
	overflow:hidden;
	margin-bottom:6px;
	}	
	
#rightcol h1 {
	float:left;
	display:inline;
	margin:2px 0px 0px 0px; /* hack to perceptively bottom-align floats */
	padding:0;
	font-size:1em; /** 12.64px */
	color:#b33403;
	}

#rightcol ul {
	list-style:none;
	padding: 3px 0px 0px 0px;
	}
	
#rightcol ul li {
	overflow:hidden;
	}	

#rightcol ul.sub {
	margin-left:10px;
	}

#rightcol .section {
	overflow:hidden;
	padding:7px 5px 5px 5px;
	margin-bottom:4px;
	background:#fff;
	border:#eee 2px solid;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	}		

#rightcol .sectioncontents {
	padding:2px 0px 0px 6px;
	}
	
#rightcol .section .move { /* for comment icons */
	padding:0px 3px 0px 0px;
	margin-right:3px;
	width:12px;
	}

#rightcol .section a.move {
    background: transparent url(/static/img/move.gif?AKRvsK7fssCN) no-repeat scroll top right; 
	display: inline-block;
	height: 12px;
	width:12px;
	text-decoration:none;
	}

#rightcol .section a.move:hover{
	background: transparent url(/static/img/move-ov.gif?4dYR21tgHoJA) no-repeat scroll top right;
	text-decoration:none;
	}

form.options { /* right column dropdowns that float next to titles*/
	float:left;
	margin:0px 15px 0px 6px;
	padding:0;
	}

#rightcol .section .titlebar h2 {
	font-size:1em; /** 12.64 px */
	}


/* 
----------------------------------------------
	General Formatting
----------------------------------------------*/	
#leftcol p {
	margin: 0px 12px 8px 0px;
	padding:0;
	/*line-height:1.45em !important;*/
	line-height:1.45em;
	}		

#rightcol p {
	margin: 0px 12px 8px 0px;
	padding:0;
	/*line-height:1.45em !important;*/
	line-height:1.45em;
	}		

a {
	outline: none;
	}
	
a:link, a:visited {
	text-decoration:none;
	color:#0079b1;
	}
		
a:hover {
	color:#fff;
	text-decoration:underline;
	color:#0079b1;
	}

a.accent {
	color:#b33403;
	}

h1 {
	color:#b33403;
	font-size:1.27em; /* 16px */
	}	

h2 {
	color:#333;
	font-size:1.15em; /* 14.5px with 12.64 base */	
	}	

h3 {
	color:#333;
	font-style:italic;
	font-size:1.11em; /* 14px with 12.64 base */	
	}		

hr {
	border: none 0;
	border-top: 1px solid #ccc;
	width: 100%;
	height: 1px;
	margin-bottom:15px;
	} 	

hr.light {
	border-top: 1px solid #ddd !important;;
	margin-bottom:8px !important;
	}