html {
	/*background: #abdefc url('/media/img/gradient.php?h=860;w=1;g0=f5fcfe;g1=abdefc') left top repeat-x;*/
	background: #abdefc url('/media/img/en/dn/front/dn.front.gradient.png') left top repeat-x;
}

body {
	font-size: 13px;
	margin-bottom: 16px;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a {
	color: #3d80bf;
}

/***********************************************************************************************************************
 * WRAP
 **********************************************************************************************************************/
#wrap {
	margin: 0 auto;
	position: relative;
	width: 842px;
}

#inner-wrap {
	background-color: white;

	padding: 41px 41px 24px 41px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	behavior: url(/media/css/PIE.php);
}

/***********************************************************************************************************************
 * HEADER
 **********************************************************************************************************************/

#logo {
	float: left;
	margin: 16px 0 0 51px;
	padding-bottom: 8px;
}

#login {
	float: right;
	margin-top: 8px;
	width: 314px;
}

#login input {
	margin-right: 4px;
    float: left;
	border: solid 1px #909090;
	background-color: white;
	color: #666;
    width: 100px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/***********************************************************************************************************************
 * NAVIGATION
 **********************************************************************************************************************/

.navigation div {
	background: #4bb0de;
	display: inline;							/* IE6 Double Margin Bug Fix */
	float: left;
}

.navigation div a {
	color: white;
	display: block;
	padding: 8px 14px 8px 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

.navigation div.selected {
	background: #ff940a;
}

.navigation div.first {
	margin: 0 0 0 51px;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;
	behavior: url(/media/css/PIE.php);
}

.navigation div.last {
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0 0;
	behavior: url(/media/css/PIE.php);
}

.navigation div.alone {
	margin: 0 0 0 16px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	behavior: url(/media/css/PIE.php);
	background-color: gray;
}

/***********************************************************************************************************************
 * LANGUAGE
 **********************************************************************************************************************/

#language {
	float: left;
	margin-left: 60px;							/* Space between #navigation & #language */
	margin-top: 11px;							/* Push em' down */
}

#language ul {
	display: inline;
}

#language ul li {
	float: left;
	margin-right: 4px;
}


/***********************************************************************************************************************
 * CONTENT
 **********************************************************************************************************************/

#content {
	margin-bottom: 16px;
}

#content h1, #content h2, #content h3 {
	font-family: 'Merge', Arial, Verdana, Helvetica, sans-serif;
	color: #ff940a;
}

#content h1, #content h2 {
	font-size: 48px;
}

#content h2 {
	margin-bottom: 16px;
}

#content h3 {
	font-size: 24px;
	margin-bottom: 16px;
}

#content h4 {
	font-weight: bold;
	margin-top: 8px;
}

#content h5 {
	font-weight: bold;
}

#content p {
	margin-bottom: 8px;
}

#content ul.bullet {
	margin-top: 4px;
	margin-left: 30px;
	color: #ff940a;
}

#content ul.bullet li {
	list-style-type: square;
	padding: 2px;
}

#content ul.bullet li span {
	color: black;
}

#content p.link {
	margin: 8px 0 0 0;
}

hr {
	display: none;
}

div.hr {
	border-top: 1px solid #ff940a;
}

#content dl dt {
	font-weight: bold;
}

#content dl dd {
	margin-bottom: 8px;
}

#content p.error {
	color: red;
}

/***********************************************************************************************************************
 * CONTENT: MAIN
 **********************************************************************************************************************/

#main {
	float: left;
	width: 422px;
}

/***********************************************************************************************************************
 * CONTENT: PANE
 **********************************************************************************************************************/

#pane {
	float: right;
	width: 328px;
}

#pane p, #pane ul {
	margin-top: 8px;
}

#pane img {
	vertical-align: bottom;						/* Image should be adjecent to the div */
}

#pane .box {
	width: 306px;								/* Avoid cutting box shadow */
}

/***********************************************************************************************************************
 * BOX
 **********************************************************************************************************************/
.box {
	background: #effaff;
	border: 1px solid #c9c9c9;
	margin-bottom: 8px;
	padding: 8px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 2px 2px 6px #c9c9c9;
	-webkit-box-shadow: 2px 2px 6px #c9c9c9;
	box-shadow: 2px 2px 6px #c9c9c9;
	
	behavior: url(/media/css/PIE.php);
}

/***********************************************************************************************************************
 * REFERENCES
 **********************************************************************************************************************/
#references {
	width: 720px;
	margin: 0 auto;
}

#references div.reference-image {
	float: left;
	padding: 10px 20px 10px 20px;
	width: 80px;
	height: 24px;
}

#references div.reference-div {
	float: left;
	width: 700px;
}

#references img.reference {
	float: left;
	/*vertical-align: middle;*/
	padding: 20px;
}

#references div.reference-text {
	margin-top: 25px;
	padding: 15px;
}


/***********************************************************************************************************************
 * FOOTER
 **********************************************************************************************************************/

#copyright {
	color: #808080;
	float: left;
	padding: 4px;
}

#footer ul {
	color: #808080;
	float: right;
	padding: 4px;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #808080;
}

#community_icon {
	margin: 3px;
	float: right;
}

/***********************************************************************************************************************
 * FORM, BASIC
 **********************************************************************************************************************/

form fieldset {
	margin-bottom: 10px;
}

form fieldset legend {
	font-weight: bold;
}

form fieldset label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	padding-left: 8px;
}

form fieldset div {
	padding-top: 8px;
	padding-bottom: 8px;
}


form fieldset ol {
	padding-left: 24px;
}

form fieldset ol li {
	padding-top: 2px;
}

form fieldset ul li {
	list-style: none;
	padding: 5px 10px 7px 0;
	margin: 0;
}

form fieldset ul li:first-child, form fieldset ol li:first-child {
	border-top: 0;
}

form fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form fieldset fieldset legend {
	padding: 0 0 5px 0;
	font-weight: normal;

	padding-left: 8px;
}

form fieldset fieldset label {
	display: block;
	width: auto;
}

form fieldset label {
  width: 160px;
}

form fieldset fieldset label {
  margin-left: 163px;
}

form fieldset input {
	height: 16px;
    padding: 3px;
}

form fieldset input {
	width: 163px;
}

form fieldset fieldset input {
	width: auto;
	border: 0;
}

form fieldset textarea {
	width: 169px;
}

form fieldset select {
	width: 171px;
}

form fieldset select.year {
	width: 100px;
}

form fieldset select.month, form fieldset select.day {
	width: 50px;
}

/***********************************************************************************************************************
 * FORM, THEME
 **********************************************************************************************************************/

form fieldset legend {
	color: black;
}

form fieldset em {
	margin-left: 4px;
	color: gray;
}

form fieldset .form_message {
	padding: 4px;
	color: gray;
}

form fieldset ul, form fieldset div, form fieldset ol {
	border-top: 1px solid #a6c2dc;
	border-bottom: 1px solid #a6c2dc;
	background: url('/media/img/gradient.php?h=200;w=1;g0=fafcfe;g1=badef7') left bottom repeat-x;
}

form fieldset ul li {
	border-bottom: 1px solid #a6c2dc;
	border-top: 1px solid #fafcfe;
}

form fieldset ul li:last-child {
	border-bottom: 0;
}

form fieldset ol li {
	list-style-type: circle;
}

form fieldset div {
	border-bottom: 1px solid #a6c2dc;
}

form fieldset input, form fieldset textarea {
    border: solid 1px #85b1de;
}

.form_message {
	padding: 4px;
	color: gray;
}

/***********************************************************************************************************************
 * WIZARD
 **********************************************************************************************************************/

.wizard ul.wiznav li {
	list-style-type: none;
	padding: 4px;
	width: 120px;
	float: left;
	color: #888;
	background: #d6effd url('/media/img/en/dn/front/dn.front.next.png') no-repeat 110px;
}

.wizard ul.wiznav li.active {
	color: black;
	background: #a7dffa url('/media/img/en/dn/front/dn.front.next.png') no-repeat 110px;
	border-right: 1px solid #a6c2dc;
}

.wizard fieldset {
	clear: both;
}

.wizard div.terms {
	height: 400px;
}

/***********************************************************************************************************************
 * BUTTONS
 **********************************************************************************************************************/

a.button {
    background: transparent url('/media/img/button_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    outline: none;
}

a.button span {
    background: transparent url('/media/img/button_left.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

/***********************************************************************************************************************
 * TERMS
 **********************************************************************************************************************/
div.terms {
	background: none;
	background-color: #f4f4f4;
	color: #555;

	border: 0;
	border: 0 solid #5fcbfd;
	border-top-width: 1px;
	border-bottom-width: 1px;

	padding: 8px;

	overflow: auto;
}

div.terms ul, div.terms ul li {
	border: 0;
	background: none;
}

div.terms ul li {
	list-style-type: circle;
	margin-left: 30px;
}

div.terms div.hr {
	border: 0;
	border-top: 1px solid #555;
	background: none;
}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Philatype
 * License URL: http://www.fontspring.com/fflicense/philatype
 *
 *
 */
@font-face {
	font-family: 'Merge';
	src: url('/media/fonts/merge-webfont.eot');
	src: local('☺'), url('/media/fonts/merge-webfont.woff') format('woff'), url('/media/fonts/merge-webfont.ttf') format('truetype'), url('/media/fonts/merge-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/***********************************************************************************************************************
 * NOTIFY
 **********************************************************************************************************************/
#errorbox {
	margin: 4px auto;
	position: relative;
	width: 300px;
}

div.notify_alert {
	padding: 5px 5px 25px 50px;
	background: url(/img/ico/notifyAlert.gif) #ffd top left no-repeat;
	border: 1px solid #BDBA43;
	color: #333;
}
div.notify_ok {
	padding: 5px 5px 25px 50px;
	background: url(/img/ico/notifyOk.gif) #efe top left no-repeat;
	border: 1px solid #080;
	color: #333;
}
div.notify_error {
	padding: 5px 5px 25px 50px;
	background: url(/img/ico/notifyError.gif) #fee top left no-repeat;
	border: 1px solid #f00;
	color: #333;
}
div.notify_info {
	padding: 5px 5px 25px 50px;
	background: url(/img/ico/notifyInfo.gif) #eee top left no-repeat;
	border: 1px solid #bbb;
	color: #333;
}
div.notify_action {
	padding: 5px 5px 25px 50px;
	background: url(/img/ico/notifyAction.gif) #C7E8FC top left no-repeat;
	border: 1px solid #A6BDDD;
	color: #333;
}