/* 
Offical Style for Spacebuilder
(c) Tunynet Inc.
*/ 

/* Theme
----------------------------------*/
body { color: #666; background-color: #f4f4f4; }
.spb-top-menubar { border-bottom:1px solid #f4f4f4; background: url(images/spb-page-bg.png) repeat-x 0px 0px; }
.spb-top-menubar .spb-logo { background-image:url(../../../../../Images/logo-light.png);}
.spb-app-page .tn-content-bg{ background: url(images/spb-page-bg.png) repeat-x 0px -36px; }
.spb-search-page .tn-content-bg{ background: url(images/tn-channel-searchbg.png) repeat-x 0px 0px; }
/*.spb-bar-page .tn-content-bg .tn-wrapper { background: url(images/spb-channel-headimg.png) no-repeat 330px 0px; }*/
/*.spb-square-page .tn-content-bg{ background-image: none; }*/
a{ color:#0065a2; }
a:hover{ color:#0065a2;}
.tn-box .tn-box-content { background: none ;border:0;}


/* Separation line
----------------------------------*/
.tnc-aside,
.spb-app-page .tnc-aside-second { background-color:#fafafa; }

.tn-dropdownlist,
.tn-textbox{color:#a4d2e1;}
 

/* Font color
----------------------------------*/
.spb-status a:hover{ color: #0065a2; text-decoration: none; }
.tn-secondary-text a,
.tn-text-note{ color: #bbb;}


/* Component containers
----------------------------------*/
.tn-widget-content, 
.ui-widget-content,
.tn-bubble-content { border-color: #cbcbcb; background: #F8F8F8; }
.tn-widget-bubble,
.tn-widget-same { border-color: #F8F8F8; }
.tn-widget-header, 
.ui-widget-header { border-color: #ddd; background:none; }


/* tabs
----------------------------------*/
.tn-tabs .tn-tabs-nav li{ background-color:#f4f4f4; }
.tn-tabs .tn-tabs-nav li a{ color:#666;}
.tn-tabs .tn-tabs-nav li.tn-tabs-selected a{color: #0065A2;}


/* Interaction states
----------------------------------*/
.tn-state-default, .tn-widget-content .tn-state-default,
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #ccc; background: #f8f8f8; }
.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 { color: #666; }
.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 #ccc; background: #e8e8e8; }
.ui-tabs-nav li.ui-tabs-selected a{ color: #0065A2;}
.tn-state-active, .tn-widget-content .tn-state-active,  
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ccc; background: #F4F4F4; color: #999; }


/* Box
----------------------------------*/
.tn-box,
.tn-box-content,
.ui-tabs { background: none ; border-width: 0;}
.tn-box .tn-box-header{ background:none; }


/* Line Color
----------------------------------*/
.tn-border-gray { border-color:#d6dae0; }
.tn-border-light { border-color: #e9e9e9; }
.tn-border-deep { border-color: #004f7f; }


/* Background 
----------------------------------*/
.tn-bg-gray { background: #e8ebee; }
.tn-bubble-gray{ border-color: #e8ebee; }
.tn-bg-light { background: #f8f8f8; }
.tn-bubble-light { border-color:#f8f8f8; }
.tn-bg-deep { background: #0065a2; color: #fff; }

/* Button
----------------------------------*/
.tn-button-default { background-color:#F8F8F8; border-color:#ddd; }
.tn-button-hollow { background:none; border:#d5d5d7 solid 1px; }
.tn-button-default:hover { background: #00629d;border-color: #1c444f;box-shadow: 0 1px 0 #65A3C9 inset; }
.tn-button-default:hover .tn-button-text { color:#FFF; }

/* Header
----------------------------------*/
.spb-top-menubar .spb-menu li a { font-size: 14px; color: #FFF; }
.spb-top-menubar .spb-menu div a { color:#0065A2; }
.spb-top-menubar .tn-drop-menu a.tn-item-link:hover { background-color:#00629d; color:#FFF; }
.spb-top-menubar .spb-menu li:hover,.spb-top-menubar .spb-menu .spb-header-over { background-color:#1E5D87; }
.spb-top-menubar .spb-menu .spb-group-menu li:hover, .spb-top-menubar .spb-menu .spb-app-menu li:hover { background:none; }
.spb-user-menu .tn-user-name { color:#578db2; }
.spb-user-menu .tn-user-name:hover { border:#578db2 solid 1px; line-height:23px; color:#8ebfe0; padding:0 2px; text-decoration:none; }
.spb-user-menu .spb-sign-menu a { color:#fff; }

/* Submenu
----------------------------------*/
.tnc-content-header .tn-submenu a { color: #666; }
.tnc-content-header .tn-submenu a:hover { text-decoration: none; color: #333; }
.tnc-content-header .tn-submenu-link { border-color: #ddd; }
.tnc-content-header .tn-submenu-link:hover { background: #eee; }
.tnc-content-header .tn-selected .tn-submenu-link,
.tnc-content-header .tn-selected .tn-submenu-link:hover { background: #f4f4f4; }

/* Footer
----------------------------------*/
#tn-footer{ border-top:1px solid #dddddd; color: #666; }

/* tags
----------------------------------*/
.tn-tags a { border: #bdd3e0 solid 1px; background: #e2ebf5; color: #0065a2; }
.tn-tags a:hover { text-decoration: none; color: #FFF; background: #0065A2; border-color: #004570; box-shadow: 0 1px 0 #187fbd inset; }
.tn-tags .tn-more a { border-width: 0; background: none; }
.tn-tags .tn-more a:hover { text-decoration: underline; background: none; }

/* Interaction Cues
----------------------------------*/
.tn-cue-highlight { border: 1px solid #efdab1; background: #fdf6de; color: #666666; }


/* Dynamic
----------------------------------*/
.tnc-dynamic .tnc-down-blkarrow { background: none repeat scroll 0 0 #e9e9e9;}
.tnc-down-blkarrow a.tn-icon { background-color: #d4d4d4; background-image: url(../../../../Shared/Styles/icons/white/tn-icon-small.png);  }
.tnc-down-blkarrow a.tn-icon:hover { background-color: #0065a2; background-image: url(../../../../Shared/Styles/icons/white/tn-icon-small.png); }

/* Ask 
----------------------------------*/
.spb-answer-list .tn-list-header .tn-selected{ font-weight: normal; color:#999; }


/* Publisher box
----------------------------------*/
.tnc-publisher .spb-status-wrap { background-color: #F8F8F8; }
.tnc-publisher .tn-textarea { background:none; }


/* Microblog rank
----------------------------------*/
.spb-microblog-rank-box { background-color:#f8f8f8; }