/* Default CSS Stylesheet for a new Web Application project*/

body
{
	background: #fff;
	padding: 0;
	color: #000;
	font: x-small/1.5em Georgia,Serif;
	font-size: small;
	margin: 0 0 0 0;
	
} 
A:link	{
	text-decoration:	none;
	color:	#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	}	
a:visited {
	text-decoration:	none;
	color:	#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
img
{
    border-width: 0px;
    border-color: #FFFFFF;
}

.ErrMsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: blink;

}
.ReturnMsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: Navy;
	text-decoration: blink;

}
.PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #00448c;
}
.PageTitleNoCap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00448c;
}
.PageTitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00448c;
}
.PageTitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #00448c;
}
.PageTitle3NoCap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00448c;
}
.PageTitle3NoCapWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
}
.PageTitle4NoCap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00448c;
}
.GridHeader {
    background-position: bottom;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-image: url(   'images/BlueDownButton.gif' );
    background-repeat: repeat-x;
    line-height: 100%;
    min-height: 30px;
}
.GridHeaderNoHeight {
    background-position: bottom;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-image: url(   'images/BlueDownButton.gif' );
    background-repeat: repeat-x;
}
.GridFooter
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #C0C0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-image: url( 'images/BlueUpButton.gif' );
    line-height: 30px;
}
.NoneGridHeader
{
	border: 1px solid #C0C0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(  'images/BlueUpButton.gif' );
}
.MenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00448c;
	text-decoration: none;

}
.MenuLink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00448c;
	background-color: #00448c;
	text-decoration: none;
	

}
.Grid {
    padding: 1px;
    margin: 1px;
    border: thin solid #C0C0FF;
}
.GridItemAlt {
    border: thin solid #C0C0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: normal;
}
.GridItemSel {
    border: thin solid #C0C0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: yellow;
	text-decoration: none;
	font-weight: bold;	
}
.GridItemSelNoBold {
    border: thin solid #C0C0FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: yellow;
	text-decoration: none;
}
.GridItem {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemNoBoder {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemStrikeout {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: line-through;
    line-height: normal;
    height: 20px;
}
.GridItemRed {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: red;
    text-decoration: none;
    line-height: normal;
    height: 20px;
    color: #FFFFFF;
}
.GridItemBrightRed {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #f72f22;
    text-decoration: none;
    line-height: normal;
    height: 20px;
    color: black;
}
.GridItemDarkBlue {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #0000FF;
    text-decoration: none;
    line-height: normal;
    height: 20px;
    color: white;
}
.GridItemYellow {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: yellow;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemOrange {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: orange;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemGrey {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #C0C0C0;
    text-decoration: line-through;
    line-height: normal;
    height: 20px;
}
.GridItemGreyNoLine {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #C0C0C0;
    line-height: normal;
    height: 20px;
}
.GridItemLightGreen {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: lightgreen;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemGreen {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: green;
    text-decoration: none;
    line-height: normal;
    height: 20px;
    color: #FFFFFF;
}
.GridItemSkyBlue {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: skyblue;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemSkyAmber {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: orange;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemRedBlackFont {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: red;
    text-decoration: none;
    line-height: normal;
    height: 20px;
    color: black;
}
.GridItemDif {
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #C0C0C0;
    line-height: normal;
    height: 20px;
}
.GridItemNavy{
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: navy;
    text-decoration: none;
    line-height: normal;
    height: 20px;
}
.GridItemTall
{
    border: thin solid #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    height: 25px;
}
.GridCellConnect {
    background-position: center center;
    background-image: url('images/norm_left.gif');
    background-repeat: repeat-y;
}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #00448c;
}
.Button {
    border: 1px solid #C0C0FF;
    margin: 3px 1px 3px 1px;
    padding: 3px 10px 3px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(    'images/GreenButton.png' );
    line-height: 15px;
    background-repeat: repeat-x;
    text-align: center;
    border-radius: 5px;
}
.ButtonSelected {
    border: 1px solid #C0C0FF;
    margin: 3px 1px 3px 1px;
    padding: 3px 10px 3px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(    'images/YellowButton.png' );
    line-height: 15px;
    background-repeat: repeat-x;
    text-align: center;
    border-radius: 5px;
}
.MenuButton {
    border: 1px solid #C0C0FF;
    margin: 3px 1px 3px 1px;
    padding: 3px 10px 3px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(    'images/GreenButton.png' );
    line-height: 15px;
    background-repeat: repeat-y;
    text-align: center;
    border-radius: 5px;
}
.ButtonLarge
{
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(    'images/GreenButton.png' );
    line-height: 25px;
    margin-bottom: 5px;
    background-repeat: repeat;
    text-align: center;
    font-weight: bolder;
}
.text {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.text12 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
.text14 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
}
.textboxnumber
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right
}
.links
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00448c;
	text-decoration: underline;
}
.SubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}
.SubTitle12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;

}
.calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.FormLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;

}
.FormLabelNoBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.FormTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.BodyHeader {
	background-color: #669966;
}
.Tree {
	font-family: "Courier New", Courier, mono;
	color: #00448c;
	cursor: pointer;



}
.search
{
    border: 1px solid #C0C0FF;
    background-image: url(   'images/BlueUpButton.gif' );
    background-repeat: repeat-x;
    height: 27px;
}
.mainpage
{
    background-image: url(   'images/BlueUpButton.gif' );
    background-repeat: repeat-x;
}
.sitefooter
{
	border: 1px none #C0C0FF;
	background-color: #CCFFFF;
	background-image: url(    'images/BlueDownButton.gif' );
}
.modualPopUpHeader {
    border: 1px solid #C0C0FF;
    border-color: #C0C0FF;
    background-color: #CCFFFF;
    background-image: url(    'images/BlueUpButton.gif' );
    border-bottom-style: solid;
    height: 27px;
    /*line-height: 29px; Commented out since it doesn't play well to ajax calendar in the same header.  Thanh 1/11/2016 */ 
}
.form {
	background-color: #CCFFFF;
}
.waitprogress
{
    background-color: #FFFFFF;
}
.formtable
{
	border: 1px solid #C0C0FF;
	background-color: #CCFFFF;
}
.LargeLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: black;
    padding-bottom:5px;
    height: 22px;
}
.Menu2Link
{
	
	background-image: url( './images/LeftTab.gif' );
	color :#333;
    padding-bottom:5px;
    height: 20px;
}
.Menu2LinkSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00448c;
	background-color: #00ff99;
	font-weight: bolder;
	background-image:url('./images/LeftTabOn.gif');
}
.FormLableWhiteFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;

}
.formfieldwhitefont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}
.Bgcolor {
	background-color: #00448c;
}
.sidebg {
	background-image: url(Images/sidebg.gif);
}
.Msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.vTabSel
{
	background-image: url( './images/RightTabOn.gif' );
	color: #333;
	padding-bottom: 5px;
	height: 20px;
}
.vTab {
	background-image:url('./images/RightTab.gif');
    color :#333;
    padding-bottom:5px;
    height: 20px;
}
.watermark {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color:Silver;
}
.modalPopUpBackGround
{
	background-color:gray;
	opacity:0.7;
}
.modualPopup 
{
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:#800080;
	padding:1px;
	width:250px;
}
.modualPopupNoWidth 
{
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:#800080;
	padding:1px;
}
.DropDown
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.5px;
	height: 20px;
	vertical-align: middle;
}
.ComboBox
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}
.ImgButton
{
	height: 15px;
	margin-bottom: -3px;
    width: 15px;
}
.ImgButtonNorm
{
	margin-bottom: -3px;
}
.active
{
    padding: 3px;
    background-color: #ADD8E6;
}
.activeyellow
{
    padding: 3px;
    background-color: #FFFF00;
}
#header_tall {background:url(./images/header_tall.gif) top repeat-x;}
.title
{
    font-family:Georgia, tahoma; 
    font-size: 23px;
	font-weight: bold;
    color:#00448c;	
}
.titlesub
{
    padding: 5px 0 0 0;
    text-indent: 20px;
    color:#868686;
}
#header {
  float:left;
  width:100%;
  background:#DAE0D2 url('./images/bg.gif') repeat-x 50% bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url('./images/norm_left.gif') no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a, #header strong, #header span
{
	display: block;
	background: url( './images/norm_right.gif' ) no-repeat right top;
	padding: 5px 15px 4px 6px;
	font-weight: bold;
	color: #333;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#765;
  }
#header #current {
  background-image:url('./images/norm_left_on.gif');
  }
#header #current a {
  background-image:url('./images/norm_right_on.gif');
  color:#333;
  padding-bottom:5px;
  }
#vtab {
  float:left;
  width:100%;
  background:#DAE0D2 url('./images/bg.gif') repeat-x 50% bottom;
  font-size:93%;
  line-height:normal;
  }
#vtab ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#vtab li
{
	background: url( './images/RightTab.gif' ) no-repeat;
	margin: 2px;
	padding: 0 0 0 9px;
	list-style-type:none;
}
#vtab a, #header strong, #header span
{
	display: block;
	background: url( './images/RightTab.gif' ) no-repeat right top;
	padding: 5px 15px 4px 6px;
	font-weight: bold;
	color: #333;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#vtab a {float:none;}
/* End IE5-Mac hack */
#vtab a:hover {
  color:#765;
  }
#vtab #current {
  background-image:url('./images/RightTabOn.gif');
  }
#vtab #current a {
  background-image:url('./images/RightTabOn.gif');
  color:#333;
  padding-bottom:5px;
  }
  .tab
{
	border-color: #000066;
	border-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #CCFFFF;
    padding-right: 5px;
    padding-left: 5px;
}
.GridHeaderAlignLeft
{
    background-position: bottom;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-image: url(   'images/BlueDownButton.gif' );
    background-repeat: repeat-x;
}
.GridHeaderAlignLeft th
{
    text-align:left
}

.required
{
    color: Red;
    font-weight: bold;
}
.txtDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 65px !important;
}
.errorContainer
{
    margin-top: 10px;
}

table tr th
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.searchHeaderContainer
{
    border: 1px solid #C0C0FF;
    background-image: url(   'images/BlueUpButton.gif' );
    background-repeat: repeat-x;
    height: 27px;
    margin-bottom: 5px;
}

.errorContainerHeight
{
    height: 15px;
}

.buttonContainerHeight
{
    height: 15px;
}

.tableTHRight tr th
{
    text-align: right;
    vertical-align: top;
}

.tableTDLeft tr td
{
    text-align: left;
    vertical-align: top;
}

.tableAlignLeft tr th, .tableAlignLeft tr td
{
    text-align: left;
    vertical-align: top;
}

.pageContainer
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/*Copy of tab class but with top border.*/
.tabMimic
{
	border-color: #000066;
	border-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
    border-top-style: solid;
	background-color: #CCFFFF;
    padding-right: 5px;
    padding-left: 5px;
}

.popupBalloon
{
    background-color: lightyellow;
    border-width: 1px;
    border-style: groove;
}

.marginBottom {
    margin-bottom: 5px;
}

/*This is to correct display issue in Chrome.*/
.AjaxComboBoxContainer {
    display: inline-block;
}

.cursorMove {
    cursor: move;
}

.cursorPointer {
    cursor: pointer;
}


.RedBackgroudBold {   
    font-size: 11px;
    background-color: red;
    color: #FFFFFF;
    font-weight: bold;
}


/*sliding message that shows when an ajax postback is occuring or for a status message*/
.SlideDownMessage 
{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10000;
      background:#ffc;
      padding:5px;
      border:1px solid #CCCCCC;
      text-align:center;
      font-weight:bold;
      width:99%;
      min-height: 0px;
}

/*sliding message that shows when an ajax postback is occuring or for a status message*/
.SlideDownError 
{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10000;
      background:#BF0034;
      padding:5px;
      border:1px solid #CCCCCC;
      text-align:center;
      font-weight:bold;
      color:#CCCCCC;
      width:99%;
}

/* asp menu item*/
.DynamicHoverStyle {            
    background-color: #990000;
    font-weight: normal;
    color: white;
}
.DynamicMenuItemStyle {
}
.DynamicSelectedStyle {            
    background-color: #FFCC66;
}
.DynamicMenuStyle {            
    background-color: #FFFBD6;
}
.StaticHoverStyle {         
    background-color: #990000;
    font-weight: normal;
    color: white;
}
.StaticMenuItemStyle {
}
.StaticSelectedStyle {          
    background-color: #FFCC66;
}
.upperCase {
    text-transform: uppercase;
}

.ProjectInWork {
    background-color: limegreen;
    height: 20px;
}
.ProjectUpcoming {
    background-color: deepskyblue;
    height: 20px;
}
.ProjectNeedClosure {
    background-color: yellow;
    height: 20px;
} 
.ProjectPMClosed {
    background-color: red;
    height: 20px;
}
.ProjectNotCoded {
    background-color: orange;
    height: 20px;
}

.LegendLimeGreen {
    background-color: limegreen;
    height: 20px;
}
.LegendSkyBlue {
    background-color: deepskyblue;
    height: 20px;
}
.LegendYellow {
    background-color: yellow;
    height: 20px;
} 
.LegendRed {
    background-color: red;
    height: 20px;
}
.LegendOrange {
    background-color: orange;
    /*height: 20px; Do not set height.*/
}
.LegendBrightRed {
    background-color: #FF4040; /*Bright red*/
    height: 20px;
}
.LegendGreyStrike {
    background-color: #C0C0C0;
    height: 20px;
    text-decoration: line-through;
}
.LegendStrikeThrough {
    text-decoration: line-through;
}
.LegendDarkBlue {
    background-color: #0000FF; 
    height: 20px;  
}
.LegendNavyBlue {
    background-color: #00448c;
    height: 20px;
}
.LegendLightGrey {
    background-color: #C0C0C0; 
    height: 20px;  
}
.TaskCardUnreleased {
    background-color: #0000FF; 
    height: 20px;
}
.TaskCardOpened {
    background-color: deepskyblue; 
    height: 20px;  
}
.TaskCardInProgress {
    background-color: lightgreen; 
    height: 20px;  
}
.TaskCardRTS {
    background-color: red; 
    height: 20px;  
}
.TaskCardClosed {
    background-color: #C0C0C0; 
    height: 20px;  
}