@charset "utf-8";
/* CSS Document */
/**
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .class {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .gwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */
 
div, body, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color:#393939;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.8px;
	word-spacing:4px;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	font: 86% Verdana, Arial, Helvetica, sans-serif;
	background: url(bodybg.png) repeat-x top center #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 1.5em;
	letter-spacing: 0.9%;
}
.thelayout #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.thelayout #header {
}
.thelayout #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thelayout #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.thelayout #footer {
	padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(footer-bg.png) repeat-x bottom left #ffffff;
	margin-bottom: 0px;
	position:relative;
}
.thelayout #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thelayout #footer #fcontainer {
	color: #FFF;
	text-align: left;
	margin: auto;
	width: 800px;
}

.thelayout #footer #fcontainer a{
	color: #FFF;
}

#fcontainer, #fcontainer a{
	font-size:0.9em;
	text-decoration:none;
}

#fcontainer table ul li{
	list-style-image:url(arrow8.gif);
}

#colleft {
	float: left;
	width: 480px;
}
#colright {
	margin-left: 490px;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear_l{
	clear:left;
}

.clear_r{
	clear:right;
}

.clear{
	clear:both;
}

.user_menu, .user_submenu{
	margin-top:10px;
	border:2px solid #159474;
	background-color:#FFF;
	padding:3px 10px 3px 10px;
	font-size:12px;
}

.user_menu *, .user_submenu *{
	color:#159474;
	text-decoration:none;
	font-weight:bold;	
}

.user_menu a:visited, .user_submenu a:visited{
	color:#159474;
}

.user_menu a:hover, .user_submenu a:hover{
	color:#000;
}

.user_submenu{
	margin-top:0px;
	margin-bottom:10px;
	border:0px;
	background-color:#E0F0EC;
}

.separator_3{
	height:3px;
}

.login_box{
	border:1px solid #676767;
	width:250px;
	font-size:16px !important;
}

.login_signup{
	color:#676767;	
	font-weight:bold;
	font-size:12px;
	padding:3px;
	position:absolute;
	top:10px;
	right:10px;
}

.login_signup a:hover{
	color:#7DA600;
}

.login_signup a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #676767;
	margin-bottom:3px;
}

.menu_item, .menu_item:visited, .menu_item:active {
	color:#000;
	text-decoration:none;
	padding:5px 0px 5px 10px;
	font-weight:bold;
	font-size:10px;
	background-image:url(menu_light_gray_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	display:block;
}

.menu_item:hover{
	border-bottom:1px dotted #3366CC;
}

.menu_item_h, .menu_item_h:visited, .menu_item_h:active {
	color:#000;
	text-decoration:none;
	font-size:10px !important; 
}

.menu_item_h:hover{
	border-bottom:1px dotted #3366CC;
}

.error{
	text-decoration:blink; 
	background-color:#F00; 
	color:#FFF;
	padding:5px;
	text-align:center;
	font-size:18px;
}

.cms_menu_item, .cms_menu_item_sel{
	display:block;
	float:left;
	text-decoration:none;
	margin:5px;
}

.cms_menu_item_sel{
	border-bottom:1px dotted;
}

.cms_menu{
	border:2px solid #159474;
	background-color:#D7F5EE;
	width:200px;
}

.cms_menu a{
	color:#159474;
}

.cms_content{
	margin-left:210px;
}

.cms_section_container{
	border:1px dashed #CCC;
	padding:5px;
}

.cms_shareable_section{
	padding:10px;
	margin:0px;
	border:0px;
	background-image:url(rounded_bg.png);
	background-repeat:repeat-y;
}

.transparent{
	filter: alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
 	-moz-opacity: 0.20; 
	opacity:0.2;
}

.floating_window{
	border:1px dashed #000; 
	background-color: #FFC; 
	padding:10px; 
	margin-left:10px; 
	width:400px; 
	position:absolute;
	text-align:left;
}

.submenu_sel{
	border-bottom:1px dashed #159474;
}

.button{
	border:1px solid #000;	
	margin 1px;
	padding:2px;
}

.login_label{
	float:left;
	width:50px;
	text-align:left;
	font-size:14px !important;
}


.row_signup{
	margin:10px;
}	

.odd_row{
	background-color:#EEEEEE;
}

.label_signup{
	display:inline;
	float:left;
	width:180px;
	text-align:left;
}

.spacer_3{
	height:3px;
}

.spacer_5{
	height:5px;
}

.required_mark{
	font-family:"Times New Roman";
	color:#F00;
	display:inline;
}


.active_option{
	display:inline-block;
	text-align:center;
	width:50px;
	margin:0px;
	padding:0px;
	border:0px;
}

.signup-button{
	border:1px solid #CCC;
	margin:0px;
}

.rounded_box_l{
	background-image:url(rounded_box_ml.png); 
	background-repeat:repeat-y;
}

.rounded_box_r{
	background-image:url(rounded_box_mr.png); 
	background-repeat:repeat-y;
}

.rounded_box_t{
	background-image:url(rounded_box_mt.png); 
	background-repeat:repeat-x;
}

.rounded_box_b{
	background-image:url(rounded_box_mb.png); 
	background-repeat:repeat-x;
}

.rounded_box_c{
	background-color:#FFF;
}

/* Excel like table */
.xl_heading{
	padding:3px;
	background-color:#ECE4CC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFE9D6;
	border-left:1px solid #CCC;
	border-bottom:1px solid #E1D5B3;
	margin-bottom:1px;
	font-family:Verdana;
	font-weight:bold;
	text-decoration:none;
}

.xl_field{
	padding:3px;
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	border-top:1px solid #EEE;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #EEE;
}

.xl_filed_bg {
	background-color:#EEE;
	border:1px solid #999;
}
/* End excel like table*/


#top{
	margin:0px 25px 0px 24px;
	position:relative;
	background-color:transparent;
}

#login_box{
	width:420px;
}

#bottom{
	margin:0px;
	padding:0px;
}

#bottom, #bottom a{
	color:#FFF;
}

#bottom a{
	text-decoration:none;	
}

#bottom_content_w{
}

#home_page_section_2_head{
	color:#3398CC;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#home_page_section_2_title a{
	color:#205F7E;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#home_page_section_2_title{
	margin-bottom:10px;
}

#general_section_head{
	color:#205F7E;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#general_section_title{
	margin-bottom:10px;
}

#general_section_title a{
	color:#3398CC;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


#menu{
	background-image:url(menu_bg.png);
	background-repeat:repeat-x;
	color:#FFF;
	text-align:center;
	font-size: 14px;
	margin:0px;
	padding:8px 0px 0px 0px;
	border:0px;
	height:35px;
}

#menu a.sel{
	border-bottom:2px dotted #FFF;
}

#menu a{
	color:#FFF;
	text-decoration:none;
	outline:none;
}

#site-map{
	text-align:left;
}

#site-map li a{
	text-decoration:none;
	outline:none;
	font-size:18px;
	font-weight:bold;
	color:#1D5876;
}

.more3dots{
	color:#00F;
}

/* FEEDBACK BUTTON */
.feedback { background: #DDDDDD; border: 1px solid #C0C0C0; }

#worldviewer_com_feeback_ph{
	position:fixed;
	bottom:20px;
	right:0px;
	text-align:right;
	z-index:1000;
}

.worldviewer_com_feeback{
	background-image:url(feedback_but_bg.png);
	width:30px;
	height:130px;
	border:0px;
	background-color:transparent;
	cursor:pointer;
}

.worldviewer_com_feeback:hover{
	width:40px;
}

input.contact_us_feedback_btn{
	background-color:transparent;
	padding:0px;
	margin:0px;
	border:0px;
	cursor:pointer;
	color:#7242A6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

input.contact_us_feedback_btn:hover{
	color:#000;
}