* {
margin : 0;
padding : 0;
}
body {
font-family : Arial;
font-size : 12px;
text-align : center;
margin-left : auto;
margin-right : auto;
color : #565656;
text-align : center;
background-color : #dde0e1;
}
a, a:visited {
color : #00a6eb;
text-decoration : underline;
}
a:hover {
color : #3e60ab;
text-decoration : underline;
}
#page, #preHeader, #postFooter, #header, .headerMessages, #userNav, #hrNav, #banner, #content, #footer {
width : 900px;
margin-left : auto;
margin-right : auto;
text-align : left;
clear : both;
overflow : auto;
}
#page {
margin-top : 3px;
border-top : 1px solid #c4c7c7;
border-bottom : 1px solid #c4c7c7;
margin-bottom : 8px;
width : 955px;
background : url('../images/bg.gif') repeat-y left top;
}
#popup {
z-index : 1000;
position : absolute;
overflow : auto;
border : 2px solid #0aa2e1;
background-color : #fff;
}
#popup .popupClose {
background-color : #0aa2e1;
text-align : right;
padding : 3px;
}
#popup .popupClose a, #popup .popupClose a:visited {
color : #fff;
font-size : 0.9em;
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
}
#popup .popupClose a:hover {
text-decoration : underline;
}
#popup #popupContent {
padding : 10px;
text-align : left;
}
#preHeader {
width : 916px;
text-align : right;
}
#preHeader .companyReset {
padding : 3px;
text-align : right;
font-size : 0.95em;
}
#preHeader .companyReset a, #preHeader .companyReset a:visited {
color : #777;
text-decoration : none;
}
#preHeader .companyReset a:hover {
color : #777;
text-decoration : underline;
}
#preHeader .companyReset strong {
font-weight : normal;
text-decoration : underline;
}
#submitLoading, #loading {
text-transform : uppercase;
font-size : 0.85em;
}
.clearfix {
display : block;
clear : both;
}
.blockContent .separator {
clear : both;
display : block;
padding-bottom : 6px;
border-top : 1px dashed #adbdcd;
margin-top : 12px;
}
#header {
margin-top : 4px;
overflow : auto;
position : relative;
}
#header a, #header a:visited, #header a:hover {
color : #fff;
text-decoration : none;
}
#header #menuItems {
float : left;
overflow : auto;
width : 720px;
background : url('../images/bg_nav_top_right.gif') no-repeat right bottom;
}
#header #menuItems ul {
list-style-type : none;
width : 100%;
background : url('../images/bg_nav_top_left.gif') no-repeat left top;
overflow : auto;
}
#header #menuItems li {
float : left;
}
#header #menuItems li.first {
margin-left : 14px;
}
#header #menuItems li a span {
display : block;
padding : 8px 14px 8px 14px;
background-color : #0aa2e1;
}
#header #menuItems li.active a, #header #menuItems li a:hover {
display : block;
background-color : #2365aa;
overflow : auto;
}
#header #menuItems li.active a span, #header #menuItems li a:hover span {
background-color : #2365aa;
}
#header #loginLink {
float : right;
overflow : hidden;
width : 150px;
}
#header #loginLink ul {
list-style-type : none;
width : 100%;
}
#header #loginLink li {
text-align : center;
}
#header #loginLink li a span {
display : block;
padding : 9px 16px 9px 16px;
background : url('../images/bg_nav_login_off.gif') no-repeat left top;
}
#userNav {
margin-top : 4px;
color : #fff;
background : url('../images/bg_accountMenu.gif') no-repeat left bottom;
height : 24px;
}
#userNav h2 {
float : left;
color : #fff;
margin : 4px 4px 4px 8px;
text-transform : uppercase;
}
#userNav ul {
margin-top : 4px;
}
#userNav ul li {
display : inline;
padding : 2px;
}
#userNav a, #userNav a:visited {
color : #fff;
}
#userNav h2 a, #userNav h2 a:visited {
text-decoration : none;
}
#hrNav {
margin-top : 4px;
color : #fff;
background : url('../images/bg_hrMenu.gif') no-repeat left top;
height : 24px;
}
#hrNav h2 {
float : left;
color : #fff;
margin : 4px 4px 4px 8px;
text-transform : uppercase;
}
#hrNav ul {
margin-top : 4px;
}
#hrNav ul li {
display : inline;
padding : 4px;
}
#hrNav a, #hrNav a:visited {
color : #fff;
}
#hrNav h2 a, #hrNav h2 a:visited {
text-decoration : none;
}
#banner {
margin-top : 4px;
position : relative;
}
#banner div#bannerLeft {
overflow : auto;
float : left;
width : 240px;
}
#banner div.logo {
overflow : hidden;
text-align : center;
width : 100%;
height : 120px;
}
#banner div.infos {
overflow : hidden;
margin-top : 14px;
background : url('../images/bg_box_account.gif') no-repeat left top;
text-align : center;
height : 185px;
overflow : auto;
}
#banner div.infos div.connected {
background : url('../images/bg_box_account_connected.gif') no-repeat left top;
height : 185px;
overflow : auto;
}
#banner div.infos div.connected .text {
color : #000;
font-size : 0.9em;
margin : 94px 36px 0 35px;
}
#banner div.infos div.connected .text a, #banner div.infos div.connected .text a:visited {
font-weight : bold;
color : #0aa2e1;
text-decoration : none;
}
#banner div.infos div.connected .text a:hover {
font-weight : bold;
color : #0aa2e1;
text-decoration : underline;
}
#banner div.infos div.notConnected {
text-align : left;
background : url('../images/bg_box_account_notconnected.gif') no-repeat left top;
height : 185px;
overflow : auto;
}
#banner div.infos div.notConnected .title {
margin-left : 14px;
font-size : 1.8em;
color : #7db61a;
margin-top : 73px;
}
#banner div.infos div.notConnected .title a, #banner div.infos div.notConnected .title a:visited {
color : #7db61a;
text-decoration : none;
}
#banner div.infos div.notConnected .title a:hover {
color : #0aa2e1;
text-decoration : none;
}
#banner div.infos div.notConnected .text {
margin-left : 14px;
color : #000;
font-size : 0.9em;
background : url('../images/arrow/blue.gif') no-repeat left 4px;
padding-left : 6px;
}
#banner div.infos div.notConnected .text a, #banner div.infos div.notConnected .text a:visited {
color : #0aa2e1;
text-decoration : underline;
}
#banner div.infos ul.steps {
margin : 18px 4px 0 5px;
list-style-type : none;
text-align : left;
font-size : 0.9em;
color : #000;
}
#banner div.infos ul.steps li img {
padding : 0 0 0 0;
position : relative;
top : 7px;
}
#banner div.infos ul.steps li a, #banner div.infos ul.steps li a:visited {
text-decoration : none;
color : #000;
}
#banner div.infos ul.steps li a:hover {
color : #0aa2e1;
text-decoration : underline;
}
#banner div#bannerRight {
overflow : hidden;
float : right;
width : 650px;
height : 320px;
position : relative;
}
#content {
margin-top : 10px;
overflow : auto;
z-index : 10;
position : relative;
}
.headerMessages .infos, #content .infos {
margin : 5px 0 5px 0;
background-color : #fff;
border : 1px solid #0aa2e1;
}
.headerMessages .infos .content, #content .infos .content {
padding : 5px;
text-transform : uppercase;
font-size : 0.9em;
overflow : visible;
}
.headerMessages .warning, #content .warning {
margin : 5px 0 5px 0;
background-color : #fff;
border : 1px solid #dc166a;
}
.headerMessages .warning .content, #content .warning .content {
padding : 5px;
text-transform : uppercase;
font-size : 0.9em;
}
#content .column_1x1 {
background-color : #fff;
padding : 10px;
overflow : auto;
}
#content .column_1x2 {
display : block;
float : left;
width : 585px;
overflow : auto;
position : relative;
}
#content .column_2x2 {
display : block;
float : right;
width : 285px;
overflow : auto;
position : relative;
}
#content .column_1x3, #content .column_2x3, #content .column_3x3 {
display : block;
float : left;
width : 285px;
margin-right : 22px;
overflow : auto;
position : relative;
}
#content .column_3x3 {
display : block;
float : right;
margin-right : 0;
}
#content .column_1x2 .block_1x2 {
margin-top : 6px;
display : block;
float : left;
width : 250px;
}
#content .column_1x2 .block_2x2 {
margin-top : 6px;
display : block;
float : right;
width : 320px;
}
#content .blockContent {
background-color : #fff;
padding : 16px 10px 18px 10px;
clear : both;
display : block;
overflow : auto;
position : relative;
}
#content div.blockContent ul {
list-style : none;
color : #565656;
}
#content div.blockContent ul li {
margin-top : 6px;
background : url('../images/arrow/gray.gif') no-repeat left 5px;
padding-left : 7px;
}
#content div.blockContent ul li li {
margin-top : 3px;
}
#content div.blockContent ul.blue li {
color : #565656;
background : url('../images/arrow/blue.gif') no-repeat left 5px;
}
#content div.blockContent ul.arrowBlue li {
background : url('../images/arrow/blue.gif') no-repeat left 5px;
}
#content div.blockContent p {
clear : both;
display : block;
margin : 5px 0 12px 0;
overflow : visible;
}
#content div.blockContent .small {
font-size : 0.9em;
}
#content div.blockContent p.blue, #content div.blockContent h2.blue, #content div.blockContent span.blue, #content div.blockContent div.blue {
color : #0aa2e1;
}
#content div.blockContent p.black, #content div.blockContent span.black, #content div.blockContent div.black {
color : #000;
}
#content div.boxElements {
margin : 4px 0 18px 0;
}
#content div.boxElements .title {
color : #999999;
text-transform : uppercase;
padding-bottom : 6px;
}
#content div#faq ul li {
margin-top : 2px;
font-size : 0.95em;
}
#content div#faq .answer {
font-size : 1.1em;
padding : 6px;
background-color : #eeeeee;
border-bottom : 1px solid #b0b0b0;
margin : 6px 0 12px 0;
}
#content div#faq .gotoTop {
position : relative;
display : block;
clear : both;
margin-top : 5px;
font-size : 0.9em;
background : url('../images/arrow/blue_top.gif') no-repeat left 8px;
padding-left : 12px;
overflow : visible;
}
#content div#faq .gotoTop a, #content div#faq .gotoTop a:visited {
color : #0aa2e1;
}
.readMore {
position : relative;
display : block;
clear : both;
margin-top : 5px;
font-size : 1em;
background : url('../images/arrow/blue.gif') no-repeat left 5px;
padding-left : 7px;
overflow : visible;
}
.readMore a, .readMore a:visited {
color : #0aa2e1;
}
.readMore a:hover {
color : #3e60ab;
}
.previousLink {
position : relative;
display : block;
clear : both;
margin-top : 5px;
font-size : 1em;
background : url('../images/arrow/blue_left.gif') no-repeat left 5px;
padding-left : 7px;
}
.previousLink a, .previousLink a:visited {
color : #0aa2e1;
}
.nextLink {
position : relative;
display : block;
clear : both;
margin-top : 5px;
font-size : 1em;
background : url('../images/arrow/blue.gif') no-repeat right 5px;
padding-right : 7px;
}
.nextLink a, .nextLink a:visited {
color : #0aa2e1;
}
h1 {
z-index : 200;
display : block;
overflow : visible;
font-weight : normal;
font-size : 1.8em;
color : #7db61a;
margin-bottom : 14px;
}
#content .column_2x2 h1 {
font-size : 1.6em;
}
#popupContent h1 {
color : #0aa2e1;
font-size : 1.4em;
font-weight : bold;
}
h2 {
z-index : 2;
font-size : 1.1em;
margin-bottom : 16px;
display : block;
}

/* MANDATORY LABEL */
.mandatoryFields {
	font-size : 0.9em;
	text-transform : uppercase;
	color : #020202;
	display : block;
	clear : both;
	margin-bottom : 8px;
	overflow : auto;
}
.mandatoryFields span {	font-size : 1.7em;	color : #3e60ab; padding-right : 4px; }

/* FORM */
.formElement {	display : block; clear : both; margin-bottom : 8px; overflow : auto; }

.formElement span.fieldError {
	clear : both;
	display : block;
	margin-left : 220px;
	display : block;
	margin-top : 5px;
	background : url('../images/iconWarning.gif') no-repeat left 5px;
	padding : 4px 0 2px 19px;
	color : #f30000;
	font-weight : bold;
}

.formElement .field span.fieldError {
	display : block;
	position : relative;
	overflow : auto;
	margin-top : 6px;
	margin-left : 4px;
}

.buttons .label, .formElement .label {
	width : 220px;
	float : left;
	text-align : right;
	padding-right : 5px;
	padding-top : 3px;
	font-size : 0.9em;
	text-transform : uppercase;
	color : #020202;
}

.formElement .label span {
	font-size : 1.7em;
	color : #3e60ab;
	padding-right : 4px;
}
.formElement .field select {
	margin-top : 7px;
	border : 1px solid #333;
}

.formElement .field .text,
.formElement .field .textSmall,
.formElement .field .textDonationValue {
	overflow : auto;
	float : left;
	width : 200px;
}

.formElement .field .textSmall { width : 100px; }
.formElement .field .textDonationValue { width : 50px; }

.formElement .field .text input,
.formElement .field .textSmall input,
.formElement .field .textDonationValue input, {
	width : 195px;
	padding : 2px 1px 2px 1px;
	margin-top : 6px;
	background : #fff;
	border : 1px solid #0aa2e1;
	border-bottom : 1px solid #000;
	border-right : 1px solid #000;
	color : #7b7b7b;
	font-size : 12px;
}

.formElement .field .textSmall input { width : 95px; }
.formElement .field .textDonationValue input { width : 45px; }

.formElement .field .text input.fieldError,
.formElement .field textarea.fieldError {
	background-color : #f3fa83;
	color : #000;
}

.formElement .field textarea {
	font-size : 12px;
	font-family : Arial;
	color : #7b7b7b;
	border : 1px solid #3f3f3f;
	width : 300px;
	height : 140px;
}

.formElement .field .button {
	border : 0;
	background-color : #fff;
}


fieldset {
	clear : both;
	border : 0;
	margin-bottom : 16px;
	border-top : 1px solid #eee;
	padding-top : 12px;
}

fieldset legend {
	clear : both;
	color : #999999;
	font-size : 1.1em;
	text-transform : uppercase;
}

.buttons {
display : block;
clear : both;
overflow : auto;
padding : 4px 0 4px 216px;
}
.buttons .button {
margin-left : 6px;
float : left;
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
}
.buttons .button a, .buttons .button a:visited, .buttons .button a:hover {
text-decoration : none;
}
.buttons .button a span, .buttons .button a:visited span {
cursor : pointer;
color : #00a6eb;
float : left;
line-height : 26px;
background-color : #f5f5f5;
padding : 0 10px 0 10px;
border : 1px solid #dedede;
border-top : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
}
.buttons .button a:hover span {
background-color : #0aa2e1;
color : #f5f5f5;
border-color : #184d71;
}
.buttons .cancel a:hover span {
background-color : #fbe3e4;
color : #e32325;
border-color : #fbc2c4;
}
.buttons .loading a span, .buttons .loading a:visited span, .buttons .loading a:hover span {
font-size : 0.9em;
background-color : #fff;
color : #adadad;
border-color : #fff;
}
.buttons .button button {
background-color : #eff2f4;
cursor : pointer;
font-family : Arial;
font-size : 12px;
color : #00a6eb;
font-weight : bold;
height : 28px;
background-color : #f5f5f5;
padding : 0 8px 0 8px;
border : 1px solid #dedede;
border-top : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
}
.buttons .button button.hover {
background-color : #0aa2e1;
color : #f5f5f5;
border-color : #184d71;
}
#fieldInfosDialog {
position : absolute;
width : auto;
z-index : 600;
border : 1px solid #09a3e3;
}
#fieldInfosDialog div.content {
background-color : #fff;
overflow : auto;
}
#fieldInfosDialog div.content .message {
text-align : left;
color : #09a3e3;
padding : 6px;
font-size : 1.4em;
}
#typoOptions {
width : 120px;
float : right;
text-align : right;
height : 30px;
}

/* FOOTER */
#footerSeparator { height : 12px; overflow : visible; font-size : 1px; }
#footer { font-size : 0.95em; overflow : visible; background-color : #0aa2e1; text-align : center; color : #fff; margin-bottom : 12px; }
#footer a, #footer a:visited { color : #fff; text-decoration : none; line-height : 2.8em; }
#footer a:hover { color : #fff; text-decoration : underline; }

/* POST FOOTER */
#postFooter { height : 100%; width : 100%; padding : 3px 0 10px 0; color : #858787; }
#postFooter .content { margin-left : auto; margin-right : auto; width : 960px; }
#postFooter .content table tr td { width : 20%; }
#postFooter .content a, #postFooter .content a:visited { color : #626464; text-decoration : none; }
#postFooter .content a:hover { color : #565656; text-decoration : underline; }
#postFooter .content ul { list-style : none; font-size : 0.9em; font-weight : bold; }
#postFooter .content ul li { margin-top : 6px; background : url('../images/arrow/gray.gif') no-repeat left 5px; padding-left : 7px; }

/* PROJECTS */
.boxProject { clear : both; overflow : auto; }
.sponsoredBy { text-transform : uppercase; font-size : 0.9em; margin-right : 8px; color : #aaa; text-align : right; }
.companyLogo { text-align : left; }
.boxProject h2 { font-weight : normal; font-size : 1.8em; }
.projectLogo { width : 178px; height : 92px; margin-right : 10px; background-repeat : no-repeat; overflow : hidden; }
.projectInfos { width : 220px; font-size : 1.0em; margin-right : 5px; }
.projectInfos h2 { font-weight : bold; font-size : 0.95em; color : #000; margin-bottom : 6px; }
.projectInfos .intro { margin-top : 6px; font-size : 0.95em; color : #000; }
.projectInfos .readMore { font-size : 0.95em; }
.associationInfos { overflow : auto; text-align : center; }
.associationInfos .logo { margin : 0px; padding : 0px; border : 1px solid #0aa2e1; text-align : center; width : 130px;  }
.associationInfos .logoContainer { height : 65px;  background-repeat : no-repeat; background-position : center center; }
.column_2x2 .associationInfos .logo { margin-left : auto; margin-right : auto; }
.roundedButton { margin-top : 4px; text-align : center; text-transform : uppercase; width : 178px; overflow : hidden; }
.roundedButton span { display : block; padding : 4px 0px 4px 0px; background : url('../images/button_rounded.gif') no-repeat left top; }
.roundedButton a,
.roundedButton a:visited,
.roundedButton a:hover { color : #FFF; text-decoration : none; }
.roundedButton a:hover span { background : url('../images/button_rounded_over.gif') no-repeat left top; }
.boxAssociation { float : left; width : 135px; }
.associationInfos .roundedButton { width : 133px; }
.boxAssociation .associationInfos { overflow : auto; margin-left : auto; margin-right : auto; }
.boxAssociation .associationInfos .logo { margin : 0px; padding : 0px; border : 1px solid #0aa2e1; }
.boxAssociation .associationInfos .logoContainer { height : 65px; width : 130px; background-repeat : no-repeat; background-position : center center; }