/*
    Created on : 15.04.2009, 11:26:41
    Copyright  : ibresource.ru
*/

#content {
    margin-top: 8px;

    background: #FFFFFF url("/img/content/shadows.png") repeat-y -942px 0px;
    color: #000000;
}

    #content h2 {
        height: 60px;
        padding: 25px 0px 0px 35px;

        background: #BE0000 url("/img/content/redheader.png") no-repeat top left;

        font: normal 250% Arial;
        color: #FFFFFF;
    }


    #content ul.menu {
        list-style: none;

        height: 34px;
        padding: 0px 15px;

        background: #820000 url("/img/content/redheader.png") no-repeat scroll 0px -85px;
        color: #FFFFFF;

        font: normal 95% Arial;
    }


        #content ul.error li {
			color: #FF0000;
        }
        
        #content ul.menu li {
			float: left;
			display: block;
			height: 22px;
			
            margin-right: 20px;
            padding-top: 12px;
        }

			#content ul.menu li.first {
				padding-left: 16px;
			}

            #content ul.menu li.selected {
				height: 34px;
                padding: 0px 0px 0px 24px;
                margin-right: 16px;

                color: #000000;
                background: #FFFFFF url("/img/content/redheader.png") no-repeat scroll 0px -119px;
            }
            
            #content ul.menu li.selected strong {
                display: block;
                height: 22px;

				padding: 12px 24px 0px 0px;

                background: url("/img/content/redheader.png") no-repeat 100% 100%;
				font-weight: normal;
            }

			
            #content ul.menu li a:link,
			#content ul.menu li a:visited {
                color: #FFFFFF;
                text-decoration: none;
            }

            #content ul.menu li a:hover {
                text-decoration: underline;
            }


    #content h3 {
        margin-bottom: 15px;
        padding: 15px 0px 10px;

        font: normal 200% Georgia;
        color: #0069BE;

        background: transparent url("/img/content/headline.png") no-repeat bottom left;
    }


	#content .end {
		height: 25px;
		clear: both;
        background: url("/img/content/shadows.png") no-repeat scroll 0 13px;
    }


    #content .text {
        padding: 0px 250px 15px 35px;
    }

	#content .text p {
        line-height: 150%;
    }
	#content .content-first {
		background: url("/img/content/shadows.png") no-repeat scroll 0px -12px;
	}


	#content .banner {
		padding: 45px 45px 20px;
	}


    #content .side {
		float: right;

		display: block;
        width: 200px;
        margin: 0px 25px 30px 25px ;
    }

	#content .side-first
	{
		margin-top: -100px;
		z-index: 10;
	}

		#content .side ul.product-menu   {
			display: block;
			height: 138px;
			width: 135px;

			background:#000000 url(/img/content/sidemenuinfo.png) no-repeat scroll 0 0;

			padding: 5px 65px 0px 0px;
			background: #000000 url("/img/content/sidemenuinfo.png") no-repeat scroll 0px 0px;

			list-style-type: none;
			text-align: right;
        }

            #content .side ul.product-menu li {
                font: normal 80% Arial;
                margin: 9px 0px;
                color: #FFFFFF;
            }

            #content .side ul.product-menu li a {
                color: #FFFFFF;
                text-decoration: none;
            }

            #content .side ul.product-menu li a:hover strong {
                color: #FFEA00;
            }

				#content .side ul.product-menu li a strong {
					font: bold 130% Arial;
				}



		#content .side ul.product-menu-mini   {
			display: block;
			height: 97px;
			width: 135px;
			background:#000000 url(/img/content/miniblack.png) no-repeat scroll 0 0;
			padding: 5px 65px 0px 0px;
			list-style-type: none;
			text-align: right;
			margin: 20px 0px;
        }

            #content .side ul.product-menu-mini li {
                font: normal 80% Arial;
                margin: 9px 0px;
                color: #FFFFFF;
            }

            #content .side ul.product-menu-mini li a {
                color: #FFFFFF;
                text-decoration: none;
            }

            #content .side ul.product-menu-mini li a:hover strong {
                color: #FFEA00;
            }

				#content .side ul.product-menu-mini li a strong {
					font: bold 130% Arial;
				}

        #content .side .infoblock {
            background: url("/img/content/sidemenuinfo.png") no-repeat scroll 0px -143px;
            width: 200px;
        }

            #content .side .infoblock h6 {
                margin: 0px 14px 10px;
                padding: 14px 0px 10px;

                background: url("/img/content/infoheadline.png") no-repeat bottom left;

                font: bold 105% Arial;
                color: #0069BE;
            }

            #content .side .infoblock p {
                font: normal 85% Arial;
                padding: 0px 17px 15px;
				margin-bottom: 0;
            }

            #content .side .infoblock .end {
                height: 6px;
                background: url("/img/content/sidemenuinfo.png") no-repeat bottom left;
            }

            #content .side .blocks {
                list-style-type: none;
                margin: 15px 0px;
            }

                #content .side .blocks li {
					display: block;
					width: 200px;
					height: 65px;
					
					margin-bottom: 11px;
                }

                #content .side .blocks li a {
                    display: block;
                    height: 65px;
                    width: 200px;

                    text-indent: -2000px;
                }


                #content .side .blocks li {
                    background: url("/img/content/sideblocks.png") no-repeat 0px 0px;
                }

				#content .side .blocks li.documentation {
                    background-position: 0px 0px;
                }

				#content .side .blocks li.ipblogs {
                    background-position: 0px -65px;
                }

				#content .side .blocks li.ipgallery {
                    background-position: 0px -130px;
                }

				#content .side .blocks li.ipdownloads {
                    background-position: 0px -195px;
                }
				#content .side .blocks li.ipboard {
                    background-position: 0px -260px;
                }


	#content .offset {
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}

	#content h4 {
		clear: both;
		padding: 1.5em 0em 1em;

		font: bold 130% Arial;
		color: #4E4E4E;
	}


	#content .text ul {
		list-style: none;
		margin-bottom: 1em;
	}

		#content .text ul li {
			padding-left: 25px;
			background: url(/img/content/redbullet.png) no-repeat scroll 0 10px;
			line-height: 1.8em;
		}


	#content .screenshots {
		clear: both;
		padding-top: 25px;
	}

	#content .screenshots h5 {
		font-size: 100%;
		margin-bottom: 10px;
	}

	#content .screenshots img
	{
		border: 1px solid #000000;
	}



	#content .fullwidth
	{
		padding-right: 35px; /* cancel .text */
		clear: both;
	}

		#content .text ol
		{
			list-style-position: inside;
			margin-bottom: 1em;
		}

		#content .text p.first {
			padding-top: 2em;
		}

	#content p.first strong {
		background-color: #da0000;
		color: #fff;
		padding-right: 10px;
		padding-left: 10px;
		font: normal normal 15px Arial;
	}
	
	#content .centeredfirst {
		text-align: center;
	}
	
	#content .centeredfirst strong {
	    background-color: #00CC00;
		color: #fff;
		padding-right: 10px;
		padding-left: 10px;
	    font: normal normal 18px Arial;
	}

		#content .narrowed {
			padding: 0px 50px;
		}
		
		#content .license div {
			width: 356px;
			background: url(/img/content/license.png) repeat-y -1068px 0px;
			margin-bottom: 2em;
		}

		#content .license .title {
			display: block;
			width: 356px;
			height: 82px;
			background: url(/img/content/license.png) no-repeat 0 0;
			text-indent: -2000px;
		}

		#content .license .title {
			display: block;
			width: 356px;
			height: 82px;
			background: url(/img/content/license.png) no-repeat 0 0;
			text-indent: -2000px;
		}

			#content .license .license-biz .title {
				background-position: -356px 0px;
			}

			#content .license .license-biz li {
				background-image: url(/img/content/bluebullet.png);
			}

		#content .license ul {
			background: url(/img/content/license.png) no-repeat -712px 100%;
			margin-bottom: 0px;
			padding: 15px 45px;
		}


		
		#content .benefints .left, #content .benefints .right {
			margin-bottom: 2em;
		}

		#content .benefints div div {
			padding-left: 70px;
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}

			#content .benefints .social {
				background-image: url(/img/ipboard/icons/social.png);
			}

			#content .benefints .ajax {
				background-image: url(/img/ipboard/icons/ajax.png);
			}

			#content .benefints .prices {
				background-image: url(/img/ipboard/icons/wallet.png);
			}

			#content .benefints .modules {
				background-image: url(/img/ipboard/icons/pluggable.png);
			}


		#content .benefints a.more {
			display: block;
			padding-left: 20px;

			background: url(/img/ipboard/icons/arrow.png) no-repeat 0px 0px;
		}

		#content .benefints h5 {
			font-size: 80%;
			margin-bottom: 1em;
		}

			#content .benefints h5 a {
				color: #0069BE;
				font-size: 120%;
				text-decoration: none;
			}



	#content .toc {
		margin: -70px 0 2em 1em;
		padding: 0.5em 1em;

		background: #FFFFDD none repeat scroll 0 0;
		border: 1px outset #DDDDCC;
	float: right;
}

		#content .toc h5 {
			font-size: 90%;
			margin: 0.5em;
		}

		#content .intext {
			margin-top: 2em;
		}

	#content .ipb3-article h4 {
		clear: none;
	}


	#content pre {
		overflow: auto;
		padding: 1em;
		background:#FFFFF0 none repeat scroll 0 0;
		border:1px solid #B5BFCC;
		margin: 1em 0;
	}


p.prev-next {
	text-align: right;
	margin-top: 10px;
}


table.contacts {
   /* width: 90%;*/
    border: none;
    margin: 1em 0;
    color: #000000;
    font-size: 100%;
}
    table.contacts th {
        text-align: left;
    }
    table.contacts td, table.contacts th {
        padding: 5px;
    }



form.contact {
    display: block;
    margin: 1em 0 2em;
}

    form.contact dt {
        float: left;
    /*    width: 15%;*/
        margin-right: 10px;
        min-width: 15%;
    }
    form.contact dd {
        margin-left: 18%;
        margin-bottom: 0.8em;
    }
     form.contact input[type='text'], form.contact input[type='password'],
     form.contact textarea {
        width: 50%;
        padding: 0.2em;
    }

    form.contact select {
        padding: 0.2em;
    }
   
    form.contact textarea {
        height: 150px;
    }
    form.contact input.submit {
        width: 15%;
    }


form.order {
    display: block;
    margin-top: 1em;
}

    form.order dt {
        float: left;
		clear: both;
        width: 25%;
		margin-bottom: 1em;
    }
    form.order dd {
        margin-left: 3%;
		float: left;
		width: 70%;
        margin-bottom: 0.8em;
    }
	 form.order input,
     form.order textarea{
        width: 90%;
        padding: 0.2em;
    }

	form.order select {
        padding: 0.2em;
    }
   
	form.order textarea {
        height: 150px;
    }

	form.order input.submit{
        width: 35%;
    }

	input#agreement { width: auto;}

p.order, p.accept {
	margin-top: 1em;
	text-align: center;
}

form.order input.error, form.order select.error {
	border: 1px solid #FF0000;
}



div.providesupport {
    margin: 1em 0 2em;
}


div.notify {
    padding: 10px;
    margin: 2em 0 0;
    font-weight: bold;
}

div.success {
    border: 1px solid #00FF00;
    background: #00CC00;
	color: #000;
}

div.failure {
    border: 1px solid #FF0000;
    background: #CC0000;
    color: #fff;
}



	#content table.bordered
	{
		width: 99%;
		border: 1px solid #DEDFE3;
		color: #52565B;
		border-spacing: 1px;
		margin-left: 15px;
	}

		/*
		th.table-header
		{
			font: bold 12px Arial;
			color: #FFFFFF;
			text-align: left;
			background-color: #316890;
			padding: 10px;
		}

		th.table-header-line
		{
			height: 2px;
			font-size: 0px;
			line-height: 0px;
			background-color: #4E4E4E;
		}
		*/

		#content table.bordered td
		{
			padding: 8px 13px;
			border-bottom: 1px solid #DEDFE3;
			border-right: 1px solid #FFFFFF;
			margin: 5px;
		}

		tr.odd td
		{
			background-color: #F6F6F6;
		}


		#content .text td ul {
			margin-bottom: 0;
		}


	#content .benblock {
		padding-left: 58px;
		background-repeat: no-repeat;
		background-position: 0px 65px;
	}

	#content .install {
		background-image: url(/img/ipboard/icons/install.png);
	}
	#content .support {
		background-image: url(/img/ipboard/icons/support.png);
	}
	#content .social {
		background-image: url(/img/ipboard/icons/social.png);
	}
	#content .web2 {
		background-image: url(/img/ipboard/icons/ajax.png);
	}
	#content .flexible {
		background-image: url(/img/ipboard/icons/flexible.png);
	}
	#content .loyalty {
		background-image: url(/img/ipboard/icons/loyalty.png);
	}
	#content .cheap {
		background-image: url(/img/ipboard/icons/cheap.png);
	}
	#content .research {
		background-image: url(/img/ipboard/icons/research.png);
	}
	#content .crm {
		background-image: url(/img/ipboard/icons/crm.png);
	}
	#content .lowprices {
		background-image: url(/img/ipboard/icons/wallet.png);
	}
	#content .modules {
		background-image: url(/img/ipboard/icons/pluggable.png);
	}
	#content .management {
		background-image: url(/img/ipboard/icons/management.png);
	}


a.hidden {
	display: none;
}

a.shot {
	position: relative;
	display: block;
}

img.zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}

#content .noclear {
	clear: none;
}

.rebus {
	float: right;
	margin: 1em 0 2em 1em;
	width: 300px;
	color: #999999;
	padding: 0.5em;
}

#content .noh4clear h4{
	clear: none;
}

.shoptop {

}
	.shoptop .left, .shoptop .right {
		width: 48%;
	}

	.buyblock {
		font-size: 1.2em;
		text-align: left;
	}
	.buyblock p.single {
		padding-top: 0.7em;
	}
	.buyblock a.buy {
		display: block;
		float: right;
		padding-top: 0.8em;
	}

.columns3 {}
	.columns3 .left, .columns3 .middle, .columns3 .right {
		float: left;
		width: 30%;
	}
	.columns3 .middle, .columns3 .right {
		margin-left: 5%;
	}

.moneypic {
	float: right;
	margin: 15px;
	clear: both;
}


#content .side-offset {
	margin-top: 20px;
}

#content .product .right {
	padding-top: 5em;
	width: 59%;
}

#content .product .left {
	width: 40%;
}


.eula {
	display: none;
}

.show-eula {
	padding-left: 28%;
}

ol li {
	margin-left: 25px;
	list-style-position: outside;
}

.currencytoggle{
	margin-top: 25px;
	display: block;
	float: right;
}

ol.first, ol.sub {
	list-style-type: none;
}
ol.first li {
	margin-left: 0px;
}

ol.sub li {
	margin-left: 15px;
}