/*------------------------------------------------------------------------------
 destalis.css
	 Created  04/16/08 by John Larson
	 Modified 08/24/08 by Greg Spry
	   Core CSS for destalis.com

------------------------------------------------------------------------------*/
/* SECTION: General */

* {
	padding: 0;
	margin: 0;
}

html {
	padding : 0;
	margin : 0;
}

body {
	color: #ffffff;
	text-align:	left;
	padding: 0;
	margin:	0;
	background-color:	#000;
	font:	10pt Trebuchet MS, Verdana, sans-serif;
	letter-spacing: .1px;
	font-weight: normal;
	overflow: visible;
}

p {
  margin-left: 10px;
  margin-right: 10px;
}
p.italic {
  font-style: italic;
  margin-left: 10px;
  margin-right: 11px;
}
p.credits {
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
}
p.credits a {
  font-weight: bold;
}

h1 {
	color: #ffffff;
	padding-top: 3px;
	font-size: 18pt;
	font-weight:	bold;
	height: 22px;
	margin-bottom: 10px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 2px;
}
h2 {
	color: #ffffff;
	font-size: 13pt;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 1px;
}
h3 {
	color: #ffffff;
	font-size: 15pt;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 1px;
}
h4 {
	color: #ffffff;
	font-size: 10pt;
	margin-top: 5px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 1px;
}

ul li {
	list-style-type: none;
}

a img { border : 0; }

a:link		{ color: #cd53fb; text-decoration: underline; font-weight: normal; }
a:visited	{ color: #cd53fb; text-decoration: underline; font-weight: normal; }
a:hover		{ color: #cd53fb; text-decoration: none; font-weight: normal; }
a:active	{ color: #cd53fb; text-decoration: underline; font-weight: normal; }

.highlight {
	color:				#C0F4FE;
}

.paging {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1px;
	font-weight: normal;
}
.paging a.pageLink	{ color: #cd53fb; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink:link	{ color: #cd53fb; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink:visited { color: #cd53fb; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink:hover { color: #cd53fb; text-decoration: none; font-weight: normal; cursor: pointer; }
.paging a.pageLink:active	{ color: #cd53fb; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink-current	{ color: #9505cc; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink-current:link	{ color: #9505cc; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink-current:visited { color: #9505cc; text-decoration: underline; font-weight: normal; cursor: pointer; }
.paging a.pageLink-current:hover { color: #9505cc; text-decoration: none; font-weight: normal; cursor: pointer; }
.paging a.pageLink-current:active	{ color: #9505cc; text-decoration: underline; font-weight: normal; cursor: pointer; }

#loadingMessage {
	z-index: 1;
	position: absolute;
	top: 5px;
	right: 5px;
	color: red;
	background-color: #000000;
	font-weight: bold;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 1px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 1px;
	border: 1px solid #ffffff;
}
h2#loadText {
	padding: 0px;
	margin: 0px;
	color: red;
	font-size: 11pt;
	font-weight: bold;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 2px;
}

img.gregImage {
	float: right;
	border: 1px solid #ffffff;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.bold {
  font-weight: bold;
}

p.w3c_logo a img {
  position: absolute;
  left: 3px;
  bottom: -10px;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Header */

#header {
	
}

#header #logo {
	width: 300px;
	height: 173px;
}

#header #logo a {
	width: 300px;
	height: 173px;
	display: block;
	text-decoration : none;
	z-index: 9999999;
	position: absolute;
	left: 0px;
	top: 0px;
}

#header #logo span {
	display: none;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Page and Content Divs */

#outside-page-wrapper {
 	position: relative;
	margin: 20px auto 30px auto;
	text-align: left;
	width: 958px;
	height: 718px;
	background-repeat: no-repeat;
	overflow: visible;
}

#page-wrapper {
	position: relative;
	text-align: left;
	width: 958px;
	height: 718px;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	overflow: hidden;
}

#contentConsole {
	position: absolute;
	left: 30px;
	top: 207px;
	height: 386px;
	width: 605px;
	padding: 0px 16px 94px 19px;
	background-repeat: no-repeat;
}
#content {
	margin-top:	10px;
	height:	460px;
	overflow: hidden;
}

#content p {
	color: #ffffff;
	padding: 3px 0px 8px;
}

#contentConsoleSidePortrait {
	position: absolute;
	left: 669px;
	top: 207px;
	height: 339px;
	width: 259px;
	border: 0px solid #FFF;
	background: transparent url(../images/lynn_home.png) no-repeat;
	filter:	alpha(opacity=70);
	opacity: .70;
}
#contentConsoleSidePortraitLabel {
	position:	absolute;
	left: 755px;
	top: 545px;
	font-size: 12pt;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 1px;
}
#contentConsoleRightOrnament {
	position: absolute;
	left: 670px;
	top: 570px;
	height: 102px;
	width: 297px;
	background: transparent url(../images/contentConsoleRightOrnament.png) no-repeat;
}
#contentConsoleBottomOrnament {
	position:	absolute;
	left:	30px;
	top: 687px;
	height: 31px;
	width: 638px;
	background: transparent url(../images/contentConsoleBottomOrnament.png) no-repeat;
}

#footerLeft {
   position: absolute;
   left: 0px;
   bottom: -20px;
   font-size: 8pt;
   font-weight: normal;
}
#footerRight {
  position: absolute;
  right: 0px;
  bottom: -36px;
  font-size: 8pt;
  font-weight: normal;
  text-align: right;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Bread Crumb */

#breadcrumb {
	color: #ffffff;
	font-size: 9pt;
	float: right;
	margin-right: 10px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	letter-spacing: 1px;
}
#breadcrumb a.current {
	
}

/*------------------------------------------------------------------------------*/
/* SECTION: Login */

#loginText{
	position: absolute;
	right: 288px;
	top: 151px;
	width: 232px;
	border:	1px solid #FFF;
	padding: 0px;
  background:	transparent url(../images/popUpBackground.png);
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	font-size: 9pt;
	letter-spacing: 1px;
	z-index: 5;
}
#loginText span {
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
}
#loginText a {
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
}
#loginSlideOut {
	position: absolute;
	right: 288px;
	top: 165px;
	width: 232px;
	border-right:	1px solid #FFF;
	border-left:	1px solid #FFF;
	border-bottom:	1px solid #FFF;
  background:	transparent url(../images/popUpBackground.png);
	font-size: 8pt;
	z-index: 4;
}
#loginSlideOut a {
	
}
#loginFormDiv {
  padding: 5px;
  padding-top: 15px;
	z-index: 4;
}
#loginHelperFormDiv {
  padding: 5px;
	z-index: 4;
}

#loginTable {
}
#loginTable td, #loginHelperTable td {
	padding: 3px;
	z-index: 4;
}
#loginMessage {
	color: red;
	margin: 3px;
	display: block;
	z-index: 4;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Menu */

#menu {
	position: absolute;
	left: 30px;
	top: 174px;
	width: 636px;
	border: 1px solid #FFF;
	background: #000;
	padding-top: 1px;
	padding-left: 2px;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	z-index: 2;
}

#menu ul li {
	position:	relative;
	float: left;
	width: 106px;
	z-index: 2;
}

#menu ul a {
	display: block;
	float: left;
	padding-top: 3px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	height: 19px;
	width: 106px;
	color: #000;
	text-decoration:none;
	text-align:	center;
	font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
	z-index: 2;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Sub Menu */

/*#submenu {
	margin-top: -1px;
	border-top: 0px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
	z-index: 3;
}*/

#menu ul ul {
	margin-top: 1px;
	margin-left: -2px;
	padding-bottom: 0px;
	background-color: #000000;
	position: absolute;
	top: 22px;
	left: -1px;
	border: 1px solid #ffffff;
	border-top: none;
	width: 108px;
	z-index: 3;
}
#menu ul ul li {
  margin-top: -1px;
  border-left: 2px solid #000000;
  border-top: 1px solid #000000;
}
#menu ul li li a {
	width: 107px;
	background: #000;
	color: #fff;
	padding-bottom: 0px;
	z-index: 3;
}
#menu ul li li a:hover {
	color: #000;
	background: #FFF;
	z-index: 3;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Tables and Sort */

.standardTable td, .standardTableSort td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.standardTableSort tr.odd:hover, .standardTableSort tr.even:hover {
	cursor: pointer;
	color: #000000;
	font-weight: normal;
}
tr.standardTableFooter th {
  border-top: 1px solid #ffffff;
  padding-top: 4px;
}

/*------------------------------------------------------------------------------*/
/* SECTION: News */

div.newsArticle {
  margin-left: 10px;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Blog */

div.blogPost {
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background:	transparent url(../images/popUpBackground.png);
  border: 1px solid #ffffff;
}
#blogPostCommentForm {
  margin-left: 10px;
  margin-right: 10px;
}
div#blogPagingTop {
  margin-left: 5px;
}
div.blogPostComments {
  margin: 5px;
}
div.blogPostComments p {

}
div.blogPostComment {
  margin-left: 5px;
  border-top: 1px solid #ffffff;
}
p.blogPostCommentTitle {
  margin-top: 5px;
  font-weight: bold;
  margin-bottom: 0px;
}
p.blogPostCommentText {
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}

p.blogArticle {
  margin-top: 10px;
  margin-bottom: 5px;
}
p.blogLinks {
  font-weight: bold;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Chapters */

#tabSwapperChapterVersions {width: 100%}
#tabSwapperChapterVersions .tabSet {
	margin: 0;
	padding: 0 0 0 6px;
	height: 26px;
	width: auto;
	background: url(../images/tabs/tab-bkg.gif) bottom left repeat-x;
}

#tabSwapperChapterVersions .tabSet li:before {
	content: "" !important;
}

#tabSwapperChapterVersions .tabSet li {
	list-style-type: none;
	background: url(../images/tabs/tab-on-l.gif) top left no-repeat !important;
	float: left !important;
	margin: 0 2px 0 0 !important;
	padding: 0 0 0 14px !important;
	cursor: pointer;
}
#tabSwapperChapterVersions .tabSet li a {
	background: url(../images/tabs/tab-on-r.gif) top right no-repeat !important;
	display: block !important;
	float: left !important;
	height: 24px !important;
	line-height: 26px !important;
	*overflow: hidden !important;
	color: #000000 !important;
  font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 10pt !important;
	letter-spacing: 1px !important;
	font-weight: bold !important;
	padding: 2px 12px 0 0 !important;
	text-decoration: none !important;
}

#tabSwapperChapterVersions .tabSet li.on {
	background: url(../images/tabs/tab-off-l.gif) top left no-repeat !important;
}
#tabSwapperChapterVersions .tabSet li.on a {
	background: url(../images/tabs/tab-off-r.gif) top right no-repeat !important;
	color: #ffffff !important;
}

#tabSwapperChapterVersions .panelSet {
	padding: 10px;
	border:solid 1px #ccc;
	border-top: 0px;
  background:	transparent url(../images/popUpBackground.png);
	/*background: #fff;*/
}
div.panel p {
  margin-left: 5px;
  margin-right: 5px;
}

div.readNow {
  position: relative;
  float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	/*position: absolute;
	right: 10px;
  bottom: 10px;
  height: 40px;*/
}

a.readNow {
  font-size: 14pt;
  font-family: "NEUROPOL.ttf", Trebuchet MS, Verdana, sans-serif;
  height: 20px;
  padding-left: 4px;
}

img.readNow {
  height: 20px;
  margin-bottom: -3px;
}

div#feedback {
	margin-left: 15px;
}

#feedbackForm {
  margin-left: 10px;
  margin-right: 10px;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Member Profile & Registration */

#memberProfileDiv, #registerMemberDiv {
  width: 560px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  background:	transparent url(../images/popUpBackground.png);
  border: 1px solid #ffffff;
  padding: 10px;
}

span#updateMessage {
  font-weight: bold;
  color: green;
}

#registerMemberDiv ul, #popUpContentInjectDiv ul {
  padding-left: 25px;

}

#registerMemberDiv ul li, #popUpContentInjectDiv ul li {
  list-style-type: disc;
  padding-bottom: 5px;
  padding-top: 5px;
}

#registerMemberDiv .agreementButtonDiv {
  margin-top: 10px;
  text-align: center;
}

#registerMemberForm input[type="text"], #registerMemberForm input[type="password"],
#registerMemberForm select, #memberProfileForm input[type="text"],
#memberProfileForm input[type="password"], #memberProfileForm select {
   width: 150px;
}

#popUpContentInjectDiv .agreementButtonDiv {
  margin-top: 5px;
  padding-bottom: 10px;
  margin-left: 285px;
}

/* Contact Form */

#contactFormDiv {
  width: 340px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  background:	transparent url(../images/popUpBackground.png);
  border: 1px solid #ffffff;
  padding: 10px;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Sitemap */

#sitemap ul {
  margin-left: 10px;
  font-size: 14pt;
}
#sitemap ul ul {
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
  font-size: 10pt;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Pop Ups */

div.popUp {
	visibility: hidden;
  position: absolute;
  top: 50px;
  left: 87px;
  height: 350px;
  width: 450px;
	border:	1px solid #fff;
	color: #fff;
	padding: 10px 10px 10px 10px;
	background:	transparent url(../images/popUpBackground.png);
	overflow: auto;
}

div.popUp p {
	padding: 10px 0px !important;
}

div.popUpOrnament {
	position: absolute;
	height: 242px;
	width: 220px;
	top: 0px;
	left: 0px;
	background:	transparent url(../images/popUpBackgroundOrnament.jpg);

}

.popUpCloseIcon {
	position:	absolute;
	background:	url(../images/closeIcon.gif) no-repeat;
	height:	18px;
	width: 20px;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

/*------------------------------------------------------------------------------*/
/* SECTION: Inputs and Buttons */

input[type="text"], input[type="password"], input[type="file"], textarea, select  {
    font-size: 8pt;
    background-color: #d7d6e1;
    padding: 1px;
}

input[type="text"]:focus, input[type="button"]:focus, input[type="button"]:hover, [type="password"]:focus, input[type="text"]:hover,
input[type="password"]:hover, input[type="file"]:focus, input[type="file"]:hover, textarea:focus, textarea:hover, select:focus, select:hover {
    font-size: 8pt;
    background-color: #f4ea7b;
    padding: 1px;
}

input[type="button"], input[type="submit"] {
    font-size: 8pt;
    background-color: #d7d6e1;
    padding: 1px;
		cursor: pointer;
}

input[type="button"]:focus, input[type="button"]:hover,
input[type="submit"]:focus, input[type="submit"]:hover {
    font-size: 8pt;
    background-color: #f4ea7b;
    padding: 1px;
		cursor: pointer;
}

/*------------------------------------------------------------------------------*/