/* Styles for CSS-based layout */

/* Style for left-hand navigation "bar" */
TD.LeftNavColumn {
	background:url(../images/left_nav_background.png) top left repeat-y;
	width:210px;
}

/* Common styles that apply to all lodules */
DIV.Lodule, DIV.LoduleFlash, DIV.LoduleYellow, DIV.LoduleRed, DIV.LoduleLeftNav, DIV.LoduleLeftNavRed, DIV.LoduleLeftNavYellow {
  width:100%;
	margin-top:10px;
}
DIV.Lodule H3, DIV.LoduleFlash H3, DIV.LoduleYellow H3, DIV.LoduleRed H3, DIV.LoduleLeftNav H3, DIV.LoduleLeftNavRed H3, DIV.LoduleLeftNavYellow H3 {
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-top:5px;
	vertical-align:middle;
	padding-left:25px;
	margin:0;
	min-height:24px;
}
DIV.LoduleBody, DIV.LoduleFlashBody, DIV.LoduleBodyYellow, DIV.LoduleBodyRed, DIV.LoduleLeftNavBody, DIV.LoduleLeftNavBodyRed, DIV.LoduleLeftNavBodyYellow  {
  margin-left:0;
  margin-top:-5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
DIV.LoduleFooter, DIV.LoduleFlashFooter, DIV.LoduleFooterYellow, DIV.LoduleFooterRed, DIV.LoduleLeftNavFooter, DIV.LoduleLeftNavFooterRed, DIV.LoduleLeftNavFooterYellow {
	
}
DIV.LoduleFooter P, DIV.LoduleFlashFooter P, DIV.LoduleFooterYellow P, DIV.LoduleFooterRed P, DIV.LoduleLeftNavFooter P, DIV.LoduleLeftNavFooterRed P , DIV.LoduleLeftNavFooterYellow P{
  padding:15px;
  display:block;
  margin:-2em 0 0 0;
}

/* Styles for "normal" lodules (currently brown gradient title bar */
div.Lodule {
	background:url(../images/lodule/lodule_header_ul.png) top left no-repeat;
	background-color: #f0e8c1;
} 
div.Lodule h3 {
	background:url(../images/lodule/lodule_header_ur.png)  top right no-repeat;
}
div.LoduleBody {
	background:url(../images/lodule/lodule_right_border.png) top right repeat-y;
}
div.LoduleFooter {
	background:url(../images/lodule/lodule_footer_ll.png) bottom left no-repeat;
}
div.LoduleFooter p {
	background:url(../images/lodule/lodule_footer_lr.png) bottom right no-repeat;
}

/* Styles for Flash lodule on home page */
div.LoduleFlash {
	background:url(../images/lodule/lodule_header_ul.png) top left no-repeat;
	background-color: #000000;
} 
div.LoduleFlash h3 {
	background:url(../images/lodule/lodule_header_ur.png)  top right no-repeat;
}
div.LoduleFlashBody {
	background:url(../images/lodule/lodule_right_border.png) top right repeat-y;
	text-align:center;
}
div.LoduleFlashFooter {
	background:url(../images/lodule/lodule_footer_ll_flash.png) bottom left no-repeat;
}
div.LoduleFlashFooter p {
	background:url(../images/lodule/lodule_footer_lr_flash.png) bottom right no-repeat;
}

/* Styles for yellow lodules (used by Log In) */
div.LoduleYellow {
	background:url(../images/lodule/lodule_header_ul_yellow.png) top left no-repeat;
	background-color: #f0e8c1;
} 
div.LoduleYellow h3 {
	background:url(../images/lodule/lodule_header_ur_yellow.png) top right no-repeat;
}
div.LoduleBodyYellow {
	background:url(../images/lodule/lodule_right_border.png) top right repeat-y;
  margin-top:-10px;
}
div.LoduleFooterYellow {
	background:url(../images/lodule/lodule_footer_ll.png) bottom left no-repeat;
}
div.LoduleFooterYellow p {
	background:url(../images/lodule/lodule_footer_lr.png) bottom right no-repeat;
}

/* Styles for red lodules */
div.LoduleRed {
	background:url(../images/lodule/lodule_header_ul_red.png) top left no-repeat;
	background-color: #f0e8c1;
} 
div.LoduleRed h3 {
	background:url(../images/lodule/lodule_header_ur_red.png) top right no-repeat;
}
div.LoduleBodyRed {
	background:url(../images/lodule/lodule_right_border.png) top right repeat-y;
}
div.LoduleFooterRed {
	background:url(../images/lodule/lodule_footer_ll.png) bottom left no-repeat;
}
div.LoduleFooterRed p {
	background:url(../images/lodule/lodule_footer_lr.png) bottom right no-repeat;
}

/* Styles for normal lodules appearing in left-hand navigation bar */
div.LoduleLeftNav {
	background:url(../images/lodule/lodule_header_ul_left_nav.png) top left no-repeat;
	background-color: #f0e8c1;
	width:187px;
	margin-left:7px;
} 
div.LoduleLeftNav h3 {
	background:url(../images/lodule/lodule_header_ur_left_nav.png) top right no-repeat;
}	
div.LoduleLeftNavBody {
	background:url(../images/lodule/lodule_right_border_left_nav.png) top right repeat-y;
}
div.LoduleLeftNavFooter {
	background:url(../images/lodule/lodule_footer_ll_left_nav.png) bottom left no-repeat;
}
div.LoduleLeftNavFooter p {
	background:url(../images/lodule/lodule_footer_lr_left_nav.png) bottom right no-repeat;
}

/* Styles for red lodules appearing in left-hand navigation bar */
div.LoduleLeftNavRed {
	background:url(../images/lodule/lodule_header_ul_left_nav_red.png) top left no-repeat;
	background-color: #f0e8c1;
	width:187px;
	margin-left:7px;
} 
div.LoduleLeftNavRed h3 {
	background:url(../images/lodule/lodule_header_ur_left_nav_red.png) top right no-repeat;
}	
div.LoduleLeftNavBodyRed {
	background:url(../images/lodule/lodule_right_border_left_nav.png) top right repeat-y;
}
div.LoduleLeftNavFooterRed {
	background:url(../images/lodule/lodule_footer_ll_left_nav.png) bottom left no-repeat;
}
div.LoduleLeftNavFooterRed p {
	background:url(../images/lodule/lodule_footer_lr_left_nav.png) bottom right no-repeat;
}


/* Styles for yellow lodules appearing in left-hand navigation bar */
div.LoduleLeftNavYellow {
	background:url(../images/lodule/lodule_header_ul_left_nav_yellow.png) top left no-repeat;
	background-color: #f0e8c1;
	width:187px;
	margin-left:7px;
} 
div.LoduleLeftNavYellow h3 {
	background:url(../images/lodule/lodule_header_ur_left_nav_yellow.png) top right no-repeat;
	color:#000000;
}	
div.LoduleLeftNavBodyYellow {
	background:url(../images/lodule/lodule_right_border_left_nav.png) top right repeat-y;
}
div.LoduleLeftNavFooterYellow {
	background:url(../images/lodule/lodule_footer_ll_left_nav.png) bottom left no-repeat;
}
div.LoduleLeftNavFooterYellow p {
	background:url(../images/lodule/lodule_footer_lr_left_nav.png) bottom right no-repeat;
}


TD.footer {
	vertical-align:middle;
}

DIV.leftNav {
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	color:#FFFFFF;
}

#TipOfDayMarquee{
    overflow:auto;
    height:70px;
}

#sysOutAnnos{
    height:70px;
} 

.tab .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 1px;
}
.tab .ajax__tab_header .ajax__tab_outer 
{
	background-color:#CDC59E;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.tab .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
    height:20px
}
.tab .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/sprite.png) #FFFFFF repeat-x left -1300px;
}
.tab .ajax__tab_active .ajax__tab_tab 
{
    color:#ggg;
}
.tab .ajax__tab_active .ajax__tab_outer
{
    background:url(img/sprite.png) #F0E8C1 repeat-x left -1400px;
}
.tab .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#F0E8C1;    
    border:solid 1px #808080;
    border-top-width:0px;
}


.tabcontainer .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 1px;
}
.tabcontainer .ajax__tab_header .ajax__tab_outer 
{
	background-color:#CDC59E;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.tabcontainer .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
    height:20px
}
.tabcontainer .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/sprite.png) #FFFFFF repeat-x left -1300px;
}
.tabcontainer .ajax__tab_active .ajax__tab_tab 
{
    color:#ggg;
}
.tabcontainer .ajax__tab_active .ajax__tab_outer
{
    background:url(img/sprite.png) #F0E8C1 repeat-x left -1400px;
}
.tabcontainer .ajax__tab_body 
{
	padding:0.25em 0.5em;
    background-color:#F0E8C1;    
    border:solid 1px #808080;
    border-top-width:0px;
}



.modalcontainer
{
	width: 300px;
	border-right: black 0px solid;
	border-top: black 1px solid;
	border-left: black 0px solid;
	border-bottom: black 1px solid;
}

.modalheader
{
	background: darkblue;
	color: #000;
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 3px 10px;
}

.modalheader .msg
{
	font-weight: bold;
	color: white;
}

.modalbody
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}

.modalbody .msg
{
	background: url(/sprite.png) no-repeat 0px -1150px;
	padding-left: 2px;
}

.modalfooter
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: none solid;
	border-width: 0px 1px;
	text-align: right;
	padding-bottom: 8px;
	padding-right: 8px;
}
.modalBackground
{
	background-color:White;
	filter: alpha(opacity=50);
	opacity: 0.50;
}