/* Social development platform appearance style sheets. Copyright (c) 2012, Tunynet Inc. All rights reserved. version: 1.0 */

/* Theme
----------------------------------*/
html { overflow-x:hidden;}
body{ color: #666; background-color: #f4f4f4; }
a{ color:#0065a2;}
a:hover{ color:#0065a2;} 
.tn-header-bg{ border-bottom:1px solid #fafafa; background: url(images/tn-page-bg.png) repeat-x 0 top;}
.spb-top-menubar .spb-logo{ background-image:url(../../../../../Images/logo-light.png);}
.tn-content-bg .tn-wrapper{ background:url(Images/spb-col-line.png) repeat-y; }
.spb-layout-3-9-4 .tn-content-bg .tn-wrapper{ background-position: 170px 0;}
.spb-layout-5-19 .tn-content-bg .tn-wrapper { background-position:-810px 0;}
.spb-layout-3-13 .tn-content-bg .tn-wrapper { background-position:-830px 0;}
.spb-layout-1 .tn-content-bg .tn-wrapper { background-image: none; }
.tn-skin a.tnc-skin-link{ background-position: -72px -35px;}
.tn-skin a.tnc-skin-link:hover{ background-position: -107px -35px;}


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


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


/* Background 
----------------------------------*/

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


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


/* 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: 16px; 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-top-menubar .spb-search .tn-search-box { background-color: #fff; border:1px solid #d4d4d4; }
.spb-top-menubar .spb-search .tn-search-box input { color: #bbbbbb; font-size: 12px; background-color: #fff; }
.spb-top-menubar .spb-search .tn-search-box span { background-color: #f6f7f6; border-left:1px solid #ccc; }
.spb-user-menu .tn-user-name { color:#578db2; line-height:25px; }
.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; }


/* Box
----------------------------------*/
.tn-box,
.tn-box-content,
.ui-tabs { background: none ; border-width: 0; border-radius: 0; }
.tn-box .tn-box-header { background: none; }
.tn-box .tn-box-header h3 { font-size: 13px; color: #1d5a84; }


/* Side Navigation
----------------------------------*/
.tn-side-menu li:hover { background: #00629d; }
.tn-side-menu li:hover a { color:#FFF; text-decoration:none; }
.spb-user-atten li a span { color:#666; }


/* Publisher box */
.spb-foot .tn-actions .tn-action a { color:#666; }
.spb-foot .tn-actions .tn-action a:hover { color:#0065a2; }
.tnc-publisher .spb-status-wrap,
.tn-comment-text-inner { background-color: #ffffff;}


/* New Activities Tabs
----------------------------------*/
.spb-new-activities .tn-directory-level,
.spb-new-activities .tn-tabs-selected { background-color: #f8f8f8; }

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


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

