body {	
	font-family: verdana;	
	font-size:14px;
	overflow-y:scroll;
	
}

h1,h2,h3,h4,h5 {
	color: #37a1e4; 
	font-weight: bold;
	font-family: verdana;
	margin-bottom:1em;
	margin-top:1em;
	display: block;
}

h1 { font-size: 2em; letter-spacing: 2px; margin-top:20px;}
h2 { font-size: 1.45em; margin-left:4px; letter-spacing: 1px; border-bottom: 1px dotted #37a1e4; padding-bottom:2px;}
h3 { font-size: 1.15em; margin-left:4px; letter-spacing: 1.5px; color:orange; border-bottom: 1px dotted orange; padding-bottom:1px;}

strong {font-weight:bold; color:#37a1e4;}
p {margin-bottom:24px;}
img {margin:16px;}
.reset {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}

table th,td {border: solid 1px #D0D0D0; padding:4px; font-size:0.95em; text-align:left;}
table th {background-color:#D0D0D0;}

.odd td {background-color: #EAEAEA;}
.odd th {background-color: #AAAAAA;}

.clear td,th {border-width:0px;}

.help {color: gray; font-size:0.90em;}
.guest-ok {color: green; font-size:1.1em; font-weight: bold;}

#page {margin:auto;	width:1024px;}

#header {
	height:133px;
	width:1024px;
	background-image: url(../images/header.png);
	position: fixed;	
	z-index:1;
	text-align:right;
}

#content {
	position:relative;
	top:133px;
	width:824px;
	float:right;	
	text-align:justify;
}

#contentWrapper {
	padding:16px;
	padding-top:0px;
	letter-spacing: 0.01em;
	line-height: 1.55em;
	font-size:0.95em;
	color: #000044;
	font-family : verdana;
}

#content p.perex {
	letter-spacing: 0.03em;
	line-height: 1.4em;
	color:orange; 
	font-size:1.1em;
	font-weight:bold;
	font-style: italic;
	margin-top:28px;
	margin-bottom:28px;
}

#content p.justify {
	text-align:justify;
}

#footer {
	height:20px;
	width:824px;
	float:right;
	text-align: right;
	color:#37a1e4;
	position:relative;
	top:133px;
	letter-spacing: 1px; 
	 margin-bottom:25px;
}

/* MENU */

#menu {
	position:relative;
	top:133px;
	position: fixed;
	width:200px;
	float:left;	
}

#menu ul  {
	margin-top:10px;	
	padding-right:5px;
	border-right: 1px dotted #49b1f3;
}

#menu li  {
	color: #37a1e4;
	letter-spacing: 0.05em;
	text-align: right;
	margin-bottom:0px;
	padding:4px;
	font-size: 1.15em;
}

#menu a  {
	color: #37a1e4;
	text-decoration:none;
}

#menu a:hover  {
	color: #37a1e4;
	text-decoration:underline;
}


#menu a:hover.current  {
	color:orange;	
	text-decoration:underline;
}


#menu .current {
	font-weight:bold;
	color:orange;	
}

table.gbtable {width:100%;}
table.guestbook th, table.guestbook td {vertical-align: top;}

.gbtable th {color:#37a1e4; font-weight:bold;}

.wimage {display:block; background-color: #EAEAEA; margin:12px; text-align:left; padding:8px;}
.wimage .desc {display:block;font-size: 12px; color: black; margin:8px; letter-spacing: auto; line-height: 1em;}
.wimage img {display:block; margin:auto;}

.wimage.floatRight {margin: 0 0 2em 2em;}
.wimage.floatLeft {margin: 0 2em 2em 0;}


/* NEWS */
.news {xborder-top: solid 1px silver;}
.news h3 {border-bottom: none;margin-bottom:2px;margin-top:2px}
.news ul {margin-left:24px;}
.news li {list-style-type: disc;}

.headerContent {float:right;}
.search { margin:12px; margin-right:8px; }

#content  li  {
	list-style-type: disc;
	margin-left:3em;
}

.flag {
	width:32px;
	height:18px;	
	display:inline-block;
	float:right;
	margin:0.5em;
	position:relative;
	top:48px;
}

.paypal { float:right;}


table.issues {
	margin:auto;
	width:780px;
	table-layout:fixed;
}

#issueWrapper {
	visibility: hidden;
	transition: visibility 1st;
}


table.issues th, table.issues td {
	font-size:0.85em;	
	padding:0.25em;
}

table.issues th {	
	width:300px; 
	border: solid 1px gray;
	text-align:left;
}

table.issues td { 
	border: solid 1px gray;
}

table.issues .delimiter td {
	border:0;
	line-height:30px;
}

table.issues td.title {
	font-size:1.1em;
	font-weight:bold;
}

.bug { background-color: #EFCCCC;}
.enhancement{background-color: #CCEFCC; }


img.icon {margin:2px;}


.extraMessage {
	margin-top:2em;
}

#issue_table {
	opacity:0;
	
	/* initial table appearing */
	transition: opacity 500ms;
}



/* issues */

.smallPerex {
/*	margin:1em;*/
	color:gray;
	/*padding-bottom:2em;
	margin-bottom:2em;
	padding-top:0em;*/
/*	border-top:1px dotted #37a1e4;*/
}

#filterSet {
	width:65%;
	float:right;
	border-color:lightgray;
	background-color: #EAEAEA; 
	padding:6px;
	margin-left:1.5em;
	margin-bottom:2em;
	display:table-cell;
}

#filterSet > input {	
	vertical-align:middle;
	text-align:center;
	border: solid 1px gray;
	padding-bottom:1px;
	height:19px;
	/*margin:0.2em;
	margin-top:0.7em;*/
}

#filterSet > input[placeholder] {
	letter-spacing: 0.025em;
}

#error, #loading {display:none;}

#error {
	background-image: url('../images/error.png');
	background-repeat: no-repeat;
	background-position: right top;
	color:red;	
	width:95%;
	text-align:center;
	margin:auto;	
	font-weight:bold;
}

#loading {
	background-image: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;	
	height:140px;
	width:120px;
	text-align:center;
	margin:auto;
	font-weight:bold;	
	opacity:1;
	transition: opacity 250ms ease-in-out;
	position:absolute;
	left:350px;
}

.fullTextMark {
	font-weight: bold;
	color: white;
	background-color: orange;
}

/* DOCK */

.dock {  	
	padding:0em;  
  	margin:0.5em;
  	outline: dotted 1px lightgray;
}

li.dock.closed { outline  :none;}

.dockControl {
	background-repeat: no-repeat;
	background-position: 0.25em  0.25em;	
  	height: 1.5em;	
  	display:block;
  	padding:0px;
  	margin:0px;  	
  	padding-left:22px; 
  	font-weight:bold;
  	cursor:pointer; 	
  
}
.dockContent {padding:0.25em;}

.closed > .dockControl {background-image: url('../images/open.gif');}
.open > .dockControl {background-image: url('../images/close.gif');}

.open > .dockContent {display:block;}
.closed > .dockContent {display:none;}

/* customize dock in UL list */
li.open   {background-image: none; list-style: none;list-style-image: url('../images/close.gif');}
li.closed {background-image: none; list-style: none;list-style-image: url('../images/open.gif');}


li.open > .dockControl {background-image: none;}
li.closed > .dockControl {background-image: none;}

li .dockControl {padding-left:0px;} 
}