.header
{
	width: 780px;
	height: 100px;
	background-position: left top;
	background-image: url(Images/header_logo.jpg);
	background-repeat: no-repeat;
	background-color: #0386D6;
}
.headerBg
{
	background-color: #0386D6;
	background-position: left top;
	background-image: url(Images/header_bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
.mainTitle
{
	font: bold 12px/1.5em Arial, sans-serif;
	background-color: #ffffff;
	color: #818181;
}
.subTitle
{
	font: 12px/1.5em Verdana, Arial, Sans-serif;
	color: #818181;
}

.mainTable
{
	font: 11px/1.5em Verdana, Arial, Sans-Serif;
	border: 0px;
	padding: 4px;
	margin: 0px;
	text-align: left;
}
.tablePad
{
	padding: 4px;
	margin: 0px;
}
.navMenu
{
	background-color: #e3e3e3;
	font:  bold 12px/1.5em Verdana, Arial, Sans-Serif;
	padding: 10px;
	margin: 0px;
	color: #717171;
}
.navMenu a:link, .navMenu a:visited
{
	color: #717171;
	text-decoration: none;
}
.navMenu a:hover
{
	color: #0099FF;
	text-decoration: underline;
}
.leftContent
{
	background-color: #639BC0;
	padding: 4px;
	margin: 0px;
	color: #ffffff;
	text-align: center;
}
.loginHeaderText
{
	font: bold 12px/1.5em Tahoma, Sans-Serif;
	color: #444444;
}
.warnBad
{
	color: Red;
	font: bold 11px/1.5em Verdana, Arial, Sans-Serif;
}
.NotifyUser
{
	font: bold 20px/1.5em 'Arial Black', Arial, Tahoma;
	color: Red;
}
.groupBox
{
	border: 1px solid #000000;
	padding: 4px;
	margin: 0px;
}
.gridHeaderStyle
{
	background: #336799;
	color: #ffffff;
	font: bold 11px/1.5em Arial;
	text-align: center;
	padding: 4px;
	margin: 0px;
}
.gridItemStyle
{
	font: 10px/1.5em Verdana, Arial, Sans-Serif;
	background-color: #ffffff;
	padding: 4px;
	margin: 0px;
	border: 1px solid #818181;
	color: #595959;
}
.gridAlternatingRowStyle
{
	background-color: #efefef;
}
.gridEditRowStyle
{
	background-color: #F5E017;
	color: #7117F5;
}
.gridFooterStyle
{
	background-color: #0099FF;
	color: #ffffff;
	font: 10px/1.5em Verdana, Arial, Tahoma;
	padding: 5px;
	margin: 0px;
}
.gridPagerStyle
{
	font: bold 11px/1.5em Verdana;
	color: #0099FF;
	background-color: #FEFFEF;
}
.gridPagerStyle a:visited, .gridPagerStyle a:link
{
	text-decoration: underline;
}
.gridPagerStyle a:active, .gridPagerStyle a:hover
{
	color: Red;
	font-weight: bold;
}
.gridSelectedRowStyle
{
	background-color: #FFFFC0;
}
.gridPageCount
{
	font: bold 12px/1.5em Arial, Verdana, Tahoma;
	color: #336699;
}
.gridRecordCount
{
	font: bold 12px/1.5em Arial, Verdana, Tahoma;
	color: #0099CC;
}
.RootNodeStyle
{
	font: bold 14px/1.5em Verdana, Arial, Sans-Serif;
	text-align: left;
	color: #ffffff;
	margin: 5px;
	padding: 5px;
}
.LeafNodeStyle
{
	font: bold 11px/1.5em Verdana, Arial, Sans-Serif;
	text-align: left;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
}
.TreeView
{
	color: #ffffff;
}
.TreeView a:link, .TreeView a:active, .TreeView a:visited
{
	text-decoration: none;
	color: #ffffff;
}
.TreeView a:hover
{
	text-decoration: underline;
	color: #00cc00;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
    background-color: #ffcccc;  
}
.MaskedEditFocus
{
    color: #6633ff;
    background-color: #66ffff;
}
.MaskedEditFocusNegative
{
    color: #ff0066;
    background-color: #ffccff;
}
.MaskedEditError
{
    color: #ff0000;
    background-color: #ffcccc;
}
.FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

.FreezePaneOn
{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: visible;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #666;
  z-index: 999;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  padding-top: 20%;
}

.InnerFreezePane
{
  text-align: center;
  width: 66%;
  background-color: #171;
  color: White;
  font-size: large;
  border: dashed 2px #111;
  padding: 9px;
}

.Freezing
{
   position: relative;
   top:expression(this.offsetParent.scrollTop-2);
   z-index:20;
}

.freeze {overflow: auto;}
.freeze table th {position: relative;}
.freeze table tbody {overflow-x:hidden;}

#blanket {
	background-color: #222222;
	opacity: 0.65;
	filter: alpha(opacity=65);
	position: absolute;
	z-index: 9001;
	top: 0px;
	left: 0px;
	width: 100%;
}

#popUpDiv 
{
	position: absolute;
	background-color: Transparent;
	min-width: 400px;
	min-height: 400px;
	z-index: 9999;
}
.popUpDiv 
{
	position: absolute;
	background-color: Transparent;
	min-width: 400px;
	min-height: 400px;
	z-index: 9002;
}

.wrapText
{
	word-wrap: break-word;
}

#popUpMsgDiv 
{
	position: absolute;
	background-color: Transparent;
	width: 300px;
	height: 300px;
	z-index: 9999;
}
.popUpMsgDiv 
{
	position: absolute;
	background-color: Transparent;
	width: 300px;
	height: 300px;
	z-index: 9002;
}
.ModalPopupBG
{
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}
.ModalPopupContainer{
	min-width: 300px; /* Dialog will be no smaller than this */
	min-height: 150px;
	background:#DDEDFB;
	border:1px solid #0099CC;
	color: #000;
}

.callout
{
	padding: 5px;
	border: 1px solid #7992B0;
	background-color: #8AA9B7;
	border-radius: 8px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow:         5px 5px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:    5px 5px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

.twitter-textbox
{
    margin-top:0;
    margin-bottom: 0;
    border: 1px solid #c4c4c4;
    width: 180px;
    height: 24px;
    font-size: 12px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.twitter-textbox:focus
{
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.twitter-select
{
    margin-top: 0;
    border: 1px solid #c4c4c4;
    width: auto;
    height: 30px;
    font-size: 12px;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    overflow: hidden;
}

.twitter-select:focus
{
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}