/*
╔══════════════════════════════════════════════════════════════════════════════╗
║                                pixjs.com.css                                 ║
╟──────────────────────────────────────────────────────────────────────────────╢
║               Copyright © 2011 Haász Sándor, http://picsjs.com               ║
╟──────────────────────────────────────────────────────────────────────────────╢
║                             All rights reserved.                             ║
╟──────────────────────────────────────┬───────────────────────────────────────╢
║ MIME type: text/css                  │ Character set: UTF-8                  ║
╠══════════════════════════════════════╧═══════════════════════════════════════╣
║                     The pixjs.com.css source code start                      ║
╟──────────────────────────────────────────────────────────────────────────────╢
*/

HTML {
	cursor : default;
	margin : 0;
	border : 0;
	padding :  0;
	width : 100%;
	height : 100%;
	overflow-y : auto;
	vertical-align : baseline;
	font-size : 100%;
	font : inherit;
}

BODY {
	margin : 0;
	border : 0;
	padding : 0;
	min-width : 1000px;
	height : 100%;
	background-color : rgb(127, 127, 127);
	text-align : center;
	vertical-align : baseline;
	color : rgb(255, 255, 255);
	font : inherit;
	font-size : 12pt;
	line-height : 1.2;
	font-family : "Calibri", sans-serif;
}

DIV,
SPAN,
HEADER,
FOOTER,
NAV,
ADDRESS,
Q,
B,
I,
STRONG,
OL,
UL,
LI,
TABLE,
CAPTION,
TBODY,
TFOOT,
THEAD,
TR,
TH,
TD,
SECTION,
TIME,
IFRAME,
IMG,
OBJECT {
	margin : 0;
	border : 0 none;
	padding : 0;
	vertical-align : baseline;
	font-size : 100%;
	font : inherit;
}

HEADER,
FOOTER,
NAV,
SECTION {
	display : block;
}

#CONTAINER {
	display : table;
	margin : 0 auto;
	width : 992px;
	height : 100%;
}

HEADER {
	display : table-cell;
	border-bottom : 1px solid rgb(102, 102, 102);
	padding : 0.5em 0;
	height : 1.2em;
	font-size : 100%;
}

#DOC_TITLE {
	width : 25%;
	float : left;
	text-align : left;
}

#DOC_DATE {
	display : block;
	width : 25%;
	float : right;
	text-align : right;
}

#MAIN {
	display : table-row;
}

#PIXJS-LOGO {
	display : block;
	margin : 0 auto;
	border : 0;
	padding : 0;
	width : 720px;
	height : 256px;
	background-image : url(../images/pixjs.png);
	background-position : 50% 50%;
	background-repeat : no-repeat;
}

#BUTTON-DOWNLOAD {
	padding : 4px 40px;
}

#MAIN SECTION {
	display : none;
	margin-top : 2em;
	margin-bottom : 2em;
}

.gallery IMG {
	cursor : pointer;
	border : 1px solid rgb(255, 255, 255);
	max-height : 120px;
}

FOOTER {
	display : table-cell;
	padding : 0.5em 0;
	height : 1.2em;
	font-size : 66.67%;
}

ADDRESS {
	margin-top : 4em;
	margin-bottom : 2em;
	text-align : left;
}

Q {
	font-style : italic;
}

Q:lang(hu) {
	quotes : '„' '”' '»' '«' '’' '’';
}

Q:before {
	content : open-quote;
}

Q:after {
	content : close-quote;
}

B {
	font-weight : bold;
}

I {
	font-style : italic;
}

STRONG {
	color : rgb(204, 0, 0);
	font-weight : bold;
}

H1,
H2,
H3,
H4,
H5,
H6 {
	margin : 0;
	border : 0;
	padding : 0;
	vertical-align : baseline;
	font : inherit;
	font-weight : bold;
}

H1 { font-size : 200.00%; margin-top : 0.6667em; margin-bottom : 0.6667em; }
H2 { font-size : 150.00%; margin-top : 0.8333em; margin-bottom : 0.8333em; }
H3 { font-size : 116.67%; margin-top : 1.0000em; margin-bottom : 1.0000em; }
H4 { font-size : 100.00%; margin-top : 1.3333em; margin-bottom : 1.3333em; }
H5 { font-size :  83.33%; margin-top : 1.6667em; margin-bottom : 1.6667em; }
H6 { font-size :  66.67%; margin-top : 2.3333em; margin-bottom : 2.3333em; }

P {
	margin : 0;
	margin-top : 1em;
	margin-bottom : 1em;
	border : 0;
	padding : 0;
	vertical-align : baseline;
	font-size : 100%;
	font : inherit;
}

UL,
OL {
	margin-left : 2em;
}

UL,
OL,
LI {
	margin-top : 1em;
	margin-bottom : 1em;
}

OL {
	list-style-type : decimal;
}

UL,
LI {
	list-style : none;
	list-style-image : none;
}

TABLE {
	margin : 0 auto;
	border-collapse : collapse;
	border-spacing : 0;
}

TH {
	font-weight : bold;
}

TD {
	vertical-align : top;
}

HR {
	display : block;
	margin : 1em 0;
	border : 0;
	border-top : 1px solid rgb(102, 102, 102);
	padding : 0;
	height : 1px;
}

A {
	outline: none;
	cursor : default;
	text-decoration : none;
	color : rgb(255, 204, 0);
	font-weight: bold;
}

A[href] {
	cursor : pointer;
	color: rgb(255, 153, 0);
}

A[href]:focus {
	outline: 1px dotted rgb(153, 153, 153);
}

FORM,
FIELDSET {
	margin : 0;
	border : 0;
	padding : 0;
	vertical-align : baseline;
	font-size : 100%;
	font : inherit;
}

FIELDSET {
	padding : 4px;
}

LABEL,
LEGEND {
	margin : 0;
	border : 0;
	padding : 0;
	cursor : pointer;
	vertical-align : baseline;
	font : inherit;
	font-size : 83.33%;
}

BUTTON,
INPUT,
KEYGEN,
METER,
OUTPUT,
PROGRESS,
SELECT,
TEXTAREA {
	margin : 0;
	color : rgb(77, 77, 77);
	font-size : 83.33%;
	font-family : "Calibri", sans-serif;
}

BUTTON,
INPUT,
KEYGEN,
METER,
OUTPUT,
PROGRESS,
SELECT {
	vertical-align : baseline;
}

TEXTAREA {
	overflow : auto;
	vertical-align : top;
}

LABEL BUTTON,
LABEL INPUT,
LABEL KEYGEN,
LABEL METER,
LABEL OUTPUT,
LABEL PROGRESS,
LABEL SELECT,
LABEL TEXTAREA {
	font-size : 100%;
}

:-moz-placeholder {
	color : rgb(255, 153, 0);
}

::-webkit-input-placeholder {
	color : rgb(255, 153, 0);
}

BUTTON,
INPUT[type='button'],
INPUT[type='image'],
INPUT[type='reset'],
INPUT[type='submit'] {
/* !!! */
	padding : 2px 8px;
/* !!! */
	-moz-box-shadow : 0 0 1px rgb(204, 204, 204), inset 0 0 2px rgb(204, 204, 204);
	-webkit-box-shadow : 0 0 1px rgb(204, 204, 204), inset 0 0 2px rgb(204, 204, 204);
	box-shadow : 0 0 1px rgb(204, 204, 204), inset 0 0 2px rgb(204, 204, 204);
/* !!! */
	color : rgb(255, 255, 255);
	border : 1px solid rgb(102, 102, 102);
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;
	width : auto;
	cursor : pointer;
	background-color : rgb(127, 127, 127);
	background-image : -moz-linear-gradient(
		top,
		rgb(153, 153, 153) 0%,
		rgb(204, 204, 204) 25%,
		rgb(127, 127, 127) 100%
	);
	background-image : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgb(153, 153, 153)),
		color-stop(25%, rgb(204, 204, 204)),
		color-stop(100%, rgb(127, 127, 127))
	);
	background-image : -webkit-linear-gradient(
		top,
		rgb(153, 153, 153) 0%,
		rgb(204, 204, 204) 25%,
		rgb(127, 127, 127) 100%
	);
	background-image : -o-linear-gradient(
		top,
		rgb(153, 153, 153) 0%,
		rgb(204, 204, 204) 25%,
		rgb(127, 127, 127) 100%
	);
	background-image : -ms-linear-gradient(
		top,
		rgb(153, 153, 153) 0%,
		rgb(204, 204, 204) 25%,
		rgb(127, 127, 127) 100%
	);
	background-image : linear-gradient(
		top,
		rgb(153, 153, 153) 0%,
		rgb(204, 204, 204) 25%,
		rgb(127, 127, 127) 100%
	);
	overflow : visible;
}

/* !!! */
BUTTON:hover,
INPUT[type='button']:hover,
INPUT[type='image']:hover,
INPUT[type='reset']:hover,
INPUT[type='submit']:hover {
	border : 1px solid rgb(102, 102, 102);
	-moz-box-shadow : 0 0 2px rgb(255, 255, 255), inset 0 0 2px rgb(255, 255, 255);
	-webkit-box-shadow : 0 0 2px rgb(255, 255, 255), inset 0 0 2px rgb(255, 255, 255);
	box-shadow : 0 0 2px rgb(255, 255, 255), inset 0 0 2px rgb(255, 255, 255);
}

BUTTON:active,
INPUT[type='button']:active,
INPUT[type='image']:active,
INPUT[type='reset']:active,
INPUT[type='submit']:active {
	border : 1px solid rgb(77, 77, 77);
	-moz-box-shadow : 0 0 1px rgb(153, 153, 153), inset 0 0 2px rgb(102, 102, 102);
	-webkit-box-shadow : 0 0 1px rgb(153, 153, 153), inset 0 0 2px rgb(102, 102, 102);
	box-shadow : 0 0 1px rgb(153, 153, 153), inset 0 0 2px rgb(102, 102, 102);
}

INPUT[type='text'],
INPUT[type='password'],
INPUT[type='email'],
INPUT[type='number'],
TEXTAREA {
	border-top : 1px solid rgb(77, 77, 77);
	border-left : 1px solid rgb(102, 102, 102);
	border-right : 1px solid rgb(102, 102, 102);
	border-bottom : 1px solid rgb(127, 127, 127);
	-moz-border-radius : 2px;
	-webkit-border-radius : 2px;
	border-radius : 2px;
/* !!! */
	-moz-box-shadow : 0 0 1px rgb(204, 204, 204);
	-webkit-box-shadow : 0 0 1px rgb(204, 204, 204);
	box-shadow : 0 0 1px rgb(204, 204, 204);
	padding : 1px;
	background-color : rgb(255, 255, 255);
}

/* !!! */
INPUT[type='text']:hover,
INPUT[type='password']:hover,
INPUT[type='email']:hover,
INPUT[type='number']:hover,
TEXTAREA:hover,
INPUT[type='text']:focus,
INPUT[type='password']:focus,
INPUT[type='email']:focus,
INPUT[type='number']:focus,
TEXTAREA:focus {
	border-top : 1px solid rgb(102, 102, 102);
	border-left : 1px solid rgb(127, 127, 127);
	border-right : 1px solid rgb(127, 127, 127);
	border-bottom : 1px solid rgb(153, 153, 153);
	-moz-box-shadow : 0 0 2px rgb(255, 255, 255);
	-webkit-box-shadow : 0 0 2px rgb(255, 255, 255);
	box-shadow : 0 0 2px rgb(255, 255, 255);
}

INPUT[type='text'],
INPUT[type='password'],
INPUT[type='email'],
TEXTAREA {
	width : 320px;
}

INPUT[type='number'] {
	width : 160px;
}

TEXTAREA {
	height : 240px;
}

.source-label {
	margin: 16px auto 0 auto;
}

.source-space {
	margin: 0 auto 16px auto;
	border: 1px solid rgb(51, 51, 51);
	padding: 16px;
	background-color: white;
	text-align: left;
	color: rgb(51, 51, 51);
}


/*
╟──────────────────────────────────────────────────────────────────────────────╢
║                      The pixjs.com.css source code end                       ║
╚══════════════════════════════════════════════════════════════════════════════╝
*/