html, body { 
	font-family: Helvetica Neue,Helvetica,Helvetica, Verdana,   sans-serif;   font-size: 14px; 
	color: #444; 
    background-color: #00adef;
	background: url(../img/bg_gradient.jpg) repeat-x top #47a3c8;
	
	
}


hr { 
	color: #4d4d4d;
	background-color: #4d4d4d;
	height: 1px;
	border-style:none;
}

a {
	outline: none;
	margin:0; padding:0;
    color: #053566; 
}

h1, h2 { font-size: 22px; padding: 3px; margin: 0px; margin-bottom: 10px; color: #fff; font-weight: normal;  letter-spacing: -1; font-family:Helvetica Neue,  Helvetica, sans-serif; background-color:  #00adef; display: block;
text-shadow: 0 1px 0 #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 5px;
}

h2 {font-size:16px;}
h3 {color:#00adef; font-size:14px; font-weight: bold;  }
/* titolo messaggi */
h4 {color:pink; font-size:12px; font-weight: bold; padding: 20px; padding-left: 120px;}

a:link, a:active, a:visited { text-decoration:none; }
a:hover { text-decoration:  underline;}

a.action {

    background: #00adef url(../img/bg_but.jpg) repeat top ;

    color: #053566;

    margin: 2px;

    padding: 5px;
    line-height: 2.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom: solid 1px #aaa;
    border-left: solid 1px #bbb;
    
    
    font-weight: bold;
    
    -webkit-box-shadow: 1px 1px 1px #bbb;
    -moz-box-shadow: 1px 1px 1px #bbb;
    
    text-decoration:  none;
    
    
}

img.action {
    padding-top: 5px;
    }

a.action:hover {
    background: #00adef url(../img/bg_but2.jpg) repeat top ;
    color: #00adef;
     background-color:  #053566;
    -webkit-box-shadow: 0px 0px 0px #444;
    -moz-box-shadow: 0px 0px 0px #444;
    text-shadow: inner 0 1px 0 #333;
    
}

a.but:link, a.but:active, a.but:visited { color:#fff; text-decoration:none; background-color: #00adef; font-size: 16px; padding: 10px; margin: 5px; font-weight: bold;
border: solid 1px #858689; border-top: #00adef; border-bottom: #e1e2e5; 
 }
a.but:hover  { text-decoration:  none; color:#fff; background-color:  #053566; border: solid 1px #fff;}

div.wrapper {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    
    padding: 12px;
    
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;

/*box-shadow: <horizontal> <vertical> <blur> <color>*/
-webkit-box-shadow: 5px 5px 5px #444;
-moz-box-shadow: 5px 5px 5px #444;
}


div.header,div.footer {
   display: block;
    background-color: #00adef; /*azzurro*/
    
    color: #fff;
    
}

div.footer {
    
    padding: 10px;
    
    }

div.header {

    width: 600px;

   background-color: #fff; 
   margin-bottom: 10px ;
}

div.content {
    width: 1200px;

    padding-top: 20px;
    padding-bottom: 10px;


    /*margin-left: 220px;*/
}

#sx {
    float:left;
    width: 500px;

    position: relative;
    
    /*margin-left: 220px;*/
}

#dx {
    width: 670px;

    margin-left: 510px;

    
}

#sx.template {
    width: 300px;
    
}

#dx.template {
    width: 300px;
    margin-left: 320px;
}

#clear {
    clear: both;
}

div.messaggio_errore, 
div.errore_form,
div.messaggio_conferma,
div.validazione_form_ok,
div.box_utente_loggato,
div.loading  {
    color: red; 
    background: #FFeeFF;
    padding: 5px;
    border: solid 1px red;
    display:  block;
    
    margin: 5px 0px 5px 0px ;
    
    -webkit-box-shadow: 2px 2px 10px #bbbbbb;
    -moz-box-shadow: 2px 2px 10px #bbbbbb;
    
}


div.errore_form,
div.loading {
	display:  none;
}

div.messaggio_conferma,
div.validazione_form_ok,
div.loading  {
	color: green; background: #D2FFA5;
	border: solid 1px green;
}

div.loading img {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:Alpha(opacity=50);
    margin-bottom: 5px;
}

div.box_utente_loggato {
    font-size: 11px;
    color: #4975a7; background: lightgreen;
    padding: 5px;
    border: solid 1px #4975a7;
    float: right;
}

/*Menu*/

#main_menu {
    background: #4975a7;

    height: 32px;
    display: block;

}

#main_menu ul {
    
    padding-left: 0px;
    padding-right: 10px;
    
    margin: auto;
    
    }

#main_menu li {
    padding: 5px;
    list-style: none;
    width: 140px;
    background: #00adef ;
    margin: 1px;
    border-right: solid 2px #aaa;
    border-bottom: solid 2px #bbb;
    
    
    float: left;
    
    -moz-box-shadow: inset  2 px  8 px  9 px  0 px #888;
    -webkit-box-shadow: inset  2 px  8 px  9 px  0 px #888;
    box-shadow: inset  2 px  8 px  9 px  0 px #888;

    color: #fff;
    }

#main_menu a {

    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    text-decoration: none;
    cursor: hand;

    
    }
  
#main_menu li.green {
    color: #fff;
	background: #00adef;
}  

#main_menu li.red {
	background: red;
} 

/*thumb_template*/
img.thumb_template {
    -webkit-box-shadow: 2px 2px 10px #bbbbbb;
    -moz-box-shadow: 2px 2px 10px #bbbbbb;
    
}

/*Table*/
table {

	border: 0px;

    /*border-bottom: 1px solid #00adef;*/
    border-collapse:collapse;
}


table td, table th{
    padding: 5px;
    border: 1px;
    
}
p.descrizione_campo {
    font-style: italic;
    font-size: 0.8em;
}

/*form*/
label {
    width: 200px;
    color: #053566;
}

input, select, textarea {
    border: solid 1px #aaa;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ddd;
    padding:5px;
    margin: 2px;
    width: 400px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

input.spot_template {
    width: auto;
}

/*input [type="checkbox"] {*/
input.checkbox,
input.ordine {
    width: 22px;
    text-align: center;

    }

input, select, textarea, input.file {
    /*background: url(../img/form_bg.jpg) repeat-x#fff;*/
    -webkit-box-shadow: inset 2px 2px 5px #bbbbbb;
    -moz-box-shadow: inset 2px 2px 5px #bbbbbb;

}

input.tabella_dinamica {
    width: 60px;
}

textarea.tabella_dinamica {
    width: 80px;
}

textarea.commenti, p.commenti, div.commenti {
   background: #FCF5BD ; 
}

div.commenti {
    width: 300px;
    padding: 5px;
    -webkit-box-shadow:  2px 2px 5px #bbbbbb;
    -moz-box-shadow:  2px 2px 5px #bbbbbb;
}

div.commenti h1 {
    font-family: comic-sans, monospace;

    background-color: none;
} 

input.radio {
    width: 10px;
}

input.submit
{
    width: 120px;
    color: #fff;
background: #00adef ;
cursor: hand;

/*text-shadow: <offsetx> <offsety> <blur-radius>* <color>**/
text-shadow: 1px 1px 2px #414141;
}

input:focus,
input.submit:hover,
textarea:focus,
select:focus,
input.submit:focus  {
    background: #D4ED90 ;
    -webkit-box-shadow: 2px 2px 10px #bbbbbb;
    -moz-box-shadow: 2px 2px 10px #bbbbbb;
    
    }
    
input.submit:hover {
    color: #000;
}
    
input.tiny, select.tiny {
    padding:2px;
    margin: 1px;
    width: 80px;
    font-size: 10px;
}

input.small {
  width: 16px;  
}

code {
font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace;
}

xml_view {
    
}

div.xml_view textarea {
    height: 700px;
    width: 800px;
}

/* link lingua */

a.lingua {
    width: 30px;

    
        
    border: solid 1px #aaa;
    border-top: #666;
    border-left: #999;
    padding:5px;
    margin-top: 10px;

    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    z-index: 0;

}


a.lingua:hover {
    background-color: #00adef;
    
    -webkit-box-shadow:  2px 2px 5px #bbbbbb;
    -moz-box-shadow:  2px 2px 5px #bbbbbb;
    z-index: 2;
    }

/* bottoni ordine righe*/
span.up_button:hover, span.dwn_button:hover {
    cursor: hand;
}

div.flashstuff {
    margin-left: -150px;
    -webkit-box-shadow:  2px 2px 5px #bbbbbb;
    -moz-box-shadow:  2px 2px 5px #bbbbbb;
}

div.spot{
    position: absolute;
    z-index: 5;
    
}

.disabled {
    opacity: 0.4;
    -moz-opacity: 0.4;
}

div.scelta_template div{
    border: solid 1px #ddd;
    padding: 10px;
    height: 240px;
    width: 180px;
    float: left;
    margin: 10px;
    
    box-shadow:  2px 2px 5px #bbbbbb;
    -webkit-box-shadow:  2px 2px 5px #bbbbbb;
    -moz-box-shadow:  2px 2px 5px #bbbbbb;
    
    font-size: 0.8em;
    
    overflow: hidden;
    }

div.scelta_template img {
    border: solid 1px #ddd;
}