div.active_view
{
color:#009900;
/*background-color:#aaaaaa;*/
cursor: pointer;
}
div.passive_view
{
cursor: pointer;
/*background-color:#dddddd;*/
}
#authors{
text-align: right;
}
#version_comparison td, .normal td{
WIDTH:15%;
text-align: center;
border-color:gray;
font-size: 80%;
}
#version_comparison tr, .normal tr{
vertical-align:middle;
}
.normal2 th{
text-align: center;
border-color:gray;
font-size: 80%;
background-color:#DFEFFF;
font-family: Arial, sans-serif;
font-weight: bold;
}
.normal2 td{
text-align: center;
border-color:gray;
font-size: 80%;
}
.normal2 tr{
vertical-align:middle;
}
#version_comparison th, .normal th{
WIDTH:15%;
text-align: center;
border-color:gray;
font-size: 80%;
background-color:#DFEFFF;
font-family: Arial, sans-serif;
font-weight: bold;
}
.note{
background-color:#DFEFFF;
font-style: italic;
border-color: gray;
border: 1px solid;
padding:5 5 5 10;
}
.pro_version{
background-color:#FFF0F0;
text-align:center;
border-color: gray;
border: 1px solid;
}
div.horiz_selector_div
{
float: left;
margin-right: 10px
}
#viewer_rd_mv td, #viewer_rd_hd td, #viewer_rd_vc td, #viewer_bitrate_mv td, #viewer_bitrate_hd td, #viewer_bitrate_vc td, #viewer_time_mv td, #viewer_time_hd td, #viewer_time_vc td, #viewer_tradeoff_mv td, #viewer_tradeoff_hd td, #viewer_tradeoff_vc td{
border: 0px solid;
vertical-align : top;
}
.horiz_selector_div {
display: block;
float: left;
font: bold 12px arial, sans-serif;
color: #555;
text-decoration: none;
background: url(common/button_r.gif) top right no-repeat;
padding-right: 25px;
outline: none;
}
.horiz_selector_div span {
display: block;
line-height: 13px;
background: url(common/button_l.gif) no-repeat;
padding: 7px 0 13px 23px;
}
div.passive_view:hover {
background-position: 100% -33px;
}
div.passive_view:hover span {
background-position: 0% -33px;
color: #222;
}
#prices td{
font-size: 120%;
}
div.active_view{
background-position: 100% -66px;
}
div.active_view span {
background-position: 0% -66px;
color: #222;
padding: 8px 0 12px 23px;
}
/*** Nav bar styles ***/
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
}
ul.nav{
display: table;
}
ul.nav>li{
display: table-cell;
position: relative;
padding: 2px 6px;
}
ul.nav li>ul{
/*Make the sub list items invisible*/
display: none;
position: absolute;
max-width: 40ex;
margin-left: -6px;
margin-top: 2px;
}
ul.nav li:hover>ul{
/*When hovered, make them appear*/
display : block;
}
.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
padding: 2px 10px;
}
/*** Menu colors (customizable) ***/
ul.nav,
.nav ul,
.nav ul li a{
background-color: #fff;
color: #369;
}
ul.nav li:hover,
.nav ul li a:hover{
background-color: #369;
color: #fff;
}
ul.nav li:active,
.nav ul li a:active{
background-color: #036;
color: #fff;
}
ul.nav,
.nav ul{
border: 1px solid #369;
}
.nav a{
text-decoration: none;
}