/*************************************************/
/*                                               */
/*    Design name:                               */
/*        FagSoft v1.0                           */
/*                                               */
/*    Created by:                                */
/*        Paul Ivar Pettersen                    */
/*                                               */
/*    Written by:                                */
/*        Christian Fagerheim                    */
/*                                               */
/*************************************************/
/*                                               */
/*    All code on this site is protected by      */
/*     norwegian law. More accurately            */
/*    "Åndsverksloven", as per:                  */
/*       §§ 1, 3, 5, 10, 41, 43, 46, 47, 57,     */
/*          and their associated paragraphs.     */
/*                                               */
/*************************************************/
/*                                               */
/*    If you want to use it, please get in       */
/*    touch with me (Christian) and you'll       */
/*    find me quite reasonable.                  */
/*                                               */
/*************************************************/
/*                                               */
/*    The following persons have our permission  */
/*    to use this, and associated, documents:    */
/*                                               */
/*************************************************/

/* Import language-spesific images. */
@import "pip_images_en.css";

  /***************************/
 /* Main elements & classes */
/***************************/

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

body {
	background-color: #dedede;
	color: black;
	font-family: arial, sans-serif;
	height: 100%;
	font-size: 14px;
}

ul {
	list-style: none;
}

div.main {
	height: 100%;
}

span.menu_spacer {
	max-width: 58px !important;
	min-width: 24px !important;
	width: 3%;
	height: auto;
	display: block;
	float: left;
}

p {
	font-size: 0.9em;
}

a {
	color: #414E5A;
	text-decoration: none;
}

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

.dom_error {
	color: red;
	float: left;
	margin-left: 35%;
}

.form_error {
	color: red;
	float: left;
	margin-left: 35%;
	margin-top: -32px;
}

.clrl {
	clear: left;
}

.green {
	color: green;
}

.no_mbot {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.hide {
	display: none;
}

.floatr {
	float: right;
}


  /***************************/
 /* Header classes          */
/***************************/

div.pagetop {
	min-width: 860px !important;
	width: 100%;
}

div.header {
	width: 100%;
	height: 111px;
	background-color: #414E5A;
}

div.header div.loader_img {
	position: absolute;
	top: 70px;
	left: 370px;
}

div.header h1 {
	width: 334px;
	height: 54px;
	position: relative;
	top: 56px;
	left: 20px;
	background: url("../images/pip/logo.gif") no-repeat;
}

div.header h1 span {
	visibility: hidden;
}

div.whiteblock {
	width: 100%;
	height: 15px;
	background-color: white;
}

div.whiteblock span {
	visibility: hidden;
}


  /***************************/
 /* Navigation classes      */
/***************************/

div.navbar {
	z-index: 999;
	min-width: 660px !important;
	width: 100%;
	height: 82px;
	background: #2abb08 url("../images/pip/menu_back.gif") repeat-x;
	margin-right: -16px;
}

div.navbar div.wrapper {
	z-index: 999;
	width: 100%;
	height: 100%;
	background: url("../images/pip/menu_code.gif") no-repeat 7px 7px;
}

div.navbar div.wrapper h2 {
	visibility: hidden;
	height: 0px;
}

div.navbar div.buttons {
	z-index: 999;
	position: relative;
	display: table;
	top: 55px;
	left: 12px;
	height: 27px;
	width: 98%;
	font-size: 0.75em;
}

div.navbar div.buttons a {
	color: #414E5A;
	display: block;
	float: left;
	width: 110px;
	height: 27px;
	text-align: center;
	text-decoration: none;
	margin-left: -16px;
}

div.navbar div.buttons a span {
	visibility: hidden;
}

/* Hover & Active classes for menu buttons. */
div.navbar div.buttons a:hover {
	background-position: left bottom;
}
div.navbar div.buttons a._active {
	background-position: left bottom;
}
div.navbar div.buttons a._active:hover {
	background-position: 0px -27px;
}


  /***************************/
 /* Content classes         */
/***************************/

div.main_body {
	min-width: 860px !important;
	min-height: 550px !important;
	width: 100%;
	height: 100%;
	margin-top: -223px;
	margin-bottom: -223px;
	overflow: hidden;
}

div.content {
	float: left;
	min-width: 480px !important;
	width: 58%;
	margin-top: 237px;
	margin-left: -4px;
	overflow: auto;
}

div.content a {
	text-decoration: underline;
}

div.content a:hover {
	color: black;
	background-color: white;
	text-decoration: none;
}

div.content div.mid_head h2 {
	width: 250px;
	height: 18px;
	display: block;
	margin-bottom: 14px;
}

div.content div.mid_head h2 span {
	display: none;
}

div.content div.mid div.img_wrap {
	float: left;
	width: 192px;
	height: 127px;
	padding: 8px;
	background: white;
	margin-right: 12px;
	margin-bottom: 5px;
}

div.content div.mid p {
	margin-bottom: 1em;
}

.body_spacer {
	min-width: 15px !important;
	width: 3%;
	height: 100%;
	display: block;
	float: right;
	overflow: hidden;
}

.body_spacer div {
	height: 100%;
	margin-top: 234px;
	background: url("../images/pip/dotted_border.gif") top center repeat-y;
	z-index: -9;
}

div.content div.mid ul.infolist {
	margin-left: 55%;
	margin-bottom: 1em;
	font-size: 0.9em;
	list-style-image: url("../images/pip/rightarrow.gif");
}

div.content div.mid ul.infolist li {
	padding: 0px;
	margin: 0px;
}

div.content div.mid ul.infolist li a {
	color: black;
	text-decoration: none;
	font-style: italic;
}

div.content div.mid ul.infolist li a:hover {
	text-decoration: underline;
}

div.content div.mid p.tech_text {
	float:left;
	width: 50%;
}

div.content div.mid p.prog_text {
	float:left;
	width: 50%;
	clear: left;
}

div.content div.paginator {
	margin: 0 auto;
	width: 20%;
}

div.content div.paginator:after {
	content: ".";
	height: 0px;
	display: block;
	clear: left;
	visibility: hidden;
}

div.content div.paginator span {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
}


  /***************************/
 /* Feedback classes        */
/***************************/

div.content div.lang_form {
	float: left;
}

div.content div.lang_form h6 {
	font-size: 0.7em;
}

div.content div.lang_form select {
	padding: 3px;
	width: 215px;
	background-color: #90989E;
}

div.content div.lang_form select:focus {
	background-color: #dedede;
}

div.content div.feedback_new {
	float: right;
}

div.content div.feedback {
	clear: left;
	padding-top: 8px;
}

div.feedback div.comment {
	margin-left: 5%;
	margin-bottom: 15px;
	margin-top: 5px;
	min-width: 400px !important;
	max-width: 700px !important;
	width: 85%;
	border: 3px #414E5A outset;
}

div.feedback div.comment div.top {
	border-bottom: 3px #2abb08 double;
	padding: 2px;
	color: white;
	background-color: #414E5A;
}

div.feedback div.comment div.top a {
	text-decoration: none;
	color: white;
	font-size: 0.9em;
}

div.feedback div.comment div.top a:hover {
	color: black;
}

div.feedback div.comment div.top div.floatr a {
	padding-right: 5px;
	padding-left: 5px;
}

div.feedback div.comment div.top div.status {
}

div.feedback div.comment div.top div.status a.curr_post {
	display: block;
	float: left;
	width: 11px;
	padding-left: 6px;
	margin-top: 1px;
	text-decoration: none;
	font-size: 0.8em;
}

div.feedback div.comment div.top div.status span.name {
	font-style: italic;
	display: block;
	overflow: hidden;
	float: left;
	min-width: 155px !important;
	width: 30%;
	margin-right: 5px;
}

div.feedback div.comment div.top div.status span.datetime {
	font-size: 0.9em;
}

div.feedback div.comment div.top div.status span.time {
	font-style: italic;
}

div.feedback div.comment div.mid {
	padding: 8px 8px 0px;
}

div.feedback div.comment div.bot {
	padding: 0px 5px 2px;
	border-top: 3px double #2abb08;
	text-align: right;
	color: #414E5A;
}

div.feedback div.comment div.bot span.time {
	font-size: 0.9em;
	font-style: italic;
}


  /***************************/
 /* Form classes            */
/***************************/

div.content div.mid form .required {
	font-size: 1em;
	color: red;
}

div.content div.mid form div.form_fields {
	float: left;
	margin-right: 10%;
}

div.content div.mid form div.form_fields br.hide {
	display: none;
}

div.content div.mid form label.form_input {
	display: block;
	width: 140px;
	padding-left: 10px;
	margin-top: 1px;
}

/* Start IE Win hack \*/
* html div.content div.mid form div.form_fields label.form_input {
	width: 150px;
}
/* ## End IE Win hack */

div.content div.mid form div.form_fields input.text {
	width: 215px;
	background-color: #90989E;
	margin-bottom: 2px;
}

div.content div.mid form div.form_fields input.text:focus {
	background-color: #dedede;
}

div.content div.mid form div.form_fields input[type="radio"] {
	border: 0px !important;
	background: #90989E !important;
}

div.content div.mid form p.comment label {
	display: block;
	width: 250px;
	padding-left: 10px;
	float: left;
}

div.content div.mid form p.comment textarea {
	background-color: #90989E;
	width: 300px;
}

div.content div.mid form p.comment textarea:focus {
	background-color: #dedede;
}

div.content div.mid form div.submitline {
	clear: left;
	margin-left: 70%;
}

div.content div.mid form div.submitline input {
	outline: none;
	width: 90px;
	color: black;
	background-color: #90989E;
	font-size: 0.9em;
	padding-bottom: 1px;
}

div.content div.mid form div.submitline input:hover {
	background-color: #dedede;
	cursor: pointer;
}

div.content div.mid form div.submitline input:active {
	border-style: inset;
}


  /***************************/
 /* Resources classes       */
/***************************/

div.resources {
	float: right;
	min-width: 135px;
	width: 15%;
	margin-top: 237px;
	margin-right: 2px;
}

html>body div.resources {
	margin-right: 1%;
}

div.resources h3 {
	height: 18px;
	width: 155px;
	display: block;
	margin-bottom: 5px;
}

div.resources h3 span {
	display: none;
}

div.resources ul li a {
	border-bottom: solid 1px gray;
	display: block;
	height: 15px;
	width: 85%;
	margin-bottom: 1px;
	padding-top: 4px;
	padding-left: 5%;
	color: #414E5A;
	font-size: 0.8em;
	text-decoration: none;
}

div.resources ul li a:hover {
	margin-bottom: 0px;
	border-bottom: solid 2px #5c6c7d;
	color: #5c6c7d;
}


  /***************************/
 /* Details classes         */
/***************************/

div.content div.project div.image {
	float: left;
	border: 3px #5c6c7d outset;
	margin-right: 10px;
}

/* IE Win hack \*/
* html div.content div.project div.image {
	width: 306px;
}
/* ## End IE Win hack */

div.content div.project div.image a:hover {
	background-color: transparent;
}

div.content div.project div.text {
	margin-left: 30%;
	max-width: 400px !important;
	min-width: 150px !important;
}

div.content div.project div.text h3 {
	margin-bottom: 8px;
}


  /***************************/
 /* Projects classes        */
/***************************/

div.projects {
	float: right;
	min-width: 143px;
	width: 15%;
	margin-top: 237px;
}

div.projects h3 {
	height: 18px;
	width: 155px;
	display: block;
	margin-bottom: 3px;
}

div.projects h3 span {
	display: none;
}

div.projects table {
	width: 90%;
	border: 0;
}

div.projects table td {
	padding-top: 5px;
}

div.projects table td a {
	display: block;
	width: 45px;
	height: 45px;
	background: url("../images/pip/project_button.gif");
	text-decoration: none;
}

div.projects table td a span {
	display: none;
}


  /***************************/
 /* Footer classes          */
/***************************/

div.footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
	background-color: #424e5a;
	color: #7E8890;
}

* html div.footer {
	position: absolute;
	margin-bottom: -1px;
}

div.footer a {
	color: #5c6c7d;
	text-decoration: none;
}

div.footer a:hover {
	color: #90989E;
	text-decoration: underline;
}

div.footer p {
	font-size: 0.65em;
	letter-spacing: 0.05em;
}

div.footer p.copy {
	float: right;
	margin-right: 21px;
	margin-top: 5px;
}

div.footer p.design {
	margin-left: 21px;
	margin-top: 5px;
}