/*
===================
iNove CSS Styles
===================
Inspired by: iNove Wordpress Theme from http://www.neoease.org 
-------------------

Name: iNove
Author: Mechatroniker & mg12 & Zeuder
Version: 0.1
Module: common.css
*/

  body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		/* height:100%;  /* REQUIRED to push footer to bottom on short pages */
		background:#002043 url(../imgs/bg_blue.png) -20px repeat;
		color: #fff;
		font-size:90%;
		font-family: sans-serif;
	} 
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	} /* endof myce version */
	
blockquote {
	border-left: 5px solid rgb(51,51,51);
	color: #CCDDEE;
	margin: 1em;
	padding: 0 10px;
	width: 90%
}

pre, code {
	background:#F4F5F7 url(../imgs/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	font-family: Lucida Console, Monaco, monospace;
	font-size: 90%;
	margin:5px 0;	
	min-height: auto; 
	height: auto !important; 
	height: auto;
	padding:8px 12px 8px 36px;
	overflow: auto;
	width: 90%;
}
ul, li, ol { margin: 0; padding: 0; }
li { display: list-item; }

/* === Form === */
fieldset {
	border: #ddd solid 1px;
	margin: 0 0 1em 0;
	padding: .5em;
}
legend {
	color: rgb(255,128,0);
	font-size: 18px;
	}
input, textarea, {
	background-color: rgb(204,204,153);
	border: 1px solid rgb(128,128,128);
	color: rgb(64,64,64);
}

select {
background:#001B3E;
border: 1px solid #626286;
color:#fff;
	padding: .2em;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	background-color: #fff;
	/* border: 1px solid #11A; */
}

textarea {
	font-size: 100%;
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
	margin-top: .1em;
	margin-bottom: 1em;
	width: 96%;
}


/* ===== LINKS GENERAL ===== */

	a {
		color:rgb(218,165,32);
		text-decoration:none;
		
	}
	a:hover {
		color:rgb(0,255,0);
		text-decoration:none;
	} 

/* ===== HEADERS TAGS ===== */

	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
  h2 {
  border-bottom:ridge 2px;
  }
	h4 {
  color:rgb(255,204,153);
  }
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:2px 5px 0px;
	} 

/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */

		#wrap {
     
		}
		#wrap h3 {
		color: rgb(218,165,32);
		text-transform: uppercase;
		} 
		
#body-container {
 
}

/* ===== HEAD ===== */

  	#layoutdims {
		clear:both;
		background:#424242;
		background:#606080 url(../imgs/gradient_blue.jpg) -20px repeat;
		border-top:2px solid rgb(51,51,51);
		border-bottom:1px solid #222222;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	#head {
		clear:both;
		float:left;
		width:100%;
	}
	#head {
		border-bottom:1px solid #000000;
		background:#ECEBEB;
		background:#002043 url(../imgs/bg_blue.png) -20px repeat;
	}
	#head p,
	#head h1,
	#head h2 {
		padding:.4em 15px 0 15px;
		margin:0;
		color:rgb(204,204,255);
	}
	h1 {
  text-shadow: 2px 4px 3px #000;
  }
	#head ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		height:20px;
	}
	#head ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		text-shadow: 2px 4px 3px #000;
	}
	#head ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#424242;
		background:url(../imgs/bg4rev_blue.png) repeat-x;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#head ul li a:hover {
		background:#CC9966;
		background:url(../imgs/bg4rev_blue.png) repeat-x;
		color:rgb(218,165,32);
		text-decoration:underline;
	}
	#head ul li a.active,
	#head ul li a.active:hover {
		color:rgb(218,165,32);
		background:url(../imgs/bg3rev_blue.png) repeat-x;
		font-weight:bold;
	}
	#head ul li a span {
		display:block;
	} 

#nav{
	height: 42px;
	margin: 0 auto;
	padding: 0;
}

/* MENU*/
#menu {
	margin: 0px auto;
	height: 30px;
	padding: 0;
	font-size: 11px;
	float: left;
	text-align: left;
	text-transform: uppercase;
}
#menu ul{
	margin: 0 0 0 25px;
	padding: 9px 0;
	list-style: none;
}
#menu li{
	padding: 0px;
	display: inline;
}
#menu a {padding: 7px 15px 7px 0px;}


/* for search field with icon */
#topsearch {
	float: right;
	margin: 0;
	padding: 4px;
	width: 280px;
}
#topsearch .sbox {
	line-height:16px;
	float:right;
	width:180px;
}
#topsearch .switcher {
	background:url(../imgs/icons.gif) 0 0 no-repeat;
	display:block;
	float:right;
	height:16px;
	line-height:16px;
	margin-top:3px;
	padding: 0 2px;
	text-indent:-999em;
	width:18px;
}

.searchBox{
  background-image:url('../imgs/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
}

/* ===== MAIN ===== */
#main h3 a:link, #main h3 a:visited{
	color: #4c4c4c;
	font-weight: bold;
}
#main h3 a:hover{color:rgb(41,112,166);}
#main h4 { margin: 1em 0 0 0}
#main {
  /* background: */ /* background colour for entries */
  
}
#main p { 
  line-height: 1.5em; margin-top: 1.2em;

 }
#main img { margin: .5em }

/* === List === */
#main ul {
	list-style-type: square;
	padding: 0 0 0 1.6em
}

#main ol {
	list-style-position: inside;
	padding: 0 1.6em 0 1.6em
}

#main ul li {
	display:list-item;
}
/* ===== COLUMN ===== */
#column {
	font-size: 80%;
	line-height: 125%;
}

#column h3 {
	/* Titles of the sections */
	margin-bottom: .5em;
	font-size:0.95em;
}

#column h4 {
	/* Titles of the sections */
	margin-bottom: .5em;
	background:none;
	size:0.75em;
}

#column p, #column div { 
	padding: 5px 15px 0px;
}
#column a:link, #column a:visited { color: gray; }

/* === List === */
#column ul li table { font-size: 100% }

#column li {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin-top: 5px;
	padding-left: 12px;
	background:none;
}

#column ul {
}

#column {
			text-align:left;
	}

#column ul {
	list-style: none; 
	margin: 0;
	padding: 0;
	background:none;
	}

	#column ul li {

		list-style-type: none;
		list-style-position: inside;
		list-style-image: url(../imgs/icons/bullet1.gif);  /* this is the one which changes the bullet */
		margin:0;
		padding:0;
		background:none;
	}

	#column li {

		border-bottom: dashed 1px #323232;
	}
    	
#column ul li a {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin-top: 15px;
	padding-left: 12px;
	background:none;
}	
	
#column ul li a:link, #column li a:visited {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin-top: 15px;
	padding-left: 5px;
  background:none;
}
	
#column ul li a:hover {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin-top: 15px;
	padding-left: 5px;
	background:none;
}

#column ul li a.active,
#column ul li a.active:hover {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin-top: 15px;
	padding-left: 5px;
	background:none;
}
#column ul li a.active {
text-shadow: 2px 4px 3px #000;
background:none;
}

#column	a {
		color:rgb(218,165,32);
		text-decoration:none;
		background:none;
	}
#column	a:hover {
		color:#fff;
		color:#00FFF7;
		text-decoration:underline;
			text-shadow: 2px 4px 3px #000;
	}
#column a:link {
	text-align:left;
	color:rgb(51,102,255);
   background:none;
}
#column a:visited {
	text-align:left;
	color:rgb(51,102,255);
	background:none;
}

#column fieldset { margin: 0 5px 0 5px }

#column legend { font-size: 100% }


/* ENTRY CLASS */
.entry {
border-bottom: 1px dashed;
}
.entry-info-head
{
	margin: 2px;
	display: block;
}
.date, .link-comments
{
	display: block;
	color: rgb(255,102,0);
	font-weight: bold;
	font-size: 14px;
	height: 16px;
	line-height: 16px;


}
.date,.link-comments {
	float: right;
}
.link-comments {
	background:url('../imgs/icons.gif') no-repeat 0 -96px;
	float: right;
}
.entry-info-footer{
	clear: both;
	display: inline;
	font-size: 11px;
}

.admincontrols { /* [edit] and [delete] controls*/
	font-size: 80%;
	text-align: right;
}
	
.buttonbar { text-align: center }
	
.buttonbar input {
	margin: .1em .5em;
	padding: 0 1em;
	text-align: center;
}
	
.navigation { /* next entries & previous entries link */
	font-size: 80%;
	margin-bottom: 5em
}

/* === Comments === */
#commentform fieldset p { margin: 0 0 .5em 0 }
#comments li {
	background: #efefef;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1em 0;
	padding: 5px;

}
.datecomments{
	font-style: oblique;
	font-size: 11px;
}

/* GLOBALS */

.alignleft { float: left }
.alignright { float: right }

/* ===== NOTIFICATION ===== */
#main ul.msgs, ul.msgs {
	margin-top: 1em;
	margin-left: 0em;
	padding: 1em 2em
}

#main h4 a:link {
	text-align:left;
	color:rgb(0,255,102);
	text-shadow: 1px 2px 4px #000;
}
#main h4 a:hover {
	text-align:left;
	color:rgb(0,255,102);
	text-decoration: underline;
}
#main h4 a:visited {
	text-align:left;
	color:rgb(0,255,102);
}
.errors {
	background: #ffdddd;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #ffbbbb;
	color: #901d1d;
}

.errors a {
	color: #901d1d;
	font-weight: normal;
	text-decoration: underline;
}

.notifications,.enabled {
	background: #ddffdd;
	border-top: 1px solid #bbffbb;
	border-bottom: 1px solid #bbffbb;
	color : #1d901d;	
}

.warnings {
	background: #fffdd5;
	border-top: 1px solid;
    border-bottom: 1px solid;
	border-color: #f8e674;
	color : #8a7802;
}

.field-error {
	background: #fdd;
	border: red 1px solid;
}
#comments li.comment-admin {
	padding:1em
}

#comments li.comment-admin strong.comment-name { font-size:140% }

#widget-searchbox form {text-align: left;}

	/* General styles */

	/* column container */
	.wrap,   /* FP container name*/
  .colmask   /* Non-FP container name*/
   {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.body-container {
		float:left;
		width:100%;
		position:relative;
	}
	.main,
	.column,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}

	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#00001B;	/* right column background colour */

	}
	.rightmenu .body-container {
		right:25%;			/* right column width */
		background:#001B3E;		/* left column background colour */
		border-right: 2px solid #000000;

	}
	.rightmenu .main {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */

	}
	.rightmenu .column {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */

	}
	/* Footer styles */
	#footer {
		clear:both;
    height:50px;	/* Height of the footer - REQUIRED to push footer to bottom on short pages */
    width:100%;
		background:#606080 url(../imgs/gradient_blue.jpg) -20px repeat;
		border-top:2px solid rgb(51,51,51);
	}
	#footer p {

		padding:2px;  */
    background: url(../imgs/fplogo.gif) right norepeat;  */ 
		margin-right:5px;
		margin-bottom:5px;
	}
	
	/* Non-FP CSS required by bespoke php pages */
	
		/* Table styles - note will not look so pretty in IE6 but no-one should "really" be using that anymore */
	
/* 
	Web20 Table Style
	written by Netway Media, http://www.netway-media.com
*/
table {
  border-collapse: collapse;
  border-bottom: 1px solid #1E1E1E;
  border-right: 1px solid #000;
  border-left: 1px solid #1D1D1D;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #C9C99F;
  background: #090909;
  background:#00001B url(../imgs/bg_diag_blue.png) repeat;
  text-align:left;
  }
caption {
  text-align: left;
  font: bold 12px arial, helvetica, sans-serif;
  height: 16px;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  padding: 8px 0 0 10px;
  /* text-transform: uppercase; */
}
thead {
background:url(../imgs/bg1rev_blue.png) repeat-x;
text-align:left;
text-shadow: 2px 4px 3px #000;
height:30px;
}
tfoot {
background:url(../imgs/bg2rev_blue.png) repeat-x;
text-align:left;
height:30px;
}
thead th, tfoot th {
padding:5px;
font-size: 1.1em;
color:rgb(218,165,32);
}
table a {
color: #333333;
color:#00FFF7;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
td	a:hover {
		color:#CC9966;
		background: none;
		text-decoration:underline;
	}
tbody th, tbody td {
padding:5px;
border: 0px solid #222222;
}
tbody td {
border-top: 1px solid #1E1E1E;
}
.submitrow {
color:rgb(255,204,255);
text-shadow: 2px 4px 3px #000;
}
.editcol, .editrow, .editheader {
color:rgb(0,255,0);
text-shadow: 2px 4px 3px #000;
}
.editrow {
text-align:center;
}
.editcol {
width:20;
text-align:center;
}
.deletecol a {
color:rgb(204,0,0);
text-align:center;
width:30;
}
.deleterow, .deleterow a, .deletecol, .deletecol a {
color:rgb(204,0,0);
text-align:center;
width:30;
}
.warningrow {
color:rgb(204,0,0);
text-align:center;
font-weight:strong;
text-shadow: 2px 4px 3px #000;
}
.required {
color:yellow;
font-weight:bold;
text-shadow: 2px 4px 3px #000;
}
#edit_table {
background:rgb(0,0,51);
width:85%;
}
#edit_table td {
border: none;
}
	/* Vertical CV Builder Menu Tabs */
	
	/*- Menu 10--------------------------- */
	
#vertmenu1 {
	width: 200px;
	margin: 10px;
			margin:10px 0 0 0;
		padding:0;
	}

#vertmenu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	#vertmenu1 ul li {

		list-style:none;
		margin:0;
		padding:0;
	}
  	
#vertmenu1 li a {
	/* height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;   */
	
		display:block;
		/* float:left; */
		margin:0 0 0 1px;
		padding:3px 5px;
		text-align:left;
		/* background:#424242; */
		/* background:url(../images/bg4rev.png) repeat-x; */
		color:#ffffff;
		text-decoration:none;
		/* position:relative; */
		left:15px;
		line-height:1.3em;
	}	
	
#vertmenu1 li a:link, #vertmenu1 li a:visited {
	color: #4D4D4D;
	display: block;
	/* background:  url(../images/vertmenu1.gif); */
	/* background:url(../images/bg4rev.png) repeat-x; */
	/* padding: 8px 0 0 10px;  */
			margin:0 0 0 1px;
		padding:3px 5px;
	}
	
#vertmenu1 li a:hover {
	color: rgb(218,165,32);
	text-shadow: 2px 4px 3px #000;
	/* background:  url(../images/vertmenu1.gif) 0 -32px; */
  /* background:url(../images/bg4rev.png) repeat-x; */    
  background: url(../images/bg_diag_dark.png) repeat;
	/* padding: 8px 0 0 10px; */
			margin:0 0 0 1px;
		padding:3px 5px;
  }

#vertmenu1 li a.active,
#vertmenu1 li a.active:hover {
	color: rgb(218,165,32);
	/* background:  url(../images/vertmenu1.gif) 0 -32px;    */
  background: #606080;
  
	/* padding: 8px 0 0 10px; */
			margin:0 0 0 1px;
		padding:3px 5px;
  font-weight:bold;
  text-align:right;
	}
#vertmenu1 li a.active {
background: #606080 url(../imgs/gradient_blue.jpg) -20px repeat;
text-shadow: 2px 4px 3px #000;
}	
/* autosuggest styles */

.suggestion_list
 {
 background: white;
 border: 1px solid;
 padding: 4px;
 }

 .suggestion_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

 .suggestion_list a
 {
 text-decoration: none;
 color: navy;
 }

 .suggestion_list .selected
 {
 background: navy;
 color: white;
 }

 .suggestion_list .selected a
 {
 color: white;
 }

 #autosuggest
 {
 display: none;
 }
 
 /* Non-FP box & panel settings */
 
 		#wrapper {
			clear:left;
			float:left;
			width:100%;
			background:#001B3E; /* MyCE panel background colour */
			padding-bottom:20px;
		}
		#wrapper h3 {
		color: rgb(218,165,32);
		text-transform: uppercase;
		}
		#box1wrap {
			float:left;
			width:460px;
			margin-top:20px;
		}
		#box1 {
			float:right;
			width:440px;
			/* height:420px; */
			background:#222222;
			
		}
		#box1pad {
			position:relative;
			right:5px;
			float:right;
			width:430px;
			overflow:hidden;
		}
		#box2wrap {
			float:left;
			width:200px;
			/* height:820px; */
			margin-top:20px;
		}
		#box2 {
			float:right;
			width:180px;
			/* height:420px; */
		}
		#box2pad {
			position:relative;
			right:5px;
			float:right;
			width:170px;
			overflow:hidden;
		}
		#userpanelwrap {
			float:left;
			width:400px;
			/* height:820px; */
			margin-top:20px;
		}
		#userpanel {
			float:right;
			width:380px;
			/* height:420px; */
			}
		#box2, #userpanel, #boxjoblist {
    	background:#424242;
			padding-bottom:5px;
			border-left:1px solid #111111;
			border-top:1px solid #111111;
      border-bottom:1px solid #111111;
      border-right:1px solid #111111;
		}
		#userpanelpad {
			position:relative;
			right:5px;
			float:right;
			width:370px;
			overflow:hidden;
		}
		#cvpanelwrap {
			float:left;
			width:700px;
			/* height:820px; */
			margin-top:20px;
		}
		#cvpanel {
			float:right;
			width:680px;
			/* height:420px;
			background:#E7F1F8;
			border-right: solid 1px #BBD8EC;
			border-bottom: solid 1px #BBD8EC;  */
			padding-bottom:5px;
			border-left: 2px;
		}
		#cvpanelpad {
			position:relative;
			right:3px;
			float:right;
			width:670px;
			overflow:hidden;
		}
		.box3wrap {
			float:left;
			width:240px;
			margin-top:20px;
		}
		.box3 {
			float:right;
			width:220px;
			/* height:180px; */
			background:#222222;
			
			opacity: 1;
			/* color:#222222; */
			padding-bottom:5px;
			border-left: solid 1px #111111;
			border-right: solid 2px #111111;
			border-top: solid 1px #111111;
			border-bottom: solid 2px #111111;
		}
		.box3pad {
			position:relative;
			right:5px;
			float:right;
			width:210px;
			overflow:hidden;
		}
		#boxjoblistwrap {
			float:left;
			width:800px;
			margin-top:20px;
		}
		#boxjoblist {
			float:right;
			width:780px;
			/* height:420px; */
			
		}
		#boxjoblistpad {
			position:relative;
			right:5px;
			float:right;
			width:770px;
			overflow:hidden;
		}
		
		#vertmenu1boxwrap {
			float:left;
			width:230px;
			margin-top:20px;
		}
		#vertmenu1box {
			float:right;
			width:210px;
			background:#00001B;    /* MyCE Panel menu background*/
			border-bottom:10px solid #00001B;
			
		}
		#vertmenu1boxpad {
			position:relative;
			right:5px;
			float:right;
			width:200px;
			overflow:hidden;
		}
		
		/* Show/Hide div class style */
		
			.answer{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:3px;
		width:500px;
		background-color:#E2EBED;
		
		/* This one should not be changed */
		display:none;	
	}
	
.question{
		font-weight:bold;
		cursor:pointer;
		color: #369;
	}
	
.footnotes h4 {
    color:rgb(255,204,153);
    border-top: solid 1px;
}
	
.footnotes li {
    color:rgb(138,138,138);
}