.hidden { display: none }
.visible { display: block }
#hiddenframe { width: 0px; height: 0px; border: 0px;}

/* date drop down */
.dateBoxContainer { height: 20px;  }
#dayDD { float: left;  }
#monthDD { float: left;  }
#yearDD { float: left;  }
.dayDropDownStyle { }
.monthDropDownStyle { }
.yearDropDownStyle { }

/* loader */
#uploadPercentage { width: 274px; height: 50px; position: relative; padding: 10px; display: none}
#percentageSpinner { width: 16px; float:left; }
#percentageBar { width: 250px; height: 10px; border: 1px solid #999999; float: right; margin-top: 2px;}
#percentCompleteText { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #666; padding-left: 22px; padding-top: 18px;}
#percentErrorMessage { padding-top: 10px; height: 40px; display: none; color: #990000; font-family: Arial, Helvetica, sans-seri; font-size: 10px; }

/* loader photo */
#uploadPercentagePhoto { width: 274px; height: 50px; position: relative; padding: 10px; display: none}
#percentageSpinnerPhoto { width: 16px; float:left; }
#percentageBarPhoto { width: 250px; height: 10px; border: 1px solid #999999; float: right; margin-top: 2px;}
#percentCompleteTextPhoto { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #666; padding-left: 22px; padding-top: 18px;}
#percentErrorMessagePhoto { padding-top: 10px; height: 40px; display: none; color: #990000; font-family: Arial, Helvetica, sans-seri; font-size: 10px; }
#trackArtworkUpload { }
.pageNumbers{ padding:2px 5px; margin:2px; border:1px solid #bbbbbb; margin-top:10px; font-weight:bold; color:#489ae4;}
.pageNumbers a, .pageNumbers a:hover, .pageNumbers a:visited{color:#489ae4;text-decoration:none;}
.pageNumber a:hover{text-decoration:underline;}
.totalRecords{color:#bbbbbb;}