/* begin pretty_button */

.pretty_button {
  display: inline-block; 
  padding: 0 0.625em; 
  color: #666666; 
  font-size: 1.1429em; 
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); 
  line-height: 1.4; 
  white-space: nowrap; 
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  cursor: pointer; 
  background: #CCCCCC url(images/pretty_button_bg-new.png) repeat-x left top
  }
.pretty_button:hover {
  text-decoration: none; 
  border: 1px solid #999999
  }
input.pretty_button {
  padding: 0.25em 0.625em; 
  cursor: pointer
}
.pretty_button .main { line-height: 1.7858em }
.pretty_button img { margin-right: 0.5em; vertical-align: middle }

.pretty_button.control {
   width: 54px;
  }
  
.pretty_button.small {
  font-size: 0.8572em; 
  line-height: 1.4
  }
.pretty_button.lite {border-color: #EEEEEE; background: #EEEEEE url(images/redesign/pretty_button_bg-lite.png) repeat-x left bottom; cursor: default}
.pretty_button.big {padding: 0.5em 1em 0.4375em}
.pretty_button.dark {border: 1px solid #999999}
.pretty_button.spacer {margin-top: 0.6em}


.blue_button {margin-top: -0.1em; vertical-align: middle; color: #FFFFFF; white-space: nowrap; text-shadow: none; border-color: #0066CC; background: #0066CC url(/images/redesign/blue_button_bg2.png) repeat-x left center}
.blue_button:hover {border-color: #004D99}

/* end pretty_button */


/* begin Button */
.Button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:34px;
	margin:0;
	padding:0;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.Button .btn
{
	display:block;
	position:relative;
	float:left;
	height: 34px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	color: #293233;
}

.Button .btn .t
{
	display:block;
	height: 34px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 21px;
	line-height: 34px;
	text-decoration: none !important;
}

input, select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.Button .hover, .Button:hover
{
	color: #0E3D4E;
	text-decoration: none !important;
}

.Button .active
{
	color: #EDF4F8;
}

.Button .btn .l, .Button .btn .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 102px;
	background-image: url('images/Button.png');
}

.Button .btn .l
{
	left:0;
	right:11px;
}

.Button .btn .r
{
	width:411px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
	top: -34px;
}

.Button .btn.active .l, .Button .btn.active .r
{
	top: -68px;
}
/* end Button */

/* begin Box, Block */
.teletextBlock
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:23px;
	min-height:23px;
}

.teletextBlock-body
{
	position: relative;
	z-index:1;
	padding: 6px;
}

.teletextBlock-tr, .teletextBlock-tl, .teletextBlock-br, .teletextBlock-bl, .teletextBlock-tc, .teletextBlock-bc,.teletextBlock-cr, .teletextBlock-cl
{
	position:absolute;
	z-index:-1;
}

.teletextBlock-tr, .teletextBlock-tl, .teletextBlock-br, .teletextBlock-bl
{
	width: 34px;
	height: 34px;
	background-image: url('images/Block-s.png');
}

.teletextBlock-tl
{
	top:0;
	left:0;
	clip: rect(auto, 17px, 17px, auto);
}

.teletextBlock-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 17px, 17px);
}

.teletextBlock-bl
{
	bottom: 0;
	left: 0;
	clip: rect(17px, 17px, auto, auto);
}

.teletextBlock-br
{
	bottom: 0;
	right: 0;
	clip: rect(17px, auto, auto, 17px);
}

.teletextBlock-tc, .teletextBlock-bc
{
	left: 17px;
	right: 17px;
	height: 34px;
	background-image: url('images/Block-h.png');
}

.teletextBlock-tc
{
	top: 0;
	clip: rect(auto, auto, 17px, auto);
}

.teletextBlock-bc
{
	bottom: 0;
	clip: rect(17px, auto, auto, auto);
}

.teletextBlock-cr, .teletextBlock-cl
{
	top: 17px;
	bottom: 17px;
	width: 34px;
	background-image: url('images/Block-v.png');
}

.teletextBlock-cr
{
	right:0;
	clip: rect(auto, auto, auto, 17px);
}

.teletextBlock-cl
{
	left:0;
	clip: rect(auto, 17px, auto, auto);
}

.teletextBlock-cc
{
	position:absolute;
	z-index:-1;
	top: 17px;
	left: 17px;
	right: 17px;
	bottom: 17px;
	background-color: #E3E8E8;
}


.teletextBlock
{
	margin: 5px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.teletextBlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.teletextBlockContent-body
{
	position: relative;
	z-index:1;
	padding: 11px;
}



.teletextBlockContent-body
{
	color:#202728;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .75em;
	font-style: normal;
	font-weight: normal;
}

.teletextBlockContent-body td
{
	border: 0;
}

.teletextBlockContent-body a:link
{
	color: #186986;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.teletextBlockContent-body a:visited, .teletextBlockContent-body a.visited
{
	color: #748C90;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.teletextBlockContent-body a:hover, .teletextBlockContent-body a.hover
{
	color: #1F8BB2;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.teletextBlockContent-body ul
{
	list-style-type: none;
	color: #0B2F3D;
	margin:0;
	padding:0;
}

.teletextBlockContent-body li
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

.teletextBlockContent-body ul li
{
	padding:0px 0 0px 16px;
	background-image: url('images/BlockContentBullets.png');
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

/* begin LayoutCell */
.sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
/*	width: 196px;*/
	width: 246px;
}
/* end LayoutCell */

#page_image
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
/*	width: 591px;*/
	width: 500px;
}

#img_holder
{
    float: left;
    border: 1px solid #92BFD3;
    /*margin: 1em;*/
    width: 492px;
    display:  table-cell;
    background-color: #505050;
    height: 432px;
}

#teletext_loader
{
    position: absolute;
    background: url('images/ajax-loader.gif') no-repeat;
    top: 195px;
    left: 225px;
    z-index:500;
    width: 492px;
    height: 432px;    
}

.b-popup-bg{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
}

.b-popup{
	width:100%;
    position: absolute;
    top:20px;
    z-index:10;
}

.b-popup-content{
    margin:0px auto 0px auto;
    width:320px;
    height: auto;
    padding:10px;
    background-color: #f5f5f5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

.subpage p
{
    margin: 0;
}

#top-controls {
	display: block;
	font-size: .9em;
}

.sidebar1 {
	display: none;
}

@media (min-width: 48em) {
	#top-controls {
		display: none;
	}
	.sidebar1 {
		display: block;
	}
}