/*
Stylesheets from the 2plan member website system for the domain http://ifa.2plan.com
*/

/*
Stylesheet name: Base Stylesheet
Images have been taken from stock.xchng (http://www.sxc.hu) unless where another source is noted. Our thanks go to all the photographers who have kindly shared their work.

Icons have been taken from the "Nuvola" set by Icon King available online at http://www.icon-king.com/ and from the "Silk" set by famfamfam.com available online at http://www.famfamfam.com/lab/icons/silk/
*/
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset 
{
	margin: 0;
    padding: 0;
    font: 93%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
    margin: 1em 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1.4em;
}
ul, ol, dl, address
{
line-height: 1.6em;
padding: 0;
margin: 1em 0 1em 2em;
}

table
{
	line-height: 1.4em;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote
{
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label
{
    cursor: pointer;
}
fieldset
{
    border: none;
}
input, select, textarea
{
    font: 100%/120% Arial, Helvetica, sans-serif;
}
a
{
color: #000;
}
.print
{
display: none;
}
.faint
{
font-size: 85%;
color: #AAA;
font-weight: normal;
}
.newslink, .guideslink
{
text-align: right;
}
.newslink a, .guideslink a
{
font-size: 85%;
color: #333;
}
.success
{
border: 1px solid #090;
background: #FFF;
padding: 0.3em;
}
.error
{
padding: 0 10px 30px 55px;
background: url(http://ifa.2plan.com/styles/images/error.png) no-repeat top left;
}
.newschannel, .newsarticle
{
padding: 0 0 0 18px;
background: url(http://ifa.2plan.com/styles/images/newspaper.png) no-repeat top left;
}
.guide
{
padding: 0 0 0 18px;
background: url(http://ifa.2plan.com/styles/images/page_white_text.png) no-repeat top left;
}
.guidecategory
{
padding: 0 0 0 18px;
background: url(http://ifa.2plan.com/styles/images/folder.png) no-repeat top left;
}
.calculator
{
padding: 0 0 0 18px;
background: url(http://ifa.2plan.com/styles/images/calculator.png) no-repeat top left;
}
.notice
{
padding: 0.4em;
margin: 1em;
border: 1px solid #CCC;
line-height: 1.4em;
color: #333;
}
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: #000;
    font-size: 13px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background: #FFFABF;
line-height: 1.4em;
border: 1px solid #333;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
.right
{
float: right;
margin: 0 0 1em 1em;
}
.left{
float: left;
margin: 0 1em 1em 0;
}

/*
Stylesheet name: 2plan
2plan website template
*/
/* ==========================================================
   General layout
   ======================================================= */
body
{
	background: #FFF url(http://ifa.2plan.com/styles/2plan/bodybg.png) repeat-x fixed top left;
	font: 80%/100% Helvetica, "Arial Narrow", Verdana, sans-serif;
}
#top
{
	width: 960px; /* 56em; */
	margin: 16px auto;
	background: #FFF;
}
#header
{
	padding: 1em 0 0 0;
	width: 400px;
}
#content
{
        overflow: auto;
	padding: 1em 155px 1em 20px;
	background: url(http://ifa.2plan.com/styles/2plan/contentbg.png) no-repeat bottom right;
}
p#skip
{
	margin: 0;
	background: #CECECE;
	text-align: right;
}
#skip a
{
	padding: 0.2em;
	font-size: 0.7em;
	color: #CECECE;
	border: 0;
	text-decoration: none;
}
#skip a:hover
{
	background: #0079C2;
	color: #FFF;
	border: 0;
}
.infobox
{
	width: 454px;
	float: left;
	clear: left;
}
.col1
{
	padding: 0 1em 0 0;
	float: left;
	width: 45%;
}
.col2
{
	padding: 0 1em;
	float: right;
	width: 45%;
}
.infobox .col1, .infobox .col2
{
	border: 1px solid #CCC;
	border-width: 0 1px 0 0;
}
.column
{
	float: right;
	width: 300px;
}
/* ==========================================================
   Menu
   ======================================================= */
#menu
{
	list-style: none;
	margin: 0;
	padding: 0 1em;
	background: #005890 url(http://ifa.2plan.com/styles/2plan/menubg.png) repeat-x top left;
	line-height: 2.6em;
	font-size: 1.1em;
}
#menu ul
{
	padding: 0.6em 0;
        margin: 0;
}
#menu li
{
	display: inline;
	margin: 0;
}
#menu li a
{
	color: #FFF;
	text-decoration: none;
	padding: 0.3em 0.6em;
}
#menu li a:hover
{
	background: #3292CF;
}
/* ==========================================================
   Text
   ======================================================= */
#header h3
{
	margin: 0.6em 2em 0.6em 20px;
	background: url(http://ifa.2plan.com/styles/2plan/logo.gif) no-repeat top left;
	text-indent: -3000em;
	overflow: hidden;
	height: 80px;
}
#header h4
{
	display: none;
}
#companylogo
{
	display: none;
}
#accesstoolbar
{
	float: right;
	padding: 12px 0;
}
#accesstoolbar a, #toplink a
{
	padding: 0.3em;
	color: #999;
	border: 1px solid #FFF;
	text-decoration: none;
}
#accesstoolbar a:hover, #toplink a:hover
{
	border-color: #999;
}
ul
{
        margin: 1em 0 2em 2em;
}
ul.inline
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
ul.inline li
{
	display: inline;
	margin: 0 12px 0 0;
}
ul.plain
{
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
ul.plain li
{
	margin: 0 0 0.6em 0;
	padding: 0;
}
#content h1
{
        color: #1189C8;
margin: 0.2em 0 0.6em 0;
font-weight: normal;
}
#content div.intro h1
{
        color: #7F7F7F;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	display: inline;
	padding: 0 0.2em 0 0;
}
#content div.intro p
{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	display: inline;
}
#content div.intro
{
	padding: 0 0 1em 0;
}
.cc
{
	color: #1189C8;
}
#content a
{
	color: #1189C8;
        text-decoration: none;
	border: 1px dotted #86CCEF;
	border-width: 0 0 1px 0;
}
#content a:hover
{
	color: #1189C8;
	border: 1px solid #1189C8;
	border-width: 0 0 1px 0;
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a
{
        border: 0;
}
#content ul, #content ol
{
	line-height: 1.4em;
}
#content ul li, #content ol li
{
	margin: 0 0 1em 0;
}
#content
{
	color: #6F6F6F;
	font-size: 1.1em;
	line-height: 1.4em;
}
#content p
{
	margin: 0 0 1em 0;
	line-height: 1.6em;
}
#content p, #content ul
{
	font-size: 1.1em;
	color: #7F7F7F;
}
#content ul ul
{
	font-size: 1em;
}
#content p.h
{
	font-size: 1.2em;
	line-height: 1.4em;
}
#content ul, #content ol, #content address
{
	margin-top: 1em;
	margin-bottom: 1em;
}
#content h2, #content h3, #content h4, #content h5, #content h6
{
        clear: both;
	padding: 0;
	margin: 0 0 0.3em 0;
	font-size: 1.4em;
}
#content h2
{
	font-weight: normal;
	color: #1189C8;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
}
#content h3
{
	font-size: 1.6em;
	clear: left;
	color: #666;
	font-weight: normal;
}
#content h4
{
	color: #1189C8;
}
#content h5
{
        margin: 0 0 2em 0;

	color: #AAA;
}
#content h6
{
	clear: both;
	color: #999;
	font-size: 1em;
	background: url(http://ifa.2plan.com/styles/2plan/bullet.png) no-repeat center left;
	padding: 0 0 0 20px;
}
.print
{
	text-indent: -3000em;
	overflow: hidden;
}
#toplink
{
	margin: 1em 20px 1em 20px;
}
/* ==========================================================
   Footer
   ======================================================= */
#footer
{
	margin: 1em 20px 1em 20px;
	clear: both;
	color: #333;
	font-size: 0.9em;
	overflow: hidden;
}
* html #footer
{
	height: 1%;
}
#footer a
{
	color: #666;
	text-decoration: none;
	border: 0;
}
#footer a:hover
{
	color: #1189C8;
	text-decoration: underline;
}
#footer p
{
	float: right;
	display: inline;
	margin: 1em 0 0 0;
}
#footer ul
{
	float: left;
	display: inline;
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}
#footer ul li
{
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0.6em 0 0;
	border: 1px solid #999;
	border-width: 0 1px 0 0;
}
#footer ul li.last
{
	border: none;
}
#footer h6
{
	clear: both;
	margin: 0;
	padding: 0.3em 0 0 0;
	font-weight: normal;
	font-size: 100%;
}
#legal
{
	padding: 2em 1.6em 2em 1.6em;
}
#legal h6
{
	margin: 0.4em 0;
	color: #888;
	font-weight: normal;
	font-size: 1em;
}
#legal h6 a
{
	color: #888;
}
	
/* ==========================================================
   Forms
   ======================================================= */
form
{
	clear: both;
	color: #333;
}
form fieldset
{
	border: 0;
}
form legend
{
	display: none;
}
form label
{
	display: block;
}
form input, form select, form textarea
{
	border: 1px solid #B2B2B2;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.9em;
	padding: 0.2em;
}
form input:focus, form input:hover, form select:focus, form select:hover, form textarea:focus, form textarea:hover
{
	border-color: #0079C2;
}
form input, form textarea
{
	width: 20em;
}
form select
{
	width: 20.5em;
}
form button
{
	background: #005890 url(http://ifa.2plan.com/styles/2plan/menubg.png) repeat-x top left;
	color: #FFF;
	border: 0;
	line-height: 2em;
	height: 2em;
}
/* ==========================================================
   Other styles
   ======================================================= */
div.r
{
	float: right;
	width: 45%;
}
div.l
{
	float: left;
	width: 45%;
}
img
{
	border: 0;
}
img.l
{
	float: left;
	margin: 0 2em 1em 0;
}
img.r
{
	float: right;
	margin: 0 0 1em 2em;
}
img.author
{
	float: left;
	margin: 0 0.6em 0 0;
}
#homeoptions a
{
	border: 0;
}
li.nostyle
{
	list-style: none;
}
.error
{
	background: #FFCFD1;
	color: #000 !important;
	padding: 0.6em;
}
.success
{
	background: #E4FFDF;
	color: #000 !important;
	padding: 0.6em;
}
.clear
{
	clear: both;
}
.faint
{
        color: #888;
	display: block;
	line-height: 1.2em;
}
.notice
{
        clear: both;
border: 0;
padding: 1em 0 0 0;
}
.datebox
{
	float: left;
	width: 3em;
	height: 3em;
	background: #FFF;
	border: 1px solid #CCC;
	text-align: center;
	margin: 0 0.5em 1em 0;
}
.datebox .mon
{
	float: left;
	width: 3em;
}
.datebox .day
{
	clear: left;
	font-size: 160%;
}
.clear
{
        padding-top: 1em;
        clear: both;
}
.pad
{
        padding: 1em 0;
}
#content .space
{
        margin-top: 2em;
}
blockquote
{
        margin: 2em 1em;
        padding: 0 0 0 60px;
        background: url(http://ifa.2plan.com/styles/2plan/quote.gif) no-repeat top left;
}