/* Alternative Channel Default Network styling
*/


body {
	background: #FF9900 url(images/bg_orange.gif);
	color: #666666;
}

.blogImage {
	text-align:center;
}
.blogImage img {
	float:none;
}

/* 
OK - b#1 Modifier #peopleaggregator_networks (barre top du header, partie en vert dans le design) pour faire en sorte que la largeur soit la même que le contenu
OK - b#1,2,3 police du header tous à 12 px + bold color : #ffffff
OK - b#1 "PeopleAggregator Networks" h1 = font-size:16px; :: il devra p-e falloir réduire la taille étant donné que la barre du top est plus petite pour notre design + centrer le nouveau module
*/
.module .month-calendar ul.calendar li.calendarcell {
  width: 24px;
}

.month-calendar ul.calendar li.dayheader {
background-color:#A49C80;
font-weight:bold;
height:16px;
text-align:center;
}

*html .module .month-calendar ul.calendar {
 width: 184px;
}

.module .month-calendar ul.calendar {
 width: 182px;
 height: 218px;
margin-left:4px;
}

.module .month-calendar ul.calendar li.header,
.module .month-calendar ul.list li.header {
  width: 180px !important;
  font-size: 9px;
}

.month-calendar ul.calendar {
 width: 338px;
 height: 360px;
 margin: 0;
 padding: 0;
 color:#A49C80;
 background-color: #A49C80;
}

.month-calendar ul.calendar li.today {
background-color:#A49C80;
}

.module_tabbed_image_list ul {
	padding: 0;
	margin: 0 0 10px 0;
	padding-right:2px;
	background: url(images/bg_tabbed_image_list.jpg);
	background-repeat: repeat-x;
	height: 17px;
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 10px;
	border-left: 1px solid #CCCCCC; }

.mkw_river_of_fans ul li {
border-bottom:1px dotted #C24300;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:2px 0px;
width:100%;
}

.blog, .events, .reviews, .peopleshowcase, .video, .audio, .image, .groupshowcase {
background-color:#FFFFFF;
background-position:right top;
background-repeat:no-repeat;
border:1px solid #A6A7B0;
margin:5px 0pt 0pt 9px;
padding:10px;
text-align:left;
width:520px;
}

.wide_content, .module_wide {
border-top:1px solid #666666;
margin:0px;
padding:0pt 0pt 10px;
}

.wide_content form fieldset {
margin-left:0px;
}

body .prev_next a:link, body .prev_next a:visited {
	background:#FFFFFF none repeat scroll 0% 50%;
	border:1px solid #c24300;
	padding:2px 6px;
	text-decoration:none;
}

body .prev_next a:hover {
	background:#c24300 none repeat scroll 0% 50%;
	border:1px solid #c24300;
	padding:2px 6px;
	text-decoration:none;
	color:#fff
}

body .prev_next .selected {
	background:#c24300 none repeat scroll 0% 50%;
	color:#FFFFFF;
	border:1px solid #fff;
}

.required {
text-align:center;
color:#c24300;
font-weight:bold;
font-size:16px;
}

#peopleaggregator_networks {
	position:absolute;
	z-index:1;
	background:none;
	border:0;
	font-size:12px;
	font-weight:normal;
}

#peopleaggregator_networks .peopleaggregator_networks_dimension {
	width:968px;
}

#peopleaggregator_networks a {
	font-size:13px;
}
#peopleaggregator_networks ul {
	font-size:11px;
	padding-right:15px;
	margin-top:4px;
}

#peopleaggregator_networks h1 {
	padding-left:10px;
	font-size:16px;
}

#container .blog, .events, .reviews, .peopleshowcase, .video, .audio, .image, .groupshowcase {
	width:auto;
	padding-right:5px;
	margin-left:0;
	/*overflow:hidden;*/
}


#container #bg_blog_post {
	background: #fff url(images/bg_blog_posts.png) no-repeat scroll 0%;
	_background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Themes/Beta/skins/defaults/images/bg_blog_posts.png');
}

#container #header {
	background-image: url(images/header.jpg);
	height:174px;
	font: bold 12px #ffffff
}

/* Main First Tier Nav Bar */
#container #header h1, #header h1 a {
	color: #fff;
}
#container #header h1 {
	color: #fff;
	top:60px;
}
#container #header h2 {
	color: #fff;
	top:90px;
}
#container #header #first_tier_navbar {
	top:158px;
	width:950px;
	z-index:3;
}
#container #header #navbar_left ul {
	top:158px;
	width:600px;
	z-index:5;
}

#container #col_b {
	width:550px;
	margin-left:2px;
	margin-right:2px;
}

#col_a {
	margin-top: 1px;
	/*margin-left: 1px;*/
	width: 200px;
	float: left; 
	}

#col_c {
	margin-top: 1px;
	margin-right: 1px;
	width: 200px;
	float: left; }

#shadow {
	width:984px;
	height: 600px;
	margin: 0 auto;
	margin-top: -500px;
	background:transparent url(images/bg_page.png) no-repeat;
	_background-image:none;
	filter: none;
};


#container {
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

#container, #header {
	width:968px;
}

#container .login_box {
	top:30px;
	color: #000;
}

#container .page_button {
	left:500px;
	top:115px;
}

/* 
General
OK - font : font-family: Verdana, Arial, Helvetica, sans-serif;
OK - Taille police : font-size: 10px;
OK - Taille police Dropdown : font-size: 9px;
OK - texte normal : color: #000000; (class body + .post_info + etc...)
OK - Lien ayant un look input button, faire même traitement que dans test02.html, lien "view all" ... voir b#4

- Bordures: tous les bordures utiliseront la couleur #c24300, attention les bordures en dégradé(bordure de gauche et droite comme dans b#4) nécessite un traitement spécial, voir test02.html, look for the comment : <!-- Those two following layers are needed to hide the side line at the level of the rounded corner -->
- S'assurer d'avoir un padding suffisant pour que le texte ne touche la bordure.
*/
html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #f0dd9d url(images/bg_orange.gif) repeat-x;
	color: #000000;
}

html body, .post_info {
	color:#000;
}

#container select {
	font-size: 9px;
}

#container #second_tier_navbar a, a:visited {
	color:#fff;
}

a, a:link, a:visited, .blog a:link, .events a:link, .reviews a:link, .peopleshowcase a:link, .video a:link, .audio a:link, .image a:link, .groupshowcase a:link, .blog a:visited, .events a:visited, .reviews a:visited, .peopleshowcase a:visited, .video a:visited, .audio a:visited, .image a:visited, .groupshowcase a:visited {
	color: #c24300;
	text-decoration: none;
}

a, a:hover, a:visited:hover, .blog a:hover, .events a:hover, .reviews a:hover, .peopleshowcase a:hover, .video a:hover, .audio a:hover, .image a:hover, .groupshowcase a:hover {
	color: #c24300;
	text-decoration: underline;
}
#container .view_all {
		border: 1px solid #c24300;
		margin: 5px 70px 5px 70px;
		padding: 3px;
		text-align: center;
		background-color: #dbcbaa;
		font-weight:bold; 
}


/*
- b#3 Couleur pour bg de tab : #8a7e5f
- b#3 Couleur texte tab : actif #000000 et inactif #ffffff
- b#3 Tab avec coin arrondit(non visible dans le muckup) : voir exemple test01.html :: il faudra p-e rajouter du padding à .spiffyfg, il faudra surement changer la largeur du layer contenant les style rounded corner (div just after comment <!-- Div to edit -->
- b#4,5,6,7,8,9,12,13,14,15,16 boite, modifier header + boite pour avoir coin arrondit + changement de couleur. Voir exemple test02.html IMPORTANT : s'assurer que cela ne causera pas trop de problème si l'on décide de faire une mise à jour de peopleaggregator
- b#17 Big title : color: #c24300;
- b#10 Image added by the user: make sure to add a padding left of 10px, you may need to use a margin code.
OK - b#9 rajouter à .wide_content ul#filters li.active a : color: #000000; et à .wide_content ul#filters li a : color: #ffffff; aussi s<assurer que sur le rollover du tab le texte soit noir.
*/

#container  #first_tier_navbar li a#current {
	background-color:#8a7e5f;
	color:#fff;
	padding-top:2px;
}

#container  #header_navbar_back {
	background:transparent url(images/bg_nav.gif) repeat-x scroll 0%;
	filter: false;
	height:26px;
	width:968px;
	position:absolute;
	top:150px;
	overflow:hidden;
}

#container  #header .title_box {
	padding-top:30px;
}

#container  #navbar_header ul {
	background-color:#8a7e5f;
	margin:0pt;
	padding:5px 30px 5px 0pt;
	text-align:right;
}

#container .wide_content ul#filters {
	background:transparent url(images/bg_navbar_filters.jpg) repeat-x scroll 0%;
	filter: false;
	width:560px;
}

#container  .wide_content ul#filters li.active a {
	color: #000000; 
}
#container  .wide_content ul#filters li a {
	/*color: #ffffff;*/
}


#container .module_tagcloud {
	width:auto
}

/* Fix header de chaque boite */
#container .module h1 {
	background:#C24300 url(images/bg_top_module.png) no-repeat scroll 0%;
	_background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Themes/Beta/skins/defaults/images/bg_top_module.png');
	color:#FFFFFF;
	cursor:pointer;
	font-family:verdana;
	font-size:12px;
	margin:0pt;
	padding:2px 2px 2px 7px;
	text-align:left;
	width:189px;
}


/* Browse Tag Module Only. Added to Main Styles? */

.module_browse_tag {
padding: 5px;
}

/* Padding for bottom of blog. This tag already exists in network_skin. Just add the 10px padding to the bottom. */

.wide_content,
.module_wide {
	padding-bottom: 10px; 
	
}


/* Module Delimiters  */



.module_icon_list li {

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.module_tagcloud ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}


.module_definition_list dt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

.wide_content,
.module_wide { 
	border-top: 1px solid #ffffff;
}

/* H1 in the center column. */


.wide_content h1,
.module_wide h1 {
	color: #0099FF;
}



.login_box a:link,
.login_box a:visited {
	text-decoration: underline;
	color: #666666;
	font-size: 11px;
}

.login_box a:hover {
	text-decoration: none;
	color: #666666;
}

/* ID login dropdown */

.id_list {
	border-top: 1px none #CCCCCC;
	}

.id_item {
	border-top: 1px none #DFDFDF;
	border-bottom: 1px solid #CCCCCC;}


.id_list .id_name a:link,
.id_list .id_name a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none; }

.id_list .id_name a:hover { text-decoration: underline; }


.id_list .edit_logoff {
        text-align:left;
	padding: 2px 0 2px 51px;
 	background-color: #FF9900;
	border-top: 1px none #DFDFDF;
	border-bottom: 1px solid #CCCCCC;}


.id_params {
	border-top: 1px none #DFDFDF;
	border-bottom: 1px solid #CCCCCC;
	height: 40px;
	margin: 0;
	padding: 5px 0 0 0;
	background-color: #FF9900;
	 }
         
/* Shortcut menu icons */

#shortcut_post {
	background-image:url(images/shrtcut_post.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#shortcut_widgets {
	background-image:url(images/shrtcut_widgets.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#shortcut_messages {
	background-image:url(images/shrtcut_messages.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#shortcut_edit {
	background-image:url(images/shrtcut_edit.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#shortcut_configure {
  background-image:url(images/shrtcut_config.gif);
  background-repeat: no-repeat;
  background-position: 12px center;
}
#shortcut_external {
	background-image:url(images/shrtcut_external.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
}
         
	 
/* Tabs on modules */

.module_tabbed_image_list ul {
	border-left: 1px solid #CCCCCC;
	}
	

/* Previous next selector */	
	
.prev_next a {
	border: solid 1px #0099FF;

}
	
.prev_next a:visited {
	border: solid 1px #0099FF;
}

.prev_next a:hover {
	border-color: #0099FF;
	background-color: #0099FF;
}
	
.prev_next .selected {
	color: #0099FF;
	border: solid 1px #0099FF;

}




/* View All Colors */	

#footer {
	padding-bottom: 20px;

}

#body_shadow {
	background:transparent url(images/bg.png) no-repeat scroll 0%;
	_background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Themes/Beta/skins/defaults/images/bg.png');
}

.wide_content h1, .module_wide h1 {
	color:#8a7e5f;
}

#container .module {
	border-color:#c24300;
	background-image:url(images/bg_module.gif);
	border-bottom: #c24300 solid 1px;
	border-left:none;
	border-right:none;
	border-top:none;
}

.module div {
	padding-left:3px;
	padding-right:5px;
}

.module li {
}

.module_tabbed_image_list li.active a {
background:transparent url(images/bg_navbar_filters_active.jpg) repeat-x scroll 0%;
}

.image_list img {
background:transparent url(images/bg_photo.gif) no-repeat scroll 0pt;
}

.module_flickr img {
	background:transparent url(images/bg_photo.gif) no-repeat scroll 0pt;
	padding:5px;
}

.editmainpage .wide_content ul {
	background:transparent url(img/bg_navbar_filters.jpg) repeat-x scroll 0%;
}

.wide_content .table ul#filters {
	background:transparent url(images/bg_navbar_filters.jpg) repeat-x scroll 0%;
}

.topics_table th {
	background:transparent url(images/bg_navbar_filters.jpg) repeat-x scroll 0%;
}