/*
COMPUTING-COLOR
*/

/*RESET PARA MARGEM E ESPAÇAMENTO PARA TODOS ELEMENTOS
*{padding:0; margin:0;}
Descrição:
  padding:0;: remove qualquer preenchimento interno de um elemento, ou seja, o espaço entre o conteúdo do elemento e sua borda.
  margin: 0;: remove qualquer margem externa de um elemento, ou seja, o espaço entre o elemento e outros elementos ou a borda da janela do navegador.
*/

/*DISPOSITIVOS MÓVEIS*/
@viewport {
  width: device-width;
  zoom: 1;
}
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
@-o-viewport {
  width: device-width;
  zoom: 1;
}

/*CORPO*/
body, html	{
	background-color 	: #92b8dd;
	margin 				: 0;
	padding 			: 0;
	color 				: #333;
	font-family 		: "Arial Narrow",Calibri,Arial;
	font-size 			: 17px;
	font-weight 		: normal;
	letter-spacing 		: 0px;
}

/*LISTAGEM*/
ul.ArrowRightYellow {
  list-style-image: url('../../../../../../css/css/common/ul-star.png');
}

/*BORDAS*/
fieldset {
  background-color	: #E5F1FD;
  margin            : 0px;/*MARGEM EXTERNA*/
  padding           : 20px;/*MARGEM INTERNA*/
  /*
  padding-top       : 0px;
  padding-bottom    : 0px;
  padding-left      : 0px;
  padding-right     : 0px;
  */
}

/*TABELAS*/
td.head {
  background-color  : #46629e;
  text-align			  : center; 
  font-family     	: "Arial Narrow",Calibri,Arial;
  font-size       	: 14px;
  font-weight     	: bold;
  letter-spacing  	: 0px;
  color           	: #ffffff;
}
td.xxHeadSelectedInCSSxx {
  background-color  : #dd3333;
  text-align        : center; 
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 14px;
  font-weight       : bold;
  letter-spacing    : 0px;
  color             : #ffffff;
}
td.row {
  background-color	: #ffffff;
  font-family     	: "Arial Narrow",Calibri,Arial;
  font-size       	: 14px;
  font-weight     	: normal;
  letter-spacing  	: 0px;
  color           	: #333;
}
td.rowcolored {
  background-color	: #dddddd;
  font-family     	: "Arial Narrow",Calibri,Arial;
  font-size       	: 14px;
  font-weight     	: normal;
  letter-spacing  	: 0px;
  color           	: #333;
}
td.news {
  background-color  : #e5f1fd;
  border            : 1px solid black;
  border-collapse   : collapse;
  border-radius     : 6px;
  color             : #000000;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 14px;
  font-weight       : bold;
  letter-spacing    : 0px;
  padding           : 3px;
  text-align        : center;
}
td.newsAlternate {
  background-color  : #46629e;
  border            : 1px solid black;
  border-collapse   : collapse;
  border-radius     : 6px;
  color             : #ffffff;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 14px;
  font-weight       : bold;
  letter-spacing    : 0px;
  padding           : 3px;
  text-align        : center;
}
td.newsSpotlight {
  background-color  : #f7fe2e;
  border            : 1px solid black;
  border-collapse   : collapse;
  border-radius     : 6px;
  color             : #000000;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 14px;
  font-weight       : bold;
  letter-spacing    : 0px;
  padding           : 3px;
  text-align        : center;
}

/*FORMULÁRIOS*/
textarea {
  background-color	: #ffffff;
  border-color      : #aaaaaa;
  border-style		  : solid;
  border-width      : 2px;
  font-family     	: "Arial Narrow",Calibri,Arial;
  font-size       	: 16px;
  font-weight     	: bold;
  letter-spacing  	: 0px;
  color           	: #333;
}
input {
  background-color	: #ffffff;
  border-color      : #aaaaaa;
  border-style		  : solid;
  border-width		  : 2px;
  font-family     	: "Arial Narrow",Calibri,Arial;
  font-size       	: 16px;
  font-weight     	: bold;
  letter-spacing  	: 0px;
  color           	: #333;
}
input.disabled {
  background-color  : #E6E6E6;
  border-color      : #aaaaaa;
  border-style      : solid;
  border-width      : 2px;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 16px;
  font-weight       : bold;
  letter-spacing    : 0px;
  color             : #848484;
}
input.button {
  background: #d3d5d6;
  background-image: -webkit-linear-gradient(top, #d3d5d6, #a4a5a6);
  background-image: -moz-linear-gradient(top, #d3d5d6, #a4a5a6);
  background-image: -ms-linear-gradient(top, #d3d5d6, #a4a5a6);
  background-image: -o-linear-gradient(top, #d3d5d6, #a4a5a6);
  background-image: linear-gradient(to bottom, #d3d5d6, #a4a5a6);
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: "Arial Narrow",Calibri,Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  border: solid #000000 2px;
  text-decoration: none;
}
input.button:hover {
  background: #d2d4d6;
  background-image: -webkit-linear-gradient(top, #d2d4d6, #737475);
  background-image: -moz-linear-gradient(top, #d2d4d6, #737475);
  background-image: -ms-linear-gradient(top, #d2d4d6, #737475);
  background-image: -o-linear-gradient(top, #d2d4d6, #737475);
  background-image: linear-gradient(to bottom, #d2d4d6, #737475);
  text-decoration: none;
}
input.button:active {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  text-decoration: none;
}
select {
  background-color  : #F5F6CE;
  border-color      : #aaaaaa;
  border-style      : solid;
  border-width      : 2px;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 16px;
  font-weight       : bold;
  letter-spacing    : 0px;
  color             : #333;
}
select.disabled {
  background-color  : #E6E6E6;
  border-color      : #aaaaaa;
  border-style      : solid;
  border-width      : 2px;
  font-family       : "Arial Narrow",Calibri,Arial;
  font-size         : 16px;
  font-weight       : bold;
  letter-spacing    : 0px;
  color             : #848484;
}

#flags{float:right;height:17px;margin-right:5px;}
#colorcodes{width:1101px;margin:0 auto;font:14px helvetica, arial, sans-serif;}
#main{float:left;width:730px;margin-left:30px;color:#4d4d4d;}
#main
	/*LINKS*/
	a:link {
	  color           	: #0000ff;/*unvisited link*/
	}
	a:link.current {
	  color             : #aaaaaa;/*current page-link*/
	}
	a:visited {
	  color           	: #0000ff;/*visited link*/
	}
	a:visited.current {
	  color             : #aaaaaa;/*current page-link*/
	}
	a:hover {
	  color           	: #dd3333;/*mouse over link*/
	}
	a:active {
	  color           	: #0404B4;/*selected link*/
	}
	a.news:link {
	  color             : #0000ff;
	}
	a.newsAlternate:link {
	  color             : #ffffff;
	}
	a.newsSpotlight:link {
	  color             : #000000;
	}
	a.news:visited {
	  color             : #0000ff;
	}
	a.newsAlternate:visited {
	  color             : #ffffff;
	}
	a.newsSpotlight:visited {
	  color             : #000000;
	}
	a.news:hover {
	  color             : #ff0000;
	}
	a.newsAlternate:hover {
	  color             : #ff0000;
	}
	a.newsSpotlight:hover {
	  color             : #ff0000;
	}
	a.Highlight:link {
	  background:#4267b2;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.Highlight:visited {
	  background:#4267b2;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.Highlight:hover {
	  background:#4267b2;
	  border-radius:3px;
	  color:#cee3f6;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.Highlight:active {
	  background:red;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* HighlightWidthFixed:link START START START START START START START START START START START START START START START  S  */

a.HighlightWidthFixed:link {
  background:#4267b2;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     : 190px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width : 190px;
  max-width : 190px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixed:visited {
  background:#4267b2;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     : 190px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width : 190px;
  max-width : 190px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixed:hover {
  background:#4267b2;
  border-radius:3px;
  color:#cee3f6;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     : 190px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width : 190px;
  max-width : 190px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixed:active {
  background:red;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     : 190px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width : 190px;
  max-width : 190px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}

/* HighlightWidthFixed:link END END END END END END END END END END END END END END END END END END END END END END END   */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */


div.links-container {
    display: flex;
    justify-content: center; /* Opcional: Para centralizar os links */
    align-items: center;     /* Opcional: Para garantir alinhamento vertical perfeito */
}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* HighlightWidthFixedHalf:link START START START START START START START START START START START START START START STAR  */

a.HighlightWidthFixedHalf:link {
  background:#4267b2;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     :  93px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width :  93px;
  max-width :  93px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixedHalf:visited {
  background:#4267b2;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     :  93px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width :  93px;
  max-width :  93px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixedHalf:hover {
  background:#4267b2;
  border-radius:3px;
  color:#cee3f6;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     :  93px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width :  93px;
  max-width :  93px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}
a.HighlightWidthFixedHalf:active {
  background:red;
  border-radius:3px;
  color:#ffffff;
  display:inline-block; /* display:inline NÃO permite fixar alutra e largura */
  font:700 11px Arial,sans-serif;
  margin:0 4px 0 0;
  padding:1px 4px 1px;
  position:relative;
  text-decoration:none;  
  text-transform:uppercase;
  vertical-align:middle;

  /* FIXAÇÃO DA ALTURA E DA LARGURA */
  height    :  24px;
  min-height:  24px;
  max-height:  24px;
  width     :  93px; /*Evite width:190px !important; (EVITE: difícil sobrescrever essa regra no futuro)*/
  min-width :  93px;
  max-width :  93px;
  box-sizing: border-box;

  /* CENTRALIZAÇÃO DO TEXTO */
  display         : flex;   /* 1. Habilita o modo flexbox    */
  justify-content : center; /* 2. Centraliza Horizontalmente */
  align-items     : center; /* 3. Centraliza Verticalmente   */
}

/* HighlightWidthFixedHalf:link END END END END END END END END END END END END END END END END END END END END END END   */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */


	a.HighlightRed:link {
	  background:#ff0000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightRed:visited {
	  background:#ff0000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightRed:hover {
	  background:#ff0000;
	  border-radius:3px;
	  color:#ffbfbf;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightRed:active {
	  background:#ff0000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightBlack:link {
	  background:#000000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightBlack:visited {
	  background:#000000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightBlack:hover {
	  background:#000000;
	  border-radius:3px;
	  color:#bfbfbf;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}
	a.HighlightBlack:active {
	  background:#000000;
	  border-radius:3px;
	  color:#ffffff;
	  display:inline-block;
	  font:700 11px Arial,sans-serif;
	  margin:0 4px 0 0;
	  padding:1px 4px 1px;
	  position:relative;
	  text-decoration:none;  
	  text-transform:uppercase;
	  vertical-align:middle;
	}

	/*LINKS DA PAGINAÇÃO*/
	a:link.xxNumberInCSSxx {
	  text-decoration 	: none;
	  background      	: #2A85B6;
	  text-align      	: center;
	  padding         	: 3px 0;
	  display         	: block;
	  margin          	: 0 2px;
	  float           	: left;
	  width           	: 20px;
	  color           	: #ffffff;
	}
	a:visited.xxNumberInCSSxx {
	  color           	: #ffffff;
	}
	a:hover.xxNumberInCSSxx {
	  background      	: #1B3B54;
	}
	a:link.xxActiveNumberInCSSxx {
	  background      	: #1B3B54;
	}
	a:visited.xxControlInCSSxx {
	  color           	: #ffffff;
	}
	a:hover.xxControlInCSSxx {
	  background      	: #1B3B54;
	}
	a:link.xxControlInCSSxx {
	  text-decoration 	: none;
	  background      	: #2A85B6;
	  text-align      	: center;
	  padding         	: 3px 8px;
	  display         	: block;
	  margin          	: 0 3px;
	  float           	: left;
	  color           	: #ffffff;
	}

	/*LINKS EM FORMA DE BOTÃO*/
	a.button {
	  background: #d3d5d6;
	  background-image: -webkit-linear-gradient(top, #d3d5d6, #a4a5a6);
	  background-image: -moz-linear-gradient(top, #d3d5d6, #a4a5a6);
	  background-image: -ms-linear-gradient(top, #d3d5d6, #a4a5a6);
	  background-image: -o-linear-gradient(top, #d3d5d6, #a4a5a6);
	  background-image: linear-gradient(to bottom, #d3d5d6, #a4a5a6);
	  -webkit-border-radius: 17;
	  -moz-border-radius: 17;
	  border-radius: 17px;
	  text-shadow: 1px 1px 3px #666666;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: "Arial Narrow",Calibri,Arial;
	  color: #ffffff;
	  font-size: 20px;
	  padding: 5px 10px 5px 10px;
	  border: solid #000000 2px;
	  text-decoration: none;
	}
	a.button:hover {
	  background: #d2d4d6;
	  background-image: -webkit-linear-gradient(top, #d2d4d6, #737475);
	  background-image: -moz-linear-gradient(top, #d2d4d6, #737475);
	  background-image: -ms-linear-gradient(top, #d2d4d6, #737475);
	  background-image: -o-linear-gradient(top, #d2d4d6, #737475);
	  background-image: linear-gradient(to bottom, #d2d4d6, #737475);
	  text-decoration: none;
	}
	a.button:active {
	  background: #000000;
	  background-image: -webkit-linear-gradient(top, #000000, #000000);
	  background-image: -moz-linear-gradient(top, #000000, #000000);
	  background-image: -ms-linear-gradient(top, #000000, #000000);
	  background-image: -o-linear-gradient(top, #000000, #000000);
	  background-image: linear-gradient(to bottom, #000000, #000000);
	  text-decoration: none;
	}

#colorchart{border:0;padding:0;border-collapse:collapse;}
#colorchart td{width:23px;height:23px;}
.wrapper{height:90px;display:none}
.holder{width:68px;height:68px;float:left;margin-right:1px;}
.wrapper div div{height:68px;float:left;}
.wrapper div div div{width:38px;height:38px;margin:15px;}
.htmlcode{border:1px solid gray;background-color:gray;color:white;padding:5px;}
.yui-picker-hue-thumb{cursor:default;width:18px;height:18px;top:-8px;left:-2px;z-index:9;position:absolute;}
.yui-picker-hue-bg{-moz-outline:none;outline:0 none;position:absolute;left:375px;height:366px;width:28px;background:url(http://c632769.r69.cf2.rackcdn.com/hue_bg.png) no-repeat;top:4px;}
.yui-picker-bg{-moz-outline:none;outline:0 none;position:absolute;top:4px;left:4px;height:364px;width:364px;background-color:#F00;background-image:url(http://c632769.r69.cf2.rackcdn.com/picker_mask_001.png);}
*html
.yui-picker-bg{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c632769.r69.cf2.rackcdn.com/picker_mask_001.png',sizingMethod='scale');}
.yui-picker-thumb{cursor:default;width:11px;height:11px;z-index:9;position:absolute;top:-4px;left:-4px;}
.yui-picker-swatch{position:absolute;left:415px;top:10px;height:155px;width:195px;border:2px solid #7c7c7c;}
.yui-picker-controls{position:absolute;top:180px;left:415px;font:1.6em monospace;}
.yui-picker-controls .hd{background:transparent;border-width:0!important;}
.yui-picker-controls .bd{height:100px;border-width:0!important;}
.yui-picker-controls ul{float:left;padding:0 2px 0 0;margin:0;}
.yui-picker-controls li{padding:2px;list-style:none;margin:0;}
.yui-picker-controls input{font-size:20px;width:2.4em;}
.yui-picker-hex-controls{clear:both;padding:20px 0 0 0;font:2em monospace;}
.yui-picker-hex-controls input{width:160px;font:40px monospace;margin-left:-20px;}
.yui-picker-controls a{font:20px arial,helvetica,clean,sans-serif;display:block;*display:inline-block;padding:0;color:#000;}
#container{background-color:#eee;height:380px;width:625px;position:relative;font:14px helvetica,arial,sans-serif;}
#insertcolor{background-color:#EEE;width:615px;font-size:20px;position:relative;text-align:right;padding:5px;margin:5px 0;}
input#startcolor{font-size:16px;width:90px;}
button#newcolor{font-size:16px;}-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;