@import url(common.css);

@media screen, projection {
	/* choice form */
	div#left div#choiceCatalog {
		margin: 30px 0;
	}
		div#choiceCatalog img.head {
			vertical-align: top;
			margin-top: 48px;
		}
		
	/* catalog form */

	div.orderOptions {
	    margin: 12px auto 24px;
	    width: 630px;
	}
	
		div.orderOptions > div:first-child {
		    border-right: 1px solid #CECDC5;
		}

		div.orderOptions > div {
		    width: 314px;
		}
	
		div.orderOptions ul {
		    width: 272px;
		}
		
		div.orderOptions ul.second {
		    float: right;
		}
		
			div.orderOptions ul li {
			    height: 25px;
			    text-align: right;
			}
			
			div.orderOptions ul li.error {
			    color: #CC0000;
			}
		
				div.orderOptions ul li input {
				    width: 172px;
				}
				
				div.orderOptions ul li span {
				    margin-right: 12px;
				    padding-top: 1px;
				    text-align: right;
				    width: 86px;
				}
				
				div.orderOptions ul li select {
				    font-size: 0.96em;
				    height: 18px;
				    line-height: 18px;
				    width: 176px;
				}
				
	form#orderCatalogForm label.error {
		color: #CC0000;
	}
	
	input#submitForm {
		background: url(/img/bt_katalog.gif) no-repeat;
		width: 119px;
		height: 28px;
		border: none;
		cursor: pointer;
	}
	
	input#submitForm.sent {
		background: url(/img/bt_katalogoff.gif) no-repeat;
		width: 119px;
		height: 28px;
	}
	
	div#left div#formCatalog {
		margin: 5px 14px 0;
	}
	
	div#formCatalog div.catalogInfo {
		margin-bottom: 16px;
	}
	
		div#formCatalog div.catalogInfo img {
			float: right;
		}
		
		div#formCatalog div.catalogInfo p {
			margin-top: 5px;
		}
		
			div#formCatalog div.catalogInfo span.blue {
				color: #3C80D0;
			}
			
			div#formCatalog div.catalogInfo span.red {
				color: #CC0000;
				font-weight: bold;
			}
			
	
				div#formCatalog div.red div.catalogCheckBox {
					border: 1px solid #CC0000;
				}
				
	ul#timeBox {
		overflow: hidden;
		margin-left: 136px;
	}
	
		ul#timeBox li {
			float: left;
			display: inline;
		}
		
		ul#timeBox li:first-child {
			float: none;
			display: block;
			margin-bottom: 6px;
		}
		
		ul#timeBox li.error {
			color: #CC0000;
		}
		
			ul#timeBox li input {
				vertical-align: -25%;
				margin-right: 8px;
			}
			
			ul#timeBox li label {
				margin-right: 24px;
				cursor: pointer;
			}

			
		div#formCatalog div.catalogMB {
			margin: 24px auto 0px;
			width: 400px;
		}
		
			div#formCatalog div.catalogMB p {
				color: #548ED1; 
				font-weight: bold; 
				font-size: 14px;
				margin-bottom: 12px;
			}
			
				div#formCatalog div.catalogMB p img {
					vertical-align: middle; 
					margin-left: 6px;
				}
				
				
				div#formCatalog div.catalogMB ul {
				    width: 272px;
				    margin-bottom: 12px;
				}
				
				div#formCatalog div.catalogMB ul.second {
				    float: right;
				}
				
					div#formCatalog div.catalogMB ul li {
					    height: 25px;
					    text-align: right;
					}
					
					div#formCatalog div.catalogMB ul li.error {
					    color: #CC0000;
					}
				
						div#formCatalog div.catalogMB ul li input {
						    width: 172px;
						}
						
						div#formCatalog div.catalogMB ul li span {
						    margin-right: 12px;
						    padding-top: 1px;
						    text-align: right;
						    width: 86px;
						}
						
				div#formCatalog div.catalogMB > input {
				    vertical-align: -15%;
				}
				
				div#formCatalog div.catalogMB > label span {
				    cursor: pointer;
				    color: #B51B1B;
    				text-decoration: underline;
				}
			
			div#formMessages {
				height: 24px;
			    margin-bottom: 12px;
			    text-align: center;
			}	

				div#formMessages span {
					display: inline-block;
				}
				
				div#formMessages span#formError {
					border: 2px solid #CC0000;
				    color: #CC0000;
				    font-weight: bold;
				    padding: 3px 6px 4px;
				}
				
				div#formMessages span#formSuccess {
					border: 2px solid #3C80D0;
				    color: #3C80D0;
				    font-weight: bold;
				    padding: 3px 6px 4px;
				}
				
				div#formMessages span#formLoader img {
					vertical-align: middle;
					margin-right: 8px;
				}
				
			div#postMessage {
				height: 24px;
			    text-align: center;
			}
			
				div#postMessage a {
					color: #B51B1B;
    				text-decoration: underline;
				}

			div#formCatalog div.catalogMtb {
				text-align: center;
				margin: 16px 0px 8px;
			}
			
				div#formCatalog div.catalogMtb div.frame {
					width: 400px;
					height: 200px;
					margin-left: 140px;
					overflow: scroll;
					padding: 5px;
					font-family: courier new; 
					font-size: 12px; 
					color: black;
					border: 2px solid black;
					text-align: left;
				}
				
				* + html div#formCatalog div.catalogMtb div.frame {
					margin-left: 0px;
				}
			
			div#formCatalog div.catalogMtbAgree {
				margin: 0px auto 12px;
				text-align: center;
				width: 600px;
			}
				div#formCatalog div.catalogMtbAgree input {
					vertical-align: middle;
				}
				
	/* verify */
	div#verify {
	    position: absolute;
	    z-index: 5101;
	    width: 286px;
	    background-color: #F9F8EE;
	}

		div#verify div.verifyBox {
			margin: 3px; 
			border: 1px solid #94A2B8;
		}
		
			div#verify div.verifyBox div.verifyClose {
				margin-top: 2px; 
				margin-right: 2px; 
				text-align: right;
			}
			
				div#verify div.verifyBox div.verifyClose img {
					cursor: pointer;
				}
				
		div#verify div.verifyContent p.header {
			margin: 0 12px; 
			font-weight: bold;
		}
	
		
			div#verify div.verifyContent p span {
			    font-weight: bold;
			    padding-left: 8px;
			    text-align: left;
			}
			
			div#verify div.verifyContent p span:first-child {
			    display: inline-block;
			    width: 120px;
			    text-align: right;
			    padding-left: 0px;
			    font-weight: normal;
			}
	
		div#verify div.verifyContent div {
			text-align: center; 
			margin: 12px 0px;
		}
		
			div#verify div.verifyContent div img#dataOK {
				margin-right: 6px; 
				cursor: pointer;
			}
			
			div#verify div.verifyContent div img#dataWrong {
				margin-left: 6px; 
				cursor: pointer;
			}
	
	div#formCatalog p.errorMsg {
		border: 2px solid #CC0000;
		color: #CC0000;
	}
	
	div#formCatalog p.okMsg {
		border: 2px solid #00CC00;
		color: #00CC00;
	}
}