@charset "utf-8";
/* CSS Document */

/* basic tags */
.spacer {
	clear: both;
}

form .item.element {
	margin-bottom: 5px;
}

html {
	margin: 0;
	padding: 0;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	background-color: #666;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	color: #B30E1F;
}

h2 {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	color: #333333;
}

.zone.bloc h2.title {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #B30E1F;
    font-style: normal;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

img {
	border: none;
}

p img {
	float: left;
	margin-right: 55px;
	margin-bottom: 20px;
}

ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 40px;
}

/* /basic tags */

/* forms */

form {
	margin: 0;
	padding: 0;
}

input.text,
input.password,
form .item.element input {
	margin: 0;
	padding: 2px 6px;
	width: 253px;
	height: 18px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.page select {
	margin: 0;
	padding: 0;
	width: 267px;
	height: 22px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

textarea {
	margin: 0;
	padding: 2px 6px;
	width: 226px;
	height: 68px;
	border: 1px solid #999999;
	overflow: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

textarea#feedback {
	height: 200px;
}

label {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
}

.affiliation.report#view form .item.element {
    float: left;
    width: 30%;
    padding-right: 2%;
}

a.button,
a.button-wide,
.promo-right form input#submit,
.affiliation#view form input#submit {
	display: block;
	width: 194px;
	height: 51px;
	background-image: url(../images/layout/button1.png);
	line-height: 49px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	border: none;
	margin: auto;
	float: right;
}

.affiliation#view form input#submit {
    float: left;
}

a.button-wide {
	width: 254px;
	background-image: url(../images/layout/button1wide.png);
}

/* /forms */

/* links */

a {
	color: #B30E1F;
	text-decoration: underline;
}

a.prominent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #B30E1F;
	text-decoration: underline;
}

a.promo-quicktour {
	display: block;
	position: relative;
	top: -233px;
	left: -39px;
	width: 168px;
	height: 44px;
	margin-bottom: -44px;
	background-image: url(../images/layout/promo_quicktour.png);
	display: none; /* TODO */
}

/* /links */

/* common classes */

div.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.redquote {
	font-style: italic;
	color: #B30E1F;
}

.quote {
	font-style: italic;
	font-weight: bold;
}

/* /common classes */

/* form-promotable */

form.form-promotable,
.promo-right form {
	zoom: 1; /* fix */
}

/*form.form-promotable label*/
.promo-right form dt,
form .item.element .label {
    display: block;
	text-transform: uppercase;
}

form.form-promotable label.label-indent,
.promo-right form label.label-indent {
	float: none;
	margin-left: 145px;
	margin-bottom: 23px;
}

form.form-promotable label.label-ontop,
.promo-right form label.label-ontop {
	float: none;
	margin-bottom: 0px;
}

form.form-promotable input,
.promo-right form input {
/*	float: right;*/
/*	margin-bottom: 23px;*/
}

form.form-promotable input.text,
form.form-promotable input.password,
.promo-right form .item.element input {
	width: 226px;
}

form.form-promotable select,
.promo-right form select {
/*	float: right;*/
/*	margin-bottom: 23px;*/
	width: 229px;
}

form.form-promotable textarea,
.promo-right form textarea {
	clear: both;
/*	margin-bottom: 23px;*/
}

form.form-promotable a.button,
.promo-right form a.button {
	margin-left: 190px;
	margin-bottom: 30px;
}

form.form-promotable a.button-wide,
.promo-right form a.button-wide {
	margin-left: 130px;
	margin-bottom: 30px;
}

form.form-promotable div.group,
.promo-right form div.group {
	overflow: hidden;
	margin-bottom: 13px;
}

form.form-promotable div.group label,
form.form-promotable div.group label.label-indent,
form.form-promotable div.group input,
form.form-promotable div.group select,
.promo-right form div.group label,
.promo-right form div.group label.label-indent,
.promo-right form div.group input,
.promo-right form div.group select {
	margin-bottom: 10px;
}

/* /form-promotable */

/* header */
#header {
	border-bottom: 4px solid #B30E1F;
    background-color: #fff;
}

#header .wrap,
#footer .wrap {
    width: 924px;
    margin: 0 auto;
}

div.header-content-page {
	margin: 0 auto;
	width: 924px;
	/*height: 130px;*/
}

div.logo {
	float: left;
	padding-top: 29px;
	padding-left: 12px;
}

.header #contextual_message {
    float: left;
    padding: 5px;
    margin-top: 10px;
    margin-left: 10px;
    width: 300px;
    height: 80px;
    text-align: justify;
}

div.header-meta {
	padding-top: 38px;
	padding-right: 17px;
	padding-bottom: 0px;
	height: 20px;
	overflow: hidden;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #B30E1F;
	text-align: right;
}

div.header-meta a {
	background-image: url(../images/layout/header_meta_a.gif);
	background-position: 19px 3px;
	background-repeat: no-repeat;
	padding-left: 42px;
	text-decoration: none;
	color: #B30E1F;
}

div.header-meta a.first-child {
	background-image: none;
	padding-left: 0;
}

div.header-label {
	padding-top: 5px;
	padding-right: 17px;
	height: 55px;
	overflow: hidden;
	font-family: Cambria, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	text-align: right;
}

.header-tab {
	float: right;
	margin-right: 7px;
	height: 23px;
	padding-top: 10px;
	width: 166px;
	background-image: url(../images/layout/header_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
/*	line-height: 37px;*/
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

/* /header */

/* content */

div.content {
	background-color: #ccc;
}

div.page {
	margin: 0 auto;
	width: 924px;
	background: url(img/page_middle.gif) center top repeat-y;
}

div.page-wrap1 {
	background: url(img/page_top.gif) center top no-repeat;
    padding-top: 30px;
}

div.page-wrap2 {
	padding: 0 10px 30px;
	background: url(img/page_bottom.gif) center bottom no-repeat;
	/*min-height: 366px;*/
}

div.page-default {
	padding: 10px;
}

.promo-page.account .promo-left {
    width: 289px;
}

.promo-page.account .promo-right {
    width: 545px;
    background-image: url(../images/layout/promo_right_middle_wide.gif);
}
    
.promo-page.account .promo-right-wrap1 {
	background-image: url(../images/layout/page_top_wide.gif);
}

.promo-page.account .promo-right-wrap2 {
	background-image: url(../images/layout/promo_right_bottom_wide.gif);
    min-height: 480px;
}

.promo-page.account form {
    padding: 60px 30px 0 40px;
}

.promo-page.account form .item.element .label {
    float: left;
    width: 148px;
}

.promo-page.account form .item.element textarea {
    width: 366px;
}
/* /content */

/* footer */

#footer {
	border-top: 3px solid #333;
	height: 130px;
	background-color: #666;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #D3D3D3;
}

div.copyright {
	float: left;
	padding: 17px 20px;
}

div.footer-meta {
	float: right;
	padding: 17px;
}

div.footer-meta a {
	background-image: url(../images/layout/footer_meta_a.gif);
	background-position: 19px 3px;
	background-repeat: no-repeat;
	padding-left: 42px;
	text-decoration: none;
	color: #D3D3D3;
}

div.footer-meta a.first-child {
	background-image: none;
	padding-left: 0;
}

/* /footer */

/* promo-page */

div.promo-page {
	overflow: hidden; /* fix */
}

div.promo-page .footer {
    clear: both;
    margin-top: 20px;
    height: 120px;
    border-top: 1px solid #E4E4E4;
}

div.promo-page .footer h2{
	margin: 0 0 2px 0; font-size: 14px;font-style: normal; 
}

div.promo-page .footer td{
	padding: 0 20px 0 20px; border-right: 1px solid #ccc;width: 200px;vertical-align: top;
}

div.promo-page .footer .footer-wrap {
    width: 800px; margin: auto;
}

div.promo-page .footer .footer-wrap ul {
	padding: 0 0 0 14px; margin: 0;
}

div.promo-page .footer .footer-wrap ul li{
    text-decoration: none; font-weight: bold; font-size: 10px; text-transform: uppercase; line-height: 14px; margin: 0; padding: 0; 
}

div.promo-page .footer .footer-wrap ul li a {color: #7F7F7F; text-decoration: none;}

div.promo-left {
    float: left;
	padding: 233px 30px 0 40px;
	width: 506px;
	background: url(/images/layout/promo_top_left.jpg) no-repeat;

}

img.promo-left-image {
	display: block;
	margin-left: -40px;
	margin-bottom: 26px;
}

div.promo-left img,
div.promo-wide img,
div.promo-underform img {
	display: block;
	margin-bottom: 20px;
}

div.promo-right {
	float: right;
	width: 328px;
	background-image: url(../images/layout/promo_right_middle.gif);
	background-position: left;
	background-repeat: repeat-y;
    min-height: 350px;
}

div.promo-right-wrap1 {
	background-image: url(../images/layout/promo_right_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.promo-right-wrap2 {
	overflow: hidden;
	padding: 26px 49px 39px 39px;
	min-height: 465px;
	background-image: url(../images/layout/promo_right_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.promo-right-wrap2 .zone.bloc h2.title {
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
}

.zone.bloc .subtitle {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 25px;
}

.zone.bloc .content {
    background-color: transparent;
}

.promo-page.static#faqs {
    background: transparent url(/images/layout/promo_top_left.jpg) no-repeat scroll top left;
 }

.promo-page.static#faqs h1.title {
    float: left;
    margin-top: 233px;
    padding-left: 40px;
    width: 516px;
}

.promo-page.static#faqs .content {
    background-color: transparent;
}

.promo-page.static#faqs .promo-right {
    margin: 0 0 20px 20px;
}

.zone.question {
    padding: 0 40px;
}

.zone.question p {
    text-align: justify;
}

.zone.question#q10 {
    padding-left: 300px;
    background: url(/images/faqs.jpg) no-repeat;
}

div.promo-page.promo-page-long {
	/*min-height: 820px;*/
	padding-bottom: 30px;
}

div.promo-page.promo-page-long div.promo-right-wrap2 {
	background-image: url(../images/layout/promo_right_bottom_end.gif);
}

div.promo-underform {
	float: right;
	width: 490px;
	padding: 0 30px 0 15px;
}

div.promo-underform p img {
	margin-right: 30px;
}

div.promo-wide {
	clear: both;
	padding: 0 10px 0 40px;
}

/* /promo-page */

/* Fix for ext.js */
#view {
}

#view .x-panel {
	margin: 0 auto;
}

#view .x-panel {
	padding: 15px;
}

#view .x-panel .x-panel {
	padding: 0;
}

#view .x-panel-body {
	width: auto !important;
}

#view .x-panel-body,
#view .x-panel-body .x-tab-panel-body {
	background-color: transparent;
	height: auto !important;
}

#view .x-panel-bwrap {
	overflow: visible;
}

/* Design button ext.js */
/*
#view .x-panel-footer   .x-btn .x-btn-left,
#view .x-panel-footer   .x-btn .x-btn-right,
.x-window .x-panel-btns .x-btn .x-btn-left,
.x-window .x-panel-btns .x-btn .x-btn-right {
	display: none;
}

#view .x-panel-footer   .x-btn .x-btn-center,
.x-window .x-panel-btns .x-btn .x-btn-center {
	background-image: none;
}

#view .x-panel-footer   .x-btn em,
.x-window .x-panel-btns .x-btn em {
		display: block;
}

#view .x-panel-footer .x-panel-btns table {
	width: 146px !important;
}

#view .x-panel-footer   .x-btn button,
.x-window .x-panel-btns .x-btn button {
	width: 146px !important;
	height: 38px;
	background-image: url(../images/layout/button.small.gif);
	color: #FFFFFF;

	text-transform: uppercase;
	background-color: transparent !important;
}
*/

/* #menu */
#menu {
	float: right;
	padding-left: 9px;
	background-image: url(../images/layout/menu.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	display: none; 
}

#menu div {
	padding-right: 9px;
	background-image: url(../images/layout/menu.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

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

#menu li.item {
	float: left;
	height: 23px;
	padding: 10px 7px 0 7px;
	background-image: url(../images/layout/menu.item.gif);
	background-repeat: repeat-x;
	background-position: left 4px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#menu li.item.on {
	float: left;
	width: 152px;
	background-image: url(../images/layout/menu.item.on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
}

#menu li.item a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

form .item.element .state {
	float: right;
	margin-top: 4px;
	width: 16px;
	height: 16px;
	background: no-repeat top left;
}

form .item.element.valid .state {
	background-image: url(img/item.element.valid.gif);
}

form .item.element.invalid .state {
	background-image: url(img/item.element.invalid.gif);
}

form .item.element.invalid .errors {
	display: block;
	color: #ac0d1c;
}

form .item.element#as_billing_address .label {
    float: none;
}

form .item.element#as_billing_address input {
	float: left;
    width: auto;
    margin-right: 3px;
    margin-top: 4px;
    border: none;
    background-color: transparent;
}

.promo-page.static#terms_and_conditions {
	padding: 30px 50px;
	font-family: georgia; 
	font-size: 11px;
	line-height: 14px; 
	color: #777;
}

.promo-page.static#terms_and_conditions a {
	text-decoration: none;
	font-weight: bold;
	font-family: arial;
	font-size: 12px;
}

.promo-page.static#terms_and_conditions p {
     text-align: justify; 
     color: #000;
}

.promo-page.error {
	padding: 30px 50px 120px;
}

.zone.bloc table.item {
    border-collapse: collapse;
    border-bottom: 3px solid #b30e1f;
    margin-bottom: 20px;

    width: 100%;
}

.zone.bloc table.item th {
    border-bottom: 3px solid #b30e1f;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    padding: 4px;
}

.zone.bloc table.item th,
.zone.bloc table.item td {
    padding-left: 10px;
}

.zone.bloc table.item tr+tr {
    border-top: 1px solid #ccc;
    background-color: #e7e7e7;
    text-align: left;
    padding: 4px;
}

.zone.bloc table.item tr:hover td {
    color: #fff;
    background-color: #b30e1f;
}

.payform {
	padding-left:.1em;	
}

.payform select {
	float:left;
	width:79px;	
}

.payform input {
	width:190px;	
}

.pay_label {
float:left;
width:17.3em;
}