html
{
    color:              #000;
    background-color:   #ddf;
}



body
{
    margin:             20px auto;
    padding:            20px;
    width:              600px;
	color:              #000;
	background-color:   #fff;
	
	font-family:        Verdana, Arial, sans-serif;
	font-size:          1em;
}



/* floating window background */
div.floating-bg
{
    position:           fixed;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    color:              inherit;
    background-color:   #000;
    opacity:            0.25;
    visibility:         hidden;
}

/* floating window */
div.floating
{
    position:           fixed;
    margin-left:        -150px;
    padding:            20px;
    left:               50%;
    top:                100px;
    width:              300px;
    color:              #000;
    background-color:   #fff;
    visibility:         hidden;
}

/* floating window close button */
div.floating-close
{
    position:           absolute;
    float:              left;
    top:                -13px;
    left:               -15px;
    width:              30px;
}



ul,
ol
{
	margin:             1em 0 0 0;
	padding:            0;
}

ul li
{
	list-style:         outside circle;
	margin:             0 0 1em 0;
}

ol li
{
    list-style:         outside decimal;
    margin:             0 0 1em 0;
}

/* menu list */
ul.menu
{
    margin:             0.5em 0 0 0;
}

ul.menu li
{
    display:            inline;
    padding:            0;
    
    font-weight:        bold;
}

ul.menu li:before
{
    content:            ' / ';
}

ul.menu li:first-child:before
{
    content:            '';
}

/* wishlist view list */
ol.view
{
    border-top:         1px solid #ddf;
}

ol.view li
{
    list-style:         none;
    margin:             0;
    padding:            10px;
    border-bottom:      1px solid #ddf;
}

ol.drag
{
    position:           relative;
}

ol.drag li
{
    position:           relative;
    padding-left:       30px;
}

ol.view li:hover
{
    color:              inherit;
    background-color:   #eef;
}

ol.view li.drag
{
    z-index:            100;
    position:           absolute;
    opacity:            0.5;
}

ol.view li.placeholder
{
    padding:            0;
}

ol.view div.drag
{
    position:           absolute;
    float:              left;
    top:                0;
    left:               0;
    width:              20px;
    height:             100%;
    cursor:             move;
}

ol.view div.drag div
{
    position:           relative;
    height:             90%;
    width:              20px;
}

ol.view div.drag div div
{
    position:           absolute;
    top:                12.5%;
    height:             88.9%;
    width:              20px;
    background:         url('images/grabber.png') repeat-y top center;
}

ol.view div.rank
{
    display:            none;
}

ol.view li div
{
    display:            block;
}

/* editable section */
ol.view li div.edit
{
    display:            none;
}




form
{
	margin:             1em 0 0 0;
	padding:            0;
}

form:after
{
    display:            block;
    clear:              both;
    content:            "";
}

form input,
form textarea
{
    margin:             0;
	padding:            4px;
	border:             2px solid #ccf;
	color:              inherit;
	background-color:   #f3f3ff;
	
    font-family:        Verdana, Arial, sans-serif;
	font-size:          1em;
}

form textarea
{
    height:             150px;
}

form input[type="text"],
form input[type="password"],
form textarea
{
    width:              588px;
}

form input[type="submit"],
form input[type="button"]
{
    float:              right;
    margin:             0 0 0 1em;
    padding:            4px 1em;
}

form input[type="submit"]:active,
form input[type="button"]:active
{
    color:              inherit;
    background-color:   #ccf;
}

form input.error
{
    color:              inherit;
    background-color:   #fcc;
    
    font-size:          1em;
    font-weight:        normal;
}

form .optional
{
    color:              #999;
    background-color:   inherit;
    
    font-size:          0.75em;
}

form p
{
    margin-top:         1em;
}

form p:first-child
{
    margin-top:         0;
}



/* forms in floating windows */
div.floating input[type="text"],
div.floating input[type="password"],
div.floating textarea
{
    width:              288px;
}



p
{
	margin:             1em 0 0 0;
}

p:first-child
{
    margin:             0;
}

p.error,
p.error a
{
	color:              #c00;
	
	font-size:          1em;
	font-weight:        bold;
}



h1
{
	margin:             0;
	padding:            0;
	
	font-family:        Verdana, Arial, sans-serif;
	font-size:          2em;
	font-weight:        bold;
	line-height:        1em;
}

h2
{
	margin:             0;
	padding:            0;
	
	font-family:        Verdana, Arial, sans-serif;
	font-size:          1.5em;
	font-weight:        bold;
}

.note
{
    color:              #666;
    
	font-size:          0.75em;
}



img
{
	border:             none;
}



hr
{
    margin:             1em 0;
    padding:            0;
    height:             2px;
    width:              100%;
    color:              #ddf;
    background-color:   #ddf;
    border:             none;
}



a
{
	text-decoration:    underline;
	color:              #36c;
}

a:hover
{
	text-decoration:    none;
}

a.edit
{
	font-size:          0.75em;
	color:              #f00;
}