/**
 * Netatnik
 *
 * @author Ender
 * @version 0.5
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
html, body {  }
body { font: normal 1em/1.2em Verdana, Arial, sans-serif; color: #222; background: #519ce0; }
ul, ol { list-style-type: none; }
img { border: 0; }
table { border-collapse: collapse; }
table, td, th { vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }
.clear { clear: both; }
*:focus { outline: none; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a:link, a:focus, a:visited, a:active { color: #06c; text-decoration: none; }
a:hover { text-decoration: underline; }

body { font-size: 11px; }

#main { margin: 0 auto; background: #fff; }
#footer { /*clear: both; margin: 0 auto; overflow: hidden; background: #fff; border-top: 1px solid #ccc;*/ }
#main, #footer { width: 960px; }

/* Header */
#header { position: relative; }
#header h1 { padding: 15px 15px 0; font-size: 2.154em; line-height: 1.3em; }
#header h1 a { color: #003d74; }
#header h2 { padding: 0 15px 15px; color: #9ca09f; }
#header h1, #header h2 { text-align: center; }
#header h1 a:hover { text-decoration: none; }
#header ul { position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 0.846em; line-height: 1.364em; }
#header ul li { display: inline; margin-left: 5px; }

/* Content */
#content { padding: 10px 15px 0px 15px; }
#content h3 { color: #003d74; font-size: 1.154em; line-height: 1.3em; margin-bottom: 5px; }
#content h3 a { color: #003d74; border-bottom: 1px solid #519ce0; }
#content form div { margin-bottom: 10px; }
#content form label { font-weight: bold; }
#content form input.text, #content form textarea { display: block; padding: 5px; margin-top: 5px; width: 380px; border: 1px solid #dadada; font: normal 1em/1.2em Verdana, Arial, sans-serif; color: #222; background: #f6f6f6; }
#content form input.text:focus, #content form textarea:focus { background: #fefefe; }
#content form textarea { height: 250px; overflow: auto; }
#content form .submit { padding-bottom: 15px; margin-bottom: 0px; }

/* Post *//*
#content .post { padding-bottom: 15px; }
#content .post h3 a { color: #003d74; border-bottom: 1px solid #519ce0; }
#content .post h3 a:hover { text-decoration: none; border-bottom-color: #003d74; }
#content .post h4 { font-size: 0.846em; line-height: 1.3em; color: #9ca09f; margin-bottom: 10px; cursor: help; }
#content .post .body { margin-bottom: 10px; }
#content .post .options { font-size: 0.846em; line-height: 1.3em; margin-bottom: 10px; }
#content .post .options li { display: inline; margin-right: 5px; }
#content .post .comments { margin-bottom: 10px; }
*/
/* Pages *//*
#content .pager { height: 1.3em; }
#content .pager .next { float: left; }
#content .pager .previous { float: right; }
*/
/* Post Comments *//*
#content .post-comments { padding-bottom: 10px; }
#content .post-comments h5 { margin-bottom: 10px; }
#content .post-comments .no-post-comments { font-style: italic; }
#content .post-comments .post-comment { padding-bottom: 10px; }
#content .post-comments .post-comment h6 { font-size: 0.846em; line-height: 1.3em; }
#content .post-comments .post-comment h6 span { font-size: 0.818em; color: #9ca09f; cursor: help; }
#content .post-comments .post-comment .body { font-size: 0.846em; line-height: 1.3em; margin-bottom: 10px; }
#content .post-comments .post-comment .options { font-size: 0.846em; line-height: 1.3em; margin-bottom: 10px; }
#content .post-comments .post-comment .options li { display: inline; margin-right: 5px; }
*/
/* Add Post Comment *//*
#content .add-post-comment { padding-bottom: 10px; }
#content .add-post-comment h5 { margin-bottom: 10px; }
#content .add-post-comment textarea { height: 120px; overflow: auto; }
*/
#menu ul li { display: inline; }

/* top */

#topBg { background: url(../img/mainnav_bg.png) 0px -10px repeat-x; height: 53px; }
#top { font-size: 11px; width: 950px; margin: 0 auto; padding-top: 4px; line-height: 18px }
#top h1 { text-align: center; font-size: 24px; }
#top h2 { text-align: center; }
#top #topInfo { width: 400px; float: left; }
#top #topInfo ul li { display: inline; }
#top #topMenu { width: 500px; float: right; }
#top #topMenu ul { text-align: right; }
#top #topMenu ul li { display: inline; }
#top #topMenu .tmMain li {  }
#top #topMenu .tmMain li a { letter-spacing: 1px; font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 0px 3px; }
#top h1 { color: #555; margin: 20px 0px 10px 0px; }
#top h1 span { color: #06c; }

#mainBg { width: 988px; background: url(../img/content_bg.png) repeat-y; margin: 0 auto; }
#main { margin-top: -6px; width: 960px; }

#subfooterBg { width: 988px; background: url(../img/content_bg.png) repeat-y; margin: 0 auto; }
#subfooter { width: 960px; background: #fff; margin: 0 auto; text-align: center; }
#footerBg { width: 988px; text-align: center; height: 25px; background: url(../img/footer_bg.png) left bottom no-repeat; margin: 0 auto; }
#footer { text-align: center; font-size: 8px; margin: 0 auto; }

.footerBox { font-size: 9px; padding-top: 5px; /*border-top: 1px solid #ccc;*/ margin: 0px 15px; }
.footerBox span { font-weight: bold; color: #666; }
.pagerBox { font-size: 9px; padding-bottom: 5px; text-align: center; line-height: 14px; border-bottom: 1px solid #ccc; }
.pagerArrow { font-size: 12px; }

#link li { display: inline; }

table#links { width: 100%; margin: 10px 0px; font-size: 11px; }
table#links thead th { border: 1px solid #ccc; border-width: 1px 0px; background: #f6f6f6; padding: 5px; font-size: 11px; font-weight: bold; }
table#links tbody td { border-bottom: 1px solid #ddd; padding: 5px; }
table#links .fr { text-align: right; width: 35px; }
table#links .frn { text-align: right; width: 57px; }
table#links .frn a { margin-left: 3px; }

.paging { text-align: center; font-size: 10px; }

.linkPerPage { width: 430px; float: left; border: 1px solid #eee; height: 20px; line-height: 20px; }
.linkPerPage span { float: left; margin: 0px 5px; }
.linkPerPage input.text2 { float: left; width: 30px; text-align: center; margin: 0px 5px; }
.linkPerPage input.submit { float: left; margin: 2px 0px 0px 4px; }
.linkSort { width: 400px; float: right; border: 1px solid #eee; text-align: right; }
.linkSort select { margin: 0px 5px; }

.linkInfo { width: 400px; float: left; line-height: 20px; }

abbr { cursor: help; }
abbr#edit { color: #bbb; font-size: 8px; }

a.linkEdit { display: block; float: left; width: 16px; height: 16px; background: url(../img/link_edit.png) no-repeat; text-indent: 5000px; overflow: hidden; margin-right: 3px; }
a.linkDelete { display: block; float: left; width: 16px; height: 16px; background: url(../img/link_delete.png) no-repeat; text-indent: 5000px; overflow: hidden; }

a.noteShow { display: block; float: left; width: 16px; height: 16px; background: url(../img/page_go.png) no-repeat; text-indent: 5000px; overflow: hidden; }
a.noteEdit { display: block; float: left; width: 16px; height: 16px; background: url(../img/page_edit.png) no-repeat; text-indent: 5000px; overflow: hidden; }
a.noteDelete { display: block; float: left; width: 16px; height: 16px; background: url(../img/page_delete.png) no-repeat; text-indent: 5000px; overflow: hidden; }

.noteBox {}
.noteBoxTitle { background: #F6F6F6; border-top: 1px solid #CCCCCC; /*border-width: 1px 0px;*/ font-size: 14px; font-weight: bold; padding: 5px 5px 0px 5px; }
.noteBoxTitle span { display: block; float: left; /*margin-left: 0px; width: 870px; text-align: center;*/ }
/*.noteBoxTitle span span { font-size: 1em; margin-left: 0px; display: block; float: left; width: 30px; color: #999; }*/
.noteBoxAction { float: right; width: 37px; text-align: right; }
.noteBoxAction .noteEdit { margin-right: 5px; }
.noteBoxAction .noteDelete { }

.noteBoxSubtitle { color: #999; background: #F6F6F6; border-bottom: 1px solid #CCCCCC; font-size: 10px; padding: 0px 5px 5px 5px; }
.noteBoxSubtitle a { color: #999; }
.noteBoxContent { padding: 5px; font-size: 12px; }

.noteEditBox { border: 1px solid #ccc; width: 870px; padding: 10px 10px 0px 10px; margin: 0 auto; }
.noteEditBox label { display: block; width: 200px; }
.noteEditBoxTitle { width: 550px; float: left; }
.noteEditBoxTitle input#title { width: 530px !important; }
.noteEditBoxCategory { width: 300px; float: right; }
.noteEditBoxCategory input#category { width: 290px !important; }
.noteEditBoxContent { width: 930px; }
.noteEditBoxContent textarea#content { width: 858px; height: 350px; }

h3.center { text-align: center; }

.searchBox { position: relative; margin: 0 auto; border: 1px solid #ccc; margin-bottom: 10px; }
#searchLink { width: 650px; height: 60px;  }
#searchLink .searchBoxGo { position: absolute; top: 30px; left: 580px; }
#searchNote { width: 620px; height: 60px;  }
#searchNote .searchBoxGo { position: absolute; top: 30px; left: 550px; }

.searchBoxWhatText { position: absolute; top: 5px; left: 20px; }
.searchBoxWhatInput { position: absolute; top: 20px; left: 20px; }

.searchBoxWhereText { position: absolute; top: 5px; left: 450px; }
.searchBoxWhereSelect { position: absolute; top: 25px; left: 450px; }
.searchBoxWhereSelect select { padding: 3px; }

.noteEditSubmit { text-align: center; }

.contactBox { border: 1px solid #ddd; margin-bottom: 10px; padding: 5px; float: left; }
#contactBoxLeft { margin-right: 10px; width: 370px; }
#contactBoxRight {  width: 516px; }
.contactBoxTitle { margin-bottom: 10px; font-weight: bold; }
.contactBoxDesc { margin: 0px 5px 10px 5px; }
.contactBoxList {}
.contactBoxList li { clear: both; border-top: 1px solid #eee; }
.contactBoxList li span { display: block; float: left; margin: 5px; }
#contactBoxLeft .contactBoxList li span.def { width: 80px; }
#contactBoxLeft .contactBoxList li span.con { width: 270px; text-align: right; }
#contactBoxRight .contactBoxList li span.def { width: 140px; }
#contactBoxRight .contactBoxList li span.con { width: 356px; text-align: right; }

.login { width: 395px; margin: 0 auto; border: 1px solid #ccc; padding: 10px 20px 0px 20px; }
.login h3 { text-align: center; }
.login .submit { text-align: center; }
.login .loginReg { margin: 20px 0px 10px 0px; }

.quickMenu { line-height: 1.3em; text-align: center; width: 150px; padding: 10px; border: 1px solid #ccc; float: right; margin: 0px 0px 10px 10px; }
.quickMenu h4 { text-align: center; }
.quickMenu p { margin-top: 10px; }

.mainInfo { line-height: 1.7em; text-align: justify; margin-top: 10px; }

.addLink { border: 1px solid #ccc; width: 512px; margin: 0 auto; padding: 10px 10px 0px 10px; }
.addLink .addLinkHttp input.text { width: 500px!important; }
.addLink .addLinkCategory input.text { width: 500px!important; }
.addLink .addLinkComment textarea { width: 500px!important; height: 100px!important; }
.addLink .addLinkSubmit { text-align: center; }

.mainBox { margin-bottom: 15px; }
.mainBoxTitle { font-weight: bold; }
.mainBoxBottom { padding-bottom: 30px; }