body, td, p, li, ul {font-family: "Lucida Grande", "Lucida Sans Unicode", "Myriad Web Pro", "Myriad Pro", Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; color: #000000; line-height: 120%;  background-color: transparent; -webkit-font-smoothing: antialiased;}
body {margin: 0 5%; }
html>body {margin: 10px auto 0; max-width: 980px; min-width: 980px;}



a { color: #06e; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

h1 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 160%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #25a;
    text-align: center;
}

h2 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #25a;
    text-align: center;
}

h4 {
    font-size: 110%;
    text-decoration:underline;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1em;
    color: #25a;
}

h5 {
    margin: 0;
    font-size: 120%;
    font-weight: normal;
    color: #25a;
    font-variant:small-caps;
}

u {text-decoration:none; font-variant:small-caps}

#intro {
    margin: auto;
    width: 85%;
    margin-bottom: 2em;
    font-size: 11pt;
    line-height:130%;
}

#intro p { font-size:11pt; line-height:130%; }

#twitterbutton {
    float: right;
}

#latestversion {
    text-align: right;
    line-height: 150%;
}

#copyright {
    clear:both;
    text-align:center;
	font-size: 0.9em;
    margin-bottom: 1em;
}

#copyright:before {
    text-align: center;
    content:"The V File Viewer - viewing files since 1997";
}

#copyright:after {
    float: right;
    color: #777;
    content:"Copyright \00A9  2020 Charles Prineas";
}

#copyright a {color: #777}

#navbar {
    background:url("NavBar36.png") no-repeat;
    width: 980px;
    height: 36px;
    margin: 0;
    padding: 0;
}

#navbar li, #navbar a {
    height: 36px;
    display: block;
}

#navbar li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#navbar span {
     display: none;
}


ul#navbar li.home a { background:url("NavBar36.png") -26px 0px no-repeat; }
ul#navbar li.features a { background:url("NavBar36.png") -126px 0px no-repeat; }
ul#navbar li.download a { background:url("NavBar36.png") -246px 0px no-repeat; }
ul#navbar li.buy a { background:url("NavBar36.png") -382px 0px no-repeat; }
ul#navbar li.support a { background:url("NavBar36.png") -515px 0px no-repeat; }
ul#navbar li.forum a { background:url("NavBar36.png") -616px 0px no-repeat; }
ul#navbar li.other a { background:url("NavBar36.png") -734px 0px no-repeat; }
ul#navbar li.contact a { background:url("NavBar36.png") -856px 0px no-repeat; }

#navspace1 { width: 26px; }
#navhome { width: 100px; }
#navfeatures { width: 109px; }
#navspace3 { width: 11px; }
#navdownload { width: 110px; }
#navspace4 { width: 26px; }
#navbuy { width: 110px; }
#navspace5 { width: 23px; }
#navsupport { width: 100px; }
#navspace6 { width: 1px; }
#navforum { width: 110px; }
#navspace7 { width: 8px; }
#navother { width: 110px; }
#navspace8 { width: 12px; }
#navcontact { width: 110px; }
#navspace9 { width: 14px; }

#navhome a:hover { background:url("NavBar36.png") -26px -36px no-repeat; }
#navfeatures a:hover { background:url("NavBar36.png") -126px -36px no-repeat; }
#navdownload a:hover { background:url("NavBar36.png") -246px -36px no-repeat; }
#navbuy a:hover { background:url("NavBar36.png") -382px -36px no-repeat; }
#navsupport a:hover { background:url("NavBar36.png") -515px -36px no-repeat; }
#navforum a:hover { background:url("NavBar36.png") -616px -36px no-repeat; }
#navother a:hover { background:url("NavBar36.png") -734px -36px no-repeat; }
#navcontact a:hover { background:url("NavBar36.png") -856px -36px no-repeat; }


.maintable {
    border-collapse: separate;
    border-radius: 5px;
    background-color: #d5eaff;
    margin: auto;

    border:1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;

    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; /* Chrome */
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;    /* Firefox */
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;         /* IE9 */

    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}

.maintable h3 {
	color: #555;
    font-weight: normal;
    font-size: 1.4em;
    font-variant:small-caps;
    margin-bottom: 2px;
}

table.maintable a {
    font-size: 110%;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Myriad Web Pro", "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
}

.equal {
    width:50%;
    vertical-align:top;
}

table.maintable td {
    padding: 20px 20px 0px 20px;
}

table.maintable li {
    margin-left:30px;
    margin-top: 0.3em;
}

table.maintable hr {
    clear: both;
    border: none;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    margin: 0 auto 10px auto;
}

.thumbnail {
    clear: both;
    width: 75%;
    margin: 5px auto 20px auto;
    text-align:justify;
    border:1px solid;
    background-color: #eee;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;

    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; /* Chrome */
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;    /* Firefox */
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;         /* IE9 */

    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}

.thumbleft {
    float:left;
    width:380px;
    border:2px solid;
    border-radius:8px;
    border-color:#c0c0c0;
    text-align: justify;
    line-height:120%;
    margin:0 15px 11px 0;
    padding: 5px 10px;
    background-color: #d5eaff;
    border:1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.thumbleft h3 {
    font-size: 1.1em;
    background-color: #2066b5;
	color: #fff;
    text-align: center;
    font-weight: normal;
    padding: 0.2em 0;
    margin: 0;
    margin-bottom: 1em;
}

.thumbleft li {
    margin-left: 3em;
    margin-top: 1em;
}

.shortlist {}
.shortlist li {
    margin-left: 3em;
    margin-top: 0.2em;
}

.columnright {
    float:right;
    width:500px;
    margin:0 15px 11px 0;
    padding: 5px 10px;
    background-color: #ffffff;
}

.columnright h3 {
    text-align:center;
    color: #25a;
    margin-top:1.7em;
    margin-bottom: 0.25em;
}

.columnright hr {
    border: none;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    margin: 0 auto 10px auto;
    margin 0px;
}

table.vtable {
    border-collapse: collapse;
    border-radius: 5px;
    background-color: #d5eaff;
    margin: auto;

    border:1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

table.vtable th {
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    padding: 0.2em 0.5em;
    background: #149;
    color: #fff;
    border-color: #c0c0c0;
}

table.vtable td {
    text-align: center;
    padding: 0.1em 0.5em;
    border-color: #c0c0c0;
}

table.vtable th.topleft {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
}

table.vtable th.topright {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

table.vtablelarge {
    font-family: "Myriad Web Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12pt;
    line-height: 120%;
    border-collapse: collapse;
    border-radius: 5px;
    background-color: #d5eaff;
    margin: auto;
    border:1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

table.vtablelarge th {
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    padding: .2em .5em;
    background: #149;
    color: #fff;
    border-color: #c0c0c0;
    padding: 5px 10px;
}

table.vtablelarge td {
    text-align: center;
    padding: .2em 0.5em;
    border-color: #c0c0c0;
    padding: 10px 20px 5px 20px;
}

.vtablelarge h3 {
    font-size: 1.1em;
    background-color: #2066b5;
    background-color: #149;
	color: #fff;
    text-align: center;
    font-weight: normal;
    padding: 0.2em 0;
    margin: 0;
    margin-bottom: 1em;
    line-height: 2em;
}

table.singlecolumn {
    width: 75%;
    border-collapse: collapse;
    border-radius: 5px;
    background-color: #d5eaff;
    font-size: 1.1em;
    margin: auto;

    border:1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

table.singlecolumn th {
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    padding: 0.5em 0.5em;
    background: #000084;
    background: #149;
    color: #fff;
    border-color: #c0c0c0;

    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

table.singlecolumn td {
    text-align: left;
    padding: 1em 1.5em;
    border-color: #c0c0c0;
}

.roundedtable {
    display:table;
    border-collapse:separate;
    border-spacing: 10px 0px;
}

.tablerow { display:table-row; }
.tablerow div { float:none; width:50%; display:table-cell; }

.tablerow3 { display:table-row; }
.tablerow3 div { float:none; width:33%; text-align: justify; display:table-cell; }


hr {
font-size: 1px;
line-height: 0;
overflow: visible;
display: block;
position: relative;
padding: 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #AAA;
border-bottom: 1px solid #FFF;
margin-top:16px;
}

ul.like-buttons {
clear:both;
float: right;
list-style: none;
margin: 0 0 5px 0;
padding: 0;
}

ul.like-buttons li {
    display: block;
    float: right;
    margin-right: 10px;
}