﻿
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img
{
    border: none;
}
#lightbox-container-image-box
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image
{
    padding: 10px;
}
#lightbox-loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
    left: 0;
}
#lightbox-nav a
{
    outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev
{
    left: 0;
    float: left;
}
#lightbox-nav-btnNext
{
    right: 0;
    float: right;
}
#lightbox-container-image-data-box
{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data
{
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details
{
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption
{
    font-weight: bold;
}
#lightbox-image-details-currentNumber
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

/*
html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}
#lightbox, #lightbox-overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    z-index: 100;
    width: 100%;
    height: auto;
    text-align: center;
    color: #333;
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    line-height: 0;
    text-decoration: none;
    background: none;
    word-spacing: normal;
    letter-spacing: normal;
    float: none;
    clear: none;
    display: block;
}
#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover
{
    text-decoration: underline;
    color: #999;
}
#lightbox-overlay
{
    z-index: 90;
    background-color: #000;
    height: 100%;
    position: fixed;
}
#lightbox-overlay-text
{
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
    color: white;
    font-size: 12px;
    cursor: default;
    line-height: normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link
{
    color: white;
}
#lightbox-overlay-text span
{
    padding-left: 5px;
    padding-right: 5px;
}
#lightbox img, #lightbox a img, #lightbox a
{
    border: none;
    outline: none;
}
#lightbox-imageBox
{
    position: relative;
    border: 1px solid black; ;background-color:white;width:400px;height:400px;margin:0auto}
#lightbox-imageContainer
{
    padding: 1px;
}
#lightbox-loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    display: block;
    width: 49%;
    height: 100%;
    background: transparent url("../images/blank.gif") no-repeat;
    zoom: 1;
    padding: 0px;
    margin: 0px;
}
#lightbox-nav-btnPrev
{
    left: 0;
    right: auto;
    float: left;
}
#lightbox-nav-btnNext
{
    left: auto;
    right: 0;
    float: right;
}
#lightbox-infoBox
{
    font: 10px Verdana,Helvetica,sans-serif;
    background-color: #FFF;
    margin: 0 auto;
    padding: 0px;
}
#lightbox-infoContainer
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666;
    line-height: normal;
}
#lightbox-infoHeader
{
    width: 100%;
    text-align: center;
}
#lightbox-caption
{
    text-align: justify;
}
#lightbox-caption-title
{
    font-weight: bold;
}
#lightbox-caption-description
{
    font-weight: normal;
}
#lightbox-infoFooter
{
    margin-top: 3px;
    color: #999;
}
#lightbox-currentNumber
{
    display: block;
    width: 49%;
    float: left;
    text-align: left;
}
#lightbox-close
{
    display: block;
    width: 45%;
    float: right;
    text-align: right;
}
#lightbox-close-button
{
    padding-left: 30%;
}
#lightbox-close-button:hover
{
    color: #666;
}
#lightbox-infoContainer-clear
{
    clear: both;
    visibility: hidden;
}
*/


/* CALENDAR */



table.jCalendar {
	border: 1px solid #000;
	background: #fff;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #487CB2;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 120px;
	float: left;
}

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border: 1px #000 solid;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* BASIC */

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:300px; width:350px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url('/site/images/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}


/* Accordion */ 
