﻿body {
    margin: 0px;
    padding: 0px;
    background-color: #666666;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
h1 {
    font-size: 180%;
    font-weight: normal;
}
h2 {
    font-size: 140%;
    font-weight: normal;
}
h3 {
    font-size: 120%;
    font-weight: normal;
}
hr {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}
a:link {
    color: #cc0000;
}
a:visited {
    color: #990000;
}
a:hover {
    color: #ff0000;
}
em, .em {
    font-style: oblique;
}
strong, .strong {
    font-weight: bold;
}
small, .small {
    font-size: 80%;
}
code, .code {
    font-family: Consolas, 'Courier New' , monospace;
}
.l {
    text-align: left;
}
.r {
    text-align: right;
}
.c {
    text-align: center;
}
.j {
    text-align: justify;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
img {
    border: none;
}

/* Specific controls */
.iconhyperlink img {
    vertical-align: middle;
}

/* Tab system */
div.main {
    background-color: #999999;
    width: 900px;
    margin: 0px auto;
    padding-bottom: 10px;
}
div.menu {
    margin-top: 10px;
    padding-left: 20px;
    height: 35px;
    background-image: url(Images/BgMainMenu0.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}
div.content {
    background-image: url(Images/BgMainContent0.gif);
    background-position: top center;
    background-repeat: repeat-y;
    background-color: #ffffff;
    padding: 5px 30px;
}
div.footer {
    background-image: url(Images/BgMainFooter0.gif);
    background-position: bottom center;
    background-repeat: repeat-y;
    background-color: #ffffff;
    padding: 5px 30px;
    font-size: 70%;
    text-align: center;
}
div.menu a {
    margin-right: 10px;
}

/* Main content */
div.inner {
    margin-right: 260px;
    font-size: 90%;
}
div.movie {
    border: solid 1px #cccccc;
    padding: 1ex;
    margin-bottom: 10px;
}
div.movie h2 {
    margin-top: 0px;
    margin-bottom: 1ex;
}
div.movie .price {
    text-align: right;
    font-weight: bold;
}
div.movie .info {
    font-size: 80%;
}
div.movie.hover {
    border-color: #000000;
    background-color: #ffff99;
}
div.inner .box {
    margin-bottom: 10px;
}
div.inner .box .box-header {
    padding: 3px 10px;
    background-image: url(Images/MainBoxGrayHeader.gif);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
div.inner .box .box-content {
    background-image: url(Images/MainBoxGrayContent.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 10px;
}
.notify {
    padding: 1ex;
    margin: 1ex 0;
    background-color: #ffff99;
    border: solid 1px #cccc00;
}
ul.dlfiles {
    margin: 0;
    padding: 0;
}
ul.dlfiles li {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    margin-left: 3ex;
}


/* Sidebar */
div.sidebar {
    width: 250px;
    float: right;
    font-size: 80%;
}
div.sidebar p {
    padding: 0px;
    margin: .5ex 0ex;
}
div.sidebar .box {
    margin-bottom: 10px;
}
div.sidebar .box .box-header {
    padding: 3px 10px;
    background-image: url(Images/SidebarBoxGrayHeader.gif);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 110%;
}
div.sidebar .box .box-content {
    background-image: url(Images/SidebarBoxGrayContent.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 10px;
}
div.sidebar ul {
    margin: 0;
    padding: 0;
}
div.sidebar ul li {
    margin: 0;
    padding: 0;
    margin-left: 3ex;
}

/* Grids */
table.gridview {
    width: 580px;
    border-collapse: collapse;
    border: solid 1px #8c8c8c;
    margin-bottom: 1ex;
}
table.gridview td, table.gridview th {
    border: solid 1px #8c8c8c;
    padding: .1ex .5ex;
}
table.gridview .header th {
    text-align: left;
    background-color: #8c8c8c;
    color: #ffffff;
}
table.gridview .footer td {
    background-color: #eeeeee;
}

/* Forms */
table.form th {
    text-align: left;
}
.textbox {
    border: solid 1px #666666;
}
.button {
    width: 8em;
}
.buttonbar {
    text-align: right;
}

/* Smart Grid */
table.smartgrid {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #8c8c8c;
    margin-bottom: 1ex;
}
table.smartgrid td, table.smartgrid th {
    padding: .1ex .5ex;
    border: solid 1px #8c8c8c;
}
table.smartgrid thead th {
    background-color: #8c8c8c;
    color: #ffffff;
}
table.smartgrid .row-1 {
    background-color: #eeeeee;
}
table.smartgrid .row-2 {
    background-color: #fafafa;
}
table.smartgrid .hover {
    background-color: #ffff99;
}

/* Price label */
.price-old {
    color: #666666;
    text-decoration: line-through;
    margin-right: 1ex;
}
.price-new {
    color: #000000;
}

/* Gallery pictures */
#pictures img {
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Data Pager */
.pager.top {
    margin-bottom: 2ex;
}
.pager {
    text-align: center;
}
.pager .pager-left {
    float: left;
}
.pager .pager-left .pager-button {
    margin-right: 1ex;
}
.pager .pager-right {
    float: right;
}
.pager .pager-right .pager-button {
    margin-left: 1ex;
}
.pager .pager-info {
    padding: .25ex;
}
.pager .pager-button {
    padding: .25ex;
    border: solid 1px #cccccc;
    width: 10ex;
    display: inline-block;
}
