/* Reset all browsers to identical defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* base.css, part of YUI's CSS Foundation */
h1 { 
	font-size: 1.6em;
	color: #999999; 
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 1.4em; 
	color: #3289C6;
	font-weight: bold;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
	color: #3289C6;
	font-weight: bold;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0 0.5em 0;
}
strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
.clear {
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;	
}
.noBorder {
	border:none;	
}
/********************* End Base CSS ********************/
/* CSS for Joomla Component Creator */
body {
	width:800px;
	margin:auto;
	color:#616161;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:14px;
}

a {
	color: #9E2D2D;
}

#header {
	padding:20px 0 0;
}

#logo {
	float:left;	
}

#version {
	font-family:"Courier New", Courier, monospace;
	color:#9E2D2D;
	font-size:12px;
	float:right;
}

#page {
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	padding:40px 25px 0;
}

#intro {
	font-size:16px;
	line-height:24px;
	text-align:justify;
}

#menu, #menu li {
	margin:0;
	padding:0;
	list-style:none;
}

#menu {
	height:44px;
	background-image:url(../images/tab.png);
	background-position:0 43px;
	background-repeat:repeat-x;
	padding:0 0 0 5px;
	margin:25px 0;
}

#menu div {
	float:left;
	width:170px;
	height:44px;
	cursor:pointer;
	margin:0 15px 0 0;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#6E6E6E;
	padding:0 15px;
	line-height:50px;
	_line-height:44px;
}

#menu div:hover, #menu div.hover, #menu div.active {
	background-image:url(../images/tab.png);
	background-position:0 -1px;
	background-repeat:no-repeat;
}

#menu div span {
	display:block;
	float:left;
	height:30px;
	width:30px;
	background-image:url(../images/icons.png);
	margin:10px 6px 4px 0;
}

#tab1 {background-position:0 0;}
#tab2 {background-position:-30px 0;}
#tab3 {background-position:-60px 0;}

#contentBox {
	position:relative;
	overflow:hidden;
	width:750px;
	height:500px;
	margin:0 0 25px;
}

#content {
	width:1500px;
	position:absolute;
	clear:both;
}

.contentPage {
	float:left;
	width:750px;
	text-align:justify;
}

/* Create Component page */
#createForm {
	border:1px solid #ADC8DA;
	background-color: #E5EFF6;
	padding:5px 25px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.formRow {
	background-image:url(../images/dbl_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0 15px;
}

.inputbox {
	border:1px solid #ADC8DA;
	background-color:#F3F7FA;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#7c7c7c;
	width:320px;
	padding:3px;
}

#createForm label {
	display:block;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0D6DAB;
	margin:0 0 5px;
}

textarea.inputbox {
	height:80px;	
}

select.inputbox {
	width:328px;	
}

.formField, .formHelp {
	width:349px;
	float:left;
}

.formHelp {
	background-image:url(../images/help.png);
	background-repeat:no-repeat;
	background-position:0 20px;
	padding:16px 0 0 35px;
	font-size:11px;
	line-height:14px;
	color:#668EAA;
	width:314px;
}

.submitButton {
	border:none;
	background-color:#7DBF0D;
	background-image:url(../images/button.png);
	width:195px;
	height:30px;
	font-size:1px;
	color:#7DC012;
	text-align:left;
	cursor:pointer;
	margin:15px 0 0 0;
}

#loading {
	width:100px;
	text-align:center;
	padding:40px 0 0;
	margin:100px auto;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center 0;
	color:#ADC8DA;
}

.error, .success, noscript {
	display:block;
	border:1px solid #9E2D2D;
	padding:5px 10px;
	background-color:#FCF3F3;
	color:#9E2D2D;
	margin:0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.success {
    border:1px solid #69A10F;
	background-color:#FAFEF1;
	color:#69A10F;
}

#createdFiles {
    font-family:"Courier New", Courier, monospace;
	font-size:11px;
	line-height:15px;
	color:#858585;
}

#footer {
    border-top:1px solid #CCCCCC;
    padding:10px 0 0;
    font-size:12px;
	margin-bottom: 30px;
}

#share {
	width: 150px;
	float: right;
	text-align: right;
}

#donateForm {
	display:none;
}

#donateButton {
	width:145px;
	height:43px;
	background-image:url(../images/donate.png);
	text-indent:-999em;
	float:right;
	margin-left:40px;
	cursor:pointer;
}

#suggest {
	border:1px solid #adc8da;
	background-color:#E5EFF6;
	padding:10px 15px;
	color:#668EAA;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:12px;
	line-height:18px;
}

.hidden {
	display:none;	
}