/* Octopus mobiilisovelluskilpailu tyylit */
/* Peruselementit */
body { margin: 0; padding:0; text-align: center; background-color: #121212; height: 100%; }
a, a:visited, a:active { color:#aab2d5; text-decoration:underline; }
a:hover { color:#aab2d5; text-decoration:underline; }
h1 { font-weight: bold; font-size: 15px; margin:0; padding:0 0 10px 0; color:#009de0; text-transform:uppercase; letter-spacing:1px; }
h2 { font-weight: bold; font-size: 10px; margin:0; padding:0 0 10px 0; color:#009de0; text-transform:uppercase; letter-spacing:1px; }
h3 { font-weight: bold; font-size: 12px; padding:0; margin:0; color:#009de0; text-transform:uppercase; letter-spacing:1px; }
img { border:0; }
p { padding-top:0; margin-top:0; }
hr { border:0; height:1px; width:100%; color:#009de0; background-color:#009de0; }
ul { margin:0; padding:0; padding-left:20px; list-style-image:url('../graf/nuoli.gif'); }
li a, li a:visited, li a:hover, li a:active { color:#009de0; }
td { empty-cells:show; vertical-align:top; }

img[align=left] { padding-right:10px; padding-bottom:5px; }
img[align=right] { padding-left:10px; padding-bottom:5px; }
img[align="left"] { padding-right:10px; padding-bottom:5px; }
img[align="right"] { padding-left:10px; padding-bottom:5px; }

/* Rakenne-elementit */
div#container { width:905px; margin-left:auto; margin-right:auto; text-align:left; position:relative; background-color:#121212; }
div#container, td { color:#242424; font-family:Verdana, sans-serif; font-size:11px; line-height:15px; }
div#main_navi { width:895px; height:20px; text-align:right; padding-right:10px; padding-top:3px; position:relative; }
div#langlink { position:absolute; left:0; width:100px; text-align:left; }

div#content { padding:0; background:url('../graf/tausta_vasenpalsta.gif') repeat; }
table.maincontent { width:100%; }
table.maincontent td.front_left { width:350px; padding:25px 10px 20px 30px; }
table.maincontent td.front_right { width:205px; padding:25px 0 20px 0; }
table.maincontent td.left { width:265px; padding:25px 15px 20px 30px; }
table.maincontent td.right { width:265px; padding:25px 20px 20px 0; }
table.maincontent td.register { width:250px; padding:25px 25px 20px 35px; background:url('../graf/tausta_oikeapalsta.gif') left bottom repeat-x; }

div#footer { position:relative; width:887px; height:40px; padding:20px 18px 25px 0; background:url('../graf/footer_bg.jpg') no-repeat; color:#009de0; text-align:right; }
div#footer_links a, 
div#footer_links a:visited, 
div#footer_links a:hover, 
div#footer_links a:active { color:#009de0; font-size:11px; text-decoration:none; font-weight:normal; }

div#navi_footer { width:895px; text-align:right; padding: 3px 10px 5px 0; }
div#navi_footer a, div#navi_footer a:visited, div#navi_footer a:hover, div#navi_footer a:active {  text-transform:uppercase; color:#888c9d; font-size:10px; text-decoration:none; letter-spacing:-1px; }
div#navi_footer a.act, div#navi_footer a.act:visited, div#navi_footer a.act:hover, div#navi_footer a.act:active {  text-transform:uppercase; color:#009de0; font-size:10px; text-decoration:none; letter-spacing:-1px; }

ul.list_dots { padding-left:15px; list-style-image:url('../graf/nappi.gif'); }
img.navinuoli { vertical-align:middle; margin-left:10px; }
img.nuoli { vertical-align:middle; margin-left:5px; }
img.bigpicture { display:block; }
img.header {  display:block; padding-top:30px; }
div.front_list_container { padding:20px 25px; }

/* Navigaatio */
a.mL, a.mL:visited, a.mL:hover, a.mL:active  { color:#888c9d; text-decoration:none; font-size:10px; text-transform:uppercase; letter-spacing:-1px; }
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { color:#009de0; text-decoration:none; font-size:10px; text-transform:uppercase; letter-spacing:-1px; }

a.sL, a.sL:visited, a.sL:hover, a.sL:active  { font-weight: bold; font-size: 10px; color:#db4600; text-transform:uppercase; letter-spacing:0.5px;  }

/* Lomake-elementit */
form { margin:0; padding:0; }
label { display:block; padding-left:0; font-size:11px; color:434343; margin-top:5px; font-weight:bold; }
input.submit { border:0; background-color:transparent; color:#db4600; font-weight:bold; text-transform:uppercase; font-size:11px; background:url('../graf/nuoli.gif') no-repeat center right; padding-right:10px; }
input.text_wide, select.select_wide { width:300px; }
input.text_normal { width:146px; }