body {margin:0; padding:0; background-color:#eeffee; color:#000; font-family:Arial, Helvetica, sans-serif; }
html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #wrapper {
height: auto;
}
#wrapper {margin:0 auto; position:relative; top: 0; left: 0;width:998px; background:#fff;}

#header {height:4.5em; background-color:#fff;border-bottom:1px solid #dddddd; }
#header .strapline {font:120% Arial, Georgia, "Times New Roman", Times, serif; color:#778899; background-color:transparent; float:right; margin-right:2em; margin-top:0.5em;}
#header .logo {float:left; margin-left:1.5em; margin-top:0.5em;}
#header .logoright {float:right; padding-right: 4em; text-align:right;}


#nav {position:absolute; top:7em; left:0.5em; width:10em;}
#nav ul {list-style:none; margin-left:0.5em; padding-left:0;}
#nav li {font-size:80%; border-bottom:1px dotted #B2BCC6; margin-bottom:0.3em;}
#nav a:link, #nav a:visited {text-decoration:none; color:#2A4F6F; background-color:transparent;display:block;width:100%;}
#nav a:hover {color:#778899;}
#nav h2 {font:110% Arial, Georgia, "Times New Roman", Times, serif; color:#2A4F6F; background-color:transparent; border-bottom:1px dotted #B2BCC6;}

fieldset {border: 1px solid #999;}
fieldset.maps {border: 2px solid #868CD6;float:right;width:400px;}
fieldset.ie {border: 2px solid #CCE5B2;float:right;width:400px;}
fieldset.qt {border: 2px solid #7FB2CC;float:right;width:400px;}
fieldset.none {float:right;width:400px;}
fieldset p {margin:0;padding:3px;}
legend {margin:2px;padding:2px; background-color:#C9ECB4; border: 1px solid #999; font-size:90%;}
legend.maps {margin:2px;padding:2px; background-color:#868CD6; border: 1px solid #868CD6; font-size:90%;color:#fff;}
legend.ie {margin:2px;padding:2px; background-color:#CCE5B2; border: 1px solid #CCE5B2; font-size:90%;color:#000;}
legend.qt {margin:2px;padding:2px; background-color:#7FB2CC; border: 1px solid #7FB2CC; font-size:90%;color:#fff;}
legend.none {margin:2px;padding:2px; background-color:#efe; border: 1px solid #999; font-size:90%;color:#000;}

label {
  width:155px;
  margin:0 3px 0 0;
  padding:0 0 0 5px;
  border: 1px solid #999;
  background-color:#efe;
  color:#003;
  float:left;
  clear:both;
}

label.maps {
  width:155px;
  margin:0 3px 0 0;
  padding:0 0 0 5px;
  border: 1px solid #999;
  background-color:#eef;
  color:#003;
  float:left;
  clear:both;
}
label.ie {
  width:155px;
  margin:0 3px 0 0;
  padding:0 0 0 5px;
  border: 1px solid #999;
  background-color:#efe;
  color:#003;
  float:left;
  clear:both;
}
label.qt {
  width:155px;
  margin:0 3px 0 0;
  padding:0 0 0 5px;
  border: 1px solid #999;
  background-color:#cce0eb;
  color:#003;
  float:left;
  clear:both;
}

input.text {
  height:18px;
  margin:0;
  padding:0;
}
/* TE Classes */
fieldset.te {border: 2px solid #006699;float:right;width:400px;}
legend.te {margin:2px;padding:2px; background:url(../te/images/legend_bg.jpg);; border: 1px solid #006699; font-size:90%;color:#fff;}
label.te {width:155px; margin:0 3px 0 0; padding:0 0 0 5px; border: 1px solid #006699; background:url(../te/images/label_bg.jpg); color:#003; float:left; clear:both;}

#content {margin-left:12em; margin-right:2em;}
#content p {font-size:80%; line-height:1.6em; padding-left:1.1em;}
#content p.loginerror {color:#f00; font-size:70%; line-height:1em; padding-left:1.2em;}

#content ul {margin-left:0.7em; padding-left:1.2em;}
#content li {font-size:80%; margin-bottom:0.3em;line-height:1.3em; color:#778899;}

h1 {font-family: Arial, Georgia, "Times New Roman", Times, serif;}
h2 {font-family: Arial, Georgia, "Times New Roman", Times, serif;}
.bold {font-weight:800;}

img {border:none;}

table.appselection {
	width: 100%;
	text-align:center;
}
table.appselection td {
	vertical-align: top;
}
#footer {
	position: absolute;
	bottom: 0;
  left:0;
	width: 100%;
	border-top: 1px solid #dddddd;
  background:#fff;
	color: #626262;
	font-size: 70%;
	text-align: center;
	height: 60px;
}
#footer p{
	margin: 0.5em 0 1em 2em;
	padding: 0;
}

#clearfooter{clear:both;height:70px;width:100%;}


#footer .logoleft {float:left;width:80px; text-align:center; padding-left: 5px;}
#footer .leftlogo {float:left; margin-left:1.5em; margin-top:0.5em;}
#footer .rightlogo {float:right; margin-right:1.5em; margin-top:0.5em; }

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 735px;
	border-collapse: collapse;
}
table.adminform td {
	padding-bottom: 10px;
	text-align: left;
}

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 10px; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 197px !important;
	height: 200px; 
	width: 208px !important;
	width: 210px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #ddebdd;  
	border: 1px solid #339933;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

.btnLogin a {
  float:left;
  width:80px;
  height:30px;
  margin-left:1px;
  margin-right:4px;
	background-repeat: no-repeat;
  background-image: url(../images/btn_login.jpg);
	background-position: 0px 0px;
	text-indent: -3000px;
	display: block;
}
.btnLogin a:hover {
	background-position: 0 -30px;
}
.btnLogin a:active
{
  outline: none;
}
.btnInfo a {
  float:left;
  width:80px;
  height:30px;
  margin-left:1px;
  margin-right:4px;
	background-repeat: no-repeat;
  background-image: url(../images/btn_info.jpg);
	background-position: 0px 0px;
	text-indent: -3000px;
	display: block;
}
.btnInfo a:hover {
	background-position: 0 -30px;
}
.btnInfo a:active
{
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}

div#locale-selector{padding-top:15px;}div#locale-selector a.choose-locale span{padding-left:26px;}
div#locale-selector a.collapsed,div#locale-selector a.expanded{float:right;border:none;display:inline-block;background-position:right center;background-repeat:no-repeat;padding-right:10px;}
div#locale-selector a.collapsed{background-image:url(/images/signup/arrow-blue-down.png?1276675429);}
div#locale-selector a.expanded{background-image:url(/images/signup/arrow-blue-up.png?1276675429);}
div#locale-selector div.box_lang{display:inline-block;background:#fff;width:218px;padding-bottom:10px;position:absolute;z-index:100;border:1px solid #E0E0E0;-moz-box-shadow:5px 10px 14px rgba(0,0,0,.3);-webkit-box-shadow:5px 10px 14px rgba(0,0,0,.3);box-shadow:5px 10px 14px rgba(0,0,0,.3);}
div#locale-selector div.box_lang ul{display:inline-block;position:relative;z-index:102;text-align:left;width:218px;padding-top:10px;}
div#locale-selector div.box_lang ul li{padding:0 10px;margin:0 0 3px 0;float:none;display:block;}
div#locale-selector div.box_lang ul li:last-child{margin:0;}
div#locale-selector div.box_lang ul li a{text-transform:none;padding:0 0 0 30px;color:#359ABE;display:block;border:none;font-weight:normal;}
div#locale-selector div.box_lang ul li.selected a{font-weight:bold;}
div#locale-selector div.box_lang ul li a:hover{color:#dd3920;}
.hide{display:none!important;}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
