html {
  color: #000000;
  background-image: url(../MultiBandsLinearGradient.svt?heights=800&startColors=d8d8d8&endColors=ececec);
  background-repeat: repeat-x;
  background-color: #ececec;
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,tr {
  margin: 0;
  padding: 0;
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
  text-align: center;    
}

#container{  
  margin: auto;
  text-align: left;
  width: 944px;
  min-width: 944px;
}

/* ------------------ */

#header 
{
  border: 0px;
  height: 164px;      
}

#headerLeft
{
  float: left;
}

#headerLogoImage
{
  width: 536px;
  height: 164px; 
}

#headerRight
{
  float: right;
  text-align: right;
}

#headerLogoFlash
{
  width: 408px;
  height: 164px; 
}

/* ------------------ */

#main {
  margin-top: 6px;
  border: 0px;   
}

#mainTable
{
  width: 100%;      
}

#mainTable #leftColumnMain
{
  width: 176px;  
  background-color: #53a4fc;
  vertical-align: top;
}

#mainTable #rightColumnMain
{
  vertical-align: top;
}

#mainTable .elementLeft
{
  float: left;
}

#mainTable .elementRight
{
  float: right;
}

#mainTable #topContent
{
  vertical-align: top;
  padding: 0;
  margin-left: 11px;
}

#mainTable #centralContent
{
  clear:both;
  background-color: #ffffff;
  vertical-align: top;
  padding: 20px;
  padding-top: 15px;
  margin-left: 11px;  
}

#mainTable #bottomContent
{
  background-color: #ffffff;
  text-align: center;
  vertical-align: top;
  margin-left: 11px;
}

#centralTable
{
  width: 100%;
  border: 0px;
}
#centralTable a
{ 
  text-decoration: underline; 
  color: #FF33CC; 
}

#centralTable a:hover
{ 
  text-decoration: underline; 
  color: #FF33CC; 
}
 
#centralTable ul
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#centralTable ul li
{
  background-image: url(../images/icons/iconli.jpg);
  background-repeat: no-repeat;
  background-position: 30px;
  padding-left: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 25px;
}

#centralTable .formatTitle
{
  font-weight: bold;
  color: #0080FF;
}

#centralTable .highlight
{ 
  color: #FF33CC; 
}

#centralTable .categoryAwardsListTitle
{ 
  color: #35a2ff; 
}

#tableCategories .categoryImage
{ 
  border: 1px solid black; 
  padding: 12px 8px 12px 8px; 
  width: 140px; 
  border-color: #CCCCCC; 
  background-color: #f5f5f5;
}

#tableCategories a.categoryDetail 
{ 
  color: #3082E7; 
  text-decoration: underline; 
  font-weight: bold; 
}

#tableCategories a.categoryDetail:hover
{ 
  color: #FF9933; 
  text-decoration: underline; 
  font-weight: bold; 
}

#tableAwards .pointView
{ 
  color: #FFFFFF;
  font-weight: bold; 
  font-size: 12px; 
  background-color: #8ACDFF;
  text-align: center;
}

#tableAwards .trBackground
{ 
  background-color: #EFEFEF;
}

#tableAwards .title
{ 
  color: #F7BF1A; 
  font-weight: bold; 
}

#navigateAwards
{
  width: 100%;
}

#navigateAwards td
{
  padding-top: 6px;
  padding-bottom: 6px;
}

#navigateAwards .inputTextPage
{
  background-color: #FFFFFF;
  border: 0px;
  width: 30px;
  text-align: center;
  color: #000000;
}
  
#navigateAwards .pageTitle
{
  color: #316ac5;
}

#tableAwardsZoom
{
  width: 100%;
  border: 0px;
}

#tableAwardsZoom #tableAwardsZoomContent
{
  width: 100%;
  border: 1px solid #CCCCCC;
  padding: 20px;
  background-color: #F5F5F5;
}

#tableAwardsZoom #titleZoom
{
  font-weight: bold;
  color: #0080FF;
}

#tableAwardsZoom #notesZoom
{ 
  color: #35a2ff;
}

#tableCustomerDetail
{
  width: 100%;
  border: 0px;
}

#tableCustomerDetail td
{
  padding: 3px;
}


#pointMovements .pointMovementsTitle
{ 
  color: #FFFFFF; 
  font-weight: bold; 
}

#pointMovements th
{ 
  border: 1px solid;
  border-color:#FFFFFF;
  background-color: #8acdff; 
}
  
#pointMovements td
{ 
  border: 1px solid;
  border-color:#FFFFFF;
  background-color: #efefef; 
}
  
/* -------- Men� laterale ---------------*/
#verticalMenu
{ 
  text-align: left;
  background-color: #53a4fc;
  width: 176px;
}

#verticalMenu ul
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 176px;
}

#verticalMenu li
{
  background-image: url(../images/icons/iconlink.jpg);
  background-repeat: no-repeat;
  background-position: 13px;
  padding-left: 38px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #388efb;
  line-height: 30px;
}

#verticalMenu a
{ 
  color: #FFFFFF; 
  text-decoration: none;    
}

#verticalMenu a:hover
{ 
  color: #FFFFFF; 
  text-decoration: underline; 
}
  
#verticalMenu #activelink
{ 
  color: #FFCC00; 
  text-decoration: none; 
  font-weight: bold; 
}


/* --------------------------------------*/

/* ----- Form ------- */
#formContent
{
  background-color: #EFEFEF;
  padding: 10px;
}

#dataForm
{
  text-align: left;
  background-color: #EFEFEF;
  width: 100%;
}

#dataForm td
{
  padding: 4px;
}

#dataForm .largeInputText 
{ 
  width: 570px;
  border: 1px solid #8897AA;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 2px;
}

#dataForm .mediumInputText 
{ 
  width: 195px;
  border: 1px solid #8897AA; 
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 2px;
}

#dataForm .smallInputText 
{ 
  width: 95px;
  border: 1px solid #8897AA; 
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 2px;
}

#dataForm .smallestInputText 
{ 
  width: 30px;
  border: 1px solid #8897AA; 
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 2px;
}

#dataForm .fullTextArea 
{ 
  width: 98%;
  border: 1px solid #8897AA;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;   
}

#dataForm .formButton
{
  width: 100px;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}

#dataForm #captchaImage
{ 
  border: 1px solid black; 
  border-color: #8897AA;
}

#dataForm .selectFilter
{
  width: 200px;
  border: 1px solid #8897AA; 
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333333; 
}

#dataForm .labelFilterMaster
{
  padding-left: 11px;
  padding-right: 10px;
}

#dataForm .labelFilterDetail
{
  padding-left: 103px;
  padding-right: 10px;
}
/* --------------------------------------*/

/* ----- Login ------- */

#loginContainer input {
  width: 135px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;     
  color: #000000;
  padding: 1px;
}

#loginContainer .loginButton {
  width:140px;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}
#loginContainer td
{
  padding: 5px;
}

/* --------------------------------------*/

/* ----- Footer ------- */

#footer {
  clear:both;  
  margin-top:5px;
  text-align:left;
  height: 30px;
}

#footer #elementLeft {
  float: left;
  width: 176px;
  text-align: right;
}

#footer #elementRight {
  margin-left: 190px;
}

#footer  #h1 { 
  font-size: 11px; 
  font-weight: normal; 
}

  
/* ------------------ */

.display-none
{
  display: none;
}

.visibility-hidden
{
  visibility: hidden;
}

#loginMessages
{
color: #FF33CC;
font-weight: bold;
}