/**
 * +---------------------------------------------------------------------------+
 * | LL                             LLLL   LL     L   LLLL               LLLL  |
 * | LL                            LL   L  LLL   LL  LL   L             LL  LL |
 * | LL      LLLL   LLLLL  LL  LL  LL      LLLL LLL  LL         LL  LL      LL |
 * | LL         LL     LL  LL  LL  LL      L LLL LL  LLLLL      LL  LL     LL  |
 * | LL      LLLLL    LL    LLLL   LL      L  L  LL   LLLLL     LL  LL    LL   |
 * | LL     LL  LL   LL     LLLL   LL      L     LL      LL      LLLL    LL    |
 * | LL     LL  LL  LL       LL    LL   L  L     LL  L   LL      LLLL   LL     |
 * | LLLLLL  LLLLL  LLLLL    LL     LLLL   L     LL   LLLL        LL    LLLLLL |
 * |                        LL                                                 |
 * |                        LL                                                 |
 * +---------------------------------------------------------------------------+
 * | Copyright (C) 2007-2008 LazyCMS.net All rights reserved.                  |
 * +---------------------------------------------------------------------------+
 * | LazyCMS is free software. This version use Apache License 2.0             |
 * | See LICENSE.txt for copyright notices and details.                        |
 * +---------------------------------------------------------------------------+
 */
@import url("reset.css");
/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body { font-size: 12px; line-height: 1.5; height:100%; }

/* Utility Classes
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* text align */
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }

/* float */
.fl{float:left;}
.fr{float:right;}

/* display */
.hide{display:none;}
.show{display:block;}

/* text */
.in{ border:solid 1px #7F9DB9; padding:2px; }

#logo{width:300px; text-align:center; margin:30px auto 20px auto;}
#logo h1{ font-size:48px; color:#330099;  margin:0; padding:0; }
#logo p{ margin:0; padding:0; color:#666; }

#menu{ width:600px; text-align:center; margin:0 auto; font-size:16px; }

#menu a{ margin-right:10px; display:inline-block; text-decoration: none;  }
#menu a sub{ font-size:12px; color:#FF0033; }

#form-div{ width:180px; margin:20px auto; }

#readme{ width:620px; margin:0 auto; padding:10px; font-size:14px; border:solid 1px #ccc; background-color: #f3f3f3; }
#readme p{ text-indent: 28px; margin:0 !important; padding:0 !important; line-height:180%; }

#result{ width:930px; margin:0 auto;}
#result h2 {color:#336699; font-size:14px; margin:5px 0;}
#result ul{ list-style:none; margin:0; font-size:18px; padding:20px 10px; border:solid 1px #ccc; background-color: #FFFDD9; clear:both; overflow:auto; zoom:100%; }
#result ul li{ width:90px; text-align:center; display:inline-block; line-height:25px; list-style:none; float:left; }
#result ul li a{ color:#666; text-decoration: none; }
#result .buttons{ margin:10px 0; text-align:center; }
#result p{ font-size:18px; line-height:25px; padding-left:25px; background:#FFFDD9; border:1px solid #CCCCCC; clear:both; height:1%; margin:5px 0; overflow:auto; padding:5px; }


#history{ width:930px; margin:0 auto;}
#history h2 {color:#336699; font-size:14px; margin:5px 0;}
#history ul{ list-style:none; margin:0; font-size:18px; padding:20px 10px; border:solid 1px #ccc; background-color: #FFFDD9; clear:both; overflow:auto; zoom:100%; }
#history ul li{ width:100px; text-align:center; display:inline-block; line-height:25px; list-style:none; float:left; }
#history ul li a{ color:#666; text-decoration: none; }

#header{  }

div.pages{ width:930px; clear:both; word-break:break-all; word-wrap:break-word; }
div.pages strong{ margin-right:3px; }
div.pages a{ margin-right:3px; text-decoration: none; }

#footer{ margin:10px auto; text-align:center; }