/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #cccccc;
	color: #666666;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color: #E4E4E4;	/* White background color for the message */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
input{
	letter-spacing: 1px;
	border:1px solid #cccccc;
	color: #333333;
	font-family: "Arial Rounded MT Bold", "Lucida Grande", Verdana, Arial, sans-serif;
	padding-top:2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:
	-moz-linear-gradient(top,
						#FFF,
						#CCC);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFF),
						to(#CCC));
}
input.disabled{
	color: #999999;
}
textarea{
	border:1px solid #cccccc;
	color: #333333;
	font-size: 12px;
	font-family: "Arial Rounded MT Bold", "Lucida Grande", Verdana, Arial, sans-serif;
	padding:5px;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:
	-moz-linear-gradient(top,
						#FFF,
						#CCC);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFF),
						to(#CCC));
}
select{
	border:1px solid #cccccc;
	color: #333333;
	font-family: "Arial Rounded MT Bold", "Lucida Grande", Verdana, Arial, sans-serif;
	padding:0px;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:
	-moz-linear-gradient(top,
						#FFF,
						#CCC);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFF),
						to(#CCC));
}
.LayoutSelect {
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border:1px solid #cccccc;
	color: #333333;
	font-family: "Arial Rounded MT Bold", "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.LayoutSelect .Layout{
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	display: inline-block;
}
.modalDialog_contentDiv .StdTable{
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border:1px solid #fff;
	margin-right: 10px;
	margin-left: 10px;
}
.modalDialog_contentDiv .StdTable table{
	width: 100%;
	border-spacing: 0px 0px;
	border:1px solid #cccccc;
	color: #333333;
	font-family: "Arial Rounded MT Bold", "Lucida Grande", Verdana, Arial, sans-serif;
	padding:0px;
	background-color: #ffffff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.modalDialog_contentDiv .StdTable table thead{
	display: none;
}
.modalDialog_contentDiv .StdTable table tr td{
	padding: 5px;
	border-bottom: 1px #CCCCCC solid;
}
/********************************
Non DHTML Goodies CSS menu
********************************/
ul.UI_menu{
	float: left;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 5px;
	list-style-type: none;
	padding: 0px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border: 1px #CCC solid;
	background-image:
	-moz-linear-gradient(top,
						#FFF,
						#CCC);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFF),
						to(#CCC));
	background-color: #f4f4f4;
	padding:2px;
	color:#686868;
	padding-left: 0px;
	cursor: default;
	margin-left: 0px;
}
ul.UI_menu#UserMenu{
	padding-right: 10px;
	height: 20px;
	float: none;
	border: 1px #333333 solid;
	background-image:
	-moz-linear-gradient(top,
						#666666,
						#333333);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#666666),
						to(#333333));
	background-color: #333333;
	color:#fff;
}
ul.UI_menu#UserMenu a{
	color: white;
}ul.UI_menu #icon{
	background-position: center center;
	height: 22px;
	width: 20px;
	background-image: url(/PatrolCamp/Library/UI/images/gear.png);
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}
ul.UI_menu li{
	display: inline-block;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul.UI_menu li a{
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #333333;
}
ul.UI_menu#UserMenu li a{
	text-decoration: none;
}
ul.UI_menu li a img{
	vertical-align: middle;
}
ul.UI_menu li > ul {
    display: none;
    position: absolute;
}
ul.UI_menu li:hover > ul {
    display: block;
    width: 150px;
    padding: 0px;
    -webkit-border-radius:8px;
    -webkit-border-top-left-radius:0px;
	-moz-border-radius:8px;
	-moz-border-radius-topleft:0px;
	border: 1px #CCC solid;
	background-image:
	-moz-linear-gradient(top,
						#FFF,
						#CCC);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFF),
						to(#CCC));
	background-color: #f4f4f4;
}
ul.UI_menu#UserMenu li:hover > ul {
	border: 1px #333333 solid;
	background-image:
	-moz-linear-gradient(top,
						#666666,
						#333333);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#666666),
						to(#333333));
	background-color: #333333;
	color:#fff;
}

.InfoMessage {
	background-repeat: no-repeat;
	margin: 10px;
	border: 1px #4383CD solid;
	background-image:
	-moz-linear-gradient(top,
						#84C8F9,
						#CEE6F7);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#84C8F9),
						to(#CEE6F7));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:8px;
	color:#4383CD;
	background-color: #CEE6F7;
}
.InfoMessage #icon{
	float: left;
	background-position: center center;
	background-image: url(../Media/icons/16/Information.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}
.InfoMessage h1{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color: #4383CD;
}
.InfoMessage img{
	float:left;
}
.WarningMessage {
	background-repeat: no-repeat;
	margin: 10px;
	border: 1px #AE7A0C solid;
	background-image:
	-moz-linear-gradient(top,
						#FFCA3B,
						#FDE094);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#FFCA3B),
						to(#FDE094));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:8px;
	color:#AE7A0C;
	background-color: #FDE094;
}
.WarningMessage #icon{
	float: left;
	background-position: center center;
	background-image: url(../Media/icons/16/Warning.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}
.WarningMessage h1{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color:#CC6633;
}
.WarningMessage img{
	float:left;
}
.ErrorMessage {
	background-repeat: no-repeat;
	margin: 10px;
	border: 1px #990000 solid;
	background-image:
	-moz-linear-gradient(top,
						#F54900,
						#F09A9A);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#F54900),
						to(#F09A9A));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:8px;
	color:#990000;
	background-color: #F09A9A;
}
.ErrorMessage #icon{
	float: left;
	background-position: center center;
	background-image: url(../Media/icons/16/Error.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}
.ErrorMessage h1{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color:#CC0033;
}
.ErrorMessage img{
	float:left;
}
.OkMessage {
	background-repeat: no-repeat;
	margin: 10px;
	border: 1px #008A00 solid;
	background-image:
	-moz-linear-gradient(top,
						#92CE5D,
						#CDE7B5);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#92CE5D),
						to(#CDE7B5));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:8px;
	color:#008A00;
	background-color: #CDE7B5;
}
.OkMessage #icon{
	float: left;
	background-position: center center;
	background-image: url(../Media/icons/16/OK.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}
.OkMessage h1{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color: #336633;
}
.OkMessage img{
	float:left;
}
.DebugMessage {
	background-repeat: no-repeat;
	margin: 10px;
	border: 1px #686868 solid;
	background-image:
	-moz-linear-gradient(top,
						#B4B4B4,
						#F0EEEF);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#B4B4B4),
						to(#F0EEEF));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:8px;
	color:#686868;
	background-color: #F0EEEF;
}
.DebugMessage #icon{
	float: left;
	background-position: center center;
	background-image: url(../Media/Icon/Debug.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}
.DebugMessage h1{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color: #336633;
}
.DebugMessage img{
	float:left;
}
.Draft a{
	padding-right: 20px;
	min-height: 16px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(images/Draft.png);
	color: #666666;
}
.CMS_Options a{
	float: left;
	text-decoration: none;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding:2px;
	padding-right: 4px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border: 1px #333333 solid;
	background-image:
	-moz-linear-gradient(top,
						#666666,
						#333333);
	background-image:
	-webkit-gradient(	linear,
						left top,
						left bottom,
						from(#666666),
						to(#333333));
	background-color: #333333;
	color:#fff;
	margin-left: 0px;
}
.CMS_Options a img{
	vertical-align: middle;
}