﻿/*
 * ==============================================
 * N/StyleSheet: css.AccessPlanIT.WDK.Control.css
 * ==============================================
 *
 * Purpose:
 *
 *	-	Styles specific to js.AccessPlanIT.WDK.Control.js
 */

@media all {



	.wdk_Control {
	}



	.wdk_Control___Legend {
		display: block;
		width: 100%;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	.wdk_Control___FormSummary {
		display: block;
	}

	.wdk_Control___FormHelp {
		display: block;
	}

	.wdk_Control___FieldsetSummary {
		display: block;
	}

	.wdk_Control___FieldsetHelp {
		display: block;
	}

	.wdk_Control___RequiredIcon {
		display: inline;
	}

		.wdk_Control___RequiredIcon span {
			display: inline-block;
			position: relative;
			background-image: url("/Resources/WDK/Images/icon___AccessPlanIT___Mandatory___res0032x0032.png");
			background-position: 4px 0px;
			background-repeat: no-repeat;
			background-size: 16px 16px;
			color: red;
			width: 20px;
			height: 16px;
		}



	.wdk_Control___Screen {
		position: fixed;
		display: none;
		z-index: 1000;
		background-color: #000000;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		filter: alpha(opacity=75);
		opacity: 0.75;
	}

	.wdk_Control___Dialog {
		position: fixed;
		display: none;
		z-index: 1001;
		background-color: #ffffff;
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
		margin: 0px;
		border-color: #ffffff;
		border-radius: 5px;
		border-style: solid;
		border-width: 0px;
		padding: 0px;
		filter: alpha(opacity=95);
		opacity: 0.95;
		box-shadow: 0px 0px 50px #000000, 0px 0px 5px #000000 inset;
	}



	/*
	 * Style the overall container
	 */

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week {
		position: relative;
		display: block;
		float: left;
		width: 100%;
	}

	.wdk_Control___ControlPadding {
		padding: 5px;
	}

	.wdk_Control___Button label,
	.wdk_Control___CheckBox label,
	.wdk_Control___Color label,
	.wdk_Control___DataGrid label,
	.wdk_Control___Date label,
	.wdk_Control___DateTime label,
	.wdk_Control___DateTimeLocal label,
	.wdk_Control___Email label,
	.wdk_Control___File label,
	.wdk_Control___Hidden label,
	.wdk_Control___Image label,
	.wdk_Control___Month label,
	.wdk_Control___Number label,
	.wdk_Control___Password label,
	.wdk_Control___Radio label,
	.wdk_Control___Range label,
	.wdk_Control___Reset label,
	.wdk_Control___Search label,
	.wdk_Control___Select label,
	.wdk_Control___Submit label,
	.wdk_Control___Tel label,
	.wdk_Control___Text label,
	.wdk_Control___TextArea label,
	.wdk_Control___Time label,
	.wdk_Control___URL label,
	.wdk_Control___Week label {
		cursor: pointer;
	}

	.wdk_Control___Calendar .wdk_Control___ControlWrapper,
	.wdk_Control___DatePlanner .wdk_Control___ControlWrapper {
		overflow: auto;
	}

	.wdk_Control___Calendar table {
		background-color: transparent;
		width: 100%;
		border-collapse: collapse;
	}

		.wdk_Control___Calendar table,
		.wdk_Control___Calendar table thead,
		.wdk_Control___Calendar table tbody,
		.wdk_Control___Calendar table tfoot,
		.wdk_Control___Calendar table tr,
		.wdk_Control___Calendar table th,
		.wdk_Control___Calendar table td {
			margin: 0px;
			border: 0px;
			padding: 0px;
		}

			.wdk_Control___Calendar table th,
			.wdk_Control___Calendar table td {
				margin: 0px;
				border: 1px solid #cccccc;
				padding: 0px;
				text-align: center;
			}

			.wdk_Control___Calendar table th {
				padding: 5px;
			}

				.wdk_Control___Calendar table th a,
				.wdk_Control___Calendar table td a {
					display: block;
					padding: 5px;
				}

			.wdk_Control___Calendar table td a {
				color: #cccccc;
				text-decoration: none;
			}

			.wdk_Control___Calendar table td.this a {
				color: #000000;
				text-decoration: none;
			}



	/*
	 * Style the wdk_Control___s wrapper
	 */

	.wdk_Control___Calendar .wdk_Control___ControlWrapper,
	.wdk_Control___Color .wdk_Control___ControlWrapper,
	.wdk_Control___DataGrid .wdk_Control___ControlWrapper,
	.wdk_Control___Date .wdk_Control___ControlWrapper,
	.wdk_Control___DatePlanner .wdk_Control___ControlWrapper,
	.wdk_Control___DateTime .wdk_Control___ControlWrapper,
	.wdk_Control___DateTimeLocal .wdk_Control___ControlWrapper,
	.wdk_Control___Email .wdk_Control___ControlWrapper,
	.wdk_Control___File .wdk_Control___ControlWrapper,
	.wdk_Control___Hidden .wdk_Control___ControlWrapper,
	.wdk_Control___Month .wdk_Control___ControlWrapper,
	.wdk_Control___Number .wdk_Control___ControlWrapper,
	.wdk_Control___Password .wdk_Control___ControlWrapper,
	.wdk_Control___Range .wdk_Control___ControlWrapper,
	.wdk_Control___Tel .wdk_Control___ControlWrapper,
	.wdk_Control___Text .wdk_Control___ControlWrapper,
	.wdk_Control___TextArea .wdk_Control___ControlWrapper,
	.wdk_Control___Time .wdk_Control___ControlWrapper,
	.wdk_Control___URL .wdk_Control___ControlWrapper,
	.wdk_Control___Week .wdk_Control___ControlWrapper {
		position: relative;
		display: block;
	}

	.wdk_Control___Calendar .wdk_Control___ControlWrapper,
	.wdk_Control___DatePlanner .wdk_Control___ControlWrapper {
		padding: 0px;
	}

	.wdk_Control___Range .wdk_Control___ControlWrapper {
		padding: 0px 10px 0px 10px;
	}

	.wdk_Control___Date .wdk_Control___ControlWrapper,
	.wdk_Control___DateTime .wdk_Control___ControlWrapper,
	.wdk_Control___DateTimeLocal .wdk_Control___ControlWrapper,
	.wdk_Control___Month .wdk_Control___ControlWrapper,
	.wdk_Control___Number .wdk_Control___ControlWrapper,
	.wdk_Control___Time .wdk_Control___ControlWrapper,
	.wdk_Control___Week .wdk_Control___ControlWrapper {
	}

	.wdk_Control___Button .wdk_Control___ControlWrapper,
	.wdk_Control___Image .wdk_Control___ControlWrapper,
	.wdk_Control___Reset .wdk_Control___ControlWrapper,
	.wdk_Control___Search .wdk_Control___ControlWrapper,
	.wdk_Control___Submit .wdk_Control___ControlWrapper {
		position: relative;
		display: block;
	}

		.wdk_Control___Button .wdk_Control___ControlWrapper:hover,
		.wdk_Control___Image .wdk_Control___ControlWrapper:hover,
		.wdk_Control___Reset .wdk_Control___ControlWrapper:hover,
		.wdk_Control___Search .wdk_Control___ControlWrapper:hover,
		.wdk_Control___Submit .wdk_Control___ControlWrapper:hover {
		}

	.wdk_Control___CheckBox .wdk_Control___ControlWrapper,
	.wdk_Control___Radio .wdk_Control___ControlWrapper {
		display: inline;
	}

	.wdk_Control___Select .wdk_Control___ControlWrapper {
		position: relative;
		display: block;
	}

	.wdk_Control___Reset .wdk_Control___ControlWrapper,
	.wdk_Control___Submit .wdk_Control___ControlWrapper {
	}



	/*
	 * Style the actual wdk_Control___
	 */

	.wdk_Control___CheckBox .wdk_Control___ControlWrapper input,
	.wdk_Control___Radio .wdk_Control___ControlWrapper input {
	}

	.wdk_Control___Color .wdk_Control___ControlWrapper input,
	.wdk_Control___DataGrid .wdk_Control___ControlWrapper input,
	.wdk_Control___Date .wdk_Control___ControlWrapper input,
	.wdk_Control___DateTime .wdk_Control___ControlWrapper input,
	.wdk_Control___DateTimeLocal .wdk_Control___ControlWrapper input,
	.wdk_Control___Email .wdk_Control___ControlWrapper input,
	.wdk_Control___File .wdk_Control___ControlWrapper input,
	.wdk_Control___Hidden .wdk_Control___ControlWrapper input,
	.wdk_Control___Month .wdk_Control___ControlWrapper input,
	.wdk_Control___Number .wdk_Control___ControlWrapper input,
	.wdk_Control___Password .wdk_Control___ControlWrapper input,
	.wdk_Control___Range .wdk_Control___ControlWrapper input,
	.wdk_Control___Tel .wdk_Control___ControlWrapper input,
	.wdk_Control___Text .wdk_Control___ControlWrapper input,
	.wdk_Control___TextArea .wdk_Control___ControlWrapper textarea,
	.wdk_Control___Time .wdk_Control___ControlWrapper input,
	.wdk_Control___URL .wdk_Control___ControlWrapper input,
	.wdk_Control___Week .wdk_Control___ControlWrapper input {
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	.wdk_Control___Button .wdk_Control___ControlWrapper input,
	.wdk_Control___Reset .wdk_Control___ControlWrapper input,
	.wdk_Control___Search .wdk_Control___ControlWrapper input,
	.wdk_Control___Submit .wdk_Control___ControlWrapper input {
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	.wdk_Control___Image .wdk_Control___ControlWrapper input {
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	.wdk_Control___Button .wdk_Control___ControlWrapper input,
	.wdk_Control___Image .wdk_Control___ControlWrapper input,
	.wdk_Control___Reset .wdk_Control___ControlWrapper input,
	.wdk_Control___Submit .wdk_Control___ControlWrapper input {
		cursor: pointer;
	}

	.wdk_Control___Button .wdk_Control___ControlWrapper:hover,
	.wdk_Control___Image .wdk_Control___ControlWrapper:hover,
	.wdk_Control___Reset .wdk_Control___ControlWrapper:hover,
	.wdk_Control___Submit .wdk_Control___ControlWrapper:hover {
	}

	.wdk_Control___Select .wdk_Control___ControlWrapper select {
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#PageHeader_CorporateBanner___ContentPlaceHolder_LanguageSelector {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		border: 2px solid black;
	}

	#PageHeader_CorporateBanner___ContentPlaceHolder_LanguageSelectorContainer {
		float: right;
		padding: 5px;
		position: relative;
		z-index: 100;
	}

	#idPageFooter_Corporate___Content p {
		display: inline-block;
	}

	#CancellationReason_DropDown_Label {
		cursor: default;
	}
}



/*
 * ======================================================================================================
 * Modify rules for screen sizes with a horizontal resolution greater than (but not equal to) 1280 pixels
 * ======================================================================================================
 */

/*
@media all and (min-width: 1281px)
{

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week
	{
		float: left;

		width: 20%;
	}

	.wdk_Control___Span1
	{
		width: 20%;
	}

	.wdk_Control___Span2
	{
		width: 40%;
	}

	.wdk_Control___Span3
	{
		width: 60%;
	}

	.wdk_Control___Span4
	{
		width: 80%;
	}

	.wdk_Control___Span5
	{
		width: 100%;
	}

	.wdk_Control___FullWidth
	{
		width: 100%;
	}

}
*/



/*
 * ============================================================================================
 * Modify rules for screen sizes with a horizontal resolution less than or equal to 1280 pixels
 * ============================================================================================
 */

/*
@media all and (max-width: 1280px)
{

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week
	{
		float: left;

		width: 25%;
	}

	.wdk_Control___Span1
	{
		width: 25%;
	}

	.wdk_Control___Span2
	{
		width: 50%;
	}

	.wdk_Control___Span3
	{
		width: 75%;
	}

	.wdk_Control___Span4
	{
		width: 100%;
	}

	.wdk_Control___Span5
	{
		width: 100%;
	}

	.wdk_Control___FullWidth
	{
		width: 100%;
	}

}
*/



/*
 * ===========================================================================================
 * Modify rules for screen sizes with a horizontal resolution less than or equal to 960 pixels
 * ===========================================================================================
 */

/*
@media all and (max-width: 960px)
{

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week
	{
		float: left;

		width: 33%;
	}

	.wdk_Control___Span1
	{
		width: 33%;
	}

	.wdk_Control___Span2
	{
		width: 66%;
	}

	.wdk_Control___Span3
	{
		width: 99%;
	}

	.wdk_Control___Span4
	{
		width: 99%;
	}

	.wdk_Control___Span5
	{
		width: 99%;
	}

	.wdk_Control___FullWidth
	{
		width: 99%;
	}

}
*/



/*
 * ===========================================================================================
 * Modify rules for screen sizes with a horizontal resolution less than or equal to 640 pixels
 * ===========================================================================================
 */

/*
@media all and (max-width: 640px)
{

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week
	{
		float: left;

		width: 50%;
	}

	.wdk_Control___Span1
	{
		width: 50%;
	}

	.wdk_Control___Span2
	{
		width: 100%;
	}

	.wdk_Control___Span3
	{
		width: 100%;
	}

	.wdk_Control___Span4
	{
		width: 100%;
	}

	.wdk_Control___Span5
	{
		width: 100%;
	}

	.wdk_Control___FullWidth
	{
		width: 100%;
	}

}
*/



/*
 * ===========================================================================================
 * Modify rules for screen sizes with a horizontal resolution less than or equal to 320 pixels
 * ===========================================================================================
 */

/*
@media all and (max-width: 320px)
{

	.wdk_Control___Button,
	.wdk_Control___Calendar,
	.wdk_Control___CheckBox,
	.wdk_Control___Color,
	.wdk_Control___DataGrid,
	.wdk_Control___Date,
	.wdk_Control___DatePlanner,
	.wdk_Control___DateTime,
	.wdk_Control___DateTimeLocal,
	.wdk_Control___Email,
	.wdk_Control___File,
	.wdk_Control___Hidden,
	.wdk_Control___Image,
	.wdk_Control___Month,
	.wdk_Control___Number,
	.wdk_Control___Password,
	.wdk_Control___Radio,
	.wdk_Control___Range,
	.wdk_Control___Reset,
	.wdk_Control___Search,
	.wdk_Control___Select,
	.wdk_Control___Submit,
	.wdk_Control___Tel,
	.wdk_Control___Text,
	.wdk_Control___TextArea,
	.wdk_Control___Time,
	.wdk_Control___URL,
	.wdk_Control___Week
	{
		width: 100%;
	}

	.wdk_Control___Span1
	{
		width: 100%;
	}

	.wdk_Control___Span2
	{
		width: 100%;
	}

	.wdk_Control___Span3
	{
		width: 100%;
	}

	.wdk_Control___Span4
	{
		width: 100%;
	}

	.wdk_Control___Span5
	{
		width: 100%;
	}

	.wdk_Control___FullWidth
	{
		width: 100%;
	}

}
*/
