.body {
		margin:0px px 0px 0px;
		padding:0px;
		background-color:#d5e2ea;
		background-image:URL(../Images/pageBg.gif);
		background-repeat:repeat-x;
	
		}
.pageHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#666666;
	text-transform: uppercase;
	padding-top: 4px;
	padding-left: 4px;
}

.DynamicMenu { display: none; }

.errorMessages 
{
	font-weight: bold;
	color: #FF0000;
	padding-top: 4px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.treeView img { width:48px; height:48px; }

.redtext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
	
}

.redtextlarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
	
}

.redtextnormal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
	
}
.greenBox 
{
	text-align: right;
	vertical-align: middle;
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #9EEC8D;
	border: 1px solid #BAD8FB;
}
.browntext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: Brown;	
}

.graytext 
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #424242;	
}

.maroontext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #562F32;
	
}

.bluetext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: Blue;	
}
.lightbluetextlarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #66c2ff;	
}
.blacktextlarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;	
}
.bluetextbold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: Blue;
	font-weight:bold;
}
.bluebar 
{
	background-color: #42809D;
	border-bottom-style:solid;
	border-bottom-color:#96968d;
	border-bottom-width: 1px;
	border-top-color:#96968d;
	border-top-style:solid;
	border-top-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	border-left-color: #96968d;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #96968d;
	border-right-width: 1px;
	border-style: solid;
	
	 
}

.lightbluebar 
{
	background-color: #73A2B8;
	border-bottom-style:solid;
	border-bottom-color:#96968d;
	border-bottom-width: 1px;
	border-top-color:#96968d;
	border-top-style:solid;
	border-top-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	border-left-color: #96968d;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #96968d;
	border-right-width: 1px;
	border-style: solid;		 
}

.greenBar 
{
	font-weight: bold;
	font-size: 11px;	
	color: Black;
	font-family:Sans-Serif;
	height:20px;
	text-align:left;
	background:url(../images/imgBlueBar.png);
	background-repeat:repeat;
}

.chartHead
{
	font-weight: bold;
	font-size: 11px;	
	color: Black;
	font-family:Sans-Serif;
	font-style:italic;
	height:20px;
	text-align:left;
	/*background:url(../images/buttonbg1.png);
	background-repeat:repeat;*/
}

.chartHeadintra
{
	font-weight: bold;
	font-size: 11px;	
	color: Black;
	font-family:Sans-Serif;
	font-style:italic;
	height:20px;
	text-align:left;
	/*background:url(../images/buttonbg1.png);
	background-repeat:repeat;*/
}

.chartHeadLight
{
	font-weight: bold;
	font-size: 11px;	
	color: #15295D;
	font-family: Arial;
	height:20px;
	text-align:left;
	background:url(../images/bgChartHead1Light.jpg);
	background-repeat:repeat;
}
.chartHeadRight
{
	font-weight: bold;
	font-size: 11px;	
	color: #15295D;
	font-family: Arial;
	height:22px;
	text-align:right;
	background:url(../images/bgChartHead1.jpg);
	background-repeat:repeat;
}
.subchartHead
{
	font-weight: bold;
	font-size: 11px;	
	color: #15295D;
	font-family: Arial;
	height:22px;
	text-align:left;
}
.chartPageHead
{
	font-weight: bold;
	font-size: 11px;	
	color: #ffffff;
	font-family: Arial;
	height:22px;
	text-align:center;
	background:url(../images/bgChartPageHead.jpg);
	background-repeat:repeat;
}
.bluebox
{
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;	
	background:url(../images/blueboxbg.gif);
	background-repeat:repeat;
}
.bodytextbold 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;	
}
.bodytextboldgreenuline
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;	
	border-bottom: 1px solid #0078B8;
}
.bodytextboldUline
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bluetextbold 
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0889C3;
}
.greentextbold 
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #005900;
}
.greentext
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #005900;
}
.groupHeader {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	color: #749483;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 4px;
}
.grayboxnoinsidewhite 
{
	border: thin none;
	border: 1px solid LightBlue;
	color: #333333;
	font-family:Arial ;
	font-size: 11px;
}
.graybox
{
	border: thin none;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
.baloonpopuprectanle
{
	border: thin none;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align:left;
}
.tblNormal 
{
	width:100%;
}
.tblDotted 
{
	border: 1px dotted LightGrey;
}

.wizardSideBar 
{
	border-right:1px dotted #CCC;
	vertical-align:top;
	width:230px;
}

.labels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-left: 4px;
	padding-right: 4px;
}
.labelsBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003871;
	padding-left: 4px;
	padding-right: 4px;
}
.labelsRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	padding-left: 4px;
	padding-right: 4px;
}
.labelsBrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #800000;
	padding-left: 4px;
	padding-right: 4px;
}
.Check {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-right: 4px;
}

.labelsBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
}

.radioBoxLabels {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-left: 4px;
	text-transform: capitalize;
}

.tableHeader {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #658ED0;
	background-position: center center;
	text-align: center;
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 17px;
	height: 30px;
}

.tableRowOneNormal {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #E7EFF7;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
}
.tableRowOneSmall {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #E7EFF7;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 18px;
}
.tableRowTwoSmall {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	height: 18px;
	padding-left: 10px;
}
.tableRowOneLeft {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #E7EFF7;
	background-position: center center;
	text-align: left;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
}
.tableRowOneBold {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #E7EFF7;
	background-position: center center;
	text-align: left;
	padding-top: 3px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
}

.tableRowTwoNormal {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	height: 22px;
	padding-left: 10px;
}

.tableRowTwoLeft {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: left;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	height: 22px;
	padding-left: 10px;
}
.tableRowTwoBold {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: left;
	padding-top: 3px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
}
.textBoxXSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 40px;
}
.textBoxSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 115px;
}
.textBoxMediumSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 125px;
}

.textBoxMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 200px;
}

.textBoxLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 350px;
}

.groupBox {
	background-color: #F2F6FD;
	border: 1px solid #BAD8FB;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.4px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
    margin-right: 13px;
}

.verticalLine {
	border-right: 1px dotted #ccc;
}

.verticalLineNull {
	border-right: 0px dotted #ccc;
}

.controlBoxBlue {
	background-color: #D2E1F4;
}

.labelsRight {
	text-align: right;
	vertical-align: middle;
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
}
.labelsRightBold {
	text-align: right;
	vertical-align: middle;
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
	font-weight:bold;
}
.labelsLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-align: left;
	padding-right: 4px;
	height: 25px;
	vertical-align: middle;
}
.mainPageBdr {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #AEBDCE;
	border-left-color: #AEBDCE;
}

.pageLeftBrd {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #5B9FC2;
}

.tableLinksRowOne {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	text-transform: capitalize;
	color: #336699;
	background-color: #E7EFF7;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
	text-decoration: underline;
}

.tableLinksRowTwo {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	text-transform: capitalize;
	color: #336699;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: center;
	padding-top: 3px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 22px;
	text-decoration: underline;
}

.textBoxFullLength {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
    font-size: 1em;
	width: 770px;
}

.comboBoxMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 20px;
	width: 95%;
}

.textBoxMediumLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 100%;
}
.checkBoxListMediumLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px solid #666666;
	height: 20px;
	width: 100%;
}
.listBoxFullWidth {
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	border: 1px solid #ccc;
    font-size: 1em;
}
.cbListWrap  
{
    width: 70%;
}

.cbListWrap input 
{ 
    float:left;
}

.cbListWrap label 
{ 
    display: block;
}

.rbListWrap  
{
    width: 70%;
}

.rbListWrap input 
{ 
    float:left;
}

.rbListWrap label 
{ 
    display: block;
}

.rbListWrapNoWidth 
{
    width: 40%;
}

.rbListWrapNoWidth input 
{ 
    float:left;
}

.rbListWrapNoWidth label 
{ 
    display: block;
}

.cbListWrapNoWidth 
{
    /*width: 70%;*/
}

.cbListWrapNoWidth input 
{ 
    float:left;
}

.cbListWrapNoWidth label 
{ 
    display: block;
}

.textBoxWithoutHeight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	width: 100%;
}
.textBoxMediumRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 100%;
	margin-right: 5px;
}

.infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.comboBoxMediumRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 20px;
	width: 98%;
	margin-right: 5px;
	padding-right: 5px;
}

.textAreaMediumLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 100px;
	width: 100%;
	margin-bottom: 3px;
}

.textAreaMediumRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 100px;
	width: 99%;
}

.comboBoxSmallRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 20px;
	width: 38%;
	margin-right: 5px;
	padding-right: 5px;
}

.labelscheckbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-right: 4px;
	height: 25px;
}

.hyperlink {
	font-family: Arial;
	font-size: 13px;
}
.href {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: underline;
}

.repeaterContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
}

.textAreaLargeRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 200px;
	width: 98%;
}

.textAreaLargeLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 200px;
	width: 100%;
	margin-bottom: 3px;
}

.labelsBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
}

.supportText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-position: right bottom;
	vertical-align: bottom;
	text-align: right;
	padding-right: 5px;
}

.supportTextLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-position: left bottom;
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
}

.bluebutton {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 23px;
	text-transform: none;
	vertical-align:middle;
	border: none;
	background:url(../images/bluebuttonbg.jpg);
	color:#FFFFFF;
    border-radius: 25px;
}

.graybutton {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family:Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	vertical-align:middle;
	background:url(../images/ButtonBg.png);
	color:#FFFFFF;
    border-radius: 25px;
}

.greenbutton {
    height:20px;
	border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family:Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	vertical-align:middle;
	background:url(../images/imgBlueBar.png);
	color:#FFFFFF;
    border-radius: 25px;
}

.sectionHead {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 23px;
	text-transform: none;
	vertical-align:middle;
	border: 1px solid #F6F6A8;
	background:url(../images/bluebuttonbg.jpg);
	color:#FFFFFF;
}
.bluebuttonsmall {
	font-family:Arial ;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 20px;
	text-transform: none;
	vertical-align:middle;
	border: 1px solid #F6F6A8;
	background:url(../images/bluebuttonbg.jpg);
	color:#FFFFFF;
}
.bluebuttonlink {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	border: 1px solid #F6F6A8;
	background:url(../images/Btn.JPG);
	color:#FFFFFF;
}
.groupBoxDisabled {
	background-color: #F0F1F5;
	border: 1px solid #CCCCCC;
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
}

.GroupBoxTopRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	height: 10px;
}

.footerDark {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	padding-left: 10px;
}
.footerLight {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
.loginControlText {

	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 9px;
	color: #749483;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 4px;
}
.leftControlValue {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-left: 15px;
	padding-right: 4px;
	font-weight: bold;
}
.leftReminders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-transform: capitalize;
	font-weight: bold;
	padding-left: 4px;
	height: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}
.whiteBorder {
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.labelsRightIntend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	padding-left: 10px;
	padding-right: 4px;
}
.tableRowOneMain {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #282E82;
	text-align: left;
	padding-top: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 12px;
	height: 22px;
}
.labelCaps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
.BBBorder {
	border: 1px solid #2572A8;
}
.messageSummaryTitles {
	background-color: #DBEAF5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2572A8;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;

}
.msgLeft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #95B3DE;
}
.msgTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #95B3DE;
	font-size: 1px;


}
.msgRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #95B3DE;

}
.msgBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #95B3DE;
	font-size: 1px;


}
.messages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282E82;
	padding-left: 4px;
	padding-right: 4px;
}
.headerLinks {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	color: #608DD1;
	text-transform: lowercase;
	font-weight: bold;
	padding-left: 5px;
}
.grdItems
{
	font-weight: bold;
	font-size: 11px;
	color: #313131;
	direction: ltr;
	text-indent: 2pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	text-decoration: none;
}
.dtListItem {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #E7EFF7;
	background-position: center center;	
	text-align: center;
	
	font-size: 8px;
	
	padding-left: 10px;
	height: 22px;
}

.dtListAltItem 
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #222222;
	background-color: #F1F1F1;
	background-position: center center;
	text-align: center;
	
	font-size: 8px;	
	height: 22px;
	padding-left: 10px;
}
.dtListHeader {	
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #658ED0;
	background-position: center center;
	text-align: center;
	font-weight: bold;
	font-size: 8px;
	
	line-height: 17px;
	height: 30px;
}
.textBoxBlue {
	background-position:center center;
	background-color: #D2E1F4;	
	color: #003871;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	width: 75px;
	border:1px;
	font-weight:bold;		
	cursor:default;
	text-align:center	
}
.textBoxtDisabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 100%;	
	cursor:default;
	background-color:#EFEFEF;
}
.textBoxtDisabledSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 20px;
	width: 75px;	
	cursor:default;
	background-color:#EFEFEF;
}
.treeView {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.fileFld 
{
	border: 1px solid #363233;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 11px;
	height: 20px;
	width:99.7%
}
.textBoxDescription
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 75px;
	width: 100%;
	margin-right: 5px;
}
.textBoxDescriptionLarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7a96df;
	height: 150px;
	width: 100%;
	margin-right: 5px;
}
.chartLabels {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #222222;
	padding-left: 4px;
	text-transform: capitalize;
}

.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
    margin-right: 13px;
}
.bodytext12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
    margin-right: 13px;
}
.bodytextwhite {
	font-family:Arial ;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: White;
	text-decoration:none;
  
}

.bodytextsmall {
	font-family:Arial ;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
  
}

.bodytextright {
	font-family:Arial ;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
    text-align:right;
}

.bodytextBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
	text-decoration:none;
    margin-right: 13px;
}

.largeText 
{
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.largeTextBold {
	font-family:Calibri ;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration:none;
  
}

.dropdown60 
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 60px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdown300
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 300px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdown320
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 320px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdownFullWidth
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 99%;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdownNoWidth
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 85%;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}


.dropdown500
{
    font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 500px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdown100
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 100px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdown200
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	width: 100px;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}

.dropdown
{
	font-family:Arial, Helvetica, sans-serif ;
	border: 1px solid #D8D8D8;
	height:20px;
	font-size: 11px;	
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585858;
	text-decoration:none;
}	

.textbox150 
{
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	border: 1px solid #7a96df;
	width: 150px;
}

.textbox250 
{
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	border: 1px solid #7a96df;
	width: 250px;
}

.textbox350 
{
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	border: 1px solid #7a96df;
	width: 350px;
}

.textboxFullWidth
{
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	border: 1px solid #7a96df;
	width: 98%;	
}	

.subinfobar 
{
	font-family:Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;	
	color: Black;
}

.subinfobarcapital
{
	font-family:Arial ;
	font-size: 11px;
	font-weight: bold;
	color: #00329b;
	text-transform:uppercase;
}

.subinfobarunderlined
{
	font-family:Arial ;
	font-size: 11px;
	font-weight: bold;
	color: #00329b;
	text-decoration:'underline';
}

.gridheadgray
{	
	color:#ffffff;
	background:url(../images/GridHeadBg.png);
	text-align:left;
}

.gridheadgreen
{	
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	background:url(../images/imgBlueBar.png);
	text-align:left;
}

.gridheadlightgreen
{	
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:Black;
	/*background:url(../images/imgBlueBar.png);*/
	background-color:#EAF4FA;
	text-align:left;
	font-weight:bold;
}

.gridheadgreendisplay
{	
    font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:Black;
	/*background:url(../images/imgBlueBar.png);*/
	background-color:#EBF4FB;
	text-align:center;
}

.itemstyle
{	
	background-color: #fafafa;	 
	border: 1px solid #ccc;	
}

.alternatestyle
{	background-color: #F2F7FB;	
	border: 1px solid #ccc;	
}	

.itemstyledisplay
{	
	background-color: #ffffff;	 
	border: 1px solid #ccc;
	text-align:center;	
	font-size: 20px;
	height:50px;
	color:#CB0000;
	font-weight:bold;
}

.alternatestyledisplay
{	background-color: #ffffff;	
	border: 1px solid #ccc;	
	text-align:center;
	font-size: 20px;
	height:50px;
	color:#007A22;
}

.selecteditemstyle
{
	color: #ffffff; 
	font-family:Calibri ;
	font-size: 12px;
	font-weight: normal;
	background-color:#87ceeb ;	 
}
.pagerstyle
{	
	color: Blue;
	padding-left:10px;
	text-align:left;
	height:20px;
	font-family:Calibri ;
	font-size: 12px;
	font-weight: normal;	
	font-weight: bold; 
}	

.infobar {
	background-color: #f5f5f5;
	border-bottom-style:solid;
	border-bottom-color:#b22222;
	border-bottom-width: 1px;
	border-top-color:#b22222;
	border-top-style:solid;
	border-top-width:1px;
	font-family:Arial ;
	font-size: 11px;
	font-weight: bold;
	color: #b22222;
	border-left-color: #b22222;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #b22222;
	border-right-width: 1px;
	border-style: solid;
	 
}
.subinfobarunderlined {
	font-family:Arial ;
	font-size: 14px;
	font-weight: bold;
	color: #00329b;
	font-underline: "true";
}
.grayboxinsideblue {
	border: thin none;
	border: 1px solid #AEE6F4;
	color: #333333;
	font-family:Arial ;
	font-size: 11px;
	background:url(../images/bgback.JPG);
	background-repeat:repeat;
}
.linkwhite {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: White;
}
.linknormal {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #3C6CB8;
}
.linkbold {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #3C6CB8;
}
.pageheadblue
{
	font-weight: bold;
	font-size: 12px;	
	color: #ffffff;
	font-family: Calibri;
	height:22px;
	text-align:left;
	margin-left:20px;
	background:url(../images/bband.jpg);
	background-repeat:repeat;
	text-transform: uppercase;
}
.gridheadbluebig
{
	font-weight: bold;
	font-size: 14px;	
	color: #ffffff;
	font-family: Calibri;
	height:22px;
	text-align:left;
	margin-left:20px;	
	background:url(../images/bgChartPageHead.JPG);
	background-repeat:repeat;
}
.chartHeadTest
{
	font-weight: bold;
	font-size: 11px;	
	color: #15295D;
	font-family: Arial;
	height:22px;
	text-align:left;
	background:url(../images/bgChartHead2.jpg);
	background-repeat:repeat;
}
.errorbar {
	background-color: #FFFFCC;
	/*border-bottom-style:solid;
	border-bottom-color:#A9A9A9;
	border-bottom-width: 1px;
	border-top-color:#A9A9A9;
	border-top-style:solid;
	border-top-width:1px;
    border-left-color: #A9A9A9;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #A9A9A9;
	border-right-width: 1px;
	border-style: solid;*/
	font-family:Arial ;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: Red;
	
	 
}
.clsMission 
{
	font-family:Monotype Corsiva;
	font-size: 16px;
	color: #00329b;
	background:url(../images/bluebg.jpg);
	background-repeat:repeat;
}
.mainLinks
{
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.mainHyperLinks
{
	color:#333333;
	text-decoration:none;
}
.subHyperLinks
{
	color:#333333;
	text-decoration:none;
}
.collapsePanel 
{
	width: 100%;
	height:0px;
	background-color:white;
	overflow:hidden;
	border-color:Gray;
}

.collapsePanelHeader{	
	width:100%;		
	height:20px;
	color: Black;
	font-weight:normal;
	/*float:left;*/
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.collapsePanelHeaderBg{	
	width:100%;		
	height:15px;
	color: Black;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
	/*background:url(../images/bgLightGray.png);
	background-repeat:repeat-x;*/
	background-color:#cccccc;
}
.bluebg
{
	font-weight: bold;
	font-size: 11px;	
	color: #15295D;
	font-family: Arial;
	height:22px;
	text-align:left;
	background:url(../Images/bluebg.jpg);
	background-repeat:repeat;
}
.lnk
{
    color: #0017F8;
    text-decoration: none;
    border-bottom: 1px dotted #0017F8;
    cursor: pointer;
}

.lnkUpper
{
    font-size: 11px;
    color: #0017F8;
    text-decoration: none;
    border-bottom: 1px dotted #0017F8;
    cursor: pointer;
}

.squarebox {
    width: 100%;
    border: solid 1px #336699;
    text-align: center;
    overflow: hidden; }
.squareboxgradientcaption {
    color: #ffffff;
    padding: 5px;
    background-image: url(../images/bgChartHead1Light.jpg);
    background-repeat: repeat-x; }
.squareboxcontent {
    background-color: #f5f5f5;
    padding: 10px;
    overflow: hidden;
    border-top: solid 1px #336699; 
}
.body {
	background-image: url(../images/A_Website_Background.png);
	background-position: top;
	background-repeat:repeat;
	/*background-color: #f5f5f5;*/
}
.bodyintra {
	background-image: url(../images/A_Website_Background.png);
	background-position: top;
	background-repeat:repeat;
	/*background-color: #f5f5f5;*/
}
.bodyinner {
	background-image: url(../images/bginner.png);
	background-position: top;
	background-repeat:repeat;
}

.dashedline {
border-top: 1px dotted #ccc;
}
.dashedlinebottom {
border-bottom: 1px dotted #ccc;
}
.gridheadred
{
	font-weight: bold;
	font-size: 11px;	
	color: #ffffff;
	font-family: Arial;
	height:22px;
	text-align:left;
	margin-left:20px;	
	padding-left:20px;
	background:url(../images/titleBg.JPG);
	background-repeat:repeat;
}

.fixedHeader
{
font-weight:bold;
position:absolute;
background-color: #006699;
color: #ffffff;
height: 25px;
top: expression(Sys.UI.DomElement.getBounds(document.getElementById("panelContainer")).y-25);
}


.grid-view
{
    padding: 0;
    margin: 0;   
	border: 1px solid #ccc;	
}

.grid-view tr.header
{	
	border: 1px solid #ccc;
	background:url(../images/bggreenbutton.png);
	color:#FFFFFF;
}

.grid-view tr.normal
{
   color: #6E6E6E;
   vertical-align: middle;
   text-align: left;
   background-color: #FFFFFF;
}

.grid-view tr.alternate
{
   color: #6E6E6E;
   vertical-align: middle;
   text-align: left;
   background-color: #F2F7FB;	
}
.grid-view tr.selected
{
   color: #6E6E6E;
   vertical-align: middle;
   text-align: left;
   background-color: Red;	
}
.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
   background-color:LightBlue;
   color: black;
   font-weight:normal;
}

.watermark250 {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0655B5;
	border: 1px solid #7a96df;
	width: 250px;
}
.watermarkFullWidth {
	color: #ccc;
	width: 320px;
    border: 1px solid #ccc;
    height:19px;
}

.watermark320 {
	color: #ccc;
	width: 320px;
    border: 1px solid #ccc;
    height:19px;
}

.watermarkNoWidth {
	color: #ccc;
	width: 85%;
	height:19px;
    border: 1px solid #ccc;
}
.watermark60 {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #696969;
	border: 1px solid #7a96df;
	width: 60px;
}
.watermark100 {
	color: #ccc;
	width: 100px;
	height:19px;
    border: 1px solid #ccc;
}
.watermark120 {
	color: #ccc;
	width: 120px;
	height:19px;
    border: 1px solid #ccc;
}
.watermark150 {
	color: #ccc;
	width: 150px;
	height:19px;
    border: 1px solid #ccc;
}
.watermark200 {
	color: #ccc;
	width: 200px;
	height:19px;
    border: 1px solid #ccc;
}
.watermarksmall {
	font-family:Arial ;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0655B5;
	border: 1px solid #7a96df;
	width: 115px;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.5;
}
.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    display: hidden;
    width:900px;
}

a.cssmouseover {
display:block;
width:200px;
height:100px;
background-image:url(../Images/truckomanlogo.png);
background-position:0px 0px;
}
a.cssmouseover:hover {
background-position:0px -100px;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fade:hover {
      opacity: 0.8;
      color:#007902;
      font-weight:bold;
}

.fade1 {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fade1:hover {
     //opacity: 0.8;
     background-color:LightGreen;
}

.fadeblue {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fadeblue:hover {
     //opacity: 0.8;
     background-color:lightblue;
}

.fadered {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fadered:hover {
     background-color:Red;
     color:white;
}

.fademaroon {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fademaroon:hover {
     //opacity: 0.8;
     background-color:#C70039;
     color:white;
}

.fadeorange {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fadeorange:hover {
     //opacity: 0.8;
     background-color:#F48024;
     color:white;
}

.fadegreen {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fadegreen:hover {
     //opacity: 0.8;
     background-color:#34A853;
     color:white;
}

.fadegray {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
 
.fadegray:hover {
     //opacity: 0.8;
     background-color:#808080;
     color:white;
}

/*Rouded corners*/
.container {background:#ccc; color:#fff; margin:0 15px;}
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#ccc;
}
 .r1{margin: 0 5px}
 .r2{margin: 0 3px}
 .r3{margin: 0 2px}
 .r4{
margin: 0 1px;
height: 2px
}
/*Rouded corners over*/

.ContextMenuPanel {
border: 1px solid #868686;
z-index: 1000;
background: url(../images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
cursor: default;
padding: 1px 1px 0px 1px;
font-size: 11px;
}
a.ContextMenuItem {
margin: 1px 0 1px 0;
display: block;
color: #039;
text-decoration: none;
cursor:pointer;
padding: 4px 19px 4px 33px;
white-space: nowrap;
}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position:fixed;
	top: 250px;
	left: 50px;
	width: 250px;
	padding: 5px;
	z-index: 100;
	background: #008623;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a.tip span img {
	border:1;
}

 a:hover.tip {
	/*font-size: 99%;  this is just for IE */
}

a:hover.tip span {
	display: block;
}

.hoverHilight {
    background-color: #ffffc0;
    color: inherit;
    cursor: pointer;
}

.activeCellHilight {
    background-color: #c0dbff;

    color: blue;
}

#table-container {
  position: relative;
  width: auto;
  height: 100px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #596380;
  padding: 0 10px 0 0;
}
table.gvTheGrid {
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  border-left: 1px solid #596380;
  border-top: 1px solid #596380;
}
table.gvTheGrid caption {
  padding: 3px 10px;
  font-size: larger;
  font-weight: bold;
  color: #FFF;
  background: #BF8660;
  border: 1px solid #596380;
  border-top-width: 3px;
  border-left-width: 5px;
}
table.gvTheGrid thead {
  background: #CFD4E6;
}
table.gvTheGrid thead td,
table.gvTheGrid thead th {
  color: #000;
  font-weight: bold;
}
table.gvTheGrid td,
table.gvTheGrid th {
  padding: 6px 10px;
  text-align: center;
  border-right: 1px solid #596380;
  border-bottom: 1px solid #596380;
}

.circleRED
{
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:15px;
    color:#fff;
    line-height:40px;
    text-align:center;
    border-color:#007A22;
    background:#CB0000;
}
.circleREDSmall
{
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:11px;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-color:#FF0000;
    background:#FF0000;
}
.circlePURPLE
{
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:15px;
    color:#fff;
    line-height:40px;
    text-align:center;
    border-color:#007A22;
    background:#852C9A;
}
.circleBLUE
{
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:15px;
    color:#fff;
    line-height:40px;
    text-align:center;
    border-color:#007A22;
    background:#27A9E3;
}
.circleBLUESmall
{
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:11px;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-color:#007A22;
    background:#27A9E3;
}
.circleGREEN
{
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:15px;
    color:#fff;
    line-height:40px;
    text-align:center;
    border-color:#007A22;
    background:#28B779;
}
.circleGREENSmall
{
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:11px;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-color:#007A22;
    background:#28B779;
}
.circleORANGE
{
    width:50px;
    height:50px;
    border-radius:50%;
    font-size:15px;
    color:#fff;
    line-height:50px;
    text-align:center;
    border-color:#007A22;
    background:#FFB849;
}

.circleYellowSmall
{
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:11px;
    color:Black;
    line-height:25px;
    text-align:center;
    border-color:#FFFF66;
    background:#FFFF66;
    
}

.circleMaroonSmall
{
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:11px;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-color:#C00000;
    background:#C00000;
    
}

.circleBorderBlueSmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #0089B7;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.circleBorderREDSmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid Red;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.circleBorderMaroonSmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #C70039;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.circleBorderOrangeSmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #F48024;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.circleBorderGreenSmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #34A853;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.circleBorderGraySmall
{
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #808080;
    font-size:11px;
    color:#fff;
    line-height:22px;
    text-align:center;
}

.squareBLUE
{
    width:120px;
    height:150px;
    border-radius:1%;
    font-size:15px;
    color:#fff;
    line-height:130px;
    text-align:center;
    border-color:#007A22;
    background:#27A9E3;
}

ol {margin-left:0; padding-left:0; counter-reset:item}
ol>li {margin-left:0; padding-left:0; counter-increment:item; list-style:none inside;margin-bottom:100px}
ol>li:before {
content:"(" counter(item) ")";
padding:30px 33px;
margin-right:0.5em;
background:#ccc;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; 

}
/* WIZARD */
.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCompleted
{
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCurrent
{
    background-color: #e01122;
    width: 15px;
    border: 1px solid #e01122;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak
{
    width: 3px;
    background-color: Transparent;
}

.wizardProgress
{
    padding-right: 10px;
    font-family: Arial;
    color: #333333;
    font-size: 12px;

}

.wizardTitle {
    font-family: Arial;
    font-size: 120%;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
}

.buttonClass
{
    padding: 2px 20px;
    text-decoration: none;
    border: dotted 1px #0089B7;
    background-color: #F2F9FC;
}
.buttonClass:hover
{
    border: solid 1px #0089B7;
    background-color: #ffffff;
}

.MyTabStyle .ajax__tab_header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:normal;
    display:block;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border:dotted 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#F2F9FC;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #fff;
    border-top-width: 0;
    border: dotted 0px #d7d7d7;
    border-top-color: #ffffff;
}
.DisplayBox
{
    padding: 2px 2px;
    text-decoration: none;
    border:solid 1px #cceeff;
    border-radius:5%;
    background-color: #ffffff;
    color:black;
}
.DisplayBox:hover
{
    border: dotted 1px #cceeff;
    background-color: #ffffff;
    font-weight:bold;
}

.DisplayBoxOval
{
    padding: 2px 20px;
    text-decoration: none;
    border: dotted 1px #0087B5;
    border-radius:10%;
    background-color: #F2F9FC;
    color:black;
}
.DisplayBoxOval:hover
{
    border: dotted 1px #0087B5;
    background-color: #ffffff;
    font-weight:bold;
}

.DisplayBoxSemiOval
{
    padding: 2px 2px;
    text-decoration: none;
    border: dotted 1px #0087B5;
    border-radius:5%;
    background-color: #F2F9FC;
    color:black;
}
.DisplayBoxSemiOval:hover
{
    border: dotted 1px #0087B5;
    background-color: #ffffff;
    font-weight:bold;
}