html
{
	font-family : Trebuchet MS, helvetica;
	margin : 0px 0px 0px 0px;
	font-size : 12px;
	cursor : default;
}
body
{
	margin : 0px 0px 0px 0px;
	background-color : #000000;
	color : #ffffff;
}
a
{
	color : #ffffff;
}
a:hover
{
	color : yellow;
}
a.external
{
	background-attachment : scroll;
	background-color : transparent;
	background : url(images/external.png) no-repeat 100% 50%;
	background-repeat : no-repeat;
	padding-right : 13px;
}

/********************************************************/
#gallery-tl span.thumbnails
{
	float : left;
}
#gallery-tl a
{
	text-decoration : none;
	text-align : center;
}
#gallery-tl a:hover
{
}
#gallery-tl a img
{
	padding : 4px 4px 4px 4px;
	border : solid 1px green;
	filter : alpha(opacity=55);
	opacity : 0.55;
}
#gallery-tl a.selected img, #gallery-tl a img:hover
{
	border : solid 1px yellow;
	filter : alpha(opacity=100);
	opacity : 1.00;
}
#gallery-tl .push
{
	width : 35px;
	padding : 9px 0px 0px 0px;
}
#gallery-tl .push a
{
	display : block;
	color : green;
	border : solid 1px green;
	margin : 0px 0px 4px 0px;
}
#gallery-tl .push a:hover
{
	color : yellow;
	border : solid 1px yellow;
}
#gallery-tl #left
{
	float : left;
	margin : 0px 9px 0px 0px;
}
#gallery-tl #right
{
	float : right;
}

/********************************************************/
div.icon-plus-text-l2r
{
	margin : 0px 0px 20px 0px;
	float : left;
}
div.icon-plus-text-l2r img
{
	float : left;
	margin : 0px 10px 0px 0px;
	padding : 6px 0px 0px 0px;
}
div.icon-plus-text-l2r img.link
{
	float : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	vertical-align : middle;
}
div.icon-plus-text-l2r h1
{
	margin : 0px 0px 0px 0px;
}
div.icon-plus-text-l2r h2
{
	margin : 0px 0px 0px 0px;
}
div.icon-plus-text-l2r p
{
	margin : 0px 0px 0px 0px;
}
div.icon-plus-text-l2r-clear
{
	clear : both;
}

/********************************************************/
#row-top
{
	height : 90px;
	padding : 2px 0px 4px 0px;
	background-color : #000000;
}
#row-top div.adspace
{
	width : 728px;
	height : 90px;
	margin : 0px auto 0px auto;
	padding : 0px 0px 0px 0px;
}

/********************************************************/
#row-logo
{
	border-top : solid 1px #cccccc;
	background-color : #999999;
	background-attachment : fixed;
	background : url(images/bg-a.png);
	background-repeat : repeat-x;
}
#row-logo div.title
{
	width : 728px;
	margin : 0px auto 0px auto;
	padding : 4px 0px 0px 4px;
	font-size : 2.00em;
	font-weight : bold;
	color : #ffffff;
}

/********************************************************/
#row-menu
{
	background-color : #333333;
	border-top : solid 1px #666666;
	border-bottom : solid 1px #333333;
}
#row-menu div.topmenu
{
	margin : 0px auto 0px auto;
	padding : 2px 0px 2px 0px;
	width : 728px;
}
#row-menu div.topmenu a
{
	display : block;
	text-align : center;
	font-size : 1.10em;
	font-weight : bold;
	color : #ffffff;
	width : 100px;
	padding : 0px 0px 0px 0px;
	text-decoration : none;
	border : solid 1px #333333;
	background-color : #333333;
}
#row-menu div.topmenu a:hover
{
	color : yellow;
	border : solid 1px yellow;
	background-color : #333333;
}

/********************************************************/
#row-content
{
	width : 728px;
	margin : 0px auto 0px auto;
	padding : 10px 0px 40px 0px;
}

/********************************************************/
#row-precopyrightspace
{
	clear : both;
	width : 728px;
	margin : 0px auto 0px auto;
	height : 20px;
	background-color : #000000;
	text-align : right;
	color : #999999;
}

/********************************************************/
#row-copyright
{
	background-color : #666666;
	border-top : solid 1px #999999;
	padding : 1px 0px 2px 0px;
}
#row-copyright div.text
{
	width : 728px;
	margin : 0px auto 0px auto;
	text-align : right;
}
#row-copyright img
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	vertical-align : middle;
}

/********************************************************/
#row-bottom
{
	clear : both;
	height : 90px;
	margin : 0px 0px 0px 0px;
	padding : 4px 0px 4px 0px;
	background-color : #000000;
	border-top : solid 1px #666666;
}
#row-bottom div.adspace
{
	width : 728px;
	height : 90px;
	margin : 0px auto 0px auto;
	padding : 0px 0px 0px 0px;
}

/********************************************************/
#home
{
}
#home #welcome
{
	float : left;
	width : 400px;
	margin : 0px 16px 0px 0px;
}
#home #welcome h1
{
	margin : 0px 0px 0px 0px;
}
#home #welcome p
{
	margin : 0px 0px 14px 0px;
}
#home #samples
{
	margin : 20px 0px 0px 0px;
	float : right;
	width : 264px;
}
#home #samples h1
{
	font-size : 1.25em;
	text-align : center;
	border-bottom : solid 1px #999999;
	margin : 0px 0px 12px 0px;
}
#home #samples #gallery-tl
{
	padding : 0px 0px 0px 0px;
}

/********************************************************/
#gallery
{
}
#gallery h2
{
	padding : 0px 0px 0px 6px;
	margin : 0px 0px 4px 0px;
}
#gallery #gallery-tl
{
	border : solid 1px green;
	margin : 0px 8px 0px 0px;
	padding : 5px 5px 0px 5px;
	text-align : center;
}
#gallery #imageviewer
{
	text-align : center;
	margin : 4px 8px 0px 0px;
	padding : 8px 4px 4px 4px;
	border : solid 1px #004400;
}

/********************************************************/
#matrixfilter-push
{
	text-align : center;
}
#matrixfilter-push a
{
	color : #ff0000;
	font-size : 1.50em;
	font-weight : bold;
}
#matrixfilter-push a:hover
{
	color : yellow;
}
#matrixfilter
{
	margin : -4px 0px 0px 0px;
}
#matrixfilter #filecontrols
{
	margin : -20px 0px 0px 0px;
	padding : 0px 0px 4px 0px;
	width : 320px;
	float : right;
}
#matrixfilter #filecontrols #source
{
	float : left;
}
#matrixfilter #filecontrols #source #url
{
	padding : 0px 0px 0px 19px;
}
#matrixfilter #filecontrols #source #url input[type=text]
{
	background : #ffffff;
	color : #000000;
	border : solid 1px green;
	width : 174px;
}
#matrixfilter #filecontrols #source input.upload
{
	background : #ffffff;
	color : #000000;
	border : solid 1px green;
	width : 266px;
	cursor : pointer;
}
#matrixfilter #filecontrols a.upload
{
	padding : 14px 4px 14px 4px;
	margin : 0px 0px 0px 0px;
	text-decoration : none;
	border : outset 1px yellow;
	background-color : yellow;
	color : #000000;
	cursor : pointer;
	float : right;
}
#matrixfilter #filecontrols a.upload:hover
{
	border : dashed 1px yellow;
	background-color : #000000;
	color : yellow;
}
#matrixfilter div.step
{
	width : 360px;
	margin : 0px 10px 10px 0px;
	padding : 0px 10px 8px 10px;
	float : left;
	border : solid 1px #000000;
}
#matrixfilter div.step div.number
{
	margin : 0px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
	font-family : arial black;
	font-size : 3.00em;
	color : #ff0000;
	float : left;
}
#matrixfilter div.step div.text
{
	padding : 0px 0px 0px 0px;
}
#matrixfilter div.step div.text em
{
	color : yellow;
}
#matrixfilter #settings
{
	margin : 2px 0px 0px 0px;
	padding : 0px 12px 3px 12px;
	float : right;
	border : solid 1px green;
}
#matrixfilter #settings #inputimage
{
	float : left;
}
#matrixfilter #settings #inputimage img
{
}
#matrixfilter #settings h2
{
	margin : 0px 0px 2px 0px;
	font-size : 1.25em;
	text-align : center;
}
#matrixfilter #settings #controls
{
	margin : 0px 4px 0px 14px;
	padding : 0px 0px 0px 0px;
	float : left;
}
#matrixfilter #settings #controls div
{
	margin : 0px 0px 6px 0px;
	text-align : right;
}
#matrixfilter #settings #controls span.label
{
	padding : 0px 6px 0px 0px;
}
#matrixfilter #settings #controls span.field
{
}
#matrixfilter #settings #controls span.field select
{
	width : 100px;
	font-size : 0.85em;
}
#matrixfilter #settings #controls span.field input
{
	width : 96px;
	font-size : 0.85em;
}
#matrixfilter #settings #controls div.render
{
	padding : 4px 0px 0px 0px;
}
#matrixfilter #settings #controls div.render a
{
	padding : 2px 4px 2px 4px;
	font-size : 1.20em;
	font-weight : bold;
	text-decoration : none;
	border : outset 1px yellow;
	background-color : yellow;
	color : #000000;
	cursor : pointer;
}
#matrixfilter #settings #controls div.render a:hover
{
	border : dashed 1px yellow;
	background-color : #000000;
	color : yellow;
}
#matrixfilter #output
{
	margin : 0px 0px 0px 0px;
	border : solid 1px green;
	clear : both;
}
#matrixfilter #output #header
{
	padding : 0px 6px 0px 0px;
	background-color : green;
	text-align : right;
	color : #00ff00;
}
#matrixfilter #output #image
{
	padding : 12px 12px 12px 12px;
	text-align : center;
}
#matrixfilter #download
{
	text-align : right;
	padding : 4px 6px 0px 0px;
	font-style : italic;
	color : yellow;
}
#matrixfilter #download a
{
	font-style : normal;
	font-weight : bold;
}
#matrixfilter div.exception
{
	border : solid 1px #ff0000;
	margin : 10px 30px 0px 0px;
	padding : 4px 10px 4px 10px;
	color : #ff0000;
	font-size : 1.20em;
	font-weight : bold;
	clear : right;
	float : right;
	width : 240px;
}

/********************************************************/
#problem
{
}
#problem h1
{
	margin-bottom : 4px;
	color : #ff0000;
}