/*================================================================



	BLIS WEB AGENCY "WIDGET" STYLESHEET

	

	The purpose of stylesheet is provide layout and formatting

	for all enhancements and widgets.

	

	RULES:

	1. WIDGET AND ENHANCEMENT FORMAT ONLY

	2. AVOID HACKS

	3. ALL PATHS TO BE ABSOLUTE (/images/...)

	

	CONTENTS:

	- AUTO FORM

	- BREAD CRUMBS

	- FONT SIZE CHANGER

	- GALLERY

	- IMGTXT

	- NAVIGATION

	- NEWS

	- SEARCH

	- SHOP

	- SITEMAP

	- SUBSCRIPTION TOOL



================================================================*/



/* AUTO FORM

----------------------------------------------------------------*/



/* BREAD CRUMBS

----------------------------------------------------------------*/

    

/* CUSTOM SCROLL

----------------------------------------------------------------*/





/* DRAG

----------------------------------------------------------------*/

.drag {

	position: absolute;

	width: 150px;

	height: 150px;

	background-color: #EEEEEE;

	border: 1px solid #666666;

	padding: 5px;

	z-index: 999;

	}



.handle {

	position: relative;

	background-color: #CCCCCC;

	border: 1px solid #333333;

	padding: 2px;

	cursor: move;

	}

.resize {

	position: absolute;

	bottom: 0px;

	right: 0px;

	height: 10px;

	width: 10px;

	background-color: #CCCCCC;

	cursor: se-resize;

	}



/* FONT SIZE CHANGER

----------------------------------------------------------------*/



/* FOOTER TEXT

----------------------------------------------------------------*/



/* GALLERY

----------------------------------------------------------------*/

/* GALLERY

----------------------------------------------------------------*/

    

    .gallery .thumbs

    {

        /* THUMBNAILS */

        border: 1px solid #000;

        padding-left: 0;

        margin: 2px;

        display: block;

	overflow: hidden;

	float: left;

    }

    

    #id_index .gallery .thumbcontainer {

        height: 75px; overflow: hidden;

    }



    .gallery #lg

    {

        /* LARGE IMAGE */

        border: 1px solid #000;

        float: right;

    }

    

    .gallery #lgtxt

    {

        /* IMAGE COMMENT */

        font-size: 10px;

        font-family: verdana, sans-serif;

        width: 260px;

        display: block;

        float: right;

        padding: 4px;

        height: 20px;

        overflow: hidden;

    }

    

    .gallery #lgtb

    {

        /* IMAGE TOOLBAR (view large version) */

        font-size: 10px;

        text-transform: uppercase;

        font-family: verdana, sans-serif;

        display: block;

        width: 200px;

        margin-top: 8px;

        float: right;

        

        /* FORMAT FOR ICON */

        text-indent: 20px;

        background: url(/images/stock/new_window_3.gif) 0 0 no-repeat;

        height: 14px;

        padding-top: 2px;

    }

    

    .gallery .description 

    {

		font: bold 8pt tahoma, arial;

		text-align:center;

		color:Black;

		text-decoration:none;

	}

    

    .gallery .credits

    {

        display: none;

    }

    

    .gallery .lrgtext

	{

		float: left;

		padding-right: 9px;

	}

	

	/* EXIF INFORMATION */

	.gallery .table_exif{

		font: 8pt tahoma, arial;

		color:#757575;

		text-decoration:none;

		border: 1px solid #B5B5B5;

	   text-align:left;

	}

	

	.gallery .thumbcontainer

	{

		display: block;

		float: left;

	}

	

	.gallery .imgnav

	{	display:none;

		clear: both;

		text-align: left;

		padding-top: 0;

		margin-top: -16px;

	}

	

	.gallery .imgnav p

	{	display:none;

		text-align: left;

		width: 400px;

	}



/* IMGTXT

----------------------------------------------------------------*/



    .imgtxt

    {

		text-indent: -9999px;

		display: block;

		background-repeat: no-repeat;

		padding:0;

		margin:0;        

    }





/* MOOBOX

----------------------------------------------------------------*/

	#imgGallery{

		position: absolute;

		top: 40px;

		left: 0;

		width: 100%;

		z-index: 100;

		text-align: center;

		line-height: 0;

	}



	#overlay

	{

		position: absolute;

		top: 0;

		left: 0;

		z-index: 90;

		width: 100%;

		height: 100%;

		background-color: #000;

		filter:alpha(opacity=60);

		-moz-opacity: 0.6;

		opacity: 0.6;

	}

	

	#imageContainer{

		position: relative;

		background-color: #fff;

		width: 250px;

		height: 250px;

		margin: 0 auto;

		padding:10px;

	}



/* NAVIGATION

----------------------------------------------------------------*/

    

    .navigation

    {

        /* */

    }

    

    .navigation dl

    {

        width: 765px;

        margin: 0 auto !important;

        margin: 0;

        padding: auto !important;

        padding: 0;

        border-bottom: 1px solid #CCC;

        height: 1px;

        padding-bottom: 28px !important;

        padding-bottom: 0;        

        display: block;

        border-top: 1px solid #CCC;

    }

    

    .navigation dd

    {

        float: left;

        margin: 0;

        padding: 0;

        padding-right: 4px;

        width: 102px;

    }

    

    .navigation a

    {

        cursor: pointer;

    }

    

    .navigation .selected

    {

        text-decoration: underline;

    }

    

    .navigation em

    {

        display: none;

    }



/* NEWS

----------------------------------------------------------------*/



/* POSITION ITEM

---------------------------------------------------------------*/



    .positioneddiv

    {

        margin: 0;

        padding: 0;

        width: 100%;

        height: 1px;

        position: absolute;

        left: 0;

        display: block;

        visibility: hidden;        

    }

    

    .positioneddiv .posblock1

    {

        margin: 0 auto;

        padding: 0;

        width: 760px;

        height: 1px;

        display: block;

        visibility: hidden;

    }

    

    .positioneddiv .posblock1 .posblock2

    {

        display: block;

        visibility: visible;

        padding-left: 3px !important;

        margin: 0;

        padding: 0; 

    }



/* PRINT PAGE

----------------------------------------------------------------*/



/* SEARCH

----------------------------------------------------------------*/



/* SHOP - SEE SHOP.CSS

----------------------------------------------------------------*/



/* SITEMAP

----------------------------------------------------------------*/



/* SLIMBOX

----------------------------------------------------------------*/



	#lbOverlay {

		position: absolute;

		left: 0;

		width: 100%;

		background-color: #000;

		cursor: pointer;

		z-index: 1000;

	}

	

	#lbCenter, #lbBottom {

		position: absolute;

		left: 50%;

		overflow: hidden;

		background-color: #fff;

		z-index: 1001;

	}

	

	.lbLoading {

		background: #fff url(/images/stock/loading.gif) no-repeat center;

		z-index: 1001;

	}

	

	#lbImage {

		border: 10px solid #fff;

		z-index: 1001;

	}

	

	#lbPrevLink, #lbNextLink {

		display: block;

		position: absolute;

		top: 0;

		width: 50%;

		z-index: 1001;

		outline: none;

	}

	

	#lbPrevLink {

		left: 0;

		z-index: 1001;

	}

	

	#lbPrevLink:hover {

		background: transparent url(/images/stock/prevlabel.gif) no-repeat 0% 15%;

		z-index: 1001;

	}

	

	#lbNextLink {

		right: 0;

		z-index: 1001;

	}

	

	#lbNextLink:hover {

		background: transparent url(/images/stock/nextlabel.gif) no-repeat 100% 15%;

		z-index: 1001;

	}

	

	#lbBottom {

		font-family: Verdana, Helvetica, sans-serif;

		font-size: 10px;

		color: #666;

		line-height: 1.4em;

		text-align: left;

		border: 10px solid #fff;

		border-top-style: none;

		z-index: 1001;

	}

	

	#lbCloseLink {

		display: block;

		float: right;

		width: 66px;

		height: 22px;

		background: transparent url(/images/stock/closelabel.gif) no-repeat center;

		margin: 5px 0;

		z-index: 1001;

	}

	

	#lbCaption, #lbNumber {

		margin-right: 71px;

		z-index: 1001;

	}

	

	#lbCaption {

		font-weight: bold;

		z-index: 1001;

	}



/* STRETCH TOOL

----------------------------------------------------------------*/

    

    .stretch {

        cursor: pointer;

        font-size: 11px;

        display: block;

        padding-bottom: 6px;

        color: #990000;

    }

    

    .stretch img {

        margin-right: 4px;

    }



/* SUBSCRIPTION TOOL

----------------------------------------------------------------*/



/* TOOLTIPS

----------------------------------------------------------------*/



	.tooltip {

		width: 200px;

		color: #000;

		text-align: center;

	}

	

	.tooltip h4 {

		color: #000;

		font-weight: bold;

		text-shadow: 2px 2px 1px #222;

		margin: 0;

		padding: 13px 10px 5px;

		background: url(/images/stock/balloon.png) top left no-repeat !important;

		background: url(/images/stock/balloon.gif) top left no-repeat;

		font-size: 11px;

	}



	.tooltip p {

		margin: 0;

		padding: 0 10px 15px;

		text-shadow: 2px 2px 1px #222;

		background: url(/images/stock/balloon.png) bottom left no-repeat !important;

		background: url(/images/stock/balloon.gif) bottom left no-repeat;

		font-size: 10px;

		color: #000;

		font-size: 11px;

		font-family: verdana, sans-serif;

	}