/* Minification failed. Returning unminified contents.
(873,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(873,129): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1315,408): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1315,424): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(8155,203): run-time error CSS1036: Expected expression, found '!important'
*/
/* Tunynet CSS Framework 0.6
----------------------------------*/
/* Reset style */
abbr,acronym{ border: 0; font-variant: normal; }
address,caption,cite,code,dfn,em,th,var{ font-style: normal; font-weight: normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }
caption,th{ text-align: left; }
fieldset,img{ border: 0; }
h4,h5,h6{ font-size: 100%; }
html{ color: #000; }
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; }
input,textarea,select{ *font-size: 100%; }
textarea { resize: none; }
legend{ color: #000; }
li{ list-style: none; }
q:before,q:after{ content: ''; }
sub{ vertical-align: text-bottom; }
sup{ vertical-align: text-top; }
table{ border-collapse: collapse; border-spacing: 0; }
/* Fonts style */
body{ font: 12px/1.231 "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif; }
h1,h2,h3{ margin: 1em 0; }
h1{ font-size: 138.5%; }
h2{ font-size: 123.1%; }
h3{ font-size: 108%; }
select,input,button,textarea{ font: 99% "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif; }
table{ font-size: inherit; font: 100%; }
pre,code,kbd,samp,tt{ font-family: monospace; *font-size: 108%; line-height: 100%; }
a { color: #005a8c; text-decoration: none; }
a:hover { color: #005a8c; text-decoration: underline; }
a:visited, a:active, a:focus { outline: none; }
a.tn-secondary-text { color: #839faf; }
a.tn-invert-text:hover { color: #fff; background: #005a8c; text-decoration: none; }
/* Basic Layout
----------------------------------*/
.tn-block { position: relative; }
.tn-block { _position: static; }
.tn-main .tn-block { position: static; }
.tn-main { width: 100%; }
.tn-template-l .tn-main,
.tn-template-l-150 .tn-main,
.tn-template-l-170 .tn-main,
.tn-template-l-190 .tn-main,
.tn-template-l-230 .tn-main,
.tn-template-l-310 .tn-main { float: right; margin-left: -310px; }
.tn-template-r .tn-main,
.tn-template-r-150 .tn-main,
.tn-template-r-170 .tn-main,
.tn-template-r-190 .tn-main,
.tn-template-r-230 .tn-main,
.tn-template-r-310 .tn-main { float: left; margin-right: -310px; }
.tn-template-l .tn-block { float: left; }
.tn-template-l-150 .tn-block { float: left; width: 150px; }
.tn-template-l-150 .tn-main .tn-block { margin-left: 160px; }
.tn-template-l-170 .tn-block { float: left; width: 170px; }
.tn-template-l-170 .tn-main .tn-block { margin-left: 180px; }
.tn-template-l-190 .tn-block { float: left; width: 190px; }
.tn-template-l-190 .tn-main .tn-block { margin-left: 200px; }
.tn-template-l-230 .tn-block { float: left; width: 230px; }
.tn-template-l-230 .tn-main .tn-block { margin-left: 240px; }
.tn-template-l-310 .tn-block { float: left; width: 310px; }
.tn-template-l-310 .tn-main .tn-block { margin-left: 320px; }
.tn-template-r .tn-block { float: right; }
.tn-template-r-150 .tn-block { float: right; width: 150px; }
.tn-template-r-150 .tn-main .tn-block { margin-right: 160px; }
.tn-template-r-170 .tn-block { float: right; width: 170px; }
.tn-template-r-170 .tn-main .tn-block { margin-right: 180px; }
.tn-template-r-190 .tn-block { float: right; width: 190px; }
.tn-template-r-190 .tn-main .tn-block { margin-right: 200px; }
.tn-template-r-230 .tn-block { float: right; width: 230px; }
.tn-template-r-230 .tn-main .tn-block { margin-right: 240px; }
.tn-template-r-310 .tn-block { float: right; width: 310px; }
.tn-template-r-310 .tn-main .tn-block { margin-right: 320px; }
.tn-main .tn-block { float: none; width: auto; }
/* Grid Layout
----------------------------------*/
/* 1:1 */
.tn-grid-1-1 .tn-grid-1-1,
.tn-grid-1-1 .tn-unit { width: 49.473%; }
.tn-grid-1-1 .tn-grid-1-1 .tn-unit { width: 48.936%; }
/* 1:3 3:1 -- 1:2:1 2:3:3 3:2:2 -- 4:5:3 3:5:4 3:4:5 5:4:3 */
.tn-grid-1-3 div.tn-first,
.tn-grid-3-1 .tn-unit { width: 24.21%; }
.tn-grid-1-3 .tn-unit,
.tn-grid-3-1 div.tn-first,
.tn-grid-1-3 .tn-grid-2-1,
.tn-grid-1-3 .tn-grid-1-1,
.tn-grid-1-3 .tn-grid-4-5,
.tn-grid-1-3 .tn-grid-5-4 { width: 74.736%; }
.tn-grid-1-3 .tn-grid-2-1 .tn-unit { width: 32.394%; }
.tn-grid-1-3 .tn-grid-2-1 div.tn-first { width: 66.197%; }
.tn-grid-1-3 .tn-grid-1-1 .tn-unit,
.tn-grid-3-1 .tn-grid-1-1 .tn-unit{ width: 49.295%; }
.tn-grid-3-1 .tn-grid-4-5 div.tn-first,
.tn-grid-1-3 .tn-grid-5-4 .tn-unit,
.tn-grid-1-3 .tn-grid-4-5 div.tn-first,
.tn-grid-3-1 .tn-grid-5-4 .tn-unit { width: 43.661%; }
.tn-grid-3-1 .tn-grid-4-5 .tn-unit,
.tn-grid-1-3 .tn-grid-5-4 div.tn-first,
.tn-grid-1-3 .tn-grid-4-5 .tn-unit,
.tn-grid-3-1 .tn-grid-5-4 div.tn-first { width: 54.929%; }
/* 1:2 2:1 -- 1:1:1 */
.tn-grid-1-2 div.tn-first,
.tn-grid-2-1 .tn-unit { width: 32.6316%; }
.tn-grid-1-2 .tn-unit,
.tn-grid-2-1 div.tn-first,
.tn-grid-1-2 .tn-grid-1-1 { width: 66.3158%; }
.tn-grid-1-2 .tn-grid-1-1 .tn-unit { width: 49.2063%; }
/* 1:5 5:1 -- 1:4:1 1:3:2 2:7:3 2:5:5 */
.tn-grid-1-5 div.tn-first,
.tn-grid-5-1 .tn-unit,
.tn-grid-1-5 .tn-grid-4-1 .tn-unit { width: 15.789%; }
.tn-grid-1-5 .tn-unit,
.tn-grid-5-1 div.tn-first,
.tn-grid-1-5 .tn-grid-4-1,
.tn-grid-1-5 .tn-grid-3-2,
.tn-grid-1-5 .tn-grid-7-3,
.tn-grid-1-5 .tn-grid-1-1 { width: 83.157%; }
.tn-grid-1-5 .tn-grid-4-1 div.tn-first { width: 79.746%; }
.tn-grid-1-5 .tn-grid-4-1 .tn-unit { width: 18.987%; }
.tn-grid-1-5 .tn-grid-3-2 div.tn-first { width: 59.493%; }
.tn-grid-1-5 .tn-grid-3-2 .tn-unit { width: 39.24%; }
.tn-grid-1-5 .tn-grid-7-3 div.tn-first { width: 69.62%; }
.tn-grid-1-5 .tn-grid-7-3 .tn-unit { width: 29.113%; }
.tn-grid-1-5 .tn-grid-1-1 .tn-unit { width: 49.367% }
/* 3:13 13:3 -- 3:9:4 3:10:3 */
.tn-grid-13-3 .tn-unit,
.tn-grid-3-13 div.tn-first,
.tn-grid-3-13 .tn-grid-10-3 .tn-unit { width: 17.894%; }
.tn-grid-13-3 div.tn-first,
.tn-grid-3-13 .tn-unit,
.tn-grid-3-13 .tn-grid-9-4,
.tn-grid-3-13 .tn-grid-10-3 { width: 81.052%; }
.tn-grid-3-13 .tn-grid-9-4 .tn-unit { width: 29.87%; }
.tn-grid-3-13 .tn-grid-9-4 div.tn-first { width: 68.831%; }
.tn-grid-3-13 .tn-grid-10-3 .tn-unit { width: 22.077%; }
.tn-grid-3-13 .tn-grid-10-3 div.tn-first { width: 76.623%; }
/* 5:19 19:5 -- 5:13:6 5:14:5 */
.tn-grid-19-5 .tn-unit,
.tn-grid-5-19 div.tn-first { width: 20%; }
.tn-grid-19-5 div.tn-first,
.tn-grid-5-19 .tn-unit,
.tn-grid-5-19 .tn-grid-14-5,
.tn-grid-5-19 .tn-grid-13-6 { width: 78.947%; }
.tn-grid-5-19 .tn-grid-13-6 div.tn-first { width: 68%; }
.tn-grid-5-19 .tn-grid-13-6 .tn-unit { width: 30.666%; }
.tn-grid-5-19 .tn-grid-14-5 div.tn-first { width: 73.333%; }
.tn-grid-5-19 .tn-grid-14-5 .tn-unit { width: 25.333%; }
div.tn-first,
.tn-grid div.tn-first,
.tn-grid-1-1 div.tn-first { float: left; }
.tn-unit,
.tn-grid .tn-grid,
.tn-grid-1-1 .tn-grid-1-1,
.tn-grid-1-2 .tn-grid-1-1,
.tn-grid-1-3 .tn-grid-1-1,
.tn-grid-1-3 .tn-grid-2-1,
.tn-grid-1-3 .tn-grid-4-5,
.tn-grid-1-3 .tn-grid-5-4,
.tn-grid-1-5 .tn-grid-1-1,
.tn-grid-1-5 .tn-grid-4-1,
.tn-grid-1-5 .tn-grid-3-2,
.tn-grid-1-5 .tn-grid-7-3,
.tn-grid-3-13 .tn-grid-9-4,
.tn-grid-3-13 .tn-grid-10-3,
.tn-grid-5-19 .tn-grid-14-5,
.tn-grid-5-19 .tn-grid-13-6 { float: right; }
.tn-grid:after,
.tn-grid-1-1:after,
.tn-grid-1-2:after,
.tn-grid-2-1:after,
.tn-grid-1-3:after,
.tn-grid-3-1:after,
.tn-grid-1-4:after,
.tn-grid-4-1:after,
.tn-grid-2-3:after,
.tn-grid-3-2:after,
.tn-grid-1-5:after,
.tn-grid-5-1:after,
.tn-grid-4-5:after,
.tn-grid-5-4:after,
.tn-grid-7-3:after,
.tn-grid-13-3:after,
.tn-grid-3-13:after,
.tn-grid-9-4:after,
.tn-grid-10-3:after,
.tn-grid-19-5:after,
.tn-grid-5-19:after,
.tn-grid-14-5:after,
.tn-grid-13-6:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tn-grid,
.tn-grid-1-1,
.tn-grid-1-2,
.tn-grid-2-1,
.tn-grid-1-3,
.tn-grid-3-1,
.tn-grid-1-4,
.tn-grid-4-1,
.tn-grid-2-3,
.tn-grid-3-2,
.tn-grid-1-5,
.tn-grid-5-1,
.tn-grid-4-5,
.tn-grid-5-4,
.tn-grid-7-3,
.tn-grid-13-3,
.tn-grid-3-13,
.tn-grid-9-4,
.tn-grid-10-3,
.tn-grid-19-5,
.tn-grid-5-19,
.tn-grid-14-5,
.tn-grid-13-6 { zoom:1; }
.tn-unit { _overflow: hidden; }
/* Layout helpers
----------------------------------*/
.tn-helper-hidden,
.ui-helper-hidden { display: none; }
.tn-helper-hidden-accessible,
.ui-helper-hidden-accessible { position: absolute; left: -9999px; }
.tn-helper-reset,
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.tn-helper-clearfix:after,
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tn-helper-clearfix,
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .tn-helper-clearfix,
* html .ui-helper-clearfix { height:1%; }
.tn-helper-clearfix,
.ui-helper-clearfix { display:block; }
/* end clearfix */
.tn-helper-clear { clear: both; }
.tn-helper-zfix,
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.tn-helper-left { float: left; }
.tn-helper-right { float: right; }
.tn-helper-align-left { text-align: left; }
.tn-helper-align-center { text-align: center; }
.tn-helper-align-right { text-align: right; }
.tn-helper-flowfix { overflow: hidden; zoom:1; }
.tn-ie-center { display: inline-block; font-size: 0; height: 100%; overflow: hidden; vertical-align: middle; width: 0; }
/* Blank block */
.tn-blank1,
.tn-blank2,
.tn-blank5,
.tn-blank10,
.tn-blank15,
.tn-blank20 { clear: both; font-size: 1px; line-height: 1px; }
.tn-blank1 { height: 1px; }
.tn-blank2 { height: 2px; }
.tn-blank5 { height: 5px; }
.tn-blank10 { height: 10px; }
.tn-blank15 { height: 15px; }
.tn-blank20 { height: 20px; }
/* Interaction Cues
----------------------------------*/
.tn-cue-disabled, .ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
.ui-icon,
.tn-icon,
.tn-icon-small,
.tn-icon-big,
.tn-icon-large,
.tn-icon-special,
.tn-icon-colorful{ display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.tn-icon-inline { display: inline-block; margin: 0 2px; vertical-align: middle; }
/* Overlays
----------------------------------*/
.tn-widget-overlay, .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 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; 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 5px; padding: 0; line-height: 24px; }
.tn-main-heading .tn-option .tn-action { margin: 0 5px; }
.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 5px; }
.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 { width: 230px; }
.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; }
/* Dubble box
----------------------------------*/
.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-form-no-avatar .tn-comment-form-act { padding: 5px 0 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-date,
.tn-detail-info .tn-author,
.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 .tn-list-info .tn-count,
.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(/Themes/Shared/Styles/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 a:hover { text-decoration: none; }
.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; }
/* 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-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 */
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; }
/* 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.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(/Themes/Shared/Styles/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(/Themes/Shared/Styles/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(/Themes/Shared/Styles/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(/Themes/Shared/Styles/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;}
/*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(/Themes/Shared/Styles/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; }
/*Uploadify
-----------------------------------*/
.uploadify { position: relative; margin-bottom: 1em; }
.uploadify .swfupload { left: 0; }
.uploadify-button { background: url(/Themes/Shared/Styles/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(/Themes/Shared/Styles/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;}
/* Tunynet CSS Framework 0.6
----------------------------------*/
/* Component containers
----------------------------------*/
.tn-widget-content,
.ui-widget-content { border: 1px solid #cce0ec; background: #fff; }
.tn-widget-bubble,
.tn-widget-same { border-color: #fff; }
.tn-widget-header,
.ui-widget-header { border: 1px solid #cce0ec; background: url(/Themes/Shared/Styles/Images/bg-pipe-eff5f8.png) repeat-x 0 50%; }
/* Background
----------------------------------*/
.tn-bg-light { background: #f2f7fa; }
.tn-bubble-light { border-color: #f2f7fa; }
.tn-bg-gray { background: #f5f5f5; }
.tn-bubble-gray { border-color: #f5f5f5; }
.tn-bg-deep { background: #0065a2; color: #fff; }
.tn-bubble-deep { border-color: #0065a2; }
.tn-bg-deep a,
.tn-bg-deep a:hover,
a.tn-bg-deep,
a.tn-bg-deep:hover { color: #fff; }
.tn-img-sprite { background-image: url(/Themes/Shared/Styles/Images/tn-img-sprite.png); background-repeat: no-repeat; }
/* Border
----------------------------------*/
.tn-border-light { border: solid #cce0ec 1px; }
.tn-border-gray { border: solid #ddd 1px; }
.tn-border-deep { border: solid #0065a2 1px; }
.tn-border-top { border-width: 1px 0 0; }
.tn-border-right { border-width: 0 1px 0 0; }
.tn-border-bottom { border-width: 0 0 1px; }
.tn-border-left { border-width: 0 0 0 1px; }
.tn-border-tr { border-width: 1px 1px 0 0; }
.tn-border-rb { border-width: 0 1px 1px 0; }
.tn-border-bl { border-width: 0 0 1px 1px; }
.tn-border-tl { border-width: 1px 0 0 1px; }
.tn-border-tb { border-width: 1px 0; }
.tn-border-lr { border-width: 0 1px; }
.tn-border-trl { border-width: 1px 1px 0; }
.tn-border-trb { border-width: 1px 1px 1px 0; }
.tn-border-tbl { border-width: 1px 0 1px 1px; }
.tn-border-rbl { border-width: 0 1px 1px; }
.tn-border-all { border-width: 1px; }
.tn-border-none,
.tn-widget .tn-border-none { border-width: 0; }
.tn-border-dashed { border-style: dashed; }
.tn-border-dotted { border-style: dotted; }
.tn-separator { font-size: 0; height: 0; line-height: 0; padding: 0; }
/* Interaction Cues
----------------------------------*/
a.tn-instant-note { border: 1px solid #f0ea51; background: #fdfded; color: #cfa846; display: block; line-height: 25px; text-align: center; }
a.tn-instant-note:hover { background: #fcfce1; color: #cfa846; }
.tn-cue-success { border: 1px solid #aacf58; background: #f6faee; }
.tn-cue-highlight { border: 1px solid #f0ea51; background: #fdfded; }
.tn-cue-error { border: 1px solid #bb0500; background: #fcf2f2; }
.tn-cue-error a, .tn-widget-content .tn-cue-error a,
.ui-state-error a, .ui-widget-content .ui-state-error a { text-decoration: underline; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.tn-priority-primary, .tn-widget-content .tn-priority-primary, .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.tn-priority-secondary, .tn-widget-content .tn-priority-secondary, .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.tn-cue-disabled, .tn-widget-content .tn-cue-disabled, .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.tn-loading { background: url(/Themes/Shared/Styles/Images/ajaxloading.gif) no-repeat center center; min-height: 32px; _height: 32px; }
/* Interaction states
----------------------------------*/
.tn-state-default, .tn-widget-content .tn-state-default,
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cce0ec; background: #e9f2f7; box-shadow: 0 1px 0 #fff inset; }
.tn-state-default a, .tn-state-default a:link, .tn-state-default a:visited, .tn-state-hover a, .tn-state-hover a:hover,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; }
.tn-state-hover, .tn-widget-content .tn-state-hover, .tn-state-focus, .tn-widget-content .tn-state-focus,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #b7d3e3; background: url(/Themes/Shared/Styles/Images/bg-pipe-d6e4ec.png) repeat-x 0 50%; }
.tn-state-active, .tn-widget-content .tn-state-active,
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cce0ec; background: #fff; color: #333; }
.tn-state-active a, .tn-state-active a:link, .tn-state-active a:visited,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none; }
.tn-widget:active, .ui-widget:active { outline: none; }
.tn-state-disabled a, .tn-state-disabled a:link, .tn-state-disabled a:visited { color: #999; text-decoration: none; cursor: default; }
/* Text Microformat
----------------------------------*/
.tn-text-heading .tn-text-note,
.tn-text-subheading .tn-text-note { font-weight: normal; }
.tn-text-note { color: #999; }
.tn-text-bright { color: #f00; }
.tn-text-bold { font-weight: bold; }
.tn-text-normal { font-weight: normal; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.tn-corner-tl, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.tn-corner-tr, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.tn-corner-bl, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.tn-corner-br, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.tn-corner-top, .ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.tn-corner-bottom, .ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.tn-corner-right, .ui-corner-right { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.tn-corner-left, .ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.tn-corner-all, .ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/Themes/Shared/Styles/Images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Themes/Shared/Styles/Images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* Button
----------------------------------*/
.tn-button { border-width: 1px; border-style: solid;}
.tn-button-default { background: #eee; border-color: #ddd; box-shadow: 0 1px 0 #fff inset; }
.tn-button-default:hover { background: #e8e8e8; border-color: #ddd; box-shadow: 0 1px 0 #fff inset; }
.tn-button-primary { background: #bf0a10; border-color: #bf0a10; box-shadow: 0 1px 0 #bf0a10 inset; }
.tn-button-primary:hover { background: #aa050a; border-color: #aa050a; box-shadow: 0 1px 0 #aa050a inset; }
.tn-button-secondary { background: #eee; border-color: #ddd; box-shadow: 0 1px 0 #fff inset; }
.tn-button-secondary:hover { background: #e8e8e8; border-color: #ddd; box-shadow: 0 1px 0 #fff inset; }
.tn-button-primary .tn-button-text,
.tn-button-primary:hover .tn-button-text { color: #fff; }
.tn-button-secondary .tn-button-text,
.tn-button-secondary:hover .tn-button-text { font-weight: normal; color: #333; }
.tn-button-lite { background: none; border-color: transparent; _border: none; box-shadow: none; }
.tn-button-hollow { background: none; box-shadow: none; }
.tn-button-lite:hover,
.tn-button-hollow:hover { box-shadow: none; }
.tn-button-disabled,
.tn-button-disabled:hover { background: #f8f8f8; border-color: #eee; cursor: default; box-shadow: 0 1px 0 #fff inset; }
.tn-button-disabled .tn-button-text,
.tn-button-disabled:hover .tn-button-text { color: #ccc; }
/* Icons
----------------------------------*/
/* states and images */
.tn-icon { width: 16px; height: 16px; background-image: url(/Themes/Shared/Styles/Icons/25gray/tn-icon-small.png); }
a.tn-icon:hover {background-image: url(/Themes/Shared/Styles/Icons/50gray/tn-icon-small.png);}
.tn-icon-big { width: 32px; height: 32px; background-image: url(/Themes/Shared/Styles/Icons/25gray/tn-icon-big.png);}
a.tn-icon-big:hover {background-image: url(/Themes/Shared/Styles/Icons/50gray/tn-icon-big.png);}
.tn-icon-large { width: 64px; height: 64px; background-image: url(/Themes/Shared/Styles/icons/tn-icon-large.png);}
.tn-icon-special { width: 28px; height: 28px; background-image: url(/Themes/Shared/Styles/Icons/tn-icon-special.png);}
.tn-icon-colorful { width: 16px; height: 16px; background-image: url(/Themes/Shared/Styles/Icons/tn-icons-color.png); }
.tn-bg-deep .tn-icon { background-image: url(/Themes/Shared/Styles/icons/white/tn-icon-small.png); }
.tn-bg-deep .tn-icon:hover { background-image: url(/Themes/Shared/Styles/icons/25gray/tn-icon-small.png); }
.tn-icon-waiting { background-image: url(/Themes/Shared/Styles/Images/ui-anim_basic_16x16.gif); }
/* colorful 16*16 */
.tn-icon-colorful-banned{ background-position: 0px 0px;}
.tn-icon-colorful-moderated{ background-position: -20px 0px;}
.tn-icon-colorful-approve{ background-position: -40px 0px;}
.tn-icon-colorful-secret{ background-position: -60px 0px;}
.tn-icon-colorful-privilege{ background-position: -80px 0px;}
.tn-icon-colorful-private{ background-position: -100px 0px;}
.tn-icon-colorful-manager { background-position: -120px 0px;}
.tn-icon-colorful-assistant { background-position: -140px 0px;}
.tn-icon-colorful-fine{ background-position: 0px -20px;}
.tn-icon-colorful-rec{ background-position: -20px -20px;}
.tn-icon-colorful-top{ background-position: -40px -20px; width: 28px;}
.tn-icon-colorful-coins{ background-position: -80px -20px;}
.tn-icon-colorful-question { background-position: -100px -20px;}
.tn-icon-colorful-best { background-position: -120px -20px;}
.tn-icon-colorful-stop{ background-position: 0px -40px;}
.tn-icon-colorful-pass{ background-position: -20px -40px;}
.tn-icon-colorful-wait{ background-position: -40px -40px;}
.tn-icon-colorful-again{ background-position: -60px -40px;}
/* positioning 16*16 */
.tn-icon-triangle-down { background-position: 0px 0px; }
.tn-icon-triangle-up { background-position: -20px 0px; }
.tn-icon-triangle-right { background-position: -40px 0px; }
.tn-icon-triangle-left { background-position: -60px 0px; }
.tn-icon-collapse-open { background-position: -80px 0px; }
.tn-icon-collapse-close { background-position: -100px 0px; }
.tn-icon-download { background-position: -120px 0px; }
.tn-icon-upload { background-position: -140px 0px; }
.tn-icon-expand { background-position: -160px 0px; }
.tn-icon-fold { background-position: -180px 0px; }
.tn-icon-slide-next { background-position: -200px 0px; }
.tn-icon-slide-prev { background-position: -220px 0px; }
.tn-icon-school { background-position: -240px 0px; }
.tn-icon-write { background-position: 0px -20px; }
.tn-icon-update { background-position: -20px -20px; }
.tn-icon-set { background-position: -40px -20px; }
.tn-icon-config { background-position: -60px -20px; }
.tn-icon-add { background-position: -80px -20px; }
.tn-icon-cross { background-position: -100px -20px; }
.tn-icon-accept { background-position: -120px -20px; }
.tn-icon-last { background-position: -160px -20px; }
.tn-icon-rotate-left { background-position: -180px -20px; }
.tn-icon-rotate-right { background-position: -200px -20px; }
.tn-icon-enlarge { background-position: -220px -20px; }
.tn-icon-friendly { background-position: -240px -20px; }
.tn-icon-email { background-position: 0px -40px; }
.tn-icon-email-open { background-position: -20px -40px; }
.tn-icon-elite { background-position: -40px -40px; }
.tn-icon-top { background-position: -60px -40px; }
.tn-icon-flag { background-position: -80px -40px; }
.tn-icon-lock { background-position: -100px -40px; }
.tn-icon-key { background-position: -120px -40px; }
.tn-icon-limit { background-position: -140px -40px; }
.tn-icon-stop { background-position: -160px -40px; }
.tn-icon-coins { background-position: -180px -40px; }
.tn-icon-fire { background-position: -200px -40px; }
.tn-icon-move { background-position: -220px -40px; }
.tn-icon-sneak { background-position: -240px -40px; }
.tn-icon-view { background-position: 0px -60px; }
.tn-icon-thumb-up { background-position: -20px -60px; }
.tn-icon-thumb-down { background-position: -40px -60px; }
.tn-icon-share { background-position: -60px -60px; }
.tn-icon-bubble { background-position: -80px -60px; }
.tn-icon-favorite { background-position: -100px -60px; }
.tn-icon-star { background-position: -120px -60px; }
.tn-icon-feed { background-position: -140px -60px; }
.tn-icon-quotes-before { background-position: -160px -60px; }
.tn-icon-quotes-after { background-position: -180px -60px; }
.tn-icon-topic { background-position: -200px -60px; }
.tn-icon-label { background-position: -220px -60px; }
.tn-icon-forwardc { background-position: -240px -60px; }
.tn-icon-user { background-position: 0px -80px; }
.tn-icon-user-add { background-position: -20px -80px; }
.tn-icon-user-allow { background-position: -40px -80px; }
.tn-icon-user-stop { background-position: -60px -80px; }
.tn-icon-user-relation { background-position: -80px -80px; }
.tn-icon-user-avatar { background-position: -100px -80px; }
.tn-icon-user-invite { background-position: -120px -80px; }
.tn-icon-user-card { background-position: -140px -80px; }
.tn-icon-group { background-position: -160px -80px; }
.tn-icon-chain { background-position: -180px -80px; }
.tn-icon-pen { background-position: -200px -80px; }
.tn-icon-focus { background-position: -220px -80px; }
.tn-icon-pin { background-position: -240px -80px; }
.tn-icon-browse-list { background-position: 0px -100px; }
.tn-icon-browse-detail { background-position: -20px -100px; }
.tn-icon-browse-medium { background-position: -40px -100px; }
.tn-icon-browse-small { background-position: -60px -100px; }
.tn-icon-browse-slide { background-position: -80px -100px; }
.tn-icon-dress { background-position: -100px -100px; }
.tn-icon-zoom { background-position: -120px -100px; }
.tn-icon-photo,
.tn-icon-camera { background-position: -140px -100px; }
.tn-icon-calendar { background-position: -160px -100px; }
.tn-icon-color { background-position: -180px -100px; }
.tn-icon-alert { background-position: 0px -120px; }
.tn-icon-exclamation { background-position: -20px -120px; }
.tn-icon-cross-circle { background-position: -40px -120px; }
.tn-icon-accept-circle { background-position: -60px -120px; }
.tn-icon-apply { background-position: -80px -120px; }
.tn-icon-logout { background-position: -100px -120px; }
.tn-icon-join { background-position: -120px -120px; }
.tn-icon-quit { background-position: -140px -120px; }
.tn-icon-home { background-position: -160px -120px; }
.tn-icon-question { background-position: -180px -120px; }
.tn-icon-notice { background-position: -200px -120px; }
.tn-icon-escalator { background-position: -220px -120px; }
.tn-icon-female { background-position: -240px -120px; }
.tn-icon-jump { background-position: 0px -140px; }
.tn-icon-find { background-position: -20px -140px; }
.tn-icon-emotion { background-position: -40px -140px; }
.tn-icon-paper-clip { background-position: -60px -140px; }
.tn-icon-folder { background-position: -80px -140px; }
.tn-icon-movie { background-position: -100px -140px; }
.tn-icon-picture { background-position: -120px -140px; }
.tn-icon-album { background-position: -140px -140px; }
.tn-icon-world { background-position: -160px -140px; }
.tn-icon-wiki { background-position: -160px -140px; }
.tn-icon-sound { background-position: -180px -140px; }
.tn-icon-music { background-position: -200px -140px; }
.tn-icon-skin { background-position: -220px -140px; }
.tn-icon-male { background-position: -240px -140px; }
.tn-icon-blog { background-position: 0px -160px; }
.tn-icon-archive { background-position: -20px -160px; }
.tn-icon-event { background-position: -40px -160px; }
.tn-icon-bar { background-position: -60px -160px; }
.tn-icon-vote { background-position: -80px -160px; }
.tn-icon-news { background-position: -100px -160px; }
.tn-icon-job { background-position: -120px -160px; }
.tn-icon-app { background-position: -140px -160px; }
.tn-icon-market { background-position: -160px -160px; }
.tn-icon-ask,
.tn-icon-answer { background-position: -180px -160px; }
.tn-icon-microblog { background-position: -200px -160px; }
.tn-icon-at { background-position: -220px -160px; }
.tn-icon-cms { background-position: -240px -160px; }
.tn-icon-play { background-position: 0px -180px; }
.tn-icon-pause { background-position: -20px -180px; }
.tn-icon-discovery{background-position: -40px -180px;}
.tn-icon-gift,
.tn-icon-pointmall {background-position: -60px -180px;}
.tn-icon-function{background-position: -80px -180px;}
.tn-icon-chart{background-position: -100px -180px;}
.tn-icon-clock{background-position: -120px -180px;}
.tn-icon-pending{background-position: -140px -180px;}
.tn-icon-datasheet{background-position: -160px -180px;}
.tn-icon-system{background-position: -180px -180px;}
.tn-icon-product{background-position: -200px -180px;}
.tn-icon-add-picture{background-position: -220px -180px;}
.tn-icon-exif {background-position: -240px -180px;}
.tn-icon-bold { background-position: 0px -200px; }
.tn-icon-italic { background-position: -20px -200px; }
.tn-icon-underline { background-position: -40px -200px; }
.tn-icon-text-color { background-position: -60px -200px; }
.tn-icon-font-expand { background-position: -80px -200px; }
.tn-icon-font-decrease { background-position: -100px -200px; }
/* positioning 16*16_small */
.tn-smallicon-triangle-down { background-position: 0px -220px; }
.tn-smallicon-triangle-up { background-position: -16px -220px; }
.tn-smallicon-triangle-right { background-position: -32px -220px; }
.tn-smallicon-triangle-left { background-position: -48px -220px; }
.tn-smallicon-collapse-open { background-position: -64px -220px; }
.tn-smallicon-collapse-close { background-position: -80px -220px; }
.tn-smallicon-download { background-position: -96px -220px; }
.tn-smallicon-upload { background-position: -112px -220px; }
.tn-smallicon-expand { background-position: -128px -220px; }
.tn-smallicon-fold { background-position: -144px -220px; }
.tn-smallicon-slide-next { background-position: -160px -220px; }
.tn-smallicon-slide-prev { background-position: -176px -220px; }
.tn-smallicon-first { background-position: -192px -220px; }
.tn-smallicon-last{ background-position: -208px -220px;}
.tn-smallicon-write { background-position: 0px -236px; }
.tn-smallicon-update { background-position: -16px -236px; }
.tn-smallicon-set { background-position: -32px -236px; }
.tn-smallicon-config { background-position: -48px -236px; }
.tn-smallicon-add { background-position: -64px -236px; }
.tn-smallicon-cross { background-position: -80px -236px; }
.tn-smallicon-accept{ background-position: -96px -236px;}
.tn-smallicon-rotate-left{ background-position: -112px -236px;}
.tn-smallicon-rotate-right{ background-position: -128px -236px;}
.tn-smallicon-enlarge{ background-position: -144px -236px;}
.tn-smallicon-label{ background-position: -160px -236px;}
.tn-smallicon-find{background-position: -176px -236px;}
.tn-smallicon-alert{background-position: -192px -236px;}
.tn-smallicon-top{ background-position: -208px -236px;}
.tn-smallicon-elite{background-position: -0px -252px;}
.tn-smallicon-stop{background-position: -16px -252px;}
.tn-smallicon-microblog{background-position: -32px -252px;}
.tn-smallicon-friendly{background-position: -48px -252px;}
.tn-smallicon-sneak{background-position: -64px -252px;}
.tn-smallicon-female{ background-position: -80px -252px;}
.tn-smallicon-male { background-position: -96px -252px;}
.tn-smallicon-album { background-position: -112px -252px;}
.tn-smallicon-move { background-position: -128px -252px;}
/* positioning 32*32_big */
.tn-bigicon-triangle-down { background-position: 0px 0px; }
.tn-bigicon-triangle-up { background-position: -40px 0px; }
.tn-bigicon-triangle-right { background-position: -80px 0px; }
.tn-bigicon-triangle-left { background-position: -120px 0px; }
.tn-bigicon-collapse-open { background-position: -160px 0px; }
.tn-bigicon-collapse-close { background-position: -200px 0px; }
.tn-bigicon-download { background-position: -240px 0px; }
.tn-bigicon-upload { background-position: -280px 0px; }
.tn-bigicon-expand { background-position: -320px 0px; }
.tn-bigicon-fold { background-position: -360px 0px; }
.tn-bigicon-slide-next { background-position: -400px 0px; }
.tn-bigicon-slide-prev { background-position: -440px 0px; }
.tn-bigicon-first { background-position: -480px 0px; }
.tn-bigicon-last{ background-position: -520px 0px;}
.tn-bigicon-write { background-position: 0px -40px; }
.tn-bigicon-update { background-position: -40px -40px; }
.tn-bigicon-set { background-position: -80px -40px; }
.tn-bigicon-config { background-position: -120px -40px; }
.tn-bigicon-add { background-position: -160px -40px; }
.tn-bigicon-cross { background-position: -200px -40px; }
.tn-bigicon-rotate-left{ background-position: -240px -40px;}
.tn-bigicon-rotate-right{ background-position: -280px -40px;}
.tn-bigicon-enlarge{ background-position: -320px -40px;}
.tn-bigicon-email{ background-position: -360px -40px;}
.tn-bigicon-top{ background-position: -400px -40px;}
.tn-bigicon-lock{ background-position: -440px -40px;}
.tn-bigicon-share{background-position: -480px -40px;}
.tn-bigicon-bubble{background-position: -520px -40px;}
.tn-bigicon-favorite{background-position: -0px -80px;}
.tn-bigicon-quotes-before{background-position: -40px -80px;}
.tn-bigicon-quotes-after{background-position: -80px -80px;}
.tn-bigicon-topic{background-position: -120px -80px;}
.tn-bigicon-user{background-position: -160px -80px;}
.tn-bigicon-group{background-position: -200px -80px;}
.tn-bigicon-chain{background-position: -240px -80px;}
.tn-bigicon-zoom{background-position: -280px -80px;}
.tn-bigicon-alert{background-position: -320px -80px;}
.tn-bigicon-exclamation{background-position: -360px -80px;}
.tn-bigicon-cross-circle{background-position: -400px -80px;}
.tn-bigicon-accept-circle{background-position: -440px -80px;}
.tn-bigicon-logout{background-position: -480px -80px;}
.tn-bigicon-quit{background-position: -480px -80px;}
.tn-bigicon-home{background-position: -520px -80px;}
.tn-bigicon-question{background-position: 0px -120px;}
.tn-bigicon-find{background-position: -40px -120px;}
.tn-bigicon-emotion{background-position: -80px -120px;}
.tn-bigicon-folder{background-position: -120px -120px;}
.tn-bigicon-movie{background-position: -160px -120px;}
.tn-bigicon-picture{background-position: -200px -120px;}
.tn-bigicon-album{background-position: -240px -120px;}
.tn-bigicon-sound{background-position: -280px -120px;}
.tn-bigicon-blog{background-position: -320px -120px;}
.tn-bigicon-event{background-position: -360px -120px;}
.tn-bigicon-vote{background-position: -400px -120px;}
.tn-bigicon-news{background-position: -440px -120px;}
.tn-bigicon-job{background-position: -480px -120px;}
.tn-bigicon-app{background-position: -520px -120px;}
.tn-bigicon-answer{background-position: 0px -160px;}
.tn-bigicon-microblog{background-position: -40px -160px;}
.tn-bigicon-at{background-position: -80px -160px;}
.tn-bigicon-play{background-position: -120px -160px;}
.tn-bigicon-pause{background-position: -160px -160px;}
.tn-bigicon-discovery{background-position: -200px -160px;}
.tn-bigicon-skin{background-position: -240px -160px;}
.tn-bigicon-add-picture{background-position: -280px -160px;}
.tn-bigicon-camera{background-position: -320px -160px;}
.tn-bigicon-music{background-position: -360px -160px;}
/* positioning 64*64_large */
.tn-largeicon-lock { background-position: 0px 0px; }
.tn-largeicon-user { background-position: -64px 0px; }
.tn-largeicon-alert { background-position: -128px 0px; }
.tn-largeicon-exclamation { background-position: -192px 0px; }
.tn-largeicon-cross-circle { background-position: -256px 0px; }
.tn-largeicon-accept-circle { background-position: -320px 0px; }
/* positioning 28*28_Special */
.tn-special-icon-app { background-position: 0px 0px; }
.tn-special-icon-home { background-position: -32px 0px; }
.tn-special-icon-blog { background-position: -64px 0px; }
.tn-special-icon-photo { background-position: -96px 0px; }
.tn-special-icon-microblog { background-position: -128px 0px; }
.tn-special-icon-ask { background-position: -160px 0px; }
.tn-special-icon-bar { background-position: -192px 0px; }
.tn-special-icon-group { background-position: -224px 0px; }
.tn-special-icon-event { background-position: -256px 0px; }
.tn-special-icon-share { background-position: -288px 0px; }
.tn-special-icon-user { background-position: -320px 0px; }
.tn-special-icon-archive { background-position: -352px 0px; }
.tn-special-icon-search { background-position: -384px 0px; }
.tn-special-icon-best { background-position: -416px 0px; }
.tn-special-icon-gift,
.tn-special-icon-pointmall { background-position: -448px 0px; }
.tn-special-icon-cms { background-position: -480px 0px; }
/* Praise
----------------------------------*/
.tn-thumb-rate .tn-icon-thumb-up,
.tn-thumb-rate a.tn-icon-thumb-up:hover { background-image: url(/Themes/Shared/Styles/icons/tn-icon-thumb-up.png); }
.tn-thumb-rate .tn-icon-thumb-down,
.tn-thumb-rate a.tn-icon-thumb-down:hover { background-image: url(/Themes/Shared/Styles/icons/tn-icon-thumb-down.png); }
.tn-praise .tn-icon,
.tn-praise a.tn-icon:hover { background-image: url(/Themes/Shared/Styles/icons/tn-icon-praise.png); }
.tn-thumb-rate .tn-icon-thumb-up,
.tn-thumb-rate .tn-icon-thumb-down,
.tn-praise .tn-icon { background-position: 0 0; }
.tn-thumb-rate .tn-icon-thumb-up:hover,
.tn-thumb-rate .tn-icon-thumb-down:hover,
.tn-praise .tn-icon:hover { background-position: 0 -20px; }
.tn-thumb-rate a.tn-icon-active,
.tn-thumb-rate a.tn-icon-active:hover,
.tn-praise a.tn-icon-active,
.tn-praise a.tn-icon-active:hover { background-position: 0 -40px; }
.tn-thumb-rate a.tn-icon-disabled,
.tn-thumb-rate a.tn-icon-disabled:hover,
.tn-praise a.tn-icon-disabled,
.tn-praise a.tn-icon-disabled:hover { background-position: 0 -60px; }
/* jQuery UI Icons
----------------------------------*/
.ui-icon { width: 16px; height: 16px; background-image: url(/Themes/Shared/Styles/Images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon { background-image: url(/Themes/Shared/Styles/Images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Themes/Shared/Styles/Images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Themes/Shared/Styles/Images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Themes/Shared/Styles/Images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Themes/Shared/Styles/Images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Themes/Shared/Styles/Images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/Themes/Shared/Styles/Images/ui-icons_cd0a0a_256x240.png); }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Files icon*/
.tn-mime{ height: 16px; width: 16px; background-image: url(/Themes/Shared/Styles/Icons/tn-icon-file.png); background-repeat: no-repeat; display: block; overflow: hidden; margin-right:5px;}
/* positioning */
.tn-mime-htm,
.tn-mime-html{background-position: 0 -40px; }
.tn-mime-xml{ background-position: -20px -40px }
.tn-mime-css{ background-position: -40px -40px }
.tn-mime-js{ background-position: -60px -40px;}
.tn-mime-doc{ background-position: -80px 0; }
.tn-mime-csv{ background-position: -20px 0; }
.tn-mime-xls{ background-position: -40px 0; }
.tn-mime-ppt{ background-position: -60px 0; }
.tn-mime-docx{ background-position: -180px 0; }
.tn-mime-xlsx{ background-position: -200px 0; }
.tn-mime-pptx{ background-position:-220px 0; }
.tn-mime-rtf{ background-position: 0 0; }/**/
.tn-mime-pdf{ background-position: -100px 0; }
.tn-mime-txt{ background-position:-160px 0; }
.tn-mime-zip{ background-position:-140px 0; }
.tn-mime-rar{ background-position: -120px 0px;}
.tn-mime-gif{ background-position:-20px -20px; }
.tn-mime-bmp{ background-position:-60px -20px; }
.tn-mime-jpg,
.tn-mime-jpeg{ background-position: 0 -20px; }
.tn-mime-png{ background-position: -40px -20px; }
.tn-mime-swf{ background-position:-80px -20px; }
.tn-mime-mp3,
.tn-mime-wav,
.tn-mime-rm{ background-position: 0px -60px;}
.tn-mime-rmvb,
.tn-mime-mp4,
.tn-mime-mpg4,
.tn-mime-3gp,
.tn-mime-mpeg,
.tn-mime-mpg,
.tn-mime-mpa,
.tn-mime-mpe,
.tn-mime-wmv,
.tn-mime-wma,
.tn-mime-qt,
.tn-mime-asf,
.tn-mime-asr,
.tn-mime-asx{ background-position:-20px -60px; }
.tn-mime-flv,
.tn-mime-mov,
.tn-mime-mvi{ background-position:-40px -60px; }
.tn-mime-pps{background-position: -60px -60px;}
.tn-mime-ppsx{background-position:-80px -60px;}
.tn-mime-unknow{background-position:-80px -40px;}
/* Big files icon */
.tn-mime-big{ height: 36px; width: 36px; background-image: url(/Themes/Shared/Styles/Icons/tn-icon-file.png); background-repeat: no-repeat; display: block; overflow: hidden; margin-right:5px; }
.tn-mime-htm-big{ background-position: -40px -100px; }
.tn-mime-html-big{ background-position: 0px -100px; }
.tn-mime-xml-big{ background-position: -80px -100px; }
.tn-mime-css-big{ background-position: -160px -100px; }
.tn-mime-js-big{ background-position: -120px -100px; }
.tn-mime-doc-big{ background-position: -160px -180px; }
.tn-mime-csv-big{ background-position: -40px -180px; }
.tn-mime-xls-big{ background-position: -80px -180px; }
.tn-mime-ppt-big{ background-position: -120px -180px; }
.tn-mime-docx-big{ background-position: -160px -220px; }
.tn-mime-xlsx-big{ background-position: -200px -260px; }
.tn-mime-pptx-big{ background-position:-200px -180px; }
.tn-mime-rtf-big{ background-position: 0 -180px; }
.tn-mime-pdf-big{ background-position: 0 -220px; }
.tn-mime-txt-big{ background-position: -120px -220px; }
.tn-mime-zip-big{ background-position: -80px -220px; }
.tn-mime-rar-big{ background-position: -40px -220px; }
.tn-mime-gif-big{ background-position:-40px -140px; }
.tn-mime-bmp-big{ background-position:-120px -140px; }
.tn-mime-jpg-big,
.tn-mime-jpeg-big{ background-position: 0 -140px; }
.tn-mime-png-big{ background-position: -80px -140px; }
.tn-mime-swf-big{ background-position: 0 -260px; }
.tn-mime-mp3-big,
.tn-mime-wav-big,
.tn-mime-rm-big { background-position: -40px -260px; }
.tn-mime-rmvb-big,
.tn-mime-mp4-big,
.tn-mime-mpg4-big,
.tn-mime-3gp-big,
.tn-mime-mpeg-big,
.tn-mime-mpg-big,
.tn-mime-mpa-big,
.tn-mime-mpe-big,
.tn-mime-wmv-big,
.tn-mime-wma-big,
.tn-mime-asf-big,
.tn-mime-asr-big,
.tn-mime-asx-big,
.tn-mime-qt-big { background-position: -80px -260px; }
.tn-mime-flv-big,
.tn-mime-mvi-big,
.tn-mime-mov-big{ background-position: -120px -260px; }
.tn-mime-pps-big{background-position: -160px -260px;}
.tn-mime-ppsx-big{background-position:-200px -220px;}
.tn-mime-unknow-big{background-position:-160px -140px;}
/* Pagination
----------------------------------*/
.tn-pagination span { border-color: #ddd; color: #999; }
.tn-pagination a { border-color: #cce0ec; }
.tn-pagination a:hover { border-color: #0065a2; background: #f2f7fa; text-decoration: none;}
.tn-pagination span.tn-selected { border-color: #0065a2; background: #0065a2; color: #fff; font-weight: bold; }
/*
Offical Style for Spacebuilder
(c) 2007-2012 Tunynet Inc.
*/
/* Layout
----------------------------------*/
#tn-content .tn-wrapper {
_overflow: hidden;
}
.tnc-aside,
.tnc-aside-first,
.tnc-aside-second,
.tnc-main {
min-height: 600px;
_height: 600px;
}
/* Welcome Page
----------------------------------*/
.spb-welcome-html,
.spb-welcome-page {
height: 100%;
overflow: hidden;
}
.spb-welcome-bg {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: #01333d;
}
.spb-welcome-wrap {
position: absolute;
z-index: 10;
width: 660px;
height: 400px;
left: 50%;
top: 50%;
margin: -200px 0 0 -300px;
}
.spb-welcome-profile {
margin-bottom: 80px;
}
.spb-welcome-logo {
background: url(/Images/logo_welcome.png) no-repeat center center;
}
.spb-welcome-logo h1 {
margin: 0;
line-height: 600px;
height: 100px;
overflow: hidden;
}
.spb-welcome-slogan {
text-align: center;
font-size: 18px;
line-height: 35px;
color: #fff;
text-shadow: 0 0 2px #000;
}
.spb-welcome-login {
height: 80px;
}
.spb-welcome-login .tn-textbox {
padding: 9px;
width: 240px;
height: 23px;
background: #bed0d4;
border-radius: 5px;
border-color: #004854;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
font-size: 14px;
color: #6c8387;
}
.spb-welcome-login .tn-textbox:focus {
background: #d5eaed;
}
.spb-welcome-login .spb-welcome-option {
height: 20px;
line-height: 20px;
padding: 5px 0 0;
font-size: 14px;
color: #fff;
text-shadow: 0 0 2px #000;
}
.spb-welcome-login .spb-welcome-option a,
.spb-welcome-login .spb-welcome-option a:hover {
color: #fff;
}
.spb-welcome-id {
width: 270px;
float: left;
}
.spb-welcome-id .spb-welcome-link {
float: left;
width: 60px;
}
.spb-welcome-id .spb-welcome-open-id {
float: right;
padding-right: 7px;
width: 183px;
}
.spb-welcome-id .spb-welcome-open-id .spb-welcome-text {
float: left;
width: 128px;
text-align: right;
}
.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-icon {
width: 16px;
height: 16px;
float: left;
margin: 2px 2px 0 0;
}
.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-QQ {
background: url(/Images/qq-smallLogo1.png) no-repeat;
}
.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-SinaWeibo {
background: url(/Images/sinaweibo-smallLogo.png) no-repeat;
}
.spb-welcome-id .spb-welcome-open-id .spb-welcome-open-Renren {
background: url(/Images/renren-smallLogo.png) no-repeat;
}
.spb-welcome-password {
width: 270px;
float: left;
}
.spb-welcome-password .spb-welcome-remember {
float: left;
}
.spb-welcome-password .spb-welcome-remember .tn-checkbox {
float: left;
margin: 4px 5px 0 0;
*margin: 0 5px 0 0;
}
.spb-welcome-password .spb-welcome-link {
float: right;
padding-right: 10px;
}
.spb-welcome-btn {
width: 120px;
float: left;
}
.spb-welcome-btn .tn-button {
margin: 0;
width: 118px;
height: 43px;
letter-spacing: 8px;
border-radius: 5px;
border-color: #004854;
background: #005d6e;
background-image: -webkit-linear-gradient(top,#007387,#005d6e);
background-image: -moz-linear-gradient(top,#007387,#005d6e);
background-image: -ms-linear-gradient(top,#007387,#005d6e);
background-image: -o-linear-gradient(top,#007387,#005d6e);
background-image: linear-gradient(top,#007387,#005d6e);
box-shadow: 0 1px 0 #0096af inset;
}
.spb-welcome-btn .tn-button:hover {
border-color: #005f6f;
background: #007387;
background-image: -webkit-linear-gradient(top,#0089a1,#005d6e);
background-image: -moz-linear-gradient(top,#0089a1,#005d6e);
background-image: -ms-linear-gradient(top,#0089a1,#005d6e);
background-image: -o-linear-gradient(top,#0089a1,#005d6e);
background-image: linear-gradient(top,#0089a1,#005d6e);
box-shadow: 0 1px 0 #0096af inset;
}
.spb-welcome-btn .tn-button-text {
padding: 0 0 0 8px;
font-size: 18px;
font-weight: normal;
}
.spb-welcome-btn .spb-welcome-look {
line-height: 20px;
padding: 5px 0 0;
font-size: 14px;
}
.spb-welcome-btn .spb-welcome-look a,
.spb-welcome-btn .spb-welcome-look a:hover {
color: #fff;
text-shadow: 0 0 2px #000;
}
.spb-welcome-footer {
line-height: 20px;
text-align: center;
padding: 50px 0 0;
color: #fff;
text-shadow: 0 0 2px #000;
}
.spb-welcome-footer a {
color: #f0f0f0;
}
.spb-welcome-footer a:hover {
color: #fff;
text-decoration: none;
}
/* Global navigation
----------------------------------*/
#tn-content .tn-wrapper,
#tn-footer .tn-wrapper {
width: 950px;
margin: 0 auto;
}
/* Site Logo */
.spb-top-menubar .spb-logo {
background: url(/Images/logo.png) no-repeat 0 50% #fff;
}
.spb-top-menubar .spb-logo {
float: left;
}
.spb-top-menubar .spb-logo a {
float: left;
overflow: hidden;
text-indent: -9999px;
height: 40px;
width: 70px;
}
/* Drop Menu */
.spb-top-menubar {
height: 40px;
}
.spb-top-menubar .tn-sub {
display: none;
}
.spb-top-menubar .tn-drop-menu {
z-index: 11;
}
.spb-top-menubar .spb-menu {
float: left;
padding: 0 0 0 20px;
}
.spb-top-menubar .spb-menu li {
margin-right: 1px;
}
.spb-top-menubar .spb-menu a {
padding: 0 15px;
line-height: 40px;
text-align: center;
font-size: 16px;
}
.spb-top-menubar .spb-menu a.spb-menu-link:hover {
text-decoration: none;
}
.spb-top-menubar .spb-menu .tn-icon {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
.spb-top-menubar .spb-menu li li {
margin: 0;
}
.spb-top-menubar .spb-menu li li a {
padding: 5px;
line-height: 16px;
text-align: left;
font-size: 12px;
}
/* App Drop Menu */
.spb-top-menubar .spb-app-menu {
width: 120px;
display: none;
}
.spb-top-menubar .spb-app-menu .tn-icon {
position: absolute;
left: 0;
}
.spb-top-menubar .spb-menu li .spb-app-menu li a {
position: relative;
overflow: hidden;
zoom: 1;
padding-left: 26px;
}
.spb-top-menubar .spb-menu li .spb-app-menu li.tn-actions {
padding: 5px;
text-align: right;
margin-top: 5px;
}
.spb-top-menubar .spb-menu li .spb-app-menu li.tn-actions a {
display: inline;
padding: 0;
margin-left: 10px;
}
.spb-top-menubar .spb-menu li .spb-app-menu li.tn-actions a:hover {
text-decoration: underline;
}
/* Group Drop Menu */
.spb-top-menubar li .spb-group-menu {
width: 220px;
display: none;
}
.spb-top-menubar li .spb-group-menu li.tn-title {
padding: 5px;
margin-bottom: 10px;
}
.spb-top-menubar li .spb-group-menu li.tn-title a {
padding: 0;
float: right;
}
.spb-top-menubar li .spb-group-menu li.tn-person {
width: 60px;
float: left;
margin: 0 0 5px 10px;
_display: inline;
}
.spb-top-menubar li .spb-group-menu li .tn-avatar {
margin: 0 auto 5px;
}
.spb-top-menubar li .spb-group-menu li .tn-avatar a {
padding: 0;
}
.spb-top-menubar li .spb-group-menu li.tn-person a.tn-name {
padding: 0;
text-align: center;
height: 30px;
line-height: 15px;
overflow: hidden;
word-wrap: break-word;
}
.spb-top-menubar li .spb-group-menu li.tn-no-data {
padding: 10px;
}
.spb-top-menubar li .spb-group-menu li.tn-no-data a {
padding: 0;
display: inline;
white-space: nowrap;
}
.spb-top-menubar li .spb-group-menu .tn-actions {
text-align: right;
clear: both;
}
.spb-top-menubar li .spb-group-menu .tn-actions a {
display: inline;
padding: 0;
line-height: 25px;
margin-left: 10px;
}
/* Search box */
.spb-top-menubar .tn-search-box {
float: left;
padding: 6px 0 0 20px;
}
/* Search AutoComplete */
.spb-search-accord {
width: 443px;
}
.spb-search-accord-content {
padding: 10px;
}
.spb-search-accord .tn-section {
margin-bottom: 10px;
}
.spb-search-accord .tn-title {
padding: 5px;
}
.spb-search-accord .tn-list {
padding: 5px 0;
}
.spb-search-accord .tn-list .tn-list-item-row {
padding: 3px 0 0;
line-height: 15px;
}
.spb-search-accord .tn-list-item {
padding: 5px;
}
.spb-search-accord .tn-foot {
padding: 5px;
}
.spb-search-accord-top {
width: 230px;
}
/* User Menu */
.spb-user-menu {
float: right;
padding: 7px 0 0 0;
width: 230px;
}
.spb-user-menu .spb-current-user {
float: left;
width: 130px;
}
.spb-user-menu .spb-current-user .tn-user-name {
float: right;
line-height: 25px;
padding: 0 3px;
margin: 0 3px;
}
.spb-user-menu .spb-current-user .tn-avatar-mini {
float: right;
}
.spb-user-menu .tn-icon-menu {
width: 24px;
height: 26px;
margin-left: 5px;
position: relative;
}
.spb-user-menu .tn-icon-menu a.tn-icon {
margin: 4px 0 6px 4px;
_margin-left: 2px;
}
.spb-user-menu .tn-icon-menu .tn-single {
left: auto !important;
right: 0 !important;
}
.spb-user-menu .tn-icon-menu .spb-set-menu {
width: 90px;
display: none;
}
.spb-user-menu .tn-icon-menu li a {
overflow: hidden;
zoom: 1;
}
.spb-user-menu .spb-sign-menu {
text-align: right;
}
.spb-user-menu .spb-sign-menu li {
line-height: 24px;
margin-left: 10px;
display: inline;
}
/* Message prompts */
.tnc-prompt {
width: 350px;
z-index: 11;
margin-top: 25px;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
}
.tnc-prompt .tn-arrow-b1,
.tnc-prompt .tn-arrow-b2 {
right: 20px;
left: auto;
}
.tnc-prompt .tn-bubble-content {
padding: 0;
}
.tnc-prompt-wrap {
padding: 0;
margin-bottom: -1px;
}
.tnc-prompt-header {
padding: 10px 10px 7px;
font-size: 14px;
}
.tnc-prompt .tnc-handle-mark {
visibility: hidden;
float: right;
}
.tnc-prompt .tn-list li {
padding: 5px 10px;
}
.tnc-prompt .tn-list li:hover .tnc-handle-mark {
visibility: visible;
}
.tnc-prompt .tn-list li img {
vertical-align: middle;
}
.tnc-prompt .tn-actions {
overflow: hidden;
zoom: 1;
padding: 10px;
}
.tnc-prompt .tn-actions .tn-confirm {
float: left;
}
.tnc-prompt .tn-actions .tn-view {
float: right;
}
.tnc-prompt .tn-actions .tn-button {
margin: 0;
}
/* Content Header
----------------------------------*/
.tnc-content-header {
margin-bottom: 10px;
}
.tnc-content-header h2 {
float: left;
margin: 0;
font-weight: normal;
font-size: 24px;
line-height: 28px;
height: 28px;
overflow: hidden;
}
.tnc-content-header h2 .tn-icon-special {
float: left;
margin: 0 10px 0 0;
}
.tnc-content-header h2 .tn-pipe {
padding: 0 10px;
}
.tnc-content-header .tn-added {
float: left;
margin: 0 10px;
}
.tnc-content-header .tn-added .tn-button {
margin: 3px 0 0;
}
.tnc-content-header .tn-added .tn-icon-text {
line-height: 28px;
}
.tnc-content-header .tn-shortcut {
text-align: right;
}
.tnc-content-header .tn-shortcut .tn-button {
margin: 0 0 0 10px;
}
.tnc-content-header .tn-count {
margin-left: 10px;
}
.tnc-content-header .tn-submenu {
clear: both;
}
.tnc-content-header .tn-submenu-item {
float: left;
margin: 0 1px 0 0;
border-radius: 3px 3px 0 0;
}
.tnc-content-header .tn-submenu-link {
float: left;
padding: 0 10px;
white-space: nowrap;
}
.tnc-content-header .tn-drop-menu li .tn-sub-container .tn-sub {
padding: 5px 0;
}
.tnc-content-header .tn-drop-menu li .tn-sub-container li a {
line-height: 20px;
padding: 5px 10px;
white-space: nowrap;
overflow: hidden;
zoom: 1;
}
/* Common style
----------------------------------*/
/* Porson Avatar flow list */
.tnc-person-flow .tn-avatar-item {
float: left;
}
.tnc-person-flow .tn-user-name,
.tnc-person-flow .tn-text-note {
line-height: 16px;
height: 16px;
overflow: hidden;
zoom: 1;
}
.tnc-person-flow .tn-follow-btn {
height: 29px;
overflow: hidden;
}
.tnc-person-flow a.tn-button {
margin: 5px 0 0;
}
.tnc-person-flow a.tn-button .tn-icon {
left: 0;
}
.tnc-person-flow a.tn-button .tn-button-text {
padding-left: 16px;
padding-right: 5px;
white-space: nowrap;
}
.tnc-person-flow .tn-explain-icon {
margin: 5px 0 0;
}
.tnc-person-flow .tn-explain-icon .tn-icon-text {
padding-left: 16px;
line-height: 24px;
white-space: nowrap;
}
/* Person List */
.tnc-person-list .tn-list-item-area-main {
margin-left: 60px;
}
.tnc-person-list .tn-list-item-heading,
.tnc-person-list .tn-list-item-summary {
word-wrap: normal;
}
.tnc-person-list h5 {
line-height: 15px;
_height: 15px;
white-space: nowrap;
_white-space: normal;
_word-wrap: break-word;
_word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
}
.tnc-person-list .tn-list-item-summary {
margin: 3px 0 0;
}
.tnc-person-list .tn-list-item-summary p {
line-height: 16px;
_height: 16px;
white-space: nowrap;
_white-space: normal;
_word-wrap: break-word;
_word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
}
.tnc-person-list .tn-trisect .tn-list-item {
width: 32.3%;
margin-right: 1%;
float: left;
}
/* Mini Avatar list */
.tn-mini-avatar-list li {
padding: 5px 0;
}
.tn-mini-avatar-list .tn-avatar-mini {
float: left;
}
.tn-mini-avatar-list .tn-info {
margin-left: 32px;
line-height: 15px;
padding-top: 5px;
}
/* Mouse hover effect */
.tn-state-hidden {
visibility: hidden;
_visibility: visible;
}
.tn-hover:hover .tn-state-hidden,
.tn-state-hover .tn-state-hidden {
visibility: visible;
}
.tn-hover .tn-in-pic {
_background: #666;
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
color: #fff;
}
.tn-hover .tn-in-pic:root {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');
}
.tn-hover .tn-in-pic:hover {
text-decoration: none;
_background: #333;
background: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6c000000', EndColorStr='#6c000000');
color: #fff;
}
.tn-hover .tn-in-pic a,
.tn-hover .tn-in-pic a:hover {
color: #fff;
}
/* Drop Menu */
.tn-menu-list {
padding: 5px 0;
}
.tn-menu-list li {
padding: 5px 10px;
}
/* Custom Privacy Seting */
.tnc-nominee-setting .tnc-mynotice-option {
margin-left: 20px;
}
.tnc-nominee-setting .tnc-mynotice-option .tnc-nominee-list li {
float: left;
padding: 0 5px 0 0;
width: 77px;
line-height: 25px;
height: 25px;
overflow: hidden;
}
.tnc-nominee-setting .tnc-mynotice-option .tn-bubble {
margin-top: 10px;
}
.tnc-nominee-setting .tn-expand-control {
display: block;
margin: 10px 0 0 20px;
}
.tnc-nominee-setting .tn-radiobutton-list .tn-bubble {
margin-top: 10px;
}
.tnc-nominee-setting .as-selections li {
padding: 0;
}
/* Impeach Report */
.tnc-impeach-report {
width: 560px;
}
.tnc-impeach-report .tnc-reg-input {
display: block;
padding: 10px 0 0 125px;
}
/* School selector */
.spb-school-selector {
width: 550px;
}
.spb-school-selector .tn-button {
margin-left: 5px;
}
.spb-school-selector .tn-form-row-button .tn-button {
float: right;
margin: 0;
}
.spb-school-selector .spb-school-selector-name {
padding: 10px 0;
height: 150px;
overflow-y: scroll;
}
.spb-school-selector .spb-school-selector-name span {
margin: 3px;
width: 155px;
line-height: 20px;
display: inline-block;
}
.spb-school-selector .spb-school-selector-name span a {
padding: 3px 10px;
display: block;
}
.spb-school-selector .spb-school-selector-name span a:hover {
text-decoration: none;
}
/* Attachment
----------------------------------*/
/* Upload Attachment */
.tnc-attchment-dailog {
padding-top: 10px;
}
.tnc-attchment-dailog .tn-tabs-nav {
padding-left: 20px;
}
.tnc-attchment-dailog .tn-tabs .tn-tabs-panel {
padding: 0;
}
.tnc-attchment-dailog .tnc-dailog-pd {
padding: 10px;
}
.tnc-attchment-dailog .tnc-upload-btn {
width: 450px;
}
.tnc-attchment-dailog .tnc-upload-btn .uploadify,
.tnc-attchment-dailog .tnc-upload-btn .tn-text-note {
float: left;
margin-bottom: 0;
}
.tnc-attchment-dailog .tnc-upload-btn .tn-text-note {
padding: 9px;
}
.tnc-attchment-dailog .tn-label-right .tn-form-label {
width: 60px;
}
.tnc-upload-attach {
padding-top: 10px;
}
.tnc-upload-attach .tn-text-heading {
padding: 5px 0;
margin-bottom: 10px;
}
.tnc-upload-attach .tn-toolbar-area {
padding: 0 10px;
}
/* Photo Attachment */
.tnc-titleimg-list {
padding: 10px 0;
height: 300px;
overflow: auto;
width: 520px;
}
.tnc-upload-attach .tnc-photo-gallery {
margin: 10px 0;
height: 270px;
overflow: auto;
width: 540px;
position: relative;
}
.tnc-titleimg-list .tn-hover .tn-photo-wrap,
.tnc-titleimg-list .tn-select .tn-photo-wrap,
.tnc-upload-attach .tn-hover .tn-photo-wrap {
border-width: 3px;
padding: 2px 1px 2px 2px;
}
.tnc-titleimg-list .tn-photo-item {
position: relative;
}
.tnc-titleimg-list .tn-photo-item .tn-photo-wrap span.tnc-select-timg,
.tnc-upload-attach .tn-photo-item .tn-photo-wrap span.tnc-select-timg {
position: absolute;
top: 86px;
}
.tnc-upload-attach .tn-photo-list {
position: relative;
width: 520px;
}
.tnc-upload-attach .tn-photo-item,
.tnc-titleimg-list .tn-phote-item {
position: relative;
}
.tnc-upload-attach .tn-photo-item p.tn-text-heading,
.tnc-titleimg-list .tn-phote-item p.tn-text-heading {
overflow: visible;
}
.tnc-form-titleimg {
overflow: hidden;
}
.tnc-form-titleimg .tn-form-label,
.tnc-form-titleimg .tnc-titleimg-pic {
float: left;
}
.tnc-titleimg-pic img {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.tnc-titleimg-pic {
display: inline-block;
margin-bottom: 20px;
}
.tnc-titleimg-pic .tn-action {
margin-top: 15px;
margin-left: 10px;
}
.tnc-titleimg-pic .tnc-titleimg-add {
position: relative;
float: left;
width: 50px;
margin-right: 5px;
}
.tnc-titleimg-pic .tnc-titleimg-add .tn-edit {
position: absolute;
right: 0;
top: 0;
width: 24px;
}
.tnc-ctn-center .tn-manager-search .tnc-titleimg-add .tn-button {
padding: 0;
}
.tnc-upload-attach .tn-photo-list .tn-action,
.tnc-titleimg-list .tn-photo-list .tn-action {
position: absolute;
width: 16px;
height: 16px;
left: 105px;
top: 4px;
display: none;
}
.tnc-upload-attach .tn-photo-list .tn-hover .tn-action {
display: block;
left: 105px;
top: 4px;
}
.tnc-titleimg-list .tn-photo-list .tn-hover .tn-action {
display: block;
left: 105px;
top: 4px;
}
/* Title image */
.tnc-titleimg-list .tn-photo-item .tn-edit {
position: absolute;
top: 3px;
right: 3px;
width: 16px;
}
.tnc-titleimg-list .tn-photo-item .tn-edit span {
width: 16px;
height: 16px;
display: block;
}
/* Uploadify style */
.tnc-title-image-set .tnc-artdilog-btn .tnc-uploadify-wrap {
text-align: left;
padding-bottom: 5px;
}
.tnc-title-image-set .tnc-uploadify-wrap .uploadify {
left: 0;
}
.tnc-title-image-set .tnc-uploadify-wrap .tn-button {
float: left;
margin: 0;
}
/* File Attachment */
.tnc-upload-attach .tnc-file-gallery {
height: 220px;
overflow: auto;
margin-top: 10px;
position: relative;
}
.tnc-attchment-dailog .tnc-file-item {
width: 78px;
float: left;
padding: 0 10px 15px 0;
position: relative;
height: 100px;
word-wrap: break-word;
}
.tnc-attchment-dailog .tnc-file-item .tn-check-widget {
position: absolute;
top: 36px;
left: 19px;
}
.tnc-attchment-dailog .tnc-file-item .tnc-file-wrap {
height: 36px;
padding: 20px;
}
.tnc-attchment-dailog .tnc-file-item .tnc-file-wrap a,
.tnc-attchment-dailog .tnc-file-item .tnc-file-wrap span {
display: block;
margin: 0;
overflow: hidden;
}
.tnc-attchment-dailog .tn-hover .tnc-file-wrap {
border-width: 3px;
padding: 18px;
}
.tnc-file-item p {
text-align: center;
overflow: hidden;
line-height: 1.5em;
}
.tnc-upload-attach .tnc-file-list .tn-action {
position: absolute;
width: 16px;
height: 16px;
left: 58px;
top: 4px;
display: none;
}
.tnc-upload-attach .tnc-file-list .tn-hover .tn-action {
display: block;
}
.tnc-upload-attach .tnc-file-list .tn-action.tn-search {
top: 21px;
}
.tnc-privacy-custom .tn-checkbox-list {
overflow: visible;
}
.tnc-attchment-dailog .tn-text-heading .tn-option {
float: right;
}
.tnc-attchment-dailog .tnc-sale-price {
width: 70px;
height: 20px;
position: absolute;
left: 4px;
top: 54px;
line-height: 20px;
text-align: center;
}
.tnc-attchment-dailog .tnc-sale-price .tn-textbox {
padding: 1px;
line-height: 16px;
height: 16px;
width: 66px;
}
/* Custom Skin
----------------------------------*/
.tnc-custom-settings {
width: 740px;
padding: 10px;
background: #fff;
color: #333;
}
.tnc-custom-settings a,
.tnc-custom-settings a:hover {
color: #005a8c;
}
.tnc-custom-settings .tn-tabs-panel {
padding: 10px 0 0;
}
.tnc-select-skin {
padding: 10px 0;
}
.tnc-select-skin .tnc-skin-item {
float: left;
padding: 0 0 15px 15px;
}
.tnc-select-skin a.tn-thumbnail {
display: block;
width: 210px;
height: 130px;
border: #eee solid 1px;
padding: 8px;
overflow: hidden;
position: relative;
}
.tnc-select-skin a.tn-thumbnail:hover {
background: #eee;
border-color: #bbb;
}
.tnc-select-skin .tn-thumbnail .tn-heading {
height: 22px;
line-height: 22px;
position: absolute;
bottom: 8px;
left: 8px;
width: 210px;
text-align: center;
overflow: hidden;
_background: #999;
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
color: #fff;
}
.tnc-select-skin a.tn-selected,
.tnc-select-skin a.tn-selected:hover {
border-color: #005a8c;
background: #fff;
border-width: 2px;
padding: 7px;
cursor: default;
}
.tnc-select-skin a.tn-selected .tn-heading {
left: 7px;
bottom: 7px;
}
.tnc-select-skin .tn-pagination-btn {
margin: 5px 0;
}
.tnc-custom-ctn .tn-tabs .tn-tabs-nav {
background: #f9f9f9;
border-bottom: #bbb solid 1px;
padding: 5px 10px 0;
}
.tnc-custom-ctn .tn-tabs .tn-tabs-nav li {
background: #eee;
border: #bbb solid 1px;
border-width: 1px 1px 0;
box-shadow: 1px 1px 0 #fff inset;
}
.tnc-custom-ctn .tn-tabs .tn-tabs-nav li a,
.tnc-custom-ctn .tn-tabs .tn-tabs-nav li a:hover {
padding: 4px 20px;
color: #333;
}
.tnc-custom-ctn .tn-tabs .tn-tabs-nav li.tn-tabs-selected {
background: #FFF;
font-weight: bold;
box-shadow: 0;
}
.tnc-custom-ctn .tnc-custom-pic {
padding: 10px;
}
.tnc-custom-ctn .tnc-custom-pic .tnc-pic-photo {
width: 150px;
float: left;
}
.tnc-custom-ctn .tnc-custom-pic .tnc-pic-photo .tnc-upload-pic {
height: 150px;
width: 150px;
line-height: 150px;
text-align: center;
border: 1px solid #bbb;
}
.tnc-custom-ctn .tnc-custom-note {
color: #aaa;
font-size: 12px;
}
.tnc-custom-ctn .tnc-pic-photo .tnc-bg-check {
text-align: center;
padding: 8px 0 0 0;
}
.tnc-custom-ctn .tnc-pic-photo .tnc-bg-check input {
vertical-align: -2px;
margin-right: 5px;
}
.tnc-custom-ctn .tnc-pic-text {
float: left;
padding-left: 20px;
}
.tnc-custom-ctn .tnc-pic-text .tn-textbox {
_margin-right: 5px;
}
.tnc-custom-ctn .tnc-pic-text .tn-button {
_vertical-align: middle;
_margin: 23px 0 0 25px;
}
.tnc-custom-ctn .tnc-pic-text .tn-button-text {
color: #333;
}
.tnc-custom-ctn .tnc-pic-text .tn-textbox {
height: 18px;
width: 200px;
}
.tnc-custom-ctn .tnc-pic-text span {
padding-right: 10px;
}
.tnc-custom-ctn .tnc-pic-text .tnc-text-pad {
padding: 8px 0 7px;
}
.tnc-custom-ctn .tnc-color-scheme {
background-color: #f9f9f9;
border-color: #ddd;
border-style: solid;
padding: 15px 0 5px 10px;
clear: both;
}
.tnc-custom-ctn h4 {
font-weight: normal;
}
.tnc-custom-ctn .tnc-color-box {
padding: 15px 0 0 0;
overflow: hidden;
zoom: 1;
}
.tnc-custom-ctn .tnc-color-box a {
background: #fff;
padding: 1px;
border: 1px solid #ddd;
float: left;
overflow: hidden;
zoom: 1;
margin: 0 10px 10px 0;
}
.tnc-custom-ctn .tnc-color-box a:hover {
background: #eee;
border-color: #bbb;
}
.tnc-custom-ctn .tnc-color-box img {
float: left;
width: 126px;
}
.tnc-custom-ctn .tnc-color-box a.tn-selected,
.tnc-custom-ctn .tnc-color-box a.tn-selected:hover {
border-color: #005a8c;
background: #005a8c;
}
.tnc-custom-ctn .tnc-color-custom {
padding: 15px 10px;
clear: both;
display: inline-block;
}
.tnc-custom-ctn .tnc-choose-color {
padding: 15px 0 0 0;
margin: 0 0 0 -17px;
_margin: 0 0 0 -30px;
display: inline-block;
}
.tnc-custom-ctn .tnc-choose-color li {
float: left;
width: 63px;
text-align: center;
margin-left: 17px;
_margin-left: 15px;
}
.tnc-custom-ctn .tnc-choose-color .tnc-color-detail {
width: 63px;
height: 30px;
display: block;
cursor: pointer;
margin: 5px 0 0 0;
border: 1px solid #ddd;
padding: 1px;
}
.tnc-custom-ctn .tnc-custom-btn {
border-top: #bbb solid 1px;
padding: 10px 10px 0;
text-align: right;
}
.tnc-custom-ctn .tn-button-primary {
background: #0065a2;
border-color: #004570;
box-shadow: 0 1px 0 #65a3c9 inset;
}
.tnc-custom-ctn .tn-button-primary:hover {
background: #004f80;
border-color: #004570;
box-shadow: 0 1px 0 #65a3c9 inset;
}
.tnc-custom-ctn .tn-button-secondary {
background: #eee;
border-color: #ddd;
box-shadow: 0 1px 0 #fff inset;
}
.tnc-custom-ctn .tn-button-secondary:hover {
background: #e8e8e8;
border-color: #ddd;
box-shadow: 0 1px 0 #fff inset;
}
.tnc-custom-ctn .tn-button-primary .tn-button-text,
.tnc-custom-ctn .tn-button-primary:hover .tn-button-text {
color: #fff;
}
.tnc-custom-ctn .tn-button-secondary .tn-button-text,
.tnc-custom-ctn .tn-button-secondary:hover .tn-button-text {
color: #999;
}
/* Publish Content
----------------------------------*/
.tn-publish {
margin: 10px 0;
}
.tn-publish .tn-editor {
margin: 10px 0;
}
.tn-editor-tools {
background: #f0f0ee;
border: solid #ccc 1px;
border-bottom: 0;
padding: 5px;
}
.tn-editor-tools li {
float: left;
padding: 0 5px;
}
.tn-editor-tools a.tn-button-text {
font-weight: normal;
}
.tn-publish .tn-write-title {
margin: 0 0 10px;
}
.tn-publish .tn-write-title .tn-textbox {
font-size: 14px;
width: 500px;
height: 25px;
}
.tn-publish .tn-write-title .tn-count {
font-size: 14px;
padding: 0 5px;
}
.tn-publish .tn-form-box th {
text-align: left;
padding-left: 3px;
}
.tn-publish .tn-basic-set li {
float: left;
margin-right: 10px;
vertical-align: middle;
}
.tn-publish .tn-basic-set li.tn-datepicker {
padding: 0;
}
.tn-publish .tn-form-box .tn-select-categories .tn-action-text,
.tn-publish .tn-form-box .tn-select-categories .tn-create {
line-height: 25px;
}
.tn-publish .tn-collapsible {
margin: 10px 0;
}
.tn-publish .tn-collapsible-content {
padding: 10px 0 0;
}
.tn-publish .tn-expand-control {
z-index: 1;
}
.tn-publish .tn-expand-select-box {
width: 352px;
}
.tn-publish .tn-form-box .tn-extract-tags .tn-expand-control {
float: left;
margin-right: 10px;
}
.tn-publish .tn-form-box .tn-extract-tags .tn-action {
float: left;
line-height: 22px;
}
.tn-publish-btn {
margin: 10px 0 0;
text-align: center;
}
.tn-publish-btn-left {
text-align: left;
}
/* @ User */
.tn-at-view {
display: none;
width: 200px;
z-index: 9999;
}
.tn-at-view .tn-form {
padding: 5px;
}
.tn-at-view .tn-textbox {
float: none;
margin: 0;
}
.tn-at-view li {
display: block;
padding: 5px 10px;
cursor: pointer;
}
/* Manage Content
----------------------------------*/
.tnc-set-category .tn-scroll-box {
width: 382px;
height: 150px;
overflow: auto;
margin-bottom: 10px;
}
.tnc-set-category .tnc-category-item {
line-height: 20px;
height: 20px;
width: 115px;
margin: 0 5px 5px 0;
float: left;
overflow: hidden;
}
.tnc-set-category .tnc-category-item input {
float: left;
margin: 4px 3px 0 0;
*margin: 0 3px 0 0;
}
.tnc-set-category .tnc-category-item label {
width: 90px;
overflow: hidden;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
}
.tnc-set-tag .tn-scroll-box {
width: 382px;
height: 150px;
overflow: auto;
margin-bottom: 10px;
}
.tnc-set-tag .tnc-tag-item {
line-height: 20px;
height: 20px;
width: 115px;
margin: 0 5px 5px 0;
float: left;
overflow: hidden;
}
.tnc-set-tag .tnc-tag-item input {
float: left;
margin: 4px 3px 0 0;
*margin: 0 3px 0 0;
}
.tnc-set-tag .tnc-tag-item label {
width: 90px;
overflow: hidden;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
}
/* Tag tip box */
.tnc-tag-tip {
text-align: left;
}
.tnc-tag-tip .tn-figure {
width: 50px;
height: 50px;
float: left;
margin: 0 10px 0 0;
}
.tnc-tag-tip .tn-title {
margin-bottom: 2px;
}
.tnc-tag-tip .tn-title h4 {
line-height: 24px;
font-size: 14px;
}
.tnc-tag-tip .tn-actions {
margin-bottom: 5px;
}
.tnc-tag-tip .tn-actions .tn-button {
margin: 0;
}
.tnc-tag-tip .tn-count,
.tnc-tag-tip .tn-descrip {
line-height: 20px;
}
.tnc-tag-tip .tn-count em {
margin-right: 10px;
white-space: nowrap;
}
/* Channel Style
----------------------------------*/
/* Register */
.tnc-login-directly {
float: right;
padding: 0 0 0 20px;
width: 150px;
}
.tnc-login-directly p {
margin: 10px 0;
}
.tnc-register .tn-form {
padding: 15px 0 5px 100px;
}
.tnc-register .tn-form-label {
font-size: 14px;
float: left;
}
.tnc-register .tn-form-row {
padding: 0;
margin-bottom: 25px;
overflow: hidden;
zoom: 1;
}
.tnc-register .tn-textbox {
float: left;
}
.tnc-register .span-js-prompt,
.tnc-register .field-validation-error {
float: left;
line-height: 15px;
padding: 5px 0 0 5px;
}
.tnc-register .tn-form-row .tn-icon {
float: left;
margin: 4px 0 0 5px;
}
.tnc-register .tn-form-row-button {
line-height: 30px;
}
.tnc-register .tnc-reg-input {
padding: 5px 0 0 120px;
clear: both;
display: block;
}
.tnc-register .tnc-captcha img {
margin-right: 10px;
vertical-align: middle;
}
.tnc-register .tnc-captcha .field-validation-error {
float: none;
display: block;
padding: 5px 0 0 120px;
}
.tnc-register .tn-agree {
padding-left: 120px;
}
.tnc-register .tn-agree .tn-inner {
float: left;
width: 260px;
}
.tnc-register .tn-form-row-button {
padding-left: 120px;
}
.tnc-register .tn-form-row-button .tn-button-text {
padding: 0 20px;
}
.tnc-register .tn-password-box {
margin-bottom: 5px;
}
.tnc-register .password-meter {
width: 110px;
height: 15px;
padding: 5px 0 0 120px;
clear: both;
}
.tnc-register .password-meter-message {
float: right;
}
.tnc-register .password-meter-bg {
background: #eee;
float: left;
margin-right: 5px;
_width: 0;
}
.tnc-register .password-meter-bar {
height: 13px;
font-size: 0;
}
.tnc-register .password-meter-message-too-short {
color: #FF0000;
}
.tnc-register .password-meter-message-weak {
color: #FF0000;
}
.tnc-register .password-meter-message-good {
color: #f9c803;
}
.tnc-register .password-meter-message-strong {
color: #13A821;
}
.tnc-register .password-meter-bg .password-meter-too-short {
background: #FF0000;
width: 30px;
}
.tnc-register .password-meter-bg .password-meter-weak {
background: #FF0000;
width: 30px;
margin-right: 60px;
}
.tnc-register .password-meter-bg .password-meter-good {
background: #f9c803;
width: 60px;
margin-right: 30px;
}
.tnc-register .password-meter-bg .password-meter-strong {
background: #13A821;
width: 90px;
}
/* Registration Provisions */
.tnc-registration-provisions {
width: 655px;
overflow: hidden;
margin: auto;
}
.tnc-registration-provisions .tnc-provisions-main {
margin: 15px;
}
.tnc-registration-provisions .tnc-provisions-top {
line-height: 20px;
}
.tnc-registration-provisions .tnc-provisions-content {
height: 200px;
padding: 6px 10px;
overflow-y: scroll;
margin-top: 5px;
}
.tnc-registration-provisions .tnc-provisions-content p {
font-size: 12px;
line-height: 1.7;
margin-bottom: 1em;
text-indent: 2em;
}
.tnc-registration-provisions .tn-text-heading {
font-size: 16px;
font-weight: bold;
}
.tnc-registration-provisions .tn-form-row-button .tn-button {
float: right;
margin: 10px 0;
}
/* Activation */
.tnc-activation-wrapper {
width: 500px;
margin: 100px auto;
}
.tnc-activation-icon {
float: left;
width: 64px;
}
.tnc-adcivation-box {
margin-left: 100px;
}
.tnc-adcivation-box h4 {
font-size: 18px;
padding: 0 0 10px 0;
margin: 0;
font-weight: normal;
}
.tnc-adcivation-box p {
padding-bottom: 8px;
}
.tnc-activation-text {
line-height: 20px;
padding-bottom: 10px;
}
/* Login */
.tnc-login .tn-form {
padding: 50px 0 150px;
}
.tnc-login .tn-form .tn-account {
height: 45px;
margin: 0;
}
.tnc-login .tn-form .tn-password {
height: 35px;
margin: 0;
}
.tnc-login .tn-form .tn-form-label {
float: left;
font-size: 14px;
width: 220px;
}
.tnc-login .tn-func {
padding-left: 225px;
margin-bottom: 25px;
line-height: 20px;
}
.tnc-login .tn-func .tn-remember {
float: left;
width: 126px;
}
.tnc-login .tn-func .tn-forgot {
float: left;
width: 127px;
text-align: right;
}
.tnc-login .tn-form-row-button {
padding-left: 225px;
}
.tnc-login .tn-form-row-button .tn-button-text {
padding: 0 30px;
}
.tnc-login .tnc-captcha .tnc-reg-input {
display: block;
margin-top: 5px;
padding-left: 225px;
}
.tnc-login .tnc-captcha .tnc-reg-input img {
margin-right: 10px;
vertical-align: middle;
}
.tnc-login .tnc-captcha .field-validation-error {
display: block;
padding: 5px 0 0 225px;
}
.tnc-home-login {
overflow: hidden;
}
.tnc-home-login h4 {
font-size: 14px;
padding: 0 0 10px 20px;
margin: 0 0 20px 0;
font-weight: 100;
}
.tnc-home-login .tn-form {
padding-left: 20px;
}
.tnc-home-login .tn-form .tn-form-row {
margin-bottom: 20px;
}
.tnc-home-login .tn-form-row .tn-textbox {
padding-left: 20px;
}
.tnc-home-login .tnc-user-name {
position: relative;
}
.tnc-home-login .tn-input-long {
width: 225px;
}
.tnc-home-login .tn-form-row-button {
padding-left: 0;
}
.tnc-home-login .tn-form-row-button .tn-button {
width: 225px;
}
.tnc-home-login .tnc-third-id-btn {
float: left;
height: 24px;
line-height: 100px;
margin: 10px 10px 0 0;
overflow: hidden;
width: 80px;
}
.tnc-home-login .tnc-third-title {
float: left;
line-height: 35px;
margin-right: 15px;
}
.tnc-home-login .tnc-user-name .tnc-login-icon {
position: absolute;
left: 4px;
top: 6px;
_top: 8px;
}
.tnc-login-pop {
width: 320px;
}
.tnc-login-pop .tn-form .tn-form-row {
margin-bottom: 20px;
}
.tnc-login-pop h4 {
padding: 0 0 10px 30px;
margin: 0 0 20px;
font-weight: bold;
font-size: 14px;
}
.tnc-login-pop .tnc-user-name {
position: relative;
}
.tnc-login-pop .tnc-user-name .tnc-login-icon {
top: 5px;
left: 3px;
position: absolute;
_top: 8px;
}
.tnc-login-pop .tn-form-row .tn-textbox {
padding-left: 20px;
}
.tnc-login-pop .tn-input-long {
width: 225px;
}
.tnc-login-pop .tn-form-row .tn-action-text {
margin-left: 10px;
}
.tnc-login-pop .tn-form-row-button {
overflow: hidden;
zoom: 1;
}
.tnc-login-pop .tn-form-row-button .tn-button {
float: left;
}
.tnc-login-pop .tn-form-row-button .tn-button-text {
padding: 0 12px 0 20px;
letter-spacing: 8px;
}
.tnc-login-pop .tn-form-row-button .tn-remember {
float: left;
line-height: 20px;
padding: 6px 0 0 60px;
}
.tnc-login-pop .tn-form-row-button .tn-remember input {
float: left;
margin: 4px 5px 0 0;
*margin: 0 2px 0 0;
}
.tnc-login-pop .tnc-third-id {
padding-top: 10px;
}
.tnc-login-pop .tnc-third-title {
margin-bottom: 8px;
}
.tnc-login-pop .tnc-third-id img {
vertical-align: middle;
margin: 0 5px 0 0;
}
/* Retrieve password */
.tnc-retrieve-password .tn-message-box {
margin-bottom: 20px;
}
.tnc-retrieve-password .tn-form {
padding-left: 100px;
}
.tnc-retrieve-password .tn-form-row {
margin-bottom: 20px;
padding: 5px 0;
}
.tnc-retrieve-password .tn-form-label {
font-size: 14px;
}
.tnc-retrieve-password .tnc-captcha .tnc-reg-input {
display: block;
padding: 10px 0 0 125px;
overflow: hidden;
zoom: 1;
}
.tnc-retrieve-password .tnc-captcha .field-validation-error {
display: block;
padding: 0 0 0 125px;
}
.tnc-retrieve-password .tn-cue-success a {
color: #005A8C;
text-decoration: underline;
}
/* Reset password */
.tnc-reset-password {
overflow: hidden;
}
.tnc-reset-password h4 {
font-size: 18px;
padding: 0 0 10px 5px;
margin: 0 0 20px;
}
.tnc-reset-password .tn-message-box {
margin-bottom: 20px;
}
.tnc-reset-password .tn-form {
padding-left: 100px;
}
.tnc-reset-password .tn-form .tn-form-row {
margin-bottom: 20px;
padding: 5px 0;
}
.tnc-reset-password .tn-form .tn-form-label {
display: inline-block;
font-size: 16px;
padding: 0 5px 0 0;
width: 80px;
}
.tnc-reset-password .tn-form .tn-form-row-button {
padding-left: 90px;
}
.tnc-reset-password .tn-form-row-button .tn-button {
width: 122px;
}
.tnc-label-w .tn-form-label {
width: 80px;
}
/* Account bind */
.tnc-account-bind .tn-form-row {
margin: 0 0 20px;
}
.tnc-account-bind h2 {
font-size: 16px;
}
.tnc-account-bind .tn-form-label {
font-size: 14px;
width: 90px;
}
.tnc-bind-main-avatar {
width: 50px;
float: left;
_display: inline;
}
.tnc-bind-main {
margin: 20px 200px 0 0;
padding: 0 20px 0 50px;
overflow: hidden;
_margin: 10px 220px 0 0;
}
.tnc-bind-main .tn-form {
margin-left: 50px;
}
.tnc-bind-aside {
float: right;
width: 200px;
padding: 140px 0 0 20px;
}
.tnc-account-bind .tnc-share,
.tnc-account-bind .tn-agree,
.tnc-account-bind .tn-form-row-button {
margin: 0 0 10px 0;
}
.tnc-account-bind .tnc-attention,
.tnc-account-bind .tnc-share,
.tnc-account-bind .tn-agree,
.tnc-account-bind .tn-form-row-button {
margin-left: 100px;
*margin-left: 95px;
}
.tnc-bind-aside span,
.tnc-bind-aside img {
float: left;
}
.tnc-friendly-icon {
background-image: url(/Themes/Shared/Styles/images/friendly.png);
width: 42px;
height: 20px;
display: block;
margin: 15px 10px;
}
/* Account bind prompt */
.tnc-accountbind-prompt {
padding: 10px;
font-size: 16px;
line-height: 20px;
}
.tnc-accountbind-prompt .spb-logo {
background: url(/Images/logo.png) no-repeat 0 50%;
width: 165px;
height: 30px;
display: block;
}
.tnc-accountbind-prompt p {
margin-bottom: 5px;
}
.tnc-accountbind-prompt .tnc-spb-icon {
float: right;
}
.tnc-accountbind-prompt .tnc-bind-prompt-content {
padding: 10px 3px;
}
.tnc-accountbind-prompt .tnc-bind-prompt-left {
float: left;
}
.tnc-accountbind-prompt .tnc-bind-prompt-right {
margin-left: 120px;
}
.tnc-accountbind-prompt .tnc-automatic {
margin-top: 20px;
font-weight: bold;
font-size: 14px;
}
.tnc-accountbind-prompt .tnc-automatic b {
color: #FF0000;
}
.tnc-accountbind-prompt .tnc-automatic a {
margin: 0 5px;
color: #FF0000;
}
/* User info step */
.tnc-step-intersted .tnc-interested .tn-list-item-row {
line-height: 25px;
height: 25px;
}
.tnc-step-intersted .tnc-interested .tn-button .tn-button-text {
line-height: 22px;
}
.tnc-step-intersted .tn-inner {
cursor: pointer;
}
.tnc-step-intersted .tn-inner:hover {
padding: 1px;
border-width: 5px;
}
.tnc-step-intersted .tn-selected .tn-inner {
padding: 1px;
border-width: 5px;
}
.tnc-step-intersted .tn-foot {
padding-top: 10px;
}
.tnc-step-intersted .tn-foot .tn-actions {
padding: 10px 20px;
}
.tnc-step-intersted .tn-foot .tn-confirm {
float: left;
}
.tnc-step-intersted .tn-foot .tn-check-all {
margin-right: 20px;
}
.tnc-step-intersted .tn-foot .tn-count {
margin-right: 20px;
}
.tnc-step-intersted .tn-foot .tn-count strong {
font-size: 16px;
padding: 0 5px;
}
.tnc-step-intersted .tn-foot .tn-button {
margin: 0;
}
.tnc-step-intersted .tn-next {
float: right;
}
/* Square Recommended Users */
.tnc-recommended-users .tn-list-item {
padding: 5px 0;
}
.tnc-recommended-users .tn-list-item-row h5 {
line-height: 20px;
}
.tnc-recommended-users .tn-button,
.tnc-recommended-users .tn-explain-icon {
float: right;
margin: 0;
}
.tnc-recommended-users .tn-button-text {
line-height: 18px;
}
.tnc-recommended-users .tn-icon-text {
line-height: 20px;
}
.tnc-recommended-users .tn-list-item-summary {
margin-top: 5px;
}
/* Find User */
.tnc-online-list li {
width: 31.3%;
float: left;
margin: 5px 1% 5px 0;
overflow: hidden;
height: 25px;
}
.tnc-online-list .tn-avatar-mini {
float: left;
}
.tnc-online-list .tn-info {
margin-left: 35px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 25px;
}
/* Charts */
.tn-person-rank {
overflow: hidden;
}
.tn-person-rank li {
clear: both;
padding: 5px 0;
overflow: hidden;
zoom: 1;
height: 25px;
line-height: 25px;
}
.tn-person-rank .tnc-list-ranking {
float: left;
width: 30px;
padding: 4px 0 0;
}
.tn-person-rank .tnc-charts-num {
background: url(/Themes/Shared/Styles/icons/tn-icon-charts.png) no-repeat;
display: block;
padding-right: 14px;
}
.tn-person-rank .tnc-num-topone,
.tn-person-rank .tnc-num-toptwo,
.tn-person-rank .tnc-num-topthree,
.tn-person-rank .tnc-num-topfore {
text-align: center;
height: 17px;
color: #FFF;
line-height: 17px;
font-size: 10px;
}
.tn-person-rank .tnc-num-topone .tnc-charts-num {
background-position: 0 0;
}
.tn-person-rank .tnc-num-toptwo .tnc-charts-num {
background-position: 0 -20px;
}
.tn-person-rank .tnc-num-topthree .tnc-charts-num {
background-position: 0 -40px;
}
.tn-person-rank .tnc-num-topfore .tnc-charts-num {
background-position: 0 -60px;
}
.tn-person-rank .tnc-list-topic {
float: left;
}
.tn-person-rank .tnc-list-topic .tn-avatar-mini {
float: left;
margin-right: 5px;
}
.tn-person-rank .tnc-list-number {
float: right;
}
.tn-person-rank-four .tnc-list-number {
float: right;
text-align: center;
width: 70px;
}
.tn-person-rank .tnc-list-hot {
float: right;
width: 90px;
}
.tn-person-rank .tn-progress-bar {
margin-top: 8px;
}
.tn-person-rank .tnc-bloglist-tit {
height: 20px;
line-height: 20px;
}
.tn-person-rank .tnc-bloglist-tit .tnc-list-ranking {
padding: 0;
}
/* Quick search */
.tnc-quick-search .tn-form {
padding: 5px 0;
}
/* Site Pause */
.tnc-pause-inform {
width: 500px;
margin: 150px auto;
}
.tnc-pause-inform .tn-img {
float: left;
margin: 0 20px 20px 0;
padding: 1px;
}
.tnc-pause-inform .tn-info {
overflow: hidden;
zoom: 1;
}
.tnc-pause-inform .tn-title {
margin-bottom: 15px;
}
.tnc-pause-inform .tn-title strong {
font-size: 20px;
font-weight: normal;
}
.tnc-pause-inform .tn-description {
font-size: 14px;
line-height: 25px;
}
/* User Space style
--------------------------------------------------------------------*/
/* My Home
----------------------------------*/
/* User Panel */
.spb-profile-card {
margin-bottom: 10px;
}
.spb-profile-avatar {
float: left;
}
.spb-profile-card .tn-avatar {
float: left;
margin-right: 10px;
}
.spb-profile-card .tn-info {
overflow: hidden;
zoom: 1;
}
.spb-profile-card .spb-profile {
padding-bottom: 5px;
}
.spb-profile-card .spb-profile img {
vertical-align: middle;
}
.spb-profile-card h3 {
font-size: 14px;
display: inline;
margin: 0;
}
.spb-profile-card .spb-user-type img {
vertical-align: middle;
margin: 0px 1px 0 0;
}
.spb-profile-card .spb-status {
height: 20px;
}
.spb-profile-card .tn-progress-bar {
height: 5px;
}
/* User statistics */
.spb-user-atten {
margin-bottom: 10px;
}
.spb-user-atten li {
float: left;
width: 32.5%;
text-align: center;
line-height: 1.2;
padding: 2px 0;
}
.spb-user-atten a:hover {
text-decoration: none;
}
.spb-user-atten strong {
display: block;
font-weight: normal;
font-size: 16px;
padding-bottom: 2px;
}
.spb-user-atten a:hover span {
text-decoration: underline;
}
/* content pop bubbles */
.spb-content-pop-bubbles .tn-bubble {
width: 300px;
}
.spb-content-pop-bubbles ul li {
padding: 5px 0;
float: left;
width: 49.9%;
}
/* Quick button */
.tn-quick-action {
margin: 10px 0;
text-align: center;
}
.tn-quick-action .tn-button .tn-button-text {
padding: 0 20px;
}
.tn-quick-action .tn-button-text-icon-primary .tn-button-text {
padding: 0 20px 0 28px;
}
.tn-quick-action .tn-button-text-icon-primary .tn-icon {
left: 11px;
}
/* User Medal list */
.spb-declist {
margin-bottom: 10px;
}
.spb-declist a {
margin: 3px 6px 3px 0;
display: inline-block;
}
/* Side User Menu */
.tnc-user-menu {
padding: 10px 0;
}
.tnc-user-menu .tn-side-menu li {
line-height: 16px;
padding-left: 5px;
}
.tnc-user-menu .tn-side-menu .exam-card-manage {
line-height: 49px;
padding-left: 32px;
}
.tnc-user-menu .tn-side-menu .exam-card-manage:hover {
background-color: #fff;
}
.tnc-user-menu .tn-menu-text {
font-size: 14px;
}
.tnc-user-menu li .tn-icon {
left: 5px;
}
.spb-app-menu li .tn-icon-wrap {
width: 16px;
height: 16px;
overflow: hidden;
position: absolute;
top: 5px;
left: 5px;
}
.spb-app-menu li .tn-icon-wrap {
left: 3px;
}
/*.tnc-app-menu li .tn-icon-wrap{ left:15px;}*/
.tnc-user-menu li .tn-icon-wrap img,
.spb-app-menu li .tn-icon-wrap img {
width: 16px;
height: 16px;
}
.tnc-user-menu li .tn-action {
float: right;
margin-right: 10px;
}
.tnc-user-menu .tn-actions {
padding-top: 10px;
}
/* My Following */
.spb-my-following .spb-my-following-wrap {
_overflow: hidden;
zoom: 1;
_width: 100%;
}
/* Publish box */
.tn-broadcast {
margin: 0 0 10px;
line-height: 16px;
text-align: right;
}
.tn-broadcast .tn-smallicon-cross {
float: right;
margin-left: 10px;
}
.tnc-publisher {
margin-bottom: 10px;
}
.tnc-publisher .spb-status-wrap {
padding: 5px;
}
.tnc-publisher .spb-status-textarea {
overflow: hidden;
zoom: 1;
position: relative;
*position: inherit;
}
.tnc-publisher .tn-textarea {
width: 100%;
border: 0;
padding: 0;
height: 60px;
line-height: 20px;
font-size: 14px;
}
.tnc-publisher .spb-status-tip {
position: absolute;
text-align: center;
width: 100%;
height: 32px;
top: 50%;
left: 0;
right: 0;
margin: -16px 0 0;
overflow: hidden;
display: none;
}
.tnc-publisher .spb-status-tip .tn-icon-big {
margin-right: 5px;
display: inline-block;
vertical-align: top;
*vertical-align: middle;
}
.tnc-publisher .spb-status-tip strong {
font-size: 16px;
line-height: 32px;
font-weight: normal;
}
.tnc-publisher .spb-foot {
padding-top: 10px;
}
.tnc-publisher .tn-actions {
float: left;
}
.tnc-publisher .spb-sync-to {
float: right;
}
.tnc-publisher .spb-sync-to label {
padding-left: 5px;
}
.tnc-publisher .spb-sync-to img {
vertical-align: middle;
}
.tnc-publisher .spb-microblog-send {
padding: 10px 0;
text-align: right;
clear: both;
}
.tnc-publisher .tn-button {
padding: 0 20px;
margin: 0 0 0 10px;
vertical-align: middle;
}
.tnc-publisher .tn-count strong {
margin: 0 5px;
font-size: 22px;
font-family: Constantia,Georgia;
}
.aui_dialog .tnc-publisher {
padding: 20px;
width: 500px;
}
.tn-emotion-arrow-box {
left: 0;
top: 10px;
}
.tn-emotion-arrow-box .tn-icon {
position: static;
top: 0;
margin-top: 0;
}
/* Activities group */
.spb-new-activities {
*position: relative;
}
.spb-new-activities .tn-tabs-nav .tn-action-text {
padding-right: 10px;
}
.spb-new-activities .tn-tabs-panel {
padding: 0;
}
.spb-new-activities .tn-directory-level {
padding: 10px;
margin: 0;
line-height: 20px;
}
.spb-new-activities .tn-directory-level .tn-dropdownlist {
float: right;
display: none;
}
.spb-new-activities .tn-directory .tn-directory-item {
padding: 0;
}
.spb-new-activities .tn-directory .tn-spacer {
padding: 0 5px;
}
/* Activities list */
.tnc-dynamic {
*position: relative;
}
.tnc-dynamic .tnc-dynamic-new {
margin-top: 10px;
}
.tnc-dynamic .tn-list-item {
padding: 20px 0 15px;
*position: relative;
}
.tnc-dynamic .tn-list-item:hover .tnc-down-blkarrow,
.tnc-dynamic .tn-list-item:hover .tn-list-item-row span > .tn-report,
.tnc-dynamic .tn-list-item:hover .tn-list-item-row > .tn-delete {
visibility: visible;
}
.tnc-dynamic .tn-list-item:hover .tn-list-item-row > .tn-helper-right > .tn-delete {
visibility: visible;
}
.tnc-dynamic .tn-list-item-row {
position: relative;
margin-top: 15px;
}
.tnc-dynamic .tnc-down-blkarrow,
.tnc-dynamic .tn-list-item-row span > .tn-report,
.tnc-dynamic .tn-list-item-row > .tn-delete {
visibility: hidden;
_visibility: visible;
}
.tnc-dynamic .tn-list-item-row > .tn-helper-right > .tn-delete {
visibility: hidden;
_visibility: visible;
}
.tnc-dynamic-title {
font-size: 14px;
}
.tnc-dynamic-title img {
vertical-align: middle;
}
.tnc-bubble-wrap {
margin-top: 10px;
line-height: 1.5;
}
.tnc-bubble-wrap .tn-list-item-row a {
padding: 0 3px;
}
.tnc-bubble-wrap .tn-list-item-row {
margin: 15px 0px 0 0;
}
.tnc-bubble-wrap li {
padding: 3px 0 2px;
}
.tnc-bubble-wrap .tnc-bigshow-header {
padding: 5px 0;
}
.tnc-img-bigbox {
position: relative;
clear: both;
}
.tnc-img-bigbox .tnc-bigshow-header {
position: absolute;
width: 100%;
z-index: 9999;
}
.tnc-img-bigbox .tnc-bigphoto-list li {
padding-top: 0;
}
/* Dynamic info */
.tnc-dynamic .tn-list-item-area-main {
margin-left: 60px;
*position: relative;
}
.tnc-dynamic .tnc-down-blkarrow {
width: 16px;
height: 16px;
float: right;
margin: 0 0 5px 5px;
}
.tnc-dynamic .tnc-dynamic-box,
.tnc-dynamic .tn-feedback {
margin-top: 3px;
line-height: 22px;
}
.tnc-dynamic .tn-feedback .tn-praise {
float: right;
}
.tnc-imgbox-bigshow {
overflow: hidden;
margin-top: 5px;
display: inline-block;
}
.tnc-dynamic .tnc-imgbox_preview {
padding-top: 8px;
position: relative;
}
.tnc-dynamic .tnc-imgbox_preview a {
margin-right: 4px;
overflow: hidden;
}
.tnc-dynamic .tnc-imgbox-float {
height: 20px;
width: 60px;
position: absolute;
left: 0;
top: 22px;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
}
.tnc-dynamic .tnc-mrf {
margin-right: 5px;
}
.tnc-dynamic .tnc-dynamic-quote {
margin-top: 5px;
}
.tnc-dynamic .tnc-quote-name a {
font-weight: bold;
}
.tnc-dynamic .tnc-dynamic-mayknow {
margin-top: 10px;
overflow: hidden;
}
.tnc-dynamic .tnc-mayknow-single {
float: left;
overflow: hidden;
width: 79px;
padding: 0 5px;
}
.tnc-dynamic .tnc-mayknow-single .tn-avatar {
margin: 1px auto 3px;
}
.tnc-dynamic .tnc-mayknow-main .tnc-mayknow-tit {
display: block;
line-height: 20px;
text-align: center;
height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tnc-dynamic .tnc-mayknow-main p.tnc-mayknow-tit {
display: none;
}
.tnc-dynamic .tnc-mayknow-main .tn-explain-icon {
display: none;
}
.tnc-dynamic .tnc-mayknow-img {
margin: 3px 10px 0 0;
}
.tnc-dynamic .tnc-mayknow-main .tn-text-note {
border-radius: 3px 3px 3px 3px;
float: left;
line-height: 16px;
padding: 1px 2px;
margin-top: 5px;
}
.tnc-dynamic .tnc-mayknow-main .tn-icon {
float: left;
}
.tnc-dynamic .tnc-mayknow-time {
margin-top: 10px;
clear: both;
}
.tnc-dynamic .tn-user-name {
margin: 0 5px 0 0;
}
.tnc-dynamic .spb-microblog-item .tn-list-item-row a {
padding: 0 3px;
}
.tnc-dynamic .spb-microblog-item .tn-list-item-row {
margin: 15px 0 0 0;
line-height: 25px;
}
.tnc-dynamic .spb-microblog-item .tn-list-item-row em.tn-report {
white-space: normal;
}
.tnc-dynamic .spb-microblog-item .tn-list-item-row .tn-helper-right {
*white-space: nowrap;
}
.tnc-dynamic .tn-mark {
line-height: 0;
padding: 0;
font-size: 0;
}
.tnc-dynamic .tn-mark .tn-cue-highlight {
position: relative;
bottom: 1px;
*bottom: 4px;
background: none;
border-width: 0 0 1px;
}
.tnc-dynamic .tn-mark .tn-widget-content {
line-height: 1em;
font-size: 12px;
border-width: 0;
line-height: 21px;
height: 21px;
overflow: hidden;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
top: -10px;
text-align: center;
}
.tnc-dynamic-imgbox {
padding-top: 10px;
overflow: hidden;
zoom: 1;
}
.tnc-dynamic-imgbox li {
float: left;
margin-right: 5px;
}
.tnc-dynamic-imgbox .tnc-imgbox-min a {
display: block;
width: 100px;
padding: 3px;
text-align: center;
}
.tnc-dynamic-imgbox .tn-loading {
position: absolute;
top: 5px;
}
.tnc-dynamic-imgbox .tnc-videobox-min {
height: 75px;
width: 100px;
padding: 3px;
position: relative;
}
.tnc-dynamic-imgbox .tnc-videobox-min a.tn-video {
position: absolute;
width: 33px;
height: 33px;
left: 50%;
top: 50%;
margin: -16px 0 0 -16px;
background-image: url(/Themes/Shared/Styles/Images/spb-sprite-bg.png);
background-repeat: no-repeat;
}
.tnc-dynamic-imgbox .tnc-videobox-min a.tn-video {
background-position: 0px -35px;
}
.tnc-dynamic-imgbox .tnc-videobox-min a.tn-video:hover {
background-position: -36px -35px;
}
.tnc-dynamic-imgbox .tnc-imgbox-min img,
.tnc-dynamic-imgbox .tnc-videobox-min img {
max-width: 100px;
max-height: 100px;
_width: 100px;
}
.tnc-dynamic-imgbox .tnc-imgbox-min .tn-more {
display: block;
padding: 0;
line-height: 20px;
height: 20px;
overflow: hidden;
text-align: center;
}
.tnc-dynamic-imgbox .tnc-videobox-min span {
display: block;
position: absolute;
bottom: 0;
font-size: 11px;
margin: 0 2px 6px 0px;
width: 120px;
text-align: center;
line-height: 10px;
}
.tnc-dynamic-imgbox .tnc-bigimg-box {
padding: 10px;
width: 400px;
overflow: hidden;
}
.tnc-dynamic-imgbox .tnc-bigimg-box .tnc-bigshow-header {
padding-bottom: 5px;
}
.tnc-dynamic-imgbox .tnc-bigimg-box .tnc-bigphoto-list {
padding-bottom: 10px;
}
.tnc-dynamic-imgbox .tnc-bigimg-box img {
max-width: 400px;
}
.tnc-dynamic-imgbox .tn-action-text {
padding-left: 20px;
}
.tnc-dynamic .spb-microblog-item .tn-comments .tn-list-item-row {
margin-top: 0;
}
.tnc-dynamic .spb-microblog-item .tn-bubble-position {
position: absolute;
top: 0;
right: 45px;
}
.tnc-dynamic .spb-group-item .tnc-dynamic-group {
padding: 10px 0 7px;
}
.tnc-dynamic .spb-group-item .tnc-dynamic-group .tn-group-avatar {
float: left;
margin-right: 10px;
}
.tnc-dynamic .spb-group-item .tnc-dynamic-group .tn-group-info {
overflow: hidden;
}
.tnc-dynamic .spb-group-item .tn-button {
margin-top: 5px;
}
.tnc-dynamic-layout {
margin: 5px 0;
}
.tnc-dynamic-layout .tnc-dynamic-figure {
float: left;
margin-right: 10px;
}
.tnc-dynamic-layout .tnc-dynamic-cont {
overflow: hidden;
zoom: 1;
}
.tnc-dynamic-act {
margin-bottom: 5px;
}
.tnc-dynamic-text p {
line-height: 22px;
}
/* Skin Button */
.tn-skin-switch {
position: relative;
}
.tn-skin {
position: absolute;
right: 0;
top: 0;
height: 28px;
}
.tn-skin a.tnc-skin-link {
background-image: url(/Themes/Shared/Styles/Images/spb-sprite-bg.png);
background-repeat: no-repeat;
background-position: -2px -2px;
width: 28px;
height: 28px;
display: block;
line-height: 100px;
overflow: hidden;
}
.tn-skin a.tnc-skin-link:hover {
background-position: -37px -2px;
}
/* May be interested */
.spb-maybe .tn-list-item {
padding: 5px 0;
_position: relative;
}
.spb-maybe .tn-list-item-area-main {
margin-left: 60px;
}
.spb-maybe .tn-list-item-heading {
overflow: hidden;
zoom: 1;
margin-bottom: 3px;
}
.spb-maybe .tn-list-item-heading .tn-actions {
float: right;
}
.spb-maybe .tn-list-item-heading h5 {
float: left;
}
.spb-maybe .tn-button,
.spb-maybe .tn-explain-icon {
float: right;
margin: 0 1px 0 0;
}
.spb-maybe .tn-arrow-b1,
.spb-maybe .tn-arrow-b2 {
left: 60px;
}
.spb-maybe .tn-change {
text-align: right;
}
/* Visitors */
.spb-recent-visitors .tn-avatar-list,
.spb-recent-visitors .tn-avatar-item {
position: relative;
}
.spb-recent-visitors .tn-delete {
width: 16px;
height: 16px;
top: 0;
left: 50%;
margin-left: 9px;
position: absolute;
cursor: pointer;
}
/* Space Home
----------------------------------*/
/* User Profile */
.tnc-user-profile .tn-avatar-wrap {
width: 160px;
height: 160px;
margin: 0 auto 10px;
position: relative;
}
.tnc-user-profile .tn-in-pic {
display: block;
width: 100%;
height: 20px;
line-height: 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
}
.tnc-user-profile .tn-info-part {
padding: 0;
}
/* User Info */
.tnc-user-intro h1 {
font-weight: normal;
font-size: 24px;
float: left;
margin: 0 10px 0 0;
}
.tnc-user-intro .spb-user-type {
float: left;
margin: 7px 0 0;
}
.tnc-user-intro .tn-info .tn-button {
margin: 0 0 0 10px;
float: right;
}
.tnc-user-intro .tn-info .tn-button-text {
line-height: 26px;
font-weight: normal;
font-size: 12px;
}
.tnc-user-intro .tn-info .tn-button-icon-only {
width: 26px;
}
.tnc-user-intro .tn-info .tnc-same-follow-btn {
margin-left: 0;
}
.tnc-same-follow {
width: 240px;
position: absolute;
z-index: 9999;
}
.tnc-same-follow p {
padding: 0;
line-height: 16px;
}
.tnc-user-intro .tn-instructions {
width: 100px;
float: right;
padding: 0;
}
.tnc-user-intro .tn-progress-text {
padding: 0;
line-height: 20px;
text-align: center;
}
.tnc-user-intro .tn-progress-bar {
height: 6px;
}
.tnc-user-intro .tn-introduction {
margin: 10px 0;
line-height: 20px;
}
.tnc-user-intro .tn-introduction .tn-edit {
margin-left: 10px;
}
.tnc-edit-intro {
width: 300px;
}
.tnc-mod-slide-panel {
padding: 10px 0 0px;
}
.tnc-mod-slide-panel .tnc-home-pic li {
float: left;
height: 130px;
width: 130px;
margin: 0 11px 10px 0;
}
.tnc-mod-slide-panel .tnc-home-pic li.tn-last {
margin: 0;
}
/* Last Visitors */
.tnc-last-visitors .tn-avatar-mini {
margin-top: 2px;
}
.tnc-last-visitors .tn-mini-avatar-list .tn-info {
padding: 0;
overflow: hidden;
zoom: 1;
}
.tnc-last-visitors a.tn-icon {
float: right;
}
.tnc-last-visitors .tn-mini-avatar-list .tn-user-name {
float: left;
}
.tnc-last-visitors .tn-mini-avatar-list .tn-date {
display: block;
clear: both;
}
/* Privacy Home
----------------------------------*/
.tnc-privacy-intro h1 {
font-size: 24px;
margin: 0;
font-weight: normal;
}
.tnc-noright {
margin: 20px 0;
padding: 20px;
}
.tnc-noright .tn-icon-large {
float: left;
margin: 0 40px 0 10px;
}
.tnc-noright .tnc-noright-tips {
float: left;
}
.tnc-noright .tnc-noright-tips .tn-tip {
padding-bottom: 20px;
font-size: 14px;
}
/* Personal Information
----------------------------------*/
.spb-user-info dl {
overflow: hidden;
zoom: 1;
line-height: 20px;
}
.spb-user-info dl.tn-child {
margin: 0 0 0 100px;
}
.spb-user-info dt {
width: 100px;
float: left;
}
.spb-user-info dd {
overflow: hidden;
zoom: 1;
display: block;
}
/* Application and setting tools
----------------------------------*/
/* Sidebar Tags and Sort */
.tn-sort-list .tn-actions,
.tn-tags-wrap .tn-actions {
margin: 10px 0 0;
}
.tnc-user-intro .tn-actions .tn-instructions {
width: 100px;
padding: 0;
}
/* Members User Relation
----------------------------------*/
/* User List */
.tnc-user-list .tn-list-item {
_position: relative;
}
.tnc-user-list .tn-list-item-area-left {
padding-top: 3px;
}
.tnc-user-list .tn-list-item-area-main {
margin-left: 60px;
}
.tnc-user-list .tn-text-heading .tn-user-name {
float: left;
}
.tnc-user-list .tnc-down-blkarrow {
margin-left: 30px;
float: right;
}
.tnc-user-list .tnc-relationship {
float: right;
width: 100px;
text-align: right;
}
.tnc-user-list .tnc-relationship .tn-action,
.tnc-user-list .tnc-relationship .tn-explain-icon {
margin: 0;
}
.tnc-user-list .tnc-relationship .tn-action-text,
.tnc-user-list .tnc-relationship .tn-icon-text {
padding-right: 0;
}
.tnc-user-list .tnc-crew-ungroup {
width: 200px;
float: right;
}
.tnc-user-list .tn-location {
line-height: 16px;
overflow: hidden;
zoom: 1;
}
.tnc-user-list .tn-location .tn-icon {
float: left;
margin-right: 2px;
}
.tnc-user-list .tn-list-item-row {
padding-bottom: 5px;
}
.tnc-user-list .tn-bubble {
margin-top: 5px;
}
.tnc-user-list .tn-actions {
width: 60px;
float: right;
}
.tnc-user-list .tn-actions ul {
clear: both;
}
.tnc-user-list .tn-actions ul li {
text-align: right;
}
.tnc-usernums .tn-spacer {
padding: 0 10px;
}
.tnc-userinfo-content .tn-actions-list li {
text-align: right;
}
.tnc-user-notename {
float: left;
}
.tnc-user-list .tn-list .tn-list-item .tn-report {
visibility: hidden;
}
.tnc-user-list .tn-list .tn-list-item:hover .tn-report {
visibility: visible;
}
.tnc-group-sort {
width: 380px;
}
.tnc-group-sort .tnc-dailog-pd {
padding: 0 10px;
}
.tnc-group-sort .tn-create {
height: 35px;
padding-top: 5px;
}
.tnc-group-sort .tn-sort {
margin: 5px 0;
}
.tnc-group-sort .tn-sort li .tn-checkbox {
float: left;
margin: 5px 5px 0 0;
}
.tnc-group-sort .tn-sort li {
float: left;
width: 120px;
line-height: 25px;
height: 25px;
overflow: hidden;
}
.tnc-group-sort .tn-text-heading,
.tnc-group-sort .tn-remark {
padding: 10px 0;
}
/* User card */
.tn-user-card .tn-avatar {
float: left;
margin: 0 0 5px 0;
}
.tn-user-card .tn-info {
margin-left: 60px;
}
.tn-user-card .tn-user-name,
.tn-user-card .tn-identify {
margin-right: 5px;
}
.tn-user-card .tn-title img {
vertical-align: middle;
}
.tn-user-card .tn-property .tn-icon {
float: left;
margin-right: 5px;
}
.tn-user-card .tn-introduction {
margin: 0 0 5px;
line-height: 20px;
}
.tn-user-card .tn-actions {
padding-top: 10px;
}
.tn-user-card .tn-actions .tn-status {
margin-right: 10px;
float: left;
}
.tn-user-card .tn-actions .tn-link {
float: left;
line-height: 16px;
margin-right: 10px;
}
.tn-user-card .tn-actions .tn-follow {
float: right;
}
/* Create User Group */
.tnc-create-user-group .tn-form {
position: relative;
}
.tnc-create-user-group span.field-validation-error {
position: absolute;
line-height: 25px;
top: 25px;
left: 0;
}
/* Invite friend */
.tnc-invite-friend .tnc-email-logo span {
padding-right: 10px;
}
.tnc-invite-friend .tnc-email-logo span img {
cursor: pointer;
}
/* Email Invite friend Mod */
.tnc-find-acquaintance .tnc-find-someone {
height: 310px;
overflow: auto;
padding: 20px;
}
.tnc-find-acquaintance .tnc-find-someone .tn-list li {
cursor: pointer;
width: 200px;
float: left;
margin: 5px;
padding: 5px;
}
.tnc-find-acquaintance .tnc-unregister-someone .tn-text-heading {
padding: 5px;
}
/* Invited friend */
.spb-invitation-friend .tn-list-item {
width: 29%;
height: 70px;
float: left;
margin: 5px;
padding: 10px;
overflow: hidden;
border-radius: 3px;
}
.spb-invitation-friend .tn-list-item .tn-list-item-row {
padding-bottom: 5px;
}
.spb-invitation-friend .tn-list-item .tn-list-item-row span {
float: left;
margin-right: 5px;
}
.spb-invitation-friend .tn-list-item .tn-list-item-row .tn-location {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 20px;
}
.spb-invitation-friend .tn-pagination {
clear: both;
margin-top: 10px;
}
/* Find User */
.tnc-interested .tn-list-item {
width: 31.7%;
float: left;
margin: 0 1.5% 10px 0;
padding: 0;
}
.tnc-interested .tn-inner {
padding: 5px;
}
.tnc-interested .tn-list-item-row {
line-height: 15px;
height: 15px;
overflow: hidden;
}
.tnc-interested .tn-list-item-heading {
clear: both;
height: 20px;
overflow: hidden;
}
.tnc-interested .tn-list-item-heading .tn-user-name {
line-height: 20px;
}
.tnc-interested .tn-button {
float: right;
margin: 0;
}
.tnc-interested .tn-button .tn-button-text {
padding: 0 6px 0 16px;
line-height: 18px;
}
.tnc-interested .tn-explain-icon {
float: right;
margin: 0;
}
.tnc-interested .tn-icon-text {
line-height: 18px;
}
.tnc-recommend-interested .tn-no-data {
text-align: left;
}
.tnc-recommend-interested .tn-list-item {
width: 23.9%;
float: left;
margin: 0 1% 10px 0;
padding: 0;
}
.tnc-recommend-interested .tn-inner {
padding: 5px;
overflow: hidden;
zoom: 1;
}
.tnc-recommend-interested .tn-list-item-heading {
line-height: 20px;
height: 20px;
overflow: hidden;
margin-bottom: 5px;
}
.tnc-find-user-wrap .tnc-user-notename {
font-size: 14px;
}
.tnc-find-user-wrap .tn-list-item-area-left {
padding-right: 15px;
}
/* Classified user */
.tnc-add-user-to {
width: 402px;
border-width: 0;
}
.tnc-add-user-to .tnc-dailog-pd {
padding: 10px;
}
.tnc-add-user-to .tn-scroll-content {
height: 270px;
overflow-y: auto;
}
/* Flow Avatar list */
.tn-flow-list .tn-avatar-item {
float: left;
display: block;
width: 66px;
padding: 8px 0 0;
margin: 0 5px 5px 0;
}
.tn-flow-list .tn-avatar-item .tn-user-name {
line-height: 25px;
height: 25px;
overflow: hidden;
padding: 0;
}
.tn-filter-user .tn-avatar-item .tn-user-name:hover {
text-decoration: none;
}
/* Set User to Group */
.tnc-set-user-group {
_width: 200px;
padding-top: 5px;
}
.tnc-set-user-group li {
padding: 0 5px;
line-height: 25px;
height: 25px;
overflow: hidden;
}
.tnc-set-user-group li:hover {
border-width: 0;
}
.tnc-set-user-group li input {
float: left;
margin: 6px 5px 0 0;
}
.tnc-set-user-group .tn-create {
height: 25px;
padding: 5px;
}
.tnc-set-user-group .tn-create .tn-action-text-icon {
margin-top: 5px;
}
/* User Profile
----------------------------------*/
.tnc-set-menu li .tn-menu-text {
padding-left: 10px;
}
/* Upload avatar */
.tnc-upload-avatar {
padding: 20px 20px 10px;
}
.tnc-upload-avatar .uploadify-queue-item {
margin-bottom: 10px;
}
.tnc-upload-avatar .uploadify-queue {
display: none;
}
.tnc-avatar-pic .tnc-cut-avatar {
width: 380px;
float: left;
margin: 10px 0;
}
.tnc-avatar-pic .tnc-cut-avatar .tn-avatar-original {
width: 350px;
height: 350px;
background: url(/Themes/Shared/Styles/images/upload_avatar_bg.png) no-repeat;
text-align: center;
margin-bottom: 20px;
position: relative;
}
.tnc-avatar-pic .tnc-cut-avatar .tn-avatar-original .tnc-no-avatar {
position: absolute;
width: 350px;
line-height: 350px;
top: 0;
left: 0;
text-align: center;
font-size: 18px;
margin-top: 20px;
}
.tnc-avatar-pic .tnc-cut-avatar .tnc-avatar-btn {
text-align: center;
}
.tnc-avatar-pic .tnc-avatar-size {
width: 270px;
float: left;
padding: 10px 0 0;
}
.tnc-avatar-pic .tnc-avatar-size .tn-avatar-big {
float: left;
}
.tnc-avatar-pic .tnc-avatar-size .tnc-avatar-col2 {
width: 100px;
height: 160px;
float: right;
}
.tnc-avatar-pic .tnc-avatar-size .tnc-avatar-col2 .tn-avatar-medium {
margin-bottom: 10px;
}
.tnc-avatar-pic .tnc-avatar-size .tnc-avatar-col2 .tn-avatar {
float: left;
}
.tnc-avatar-pic .tnc-avatar-size .tnc-avatar-col2 .tn-avatar-mini {
float: left;
margin: 25px 0 0 25px;
}
/* User account bind */
.spb-bindlist .tn-table-grid td {
padding: 20px 5px;
}
.spb-bindlist p,
.spb-bindlist .tnc-bind-name {
height: 28px;
line-height: 28px;
margin: 3px 0;
}
.spb-bindlist p em {
font-size: 16px;
}
.spb-bindlist .tn-avatar-mini,
.spb-bindlist .tn-user-name {
float: left;
}
.spb-bindlist .tnc-bind-name .tn-avatar-mini {
margin: 0 10px 0 0;
}
/* User tags */
.tnc-set-tags .tnc-my-tags {
width: 47.3%;
float: left;
}
.tnc-set-tags .tnc-my-tags .tn-text-heading {
font-weight: bold;
padding: 10px;
}
.tnc-set-tags .tnc-my-tags .tnc-tags-list {
padding: 0 5px;
}
.tnc-set-tags .tnc-my-tags .tnc-tags-list li {
float: left;
padding: 3px 3px 3px 5px;
margin: 3px;
}
.tnc-set-tags .tnc-tags {
float: right;
width: 49.9%;
}
.tnc-set-tags .tnc-tags .tnc-tagsbtn-prev,
.tnc-set-tags .tnc-tags .tnc-tagsbtn-next {
margin-top: 90px;
width: 32px;
}
.tnc-set-tags .tnc-tags .tnc-tagsbtn-prev {
float: left;
}
.tnc-set-tags .tnc-tags .tnc-tagsbtn-next {
float: right;
}
.tnc-set-tags .tnc-tags .tnc-select-tags {
width: 290px;
position: relative;
height: 200px;
overflow: hidden;
zoom: 1;
float: left;
}
.tnc-set-tags .tnc-tags .tnc-select-tags .tnc-personalized-labels {
overflow: hidden;
position: absolute;
height: 200px;
}
.tnc-set-tags .tnc-tags .tnc-select-tags .tnc-personalized-item {
width: 290px;
float: left;
}
.tnc-set-tags .tnc-tags .tnc-select-tags .tnc-personalized-item .tn-text-heading {
font-weight: bold;
padding: 10px;
}
.tnc-set-tags .tnc-tags .tnc-select-tags .tnc-personalized-item .tnc-tag {
padding: 3px;
white-space: nowrap;
margin: 0 5px 5px 0;
float: left;
}
.tnc-set-tags .tnc-tags .tnc-select-tags .tnc-personalized-item .tnc-tag a {
padding: 3px 5px;
}
.tnc-set-tags .tnc-tags .tnc-fill-tags {
text-align: right;
padding: 30px 10px 0;
height: 35px;
}
.tnc-set-tags .tnc-tags .tnc-fill-tags .tn-textbox {
float: left;
margin-right: 10px;
}
.tnc-set-tags .tnc-tags .tnc-fill-tags .tn-button {
float: left;
}
/* Privacy */
.tnc-privacy-set .tnc-space-purview .tn-form-label {
float: left;
}
.tnc-privacy-set .tnc-space-purview .tnc-space-rights {
line-height: 25px;
vertical-align: middle;
display: inline-block;
}
.tnc-privacy-set .tnc-space-purview .tnc-space-rights .tnc-privacy-specified {
float: left;
margin-right: 10px;
}
.tnc-privacy-set .tnc-space-purview .tnc-designee {
padding: 0 5px;
margin-right: 10px;
float: left;
}
.tnc-privacy-set .tnc-space-purview .tnc-designee .tn-action {
margin-left: 10px;
}
.tnc-privacy-set .tnc-space-purview .tnc-designee a {
margin-right: 10px;
}
.tnc-privacy-set .tnc-space-purview .tn-explain {
margin: 8px 0 8px 120px;
}
/* Blacklist */
.tnc-blacklist .tn-list-header .tn-expand-control {
float: left;
margin-right: 10px;
}
.tnc-blacklist .tn-list-header .tn-button {
float: left;
}
.tnc-blacklist .tn-list li {
float: left;
margin: 0 1% 0 0;
width: 32.3%;
}
.tnc-blacklist .tn-list-item-summary {
margin: 8px 0 0;
}
.tnc-blacklist .tn-list a.tn-secondary-text:hover {
text-decoration: none;
cursor: pointer;
}
.tnc-blacklist .tn-list-item-heading {
overflow: hidden;
height: 20px;
line-height: 20px;
}
/* Shielded group */
.spb-movethread {
width: 260px;
}
.spb-movethread .tn-breadcrumb {
padding: 8px 0 8px 10px;
}
.spb-movethread .tn-directory-item {
padding: 0 10px 10px;
}
.spb-movethread-name {
max-height: 41px;
_height: 41px;
overflow: auto;
padding: 8px 0;
}
.spb-movethread-name .tn-selected {
font-weight: bold;
}
.spb-movethread-avatar {
max-height: 160px;
_height: 160px;
overflow: auto;
padding: 8px;
}
.spb-movethread-avatar .tn-expand-select-item {
height: 25px;
margin: 0 5px 10px 0;
padding: 3px;
width: 94px;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
}
.spb-movethread-avatar .tn-avatar-mini {
float: left;
}
.spb-movethread-avatar .tn-user-name-info {
height: 15px;
line-height: 15px;
margin-left: 30px;
overflow: hidden;
padding-top: 5px;
word-wrap: break-word;
}
.spb-plug-closebutton {
position: absolute;
}
/* Message */
.tnc-create-msg {
width: 430px;
}
.tnc-create-msg .tn-textarea {
width: 382px;
line-height: 20px;
height: 120px;
}
.tnc-create-msg .tn-count {
text-align: right;
}
.tnc-letter-wrap .tn-list-item {
padding: 10px;
}
.tnc-letter-exchanges .tnc-letter-replay {
margin: 10px 0;
}
.tnc-letter-exchanges .tnc-letter-replay dt {
float: right;
}
.tnc-letter-exchanges .tnc-letter-replay .tnc-sender-content {
margin: 0 60px 0 70px;
}
.tnc-letter-exchanges .tnc-letter-replay .tn-textarea {
border: 0;
width: 99%;
_width: 95%;
padding: 3px 0.6%;
background: none;
}
.tnc-letter-exchanges .tnc-letter-replay .tn-submit {
padding: 5px 10px;
margin-right: 10px;
text-align: right;
}
.tnc-letter-exchanges .tnc-letter-replay .tn-submit .tn-button {
margin: 0 0 0 10px;
}
.tnc-letter-exchanges .tnc-letter-from {
margin: 10px 0;
}
.tnc-letter-exchanges .tnc-letter-from dt {
float: left;
}
.tnc-letter-exchanges .tnc-letter-from .tnc-sender-content {
margin: 0 70px 0 60px;
line-height: 20px;
}
.tnc-letter-exchanges .tnc-letter-to {
margin: 10px 0;
}
.tnc-letter-exchanges .tnc-letter-to dt {
float: right;
}
.tnc-letter-exchanges .tnc-letter-to .tnc-sender-content {
margin: 0 60px 0 70px;
line-height: 20px;
}
.tnc-letter-exchanges .tnc-message-info {
padding: 0 0 10px 0;
margin: 0 0 10px;
}
.tnc-letter-exchanges .tnc-message-info:last-child {
margin: 0;
padding: 0;
border-bottom-width: 0;
}
.tnc-letter-exchanges .tnc-info-content {
margin-bottom: 5px;
}
/* Invite */
.tnc-invite-wrap .tn-list-item {
padding: 10px 5px;
;
}
.tnc-invite-wrap .tnc-unrequest .tn-list-item-summary p {
font-weight: bold;
}
.tnc-invite-set-mod,
.tnc-notice-set-mod {
width: 240px;
}
/* User Setting
----------------------------------*/
/* Grade & Point */
.tnc-grade-instructions {
padding: 10px;
}
.tnc-grade-instructions .tn-step {
width: 20%;
text-align: left;
line-height: 16px;
}
.tnc-grade-instructions .tnc-step-item span {
line-height: 16px;
float: left;
}
.tnc-grade-instructions .tnc-step-item img {
float: left;
margin-right: 1px;
}
.tnc-grade-instructions .tnc-scale {
margin-bottom: -4px;
}
.tnc-grade-instructions .tnc-scale .tn-icon {
margin-left: -4px;
}
.tnc-grade-instructions .tn-progress-bar {
height: 8px;
}
.tnc-grade-instructions .tn-progress-bar-value {
padding-left: 26px;
}
.tnc-grade-instructions .tn-bubble-arrow {
position: relative;
}
.tnc-integral-list .tn-row {
width: 45.9%;
float: left;
margin: 0 2%;
_display: inline;
}
/* Global Search
----------------------------------*/
.spb-search-page .tnc-content-header {
height: 105px;
}
.spb-search-page .tnc-content-header .tn-pagename {
float: left;
padding: 30px 0 0 30px;
}
.spb-search-page .tnc-content-header h2 {
padding: 0;
width: 155px;
text-align: center;
line-height: 32px;
}
.tnc-search-wrapper {
width: 520px;
margin-left: 215px;
overflow: hidden;
zoom: 1;
}
.tnc-search-wrapper .tnc-search-item li {
float: left;
padding: 0 8px;
font-size: 14px;
line-height: 2;
}
.tnc-search-wrapper .tnc-search-item li.tn-selected {
font-weight: bold;
}
.tnc-search-wrapper .tnc-search-input {
padding: 3px;
}
.tnc-search-wrapper .tnc-search-input .tnc-search-input-wrap {
height: 30px;
}
.tnc-search-wrapper .tnc-search-input .tn-textbox {
float: left;
height: 30px;
line-height: 30px;
width: 427px;
border-width: 0;
font-size: 14px;
padding: 0 0 0 5px;
background: transparent;
}
.tnc-search-wrapper .tnc-search-input .tn-button {
border-width: 0;
float: right;
margin: 0;
display: block;
width: 80px;
}
.tnc-search-wrapper .tnc-search-input .tn-button-text {
padding: 0;
}
.tnc-search-wrapper .tnc-search-hots li {
float: left;
padding: 5px;
}
/* Search Results */
.tnc-search-results .tn-list-header {
padding: 5px 0;
margin-bottom: 10px;
}
.tnc-search-results .tn-list-header .tn-list-header-row {
padding: 5px 10px;
}
.tnc-search-results .tn-list-header .tn-keywords a {
margin-left: 10px;
}
.tnc-search-results .tn-list-header .tn-count {
padding: 0;
float: right;
}
.tnc-search-results .tn-list-header .tn-location {
margin-right: 20px;
}
.tnc-search-results .tn-list-header .tn-filter {
padding-right: 10px;
}
.tnc-search-results .tn-list-header .tn-filter em,
.tnc-search-results .tn-list-header .tn-filter a {
margin-right: 10px;
}
.tnc-search-results .tn-list-header .tn-action {
margin: 0 10px 0 0;
}
.tnc-search-results .tn-list-header .tn-tags {
margin: 5px 0;
}
.tnc-search-noresults {
padding: 30px 0 30px 60px;
font-size: 14px;
line-height: 25px;
}
.tnc-search-noresults .tn-title {
margin-bottom: 20px;
}
/* Global Search Results */
.tnc-global-search .tnc-search-article,
.tnc-global-search .tnc-search-pic,
.tnc-global-search .tnc-search-person {
margin-bottom: 15px;
}
.tnc-global-search .tnc-search-person .tn-list-info .tn-icon {
float: left;
margin: 0 3px 0 0;
}
.tnc-global-search .tnc-search-person .tn-list-info .tn-actions {
float: right;
}
.tnc-global-search .tnc-search-person .tn-list-info .tn-count {
margin-right: 10px;
}
.tnc-global-search .tnc-search-person .tn-list-info .tn-arrow-b1,
.tnc-global-search .tnc-search-person .tn-list-info .tn-arrow-b2 {
left: auto;
right: 20px;
}
.tnc-global-search .tnc-search-pic .tn-photo-item {
padding-left: 23px;
}
.tnc-global-search .tnc-search-pic .tn-text-heading {
height: 25px;
}
.tnc-global-search .tnc-search-pic .tn-text-heading .tn-avatar-mini {
float: left;
}
.tnc-global-search .tnc-search-pic .tn-text-heading .tn-title {
display: block;
margin-left: 30px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Search Filter */
.tnc-location-mode {
width: 422px;
}
.tnc-location-mode .tn-text-heading {
padding: 0 0 10px;
}
.tnc-location-mode .tn-text-heading .tn-valign {
vertical-align: middle;
}
.tnc-location-mode .tn-location-list {
margin-top: 8px;
}
.tnc-location-mode .tn-location-list li {
line-height: 25px;
}
.tnc-location-mode .tn-location-list li li {
min-width: 95px;
float: left;
padding: 0 5px 0 0;
white-space: nowrap;
}
.tnc-more-app-menu,
.tnc-age-select-menu,
.tnc-gender-select-menu {
z-index: 9999;
padding: 0;
margin: 10px 0 0 -20px;
text-align: center;
}
/* General Style
----------------------------------*/
/* Special Tag */
.tn-special-tag {
margin-bottom: 10px;
}
.tn-special-tag .tn-details {
margin-bottom: 10px;
}
.tn-special-tag .tn-figure {
width: 100px;
height: 100px;
float: left;
margin: 0 10px 0 0;
}
.tn-special-tag .tn-title {
margin-bottom: 10px;
}
.tn-special-tag .tn-title .tn-icon-area {
float: left;
margin: 5px 5px 0 0;
}
.tn-special-tag .tn-title .tn-actions {
float: right;
}
.tn-special-tag .tn-title .tn-actions .tn-button {
margin: 0;
}
.tn-special-tag .tn-title h4 {
font-size: 20px;
font-weight: normal;
line-height: 24px;
}
.tn-special-tag .tn-descrip {
line-height: 1.5;
font-size: 14px;
}
/* More Options */
.tn-more-options {
z-index: 9999;
position: absolute;
}
.tn-more-options ul {
padding: 5px 0;
}
.tn-more-options .tn-form-list {
padding: 5px;
}
.tn-more-options li {
padding: 0;
}
.tn-more-options .tn-form-item {
padding: 5px 10px 5px 5px;
}
.tn-more-options .tn-form-item input {
float: left;
margin-right: 5px;
}
.tn-more-options .tn-item-link {
padding: 5px 10px;
display: block;
white-space: nowrap;
_width: 1px;
}
.tn-more-options .tn-item-link:hover {
text-decoration: none;
}
/* Privacy Settings Option */
.tn-privacy-set-box {
width: 115px;
padding: 5px;
}
.tn-privacy-set-box .tn-form-row {
margin-bottom: 5px;
}
.tn-privacy-set-box li {
line-height: 20px;
}
.tn-privacy-set-box .tn-radiobutton {
float: left;
margin: 3px 3px 0 0;
*margin: 0;
}
/* Mode Windows */
.tnc-mode-wid-one {
width: 245px;
}
.tnc-mode-wid-two {
width: 360px;
}
.tnc-mode-wid-thr {
width: 420px;
}
.tnc-mode-windows {
box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.05);
position: absolute;
z-index: 9999;
}
.tnc-mode-windows .tnc-mode-content {
position: relative;
min-height: 100px;
}
.tnc-mode-windows .tn-bubble-content {
padding: 0;
}
.tnc-mode-windows h3 {
padding: 8px 10px;
margin: 0;
}
.tnc-mode-windows .tnc-mode-icon {
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
}
.tnc-mode-windows .tnc-mode-ctn {
padding: 10px;
}
.tnc-mode-windows .tnc-mode-ctn .tnc-mode-photo {
_position: relative;
}
.tnc-mode-windows .tnc-mode-ctn .tnc-mode-photo li {
padding: 1px;
float: left;
margin: 0 10px 10px 0;
position: relative;
}
.tnc-mode-windows .tnc-mode-ctn .tnc-mode-photo li .tn-icon-area {
width: 16px;
height: 16px;
padding: 1px;
position: absolute;
left: 43px;
top: 1px;
}
.tnc-mode-windows .tnc-mode-ctn .tnc-mode-photo li .tn-img {
overflow: hidden;
vertical-align: middle;
line-height: 60px;
word-wrap: break-word;
width: 60px;
height: 60px;
text-align: center;
}
.tnc-mode-windows .tnc-mode-ctn .tnc-mode-photo li img {
display: table-cell;
vertical-align: middle;
}
.tnc-mode-windows .tnc-mode-button {
padding: 10px 0 0 0;
margin-top: 5px;
}
.tnc-mode-windows .tnc-mode-button span .tn-button {
float: right;
padding-top: 5px;
}
.tnc-mode-windows .tnc-mode-photo-button .tnc-mode-btn-center {
margin-left: 50px;
}
.tnc-mode-windows .tnc-mode-photo-button .swfupload {
margin-left: 50px;
}
.tnc-mode-windows .tnc-mode-topic {
overflow: hidden;
}
.tnc-mode-windows .tnc-mode-topic li {
float: left;
margin: 0 5px 7px 0;
width: 105px;
}
.tnc-mode-windows .tnc-mode-topic-btn {
padding: 0px 0 5px;
}
.tnc-mode-windows .tnc-mode-topic-title {
padding: 7px 0;
}
.tnc-mode-windows .tnc-mode-ctn .tn-form {
padding-top: 5px;
}
.tnc-mode-windows .tnc-mode-ctn .tn-form .tn-textbox {
width: 260px;
}
.tnc-mode-windows .tn-tabs-nav {
padding: 5px 5px 0;
}
.tnc-mode-windows .tnc-mode-music {
margin: 10px 15px 0 10px;
}
.tnc-mode-windows .tnc-mode-music li {
height: 25px;
line-height: 25px;
padding: 0 5px;
overflow: hidden;
zoom: 1;
}
.tnc-mode-windows .tnc-mode-music li span {
float: right;
width: 65px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tnc-mode-windows .tnc-mode-music li.tnc-music-item {
cursor: pointer;
}
.tnc-mode-windows .tnc-mode-music .tn-pagination {
padding-top: 20px;
}
.tnc-mode-windows-left {
box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.03);
border-radius: 3px;
}
.tnc-mode-windows-left .tn-list li {
display: inline-block;
width: 24%;
}
.tnc-mode-windows-left .tn-arrow-b1, .tnc-mode-windows-left .tn-arrow-b2 {
top: 15px;
}
/* Repeat box */
.spb-repeat-box {
width: 400px;
overflow: hidden;
zoom: 1;
}
.spb-repeat-box .tn-txt {
margin-bottom: 10px;
font-size: 14px;
word-wrap: break-word;
line-height: 1.666;
}
.spb-repeat-box .tn-act {
padding: 0 0 5px 0;
}
.spb-repeat-box .tn-act .tn-count {
float: right;
}
.spb-repeat-box .tn-textarea {
width: 392px;
}
.spb-repeat-box .tn-submit {
padding: 10px 0 0;
}
.spb-repeat-box .tn-submit .tn-button {
float: right;
margin: 0;
}
.spb-repeat-box .tn-submit p {
height: 20px;
}
/* Group
----------------------------------*/
/* Create and Edit Group */
.spb-group-edit .tn-name .tn-textbox,
.spb-group-edit .tn-intro .tn-textarea {
width: 344px;
}
.spb-group-edit .tn-expand-control {
z-index: 1;
}
.spb-group-edit .tn-user-selector {
z-index: 2;
}
.spb-groupbubble-one .tn-bubble-arrow b {
left: 8px;
}
.spb-groupbubble-two .tn-bubble-arrow b {
left: 98px;
}
.spb-groupbubble-three .tn-bubble-arrow b {
left: 188px;
}
.spb-groupbubble-four .tn-bubble-arrow b {
left: 278px;
}
.spb-group-bubble {
width: 352px;
margin-top: 0;
}
.spb-group-bubble p {
padding: 2px 0;
}
/* Group channel style
----------------------------------*/
/* Interested groups */
.spb-interest-group .spb-carousel-slider {
width: 520px;
height: 145px;
}
.spb-interest-group .spb-carousel-slider .spb-slider-nav {
width: 520px;
}
/* User belongs Group */
.spb-group-belong .tn-card {
margin-bottom: 20px;
}
.spb-group-belong .tn-card .tn-avatar-medium {
margin-bottom: 0;
}
.spb-group-belong .tn-card .tn-info .tn-user-name {
padding: 10px 0;
}
.spb-group-belong .tn-card .tn-info .tn-user-name strong {
font-size: 18px;
font-weight: normal;
}
.spb-group-belong .tn-card .tn-info .tn-actions {
float: right;
margin-top: 10px;
}
/* Group Count */
.spb-group-count li {
float: left;
text-align: center;
width: 49%;
}
.spb-group-count .tn-count {
display: block;
font-size: 16px;
font-weight: normal;
margin-bottom: 5px;
}
/* Recommend Group Master */
.spb-top-group-master .tn-user-data {
padding-top: 5px;
}
.spb-top-group-master .tn-user-data .tn-icon {
float: left;
margin-right: 5px;
}
/* Group Space Style
----------------------------------*/
/* Group profile */
.spb-group-profile {
margin-bottom: 10px;
}
.spb-group-profile .tn-figure {
float: left;
margin-right: 10px;
}
.spb-group-profile .tn-info {
overflow: hidden;
zoom: 1;
}
.spb-group-profile .tn-actions {
float: right;
}
.spb-group-profile .tn-actions li {
float: right;
}
.spb-group-profile .tn-actions .tn-icon-text,
.spb-group-profile .tn-actions .tn-action-text {
line-height: 24px;
}
.spb-group-profile h1 {
font-size: 20px;
font-weight: normal;
margin: 0 0 10px;
}
.spb-group-profile .tn-descrip {
line-height: 20px;
}
/* Add Member Mode */
.spb-group-invite .tn-textbox {
height: 170px;
width: 239px;
}
.spb-group-invite .tn-expand-select-box {
z-index: 1;
}
/* Side Menu */
.spb-group-page .tnc-aside .tn-side-menu li {
padding-right: 5px;
}
/* Group Members manege */
.spb-group-member-list .tn-avatar-item {
position: relative;
}
.spb-group-member-list .tn-avatar-item .tn-delete {
position: absolute;
top: 0;
right: 8px;
}
.spb-group-member-list .tn-avatar-item .tn-icon-colorful {
position: absolute;
top: 34px;
left: 8px;
}
/* Application's common style
----------------------------------*/
.spb-side-nav li {
padding: 7px 0 7px 10px;
}
.spb-side-nav .tn-action-text {
padding-left: 20px;
font-size: 14px;
}
.spb-side-nav .tn-box-content {
padding: 0 0 20px;
}
/* Content Header */
.tnc-content-header .tn-shortcut .tn-button-icon-only {
width: 32px;
margin: 0 0 0 -5px;
vertical-align: top;
;
}
.tnc-content-header .tn-shortcut .tn-button-icon-only .tn-icon {
margin-left: -8px;
}
.tnc-content-header .tn-shortcut .tn-selected:hover {
cursor: default;
}
/* Friend Link
----------------------------------*/
.spb-friend-link {
margin-bottom: 10px;
overflow: hidden;
clear: both;
}
.spb-friend-link h4 {
font-size: 14px;
}
.spb-friend-link .spb-links-list {
display: inline-block;
margin-bottom: 10px;
margin-left: -10px;
}
.spb-friend-link .spb-links-list li {
float: left;
padding: 0px 10px;
margin-top: 10px;
}
.spb-friend-link .spb-links-logo-list {
margin-bottom: 10px;
}
.spb-friend-link .spb-links-logo-list .tn-photo-item {
float: left;
width: 150px;
overflow: hidden;
height: 50px;
padding: 0;
margin-top: 10px;
margin-right: 6px;
}
.tnc-links-photo {
padding-top: 10px;
}
.tnc-links-photo li {
margin-bottom: 3px;
overflow: hidden;
height: 50px;
}
.tnc-managelink-mode {
width: 600px;
min-height: 400px;
max-height: 600px;
_height: 600px;
overflow-y: auto;
}
/* Ad Location */
.spb-biz-cont {
margin: 10px 0;
overflow: hidden;
zoom: 1;
}
/* Detail Content Style */
.tn-detail-text .tnc-dynamic-imgbox ul.tnc-bigphoto-list {
padding: 0;
margin: 0;
}
.tn-detail-text .tnc-dynamic-imgbox ul.tnc-bigphoto-list li {
list-style: none;
}
.tn-detail-text .tnc-dynamic-imgbox p {
margin: 0;
}
/* Management style
----------------------------------*/
/* Create Recommend Type */
.tnc-admin-rec-to {
width: 400px;
}
.tnc-admin-rec-to .tnc-rec-type {
margin-bottom: 10px;
}
.tnc-admin-rec-to .tnc-rec-type-item {
float: left;
padding: 3px 5px;
margin-right: 5px;
}
.tnc-edit-rec-type {
width: 400px;
}
/* Manage Style */
.tn-main .tn-block .tn-title {
line-height: 30px;
margin: 20px 0 10px;
font-size: 14px;
text-align: center;
}
.tn-main .tn-block pre {
padding: 5px;
line-height: 18px;
}
.tn-comment-form-act .tnc-captcha {
float: left;
vertical-align: middle;
}
.tn-comment-form-act .tnc-captcha input {
vertical-align: middle;
display: inline-block;
}
.tn-comment-form-act .tnc-captcha .tnc-reg-input img {
vertical-align: middle;
}
.tn-comment-form-act .tnc-reg-input .tn-action {
float: none;
}
.spb-story-detail .tn-comment-form-act .tn-icon-emotion, .spb-story-detail .tn-comment-form-act .tn-count, .spb-story-detail .tn-comment-form-act .tn-action {
margin-top: 6px;
}
.spb-story-detail .tn-comment-form-act .tn-button {
margin-top: 3px;
}
.spb-cms-manage .tn-expand-control {
z-index: 999;
}
.spb-photo-slider .spb-rec-btn {
z-index: 5;
}
/* credit tips */
.tnc-tips-credit .tn-button-text {
padding: 10px;
}
.tnc-tips-credit .tn-button-text .tn-title {
font-size: 17px;
font-weight: bold;
color: #F60;
}
.tnc-tips-credit .tn-button-text span {
padding: 3px 10px;
font-size: 14px;
}
.tnc-tips-credit .tn-button-text span em {
color: #F60;
font-weight: bold;
}
.tn-actions .tn-button {
*vertical-align: top;
}
.tn-form .tn-form-row-button .tn-button {
vertical-align: middle;
}
#tn-footer .tn-return-to-top {
width: 90px;
z-index: 14;
bottom: 250px;
}
.feedback {
width: 60px;
border: 1px solid #dfdfdf;
border-radius: 5px;
padding: 10px 0;
}
.feedback a {
display: block;
margin: 0 auto;
}
.icon {
background: url(/Themes/Shared/Styles/images/spriteIconZ.png) no-repeat;
}
.feedback hr {
height: 1px;
width: 38px;
overflow: hidden;
margin: 10px auto;
background: #c4b7a6;
padding: 0;
}
.icon-gotop {
width: 42px;
height: 40px;
background-position: -8px 0;
}
.icon-gotop:hover {
background-position: -70px 0;
}
.icon-ask {
width: 52px;
height: 65px;
background-position: -2px -40px;
}
.icon-ask:hover {
background-position: -65px -40px;
}
.spb-group-page .tnc-dynamic .tnc-mayknow-single {
width: 120px;
}
.spb-group-page .tnc-dynamic .tnc-mayknow-main .tnc-mayknow-tit {
text-align: left;
}
.spb-group-page .tnc-dynamic .tnc-mayknow-main p.tnc-mayknow-tit {
display: block;
}
.wr-notfound {
position: relative;
margin-top: -80px;
}
.wr-back, .wr-return {
position: absolute;
width: 92px;
height: 28px;
top: 499px;
left: 511px;
}
.wr-return {
width: 122px;
left: 613px;
}
/*=======================�°�ͷ����ʽ��Ϣ=====================*/
/*ͷ����ʽ��Ϣ�� + ͷ����������ʽ*/
.search-button {
display: inline-block;
width: 40px;
height: 30px;
background: url(/Themes/Shared/Styles/Images/search.png) no-repeat 0 -3px !important;
background-size: contain;
background-position: -1px 3px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
border: none;
position: absolute !important;
background: none;
top: 3px;
z-index: 999;
cursor: pointer;
}
.search-button-margin {
margin-top: -3px;
}
.user-name {
position: absolute;
right: 250px;
}
.header-message {
position: absolute;
right: 200px;
}
.user-name, .header-message {
height: 55px;
}
.breadcrumb-2 > li > a:hover {
background-color: #f9b33e;
transition: all 0.5s;
}
.header-user-popup {
position: absolute;
z-index: 1000;
display: none;
width: 95px;
background-color: #f9b33e;
color: #fff;
border-radius: 4px;
top: 55px;
right: 250px;
padding-left: 0px;
overflow: hidden;
margin-top: 5px;
text-align: center;
}
.header-user-popup a {
display: block;
height: 30px;
line-height: 30px;
color: #fff;
margin-right: -35px;
width: 95px;
-webkit-animation: headerLeft 0.5s;
}
.header-user-popup a:hover {
background-color: #18d7c4;
color: #fff;
transition: all 0.5s;
background-color: #FF9933;
text-decoration: none;
}
.nav-search .nav-search-input {
position: relative;
top: -7px;
padding-left: 7px;
color: #fff !important;
}
.header-message {
position: absolute;
right: 160px;
top: 0px;
color: #fff !important;
display: block !important;
width: 75px;
text-align: center;
}
.header-message-popup {
right: 160px;
padding-left: 0px;
}
.header-message-popup a {
text-decoration: none;
text-align: center;
}
.header-message-popup a:hover {
background-color: #FF9933;
}
.col-xs-offset-1 {
margin-left: 8.333333%;
}
/*����ͷ����ʽ*/
.head-w {
background-color: #f29700;
box-shadow: 14px 5px 4px 6px #f9f9f9;
height: 55px;
}
.breadcrumbs {
min-height: 55px;
line-height: 40px;
padding: 0;
display: block;
width: 1000px;
margin: 0 auto;
}
.breadcrumb {
line-height: 48px;
padding: 0;
margin: 0;
font-size: 20px;
color: #ffffff;
}
.breadcrumb > li, .breadcrumb > li.active {
color: #fff;
float: left;
}
.breadcrumb > li > a {
display: inline-block;
color: #ffffff;
text-decoration: none;
margin-left: 7px;
margin-right: 7px;
width: 51px;
}
.breadcrumb > li > a:hover {
color: #FFF;
border-bottom: 3px #FFF solid;
}
.breadcrumb > li + li:before {
font-family: FontAwesome;
font-size: 14px;
color: #ffffff;
margin-right: 2px;
padding: 0 10px;
position: relative;
top: 1px;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: none;
}
.breadcrumb > .active {
height: 48px;
border-bottom: 3px solid #FFF;
}
.breadcrumb > .active a {
color: #FFF !important;
}
.nav-search {
position: relative;
top: 10px;
left: 559px;
line-height: 24px;
width: 200px;
}
.nav-search .form-search {
margin-bottom: 0;
}
.nav-search .nav-search-input {
border: 1px solid #29bdae;
width: 200px;
height: 32px !important;
background: #10a293;
border-radius: 4px !important;
font-size: 13px;
color: #fff;
z-index: 11;
-webkit-transition: width ease .15s;
transition: width ease .15s;
}
.nav-search .nav-search-input + .dropdown-menu {
min-width: 0;
left: 0;
right: 0;
}
.nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover {
border-color: #6fb3e0;
}
.nav-search .nav-search.minimized .nav-search-input {
width: 0;
opacity: 0;
filter: alpha(opacity=0);
max-width: 0;
}
.nav-search.minimized:hover .nav-search-input, .nav-search.minimized .nav-search-btn:active + .nav-search-input, .nav-search.minimized .nav-search-input:focus, .nav-search.minimized .nav-search-input:hover, .nav-search.minimized .nav-search-input:active {
opacity: 1;
filter: alpha(opacity=100);
width: 152px;
max-width: 152px;
}
.nav-search.minimized .nav-search-icon {
border: 1px solid;
border-radius: 100%;
background-color: #FFF;
padding: 0 5px !important;
}
.nav-search.minimized:hover .nav-search-icon, .nav-search.minimized .nav-search-input:focus ~ .nav-search-icon, .nav-search.minimized .nav-search-input:hover ~ .nav-search-icon, .nav-search.minimized .nav-search-input:active ~ .nav-search-icon {
border: 0;
border-radius: 0;
padding: 0 3px !important;
}
.nav-search-icon {
border: 0;
border-radius: 0;
padding: 0 3px !important;
}
.sidebar > .nav-search {
position: static;
background-color: #fafafa;
border-bottom: 1px solid #DDD;
text-align: center;
height: 35px;
padding-top: 6px;
}
.sidebar > .nav-search .nav-search-input {
width: 162px !important;
border-radius: 0 !important;
max-width: 162px !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.sidebar > .nav-search .nav-search-input + .dropdown-menu {
text-align: left;
}
.sidebar.menu-min .nav-search .form-search {
position: absolute;
left: 5px;
z-index: 14;
}
.sidebar.menu-min .nav-search .nav-search-input {
width: 0 !important;
max-width: 0 !important;
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}
.sidebar.menu-min .nav-search .nav-search-input:hover, .sidebar.menu-min .nav-search .nav-search-input:focus, .sidebar.menu-min .nav-search .nav-search-input:active {
width: 162px !important;
max-width: 162px !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.sidebar.menu-min .nav-search .nav-search-input:hover ~ #nav-search-icon, .sidebar.menu-min .nav-search .nav-search-input:focus ~ #nav-search-icon, .sidebar.menu-min .nav-search .nav-search-input:active ~ #nav-search-icon {
border: 0;
border-radius: 0;
padding: 0 3px !important;
}
.sidebar.menu-min .nav-search:hover .nav-search-input {
width: 162px !important;
max-width: 162px !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.sidebar.menu-min .nav-search:hover .nav-search-input ~ .nav-search-icon {
border: 0;
border-radius: 0;
padding: 0 3px !important;
}
.sidebar.menu-min .nav-search .nav-search-icon {
border: 1px solid;
border-radius: 32px;
background-color: #FFF;
padding: 0 5px !important;
}
@media only screen and (max-width:767px) {
.nav-search {
right: 5px;
}
.nav-search .nav-search-input {
width: 105px;
}
.nav-search:hover .nav-search-input, .nav-search .nav-search-btn:active + .nav-search-input, .nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover, .nav-search .nav-search-input:active {
width: 145px;
}
}
@media only screen and (max-width:480px) {
.nav-search .nav-search-input {
width: 0;
opacity: 0;
filter: alpha(opacity=0);
max-width: 0;
}
.nav-search:hover .nav-search-input, .nav-search .nav-search-btn:active + .nav-search-input, .nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover, .nav-search .nav-search-input:active {
opacity: 1;
filter: alpha(opacity=100);
width: 152px;
max-width: 152px;
}
.nav-search .nav-search-icon {
border: 1px solid;
border-radius: 100%;
background-color: #FFF;
padding: 0 5px !important;
}
.nav-search:hover .nav-search-icon, .nav-search .nav-search-input:focus ~ .nav-search-icon, .nav-search .nav-search-input:hover ~ .nav-search-icon, .nav-search .nav-search-input:active ~ .nav-search-icon {
border: 0;
border-radius: 0;
padding: 0 3px !important;
}
}
.input-icon {
position: absolute;
right: 5px;
top: 6px;
color: #fff;
}
.breadcrumb-2 {
line-height:55px;
padding: 0;
margin: 0;
font-size: 14px;
color: #ffffff;
float: right;
display: inline-block;
position: relative;
width: 240px;
height: 55px;
left: 46px;
}
.none-user span{top:-10px;}
.breadcrumb-2 > li > a {
padding:18px 30px;
color: #ffffff;
text-decoration: none;
width: 88px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumb-2 > li.has-user > a {padding:0 4px;}
.breadcrumb-2:after,
.breadcrumb-2:before {
display: table;
content: "";
clear: both;
}
.breadcrumb-2 .no-user {
position: relative;
left: -160px;
}
.breadcrumb-2 .no-user a {
text-align: center !important;
width: 60px;
}
.breadcrumb-2 .no-user span {
position: relative;
top: -17px;
}
.nav-myhome {
width: 104px;
}
.nav-myhome a {
width: 80px !important;
display: block !important;
}
.vertical-middle {
vertical-align: middle;
}
.has-user i {
position: relative;
top: -2px;
margin-left: 5px;
}
/* jquery.Jcrop.css v0.9.10 - MIT License */
/*
The outer-most container in a typical Jcrop instance
If you are having difficulty with formatting related to styles
on a parent element, place any fixes here or in a like selector
You can also style this element if you want to add a border, etc
A better method for styling can be seen below with .jcrop-light
(Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder { direction: ltr; display: inline-block; }
/* These styles define the border lines */
.jcrop-vline,.jcrop-hline{background:#FFF url(/Scripts/jquery/Jcrop/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
/* Handle style - size is set by Jcrop handleSize option (currently) */
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
/* This style is used for invisible click targets */
.jcrop-tracker
{
height: 100%;
width: 100%;
-webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
-webkit-touch-callout: none; /* disable callout, image save panel */
-webkit-user-select: none; /* disable cut copy paste */
}
/* Positioning of handles and drag bars */
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
{
background:#FFF;
filter:Alpha(opacity=70)!important;
opacity:.70!important;
}
.jcrop-light .jcrop-handle
{
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:#000;
border-color:#FFF;
border-radius:3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
{
background:#000;
filter:Alpha(opacity=70)!important;
opacity:.7!important;
}
.jcrop-dark .jcrop-handle
{
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:#FFF;
border-color:#000;
border-radius:3px;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,img.jcrop-preview{ max-width: none; }
@charset "utf-8";
/*
* artDialog skin
* http://code.google.com/p/artdialog/
* (c) 2009-2011 TangBin, http://www.planeArt.cn
*
* This is licensed under the GNU LGPL, version 2.1 or later.
* For details, see: http://creativecommons.org/licenses/LGPL/2.1/
*/
/* common start */
body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { text-align:left; }
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(/Scripts/jquery/artDialog/skins/icons/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */
.aui_inner { background:#FFF; }
.aui_outer, .aui_inner { border:1px solid rgba(0, 0, 0, .7); border:1px solid #333\9; }
.aui_border { box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); }
.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); }
.aui_state_focus .aui_dialog { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); }
.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; }
.aui_state_focus .aui_title { color:#4c5a5f; }
.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
.aui_close:hover { color:#C72015; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
.aui_state_noTitle .aui_dialog { box-shadow: none; }
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
*
* @version
* 2.0.296 (March 01 2009)
*
* @copyright
* Copyright (C) 2004-2009 Alex Gorbatchev.
*
* @license
* This file is part of SyntaxHighlighter.
*
* SyntaxHighlighter is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* SyntaxHighlighter is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with SyntaxHighlighter. If not, see .
*/
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span
{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: none !important;
text-align: left !important;
float: none !important;
vertical-align: baseline !important;
position: static !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
height: auto !important;
width: auto !important;
line-height: 1.1em !important;
font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 1em !important;
}
.syntaxhighlighter
{
width: 100% !important;
margin: 1em 0 1em 0 !important;
padding: 1px !important; /* adds a little border on top and bottom */
position: relative !important;
}
.syntaxhighlighter .bold {
font-weight: bold !important;
}
.syntaxhighlighter .italic {
font-style: italic !important;
}
.syntaxhighlighter .line .number
{
float: left !important;
width: 3em !important;
padding-right: .3em !important;
text-align: right !important;
display: block !important;
}
/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number
{
display: none !important;
}
.syntaxhighlighter .line .content
{
margin-left: 3.3em !important;
padding-left: .5em !important;
display: block !important;
}
.syntaxhighlighter .line .content .block
{
display: block !important;
padding-left: 1.5em !important;
text-indent: -1.5em !important;
}
.syntaxhighlighter .line .content .spaces
{
display: none !important;
}
/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
margin-left: 0 !important;
border-left: none !important;
}
.syntaxhighlighter .bar
{
}
.syntaxhighlighter.collapsed .bar
{
}
.syntaxhighlighter.nogutter .ruler
{
margin-left: 0 !important;
padding-left: 0 !important;
}
.syntaxhighlighter .ruler
{
padding: 0 0 .5em .5em !important;
margin-left: 3.3em !important;
overflow: hidden !important;
}
/* Adjust some properties when collapsed */
.syntaxhighlighter.collapsed .lines,
.syntaxhighlighter.collapsed .ruler
{
display: none !important;
}
/* Styles for the toolbar */
.syntaxhighlighter .toolbar
{
position: absolute !important;
right: 0px !important;
top: 0px !important;
font-size: 1px !important;
padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}
.syntaxhighlighter.collapsed .toolbar
{
font-size: 80% !important;
padding: .2em 0 .5em .5em !important;
position: static !important;
}
.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
display: block !important;
float: left !important;
margin-left: 8px !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
text-indent: -5000px !important;
}
.syntaxhighlighter.collapsed .toolbar .item
{
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
background-image: url(/Scripts/syntaxHighlighter/styles/magnifier.png) !important;
display: inline !important;
text-indent: 0 !important;
width: auto !important;
float: none !important;
height: 16px !important;
padding-left: 20px !important;
}
.syntaxhighlighter .toolbar .item.viewSource
{
background-image: url(/Scripts/syntaxHighlighter/styles/page_white_code.png) !important;
}
.syntaxhighlighter .toolbar .item.printSource
{
background-image: url(/Scripts/syntaxHighlighter/styles/printer.png) !important;
}
.syntaxhighlighter .toolbar .item.copyToClipboard
{
text-indent: 0 !important;
background: none !important;
overflow: visible !important;
}
.syntaxhighlighter .toolbar .item.about
{
background-image: url(/Scripts/syntaxHighlighter/styles/help.png) !important;
}
/**
* Print view.
* Colors are based on the default theme without background.
*/
.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block
{
background: none !important;
}
/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
color: #bbb !important;
}
/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
color: #000 !important;
}
/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar,
.syntaxhighlighter.printing .ruler
{
display: none !important;
}
.syntaxhighlighter.printing a
{
text-decoration: none !important;
}
.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{
color: #000 !important;
}
.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{
color: #008200 !important;
}
.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
color: blue !important;
}
.syntaxhighlighter.printing .keyword
{
color: #069 !important;
font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor
{
color: gray !important;
}
.syntaxhighlighter.printing .variable
{
color: #a70 !important;
}
.syntaxhighlighter.printing .value
{
color: #090 !important;
}
.syntaxhighlighter.printing .functions
{
color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants
{
color: #0066CC !important;
}
.syntaxhighlighter.printing .script
{
font-weight: bold !important;
}
.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{
color: #808080 !important;
}
.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{
color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{
color: red !important;
}
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
*
* @version
* 2.0.296 (March 01 2009)
*
* @copyright
* Copyright (C) 2004-2009 Alex Gorbatchev.
*
* @license
* This file is part of SyntaxHighlighter.
*
* SyntaxHighlighter is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* SyntaxHighlighter is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with SyntaxHighlighter. If not, see .
*/
/************************************
* Default Syntax Highlighter theme.
*
* Interface elements.
************************************/
.syntaxhighlighter
{
background-color: #E7E5DC !important;
}
/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
background-color: #6CE26C !important;
color: black !important;
}
/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content
{
background-color: #6CE26C !important;
}
/* Gutter line numbers */
.syntaxhighlighter .line .number
{
color: #5C5C5C !important;
}
/* Add border to the lines */
.syntaxhighlighter .line .content
{
border-left: 3px solid #6CE26C !important;
color: #000 !important;
}
.syntaxhighlighter.printing .line .content
{
border: 0 !important;
}
/* First line */
.syntaxhighlighter .line.alt1 .content
{
background-color: #fff !important;
}
/* Second line */
.syntaxhighlighter .line.alt2 .content
{
background-color: #F8F8F8 !important;
}
.syntaxhighlighter .line .content .block
{
background: url(/Scripts/syntaxHighlighter/styles/wrapping.png) 0 1.1em no-repeat !important;
}
.syntaxhighlighter .ruler
{
color: silver !important;
background-color: #F8F8F8 !important;
border-left: 3px solid #6CE26C !important;
}
.syntaxhighlighter.nogutter .ruler
{
border: 0 !important;
}
.syntaxhighlighter .toolbar
{
background-color: #F8F8F8 !important;
border: #E7E5DC solid 1px !important;
}
.syntaxhighlighter .toolbar a
{
color: #a0a0a0 !important;
}
.syntaxhighlighter .toolbar a:hover
{
color: red !important;
}
/************************************
* Actual syntax highlighter colors.
************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{
color: #000 !important;
}
.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{
color: #008200 !important;
}
.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
color: blue !important;
}
.syntaxhighlighter .keyword
{
color: #069 !important;
font-weight: bold !important;
}
.syntaxhighlighter .preprocessor
{
color: gray !important;
}
.syntaxhighlighter .variable
{
color: #a70 !important;
}
.syntaxhighlighter .value
{
color: #090 !important;
}
.syntaxhighlighter .functions
{
color: #ff1493 !important;
}
.syntaxhighlighter .constants
{
color: #0066CC !important;
}
.syntaxhighlighter .script
{
background-color: yellow !important;
}
.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{
color: #808080 !important;
}
.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{
color: #ff1493 !important;
}
.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{
color: red !important;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(/Scripts/jquery/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(/Scripts/jquery/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(/Scripts/jquery/fancybox/blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(/Scripts/jquery/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(/Scripts/jquery/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url(/Scripts/jquery/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-color: transparent;
background-image: url(/Scripts/jquery/fancybox/helpers/fancybox_buttons.png);
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}
.bigpicker{
width:227px;
height:163px;
position: absolute;
z-index: 9999;
background-color: #F0F0F0;
padding: 2px 0 1px 5px;
border-left: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
border-right: solid 1px #565656;
border-bottom: solid 1px #565656;
display: none;
}
.bigpicker-sections-color{
margin: 0;
padding: 0;
}
.bigpicker-sections-color ul{
margin: 0;
padding: 0;
float: left;
}
.bigpicker-sections-color ul li{
list-style: none outside none;
margin: 0;
padding: 0;
border-top:solid 1px #000000;
border-left:solid 1px #000000;
width:10px;
height: 10px;
overflow:hidden;
line-height:0px;
font-size:0px;
}
.bigpicker .biglayout{
width:10px;
height:10px;
border:solid 1px #FFFFFF;
position: absolute;
z-index: 10000;
display: none;
line-height: 10px;
overflow: hidden;
cursor: default;
}
.bigpicker-bgview-text{
margin: 0;
padding: 0;
height: 24px;
}
.bigpicker-bgview-text li{
padding: 0 5px 0 0 ;
list-style: none outside none;
float: left;
line-height:18px;
}
.bigpicker-bgview-text li div{
margin: 0;
padding: 0;
height: 20px;
width: 55px;
background-color: #000000;
border-left: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
border-right: solid 1px #2B2B2B;
border-bottom: solid 1px #2B2B2B;
}
.bigpicker-bgview-text li input{
margin: 0;
padding: 0;
height: 17px;
width: 55px;
}
.bigpicker-bgimage{
background-image:url(/Scripts/jquery/ColorSelect/images/big_bgcolor.jpg);
}
.tnc-color-detail a{width:63px;
height:30px;
display:block;}