/*
  IBPhoenix - Layout Styles
*/

/* Container Definitions */

/* Page Container */

#signin {
  margin-top: 10px;
}

#ContainerWrap {
  text-align: center; /* Win IE5 */
}

#Container {
  margin: 0em auto;
  width: 765px;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 10px;
  text-align: left; /* Win IE5 */
}

#ContainerWide {
  margin: 0em auto;
  width: 80%;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 10px;
  text-align: left; /* Win IE5 */
}


/* Header Container */
#HeaderContainer {
}

#Header {
  position: relative;
  height: 80px;
  margin: 0;
  padding: 0;
  clear: both;
}

#HeaderLogoLeft {
  position: relative;
  width: 90px;
  height: 80px;
  border: 0;
  padding: 0;
  margin: 0;
  float: left;
}

#HeaderMiddle {
  width: 500px;
}

#HeaderMiddle h1 {
  font-size: 4em;
  font-family:"Times New Roman", Times, serif;
  padding: 0;
  margin: 0;
  color: #d9002b;
}

#HeaderMiddle p {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
}

#HeaderLogoLeft img {
  border: 0px;
}

#HeaderRight {
  position: relative;
  height: 80px;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
}

#HeaderRight img {
  border: 1px solid gray;
}

#HeaderRight ul {
  list-style: none;
  padding: 5px 2px 0 0;
}

#HeaderRight ul li {
  padding: 0 0 3px 0;
}

#LanguageList {
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 5px 2px 0 0;
  /*background: #1c771c ;*/
  /*height: 23px;*/
}

#LanguageList img {
  border: 1px solid gray;
}

#LanguageList li {
  /*border: 1px solid #1c771c;*/
  /*padding: 0 1em 0 1.2em;*/
  display: inline;
}

#LanguageList li a {
  /*color: #fff;*/
  /*font-weight: bold; */
  /*text-decoration: none;*/
}

#FrontUser {
  text-align: right;
  margin-bottom: 15px;
}

#FrontUser H2 {
  text-align: right;
  margin: 5px 0 10px 0;
}

#Search {
  position: relative;
  text-align: right;
  padding: 0;
  margin: 0;
  color: #666;
}

#Search form {
  position: relative;
  top: 5px;
  right: 0;
  margin: 0; /* need for IE Mac */
  text-align: right; /* need for IE Mac */
  white-space: nowrap; /* for Opera */
}

#Search form label {
  color: #666;
  font-size: 0.8em;
}

#Search form input {
  font-size: 0.8em;
}

#Search form #submit {
  font-size: 0.8em;
  background: #FFFFFF;
  color: #000000;
  border-right: 1px solid #7A7A7A;
  border-bottom: 1px solid #7A7A7A;
  border-top: 1px solid #7A7A7A;
  border-left: 1px solid #7A7A7A;
  padding: 1px 4px;
}

#Search form #q {
  font-size: 0.8em;
  width: 140px;
  border: 1px solid #7A7A7A;
  background: #FFFFFF;
  color: #000000;
  padding: 2px;
}

/* Content Container */
#Content {
  display: block;
}

#FrontContainer {
  width: 100%;
  float: left;
  margin-right: -220px;
}

#FrontMain {
  margin-right: 220px;
  margin-top: 10px;
}

#FrontFeature {
  /*float: left;*/
  position: relative;
  background-color: #def4de;
  padding: 5px;
  margin-bottom: 1em;
  font-size: 1.0em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#FrontFeature h2{
  border: none;
  margin-top: 0;
}

#FrontFeature p {
  margin: 0 0 1em 0;
}

#FrontFeature #FrontFeatureContent {
  padding: 6px 6px 6px 6px;
}

#FrontRightContainer {
  float: right;
  width: 200px;
  margin: 0;
  padding: 0;

  padding-left: 10px;
}

#FrontBottomContainer {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}

#FrontNews {
  padding: 10px 5px 5px 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  /*font-size: 1.0em;*/
}

.FrontNewsWrap {
  /*padding-left: 5px;*/
  /*font-size: 1em;*/
}

.FrontNewsWrap p {
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 1em;
}

.RSSBottomList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.RSSBottomList img.RSSImage {
  display: inline;
  border: 0;
  vertical-align: bottom;
}

.RSSBottomList li {
  padding: 0 0.5em 0 0.5em;
  display: inline;
  border-right: 1px solid #E1E1E1;
}

.RSSBottomList li a {
}

/* Uncomment when IE/Validator supports last-child

.RSSBottomList li:last-child {
  border-right: 0;
  padding-right: 0;
}

*/

.RSSBottomList li.last-child {
  border-right: 0;
  padding-right: 0;
}

/* Used in RSSBottomList */
img.ArrowImage {
  padding: 0;
  margin: 0;
  display: inline;
  border: 0;
}

#FrontBoxContainer {
  /*width: 545px;*/
  /*width: 49%;*/
  float: left;
  padding: 5px;
  position: relative;
  font-size: 1.0em;
}

/* Featured User Box */

#FrontBox {
  border: 1px solid #DADADA;;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#FrontBoxInner {
  width: 100%;
}

#FrontBoxWrap {
  padding: 6px;
}

#FrontBoxContent {
  margin-left: 5px;
}

#FrontBlogs {
}

#FrontBlogsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

#FrontBlogsList li {
  margin: 0;
  padding-left: 12px;
  background-image: url(/layout/images/blt_gry_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
}

#FrontBlogs h2 {
  margin-bottom: 0.7em;
}

#FrontBlogsWrap {
  font-size: 0.9em;
  margin-left: 12px;
  margin-top: 10px;
  color: #666;
}

#FrontGoodies {
}

#FrontGoodies h2 {
  margin-bottom: 0.7em;
}

#FrontGoodiesWrap {
  color: #666;
}

#FrontShortcuts h2 {
   margin-bottom: 0.7em;
}

#FrontShortcutsWrap {
  font-size: 0.9em;
  margin-left: 12px;
  margin-top: 10px;
  color: #666;
}

#FrontShortcutsWrap img {
  padding-right: 7px;
}

#FrontShortcutsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

#FrontShortcutsList li {
  margin: 0;
  padding-left: 12px;
  background-image: url(/layout/images/blt_gry_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
}

#EventsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

#EventsList li {
  margin: 0;
  padding-left: 12px;
  background-image: url(/layout/images/blt_gry_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
}

#FrontEvents h2 {
  margin-bottom: 0.7em;
  color: #EC5800;
}



#FrontFirebirdNews {
  float: right;
  width: 230px;
  border-left: 1px solid #E1E1E1;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

#FrontFirebirdNewsWrap {
  margin-left: 8px;
  font-size: 0.9em;
}

#FrontFirebirdNewsList {
  margin: 0;
  padding: 0;
}

#FrontLatestReleases h2 {
  margin-bottom: 0.7em;
}

#FrontLatestReleasesWrap {
  font-size: 0.9em;
  margin-top: 10px;
  color: #666;
}

#FrontLatestReleasesNote {
  font-size: 0.9em;
  margin-left: 12px;
  margin-top: 10px;
  color: #666;
  vertical-align: bottom;
}

#FrontLatestReleasesNote IMG {
  vertical-align: bottom;
}

#FrontTrainingSummary {
  font-size: 1.1em;
  color: #666;
}

/* Secondary Pages */

#SideWrap {
  float: left;
  width: 166px;
  margin-top: 10px;
  margin-right: -165px;
}

#ContentWrap {
  margin-left: 165px;
  padding-top: 10px;
}

#AdminWrap {
  padding-top: 10px;
  padding-bottom: 10px;
}

#CommunityWrap {
  margin-right: -420px;
  float: left;
  width: 100%;
}

/* Footer Container */
#Footer {
  font-size: 0.9em;
  color: #666;
  line-height: 1.3em;
  padding-top: 5px;
  clear: both;
}

#form-errors {
  font-weight: bold;
  background:#fdb;
  padding:1em;
  margin-bottom:0.5em;
}

/* Sidebar (embedded floating box in document, not the navigatiobnal one!) */

div.sidebar {
  margin: 1em 0 0.5em 1em;
  border: 1px solid #ddb;
  padding: 0 7px 7px 7px;
  background-color: #ffe;
  width: 40%;
  float: right;
}

p.sidebar-title {
  font-weight: bold;
}

/* News Archive */

#news-archive ul {
  margin: 0;
  padding-left: 0;
}

#news-archive li {
  display: inline;
}

#news-archive li span.txtDate {
  margin-right: 10px;
  float: left;
}

#news-archive li span.news-archive {
}

/* Generic round corners around content */

.box {background: transparent; padding: 5px 0 5px 0;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.boxcontent {display:block; border:0 solid #ccc; border-width:0 1px;padding:0.5em;}

/* Usage pattern

<div class="box">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="boxcontent">
Your content here.
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

*/

/* Content */

.user-logo {
  vertical-align: top;
  float: right;
}

pre.literal-block {
  padding: 5px;
  background-color: #fff;
  color: #333;
  font-family: monospace;
  overflow: auto;
  font-size: 1.5em;
}


/* Admonitions */

div.admonition {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 7px;
}

div.admonition dt {
    font-weight: bold;
}

div.admonition dl {
    margin-bottom: 0;
}

div.admonition p.admonition-title + p {
  display: inline;
}

div.seealso {
  background-color: #ffc;
  border: 1px solid #ff6;
}

div.warning {
  background-color: #ffe4e4;
  border: 1px solid #f66;
}

div.note {
  padding-top: 5px;
  background-color: #eee;
  border: 1px solid #ccc;
}

.tip {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 5px;
}

p.admonition-title {
  margin: 0px 10px 5px 0px;
  font-weight: bold;
  display: inline;
}

p.admonition-title:after {
  content: ":";
}

div.body p.centered {
  text-align: center;
  margin-top: 25px;
}

div.important {background-color: #eee;}

div.admonition, div.warning, div.important, div.note {
  font-size: 0.9em;
  margin: 1em 0 0 0;
  border: 1px solid #86989B;
}

div.admonition p, div.warning p, div.important p, div.note p {
  margin: 0.5em 1em 0.5em 1em;
  padding: 0;
}

div.admonition pre, div.warning pre, div.important pre {
  margin: 0.4em 1em 0.4em 1em;
}

div.admonition p.admonition-title,
div.warning p.admonition-title,
div.important p.admonition-title
{
  margin: 0;
  padding: 0 0.5em 0 0.5em;
  color: white;
  border-bottom: 1px solid #86989B;
  font-weight: bold;
  background-color: #000000;
}

div.warning {
  border: 1px solid #940000;
}

div.warning p.admonition-title {
  background-color: #CF0000;
  border-bottom-color: #940000;
}

div.admonition ul, div.admonition ol,
div.warning ul, div.warning ol {
  margin: 0.1em 0.5em 0.5em 3em;
  padding: 0;
}

/* Misc Classes */

.ClearBoth {
  clear: both;
  margin: 0;
  padding: 0;
}

.BlockHide {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;  /* IE5 Mac */
}

img {
  border: 0;
}

.float-right {
  float: right;
}

ul#flash-messages {
  color: red;
  background-color: #FFFFCC;
  font-size: larger;
  font-style: italic;
  padding: 4px;
  list-style: none;
}

div.product-group H2 {
  margin: 0 0 5px 0;
  padding: 8px 0 0 0;
  border-bottom: 1px solid black;
}

div.product-group td {
  margin: 0;
  padding: 0;
  /*font-size: 0.8em;*/
}

.float-right { float: right; }

.right {
  text-align: right;
}

#documents-list {
}

#documents-list ul {
  padding: 10px 0 10px 15px;
}

#documents-list li {
}

#documents-list ul li a {
  font-size: 1.2em;
  font-weight: bold;
  color: #ec5800;
  text-decoration: none;
}

#documents-list ul li a:hover {
  text-decoration: underline;
}

#gems-list {
  margin: 0;
  padding: 0;
}

#gems-list ul {
  padding: 10px 0 10px 15px;
  list-style: none;
}

#gems-list li {
  list-style: none;
  margin: 0;
  padding-left: 12px;
  background-image: url(/layout/images/blt_gry_arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
}

#gems-list ul li a {
  font-size: 1.2em;
  font-weight: bold;
  color: #ec5800;
  text-decoration: none;
}

#gems-list ul li a:hover {
  text-decoration: underline;
}

a[rel="external"] {
  background:url(/images/external.png) 99% 40% no-repeat;
  padding-right: 15px;
}