/**************************************************************
Masterdata Ltd.
http://www.masterdata.ru/
 
CSS for onscreen display;
--------------------------------------------------------------
Common styles;
**************************************************************/
body {
    background: #ffffff;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
}

/**************************************************************
Positioning and layout;
**************************************************************/
#crossmenu-wrapper {
	height: 27px;
	background-color: #333333;
	border-top: 3px solid #515151;
	color: #b2b2b2;
}
#crossmenu {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 830px;
}
#crossmenu-left {
    width: 235px;
	float: left;
	text-align: right;
}
#crossmenu-right {
    float: right;
	font-family: Arial;
}
#crossmenu-right A {
	color: #b2b2b2;
	text-decoration: none;
}
#crossmenu-right A:HOVER {
	color: #FFFFFF;
}
#crossmenu-right STRONG.active {
	text-decoration: underline;
}
#crossmenu-right IMG {
	margin: 0 10px 0 10px;
}
#wrapper {
    background: #ffffff;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 3px solid #ed7900;
    border-bottom: 3px solid #333333;	
}
#header {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 830px;
    height: 125px;
}
#logotype {
    margin: 0;
    padding: 0;
    width: 234px;
    height: 125px;
    float: left;
    border-right: 1px solid #d7d7d7;
}
#quote {
    margin: 0;
    padding: 0;
    width: 595px;
    height: 125px;
    float: right;
    text-align: right;
    background-image: url(../images/shader-top.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#quote P {
	color: #797778;
	margin: 45px 0 0 0;
}
#quote .quote-author {
	color: #333333;
}
#bar {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 830px;
    height: 225px;
}
#news {
    margin: 0;
    padding: 0;
    width: 235px;
    height: 225px;
    float: left;
    background: #333333;
}
#news-header {
    margin: 15px 15px 13px 15px;
    padding: 0 15px 0 0;
    text-align: right;
}
.news-block {
    margin: 0 15px 0 15px;
    padding: 6px 15px 10px 0;
    border-top: 1px solid #484848;
    color: #b2b2b2;
}
.news-block A {
    color: #b2b2b2;
    text-decoration: none;
}
.news-block A:HOVER {
    color: #333333;
    background: #b2b2b2;
}
#navigation {
    margin: 0;
    padding: 0;
    width: 595px;
    height: 59px;
    float: left;
}
#menu-main {
    margin: 0;
    padding: 0;
    width: 545px;
    height: 59px;
    float: left;
}
#menu-wrap {
    margin: 0 0 0 17px;
    padding: 0;
}
#active-top {
    width: 15px;
    height: 8px;
    position: absolute;
}
#menu-language {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 59px;
    float: right;    
}
#visual {
    margin: 0;
    padding: 0;
    width: 595px;
    height: 166px;
    background: #55a1d5;
    float: left;    
}
#content-wrapper {
	margin: 0 auto 0 auto;
    padding: 0;
    width: 830px;
}
#sidebar {
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
}
	#calendar {
		margin: 15px 0 0 0;
		padding: 0;
		width: 235px;
		height: 140px;
		background: #ed7900;
	}
	#calendar-header {
		margin: 15px 15px 13px 15px;
		padding: 0 15px 0 0;
		text-align: right;
	}
	.calendar-block {
		margin: 0 15px 0 15px;
		padding: 10px 15px 10px 0;
		border-top: 1px solid #f3a859;
		color: #ffffff;
	}
	.calendar-block A {
		color: #ed7900;
		text-decoration: none;
	}
	.calendar-block A:HOVER {
		color: #333333;
		background: #ed7900;
	}
	.calendar-block IMG {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#popular {
		margin: 5px 0 0 0;
		padding: 0 0 10px 0;
		width: 235px;
		height: 175px;
		background: #55a1d5;
	}
	#popular-header {
		margin: 15px 15px 0 15px;
		padding: 0 15px 13px 0;
		text-align: right;
		border-bottom: 1px solid #b7d7ed;
	}
	.popular-block {
		margin: 0 15px 0 15px;
		padding: 6px 15px 8px 0;
		border-bottom: 1px solid #76b3dd;
		color: #ffffff;
	}
	.popular-block A {
		color: #ffffff;
		text-decoration: none;
	}
	.popular-block A:HOVER {
		color: #55a1d5;
		background: #ffffff;
	}	
#content {
    margin: 0;
    padding: 0;
    width: 595px;
	float: right;
}
#content H1 {
    margin: 30px 0 0 30px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #7f7f7f;
}
#content H2 {
    margin: 30px 0 0 30px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eed9e9;
    font-size: 9pt;
    font-weight: bold;
}
#content P {
    margin: 10px 0 0 30px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #b9b9b9;
}
#content UL {
    margin: 10px 0 0 30px;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #b9b9b9;
    list-style-type: disc;
    line-height: 14pt;
}
#content UL LI {
    padding-left: 22px;
}
#content .last {
    border: 0;
    margin-bottom: 20px;
    background-image:none;
}
#content .block {
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eed9e9;
}
#content .block TABLE TD {
	padding: 5px 0 10px 0;
	line-height: 14pt;
}
.mid-td {
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}
.accented {
	font-weight: bold;
}
.labeled {
	color: #999999;
}

#content A {
    color: #ed7900;
    text-decoration: none;
}
#content A:HOVER {
    color: #ffffff;
    background: #ed7900;
}
#content FORM {
    margin: 0;
    padding: 0;
}
#content INPUT, TEXTAREA {
    margin: 0 0 0 30px;
    padding: 0 0 0 2px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
    width: 274px;
*    width: 270px;
}
#content LABEL {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
    text-align: right;
}
#content .ch {
    width: auto;
    margin: 0;
*    margin: 0;    
}
#content .required {
    color: #ed7900;
    font-weight: bold;
}
#content .button {
    margin: 0;
}
#content #md_submit {
    width: auto;
}
#content .notice {
	padding: 1em;
	color: #ed7900;
	border: 1px solid #ed7900;
	background: #fef0e2;
}

#footer {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 830px;
    height: 131px;
}
#partner {
    margin: 0;
    padding: 0;
    width: 235px;
    height: 131px;
    float: left;
}
#partner IMG {
	margin: 21px 0 0 0;
}
#menu {
    margin: 0;
    padding: 0;
    width: 595px;
    height: 61px;
    float: left;
}
#copyright {
    margin: 0;
    padding: 0;
    width: 594px;
    height: 70px;
    float: left;
    border-left: 1px solid #d7d7d7;
    color: #aba9aa;
    background-image: url(../images/shader-bottom.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;    
}
#copyright P {
    margin: 30px;
    padding: 0;
}

.clearfix {
    clear: both;
}

/**************************************************************
Main menu pointer positioning;
**************************************************************/

.index { padding-left:46px; }
.solutions { padding-left:120px; }
.maps { padding-left:194px; }
.calendar { padding-left:276px; }
.library { padding-left:368px; }
.articles { padding-left:448px; }


/**************************************************************
 Articles List
***************************************************************/

#articlesList li {
	font-weight: bold;
}

/**************************************************************
 Solutions Map
***************************************************************/

#content #businessSolutionsHolder h1, 
#content #businessSolutionsHolder h2, 
#content #businessSolutionsHolder h3, 
#content #businessSolutionsHolder h4, 
#content #businessSolutionsHolder h5, 
#content #businessSolutionsHolder h6, 
#content #businessSolutionsHolder p, 
#content #businessSolutionsHolder div, 
#content #businessSolutionsHolder pre, 
#content #businessSolutionsHolder blockquote, 
#content #businessSolutionsHolder ul, 
#content #businessSolutionsHolder ol, 
#content #businessSolutionsHolder dl, 
#content #businessSolutionsHolder address {
	margin: 0;
	padding: 0;
	border: none;
}

#content #businessSolutionsHolder h1, 
#content #businessSolutionsHolder h2, 
#content #businessSolutionsHolder h3, 
#content #businessSolutionsHolder h4, 
#content #businessSolutionsHolder h5, 
#content #businessSolutionsHolder h6, 
#content #businessSolutionsHolder pre, 
#content #businessSolutionsHolder code { 
	font-size: 11px; 
}

#content #businessSolutionsHolder li, 
#content #businessSolutionsHolder dd, 
#content #businessSolutionsHolder blockquote { margin-left: 1em; }

#content #businessSolutionsHolder ul, 
#content #businessSolutionsHolder ol { list-style: none }

#content #businessSolutionsHolder a img, 
#content #businessSolutionsHolder :link img, 
#content #businessSolutionsHolder :visited img { border:none }

#content #businessSolutionsHolder {
	margin-left: 30px;
	padding-top: 15px;
	padding-bottom: 30px;
}

	#content #businessSolutionsHolder h2 {
		float: left;
		line-height: 36px;
		color: #FFF;
		background: #ED7900 url(../images/smoother-left.gif) left center no-repeat;
	}

		#content #businessSolutionsHolder h2 span {
			display: block;
			padding: 0 15px;
			background: transparent url(../images/smoother-right.gif) right center no-repeat;
		}

	#content #solutionsMap,
	#content #solutionsMap ul{
		clear: both;
		margin-left: 10px;
	}
	
	#content ul#solutionsMap {
		margin-left: 15px;
	}

		#content #solutionsMap li {
			margin: 0;
			padding: 0;
			background: transparent url(../images/list-arrow.gif) left top no-repeat;
		}
			#content #solutionsMap li .wrap {
				padding: 18px 0 0 10px;
				border-left: 2px solid #7F7F7F;
			}
		
			#content #solutionsMap li.last .wrap {
				padding-left: 12px; /* +2px to make for the absent border */
				border: none;
			}
		
			#content #solutionsMap h3 {
				float: left;
				line-height: 36px;
				background: #DCDCDC url(../images/smoother-left.gif) left center no-repeat;
			}

				#content #solutionsMap h3 span {
					display: block;
					padding: 0 15px;
					background: transparent url(../images/smoother-right.gif) right center no-repeat;
				}

			#content #solutionsMap a {
				color: #333;
			}

			#content #solutionsMap ul {
				margin: 0;
				padding: 5px 0 0 0;
			}

				#content #solutionsMap ul li {
					padding: 5px 0 5px 10px;
					font-size: 11px;
					background: none;
				}

						#content #solutionsMap h4 {
							padding-left: 30px;
							font-weight: normal;
							background: transparent url(../images/bullet-black.gif) left center no-repeat;
						}

							#content #solutionsMap h4 a {
								color: #ED7900;
							}
						
						#content #solutionsMap ul a:hover {
							text-decoration: underline;
							background: none;
						}
						
						#content #solutionsMap ul div {
							margin: 5px 0 0 30px;
							padding-right: 10px;
						}

							#content #solutionsMap ul p {
								margin-bottom: 5px;
							}

				#content #solutionsMap ul li.active {
					background-color: #E8E8E8;
				}

					#content #solutionsMap ul li.active h4 a {
						color: #333;
						font-weight: bold;
					}

					#content #solutionsMap ul li.inactive div {
						display: none;
					}
				
				#content #solutionsMap ul li ul {
					margin: 5px 0 10px 10px;
				}
				
					#content #solutionsMap ul li ul li {
						padding: 0 0 0 15px;
						background: transparent url(../images/bullet-black.gif) left 8px no-repeat;
					}