/*----------------------------------------------------------
	En Savoir Plus
	Main styles for the ESP Module

	Project:		GFI Solutions
	Author:			Yugoo <guillaume.coguiec@sys-tech.net>
	Summary :

		Layout
			General layout
			Commons layout components
			Form elements
		Esp modul layout components

----------------------------------------------------------*/

/* ================================
 * !Layout
 * ================================*/

/* 
 * !General layout
 */
#esp { width:242px; margin:20px 0 0 0; }
#esp .hat { background:url(../images/esp-hat_nontrans.png) no-repeat; height:5px; }
#esp .embody { background:url(../images/esp-background_nontrans.png) repeat-y; padding: 0 10px; }
#esp .feet { background:url(../images/esp-feet.png) no-repeat; height:8px; }

/*
 * !Commons layout components
 */
#esp p, #esp h1, #esp h3 { border:0; margin:0; outline:0; padding:0; vertical-align:baseline; }
#esp h3 { font-size:14px; color:#e5e5e5; font-weight:bold; }
#esp p { color:#e5e5e5;  }

#esp a { color: #D95725; text-decoration:none; font-size:10px; }
#esp a:hover { text-decoration:underline; font-size:10px; }
#esp a.lienorangecapital { font-weight:bold; font-size:9px; }

#esp label { display: block; font-size:13px; color:#e5e5e5; font-weight:bold; }
#esp fieldset { display:none; border:none; }
#esp legend { display:none; }
#esp textarea { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #333333; }
#esp input { width: 198px; }
#esp select { width: 198px; }

/*
 * !Form elements
 */

/* ================================
 * !Esp module layout components
 * ================================*/

/*
 * !wrapper
 */
#esp .wrapper { background:url(../images/esp-content.png) repeat-x; }
    #esp .container { padding: 12px 0 5px 0; }  

        #esp .head { float:left; width:150px; text-transform: uppercase; }
            #esp .steps { float:left; padding-left: 25px; cursor: pointer; }
                #esp .jsurl { color:#D95725; }

        #esp .content { padding-top:10px; clear:both; }
            #esp .stroke { background: url(../images/stroke.gif) repeat-x; height:1px; margin:10px 0 10px; }
            #esp .content p { margin:5px 0; }
            #esp .content label { margin:10px 0; }

        #esp #form-nav1, #esp #form-nav2, #esp #form-nav3, #esp #form-nav4 { color:#D95725; font-size:10px; margin-top:10px; }
            #esp .submit { float:left; width:auto; margin-left:5px; cursor: pointer; }
            #esp .reset { float:right; width:auto; margin-right:5px; cursor: pointer; }
            #esp .next { cursor: pointer; }
            #esp #jxthx { color:#e5e5e5; }
            #esp .urlhover { text-decoration: underline; }
            #esp .error { color:#CFCFCF; text-align:center; }

        #esp .taleo { margin-left: 10px; }
            #esp h3 { margin-bottom:10px; }
            #esp p { margin-bottom:10px; }