.tnail
{cursor:hand;}


.hyperlink
{
    FONT-SIZE: smaller;
    COLOR: black;
    FONT-FAMILY: 'Century Gothic';
    TEXT-DECORATION: none
}

.titleLink
{
    FONT-SIZE: smaller;
    COLOR: gray;
    FONT-FAMILY: 'Century Gothic';
    TEXT-DECORATION: none
}
.smalltext
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana
}
.widgetTable
{
    BORDER-RIGHT: gray 1px dotted;
    BORDER-TOP: gray 1px dotted;
    BORDER-LEFT: gray 1px dotted;
    WIDTH: 100%;
    BORDER-BOTTOM: gray 1px dotted
}
.widgetTitle
{
    BACKGROUND-IMAGE: images/itle.jpg;
    COLOR: black;
    BORDER-BOTTOM: gray 1px dotted;
    FONT-FAMILY: 'Century Gothic';
    HEIGHT: 0px;
    BACKGROUND-COLOR: skyblue;
    VALIGN: baseline
}
.widgetTDContent
{
    HEIGHT: 0px;
    vAlign: top
}
.widgetDIV
{
    FONT-SIZE: larger;
    OVERFLOW: hidden;
    COLOR: crimson;
    FONT-FAMILY: 'Comic Sans MS', Arial;
    HEIGHT: 180px;
    BACKGROUND-COLOR: white
}
.homeTitle
{
    BORDER-TOP: #ffccff thin dotted;
    BORDER-BOTTOM: #ffccff thin dotted
}
.homeMenu
{
    BORDER-RIGHT: #ffccff thin dotted;
    HEIGHT: 500px
}
.menuItem
{
    BORDER-TOP: #ffccff 1px solid
}
.articleTable
{
    BORDER-RIGHT: gray 1px dotted
}
.articleLink
{
    FONT-SIZE: smaller;
    COLOR: blue;
    FONT-FAMILY: 'Century Gothic'
}
.articleText
{
    FONT-SIZE: 14px;
    COLOR: darkslategray;
    FONT-FAMILY: Verdana, 'Times New Roman'
}
.articleTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 22px;
    COLOR: darkslategray;
    FONT-FAMILY: 'Century Gothic', 'Times New Roman'
}
.articleText A
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    CURSOR: hand;
    COLOR: blue;
    BORDER-BOTTOM: #00cccc 1px dotted;
    TEXT-DECORATION: none
}
.codeGreen
{
    FONT-SIZE: 85%;
    COLOR: green;
    FONT-FAMILY: verdana
}
.centerTable
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 86%;
    BORDER-BOTTOM: 0px;
    CELLSPACING: 2;
    CELLPADDING: 2;
   
}

.addTD
{
  width: 120px ;
}

.samplecode
{overflow:auto;
width:650px;
background-color: ivory;
border: 1px dotted;
FONT-FAMILY: courier
}

.samplecodeshort
{overflow:auto;
width:550px;
background-color: ivory;
border: 1px dotted;
FONT-FAMILY: courier
}

.contactinfo
{
    FONT-SIZE: 10px;
    COLOR: darkslategray;
    FONT-FAMILY: Verdana, 'Times New Roman';
    background-color: ivory;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    text-align: center;
}

.ttip
{ BORDER-BOTTOM: #00cccc 1px dotted;
  color: red;
  FONT-SIZE: 18px;}
  
  
  .headerCss
{
    cursor:hand;
    cursor:pointer;
}

.contentCss
{
  border-left:1px solid #C8C2A8;
  border-right:1px solid #C8C2A8;
  background-color:#ECECD9;
     width:565px;
     text-align:center;
}

.iFrameCss
{
    overflow:auto;
    width:565px;
    padding:0px;
    height:386px;
    margins:0px;
}


/**
 * POPUP BACKGRND STYLES
 */

#body {
	background-color: #efefef;	
}

#body, html, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
}

.info {
	font-style:italic;
	font-size: 0.9em;
	color: #666666;
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;	
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	/*background-color:transparent !important;*/
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;	
}

#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;	
}

#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;	
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;	
}

#popupTitleBar
{
	background-color: #486c8f;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
	cursor: move;
}

#popupTitle 
{	
	float:left;
	font-size: 1.1em;	
}

#popupControls {
	float: right;
	cursor: pointer;	
}