/*-----------------------------------------------*/
/**/
/*--- STRUCTURES LAYOUT CLASS
/**/
/*-----------------------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	color:#333;
	font-family: 'Century Gothic','trebuchet ms',arial,sans-serif;
	font-size: 85%;
	background: #c3cbd7 url(../images/style1/bg_lower.gif) repeat-x scroll left bottom;
	text-align: center;
}
div#container {
	text-align: center;
	margin: 0px auto;
	min-height: 800px;
	background:transparent url(../images/style1/bg_upper.gif) repeat-x scroll left top;
}
div#header {
	margin: 0px;
	padding: 0.1px 1em;
	/*background-color: #eee;*/
	/*border-bottom: 1px solid #ddd;*/
}
	div#header H1 {
		font-size: 20px;
		text-align: left;
		margin: 0px;
	}
div#dynamic {
	text-align: left;
	padding: 20px;
	/*padding-bottom: 120px;*/
	width: 850px;
	/*min-height:800px;*/
	background:white;
	margin: 3em auto 2em;
	border: 1px solid #c4cedd;
	/*border: 1px solid #444e5d;*/
}
div#footer {
	padding: 1em;
	width: 60%;
	margin: 0px auto;
	clear:right;
}
	div#footer P {
		font-size: 0.8em;
		text-align: center;
	}
/*-----------------------------------------------*/
/**/
/*--- BOX LAYOUT CLASS
/**/
/*-----------------------------------------------*/
div#info {
	/*padding-bottom: 8em;*/
	/*background-color:#e4eefd;*/
	/*background-color:white;*/
	margin:0px auto 0em;
	/*min-height:12em;*/
	text-align:center;
	color:white;
    }
    div#info .subinfo {
		height:auto;
		width:12em;
		padding: 10px;
		margin: 0 1em 0 0;
    }
    div#info .login {
		text-align:left;
		background-color:#b4becd ;
      }
    div#info .lang {
		background-color:#e4eefd;
    }
    div#info p.desc {
		font-size: 0.8em;
		color:#777;
		margin: 0px;
    }
/* --- USED FOR THE HOME --- */
div#homecontent {
	margin-right: 155px;
	padding-bottom: 120px;
	min-height: 40em;
}
    
div#lastimages {
	float: right;
	width: 120px;
	padding: 10px;
	background-color: #e4eefd;
	/*background-color: #b4becd;*/
	/*border: 1px solid #c4cedd;*/
	}
	div#lastimages p {
		/*text-align:center;*/
		/*padding: 5px;*/
		/*margin: 0px;*/
	}
	div#lastimages p:hover {
		background-color: #b4becd;
		padding: 5px;
		margin: 0px;
	}
	/*div#lastimages p a {
		text-align:left;
	}
	div#lastimages p img {
		width: auto;
		margin: 0px auto;
	}	*/
/*	div#lastimages .note {
		color: white;
	}
	div#lastimages a {
		color: white;
		font-weight: bold;
	}*/
div.categories {
	padding: 15px;
	margin: 0 0 2em 0;
	background-color: #e4eefd;
	color:white;
}
	div.categories h3:first-letter {
		padding: 2px 4px;
		color:white;
		background-color: #444e5d;
		margin-right: 2px;
	}
	div.categories h3 {
		color: #444e5d;
	}
/* --- USED FOR DISPLAY SYSTEM MESSAGE --- */
div.boxmessage{
	margin: 0 0 2em;
	padding: 1em 15px 0 50px;
	border-style: solid;
	border-width: 2px 0;
}
div.boxmessage p{
	margin: 0 0 1em 70px;
}
div.boxmessage.info{
	background: #E4F6DE url(../images/msg_notice.gif) no-repeat 15px 50%;
	border-color: #8FDC79;
	color: #5FAC49;
}
div.boxmessage.error{
	background: #FFF url(../images/msg_error.gif) no-repeat 15px 50%;
	border-color: #CC0000;
	color: #CC0000;
} 
div.boxmessage.warning{
	background: #FFF0BA url(../images/msg_warning.gif) no-repeat 15px 50%;
	border-color: #E87C29;
	color: #B84C09;
}
div.boxmessage.suggest{
	background: #EAEBF7  url(../images/msg_suggest.gif) no-repeat 15px 50%;
	border-color: #8E9AFF;
	color: #5E6ACF;
}
div#loading_page {
	color: white;
	background-color: #BA122B;
	padding: 0px 5px;
	position: fixed;
	left: 45%;
	top: 0px;
	width: auto;
}
div#track_caller {
	color: #aaa;
	/*background-color: #444e5d;*/
	font-size: 0.7em;
	letter-spacing: 0.2em;
	margin: 0.5em;
	padding: 1px 0.5em;
}
    /*div#track_caller a {
        color: white;
    }*/
/*-----------------------------------------------*/
/**/
/*--- GENERIC PARAGRAPHS TEXTUAL CLASS
/**/
/*-----------------------------------------------*/
a:link {
	color: #777;
	text-decoration: underline;
}
a:visited {
	color: #555;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
        color: #ba122b;
}
a:active {
	color: #ba122b;
	text-decoration: none;
}
h1 {
	color: #444E5D;
	font-weight:normal;
}
h1:first-letter {
	color: red;
	/*font-weight: bold;*/
}
/*-----------------------------------------------*/
/**/
/*--- FORM CLASS
/**/
/*-----------------------------------------------*/
input:focus,textarea:focus {
	border: 1px dotted gray;
}
input,textarea,select {
	border: 1px solid #ddd;
}
textarea {
	width: 100%;
}
form .text, form select {
	background:#eff8fd url(../images/style1/input_background.gif) repeat-x scroll 0 0;
	color:#F17415;
	display:inline;
	border: 1px solid #aaa;
}
.fieldWithErrors {
	width: 100%;
	}
	.fieldWithErrors label {
		float:left;
		line-height:20px;
		padding-right:10px;
		text-align:right;
		width:6em;
	}
	.fieldWithErrors input {
		float:left;
		border: 2px dotted red;
		margin-left:0.5em;
	}
/*-----------------------------------------------*/
/**/
/*--- BUTTON CLASS
/**/
/*-----------------------------------------------*/
.button {
	border: none;
	cursor:pointer;
	color: white;
}
.button.commit {
	background: transparent url(../images/style1/ico_commit.png) no-repeat 0 50%;
	height:54px;width:120px;
	padding-left: 55px;
}
.button.commit:hover {
	background: transparent url(../images/style1/ico_commit_o.png) no-repeat 0 50%;
}
.button.main {
	background: transparent url(../images/style1/bg_but_lightblue.png) no-repeat 50% 50%;
	height:40px;width:150px;
	font-weight:bold;
}
.button.main:hover {
	background: transparent url(../images/style1/bg_but_lightblue_o.png) no-repeat 50% 50%;
}
.button.tiny {
	background: transparent url(../images/style1/bg_but_gray.png) no-repeat 50% 50%;
	height:22px;width:64px;
	color: #444;
}
.button.tiny:hover {
	background: transparent url(../images/style1/bg_but_gray_o.png) no-repeat 50% 50%;
	color: #eee;
}
/* --- ATTENTION: These are used only for bg. The same icon could be used inside view for img tag --- */
.button.accept {
	background: transparent url(../images/ico_accept.gif) no-repeat 50% 50%;
	height:35px;width:35px;
}
.button.accept:hover {
	background-color: #E4F6DE;
}
.button.cancel {
	background: transparent url(../images/ico_cancel.gif) no-repeat 50% 50%;
	height:35px;width:35px;
}
.button.cancel:hover {
	background-color: #fdd;
}
    
/* --- DOWNLOAD BUTTON --- */
a.download {
	cursor:pointer;
	text-decoration:none;
}
a.download b {
	background:transparent url(../images/style1/ico_download_l.gif) no-repeat scroll 0 center;
	display:block;
	float:left;
	padding:2px 0 1px;
	text-indent:-99999px;
	width:80px;
}
a.download i {
	background:transparent url(../images/style1/ico_download_r.gif) no-repeat scroll 100% center;
	display:block;
	float:left;
	padding:2px 10px 1px 4px;
	text-align:center;
}
/*-----------------------------------------------*/
/**/
/*--- TABLE CLASS
/**/
/*-----------------------------------------------*/
table.home {
	width:90%;
	margin: 0px auto;
	margin-bottom: 3em;
}
table.home th {
	background-color: #b4becd;
	color:#fff;
	padding: 0.1em 0.3em;
}
table.home tr:hover {
	background-color:#d4deed;
}
table.home td {
	width: 10em;
	padding: 0.3em;
	color:#555;
}
table.home .secondary {
	text-align: center;
}

/*--- USER ---*/
table.user {
	width:90%;
	margin: 0px auto;
	margin-bottom: 3em;
}
table.user th {
	background-color: #444e5d;
	color:#fff;
	padding: 0.1em 0.3em;
}
table.user tr.odd {
	background-color:#b4becd;
}
table.user tr.even {
	background-color:#d4deed;
}
table.user.over tr:hover {
	background-color:#ffc;
}
table.user td {
	width: 10em;
	padding: 0.3em;
	color:#555;
}
/*--- ADMIN ---*/
table.admin {
	width:95%;
	margin: 0px auto;
	margin-bottom: 3em;
}
table.admin th {
	background-color: #BA122B;
	color:#fff;
	padding: 0.1em 0.3em;
}
table.admin tr.odd {
	background-color:#eee;
}
table.admin tr.even {
	background-color:#ddd;
}
table.admin tr:hover {
	background-color:#ffc;
}
table.admin td {
	width: 10em;
	padding: 0.3em;
	color:#555;
}
/*-----------------------------------------------*/
/**/
/*--- OTHER CLASS
/**/
/*-----------------------------------------------*/
.note {
	color: #777;
	font-size: 0.9em;
}
.subnote {
	color: #888;
	font-size: 0.7em;
}
.subtitle {
	color: #777;
	font-size: 0.6em;
}
img {
	border: 0px;
}
.hidden {
	display: none;
}
.floatl {
	float:left;
}
.floatr {
	float:right;
}
div.gridcol {
	position:relative;
}
div.gridcol.minibox {
	min-height: 10em;
}
	div.gridcol .column {
		float:left;
	}
	div.gridcol .column.last {
		float:right !important;
	}
	div.gridcol .column.first {
		width: 80%;
	}
ul.cool li {
	background: transparent url(../images/style1/ico_arrow.png) no-repeat scroll 0 50%;
	line-height: 2;
	/*list-style-image: none;
	list-style-position: outside;*/
	list-style-type: none;
	padding: 0px 0px 0px 45px;
}
/* --- POPUP MESSAGE --- */
.help_container p {
	clear:left;
	padding:15px;
	}
	.help_container p input {
		float:left;
	}
	.help_container p label {
		float:left;
		line-height:20px;
		padding-right:10px;
		text-align:right;
		width:6em;
	}
.help-message{
	display: block !important;
	display: none; /* IE6 e inferiori */
	float: left;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 3px 0 0 5px;
	background: #FFF url(../images/style1/ico_info.png)
	}
	.help-message em{
		position:absolute;
		left: -9999px;
		min-width: 12em;
		padding: 7px;
		border: 1px solid #ccc;
		background: #F2F3F9;
		color: #555;
		font: normal normal 12px/1.3 Arial, sans-serif
	}
	.help-message:hover em{
		left: 20px;
		top: -5px
	}
/* --- USED INSIDE TOPIC DETAIL --- */
.mark {
	font-size: 1.5em;
	padding: 0.3em;
	letter-spacing: 0.2em;
	/*font-weight: bold;*/
	color: #F17415;
}
/*.mark:first-letter {
    color: white;
    background-color: red;
    font-weight: bold;
    font-size: 1.2em;
    padding: 2px;
}*/
div.menubar {
	/*margin-top: 2em;*/
	margin-bottom: 1em;
	background-color: #eee;
	height: 54px;
	border: 1px solid #ccc;
}
div.menubar .head {
	float: left;
}
div.menubar .body {
	margin-left: 8px;
	margin-top: 12px;
	padding: 3px;
	float:left;
	/*background-color: #444e5d;*/
	/*font-weight: bold;*/
	color: #888;
}
div.menubar a {
	font-weight: bold;
	text-decoration: underline;
}
div#dbmessages {
	text-align: center;
}
div.db.message {
	width: 90%;
	text-align:left;
	margin: 2em auto;
	background-color: #e4eefd;
	padding: 4px;
	color:white;
    }
    div.db.message div.title {
		background-color: #e4eefd;;
		color: #555;
		padding: 2px 4px;
		/*background:#FFFFFF url(../images/style1/bg_title.gif) top left repeat-x;*/
    }
    div.db.message div.body {
		background:#FFFFFF url(../images/style1/bg_body.gif) top left repeat-x;
		color: #777;
		padding: 0 30px;
		text-align: justify;
    }
    div.db.message div.msg_body:first-letter {
		font-size: 2em;
    }
div#asset .asset {
	margin-top: 1em;
}
/* --- USED FOR PAGINATION --- */
div.pagination {
	background: #e4eefd;
	border: 1px solid #d4deed;
	text-align: center;
	}
	.pagination .page_info {
		color: gray;
	}
	.pagination a, .pagination span {
		padding: .0em .3em; 
	}
	.pagination span.disabled {
		color: #AAA; 
	}
	.pagination span.current {
		font-weight: bold;
		background: transparent url(../images/style1/ico_circle.gif) no-repeat 50% 50%; 
	}
	.pagination a {
		text-decoration: none;
		color: black; 
	}
	.pagination a:hover, .pagination a:focus {
		text-decoration: underline; 
	}