﻿/**************************************************************************************************\
|*																																																*|
|*	Custom Telerik Skins (CSS)																																		*|
|*																																																*|
|*	To address the potential issues with too many CSS files, this CSS file will be used to house	*|
|*	ALL CSS information for all custom Telerik Skins.																							*|
|*																																																*|
|*	CABS_MultiAdmin																																								*|
|*																																																*|
\**************************************************************************************************/

/**************************************************************************************************\
|*																																																*|
|*	CABS_MultiAdmin																																								*|
|*																																																*|
|*	This skin is designed as the default skin for the CABS Multi-Admin form, including the left		*|
|*	tab strip, as well as additional CSS information for the form container itself.								*|
|*																																																*|
\**************************************************************************************************/

/*****
/*****	For the left-hand tab strip.
*****/

.RadTabStrip_CABS_MultiAdmin
{
}

.RadTabStripLeft_CABS_MultiAdmin
{
	width: 100%;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsLevel, .RadTabStripLeft_CABS_MultiAdmin .rtsUL
{
	width: 100%;
	text-align: right;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsLink
{
	height: 26px;
	background-image: url('CustomTelerikSkins/CABS_MultiAdmin.png');
	background-position: 8px 0px !important;
	background-repeat: no-repeat !important;
	color: #D2E9FD;
	border-right: solid 1px Navy;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsLink:hover
{
	background-position: 4px 0px !important;
	color: Yellow;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsLink:active
{
	color: Maroon;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsSelected
{
	color: White;
	background-position: 0px 0px !important;
	border-right: none;
}

.RadTabStripLeft_CABS_MultiAdmin .rtsSelected:hover
{
	color: White;
	background-position: 0px 0px !important;
	cursor: default;
}

.RadTabStrip_CABS_MultiAdmin .rtsTxt
{
	margin-top: 4px;
	font-size: 15px;
}

/*****
/*****	For the form/wrapper. 
/*****
/*****	To handle varying width for the tab strip, the HTML can override with width of the 
/*****	tab strip wrapper as needed, then set the MARGIN-LEFT of the form content wrapper 
/*****	tp 1px less than the width of the tab strip wrapper. 
*****/

.CABS_MultiAdmin_FormWrapper
{
	position: relative;
}

.CABS_MultiAdmin_FormContentWrapper
{
	position: relative;
	margin-left: 189px;
	right: 0px;
	padding: 12px;
	border: solid 1px Navy;
	background-color: #3C78C3;
}

.CABS_MultiAdmin_FormContentArea
{
	position: relative;
	min-height: 500px;
	background-color: White;
	padding: 12px;
	border-top: solid 2px gray;
	border-left: solid 2px gray;
	border-right: solid 2px skyblue;
	border-bottom: solid 2px skyblue;
}

* html .CABS_MultiAdmin_FormContentArea
{
	height: 500px;
}

.CABS_MultiAdmin_FormTabstripWrapper
{
	position: absolute;
	top: 30px;
	left: 0px;
	width: 190px;
}

.CABS_MultiAdmin_FormSectionHeader
{
	text-align: right;
	font-size: 150%;
	font-weight: bold;
	padding: 4px;
	padding-right: 12px;
	margin-bottom: 18px;
	background-color: #B1C9E7;
	color: #18304E;
}

/**************************************************************************************************\
|*																																																*|
|*	CABS_UserProfile																																							*|
|*																																																*|
\**************************************************************************************************/

/*****
/*****	For the left-hand tab strip.
*****/

.RadTabStrip_CABS_UserProfile
{
}

.RadTabStripLeft_CABS_UserProfile
{
	width: 100%;
}

.RadTabStripLeft_CABS_UserProfile .rtsLevel, .RadTabStripLeft_CABS_UserProfile .rtsUL
{
	width: 100%;
	text-align: right;
}

.RadTabStripLeft_CABS_UserProfile .rtsLink
{
	height: 50px;
	background-image: url('../../CABS_Images/UserProfile/UserProfileTabs.png');
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
	color: #AEBDD3;
	border-right: solid 1px Navy;
}

.RadTabStripLeft_CABS_UserProfile .rtsLink:hover
{
	background-position: 0px 0px !important;
	color: Yellow;
}

.RadTabStripLeft_CABS_UserProfile .rtsLink:active
{
	color: Maroon;
}

.RadTabStripLeft_CABS_UserProfile .rtsSelected
{
	color: White;
	background-position: 0px 0px !important;
	border-right: none;
}

.RadTabStripLeft_CABS_UserProfile .rtsSelected:hover
{
	color: White;
	background-position: 0px 0px !important;
	cursor: default;
}

.RadTabStrip_CABS_UserProfile .rtsTxt
{
	margin-top: 4px;
	font-size: 15px;
}
