@charset "utf-8";
/* CSS Document and Debug
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }*/
body {
	background-color: #FFFFFF;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	font-size: 100%;
	color: #013299;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #990000;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #013299;
}
hr {
	width: 720px;
	color: #013299;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #013299;
}
.bookmark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #013299;
}
.nav a {
	font-size: 75%;
	color: #013299;
	font-weight: bold;
	text-decoration: none;
}
.nav a:hover {
	text-decoration: none;
	color: #990000;
}
.footer a {
	font-size: 75%;
	color: #013299;
	font-weight: bold;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: none;
	color: #990000;
}h6 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 70%;
}
h5 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #990000;
}
.bordered {
	BORDER-RIGHT: #b24759 1px solid; BORDER-TOP: #b24759 1px solid; BORDER-LEFT: #b24759 1px solid; BORDER-BOTTOM: #b24759 1px solid
}
.text10n {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left
}
.text10b {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left
}
.red {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left
}
.redb {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left
}
.maroon {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #660000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left
}
.maroon1 {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #660000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.blackfont {
	FONT-WEIGHT: normal; FONT-SIZE:90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.boldblack {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.boldfont {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.redfont {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.bluefont {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: italic; FONT-FAMILY: Arial, sans-serif
}
.cofont {
	FONT-WEIGHT: normal; FONT-SIZE: 80%; COLOR: #cc0000; FONT-STYLE: normal; FONT-FAMILY: monospace
}
.cofontb {
	FONT-WEIGHT: normal; FONT-SIZE: 80%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: monospace
}
.text {
	FONT-WEIGHT: normal; FONT-SIZE: 70%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.text1 {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.text2 {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.text3 {
	FONT-WEIGHT: normal; FONT-SIZE: 80%; COLOR: #333333; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, sans-serif
}
.text5 {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.text4 {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #993366; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.form {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #b24759; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}
.formt {
	COLOR: #333333
}
.form1 {
	COLOR: #99ff00
}
.form2 {
	COLOR: #b24759
}
.textblack {
	FONT-WEIGHT: bold; FONT-SIZE: 80%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, san-serif
}
.textwhite {
	FONT-WEIGHT: bold; FONT-SIZE: 80%; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial, san-serif
}
.copy {
	FONT-WEIGHT: normal; FONT-SIZE: 70%; COLOR: #333333; FONT-STYLE: italic; FONT-FAMILY: Arial, sans-serif
}
.sep {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #99ff00; FONT-STYLE: normal; FONT-FAMILY: Arial, sans-serif
}

div.menu {
	width:250px;
	background:#97504E;
	padding:0;
	margin:1em;
	border:1px solid #000;
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px
}

div.menu a {
	display:block;
	margin:0;
	width:auto;
	padding:0.3em;
	font-weight:bold;
	border-top:1px solid #000;
	color:#FFFFFF;
	text-decoration:none;
; font-family: Verdana, Arial, Helvetica, sans-serif
; font-size: 10px
; text-align: center
}

div.menu a:hover {background:#663300;color:#FAEFD3;; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
}
.blueheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #003399;
}
.pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #990000;
}
.bgWhite {
background-color: #ffffff; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10pt;
}
.subTitle {
	background-color : #42507d;
	border-bottom-color : #7F9DC9;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	border-top-color : #cccccc;
	border-top-style : none;
	border-top-width : 1px;
	border-left: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	font-size : 10pt;
	color:white;
	font-weight : bold;
	font: normal;
	padding:3px;
	padding-left : 10px;
}
.elementstableborder {
	border: thin dashed #990000;
}
.elementsborder {
	border-top: none;
	border-right: none;
	border-bottom: thin dashed #990000;
	border-left: none;
}
.welcometableborder {
	border: thin dashed #003399;
}
.welcomeborder {
	border-top: none;
	border-right: none;
	border-bottom: thin dashed #003399;
	border-left: none;
}
.sniptableborder {
	border: thin dashed #FFFF99;
}
.snipborder {
	border-top: none;
	border-right: none;
	border-bottom: thin dashed #FFFF99;
	border-left: none;
}
.tiptableborder {
	border: thin dashed #006699;
}
.tipborder {
	border-top: none;
	border-right: none;
	border-bottom: thin dashed #006699;
	border-left: none;
}
.candy {
	background-image: url(images/candycane.gif);
	border: thin solid #CC0000;
}
.newwhiteheader a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.newwhiteheader a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}
.popcontent {
padding:10px;
text-align:justify;
color: #336699;
font-weight:bold;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;

}
#TW-feed, #TW-feed ul {list-style:none; margin:0px; padding:0px}
#TW-feed li ul {display:none;position:absolute;background-color:#ffffff;padding:3px;border:1px solid #cccccc;}
#TW-feed li {font-weight:bold; color:#EC8132;}
#TW-feed ul li {padding-bottom:3px;}
#feedControl {
      margin-top : 20px;
      margin-left: auto;
      margin-right: auto;
      width : 160px;
      font-size: 100%;
      color: #9CADD0;

}
.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 1.0em;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 100%;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.2em;
  overflow : hidden;
  /*white-space: nowrap;*/
  white-space: normal;
  padding:2px;
}

.gfg-title a {
  color : #3366cc;
  text-decoration:none;
}
.gfg-title a:hover {
  color : #880000;
  text-decoration:none;
}

.gfg-subtitle {
  font-size: 100%;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.2em;
  /*overflow : hidden;*/
  overflow: visible;
  /*white-space: nowrap;*/
  white-space : normal;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 15em;
  position : relative;
  overflow : hidden;
   text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  /*white-space: nowrap;*/
  white-space : normal;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('http://www.texaswebdevelopers.com/images/gfg-arrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 100%;
  line-height : 1.2em;
  overflow : hidden;
  /*white-space: nowrap;*/
  white-space : normal;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('http://www.texaswebdevelopers.com/images/gfg-arrow-open.gif');
}

.gfg-collapse-closed {
  background-image : url('http://www.texaswebdevelopers.com/images/gfg-arrow-close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}
