/*!
 * \file design.css 
 * \brief In the WikiDOki project : the main design
 */
 
body{
	margin:0px;
	padding:0px;
}

table
{
	table-layout: fixed;
	text-align: justify;
}

a>img{
	border-style: none;
}

div#page{
	position:relative;
	width:1024px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
	top:-30px;
}

/*LOGIN - REGISTER PAGE*/

img#logo_login{
	width: 724px;
	height: 168px;
	margin-top : 50px;
	margin-left: 125px;
}
p.title{
	margin-left: 325px;
	font-size: 2em;
	font-weight:bold;
	margin-bottom : 0px;
}
div.top{
	background-image : url("../resources/top_register.png");
	margin-left: 200px;
	width : 568px;
	height : 36px;
}
div.corps{
	background-image : url("../resources/corps_register.png");
	background-repeat: repeat-y;
	width : 568px;
	margin-left: 201px;
	padding-left : 70px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.bottom{
	background-image : url("../resources/bottom_register.png");
	margin-left: 199px;
	width : 568px;
	height : 37px;
}

div.form_l{
	background-image:url(../resources/redShape_register.png);
	background-repeat:no-repeat;
	height:31px;
	margin:0 50px 10px 0;
	width:350px;
}

.form_l input{
	float:right;
	padding-bottom:5px; /*height of the input*/
}

span.intro_text{
	margin-left:50px;
}

a.goOtherPage{
	position:absolute;
	left:425px;
	text-align:center;
}

input.button_submit{
	margin-top : 10px;
	margin-left:375px;
}

img.questionMark{
	margin-right: 125px;
	float: right;
	border:0px;
}

img.tick{
	position : relative;
	float:right;
	right:10px;
	border:0px;
}


/*Info question mark*/
p.info{
	position:relative;
	margin-left:60px;
	z-index:24;
	color:#cccccc;
	text-decoration:none;
}
 
p.info:hover{
	z-index:25;
	background-color:#35CFFF;
}
 
p.info span{
	display: none;
}
 
p.info:hover span{
	display:block;
	position:absolute;
	left:25em; 
	width:15em;
	border:1px solid #000;
	color:#000;
	text-align: justify;
	padding:5px;
	background-color:#96B9FF;
	-moz-border-radius: 5px;
}

/*MAIN PAGE*/

/*Header*/
div#logout{
	position: relative;
	float:left;
	width: 250px;
	height: 168px;
	background-color : #BF9394;
	border: 2px solid #385D8A;
	-moz-border-radius: 10px;
}
div#logout img{
	margin-top:0px;
	margin-left:30px;
}

div#logout p{
	margin-top:10px;
	margin-left:20px;
	width:200px;
	font-size:2em;
	font-weight:bold;
	text-align:center;
}

div#logo_mainpage{
	position : relative;
	margin-top : 50px;
	margin-left : 300px;
	width: 724px;
	height: 168px;
	font-size:3em;
	color : red;
	border: 2px solid white;
	-moz-border-radius: 10px;
}


/*Content*/
div#content{
	position: relative;
	margin-top  : 20px;
	margin-left : 300px;
	width : 724px;
	min-height : 600px;
	border: 2px solid #385D8A;
	-moz-border-radius: 10px;
}

div#editable_head{
	padding-top: 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	background-color : #BF9394;
	border-bottom: 5px solid #385D8A;	
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}
div#content p{
	margin:0;
	right:0px;
	position:absolute;
	font-size:1.2em;
	width:150px;
	text-align:center;
	background-color: #44135D;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	color:white;
}
div#content p:hover{
	color: #00137F;
	background-color:#BFc8d9;	
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
}

h1#editable_title{
	padding-right:50px;
	text-align: center;
	margin:0;
}

h1#editable_title textarea.editedTitle
{
	width: 500px;
	height: 50px;
	min-height: 50px;
	font-size: 1.6em;
	font-weight: bold;
	text-align:center;
}

div.menu_horizontal_haut{
	height:30px;
}
img#link_btn{
	position: absolute;
	left: 450px;
}

img#grant_btn{
	position: absolute;
	left: 600px;
}

div#editable_content{
	padding-right:10px;
	padding-left:10px;
	margin: 5px 20px 10px 20px;
	min-height:410px;
	border: 2px solid #385D8A;	
	-moz-border-radius: 5px;
}

div#editable_content textarea
{
	width: 100%;
}

textarea,table#editable_table div
{
	min-height:330px;
	height:100%;
}
table#editable_table div{
	max-width:100%;
}
table#editable_table td{
	border-right : dotted;
	vertical-align:top;
}
img#id_img_add_col
{
	position:relative;
	margin-top: 75px;
	margin-left: 30px;
	float: left;
}

img.removerow
{
	float: right;
}

img.removerow, img#id_img_add_col, img.button, .button
{
	cursor: pointer;
}

input.cursor{
	cursor: default;
}

div#editable_content>table
{
	width: 100%;
}

div.menu_horizontal_bas{
	height:50px;
}
img#edit_btn{
	position: absolute;
	left: 250px;
}
img#save_btn{
	position: absolute;
	left: 400px;
}
img#cancel_btn{
	position: absolute;
	left: 550px;
}

/*Menu*/

div#menu{
	position: relative;
	float:left;
	margin-top : 20px;
	width: 250px;
	height: 600px;
	background-color : #BF9394;
	border: 2px solid #385D8A;
	-moz-border-radius: 10px;
}

div.myPages{
	position:absolute;
	top: 30px;
	left: 10px;
	padding-bottom: 20px;
	z-index:1;
}

div.myFriends{
	position:absolute;
	top: 320px;
	left: 10px;
}
div.myPages p.mainWP{
	background-color: #DF8989;
	margin-right: 10px;
	margin-left: 10px;
	height:30px;
	padding-top : 5px;
}

div.myFriends p , div.myPages p{
	text-decoration:none;
	text-align:center;
	color: black;
	font-weight:bold;
	font-size:1.2em;
	margin-top : 0px;
	background-color: #BF8989;
	-moz-border-radius: 5px;
	z-index:10;
}

div.myFriends p.left, div.myPages p.left
{
	width: 88%;
	float: left;
}
div.myFriends p.right, div.myPages p.right
{
	width: 10%;
	float: right;
}

div.myFriends p:hover, div.myPages p:hover{
	text-align:center;
	color: #00137F;
	font-size:1.2em;
	background-color:#BFc8d9;
	-moz-border-radius: 5px;
	margin-top : 0px;
}
div.myFriends>img, div.myPages>img{
	margin-bottom:10px;
	/* style pour le menu => friends */
}

div.listFriends, div.listPages{
	margin-top:20px;
	height:210px;
}

div.listPages img,div.listFriends img{
	margin-right: 1px;
	margin-top: 1px;
}

div.listFriends{
	overflow : auto;
}

img.addFriends{
	position:absolute;
	top: 340px;
	left:180px;
	z-index:20;
}

img.addPages{
	position:absolute;
	top: 50px;
	left:180px;
	z-index:20;
}


/*debug messages*/
div#ajax_msg,div#err,div#debug
 {
 	position: absolute;
	bottom: 20px;
	left: 50px;
 }

div#ajax_msg
{
	background-color: #47CAFF;
}

div#err
{
	background-color: #FF0000;
}

/* Add-Page - Add-Friend */


div#sb-body 
{
  background-color: black;
  text-align: center;
}

input#q 
{
  color: #aaa;
}