@import "reset.css";
@import "base.css";
@import "redmond.datepick.css";

html{
	font-size:100.01%;
	}

body{
	color:#000000;
	font-size:0.88em;
	font-family:Arial;	
	}
/*bone*/	
.bone{
	min-width:1000px;
	margin:0 auto;
	background:#ffffff url(/i/backgrounds/body.jpg) no-repeat 100% 0;
	}
a, .slogan strong, .middle h1, .middle h2, .middle h3, .info h4{color:#00508f;}
a{text-decoration:underline;}
a:hover, .middle h1 a, .item ul li a, .in-Russia  .preview a, .middle h2 a, .knowledge-base a, .middle h3 a, .menu li.active a, .choice  a{text-decoration:none;}
.head, .in-Russia, .middle, .menu li a, .footer{position:relative;}
.slogan, .site-services, .in-Russia  .preview, .abroad, .send-request, .menu li a i, #inner .search{position:absolute;}
.site-services, .item ul, .promotions ul, .promotions dl, .promotions dd, .knowledge-base ul, .contacts ul, .head .menu ul, .choice ul, .text ul, .text ol, .further ul, .images ul{margin:0;}
.site-services li, .item ul li, .promotions li, .knowledge-base li, .contacts ul li, .head .menu li, .choice li, .text ul li, .further li, .images li{list-style:none;}
/*head*/
.head{
	font-size:0.79em;
	}
#main .head-inner{
	padding:/*50px*/0 0 0 74px;
	height:160px;
	}
#main div.posttop{padding-top: 10px;}
#main div.posttop div.slogan{padding-top: 10px;}
#inner .head-inner{
	padding:0 0 0 74px;
	height:136px;
	background:url(/i/backgrounds/plane.jpg) no-repeat 100% 16px;
	}
.slogan{
	width:425px;
	left:40%;
	top:54px;
	line-height:1.6;
	}
.slogan p{margin-bottom:4px;}
.site-services{
	right:40px;
	top:74px;
	}
.site-services li{
	float:left;
	padding-left:20px;
	}
.site-services li a{
	display:block;
	background:url(/i/icons/icons.png) no-repeat;
	}
.site-services li a span{display:none;}
.site-services li a#home{ 
	width:11px;
	height:10px;
	}
.site-services li a#home:hover, .site-services li.active a#home{
	background-position:0 -10px;
	}
.site-services li a#zoom{ 
	width:11px;
	height:11px;
	background-position:0 -20px;
	}
.site-services li a#zoom:hover, .site-services li.active a#zoom{
	background-position:0 -31px;
	}
.site-services li a#mail{ 
	width:12px;
	height:9px;
	background-position:0 -42px;
	}
.site-services li a#mail:hover, .site-services li.active a#mail{
	background-position:0 -51px;
	}
/*menu*/
.menu{	
	width: auto;
	nmargin: 0 0 8px auto;
	margin: 0 0 8px 88px;
	}
.menu ul{	
	display: -moz-inline-box; /* только для FF 2 */
	display: inline-block;
	}
.menu li{
	padding:0 3px;
	display: block; /* нужно для FF 2 */
	display: inline-block; /* для всех кроме FF 2 */
	height: 100%;
	cursor: pointer;
	}
.menu li a, .menu li span{
	display:block;
	position:relative;
	font-size:1.18em;
	padding:3px 2px 2px 5px;
	}
.menu li a:hover, .menu li.active a, .menu li.active span {
	color:#fff;
	background:url(/i/backgrounds/menu-a.png) no-repeat;
	}
.menu li a:hover i, .menu li.active a i, .menu li.active span i {
	position:absolute;
	display:block;
	top:0;
	right:-3px;
	width:3px;
	height:21px;
	background:url(/i/backgrounds/menu-a.png) no-repeat 0 -21px;
	}
/*middle*/
#main .middle{	
	font-family:Georgia;
	padding:2px 59px;
	height:600px;
	background:url(/i/backgrounds/middle.jpg) no-repeat 50% 100%;
	}
#inner .middle{
	padding:0 132px 0 162px;
	}
.middle h1, .middle h2, .middle h3, .info h4, .middle h4{
	margin:0;
	font-size:2.71em;
	font-weight:normal;
	padding-bottom:5px;	
	font-family:Georgia;
	}	
.middle h2{font-size:2.50em;}
.middle h3{font-size:2.00em;}
#inner .middle h4{
	color:#ccc;
	font-size:1.29em;
	}
.in-Russia{width:/*415px;*/50%;}
.item h1, .item h2, .item h3, .info h4{
	margin-bottom:16px;
	padding-left:5px;
	border-bottom:1px solid #c5c5cb;
	}
.item h2{margin-bottom:7px;}
.in-Russia ul{width:460px;}
.in-Russia ul li{
	width:40%;
	float:left;
	margin:0 0 9px 0;
	}

.item ul li, .knowledge-base ul li{
	margin:7px 0 9px 9px;
	padding-left:18px;
	background:url(/i/icons/icons.png) no-repeat 0 -60px;
	}
.item ul li.up-bulet{
	background:url(/i/icons/icons.png) no-repeat 0 -73px;
	}
.item ul li a, .knowledge-base li a{
	color:#30324c;
	font-style:italic;
	border-bottom:1px dotted #30324c;
	}
.item ul li a:hover, .knowledge-base li a:hover{border-bottom:none;}
.item  .preview{
	left:140px;
	top:68px;
	text-align:center;
	}
.item  .preview a{
	color:#797979;
	font-size:0.79em;
	font-style:italic;
	}
.abroad{
	width:285px;
	right:105px;
	top:0;
	}
.abroad ul{
	margin:0 10px 9px 14px;
	}
.abroad ul li{
	width:40%;
	float:left;
	margin:0 0 9px 0;
	}
.children{
	/*width:250px;*/
	width:20%;
	padding-top:50px;
	}
.children ul{
	margin:0 10px 9px 9px;
	}
.send-request{
	right:0;
	top:200px;
	z-index: 1;
	}
.send-request2{
	position:absolute;
	right:0;
	top: /*200px*/150px;
	z-index: 10;
	}
.special_news{
	position:absolute;
	right:0px;
	top: 300px;
	z-index: 10;
	width: 240px;
	font-family:Georgia;
	}
.special_news h4{
	font-family:Georgia;
	/*font-size:1.79em;*/
	font-size:1.12em;
	font-weight: bold;
	}
.special_news ul a{font-family:Georgia;}
.special_news ul{
	list-style-type: none;
	margin: 0 0 0 0;
	float:left;
	width:100%;
	}
.special_news ul li{padding-bottom:6px; list-style-type: none;}
.special_news ul span{
	color:#888e94;
	font-size:0.71em;
	}
.special_news ul p, .promotions ul dl{
	color:#000000;
	font-size:0.79em;
	/*padding:3px 0 0 22px;*/
	padding:3px 0 0 0;
	}
.special_news ul ul {
	/*margin: 5px 0 5px 20px;*/
	margin: 5px 0 5px 0;
	float:none;
	width: 90%;
	font-size:0.79em;
	}
/*choice*/
.choice{
	padding-bottom:34px;
	}
.choice a, .choice span.act {
	color:#fc723b;
	no-font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px 0;
	}
.choice .l1 a, .choice .l1 span.act {
	color: #1B4483;
	}
.choice span.act {
	margin:1px 5px;
	}
.choice a:hover{color:#fff;}
.choice a span{
	display: block;
	display: inline-block;
	height: 100%;
	cursor: pointer;
	}
.choice a span span span span, .choice span.act span span span span {padding:1px 6px;}
.choice a:hover span, .choice span.act span {color: #FFF; background:#fc733c url(/i/backgrounds/choice-span.gif) no-repeat;}
.choice .l1 a:hover span, .choice .l1 span.act span {color: #FFF; background:#1B4483 url(/i/backgrounds/choice-span.gif) no-repeat;}
.choice a:hover span span, .choice span.act span span {background:url(/i/backgrounds/choice-span.gif) no-repeat 100% 0;}
.choice a:hover span span span, .choice span.act span span span {background:url(/i/backgrounds/choice-span.gif) no-repeat 0 100%;}
.choice a:hover span span span span, .choice span.act span span span span {background:url(/i/backgrounds/choice-span.gif) no-repeat 100% 100%;}



.choice a span span span span, .choice .city, .choice .region, .choice .region2{text-decoration:underline;}
.choice span.act span span span span {text-decoration:none;}

.choice a:hover span span span span, .choice a.city:hover, .choice a.region:hover{text-decoration:none;}
.choice .city, .choice a.city:hover{
	color:#1b4483;
	font-size:0.86em;
	padding-right:6px;
	font-weight: bold;
	}
.choice .region, .choice a.region:hover{
	color:#63c03e;
	font-size:1.29em;
	font-weight: normal;
	padding-right:6px;
	}
.choice .region2, .choice a.region2:hover{
	color:#FC723B;
	font-size:1.2em;
	font-weight:bold;
	padding-right:6px;
	}
.s9 {font-size:0.79em;}
.s10{font-size:0.86em;}
.s11{font-size:0.90em;}
.s12{font-size:0.95em;}
.s13{font-size:1em;}
.s14{font-size:1.1em;}
.s15{font-size:1.2em;}
.s16{font-size:1.29em;}
.s17{font-size:1.32em;}
.s18{font-size:1.32em;}
.s19{font-size:1.36em;}
.b{font-weight:bold;}
/*text*/
.text{
	padding:14px 0;
	}
.text h1{
	color:#63c03e;
	font-size:2.71em;
	margin:0;
	padding-left:76px;
	margin-bottom:6px;
	background:url(/i/backgrounds/text-h1.gif) no-repeat 0 100%;
	}
.text h3{
	color:#5c5c5c;
	font-size:1.71em;
	margin:0;
	padding-left:76px;
	margin:18px 0 6px;
	}
.text p{
	line-height:1.3;
	padding-left:76px;
	}
.text table{width:100%;}
.text table th{
	border:0;
	text-align:left;
	padding:6px 18px;
	border-left:1px solid #e2e2e3;
	}
.text table th.no-border{
	border-left:none;
	}
.text table td{	
	color:#666;
	font-size:0.93em;
	padding:7px 18px;
	border:1px solid #e2e2e3;
	}
.text table td em{
	color:#63c03e;
	font-weight:bold;
	font-style:normal;
	}
.bg-color td{background:#f2fbfe;}
.text ul, .text ol{padding-left:76px; margin-bottom: 0.5em;}
.text li ul, .text li ol{padding-left: 30px;}
.text ul li{
	line-height: 1.4;
	padding: 0 0 6px 29px;
	margin-left: -29px;
	background: url(/i/backgrounds/text-li.gif) no-repeat 0 8px;
	}
.text ol li {
	line-height: 1.4;
	}
.text ol li{
	nline-height:1.3;
	npadding:0 0 6px;
	nfont-family:Georgia;
	line-height:1.3;
	npadding:0 0 6px 29px;
	margin-left: 35px;
	nbackground:url(/i/backgrounds/text-li.gif) no-repeat 0 8px;
	}
.text ol li span{font-family:Arial;}
/*just-like*/
.just-like{
	padding:26px 350px 20px 0;
	line-height:1.4;
	}
.middle .just-like h4{
	color: #63c03e !important;
	padding-bottom: 6px;
	}
.just-like a{
	margin-right:6px;
	display: block;
	float: left;
	height: 24x;
	line-height:24px;
	white-space: nowrap;
	}
.just-like a span {

	}
/*further*/
.further{
	padding:33px 0 30px;
	}
.further li{
	float:left;
	text-align:center;
	width:30%;
	}
.further li img{
	display:block;
	margin:0 auto 4px;
	}
/*images*/
.images{padding:9px;}
.images ul{padding-left:0;}
.images ul li{
	float:left;
	width:162px;
	background:none;
	margin-right:8%;
	padding:45px 0 0 0;
	text-align:center;
	}
.images li.active{
	width:292px;
	padding:0;
	}
.prev-b{
	display:block;
	padding:16px 17px 16px 15px;
	background:url(/i/backgrounds/filter-big.png) no-repeat;
	}
.prev-s{
	display:block;
	padding:12px;
	background:url(/i/backgrounds/filter-small.png) no-repeat;
	}
.images ul li em{
	color:#797979;
	font-size:0.82em;
	font-family:Georgia;
	}
/*colum-1*/
.info{overflow:hidden;}
.colum-1{	
	width:54%;
	float:left;
	}
.promotions{
	background:url(/i/backgrounds/promotions.png) repeat-x 0 29px;
	}
.promotions-t{
	padding:/*68px*/20px 40px 30px 84px;
	background:url(/i/backgrounds/promotions-t.png) no-repeat;
	}
.info h4{
	font-size:1.79em;
	padding-bottom:7px;
	margin-bottom:11px;
	}
.info .knowledge-base h4{font-size:1.79em;}
.info h4, .promotions ul a{font-family:Georgia;}
.promotions ul{
	margin:0 15px 0 6px;
	float:left;
	width:44%;
	}
.promotions ul li{padding-bottom:6px;}
.promotions ul span{
	color:#888e94;
	font-size:0.71em;
	}
.promotions ul p, .promotions ul dl{
	color:#000000;
	font-size:0.79em;
	padding:3px 0 0 22px;		
	}
.promotions ul ul {
	margin: 5px 0 5px 20px;
	float:none;
	width: 90%;
	font-size:0.79em;
	}
div.promotions-t ul{display: block; width: 100%;}
.quote{
	padding:45px 40px 0;
	background: url(/i/temp/img-1.jpg) 40px 100% no-repeat;
	}
.quote img{
	float:left;
	}
.quote-text{
	padding:22px 0 0 136px;
	}
.quote-text p {
	padding-left:54px;
	font-size:0.79em;
	}
.quote-text p.Name {
	color:#949494;
	font-size:0.79em;
	padding-left:34px;
	}
.quote-text p strong{display:block;}
.left-quote{
	padding-left:4px;
	background:url(/i/backgrounds/left-quote.png) no-repeat;
	}
.right-quote{
	padding:0 0 1px 16px;
	background:url(/i/backgrounds/right-quote.png) no-repeat 90% 100%;
	}
.quote blockquote{
	font-weight:bold;
	font-style:italic;
	}
/*colum-2*/
.colum-2{	
	width:40%;
	float:right;
	}

.knowledge-base{
	padding:/*70px*/22px 40px 20px 44px;
	background:url(/i/backgrounds/knowledge-base.png) no-repeat 100% 90%;
	}
.search{
	position:relative;
	margin-bottom:18px;
	background:url(/i/backgrounds/search.png) no-repeat 0 0;
	}	
.search input{vertical-align:top;}	
.search legend{display:none;}
.search #search-text{
	width:130px;	
	color:#5d5f74;
	font-size:0.88em;
	font-family:Arial;
	padding:3px 4px;
	border:0;
	background:transparent;
	position:relative;
	float:left;
	margin-right:3px;
	}
.search label.overlabel {color:#5d5f74;}
.search  label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
	}
#inner .search{
	position:absolute;
	top:18px;
	right:44px;
	width:390px;
	padding-bottom:18px;	
	border-bottom:1px solid #949494;
	}
/*contacts*/
.contacts{
	color:#5d5f74;
	font-size:0.86em;	
	}
#main .contacts{
	padding-top:36px;
	border-top:1px solid #949494;
	background:url(/i/backgrounds/contacts.png) no-repeat 100% 90%;
	}
#inner .contacts{
	position: relative;
	width: 700px;
	padding:0 44px 45px 235px;
	}
.contacts ul{
	font-size:0.92em;
	margin-top:7px;
	}
.contacts ul li{
	padding:12px 160px 0 12px;
	}
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}



.News dt, .FileArc dt {
	position: relative;
	}
.News span.Title, .News a.Title {
	font-size: 1.1em;
	color: #00508F;
	}
.News dt span, .FileArc dt span {
	font-size: 0.8em;
	padding: 1px 2px;
	color: #999;
 	}
.News dd, .FileArc dd {
	padding: 0 0 2em;
	}


.FaqBlock {
	padding-left: 76px;
	margin: 0;
	}
.FaqBlock dt {
	padding: 1em 0 1em;
	background: transparent url(/i/backgrounds/text_li.gif) no-repeat scroll 0 1.7em;
	}
.FaqBlock dd {
	padding: 0 0 2em;
	font-size: 0.9em;
	color: #333;
	}
.QstOff {border-bottom: 1px #999 dotted;}
.QstOff span {margin-top: 10px;}
.QstOff span, .FaqFormToggleOff, #MailFormLink, #MailFormLink2 {
	color: #3658A6;
	border-bottom: 1px #3658A6 dotted;
	cursor: pointer;
	cursor: hand;
	}
.QstOn span, .FaqFormToggleOn {
	border-bottom: 1px #999 dotted;
	cursor: pointer;
	cursor: hand;
	}
#FaqForm, #FormBlock {
	position: relative;
	width: 90%;
	left: 3em;
	padding: 2em;
	background: #EEE;
	border: 1px #DDD solid;
	}
.BigForm label {
	font-size: 0.9em;
	margin-top: 0.2em;
	margin-bottom: 0.7em;
	color: #666;
	}
.BigForm input, .BigForm textarea {
	width: 99%;
	margin-top: 0.3em;
	margin-bottom: 0.7em;
	padding: 3px;
	font-size: 0.9em;
	font-family: inherit;
	}
.BigForm input.Text, .BigForm textarea.Text {
	border: 1px solid #999;
	color: #999;
	}
.BigForm input.Text:focus, .BigForm textarea.Text:focus {
	border: 1px solid #000000;
	color: #000000;
	}
.BigForm input.Submit {
	width: 12em;
	}
.BigForm dl {
	margin: 0;
	}
.BigForm dd {
	margin: 0;
	}
.LineForm dt {
	width: 40%;
	float: left;
	}
.LineForm dd {
	width: 60%;
	float: left;
	}
.LikeUrl {
	color: #00508F;
	border-bottom: 1px #00508F dotted;
	
	}
.LikeUrlOff {
	color: #666;
	border-bottom: 1px #666 dotted;
	
	}


.SiteMap ul {
	padding-left: 36px;
	}
div.MapToggle {
	background:transparent url(/i/backgrounds/bg-form-check.gif) no-repeat scroll 0 0;
	height: 36px;
	margin: 0 0 20px 75px;
	width: 273px;
	font-size: 12px;
	}
div.MapToggle a {
	float:left;
	width:133px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	}
div.MapToggle a span {
	display: block;
	margin-top: 10px;
	}
div.MapToggle .m1a {
	color: #666;
	background: transparent url(/i/backgrounds/bg-check-active-link.gif) no-repeat scroll 100% 10px;
	text-decoration: none;
	}
div.MapToggle .m2a {
	color: #666;
	text-decoration: none;
	background: transparent url(/i/backgrounds/bg-check-active-link.gif) no-repeat scroll 1px 10px;
	}


#form2 {
	position: relative;
	}
#form2 h3 {
	font-family: Geogia;
	color: #00508F;
	margin: 0 0 0.3em;
	font-size: 2em;
	font-style: italic;
	}
#form2 dl {
	margin: 0 0 1em;
	padding: 0;
	}
#form2 dt {
	font-size: 11px;
	font-family: Arial;
	margin: 0 0 0.3em;
	color: #999;
	}
#form2 dd {
	margin: 0 0 0.8em;
	}
#form2 .Next {
	font-size: 0.9em;
	color: #00508F;
	border-bottom: 1px dotted #00508F;
	font-style: italic;
	cursor: pointer;
	cursor: hand;
	}
#form2 input[type='text'], #form2 textarea {
	border: 1px #999 solid;
	color: #000;
	padding: 7px;
	width: 250px;
	font-family: Tahoma;
	font-size: 14px;
	}
#form2 select {
	width: 250px;
	font-family: Tahoma;
	font-size: 14px;
	padding: 7px;
	}
#form2 select option {
	}
#form2 input:focus, #form2 textarea:focus {
	border: 1px #000 solid;
	color: #000;
	}
#FormData {
	width: 500px;
	float: left;
	margin-bottom: 20px;
	}
#FormData #v {
	width: 500px;
	}
#FormData #n-1, #FormData #n-2, #FormData #v-2 {
	width: 300px;
	}
#FormInfo {
	width: 200px;
	position: absolute;
	top: 50px;
	right: 0;
	color: #666;
	border-left: 1px dotted #666666;
	padding: 10px 10px 5px 10px;
	}
.FormInfo p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	}
#FormInfo p {
	font-size: 0.8em;
	margin-bottom: 0.5em;
	}

.developers {
	display: block;
	width: 200px;
	background:transparent url(/i/icons/da.gif) no-repeat scroll 10px 60%;
	line-height:1.2;
	padding-left: 78px;
	margin-top: 60px;
	font-size:0.92em;
	}
.developers a {
	color: #5D5F74;
	text-decoration: none;
	}
#inner .developers {
	position: absolute;
	right: 0;
	bottom: 30px;
	}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



.boxy-wrapper { position: absolute; }
.boxy-wrapper .fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show;}
  .boxy-wrapper td {border: 0;}
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('/i/backgrounds/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('/i/backgrounds/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('/i/backgrounds/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('/i/backgrounds/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/backgrounds/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/backgrounds/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/backgrounds/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/backgrounds/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }

