body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #92B4E0;
	font-family: Arial, Verdana;
}

.text
{
	font-size: 11px;
	
}
.hdTitleBar
{
	background-color: #92B4E0;
	height: 24px;
	padding: 2px 0px 2px 2px;
	font: bold 16px Arial, Verdana, "Trebuchet MS", Sans-serif;
	color: #fff;
	cursor: default;
}

.hdTitle
{
	color: white;
	font: bold 12px Arial, Verdana, Sans-serif;
}

a.hdTitle, a.hdTitle:link, a.hdTitle:visited, a.hdTitle:active, a.hdTitle:focus
{
	color:#ffffff;
	font: bold 12px Arial, Verdana, Sans-serif;
	text-decoration:none;
}



.hdrTitleBarImg
{
background-image:url(Img/subhdrbar.gif);background-repeat: repeat-x;    
}
.hdrTitleBarImgBlue
{
background-image:url(Img/subhdrbarblue.gif);background-repeat: repeat-x;    
}

.HeaderLight
{
	height: 24px;
	padding: 2px 0px 2px 2px;
	font: bold 14px Arial, Verdana, "Trebuchet MS", Sans-serif;
	color: #fff;
	cursor: default;
}


.HeaderLightSm
{
    font: bold 11px Arial, Verdana, "Trebuchet MS", Sans-serif;
	color: #fff;
	cursor: default;
 
}

.red 
{
    color:Red;
}


.green 
{
    color:Green;
}


.Duplicate
{
  font: bold 15px Arial, Verdana, "Trebuchet MS", Sans-serif;
  color:red;
  cursor: default;  
}


.hdTitleBarBlk
{
    height: 24px;
	padding: 2px 0px 2px 2px;
	font: bold 16px Arial, Verdana, "Trebuchet MS", Sans-serif;
	color: #C2C2C2;
	cursor: default;
}
 .hdr
{
        font-size: 12px;
        color: #000000;
		font-weight: bold;
		text-decoration: none;
		padding: 2px 0px 3px 0px;
 
}

.hdCell
{
	border: solid 1px #073b96;
	border-right: solid 1px #073b96;
	background-color: #ffffff;
	font-family: Arial, Verdana, Sans-Serif;
}
.msgContainerCellTop
{
	background-color: Red;
}
.msgBody
{
	border: solid 1px #000000;
	background-color: #ffffff;
	height: 100%;
	font-family: Arial, Verdana, "Trebuchet MS", Sans-Serif;
	padding: 5px 5px 5px 5px;
}
.horizontalMsgSides
{
	width: 6px;
	background-color: #808080;
}
.verticalMsgSides
{
	height: 6px;
	background-color: #808080;
}
.searchTxt
{
	font: normal 11px Arial, Verdana, Helvetica, "Trebuchet MS", Sans-serif;
	color: #000000;
	cursor: default;
	border:1px solid #002d96;
	padding:0px;
}
.ReadingPane
{
	border-top: 1px solid #aca899;
	width:100%;
	overflow: auto;
	margin-top: 4px;
	padding-top: 10px;
	margin-bottom: 20px;
}
a.btnSearch, a.btnSearch:link, a.btnSearch:visited, a.btnSearch:active, a.btnSearch:focus
{
	border: solid 1px #000080;
	background-image: url(Img/findBg.gif);
	height: 18px;
	width: 80px;
	font: normal 12px Arial, Verdana, Sans-serif;
	color: #000;
	background-color: orange;
	text-decoration: none;
	text-align: center;
	vertical-align: top; 
}
a.btnSearch:hover
{
	background-image: url(Img/findBgOver.gif);
}
#navigationPane
{
	/*height: 498px; uncomment if setHeight function is not used
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;*/
}
#msgPane
{
	/*height: 498px; uncomment if setHeight function is not used
	overflow: auto;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;*/
}
/**/
.apiContainer 
{
    width: 329px;
    height: 75px;
    border: solid 1px #757b91;
    background-image: url(Img/apiBg.gif);
    background-repeat: repeat-x;
    background-color: #bed3f1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.apiIcons 
{
    float: left;    
}
.apiContent 
{    
    width: 248px;
    height: 65px;
    float: left;
    line-height: 13px;
    cursor: hand;
}
.apiFrom 
{
    color: #000;
    font: bold 11px Arial, Verdana, Helvetica;
}
.apiSubject 
{
    color: #000;
    font: normal 11px Arial, Verdana, Helvetica;    
}
.apiMessage 
{
    color: #3263c1;
    font: normal 11px Arial, Verdana, Helvetica;    
}
.floatingDock
{
	border: solid 1px red;
	position: absolute;
	left:700;
	top:600;
}
.comboAdminTable
{
    background-repeat: no-repeat;
    margin-bottom: 3px;
    font-size: 11px;
}

.replyRe
{
	border-bottom:1px solid #003591;
	height: 50px;
}

.replyInputs
{
	background-color: #ece9d8;
	padding: 6px 10px;
	border-bottom: 1px solid #aca899;
}

.loadingTab
{
    background-repeat: no-repeat;
    margin-top: 50px;
 }
 
 
 .TreeActiveUsers
{ color:Red; font-size: 17px;
	
}


table, td, tr
{
	font-size:11px; 
	color:#3a3a3a;
	font-family:Tahoma;
}

/** input
{
	font-family:Verdana; 
	font-size:13px; 
	color:#000000; 
	Border:solid 1px #C3D9F9;
} 

**/
.RadUploadButton,

.ButtonMedium
{
	background: white url('Img/radUploadBtnMedium.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 115px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #666;
}

.ButtonDisabled
{
	background: white url('Img/radUploadBtnMedium.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 115px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #666;
	filter:alpha(opacity=30);
	-moz-opacity:0.5;
	opacity: 0.5;
}


.gridbtn
{
    
   cursor: hand; 
} 
   
.ButtonSmall
{
	background: white url('Img/radUploadBtnSmall.gif') no-repeat ;
 background-position:center;
	border: 0px;
	height: 21px;
	width: 68px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #666;
}

.ButtonMapit
{
	border: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #0C72DA;
}

/**LISTING FORM 

input,select {
	border: 1px solid;
	font-size: 12px;
	}
	
input:focus,textarea:focus, select:focus { 
	 }
textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid;
	font-size: 12px;
	}
**/
.checkbox,.radio {
	border:0px;
	background-color: transparent;
	margin: 0px;
	vertical-align: bottom;
	}

	
/* Content Specific Styles */
	/* body text */
	.contentBox {
		border: 1px solid #ddd;
		padding: 10px 15px 15px 15px;
		margin: 10px 0 10px 0;
	}
	.teamNoticeBox {
		border-bottom: 2px solid;
		padding: 0px 10px 0px 10px;
		background: #fff;
	}
	a.body:link, a.body:visited {
		text-decoration: underline;
		}
		
	a.body:hover {
		text-decoration: underline;
		}
	
	/*for the main screen navigation tabs*/
	.tabRow {
		height: 20px;
		background-position: top;
		background-repeat: repeat-x;	
		border-bottom: solid 1px;
	}
	.currentTab {
		font-size: 11px;
		font-weight: bold;
		padding-top: 1px;
		padding-left: 3px;
		padding-right: 5px;
		padding-top: 5px;
		background-position: top center;
		border-bottom: solid 1px;
		}	
	.currentTabLeft, .otherTabLeft {
		background-position: top left;
	}		
	.currentTabRight, .otherTabRight {
		background-position: top right;
	}
	
	a.currentTabLink:link, a.currentTabLink:visited {
		text-decoration: none;
		}
	a.currentTabLink:hover {
		text-decoration: none;		
		}
		
	.otherTab {
		font-size: 11px;
		font-weight: bold;
		padding-left: 3px;
		padding-right: 5px;
		padding-top: 5px;
		background-position: top center;
		} 
	.otherTabRight , .otherTabLeft, .otherTab {
		border-bottom: solid 1px;
		}
	a.otherTabLink:link, a.otherTabLink:visited {
		text-decoration: none;
		padding-top: 0px;

		}
	a.otherTabLink:hover {
		text-decoration: none;
		}
		
	#groupTabs {
		margin-top: 20px;
		}
		
	.moreHandle {
		background: url('images/more.gif') no-repeat bottom left;
		}
				
	.subMenu {
		width: 100%;
		padding: 0px;
		border-top: 0px;
		margin: 0px 0px 10px 0px;
		font: normal 11px Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		background: #f1f1f1;
		border-bottom: 1px solid;
		}
		
	ul.subMenu li
		{
		list-style: none;
		margin: 0px;
		border: 0px;
		border-top: 1px solid;
		}

	ul.subMenu li a {
	
		display: block;
		border: 0px;
		text-decoration: none;
		text-align: left;
		padding: 3px 3px 3px 6px;
		}	
		
	ul.subMenu li a:hover {
		background: #cedce9;
		color: #000;
		}		
		
	ul.subMenu li span {
	
		display: block;
		border: 0px;
		text-decoration: none;
		text-align: left;
		padding: 3px 3px 3px 6px;
		}	
		
	ul.subMenu li span:hover {
		color: #000;
		}		

table.leftColumnModuleHead th {
	/*left column styles*/
		text-align: left;
		padding-left: 6px;	
		padding-top: 4px;
		padding-bottom: 4px;
		border-top: 1px solid;
		background-repeat: repeat-x;
		background-position: top;
	}
	.subMenuLink {
		text-decoration: none;
		border-bottom: 0px;
		padding-left: 0px;
		cursor: hand; 
		cursor: pointer;
		}
	a.subMenuLink:hover {
		text-decoration: none;
		border-bottom: 0px;
		}
		
	/* myArea is for my account, admin, logout, an about links*/

	
		
	/*welcome user and date bar and last view*/
	.moduleTitle {
	padding-bottom: 3px;
	padding-top: 1px;
	margin-bottom: 5px;
		border-top: 1px solid;
	}
	.logo {
	padding: 10px 10px 15px 15px;
	height: 60px;
	vertical-align: bottom;
	}
	.headerBg {
		font-size: 12px;
		background-repeat: repeat-x;
		background-position: top;
		}
	.welcome {
		font-size: 12px;
		font-weight: normal;
		border-right: 1px solid;
		border-bottom: 1px solid;
		padding: 3px 10px 3px 10px;
		vertical-align: middle;
		background-repeat: repeat-x;
		background-position: top;
		height: 23px;
	}
	.searchField {
		border: 1px solid;
		font-size: 11px;
	}

	#subtabs {
		height: 21px;
		border-bottom: 1px solid;
		background-repeat: repeat-x;
		background-position: bottom;
		}
ul.subTabs
{
padding: 2px 0;
margin: 3px 0 0 0;
border-bottom: 1px solid;
font: 11px Arial, Verdana, Helvetica, sans-serif;
}
ul.subTabs li
{
list-style: none;
margin: 0;
display: inline;
}


.activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover
{
background-repeat: repeat-x;
background-position: top;
border-bottom: 1px solid;
font-weight: bold;
}

ul.subTabs li a
{
background-repeat: repeat-x;
background-position: bottom;
padding: 3px 8px;
margin: 0px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: none;
text-decoration: none;
}

ul.subTabs li a:link { text-decoration: none; }
ul.subTabs li a:visited { text-decoration: none; }

ul.subTabs li a:hover
{
border-top: 1px solid;
background-repeat: repeat-x;
background-position: top;
}

	.subTabMore {
		font-size: 11px;
		text-decoration: none;
		padding-top: 3px;
	}	
	
	.date {
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px solid;
		padding-right: 10px;
		}
		
	.lastView {
		padding-left: 10px;
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding-top: 3px;
		padding-bottom: 3px;
		vertical-align: middle;
		}
		
	a.lastViewLink:link, a.lastViewLink:visited, .lastViewLink {
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-left: 1px solid;
		}
	a.lastViewLink:hover {
		}

	.leftColumn {
		border-right: 1px solid;
		padding-right: 8px;
		}
		
	.leftColumnModuleName {
		padding-left: 3px;	
		padding-top: 4px;
		padding-bottom: 4px;
		text-transform: uppercase;
	}

	.leftColumnModuleS3  {
		font-size: 11px;
		border-bottom: 1px solid;
		padding: 8px 8px 5px 8px;
	background-repeat: repeat-x;
	background-position: bottom;
	}
	.leftColumnModuleS3 .leftColumnModuleS3 select {
	margin-bottom: 4px;
	margin-top: 2px;
	}
	td.leftColumnModuleS3 .button {
	padding-top: 0px;
	vertical-align: bottom;
		font-size: 11px;
	}
	td.leftColumnModuleS3 .dataLabel {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
		font-size: 11px;
	}
	
	td.leftColumnModuleS3 .dataField {
	padding-bottom: 3px;
	}
	.leftColumnModuleS3 #jscal_trigger {
	margin-bottom: 4px;
	margin-top: 2px;
	vertical-align: bottom;
	}
	a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
		text-decoration: underline;
		border-bottom: 0px;
		padding-left: 0px;
		font-size: 11px;
		}
	a.leftColumnModuleS3Link:hover {
		text-decoration: underline;
		border-bottom: 0px;
		}
	
	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border-top: 1px solid;		
		border-right: none;		
		border-bottom: 1px solid;		
		border-left: none;	

	}

	table.listView th, .listViewThS1{
		/* this definition should be exactly the same as .listViewThS1 */
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px solid;
		border-left: none;
		border-right: none;
		border-top: 1px solid;
		height: 25px;
		background-repeat: repeat-x;
		background-position: bottom;
	}

	 
	.listViewSubHeadS1 {
	}
	 


	table.listview th a:link, table.listview th a:visited {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
		font-weight: bold;
		text-decoration: none;
	}

	table.listview th a:hover {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:hover */
		text-decoration: none;
	}

	a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
		font-weight: bold;
		text-decoration: none;
		}
	a.listViewThLinkS1:hover {
	text-decoration: none;
		}


	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	text-decoration: none;

		}
	a.listViewTdLinkS1:hover {
	text-decoration: underline;
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
	text-decoration: none;
		}
	a.listViewTdToolsS1:hover {
	text-decoration: none;
		}
	.evenListRowS1, .oddListRowS1 {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 8px;
		padding-bottom: 4px;
		padding-top: 2px;
		vertical-align: middle;
	}

	.listViewHRS1 {
	}
	.pageNumbers {
	}	

	.tabDetailView .listViewPaginationTdS1 {	
		padding: 2px 5px 3px 8px;
		border-bottom: 1px solid;
	}
	.listViewPaginationTdS1 {
		padding: 1px 5px 2px 5px;}
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding: 2px 0px 3px 0px;
		}
	a.listViewPaginationLinkS1:hover {
		text-decoration: underline;
		}
	a.listViewCheckLink:link, a.listViewCheckLink:visited {
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}
	a.listViewCheckLink:hover {
		}
		
	a.utilsLink:link, a.utilsLink:visited {
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		padding-bottom: 3px;
		}
	a.utilsLink:hover {
		text-decoration: underline;
		}
	.listViewCalCurrentAppt {
	background-color: #75AF4F;
	}
	.listViewCalOtherAppt {
	background-color: #4D5EAA;
	}
	.listViewCalConflictAppt {
	background-color: #AA4D4D;
	}
	.listViewCalCurrentApptLgnd {
	background-color: #75AF4F;
	border: 1px solid #444444;
	}
	.listViewCalOtherApptLgnd {
	background-color: #4D5EAA;
	border: 1px solid #444444;
	}
	.listViewCalConflictApptLgnd {
	background-color: #AA4D4D;
	border: 1px solid #444444;
	}
	/* charting styles */
	.chartBox {
		border: 1px solid;
		padding: 5px;
	}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}
	a.chartToolsLink:hover {
		text-decoration: none;
		}
		
	table.chartForm {
		border: 1px solid;
		padding: 5px;
	}
	
	table.chartForm td {
	}
	
	/* main tab forms */
	
	.tabForm {
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 10px 6px 12px 10px;
		font-size: 12px;
		background-repeat: repeat-x;
		background-position: top;
	}
	.subpanelTabForm {
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 15px 0px 12px 0px;
		font-size: 12px;
		background-repeat: repeat-x;
		background-position: top;
	}
	table.subpanelTabForm td .listViewButtons {
background-color: #fff;
}
.subpanelTabForm p {
	background: #fff;
	margin-bottom:0;
}
.subpanelTabForm h3 {
font-size: 11px;
}
.subpanelTabForm .h3Row {
padding-bottom: 5px;
	margin-top: 0;
}
.subpanelTabForm .listView {
margin-bottom: 20px;
border-left: 1px solid;
border-right: 1px solid;
}
	table.tabForm td {
	}

	h5.dataLabel {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		font-weight: bold; 
		margin-bottom: 0px;
		text-align: left;
		padding-bottom: 15px;
		margin-top: 1px;
		padding-left: 5px;
	}
	td.dataLabel{
		padding : 5px 5px 5px 5px;
	}
	.dataLabel {
		text-align: left;
		font-size: 12px;
	font-weight: normal;
	}
	.dataField {
		font-size: 12px;
		font-weight: normal;
	}
	
	.tabFormAddDel {
		padding-left: 4px; 
		padding-right: 4px; 
		vertical-align: middle; 
		text-align: center;
	}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		font-size: 11px;
		text-decoration: none;
		line-height: 20px;
		margin-right: 2px;
		}
	a.tabFormAdvLink:hover {
		text-decoration: none;
		}
	
	/* main tab panel views */
	.tabDetailView {
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	
	.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL, table.monthHeader td
	{
	border: none; 
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px; 
	}
	
	
	.tabDetailViewDL {
	font-size: 12px; 
		padding: 5px 6px 5px 6px;
		vertical-align: top;
		text-align: right;
		border-bottom: 1px solid;
	}
	
	h4.tabDetailViewDL {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		font-weight: bold; 
		margin-bottom: 0px;
		text-align: left;
		border: none;
	}
	.tabDetailViewDF {
	font-size: 12px;  
		border-bottom: 1px solid;
		padding: 5px 10px 5px 6px;
		vertical-align: top;
	}

	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		text-decoration: underline;
		}
	a.tabDetailViewDFLink:hover {
		}
		
	.tabDetailView2 {
		border: 1px solid;
	}
	.tabDetailViewDL2 {
	font-size: 12px; 
		font-weight: normal;
		padding: 3px 6px 4px 6px;
		vertical-align: middle;
		border-top: 1px solid;
	}
	.tabDetailViewDF2 {
	font-size: 11px;  
		border-left: 2px solid;
		font-weight: normal; 
		padding: 4px 10px 4px 6px;
		vertical-align: middle;
	}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		font-size: 11px;
		text-decoration: underline;
		}
	a.tabDetailViewDL2Link:hover {
		}
	/* calendar styles */
	.monthBox {
	font-size: 12px;
	}

	.monthFooterPrev, .monthFooterNext {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	}
	
	.monthCalBody {

	}
	
	.monthHeaderPrevTd {
	padding-left: 5px;
	}
	.monthHeaderNextTd {
	padding-right: 5px;
	}
	a.NextPrevLink:link, a.NextPrevLink:visited, a.NextPrevLink:hover {
	text-decoration: none;
	}
	 	
	.monthCalBodyTHWeek, .monthCalBodyTHDay {
	padding: 5px;
	}
	 
	.monthCalBodyWeek {
	vertical-align: top;
	padding: 5px;
	}
	a.monthCalBodyWeekLink:link, a.monthCalBodyWeekLink:visited {
	font-size: 11px;
	}
	.monthCalBodyTodayWeekDay, .monthCalBodyTodayWeekEnd {
	border: 1px solid;
	padding: 3px;
	text-align: right;
	}
.monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:visited, 
.monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:visited
{
	font-weight: bold;
	}	
	.monthCalBodyWeekDay, .monthCalBodyWeekEnd  {
	padding: 3px;
	text-align: right;
	}
	
	a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
	font-size: 12px;
	}
	a.monthCalBodyWeekDayDateLink:hover, a.monthCalBodyWeekEndDateLink:hover {
	}		 
	a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited, a.monthCalBodyDayItemLink:hover  {
	font-size: 10px;
	}	
	.monthCalBodyDayItem {
	margin: 7px 0px 7px 0px;
	padding: 5px 0px 8px 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	}
	.monthCalBodyDayIconTd {
	padding-right: 3px;
	vertical-align: top;

	}
	.monthCalBodyDayItemTd {
	vertical-align: top;


	}
	.monthViewDayHeight {
	height: 100px;
	}
	.yearViewDayHeight {
	height: 40px;
	}
	.dailyCalBodyTime {
	vertical-align: top;
	padding: 7px;
	height: 20px;
	}
	
	.dailyCalBodyItems {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	}
	
	a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
	}
	a.weekCalBodyDayLink:hover {
	}

	.yearCalBody {
	}
	.yearCalBodyMonth {
	padding-top: 5px;
	}
	.yearCalBodyMonth th {
	
	}
	.yearCalBodyMonth #daily_cal_table {
	margin-top: 5px;
	border-top: 1px solid;
	}
	.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
	border-top: 1px solid;
	}
	
	a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
	text-decoration: none;
	}
	a.yearCalBodyMonthLink:hover {
	text-decoration: underline;
	}
	.calSharedUser {
	height: 20px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px;
	}

	/* misc font displays */
	.todaysTask {
		color: #FF7800
	}
	.overdueTask {
		color: #ff0000;
	}
	.required {
		color: #ff0000;
	}
	.error {
		color: #ff0000;
	}
	.success {
		color: #00ee00;
	}
	.rssItemDate {
		color: #666666;
		font-size: 11px;
	}
	.dateFormat {
		font-weight: normal;
		font-style: italic;
		font-size: 11px;
	}
	.chartFootnote {
		font-size: 11px;
	
	}

	.copyRight {
	}
	a.copyRightLink:link, a.copyRightLink:visited {
	}
	a.copyRightLink:hover {
	}
	
	.tm {
		font-size: 8px;
		font-family: Verdana;
	}
	
	.footer {
padding: 6px;
line-height: 22px;
width: 98%;
margin-bottom: 20px;
margin-top: 6px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	}
	a.footerLink:link, a.footerLink:visited {
	text-decoration: none;
	
	}
	a.footerLink:hover {
	text-decoration: underline;
	}
	
	.footerHR {
	}
	.aboveFooter {
  padding-top: 10px;
	}
	.underFooter {
  padding-top: 10px;
  padding-bottom: 10px;
	}
/* Scheduler Styles */
 .schedulerDiv {
		font-size: 12px;
		color: #000000;
	text-align: left;
  width: 100%;
  background-color: #FAFAFA;
	border-collapse: collapse;
	border-bottom: 1px solid #999;
	margin-top: 0px;
 }
 .schedulerTable {
  width: 100%;
	border-collapse: collapse;
 }
 table.schedulerTable td {
	height: 18px; }

 .schedulerTopRow, .schedulerTopDeleteHeaderCell, .schedulerDeleteHeaderCell, .schedulerTopHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell  {
	height: 22px; 
	border-bottom: 1px solid #ddd; 
 }

 .schedulerTimeRow{
	border-top: 1px solid #999; 
	border-collapse: collapse;
 }
 .schedulerTimeCell, .schedulerAttendeeDeleteCell {
	border-left: 1px solid #dddddd;
	padding-left: 4px;
 }

 .schedulerAttendeeCell {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #ddd; 
	overflow: hidden;
    padding-left: 4px;
	width: 125px;
}
 .schedulerAttendeeIconCell {
	border: 1px solid #dddddd;
  	padding: 0px;
	width: 16px;
  }
 .schedulerSlotEmptyDiv {
	border: 0px solid transparent;
  width: 100%;
  height: 100%;
 }
 .schedulerSlotCellStartTime {
	border-left: 4px solid #75AF4F;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellEndTime {
	border-left: 4px solid #ff0000;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellHour {
	border: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerAttendeeRow {
}

	.schedulerEvenListRow, .schedulerOddListRow {
		padding-top: 2px 5px 4px 5px;
		background-color: #f6f6f6;
	}
	
/* dynamic tab styles */
.myArea {

font: 12px Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px solid;
}
ul.myArea
{
white-space: nowrap;
height: 15px;
padding: 3px 0;
margin: 0;
font: 12px Arial, Verdana, Helvetica, sans-serif;
}
 
ul.myArea li
{
list-style: none;
margin: 0 1px 0 0;
display: inline;
}
ul.myArea li a
{
background-repeat: repeat-x;
background-position: bottom;
padding: 3px 5px 3px 5px;
margin: 0px;
text-decoration: none;
border-bottom: 1px solid;
}

ul.myArea li a:link { text-decoration: none; }
ul.myArea li a:visited { text-decoration: none; }

ul.myArea li a:hover
{
background-repeat: repeat-x;
background-position: top;
}

#colorpicker {
vertical-align: middle;
}
ul.colorpicker {
 border: none;
 padding: 0px;
 margin: 0;
 }
ul.colorpicker li
{
list-style: none;
display: inline;
padding: 0px;
cursor: hand; 
cursor: pointer;
margin: 0;
}
ul.tablist
{
padding: 3px 0;
margin: 0;
border-bottom: 1px solid;
font: 12px Arial, Verdana, Helvetica, sans-serif;
}
 
ul.tablist li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tablist li a
{
background-repeat: repeat-x;
background-position: top;
padding: 3px 8px;
margin: 0px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: none;
text-decoration: none;
}

ul.tablist li a:link { text-decoration: none; }
ul.tablist li a:visited { text-decoration: none; }

ul.tablist li a:hover
{
border-top: 1px solid;
background-repeat: repeat-x;
background-position: bottom;
}

ul.tablist li a.current, ul.tablist li a.current:hover
{
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 1px solid;
font-weight: bold;
}

ul.subpanelTablist
{
padding: 3px 0;
margin: 0;
border-bottom: 1px solid;
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
 
ul.subpanelTablist li
{
list-style: none;
margin: 0;
display: inline;
}
ul.subpanelTablist li a
{
background-repeat: repeat-x;
background-position: top;
padding: 3px 8px;
margin: 0px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: none;
text-decoration: none;
}

ul.subpanelTablist li a:link { text-decoration: none; }
ul.subpanelTablist li a:visited { text-decoration: none; }

ul.subpanelTablist li a:hover
{
border-top: 1px solid;
background-repeat: repeat-x;
background-position: bottom;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover
{
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 1px solid;
font-weight: bold;
}

.sqsFloater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.sqsFloater td {
border:1px inset;
color:black;
}

.sqsMatchedSmartInputItem {
font-size:11px;
padding: 2px 5px 2px 5px;
margin: 0;
cursor: pointer;
cursor: hand;
}

.sqsSelectedSmartInputItem {
background-color:#DEEFFF;
}

#sqsSmartInputResults {
padding:0;margin:0;
}

.sqsNoMatch {
padding: 2px 5px 2px 5px;
font-weight: bold;
background-color:#eeeeee;
color:#980000;
}

.olFontClass { }
.olFontClass A { }
.olCapFontClass { 
	font-weight: bold; 
	color: #222222;
	background-color: #dfdfdf; 
}
.olCapFontClass A { 
	color: #dfdfdf; 
	font-size: 9px; 
}
.olFgClass td { 
	background-color: #f9f9f9; 
	padding: 5px 7px 7px 7px;
	line-height: 18px;
}
.olCgClass td {
	border-top: 1px solid #f1f1f1; 
	border-bottom: 1px solid #aaaaaa;
	background-color: #dfdfdf; 
	padding-left: 5px;  
}
.olCgClass {
 padding: 0px;
 border: 0px;
}
.olBgClass { 
	background-color: #9e9e9e; 
}
.olCloseFontClass { 
	padding-bottom: 1px;
	text-align: right; 
	background-color: #dfdfdf; 
}

/* acl role colors */

.aclAll {
 color: #008000;
 font-weight: bold;
}
.aclOwner {
 color: #000000;
 font-weight: bold;
}
.aclNone {
 color: #FF0000;
 font-weight: bold;
}
.aclEnabled {
 color: #008000;
 font-weight: bold;
}
.aclDisabled {
 color: #FF0000;
 font-weight: bold;
}
.aclAdmin {
 color: #0000FF;
 font-weight: bold;
 
}
.aclNormal {
 color: #008000;
 font-weight: bold;
}

ul.noBullet {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

li.noBullet {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
		
/*BLUE STYLE SUGAR ****************/
		table,td {
	color: #444444;
	}

h1, h2, h3{
	color: #242c8f;
	}

h4, h5, h5.listViewSubHeadS1, a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	color: #444; 
	}
.h3Row,  .monthHeader {
	color: #444; 
	background-color: #fff;
	border-color: #9999cc;
	background-image: url(images/bgBlue.gif);
}
a:link, a:visited, a.body:link, a.body:visited {
		color: #444444; 
		}
a:hover, a.body:hover {
		color: #242c8f;
		}

/* Form Styles */

.button {

	border-color: #9999cc;
	background-color: #eee;
	color: #444;
	background-image: url(images/bgBlue.gif);
	}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {

	color: #242c8f;
	background-color: #eee;
	background-image: url(images/bgBlue.gif);
	border-color: #242c8f;
	}
	
 
 

	
		
	/*for the main screen navigation tabs
input
{
	font-family:Verdana; 
	font-size:13px; 
	color:#000000; 
	Border:solid 1px #C3D9F9;
} 

*/
	
	
	.tabRow {	
		background-image : url(images/tabRowBlueBg.gif);
		border-color: #9999cc;
	}
	.currentTabLeft, .currentTabRight, .currentTab {
	background-image : url(images/currentTabBlue.gif);
		background-repeat: no-repeat;
		border-color: #fff;
	}


	a.currentTabLink:link, a.currentTabLink:visited {
		color: #242c8f;
		}
	a.currentTabLink:hover {
		color: #242c8f;
		}
		
	.otherTabLeft, .otherTabRight, .otherTab {
		color: #333333;
		background-image : url(images/otherTabBlue.gif);
		background-repeat: no-repeat;
		border-color: #9999cc;
		}
	a.otherTabLink:link, a.otherTabLink:visited {
		color: #444444;

		}
	a.otherTabLink:hover {
		color: #242c8f;
		}
		
	
	.subpanelTabSpace  * {
		display: none;
		}
	
	a.currentSubpanelTabLink:link, a.currentSubpanelTabLink:visited {
		color: #242c8f;
		}
	a.currentSubpanelTabLink:hover {
		color: #242c8f;
		}
		
	a.otherSubpanelTabLink:link, a.otherSubpanelTabLink:visited {
		color: #444444;

		}
	a.otherSubpanelTabLink:hover {
		color: #242c8f;
		}
		
	.moreHandle {
		background: url('images/more.gif') no-repeat bottom left;
		}
	.subMenu {
		border-color: #ccc;
	}	
	.subMenu, ul.subMenu li, .leftColumnModuleS3 {
		color: #444444;
		background-color: #fff;
		border-color: #c1c7eb;
	}
	
	ul.subMenu li a:hover, ul.subMenu li span:hover {
		color: #242c8f;
		background-color: #f6f6f6;
		}	
		
	.leftColumn {
		border-color: #ccc;
		}
	
	
	.leftColumn {
		border-color: #c1c7eb;
		}
	table.leftColumnModuleHead th, table.listView th, .listViewThS1,  .schedulerTopRow, .monthHeader {
	/*left column styles*/
		color: #444;
		background-color: #fff;
		border-color: #9999cc;
		background-image: url(images/bgBlue.gif);
	}
	
	/* myArea is for my account, admin, logout, an about links*/
	.myArea {
		}
		
	
	
	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border-color: #9999cc;
	}


	.listViewSubHeadS1 {
		background-color: #ffffff;
	}


	table.listview th a:link, table.listview th a:visited, a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
		color: #444;
	}

	table.listview th a:hover, a.listViewThLinkS1:hover {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:hover */
		color: #242c8f; 
	}

	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	color: #242c8f;

		}
	a.listViewTdLinkS1:hover {
	color: #000000;
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
		}
	a.listViewTdToolsS1:hover {
		}
	.evenListRowS1 {
		color: #000000;
	}
	
	.oddListRowS1 {
		color: #000000;
	}

	.listViewHRS1 {
		background-color: #c1c7eb;
	}
	.pageNumbers {
		color: #444444;		
	}
	.listViewPaginationTdS1, .tabDetailView .listViewPaginationTdS1 .tabDetailViewDL {
		color: #9999cc;
		background-color: #eeeeee;
		border-color: #9999cc;
	}
	
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		color: #444444;
		}
	a.listViewPaginationLinkS1:hover {
		color: #242c8f;
		}
	a.listViewCheckLink:link, a.listViewCheckLink:visited {
		}
	a.listViewCheckLink:hover {
		}
		
	a.utilsLink:link, a.utilsLink:visited, a.NextPrevLink:link, a.NextPrevLink:visited {
		color: #242c8f;
		}
	a.utilsLink:hover {
		}
	/* charting styles */
	.chartBox {
		background-color: #ffffff;
		border-color: #9999cc;
	}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		color: #444444;
		}
	a.chartToolsLink:hover {
		color: #242c8f;
		}
		
	table.chartForm {
		background-color: #efefef;
		border-color: #9999cc;
	}
	
	table.chartForm td {
		background-color: #efefef;
	}
	
	/* main tab forms */
	
	.tabForm {
		border-color: #9999cc;
		color: #000000; 
		background-color: #f6f6f6;
	background-image: url(images/bgBlueForm.gif);
	}
	.subpanelTabForm {
		border-color: #9999cc;
		color: #000000; 
		background-color: #f6f6f6;
	background-image: url(images/bgBlueForm.gif);
	}
	.subpanelTabForm .listView {
border-color: #9999cc;
}
	h4.dataLabel {
		color: #444444; 
	}
	table.tabForm td {
	
	}
	h5.dataLabel {
		color: #444444; 
	}
	td.dataLabel{
	}
	.dataLabel {
	}
	.dataField {
	}
	
	.tabFormAddDel {
	}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		color: #444444;
		}
	a.tabFormAdvLink:hover {
		color: #242c8f;
		}
	
	/* main tab panel views */
	.tabDetailView {
		border-color: #666666;
		background-color: #c1c7eb;
	}
	.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1
	{
	}
	
	.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1:hover, .tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink:hover 
	{
	color: #000000;
	}
	
	.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink 
	{
	color: #444444;
	}
	
	.tabDetailViewDL, .dailyCalBodyTime, .monthCalBodyWeek {
		color: #000000;
		background-color: #f6f6f6;
		border-color: #c1c7eb;
	}
	
	h4.tabDetailViewDL {
		color: #444444; 
	}
	.tabDetailViewDF {
		color: #444444; 
		border-color: #c1c7eb;
		background-color: #fff;
	}

	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		color: #000000;
		}
	a.tabDetailViewDFLink:hover {
		color: #242c8f;
		}
		
	.tabDetailView2 {
		border-color: #9999cc;
		background-color: #c1c7eb;
	}
	.tabDetailViewDL2 {
		color: #000000;
		border-top-color: #ffffff;
		background-color: #fafafa;
	}
	.tabDetailViewDF2 {
		color: #444444; 
		background-color: #eeeeee;
		border-left-color: #dfdfdf;
	}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		color: #444444;
		}
	a.tabDetailViewDL2Link:hover {
		color: #242c8f;
		}


a.btnExcel, a.btnExcel:link, a.btnExcel:visited, a.btnExcel:active, a.btnExcel:focus
{
	border: solid 1px #000080;
	background-image: url(Img/hdTitleBarSilver.gif);
	height: 18px;
	width: 80px;
	font: normal 12px Arial, Verdana, Sans-serif;
	color: #007B00;
	background-color:orange;
	text-decoration: none;
	text-align: center;
	vertical-align: top; 
}
a.btnExcel:hover
{
}