* {font-size: 100%}
body {font: 75% "Trebuchet MS", Tahoma,sans-serif; color: #696969}

body {background-color: #fff}
img {border: none; vertical-align: middle;}
table {width: 100%; border-collapse: collapse; border: none}
table td {padding: 0px}
a {color: #015f83; text-decoration: underline}
a:hover {text-decoration: none}
button {border: none; background: #0f6a8c; padding: 0px 5px; height: 20px; vertical-align: middle; color: #fff; font-size: 95%; padding: 0px 15px}
.search button {background: transparent; padding: 0px 5px; height: 20px}
input, textarea, select {color: #696c6d; font: 95% Arial,sans-serif; padding: 2px 3px; vertical-align: middle; border: solid 1px #ccd4d7; height: 20px; margin: 2px 0px}
textarea {width: 100%; height: 70px}
ul {list-style-type: none; padding: 0px; margin-left: 16px}
ul li {background: url('pic/blt_list_blue.gif') no-repeat 0px 6px; margin: 8px 0px; padding-left: 20px}
ol li {margin: 8px 0px}
div.hr {height: 1px; background: #fff url('pic/hr.gif') repeat-x; font-size: 1px; width: 100%; clear: both}
label {cursor: pointer; margin-left: 5px}

.tabs {height: 32px; border-collapse: collapse}
.tabs td {background: #dce0e2 url('pic/bg01.gif') repeat-y; border: solid 1px #CFD4D7; border-bottom: none}
.tabs td.empty {background: none; width: 100%; border: none; border-bottom: solid 1px #CFD4D7}
.tabs td.active {background: #fff; border-bottom: none}
.tabs td span {color: #015f83; cursor: pointer; font-weight: bold; display: block; text-align: center; height: 32px; padding: 7px 20px 0px 30px; background: url('pic/blt_list_white.gif') no-repeat 15px 13px}
table[class=tabs] td span {height: 25px; background-position: 18px 14px}
.tabs td.active span {background-image: url('pic/blt_list_blue.gif')}
.lists {position: absolute; padding-right: 10px}

.XC1 {text-align: center}
.XC2 {text-align: left; width: 984px; margin: auto}

.XTOP {height: 383px}
div[class=XTOP] {margin-bottom: 15px}
.XTOP .logo_site {margin: 15px 0px 20px 0px; float: left}
.XTOP .menu_blt {float: left; width: 140px; height: 28px; margin: 0px; margin-left: 100px; margin-top: 20px; list-style-type: none;}
.XTOP .menu_blt li {margin: 0px; padding: 0px; background: none; display: inline; vertical-align: middle}
.XTOP .menu_blt a {margin: 5px; padding: 5px; float: left}
.XTOP .search {float: left; margin-left: 150px; margin-top: 27px}
.XTOP .get_card {float: right; clear: right; width: 152px; margin-top: 15px; cursor: pointer}
.XTOP .get_card img {cursor: pointer}

.XTOP .flash {float: left; width: 742px; height: 248px; overflow: hidden}
.XTOP .glossary {float: right; clear: right; width: 242px; height: 248px; border: solid 1px #cfd4d7; border-bottom: solid 4px #0f6a8c;}
.XTOP .glossary .tabs td {border: none}
.XTOP div[class=glossary] {height: 243px; width: 240px}
.XTOP .glossary .lists {position: absolute; overflow: auto; width: 238px; height: 209px; margin: 1px}
.XTOP div[class=glossary] .lists {height: 209px; width: 228px}

.XLEFT {width: 241px; float: left}

.XRIGHT {width: 241px; float: right}

div[class=XLEFT] {margin-top: 15px}
div[class=XRIGHT] {margin-top: 15px}

.sideblock {width: 241px; margin-bottom: 25px}
.sideblock .icon {position: absolute; margin-left: 190px}
.sideblock .title {margin-bottom: 15px; height: 35px; background-repeat: no-repeat; color: #fff; font-size: 105%; padding-left: 30px; padding-top: 8px}
.sideblock div[class=title] {height: 27px}
.XLEFT .sideblock .title {background-image: url('pic/title_bg01.jpg')}
.XRIGHT .sideblock .title {background-image: url('pic/title_bg03.jpg')}

.link_next {margin: 10px 0px; text-align: right}
.link_next a {font-size: 90%}

.news_list {margin-bottom: 30px}
.news_list p {margin: 10px 0px}
.news_list .img {float: left; width: 100px; margin-right: 10px}
.news_list .name {margin-top: 0px}
.news_list .name a {font-size: 108%}

.copy {text-align: center; color: #93a4aa; font-size: 90%}

.XFOOTER .hr {margin-bottom: 20px}

.sideblock .themes {width: 241px; height: 226px; border: solid 1px #cfd4d7}
.sideblock .themes .tabs {height: 22px}
.sideblock .themes .tabs td {background: #dce0e2 url('pic/bg01.gif') repeat-y; border: none}
.sideblock .themes .tabs td.active {background: #fff}
.sideblock .themes .tabs td span {background-image: none; color: #015f83; cursor: pointer; font-weight: normal; display: block; text-align: center; height: 22px; padding: 3px 0 0 0}
.sideblock .themes table[class=tabs] td span {height: 19px}
.sideblock .themes .tabs td.active span {background-image: none}
.sideblock .themes .lists {height: 200px; overflow: auto; width: 237px; margin: 1px; padding: 0px 10px}
.sideblock .themes div[class=lists] {width: 227px}

.pollblock {border: solid 1px #cfd4d7; padding: 20px}

p font.errortext {border: solid 2px #f50; background-color: #fee; color: #f50; padding: 5px; width: 100%; display: block; margin-bottom: 20px}
p font.notetext {border: solid 2px #18b400; background-color: #e6ffe2; color: #18b400; padding: 5px; width: 100%; display: block; margin-bottom: 20px}

.starrequired {color: #f50!important; font-weight: bold!important}

.messageholder image {}
.messageholder .sendmessgeimg {border: solid 1px #015f83; margin-right: 10px}
.messageholder .textforfields {white-space: nowrap; padding-right: 10px}
.messageholder input {width: 100%}

.messages_list {border: solid 1px #CFD4D7; border-top: none;}
.messages_list th {font-weight: bold; text-align: left}
.messages_list th, .messages_list td {padding: 5px}
.messages_list .user_photo {border: solid 1px #015f83}

.table_form td {padding: 3px 0px}
.table_form .field_name {width: 190px}
.table_form .field_tag {width: 278px}
.table_form .field_tag input, .table_form .field_tag select {width: 100%}
.table_form .calendar-icon {position: absolute; margin-top: 2px; margin-left: -20px}
.table_form .field_tag small {font-size: 85%; border: solid 1px #ffed71; background-color: #fffbdf; color: #877600; display: block; text-align: center; letter-spacing: 0.7em; padding: 0px 5px; position: absolute; width: 278px}

h1 {font-size: 108%; margin: 5px 0px}
h1 .newsheader {font-size: 108%; text-decoration: none; margin-bottom: 5px; padding-bottom: 5px}
.section {margin-bottom: 20px}
.section .text {margin-left: 100px; width: 580px}

.flash {height: 248px}
.flash .image {position: absolute}
.flash .pager {position: absolute; margin-left: 680px; margin-top: 220px; text-align: right}
.flash .pager a {padding: 5px 7px; background-color: #d1eaf1; text-decoration: none; font-size: 95%; margin: 2px}

a.change_font {display: block; font-size: 1px; padding: 0px!important; width: 29px; height: 18px; background: url('pic/icon_fontsize.gif') 0px 0px; margin-left: 30px!important}
a.change_font:hover {background-position: 0px 17px}