@charset "utf-8";
/* CSS Document */

html, body {
	background-color:#eee;
	color:#222;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
} h1, h2, h3 {
	font-family:"Arial Narrow", Helvetica, Verdana, sans-serif;
	font-weight:lighter;
	color:#777;
} h1 {
	font-size:30px;
} h2 {
	font-size:25px;
	font-style:italic;
} h3 {
	font-size:20px;
} input, textarea, select {
	color:#005;
	border:1px solid #aaa;
	font-size:10pt;	
} a, a:visited, a:link {
	text-decoration:none;
	color:#09f;
} li {
	line-height:15pt;
} pre {
	display:none;
} .debug {
	font-size:10px; color:#777; text-align:right;
} .smtxt {
	font-size:9px;
	line-height:10px;
}

#demo_info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#555;
	background:#efefef url(images/demo.gif) bottom left no-repeat;
	padding:10px;
	margin:0 -5px;
	border-bottom:1px solid #000;
}

#header {
	padding:30px;
	margin:0;
	background:url(images/header.jpg) no-repeat left #fff;
	height:176px;
	display:block;
	text-align:right;
} #header2 {
	padding:0;
	margin:0;
	background:url(images/header2.jpg) no-repeat left #fff;
	height:120px;
	display:block;
	text-align:right;
	border-bottom:1px solid #000;
} #holder {
	margin:0 auto;
	width:800px;
	background:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
} #holder img {
	border:none;
} #login {
	float:right;
	background:url(images/liner.gif);
	margin:0 0 10px 20px;
} #content {
	padding:0 5px;
	min-height:400px;
} #content p {
	margin:5px 0 10pt 10px;
	text-align:justify;
	line-height:14pt;
} #content a {
	background:url(images/underline.gif) bottom repeat-x;
	padding-bottom:3px;
} #content a:hover {
	color:#f60;
} #liner {
	background:url(images/liner.gif) repeat-x top;
	height:10px;
	margin:10px 0;
	clear:both;
} #send th {
	text-align:right;
	padding-right:5px;
}

#footer {
	padding:10px 0;
	text-align:center;
	font-size:10px;
	color:#555;
	border-bottom:1px solid #000;
} #footer a {
	color:#337;
	text-decoration:none;
}

#menu ul {
	margin:0;
	text-align:center;
	padding:0 50px;
	display:block;
	height:32px;
	clear:both;
} #menu ul li {
	list-style:none;
	display:block;
	float:left;
} #menu a {
	color:#777;
	padding:5px 0;
	display:block;
	width:150px;
	font-size:16px;
	font-family:Helvetica, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	letter-spacing:0.1em;
	background:url(images/menu-norm.jpg) center top no-repeat;
} #menu a:hover {
	background:url(images/menu-over.jpg) center top no-repeat;
	color:#2ff;
}

#template-show {
	position:relative;
} #template-show ul {
	margin:0;
	padding:0;
} #template-show li {
	/*float:left;*/
	display:inline-block;
	margin:5px;
	list-style:none;
	text-align:center;
} #template-show li a {
	background:none;
} #template-show li:hover {
	background-color:#eee;
	border:1px solid #09f;
	margin:4px;
} .no-border {
	border:none;
} .input_field {
	width:100%;
}

.catholder {
	position:relative;
	text-align:left;
} .catholder ul {
	margin:0;
	padding:0;
} .catholder li {
	display:inline-block;
	margin:10px 0px 0 10px;
	list-style:none;
	width:365px;
	height:180px;
	background-image:-moz-linear-gradient(0% 100% 90deg,#EEEEEE, #CCCCCC);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	padding:5px;
	overflow:auto;
	border:1px solid #eee;
	text-align:left;
} .catholder li:hover {
	background-color:#eee;
	background-image:none;
	border:1px solid #09f;
} .catholder img {
	margin-left:5px;
} .catholder h1 {
	font-size:20px;
	color:#369;
	margin:0 0 0.5em 0;
} div.catholder ul li a p {
	font-size:12px;
	color:#000;
	background:none;
} .catholder a {
	color:#000;
} .catholder li li {
	list-style:inside;
	list-style-type:circle;
	line-height:11px;
	font-size:10px;
}

#success, .success {
	color:#0c0;
	border:1px solid #0c0;
} .mnd {
	color:#c00;
} #error, .error {
	color:#c00;
	border:1px solid #c00;
} #error, .error, #success, .success {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:15px;
	margin:20px 0;
} #holder .image-holder {
	border:1px solid #555;
	min-width:100px;
	padding:0;
	margin:10px;
	border-right:4px ridge #333;
	border-bottom:4px ridge #333;
	background: url(images/cat/loading.gif) no-repeat center center;
} .job b {
	width:110px;
	display:block;
	float:left;
	margin:0 0 10px 0;
	clear:left;
} .job p {
	clear:both;
} .step {
	font-size:10px;
	width:200px;
	margin:10px;
	padding:10px;
	border:1px solid #ccc; 
	background-color:#eee;
	list-style:none;
	clear:both;
	position:static;
} .step b {
	color:#009;
} #extra_info {
	clear:right;
	float:right;
	font-size:10px;
	line-height:13px;
	width:200px;
	height:170px;
	overflow:auto;
	margin:10px;
	padding:10px;
	position:absolute;
	top:5px;
	right:5px;
}

pre {
	overflow:scroll;
	height:100pt;
	width:100%;
	background-color:#eee;
	font-size:10px;
	/*visibility:collapse;
	display:none;*/
}