/******************************************************************************/
/*         Style: [ controls.css ]                                            */
/*        Author: Zach Tommey                                                 */
/*   Description: Stylesheet for all the commonly used web controls.          */
/*                                                                            */
/*                                                                            */
/******************************************************************************/

/* [ 0.00 ] */
/******************************************************************************/
/*                               TABLE OF CONTENTS                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* NOTE: To quickly navigate to different regions of the page, copy the tag   */
/*       next to the TOC entry (eg. "[I.01]") and do a search on the document */
/*       for that tag.                                                        */
/*  ------------------------------------------------------------------------  */
/*    TAG     |         Region                                                */
/*  ........................................................................  */
/*    [0.00]       0.00 Table of Contents                                     */
/*    [I.01]       I.01 Web Font Declarations                                 */
/*   [II.00]      II.00 Controls                                              */
/*   [II.01]          II.01 Label                                             */
/*   [II.02]          II.02 Legend (Custom Fieldset Header)                   */
/*   [II.03]          II.03 TextBox                                           */
/*   [II.04]          II.04 DropDownList                                      */
/*   [II.05]          II.05 Button                                            */
/*   [II.06]          II.06 TabControl Tab Button                             */
/*   [II.07]          II.07 Region                                            */
/* [II.07.1]              II.07.1 Region Header                               */
/* [II.07.2]              II.07.2 Region Content                              */
/*   [II.08]          II.08 Accordion Control                                 */
/* [II.08.1]              II.08.1 Accordion Panel Header                      */
/* [II.08.1]              II.08.1 Accordion Panel Content                     */
/*   [II.09]          II.09 TabControl (javascript)                           */
/*   [II.10]          II.10 Breadcrumb Navigation                             */
/*   [II.11]          II.11 ToolBar                                           */
/* [II.11.1]              II.11.1 ToolBar Label                               */
/* [II.11.2]              II.11.2 ToolBar TextBox                             */
/* [II.11.3]              II.11.3 ToolBar DropDownList                        */
/* [II.11.4]              II.11.4 ToolBar Button                              */
/*   [II.12]          II.12 Stack Panel Item                                  */
/*   [II.13]          II.13 Account Settings Controls                         */
/*   [II.14]          II.14 Property Field                                    */
/*'=========================================================================='*/



/* [I.01] */
/******************************************************************************/
/*                             WEB FONT DECLARATIONS                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face
{
	font-family: 'Asap';
	font-style: normal;
	font-weight: 400;
	src: local('Asap'), local('Asap-Regular'),
		 url('//themes.googleusercontent.com/static/fonts/asap/v1/SgBaq0dzhSGNMfqm2JX5ng.woff') format('woff');
}

@font-face
{
	font-family: 'Titillium Web 400';
	font-style: normal;
	font-weight: 400;
	src: local('Titillium Web'), local('TitilliumWeb-Regular'), 
		 url('//themes.googleusercontent.com/static/fonts/titilliumweb/v1/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff') format('woff');
}

@font-face
{
	font-family: 'Titillium Web 700';
	font-style: normal;
	font-weight: 700;
	src: local('Titillium WebBold'), local('TitilliumWeb-Bold'),
		 url('//themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wpr0bathaSTBR2c4i13_wzlb0.woff') format('woff');
}

@font-face
{
	font-family: 'Noto Sans Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'),
		 url('//themes.googleusercontent.com/static/fonts/notosans/v1/PIbvSEyHEdL91QLOQRnZ13hCUOGz7vYGh680lGh-uXM.woff') format('woff');
}



/* [II.00] */
/******************************************************************************/
/*                                   CONTROLS                                 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* [II.01] */
/******************************************************************************/
/*                                     LABEL                                  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Label
{
	text-align: right;
	font: normal 12pt "Verdana";
	color: #000;
}

.PropertyLabel
{
	font: bold 13px "Verdana";
	color: #000;
	margin-left: 4px;
	margin-right: 4px;
}

.PropertyDataLabel
{
	font: normal 13px "Verdana";
	color: #000;
	margin-left: 4px;
	margin-right: 4px;
}

.PropertyDataLabel-Truncated
{
	font: normal 13px "Verdana";
	color: #000;
	margin-left: 4px;
	margin-right: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 150px;
	white-space: nowrap;
}

.PropertyDataLabel-MissingData 
{
	color: #ff0000 !important;
}

.PropertyDataLabel-NoData
{
	color: #999999 !important;
	font-style:italic !important;
}


/* [II.02] */
/******************************************************************************/
/*                                    LEGEND                                  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Legend
{
	width: calc(100% - 4px);
	border-bottom: 1px solid #000;
	height: 0.1em;
	margin-left: 2px;
	margin-top: 10px;
	margin-bottom: 16px;
}

.Legend span
{
	background-color: #F2F2F2;
	margin-left: 10px;
	padding-left: 4px;
	padding-right: 4px;
	font: bold 13px "Verdana";
	line-height: 0.1em;
}



/* [II.03] */
/******************************************************************************/
/*                                    TEXTBOX                                 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TextBox
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #909090;
	border-radius: 4px;
	height: 14pt;
	border: 1px solid #606060;
	box-shadow: inset 1px 1px 2px #606060;
	background-color: rgb(240, 240, 240);
	color: #000;
	font: normal 12pt "Verdana";
}

.TextBox:focus
{
	border-color: #00A0FF;
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #00A0FF;   
}

.TextBox-Error
{
	margin-left: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #909090;
	border-radius: 4px;
	height: 14pt;
	border: 1px solid #606060;
	background-color: rgb(240, 240, 240);
	color: #000;
	font: normal 12pt "Verdana";
	border-color: #FF0A00 !important;
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #FF0A00 !important;
}

.PropertyTextBox, .PropertyTextBox-View
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	font: normal 13px "Verdana";
}

.PropertyTextBox-View-ReadOnly, .PropertyTextBox-View:disabled
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #aaa;
	background-color: #FFF;
	color: #555;
	font: normal 13px "Verdana";
}

.PropertyTextBox:hover, .PropertyTextBox:focus,
.PropertyMultilineTextBox:hover, .PropertyMultilineTextBox:focus,
textarea:hover, textarea:focus
{
	border-color: #00A0FF;
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #00A0FF;
}

.PropertyTextBox-ReadOnly, .PropertyTextBox:disabled
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	box-shadow: none;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #aaa;
	background-color: rgb(255, 255, 255);
	color: #555;
	font: normal 13px "Verdana";
}

.PropertyTextBox-Required
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #FF8800;
	background-color: #FFF;
	color: #000;
	font: normal 13px "Verdana";
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #FF8800 !important;
}

.PropertyTextBox-Required-ReadOnly, .PropertyTextBox-Required:disabled
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	box-shadow: none;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #aaa;
	background-color: rgb(255, 255, 255);
	color: #555;
	font: normal 13px "Verdana";
}

.PropertyTextBox-Error, .PropertyTextBox-Required-Error
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #FF0A00;
	background-color: #FFF;
	color: #000;
	font: normal 13px "Verdana";
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #FF0A00 !important;
}

.PropertyMultilineTextBox, textarea
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #909090;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	border: 1px solid #606060;
	background-color: #FFF;
	color: #000;
	font: normal 13px "Verdana";
	resize: none;
}

.PropertyMultilineTextBox-ReadOnly, .PropertyMultilineTextBox:disabled,
textarea:disabled
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #aaa;
	box-shadow: none;
	border-radius: 4px;
	height: 22px;
	width: 140px;
	background-color: rgb(255, 255, 255) !important;
	color: #555;
	font: normal 13px "Verdana";

	resize: none;
}




/* [II.04] */
/******************************************************************************/
/*                                DROPDOWNLIST                                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DropDownList
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFF;
	border-radius: 4px;
	height: 24px;
	border: 1px solid #606060;
	color: #000;
	font: normal 13px "Verdana";
}

.DropDownList:disabled
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFF;
	border-radius: 4px;
	height: 24px;
	border: 1px solid #aaa;
	color: #555;
	font: normal 13px "Verdana";
}

.DropDownList:focus
{
	border-color: #00A0FF;
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #00A0FF;   
}

.DDL-Error
{
	margin-left: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #909090;
	border-radius: 4px;
	height: 24px;
	border: 1px solid #606060;
	background-color: rgb(240, 240, 240);
	color: #000;
	font: normal 13px "Verdana";
	border-color: #FF0A00 !important;
	box-shadow: inset 1px 1px 2px #606060,
				1px 1px 2px #FF0A00 !important;
}

/* [II.05] */
/******************************************************************************/
/*                                   BUTTON                                   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Button
{
	border-radius: 4px;
	
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #909090;

	box-shadow: 2px 2px 2px #606060;
	
	font: normal 12pt "Verdana";
	color: #000;
	text-shadow: 1px 1px 2px #909090;
	
	min-width: 90px;
}

.Button:hover, .Button:focus
{
	color: rgb(240, 240, 240);
	text-shadow: 1px 1px 2px #000;

	border: 1px solid #00A0FF;

	background: rgb(184,225,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}

.Button-Disabled, .Button:disabled
{
	border-radius: 4px !important;
	
	background: rgb(226,226,226) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ) !important; /* IE6-9 */
	
	border: 1px solid #909090 !important;

	box-shadow: none !important;
	
	font: normal 12pt "Verdana" !important;
	color: #AAA !important;
	text-shadow: 1px 1px 2px #909090 !important;
	
	min-width: 90px !important;
}

.ButtonSubmit
{
	background: #8ea5cc; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ea5cc 0%, #4c6999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ea5cc), color-stop(100%,#4c6999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ea5cc 0%,#4c6999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ea5cc 0%,#4c6999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ea5cc 0%,#4c6999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ea5cc 0%,#4c6999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea5cc', endColorstr='#4c6999',GradientType=0 ); /* IE6-9 */
	
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 8px;
	color: rgb(240, 240, 240);
	font: bold 16px 'Arial';
	letter-spacing: 0.5px;
	text-shadow: 2px 2px 2px #000;
	
	box-shadow: inset 0px 1px 1px #00EDFF,
				0px 4px 4px #303030;

	cursor: pointer !important;
}

.ButtonSubmit:hover
{
	background: rgb(184,225,252) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ) !important; /* IE6-9 */
	
	box-shadow: inset 0px 0px 2px #0000FF,
				0px 4px 4px #303030;
}

.ButtonSubmit-Container
{
	/* prevent size from changing from any borders or padding */
	width: 160px;
	height: 56px;
}

.PropertyButton
{
	border-radius: 4px;
	
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #909090;

	min-width: 80px;
	margin: 2px;
	padding-left: 6px;
	padding-right: 6px;
	
	font: normal 13px "Verdana";
	text-decoration: none;
	color: #000;
	text-shadow: 1px 1px 2px #909090;

	cursor: pointer !important;
}

.PropertyButton:link
{
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	
	border-radius: 4px;
	
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #909090;

	box-shadow: 2px 2px 2px #606060;
	
	min-width: 80px;
	
	font: normal 13px "Verdana";
	text-decoration: none;
	color: #000;
	text-shadow: 1px 1px 2px #909090;
}

.PropertyButton-Selected, .PropertyButton:hover, .PropertyButton:focus
{
	color: rgb(240, 240, 240) !important;
	text-shadow: 1px 1px 2px #000 !important;

	border: 1px solid #00A0FF !important;

	background: rgb(184,225,252) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ) !important; /* IE6-9 */
}

.PropertyButton-Disabled, .PropertyButton:disabled
{
	border-radius: 4px !important;
	
	background: rgb(226,226,226) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ) !important; /* IE6-9 */
	
	border: 1px solid #909090 !important;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;
	min-width: 80px;

	font: normal 13px "Verdana" !important;
	text-decoration: none !important;
	color: #AAA !important;
	text-shadow: 1px 1px 2px #909090 !important;

	cursor: default !important;
}


/* [II.06] */
/******************************************************************************/
/*                           TABCONTROL TAB BUTTON                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TabButton
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	background-color: transparent;
	border: 0 !important;
	padding-top: 4px;
	padding-left: 16px;
	padding-right: 16px;
	
	cursor: pointer;

	height: 30px;
	float: left;
	font: normal 13px "Verdana";
	color: #000;
}

.TabSelected
{
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;

	/* plum */
	background: rgb(142,165,204) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(142,165,204,1) 0%, rgba(76,105,153,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,165,204,1)), color-stop(100%,rgba(76,105,153,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,165,204,1) 0%,rgba(76,105,153,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,165,204,1) 0%, rgba(76,105,153,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,165,204,1) 0%, rgba(76,105,153,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,165,204,1) 0%, rgba(76,105,153,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea5cc', endColorstr='#4c6999',GradientType=0 ) !important; /* IE6-9 */
	
	/* original */
	/* background: rgb(59,103,158) !important; /* Old browsers */
	/* background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
	/* background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ) !important; /* IE6-9 */
}

.TabButton-Hover, .TabButton:hover
{
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	
	background: rgb(184,225,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}

/* [II.07] */
/******************************************************************************/
/*                                   REGION                                   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Region
{
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 8px;
	border-radius: 8px;
	box-shadow: 2px 2px 6px #000;
}

.Region-Large
{
	display: inline-block;
	width: calc(100% - 32px);
	margin-top: 16px;
	margin-left: 16px;
	border-radius: 8px;
	box-shadow: 2px 2px 6px #000;
}

.Region-TabControl
{
	width: calc(100% - 8px);
	margin-top: 4px;
	margin-left: 4px;
	border-radius: 8px;
	box-shadow: 2px 2px 6px #000;
}

.Region-Data
{
	margin: 8px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #606060;
}

/* [II.07.1] */
/******************************************************************************/
/*                               REGION HEADER                                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Region-Header
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	height: 24px;
	
	font: normal 16px "Noto Sans Bold";
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	padding-left: 4px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 1px solid #000;
}

.Region-Header-Large, .Region-Header-TabControl
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	height: 32px;
	
	font: normal 19px "Noto Sans Bold";
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 1px solid #000;

	overflow: hidden;
}

.Region-Header-Data
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	height: 24px;
	
	font: normal 16px "Noto Sans Bold";
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	padding-left: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #000;
}

.Region-Header-Color-GlossyBlack
{
	background: #aebcbf !important; /* Old browsers */
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ) !important; /* IE6-9 */

	border-color: #666666 !important;
}

.Region-Header-Color-Grey
{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #999999 44%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(44%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#999999 44%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#999999 44%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#999999 44%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#999999 44%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

	border-color: #999999 !important;
}

.Region-Header-Color-Silver
{
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(191,191,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */

	border-color: #999999 !important;
}

.Region-Header-Color-Blue
{
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
	
	border-color: #0089D8 !important;
}

.Region-Header-Color-Green
{
	background: rgb(104,216,111); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,216,111,1) 0%, rgba(78,201,86,1) 44%, rgba(53,191,65,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,216,111,1)), color-stop(44%,rgba(78,201,86,1)), color-stop(100%,rgba(53,191,65,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,216,111,1) 0%,rgba(78,201,86,1) 44%,rgba(53,191,65,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,216,111,1) 0%,rgba(78,201,86,1) 44%,rgba(53,191,65,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,216,111,1) 0%,rgba(78,201,86,1) 44%,rgba(53,191,65,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,216,111,1) 0%,rgba(78,201,86,1) 44%,rgba(53,191,65,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68d86f', endColorstr='#35bf41',GradientType=0 ); /* IE6-9 */

	border-color: #278C2F !important;
}

.Region-Header-Color-Orange
{
	background: rgb(255,188,122); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,188,122,1) 0%, rgba(244,170,95,1) 44%, rgba(234,150,65,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,188,122,1)), color-stop(44%,rgba(244,170,95,1)), color-stop(100%,rgba(234,150,65,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,188,122,1) 0%,rgba(244,170,95,1) 44%,rgba(234,150,65,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,188,122,1) 0%,rgba(244,170,95,1) 44%,rgba(234,150,65,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,188,122,1) 0%,rgba(244,170,95,1) 44%,rgba(234,150,65,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,188,122,1) 0%,rgba(244,170,95,1) 44%,rgba(234,150,65,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc7a', endColorstr='#ea9641',GradientType=0 ); /* IE6-9 */

	border-color: #D3843B !important;
}

.Region-Header-Color-Red
{
	background: rgb(255,124,122); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,124,122,1) 0%, rgba(242,96,94,1) 44%, rgba(232,67,64,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,124,122,1)), color-stop(44%,rgba(242,96,94,1)), color-stop(100%,rgba(232,67,64,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,124,122,1) 0%,rgba(242,96,94,1) 44%,rgba(232,67,64,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,124,122,1) 0%,rgba(242,96,94,1) 44%,rgba(232,67,64,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,124,122,1) 0%,rgba(242,96,94,1) 44%,rgba(232,67,64,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,124,122,1) 0%,rgba(242,96,94,1) 44%,rgba(232,67,64,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c7a', endColorstr='#e84340',GradientType=0 ); /* IE6-9 */

	border-color: #BF3735 !important;
}



/* [II.07.2] */
/******************************************************************************/
/*                               REGION CONTENT                               */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Region-Content
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	padding: 8px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #F2F2F2 !important;
	height: calc(100% - 24px);
	width: 100%;
	
	display: inline-block;
}

.Region-Content-Large
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	padding: 4px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #F2F2F2 !important;
	height: calc(100% - 32px);
	width: 100%;
	
	display: inline-block;
}

.Region-Content-TabControl
{
	padding: 4px;
}

.Region-Content-Data
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	padding: 4px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #F2F2F2 !important;
	height: calc(100% - 24px);
	width: 100%;
	
	display: inline-block;
}

.Region-Content-Color-Grey
{
	border-color: #999999 !important;
}

.Region-Content-Color-Silver
{
	border-color: #999999 !important;
}

.Region-Content-Color-Blue
{
	border-color: #0089D8 !important;
}

.Region-Content-Color-Green
{
	border-color: #278C2F !important;
}

.Region-Content-Color-Orange
{
	border-color: #D3843B !important;
}

.Region-Content-Color-Red
{
	border-color: #BF3735 !important;
}

/* [II.08.1] */
/******************************************************************************/
/*                            ACCORDION PANEL HEADER                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccordionPanel-Header
{
	width: calc(100% - 12px);
	height: 20px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	font: bold 12px 'Verdana';
	color: #000;
	
	border: 1px solid #000;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	cursor: default;
}

.AccordionPanel-Header-Selected
{
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;

	background: rgb(59,103,158) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ) !important; /* IE6-9 */
}

.AccordionPanel-Header-Hover, .AccordionPanel-Header:hover
{
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	
	background: rgb(184,225,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}

.AccordionPanel-Header-Color-Silver
{
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(191,191,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */

	border-color: #999999 !important;
}



/* [II.08.2] */
/******************************************************************************/
/*                            ACCORDION PANEL CONTENT                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccordionPanel-Content
{
	width: calc(100% - 8px);
	padding: 4px;
	font: normal 13px 'Verdana';
	background-color: #F2F2F2 !important;
	color: #000;
	border: 1px solid #000;
	overflow: hidden;
}

.AccordionPanel-Content-Color-Silver
{
	border-color: #999999 !important;
}



/* [II.09] */
/******************************************************************************/
/*                            TABCONTROL (JAVASCRIPT)                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* [II.09.1] */
/******************************************************************************/
/*                             TABPANEL (JAVASCRIPT)                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TabPanel
{
	width: 100%;
	height: 100%;
	font: normal 10pt "Verdana";
}



/* [II.10] */
/******************************************************************************/
/*                             BREADCRUMB NAVIGATION                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Breadcrumb-Normal, .Breadcrumb-Hover, .Breadcrumb-Selected
{
	position: relative;
	height: 30px;
	min-width: 80px;
	float: left;
	padding-right: 24px;
	cursor: pointer;
}

.Breadcrumb-Normal:before
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 0;
	
	/* top */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#d6d6d6 100%); /* W3C */
	
	-webkit-transform: skew(35deg, 0deg);
	-moz-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	-o-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Normal:after
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 50%;
	
	/* bottom */
	background: linear-gradient(to bottom,  #d6d6d6 0%,#bcbcbc 100%); /* W3C */
	
	-webkit-transform: skew(-35deg, 0deg);
	-moz-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	-o-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Text
{
	position: relative;
	color: #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-First
{
	position: relative;
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
	color: #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-Last
{
	position: relative;
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
	color: #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	width: calc(100% + 16px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Hover:before
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 0;
	
	/* top */
	background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 20%,#90bae4 50%,#90bcea 74%,#90bff0 100%); /* W3C */

	-webkit-transform: skew(35deg, 0deg);
	-moz-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	-o-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Hover:after
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 50%;
	
	/* bottom */
	background: linear-gradient(to bottom,  #6ba8e5 0%,#a2daf5 59%,#bdf3fd 100%); /* W3C */

	-webkit-transform: skew(-35deg, 0deg);
	-moz-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	-o-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Text-Hover
{
	position: relative;
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-Hover-First
{
	position: relative;
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-Hover-Last
{
	position: relative;
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	width: calc(100% + 16px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Selected:before
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 0;
	
	/* top */
	/* background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 100%); /* W3C */
	background: linear-gradient(to bottom, #8ea5cc 0%,#6d87b3 100%); /* W3C */
	
	-webkit-transform: skew(35deg, 0deg);
	-moz-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	-o-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Selected:after
{
	content: '';
	position: absolute;
	height: 50%;
	width: 100%;
	
	left: 0;
	top: 50%;
	
	/* bottom */
	/* background: linear-gradient(to bottom, #207cca 0%,#7db9e8 100%); /* W3C */
	background: linear-gradient(to bottom, #6d87b3 0%,#4c6999 100%); /* W3C */
	
	-webkit-transform: skew(-35deg, 0deg);
	-moz-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	-o-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
	border-right: 2px solid #606060;
}

.Breadcrumb-Text-Selected
{
	position: relative;
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-Selected-First
{
	position: relative;
	/* background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
	background: linear-gradient(to bottom, #8ea5cc 0%,#4c6999 100%); /* W3C */
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Breadcrumb-Text-Selected-Last
{
	position: relative;
	/* background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
	background: linear-gradient(to bottom, #8ea5cc 0%,#4c6999 100%); /* W3C */
	color: rgb(240, 240, 240);
	text-shadow: 2px 2px 2px #000;
	font: normal 13px 'Verdana';
	margin-top: -5px;
	margin-left: -6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-left: 24px;
	height: calc(100% - 5px);
	top: calc(50% - 10px);
	width: calc(100% + 16px);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



/* [II.11] */
/******************************************************************************/
/*                                   TOOLBAR                                  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ToolBar
{
	/* prevent size from changing from any borders or padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	height: 38px;
	padding: 5px;
	
	color: rgb(240, 240, 240);
	font: normal 12px 'Segoe UI',Arial,sans-serif;
	text-shadow: 1px 1px 2px #000;
	border-top: 1px solid #ffffff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #000000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	
	background: rgb(142,165,204) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,165,204,1) 0%, rgba(76,105,153,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,165,204,1)), color-stop(100%,rgba(76,105,153,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,165,204,1) 0%,rgba(76,105,153,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,165,204,1) 0%,rgba(76,105,153,1) 100% !important); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,165,204,1) 0%,rgba(76,105,153,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgb(142, 165, 204) 0%, rgb(76, 105, 153) 100%) repeat scroll 0% 0% transparent !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EA5CC', endColorstr='#4C6999',GradientType=0 ) !important; /* IE6-9 */
}

.ToolBarItem
{
	float: left;
}

.ToolBarItem-DockRight
{
	float: right;
}


/* [II.11.3] */
/******************************************************************************/
/*                              TOOLBAR DROPDOWNLIST                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ToolBar-DropDownList
{
	border-radius: 4px;
	height: 22px;
	border: 1px solid #888;
	color: #000;
	font: 12px "Segoe UI",Arial,sans-serif;
	
	background: #faf9f9 !important; /* Old browsers */
	background: -moz-linear-gradient(top,#faf9f9 0, #e8e8e8 100%) !important;  /* FF3.6+ */
	background: -webkit-gradient(top,#faf9f9 0, #e8e8e8 100%) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#faf9f9 0, #e8e8e8 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,#faf9f9 0, #e8e8e8 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,#faf9f9 0, #e8e8e8 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #c7c7faf9f9c7 0%, #e8e8e8 100%) repeat scroll 0% 0% transparent !important;  /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f9', endColorstr='#e8e8e8',GradientType=0 ) !important; /* IE6-9 */

	vertical-align: middle;
}

.ToolBar-DropDownList:hover, .ToolBar-DropDownList:focus
{
	background: #c7c7c7 !important; /* Old browsers */
	background: -moz-linear-gradient(top,#c7c7c7 0, #dedede 100%) !important;  /* FF3.6+ */
	background: -webkit-gradient(top,#c7c7c7 0, #dedede 100%) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#c7c7c7 0, #dedede 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,#c7c7c7 0, #dedede 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,#c7c7c7 0, #dedede 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #c7c7c7 0%, #dedede 100%) repeat scroll 0% 0% transparent !important;  /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#dedede',GradientType=0 ) !important; /* IE6-9 */
}

/* [II.11.4] */
/******************************************************************************/
/*                              TOOLBAR BUTTON                                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ToolBar-Button 
{
	color: rgb(240, 240, 240);
	text-shadow: 1px 1px 2px #000;
	font: normal 12px 'Segoe UI',Arial,sans-serif;

	border: 1px solid transparent !important;
	border-radius: 4px;
	
	background: 0;
	cursor: pointer;
	margin: 0 4px;
	height: 24px;
}

.ToolBar-Button:hover, .ToolBar-Button:focus
{
	border: 1px solid #00A0FF !important;
	
	background: #c5deea !important; /* Old browsers */
	background: -moz-linear-gradient(top,#c5deea 0, #8abbd7 31%, #066dab 100%) !important;  /* FF3.6+ */
	background: -webkit-gradient(top,#c5deea 0, #8abbd7 31%, #066dab 100%) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#c5deea 0, #8abbd7 31%, #066dab 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,#c5deea 0, #8abbd7 31%, #066dab 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,#c5deea 0, #8abbd7 31%, #066dab 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #c5deea 0%, #8abbd7 31%, #066dab 100%) repeat scroll 0% 0% transparent !important;  /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ) !important; /* IE6-9 */
}



/* [II.12] */
/******************************************************************************/
/*                               STACK PANEL ITEM                             */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.StackPanelItem-Left
{
	float: left;
}

.StackPanelItem-Right
{
	float: right;
}



/* [II.13] */
/******************************************************************************/
/*                          ACCOUNT SETTINGS CONTROLS                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.settingTitle
{
	padding-top: 12px;
	padding-left: 2px;
	font: normal 13px "Verdana";
	color: #000;
	border-bottom: 1px solid #000;
}

.settingName
{
	font: normal 11px "Verdana";
	padding-bottom: 2px;
}



/* [II.14] */
/******************************************************************************/
/*                               PROPERTY FIELD                               */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.PropertyField
{
	padding-right: 15px;
}

.Property
{
	margin-right: 8px;
}