/*
                Main Color:  #367151;
                Hover Color: #649d80;
            */
            
            .red{
                color: red;
            }
            /**/
            * {                
                font-size: 10pt;
                font-family: sans-serif;
                color: #333333;
            }
            body {
                background-color: #d5dadd;
            }
            h1, h2, h3, h4, h5, h6{                
                color: white;
                border-top: 1px solid #367151;
                border-bottom: 1px solid #367151;
                padding: 3px 5px;
                background: #367151;
            }
                h1 {
                    font-size: 16pt;
                }
                h2 {
                    font-size: 14pt;
                }
                h3 {
                    font-size: 13pt;
                }
                h4 {
                    font-size: 12pt;
                }
                h5 {
                    font-size: 11pt;
                }
                h6 {
                    font-size: 10pt;
                }
            label {
                font-weight: bold;
            }
            .grid {
                border: 1px solid #367151; 
                border-spacing: 1px;
                width: 100%;
            }
                .grid tr{
                    cursor: pointer;
                }
                    .grid tr.r0{
                        background-color: white;
                    }           
                    .grid tr.r1{
                        background-color: #cde5d9;
                    }
                        /*.grid tr.r0:hover ,.grid tr.r1:hover{
                            background-color: #3e614e;
                            color: white;
                        }*/                
                    .grid th{
                        padding: 3px 5px;
                        font-size: 11pt;
                        background-color: #367151;
                        color: white;
                    }
                    .grid td{
                        padding: 3px 5px;
                        font-size: 10pt;
                    }
            input {
                font-size: 11pt;
            }
                input[type="submit"], input[type="button"]{
                    display: inline-block;
                    outline: none;
                    cursor: pointer;
                    text-align: center;
                    text-decoration: none;
                    font: 14px/100% Arial, Helvetica, sans-serif;
                    padding: .5em 2em .55em;
                    text-shadow: 0 1px 1px rgba(0,0,0,.3);
                    -webkit-border-radius: .5em; 
                    -moz-border-radius: .5em;
                    border-radius: .5em;
                    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                    box-shadow: 0 1px 2px rgba(0,0,0,.2);
                    
                    color: #fef4e9;
                    border: solid 1px #367151;
                    
                    background: #294134;
                    background: -webkit-gradient(linear, left top, left bottom, from(#367151), to(#294134));
                    background: -moz-linear-gradient(top,  #367151,  #294134);
                    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#367151', endColorstr='#294134');                     
                   
                }
                    input[type="submit"]:hover, input[type="button"]:hover{
                        text-decoration: none;
                        
                        background: #367151;
                        background: -webkit-gradient(linear, left top, left bottom, from(#3e614e), to(#294134));
                        background: -moz-linear-gradient(top,  #3e614e,  #294134);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e614e', endColorstr='#294134');                       
                    }
                    input[type="submit"]:active, input[type="button"]:active{
                        
                        color: #cce4d7;
                        background: #367151;
                        background: -webkit-gradient(linear, left top, left bottom, from(#367151), to(#649d80));
                        background: -moz-linear-gradient(top,  #367151,  #649d80);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#367151', endColorstr='#649d80');                           
                    }                    
                input[type="text"]{
                    border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    border: 1px solid #b1c2ba;
                    padding: 6px 4px;
                    
                    background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#ffffff));
                    background: -moz-linear-gradient(top,  #eaeaea,  #ffffff);
                    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff')                     
                }
                    input[type="text"]:hover,input[type="text"]:focus{
                        outline: none;
                        border: 1px solid #367151;
                        -webkit-box-shadow: 0 0 8px #D0D0D0;
                        -moz-box-shadow: 0 0 8px #D0D0D0;
                        box-shadow: 0 0 8px #D0D0D0;
                    }
                
            select{
                outline: none;
                font-size: 11pt;
                padding: 5px 4px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px; 
                border: 1px solid #b1c2ba;

                -webkit-appearance: none;
                -moz-appearance: none;
                arrow-color: red;
                background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#ffffff));
                background: -moz-linear-gradient(top,  #eaeaea,  #ffffff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff')                      
            }      
                select:hover, select:active{
                    outline: none;
                    border: 1px solid #367151;
                    -webkit-box-shadow: 0 0 8px #D0D0D0;
                    -moz-box-shadow: 0 0 8px #D0D0D0;
                    box-shadow: 0 0 8px #D0D0D0;
                    border: 1px solid #367151;
                }
            textarea{
                width: 400px;
                height: 250px;

                border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                border: 1px solid #b1c2ba;
                padding: 6px 4px;

                background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#ffffff));
                background: -moz-linear-gradient(top,  #eaeaea,  #ffffff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff');    
            }
                textarea:hover, textarea:focus{
                    outline: none;
                    border: 1px solid #367151;
                    -webkit-box-shadow: 0 0 8px #D0D0D0;
                    -moz-box-shadow: 0 0 8px #D0D0D0;
                    box-shadow: 0 0 8px #D0D0D0;                    
                }
            fieldset{
                border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                border: 1px solid #b1c2ba;
                padding: 10px;
            }
                fieldset legend{
                    font-weight: bold;
                    padding: 5px;
                }
            fieldset.code {
                font-family: monospace;
                border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                padding: 10px;
                line-height: 20px;
                border: 1px dashed #b1c2ba;
                background-color: white;
            }
            
            /*Menu Vertical*/
            ul.vmenu{
                margin: 0;
                padding: 0;
            }
            ul.vmenu *{
                padding: 0;
                margin: 0;
                font-size: 11pt;
            }            
                ul.vmenu{
                    width: 200px;
                    background-color: #367151;
                    margin: 0;
                    padding: 0;
                    cursor: pointer;
                }
                ul.vmenu li{
                    border-bottom: 1px solid #649d80;
                    height: 30px;
                    vertical-align: middle;
                    background-color: #367151; 
                }
                    ul.vmenu li:hover{
                        background: #3e614e;
                    }                
                ul.vmenu li a{                    
                    color: white;
                    text-decoration: none;
                }                    
                ul.vmenu>li{
                    background-image: url("img/arrow.png");
                    background-position: right;
                    background-repeat: no-repeat;
                }
                    ul.vmenu>li:hover{
                        background-image: url("img/arrow.png") !important;
                        background-position: right !important;
                        background-repeat: no-repeat !important;                    
                    }
                    ul.vmenu>li.noMenu, ul.vmenu>li.noMenu:hover{
                        background-image:none !important;;
                    }
                ul.vmenu>li>ul>li:active{
                    background: #649d80;
                }
                ul.vmenu li span{
                    color: white;
                    display: block;
                    padding: 6px;
                }
                    ul.vmenu li>ul{
                        list-style: none;
                    }
                        ul.vmenu li:hover>ul{
                            z-index: 999;
                            
                            display: block;
                            position: absolute;
                            float: right;
                            margin-left: 200px;
                            margin-top: -29px;
                            
                            -webkit-box-shadow: 0 0 8px #000000;
                            -moz-box-shadow: 0 0 8px #000000;
                            box-shadow: 0 0 8px #000000;                             
                        }
                            ul.vmenu li ul{
                                display: none;
                            }