/*
Document   : template
Created on : 2009-02-03, 16:52:13
Author     : thomas
Description:
Purpose of the stylesheet follows.
- Si ajout de nouveau contenu, les mettres dans les bonnes sections
*/

/*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
 html,
body {
   margin: 0;
/* padding:0.175em;*/
   background-color: #F2F2F2 !important;
   height: 95%;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:   13px;
   line-height: 18px;

}

.cont_add_tel {
   
}

.phone{
   margin-bottom: 0px;
}

.attachment {
   margin-bottom: 15px;
}
/*
 ENQUIRIES
*/
#nav_login {
   text-align:right;
   border-bottom: 0px #e3e3e3 solid;
   padding-bottom: .2em;
   font-size: 10px;
   color: #ccc
}

#nav_login span a {
   color: #777;
   text-decoration: none;
}

#nav_login span a:hover {
   color: #777;
   text-decoration: underline;
}

/* Patch for DatePicker conflict with jquery.layout */
#ui-datepicker-div {
   z-index: 9999;
}

.ui-datepicker-trigger {
   position: relative;
   top:4px;
   left: 2px;
   margin-top: 0px;
}

div#section_top {
   border: 0px red solid;
   margin: -10px 5px 5px 5px;

}

div.logo {
   float: left;
   margin-top: 15px;
   border: 0px red solid;
}


#slider {
   float: left;
   margin:0px 5px;
   width:200px;
   margin-left: 2%;
}

h1 {
   padding-top: 10px;
   margin-bottom: 40px;
   color: #566065;
}

h3 {
   margin: 0px 0px;
   padding: 4px 8px 8px 8px;
   color: #566065;
   letter-spacing: 0.5px;
   font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif !important;
}

img {
   border: 0;
}

table th {
   color: #474f53;
}

a:link, a:visited {
   color: #8A8A8A;
   text-decoration: underline;

}

a:hover {
   color: #006375;
   text-decoration: none;
}

/* Menu Principal */
div#menuP a:hover, div#menuP a:focus {
   text-decoration: none;
   color: #006375;
}

.ui-layout-north {
   background-color: #fafafa !important;
   padding: 0px 5px 5px 5px;
}

div#menuP {
   position:absolute;
   left: 213px;
   top: 62px;
   border: 0px #B2B2B2 solid !important;
}
/* -Fin- Menu Principal */
.container {
   margin: 0px auto;
   border-top:0px #e7e7e7 solid;
   text-align:left;
}

.container_2 {
   width:600px;
   background: #fff url('/images/bg_curve.png') repeat-x;
   border:1px solid #d3d3d3;
   margin: 20px auto 0 auto;
   text-align:left;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding-top: 3px;
}

.ticket {
   margin: 0 auto;
}

.ui-widget-content {
   display: block;
   height: 100% !important; /* Bug: Si on met a "auto" IE7 fait monter le CPU à 100% */
}
.ui-tabs {
   padding-bottom: 1em !important;
}

div.yield {
   padding: 1px 5px 30px 5px;
   border: 0px red solid;
}

div.inner a:link,div.inner a:visited {
   color: gray;
   text-decoration: underline;
}

div.inner a:hover {
   color: white;
   text-decoration: none;
   background: #B2B2B2;
}

img.logo_small {
   position: relative;
   top: 5px;
   border: 0px red solid;
}

img.logo_cpny {
   float: right;
   margin-right: 10px;
   margin-top: 4px;
}

span.rest_menu {
   float: left;
   padding-left: 8px;
}

span.search_total{
   font-size: 0.8em;
   display: block;
   color: #AAAAAA;
   margin-top: -8px;
   margin-bottom: 15px;
}

span.search {
   float: right;
   position: relative;
   height: 20px;
}

span.stars img {
   float:left;
   margin-right: 5px;
   background:none;
}

span.stars img:hover {
   background-color:transparent;
}

span#search_spinner  {
   display: none;
   position: absolute;
   right: 8px;
   top: 7px;
   z-index:9999;
}

span.search input {
   float:right;
   margin-right: 8px;
   height: 16px;
   width: 150px;
   border: 1px gray solid;
}

span.search input:hover {
   border: 1px #B2B2B2 solid;
}

span.notice {
   display: block;
   text-align: center;
   padding:0;
}


/*************************/


/*** TABS ***/

li.button {
   -moz-border-radius-topleft:4px !important;
   -moz-border-radius-topright:4px !important;
   margin-left: 50px !important;
}

div.s_menu {
   position: relative;
   height: 25px;
   z-index:9999
}

span.s_link {
   float: left;
   width: 400px;
   margin-top: 3px;
   border: 0px red solid;

}

.livesearch {
   float: right;
   border: 1px solid silver;
   margin-right: -5px;
}

.ui-tabs .ui-tabs-nav li a {
   padding: 0.3em 1em !important;

}

.ui-tabs .ui-tabs-panel {
   padding:.5em 0.8em !important;
   margin-top: 15px;

   z-index: 1 !important;
}
.ui-widget-header {
   z-index: 1 !important;
}


/* Scaffold */

.fieldWithErrors {
   display:inline;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
   margin-right:10px;
   border: 1px solid #e70000 !important;
}

#errorExplanation {
   display: none;
   position: absolute;
   right: 13%;
   width: 400px;
   border: 2px solid #B0B0B0;
   padding: 7px;
   padding-bottom: 12px;
   margin-bottom: 30px;
   background-color: #f0f0f0;
   z-index: 9999;
}

#errorExplanation h2 {
   text-align: left;
   font-weight: bold;
   padding: 5px 5px 5px 15px;
   font-size: 12px;
   margin: -7px;
   background-color: #c4c4c4;
   color: #fff;
   letter-spacing: 0.8px;
}

#errorExplanation span.close {
   position: absolute;
   bottom: 0px;
   right: 0px;
   padding: 6px;
}

span.warning {
   position: relative;
   padding-right: 6px;
   bottom: -1px;
   color: red;
   cursor: help;
}


#errorExplanation p {
   color: #333;
   margin-bottom: 0;
   padding:5px 5px 2px 5px;
   color: #566065;
}

#errorExplanation ul li { /* OLD */
   font-size: 12px;
   list-style: disc;
   color: #e70000 !important;
}

ul.ui-dialog-content li { /* New */
   margin-left: 10px;
   font-size: 12px;
   list-style: disc;
   color: #e70000 !important;
}

.msgAlert {
   height: auto !important;
}

.msgattach {
   height: 400px !important;
}



/* -Fin- Scaffold */


/* Listing */

div#item_list {
   display: block;
   height: auto;
   padding-left: 0%;
}

.maximize_block { /* Spacer http://openweb.eu.org/IMG/article52/annexe1.html#ex3 */
    clear:both;
}

div h4.title {
   border-bottom: 0px solid silver;
   padding: .2em;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   color: #000;
}

div.status {
   float:right;
   padding: .2em;
}

div.client {
   float: left;
   margin-left: .2em;
}

div.project {
   margin-bottom: 6px;
   padding-bottom: 6px;
   border-bottom: 1px silver solid;
}

div.description {
   position: relative;
   padding: .2em;
   border: 0px red solid;
   margin-top: 0px;
   padding-bottom:10px;
}

div.bottom_list {
   position:absolute;
   bottom: 0px;
   width: 100%;
   border-top: 1px silver solid;
   padding-bottom: .2em;
   margin-bottom: 0 !important;
  /* background-color: #FFF;*/
}

div.contenu_postit{
   position:relative;
   display:block;
   /*border: 1px red solid;*/
   height: 320px;
   font-size: 12px;
}

div.show, div.edit, div.delete {
   float: left;
   padding: .2em .2em 0 .2em ;
   border: 0px red solid;
}


.keyword {
   float:right;
   font-size: .8em;
   padding-right: .4em;
}

.date{
   float: right;
   font-size: .8em;
   padding-right: .4em;
}
/* -Fin- Listing */


/* Pagination */

.pagination {
   display: inline;
   width: 300px;
   height: 40px;
   background: transparent;
   text-align: center;
   padding: 0;
}
.pagination a, .pagination span {
   padding: .2em .3em;
}
.pagination span.disabled {
   color: #AAA;
}
.pagination span.current {
   font-weight: bold;
   background: transparent url(/images/circle.png)  no-repeat 50% 50%;
   padding: .2em .5em;
}
.pagination a {
   text-decoration: none;
   color: black;
}
.pagination a:hover, .pagination a:focus {
   text-decoration: underline;
}
/* -Fin- Pagination */

/*** Check EMAIl ***/
#enquiry_email {
   display: inline;
}

.field_form  {
   display:block;
   width: auto;
   height: 28px;
   border: 0px red solid;
}

.field_form #email_check {
   border: 0px red solid;
}

div#field_form_facult {
   display:block; /** TODO Mettre none **/
}


/* -Fin- EMAIl */


/*** Formulaire ***/

p.submit_ticket {
  /* border: 1px red solid;*/
   text-align: right;
}

.hoverme:hover .hasBackgroundColor  {
   background-color: #fdfdfd !important;
}

div#container_form {
   display: block;
   float: left;
   width: 100%;
   /* border: 1px blue solid;*/
}

div#container_phones,#container_att {
   display: block;
   /*border: 1px red solid;*/
}

div#container_phones span,#container_att span {
   font-weight:bold;
   font-size: 14px;
   padding-right: 5px;
}

#container_phones img.add_btn,#container_att img.add_btn {
   margin-top: 1px;
   margin-left: 0;
}

fieldset.phone #phones {
   margin-left: 85px;
}

fieldset.phone:hover {
   background-color: #fff;
}

fieldset.column_1 {
   -moz-border-radius: 8px;
   border-radius: 10px;
   float: left;
   width: 45%;
   margin: 0 auto;
   position: relative;
   left: 25%;
   border: #eaeaea 1px solid;
}

fieldset.column {
   position: relative;
   width: auto;
   height: 375px;
   min-height: auto;
   margin: 0 0px;
   padding: 20px;
   border: #eaeaea 1px solid;

}

html>body fieldset.column { /* Fix bug IE-SAFARI-FF "min-height" */
   height: auto;
}

div.contenu_form {
   padding-left: 0%;
  /*margin: 0 auto;*/
   margin-left: 2%;
}

div.corner_form {

}

fieldset legend {
   padding: 0 10px;
   border-left: #CCC 1px solid;
   border-right: #CCC 1px solid;
   font-size: 1.2em;
   color: #566065;
   letter-spacing: 1px;
   margin-bottom: 0px;
   font-weight: bold;
   margin-left: 0px

}

.field_none {
   border: 0px !important;
}

.label_titre {
   border: 0px;
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:13px;
   line-height:18px;
   font-weight: normal;
   color: #000;
   margin-left: -10px;
}

.label_titre label {
   float:none !important;
}

fieldset p
{
   margin: 10px 0;
   padding: 0;
   /*background-color:#CCC;*/
   /*border: 1px red solid;*/
}



div.submit {
   float: left;
   width: 50%;
   display: block;
   padding-left: 5px;
   margin-top: 0.5%;
   /* border: 1px red solid;*/
}

div.submit input {
   height: 30px;
}

div.submit input:hover,div.submit input:focus {
   cursor: pointer;
   cursor: hand;
}

div.submit input:active {
   cursor: pointer;
   cursor: hand;
}

div.attachment {

}

div.attachment:hover {
   background-color: #fafafa;
}

div.attachment a {
   padding: 0 1px;
}

img.x_btn {
  position: relative;
   top: 2px;
}

img.add_btn {

}

div.att_remove {
   display:block;
   margin-bottom: 0px;
   width:95%;
   border-bottom: 1px solid silver;
}

div.att_remove span {
   display:block;
   padding-top:0px;
   padding-left:5px;
   padding-bottom:2px;
}

p.add_attac {

}

.category_phone {
   width: 50px !important;
}


/* -Fin- Formulaire */


/**********************/
/*   formOverWrite    */

.ui-button {
      outline: 0;
      margin:0;
      padding: .3em 1em .2em;
      text-decoration:none !important;
      cursor:pointer;
      position: relative;
      text-align: center;
}

label.label_field {
   display:block;
   width:20%;
   height: 20px;
   float: left;
   padding-right: 1%;
   padding-top: 0px;
   margin-left: 5px;
   text-align: right;
   letter-spacing: 0.8px;
   /*background-color: #efefef;*/
}
/*
input.text_field, input.check_box {
   margin-left: 1%;
   margin-top: 0px;
   height: 20px;
   width: 250px;
   border: #CCC 1px solid;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: 1.1em;
   text-align: left;
}*/

ul.list_form {
   list-style: none;
   list-style-type: none;
   list-style-image: none;
   padding: 0;
}

td.field_name {
   width: 32%;
   text-align: right;
   vertical-align: top;
   padding-top: 6px;
}

td.field_value {
   width: 68%;
}

input.text_field, input.check_box {
   height: 20px;
   width: 260px;
   border: #BBB 1px solid;
}

input.phony {
   width: 150px !important;
}

input.attach {
   width: 200px !important;
}

.checker {

}

input.text_field_br {
   height: 20px;
   width: 175px;
   border: #CCC 1px solid;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: 1.1em;
   text-align: left;
}



select {
   margin-left: 1%;
   margin-top: 0px;
}

input.check_box {
   border: 0;
   width: auto;
}

.filter_box {
   border: 0px red solid;
   float: right;
   font-size: 10px;
   margin-right: 10px;
   margin-left: 5px;
   width: 100px;
   height: 20px;
}

.filter_box label {
   width: auto;
   height: 50px;
   padding-bottom: 5px !important;
}

.filter_box input.check_box {
   border: 0px;
   width:auto;
   margin-top: 2px;
}

.select_form {
   margin-left: 1%;
   margin-top: 0px;
   height: 25px;
   width: 250px;
}

.calendar{
	z-index:9999;
}

input.upload_file {

   border: #CCC 1px solid;

}

textarea.text_area {
   width: 550px;
   height: 275px;
   border: #CCC 1px solid;
   letter-spacing: 1px;
   font-size: 1em;
   text-align: left;
}

textarea.small {
   height: 100px;
}

input.text_field_br:hover,input.text_field:hover, textarea.text_area:hover, select.select_field:hover {
   background-color: #fAfAfA;

}

input.text_field_br:focus,input.text_field:focus, select.select_field:focus {
   border: 1px solid #bbb;
   background-color: #fAfAfA;
}

input.grayed, input.grayed:hover, input.grayed:focus {
   background-color: transparent;
	border: 0px;
}

/*** HELPER ***/
.border {
   border: 1px red solid;
}

.alignleft {
   text-align: left !important;
}

.alignright {
   text-align: right;
}

.valigncenter {
   vertical-align: middle;
}

/************ PAGINATION *************/

