/*body {font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff;  }
a {color:#000;}
a:visited {color:#111;}
a:active {color:#221;}
a:hover {text-decoration:none;}*/

/*A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A.hlt:hover {text-decoration: underline; background-color: #cccccc}
A.martes:hover {text-decoration: underline; background-image : url(logosphere-gold2-16x16x.png)}
A:hover {text-decoration: underline;}*/





#container {font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; color:#000;width:95%; background:#fff; margin:10px auto; text-align:left;min-width:68em;max-width:70em;position:absolute;}
#logo {float:left;height:auto;font-size:76%;color:#000;}
#logo h1 {color:#000; font-size:4em; float:left; margin:0; padding:0 10px;font-weight:normal;}
#logo h2 {position:absolute; top:70px; left:50px;color:#aab; font-size:2.6em; font-weight:normal; margin:0; padding:0; }
#logo h2 a {color:#660;}
#logo a, #logo a:visited {text-decoration:none;}
#logo h3 {position:absolute; top:190px; left:50px;padding:0; margin:20px 0 0 0; font-size:1.5em; font-weight:normal; color:#ddd; float:left;}
h1.split {font-size:4em; position:relative; font-family:arial, verdana, sans-serif; height:1em;}
h1.split span {position:absolute; left:-1px; top:-1px; color:#def;}
h1.split:before {content:attr(title); position:absolute; left:0; top:0; color:#000;}

td {font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; font-size:80%; color:#000;}
/*td {font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; font-size:80%; align:left; color:#000;}*/

/*#included_content {font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; font-size:8px; color:#000; background:#fff; margin:10px auto; text-align:left;min-width:68em;position:relative;}
*/ 

/*-- ---------------------------------------------- */

/*-- --------------------height:68px;-------------------------- */
#midlink {position:absolute; top:120px; padding:0;left:28px; width:auto;height:68px;  text-align:center; background:#eee ;z-index:200;font-size:76%;
}
#midlink h3 {position:absolute;top:30%;left:30%;font-size:1.5em; font-weight:normal; color:#000; text-align:center;margin-top:20px;}
/*-- ---------------------------------------------- */
#rblock {
position:relative;
background: #ffffdd;
padding:0.5em 1.5em 2em 1.5em;
float:right;
width:20em;
text-align:left;
margin:1em;
border:1px solid #000066;
text-shadow: #6374AB 23px -5px 2px
}
em {color:#990000;}
em2 {color:#0000ff;}
.cite {color:#000099;font-size:80%;}


#header {
position:relative;
padding: 0em;
margin: 0em 10px;
/*background-color: #fff;*/
background-color: #eee;
border-bottom: 1px solid gray;
width:65em;
min-width:65em;
max-width:65em;
border: 1px solid gray;
height:190px;
text-align:left;
}
#header img  
{
position:relative;
float:right;
padding:1.6em;
/*height:190px;*/
height:130px;
border:0px solid black;
margin:0;
}
#content
{
/*background:url("/icon/logosphere-gold4.png") scroll no-repeat transparent 40% 35%;*/
margin-left: 210px;
margin-top:2em;margin-bottom:2em;
border-left: 1px solid gray;
padding: 1em 1.6em;
width:50em;
max-width: 50em;
min-width:15em;
text-align:justify;
text-decoration:none;
}

#content p {
	text-align:left;
}

/*{ behavior: url(iepngfix.htc); }*/
a:visited {text-decoration:none;color:#aaa;}
a, a:active {text-decoration:none;}
/*a:hover {text-decoration:underline; border:0;background:#dddddd;}*/

#foot {float:left;clear:both;width:64em; height:2em; background:#eee; color:#000;padding:1.5em;border: 1px solid gray;text-align:center;margin:0 auto 2em auto;}
#foot p {font-size:1em; color:#99ccff; float:left;margin:0em auto 2em auto;padding:.5em;top:-2em;}
#foot ul {list-style-type:none; margin:0; padding:.5em; float:right; margin-right:15px;}
#foot ul li {float:left;}
#foot  a:visited {color:#221;text-decoration:none;}
#foot a, a:active {color:#aaa;text-decoration:none;}
#foot a:hover {text-decoration:underline; border:0;background:#dddddd;
}

/* different brands of background highlighting */

.hlt {background-color: #FFFF00;color:#0000ff}
.hlt1 {background-color: #FFCCFF;color:#000000}
.hlt2 {background-color: #7799ff;color:#000000}
.hlt3 {background-color: #ee6677;color:#000000}
.hlt4 {background-color: #FFFF00;color:#000000}
.hlt5 {background-color: #cccccc;color:#000000}

hlt {background-color: #FFFF00;color:#0000ff}
hlt1 {background-color: #FFCCFF;color:#000000}
hlt2 {background-color: #7799ff;color:#000000}
hlt3 {background-color: #ee6677;color:#000000}
hlt4 {background-color: #FFFF00;color:#000000}
hlt5 {background-color: #cccccc;color:#000000}


/*#content h2 { margin: 0 0 .5em 0; }*/

#lmenu {

float:left;
width:170px;
padding:3em 1em;
line-height: 130%;
text-align:left;
text-decoration:none;
}
#lmenu p{
text-align:left;
}
#lmenu a:hover {
text-decoration:underline; border:0;background:#dddddd;
}
#right {
top:180px;
float:right;
width:170px;
padding:1em;
line-height: 130%;
text-align:justify;
}		
/*----------------------------------*/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:.7em 0 0 1.3em;
  
  }
.in2 {
  float:right;
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  float:right;  
  background:#ffffdd; 
  border:1px solid #555; 
  position:relative;
  text-align:justify;
  padding:1em 1.7em 1em 1.7em;
  font-weight:normal;
  font-size:88%;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }



.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;float:right;}

.image{float:right;padding:5px;}
.image-a{padding:0 .5em 0 .5em;background-color:#ffffff;}
.image2{float:right;position:relative;margin-right:-6px;margin-top:-4px;}
.header-img{position:absolute;z-index:200;border:0px solid;margin-left:.9em;margin-top:.2em;}
/*.header-img{float:right;position:absolute;margin-right:-6px;margin-top:-4px;width:30%;}*/

/*.image{float:right;padding:5px;}
.image2{position:relative;margin-right:5em;margin-top:2em;}*/
.image3{position:absolute;margin-left:-6em;}
.image4{margin-left:14em;margin-bottom:-6em;}

.caption {position:relative;padding:5;text-align: center;font-size: 80%;margin-left:10px;}
.table2 {position:relative;padding:.5em;text-align: center;font-size: 60%;margin-left:10px;border:1px solid #1e12de;
}
.table2 td {
	border-width: 1px 1px 1px 1px;
	padding: 6px 6px 6px 6px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #eee;
	-moz-border-radius: 0px 0px 0px 0px;
}
.table2 th {
	/*font-size:50%;*/
	text-align:center;
	font-weight:bold;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #eee;
	-moz-border-radius: 0px 0px 0px 0px;
}

.smaller {font-size:.6em;color:#bbbbbb;text-decoration:none;}
.clear {clear: both;}
.google{float:right;position:relative;border:1px solid #1e12de;margin-top:-.5em;margin-left:.5em;margin-bottom:.5em;padding:.4em}
/*.google2{float:right;position:absolute;border:0px solid #1e12de;margin-top:-14.8em;margin-left:12em;margin-bottom:.5em;padding:.4em;background-color: #eee;}*/
.google2{float:right;position:relative;border:1px solid #1e12de;background:#ffffff;margin-left:1em;margin-bottom:1em;}

.int_link{font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; color:#0000ff;}
.ext_link{font-family: Verdana, Arial, Helvetica,'Trebuchet MS', 'Lucida Grande',sans-serif; color:#cc9900;}

a.def {color:#0000ff;background-color:#FFFF00;}
a.def b {display:none;font-size:85%;text-align:left;color:#cc9900;}
a.def:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.def:hover b {display:block; position:absolute; top:20px; left:-5px; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:380px;}
a.def:hover b em2.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
a.def:hover b em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

img.floatLeft {float: left;margin-right: 8px;}
img.floatRight {float: right;margin-left: 8px;}

a.def0 {color:#0000ff;background-color:#FFFF00;}
a.def0 b {display:none;font-size:85%;text-align:left;color:#cc9900;}
a.def0:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.def0:hover b {display:block; position:absolute; top:20px; left:-5px; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:585px;}
a.def0:hover b em2.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
a.def0:hover b em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

.def-box {color:#0000ff;background-color:#FFFF00;}
.def-box b {display:none;font-size:85%;text-align:left;color:#cc9900;}
.def-box:hover {border:0; position:relative; z-index:500; text-decoration:none;}
.def-box:hover b {display:block; position:absolute; top:20px; left:-3.5em; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:300px;}
.def-box:hover b em2.outer {position:absolute; left:20em; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
.def-box:hover b em2.inner {position:absolute; left:20em; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

a.def2 {color:#0000ff;background-color:#FFFFcc;}
a.def2 b {display:none;font-size:85%;text-align:left;color:#cc9900;}
a.def2:hover {border:0; position:relative; z-index:500; text-decoration:none;background-color:#FFFFcc}
a.def2:hover b {display:block; position:absolute; top:20px; left:-5px; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:175px;}
a.def2:hover b em2.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
a.def2:hover b em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

a.def3 {color:#0000ff;background-color:#FFFFcc;}
a.def3 b {display:none;font-size:85%;text-align:left;color:#cc9900;}
a.def3:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.def3:hover b {display:block; position:absolute; top:20px; left:-5px; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:300px;}
a.def3:hover b em2.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
a.def3:hover b em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

a.def4 {color:#0000ff;background-color:#FFFFcc;}
a.def4 b {display:none;font-size:85%;text-align:left;color:#cc9900;}
a.def4:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.def4:hover b {display:block; position:absolute; top:-20px; left:-5px; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:300px;}
a.def4:hover b em2.outer {position:absolute; left:20px; top:-5px; width:0; height:0; display:block;}
a.def4:hover b em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; }


.def2-box {color:#0000ff;background-color:#FFFFcc;}
.def2-box b {display:none;font-size:80%;text-align:left;color:#cc9900;}
.def2-box:hover {border:0; position:relative; z-index:500; text-decoration:none;}
.def2-box:hover b {display:block; position:absolute; top:20px; left:-3.5em; padding:5px; font-weight:normal; color:#000; border:1px solid #000000; background:#ffffcc; width:300px;}
.def2-box:hover b em2.outer {position:absolute; left:20em; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000000; overflow:hidden; z-index:100;}
.def2-box:hover b em2.inner {position:absolute; left:20em; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffffcc; overflow:hidden; z-index:100;}

#inactive {color:grey;}

/*
a.definition {color:#0000ff;}
a.definition dt {display:none;font-size:75%;text-align:left;}
a.definition:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.definition:hover dt {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #000; background:#ffc; width:300px;}
a.definition:hover dt em2.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000; overflow:hidden; z-index:100;}
a.definition:hover dt em2.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffc; overflow:hidden; z-index:100;}

/* used for adding definition or info blocks to images
div.definition is used for the tech highlights archives
format:
      <DIV class="definition">
      <IMG src="/icon/sphere-inf.png" width="30" height="30" align="top" border="0" class=image2>
      <dt><em2 class="outer"></em2><em2 class="inner"></em2>"Why is DRM (Digital Rights Management Important?" you might ask.  </dt> </DIV>
*/
div.definition {color:#0000ff;}
div.definition dt {display:none;font-size:75%;text-align:left;}
div.definition:hover {border:0; position:relative; z-index:500; text-decoration:none;}
div.definition:hover dt {display:block; position:absolute; top:20px; left:480px; padding:5px; font-weight:normal; color:#000; border:1px solid #000; background:#ffc; width:300px;}
div.definition:hover dt em2.outer {position:absolute; left:277px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000; overflow:hidden; z-index:100;}
div.definition:hover dt em2.inner {position:absolute; left:277px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffc; overflow:hidden; z-index:100;}
/*
.definition {color:#0000ff;}
.definition dt {display:none;font-size:75%;text-align:left;}
.definition:hover {border:0; position:relative; z-index:500; text-decoration:none;}
.definition:hover dt {display:block; position:absolute; top:20px; left:-15px; padding:5px; font-weight:normal; color:#000; border:1px solid #000; background:#ffc; width:300px;}
.definition:hover dt em2.outer {position:absolute; left:15px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #000; overflow:hidden; z-index:100;}
.definition:hover dt em2.inner {position:absolute; left:15px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffc; overflow:hidden; z-index:100;}
*/

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}