/* JControl/WebPages Layout */

/* All Div Tags */

/* 
 * banner background: 7c92d4
 */
#main {
    width:902px; margin:0px auto; text-align:center;
}
#banner {
    background-image: url(../images/jcontrol_banner.gif); width:900px; height:77px; margin-top:5px; background-color:white; border-color:darkblue; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:0px; border-style:solid;
}
#navTop {
    font-size:12px; clear:both; width:900px; background-color:#e1e1e1; text-align:center; vertical-align:top; border-left-width:1px; border-bottom-width:1px; border-right-width:1px; border-top-width:0px; border-color:darkblue; border-style:solid;
}
#tabMenu {
    width:900px; margin-bottom:-1px; text-align:left;
}
#pageBody {
    clear:both; width:900px; margin-top:0px; background-color:white; border-color:darkblue; border-width:1px; border-style:solid; text-align:left;
}
#pageContent {
    clear:both; margin-top:0px; padding:6px; background-color:white; border-color:darkblue; border-width:1px; border-style:solid; text-align:left;
}
#pageBottom {
    clear:both; font-size:7pt; color:gray; width:100%; background-color:#ececec; text-align:center;
}
#navBottom {
    clear:both; width:900px; margin-top:0px; text-align:center; vertical-align:middle;
}

/* Specific Div Tags */
.infoBox {
    margin-left:auto; margin-right:auto;
}
.infoBox table {
    font-size:9pt; font-family:Arial,Verdana,Helvetica,Sans-Serif; border-width:1px; border-color:grey; border-style:solid; margin-top:20px;
}
.infoBox th {
    horizontal-align:left;
}
.infoBox tr {
	background-color:#e1e1e1;
}

/* General HTML elements */
body {
    background-color:#f0f0f0; color:#222222; font-size:9pt; font-family:Helvetica,Verdana,Arial,Sans-Serif; margin-top:0px;
}
h1 {
    font-size:15pt; font-weight:bold; color:#003366;
}
h2 {
    font-size:12pt; font-weight:bold; color:#003366;
}
h3 {
    font-size:9pt; font-weight:bold; color:#003366;
}
h4 {
    font-size:9pt; font-family:cursive; font-weight:bold; color:#003366;
}

/* Specific HTML elements */
.caption {
    font-size:8pt;
}


/* General Table Layouts */
table {
    font-size:9pt; font-family:Arial,Verdana,Helvetica,Sans-Serif;
}
th {
    background-color:#7c92d4; color:white; padding:2px;
}
.altTr {
    background-color:#f0f0f0;
}

/* Specific Table Layouts */
.framedTable {
    margin:4px;border-width:1px; border-color:grey; border-style:solid;
}
.exampleTable {
    border-width:1px; border-color:grey; border-style:solid;
}
.overviewTable {
    border-width:1px; border-color:grey; border-style:solid; border-collapse:collapse;
}
.downloadTable {
    border-width:1px; border-color:grey; border-style:solid;
}
.productTable {
    border:1px; border-style:solid; border-color:#496a9f;
}
.productTableSource {
    background-color:#f0f0f0; padding:2px;
}
.productTablePlatform {
    background-color:#d2ddff;
}
.productTableBuild {
    background-color:#f0f0f0;
}
.productTableRevision {
    background-color:#d2ddff;
}
.productTableSize {
    background-color:#f0f0f0;
}

.shortcutHeader {
    vertical-align:middle;
}

.shortcutTableRow {
    padding:4px;
}

.shortcutTable {
    border-color:grey; border-style:dotted;background-color:#e1e1e1;
    border-left-width:1px; border-right-width:0px; border-top-width:1px; border-bottom-width:1px;
}

.shortcutInnerTable {
    background-color:#e1e1e1;
    font-size:9pt; font-family:Arial,Verdana,Helvetica,Sans-Serif; border-color:grey; border-style:dotted;
    border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px;
}

/* General Links  */
a:link, a:hover{
    font-family:Arial, Verdana, Helvetica, Sans-Serif; font-size:9pt; text-decoration:none; color:#4a5780;
}
a:visited{
	font-family:Arial, Verdana, Helvetica, Sans-Serif; font-size:9pt; text-decoration:none; color:#808080;
}
a:hover {
    text-decoration:underline;
}

/* Specific Links */
.standardLink {
    font-weight:bold;
}

a.news, a.news:visited {
    color:#496a9f; padding-right:2px; padding-left:2px; text-decoration:none; font-weight:bold; font-family:Arial,Sans-Serif; font-size:9pt; text-align:left;
}
a.news:hover {
    color:white; background-color:#496a9f;
}
.overviewLink, a.overviewLink, a.overviewLink:visited, a.overviewLink:hover {
    color:#496a9f; padding-right:2px; padding-left:2px; text-decoration:none; font-weight:bold; font-family:Arial,Sans-Serif; font-size:9pt; text-align:left;
}
a.overviewLink:hover {
    color:white; background-color:#496a9f;
}

.shortcutLink, a.shortcutLink, a.shortcutLink:visited, a.shortcutLink:hover {
    color:#496a9f; padding-right:2px; padding-left:0px; text-decoration:none; font-weight:bold; font-family:Arial,Sans-Serif; font-size:9pt; text-align:left;
}
a.shortcutLink:hover {
    text-decoration:underline;
}
.shortcutText, a.shortcutText, a.shortcutText:visited {
    color:#496a9f; padding-right:2px; padding-left:0px; text-decoration:none; font-weight:plain; font-family:Arial,Sans-Serif; font-size:7pt; text-align:left;
}
a.shortcutText:hover {
    color:#496a9f; padding-right:2px; padding-left:0px; text-decoration:underline; font-weight:plain; font-family:Arial,Sans-Serif; font-size:7pt; text-align:left;
}

.shortcutImage {
  background-color:white; border-width:1px; border-color:#808080; border-style:solid;
}
.shortcutImage:hover {
  border-width:1px; border-color:#496a9f; border-style:solid;
}


a.navTopLink, a.navTopLink:visited, a.navTopLink:hover {
    color:#0c0c0c; text-decoration:none; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:8pt; padding-left:3px; padding-right:3px; margin-left:2px; margin-right:2px;
}
a.navTopLink:hover {
    color:white; background-color:#7c92d4;
}
a.navTopLinkActive, a.navTopLinkActive:visited, a.navTopLinkActive:hover {
    color:black; background-color:#f8f8f8; text-decoration:none; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:8pt; padding-left:3px; padding-right:3px; margin-left:2px; margin-right:2px;
}
a.navBottomLink, a.navBottomLink:visited, a.navBottomLink:hover {
    color:#2b66b8; text-decoration:none; font-family:Arial,Sans-Serif; font-size:9pt; padding-left:3px; padding-right:3px; margin-left:2px; margin-right:2px;
}
a.navBottomLink:hover {
    background-color:#2b66b8; color:white;
}

.tabLink, a.tabLink, a.tabLink:visited, a.tabLink:hover {
    color:black; background-color:#e0e0e0; text-decoration:none; font-family:Verdana,Sans-Serif; font-size:8pt; text-align:left; margin-bottom:2px; padding-right:15px; padding-left:15px; border-color:darkblue; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid;
}
.tabLinkActive, a.tabLinkActive, a.tabLinkActive:visited, a.tabLinkActive:hover {
    color:black; background-color:white; text-decoration:none; font-family:Verdana,Sans-Serif; font-size:8pt; text-align:left; margin-bottom:2px; padding-right:15px; padding-left:15px; border-color:darkblue; border-bottom-color:white; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-style:solid;
}
.tabLink {
    background-color:white; color:black; border-bottom-width:0px;
}
a.tabLink:hover {
    background-color:#e1e1e1; color:black;
}
.tabSpace {
    color:black; background-color:white; text-decoration:none; font-weight:bold; font-family:Verdana,Sans-Serif; font-size:8pt; text-align:left; margin-bottom:2px; padding-right:15px; padding-left:15px; border-color:black; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-style:solid;
}

/* General Form Elements (used for forms) */
input {
    padding:2px;color:#000000; border-width:1px; border-color:#3a3a3a; border-style:solid; font-family:Arial, Verdana, Helvetica, Sans-Serif; font-size:8pt;
}
textarea {
    padding:2px;color:#000000; border-width:1px; border-color:#3a3a3a; border-style:solid; font-family:Arial, Verdana, Helvetica, Sans-Serif; font-size:8pt;
}
*.errorMessage {
	color:red; font-weight:bold;
}

/* Specific Form Elements */
.searchInput {
    color:black; background-color:white; padding:2px; font-family:Arial, Verdana, Helvetica, Sans-Serif; font-size:7pt; border-width:1px;
}
.searchButton, .searchButton:visited, .searchButton:hover {
    color:black; background-color:#e1e1e1; padding:0px; width:36px; height:18px; border-width:1px; font-family:Arial,Helvetica,Sans-Serif; font-size:7pt;
}
.searchButton:hover {
    color:white; background-color:#7c92d4;
}