/* Default Styles */
body { 
	margin: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
//	background-color: #4F85C6;
	background-color: #FFFFFF;
	}
	
.body { 
	font-size: 12px;
	}
.header { 
	background-color: #1f2e6b;;
	}
table,td {
	color: #0B0B0B;
	font-size: 11px;
	}

p {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px;
	}
	
form {
	margin: 0px;
	}

h1 {
	color: #e7f0fe;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	}

h2 {
	color: #e7f0fe;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: normal; 
	margin-bottom: 0px;
	margin-top: 0px;
	}

h3 {
	color: #e7f0fe; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	margin-bottom: 4px;
	margin-top: 2px;
	}

h4 {
	color: #0B0B0B; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 2px;
	}

h5 {
	color: #0B0B0B; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 1px;
	}
	
LI {
	LIST-STYLE-TYPE: square; 
	margin-left: 6px; 
	MARGIN-BOTTOM: 2px;
	}
	
UL {
	MARGIN-TOP: 2px;
	}

hr {
	height: 1px;
}
	
a:link, a:visited {
	color: #e7f0fe;
	font-size: 11px;
	text-decoration: underline;
	}
a:hover {
	color: #0B0B0B;
	text-decoration: underline;
	}
	
/* Form Styles */

.button {

	border: 1px solid #7DA7DF;
	background-color: #4F85C6;
	font-size: 11px;
	color: #e7f0fe;
	font-weight: normal;
	background-image: url(images/formButtonBg.gif);
	background-repeat: repeat-x;	

	}
	
.buttonOn {
	border-left: 2px solid #7DA7DF;	
	border-right: 2px solid #7DA7DF;
	border-top: 2px solid #7DA7DF;	
	border-bottom: 2px solid #4F85C6;
	padding-bottom: 1px;
	background-color: #4F85C6;
	font-size: 11px;
	color: #0B0B0B;
	font-weight: normal;
	background-image: url(images/formButtonBgOn.gif);
	background-repeat: repeat-x;	
	}

	
input {
	border: 1px solid #3060A0;
	font-size: 13px;
	background-color: #ffffff;
	color: #000000;	
	font-weight:bold;
	height:20;
	}


select {
	border: 1px solid #0B0B0B;
	font-size: 13px;
	background-color: #ffffff;
	color: #000000;	
	font-weight:bold;
	width:157px;
	}	
	
	
textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #3060A0;
	font-size: 13px;
	background-color: #ffffff;
	}

	.contentBox {
		padding: 5px;
	}
	.teamNoticeBox {
		background-color: #4F85C6;
		border: 1px #7DA7DF solid;
		padding-left: 5px;
		padding-right: 5px;
		color: #e7f0fe;
	}
	a.body:link, a.body:visited {
		color: #e7f0fe;
		font-size: 12px;
		text-decoration: underline;
		}
		
	a.body:hover {
		color: #0B0B0B;
		text-decoration: underline;
		}
	
	/* myArea is for my account, admin, logout, an about links*/
	.myArea {
		padding-LEFT: 10px;
		padding-right: 10px;
		color: #9DC9F3;
		background-color: #0F67A7;
		text-align: right;
		background-image: url(images/myAreaBg.gif);
		}
	a.myAreaLink:link, a.myAreaLink:visited {
		font-size: 11px;
		color: #e7f0fe;
		font-weight: bold;
		text-decoration: none;
		}
	a.myAreaLink:hover {
		text-decoration: underline;
		}
		
	/*for the main screen navigation tabs*/	
	.tabTableTop {		
		background-color: #7DA7DF;
	}
	.tabTableMenu {		
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;	
	}
	.tabTable {		
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;	
	}
	.tabTabletransfer {		
		border-left: 1px solid #7DA7DF;
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
		background-position: left;
		background-repeat: repeat-y;
		}
	/*.currentTab {
		border-top: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 1px;
		padding-bottom: 1px;
		background-color: #7DA7DF;
}
	a.currentTabLink:link, a.currentTabLink:visited {
		font-size: 12px;
		font-weight: bold;
		color: #0B0B0B;
		text-decoration: none;
		}
	a.currentTabLink:hover {
		font-size: 12px;
		color: #0B0B0B;
		text-decoration: none;
		
		}
		*/
/*----Link of the menu in Reports-----*/	
	.otherTab {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 1px;
		border-bottom: 1px solid #4F85C6;
		background-color: #4F85C6;
		background-position: left;
		background-repeat: repeat-y;
		}
	.otherTabdiv {
		border-left: 1px solid #7DA7DF;
		}
	a.otherTabLink:link, a.otherTabLink:visited {
		font-size: 11px;
		font-weight:bold;
		color: #0B0B0B;
		text-decoration: none;
	}
	a.otherTabLink:hover {
		color:#F0F5A3;
		font-weight:bold;
		text-align:center;
		text-decoration:underline;
		}
/*-------------------------------------------------*/
/* for show the Current menu in reports*/
	.currentTab {
		background-color:#A7CAF5;
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 1px;
		border-top: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
		background-position: left;
		background-repeat: repeat-y;
		}
	.a.currentTabLink:link, a.currentTabLink:visited{
		font-size: 11px;
		font-weight:bold;
		color: #034798 ;
		text-decoration: none;
		}
/*-------------------------------------------------*/
	.subMenu {
		color: #CEE2F5;
		background-color: #2D62B6;
		font-size: 11px;
		border-bottom: 1px solid #4F85C6;
		padding-left: 10px;
		padding-top: 1px;
		padding-bottom: 1px;

		}
	.subMenuTable {
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		}
	a.subMenuLink:link, a.subMenuLink:visited {
		font-size: 11px;
		color: #0B0B0B;
		text-decoration: none;
		}
	a.subMenuLink:hover {
		text-decoration: underline;
		}
		
	.subMenu2 {
		font-size: 11px;
		color: #9DC9F3;
		padding-left: 10px;
		}
	a.subMenu2Link:link, a.subMenu2Link:visited {
		font-size: 11px;
		color: #0B0B0B;
		text-decoration: none;
		}
	a.subMenu2Link:hover {
		text-decoration: underline;
		}
	.subMenuBar2 {
		border-top: 1px solid #127FBD;
		border-bottom: 1px solid #293A82;
		background-image: url(images/subMenu2Bg.gif);
		background-repeat: repeat-x;
	}
		
	/*welcome user and date bar and last view*/
	.moduleTitle {
	border-bottom: 1px solid #2D62B6;
	}	
	.welcomeBar {
		background-color: #4d88c6;
		}
	.welcome {
		font-size: 12px;
		font-weight: bold;
		color: #CEE2F5;
		padding-left: 10px;
		}
	.searchField {
		border: 1px solid #0B0B0B;
		color: #1f2e6b;
		font-size: 11px;
		background-color: #CEE2F5;
	}
	.search {
		color: #888888;

		}
	.searchButton {
		behavior:	url("include/pngbehavior.htc");
		background-color: transparent;
		border: 0px;
		padding-right: 10px;
		}	
	.date {
		 color: #0B0B0B;
		 font: Verdana;
		 font-size: 12px;
		 font-weight: bold;
	}
		
	.lastView {
		font-size: 11px;
		color: #CEE2F5;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		background-color: #4F85C6;
		}
		
	a.lastViewLink:link, a.lastViewLink:visited {
		color: #CEE2F5;
		text-decoration: none;
		border-bottom: 0px;
		padding-left: 0px;
		}
	a.lastViewLink:hover {
		text-decoration: underline;
		border-bottom: 0px;
		}
		
	/*left column styles*/
	.leftCol {
	background-color: #4F85C6;
	}
	/*left column form*/	
	.leftColumn {		
		background-color: #2D62B6;
		border-left: 1px solid #7DA7DF;
		border-top: 1px solid #7DA7DF;
		border-bottom: 1px solid #7DA7DF;
	}
	.leftColumnMain {		
		padding-top: 10px;		
		padding-right: 10px;
		border-top: 1px solid #7DA7DF;
		border-right: 1px solid #7DA7DF;		
		border-bottom: 1px solid #7DA7DF;
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;	
	}
	
	.moduleTab {		
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;	
	}		
	table.leftColumnModuleHead th {
		font-size: 12px;
		color: #0B0B0B;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		background-color: #7DA7DF;
	}

.leftColumnModuleS3 .required {
		color: #0B0B0B;
		font-size: 12px;
	}

.leftColumnModuleS3 .datalabel {
	text-align: left;
		font-size: 11px;
		font-weight: normal;
		color: #0B0B0B;
	}
	.leftColumnModuleS3  {
		font-size: 11px;
		color: #CEE2F5;
		border-bottom: 1px solid #7DA7DF;
		border-right: 1px solid #7DA7DF;
		border-left: 1px solid #7DA7DF;
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;
		line-height: 18px;
		padding: 10px;
		
	}
	
	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border: 1px solid #2d62b6;
	}
	.listViewThS1 {
		font-size: 11px;
		color: #CEE2F5;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		border-left: 1px solid #4F85C6;
		border-top: 1px solid #7DA7DF;
		border-bottom: 1px solid #4F85C6;		
		background-color: #2d62b6;
		height: 20px;
	}
	.listViewSubHeadS1 {
	//	background-color: #0B0B0B;
	}
	a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
		color: #CEE2F5;
		font-weight: bold;
		text-decoration: none;
		}
	a.listViewThLinkS1:hover {
	text-decoration: underline;
		}
	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	color: #1f2e6b;
	text-decoration: none;

		}
	a.listViewTdLinkS1:hover {
	text-decoration: underline;
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
	color: #2d62b6;
	text-decoration: none;
		}
	a.listViewTdToolsS1:hover {
	color: #1f2e6b;
		}
	.evenListRowS1 {
		font-size: 12px;
		color: #444444;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 3px;
		padding-top: 2px;
		background-color: #e7f0fe;
	}
	
	.oddListRowS1 {
		font-size: 12px;
		color: #444444;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 4px;
		padding-top: 2px;
		background-color: #e7f0fe;
	}
	
	.listViewHRS1 {
		background-color: #CEE2F5;
	}
	.pageNumbers {
		color: #CEE2F5;		
	}
	.listViewPaginationTdS1 {
		font-size: 10px;
		color: #CEE2F5;
		border-top: 1px solid #7DA7DF;
		background-color: #4F85C6;
		padding-right: 5px;
		padding-left: 5px;
	}
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		color: #0B0B0B;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}
	a.listViewPaginationLinkS1:hover {
		text-decoration: underline;
		}
		
	a.listViewCheckLink:link, a.listViewCheckLink:visited {
		color: #CEE2F5;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}
	a.listViewCheckLink:hover {
		text-decoration: underline;
		}
		
		
	a.utilsLink:link, a.utilsLink:visited {
		color: #CEE2F5;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;

		}
	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 {
		background-color: #e4ecf4;
		border: 1px #4d88c6 solid;
		padding: 5px;
	}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		color: #CEE2F5;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}
	a.chartToolsLink:hover {
		text-decoration: underline;
		}
		
	table.chartForm {
		background-color: #0B0B0B;
		border: 1px #4d88c6 solid;
		padding: 5px;
	}
	
	table.chartForm td {
		background-color: #4d88c6;
	}
	
	/* main tab forms */
	
	.tabForm {
		background-color: #7DA7DF;
		border: 1px #2d62b6 solid;
		padding: 5px;
	}
	.tabScript {
		background-color: #7DA7DF;
		border: 1px #2d62b6 solid;
		width: 800px;
		height: 277px;
		padding: 5px;
	}
	.tabActiveLines {
		background-color: #7DA7DF;
		border: 1px #2d62b6 solid;
		width: 600px;
		height: 200px;
		padding: 5px;
	}
	.tabFavroites {
		background-color: #7DA7DF;
		border: 1px #2d62b6 solid;
		width: 186px;
		height: 400px;
		padding: 5px;
	}
	.tabFormTransfer {
		background-color: #7DA7DF;
		border: 1px #2d62b6 solid;
		left: 0px;
		top: 0px;
	}
	h4.dataLabel {
		color: #CEE2F5; 
		font-size: 16px; 
		font-weight: bold; 
		margin-bottom: 2px;
		padding-bottom: 7px;
	}
	
	h5.dataLabel {
		color: #CEE2F5; 
		font-size: 14px;  
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.dataLabel {
		color: #24357E;
		vertical-align : top;
		font-size: 12px; 		
		font-weight: bold;
		padding: 3px 3px 3px 5px;		
	}
	.LabelDefault {
		color: #CEE2F5;
		vertical-align : top;
		font-size: 12px; 		
		font-weight: bold;
		padding: 3px 3px 3px 5px;		
	}
	.dataField {
		font-weight: normal;
		vertical-align : top;
	}
	
	.tabFormAddDel {
		padding-left: 4px; 
		padding-right: 4px; 
		vertical-align: middle; 
		text-align: center;
	}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		color: #154d89;
		font-size: 10px;
		text-decoration: none;
		}
	a.tabFormAdvLink:hover {
		text-decoration: underline;
		}
	
		
	/* pop up window */
	.popUp	{	
		background-color: #4F85C6;
		background-image: url(images/otherTabBg.gif);
		background-position: left;
		background-repeat: repeat-y;	
	}
	}
	
	/* main tab panel views */
	.tabDetailView {
		border: 1px solid #7da7df;
		background-color: #e4ecf4;
		margin-bottom: 15px;
		
	}
	.tabDetailViewDL {
		font-size: 12px;
		color: #154d89; 
		background-color: #7da7df;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		text-align: right;
	}
	
	h4.tabDetailViewDL {
		color: #2c6baf; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px; 
		font-weight: bold; 
		margin-bottom: 2px;
		text-align: left;
	}
	.tabDetailViewDF {
	font-size: 12px;
		color: #154d89; 
		background-color: #e7f0fe;		
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		font-weight: normal;
		border-bottom: 1px solid #CEE2F5;
	}

	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		color: #2d62b6;
		font-size: 12px;
		text-decoration: underline;
		}
	a.tabDetailViewDFLink:hover {
		color: #154d89;
		}
		
	.tabDetailView2 {
		border: 1px solid #2d62b6;
		background-color: #e4ecf4;
	}
	.tabDetailViewDL2 {
		font-size: 12px;
		color: #154d89; 
		background-color: #7da7df;
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		text-align: right;
	}
	.tabDetailViewDF2 {
		font-size: 12px;
		color: #154d89; 
		background-color: #e7f0fe;		
		padding-right: 4px;
		padding-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: top;
		font-weight: normal;
		border-bottom: 1px solid #CEE2F5;
	}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		color: #2c6baf;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		}
	a.tabDetailViewDL2Link:hover {
		color: #2c6baf;
		text-decoration: underline;
		}
		
		
		
	a.tabDetailViewDF2Link:link, a.tabDetailViewDF2Link:visited {
		color: #1f2e6b;
		font-size: 11px;
		text-decoration: none;
		}
	a.tabDetailViewDF2Link:hover {
		text-decoration: underline;
		}
		
		
	/* calendar styles */
	.monthBox {
	border: 1px solid #2d62b6;
	}
	.monthHeader {
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #4F85C6;
	border-left: 1px solid #4F85C6;
	border-top: 1px solid #7DA7DF;
	border-bottom: 1px solid #4F85C6;		
	background-color: #2d62b6;
	}
	.monthFooterPrev {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #4F85C6;
	border-top: 1px solid #2d62b6;	
	border-left: 1px solid #7DA7DF;
	border-bottom: 1px solid #7DA7DF;
	}
	.monthFooterNext {
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #4F85C6;
	border-top: 1px solid #2d62b6;
	border-bottom: 1px solid #7DA7DF;
	}
	.monthHeaderH3 {
	color: #e7f0fe; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	}
	.monthCalBody {

	background-color: #7DA7DF;
	}
	
	.monthHeaderPrevTd {
	padding-left: 5px;
	}

	a.NextPrevLink:link, a.NextPrevLink:visited {
	color: #e7f0fe;
	text-decoration: none;
	}
	a.NextPrevLink:hover {
	color: #0B0B0B;
	text-decoration: none;
	}
	
	.monthHeaderNextTd {
	padding-right: 5px;
	}
	
	.monthCalBodyTHWeek {
	font-size: 12px;	
	background-color: #4F85C6;
	font-weight: normal; 
	color: #CEE2F5;
	padding: 5px;
	}
	.monthCalBodyTHDay {
	font-size: 12px;
	background-color: #4F85C6;
	font-weight: normal; 
	color: #CEE2F5;
	padding: 5px;
	}
	.monthCalBodyWeek {
	vertical-align: top;
	background-color: #CEE2F5;
	color: #CEE2F5;
	padding: 5px;
	}
	a.monthCalBodyWeekLink:link, a.monthCalBodyWeekLink:visited {
	font-size: 11px;
	font-weight: bold; 
	color: #2d62b6;
	text-decoration: none;
	}
	a.monthCalBodyWeekLink:hover {
	text-decoration: underline;
	}
	.monthCalBodyTodayWeekDay {
	border: 1px solid #7DA7DF;
	background-color: #fafafa;
	color: #4F85C6;
	padding: 3px;
	text-align: right;
	}

	.monthCalBodyWeekDay {
	background-color: #e7f0fe;
	color: #2d62b6;
	padding: 3px;
	text-align: right;
	}
	.monthCalBodyTodayWeekEnd {
	border: 1px solid #7DA7DF;
	background-color: #fafafa;
	color: #4F85C6;
	padding: 3px;
	text-align: right;
	}
	.monthCalBodyWeekEnd {
	background-color: #CEE2F5;
	color: #2d62b6;
	padding: 3px;
	text-align: right;
	}
	a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
	color: #2d62b6;
	font-size: 11px;
	}
	a.monthCalBodyWeekDayDateLink:hover {
	color: #2d62b6;
	}
	
	a.monthCalBodyWeekEndDateLink:hover {
	color: #2d62b6;
	}
	
	a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited {
	color: #2d62b6;
	font-size: 10px;
	text-decoration: none;
	}
	a.monthCalBodyDayItemLink:hover {
	font-size: 10px;
	text-decoration: underline;
	}
	
	.monthCalBodyDayItem {
	background-color: #e7f0fe;
	border-bottom: 1px solid #CEE2F5;
	}
	.monthCalBodyDayIconTd {
	padding-left: 2px;
	padding-right: 3px;
	vertical-align: top;

	}
	.monthCalBodyDayItemTd {
	vertical-align: top;

	}
	.monthViewDayHeight {
	height: 100px;
	}
	.yearViewDayHeight {
	height: 40px;
	}
	.dailyCalBodyTime {
	vertical-align: top;
	background-color: #CEE2F5;
	color: #2d62b6;
	padding: 3px;
	height: 20px;
	}
	.dailyCalBodyItems {
	background-color: #e7f0fe;
	color: #2d62b6;
	padding: 3px;
	text-align: left;
	}
	
	a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
	color: #2d62b6;
	font-size: 12px;
	text-decoration: none;
	}
	a.weekCalBodyDayLink:hover {
	text-decoration: underline;
	}

	.yearCalBody {
	background-color: #4f85c6;
	}
	.yearCalBodyMonth {
	border: 1px solid #CEE2F5;
	background-color: #7DA7DF;
		padding-top: 5px;
	}

	a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	font-size: 13px;
	font-weight: bold;
	color: #1f2e6b;
	text-decoration: none;
	}
	a.yearCalBodyMonthLink:hover {
	text-decoration: underline;
	}
	
	h5.calSharedUser {
	color: #2d62b6;
	background-color: #cee2f5;
	height: 20px;
	padding-top: 5px;
	padding-left: 4px;
	font-size: 12px;
	margin-top: 0px;
	border-left: 1px solid #7da7df;
	border-right: 1px solid #7da7df;	
	}

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

	.copyRight {
	color: #0B0B0B;
	}
	a.copyRightLink:link, a.copyRightLink:visited {
	color: #0B0B0B;
	}
	a.copyRightLink:hover {
	color: #9aceff;
	}
	
	.tm {
		font-size: 8px;
		font-family: Verdana;
	}
	
	.footer {
padding-top: 10px;
padding-bottom: 10px;
color: #0B0B0B;
	}
	a.footerLink:link, a.footerLink:visited {
	color: #0B0B0B;
	text-decoration: none;
	}
	a.footerLink:hover {
	text-decoration: underline;
	}
	
	.footerHR {
	color: #2d62b6;
	}
	
	

/* Scheduler Styles */
	h5.listViewSubHeadS1 {
		color: #e7f0fe; 
		font-size: 13px; 
		font-weight: bold; 
		margin-top: 1px;
		margin-bottom: 1px;
	}
.schedulerDiv {
  width: 100%;
  background-color: #e7f0fe;
  	border: 1px solid #2d62b6;
	border-collapse: collapse;
	margin-top: 0px;
 }
 .schedulerTable {
  width: 100%;
  background-color: #e7f0fe;
	border: 1px solid #CEE2F5;
	border-collapse: collapse;
 }

 .schedulerTopRow {
	border-bottom: 1px solid #4f85c6;
	border-collapse: collapse;
 }

 .schedulerTimeRow {
	border-collapse: collapse;
 }
 .schedulerDeleteHeaderCell {
	border-collapse: collapse;
	background-color: #7da7df;
	border: 1px solid #4f85c6;
 }
 .schedulerDeleteHeaderCell {
	border: 1px solid #7da7df;
	border-collapse: collapse;
 }
 .schedulerTopDateCell {
	border-left: 1px solid #7da7df;
	border-right: 1px solid #7da7df;
	border-top: 1px solid #7da7df;
	border-bottom: 1px solid #2d62b6;
	border-collapse: collapse;
	background-color: #4f85c6;
	font-size: 13px;
	color: #cee2f5;
 }
 .schedulerTopHeaderCell {
	border: 1px solid #2d62b6;
	border-collapse: collapse;
 }
 .schedulerAttendeeHeaderCell {
	background-color: #7da7df;
	border: 1px solid #4f85c6;
	border-collapse: collapse;
 }

 .schedulerTimeCell {
	border: 1px solid #4f85c6;
	border-collapse: collapse;
	background-color: #7da7df;	
	font-size:12px;
	font-family:sans-serif;
	text-align: center;
	color: #1f2e6b;
 }
 .schedulerAttendeeRow {
	border-collapse: collapse;
 }

 .schedulerAttendeeCell {
	border-bottom: 1px solid #7da7df;
	border-left: 1px solid #4f85c6;
	overflow: hidden;
	border-collapse: collapse;
	height: 14px;
    padding-left: 4px;
	width: 125px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #2d62b6;
}
 .schedulerAttendeeDeleteCell {
	background-color: #CEE2F5;
	border-bottom: 1px solid #7da7df;
	border-top: 1px solid #4f85c6;
	color: #000000;
	padding-left: 4px;
	text-align: left;
	border-collapse: collapse;
}
 .schedulerAttendeeIconCell {
  color: #000000;
	border: 1px solid #7da7df;
  	padding: 0px;
	height: 18px;
	border-collapse: collapse;
	width: 16px;
  }
 .schedulerSlotEmptyDiv {
	border: 0px solid transparent;
  width: 100%;
  height: 100%;
 }
 .schedulerSlotCellStartTime {
	border-left: 4px solid #75AF4F;
	border-right: 1px solid #7da7df;
	border-top: 1px solid #7da7df;
	border-bottom: 1px solid #7da7df;
	border-collapse: collapse;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellEndTime {
	border-left: 4px solid #ff0000;
	border-right: 1px solid #7da7df;
	border-top: 1px solid #7da7df;
	border-bottom: 1px solid #7da7df;
	border-collapse: collapse;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellHour {
	border-collapse: collapse;
	border: 1px solid #7da7df;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
  background-color: #e7f0fe;
  width: 15;
 }
 .schedulerAttendeeRow {
      height: 18px;
}

	.schedulerEvenListRow {
		font-size: 12px;
		color: #000000;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 4px;
		padding-top: 2px;
	border-bottom: 1px solid #CEE2F5;
	border-top: 1px solid #CEE2F5;
		background-color: #e7f0fe;
	}
	
	.schedulerOddListRow {
		font-size: 12px;
		color: #000000;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 4px;
		padding-top: 2px;
		background-color: #e7f0fe;
	}
	
/* dynamic tab styles */
ul.tablist
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #2D62B6;
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
}

ul.tablist li
{
list-style: none;
margin: 0;
display: inline;
}

ul.tablist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #2D62B6;
border-bottom: none;
background: #698CBB;
text-decoration: none;
}

ul.tablist li a:link { color: #0B0B0B;text-decoration: none; }
ul.tablist li a:visited { color: #0B0B0B;text-decoration: none; }

ul.tablist li a:hover
{
color: #0B0B0B;
background: #7DA7DF;
border-left: 1px solid #2D62B6;
border-right: 1px solid #2D62B6;
border-top: 1px solid #2D62B6;
}

ul.tablist li a.current
{
background: #7DA7DF;
border-bottom: 1px solid #7DA7DF;
}
	
.sqsFloater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.sqsFloater td {
background-color:#cee2f5;
border:1px inset #0B0B0B;
color:#1f2e6b;
}

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

.sqsSelectedSmartInputItem {
background-color:#0B0B0B;
}

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

.sqsNoMatch {
background-color:#4f85c6;
color:#cee2f5;
font-weight: bold;
padding: 2px 5px 2px 5px;
}

.olFontClass { color: #332e6b;}
.olFontClass A { 
	color: #444444; }
.olCapFontClass { 
	font-weight: bold; 
	color: #0B0B0B;
}
.olCapFontClass A { color: #4f85c6; font-size: 9px; }
.olFgClass { 
	background-color: #cee2f5;
	padding: 2px 5px 5px 5px; 
}
.olOptionsFgClass td { 
	padding: 0px 0px 0px 0px;
}
.olCgClass td {
	background-color: #4f85c6;
	border-bottom: 1px solid #2d62b6;
	padding:  2px 5px 2px 7px;   
}
.olCgClass {
 padding: 0px;
 border: 0px;
}
.olBgClass { background-color: #2d62b6; }
.olCloseFontClass { 
	padding-bottom: 1px;
	text-align: right;
	background-color: #4f85c6;
}

/* 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;
}
.tableview {
 background-color: #1E4B79;
 font-weight: bold;
}
.rowEven {
 background-color: #436E8F;
 font-weight: bold;
}
.rowOdd {
 background-color: #2873B1;
 font-weight: bold;
}
.hangup {
 background-color: #7DA7DF;
}
.hangupselect {
 background-color: #3060A0;
}
.calender {
 font: Verdana;
 font-size: 10px;
 font-weight: bold;
 border-width: 1px;
 border-color: #000066;
 background-color: #0B0B0B;
}
.calender1{
 color: #000066;
 background-color: #E7F0FE;
}
.calender2{
 background-color: #99A2AF;
}



div.scroll_log {height: 135px; width: 600px; overflow: scroll;}
div.scroll_live {height: 100px; width: 750px; overflow: scroll;}
div.scroll_callback {height: 200px; width: 750px; overflow: scroll;}
div.scroll_viewlog {height: 200px; width: 750px; overflow: scroll;}
div.scroll_park {height: 350px; width: 720px; overflow: scroll;}
div.scroll_list {height: 200px; width: 140px; overflow: scroll;}
div.scroll_script {height: 250px; width: 750px; background: #7DA7DF; overflow: scroll; font-size: 12px;  font-family: sans-serif;}
.body_text {font-size: 13px;  font-family: sans-serif;}
.preview_text {font-size: 13px;  font-family: verdana; font-weight:bold;}
.preview_text_red {font-size: 13px;  font-family: sans-serif;}
.body_small {font-size: 11px;  font-family: sans-serif;}
.body_tiny {font-size: 10px;  font-family: sans-serif;}
.log_text {font-size: 11px;  font-family: monospace;}
.log_title {font-size: 12px;  font-family: monospace; font-weight: bold;}
.sd_text {font-size: 16px;  font-family: sans-serif; font-weight: bold;}
.sh_text {font-size: 14px;  font-family: sans-serif; font-weight: bold;}
.sb_text {font-size: 12px;  font-family: sans-serif; color:#0B0B0B;font-weight: bold;}
.sk_text {font-size: 11px;  font-family: sans-serif;font-weight: bold;}
.skb_text {font-size: 13px;  font-family: sans-serif; font-weight: bold;}
.ON_conf {font-size: 11px;  font-family: monospace; color: black ;}
.OFF_conf {font-size: 11px;  font-family: monospace; color: black ;}
.cust_form {font-family : sans-serif; font-size : 13px}




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba

(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}