/* Classic style for WampServer */

* {
	margin: 0;
	padding: 0;
}

html {
	background: #ddd;
}

body {
	min-width:900px;
	max-width:900px;
	/*margin: 1em 10% 1em 1em; */
	margin:1em auto;
	padding: 1em 3em;
	font: 80%/1.4 tahoma, arial, helvetica, lucida sans, sans-serif;
	border: 1px solid #999;
	background: #eee;
	position: relative;
}

.innerhead {
	margin-bottom: 0.9em;
	margin-top: 0.5em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #999;
	letter-spacing: -500em;
	text-indent: -500em;
	height: 80px;
	background: url('gifLogo.png') 0 0 no-repeat;
}

.utility {
	position: absolute;
	right: 4em;
	top: 79px;
	font-size: 0.85em;
}
.headtitle {
	position: absolute;
	left: 20%;
	top: 10px;
}

.utility li {
	display: inline;
}

.prerequis li {
	display: inline-block;
	margin:10px 0 0 10px;
}

.pagemod li {
	display: inline-block;
	margin:0;
}

.prerequisform li {
	display: inline-block;
	margin:10px 10px 10px -10px;
}

.prerequisversions li {
	display: inline-block;
	margin:15px 10px 0 5px;
}
.formversions {
	display: inline-block;
	font-size: 0.90em;
}

.ligne_code, .diff {
	font: 100%/1.5 Courier, "Lucida Sans Typewriter", "Lucida Typewriter", "DejaVu Sans Mono", monospace;
	text-align:left;
	background: #ddd;
	padding: 0;
	margin: 0;
}
.diff{background: #eee;line-height:90%;}

h2 {
	margin: 0.5em 0 0 0;
}

h4 {
	margin-top:0.5em;
	margin-bottom:0;
	padding:0;
}

.nb_versions {
	font: 70%/1.4 tahoma, arial, helvetica, lucida sans, sans-serif;
	margin-left:4em;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.changelog {
	list-style: disc;
	margin-left:1.5em;
	text-indent:0.5em;
}
ul.changelog li {
	line-height:110%;
}

ul.changelog1 {
	list-style: none;
	margin:0.5em 0 0 1em;
	text-indent:0.5em;
}
ul.changelog1 li {
	line-height:100%;
}
ul.changelog2 {
	list-style: circle;
	margin:0 0 0 1em;
	text-indent:0.5em;
}
#head ul li, dl ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 0.4em;
}

ul.aliases, ul.projects, ul.tools, ul.vhost {
	list-style: none;
	line-height: 24px;
}

ul.aliases a, ul.projects a, ul.tools a ,ul.vhost a {
	padding-left: 22px;
	background: url('pngFolder.png') 0 100% no-repeat;
}

ul.projects li.note a {
	background: none;
}

ul.tools a {
	background: url('pngWrench.png') 0 100% no-repeat;
}

ul.aliases a, ul.vhost a {
	background: url('pngFolderGo.png') 0 100% no-repeat;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	font-weight: bold;
	text-align: right;
	width: 11em;
	clear: both;
}

dd {
	margin: -1.35em 0 0 12em;
	padding-bottom: 0.4em;
	overflow: auto;
}
dd ul li {
	float: left;
	display: block;
	width: 16.5%;
  min-width: 140px;
	margin: 0;
	padding: 0 0 0 20px;
	background: url('pngPlugin.png') 2px 50% no-repeat;
	line-height: 1.6;
}

.divider1 {
    margin:5px 0 0 0;
    height:1px;
    border-top:1px solid #999;
}

.divider2, .divider3 {
    clear:both;
}
.divider3 {
	margin:-1.2em 0 -5px 0;
	border-bottom:1px solid #999;
}

a {
	color: #024378;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #04569A;
	text-decoration: underline;
}
li.last {
	color:#080065;
	font-weight:bold;
}
li.last a {
	color:#080065;
	font-weight:bold;
}

li.old {
	color:#1000FF;
	font-weight:normal;
}
li.old a {
	color:#1000FF;
	font-weight:normal;
}

#error {
	text-align: center;
	margin-top: 1.8em;
	border-top: 1px solid #999;
	padding-top: 1em;
	font-size: 0.85em;
}
#foot {
	border-top: 1px solid #999;
	/*border-bottom: 1px solid #999;*/
	font-size: 0.85em;
	margin:0 25px;
	padding:0 10px;
}
#foot li {
	list-style: none;
	display: inline;
}

.apps_subtitle, .apps_warning, .addons_title, .last_addons, .correct_bug {
	color: #080065;
	font-size: 1.2em;
	background:#DAEAEA;
	border:1px solid #080065;
	margin-right:2em;
	padding-left:1.2em;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
.apps_subtitle {
	margin-top:0.5em;
}
.apps_warning, .correct_bug {
	margin-top:0.2em;
	color: #FF0000;
	font-size: 0.9em;
	background:#F4E8FF;
	border:1px solid #FF0000;
}
.correct_bug {
	font-size: 1em;
	color: #000000;
}
.addons_title, .last_addons {
	text-align:center;
	font-size:1.5em;
	margin:0.3em 1em;
	padding:0 1em;
}
.last_addons {
	font-size:0.90em;
	text-align:justify;
}

.note {
	text-align:justify;
	font-size:0.88em;
	line-height:1.2;
}

.info, .info1 {
	text-align:justify;
	font-size:0.88em;
}
.info2 {
	text-align:center;
	font-size:0.88em;
}

.info {margin-right:6em;}

.note1, .info3 {
	text-align:justify;
	font-size:1em;
	color: #04569A;
	font-weight: bold;
	line-height:1.4;
}
.info3 {
	text-align:center;
}

.column {
    min-width: 220px;
    float:left;
}

.two-columns .column {
    width: 48%;
}
.three-columns .column {
    width: 32%;
}
.four-columns .column {
    width: 24%;
}

.cacher {
	display:none;
}

#nav_top,#nav_addons {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 6px auto;
  padding: 0;

}

#nav_top button,#nav_addons button {
  width: 12.5%;
  margin: 0 5px 0 0;
  padding: .3em;
  border:1px solid #080065;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: 0 2px 0 white;*/
  font-size: 0.9em;
  font-weight: bold;
  vertical-align: middle;
  color: currentColor;
  background-image: linear-gradient(#DAEAEA,#C9D9D9);
}

#nav_top button:hover,#nav_addons button:hover {
  text-shadow: 0 1px 0 white;
  color: #9D4329;
  background-image: linear-gradient(#C9D9D9, #DAEAEA);
}
#nav_top button.valid,#nav_addons button.valid {
	background-image: linear-gradient(#00FF00,#66CDAA);
}

.md5parent {
	display:inline-block;
	color:green;
	text-transform: uppercase;
	font-size:80%;
	position:relative;
}

.md5parent .md5popup {
  display: none;
}

.md5parent:hover .md5popup {
  display: inline-block;
  z-index:1000 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 200;
}

input[type="submit"] {
	color: #080065;
	font-size: 1em;
	background:#D5FFD5;
	border-width:1px;
	padding-left:1em;
	padding-right:1em;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}

/*#menu {
	display: list-item;
  position: fixed;
  right: 1em;
  top: 20%;
  width: 7em;
  margin-top: -2.5em;
}
#menu a {
	color: #080065;
	font-weight: normal;
}
*/
@media screen and (max-width: 750px) {
	dt {
  	text-align: left;
    width: 100%;
    clear: left;
    margin: 2% 0 0 0;
  }
  dd {
   	margin: 0;
   	padding: 0.5% 1.5% 1% 1.5%;
  }
}