/*=============================================================================
 *  Taurus Software and Conslting website
 *  (c) R.H.Thornburrow, 2003
 *============================================================================/

/* Body text */
html, body {
  height: 100%;
  min-width: 1123px;
  padding: 0;
  margin: 0;
  background-color: #e7e7e7;
  text-align: center;
  font-family: sans-serif;
  overflow: auto;
  font: Helvetica
}

#wrapper {
  position: relative;
  width: 1102px;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
  box-shadow: 8px 8px 12px 4px rgba(160,160,160,4);
  text-align: center;
  background-color: white;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
* html #wrapper{height:99.9%;}

#container {
  width: 1102px;
  margin: 0;
  padding: 0;
  text-align:left;
  background-color: white;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: -80px;
}
#container:after {
	content: "";
	display: block;
	height: 80px;
}

#header {
  padding-top: 4px;
  background-color: #003399;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
* html #header{position: relative; left: 9px;}

#header_table {
  width: 1100px;
}
	
#content {
  padding: 4px;
  margin: 0;
}
* html #content{position: relative; left: 9px;}

#content_table {
  width: 1092px;
}

#footer {
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  border-bottom-right-radius: 20px;
}

#footer_table {
  width: 1100px;
}
	
hr {
  border:0;
  color:black;
  background-color:black;
  height:1px
}

/* Horizontal Menu Bar (Header) Styles */
.HdrTxt { font: 12pt Helvetica; color: white; text-decoration: none }
a:hover.HdrTxt { text-decoration: underline }
a:visited.HdrTxt { color: white }
td:hover.HdrBut { background-color: darkblue }

/* Vertical Menu Bar (Navbar) Styles */
.NavDir { font: 9pt Helvetica; font-weight: bold; color: black; text-decoration: none }
.NavDirSel { font: 9pt Helvetica; font-weight: bold; color: #1144aa; text-decoration: none }
a:hover.NavDir { text-decoration: underline }
a:visited.NavDir { color: black }
.NavTxt { font: 8pt Helvetica; font-weight: bold; color: black; text-decoration: none }
.NavTxtSel { font: 8pt Helvetica; font-weight: bold; color: #1144aa; text-decoration: none }
a:hover.NavTxt { text-decoration: underline }
a:visited.HdrTxt { color: white }
a:visited.NavTxt { color: black }

/* Blurb and News Styles */
.BlurbHead { font: 8pt Helvetica; font-weight: bold }
.NewsBanner { font: 10pt Helvetica; font-weight: bold; color: white }
.NewsHead { font: 8pt Helvetica; font-weight: bold }
.Normal { font: 8pt Helvetica }
.Small { font: 7pt Helvetica }
.DateCell { font: 8pt Helvetica; border-left:white solid 1px;
  border-top:white solid 1px; background-color:#cccccc }
.NewsCell { font: 8pt Helvetica; border-right:white solid 1px;
  border-top:white solid 1px; background-color:#cccccc }
.LastDateCell { font: 8pt Helvetica; border-left:white solid 1px;
  border-top:white solid 1px; border-bottom:white solid 1px;
  background-color:#cccccc }
.LastNewsCell { font: 8pt Helvetica; border-right:white solid 1px;
  border-top:white solid 1px; border-bottom:white solid 1px;
  background-color:#cccccc }

/* Normal Text Styles */
.Heading1 { font: 24pt Helvetica; color: #663300; font-weight: bold; font-style: italic; line-height: 30pt; }
.Heading2 { font: 18pt Helvetica; color: #663300; font-weight: bold; line-height: 24pt; }
.Heading3 { font: 12pt Helvetica; color: #663300; font-weight: bold }
.BodyText { font: 10pt Helvetica }
div.BodyText { margin:8px }
.BodyText a { text-decoration:none }
.BodyText a:hover { text-decoration:underline }
.BodyText h1 { font: 24pt Helvetica; color: #663300; font-weight: bold; font-style: italic }
.BodyText h2 { font: 18pt Helvetica; color: #663300; font-weight: bold }
.BodyText h3 { font: 12pt Helvetica; color: #663300; font-weight: bold }
.SmallBodyText { font: 9pt Helvetica }
.RedSuper { font: 7pt Helvetica; color:red }
.CodeBlock { border:black solid 1px; padding:5px; width:500px; }
.CodeBlockWide {
  border:black solid 1px;
  padding: 5px;
  width:98%;
  line-height: 0px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  counter-reset: linecounter;
}
.CodeBlockWide .line {
  display: block;
  line-height: 1.4em;
  text-indent: -1.5em;
  margin-left: 1.5em;
  padding-left: 5px;
  border-left: 1px solid black;
  counter-increment: linecounter;
}
.CodeBlockWide .line:before {
  content: counter(linecounter);
  position: relative;
  left: 1.5em;
  width: 1.5em;
  display: inline-block;
  margin-right: 5px;
}
.CodeBlockWide .line:nth-of-type(even) {
  background-color: #d5d5ff;
}
.CodeBlockWide .Comment { color: green; }
.CodeBlock .Comment { color: green; }
.CodeComment { color: green; }

/* Footer Menu */
.FooterMenu { font: 7pt Helvetica }
.FooterMenu a { text-decoration:none }
.FooterMenu a:hover { text-decoration:underline }

/* Linux Systems Page */
table.SystemsTable { font: 10pt Helvetica }
table.SystemsTable th { background-color: #555599; text-align: left; color: white; font-size: 9pt }
table.SystemsTable td { background-color: #ddddee; font-size: 7.5pt }
.LinkTxt { color: blue; text-decoration: none }
a:hover.LinkTxt { text-decoration: underline }
a:visited.LinkTxt { color: purple }
.HdrLinkTxt { color: white; text-decoration: none }
a:hover.HdrLinkTxt { text-decoration: underline }
a:visited.HdrLinkTxt { color: lightgray }

/* Linux Device Table */
table.DeviceTable { font: 10pt Helvetica }
table.DeviceTable th { text-align: left; font-size: 9pt }
table.DeviceTable td { font-size: 8pt }

/* Roving Consultants Guide */
.GuideHead  { font: 14pt Helvetica; color: white; font-weight: bold }
.guidebox {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 4px;
  box-shadow: 4px 4px 6px 2px rgba(160,160,160,4);
}
.country1   { background-color: #5555aa; padding-top: 3px; padding-bottom: 5px; }
.country2   { background-color: #cc5555; padding-top: 3px; padding-bottom: 5px; }
.country3   { background-color: #55aa55; padding-top: 3px; padding-bottom: 5px; }
.country1 a { color: white; }
.country1 img { padding-top: 1px; }
.country2 a { color: white; }
.country2 img { padding-top: 1px; }
.country3 a { color: white; }
.country3 img { padding-top: 1px; }
.city       { background-color: #dd99dd; padding-top: 3px; padding-bottom: 5px; }
.restaurant { background-color: #5555aa; }
.hotel      { background-color: #cc5555; }
.todo       { background-color: #55aa55; }
.transport  { background-color: #dd99dd; }
.city_desc img { margin-right: 8px; }

/* New fancy styles */
.headerobloid {
}

.largeobloid {
  padding: 16px;
  margin-bottom: 28px;
  /*border: 1px #ff8442 solid;*/
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 8px 8px 12px 4px rgba(160,160,160,4);
}
.largeobloid a { text-decoration:none }
.largeobloid a:hover { text-decoration:underline }

.simpleshadow {
  border-radius: 8px;
  box-shadow: 4px 4px 6px 2px rgba(160,160,160,4);
}

.rightshadowimage {
  float: right;
  margin-left: 80px;
  box-shadow: 4px 4px 6px 2px rgba(160,160,160,4);
}

.imageshadow {
  -webkit-filter: drop-shadow(8px 8px 25px rgba(0,0,0,0.5));
  filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='8' dy='8' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=8, OffY=8, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=8, OffY=8, Color='#444')";
}

.imagepadright {
  float: right;
  margin-left: 12px;
  margin-bottom: 6px;
}

.imagepadleft {
  float: left;
  margin-right: 12px;
  margin-bottom: 6px;
}

.section_banner: {
  width: 900px;
}

.email {
  color: blue;
}

.blurbboxleft {
  width: 75%;
  height: 128px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 60px;
  padding-right: 48px;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
  box-shadow: 8px 8px 12px 4px rgba(160,160,160,4);
}

.blurbboxright {
  width: 75%;
  height: 128px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 32px;
  padding-right: 60px;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
  box-shadow: 8px 8px 12px 4px rgba(160,160,160,4);
}

.blurbimgleft {
  width: 128px;
  height: 128px;
  position: relative;
  left: -64px;
  margin-right: -48px;
  border: 1px solid black;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}

.blurbimgright {
  width: 128px;
  height: 128px;
  position: relative;
  left: 64px;
  border: 1px solid black;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}

.blurbimgcrop img {
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}

.blurbtextleft {
  position: relative;
  left: 64px;
  top: -128px;
  padding-left: 8px;
  padding-right: 64px;
}

.blurbtextright {
  margin-right: -60px;
}

.bordertop {
  border-top: 1px solid black;
}

.cvhead {
  font-weight: bold;
  background-color: #ddddee;
  border-radius: 8px;
}

.cvtext {
  background-color: #f7f7f7;
  border-radius: 8px;
}

.tsacbutton {
  background-color: #003399;
  border: none;
  color: white;
  padding: 15px 32px;
  margin-top: -54px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 4px 4px 6px 2px rgba(160,160,160,4);
}
.tsacbutton:hover {
  background-color: #aaddff;
  color: #1144aa;
  text-decoration: none;
  box-shadow: 8px 8px 12px 4px rgba(160,160,160,4);
}
a.tsacbutton:hover {
  text-decoration: none;
}
.rightbutton {
  float: right;
}

#menu_left {
  width: 125px;
}

#menu_center {
  width: 803px;
}

#menu_right {
  width: 172px;
}

/* menu styles */
#jsddm {
  margin: 0;
  padding: 0;
}

#jsddm li {
  float: left;
  list-style: none;
  font: 14px Tahoma, Arial
}

#jsddm li a {
  display: block;
  background: #003399;
  padding: 5px 36px;
  text-decoration: none;
  border-top: 1px solid #0055bb;
  border-bottom: 1px solid #001177;
  border-left: 1px solid #0055bb;
  border-right: 1px solid #001177;
  color: white;
  white-space: nowrap;
  box-shadow: 2px 2px 3px 1px rgba(32,32,32,4);
  position: relative;
  z-index: 999;
}

#jsddm a.jsddm_left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#jsddm a.jsddm_right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: none;
}

#jsddm li a:hover {
  background: #002288
}
		
#jsddm li ul {
  margin: 1px 0 0 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
}
		
#jsddm li ul li {
  float: none;
  display: inline
}
			
#jsddm li ul li a {
  padding: 5px 32px;
  width: auto;
  color: white;
  text-align: left;
  box-shadow: 4px 4px 6px 2px rgba(32,32,32,4);
  z-index: 9999;
}

#jsddm li ul li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#jsddm li ul li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#jsddm li ul li a:hover {
  background: #002288;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0,0,0,0.7);
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#overwrapper {
  display: table;
  width: 100%;
  height: 100%;
}

#overcontent {
  /*position: relative;
  top: 50%;
  transform: translate(0, -50%);*/
  margin-left: auto;
  margin-right: auto;
  display: table-cell;
  vertical-align: middle;
}

#overtable {
  min-width: 400px;
  min-height: 300px;
  background-color: black;
  color: white;
  font-family: Verdana;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#overcount {
  float: left;
}

#overprev, #overnext {
  font-weight: bold;
  font-size: 2.5em;
}

#overprev p, #overnext p {
  transform: scaleY(3.0);
}
#overclose {
  font-weight: bold;
}
#overprev:hover, #overnext:hover, #overclose:hover {
  color: #336699;
}