body {
  color: #353535;
  background-color: #fff;
}

.storage {
  background-color: #ececec;
  border-color: #e5e5e5;
}

a { color: #353535; }

a.helpvideo { background-image: url(img/film.gif); }

.no-login #header {
  background-image: url('./img/bg-header.jpg');
}

.no-login h1#logo { background-image: none; }

h1#logo {
  background-image: url(img/logo.gif);
}

#lang li a.fr { background-image: url(img/flag-fr.jpg); }
#lang li a.de { background-image: url(img/flag-de.jpg); }
#lang li a.en { background-image: url(img/flag-en.jpg); }

.menu-info li { border-color: #fdb913;}

#navigation {
  background-color: #fdb913;
  border-bottom: 1px solid #fff;
}

#login.no-login #navigation,
.no-login #navigation {
  background-color: transparent;
  border-bottom-width: 0px;
}

#navigation #identification-menu li a:hover,
#navigation #menu li a:hover { color: #fff; }

#login form p a,
#navigation #menu li.current a:hover,
#navigation #menu li.current a { color: #fdb913; }

#navigation form input{
  background-color: #fff;
  border: 1px solid #ced4d8;
}

#navigation form input.submit { background-color:#f5f5f5; }


#home #sections li#businesswomen .img{ background-color: #ec008c; }
#home #sections li#businessmen .img{ background-color: #72bf44; }

#helpvideos ul#list li .img,
#marketplace ul#list li .img,
#home #sections li#companies .img{ background-color: #fdb913; }
#home #sections li#articles .img, #home #sections li.teal .img{ background-color: #009183; }
#home #sections li#communities .img{ background-color: #f58735; }
#home #sections li#places .img, #home #sections li.red .img{ background-color: #d2232a; }
#home #sections li#brands .img, #home #sections li.black .img{ background-color: #000; }

#articleFrontpage h4,
#articleFrontpage h2,
#articleFrontpage h3,
#businesswomen h2,
#businesswomen h3,
#businesswomen h3 a,
#businesswomen h2 a{ color: #ec008c; }

#businesswomen #main-content h3 { color: black; }

li#businessmen h2,
li#businessmen h3,
li#businessmen h3 a,
li#businessmen h2 a{ color: #72bf44; }

#public-marketplace .contact a,
#public-marketplace h3,
#helpvideos ul#list h2 a,
#myprofile ul#list h2,
#notif h2,
li#companies h2,
li#companies h3,
li#companies h3 a,
li#companies h2 a{ color: #fdb913; }

li#articles h2,
li#articles h3,
li#articles h3 a,
li#articles h2 a{ color: #009183; }

li#communities h2,
li#communities h3,
li#communities h3 a,
li#communities h2 a{ color: #f58735; }

li#places h2,
li#places h3,
li#places h3 a,
li#places h2 a{ color: #d2232a; }

li#brands h2,
li#brands h3,
li#brands h3 a,
li#brands h2 a{ color: #000; }



#main-content h4 { color: #fdb913;}

#articleFrontpage h3 span.author,
h3 span.author,
h3 a span.author { color: black; }

#articleFrontpage a#closeFB,
a.more {
  border: 1px solid #ced4d8;
  background-color: #f5f5f5;
}

p.pdf a{color: #FDB913;}

p.pdf span.meta,
p.meta { color: #979797; }

cite.presented { border-top: 1px solid #ced4d8; }
cite.presented span { color: #979797; }

div#articleintro{ background-color:#FFFFFF; }



#left-corner {
  background-color: #FDB913;
  color: white;
}

#left-corner a{ color: white; }

#left-corner a.external-link {
  background-image: url(img/external-link.gif);
}

#content #main-content #left-corner h3 {
  color: #fff;
}

/*** Text HTML ****/
/* titles */
.text-html h1, .text-html h2, .text-html h3, .text-html h4 { color: #FDB913; }
.text-html h1, #myprofile div#main-content .text-html h1, #promote #help .text-html h2,
#promote div#main-content .text-html h1, #login div#main-content .text-html h2,
#mystory div#main-content .text-html h1{ background-color: transparent; }

.text-html h3{ color: black; }

/* paragraphs and other sub-contents */

/*** Terms Of Use ****/ 
#terms-of-use { background-color: #EEE; }
input.error { border: 1px solid red; }

#marketplace #right-column .mydashboard,
#myprofile #right-column .mydashboard,
#login #right-column .mydashboard,
#mystory #right-column .mydashboard{
  background-color:#FEE3A1;
  border:10px solid #FDB913;
  background-image: url(img/bg-mybank.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-top:0;
}

#myContents ul li.box ul.actions { background-color: #fff; }
.gray #myContents ul li.box ul.actions { background-color: #F2F2F2; } 

/*** Video ****/
.video {
  background: transparent url(img/icons/video.png) no-repeat 0 0;
  padding-left: 20px;
}

#login input.visualPass.current { background-color: #FDB913; }
#login input.visualPass.past { background-color: #ced4d8; }

#login a.keyboard {
  background-color: #f5f5f5;
}

div#frmDashboard .tab-links, 
form .tab-links { background-color: #fee3a1;}

#login #myContents,
#mystory #right-column .mydashboard #myContents { background-color: #fee3a1; }



#myprofile #right-column .mydashboard #myContents li.box,
#mystory #right-column .mydashboard #myContents li.box,
#mystory #right-column .mydashboard #myLinks li.box
 { background-color: #fffbf3; }

#right-column #ads,
#right-column .box { background-color: #e5e5e5; }

#content #right-column h2 { color: #000; }

#content #right-column div.yellow h2 { background-image: url(img/bg-mybank.jpg); }

div#mainContentContainer { background: url(img/bg_mydashboard.gif) repeat-y; background-position: right 42px; }
div#rightColBackgroundWrapper { background: url(img/bg_rightcol_dashboard.gif) no-repeat top left; }

#myContentsDocs li.box,
#myContentsMembers li.box,
#myContentsMarketPlace li.box,
#myContentsVideos li.box,
#myContentsPhotos li.box,
#myContentsLinks li.box,
#myContentsArticles li.box { background-color: #f2f2f2; }

#myContentsMembers li.box { background-image: url(img/li-member.gif); }
#myContentsVideos li.box { background-image: url(img/li-video.gif); }
/*#myContentsDocs li.box { background-image: url(img/li-doc.gif); }*/

#myContents li.myofst { background-image: url(img/myofst.gif); }

#myContents ul li.box h4 span.desc,
#myLinks ul li.box h4 span.desc,
#myContents ul li.box p,
#myLinks ul li.box p,
#myContentsLinks li.box p.desc a
 { color: #fe5d00; }
/*div.box.mycontents #navContents { background: #ffe4a1 url(img/bg_gray_contents_header.gif) repeat-x top left; }*/
div.box.mycontents.mydashboard #navContents { background: #ffe4a1 url(img/bg_yellow_contents_header.gif) repeat-x top left; }
div.box.mycontents #myContents,
div.box.mycontents #myLinks
 { background-color: white; }
div.box.mycontents.mydashboard #myContents { background-color: #ffe4a1; }

#myContents ul li.box ul.translations{
  border-color: #e5e5e5;
  background-image: url(img/bg-bank-flag.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

#myContents ul#myContentsArticles li.box ul.translations{
  background-image: url(img/bg-content-flag.gif);
}

#myContents ul#myContentsArticles li.box ul.translations.ff{
  background-image: url(img/bg-bank-flag.gif);
}

form #btnDelete,
#subscription a.button,
#btnBuy,
form #btnSave2,
form #btnSave {
	background: #f5f5f5;
	border: 1px solid #ced4d8;
}

#myprofile div#main-content form#delMyText,
#mystory div#main-content form#delMyText{ background-color: #e5e5e5; }

#page a.button,
#marketplace #subscription-detail #price,
#default a.button,
#myprofile a.button,
#promote a.button,
#login a.button,
#mystory a.button {
	background-color: #feeec7;
}

#marketplace #subscription-detail { border-color: #e5e5e5; }

#marketplace #subscription-detail #price{ border-color: #FED571; }

p.error-message,
div#errors{ background-color: #ffeeee; }

p.error-message{
  border: 1px solid red;
}

.validmessage{ color: #72bf44;}
.errormessage{ color: #ff0c0c;}

#video p { color: #fe5d00; }

#video p span.length { color: #8a8a8a; }

#footer { background-color:#fdb913; }

#footer .menu-info li { border-color: #fff;}

p#copyright { color: #fff;}

.error { color: red; }

p.message{
  border: 1px solid #72BF44;
  background-color: #eeffee;
}

#right-column #myContents ul li.box p.self_made {color: #d2232a;}
#right-column #myContents ul li.box p.ready_to_publish {color: #72bf44}
#right-column #myContents ul li.box p.documented {color: #004c92; }
#right-column #myContents ul li.box p.state_of_art { color: black; }


/*** community list ***/
.communities-list {
  border-color:#dddddd;
}

.communities-list th { background-color:#ffe8af; }

.communities-list tr.row_1 td { background-color:#eeeeff; }
.communities-list tr.row_0 td { background-color:#ffffff; }

/*** drop zone ***/
div.droppable{
  border-color: #e5e5e5;
}

div.droppable span{ color: #b8c0c6; }

div.droppablehover{
  border-color: #97c2a0;
}


.disclaimer{
  color: #999999;
}

#page .vcard .email a,
#login .vcard .email a{
  color:#000;
}

/***** admin bar ***/

#adminbar {
  background-color: #004c92;
  border-color: #e5e5e5;
  color: #fff;
  background-position: top left;
  background-repeat: repeat-x;
}

#adminbar a{
  color: #fff;
}

#adminbar a:hover{
  color: #004c92;
  background: #ffffff;
}

.richdate button,
button#trigger_enddate_right,
button#trigger_birthday,
button#trigger_company_creation{
  background-color: transparent;
  background-image: url(img/date.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

a.button.preview{
  background-color: #f5f5f5 ;
  border-color: #ced4d8;
}

/*** vcard format ***/
.vcard a{ color: #fff; }

.tosell h5 {  background-color: #f2f2f2 ; }


#login ul#other-menu li.box {
  background-color: #FDB913;
}

ul#other-menu li.box a{
  color: #333;
}

#right-column #inner-menu li.box {
  background-color: transparent;
  border-bottom: 1px solid #FDB913;
}

#login #right-column #inner-menu li.logo {
  padding-left: 20px;
  background-image: url('./img/mini-logo.gif');
  background-repeat: no-repeat;
  background-position: left center;
}


div#main-content .text-html h2.logo {
  background-image: url('./img/big-logo.gif');
  background-repeat: no-repeat;
  background-position: 0px 38px;
}

div#main-content .text-html a {
  color: #e6b800;
}

div#main-content .text-html h2#data.logo {
  background-image: url('./img/compliance/data.png'); 
}

div#main-content .compliance .logo {
  background-repeat: no-repeat; 
  background-position: -6px 29px;
}

div#main-content .compliance #data {
  background-image: url('img/compliance/data.png');
}

div#main-content .compliance #datacenter {
  background-image: url('img/compliance/datacenter.png');
  background-position: -4px 29px;    
}

div#main-content .compliance #magazine {
  background-image: url('img/compliance/magazine.png');
  background-position: -4px 29px;    
}

div#main-content .compliance #newsletter {
  background-image: url('img/compliance/newsletter.png');
  background-position: -15px 29px; 
}

div#main-content .compliance #control {
  background-image: url('img/compliance/control.png');
}

div#main-content .compliance #private {
  background-image: url('img/compliance/private.png');
  background-position: 0px 29px;
}

div#main-content .compliance #protection {
  background-image: url('img/compliance/protection.png');
  background-position: 6px 29px;
}


/* NEW STYLES FOR EACH COLOR */
/* YELLOW */
div.yellow{
  margin-top:20px;
  clear: both;
}
#sections li.yellow .img,
#sections li.yellow .img a
{ 
  background-color: #fdb913;  
  color:black;
}
#sections li.yellow h2,
#sections li.yellow a
{
  color: #fdb913;
}
.yellow a.button{
  border:1px solid #fdb913;
  background-color:#fdb913;
  height:24px;
  width:206px;
}
.yellow h2, .yellow h3{
  color: #fdb913;  
}
#section-menu li.yellow{
  background-image: url(img/li-menu-yellow.gif);
}
#section-menu li.yellow a{
  padding-right:4px;
}
#section-menu li.yellow a:hover, #section-menu li.yellow a.selected{
  background: url(img/li-menu-yellow-hover.gif) 50% 0 no-repeat;
}

/* PINK */
div.pink{
  margin-top:20px;
  clear: both;
}
#sections li.pink .img, #sections li.pink .img a
{ 
  background-color: #ec008c;  
  color:black;
}
#sections li.pink h2,
#sections li.pink a
{
  color: #ec008c;
}
.pink a.button{
  border:1px solid #ec008c;
  background-color:#ec008c;
  height:24px;
  width:206px;
}
.pink h2, .pink h3{
  color: #ec008c;  
}
#section-menu li.pink{
  background-image: url(img/li-menu-pink.gif);
}
#section-menu li.pink a{
  padding-right:4px;
}
#section-menu li.pink a:hover, #section-menu li.pink a.selected{
  background: url(img/li-menu-pink-hover.gif) 50% 0 no-repeat;
}

/* GREEN */
div.green{
  margin-top:20px;
  clear: both;
}
#sections li.green .img, #sections li.green .img a
{ 
  background-color: #72bf44; 
  color:black;
}
#sections li.green h2,
#sections li.green a
{
  color: #72bf44;
}
.green a.button{
  border:1px solid #72bf44;
  background-color:#72bf44;
  height:24px;
  width:206px;
  text-align:center;
}
.green h2, .green h3{
  color: #72bf44;  
}
#section-menu li.green{
  background-image: url(img/li-menu-green.gif);
}
#section-menu li.green a{
  padding-right:4px;
}
#section-menu li.green a:hover, #section-menu li.green a.selected{
  background: url(img/li-menu-green-hover.gif) 50% 0 no-repeat;
}

/* TEAL */
div.teal{
  margin-top:20px;
  clear: both;
}
#sections li.teal .img, #sections li.teal .img a
{ 
  background-color: #009183; 
  color:black;
}
#sections li.teal h2,
#sections li.teal a
{
  color: #009183;
}
.teal a.button{
  border:1px solid #009183;
  background-color:#009183;
  height:24px;
  width:206px;
  text-align:center;
}
.teal h2, .teal h3{
  color: #009183;  
}
#section-menu li.teal{
  background-image: url(img/li-menu-teal.gif);
}
#section-menu li.teal a{
  padding-right:4px;
}
#section-menu li.teal a:hover, #section-menu li.teal a.selected{
  background: url(img/li-menu-teal-hover.gif) 50% 0 no-repeat;
}

/* ORANGE */
div.orange{
  margin-top:20px;
  clear: both;
}
#sections li.orange .img, #sections li.orange .img a
{ 
  background-color: #F58735; 
  color:black;
}
#sections li.orange h2,
#sections li.orange a
{
  color: #F58735;
}
.orange a.button{
  border:1px solid #F58735;
  background-color:#F58735;
  height:24px;
  width:206px;
  text-align:center;
}
.orange h2, .orange h3{
  color: #F58735;  
}
#section-menu li.orange{
  background-image: url(img/li-menu-orange.gif);
}
#section-menu li.orange a{
  padding-right:4px;
}
#section-menu li.orange a:hover, #section-menu li.orange a.selected{
  background: url(img/li-menu-orange-hover.gif) 50% 0 no-repeat;
} 

/* RED */
div.red{
  margin-top:20px;
  clear: both;
}
#sections li.red .img, #sections li.red .img a
{ 
  background-color: #D2232A; 
  color:black;
}
#sections li.red h2,
#sections li.red a
{
  color: #D2232A;
}
.red a.button{
  border:1px solid #D2232A;
  background-color:#D2232A;
  height:24px;
  width:206px;
  text-align:center;
}
.red h2, .red h3{
  color: #D2232A;  
}
#section-menu li.red{
  background-image: url(img/li-menu-red.gif);
}
#section-menu li.red a{
  padding-right:4px;
}
#section-menu li.red a:hover, #section-menu li.red a.selected{
  background: url(img/li-menu-red-hover.gif) 50% 0 no-repeat;
} 

/* BLACK */
div.black{
  margin-top:20px;
  clear: both;
}
#sections li.black .img, #sections li.black .img a
{ 
  background-color: #000000; 
  color:black;
}
#sections li.black h2,
#sections li.black a
{
  color: #000000;
}
.black a.button{
  border:1px solid #000000;
  background-color:#000000;
  height:24px;
  width:206px;
  text-align:center;
}
.black h2, .black h3{
  color: #000000;  
}
#section-menu li.black{
  background-image: url(img/li-menu-black.gif);
}
#section-menu li.black a{
  padding-right:4px;
}
#section-menu li.black a:hover, #section-menu li.black a.selected{
  background: url(img/li-menu-black-hover.gif) 50% 0 no-repeat;
}


#home #right-column .dashboard{
  background-color:#f2f2f2;
  border:10px solid #E5E5E5;
  background-position: left top;
  background-repeat: no-repeat;
  padding:0;
  min-height:150px;
  margin-top:0;
}
#home #content #right-column .dashboard h2{
  background: #E5E5E5;
  margin-top:0px;
  padding-top:10px;
  padding-bottom:15px;
}

#right-column .dashboard .lastPhoto,
#right-column .dashboard .lastArticle,
#right-column .dashboard .current-status,
#right-column .dashboard .subscription-control
{
  border:2px solid white;
  float:left;
  position:relative;
}
#right-column .dashboard .current-status .article-authentification{
  right:0px;
  top:15px;
}
#right-column .dashboard .current-status{
  height:80px;
  background-color:white;
}
#right-column .dashboard .lastPhoto img.thumb{
  border:1px solid white;
  max-width:170px;
  max-height:40px;
  margin:5px;
  float:left;
}
#right-column .dashboard .lastPhoto h3,
#right-column .dashboard .lastArticle h3,
#right-column .dashboard .current-status h3
{
  color:black;
  font-size:14px;
  background: white;
  height:30px;
  line-height:30px;
  width:295px;
}
#right-column .dashboard .lastPhoto h4,
#right-column .dashboard .lastArticle h4
{
  font:bold 12px/14px Verdana,Arial,Helvetica,sans-serif;
  display:block;
  overflow:hidden;
  width:180px;
}
#right-column .dashboard .lastPhoto span.desc,
#right-column .dashboard .lastArticle p.desc
{
  font:bold 10px/12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  display:block;
  overflow:hidden;
  width:180px;
  color:#FE5D00;
}
#right-column .dashboard .lastPhoto ul li.box,
#right-column .dashboard .lastArticle ul li.box
{
  float:left;
  margin:0 0 3px;
  padding:5px 0 0px 4px;
  width:292px;
}
#right-column .dashboard .lastPhoto .goto,
#right-column .dashboard .lastArticle .goto,
#right-column .dashboard .subscription-control .goto
{
  bottom:0;
  position:relative;
}
#right-column .dashboard .lastArticle img{
  float:left;
  margin-left:5px;
  margin-right:8px;
  margin-top:2px;
}
#right-column .dashboard .subscription-control h3{
  color:red;
  font-weight:bold;
  font-size:16px;
  padding:5px 10px;
  background: white;
  width:275px;
}
#right-column .dashboard .subscription-control table{
  border:none;
  background-color:white;
  margin-bottom:0;
}
#right-column .dashboard .subscription-control td{
  border:none;
}
#right-column .dashboard .subscription-control td:first-child{
  padding-left:15px;
}