@import "websmart-forms.css";
@import "websmart-tables.css";

/* Main Webstart Styles for 'Clean' design

/* Kill margin and padding on all elements - because different browsers have different defaults */
*{
	margin:0;
	padding:0;
}

body {
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: small;
			line-height: 1.6em;
			color: #666;
			background-color: #FFF;
}

/* CONTAINER */

		#container {
			width: 750px;
			margin: 10px auto;
			padding: 0;
			}					

/* HELP FILES CONTAINER */

		#help {
			width: 450px;
			margin: 20px 20px;
			padding: 0; 
  }

		#help p {

			margin: 10px 0;
			padding: 0;
			font-size: 120%;
					}
.back {
	background: url(../candy/import24.gif) no-repeat 0 90%;
	padding: 5px 0 6px 26px;
	margin: 0;
}

.excel {
	background: url(../candy/excel.gif) no-repeat 0 20%;
	padding: 5px 0 6px 20px;
	margin: 0;
}

.gap {
	padding-top: 15px;
}

.delete {
	background: url(../candy/delete24.gif) no-repeat 0 90%;
	padding: 5px 0 8px 26px;
	margin-top: 5px;
}

.add {
	background: url(../candy/add24.gif) no-repeat 0 90%;
	padding: 5px 0 8px 26px;
	margin: 0;
}



.list {
	background: url(../candy/notepad24.gif) no-repeat 0 90%;
	padding: 5px 0 8px 24px;
	margin: 0;
}					

.help {
			color: #CC6500;
			font-size: 120%;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			background: #FFF url(../candy/showinfo32.gif) 0 0 no-repeat;
			margin-top: 10px;
  		     padding-top: 5px;
  		     padding-left: 35px;
			margin-bottom: 5px;
		}

.help-info {
			
			background: #FFF url(../candy/showinfo16.gif) 0 80% no-repeat;
			margin-top: 10px;
  		     padding-top: 5px;
  		     padding-left: 20px;
			margin-bottom: 0;
		}
		
.help-img {
			color: #CC6500;
			font-size: 120%;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			background: #FFF url(../candy/image16.gif) 50% 80% no-repeat;
			margin-top: 10px;
  		     padding-top: 5px;
  		     padding-left: 20px;
			margin-bottom: 15px;
		}
		
		
.user {
			color: #CC6500;
			font-size: 120%;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			background: #FFF url(../candy/user32.gif) 0% 100% no-repeat;
			margin-top: 10px;
  		     padding-top: 15px;
  		     padding-left: 30px;
			margin-bottom: 15px;
			display: inline;
		}


		

/* PARAGRAPH, HEADINGS & LINKS */

		p  {
			font-size: 90%;
}

		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 180%;
			color: #369;
			margin-bottom: 30px;
			background-color: #FFF;
		}

		h2 {
			color: #369;
			font-size: 140%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			padding:  0;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		h3 {
			color: #369;
			font-size: 120%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			padding:  0;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		h4 {
			font-size: 100%;
			font-family: Arial, Helvetica, sans-serif;
			padding:  0;
			margin-top: 10px;
			padding-bottom: 10px;
}

		h5 {
			font-size: 120%;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
			margin-left: 10px;
			margin-bottom: 10px;
			padding: 2px;
			}
			
		h6 {
			font-size: 100%;
			color: #369;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
			margin-left: 10px;
			margin-bottom: 10px;
			padding: 2px;
			}

		a {
			color:#369;
			text-decoration: none;
		}

		a:hover {
			color:#369;
			background-color: #EEE;
		}
		
		ul {
			margin-left: 0;
			padding-left: 25px;
  padding-bottom: 5px;
}
		
		ol {
			margin-left: 25px;
			margin-bottom: 15px;
			padding-left: 0;
		}


/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px double #CCC;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}


		/* the slogan */
		#header p {
			margin-top: -20px;
			margin-left: 30px;
			color: #999;
		}

/* NAVIGATION ELEMENTS */

		#navigation {
			float: left;
}
		
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			float: left;
			width: 140px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			color:#369;
			text-decoration: none;
		}

		#navigation a:hover {
			background: #000000 url(../img/arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#369;
		}
		
		#maillist {
	position: inherit;
	margin-top: 480px;
	
}


	#maillist a {
	border: none;
	font-size: 105%;
	margin-left: -8px;
	margin-top: -20px;
}


		
	/*Bottom Link*/
		
		#about a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: none;
		}

		#about a:link, #navlist a:visited {
			color:#369;
			text-decoration: none;
		}

		#about a:hover {
			background: #000000 url(../img/arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#369;
		}


/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 30px;
			padding-left: 3px;
			border: none;
			background:  #FFF;
		}

/* CONTENT ELEMENTS */

		#content {
			width: 362px;
			margin-left: 180px;
			margin-right: 200px;
			border: none;
		}

		#content p {
			padding-bottom: 10px;

		}

		.end {
			border-bottom: 1px solid #DDD; /* A faint grey line below the text */
		}
/* Internal Page CONTENT ELEMENTS */

		#content-internal {
			width: 565px;
			margin-left: 180px;
			margin-right: 0;
			border: none;
		}

		#content-internal p {
			padding-bottom: 10px;

		}

#userSelection, #userPass, #cancel #button {
		width: 125px;
		border-top: 2px solid #CCC;
		border-left: 2px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}



/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 174px;
			padding: 0;
			border: none;
		}

		#sidebar p {
			padding-bottom: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			border: none;
		}

		#sidebar h2 {
			color: #369;
			font-size: 130%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			padding: 0;
			margin-top: 0;
			margin-bottom: 10px;

		}

		.pic {

			padding: 2px;
			margin:0;
			border: none;
}

.pic-left {
			float:  left;
			padding: 6px 0;
			margin: 0px 8px 0 0;
			border: none;
}

.pic-right {
			float:  right;
			padding: 6px 0;
			margin: 0 0 0 8px;
			border: none;
}


/* FOOTER ELEMENTS */

		#footer {
			margin-top: 15px;
			clear: both;
			background-color:#FFF;
			padding: 0px 5px 0px 5px;
			border-bottom: 1px dotted #89817f;

		}

		#footer p {
			color:#000;
			padding: 5px;
		}

		#footer p a {
			color: #666;
			border-bottom: 1px dotted #89817f;
		}

		#footer p a:hover {
			color: #FFF;
			background-color:#575352;
		}

/*Icon Navigation formatting*/

#icon li {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#icon li a {
	display: block;
	height: 48px;
	width: 48px;
}





/* over state, selected state and pre-loaded bg's to prevent flickering in IE5 */

/* regular state for the links */

/*Jobs*/
#icon #add-job-purple a {
	background: transparent url(../candy/sections_pi.gif) no-repeat;
	color: #000;
}

#icon #edit-job-purple a {
	background: transparent url(../candy/addedit_pi.gif) no-repeat;
	color: #000;
}

#icon #delete-job-purple a {
	background: transparent url(../candy/trash_pi.gif) no-repeat;
	color: #000;
}

/*News*/
#icon #add-news-grey a {
	background: transparent url(../candy/sections_grey.gif) no-repeat;
	color: #000;
}

#icon #edit-news-grey a {
	background: transparent url(../candy/addedit_grey.gif) no-repeat;
	color: #000;
}

#icon #delete-news-grey a {
	background: transparent url(../candy/trash_grey.gif) no-repeat;
	color: #000;
}

/*Image*/
#icon #add-image-green a {
	background: transparent url(../candy/sections_gr.gif) no-repeat;
	color: #000;
}

#icon #edit-image-green a {
	background: transparent url(../candy/addedit_gr.gif) no-repeat;
	color: #000;
}

#icon #delete-image-green a {
	background: transparent url(../candy/trash_gr.gif) no-repeat;
	color: #000;
}

/*Menus*/
#icon #add-menu-blue a {
	background: transparent url(../candy/sections_bl.gif) no-repeat;
	color: #000;
}

#icon #edit-menu-blue a {
	background: transparent url(../candy/addedit_bl.gif) no-repeat;
	color: #000;
}

#icon #delete-menu-blue a {
	background: transparent url(../candy/trash_bl.gif) no-repeat;
	color: #000;
}


/* over state, selected state and pre-loaded bg's to prevent flickering in IE5 */

/*Jobs*/
#icon #add-job-purple a:hover, #icon #add-job-selected a:link, #icon #add-job-purple, #icon #add-job-selected {
	background: transparent url(../candy/sections.gif) no-repeat;
	color: #000;
}

#icon #edit-job-purple a:hover, #icon #edit-job-selected a:link, #icon #edit-job-purple, #icon #edit-job-selected {
	background: transparent url(../candy/addedit.gif) no-repeat;
	color: #000;
}

#icon #delete-job-purple a:hover, #icon #delete-job-selected a:link, #icon #delete-job-purple, #icon #delete-job-selected {
	background: transparent url(../candy/trash.gif) no-repeat;
	color: #000;
}

/*News*/
#icon #add-news-grey a:hover, #icon #add-news-selected a:link, #icon #add-news-grey, #icon #add-news-selected {
	background: transparent url(../candy/sections.gif) no-repeat;
	color: #000;
}

#icon #edit-news-grey a:hover, #icon #edit-news-selected a:link, #icon #edit-news-grey, #icon #edit-job-selected {
	background: transparent url(../candy/addedit.gif) no-repeat;
	color: #000;
}

#icon #delete-news-grey a:hover, #icon #delete-news-selected a:link, #icon #delete-news-grey, #icon #delete-news-selected {
	background: transparent url(../candy/trash.gif) no-repeat;
	color: #000;
}

/*Images*/
#icon #add-image-green a:hover, #icon #add-image-selected a:link, #icon #add-image-green, #icon #add-image-selected {
	background: transparent url(../candy/sections.gif) no-repeat;
	color: #000;
}

#icon #edit-image-green a:hover, #icon #edit-image-selected a:link, #icon #edit-image-green, #icon #edit-image-selected {
	background: transparent url(../candy/addedit.gif) no-repeat;
	color: #000;
}

#icon #delete-image-green a:hover, #icon #delete-image-selected a:link, #icon #delete-image-green, #icon #delete-image-selected {
	background: transparent url(../candy/trash.gif) no-repeat;
	color: #000;
}

/*Menus*/
#icon #add-menu-blue a:hover, #icon #add-menu-selected a:link, #icon #add-menu-blue, #icon #add-menu-selected {
	background: transparent url(../candy/sections.gif) no-repeat;
	color: #000;
}

#icon #edit-menu-blue a:hover, #icon #edit-menu-selected a:link, #icon #edit-menu-blue, #icon #edit-menu-selected {
	background: transparent url(../candy/addedit.gif) no-repeat;
	color: #000;
}

#icon #delete-menu-blue a:hover, #icon #delete-menu-selected a:link, #icon #delete-menu-blue, #icon #delete-menu-selected {
	background: transparent url(../candy/trash.gif) no-repeat;
	color: #000;
}



.webstart1 {
	position: inherit;
	padding: 0;
	margin-bottom: 15px;
	margin-left: -10px;

}



hr {
	background: url(../candy/notepad24.gif) no-repeat 0 90%;
	width: 100%;
	border: 1px solid #DDD;
	margin: 10px 0 20px 0;
}

code {
	text-transform: none;
	margin: 0;
	padding: 0;
}

#radio {
	border: none;
}


/*Webpanel*/

#webpanel {
			margin-top: 30px;
}

div#webpanel ul{
			list-style-type: none;
			margin:0 15px;
			padding:0;
			}
			
			
div#webpanel li{
			float:left;
			width:130px;
			margin: 10px 10px 10px 20px;
			background-color: #FFF;
			}
		
div#webpanel li img{
			display: block;
			width: 48px;
			height: 48px;
			margin:10px 10px;
			border: 0px;
			}

/*</group>*/



/*<group=<style> tags>*/

div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 20px;background-color: #D4E0F7}
div#minipics li img{display: block;width: 80px;height: 80px;margin:10px 10px;border: 0px}

/*</group>*/

/*<group=http://pro.html.it/esempio/nifty/niftyCorners.css>*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/*</group>*/

/*Markdown*/

#cheatset {
	clear:left;
	float: left;
	padding: 0 1em 2ex 0;
	width: 22em;
}
#banc-d-essai #cheatset { width: 23.5em; }
* html #cheatset {
	padding: 0 0 2ex 0;
	width: 24em;
}
* html #banc-d-essai #cheatset { width: 24em; }
* html #cheatset pre { margin-right: 1em; }

#cheatset h2,h3	{ font-size: 100%; margin-top: 0; }
#cheatset h3	{ margin: 2ex 0 1ex 0; }
#cheatset p		{ margin: 1ex 0 0 0; }
#cheatset pre	{ margin: 0; padding: 0.4ex 0.4em; }
#cheatset code	{ font-size: 11px; }