body { margin : 0px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px; color : #000; background-color: #dbdbdd;
	background-image: url(../images/mainContentBG.jpg); background-repeat: repeat-x;
	background-position: 0px 32px;
}

input[type=text], input[type=password], textarea { font-size: 1.0em; }

h1, h2, h3, h4, h5, h6 {letter-spacing:-1px; margin:.9em 0 .3em;}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:136%}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}

table{ padding : 0px; margin : 0px; }

img { border: 0px; }

td, th{ font-size : 11px; }

dd { margin-left : 10px; }

dt { margin-top : 5px; }

sup{ font-size : 8px; }

a { color : #1f2860; text-decoration : none; }

a:hover{ text-decoration : underline; }

div.hr {
  height: 15px;
  background: url(../images/hairline.gif) repeat-x scroll center;
}

div.hr hr {
  display: none;
}

.heading{
	font-size : 16px;
}

p.heading {
	font-size: 18px;
	text-align: center;
}

#table_fbcategories_body tr td {
	font-size: 9px;
}

.menuHeading{
	font-size : 16px;
}

.contextLeft{
	text-align : left;
	white-space : nowrap;
	height: 26px;
	float: left;
	line-height: 23px;
	padding-left: 15px;
}

.contextRight{
	text-align : right;
	white-space : nowrap;
	float: right;
	height: 26px;
	line-height: 23px;
	padding-right: 20px;
}

table.login{
	padding : 2px 2px 2px 2px;
	margin : 30px 0px 0px 0px;
	width : 50%;
}

td.loginusername{
	padding : 2px 2px 2px 2px;
	text-align : right;
}

td.loginpassword{
	padding : 2px 2px 2px 2px;
	text-align : right;
}

td.logininput{
	padding : 2px 2px 2px 2px;
	text-align : right;
}

input.logininput{
	background: url(../images/standardTxtBoxBG.gif) repeat-x scroll left top;
	width : 220px;
	background-color : White;
	border: 1px solid #999;
	border: 1px solid #999;
	padding-top:4px;
	padding-left: 2px;
	padding-right: 2px;
	text-align : left;
	color: #333;
	height: 16px;
	font-size: 14px;
	margin: 0pt;
	overflow: hidden;
	display: block;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

input.loginbutton{
	width : 100px;
	background-color : #800000;
	color: #FFF;
	text-align : center;
	height : 20px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight: bold;
}


/***************************************************************************************************/

/*layout divs*/

#pageWrapper {
	width: 100%;
}

#pageWrapperBG {
	width: 100%;
}

#contentCapsule{
	margin: 0px auto;
	padding-top: 8px;
	width: 98%;
	text-align: left;
}

.menulink {
	display: block !important;
	margin: 4px !important;
	padding: 0px !important;
}

.menulink:hover {
	background: #FFF;
}

.treeBody {
	text-align: left;
}

.treeBody td {
	overflow: hidden;
	font-size: 9px;
	padding: 0px;
}

.treeBody a, .treeBody a:hover {
	text-decoration: none;
	margin: 0px;
}

/**************************** PAGE HEADER ********************************/

#header{
	width : 100%;
	height : 52px;
	color: #FFF;
}

.headerHeading{
	font-size : 18px;
	font-weight : bold;
}

.headerLeft{
	text-align : left;
	white-space : nowrap;
}

.headerRight{
	text-align : right;
	white-space : nowrap;
	margin-right: 10px;
}

#contextBar{
	background-color : #561c35;
	background: url(../images/breadcrumbBarBG.gif) repeat-x;
	width : 100%;
	height : 26px;
	text-align: left;
}

#contextBar, #contextBar a {
	font-weight: normal;
	color: #FFF;
}

.searchForm {
}

.searchInput {
	background: url(../images/searchBoxBG.gif) repeat-x scroll left top;
	width: 130px;
	display: block;
	color: #333;
	float: left;
	overflow: hidden;
	height: 20px;
	font-family: verdana;
	font-size: 14px;
	border: 1px solid #999;
	padding: 4px 4px 3px;
	margin: 0pt;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.searchSubmit {
	width: 29px;
	height: 29px;
	border: 0px;
}

/*********************************************TABLE CLASS****************************/

.calendarHeader {
	border: 1px solid #949494;	
}

td.tableHeading {
	background: url("../images/calendarTitleBarBG.gif") repeat-x bottom;
	height: 18px;
	padding: 0px;
	font-weight: bold;
}

table.treeBody tr.treeHeading {
	background: #bbb;
	height: 18px;
	padding: 0px;
	font-weight: bold;
}


.tableHeaderRow {
	border-top: 1px solid #999;
	background-color: #f5f5f5;
	font-weight: bold;
}

/***************************************************************************************************/

.navbar{
	width : 100%;
	float: left;
}

.navbar li {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto 6px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	border: 0px;
}

.navbar li a {
	color : #000;
	display: block;
	border: 1px solid transparent;
	text-decoration: none;
}

.noticeBrdLink {
	background: url(../images/iconNoticeboard.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 52px;
	line-height: 28px;
}

.myDetailsLink {
	background: url(../images/iconMyDetails.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 52px;
	line-height: 28px;
}

.myStatisticsLink {
	background: url(../images/iconMyStatistics.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 52px;
	line-height: 28px;
}

.myPDRegisterLink {
	background: url(../images/iconMyPDRegister.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 52px;
	line-height: 28px;
}

.exportCalendarLink {
	background: url(../images/iconCalendar.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 42px;
	line-height: 28px;
}

.backToMainLink {
	background: url(../images/iconLeftArrow.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 42px;
	line-height: 28px;
}

.downloadBasicStatisticsSummary {
	background: url(../images/iconMyDetails.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 42px;
}

.editMultiFolders {
	background: url(../images/iconExpand.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 42px;
}

.backToSiteManagement {
	background: url(../images/iconLeftArrow.png) no-repeat;
	cursor: pointer;
	height: 30px;
	padding: 4px 4px 4px 42px;
}

.cornerTopLeftDarkGray {
	background: url(../images/cnrRadius_darkGray_topLeft.png) no-repeat left top;
	height: 7px;
}

.cornerBottomLeftDarkGray{
	background: url(../images/cnrRadius_darkGray_bottomLeft.png) no-repeat left bottom;
	height: 7px;
}

.cornerTopRightDarkGray {
	background: url(../images/cnrRadius_darkGray_topRight.png) no-repeat right top;
	height: 7px;
}

.cornerBottomRightDarkGray{
	background: url(../images/cnrRadius_darkGray_bottomRight.png) no-repeat right bottom;
	height: 7px;
}

.cornerTopLeftDarkPurple {
	background: url(../images/cnrRadius_darkPurple_topLeft.png) no-repeat left top;
	height: 7px;
}

.cornerBottomLeftDarkPurple{
	background: url(../images/cnrRadius_darkPurple_bottomLeft.png) no-repeat left bottom;
	height: 7px;
}

.cornerTopRightDarkPurple {
	background: url(../images/cnrRadius_darkPurple_topRight.png) no-repeat right top;
	height: 7px;
}

.cornerBottomRightDarkPurple{
	background: url(../images/cnrRadius_darkPurple_bottomRight.png) no-repeat right bottom;
	height: 7px;
}


.cornerTopLeftLightGray {
	background: url(../images/cnrRadius_lightGray_topLeft.png) no-repeat left top;
	height: 7px;
}

.cornerBottomLeftLightGray{
	background: url(../images/cnrRadius_lightGray_bottomLeft.png) no-repeat left bottom;
	height: 7px;
}

.cornerTopRightLightGray {
	background: url(../images/cnrRadius_lightGray_topRight.png) no-repeat right top;
	height: 7px;
}

.cornerBottomRightLightGray{
	background: url(../images/cnrRadius_lightGray_bottomRight.png) no-repeat right bottom;
	height: 7px;
}

.cornerTopLeftWhite {
	background: url(../images/cnrRadius_white_topLeft.png) no-repeat left top;
	height: 7px;
	background-color: #FFFFFF;
}

.cornerBottomLeftWhite {
	background: url(../images/cnrRadius_white_bottomLeft.png) no-repeat left bottom;
	height: 7px;
	background-color: #FFFFFF;
}

.cornerTopRightWhite {
	background: url(../images/cnrRadius_white_topRight.png) no-repeat right top;
	height: 7px;
}

.cornerBottomRightWhite {
	background: url(../images/cnrRadius_white_bottomRight.png) no-repeat right bottom;
	height: 7px;
}

.navbar li.active { background: #c6daf2; }

.navbar li.active a { color: #000; border: 1px solid #526a8c; text-decoration: none; }

.navbar li.disabled a { }
.navbar li.active { }
.navbar li.disabled { }

.navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: left;
	width: 100%;
	background: url(../images/raisedPanel.gif) no-repeat center bottom;	
}

.html_area { float: left; width: 100%; overflow: hidden; }

.html_area a{ display: inline; padding: 0px; background: none; text-decoration: none; color: #353535; }

.html_area h3 {
	display: block;
	color: #333;
	border-bottom: 1px #666 solid;
	font-size: 12px;
}

.html_area hr {
	color: #000;
	background-color: #000;
	height: 1px;
}

/* ACTIVE HELP STYLE */
div.tooltip {
	border: 1px solid #444;
	background: #ffc;
	padding: 3px;
	width: 200px;
	font-size: 10px;
}

/********************************* PANELS *********************************/

.sidebar {
	width: 196px;
	margin: 0px 0px 0px 3px;
}

.sidebarTD {
	width: 1%;
}

.sidebar-border {
	background: #e2e2e2;
	border: 1px solid #5d5d5d;	
}

.sidebar-top {
	padding: 10px 10px 10px 10px;
	min-height: 460px;
	height: auto !important;
	height: 460px;
	border: 0px solid #000000;
}


.sidebar-bottom {
	height: 4px;
	width: 196px;
	margin: 0px auto;
	background: url(../images/dropShadowAll.png) repeat-x;
	
}

#pagetabs {
	width: 790px;
	margin: 1px 0px 0px 3px;
}

#pageTabButton {
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	font-size: 10px; 
	cursor: pointer; 
	background-color: #e2e2e2;
}

#pagetabs-page-view-active {
	background: #FF0;
}

#pagetabs-page-view-inactive {
	background: #FF0;
	color: #666;
}

#pagetabs-edit-mode-active {
	background: #0FF;
}

#pagetabs-edit-mode-inactive {
	background: #0FF;
	color: #666;
}

#pagetabs-save {
}

#pagetabs-save-and-view {
}

#pagetabs-save-as-new-version {
}

#rightbar {
	width: 805px;
	margin: 0px 0px 0px 3px;
}

#rightbar-border {
	background: #e2e2e2;
	border: 1px solid #5d5d5d;	
}

#rightbar-top {
	padding: 0px 0px 0px 0px;
}

#rightContentLayer, #bottomColumnLayer {
	padding: 10px;
}

#rightbar-bottom {
	height: 4px;
	width: 100%;
	margin: 0px auto;
	background: url(../images/dropShadowAll.png) repeat-x;
}

#middlebar {
	width: auto;
	margin: 0px 0px 0px 3px;
}

#middlebar-border {
	background: #e2e2e2;
	border: 1px solid #5d5d5d;	
}

#middlebar-top {
	padding: 10px 6px 10px 6px;
	min-height: 460px; 
	height: auto !important;
	height: 460px;
}

#middlebar-bottom {
	height: 4px;
	width: 100%;
	margin: 0px auto;
	background: url(../images/dropShadowAll.png) repeat-x;
}



#pageTitle {
	font-size : 14px;
	text-align : center;
}



/**
*	For the calendar
*/
#shared_calendar tbody td, #calendar tbody td {
	font-size: 10px;
	height: 16px;
	background-color: #fff;
	vertical-align: top;
	border-left: 1px solid #959595;
	border-top: 1px solid #959595;
	cursor: pointer;
}
#shared_calendar tbody td.today , #calendar tbody td.today {
	background-color: #f5f5ff;
}
#shared_calendar tbody td.highlight, #calendar tbody td.highlight {
	background-color: #f5fff5;
}
table#shared_calendar , table#calendar {
	width: 100%;
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
}
#shared_calendar tbody tr,  #calendar tbody tr {
	height: 90px;
}
#shared_calendar td .shared_dayNumber,  #calendar td .dayNumber {
	font-size:16px;
	line-height: 16px;
	font-weight: bold;
}
#shared_calendar td.blankDay,  #calendar td.blankDay { background-color: #e8e8e8; cursor: auto; }
#shared_calendar td.blankDay .dayNumber,  #calendar td.blankDay .dayNumber { color: #999; }
#shared_calendar td .event,  #calendar td .event { padding-left: 5px; margin-bottom: 2px; }
#shared_calendar th.dayHeading,  #calendar th.dayHeading {
	background-color: #dbdbdb;
	border-left: 1px solid #949494;
	padding-left: 2px;
}
#shared_calendar th.satSunHeading,  #calendar th.satSunHeading {
	background-color: #c2c2c2;
	border-left: 1px solid #949494;
	padding-left: 2px;
}

#calPopup { position: absolute; background-color: #fff; border: 1px solid #ccc; width: 450px;
	height: 500px; overflow: auto; z-index: 1000; }
#calPopup #body { padding: 3px; }
#calPopup #body h1 { font-size: 14px; padding-top: 0; margin-top: 0; }
#calPopup #head { font-size: 16px; padding: 3px; border-bottom: 1px solid #aaa; background-image: url(../images/calendar_day_title_bg.png);
	background-repeat: repeat-x; }
#calPopup #body .event { background-color: #fff; background-image: url(../images/calendar_event_bg.png);
	background-repeat: repeat-x; padding: 2px; margin-bottom: 3px; }
#calPopup #body .event .when { font-size: 10px; color: #aaa; margin-left: 5px; }
#calPopup #body .event .title { font-weight: bold; }
#calPopup #body .event .desc { display: block; font-size: 11px; margin: 5px 0 5px 0; }
#calPopup #body .event .link { font-size: 10px; display: block; }

.sharedcalPopup { position: absolute; background-color: #fff; border: 1px solid #ccc; width: 450px;
	height: 500px; overflow: auto; z-index: 1000; display: none; left: 285px; top: 71px; }
#shared_head { font-size: 16px; padding: 3px; border-bottom: 1px solid #aaa; background-image: url(../images/calendar_day_title_bg.png);
	background-repeat: repeat-x; }
#sharedPop #shared_body { padding: 3px; }
#sharedPop #shared_body h1 { font-size: 14px; padding-top: 0; margin-top: 0; }

#sharedPop #shared_body .event { background-color: #fff; background-image: url(../images/calendar_event_bg.png);
	background-repeat: repeat-x; padding: 2px; margin-bottom: 3px; }

.navbar .html_area #shared_calendar td .shared_dayNumber, .navbar .html_area #calendar td .dayNumber {
	font-size:10px;
	font-weight: bold;
	padding-left: 2px;
}
.navbar .html_area #shared_calendar tbody tr, .navbar .html_area #calendar tbody tr {
	height: auto;
}


/**
*	For the mini calendar date selector
*/
#miniCalendarShadow, #miniSharedCalendarShadow {
	height: 4px;
	background: url(../images/dropShadowAll.png) repeat-x;	
	margin-left: 2px;
	margin-right: 2px;
}


.searchHighlighted {
	background-color: #fdff6d;
}

.searchHighlightedRelated {
	background-color: #d6fbf9;
}

/********************************* EDIT *********************************/

.pagetabs-buttons {
	border: 1px solid #5f6267;
	padding: 3px;
	background-color: #e2e2e2;
	margin-right: 2px;
	vertical-align: middle;
	color: #6d6c6c;
	font-family: verdana;
	font-size: 12px;
}

.pagetabs-buttons a {
	color: #999999;
}

.pagetabs-buttons a:hover {
	color: #000000;
}



/********************************* BUTTON ICONS *********************************/

.emailAdminAccess {
	cursor: pointer;
	height: 40px;
	font-size: 9px;
	line-height: 18px;
	padding: 4px 4px 4px 22px;
}

.addNoticeButton {
	background: url(../images/iconAdd.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.addUserButton {
	background: url(../images/user_add.png) no-repeat;
	cursor: pointer;
	height: 30px;
	line-height: 28px;
	padding: 4px 4px 4px 42px;
}

.addGroupButton {
	background: url(../images/group_add.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.addMainMenuItemButton {
	background: url(../images/application_form_add.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.userListButton {
	background: url(../images/group.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.newActivityButton {
	background: url(../images/iconAdd.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.exportAsPDFButton {
	background: url(../images/exportAsPDF.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.activeRTOButton {
	background: url(../images/folder_database.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.archiveRTOButton {
	background: url(../images/folder_error.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.expandAllButton {
	background: url(../images/iconExpand.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.collapseAllButton {
	background: url(../images/iconCollapse.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.addNewFileButton {
	background: url(../images/add.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.addNewTermButton {
	background: url(../images/add.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.addNewCategory {
	/* background: url(../images/folder_add.png) no-repeat; */
	background: url(../images/category_add.png) no-repeat;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	padding: 4px 4px 4px 42px;
}

.pdregisterFile { color: #0c00ff; font-size: 12px; }
.inputTextCSS { font-size: 12px; }
#pdRegisterPanel { background-color: #dddddd; padding: 0px; font-size: 13px; font-family: arial; }
#pdRegisterPanel .dark { background-color: #426b9d; color: #ffffff; }
#pdRegisterPanel .dark td { font-size: 14px; font-weight: bold; font-family: arial; }
#pdregisterAttachments { list-style: none; list-style-image: url('../images/attachments.png'); }

.smallzone { font-size: 0.8em; }

.hoverable:hover { cursor: pointer !Important; text-decoration: underline; }

.shared_event_title { font-weight: bold; }

.bordered_red { border: 1px solid red !Important; }

.notice_content { width: auto; border: 1px solid gray; background-color: white; padding: 5px; height: 80px; overflow: auto; }
.hidden_notice { display: none; }
.notice_open { font-size: 1.1em; }
.notice_action { font-size: 1.1em; }
.breaker { clear: both; }
.notice_form  { margin-top: 5px; margin-left: 140px; width:60%; border: 1px solid gray; }

#addNoticeForm { display: none; width: 640px; border: 1px solid gray; background-color: #e2e2e2; padding: 5px; position: absolute; }

a.notice_unread { font-weight: bold; }
.blinking { color: #ff0000 !important; text-decoration: blink !important; }

.company_logo_container { width: 174px; overflow: hidden; margin: 0 0 10px 0; padding: 0; text-align: center; font-size: 1.4em; font-weight: bold; color: #333; }

div.users_pagination { margin: 10px 0 0 0; padding: 0; }
div.users_pagination div { display: block; margin: 5px 5px 0 0; float: left; border: 1px solid gray; padding: 2px 5px; background-color: #FFFFFF; }
div.users_pagination a { font-size: 1.1em; }
div.users_pagination div.current_page { background-color: #1F2860; }
div.users_pagination div.current_page a { color: #F1F1F1; }

div#search_users { margin: 0; border: 1px solid #999; background-color: #e2e2e2; padding: 10px;
	position: absolute; left: 294px; top: 58px; display: none; width: 250px; }
	
.bordered_links { border: 1px solid #999; padding: 2px 4px; font-weight: bold; font-style: italic; font-size: 1.2em; background-color: #fff; }
.bordered_links:hover {  }

a.open_search_box:hover { cursor: pointer; }

.pd-types { margin-left: 0; }
.pd-types li { margin-left: 0; }
li.no-style { list-style: none; }

/* .fb-button { border: 1px solid #3B5998; font-size: 0.9em; font-weight:bold; font-style: italic; line-height: 17px; color: #ddd; background-color: #627AAD; } */
.fb-button { border: 1px solid #999; font-size: 0.9em; font-weight:bold; font-style: italic; line-height: 17px; color: #333; background-color: #ddd; }
.fb-button:hover { cursor: pointer; background-color: #fff; }

.fb-remove { height: 15px; width: 15px;  }
.fb-save { height: 20px; }

.alter-table tr { background-color: #fff; }
.alter-table tr:nth-child(even) { background-color: #eee; }

.generic-notify { position: absolute; left: 400px; top: 100px; width: 400px; height: 300px; background-color: #eee; border: 1px solid #999; z-index: 10; display: none; }