#contentDiv1
{
    position:relative;
    margin-top: 400px;
    margin-left: 40px;
    margin-bottom: 0px;
    margin-right:40px;
    padding: 0px;
    background-color: #FFFFFF;
}
#copyright
{
    position:relative;
    margin: 0px 40px 0px 40px;
    height: 43px;
    background: url(Images/footer.gif);
}


.headerStyle
{
    background: url(Images/headersBg.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    color: #003399;
    font-size: 12pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    padding:4px;
}
.headerStyleGreen
{
    background: url(Images/headersBgGreen.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    color: #003399;
    font-size: 12pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    padding:4px;
}
.headerStyleLeft
{
    background: url(Images/headersBgLeft.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    color: #003399;
    font-size: 12pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    padding:4px;
}
.headerStyleLeftPointer
{
    background: url(Images/headersBgLeft.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    color: #003399;
    font-size: 12pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    padding:4px;
    cursor:pointer;
}
#spinner
{
	font-family: Segoe UI, Tahoma;
	font-size: 9pt;
	font-weight: normal;
	position: absolute; 
	top: 0; 
	left: 0px; 
	height: 70px; 
	width: 270px; 
	text-align: left;
	padding: 0px;
	background-color: White; 
	border: solid 1px #046185; 
	z-index: 10002; 
}

#hint
{
	font-family: Segoe UI, Tahoma;
	font-size: 9pt;
	font-weight: normal;
	position: absolute; 
	top: 75px; 
	left: 0px; 
	width: 250px; 
	z-index: 10003; 
	background: url(Images/_azure.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: solid 1px #999999;
}
.hintTitle
{
	background: url(Images/azure.gif);
	background-position: center center;
	background-repeat: repeat-x;
	color: #ffffff;
	height:18px;
	padding-left:2px;
	font-weight:bold;
}
.html
{
	background-image: url(Images/pageBackground.gif);
	background-attachment:fixed;
	background-position:left top;
	background-repeat: repeat-x;
}
HTML
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
BODY
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height:100%;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
}

.leftPane
{
	width:270px;
	height: 100%;
	float:left;
	border-right:solid 0px gainsboro;
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
}
.normal
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
}
.normalUcase 
{
    
}

.normalLight
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color: #999999;
}
.normalSelected
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#0066CC;
}
.normalAzure
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#ffffff;
    background-image: url(Images/__azure.gif);
    background-position: left center;
    background-repeat:repeat-x;
}
.normalBlue
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#ffffff;
    background-image: url(Images/__blue.gif);
    background-position: left center;
    background-repeat:repeat-x;
}
.normalGreen
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color: #ffffff;
    background-image: url(Images/__green.gif);
    background-position: left center;
    background-repeat: repeat-x;
}
.normalRed
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#ffffff;
    background-image: url(Images/__red.gif);
    background-position: left center;
    background-repeat:repeat-x;
}
.normalYellow
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#000080;
    background-image: url(Images/__yellow.gif);
    background-position: left center;
    background-repeat:repeat-x;
}

.subTitle
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 8pt;
    text-align:left;
    color:#0066CC;
    border-bottom:solid 1px #D3E2F5;
}

A:link, A:visited
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#0066CC;
}
A:hover, A:selected
{
    padding: 0px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#3399ff;
}

.normalTextBox
{
	border: solid 1px #ABC1DE;
	font-size: 9pt;
	font-family: Segoe UI ,Tahoma;
	color: #000;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 12px;
	background-color: white;
	overflow:hidden;
	height:15px;
	text-align:left;
	margin:0px;
    background-position: right top;
    background-repeat:no-repeat;
    ;
    
}
.normalTextBoxBig
{
    border: solid 1px gainsboro;
    font-size: 9pt;
    font-family: Segoe UI, Tahoma;
    font-weight:bold;
    color: #CC0000;
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    background-color: white;
    background-position: right top;
    background-repeat: no-repeat;
    ;
}
.formView TD.label
{
    width:90px;
    text-align:right;
    padding-right:3px;
}
.formView TD.sep
{
    width:5px;
}
.formView TD.labelAzure
{
   	background-image: url(Images/labelsBgAzure.gif);
    background-position:center top;
    background-repeat:repeat-y;
}
.fadingAzure
{
    padding-right:3px;
   	background-image: url(Images/labelsBgAzure.gif);
    background-position:right top;
    background-repeat:repeat-y;
}
.fadingAzureCenter
{
    padding-right:3px;
   	background-image: url(Images/headersBg.jpg);
    background-position:center top;
    background-repeat:repeat-y;
}
.fadingBlue
{
    padding-right:3px;
   	background-image: url(Images/labelsBgBlue.gif);
    background-position:right top;
    background-repeat:repeat-y;
}
.fadingGreen
{
    padding-right:3px;
   	background-image: url(Images/labelsBgGreen.gif);
    background-position:right top;
    background-repeat:repeat-y;
}
.fadingRed
{
    padding-right:3px;
   	background-image: url(Images/labelsBgRed.gif);
    background-position:right top;
    background-repeat:repeat-y;
}
.fadingYellow
{
    padding-right:3px;
   	background-image: url(Images/labelsBgYellow.gif);
    background-position:right top;
    background-repeat:repeat-y;
}

.uiRibbon
{
    margin: 10px 40px 1px 40px;
    height: 70px;
    background-image: url(RibbonImages/ribbonBG.jpg);
    background-position: left top;
    overflow: hidden;
    border-bottom: solid 1px #999999;
    border-left: none;
    border-right: none;
}
.uiTabContainer
{
    text-align:center;
    width:120px;
    float:left;
    overflow:hidden;
}
.uiNoTab
{
    height:25px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:white;
    cursor:pointer;
}
.uiTab_hover
{
    height:25px;
    background-image:url(RibbonImages/tabContent_hover.jpg);
    padding-left:10px;
    padding-right:10px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:white;
    cursor:pointer;
}
.uiTab
{
    height:25px;
    background-image:url(RibbonImages/tabContent.jpg);
    padding-left:10px;
    padding-right:10px;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:white;
}
.uiTabLeft
{
    height:25px;
    width:7px;
    background-image:url(RibbonImages/tabLeft.jpg);
}
.uiTabRight
{
    height:25px;
    width:7px;
    background-image:url(RibbonImages/tabRight.jpg);
}
.uiMultiPage
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.uiGroupContainer
{
    float:left;
    overflow:hidden;
}
.uiGroupLeft
{
    height:41px;
    width:2px;
}
.uiGroup
{
    height:41px;
    background-position:left top;
    background-repeat:repeat-x;
    padding-left:6px;
    padding-right:6px;
    padding-top:0px;
    vertical-align:top;
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
}
.uiGroupRight
{
    height:41px;
    width:2px;
    background-image:url(RibbonImages/groupRight2008.gif)

}
.uiGroupFooter
{
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#2A7AC1;
    padding-bottom:2px;
    text-align:center;
}

.uiGroupLabelNormal
{
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#15428B;
}
.uiGroupLabelRight
{
    font-family: Segoe UI, Tahoma;
    font-size: 9pt;
    color:#15428B;
}

.utilityFrame
{
    background-color: #ffffff;
    border: none /* 1px solid #333333;*/
    border-top:none;
}


.loginPage
{
    font-size: 9pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    color: #ffffff;
    background-image:url(ui_images/TeamWorks_Splash.jpg);
    background-position: center top;
    background-repeat:no-repeat;
    width:496px;
    height:470px;
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.login
{
    font-size: 9pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
    color: #666666;
    background-color: #ffffff;
    border: solid 1px black;
    
} 

.login td.header
{
	padding: 2px 6px 6px 6px;
	font-size: 12pt;
	font-family: Segoe UI, Tahoma;
	font-weight:normal;
	background:url(Images/azure.gif);
	color:#ffffff;
} 



/*  BUTTON RED    */
.ccButton_red
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/red.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_red
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/red_hover.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_red A:link, .ccButton_hover_red A:visited, .ccButton_red A:link, .ccButton_red A:visited
{
    color: #ffffff;
    text-decoration:none;
    }


/*  BUTTON AZURE    */
.ccButton_azure
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/azure.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_azure
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/azure_hover.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_azure A:link, .ccButton_hover_azure A:visited, .ccButton_azure A:link, .ccButton_azure A:visited
{
    color: #ffffff;
    text-decoration:none;
    }


/*  BUTTON GREEN    */
.ccButton_green
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/green.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_green
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/green_hover.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_green A:link, .ccButton_hover_green A:visited, .ccButton_green A:link, .ccButton_green A:visited
{
    color: #ffffff;
    text-decoration:none;
    }


/*  BUTTON YELLOW    */
.ccButton_yellow
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/yellow.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_yellow
{
    color: #ffffff;
    width: 140px;
    background-image: url(/App_Themes/Red/buttonImages/yellow_hover.jpg);
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    cursor:pointer;
}
.ccButton_hover_yellow A:link, .ccButton_hover_yellow A:visited, .ccButton_yellow A:link, .ccButton_yellow A:visited
{
    color: #ffffff;
    text-decoration:none;
    }






/* ****************************  NEW UI ************************************ */
/* ****************************  NEW UI ************************************ */
/* ****************************  NEW UI ************************************ */

.htmlPage
{
    background-color: #044680;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#topContainer
{
    background: url(ui_images/top_page_bg.jpg) #cee5f3;
    background-attachment:scroll ;
    background-repeat:repeat-x;
    background-position: left top;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#bottomContainer{
	background: url(ui_images/bottom_page_bg.jpg) repeat-x 0 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.top_outer
{
    background: url(ui_images/ribbon_bg.jpg) #edf2f6 no-repeat 0px 0px;
    margin-left: 40px;
    margin-top: 0px;
    margin-right: 40px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.top_inner
{
    background: url(ui_images/ribbon_bg.jpg) #edf2f6 no-repeat 100% 0px;
    margin-left: 12px;
}
.top_center
{
    background: url(ui_images/ribbon_middle_bg.jpg) #edf2f6 100% 0px;
    margin-right: 12px;
}
#content{
    margin: 0px;
}
.page_footer
{
    margin-left: 39px;
    margin-top: 0px;
    margin-right: 39px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
    background: url(ui_images/footer_bg.jpg) #edf2f6 no-repeat;
    background-position: left top;
    height: 60px;
}
.page_footer_inner
{
    margin-left: 12px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background: url(ui_images/footer_bg.jpg) #edf2f6 no-repeat;
    background-position: right top;
    border: none;
}
#footer
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 12px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background: url(ui_images/footer_middle_bg.jpg) #edf2f6 repeat-x;
    height: 60px;
    background-position: left top;
}
#footerText
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top:3px;
    color: #ffffff;
    font-size: 8pt;
    font-family: Segoe UI, Tahoma;
    font-weight: normal;
}/*   end new styles */