@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800,800&subset=latin,latin-ext);
	body { background: #fff; color: #2a2a2a; font-family: 'Open Sans',sans-serif; font-weight: 400; font-size: 0.875em; }
	table { font-family: 'Open Sans',sans-serif; font-weight: 400; font-size: 0.875em; }

	*
	{
		margin: 0;
		padding: 0;
	}

	BODY
	{
        text-align:center;
    }

	A
	{
		color: #fff;
        outline: none;
    }

    A:hover
    {
        outline: none;
    }

    .tr
	{
		text-align: right !important;
	}
	
	.w100p
	{
		width: 100%;
	}

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

    #container {
        width: 960px;
        margin: 0 auto;
        text-align: left;
        position: relative;
    }
    #header {
        width:100%;
        height:72px;
        background: #1f1f1f url(../img/pim/logo-runczech.png?v=2) no-repeat right center;
	border-bottom: 1px solid #be0046;
    }
	#footer {
		height:60px;
	}
    #content {
        width:100%;
        height:670px;
    }
    #map_wrapper {
        position:relative;
        left:290px;
	top:4px;
        width:670px;
        height:670px;
        border:1px solid black;
        background-color: white;
    }
    #map {
        width:100%;
        height:100%;
	position: absolute;
	left:0;
	top:0;
    }
	#streetview_wrapper {
		z-index:100;
		position:absolute;
		right: 10px;
		top: 110px;
		width:300px;
		height:340px;
	}
	#streetview_notfound_wrapper {
		z-index:90;
		position:absolute;
		right: 10px;
		top: 110px;
		width:300px;
		height:340px;
		overflow:hidden;
		background: url(../img/streetview-notfound.png?v=2) no-repeat center center;
		border: 1px solid #be0046;
		text-align: center;
	}
	#streetview_notfound_wrapper_tx {
		position: relative;
		display: block;
		color: #888;
		top: 240px;
		padding: 10px;
	}
	#map_info {
		z-index:100;
		position:absolute;
		left: 390px;
		top: 90px;
		width: 400px;
		padding: 3px;
		border: 1px solid #be0046;
		background-color: #323232;
		color: #fff;
	}
	#map_info table, #map_info tr, #map_info td {
		border: none;
		color: #fff;
	}
	#map_info th, #map_info td {
		font-size: 80%;
	}
	#map_info th {
		padding-right: 6px;
	}
	#map_info img {
		max-width: 32px;
		max-height: 32px;
	}
	#map_info_content {
		float: left;
	}
	#map_info_close {
		float: right;
		width: 10px;
		height: 10px;
		background: url(../img/cl.gif?v=2) no-repeat right center;
		cursor: pointer;
	}

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

    UL.lang
    {
        zoom: 1;
        overflow: hidden;
        list-style: none;
	padding-left: 20px;
    }

        UL.lang LI
        {
            display: block;
            float: left;
            zoom: 1;
        }

            UL.lang LI SPAN
            {
                display: block;
                width: 28px;
                height: 26px;
                text-align: center;
                font-weight: 600;
                padding-top: 10px;
            }

            UL.lang LI SPAN A, UL.lang LI SPAN A:hover {
                text-decoration: none;
                color: #ccc;
            }

            UL.lang LI .selected,UL.lang LI SPAN.selected A, UL.lang LI SPAN.selected A:hover {
                color: #fff;
            }

    #header H1 {
        color: #fff;
        margin-left: 290px;
        margin-top: -20px;
        font-size: large;
    }

    #header H2 {
        color: #fff;
        margin-left: 290px;
        margin-top: 0px;
        font-size: larger;
	font-weight: 400;
    }

    #header H2 a {
        color: #fff;
        font-size: x-small;
    }
    
    #footer {
        color: #2a2a2a;
        font-size: smaller;
        padding: 10px 0 0 20px;
        margin-top: 5px;
    }
    #footer a {
        color: #2a2a2a;
    }

    #pim_help {
        color: #ccc;
        font-size: small;
	padding: 8px;
    }

    #pim_help H2 {
        font-size: small;
        margin: 0 0 4px 0;
    }

    #pim_help li {
        margin-left: 20px;
    }

    /* -------------------------------------------------------------------------------------------------------------- */
	
	#tab-control
	{
		width: 285px;
		overflow: hidden;
        	float:left;
		background-color: #323232;
		color: #fff;
	}
	
	UL.tab
	{
		zoom: 1;
		overflow: hidden;
		list-style: none;
	}
	
		UL.tab LI
		{
			display: block;
			float: left;
			zoom: 1;
			margin-right: 0.2em;
			color: #ccc;
			border-top: 2px solid #323232;
		}
			UL.tab LI SPAN
			{
				display: block;
			}
			UL.tab LI .r
			{
		                padding: 0.2em 1em;
			}

            UL.tab LI .rc
            {
                padding: 0.2em 0.5em 0.2em 1em;
            }

            UL.tab LI .cl
            {
                display: inline-block;
                margin-left: 0.5em;
                width: 10px;
                height: 10px;
                background: url(../img/cl.gif?v=2) no-repeat right center;
            }

            UL.tab A
			{
				text-decoration: none;
				color: #ccc;
			}
			
			UL.tab LI.active
			{
				background-color: #323232;
				border-top: 2px solid #be0046;
			}

				UL.tab LI.active A
				{
					color: #fff;
				}
			
	.tab-content
	{
		background: #323232 url(../img/g.gif?v=2) repeat-x left top;
		border: 1px solid #323232;
		padding-top: 3px;
	}
	
		.tab-content-scroller
		{
			height: 586px;
			overflow: auto;
		}
	
    /*
        Controls
    */
		.controls
		{
			padding-bottom: 0.5em;
            margin: 0;
        }
            .controls TABLE
            {
                width: 100%;
                border-collapse: collapse;
            }
            .controls TABLE TH,
            .controls TABLE TD
            {
                padding: 0.2em 0.5em;
                vertical-align: middle;
                background-color: #323232;
            }
            .controls TH
            {
                width: 60%;
                text-align: left;
                font-weight: normal;
                padding-right: 0.1em;
            }

            .controls TD
            {
                width: 40%;
                text-align: left;
                font-weight: bold;
                color: #888;
                padding-left: 0.1em;
            }
            .controls TD SPAN.time
            {
                color: #fff;
            }
            .controls A
            {
                display: block;
                width:25px;
                height:25px;
                overflow:hidden;
                float:left;
                background:url(../img/ctrls.png?v=2) left 0 no-repeat;
                margin:3px 7px 3px 0;
                text-indent:1000px;
                color: #fff;
                text-decoration: none;
            }
            .controls A:hover { cursor: pointer; }
            .controls A.stop { background-position:-25px 0; }
            .controls A.reset { background-position:-50px 0; }
            .controls A.play:hover { background-position:0 -25px; }
            .controls A.stop:hover { background-position:-25px -25px; }
            .controls A.reset:hover { background-position:-50px -25px; }
            .controls A.x10, .controls A.x10p
            {
				text-align: center;
				height:21px;
				background-position:-75px 0;
                text-indent:0;
				padding: 2px 0 0 0;
            }
            .controls A.x120, .controls A.x120p
            {
				text-align: center;
                width:36px;
				height:21px;
                background-position:-105px 0;
                text-indent:0;
				padding: 2px 0 0 0;
            }
            .controls A.x10:hover, .controls A.x10p  { background-position:-75px -25px; }
            .controls A.x120:hover, .controls A.x120p { background-position:-105px -25px; }
			.controls A.sv_header, .controls A.sv_header_p
			{
				display: block;
				width:15px;
				height:25px;
				overflow:hidden;
				float:left;
				background:url(../img/ctrls.png?v=2) -265px 0 no-repeat;
				margin:0 7px 3px 0;
				color: #fff;
				text-decoration: none;
			}
			.controls A.sv_header:hover { background-position:-265px -25px; }
			.controls A.sv_header_p { background-position:-250px 0; }
			.controls A.sv_header_p:hover { background-position:-250px -25px; }
    /*
        Runner
    */
		.runner
		{
			padding-bottom: 0.5em;
		}
			.runner H2
			{
				background: #1f1f1f;
				color: #fff;
				font-size: 1em;
				font-weight: 400;
			}
            .runner H2.na
            {
                color: #fff;
                display: block;
                padding: 0.5em 1em;
                text-decoration: none;
                vertical-align: middle;
            }
                .runner H2.na IMG
                {
                    vertical-align: middle;
                }
                .runner H2 A
				{
					color: #fff;
					display: block;
                    padding: 0.5em 1em;
					text-decoration: none;
                    vertical-align: middle;
                }
                .runner H2 A:hover
                {
                    background: #323232; 
                    color: #fff;
                }
                .runner H2 A SPAN
                {
                    display: none;
                }
                .runner H2 A:hover SPAN
                {
                    display: inline;
                }
                    .runner H2 A IMG
                    {
                        border: none;
                        vertical-align: middle;
                    }

			.runner TABLE
			{
				width: 100%;
				border-collapse: collapse;
			}
			
			.runner TABLE TH,
			.runner TABLE TD
			{
				padding: 0.2em 0.5em;
				vertical-align: bottom;
			}

            .runner TABLE TBODY.r TH,
            .runner TABLE TBODY.r TD,
			.runner TABLE TBODY.rc TD
			{
				background-color: #323232;
			}

            .runner TH
			{
				width: 30%;
				text-align: right;
				font-weight: normal;
				color: #888;
				padding-right: 0.1em;
			}
			
			.runner TD
			{
				text-align: left;
				vertical-align: middle;
				font-weight: normal;
				color: #fff;
				padding-left: 0.1em;
			}

            .runner TABLE TBODY.r TD
            {
                width: 70%;
            }

			.runner TABLE TBODY.rc TD
			{
				width: 45%;
			}
			.runner TABLE TBODY.rc TD.numcol
			{
				width: 25%;
			}

            .runner .c {
                text-align: right;
                float: right;
            }
            .runner .c A
            {
                display: block;
                width:14px;
                height:11px;
                overflow:hidden;
                float:left;
                background:url(../img/ctrls.png?v=2) -150px 0 no-repeat;
                margin:10px 7px 3px 0;
                text-indent:1000px;
                color: #fff;
                text-decoration: none;
            }
            .runner .c A.delete { background-position:-178px 0; }
            .runner .c A.detail { background-position:-164px 0; }
            .runner .c A.nodetail { background-position:-192px 0; }
            .runner .c A.watching { background-position:-206px 0; }
            .runner .c A.watch:hover { background-position:-150px -25px; }
            .runner .c A.delete:hover { background-position:-178px -25px; }
            .runner .c A.detail:hover { background-position:-164px -25px; }
            .runner .c A.nodetail:hover { background-position:-192px -25px; }
            .runner .c A.watching:hover { background-position:-206px -25px; }
			.runner .c A.streetview,
			.runner .c A.streetviewing {
				display: none;
				margin:0 7px 0 0;
				width:15px;
				height:25px;
				background-position: -220px 0; }
			}
			.runner .c A.streetview:hover {	background-position: -220px -25px; }
			.runner .c A.streetviewing { background-position: -235px 0; }
			.runner .c A.streetviewing:hover { background-position: -235px -25px;	}

            .runner TD.times
			{
				color: #ccc;
			}
			
				.runner TD.times STRONG
				{
					color: #000;
					font-weight: normal;
				}
				
				.runner TR.today TH
				{
					color: #000;
					/* background-color: #ffc; */
				}

		SPAN.runner
		{
			display: block;
			padding: 0.5em 0em;
			border-bottom: 1px solid #be0046;
		}
			SPAN.runner SELECT
			{
				width: 100%;
			}

            SPAN.runner INPUT#pim_search_what
            {
                width: 67%;
            }

            SPAN.runner INPUT#pim_search_do
            {
                width: 30%;
            }

            SPAN.runner INPUT#pim_search_all
            {
                width: 17%;
            }

    .bubblerunner {
        width: 300px;
    }

/*---------------------------------------*/
	.cleaner { clear: both; }