/* SpaceBuilder UserDomains Spoor skin Cascading Style Sheets. Copyright (c) 2010, Tunynet Inc. All rights reserved. version: 3.1 */

/* Layout
----------------------------------*/
#tn-header { padding-bottom: 15px; }

/* Theme
----------------------------------*/
a, a:hover { color: #8C6806; }
.tn-page-bg { background: url(Images/pagebg.jpg) no-repeat; background-attachment: fixed; }
.tn-state-default .tn-icon, 
.tn-cue-highlight .tn-icon,
.tn-button-text-icon .tn-icon, 
.spb-nav1 .spb-nav-item .tn-icon,
.sf-menu .tn-icon { background-image: url(Images/tn-icons-sprite-8c6806.png) }

/* Page header
----------------------------------*/
.spb-top-menubar .tn-wrapper-inner,
.spb-branding-area { width: 950px; margin: 0 auto; }
.spb-top-menubar { background: #f9f3e5; border: solid #cfcdb5 1px; border-width: 0 0 1px; -moz-opacity: 0.7;/* opacity: 0.7;*/ filter: alpha(opacity=70); }

/* Navigation
----------------------------------*/
.spb-nav1-area, .spb-nav2-area { width: 950px; margin: 0 auto; }
.spb-nav1 { font-size: 116.67%; padding-left: 10px; }
.spb-nav1 .tn-selected a,
.spb-nav1 .tn-selected a:hover,
.spb-nav2 .tn-selected a,
.spb-nav2 .tn-selected a:hover { color: #c72c0e; }
.spb-nav1 .spb-nav-item ul { background: #ece4d1; border: solid #a6a18e 1px; }
.spb-nav1 .spb-nav-item li a { background: #ece4d1; }
.spb-nav1 .spb-separator { background: #a6a18e; }
.spb-nav2 { padding-left: 10px; }


/* Component containers
----------------------------------*/
.tn-widget-content, .ui-widget-content { border-color: #cfcdb5; background-color: #f9f3e5; }
.tn-widget-header, .ui-widget-header { border-color: #cfcdb5; background-image: url(Images/bg-gradient-f9f3e5.png); }

/* Interaction states
----------------------------------*/
.tn-state-default, .tn-widget-content .tn-state-default,
.ui-state-default, .ui-widget-content .ui-state-default { border-color: #cfcdb5; background-image: url(Images/bg-gradient-f4f0e8.png) }
.tn-state-hover, .tn-widget-content .tn-state-hover,
.ui-state-hover, .ui-widget-content .ui-state-hover { border-color: #bfbc9b; background-image: url(Images/bg-pipe-f3eee1.png) }
.tn-state-focus, .tn-widget-content .tn-state-focus,  
.ui-state-focus, .ui-widget-content .ui-state-focus,
.tn-state-active, .tn-widget-content .tn-state-active,  
.ui-state-active, .ui-widget-content .ui-state-active { border-color: #cfcdb5; background: #f9f3e5; }

/* Button
----------------------------------*/
.tn-button-default { border-color: #ecd1a8; background-image: url(Images/bg-pipe-f5e8d4.png); }
.tn-button-default .tn-first-child { border-color: #ecd1a8; }
.tn-button-default-hover { border-color: #ebb46e; background-image: url(Images/bg-pipe-f2e1c7.png); }
.tn-button-default-hover .tn-first-child { border-color: #ebb46e; }
.tn-button-primary { border-color: #8C6806; background-image: url(Images/bg-gradient-cb8f42.png); }
.tn-button-primary .tn-first-child { border-color: #8C6806; }
.tn-button-primary-hover { border-color: #c72c0e; background-image: url(Images/bg-gradient-e66a2d.png); }
.tn-button-primary-hover .tn-first-child { border-color: #c72c0e; }
.tn-button-secondary { border-color: #ddd; background-image: url(Images/bg-gradient-dddddd.png); }
.tn-button-secondary .tn-first-child { border-color: #ddd; }
.tn-button-secondary-hover { border-color: #ccc; background-image: url(Images/bg-gradient-cccccc.png); }
.tn-button-secondary-hover .tn-first-child { border-color: #ccc; }

/* Background 
----------------------------------*/
.tn-bg-light { background: #f5e8d4; }
.tn-bg-gray { background: #edeae2; }
.tn-bg-deep { background: #cb8f42; }
.tn-round-corner { background-image: url(Images/tn-ui-round-corner.png); }

/* Border
----------------------------------*/
.tn-border-light { border-color: #ecd1a8; }
.tn-border-gray { border-color: #ddd9d0; }
.tn-border-deep { border-color: #ab6806; }

/* Pagination
----------------------------------*/
.tn-pagination span { border-color: #ddd9d0; }
.tn-pagination a { border-color: #ecd1a8; }
.tn-pagination a:hover { border-color: #ab6806; background: #f5e8d4; }
.tn-pagination span.tn-selected { border-color: #ab6806; background: #cb8f42; }
