@charset "utf-8";

/****************************************************************************** TAG html*/

body	{
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

h1	{
    font-size: 150%;
    margin-top: 0px;
}

h2	{
	color:#336699;
	font-size: 120%;
}

.corpoPagina h3  {
        font-weight: normal; 
        font-size: 1em;
}

ul, ol 	{
	padding:0px;
	margin:0px;
}

li	{
	list-style-type: none;
	list-style-position:outside;
}

/*p 	{
    text-align: left;
}*/


hr  {
        clear: both; 
        height: 1px; 
        background-color: #369; 
        border:0px
    
}

td  {
    vertical-align: top;
}

a img {
    border: 0px;
}
/********************************************************************************************** FORMS */

select, input, textarea {
    border: 1px solid #369;
}

form, fieldset	{
	margin:0px;
	padding:0px;
	border:0px;
}

.boxnewscentrali select, .boxnewscentrali input {
    margin-bottom: 10px;
}


input:focus, .box input:focus, select.xsl_select:focus	{
	background-color:#FFFFE0;
	border-color:#000;
}
input.input_grigio:focus  {
    background-color: #333;
}

select.xsl_select {
    border-top: 1px solid #E2E6EC;
    border-left: 1px solid #E2E6EC;
}

input[type="checkbox"]	{
	border:0px;
}


input.submit  {
        border: 1px solid #369;
        background-color: #fff;
    
}

input.text  {
        border: 1px solid #369;
        background-color: #fff;
}

input.text200  {
        border: 1px solid #369;
        background-color: #fff;
        width:200px;
}

input.radio {
    
}

input.checkbox  {
    
}

input.xsl_inputString, input.xsl_input, input.xsl_select, select.xsl_select {
    border:0px;
    border-bottom: 1px solid #000;
    
}


.box input	{
	border:1px solid #878787;
	margin-bottom: 10px;
}

.box .input_grigio	{
	background-color:#4D4D4D;
	color:#fff;
}


input#findWord	{
	background-image:url(immagini/bg_cerca.png);
	font-size:0.7em;
	height:18px;
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right: 8px;
	padding-top:6px;
	border:0px;
	width: 100px;
}

select#serviceId  {
    width: 100%;
}

.cento  textarea  {
    width: 100%;
   
}

/* ********************************************************************************* layout di massima*/

div#esterno	{
	border-color:#4D4D4D;
	margin:0 auto;
	text-align:left;
	width:85%;
}

#header	{
	padding:0px 0px 0px 20px;
	background-image:url(immagini/sfondobanner_01.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	
	min-width: 780px;
	
}

div#molliche	{
	background-image:url(immagini/sfondobanner_02.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	height:50px;
}

div#principale, #due_uno	{
	float:left;
	width:79.7%;
}

 #due_uno	{
	clear: both;
	width:100%;
}

div#centrale	{
	float:right;
	width: 70%;
        font-size: 0.9em;
}

#progetto	{
	padding: 5px;
	width: 70%;
        font-size: 0.9em;
}

div#colonnaSx, #ft_logos	{
	float:left;
	width: 27.6%;
	/* max-width:233px; 29.6%; cambiato per rendere la colonna sempre uguale alla larghezza del logo sovrastante */
	margin-left:1.3%;
}

div#colonnaDx, #tre	{
	float:right;
	width:18%;
	margin-right: 0px;
}

div#footer	{
	clear:both;
	width: 100%;
	font-size:0.7em;
        background-color: #FDFCFC;
        border: 1px solid #E2E6EC
	
}

.inner	{
	margin: 0px  2%;
}

.hidden	{
	display: none;
}

.hiddenHR   {
      display: none;
}
.clearfix	{
	clear:both;
	display: block;
}

.nascosto {
      display:none;
}

.clearleft  {
      clear: both;
}

.cento  {
    width: 100%;
     margin-bottom: 20px;
}

.error  {
    border: 1px solid #900;
    color: #AF0A0A;
    font-weight: bold;
    padding: 10px;
    padding-left: 30px;
    background-color: #FFDFDF;
    background-image: url(immagini/error.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.info  {
    border: 1px solid #13749F;
    color: #292929;
    font-weight: bold;
    padding: 10px;
    padding-left: 30px;
    background-color: #EFF8FF;
    background-image: url(immagini/information.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

small  {
    font-size: 0.7em;
}

/********************************************************************************** LINKS **/
ul li a	{
	text-decoration:none;
}

ul.gen li a	{
	text-transform: uppercase;
	color:#369;
	font-size: 0.8em;
	display:block;
}

a:link, a:visited	{
	color:#369;
	text-decoration:none;
}
a:hover, a:focus, a:active	{
	text-decoration: underline;
}

#loghiPromotori a, #loghiPromotori span	{
        display: block;
        float: left;
        background-repeat: no-repeat;
        background-position:center top;
        height: 25px;
        text-indent: -3000px;
        overflow: hidden;
}


div#logo h1 a	{
	background-image:url(immagini/logo_CST.png);
	background-position: center top;
	display:block;
	width:213px;
	height:131px;
	text-indent:-3000px;
	overflow: hidden;
}


#nomeComune	a	{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	text-decoration: none;
	color:#000;
	font-style:italic;
	line-height: 80%
}

a.a-europa	{
	background-image:url(immagini/logo_ue.png);
	width: 24px;
}

a.a-ministero	{
	background-image:url(immagini/logo_ministero.png);
	width: 115px;
}

a.a-abruzzo	{
	background-image:url(immagini/logo_abruzzo.png);
	width:26px;
}

a.a-arit	{
	background-image:url(immagini/arit_sm.png);
	width:54px;
}

a.a-cstsulmona, span.a-cstsulmona	{
	background-image:url(immagini/logo_cstsulmona.png);
	width: 58px;
}

#navi_top a	{
	line-height:26px;
	height:26px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	padding:4px 15px;
	
}


#boxRicerca a	{
	font-size:0.8em;
	color: #878787
}

#molliche a, #molliche span	{
	font-size: 0.75em;
	text-decoration: none;
	padding: 0 10px 0px 20px;
	color: #333;
	background-image:url(immagini/sep_molliche.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	display: block;
	line-height:19px;
	height: 19px;
	text-transform: lowercase;
	
}
#molliche span.hidden  {
    display: none;
}
#molliche span	{
	font-weight: bold;
}

#molliche a:link, #molliche a:visited	{
	color: #369;
}

#molliche a:hover, #molliche a:focus, #molliche a:active	{
	text-decoration: underline;
	
}

#molliche a.first	{
	background-image:url(immagini/backhome.png);
	background-position: left 80%;
}

ul#legals li a	{
	padding:3px 10px;
        color: #fff
	
}

li#s_fluido a, li#s_wide a, li#s_thin a, li#a_piu a, li#a_meno a	{
	background-repeat:no-repeat;
	display: block;
        min-height: 14px;
        height: 14px;
}
li#s_fluido a:link, li#s_fluido a:visited	{
	background-image:url(immagini/fluido.gif);
}

li#s_fluido a:hover, li#s_fluido a:active, li#s_fluido a:focus	{
	background-image:url(immagini/fluido_h.gif);
}

li#s_wide a:link, li#s_wide a:visited	{
	background-image:url(immagini/wide.gif);
}

  li#s_wide a:hover, li#s_wide a:focus,  li#s_wide a:active   {
	background-image:url(immagini/wide_h.gif);
}

li#s_thin a:link, li#s_thin a:visited	{
	background-image:url(immagini/thin.gif);
}

li#s_thin a:hover, li#s_thin a:focus, li#s_thin a:active	{
	background-image:url(immagini/thin_h.gif);
}

li#a_piu a:link, li#a_piu a:visited	{
	background-image:url(immagini/a_piu.gif);
}

li#a_piu a:hover, li#a_piu a:focus, li#a_piu a:active	{
	background-image:url(immagini/a_piu_h.gif);
}

li#a_meno a:link, li#a_meno a:visited	{
	background-image:url(immagini/a_meno.gif);
}

li#a_meno a:hover, li#a_meno a:focus, li#a_meno a:active	{
	background-image:url(immagini/a_meno_h.gif);
}


ul.servizi li a:link, ul.servizi li a:visited  {
    font-size: 12px;
   color: #000000;
   text-decoration: none;
   line-height: 30px;
   vertical-align: top !important;
   vertical-align: bottom;
   
}

ul.servizi li  a:hover, ul.servizi li a:focus, ul.servizi li a:active {
    text-decoration: underline;
    
}


a.textonly, a.highvis, a.graphic  {
    display: block;
    background-repeat: no-repeat;
    width: 16px;
    height:20px;
    background-position: 0px 3px;
}

a.textonly  {
    background-image: url(immagini/testo.png);
}
a.highvis  {
    background-image: url(immagini/contrasto.png);
}

a.graphic  {
    background-image: url(immagini/grafica.png);
}


a.comeinput {
    font-size: 0.9em;
    color: #000;
    border: 1px solid #369;
    padding: 1px 6px;
    
    line-height: 18px;
}

a.aListaArt {
    background-image: url(immagini/list.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-left: 20px;
}


.pulsanteServiziOnLine a:link, .pulsanteServiziOnLine a:visited  {
        display: block;
        font-weight: bold;
        border: 1px solid #FFA70F;
        background-color: #FFF3DF;
        text-align: center;
       
        text-decoration: none;
        color: #292929;
        padding: 10px;
}

.pulsanteServiziOnLine a:hover, .pulsanteServiziOnLine a:focus, .pulsanteServiziOnLine a:active  {
        display: block;
        font-weight: bold;
        border: 1px solid #FFA70F;
        background-color: #FFEDCF;
        text-align: center;
      
        text-decoration: none;
        color: #292929;
        padding: 10px;
}

a.top:link, a.top:visited {

        float: right;
}

a.top:hover, a.top:focus, a.top:active {

        float: right;
}

a.iniziale  {
        float: left; 
        font-size: 1.2em; 
        padding:0px 20px; 
        background-color:#369; 
        color:#fff
}

.tabmypage  a:link, .tabmypage  a:visited, .tabmypage  a:hover, .tabmypage  a:active, .tabmypage  a:focus {
    font-weight: bold;
    color: #000;
    padding-left: 20px;
    background-image: url(immagini/bullet.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    margin-top: 10px;
    float: left;

}

#iconevalidazione a{
    display: block;
    float: left;
    height: 17px;
    width: 60px;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #59839F;
    border-bottom: 1px solid #59839F;  
    text-align: center;
}

/************************************************************************************ BOX LATERALI  */

.box	{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #E2E6EC;
	background-color: #FDFCFC;
	margin:0px 0px 10px 0px;
	padding-bottom:20px;
	background-image:url(immagini/h3_box_gen.gif);
	background-position:left 26px;
	background-repeat: no-repeat;
}

.box.user	{
	border-color: #feefdd;
	background-color: #fff7da;
	background-image:url(immagini/h3_box_utente.png);
	background-position:left 26px;
        
        padding-bottom: 0px;

}
.box.user.notitolo  {
          background-image: none;
}
.box.notitolo	{
	background-image: url(immagini/bg_box.png);
	background-position: right bottom;
	background-repeat:no-repeat;
}

.box.scrollnews	{
	padding-bottom: 0px;
}

.box .inner	{
	margin: 15px 5px;
}

.box h3	{
	background-color:#84a2b8;
	margin:0px;
	color:#003366;
	height:26px;
	line-height: 26px;
	padding:0px;
	padding-left:10px;
	font-size: 1em;
	background-repeat: repeat-x;
	background-image:url(immagini/h3_bg_gen.gif);

}

.box.user h3	{
	background-color: #fab73b;
	color: #660000;
	background-image:url(immagini/h3_bg_utente.jpg);
}

.box h3 span	{
	display: block;
	background-repeat:no-repeat;
	background-position: right 50%;
	background-image:url(immagini/h3_deco_gen.gif);
}

.box.user h3 span	{
		background-image:url(immagini/h3_deco_utente.jpg);
}

.box	{
	font-size: 0.9em;
}



/***************************************************************************************  LISTE */
ul.accessibile	{
	
}

ul.accessibile li	{
	float: left;
	width: 20px;
	height:20px;
	margin:0px 0px 0px 0px;
	overflow: hidden;
	text-indent:-3000px;
}

li#a_testo  {
    margin-left: 15px;
}

ul.gen	{ /*stile menu comuni a tutti */
	margin: 10px 5px;
}

.gen li	{
	border-bottom: 1px solid #cad6e3;
	line-height:150%;
	background-image:url(immagini/li_gen.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	text-indent:20px;
}

.user .gen li	{
	border-bottom: 1px solid #cad6e3;
	line-height:150%;
	background-image:url(immagini/li_user.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	text-indent:20px;
}

.extras li	{
	border-bottom: 1px solid #cad6e3;
	line-height:150%;
	background-image: url(immagini/li_extras.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	text-indent:20px;
}

#navi_top ul	{
	background-color: #878787;
	margin-left:233px;
}

#navi_top ul li	{
	display: inline;
}

#molliche ol {
	margin-left: 253px;
/*	margin-right: 20px;*/
	margin-right: 0px;
	height: 19px;
	border-bottom: 2px solid #878787;
}
#molliche ol li	{
	display: block;
	float: left;
}

ul#legals	{
	text-align: center;
	/*margin:10px auto 30px auto;*/
        margin: 0px;
        display: inline;
        color: #fff;
	
}

ul#legals li	{
	display: inline;
	line-height:120%;
	font-size:0.7em
	
}

li#s_fluido, li#s_wide, li#s_thin	{
	width: 14px;
	padding:2px 0px 0px 2px;
}
li#s_fluido, li#a_meno	{
	margin-left:15px;
}

ul.servizi   { }

ul.servizi li {
      line-height: 30px;
      color: #336697;
      font-weight: bold;
    }

ul.servizi li span {
      line-height: 18px;
      color: #000;
      font-weight: normal;
      font-size: 0.9em;
      display: block;
    }

.nopoint  li a strong  {
    font-weight: normal; 
    
}


ul.struttureOrganizzative li  {
    margin: 10px 0px;
}
/* ******************************************************************************************* banner e footer *****/

#area_logo	{
	width: 213px;
	float: left;
	margin-top: 20px;
	padding: 0px 10px;
}
#area_banner	{
}

#area_banner .inner{
	height:25px;
	margin: 0px;
	margin-left: 233px;
	padding: 0px;
	border-top: 2px solid #FFCC05;
}

div#banner	{
	height: 137px;
	background-color:#03212b ;
	border-top: 1px solid #DDDEE0;
	border-bottom: 1px solid #DDDEE0;
	margin-left: 233px;
	background-image:url(immagini/testBanner.jpg);
	background-repeat:no-repeat;
	

}

div#logo h1	{
	margin: 0 0 5px 0px;
	padding:0px;
}


div#nomeComune	{
	position: relative;
}

div#nomeComune	h2	{
	margin:0px;
	position:absolute;
	right:20px;
	top: 25px;
	color: #000;
}

div#strumenti	{
	background-image:url(immagini/toolbar.png);
	width:193px;
	height: 20px;
	margin: 0px ;
	padding:0px;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dotted #a6a6a6;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#boxRicerca	{
	float:right;
}

#molliche .inner	{
	margin:0px;
	padding:0px;
}

#nomeComune	{
	text-align:right;
}

#nomeComune	span	{ 
	font-size:0.7em;
}

.piede	{
        width:98.9%;
        margin-left: 1.1%;
        margin-top: 30px;
	/* background-color:#E8E8DC;
	
	padding:20px 0px;
	margin:20px 0px; */
}
#iconevalidazione {
   position: absolute;
   top: 0px;
   right: 0px;
   color: #fff;

   /* width: 186px;*/
    width: 190px;
    height: 20px;
    font-size: 0.9em;
    
}
div.legals  {
    background-color: #84A2B8;
    border: 1px solid #84A2B8;
    width: 100%;
    position: relative;
    height: 20px;
    
}


.corpoPagina h2	{
	margin-top: 0px;
}


#archivionews	{
	background-image:url(immagini/bg_archivionews.gif);
	background-repeat:repeat-x;
	height: 19px;
	text-align: right;
	font-weight: bold;
	font-size:0.8em;
	padding:0px 5px;
}



#progetto	span	{
	text-transform:uppercase;
	font-weight:bold;
}

#ft_logos	{
/*	background-image:url(immagini/sep_ft.gif);
	background-position: right 50%;
	background-repeat:no-repeat;
	height:45px; 
        */
}

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

div.boxnewscentrali {
    background-image:url(immagini/bg_box.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    
}
.boxnewscentrali h1 { /* formatta i titoli che raggruppano i servizi */
    color: #4d4d4d;
    text-indent: 30px;
    border-bottom: 1px solid #ffcc05;
    text-transform: lowercase;
    font-size: 1.1em;
    }

div.boxinfo img {
    height: 20px;
    position: relative;
    
}

div.boxinfo  {
 /*   float: right;*/
    
    
}




.legendaBox {
    height: 20px;
    padding: 2px;
    border: 1px  solid #FEEFDD;
    background-color: #FFF7DA;
    text-align: right;
    }
   
.legendaBox p, .legendaBox div.boxinfo  {
    display: inline;
   
}
    
.MsgComuniAttivi  {
    padding-top: 16px;
     background-image:url(immagini/hr_news.gif);
     background-repeat: no-repeat;
     background-position: top center;
    text-align: left;

}
.MsgComuniAttivi .msg {
    text-align: center;
    font-weight: bold;
}
.iniziali, .iniziali a {
    color: #336697;
}
.MsgComuniAttivi  hr  {
      border-width: 0px;
      border-top: 1px solid #336697;
      height: 1px;
      
}


.sommarioArticolo, .sommarioArticoloEvid {
  border: 1px solid #E2E6EC; 
  background-color: #FDFCFC;
  border-bottom: 3px solid #fff;
   
}

.titoloEvidenza {
        margin: 10px 5px 0px;
        padding-bottom:3px; 
        font-size: 1.2em; 
        font-weight: bold; 
        border-bottom: 1px dashed #efefef;
}

.sottotitolo  {
        margin: 0px 5px 5px;  
        color: rgb(102, 102, 102); 
        font-size: 0.9em;
}

.pubblicatoIl { 
        display: block; 
        padding:1px 5px; 
        background-color: #efefef; 
        color: #666666; 
        font-size: 0.7em;
        text-align: right; 
        font-style: italic
    }
    
p.labSelect {
    font-weight: bold;
    
}

h1 .highlight {
       font-weight: normal;
}



/************************************************************************************* spec. Segnalazioni */

#centraleSegnalazioni, #centraleOnLineService  {
    float:right; 
    width: 70%; 
    font-size: 0.9em
}

table.progressbar {
    border: 1px solid #292929;
    border-collapse: collapse;
    width: 100%;
    height: 11px;
    margin-bottom: 25px;
}

table.progressbar td  {
    background-image: url(immagini/bar_off.jpg);
    background-repeat: repeat-x;
    height: 11px;
    padding: 0px;
}

table.progressbar div.progressbar  {
    background-image: url(immagini/bar_on.jpg);
    background-repeat: repeat-x;
    height: 11px;
    padding: 0px;
}

td.segnaText, td.segnaMail  {
    padding: 5px;
    border: 1px solid #a6a6a6;
    background-color: #efefef;
    font-style: italic;
    font-weight: bold;
}

td.segnaTitle, td.captcha  {
    padding: 5px 0px;
    }
    
td.captcha {
  background-color: #FFFFEF;
  padding-left: 25px;
  background-image: url(immagini/lock_open.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  
  border-bottom: 10px solid #fff;
  border-top: 10px solid #fff;
}
/**************************************************************************************  news ticker  */

#NewsTicker{
	
	height:150px;
        overflow: hidden;
        position: relative; 

}
	
#NewsVertical {
	width: 300px;
	height: 300px;
	display: block;
	overflow: hidden;
	position: relative;
	}


#play_scroll_cont{
        display:none;
    }
        
        
#TickerVertical {
		
		height: 330px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
    
	}

#TickerVertical div {
		display: block;
		width: 154px;
		color: #666;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		
	}
	
#TickerVertical div .NewsTitle{
      display: block;
      /*    color: #000000;
        font-size: 12px;
       
        margin-bottom:6px;*/
}
#TickerVertical div .NewsTitle a:link,
#TickerVertical div .NewsTitle a:visited  {
    color:#000000;
    display:block;
    font-size:12px;
    font-weight:bold;
}
                
#TickerVertical div .NewsTitle a:hover, #TickerVertical div .NewsTitle a:focus, #TickerVertical div .NewsTitle a:active {
  /*      text-decoration:underline;*/
}

#TickerVertical div .NewsFooter{
        display: block;
        color: #000000;
        font-size: 10px;
        margin:6px 0 14px 0;
}


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

div.xsl_form  {
    line-height: 200%;
}

div.xsl_form strong {
    color: #369;
}

div#centraleOnLineService {
    background-image: url(immagini/bg_servizioAttivo.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

.boxformtesti {
    float: left;
    width: 30%;
    line-height: 150%;
    
}

.boxformcampi {
        font-weight: bold;
        display: inline; 
        line-height: 150%; 
}

div#inizialicomuni  {
    text-align: center;
    font-size: 1.1em;
    border: 1px solid #369;
    padding: 10px; 
    text-align: center; 
    margin-bottom: 20px; 
    background-color: #EFF5FF; 
    font-weight: bold;
}

.tabellaelenco  {
    width: 100%;
    border: 0px solid #ccc;
    border-collapse: collapse;
       
}

 .tabellaelenco th  {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background-color: #ffffef; 

        vertical-align: top;
}

.tabellaelenco td {
    padding: 5px;
    border-bottom: 1px dashed  #ccc;
    background-color: #fff; 
    padding:5px;
    font-size: 0.8em;
    vertical-align: top;
}

table.tabmypage {
    width: 100%;
    border-bottom: 1px dashed  #ccc;
    
}

.tabmypage div  { 
    float: right;
    
    margin-top: 10px;
    }
   
.selezionata td {
    color: #7f7f7f;
    background-color: #ffffef;
    }
    
.selezionata span {
        font-weight: bold;
        color: #369;
        padding-left: 20px;
        background-image: url(immagini/script.png);
        background-repeat: no-repeat;
        background-position: 2px 0px;
        margin-top: 10px;
        float: left;
}
    
div#linkstampanormale {
    text-align:right;
    font-size:0.8em;
}

.stampaevidenziato a:link, .stampaevidenziato a:visited  {
        display: block;
        font-weight: bold;
        border: 1px solid #FFA70F;
        background-color: #FFF3DF;
        text-align: center;
       
        text-decoration: none;
        color: #292929;
        padding: 10px;
}

.stampaevidenziato a:hover, .stampaevidenziato a:focus, .stampaevidenziato a:active  {
        display: block;
        font-weight: bold;
        border: 1px solid #FFA70F;
        background-color: #FFEDCF;
        text-align: center;
      
        text-decoration: none;
        color: #292929;
        padding: 10px;
}


.slider {position:relative; overflow:hidden;  height:225px;}
.slidercontent {position:absolute; margin-left:5px; width: 590px}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}


#userid_form p    {display: inline}