* {
	padding: 0;
	margin: 0;
}
footer, header, hgroup, nav, section {
	display:block;
}
html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	margin:0;
	font: normal 100% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:1.231
}
body, button, input, select, textarea {
	color:#222
}
a {
	color:#00e
}
a:visited {
	color:#551a8b
}
a:hover {
	color:#06e
}
a:focus {
	outline:0
}
a:hover, a:active {
	outline:0
}


ul, ol {
	margin:1em 0;
	padding:0 0 0 40px
}
dd {
	margin:0 0 0 40px
}
nav ul, nav ol {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}




/**/
body {
	background:url(../img/gui/nav-bg.png) repeat-y scroll top left #e3e5e7;
}
#container #header-surround {
	background:url(../img/gui/shadow-bottom.png) repeat-x scroll bottom left transparent;
	padding-bottom:14px;
	position:relative;
	z-index:50
}
#container #header-surround #header {
	background:url(../img/gui/header-bg.png) repeat-x scroll top left transparent;
	height:43px;
	position:relative;
	z-index:30
}
.logo {
	margin: 2px 0 0 5px;
	float:left;
}
.divider-header {
	position:absolute;
	margin-left:260px
}
.divider-vertical {
	background:url(../img/gui/divider-vertical.png) no-repeat scroll top left transparent;
	height:34px;
	width:2px;
	overflow:hidden
}
#user-info {
	float:right;
	margin-top:6px;
	margin-right:10px;
	color:white;
}

.button {
	background:url(../img/gui/button-blue.png) repeat-x scroll 0 0 #2d5672;
	border-radius:20px 20px 20px 20px;
	border-style:solid;
	border-width:1px;
	border-color:#111;
	color:#fff!important;
	cursor:pointer;
	display:inline-block;
	padding:5px 10px;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
	height:14px;
	font-size: 12px;
	text-decoration: none;
}
input[type="submit"].button {
	height:26px
}
.button:hover {
	background:url(../img/gui/button-blue.png) repeat-x scroll 0 -24px #4d7690;
	color:#fff!important;
	text-decoration:none
}
.button:active {
	background:url(../img/gui/button-blue.png) repeat-x scroll 0 -48px #6290b2
}
.button.red {
	background:url(../img/gui/button-red.png) repeat-x scroll 0 0 #6b352b
}
.button.red:hover {
	background:url(../img/gui/button-red.png) repeat-x scroll 0 -24px #834a3f
}
.button.red:active {
	background:url(../img/gui/button-red.png) repeat-x scroll 0 -48px #a85f51
}

.shadow-bottom {
	background:url(../img/gui/shadow-bottom.png) repeat-x scroll bottom left transparent;
	position:relative;
	z-index:30
}

.fix-shadow-bottom-height {
	margin-top:-14px
}

#side-details {
	background:url(../img/gui/login-details-bg.png) repeat-x scroll top center #212f3b;
	margin-right:1px;
	padding:15px
}
#side-details H3,
#side-details H2 {
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
}
#side-details H2 {
	color: #FFF;
	font-size: 90%;
}


/* SHOULDER */
#container #sidebar {
	float:left;
	width:261px;
	position:absolute;
	z-index:30
}
#container #sidebar #search-bar {
	background:url(../img/gui/title-bar-bg.png) repeat-x scroll top left transparent;
	height:42px;
	position:relative;
	z-index:30;
	margin-right:1px;
	margin-bottom:-1px
}
.side-menu {
	padding-bottom:14px;
	border-right: 1px solid #919191;
}
/*
.side-menu UL.expand {
	margin:0;
	padding: 8px 10px 8px 15px;
	cursor:pointer;		
	background:url(../img/sidebar/nav-item-bg.png) repeat-x scroll 0 0 transparent;
	display:block;
	text-decoration:none;
}
.side-menu .current {
	cursor:default;
}
.side-menu .current P {
	background:url(../img/sidebar/nav-arrows.png) no-repeat right 0 transparent;
}
*/

#container #sidebar #nav .menu {
	padding: 0;
	margin: 0;
	padding-bottom:14px;
	margin-top:-1px
}
#container #sidebar #nav .menu LI {
	overflow:hidden;
	margin-right:1px;
	line-height:39px
}
#container #sidebar #nav .menu LI IMG {
	padding-right: 5px
}
#container #sidebar #nav .menu LI A {
	background: url(../img/sidebar/nav-item-bg.png) repeat-x scroll 0 0 transparent;
	display:block;
	text-decoration:none;
	padding-left:20px;
	color: #5688a8;
	font-size: 100%;
}
#container #sidebar #nav .menu LI A.current,
#container #sidebar #nav .menu LI A.current:hover {
	background: url(../img/sidebar/nav-item-bg.png) repeat-x scroll 0 0 transparent !important;
	color: #5688a8;
	cursor: default;
}

#container #sidebar #nav .menu LI A.back {
	font-size: 80%;
}


#container #sidebar #nav .menu LI A:hover {
	background:url(../img/sidebar/nav-item-bg.png) repeat-x scroll 0 -39px transparent;
	color: #FFF;
}
#container #sidebar #nav .menu LI A.current:hover {
	background:url(../img/sidebar/nav-item-bg.png) repeat-x scroll 0 -39px transparent;
}
#container #sidebar #nav .menu LI UL {
	padding: 0;
	margin: 0;
	background:#2d5370;
	font-size: 80%;	
}
#container #sidebar #nav .menu LI UL LI A {
	background:0;
	border-top:1px solid #212f39;
	color: #FFF;
}
#container #sidebar #nav .menu LI UL LI A.active {
	background:none scroll top left #5688a8;
	font-weight: bold;
}
#container #sidebar #nav .menu LI UL LI A:hover {
	background:none scroll top left #5688a8;
}

.badge {
	background:none repeat scroll top left #293946;
	float:right;
	margin-right:10px;
	margin-top:10px;
	line-height:20px;
	padding:0 10px;
	border-radius:10px 10px 10px 10px;
	color: #FFF;
}
.badge.red {
	background:none repeat scroll top left #864135
}
.badge.grey {
	background:none repeat scroll top left #d5d5d5
}
.badge.blue {
	background:none repeat scroll top left #5c8aa8
}


/* BREADCRUMB */
#breadcrumbs {
	height:42px;
	line-height:42px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left
}
#breadcrumbs LI {
	list-style-type:none;
	padding-left:10px;
	float:left
}
#breadcrumbs LI:hover {
	background:url(../img/gui/bc-shine.png) no-repeat scroll bottom center transparent
}
#breadcrumbs LI.no-hover {
	background:0
}
#breadcrumbs A {
	height:40px;
	background:url(../img/gui/bc-seperator.png) no-repeat scroll top right transparent;
	padding-right:20px;
	text-decoration:none;
	display:block
}
#bc-home {
	background-image:url(../img/gui/home.png);
	background-position:0 5px;
	display:block;
	height:32px;
	width:32px
}

/* MAIN */
#container #main {
	margin-left:261px;
	padding-bottom: 200px;
}
#container #main #title-bar {
	background:url(../img/gui/title-bar-bg.png) repeat-x scroll top left transparent;
	height:42px;
	position:relative;
	z-index:30
}
.shadow-titlebar {
	height:14px
}

#container #main #main-content {
	background:url(../img/gui/main-bg.png) repeat-x scroll top center transparent;
	position:relative;
	min-height:434px;
	margin-top:-14px;
	padding-top:10px;
	padding-bottom: 400px;
}


.ui-dialog .ui-dialog-titlebar { padding: .8em .3em .3em 1em; position: relative; background:url(../img/gui/header-bg.png) repeat-x scroll top left transparent;}


/* STEPS */
#container #steps {
	background:cyan2;
	height:60px;
	width: 100%;
	margin-left: -278px;
	position:fixed;
	bottom:0px;
	z-index:1000;
}
#container #steps A {
	background:url(../img/gui/steps-icon.png) no-repeat transparent;
	height: 10px;
	width:170px;
	padding: 25px 0;
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
}
#container #steps A.prev {
	background-position: 0px -120px;
	float:left;
	padding-left: 45px;
	margin-left: 278px;
}
#container #steps A.prev:hover {
	background-position: 0px -180px;
}
#container #steps A.next {
	float:right;
	padding-right: 45px;
	margin-right: 1%;
	text-align: right;
}
#container #steps A.next:hover {
	background-position: 0px -60px;
}
#container #steps SPAN {
	font-size: 120%;
	font-weight: bold;
}


/* FOOTER */


#infoOpener {	
	position:fixed; 
	bottom:0px;
	z-index:1002;
	margin: 0px 0px 2px 15px;

}


#container #footer {
	background:url(../img/gui/footer-bg.png) repeat-x scroll bottom left transparent;
	height:50px;
	width:100%;
	position:fixed;
	bottom:0;
}
#footer .footer-icon {
	background:url(../img/gui/footer-icon.png) no-repeat scroll top left transparent;
	height:50px;
	width:59px;
	float:left;
	position: relative;
	z-index: 1000;
}
#footer A.top {
	background:url(../img/gui/top-hover.png) no-repeat scroll 0 0 transparent;
	height:48px;
	width:48px;
	display:block;
	margin-left:5px;
	padding-top:3px
}
#footer A.top:hover {
	background-position:0 -48px
}
.block-border {
	margin-top:15px;
	background:url(../img/gui/shine-effect.png) repeat-x scroll 0 0 #5689a9;
	border:1px solid #25333c;
	border-radius:5px 5px 5px 5px;
	padding:8px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5)
}
.block-content {
	background:none repeat scroll 0 0 #fafafa;
	border-radius:3px 3px 3px 3px;
	position:relative;
	padding: 20px;
	border:1px solid #4b5e6b
}
.block-content.home {
	padding:0 10px;
}
.block-content.dark-bg {
	background:url(../img/gui/dark-bg.png) repeat-x scroll top left transparent;
	border:1px solid #111a22;
	box-shadow:none!important
}
.block-border .block-content+.block-content {
	margin-top:10px
}
.block-border .block-content {
	box-shadow:0 0 6px rgba(255, 255, 255, 0.3)
}


ul.shortcut-list {
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden
}
ul.shortcut-list li {
	background:url(../img/gui/shortcut-list-bg.png) repeat-x scroll top left #d3d3d3;
	border:1px solid #bcbcbc;
	float:left;
	overflow:hidden;
	margin:10px 5px;
	cursor:pointer;
	border-radius:5px 5px 5px 5px
}
ul.shortcut-list li:hover {
	background:none repeat scroll top left #e7e7e7;
	border-color:#a3a3a3
}
ul.shortcut-list li a {
	display:inline-block;
	position:relative;
	text-align:center;
	width:110px;
	height:90px;
	padding:10px 5px;
	overflow:hidden;
	text-decoration: none;
	font-size: 80%;
	color: #2d5370;
}
ul.shortcut-list li img {
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	overflow:hidden
}
ul.shortcut-list li:hover a {
	text-decoration:none;
	padding-top: 11px;
	margin-bottom: -1px
}



/* TEXT */
h1, h2, h3, h4, h5, h6 {
	color:#475d68;
	text-shadow:0 1px 0 #fff;
}
h1 {
	font-size:160%;
}
h2 {
	font-size:150%;
}
h3 {
	font-size:140%;
}
h4 {
	font-size:120%;
}
h5 {
	font-size:110%;
}
h6 {
	font-size:100%;
}
p {
	font-size:90%;
}



/* MSG */
.alert {
	border:1px solid;
	clear:both;
	margin-bottom:9px;
	margin-top:10px;
	padding:10px 10px 10px 35px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-repeat:no-repeat;
	background-position:10px 10px
}
.alert.no-margin.top {
	margin-top:0
}

.alert.info {
	background-image:url(../img/icon/information.png);
	background-color:#d8e7fa;
	border-color:#9dbfea;
	color:#00357b
}
.alert.warning {
	background-image:url("http://themes.stammtec.de/grape/img/icons/packs/fugue/16x16/exclamation.png");
	background-color:#fdefbd;
	border-color:#d4b64b;
	color:#675100
}
.alert.success {
	background-image:url("http://themes.stammtec.de/grape/img/icons/packs/fugue/16x16/tick-circle.png");
	background-color:#d1e8d2;
	border-color:#393;
	color:#00632e
}
.alert.success A {
	color:#00632e;
	text-decoration: underline;
}

/* ALIGN */
.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.align-left {
	margin-left:0;
	margin-right:auto;
	float:left!important
}
.align-right {
	margin-left:auto;
	margin-right:0;
	float:right!important
}
.align-center {
	margin:0 auto;
	float:none!important
}

/*???*/
[hidden] {
display:none
}
::-moz-selection {
background:#8eacb7;
color:#fff;
text-shadow:none
}
::selection {
background:#8eacb7;
color:#fff;
text-shadow:none
}

.line-space {
	background: #ccc;
	clear: both;
	width: 100%;
	margin: 90px 0px 0px 0px;
	float: left;
}

.line-break {
	background: #ccc;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 2% 0;
	float: left;
	border-bottom: 1px solid #f2f2f2;
}
.imageContainer {
	background: url(../img/gui/imageContainer.png) no-repeat top right;
	float: left;
	padding-right: 50px;
	margin: 0 2% 0 0;
}
.imageContainerSmall {
	background: url(../img/gui/imageContainerSmall.png) no-repeat center right;
	float: left;
	padding: 1% 50px 1% 1%;
	margin: 0 2% 0 0;
}
.textContainer {
	padding: 2%;
	font-size: 120%;
	line-height: 200%;
}
.textContainerSmall {
	padding: 2% 1% 1% 1%;
	font-size: 120%;
}

.company-footer{
	background:url(../img/gui/main-bg.png) repeat-x scroll top center transparent;	
	height:150px;	
	width:50%;
	padding:0px 110px 0px 20px;	
	clear: both;
	font-size:65%;
	color:#475d68;
}


#question{
	padding: 0px 5px 6px 6px;
}

/* POSIZIONO LA MODAL */
.ui-dialog {
    margin-bottom: 50px !important;
    font-size: 90% !important;
}