#splash { background-image:url(../images/splash_bg.jpg); background-repeat: no-repeat; width:1050px; height:400px;}
#splash_dropdown{width:180px; height:50px; position: relative; top: -160px; left:-340px;}

/*reset all margins*/
* { margin: 0; padding: 0; }

/*//////////////////////////*/
/*Structure*/
/*//////////////////////////*/
#global_container {/*border: 1px solid red;*/ height:140px; width:961px; margin-left: auto; margin-right: auto;  background-image:url(../images/2_logo.jpg); background-repeat: no-repeat;}

#global_container #home{/*border-left: 1px solid #666;*/  background-image:url(../images/2_logo_home.jpg); background-repeat: no-repeat;}

/* 2008-06-11: Jim Note: BUG: left:105px assumes the browser is a certain size */
#template_logo_link{width:180px; margin-right:35px;float:left; margin-left:-15px;}
#global_login{width:960px; height: 20px; padding:2px 0px 0px 0px;  text-align:right; float:left;  }


#global_footer{background-color:#000000;width:960px; text-align:left; float:left; padding:5px 0px 5px 0px; }
#footer_nav{/*border: 1px solid red;*/width:580px; float:left;  }
#legal{/*border: 1px solid red;*/ width:355px; float:left;  text-align:right;font-size:11px;color: #666; }


/*home content area*/
#home_top {width:820px; padding:68px 0px 0px 150px;  text-align:left; float:left;  }
#home_flash{/*border: 1px solid red;*/width: 960px; height:220px; float:left; padding-bottom:0px}
#flashcontent {height: 100%;}
#flashcontent1 {height: 100%;}
#home_left{width: 253px; padding:18px 7px 0px 0px; text-align:left;float:left; }
/*template 2 column*/
#home_2col_1{width: 414px;  padding: 18px 10px 0px 20px; float:left; }
#home_2col_2{ width: 260px; padding:0px 0px 0px 10px; float:left; }


/*template content area*/
#template_top {width:760px; padding:0px 0px 0px 200px;  text-align:left; float:left;  }
/*template flash*/
#template_flash{ width: 760px; padding:0px 0px 0px 0px; height:80px; float:left;}
/*template left nav*/
#template_left{/*width: 187px; padding:3px 0px 0px 0px;*/text-align:left;float:left; }

/*template 2 column*/
#template_2col_1{ width: 445px; padding:30px 20px 20px 40px;float:left; }
#template_2col_2{ width: 255px; float:left; padding:-5px 0px 0px 0px}

/*template 1 column*/
#template_2col_1none{width: 744px; padding:30px 0px 20px 15px; float:left; }
#template_2col_2none{width: 1px;  float:left; }

#news_iframe{ position: absolute; top: 200px; left:830px; }
.highlight { border: 1px dashed #000; padding:10px 10px 10px 10px;}


/*//////////////////////////*/
/*Font*/
/*//////////////////////////*/
body {font-smooth:always; margin: 0 0 .5em 0;  background-color: #fff;font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#444 ;letter-spacing:0.5px; line-height:1.5em;}
p {  font-size:12px; font-style:normal; padding: 0 0 2em 0;  } 
#template_left p {  font-size:12px; font-style:normal; padding: 0 0 1.5em 0;  } 
h1{margin: 0 0 1em 0; font-size:19px; color:#333; font-weight:200; letter-spacing:2px;font-family:Arial, Helvetica, sans-serif;  }
h2 { color:#000; font-size:14px; margin:.5em 0 .9em  0; font-weight:900;}
h3 { color:#000;font-size:12px; margin:.5em 0 .2em  0; }
strong { font-weight:bold; }
em { font-weight:bold; color:#000; }
ul.list_nostyle {list-style-type: disc;margin-left: 0; padding-left: 2.5em;font-weight:normal; }
ol.list_nostyle  {margin-left: 0; padding-left: 2.5em;font-weight:normal; }

/* 2008-06-17: Jim added "border-collapse" to table to remove the "hidden" 2 pixel border around every table cell. Explicitly added it to TD so it can be overridden */
table {border-collapse: collapse;}
table td {padding:6px 15px 6px 8px; vertical-align:top; background-color:#E9E9E9; border:2px solid white;}
table.nostyle td  {border: 1px dotted gray;   padding:15px 15px 0px 20px; vertical-align:top}
table.nostyle_home td  {border: 1px dotted gray; background-color:#dee5e9;  padding:10px 15px 0px 20px;  vertical-align:top;}
table.blue td  {border: 1px dotted gray; background-color:#dee5e9;  padding:15px 15px 0px 20px; vertical-align:top}

/* 2008-06-11: Jim: Results Table style - displaying table result on public - similar to portal, but slightly different due to above default table style */
/* 2008-06-17: Jim removed "border-spacing:0px" from the table tag. it didn't do anything (although it appeared to) */
table.resultstable {border-collapse:collapse;}
table.resultstable th {background-color:#575353; font-weight:bold; padding: 8px 5px 8px 10px;text-align:left;color:white;font-size:11px; vertical-align:top}
table.resultstable td {border: 0px 0px 0px 1px solid white; padding: 8px 15px 8px 10px; vertical-align:middle; color:#333; font-size:11px; }
tr.resultsodd td {background-color:white;}
tr.resultseven td {background-color:#ddd;}


/*//////////////////////////*/
/*NAV LINKS*/
/*//////////////////////////*/

#home_top ul, #home_top li {border-right: 1px solid #fff;display: inline; list-style-type: none;letter-spacing:1px;}
#home_top a:link, #home_top a:visited { padding: 3px 15px 3px 15px; margin:0px -2px 0px -1px;color:#fff; background-color:#666666;text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  border-right:1px solid #999; border-left:1px solid #999;} 
#home_top a:hover { color:#000; text-decoration: none; background-color:white; border-right:1px solid #999; border-left:1px solid #999;} 


#template_top ul, #template_top li {border-right: 1px solid #fff;display: inline; list-style-type: none;letter-spacing:1px;}
#template_top a:link, #template_top a:visited { padding: 2px 8px 3px 8px;margin:0px -3px 0px 0px; color:#fff; background-color:#666666;text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right:1px solid #999; border-left:1px solid #999;} 
#template_top a:hover {color:#000; text-decoration: none; background-color:white; border-right:1px solid #999; border-left:1px solid #999;} 


.login ul, .login li{margin: 0; padding: 0; display: inline; list-style-type: none;letter-spacing:1px;}
.login span a.imgLink { padding:0px 10px 0px 0px;} 
.login a:link, .login a:visited{ color:#666; padding:0px 10px 0px 10px; width:auto;  border-right:1px solid #999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
.login a:hover { color:#000; text-decoration: none; } 


.footer ul, .footer li {margin: 0; padding: 0; display: inline; list-style-type: none;letter-spacing:1px;}
.footer a:link, .footer a:visited { color:#fff; padding:0px 10px 0px 10px; width:auto;  border-right:1px solid #999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
.footer a:hover { color:#999; text-decoration: none;} 
#legal { color:#fff;} 


	/* 2nd nav    */ 
#template_left p  {padding: 7px 5px 7px 9px; margin:1px 0px 2px 0px; width:186px;background-color:#b2b2b2;font: 12px  Verdana, Arial, Helvetica,  sans-serif; color: #000; font-weight: normal; text-decoration: none;  }
#template_left a {color:#fff;  font: 12px  Arial, Helvetica,  sans-serif;  font-weight: normal; text-decoration: none; }
#template_left A:hover   { color: black; background-color:white}

/*//////////////////////////*/
/*LINKS*/
/*//////////////////////////*/

	/*body   links  */  
A:active, A:link, A:visited    { font: 12px, Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: normal; text-decoration: underline;}
A:hover   {color: #007A87 ; text-decoration: underline;  }
	
/*images*/  
img.centeredImage{
        display: block;
        margin-left: auto;
		margin-right: auto;
		float:none; 
		vertical-align:middle;
		margin-top:15px;
    }
img { margin:0.1em 0em 0.75em 1em; float:left; }
.img_left{ margin:0.1em 1.25em 0.75em 0em;  }
.img_nostyle{ margin:0em 0em 2em 0em;float:left;}
.img_nostyle1{ margin:0em 0em 0em 0em;float:left;}
.img_nostyle2{ margin:0em 0em 0em 0em;}
img #thumb{ margin:0.1em 1.25em 0.75em 0; float:left; width:75px;height:75px; }


/*/////////////////////////////////////*/ 
/* declarations to style the AT state */  
/*/////////////////////////////////////*/ 

/* top nav AT state */  
#company #top-company a,
#product #top-product a,
#news #top-news a,
#partner #top-center a,
#resource #top-resource a,
#support #top-c_support a,
#contact #top-contact a,
#form #side-form a  
{padding: 2px 8px 3px 8px;margin:0px -3px 0px 0px; background-color:white; font: 12px Arial,Helvetica, sans-serif; color:black; font-weight:BOLD; text-decoration:none;  }


/* side nav AT state */  
#company.company #side-company a,
#company.team #side-team a,
#company.careers #side-careers a,
#contact.contact #side-contact a,
#company.form #side-form a,
#company.privacy #side-privacy a,
#company.Blog #side-Blog a,
#company.advisory #side-advisory a,

#product.product #side-product a,
#product.solutions #side-solutions a,
#product.cloudstorage #side-cloudstorage a,
#product.icloudRecovery #side-icloudRecovery a,
#product.getstart #side-getstart a,
#product.spec #side-spec a,
#product.buy #side-buy a,

#news.news #side-news a,
#news.media #side-media a,
#news.coverage #side-coverage a,

#partner.center #side-center a,
#partner.program #side-program a,
#partner.join #side-join a,
#partner.tech #side-tech a,
#partner.p_contact #side-p_contact a,
#partner.p_login #side-p_login a,
#partner.reg #side-reg a,

#resource #side-resource a,

#support.c_support #side-c_support a,
#support.p_suplogin #side-p_suplogin a,
#support.c_suplogin #side-c_suplogin a,

#form #side-form a  
{  font: 12px Arial,Helvetica, sans-serif; color:black; font-weight:bold; text-decoration:none; background-color:#d2d2d2;  }

/*//////////////////////////*/
/*FORM*/
/*//////////////////////////*/
input.inputtext{background:#fff; background-color:#fff; width:150px;}
input.btnBlack{  font-size:11px; font-weight:bold;  padding: 4px 15px 4px 15px; border-style: double; color:#fff; background-color:#000}
input.btnBlackhov{font-size:11px; font-weight:bold;  padding: 4px 15px 4px 15px; border-style: double; color:#007A87; background-color:#fff}


/* Jim added these to control the Widths of the Table (exact column widths / spacers) */
table.W445 {width:445px;}
select.W445Col2 {width:241px;}
td.W445Col1 {width:175px; background-color:transparent; padding:0px; margin:0px; border:0px;}
td.W445Col2 {width:270px; background-color:transparent; padding:0px; margin:0px; border:0px;}
img.W445Col1 {width:150px; height:1px; padding:0px; margin:0px;}
img.W445Col2 {width:270px; height:1px; padding:0px; margin:0px;}

table.W530 {width:530px;}
td.W530Col1 {width:175px; background-color:transparent; padding:0px; margin:0px; border:0px;}
td.W530Col2 {width:355px; background-color:transparent; padding:0px; margin:0px; border:0px;}
img.W530Col1 {width:175px; height:1px; padding:0px; margin:0px;}
img.W530Col2 {width:355px; height:1px; padding:0px; margin:0px;}


#Example-3 {
	position: relative;
	width: 218px;
	height: 320px;
	FONT-SIZE: 8.5pt;
	COLOR: #323232;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	FONT-FAMILY: Verdana;
	text-align: left;
	line-height: 16px;
	vertical-align: top;
	background-color: #ededed;
}
#Example-3-Content {
	position: absolute;
	top: 10px;
	width: 220px;
	height: 320px;
	overflow: hidden;
}
#Example-3 .Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
}
#Example-3 p {
	margin: 0;
	padding: 0px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 0px;
	color: #777;
}
#Example-3-Scrollbar {
	position: absolute;
	left: 225px;
}
.Scrollbar-Up-Pressed {
	position: absolute;
	width: 8px;
	height: 10px;
	background-color: #000000;
	font-size: 0px;
}
#Example-3 .Scrollbar-Up {
	position: absolute;
	width: 8px;
	height: 10px;
	background-color: #000000;
	font-size: 0px;
}
.Scrollbar-Down-Pressed {
	position: absolute;
	top: 320px;
	width: 8px;
	height: 10px;
	background-color: #000000;
	font-size: 0px;
}
#Example-3 .Scrollbar-Down {
	position: absolute;
	top: 320px;
	width: 8px;
	height: 10px;
	background-color: #000000;
	font-size: 0px;
}
.Scrollbar-Track-Pressed {
	width: 8px;
	height: 290px;
	position: absolute;
	top: 20px;
	background-color: #cccccc;
}
#Example-3 .Scrollbar-Track {
	width: 8px;
	height: 290px;
	position: absolute;
	top: 20px;
	background-color: #cccccc;
}
#Example-3 .Scrollbar-Track-Pressed {
	background-color: #7EA8CB;
}
.Scrollbar-Handle-Pressed {
	position: absolute;
	width: 8px;
	height: 30px;
	background-color: #000000;
}
#Example-3 .Scrollbar-Handle {
	position: absolute;
	width: 8px;
	height: 30px;
	background-color: #000000;
}
.Scrollbar-Up-Pressed {
	background-color: #000000;
}
.Scrollbar-Down-Pressed {
	background-color: #000000;
}
#Example-3 .Scrollbar-Handle-Pressed {
	background-color: #000000;
}
#Example-3 .Scrollbar-Disabled {
	display: none;
}

#pscroller1{
width: 220px;
height: 328px;
padding: 5px;
}

#pscroller2 a{
text-decoration: none;
}

#portal_side_nav{text-align:left; height:100%; width:190px; padding:0px 0px 0px 0px; float:left; background-color:#fff}
#menu {width:200px; background-color:#b2b2b2; font: 12px  Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:normal; text-decoration:none;}
#menu ul {list-style: none; margin: 0; padding:0;}
#menu a, #menu h2 {display: block;border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff;margin:0; padding: 7px 3px 7px 10px;}
#menu a {color:#fff;  font: 12px  Arial, Helvetica,  sans-serif;  font-weight: normal; text-decoration: none; }
#menu a:hover {background: #d2d2d2; color:#000; }
#menu li {position: relative;}
#menu ul ul {position: absolute;top: 0;left: 100%;width: 100%; }
#menu ul ul a {background: #b2b2b2; color:#fff}
#menu ul ul a:hover { color:#000}

div#menu ul ul,div#menu ul ul li:hover ul ul{display: none;}
div#menu ul  li:hover ul,div#menu ul ul li:hover ul{display: block;}

.tableMain {padding:0px 0px 0px 0px; margin:0px; border:1px; }
.tableMain td{padding:0px 0px 0px 0px; margin:0px;  background-color:#FFFFFF; vertical-align:middle;}

.tableMainVAR {padding:5px 0px 0px 0px; margin:0px; border:1px; }
.tableMainVAR td{padding: 3px 5px 0px 0px; margin:0px;  background-color:#FFFFFF; vertical-align:middle;}

.newsLinks a:link, .newsLinks a:visited{ color:#666; padding:0px 0px 0px 0px; width:auto;  text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 
.newsLinks a:hover {text-decoration: underline; } 


.centeredImage span {
    display: inline-block;
}