/* The default background color for all */
.x
{
    background-color: #fefefe;
}

html, body
{
	background-color: #2ca1d8;
	margin: 0;
	padding: 0;
	margin-top:0.1in;
	margin-bottom:0.1in;
	margin-left:0.1in;
	margin-right:0.1in;	
}

/* Default fieldset for each form that uses them */
fieldset
{
    color: #CCCCCC;
    width: 80%;
    border: 2px solid;
    padding: 10px;
    text-align: center;
}

/* Default legend layout for each fieldset with one */
legend
{
    border: 1px solid #61B5CF;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #C0C0C0;
    background-color: #000000;
}

/* The input entry defaults */
input.text, input.infoText, input.registerText
{
	color: #0000BB;
    background-color: #C0C0F0;
    border: 3px inset #ffffff;
    width: 200px;
}

input.file
{
	float: left;
	color: #0000BB;
    background-color: #C0C0F0;
    border: 3px inset #ffffff;
}

input.button, input.infoButton, input.registerButton
{
    color: Yellow;
    background-color: #050505; /*#700070;*/
    border: 3px outset #00008B;
}

select.text
{
	width: 15%;
	background-color: #C0C0C0;
}

form, form p
{
    background-color: #000000;
}

/* Form defaults for each paragraph in a form */
form.indexGallery p, form.showPicture p, form.info p, form.register p, form.galleryConfig p, form.imageConfig p, form.createCopyright p, form.uploadFrame p, form.deleteImage p, form.returnToPage p
{
/*    background-color: #000000;*/
    clear: left;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    padding-top: 5px;
}

/* Form defaults for each label in a form */
form.register label, form.showPicture label, form.info label, form.galleryConfig label, form.imageConfig label, form.createCopyright label, form.uploadFrame label, form.deleteImage label, form.returnToPage label
{
    float: left;
    width: 15%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: Gray;
}

form.uploadFrame p, form.uploadImage p
{
    clear: left;
    margin: 0;
    /*background-color: #000000;*/
    padding: 0;
    padding-bottom: 0px;
    padding-top: 5px;
}

form.uploadFrame label, form.uploadImage label
{
    clear: left;
    width: 15%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: Gray;
}

form.configImage
{
    padding: 10px;
    padding-bottom: 2px;
    text-align: left;
}

form.deleteImage
{
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
}


/* Label overrides */
form.indexGallery label
{
    width: 15%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: Gray;
}

#warningMsgLabel
{
    width: 30%;
    color: #000000;
}

/*-------------------------------------------*/
/* Index page 								 */
/*-------------------------------------------*/
fieldset.index
{
    color: #CCCCCC;
    width: 90%;
    border: 0;
    padding: 10px;
    text-align: center;
}

legend.index
{
    text-align: center;
    color: yellow;
}

/*-------------------------------------------*/
/* Info form                                */
/* Registration form                         */
/* Gallery Configuration form                */
/* Image Configuration form                  */
/* CreateCopyright form                      */
/* Upload Frame form                         */
/* Upload image(s) form                      */
/*-------------------------------------------*/

fieldset.info, fieldset.register, fieldset.galleryConfig, fieldset.imageConfig, fieldset.createCopyright, fieldset.uploadFrame, fieldset.uploadImage
{
    color: #CCCCCC;
    width: 80%;
    border: 0;
    padding: 10px;
    text-align: left;
}

legend.info, legend.register, legend.galleryConfig, legend.imageConfig, legend.createCopyright, legend.uploadFrame, legend.uploadImage
{
    border: 1px solid #61B5CF;
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #C0C0C0;
    /*background-color: #000000;*/
}

/*-------------------------------------------*/
/* Picture Data                              */
/*-------------------------------------------*/
fieldset.pictureData
{
    color: Yellow;
    border: 0;
    width: 80%;
    text-align: left;
}

legend.pictureData
{
    color: Yellow;
    font: bold 1.5em Arial, Helvetica, sans-serif;
}

p.pictureData
{
    margin: 0;
    width: 60%;
    color: Yellow;
    text-align: left;
}

label.pictureData
{
    float: left;
    width: 20%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: Gray;
}

div.pictureData
{
    color: Yellow;
    font: bold 0.9em Arial, Helvetica, sans-serif;
}

/*-------------------------------------------*/
/* The actual table outline for each piece   */
/* needs to be autogenerated per image if    */
/* size is an issue                          */
/*-------------------------------------------*/

table.info
{
	font:"Times New Roman";
	font-size:14pt;
	padding: 0;
	border-style:groove;
	border-width:medium;
	text-align:center;
	vertical-align:middle;
}

tr.info
{
	border-style:solid;
	border-width:thin;
}

td.info
{
	font:"Times New Roman";
	font-size:10pt;
	padding-left:8px;
	padding-right:8px;
	border-style:solid;
	border-width:thin;
}

/* Picture frame pieces */
table.pictureFrame
{
    padding: 0;
/*    margin: 0; */
    border-style: none;
    border-width: 0;
    text-align: center;
    vertical-align: middle;
}

td.pictureContent
{
    border-width: 0;
    margin: 0;
    padding: 0;
    border-style: none;
    text-align: center;
}

td.pictureY
{
    border-style:none;
    border-width:0;
    margin:0;
    padding:0;
    background-repeat:repeat-y;
}

.pictureUpperRow
{
    vertical-align: bottom;
}

.pictureLowerRow
{
    vertical-align: top;
}

.pictureCenterColumn
{
    background-repeat: repeat-x;
    background-position: center bottom;
    text-align: center;
}

.pictureCenterRow
{
  background-repeat: repeat-y;
}

td.pictureUL, td.pictureUR
{
    vertical-align: bottom;
}
td.pictureTCleft
{
    background-repeat: repeat-x;
    background-position: bottom center;
    text-align: left;
}
td.pictureTCright
{
    background-repeat: repeat-x;
    background-position: bottom center;
    text-align: right;
}
td.pictureTCcenter
{
    background-repeat: repeat-x;
    background-position: bottom center;
    text-align: center;
}
td.pictureBCleft
{
    background-repeat: repeat-x;
    background-position: top center;
    text-align: left;
}
td.pictureBCright
{
    background-repeat: repeat-x;
    background-position: top center;
    text-align: right;
}
td.pictureBCcenter
{
    background-repeat: repeat-x;
    background-position: top center;
    text-align: center;
}
td.pictureLC, td.pictureRC
{
    background-repeat: repeat-y;
}
td.pictureLL, td.pictureLR
{
    vertical-align: bottom;
}

img.picture
{
    text-align: center;
    vertical-align: middle;
}

img.pictureTop
{
    border-width:0;
    margin:0;
    padding:0;
    border-style:none;
    vertical-align: bottom;
}

img.pictureBottom
{
    border-width:0;
    margin:0;
    padding:0;
    border-style:none;
    vertical-align: top;
}

label.picture
{
    float: left;
    width: 50%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: Gray;
}

p.picture
{
    background-color: #000000;
    clear: left;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    padding-top: 5px;
}

/* Display gallery layout */
fieldset.displayGallery
{
    color: #CCCCCC;
    width: 80%;
    border: 0;
    padding: 10px;
    text-align: center;
}

legend.displayGallery
{
    text-align: center;
    border: 1px solid #61B5CF;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #C0C0C0;
    /*background-color: #000000;*/
}

#galleryList
{
    clear: left;
    list-style-type: none;
    padding: 0;
    margin-left: 10%;
    margin-right: 10%;
}

#galleryList li
{
    padding: 20px;
    float: left;
}