/************************************************************************************************************
*	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{
	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 #icon{
	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;
    -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;
}