/* HTML Dialog Elements go here.  Any Class based styling goes into classes.css */

BODY.dialog
{
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #F7F9FA;
	overflow: hidden;
	color:#526774;		
	font-family:Poppins,Arial, Helvetica, sans-serif;
}

BODY.dialog span,  BODY.dialog div, BODY.dialog TD SPAN, BODY.dialog LABEL
 {
     color:#526774;
 }
 
  BODY.dialog hr
 {
     color:#D0D8DC;
 }

 BODY.dialog fieldset
{
	border-color:#D0D8DC;
}

BODY.dialog TABLE td input[type="button"], BODY.dialog TABLE TR td input[type="button"], BODY.dialog div input[type="button"], BODY.dialog input[type="button"], BODY.dialog div BUTTON, BODY.dialog button, BODY.dialog ui-spinner BUTTON, BODY.dialog TABLE TR td BUTTON
{
	overflow: visible;
    background-color: #D0D8DC;
    border:none;
    height:24px;
}

BODY.dialog TABLE td input[type="button"]:disabled, BODY.dialog TABLE td input[type="button"]:disabled >u,  BODY.dialog div input[type="button"]:disabled, BODY.dialog div input[type="button"]:disabled >u, BODY.dialog input[type="button"]:disabled, BODY.dialog input[type="button"]:disabled >u, BODY.dialog div BUTTON:disabled, BODY.dialog div BUTTON:disabled >u, BODY.dialog button:disabled, BODY.dialog button:disabled >u, BODY.dialog ui-spinner BUTTON:disabled, BODY.dialog ui-spinner BUTTON:disabled >u, BODY.dialog TABLE TR td BUTTON:disabled, BODY.dialog TABLE TR td BUTTON:disabled >u
{
	color: #949494;
}

BODY.dialog TABLE td input[type="submit"]:disabled,  BODY.dialog div input[type="submit"]:disabled, BODY.dialog input[type="submit"]:disabled
{
	color: #949494;
}


BODY.dialog,
BODY.dialog A,
BODY.dialog TEXTAREA,
BODY.dialog TABLE,
BODY.dialog TD,
BODY.dialog TR,
BODY.dialog SELECT,
BODY.dialog .uiStyledInput,
BODY.dialog .listDialog
{ 
	font-size: 8pt;
    font-family: Poppins,Arial,Tahoma, Microsoft Sans Serif, Helvetica, Verdana, Geneva;
	color:#39464F;
}

BODY.dialog A,
BODY.dialog a:visited, 
BODY.dialog a:unknown, 
BODY.dialog a:active
{
	font-size: 9pt;
	color:blue;
	text-decoration: none;
}


.btndialogclass
{
    font-size: 8pt;
	overflow: visible;
	background-color:#D0D8DC;
	border:none;
	height:24px;
	width:24px;
}

.dialogbtn
{
    font-size: 8pt;
	overflow: visible;
	background-color:#D0D8DC;
	border:none;
	height:24px;
}


BODY.dialog input[type="submit"] 
{
	font-size: 8pt;
	overflow: visible;
	background:#D0D8DC!important;
	border:none;
	height:24px;
}
/*BODY.dialog INPUT[type="button"]
{
	font-size: 8pt;
	overflow: visible;
	background-color:#D0D8DC;
	border:none;
	height:20px;
}*/

BODY.dialog legend, BODY.dialog legend span
{
	color:#39464F;
}

BODY.dialogPreference
{
	padding-right: 9px; 
	padding-left: 8px; 
	padding-top: 8px;
}

.ui-spinner {
    width: 40px;
    display: inline-block;
    zoom: 1;
    position: relative;
    overflow: hidden;
    border: 1px solid #999;
    background: #FEFEFE url(images/spinner-bg.gif) repeat-x left bottom;
    padding: 0 5px;
}

ui-spinner-up, .ui-spinner-down {
    width: 30%;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    cursor: default;
    border: 1px solid #999;
    border-right: none;
    border-top: none;
}

body.dialog SELECT > option:checked,body.dialog SELECT option:checked,body.dialog select > option:checked
{
    background-color: #308DC6;
    color: #FFFFFF;
}
body.dialog SELECT > option:disabled,body.dialog SELECT option:disabled,body.dialog select > option:disabled
{
    color: #949494;
}
body.dialog SELECT > option:hover:not(:checked),body.dialog SELECT option:hover:not(:checked),body.dialog select > option:hover:not(:checked),body.dialog select option:hover:not(:checked)
{
    background-color: transparent;
    color: #39464f !important;  
}
body.dialog SELECT > option:hover:not(:enabled),body.dialog select > option:hover:not(:enabled)
{
    background-color: transparent;
    color: #949494 !important;
}