@charset "utf-8";

/**
 * This file contains global style information
 * 
 * @author Marien den Besten
*/

*
{
    margin:0;
    padding:0;
}

html
{
    overflow:auto;
    overflow-y: scroll;
    overflow-x:auto;
}

body
{
    background-color:#EDEDED;
    text-align:center;
    margin:0 0 15px 0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

textarea
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

img
{
    border:0;
}

ul
{
    margin:0;
    padding-left:25px;
    margin-top:5px;
    margin-bottom:10px;
}

#container
{
    background-color:#FFF;
    padding:15px;
    width:860px;
    text-align:left;
    margin:auto;
    border:1px solid #CCC;
    border-top:0;
    position:relative;
    margin-bottom:30px;
}

#header
{
    height:100px;
    padding-top:15px;
    position:relative;
    margin-bottom:15px;
}

#header_image
{
    height:177px;
}

h1
{
    width: 212px;
    height: 70px;
    overflow: hidden;
    background:url(./images/logo.gif) no-repeat;
    font-size: 1px;
    position:absolute;
}

h1 a 
{
    padding-top: 70px;
    display: block;
}

h2
{
    font-size:19px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin:0 0 0 5px;
}

h2 strong
{
    font-size:19px;
}

h3
{
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin:5px 0 0 5px;
}

h3 strong
{
    font-size:17px;
}

p
{
    margin:5px 5px 10px 5px;
    line-height:16px;
    letter-spacing:0.5px;
    word-spacing:0px;
}

a
{
    color:#F08800;
    font-weight:bold;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

.button
{
    display:block;
    height:20px;
    background:url(./images/header_breadcrumb.jpg) repeat-x;
    text-align:center;
    color:#FFFFFF;
    position:relative;
    padding-top:0px;
    padding-left:25px;
    padding-right:5px;
    margin:0;
    line-height:18px;
    font-size:12px;
    width:auto;
    float:left;
}

.button img
{
    position:absolute;
    left:4px;
    top:2px;
}

#footer
{
    clear:both;
}

#footer img
{
    margin-top:10px;
}

#footer-text
{
    position:absolute;
    font-size:10px;
    margin-top:25px;
}

#footer-text a
{
    color:inherit;
    font-weight:inherit;
}

#header_links
{
    width:180px;
    position:absolute;
    text-align:right;
    padding-right:20px;
    line-height:16px;
    right:0;
    top:50px;
}

#header_language
{
    position:absolute;
    top:0;
    right:0;
}

#header_links a
{
    color:#999;
}

#header_links img
{
    position:absolute;
    right:0px;
}

#header_breadcrumb
{
    height:10px;
    width:850px;
    background-image:url(./images/header_breadcrumb.jpg);
    background-repeat:repeat-x;
    padding:5px;
    color:#FFF;
    font-size:10px;
    line-height:10px;
    z-index:20;
    clear:both;
    position:absolute;
    bottom:0;
}

#header_breadcrumb a
{
    color:#FFF;
    font-size:10px;
    font-weight:normal;
}

#header_breadcrumb_container
{
    position:absolute;
    height:14px;
    right:5px;
    top:2px;
}

#header_breadcrumb_basket
{
    background-color:#FFF;
    border:1px solid #CCC;
    float:right;
    position:relative;
    margin-right:5px;
    height:14px;
}

#header_breadcrumb_basket a
{
    display:block;
    padding-top:2px;
    padding-left:20px;
    padding-right:3px;
    font-size:10px;
    color:#999;
}

#header_breadcrumb_basket .icon_basket
{
    position:absolute;
    top:-2px;
    left:1px;
}

#header_breadcrumb_basket_content
{
    position:absolute;
    top:20px;
    right:-1px;
    display:none;
    color:#000;
    z-index:100;
    border:1px solid #CCC;
    padding:5px;
    background-color:#FFF;
}

#header_breadcrumb_basket_content div
{
    white-space:nowrap;
    overflow:visible;
    position:relative;
    line-height:12px;
    font-size:10px;
    border-top:1px solid #CCC;
    padding-top:5px;
    min-width:200px;
}

#header_breadcrumb_basket_content span
{
    display:block;
    padding-bottom:3px;
    font-family:Arial, Helvetica, sans-serif;
}

#header_breadcrumb_basket_content span strong
{
    font-family:Arial, Helvetica, sans-serif;
}

* html body #header_breadcrumb_basket_content div /* min-width fix for IE6*/
{
    width:200px;
}

/**
 * Start menu
*/
#menu
{
    width:163px;
    border:1px solid #CCC;
    padding:1px;
    float:left;
    position:relative;
}

#menu ul
{
    list-style-type:none;
    padding:0;
    margin:0;
}

#menu #welcome
{
    height:13px;
    background:url(./images/orange_33.jpg) repeat-x;
    font-size:12px;
    line-height:13px;
    color:#FFF;
    padding:10px 10px 10px 10px;
    border-bottom:1px solid #CCC;
    white-space:nowrap;
    overflow:hidden;
    width:143px;
}

#menu a
{
    display:block;
    height:15px;
    border-bottom:1px solid #CCC;
    color:#000;
    font-weight:normal;
    padding:10px 0 10px 25px;
    line-height:15px;
    white-space:nowrap;
    overflow:hidden;
    width:138px;
    font-size:10px;
}

#menu a img
{
    position:absolute;
    left:6px;
}

#menu #logout
{
    height:13px;
    background:url(./images/orange_33.jpg) repeat-x;
    font-size:12px;
    line-height:13px;
    color:#FFF;
    border:0;
}

#menu #more_info
{
    font-family:Arial, Helvetica, sans-serif;
    padding:10px;
    border-top:1px solid #CCC;
}

#menu #more_info strong
{
    display:block;
    color:#F08800;
    font-family:Arial, Helvetica, sans-serif;
}
/* End menu */

#content
{
    float:right;
    position:relative;
    width:680px;
}

#content #optionlist
{
    position:absolute;
    top:0;
    right:0;
    line-height:16px;
    border:1px solid #CCC;
    text-align:right;
    width:150px;
    border-bottom:0;
}

#content #optionlist img
{
    position:absolute;
    right:5px;
}

#content #optionlist a
{
    display:block;
    padding:2px;
    padding-right:25px;
    color:#000;
    font-weight:normal;
    border-bottom:1px solid #CCC;
}

#content #optionlist div
{
    border-bottom:1px solid #CCC;
    padding:2px;
    padding-right:5px;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
    background:url(./images/grey_35.jpg) repeat-x;
}

#content table
{
    border:1px solid #CCC;
    border-right:0px;
}

#content table tr th a
{
    color:#FFF;
}

#content table tr th
{
    height:35px;
    background:url(./images/grey_35.jpg) repeat-x;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    padding:0 5px 0 5px;
    border-right:1px solid #CCC;
    white-space:nowrap;
}

#content table td
{
    border-right:1px solid #CCC;
    padding:2px 5px 3px 5px;
}

#content .row1
{
    background-color:#EEE;
}

#content .row0
{
    background-color:#FFF;
}

#content .table_empty
{
    padding:5px;
}

#content .table_1_icon_left
{
    padding-left:30px;
}

#content .table_1_icon_left .icon_information,
#content .table_1_icon_left .icon_toggle_minus,
#content .table_1_icon_left .icon_toggle_plus,
#content .table_1_icon_left .icon_user,
#content .table_1_icon_left .icon_user_gray
{
    position:absolute;
    left:7px;
}

#content .table_1_icon_right
{
    padding-right:30px;
}

#content .table_1_icon_right .icon_delete,
#content .table_1_icon_right .icon_tick
{
    position:absolute;
    right:7px;
}

#content .table_2_icon_right
{
    padding-right:30px;
}

#content .table_2_icon_right .icon_delete,
#content .table_2_icon_right .icon_user_delete
{
    position:absolute;
    right:7px;
}

#content .table_2_icon_right .icon_find,
#content .table_2_icon_right .icon_user_edit
{
    position:absolute;
    right:28px;
}

#content .table_inks
{
    width:100px;
}

#content .table_download
{
    width:55px;
    text-align:right;
}

#content .table_download .icon_basket_add,
#content .table_download .icon_basket_delete,
#content .table_download .icon_delete
{
    position:absolute;
    right:5px;
}

#content .table_download .icon_accept
{
    position:absolute;
    right:26px;
}

#content .table_download .icon_new
{
    position:absolute;
    right:47px;
}

#content #basket_control,
#content #media_select
{
    border:1px solid #CCC;
    padding:3px;
}

#content #media_select #options
{
    border-top:1px solid #CCC;
    margin-top:9px;
    padding-top:11px;
    clear:both;
}

#content #less-more-options
{
    float:left;
    width:180px;
    border:1px solid #CCC;
    border-top:0;
    margin-left:5px;
    margin-bottom:10px;
}

#content #profile-table
{
    clear:both;
}

#content .table-bar
{
    border:1px solid #CCC;
    padding:5px;
    margin-bottom:10px;
    height:20px;
}

#content .table-bar span a
{
    color:#999;
    margin-left:7px;
    line-height:18px;
    font-size:10px;
}

#content .table-bar .button
{
    float:right;
}

#content #less-more-options a
{
    display:block;
    text-align:center;
    font-size:10px;
    line-height:14px;
    height:14px;
    color:#999;
}

#content #less-more-options a:hover
{
    text-decoration:none;
    background-color:#CCC;
}

#content #media_select span
{
    color:#999;
    font-size:12px;
    height:20px;
    line-height:16px;
    display:block;
    width:179px;
    text-align:right;
}

#content #media_select img
{
    position:absolute;
    left:5px;
}

#content #media_select select,
#content #media_select div.profile_search_form_fields
{
    float:right;
    width:490px;
    margin:0;
    padding:0;
}

#content #media_select div.profile_search_form_fields label
{
    margin-right:20px;
}

#content .list_navigation
{
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #CCC;
    padding:3px;
    font-size:10px;
    color:#999;
    line-height:18px;
}

#content .list_navigation a
{
    font-size:10px;
    position:relative;
}

#content .list_navigation a img
{
    float:left;
    margin-right:5px;
}

#content .list_navigation span
{
    font-size:10px;
    color:#999;
    float:right;
}

#content .list_options a
{
    position:relative;
    padding-left:20px;
}

#content .list_options a img
{
    position:absolute;
    left:0;
    top:-2px;
}

#content .list_options
{
    margin-top:7px;
    padding:0 3px 3px 3px;
    line-height:18px;
    font-size:10px;
}

#content #request_send_no
{
    display:none;
}

/**
 * Download interface 
*/
#loader 
{
    padding-left:25px;
    position:relative;
}
#loader img 
{
    position:absolute;
    left:5px;
}
#loaded 
{
    padding-left:25px;
    display:none;
}
#loaded img 
{
    position:absolute;
    left:5px;
}

/**
 * start form styles 
*/

.form_login input
{
    border:1px solid #999;
}

.form_left
{
    float:left;
    position:relative;
    width:180px;
    text-align:right;
    color:#F08800;
    height:18px;
    margin-bottom:5px;
}

.form_right
{
    float:left;
    position:relative;
    width:480px;
    height:20px;
    padding-left:15px;
    margin-bottom:5px;
}

.form_right select,
.form_right input
{
    width:350px;
}

.form_right textarea
{
    height:100px;
    width:350px;
}

.form_right .input_50,
.form_only_right .input_50
{
    width:168px;
    margin-right:10px;
}

.form_right #radio_rip,
.form_right #radio_driver,
.form_right #radio_ccr_yes,
.form_right #radio_ccr_onsite,
.form_right #radio_ccr_no
{
    width:auto;
}

.form_right label,
.form_only_right label
{
    margin-right:20px;
}

.form_only_right,
.form_only_right_auto_height
{
    float:left;
    position:relative;
    width:480px;
    margin-left:180px;
    height:20px;
    padding-left:15px;
    margin-bottom:5px;
}

* html body .form_only_right,
* html body .form_only_right_auto_height
{
    margin-left:0;/*bug fix for ie6*/
    padding-left:195px; /* the margin-left + 15 px */
}

.form_only_right_auto_height
{
    height:auto;
}

.form_explanation
{
    color:#F08800;
    font-size:10px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:10px;
}

.form_explanation span
{
    width:25px;
    height:10px;
    display:block;
    float:left;
    position:relative;
    text-align:right;
    padding-right:3px;
}

.form_buttons input
{
    visibility:hidden;
}

.form_buttons .button
{
    margin-right:10px;
}

.form_error
{
    color:#F00;
    font-weight:bold;
}

.form_login label
{
    font-size:10px;
    color:#999;
    text-align:left;
    display:block;
}

.form_login #register,
.form_login #forgot_password
{
    padding:0 0 10px 0;
    margin:0;
    border:0;
    color:#999;
    font-size:10px;
    height:11px;
    text-align:left;
}

.form_login #register
{
    padding-top:10px;
    padding-bottom:4px;
}

.form_login input
{
    width:150px;
    margin-bottom:3px;
}

.form_login
{
    text-align:right;
    margin-top:5px;
    margin-right:5px;
    margin-left:5px;
}

.form_login .error
{
    font-size:10px;
    color:#F00;
    margin-bottom:5px;
}

.form_login_button
{
    font-weight:bold;
    background-color:#FFF;
    text-align:right;
    cursor:pointer;
    color:#999;
}

/* Form fields which are hidden by default */

#form_printermanuf,
#form_printermodel,
#form_inktype,
#form_inksetup,
#form_mode,
#form_resolution,
#form_ripmanuf,
#form_ripsoftware,
#form_ripversion,
#form_media
{
    display:none;
}

#form_printermanuf input,
#form_printermodel input,
#form_inktype input,
#form_inksetup input,
#form_mode input,
#form_resolution input,
#form_ripmanuf input,
#form_ripsoftware input,
#form_ripversion input,
#form_media input
{
    width:350px;
}

/**
 * end form styles
*/

/**
 * Banner: hosted by
*/
#hostedbanner
{
    padding:5px;
    background-color:#FFF;
    border:1px solid #CCC;
    width:400px;
    height:55px;
    margin:10px auto;
    position:relative;
}

#hostedbanner span
{
    display:block;
    font-size:10px;
    position:absolute;
    bottom:20px;
    right:25px;
}

#hostedbanner span#profile-count
{
    bottom:13px;
}

#hostedbanner img
{
    float:left;
    margin-right:5px;
}