@CHARSET "UTF-8";
* {padding: 0px; margin: 0px; border: 0px;}

.clear { clear: both;}
.left { float: left;}
.right { float: right;}
.pointer { cursor: hand; cursor:pointer;}
.block { display: block;}
.hidden { display: none;}
.w50 { width: 50px;}
.w80 { width: 80px;}

input[type='text'], select { width: 150px; height: 21px; font-size: 12px; margin: 3px 0px 0px 2px; border: 1px solid #BAB3B3;}
textarea { border: 1px solid #BAB3B3;}
input[type='checkbox'] { margin: 7px 0px 0px 5px;}

#main-menu { width: 200px; padding: 10px;}
#main-menu li a { text-decoration: none; color: #640d0d;}
#main-menu li a:hover { text-decoration: underline; color: #4F0A0A;}
#content { width: 930px; border-left: 1px solid #640d0d;}
#content .box { width: 900px; margin: 10px auto;}
#content .box .lbl { margin: 0px 0px 0px 7px;}
#content .box span { color: #640d0d; font-size: 13px; line-height: 26px;}
.admin_list .odd { background-color: #E0DCDC;}
.box .edit, .add, .del, .search, .options, .view { background: url(/i/edit-icon.png) no-repeat center left; border: 1px solid transparent; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 5px; font-weight: bold; font-size: 13px;}
.box .add { background-image: url(/i/add-icon.png); line-height: 16px;}
.box .del { background-image: url(/i/remove-icon.png); line-height: 16px;}
.box .search { background-image: url(/i/search-icon.png); line-height: 16px; padding: 3px 3px 3px 23px;}
.up, .down { background: url(/i/up-bullet.png) no-repeat; border: 1px solid transparent; margin: 5px 0px 0px 5px; font-weight: bold; width: 16px; height: 16px; display: block;}
.box .options { background-image: url(/i/options-icon.png); line-height: 16px;}
.box .view { background-image: url(i/about-icon.png); line-height: 16px;}
.down { background: url(/i/down-bullet.png) no-repeat; }
.box .hidden { padding: 10px;}
.box .hidden .left .upload-image { margin: 0px 0px 0px 10px;}
.box .hidden .left img { margin: 10px;}
.box a { color: #640d0d; font-size: 14px; text-decoration: none; line-height: 26px; height: 26px;}
.box a:hover { text-decoration: underline;}
.box .name { width: 400px;}
.box .user-info { padding: 20px;}
.box .user-info p { width: 220px;}
.box .user-info img { margin: 0px 10px 10px 0px;}
#content .icon-hover { background-color: #E3D3D3; border: 1px solid #640d0d;}
#content .articles-list { width: 650px;}
#content .articles-list .title { display: block; width: 450px;}
#content .articles-list .id { display: block; width: 50px; }
#content .articles-list .comment-title { padding: 3px 5px; border-bottom: 1px solid #D6D6D6; width: 640px;}
#content .articles-list .text { font-size: 13px; padding: 5px;}
#content .articles-list .del-comment { height: 16px; padding: 0px 16px 0px 0px; margin: 0px 0px 0px 0px;}


#article { padding: 10px 0px 10px 0px;}
#article p { color: #CF9B9B;}
#article p span { color: #640d0d; }
#article div { margin: 0px 0px 0px 10px;}
#article { padding: 10px 0px 0px 0px; color: #640d0d; font-weight: bold;}
#article li { list-style: none; color: #666766; font-weight: normal; height: 30px; line-height: 25px;}
#article li span { display: block; width: 100px;}
#article p { font-size: 12px; margin: 0px 0px 0px 10px;}
#article #edit-btn { background: url(i/btn-edit.png) no-repeat; width: 75px; height: 20px; border: 0px; margin: 0px 20px 10px 0px;}
#article .title p { margin: 0px 0px 3px 0px ;}
#article .title p a { color: #640d0d;}
#article .title p a:hover { text-decoration: none; }
#article span { font-weight: normal;}
#article .comment-text { font-weight: normal;}
#article .add { background: url(i/add-icon.png) no-repeat; padding: 0px 0px 0px 23px; margin: 0px 0px 0px 5px;}
#article .del { background: url(i/remove-icon.png) no-repeat; padding: 0px 0px 0px 23px; margin: 0px 0px 0px 5px;}
#article .search { background: url(i/search-icon.png) no-repeat; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 5px;}

#article input { margin: 0px 0px 5px 0px; width: 435px;}
#article input[type='text'] { border: 1px solid #640d0d;}
#article input[type='file'] { width: 200px;}
#article #article-gallery .remove { background: url(i/remove-icon.png) no-repeat; padding: 0px 0px 0px 23px; margin: 0px 0px 0px 5px;}
#article textarea { border: 1px solid #640d0d; margin: 5px 0px 5px 0px;}
#article #show-keyowrds { background: url(i/down-arrow-icon.png) no-repeat; display: block; width: 23px; height: 30px; position: absolute; left: 126px; top: 9px;}
#article #keywords-input { border: 0px; width: 130px;}
#article .input-holder { border: 1px solid #640d0d; width: 150px; height: 18px;}
#article #btn-add { background: url(i/btn-add.png) no-repeat; width: 75px; height: 20px; margin: 0px 0px 20px 0px;}
#article #btn-edit { background: url(i/btn-edit.png) no-repeat; width: 92px; height: 20px; margin: 0px 0px 20px 0px;}
#article .delete-album-from-article { background: url(i/remove-icon.png) no-repeat right; padding: 0px 20px 0px 0px;}
#article #selected-albums { padding: 0px 0px 10px 0px; border-bottom: 1px solid #640d0d; }
#article .article-categories { height: 200px; overflow: auto; width: 250px; border: 1px solid #640d0d; padding: 5px;}
#article .lists ul li { line-height: 13px; height: 16px;}
#article .lists ul li span { display: inline;}
#article input[type='checkbox'] { margin: 2px 0px 0px 0px; float: right; width: 32px;}
#article input.left { float: left;}
#article .lists .left { margin:0px 50px 0px 0px; padding: 0px; width: 400px;}
#article .lists .album-left { margin: 0px 0px 0px -10px;}
#article .lists .album-left .title { margin: 0px 0px 0px 0px;}
#article .lists .album-left .article-categories { margin: 0px 0px 0px 0px;}
#article .lists .left .odd { background-color: #E0DCDC;}
#article #search-albums-results .odd { background-color: #E0DCDC;}
#article #article-gallery { display: none; margin: 10px 0px 10px 0px;}

#pg a.left { margin: 0px 0px 0px 5px;}

#uploaded-images { margin: 10px 0px 0px 0px;}
#uploaded-images div.left { width: 130px; height: 150px; margin: 10px; border: 2px solid #D6D6D6; background-color: #F5F5F5; text-align: center; line-height: 130px; vertical-align: middle; position: relative;}
#uploaded-images .left .del { width: 16px; height: 16px; top: -3px; right: -3px; position: absolute; margin: 0px; padding: 0px;}
#uploaded-images .left .sort { width: 50px; height: 16px; top: -5px; left: -10px; position: absolute; margin: 0px; padding: 0px;}
#uploaded-images .left .img-caption {position: absolute; bottom: -6px;}
#uploaded-images .left .img-caption input { width: 130px; margin-left: -11px; }