/* ----------------------------------------------------------------------------------------------------------
[Base Stylesheet]

Project:		Tornado Controlpanel
Version:		0.0.2
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) Grid-styles
---------------------------------------------------------------------------------------------------------- */

/********** GENERAL **********/
a.iconText {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 22px;
}
a.icon {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 22px;
	text-indent: -9999px;
}

pre {
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
	padding: 10px;
	margin-bottom: 14px;
}
table pre {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

/********** LISTS **********/
#main-content ul {
	list-style: none;
	background: transparent;
}
#main-content ul li {
	list-style: none;
	background: transparent;
	padding: 0;
}
ul.bigList {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
ul.bigList li {
	overflow: hidden;
	min-width: 50%;
	float: left;
	line-height: 30px;
}
ul.bigList li.iconText {
	background-repeat: no-repeat;
	background-position: 0 50%;
	text-indent: 22px;
}
ul.bigList li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	border: none;
}
ul.bigList li a:hover { color: #000; text-decoration: underline; }

/********** TABLES **********/
table.bigLinks a { display: block; }
td.iconText {
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 32px;
}
td.icon span {
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
}
table.transparent th { border: none; }
table.transparent td { border: none; background: transparent; }

/********** FORM ELEMENTS **********/
#main-content legend { display: none; }
#main-content label {
	display: block;
	line-height: 28px;
	font-weight: normal;
}
#main-content input, #main-content select, #main-content textarea {
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 3px 6px 2px 6px;
	font-size: 11px;
}
#main-content input,
#main-content select,
#main-content input#content {
	height: 18px;
	max-width: 340px;
	width: 340px;
}
#main-content input.readonly { background-color: #f1f1f1; }
#main-content input.short { width: 40px; }
#main-content input.medium { width: 114px; }
#main-content input#content { float: none; position: static; }

#main-content input[type=checkbox],
#main-content input.checkbox { width: auto; height: auto; }

#main-content input.date-pick { width: 100px; }

#main-content select {
	height: 22px;
	max-width: 347px;
	width: 347px;

	max-width: 354px;
	width: 354px;
}

#main-content textarea {
	width: 400px;
	height: 300px;
}