/* globals */
body, td, th, form { color: rgb(75, 75, 75); font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 10px; padding:0;}
hr { border: 0; margin: 2px 0px 2px 0px; height: 1px; background-color: rgb(200, 200, 200);}

a { text-decoration: none;}
a:link   { color: #037; }
a:active { color: #037; }
a:visited  { color: #4682b4; }
a:hover     { color: #0057cb; text-decoration: underline;}

img {border: none;}

/* text styles */

.name {font-family: "Futura", Helvetica, sans-serif; letter-spacing: 1px; font-size: 14px; }
.center {text-align: center;}
.section_title  { font-size: 16px; margin-top: 10px; color: black; font-family: "Futura", Helvetica, sans-serif; }
.subsection_title  { font-size: 14px; margin-top: 10px; color: black; font-family: "Futura", Helvetica, sans-serif;}
.small { font-size: 10px;}
.medium { font-size: 13px;}
.large { font-size: 16px;}
.xtra_large {font-size: 26px;}
.important { color: red; font-weight: bold; }
strong, b {color: black;}
a strong {color: #037;}
li {margin: 5px auto;}

.box {margin: 0 auto 5px auto; border-spacing: 0; padding: 8px; }
.border {border: 1px solid rgb(190, 190, 190);}
.bottomless_border {border-top: 1px solid rgb(190, 190, 190); border-left: 1px solid rgb(190, 190, 190); border-right: 1px solid rgb(190, 190, 190);}
.bottom_border {border-bottom: 1px solid rgb(190, 190, 190);}
.faint { background-color: rgb(250, 250, 250); }

/* disabled for now
.rounded {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;;}
.rounded_top { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;;}
.rounded_bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;;}
*/

/* Page Header */
#header {text-align: center; margin-bottom: 25px; }
#header .title     { letter-spacing: 2px; font-size: 42px; font-family: "Futura", Helvetica, sans-serif; color:black; margin: 15px auto;}
#header .tagline    {font-size: 20px; font-weight: bold; margin: 25px auto;}
#header #screenshot {}
.submenu {margin: 15px auto; color: black; background-color: rgb(240, 240, 240); white-space: nowrap; overflow: hidden; width: 60em;}
.submenu ul { list-style: none; margin: 0; padding: 0px;}
.submenu a {color: black; text-decoration: none;}
.submenu li {display:inline; padding: 8px 4px; margin: auto 4px; border-left: 1px solid transparent; border-right: 1px solid transparent}
.submenu li:hover { background-color: #e6edff; border-left: 1px solid #B6C4E5; border-right: 1px solid #B6C4E5;}
.submenu li#selected { font-weight: bold; }
.submenu li#selected:hover { background-color: rgb(240, 240, 240); border-left: 1px solid transparent; border-right: 1px solid transparent; }

/* Page element styles */
.copyright { color: #c0c0c0; font-size: 10px; text-align:center; clear: both; margin: 20px 200px 20px 170px;}
.copyright a {color: #c0c0c0; }

.featPreviewImg {  float: left; margin: 0 10px 0 0; cursor: pointer; padding: 3px;}
.featPreviewText { margin: 5px; padding-left: 150px;}
.featControls {text-align:right; vertical-align: middle;}
.featControls img {vertical-align: middle;}
.feature {margin-top: 10px; min-height: 170px;}
.feature_list { margin: 20px auto;}

#extras .download {width: 175px; float: left; margin: 0px auto;}
#extras .text {padding-left: 185px; margin: 10px auto;}
#extras .size {}
#extras img {}
#extras .title, #extras .subtitle {font-weight: bold;}
#extras .subtitle img {vertical-align: middle;}
#extras .requirements {font-style: italic; color: red; margin: 5px auto;}
#extras .note {font-style: italic;}
#extras hr {clear: left; width: 100%}
#extras .type {float: left;}
#extras .info {padding-left: 38px;}

/* content contains the mainBody and the sidebar */
#content { margin: 10px 10px 0 11em;}

/* this is the area between the navbar and the sidebar */
#mainBody {margin-right: 200px;}
#mainBody_nosidebar {}

/* The sidebar is the area on the right */
#sidebar {text-align: center; width: 180px; float:right; color:black;}
#sidebar td {color:black;}

/* Navigation Menu */
#navbar { position:fixed; top:0; left:0; padding: 5px; margin: 0; background-image: url(http://www.omnigroup.com/images/common/navbar_background.jpg); background-repeat: repeat-y; height: 100%; font-family: "Futura", Helvetica, sans-serif; width: 11em;}
#navbar #logo img {margin-bottom: 3px;}
#navbar a {color: black; text-decoration: none;}
#navbar #selected a {color: white;}
#navbar li:hover { background-color: #e6edff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;; }
.navbarblock { list-style: none; padding:0px; margin:5px 0 5px 0;}
.navbarblock img {padding-right:4px; vertical-align: middle; width: 8em;}
.navbarblock .title {text-align: center; vertical-align: middle;}

.navbarblock li {padding: 4px 4px 4px 8px; margin: 0; white-space: nowrap; vertical-align: middle; }
#navbar #selected { background-color: rgb(041, 142, 204); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;; color:white;}

/* widgets */

.sidebar_box { margin: 0 0 8px 0; clear: left;}
.sidebar_box a {  }
.sidebar_box .header { font-weight: bold; background-color: rgb(240, 240, 240); padding: 3px 5px; }
.sidebar_box .text { padding: 3px; }

#feedback a { text-decoration: none; }
#feedback .text {text-align: justify; padding: 5px 7px; }

#download_buttons .button { margin-bottom: 8px; padding: 3px;}
#download_buttons .mirror { margin-top: 8px; }

#universalImage { padding-top:5px; display:block; margin:auto; clear:both;}

.productQuoteText   { font-weight: bold;}
.productQuoteAttribution { color: rgb(127, 127, 127); font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align: center; }

.beta_warning {font-weight: bold; background-color: orange; width: 550px; margin: 15px auto 45px auto; text-align:center; padding: 5px;color: black;}
.beta_warning img { vertical-align: middle; height: 32px; width: 32px;}

/* OmniPlan price chart */
#PriceChart td {padding-top: 5px; text-align: left;}
#PriceChart .productCell  { padding-left: 3px; font-weight:  bold; }
#PriceChart .priceCell  { text-align: right; padding-right: 3px;  }
#PriceChart .text  { text-align: justify; }
#PriceChart .divider  { border-top: 1px dotted black; }

/* front page */
#front { width: 740px; text-align: center; margin: auto;}

#front #banner { width: 720px; margin: 0px; text-align: right; background: rgb(240, 240, 240) url("http://www.omnigroup.com/images/common/omni-logo.png") no-repeat 15px 50%;}
#front #banner .name { font-size: 34px; letter-spacing: 3px; color: black; vertical-align: top; padding-bottom: 4px;}
#front #banner img { margin: .25em auto .25em auto; vertical-align: middle; float:left;}

#front #mainad { margin-top: 10px;}

#front #left {float:left; margin-left: 10px; margin-right: 10px; width: 370px;}

#front #applications { float:right; margin: 6px 0px; list-style: none; padding: 0; width: 290px; }
#front #applications a {color: black; text-decoration: none;}
#front #applications li { padding: 6px; text-align:left; margin: 4px auto; vertical-align: top;}
#front #applications li:hover {background-color: #e6edff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;;}
#front #applications img {float:left;}
#front #applications .name {padding-left: 37px;}
#front #applications .tagline {color: #5b5b5b; padding-left: 37px;}

#front #news { margin: 10px 0 0 0; border-top: 1px solid rgb(190, 190, 190); text-align:left; font-size: 12px; padding-top: 10px;}
#front #news #items {}
#front #news .pubdate {font-weight: bold;}
#front #news .title {margin-bottom: 10px;}

#front #bottomnav {clear: both; width: 650px; margin: 30px auto auto auto; background-color: rgb(240, 240, 240);}
#front #bottomnav ul { list-style: none; margin: 0; padding: 0px;}
#front #bottomnav a {color: black; text-decoration: none;}
#front #bottomnav li {font-size: 16px; display:inline; padding: 8px 15px; margin:0; border-left: 1px solid transparent; border-right: 1px solid transparent}
#front #bottomnav li:hover { background-color: #e6edff; border-left: 1px solid #B6C4E5; border-right: 1px solid #B6C4E5;}

#front #search { text-align:center; clear: both; margin-top: 20px;}

#front .copyright { color: gray; font-size: 10px; text-align:center; clear: both; margin: 20px auto auto auto;}
#front .copyright a { color: gray; }


/* OmniDazzle Hardware Chart */
#hardware {border-collapse: collapse; margin-left: auto; margin-right: auto;}
#hardware td, #hardware th {padding: .75em; width: 40%}
#hardware .note_box {background-color: #e6edff;}
#hardware .hardware_head {background-color: #e0e0e0; font-weight: bold; text-align: right}
#hardware .empty {border: none !important; height: 2em;}
#hardware .machine {font-style: italic;}
#hardware img {vertical-align: middle; margin-right: .5em;}

.person { border-top: 1px solid black; min-height: 80px;}
.person .name {float: left; width: 100px; margin: 15px auto auto 10px; letter-spacing: normal;}
.person .title {margin-top: 5px; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 10px;}
.person .bio {padding-left: 120px;}
.person img {float: right; margin: 5px; height: 64px;}

/* OmniOutliner Pro Vs Std Chart */
#pro-feature-chart {text-align: left; border-collapse: collapse; font-size: 12px;}
#pro-feature-chart td {font-weight: bold; color:black; border: 1px rgb(190, 190, 190) solid; padding: 2px;}
#pro-feature-chart td.support-mark {text-align: center;}
#pro-feature-chart .description {font-weight: normal; color: #666666;}

/* * {border: 1px solid blue;} */