/* Start of CMSMS style sheet 'ESOMAR Home' */
/* ----------------------------------------------
-------- HEADER ---------------------------------
---------------------------------------------- */

#header {
	background-color:#1469AA;
	/*background-image:url("layout/images/back-home-top.gif");*/
	background-repeat:repeat-x;
	color:#FFFFFF;
	height:120px;
	margin-bottom:6px;
}

#image {
	float:right;
	text-align:right;
	height:120px;
	width:175px;
}



#logo {
	margin-left:10px;
	padding-top:25px;
}

#submenu {
	margin-left:10px;
	padding-top:17px;
}

#submenu ul {
	margin:0px;
	padding:0px;
}

#submenu ul li {
	display:inline;
}

#submenu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
	border-right:1px solid #FFFFFF;
}

#submenu ul li a.last {
	border-right:0px solid #FFFFFF;
}

#submenu ul li a:hover {
	color:#b7dbf9;
}

/* ----------------------------------------------
-------- MENU -----------------------------------
---------------------------------------------- */

#menu {
	background-color:#1469AA;
	/*background-image:url("layout/images/back-nav.gif");*/
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:32px;
	margin-bottom:6px;
}

#menu ul {
	list-style:none;
	width:100%;
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	display:inline;
	float: left; 
	text-align:center;
}

#menu ul li.externlink {
	list-style:url("layout/images/ico_arrow.png");
}

#menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:3px;
	/*padding-left:16px;
	padding-right:16px;*/
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	border-right:1px dotted #FFFFFF;
}

#menu ul li a:hover {
	color:#b7dbf9;
}

#menu ul li a.active {
	color:#000000;
}

#menu ul li a.last {
	border-right:0px;
}

/* ----------------------------------------------
-------- SEARCH ---------------------------------
---------------------------------------------- */

#search {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#E8E8E8;
	height:30px;
	margin-bottom:6px;
}

#search #form {
	padding:5px;
	float:right;
}

#advanced {
	float:right;
	padding-top:10px;
	display:none;
}

#popular {
	border-top:0px dotted #A5A5A5;
	padding:5px;
	padding-top:5px;
	padding-bottom:2px;
}

#popular ul {
	margin:0px;
	padding:0px;
	padding-top:4px;
}

#popular ul li {
	display:inline;
	padding-right:10px;
}

/* ----------------------------------------------
-------- BOXES ----------------------------------
---------------------------------------------- */

#box {
	margin-bottom:6px;
	height:78px;
}
/* color:#FFFFFF; */
.box-newsletter h1,.box-professional h1,.box-member h1,.box-publications h1 {
	color:#666666;
	margin-bottom:6px;
}

.box-newsletter a,.box-professional a,.box-member a,.box-publications a {
	color:#666666;
	text-decoration:none;
}

.box-newsletter a:hover,.box-professional a:hover,.box-member a:hover,.box-publications a:hover {
	color:#666666;
}

/* background-color:#666666;
    color:#FFFFFF;
*/
.box-newsletter {
	background-color:#B7DBF9;  
	color:#666666;  
	width:212px;
	padding:4px;
	height:78px;
	margin-right:6px;
	float:left;
	display:block;
}

.box-professional {
	background-color:#B7DBF9; 
	color:#666666;  
	width:212px;
	padding:4px;
	height:78px;
	margin-right:6px;
	float:left;
	display:block;
}

.box-member {
	background-color:#B7DBF9; 
	color:#666666;  
	width:212px;
	padding:4px;
	height:78px;
	margin-right:6px;
	float:left;
	display:block;
}

.box-publications {
	background-color:#B7DBF9; 
	color:#666666;  
	width:212px;
	padding:4px;
	height:78px;
	float:left;
	display:block;
}

.box-research {
	background-color:#B7DBF9;  
	color:#666666;
	width:212px;
	padding:4px;
	height:72px;
	float:left;
}

.subscribe {
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #B7DBF9;
	width:210px;
	padding:4px;
	margin-bottom:6px;
	float:left;
}

/* ----------------------------------------------
-------- MAIN -----------------------------------
---------------------------------------------- */

#main {
	padding:0px;
	margin:0px;
	padding-bottom:6px;
	padding-top:6px !important;
	padding-top:0px;
	clear:both;
	background-color:#FFFFFF;
}

#left-column {
	background-color:#FFFFFF;
	width:226px;
	float:left;
}

#content-column {
	width:446px;
	float:left;
	background-color:#FFFFFF;
}

#right-column {
	background-color:#FFFFFF;
	width:226px;
	float:left;
}

.main-date {
	font-size:10px;
	color:#999999;
}

.main-title {
	text-transform:uppercase;
}

.main-resume {
	margin-bottom:10px;
}

/* ----------------------------------------------
-------- LEFT COLUMN ----------------------------
---------------------------------------------- */

#latest-news {
	margin-right:6px;
	background-color:#E8E8E8;
	padding:10px;
	margin-bottom:6px;
}

#latest-news h1 {
	font-size:16px;
	color:#999999;
	border-bottom:1px dotted #999999;
}

#rw {
	border:1px dotted #A5A5A5;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:6px;
	margin-right: 6px;
}

#rw h1 {
	font-size:16px;
	color:#999999;
	border-bottom:1px dotted #999999;
}


/* ----------------------------------------------
-------- CONTENT COLUMN -------------------------
---------------------------------------------- */

#events {
	border:1px dotted #A5A5A5;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:6px;
}

#events h1 {
	font-size:16px;
	color:#999999;
	border-bottom:1px dotted #999999;
}

#publication {
	border:1px dotted #A5A5A5;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:6px;
	margin-left: 6px;
}

#publication h1 {
	font-size:16px;
	color:#999999;
	border-bottom:1px dotted #999999;
}

/* ----------------------------------------------
-------- RIGHT COLUMN ---------------------------
---------------------------------------------- */

#career-network {
	margin-left:6px;
	margin-bottom:6px;
	border:1px dotted #A5A5A5;
	background-color:#FFFFFF;
	padding:10px;
}

#career-network h1 {
	font-size:16px;
	color:#999999;
	border-bottom:1px dotted #999999;
}

#esomar-members {
	margin-bottom:6px;
        padding-left: 8px;
        padding-top: 6px;
        padding-right: 4px;
        padding-bottom: 4px;
	background-color:#1469AA;
	/*background-image:url("layout/images/back-box-members.gif");*/
	background-repeat:repeat-x;
	color:#FFFFFF;
	width:208px;
	clear:both;
}

#esomar-members a {
	color:#FFFFFF;
}

#esomar-members a:hover {
	color:#b7dbf9;
}

#esomar-members h1 {
	font-size:16px;
	color:#FFFFFF;
	border-bottom:1px dotted #FFFFFF;
        margin-bottom: 0px;
}

#esomar-members p {
	margin-top:0px;
	margin-bottom:6px;
}


/* ------------------------------ */
/* -- GLIDER				----- */
/* -- Texte simple  			  */
/* ------------------------------ */

#glider {
	margin:0px;
	padding:0px;
	background:url(http://www.esomar.org/layout/images/grad_ticker.gif) repeat-x #1469AA; 
	color:#FFF;
}

#glider a {
	color:#b7dbf9;
}

#glider a:hover {
	color:#fff;
}

#glider table {
	margin:0px;
	padding:0px;
}

#glider .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 360px;
	overflow: hidden;
}

*:first-child+html #glider .scroller {
	width: 360px;
}

* html #glider .scroller {
	width: 360px;
}

#glider .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 360px;
	padding:2px;
	padding-left:0px;
	padding-right:0px;
	overflow: hidden;
	float: left;
	height:70px;
	font-size:11px;
}

*:first-child+html #glider .scroller .section {
	width: 360px;
}

* html #glider .scroller .section {
	width: 360px;
}

#glider .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

/*#glider #controls { 
	padding-right:30px;
	float:right;
	font-size:11px;
}*/

#glider #controls1 { 
	float:right;
	font-size:11px;
}

#glider #controls a { 
	color:#FFF !important;
}

#glider #controls a:hover { 
	color:#CCC;
}


/* End of 'ESOMAR Home' */

