/* ------------------------ */
/*  Perusasetukset          */
/* ------------------------ */

link, a:visited         { color: #00f; }
body                    { background-color: #eee; margin: 0px; padding: 0px; font-size: 12px; }
body#admin              { background-color: #b7c0cb; margin: 0; padding: 0; }
table                   { font: normal 12px "Verdana"; }
h1                      { color: #005; font: bold 14px "Trebuchet MS"; text-transform: uppercase; margin-bottom: 5px; border-bottom: solid 1px #005; margin-bottom: 10px;}
td                      { empty-cells: show; }

.curtain                { background: rgba(0, 0, 0, 0.7); margin-top: 57px; width: 100%; height: 100%; z-index: 101; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 99; }
.wait                   { padding: 30px 30px 30px 20px; background: #fff; font: bold 12px "Verdana"; border: solid 3px #000; float: left; position: absolute; left: 30px; top: 80px; z-index: 101; }
.wait img               { width: 20px; height: 20px; vertical-align: middle; padding-right: 5px; }

.changer,
.deleter                { cursor: pointer; }
.help                   { text-align: center; margin: 20px auto; padding: 10px; background: #eef; font: normal 12px Verdana; border: solid 1px #777; }
.help img               { vertical-align: -15%; }

#simMessage             { display: none; }
.message                { width: 300px; background: #fff; padding: 20px 20px 20px 80px; font: normal 13px "Trebuchet MS"; left: 35%; top: 200px; position: absolute; border: solid 3px #006; }
.message img            { position: absolute; left: 20px; top: 10px;  }

.info                   { font: normal 13px "Trebuchet MS"; }

.sql-error              { padding: 20px; font: normal 12px "Tahoma"; color: #500; background: #fff; }

/* ------------------------ */
/*  Kirjautumissivu         */
/* ------------------------ */

div#login               { margin: 0 auto; width: 250px; height: 150px; text-align: center; border: solid 0px #fff; background: #e9ebf2 url('../images/login-taus.jpg') no-repeat; padding-top: 0; font: bold 11px Verdana; }
#login_info             { font-family: Verdana; font-size: 10px; background: #555; border: solid 1px #888; padding: 5px; color: #eee; }


/* ------------------------ */
/*  Päävalikko              */
/* ------------------------ */

body#admin_menu         { background: #131839; margin: 0; padding: 0; }
table#admin_menu        { margin: 10px; }
#menu_admin ul          { margin: 0; padding: 0; width: 199px; font: bold 12px 'Trebuchet MS'; }
#menu_admin li          { margin: 0; padding: 0; list-style: none; background-image: url('../images/admin-menu-bg.gif'); background-repeat: repeat-x; }
#menu_admin li.headline { text-transform: uppercase; padding: 0 0 0 4px; font: bold 10px Verdana; color: #eee; background-image: url('../images/list-headline-bg.gif'); background-repeat: repeat-x; }
#menu_admin li.headline span { line-height: 16px; }
#menu_admin li a        { margin: 0; padding: 2px 0 0 3px; text-decoration: none; display: block; height: 18px; color: #000; }
#menu_admin li a:hover  { background-image: url('../images/admin-menu-hover-bg.gif'); background-repeat: repeat-x; }


/* ------------------------ */
/*  Sisältö                 */
/* ------------------------ */

#content_headline       { width: 100%; background-image: url('../images/content-headline-bg.gif'); background-repeat: repeat-x; color: #000; font: bold 14px "Trebuchet MS"; padding: 0 10px; line-height: 28px; border-top: solid 1px #141536; border-bottom: solid 1px #141536; }
#inner_content_headline { color: #555; font: bold 14px "Trebuchet MS"; text-transform: uppercase; margin-bottom: 5px; }
#inner_content          { background: #b7c0cb; color: #000; font-family: Verdana; padding: 10px; font-size: 10px; }


/* ------------------------ */
/*  Sisältövalikko          */
/* ------------------------ */

#inner_menu             { margin: 0px; padding: 0px; width: 100%; font: bold 10px "Verdana"; height: 28px; background-image: url('../images/menu-bg.gif'); background-repeat: repeat-x; }
#inner_menu ul          { padding: 0px; margin: 0px; display: block; }
#inner_menu li          { float: left; display: block; }
#inner_menu li a        { display: block; background-image: url('../images/menu-buttons-bg.gif'); background-repeat: repeat-x; color: #eee; text-decoration: none; text-align: left; margin: 0px; padding: 0 7px; border-top: solid 1px #aeb0bd; border-left: solid 1px #aeb0bd; border-right: solid 1px #000; border-bottom: solid 1px #000; line-height: 26px; }
#inner_menu li.active   { display: block; background-image: url('../images/menu-buttons-active.gif'); background-repeat: repeat-x; color: #000; text-decoration: none; text-align: left; margin: 0px; padding: 0 7px; border-top: solid 1px #aeb0bd; border-left: solid 1px #aeb0bd; border-right: solid 1px #000; border-bottom: solid 1px #000; line-height: 26px; }
#inner_menu li a:hover  { color: #fff; background-image: url('../images/menu-buttons-hover-bg.gif'); background-repeat: repeat-x; border-top: solid 1px #aeb0bd; border-left: solid 1px #aeb0bd; border-right: solid 1px #000; border-bottom: solid 1px #000; }
#inner_menu li a:active { color: #fff; background-image: url('../images/menu-bg.gif'); background-repeat: repeat-x; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #aeb0bd; border-bottom: solid 1px #aeb0bd; }


/* ------------------------ */
/*  Sisältötyökalut         */
/* ------------------------ */

#toolbar                { margin-bottom: 10px; font-size: 1em; }
#toolbar img            { vertical-align: middle; }
#toolbar a              { margin-right: 10px; color: #00f; text-decoration: underline; cursor: pointer;}

.toolbar-action                 { border: solid 5px #b7c0cb; }
.toolbar-action .wrapper        { border: solid 2px #006; width: 200px; padding: 10px; background: #eef;}
.toolbar-action .close          { position: absolute; margin-top: -10px; right: 2px; cursor: pointer;}
.toolbar-action select,
.toolbar-action input           { width: 200px;  }
.toolbar-action input.submit    { background: #006; border: 0; margin-top: 10px; color: #fff; font: bold 10px Verdana; width: 35px; padding: 3px 0; }

#move-album                     { position: absolute; left: 181px; margin-top: -10px; z-index: 1000; }
#create-album                   { position: absolute; left: 319px; margin-top: -10px; z-index: 1000; }


/* ------------------------ */
/*  Listat                  */
/* ------------------------ */

.list                   { background: #ccc; border: solid 2px #888; font: normal 1.2em Tahoma; empty-cells: show; border-spacing: 0px; }
.small_list             { background: #ccc; border: solid 1px #000; font: normal 1.1em Tahoma; empty-cells: show; border-spacing: 0px; }
.list td                { padding: 4px 4px; }
.small_list td          { padding: 2px 4px; }

.small_list tr.headline,
tr.list_headline td,
.small_list tr.headline th,
.list tr.headline th,
.list tr.list_headline td,
.list td.list_headline,
.small_list td.list_headline { font: normal 12px Tahoma; color: #333; text-transform: uppercase; padding: 5px 5px; background: #ddf; text-align: left; }
.list tr.list_over_headline td,
.small_list tr.over_headline td { background: #fff url('images/new_headline_50px.gif') repeat-x; height: 35px; border-bottom: solid 1px #777; }
.list td,
.small_list td          { border-bottom: solid 1px #ccc; color: #444; padding: 3px 5px; }
.odd td                 { background: #fff; }
.even td                { background: #f7f7f7; }
tr.odd:hover td,
tr.even:hover td        { background: #edf5ff; color: #000;}
.small_list table tr td { border-width: 0; }
.small_list select   { border-width: 0; }
tr.over_headline td form { margin: 0; }
tr.over_headline td select   { border: solid 1px #aaa !important; background-image: url('http://www.saipa.fi../images/new_select_background.gif') !important; background-repeat: repeat-x !important; background-color: rgba(0,0,0,0) !important; }
tr.over_headline td select option { background: #eee; }

.list td img,
.small_list td img       { vertical-align: -15%; }


/* ------------------------ */
/*  Lomakkeet               */
/* ------------------------ */

table.form,
table.form_small        { border: solid 1px #999; font: normal 12px "Trebuchet MS"; color: #000; background: #fafafa; border-spacing: 0px; }

.form_small input,
.form_small select,
.form_small textarea    { padding: 1px !important; border: solid 1px #444; font: normal 10px "Trebuchet MS" !important; }

.form tr.headline       { font: bold 14px "Trebuchet MS"; background: #1d3459; color: #eee; text-transform: uppercase;}
.form td                { padding: 5px; border-bottom: solid 1px #eee; }
.form td.label          { vertical-align: top; text-align: right; }
.form td.form_headline  { font-weight: bold; font-size: 13px; border-right: solid 1px #eee; vertical-align: top; text-align: right;  padding-top: 8px; }
.form td.form_headline:hover { border-right: solid 1px #88d; }
input.form,
.form td input,
.list td input,
.form div input,
.form td select,
.form td textarea,
#inner_menu select,
#inner_content select   { padding: 5px; background: #fff; color: #000; font: normal 12px Verdana; border: solid 1px #555; }
#grid, #list2           { border-width: 0; } /* Verkkokaupan asetukset, tuotekategorianäkymät */
input.form:hover,
input.form:focus,
select.form:hover,
select.form:focus,
textarea.form:hover,
textarea.form:focus     { border: solid 1px #00f; color: #00f; }
select.form             { background: #fff; font: normal 10px Verdana; }
textarea.form           { background: #fff; color: #000; font: normal 10px Verdana; }
textarea.code           { font: normal 11px "Courier New"; background: #fff; }

.submit                 { background: #005; color: #eee; padding: 4px 10px; border: solid 1px #fff; text-align: center; font: bold 10px Verdana; text-transform: uppercase; margin: 10px 0; }
.submit:hover           { background: #007; }
.submit:active          { margin: 12px -2px 8px 2px; }

#please_wait            { width: 180px; background: #555; color: #eee; padding: 4px 10px; border: solid 1px #fff; text-align: center; font: bold 10px Verdana; text-transform: uppercase; margin-top: 10px; }

fieldset                { background: #fff; border: solid 1px #000; width: 50%; -moz-border-radius: 5px; }
fieldset label          { display:block; font:normal 12px Verdana; text-align:right; width:140px; float:left; line-height: 22px; clear: both;}
fieldset input,
fieldset textarea,
fieldset select         { float:left; font-size:12px; padding:2px 2px; border:solid 1px #aacfe4; margin:2px 0 10px 10px; }
legend                  { background: #fff; border: solid 1px #000; padding: 3px 5px; text-transform: uppercase; font: bold 10px Verdana; color: #006; margin-bottom: 5px;}
fieldset .submit        { clear: both; margin-left:150px; width: 200px; }
fieldset #xToolbar      { }

/* ------------------------ */
/*  Järjesteltävä valikko   */
/* ------------------------ */

#sort_menu              { font: bold 10px Verdana; text-transform: uppercase; height: 30px; line-height: 27px; margin-bottom: 5px; }
#sort_menu ul           { list-style: none; padding: 0px; margin: 0px; background: #131839; }
#sort_menu li           { cursor: move; margin: 0em; padding: 0px 10px; float: left; display: block; color: #eee; text-decoration: none; text-align: center; background: #131839; border-left: solid 1px #767daa; border-top: solid 1px #767daa; border-right: solid 1px #000; border-bottom: solid 1px #000; }
#sort_menu li a         { padding: 0px 10px; float: left; display: block; color: #eee; text-decoration: none; text-align: center; }
#sort_menu li:hover     { background: #212a63; }


/* ------------------------ */
/*  Päivämäärän valitsin    */
/* ------------------------ */

#date_picker            { background: #ddd; border: solid 1px #000; padding: 0; font-family: Verdana; border-spacing: 1px; }
#date_picker_weekdays   { color: #eee; font-size: 10px; font-weight: bold; background: #005; }
#date_picker_day,
#date_picker_day a      { color: #000; background: #eef; font-size: 12px; }
#date_picker_day_hidden { background: #eee; font-size: 12px; }
select#date_picker      { font-size: 12px; }
select#date_picker_time { color: #000; font-size: 12px; padding: 0; margin: 0; }


/* ------------------------ */
/*  Sekalaiset              */
/* ------------------------ */

#info                   { font: normal 12px "Verdana"; padding: 8px; background: #fe9; border: solid 1px #444; }
#info_popup             { display: block; position: absolute; left: 5px; top: -80px; background: #ffdf00; color: #000; padding: 20px 40px 20px 10px; font: bold 12px Verdana; white-space: nowrap; }
#notice                 { font: normal 12px Verdana; border: solid 1px #000; background: #fff9cf; padding: 10px; }


/* ------------------------ */
/*  Thumbnail viewer        */
/* ------------------------ */

#thumbBox               { position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #131839; border: solid 3px #fff; visibility: hidden; z-index: 10; cursor: pointer; }
#thumbBox .footerbar    { font: bold 8px Verdana; text-transform: uppercase; letter-spacing: 2px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage   { border: solid 1px #000; background-color: white; }
#thumbLoading           { font: bold 12px Verdana; position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; }