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

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

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

html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, ol, li, a, img, table, tr, th, td, thead, tfoot, tbody, address, form, fieldset, legend, label, input, select, textarea, button, span, pre { margin: 0; padding: 0; border: none; }

html, body, #cp_outer_wrapper { height: 100%; }
body > #cp_outer_wrapper { height: auto; min-height: 100%; }

body {
	color: #333;
	font-family: Arial,sans-serif;
	font-size: 11px;
	line-height: 18px;
	background: #fff url(http://webshop.snorredata.no/Skins/Default/Img/bkg-page.gif) repeat-x;
}

/********** WRAPPERS **********/
div#cp_outer_wrapper { width: 999px; margin: 0 auto; overflow: hidden; }
div#header { background: #fff url(http://webshop.snorredata.no/Skins/Default/Img/bkg-page.jpg) no-repeat; padding-top:16px;}
div#cp_inner_wrapper { width: 544px; padding: 20px; margin: 0; float: left;}
div#cp_sidebar { position: relative; width: 225px; margin: 0; padding-bottom: 20px; float: left; background: url(/files/includes/graphics/sidebar_background.png) repeat-y; }
div#cp_sidebartwo { position: relative; width: 190px; margin: 0; padding-bottom: 20px; float: left; background: url(/files/includes/graphics/sidebartwo_background.png) repeat-y;}

/********** 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 **********/
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 **********/
legend { display: none; }
label {
	display: block;
	line-height: 28px;
	font-weight: bold;
}
input, select, textarea {
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 3px 6px 2px 6px;
	font-size: 11px;
}
input,
select {
	height: 15px;
	max-width: 324px;
	width: 310px;
}
select {
	width: 324px;
}
input.readonly { background-color: #f1f1f1; }
input.short { width: 40px; }
input.medium { width: 114px; }

input[type=checkbox],
input.checkbox { width: auto; }

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

select { height: 22px; }

textarea {
	width: 400px;
	height: 300px;
}