/* hide from ie on mac \*/ 
html {
		height: 100%;
		scrollbar-face-color:#222222;
		scrollbar-arrow-color:#cccccc;
		scrollbar-darkshadow-color:#000000;
		scrollbar-highlight-color:#444444;
		scrollbar-3dlight-color:#555555; 
		scrollbar-base-color:#cccccc;
		scrollbar-shadow-color:#111111;
}
	
#flashcontent {
		width: 100%;
		height: 600px;
}
/* end hide */

body {
		font-family: arial, helvetica, sans-serif;       
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000000;
		color:#ffffff;
		font-family:sans-serif;
		font-size:small;
}
	
#header {
		text-align: center;
		background-color: #000000;
		width: 100%;
		padding: 5px 0 3px 0;
}
	
#footer {
		text-align: right;
		background-color: #000000;
		color:#FFFFFF;
		width: 100%;
		padding: 0px 0px 0px 0px;
}     

#wrapper {   
        width: 650px;    
        margin: 0 auto; /* centre page content */       
        text-align: center;
}
      
p.adminlink {
        text-align: right; 
        font-size: small;
}
      
a:link, a:visited {
	color: #777777;
	font-size: medium;
	text-decoration: none;
	background: #252525;
	padding: 2px 3px 2px 3px;
}
      
a:hover {
	color: #00ee00;
	font-size: medium;
	/*font-weight: bold;*/
	text-decoration: none;
	background: #555555;
	padding: 2px 3px 2px 3px;
}

/* basic styles for default table layout */
table {
        table-layout: fixed; /* needed to cope with very long words */
}
      
td {
        font-size: 1em;
        overflow: hidden; /* very long words will be truncated */
        padding: 0 0.5em 1.8em 0.5em;
        vertical-align: top;
}
      
table.svlinks {
        width: 100%;
        padding:10px;
}
      
table.svlinks img {
        border-color: #FFF;
}
      
/* basic styles for div layout option */
      
div.svlinks {
        text-align: left;
}
      
div.svlinks div {
        clear: both;
}

div.svlinks img {
        float: left;
        margin-bottom: 10px;
        border-color: #FFF;
}

div.svlinks p {
        float: left;
        width: 500px;
        padding-left: 10px;
}

.clearboth { /* see http://www.pixelsurge.com/experiment/clearers.htm */
      	clear: both;
      	height: 0;
      	margin: 0;
      	font-size: 1px;
      	line-height: 0;
      }

/* Guestbook */

h1 {
	/*width: 600px;*/
	font-family: Arial, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #00ee00;
	background: #333333;
	border-bottom: solid 20px #cccccc;
	padding: 5px 5px 20px 20px;
}

h2 {
	/*width: 600px;*/
	font-family: Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;
	border-bottom: solid 2px #ffffff;
	margin-bottom: 8px;
}

fieldset {
	border: solid 0px #ffffff;
	color: #ffffff;
	/*width: 590px;*/
	background: #333333;
	padding: 8px 8px 8px 8px;
	margin-bottom: 15px;
}

legend {
	color: #ffffff;
	background: #333333;
	border: 0px outset #000000;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

label {
	width: 125px;
	float: left;
	margin: 2px 0 2px 0;
	text-align: right;
	vertical-align: top;
}

.inputText, .inputTextArea {
	margin: 2px 0 2px 5px;
	vertical-align: top;
}

.challengeImage {
	margin: 2px 0 2px 0;
	vertical-align: top;
}

select {
	margin: 2px 0px 2px 5px;
}

input.submit {
	color: #000000;
	background: #ffffff;
	border: 0px outset #cccccc;
	width: 120px;
}

.footer {
	clear: both;
	/*width: 600px;*/
	margin-top: 8px;
	border-top: solid 2px #000000;
}

.credit {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #303030;
}

.errorMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

.entry {
	/*width: 600px;*/
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	border-bottom: solid 2px #ffffff;
	clear: both;
}

#lastEntry {
	border-bottom: solid 2px #ffffff;
}

.entry .field, .timestamp {
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	clear: both;
}

.entry .field .label {
	float: left;
	width: 100px;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	display: inline;
	font-weight: bold;
}

.entry .field .value {
	float: left;
	width: 494px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}

.timestamp {
	margin: 0 0 4px 106px;
	padding: 8px 0 0 0;
	clear: both;
}

.navigation {
	font-size: 10pt;	
	font-weight: bold;
	/*width: 600px;*/
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}

#previous {
	font-size: 10pt;
	font-weight: bold;
	margin-right: 30px;
	display: inline;
}

#next {
	font-size: 10pt;
	font-weight: bold;
	margin-left: 30px;
	display: inline;
}

.pageNumberContainer {
	display: inline;
	text-align: center;
}

.pageNumber {
	margin-left: 4px;
	margin-right: 4px;
}

#currentPageNumber {
	font-weight: bold;
	color: #00ff00;
}

.entryCount {
	/*width: 600px;*/
	text-align: center;
	padding-bottom: 4px;
	margin-top: 8px;
}