@import url(resetCss.css);

.clear { clear:both; }
a { text-decoration:none; }
input { padding:1px; }
h1#hidden { display:none; }
.hidden { display:none; }
html { text-align:center;background-image:url('../images/user/html_bg.png');background-repeat:repeat-x;background-color:#edf2f5; }
body { text-align:center; }
h1 {font-size:120%;margin-top:3px;margin-bottom:15px;font-family: verdana,helvetica,arial,sans-serif;color:#355167; }
h2 {font-size:110%;margin-top:3px;margin-bottom:15px;font-family: verdana,helvetica,arial,sans-serif;color:#355167;font-weight:bold; }
h3 {font-size:100%;font-family: verdana,helvetica,arial,sans-serif;color:#355167;margin-bottom:5px;font-weight:bold; }
h4 {font-size:90%;font-family: verdana,helvetica,arial,sans-serif;color:#355167;}
h5 {font-size:80%;font-family: verdana,helvetica,arial,sans-serif;color:#355167;}
h6 {font-size:70%;font-family: verdana,helvetica,arial,sans-serif;color:#355167;}

a { color:#355167;text-decoration:none; }
a:link { color:#002C4F; }
a:visited { color:#002C4F; }
a:hover { color:#D1D1D1;text-decoration:underline; }
a:active { color:#D1D1D1;text-decoration:underline; }

div.errorBox { height:auto;background-color:#ffffd5;text-align:left;margin-bottom:10px;font-size:12px;border:1px solid #dc9987;padding:7px 7px 7px 7px; }
div.noerrorBox { height:auto;background-color:#ffffd5;text-align:left;margin-bottom:10px;font-size:12px;border:1px solid #89dc87;padding:7px 7px 7px 7px; }

p.transport_tool_up { color:#B38C24;background-image:url("../images/misc/arrow_icon_block_up.gif");background-position:right center;background-repeat:no-repeat;float:right;margin-bottom:0;margin-top:10px;padding:2px 18px 2px 0;width:auto;font-size:11px; }
p.transport_tool_down { color:#B38C24;background-image:url("../images/misc/arrow_icon_block_down.gif");background-position:right center;background-repeat:no-repeat;float:right;margin-bottom:0;margin-top:10px;padding:2px 18px 2px 0;width:auto;font-size:11px; }


/**
 * Custom Styles
 **/

div#wrapper {
 	background-image:url("../images/user/main_faded_sphere.png");
 	background-position:center top;
 	background-repeat:no-repeat;
 	min-height:600px;
 	width:915px;
	text-align:left;
	margin:0px auto 0px auto;
}

div#wrapper div#top {
	height:95px;
}
div#wrapper div#top img {
	margin-top:15px;
	margin-left:10px;
}

div#wrapper div#menu {
	height:24px;
 	background-image:url("../images/user/menu_bg.png");
 	background-position:center top;
 	background-repeat:no-repeat;
 	padding:12px 40px 0px 45px;
 	position:relative;z-index:99;
}
/*div#wrapper div#menu ul#root {
	height:auto;
	font-size:13px;
	font-family:Myriad Pro,Verdana,Helvetica,sans-serif;
}
div#wrapper div#menu ul#root li {
	float:left;
}
div#wrapper div#menu ul#root li.current  {
 	background-image:url("../images/user/menu_li_current_bg.png");
 	background-position:center bottom;
 	background-repeat:repeat-y;
}
div#wrapper div#menu ul#root li.delimiter {
	font-size:9pt;
	color:#D1D1D1;
}
div#wrapper div#menu ul#root li a {
	padding:5px 15px 15px 15px;
	text-decoration:none;
}

div#wrapper div#menu ul#root ul {
	background-color:#ffffff;
	display:none;
	position:absolute;
	z-index:9;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:3px 0px 0px 0px;
	min-width:120px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
div#wrapper div#menu ul#root  ul li {
	display:inline;
	float:left;
	margin:0;
	text-indent:0;
	width:auto;
	background-color:#F6F6F6;
	border-color:#FFFFFF #D9D9D9 #D9D9D9;
	border-style:solid;
	border-width:1px 1px 1px 0;
}
div#wrapper div#menu ul#root ul li a {
	display:block;
	padding:3px 6px 3px 6px;
	text-decoration:none;
}
div#wrapper div#menu ul#root ul li:hover {

}
div#wrapper div#menu ul#root ul li:hover {
 	background-color:#ffffff;
}
div#wrapper div#menu ul#root ul li a:hover {
}
div#wrapper div#menu ul#root li li {
	display:block;
	float:none;
}*/
#menu ul {	display: block;margin: 0;padding: 0;line-height: 1em;list-style: none;}
#menu ul li {	text-align:left;float: left;margin: 0 3px 0 0;padding: 0;font-size: 10px;font-weight:bold;line-height: 1, 5em;list-style-type: none; }
#menu ul li img { float:left;padding-right:5px;margin-top:-1px; }
#menu ul li a { float: left;display: block;width: auto;font-weight: normal;background: transparent;text-decoration: none;margin: 0;padding: 0.2em 1.0em 0.6em 1.0em; }
#menu ul li a:hover { text-decoration: none; }
#menu ul li.sep { padding: 0.4em 0em 0.5em 0em; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu  ul li a { float: none; }/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 { opacity:0.9;filter:alpha(opacity=90);position: absolute;z-index:+50;top: 0px;left: 0px;visibility: hidden;background-color:#ffffff; }
#menu  ul.level2 li, #menu ul.level3 li { background-color:#F6F6F6;border-color:#FFFFFF #D9D9D9 #D9D9D9;border-style:solid;border-width:1px 1px 1px 0;float: none;margin: 0;padding: 0;width: 180px; }
#menu  ul.level2 li a, #menu ul.level3 li a { padding: 5px 9px 5px 5px; }
#menu li ul li:hover { font-weight: normal;background-color: #D1DDEB;background-image: none; }
#menu {height: 1%;} /*Holly Hack for IE7 and below*/
#menu  { font: normal 13px Verdana;height:auto; }

#menu  ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
#menu  ul li{position: relative;display: inline;float: left;}

/*Top level menu link items style*/
#menu  ul li a{display: block; /*spacing between tabs*/border-bottom-width: 0;text-decoration: none;}

#menu  ul li a:hover{}

/*1st sub level menu*/
#menu  ul li ul{position: absolute;left: 0;display: block;visibility: hidden;z-index:+50;margin-top:0px;}

/*Sub level menu list items (undo style from Top level List Items)*/
#menu  ul li ul li{display: list-item;float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#menu  ul li ul li ul{top: 0;margin-top:0px;}

/* Sub level menu links style */
#menu  ul li ul li a{font: normal 11px Verdana;width: 100%; /*width of sub menus*/border-top-width: 0;}

#menu  ul li ul li a:hover{ /*sub menus hover style*/color: white;text-decoration:underline;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{position: absolute;top: 7px;right: 5px;}

.rightarrowclass{position: absolute;top: 5px;right: 5px;}

div#wrapper div#banners {
	width:100%;
	height:173px;
 	background-image:url("../images/user/main_bg.png");
 	background-position:center top;
 	background-repeat:repeat-y;
 	text-align:center;
 	padding:0px;
 	overflow:hidden;
 	position:relative;z-index:0;
}
div#wrapper div#banners img {
	top:0;
	left:0;
	margin-left:10px;
	float:left;
	z-index:0;
	position:relative;z-index:0;
}
div#wrapper div#main {
	height:auto;
 	background-image:url("../images/user/main_bg.png");
 	background-position:center top;
 	background-repeat:repeat-y;
 	padding:5px 35px 20px 25px;
 	color:#000000;
 	font-size:9pt;
}
div#wrapper div#main div#main_left {
	width:580px;
	float:left;
}
div#wrapper div#main div#main_right {
	width:250px;
	float:right;
}
div#wrapper div#main div#main_right img {
	margin-bottom:5px;
}

div#wrapper div#footer {
	height:34px;
 	background-image:url("../images/user/footer_bg.png");
 	background-position:center top;
 	background-repeat:no-repeat;
 	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseWindows {
	border: 1px solid rgb(233, 241, 247);
	padding: 5px;
	background-color: rgb(242, 244, 245);
	text-align: center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse {
	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget1 {
	position: relative;
	top: -83px;
	left: 114px;
	float: left;
	height: 50px;
	width: 40px;
	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget1 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget2 {
	position: relative;
	top: -83px;
	left: 125px;
	float: left;
	height: 50px;
	width: 40px;
	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget2 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget3 {
	position: relative;
	top: -83px;
	right: 161px;
	float: right;
	height: 50px;
	width: 40px;
	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget3 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget4 {
	position: relative;
	top: -83px;
	right: 70px;
	float: right;
	height: 50px;
	width: 40px;
	text-align:center;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTarget4 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop1 {
	position: relative;
	top: 94px;
	right: 261px;
	float: right;
	height: 30px;
	width: 57px;
}


div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop2 {
	position: relative;
	top: 130px;
	right: 175px;
	float: right;
	width: 27px;
	height: 51px;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop2 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop3 {
	position: relative;
	top: 130px;
	right: 184px;
	float: right;
	width: 41px;
	height: 50px;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop3 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop4 {
	position: relative;
	top: 130px;
	right: 192px;
	float: right;
	width: 27px;
	height: 51px;
}

div#wrapper div#main div#main_left div#windowShowCaseHouse div#windowShowCaseTargetTop4 img {
	height: 100%;
	width: 100%;
}

div#wrapper div#main div#main_left ul#gallery {
	width:100%;
}

div#wrapper div#main div#main_left ul#gallery li {
	float:left;
}

div#wrapper div#main div#main_left ul#gallery li a {
	height:91px;
	display:block;
	margin:1px;
}

div#wrapper div#main div#main_left ul#gallery li a img {
	border:1px solid #CCCCCC;
	height:84px;
	margin:1px;
	padding:2px;
}

div#wrapper div#main div#main_left ul#gallery li img.current {
	padding:2px;
	border:1px solid #1F9AFF;
	margin:1px;
}

div#wrapper div#main div#main_left div#gallery-large {
	margin-top:15px;
	height:500px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}