/**
 * TOC:
 *		-Layout
 *		-.box Styles
 *		-Tabs
 *		-Languages
 *		-Header
 *			-Logo
 *			-Menu
 *		-About
 *		-Footer
 *		-Panel
 *		-Lightbox
 */

/**
 * --------------- -Layout- ---------------
 */
 
.wrapper {
	width: 994px;
	margin: 0 auto;
}

.lightbox-text {
	width: 900px;
	max-height: 700px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	z-index: 1000;
}

/**
 * --------------- -.box Styles- ---------------
 */
 
.box {
	position: relative;
}
.box-outline {
	border: 2px solid;
	position: relative;
}
.box-outline-small {
	border: 1px solid;
	position: relative;
}
.box-outline-large {
	border: 5px solid;
	position: relative;
}
	.box .c-lt,
	.box .c-rt,
	.box .c-lb,
	.box .c-rb,
	.box-outline .c-lt,
	.box-outline .c-rt,
	.box-outline .c-lb,
	.box-outline .c-rb,
	.box-outline-small .c-lt,
	.box-outline-small .c-rt,
	.box-outline-small .c-lb,
	.box-outline-small .c-rb,
	.box-outline-large .c-lt,
	.box-outline-large .c-rt,
	.box-outline-large .c-lb,
	.box-outline-large .c-rb,
	.box-outline-large .c-lb-2,
	.box-outline-large .c-rb-2 {
		position: absolute;
		width: 8px;
		height: 8px;
		overflow: hidden;
		background: url(/img/sprites.png) left top no-repeat;
	}
	
	.box-outline-small.gray-gradient .c-lt,
	.box-outline-small.gray-gradient .c-rt,
	.box-outline-small.gray-gradient .c-rb,
	.box-outline-small.gray-gradient .c-lb {
		background: url(/img/sprites2.png) left top no-repeat;
	}
	
	.box .c-lt { left: 0; top: 0; }
	.box .c-rt { right: 0; top: 0; }
	.box .c-lb { left: 0; bottom: 0; }
	.box .c-rb { right: 0; bottom: 0; }
	
	.box-outline .c-lt { left: -2px; top: -2px; }
	.box-outline .c-rt { right: -2px; top: -2px; }
	.box-outline .c-lb { left: -2px; bottom: -2px; }
	.box-outline .c-rb { right: -2px; bottom: -2px; }
	
	.box-outline-small .c-lt { left: -1px; top: -1px; }
	.box-outline-small .c-rt { right: -1px; top: -1px; }
	.box-outline-small .c-lb { left: -1px; bottom: -1px; }
	.box-outline-small .c-rb { right: -1px; bottom: -1px; }
	
	.box-outline-large .c-lt { left: -5px; top: -5px; }
	.box-outline-large .c-rt { right: -5px; top: -5px; }
	.box-outline-large .c-lb,
	.box-outline-large .c-lb-2 { left: -5px; bottom: -5px; }
	.box-outline-large .c-rb,
	.box-outline-large .c-rb-2 { right: -5px; bottom: -5px; }

.box.gray {
	background: #F1F1F1;
}
	.box.gray .c-lt { background-position: 0px -140px; }
	.box.gray .c-rt { background-position: 0px -148px; }
	.box.gray .c-rb { background-position: 0px -156px; }
	.box.gray .c-lb { background-position: 0px -164px; }

.box.gray-light {
	background: #F5F5F5;
}
	.box.gray-light .c-lt { background-position: 0px -314px; }
	.box.gray-light .c-rt { background-position: 0px -322px; }
	.box.gray-light .c-rb { background-position: 0px -330px; }
	.box.gray-light .c-lb { background-position: 0px -338px; }

.box.box-yellow {
	background: #FFFFE3;
}
	.box.box-yellow .c-lt { background-position: 0px -660px; }
	.box.box-yellow .c-rt { background-position: 0px -668px; }
	.box.box-yellow .c-rb { background-position: 0px -676px; }
	.box.box-yellow .c-lb { background-position: 0px -684px; }

.box.box-yellowdark {
	background: #FDF1CB;
}
	.box.box-yellowdark .c-lt { background-position: 0px -764px; }
	.box.box-yellowdark .c-rt { background-position: 0px -772px; }
	.box.box-yellowdark .c-rb { background-position: 0px -780px; }
	.box.box-yellowdark .c-lb { background-position: 0px -788px; }

.box-outline-small.quote {
	background: #FFF3C9 url(/img/quote-background.gif) 10px 0px no-repeat;
	border-color: #F7EBBE;
}
	.box-outline-small.quote .c-lt { background-position: 0px -628px; }
	.box-outline-small.quote .c-rt { background-position: 0px -636px; }
	.box-outline-small.quote .c-rb { background-position: 0px -644px; }
	.box-outline-small.quote .c-lb { background-position: 0px -652px; }
	
.box-outline.yellow {
	background: #fff;
	border: 2px solid #FEF2CF;
}
	.box-outline.yellow .c-lt { background-position: 0px -172px; }
	.box-outline.yellow .c-rt { background-position: 0px -180px; }
	.box-outline.yellow .c-rb { background-position: 0px -188px; }
	.box-outline.yellow .c-lb { background-position: 0px -196px; }
	
	.state_registration .c-rt { background-position: 0px -204px !important; }
	.state_registration .c-rb { background-position: 0px -212px !important; }

.box-outline-small.white {
	background: #fff;
	border: 1px solid #E2E2E2;
}
	.box-outline.white .c-lt { background-position: 0px -580px; }
	.box-outline.white .c-rt { background-position: 0px -588px; }
	.box-outline.white .c-rb { background-position: 0px -596px; }
	.box-outline.white .c-lb { background-position: 0px -604px; }

.box-outline-large.white {
	background: #fff;
	border: 5px solid #F2F2F2;
}
	.box-outline-large.white .c-lt { background-position: 0px -692px; }
	.box-outline-large.white .c-rt { background-position: 0px -700px; }
	.box-outline-large.white .c-rb { background-position: 0px -708px; }
	.box-outline-large.white .c-lb { background-position: 0px -716px; }
	
	.box-outline-large.white .c-rb-2 { background-position: 0px -724px; }
	.box-outline-large.white .c-lb-2 { background-position: 0px -732px; }

.box-outline-small.gray-gradient {
	background: #fff url(/img/landing/box-gradient.gif) left top repeat-x;
	border-color: #E2E2E2;
}
	.box-outline-small.gray-gradient .c-lt { background-position: 0px -352px; }
	.box-outline-small.gray-gradient .c-rt { background-position: -7px -352px; }
	.box-outline-small.gray-gradient .c-rb { background-position: -7px -360px; }
	.box-outline-small.gray-gradient .c-lb { background-position: 0px -360px; }

/**
 * --------------- -Languages- ---------------
 */
#languages {
	overflow: hidden;
	list-style: none;
	height: 28px;
	padding: 0 40px;
	font-size: 0.79em;
}
	#languages li {
		float: right;
		padding: 5px 10px 0;
	}
		#languages li a {
			text-decoration: none;
		}
		#languages li a:hover {
			text-decoration: underline;
		}
		#languages li.selected a {
		}
 
 	
/**
 * --------------- -Header- ---------------
 */
 
#header {
	padding: 13px 17px 4px;
}
	/* -Logo- */
	#header .logo {
		position: absolute;
		margin: 4px 0 0 53px;
	}
	
	/* -New menu- */
	#header div.navigation {
		position: relative;
		margin: 23px 0 13px 303px;
		background: #5F9ACF url(/img/navigation_sprite.gif) 0 0 no-repeat;
	}
		#header div.navigation .nav_rt {
			background: url(/img/navigation_sprite.gif) right -80px no-repeat;
		}
		#header div.navigation .nav_rb {
			background: url(/img/nav_rb.gif) right bottom no-repeat;
		}
		#header div.navigation .nav_lb {
			background: url(/img/nav_lb.gif) left bottom no-repeat;
			padding: 3px 3px 3px 6px;
		}
		#header div.navigation a {
			color: #fff;
			text-decoration: none;
		}
		
		#header div.navigation table {
			width: 100%;
		}
		
		#header div.navigation td {
			font-size: 12px;
			line-height: 16px;
			text-align: center;
		}
		#header div.navigation td div {
			padding: 9px;
		}
		
		#header div.navigation td.selected {
			background: #326EA4 url(/img/navigation_sprite.gif) 0 -163px no-repeat;
			font-weight: bold;
		}
		#header div.navigation td.selected .rt {
			background: url(/img/navigation_sprite.gif) right -243px no-repeat;
		}
		#header div.navigation td.selected .rb {
			background: url(/img/nav_sel_rb.gif) right bottom no-repeat;
		}
		#header div.navigation td.selected .lb {
			background: url(/img/nav_sel_lb.gif) left bottom no-repeat;
		}
		
		#header div.navigation td.selected div {
			padding: 0;
		}
		#header div.navigation td.selected div.b {
			padding: 9px;
		}

	/* -Menu- */
	#header ul.navigation {
      position: relative;
      list-style: none;
      margin-left: 280px;
      overflow: hidden;
      font-size: 14px;
      height: 76px;
	  white-space: nowrap;
	}
	
	#header ul.navigation li {
	  float: left;
	}
	#header ul.navigation li.first {
		margin-left: 23px;
	}
	
	#header ul.navigation li div {
	  float: left;
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll 0 -144px;
	}
	
	#header ul.navigation li a {
	  text-decoration: none;
	  float: left;
	  padding: 0 25px;
	  line-height: 36px;
	}
	
	#header ul.navigation li a span {
      display: block;
	  padding: 0 14px;
	}
	#header ul.navigation li li a span {
		padding: 0 7px;
	}
	
	
	#header ul.navigation li.selected div{
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll right -108px;
	}
	
	#header ul.navigation li.selected div.sub {
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll right -36px;
	}
	
	
	#header ul.navigation li.selected a {
	  color: #fff;
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll left -72px;
	}
	
	#header ul.navigation li.selected div.sub a {
	  color: #fff;
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll left 0;
	}
	
	#header ul.navigation li.selected a span {
	  background-color: #5F9ACF;
	}
	
	#header ul.navigation li div.sub div.background {
	  left: 26px;
	  top: 36px;
	  height: 40px;
	  width: 648px;
	  padding-right: 6px;
	  position: absolute;
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll right -260px;
	  display: none;
	}
	
	#header ul.navigation li.selected div.sub div.background {
	  display: block;
	}
	
	#header ul.navigation li.selected div.sub div.background span {
	 background-color: #5F9ACF;
	 display: block;
	 height: 100%;
	 width: 100%;
	}
	
	#header ul.navigation li ul {
	  top: 36px;
	  left: 23px;
	  height: 40px;
	  position: absolute;
	  display: none;
	  list-style: none;
	  font-size: 12px;
	  padding-right: 0;
	  width: 651px;
	}
	
	#header ul.submenu-only li ul,
	#header ul.submenu-only li div.sub div.background {
		top: 23px;
	}
	
	#header ul.navigation li ul li {
      margin: 0;
      padding: 0 0 0 3px;
	}
	
	
	#header ul.navigation li.selected ul li div {
	  background: none;
	  background-color: #5F9ACF;
	  display: block;
	  float: left;
	  padding: 0 0 0 6px;
	}
	
	#header ul.navigation li ul li div a {
      background: none;
      padding: 3px 3px 3px 0;
      height: 34px;
	  line-height: 34px;
	}
	
	#header ul.navigation li ul li div a span {
      background: none;
	}
	
	#header ul.navigation li.selected ul {
	  display: block;
	}
	
	#header ul.navigation li.selected ul li {
	  background: none;
	  background-color: #5F9ACF;
	}
	
	#header ul.navigation li ul li.first {
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll -19px -220px;
	  margin-left: 0;
	  padding: 0 0 0 6px;
	}

	#header ul.navigation li.first ul li.first {
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll -19px -180px;
	}
	
	#header ul.navigation li.selected ul li div.selected {
	  background: transparent url(/img/navigation_sprite.gif) no-repeat scroll -19px -300px;

	}
	
	#header ul.navigation li.selected div.sub ul li div a {
      background: none;
	}
	
	#header ul.navigation li.selected div.sub ul li div.selected a {
      background: transparent url(/img/navigation_sprite.gif) no-repeat scroll right -337px;
      font-weight: bold;
	}
	
	#header ul.navigation li.selected ul li div a span {
	  background: none;
	}
	
	#header ul.navigation li.selected ul li div.selected a span {
	  background-color: #326EA4;
	}
  
  
/**
 * --------------- -About- ---------------
 */
 
.about {
}
	.about div {
		background: url(/img/content_about_bg.jpg) right bottom no-repeat;
		min-height: 125px;
		padding: 35px 403px 20px 33px; /* by design: 363px */
	}
	
	.about.short {
	}
		.about.short div {
			background: url(/img/content_about_bg2.jpg) right top no-repeat;
			min-height: 50px;
			padding: 30px 403px 20px 33px;
		}
		.about.short div a {
			color: #69c;
		}
	
	.about h2 {
		font-size: 1.58em;
		padding: 5px 0 20px; /* by design: 0 0 15px */
	}
		.about.short h2 {
			padding: 0 0 10px;
		}
	.about p {
		color: #666;
		padding: 0 0 10px;
	}
		.about.short p {
			font-size: 0.86em;
		}


/**
 * --------------- -Footer- ---------------
 */
 #footer {
 	padding: 0 57px 15px 52px;
	font-size: 0.79em;
	color: #999;
 }
 	#footer div {
 		width: 100%;
		overflow: hidden;
 	}
	#footer span {
		float: left;
	}
	#footer a {
		float: right;
		margin-left: 30px;
		margin-bottom: 10px;
		display: block;
	}
	#footer span.build {
		padding: 0 0 0 30px;
		float: right;
		clear: both;
		color: #ccc;
		white-space: nowrap;
		font-size: 10px;
		color: #E9E9E9;
	}
	#footer span.creator {
		float: right;
		clear: both;
		display: block;
		padding: 0 0 2px;
	}
		#footer span.creator a {
			float: none;
			margin: 0;
			padding: 0;
		}


/**
 * --------------- -Panel- ---------------
 */
 
/* -Overlay- */
.component-overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.12;
	z-index: 10;
}

/* Panel */
.component-panel {
	position: absolute;
	z-index: 20;
}
	.component-panel .p-lt span,
	.component-panel .p-rt span,
	.component-panel .p-lb span,
	.component-panel .p-rb span {
		width: 34px;
		height: 34px;
		overflow: hidden;
		display: block;
		position: relative;
	}
	
	.component-panel .p-rt span {
		overflow: visible;
	}
	
	.component-panel .p-lt i,
	.component-panel .p-rt i,
	.component-panel .p-lb i,
	.component-panel .p-rb i {
		display: block;
		position: relative;
		background: url(/img/panel_bg_corners.png) left top no-repeat;
		width: 68px;
		height: 68px;
	}
		.component-panel .p-rt i { margin-left: -34px; }
		.component-panel .p-rb i { margin-left: -34px; margin-top: -34px; }
		.component-panel .p-lb i { margin-top: -34px; }
	
	.component-panel .p-rt i {
		background: url(/img/penel_bg_close.png) left top no-repeat;
		width: 51px;
		height: 50px;
		margin: -8px 0 0 -10px;
		cursor: pointer;
		position: absolute;
	}
	
	.component-panel .p-t { background: url(/img/panel_bg_t.png) left top repeat-x; height: 34px; overflow: hidden; }
	.component-panel .p-b { background: url(/img/panel_bg_b.png) left top repeat-x; height: 34px; overflow: hidden; }
	.component-panel .p-l { background: url(/img/panel_bg_l.png) left top repeat-y; width: 34px; overflow: hidden; }
	.component-panel .p-r { background: url(/img/panel_bg_r.png) right top repeat-y; width: 34px; overflow: hidden; }
	
	.component-panel .p-c {
		background: #fff;
	}
	
/**
 * --------------- -Lightbox- ---------------
 */
 
a.align-image-right {
	float: right;
	display: block;
	margin: 0 0 5px 10px;
}
a.align-image-left {
	float: left;
	display: block;
	margin: 0 10px 5px 0;
}
a.align-image-right img,
a.align-image-left img {
	float: none !important;
}

.lightbox-inner {
	width: 600px;	/* Initial image width of the lightbox */
	min-width: 300px;
}
	.lightbox-preview .image {
		width: 100%;
		height: 400px;	/* Initial image height of the lightbox */
		overflow: hidden;
		position: relative;
		min-width: 300px;
		min-height: 200px;
	}
	.lightbox-preview .image-1,
	.lightbox-preview .image-2 {
		position: relative;
		z-index: 100;
		cursor: pointer;
	}
	.lightbox-preview .image-2 {
		position: absolute;
		z-index: 101;
		left: 50%;
		top: 50%;
		margin: -16px 0 0 -16px;
		border: 4px solid #FFFFFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		display: none;
		
		width: 32px;
		height: 32px;
	}
	
	.lightbox-preview .title div {
		text-align: center;
		padding: 44px 0 22px;
	}
	
	.lightbox-preview .list {
		position: relative;
		padding: 0 35px 11px;
		margin: 23px 0 0 0;
	}
		.lightbox-preview .list div {
			min-width: 230px;
			width: 530px;
			height: 55px;
			overflow: hidden;
		}
		.lightbox-preview .list ul {
			width: 9000px;
			overflow: hidden;
		}
			.lightbox-preview .list ul li {
				float: left;
				width: 55px;
				height: 55px;
				overflow: hidden;
				margin-right: 5px;
			}
	
	.lightbox-preview .nav-back,
	.lightbox-preview .nav-next {
		position: absolute;
		display: block;
		width: 35px;
		height: 55px;
		background: url(/img/lightbox_sprite.png) left -55px no-repeat;
		cursor: pointer;
	}
		.lightbox-preview .nav-back {
			left: 0;
		}
		.lightbox-preview .nav-back.first {
			background-position: left top;
			cursor: default;
		}
		.lightbox-preview .nav-next {
			background-position: right -165px;
			right: 0;
		}
		.lightbox-preview .nav-next.last {
			background-position: right -110px;
			cursor: default;
		}
		
		.lightbox-preview .disabled {
			display: none;
		}