/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 /* SEB Mods to this script *****
 * This will eventually be appended to TSv4-102.css in SP2010
 * All references will have to be noted and flagged for changes
 * when packed into a WSP for wpNivoSlider
 * Mods made by: CJ Raymond -IETD/SEB
 * Date of last revision: 16 Dec 2011
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6; /* 1 */
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	/*z-index:5;  *** commented out since this seemes to fix the menu z-index bug (-5) */
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5; /* -5 */
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	font-weight: normal !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9; /* 2 */
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:2;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Importing stuff from the default.css style to make this a bit easier */

theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav { 
	/* Consider creating an override class just for
	margin-left to count the number of items in the list
	map it to the number of bullets? */
	position:absolute;
	/*left:47.5%;* --- REMOVED 12/14 to enable universal centering (CJR)*/
	width:100%; /* --- ADDED 12/14 to enable universal centering: sets width as a preq. for centering (CJR)*/
	text-align:center; /*--- ADDED 12/14 to enable universal centering. This is actually a text object with an image over it laid in by the jQuery (CJR)*/
	bottom:-42px; 

}
.theme-default .nivo-controlNav a {
	display: inline-block; /* --- CHANGED 12/14 from "block" to "inline-block" to enable universal centering (CJR) */
	width:22px;
	height:22px;
	background:url(wpBullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	/*float:left; --- REMOVED 12/14 to enable universal centering (CJR)*/
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}

.theme-default .nivo-caption p {
    color:#b2b4b3 !important;
    border-bottom: none !important;
    text-decoration: none !important;
    font-size: 12pt;
}

.theme-default .nivo-caption a {
    color:#b2b4b3 !important;
    border-bottom: none !important;
    text-decoration: underline !important;
}

.theme-default .nivo-caption a:hover {
    color:#fff;
    border-bottom: none !important;
    text-decoration: underline !important;
}

/* This normally lives in the body of the doc */
.nivoSlider 
{
    /* IMPORTANT MODS COMING! 
    - Find a way to hard code this with an option to set a fixed height and width
      using the EditorPart -- DONE 20 DEC
    - Remove the hard-coded width in the centering options in the EditorPart -- DONE 20 Dec 2011 (CJR) */
    position:relative;
    /*width:720px !important;  Change this to your images width -- HIDDEN on 16 Dec 2011 (CJR) */
    /*height:406px !important;  Change this to your images height -- HIDDEN on 16 Dec 2011 (CJR)  */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}