/*

$Title: Style sheet per il sito Novarium $
$Revision: 0.1 $

*/


/*
-----------------------------------------------------------------------------------------
Global  
-------------------------------------------------------------------------------------- */

body {
		color: #555; 
		font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
		font-size: .70em;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		background-color: #dfe4ee;
		text-align: center;
		line-height: 13px;
		display: block;
		line-height: 15px;
		}
#global {
		position: relative;
		margin: 0px auto;
		width: 800px;
		padding: 0px;
		margin-bottom: 20px;
		height: auto;
		text-align: center;
		}

#testata {
		width: 800px;
		height: 116px;
		background: transparent url(/img/head_bg2.png) no-repeat ;
		margin: 0px;
		padding: 0px;
		margin-top: 20px;
		text-align: center;
		border: 0px;
		}

#logo_nov {
		width: 264px;
		height: 48px;
		background: transparent url(/img/logo_novarium2x.png) no-repeat ;

		float:left;
		margin-top: 27px;
		margin-left: 50px;

		}

#content {
		width: 800px;
		background: white;
		border-bottom: 1px solid #3b5998;

		background: white url(/img/right_col.gif) repeat-y;
		background-position: top right;
		}

#menubar {
		width: 300px;
		float: right;
		background: #f5f5f5;
		}

#copyRight {
		width: 800px;
		height: 50px;
		background: transparent;
		color:  #3b5998;
		text-align: left;
		font-size: 10px;
		padding: 2px;
		}

#copyRight div {
		position: relative;
		top: -15px;
		display: inline;
		float: right;
		background: transparent url(/img/logo_bottom2.png) no-repeat;
		width: 69px;
		height: 13px;
		padding: 2px;
		}
.narrow{
	font-family: "Arial narrow";
}
/*
	-----------------------------------------------------------------------------------------
	LAYOUT
	-----------------------------------------------------------------------------------------
*/

.altezza	{
				height: 500px;
				float: right;
				border: none;
			}

.empty		{
			   font-size: 1px;
			   margin: 0;
			   padding: 0;
			   line-height: 0;
			   clear: both;
			}
/*
	-----------------------------------------------------------------------------------------
	NAVBAR
	-----------------------------------------------------------------------------------------
*/
#navbar	{
			width: 300px;			
			height: 90px;
			border-left: 1px solid white;
			text-align: left;
			margin-top: 15px;

			float: right;
			}
			
#navbar ul {
			margin: auto;
			margin-left: 0px;
			padding-left: 10px;
			list-style-type: none;
			float:left;
			}

#navbar li {
			height: 25px;
			}

#nav_list {
		width: 100px;
		float:left;
			}

#nav_lang {
		padding-top:75px;
		padding-right:10px;
		float:right;
		}
#nav_lang li {
			padding-right: 16px;
		display: inline;
		}


#navbar a {
     		color : #ffffff;
      		font-size : 12px;
      		text-decoration : none;
	  		}
#navbar a:hover {
      		text-decoration : underline;
	  		}


.countryFlag {
			border: none;
	        }
.countryFlag img {
      		text-decoration : none;
	        }

/*
	-----------------------------------------------------------------------------------------
	MAIN	
	-----------------------------------------------------------------------------------------
*/
#main {
			width: 500px;
			font-size : 11px;
			text-align: left;
			float: left;
		}

#message {
		margin: 10px;
		}

#message b{
		font-size : 12px;
		color: #bb5555;
		}
#message a {
			color: #576ea4;
			font-weight: bold;
			text-decoration: none;
		}

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

/*
	-----------------------------------------------------------------------------------------
	LOGIN	
	-----------------------------------------------------------------------------------------
*/
#loginBox {
			margin: 20px 30px;
			width: 232px;
			height: 122px;
			background: transparent url('/img/login_box2.png') no-repeat 0px 0px;
			text-align: left;
			padding: 10px;
		}
		
#loginBox a {
		color: #576ea0;
     	text-decoration : none;
		}
#loginBox a:hover {
			text-decoration: underline;
		}

#loginBox td.label {
            color : #555555;
            font-size : 11px;
            font-family : Arial, sans-serif;


            font-weight : normal;
			}

#loginBox td.label2 {
            color : #555555;
            font-size : 11px;
            font-family : Arial, sans-serif;
            font-weight : normal;
			}
		
#loginBox legend {
            color : #F78D26;
            font-size : 11px;
            font-family : Arial;
            font-weight : bold;
            padding-left: 5px;
            padding-right: 5px;
			}
		
#loginBox input { 
			width: 120px;
			height: 20px;
            font-size : 11px;
            font-family : Arial, sans-serif;
        	color: #555555; 
        	font-weight: normal;
        	background-color: #ffffff;
 			border: 1px solid #cccccc;
			}

#loginBox input#button { 
			width: 42px;
			height: 17px;
        	border: none;

			}

table#loginTable{
			margin-top: 10px;
			margin-left: 40px;
	}

#loginTable td input {
		width: 100px;
		}
#accountTable {
		width: 210px;
		margin-top: 5px;
		margin-bottom: 5px;
		border:none;
		}
#accountTable td{
		margin: 0px;
		padding: 0px;
		font-size : 11px;
		}

td#cartCell {
		height: 30px;
		}

/*
	-----------------------------------------------------------------------------------------
	GROUPBOX
	-----------------------------------------------------------------------------------------
*/
#groupBox {
		border: solid 1px #aaa;
		width: 218px;
		padding: 5px;
        margin-top: 40px;
		margin-bottom: 20px;
		}
/*
	-----------------------------------------------------------------------------------------
	MENU 
	-----------------------------------------------------------------------------------------
*/

#menuGlobal 	{ 
            margin-top: 25px;
			font-size : 12px;
      		font-family : Verdana, Tahoma, Arial, Geneva, sans-serif;
      		color: #555;
      		text-align: left;
       		margin-left:30px;
     		}
#menuGlobal table	{

			border: none;
			padding-left: 10px;
      		}
	                                      
#menuGlobal th	{
      		}

#menuGlobal td	{
			font-size: 12px;
            text-align: left;
            margin: none;
            padding: none;
      		}
#menuGlobal a {
			text-decoration: none;
		}

#menuGlobal a:hover {
			text-decoration: underline;
		}
/*
	LIVELLO 0 DEL MENU
*/
#menuGlobal .menuCell0	{
			font-size: 12px;
            text-align: left;
            padding-top: 15px;
	  		font-weight : bold;
      		}
#menuGlobal a.menuLabel0 	{
            color : #576ea4;
	        }	  		                                        
 
#menuGlobal a.menuLabel0_on	{
            color : #bb5555;
	        }	  		                                        

#menuGlobal span.menuSubTotal0 	{
            display: none;
	        }
/*
	LIVELLO 1 DEL MENU
*/
#menuGlobal .menuCell1	{
      		padding: 2px;
      		font-size : 13px;
      		font-family : "Arial narrow", Arial;
      		font-weight : bold;
      		text-decoration : none;
      		padding-left: 12px;
	  		}
#menuGlobal a.menuLabel1_on	{
      		color : #bb5555;
      		}
#menuGlobal a.menuLabel1	{
      		color : #576ea0;
      		}
#menuGlobal span.menuSubTotal1 	{
            color : #576ea0;
            font-size : 11px;
            font-family : Arial;
            font-weight : normal;
            text-decoration : none;
	        }
/*
	LIVELLO 2 DEL MENU
*/
#menuGlobal td.menuCell2 {
      		font-size : 12px;
      		text-decoration : none;
      		line-height: 16px;
      		background-color: transparent;
	  		}	 
#menuGlobal a.menuLabel2 {
     		color : #666666;
      		font-family : "Arial", Arial;
      		font-weight : normal;
      		padding-left: 24px;
	  		}	 
	  
#menuGlobal a.menuLabel2_on {
      		color : #bb5555;
      		font-family : "Arial narrow", Arial;
      		font-weight : bold;
      		padding-left: 24px;
	  		}

#menuGlobal span.menuSubTotal2 	{
            color : #576ea0;
            font-size : 11px;
            font-family : Arial;
            font-weight : normal;
            text-decoration : none;
	        }
#menuGlobal span.brand {
      		color : #888888;
      		font-size : 10px;
      		font-family : Arial;
      		font-weight : normal;
      		font-style : italic;
      		text-decoration : none;
      		line-height: 20px;
      		padding-left: 20px;
      		border-top: 1px solid #cccccc;
	  		}

/*
	--------------------------------------------------------------------------------------
	HOME 
	-------------------------------------------------------------------------------------- 
*/
#welcome {
			background: transparent url(/img/splash_steto.jpg) no-repeat ;
			margin: 0px;
			padding: 10px;
			padding-top: 130px;
		} 
#welcome h3	{ 
			font-size : 14px;
			font-family : "Trebuchet MS", Arial, sans-serif;
			color: #223344; 
			font-weight: bold;
			margin-bottom: -5px;
			margin-top: 10px;
		}

#welcome a {
        	color: #576ea4;
      		font-weight: bold;
			text-decoration: none;
		}

#welcome a:hover {
			text-decoration: underline;
		}
/*
	-----------------------------------------------------------------------------------------
	HITLIST 
	-------------------------------------------------------------------------------------- 
*/

#headHitlist 	{ 
				color: #555555;
				font-size: 12px;
				font-family: arial,times,serif;
				font-weight: normal;
				text-decoration: none;

				border-bottom: 1px solid #cdcdcd; 
				padding: 10px;
				margin-bottom: 15px;
				line-height: 20px;
				margin: 3px;
			}	
#headHitlist b 	{ 
				font-size : 15px;
            	font-family : "Arial narrow", "Trebuchet MS", Arial, sans-serif;
        		color: #223344;
		    	font-weight: bold;
			}

table#hitlist {
			margin: 10px;
			width: 480px;
			border: none;
		}

#hitlist td{
			font-size: 11px;
			color: #777;
		}
#hitlist b{
			color: #576ea4;
		}
#hitlist td.bordown	{ 
			border-bottom: 1px dotted #cdcdcd;
			}

#hitlist td.schedaHitlist	{ 
			border: solid 1px #c6cfe1;
			background-color: #dfe4ee;
			color: #555;
			}
/*
// Gio old
#headHitlist 	{ 
				color: #555555;
				font-size: 12px;
				font-family: arial,times,serif;
				font-weight: normal;
				text-decoration: none;

				border-top: 1px solid #cdcdcd;     	
				border-bottom: 1px solid #cdcdcd; 
				padding: 10px;
				margin-bottom: 20px;
			}	
#headHitlist b 	{ 
				font-size : 14px;
            	font-family : "Arial narrow", "Trebuchet MS", Arial, sans-serif;
        		color: #f78d26;
		    	font-weight: bold;
			}
#headHitlist span 	{ 
	        	color: #576ea0; 
				font-size: 13px;
				font-weight: bold;
			}
*/
td.schedaHitlist 	{
		       	background-color: #eee; 
				height: 30px;

				color: #555555;
				font-size: 12px;
				font-family: arial,times,serif;
			}

td.schedaHitlist span	{
				color: #576ea0; 
				font-size: 13px;
				font-weight: bold;
				text-decoration : none;
			}
/*
	-----------------------------------------------------------------------------------------
	Paginazione
	-----------------------------------------------------------------------------------------
*/
#paginazione a {
			color: #576ea4;
			font-weight: bold;
			text-decoration: none;
			line-height: 20px;
		}
#paginazione .otherPage {
			border: solid 1px #576ea4;
			padding-left: 3px;
			padding-right: 3px;
		}
#paginazione .curPage {
			border: solid 1px #aaa;
			background-color: #ddd;
			padding-left: 3px;
			padding-right: 3px;
		}
/*
	-----------------------------------------------------------------------------------------
	Form/Richiesta 
	-----------------------------------------------------------------------------------------
*/
#richiestaDiv {
			margin: 10px;
			width: 480px;
}
#richiesta {
			margin: 10px;
			width: 480px;
			border: solid 1px #c6cfe1;
			background-color: #dfe4ee;
		}
#richiesta a {
			color: #576ea4;
		}


#richiesta th {
            color : #223344;
            font-size : 12px;
            font-family : Arial;

			text-align: right;
			vertical-align: top;
			padding-top: 3px;
			}  		                                        
#richiesta th.label {
			text-align: right;
			vertical-align: top;
			font-weight: normal;
			}  		                                        
#richiesta th.head {
			text-align: left;
			font-weight: bold;
			border-bottom: 2px solid #c6cfe1;
			}


#richiesta td {
			vertical-align: top;
            font-size: 12px;
			}  		                                        

#richiesta td input.text {
            border: solid 1px #999;
            margin-top: 2px;
			}
#richiesta td input.qform {
            width: 30px;
			}
#richiesta td select{
            border: solid 1px #999;
            width: 160px;
            margin-top: 2px;
			}
#richiesta td select.smallSelect{
            width: 70px;
			}
			
#richiesta td.bordown { 
			border-bottom: 1px dotted #cdcdcd;
			}
#richiesta td.checklist { 
			border-bottom: 1px dotted #ccc;
			}
#richiesta td textarea{ 
			width: 100%;
			}
#richiesta td textarea.quoteText{ 
			height: 240px;
			}
#richiesta td textarea.msgText{ 
			height: 240px;
			}			
/*
// Gio old
#richiesta {
			padding: 10px;
		}

#richiesta th {
            color : #555555;
            font-size : 11px;
            font-family : Arial;
            font-weight : normal;
			background-color: #d3dbe7;
			text-align: left;
			vertical-align: top;
			}  		                                        

#richiesta td {
			background-color: #eeeeee;
			}  		                                        
#richiesta td.bianca {
			background-color: #ffffff;
			}  		                                        

#richiesta td.msgIn {
			background-color: #eeeeee;
			}  		                                        


#richiesta td.msgOut {
			background-color: #f7f7f7;
			}  		                                        

#richiesta td img {
			border: none;
			}  		                                        
*/
#fileList {
			margin: 10px;
			width: 480px;
			border: solid 1px #c6cfe1;
		}
#fileList a {
			color: #576ea4;
			text-decoration: none;
		}
#fileList a:hover {
			text-decoration: underline;
		}


			
#fileList th {
			background-color: #dfe4ee;
            color : #223344;
            font-size : 12px;
            font-family : Arial;

			}  		                                        
#fileList th.label {
			text-align: right;
			vertical-align: top;
			font-weight: normal;
			}  		                                        
#fileList th.head {
			text-align: center;
			font-weight: bold;
			}

#fileList td {
		    font-size: 12px;
			border-top: 1px dotted #cdcdcd;
			}  		                                        
#fileList td.fileEntry {
			background-color: #fcfcfc;
			width: 150px;
			}  		                                        

.inputform {
      width: 200px; 
      height: 20px; 
      background:#fff; 
      border:1px #ccc solid; 
      font-size:11px; 
      color:#666;
      }     

/*
// Gio old
.actionButton {
		font-family: Arial;
		width: 145px; 
		height: 22px; 
		background-color:#CCCCCC; 
		font-size:13px;
		color:#7489a7;
		font-weight: bold;
		border: 0px;
		background: transparent url("/img/quote_request.gif") 0px 0px;
		cursor: pointer;
      }
*/
.actionButton {
		background-color:#476eaa; 
		background: transparent url(/img/button.gif);
		font-size:12px;
		color:#fff;
		font-weight: bold;
		border: solid 1px #999;
		cursor: pointer;
		padding: 2px;
		padding-left: 8px;
		padding-right: 8px;
      }
.actionButtonSmall {
		background-color:#777; 
		font-size:10px;
		color:#fff;
		font-weight: bold;
		border: solid 1px #999;
		cursor: pointer;
		padding: 2px;
		padding-left: 4px;
		padding-right: 4px;
      }

/*
	--------------------------------------------------------------------------------------
	Gestione ordini 
	--------------------------------------------------------------------------------------
*/
#quotelist {
			margin: 10px;
			width: 480px;
			border: none;
		}
#quotelist a {
			font-weight: bold;
			text-decoration: none;
        	color: #576ea4; 
		}

#quotelist a:hover {
			text-decoration: underline;
		}
		
#quotelist td{
			font-size : 11px;
			color: #777;
		}

#quotelist td.bordown { 
			border-bottom: 1px dotted #cdcdcd;
			}

#search_box {
		margin: 10px;
		}

#otherOps 	{ 
			width: 450px;
			padding-left: 0px;
			}
#otherOps a 	{ 
        	color: #576ea4; 
			font-weight: bold;
			}
/*NEW*/
#otherOps ul {
		padding-left: 5px;
			}
#otherOps li {
			list-style-type: none;
			padding-bottom: 3px;
			width: 450px;
			}

#otherOps li.forIn {
			list-style-type: none;
 	      	color: #555555;
			background-color: #EBF0FB; 
			border-bottom: 1px solid #dddddd;
			margin-top: 10px;
			}

#otherOps li.forOut {
			list-style-type: none;
 	      	color: #5C7DC5;
			background-color: #EBF0FB; 
			border-bottom: 1px solid #dddddd;

			margin-top: 10px;
			}

#otherOps li.cliIn {
			list-style-type: none;
 	      	color: #555555;
			background-color:#ffffff; 
			border-bottom: 1px solid #dddddd;
			margin-top: 10px;
			overflow:hidden; 
			}

#otherOps li.cliOut {
			list-style-type: none;
 	      	color: #5C7DC5;
			background-color:#ffffff; 
			border-bottom: 1px solid #dddddd;
			margin-top: 10px;
			}
#otherOps li.cliOut a{
 	      	color: #bb5555;
		}
#otherOps li.clireq {
			list-style-type: none;
 	      	color: #555555;
 	      	font-size: 11px;
 	      	padding: 4px;
			margin-top: 10px;

			border: solid 1px #c6cfe1;
			background-color: #dfe4ee;
			}

#otherOps p {
			margin-top: 2px;
			margin-bottom: 5px;
			}

#otherOps i {
			font-size: smaller;
			}


#operAzione {
			width: 600px;
			margin-left: 24px;
			}

dl {
			margin-top: 6px;
			}

dd {
			margin-left: 6px;
			margin-bottom: 3px;
			}
/*
	--------------------------------------------------------------------------------------
	Dettaglio ordini
	--------------------------------------------------------------------------------------
*/
#manager {
			margin: 10px;
			width: 480px;
			border: none;
		}
/*NEW*/
#manager ul {
			width: 410px;
			margin-left: 0px;
			padding-left: 0px;
		}

#manager td{
			font-size : 11px;
			color: #777;
		}
#manager a {
			font-weight: bold;
			text-decoration: none;
        	color: #576ea4; 
		}

#manager a:hover {
			text-decoration: underline;
		}
/*NEW*/
#quoteDetail legend {
	color: #777;
		}
#quoteDetail ul.request {
			margin-top: 10px;
			padding-right: 10px;
			position: relative;
			list-style: none;
			margin-left: 0;
			padding-left: 1em;
			text-indent: -1em;
			}

#quoteDetail ul.request li {
			padding-bottom: 3px;
			}

#quoteDetail span.label {
			font-family: "Arial narrow", Arial;
			font-size: 11px;
			font-weight: normal;
			font-style:normal;
			color: #777777;
			background-color: transparent; 
			}

#quoteDetail a:hover {
			color: #ff8c03;
      		text-decoration : underline;
			}
#comment textarea{
	width: 450px;
}
/*
	-----------------------------------------------------------------------------------------
	Message board
	-----------------------------------------------------------------------------------------
*/
#messageBoard {
			margin: 10px;
			width: 480px;
		}
#messageBoard a {
			color: #576ea4;
		}

#messageBoard th {
			background-color: #dfe4ee;
            color : #223344;
            font-size : 12px;
            font-family : Arial;
		}
#messageBoard th.label {
			text-align: right;
			vertical-align: top;
			font-weight: normal;
			}  		                                        

#messageBoard th.head {
			text-align: center;
			font-weight: bold;
			}
                                        
#messageBoard td {
            font-size: 11px;
			}  		                                        

#messageBoard td input{
            border: solid 1px #999;
            margin-top: 2px;
			}
#messageBoard td select{
            border: solid 1px #999;
            margin-top: 2px;
			}
#messageBoard td.bordown { 
			border-bottom: 1px dotted #cdcdcd;
			}
#messageBoard td.msgOut { 
			color: #5c7dc5;
			}


/*
	-----------------------------------------------------------------------------------------
	ALTRO
	-----------------------------------------------------------------------------------------
*/

div.bottoniera {
			vertical-align:middle;
			}

div.bottoniera img {
			background-color: transparent; 
			border: 0px;
			padding-left: 20px;
			padding-top: 3px;
			}

#titolo {
			font-family: "Arial narrow", Arial;
			font-size: 16px;
			font-weight: bold;
			color: #555555;
			margin: 10px;
			}

th.ordineMaster { 
        	color: #333333; 
        	font-weight: normal; 
        	font-size: 11px;
        	height: 28px;
        	text-align: left;
        	display: table-cell;
        	background-color: #dedede;
        	border-top: 1px solid #cccccc;
        	border-bottom: 1px solid #cccccc;
			}
        
 .labelh {
         	background-color: #ffffff;
         	border-left: 1px solid #cccccc;
       		color : #555555;
            font-size: 12px;
            font-family: "Arial narrow";
            font-weight: bold;
            text-align: left;
           }

table.bordo td {
			height: 20px;
			}

#altri {
			margin: 10px;
			margin-left: 0px;
			}

#quotelist a.viewingThis {
			font-weight: normal;
			color: #bbbbbb;
			}

.class_attach 	{ 
			background: url('/edit_novarium/imm/mail_attach.png') right top no-repeat #ffffff;
			padding-right: 24px;
            }

.generic_warning{
			color: #b00;
			}
.soft_warning{
			color: #000;
			}