/*
Theme Name: DOinet Website
Theme URI: http://www.nrxcomunicacao.com/
Description: Layout criado especialmente para o website DOinet Brasil Dados Públicos
Author: nrx design e comunicação
Author URI: http://www.nrxcomunicacao.com/
Version: 1.0
Tags: white, grid system, fixed-width
*/

/*  _______________________________________

	01 RESET
    _______________________________________  
/* 
Reset default browser CSS. Based on work by Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

html, body {
    min-width: 960px;
}

/*  _______________________________________

	02 GENERAL STYLES
    _______________________________________  
*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 21px;
    color: #666;
    background: #FFF;
}

#header .container, #search .container, #content .container, #clients .container, #page-title .container, #footer .container, #footer2 .container, #ctl00_messages .container, .default-page .container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    display: table;
}

.separator {
    margin-top: 10px;
    border-bottom: #ccc solid 1px;
    padding-bottom: 10px;
    height: auto;
    width: 100%;
}

hr {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 0;
    border-color: #CCC;
    margin: 0 10px;
}

/* Empurradores para espaço, quando necessário */
.pusher105 {
    margin-top: 105px;
}

.pusher96 {
    margin-top: 96px;
}

.pusher84 {
    margin-top: 84px;
}

.pusher63 {
    margin-top: 63px;
}

.pusher56 {
    margin-top: 56px;
}

.pusher49 {
    margin-top: 49px;
}

.pusher21 {
    margin-top: 21px;
}

.pusher14 {
    margin-top: 14px;
}

.pusher7 {
    margin-top: 7px;
}

.push21 {
    margin-bottom: 21px;
}

.push14 {
    margin-bottom: 14px;
}

.push7 {
    margin-bottom: 7px;
}

/*  _______________________________________

	03 ALIGMENT
    _______________________________________  
*/
.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.alignjustify {
    text-align: justify;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}
/*  _______________________________________

	04 HEADER
    _______________________________________  */

#header {
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
    background: url("novo/images/bg-top.png") repeat-x bottom;
    z-index: 9999;
    position: absolute;
}
/* Login */
.login {
    height: 20px;
    text-align: right;
}

    .login li {
        list-style: none;
        float: left;
    }

        .login li a {
            color: #666;
            font-size: 95%;
            margin: 0 10px; /* Spacing between menu items */
            position: relative;
            z-index: 888; /* Required to keep navigation above content */
        }

        .login li.last a {
            margin-right: 0;
        }
/* Logo/Link Home */
.logo {
    background: url("novo/images/logo-doinet.png") no-repeat;
    width: 250px;
    height: 45px;
    text-indent: -3000px;
    display: block;
}
/* Main Menu */
.menu {
    margin: 25px 0px 0px 0px; /* Some top spacing */
    list-style: none;
    float: right;
}

    .menu li {
        list-style: none;
        float: left;
    }

        .menu li a {
            color: #eb8018;
            text-transform: uppercase;
            margin-right: 8px;
            padding-right: 8px;
            border-right: #999 solid 1px;
            font-size: 100%;
            position: relative;
            z-index: 888;
        }

        .menu li.last a {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

            .menu li.last a:hover {
                text-decoration: none;
            }

        .menu li.current a {
            text-decoration: underline;
            color: #999;
        }

.send-to-email {
    margin: 12px 0px 0px 0px; /* Some top spacing */
    padding: 6px 10px;
    list-style: none;
    float: right;
    font-size: 11px;
    /*-moz-box-shadow:inset 0px 1px 0px 0px #dddddd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dddddd;
	box-shadow:inset 0px 1px 0px 0px #dddddd;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #8b8b8b) );
	background:-moz-linear-gradient( center top, #bbbbbb 5%, #8b8b8b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#8b8b8b');
	background-color:#bbbbbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	display:inline-block;
	color: #FFF;
	font-weight: bold;
	font-size:11px;*/
}

    .send-to-email.ui-effects-transfer {
        border: 0px;
    }

    .send-to-email a {
        color: #666 !important;
    }

.list-docs, .send-docs {
    vertical-align: bottom;
    padding: 0 5px;
}

.send-to-email.btn-warning a, .send-to-email.btn-warning label {
    color: #fff !important;
}


.delete-docs, .send-docs {
    vertical-align: baseline;
    padding-left: 5px;
    margin-top: 5px;
    border-left: #fff dotted 1px;
}


.credits {
    margin: 12px 6px 0px 0px; /* Some top spacing */
    padding: 6px 10px;
    list-style: none;
    float: right;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}

.acredits {
    margin: 12px 6px 0px 0px; /* Some top spacing */
    padding: 6px 10px;
    list-style: none;
    float: right;
    font-size: 11px;
}



/*  _______________________________________

	05 TYPOGRAPHY & COLOR
    _______________________________________  */

p, li { /* Default font styles for paragraphs */
    text-align: left;
    margin-bottom: 21px;
    line-height: 1.25em;
    letter-spacing: normal;
}

li {
    margin-bottom: 7px;
}

em {
    font-style: italic;
    font-size: 110%;
    font-weight: bold;
}

a {
    color: #eb8018;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }
/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #eb8018;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
    line-height: normal;
    display: table;
}

h1 {
    font-size: 300%;
    margin-bottom: 21px;
}

h2 {
    font-size: 240%;
    margin-bottom: 21px;
}

h3 {
    font-size: 200%;
    margin-bottom: 14px;
}

h4 {
    font-size: 160%;
    margin-bottom: 14px;
}

h5 {
    font-size: 140%;
    margin-bottom: 7px;
}

h6 {
    font-size: 120%;
    margin-bottom: 7px;
}

.title-grey {
    color: #666 !important;
}

b {
    font-weight: bold;
}
/*  _______________________________________

	06 SEARCH
    _______________________________________  
*/
#search, #page-title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #ddd;
    display: table;
}

.search-home {
    height: 240px;
    background: transparent url("novo/images/bg-search-content.png") no-repeat;
}

.search-pages {
    height: 100px;
    background: transparent url("novo/images/bg-grey.png") repeat-y;
}

.pages {
    height: 75px;
    background: transparent url("novo/images/bg-grey.png") repeat-y;
}

.slogan {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    font-style: italic;
    line-height: 1.15em;
    letter-spacing: -1px;
}

    .slogan b {
        font-weight: 700;
    }

/* DataBase Navigation */
.db-nav {
    margin: 0px;
    list-style: none;
    float: left;
    z-index: 1000;
}

    .db-nav li {
        list-style: none;
        float: left;
    }

        .db-nav li a {
            text-transform: uppercase;
            margin-right: 10px;
            padding-right: 10px; /* Spacing between menu items */
            font-size: 100%;
            color: #666;
            position: relative;
        }

        .db-nav li.last a {
            border-right: none;
        }

        .db-nav li.current a {
            color: #eb8018;
            text-decoration: none;
            font-weight: 700;
        }

/* Filters Navigation */
.filters {
    margin: 0px;
    list-style: none;
    float: left;
}

    .filters li {
        list-style: none;
        float: left;
    }

        .filters li a {
            margin-right: 10px;
            padding-right: 10px; /* Spacing between menu items */
            font-size: 98%;
            color: #666;
            position: relative;
        }

        .filters li.last a {
            border-right: none;
        }

        .filters li.current a {
            color: #eb8018;
            text-decoration: none;
            font-weight: 700;
        }

/* Search engine form */
#search input.text {
    display: inline;
    width: 92%;
    height: 25px;
    float: left;
    font-size: 12px;
    padding: 2px 5px;
}

#search .button {
    width: 32px;
    height: 30px;
    border: none;
    float: right;
    text-indent: -9000px;
}

.btn-search {
    background: url("novo/images/form/search-button.png");
}

    .btn-search:hover {
        background: url("novo/images/form/search-button-hover.png");
    }

.help-nav {
    margin: 5px 0px 0px 0px; /* Some top spacing */
    float: left;
}

    .help-nav li {
        list-style: none;
        float: left;
        color: #eb8018;
    }

        .help-nav li a {
            padding-left: 10px; /* Spacing between menu items */
            font-size: 95%;
            color: #eb8018;
            position: relative;
            z-index: 888; /* Required to keep navigation above content */
        }

.search-info p {
    margin: 5px 0px 0px;
    font-size: 96%;
    letter-spacing: normal;
    line-height: normal;
}

small {
    font-size: 80%;
    line-height: 1em;
}

a.btn-alerta {
    float: left;
    text-indent: -9000px;
    position: absolute;
    width: 140px;
    height: 40px;
    background: url("novo/images/alerta-btn.png") no-repeat;
}

    a.btn-alerta:hover {
        background: url("novo/images/alerta-btn-hover.png") no-repeat;
    }

/*  _______________________________________

	07 Highlights
    _______________________________________  */

.home .container, .simple-pages .container {
    border-top: #e97e34 solid 1px;
}

.pagetitle h1 {
    margin-bottom: 0px;
    color: #666;
}

.highlight {
    background-color: #f8e9dd;
}

    .highlight .indent {
        margin: 10%;
    }

    .highlight h2 {
        padding: 0 0 5px 32px;
        margin: 5px 0;
        line-height: 1.15em;
        letter-spacing: -1.5px;
        color: #eb8018;
        font-weight: 700;
        width: 100%;
    }

    .highlight .alerta {
        background: transparent url("novo/images/icon-serv-doinet-alerta.png") no-repeat;
    }

    .highlight .buscador {
        background: transparent url("novo/images/icon-serv-doinet-buscador.png") no-repeat;
    }

    .highlight .alertacorp {
        background: transparent url("novo/images/icon-serv-doinet-alertacorp.png") no-repeat;
    }

    .highlight .search {
        background: transparent url("novo/images/icon-serv-doinet-search.png") no-repeat;
    }

    .highlight h2 em {
        text-transform: uppercase;
        font-style: normal;
        font-size: 87%;
    }

    .highlight p {
        font-size: 110%;
        height: 100px;
    }

.btn-general a {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff6600;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 80%;
    letter-spacing:;
    padding: 5px 0px;
    margin: 0;
    text-shadow: 1px 1px 0px #666666;
    width: 95%;
}

    .btn-general a:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffa13d) );
        background: -moz-linear-gradient( center top, #ff8000 5%, #ffa13d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffa13d');
        background-color: #ff8000;
    }

/*  _______________________________________

	08 Clients
    _______________________________________  */
#clients {
    width: 100%;
    height: 170px;
    margin: 0;
    padding: 0;
    background: transparent url("novo/images/bg-clients.png") repeat-x;
}

    #clients h2 {
        margin: 40px 0;
        line-height: 1.15em;
        letter-spacing: -1.5px;
        color: #eb8018;
        font-weight: 700;
    }

/*  _______________________________________

	09 FOOTER
    _______________________________________  */

#footer { /* Container to display the top black background */
    width: 100%;
    margin: 0;
    padding: 0;
    background: #666;
    font-size: 95%;
    color: #eee;
}

    #footer h3 {
        color: #eb8018;
        font-weight: 700;
    }

    #footer span {
        font-size: 200%;
    }

    #footer small {
        font-size: 80%;
    }

.bottom {
    border-top: 1px solid #eb8018;
}

.nrx-credits {
    background: url("novo/images/icons/nrx-credits.png") no-repeat;
    text-indent: -9000px;
    position: absolute;
    width: 35px;
    height: 18px;
    margin-left: 100px;
    margin-left: 50px\0/;
}
/* Styles for the buttons "social media" in the widget bottom */
.w-facebook, .w-linkedin, .w-skype, .w-twitter {
    float: left;
    text-indent: -9000px;
    position: absolute;
    width: 32px;
    height: 32px;
}

    .w-facebook:hover, .w-linkedin:hover, .w-skype:hover, .w-twitter:hover {
        border: none;
        margin-top: 1px;
    }

.w-facebook {
    background: url(novo/images/icons/facebook.png) no-repeat;
}

.w-linkedin {
    background: url(novo/images/icons/linkedin.png) no-repeat;
    margin-left: 40px;
}

.w-skype {
    background: url(novo/images/icons/skype.png) no-repeat;
    margin-left: 80px;
}

.w-twitter {
    background: url(novo/images/icons/twitter.png) no-repeat;
    margin-left: 120px;
}

#footer2 { /* Container to display the top black background */
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 95%;
    color: #666;
}

#footer h3 {
    color: #eb8018;
    font-weight: 700;
}
/*  _______________________________________

	10 SEARCH RESULTS
    _______________________________________  */

.filters span.title {
    text-transform: uppercase;
    font-size: 100%;
    margin: 5px 0 0 0;
    text-align: center;
}

.result-found, .order {
    font-size: 90%;
}

/* Info Nav */
.info-nav {
    margin: 0px; /* Some top spacing */
}

    .info-nav a {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-transform: capitalize;
        padding: 5px 2px;
        margin: 2px 1px;
        font-size: 90%;
        position: relative;
        /* z-index:888;  Required to keep navigation above content */
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #bbbbbb) );
        background: -moz-linear-gradient( center top, #8b8b8b 5%, #bbbbbb 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#bbbbbb');
        background-color: #8b8b8b;
        color: #FFF;
        font-weight: bold;
    }

        .info-nav a.btn-buy {
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
            background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
            background-color: #ffa13d;
            color: #FFF;
        }

        .info-nav a.last {
            margin-right: 0;
        }
/* Filters */
.title-filters {
    text-transform: uppercase;
    padding: 10px;
    margin-top: 5px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    color: #FFF;
    font-weight: bold;
    border-bottom: #999 solid 2px;
}

.box-filters {
    width: auto;
    padding: 10px 5px 20px;
    background-color: #f1f1f1;
    margin: 0;
}

.icon-list-filter {
    font-size: 80%;
    color: #666;
    width: 16px;
}

.nivel1 a {
    font-size: 100%;
    color: #666;
    font-weight: bold;
    padding-bottom: 5px;
    margin-left: 2px;
}

.nivel2 a {
    padding-left: 30px;
    margin-left: 2px;
}


/* Page Navigation */
.wp-pagenavi {
    clear: both;
    margin-bottom: 15px;
}

    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border-right: 1px solid #BFBFBF;
        padding: 3px 5px 0px 2px;
        margin: 2px;
    }

        .wp-pagenavi span.current {
            font-weight: bold;
            text-decoration: none;
        }

        .wp-pagenavi a:hover {
            text-decoration: underline;
        }

    .wp-pagenavi .prevpostslink, .wp-pagenavi .nextpostslink {
        border: none;
    }

/* Page Navigation */
.wp-pagenavi {
    clear: both;
    margin-bottom: 15px;
}

    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border-right: 1px solid #BFBFBF;
        padding: 3px 5px 0px 2px;
        margin: 2px;
    }

        .wp-pagenavi span.current {
            font-weight: bold;
            text-decoration: none;
        }

        .wp-pagenavi a:hover {
            text-decoration: underline;
        }

    .wp-pagenavi .prevpostslink, .wp-pagenavi .nextpostslink {
        border: none;
    }

/*  _______________________________________

	11 SIMPLE PAGES 
    _______________________________________  
*/

.pages h2 {
    margin-top: 21px;
}

.info h3 {
    color: #666;
}

.info ul li {
    list-style: inside disc;
}

/*  _______________________________________

	12 SIMPLE FORMS
    _______________________________________  
*/

form {
    display: block;
    margin-top: 0;
}

label, input, textarea, select { /* Contact form fields styles */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #666;
}

input, select, textarea {
    background: #FFF;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
}

    input.button:hover {
        cursor: pointer;
    }

/* New Alert Form and Table */
.newalert-form label {
    display: block;
    width: 75px;
    min-height: 30px;
    height: auto;
    text-align: right;
    line-height: 1.2em;
    margin-right: 15px;
    overflow: hidden;
}

.newalert-form input, .newalert-form select {
    margin: 0;
    border: 1px solid #E0E0E0;
    outline: none;
    position: relative;
    background: white;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

    .newalert-form input.button, .edit-alert input.button, input.btn-edit-alert, input.btn-delete-alert, a.btn-new-alert {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        color: #ffffff;
        font-family: arial;
        font-size: 100%;
        font-weight: normal;
        padding: 5px 0px;
        margin: 0;
        text-decoration: none;
        text-shadow: 1px 1px 0px #666666;
        width: 130px;
        height: 32px;
    }

a.btn-new-alert {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    border: 1px solid #ff6600;
    height: 20px !important;
    line-height: 20px;
    text-align: center;
}

    a.btn-new-alert:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffa13d) );
        background: -moz-linear-gradient( center top, #ff8000 5%, #ffa13d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffa13d');
        background-color: #ff8000;
    }

input.btn-edit-alert, input.btn-delete-alert {
    -moz-box-shadow: inset 0px 1px 0px 0px #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dddddd;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #8b8b8b) );
    background: -moz-linear-gradient( center top, #bbbbbb 5%, #8b8b8b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#8b8b8b');
    background-color: #bbbbbb;
    border: 1px solid #9a9a9a;
    box-shadow: inset 0px 1px 0px 0px #dddddd;
}

    input.btn-edit-alert:hover, input.btn-delete-alert:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #bbbbbb) );
        background: -moz-linear-gradient( center top, #8b8b8b 5%, #bbbbbb 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#bbbbbb');
        background-color: #8b8b8b;
    }

tr.select-label {
    height: 50px;
}

.select-label td, td.info {
    vertical-align: top;
}

/* Edit Alert Form and Table */
.table-header {
    height: 45px;
}

.edit-alert {
    margin-bottom: 10px;
}

    .edit-alert th, .edit-alert td {
        vertical-align: middle;
        text-align: left;
        line-height: 1.2em;
        padding: 10px 0;
    }

    .edit-alert td {
        padding-left: 20px;
    }

    .edit-alert th {
        padding-left: 20px;
        background-color: #eee;
    }

input.subbutton {
    font-weight: bold;
    color: #fff;
    padding: 3px;
    width: 75px;
    height: 24px;
    border: none;
    margin: 0;
    background: #eb8018;
    text-transform: lowercase;
}

    input.subbutton:hover {
        border: #FFF solid 1px;
        border-radius: 3px;
        cursor: pointer;
    }

input.edit {
    background: #ccc;
    color: #666;
}





/* New Alert Form and Table */
.newalert-form label {
    display: block;
    width: 75px;
    min-height: 30px;
    height: auto;
    text-align: right;
    line-height: 1.2em;
    margin-right: 15px;
    overflow: hidden;
}

.newalert-form input, .newalert-form select {
    margin: 0;
    border: 1px solid #E0E0E0;
    outline: none;
    position: relative;
    background: white;
    width: 207px;
    height: 30px;
    padding: 0 10px;
    top: 0px;
    left: 0px;
}

    .newalert-form input.button, .edit-alert input.button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        color: #ffffff;
        font-family: arial;
        font-size: 100%;
        font-weight: normal;
        padding: 5px 0px;
        margin: 0;
        text-decoration: none;
        text-shadow: 1px 1px 0px #666666;
        width: 130px;
        height: 32px;
    }

input.btn-new-alert {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    border: 1px solid #ff6600;
}

    input.btn-new-alert:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffa13d) );
        background: -moz-linear-gradient( center top, #ff8000 5%, #ffa13d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffa13d');
        background-color: #ff8000;
    }

input.btn-edit-alert, input.btn-delete-alert {
    -moz-box-shadow: inset 0px 1px 0px 0px #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dddddd;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #8b8b8b) );
    background: -moz-linear-gradient( center top, #bbbbbb 5%, #8b8b8b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#8b8b8b');
    background-color: #bbbbbb;
    border: 1px solid #9a9a9a;
    box-shadow: inset 0px 1px 0px 0px #dddddd;
}

    input.btn-edit-alert:hover, input.btn-delete-alert:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #bbbbbb) );
        background: -moz-linear-gradient( center top, #8b8b8b 5%, #bbbbbb 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#bbbbbb');
        background-color: #8b8b8b;
    }




.entry {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 15px;
}

    .entry .title {
        margin-bottom: 5px;
        color: #ff6600;
    }

    .entry .details span {
        color: #9c9c9c;
    }

    .entry .body {
    }

#ctl00_messages.erro .container {
    background-color: #ffcfcf;
    border: 1px solid #ff9797;
    color: #830000;
}

#ctl00_messages.sucesso .container {
    background-color: #c6eec7;
    border: 1px solid #48ad63;
    color: #153615;
}

#ctl00_messages .container {
    margin-top: 14px;
}

#ctl00_lblMessage {
    padding: 10px;
    display: block;
}


.table-row {
    border-bottom: solid 0.1em #EEE;
    padding: 45px;
    height: 45px;
    min-height: 45px;
}

    .table-row.editavel {
        background-color: #f8f8f8;
    }

.table-row-input {
    width: 90%;
    height: 24px;
    padding: 2px 10px;
}


.left {
    text-align: left;
}

.right {
    text-align: right;
}


input.error {
    border: 1px solid red;
}

label.error {
    color: red;
    font-weight: bold;
    margin-left: 3px;
}



div.checkbox {
    display: block;
    height: 13px;
    width: 13px;
}

    div.checkbox .box {
        position: absolute;
        display: block;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
        border: 1px solid #b2b2b2;
        font-size: 1px;
        margin: 0 4px 0 1px;
        outline: 0;
        vertical-align: text-bottom;
        height: 9px;
        width: 9px;
        background-color: rgba(255,255,255,.05);
    }

    div.checkbox[aria-checked='false'] {
        /*background: url('http://www.oaa-accessibility.org/media/examples/images/checkbox-unchecked-black.png') no-repeat .5em center;*/
    }

    div.checkbox[aria-checked='true'] {
        background: url(novo/images/icons/checkmark.png) no-repeat -5px -5px;
    }

    div.checkbox[aria-checked='mixed'] {
        background: url(novo/images/icons/checkmark-partial.png) no-repeat -4px -5px;
    }

    div.checkbox.hover {
        border: 2px solid #777;
    }

    div.checkbox.focus {
        border: 2px solid black;
    }














/* Login and Send E-mail Form and Table */
.login-form {
    padding: 0 40px;
}

    .login-form label, .send-email label {
        display: block;
        width: auto;
        min-height: 22px;
        height: auto;
        text-align: left;
        line-height: 1.2em;
        margin-right: 15px;
        overflow: hidden;
    }

.send-email label {
    min-height: 20px;
    height: auto;
}
/**/
.login-form input, .login-form select, .send-email input, .send-email select {
    margin: 0 0 10px;
    border: 1px solid #E0E0E0;
    outline: none;
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

.send-email input, .send-email select {
    margin: 0 0 8px;
    height: 28px;
}

    .login-form input.button, .send-email input.button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        color: #ffffff;
        font-family: arial;
        font-size: 100%;
        font-weight: normal;
        padding: 5px 0px;
        margin: 0 0 10px;
        text-decoration: none;
        text-shadow: 1px 1px 0px #666666;
        width: 130px;
        height: 32px;
    }

    .login-form input.button, .send-email input.button {
        margin: 0px;
    }


.login-form .message, .send-email .message {
    width: auto;
    margin-bottom: 14px;
}




.containerSumario {
    background-color: rgb(255,255,255);
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px dotted rgb(39,39,39);
    font-family: Arial,Sans-Serif;
    font-size: 12px;
}




table.resultList {
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: rgb(102, 102, 102);
}

    table.resultList.resume {
        margin: 0 0 5px 0;
        width: 100%;
        font-size: 85%;
    }

        table.resultList.resume th {
            line-height: normal;
            font-weight: bold;
            text-transform: uppercase;
            padding: 2% 5px 1% 1%;
            text-align: left;
        }

        table.resultList.resume td {
            padding: 2px 5px 2px 1%;
            color: #666;
            border: 1px solid #e7e7e7;
        }

    table.resultList.header {
        margin-bottom: 10px;
    }

    table.resultList thead tr th, table.resultList tbody tr td {
        text-align: left;
    }

        table.resultList thead tr th.center, table.resultList tbody tr td.center {
            text-align: center;
        }

        table.resultList thead tr th.info-nav {
            vertical-align: middle;
            text-align: right;
            width: 260px;
        }

            table.resultList thead tr th.info-nav a {
                text-transform: capitalize;
                padding: 5% 2%;
                margin: 1% 2px;
                font-size: 87%;
            }

        table.resultList thead tr th h5.title {
            margin-bottom: 0px;
            float: left;
            font-weight: bold;
        }

        table.resultList thead tr th h5.title, table.resultList thead tr th small {
            cursor: pointer;
        }

    table.resultList thead.title {
        border-bottom: solid 0.5em #ccc;
        background-color: #f5f5f5;
    }

.linedotted {
    margin-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #acacac;
}

.ui-effects-transfer {
    border: 1px dotted #333;
}

.divLegislacao {
    background-color: #FFF;
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px dotted rgb(39,39,39);
    font-family: Arial,Sans-Serif;
    font-size: 12px;
}


.divLegTitle h5 {
    float: left;
    font-weight: bold;
}

.divLegTitle .info-nav {
    float: right;
    text-align: right;
    padding-top: 5px;
}

.divLegislacao th.info-nav div {
    width: 25%;
    height: 20px;
    text-align: right;
}

.legFieldsTitle {
    width: 15%;
    text-align: right !important;
    padding-right: 20px;
    white-space: nowrap;
    font-weight: bold;
    vertical-align: top;
}

.legFieldsValue {
    text-align: left;
    vertical-align: top;
}

.legToggle {
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

.legTabelaRemissivas {
    margin: 0 0 5px 0;
    width: 99%;
    font-size: 85%;
}

    .legTabelaRemissivas thead {
        border-bottom: solid 0.5em #ccc;
        background-color: #f5f5f5;
    }

    .legTabelaRemissivas th {
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2% 5px 1% 1%;
        text-align: left;
    }

    .legTabelaRemissivas td {
        padding: 1% 5px 1% 1%;
        color: #666;
        border: 1px solid #e7e7e7;
    }




/*  _______________________________________

	05 SIMPLE TABLES
    _______________________________________  
*/
table.simple {
    -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);
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-bottom: 0;
}

    table.simple tr {
        background: #ffffff;
    }

        table.simple tr td, table.simple tr th {
            border-bottom: 1px solid #ebebeb;
        }

        table.simple tr th {
            font-weight: bold;
            background: #f8e9dd;
            /*text-align: left;*/
        }

        table.simple tr th, table.simple tr td {
            padding: 7px 15px 7px 15px;
        }

.simple tr th, .simple tr td {
    padding: 3px 8px 3px 8px;
}

.simple tr.even {
    background-color: #f9f9f9;
}

.simple caption {
    display: none;
}

.simple p {
    margin-bottom: 7px;
}


.addtop {
    display: block;
    padding-top: 21px;
}



li a {
    color: #666;
    text-decoration: none;
}

    li a:hover {
        text-decoration: underline;
    }

.border {
    border-bottom: #CCC dotted 1px;
    width: 100%;
}

.simple-pages ul {
    list-style: inside square;
}




/*  _______________________________________

	06 SIMPLE BUTTONS
    _______________________________________  
*/
/*.btn {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline !important;
	color:#fff !important;
	text-decoration: none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	font-size: !important;
    line-height: 20px;
	padding: 4px 12px !important;
    vertical-align: middle;
    cursor: pointer;
    zoom: 1;
	width:100%;
}*/
.btn-full {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block !important;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #666666;
    font-size: 120% !important;
    line-height: 20px;
    padding: 8px 12px !important;
    vertical-align: middle;
    cursor: pointer;
    zoom: 1;
    width: 100%;
}

.btn-medium {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block !important;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #666666;
    font-size: 120% !important;
    line-height: 20px;
    padding: 5% 3% !important;
    vertical-align: middle;
    cursor: pointer;
    zoom: 1;
    width: 100%;
}

.btn-orange {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    border: 1px solid #ff6600;
}

    .btn-orange:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffa13d) );
        background: -moz-linear-gradient( center top, #ff8000 5%, #ffa13d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffa13d');
        background-color: #ff8000;
        text-decoration: none;
    }

.btn-grey {
    -moz-box-shadow: inset 0px 1px 0px 0px #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dddddd;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #8b8b8b) );
    background: -moz-linear-gradient( center top, #bbbbbb 5%, #8b8b8b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#8b8b8b');
    background-color: #bbbbbb;
    border: 1px solid #9a9a9a;
    box-shadow: inset 0px 1px 0px 0px #dddddd;
}

    .btn-grey:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #bbbbbb) );
        background: -moz-linear-gradient( center top, #8b8b8b 5%, #bbbbbb 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#bbbbbb');
        background-color: #8b8b8b;
        text-decoration: none;
    }


input[type="text"].default, input[type="password"].default, input[type="button"].default, input[type="submit"].default, input[type="reset"].default, textarea.default, select.default {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #666;
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    margin: 0 0 7px 0;
    outline: none;
    position: relative;
    width: 100%;
    height: 22px;
    padding: 4px 0;
    vertical-align: middle;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="text"].default:disabled,
    input[type="password"].default:disabled,
    input[type="button"].default:disabled,
    input[type="submit"].default:disabled,
    input[type="reset"].default:disabled,
    textarea.default:disabled,
    select.default:disabled {
        color: #888;
        background: #f1f1f1;
        border: 1px solid #bfbfbf;
        user-select: none;
        cursor: not-allowed;
    }


input.orange {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffd391;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd391;
    box-shadow: inset 0px 1px 0px 0px #ffd391;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa13d), color-stop(1, #ff8000) );
    background: -moz-linear-gradient( center top, #ffa13d 5%, #ff8000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa13d', endColorstr='#ff8000');
    background-color: #ffa13d;
    border: 1px solid #ff6600;
}

    input.orange:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffa13d) );
        background: -moz-linear-gradient( center top, #ff8000 5%, #ffa13d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffa13d');
        background-color: #ff8000;
    }

input.grey {
    -moz-box-shadow: inset 0px 1px 0px 0px #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dddddd;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbbbb), color-stop(1, #8b8b8b) );
    background: -moz-linear-gradient( center top, #bbbbbb 5%, #8b8b8b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#8b8b8b');
    background-color: #bbbbbb;
    border: 1px solid #9a9a9a;
    box-shadow: inset 0px 1px 0px 0px #dddddd;
}

    input.grey:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8b8b8b), color-stop(1, #bbbbbb) );
        background: -moz-linear-gradient( center top, #8b8b8b 5%, #bbbbbb 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#bbbbbb');
        background-color: #8b8b8b;
    }

input.button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 100%;
    font-weight: normal;
    padding: 5px 0px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #666666;
    width: 130px;
}

    input.button:hover {
        cursor: pointer;
    }






.addbottom {
    display: block;
    padding-bottom: 21px;
}



/*  _______________________________________

	#Planos de Assinatura - pag
    _______________________________________  
*/
.banner h1, .banner h2, .banner h3 {
    font-style: italic;
    line-height: 1.15em;
    letter-spacing: -1px;
    color: #666;
}

.value {
    display: block;
    text-align: center;
}

.item, .attention h4 {
    font-size: 150%;
    font-weight: bold;
    color: #eb8018;
}

.value .item, .attention h4 {
    color: #666;
}

.pdf-doc {
    text-indent: -9000px;
    width: 16px;
    height: 16px;
    background: url(images/icons/download-file-grey.png) no-repeat;
    display: block;
}

.check {
    text-indent: -9000px;
    width: 16px;
    height: 16px;
    background: url(novo/images/check-list-icon.png) no-repeat;
    display: block;
}

.pdf-doc {
    text-indent: -9000px;
    width: 16px;
    height: 16px;
    background: url(images/icons/download-file-grey.png) no-repeat;
    display: block;
}

.check {
    text-indent: -9000px;
    width: 16px;
    height: 16px;
    background: url(images/icons/check-list-icon.png) no-repeat;
    display: block;
}

.prices .info p, .prices .info li {
    font-size: 11px;
    margin-bottom: 7px;
}

.prices .info ol {
    list-style: decimal inside;
}

.benefits ul {
    list-style: none !important;
    list-style-image: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    line-height: 26px;
}

    .benefits ul li {
        padding-left: 28px !important;
        margin: 10px 0 !important;
        list-style: none !important;
        position: relative;
    }

        .benefits ul li:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background: url(images/icons/check-list-icon.png) no-repeat top left;
            width: 18px;
            height: 18px;
        }








/*  _______________________________________

	#Comprar Créditos - pag
    _______________________________________  
*/
#buycredit .password, #buycredit .ncredcard {
    width: 75%;
}

#buycredit .doc, #buycredit .dpto, #buycredit .code {
    width: 42.5%;
}

#buycredit .ddd {
    width: 10%;
}

#buycredit .month {
    width: 15%;
}

#buycredit .telefone {
    width: 25%;
}

#buycredit .year {
    width: 20%;
}

.visa, .mastercard, .elo, .boleto {
    float: left;
    text-indent: -9000px;
    width: 45px;
    height: 30px;
    padding: 0 10px 0 0;
}

.choosen {
    float: right;
    display: block;
    padding: 0 0 5px 0;
}

.visa {
    background: url(images/icons/visa.png) no-repeat;
}

.mastercard {
    background: url(images/icons/mastercard.png) no-repeat;
}

.elo {
    background: url(images/icons/elo.png) no-repeat;
}

.boleto {
    background: url(images/icons/boleto.png) no-repeat;
}

#confirmation .item {
    font-weight: bold;
    color: #999;
}

#confirmation .status {
    font-style: italic;
    font-weight: bold;
    color: #eb8018;
}

#confirmation .msg {
    padding: 20px 0;
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: #999;
}

.required {
    font-weight: bold;
    color: red;
}

.requireDiv {
    color: red;
    font-size: 89%;
    font-weight: bold;
    padding: 0px 0px 14px 14px;
}



.form-horizontal.cadastro {
}

    .form-horizontal.cadastro .control-label {
        width: auto !important;
        padding-right: 14px;
        float: right;
    }

.resumoLogin th {
    text-align: right;
    padding-right: 4px;
    font-size: 12px;
}

.resumoLogin td {
    padding-left: 4px;
    font-size: 12px;
}



/*  _______________________________________

	#Perguntas Frequentes
    _______________________________________  
*/
.faq h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 21px;
}

.list-help {
    margin: 0 0 30px 20px;
}

    .list-help h3 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 7px;
        color: #666;
    }

    .list-help p {
        margin: 0 0 14px 15px;
    }

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 10px 0;
    zoom: 1;
}

.ui-accordion-header.ui-state-hover, .ui-accordion-header.ui-state-active {
    border: none;
    text-decoration: underline;
}



.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=99);
}

.tooltip-inner {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #000;
}

.popover {
    max-width: 650px !important;
}

#tdListaEstados a.icon {
    margin-right: 4px;
    cursor: pointer !important;
    float: left !important;
}

#tdListaEstados .label {
    float: left !important;
}

.highlights .grid_3 {
    margin-left: 0px !important;
    margin-right: 12px !important;
}

.highlights .indent p {
    display: table;
    min-height: 150px;
}

.highlight p {
    font-size: 115%;
    height: 95px;
}

div.loop {
    width: 320px;
    height: 100px;
    display: block;
    clear: both;
}

    div.loop a {
        display: block;
    }

        div.loop a img {
            position: relative;
            top: 0px;
            left: 30px;
            z-index: 1;
        }

.modal.auto-size {
    width: auto !important;
    margin-left: -150px;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    font-family: inherit !important;
}

    .modal.auto-size .modal-body {
        padding: 0px !important;
        margin: 0px !important;
        border: 0px solid transparent !important;
        font-family: inherit;
        overflow: hidden !important;
        z-index: 99999 !important;
        width: auto !important;
    }












div.resultList {
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: rgb(102, 102, 102);
}

    div.resultList.resume {
        margin: 0 0 5px 0;
        width: 100%;
        font-size: 85%;
    }

        div.resultList.resume th {
            line-height: normal;
            font-weight: bold;
            text-transform: uppercase;
            padding: 2% 5px 1% 1%;
            text-align: left;
        }

        div.resultList.resume td {
            padding: 2px 5px 2px 1%;
            color: #666;
            border: 1px solid #e7e7e7;
        }

    div.resultList.header {
        margin-bottom: 10px;
    }

    div.resultList thead tr th, div.resultList tbody tr td {
        text-align: left;
    }

        div.resultList thead tr th.center, div.resultList tbody tr td.center {
            text-align: center;
        }

        div.resultList thead tr th.info-nav {
            vertical-align: middle;
            text-align: right;
            width: 260px;
        }

            div.resultList thead tr th.info-nav a {
                text-transform: capitalize;
                padding: 5% 2%;
                margin: 1% 2px;
                font-size: 87%;
            }

        div.resultList thead tr th h5.title {
            margin-bottom: 0px;
            float: left;
            font-weight: bold;
        }

        div.resultList thead tr th h5.title, div.resultList thead tr th small {
            cursor: pointer;
        }

    div.resultList thead.title {
        border-bottom: solid 0.5em #ccc;
        background-color: #f5f5f5;
    }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*
.modal {
    text-align: center;
    padding: 0 !important;
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0 !important;
    left: 0;
    background-color: transparent !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px; 
        width: 1px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    display: inline-block;
}

.modal.fade.in {
    display: inline-table !important;
}
*/