/* General Styles */
body, p, li, ul, ol, td, font {font-size: 11px; line-height: 1.5em; color: #FFF; font-family: Arial, Helvetica, sans-serif;}
a {color: #000;}
a:hover {text-decoration: none; color: #ee8101;}

.yellow_border {border: 1px solid #fc0;}
.yellow_text {color: #fc0;}

.offblack_border {border: 1px solid #787878;}
.offblack_text {color: #787878;}
.offblack_text_bold {font-weight: bold; color: #787878;}

.white_border {border: 1px solid #FFF;}
.white_text {color: #FFF;}
.white_text_bold {font-weight: bold; color: #FFF;}
.white_text_bold_13 {font-size: 13px; font-weight: bold; color: #FFF;}
.white_text_bold_16 {font-size: 16px; font-weight: bold; color: #FFF;}
.white_text_5 {font-size: 5px; color: #FFF;}
.white_text_1 {font-size: 1px; color: #FFF;}
.white_text_10 {font-size: 10px; color: #FFF;}

.offorange_border {border: 1px solid #ff6600;}
.offorange_text {color: #ff6600;}
.offorange_text_bold {font-weight: bold; color: #ff6600;}

.black_border {border: 1px solid #000;}
.black_text {color: #000;}

input, select, option, textarea {background: #4c4d4f; color: #FFF; border-color: #FFF; border-width: 1px}
/*input, select, option, textarea {background: #e0e0e0; color: #000; border: 1px; border-width: 1px 1px;}*/
/*#select, option, textarea {background: #e0e0e0; color: #fff; border-color: #e0e0e0; border-width: 1px } */
/*#input {background: #FFF; color: #000; border: none; padding-left: 40px;} */
input:focus {background: #838383;}
/*.submit_button {font-weight: bold; padding: 2px;}*/
/*..submit_button {font-weight: bold; padding: 2px; color: #000; background: #fff}*/
.checkbox {border: none; background: none;}
.error {font-weight: normal; margin: 1em 0; margin-left: 68px; font-size: 12px; color: #F50000; text-align: center; background: #C7C7C7; border: 1px solid #FFF; border-width: 1px 0; padding: 3px 0; width: 520px;}
.error_share {font-weight: normal; margin: 1em 0; margin-left: 0px; font-size: 12px; color: #F50000; text-align: center; background: #C7C7C7; border: 1px solid #FFF; border-width: 1px 0; padding: 3px 0; width: 420px;}


/*body {background: #fc0;}*/
body {background: #303030;}


/*Backgrounds with NO widths declared */

#main_upload {background: #303030 url("/images/backgrounds/mosaic_background_upload.jpg") no-repeat;}
#main_confirm {background: #303030 url("/images/backgrounds/mosaic_background_confirm.jpg") no-repeat;}
#main_success {background: #303030 url("/images/backgrounds/mosaic_background_success.jpg") no-repeat;}
#main_share {background: #303030 url("/images/backgrounds/mosaic_background_share_begin.jpg") no-repeat;}
#main_margin {margin-left: 29px;}
#main_viewer {background: #303030 url("/images/backgrounds/viewer_background6.jpg") no-repeat;}


/* Uploading code */
#in_progress {display:none; position: absolute; top: 180px; left: 0; width: 100%; text-align: center;}
#in_progress div {width: 200px; height: 110px; padding-top: 50px; border: 1px solid #014864; background: #fff; text-align: center; margin: 0 auto; color: #000;}


/* Styles for the upload page */
.upload_table td {padding: 0 4px 15px 0;}

#dog_name {width: 150px;}
#birthday {width: 100px;}
#breed {width: 200px;}
#size {width: 150px;}
#loves {width: 400px;}
#dog_file {width: 300px;}
/*#email_field, #confirm_email, #name_field {width: 160px;}*/
.checkbox_td {padding-right: 5px;}
.checkbox_text {padding-right: 20px;}
input.checkbox {background: none}

#submit_buttons_upload {padding-left: 310px; margin: 5px 0;}
/*#submit_button {padding-left: 420px; font-weight: bold; background: #77787B;}*/
#submit_div {padding-left: 420px; font-weight: bold; background: none;}
#submit_button {font-weight: bold; background: none;}
#submit_buttons {padding-left: 310px; margin: 5px 0;}

/* Styles for the confirm page */
#confirm_table td {padding: 0 10px 3px 0;}
#dog_image {margin: 10px 0 10px 0;}

/* Styles for the Tell A Friend page */
#tell_a_friend td {padding: 0 10px 5px 0;}