/*@import url(http://fonts.googleapis.com/css?family=Raleway);*/
/*@charset "utf-8";*/

/************************************************************/
/****************** FONTE UTILIZADA NO SITE *****************/
/************************************************************/

@font-face 
{
    font-family: 'Raleway';
    src: url(raleway-light.ttf) format('truetype');
    /*
    src: url(raleway-medium.ttf) format('truetype');
    src: url(buxton_sketch.ttf) format('truetype');
    */
    font-weight: normal;
    font-style: normal;
}

/********************************************************/
/******************** LAYOUT DO SITE ********************/
/********************************************************/

body 
{
    position: absolute;
    background: url('../imagem/fundo.png') no-repeat fixed; 
    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: 50%;
    -webkit-font-smoothing: antialiased;

    /* TEXTO */
    font-family: Calibri, Arial;
    /*
    font-size: 62.5%;
    font-smoothing: antialiased;
    */
}

* 
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form 
{
    position: relative;
    width: 350px;
    margin: 10% auto;
    padding: 20px;
    overflow: hidden;
    /*
    top: 30%;
    left: 50%;
    */

    border: 2px solid #262626;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-shadow: #333333 10px 10px 10px;

    background-color: rgba(255, 255, 255, 0.7);
}

.page
{
    /*background-color: red;*/
    position: relative;
    min-height: 500px;
    width: 100%;
    top: 0;
    margin: 0 auto;
    text-align: center;
}

.cabecalho
{
    position: relative;
    background-color: #E2F0D9;
    border-bottom: 15px solid #007F0C;
    margin: 0 auto;
    text-align: center;

    width: 100%;
    height: 130px;
}

.logo_ambiental
{
    position: absolute;
    /*background: url('../imagem/logo_csw_branco_h75.png') no-repeat;*/
    width: 00%;
    height: 150px;
    top: 0px;
    left: 0px;
}

#corpo
{
    /*background-color: yellow;*/
    position: relative;
    min-height: 400px;
    width: 96%;
    min-width: 600px;
    margin: 0 auto;
    padding: 5px 10px 10px 10px;
    text-align: center;   
}

.formulario
{ 
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 400px;
    width: 100%;
    min-width: 600px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

.borda 
{
    border: 1.5px solid #727272;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.rodape 
{ 
    position: relative;

    margin: 0 auto;
    text-align: center;
    
    _top: 100%;
    bottom: -10px;
    height: 140px;
    left: 0px;
    width: 100%;
    position: fixed;
    z-index: 3;
}

.rodape_menu
{
    background-color: #ffffff;
    border-top: 15px solid #007F0C;
    /*background-color: #CCCCCC;*/
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 5px 10px;
}

.mensagem_erro
{ 
    /*background-color: Green;*/
	clear: both;
    min-height: 30px;
}

.alinhar_centro
{ 
    right: 0px;
    text-align: center;
}

.alinhar_esquerda
{ 
    left: 0px;
    text-align: left;
}

.alinhar_direita
{ 
    right: 0px;
    text-align: right;
}

.alinhar_meio
{ 
    right: 0px;
    vertical-align: middle;
}

.icone_ambiental
{
    position: absolute;
    width: auto;
    height: 150px;
    top: 0px;
    left: 0px;
}

.icone_area
{
    position: relative;
    width: auto;
    height: 100px;
    top: 5px;
    right: 0px;
}

.icone_cabecalho 
{
    height: 100px;
    margin: 5px 0px;
}

.icone_login 
{
    position: relative;
    height: 80px;
    margin: -5px 0px 5px 0px;
}

.icone_rodape 
{
    height: 45px;
    margin: 5px 0px;
}

/************************************************************/
/****************** DESIGN DOS FORMULÁRIOS ******************/
/************************************************************/

.smt_checkbox
{
    text-indent: 5px;

	color: #262626;
    font-family: Calibri, Arial;
	font-size: 12px;
	font-weight: bold;
}

.smt_combobox
{
    position: relative;
    display: block;
    width: 100%;

    border: 1px solid #000000;
    border-radius: 6px;
    margin: 3px 0px;
    color: #000000;
    font-family: Calibri, Arial;
    font-size: 13px;
    padding: 4px 10px;
}

.smt_combo_obrigatorio
{
    position: relative;
    display: block;
    width: 100%;

    border: 1px solid #CC0000;
    border-radius: 6px;
    margin: 3px 0px;
    color: #000000;
    font-family: Calibri, Arial;
    font-size: 13px;
    padding: 4px 10px;
}

.smt_radiobutton
{
	cursor: pointer;
	/*font-weight: bold;*/
	color: #000000;
    font-family: Calibri, Arial;
	font-size: 12px;

    padding-left: 2px !important;
    text-align: left !important;
}

.smt_label
{
	color: #000000; 
    font-family: Calibri, Arial;
	font-size: 13px; 
	font-weight: bold;
}

.smt_label_erro
{
	color: #ff5252;
    font-family: Calibri, Arial;
	font-size: 14px; 
	font-weight: bold;
}

.smt_label_grid
{
	color: #000000; 
    font-family: Calibri, Arial;
	font-size: 13px; 
}

.smt_label_lista {
    color: #404040;
    font-family: Calibri, Arial;
    font-size: 14px;
    /*font-weight: bold;*/
}

.smt_label_login
{
    position: relative;
    display: block;
	color: #000000; 
    font-family: Calibri, Arial;
	font-size: 12px; 
	font-weight: bold;
    margin-bottom: 10px;
}

.smt_label_mensagem
{
	color: #2a00b5; 
    font-family: Calibri, Arial;
	font-size: 14px; 
	font-weight: bold;
}

.smt_label_rodape
{
	color: #000000; 
    font-family: 'Raleway';
	font-size: 12px; 
	font-weight: bold;
}

.smt_label_obrigatorio
{
	color: #B50000; 
    font-family: Calibri, Arial;
	font-size: 11px;
	font-weight: bold;
}

.smt_label_titulo_formulario
{
	color: #4c4c4c;
    font-family: Calibri, Arial;
	font-size: 14px; 
	font-weight: bold;
}

.smt_label_titulo_obrigatorio
{
	color: #B50000;
    font-family: Calibri, Arial;
	font-size: 14px; 
	font-weight: bold;
}

.smt_label_titulo_sistema
{
	color: #262626;
    font-family: Calibri, Arial;
	font-size: 32px; 
	/*font-weight: bold;*/
}

.smt_label_titulo_rodape
{
	color: #000000; 
    font-family: 'Raleway';
	font-size: 14px; 
	font-weight: bold;
}

.smt_textbox {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #000000;
    border-radius: 6px;
    margin: 3px 0px;
    color: #000000;
    font-family: Calibri, Arial;
    font-size: 13px;
    padding: 7px 15px;
}

.smt_textbox:focus 
{
    outline: none;
    color: #000000;
    border: 1px solid rgba(160, 160, 160, 0.5);
}

.smt_textbox_obrigatorio
{
    position: relative;
    display: block;
    width: 100%;

    border: 1px solid #CC0000;
    border-radius: 6px;
    margin: 3px 0px;
    color: #000000;
    font-family: Calibri, Arial;
    font-size: 13px;
    padding: 7px 15px;
}

.smt_textbox_obrigatorio:focus 
{
    outline: none;
    color: #000000;
    border: 1px solid rgba(160, 160, 160, 0.5);
}

.smt_datagrid_titulo
{
    background-image: url(../imagem/grid/barra_titulo.png);
	color: #FFFFFF;
    font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

/********************************************************************************/
/********************         4 - DESIGN DOS BOTÕES         *********************/
/********************************************************************************/

.botao 
{
    background: #35B735;
    border-color: #255184 #244f80 #1e4068;
    background-image: -webkit-linear-gradient(top, #49CC49, #3DC63D 50%, #35B735 40%, #229E22);
    background-image: -moz-linear-gradient(top, #49CC49, #3DC63D 50%, #35B735 40%, #229E22);
    background-image: -o-linear-gradient(top, #49CC49, #3DC63D 50%, #35B735 40%, #229E22);
    background-image: linear-gradient(to bottom, #49CC49, #3DC63D 50%, #35B735 40%, #229E22);

    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 10px 40px;
    cursor: pointer;
    /*Texto*/
    color: #ffffff;
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.botao:hover 
{   /*Defini��o de cores ao passar o mouse pelo bot�o*/
    background: #4c8ad3;
    background-image: -webkit-linear-gradient(top, #299E29, #58D858);
    background-image: -moz-linear-gradient(top, #299E29, #58D858);
    background-image: -o-linear-gradient(top, #299E29, #58D858);
    background-image: linear-gradient(to bottom, #299E29, #58D858);
}

.botao:active 
{   /*Defini��o de cores ao precionar o bot�o*/
    background: #3DC63D;
    background-image: -webkit-linear-gradient(top, #219621, #38C138 60%, #3DC63D);
    background-image: -moz-linear-gradient(top, #219621, #38C138 60%, #3DC63D);
    background-image: -o-linear-gradient(top, #219621, #38C138 60%, #3DC63D);
    background-image: linear-gradient(to bottom, #219621, #38C138 60%, #3DC63D);
}

.botao_alerta 
{
    background: #d02e17;
    border-color: #942110 #902010 #741a0d;
    background-image: -webkit-linear-gradient(top, #e74a29, #e6451b 50%, #d02e17 40%, #b3150b);
    background-image: -moz-linear-gradient(top, #e74a29, #e6451b 50%, #d02e17 40%, #b3150b);
    background-image: -o-linear-gradient(top, #e74a29, #e6451b 50%, #d02e17 40%, #b3150b);
    background-image: linear-gradient(to bottom, #e74a29, #e6451b 50%, #d02e17 40%, #b3150b);

    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 10px 40px;
    cursor: pointer;
    /*Texto*/
    color: #ffffff;
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.botao_alerta:hover 
{   /*Defini��o de cores ao passar o mouse pelo bot�o*/
    background: #ee442c;
    background-image: -webkit-linear-gradient(top, #b32511, #f3533c);
    background-image: -moz-linear-gradient(top, #b32511, #f3533c);
    background-image: -o-linear-gradient(top, #b32511, #f3533c);
    background-image: linear-gradient(to bottom, #b32511, #f3533c);
}

.botao_alerta:active 
{   /*Defini��o de cores ao precionar o bot�o*/
    background: #e63b1b;
    background-image: -webkit-linear-gradient(top, #a9110b, #de3819 60%, #e63b1b);
    background-image: -moz-linear-gradient(top, #a9110b, #de3819 60%, #e63b1b);
    background-image: -o-linear-gradient(top, #a9110b, #de3819 60%, #e63b1b);
    background-image: linear-gradient(to bottom, #a9110b, #de3819 60%, #e63b1b);
}

.botao_titulo
{
    border: 0px;
    background-color: transparent;
    padding-left: 0px;
    /*Texto*/
	color: #FFFFFF;
    font-family: arial, 'Raleway';
	font-size: 12px;
	font-weight: bold;

    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.botao_lista
{
    border: 0px;
    background-color: transparent;
    padding-left: 0px;
    /*Texto*/
    color: #4C4C4C;
    font-family: Calibri, Arial;
    font-size: 12px;
    font-weight: bold;   
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.botao_grid {
    display: inline-block;
    width: 15px;
    margin: 0px auto;
    padding: 0px 4px;
}

/********************************************************************************/
/********************      5 - CONFIGURAÇÃO DOS PAINEIS      ********************/
/********************************************************************************/

.panel {
    background-color: #f9f9f9;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px #404040 inset;
    -moz-box-shadow: 0px 0px 6px #404040 inset;
    box-shadow: 0px 0px 6px #404040 inset;
}

.panel-titulo {
    position: relative;
    background-color: transparent; /* #000000*/
    width: 100%;
    height: 30px;
    padding: 5px 0;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /* texto */
    font-weight: bold;
    text-align: right;
}

.panel-amarelo {
    border-color: #F0B94E;
}

    .panel-amarelo > .panel-titulo {
        color: #ffffff;
        background-color: #F0B94E;
    }

.panel-azul {
    border-color: #428bca;
}

    .panel-azul > .panel-titulo {
        color: #ffffff;
        /*background-color: #428bca;*/
        background-image: linear-gradient(#428bca, #00133f);
    }

.panel-verde {
    border-color: #5CB85C;
}

    .panel-verde > .panel-titulo {
        color: #303030;
        background-color: #5CB85C;
    }

.panel-vermelho {
    border-color: #D9534F;
}

    .panel-vermelho > .panel-titulo {
        color: #ffffff;
        background-color: #D9534F;
    }

.panel-corpo {
    padding: 10px;
}

.panel-rodape {
    padding: 5px 15px;
}

/********************************************************************************/
/********************      6 - CONFIGURAÇÃO DAS TABELAS      ********************/
/********************************************************************************/

.tabela {
    width: 100%;
    max-width: 100%;
    /*margin-bottom: 1rem;*/
    background-color: transparent
}

.tabela_cabecalho {
    /*background: url(../images/table/table_header_repeat.jpg) repeat-x;*/
    background-color: #F9F9F9;
    background-image: -webkit-linear-gradient(top, #999999, #666666);
    background-image: -moz-linear-gradient(top, #999999, #666666);
    background-image: -o-linear-gradient(top, #999999, #666666);
    background-image: linear-gradient(top bottom, #999999, #666666);
    height: 35px;
    padding: 10px 5px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    /**/
    font-family: Tahoma;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}

.linha {
    background-color: #FFFFFF;
    height: 23px;
    padding: 0px 5px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.linha_alternada {
    background-color: #E5E5E5;
    height: 23px;
    padding: 0px 5px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

/**********************************************************************/
/************************* QUADRO DE MENSAGEM *************************/
/**********************************************************************/

.exibir_mensagem_atencao {
    display: block;
    width: 98%;
    margin: -5px 0;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F5F3BA url(../imagem/icone/alerta_atencao.png) no-repeat;
    background-position: 10px;
    border: 1px solid #C7A20D;
    color: #796616;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.exibir_mensagem_erro {
    display: block;
    width: 98%;
    margin: -5px 0;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url(../imagem/icone/alerta_erro.png) no-repeat;
    background-position: 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.exibir_mensagem_informacao {
    display: block;
    width: 98%;
    margin: -5px 0;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #B5E5EF url(../imagem/icone/alerta_informacao.png) no-repeat;
    background-position: 10px;
    border: 1px solid #77BACE;
    color: #082B33;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.exibir_mensagem_sucesso {
    display: block;
    width: 98%;
    margin: -5px 0;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url(../imagem/icone/alerta_sucesso.png) no-repeat;
    background-position: 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.exibir_mensagem_execusao {
    display: block;
    background-color: #B5E5EF;
    width: 100%;
    margin: 0px;
    padding: 6px 0px 6px 15px;
    border: 1px solid #77BACE;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: left;
    /*text-indent: 40px;
     Texto */
    font-family: Arial, sans-serif;
    color: #082B33;
    font-size: 13px;
    font-weight: bold;
}

/************************************************************/
/******************** DESIGN DO MENU *********************/
/************************************************************/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a 
{
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    font-family: 'Raleway';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after 
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu {
  width: auto;
  border-top: 3px solid #47c9af;
  line-height: 1;
}
#cssmenu ul {
  background: #ffffff;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  content: "";
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: perspective(-15px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(-15px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(-15px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #47c9af;
}

/********************************************************/
/********************* MODAL POPUP **********************/
/********************************************************/

.modal_background 
{
	background-color: Black;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.modal_popup 
{
    background-color: White;
    /*background-image: url(../imagem/design/caixa_popup.png);*/
	width: 470px;
	height: auto; /*180px;*/
	border: solid 2px black;
    border-radius: 20px;
	box-shadow: black 0px 0px 50px;
}

.modal_popup_selecionar_imagem
{
    background-color: White;
	width: 600px;
	height: auto;
    padding: 20px;
	border: solid 2px black;
    border-radius: 20px;
	box-shadow: black 0px 0px 50px;
}

.modal_botao_fechar
{
    position: absolute;
	padding: 0px 0px 0px 460px;
}

.modal_titulo_mensagem
{
    position: relative;
    text-align: center;
    padding: 15px;
	color: Red;
	font: bold 20px "Arial";
}

.modal_mensagem
{
    position: relative;
    text-align: center;
    padding: 5px 20px;
	color: #4c4c4c; 
	font: bold 12px "Arial";
}

.modal_botao_mensagem
{
    position: relative;
    text-align: center;
    padding: 10px 20px 15px 20px;
}

/********************************************************/
/********************* OUTROS **********************/
/********************************************************/

/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/
 
/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/
 
.css-treeview ul,
.css-treeview li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
 
.css-treeview input
{
    position: absolute;
    opacity: 0;
}
 
.css-treeview
{
    font: normal 11px "Segoe UI", Arial, Sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
 
.css-treeview a
{
    color: #00f;
    text-decoration: none;
}
 
.css-treeview a:hover
{
    text-decoration: underline;
}
 
.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}
 
.css-treeview input ~ ul
{
    display: none;
}
 
.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}
 
.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}
 
.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}
 
.css-treeview label,
.css-treeview label::before
{
    background: url("../pages/css3-treeview/example/icons.png") no-repeat;
}
 
.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
 
.css-treeview label
{
    background-position: 18px 0;
}
 
.css-treeview label::before
{
    content: "";
    width: 16px;
    margin: 0 22px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}
 
.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
}
 
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .css-treeview {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }

    @-webkit-keyframes webkit-adjacent-element-selector-bugfix 
    {
        from 
        { 
            padding: 0;
        } 
        to 
        { 
            padding: 0;
        }
    }
}

.treeNode {
    color: blue;
    font: 14px Arial, Sans-Serif;
}

.rootNode {
    font-size: 18px;
    width: 100%;
    border-bottom: Solid 1px black;
}

.leafNode {
    border: Dotted 2px black;
    padding: 4px;
    background-color: #eeeeee;
    font-weight: bold;
}

.AspNet-TreeView {
    width: 200px;
    border-top: solid 1px #DDD;
}

    .AspNet-TreeView ul {
        list-style: none;
    }

.AspNet-TreeView-Leaf {
    border-bottom: solid 1px #DDD;
    background: url(../../images/structure/node-dot.gif) 8px 9px no-repeat;
}

.AspNet-TreeView-Root {
    border-bottom: solid 1px #DDD;
}

    .AspNet-TreeView-Root a {
        display: block;
        width: 170px;
        margin-left: 20px;
        padding: 5px 5px 5px 5px;
    }

.AspNet-TreeView-Selected {
    background: #F6F6F6 url(../../images/structure/arrow-right.gif) 8px 9px no-repeat;
}

.AspNet-TreeView-Expand {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-plus.gif) 0px 0px no-repeat;
    cursor: pointer;
}

.AspNet-TreeView-Collapse {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-minus.gif) 0px 0px no-repeat;
    cursor: pointer;
}

.AspNet-TreeView-Show li {
    border-top: solid 1px #DDD;
    background-position: 28px 9px;
}

.AspNet-TreeView-Hide {
    display: none;
}

.AspNet-TreeView ul li ul li {
    text-indent: 20px;
    border-bottom: none;
    font-size: 11px;
}