/* HTML elementit */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 18px;
    background-color: #fefefe;
    height:100%; background-image:url(/img/header/sitebg.gif); 
    padding:0 0 0 0; 
    margin: 0 0 0 0;
}

* > #studio_logo{
    cursor: hand;
    height: 83px;
    width: 189px;
    background-image: url(/img/header/studio_logo.png);
}

img {
    border: 0;
}

#studio_logo {
    display: block;
    margin-left: 50px;
}

#loginform {
    margin-left: auto;
    margin-right: auto;
}

/* company name without cufon */
#company_name {
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
    color: #ffffff;
}
/* company name with cufon active */
.cufon-active #company_name { 
    font-size: 18pt;
}
.cufon-loading #company_name { 
    visibility: hidden !important;
}

/* logged in user without cufon */
#logged_in_user {
    color: #fff;
    padding-top: 3px;
    margin-right: 10px;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    height: 25px;
    display:block;
    float:right;
}

/* company name with cufon active */
.cufon-active #logged_in_user { 
    font-size: 12pt;
}
.cufon-loading #logged_in_user { 
    visibility: hidden !important;
}
#logged_in_user span.cufon-canvas   {
    margin-top:1px !important;
} 

#selected_employee {
    margin-top: 11px;
    margin-left: 5px;
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
}
.cufon-active #selected_employee { 
    font-size: 12pt;
}
.cufon-loading #selected_employee { 
    visibility: hidden !important;
}
#selected_employee span.cufon-canvas   {
    margin-top:2px !important;
} 

.pink_title {
    font-weight: bold;
    font-size: 16pt;
    color: #ED8198;
    font-style: italic;
    margin-bottom: 20px;
}

.employee_listitem {
    margin: 5px 0 5px 0;
}
.employee_listitem a {
    font-size: 12pt;
    color: #ffffff;
    text-decoration: none;
}
.employee_listitem a:hover {
    font-size: 12pt;
    color: #e18196;;
    text-decoration: none;
}
.cufon-loading .employee_listitem { 
    visibility: hidden !important;
}

.employee_list_item_separator {
    border-bottom: #454545 solid 1px;
}
/* avautuvat divit */

#service_add_dropdown {display:none; z-index:6; position:absolute; margin-top:0px; margin-left:-286px; width:976px; height:310px;}
#customer_search_dropdown {display:none; z-index:6; position:absolute; margin-top:32px; margin-left:-359px; width:680px; height:381px;}
#employee_dropdown {display:none; z-index:6; position:absolute; margin-top:47px; margin-left:10px; width:272px; height:297px;}

/* service add dropdown */
.select_service_type_fields {
    margin-left: 20px;
    background-color: #ebebeb;
    display: none;
}
.select_service_type_fields div {
    margin-left: 5px;
}

/* Taustakuvat */
.service_basket_bg { background-image:url(/img/header/service_basket_bg.gif); background-position:bottom; background-repeat:no-repeat;}
.news_wide_bg { background-image:url(/img/header/news_wide_bg.gif); background-position:bottom; background-repeat:repeat-x;}
.service_add_dropdown_bg {background-repeat:repeat-y; background-image:url(/img/front/service_add_dropdown_bg.gif);}
* > .main_left_border {background-image:url(/img/header/main_left_border.png); background-repeat:repeat-y;}
* > .main_right_border {background-image:url(/img/header/main_right_border.png); background-repeat:repeat-y;}
.header_top_nav_bg {background-image:url(/img/header/header_top_nav_bg.jpg); background-repeat:no-repeat;}
.header_flash_clock_bg {background-image:url(/img/header/header_flash_clock_bg.jpg); background-repeat:no-repeat;}

/* Backgrounds */
#quick_customer_search_bottom {
    background-repeat:no-repeat;
}
* > #quick_customer_search_bottom {
    background-image: url(/img/front/customer_search_bottom.png);
}
#service_add_dropdown_bottom_bg {
    background-repeat: no-repeat;
}
* > #service_add_dropdown_bottom_bg {
    background-image: url(/img/front/service_add_dropdown_bottom.png);
}

* > #employee_dropdown_bottom {
    height: 11px;
    width: 272px;
    background-image: url(/img/front/employee_dropdown_bottom.png);
}

/* Buttons */

* > #button_add_new_service {
    cursor: hand;
    height: 22px;
    width: 85px;
    background-image: url(/img/buttons/button_add_new.png);        
}

#button_add_new_service {
    display: block;
}

* > .button_remove {
    background-image: url(/img/buttons/button_remove.png);
}

.button_remove {
    cursor: hand;
    height: 13px;
    width: 13px;
    display: inline-block;    
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-top: 4px;
}

#selected_customer {
    height: 13px;
    margin: 0 0 0 5px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

/* Linkit */

#top_nav_settings {
    cursor: hand;
    background-image: url(/img/navi/top_nav_settings.gif); 
    background-repeat: no-repeat; 
    width: 100px; 
    height: 25px;
    display:block;
}

#top_nav_support {
    cursor: hand;
    background-image: url(/img/navi/top_nav_support.gif); 
    background-repeat: no-repeat; 
    width: 68px; 
    height: 25px;
    display:block;
}

#top_nav_feedback {
    cursor: hand;
    background-image: url(/img/navi/top_nav_feedback.gif); 
    background-repeat: no-repeat; 
    width: 91px; 
    height: 25px;
    display:block;
}

#main_nav_customers {
    cursor: hand;
    background-image: url(/img/navi/main_nav_customers.gif); 
    background-repeat: no-repeat;
    width: 117px;
    height: 45px;
    display:block;
}

#main_nav_reservations {
    cursor: hand;
    background-image: url(/img/navi/main_nav_reservations.gif); 
    background-repeat: no-repeat;
    width:111px;
    height:45px;
    display:block;
}

#main_nav_something {
    cursor: hand;
    background-image: url(/img/navi/main_nav_something.gif); 
    background-repeat: no-repeat; 
    width: 91px; 
    height: 45px;
    display:block;
}

.button_save {
    cursor: hand;
    background-image: url(/img/buttons/button_save.gif);
    background-repeat: no-repeat;
    width:78px; 
    height:22px;
    display: block;
}

.button_cancel {
    cursor: hand;
    background-image: url(/img/buttons/button_cancel.gif);
    background-repeat: no-repeat; 
    width: 71px; 
    height: 22px;
    display: block;
}

#service_add_dropdown_content {width:936px; overflow-x:auto; overflow-y:hidden;}

#top_nav_logout {
    width: 39px; 
    height: 36px; 
    position: absolute; 
    margin-top: 22px; 
    margin-left: 165px;
    display: block;
}

* > #top_nav_logout{
    cursor: hand;
    height: 36px;
    width: 39px;
    background-image: url(/img/buttons/button_logout.png);    
}
* > #top_nav_left{
    height: 25px;
    width: 4px;
    background-image: url(/img/header/top_nav_left.png);    
}
* > #top_nav_right{
    height: 25px;
    width: 4px;
    background-image: url(/img/header/top_nav_right.png);    
}

/* headings */
#heading_employee {
    margin-top: 12px;
}

* > #heading_employee {
    height: 18px;
    width: 87px;
    background-image: url(/img/otsikot/heading_employee.png);    
}

* > #heading_customer_search {
    height: 11px;
    width: 78px;
    background-image: url(/img/otsikot/heading_customer_search.png);        
}

#heading_customer_search {
    margin-top: 16px;
}

* > #heading_basket_customer {
    background-image: url(/img/otsikot/heading_basket_customer.png);        
}

#heading_basket_customer {
    height: 11px;
    width: 68px;
}

* > #heading_basket_service {
    background-image: url(/img/otsikot/heading_basket_service.png);        
}

#heading_basket_service {
    height: 11px;
    width: 68px;
}

* > #heading_basket_maker {
    background-image: url(/img/otsikot/heading_basket_maker.png);
}

#heading_basket_maker {
    height: 13px;
    width: 68px;
}

#view_select_button {
    background-image: url(/img/buttons/button_calendarview.gif); 
    background-repeat: no-repeat; 
    width: 138px; 
    height:22px;
}

/* Muut elementit */

#service_selected_employee {
    width: 185px;
    font-family: Arial;
    border: 1px solid #898A8A;
}

* > #customer_search_key_arrow { 
    background-image: url(/img/header/arrow_up.png);
}

#customer_search_key_arrow { 
    background-repeat: no-repeat; 
    width: 50px; 
    height: 57px;
    position: absolute;
    z-index: 99;
    float: left;
    margin-top: 25px;
    margin-left: 50px;
    padding: 0;
    display: none;
}

#customer_search_key {
    width: 145px;
    font-family: Arial;
    border: 1px solid #898A8A;
}

#customer_search_button {
    margin-top: 10px;
}

#customer_search_sort {
    font-family: Arial;
    border: 1px solid #898A8A;
    margin-right: 7px;
}

#heading_search_results {
    margin-top: 5px;
}

.quicksearch_item_row_link {
    outline:0;
    text-decoration: none;
    color: #000000;
}

.quicksearch_item {
    text-decoration: none;
    color: #000000;
}

.quicksearch_item_odd {
    background-color: #e9e9e9;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.quicksearch_item_even {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.quicksearch_item_hover {
    border-bottom: 1px solid #898A8A;
    border-top: 1px solid #898A8A;
}

.quicksearch_item_select {
    background-color: #0ba632;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.quicksearch_item_last_name {
    cursor: hand;
    margin: 0 0 0 10px;
    width: 173px;
    height: 20px;
    float: left;
    padding: 0;
    overflow: hidden;
}

.quicksearch_item_first_name {
    cursor: hand;
    width: 123px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.quicksearch_item_phone {
    cursor: hand;
    width: 124px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.quicksearch_item_email {
    cursor: hand;
    width: 150px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.header_studio_logo_bg {
    background-image: url(/img/header/header_studio_logo_bg.jpg); 
    background-repeat: no-repeat;
    position: relative;
    z-index:6;
}

#ikkunasisalto {
    width: 412px;
    height: 400px; 
    overflow:auto;
    margin-top:15px;
}

#customer_search_dropdown_content {
    width: 600px; 
    height: 240px;
    overflow: auto;
}

#employee_dropdown_content {
    width: 220px; 
    height: 267px;
    overflow: auto;
}

#view_select {
    width: 138px;
    height: 22px;
    position: absolute;
    margin-top: 33px;
    margin-left: 35px;
}

/* Forms */

/* Login form */
#DarkAuthUsername {
    width: 194px;
}
#DarkAuthPassword {
    width: 194px;
}

#DarkAuthCookieExpiry {
    width: 200px;
}

#DarkAuthSubmit {
    width: 200px;
    margin-top: 10px;
}

#loginform div.checkbox {
    margin: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Forms */
.form_uneditable_title {
    clear: both;
    vertical-align: text-top;
    color: #444;
    font-size: 110%;
}
.form_uneditable_value {
    clear: both;
    margin-bottom: 1em;
    vertical-align: text-top;
    color: #000;
    font-weight: bold;
}
form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 80%;
}
fieldset {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 16px 20px;
    width: 89%;
}
fieldset legend {
    background:#fff;
    color: #ED8198;
    font-size: 120%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    margin-bottom: 1em;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 140px;
}
label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
}
input, textarea {
    clear: both;
    font-size: 140%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 2px;
    width: 100%;
}
select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}


/* Notices and Errors */
div.message {
    clear: both;
    color: #900;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px #999c9c solid;
    font-size: 110%;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
.error {
    background-image: url(/img/front/icon_error.gif);
    background-color: #e66647;
    background-repeat: no-repeat;
    background-position: center left;
    color: #000;
    padding: 10px 10px 10px 43px;
    margin: 0;
}
.notice {
    background-image: url(/img/front/icon_notice.gif);
    background-color: #fbff90;
    background-repeat: no-repeat;
    background-position: center left;
    color: #000;
    padding: 10px 10px 10px 43px;
    margin: 0;
}
.success {
    background-image: url(/img/front/icon_success.gif);
    background-color: #73cc74;
    background-repeat: no-repeat;
    background-position: center left;
    color: #000;
    padding: 10px 10px 10px 43px;
    margin: 0;
}
form > .notice {
    background: #fff;
    color: #000;
    padding: 0;
}
form > .error {
    background-color: #fff;
    background-image: none;
    color: #000;
    padding: 0;
}