*			{font-size: 12px; font-family: Arial, Helvetica, sans-serif;}  
body		{padding-left: 1px; text-align: left;}
h1			{font-size: 19px; color: #000000; text-align: left;padding-top:2px;padding-left:25px;}
h4			{color: #044; margin: 3px 0px;  text-align: left;padding-top:10px;padding-left:5px;}


#tasks h3, #tasks h4, #tasks h5, #tasks h6, #tasks ul, #tasks li, #tasks p		{margin: 0px; padding: 0px;}
#tips h3, #tips h4, #tips h5, #tips h6, #tips ul, #tips li, #tips p				{margin: 0px; padding: 0px;}

#wrapper	{text-align: left; width: 1000px; margin: 0px;}
#fwrapper			{text-align: left;margin: 0px; }
#fwrapper #header	{margin: 0px 10px 0px 0px;}

#header			{height: 46px;}
#header .login	{float: right; text-align: right; color: #666; font-size: 7pt; padding-top: 4px;}
#header .logo	{width: 370px; height: 46px; float: left; background: url(images/ybalogo.jpg) no-repeat top left;}


#jPlate {position:absolute; top:0;left:400; text-align:left;  width:575px; margin: 0px auto; padding: 0px; 
		  /* debug  border:1px solid #ffff00;   */ }

#jPlateFlash {position:absolute; top:0;left:285; text-align:left; width:715px; height: 20px;}

.jMenuNav  {
	float: right;
	text-align: right; 
	margin-left: 0px;
	width: 100%;
	clear: both;
	padding: 2px 0px 0px 0px;
	  /* debug    border:1px solid #ff0000; */
}

.jMenuNav SPAN {
	width: 510px;
	float: right;
	text-align: right; 
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	color:#000;
	 /* debug  border:1px solid #0000ff; */
	}



#udm li a {color:#000;  height:16px; text-decoration:none; cursor:pointer;}
#udm li a:hover {color:#00549e;}
#udm li a:active {color:#00549e;}

#udm li a.topTab		{width:0px; }
#udm li a.plan		{width:62px;}
#udm li a.create		{width:77px;}
#udm li a.sell		{width:58px;}
#udm li a.educate		{width:86px;}
#udm li a.distribute		{width:89px;}
#udm li a.status		{width:65px;}
#udm li a.showcase		{width:68px;}

div.headerrule {
 height:1px;
 border-top:  1px solid #000;
 border-bottom: 0px;
 border-left: 0px;
 border-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin: 28px 270px 0px 10px; 
clear: both; 
padding-right: 14px;
}

/* Banner Common Items */
#jAppsBanner, #jWebBanner, #jFlashBanner {
	font-size: 9px;
	min-width: 1000px;
	width: 1000px;
	}

/*  Web-apps header - the short one */
#jAppsBanner {
	height: 50px;
	width: 1000px;
	margin: 0px auto;
}
#jFlashBanner {
	height: 20px;
	width: 1000px;
	margin: 0px auto;
}

#jShortTitle{
	position:absolute; 
	left:20px;
	top:0px;
	height:50px;
	width:250px;
}
#jFlashTitle{
	position:absolute; 
	left:20px;
	top:0px;
	height:20px;
	width:250px;
}
#jWebSmallBanner {
	height: 50px;
	width: 550px;
	margin: 0px auto;
}
#jWebBanner {
	height: 80px;
	width: 1000px;
	margin: 0px auto;
		 /*debug border:1px solid #00ff00; */
}

#jTallTitle{
	position:absolute; 
	left:0px;
	top:0px;
	height:80px;
	width:310px;
			/* debug  border:1px solid #00ffff; */
}
#jTallTitle IMG {
	float:left;
	margin:0px 0px 0px 0px;
}

.jPers {
	float: right; 
	margin: 0px 0px 9px 0px; 
	clear: both; 
	padding-right: 0px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
		  /* debug  border:1px solid #ff00ff; */
}
.jPers .bannerSearch {width: 94px; height: 18px; margin-left: 2px;  margin-top: 5px; border-right: 1px solid #fff;}

.jPers INPUT {
	width: 94px;
	border:0px;
	background: URL(images/bg-bannerSearch.gif) no-repeat;
	padding-left: 20px;
	font-size:9px;
	color:#72727d;
	height: 18px;
	padding-top: 2px;
	}

.jPers SPAN {
	padding: 0px 5px 0px 1px;
	border-right: 1px solid #72727d;
	text-decoration:none;
	color:#72727d;
	line-height: 1px;
	font-size:9px;
	}

.jFlashPers {
	float: right; 
	margin: 0px 0px 0px 0px; 
	clear: both; 
}
.jFlashPers SPAN {
	padding: 5px 0px 0px 1px;
	border-right: 1px solid #72727d;
	text-decoration:none;
	color:#000;
	line-height: 10px;
	font-size:9px;
	}

SPAN.lastItem		{border-right:0px; padding: 0px 10px 0px 0px;}
.lastItem		{border-right: 0px solid #000;}

.jPers A:LINK		{text-decoration:none; color:#00549e; font-size:9px;}
.jPers A:VISITED	{text-decoration:none; color:#00549e; font-size:9px;}
.jPers A:HOVER		{text-decoration:underline; color:#70cde3; font-size:9px;}
.jPers A:ACTIVE		{text-decoration:none; color:#70cde3; font-size:9px;}

.jFlashPers A:LINK		{text-decoration:none; color:#00549e; font-size:9px;}
.jFlashPers A:VISITED	{text-decoration:none; color:#00549e; font-size:9px;}
.jFlashPers A:HOVER		{text-decoration:underline; color:#70cde3; font-size:9px;}
.jFlashPers A:ACTIVE		{text-decoration:none; color:#70cde3; font-size:9px;}


LI.exitItem		{border-right: 0px solid #000;}
.exitItem A:LINK	{color: #00549e; text-decoration: none;}
.exitItem A:VISITED 	{color: #00549e; text-decoration: none;}
.exitItem A:HOVER 	{color: #70cde3; text-decoration: underline;}
.exitItem A:ACTIVE	{color: #70cde3; text-decoration: none;}


#tasks		{height: 220px; background: url(images/tasksbg.jpg) no-repeat top left; padding-left: 40px; overflow: hidden;}

#tools		{float: left;}
#tools h3	{color: #FFF; font-size: 170%; font-weight: bold; padding-top: 10px;}
#tools h4	{color: #FFF; font-size: 120%;}
#tools ul	{margin-top: 8px;}
#tools li	{width: 204px; height: 20px; list-style-type: none; background: url(images/taskbutton.gif) no-repeat top left; padding-left: 8px; margin: 1px 0px;}
#tools li a			{display: block; color: #044; width: 188px; height: 20px; text-align: center; text-decoration: none; padding-top: 2px;}
#tools li a:hover	{background: #044; color: #FFF;}

#events				{float: right; margin: 10px; color: #FFF;}
#events h5			{font-weight: bold; margin-bottom: 3px;}
#events li			{width: 190px; background: none; list-style-type: none; font-weight: bold; font-size: 90%; margin-bottom: 2px; overflow: hidden; white-space: nowrap;}
#events a			{color: #FFF; font-weight: normal; font-size: 100%;}
#events ul a		{margin-left: 5px;}
#events p			{margin-top: 6px; font-size: 90%;}

#tips			{height: 100px; background: url(images/ideasbg.jpg) no-repeat top left; margin-top: 5px; color: #FFF; overflow:hidden;}
#tips .info		{width: 178px; color: #FFF; float: left; margin-right: 10px; margin-top: 10px; overflow:hidden;}
/*	does not work in IE5, used divs instead
#tips .info h5		{font-weight: bold; color: #D90; height: 14px; overflow:hidden;}
#tips .info h6		{font-size: 90%; font-weight: bold; height: 13px; overflow:hidden;}
*/
/*
#tips .info .ih5	{font-weight: bold; color: #D90; height: 14px; overflow:hidden;}
#tips .info .ih6	{font-size: 90%; font-weight: bold; height: 13px; overflow:hidden;}
*/
#tips h5, h6	{padding: 0px; margin: 0px;}
#tips .h		{overflow: hidden; height: 14px; padding: 0px; margin: 0px;}
#tips h5		{font-weight: bold; color: #D90; height: 14px;}
#tips h6		{font-weight: bold; height: 14px;}

#tips .info p	{font-size: 80%; color: #FFF;}
#tips a			{color: #FFF; font-size: 100%;}
#tips .linkonly		{width: 186px; float: left; margin: 70px 0px 0px 10px; font-size: 80%;}

#graph1			{width: 772px; height: 220px; background: url(images/timelinebg.gif) no-repeat top left; margin-top: 5px;}
#graph .flash	{float: left; margin: 0px; padding: 0px;}
#graph .flash .noflash	{visibilty:hidden; display:none; text-align:center; width:495px; height:220px; border: 1px solid #000; padding-top: 10px;}
#graph .vbook		{width: 271px; height: 182px; float: right; background: url(images/vbook_bg.gif) no-repeat top left;}
#graph .vbook img	{width: 127px; height: 174px; float: left; border: none; margin-top: 2px;}
#graph .vbook .left		{margin-left: 7px;}
#graph .vbook .right	{margin-left: 3px;}
#graph .vbook .link		{text-align: center; padding-top: 20px; clear: both;}
#graph .vbook .link a	{color: #FFF;}
/* I have included this for a padding issue.   In IE7, the padding-topvalue of 20 was too much for the 
#graph .vbook .link style.  I lowered it to 10.  Now, instead of not being visible, it is centered appropriately
*/
#graphIE7			{width: 772px; height: 220px; background: url(images/timelinebg.gif) no-repeat top left; margin-top: 5px;}
#graphIE7 .flash	{float: left; margin: 0px; padding: 0px;}
#graphIE7 .flash .noflash	{visibilty:hidden; display:none; text-align:center; width:495px; height:220px; border: 1px solid #000; padding-top: 10px;}
#graphIE7 .vbook		{width: 271px; height: 182px; float: right; background: url(images/vbook_bg.gif) no-repeat top left;}
#graphIE7 .vbook img	{width: 127px; height: 174px; float: left; border: none; margin-top: 2px;}
#graphIE7 .vbook .left		{margin-left: 7px;}
#graphIE7 .vbook .right	{margin-left: 3px;}
#graphIE7 .vbook .link		{text-align: center; padding-top: 10px; clear: both;}
#graphIE7 .vbook .link a	{color: #FFF;}

#busMgr	{margin-top: 5px;}
#busMgr .flash	{float: left; margin: 0px; padding: 0px;}
#busMgr .flash .noflash	{visibilty:hidden; display:none; text-align:left; width:740px; height:220px; border: 1px solid #000; padding-top: 10px;}

/* Site Footer */
#footer 				{clear: both; color: #72727d; width: 1000px; margin: 0px auto; text-align: center; padding-bottom: 15px; font-size: 9px;}
#footer A 			{font-size: 9px;}
#footer A:LINK		{text-decoration:none; color:#00549e;}
#footer A:VISITED	{text-decoration:none; color:#00549e;}
#footer A:HOVER	{text-decoration:underline; color:#5f9bb4;}
#footer A:ACTIVE	{text-decoration:none; color:#5f9bb4;}
#footer UL 			{font-size: 9px;line-height:15px;list-style-image:none;list-style-position:outside;list-style-type:none;border-collapse:separate;border-spacing:0;border:0;padding: 0px 0px 0px 0px; margin:0;}
#footer LI 			{font-size: 9px;display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #000;}
#footer .lastItem	{border: 0px solid #000;}
.copyright			{color: #000;}

#ffooter 			{color: #72727d; width: 1016px; margin: 0px auto; text-align: center; padding-bottom: 15px; font-size: 9px;}
#ffooter A:LINK		{text-decoration:none; color:#00549e;}
#ffooter A:VISITED	{text-decoration:none; color:#00549e;}
#ffooter A:HOVER		{text-decoration:underline; color:#5f9bb4;}
#ffooter A:ACTIVE	{text-decoration:none; color:#5f9bb4;}
#ffooter UL 			{font-size: 9px;line-height:20px;}
#ffooter LI 			{display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #000;}
#ffooter .lastItem	{border: 0px solid #000;}

.notation		{margin: 2px 110px 2px; padding: 0px; padding: 2px 5px; color: #666;text-align:left;}
.data			{border-collapse: collapse; margin: 0px; padding: 0px; border: 1px solid #72727d; width: 770;} /* width: 600px; */
.data td, .data th		{margin: 0px; border-collapse: collapse;}
.data th		{background: #cccccc; padding: 2px 3px; font-weight: bold; text-align: left; border-bottom: 3px double #72727d; color: #000000;}
.data th.grid	{border-left:1px solid #72727d;}
.data th.gridc	{text-align: center; border-left:1px solid #72727d;}
.data th.left	{text-align: left;}
.data th.title	{background: #72727d; color: #FFF; border-bottom: 1px solid #72727d; text-align: center;}
.data td		{padding: 2px 3px; vertical-align: top;}
.data td.grid	{border: 1px solid #72727d; font-size:8px; font-family: "Times New Roman", Times, serif; vertical-align: text-top; }
.data td.grid a	{font-size:8px;}
.data td.gridb	{border: 1px solid #72727d; font-size:8px; font-family: "Times New Roman", Times, serif; vertical-align: text-top; font-weight:bold;}
.data td.gridb a	{font-size:8px; font-weight:bold;}
.data td.gridr	{border: 1px solid #72727d; font-size:8px; font-family: "Times New Roman", Times, serif; vertical-align: text-top; font-weight:bold; color:red;}
.data td.gridr a	{font-size:8px; font-weight:bold;}
.data td.tip	{background: #FFC;}
.data td.label	{color: #000000;}
.data td.labelmid	{color: #555; vertical-align: middle;}
.data td.buttons	{text-align: right; padding: 3px;}
.data .button	{background: #76A; color: #FFF; width: 50px; font-weight: bold; font-size: 10px; border: 2px solid #558; border-top: 2px solid #88B; border-left: 2px solid #88B;}
.data .def25	{width: 24%; font-size: 1px; line-height: 1px; overflow: hidden; height: 0px; margin: 0px; padding: 0px;}
.data .def50	{width: 24%; font-size: 1px; line-height: 1px; overflow: hidden; height: 0px; margin: 0px; padding: 0px;}
.data .message td	{border-bottom: 1px solid #DDD;}

.warn	{padding: 2px; color: #930;}
.warnStrong		{padding: 4px; margin: 3px 0px; background: #930; color: #FFF; border: 1px solid #333;}
.warnStrong a	{color: #FFF;}

.grid			{border-collapse: collapse; margin: 0px; padding: 0px; border: 1px solid #72727d; width: 770px;} /* width: 600px; */
.grid td, .grid th		{margin: 0px; border-collapse: collapse; font-size: 8px;}
.grid th		{font-size: 105%; background: #cccccc; padding: 2px 3px; font-weight: bold; text-align: left; border-bottom: 3px double #72727d; border-left:1px solid #72727d; color: #000000;}
.grid th.left	{text-align: left;}
.grid th.title	{background: #72727d; color: #FFF; border-bottom: 1px solid #066; text-align: center;}
.grid td		{padding: 0px 1px; width: 30px; border: 1px solid #72727d; vertical-align: top;}
.grid td.shade	{background: #ddd;}
.grid .mwarn			{font-weight: bold;}
.grid .mwarnColor	{font-weight: bold; color: #900;}
.grid td.multi			{color: #900;}
.grid div, .grid span	{font-size: 100%;}
.grid span.txt		{width: 49%; display: block; float: left;}
.grid a				{font-size: 100%;}
.grid div.batch		{clear: both; padding-top: 3px;}
.grid div.status	{clear: both; padding-top: 3px;}

#contactInfo			{margin-bottom: 5px; margin-left: 10px;}
#contactInfo div		{}
#contactInfo div span	{width: 120px; color: #000000; padding-right: 10px;}


/* main container definition */
#container {
    width: 943px;
    margin-bottom: 5px;
    padding-top: 5px;
}
#container-main {
    border:1px solid #CCCCCC;
    margin-top:-8px;
    padding:5px 10px 0;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;    
}    

/* sub container definition */
#sub-container {
    margin-bottom: 10px;
    border: 3px solid #CCCCCC;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;    
    border-radius: 10px 10px 10px 10px;    
}

#sub-container-head {
    background-color: #CCCCCC;
}

#sub-container-head TH {
    text-align:left;
    padding: 5px;
}
#sub-container-head TABLE, #sub-container-main TABLE {
    width: 100%;
}
#sub-container-head TD, #sub-container-head TH {
    padding: 1px 5px;
    font-size: 11px;
}    
#container LABEL, #container INPUT {
    font-size: 11px;
}    
.group {
    font-weight:bold;
    padding-left: 20px;
}
.item {
    padding-left: 37px;
}
TR.detailSectionHead TD {
    font-weight: bold;
    padding: 3px 10px;
    background-color: #EFEFEF;
}

/* tabbed navigation */
UL.tabs {
    list-style:none outside none;
    margin:0 0 0 10px;
    padding:0;
    text-align:left;
    height: 34px;
}
UL.tabs li {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    float:left;
    margin: 0 2px 0 0;
    padding:5px 10px;
    text-align:center;
    min-width:100px;
    white-space:nowrap;    
    -moz-border-radius:12px 12px 0 0;    
    -webkit-border-radius:12px 12px 0 0;        
    border-radius:12px 12px 0 0;        
}   
UL.tabs li.active {
    border-bottom: 1px solid #fff;
}
UL.tabs a {
    font-size: 12px !important;
    color: #C0C0C0;
}
UL.tabs li.active a {
    color: #000;
}
#actionButtons {
            margin-bottom: 5px;
}
#actionButtons input, .fwbutton {
    width: 100px;
}

/* modal dialog styles */
.dialog-title {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;        
    border-radius:10px 10px 0px 0px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #ddd;
    padding: 5px 10px;
    font-weight: bold;
} 
    
.dialog-body {
    padding: 0px 5px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;        
    border-radius:10px 10px 0px 0px;
    border-right: 1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 50px;
}

#divCalendar {
    position:absolute;
    visibility:hidden;
    background-color:white;
    background-color:white;
}

.helpInfo {
    background-color:#F2F2F2;
    border:1px solid #fff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;        
    border-radius:10px 10px 10px 10px;
    margin: 5px 0px 5px auto;
    width: 500px;
    color: #4D79FF;
    padding: 5px 10px;
    text-align:left;
    margin-left: 27px;
    font-size:14px
}

.container .header {
	-moz-border-radius:12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	border: 1px solid #c0c0c0;
	background-color: #c0c0c0;
	padding: 3px 15px;
	font-weight:bold;
	line-height: 20px;
}

.container .subheader {
    padding: 3px 10px;
    background-color: #efefef;   
    border: 1px solid #ccc;
    border-bottom-width: 0;
}
.container .header input {
	font-size: 11px;
}
.container .body {
	-moz-border-radius:0px 0px 12px 12px;
	-webkit-border-radius:0px 0px 12px 12px;	
	border-radius:0px 0px 12px 12px;	
	border: 1px solid #c0c0c0;
	background-color: #fff;
	padding: 3px 10px;
	text-align: center;
}
.actionButtons {
	margin: 15px 0;
	text-align: center;
}
p.successMessage, p.failureMessage {
    line-height: 20px;
    padding: 10px;
    font-size: 12px;
}
p.successMessage {
    background-color: #ecfde6;
}
p.failureMessage {
    background-color: #fae9ea;
}    
p.failureMessage input, p.successMessage input {
    font-size: 11px;   
}