html, body {
    color: white;
    margin: 0px;
    background: url("Gradient.jpg") top left repeat-x;
	background-color: #eef1fa;
    overflow: auto;
}
/* Set Font */
html, body, a, input, label {
    font-family: Verdana;
    font-size: 8pt;
}
input.btn {
    /*color: #000;
    font-weight: bold;
    font-size: small;
    background-color: red;
    border: 1px solid;*/
    /* border-color: blue;*/ /* top right bottom left */
    /*filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#666666');*/
}
input.txt {
    background-color: #999999;
    color: Blue;
}
span {
    /* ASP.NET labels */
    /*color: #999;*/
}
iframe {
    border: 0px solid black;
}
.dxtcControl_Aqua { /* the tabs background */
}
.dxtcPageContent_Aqua { /* the tab page area */
}






/* ***** MASTER ***** */
.masterOuter {
    border: 0px solid black;
    background: url("Gradient.jpg") top left repeat-x;
}
.masterOuter2 {
    background: url("Background.jpg") top left no-repeat;
}
.masterHeader {
    border: 0px solid red;
    margin: 0px;
    height: 48px;
    overflow: hidden;
}
.masterHeaderLogo {
    border: 0px solid red;
    position: absolute;
}
.masterHeaderMenu {
    border: 0px;
    position: absolute;
    top: 0px;
    right: 75px;
}
.lnkLogout {
    top: 15px;
    color: white;
    /*font-size: 10pt;*/
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 68px; /* was 320 (320 or 155) */
    z-index: 1000;
}
.masterTabs {
    border: 0px solid yellow;
    margin: 0px;
    /*margin-right: 65px;*/
    margin-left: 150px;
    z-index: 2;
    position: relative;
    height: 25px;
}
.masterBody {
    border: 0px solid orange;
    margin: 5px;
    margin-top: 0px;
    z-index: 1;
}
.outerBody { /* used on aspx pages that have a master.tabs in place    dxtcTabsCell  */
    /*margin-top: -2px;*/
    border: 1px solid #AECAF0;
    background-color: white;
    color: black;
    z-index: 1;
    padding: 5px;
    position: absolute;
    /*top: 94px;*/
    top: 73px;
    bottom: 7px;
    left: 5px;
    right: 5px;
    overflow: auto;
}


/* Error Display */
.lbtnError {
    color: red;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: 25px;
    right: 5px;
    z-index: 1000;
    
}
#udpError, #ctl00_udpError {
    display: none;
    background-color: #333;
    color: white;
    border: 3px solid red;
    padding: 2px;
    width: 90%;
    height: 80%;
    overflow: auto;
    position: absolute;
    top: 45px;
    right: 15px;
    z-index: 1000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.lblError {
    color: #ffffff;
    font-size: 10pt;
}


/* This is the REDIRECT Page Stuff */
.redOuter {
    margin: 10px;
    padding: 5px;
    border: 2px solid #999;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #666;
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: Red;
}
.redHeader {
    padding: 5px;
}
.redLblHeader {
    font-size: 18px;
    color: White;
}
.redLblHeaderDetail {
    color: white;
}
.redHelp {
    padding: 5px;
    background-color: #333;
    border: 2px solid black;
    margin-bottom: 5px;
    text-align: center;
}
.redLblHelp {
   color: white;
}
.redBody {
     border: 2px solid black;
     padding: 5px;
     background-color: white;
}
.redLblError {
    color: black;
}


/* This is the LOGIN Page Stuff */
.loginOuterPage {
}
.loginOuter {
    margin: 10px;
    padding: 5px;
    border: 2px solid #999;
    width: 635px;
    margin-left: auto;
    margin-right: auto;
    background-color: #666;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.loginHeader {
    padding: 0px;
    margin-bottom: 5px;
    border: 2px solid black;
    
}
.loginMessage {
    padding: 5px;
    background-color: #333;
    border: 2px solid black;
    
    /*text-align: center;*/
}
.loginBody {
     border: 2px solid black;
     padding: 20px;
     padding-bottom: 5px;
     background-color: #eee;
     margin-top: 5px;
     margin-bottom: 5px;
}
.loginFields {
    width: 290px;
    margin-left: auto;
    margin-right: auto;
}
.loginLblError {
    color: black;
}
.loginError { /* this is the error div, not label */
    background-color: red;
    border: 1px solid white;
    padding: 5px;
}
#lblUser {
    color: black;
}
#txtUsername {
}
#lblPassword {
    color: Black;
}
# txtPassword {
}
#btnLogin {
    margin-top: 10px;
}





/* ***** Avatar Popup ***** */
.masterAvatarMenu {
    position: absolute;
    top: 15px;
    right: 15px;
}
.divAvatar {
    min-width: 350px;
}
.divAvatar table a {
    text-decoration: underline;
    /*color: #256BA9;*/
}
.divAvatar a:hover {
    color: #333333;
}
.divAvatar_html {
    /*padding-top: 50px;*/
}


/* ***** Info & Debug Display ***** */
.lbtnInfo {
    color: #cccccc;
    /*font-size: 10pt;*/
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: 12px;
    right: 75px; /* was 320 (320 or 155) */
    z-index: 1000;
    
}
#udpInfo, #ctl00_udpInfo {
    display: none;
    /*background: #00365C url("background2.jpg") bottom left no-repeat;*/
    background-color: #333333;
    color: black;
    padding: 2px;
    padding-bottom: 17px;
    border: 3px solid #666;
    overflow: hidden;
    position: absolute;
    top: 25px;
    right: 90px;
    left: 100px;
    bottom: 50px;
    z-index: 1000;
    /*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/

}
.udpInfoClose {
    color: black;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
}
.udpInfoDiv {
    border: 2px inset #999;
    height: 100%;
    padding: 5px;
    overflow: auto;
    color: black;
    background-color: white;
}
.lblInfo {
    color: #10609F;
    font-weight: bold;
}
.divInfo {
}
.divInfo {
    color: #999999;
    text-align: left;
    font-size: 9px;
}
.divInfo_User, .divInfo_Page, .divInfo_App, .divInfo_Debug {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    /* border-left: 2px solid #256BA9;*/
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    background-color: #eee;
    color: #333333;
    font-weight: normal;
    width: 600px;
    font-size: small;
}








.buttons {
	font: 8pt Tahoma;
	color: #394EA2;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	background-color:Transparent;
	height: 22px;
}
.buttonDiv {
	border: solid 1px #A3C0E8;
    background: #E2F0FF url('edtButtonBack.gif') top;
    background-repeat:repeat-x;
    padding: 1px 1px 1px 1px;
}


.buttonsHover {
	font: 8pt Tahoma;
	color: #7E3C31;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	background-color:Transparent;
	height: 22px;
	cursor: pointer;
	cursor: hand;
}
.buttonDivHover {
    background: #FEDC75 url('edtButtonHoverBack.gif') top;
    background-repeat: repeat-x;
    border: solid 1px #D6A886;	    
    padding: 1px 1px 1px 1px;
	cursor: pointer;
	cursor: hand;
}

.buttonsClick {
	font: 8pt Tahoma;
	color: #7E3C31;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	background-color:Transparent;
	height: 22px;
	cursor: pointer;
	cursor: hand;
}
.buttonDivClick {
    background: #FFB46D url('edtButtonPressedBack.gif') top;
    background-repeat: repeat-x;
    border: solid 1px #CB9280;
    padding: 1px 1px 1px 1px;
	cursor: pointer;
	cursor: hand;
}


/* The header labels in the SSO settings area */
.settingsHeaders {
    font-weight: bold;
    font-size: 16px;
    color: #666;
}
.settingsSubHeaders {
    font-weight: bold;
    font-size: 13px;
    color: #333;
}

/* A section in SSO settings, used for indentation */
.settingsSection {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #eeeeee;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.settingsSubSection {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #ffffff;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.settingsSubSectionBorderless {
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

/* Misc SSO Help text divs */
.helpDiv {
    color: Green;
    background-color: #eeeeee;
    padding: 5px;
    border: 1px solid #ddd;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
}




/* ***** GLOBAL GRID VIEW CSS ***** */
.gridViewUpdateLinkDiv {
    /* The ASPxGridView Editing Row Update/Cancel link buttons */
    border: 1px solid #ccc;
    background-color: #ddd;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px;
}
.gridViewUpdateLinkDiv a {
    border: 1px solid #A3C0E8;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 20px;
    font-weight: bold;
    background: url("../Web/mBack.gif") top left repeat-x;
    background-color: #E2F0FF;
    text-decoration: none;
}
.gridViewUpdateLinkDiv a:hover {
    background: url("../Web/mVertSBack.gif") top left repeat-x;
    border: 1px solid #D6A886;
    text-decoration: none;
    color: #3F66A0;
}
.gridViewEditForm {
    color: #333333;
    font-size: 8pt;
    /*background-color: #FFBD69;*/
    /*background-color: #999999;*/
    border: 1px solid #FFBD69;
    padding: 1px;
}
.dxgvEditFormCaption_Aqua label { /* The autogen grid edit forms */
    color: #333333;
    font-size: 8pt;
}
.gridViewAlternatingRow {
}

/* ***** IMAGE MANAGER ***** */
.imageManagerOuter {
    width: 600px;
    background-color: Red;
    margin-left: auto;
    margin-right: auto;
    color: Black;
    padding-bottom: 8px;
}