/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	.panel,
    .graph-panel
	{
		min-height: 325px;
		border-radius: 10px;
		margin: 10px 0 20px 10px;
		padding: 0 0 0 0;
	}


    .home-page .panel
	{
		min-height: 200px;
        padding:0px 10px;
	}

        .home-page .panel:hover
        {
            border: 1px solid rgba(255, 0, 0, 0.4);
        }

.home-page a:hover 
{
    text-decoration:none !important;
}
	
	.panel h1, h2, h3, p
	{
		padding: 10px;
	}
	
	.panel h1
	{
		margin-bottom: 20px;
		line-height: 1.2em;
	}
	
	/* For results search criteria */
	.panel h1 span
	{
        padding-left:5px;
	}


	a.hide
	{
		color: rgba(255, 255, 255, 0.05)!important;
	}
	
	
	.date h1
	{
		font-weight: normal!important;
		font-size: 1.2em!important;
		padding: 20px 0 20px 0;
		margin: 0 0 0 0;
	}

	.date h1 sup
	{
		font-size: 0.5em!important;		
	}
	
	.panel-options
	{
		margin-top:40px;
		border-top: 1px solid rgba(255, 255, 255, 0.4);
	}
	
	.panel-options h2
	{
		padding: 10px 0 0 10px;
	}
	
	
	input[type="textarea"], input[type="text"], input[type="password"], input[type="search"], span.input, textarea
	{
		width:100%;
		padding: 10px;
		border-radius:5px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
	}
	
	::-webkit-input-placeholder /* For webkit browsers (ie Mobile Safari), style the HTML5 placeholder text */
	{
    color: #666;
  }
	
	select
	{
		width:90%;
		padding: 10px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;
		background-repeat: no-repeat;
		background-position: 95% 18px;
        border-radius:5px;
        line-height: 36px;
	}
	
	
	
	
	
	/* Stats */
	
	.stats
	{
		position: absolute;
		bottom: 0;
		width:100%;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 20px 0;
	}
	
	.stats h2
	{
		float: left;
		padding: 0 20px 0 20px;
		color: #ccc;
		font-weight: normal;
	}
	
	.stats h2 span
	{
		color: #fff;
		font-size: 2em;
	}
	
	.stats h2.button-analysis
	{
		margin-top:30px;
		float: right;
	}

@media screen and (max-height: 530px)
{
    .stats
    {
        display:none;
    }
}
	
	
	/* Menu */
	
	img.menu-icon
	{
		position: absolute;
		top: 20px;
		right: 10px;
		padding:10px;
	}

        img.logout-icon
	{
		position: absolute;
		top: 16px;
		right: 20px;
		padding:10px;
	}

    img.home-icon
	{
		position: absolute;
		top: 16px;
		right: 60px;
		padding:10px;
	}
	
	.full-width-wrapper
	{
		width: 100%;
	}
	
	.menu
	{
		box-shadow: inset 0px 0px 10px black;
	}
	
	.logo
	{
		width:100px;
		margin: 30px 0 0 20%;
	}
	
	.menu-list ul
	{
		list-style: none;
		padding: 0 0 0 0;
		margin: 20px 0 20px 0;
	}
	
	.menu-list ul li
	{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}


	.menu-list ul li a
	{
		display: block;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		border-bottom:  1px dotted #666;
	}


	/*Hide Divs for the Foldout Animations*/ 

	/*#slidingDiv, #slidingDiv1, #slidingDiv2, #slidingDiv3, #slidingDiv4, #slidingDiv5, #slidingDiv6, #slidingDiv7, #slidingDiv8, #slidingDiv9, #slidingDiv10, #slidingDiv11, #slidingDiv12, #slidingDiv13, #slidingDiv99
	{
		display:none;
	}
	
	
	
	
	/* People Lists */
	
	.people h2
	{
		font-size: 1.7em;
		padding: 0 0 0 10px;
		font-weight: normal;
		line-height: 1.2em;
	}

	.people h2 div
	{
		font-size: 0.8em;
	}
	
    .people div.name div.visitor-company
	{
		padding: 0 0 10px 10px;
		margin: 0 0 0 0;
		font-size: 1.5em;
	}

	.people div.name div.host-info
	{
		padding: 0 0 10px 10px;
		margin: 0 0 0 0;
		font-size: 1.3em;
	}
	
	.people div.name div p
	{
		padding: 0 0 10px 10px;
		margin: 0 0 0 0;
		font-size: 0.8em;
	}
	
	
.visitor-find
{
    padding:0 42px 20px 0;
}

    .visitor-find input[type="text"]
    {
        width:100%;
    }

	/* People listings */
	
	/* wrapper list */
	
	ul.visitors
	{
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
	}
	
	ul.visitors li
	{
		border-bottom: 1px dotted rgba(255,255,255,0.5);
		padding: 0 0 0 0;
		margin: 0 0 20px 0;
	}

        ul.visitors li ul
        {
            list-style: none;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            width: 100%;
        }

        ul.visitors li ul li
        {
            border-bottom: 1px dashed rgba(255,255,255,0.2);
		    padding: 10px 0 0 0;
		    margin: 0;
        }

        ul.visitors li ul.hiddenVisitors
        {
            display: none;
        }

        ul.visitors li.no-visitors
        {
            border-bottom: medium none;
            color: #000000;
            font-size: 1.5em;
            padding-top: 20px;
            text-align: center;
        }

        ul.visitors .showhide
        {
            padding:20px 0px;
            width:100%;
            text-align:right;
        }
	
	/* Visitor list */
	
	ul.visitors li div.name
	{
		float: left;
        padding-bottom:10px;
        font-size:0.9em;
        max-width: 80%;
	}
	
	ul.visitors li div.buttons
	{
		float: right;
		font-size: 1em;
        text-align:right;
        min-height:60px;
	}

    div.time-info
    {
        font-weight:bold;
        font-size: 1.3em;
        padding: 0 0 10px 10px;
    }

#newVisitorPanel .blockOverlay
{
    border-radius: 10px 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.73);

}

#visitors .blockOverlay
{
    border-radius: 10px 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.73);

}
	
	/* 
		GROUPS 
	*/
	
	
	.group
	{
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
		/*background-color: #ffffff;*/
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.50)));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.50));
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.50));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.50));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.50));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.50));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#ffffff');


	}
	
	.group h2
	{
		font-size: 1.3em;
	}
	
	.group-checkbox
	{
		padding: 0 0 0 0;
		margin: 5px 10px 0 10px;
	}

    /* Modified by Mark Treble - removed padding/replaced with margin */
	.check-uncheck
	{
        margin: 10px 0px 0px 10px;
        /*padding-top: 20px!important;*/
		font-size: 1em!important;
	}
	
	.group-visitor
	{
		float: left;
	}
	
	input.buttonise /* mimics text anchor styles for input buttons */
	{
		margin-top: -5px;
		font-size: 1em;
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	
	/* In-Page Nav */
	
	.nav ul
	{
		list-style: none;
		padding: 0 0 0 0;
		margin: 30px 0 0 0;
	}
	
	.nav ul li
	{
		float: left;
	}
	
	.nav ul li a
	{
		padding: 10px 5px 10px 5px;
		margin: 0 10px 0 0;
		border-radius: 5px;
	}

	
	
	
	h2.subhead
	{
		font-weight: normal;
		font-size: 1.4em;
		padding-top: 30px;
	}
	
	
	
	
	
	
	/* Company list for Analysis */
	
	ul.indiv-company
	{
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	ul.indiv-company li
	{
		border-bottom: none;
	}
	

	
	/* Charts */
	
	table#tb
	{
		display:none;
	}
	
	
	
	
	/* Buttonise anything */
	
	.buttonise, .buttons .checkinlink
	{
		padding: 5px 5px 5px 5px;
		margin: 0 10px 0 0;
		border-radius: 5px;
	}
	
	.buttonise:hover
	{
		text-decoration: none;
	}
	
	/*.checkin
	{
		float: right;
		margin: 20px 10px 10px 0;
	}*/
	
	
	.tabletlogin, .visitor-search
	{
		float: right;
		margin: 20px 5% 0 0;	
	}
	
    
	
	.footer-button
	{
		color: #fff!important;
	}
	
	
	
	.float-left
	{
		float:left;
	}
	
	
#newVisitorPanel .section
{
    float:none;
    clear:both;
}
	
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 768px) {

	body {
		
	}
	
	.panel
	{
		margin-right: 1.2em;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* ============================= */
/* ! Added by Mark Treble for    */
/* ! buttons/check boxes         */
/* ============================= */

.button-sprite p, .button-sprite a, .button-sprite input {
    display: inline;
}

.button-sprite .default {
    display: none;
}

.button-sprite.default p, .button-sprite.default a, .button-sprite.default input {
    display: none;
}

.button-sprite.default .default {
    display: inline;
}

.delete {
    padding:10px;
    vertical-align: middle;
}