* {
    margin: 0;
    padding: 0;
}

body {
    font: normal 0.7em Verdana, sans-serif;
    background: #F7F7F7;
    color: black;
}

input, select {
    font: normal 1.0em Verdana, sans-serif;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

table td {
    vertical-align: top;
    padding: 0;
}

a {
    background: inherit;
    color: #244296;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0;
}

div {
    /*border: 1px solid yellow;*/
}

p, center, ol, ul {
    margin: 10px 0;
}

ol, ul {
    margin-left: 30px;
}

#top {
    width: 100%;
    margin: 10px 0;
}

#title {
    color: #5268a7;
    font-weight: bold;
    font-size: 130%;
    padding-left: 20px;
}

#control {
    padding-right: 20px;
    text-align: right;
    white-space: nowrap;
}

#control form {
    display: inline;
    margin-left: 20px;
}

#filters {
    margin: 10px 0;
}

#filters .filter {
    padding-left: 20px
}

#filters .filter .title {
    background: #dd74a8 url('images/filbg.gif') repeat-x;
    color: white;
    padding: 0 20px;
    height: 19px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left: 1px solid #D36B9F;
    border-top: 1px solid #D36B9F;
    border-right: 1px solid #D36B9F;
    border-bottom: 1px solid #dd74a8;
    font-size: 110%;
}

#filters .filter .clear {
    border-bottom: 1px solid #BE6490;
    width: 100%;
}

#filters .filter .values {
    padding: 10px;
    border-left: 1px solid #BE6490;
    border-bottom: 1px solid #BE6490;
    border-right: 1px solid #BE6490;
    background: white;
    color: black;
}

#filters .filter .values input {
    margin: 0 5px;
}

#filters .free {
    width: 20px;
}

#catlist {
    padding: 10px 20px 20px 20px;
}


#categories {
    width: 100%;
    border: 1px solid #cf6650;
}

#categories .catcol {
    padding: 0 10px 20px 10px;
    background: white;
}

#categories .catcol .image {
    padding: 20px 10px 1px 1px;
    text-align:center;

}

#categories .catcol .title {
    font-size: 120%;
    font-weight: bold;
    white-space: nowrap;
    padding-top: 20px;
}

#categories .catcol .counter {
    font-weight: normal;
}

#categories .catcol .subcats {
    padding-top: 2px;
}

#main {
    width: 100%;
}

#main .left {
    width: 100%;
    padding: 0 20px 10px 20px;
}

#main .right {
    width: 250px;
    padding: 0 0 10px 0;
}

#main .free {
    padding: 10px;
}

#catitems {
    width: 100%;
    border: 1px solid #5167A5;
    background: white;
}

#catitems .caticon {
    width: 55px;
    text-align: center;
    vertical-align: top;
    padding: 10px 5px 10px 10px;
}


#catitems .catpath {
    text-align: left;
    font-size:90%;
    color:#777777;
    font-weight: bold;
    padding: 10px 20px 1px 5px;
}

#catitems .catpath a
{
 	color:#777777;
 	white-space: nowrap;
}


#catitems .cattitle {
    text-align: left;
    font-size:150%;
    font-weight: bold;
    color:#222222;
    padding: 0px 20px 0px 5px;
}
#catitems .cattitle .catdescr {
    font-weight: normal;
    font-size: 60%;
}
#catitems .cattitle .edit, 
#catitems .cattitle .edit a {
	font-size:76%;
	color:#999999;	
	font-weight:normal
}


#catitems .itemtype {
    text-align: right;
    padding: 10px 10px 1px 10px;
    vertical-align: top;
    white-space: nowrap;
}

#catitems .sort {
    text-align: right;
    padding: 10px 10px 5px 10px;
    vertical-align: top;
}


#catitems .navbar {
    text-align: center;
    padding: 10px;
}

.pagenav {
    margin: 0 auto;
    text-align: center;
}

.pagenav td {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.pagenav input {
    text-align: center;
    font-weight: bold;
    padding: 2px 3px;
    border: 1px solid #5167A5;
}

.pagenav a {
    padding: 0 5px;
}

#catitems .items {
    padding: 10px 20px;
}
#catitems .items .number {
    font-weight: bold;
    padding-right: 10px;
    width: 45px;
}

#catitems .items .link {
    font-size: 110%;
    white-space: normal;
    padding-top: 2px;
}

#catitems .items .rating {
    width: 100%;
    padding-left: 10px;
}

#catitems .items .info {
    font-size:80%;
    color: gray;
    padding-top: 3px;
}

#catitems .items .descr {
    padding-top: 5px;
    margin-bottom: 20px;
}

#catitems .items .url {
    padding-top: 5px;
    color: gray;
}


#catitems .items .control {
	border-top:3px solid #FFFFFF;
    padding: 5px 5px 15px 0px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
}

#catitems .items .free {
    height: 20px;
    padding: 0;
    margin: 0;
}

#catitems .items .nullheight {
    height: 0;
    padding: 0;
    margin: 0;
}



#newitems, #stats {
    width: 250px;
    margin-right: 20px;
}

#newitems .title, #stats .title {
    background: #708EE1 url('images/newitemsbg.gif') repeat-x;
    color: white;
    border-left: 1px solid #5167A5;
    border-top: 1px solid #5167A5;
    border-right: 1px solid #5167A5;
    border-bottom: 1px solid #708EE1;
    height: 29px;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 20px;
    white-space: nowrap;
}

#newitems .clear, #stats .clear {
    padding-right: 80px;
    border-bottom: 1px solid #5167A5;
}

#newitems .items, #stats .items {
    background: white;
    padding: 10px 10px 10px 10px;
    border-left: 1px solid #5167A5;
    border-bottom: 1px solid #5167A5;
    border-right: 1px solid #5167A5;
}

#newitems .items .image, #stats .items .image {
    padding-right: 5px;
    padding-top:5px;
}

#newitems .items .link {
    font-size: 110%;
    padding-top:5px;
}

#newitems .items .link a {
    color: #244296;
}

#newitems .items .descr {
    padding: 5px 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


#newarticles {
    width: 250px;
    margin-right: 20px;
}

#newarticles .title {
    background: #b3c86b url('images/newartbg.gif') repeat-x;
    color: white;
    border-left: 1px solid #8E9F55;
    border-top: 1px solid #8E9F55;
    border-right: 1px solid #8E9F55;
    border-bottom: 1px solid #b3c86b;
    height: 29px;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 20px;
    white-space: nowrap;
}

#newarticles .clear {
    padding-right: 80px;
    border-bottom: 1px solid #8E9F55;
}

#newarticles .items {
    background: white;
    padding: 10px 10px 10px 10px;
    border-left: 1px solid #8E9F55;
    border-bottom: 1px solid #8E9F55;
    border-right: 1px solid #8E9F55;
}

#newarticles .items .image {
    padding-right: 5px;
    padding-top:5px;
}

#newarticles .items .link {
    font-size: 110%;
    padding-top:5px;
}

#newarticles .items .link a {
    color: #244296;
}

#newarticles .items .descr {
    padding: 5px 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

     

#bottom {
    margin: 10px 0;
}

#bottom .copyright {
    padding: 20px;
}

input.text {
    padding: 2px 3px;
}

input.submit {
    background: url('images/butbg.gif') repeat-x;
    color: white;
    border-left: 1px solid #97a9df;
    border-top: 1px solid #97a9df;
    border-right: 1px solid #4f64a0;
    border-bottom: 1px solid #4f64a0;
    height: 19px;
    padding: 0 20px;
}

#ext {
    margin: 0 auto 20px auto;
    width: 600px;
    background: white;
    border: 1px solid #5167A5;
}

#ext td.name {
    padding: 5px 20px;
    font-weight: bold;
    color: #496dab;
    width: 200px;
}

#ext td.text {
    padding: 5px 20px;
}

#ext .cat {
    padding: 2px 0;
}


#ext_article {
    width: 100%;
}

#ext_article .left {
    padding: 10px 20px;
    width: 70%;
}

#ext_article .left .descr {
    padding: 10px 20px 20px 20px;
    background: white;
    border: 1px solid #5167A5;
}

#ext_article .left .control {
    margin-top: 20px;
}

#ext_article .right {
    padding-right: 20px;
}

#ext_article .right .pagetitle {
    margin-left: 0;
}

#ext_article .right .info {
    margin: 0 0 20px 0;
    width: 100%;
    background: white;
    border: 1px solid #5167A5;
}

#ext_article .right .info .name {
    padding: 5px 20px;
    font-weight: bold;
    color: #496dab;
    white-space: nowrap;
}

#ext_article .right .info .text {
    padding: 5px 20px;
    width: 100%;
}

#ext_article .right .info .cat {
    padding: 2px 0;
}



#add_table {
    margin: 0 auto 20px auto;
    border: 1px solid #5167A5;
    border-collapse: collapse;
    width: 600px;
    background: white;
}

#add_table .top {
	height: 10px
}


#add_table .name {
    padding: 5px 20px;
    font-weight: bold;
    color: #496dab;
    width: 100%;
}

#add_table .field {
    padding: 5px 20px;
}

#add_table td.text {
    padding: 5px 20px;
}

#add_table .field input {
    padding: 2px 5px;
}

#add_table input.text {
    width: 300px;
}

#add_table input.read {
    width: 300px;
    border: 1px solid #5167A5;
    background: #fafafa;
    padding: 3px 5px;
    cursor: default;
}

#add_table td textarea {
    width: 100%;
    height: 100px;
}

#add_table td.submit {
    text-align: right;
    padding: 10px;
}

#add_table td.submit input {
    padding: 2px 20px;
}

/*#add_table */ul.errors {
    color: red;
}


#add_table .categories {
    white-space: nowrap;
    height: 300px;
    overflow: scroll;
    border: 1px solid #5167A5;
}

#add_table .categories ul {
    margin: 4px 20px;
    list-style: none;
}

#add_table .categories li input {
    margin: 3px !important;
    margin: 0;
    vertical-align: middle;
}

#add_table .backlinks {
    background: #f8f8f8;
}

#add_table .backlinks .left {
    border: 1px solid #5167A5;
}

#add_table .backlinks .user_code {
    overflow: scroll;
    height: 70px;
    margin: 5px;
    border: 1px solid gray;
    background: white;
}

#add_table .backlinks .right {
    border: 1px solid #5167A5;
    text-align: center;
    vertical-align: middle;
}
#error404 {
}
#error404 .text {
    padding: 0 20px;
}
#error404 .msg {
    padding: 20px;
    background: white;
    border: 1px solid #5167A5;
}
#map {
}
#map .mapcat {
    padding: 0 20px;
}

#map .mapcat .categories {
    border: 1px solid #5167A5;
    background: white;
    padding: 10px 20px;
}

.level1 {
    font-size: 15px;
    font-weight: bold;
}

.level2 {
    font-size: 13px;
    font-weight: bold;
}

.level3 {
    font-size: 12px;
    font-weight: bold;
}

.level4, .level5, .level6, .level7, .level8, .level9, .level10 {
    font-size: 11px;
    font-weight: normal;
}

/* Calendar */
.calendar {
    visibility: hidden;
    background-color: white;
    z-index: 9999;
    border: solid 1px #34783E;
    position: absolute;
    margin-top: 25px;
    margin-left: 30px;
}
.ctable {
    width: 210px;
}
.ctbl0 td {
    background: #9bc871;
    border: 1px solid white;
    color: white;
    padding: 4px;
}
.ctbl2 td {
    background: #e8f0f4;;
    border: 1px solid white;
    padding: 4px;
}
.pagetitle {
    margin: 10px 0 0 20px;
}
.pagetitle .title {
    background: url('images/pathbg.gif') repeat-x;
    color: white;
    border-left: 1px solid #5167A5;
    border-top: 1px solid #5167A5;
    border-right: 1px solid #5167A5;
    height: 29px;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 20px;
    white-space: nowrap;
}
.pagetitle .clear {
    width: 100%;
}
#stats .items .info {
    padding: 5px 0;
}


#bottom-info {
    margin: 20px;
}
#bottom-info .title {
    background: #708EE1 url('images/newitemsbg.gif') repeat-x;
    color: white;
    border-left: 1px solid #5167A5;
    border-top: 1px solid #5167A5;
    border-right: 1px solid #5167A5;
    border-bottom: 1px solid #708EE1;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 20px;
	display: inline-block;
    white-space: nowrap;
}
#bottom-info .content {
    border: 1px solid #5167A5;
    background-color: white;
    padding: 10px 20px;
}