/*
 *******************************************************************************
 *
 * TAGS HTML
 *
 * Valores default para as tags, caso não sejam redefinidas nos estilos
 * específicos para o sistema da ABIPRO.
 *
 *******************************************************************************
 */
body {
  margin:               0px;
  padding:              0px;
  width:                100%;
  background-color:     #FFF;
  font-family:          "trebuchet ms", arial, helvetica, sans-serif;
  background-image:          url("../../../images/body_background.jpg");
  background-position:       center top;
  background-repeat:         repeat-x;
}

img {
  margin:               0px;
  border:               0px solid #FFF;
}

* {
  font-family:          "trebuchet ms", arial, helvetica;
  font-size:            10pt;
  color:                #000;
}

a {
  font-size:            inherit;
}

small {
  font-size:            8pt;
}

form {
  position:                  relative;
  float:                     left;
  display:                   block;
}

form label {
  position:                  relative;
  float:                     left;
  clear:                     left;
  display:                   block;
  width:                     100%;
}

form label.eldesFormRadioField {
    clear: none;
    width: 50%;
}

form input {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  background-color:          #FFF;
  border:                    1px solid #CCC;
  font-size:                 8pt;
  height:                    10pt;
  padding-left:              2px;
  padding-right:             2px;
}

form textarea {
  position:                  relative;
  float:                     left;
  clear:                     left;
  background-color:          #FFF;
  border:                    1px solid #CCC;
  font-size:                 8pt;
  padding-left:              2px;
  padding-right:             2px;
}

form button {
  display:                   block;
  position:                  relative;
  float:                     left;
  width:                     auto;
  height:                    14pt;
  padding-left:              5pt;
  padding-right:             5pt;
  font-size:                 8pt;
  border:                    none;
  background-color:          #CCC;
  border:                    1px solid #000;
}
form button:hover {
  background-color:          #980;
  color:                     #FFF;
}

h1 {
  display:                   block;
  position:                  relative;
  float:                     none;
  margin-top:                0px;
  font-size:                 14pt;
  font-weight:               bold;
  text-transform:            uppercase;
}

h2 {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  width:                     100%;
  margin-top:                0px;
  font-size:                 12pt;
  font-weight:               bold;
}

h3 {
  display:                   block;
  position:                  relative;
  float:                     left;
  width:                     100%;
  margin-top:                0px;
  margin-bottom:             10px;
  font-size:                 10pt;
  font-weight:               bold;
}

dl {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  margin-bottom:             10px;
  width:                     100%;
}

dl dt {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  margin-top:                0px;
  margin-bottom:             10px;
  font-weight:               bold;
	width:                     80%;
}

dl dd {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  width:                     80%;
  margin-top:                0px;
  margin-bottom:             20px;
}

hr {
  display:                   block;
  position:                  relative;
  float:                     left;
  margin-top:                20px;
  margin-bottom:             20px;
  height:                    1px;
  width:                     90%;
  border-top:                1px solid #F4F4F4;
  border-bottom:             none;
  border-left:               none;
  border-right:              none;
}

ul  {
  display:                   block;
  position:                  relative;
  float:                     none;
  clear:                     left;
  width:                     auto;
  margin-left:               0px;
  margin-right:              0px;
  margin-top:                0px;
  margin-bottom:             10px;
}

li.doublespace {
  margin-bottom:             10px;
}

p {
  display:                   block;
  position:                  relative;
  float:                     left;
  clear:                     left;
  width:                     100%;
  margin-left:               0px;
  margin-right:              0px;
  margin-top:                0px;
  margin-bottom:             10px;
}

del {
  color:                     #C99;
}
ins {
  color:                     #006;
}

/*
 *******************************************************************************
 *
 * ELDES GUI
 *
 * Personalização do estilo dos elementos usados no pacote eldes.gui de acordo
 * com o visual do sistema da ABIPRO.
 *
 *******************************************************************************
 */
 
#eldesGuiPageFrame {
  position:                  relative;
  width:                     960px;
  margin-left:               -480px;
  left:                      50%;
  border:                    none;
  padding:                   0px;  
  background-color:          #FFF;
}

.eldesErrorMessage {
  display:                   block;
  position:                  relative;
  float:                     none;
  width:                     90%;
  padding:                   5px;
  margin-bottom:             5px;
  background-color:          #FCC;
  color:                     #600;
  border-left:               10px solid #C00;
  font-size:                 8pt;
}

.eldesFormTextFieldMedium {
  width:                     300px;
}

.eldesFormTextFieldSmall {
  width:                     100px;
}

.eldesFormTextAreaLarge {
  width:                     400px;
  height:                    200px;
}

.eldesFormFieldTip {
  display:                   inline;
  float:                     left;
  clear:                     left;
  position:                  relative;
  width:                     100%;
  height:                    auto;
  font-size:                 8pt;
  color:                     #999;
  margin-top:                0px;
}

.eldesFormRadioField {
  border:                    none;
}

.eldesGalleryListItem {
  display:                   block;
  float:                     left;
  width:                     32%;
  margin-right:              1%;
  margin-top:                0px;
  margin-bottom:             0px;
  margin-left:               0px;
  text-indent:               0px;
}

.eldesMenu2 {
  display:                   block;
  float:                     left;
  width:                     100%;
}

.eldesMenu2 .title {
  display:                   block;
  float:                     left;
  font-size:                 8pt;
  color:                     #999;
}

.eldesMenu2 a,
.eldesMenu2 a:link,
.eldesMenu2 a:active,
.eldesMenu2 a:visited {
  display:                   block;
  float:                     left;
  width:                     15%;  
  margin-left:               10px;
  margin-right:              10px;
  padding-left:              2px;
  padding-right:             2px;
  font-size:                 8pt;
  text-align:                center;
  color:                     #999;
  background-color:          #EEE;
  text-decoration:           none;  
}

.eldesMenu2 a:hover {
  color:                     #000;
  background-color:          #CCC;
}

 /*
 *******************************************************************************
 *
 * ABIPRO
 *
 * Estilo para os elementos específicos do sistema da ABIPRO.
 *
 * Estrutura de um documento do site:
 *
 * body
 *
 *
 *******************************************************************************
 */

#abiproHeader {
  position:                  relative;
  float:                     left;
  width:                     960px;
  height:                    108px;
  background-color:          #FFF;
  background-image:          url("../../../images/abiproHeader_background.png");
  background-position:       center top;
  background-repeat:         no-repeat;
}

.abiproBody {
  position:                  relative;
  float:                     left;
  width:                     960px;
  min-height:                700px;
  height:                    auto;
  _height:                   700px; /*IE hacks*/
  background-color:          #E3E2E7;
  background-image:          url("../../../images/abiproBody_background.jpg");
  background-position:       center top;
  background-repeat:         repeat-x;
}

#abiproFooter {
  position:                  relative;
  float:                     left;
  width:                     960px;
  height:                    40px;
  padding-bottom:            5px;
  padding-top:               5px;
  text-align:                center;
  font-size:                 8pt;
  color:                     #999;
  background-color:          #E3E2E7;
  background-image:          url("../../../images/abiproFooter_background.jpg");
  background-position:       center bottom;
  background-repeat:         repeat-x;
}

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

#abiproHeaderLogotype {
  position:                  absolute;
  float:                     left;
  top:                       5px;
  left:                      10px;
  border:                    none;
}

#abiproHeaderTitle {
  position:                  absolute;
  top:                       33px;
  left:                      85px;
  border:                    none;
}

.abiproHeaderLogin {
  position:                  absolute;
  top:                       20px;
  right:                     10px;
  width:                     340px;
  text-align:                right;
}

.abiproHeaderLogin input {
  float:                     left;
  width:                     60pt;
}

.abiproHeaderLogin label {
  float:                     left;
  display:                   inline;
  width:                     auto;
  font-size:                 8pt;
  margin-left:               10px;
}

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

.abiproBodyLeft {
  position:                  relative;
  display:                   block;
  float:                     left;
  width:                     140px;
  height:                    auto;
  margin-top:                20px;
  margin-left:               10px;
  margin-right:              10px;
}

.abiproBodyCenter {
  position:                  relative;
  display:                   block;
  float:                     left;
  width:                     640px;
  height:                    auto;
  margin-top:                10px;
  margin-left:               10px;
  margin-right:              10px;
}

.abiproBodyRight {
  position:                  relative;
  float:                     left;
  display:                   block; /**TODO (abiproBodyCenter.width era 58%)**/
  width:                     120px;
  height:                    auto;
  padding-top:               20px;
}

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

.abiproBodyCenterPath {
  position:                  relative;
  float:                     left;
  display:                   none;/**TODO**/
  width:                     100%;
  margin:                    0px;
  font-size:                 7pt;
}

.abiproBodyCenterPath a {
  font-size:                 7pt;
  text-decoration:           none;
}

.abiproBodyCenterScreen {
  position:                  relative;
  float:                     left;
  width:                     90%;
  margin-top:                0px;
  margin-bottom:             10px;
}

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

.abiproMenu {
  position:                  relative;
  float:                     left;
  display:                   block;
  width:                     100%;
  height:                    auto;
  margin-bottom:             10px;
}

a.abiproMenuItem,
a.abiproMenuItemOn,
a.abiproMenuItem:link ,
a.abiproMenuItem:visited,
a.abiproMenuItem:active,
a.abiproMenuItem:focus {
  position:                  relative;
  float:                     left;
  display:                   block;
  width:                     100%;
  margin-bottom:             5px;
  font-family:               "trebuchet ms";
  font-size:                 8pt;
  text-decoration:           none;
  color:                     #000;
  text-indent:               10px;
  background-color:          #FE0;
}

a.abiproMenuItem:hover {
  background-color:          #980;
  color:                     #FFF;
}

a.abiproMenuItemOn {
  color:                     #FE0;
  font-weight:               bold;
  background-color:          #000;
}

hr {
  position:                  relative;
  float:                     left;
  clear:                     left;
  display:                   block;
  width:                     100%;
  height:                    0px;
  border-top:                1px dotted #CCC;
  margin-top:                10px;
  margin-bottom:             10px;
}

/*
--------------------------------------------------------------------------------
 BOXES
--------------------------------------------------------------------------------
*/

div.abiproSmallBox {
  position:                  relative;
  float:                     none;
  margin:                    0px;
  width:                     133px;
  height:                    auto;
  background-color:          #FFF;
  font-size:                 0px;
}

.abiproSmallBoxHeader {
  position:                  relative;
  float:                     none;
  left:                      0px;
  top:                       0px;
  width:                     133px;
  height:                    10px;
  background-image:          url("../../../images/abiproSmallBoxHeader.png");
  background-repeat:         no-repeat;
  font-size:                 0px;
}

.abiproSmallBoxFooter {
  position:                  relative;
  float:                     none;
  left:                      0px;
  top:                       0px;
  width:                     133px;
  height:                    10px;
  margin-bottom:             10px;
  background-image:          url("../../../images/abiproSmallBoxFooter.png");
  background-repeat:         no-repeat;
  font-size:                 0px;
}

.abiproSmallBoxContent {
  position:                  relative;
  float:                     none;
  margin:                    0px;
  padding:                   5%;
  width:                     90%;
  height:                    auto;
  Background-color:          #F4F4F4;
}

div.abiproLargeBox {
  position:                  relative;
  float:                     left;
  margin:                    0px;
  width:                     470px;
  height:                    auto;
  background-color:          #FFF;
  font-size:                 0px;
}

.abiproLargeBoxHeader {
  position:                  relative;
  float:                     left;
  left:                      0px;
  top:                       0px;
  width:                     470px;
  height:                    28px;
  background-image:          url("../../../images/abiproLargeBoxHeader.png") !important;
  filter:                    none !important;
  background-image:          none;
  filter:                    progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='skin/default/images/abiproLargeBoxHeader.png', sizingMethod='scale');
  background-repeat:         no-repeat;
  font-size:                 0px;
  margin:                    0px;
}

.abiproLargeBoxFooter {
  position:                  relative;
  float:                     left;
  left:                      0px;
  top:                       0px;
  width:                     470px;
  height:                    28px;
  margin:                    0px;
  margin-bottom:             10px;
  background-image:          url("../../../images/abiproLargeBoxFooter.png") !important;
  filter:                    none !important;
  background-image:          none;
  filter:                    progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='skin/default/images/abiproLargeBoxFooter.png', sizingMethod='scale');
  background-repeat:         no-repeat;
  font-size:                 0px;
}

.abiproLargeBoxContent {
  position:                  relative;
  float:                     left;
  display:                   block;
  margin:                    0px;
  width:                     430px;
  height:                    auto;
  padding-left:              40px;
  margin:                    0px;
  background-image:          url("../../../images/abiproLargeBoxContent.png") !important;
  filter:                    none !important;
  background-repeat:         repeat-y !important;
  background-image:          none;
  filter:                    progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='skin/default/images/abiproLargeBoxContent.png', sizingMethod='scale');
  background-repeat:         none;
}

/*
--------------------------------------------------------------------------------
 GALERIA
--------------------------------------------------------------------------------
*/

.abiproGaleriaRandomList {
  position:                  relative;
  float:                     left;
  display:                   block;
  margin:                    0px;
  width:                     100%;
background-color: #FFD;
}

.abiproGaleriaRandomListItem {
  position:                  relative;
  float:                     left;
  display:                   block;
  margin-right:              5px;
  width:                     180px;
  height:                    180px;
background-color:            #000;
}

.abiproGaleria {
  position:                  relative;
  float:                     left;
  display:                   block;
  width:                     100%;
  margin-bottom:             10px;
}

.abiproGaleriaImagem {
  position:                  relative;
  float:                     left;
  display:                   block;
  margin-bottom:             10px;
  width:                     470px;
  background-color:          #FFF;
  border:                    1px solid #CCC;
  text-align:                center;
}

.abiproGaleriaImagem  img {
  margin:                    10px;
}

.abiproGaleriaMiniaturaList {
  position:                  relative;
  float:                     left;
  display:                   block;
  width:                     100%;
  margin-bottom:             10px;
}

.abiproGaleriaMiniaturaList img {
  margin-right:              10px;
}