/* --------------------------------------------------------------------------------------------
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.chalkjock.com/272/2133329055/

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_272.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: #808080;
font-family: Comic Sans Ms, Trebuchet MS, Arial Black, Helvetica, Tahoma, Arial, Verdana;
}

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: #000;
}

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

a:visited
{
color: #999;
}

a:focus,
a:hover
{
color: #3163a5;
}

.contentEdit h1
{
padding: 0.75em 0.5em 0.5em 0.5em;
border: 3px solid #000;
margin: 0.2em 0;
font-size: 182%;
color: #fff;
background: #4486de url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/h1_bkgd.jpg) no-repeat 0 0;
}

.contentEdit h2
{
padding: 0.75em 0.5em 0.5em 0.5em;
border: 3px solid #000;
margin: 0.2em 0;
font-size: 182%;
color: #000;
background: #FFF url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/h2_bkgd.jpg) no-repeat 0 0;
}

.contentEdit h3
{
padding: 0.5em;
border-top: 7px solid #000;
border-left: 5px solid #000;
margin: 0.2em 0;
font-weight: normal;
font-size: 182%;
color: #fff;
background: #111;
}

.contentEdit h4
{
padding: 0.5em;
border-top: 7px solid #1f5daf;
border-left: 5px solid #1f5daf;
margin: 0.2em 0;
font-weight: normal;
font-size: 182%;
color: #FFF;
background: #256ecf;
}

.contentEdit h5
{
padding: 0.5em 0.5em 0.5em 1.75em;
margin: 0.2em 0;
font-weight: normal;
font-size: 138.5%;
color: #000;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/icon_title.gif) no-repeat 0 8px;
}

.contentEdit h6
{
padding: 0.5em 0.5em 0.5em 1.75em;
margin: 0.2em 0;
font-weight: normal;
font-size: 138.5%;
color: #FFF;
background: #256ecf url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/icon_title_roll.gif) no-repeat 0 8px;
}

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

/* To style images in content. */
.contentEdit img.imageStyle
{
border: 3px solid #000;
border-top-width: 17px;
}

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 17px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/content_externalLink.gif) no-repeat center right;
}

/* 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;
}

/* 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;
}

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

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

INSTRUCTIONS:
Make changes to the following:
1. replace default URL (272.style.chalkjock.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.saddlerockgym.com"]:active,
a[href^="http://www.saddlerockgym.com"]:link,
a[href^="http://www.saddlerockgym.com"]:visited,
a[href^="http://saddlerockgym.com"]:active,
a[href^="http://saddlerockgym.com"]:link,
a[href^="http://saddlerockgym.com"]:visited,
a[href^="http://n1media1.images1.chalkjock.com"]:active,
a[href^="http://n1media1.images1.chalkjock.com"]:link,
a[href^="http://n1media1.images1.chalkjock.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 20px 0 0;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/content_emailLink.gif) no-repeat center right;
}

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

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

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

body
{
margin: 0 0 30px 0;
background: #000;
}

/* -------------------------------------------------
div#topWrapper
------------------------------------------------- */

div#topWrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/topWrapper_bkgd.jpg) no-repeat center top;
}

div#topContainer
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/topWrapper_bkgd.jpg) no-repeat -113px 0;
}

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

h1#homeIcon
{
float: left;
display: inline;
width: 200px;
height: 57px;
}

h1#homeIcon a
{
display: block;
width: 200px;
height: 57px;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/homeIcon.jpg) no-repeat 0 0;
overflow: hidden;
}

h1#homeIcon a:focus,
h1#homeIcon a:hover
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/homeIcon.jpg) no-repeat 0 -57px;
}

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

DESCRIPTION:
Marquee

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

#MarqueeWrapper 
{
float: left;
display: inline;
width: 553px;
height: 45px;
padding: 0 0 12px 235px;
visibility: visible;
}

#Marquee 
{
position: relative;
top: 0;
left: 0;
width: 228px;
height: 40px;
overflow: hidden;
}

#Marquee span 
{
width: 553px;
height: 45px;
line-height: 45px;
font-size: 138.5%;
font-weight: bold;
color: #FFF;
}
/* END ALTER - Marquee */

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

div#Banner
{
display: block;
width: 998px;
height: 384px;
}

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

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

div#horizontalNav
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/horizontalNav_bkgd.jpg) no-repeat 0 0;
}

ul#Primary 
{
position: relative;
width: 955px;
padding: 0 0 0 22px;
z-index: 1500;
}

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

ul#Primary li span
{
display: none;
}

ul#Primary li a:active,
ul#Primary li a:link,
ul#Primary li a:visited
{
display: block;
width: 167px;
line-height: 26px;
padding: 13px 10px 13px 14px;
font-weight: bold;
font-size: 123.1%;
color: #000;
text-decoration: none;
}

* html ul#Primary li a:active,
* html ul#Primary li a:link,
* html ul#Primary li a:visited
{
height: 20px;
}

ul#Primary li a.Active 
{
color: #000;
}

ul#Primary li.hover a
{
color: #3163a5;
}

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

ul#Primary li ul 
{
/* second level unordered lists appear off-page until mouseover */
position: absolute;
width: 191px;
height: auto;
top: auto;
left: -9999px;
padding: 30px 0 0 0;
border-bottom: 3px solid #000;
margin: 0;
list-style: none;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/horizontalNav_dd_ul.jpg) no-repeat top center;
overflow: hidden;
z-index: 2000;
}

ul#Primary li ul li
{
width: 171px;
padding: 0 10px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/horizontalNav_dd_li.jpg) repeat-y top center;
}

ul#Primary li ul li.ddLast
{
padding: 0 10px 10px 10px;
}

ul#Primary li ul li a:active,
ul#Primary li ul li a:link,
ul#Primary li ul li a:visited
{
display: block;
width: 161px;
padding: 8px 5px;
text-decoration: none;
text-align: center;
line-height: 20px;
font-weight: bold;
font-size: 123.1%;
color: #000;
background: none;
}

ul#Primary li ul li a:hover 
{
color: #FFF;
background: #000;
}

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

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

div#middle
{
min-height: 1px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_bkgd.jpg) repeat-y 0 0;
}

* html div#middle
{
height: 1px;
}

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

div#middle-colOne
{
float: left;
display: inline;
width: 699px;
}

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

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

div.toolBox
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colOne_toolBox_bkgd.jpg) repeat-y 0 0;
}

h2.homeComponentBox-title,
h3.homeComponentBox-title a:active,
h3.homeComponentBox-title a:link,
h3.homeComponentBox-title a:visited,
h3.homeComponentBox-title a:focus,
h3.homeComponentBox-title a:hover
{
display: block;
width: 500px;
height: 40px;
padding: 66px 91px 47px 108px;
line-height: 40px;
text-decoration: none;
font-size: 227%;
color: #FFF;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colOne_toolBox_title.jpg) no-repeat 0 0;
overflow: hidden;
}

h2.homeComponentBox-title
{
font-size: 212%;
}

div.homeComponentBox-content
{
width: 571px;
min-height: 101px;
padding: 0 50px 65px 78px;
font-size: 14px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colOne_toolBox_bottom.jpg) no-repeat left bottom;
}

* html div.homeComponentBox-content
{
height: 101px;
}

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

div.homeComponentBox-link td.vB-itemtd
{
padding: 0;
}

div.homeComponentBox-link a
{
display: block;
line-height: 20px;
padding: 12px 0 12px 40px;
margin: 0 0 8px 0;
text-decoration: none;
font-size: 18px;
}

* html div.homeComponentBox-link a
{
height: 20px;
}

div.homeComponentBox-link a:active,
div.homeComponentBox-link a:link
{
color: #000;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/icon_title.gif) no-repeat 0 4px;
}

div.homeComponentBox-link a:visited
{
color: #808080;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/icon_title_visited.gif) no-repeat 0 4px;
}

div.homeComponentBox-link a:focus,
div.homeComponentBox-link a:hover
{
line-height: 20px;
font-size: 18px;
color: #FFF;
background: #256ecf url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/icon_title_roll.gif) no-repeat 0 4px;
}
/* end home component links */

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

div.homeComponentBox-rss
{
color: #000;
}

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

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

/* If the home components is VIDEO make sure the second class for the homeComponentBox-middle is homeComponentBox-video */
div.homeComponentBox-video
{
color: #000;
}

div.homeComponentBox-video a:active,
div.homeComponentBox-video a:link,
div.homeComponentBox-video a:visited,
div.homeComponentBox-video a:focus,
div.homeComponentBox-video a:hover
{
color: #256ecf;
}

div.homeComponentBox-video a:focus,
div.homeComponentBox-video a:hover
{
color: #000;
}

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

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

div.homeComponentBox-video ul#hmCmp-video li:first-child img.hmCmp-vidImg
{
border-color: #000;
background-color: #FFF;
}

div#toolBoxTwo-content ul#hmCmp-video li:first-child img.hmCmp-vidImg
{
width: 188px; /* orig 272 */
height: 120px; /* orig 204 */
}
/* end home component video */

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

div#middle-colTwo
{
float: right;
display: inline;
width: 299px;
}

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

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

div#toolBoxTwo
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colTwo_toolBox_bkgd.jpg) repeat-y 0 0;
}

h3#toolBoxTwo-title a
{
display: block;
width: 200px;
height: 80px;
padding: 38px 58px 30px 41px;
line-height: 40px;
text-decoration: none;
text-align: center;
font-size: 227%;
color: #FFF;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colTwo_toolBox_title.jpg) no-repeat 0 0;
overflow: hidden;
}

div#toolBoxTwo-content
{
width: 198px;
min-height: 75px;
padding: 0 60px 32px 41px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/middle_colTwo_toolBox_bottom.jpg) no-repeat left bottom;
}

* html div#toolBoxTwo-content
{
height: 75px;
}

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

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

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to block - othewise, change block to none
2. if site does not have a members area, make sure to also change "showMemberBox"
   from display inline to none
-------------------------------------------------------------------------------------------- */
div#memberBox
{
display: block;
}
/* END ALTER - Member Box */

h3#memberBox-title
{
display: block;
width: 200px;
height: 40px;
padding: 50px 58px 9px 41px;
line-height: 40px;
text-decoration: none;
text-align: center;
font-size: 227%;
color: #FFF;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/memberBox_title.jpg) no-repeat 0 0;
overflow: hidden;
}

div#memberBox form
{
width: 194px;
padding: 0 25px 20px 25px;
margin: 0 0 0 18px;
background: #000;
}

div.memberBox-login-info
{
position:relative;
width: 200px;
margin: 0 0 20px 0;
}

label.overlabel 
{
display: block;
padding: 0 0 5px 0;
text-transform: lowercase;
font-weight: bold;
color: #FFF;
}

input.memberBox-textBox
{
width: 182px;
height: 17px;
padding: 4px;
border: none;
border-top: 5px solid #CCC;
border-left: 4px solid #CCC;
font-weight: bold;
color: #000;
background: #FFF;
}

input.memberBox-textBox:focus
{
border-top: 5px solid #1f5daf;
border-left: 4px solid #1f5daf;
color: #fff;
background: #256ecf;
}

div#memberBox-buttons-enter
{
width: 194px;
height: 30px;
padding: 0 0 12px 0;
}

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

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

h4#memberBox-options-title a
{
display: block;
width: 194px;
height: 36px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

a#showOptions
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/memberBox_options.jpg) no-repeat 0 0;
}

a:focus#showOptions,
a:hover#showOptions
{
background-position: 0 -36px;
}

a#hideOptions
{
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/memberBox_options.jpg) no-repeat 0 -72px;
}

a:focus#hideOptions,
a:hover#hideOptions
{
background-position: 0 -108px;
}

div#memberBox-options p
{
padding: 16px 0 0 0;
line-height: 16px;
text-align: center;
font-size: 108%;
color: #FFF;
}

p.memberBox-options-forgot
{
width: 160px;
margin: 0 auto;
}

p#memberBox-options-register a
{
display: block;
}

div#memberBox-options p span
{
text-transform: uppercase;
}

div#memberBox-options p a
{
color: #70aaf8;
}

div#memberBox-options p a:focus,
div#memberBox-options p a:hover
{
color: #FFF;
}

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

div#companyBox
{
width: 160px;
height: 106px;
padding: 95px 78px 73px 61px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

div#companyBox a
{
display: block;
width: 160px;
height: 106px;
text-decoration: none;
overflow: hidden;
}

/* -------------------------------------------------
div#bottomWrapper
------------------------------------------------- */

div#bottomWrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/bottomWrapper_bkgd.jpg) no-repeat center top;
}

div#bottomContainer
{
width: 923px;
height: 75px;
padding: 49px 0 23px 75px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/bottomWrapper_bkgd.jpg) no-repeat -113px 0;
}

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

div#footerInfo
{
float: left;
display: inline;
width: 571px;
padding: 0 105px 0 0;
}

div#footerInfo p
{
height: 40px;
line-height: 20px;
padding: 0 0 6px 0;
text-align: center;
font-size: 108%;
color: #FFF;
}

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

div#footerIcons
{
width: 220px;
height: 29px;
margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

div#companyLogo
{
float: left;
display: inline;
width: 177px;
height: 44px;
}

div#companyLogo a
{
display: block;
width: 177px;
height: 44px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/272/2133329055/images/company_logo.jpg) no-repeat 0 0;
overflow: hidden;
}

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