/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */ 

BODY
{
	width: 770px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001F52;
}


/*    */

#topPan {
	position: relative;
	top: 0px;
	z-index:2;
	left: 0px;
	width: 770px;
	background-repeat: repeat-x;
	height: 101px;
	visibility: visible;
	overflow: hidden;
	background-image: url(images/bkgrd_tp.jpg);
}

#logo {
	position: absolute;
	top: 22px;
	left: 3px;
	visibility: visible;
}

#slogan {
	position: absolute;
	top: 5px;
	left: 333px;
	visibility: visible;
}

#Home, #Subscribe, #Events, #Advertising, #About, #Contact{
	position: absolute;
	top: 84px;
	visibility: visible;
}

/*
#dnnMENU_ctldnnMENU{
	position: absolute;
	top: 84px;
	left: 165px;
	visibility: visible;
}
*/

#Home {left: 165px; width: 82px;}
#Subscribe {left: 246px; width: 109px;}
#Events {left: 354px; width: 90px;}
#Advertising {left: 443px; width: 115px;}
#About {left: 557px; width: 95px;}
#Contact {left: 651px; width: 101px;}

.upMenu a, .upMenu  a:visited{
	display: block;
	background-color: #001F52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	height: 14px;
}

.upMenuItem {
	display: block;
	background-color: #001F52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	height: 14px;
	cursor: pointer; 
	cursor: hand;
}

.upMenu a:hover, .upMenu a:active, .upMenu a:focus {
	background-color: #FF6300;
	position: relative;
	top: -3px;
	padding-top: 3px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.upMenuSel {
	background-color: #FF6300;
	position: relative;
	top: -3px;
	padding-top: 3px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/*      */

#leftANDcontentPanContainer {
	width: 770px;
	background-repeat: repeat-y;
}

.backgroundBlue {
	background-image:  url("images/bg_blue.gif");
}
.backgroundWhite {
	background-image:  url("images/bg_white.gif");
}

/*   */

#leftPane {
	float: left;
	width: 165px;
	background-color: #CDDBE6;
	padding-bottom: 15px;
}

#Navigation {
	width: 140px;
	background-color: #CDDBE6;
	overflow: hidden;
	margin-top: 15px;
	margin-left: 25px;
}

#Navigation p{margin: 0;}

#Navigation a, #Navigation a:visited {
	display: block;
	width: 140px;
	background-color: #CDDBE6;
	color: #001F52;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
}

#Navigation a:hover, #Navigation a:active, #Navigation a:focus {
	background-color: #FF6300;
	color: #FFFFFF;
}

#register {
	margin-top: 30px;
	margin-left: 25px;
}

.IssueListDropdown {
	position : absolute;
	top : 82px;
	margin-left: 25px;
	font-size : 9px;
	width : 115px;
	z-index: 15;
	scrollbar-base-color : Gray;
	scrollbar-face-color: Fuchsia;
	font-family: Arial, Helvetica, sans-serif;
}




.topLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.ArticleListTitle {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 1px;
	background-color: #E6EDF3;
	display : block;
	clear:  right;
	margin-bottom: 5px;
	text-transform: capitalize;
}

/*====================== Holding for topic(content), byautor, search, bytopic=========================*/

.ArticleListItem {
	display:block;
}

.ArticleListItem .ArticleListTitle {
    clear:none;
	font-size: 13px;
}

/*====================== Надо указывать ID Охватывающего контейнера, чтобы переопределить его стиль =========================*/
/*
#ContentPane .ByTopic a.ArticleListTitle:hover {color:#66FF33}
#ContentPane .ByTopic a.ArticleListTitle:visited {color:#66FF33}
*/
/*====================== -------------------------------------------------------------------------- =========================*/

.ArticleListDescription {
	font-size : 12px;
	display : block;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 130%;
}

.ArticleListAuthor {
	font-size: 10px;
}

.ArticleListAuthorLastName {
	text-transform : uppercase;
}

.ArticleListIssue {
	font-size : 8pt;
	display : block;
	margin-top: 15px;
	text-align: right;
}

.AllArticleAuthors {
display:block;
margin-bottom: 18px;
}

/**************************** SEARCH Issue ****************************************/

.searchIssueHolder {
	display: inline;
	float: left;
	margin-right: 0px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 11px;
/*	border: 1px solid #CDDBE6; */
	padding: 10px;
/*	background-color: #EAEDF0; */
}

/**************************** SEARCH Autor ****************************************/

a.AuthorChar, a.AuthorChar:link, a.AuthorChar:visited {
	display:block;
	float:left;
	text-align: center;
	border-right: 1px solid #001F52;
	line-height: 12px;
	padding-right: 6px;
	padding-left: 6px;
}

a.AuthorChar:hover {
	background-color: #CDDBE6;
}

.icon {
	float: right;
}




/**************************** SEARCH****************************************/


#findSelector {
	position: absolute;
	top: 32px;
	left: 576px;
	visibility: visible;
	z-index : 9;
	width: 65px;
}

#findSelector a, #findSelector a:visited, #findSelector a:focus {
	color: #E6E6E6;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 12px;
}

#findSelector a:hover, #findSelector a:active {
	color: #FF6300;
}

#circleList {
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

#find {
	position: absolute;
	top: 35px;
	left: 650px;
	visibility: visible;
	z-index : 10;
}

/*Search text field*/

#find .NormalTextBox {
	FONT-SIZE: 9px;
	WIDTH: 98px;
	COLOR: #001F52;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 12px;
	BACKGROUND-COLOR: #ffffff;
	border: none;
	z-index: 200;
}

#find a, #find a:visited {
	display: block;
	width: 35px;
	background-color: #CDDBE6;
	color: #001F52;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 3px;
	height: 10px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#find a:hover, #find a:focus,  #find a:active {
	background-color: #FF6300;
	color: #FFFFFF;
}
/************************ Mgazine-ContentPage ************************/

#contentPageHeader {
	height: 150px;
	background-color: #E6EDF3;
	margin-bottom: 18px;
}

#contentPageHeaderIssuePicture {
	float: left;
}

#contentPageHeaderText {
	margin-left: 160px;
	margin-top: 0px;
	padding-top: 40px;
}

#contentPageHeaderText .Issue {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}

#contentPageHeaderText .Content {
	color: #00457D;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#contentPageHeaderText .IssueTheme {
	font-size: 14px;
	line-height: 100%;
	margin-top: 18px;
}

#contentPageMain {
	background-image: url(images/bkgrd_cn.gif);
	background-repeat: repeat-y;
	margin-top: 18px;
	width: 561px;
	overflow: hidden;
}

#contentPageMain p {
	margin-bottom: 18px;
	text-align: left;
	margin-top: 18px;
}

#contentPageMain a, #contentPageMain a:visited, #contentPageMain a:focus {
	color: #00457D;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
}

#contentPageMain a:hover, #contentPageMain a:active {
	color: #FF6300;
}

#contentPageColumn1 {
	width: 167px;
	float: left;
	margin-right: 30px;
}

#contentPageColumn2 {
	width: 167px;
	float: left;
	margin-right: 30px;
}

#contentPageColumn3 {
	width: 167px;
	float: left;
}

#contentPageMain .contentPageChapter {
	background-color: #F3F7F9;
	margin-top: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDDBE6;
	padding-top: 5px;
}

#contentPageMain .contentPageAuthor {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -12px;
}

/************************* Content Styles *************************/

/*------------------------ Content ------------------------*/

#contentPane {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
    margin-left: 165px; 
	padding-right: 19px;
	padding-left: 22px;
	padding-top: 15px;
	color: #001F52;
}

#contentPane a, #contentPane a:visited {
	color: #00457D;
	text-decoration: none;
}

#contentPane a:hover, #contentPane a:focus {
	color: #FF6300;
}

/*------------------------ Text Styles ------------------------*/

.pNormal {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
}

.pNormalAlignLeft {
	padding-bottom:18px;
	line-height:18px;
	text-align:left;
}

.tNormal {
	font-size : 12px;
}

.tNormalItalic {
	font-size : 12px;
	font-style: italic;
}

.t9px {
	font-size : 9px;
}

.tIlalic {
	font-style: italic;
}

.tBold {
    font-weight:bold;
}

.pHeader {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
	padding-top: 18px;
}

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

.pDescription {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
}

.tDescription {
	font-size : 13px;
	font-style: italic;
}

.pNotes {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
}

.tNotes {
	font-size : 11px;
}

/*------------------------ Ruler ------------------------*/

.rulerDiv {
	width: 200px;
	margin-bottom: 18px;
	margin-top: 18px;	
}

.rulerNotes {
	width: 200px;
	display: block;
}

/*------------------------ InterviewStyles ------------------------*/

.pHeaderInterview {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
	padding-top: 18px;
	padding-right: 20px;
	padding-left: 20px;
}

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

.pHeaderInterview1 {
	line-height:18px;
	text-align:justify;
	padding-top: 18px;
	padding-bottom:9px;
}

.tHeaderInterview1 {
	font-size : 12px;
	font-style: italic;
}

.pNormalInterview {
    text-indent:15px;
	line-height:18px;
	text-align:justify;
}


/*------------------------ Tables ------------------------*/

.pTableTitle {
	padding-bottom:18px;
	line-height:18px;
	text-align:justify;
	padding-top: 18px;
	margin-left: 32px;
	margin-right: 32px;
}

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

.tableWithHeader, .tableNoHeader {
	width: 560px;
}

.tableWithHeader500, .tableNoHeader500 {
	width: 500px;
	margin-left: 32px;
}

.tableWithHeader td, .tableNoHeader td, .tableWithHeader500 td, .tableNoHeader500 td  {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #001F52;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #001F52;
	padding-right: 5px;
	padding-left: 5px;
}

.tableNoHeader, .tableNoHeader500 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #001F52;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #001F52;
}

.tableWithHeader, .tableWithHeader500 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #001F52;
}

.tableWithHeaderHeader td {
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #001F52;
	background-color: #E6EDF3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #001F52;
	font-weight: bold;
}

.pTableCaption {
	padding-bottom:28px;
	line-height:18px;
	text-align:left;
	margin-left: 32px;
	margin-right: 32px;
	padding-top: 9px;
}

.tTableCaption {
	font-size : 11px;
}

.tableCaptionRight {
	padding-bottom:28px;
	line-height:18px;
	font-size : 11px;
	font-style: italic;
	text-align: right;
	padding-right: 10px;
}

.imageCaption {
	padding-bottom:28px;
	text-align:left;
	padding-top: 9px;
	font-size: 9px;
	padding-left: 5px;
}

/*------------------------ Images ------------------------*/

.imageArticleCenter500 {
	display: block;
	margin-left: 32px;
}

.imageArticleCenter500_NoCaption {
	display: block;
	margin-left: 32px;
	margin-bottom: 18px;
}

.imageArticleLeft {
	float: left;
	display: block;
	margin-right: 15px;
	margin-top: 6px;
}

.imageArticleRight {
	float: right;
	display: block;
	margin-left: 15px;
	margin-top: 6px;
}

.vrezkaFullPage {
	display: block;
	background-color: #E4E4E4;
	padding: 20px 40px;
	margin-bottom: 18px;
	margin-top: 18px;
}

/********************************* Footer *********************************/

#footer {
	background-color: #001F52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	height: 15px;
	margin: 0px;
	clear: both;
	text-align: left;
	line-height: 15px;
	padding-left: 5px;
}

/********************************* OtherPages *********************************/

.Title {
	font-size: 18px;
	color: #00457d;
	font-weight: bold;
	margin-top: 18px;
	display : block;
	margin-bottom: 18px;
}

.subTitle {
	color: #00457D;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 18px;
	display: block;
}

.pCommon {
	padding-bottom:18px;
	line-height:18px;
	font-size: 12px;
	display: block;
	margin: 0px;
	width: 550px;
}

/* ------------------- Form ------------------- */

.InputText {
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	border: 1px solid #6699CC;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}

.InputMultipleStping {
	font-size: 12px;
	width: 200px;
	height: 120px;
	margin-top: 2px;
	margin-bottom: 2px;	
	border: 1px solid #6699CC;	
}

/* ------------------- Adv Banner ------------------- */

#banner {
	margin-top: 15px;
	margin-left: 25px;
}

/* ------------------- Registration ------------------- */

#login {
	margin-top: 20px;
	margin-left: 25px;
	width: 140px;
	overflow: hidden;
    margin-bottom: 20px;	
}

#login a, #login a:visited {
	display: block;
	color: #001F52;
	text-decoration: none;
	font-size: 9px;
}

#login a:hover, #login a:active, #login a:focus {color: #FF6300;}

#login p {
	margin-top: 3px;
}


.loginInput {
	FONT-SIZE: 9px;
	WIDTH: 115px;
	COLOR: #001F52;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 12px;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #001F52;
}


a.button, a.button:visited {
	display: block;
	background-color: #EAF0F4;
	color: #001F52;
	text-decoration: none;
	font-size: 9px;
	border: 1px solid #001F52;
	padding: 2px;
	width: 50px;
	text-align: center;
}

a.button:hover, a.button:focus,  a.button:active {
	background-color: #FFFFFF;
}

#login a.button:hover, #login a.button:active, #login a.button:focus {
    background-color: #FFFFFF;
    color: #001F52;
}

#contentPane a.button:hover, #contentPane a.button:active, #contentPane a.button:focus {
    background-color: #FFFFFF;
    color: #001F52;
}

.tableRegistration {
	border: 1px solid #CDDBE6;
}

.tableRegistration td {
	vertical-align: middle;
	background-color: #F3F7F9;
	padding: 10px;
}

.InputTextRegForm {
	width: 230px;
	font-size: 12px;
	border: 1px solid #6699CC;
}

.InputMultipleStpingRegForm {
	font-size: 12px;
	width: 230px;
	height: 60px;
	border: 1px solid #6699CC;	
}

.InputDropDown {
	width: 230px;
	font-size: 10px;	
}