/*
*
*	Общие стили страницы: шапка, футер, контейнер, в который выводят информацию.
*
*/
@media screen, print{
	*{
		margin:0;
		padding:0;
		font-family:tahoma, verdana, sans-serif;
		font-size:13px;
	}

	html,body{
		margin:0;
		padding:0;
		height:100%;
		overflow:hidden;
	}

	body{
		background:#f5f0e7 url('../images/background.jpg') repeat-x;
	}

	/* иначе при прокрутке внутри диалогов в некоторых браузерах страница будет дергаться */
	#commonContainerOfAll{
		position:absolute;
		margin:0;
		padding:0;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow:auto;
	}

	a, a:visited{
		color:navy;
	}

	a:hover{
		color:#a00;
	}

	button{
		border: 1px solid #769dc0;
		padding: 2px 4px 4px 4px;
		background-image: url("../dojo-1.6.1rc2/dijit/themes/opacg/form/images/button.png");
		background-position: center top;
		background-repeat: repeat-x;
		background-color: #e9f4fe;
	}

	.commonButtonLink{
		color:navy;
		border:none;
		background:transparent;
		text-decoration:underline;
		cursor:pointer;
		padding:1px;
		margin:0;
		border:0;
		text-align:center;
	}

	.commonButtonLink:hover{
		color:#a00;
	}

	/*
	*	Шапка
	*/
	#commonHeader{
		min-height:90px;
		position:relative;
		background:url('../images/headerbackground.png') repeat-x 0 100%;
	}

	/* контейнер шапки */
	#commonHeaderHeader{
		position:relative;
		padding:70px 1em 1em 1em;
	}

	.commonHeaderMenuForm, .commonHeaderMenuForm div{
		display:inline;
	}

	/* Кнопки, которые нужны только для dojo */
	.commonHeaderMenuFormSystemElements{
		display: none;
	}

	/* Логотип */
	#commonHeaderLogo{
		background:url('../images/headerlogo.png');
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-115px;
		top:24px;
		width:230px;
		height:44px;
	}

	/* Требуемое упоминание SAG'ов */
	#commonHeaderCredits{
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 80%;
	}
	#commonHeaderCredits a{
		color: #DF8688;
		font-size: inherit;
		text-decoration: none;
	}
	#commonHeaderCredits a img{
		text-decoration: underline;
		border: none;
	}
	#commonHeaderCreditsDitmImg{
		position: relative;
		top: 10px;
	}
	#commonHeaderCreditsSagImg{
		position: relative;
		top: 6px;
	}
	/*
	*	Футер
	*/
	/* Меню */
	#commonFooterMenu{
		margin:1em;
	}
	/* Элемент меню */
	.commonFooterMenuItem{
		display:inline;
		margin:4px 1em;
		/*min-width: 100px;*/
	}

	.commonFooterMenuItem a{
		color:#000;
	}

	.commonFooterMenuItem a:hover{
		color: #f00;
	}

	#commonFooterCopyright{
		margin:1em 0;
		text-align:center;
		color:#999;
		font-size:80%;
	}

	#commonFooterCopyright a{
		color:#006;
		font-size:100%;
	}

	.commonBodyTitle{
		font-size:140%;
		color:#a00;
		text-align:right;
		font-weight:bold;
		margin:1em 0 -1em 0;
		padding:0 1em 0 0;
	}

	/*
	*	То, что между шапкой и футером
	*/
	#commonBody{
		background:url('../images/headershadowborder.png') repeat-x;
		padding:1em;
	}

	#commonBodyInner{
		min-height:400px;
		width:95%;
		margin:0 auto;
	}

	/*
	*
	*	Просто часто используемые стили
	*
	*/
	.commonEvenElement{
		background:#f9f9f9;
	}
	.commonOddElement{
		background:#fff;
	}

	/*
	*
	*	Системные css
	*
	*/

	/*
	*	Слой, который будет блокировать страницу, пока не выполнился весь javascript
	*/
	/* Контейнер */
	#commonPageLoading, #commonPageUnloading{
		position:fixed;
		min-width:100%;
		min-height:100%;
		/*background:url('../images/modalbackground.png');*/
		background:#fff;
		z-index:9999;
	}

	/* Текст */
	.commonPageBlockMessage{
		position:absolute;
		top:50%;
		margin-top:-3em;
		text-align:center;
		width:100%;
	}

	/* Progress bar */
	.commonPageBlockProgressBar{
		position:absolute;
		top:50%;
		margin-top:-1em;
		left:50%;
		margin-left:-200px;
		width:400px;
		height:14px;
		background:url('../dojo-1.6.1rc2/dijit/themes/opacg/images/progressBarAnim.gif');
		border:#769DC0 1px solid;
	}

	/*
	*	Всякие системные css
	*/

	/*
	*	Слой для скрытия слоев
	*/
	.commonDisplayNone{
		display:none;
	}

	/*
	*	alert
	*/
	.commonJsAlertContainer{
		margin:1em 1em 2em 1em;
	}

	.commonDialog{
		width:700px;
	}

	.commonDialogContent{
		overflow:auto;
	}

	/*
	*	Multiple Select
	*/
	.commonFormMultipleSelect{
		border:1px solid #b5bcc7;
		padding:0.2em;
	}

	
	.commonOpacStackController{
		display:inline;
		padding:0.5em;
	}
	.commonOpacStackController span{
		font-weight:bold;
	}

	/*
	*	Слой, у которого фоном будет треугольник с восклицательным знаком
	*/
	.commonOpacElementWithBackgroundImageWarning{
		background-image:url('../images/warning.gif');
	}
}

@media print{
	body{
		background:#fff;
	}
	#commonBody{
		background:#fff;
	}
	#commonPageLoading{
		display:none;
	}
}