/* 
Stilark for TBWA Trashback
Produsert av Olav Øyen for Molecule Digital Agency
http://www.molecule.no/

Hovedstiler med tabeller og skjema
Søkbare stikkord i toppen, kategorisert etter plassering.

Stilarket er strukturert etter plassering og alfabetiske stiler.
*/

/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Grunnstiler html, body, globale stiler*/

html {}

body {
  background: #fff;
  font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
  text-align: left;
  }
  
img { 
	behavior: url(../../side/iepngfix.htc);
	border: none;
	}

h1 { 
	font-size:32px;
}

h2 { 
	font-size:14px;
	color: #0074b6;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

h3 { 
	font-size:18px;
	color: #0074b6;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align:  left;
}

p { 
	font-size:18px;
	line-height: 24px;
	text-align: left;
}

a:link {
	text-decoration: none;
	color: #fff;
}

a:visited {
	text-decoration: none;
    color: #fff;
}

a:hover {
	text-decoration: underline;
	color:#fff;
}

a:active {
	text-decoration: none;
    color: #fff;
}

.on { background: url(../img/nav_bg.png) no-repeat; }

/* Faste elementer som menyer og logo */

div#header { height: 30px; position: fixed; margin-top: 20px; left: 0px; background: #000; width: 230px; padding: 0 0 0 5px; color: #fff; }
div#cattag { height: 18px; margin-top: 70px; position: fixed; left: 0px; background: #000; color: #fff; width: auto; padding: 5px; }
div#nav { position: fixed; float: right; height: 100%; width: 160px; top: 0px; right: 0px; background: url(../img/brickwall.png) repeat-y; padding: 20px; color: #fff; }

.recycle { position: fixed; bottom:25px; text-align: center; height: 175px; width: 160px; }
.recycle a {}
.recycle a:hover { background: none; }
.item { float: left; color: #000; }
.item a { color: #000; }
#nav a { padding: 0 3px; width: 155px; display: block; }
#nav a:hover { text-decoration: underline; background: none;}

/* Elementer for upload side */

div#stdcontent { padding-top: 70px; height: auto; } 

.trashuploader { 
	width: 620px; 
	background: url(../img/red_bg.png) repeat; 
	height: auto; 
	margin: 15px 0; 
	float: left;
	padding: 20px 20px 20px 40px;
	clear: both;
	color: #fff;
}

.trashuploader p { font-size: 12px; line-height: 18px; }

.trashuploader form { width: auto;}
.hundre { width: 200px; margin: 10px 10px 0 0; }

/* Tooltip */

#tooltip {
	position:absolute;
	z-index:30000;
	padding:2px;
	color:#FFF!important;
	font-size:0.9em;
}

#tooltip div {
	margin:0;
	padding:6px;
	font-size:0.9em;
}

#tooltip h3 {
	color:#fff;
	font-size: 11px;
	font-weight: normal;
	padding:8px 4px 30px 4px;
	margin:0;
	text-transform:none;
	background: url(../img/nav_bg.png) no-repeat;
	line-height: 14px;
}