/***
 * Created by: Mienard Lumaad
 * Date: January 10, 2012
 * Website: http://themepixels.com/
***/

@import url('plugins/jquery.ui.css');
@import url('plugins/fullcalendar.css');
@import url('plugins/jquery.wysiwyg.css');
@import url('plugins/colorbox.css');
@import url('plugins/colorpicker.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/jquery.ui.autocomplete.css');
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/BebasNeue-webfont.eot');
    src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../font/BebasNeue-webfont.woff') format('woff'), url('../font/BebasNeue-webfont.ttf') format('truetype'), url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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,
font,
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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}


/************ GENERAL STYLES ****************/


/************ used by all pages *************/

body {
    background: #fff url(../images/bgmain.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

body.login {
    background: #555 url(../images/bgmain.png);
}

body.errorpage {
    background-color: #666;
}

a {
    color: #069;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a.whitelink {
    color: #ccc;
}

a.whitelink:hover {
    color: #fff;
    text-decoration: none;
}

a img {
    border: 0;
}

input,
select,
textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

small,
.small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h1,
h2,
h3 {
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;
    font-weight: normal;
    color: #333;
}

.radius2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.radius3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.radius25 {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.radius50 {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.bebas {
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.width1 {
    width: 1px;
}

button,
input,
select,
textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.ver_todos {
    display: block;
    text-align: right;
    font-size: 12px;
    margin: 0 10px 0 10px;
}


/*********** LOGIN PAGE STYLES *************/


/*********** index.html (login page) *******/

.loginbox {
    background: #444;
    padding: 10px;
    width: 400px;
    margin: 8% auto 0 auto;
    position: relative;
}

.loginboxinner {
    background: #333;
    padding: 20px;
    position: relative;
    border: 1px solid #333;
    -moz-box-shadow: inset 0 1px 0 #444;
    -webkit-box-shadow: inset 0 1px 0 #444;
    box-shadow: inset 0 1px 0 #444;
}

.loginheader {
    height: 60px;
}

.loginform {
    margin-top: 20px;
}

.loginbox h1 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #555;
    font-weight: normal;
    padding-top: 10px;
}

.loginbox .logo {
    position: absolute;
    top: 20px;
    right: 20px;
}

.loginbox p {
    margin: 10px 0 15px 0;
}

.loginbox label {
    display: block;
    color: #ccc;
    letter-spacing: 1px;
    font-size: 18px;
}

.loginbox input {
    padding: 12px 10px;
    background: #282828 url(../images/loginputbg.png) repeat-x top left;
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 8px;
    font-size: 15px;
    border: 0;
    width: 340px;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
    outline: none;
}

.loginbox button {
    background: #999;
    padding: 10px 20px;
    font-size: 18px;
    border: 0;
    letter-spacing: 1px;
    color: #333;
    width: 360px;
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: 1px 1px 3px #222;
    cursor: pointer;
}

.loginbox button.default {
    background: #999;
    color: #333;
}

.loginbox button.hover {
    background: #ccc;
    color: #000;
}

.loginbox button:active {
    background: #111;
    color: #fff;
}

.loginerror {
    color: #990000;
    background: #fbe3e3;
    padding: 0 10px;
    overflow: hidden;
    display: none;
}

.loginerror {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.loginerror p {
    margin: 10px 0;
}


/********** HEADER STYLES **************/


/********** used by all pages **********/

.header {
    background: #333 url(../images/headbg.png) repeat-x top left;
    margin: 10px;
    position: relative;
    border: 1px solid #222;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    z-index: 1000;
}

.headerinner {
    padding: 10px;
}

.headercolumn {
    height: 33px;
    padding: 12px 10px;
    border-left: 1px solid #444;
    border-right: 1px solid #272727;
    float: left;
    position: relative;
}

.headleft {
    position: absolute;
    top: 0;
    left: 0;
}

.headleft .headercolumn {
    border-color: #2c2c2c;
    border-left: 0;
}

.headleft .headercolumn:first-child {
    margin-left: 260px;
    border-left: 1px solid #2c2c2c;
}

.headlinkwrap {
    width: 38px;
}

.headlink {
    position: absolute;
    top: 0;
    left: 0;
    padding: 19px 15px;
}

.headlink:hover {
    background: #373737;
}

.searchbox {
    display: inline-block;
}

.searchbox input {
    border: 0;
    padding: 9px 8px;
    font-size: 13px;
    background: #222;
    color: #999;
    width: 200px;
    font-style: italic;
}

.searchbox input {
    -moz-box-shadow: inset 1px 1px 5px #171717;
}

.searchbox input:focus {
    font-style: normal;
}

.headright {
    position: absolute;
    top: 0;
    right: 0;
}

.headright img {
    vertical-align: middle;
}

.headright .noalert {
    display: inline-block;
    padding: 8px 10px 9px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
}

.headright .noalert:hover {
    text-decoration: none;
}

.headright .notialert {
    display: inline-block;
    padding: 8px 10px 9px 10px;
    background: #cc0000;
    color: #fff;
    font-weight: bold;
}

.headright .notialert:hover {
    text-decoration: none;
}

.headright .userinfo {
    display: inline-block;
    border: 1px solid #272727;
    padding: 3px 25px 3px 3px;
    color: #ccc;
    vertical-align: top;
    background: #373737 url(../images/menudroparrow.png) no-repeat right -31px;
    position: relative;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
}

.headright .userinfo:hover {
    text-decoration: none;
    background-color: #3c3c3c;
}

.headright .userinfo span {
    display: inline-block;
    padding: 0 10px;
}

.headright .userinfodrop {
    background: #fff url(../images/arrow2.png) no-repeat right -87px;
    color: #333;
    z-index: 20;
    border: 1px solid #fff;
    height: 29px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.headright .userinfodrop:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.headright .headercolumn:last-child {
    border-right: 0;
}

.headright .headercolumn:first-child {
    border-left: 0;
}

.userdrop {
    background: #fff;
    position: absolute;
    top: 45px;
    right: 10px;
    display: none;
    overflow: hidden;
    z-index: 10;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
}

.userdrop ul {
    list-style: none;
    margin: 5px 0;
}

.userdrop ul li {
    display: block;
    padding: 1px;
}

.userdrop ul li a {
    display: block;
    padding: 8px;
    color: #666;
}

.userdrop ul li a:hover {
    background: #eee;
    text-decoration: none;
}


/*USER INFO 2*/

.headright .userinfo_dois {
    display: inline-block;
    border: 1px solid #272727;
    padding: 3px 25px 3px 3px;
    color: #ccc;
    vertical-align: top;
    background: #373737 url(../images/menudroparrow.png) no-repeat right -31px;
    position: relative;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
}

.headright .userinfo_dois:hover {
    text-decoration: none;
    background-color: #3c3c3c;
}

.headright .userinfo_dois span {
    display: inline-block;
    padding: 0 10px;
}

.headright .userinfodrop_dois {
    background: #fff url(../images/arrow2.png) no-repeat right -87px;
    color: #333;
    z-index: 20;
    border: 1px solid #fff;
    height: 29px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.headright .userinfodrop_dois:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.headright .headercolumn:last-child {
    border-right: 0;
}

.headright .headercolumn:first-child {
    border-left: 0;
}

.userdrop_dois {
    background: #fff;
    position: absolute;
    top: 45px;
    right: 10px;
    display: none;
    overflow: hidden;
    z-index: 10;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
}

.userdrop_dois ul {
    list-style: none;
    margin: 5px 0;
}

.userdrop_dois ul li {
    display: block;
}

.userdrop_dois ul li a {
    display: block;
    padding: 8px;
    color: #FFF;
}

.userdrop_dois ul li a:hover {
    background: #eee;
    text-decoration: none;
    color: #000;
}


/*USER INFO 2*/


/*USER INFO Antiga*/

.headright .userinfo_antiga {
    display: inline-block;
    border: 1px solid #272727;
    padding: 3px 25px 3px 3px;
    color: #ccc;
    vertical-align: top;
    background: #373737 url(../images/menudroparrow.png) no-repeat right -31px;
    position: relative;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
}

.headright .userinfo_antiga:hover {
    text-decoration: none;
    background-color: #3c3c3c;
}

.headright .userinfo_antiga span {
    display: inline-block;
    padding: 0 10px;
}

.headright .userinfodrop_antiga {
    background: #fff url(../images/arrow2.png) no-repeat right -87px;
    color: #333;
    z-index: 20;
    border: 1px solid #fff;
    height: 29px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.headright .userinfodrop_antiga:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.headright .headercolumn:last-child {
    border-right: 0;
}

.headright .headercolumn:first-child {
    border-left: 0;
}

.userdrop_antiga {
    background: #fff;
    position: absolute;
    top: 45px;
    right: 10px;
    display: none;
    overflow: hidden;
    z-index: 10;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
}

.userdrop_antiga ul {
    list-style: none;
    margin: 5px 0;
}

.userdrop_antiga ul li {
    display: block;
}

.userdrop_antiga ul li a {
    display: block;
    padding: 8px;
    color: #FFF;
}

.userdrop_antiga ul li a:hover {
    background: #eee;
    text-decoration: none;
    color: #000;
}


/*USER INFO Antiga*/

.headerinner2 {
    border-top: 1px solid #444;
    height: 57px;
    position: relative;
}

.userinfomenu {
    position: absolute;
    top: 0;
    right: 0;
}

.userinfomenu img {
    vertical-align: middle;
}

.userinfomenu .userinfo {
    display: inline-block;
    border: 1px solid #272727;
    padding: 3px 25px 3px 3px;
    color: #ccc;
    vertical-align: top;
    background: #373737 url(../images/menudroparrow.png) no-repeat right -31px;
    position: relative;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
}

.userinfomenu .userinfo:hover {
    text-decoration: none;
    background-color: #3c3c3c;
}

.userinfomenu .userinfo span {
    display: inline-block;
    padding: 0 10px;
}

.userinfomenu .userinfodrop {
    background: #fff url(../images/arrow2.png) no-repeat right -87px;
    color: #333;
    z-index: 20;
    border: 1px solid #fff;
    height: 29px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.userinfomenu .userinfodrop:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #fff;
}

.headright .notiactive {
    background: #fff;
    color: #333;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    position: relative;
    z-index: 20;
    height: 18px;
}

.notiwrapper {
    position: relative;
    display: inline-block;
    min-height: 50px;
}

.notibox {
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 32px;
    width: 300px;
    line-height: 21px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
    border: 1px solid #eee;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    display: none;
}

.notibox .loader {
    font-style: italic;
    color: #666;
    display: none;
    padding: 5px 0;
    font-size: 11px;
}

.noticontent {
    margin: 5px 0;
}

.tabmenu {
    list-style: none;
}

.tabmenu li {
    display: inline-block;
    float: left;
    width: 50%;
    border-bottom: 1px solid #ddd;
}

.tabmenu li a {
    display: block;
    font-weight: bold;
    color: #666;
    text-align: center;
}

.tabmenu li a:hover {
    text-decoration: none;
    color: #333;
}

.tabmenu li.current a {
    background: #ddd;
    color: #333;
}


/********** MESSAGE LIST **********/


/********** ajax/messages.php *****/

.msglist {
    list-style: none;
    font-size: 11px;
    line-height: 16px;
}

.msglist li {
    display: block;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px solid #ddd;
    border-top: 0;
}

.msglist li:first-child {
    border-top: 1px solid #ddd;
}

.msglist li.message {
    background-image: url(../images/icons/default/mail.png);
}

.msglist li.user {
    background-image: url(../images/icons/default/users.png);
}

.msglist li.call {
    background-image: url(../images/icons/default/call.png);
}

.msglist li.calendar {
    background-image: url(../images/icons/default/calendar.png);
}

.msglist li.settings {
    background-image: url(../images/icons/default/settings.png);
}

.msglist li.new {
    background-color: #fffccc;
}

.msglist li.old {
    background-color: #fff;
}

.msglist li .msg {
    margin-left: 35px;
    background: none;
    padding: 6px 8px;
    border-left: 1px solid #ddd;
}

.msglist li.new .msg {
    background: none;
}

.msglist li a.subject {
    margin: 2px 0;
    color: #333;
    font-weight: bold;
    display: block;
}

.msglist li a.subject:hover {
    text-decoration: none;
    color: #666;
}

.msgmore a {
    display: block;
    text-align: center;
    color: #666;
    background: #ccc;
    padding: 5px 0;
    margin-top: 5px;
    font-size: 11px;
    font-weight: bold;
}

.msgmore a:hover {
    text-decoration: none;
    background: #bbb;
    color: #333;
}


/************ COLUMNS ***************/


/************ used by all pages *****/

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 65.83%;
}

.one_fourth {
    width: 22.5%;
}

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}

.four_fifth {
    width: 67.7%;
}

.one_sixth {
    width: 13.83%;
}

.five_sixth {
    width: 83.17%;
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    position: relative;
    margin-right: 3%;
    float: left;
}

.last {
    margin-right: 0 !important;
    clear: right;
}


/********** MAIN CONTENT STYLES **********/


/********** used by all pages ************/

.mainwrapper {
    margin: 10px;
    position: relative;
}


/********** LEFT PANEL *******************/


/********** used by all pages ************/

.mainleft {
    width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 20px;
}

.leftmenu {
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

.leftmenu ul {
    list-style: none;
}

.leftmenu ul li {
    display: block;
    position: relative;
}

.leftmenu ul li a {
    border: 1px solid #ddd;
    border-top: 0;
    display: block;
    background: #fcfcfc url(../images/icons/default/sprites.png);
    color: #666;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 8px center;
    font-weight: bold;
}

.leftmenu ul li a:hover {
    color: #333;
    text-decoration: none;
    background-color: #eee;
}

.leftmenu ul li:first-child a {
    border-top: 1px solid #ddd;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.leftmenu ul li:last-child a {
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.leftmenu ul li a span {
    display: block;
    padding: 6px 8px;
    border-left: 1px solid #eee;
    background: #fff;
}

.leftmenu ul li a:hover span {
    border-left: 1px solid #ddd;
    background: #f7f7f7;
}

.leftmenu ul li.current a {
    color: #fff;
    border: 1px solid #222;
}

.leftmenu>ul>li.current>a {
    background-color: #222;
}

.leftmenu ul li.current a span {
    border-left: 1px solid #444;
    background: #333;
}

.leftmenu ul li a.menudrop:hover span {
    background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0;
}

.leftmenu ul li.current a.menudrop:hover span {
    background: #333 url(../images/menudroparrow.png) no-repeat right -31px;
}

.leftmenu ul li a.active {
    background-color: #eee;
}

.leftmenu ul li a.active span {
    background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0;
    border-left: 1px solid #ddd;
}

.leftmenu ul li.current a.active {
    background-color: #222;
}

.leftmenu ul li.current a.active span {
    background: #333 url(../images/menudroparrow.png) no-repeat right -31px;
    border-left: 1px solid #444;
}

.leftmenu ul li a em {
    font-style: normal;
}

.leftmenu ul li a.dashboard {
    background-position: -118px -11px;
}

.leftmenu ul li a.widgets {
    background-position: -190px -443px;
}

.leftmenu ul li a.tables {
    background-position: -82px -480px;
}

.leftmenu ul li a.elements {
    background-position: -10px -443px;
}

.leftmenu ul li a.charts {
    background-position: -119px -480px;
}

.leftmenu ul li a.media {
    background-position: -45px -409px;
}

.leftmenu ul li a.form {
    background-position: -154px -262px;
}

.leftmenu ul li a.message2 {
    background-position: -190px -299px;
}

.leftmenu ul li a.editor {
    background-position: -154px -262px;
}

.leftmenu ul li a.grid {
    background-position: -190px -443px;
}

.leftmenu ul li a.calendar {
    background-position: -82px -155px;
}

.leftmenu ul li a.buttons {
    background-position: -47px -443px;
}

.leftmenu ul li a.chat {
    background-position: -119px -299px;
}

.leftmenu ul li a.contacts {
    background-position: -82px -227px;
}

.leftmenu ul li a.users {
    background-position: -82px -191px;
}

.leftmenu ul li a.error {
    background-position: -119px -119px;
}

.leftmenu ul li a.finance {
    background-position: -154px -154px;
}

.leftmenu ul li .menutip {
    position: absolute;
    z-index: 100;
    left: 38px;
    top: 0;
    display: none;
    margin-left: 0;
    overflow: hidden;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.leftmenu ul li .menutip ul {
    width: 200px;
}

.leftmenu ul li .menutip span.subtitle {
    font-weight: bold;
    background: url(../images/blacktrans.png);
    color: #fff;
    padding: 9px 10px;
    display: block;
}

.leftmenu ul li .menutip ul {
    margin: 0;
}

.leftmenu ul li .menutip ul li {
    display: block;
}

.leftmenu ul li .menutip ul li a {
    color: #333;
    width: auto;
}

.leftmenu ul li .menutip ul li a span {
    display: block;
    background: #fff;
}

.leftmenu ul li ul {
    margin: 0 0 10px 36px;
    display: none;
}

.leftmenu ul li ul li:first-child a {
    border-top: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.leftmenu ul li ul li:last-child a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.leftmenu ul li ul li a {
    padding-left: 0;
    background: #f7f7f7;
}

.leftmenu ul li ul li a span {
    border-left: 0;
}

.leftmenu ul li ul li a:hover span {
    border-left: 0;
    background: #eee;
}

.leftmenu ul li.current ul {
    display: block;
}

.leftmenu ul li.current ul li a {
    border-top: 0;
    border-bottom: 1px solid #272727;
}

.leftmenu ul li.current ul li a span {
    border-left: 0;
}

.leftmenu ul li.current ul li a:hover span {
    background: #2e2e2e;
}

.leftmenu ul li.current .menutip span.subtitle {
    padding-bottom: 10px;
    border: 0;
}

.leftmenu ul li.current .menutip ul li {
    border: 0;
}

.leftmenu ul li.current .menutip ul li a {
    border-color: #ddd;
}

.leftmenu ul li.current .menutip ul li a span {
    border: 0;
}

.leftmenu ul li.current .menutip ul li a:hover span {
    background: #f7f7f7;
}


/**************** COLLAPSED LEFT PANEL ******************/


/**************** used by all pages *********************/

.lefticon .mainleft {
    width: 34px;
}

.lefticon .leftmenu {
    overflow: none;
}

.lefticon .leftmenu ul li {
    min-width: 40px;
}

.lefticon .leftmenu ul li a {
    width: 2px;
    height: 32px;
}

.lefticon .leftmenu ul li a span {
    display: none;
}

.lefticon .maincontent {
    margin-left: 45px;
}

#togglemenuleft {
    border-top: 1px solid #eee;
    margin-top: 20px;
    text-align: center;
}

#togglemenuleft a {
    display: inline-block;
    position: relative;
    top: -13px;
    width: 22px;
    height: 22px;
    background: url(../images/toggle.png) no-repeat 0 0;
    cursor: pointer;
}

#togglemenuleft a.toggle {
    background: url(../images/toggle.png) no-repeat 0 -25px;
    text-align: left;
}


/***************** MAIN CONTENT STYLES ***************/


/*****************************************************/

.maincontent {
    margin: 0 310px 0 260px;
}

.maincontent.painel {
    margin-right: 0;
}

.maincontentinner {}


/***************** MAIN TAB MENU *********************/


/*****************************************************/

.maintabmenu {
    list-style: none;
    margin: 0;
    line-height: 21px;
    position: relative;
    z-index: 5;
}

.maintabmenu li {
    display: inline-block;
}

.maintabmenu li a {
    padding: 8px 20px 4px 20px;
    color: #999;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #ddd;
    letter-spacing: 0.8px;
    display: block;
    background: #eee url(../images/titlebg.png) repeat-x top left;
    text-shadow: 1px 1px #f7f7f7;
}

.maintabmenu li a:hover {
    text-decoration: none;
    color: #666;
    background: #ddd;
    border-color: #ccc;
    text-shadow: 1px 1px #e7e7e7;
}

.maintabmenu li.current a {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    color: #333;
}

.maintabmenu li.current a:hover {
    text-shadow: none;
}

.content {
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: -1px;
    line-height: 21px;
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

.contenttitle {
    background: #222;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.contenttitle h2 {
    font-size: 18px;
    letter-spacing: 0.8px;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 0 0 0 10px;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}

.contenttitle h2 a {
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0px;
    left: 2px;
    background-image: url(../images/icons/default/sprites.png);
}

.contenttitle h2 span {
    display: block;
    padding: 6px 0 6px 10px;
    margin-left: 25px;
    border-left: 1px solid #444;
    background: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px #222;
}

.contenttitle h2.inbox {
    background-position: -82px -335px;
}

.contenttitle h2.table {
    background-position: -82px -480px;
}

.contenttitle h2.form {
    background-position: -154px -262px;
}

.contenttitle h2.chart {
    background-position: -10px -227px;
}

.contenttitle h2.image {
    background-position: -10px -408px;
}

.contenttitle h2.button {
    background-position: -47px -443px;
}


/****************** LIST OF WIDGETS STYLE *******************/


/****************** dashboard.html **************************/

.widgetlist {
    list-style: none;
}

.widgetlist li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.widgetlist li a {
    display: inline-block;
    padding: 85px 20px 20px 20px;
    background-repeat: no-repeat;
    background-position: center 20px;
    color: #eee;
    font-weight: bold;
    background-color: #bbb;
    width: 80px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

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

.widgetlist li a.default {
    background-color: #bbb;
}

.widgetlist li a.hover {
    background-color: #666;
}

.widgetlist li a.events {
    background-image: url(../images/icons/default/events.png);
}

.widgetlist li a.message {
    background-image: url(../images/icons/default/message.png);
}

.widgetlist li a.micro {
    background-image: url(../images/icons/default/micro.png);
}

.widgetlist li a.producao {
    background-image: url(../images/icons/default/producao.png);
}

.widgetlist li a.pits {
    background-image: url(../images/icons/default/pits.png);
}

.widgetlist li a.midia {
    background-image: url(../images/icons/default/image.png);
}


/*************** STANDARD TABLES **************/


/*************** tables.html ******************/

.stdtable {
    width: 100%;
}

.stdtable .con0 {
    background: #fcfcfc;
}

.stdtable .con1 {
    background: #f9f9f9;
}

.stdtable th,
.stdtable td {
    line-height: 16px;
    vertical-align: middle;
}

.stdtable thead th,
.stdtable thead td {
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.stdtable tfoot th,
.stdtable tfoot td {
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.stdtable thead th:first-child,
.stdtable tfoot th:first-child,
.stdtable thead td:first-child,
.stdtable tfoot td:first-child {
    border-left: 1px solid #ddd;
}

.stdtable thead th.head0,
.stdtable tfoot th.head0,
.stdtable thead td.head0,
.stdtable tfoot td.head0 {
    background-color: #eee;
}

.stdtable thead th.head1,
.stdtable tfoot th.head1,
.stdtable thead td.head1,
.stdtable tfoot td.head1 {
    background-color: #ddd;
}

.stdtable thead th.sorting,
.stdtable thead td.sorting {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: right 3px;
}

.stdtable thead th.sorting_asc,
.stdtable thead td.sorting_asc {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: right 4px;
}

.stdtable thead th.sorting_desc,
.stdtable thead td.sorting_desc {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: right 4px;
}

.stdtable thead td {
    font-weight: bold;
}

.stdtable thead td.center {
    text-align: center;
}

.stdtable tbody tr td {
    padding: 6px 8px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.stdtable tbody tr:last-child td {
    border-bottom: 1px solid #ccc;
}

.stdtable tbody tr td:first-child {
    border-left: 1px solid #ddd;
}

.stdtable tbody tr td:last-child {
    border-right: 1px solid #ddd;
}

.stdtable tbody tr:hover td,
.stdtable tbody tr.selected td {
    background: #fffccc;
    color: #333;
}

.stdtable tbody tr.togglerow td {
    background: #fff;
}

.stdtable tbody tr.togglerow:hover td {
    background: #fff;
}

.stdtable tbody tr.hiderow {
    display: none;
}

.tableoptions {
    background: #eee url(../images/titlebg.png) repeat-x top left;
    border: 1px solid #ccc;
    padding: 8px;
}

.tableoptions button {
    background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
    font-size: 11px;
    color: #666;
    padding: 7px 10px;
    border: 1px solid #bbb;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    margin: 0;
    outline: none;
}

.tableoptions button:hover {
    background: #eee;
    cursor: pointer;
}

.tableoptions select {
    background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
    padding: 6px 5px 7px 5px;
    border: 1px solid #bbb;
    margin: 0;
    outline: none;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    font-size: 11px;
    color: #666;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_length,
.dataTables_paginate {
    background: #eee url(../images/titlebg.png) repeat-x top left;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 8px;
}

.dataTables_wrapper select {
    background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
    padding: 5px;
    border: 1px solid #bbb;
    margin: 0;
    outline: none;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    font-size: 11px;
    color: #666;
}

.dataTables_wrapper input {
    border: 1px solid #ccc;
    padding: 6px 5px 7px 5px;
    width: 200px;
}

.dataTables_filter {
    position: absolute;
    top: 8px;
    right: 8px;
}

.dataTables_info {
    position: absolute;
    bottom: 13px;
    left: 8px;
}

.dataTables_paginate {
    text-align: right;
    line-height: 16px;
}

.dataTables_paginate span {
    display: inline-block;
}

.dataTables_paginate .paginate_button {
    border: 1px solid #ccc;
    padding: 5px 7px;
    margin-left: 5px;
    font-weight: bold;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
}

.dataTables_paginate .paginate_active {
    border: 1px solid #222;
    background: #333;
    color: #fff;
    padding: 5px 7px;
    margin-left: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
}

.dataTables_paginate .paginate_button:hover {
    background: #ddd;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #333;
}


/************ CALENDAR STYLES *****************/


/************ calendar.html ******************/

#external-events p {
    font-size: 11px;
}

.external-event {
    background: #c3e1ff;
    color: #333;
    padding: 5px 10px;
    margin-bottom: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: move;
}

.fc-header-left span.fc-state-active {
    background: #444;
    color: #fff;
    border: 1px solid #333;
    -moz-box-shadow: inset 1px 1px 1px #333;
    -webkit-box-shadow: insest 1px 1px 1px #333;
}

.fc-header-title {
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.fc-header-title h2 {
    font-size: 24px;
}

.fc-button-prev:hover,
.fc-button-next:hover {
    color: #fff;
    background: #444;
    border-color: #333;
}

.fc-button-today:hover {
    background: #444;
    border-color: #333;
    color: #fff;
}


/************** STANDARD FORM *******************/


/************** forms.html, wizard.html *********/

.stdform p,
.stdform div.par {
    margin: 15px 0;
}

.stdform div.par {
    overflow: hidden;
}

.stdform span.field,
.stdform div.field {
    margin-left: 220px;
    display: block;
    position: relative;
}

.stdform .formwrapper {
    display: block;
    padding-top: 5px;
    margin-left: 220px;
    line-height: 25px;
}

.stdform label {
    float: left;
    width: 200px;
    text-align: right;
    padding: 5px 20px 0 0;
}

.stdform label.error {
    float: none;
    color: #ff6600;
    font-size: 11px;
    display: block;
    text-align: left;
    font-weight: bold;
}

.stdform input {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    width: 300px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.stdform input:focus {
    background: #fff;
    -moz-box-shadow: inset 1px 1px 2px #eee;
    -webkit-box-shadow: inset 1px 1px 2px #eee;
    box-shadow: inset 1px 1px 2px #eee;
}

.stdform .smallinput {
    width: 40%;
}

.stdform .mediuminput {
    width: 60%;
}

.stdform .mediuminput_obrigatorio {
    width: 60%;
    border: 1px solid #993300;
}

.stdform .longinput {
    width: 80%;
}

.stdform input.error {
    border: 1px solid #ff6600;
}

.stdform input[type=radio],
.stdform input[type=checkbox] {
    width: auto;
    margin: 0px 0 0 0;
    vertical-align: middle;
}

.stdform input[type=submit] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #eee;
    background: #333;
    border: 0;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.stdform input[type=reset] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #666;
    border: 1px solid #ccc;
    background: #eee;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 5px;
}

.stdform input[type=submit]:hover {
    background: #ffdd00;
    color: #333;
}

.stdform input[type=reset]:hover {
    background: #ddd;
    cursor: pointer;
    color: #333;
}

.stdform textarea {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.stdform textarea.error {
    border: 1px solid #ff6600;
}

.stdform select {
    border: 1px solid #ccc;
    padding: 7px 5px;
    min-width: 311px;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.stdform select.error {
    border: 1px solid #ff6600;
}

.stdform textarea:focus,
.stdform select:focus {
    background: #fff;
    -moz-box-shadow: inset 1px 1px 2px #eee;
    -webkit-box-shadow: inset 1px 1px 2px #eee;
    box-shadow: inset 1px 1px 2px #eee;
}

.stdform button {
    border: 1px solid #333;
    background: #333;
    color: #fff;
    cursor: pointer;
    padding: 7px 10px;
    font-weight: bold;
}

.stdform button:hover {
    background: #111;
    border: 1px solid #000;
    color: #fff;
}

.stdform button.cancel {
    background: #eee;
    color: #666;
    border: 1px solid #ddd;
}

.stdform button.cancel:hover {
    background: #ddd;
    border: 1px solid #ccc;
}

.stdform small.desc {
    font-size: 11px;
    color: #999;
    font-style: italic;
    display: block;
    margin: 5px 0 0 220px;
}

.stdform .stdformbutton {
    margin-left: 220px;
}

.stdform .stdformbutton2 {
    margin-left: 220px;
    margin-right: 486px;
    margin-top: 60px;
}

.stdform .thumb_edit_form {
    width: 130px;
    height: auto;
    margin-right: 15px;
    float: left;
}


/*** ANOTHER FORM STYLE ***/

.stdform2 p,
.stdform2 div.par {
    border: 1px solid #ddd;
    background: #fcfcfc;
    margin: 0;
    border-top: 0;
}

.stdform2 div.terms {
    border: 0;
    background: none;
}

.stdform2 p:first-child,
.stdform2 div.par:first-child {
    border-top: 1px solid #ddd;
}

.stdform div.par {
    overflow: hidden;
}

.stdform2 label {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

.stdform2 label.error {
    margin-left: 0;
    padding: 0;
}

.stdform2 label small {
    font-size: 11px;
    color: #999;
    display: block;
    font-weight: normal;
    line-height: 16px;
}

.stdform2 span.field,
.stdform2 div.field {
    margin-left: 220px;
    display: block;
    background: #fff;
    padding: 20px;
    border-left: 1px solid #ddd;
}

.stdform2 .stdformbutton {
    margin-left: 0;
    padding: 20px;
    background: #fff;
}


/*** DUAL BOX ***/

.dualselect {
    margin-left: 220px;
    display: block;
}

.dualselect select {
    height: 200px;
    width: 40%;
}

.dualselect .ds_arrow {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    margin: 0 10px;
}

.dualselect .ds_arrow .ds_prev,
.dualselect .ds_arrow .ds_next {
    display: block;
    padding: 5px 10px 7px 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #eee url(../images/titlebg.png) repeat-x top left;
}

.dualselect .ds_arrow .ds_prev:hover,
.dualselect .ds_arrow .ds_next:hover {
    background: #444;
    color: #fff;
    border-color: #333;
    cursor: pointer;
}

.selectlist {
    border: 1px solid #ccc;
    padding: 7px 5px;
    min-width: 150px;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.buttonlista {
    float: right;
    border: 1px solid #333;
    background: #333;
    color: #fff;
    cursor: pointer;
    padding: 7px 10px;
    font-weight: bold;
}

.buttonlista:hover {
    background: #111;
    border: 1px solid #000;
    color: #fff;
}


/*** QUICK FORM ***/

.quickform {
    margin: 10px;
}

.quickform p {
    margin: 10px 0;
}

.quickform p .radio {
    display: block;
    float: left;
    margin: 8px 3px 0 0;
    border: 0;
    box-shadow: none;
}

.quickform p span {
    display: block;
    float: left;
    margin: 5px 20px 0 0;
}

.quickform label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
    width: 100px;
}

.quickform .smallinput {
    width: 60px;
}

.quickform .action {
    margin-left: 120px;
}


/************** RIGHT PANEL STYLES *****************/


/**************	used by some pages *****************/

.mainright {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.mainrightinner {
    margin-bottom: 20px;
}


/************** WIDGET BOX *************************/


/************** widget.html, dashboard.html ********/

.widgetbox {
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

.widgetbox .title {
    background: #222;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.widgetbox .title h2 {
    font-size: 18px;
    letter-spacing: 0.8px;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
    color: #fff;
    background-image: url(../images/icons/default/sprites.png);
}

.widgetbox .title h2 span {
    display: block;
    padding: 6px 0 6px 10px;
    margin-left: 25px;
    border-left: 1px solid #444;
    background: #333;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
    text-shadow: 1px 1px #222;
}

.widgetbox .widgetcontent {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px;
    line-height: 21px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    word-wrap: break-word;
}

.widgetcontent ul.linklist {
    list-style: none;
}

.widgetcontent ul.linklist li {
    border-bottom: 1px dotted #ddd;
    padding: 1px 0;
}

.widgetcontent ul.linklist li a {
    display: block;
    padding: 2px 5px;
    color: #666;
}

.widgetcontent ul.linklist li a:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.widgetbox .titlehover h2 span {
    background: #333 url(../images/icons/arrow.png) no-repeat right;
}

.widgetbox .widgettoggle {
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.widgetbox .title h2.chart {
    background-position: -10px -227px;
}

.widgetbox .title h2.calendar {
    background-position: -82px -155px;
}

.widgetbox .title h2.tabbed {
    background-position: -190px -443px;
}

.widgetbox .title h2.general {
    background-position: -154px -443px;
}

.widgetbox .title h2.chat {
    background-position: -82px -299px;
}

.widgetbox .listthumb {
    list-style: none;
    margin: 0;
}

.widgetbox .listthumb li {
    padding: 0;
    margin: 8px 0;
}

.widgetbox .listthumb img {
    vertical-align: middle;
}

.widgetbox .thumb {
    list-style: none;
    margin: 0;
}

.widgetbox .thumb li {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}

.widgetbox .widgetoptions {
    padding: 5px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #f7f7f7;
    position: relative;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.widgetbox .widgetoptions a {
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: bold;
    font-size: 11px;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7 url(../images/titlebg.png) repeat-x top left;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.widgetbox .widgetoptions a:hover {
    text-decoration: none;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    border: 1px solid #bbb;
}

.widgetbox .widgetoptions .right {
    float: right;
}


/******************* WIDGET BOX ********************/


/******************* dashboard.html ****************/

.analytics2 {
    padding: 5px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
}

.analytics small {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #069;
}

.analytics h1 {
    font-size: 24px;
    color: #333;
    margin: 2px 0;
}

.analytics h2 {
    font-size: 18px;
    color: #333;
    text-align: center;
}

.analytics h3 {
    font-size: 16px;
    color: #333;
}


/************** WYSIWYG EDITOR ******************/


/************** editor.html *********************/

.wysiwyg-dialog-content input.submit,
.ui-dialog .wysiwyg input.submit {
    background: #333;
    color: #ccc;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #333;
}

.wysiwyg-dialog-content input.submit:hover,
.ui-dialog .wysiwyg input.submit:hover {
    background: #ffdd00;
    border: 1px solid #ff9900;
    color: #333;
}

.wysiwyg-dialog-content input.reset,
.ui-dialog .wysiwyg input.reset {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    background: #f7f7f7;
}

.wysiwyg-dialog-content input.reset:hover,
.ui-dialog .wysiwyg input.reset:hover {
    background: #eee;
}


/*************** NOTIFICATION MESSAGE STYLES ******************/


/*************** media.html ***********************************/

.notifyMessage {
    padding: 7px 10px;
    font-weight: bold;
    margin: 10px 0;
    display: none;
}

.notifySuccess {
    border: 1px solid #C1D779;
    background: #EFFEB9;
    display: block;
}

.notifyError {
    border: 1px solid #E18B7C;
    background: #FAD5CF;
    display: block;
}


/************** WIZARD STYLES ************************/


/************** wizard.html **************************/

.wizard .hormenu {
    list-style: none;
}

.wizard .hormenu li {
    float: left;
    width: 33%;
}

.wizard .hormenu li a {
    display: block;
}

.wizard .hormenu li a:hover {
    text-decoration: none;
}

.wizard .hormenu li a span.h2 {
    font-size: 24px;
    color: #999;
    text-align: center;
    display: block;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.wizard .hormenu li a span.dot {
    display: block;
    height: 20px;
    margin-top: 5px;
    text-align: center;
    background: url(../images/stepline.png) repeat-x center left;
}

.wizard .hormenu li span.label {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #999;
}

.wizard .hormenu li a span.dot span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/steps.png) no-repeat 0 -40px;
}

.wizard .hormenu li:first-child a span.dot {
    margin-left: 45%;
    text-align: left;
}

.wizard .hormenu li:last-child a span.dot {
    margin-right: 45%;
    text-align: right;
}

.wizard .hormenu li a.done span.h2,
.wizard .hormenu li a.done span.label {
    color: #333;
}

.wizard .hormenu li a.done span.dot span {
    background-position: 0 -20px;
}

.wizard .hormenu li:first-child a.done span.dot span {
    background-position: 0 0;
}

.wizard .hormenu li a.selected span.dot span {
    background-position: 0 -120px;
}

.wizard .hormenu li:first-child a.selected span.dot span {
    background-position: 0 -100px;
}

.wizard .hormenu li a.selected span.h2,
.wizard .hormenu li a.selected span.label {
    color: #333;
}


/**************** TABBED WIZARD *******************/


/**************** wizard.html *********************/

.wizard .tabbedmenu {
    list-style: none;
    background: #f7f7f7;
    padding: 10px;
    padding-bottom: 0;
    border: 1px solid #ddd;
}

.wizard .tabbedmenu li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
}

.wizard .tabbedmenu li a {
    display: block;
    padding: 10px 20px;
    color: #999;
    border: 1px solid #ddd;
    background: #eee;
}

.wizard .tabbedmenu li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.wizard .tabbedmenu li a span {
    font-weight: bold;
}

.wizard .tabbedmenu li a span.h2 {
    color: #999;
    display: block;
    font-size: 24px;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.wizard .tabbedmenu li a:hover {
    text-decoration: none;
}

.wizard .tabbedmenu li a.selected,
.wizard .tabbedmenu li a.done {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
}

.wizard .tabbedmenu li a.selected span.h2,
.wizard .tabbedmenu li a.selected span {
    color: #333;
}

.wizard .tabbedmenu li a.done span.h2,
.wizard .tabbedmenu li a.done span {
    color: #333;
}

.stepContainer .content {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

.stepContainer .content p {
    border: 1px solid #ddd;
    border-bottom: 0;
}

.stepContainer .content p:last-child {
    border-bottom: 1px solid #ddd;
}

.stepContainer .par p {
    margin: 10px 0;
    padding: 0;
    border: 0;
    background: none;
}

.stepContainer .par p:last-child {
    border-bottom: 0;
}

.actionBar {
    padding: 10px 0;
    position: relative;
    overflow: none;
    clear: both;
}

.actionBar .loader {
    float: left;
    display: none;
}

.actionBar a {
    float: right;
    display: inline-block;
    padding: 5px 15px;
    background: #333;
    color: #eee;
    margin-left: 5px;
    font-weight: bold;
    text-shadow: 1px 1px #111;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.actionBar a:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
    text-shadow: none;
}

.actionBar a.buttonDisabled {
    background: #ccc;
    color: #666;
    text-shadow: 1px 1px #ddd;
}

.actionBar a.buttonDisabled:hover {
    background: #ccc;
    color: #666;
    text-shadow: 1px 1px #ddd;
    cursor: default;
}

.actionBar .msgBox {
    margin: 40px 0 10px 0;
    position: relative;
}

.actionBar .msgBox .content {
    padding: 7px 10px;
    background: #fffccc;
    color: #333;
    border: 1px solid #FEEA7A;
}

.actionBar .msgBox .close {
    padding: 0 2px 2px 2px;
    background: none;
    line-height: 10px;
    text-transform: lowercase;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 7px;
    color: #333;
    text-shadow: none;
    font-weight: bold;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.actionBar .msgBox .close:hover {
    background: #333;
    color: #eee;
}


/*************** VERTICAL WIZARD *********************/


/*************** wizard.html *************************/

.verwizard .verticalmenu {
    list-style: none;
    float: left;
    width: 180px;
}

.verwizard .verticalmenu li {
    margin-bottom: 2px;
}

.verwizard .verticalmenu a {
    display: block;
    padding: 5px;
    color: #999;
}

.verwizard .verticalmenu a:hover {
    text-decoration: none;
}

.verwizard .verticalmenu a.selected {
    background: #333;
    color: #fff;
}

.verwizard .verticalmenu a.done {
    background: #333;
    color: #aaa;
}

.verwizard .verticalmenu a span {
    font-weight: bold;
}

.verwizard .stepContainer {
    margin-left: 200px;
}

.verwizard .actionBar {
    margin: 10px 0 0 200px;
}


/************* MEDIA STYLES **********************/


/************* media.html ************************/

.imagelist {
    list-style: none;
}

.imagelist li {
    float: left;
    padding: 5px;
    margin: 0 20px 20px 0;
    background: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

.imagelist li img {
    display: block;
    margin-bottom: 10px;
}

.imagelist li span {
    display: block;
    text-align: right;
}

.imagelist li span a {
    vertical-align: middle;
}

.imagelist li span a.name {
    font-weight: bold;
    float: left;
    color: #999;
}

.imagelist li span a.name:hover {
    color: #333;
    text-decoration: none;
}

.imagelist li span a.edit,
.imagelist li span a.view,
.imagelist li span a.delete {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 0.5;
}

.imagelist li span a.edit:hover,
.imagelist li span a.view:hover,
.imagelist li span a.delete:hover {
    opacity: 1;
}

.imagelist li span a.edit {
    background: url(../images/icons/default/editor.png);
}

.imagelist li span a.view {
    background: url(../images/icons/default/glass.png);
}

.imagelist li span a.delete {
    background: url(../images/icons/default/trash.png);
}

.photoEdit {
    width: 480px;
}


/************ ELEMENT STYLES ********************/


/************ element.html **********************/

.colorselector {
    display: inline-block;
    height: 28px;
    width: 28x;
    vertical-align: middle;
    position: relative;
    vertical-align: middle;
    margin-left: 5px;
}

.colorselector span {
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000 url(../../images/colorpicker/select2.png) no-repeat -4px -4px;
}


/************** NOTIFICATION MESSAGES ****************/


/************** elements.html *******************************/

.notification {
    height: 51px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 2px #ddd;
}

.notification p {
    margin: 5px 17px 0 65px;
    font-size: 12px;
    color: #333;
    line-height: 14px;
}

.notification a.close {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 5px;
    right: 5px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
}

.notification a.close:hover {
    cursor: pointer;
}

.msgalert a.close {
    background-position: -14px 0;
}

.msgalert a.close:hover {
    background-position: -14px -14px;
}

.msginfo a.close {
    background-position: -42px 0;
}

.msginfo a.close:hover {
    background-position: -42px -14px;
}

.msgsuccess a.close {
    background-position: -28px 0;
}

.msgsuccess a.close:hover {
    background-position: -28px -14px;
}

.msgerror a.close {
    background-position: 0 0;
}

.msgerror a.close:hover {
    background-position: 0 -14px;
}

.msgalert {
    border: 1px solid #eac572;
    background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px;
}

.msginfo {
    border: 1px solid #99c4ea;
    background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px;
}

.msgsuccess {
    border: 1px solid #c1d779;
    background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px;
}

.msgerror {
    border: 1px solid #e18b7c;
    background: #fad5cf url(../images/notifications.png) no-repeat 0 0;
}


/********** BUTTONS & ICONS ********************/


/********** buttons.html ***********************/

.button_alert {
    background-image: url(../images/icons/default/alert.png);
}

.anchorbutton {
    display: inline-block;
    border: 1px solid #ccc;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-position: 7px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    -moz-box-shadow: 1px 1px 2px #e7e7e7;
    -webkit-box-shadow: 1px 1px 2px #e7e7e7;
    box-shadow: 1px 1px 2px #e7e7e7;
}

.anchorbutton:hover {
    text-decoration: none;
}

.anchorbutton span {
    background-color: #fff;
    display: block;
    margin-left: 30px;
    border-left: 1px solid #ddd;
    padding: 5px 10px;
}

a.btn_upd {
    display: block;
    float: left;
    margin: 2px;
    height: 20px;
    width: 20px;
    background: url(../images/icons/default/editor.png) no-repeat center center #CCC;
    border: 1px solid #666;
}

a.btn_del {
    display: block;
    float: left;
    margin: 2px;
    height: 20px;
    width: 20px;
    background: url(../images/icons/default/trash.png) no-repeat center center #CCC;
    border: 1px solid #666;
}

.buttonlist {
    list-style: none;
}

.buttonlist li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}

a.btn, button.btn {
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-image: url(../images/icons/default/sprites.png);
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
    color: #666;
    margin: 3px;
    line-height: 21px;
}

button.btn{padding:0;}
button.btn:hover{border: 1px solid #ccc;}
button.btn_play:hover {
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-image: url(../images/icons/default/sprites.png);
	background-position: -151px -480px;
}

a.btn:hover, button.btn:hover {
    text-decoration: none;
    color: #333;
    -moz-box-shadow: 1px 1px 5px #ddd;
    -webkit-box-shadow: 1px 1px 5px #ddd;
    box-shadow: 1px 1px 5px #ddd;
}

a.btn span, button.btn span {
    padding: 5px 10px;
    margin-left: 35px;
    display: block;
    background: #fff url(../images/buttonbg.png) repeat-x 0 -31px;
    border-left: 1px solid #ccc;
    text-shadow: 1px 1px #fff;
}

a.btn2 {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

a.btn2 span {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    padding-right: 15px;
}

a.btn3 {
    width: 34px;
    height: 32px;
}

a.btn4 {
    width: 34px;
    height: 32px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

a.btn_search {
    background-position: -10px -12px;
}

a.btn_trash {
    background-position: -47px -12px;
}

a.btn_flag {
    background-position: -82px -12px;
}

a.btn_home {
    background-position: -119px -12px;
}

a.btn_link {
    background-position: -154px -12px;
}

a.btn_book {
    background-position: -190px -12px;
}

a.btn_mail {
    background-position: -10px -47px;
}

a.btn_help {
    background-position: -47px -47px;
}

a.btn_rss {
    background-position: -82px -47px;
}

a.btn_archive {
    background-position: -119px -47px;
}

a.btn_info {
    background-position: -154px -47px;
}

a.btn_bell {
    background-position: -190px -47px;
}

a.btn_world {
    background-position: -10px -83px;
}

a.btn_bulb {
    background-position: -47px -83px;
}

a.btn_cloud {
    background-position: -82px -83px;
}

a.btn_clip {
    background-position: -119px -83px;
}

a.btn_folder {
    background-position: -154px -83px;
}

a.btn_lock {
    background-position: -190px -83px;
}

a.btn_tag {
    background-position: -10px -119px;
}

a.btn_check {
    background-position: -45px -119px;
}

a.btn_key {
    background-position: -82px -119px;
}

a.btn_stop {
    background-position: -119px -119px;
}

a.btn_airplane {
    background-position: -154px -119px;
}

a.btn_info2 {
    background-position: -190px -119px;
}

a.btn_alarm {
    background-position: -10px -155px;
}

a.btn_clock {
    background-position: -47px -155px;
}

a.btn_calendar {
    background-position: -82px -155px;
}

a.btn_basket {
    background-position: -119px -155px;
}

a.btn_dollartag {
    background-position: -154px -155px;
}

a.btn_cart {
    background-position: -190px -155px;
}

a.btn_cart2 {
    background-position: -10px -191px;
}

a.btn_user {
    background-position: -47px -191px;
}

a.btn_users {
    background-position: -82px -191px;
}

a.btn_male {
    background-position: -119px -191px;
}

a.btn_female {
    background-position: -154px -191px;
}

a.btn_refresh {
    background-position: -190px -191px;
}

a.btn_chart {
    background-position: -10px -227px;
}

a.btn_pie {
    background-position: -47px -227px;
}

a.btn_address {
    background-position: -82px -227px;
}

a.btn_zip {
    background-position: -119px -227px;
}

a.btn_document {
    background-position: -154px -227px;
}

a.btn_pdf {
    background-position: -190px -227px;
}

a.btn_marker {
    background-position: -10px -262px;
}

a.btn_sign {
    background-position: -47px -262px;
}

a.btn_note {
    background-position: -82px -262px;
}

a.btn_cut {
    background-position: -119px -262px;
}

a.btn_pencil {
    background-position: -154px -262px;
}

a.btn_paint {
    background-position: -190px -262px;
}

a.btn_battery {
    background-position: -10px -299px;
}

a.btn_battery2 {
    background-position: -47px -299px;
}

a.btn_chat {
    background-position: -82px -299px;
}

a.btn_chat2 {
    background-position: -119px -299px;
}

a.btn_message {
    background-position: -154px -299px;
}

a.btn_message2 {
    background-position: -190px -299px;
}

a.btn_phone {
    background-position: -10px -335px;
}

a.btn_call {
    background-position: -47px -335px;
}

a.btn_inbox {
    background-position: -82px -335px;
}

a.btn_inboxo {
    background-position: -119px -335px;
}

a.btn_inboxi {
    background-position: -154px -335px;
}

a.btn_bluetooth {
    background-position: -190px -335px;
}

a.btn_wifi {
    background-position: -10px -370px;
}

a.btn_settings {
    background-position: -47px -370px;
}

a.btn_settings2 {
    background-position: -82px -370px;
}

a.btn_settings3 {
    background-position: -119px -370px;
}

a.btn_hd {
    background-position: -154px -370px;
}

a.btn_hd2 {
    background-position: -190px -370px;
}

a.btn_image {
    background-position: -10px -408px;
}

a.btn_image2 {
    background-position: -47px -408px;
}

a.btn_sound {
    background-position: -82px -408px;
}

a.btn_media {
    background-position: -119px -408px;
}

a.btn_mic {
    background-position: -154px -408px;
}

a.btn_print {
    background-position: -190px -408px;
}

a.btn_laptop {
    background-position: -10px -443px;
}

a.btn_mouse {
    background-position: -47px -443px;
}

a.btn_camera {
    background-position: -82px -443px;
}

a.btn_video {
    background-position: -119px -443px;
}

a.btn_grid {
    background-position: -154px -443px;
}

a.btn_grid2 {
    background-position: -190px -443px;
}

a.btn_list {
    background-position: -10px -480px;
}

a.btn_list2 {
    background-position: -47px -480px;
}

a.btn_table {
    background-position: -82px -479px;
}


/* PIZZA */

a.btn_play, button.btn_play {
    background-position: -151px -480px;
}

a.btn_pause {
    background-position: -189px -480px;
}

a.btn_final {
    background-position: -10px -515px;
}

a.btn_boleto {
    background-position: -45px -515px;
}

.stdbtn {
    font-weight: bold;
    padding: 7px 10px;
    border: 1px solid #ccc;
    background: #eee url(../images/buttons.png) repeat-x top left;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.stdbtn:hover {
    text-decoration: none;
}

.btn_yellow {
    background-position: 0 -38px;
    border-color: #ebb205;
    color: #ae510d;
}

.btn_blue {
    background-position: 0 -76px;
    border-color: #0282ce;
    color: #fff;
}

.btn_black {
    background-position: 0 -114px;
    border-color: #222;
    color: #fff;
}

.btn_lime {
    background-position: 0 -152px;
    border-color: #59bf04;
    color: #367501;
}

.btn_orange {
    background-position: 0 -190px;
    border-color: #cd7a03;
    color: #6e3c17;
}

.btn_red {
    background-position: 0 -228px;
    border-color: #a31314;
    color: #fff;
}

.stdbtn:active {
    background: #eee;
}

.btn_yellow:active {
    background: #ffde06;
}

.btn_blue:active {
    background: #0591e5;
}

.btn_black:active {
    background: #333333;
}

.btn_lime:active {
    background: #6adc0b;
}

.btn_orange:active {
    background: #ff9702;
}

.btn_red:active {
    background: #eb2f30;
}


/*********** PROGRESS BAR *********************/


/*********** dashboard.html, elements.html ****/

.progress {
    margin: 5px 0;
}

.progress .bar {
    background: #eee;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 1px;
    border: 1px solid #ccc;
}

.progress .bar {
    -moz-box-shadow: inset 2px 2px 3px #fff;
    -webkit-box-shadow: inset 2px 2px 3px #fff;
    box-shadow: inset 2px 2px 3px #fff;
}

.progress .bar .value {
    height: 5px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-image: url(../images/progress.png);
}

.progress .bar2 {
    background: #eee;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 1px;
    border: 1px solid #ccc;
}

.progress .bar2 {
    -moz-box-shadow: inset 2px 2px 3px #fff;
    -webkit-box-shadow: inset 2px 2px 3px #fff;
    box-shadow: inset 2px 2px 3px #fff;
}

.progress .bar2 .value {
    padding: 0;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}

.progress .bar2 .value {
    background-image: url(../images/progress.png);
    background-position: 0 0;
    font-size: 11px;
    font-weight: bold;
}

.progress .bluebar {
    background-color: #06f;
    box-shadow: inset 1px 1px 2px #9af;
}

.progress .orangebar {
    background-color: #F90;
}

.progress .redbar {
    background-color: #cc0000;
}


/********** WIDGETS *************************/


/********** widgets.html ********************/

.widgetgrid .widgetbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 20px 0;
}

.announcement p {
    margin: 20px 0;
    color: #666;
}

.announcement p:first-child {
    margin-top: 0;
}

.announcement p:last-child {
    margin-bottom: 0;
}


/*.announcement p span { color: #333; background: #999; padding: 1px 10px; color: #fff; font-size: 11px; display: inline-block; }*/

.announcement p span {
    color: #333;
    background: #999;
    padding: 1px 10px;
    color: #666;
    font-size: 11px;
    display: inline-block;
}

.statement table td {
    text-align: center;
}

.statement table tbody tr td:first-child,
.statement table thead tr th:first-child {
    border-left: 0;
}

.statement table tbody tr td:last-child,
.statement table thead tr th:last-child {
    border-right: 0;
}

.statement table tbody tr:hover td {
    background: #fff;
}

.activitylist {
    list-style: none;
}

.activitylist li {
    display: block;
    border-bottom: 1px solid #eee;
}

.activitylist li span {
    display: block;
    padding: 7px 5px 8px 40px;
    color: #666;
    margin: 1px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.activitylist li a {
    display: block;
    padding: 7px 5px 8px 40px;
    color: #666;
    margin: 1px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.activitylist li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

.activitylist li a span {
    font-size: 10px;
    color: #999;
    line-height: 10px;
}

.activitylist li .info_hidden {
    height: auto;
    display: none;
    overflow: hidden;
    padding: 10px;
}

.activitylist li.message a {
    background-image: url(../images/icons/default/mail.png);
}

.activitylist li.user a {
    background-image: url(../images/icons/default/users.png);
}

.activitylist li.media a {
    background-image: url(../images/icons/default/media.png);
}

.activitylist li.detail a {
    background-image: url(../images/icons/default/glass.png);
}

.userlistwidget ul {
    list-style: none;
}

.userlistwidget ul li {
    font-size: 11px;
    line-height: 18px;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}

.userlistwidget ul li:first-child {
    padding-top: 0;
}

.userlistwidget ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.userlistwidget ul li .avatar {
    float: left;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #eee;
}

.userlistwidget ul li a {
    font-weight: bold;
}

.userlistwidget .more {
    display: block;
    text-align: center;
    background: #eee;
    color: #069;
    padding: 1px 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.userlistwidget .more:hover {
    text-decoration: none;
    background: #e7e7e7;
}

.stdformwidget label {
    width: 80px;
    margin-right: 100px;
    margin-left: 10px;
    text-align: left;
}

.stdformwidget div.par {
    margin: 13px 0 14px 0;
}

.stdformwidget div.field {
    margin-left: 10px;
    width: 90%;
}

.stdformwidget input {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    width: 94%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.stdformwidget select {
    border: 1px solid #ccc;
    padding: 7px 5px;
    width: 100%;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.stdformwidget textarea {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    width: 94%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
    resize: none;
    min-height: 80px;
}

.stdformwidget input[type=submit],
.stdformwidget input[type=reset],
.stdformwidget input[type=button] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #eee;
    background: #333;
    border: 0;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.stdformwidget input[type=submit]:hover,
.stdformwidget input[type=reset]:hover {
    background: #ffdd00;
    color: #333;
}


/********** CHAT STYLES ******************/


/********** chat.html ********************/

.contactlist {
    list-style: none;
}

.contactlist li {
    border-top: 1px solid #eee;
    position: relative;
    padding: 1px;
}

.contactlist li:first-child {
    border-top: 0;
}

.contactlist li span.msgcount {
    position: absolute;
    top: 12px;
    right: 30px;
    font-size: 10px;
    padding: 3px 5px;
    line-height: 10px;
    color: #fff;
    background: #dd0000;
    font-weight: bold;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.contactlist li a {
    padding: 6px 8px;
    display: block;
    color: #666;
}

.contactlist li.online a {
    background: url(../images/online.png) no-repeat right 16px;
}

.contactlist li.new a {
    font-weight: bold;
}

.contactlist li a:hover {
    background-color: #fcfcfc;
    text-decoration: none;
}

.contactlist li a img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.chatsearch {
    padding: 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.chatsearch input {
    float: left;
    border: 1px solid #ddd;
    padding: 7px 5px 7px 35px;
    width: 245px;
    background: #fff url(../images/search.png) no-repeat left center;
    color: #ccc;
}

.chatsearch input:focus {
    color: #333;
}

.chatbottom {
    padding: 6px 8px;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

.chatbottom a {
    color: #666;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #ddd;
    background: #fcfcfc;
    display: inline-block;
    padding: 2px 10px;
}

.chatbottom a:hover {
    text-decoration: none;
    border: 1px solid #bbb;
    -moz-box-shadow: 0 0 1px #ddd;
    -webkit-box-shadow: 0 0 1px #ddd;
    box-shadow: 0 0 1px #ddd;
}

.chatcontent {
    height: 331px;
    position: relative;
    padding: 0;
}

.chatcontent .messagebox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.chatcontent .messagebox input, .chatcontent .messagebox textarea {
    border: 1px solid #ccc;
    padding: 8px 5px 8px 30px;
    width: 67%;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 3%;
    background: #fff url(../images/icons/default/chat.png) no-repeat 8px 8px;
}

.chatcontent .messagebox textarea{height:40px; float:left; resize:none;}

.chatcontent .messagebox input:focus {
    -moz-box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    box-shadow: 0 0 5px #eee;
}

.chatcontent .messagebox button {
    border: 0;
    padding: 7px 0;
    text-align: center;
    font-weight: bold;
    background: #333;
    color: #fff;
    display: inline-block;
    margin-left: 1%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 13%;
}

.chatcontent .messagebox button:hover {
    background: #111;
    color: #fff;
    cursor: pointer;
}

.chatmessage {
    height: 275px;
    border: 1px solid #ddd;
    margin: 0px;
    overflow: auto;
    position: relative;
}

#chatmessageinner {}

#chatmessageinner p {
    padding: 10px;
    border-bottom: 1px dotted #ddd;
}


/************ PAGINATION ****************/


/************ elements.html *************/

.pagination {
    list-style: none;
    overflow: hidden;
}

.pagination li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.pagination li.first,
.pagination li.previous,
.pagination li.next,
.pagination li.last {
    font-size: 18px;
}

.pagination li a {
    display: block;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #333;
    line-height: 21px;
    vertical-align: top;
}

.pagination li a {
    background: #f7f7f7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.pagination li a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #eee;
}

.pagination li a.current {
    background: #333;
    color: #fff;
    border: 1px solid #272727;
}

.pagination li.first a:active,
.pagination li.previous a:active,
.pagination li.next a:active,
.pagination li.last a:active {
    background: #333;
    color: #fff;
    border 1px solid #272727;
}

.pagination li a.disable {
    color: #ccc;
}

.pagination li a.disable:hover {
    background: #f7f7f7;
    cursor: default;
}

.pagination li a.disable:active {
    background: #f7f7f7;
    border: 1px solid #ccc;
    color: #ccc;
}


/***** CHECKBOX TRANSFORM STYLES *****/


/***** tables.html, form.html ********/

.checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/checkbox.png) no-repeat 0 0;
    vertical-align: middle;
}

.checkbox input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
}

.checked {
    background-position: 0 -16px;
}

.radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/radio.png) no-repeat 0 0;
    vertical-align: middle;
}

.radio input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
}


/************* ERROR PAGES ************/


/************* 404.html ***************/

.errorWrapper {
    width: 700px;
    text-align: center;
    margin: 80px auto 0 auto;
}

.errorWrapper span {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    text-shadow: 1px 1px #555;
}

.errorWrapper a {
    display: inline-block;
    padding: 10px 30px;
    background: #999;
    color: #222;
    font-weight: bold;
    margin-top: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.errorWrapper a.default {
    color: #222;
    background: #999;
}

.errorWrapper a.hover {
    background: #fff;
    color: #333;
}

.errorWrapper a:hover {
    text-decoration: none;
}

.pageErrorTitle {
    color: #fff;
    font-size: 56px;
    text-shadow: 1px 1px #333;
}


/************* BREADCRUMBS ************/


/************* elements.html **********/

.breadcrumbs {
    display: block;
    list-style: none;
    border: 1px solid #ccc;
    background: url(../images/titlebg.png) repeat-x top left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.breadcrumbs li {
    display: inline-block;
    background: url(../images/separator.png) no-repeat right center;
    margin-right: 5px;
    font-size: 11px;
}

.breadcrumbs li:last-child {
    background: none;
    color: #333;
}

.breadcrumbs li a {
    display: block;
    padding: 5px 20px 5px 5px;
}

.breadcrumbs li:first-child a {
    padding-left: 10px;
}

.breadcrumbs2 {
    background: none;
}


/************** FOOTER ***************/


/************** all pages ************/

.footer {
    margin: 10px 0;
    font-size: 11px;
}


/************** CUSTOM STYLES **********/


/************** some pages *************/

.center {
    text-align: center;
}

.width50 {
    width: 100px !important;
}

.block {
    display: block;
}

.margintop10 {
    margin-top: 10px;
}

.textright {
    text-align: right;
}

.tooltipflot {
    font-size: 11px;
    padding: 5px 10px;
    background: url(../images/blacktrans.png);
    color: #eee;
}

.noright {
    margin-right: 0;
}

.radiusbottom0 {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.padding0 {
    padding: 0 !important;
}

.width100 {
    width: 100px !important;
}

#popwizard {
    padding: 20px;
}

#popwizard .stepContainer {
    height: 268px !important;
}

#popwizard .actionBar {
    padding-top: 30px;
}

.pie {
    font-size: 10px;
    text-align: center;
    padding: 2px;
    color: #fff;
    text-shadow: 1px 1px #444;
}

.quickform .notifyMessage {
    margin: 0;
    margin-bottom: 20px;
}

.stdform .vsmallinput {
    width: 60px;
}

.borderTop0 {
    border-top: 0;
}

.color333 {
    color: #333;
}

.floatleft {
    float: left;
}

.loaders img {
    margin-right: 10px;
    display: inline-block;
}

.chartplace {
    margin-bottom: 10px;
    height: 150px;
}

.average {
    font-size: 10px;
    text-transform: uppercase;
    color: #069;
    font-weight: bold;
    border-top: 1px dashed #ccc;
    padding-top: 5px;
}

.average h3 {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    font-size: 16px;
}

.ui-datepicker-inline .ui-datepicker-calendar td a:hover {
    background: #ddd;
    text-decoration: none;
    color: #666;
    text-shadow: none;
}

.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a {
    background: #333;
    text-decoration: none;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
}


/***************** MEDIA SCREENS *********************/


/***************** all pages *************************/

@media screen and (max-width: 1024px) {
    .maincontent {
        margin-right: 260px;
        margin-left: 230px;
    }
    .mainright {
        width: 250px;
    }
    .contenttitle,
    .widgetbox .title {
        height: 32px;
        overflow: hidden;
    }
    .contenttitle h2,
    .widgetbox .title h2 {
        font-size: 16px;
    }
    .mainleft {
        width: 220px;
    }
    .notification p {}
    .noright {
        margin-right: 0;
    }
    .errorWrapper {
        width: auto;
    }
    .chatcontent .messagebox input {
        width: 74.3%;
    }
}

@media screen and (max-width: 700px) {
    .maincontent {
        margin-right: 0;
    }
    .mainright {
        position: relative;
        margin-top: 10px;
        width: auto;
    }
    .mainright .widgetbox {
        width: 48%;
        float: left;
        margin-right: 4%;
    }
    .mainright .widgetbox:nth-child(even) {
        margin-right: 0;
    }
    .footer {
        clear: both;
    }
    .searchbox input {
        width: 150px;
    }
    .chatcontent .messagebox input {
        width: 75%;
    }
    .imagelist li img {
        width: 240px;
    }
    .floatright {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    #userPanel {
        border-left: 0;
    }
    #searchPanel {
        border-right: 0;
    }
    .imagelist li img {
        width: 200px;
    }
    .stdform p,
    .stdform div.par {
        background: none;
    }
    .stdform label {
        display: block;
        text-align: left;
        float: none;
        width: auto;
    }
    .stdform span.field,
    .stdform div.field,
    .dualselect,
    .stdform .formwrapper,
    .stdform .formwrapper {
        margin-left: 0;
    }
    .stdform small.desc {
        margin: 5px 0 0 0;
    }
    .stdform .stdformbutton {
        margin-left: 0;
    }
    .stdform2 p,
    .stdform2 div.par {
        background: none;
    }
    .stdform2 label {
        display: block;
        padding: 7px 10px;
        background: #f7f7f7;
        border-bottom: 1px solid #ddd;
        float: none;
        width: auto;
    }
    .stdform2 span.field,
    .stdform2 div.field {
        display: block;
        margin-left: 0;
        border-left: 0;
    }
    .verwizard .actionBar {
        margin: 0;
    }
}

@media screen and (max-width: 580px) {
    .headerinner {
        border-bottom: 1px solid #222;
    }
}

@media screen and (max-width: 570px) {
    .tablewrapper {
        width: 100%;
        overflow: auto;
    }
    .mainright .widgetbox {
        float: none;
        margin-right: 0;
        width: auto;
        margin-bottom: 10px;
    }
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
        display: block;
    }
    .chartbox .one_half {
        float: left;
        margin-right: 3%;
        width: 48.5%;
    }
    .searchbox input {
        width: 200px;
    }
    .imagelist li {
        margin: 0 10px 10px 0;
    }
    .imagelist li img {
        width: 150px;
    }
    .imagelist li span a.name {
        font-size: 11px;
    }
    .imagelist li span a.edit,
    .imagelist li span a.view,
    .imagelist li span a.delete {
        display: none;
    }
    /* CALENDAR STYLES */
    .fc-header-left {
        font-size: 11px;
    }
    .fc-button,
    .fc-button-content {
        height: auto;
    }
    .fc-button-month .fc-button-content,
    .fc-button-agendaWeek .fc-button-content,
    .fc-button-agendaDay .fc-button-content,
    .fc-button-today .fc-button-content {
        padding: 2px 5px;
    }
    .fc-header-title h2 {
        font-size: 14px;
    }
    .maintabmenu li a {
        padding: 6px 8px;
        font-size: 16px;
    }
    .verwizard .verticalmenu {
        font-size: 11px;
        width: auto;
        float: none;
    }
    .verwizard .stepContainer {
        margin-left: 0;
        margin-top: 20px;
    }
    .wizard .tabbedmenu li a {
        padding: 5px;
    }
    .wizard .tabbedmenu li a h2 {
        font-size: 16px;
    }
    .wizard .tabbedmenu li a span {
        font-weight: normal;
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .maincontent {
        margin-right: 0;
    }
    .mainright .widgetbox {}
    .widgetlist li {
        width: 48%;
        margin-right: 4%;
    }
    .widgetlist li:nth-child(even) {
        margin-right: 0;
    }
    .widgetlist li a {
        width: auto;
        display: block;
    }
    .headerinner2 .searchbox {
        border-right: 0;
    }
    .headerinner2 .searchbox input {
        width: 150px;
    }
    .searchbox input {
        width: 150px;
    }
    .stdtable td,
    .stdtable th {
        font-size: 11px;
    }
    .chatcontent .messagebox input {
        width: 70%;
    }
    .wizard .tabbedmenu li a {
        padding: 10px 20px;
    }
    .wizard .tabbedmenu li a h2 {
        font-size: 20px;
    }
    .wizard .tabbedmenu li a span {
        display: none;
    }
    .widgetgrid .widgetbox {
        width: auto !important;
        display: block;
        margin-right: 0;
    }
}

@media screen and (max-width: 430px) {
    body {
        font-size: 11px;
    }
    button,
    input,
    select,
    textarea {
        font-size: 11px;
    }
    .loginbox {
        width: auto;
        margin: 10px;
    }
    .loginbox input {
        width: 95%;
    }
    .loginbox button {
        width: 100%;
    }
    .userinfomenu .userinfo {
        font-size: 11px;
    }
    .userdrop ul li a {
        font-size: 11px;
    }
    .headerinner2 .searchbox input {
        width: 70px;
        font-size: 11px;
    }
    .notibox {
        width: 250px;
    }
    .tabmenu li a,
    .widgetlist li a {
        font-size: 11px;
    }
    .dataTables_wrapper input {
        width: 70px;
    }
    .deletebutton {
        display: none;
    }
    .tableoptions select {
        padding: 2px;
    }
    .tableoptions button {
        padding: 2px 5px;
    }
    .stdtablecb thead th:first-child,
    .stdtablecb tbody tr td:first-child {
        display: none;
    }
    .flatmode {
        display: none;
    }
    .vs2 {
        margin-left: 0 !important;
    }
    .imagelist li img {
        width: 210px;
    }
    .multipletabmenu li a {
        width: auto;
        padding: 5px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
    }
    .dualselect select {
        30%;
    }
    .dualselect .ds_arrow {
        margin: 0;
    }
    .stdform button,
    .stdform input[type="reset"] {
        padding: 5px;
    }
    .stdform2 span.field,
    .stdform2 div.field,
    .stdform2 .stdformbutton {
        padding: 10px;
    }
    .stepContainer h2 {
        font-size: 16px;
    }
    .fc-header-left,
    .fc-button-today {
        display: none;
    }
    .fc-header-title h2 {
        font-size: 20px;
    }
    .fc-header-center {
        text-align: left;
    }
    .chatcontent .messagebox input {
        width: 150px;
    }
    .chatcontent .messagebox button {
        margin-left: 5px;
        width: 60px;
    }
    .errorWrapper a {
        display: block;
        margin-top: 0;
        padding: 20px 0;
        font-size: 12px;
    }
    .errorWrapper span {
        display: block;
        margin-bottom: 20px;
    }
    .footer {
        font-size: 10px;
    }
}

.obs {
    margin-top: 6px;
    min-height: 34px;
    width: 315px;
    margin-bottom: 20px;
}

.sending, .disabled{pointer-events:none; opacity:0.6;}
.input_copia{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;}
.link_copia_pit{color:#333; font-weight:700; text-decoration:underline;}

.btn_reserva{width:27px; height:24px; background-color: rgb(247, 247, 247);}
.btn_reserva.btn_pencil{background-position: -157px -265px;}
.btn_reserva.btn_link{background-position: -157px -15px;}