@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

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

ins {
    background-color: #fff;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #fff;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle;
  font-family: inherit !important;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif
}

li
ins {
    background-color: #26ADE4
}

html {
    overflow-y: scroll
}

nav ul, nav
li {
    margin: 0;
    list-style: none;
    list-style-image: none
}

small {
    font-size: 85%
}

td {
    vertical-align: top
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px
}

.ie7
img {
    -ms-interpolation-mode: bicubic
}

a:link {
    -webkit-tap-highlight-color: #FF5E99
}

body, select, input, textarea {
    color: #666
}

body {
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 12px;
    zoom: 1
}

body section[role=navigation] {
    width: 231px;
    height: auto;
    padding: 15px 0 0 0px;
    position: absolute;
    top: 5px;
    left: 0;
    background-color: #f9f9f9;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
    border: 1px solid #bbb;
}

body section[role=main] {
    min-width: 669px;
    height: 100%;
    margin-left: 241px;
    background: #ffffff;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
}

select, input, textarea, button {
    font-family: "sans-serif";
}

h1, h2, h3, h4, h5, h6, strong, b, th {
    font-weight: bold
}

em, i {
    font-style: italic
}

ul, ol {
    margin: 0 0 1em 1em
}

ol {
    margin-left: 2em
}

ol {
    list-style-type: decimal
}

a {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:hover, a:active {
    outline: none
}

a.outside {
    padding-right: 10px;
    background-position: top right;
    background-repeat: no-repeat
}

body.fixed {
    background: #DCDCDC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#9a9a9a');
    background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#9a9a9a));
    background: -moz-linear-gradient(top, #DCDCDC, #9a9a9a);
}

.fixed .fixed-wraper {
    width: 1012px;
    margin: 0 auto;
    position: relative;
    border: 1px;
    padding-top: 5px;
    padding-bottom: 10px
}

.fixed .fixed-wraper section[role=main] {
    min-width: 0;
    background-repeat: repeat-y;
    background-position: right;
    min-height: 1927px;
}

.small {
    width: 33%
}

.medium {
    width: 66%
}

.large {
    width: 99%
}

.left {
    float: left
}

.right {
    float: right
}

section[role=navigation] header {
    margin: 0 2px 15px 0;
    padding-left: 25px
}

/*section[role=navigation] header
a{width:199px;height:63px;text-indent:-9999em}*/
section[role=navigation] header
h1 {
    margin-top: 3px;
    font-weight: normal;
    font-style: italic;
    text-shadow: none;
    font-size: 12px;
    display: none
}

#user-info {
    height: 76px;
    border-top: 2px solid #229bcc;
    border-bottom: 2px solid #229bcc;
    background-color: #26ADE4;
    margin: 0 0 0px 0;
    padding: 10px 5px 10px 0px;
    color: #fff;
    border-right: 1px solid #60ccf7;
    border-left: 1px solid #60ccf7;
    margin-left: -1px;
    margin-right: -1px;
    font-family: 'Cabin', sans-serif;
    font-size: 15px
}

#user-info
em {
    color: #333 !important;
    font-size: 11px !important
}

#user-info
img {
    width: 48px;
    height: 48px;
    padding: 3px;
    background-color: #fff;
    border: 1px solid;
    float: left
}

#user-info
div {
    float: left;
    margin-left: 15px
}

#user-info div > a {
    display: block;
    font-size: 108%;
    text-decoration: none;
    line-height: 100%
}

#user-info
em {
    font-size: 93%
}

#user-info
ul {
    margin: 5px 0 0;
    list-style: none
}

#user-info ul
li {
    float: left;
    margin-right: 5px
}

#user-info ul li:last-child {
    margin-right: 0
}

#user-info .button-link {
    font-size: 80%
}

#main-nav {
    background-color: #fff /*#26ADE4*/;
    font-size: 11px;
    border-top: 2px solid /*#21a1d3*/ #ccc;
}

#main-nav ul li.current a, #main-nav ul li.current a:hover, #main-nav ul li a:hover,
#main-nav ul li li a:hover, #main-nav ul li.current li a:hover {
    color: #fff;
}

#main-nav > ul, #main-nav > ul li, #main-nav > ul li.current, #main-nav ul li
li {
    background-repeat: no-repeat
}

#main-nav > ul {
    background-position: bottom
}

#main-nav  ul li {
    background-position: 0 0;
    border-bottom: 1px solid #ccc;
    border-left: 5px #ed7433 solid;
}
#main-nav  ul li.current, #main-nav  ul li:hover, #main-nav  ul li:active {
    background: #ed7433;
    color:#fff;
}

#main-nav > div > ul{
    background: #ddd;
}
#main-nav > ul li:last-child {
    padding-bottom: 2px
}

#main-nav ul li
a {
    text-shadow: none !important;
    display: block;
    padding: 10px 0 6px 10px;
    text-decoration: none;
    -webkit-transition: color 400ms ease;
    -moz-transition: color 400ms ease;
    transition: color 400ms ease;
    font-size: 13px;
    line-height: 18px;
    color:#666;
    letter-spacing: 1px;
    font-family: 'Cabin', sans-serif;
    text-transform: uppercase
}

#main-nav ul li a:hover {
    letter-spacing: 1px;
    font-family: 'Cabin', sans-serif
}

#main-nav ul
ul {
    margin-left: 50px;
    padding-bottom: 10px
}

#main-nav ul li li, #main-nav ul li
li.current {
    padding: 2px 0 2px 10px;
    background-position: 0 9px
}

#main-nav ul li li a, #main-nav ul li.current li
a {
    font-weight: normal;
    padding: 0;
    font-size: 85%;
    text-shadow: none;
    height: auto
}

#main-nav ul li
span {
    float: right;
    display: block;
    position: relative;
    top: -28px;
    padding: 2px 5px;
    border: 1px solid;
    margin-right: 20px;
    font-size: 77%;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.ie7 #main-nav ul li span, .ie8 #main-nav ul li
span {
    top: -28px
}

.sidebar {
    margin: 0 0px 0px 0px;
    padding: 20px 20px 10px 20px;
    display: block;
    font-size: 12px;
    overflow: hidden;
    clear: both;
    position: relative;
    background-color: #f9f9f9;
    border-top: #fff 1px solid;
    border-bottom: #eae9e3 1px solid
}

.sidebar
p {
    clear: both;
    margin: 6px 0;
    line-height: 140%
}

.sidebar p:last-child {
    margin-bottom: 0
}

.sidebar
ul {
    margin: 0 0 15px 15px
}

.sidebar
h2 {
    font-size: 13px;
    margin-bottom: 12px
}

.sidebar
img {
    padding: 3px;
    margin: 0;
    border: 1px solid
}

.sidebar.separator, .sidebar
.separator {
    border-top: 3px solid;
    padding-top: 8px
}

.sidebar.separator {
    padding-top: 25px
}

.sidebar .button-link {
    font-size: 11px;
    font-weight: normal;
    width: 50%;
    text-align: center;
    margin-bottom: 5px
}

.sidebarsub {
    margin: 0 0px 0px 0px;
    padding: 20px 20px 10px 20px;
    display: block;
    font-size: 11px;
    overflow: hidden;
    clear: both;
    position: relative;
    background-color: #f9f9f9;
    border-top: #fff 1px solid
}

.sidebarsub
p {
    clear: both;
    margin: 2px 0;
    line-height: 140%
}

.sidebarsub p:last-child {
    margin-bottom: 0
}

.sidebarsub
ul {
    margin: 0 0 15px 15px
}

.sidebarsub
h2 {
    font-size: 13px;
    margin-bottom: 12px
}

.sidebarsub
img {
    padding: 3px;
    background-color: #fff;
    margin: 0;
    border: 1px solid #eae9e3
}

.sidebarsub.separator, .sidebarsub
.separator {
    border-top: 3px solid;
    padding-top: 8px
}

.sidebarsub.separator {
    padding-top: 25px
}

.sidebarsub
a {
}

.sidebarsub .button-link {
    width: 92%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px
}

#widgets-container {
    padding: 5px 10px;
    /*margin-bottom:10px;*/
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.widget {
    display: block;
    height: 24px;
    width: 150px;
    float: left;
    margin: 1px 4px 12px 4px;
    padding: 7px 3px 7px 5px;
    font-size: 10px;
    -moz-border-radius: 8px 0px 8px 8px;
    border-radius: 8px 0px 8px 8px;
    box-shadow: 0 0 4px #DDD;
}

.ie7
.widget {
    margin-bottom: 0
}

.widget
a {
    display: block;
    color: #555
}

.widget:last-child {
    margin-right: 0
}

.widget
span {
    display: block;
    height: 35px;
    width: 36px;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 80%
}

.widget
p {
    float: left;
    position: relative;
    top: -4px
}

.widget
strong {
    font-size: 15px;
    display: block;
    color: #105f7e
}

.widget strong
sup {
    top: -0.3em
}

.widget.text-only
p {
    padding-left: 5px
}

.widget.add-new-widget {
    border-style: dashed
}

.widget.add-new-widget
span {
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999em;
    margin-right: 2px
}

.widget.add-new-widget
strong {
    padding-top: 5px
}

.widget .close-widget {
    position: relative;
    text-decoration: none;
    float: right;
    top: -8px
}

#new-visitors span, #new-orders
span {
    text-indent: -9999em;
    background-position: 0 0;
    background-repeat: no-repeat
}

#new-visitors
span {
    background-image: url('https://www.thetimenow.com/img/widgets/widget_increase.png')
}

#new-orders
span {
    background-image: url('https://www.thetimenow.com/img/widgets/widget_decrease.png')
}

.nested {
    border: 1px solid;
    padding: 15px;
    overflow: hidden;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.ie7 article.nested, .ie8
article.nested {
    border: none
}

.ie7 section.nested, .ie8 section.nested, .ie7 article.nested .article-container, .ie8 article.nested .article-container {
    border: 1px solid
}

article.nested {
    padding: 0
}

article.nested
header {
    margin: 10px 20px 20px
}

article.nested
section {
    margin: 0 20px 20px
}

article.nested
footer {
    margin: 20px
}

article {
    /*margin-bottom: 14px*/
}

article .article-container {
    display: block;
    overflow: hidden;
}

article
header {
    border-bottom: 2px solid;
    border-top: 2px solid;
    padding: 5px 0px 5px 10px;
    /*margin-bottom: 10px;*/
    background-color: #ffffff;
    border-left: 5px solid #ed7433 !important;
}
.full-block-all{
    clear: both;
}
.big h1 {
    font-size: 18px;
    font-family: arial;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: 300;
}

article header
h2 {
    font-size: 15px;
    font-family: arial;
    color: #555
}

article header
a {
    text-decoration: none
}

article header
nav {
    float: right
}

article
section {
    overflow: hidden
}

article section h3, article section h4, article section h5 {
    /*  margin-bottom:.8em*/
}

article section
h3 {
    font-size: 153.9%
}

article section
h4 {
    font-size: 131%
}

article section
h5 {
    font-size: 108%;
    text-transform: uppercase
}

article section
p {
    line-height: 160%;
    margin-bottom: 0.67em
}

article section p:last-child {
    margin-bottom: 0
}

ul
li {
    list-style: none;
    padding-left: 10px;
    background-position: 0 center;
    background-repeat: no-repeat
}

ul.list-style-checkmark li, ul.list-style-cross li, ul.list-style-arrow
li {
    padding-left: 25px
}

ul.list-style-checkmark
li {
    background: url('https://www.thetimenow.com/img/icons/list-style/icon_list_style_checkmark.png') no-repeat 0 1px
}

ul.list-style-cross
li {
    background: url('https://www.thetimenow.com/img/icons/list-style/icon_list_style_cross.png') no-repeat 0 1px
}

/*ul li, ol
li {
    line-height: 150%;
    list-style-type: disc;
    list-style-position: inside
}*/

article
footer {
    clear: both;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid;
    font-size: 11px
}

.half-block {
    width: 49%;
    margin-right: 2%;
    float: left;
    background: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 4px #ddd;
}

.third-block {
    width: 32%;
    margin-right: 2%;
    float: left
}

.quarter-block {
    width: 23.5%;
    margin-right: 2%;
    float: left
}

.clearrm {
    margin-right: 0
}

.clearfix {
    zoom: 1;
    clear: both
}

.tab-switch {
    display: block;
    position: relative;
    top: 7px
}

.tab-switch
li {
    float: left;
    list-style: none;
    margin-right: 15px
}

.tab-switch li:last-child {
    margin-right: 0
}

.tab-switch li:last-child
a {
    padding-right: 0
}

.tab-switch li
a {
    display: block;
    padding: 0 3px 12px;
    text-decoration: none;
    height: 16px
}

.tab-switch li
a.current {
    background-position: bottom center;
    background-repeat: no-repeat
}

.tab {
    clear: both;
    display: block;
    overflow: hidden
}

.sidetabs {
    background-repeat: repeat-y;
    overflow: hidden
}

.sidetab-switch {
    float: left;
    width: 181px
}

.sidetab-switch
a {
    display: block;
    padding: 10px 0;
    text-decoration: none
}

section .sidetab-switch
li {
    background: none;
    padding-left: 0;
    border-bottom: 1px solid
}

.sidetab-switch li
a.current {
    border-right: 1px solid
}

.sidetab-switch
p {
    margin: 20px 20px 0 0;
    font-size: 85%
}

.sidetab {
    display: block;
    overflow: hidden;
    padding-left: 20px
}

.button-switch {
    display: block
}

.button-switch
li {
    float: left;
    list-style: none;
    margin-right: 7px
}

.button-switch li:last-child {
    margin-right: 2px
}

.button-switch li
a.button {
    height: 18px;
    padding: 4px 15px
}

.accordion {
    margin: 0;
    border-top: 1px solid
}

.accordion
li {
    background: none;
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid
}

.accordion
div {
    margin-top: 15px
}

.accordion .accordion-switch {
    cursor: pointer;
    display: block;
    text-decoration: none;
    margin-right: 15px
}

.accordion .accordion-switch, .accordion .accordion-switch:hover {
    background-position: center right;
    background-repeat: no-repeat
}

.accordion .accordion-switch
h3 {
    margin: 0;
    text-shadow: none;
    font-size: 116%;
    font-weight: normal
}

.button-link, .button, button {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-shadow: 0 1px 2px #666;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: baseline;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    overflow: visible;
    width: auto
}

article section p .button-link {
    padding: 0 6px
}

.button-link {
    background-color: #ae432e;
    padding: 4px 6px;
    border: none;
    color: #fff
}

.button-link.blue {
    background-color: #066d99
}

.button-link.green {
    background-color: #6a9912
}

.button-link.gray {
    background-color: #929494
}

.button-link:hover {
    background-color: #4c4c4c;
    color: #fff
}

.button, button {
    border: 1px solid;
    padding: 4px 12px;
    margin-bottom: 2px;
    font-weight: bold;
    height: 28px
}

a.button, span.button {
    height: 12px;
    font-weight: normal
}

article section p
a.button {
    height: 16px;
    line-height: 100%;
    padding: 5px 15px
}

.button.disabled, button:disabled {
    text-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    font-weight: normal
}

.notification {
    display: block;
    clear: both;
    padding: 8px 10px 2px 12px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    margin: 0px 0 7px 0;
    font-size: 11px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 1px solid #fff !important;
    -moz-box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
    color: #777 !important;
    min-width: 669px;
    height: 100%;
    margin-left: 0px
}

.close-notification {
    float: right;
    text-decoration: none;
    color: #737373;
    position: relative;
    top: -10px;
    right: -2px
}

.close-notification:hover {
    color: #333
}

.notification.error {
    background-color: #f2d4ce;
    background-image: url('https://www.thetimenow.com/img/icons/icon_notification_error.png');
    border-color: #ae432e
}

.notification.error
strong {
    color: #ae432e
}

.notification.success {
    background-color: #d9e6c3;
    background-image: url('https://www.thetimenow.com/img/icons/icon_notification_success.png');
    border-color: #77ab13
}

.notification.success
strong {
    color: #69990f
}

.notification.attention {
    background-color: #faf6d4;
    background-image: url('https://www.thetimenow.com/img/icons/icon_notification_attention.png');
    border-color: #e6c26e
}

.notification.attention
strong {
    color: #be8007
}

.notification.information {
    background-color: #f9f9f9;
    color: #333
}

.notification.information
strong {
    color: #689416;
    font-size: 14px
}

.notification.note {
    background-color: #f2f2f2;
    background-image: url('https://www.thetimenow.com/img/icons/icon_notification_note.png');
    border-color: #d1d1d1
}

.notification.note
strong {
    color: #d1e751
}

#breadcrumbs {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 0 25px 0
}

#breadcrumbs
li {
    float: left;
    list-style: none;
    margin: 0 5px 0 0;
    padding-left: 10px;
    background: url('https://www.thetimenow.com/img/icons/icon_breadcrumbs.png') no-repeat center left
}

#breadcrumbs li:first-child {
    background: none;
    padding-left: 0;
    margin-top: 0
}

#breadcrumbs li:last-child {
    margin-right: 0
}

#breadcrumbs li
a {
    display: block
}

#breadcrumbs li:first-child a:hover {
    background-position: 0 -16px
}

.progress-bar {
    border: 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    height: 25px;
    margin: 0.67em 0
}

.progress-bar
div {
    border-radius: 5px;
    display: block;
    height: 27px;
    text-align: center;
    position: relative;
    top: -1px
}

.progress-bar div
span {
    color: #fff;
    text-shadow: 0 0px 3px #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 4px
}

.progress-bar div span
sup {
    top: -0.2em
}

.progress-bar.red
div {
    background-color: #ae432e
}

.progress-bar.blue
div {
    background-color: #058dc7
}

.progress-bar.green
div {
    background-color: #77ab13
}

article
img {
    padding: 4px
}

div.tab > img, div.tab > .image-frame
img {
    margin-top: 0
}

.image-frame {
    position: relative
}

.image-frame.left {
    margin-right: 15px
}

.image-frame.right {
    margin-left: 15px
}

.image-actions {
    background: #000;
    display: none;
    position: absolute;
    right: 12px;
    bottom: 16px;
    z-index: 10;
    list-style: none;
    margin: 0;
    padding: 6px 10px;
    opacity: .85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.image-gallery .image-actions {
    bottom: 20px
}

.image-actions
li {
    background: none;
    float: left;
    font-size: 85%;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #333
}

.image-actions li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.image-actions li
a {
    color: #fff;
    text-decoration: none
}

.image-actions li a:hover {
    text-decoration: underline
}

.image-gallery {
    margin: 0 0 0 10px;
    overflow: hidden
}

.image-gallery > li {
    float: left;
    list-style: none;
    background: none;
    padding: 0;
    margin-right: 10px;
    line-height: 220%
}

.image-gallery > li:last-child {
    margin-right: 0
}

.tag {
    display: block;
    color: #fff;
    font-size: 93%;
    padding: 2px 0;
    margin: 0 auto;
    text-align: center;
    width: 60px;
    height: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px #b3b3b3;
    -moz-box-shadow: 0 0 2px #b3b3b3;
    box-shadow: 0 0 2px #b3b3b3
}

.tag.red {
    background-color: #ae432e
}

.tag.blue {
    background-color: #058dc7
}

.tag.green {
    background-color: #77ab13
}

.tag.orange {
    background-color: #ef561a
}

.tag.gray {
    background-color: #b3b3b3
}

.loader {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 3px 0 0 5px
}

.emoticon {
    display: inline-block;
    text-indent: -9999em;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat
}

.extension {
    padding-left: 20px;
    background-position: 0 1px;
    background-repeat: no-repeat
}

.stats-summary {
    margin: 10px 0;
    padding: 0
}

.stats-summary
li {
    list-style: none;
    display: block;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 32px;
    background-image: none;
    line-height: 100%
}

.stats-summary p, .stats-summary .stats-count {
    float: left
}

.stats-summary .stats-view {
    float: right;
    margin: 2px 2px 0 0;
    padding: 5px 15px;
    height: 15px
}

.stats-summary .stats-count {
    display: block;
    min-width: 60px;
    text-align: right;
    font-size: 297%;
    padding: 10px 15px 0 0
}

.stats-summary
p {
    margin: 5px 0 0
}

.logs {
    margin: 0;
    padding: 0
}

.logs
li {
    background-position: 10px 8px;
    background-repeat: no-repeat;
    background-image: url('https://www.thetimenow.com/img/icons/icon_event.png');
    list-style: none;
    display: block;
    padding: 10px 10px 10px 35px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 100%
}

.logs li
h4 {
    text-shadow: none;
    font-size: 100%
}

.logs
li.event {
    background-image: url('https://www.thetimenow.com/img/icons/icon_event_log.png')
}

.logs
li.bomb {
    background-image: url('https://www.thetimenow.com/img/icons/icon_event_bomb.png')
}

.logs li .logs-timestamp {
    float: right;
    font-size: 93%
}

.logs li .logs-event {
    text-decoration: none;
    font-size: 116%
}

.logs li .logs-meta
a {
    text-decoration: none
}

.contacts {
    margin: 0;
    padding: 0;
    display: block;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.contacts
li {
    background: none;
    list-style: none;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid;
    line-height: 100%
}

.contacts li:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.contacts li
img {
    width: 48px;
    height: 48px;
    padding: 3px;
    margin-right: 15px;
    border: 1px solid;
    float: left
}

.contacts li a.contacts-user {
    margin: 2px 0;
    display: block;
    font-size: 108%;
    text-decoration: none
}

.contacts li
em {
    font-size: 93%
}

.contacts li
ul {
    margin: 8px 0 0;
    list-style: none;
    overflow: hidden
}

.contacts li ul
li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    border: none
}

.contacts li ul li:last-child {
    margin-right: 0
}

.contacts li .button-link {
    font-size: 80%
}

.tickets, .tickets ul, .tickets ul
ul {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.tickets
li {
    display: block;
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
    height: 100%
}

.tickets li
li {
    float: left
}

.tickets .ticket-header {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid
}

.tickets .ticket-header li, .tickets .ticket-data
li {
    text-align: center;
    padding: 0;
    width: 15%
}

.ie7 .tickets li.ticket-header-age, .ie7 .tickets li.ticket-data-age {
    width: 14% !important
}

.ie7 .tickets li.ticket-data {
    position: relative;
    top: -4px
}

.tickets .ticket-header
li {
    font-weight: bold
}

.tickets .ticket-header .ticket-header-activity, .tickets .ticket-data .ticket-data-activity {
    width: 40%
}

.tickets .ticket-data {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid;
    min-height: 45px;
    overflow: hidden
}

.tickets .ticket-data .ticket-data-activity {
    text-align: left
}

.tickets .ticket-data .ticket-data-activity
p {
    margin: 0
}

.tickets .ticket-data .ticket-data-user
strong {
    display: block
}

.tickets .ticket-data .ticket-data-ticket, .tickets .ticket-data .ticket-data-priority, .tickets .ticket-data .ticket-data-age {
    padding-top: 13px
}

.tickets .ticket-data .ticket-details {
    margin: 5px 15px;
    border-top: 1px dotted
}

.tickets .ticket-data .ticket-details
dl {
    overflow: hidden;
    padding: 9px;
    border: 1px solid;
    margin-bottom: 10px
}

.tickets .ticket-data .ticket-details dd, .tickets .ticket-data .ticket-details
dt {
    float: left;
    width: 13%;
    margin-bottom: 5px
}

.tickets .ticket-data .ticket-details
dd {
    margin-right: 2%
}

.tickets .ticket-data .ticket-details dd:nth-child(3n+3) {
    margin-right: 0
}

.tickets .ticket-data .ticket-details
dt {
    width: 19%
}

.tickets .ticket-data .ticket-details
dt.clear {
    clear: left
}

.tickets .ticket-data .ticket-details
h4 {
    text-shadow: none;
    margin: 15px 0
}

.tickets .ticket-data .ticket-details
h5 {
    text-shadow: none;
    text-transform: uppercase
}

.tickets .ticket-data .ticket-details .ticket-details-actions {
    float: right;
    margin: 0;
    padding: 10px 0
}

.tickets .ticket-data .ticket-details .ticket-details-actions
li {
    width: auto;
    margin-left: 5px
}

.tickets
.tag {
    line-height: 120%
}

.wizard-steps {
    margin: 0 0 25px;
    text-align: center;
    height: 35px;
    border-bottom: 3px solid
}

.wizard-steps
li {
    font-size: 116%;
    height: 100%;
    display: inline-block;
    padding: 0 15px
}

.ie7 .wizard-steps
li {
    display: block;
    float: left
}

.wizard-steps li
a {
    display: block;
    text-decoration: none;
    position: relative;
    padding-bottom: 25px;
    background-repeat: no-repeat;
    background-position: center 27px
}

.wizard-steps li a.current, .wizard-steps li
a.done {
    background-position: center -92px
}

.modal {
    display: none
}

form {
    margin-top: 25px;
    padding-bottom: 10px
}

form.table-form {
    margin-top: 0
}

button, input, select, textarea {
    margin: 0
}

textarea {
    overflow: auto
}

fieldset {
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 25px 25px 0;
    margin-bottom: 25px;
    border: 1px solid
}

legend {
    font-size: 116%;
    padding: 0 1em
}

.ie6 legend, .ie7
legend {
    margin-left: -7px
}

.ie8 legend, .ie7
legend {
    margin-bottom: 30px
}

.ie8
legend {
    top: -25px
}

.ie7
legend {
    top: -35px
}

form
dt {
    width: 150px;
    text-align: right
}

form
dd {
    position: relative;
    top: -24px;
    left: 165px
}

dd
p {
    font-size: 77%;
    position: relative;
    top: 2px
}

input, textarea, select {
    border: 1px solid;
    -moz-border-radius: 1px;
    border-radius: 1px
}

input.small, textarea.small {
    width: 25%
}

input.medium, textarea.medium {
    width: 54%
}

input.large, textarea.large {
    width: 175%
}

input.full, textarea.full {
    width: 97%
}

input[type=number], input[type=text], input[type=password], textarea, select {
    padding: 7px 6px 5px 7px
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

input[type="checkbox"], input[type="radio"] {
    background: none;
    border: none
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6
input {
    vertical-align: text-bottom
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer
}

label {
    font-weight: bold
}

select {
    width: auto
}

.checkbox, .radio {
    width: 200px;
    position: relative;
    left: 185px;
    text-align: left
}

.checkbox label, .radio
label {
    font-weight: normal
}

.checkbox {
    top: -5px
}

.radio {
    top: -3px
}

form
dd.text {
    top: -18px;
    color: #666;
    width: 490px
}

form dd.text
p {
    top: -1px;
    font-size: 100%;
    color: #666
}

button {
    width: auto;
    overflow: visible
}

form span.valid-side-note, span.invalid-side-note {
    margin-left: 10px;
    padding: 0 0 0 25px;
    background-repeat: no-repeat;
    background-position: left center
}

form span.valid-side-note {
    background-image: url(https://www.thetimenow.com/img/icons/icon_success.png)
}

form span.invalid-side-note {
    background-image: url(https://www.thetimenow.com/img/icons/icon_error.png)
}

.ie7 input[type=checkbox], .ie8 input[type=checkbox], .ie9 input[type=checkbox],
.ie7 input[type=radio], .ie8 input[type=radio], .ie9 input[type=radio] {
    border: none;
    box-shadow: none
}

.ie7 .checkbox, .ie8 .checkbox,
.ie9
.checkbox {
    top: -7px
}

.ie7 .radio, .ie8 .radio, .ie9
.radio {
    top: -5px
}

.ie7 td
select {
    position: relative;
    top: -3px;
    left: -15px
}

input:disabled, input.disabled {
    box-shadow: none;
    cursor: not-allowed
}

input.datepicker {
    background: url(https://www.thetimenow.com/img/icons/icon_calendar.png) no-repeat 6px 6px;
    padding-left: 30px;
    cursor: pointer
}

.ie9
input.datepicker {
    background-position: 6px 5px
}

.jq-datepicker {
    border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.jq-datepicker .datepick-nav {
    height: 20px;
    padding-top: 5px
}

.jq-datepicker .datepick-ctrl {
    padding: 5px 0 3px
}

.jq-datepicker .datepick-nav, .jq-datepicker .datepick-ctrl, .jq-datepicker .datepick-month,
.jq-datepicker .datepick-month-header, .jq-datepicker .datepick-month-header select, .jq-datepicker .datepick-month-header input,
.jq-datepicker .datepick-cmd:hover, .jq-datepicker .datepick-ctrl .datepick-cmd:hover, .jq-datepicker .datepick-month th,
.jq-datepicker .datepick-month th
a {
    background: none
}

.jq-datepicker .datepick-month-header, .jq-datepicker .datepick-month-header select, .jq-datepicker .datepick-month-header
input {
    height: auto
}

.jq-datepicker .datepick-month-header
select {
    border: 1px solid;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.jq-datepicker .datepick-month
table {
    margin-top: 5px;
    border-top: 1px solid
}

.jq-datepicker .datepick-month table
td {
    width: 30px
}

.jq-datepicker .datepick-month a, .jq-datepicker .datepick-month
span {
    padding: 11px 0
}

.jq-datepicker .datepick-month th, .jq-datepicker .datepick-month th
a {
    border-top: none
}

.htmlcalendar {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid;
    table-layout: fixed
}

.htmlcalendar tbody
tr {
    background: none;
    min-height: 110px
}

.htmlcalendar tbody th, .htmlcalendar tbody
td {
    border: 1px solid;
    padding: 0;
    margin: 0
}

.htmlcalendar tbody
td {
    min-width: 110px;
    width: 15%
}

.htmlcalendar
.week {
    width: 56px;
    padding: 0;
    font-weight: normal;
    font-size: 131%;
    text-align: right
}

.htmlcalendar .week span, .htmlcalendar .week
sup {
    padding-right: 8px
}

.htmlcalendar .day > div {
    min-height: 110px
}

.htmlcalendar .calendar-entry {
    padding: 8px;
    text-align: right;
    font-size: 131%
}

.htmlcalendar .week span, .htmlcalendar .calendar-entry
span {
    display: block;
    font-weight: bold;
    margin-bottom: 0
}

.htmlcalendar .week
span {
    margin-bottom: 5px
}

.htmlcalendar .calendar-event {
    padding: 0 5px 5px
}

.htmlcalendar .calendar-event
.event {
    display: block;
    padding: 3px 6px;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ie7 .htmlcalendar .calendar-event
.event {
    padding: 3px 5px
}

.htmlcalendar .calendar-event .event
a {
    display: block;
    text-decoration: none
}

.htmlcalendar .calendar-event .event a:hover {
    text-decoration: none
}

.htmlcalendar-actions {
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden
}

.htmlcalendar-actions
li {
    background: none;
    list-style: none;
    padding: 12px 0 0;
    margin: 0;
    width: 25%;
    float: left;
    display: block;
    vertical-align: middle
}

.htmlcalendar-actions li.current-month {
    width: 49%;
    text-align: center
}

.htmlcalendar-actions li.current-month
h4 {
    font-size: 156%;
    text-shadow: none;
    margin: 0
}

.htmlcalendar-actions li.current-day {
    font-size: 118%
}

.htmlcalendar-actions
li.actions {
    padding: 0
}

.htmlcalendar-actions li.actions
ul {
    float: right;
    margin: 0;
    padding: 0
}

.htmlcalendar-actions li.actions
li {
    width: auto;
    padding: 0;
    margin-right: 5px
}

.htmlcalendar-actions li.actions li:last-child {
    margin-right: 0
}

.htmlcalendar-actions li.actions
a.button {
    padding: 6px 15px
}

.ttn-calendar.yearly{
  max-width: 33%;
}

#calendars-container{
  padding: 20px;
}

.ui-widget-content .ui-state-active{
  background: inherit;
  border: inherit;
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555;
}



table {
    width: 100%;
    font-size: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid
}

tbody {
    border-top: 1px solid;
    border-bottom: 1px solid
}

th, td {
    padding: 5px 10px;
    height: 30px;
    text-align: left;
    border-bottom: 1px solid;
    vertical-align: middle
}

th {
    padding: 10px 0
}

th {
    font-size: 116%
}

table input[type="checkbox"] {
    margin: 0 6px;
    position: static
}

table
.pagination {
    float: right;
    margin: 5px 0
}

table .pagination
li {
    float: left;
    list-style: none;
    background: none;
    padding: 0;
    margin-right: 5px
}

table .pagination
li.hellip {
    padding-top: 2px
}

table .pagination li:last-child {
    margin-right: 0
}

table
.actions {
    margin: 0 5px 0;
    padding: 0
}

table .actions
li {
    background: none;
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    padding: 0
}

.ie7 table .actions
li {
    display: block;
    float: left
}

table .actions li
a {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999em
}

table .actions li:last-child {
    margin-right: 0
}

table .actions
.view {
    background: url('https://www.thetimenow.com/img/icons/icon_table_view.png') no-repeat 0 0
}

table .actions
.edit {
    background: url('https://www.thetimenow.com/img/icons/icon_table_edit.png') no-repeat 0 0
}

table .actions
.delete {
    background: url('https://www.thetimenow.com/img/icons/icon_table_delete.png') no-repeat 0 0
}

.toggle-table-switch {
    display: block;
    height: 16px;
    width: 16px;
    padding: 4px;
    text-indent: -999em;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    margin: 0 auto
}

.table-switch {
    position: absolute;
    margin: 2px 0 0;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    z-index: 1;
    margin-left: 6px
}

.ie7 .table-switch {
    margin-left: -13px
}

.ie8 .table-switch, .ie9 .table-switch {
    margin-left: 9px
}

.table-switch
li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid
}

.table-switch li:last-child {
    border: none
}

.table-switch li
a {
    display: block;
    padding: 5px 0;
    text-decoration: none
}

.no-js .table-switch, .no-js .toggle-table-switch {
    display: none
}

.login {
    background-image: none
}

.login section[role=main] {
    margin: 100px auto 0;
    min-width: 380px;
    width: 380px;
    background: none
}

.login section[role=main] > a {
    background: url('https://www.thetimenow.com/img/sample_logo.png') no-repeat;
    width: 148px;
    height: 31px;
    text-indent: -9999em;
    display: block
}

.login #login-box {
    margin-top: 25px;
    border-radius: 4px
}

#login-box .article-container {
    border: 1px solid;
    padding: 25px 25px 15px;
    border-radius: 4px
}

.login
form {
    overflow: hidden;
    margin-top: 15px
}

.login form
fieldset {
    margin-bottom: 15px
}

.login form
dt {
    width: 50px
}

.login form
dt.checkbox {
    left: 85px;
    width: 200px
}

.login form
dd {
    left: 65px
}

.login-links {
    margin: 0;
    float: right
}

.login-links
a {
    text-decoration: none
}

.login-links
li {
    float: left;
    list-style: none;
    background: none;
    padding: 2px 10px;
    border-left: 1px solid;
    border-right: 1px solid
}

.login-links li:first-child {
    border-left: none
}

.login-links li:last-child {
    padding-right: 0;
    border-right: none
}

.error-page {
    background-image: none
}

.error-page section[role=main] {
    margin: 80px auto 0;
    min-width: 600px;
    width: 600px;
    background: none
}

.error-page
p {
    margin-bottom: 10px
}

.error-page
p.description {
    text-align: center;
    font-size: 156%;
    margin-bottom: 25px;
    font-weight: bold
}

.error-page
a.button {
    float: right
}

.error-page
strong {
    display: block;
    text-align: center;
    font-size: 600%
}

.timediv {
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}

#main_links {
    display: block;
    letter-spacing: inherit;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
	width: 100%;
}

#main_links2 {
    font-size: 12px;
    display: block;
    padding-bottom: 15px;
    letter-spacing: inherit;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px
}

#main_links ul, #main_links li {
    list-style: none !important;
}

#main_time, #main_time_clock {
    font-size: 60px;
    color: #555;
    letter-spacing: inherit
}

#main_date {
    display: block;
    font-size: 25px
}

.list_capital {
    background: url('https://www.thetimenow.com/img/icons/building.png') no-repeat 0 1px
}

.list_population {
    background: url('https://www.thetimenow.com/img/icons/user_suit.png') no-repeat 0 1px
}

.list_currency {
    background: url('https://www.thetimenow.com/img/icons/money.png') no-repeat 0 1px
}

.list_calling {
    background: url('https://www.thetimenow.com/img/icons/phone_display.png') no-repeat 0 1px
}

.list_area {
    background: url('https://www.thetimenow.com/img/icons/world.png') no-repeat 0 1px
}

.list_hotel {
    background: url('https://www.thetimenow.com/img/icons/hotel.png') no-repeat 0 1px
}

.list_plane {
    background: url('https://www.thetimenow.com/img/icons/Plane.png') no-repeat 0 1px
}

.list_chat {
    background: url('https://www.thetimenow.com/img/icons/chat.png') no-repeat 0 1px
}

.list_hotel
a {
    font-size: 13px
}

.list_plane
a {
    font-size: 13px
}

.list_chat
a {
    font-size: 13px
}

ul#suggest_box {
    margin: 0px !important;
}

#suggest_box {
    list-style: none;
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px; /*top:192px;left:-3px;*/
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666
}

#suggest_box li {
    list-style: none !important;
}

#suggest_box
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid
}

#suggest_box li.selected, #suggest_box li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_box
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_box
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

#suggest_city_box {
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px;
    left: 110px;
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666;
    list-style: none;
    background-image: none
}

#suggest_city_box
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid;
    background-image: none
}

#suggest_city_box li.selected, #suggest_city_box li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_city_box
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_city_box
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

#suggest_city_box2 {
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px;
    left: 110px;
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666;
    list-style: none;
    background-image: none
}

#suggest_city_box2
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid;
    background-image: none
}

#suggest_city_box2 li.selected, #suggest_city_box2 li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_city_box2
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_city_box2
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

#suggest_city_box3 {
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px;
    left: 110px;
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666;
    list-style: none;
    background-image: none
}

#suggest_city_box3
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid;
    background-image: none
}

#suggest_city_box3 li.selected, #suggest_city_box3 li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_city_box3
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_city_box3
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

#suggest_city_box4 {
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px;
    left: 110px;
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666;
    list-style: none;
    background-image: none
}

#suggest_city_box4
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid;
    background-image: none
}

#suggest_city_box4 li.selected, #suggest_city_box4 li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_city_box4
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_city_box4
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

#suggest_city_box5 {
    position: absolute;
    font-size: 12px;
    color: #555;
    background: #fff;
    cursor: pointer;
    width: 432px;
    left: 110px;
    z-index: 1000;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666;
    list-style: none;
    background-image: none
}

#suggest_city_box5
li {
    padding: 4px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px #f1f1f1 solid;
    background-image: none
}

#suggest_city_box5 li.selected, #suggest_city_box5 li:hover {
    background: #f1f1f1;
    font-weight: bold;
    border-bottom: 1px #ddd solid
}

#suggest_city_box5
.location {
    float: left;
    margin: 5px;
    display: inline-block
}

#suggest_city_box5
.time {
    float: right;
    margin: 5px;
    display: inline-block
}

form {
    padding: 0px;
    margin: 0px
}

.main {
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
    border-left: 5px solid #ed7433;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

a.greenn, a.greenn:visited {
    color: #87B433
}

a.greenn:hover {
    text-decoration: underline;
    color: #333
}

a.black, a.black:visited {
    color: black
}

a.black:hover {
    text-decoration: underline;
    color: #333
}

a.red, a.red:visited {
    color: #802909
}

a.red:hover {
    text-decoration: underline;
}

a.bluee, a.bluee:visited {
    color: #3798C2
}

a.bluee:hover {
    text-decoration: underline;
    color: #333
}

.cities
a {
    float: left;
    padding: 3px 0px;
    font-size: 13px;
    background-color: #F9F9F9;
    margin: 4px;
    padding: 2px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    text-decoration: none;
    border: 1px solid #E2E0E0
}

.cities a:hover {
    text-decoration: underline;
}

.countries
a {
    float: left;
    padding: 3px 0px;
    font-size: 13px;
    background-color: #F9F9F9;
    margin: 4px;
    padding: 4px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    text-decoration: none;
    border: 1px solid #E2E0E0;
    color: #87B433
}

.countries a:hover {
    color: #555
}

.leaderboard {
    text-align: center;
    padding-top: 0px;
    clear: both
}

.search-form {
    padding-top: 7px
}

.share {
    display: block;
    padding: 10px 0px 5px 0px
}

.sky {
    margin: 0 auto;
    width: 120px;
    padding: 10px;
    position: fixed;
    top: 10px;
    left: 1020px;
    background-color: #f9f9f9;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 1px solid #fff;
    -moz-box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
    display: none
}

.notificationsearch {
    background-color: #26ADE4;
    display: block;
    clear: both;
    padding: 14px 10px 4px 26px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    margin: 0px 0 7px 0;
    font-size: 11px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 1px solid #60ccf7;
    -moz-box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
    color: #777 !important;
    min-width: 669px;
    height: 42px;
    margin-left: 241px
}

input#search{
  font-family: "PT Sans", Arial, sans-serif;
}

.notificationsearch
#search {
    background-color: #fff;
    padding: 5px 10px 5px 5px;
    font-size: 15px;
    color: #777;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    width: 425px;
    height: 22px;
    font-style: italic;
}

.searchtext {
    float: left;
    color: #fff;
    font-family: 'Cabin', sans-serif;
    font-size: 18px;
    width: 200px;
    position: relative;
    top: 4px;
    left: -7px
}

.searchtext
em {
    float: left;
    color: #333;
    font-family: arial;
    font-size: 12px
}

.notificationsearch
form {
    margin-left: 200px
}

.content {
    font-size: 13px
}

.smallbanner {
    padding-left: 33px
}

.sprite {
    background: url('https://www.thetimenow.com/img/spritewee.png') no-repeat top left
}

.spritelogo {
    height: 63px;
    width: 199px;
    background-position: -1682px -50px;
    position: relative;
    left: -10px
}

.spritesocial {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: 6px
}

.spritefacebook {
    background-position: -1882px -50px
}

.spritetwitter {
    background-position: -1924px -50px
}

.spritegoogle {
    background-position: -1903px -50px
}

.spritewlg {
    width: 50px;
    height: 50px;
    margin-left: 5px
}

.spritewsm {
    width: 30px;
    height: 30px
}

.spritewind {
    width: 14px;
    height: 14px
}

.spriteastro {
    width: 60px;
    height: 60px;
    margin-left: 5px
}

.sprite-1 {
    background-position: 0 0
}

.sprite-10 {
    background-position: -31px 0
}

.sprite-10lg {
    background-position: -62px 0
}

.sprite-11 {
    background-position: -113px 0
}

.sprite-11lg {
    background-position: -144px 0
}

.sprite-12 {
    background-position: -195px 0
}

.sprite-12lg {
    background-position: -226px 0
}

.sprite-13 {
    background-position: -277px 0
}

.sprite-13lg {
    background-position: -308px 0
}

.sprite-14 {
    background-position: -359px 0
}

.sprite-14lg {
    background-position: -390px 0
}

.sprite-15 {
    background-position: -441px 0
}

.sprite-15lg {
    background-position: -472px 0
}

.sprite-16 {
    background-position: -523px 0
}

.sprite-16lg {
    background-position: -554px 0
}

.sprite-17 {
    background-position: -605px 0
}

.sprite-17lg {
    background-position: -636px 0
}

.sprite-18 {
    background-position: -687px 0
}

.sprite-18lg {
    background-position: -718px 0
}

.sprite-19 {
    background-position: -769px 0
}

.sprite-19lg {
    background-position: -800px 0
}

.sprite-1lg {
    background-position: -851px 0
}

.sprite-2 {
    background-position: -902px 0
}

.sprite-20 {
    background-position: -933px 0
}

.sprite-20lg {
    background-position: -964px 0
}

.sprite-21 {
    background-position: -1015px 0
}

.sprite-21lg {
    background-position: -1046px 0
}

.sprite-22 {
    background-position: -1097px 0
}

.sprite-22lg {
    background-position: -1128px 0
}

.sprite-23 {
    background-position: -1179px 0
}

.sprite-23lg {
    background-position: -1210px 0
}

.sprite-24 {
    background-position: -1261px 0
}

.sprite-24lg {
    background-position: -1292px 0
}

.sprite-25 {
    background-position: -1343px 0
}

.sprite-25lg {
    background-position: -1374px 0
}

.sprite-26 {
    background-position: -1425px 0
}

.sprite-26lg {
    background-position: -1456px 0
}

.sprite-27 {
    background-position: -1507px 0
}

.sprite-27lg {
    background-position: -1538px 0
}

.sprite-28 {
    background-position: -1589px 0
}

.sprite-28lg {
    background-position: -1620px 0
}

.sprite-29 {
    background-position: -1671px 0
}

.sprite-29lg {
    background-position: -1702px 0
}

.sprite-2lg {
    background-position: -1753px 0
}

.sprite-3 {
    background-position: -1804px 0
}

.sprite-30 {
    background-position: -1835px 0
}

.sprite-30lg {
    background-position: -1866px 0
}

.sprite-31 {
    background-position: -1917px 0
}

.sprite-31lg {
    background-position: -1948px 0
}

.sprite-32 {
    background-position: 0 -51px
}

.sprite-32lg {
    background-position: -31px -51px
}

.sprite-33 {
    background-position: -82px -51px
}

.sprite-33lg {
    background-position: -113px -51px
}

.sprite-34 {
    background-position: -164px -51px
}

.sprite-34lg {
    background-position: -195px -51px
}

.sprite-35 {
    background-position: -246px -51px
}

.sprite-35lg {
    background-position: -277px -51px
}

.sprite-3lg {
    background-position: -328px -51px
}

.sprite-4 {
    background-position: -379px -51px
}

.sprite-4lg {
    background-position: -410px -51px
}

.sprite-5 {
    background-position: -461px -51px
}

.sprite-5lg {
    background-position: -492px -51px
}

.sprite-6 {
    background-position: -543px -51px
}

.sprite-6lg {
    background-position: -574px -51px
}

.sprite-7 {
    background-position: -625px -51px
}

.sprite-7lg {
    background-position: -656px -51px
}

.sprite-8 {
    background-position: -707px -51px
}

.sprite-8lg {
    background-position: -738px -51px
}

.sprite-9 {
    background-position: -789px -51px
}

.sprite-9lg {
    background-position: -820px -51px
}

.sprite-cw_no_report_icon {
    background-position: -1355px -51px
}

.sprite-cw_no_report_iconlg {
    background-position: -1386px -51px
}

.sprite-E {
    background-position: -871px -51px
}

.sprite-ENE {
    background-position: -886px -51px
}

.sprite-ESE {
    background-position: -901px -51px
}

.sprite-N {
    background-position: -916px -51px
}

.sprite-NE {
    background-position: -931px -51px
}

.sprite-NNE {
    background-position: -946px -51px
}

.sprite-NNW {
    background-position: -961px -51px
}

.sprite-NW {
    background-position: -976px -51px
}

.sprite-S {
    background-position: -991px -51px
}

.sprite-SE {
    background-position: -1006px -51px
}

.sprite-SSE {
    background-position: -1021px -51px
}

.sprite-SSW {
    background-position: -1036px -51px
}

.sprite-SW {
    background-position: -1051px -51px
}

.sprite-W {
    background-position: -1066px -51px
}

.sprite-WNW {
    background-position: -1081px -51px
}

.sprite-WSW {
    background-position: -1096px -51px
}

.sprite-cw_first_qtr {
    background-position: -1111px -51px
}

.sprite-cw_full_moon {
    background-position: -1172px -51px
}

.sprite-cw_last_quarter {
    background-position: -1233px -51px
}

.sprite-cw_new_moon {
    background-position: -1294px -51px
}

.sprite-cw_waning_crescent {
    background-position: -1437px -51px
}

.sprite-cw_waning_gibbous {
    background-position: -1498px -51px
}

.sprite-cw_waxing_crescent {
    background-position: -1559px -51px
}

.sprite-cw_waxing_gibbous {
    background-position: -1620px -51px
}

#menulanguage {
    list-style: none;
    background: #fff;
    margin: 0
}

#menulanguage
li {
    float: left;
    padding: 4px 10px 4px 10px;
    border: 0;
    list-style: none !important;
}

#menulanguage li:hover {
    padding: 4px 10px 4px 10px
}

#menulanguage li
a {
    font-size: 12px;
    height: 0px;
    text-indent: 0;
    width: 71px;
    margin: 0
}

#menulanguage li:hover
a {
}

.dropdowntwocolumns {
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 4px 5px;
    border: 1px solid #dcdcdc;
    background: #f9f9f9;
    width: 155px;
    z-index: 5000;
    border-radius: 15px 0px 15px 15px;
    box-shadow: 0 0 4px #DDDDDD
}

.coloneandl {
    float: left;
    margin-left: 5px;
    width: 71px
}

.coloneandl
a {
    padding-bottom: 5px
}

section[role="navigation"] header {
    margin: 0 2px 5px 0
}

@charset "utf-8";
a, .wizard-steps li a.done, .wizard-steps li a:hover, .wizard-steps li a.current,
.tab-switch li a.current, .sidetab-switch li a.current, .tab-switch li a:hover, .sidetab-switch li a:hover,
.widget.decrease strong, .jq-datepicker.datepick a, #user-info div > a:hover, .contacts li a.contacts-user:hover, .tickets .ticket-data .ticket-details h4 {
    color: #105f7e; /*#1d1dff*/ /*#229bcc*/;
}
#main-nav ul li.current a, #main-nav ul li.current li.current a, #main-nav ul li.current a:hover{
    color: #fff;
}
#main-nav ul li a, #main-nav ul li.current li a, #main-nav ul li span, .wizard-steps li a,
.sidebar h2, .jq-datepicker .datepick-month-header select, .jq-datepicker .datepick-month th,
.jq-datepicker .datepick-month th a, .tab-switch li a, .sidetab-switch li
a {
    color: #666
}

section[role=navigation] header h1, article footer, .widget.add-new-widget a:hover strong,
.sidetab-switch p, .jq-datepicker .datepick-month td .datepick-weekend, .ticket-data-ticket {
    color: #4c4c4c
}

.htmlcalendar .calendar-event .event a, .error-page strong, .jq-datepicker .datepick-month a:hover,
.jq-datepicker .datepick-month td .datepick-weekend:hover, .jq-datepicker .datepick-month td .datepick-highlight,
.jq-datepicker .datepick-month td .datepick-today, .htmlcalendar .calendar-event
.event {
    color: #fff
}

#user-info em, .widget .close-widget:hover, .contacts li em, .htmlcalendar .week.current-week {
    color: #8c8c8c
}

.sidebar, .widget, .logs li .logs-timestamp, .logs li .logs-meta, .stats-summary
li { /*color:#808080*/
}

.jq-datepicker .datepick-cmd:hover, .jq-datepicker .datepick-ctrl .datepick-cmd:hover {
    color: #036
}

.widget.add-new-widget strong, .htmlcalendar .day.previous-month, .htmlcalendar .day.next-month {
    color: #ccc
}

.widget.increase strong, #new-tasks
span {
    color: #77ab13
}

.widget .close-widget, input:disabled, input.disabled {
    color: #bfbfbf
}

.htmlcalendar .day.today, .htmlcalendar tr:nth-child(even) .day.today {
    color: #737373
}

#user-info div > a {
    color: #4c4c4c
}

.htmlcalendar
.week {
    color: #d6d6d6
}

.htmlcalendar
.day {
    color: #a6a6a6
}

dd
p {
    color: #888
}

body, body.login, body.error-page, .tickets .ticket-data .ticket-details
dl {
    background-color: #e6e6e6
}

.widget.add-new-widget, .htmlcalendar tr:nth-child(even) .day, .tickets .ticket-data:nth-child(2n+1),
.jq-datepicker .datepick-month-header select, input:disabled, input.disabled, input, textarea, select, input.datepicker {
    background-color: #fafafa
}

.htmlcalendar .calendar-event
.event.blue {
    background-color: #058dc7
}

.htmlcalendar .calendar-event
.event.green {
    background-color: #77ab13
}

.htmlcalendar .calendar-event
.event.orange {
    background-color: #ef561a
}

.htmlcalendar .calendar-event
.event.black {
    background-color: #4d4d4d
}

.htmlcalendar .calendar-event .event.gray, .jq-datepicker .datepick-month a:hover,
.jq-datepicker .datepick-month td .datepick-weekend:hover, .jq-datepicker .datepick-month td .datepick-highlight {
    background-color: #999
}

tbody tr:nth-child(odd), .widget, .stats-summary li, .progress-bar, .logs li, .contacts, .htmlcalendar .day, .tickets .ticket-data:nth-child(2n) {
}

.sidebar img, .contacts li img, .login #login-box, .table-switch, .toggle-table-switch,
.htmlcalendar .week, .htmlcalendar .day.previous-month, .htmlcalendar .day.next-month {
    background-color: #fff
}

.htmlcalendar .day.today, .htmlcalendar tr:nth-child(even) .day.today {
    background-color: #ffc
}

.jq-datepicker .datepick-month td .datepick-today, .htmlcalendar .calendar-event
.event {
    background-color: #ae432e
}

input.valid, textarea.valid {
    background-color: #eef4e4
}

input.invalid, textarea.invalid {
    background-color: #f4e9e7
}

input:focus, textarea:focus {
    background-color: #ededed
}

#main-nav ul li
span {
    background-color: #d1d1d1
}

#main-nav ul
li.current {
    background-image: url('https://www.thetimenow.com/img/bgs/bg_aside_nav_current.png')
}

#main-nav ul li li, #main-nav ul li
li.current {
    background-image: url('https://www.thetimenow.com/img/icons/list-style/icon_list_style.png')
}

.widget.add-new-widget
span {
    background-image: url('https://www.thetimenow.com/img/widgets/widget_add.png')
}

/*article section ul li{background-image:url('https://www.thetimenow.com/img/icons/list-style/icon_list_style.png')}*/
.sidetabs {
    background-image: url('https://www.thetimenow.com/img/bgs/bg_sidetab.png')
}

.accordion .accordion-switch {
    background-image: url('https://www.thetimenow.com/img/icons/icon_accordion.png')
}

.accordion .accordion-switch:hover {
    background-image: url('https://www.thetimenow.com/img/icons/icon_accordion-hover.png')
}

.loader {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading.gif')
}

.loader.red {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_red.gif')
}

.loader.green {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_green.gif')
}

.loader.blue {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_blue.gif')
}

.nested
.loader {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_nested.gif')
}

.nested
.loader.red {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_red_nested.gif')
}

.nested
.loader.green {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_green_nested.gif')
}

.nested
.loader.blue {
    background-image: url('https://www.thetimenow.com/img/icons/ajax_loading_blue_nested.gif')
}

.tab-switch li
a.current {
    background-image: url('https://www.thetimenow.com/img/icons/icon_tab.png')
}

.toggle-table-switch {
    background-image: url('https://www.thetimenow.com/img/icons/icon_table_options.png')
}

.wizard-steps li
a {
    background-image: url('https://www.thetimenow.com/img/bgs/bg_wizard.png')
}

.sidebar.separator, .sidebar
.separator {
    border-color: #d1d1d1
}

#user-info img, article img, .toggle-table-switch:hover, .toggle-table-switch.active, .sidebar img, .contacts li img, .jq-datepicker, .table-switch {
    border-color: #b3b3b3
}

article header, section .sidetab-switch li, .accordion, .accordion li, .contacts li, .wizard-steps,
.jq-datepicker .datepick-month table, table, tbody, th, td, .table-switch li, .widget, .tickets .ticket-header, .tickets .ticket-data,
article footer, .stats-summary li, .logs li, .contacts, .progress-bar {
    border-color: #e6e6e6;
    background: #ffffff;
    padding: 15px;
}

.jq-datepicker .datepick-month, .jq-datepicker .datepick-month td, .sidetab-switch li a.current,
.jq-datepicker .datepick-month th, .jq-datepicker .datepick-month th
a {
    border-color: #fff
}

.htmlcalendar, .htmlcalendar tbody th, .htmlcalendar tbody td, .toggle-table-switch, .tickets .ticket-data .ticket-details, .tickets .ticket-data .ticket-details
dl {
    border-color: #ccc
}

fieldset, .jq-datepicker .datepick-month-header select, input, textarea, select, input.datepicker, input:disabled, input.disabled {
    border-color: #ddd
}

#main-nav ul li span, #main-nav ul li
span {
    border-color: #bfbfbf
}

input.valid, textarea.valid {
    border-color: #77ab13
}

input.invalid, textarea.invalid {
    border-color: #ae432e
}

input:focus, textarea:focus {
    border-color: #a6a6a6
}

.login #login-box .article-container {
    border-color: #ababab
}

.login-links
li {
    border-left: 1px solid #f2f0f0;
    border-right: 1px solid #d1d1d1
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: none
}

.stats-summary .stats-count {
    text-shadow: 0 1px 1px #a6a6a6
}

.htmlcalendar .calendar-entry {
    text-shadow: 0 1px 0 #fff
}

.error-page
strong {
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0, 0, 0, .1),
    0 0 5px rgba(0, 0, 0, .1),
    0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .25),
    0 10px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15)
}

.htmlcalendar .day.today > div, .progress-bar div, .login #login-box {
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999
}

.htmlcalendar .calendar-event
.event {
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999
}

.jq-datepicker, .toggle-table-switch.active, .table-switch {
    -webkit-box-shadow: 0 0 2px #b3b3b3;
    -moz-box-shadow: 0 0 2px #b3b3b3;
    box-shadow: 0 0 2px #b3b3b3
}

input, textarea, select, input.datepicker, .jq-datepicker .datepick-month-header
select {
    -webkit-box-shadow: inset 0 0 4px #d9d9d9;
    -moz-box-shadow: inset 0 0 4px #d9d9d9;
    box-shadow: inset 0 0 4px #d9d9d9
}

article.nested header, article.nested footer, article.nested .logs li, article.nested fieldset, article.nested .wizard-steps, article.nested .ticket-data,
article.nested .sidetab-switch li, article.nested .contacts, article.nested .stats-summary li, article.nested .ticket-header,
article.nested .progress-bar, article.nested .accordion, article.nested .accordion li, .ie7 section.nested,
.ie8 section.nested, .ie7 article.nested .article-container, .ie8 article.nested .article-container,
.nested table, .nested th, .nested td, .nested {
    border-color: #999
}

article.nested .sidetab-switch li, article.nested .accordion, article.nested .accordion li,
article.nested fieldset, article.nested .contacts, article.nested .contacts li, article.nested .stats-summary li,
article.nested section h3, article.nested section h4, article.nested section
h5 {
    color: #666
}

article.nested header h2, article.nested .accordion .accordion-switch
h3 {
    color: #ae432e
}

article.nested {
    background-color: #f1f1f1;
    color: #808080
}

.sidebar.nested {
    background-color: #d9d9d9
}

article.nested .tab-switch li
a.current {
    background-image: url('https://www.thetimenow.com/img/icons/icon_tab_nested.png')
}

article.nested
.sidetabs {
    background-image: url('https://www.thetimenow.com/img/bgs/bg_sidetab_nested.png')
}

article.nested .accordion .accordion-switch {
    background-image: url('https://www.thetimenow.com/img/icons/icon_accordion_nested.png')
}

article.nested .accordion .accordion-switch:hover {
    background-image: url('https://www.thetimenow.com/img/icons/icon_accordion-hover_nested.png')
}

article.nested .wizard-steps li
a {
    background-image: url('https://www.thetimenow.com/img/bgs/bg_wizard_nested.png')
}

.nested {
    -webkit-box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    box-shadow: 0px 0px 4px #666
}

article.nested .sidetab-switch li
a.current {
    border-right: 1px solid #e6e6e6
}

.button-link, .button, button {
    text-shadow: 0 1px 2px #666
}

.button-link {
    background-color: #999;
    color: #fff
}

.button-link.blue {
    background-color: #26ADE4
}

.button-link.green {
    background-color: #6a9912
}

.button-link.gray {
    background-color: #929494
}

.button-link:hover {
    background-color: #4c4c4c;
    color: #fff
}

.button, button {
    border-color: #cb6652 #b74d39 #803121;
    background: -moz-linear-gradient(top, #faa796, #d06c57 5%, #ae432e 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#faa796), to(#ae432e), color-stop(0.05, #d06c57));
    background: -o-linear-gradient(top, #faa796, #d06c57 5%, #ae432e 100%);
    -webkit-box-shadow: 0 1px 2px #999;
    -moz-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
    color: #fce8e3
}

.button:hover, button:hover {
    background: -moz-linear-gradient(top, #faa796, #d06c57 5%, #943a28 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#faa796), to(#943a28), color-stop(0.05, #d06c57));
    background: -o-linear-gradient(top, #faa796, #d06c57 5%, #943a28 100%);
    color: #fff
}

.no-cssgradients .button, .no-cssgradients
button {
    background: #ae432e url('https://www.thetimenow.com/img/btns/btn_red.png') repeat-x left top
}

.no-cssgradients .button:hover, .no-cssgradients button:hover {
    background: #963c2a url('https://www.thetimenow.com/img/btns/btn_red_hover.png') repeat-x left top
}

.button.blue, button.blue {
    border-color: #1495cc #2b8ab3 #066d99;
    background: -moz-linear-gradient(top, #afe3fa, #6cb8d9 5%, #088ec8 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#afe3fa), to(#088ec8), color-stop(0.05, #6cb8d9));
    background: -o-linear-gradient(top, #afe3fa, #6cb8d9 5%, #088ec8 100%);
    color: #ebf9ff
}

.button.blue:hover, button.blue:hover {
    background: -moz-linear-gradient(top, #afe3fa, #6cb8d9 5%, #077bad 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#afe3fa), to(#077bad), color-stop(0.05, #6cb8d9));
    background: -o-linear-gradient(top, #afe3fa, #6cb8d9 5%, #077bad 100%);
    color: #fff
}

.no-cssgradients .button.blue, .no-cssgradients
button.blue {
    background: #088ec8 url('https://www.thetimenow.com/img/btns/btn_blue.png') repeat-x left top
}

.no-cssgradients .button.blue:hover, .no-cssgradients button.blue:hover {
    background: #0a7dae url('https://www.thetimenow.com/img/btns/btn_blue_hover.png') repeat-x left top
}

.button.green, button.green {
    border-color: #8dcc18 #7cb315 #6a9912;
    background: -moz-linear-gradient(top, #d7fa96, #abd957 5%, #78ac15 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d7fa96), to(#78ac15), color-stop(0.05, #abd957));
    background: -o-linear-gradient(top, #d7fa96, #abd957 5%, #78ac15 100%);
    color: #f7ffe5
}

.button.green:hover, button.green:hover {
    background: -moz-linear-gradient(top, #d7fa96, #abd957 5%, #659111 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d7fa96), to(#659111), color-stop(0.05, #abd957));
    background: -o-linear-gradient(top, #d7fa96, #abd957 5%, #659111 100%);
    color: #fff
}

.no-cssgradients .button.green, .no-cssgradients
button.green {
    background: #78ac15 url('https://www.thetimenow.com/img/btns/btn_green.png') repeat-x left top
}

.no-cssgradients .button.green:hover, .no-cssgradients button.green:hover {
    background: #679212 url('https://www.thetimenow.com/img/btns/btn_green_hover.png') repeat-x left top
}

.button.orange, button.orange {
    border-color: #8dcc18 #7cb315 #6a9912;
    background: -moz-linear-gradient(top, #d7fa96, #abd957 5%, #78ac15 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d7fa96), to(#78ac15), color-stop(0.05, #abd957));
    background: -o-linear-gradient(top, #d7fa96, #abd957 5%, #78ac15 100%);
    color: #f7ffe5
}

.button.orange:hover, button.orange:hover {
    background: -moz-linear-gradient(top, #d7fa96, #abd957 5%, #659111 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d7fa96), to(#659111), color-stop(0.05, #abd957));
    background: -o-linear-gradient(top, #d7fa96, #abd957 5%, #659111 100%);
    color: #fff
}

.no-cssgradients .button.orange, .no-cssgradients
button.orange {
    background: #78ac15 url('https://www.thetimenow.com/img/btns/btn_green.png') repeat-x left top
}

.no-cssgradients .button.orange:hover, .no-cssgradients button.orange:hover {
    background: #679212 url('https://www.thetimenow.com/img/btns/btn_green_hover.png') repeat-x left top
}

.button.gray, button.gray {
    border-color: #b1b3b3 #a4a6a6 #929494;
    background: -moz-linear-gradient(top, #f2f2f2, #ccc 5%, #777 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#777), color-stop(0.05, #ccc));
    background: -o-linear-gradient(top, #f2f2f2, #ccc 5%, #777 100%);
    color: #fff;
    text-shadow: 0 1px 2px #999
}

.button.gray:hover, button.gray:hover {
    background: -moz-linear-gradient(top, #f2f2f2, #ccc 5%, #555 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#555), color-stop(0.05, #ccc));
    background: -o-linear-gradient(top, #f2f2f2, #ccc 5%, #555 100%);
    color: #fff
}

.no-cssgradients .button.gray, .no-cssgradients
button.gray {
    background: #abacac url('https://www.thetimenow.com/img/btns/btn_gray.png') repeat-x left top
}

.no-cssgradients .button.gray:hover, .no-cssgradients button.gray:hover {
    background: #9a9c9c url('https://www.thetimenow.com/img/btns/btn_gray_hover.png') repeat-x left top
}

.button.yellow, button.yellow {
    border-color: #b1b3b3 #a4a6a6 #929494;
    background: -moz-linear-gradient(top, #f2f2f2, #FFCA27 5%, #EFB823 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#EFB823), color-stop(0.05, #FFCA27));
    background: -o-linear-gradient(top, #f2f2f2, #FFCA27 5%, #EFB823 100%);
    color: #fff;
    text-shadow: 0 1px 2px #999
}

.button.yellow:hover, button.yellow:hover {
    background: -moz-linear-gradient(top, #f2f2f2, #FFCA27 5%, #DEA51F 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#EFB823), color-stop(0.05, #FFCA27));
    background: -o-linear-gradient(top, #f2f2f2, #FFCA27 5%, #EFB823 100%);
    color: #fff
}

.no-cssgradients .button.yellow, .no-cssgradients
button.yellow {
    background: #abacac url('https://www.thetimenow.com/img/btns/btn_gray.png') repeat-x left top
}

.no-cssgradients .button.yellow:hover, .no-cssgradients button.yellow:hover {
    background: #9a9c9c url('https://www.thetimenow.com/img/btns/btn_gray_hover.png') repeat-x left top
}

.button.disabled, button:disabled {
    background: #fafafa;
    border-color: #b1b3b3;
    color: #a0a0a0
}

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1;
    overflow: hidden;
    margin-bottom: 25px
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white
}

.dataTables_length, .dataTables_filter {
    margin-bottom: 15px;
    overflow: hidden
}

.dataTables_length {
    width: 40%;
    float: left
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}

.dataTables_info, .dataTables_paginate {
    margin-top: 15px;
    overflow: hidden
}

.dataTables_info {
    width: 60%;
    float: left
}

.dataTables_paginate {
    float: right;
    text-align: right
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    float: left;
    cursor: pointer
}

.paginate_disabled_previous {
    background-image: url('https://www.thetimenow.com/img/jquery/back_disabled.png')
}

.paginate_enabled_previous {
    background-image: url('https://www.thetimenow.com/img/jquery/back_enabled.png')
}

.paginate_disabled_next {
    background-image: url('https://www.thetimenow.com/img/jquery/forward_disabled.png')
}

.paginate_enabled_next {
    background-image: url('https://www.thetimenow.com/img/jquery/forward_enabled.png')
}

table.datatable {
    margin: 0 auto;
    clear: both;
    width: 99.8%
}

table.datatable thead
th {
    cursor: pointer;
    *cursor: hand
}

table.datatable
td.center {
    text-align: center
}

.sorting_asc {
    background: url('https://www.thetimenow.com/img/jquery/sort_asc.png') no-repeat center right
}

.sorting_desc {
    background: url('https://www.thetimenow.com/img/jquery/sort_desc.png') no-repeat center right
}

.sorting {
    background: url('https://www.thetimenow.com/img/jquery/sort_both.png') no-repeat center right
}

.sorting_asc_disabled {
    background: url('https://www.thetimenow.com/img/jquery/sort_asc_disabled.png') no-repeat center right
}

.sorting_desc_disabled {
    background: url('https://www.thetimenow.com/img/jquery/sort_desc_disabled.png') no-repeat center right
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    *margin-top: -1px
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCC
}

.top
.dataTables_info {
    float: none
}

.clear {
    clear: both
}

.dataTables_empty {
    text-align: center
}

tfoot
input {
    margin: 0.5em 0;
    width: 100%;
    color: #444
}

tfoot
input.search_init {
    color: #999
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E
}

.example_alt_pagination
div.dataTables_info {
    width: 40%
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers
span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand
}

.paging_full_numbers
span.paginate_button {
    background-color: #ddd
}

.paging_full_numbers span.paginate_button:hover {
    background-color: #ccc
}

.paging_full_numbers
span.paginate_active {
    background-color: #99B3FF
}

table.display tr.even.row_selected
td {
    background-color: #B0BED9
}

table.display tr.odd.row_selected
td {
    background-color: #9FAFD1
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF
}

tr.even {
    background-color: #fff
}

tr.even:hover {
    background-color: #F0F0F0
}

tr.odd {
    background-color: #f9f9f9
}

tr.odd:hover {
    background-color: #F0F0F0
}

.onglets {
    font-size: 16px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 20px;
    padding-top: 4px;
}

/*input[type="text"], select {padding:0;}*/

.review img {
    padding: 0;
    position: relative;
    top: 2px;
}

#logo {
    position: relative;
    left: -10px;
}

.pagination {
    clear: both;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pagination a {
    background-color: #F16431;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    display: block;
}

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

.pagination a.pagination-prev {
    float: left;
}

.pagination a.pagination-next {
    float: right;
}

.heading {
    font-size: 15px;
    font-family: arial;
    color: #555;
    font-weight: bold;
}

/********** COMPARE TIMEZONES PAGES ***********/

.live-clock {
    font-size: 40px;
}

.live-clock .date {
    font-size: 20px;
}

.clock-tz {
    font-size: 20px
}

.tz-compare-links a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tz-compare-links.mobile {
    text-align: center;
}

.tz-compare-links.mobile a {
    display: block;
    font-size: 16px;
}

.trending-topics-links a,
.timezone-convert-links a {
    font-size: 14px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    background-color: white;
}

.trending-topics-links a:hover,
.timezone-convert-links a:hover {
    text-decoration: none;
    background-color: #fafafa;
}

#compare-timezones-content h1 {
    font-size: 20px;
}

#compare-timezones-content h2,
#compare-timezones-content h3 {
    font-size: 18px;
}

.live-clock, .live-clock * {
    color: #000000;
}

#tz1-clock-box {
    border: 1px solid #229bcc;
    padding-bottom: 17px;
}

#tz1-clock-box header {
    background-color: #15607d !important;
    border: 1px solid #15607d !important;
    color: white;
    margin-bottom: 17px;
    border-radius:0px;
}

#tz2-clock-box {
    border: 1px solid #F16431;
    padding-bottom: 17px;
}

#tz2-clock-box header {
    background-color: #9c320b !important;
    border: 1px solid #9c320b !important;
    color: white;
    margin-bottom: 17px;
    border-radius:0px;
}

.code {
    background-color: #eee;
    border-color: #ccc;
    color: black;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#worldclock-header-wrapper {
    min-height: 170px;
    background-repeat: no-repeat;
    background-image: url('../../images/globe.png');
    background-position: left 40px;
    margin-bottom: 10px;
    background-size: 16%;
}

#worldclock-header.mobile #worldclock-header-wrapper {
    background: none;
}

#worldclock-header-heading {
    text-transform: uppercase;
    font-size: 34px;
    font-style: italic;
    color: #5d6166 !important;
}

#worldclock-header-search {
    background-image: url('../../images/worldclock-header-bg.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    float: right;
    width: 580px;
    min-height: 150px;
    padding-top: 40px;
    color: white;
    font-size: 18px;
    font-weight: normal;
}

#worldclock-header-search input#search {
    margin-top: 10px;
    border-radius: 6px;
    width: 95%;
    font-size: 18px;
    color: #acacac;
}

#worldclock-header-icons .item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

#worldclock-header.mobile #worldclock-header-icons .item img {
    height: 20px;
}

#worldclock-header.mobile h1 {
    font-size: 25px;
    margin-bottom: 0px;
}

#worldclock-header.mobile {
    padding-left: 10px;
}

#worldclock-header.mobile #worldclock-header-icons {
    text-align: left;

}

#worldclock-header.mobile #worldclock-header-icons .item {
    font-size: 14px;
    margin-right: 0px;
}

#worldclock-header-icons {
    margin-top: 15px;
}

#worldclock-header-icons input {
    margin-left: 40px;
    background-color: #e86425;
    color: white;
    font-size: 18px;
    padding: 8px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 8px;
    border: none !important;
}

#worldclock-header.mobile #worldclock-header-icons input {
    margin-left: 0px;
}

#worldclock-table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#worldclock-table tr td.time-cell {
    border-right: 1px solid #e6e6e6;
}

/*** TIME CONVERTER PAGE ***/
#time-converter-content {

}

#time-converter-from-fields {
    border: 1px solid #229bcc;;
}

#time-converter-from-fields header {
    background-color: #229bcc;
}

#time-converter-from-fields header h2 {
    font-size: 18px;
    color: white;
}

#time-converter-to-fields {
    border: 1px solid #F16431;
}

#time-converter-to-fields header {
    background-color: #F16431;
}

#time-converter-to-fields header h2 {
    font-size: 18px;
    color: white;
}

#time-convert-results {
    margin-bottom: 20px;
}

#time-convert-results header {
    background-color: #F16431;
}

#time-convert-results header h2 {
    font-size: 18px;
    color: white;
}

#time-convert-results table th {
    text-align: left;
    padding-left: 10px;
    background-color: #000000;
    color: white;
}

#time-convert-results table tr:nth-child(odd) {
    background-color: #eee;
}

#time-convert-results table tr:nth-child(2) td {
    font-weight: bold !important;
}

#time-converter-add-city {
    margin-left: 10px;
}

.time-converter-to-city {
    margin-top: 5px;
}

#time-convert-results h2 {
    font-size: 25px;
}

#timezone-convert-button {
    float: right;
    margin: 20px;
    margin-right: 60px;
    font-family: inherit;
}

#main-nav ul li, #main-nav ol li {
    list-style: none !important;
}

.fancy-box {
    border-radius: 8px 0px 8px 8px;
    padding-bottom: 5px;
}

.fancy-box header {
    margin-bottom: 5px;
}

.fancy-box.dark-blue header {
    background-color: #105f7e !important;
}

.fancy-box.dark-blue {
    border: 1px solid #105f7e;
}

.fancy-box.dark-blue header * {
    font-size: 18px;
    color: white;
}

#home-secondary-links {
    clear: both;
    padding-top: 10px;
}

#home-secondary-links li {
    list-style: none !important;

    padding-bottom: 5px;
}

#home-secondary-links li a, #home-secondary-links li {
    font-weight: bold;
    font-size: 16px;
}

#timezone-page-clock-links {
    text-align: left;
    margin-bottom: 5px;
}

#timezone-page-clock-links a {
    font-size: 12px;
    font-weight: bold;
}

#timezone-page-clock-links a:first-child {
    margin-right: 87px;
}

/**** CALENDARS ****/
.ttn-calendar .ui-state-disabled,
.ttn-calendar .ui-widget-content .ui-state-disabled,
.ttn-calendar .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}

.ttn-calendar .ui-datepicker-next,
.ttn-calendar .ui-datepicker-prev {
    display: none !important;
}

.ttn-calendar .ui-datepicker {
    width: auto;
}

.ttn-calendar .ui-datepicker td span, .ttn-calendar .ui-datepicker td a {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.ttn-calendar .ui-widget-content {
    border: none;
}

.ttn-calendar.yearly {
    width: 49%;
    display: inline-block;
    text-decoration: none !important;
}

.ttn-calendar.yearly a {
    cursor: default;
}

.ttn-calendar.yearly .ui-datepicker-header {
    cursor: pointer !important;
    text-decoration: underline;
}

.ttn-calendar .ui-datepicker-header {
    background-color: #105f7e;
    color: white;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: black !important;
    color: white !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    color: black !important;
}

.message {
    padding: 10px;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.message.error {
    background-color: red;
    color: white;
}

.full-block header.header-title{
    padding: 5px 0px 5px 15px;
    border-left: 5px #ed7433 solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
header.header-title h1{
    background: url(../../img/header-icon.png) transparent no-repeat;
  background-position-y: 50%;
    padding-left: 35px;
    text-transform: uppercase;
    font-weight: 300;
}

header.header-title h1 a{
    color: #953d0d;
}
#home-popular-links .full-block {
    background: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.half-block.clearrm {
    margin-right: 0%;
}
.half-block header, #home-popular-links .full-block header, #home-news header, .timediv header{
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-left: 5px solid #ed7433;
}
.half-block header h2, #home-popular-links .full-block header h2, #home-news header h2{
    font-weight: 300 !important;
    font-size: 16px !important;
}
.half-block section, #home-popular-links .full-block section, #home-news section, .full-block section{
    padding: 10px;
}
.full-block{
    border-radius: 4px;
    -moz-border-radius: 4px;
}
#home-news, #time-converter-content .full-block{
    background: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.timediv{
    width:100%;
    /*margin-bottom:15px;*/
    float:left;
    background: #ffffff;
}
.timediv .header-title h2{
    font-weight: 300;
    font-size: 18px;
    text-align: left;
}
.timeBoxLength{
    margin: 0px 11px 0px 11px;
    color:#000000;
    width: 47% !important;
}
.separator{
    color:#515151;
}
.timeBoxLength.clock{
    background: url(../../img/clock_bg.png) transparent no-repeat;
    height: 100px;
}
.timeBoxLength.calendar{
    background: url(../../img/calendar_bg.png) transparent no-repeat;
    height: 100px;
}
.offset{
    float: right;
    font-weight: 300;
    font-size: 15px;
    margin: -25px 10px 10px 0;
    color:#565656;
}
.clock_dile, .calendar_dile{
    width: 37%;
    margin: 15.5px 10px;
    margin-top: 5px;
    float: left;
}

.calendar_dile .holder{
    background-image: url(../../img/calendar_icon.png);
    width: 73px;
    padding: 15px 0px 10px 0px;
    margin-left: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 70px;
}

.calendar_dile .holder span{
    font-weight: 300;
    font-size: 45px;
}
.clock_dile #clockid{
    width: 80px !important;
    height: 80px !important;
}
.clock_hours{
    width: 50%;
    border: 1px solid #ccc;
    margin: 5px 10px 0px 10px;
    float: right;
    height: 62px;
    background: #ffffff;
    box-shadow: 0 2px 2px 0px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.clock_hours .top {
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    display: table;
    padding: 0px;
    table-layout: fixed;
    text-align: center;
    border-left: 0px;
    border-right: 0px;
}
.clock_hours .top span {
    display: table-cell;
    width: 25%;
    padding-right: 2px;
    height: auto;
    vertical-align: bottom;
}
.clock_hours .top span a {
    display: block;
    min-height: 100%;
    padding: 3px 10px;
}
.clock_hours .top span a.active {
    background: #fff;
}

ul.home_links{
  text-align: left;
  margin: 0px;
  padding-left: 25px;
}

ul.home_links li{
  text-align: left;
  color:#666;
  background-image:none;
  padding: 0px;
  margin: 0px;
}

ul.home_links li:first-of-type{
  margin-right: 40px;
}

ul.home_links li a{
  font-size: 12px !important;
}

#main-nav ul li#worldclock{
    background-image : url(../../img/menu_icon_sprite.png);
    background-position:8px 7px;
    padding-left: 27px;
    background-repeat: no-repeat;
}
#main-nav ul li#worldclock:hover, #main-nav ul li#worldclock:active, #main-nav ul li#worldclock.active{
    background-position:-55px 7px;
}
#main-nav ul li#timezones{
    background-image : url(../../img/menu_icon_sprite.png);
    background-position:8px -44px;
    padding-left: 27px;
    background-repeat: no-repeat;
}
#main-nav ul li#timezones:hover, #main-nav ul li#timezones:active, #main-nav ul li#timezones.active{
    background-position:-55px -44px;
}
#main-nav ul li#tools{
    background-image : url(../../img/menu_icon_sprite.png);
    background-position:8px -144px;
    padding-left: 27px;
    background-repeat: no-repeat;
}
#main-nav ul li#tools:hover, #main-nav ul li#tools:active, #main-nav ul li#tools.active{
    background-position:-55px -144px;
}
#main-nav ul li#More{
    background-image : url(../../img/menu_icon_sprite.png);
    background-position:8px -444px;
    padding-left: 27px;
    background-repeat: no-repeat;
}
#main-nav ul li#More:hover, #main-nav ul li#More:active, #main-nav ul li#More.active{
    background-position:-55px -444px;
}
#main-nav ul li#plugins{
    background-image : url(../../img/menu_icon_sprite.png);
    background-position:8px -544px;
    padding-left: 27px;
    background-repeat: no-repeat;
}
#main-nav ul li#plugins:hover, #main-nav ul li#plugins:active, #main-nav ul li#plugins.active{
    background-position:-55px -544px;
}

.breadcrumbs{
  position: relative;
  top: 5px;
  padding-bottom: 10px;
  padding-left: 20px;
}



ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none !important;
  list-style-type: none !important;
}
li:before {
  content: "";
  border-color: transparent rgb(16, 95, 126);
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
  list-style: none !important;
  list-style-type: none !important;
}

#timezone-details-box {
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 1px solid #DDD;
}

noscript{
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  padding: 10px;
  width: 100%;
  display: block;
}

#main-nav ul{
  padding: 0px;
  list-style: none;
}

#main-nav ul, #main-nav ul li{
  list-style: none !important;
  list-style-type: none !important;
}

#main-nav ul li:before,
ul#menulanguage li:before,
#suggest_box li:before{
  border: none;
}
#suggest_box ul,
#suggest_box li {
  padding-left: 0px !important;
  padding-right: 0px !important
}
#suggest-box-cities,
#suggest-box-timezones{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.timeBoxLength.links{
  margin-top: 0px ;
}

#military-time-converter table{
    width:100%;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    padding: 10px;
}
#military-time-converter table tbody tr th, #military-time-converter table tbody tr td{
    border-right: 1px solid #e6e6e6;
    padding: 5px;
}

#military-time-converter #main_time_wrapper, #military-time-converter #main_time{
    font-size: 32px;
    text-align: center;
}
#military-converter select{
    margin: 0 auto;
}
table.military-converter-table tbody tr{
    cursor: pointer;
    background: transparent none repeat scroll 0 0;
}
table.military-converter-table tbody tr:hover,
table.military-converter-table tbody tr:active,
table.military-converter-table tbody tr:hover td{
    background: #ADD8E6 none repeat scroll 0 0 !important;
}