/* Tunynet CSS Framework 0.6
----------------------------------*/

/* New Message Tips
----------------------------------*/
.tn-msg-bubble-fix { position: relative; }
.tn-msg-bubble-fix .tn-msg-bubble { position: absolute; right: -10px; top: -10px; }
.tn-msg-bubble { font-size: 11px; padding: 1px 5px; margin: 0 0 0 5px; border-radius: 30px; background: #C3412F; color: #fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); white-space: nowrap;}
a.tn-msg-bubble-fix:hover { text-decoration: none; }

/* Header
----------------------------------*/
.tn-breadcrumb { padding: 0 0 0 20px; }
.tn-breadcrumb .tn-selected { font-size: 1em; margin: 0; display: inline; }
.tn-breadcrumb .tn-seperator { padding: 0 10px; }

/* Progress bar
----------------------------------*/
.tn-progress-bar { height: 3px; } 
.tn-progress-bar .tn-progress-bar-value { height: 100%; margin: -1px; font-size: 0; }
.tn-progress-text { padding: 5px 0 0;  }

/* Instructions
----------------------------------*/
.tn-instructions { padding: 10px 0; }
.tn-instructions .tn-step { float: left; text-align: center; position: relative; }
.tn-instructions .tn-step span { line-height: 2em;}
.tn-instructions .tn-step b { width: 8px; height: 8px; position: absolute; right: 0; top: -8px; font-size: 0; margin-right: -1px; }
.tn-instructions .tn-selected b { width: 16px; height: 16px; top: -12px; }
.tn-instructions .tn-selected span { font-weight: bold; font-size: 133.3%; }

/* Tags cloud
----------------------------------*/
.tn-tags-cloud, .tn-tags-hot{ line-height: 1.667; word-wrap: break-word; }
.tn-tags-cloud span, .tn-tags-hot span { padding: 0 5px; }
.tn-tags-cloud .tn-font-size-0, .tn-tags-hot .tn-font-size-0 { font-size: 100%; }
.tn-tags-cloud .tn-font-size-1, .tn-tags-hot .tn-font-size-1 { font-size: 108.33%; }
.tn-tags-cloud .tn-font-size-2, .tn-tags-hot .tn-font-size-2 { font-size: 116.67%; }
.tn-tags-cloud .tn-font-size-3, .tn-tags-hot .tn-font-size-3 { font-size: 125%; }
.tn-tags-cloud .tn-font-size-4, .tn-tags-hot .tn-font-size-4 { font-size: 133.33%; }
.tn-tags-cloud .tn-font-size-5, .tn-tags-hot .tn-font-size-5 { font-size: 141.67%; }
.tn-tags-cloud .tn-font-size-6, .tn-tags-hot .tn-font-size-6 { font-size: 150%; }
.tn-tags-cloud .tn-font-size-7, .tn-tags-hot .tn-font-size-7 { font-size: 158.33%; }
.tn-tags-cloud .tn-font-size-8, .tn-tags-hot .tn-font-size-8 { font-size: 166.67%; }
.tn-tags-cloud .tn-font-size-9, .tn-tags-hot .tn-font-size-9{ font-size: 175%; }
.tn-tags { line-height: 1.667;}
.tn-tags span {padding: 0 5px; white-space:nowrap;}

/* info part
----------------------------------*/
.tn-info-part { padding: 10px 0; }
.tn-info-part .tn-text-heading { padding-bottom: 10px; border-width: 0 0 1px; margin-bottom: 5px; }
.tn-info-part li { padding: 5px 0; }
.tn-info-part dl { padding: 5px 0; }
.tn-info-part dt { display: inline;}
.tn-info-part dd { display: inline; margin-left: 0; }

/* Box
----------------------------------*/
.tn-box { margin-bottom: 10px; }
.tn-box .tn-box-content { border: none; padding: 10px }
.tn-box .tn-box-header { margin: 1px 1px 0; padding: 5px 10px; }
.tn-box .tn-box-header h3 { display: inline; }
.tn-box .tn-box-header .tn-option { float: right; }
.tn-content-heading { padding: 10px 0; margin: 0 0 10px; }
.tn-content-heading h4 { display: inline; padding-right: 10px; }
.tn-content-heading .tn-option { float: right }
.tn-main-heading { padding: 0 0 10px; margin: 0 0 10px; }
.tn-main-heading h2 { display: inline; padding-right: 10px; margin: 0; font-size: 18px; font-weight: normal; }
.tn-main-heading .tn-option { float: right; }
.tn-main-heading .tn-option .tn-more { margin: 0 10px; padding: 0; line-height: 24px; }
.tn-main-heading .tn-option .tn-action { margin: 0 10px; }
.tn-main-heading .tn-option .tn-action .tn-action-text { padding-top: 0; padding-bottom: 0; line-height: 24px; }
.tn-main-heading .tn-option .tn-button { margin: 0 10px; }
.tn-no-data { padding: 20px 10px; text-align: center; }

/* Simple text
----------------------------------*/
.tn-simple-text { line-height: 20px; }

/* Collapsible Panels
----------------------------------*/
.tn-collapsible,
.tn-collapsible-icon { *position: relative; }
.tn-collapsible-header { position: relative; padding: 5px 10px; zoom:1; }
.tn-collapsible-header .tn-switch { position: absolute; top: 50%; margin-top: -8px; cursor: pointer; }
.tn-collapsible-header h4 span { _cursor: pointer; }
.tn-collapsible .tn-switch-left { padding-left: 25px; }
.tn-collapsible .tn-switch-left .tn-switch { left: 5px; }
.tn-collapsible .tn-switch-right { padding-right: 25px; }
.tn-collapsible .tn-switch-right .tn-switch { right: 5px; }
.tn-collapsible .tn-collapsible-content { padding: 10px; }
.tn-collapsible-opened div.tn-box-header { border-width: 0 0 1px; }
.tn-collapsible-closed div.tn-box-header { border-width: 0; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 1px; padding: 1px 2px 0; border-width: 0 0 1px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 1px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 4px 10px; _padding: 5px 10px 3px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 10px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tn-tabs .tn-tabs-nav { position: relative; }
.tn-tabs .tn-tabs-nav li { float: left; position: relative; top: 1px; white-space: nowrap; margin-right: 1px; border-radius: 3px 3px 0 0; }
.tn-tabs .tn-tabs-nav li a { float: left; padding: 3px 10px 2px; line-height: 20px; }
.tn-tabs .tn-tabs-nav li.tn-tabs-selected { padding-bottom: 1px; }
.tn-tabs .tn-tabs-nav li.tn-tabs-selected a { cursor: default; text-decoration: none; }
.tn-tabs .tn-tabs-nav li.tn-option { float: right; }
.tn-tabs .tn-tabs-nav li.tn-option .tn-button { padding: 0; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon { margin: 0; padding-left: 0; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon .tn-action-text { padding-right: 0; padding-left: 20px; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon .tn-icon { left: 2px; overflow: hidden; zoom:1; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon-right .tn-action-text { padding-right: 20px; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon-right .tn-icon { right: 2px; }
.tn-tabs .tn-tabs-nav li .tn-action-text-icon-right { margin: 0; padding-right: 0; }
.tn-tabs .tn-tabs-nav li.tn-option .tn-action-text-icon-right { margin-right: 10px; padding-left: 0; padding-right: 0; }
.tn-tabs .tn-tabs-panel { padding: 10px 0; }

.ui-tabs .ui-tabs-nav li.tn-helper-right,
.tn-tabs .tn-tabs-nav li.tn-helper-right { float: right; background: none; border: none; }
.ui-tabs .ui-tabs-nav li.tn-helper-right a:hover,
.tn-tabs .tn-tabs-nav li.tn-helper-right a:hover { text-decoration: underline; }

/* Button
----------------------------------*/
.tn-button { display: inline-block; padding: 0; margin-right: 5px; text-decoration: none!important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }
.tn-button .tn-button-text { padding: 0 10px; }
.tn-button-large .tn-button-text { font-size: 14px; font-weight: bold; padding: 0 10px; }
button.tn-button { height: 24px; }
button.tn-button-large { height: 32px; }
a.tn-button .tn-button-text,
div.tn-button .tn-button-text { display: block; line-height: 22px; }
a.tn-button-large .tn-button-text,
div.tn-button-large .tn-button-text { line-height: 30px; }

.tn-button-icon-only .tn-button-text { padding: 0 3px; text-indent: -9999px; }
.tn-button-text-icon-primary .tn-button-text { padding-left: 20px; }
.tn-button-text-icon-secondary .tn-button-text { padding-right: 20px; }

.tn-button-icon-only { width: 22px; }
button.tn-button-icon-only { width: 24px; }
.tn-button-icon-only, 
.tn-button-text-icon-primary, 
.tn-button-text-icon-secondary { position: relative; }
.tn-button-icon-only .tn-icon, 
.tn-button-text-icon-primary .tn-icon, 
.tn-button-text-icon-secondary .tn-icon { position: absolute; top: 50%; margin-top: -8px; }
.tn-button-icon-only .tn-icon { left: 50%; margin-left: -8px; }
.tn-button-text-icon-primary .tn-icon { left: 2px; }
.tn-button-text-icon-secondary .tn-icon { right: 2px; }

.tn-action,
.tn-explain-icon { margin: 0 5px 0 0; display: inline-block; }
a.tn-action .tn-icon { cursor: pointer; }
.tn-action .tn-icon,
.tn-explain-icon .tn-icon { position: absolute; top: 50%; margin-top: -8px; }
.tn-action .tn-action-text,
.tn-explain-icon .tn-icon-text { padding: 2px 0; }
.tn-action-text-icon,
.tn-action-text-icon-right,
.tn-explain-icon,
.tn-explain-icon-right { position: relative; }
.tn-action-text-icon .tn-action-text,
.tn-explain-icon .tn-icon-text { padding: 0 2px 0 18px; }
.tn-action-text-icon .tn-icon,
.tn-explain-icon .tn-icon { left: 0px; }
.tn-action-text-icon-right .tn-action-text,
.tn-explain-icon-right .tn-icon-text { padding: 0 17px 0 0; }
.tn-action-text-icon-right .tn-icon,
.tn-explain-icon-right .tn-icon { right: 0px; left: auto; }

/* Side Menu
----------------------------------*/
.tn-side-menu li { padding: 5px 0; position: relative; }
.tn-side-menu li .tn-menu-text { padding-left: 26px; line-height: 16px; display: inline-block; }
.tn-side-menu li .tn-icon { position: absolute; left: 5px; top: 5px; }
.tn-side-menu li ul { padding-top: 5px; }
.tn-side-menu li li { padding: 5px 0 5px 1em; }
.tn-side-menu-action { padding: 10px 0 5px 11px; }

/* Directory navigation
----------------------------------*/
.tn-directory h5 { line-height: 20px; float: left; width: 100%; margin: 0 -20px 5px 0; }
.tn-directory .tn-expand { float: right; width: 16px; padding: 2px 0 0;}
.tn-directory-level { padding: 0 0 10px; margin-bottom: 10px; line-height: 20px; clear: both; }
.tn-directory-level .tn-selected { font-weight: bold; }
.tn-directory-item { display: inline-block; padding: 0 15px 0 0; white-space: nowrap; }
.tn-directory-more .tn-directory-level { padding: 0; margin: 0; clear: none; }
.tn-directory-search { padding: 0 0 10px; }
.tn-directory-search .tn-search-box { float: left; margin-right: 10px }
.tn-directory-selected { float: left; }
.tn-directory-selected-item { padding: 3px 20px 3px 5px; *padding: 4px 20px 2px 5px; display: inline-block; position: relative; margin-right: 10px; line-height: 16px; }
.tn-directory-selected-item .tn-icon { position: absolute; right: 2px; top: 50%; margin-top: -8px; }
.tn-directory-result { padding: 20px 0 0; }

/* MessageBox
----------------------------------*/
.tn-message-box { padding: 10px; margin: 10px 0; line-height: 20px; }
.tn-message-box .tn-helper-left .tn-icon { margin: 2px 5px; }

/* Dialog boxes
----------------------------------*/
.tn-bubble-box { position: relative; zoom:1; }
.tn-bubble-box-arrow-left { padding-left: 4px }
.tn-bubble-box-arrow-right { padding-right: 4px }
.tn-bubble-box-arrow { position: absolute; font-size: 0; }
.tn-bubble-box-arrow b { border-style: solid; overflow: hidden; zoom: 1; display: block; height: 1px; }
.tn-bubble-box-arrow-left .tn-bubble-box-arrow { width: 5px; height: 7px; top: 10px; left: 0; }
.tn-bubble-box-arrow-left .tn-bubble-box-arrow b { border-width: 0 0 0 1px;}
.tn-bubble-box-arrow-left .tn-arrow-b1, .tn-bubble-box-arrow-left .tn-arrow-b7 { margin-left: 3px; }
.tn-bubble-box-arrow-left .tn-arrow-b2, .tn-bubble-box-arrow-left .tn-arrow-b6 { margin-left: 2px; }
.tn-bubble-box-arrow-left .tn-arrow-b3, .tn-bubble-box-arrow-left .tn-arrow-b5 { margin-left: 1px; }
.tn-bubble-box-arrow-right .tn-bubble-box-arrow { width: 5px; height: 7px; top: 10px; right: 0; }
.tn-bubble-box-arrow-right .tn-bubble-box-arrow b { border-width: 0 1px 0 0;}
.tn-bubble-box-arrow-right .tn-arrow-b1, .tn-bubble-box-arrow-right .tn-arrow-b7 { margin-right: 3px; }
.tn-bubble-box-arrow-right .tn-arrow-b2, .tn-bubble-box-arrow-right .tn-arrow-b6 { margin-right: 2px; }
.tn-bubble-box-arrow-right .tn-arrow-b3, .tn-bubble-box-arrow-right .tn-arrow-b5 { margin-right: 1px; }
.tn-bubble-box-arrow-top { padding-top: 4px; }
.tn-bubble-box-arrow-top .tn-bubble-box-arrow  { width: 9px; height: 5px; top: 0px; left: 20px; }
.tn-bubble-box-arrow-bottom { padding-bottom: 4px; }
.tn-bubble-box-arrow-bottom .tn-bubble-box-arrow  { width: 9px; height: 5px; bottom: 0px; _bottom: -1px; left: 20px; }
.tn-bubble-box-arrow-top .tn-arrow-b1, .tn-bubble-box-arrow-bottom .tn-arrow-b1 { width: 0; border-width: 0 0 0 1px; margin: 0 4px; }
.tn-bubble-box-arrow-top .tn-arrow-b2, .tn-bubble-box-arrow-bottom .tn-arrow-b2 { width: 1px; border-width: 0 1px; margin: 0 3px; }
.tn-bubble-box-arrow-top .tn-arrow-b3, .tn-bubble-box-arrow-bottom .tn-arrow-b3 { width: 3px; border-width: 0 1px; margin: 0 2px; }
.tn-bubble-box-arrow-top .tn-arrow-b4, .tn-bubble-box-arrow-bottom .tn-arrow-b4 { width: 5px; border-width: 0 1px; margin: 0 1px; }
.tn-bubble-box-arrow-top .tn-arrow-b5, .tn-bubble-box-arrow-bottom .tn-arrow-b5 { width: 7px; border-width: 0 1px; }
.tn-bubble-box-content { padding: 10px; }

.tn-bubble { position: relative; zoom:1; }
.tn-bubble .tn-arrow-b1,
.tn-bubble .tn-arrow-b2 { width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; border-width: 7px; background: none; }
.tn-bubble-arrow-top { margin: 10px 0 0 0; }
.tn-bubble-arrow-top .tn-arrow-b1,
.tn-bubble-arrow-top .tn-arrow-b2 { left: 20px; border-style: dashed dashed solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.tn-bubble-arrow-top .tn-arrow-b1 { top: -14px; _top: -16px; }
.tn-bubble-arrow-top .tn-arrow-b2 { top: -13px; _top: -15px; }
.tn-bubble-top-right .tn-arrow-b1,
.tn-bubble-top-right .tn-arrow-b2 { left: auto; right: 20px; }
.tn-bubble-arrow-right { margin: 0 10px 0 0; }
.tn-bubble-arrow-right .tn-arrow-b1,
.tn-bubble-arrow-right .tn-arrow-b2 { top: 10px; border-style: dashed dashed dashed solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.tn-bubble-arrow-right .tn-arrow-b1 { right: -14px; _right: -13px; }
.tn-bubble-arrow-right .tn-arrow-b2 { right: -13px; _right: -12px; }
.tn-bubble-arrow-bottom { margin: 0 0 10px 0; }
.tn-bubble-arrow-bottom .tn-arrow-b1,
.tn-bubble-arrow-bottom .tn-arrow-b2 { left: 20px; border-style: solid dashed dashed; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.tn-bubble-arrow-bottom .tn-arrow-b1 { bottom: -14px; _bottom: -17px; }
.tn-bubble-arrow-bottom .tn-arrow-b2 { bottom: -13px; _bottom: -16px; }
.tn-bubble-arrow-left { margin: 0 0 0 10px }
.tn-bubble-arrow-left .tn-arrow-b1,
.tn-bubble-arrow-left .tn-arrow-b2 { top: 10px; border-style: dashed solid dashed dashed; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.tn-bubble-arrow-left .tn-arrow-b1 { left: -14px; _left: -13px; }
.tn-bubble-arrow-left .tn-arrow-b2 { left: -13px; _left: -12px; }
.tn-bubble-content { padding: 10px; overflow: hidden; }

/* Praise
----------------------------------*/
.tn-thumb-rate .tn-count,
.tn-praise .tn-count { line-height: 16px; padding: 0 3px; }
.tn-thumb-rate .tn-icon,
.tn-praise .tn-icon { display: inline-block; vertical-align: middle; }
.tn-praise .tn-icon-thumb-up,
.tn-thumb-rate .tn-icon-thumb-up { margin-bottom: 3px; }
.tn-thumb-rate .tn-icon-thumb-down { margin-top: 3px; }
.tn-thumb-rate .tn-icon-disabled,
.tn-praise .tn-icon-disabled { cursor: default; }
.tn-show-opinion a { display: inline-block; width: 16px; height: 16px; position: relative; border-radius: 3px;}
.tn-show-opinion .tn-opinion-pro .tn-opinion-arrow { left: 3px; top: 0; *left: 2px; *top: -1px; *border-width: 6px; border-style: dashed dashed solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.tn-show-opinion .tn-opinion-con .tn-opinion-arrow { left: 3px; top: 6px; border-style: solid dashed dashed; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.tn-show-opinion .tn-opinion-arrow { display: block; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; border-width: 5px;}
.tn-show-opinion .tn-text { display: none; }

/* Form
----------------------------------*/
.tn-textbox { padding: 3px;  }
.tn-input-longest { width: 495px; }
.tn-input-long { width: 245px; }
.tn-input-medium { width: 125px; }
.tn-input-short { width: 75px; }
.tn-textarea { overflow: auto; padding: 3px; vertical-align: top; }
.tn-checkbox,
.tn-radiobutton { vertical-align: middle }
.tn-checkbox-list,
.tn-radiobutton-list { display: inline-block; overflow: hidden; zoom:1; }
.tn-checkbox-list li, 
.tn-radiobutton-list li { padding: 5px 0; }
.tn-checkbox-list .tn-inline-list, 
.tn-radiobutton-list .tn-inline-list { display: inline; margin-right: 20px; padding: 0; line-height: 23px; }
.tn-check-widget { width: 16px; height: 16px; display: block; }
.tn-check-all {  }
.tn-dropdownlist {  }
.tn-filefield {  }
.tn-form-required { padding: 0 5px; color: #f00; }
.tn-search-box { overflow: hidden; zoom:1; }
.tn-search-box .tn-search-input { float: left; height: 16px; padding: 3px; }
.tn-search-box .tn-search-button { float: left; }
.tn-search-box .tn-search-button button { height: 22px; border: none; background: transparent; cursor: pointer; }
.tn-search-box .tn-search-ico-button .tn-icon { position: relative; *position: static; }
.tn-search-box .tn-search-ico-button button { padding: 0 5px; width: 23px; overflow: hidden; float: left; }

.tn-form .tn-text-heading { padding: 10px 0; margin: 0 0 10px; }
.tn-form .tn-text-heading strong { padding-right: 10px; }
.tn-form .tn-form-row { margin-bottom: 10px; }
.tn-form .tn-form-row-near { margin-bottom: 2px; }
.tn-form .tn-form-label { padding: 0 5px 0 0; line-height: 23px; }
.tn-form .tn-textarea { height: 3.9em; }
.tn-form .tn-input-multiple { display: inline; }
.tn-form .tn-input-multiple label { padding: 0 10px 0 0; }
.tn-form div.tn-text-note { display: inline-block; padding-bottom: 10px; }
.tn-form .tn-form-row-verifycode img { vertical-align: top; }
.tn-form-single .tn-textbox { float: left; margin-right: 5px; }

.tn-label-left .tn-form-label { width: 115px; display: inline-block; }
.tn-label-right .tn-form-label {  text-align: right; display: inline-block; width: 115px; }
.tn-label-right .tn-textarea { vertical-align: top; }
.tn-label-right .tn-form-expanded .tn-form-label { display: block; float: left; padding-top: 5px; }
.tn-label-right .tn-form-expanded .tn-expand-control { float: left; padding-left: 5px; }
.tn-label-top .tn-form-label {  display: block; padding: 0 0 5px; line-height: inherit; } 

.tn-form .tn-form-row-button { margin-bottom: 0; }

.tn-form-box .tn-text-heading { padding: 10px 0; margin: 0 0 10px; }
.tn-form-box .tn-text-heading strong { padding-right: 10px; }
.tn-form-box th { text-align: right; padding: 5px 5px 5px 15px; vertical-align: top; line-height: 25px; }
.tn-form-box td { padding: 5px; vertical-align: top; }
.tn-form-box td .tn-option,
.tn-form-box td .tn-explain { padding: 4px 0 0 4px; }
.tn-form-box th .tn-explain { line-height: normal; }
.tn-form-box .tn-checkbox-list li, 
.tn-form-box .tn-radiobutton-list li { line-height: 25px; padding: 0; }

/* Emotion list  */
.tn-emotion-box .tn-emotion-wrap { width: 343px;  }
.tn-emotion-arrow-box .tn-tabs-panel { position: relative; }
.tn-emotion-list { height: 120px; padding: 1px 5px 0 6px; overflow: auto; }
.tn-emotion-list span { padding: 1px; height: 24px; width: 24px; overflow: hidden; text-align: center; cursor: pointer; float: left; margin: -1px 0 0 -1px; }
.tn-emotion-list span img { max-width: 24px; max-height: 24px; _width: 24px; }
.tn-emotion-original { width: 60px; text-align: center; overflow: hidden; position: absolute; top: 10px; }
.tn-emotion-original span { padding: 5px; display: block; }

/* Comments and reply */
.tn-comment-form { margin: 10px 0; }
.tn-comment-anonym { padding: 0 0 5px 60px; display: none; }
.tn-comment-anonym .tn-textbox { padding-left: 5px; }
.tn-comment-anonym .tn-name,
.tn-comment-anonym .tn-email { float: left; margin: 5px 10px 5px 0; }
.tn-comment-anonym .tn-action { line-height: 25px; margin: 5px 0 5px 6px; }
.tn-comment-form-avatar { float: left; margin-right: 10px; display: none; }
.tn-comment-text-inner { padding: 5px; overflow: hidden; zoom: 1; }
.tn-comment-text-area { width: 100%; line-height: 19px; height: 19px; overflow: auto; border-width: 0; resize: none; background: transparent; }
.tn-comment-text-area:focus { outline: none; }
.tn-comment-form-act { padding: 5px 0 0 60px; position: relative; display: none; }
.tn-comment-form-act .tn-icon-emotion { margin: 3px 10px 0 0; float: left; cursor: pointer; }
.tn-comment-form-act .tn-count { margin: 3px 0 0 0; float: left; width: 60px; line-height: 16px; }
.tn-comment-form-act .tn-action,
.tn-comment-form-act .tn-private { margin: 3px 20px 0 0; float: left; line-height: 16px; }
.tn-comment-form-act .tn-private .tn-checkbox { float: left; margin: 2px 3px 0 0; *margin: -2px 0 0 0; }
.tn-comment-form-act .tn-button { float: right; margin-right: 0; }
.tn-comment-form-act .tn-button .tn-button-text { font-weight: bold; padding: 0 20px; }
.tn-comment-form-act .tn-emotion-arrow-box { top: 21px; left: 41px; }
.tn-comment-form-act .tn-emotion-arrow-box .tn-tabs-panel { padding: 10px 0; }

.tn-comment-expand .tn-comment-anonym,
.tn-comment-expand .tn-comment-form-avatar { display: block; }
.tn-comment-expand .tn-comment-text-area { height: 38px; }
.tn-comment-short .tn-comment-text-area { height: 19px; }
.tn-comment-expand .tn-comment-form-act { display: block; }

.tn-comment-wrap .tn-list-header { padding: 10px 0; }
.tn-comment-wrap .tn-text-heading { float: left; }
.tn-comment-wrap .tn-sort { float: right; }
.tn-comment-wrap .tn-sort li { display: inline; padding: 0 5px; }

.tn-comments .tn-comment-item { padding: 10px 0; }
.tn-comments .tn-comment-avatar { float: left; margin-right: 10px; }
.tn-comments .tn-comment-info { overflow: hidden; zoom:1; }
.tn-comments .tn-commentator { line-height: 20px; }
.tn-comments .tn-commentator h5 { display: inline; padding-right: 5px; }
.tn-comments .tn-commentator .tn-date { margin-right: 5px; }
.tn-comment-act { float: right; line-height: 20px; }
.tn-comment-act .tn-delete,
.tn-comment-act .tn-report { margin-left: 10px; }
.tn-comments .tn-comment-info p { word-wrap: break-word; overflow: hidden; line-height: 20px; }
.tn-comment-feed { padding-top: 5px; }
.tn-comment-feed .tn-thumb-rate { float: right; }
.tn-comments .tn-item-actions  { float: right; padding-left: 10px; }
.tn-comments .tn-item-actions .tn-button { margin-right: 0; }
.tn-comments .tn-item-feedback { padding-left: 1px;  }
.tn-comments .tn-item-feedback .tn-button-text { font-weight: normal; }
.tn-comments .tn-replies { padding: 10px 0 0 56px; }

.tn-comment-simple .tn-comment-anonym { padding-left: 35px; }
.tn-comment-simple .tn-comment-anonym .tn-textbox { width: 100px; }
.tn-comment-simple .tn-avatar,
.tn-comment-simple .tn-avatar img { width: 25px; height: 25px; }
.tn-comment-simple .tn-replies,
.tn-comment-simple .tn-comment-form-act { padding-left: 35px; }
.tn-comment-simple .tn-date { display: block; }
.tn-comment-simple .tn-comment-short .tn-comment-text-inner { padding: 2px 5px; }
.tn-comment-simple .tn-comment-form-act .tn-button .tn-button-text { padding: 1px 5px; white-space: nowrap;}

/* Details Content
----------------------------------*/
.tn-detail .tn-text-heading .tn-title { font-size: 2em; margin:0 0 10px; font-weight: normal; }
.tn-detail .tn-text-heading .tn-subtitle { line-height: 1.5; }
.tn-detail .tn-text-heading .tn-title,
.tn-detail .tn-text-heading .tn-subtitle { word-wrap: break-word; overflow: hidden; text-align: center; }
.tn-detail .tn-text-heading .tn-title .tn-icon { margin-left:10px;}
.tn-detail-info { margin:10px 0; padding:10px 0;}
.tn-detail-info .tn-actions { float: right; }
.tn-detail-info .tn-count,
.tn-detail-info .tn-source { margin:0 10px;}
.tn-detail .tn-summaries { font-size: 14px; line-height: 1.5em; word-wrap: break-word; overflow: hidden; margin: 1em; padding: 10px; }

.tn-detail-text { font-size: 14px; margin: 20px 0; word-wrap: break-word; overflow: hidden; }
.tn-detail-text p { margin: .5em 0; line-height: 1.7;}
.tn-detail-text ul { margin: 1em 0; padding-left: 40px; }
.tn-detail-text ul li { list-style-type: disc; line-height: 1.7; }
.tn-detail-text ol { margin: 1em 0; padding-left: 40px; }
.tn-detail-text ol li { list-style-type: decimal; line-height: 1.7; }
.tn-detail-text table { border-collapse: separate; border-spacing: 2px; white-space: normal; }
.tn-detail-text td { padding: 5px; margin: 8px; line-height: normal; line-height: 1.7; }
.tn-detail-text em { font-style: italic; }
.tn-detail-text pre { margin: 8px; }

.tn-content-nav { margin:10px 0; padding: 10px 0; }
.tn-content-nav .tn-info-part{ padding: 0;}
.tn-content-nav .tn-context dl { width:48.6%; padding: 0; line-height: 25px; height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tn-content-nav .tn-context .tn-before { float: left; }
.tn-content-nav .tn-context .tn-after { float: right; text-align: right; }
.tn-content-nav .tn-tags-vest a{ margin-right:10px;}

.tn-detail .tn-feedback { padding: 10px 0; margin: 10px 0; }
.tn-detail .tn-feedback .tn-follow { float: right; margin-left: 10px; }
.tn-detail .tn-feedback .tn-actions { float: right; padding: 3px 0 0; }
.tn-detail .tn-feedback .tn-action { margin: 0 10px; }
.tn-detail .tn-feedback .tn-thumb-rate,
.tn-detail .tn-feedback .tn-praise { margin: 0 10px; display: inline; }

.tn-related-content{ margin: 10px 0; }
.tn-related-content .tn-related-header { padding:0 0 5px 5px;}
.tn-related-content .tn-list li{ padding:0; line-height: 28px; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:48%; margin: 0 1%; float:left; display: inline;}
.tn-related-content h3{ font-size:14px;}

.tn-detail .tn-comment-wrap { margin-top:10px;}

/* Attachment */
.tn-annex-fix { margin: 20px 0; }
.tn-annex-fix .tn-text-heading { padding: 5px 10px 5px 25px; position: relative; zoom:1; }
.tn-annex-fix .tn-text-heading .tn-icon { position: absolute; left: 5px; top: 50%; margin-top: -8px; }
.tn-annex-list { padding: 10px 10px 0;  }
.tn-annex-list li.tn-annex-item { padding: 5px 0; }
.tn-annex-icon { float: left; padding-right: 10px; }

/* List head
----------------------------------*/
.tn-list-header .tn-list-header-row,
.tn-list-header .tn-toolbar-area { padding: 10px 5px; }
.tn-list-header .tn-check-all { margin-right: 10px; }
.tn-list-header .tn-pagination { padding: 0 10px; }
.tn-list-header .tn-selected { font-weight:bold; }
.tn-list-header .tn-selected:hover { text-decoration: none; cursor: default; }
.tn-list-header .tn-count { padding: 2px 20px 2px 0; }
.tn-list-header .tn-filter .tn-action { margin: 0 10px; }
.tn-list-header .tn-option { float: right; }

/* Table grid
----------------------------------*/
.tn-table-grid { width: 100%; margin: 10px 0; }
.tn-nowrap { white-space: nowrap; overflow: hidden; }
.tn-table-grid-header td, .tn-table-grid-header th { white-space: nowrap;}
.tn-table-grid th, .tn-table-grid td { padding: 5px; }
.tn-table-grid td cite { display: block; }
.tn-table-grid .tn-width-check { width: 20px; }
.tn-table-grid .tn-width-avatar-mini { width: 30px; }
.tn-table-grid .tn-width-pic-mini { width: 40px; }
.tn-table-grid .tn-width-avatar,
.tn-table-grid .tn-width-status,
.tn-table-grid .tn-width-number,
.tn-table-grid .tn-width-action1 { width: 60px; }
.tn-table-grid .tn-width-date,
.tn-table-grid .tn-width-pic,
.tn-table-grid .tn-width-location { width: 90px; }
.tn-table-grid .tn-width-user-name,
.tn-table-grid .tn-width-category,
.tn-table-grid .tn-width-tags,
.tn-table-grid .tn-width-datetime,
.tn-table-grid .tn-width-action2 { width: 130px; }
.tn-table-grid .tn-width-auto { width: auto; word-wrap: break-word;}
.tn-table-grid .tn-width-icon1 { width: 20px; }
.tn-table-grid .tn-width-icon2 { width: 40px; }
.tn-table-grid .tn-width-icon3 { width: 60px; }
.tn-table-grid .tn-width-icon2 .tn-icon,
.tn-table-grid .tn-width-icon3 .tn-icon { float: left; margin-right: 3px; }

/* Manage lists
----------------------------------*/
.tn-manage-lists .tn-text-heading { padding: 10px 0; margin-bottom: 10px; }
.tn-manage-lists .tn-search-area { padding: 10px 0; margin-bottom: 10px; }
.tn-manage-lists .tn-filter-area { padding: 10px 0; margin-bottom: 10px; }
.tn-manage-lists .tn-filter-area .tn-search-box { float: right; margin-left: 10px; }
.tn-manage-lists .tn-filter-area .tn-search-filter { float: right; }
.tn-manage-lists .tn-filter-menu li { padding-right: 10px; display: inline; }
.tn-manage-lists .tn-toolbar-area { padding: 10px 0; margin-bottom: 10px; }
.tn-manage-lists .tn-sort { float: right; margin-left: 10px; }
.tn-manage-lists .tn-batch-manage-act { float: right; line-height: 20px;}
.tn-manage-lists .tn-check-all { margin-right: 10px; }
.tn-manage-lists .tn-letter-filter { padding: 10px 0; margin-bottom: 10px; }
.tn-manage-lists .tn-letter-filter a { padding: 5px; }
.tn-manage-lists .tn-letter-filter .tn-selected { font-weight: bold; }
.tn-manage-lists .tn-multi-row li { line-height: 20px; }

/* Browse lists
----------------------------------*/
.tn-list li { padding: 3px 0 2px; line-height: 1.5; word-wrap: break-word; }
.tn-list li cite, 
.tn-list li em { white-space: nowrap;}
.tn-list .tn-list-item { padding: 10px 0; }
.tn-list-item-row p,
.tn-list-item-row h5 { line-height: 1.7; }
.tn-list-item-row h5 .tn-date { margin: 0 10px; }
.tn-list-checkbox { float: left; width: 20px; padding: 0.4em 0 0; }
.tn-list-item-area-left { float: left; padding: 0 10px 0 0; }
.tn-list-item-area-right { float: right; padding: 0 0 0 10px; }
.tn-list-item-area-main { overflow: hidden; zoom:1; }
.tn-list-actions .tn-list-action { padding: 2px 5px; }
.tn-list-figure { width: 50px; text-align: center; }
.tn-list-figure-count { height: 45px; line-height: 45px; margin-bottom: -1px; white-space: nowrap; }
.tn-list-figure-button { display: block; height: 20px; line-height: 20px; }
.tn-list-item-heading { word-wrap: break-word; }
.tn-list-item-summary { word-wrap: break-word; margin: 2px 0 3px; }
.tn-list-item-summary .tn-media-wrap,
.tn-reprint-original-box .tn-media-wrap { padding: 5px 0 0; }
.tn-list .tn-list-item-row .tn-button-text { font-weight: normal; }
.tn-list-item-row .tn-date,
.tn-list-item-row .tn-author,
.tn-list-item-row .tn-user-name,
.tn-list-item-row .tn-rating-show,
.tn-list-item-row .tn-category,
.tn-list-item-row .tn-location,
.tn-list-item-row .tn-price { margin: 0 10px 0 0; }
.tn-list-item-row .tn-action { margin: 0 5px; }
.tn-list-item-row div.tn-thumb-rate,
.tn-list-item-row div.tn-praise { display: inline; }
.tn-list .tn-list-bullet { background-position: -200px -1485px; padding-left: 8px; }
.tn-list-rank { padding-left: 20px; background-position: -190px -125px; overflow: hidden; zoom:1; }
.tn-list-rank li { height: 15px; overflow: hidden; }

.tn-list li.tn-list-first { padding: 0 0 5px; margin-bottom: 5px; }
.tn-list li.tn-list-first .tn-list-item-row,
.tn-list li.tn-list-first .tn-list-item-row p { margin: 0; line-height: 1.7em; }
.tn-list li.tn-list-first .tn-list-item-row h5 { margin: 0 0 5px; line-height: 1.23; }
.tn-list-symmetry li,
.tn-list-triserial li,
.tn-list-quarter li { padding: 0 1%; line-height: 1.7em; height: 1.7em; overflow: hidden; float: left; }
.tn-list-symmetry li { width: 48%; }
.tn-list-triserial li { width: 31.3%; }
.tn-list-quarter li { width: 23%; }
.tn-list-symmetry li.tn-list-first { padding: 0 1%; }
.tn-list-symmetry .tn-list-item-area-left { padding: 0 10px 0 0; }

.tn-story-list h5 { font-size: 18px; font-weight: normal; }
.tn-story-list .tn-list-item-row { margin: 5px 0; }
.tn-story-list .tn-list-item-summary p { font-size: 14px; }
.tn-story-list .tn-media-wrap { text-align: center; }

.tn-list-top { padding: 0 10px 15px; }
.tn-list-top h5 { font-size: 116.7%; }

.tn-list-level li { padding: 0; line-height: 1.8; height: 1.8em; overflow: hidden; }

.tn-user-list .tn-user-item { padding: 7px 0 8px; }
.tn-user-list .tn-user-item .tn-pic { float: left; margin-right: 10px; }
.tn-user-list .tn-user-item .tn-con { overflow: hidden; zoom:1; }
.tn-user-list .tn-user-item .tn-con .tn-name { line-height: 16px; padding: 2px 0 5px; }
.tn-user-list .tn-operational .tn-icon-btn { width: 16px; height: 16px; float: right; padding: 2px 0 0 4px; }

.tn-more { text-align: right; padding: 5px 0; }
.tn-loading { background: url(Images/ajaxloading.gif) no-repeat center center; min-height: 30px; _height: 30px; margin: 10px 0; }
.tn-load-more,
.tn-load-end { padding: 5px; margin: 10px 0; line-height: 20px; text-align: center; *position: relative; }

/* Avatar
----------------------------------*/
.tn-avatar-mini { width: 25px; height: 25px; overflow: hidden; }
.tn-avatar-mini img { width: 25px; height: 25px; overflow: hidden; }
.tn-avatar { width: 50px; height: 50px; overflow: hidden; }
.tn-avatar-medium { width: 100px; height: 100px; overflow: hidden; }
.tn-avatar-big { width: 160px; height: 160px; overflow: hidden; }
.tn-avatar-list .tn-avatar-item { display: inline-block; width: 66px; * width: 69px; vertical-align: top; margin-bottom: 10px; * display: inline; zoom: 1; word-wrap: break-word; overflow: hidden; text-align: center; }
.tn-avatar-list .tn-avatar-item .tn-avatar { margin: 0 auto; _display: inline-block; }
.tn-avatar-list .tn-avatar-item .tn-user-name,
.tn-avatar-list .tn-avatar-item .tn-name,
.tn-avatar-list .tn-avatar-item .tn-text-heading { display: block; padding-top: 5px; }
.tn-avatar-list .tn-avatar-item .tn-text-note { display: block; }
.tn-avatar-medium-list .tn-avatar-item { width: 100px; float: left; padding: 0 0 10px 10px; text-align: center; }
.tn-avatar-medium-list .tn-user-name,
.tn-avatar-medium-list .tn-name,
.tn-avatar-medium-list .tn-text-heading { display: block; padding-top: 5px; }

/* Photo List
----------------------------------*/
.tn-photo-item { float: left; width: 110px; padding: 0 0 15px 15px; }
.tn-photo-item .tn-photo-wrap { height: 100px; margin-bottom: 5px; padding: 4px 3px 4px 4px; }
.tn-photo-item .tn-photo-wrap a { display: block; height: 100px; text-align: center; vertical-align: middle; }
.tn-photo-item .tn-photo-wrap img { vertical-align: middle; }
.tn-photo-item .tn-photo-wrap span { width: 1px; height: 100%; vertical-align: middle; visibility: hidden; display: inline-block; }
.tn-photo-item p { text-align: center; height: 1.5em; line-height: 1.5em; word-wrap: break-word; overflow: hidden; }
.tn-photo-item .tn-list-checkbox { float: left; }

.tn-album-item { float: left; width: 85px; padding: 2px 0 20px 21px; }
.tn-album-item .tn-album-cover { width: 83px; height: 83px; position: relative; margin-bottom: 5px; }
.tn-album-item .tn-photo-wrap { width: 75px; height: 75px; position: absolute; top: -3px; left: -3px; overflow: hidden; padding: 4px; }
.tn-album-item p { text-align: center; height: 1.5em; line-height: 1.5em; word-wrap: break-word; overflow: hidden; }

.tn-thumb { float: left; padding: 0 0 5px 5px; }
.tn-thumb-wrap { float: left; }
.tn-thumb img {float: left; _float: none; }

/* Photo viewer
----------------------------------*/
.tn-photo-viewer { background: #181818; color: #999; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; }
.tn-photo-viewer a { color: #a0dbff; }
.tn-photo-viewer a:hover { color: #00eeef; text-decoration: none; }
.tn-photo-viewer .tn-head { height: 10px; }
.tn-photo-viewer .tn-head .tn-icon { position: absolute; top: 5px; right: 5px; z-index: 2; }
.tn-photo-viewer .tn-body .tn-page-prev { position: absolute; left: 0; top: 0; height: 100%; width: 32px; z-index: 1; }
.tn-photo-viewer .tn-body .tn-page-next { position: absolute; right: 0; top: 0; height: 100%; width: 32px; z-index: 1; }
.tn-photo-viewer .tn-body .tn-page-prev .tn-icon-big,
.tn-photo-viewer .tn-body .tn-page-next .tn-icon-big { position: absolute; top: 50%; margin-top: -16px; }
.tn-photo-viewer .tn-photo-inner { border: #333 solid 1px; margin: 0 40px; overflow: hidden; position: relative; }

.tn-photo-viewer .tn-photo-side { width: 270px; height: 100%; float: right; background: #222; }
.tn-photo-viewer .tn-photo-side-inner { padding: 10px 10px 0; }

.tn-photo-viewer .tn-user-panel,
.tn-photo-viewer .tn-tags-wrap,
.tn-photo-viewer .tn-feedback,
.tn-photo-viewer .tn-mark-control,
.tn-photo-viewer .tn-comment-area { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #333 solid 1px; }

.tn-photo-viewer .tn-user-panel .tn-avatar-mini { float: left; }
.tn-photo-viewer .tn-user-panel .tn-photo-info { margin-left: 40px; }
.tn-photo-viewer .tn-user-panel .tn-user-name { padding-bottom: 3px; }
.tn-photo-viewer .tn-user-panel .tn-photo-description { line-height: 16px; }
.tn-photo-viewer .tn-user-panel .tn-icon { display: inline-block; margin-left: 5px; vertical-align: top; }
.tn-photo-viewer .tn-editor textarea { background: #444; border: #555 solid 1px; padding: 5px; line-height: 20px; width: 198px; height: 60px; color: #999; margin-bottom: 5px; }
.tn-photo-viewer .tn-editor button { margin-right: 5px; cursor: pointer; display: inline-block; height: 28px; line-height: 20px; outline: 0; padding: 0 10px; border-radius: 3px; }
.tn-photo-viewer .tn-editor .tn-submit { background-color: #006daf; background-image: -webkit-linear-gradient(top,#006daf,#00598f); background-image: -moz-linear-gradient(top,#006daf,#00598f); background-image: -ms-linear-gradient(top,#006daf,#00598f); background-image: -o-linear-gradient(top,#006daf,#00598f); background-image: linear-gradient(top,#006daf,#00598f); border: 1px solid #004f7f; color: #a0dbff; }
.tn-photo-viewer .tn-editor .tn-cancel { background-color: #353535; background-image: -webkit-linear-gradient(top,#353535,#252525); background-image: -moz-linear-gradient(top,#353535,#252525); background-image: -ms-linear-gradient(top,#353535,#252525); background-image: -o-linear-gradient(top,#353535,#252525); background-image: linear-gradient(top,#353535,#252525); border: 1px solid #181818; color: #aaa; }

.tn-photo-viewer .tn-tag { background-color: #353535; background-image: -webkit-linear-gradient(top,#444,#333); background-image: -moz-linear-gradient(top,#444,#333); background-image: -ms-linear-gradient(top,444,333); background-image: -o-linear-gradient(top,444,333); background-image: linear-gradient(top,444,333); border: 1px solid #181818; color: #666; float: left; padding: 0 8px; line-height: 22px; margin: 3px 5px 3px 0; border-radius: 12px; }
.tn-photo-viewer .tn-tag:hover { color: #999; }
.tn-photo-viewer .tn-tags-wrap .tn-icon { float: left; margin: 7px 3px; }

.tn-photo-viewer .tn-feedback li { width: 100px; float: left; }
.tn-photo-viewer .tn-feedback .tn-praise .tn-icon { display: block; float: left; }

.tn-photo-viewer .tn-mark-control .tn-title { margin-bottom: 3px; font-weight: bold; }
.tn-photo-viewer .tn-mark-control li { float: left; margin: 3px 8px 3px 0; }
.tn-photo-viewer .tn-mark-control a { float: left; line-height: 16px; }

.tn-photo-viewer .tn-comment-area .tn-title .tn-title-text { float: left; }
.tn-photo-viewer .tn-comment-area .tn-title .tn-title-text .tn-icon { float: left; margin-right: 2px; }
.tn-photo-viewer .tn-comment-area .tn-title .tn-title-text .tn-count { padding: 0 5px; }
.tn-photo-viewer .tn-comment-area .tn-title .tn-switch { float: right; }
.tn-photo-viewer .tn-comment-area .tn-comment-list { overflow: auto; height: 200px; *position: relative; }
.tn-photo-viewer .tn-comment-area .tn-comment-wrap { padding: 0 5px 0 0; }
.tn-photo-viewer .tn-comment-area .tn-list-header { display: none; }
.tn-photo-viewer .tn-comment-area .tn-comment-item { border-top-width: 0; }
.tn-photo-viewer .tn-comment-text-inner { background: #444; border: #555 solid 1px; }
.tn-photo-viewer .tn-comment-text-area { color: #999; }
.tn-photo-viewer .tn-button-primary { background: #006daf; border-color: #00598f; box-shadow: 0 1px 0 #0c85cf inset; }
.tn-photo-viewer .tn-button-primary:hover { background: #0c85cf; border-color: #006daf; box-shadow: 0 1px 0 #1d9fef inset; }

.tn-photo-viewer .tn-photo-exif .tn-title .tn-title-text { float: left; }
.tn-photo-viewer .tn-photo-exif .tn-title .tn-title-text .tn-icon { float: left; margin-right: 2px; }
.tn-photo-viewer .tn-photo-exif .tn-title .tn-switch { float: right; }
.tn-photo-viewer .tn-photo-exif .tn-title { margin-bottom: 6px; }
.tn-photo-viewer .tn-photo-exif dl { line-height: 20px; }
.tn-photo-viewer .tn-photo-exif dt { display: inline; margin-right: 5px; }
.tn-photo-viewer .tn-photo-exif dd { display: inline; }

.tn-photo-viewer .tn-side-switch { width: 16px; height: 100%; float: right; position: relative; top: 0; background: #333; }
.tn-photo-viewer .tn-side-switch .tn-icon { position: absolute; top: 50%; margin-top: -8px; }
.tn-photo-viewer .tn-photo-main { position: relative; overflow: hidden; margin: auto; }
.tn-photo-viewer .tn-photo-container { text-align: center; padding: 10px; }
.tn-photo-viewer .tn-photo-container img,
.tn-photo-viewer .tn-photo-container .jcrop-holder,
.tn-photo-viewer .tn-photo-container span { vertical-align: middle; }
.tn-photo-viewer .tn-viewer-actions { width: 90px; height: 30px; position: absolute; left: 50%; bottom: 0; margin-left: -45px; }
.tn-photo-viewer .tn-viewer-actions .tn-icon { float: left; margin-right: 14px; }

.tn-photo-viewer .tn-foot { padding-top: 20px; }
.tn-photo-viewer .tn-photo-bar { padding: 0 40px; }

.tn-photo-viewer .tn-photo-detail { width: 270px; float: right; padding-left: 16px; }
.tn-photo-viewer .tn-photo-actions { position: relative; }
.tn-photo-viewer .tn-photo-actions .tn-button-default { background-color: #353535; background-image: -webkit-linear-gradient(top,#444,#333); background-image: -moz-linear-gradient(top,#444,#333); background-image: -ms-linear-gradient(top,444,333); background-image: -o-linear-gradient(top,444,333); background-image: linear-gradient(top,444,333); border: 1px solid #181818; box-shadow: 0 1px 0 #666 inset; }
.tn-photo-viewer .tn-photo-actions .tn-button-default:hover { background-color: #454545; background-image: -webkit-linear-gradient(top,#555,#444); background-image: -moz-linear-gradient(top,#555,#444); background-image: -ms-linear-gradient(top,444,333); background-image: -o-linear-gradient(top,444,333); background-image: linear-gradient(top,444,333); border: 1px solid #282828; box-shadow: 0 1px 0 #777 inset; }
.tn-photo-viewer .tn-photo-actions #playPhoto { background: #006daf; border-color: #00598f; box-shadow: 0 1px 0 #0c85cf inset; }
.tn-photo-viewer .tn-photo-actions #playPhoto:hover { background: #0c85cf; border-color: #006daf; box-shadow: 0 1px 0 #1d9fef inset; }
.tn-photo-viewer .tn-photo-actions .tn-photo-set { position: absolute; left: -9px; bottom: 22px; width: 100px; }
.tn-photo-viewer .tn-photo-actions .tn-bubble-arrow { width: 14px; height: 15px; position: absolute; left: 43px; bottom: -15px; }
.tn-photo-viewer .tn-photo-actions .tn-arrow-b1 { border-top-color: #666; left: 0; bottom: 1px; }
.tn-photo-viewer .tn-photo-actions .tn-arrow-b2 { border-top-color: #444; left: 0; bottom: 2px; }
.tn-photo-viewer .tn-photo-actions .tn-bubble-content { padding: 0; background: #444; border-color: #666; }
.tn-photo-viewer .tn-photo-actions .tn-photo-set ul { padding: 3px 0;  }
.tn-photo-viewer .tn-photo-actions .tn-photo-set a { padding: 3px 5px; display: block; text-align: center; }
.tn-photo-viewer .tn-photo-actions .tn-photo-set a:hover { background: #333; }
.tn-photo-viewer .tn-photo-data { margin-top: 5px; }
.tn-photo-viewer .tn-photo-data dl { line-height: 20px; }
.tn-photo-viewer .tn-photo-data dt { display: inline; margin-right: 5px; }
.tn-photo-viewer .tn-photo-data dd { display: inline; }

.tn-photo-viewer .tn-photo-thumb { overflow: hidden; }
.tn-photo-viewer .tn-photo-nav { position: relative; height: 75px; }
.tn-photo-viewer .tn-thumb-list { padding: 0 30px; }
.tn-photo-viewer .tn-foot .tn-page-prev { position: absolute; left: 0; top: 0; height: 100%; width: 16px; padding: 0 2px; z-index: 1; background: #333; }
.tn-photo-viewer .tn-foot .tn-page-next { position: absolute; right: 0; top: 0; height: 100%; width: 16px; padding: 0 2px; z-index: 1; background: #333; }
.tn-photo-viewer .tn-foot .tn-page-prev .tn-icon,
.tn-photo-viewer .tn-foot .tn-page-next .tn-icon { position: absolute; top: 50%; margin-top: -8px; }
.tn-photo-viewer .tn-thumb-list li { width: 75px; height: 75px; float: left; margin-right: 10px; position: relative; }
.tn-photo-viewer .tn-photo-shade { display: none; position: absolute; left: 0; top: 0; width: 65px; height: 65px; border: #005a8c solid 5px; opacity: 0.7; }
.tn-photo-viewer .tn-selected .tn-photo-shade { display: block; }

.tn-ie-center { display: inline-block; font-size: 0; height: 100%; overflow: hidden; vertical-align: middle; width: 0; }

/* Photo Note */
.tn-photo-note { position: absolute; z-index: 9999; }
.tn-photo-note-editor { padding: 5px; }
.tn-photo-note .tn-confirm { padding-top: 10px; text-align: right; }

.tn-photo-note-wrap { position: absolute; z-index: 9999; }
.tn-photo-note-circle { width: 50px; height: 50px; border: #fff solid 5px; border-radius: 100%; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.tn-photo-note-name { position: absolute; left: 50%; }
.tn-photo-note-name .tn-bubble-content { padding: 6px; white-space: nowrap; }
.tn-photo-note-name .tn-bubble-arrow { position: absolute; left: 50%; margin-left: -7px;}
.tn-photo-note-name .tn-bubble-arrow b { left: 0; }

/* User Card */
.tn-card .tn-avatar, .tn-card .tn-avatar-medium { float: left; margin: 0 10px 10px 0; }
.tn-card .tn-info { overflow: hidden; zoom:1; }
.tn-card .tn-info p { line-height: 16px; padding-bottom: 4px; word-wrap: break-word; }
.tn-card .tn-info .tn-icon { float: left; margin-right: 5px; }
.tn-card .tn-info-part { padding: 5px 0 0; }
.tn-card .tn-info-part dl { padding: 0 0 5px 0; }
.tn-card .tn-action { margin: 0 10px 0 0; }
.tn-card .tn-bubble-box-content { padding: 0; }
.tn-card-complete { width: 320px; }
.tn-card-complete .tn-showcase { padding: 10px; } 
.tn-card-complete .tn-marked { padding: 5px 10px; }
.tn-card-complete .tn-actions { padding: 5px; }

/* Histogram */
.tn-histogram { padding: 0 40px 0; margin: 20px 0 10px;}
.tn-histogram-item { line-height: 20px; padding: 3px 0; }
.tn-histogram-input { float: left; margin: 2px 5px 0 0; *margin: 0 5px 0 0; }
.tn-histogram-label { overflow: hidden; word-wrap: break-word;  display: block; zoom:1;}
.tn-histogram-label input { float: left; }
.tn-histogram-label span { overflow: hidden; zoom: 1; display: block; padding: 0 0 0 5px; }
.tn-histogram-chart { height: 10px; margin: 5px 0; float: left; width: 150px; padding: 0 10px; background-position: -50px -400px; }
.tn-histogram-value { float: left; }
.tn-histogram-plan { height: 10px; overflow: hidden; }
.tn-histogram-plan em { display: block; height: 10px; width: 2px; float: left; }
.tn-histogram-item1 { background-position: right -420px; }
.tn-histogram-item1 em { background-position: -60px -420px; }
.tn-histogram-item2 { background-position: right -440px; }
.tn-histogram-item2 em { background-position: -60px -440px; }
.tn-histogram-item3 { background-position: right -460px; }
.tn-histogram-item3 em { background-position: -60px -460px; }
.tn-histogram-item4 { background-position: right -480px; }
.tn-histogram-item4 em { background-position: -60px -480px; }
.tn-histogram-item5 { background-position: right -500px; }
.tn-histogram-item5 em { background-position: -60px -500px; }
.tn-histogram-item6 { background-position: right -520px; }
.tn-histogram-item6 em { background-position: -60px -520px; }
.tn-histogram-item7 { background-position: right -540px; }
.tn-histogram-item7 em { background-position: -60px -540px; }
.tn-histogram-item8 { background-position: right -560px; }
.tn-histogram-item8 em { background-position: -60px -560px; }
.tn-histogram-item9 { background-position: right -580px; }
.tn-histogram-item9 em { background-position: -60px -580px; }
.tn-histogram-item10 { background-position: right -600px; }
.tn-histogram-item10 em { background-position: -60px -600px; }

/* Expand select box */
.tn-expand-control { position: relative; display: inline-block; vertical-align: middle; }
.tn-expand-control .as-input { width: 120px; }
.tn-expand-control .tn-short { width: 75px; }
.tn-expand-control .tn-short .as-input { width: 69px; }
.tn-expand-control .tn-medium { width: 125px; }
.tn-expand-control .tn-medium .as-input { width: 119px; }
.tn-expand-has-icon .tn-medium { width: 105px; }
.tn-expand-has-icon .tn-medium .as-input { width: 99px; }
.tn-expand-control .tn-long { width: 245px; }
.tn-expand-has-icon .tn-long { width: 225px; }
.tn-expand-control .tn-longer { width: 350px; }
.tn-expand-has-icon .tn-longer { width: 330px; }
.tn-expand-control .tn-longest { width: 495px; }
.tn-expand-has-icon .tn-longest { width: 475px; }
.tn-expand-has-icon .tn-expand-select { padding-right: 20px; position: relative; zoom:1; }
.tn-expand-has-icon .tn-expand-select .tn-icon { position: absolute; right: 2px; bottom: 2px; cursor: pointer; }

.tn-expand-select-box { position: absolute; width: 100%; }
.tn-expand-select-head { padding: 5px 10px; text-align: right; }
.tn-expand-select-head .tn-count strong { padding: 0 3px; } 
.tn-expand-select-list { padding: 5px; max-height: 10em; _height: 10em; overflow: auto; }
.tn-expand-select-item { float: left; width: 95px; padding: 0 5px; height: 25px; line-height: 25px; word-wrap: break-word; overflow: hidden; cursor: pointer; }
.tn-expand-select-item .tn-checkbox { float: left;  margin-top: 6px; *margin-top: 2px; }
.tn-expand-select-item label { display: block; margin-left: 20px; word-wrap: break-word; overflow: hidden; }
.tn-expand-select-foot { padding: 5px 10px; text-align: right; }
.tn-expand-select-foot .tn-create { float: left; line-height: 25px; }
.tn-expand-select-foot .tn-button { margin: 0 0 0 10px; }

/* User Selector */
.tn-user-selector .tn-expand-select-head .tn-count { float: left; line-height: 21px; }
.tn-user-selector .tn-expand-select-list { max-height: 185px; min-height:70px;}
.tn-user-selector .tn-expand-select-item { width: 94px; padding: 3px; height: 25px; margin: 0 5px 5px 0; border-radius: 3px; cursor: pointer;}
.tn-user-selector .tn-avatar-mini { float: left; }
.tn-user-selector .ui-menu { padding: 0; }
.tn-user-selector .ui-menu .ui-menu-item { width: auto; padding: 3px; cursor: pointer; }
.tn-user-selector .ui-menu .tn-user-name-info { height: auto; }
.tn-user-selector .ui-autocomplete-category { padding: 5px; }
.tn-user-selector .tn-user-name-info { line-height: 15px; height: 15px; padding-top: 5px; margin-left: 30px; word-wrap: break-word; overflow: hidden; }

/* AutoSuggest CSS - Version 1.2 */
ul.as-selections { padding: 1px 3px; overflow: hidden; zoom:1; }
ul.as-selections.loading { background-color: #eee; }
ul.as-selections li { float: left; margin: 1px 4px 1px 0; }
ul.as-selections li.as-selection-item { padding: 1px 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height: 15px; }
ul.as-selections li.as-selection-item a.as-close { display: inline-block; padding: 0 0 0 5px; cursor: pointer; }
ul.as-selections li.as-selection-item a:hover.as-close { text-decoration: none; }
ul.as-selections li.as-original input { border: 0; height: 19px; line-height: 19px; background: transparent; }
ul.as-list { position: absolute; z-index: 22; }
li.as-result-item { padding: 3px 5px; cursor: pointer; }
li.as-message { padding: 3px 5px; cursor: default; }
li.as-result-item em { background: #333; padding: 0 2px; color: #fff; }
li.as-result-item.active em { background: #fff; color: #333; }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Datetimepicker
----------------------------------*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
.ui_tpicker_hour_label,
.ui_tpicker_minute_label,
.ui_tpicker_second_label, 
.ui_tpicker_millisec_label,
.ui_tpicker_time_label { padding-left: 20px; }

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; }

/* Menu
----------------------------------*/
.ui-menu { list-style: none; padding: 2px; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { width: 100%; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { margin: -1px; }

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* jquery.superfish */
.sf-menu li { position: relative; z-index: 20; }
.sf-menu ul { left: 10px; top: 1.3em; position: absolute; }
.sf-menu .tn-icon { position: absolute; right: 5px; top: -1px; }
.sf-menu a { display: block; position: relative; }
.sf-menu a.sf-with-ul { padding-right: 20px; min-width: 1px; }

/* Mega Menu Styles */
.tn-drop-menu ul { position: relative; }
.tn-drop-menu ul li ul { display: none; }
.tn-drop-menu .tn-sub { display: none; }
.tn-drop-menu .tn-sub ul { display: block; }
.tn-drop-menu { position: relative; }
.tn-drop-menu .tn-sub ul { display: block; }
.tn-drop-menu { position: relative; }
.tn-drop-menu li { float: left; }
.tn-drop-menu li a { float: left; }
.tn-drop-menu li.tn-hover a.tn-item-link:hover { text-decoration: none; }
.tn-drop-menu li a.tn-drop-link { position: relative; padding-right: 26px; }
.tn-drop-menu li a.tn-drop-link span.tn-icon { position: absolute; right: 8px; top: 50%; margin-top: -8px; _cursor: pointer; }
.tn-drop-menu li .tn-sub-container { position: absolute; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); }
.tn-drop-menu li .tn-sub { padding: 5px; }
.tn-drop-menu li .tn-sub .tn-row { width: 100%; overflow: hidden; clear: both; }
.tn-drop-menu li .tn-sub li { float: none; display: block; line-height: 15px; }
.tn-drop-menu li .tn-sub li.tn-sub-item { margin: 0 10px 10px 0; float: left; }
.tn-drop-menu li .tn-sub li.tn-sub-item.tn-last { margin-right: 0; }
.tn-drop-menu li .tn-sub a,
.tn-drop-menu li .tn-sub .tn-group-title { padding: 8px 5px; display: block; float: none; }
.tn-drop-menu li .tn-sub .tn-group-title { margin-bottom: 5px; font-weight: bold; }
.tn-drop-menu li .tn-sub li.tn-sub-item a.tn-sub-item-link { padding: 5px 10px; margin-bottom: 5px; }
.tn-drop-menu .tn-sub li.tn-sub-item li a { padding: 5px 10px; }
.tn-drop-menu .tn-sub ul li { padding: 0; }
.tn-drop-menu li .tn-sub-container.tn-single .tn-sub { padding: 5px; }
.tn-drop-menu li .tn-sub-container.tn-single li { padding: 0; margin: 0; }
.tn-drop-menu li .tn-sub-container.tn-single li a { padding: 5px; }

.tn-drop-menu li.tn-icon-menu { display: block; }
.tn-drop-menu li.tn-icon-menu a.tn-icon { padding: 0; float: left; overflow: visible; line-height: 16px; }
.tn-drop-menu li.tn-icon-menu span.tn-icon { display: none; }
.tn-drop-menu li.tn-icon-menu li.tn-sub-item { margin: 0; float: none; }
.tn-drop-menu li.tn-icon-menu li { width: auto; }
.tn-drop-menu li.tn-icon-menu .tn-msg-bubble { line-height: 1.3; top: -10px; right: -10px; text-indent: 0; }
.tn-drop-menu li .tn-sub li.tn-menu-group { margin-bottom: 5px; }
.tn-drop-menu .tn-sub li.tn-sub-item li.tn-group-item { padding: 8px 5px; }
.tn-drop-menu .tn-sub li.tn-sub-item li.tn-group-button { padding: 8px 5px; text-align: right; }
.tn-drop-menu .tn-sub li.tn-sub-item li.tn-group-item a { padding: 0; display: inline; }
.tn-drop-menu .tn-sub li.tn-sub-item li .tn-button { display: inline-block; padding: 0; margin: 0; }
.tn-drop-menu .tn-group-button .tn-button-primary { float: left; }

/* jquery.nyroModal*/
div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(Images/ajaxloading.gif) no-repeat center center; }
div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalWrapper { background: #fff; border: 4px solid #999; }
h1#nyroModalTitle { display: none; padding: 5px; border-bottom: solid #ddd 1px; }
a#closeBut { position: absolute; display: block; top: 5px; right: 5px; width: 16px; height: 16px; text-indent: -9999em;  outline: 0; overflow: hidden; }    
a#closeBut:hover { background-position: -128px -16px; }
div.wrapper div#nyroModalContent { padding: 20px 5px 10px; }

/* jquery.ui.stars */
.ui-stars-star { float: left; width: 32px; height: 32px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
.ui-stars-star, 
.ui-stars-star a { background: url(Images/tn-img-sprite.png); }
.ui-stars-star a { display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 0 0; }
.ui-stars-star-on a { background-position: 0 -32px;}
.ui-stars-star-hover a { background-position: 0 -64px; }
.ui-stars-cap { line-height: 32px; padding-left: 5px; }
.ui-stars-message { line-height: 25px; display: block;  text-align: center;}

/* Rating Object
----------------------------------*/
span.tn-rating-show,
span.tn-rating-show-average { background: url(Images/tn-img-sprite.png) repeat-x; height: 13px; overflow: hidden; display: inline-block; }
span.tn-rating-show { width: 75px; background-position: 0 -100px; }
span.tn-rating-show-average { background-position: 0 -115px; }
div.tn-rating-show,
div.tn-rating-show-average { background: url(Images/tn-img-sprite.png) repeat-x; height: 32px; }
div.tn-rating-show { width: 160px; }
div.tn-rating-show-average { background-position: 0 -32px; }

/* jqzoom
----------------------------------*/
.zoomPad{ position: relative; float: left; z-index: 99; cursor: crosshair; }
.zoomPreload{ -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background: url(Images/ui-anim_basic_16x16.gif) no-repeat 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; * width: 100px; * height: 49px; }
.zoomPup{ overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomOverlay{ position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow{ position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper{ position: relative; border: 1px solid #999; z-index: 110; }
.zoomWrapperTitle{ display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage{ display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img{ border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe{ z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }

/* Return to top
----------------------------------*/
.tn-return-to-top { width: 30px; height: 30px; position: fixed; _position: absolute; left: 50%; bottom:50px; margin-left: 480px; }
.tn-return-to-top .tn-button { display: block; height:28px; width: 28px; border-radius:15px; margin: 0; }

/* Pagination
----------------------------------*/
.tn-pagination { text-align: center; padding: 1px 0; }
.tn-perpage-show { float: right; padding-left: 20px; margin: 12px 0; }
.tn-pagination-btn { margin: 15px 0; }
.tn-pagination .tn-page-number, 
.tn-pagination .tn-page-thumb { padding: 2px 5px; border-style: solid; border-width: 1px; border-radius: 3px; }
.tn-pagination .tn-page-first, 
.tn-pagination .tn-page-prev { margin-right: 5px; }
.tn-pagination .tn-page-next, 
.tn-pagination .tn-page-last { margin-left: 5px;}
.tn-pagination .tn-page-results { display: block;margin: 15px 0; }
.tn-pagination-simple { text-align: right; }
.tn-pagination-simple .tn-pagination-btn  { float: right; padding: 5px 0; margin: 10px 0 10px 20px; }
.tn-pagination-simple .tn-page-results { float: right; padding: 5px 0 5px 10px; margin: 10px 0;  }

/* artDialog
--------------------------------*/
.aui_content{width:100%; height:100%;}
.tnc-artdilog-btn { text-align:right; padding:5px 10px 5px 5px;}
.tnc-artdilog-btn .tn-button { margin: 0 0 0 10px; }
.tnc-dailog-pd { padding: 20px; }
.aui_content .tn-message-box{padding:5px;}
.tn-dialog-tips{padding:25px 25px 25px 5px;}

/*Uploadify
-----------------------------------*/
.uploadify { position: relative; margin-bottom: 1em; }
.uploadify .swfupload { left: 0; }
.uploadify-button { background: url(images/bg-gradient-014b78.png) repeat-x 0 center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #0065A2; color: #FFF; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); width: 100%; }
.uploadify:hover .uploadify-button{background:url(images/bg-gradient-0065a2.png) repeat-x 0 center;}
.uploadify-button.disabled{ background-color: #D0D0D0; color: #0078B0;}
.uploadify-queue{ margin-bottom: 1em;}
.uploadify-queue-item { /*background-color: #F5F5F5;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; max-width: 350px; padding: 10px; }
.uploadify-error{ background-color: #FDE5DD !important;}
.uploadify-queue-item .cancel a{ float: right; height: 16px; width: 16px;}
.uploadify-queue-item.completed{ background-color: #E5E5E5;}
.uploadify-progress{ background-color: #E5E5E5; margin-top: 10px; width: 100%;}
.uploadify-progress-bar{ background-color: #0099FF; height: 3px; width: 1px;}

/*tipsy
-----------------------------------*/
.tipsy { padding: 5px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: #fff; *background-color: #aaa; *color: #000; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; background: url(images/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.tipsy-hovercard { padding: 0; width: 300px;}
.tipsy-hovercard .tipsy-inner { padding: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .35); background-color: transparent; color: inherit; max-width: none; text-align: left; }
.tipsy-hovercard .tipsy-arrow { display: none;}

/* Slider */
.spb-slider { display: none; _display: block; overflow: hidden; position: relative; text-align: left; }
.spb-slider a,
.spb-slider a:hover { text-decoration: none; }
.spb-slider a:focus { outline: 1px dotted #000000; }
.spb-slider img { border: 0 none; }
.spb-slider .spb-slider-nav { position: absolute; text-align: center; z-index: 10; }
.spb-slider .spb-slider-nav-clip { margin: 0 auto; overflow: hidden; position: relative; }
.spb-slider .spb-slider-nav-clip ul { left: 0; list-style: none; margin: 0; padding: 0; position: relative; top: 0; }
.spb-slider .spb-slider-nav-clip ul li { float: left; }
.spb-slider .spb-slider-nav-clip ul li a { display: block; overflow: hidden; }
.spb-slider .spb-slider-btn { z-index: 10; }
.spb-slider .spb-slider-panel { overflow: hidden; position: absolute; z-index: 1; }
.spb-slider .spb-slider-panel-active { z-index: 5; }
.spb-slider .spb-slider-panel-old { z-index: 4; }
.spb-slider .spb-slider-panel .spb-slider-panel-textbox { position: absolute; z-index: 1; }
.spb-slider .spb-slider-panel .spb-slider-panel-text { left: 0; position: absolute; top: 0; z-index: 3; }
.spb-slider .spb-slider-panel .spb-slider-panel-overlay { left: 0; position: absolute; top: 0; z-index: 2; }
.spb-slider .spb-slider-count { background: #000; color: #FFF; padding: 5px; position: absolute; right: 5px; top: 5px; z-index: 10; }
.spb-slider .spb-slider-timer { background: #CCC; height: 3px; left: 0; position: absolute; top: 0; z-index: 10; }

/* Photo Slider */
.spb-photo-slider .spb-slider-nav-clip ul li { margin: 0 1px 0 0; }
.spb-photo-slider .spb-slider-nav-clip ul li a { background: #444; color: #ddd; border: #777 solid 1px; width: 14px; height: 14px; line-height: 14px; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; -webkit-text-size-adjust: none; border-radius: 9px; }
.spb-photo-slider .spb-slider-nav-clip ul li a:hover,
.spb-photo-slider .spb-slider-nav-clip ul .spb-slider-selected a { background: #C3412F; border-color: #C3412F; }
.spb-photo-slider .spb-slider-panel { background: #000; text-align: center; width:100%; }
.spb-photo-slider .spb-slider-panel .spb-slider-panel-text p { color: #eee; }
.spb-photo-slider .spb-slider-panel .spb-slider-panel-overlay { background: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=40); }

.spb-photo-slider .spb-slider-panel a.tn-icon{ margin-top:1.5px; }
.spb-photo-slider .spb-rec-btn { position: absolute; top: 5px; right: 0; z-index: 10; }

/* Carousel Slider */
.spb-carousel-slider { margin: 0 auto; }
.spb-carousel-slider .spb-slider-nav .spb-slider-nav-btn { top: 5px; }
.spb-carousel-slider .spb-slider-nav .spb-slider-nav-btn {  position: absolute; }
.spb-carousel-slider .spb-slider-nav .spb-slider-nav-btn a { display: block; padding: 47px 2px; cursor: pointer; }
.spb-carousel-slider .spb-slider-nav .spb-slider-nav-prev { left: 0; }
.spb-carousel-slider .spb-slider-nav .spb-slider-nav-next { right: 0; }

.spb-carousel-slider .tn-photo-item { padding: 5px; }
.spb-carousel-slider .tn-photo-item .tn-text-heading { height: 20px; line-height: 20px; }
.spb-carousel-slider .tn-photo-item .tn-text-heading a { white-space: nowrap; text-overflow: ellipsis; }
.spb-carousel-slider .tn-photo-item .tn-text-heading a:hover { text-decoration: underline; }

/* Thumbnail Carousel*/
.spb-thumb-carousel .spb-carousel-slider { width: 688px;  height: 145px; }
.spb-thumb-carousel .spb-carousel-slider .spb-slider-nav { width: 688px; }
.spb-thumb-carousel .spb-carousel-slider .spb-slider-nav .spb-slider-nav-btn a { display: block; padding: 44px 2px; }
.spb-thumb-carousel .spb-carousel-slider .tn-photo-item { padding: 5px 2px; width: 104px; }
.spb-thumb-carousel .spb-carousel-slider .tn-photo-item .tn-photo-wrap { padding: 1px 0px 1px 1px; }
.spb-thumb-carousel .spb-carousel-slider .tn-photo-item .tn-photo-wrap a { width: 101px; overflow: hidden; zoom:1; }

/* Text Slider */
.spb-text-slider-wrap { overflow: hidden; zoom:1; }
.spb-text-slider { height: 20px; }
.spb-text-slider-icon { position: absolute; z-index: 2; left: 0; top: 2px; }
.spb-text-slider .spb-slider-nav-clip { height: 20px; padding-left: 20px; }
.spb-text-slider .spb-slider-panel { line-height: 20px; width: 100%; }
.spb-text-slider .spb-slider-panel .tn-icon { float: right; margin: 2px 0 0 5px; }
.spb-text-slider a:hover { text-decoration: underline; }

/* Message */
.field-validation-valid,
.field-validation-error { color: #bf0000; }
input.input-validation-error { border-color: #bf0000; }
