@charset "UTF-8";
body {
    font-family:Segoe UI, Arial , Helvetica, sans-serif;
    font-size:1em;
    color: #000;
    line-height:1em;
}
#Body{
	background: #bdcae3;
}
body > script {
	display: none !important;
}
img {  border: 0;  }

/* ==FONT STYLE */
/*------------------------------------------------*/
em { 
    font-style:italic; 
    letter-spacing: 0; 
}
small { 
    font-size:0.8em; 
    letter-spacing:0;
}

/* HEADER STYLE */
/*------------------------------------------------*/
h1{
    font-size:1.7em;
    color: #4368ae;
    line-height:1.4em;
    font-weight:normal;
}
h2{
    font-size:1.3em;
}
h3{
    font-size:18px;
    color: #143264;
}
h4{
    font-size:16px;
    color: #143264;
}
h5{
    font-size:14px;
    color: #666;	
}
h6{
    font-size:13px;
    color: #666;
}

/* ANCHOR STYLE */
/*------------------------------------------------*/
a,a:link,a:visited,a:active{
    color:#4368ae; 
    text-decoration:underline;
}
a:hover{
    color:#6f6f6f; 
}

/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: bold;
}
.CommandButton:hover {
    color: #007cae;
}
a.CommandButton:link {
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: bold;	
}
a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae;
}

/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p { margin: 0 0 10px 0;}

hr { 
    clear: both;
    height: 0;
    border: solid #c0c0c0; 
    border-width: 1px 0 0;  
    margin: 20px 0 20px 0; 
}
	
/* lIST STYLE */
/*------------------------------------------------*/
/* Ordered List */
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}
ol ol {
    margin-top: 8px;
    margin-left: 30px;
}
ol ol li { list-style-type: lower-roman; }
ol ol ol li { list-style-type: lower-alpha;  }
ol ul li { list-style-type: lower-roman; }

/* Liste gros caractères */
ul.GrosseListe{
	font-size:1.3em;
	margin: 5px 0;
	list-style:none;
}
ul.GrosseListe li{
	padding:7px 0;
}
ul.GrosseListe li ul{
	padding-left:5px;
	list-style:none;
}

/* ==TABLE STYLE */
/*------------------------------------------------*/
 /* Default Table Style */
table.tableDefault  {
    width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0; 
    background-color: transparent;
}
table.tableDefault th, 
table.tableDefault td {
    font-size:0.8em;
    padding: 8px 14px; 
}
table.tableDefault th a{
	color:#ffffff;
	font-weight:normal;
}
table.tableDefault th {
    text-align: left;
    background-color: #a39161;
    height:20px;
    color:#ffffff;
    font-weight:normal;
}
table.tableDefault table td {
	font-size: 1.3em;
    padding: 5px 10px;
}
table.tableDefault tr:nth-child(odd) {background: #fafcfd}
table.tableDefault tr:nth-child(even) {background: #e7f0f7}
.tableDefault tbody tr:hover td { color: #111; }

/* FORM STYLE
/*------------------------------------------------*/
input[type=text], select, textarea, input[type=email], input[type=search], input[type=password]{
    padding:6px;
    /*margin-bottom:20px; */
    background: #f3f3f3;
    border:1px solid #bfbfbf;
    color:#6f6f6f;
    font-size:13px;
}
input[type=text] + span{
	margin-left:20px;
}
input{
	font-family:Segoe UI, Arial , Helvetica, sans-serif;
}

/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton, input[type=submit] {
    display: inline-block;
    padding:8px 15px;
    margin-bottom:5px;    
    background-color: #4368ae;
    text-align: center;
    color: #ffffff;
    border:none;
}
/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;   
    background-color: #666;
    text-align: center;
    color: #ffffff;
}
/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    color: #ffffff;
}
a.dnnPrimaryAction{ color:#efefef; }
a.dnnSecondaryAction { color:#555; }
button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover, input[type=submit]:hover { 
    cursor: pointer;
    cursor: hand;
    background-image: none; 
    background-color:#666; 
}
button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background:#D00 url('../Gravity/images/arrow.png') no-repeat 87% center;
}

/* ==SITE STRUCTURE */
/*------------------------------------------------*/
.Wrapper {
    margin: 0 Auto;
    background:#ffffff url('Images/Fond.jpg') no-repeat center top;
    width: 960px;
}
.spacingTop{
    margin-top:6px; 
}
.spacingRight {
	margin-right: 30px;
}
.spacingBottom {
    margin-bottom:20px;
}
.spacingLeft {
	padding-left:6px;
}
.txtRight{
	text-align:right;
}
.txtCenter{
	text-align:center;
}

/* ==HEADER */
/*------------------------------------------------*/
.Entete{
    /*position:relative;*/
    text-align:center;
    margin:0 0 12px 0;
}
.Entete a{
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}
.Entete a:hover{
	color:#4368ae;
}
.Entete h1{
	margin:10px 0 30px 0;
}
.Entete > div{
	background:#e1ecf5;
	background:rgba(255,255,255,0.4);
	height:44px;
	clear:both;
}

/* ==NAVIGATION */
/*------------------------------------------------*/
ul.Menu{
	/*height:44px;*/
	font-family:Segoe UI, Arial , Helvetica, sans-serif;
	margin:0;
	float:left;
}
.Menu li { 
	float:left;
	position:relative; 
	list-style:none;
	margin: 0;
}
.Menu li ul{
	margin-left:0;
}
.Menu > li{
	padding:0 15px;
}
.Menu li.NavOn{
	background:rgba(255,255,255,0.5);
}
.Menu li.NavOn a{
	color:#6f6f6f;
}
.Menu > li > a, .Menu > li > span {
	color: #005da9;
	line-height:44px;
    text-decoration: none;
}
.Menu > li > span{
	cursor: default;
}
.Menu > li:hover{
	background:rgba(255,255,255,0.5);
}
.Menu > li:hover > a, .Menu > li:hover > span{
	color:#6f6f6f;
}

/* Secondary level */
.Menu > li ul {  /* Styles for all sub levels */
	display:none;
	position:absolute;
	z-index: 2;
	width:225px;
	padding: 0;
}
.Menu li:hover > ul { 
	display:block;
}
.Menu > li > ul { /* styles specific to secondary level */
	top:42px; 
	left:0; 
	padding:1px;
	background:#e1ecf5;
}
.Menu > li > ul:after {
	position:absolute;
	top:-15px; 
	left:20px;
	content:'';
	width:0px; 	
	height:0px;
	font-size:0px;
	line-height:0px;
}
.Menu > li ul a, .Menu > li ul span {
	display:block;
	padding:8px 0 5px 10px;
	color:#005da9;
	font-size:0.8em;
	text-decoration:none;
	width:214px;
}
.Menu > li ul span{
	cursor: default;
}
.Menu  ul li:last-child > a { }
.Menu > li > ul li:hover > a {
	color:#005da9;
	background: #ffffff;
}
/* Sous Menu latéral */
.sousmenu{
	font-size:1.2em;
	white-space:nowrap;
}
.sousmenu > *{
	padding:10px;
	display:block;
}
.sousmenu, .sousmenu a{
	color:#005DA9;
	text-decoration:none;
}
.sousmenu a:hover{
	color:#6f6f6f;
	background:rgba(255,255,255,0.5);
}

	
/* ==LOGIN & REGISTER */
/*------------------------------------------------*/
.loginGroup{
	background:#ffc523;
	height:44px;
	color:#4a4a4a;
	font-size:0.8em;
	padding:0 15px;
	font-weight:600;
	min-width:95px;
	float:right;
	text-align:center;
}
.loginGroup a{
	line-height:44px;
	color:#4a4a4a;
	text-decoration:none;
}


				.registerGroup{
					font-size:11px;
					height:30px;
				}
				.registerGroup a{
					color:#ccc;
					display:block;
					text-decoration:none;
					padding:6px 0 0 25px;
				}
				.registerGroup a:hover, .registerGroup a:active{		
					text-decoration:underline;
				}	
				.registerGroup li:first-child:hover {border-left:#222;}
				.registerGroup li {
				 	float:right;
				 	list-style:none;
				}
				.registerGroup a strong{
					display:block;
					position:absolute;
					left:0; top:0;
					width:100%;
					overflow:hidden;
					font-size:11px;
					text-indent:-9999px;
				}
				.registerGroup ul{
					margin:0;
				}
				#login .userMessages a,
				#login .userNotifications a { background-color: #333; }	
				#login .userMessages strong { 
					height: 100%;
					background: url('../Gravity/images/icon_message.png') no-repeat center center;
				}
				#login .userNotifications { border-right: 1px solid #CCC; }
				#login .userNotifications strong { 
					height: 100%;
					background: url('../Gravity/images/icon_notification.png') no-repeat center center;
				}
				.registerGroup a span {
					display:inline-block;
					position:absolute;
					right:2px; top:-9px;
					min-width:7px;
					margin-right:3px;
					background: rgb(59,150,182); /* Old browsers */
					text-align:center;
					font-size:11px;
					color:#fff;
					text-shadow: 0px 1px 0px #333333;
				}
				.registerGroup .userProfileImg a{
					min-width:25px;
					height: 30px;
					padding:0;
					background:none;
				}
				.registerGroup a img{
					height:30px; width:30px;
					background:#333;
				}
				
				
				/* Number of message next to the message icon*/
				#login .userMessages  a  span,
				#login .userNotifications   a  span	{ 
					display: inline-block; 
					margin-top: 9px; 
					margin-right: 0px; 
					background-color: transparent;
					
					font-size: 10px;
				}
	
				/*------------------------------------------------*/
				/* BREADCRUMBS */
				/*------------------------------------------------*/
				    #Breadcrumb {
					    padding-top: 20px;
					    padding-bottom: 12px;
					    margin-bottom: 25px;
					    border-bottom: solid 1px #c0c0c0;
				    }
					#Breadcrumb img {
						margin-left: 10px;
						margin-right: 10px;
					}
				
					#Breadcrumb a.breadcrumbLink:link,
					#Breadcrumb a.breadcrumbLink:visited {
						color: #666;
						font-size: 12px;
						font-weight: bold;
					}
				
					#Breadcrumb a.breadcrumbLink:hover {color: #3B96B6; }
					
/*-------------------------------------*/	
/* ==CONTENT PANES */
/*-------------------------------------*/
.Block > div{
	display:table-cell;
	padding-left:12px;
	vertical-align:top;
}
.Block > div:first-child{
	padding-left:0;
}
.Block{
	display:table;
	margin-bottom:12px;
}
.DnnModule{
	margin-bottom:12px;
}
/* Empty Panes */
.DNNEmptyPane{width:0; margin:0;padding: 0 !important;}
.DNNEmptyPane.rightTwoCol+div{width: 100%;}

/*-------------------------------------*/	
/* ==CONTAINERS */
/*-------------------------------------*/
.Block > div > div,
.UneColonne, .DeuxColonnes, .TroisColonnes,
.UneColonne > div,  .DeuxColonnes > div, .TroisColonnes > div{
	display:table;
}
.UneColonne{
	width:231px;
}
.UneColonne .Normal, .DeuxColonnes .Normal, .Marron .Blanc{
	background:#ffffff;
	display:table;
	width:100%;
	padding:6px 12px;
	font-family:Segoe UI, Arial , Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.DeuxColonnes{
	width:474px;
}
.TroisColonnes{
	width:717px;
}
.UneColonne > div,  .DeuxColonnes > div, .TroisColonnes > div{
	background:#ffffff;
}
.Bleu h2 .Head, .Rouge h2 .Head, .Marron h2 .Head{
	margin:0;
	padding:8px;
	border-bottom:none;
	font-family:Segoe UI, Arial , Helvetica, sans-serif;
	color:#ffffff;
	line-height:1em;
}
.Bleu h2, .Rouge h2, .Marron h2{
	margin:0;
}
.Bleu h2{
	background:#4368ae;
}
.Rouge h2{
	background:#cc1728;
}
.Marron h2{
	background:#a39161;
}


/*-------------------------------------*/
/* ==FOOTER 
/*-------------------------------------*/
#Footer {
    background:url('Images/Footer.jpg') repeat-x;
    clear: both;
    margin:12px 0 0 0;
    padding:10px 0;
    font-size:0.9em;
    position:relative;
    line-height:1.5em;
    text-align:center;
}
#Footer > a{
	color: #6F6F6F;
    font-size: 0.9em;
    text-decoration: none;
}
#Footer > a:hover{
	color:#005da9;
	text-decoration:underline;
}


    /*------------------------------------------------*/
    /* SOCIAL STYLE */
    /*------------------------------------------------*/
    /* ----------------------------------*/
    /* DNN Module: Console */
    /* ----------------------------------*/
    .threeColSocial .console {
	    width: 250px;
	    height: auto;
	    background-color: #484848; /* Menu Background Color */
    }

    .threeColSocial .console-none div {  
	    cursor: pointer;
	    cursor: hand;
	    float:left; 
	    height: auto; 
	    width: 250px;
	    padding:0px; 
	    margin:0px;  
	    text-align:left; 	
	}

    .threeColSocial .console-none h3 {
        padding:10px 8px 10px 40px; 
	    margin: 0; 	   
	    border-bottom: solid 1px #fff; 
	    background: url('../Gravity/images/arrow.png') 18px center no-repeat;
	    
	    color: #eee;  
	    font-size:13px; 
	    line-height: 1; 
	    font-weight: bold;
	}

    .threeColSocial .console-none div div { display:none; }
    .threeColSocial .console-mouseon { background-color:#70b1c7; /* Menu Hover Background Color */ } 

/* ----------------------------------*/
/* DNN Module: ViewProfile Image */
/* ----------------------------------*/
    #UserProfileImg img {
	    width: 100px;
	    height: auto;
	    border: solid 3px #fff;
    }

    .threeColSocial .UserProfileControls ul {
	    margin: 15px 0;
    }

    .threeColSocial .UserProfileControls ul li {
	    list-style-type: none;
	    margin-bottom: 3px;
	 }

/* ----------------------------------*/
/* DNN Module: Member Directory (Send A Message, Follow, Subscribe) */
/* ----------------------------------*/
    .threeColSocialRightPane .DnnModule #mdMemberList{ margin: 0 0 30px 0; }
    .threeColSocialRightPane #mdMemberList  ul { margin: 10px 0 0 0; }
    .threeColSocialRightPane #mdMemberList  li { 
	    margin-bottom: 0;
	    -size: 12px;
	    font-weight: bold;
	    list-style-type: none; 
	}

    .threeColSocialRightPane #mdMemberList > li{	
	    width: 216px;
	    margin:0;
	    padding: 6px 17px;
	    background:#d7d7d7;
	    border: none;
	    -webkit-border-radius: 0;
	    border-radius: 0; 
	    -webkit-transition: background 0.15s ease-in-out;
	    -moz-transition: 	background 0.15s ease-in-out;
	    -o-transition: 		background 0.15s ease-in-out;
	    -ms-transition: 	background 0.15s ease-in-out;
	    transition: 		background 0.15s ease-in-out;
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3);
	    box-shadow:			 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .threeColSocialRightPane #mdMemberList > li:hover{
	     z-index:2; /*bring current li to top for tooltip */	
	    background: #d7d7d7;
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1);
	    box-shadow: 		 0px 0px 0px 0px rgba(0, 0, 0, 0.3),  inset 0px 0px 0px 0px rgba(255, 255, 255, 1); 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Activity Feed) */
/* ----------------------------------*/
    .threeColSocial .journalTools { max-width: 560px; }

    .threeColSocial .journalrow {
	    padding-bottom: 10px;
	    border-bottom: solid 1px #c0c0c0;
	    margin-bottom: 20px;
	    
    }

    .threeColSocial .journalfooter { 
	    padding: 0; 
	    margin: 0;
    }

    .threeColSocial .journalrow div.journalitem p.journalfooter { 
	    font-size: 12px; 
	    padding: 0; 
	    margin-bottom: 0; 
    }

    .threeColSocial .journalrow div.journalitem ul.jcmt { font-size: 12px; }
    .threeColSocial .journalrow div.journalitem .likes  { 
	    padding: 2px 5px; 
	    background-color: #dbdbdb; 
    }

    #journalEditor #journalContent .juser, .journalrow .juser  
    {
        border: none;
        color: #3B96B6; 
        background-color: transparent; 
    }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Message) */
/* ----------------------------------*/
    .threeColSocial #UserDisplayNameHeader h2 {
	    padding-bottom: 10px;
	    border-bottom: solid 1px #c0c0c0;
    }
	
    /* dnnAdminTabNav Style*/
    .threeColSocial #smMainContent .ui-corner-all { 
	    border-radius: 0; 
    }

    .threeColSocial ul.dnnAdminTabNav {
	    height:38px;
	    margin-top:0;
	    margin-bottom: 0;
	    border-bottom:1px solid #c0c0c0;
    }

    .threeColSocial ul.dnnAdminTabNav li {
	    margin-right:1px;
    }

    .threeColSocial ul.dnnAdminTabNav li a{			
	    padding:10px 15px;
	    margin-bottom: 0px;
	    
	    border: none;
	    background:#d7d7d7;
	    -webkit-border-radius: 1px 1px 0px 0px;
	    border-radius: 1px 1px 0px 0px; 
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	   
	    color:#666;
	    font-size: 12px;
	    font-weight:bold;
        text-shadow: none;
    }

    .threeColSocial ul.dnnAdminTabNav li a:hover{			
	    background: #484848;
	    color:#eee;
	}
    .threeColSocial ul.dnnAdminTabNav li.ui-tabs-selected a{
	    padding:10px 15px;
	    margin-top: 0px;
	    background: #484848;
	    color: #eee;
    }

    /* Message & Notification number block*/	
    .threeColSocial .dnnAdminTabNav a span{
	    display:inline;
	    min-height:12px;
	    padding: 2px 6px;
	    margin-right:8px;
	    background: rgb(59,150,182); /* Old browsers */
	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666; 
	    
	    color: #eee;
	    font-weight:normal;
	    font-size:11px; 
    }

    /* Compose new message link */
    .threeColSocial .dnnFormExpandContent  {
	    float: right;
	    display: inline-block;
	    position: absolute;
	    top: 22px; right: 0;
	    height: 20px;
	    font-size: 12px;
    }

    .threeColSocial .dnnFormExpandContent a.ComposeMessage {font-size: 12px;}

    /* compose button */
    .threeColSocial a.dnnPrimaryAction {
	    display: inline-block;
	    
	    padding: 12px 20px;
	    margin-bottom: 5px;
	    
	    background-color: #3B96B6;
	    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
	    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    border: 0px solid #ffffff;
	    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); 
	    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
	    
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	    color: #ffffff;
	    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    }

    .threeColSocial a.dnnPrimaryAction:hover,
    .threeColSocial a.dnnPrimaryAction:active { 
	    cursor: pointer;
	    cursor: hand;
	    background-image: none; 
	    background-color:#D00; 
    }

    /* Message Control (Select, Actions, Inbox, Sent, Archived)*/
    .threeColSocial .DnnModule .messageControls .dnnButtonGroup {
	    margin-right:0px; /* fixed Archived Button spacinging issue */
    }

    .threeColSocial .messageControls {
	    margin: 0; 
	    padding: 0;
	    padding-bottom: 5px;
	    border-bottom: 1px solid #c0c0c0; 
    }

    .threeColSocial .messageControls .messageFolders { float:right; }

    /* number x-x of x */
    .threeColSocial .messageFolders p {
	    float:left; 
	    display:inline-block;
	    padding: 8px 15px; 
	    margin: 0;
	    color:#666; 
	    font-size: 12px;
    }

	.threeColSocial .messageFolders p strong { 
		color:#666; 
		font-weight:bold;
	}
	
    /* Messages / Notification Specific Button Styles
    -------------------------------------*/
    /* Style for the Action menu bar*/
    .threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction {
	    width:auto!important;
	    padding: 9px 10px;
	    font-size:12px; 
    }
		
    /* Styles for select drop*/
    .threeColSocial .DnnModule .selectDrop ul {
	    top:34px;
	    min-width: 120px;
	    padding:10px 14px!important;
	    border:1px solid #c2c2c2; 
	    background:#e7e7e7;
	
	    /*CSS3*/
	    -moz-border-radius-bottomright: 0px;
	    -moz-border-radius-bottomleft:	0px;
	    -webkit-border-radius: 			0px 0px 0px 0px;
	    border-radius: 					0px 0px 0px 0px; 
	
	    -webkit-box-shadow: 	0px 0px 2px 0px rgba(0, 0, 0, .1);
	    -moz-box-shadow: 		0px 0px 2px 0px rgba(0, 0, 0, .1);
	    box-shadow: 			0px 0px 2px 0px rgba(0, 0, 0, .1); 
    }

    /* Styles for select button on active state*/
    .threeColSocial .selectDrop.active > a{			
	    background: #70b1c7;
	    color:#eee;			
	    border-right: solid 0px #3B96B6;
	    -webkit-box-shadow: 	inset 0px 1px 1px 0px #3B96B6;
	    -moz-box-shadow: 		inset 0px 1px 1px 0px #3B96B6;
	    box-shadow: 			inset 0px 1px 1px 0px #3B96B6; 
    }
	
    /* when select drop down button is clicked toggle active class to show*/
    .threeColSocial .selectDrop ul li {
	    margin-bottom:3px; 
	    font-size: 12px;
    }

    /* Remove corners and add dividers to buttons in button group */
    .threeColSocial .dnnButtonGroup {
        background: transparent;
		-webkit-border-radius: 0;
		border-radius: 0;  
		-webkit-box-shadow:  	none;
		box-shadow:  			none;
	    border:none;	
	    list-style: none;   
    }

    .threeColSocial  ul.dnnButtonGroup > li{     
        border-left: none;
    } 

    .threeColSocial .dnnButtonGroup > li > a{
	    border-left:1px solid #ddd; /*light*/
	    border-right:1px solid #bbb; /*dark*/
	    background-color: #d7d7d7;
	    color: #666;
    }

    /* Conversations button selected*/
    .threeColSocial .dnnButtonGroup > li > a.active { 
	    color: #eee; 
	    border-right:1px solid #3B96B6; 
	    background-color: #70b1c7;
    }

    /* Actions button hover*/
    .threeColSocial .dnnButtonGroup > li > a.disabled:hover{ 
	    color: #eee; 
	    border-left:1px solid #3B96B6; 
	    background-color: #70b1c7;
    }

    /* Select button hover */
    .threeColSocial .alpha > a:hover { 
	    color: #eee; 
	    background-color: #70b1c7;
	    border-right:1px solid #3B96B6; 
    }

    /*First Button styles of a button group */
    .threeColSocial .alpha > a, 
    .threeColSocial .alpha > a:hover, 
    .threeColSocial .alpha > a.active{
	    border-left:1px solid #70b1c7;
	    /*CSS3*/
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomleft: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0; 	
    }
    /*Last Button styles of a button group */
    .threeColSocial .omega > a, 
    .threeColSocial .omega > a:active, 
    .threeColSocial .omega > a.active{
	    border-right:1px solid #70b1c7;
	    /*CSS3*/
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomright: 0;
	    -webkit-border-radius: 0;
	    border-radius: 0;
    }

    /* Archive Button */
    .threeColSocial a.dnnSecondaryAction.ArchiveItems span { 
	    display: none; /* hide Archive text*/
    }
    .threeColSocial a.dnnSecondaryAction.ArchiveItems { 
	    height: 18px;
	    min-width: 15px;
	    margin-left: 5px;
	    background: #d7d7d7 url('../Gravity/images/icon_bin.png') no-repeat center center;           
	    border-radius: 0; 
        -webkit-box-shadow: none;
        text-shadow: none;
        box-shadow: none;
	    color: #666;   
        border: none;
    }

    .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover { 
	    background: #70b1c7 url('../Gravity/images/icon_bin.png') no-repeat center center;
    }

    /*Archive, Sent, Archived buttons Hover*/
    .threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { 
	    background-color: #70b1c7;
	    color: #eee; 
	}

    /* Messages / Notification List Item
    -------------------------------------*/
    /* Listing Styles */
    .threeColSocial .smListings{ font-size: 12px; }
	
    .threeColSocial .DnnModule .smListings ul { margin: 0; }

    .threeColSocial .smListings > ul > li { 
	    padding-top: 10px; 
	    margin: 0; 
	    background: transparent; 
	    border-bottom:1px solid #c0c0c0; 
    }

    .threeColSocial .smListings > ul > li.active { background: #f4f4f4; /* background color for active list items*/  }
    .threeColSocial .smListings > ul > li:last-child { border-bottom: none; }
    .threeColSocial .smListings [class^="ListCol-"]{ padding:1% 1% 1% 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 { min-width:20px; /* Main message list: Checkbox column width on */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 { min-width:65px; /* Main message list: Avatar column width AND Drilldown message list: Message info column width*/  }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 { width:56%; /* Main message list: Message info column width AND Drilldown message list: Time column width */ }
	.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4{  font-size: 11px;  /* Main message list: Time column */ }
    .threeColSocial .smTimeStamped { font-size: 11px;}
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 { min-width: 65px; /* Drilldown message list: Avatar column width*/ }
	.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 { width:56%; /* Drilldown message list: Message info column width*/ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 { float: right; /* Drilldown message list: Time column */ width:25%;  font-size: 12px; }
    .threeColSocial .hoverControls a { 
	    font-size: 12px; /* All lists: Archive & Reply links */
	    font-weight: bold;
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg {
	    display:block; /* Drilldown message list: Avatar column style */
	    padding:5px;
	    width:50px; height:auto;
	    background:#fff;
	    border:1px solid #e2e2e2;
	    /*CSS3*/
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px; 
	
    }
    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg span{
	    display:block; /* Drilldown message list: Avatar column style */
	    width:50px; 
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Details .smListings .profileImg:hover {  border: solid 1px #d7d7d7;  /* Drilldown message list: Avatar column style */  }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg {
	    padding:4px; /* All lists: Avatar style */
	    width:50px; height:auto;
	    background: #fff;
	    border:1px solid #d7d7d7;
	    /*CSS3*/
	    -webkit-border-radius:  5px;
	    -moz-border-radius: 	5px;
	    border-radius: 			5px; 
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg span {
	    width:50px; /* All lists: Avatar style */
	    max-height:50px; 
	    overflow:hidden;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg img{  min-width:50px;	/* All lists: Avatar style */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .profileImg:hover { background:#d7d7d7; /* All lists: Avatar hover style */  }
	.threeColSocial .DnnModule-Messaging-Details .smListings .meta { margin-bottom: 5px; /* Drilldown message list: UserName link */  }
    .threeColSocial .DnnModule-Messaging-Details .smListings .meta a { font-weight: bold;  /* Drilldown message list: UserName link */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .message { color:#999; /* Drilldown message list: Message text */   margin: 0; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings  .subject { font-weight:bold;}
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject { 
	    font-size: 13px; /* All lists: unread message subject */
	    margin-bottom: 3px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .meta {
	    margin-bottom: 8px; /* All lists: message From - Send to */
	    line-height: 14px;
    }

    .threeColSocial .DnnModule-Messaging-Notifications .smListings .message { color:#999; /* All lists: Message text */ }

    /*Column 3 Styles*/
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li { margin-bottom: 0px; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child { color:#999; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
	    margin-left: 8px; /* Main message list: Time column-Mark as Read block */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }
					
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
	    margin-left: 8px; /* Main message list: Time column-Mark as Read block hover */
	    background: rgb(59,150,182); /* Old browsers */
	    /*CSS3*/	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }					
    /*Column 4 Styles*/
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li{  margin-bottom:0px; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child { color: #999; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
	    margin-left:8px; /* Main message list: Time column-Mark as Read block */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }	
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
	    margin-left:8px; /* Main message list: Time column-Mark as Read block hover*/
	    background: rgb(59,150,182); /* Old browsers */
	    /*CSS3*/	
	    background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */
	    background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */
	    -webkit-box-shadow: 0px 1px 0px 0px #666;
	    -moz-box-shadow: 0px 1px 0px 0px #666;
	    box-shadow: 0px 1px 0px 0px #666;  
    }

    .threeColSocial .DnnModule-Messaging-Notifications .notificationControls { font-weight: bold; /* Main notifications list: Follow back & Dismiss links */  }

    /* Message Header (subject & back button)
    -------------------------------------*/
    .threeColSocial .messageHeader { 
	    padding: 0;
	    margin: 0; 
    }

    .threeColSocial .messageHeader p { 
	    font-size: 13px; 
	    color:#666;
	    float:left;
    }
    .threeColSocial .messageHeader p strong { 
	    color:#333;
    }

    .threeColSocial .messageHeader .returnLink  {
	    font-size: 12px; 
	    font-weight:bold;
    }
	
    /* Show Previous Repies 
    -------------------------------------*/
    .threeColSocial .morePrevMsgButton {
	    color: #666;
	    font-size: 12px;
	    text-align:center; 
	    padding:10px; 
	    margin-bottom:15px;
	    border: solid 1px #c0c0c0;
	    background:#d7d7d7;
	    -webkit-box-shadow: inset 0px 0px 3px 0px #ccc;
	    -moz-box-shadow: inset 0px 0px 3px 0px #ccc;
	    box-shadow: inset 0px 0px 3px 0px #ccc; 

    }

    /* Reply Form
    -------------------------------------*/
    .threeColSocial textarea#replyMessage {
	    width:94%; 
	    height:75px;
	    color: #666;
	    border:1px solid #c0c0c0;
	    background:#f4f4f4;
    }

    .threeColSocial textarea#replyMessage:focus, 
    .threeColSocial textarea#replyMessage:active {
	    color:#666;
	    background:#fff;
    }

/* GENERIC CLASSES
/*------------------------------------------------*/

/* Clear-fix for floated elements 
-------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
.left {	float: left; }
.right { float: right; }