/****************************************************
*** TAGS
****************************************************/
body {
  font:12px Arial;
  color:#333;
}

div {
  margin:auto;
  padding:2px;
}

a {
  color:#142B5F;
  font-weight:bold;
}

input {
  border:1px solid #BBB;
  color:#142B5F;
  font-weight: bold;
  background-color: #F8F8F8;
  width: 200px;
  border-radius: 4px;
  padding: 3px;
  margin:0 5px;
}

form {
  padding:0px;
  margin: 0px;
}

iframe {
  width:34px !important;
  height:34px !important;
  overflow-y: hidden;
  border:1px solid #bbb;
  border-radius: 6px;
}
/****************************************************
*** CLASSES
****************************************************/
div.center {
  margin:auto;
  margin-top:10px;
  margin-bottom:10px;
  max-width: 800px;
}

div.title {
  font-size:20px;
  border-bottom:1px solid #BBB;
  margin-bottom:10px;
  color:#142B5F;
  padding-left:10px;
}

div.label {
  float:left;
  width:130px;
  font-weight:bold;
  padding: 0px;
  padding-right:5px;
  text-align: right;
}

div.indent100 {
  padding: 0px;
  padding-left:100px; 
  font-weight:normal !important;
}

div.padding10 {
  padding: 10px;
}

div.clear {
  clear: both;
}


.red {
  color:#900;
}

.green {
  color:#090;
}


.need {
  color:#D70;
}

.more {
  color:#AAA;
  padding-left:5px;
  font-size:11px;
  cursor:default;
}

li {
  text-align: left;
}

/****************************************************
*** BROWSER
****************************************************/
div.container {
  border: 1px solid #CCC;
  border-radius: 10px 10px 0 0;
  width:80%;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:5px;
}

div.container div.header {
  background-color:#333;
  color:#FFF;
  padding: 4px 10px;
  border-radius: 8px 8px 0 0;
  margin-bottom:5px;
}

div.container div.label {
  width:100px;
  font-weight:normal;
  padding:0px 10px;
}

div.container div.value {
  font-weight:bold;
  float: left;
  padding:0px;
}

div.container div.div {
  border-top:1px solid #DDD;
  margin:5px 20px;
}

div.container div.check{
  width:130px;
  font-weight:normal;
  padding:0px;
  padding-right:5px;
  float: left;
  text-align: right;
}


div.container div.description {
  margin:0px;
  padding: 0 10px;
  padding-left: 150px;
  font-weight: normal;
  text-align: justify;
  font-size: 11px;
  color:#444;
}

div.container div.info {
  font-weight:normal;
}

div.container div.error {
  border: 1px solid rgba(153,0,0,.5);
  background-color: rgba(200,0,0,.1);
  margin:5px 10px;
  padding:4px;
}
  
div.container div.errorLabel {
  color:#900;
  float:left;
  width:80px;
  padding:0px;
  height:20px;
  text-align: center;
  margin-top: 7px;
}


/****************************************************
*** INSTRUCTIONS
****************************************************/
div.instructions {
  font-style:italic;
  text-align:justify;
  margin-top:10px;
  margin-bottom:10px;
  width:90%;
}


/****************************************************
*** DEBUG
****************************************************/
div.debugContainer {
  background-color: FFD;
  border:1px solid #B60;
  width: 500px;
  padding: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 6px 6px 0 0;
}

div.debugHeader {
  background-color:#B60;
  color:#FFF;
  padding: 2px 8px;
  border-radius: 4px 4px 0 0;
}

div.debug {
  color:#B60;
  padding: 5px 10px;
}


textarea {
  font:10px Consolas;
  width:100%;
  height:90%;
  color:#555;
}