/*
You can use this CSS file to customize the look of your Mobyle portal.
Please modify this file instead of the mobyle.css file, which can be modified
in Mobyle newer versions.
examples:
#	Mobyle portal title using content that will be included
	after the "Mobyle" heading  
	#mobyleHead:AFTER{
		content: "@myplace";
	}
#title and links font colors
	h1{
		color: #4682B4;
	}
	h2,h3,h4,h5,fieldset,a {
		color: #164274;
	}
#drawer and tab handles background color
.handlesList li, dl.accordion dt {
	background-color: #4682B4;
}
#selected drawer and tab handles background colors
.handlesList li:hover, dl.accordion dt:hover{
	background-color: #86C2F4;
}
#selected tab handles background colors
	.handlesList .selected {
		background: #66A2D4;
	}
	.panelsList{
		border-top:2px solid #66A2D4;
	}
#drawer and tab handles text color
.handlesList li a, dl.accordion dt {
	color: white;
}
#welcome page "informations" colors
.presentation {
	border-color: #444488;
	background-color: #E0ECFF;
}
*/


h1{
    color: #444488;
}
h2,h3,h4,h5,fieldset,a {
    color: #444488;
}
.handlesList li, dl.accordion dt {
    background-color: #808080;
}
.handlesList li:hover, dl.accordion dt:hover{
    background-color: #484848;
}
.handlesList .selected {
    background: #989898;
}
.panelsList{
    border-top:2px solid #cccccc;
}
.handlesList li a, dl.accordion dt {
    color: white;
}

.handlesList li.selected {
border:1px solid #444488 !important;
}

.handlesList li.selected, .handlesList li.selected > a{ 
    background-color:white !important;
    border-bottom:medium none !important;
    color:#444488 !important;
    margin-bottom:-1px;
}

.presentation {
    border-color: #444488;
    background-color: #f0f0f0;
}