body {
  font-family: Arial, sans-serif;
  background: #1b1b1b;
  margin: 0;
  text-align: center;
  color: #3a3a3c;
  font-size: 10pt;
  height: 100%;
}
a, a:visited, a:link {
  outline: 0;
  color: #fcb040;
  text-decoration: none;
}
a:hover {
  color: #8cc63e;
  text-decoration: none;
}
a.main_link, a.main_link:visited {
  color: #808080;
  text-decoration: none;
}
a.main_link:hover {
  color: #808080;
  font-weight: bold;
}
a.important_link, a.important_link:visited {
  color: #8cc63e;
  text-decoration: none;
}
a.important_link:hover {
  color: #fcb040;
  text-decoration: none;
}

/* elementos específicos que devem ser tratados de forma diferenciada pelo IE */
#frase_explicacao_2play {
  position: relative;
  top: -4px;
}

/* fim elementos específicos */

#whole_page {
  width: 960px;
  min-height: 600px;
  padding: 45px 1em 1em 1em;
  margin: auto;
  text-align: left;
  background: #000000;
}

#feedback {
  position: fixed; 
  top: 25%; 
  z-index: 1000; 
  left: 0; 
  background-color: #8CC63E; 
  height: 102px; 
  width: 39px; 
  text-align: right
}

#feedback:hover {
  width: 45px; 
}

.step {
  font-size: 12pt;
  color: #989898;
}
.active_step {
  font-weight: bold;
  color: #8cc63e;
}
.inactive_step {
}

.user_cell {
  text-align: center; 
}
.user_cell div {
  color: #fff;
}
.user_cell div.user_cell_top {
  background-color: #8cc63e; 
  width: 100%; 
  line-height: 5px;
  margin-bottom: 3px;
}
.user_cell div.user_info {
  width: 180px; 
  opacity: 0.75; 
  filter: alpha(opacity = 75);
  background-color: #696a6e;
  position: absolute; 
}

.rounded_transp_left {
  background-image:url("/stylesheets/roundedcornr_transp_bl.png"); 
  height: 15px; 
  font-size: 2px;
  margin-right:15px
}
.rounded_transp_right {
  background-image:url("/stylesheets/roundedcornr_transp_br.png"); 
  background-position: 100% 0; 
  background-repeat: no-repeat; 
  height: 15px; 
  font-size: 2px;
  margin-top: -15px
}

.rounded_border_header {
  background: url(/stylesheets/border_top.png) no-repeat top center;
  height: 18px;
  width: 960px;
}
.rounded_border{
  margin: 0;
  padding: 0;
}
.rounded_border_content {
  background: url(/stylesheets/border.png) repeat-y center center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1em;
  padding-bottom: 1em;
}
.rounded_border_footer {
  background: url(/stylesheets/border_bottom.png) no-repeat bottom center;
  height: 18px;
  line-height: 1em;
  margin-top:-1.0em;
}

.roundedcornr_box {
   background: #3a3a3c;
}
.roundedcornr_top div {
   background: url(/stylesheets/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(/stylesheets/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(/stylesheets/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(/stylesheets/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content { 
  margin: 0 15px; 
  vertical-align: middle;
}

.roundedcornr_field_150 {
   background: url(/stylesheets/roundedcornr_field.gif) no-repeat left top;
   padding: 7px;
   text-align: center;
   width: 150px;
}
.roundedcornr_field_150 input {
   width: 140px;
   background: #000000;
   color: #FFF;
   border: none;
}

.search_field {
   background: url(/stylesheets/search_field.png) no-repeat left top;
   padding-top: 2px;
   padding-bottom: 7px;
   text-align: center;
   width: 200px;
}
.search_field input {
   width: 165px;
   color: #FFF;
   background: #3a3a3c;
   border: none;
}

.roundedcornr_box_border {
	background: url(/stylesheets/roundedcornr_border_tl.png) no-repeat top left;
}
.roundedcornr_top_border {
	background: url(/stylesheets/roundedcornr_border_tr.png) no-repeat top right;
}
.roundedcornr_bottom_border {
	background: url(/stylesheets/roundedcornr_border_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_border div {
	background: url(/stylesheets/roundedcornr_border_br.png) no-repeat bottom right;
}
.roundedcornr_content_border {
  background: url(/stylesheets/roundedcornr_border_r.png) top right repeat-y;
}

.roundedcornr_top_border div,.roundedcornr_top_border,
.roundedcornr_bottom_border div, .roundedcornr_bottom_border {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_border, .roundedcornr_bottom_border {
	margin-top: -19px;
}
.roundedcornr_content_border { padding: 0 15px; }

.roundedcornr_box_menu {
   background: #8cc63e;
}
.roundedcornr_top_menu div {
   background: url(/stylesheets/roundedcornr_menu_tl.png) no-repeat top left;
}
.roundedcornr_top_menu {
   background: url(/stylesheets/roundedcornr_menu_tr.png) no-repeat top right;
}
.roundedcornr_bottom_menu div {
   background: url(/stylesheets/roundedcornr_menu_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_menu {
   background: url(/stylesheets/roundedcornr_menu_br.png) no-repeat bottom right;
}
.roundedcornr_top_menu div, .roundedcornr_top_menu, 
.roundedcornr_bottom_menu div, .roundedcornr_bottom_menu {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_menu { margin: 0 15px; }

a.nav_link,  a.nav_link:visited, a.nav_link:link {
  color: #fff;
  font-size: 12pt;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}
a.nav_link:hover {
  color: #8cc63e;
  text-decoration: none;
}

#header {
  color: #8cc63e;
  font-size: 12pt;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 960px;
}
#header #credit_info {
  font-size: 10pt;
  margin-left: 3px;
}
#header_content {
  background: #3a3a3c;
  height: 25px;
  padding: 10px 5px 0 5px;
}

#logo {
  margin-top: 15px;
  margin-bottom: 15px;
  vertical-align: top;
}
#nav {
  color: #8CC63E;
  font-size: 12pt;
  font-weight: bold;
  background: white;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border: solid #fcb040;
}
#nav a, #nav a:visited {
  color: #fcb040;
  padding: 0.25em;
  text-decoration: none;
}
#nav a:hover {
  /*border-bottom: 2px dotted #8CC63E;*/
  color: #8CC63E;
}
#content {
  clear: both;
}
#content h1 {
  font-size: 18pt;
  font-weight: normal;
  color: #8cc63e;
}
.sidebar_box h3 {
  font-weight: normal;
  color: #fcb040;
}
#content h2, #right_subcontent h2 {
  font-size: 18pt;
  font-weight: bold;
}
#content h3, #right_subcontent h3 {
  font-size: 15pt;
  font-weight: normal;
}

/* HOME template */
#highlightLinks {
  width: 100%; text-align: center; position: relative; top: -5px;
}

#footer {
  clear: both;
  margin-top: 1em;
}

.content_box {
  border-left: solid #3a3a3c;
  padding-left: 0.5em;
  background: #fff;
}
.box {
  border: solid #fcb040;
  padding: 0.5em;
  margin-bottom: 1.0em;
  margin-right: 1.0em;
  background: #fff;
}

#columns {
  width: 100%;
  margin-top: 1em;
  display: block;
}
#right_subcontent {
  margin-bottom: 1em;
  vertical-align: top;
  padding: 0.25em;
  width: 750px;
}

#left_subcontent {
  width: 200px;
  margin-right: 1em;
  margin-bottom: 1em;
  vertical-align: top;
}
#menu {
  width: 330px;
  color: #fff;
  font-size: 13pt;
}
#menu a, #menu a:visited {
  color: #fcb040;
  padding-right: 0.5em;
  padding-left: 0.7em;
  font-size: 13pt;
}
#menu a:hover {
  color: #8cc63e;
  text-decoration: none;
}

#left_subcontent #twitts {
  padding-left: 8px;
  margin-top: 1.0em;
  width: 190px;
  /* IE bug */
  overflow: hidden;
}
#left_subcontent #twitts ul {
  list-style-type: none; 
  margin: 0; 
  padding: 0
}
#left_subcontent #twitts ul li {
  border-bottom: 1px solid #CCCCCC; margin: 0; color: #3a3a3c; font-size: 11px;
}
#left_subcontent #twitts ul li span {
  color: #fcb040;
}

#left_subcontent #menu ul {
  padding: 0px;
}
#left_subcontent #menu ul li {
  list-style: none;
}

#left_subcontent #left_banners {
  padding-top: 1em;
  width: 100%;
  text-align: center;
}

#left_subcontent ul.blog_list {
	margin-left:0;
	padding-left:5px;
	list-style-type:none;
}


#left_menu {
  margin-top: 1em;
}
.home_link {
  color: #fcb040;
  text-decoration: none;
  background: white;
}
.home_link a, .home_link a:visited {
  color: #fcb040;
  text-decoration: none;
}
.home_link a:hover {
  color: #8cc63e;
  text-decoration: none;
}
.menu_link {
  font-size: 14pt;
  padding: 0.25em;
  text-decoration: none;
}
.menu_link a, .menu_link a:visited {
  color: #3a3a3c;
  font-size: 13pt;
  text-decoration: none;
}
.menu_link a:hover {
  color: #fff;
  text-decoration: none;
}
#title {
  font-size: 28pt;
  color: #fff;
}
#title_small {
  font-size: 18pt;
  color: #fff;
}
#subtitle {
  font-size: 18pt;
  color: #808080;
  font-weight: normal;
}

html fieldset {
  position: relative;
  margin-top:1em;
  padding-top:2em;
  padding-bottom: 2em;
}
/* Form Styles */
fieldset {
  background: white;
}
legend {
  color: white;
  background: #3a3a3c;
  padding: .4em 1em;
}
label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.2em;
  display: block;
}
.form_row {
  white-space: nowrap;
  padding-bottom: .5em;
}
.submit {
  margin-left: 15em;
}

/* Debug Style */
#debug {
  margin-top: 1em;
  margin-left: auto;
}
#debug a, #debug a.visited {
  text-decoration: none;
  color: maroon;
}
fieldset.debug_info {
   text-align: left;
   margin: 1em;
   background: #eee;
}

/* Error Reporting Styles */
.fieldWithErrors {
  margin: 2px;
  padding: 2px;
  background-color: red;
  display: table;
}
#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12pt;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul li {
  font-size: 11pt;
  list-style: square;
}

/* Flash Notice Style */
#notice {
  text-align: center;
  margin-top: 1em;
  width: 100%;
}
#notice div {
  border: 1px solid #3a3a3c;
  padding: 1em;
  margin: 1em;
  margin-bottom: 2em;
  background-color: #d3d3d3;
  font: bold medium Arial, sans-serif;
  margin: 0 auto;
  width: 50%;
}
#notice div span {
  float: right; 
  font-size: smaller; 
  position: relative; 
  top: -14px;
}

/* Community Styles */
.thumbnail {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  vertical-align: top;
}

.thumbnail_info {
  float: left;
  width: 80px;
  text-align: center;
}
.letter {
}
a.letter_current, a.letter_current:hover, a.letter_current:active, a.letter_current:link, a.letter_current:visited {
  color: #8cc63e;
  font-weight: bold;  
}
/* AJAX notification */
#notification {  
    position: fixed;  
    bottom: 0;  
    padding: 0;  
    height: 20px;  
    margin: 0;  
    width: 100%;  
    background-color: #FFFFFF;  
    color: #fff;
    background-color: #1b1b1b;
    display: block;  
    text-align: left;  
    font-weight: bold;  
    font-size: 1.3em;  
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    padding-top: 5px;  
}
html {
    height: 100%;  
    padding: 0 0 25px 0;  /* create area for notification area */  
}