/* 
    Document   : dzAjax
    Created on : Mar 18, 2009, 11:33:26 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/

a  {
    outline: none;
}

#dzAjaxContainer  {    
    width:100%;
    height:485px;
    background-color: black;
    border: 1px solid black;
    color: white;   /* for error messages, etc. */
}
#cListField fieldset{
    height:400px;
    padding: 0px;
    margin:0px;
    font-size: 1em;
}

#cList ul  {
    padding: 0px;
    margin:0px;
}

#cList ul li  {
    width: 100%;
    height: 35px;
    list-style-type: none;
    border-bottom: 1px solid gray;
    padding: 0px;
    margin: 0px;
}
#cList ul li a  {
    text-decoration: none;
    font-size: 9px;
    color:black;
    padding: 0px;
    margin: 0px;
}

#cList ul li:hover  {
    background-color: #EFA207;
    
}

#dzAjaxContainerPop  {
    width:400px;
    height:400px;
    background-color: black;
    border: 1px solid black;    
}

/* 
    Document   : mobile
    Created on : Mar 22, 2009, 3:37:41 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/

.content_mobile  {
    height: 600px;

}

.content_mobile_index  {
    height: 400px;
}

#iphoneImage {
    height:740px;
    left:150px;
    position:relative;
    top:-50px;
}
#iphonePage {
    height:385px;
    left:190px;
    position:relative;
    top:-604px;
    width:325px;
}


@CHARSET "ISO-8859-1";

.mod {
   border:1px solid #A0A0A0;
   background-color:#fff;
   position:relative;
   z-index:0;
   background:url('/img/bg_grad.gif') repeat-x bottom center;
}
.mod2 {
   border:1px solid #eeb727;
   background-color:#fff;
   position:relative;
   z-index:0;
}


.mod .mod-content, .mod2 .mod-content {
   position:relative;
   top:-10px;
   z-index:2;
   margin-left:10px;
   margin-right:10px;
}


.mod-content a:hover{
 color:#EFA207;
 text-decoration:none;
}

.mod-content a{
 color:#013B63;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod .x1,
.mod .x1a, 
.mod .x2,
.mod .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:18px;  /* set height to the size of the corner */
   position:relative;
   background:url(/img/cr_big.gif) no-repeat;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod2 .x1,
.mod2 .x1a, 
.mod2 .x2,
.mod2 .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:18px;  /* set height to the size of the corner */
   position:relative;
   background:url(/img/cr_big_y.gif) no-repeat;
}

.mod .x1,
.mod .x2,
.mod2 .x1,
.mod2 .x2 {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}
.mod .x1a,
.mod .x2a,
.mod2 .x1a,
.mod2 .x2a { /* left corners */
   width:30px;
   left:-2px;
}
.mod .x1,
.mod2 .x1 {
   background-position:100% 0;
   top:-1px;
}
.mod .x1a,
.mod2 .x1a {
   background-position:0 -36px;
}
.mod .x2,
.mod2 .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -18px;
   bottom:-1px; /* overlap bottom border */
}
.mod .x2a,
.mod2 .x2a {
   background-position:0 -54px;
}

/* 
    Document   : dzAjax
    Created on : Mar 18, 2009, 11:33:26 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/
a  {
    outline: none;
}

#dzAjaxContainer  {    
    width:100%;
    height:485px;
    background-color: black;
    border: 1px solid black;
    color: white;   /* for error messages, etc. */
}
#cListField fieldset{
    height:400px;
    padding: 0px;
    margin:0px;
    font-size: 1em;
}

#cList ul  {
    padding: 0px;
    margin:0px;
}

#cList ul li  {
    width: 100%;
    height: 35px;
    list-style-type: none;
    border-bottom: 1px solid gray;
    padding: 0px;
    margin: 0px;
}
#cList ul li a  {
    text-decoration: none;
    font-size: 9px;
    color:black;
    padding: 0px;
    margin: 0px;
}

#cList ul li:hover  {
    background-color: #EFA207;
    
}

#dzAjaxContainerPop  {
    width:400px;
    height:400px;
    background-color: black;
    border: 1px solid black;    
}

/* 
    Document   : mobile
    Created on : Mar 22, 2009, 3:37:41 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/

.content_mobile  {
    height: 700px;
}

.content_mobile_index  {
    height: 400px;
}

#iphoneImage {
    height:740px;
    left:150px;
    position:relative;
    top:-50px;
}
#iphonePage {
    left:192px;
    border:0;
    position:relative;
    top:-604px;
    width:325px;
    height:385px;
    *width:320px;
    *height:375px;
   overflow:hidden;
}


@CHARSET "ISO-8859-1";

.mod {
   border:1px solid #A0A0A0;
   background-color:#fff;
   position:relative;
   z-index:0;
   background:url('/img/bg_grad.gif') repeat-x bottom center;
}
.mod2 {
   border:1px solid #eeb727;
   background-color:#fff;
   position:relative;
   z-index:0;
}


.mod .mod-content, .mod2 .mod-content {
   position:relative;
   top:-10px;
   z-index:2;
   margin-left:10px;
   margin-right:10px;
}


.mod-content a:hover{
 color:#EFA207;
 text-decoration:none;
}

.mod-content a{
 color:#013B63;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod .x1,
.mod .x1a, 
.mod .x2,
.mod .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:18px;  /* set height to the size of the corner */
   position:relative;
   background:url(/img/cr_big.gif) no-repeat;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod2 .x1,
.mod2 .x1a, 
.mod2 .x2,
.mod2 .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:18px;  /* set height to the size of the corner */
   position:relative;
   background:url(/img/cr_big_y.gif) no-repeat;
}

.mod .x1,
.mod .x2,
.mod2 .x1,
.mod2 .x2 {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}
.mod .x1a,
.mod .x2a,
.mod2 .x1a,
.mod2 .x2a { /* left corners */
   width:30px;
   left:-2px;
}
.mod .x1,
.mod2 .x1 {
   background-position:100% 0;
   top:-1px;
}
.mod .x1a,
.mod2 .x1a {
   background-position:0 -36px;
}
.mod .x2,
.mod2 .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -18px;
   bottom:-1px; /* overlap bottom border */
}
.mod .x2a,
.mod2 .x2a {
   background-position:0 -54px;
}

body {
font-family:"Lucida Grande",Arial,Helvetica,sans-serif;

}
h1, h2, h3, h4, h5 {
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;
font-weight:300;
}
dl.quotes, div.quotes p, p.testimonial {
font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif;
}

.header  {
	height: 80px;

}
.contentMain  {
 	height: 400px;
	
}

.indexthreebars  {
    height: 190px;
}

#indexContentMain  {
	/*background: #013B63;	*/
	/*background-image: url(../../img/index_gm_image.gif);*/
	/*background-image: url("img/index_iphone.gif");*/

}

#contact #contactus_menu,
#about #about_menu
{
    color: #EFA207;
}

#business_index #business-index,
#business_features #business-features,
#business_products #business-products,
#business_partners #business-partners,
#business_sample_api #business-sample-api,
#business_sample_widget #business-sample-widget,
.business #business_menu
{
    color: #EFA207;
}

#mobile_index #mobile-index,
#mobile_iphone #mobile-iphone,
#mobile_android #mobile-android,
#mobile_seadragon #mobile-seadragon,
.mobile #mobile_menu
{
    color: #EFA207;
}

#explore_index #explore-index,
#explore_widget #explore-widget,
#explore_explorege #explore-explorege,
#explore_deepzoomAjax #explore-deepzoomAjax,
#explore_bing #explore_bing,
.explore #explore_menu
{
    color: #EFA207;
}

.sharethis  {
    position:relative;
    top: -20px;
    left: 200px;
}

#indexContentMain div  {
    width:100%;
    height:400px;
}

#indexframe1  {
    background-image: url(/img/index_welcome_image.gif);
}
#indexframe2  {
     background-image: url(/img/index_gm_image.gif);
}
#indexframe3  {
    background-image: url(/img/index_iphone.jpg);
}
#indexframe4  {
    background-image: url(/img/index_community_image.jpg);
}
#indexframe5  {
    background-image: url(/img/index_business_image.jpg);
}

#index_comm_try  {
    position:relative;
    top:275px;
    left: 350px;
}

#index_explore_button  {
    left:650px;
    position:relative;
    top:150px;
}

#index_chart_button  {
    left:650px;
    position:relative;
    top:150px;
}

#index_business_button  {
    left:650px;
    position:relative;
    top:275px;
}

#indexframe3 a  {
    color:white;
    left:350px;
    position:relative;
    top:300px;
}

/*.pagemenu  {
	height: 70px;
	background: #013B63;
 	
}
.pagemenu div  {
	height: 47px;
	padding-top: 23px;
}
*/


/*.pagemenu div:hover  {
	background: #EFA207;
}*/

/*.pagemenu a  {
	font-size: 1.25em;
	text-decoration: none;
	color: white;
}

.pagemenu a:hover  {
	color: white;
}*/


ul.pagemenu {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
}

ul.pagemenu a {
    float:left;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-indent:-9999px;
}

ul.pagemenu li {
    display:inline;
}

#menubar {
    width:950px;
}

ul#menubar a  {
    width: 190px;
    height: 70px;
    background: url('/img/menu_website.png');
/*		background: transparent url(menu_website.png);
    opacity: 0.7;
*/
}

/*ul#menubar a:hover {
    background-color:#7BB312;
}*/

ul#menubar li#tabbed_menu0 a {
    background-position:0 0;
}

ul#menubar li#tabbed_menu1 a {
    background-position:-190px 0;
}
ul#menubar li#tabbed_menu2 a {
    background-position:-380px 0;
}
ul#menubar li#tabbed_menu3 a {
    background-position:-570px 0;
}
ul#menubar li#tabbed_menu4 a {
    background-position:-760px 0;
}

/*ul#menubar li.selected a {
    background-color:#D4EC8A;
}*/

ul#menubar li#tabbed_menu0 a:hover {
    background-position:0px -70px;
    /*opacity: 0.8;*/
}
ul#menubar li#tabbed_menu1 a:hover {
    background-position:-190px -70px;
}
ul#menubar li#tabbed_menu2 a:hover {
    background-position:-380px -70px;
}
ul#menubar li#tabbed_menu3 a:hover {
    background-position:-570px -70px;
}
ul#menubar li#tabbed_menu4 a:hover {
    background-position:-760px -70px;
}

ul#menubar li.selected a {
    background-position:0px -70px;
}

.sidebar  {
	height: 500px;
}

.sidecontent  {

	height: 500px;
	background: #013B63;

}

.content_explore_ge  {
    height:400px;
    overflow: hidden;
    width: 950px;
}

.content_explore_widget  {
	height: 450px;
	overflow:hidden;
	width:480px;
	display:block;
}
.content_explore_deepzoom  {
	position: relative;
	top:-10px;
	height: 500px;
}

.content_explore_deepzoomAjax  {
    position: relative;
	top:10px;
	height: 400px;
}

.sidecontent_explore_widget  {
	height: 450px;
}

#explore_adfield  {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
    padding:0;
    margin:0;
}

.adfield_300x250  {
    width:100%;
    margin:0px;
    padding:0px;
    padding-left:10px;
    border: none;
}

#adcontainer_300x250  {        
    height:250px;
    width:100%;
    position: relative;
    margin: 0px;
    padding:0px;
    padding-left:6px;
   /* top: -5px;*/
    left: -12px;
}

#adcontainer_180x150  {
    height:150px;
    left:-12px;
    margin:0;
    padding:0;
    position:relative;
    top:0px;
    width:100%;
}

.controls  {
	height: 100px;
	
}

.controlsForm   {
	height:40px;
    padding:1em;
    *padding-top:0;
}

.controlsForm table  {
    position:relative;
    top:-10px;
    left:-10px;
    /*border: 1px solid black;*/
}
.controlsForm td  {
    padding: 4px 4px 4px 4px;
}

#searchBox  {
	font-size: 15pt;
	float: left;
	width: 175px;
	padding-left:5px;	
}

#searchButton  {
	/*height: 40px;*/
	font-size: 13pt;
	*font-weight:bold;
	padding:0px;
	margin: 0px;
}

#explorege_downloadge  {
    position:relative;
    right:-10px;
}


.otherContent  {
	height: 35px;
}


#contentInfo  {
	font-size: 1.5em;	
	padding-top: 5px;
	margin: 0px;

}


.chartSelect  {	
	/*position: relative;
	top: -40px;
	left: 300px;*/
	width: 300px;
	*width: 275px;
	/*height: 40px;*/
	font-size: 15pt;
	
	padding: 0px;
	margin: 0px;

	
}

ul.sidemenu {
	list-style-type:none;
	margin:0;
	padding:0;
	
}

ul.sidemenu a {
	font-size: 1.5em;
	text-decoration: none;
}

ul.sidemenu a:hover {	
	color: #EFA207;
}

.tabs  {
	position: relative;
	top:-20px;

}

.tabs li  {
	display:inline;
    list-style-type: none;
		
}

.tabs li a {
	float:right;
	padding-right:30px;
	text-decoration: none;
	font-size: 1.5em;
}

ul.tabs a:hover {	
	color: #EFA207;
}

.submenu  {
	position: relative;
	top:-40px;

}

/*ul.explore {
	list-style-type:none;
	margin:0;
	padding:0;	
	
}*/

.submenu li {
    display:inline;
    list-style-type:none;
		
}

.submenu li a {
	float:right;	;
	padding-right:40px;
	text-decoration: none;
	font-size: 1.25em;
}

ul.submenu a:hover {
	color: #EFA207;
}


#mapExplore  {
	
	width:950px;
	height:600px;
}

#logo img {
	position: relative;
	top: 20px;
	left: 0px;
}

.subhead  {
        color: red;
        font-size: 8pt;

}
 #silverlightControlHost {
    height: 100%;
}

#mapsizeControl  {
    position: relative;
    top: 5px;
    left: -3px;
}

.adsenseAd  {
    padding: 0px;
    margin: 0px;
    top: 0px;
    left:10px;
}

.content_about  {
    height: 400px;
}

.blueheader  {
    color: #013B63;
}

input[type=text]
{
	border:1px solid #bbb;
}
 
 input[type=text]:focus
 {
 	border:1px solid #666;
 }

.container 
{
	overflow:hidden;
}

/***********************************
 FOOTER
***********************************/

.footer  {       
    font-size: 9px;
    /*color:#999999;*/
    padding-bottom:50px;
    *padding-bottom:30px;
    margin-top: 20px;
      

}
#footercontents {
    border-top:1px solid black;  
    background: #F4F4F4;
    height: 120px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}
#footernotes {
    margin-top: 10px;
}

.footerlist ul {
    list-style-type:none;
    padding: 0;
    margin: 0;
}

.footerlist li a {
    text-decoration: none;
    font-size: 1.25em;
    color:#999999;
}

.footerlist li a:hover {
    color: #013B63;
}

.mobilecontentbox {
     border: 1px solid #999999;
}
.subcontentbox {
    padding: 10px;
}

.subcontentbox img {
    float: left;
}

.subcontentbox h3 {
    padding-left: 60px;
    padding-top: 20px;
    
}

.subcontentbox p {
    float: left;
    margin-top: 10px;    
}