/* general */
#topmenu {
	/*background: url("images/fmenu_repeat.png") repeat-x;*/
	text-transform: uppercase;
	clear:both;
}
#topmenu .menu-container {
	margin: 0 auto;
	clear:both;
	background: url("images/new/menu-gris.jpg") repeat-x;
	height: 53px;
	text-align: center;
}
#topmenu .menu-container .menu {
	padding-right:20px;
	height:45px;
	position:relative;
}

/* main menu */
#topmenu .menu-container .menu ul {
	margin: 0;
	padding: 0;
}

#topmenu .menu ul li {
    list-style: none;
	display: inline;
	margin:0; padding:0;
	text-align:left;
}
#topmenu .menu ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 7px 4px 7px; /* height for tab effect */
	line-height: 25px; /* height for tab effect */
	font-weight: bold;
}
#topmenu .menu ul li a:hover {
	color: #ff920c;
}
#topmenu .menu ul li.menu-active a {
	color: #ff920c;
}

/* sub menu */
#topmenu .menu ul li ul {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 28px;
	left:0px;
	width:100%;
	height: 25px;
}
#topmenu .menu ul li.menu-active ul {
	display: block;
	text-align: center;
	background: url("images/new/sous-menu-gradient.jpg") repeat-x;
}
#topmenu .menu ul li ul li {
	padding:0 0 4px 0 !important;
}
#topmenu .menu ul li ul li a {
	font-size: 11px;
	padding: 3px 7px 4px 7px !important;
	margin:0px !important;
	background-image:none !important;
	line-height: 25px; /* fix */
	font-weight: bold;
}
#topmenu .menu ul li.menu-active ul li a {
	color: #a4b4bd;
}
#topmenu .menu ul li.menu-active ul li a:hover {
	color: #ff920c;
}
#topmenu .menu ul li ul li.submenu-active {
	color: #a4b4bd;
}
#topmenu .menu ul li ul li.submenu-active a {
	color: #ff920c;
}
#topmenu .menu ul li ul li.submenu-active a:hover { 
	color: #ff920c;
}



span.menu-open1, span.menu-open2 { display:none; }
span.menu-close1, span.menu-close2 { display:none; }

/* global */
*, form, input {
	padding: 0; margin: 0;
}
body {
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 12px;
	color: #4b5c68;
	margin: 0; 
	padding: 0;
	text-align:center;
}
body a {
	font-size: 13px;
	color: #172530;
}
body a:visited {
	color: #172530;
}
#container {
	background-color: #FFF;
	margin: 0 auto !important;
	text-align:center;
}
#container #topmenu { 
	width:100%;
	margin: 0 auto;
}

.header {
        background: url(images/new/ulteo-bandeau-light.jpg) repeat-x top;
}
#top {
	clear: both;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}
#top #ulteoheadtitle {
	color: #4b5c68;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 70px;
	left: -50px;
}
#content, #debug {
	margin-top: 10px;
	clear: both;
	text-align:left;
}

/* begin min-height hack */
#content { height:300px; } /* for IE */
html>body #content { height:auto; min-height:300px; } /* for others */
/* end min-height hack */


/* Header */
div#top div#toptools {
	float:right;
	width:500px;
	margin-top:15px;
	margin-right: 10px;
	font-size:10px;
	text-align:right;
	position: relative;
	/*top: -25px;*/
	right: 5px;
}
div#top div#toptools div#topsearch {
	margin-bottom:10px;
}
div#top div#toptools div#topsearch input.searchfield {
	width:130px;
}
div#top div#toptools div#topsessioninfo {
	clear:both;
}
div#top div#toptools div#topsessioninfo select {
	font-size:10px;
	border:none;
}
div#top div#toptools div#toplanguage {
	clear:both;
}
div#top div#globalnav { font-size:10px; }
div#top div#ulteologo {
	position: relative;
	top: 8px;
	left: 10px;
	float:left;
}
div#globalnav { clear:right; }

div#content-container {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
div#content-container #pageinfo {
	background: #fff;
	margin-bottom: 3px;
	position: relative;
	right: -10px;
}
div#content-container #pagetranslations {
	background: #fff;
}
div#content-container #pagetranslations a {
	font-size: 1em;
}
div#content-container #pagerevision {
	display: none;
}
div#pageactions {
	font-size: 13px;
}

/* Footer */
div#footer {
	clear: both;
	font-size:11px;
	text-align: center;
	height: 109px;
	background: url(images/new/degrade-footer.png) repeat-x;
	color: #4b5c68;
	padding-top: 5px;
}
div#footer a {
	font-size: 1em;
}
div#bottom-container {
	display: none;
}

/* Tooltips bubbles */
.tooltip {
	width: 200px;
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:center
}
.tooltip span.top { 
	padding: 10px 8px 0;
	background: url("images/tooltip.gif") no-repeat top;
	height:30px;
	overflow:auto
}
.tooltip b.bottom{
	padding:3px 8px 15px;
	color: #548912;
	background: url("images/tooltip.gif") no-repeat bottom;
	height:15px;
}

/* Make edit form bigger */
div.action-edit #content {
	width:99% !important;
}
/* global */
div.viewcontent p {
	margin: 20px 0;
}
div.viewcontent legend { 
	font-weight:bold;
	color:#4b5c68;
}

/* ulteo layout */
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 { font-weight: bold; margin:0 0 0.3em 0; padding:0.3em 0 0 0; border-top: 1px solid #8CACBB; border-bottom: 1px solid #8CACBB; color: #172530; text-transform: uppercase; line-height: 20px; padding-bottom: 4px; }
div#content h1 { font-size:1.0em; }
div#content h2 { font-size:1.0em; margin-top: 1.5em; }
div#content h3 { font-size:1.0em; margin-top: 1em; }
div#content h4 { font-size:1.0em; margin-top: 1em; }

.action-view div#content .untranslated { background: none; } /* added by Jejem */

/* unused styles ? */
#easiest {
	height: 160px;
}
#easiest img {
	padding-left: 15%;
	float: left;
}
#easiest p {
	float: right;
	width: 40%;
	margin-right: 8%;
	text-align: left;
}

.p_left {
        background: url(images/p_left.png) no-repeat left;
}
.p_right {
        background: url(images/p_right.png) no-repeat right;
}
.p_header {
	padding: 5px 0 0 10px ;
	margin: 2px 3px 0 3px;
	color: #FFF;
	height: 29px;
        background: url(images/p_repeat.png) 0 repeat-x;
	font-size: 15px;
}
.p-left-container,.p-right-container {
	text-align: left;
	margin: 1em 1em;
	width: 45%;
}

#get-ulteo-section #news-form {
	background: url(images/news_form.png) no-repeat;
	height: 21px;
	width: 116px;
	border: none;
}
#get-ulteo-section #news-icon {
	background: url(images/send_icon.png);
	height: 21px;
	width: 23px;
	border: none;
}
.p-left-container {
	float: left;
}
.p-right-container  {
	float: left;
}
.clearing {
	clear: both;
}

.contact-box-left,.contact-box-right {
	float: left;
	width: 45%;
	padding: 10px;
}
.contact-box-right {
	text-align: right;
}
#go ul {
	margin-left: 70px;
}
#go ul li {
	list-style-type: none;
}



/* forum css */

.row1,.row2,.menu_t,.row3,.row3Right {
	border: solid #c0c0c0 1px;
}
.gensmall {
	font-size: 10px;
}
.main_t {
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
}
.main_t .head_top {
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.row1 span.name {
	width: 5%;
}

/* wiki CSS */

#wiki-panel-container {
	border: 1px solid #6b6b6b;
	width: 24%;
	float: right;
}
#wiki-panel-container h1 {
	font-size: 15px;
	text-align: center;
	background-color: #A0B2DB;
	color: #000;
}
#wiki-panel-container {
	font-size: 12px;
}
#wiki-content-container {
	width: 70%;
	margin-right: 20px;
	float: left;
}
#editor-textarea {
	width: 100%;
}
#pagetrail li {
	list-style-type: square;
	float: left;
	margin-left: 18px;
}
.wikilink,.editbar,#username {
	list-style-type: none;
}
div#page ul {
	margin-left: 50px;
}

div#page ol {
	margin-left: 50px;
}

/* irc search */
.odd {
	background-color: #d1dfff;
}
.odd td {
	padding: 0 3px;
}
.even {
	background-color: #c8cbd2;
}
.even td {
	padding: 0 3px;
}

/* Forms */
input, select {
	border: 1px solid #97ACD7;
	margin:1px;
}
input:focus {
	background-color:#F1F4FA;
}
input.button {
	background-color:#E3E3E6;
}
input.checkbox {
	border:none;
}

div.viewcontent fieldset {
	border:1px solid #97ACD7;
	margin:0px auto;
	padding:5px;
}
div.viewcontent fieldset label {
	width:200px;
	float:left;
	text-align:right;
	display:block;
	margin-right:15px;
}
div.viewcontent fieldset label.checkbox {
	float:none;
	width:auto;
	display:inline;
	margin-right:0px;
	text-align:left;
}
div.viewcontent fieldset p {
	margin:0px;
	padding:0px;
}
div.viewcontent fieldset p.controls {
	text-align:center;
}
div.viewcontent fieldset p.error {
	text-align:center;
}
div.viewcontent fieldset.quickset {
	width:420px;
}
div.viewcontent ul {
	margin-left: 40px;
}

div.viewcontent ol {
	margin-left: 40px;
}

/* AJAX Styles */
.loading {
	background-image:url('images/loading.gif');
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	display:block;
	float:left;
	margin-right:10px;
}

img, div { behavior: url(iepngfix.htc) }

#p_login {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}