/**
 * Global CSS som inkluderas på alla delar av Yakujo
 * 
 * @package Yakujo
 * @author Leo Bolin <leo@bliglad.net>
 * @since 2009-11-10
 */


/* 
 * Generellt
 */

html, body { margin: 0; padding: 0; background-color: #e4efdd; }
body, td, tr { color: #4e7151; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Marginaler, kanter, muspekare */
p, ul, ol { padding: 0; margin: 12px 0; }
form { padding: 0; margin: 0; }
img { border-style: none; display: block; }
acronym { cursor: help; text-decoration: none; border-bottom-style: none; }
label { cursor: default; }
.hidden { display: none; }
code { font-family: Courier New, Courier, mono; font-size: 11px; background-color: #ffffff; color: #000000; border-bottom: 1px solid #bfd4bd; }

/* Länkar */
a:link, a:visited { color: #469d4e; text-decoration: none; }
a:hover, a:active { color: #5ebd67; text-decoration: none; }

/* Markerad text */
::selection { background: #afd6ab; }
::-moz-selection { background: #afd6ab; }
:focus { outline: none; }

/* Smileys */
.smiley { vertical-align: top; margin-top: -1px; margin-bottom: -1px; }

/* Röd text */
.red { color: #9b1616; }
a.red:link, a.red:visited { color: #9b1616 !important; }
a.red:hover, a.red:active { color: #c92b2b !important; }



/* 
 * Punktlistor
 */

ul ul, ol ol { margin: 0; }
ul li { list-style: none; padding-left: 14px; background-image: url("http://static.yakujo.se/v2login/bullet.png"); background-repeat: no-repeat; background-position: 0 5px; }
ul ul li { background-image: url("http://static.yakujo.se/v2login/bullet2.png"); }
ul ul ul li { background-image: url("http://static.yakujo.se/v2login/bullet3.png"); }
ul ul ul ul li { background-image: url("http://static.yakujo.se/v2login/bullet4.png"); }



/* 
 * Rubriker
 */

h1 { font-size: 20px; color: #244f27; width: 100%; background-image: url("http://static.yakujo.se/v2login/separator.gif"); background-repeat: repeat-x; padding: 0 0 8px 0; background-position: bottom left; margin: 0 0 10px 0; font-weight: normal; }
h2 { font-size: 16px; color: #244f27; width: 100%; background-image: url("http://static.yakujo.se/v2login/separator.gif"); background-repeat: repeat-x; padding: 5px 0 8px 0; background-position: bottom left; margin: 0 0 10px 0; font-weight: normal; }
h3 { font-size: 14px; color: #244f27; font-weight: normal; margin: 0; padding: 5px 0 0 0;  }



/* 
 * Listor
 */

.row_even { background-color: #dce7d5; }
.row_odd, .row_even { color: #cddbc5; }
.row_odd td, .row_even td { padding: 4px 0; }
.row_odd a:link, .row_odd a:visited, .row_even a:link, .row_even a:visited { color: #2c5e30; }
.row_odd a:hover, .row_odd a:active, .row_even a:hover, .row_even a:active { color: #3aa443; background-color: transparent; }



/* 
 * Meddelanderutor
 */

.msgbox { padding: 7px 0; display: block; background-color: #f6fbf2; border: 1px solid #c0d3be; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.msgbox_top { padding: 7px 0; display: block; background-color: #f6fbf2; border-top: 1px solid #c0d3be; border-right: 1px solid #c0d3be; border-left: 1px solid #c0d3be;
	border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.msgbox_middle { padding: 7px 0; display: block; background-color: #f6fbf2; border-top: 1px solid #d3e3d2; border-right: 1px solid #c0d3be; border-left: 1px solid #c0d3be; }
.msgbox_bottom { padding: 7px 0; display: block; background-color: #f6fbf2; border-top: 1px solid #d3e3d2; border-right: 1px solid #c0d3be; border-bottom: 1px solid #c0d3be;
	border-left: 1px solid #c0d3be; border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.msgbox p, .msgbox_top p, .msgbox_middle p, .msgbox_bottom p, .infobox p { padding: 0; margin: 0 7px; }

/* Rubriker */
.msgbox h3, .msgbox_top h3, .msgbox_middle h3, .msgbox_bottom h3 { display: block; margin: -2px 7px 7px 7px; padding: 0; font-size: 13px; color: #3aa443; font-weight: normal; }
.msgbox h3 span, .msgbox_top h3 span, .msgbox_middle h3 span, .msgbox_bottom h3 span { font-size: 10px; color: #7ea181; }
.msgbox h3 span a:link, .msgbox h3 span a:visited, .msgbox_top h3 span a:link, .msgbox_top h3 span a:visited { color: #7ea181; }
.msgbox h3 span a:hover, .msgbox h3 span a:active, .msgbox_top h3 span a:hover, .msgbox_top h3 span a:active { color: #5ebd67; }

/* Inforutor */
.infobox { margin: 10px 0; padding: 7px 0; display: block; border: 1px solid #c0d3be; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.infobox h2 { display: block; margin: -1px 7px 9px 7px; padding: 0; font-size: 14px; color: #244f27; font-weight: normal; background-image: none; }
.infobox h3 { display: block; margin: 14px 7px 7px 7px; padding: 0; font-size: 12px; color: #244f27; font-weight: normal; }



/* 
 * Knappar
 */

/* Stor */
a.button, a.button span { cursor: default; }
a.button:link, a.button:visited { background: transparent url("http://static.yakujo.se/v2login/button_right.gif") no-repeat scroll top right; color: #4d7f51 !important; display: block; float: left;
	font-weight: normal; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; height: 24px; padding-right: 8px; text-decoration: none; }
a.button span { background: transparent url("http://static.yakujo.se/v2login/button_left.gif") no-repeat; display: block; line-height: 16px; padding: 4px 0 4px 8px; }
a.button:active { background-position: bottom right; color: #659669 !important; outline: none; }
a.button:active span { background-position: bottom left; }

/* Liten */
a.button_small, a.button_small span { cursor: default; }
a.button_small:link, a.button_small:visited { background: transparent url("http://static.yakujo.se/v2login/button_small_right.gif") no-repeat scroll top right; color: #4d7f51 !important; display: block; float: left;
	font-weight: normal; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; height: 20px; padding-right: 6px; text-decoration: none; }
a.button_small span { background: transparent url("http://static.yakujo.se/v2login/button_small_left.gif") no-repeat; display: block; line-height: 13px; padding: 3px 0 4px 6px; }
a.button_small:active { background-position: bottom right; color: #659669 !important; outline: none; }
a.button_small:active span { background-position: bottom left; }



/* 
 * Aliasfärger
 */

/* Grön */
.color_1b920a, a.color_1b920a:link, a.color_1b920a:visited { color: #1b920a !important; }
a.color_1b920a:hover, a.color_1b920a:active { color: #26c40e !important; }

/* Limegrön */
.color_5d8809, a.color_5d8809:link, a.color_5d8809:visited { color: #5d8809 !important; }
a.color_5d8809:hover, a.color_5d8809:active { color: #80ba0d !important; }

/* Gul */
.color_b49116, a.color_b49116:link, a.color_b49116:visited { color: #b49116 !important; }
a.color_b49116:hover, a.color_b49116:active { color: #e8bc1c !important; }

/* Orange */
.color_c26b16, a.color_c26b16:link, a.color_c26b16:visited { color: #c26b16 !important; }
a.color_c26b16:hover, a.color_c26b16:active { color: #f5881b !important; }

/* Brun */
.color_704b0b, a.color_704b0b:link, a.color_704b0b:visited { color: #704b0b !important; }
a.color_704b0b:hover, a.color_704b0b:active { color: #a36d10 !important; }

/* Persika */
.color_a0705a, a.color_a0705a:link, a.color_a0705a:visited { color: #a0705a !important; }
a.color_a0705a:hover, a.color_a0705a:active { color: #d49477 !important; }

/* Röd */
.color_d62737, a.color_d62737:link, a.color_d62737:visited { color: #d62737 !important; }
a.color_d62737:hover, a.color_d62737:active { color: #ff3748 !important; }

/* Rosa */
.color_c7548a, a.color_c7548a:link, a.color_c7548a:visited { color: #c7548a !important; }
a.color_c7548a:hover, a.color_c7548a:active { color: #fa69ad !important; }

/* Rosalila */
.color_b831a0, a.color_b831a0:link, a.color_b831a0:visited { color: #b831a0 !important; }
a.color_b831a0:hover, a.color_b831a0:active { color: #eb3fcb !important; }

/* Lila */
.color_902dac, a.color_902dac:link, a.color_902dac:visited { color: #902dac !important; }
a.color_902dac:hover, a.color_902dac:active { color: #ba3ade !important; }

/* Djupblå */
.color_5733dd, a.color_5733dd:link, a.color_5733dd:visited { color: #5733dd !important; }
a.color_5733dd:hover, a.color_5733dd:active { color: #6239f7 !important; }

/* Blå */
.color_315fc8, a.color_315fc8:link, a.color_315fc8:visited { color: #315fc8 !important; }
a.color_315fc8:hover, a.color_315fc8:active { color: #3c75fa !important; }

/* Cyan */
.color_348dbc, a.color_348dbc:link, a.color_348dbc:visited { color: #348dbc !important; }
a.color_348dbc:hover, a.color_348dbc:active { color: #43b3f0 !important; }

/* Turkos */
.color_1b988e, a.color_1b988e:link, a.color_1b988e:visited { color: #1b988e !important; }
a.color_1b988e:hover, a.color_1b988e:active { color: #25ccbe !important; }

/* Svart */
.color_000000, a.color_000000:link, a.color_000000:visited { color: #000000 !important; }
a.color_000000:hover, a.color_000000:active { color: #505050 !important; }


/**
 * Specifik CSS för Yakujos inloggningssida
 * 
 * @package Yakujo
 * @author Leo Bolin <leo@bliglad.net>
 * @since 2009-11-01
 */



/* 
 * Generellt
 */

html, body { height: 100%; }

/* Länkar */
a:link, a:visited { color: #2c5e30; text-decoration: none; }
a:hover, a:active { color: #3e9046; text-decoration: none; }



/* 
 * Layout
 */

.separator_cell { background-image: url("http://static.yakujo.se/v2login/separator.gif"); background-repeat: repeat-x; padding-top: 10px; }

/* Inloggningsrutan */
#login_box { width: 600px; height: 420px; background-image: url("http://static.yakujo.se/v2login/logo.gif"); background-repeat: no-repeat; }
#login_form { padding-top: 255px; margin-left: 300px; }

/* Statusmeddelande */
.message_header { cursor: default; color: #1d689a; font-size: 11px; font-weight: bold; }
.message_header_error { cursor: default; color: #aa3455; font-size: 11px; font-weight: bold; }
.message_text { padding-top: 3px; color: #708da0; font-size: 11px; }
.message_text a:link, .message_text a:visited { color: #1d689a; text-decoration: underline; }
.message_text a:hover, .message_text a:active { color: #3184bc; text-decoration: underline; }

/* Alias-/lösenordfälten */
input.field { background-color: #ffffff; border: 1px solid #9bcc9e; color: #3f4640; height: 16px; padding-left: 2px; padding-right: 2px; width: 160px; }