/* CSS Reset */
* { padding: 0; margin: 0; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* Wrapper */
#wrapper { width:100%; height:100%; margin:0; padding:5px 0; }

/* Container */
#container { width:790px; margin:5px auto; background:#fff; padding:0; padding-bottom:5px; }

/* Header */
#header { width:790px; margin:0 auto; padding:0; }
#header img { margin:0; padding:0; vertical-align:middle; }

/* Menu margin:10px 5px 5px 8px; */
#menu { float:left; width:150px; padding-left:0; margin-top: 10px;}
#menu ul { list-style:none; padding-left:20px; margin:0px; }
#menu li { width:130px; padding:0px;}
#menu li a{ font-size: 18px;}
#menu li.ui-state-active a {font-weight: bold; font-size: 22px;}
 
/* Attachment */
#attachment { float:left; width:150px; margin-left:30px; padding-top:20px; } 
#attachment p { font-weight:bold; padding:5px; letter-spacing:2px; font-size: 18px;}
#attachment ul { list-style-type:none; margin:0; padding:0px; }
#attachment li { padding:5px 3px 3px; } 
#attachment li a { color:#666; }
#attachment li a:hover { text-decoration:none; }
#attachment ul li span { background-image: url(../images/attached.png); width: 20px; height: 20px;}

/* Content */
#content { float:right; width:520px; margin:10px 10px 5px 5px; background:#fff;  min-height: 300px;}
#content p { }
#content a { color:#1F709F; }
#content a:hover {  }
#content span a { color:#fff; padding:5px; } 
#content-in { padding:10px; background:#fff; }
#content-in ul { padding:10px 0 10px 30px; }
#content-in ol { padding:10px 0 10px 30px; }

/* Footer */
#footer { width:780px; margin:5px auto; padding:10px 5px; height:35px; font-family:"Trebuchet MS", Verdana, Arial; background:#FFF; }

/* Success List */
.tbl { border-collapse:collapse; margin:5px auto; }
.tbl tr{line-height:2em; text-align:center; }
.tbl th{}
.tbl td{background:#fff; }

/* Form */
.tbl-form { border:none; margin:10px auto; } 
.tbl-form tr { border:none; line-height:2.8em; padding-top:5px; vertical-align:top; }
.tbl-form th { border:none; text-align:right; font-weight:normal; background: white;}
.tbl-form td { border:none; text-align:left; padding-left:5px; padding-top:5px; }
.tbl-form form p{padding-bottom:0px; padding-left: 5px;}
.tbl-form form p label{ margin-left:0px; width:auto;}

/* Remarks */
#remarks { margin:10px 0; padding:0 5px; border: 1px solid #FCEFA1; background: #FBF9EE url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x scroll 50% 50%}
#remarks p { padding:0; margin-bottom:0; }
#remarks ol { margin:0 35px; padding:5px; list-style-type: decimal; }
#remarks ol li { padding:5px 0 0 0; }
.ui-icon-info{width: 16px; height: 16px; background: url(../images/error.png) no-repeat; }

/* Errors */
.errors { color: red; background: #FEF1EC url(images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x scroll 50% 50%; border: 1px solid #CD0A0A;}
#errors p {padding-bottom: 0px;}
#errors ul { margin:0 25px; padding:0;}
#errors ul li { list-style: decimal; }

.ui-icon-alert{width: 16px; height: 16px;background: url(../images/exclamation.png) no-repeat;  }

/* Guestbook */
#addMessage { margin-top:15px; }
ul.msg_list { list-style: none; margin:0; padding:0; }
ul.msg_list li { margin-bottom:10px; font-size:1em; font-weight:bold; padding:6px;}
ul.msg_list li p { margin-left:1.1em; margin-bottom:0.1em; padding:5px; font-weight:normal; }
#comment textarea{width: 90%;}
ul.msg_list li span.ui-icon-comment { background-image: url(../images/comment.png); width: 16px; height: 16px;}
#comment h2 span.ui-icon-pencil { background-image: url(../images/comment_edit.png); width: 16px; height: 16px;}
span.ui-icon-person { background-image: url(../images/user.png); width: 16px; height: 16px;}

form p {padding-left: 0px;}
form p label{margin-left: 0px; width: auto; }


/* Google-ads */
#google-ads-top { width:728px; height:90px; margin:0 auto; padding:5px 0; }


/* other */
.page { text-align:right; font-family:"Trebuchet MS", Verdana, Arial; }
.red { color:#FF0000; }
.fake-btn {color:#fff; }