/* Home Page Specific */

#uiHomePageImage
{
    display: block;
    margin: 15px 10px 0px 0px;
    float: left;
}

#uiHomeContent
{
    margin: 10px 0px 0px 0px;
}

#uiHomeContent .left_pane
{
    padding: 20px 0px 0px 0px;
    float: left;
    width: 200px;
    vertical-align: top;
}

#uiHomeContent .right_pane
{
    float: right;
    width: 550px;
}

#uiHomeContent #uiHMLogo
{
    margin: 0px 0px 0px 0px;
}

#uiHomeContent .left_pane div
{
    height: 40px;
}

#uiHomeContent .bottom_pane
{
    margin: 20px 30px 0px 0px;
    float: right;
    width: 550px;
    text-align: right;
}

#uiHomeContent .rollover_button
{
    display: block;
    padding: 10px 20px 0px 0px;
}

.tick
{
    margin: 0px 0px 0px 0px;
}

/* thesis-binding-prices.htm*/

.calc_button
{
    display: block;
    margin: 10px 0px 10px 0px;
}

.binding_prices, .extras_prices, .printing_prices
{
    margin: 10px 0px 10px 0px;
}
 
.binding_prices .col_1
{
    width: 250px;
    float:none;
}

.binding_prices .col_2, .binding_prices .col_3
{
    width: 80px;
}

.extras_prices .col_1
{
    width: 250px;
}

.extras_prices .col_2
{
    width: 80px;
}

.printing_prices .col_1
{
    width: 250px;
    float: none;
}

.printing_prices .col_2
{
    width: 80px;
}

.delivery_prices .col_1
{
    width: 250px;
    float: none;
}

.delivery_prices .col_2
{
    width: 100px;
}

/* about */

#frmAbout .testimonials div
{
    width: 700px;
    margin: 10px 10px 5px 40px;
}

/* convert.aspx */
#frmConversion .popup_container
{
    width: 400px;
    padding: 10px 0px 10px 10px;
}

#frmConversion .popup_container img
{
    padding: 15px 0px 15px 150px;
}

.free_conversions
{
    padding: 0px 0px 15px 0px;
    display: block;
    font-weight: bold;
    color: Red;    
}

files_table .label
{
    width: 100px;
}

.filename
{
    width: 250px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#uiFilenameRegexValidator
{
    margin: 0px 0px 0px 20px;
}

.file_field
{
    width: 415px;
}

#uiNoFilesPanel span
{
    margin: 0px 0px 10px 0px;
}

#uiNoFilesDropDown
{
    margin: 5px 0px 0px 0px;
}

#uiConversionDetailsPanel
{
    width: 600px;
    display: block;
    margin: 20px 0px 20px 40px;
}

/* success.aspx */
.adobe_reader img
{
    margin: 5px 0px 10px 0px;
}

.image_button
{
    display: block;
    margin: 10px 0px 10px 0px;
}

/* conversionerror.aspx*/

.sub_menu div
{
    padding: 5px 0px 5px 0px;
}

/* course.aspx */

#uiCoursePanel
{
    margin: 30px 10px 10px 50px;
}

#uiCoursePanel .drop_down
{
    min-width: 350px;
}

#uiCoursePanel .warning_label
{
    margin: 0px 0px 0px 10px;
}

/* cover.aspx */

.cover_custom
{
    margin: 10px 0px 5px 0px;
}

.cover_custom .radio_list
{
    margin: 10px 0px 0px 0px;
}

.spine_panel
{
    display: block;
    margin: 8px 0px 5px 0px;
}

.spine_parts
{
    display: block;
    margin: 15px 0px 15px 10px;
}

.spine_label
{
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0px 0px 0px;
    margin: 3px 10px 0px 10px;
}

.spine_input
{
    font-size: 13px;
    font-family: Times New Roman;
    font-weight: bolder;
    width: 400px;
    height: 15px;
    margin: 5px 10px 0px 10px;
}

.spine_input_24
{
    font-size: 14px;
    font-family: Times New Roman;
    font-weight: bolder;
    width: 400px;
    height: 15px;
    margin: 5px 10px 0px 10px;
}

.cover_panel
{
    border: #000000 3px solid;
    margin: 10px 0px 0px 0px;
    padding: 30px 0px 10px 0px;
    height: 760px;
    width: 536px;
    float: left;
}

.cover_validation
{
    margin: 40px 0px 0px 5px;
    float: left;
}

.cover_validation .warning_label
{
    display: block;
    padding: 0px;
    border: 0px;
    height: 15px;
    margin: 9px 0px 0px 10px;
}

.cover_input
{
    width: 455px;
    margin: 2px 0px 2px 40px;
    display: block;
    font-size: 13px;
    font-family: Times New Roman;
    text-align: center;
    font-weight: bolder;
}

.cover_input_24
{
    width: 455px;
    height: 15px;
    margin: 4px 0px 0px 38px;
    display: block;
    font-size: 14px;
    font-family: Times New Roman;
    text-align: center;
    font-weight: bolder;
}

.button_panel
{
    margin: 10px 0px 0px 10px;
}

.button_panel .warning_label
{
    display: inline-block;
    margin: 10px 0px 10px 0px;
}

/* characters.aspx */

#frmCharacters
{
    width: 500px;
}

#frmCharacters img
{
    margin: 4px 0px 0px 50px;
}

#frmCharacters .cover_input, #frmCharacters .cover_input_24
{
    height: auto;
}

/* binding.aspx*/

.binding
{
    margin: 15px 0px 15px 0px;
}

.binding .label 
{
    display: inline-block;
    width: 200px;
}

.binding .link_container
{
    margin: 10px 0px 10px 200px;
}

.binding .input_field
{
    margin: 0px 10px 0px 0px;
}

#uiExtrasTable
{
    border: 0px;
}

.extras_col_1
{
    width: 200px;
}

.extras_col_2
{
    width: 30px;
}

.extras_col_3
{
    width: 240px;
}

.extras_col_4
{
    width: 100px;
}

.extras_qty_col
{
    width: 270px;
}

/* login.aspx */

#uiLoginContainer
{
    width: 600px;
}

#uiLoginPanel
{
    width: 400px;
    margin: 30px 0px 20px 80px;
}

#uiLoginNav
{
    margin: -210px 0px 0px 0px;
    float: right;
}

#uiLoginNav div
{
    margin: 0px 0px 10px 0px;
}

#uiLoginNav div img
{
    padding: 0px 5px 0px 0px;
}

/* pages */

#frmPages .help_panel
{
    float: left;
    width: auto;
    margin: 5px 0px 5px 0px;
}

#frmPages .help_panel a
{
    display: block;
    margin: 4px 0px 0px 0px;
}

#frmAdobeTip
{
    width: 630px;
}

#uiPdfLogo
{
    float: left;
    display: inline;
}

#uiPdfPages
{
    margin: 15px 0px 15px 0px;
}

#frmAdobeTip .popup_container div span
{
    width: 500px;
}

.file_name
{
    font-weight: bold;
}

div.print_form div span
{
    width: 400px;
    display: block;
    margin: 0px 20px 0px 0px;
    float: left;
}

div.print_form div
{
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0px 5px 0px;
}

div.print_form div input
{
    display: block;
}

.radio_list
{
    margin: 10px 0px 5px 20px;
}

.pages_layout_table .col_1
{
    width: 425px;
}

.pages_table td
{
    border: 1px black;
}

.pages_table
{
    margin: 5px 0px 10px 0px;
}

.thumbnail_container
{
    margin: 30px 0px 0px 0px;
    width: 200px;
    height: 300px;
    float: right;
}

#uiThumbNailPanel
{
    width: 170px;
    height: 215px;
}

/* order */

.order_table
{
    margin: 20px 0px 10px 30px;
}

.order_table .table_col_1
{
    width: 450px;
}

.order_table .table_col_2
{
    width: 80px;
}

.order_table .table_col_3
{
    width: 80px;
    text-align: right;
}

#uiOrderContinueButton
{
    float: right;
    margin: 20px 150px 20px 0px;
}

/* service.aspx */
.service
{
    margin: 0px 0px 10px 0px;
}

.service div
{
    margin: 15px 5px 5px 5px;
}

.service div span.label
{
    width: 150px;
    display: block;
    float: left;
}

.service textarea
{
    margin: 10px 0px 15px 5px;
}

.service img.dotted
{
    margin: 0px 20px 0px 0px;
}

.service div input, .service div select
{
    margin: 0px 0px 0px 10px;
}

.calendar
{
    margin: 0px 0px 0px 10px;
    float: left;
}

.date_field
{
    margin: 0px 0px 0px 10px;
    width: 60px;
}

.credit_cards
{
    margin: 15px 5px 15px 5px;
}

.total_panel
{
    margin: 10px 0px 15px 0px;
    padding: 10px 10px 0px 10px;
}

.protx_logo
{
    display: block;
    float: right;
}

/* service.aspx */

.service .button
{
    margin: 20px 0px 10px 0px;
}

/* Custom Classes */

.help_panel
{
    display: block;
    float: right;
    width: 200px;
}

.help_panel .navigation
{
    padding: 3px 0px 0px 0px;
}

.help_icon
{
    width: 24px;
    display: inline;
    float: left;
    margin: 0px 5px 0px 0px;
}

.highlight
{
    font-style: italic;
}

.links
{
    height: 28px;
}

.links span
{
    margin: 10px 0px 0px 0px;
}

.quotation_mark
{
    padding: 0px 3px 3px 5px;
    width: 12px;
    height: 10px;
}
.quotation
{
    font-weight: bold;
}

.quotee
{
    font-style: italic;
    display: block;
    margin: 10px 0px 10px 0px;
}

.top_anchor
{
    float: left;
    margin: 15px 0px 0px 0px;
}

.menu
{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.menu li
{
    margin-left: 0px;
    padding: 2px 0px 2px 0px;
}

.main_menu
{
    text-align: right;
}

.main_menu .menu li
{
    margin-left: 0px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #000;
    list-style: none;
    display: inline;
}

#imageBox
{
    width: 500px;
    height: 400px;
}

.left_pane
{
    display: inline;
    width: 540px;
    float: left;
    padding: 10px 0px 0px 0px;
}

.right_pane
{
    display: inline;
    width: 200px;
    float: right;
}

#frmExampleBindings .navigation, #frmExtras .navigation
{
    padding: 10px 0px 5px 0px;
}

#uiFeebackForm .label
{
    width: 180px;
    display: block;
    font-weight: bold;
}
#uiFeebackForm .page_content div
{
    padding: 10px 0px 5px 0px;
}

#uiCommentsTextBox
{
    width: 500px;
}

.table_header td
{
    font-weight: bold;
}

table .item
{
    background-color: #FFFFCC;
}

.manage_table
{
    width: 700px;
}

.manage_table td
{
    padding: 5px;
}

.manage_table .col_1
{
    width: 340px;
}

.manage_table .col_2
{
    width: 90px;
}

.manage_table .col_3
{
    width: 150px;
}

.manage_table .col_4
{
    width: 60px;
}

.manage_table .col_5
{
    width: 60px;
}

#frmPrivacy
{
    width: 470px;
    padding: 20px;
}

.feedback_input
{
    width: 400px;
}

.comment_box
{
    width: 500px;
    height: 150px;
}

.page_container
{
    width: 780px;
    padding: 0px 0px 0px 15px;
}

.header
{
    font-family: Arial;
    color: #ff9900;
    font-size: 16px;
    font-weight: bold;
}

.page_content
{
    width: 780px;
    margin: 15px 30px 10px 20px;
    min-height: 300px;
}

.page_footer
{
    width: 100%;
    height: 40px;
    font-size: 10px;
    margin: 40px 0px 40px 0px;
}

.page_footer th
{
    background-color: #ff9900;
}

.input_field
{
    width: 250px;
    height: 20px;
}

.button
{
    margin: 20px 10px 10px 0px;
    width: 70px;
}

.collection .left_pane
{
    float: left;
    width: 185px;
    display: inline;
}

.collection .right_pane
{
    float: right;
    display: inline;
    margin: 10px 0px 0px 5px;
    width: 590px;
}

#uiNorthDirections
{
    position: absolute;
    top: 245px;
    left: 630px;
    width: 195px;
    right: 407px;
}

#uiSouthDirections
{
    position: absolute;
    top: 490px;
    left: 630px;
    width: 195px;
    margin-top: 0px;
}

#uiBusDirections
{
    position: absolute;
    top: 477px;
    left: 245px;
    width: 145px;
}

.clear_fix
{
    clear: both;
}

.preview_image
{
    width: 690px;
    height: 867px;
    display: block;
    margin: 5px 0px 0px 0px;
}

.data_row
{
    background-color: rgb(255, 255, 204);
}

.swatch
{
    width: 122px;
    height: 100px;
}

.swatch span
{
    display: block;
    width: 122px;
}

.swatch img
{
    width: 60px;
    height: 60px;
    display: block;
    vertical-align: bottom;
}

#frmCase
{
    width: 300px;
}

#uiBindingsRule
{
    width: 440px;
    float: left;
    color: Gray;
    margin: 20px 0px 20px 0px;
}

.preview_rollover img
{
    margin: 20px 0px 20px 0px;
}

#uiBindingPreviewPanel
{
    margin: 10px 0px 15px 0px;
}

#uiPreviewAcceptPanel
{
    margin: 5px 0px 5px 0px;
}

.binding_style_col_header, .cover_color_col_header, .lettering_col_header, .extras_col_header, .quanitity_color_header, .cost_col_header
{
    font-weight: bold;
}

.binding_style_col_header
{
    width: 140px;
}

.cover_color_col_header
{
    width: 120px;
}

.lettering_col_header
{
    width: 65px;
}

.extras_col_header
{
    width: 265px;
}

.quanitity_color_header
{
    width: 30px;
}

.cost_col_header
{
    width: 50px;
}

.delete_col_header
{
    width: 60px;
}

.display_table
{
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    margin: 10px 0px 20px 0px;
}

.display_table td
{
    padding: 3px;
}

.warning_label
{
    color: #FF0000;
    padding: 5px 0px 5px 0px;
}

.arrow_icon
{
    padding: 0px 5px 0px 0px;
}

.number_field
{
    width: 60px;
}

.step
{
    font-family: Tahoma, Arial;
    color: Black;
}

.files_table
{
    margin: 20px 0px 40px 0px;
}

.files_table td
{
    padding: 5px;
}

.upload_col_1, .upload_col_2, .upload_col_3, .upload_col_4, upload_col_5, upload_col_6
{
    font-weight: bold;
}

.upload_col_1
{
    width: 70px;
}

.upload_col_2
{
    width: 270px;
}

.upload_col_3
{
    width: 85px;
}

.upload_col_4
{
    width: 145px;
}

.upload_col_5
{
    width: 40px;
}

.upload_col_6
{
    width: 50px;
}

.file_input
{
    width: 300px;
    display: block;
}

.total_panel
{
    width: 256px;
    height: 56px;
    font-weight: bold;
    border-style: solid;
}

.problem_form .label
{
    font-weight: bold;
    display: block;
    margin: 10px 0px 5px 0px;
}

#frmProduction .popup_container
{
    width: 350px;
    padding: 20px;
}

#frmProgressBar .popup_container
{
    width: 400px;
    padding: 20px;
}

.display_panel
{
    width: 700px;
    background-color: #FFFFCC;
}

.registration_form
{
     padding: 20px 0px 0px 0px;
}

.registration_form .label
{
    width: 140px;
    text-align: right;
    padding: 0px 10px 0px 0px;
    float: left;
}

.registration_form span
{
    width: 200px;
}

.registration_form .button
{
     margin: 10px 0px 0px 150px;
}

.registration_form .required
{
     margin: 0px 0px 0px 40px;
}

.label
{
    font-weight: bold;
}

#frmProgressBar .label
{
    width: 150px;
}

#frmCalc .popup_container
{
    padding: 0px 0px 0px 10px;
}

#frmCalc tr
{
    height: 18px;
}

.calc_col_1
{
    width: 210px;
}

#uiBindingStylesWarningLabel
{
    margin: 0px 0px 3px 203px;
}

.CoverInputRight
{
    font-size: 13px;
    font-family: Times New Roman;
    text-align: right;
    font-weight: bolder;
    width: 456px;
    height: 21px;
}

.sub_header
{
    font-size: 14px;
    font-weight: bold;
}

.navigation
{
    color: #4D57A5;
    font-weight: bold;
}


.invoice
{
    border: solid, 1px, gray;
    padding: 0px;
}

#SpellingSuggestions
{
    background-color: White;
    border: solid 1px gray;
    padding: 5px;
    display: none;
}

/* Overrides */

h1
{
    font-family: Arial;
    color: #ff9900;
    font-size: 16px;
    font-weight: bold;
}

h2
{
    font-size: 14px;
    font-weight: bold;
}

body
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

table
{
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
}

td
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    text-transform: none;
    word-spacing: normal;
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
}

th
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    text-transform: none;
    word-spacing: normal;
}

A:link
{
    text-decoration: none;
    color: #4D57A5;
}

A:visited
{
    text-decoration: none;
    color: #6E76B6;
}

A:active
{
    text-decoration: none;
    color: #6E76B6;
}

A:hover
{
    text-decoration: underline;
    color: #6E76B6;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
}

input, select
{
    font-family: Tahoma, Arial;
    height: 20;
}

/* MAPP Order Form */
#mapp_form div
{
    padding: 4px;
}

#mapp_form .col_1
{
    float: left;
    display: block;
    width: 150px;
}

#mapp_form .col_2
{
    float: none;
}

#mapp_form input
{
    width: 250px;
}

.mapp_marketing, .mapp_address
{
    padding-top: 5px;
}

#mapp_form .warning_label
{
    padding-left: 10px;
}

.mapp_marketing .warning_label
{
    padding-left: 0px !important;
}

.mapp_marketing .col_1
{
    width: 270px !important;
}

.mapp_notes .text_area
{
    width: 380px;
}

#mapp_form .button
{
    width: auto;
}