@import url( "pages.css" );
@import url( "notes.css" );

/* Basic
---------------------------------------------------------- */
body {
	background: #fff;
	color: #000111;
	font: 13px arial, serif;
	margin: 8px 15px;
	padding: 0;
	text-align: center;
	}
a {
	color: #2251A6;
	text-decoration: none;
	}
a:hover { text-decoration: underline; }
img { border: 0; }
form, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
dt { font-weight: bold; }
ul li { list-style: none; }
address { font-style: normal; }
th {
	text-align: left;
	font-weight: normal;
	}

/* Misc
---------------------------------------------------------- */
.new {
	font-size: 8px;
	font-weight: bold!important;
	font-family: verdana;
	color: #cc0000;
	}
.clr:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clr {
	/*display: inline-block;*/
	}
/* Hides from IE-mac \*/
* html .clr { height: 1px; }
.clr { display: block; }
/* End hiding from IE-mac */
.spacer {
	clear: both;
	border: none;
	font-size: 1px;
	height: 1px;
}

.hide { display: none; }

/* Sections
---------------------------------------------------------- */
#root {
	text-align: left;
	margin: auto;
	}
#root.narrow { width: 960px; }
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
/* Hides from IE-mac \*/
* html #wrapper { height: 1px; }
#wrapper {
	display: block;
	}
/* End hiding from IE-mac */

body#sub #content {
	float: right;
	width: 702px;
	}
#modules {
	float: left;
	width: 244px;
	}

/* #header
---------------------------------------------------------- */
#header { 
	padding: 0 0 10px; 
	overflow :hidden;
	_height: 1%;
	min-height: 0;
	}
#header #logo {
	background: url("img/grid/logo_pathfinder_briefcase.gif") 0 0 no-repeat;
	display: block;
	height: 36px;
	margin: 10px 0 0;
	width: 288px;
	float: left;
	}
#header #logo a {
	display: block;
	height: 36px;
	width: 185px;
	}
#header #logo span { display: none; }
#header .nav-top-1 {
	float: right;
	margin: 18px 0 0;
	right: 0;
	bottom: 15px;
	width: auto;
	}
#header .nav-top-1 span { color: #999; }
#header h1 {
	font-weight: normal;
	padding: 0 0 3px;
	}
#header .nav-top-2 {
	padding: 0;
	margin: 44px 0 0;
	float: right;
	width: 226px;
	text-align: right;
	}
#header2 {
	background: #a7b6c3;
	}
* html #header2 {
	height: 1%;
	min-height: 0;
	}	
#header2 .right {
	padding: 10px;
	float: right;
	width: auto;
	background: #E2EADB;
	position: relative;
	padding-right: 80px;
	}

/* #box-search
---------------------------------------------------------- */
#box-search {
	float: right;
	width: auto;
	position: relative;
	padding: 10px 10px 9px;
	}
/* Hides from IE-mac \*/
* html #box-search { height: 1px; }
#box-search form label {
	color: #fff;
	margin: 0 8px 0 0;
	vertical-align: middle;
	font-weight: normal;
	}
/* Hides from IE-mac \*/
* html #box-search form label { height: 1px; }
/* End hiding from IE-mac */
#box-search form input.text {
	width: 10em;
	padding-left: 22px;
	background: #fff url("img/search.gif") no-repeat 3px 50%;
	font: 13px Arial, Helvetica, sans-serif;
	}
#box-search p {
	float:right;
	width: 30%;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
#box-search p span {
	font-weight: bold;
	font-size: 11px;
	float: right;
	background: url("img/modules/dots_more2.gif") 0 4px no-repeat;
	}
#box-search p span a {
	text-decoration: underline;
	padding: 0 10px 0 14px;
	color: #fff;
	}
/* Hides from IE-mac \*/
* html #box-search p span a { height: 1px; }
/* End hiding from IE-mac */
#box-search p span a:hover { text-decoration: none; }


/* #breadcrumbs
---------------------------------------------------------- */
#breadcrumbs a:hover { text-decoration: none; }
#breadcrumbs a {
	color: #fff;
	text-decoration: underline;
	}
#breadcrumbs {
	margin: 0;
	line-height: 1.5em;
	padding: 13px 10px 9px;
	color: #fff;
}

/* #footer
---------------------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	border-top: 1px solid #ddd;
	font-size: 12px;
	color: #6f6f6f;
	margin-top: 15px;
	}
#footer p.footer-nav {
	color: #53656c;
	margin: 0 0 12px;
	padding: 11px 0 0;
	}
#footer p.copy {
	color: #53656C;
	margin: 0 0 11px;
	padding: 0;
	}

/* content & modules related
---------------------------------------------------------- */
/* paragraphs */
#modules p {
	line-height: 1.4em;
	margin: 0 8px 9px;
	padding: 0;
	}
#content p {
	line-height: 1.5em;
	margin: 0 10px 17px;
	}
#content p strong {
	color: #dd933d;
	}
#wrapper p.more {
	text-align: right;
	background: #fff;
	margin: 0;
	padding: 6px 22px 9px;
	line-height: 1.4em;
	font-size: 12px;
	overflow: hidden;
	}
#wrapper p.more.more2 {
	background: #fffadc;
	}
#wrapper p.more span {
	font-weight: bold;
	font-size: 10px;
	float: right;
	background: url("img/content/dots_more.gif") 0 4px no-repeat;
	}
#wrapper p.more span a {
	text-decoration: underline;
	padding: 0 0 0 15px;
	}
/* Hides from IE-mac \*/
* html #wrapper p.more span a { height: 1px; }
/* End hiding from IE-mac */

#wrapper p.more span a:hover { text-decoration: none; }

/* boxes */
div.box1 {
	background: #fff;
	border: 1px solid #a7b6c3;
	/*margin: 0 0 15px;*/
	}
div.box2 {
	background: #eef4ea;
	border: 1px solid #a2bb92;
	/*margin: 0 0 15px;*/
	}
div.box3 {
	background: #f7f5ed;
	border: 1px solid #b3b19a;
	/*margin: 0 0 15px;*/
	}
div.box4 {
	background: #fafafa;
	border: 1px solid #d1d1d1;
	/*margin: 0 0 15px;*/
	}
/* Hides from IE-mac \*/
* html div.box1, * html div.box2, * html div.box3, * html div.box4 { height: 1px; }
/* End hiding from IE-mac */
#wrapper div.box1 h2 { color: #333; }
#wrapper div.box1 h2 a {
	color: #2251a6;
	}
#wrapper div.box2 h2, #wrapper div.box3 h2 { color: #2251a6; }
#wrapper div.box4 h2 { color: #545454; }

/* headers */
#wrapper h2 {
	font: normal 19px Arial, Verdana, Tahoma, sans-serif;
	color: #f7a005;
	margin: 10px 0;
	}
#content h2 { padding: 8px 9px 8px; }
#modules h2 { padding: 7px 8px 16px; }
#wrapper h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 11px 15px;
	}
#wrapper h4.date  {
	font-size: 10px;
	font-weight: normal;
	margin: -17px 14px 7px;
	color: #aca8a0;
	}

/* form elements library */
	
.button {
	border: 1px solid #000;
	border-color: #ccc #aaa #aaa #ccc;
	background-color: #f2f2f2;
	padding: 3px 10px;
	display: inline-block;
	overflow: visible;
	color: #333;
	cursor: pointer;
	outline: none;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	}
.button:hover { text-decoration: none; }

/* IE6 patches */
* html input.button,
* html button.button {  
	padding-top: 2px;
 	padding-bottom: 0px;
	height: 1%;
	padding-left: 9px;
	padding-right: 9px;
	 }
/* IE7 patches */
*+html input.button,
*+html button.button {  
	padding-top: 2px;
 	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	}

/* 	Gecko browsers & Crhome add an extra 3px of left/right 
    padding to button elements which can't be overriden. 
	The following lines fox those for Gecko.
	*/
@-moz-document url-prefix() {
 	input.button,
	button.button {
	padding: 2px 7px;	
	}
}
/* Fix chrome incosistency - waiting for a css hack */
.agent-chrome input.button,
.agent-chrome button.button {
	padding: 2px 7px;
	}

body .button:active 	{ outline: none;  border-color: #aaa #ccc #ccc #aaa;}
.button:focus 			{ outline: none; }

.button-focus,
.button:focus,
.button-hover,
.button:hover			{ border-color: #aaa #6f6f6f #6f6f6f #aaa; } /* Optional */

.button.bold  {
	background-color: #0063DC;
	color: white;
	}


textarea.text,
input.text {
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 3px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	}
textarea.text 	{ overflow: auto; }
.text-focus 	{ background-color: white; 	}
.text:focus 	{ background-color: white; 	}

#content input.text {
	width: 226px;
	widt\h: 224px;
	}
select.select {
	border: 1px solid #bbb;
	border-color: #6f6f6f #ccc #ccc #ccc;
	padding: 2px;
	background-color: #FAFAFA;
	outline: none;
	vertical-align: middle;
	font: 13px Arial, Helvetica, sans-serif;
	}

#content h2.left {
	float: left;
	width: 50%;
	}
#content span.right {
	float: right;
	text-align: left;
	font: normal 11px Arial, serif;
	color: #000;
	padding: 8px 11px ;
	color: #6f6f6f;
	}
#content .box1 .headerInfo { height: 40px; }
a.arrows:hover { background: #FFFFDD;}
a.arrows {
	padding: 2px 4px 2px 4px;
	margin-right: 5px;
	border: 1px solid #ccc;
	}
.odd {
	background-color: #E8ECF0;
	padding: 10px 0 10px;
/*	float: right;
	display: inline block; */
	}
h2 small {
	font-size: 12px;
	}
	
/* Pathfinder Me migration */
#transfer-status {
	margin-left: 20px;
	padding: 3px;
	background-color: #F0F2F5;
}
#me-export {
	background-color: #ECF2EA;
	padding: 5px;
	border-left: 1px solid #A7B6C3;
	border-right: 1px solid #A7B6C3;
}
#me-export strong {
	position: relative;
	top: 2px;
}

/* Page: Upload-old
---------------------------------------------------------- */
#form-upload               { position: relative;             }
#form-upload p             { margin: 20px 101px 0pt 117px;   }
#form-upload .add-file     { 
	position: absolute;  
	top: 0; 
	right: 10px; 
	}
#form-upload .add-file img { 
	position: relative; 
	top: 3px; 
	}
#form-upload .file label { display: block;}