﻿/***** Tab Classes *****/

/* structural */
#ObjectTabWrapper
{
	/*zoom: 1; /* HACK: IE7 doesn't understand the floated inline-block elements without this */
	/*float: left;
	width: 20%;
	height: 519px;
	overflow: hidden;*/
    margin-left: 25px;

}

#ObjectTabWrapperEnd
{
	/*clear: both;*/
}

#DetailWrapper
{
	/*float: left;
	width: 76%;
	padding: 0 2%;*/
    padding-top: 15px;
    padding-left: 10px;
}

/* all tabs */

.tab table, .tabSelected table
{
	border-collapse: collapse;
    float: left;
}

.tab td, .tabSelected td
{
	padding-bottom: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

#ObjectTabWrapper .tab td, #ObjectTabWrapper .tabSelected td
{
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
}

/* user pages only */
body.User .tabContent
{
	padding: 10px;
	margin-top: -1px;
	border-radius: 0 5px 5px 5px;
	background: white;
}

body.User .tabView
{

}
body.User #ObjectTabWrapper .tabView
{
    width: 100%;
}

body.User #ObjectTabWrapper .tabView:after
{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

body.User .tabLeftCell
{
	display: none;
}

body.User .tabCenterCell
{
	background-image: none !important;
	background-color: transparent;
}

body.User .tabRightCell
{
	display: none;
}

body.User .tab, 
body.User .tabSelected,
body.User #ObjectTabWrapper .tab, 
body.User #ObjectTabWrapper .tabSelected
{
	display: block;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Open Sans';
	padding-left:5px;
    padding-right:5px;
    float: left;
    font-size: 75%;
}

	body.User .tab a, body.User .tabSelected a
	{
		/*padding: 5px;*/
		white-space:nowrap;
	}

	body.User #ObjectTabWrapper .tab a, body.User #ObjectTabWrapper .tabSelected a
	{
		/*padding: 7% 4%;*/
		display: block;
		white-space:normal;
		width:100%;
	}

	body.User .tab table, body.User .tabSelected table
	{
		width: 100%;
        height: 42px;
	}

body.User .tab
{
    font-family: 'Open Sans';
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
body.User .tab:last-child
{
    border-right: 1px solid #E1E1E1;
}


	body.User .tab:hover
	{
		background-color: #E1E1E1;
	}

	body.User .tab a
	{
		color: #2A70A6;
		text-decoration: none;
	}

body.User .tabSelected
{
	color: White;
	background-color: #3d3975;
}

	body.User .tabSelected a
	{
		color: white;
		text-decoration: none;
	}

/* admin pages only */
body.Admin .tabContent
{
	border: 1px solid #B2B2B2;
	padding: 10px;
	margin-top: -1px;
	border-radius: 0 5px 5px 5px;
	background: white;
}

body.Admin .tabView
{
	margin-top: 10px;
}

body.Admin .tab a, body.Admin .tabSelected a
{
	text-decoration: none;
	color: Gray;
}



/***** Detail Form Tab Classes *****/
/*body.User .ObjectTab
{
	float: left;
	display: inline-block;
}

	body.User .ObjectTab table
	{
		border-collapse: collapse;
	}

	body.User .ObjectTab td
	{
		padding: 0px;
	}*/



body.DetailForm form.Meter #ObjectTabWrapper, body.DetailForm form.Probe #ObjectTabWrapper, body.DetailForm form.Field_Team #ObjectTabWrapper
{
	display:none;
}