/***
 * Created by: Mienard Lumaad
 * Date: Nov 26, 2011
 * Website: http://themepixels.com/
***/

.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;
    padding: 8px 10px;
    text-align: center;
}

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

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

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

.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: #fff;
}

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

.msglist li.new .msg {
    background: #fff;
}

.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***/
.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*******/
.mainwrapper {
    margin: 10px;
    position: relative;
}

.bio.twelve.columns #tabbed-info {
    background: none repeat scroll 0 0 #D7D7D7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #2D2D2D;
    font-size: 13px;
    overflow: hidden;
    padding: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

/**LEFT**/
.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;
    font-size: 14px;
    height: 42px;
    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;
    font-size: 14px;
}

.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: 8px 10px;
    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 {
    background-color: #222;
    color: #fff;
    border: 1px solid #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: -154px -443px;
}

.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: -47px -408px;
}

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

.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 .menutip {
    position: absolute;
    z-index: 100;
    left: 38px;
    top: 0;
    background: url(../images/blacktrans.png);
    color: #fff;
    padding: 9px 10px;
    display: none;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.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 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;
}

/**SHOW ICON ONLY LEFT MENU**/
.lefticon .mainleft {
    width: 34px;
}

.lefticon .leftmenu {
    overflow: none;
}

.lefticon .leftmenu ul li {
    width: 250px;
}

.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;
}

/**CONTENT**/
.maincontent {
    margin: 0 310px 0 260px;
}

.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;
    position: relative;
    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;
}

#content {
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: -1px;
    position: relative;
    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;
    background-image: url(../images/icons/default/sprites.png);
    background-position: -154px -443px;
    color: #fff;
}

.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;
}

.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.upload {
    background-image: url(../images/icons/default/image.png);
}

/*****STANDARD TABLE (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: 8px 10px;
    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;
}

.stdtable2 {
    width: 100%;
    background: #FFC;
}

.stdtable2 .con0 {
    background: #fcfcfc;
}

.stdtable2 .con1 {
    background: #f9f9f9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tableoptions {
    background: #eee url(../images/titlebg.png) repeat-x top left;
    border: 1px solid #ccc;
    border-top: 0;
    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;
}

/***** DYNAMIC TABLE (tables.html) *****/
.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[type="text"] {
    border: 1px solid #ccc;
    padding: 6px 5px 7px 5px;
    width: 200px;
    margin: -4px 0 0;
}

.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 (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)*****/

.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;
    font-family: bebasneueregular;
    font-size: 19px;
    font-weight: normal;
    padding: 14px 0;
}

.stdform label.error {
    float: none;
    color: #ff6600;
    font-size: 11px;
    display: block;
    text-align: left;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
}

.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;
}

.stdform2 input {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 1px 1px;
    width: 126px;
    -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 .longinput {
    font-family: arial, helvetica, sans-serif;
    font-size: 17px;
    padding: 13px;
    width: 36%;
}

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

.stdform input[type=radio] {
    width: auto;
    margin: 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;
    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;
    font-family: arial, helvetica, sans-serif;
    font-size: 17px;
    padding: 13px;
    width: 39%;
}

.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;
}

/***** FORM STYLE 2 (form.html) *****/
.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 SELECT**/
.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;
}

/*****QUICK FORM (ajax/tabledata.php called from tables.html)*****/
.quickform {
    margin: 10px;
}

.quickform p {
    margin: 10px 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**/
.mainright {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
}

.mainrightinner {
    margin-bottom: 20px;
}

/**WIDGET BOX***/
.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;
}

.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;
}

/**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;
}

/***** CUSTOM STYLE: WYSIWYG EDITOR *****/
.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;
}

/***** FORM WIZARD (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 .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 **/
.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 (elements.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.html) no-repeat -4px -4px;
}

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

.notification p {
    margin: 14px 10px 0 75px;
    font-size: 13px;
    color: #333;
}

.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*****/
.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;
}

/***PROGRESS BAR (dashboard.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;
}

.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 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.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);
}

.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;
}

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

.stdformwidget div.field {
    margin-left: 100px;
}

/***** BUTTONS & ICONS *****/
.buttonlist {
    list-style: none;
}

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

a.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;
}

a.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 {
    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_note {
    background-position: -47px -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 -480px;
}

.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;
}

/***** CHAT (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: 8px 10px;
    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: 8px 10px;
    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: 500px;
    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 {
    border: 1px solid #ccc;
    padding: 8px 5px 8px 30px;
    width: 78.6%;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 1%;
    background: #fff url(../images/icons/default/chat.png) no-repeat 8px 8px;
}

.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: 425px;
    border: 1px solid #ddd;
    margin: 10px;
    overflow: auto;
    position: relative;
}

#chatmessageinner {
}

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

/***** PAGINATION *****/
.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 STYLES *****/

.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);
}

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

/***** ERROR PAGES *****/
.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;
}

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

/**** CUSTOM STYLES *****/
.center {
    text-align: center;
}

.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 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: 8px 10px;
        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;
    }

    .stdtable2 td, .stdtable2 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%;
    }

    .loginbox2 {
        width: auto;
        margin: 10px;
    }

    .loginbox2 input {
        width: 95%;
    }

    .loginbox2 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;
    }

}

/** theme **/
.theme {
    display: inline-block;
    position: fixed;
    bottom: 10px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-left: 0;
}

.theme {
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    overflow: hidden;
}

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

.theme h4 {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    background: #333;
    padding: 5px;
    color: #ccc;
}

.theme a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px;
}

.theme a.darkblue {
    background: #001F3E;
}

.theme a.gray {
    background: #ccc;
}

.status-box {
    width: 60px;
    height: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.add-btn {
    padding-top: 10px;
    margin-left: 15px;
    width: 100px;
    height: 40px;
    float: right;
}

.photo {
    float: right;
    height: 171px;
    margin-right: 50px;
    margin-top: 15px;
    padding: 0;
    width: 130px;
}

.browse {
    float: right;
    height: 30px;
    margin-right: -130px;
    margin-top: 161px;
    padding: 0;
    width: 130px;
}

.alert-box {
    width: 100%;
    height: auto;
    border: 1px dashed #C30;
}

.pwd-error {
    background: none repeat scroll 0 0 coral;
    border: 1px solid red;
    color: white;
    height: 36px;
    text-align: center;
    width: 339px;
}

.pwd-change {
    background: #ABFF73;
    border: 1px solid green;
    color: white;
    height: 36px;
    text-align: center;
    width: 339px;
}

.print {
    width: 40px;
    height: 30px;
    border: 1px solid red;
    position: absolute;
}

.pie-chart {
    height: 10px;
    margin-top: -179px;
    width: 10px;
}

#chart_div {
    float: left;
    margin-left: -11px;
}

.msg-left-main {
    width: 450px;
}

.msg-right-main {
    border: 1px solid red;
    float: right;
    margin-top: -488px;
    margin-left: 459px;
}

.featured-profiles li {

    margin-bottom: 20px;

}

.featured-profiles li img {

    float: left;

}

/** ============  Summary Profile ======= **/

.summary {

    font-size: 13px;

    font-family: 'Roboto Slab', Arial, sans-serif;

    width: 160px;

    float: left;

    background: #e8e8e8;

    padding: 10px;

}

.summary p {

    margin: 0;

}

.summary .name {

    font-size: 15px;

    color: #55AAFF;

    font-family: 'Roboto Slab', Arial, sans-serif;

    font-weight: 700;

}

.profile-image {

    float: left;

    position: relative;

    display: block;

    width: 160px;

    height: 160px;

    overflow: hidden;

}

.profile-image img {

    width: 100%;

    transition: all 0.3s ease-in-out;

    transform: translate3d(0px, 3px, 0px);

    -webkit-transform: translate3d(0px, 3px, 0px)

}

.profile-image img:hover {

    opacity: 0.7;

    transform: translate3d(0px, 30px, 0px);

    -webkit-transform: translate3d(0px, 30px, 0px);

}

.full-profile {

    display: block;

    width: 100%;

    background: #222;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: white;

    position: absolute;

    top: 0;
    left: 0;

    z-index: 0;

}