/**************************************************************/
/*   GENERAL STYLES
/**************************************************************/

p
{
    margin: 8px;
    padding: 0;
}
form
{
    margin: 0;
    padding: 0;
}

h2
{
    font-size: 10pt;
    font-weight: normal;
    padding-top: 3px;
}

a img
{
    border:0;
	padding-right:5px;
}

input[type=submit] 
{
    color: #000;
    background: #ddd;
    border: solid 1px #827299;
    cursor: pointer;
}

input[type=text],input[type=password]
{
    border:1px solid #827299;
    padding-left: 2px;
}

textarea
{
    border:1px solid #827299;
    padding-left: 2px;
}

#site
{
	width: 990px;
	text-align: left;
	margin: 12px auto;
}
/**************************************************************/
/*   LOGIN SYSTEM
/**************************************************************/

#LoginBox
{
    float: left;
    width: 470px;
    border: solid 1px #000;
    padding-bottom: 10px;
    background: #ddd;
}

#InputLogin
{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 250px;
}

/**************************************************************/
/*   HEADER
/**************************************************************/
/*Header Panel */
#headerPanel
{
	border: 1px solid #827299;
	background: #ddd;
	height: 120px;
	padding-top: 2px;
	padding-left: 16px;
	padding-right: 8px;
	margin-bottom: 15px;
}

/* TopMenu */
.menuTop, .menuTopPadding
{
    float: left;
    margin-bottom: 8px;	
}

.menuTopPadding
{
   padding-right: 43px;	
}

/* Header options */ 

#optionsBox
{
	margin-top: 5px;
}
#optionsBox a 
{
	float: left;
	height: 15px;
	color: #000;
	text-decoration: none;
}

#optionsBox a img 
{
	float:left;
	padding-right:5px;
}

#optionsBox a:hover
{
	text-decoration: underline;
}

/*Search box */
#searchBox
{
	width: 760px;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: #DDDDDD;
	border-top: solid 1px #827299;
}

#searchBoxImg{
    float:left;
}

#searchBoxTitle
{
    margin-left: 5px;
    width: 90px;
	float: left;
}

#searchBoxContent
{
    width: 580px;
	float: left;
	margin-left: 60px;
}

.searchInputBox
{
    width: 272px;
    float: left;
    padding-right: 0px;
}

#panneSearch, #modelSearch
{
    width: 250px;
    float: left;
    padding-right: 0px;
}

#failure_serial, #failure_id, #client_name, #failure_model
{
    float: left;
    height: 15px;
    width: 240px;
    border:1px solid #827299;
}

/*Logo positioning */
#logo, #logolist
{
	height: 60px;
	width: 170px;
	border: 1px solid #000;
	float: right;
}

div.auto_complete
{
	z-index: 100;
}


#logo
{
	margin-top: 20px;
	margin-right: 5px;
}

#logolist
{
	margin-top: 0px;
	padding: 0px;
}



/**************************************************************/
/*   AJAX MODAL WINDOW OPTIONS
/**************************************************************/

#modal_container {  
	background-color:#fff;  
	overflow:auto;  
	text-align:left;
} 
 
 #modal_overlay {  
   background-color:#000;  
}  


/**************************************************************/
/*   PRINT COMMON BOX
/**************************************************************/
.printBox
{
	background: #ddd;
	border: solid 1px #827299;
	float: left;
    padding-bottom : 0px;
}

.printBox a:hover
{
    text-decoration: underline;
}

.printBox a
{
    color: #000;
    text-decoration: none;
}

.printBox a img
{
	padding-right: 3px;
	float:right;
}

.printTitleBox
{
	width :208px;
    margin:0px;	
	padding-left : 3px;
    padding-top: 2px;
    background: #555555;
    font-weight: bold;
    color: #fff;
    position: absolute;
}


.printHeadImg
{
	float:left;
}
.printTitleLabelBox
{
	padding-left : 3px;
    float: left;
}

.printcloseButton
{
    padding-top : 1px;
    float: right;
}

.printModalBox
{
	padding-left : 9px;
    padding-right : 0px;
    padding-top : 13px;
    border: none;
    height: auto;
}

/**************************************************************/
/*   CLIENT BOX
/**************************************************************/

.clientInput
{
    width: 220px;
}

#clientBox
{
	width: 375px;
    background: #ddd;
	border: solid 1px #827299;
	float: left;
    padding-bottom : 0px;
}

#clientBox a
{
    color: #000;
    text-decoration: none;
}

#clientBox a img
{
	padding-right: 3px;
	float:left;
}

#clientBox a:hover
{
    text-decoration: underline;
}

#clientTitleBox
{
	width :373px;
    margin:0px;	
	padding-left : 3px;
    padding-top: 2px;
    background: #555555;
    font-weight: bold;
    color: #fff;
    position: absolute;
}

#clientTitleLabelBox
{
	padding-left : 3px;
    float: left;
}

#clientcloseButton
{
    padding-top : 1px;
    float: right;
}

#clientHeadImg
{
    float:left;
}

#clientModalBox
{
	padding-left : 9px;
    padding-right : 0px;
    padding-top : 13px;
    border: none;
    height: auto;
}

#client_comment
{
    width: 320px;
}

#clientCmdOpt
{
    float:left;
    height: 30px;
    margin-top: 5px;
}

#clientCmdOpt a img
{
	padding-right: 3px;
	float:left;
}

#clientCmdCreate
{
    float:left;
}

#clientCmdCancel
{
    float:left;
    margin-left: 15px;
    margin-top: 6px;
}

#clientCmdDel
{
    float:left;
    margin-left: 15px;
    margin-top: 6px;
}

/**************************************************************/
/*   REPAIRER MODAL BOX
/**************************************************************/
#repairerBox
{
	width: 210px;
}

/**************************************************************/
/*   GUARANTEE MODAL BOX
/**************************************************************/
#guaranteeBox
{
	width: 210px;
}

/**************************************************************/
/*   SCAFFOLD POSITION AND HACKS (see scaffold.css for other definitions)
/**************************************************************/
#client_failures-table-loading-indicator
{
    left: 420px;
    margin: 0;
    padding: 0;    
    position: absolute;
}

/*Columns definition*/
.id-column
{
    width: 55px;
}

.states-column
{
    width: 58px;
    text-align: center;
}

.client-column
{
    width: 160px;
}

.model-column
{
    width: 140px;
}

.serial-column
{
    width: 170px;
}

.historystates-column
{
    width: 65px;
}

/*Mode new/edit */
.failureTitleBox
{
    font-size: 11pt;
    text-decoration: underline;
}

.failureCmdOpt
{
}

.failureCmdCancel,.failureCmdSep,.failureCmdPrintRep,.failureCmdPrintGuar,.failureCmdIndic,.failureCmdDelete,.failureCmdPrintOut, .failureCmdRepairer
{
    vertical-align: bottom;
}

.failureCmdSave
{
    width: 71px;
}

.failureCmdCreate
{
    width: 71px;
}

.failureCmdCancel
{
    width: 80px;
}

.failureCmdDelete
{
    width: 160px;
}

.failureCmdSep
{
    width: auto;
}

.failureCmdSep2
{
    width: 775px;
}
.failureCmdPrintRep
{
    width: 150px;
}

.failureCmdPrintGuar
{
    width: 110px;
}

.failureCmdIndic
{
    width: 36px;
}

.failureCmdPrintOut
{
	
	width: 98px;
}

.failureCmdRepairer
{
	
	width: 120px;
}

#histoList
{
    margin-left : 30px;
}

.clientInfo
{
    width : 200px;
    border: solid 1px #827299;
    padding: 0;
    margin: 0;
    background: #333;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 5px;
    clear: both;
}

.clientInfoTitle
{
    float:left;
    padding-left: 3px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.clientInfoContent
{
    color: #333;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    border-top: solid 1px #827299;
    width : 100%;
    float:left;
    background: #FFF7A3;
    padding-bottom: 1px;
}
.clientInfoTxt, .clientInfoTxtPostal, .clientInfoTxtLocality
{
    float:left;
    padding-left: 3px;
}

.clientInfoTxt
{
    width : 196px;
}

.clientInfoTxtPostal
{
    width : 30px;
    padding-bottom: 5px;
}

.clientInfoTxtLocality
{
    width : 163px;
    padding-bottom: 5px;
}

.clientInfoTxtMail
{
   float:left;
}

.clientInfoEdit 
{
   width: 100%;
   float:left;
   margin-top: 4px;
   padding-top: 3px;
   margin-left: 0px;
   border-top: solid 1px #827299;
}


.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea
{
	background: pink;
	background-color: pink;
}

.fieldWithErrors
{
    outline-color: red;
    	    
    /*for IE!*/
    border-color: red;
}