/* *********************************************************************************** *\
*																						*
*		see jojo.css for more information.	                             				*
*		This stylesheet contains additional styles for the JojoPopupMasterPage			*
*		                                                                                *   
*       The colors are:																	*
*		gray      = #bcc0c3																*
*		black     = #262213																*
*		blue      = #0079bc																*
*		orange    = #f39900																*
*		magenta   = #e2007a																*
*		green     = #97be0d																*
*		turquoise =	#00989a																*
*		brown	  = #9c4a0e                                                             *
*                                                                                       *
*       These are the color combinations:                                               *
*                                                                                       *       
*                  GRAY   BLACK   BLUE   ORANGE   MAGENTA   GREEN   TURQUOISE   BROWN   *
*       BACKGROUND turq.  blue    blue   orange   magenta   green   turq.       brown   *
*       FRAME      green  magenta green  turq.    blue      turq.   magenta     turq.   *
*                                                                                       *
*                                                                                       *
*                                                                                       *
*																						*
*																						*
\* *********************************************************************************** */

/* Footer & Header */

.texttoimg
{
	display: block;
	text-indent: -200em;
	background-repeat: no-repeat;
	background-position: center center;
}

.jojo .logo
{
	width: 122px;
	height: 51px;
	overflow: hidden;
}
/*********************************/
/* Jojo logo colors */

.jojo-gray .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-gray.gif);
}
.jojo-black .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-black.gif);
}
.jojo-blue .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-blue.gif);
}
.jojo-orange .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-orange.gif);
}
.jojo-magenta .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-magenta.gif);
}
.jojo-green .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-green.gif);
}
.jojo-turquoise .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-turquoise.gif);
}
.jojo-brown .logo
{
	background-image: url(/images/Jojo/popup_jojo_logo-brown.gif);
}


a.regionskane
{
	width: 25px;
	float: left;
	height: 25px;
}
/*********************************/
/* Jojo regionskane logo colors */

.jojo-gray a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-gray.gif);
}
.jojo-black a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-black.gif);
}
.jojo-blue a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-blue.gif);
}
.jojo-orange a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-orange.gif);
}
.jojo-magenta a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-magenta.gif);
}
.jojo-green a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-green.gif);
}
.jojo-turquoise a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-turquoise.gif);
}
.jojo-brown a.regionskane
{
	background-image: url(/images/Jojo/popup_skane_logo-brown.gif);
}


a.skanetrafiken
{
	width: 105px;
	float: right;
	height: 25px;
}
/*********************************/
/* Jojo skanetrafiken logo colors */

.jojo-gray a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-gray.gif);
}
.jojo-black a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-black.gif);
}
.jojo-blue a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-blue.gif);
}
.jojo-orange a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-orange.gif);
}
.jojo-magenta a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-magenta.gif);
}
.jojo-green a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-green.gif);
}
.jojo-turquoise a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-turquoise.gif);
}
.jojo-brown a.skanetrafiken
{
	background-image: url(/images/Jojo/popup_skanetrafiken_logo-brown.gif);
}


div.popuptop, div.popupfooter
{
	background-color: Transparent;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: auto;
	height: auto;
}

div.popupfooter
{
	padding-bottom: 3px;
	height: 25px;
	padding-top: 0em;
}

.logo, a.regionskane
{
	margin-left: 7px;
}

a.skanetrafiken
{
	margin-right:7px;
}

/* end Footer & Header */

div.popup-main-area
{
	background-color: White;
}

.popup-mainareadiv, #noteRegionContainer
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*padding: 0.5em 1em;*/
}
/*********************************/
/* Popup outer background color */
body.jojo-gray,
body.jojo-black,
body.jojo-blue,
body.jojo-orange,
body.jojo-magenta,
body.jojo-green,
body.jojo-turquoise,
body.jojo-brown
{
	background-color: #AAAAAA; /* st grey */
}
/*********************************/
/* Popup Panel colors */

body.jojo-gray .panelpopup
{
	background-color: #bcc0c3; /* gray */
}body.jojo-black .panelpopup
{
	background-color: #262213; /* black */
}
body.jojo-blue .panelpopup
{
	background-color: #0079bc; /* blue */
}
body.jojo-orange .panelpopup
{
	background-color: #f39900; /* orange */
}
body.jojo-magenta .panelpopup
{
	background-color: #e2007a; /* magenta */
}
body.jojo-green .panelpopup
{
	background-color: #97be0d; /* green */
}
body.jojo-turquoise .panelpopup
{
	background-color: #00989a; /* turquoise */
}
body.jojo-brown .panelpopup
{
	background-color: #9c4a0e; /* brown */
}
/*********************************/
/* Top corners */
.jojo .panelpopup .topcorners
{
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 12px;
}
	.jojo .panelpopup .topcorners div
	{
		background-position: top left;
		background-repeat: no-repeat;
		height: 100%;
		width: 50%
	}
/*********************************/
/* Top corners colors*/

.jojo-gray .panelpopup .topcorners,
.jojo-gray .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-gray.gif);
}
.jojo-black .panelpopup .topcorners,
.jojo-black .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-black.gif);
}
.jojo-blue .panelpopup .topcorners,
.jojo-blue .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-blue.gif);
}
.jojo-orange .panelpopup .topcorners,
.jojo-orange .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-orange.gif);
}
.jojo-magenta .panelpopup .topcorners,
.jojo-magenta .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-magenta.gif);
}
.jojo-green .panelpopup .topcorners,
.jojo-green .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-green.gif);
}
.jojo-turquoise .panelpopup .topcorners,
.jojo-turquoise .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-turquoise.gif);
}
.jojo-brown .panelpopup .topcorners,
.jojo-brown .panelpopup .topcorners div
{
	background-image: url(/images/Jojo/popup_top-brown.gif);
}

/*********************************/
/* Bottom corners */
.jojo .panelpopup .bottomcorners
{
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 100%;
	height: 12px;
}
	.jojo .panelpopup .bottomcorners div
	{
		background-position: bottom left;
		background-repeat: no-repeat;
		height: 100%;
		width: 50%
	}
/*********************************/
/* Bottom corners colors*/

.jojo-gray .panelpopup .bottomcorners,
.jojo-gray .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-gray.gif);
}
.jojo-black .panelpopup .bottomcorners,
.jojo-black .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-black.gif);
}
.jojo-blue .panelpopup .bottomcorners,
.jojo-blue .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-blue.gif);
}
.jojo-orange .panelpopup .bottomcorners,
.jojo-orange .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-orange.gif);
}
.jojo-magenta .panelpopup .bottomcorners,
.jojo-magenta .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-magenta.gif);
}
.jojo-green .panelpopup .bottomcorners,
.jojo-green .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-green.gif);
}
.jojo-turquoise .panelpopup .bottomcorners,
.jojo-turquoise .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-turquoise.gif);
}
.jojo-brown .panelpopup .bottomcorners,
.jojo-brown .panelpopup .bottomcorners div
{
	background-image: url(/images/Jojo/popup_bottom-brown.gif);
}