/*
 Copyright © 2006-10 Aileron. All rights reserved.
 */

/*
 background-image
 */
html
{
}

body
{
    background: #fff;
    font: 62.5%/1.8 Helvetica, Arial, sans-serif;
}

div . contents
{
    margin    : 10em auto;
    width     : 20em;
    font-size : 1.2em;
    padding   : 1em;
    background: #fff;
    border    : 1px solid #ccc;
}
div p
{
    margin: 0;
}

div .contents
{
    -moz-box-shadow: 2px 2px 10px #000;
    -webkit-box-shadow: 2px 2px 10px #000;
}

/*!--[if IE]*/
div .contents
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);}

/*![endif]*/



/*
centring
 */
body
{
    font-size: 10.5px;
	text-align:center;
}

/**
 page
 */
#page
{
	width       : 390px;
	margin      : 0 auto;
    text-align  : left;
}

/*
contents
*/
div.contents
{
    /*background: silver url(/img/diagonals.gif);*/
    margin          : 10px;
    padding         : 3px;
    font            : 10px;
}
li.contents h2
{
    border-top      : 1px dotted black;
    margin-top      : 6px ;
    font-weight     : normal;
    font-size       : 10.5px;
}
div.contents h2
{
    font-weight     : normal;
    font-size       : 10.5px;
    padding         : 3px;
    background-color: black;
    color           : white;
    margin-bottom   : 5px;
}
div.contents ul
{
    list-style-type : none;
    margin  : 0;
    padding : 0;
}

span.alert
{
    color : red ;
}