/* Reset */
p, ol, dl, ul, p, h1, h2, h3, h4, h5, h6, form {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    border: none;
    font-weight: normal;
    font-size: 100%;
    clear: both;
}
img {
    border: none;
}




/* General */
html, body {
    margin: 0;
    padding: 0;
}
body {
    text-align: center; /* IE5- */
    font-family: Trebuchet MS;
    font-size: 70%;
    line-height: 140%;
    color: #000000;
    background-color: #ffffff;
    margin:0px;
    background: #6699CC url(/images/ruby/bodygradient.jpg) repeat-x;
}
#page {
    text-align: left; /* IE5- */
    width: 670px;
    margin: 0;
    margin-top:0px;
    padding: 0;
    background-color:white;
    border: 1px solid #000000;
    
}
#dialog_page {
    text-align: left; /* IE5- */
    width: 90%;
    margin: auto;
    padding: 10px;
    position: relative;
}
fieldset {
    display:inline;
    padding: 10px;
}

input {
    font-family: Arial;
    font-size: 100%;   
}
input:hover {
}

input.button {
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
}
input[type=hidden] {
    display: none;
}
label {
    font-weight: bold;
}
a:link {
    color: #278AB5;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #278AB5;
    font-weight: bold;
    text-decoration: none;
}
a:visited:hover, a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

dl {
    display:block;
}

dt {
    width: 180px;
    
    text-align:left;
    margin-left:0px;
    float:left;
    
}

dd {
    text-align:left;
    margin:0px;
    
}

.tr_hover
{ 
    background-color:#000000; 
    cursor:pointer; 
    color:#ffffff;
}

.error_msg, .required, .important_msg, .unread
{
    color:#ff0000;
    font-weight:bold;
}




/* table_list */
.table_list{
    width: 95%;
    border-collapse: collapse;
    border: 1px solid #f5f5f5;
    margin: 1em 10px; 
}
.table_list th{
    background-color: #f5f5f5; 
}
.table_list td{
    border-bottom: 1px solid #f5f5f5; 
}





/* Text content */
.text_container {
    margin: 1em 10px;
}
#main_primary .text_container {
    margin: 1em 15px;
}
#main_primary .text_container p, #main_secondary .text_container p {
    margin: 1em 0;
}
#main_secondary h1 {
    background-color: #998EAD;
    font-size: 120%;
    color: #fff;
    padding: .3em 10px .3em 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#main h1 {
    background-color: #998EAD;
    font-size: 150%;
    color: #fff;
    padding: .3em 10px .3em 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#confirmDiv h2,
#main h2 {
    background-color: #998EAD;
    font-size: 120%;
    color: #fff;
    padding: .3em 10px .3em 30px;
    font-weight: bold;
    letter-spacing: 1px;
}
#main h3 {
    font-size: 120%;
    color: #000000;
    padding: 10px ;
    font-weight: bold;
    letter-spacing: 1px;
}





/* Dialog styles */


#dialog_page h1 {
    font-size: 150%;
    color: #000000;
    padding: .3em 10px .3em 0px;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#dialog_page h2 {
    font-size: 120%;
    color: #000000;
    padding: .3em 10px .3em 0px;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
#dialog_page h3 {
    font-size: 120%;
    color: #000000;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}




/* Menu */
#main_menu_container {
    background-color: #000000;
    overflow: hidden;
    width: 970px;
}
#main_menu_container img {
    display: inline;
}
#main_menu_container a {
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: .3em 1em;
    text-decoration: none;
}
#main_menu_container li.selected a, #main_menu_container li a:hover {
    background-color: #998EAD;
}
#main_menu_container ul {
}
#main_menu_container li {
    float: left;
}
#main_menu {
    padding-left: 220px;
}




/* Editor menu */
#editor_menu_container {
    overflow: hidden;
    width: 450px;
    margin: 5px 25px;
    position: absolute;
    top: 10px;
    right: 3px;
}
#tp_impersonate, 
#login_info_container {
    float: none;
    clear: both;
    padding-top:5px;
}
#w3ss_adminMenuUl li {
    float: left;
    margin-right: 10px;
}



/* Header */
#header {
    background-color: #f5f5f5;
}
#logotype {
    padding: 0 0 0 0;
}
#flag_container {
    position: absolute;
    top: 99px;
    left: 25px;
}
#flag_container img {
    border: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#flag_container img.selected {
    border: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}
#flag_container img:hover {
    border: 0;
    filter: alpha(opacity=10);
    opacity: 1;
}


#flag_container li {
    float: left;
}
#flag_container a {
    display: block;
    margin-right: 3px;
}



/* Top image */
#TopImage {
    margin-bottom: -1em;
}



/* Panes */
#pane_container {
    clear: both;
    overflow: hidden;
    width: 100%;
    background: url(/images/bg-stripe.png) #fff repeat-y top left;
    padding-bottom: 0em;
}
#pane_container.wide {
    background: url(/images/bg-stripe-wide.png) #fff repeat-y top left;
}   
.pane {
    float: left;
}
#pane1, #main_secondary {
    width: 220px;
    background-color: #f5f5f5;
}
#main {
    width: 750px;
}
#main_primary {
    width: 530px;
}



/* Sub menu */
#sub_menu_container a {
    display: block;
    text-decoration: none;
    padding: .3em 15px .3em 25px;
}
#sub_menu_container li li a { padding-left: 35px; font-weight: normal; }
#sub_menu_container li li li a { padding-left: 45px; }
#sub_menu_container li li li li a { padding-left: 55px; }
#sub_menu_container li li li li li a { padding-left: 65px; }

#sub_menu_container a, #sub_menu_container a:visited {
    color: #311173;
}
#sub_menu_container a.selected, #sub_menu_container a:hover {
    background-color: #ffffff;
}
#sub_menu_container li ul {
    display: none;
}
#sub_menu_container a.expanded {
    background-image: url(/images/tree/menu-arrow-expanded.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#sub_menu_container a.collapsed {
    background-image: url(/images/tree/menu-arrow-collapsed.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#sub_menu_container li a.expanded, #sub_menu_container li a.collapsed { background-position: 10px .5em; }
#sub_menu_container li li a.expanded, #sub_menu_container li li a.collapsed { background-position: 20px .5em; }
#sub_menu_container li li li a.expanded, #sub_menu_container li li li a.collapsed { background-position: 30px .5em; }
#sub_menu_container li li li li a.expanded, #sub_menu_container li li li li a.collapsed { background-position: 40px .5em; }
#sub_menu_container li.expanded ul {
    display: block;
}



/* Replacement for Sub menu */
#B2C_item_tree_replacement_container {
    
    
}



/* Search box */
#search_container {
    margin: 1em 15px 1em 25px;
}
#search_container #q {
    width: 65%;
}
#search_submit {
    width: 30%;
}
#search_advanced a {
    font-size: 85%;
}

#simple_search_Item_Description
{
    border: 1px solid #000000;
    width: 101px;
}


/* Shopping cart */
#shoppingCart {
    float:left;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    background-color: #000000;
    color: #fff;
    font-weight: bold;
    padding: .3em 1em;
    text-decoration: none;
}

#shoppingCart #priceType {
    display: inline;
    padding-right:20px;
    text-align: center;
    vertical-align: middle;
}
#shoppingCart select {
    display: inline;
    font-family: verdana;
    font-size: 85%;
}

#checkout_list ul li
{
    text-align:center;
    display:block;
    float:left;
}


#checkout_list ul li hr
{
    margin: 10px 0px 0px 0px;
    color:black;
    width:80px;
    height:1px;
}

#checkout_list ul li img
{
    border:0;
}



.iframe_search
{
    background-color:#ffffff;
    width:90%;
}




/* View Basket */
#theItemTable{
    width: 95%;
    border-collapse: collapse;
}
#theItemTable td {
    border-bottom: 1px solid #ffffff;
}

#theItemTable td#freight_ruler_cell {
    border-bottom: 1px solid #fff;
}
#freight_ruler{
    display:none;
}

#div_calc{
    text-align: right;
    width: 95%;
    margin-bottom: 20px;
}
#calc_table{
    border-collapse: collapse;
    width: 300px;
    display: inline;
}

#div_calc td {
    border-bottom: 1px solid #ffffff;
    text-align: left;
    width: 150px;
}

#div_calc #calcDiscount,
#div_calc #calcAmount,
#div_calc #calcAmountIncVAT,
#div_calc #calcVAT{
    text-align: right;
}

#div_calc #calcAmountIncVAT{
    border-top: 2px solid #ffffff;
}
#view_basket_button_container{
    text-align: center;
}
#div_no_items{
    display:none;
}




/* Enter Details */
#order_details_container,
#shipping_adress,
#shipping_container,
#enter_details_password_container{
    float:clear;
}

#order_details_container label,
#shipping_adress label,
#shipping_container label,
#enter_details_password_container label{
    width: 23%;
    display:inline;
    float: left;
    margin: 2px;
}

#order_details_container .textbox,
#shipping_adress .textbox,
#shipping_container .textbox,
#enter_details_password_container .textbox{
    width: 24%;
    display:inline;
    float: left;
    margin: 2px;
}

#order_details_address,
#order_details_address2,
#order_details_postcode,
#order_details_shipping_address,
#order_details_shipping_address2,
#order_details_shipping_postcode{
    float: none;
    clear: both;
}

#order_process_buttons{
    text-align: right;
}

#order_details_credit_cards{
    margin-top: 10px;
    margin-left: 50px;
}

#order_details_deliveryType{
    display: block;
}

#order_details_deliveryType .radio{
    float: left;
}

#show_change_shipping_address{
    display: block;
    float: none;
    clear: both;
    margin-bottom: 40px;
}

#show_change_shipping_address .radio{
    float: left;
}




/* Order Confirmation */
#confirmation_amount_ruler_container,
#confirmation_freight_ruler_container,
#confirmation_total_ruler_container{
    display:none;
}

#confirmation_freight_line,
#confirmation_amount_line,
#confirmation_vat_line,
#confirmation_total_line{
    font-weight: bold;
}


.ProductAddButton {
    margin-left: 5px;
}

/* width & height should also be set in pageHader. IE can not reach them from here to calulate the position*/

#confirmDiv
{
    border:10px solid #311173;
    background-color:#998EAD;
    position:absolute;
    left:0px;
    top:0px;
    z-index:5000;
    padding:20px;
    width:303px;
    height:102px;
    text-align:middle;
    vertical-align:middle;
    display:none;
    filter: alpha(opacity=50);
    opacity: 0.5;
}




#refreshMenuDiv
{
    margin-right:10px;
    position:relative;
    top:20px;
}




/* Product List - list Mode */
ul.product_list_list {
    padding: 1em 15px;
}
ul.product_list_list li {
    border-bottom: 1px solid #000000;
    width: 500px;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
ul.product_list_list .product_image {
    width: 155px;
    float: left;
    text-align: center;
}
ul.product_list_list .product_image img {
    max-width: 140px;
    margin-left: 15px;
}
ul.product_list_list .product_info {
    float: right;
    width: 320px;
    padding-right: 15px;
    position: relative;
}
ul.product_list_list .product_title {
    margin-bottom: 1em;
}
ul.product_list_list .price {

}
ul.product_list_list .product_add {
    position: absolute;
    right: 15px;
    bottom: 0;
    padding-left: 10px;
}





/* Product List - list Mode for tables */
table.category_list {
    border-collapse: collapse;
    width: 100%;
}
table.category_list th {
    font-weight: bold;
}
table.category_list td,
table.category_list th {
    padding: .4em 6px;
}
table.category_list thead {
    background-color: #998EAD;
    font-size: 120%;
    color: #fff;
    font-weight: bold;
}




/* Product List - matrix */
ul.product_list_matrix {
    padding: 1em 0 1em 15px;
}
ul.product_list_matrix li {
    width: 150px;
    float: left;
    border: 2px solid #f5f5f5;
    margin-right: 10px;
    margin-bottom: 10px;
    _margin-bottom: 0px; /* for win-ie */
}

ul.product_list_matrix li {
    height:180px;
}
ul.product_list_matrix li[class] {
    height: auto;
    min-height: 180px;
}


ul.product_list_matrix .product_info{
    padding: 5px;
}
ul.product_list_matrix .product_image{
    text-align: center;
    background-color: #f5f5f5;
    padding: 3px;
    min-height: 70px;
}
ul.product_list_matrix .product_add{
    margin: 0px;
    text-align: right;
}
ul.product_list_matrix .price_prefix{
    display: none;
}
ul.product_list_matrix .price{
    margin-top: 10px;
}
ul.product_list_matrix .product_inventory{
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
}



#category_product_list li{
    width: 345px;
}


/* some ie css bug work arounds */
ul.product_list_matrix li.matrix_spacer{
    clear: both;
    float: none;
    width: 90%;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
    height: 0px;
    overflow: hidden;
    display:block;
}
.matrix_row {
    clear: both;
    float: none;
}








/* Page IDs */




/* Terms & Conditions */
#terms_intro, 
#terms_body {
    padding-bottom: 20px;
}
#terms_buttons {
    text-align:center;
    padding: 30px;
}
#terms_buttons .button{
    width: 120px;
}
#terms_close_button{
    width: 120px;
    position: absolute;
    right: 5px;
    top: 5px;
}



/* Start Page */
#main .news_listing_container {
    background-color: #998EAD;
    color: #fff;
    margin-top: 0px;
}
#main .news_listing_container h2 {
    background-color: #000000;
    font-size: 120%;
    color: #fff;
    padding: .3em 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#main .news_listing {
    padding: 0 10px;
    border-bottom: 1px solid #998EAD;
}
#main .news_listing h3 {
    display: inline;
    font-size: 100%;
}
#main .news_listing .date {
    font-weight: bold;
    display: inline;
}
#main .news_listing .readmore {
    text-align: right;
}
#main .news_listing_container .news_listing a {
    color: #fff;
}
#main .news_listing li {
    margin: 1em 0;
}
#main_image {
    width: 530px;
    height: 140px;
    margin: 0;
} 
#start_special_offers_list{
    margin-bottom: 10px;
}
#top_sales_list a{
    color: #fff;
}
#top_sales_list{
    padding-bottom:20px;
}
#top_sales_list li{
    list-style: circle;
    margin-left: 10px;
}


/* Subscription form */
#contactForm label,
#SubscriptionForm  label{
    width:160px;
    display:block;
    float: left;
}

#contactForm .textbox,
#SubscriptionForm  .textbox{
    margin: 2px;
}

#SubscriptionForm_Submit{
    margin-top: 10px;
    margin-left: 400px;
}

#UnSubscriptionForm_Submit{
    margin-top: 10px;
    margin-left: 400px;
}



/* customer & contact details */
#contact_details_container,
#customerDetails_container{
    padding-top: 30px;
    float:clear;
}

#contact_details_container label ,
#customerDetails_container label{
    width: 23%;
    display:inline;
    float: left;
    margin: 2px;
}

#contact_details_container .textbox,
#customerDetails_container .textbox{
    width: 24%;
    display:inline;
    float: left;
    margin: 2px;
}

#customerDetails_terms_container{
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    float:none;
    clear:both;
}

.contact_details_permission{
    float:left;
    width: 250px;
}

#contact_details_buttons{
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    
}




/* forum */
#forum_admin_info{
    width: 400px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ff0000;
}
#forum_path{
    background-color: #f5f5f5;
    margin-top: 5px;
    padding: 3px;
}







#mail_example, #mail_example2
{
}

#select_lists select
{
    width:150px;
    display:block;
}
#select_lists div
{
    width:150px;
    float:left;
    text-align:center;
}

#select_lists div input
{
    width:130px;
}
    

.timer_msg
{
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;
}

    
/***************************************
CALENDAR
****************************************/
    input.w3ss_calendar
    {
        background-color: white;
        color: black;
        font-family:arial;font-size:10px;
    }
    
    div.calendarTable
    {
        border: 2px solid #2244aa;
    }
    
    #w3ss_DateSelector
    {
        z-index:99999999;
        position:absolute;
        top:0px;
        left:0px;
        float:right;
        padding:4px;
        display:none;
        background-color: #ffffff;
    }
    
    .calendar_date_selected, .calendar_date_selected span
    {
        color:#ffffff;
        background-color:#222222;
        cursor:pointer;
    }
    
    .calendar_date_unselected, .calendar_date_unselected span
    {
        color:#000000;
        background-color:transparent;
        cursor:pointer;
    }
    
    .calendar_date_unselected_sa_su, .calendar_date_unselected_sa_su span
    {
        background-color:#ffeeee;
        font-family:arial;
        font-size:10px;
        text-decoration: none;
        color:#000000;
    }
    
    
    #w3ss_CalandarTableDays
    {
        z-index:444;
        position:relative;
        left:0px;
        top:0px;
        border:0;
        padding:0;
    }
    
    #w3ss_CalandarTableDays th
    {
        border-bottom: 1px dashed #2244aa;
        align:left;
        text-align:left;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
    }
    
    #w3ss_CalandarTableDays td
    {
        align:right;
        text-align:right;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
        width:18px;
        height:14px;
        cursor:pointer;
    }
    
    #w3ss_CalandarTableDays td.weekNo
    {
        width:10px;
        border-right: 1px dashed #2244aa;
        align:right;
        cursor:pointer;
        text-align:right;
        font-style:italic;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
    }
    
    .w3ss_markedDateControl
    {
        color:#ffffff;
        background-color:#000080;
    }
    
    .w3ss_dateControl
    {
        color:#000000;
        background-color:#ffffff;
    }
    
    






TD.FaneBokse{
  border:solid 1px #000000; 
  color:#000000; 
  background-color:#83C0DF;
  font-weight:bold;
  cursor:pointer;
}

TD.navigationsmenu{
  font-size:16px;
  background-color:#003366;
  color:#FFFFFF;    
}

TR.navigationsmenu{
  background-color:#003366;    
  padding-left:30px;
}

TD.AndenTopbar{
  background-color:#FFFFFF;
  font-size:20px;
   font-family:Times, Times new roman;
  color:#666666;          
  padding-right:30px;
  border-bottom:dotted 0px gray;
}

.ContentBorder{
  border-left:dotted 0px #666666; 
  border-right:dotted 0px #666666;
}

.Soegefeltblaa{
  color:#FFFFFF;
  background-color:#3399cc;
  font-size:12px;
  
}

td.finddinrejse{
   padding-left:30px;
   padding-top:30px;
   padding-bottom:30px;
}

td.finddinrejseNy{
   padding-left:10px;
   padding-top:0px;
   padding-bottom:10px;
}

td.klode{
   padding-right:75px;
   padding-top:30px;
}

td.SoegHeadline{
   padding-left:30px;
   font-size:20px;
}

.selboxblaa{
   font-size:10px;
   width:150px;   
}

td.margin30right{
  padding-right:30px; 
}

td.SoegHeadText{
  padding-left:30px;
  font-size:12px;
  padding-top:10px;
  padding-bottom:20px;
}

td.SoegBlaaNaeste{
  padding-bottom:0px;
  padding-right:30px;
  padding-top:0px;
}

.siteRightTopDes{
  padding-left:15px;
  padding-right:0px;
  padding-top:15px;
  padding-bottom:15px; 
  border-bottom:dotted 1px #666666; 
}

.siteRightTop{
  padding-left:20px;
  padding-right:20px;
  padding-top:30px;
  padding-bottom:20px;
  border-right:dotted 0px #666666;
  border-left:dotted 1px #666666;
  border-bottom:dotted 1px #666666;    
}


.siteRight{
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
  border-right:dotted 0px #666666;
  border-left:dotted 1px #666666;
  border-bottom:dotted 1px #666666;    
}

.siteRightDesDato{
  padding-left:15px;
  padding-top:15px;
  padding-bottom:15px;
  border-bottom:dotted 1px #666666;
    
}

.Rubybund{
  border:dotted 1px #666666;    
  background-color:#ffffff;
  padding-top:5px;
  padding-bottom:5px;
}

.HoejreSide{
  padding-top:20px;
}

.RubySideOverskrift{
  font-size:16px;
  font-weight:bold;
  padding-bottom:20px;
}

.RubySoegOverskrift{
  font-size:20px;
  font-weight:bold;
}

.RubyKampagner{
  padding-left:20px;
  padding-right:20px;
  padding-top:30px;
  padding-bottom:10px;
   font-size:16px;
  font-weight:bold;
}

.RubyKampagner2{
   padding-bottom:20px;
   font-size:16px;
  font-weight:bold;
}

.RubyKampagner1{
  padding-left:20px;
  padding-right:20px;
  padding-top:8px;
  padding-bottom:8px;
}

.RubyIndryk{
  padding-left:30px;
  padding-top:30px;
  padding-right:30px;
}

.RubyIndrykOphold{
  padding-left:30px;
  padding-top:10px;
  padding-right:30px;
}

.ingenfundetOverskrift{
  font-size:29px;
  font-weight:bold;
}

.RubyDestinationer{
  border-bottom: solid 1px #CCCCCC;
  border-top: solid 1px #CCCCCC;
  padding-top :5px;
  padding-bottom :5px;  
}

.RubyDestinationerNy{    
  background: url(/images/Overskrift.gif) no-repeat top left; 
  height:47px;
  
}

.RubyDestinationerAlle{    
  background: url(/images/Overskrift.gif) no-repeat top left; 
  background: url(/images/Overskrift.gif) no-repeat bottom left; 
  height:47px;
  
}

.DesNavn{
  
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  padding-left:5px;
}

.Hojre{
  background: url(/images/hoejreside.gif) no-repeat top left;
}

.rammer{
  border-bottom:solid 1px #CCCCCC;
  border-top:solid 1px #CCCCCC;
}

.rammer1{
  border-bottom:solid 1px #CCCCCC;
  border-top:solid 1px #CCCCCC;
}

a.TopMenuRuby, a.TopMenuRuby:visited, a.TopMenuRuby:link{
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
  font-family:Arial;
  padding-left:3px;
}

a.TopMenuRuby:hover{
  text-decoration:none;
  padding-left:3px;
}

.VisMenuRubyMen1{
  background-color:#99CC66;
  border:1px solid #000000;
  border-bottom:0px;
  width:140px;
} 
.VisMenuRubyMen2{
  background-color:#99CC66;
  border:1px solid #000000;
  border-bottom:0px;
  width:155px;
} 
.VisMenuRubyMen3{
  background-color:#99CC66;
  border:1px solid #000000;
  border-bottom:0px;
  width:135px;
} 
.VisMenuRubyMen4{
  background-color:#99CC66;
  border:1px solid #000000;
  width:115px;
} 
.VisMenuRubyMen5{
  background-color:#99CC66;
  border:1px solid #000000;
  width:125px;
} 

.VisMenuRubyMen6{
  background-color:#99CC66;
  border:1px solid #000000;
  width:95px;
} 

.VisMenuRubyMen7{
  background-color:#99CC66;
  border:1px solid #000000;
  width:115px;
} 

.VisIkkeMenuRuby{
  background-color:#003366;
  border:0px solid #000000;
 
} 

  

#dropmenudiv{
padding-top:15px;
position:absolute;     
border:1px solid black; 
border-top:0px solid black; 
font:normal 12px Verdana;
line-height:18px;
z-index:1000;
background: #669933 url(/images/ruby/dropdowngradient.jpg) repeat-x;
 
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 6px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-align: left; 
color:#FFFFFF;
font-size:10px;
}

#dropmenudiv a:hover{ /*hover background color*/
  color:#000000;
  font-size:10px;
}

Img.CalPile{
  cursor:pointer;
}

.tiltop{
position:inherit;
left:100px;
top:0px;
}


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}