/*
style="font-family:verdana;color:#000080;background-color:#0099FF;font-size:11px;"
*/
html {
font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(http://www.mywebs.biz/Art-Gallery/Images/Logo/Scratched-Shiny.jpg);
background-repeat: repeat-x;
background-color: #2e63a0;
}

body {
/* Next rule actually applies to the HTML BG image but MUST be in body selector for 
some damn unknown reason? pfft @ CSS */
background-position: 0% 100px;
background-image: url(../Images/Layout/White-Blue-Fade-Vert.png);
background-repeat: repeat-x;

margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 5px;
}
img {
border: none;
}
form {
border: 1px dotted #000099;
padding: 1em;
}
form div {
clear: left;
margin: 0;
padding: 0;
padding-top: 0.6em;
/*background-color: #ffffff;*/
}
form div label {
float: left;
width: 35%;
font: bold 0.9em Arial, Helvetica, sans-serif;
}
form div span.RightSpan {
float: right;
width: 65%;
font: 0.9em Arial, Helvetica, sans-serif;
}
input.txt {
color: #00008B;
background-color: #ADD8E6;
border: 1px inset #00008B;
font: 0.9em Arial, Helvetica, sans-serif;
padding: 0.2em;
/* width: 125px; */
}
input.btn {
background-image: url(../Images/Blank-64x64.png);
font-family : verdana;
color: #FFFFFF;
background-color: #0099FF;
border: 1px outset #00008B;
padding: 2px 4px 2px 4px;
}

input.disabledtext {
background-color:rgb(220,220,220);
}

 /* I couldn't get this to work because it still showed the default button :( Remove the 999 to enable 
  OK see page 688 in JavaScript Bible for code that may work possibly. */
input.Choose-File999 {
background-image: url(../Images/Upload-File-150x93.png);
width: 150px;
height: 93px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
input.Upload-File-Button {
background-image: url(../Images/Upload-File-150x93.png);
width: 150px;
height: 93px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
input.Clear-FORM-Button {
background-image: url(../Images/Clear-Form-150x93.png);
width: 150px;
height: 93px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
position:relative;
}
input.Register-Button {
/*background-image: url(../Images/Register-150x50.png);*/
background-image: url(../Images/Register-150x93.png);
width: 150px;
height: 93px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
button.Check-UserName {
/*background-image: url(../Images/Check-UserName-120x25.png);*/
/*background-image: url(../Images/Check-UserName-120x75.png);*/
background-image: url(../Images/Available-120x25.png);
width: 120px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
button.Confirm-Captcha {
background-image: url(../Images/Confirm-Captcha-2-120x25.png);
width: 120px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
button.Captcha-Help {
background-image: url(../Images/Help.png);
width: 24px;
height: 24px;
background-color: transparent;
border: 0;
padding: 0;
}
button.CaptchaButton1X {
background-image: url(../Images/1X-25x25.png);
width: 25px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}
button.CaptchaButton1-5X {
background-image: url(../Images/1-5X-25x25.png);
width: 25px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}

button.CaptchaButton2X {
background-image: url(../Images/2X-25x25.png);
width: 25px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}

button.CaptchaButton3X {
background-image: url(../Images/3X-25x25.png);
width: 25px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}

button.New-Captcha {
background-image: url(../Images/New-Captcha-2-100x25.png);
width: 100px;
height: 25px;
background-color: transparent;
border: 0;
padding: 0;
cursor : pointer;
}

input.txt:focus {
border: 2px solid #000000;
}

select {
width: 130px;
color: #00008B;
background-color: #ADD8E6;
border: 1px solid #00008B;
}
textarea {
/*
width: 300px;
height: 50px;
*/
color: #00008B;
background-color: #ADD8E6;
background-color: #ADD8E6;
}

.PHPGenStats2 {
color: #000000;
font: xx-small Arial, Helvetica, sans-serif;
//background-image: url(http://www.mywebs.biz/Images/Marble.gif);
padding: 2pt;
border: 2pt;
border-style: outset;
border-color: #4169E1;
width: 110px;
margin-left: auto;
margin-right: auto;
}
.Success {
background-color: #00ff00;
padding:3px;
line-height:1.99em;
}
.Problem {
width: 200px;
color: #ff0000;
background-color: #ADD8E6;
border: 2px outset #0000ff;
}
.Failure {
background-color: #ff0000;
padding:3px;
line-height:1.99em;
}
.X {
cursor:pointer;
color:#ffffff;
border:3px outset #0000cc;
padding:3px;
/* background:#0066ff; */
background:#2e63a0;
/* opacity:0.7; */
}
.WMDIV {
z-index:1015;
border:2px outset #000099;
display:none;
}

#WM-Modal {
font-size:60%;
}

.ColorsWrapper {
/* border: 1pt solid #000099; */
/* padding: 0.75em; */
padding: 5px;
}

.MyColorControler {
cursor:pointer;
color:#ffffff;
border:3px outset #000099;
padding:0.25em;
background:#0066ff;
/* margin:0.5em; */
margin:5px;
float:left;
font-size:125%;
}
/* Next Rule is for the palette.png that's loaded into the advanced colors section of Watermark-Modal.php */
#palette {
border:1px outset #000000;
cursor:help;
}
.ColorDesc {
/* float:left; */
}

.ColorsDIV {
margin-left:5px;
/* clear:left; */
float:left;
width:500px;
}

.cb {
border:3px outset #000099;
width:10px;
height:10px;
padding:3px;
border-radius: 7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
cursor:pointer;
font-size:75%;
margin-left:2px;
margin-bottom:2px;
float:left;
}

.cb2 {
border:3px outset #000099;
width:50px;
height:50px;
padding:3px;
font-size:75%;
border-radius: 7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

table.WMPosition {
clear:left;
margin-top:25px;
margin-left:150px;
margin-bottom:10px;
cursor:pointer;
border:#2e63a0; /* Seems Chrome needs this for a table border */
border-style:outset;
border-width:3px;
border-color:#2e63a0;
border-collapse:collapse;
}

table.WMPosition  th {
border-bottom:1px;
background-color:#2e63a0;
color:white;
}

table.WMPosition  td {
border:2px;
border-color:#2e63a0;
border-style:inset;
}

.WMAjaxActive {
z-index:1016;
}

.InfoWrapper {
position:relative;
}
.ImageInfo {
border:3px outset #000099;
padding:3px;
display:none;
position:absolute;
top:-100px;
left:16px;
width:400px;
height:100px;
}

.MyInfoControler {
cursor:pointer;
color:#ffffff;
border:3px outset #000099;
padding:0.25em;
background:#0066ff;
/*margin:0.5em; */
font-size:75%;
position:absolute;
top:0;
left:0;
}

.ImgDIV {
border: 1pt solid #000099;
padding:3pt;
margin:3pt;
}

.Stop {
background-image: url(../Images/Stop.png);
display: block;
width: 35px;
height: 35px;
cursor:pointer;
}

/* So far Go class is unused */
.Go {
background-image: url(../Images/Go.png);
display: block;
width: 35px;
height: 35px;
cursor:pointer;
}

.curvebox {
width: 250px;
padding: 1em;
background-color: #B0C4DE;
color: #33527B;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}


#OutputWrapper {
clear:left;
}
/*
#ArtCatcher {
clear:left;
}

#ViewIMG1 {
float:right;
clear:right;
margin:15px;
}

*/