/*
 *************************************************************************************
 *
 * Crx-cms powered by CRX-PHP-FRAMEWORK http://www.crxcluster.com/framework/
 * Copyright (c) Bastien Barbe and contributors. All rights
 * reserved.
 *
 * Crx-cms is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * Crx-cms is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 *************************************************************************************
*/

.listData{
	font-size:10px;
	width:100%;
	height:120px;
	overflow:auto;
	
}

.miniGallery{
	width:100%;
	height:250px;
	overflow:auto;
}

.hightlightDatagridLine_mousseOver{
	background-color:#FFCC00;	
	color:#000000;
}
.hightlightDatagridLine_mousseOver a{
	background-color:#FFCC00;	
	color:#000000;
}
.hightlightDatagridLine_mousseOut{	
	color:#FFFFFF;
}
div#pannel_menu{
	/*background-color:#2B5580;*/
	margin-bottom:5px;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
}
div#pannel_menu h1{
	font-size: 1em; 
	margin:0 0 0 0; 
	background:url(pics/windowTitle.png);
}
div#pannel_menu ul{
	margin: 0em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0em;
	list-style-type: none;
	list-style-position: inside;
}
#pannel_menu li{
	list-style: none none; 
}
#pannel_menu li a:link{}
#pannel_menu a:hover{
	color:#000000;
	background-color:#FFCC00;	
    display:block;
}
/*	
	Window bloc style using inside templates : 
	mini_window_screen, confirm_delete_item
*/
/*  Window title definition
    call by method myInterface::windowWidgetInformation
*/
.windowInformationTitle {	
	background:url(pics/windowTitle.png);
	
}
/*Window title using for warning message*/
.windowWarningTitle 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FF0000;
	color: #FFFFFF;	
}
/*Window border and content */
.windowGlobalDef{
	color: #000000; 	
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
	background-color:#2B5580;
}
.windowGlobalDef tr{
	color: #FFFFFF;	
}
.windowContent{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
.whiteAndBoldText{
	font-size:medium;
	font-weight: bold;
	color: #FFFFFF;
}
.scroll_albums_list_display{
	overflow:auto;
	width:auto;
	height:80px;
}
.lsAlbum li {
	width:23%;
	margin:0;
	padding:0;
	float:left;
}
.lsAlbum ul a {
	display:block;
	width:120%;
	line-height:20px;
	height:20px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}
.lsAlbum ul a span {
	display:block;
	width:120%;
	height:20px;
}
.lsAlbum ul, ul.nobullets{
	margin:0;
	padding:0;
	list-style:none;
}
.lsAlbum ul a:hover, #lsAlbum ul a.selected {
	cursor:pointer;
	background-color:#FFD04F;
	color:#000000;
}
.blocDataLeft{
	border:1px solid #CCC;
	border-width:1px 1px 1px 1px;
	width:auto;
	
	float:none;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
}

/*
	Top menu items definition
*/
#home{		width:12%;		}
#news{		width:14%;		}
#cluster{	width:10%;		}
#map{		width:10%;		}
#events{	width:12%;		}
#links{		width:8%;		}
#forums{	width:9%;		}
#about{		width:16%;		}



#benchMarkBloc{
font-size:14px;

}




body table{
	font-size:14;	
}

body a	
{
	
	text-decoration:none;	
	color:#E1E100;
}




/*
Admin
*/

#menu_admin 
{
	width:100%; 
	float:left;
	margin:0px;
	padding:0;
	
}

#menu_admin h4 
{
	font-size: 1em; 
	margin:0 0 0 0; 
	background:url(pics/windowTitle.png);
	border:1px solid #ccc; 
}

#menu_admin ul, #menu_admin form 
{
	margin:0 0 1em 0; 
	padding:0; 
	border:1px solid #ccc; 
	border-top:0 none; 
}

#menu_admin li 
{
	list-style: none none; 

}

#menu_admin li a 
{

	display:block;
	color:White;
	text-decoration: none; 
}

#menu_admin a:hover
{
	background:#ff; 
}

#menu_admin fieldset
{
	margin:0; 
	background:transparent; 
	border:0 none; 
}











/*
	News module 
*/
#newsTitle
{
	font-size:15px;
}

#commentDisplayBloc{

	height:200px;
	overflow:auto;

}

#mapDisplay{
	width:400px;
	height:400px;
	overflow:auto;


}


#activationMailedInfo{

	height:350px;
	overflow:auto;

}



/*
		Comment bloc 

		<div id="windowBloc">
		<h2>titre de la fenetre</h2>
		<p>contenu dlfkds s dlfk smfksm  s dkfs mfdksdmfks mlfk</p>
		</div>
*/
#windowBloc{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
	margin-right:3px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	font-family:  monospace;
	text-align:justify;
	padding: 2px 2px 2px 2px;
}


#windowBloc p {

	padding:2px;

}

#windowBloc h2 {
	font-size:12px;
	display:block;
	margin-top:0px;
	background-color:#F0F0F0;
}	




/*
------------------------------------------
	Search Bloc 
------------------------------------------
*/
#searchResult
{
	overflow:auto; 
	height:400px;
}

#searchBloc
{
	z-index:100;
	padding-left:10px;
	padding-top:200px;
	text-align:center;

	float:left;
	font-size:10px;
	width:180px;
}

/*
------------------------------------------
*/


	.hide { display: none!important; }

	.block {display: block;}

	.normal {font-weight: normal;}
	.title_txt_1 {font-size: medium}
	.reduceWidget { font-size: 14px; font-weight: bold; }

	.css_call_present a { color: #000099; font-weight: bold; text-decoration:none; }
	.css_call_fake { color: #FF0000; font-weight: bold; text-decoration:none; }
	.css_call_validate a { color: #006600; font-weight: bold; text-decoration:none; }

	.warning_message {color: #FF0000;font-weight:bold;}

	.gradiant_interface_bloc 
	{
		background-image:url(html/pictures/interface/crxcluster/grad_crx_design.gif);
	}


.scroll_month_dsp
{
	overflow:visible;
	width:auto;
	height:160px;
}

.lsMonth li 
{
	width:23%;
	margin:0;
	padding:0;
	float:left;
}

.lsMonth ul a 
{
	display:block;
	width:100%;
	line-height:20px;
	height:55px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

.lsMonth ul a span 
{
	display:block;
	width:100%;
	height:28px;
}

.lsMonth ul, ul.nobullets
{
	margin:0;
	padding:0;
	list-style:none;
}

.lsMonth ul a:hover, #lsMonth ul a.selected 
{
	cursor:pointer;
	background-color:#FFD04F;
	color:#000000;
}




/*
--------------------------------------------
		Login BLOC (top right)
--------------------------------------------
*/
#languageSelectionBloc
{
	padding:2px 0 0 0;

	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
	font-size:10px;
	float:right;
	text-align:left;
}

#blocTop 
{
	background:url(pics/logo.gif) no-repeat;
	background-position:center;
	height:230px;
	background-color:#336699;
	
}

#loginBloc
{
	margin-left:40px;
	float:right;
	font-size:10px;
	width:170px;
	height:80px;
}

#loginBlocButton
{
	margin-left:3px;
}

#loginBlocInputUser
{
	margin-top:3px;
}
.pannelItems a
{
	text-decoration:none;	
}

.pannelItems{
	width:250px;
}

.linkDatagrid{

}


.sourceCode 
{
	display: block;
	margin: 10px;
	padding: 5px;
	border-style: solid;
	border-color: #9ab;
	border-width: 1px;
	font-family:  monospace;
	font-size:12px;
}

.scroll_mini
{
	overflow:auto; 
	width:auto; 
	height:100px;
	font-size:10px;
}

.mapCursor { cursor: crosshair; }

/*
--------------------------------------------
		MENU DEFINITION
--------------------------------------------
*/
.active
{
	color:#FFF;
	font-weight:bold;
	background-color:#1F7385;
}

.active a
{
	color:#FF;
}

div#root_menu{
	padding-top: 10px;
	width:100%;
	height:20px;
	background-color:#2B5580;
	margin-right:0px;
}

#root_menu ul{
	padding			:0px;
	margin-bottom		:0px;
	margin-top	    	:0px;
	margin-left		:30px;
}
#root_menu li{
	list-style:none;
	display:inline;
	padding:0 0 0 5px;
	float:left;
     height:30px;
}

#root_menu li a:link, 

#root_menu li a:visited{
	color: #FF;
	float:left;
	display:block;
	text-decoration: none;
	padding:0px 25px 0px 25px;
}

#root_menu li a:hover {
  color: White;/*#ddd;*/
}

div#sub_root_menu{
        
			
}

#sub_root_menu ul{
        margin: 10px 0px 0px 0px;      
		text-align:left;	
}

#sub_root_menu li{
    list-style:none;
	height:22px;

}

#sub_root_menu li a:link,
#sub_root_menu li a:visited
{
      
        float:left;
        height:0px;
        display:block;
        text-decoration:none;
        padding:0px 25px 0px 25px;
}

#sub_root_menu li a:hover {


  color: White;/*#ddd;*/

}


.galleryAlbumItem li {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.galleryAlbumItem ul a {
	display:block;
	width:100%;
	line-height:15px;
	
	color:#ffffff;
	text-decoration:none;
}

.galleryAlbumItem ul a span {
	display:block;
	width:100%;
	height:15px;
}

.galleryAlbumItem ul, ul.nobullets{
	margin:0;
	padding:0;
	list-style:none;
}

.galleryAlbumItem ul a:hover, #lsMonth ul a.selected {
	cursor:pointer;
	background-color:#FFD04F;
	color:#000000;
}


#galleryItem  ul
{
	list-style		:	none;
	padding			:	5px 5px 5px 5px;
}

#galleryItem li 
{
	width:150px;
	height:300px;
	border-width:thin;	
	border-style:solid;
	border-color:#6699FF;
	float: left;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:20px;
}




/*--------------------------------------------------------------*/

.mail_read span a{
	color:#6699FF;

}

.mail_not_read a{
	color:#6699FF;
	
	
}

.Blue{	color:#6699FF;	}

#blocForm 
{
	float:right;
	margin-top:10px;
	width:100%;
	background-color:auto;
}
/*
		F O R U M 
*/
#forumMessageContent
{
	margin: 2px 2px 2px 2px; 
	width:99%;
}



/*
		body:crxclustercom
		main color:#3192DE   // #F0F0F0
*/

.blocData{
	border:1px solid #CCC;
	border-width:1px 1px 1px 1px;
	width:100%;
	background-color:#2B5580;
	/*margin-left:-110px;*/
	margin-bottom:10px;	
	float:none;
}


.blocData h2{
	margin-top:0px;
	padding-left:4px;
	font-size:12px;
	background:url(pics/windowTitle.png);

}


.blocData_underline a{	text-decoration:none;	}

.mainWindowTitle a{
	text-decoration:none;
	font-weight:bold;
	color:#DDDDDD;

}

.mainWindowTitle a:hover{
	color:#3737FF;
}


.mainWindowTitle{
	background:url(pics/windowTitle.png);
	background-color:#CC9933;
	font-weight:bold;
}

.textFrame{
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size:12px;
}

.blocChatDisplay{
	height:200px;
	overflow:auto;
}

.PeopleChatDisplay{
	height:200px;
	overflow:auto;
}

body{
	background:#336699 url(pics/body.png)  top left repeat-x ;
	
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
}

/*
	Interface layers definition 
*/
#layer1, #top 
{
	margin:auto;
	/*background:transparent url(pics/layer1.png) top left repeat-x;*/
}

#layer2 
{

}

#layer3 
{
	margin:auto;
	max-width:98%;
	background-color:#1F7385;		
	margin-left:35px;
	margin-right:35px;
	border:1px solid #FFFFFF;
	border-width:0 1px 1px 1px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

#layer4{
	
}

/*
	BLOCS DEF : 


	blocTop [-----------] height 60 !
	searchBloc
	menuBloc
*/
#lostPassword
{
}

/*
lsModules
		--------------------------------------------
						SUB MENU DEFINITION
		--------------------------------------------
*/




li#sub_spots,li#sub_activations,li#sub_greyline,li#sub_search,li#sub_myaccount,li#sub_software
{
	width:6%;
}

#SubmenuBloc li 
{
	width:16%;
	height:15px;
	margin:0;
	padding:0;
	float:left;
}

#SubmenuBloc ul a 
{
	display:block;
	width:100%;
	line-height:30px;

	height:25px;
	
	text-align:center;
	
	text-decoration:none;
}

#SubmenuBloc ul a span 
{
	display:block;
	width:100%;
	height:28px;
	
}

#SubmenuBloc ul, ul.nobullets
{
	margin:0;
	padding:0;
	list-style:none;
}

#SubmenuBloc ul a:hover, #SubmenuBloc ul a.selected 
{
	cursor:pointer;
	background-color:#ddd;

}

/*
lsModules
		--------------------------------------------
						LS modules 
		--------------------------------------------
*/

#lsModules li 
{
	width:33%;
	margin:0;
	padding:0;
	float:left;
}

#lsModules ul a 
{
	display:block;
	width:120px;
	height:70px;
	color:Yellow;
	text-decoration:none;
	font-size:10px;
	/*background-color:White;	*/
}

#lsModules ul a span 
{
	
	width:100%;
	height:70px;
}

#lsModules ul, ul.nobullets
{
	margin:0;
	padding:0;
	list-style:none;
}

#lsModules ul a:hover, #SubmenuBloc ul a.selected 
{
	cursor:pointer;
	background-color:#1F7385;
}
/*
--------------------------------------------
				MAIN CONTENT : 

						    mainContent
						
						|	mainBloc   |	
			pannel()	|			   |	pannel()
						   footerBloc	
--------------------------------------------
*/
#mainContent{
	position:relative;
	margin:auto;
	margin-top:3px;
	max-width:99%;
	width:100%;
	height:100%;
	background-color:#1F7385;
}

#mainBloc{
	padding:2px 5px 0px 5px;
	float:left;
	width:78%;
	min-height:500px;
	max-width:80%;

}

#mainBloc.nosidebar 
{
	width:98%;
	max-width:100%;
}

/*PANNEL BLOC DEF */
#pannelBloc{
	float:right;
	width:20%;
	padding-right:0px;	
	padding-top:5px;
	padding-left:0px;	
	margin-right:2px;



}

#pannelBloc .pad{
	padding:5px 0;
}

#pannelBloc h2, #pannelBloc h3 
{
	clear:both;
	font-size:12px;
	
	margin:20px 0 0px 0;
	padding:0 0px;
}

#pannelBloc h2 
{
	background:url(pics/windowTitle.png);

	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#CCCCCC;

	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCCCCC;

	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#CCCCCC;


}

#moduleAbout h2 
{

	background:#eff0ec;
	font-size:11px;
}

#pannelBloc p + h2 
{
	margin-top:20px;
}

#pannelBloc h3, #pannelBloc h4 
{
	font-size:11px;
	margin:0 0 10px 0;
}

#pannelBloc h2 a, #pannelBloc h3 a 
{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

#pannelBloc p, #pannelBloc li, #pannelBloc dt, #pannelBloc dd 
{
	font-size:11px;
}

#pannelBloc p 
{
	padding-top:2px;
	padding-left:2px;
	
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#CCCCCC;

	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCCCCC;

	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	
	background-color:#2B5580;
	
	margin: 0 0 0px 0;
	
}

#pannelBloc li li 
{
	font-size:11px;
}

#pannelBloc dd{

	margin:2px 2px 8px 2px;

}

/*
	FOOTER BLOC	DEF :
*/
.right, #footerBloc span, .col2, .col2-lines 
{
	float:right;
}

#footerBloc{
	text-align:center;
	font-size:9px;
	clear:both;
	color:#FFFFFF;
	margin:0 0 0 0;
}

.flagsWidget span{
	padding:1px;
	padding-top:4px;

}

/**
 user account "tab" system
*/
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	
	width:		100%;		/* width needed weird IE bug */
	
	background-color:#2B5580;

}

.dynamic-tab-pane-control .tab-row .tab {
	
	width:				80px;
	height:				18px;

	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	

	/*margin:			1px -1px 1px 2px;*/
	padding:		2px 0px 0px 0px;
	border:			0;

	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	
	width:				80px !important;
	height:				18px !important;
	border-bottom-width:	0;
	z-index:		3;
	
	font:				11px Tahoma;
	font-weight: bold;
}

.dynamic-tab-pane-control .tab-row .tab a {
	
	text-decoration:	none;
	color:#E1E100;
	
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	
	width:				80px;
	height:				16px;
	
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	z-index:		2;
	position:		relative;
	padding:		10px;
	
}

.dynamic-tab-pane-control .tab-row {
	
	z-index:		1;
	white-space:	nowrap;
	
}


/**
*--------------------------------------------
*			Dx cluster module
*--------------------------------------------
*/
#ClusterDisplay {
	width:100%;
	height:100%;
	max-height:300px;
	background:#fffc;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto; 
	overflow : -moz-scrollbars-vertical; 
}

#ClusterDisplay a
{
	color:#FFFF00;	
	
}

.ClusterPannelDisplayConfiguration
{
	padding-top:2px;
	padding-left:2px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	background-color:#2B5580;
}