#MoonContainer
{
    overflow: hidden;
    background-color: #d6d6c9;
    height: 300px;
}
.modalPopup
{
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
}

/* MENU STYLES */
.TopLinks
{
    background-color: #d6d6c9;
    width: 400px;
    border-right: 1px solid #000000;
}
.MyCss
{
    background-color: Red;
}
a
{
    color: Black;
    text-decoration: none;
}

/*

DATAGRID STYLES START

*/
.GridBG
{
    background-color: White;
    color: Black;
}

.GridHeading
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: Black;
}
.GridFooter
{
    font-family: Verdana;
    font-size: 9px;
    color: Black;
}
/*

DATAGRID STYLES END

*/
#Progress
{
    position: absolute;
    right: 10px;
    top: 0px;
    font-family: Verdana;
    font-size: 10px;
    color: White;
    background-color: Red;
    z-index: 101;
}
.MOONHead
{
    color: Navy;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.AlertMsg
{
    color: Red;
    font-family: Verdana;
    font-size: 10px;
}
.ItemLink
{
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
    color: #FF8800;
    font-weight: normal;
}

.ItemLabel
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
}
.ItemBoldLabel
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}
.ItemBoldContent
{
    color: Black;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
}

.ItemContent
{
    color: Black;
    font-family: Verdana;
    font-size: 9px;
}


.StatusMsg
{
    color: white;
    font-family: Verdana;
    font-size: 10px;
    padding-left: 5px;
}

.PanelHeading
{
    font-family: Verdana;
    font-size: 11px;
    color: Black;
    font-weight: bold;
}

.PanelSubHeading
{
    font-family: Verdana;
    font-size: 11px;
    color: Black;
    font-weight: 500;
}

.PanelInstruction
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    Width:288px;
}
.PanelTextField
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    background-color: #eeeeee;
    width:180px;
}
.PanelMultilineTextField
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    background-color: #eeeeee;
    width: 250px;
    height: 100px;
}
.PanelButton
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    border: solid 1px #999999;
    background-color: #FFFFFF;
}
.PanelLinkButton
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    border: solid 1px #111111;
    text-decoration: none;
}
.HelpTree
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}
.GridLinks
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}

.Dropdown
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    width:150px;
}

.MainMenu
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
}

.AutoHeight
{
    height: auto;
    width:310px;
}
.AutoWidth
{
    width: auto;
}


/* MOON MENU START 30/1/2007  */

.NavHeadContent
{
    width: 100%;
}
.NavHeadText
{
    height: 25px;
    font-family: Verdana;
    font-size: 11px;
    padding-left: 5px;
    font-weight: bold;
    color: Black;
    background: url(   '/images/MOON/NavHeadBG.gif' ) right bottom repeat-x;
    vertical-align: bottom;
}

/*
 MOON MENU END 
*/


/*DataGrid Styles 13Feb2007*/
.AltGrid
{
    font-size: 10px;
    background-color: #EEEEEE;
}
.AltRowGrid
{
    font-size: 10px;
    background-color: White;
}

.MoonGrid
{
    /*border-top: solid 2px #CCCCCC;*/
    border-width: 0px;
    border-collapse: collapse;
    border-color: white;
    margin: 0px 0px 0px 0px;
    width: 390px;
}

.MoonGrid caption
{
    background-color: #d4d4c8;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
}
.TableHeading
{
    background-color: #ffffff;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    font-family: Verdana;
}

.MoonGrid Table
{
    border: none 0px #ffffff;
    margin-left: -2px;
}
.MoonGrid Th
{
    border: none 0 #FFFFFF;
}


.MoonGrid tr td
{
    border: none 0px #CCCCCC;
    text-align: left;
    vertical-align:middle;
  
}
.MoonChildGrid
{
    border: none 0px #FFFFFF;
    font-size: 10pt;
    width: 390px;
    font-family: Verdana;
}
.MoonChildGrid Table
{
    border: none 0px #FFFFFF;
}
.MoonChildGrid td
{
    border: none 0px #CCCCCC;
    text-align: left;
}
/*.MoonChildGrid caption
{
    background-color: #FF00FF;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
}*/

.MoonBorder
{
    border: none 0px #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    text-align: left;
}




.LeftTopCor
{
    background: url(/images/MOON/LeftTopCorner.gif) no-repeat right bottom;
}
.RightTopCor
{
    background: url(/images/MOON/RightTopCorner.gif) no-repeat left bottom;
}
.LeftBottCor
{
    background: url(/images/MOON/LeftBottomCorner.gif) no-repeat right top;
}
.RightBottCor
{
    background: url(/images/MOON/RightBottomCorner.gif) no-repeat left top;
}
.TopRepeatBack
{
    background: url(/images/MOON/TopBorder.gif) repeat-x left bottom;
    vertical-align: bottom;
    height: 7px;
}
.BottRepeatBack
{
    background: url(/images/MOON/BottomBorder.gif) repeat-x;
    height: 7px;
}
.LeftRepeatBack
{
    background: url(/images/MOON/LeftBorder.gif) repeat-y right top;
    width: 7px;
}
.RightRepeatBack
{
    background: url(/images/MOON/RightBorder.gif) repeat-y left top;
    width: 7px;
}
.ContentBg
{
    background-color: White;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    width: 400px;
    height: 200px;
}
.ContentBgQA
{
    background-color: White;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    width: 400px;
    height: 20px;
}



.scroll
{
    overflow: auto; 
    overflow-x: hidden; 
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden; /* scrollbar-face-color:#DEDEFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #006BFF; scrollbar-highlight-color:#006BFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-shadow-color: #006BFF;*/
}

.WhiteBg
{
    background-color: White;
}

.LeftOutTopCor
{
    background: url(/images/MOON/MoonOuter/LeftTopCorner.gif) no-repeat right bottom;
}

.LeftOutBottCor
{
    background: url(/images/MOON/MoonOuter/LeftBottomCorner.gif) no-repeat right top;
    background-repeat: no-repeat;
}
.RightOutBottCor
{
    background: url(/images/MOON/MoonOuter/RightBottomCorner.gif);
    background-repeat: no-repeat;
}
.TopOutRepeatBack
{
    background: url(/images/MOON/MoonOuter/TopBorder.gif) repeat-x left bottom;
    vertical-align: bottom;
    height: 6px;
}
.BottOutRepeatBack
{
    background: url(/images/MOON/MoonOuter/BottomBorder.gif);
    background-repeat: repeat-x;
    height: 10px;
}
.LeftOutRepeatBack
{
    background: url(/images/MOON/MoonOuter/leftCorner.gif) repeat-y right top;
    width: 6px;
}
.RightOutRepeatBack
{
    background: url(/images/MOON/MoonOuter/RightBorder.gif);
    background-repeat: repeat-y;
    height: 1px;
    width: 6px;
}
.RightOutTopCor
{
    background: url(/images/MOON/MoonOuter/rightTopCorner.gif) no-repeat left bottom;
}
.scroll
{
}
.ScrollingDiv
{
    scrollbar-3dlight-color: #586680;
    scrollbar-arrow-color: #586680;
    scrollbar-base-color: #E4EFF3;
    scrollbar-darkshadow-color: #E4EFF3;
    scrollbar-face-color: #E4EFF3;
    scrollbar-highlight-color: #586680;
    scrollbar-shadow-color: #E4EFF3;
}


/* New Styles Added */
.SAVEBtn
{
    width: 30px;
    height: 14px;
   
}

/*14-5-07*/
.CancelBtn
{
    width: 24px;
    height: 14px;
   
}

.ItemDate
{
    color: Black;
    font-family: Verdana;
    font-size: 9px;
    width: 60px;
}
.NoteTaskLink
{
    width: 260px;
}
.NoteTaskLink a, .NoteTaskLink a:hover, .NoteTaskLink a:active, .NoteTaskLink a:visited
{
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
    color: #FF8800;
}
/*new 3/5/07 for moon*/
.EmptyData
{
    font-family: Georgia;
    font-style: italic;
    font-size: 12px;
}

/* 07 05 2007 */
.VMiddle
{
    height: 40px;
}
/*08-05-2007*/

.PanelUrlLabel
{
    font-family: Verdana;
    font-size: 10px;
    color: Black;
    background-color: #eeeeee;
    width: 250px;
    height: 50px;
}

/* 12 05 2007 */


.FavLink
{
    /* 28 offse */
    width: 300px;
}
.FavLink a, .FavLink a:hover, .FavLink a:active, .FavLink a:visited
{
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
    color: #FF8800;
}

.FileLink
{
    width: 150px;
}
.FileLink a, .FileLink a:hover, .FileLink a:active, .FileLink a:visited
{
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
    color: #FF8800;
}


/***********************************

///////////// Moon Master Styel////////////////
//////////// 13-05-2007 //////////////////////

************************************/

.LeftTop
{
	background: url(/Moon_1/Images/NewLeftTopCorner3.png) bottom right no-repeat;
	width: 10px;
	height: 47px;
}
.LeftBottom
{
	background: url(/Moon_1/Images/NewLeftBottomCorner1.png) right top no-repeat;
	width: 10px;
	height: 47px;
}
.TopRepeat
{
	background: url(/Moon_1/Images/NewTopRepeat1.png) bottom left;
	background-repeat: repeat-x;
	cursor: move;
	height: 47px;
}
.LeftRepeat
{
	background: url(/Moon_1/Images/NewLeftRepeat2.png) right top;
	background-repeat: repeat-y;
	width: 10px;
}
.RightTop
{
	background: url(/Moon_1/Images/NewRightTopCorner1.png) bottom left;
	background-repeat: no-repeat;
	height: 47px;
}
.RightBottom
{
	background: url(/Moon_1/Images/NewNewRightBottomCorner.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 47px;
}
.RightRepeat
{
	background: url(/Moon_1/Images/NewRightRepeat2.png) left top;
	background-repeat: repeat-y;
	width: 10px;
}
.BottomRepeat
{
	background: url(/Moon_1/Images/NewBottomRepeat1.png) top left;
	background-repeat: repeat-x;
	height: 47px;
}
.MainContainer
{
	background: url(/Moon_1/Images/BGMoon.png) top repeat-x;
	background-color: #9d998e; /*background-color:#CCCCCC;*/
}
.DragBar
{
	background:url(/Moon_1/Images/DragBar.png) right top;
	background-repeat:repeat-x;
	position: relative;
	top: 0px;
	left: 1px;
	right: 5px;
}
.DragBarRepeat
{
	background: url(/Moon_1/Images/DragBarRepeat.png) 3px 8px;
	background-repeat: repeat-x;
	height: 24px;
}

#internalWindow
{
	overflow: hidden;
	background: url(/Moon_1/Images/transparent.gif);
	padding: 0px;
	position: absolute;
	left: 48px;
	top: 48px;
	z-index: 2;
	width: 500px;
	height: 350px;
	
}
.RightBottomCorner
{
	background: url(/Moon_1/Images/NewBottomRepeat1.png) repeat-x right top;
	width: 34px;
	height: 47px;
	padding-top: 13px;
}
.MoonCircle
{
	/*background:url(Moon_1/Images/MoonCircle.png) no-repeat right top;*/
	height: 47px;
	width: 34px;
}

/*14-5-07*/
.TopMenuBorder
{
    background: url(/Moon_1/Images/MenuBorder.png) repeat-x 0px 0px;
    height:2px;
    padding-top:6px;
    padding-left:5px;
}
.BottomMenuBorder
{
     background: url(/Moon_1/Images/MenuBorder.png) repeat-x 0px 0px;
     height:2px;
     margin:0px 0px 0px 0px;
   
    
     
     
}




/***********************************

///////////// Moon Menu Styel////////////////
//////////// 13-05-2007 //////////////////////

************************************/


/* CREME MENU */
    
/* menu design */

	#dmenu {
	font-family: Verdana;
	font-size:10px;
	margin:0px;
	padding:0px;
	
}

.submenuul 
{
        border:1px solid #a4bed0;
		filter: Alpha(Opacity=80);
		-moz-opacity: 0.8;
		opacity: .8;
		list-style-type:none;
        position:absolute;
	    display:none;
	    z-index:2005;
	    background-position: top left;
	    margin-top:-1px;
	    margin: 0;
	    padding:0;
	    background-color: #5e8c9e;
	  
}

.topmenuli a:hover{
	background:url(/Moon_1/Images/DragBar_Over.png) repeat-x 0px -5px;
	height:28px;
	width:50px;
	padding-left:5px;
	font-family: Verdana;
	padding-top:-5px;
	
		
}
.topmenuli a
{
    padding-left:5px;
    height:28px;
    width:50px;
    font-family: Verdana;
    
    
}
.topmenuli{
	list-style-type:none;
	float:left;
	width:55px;
	height:28px;
	border:none;
	padding-top:5px;
	
	/*background:url(/images/MOON/MoonMenu/bg.gif) repeat-x 0px -5px;*/
	background:url(/Moon_1/Images/DragBar.png) repeat-x 0px 0px; 
	font-family: Verdana;
}
.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #ffffff;
	display:block;
	width:100px;
	font-size:10px;
	background:#5e8c9e;
	border:1px solid #5e8c9e;
	height:15px;
	font-family: Verdana;
}

.submenuli a:hover{
	text-decoration: none;
	background:#ffffff;
	color: #5e8c9e;
	height:15px;
	font-family: Verdana;
	width:100px;
	padding:3px;
}

/* minimum menu requirements for functionality */

.topmenutitle{
	display:block;
	text-indent:0px;
	padding-top:0px;
	text-decoration: none;
	line-height:14px;
	color:#555555;
	width:50px;
	height:28px;
	font-family: Verdana;
}



li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
	
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}

/*menu 1 styles*/


#ddmenu {
	font-family: Verdana;
	font-size:10px;
}
.topmenuul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-family: Verdana;
}

.MenuSep
{
    list-style-type:none;
	float:left;
	width:1px;
	height:28px;
	border:none;
	/*background:url(/images/MOON/MoonMenu/sep.gif) no-repeat 0px -5px;*/
	padding-top:5px;
	
}