* {
	margin: 0;
	padding: 0;
	border: 0;
}
	
html, body {
	height: 100%;
}
	
* html #container {	
	height: 100%;
}
	
body {
	background-color: #e7e7c9;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
	
.clear {
	clear: both;
}

a {
	cursor: pointer;
}


#container {
	width: 995px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
	
#topmenu {
	width: 100%;
	height: 22px;
	background:#193D6A;
}



#topmenu ul li{
	list-style-type:none;
	display:inline
}

#topmenu li a{
	display:block;
	float:left;
	cursor: pointer;
	font-size: 10pt;
}

#topmenu li  a{
	font-family:Tahoma,Helvetica,sans-serif;
	text-decoration:none;
	color:#fff;
}

#topmenu li a{
	display:block;
	float:left;
	padding:3px 20px;
	background:#193D6A;
}

#topmenu li a:hover{
	background:#408BE8;
	padding:3px 20px;
	position:relative;
}


#topbanner {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	height: 20px;
}

#leftmenu {
	width: 190px;
	min-height: 500px;
	position: relative;
	float: left;
}

#content {
	margin-left: 10px;
	width: 791px;
	min-height: 500px;
	position: relative;
	float: left;
}

.line {
	height: 10px;
	clear: both;
}

#footer {
	width: 100%;
	border: 1px solid #666666;
	text-align: center;
}

/* ----- Левое меню ----- */

.block {
	width: 180px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	padding: 5px;
}

.block  .caption {
	width: 170px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.block a {
	color: #000000;
	text-decoration: none;
	font-size: 10pt;
}


.block a:hover {
	color: #294D7A;
	text-decoration: underline;
}

.block a.online {
	color: #294D7A;
	text-decoration: none;
	font-size: 10pt;
}


.sep {
	clear: both;
	height: 10px;
}

/* ----- /Левое меню ----- */


/* ----- simple modal ----- */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/* ----- /simple modal ----- */

/* ----- login form ----- */
.loginFormLeft {
	position: relative;
	float: left;
	text-align: right;
	width: 80px;
	top: 1px;
	font-size: 10pt;
}

.loginFormRight {
	position: relative;
	float: right;
	padding-right: 20px;
}

.loginFormInputField {
	position: relative;
	float: left;
	text-align: left;
	padding-left: 5px;
}

.loginFormInput {
	border: 1px solid #CCCCCC;
	background: #F6F6DE;
}

/* ----- /login form ----- */

/* ----- article ----- */

.viewSmallArticle {
	width: 787px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewSmallArticle .captionArticle {
	width: 775px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #666666;
	position: relative;
	background: #5f86b7;
}

.viewSmallArticle .textArticle {
	width: 775px;
	margin: 3px;
	padding: 3px;
}

.viewSmallArticle .textArticle ul {
	padding-left: 20px;
}

.viewSmallArticle .captionArticle .right {
	position: relative;
	float: right;
}

.viewSmallArticle .captionArticle a {
	color: #000000;
	text-decoration: none;
}

.viewSmallArticle .captionArticle a:hover {
	color: #000000;
	text-decoration: underline;
}

pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.scriptcode {
	width: 750px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #666666;
	background: #c8dbf3;
}

.quote {
	width: 98%;
	margin: 3px;
	padding: 3px;
	border: 1px dashed #666666;
	background: #abc6e9;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

.pageActive {
	color: #FFFFFF;
	font-weight: bold;
	border: 1px dashed #FFFFFF;
	background: #193D6A;
	padding: 5px;
}

a.pageDeactive {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border: 1px dashed #FFFFFF;
	background: #5f86b7;
	padding: 2px;
}

a.pageDeactive:hover {
	color: #000000;
	text-decoration: underline;
}

.center {
	width: 100%;
	text-align: center;
}

a.readMore {
	background:url(/images/readMore.gif) no-repeat; 
	padding-left: 14px;
	color: #000000;
	text-decoration: none;
}

a.readMore:hover {
	background:url(/images/readMoreActive.gif) no-repeat; 
	padding-left: 14px;
	color: #193D6A;
	text-decoration: underline;
}


/* ----- comments ----- */

.viewComment {
	width: 787px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewComment hr {
	position: relative;
	color:#000000;
	background-color: #000000;
	height: 1px;
	width: 150px;
	border-width:0px; 
}

.viewComment .commentCaption {
	width: 780px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

.viewComment .commentCaption a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.viewComment .commentCaption a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.viewComment .commentPhoto {
	position: relative;
	float: left;
	width: 100px;
	padding-right: 20px;
}

.viewComment .commentText {
	position: relative;
	float: left;
	width: 660px;
}

.viewComment .commentText .sign {
	color: #999999;
	font-style: italic;
}




.viewCommentAdd {
	width: 787px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewCommentAdd .caption {
	width: 780px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	text-align: center;
}

.viewCommentAdd .formAddComment {
	margin: 0 auto;
	position: relative;
	width: 777px;
	clear: both;
}

.viewCommentAdd .formAddComment .center {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.viewCommentAdd .formAddComment .center .a {
	color: #193D6A;
	text-decoration: underline;
}

.viewCommentAdd .formAddComment .center textarea{
	width: 600px;
	height: 250px;
	border: 1px solid #666666;
}

.viewCommentAdd .formAddComment .center input{
	width: 100px;
	border: 1px dashed #666666;
}

/* ----- /comments ----- */


/* ----- reg ----- */

.reg {
	width: 787px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.reg .caption {
	width: 780px;
	border: 1px solid #666666;
	position: relative;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.reg .center {
	width: 500px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.reg .center .column1 {
	position: relative;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
	margin-top: 1px;
}

.reg .center .column2 {
	position: relative;
	float: left;
	width: 340px;
	text-align: left;
}

.reg .center .column2 input {
	border: 1px solid #CCCCCC;
	background: #F6F6DE;
	width: 200px;
}

.reg .center .column2 input.code {
	width: 99px;
	top: -10px;
}

.reg .center .column2 input.radio {
	border: 0px solid #CCCCCC;
	background: none;
	width: 20px;
}

.reg .center .sep {
	clear: both;
	height: 5px;
}

.reg .center .column2 textarea {
	border: 1px solid #CCCCCC;
	background: #F6F6DE;
	width: 200px;
	height: 100px;
}
/* ----- /reg ----- */

/* ----- static ----- */
.viewStatic {
	width: 787px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewStatic .caption {
	width: 780px;
	border: 1px solid #666666;
	position: relative;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

/* ----- /static ----- */

/* ----- cloud ----- */

a.cloud20 {
	font-size: 20px;
}

a.cloud18 {
	font-size: 18px;
}


a.cloud16 {
	font-size: 16px;
}

a.cloud14 {
	font-size: 14px;
}

a.cloud12 {
	font-size: 12px;
}

a.cloud10 {
	font-size: 10px;
}

/* ----- /cloud ----- */



/* ----- forum ----- */

.viewSmallForum {
    width: 987px;
    border: 1px solid #666666;
    position: relative;
    float: left;
    margin-bottom: 1px;
    padding: 3px;
}

.viewSmallForum .captionForum {
    width: 500px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
}

.captionForumTopic {
    width: 987px;
    border: 1px solid #666666;
    position: relative;
    float: left;
    margin-bottom: 1px;
    padding: 3px;
	background: #193D6A;
	color: #FFFFFF;
	font-weight: bold;
}

.captionForumTopic a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.captionForumTopic a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.viewSmallForum .captionForum span {
	font-style: italic;
}

.viewSmallForum .captionTopic {
    width: 582px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
}

.viewSmallForum .captionTopic a {
}

.viewSmallForum .captionTopic .span {
	padding-top: 5px;
	font-style: italic;
}

.viewSmallForum .count {
    width: 70px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	text-align: center;
	top: 5px;
}

.viewSmallForum .last {
    width: 215px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	text-align: center;
}

.addTopic {
    padding-bottom: 3px;
	clear: both;
}

.captionPost {
	width: 987px;
	border: 1px solid #666666;
	position: relative;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

.captionPost a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.captionPost a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.viewPost {
	width: 987px;
	border: 1px solid #666666;
	position: relative;
	padding:2px;
	color: #000000;
//	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
}

.viewPost .viewPostUserInfo {
    position: relative;
    float: left;
    width: 100px;
    padding-right: 20px;
    text-align: center;
}

.viewPost .viewPostUserInfo .name{
	margin-bottom: 5px;
}

.viewPost .viewPostUserInfo .name a{
    color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.viewPost .viewPostUserInfo .name a:hover {
    color: #666666;
	text-decoration: underline;
}

.viewPost .viewPostMessage {
    position: relative;
    float: left;
    width: 660px;
	font-weight: none;
}

.viewPost .viewPostMessage .viewPostMessageDate {
	color: #444499;
	clear: both;
}


.viewPostAdd {
	width: 985px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewPostAdd .caption {
	width: 978px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	text-align: center;
}

.viewPostAdd .formAddComment {
	margin: 0 auto;
	position: relative;
	width: 987px;
	clear: both;
}

.viewPostAdd .formAddComment .center {
	width: 300px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.viewPostAdd .formAddComment .center .a {
	color: #193D6A;
	text-decoration: underline;
}

.viewPostAdd .formAddComment .center textarea{
	width: 300px;
	height: 150px;
	border: 1px solid #666666;
}

.viewPostAdd .formAddComment .center input{
	width: 100px;
	border: 1px dashed #666666;
}


.viewTopicAdd {
	width: 979px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}

.viewTopicAdd .caption {
	width: 978px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	background: #193D6A;
	padding:2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	text-align: center;
}

.viewTopicAdd .formAddComment {
	margin: 0 auto;
	position: relative;
	width: 987px;
	clear: both;
}

.viewTopicAdd .formAddComment .center {
	width: 300px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.viewTopicAdd .formAddComment .center .a {
	color: #193D6A;
	text-decoration: underline;
}

.viewTopicAdd .formAddComment .center textarea{
	width: 300px;
	height: 150px;
	border: 1px solid #666666;
}

.viewTopicAdd .formAddComment .center input{
	width: 300px;
	border: 1px dashed #666666;
}



.viewSmallForumHeader {
    width: 987px;
    position: relative;
    float: left;
    margin-bottom: 1px;
    padding: 3px;
	font-weight: bold;
}

.viewSmallForumHeader .captionTopic {
    width: 580px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	top: 5px;
}

.viewSmallForumHeader .captionForum {
    width: 500px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	top: 5px;
}

.viewSmallForumHeader .count {
    width: 70px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	text-align: center;
	top: 5px;
}

.viewSmallForumHeader .last {
    width: 215px;
    margin: 3px;
    padding: 3px;
    position: relative;
	float: left;
	text-align: center;
	top: 5px;
}

/* ----- /forum ----- */


/* ----- mail ----- */

.mail {
	clear: both;
}

.mailCaption {
	width: 779px;
	border: 1px solid #AAAAAA;
	border-bottom: 0px;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	background-color: #EAEAEA;
}

.mail .mailImg {
	width: 20px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	float: left;
	padding: 3px;
	position: relative;
}

.mail .mailImg img {
	padding-top: 2px;
	padding-left: 2px;
}

.mail .mailDate {
	width: 110px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	float: left;
	padding: 3px;
}

.mail .mailUser {
	width: 120px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	float: left;
	padding: 3px;
}

.mail .mailSubject {
	width: 508px;
	height: 20px;
	border: 1px solid #AAAAAA;
	float: left;
	padding: 3px;
}


.mailData {
	clear: both;
}

.mailData .mailImg {
	width: 20px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	border-top: 0px;
	float: left;
	padding: 3px;
	position: relative;
}

.mailData .mailImg img {
	padding-top: 2px;
	padding-left: 2px;
}

.mailData .mailImgDel {
	width: 20px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-left: 0px;
	border-top: 0px;
	float: left;
	padding: 3px;
	position: relative;
}

.mailData .mailImgDel img {
	padding-top: 2px;
	padding-left: 2px;
}

.mailData .mailDate {
	width: 110px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	border-top: 0px;
	float: left;
	padding: 3px;
}

.mailData .mailUser {
	width: 120px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-right: 0px;
	border-top: 0px;
	float: left;
	padding: 3px;
}

.mailData .mailSubject {
	width: 481px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-top: 0px;
	float: left;
	padding: 3px;
}

.mailInfo {
	clear: both;
}

.mailInfo .left {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	float: left;
	font-weight: bold;
}

.mailInfo .right {
	width: 625px;
	text-align: left;
	float: left;
}

.mailInfo .right input {
    border: 1px solid #CCCCCC;
    background: #F6F6DE;
}

/* ----- /mail ----- */

.partner {
	font-size: 10px;
	color: #000000;
}

.partner a {
	font-size: 10px;
	color: #000000;
}

p {
	margin-bottom: 10px;
}