body{
	background: url('../Images/page/body_back.png') repeat-x;
	font-family: "Segoe UI", "Myriad Pro", Trebuchet MS, Arial;
	color: #4c4c4c;
	font-size: 12px;
}

a{ color: #9d8e7a; }

#menu-top li a{
	width: 100%; height: 100%;
	display: block;
	outline: none;
	text-indent: -10000px;
	color: #fff;
}
#header > a{
	display: block;
	position: absolute;
	margin: 10px 0 0 20px;
	width: 500px;
	height: 150px;
	text-indent: -10000px;
	z-index: 50;
}


.clearer{
	clear: both;
	height: 0; width: 0;
}

.page-wrapper{
	width: 1000px;
	margin: 0 auto;
}

#login-bar{
	background: url('../Images/Header/login_back.png') no-repeat;
	width: 960px; height: 25px;
	padding: 0 40px;
	text-align: right;
}
	#login-bar p{
		padding: 6px 40px 0 0;
	}
	
#header{
	background: url('../Images/Header/header_back.png');
	width: 1000px; height: 170px;
}
   	#header h1{
		text-indent: -10000px;
		background: url('../Images/Header/logo.png') no-repeat top left rgba(0, 0, 0, 0);
		width: 393px;
		height: 94px;
		position: absolute;
		z-index: 49;
		margin: 50px 0 0 60px;
	}

	
	#header #focus{
		width: 294px; height: 146px;
		float: right;
		background: red;
		margin: 10px 30px 0 0;
		background: url('../Images/Focus/focus_back.png') no-repeat;
		overflow: hidden;
	}
		#header #focus #fwrapper{
			width: 2000px; height: 118px;
			margin: 19px 0 0 7px;
			position: relative;
		}
		#header #focus #fwrapper div{
			width: 277px; height: 118px;
			background: url('../Images/Focus/item_sample.png') no-repeat;
			float: left;
			margin: 0 10px 0 0;
		}
		
			#header #focus #fwrapper div a{
				display: block;
				width: 277px; height: 118px;
				padding: 99px 0 0 10px;
				color: #fff;
				font-weight: bold;
			}
		
	

#menu-top{
	background: url('../Images/Page/shadows_back.png') no-repeat;
	width: 869px; height: 48px;
	padding: 20px 100px 20px 20px;
	text-align: center;
}
	#menu-top ul{
		height: 49px; width: 949px;
		margin: 3px 0 0 5px;
	}
		#menu-top li{
			height: 49px;
			float: left;
			padding: 0; margin: 0;
		}
		
		#m-top-blog{ background: url('../Images/Menutop/menutop_back_sprite.png'); width: 156px; }
		#m-top-calendar{ background: url('../Images/Menutop/menutop_back_sprite.png') 793px 0; width: 150px; }
		#m-top-downloads{ background: url('../Images/Menutop/menutop_back_sprite.png') 642px 0; width: 164px; }
		#m-top-medias{ background: url('../Images/Menutop/menutop_back_sprite.png') 477px 0; width: 147px; }
		#m-top-partners{ background: url('../Images/Menutop/menutop_back_sprite.png') 330px 0; width: 170px; }
		#m-top-contact{ background: url('../Images/Menutop/menutop_back_sprite.png') 162px 0; width: 162px; }

		#m-top-blog:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png'); width: 156px; }
		#m-top-calendar:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png') 793px 0; width: 150px; }
		#m-top-downloads:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png') 642px 0; width: 164px; }
		#m-top-medias:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png') 477px 0; width: 147px; }
		#m-top-partners:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png') 330px 0; width: 170px; }
		#m-top-contact:hover{ background: url('../Images/Menutop/menutop_hover_back_sprite.png') 162px 0; width: 162px; }

#social-bar{
	height: 19px; width: 930px;
	padding: 10px 20px 10px 40px;
	background: url('../Images/page/wrapper_back.png') repeat-y;
}
	#social-links{
		float: left;
	}
		#social-links li{
			display: inline-block;
			padding: 4px 10px 0 20px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 0 2px;
		}
		#m-social-fb{ background: url('../Images/icones/facebook.png'); }
		#m-social-li{ background: url('../Images/icones/linkedin.png'); }
		#m-social-tw{ background: url('../Images/icones/twitter.png'); }
		#m-social-tr{ background: url('../Images/icones/technorati.png'); }
        #m-social-nl{ background: url('../Images/icones/newsletter.png'); }
	
	#social-rss{
		float: right;
	}
		#social-rss li{
			padding: 4px 10px 0 20px;
			height: 20px;
			background: url('../Images/icones/rss.png') 0 2px no-repeat;
			float: right;
		}   


.shadow-top{
	height: 35px; width: 100%;
	background: url('../Images/Page/shadows_back.png') no-repeat;
}

#page-wrapper{
	width: 1000px;
	background: url('../Images/page/wrapper_back.png') repeat-y;
}
	.page-title{
		font-size: 24px;
		text-align: right;
		font-weight: normal;
		color: #98bf0d;
		width: 940px;
		margin: 0 auto;
		padding: 5px 15px;
		border-bottom: 1px solid #cdc6bc;
	}
	
#focus-on{
	margin: 20px 0 20px 4px;
}
    #focus-array-left, #focus-array-right
    {
        width: 41px; height: 112px;
        display: block;
        float: left;
        margin: 40px 0 0 0;
        text-indent: -12000px;
        outline: none;
    }
        #focus-array-left{ background: url('../Images/focus/left_arrow.png'); }
        #focus-array-right{ background: url('../Images/focus/right_arrow.png'); }
    #focus-on-wrapper
    {
        padding: 10px 0;
        width: 910px; height: 161px;
        background: url('../Images/Focus/focus_back.png');
        float: left;
        overflow: hidden;
    }
        #subwrapper
        {
            width: 1500px;
            
            }
    .focus-on-item
    {
        width: 238px; height: 20px;
        padding: 139px 20px 0 20px;
        margin: 0 0 15px 20px;
        position: relative;
        display: inline-block;
    }
        .focus-on-item a{ color: #fff; }

#menu-wrapper{
	width: 235px;
	margin: 0 0 0 9px;
	float: left;
}
	#menu-wrapper h3{
		font-size: 16px;
		color: #a59a8a;
		margin: 12px 0 12px 25px;
		font-weight: normal;
	}
	
	.menu, .menu-outlined, .menu-admin{
		width: 235px;
		margin: 5px 0;
		padding: 0;
	}
		.menu{ background: url('../Images/menus/menu_back.png') repeat-y; }
		.menu-outlined{ background: url('../Images/menus/menu_out_back.png') repeat-y; }
		.menu-admin{ background: url('../Images/menus/menu_admin_back.png') repeat-y; }

		.menu h4, .menu-outlined h4, .menu-admin h4{
			font-weight: normal;
			width: 210px; height: 22px;
			margin: 0 0 10px 0;
			padding: 25px 0 0 25px;	
		}
			.menu h4{ background: url('../Images/menus/menu_title.png') repeat-y; color: #9b9183; }
                #content-wrapper .menu h4{ background: url('../Images/menus/menu_title_content.png') repeat-y; color: #9b9183; }
			
			.menu-outlined h4{ background: url('../Images/menus/menu_out_title.png') repeat-y; color: #9b9183; }
			.menu-admin h4{ background: url('../Images/menus/menu_admin_title.png') repeat-y; color: #9b9183; }
			
		.menu li, .menu-admin li{
			list-style-type: disc;
			width: 190px;
			color: #fff;
			margin: 0 0 2px 30px;
			
			padding: 2px 0;
		}
		    .menu > ul > li, .menu-admin > ul > li{ border-bottom: 1px dotted #fff; }
			.menu li a, .menu-admin li a{ color: #fff; }
		
		.menu-outlined li{
			list-style-type: disc;
			height: 23px; width: 190px;
			color: #9c8f7d;
			margin: 0 0 2px 30px;
		}
			.menu-outlined li a{ color: #9c8f7d; }
		
		.menu input[type="text"]{
		    border: 2px solid #cfe4c6;
		    margin: 12px 0 2px 12px; padding: 3px 5px;
		    font-size: 12px;
		    font-family: Trebuchet MS;
		    color: #98bf0d;
		    width: 196px;
		}
		.menu input[type="submit"]
		{ 
		    display: block;
		    font-family: Trebuchet MS;
		    font-size: 11px;
            margin: 0 12px 0 0;
            border: none;
            background: #98bf0d;
            padding: 3px 10px;
            float: right;
            color: #fff
		}
		.menu p{
			text-align: center;
			color: #fff;
			width: 150px;
			margin: 10px auto;
		}
		.menu .menu-bottom, .menu-outlined .menu-bottom, .menu-admin .menu-bottom{
			width: 235px;
			text-indent: -10000px;
		}
			.menu .menu-bottom { background: url('../Images/menus/menu_bottom.png') no-repeat; height: 23px; }
                #content-wrapper .menu .menu-bottom { background: url('../Images/menus/menu_bottom_content.png') no-repeat; height: 23px; }
			.menu-outlined .menu-bottom { background: url('../Images/menus/menu_out_bottom.png') no-repeat; height: 15px; }
			.menu-admin .menu-bottom { background: url('../Images/menus/menu_admin_bottom.png') no-repeat; height: 23px; }

			

		.menu li span, .menu-outlined li span{
			display: block;
			width: 100%;
			clear: both;
		}
			.menu li span{ color: #dae7d4;}

#content-wrapper{
	width: 720px;
	margin: 0 0 0 20px;
	float: left;
}

	.content-title{
		color: #776b64;
		background: url('../Images/content/title_array.png') no-repeat left bottom;
		padding: 20px 0 25px 50px;
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 10px;
	}
		.return-link{
			display: block;
			font-size: 12px;
			float: right;
			margin: 15px 20px 0 0;
		}
	
	.infos-right{
		width: 323px; height: 68px;
		background: url('../Images/content/bap/project_info.png') no-repeat;
		float: left;
		margin: 0 0 0 10px;
		padding: 15px 0 0 30px;
		color: #fff;
	}
		.infos-right li{
			list-style-type: disc;
		}
			.infos-right li span{
				color: #cadec1;
			}
			
	.infos-left{
		width: 313px; height: 33px;
		background: url('../Images/content/bap/project_author.png') no-repeat;
		padding: 20px;
		margin-bottom: 10px;
		float: left;
	}
		.infos-left .avatar{
			float: left;
			margin-right: 10px;
		}
		
		.project-created{
			font-size: 14px;
			color: #a7ca97;
		}
			.project-created a{
				color: #fff;
			}
		.project-organization{
			font-size: 12px;
			color: #cfe4c6;	
		}
	#content-wrapper h4{
		color: #776b64;
		font-size: 23px;
		margin: 15px 0;
	}
	
	#content-wrapper > h5, .content-handler h5, .content-handler dl dt{
	    color: #98bf0d;
	    font-weight: normal;
	    font-size: 15px;
	    margin: 15px 0;
	    padding: 4px 0;
	    border-bottom: 1px solid #98bf0d;
	}
	    
	    #admin #content-wrapper > h5, #admin .content-handler h5, #admin .content-handler dl dt
	    {
	       color: #7a7a7a;
	        font-weight: normal;
	        font-size: 15px;
	        margin: 15px 0;
	        padding: 4px 0;
	        border-bottom: 1px solid #7a7a7a; 
	    }
	   
	    .content-handler dl dt{ cursor: pointer; }
	    .content-handler dl dd
	    {
	        border-left: 3px solid #9b9183;
	        margin: 15px 0;
	        padding: 10px 15px;
	    }
    	    .content-handler dl dd a
            {
                display: block;
                margin: 0 10px 0 0;
                background: #98bf0d;
                padding: 4px 10px;
                float: left;
                -moz-border-radius: 4px;
                color: #fff;
            }
        
	
	.content-handler, .comment{
		text-align: justify;
		width: 690px;
		margin: 0 20px 0 5px;
		line-height: 17px;
	}
	
	.content-handler > ul
	{
	    margin: 20px;
	}
	.content-handler > ul li
	{
	    list-style-type: disc;
	    padding: 5px 0;
	}
	
	.comment{
		text-align: justify;
		width: 650px;
		margin: 0 20px 0 5px;
	}
		.content-handler p, .comment p{
			margin: 5px 0 25px 0;
			line-height: 19px;
		}
	
	.version-navigator{
		text-align: center;
	}	
		.version-navigator a{
			color: #98bf0d;
		}
		
	#comments-wrapper{
		border-left: 7px solid #c1beb3;
		padding: 15px 0;
	}
		#comments-wrapper .comment{
			padding: 0 0 0 15px;
		}
		#comments-wrapper h5{
			font-weight: normal;
			background: url('../Images/content/comment_array.png') no-repeat left center;
			font-size: 16px;
			color: #776b64;
			padding: 0 0 0 15px;
		}
		
		.author_infos{
			font-size: 12px;
			color: #9d938e;
			padding: 2px 0 10px 15px;
		}
		
	.comment-rejected, .comment-approved{
		width: 555px; height: 32px;
		margin-left: 15px;
		color: #fff;
	}
		.comment-rejected a, .comment-approved a{
			color: #fff;
		}
		.comment-rejected .mark{
			color: #4d493b;
			float: right;
		}
		.comment-approved .mark{
			color: #466837;
			float: right;
		}
		.comment-rejected{ 
			background: url('../Images/content/bap/rejected_back.png'); 
			padding: 20px 100px 0 15px;
		}
		.comment-approved{ 
			background: url('../Images/content/bap/approved_back.png'); 
			padding: 22px 100px 0 15px;	
		}
	
	#copyright-bar{
		background: url('../Images/Page/shadows_back.png') 0 -45px repeat-x;
		height: 50px;
		padding: 90px 0 0 30px;
		color: #c1beb3;
	}
	#footer{
		background: url('../Images/Page/shadows_back.png') 0 repeat-x;
		height: 50px;
		padding: 50px 0 0 30px;
	}

.general-item, .admin-item{
    margin: 0;
    background: url('../Images/Content/item_back.png') no-repeat;
    padding: 20px
}
    .general-item p, .admin-item p
    {
        margin: 0; padding: 0;
        text-align: justify;
    }
    
.general-actions, .admin-actions
{
    height: 30px;
    margin: 10px 0 0 0;
}
    .general-actions li, .admin-actions li
    {
        display: block;
        margin: 0 10px 0 0;
        padding: 4px 10px;
        float: left;
        -moz-border-radius: 4px;
    }

    .admin-actions li{ background: #7a7a7a; }
    .general-actions li{ background: #98bf0d; }
    
    .general-actions li a, .admin-actions li a{ display: block; color: #fff; }
    p.general-actions{ margin: 40px 0 0 0; }




   
.editor-field input, .editor-field select, .editor-field textarea
{
    display: block;
    font-family: Trebuchet MS;
    border: 1px solid #cec6bd;
    padding: 3px; margin: 5px 0;
    font-size: 12px;
    color: #9b9183;
    width: 100%;
}

.display-label
{
    color: #9d8e7a;
    margin: 5px 0;
}
.display-field
{
    margin: 0 0 0 25px;
}


#ui-datepicker-div
{
    background: #fff;
    border: 2px solid #9d8e7a;
    padding: 15px;
    display: none;
    width: 650px;
    -moz-border-radius: 5px;
}

    .ui-datepicker-header a
    {
        padding: 10px;
    }
    .ui-datepicker-header select
    {
        margin: 0 10px;
        width: 210px;
    } 
    .ui-datepicker-calendar
    {
        width: 620px;
    }
        .ui-datepicker-calendar th, .ui-datepicker-calendar td
        {
            width: 14%;
            height: 20%;    
        }
        .ui-datepicker-calendar td
        {
            text-align: center;
        }

.rating-wrapper
{
    margin: 5px;
    padding: 5px;
    clear: both
}

/* Upgrade for new guidelines */

.menu h4, .menu-outlined h4, .menu-admin h4{
	height: 20px;
}

#content-wrapper .menu-green, .menu-green, .menu #menu-news	{ background: url('../Images/Menus/m_green_back.png') repeat-y; }
#content-wrapper .menu-orange, .menu-orange { background: url('../Images/Menus/m_orange_back.png') repeat-y; }
#content-wrapper .menu-blue, .menu-blue	{ background: url('../Images/Menus/m_blue_back.png') repeat-y; }
#content-wrapper .menu-yellow, .menu-yellow	{ background: url('../Images/Menus/m_yellow_back.png') repeat-y; }

	#content-wrapper .menu-green h4, .menu-green h4{ background: url('../Images/Menus/m_green_top.png') repeat-y; color: #6f8e00; }
	#content-wrapper .menu-orange h4, .menu-orange h4{ background: url('../Images/Menus/m_orange_top.png') repeat-y; color: #d44a00; }
	#content-wrapper .menu-blue h4, .menu-blue h4{ background: url('../Images/Menus/m_blue_top.png') repeat-y; color: #0095de; }
	#content-wrapper .menu-yellow h4, .menu-yellow h4{ background: url('../Images/Menus/m_yellow_top.png') repeat-y; color: #9b9183; }

	#content-wrapper .menu-green .menu-bottom, .menu-green .menu-bottom { background: url('../Images/Menus/m_green_bottom.png') no-repeat; height: 15px; }
	#content-wrapper .menu-orange .menu-bottom, .menu-orange .menu-bottom { background: url('../Images/Menus/m_orange_bottom.png') no-repeat; height: 23px; }
	#content-wrapper .menu-blue .menu-bottom, .menu-blue .menu-bottom { background: url('../Images/Menus/m_blue_bottom.png') no-repeat; height: 15px; }
	#content-wrapper .menu-yellow .menu-bottom, .menu-yellow .menu-bottom { background: url('../Images/Menus/m_yellow_bottom.png') no-repeat; height: 15px; }

	.menu-orange input[type="text"]{
	    border: 2px solid #d44a00;
	    color: #d44a00;
	    width: 196px;
	}

	.menu-orange input[type="submit"]{ 
	    background: #d44a00;
        padding: 3px 10px;
        float: right;
        color: #fff
	}
	.menu-yellow input[type="text"]{
	    border: 2px solid #9b9183;
	    color: #9b9183;
	    width: 196px;
	}

	.menu-yellow input[type="submit"]{ 
	    background: #9b9183;
        padding: 3px 10px;
        float: right;
        color: #fff
	}


.bizspark{
	border: 1px solid #ddd;
	border-radius: 4px;
}
.bizspark img{
	width: 90%;
	margin: 5%;
}


.bizspark p{
	width: 90%;
	margin: 0 5% 5%;
	line-height: 15px;
	text-align: right;
}

.bizspark a{
	color: #d44a00;
}