/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Jobs to complete outside of, as well as throughout the entirety of, this document.
   * DEF: 'asset' = An asset can best be described as any item used in the creation of the site other than
   the HTML.  For example: images, flash, css files, etc.)

** NOTE: The current path for all assets associated with this site is: http://n1assets1.styles1.jamspiritsites.com/217/2133328980/

INSTRUCTIONS:
Make changes to the following:
1. all asset URL paths in the following external documents should be changed to the appropriate client URL:
   * style_217.tpl, home.tpl, non-ie.css, ie.css
   ** NOTE: if no URL path exists in one of the aforementioned external documents, obviously
      no change is necessary
2. all asset URL paths in this document should be changed to the appropriate client URL
3. all color values in non-ie.css & ie.css as well as throughout this document should be altered
   ** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */

body
{
color: #d8d8d8;
}

a:active,
a:link,
.title_9,
.title_9Bold,
.title_10,
.title_10Bold,
.title_12,
.title_12Bold,
.title_14,
.title_14Bold,
.title_16,
.title_16Bold
{
color: #fff;
}

a:visited
{
color: #ddd;
}

a:focus,
a:hover
{
color: #244dff;
}

.contentEdit h1
{
padding: 0.25em 0 0.25em 3em;
margin: 0.2em 0;
font-size: 182%;
color: #fff;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h1_icon.jpg) no-repeat 0 0;
}

.contentEdit h2
{
padding: 0.25em 3em 0.25em 0;
margin: 0.2em 0;
font-size: 182%;
color: #fff;
text-align: right;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h2_icon.jpg) no-repeat right top;
}

.contentEdit h3
{
padding: 0 0.25em 1em 0.25em;
margin: 0.2em 0;
font-size: 136%;
color: #fff;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h3_bkgd.jpg) no-repeat left bottom;
}

.contentEdit h4
{
padding: 0 0.25em 1em 0.25em;
margin: 0.2em 0;
font-size: 136%;
color: #fff;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h4_bkgd.jpg) no-repeat left bottom;
}

.contentEdit h5
{
padding: 0.3em 0 0.75em 2.75em;
margin: 0.2em 0;
font-size: 107%;
color: #fff;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h5_icon.jpg) no-repeat 0 0;
}

.contentEdit h6
{
padding: 0.25em 0 0.75em 4em;
margin: 0.2em 0;
font-size: 107%;
color: #fff;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/h6_icon.jpg) no-repeat 0 0;
}

.contentEdit img
{
border-color: #fff;
}

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 9px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/content_externalLink.gif) no-repeat top right;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Special link properties within the editable region of the website.

INSTRUCTIONS:
Make changes to the following:
1. replace default URL (217.style.jamspiritsties.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.tumblesandcheers.net"]:active,
a[href^="http://www.tumblesandcheers.net"]:link,
a[href^="http://www.tumblesandcheers.net"]:visited,
a[href^="http://tumblesandcheers.net"]:active,
a[href^="http://tumblesandcheers.net"]:link,
a[href^="http://tumblesandcheers.net"]:visited,
a[href^="http://n1media1.images1.jamspiritsites.com"]:active,
a[href^="http://n1media1.images1.jamspiritsites.com"]:link,
a[href^="http://n1media1.images1.jamspiritsites.com"]:visited
{
padding: 0;
background-image: none;
}
/* END ALTER - Special link */

a[href^="mailto:"]:active,
a[href^="mailto:"]:link,
a[href^="mailto:"]:visited,
a[href^="javascript:location.href='mailto:'"]:active,
a[href^="javascript:location.href='mailto:'"]:link,
a[href^="javascript:location.href='mailto:'"]:visited
{
padding: 0 13px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/content_emailLink.gif) no-repeat top right;
}

a[href$=".pdf"]:active,
a[href$=".pdf"]:link,
a[href$=".pdf"]:visited
{
padding: 0 18px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/content_pdfLink.gif) no-repeat top right;
}

a[href$=".doc"]:active,
a[href$=".doc"]:link,
a[href$=".doc"]:visited
{
padding: 0 18px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/content_wordLink.gif) no-repeat top right;
}

/* Fix for calendar days of the week color. */
.white_9Bold
{
color: #FFF;
}

/* Fix for external link image on company box. */
div#companyBox a[href^="http:"]:active,
div#companyBox a[href^="http:"]:link,
div#companyBox a[href^="http:"]:visited
{
background: none;
padding: 0;
}

/* Fix for external link image on company logo. */
div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited,
div#companyLogo a:focus,
div#companyLogo a:hover
{
padding: 0;
}

/* Fix for external link image on linked images in content. */
a[href^="http:"]:active.noIcon,
a[href^="http:"]:link.noIcon,
a[href^="http:"]:visited.noIcon,
a[href^="http:"]:focus.noIcon,
a[href^="http:"]:hover.noIcon
{
padding: 0;
background: none;
}

/* -------------------------------------------------
main structure
------------------------------------------------- */

body
{
background: #030613 url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/body_bkgd.jpg) repeat-y center top;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Wrapper

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change wrapper_bkgd_ticker.jpg to wrapper_bkgd.jpg, & vice versa
-------------------------------------------------------------------------------------------- */
div#wrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/wrapper_bkgd_ticker.jpg) repeat-x 0 0;
}
/* END ALTER - Wrapper */

div#container
{
width: 998px;
margin: 0 auto;
text-align: left;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change block to none, & vice versa
2. color value
3. PSD changes - if, by deactivating the marquee, image changes result, 
rename the wrapper bkgd above.
-------------------------------------------------------------------------------------------- */

#MarqueeWrapper 
{
display: block;
width: 880px;
height: 50px;
padding: 0 93px 0 25px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/marquee_bkgd.jpg) no-repeat 0 0;
}

#Marquee 
{
top: 0;
left: 0;
width: 880px;
height: 50px;
overflow: hidden;
}

#Marquee span 
{
width: 880px;
height: 50px;
line-height: 50px;
font-weight: bold;
font-size: 108%;
color: #FFF;
}
/* END ALTER - Marquee */

/* -------------------------------------------------
div#header
------------------------------------------------- */

div#header
{
padding: 14px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/header_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#horizontalNav
------------------------- */

div#horizontalNav
{
width: 937px;
height: 50px;
padding: 0 30px 0 31px;
}

ul#Primary 
{
width: 937px;
height: 50px;
}

ul#Primary li
{
/* first level list items are always visible */
float: left;
display: inline;
position: relative;
width: 136px;
height: 50px;
text-align: center;
}

ul#Primary li span
{
display: none;
}

ul#Primary li#navOne
{
width: 130px;
}

ul#Primary li#navSeven
{
width: 127px;
}

ul#Primary li a:active,
ul#Primary li a:link,
ul#Primary li a:visited,
ul#Primary li a:focus,
ul#Primary li a:hover
{
display: block;
width: 100px;
height: 20px;
padding: 17px 12px 13px 24px;
line-height: 20px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 108%;
color: #065774;
overflow: hidden;
}

ul#Primary li#navOne a
{
padding: 17px 12px 13px 18px;
}

ul#Primary li#navSeven a
{
width: 85px;
padding: 17px 18px 13px 24px;
}

ul#Primary li a:focus,
ul#Primary li a:hover
{
color: #fff;
}

/* --------- ul#Primary li ul --------- */

ul#Primary li ul 
{
/* second level unordered lists appear off-page until mouseover */
position: absolute;
width: 136px;
height: auto;
top: auto;
left: -9999px;
padding: 6px 0 0 0;
margin: -6px 0 0 0;
list-style: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/dropDown.jpg) no-repeat 0 0;
overflow: hidden;
z-index: 2000;
}

ul#Primary li#navOne ul 
{
width: 130px;
}

ul#Primary li ul li
{
width: 136px;
height: auto;
}

ul#Primary li#navOne ul li
{
width: 130px;
}

ul#Primary li ul li a:active,
ul#Primary li ul li a:link,
ul#Primary li ul li a:visited,
ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
display: block;
width: 126px;
height: auto;
padding: 6px 5px;
line-height: 16px;
text-decoration: none;
text-align: center;
font-weight: normal;
font-size: 93%;
color: #fff;
background: #162e98;
}

ul#Primary li#navOne ul li a:active,
ul#Primary li#navOne ul li a:link,
ul#Primary li#navOne ul li a:visited,
ul#Primary li#navOne ul li a:focus,
ul#Primary li#navOne ul li a:hover
{
width: 120px;
padding: 6px 5px;
}

ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
color: #162e98;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/dropDown_roll.jpg) repeat-y 0 0;
}

ul#Primary li.hover ul 
{ 
/* on mouseover, move the list to it's normal position */
top: 50px;
left: 0;
}

/* -------------------------
div#Banner
------------------------- */

div#Banner
{
width: 998px;
height: 303px;
}

div#Banner img,
div#Banner object
{
display: block;
}

/* -------------------------------------------------
div#middle
------------------------------------------------- */

div#middle
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/middle_bkgd.jpg) repeat-y 0 0;
}

/* -------------------------
div#middle-colOne
------------------------- */

div#middle-colOne
{
float: left;
display: inline;
width: 669px;
padding: 16px 17px 0 38px;
}

* html div#middle-colOne
{
overflow: hidden;
}

/* ------- div#toolBoxOne --------- */

div#toolBoxOne-title-wrapper
{
padding: 0 0 18px 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/pageTitle_btm.jpg) no-repeat left bottom;
}

h2#toolBoxOne-title
{
width: 599px;
padding: 14px 20px 0 50px;
line-height: 28px;
color: #fff;
font-size: 197%;
background: #19b9f3 url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/pageTitle_top.jpg) no-repeat 0 0;
}

div#toolBoxOne-content
{
padding: 20px 3px 0 3px;
}

/* -------------------------
div#middle-colTwo
------------------------- */

div#middle-colTwo
{
float: left;
display: inline;
width: 274px;
}

/* ------- div.toolBox --------- */

* html div.toolBox
{
height: 1px;
}

h2.toolBox-title a
{
display: block;
width: 223px;
height: 28px;
line-height: 28px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 167%;
color: #fff;
overflow: hidden;
}

div.toolBox-content
{
min-height: 1px;
padding: 0 31px 10px 28px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/homeComp_bkgd.jpg) repeat-y 0 0;
}

* html div.toolBox-content
{
height: 1px;
}

/* If the home components are LINKS make sure the second class for the toolBox-content is toolBox-link */
div.toolBox-link td.vB-icontd
{
display: none;
}

div.toolBox-link a:active,
div.toolBox-link a:link,
div.toolBox-link a:visited
{
display: block;
padding: 7px 0 7px 49px;
color: #fff;
line-height: 14px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/icon_title_homeComp.gif) no-repeat 0 0;
}

div.toolBox-link a:focus,
div.toolBox-link a:hover
{
color: #ddd;
line-height: 14px;
}
/* end home component links */

/* If the home components is RSS make sure the second class for the toolBox-content is toolBox-rss */
div.toolBox-rss td.vB-icontd
{
display: none;
}

div.toolBox-rss
{
padding: 0 30px;
color: #19b9f3;
}

div.toolBox-rss a[href^="http:"]:active,
div.toolBox-rss a[href^="http:"]:link,
div.toolBox-rss a[href^="http:"]:visited,
div.toolBox-rss a[href^="http:"]:focus,
div.toolBox-rss a[href^="http:"]:hover
{
padding: 0;
color: #fff;
background: none;
}

div.toolBox-rss a[href^="http:"]:focus,
div.toolBox-rss a[href^="http:"]:hover
{
color: #19b9f3;
}
/* end home component rss */

/* If the home components is VIDEO make sure the second class for the toolBox-content is toolBox-video */
div.toolBox-video
{
padding: 0 30px;
color: #fff;
}

div.toolBox-video a:active,
div.toolBox-video a:link,
div.toolBox-video a:visited,
div.toolBox-video a:focus,
div.toolBox-video a:hover
{
color: #19b9f3;
}

div.toolBox-video a:focus,
div.toolBox-video a:hover
{
color: #19b9f3;
}

div.toolBox-video a[href^="http:"]:active,
div.toolBox-video a[href^="http:"]:link,
div.toolBox-video a[href^="http:"]:visited,
div.toolBox-video a[href^="http:"]:focus,
div.toolBox-video a[href^="http:"]:hover
{
padding: 0;
background: none;
}

div.toolBox-video img.hmCmp-vidImg
{
border-color: #000;
background-color: #FFF;
}

div.toolBox-video ul#hmCmp-video li:first-child img.hmCmp-vidImg
{
width: 204px; /* orig 272 */
height: 136px; /* orig 204 */
border-color: #000;
background-color: #FFF;
}
/* end home component video */

/* ------- div#toolBoxTwo --------- */

h2#toolBoxTwo-title a
{
padding: 27px 37px 49px 14px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/toolBoxTwo_title.jpg) no-repeat 0 0;
}

/* ------- div#toolBoxThree --------- */

h2#toolBoxThree-title a
{
padding: 31px 37px 45px 14px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/toolBoxThree_title.jpg) no-repeat 0 0;
}

/* -------------------------------------------------
div#footer
------------------------------------------------- */

div#footer
{
padding: 50px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footer_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#footerMain
------------------------- */

/* ------- div#memberBox --------- */

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default visibility to visible - othewise, change visible to hidden
-------------------------------------------------------------------------------------------- */
div#memberBox
{
float: left;
display: inline;
visibility: hidden;
width: 359px;
padding: 37px 0 0 0;
}
/* END ALTER - Member Box */

h2#memberBox-title
{
width: 258px;
height: 36px;
line-height: 36px;
padding: 0 0 0 68px;
font-weight: bold;
font-size: 227%;
color: #fff;
overflow: hidden;
}

div#memberBox form
{
width: 258px;
padding: 0 0 0 68px;
}

div.memberBox-login-info
{
height: 28px;
padding: 10px 0 9px 0;
}

p.memberBox-label
{
float: left;
display: inline;
width: 102px;
line-height: 28px;
color: #fff;
font-weight: bold;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 141px;
height: 18px;
border: 5px solid #1b39bd;
color: #FFF;
background: #070f31;
}

input.memberBox-textBox:focus
{
border: 5px solid #1b39bd;
color: #FFF;
background: #000;
}

p.memberBox-links,
div#memberBox-register
{
width: 151px;
height: 12px;
padding: 0 0 0 102px;
text-align: center;
font-size: 92%;
}

p.memberBox-links a,
div#memberBox-register a
{
color: #fff;
}

p.memberBox-links a:focus,
p.memberBox-links a:hover,
div#memberBox-register a:focus,
div#memberBox-register a:hover
{
color: #8adbf9;
text-decoration: none;
}

div#memberBox-buttons
{
width: 258px;
height: 61px;
}

div#memberBox-enterButton
{
width: 258px;
height: 61px;
padding: 5px 0;
}

button#memberBox-enter
{
display: block;
width: 258px;
height: 61px;
padding: 0;
border: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/memberBox_buttons.jpg) no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

button#memberBox-enter:focus,
button#memberBox-enter:hover
{
background-position: 0 -61px;
}

/* ----- div#toolBoxFour ----- */

div#toolBoxFour
{
float: left;
display: inline;
width: 348px;
}

h2#toolBoxFour-title a
{
display: block;
width: 258px;
height: 36px;
padding: 37px 45px 17px 45px;
line-height: 36px;
text-decoration: none;
font-weight: bold;
font-size: 227%;
color: #fff;
overflow: hidden;
}

div#toolBoxFour-image
{
width: 204px;
height: 134px;
padding: 0 0 0 72px;
}

h3#toolBoxFour-subTitle a
{
display: block;
width: 348px;
height: 30px;
padding: 23px 0 10px 0;
line-height: 30px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 182%;
color: #fff;
overflow: hidden;
}

/* ----- div#linksBox ----- */

div#linksBox
{
float: left;
display: inline;
width: 291px;
}

div#mainLink
{
padding: 87px 0 31px 0;
}

/* ----- div#backToTop ----- */

div#backToTop a
{
display: block;
width: 291px;
height: 118px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/backToTop.jpg) no-repeat 0 0;
overflow: hidden;
}

div#backToTop a:focus,
div#backToTop a:hover
{
background-position: -291px 0;
}

/* ----- div#companyBox ----- */

div#companyBox
{
width: 160px;
height: 106px;
padding: 3px;
border: 3px solid #8adbf9;
margin: 0 auto;
background: #000;
}

/* ----- div#footerIcons ----- */

div#footerIcons
{
float: left;
display: inline;
width: 220px;
height: 51px;
padding: 0 0 0 29px;
}

div#footerIcons a
{
float: left;
position: relative;
width: 44px;
height: 51px;
padding: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

a#firefox
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footerIcons.jpg) no-repeat 0 0;
}

a#firefox:focus,
a#firefox:hover
{
background-position: 0 -51px;
}

a#internetExplorer
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footerIcons.jpg) no-repeat -44px 0;
}

a#internetExplorer:focus,
a#internetExplorer:hover
{
background-position: -44px -51px;
}

a#safari
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footerIcons.jpg) no-repeat -88px 0;
}

a#safari:focus,
a#safari:hover
{
background-position: -88px -51px;
}

a#delicious
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footerIcons.jpg) no-repeat -132px 0;
}

a#delicious:focus,
a#delicious:hover
{
background-position: -132px -51px;
}

a#favorites
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/footerIcons.jpg) no-repeat -176px 0;
}

a#favorites:focus,
a#favorites:hover
{
background-position: -176px -51px;
}

/* -------------------------
div#footerInfo
------------------------- */

div#footerInfo
{
float: left;
display: inline;
width: 896px;
padding: 57px 51px 15px 51px;
text-align: center;
}

div#footerInfo p
{
line-height: 12px;
text-align: center;
color: #FFF;
}

/* ----- div#companyLogo ----- */

div#companyLogo
{
width: 110px;
height: 20px;
padding: 14px 0 0 0;
margin: 0 auto;
}

div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited
{
display: block;
width: 110px;
height: 20px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/217/2133328980/images/company_logo.gif) no-repeat 0 0;
overflow: hidden;
}

div#companyLogo a:focus,
div#companyLogo a:hover
{
background-position: -110px 0;
}