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

	Title: Calendarfly
	Author: XHTMLized
	Date: June 2008 

***********************************************************************************************
/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }

		
	ol, ul {
		list-style: none; }
		
	
	caption, th, td {
		text-align: left; 
		font-weight: normal;}
	
	body {
		font: 75% Arial, Helvetica, sans-serif;
		background:#cacac9 url(../images/body_bg.png) top center repeat-x;
		width:981px;
		margin:0 auto;
		line-height: 1;
		color: #585858;}
	
		
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

	
	
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;}
	


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

	a {
		color: #72a0cb;
		text-decoration: none;
		position:relative;
		cursor:pointer;
		z-index:1;}
	
	a:hover, 
	a:active {
		color: #72a0cb;
		text-decoration: underline;}
	


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

	hr { 
		color : #ccc; border : 1px solid #ccc; margin : 15px 5px 15px 5px }
			
	strong {
		font-weight: bold; }
			
	em {
		font-style: italic; }
		
	abbr, acronym {
		border-bottom: none; }


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	.imgreplace {
	  display:block;
	  text-indent:-9999px;}
	
	.clear {
		clear: both;
		font-size: 0;
		height: 0;
		line-height: 0;
		overflow: hidden;}
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	
	.clearfix {
		display: inline-block; }
		
	/* Hides from IE-mac \*/ 
	* html .clearfix {
		height: 1%; }
	
	.clearfix {
		display: block; }
	/* End hide from IE-mac */
	
	.fleft {
	  float:left;}
	
	.fright {
	  float:right;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
/* 3.1	Page Layout
-----------------------------------------------------------------------------------------------*/	
.container {
 width:1036px;
 margin:0 auto;}

#header {
	 background:none;
	 height:122px;}

#main-content {
 padding:0 0 0 7px;}

/* 3.2	Header
-----------------------------------------------------------------------------------------------*/
#header h1 {
  top:10px;
  left:20px;}
 
#header h1 a {
 display:block;
 text-indent:-9999px;
 width:223px;
 position : relative; 
 top : 14px;
 left : 23px;
 background-image : url(../images/logos/logo.gif);
 height:68px;}
 

/* 3.3	Main-content
-----------------------------------------------------------------------------------------------*/
.container {
 width:990px;
 margin:0 auto;}

 #main-content .secondary-content {
 float:right;
 position:relative;
 top:-122px;
 margin-bottom:-122px;
 width:742px;
}

#main-content .secondary-content .sc-wrap {
background:none;
width:700px;
height:auto;
overflow:hidden;
padding-left:15px;
background:url(../images/content_back2.png) top right repeat-y;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
}

#main-content .secondary-content .oc-wrap {
	background:none;
	width:717px;
}
	
#main-content .secondary-content .sc-top {
	 background:none;
 	 width:740px;
	 height:0px;
 }
 
.content_wrapper_inner {
	background-color : #8FB5D7;
}

 #main-content .content_wrapper_inner {
 	height:93px;
left:19px;
position:absolute;
top:8px;
width:717px;
z-index:-1;
 }
 
  #main-content .content_wrapper	{
	position:relative;
	background-image:url(../images/header_blue4a.png);
	background-repeat:no-repeat;
 }
 
 #main-content .content_wrapper .content_wrapper_inside	{
	position:relative;
	width:715px;
	top:100px;
	background:white;
	margin-left:19px;
 }
 
  #main-content .content_header_title {
color:white;
height:93px;
left:45px;
position:absolute;
top:33px;
 }
 
  #main-content .content_header_title h3 {
  	font-size:2em;
  }
 
#main-content .secondary-content .oc-top {
  background:none;
 width:717px;
 height:551px;
 }

#main-content .secondary-content .sc-content {
  padding-left:90px;
 position:relative;

 margin:0;
 top:0;
 padding:0;
 margin-bottom:100px;
}

#main-content .secondary-content .tabs {
 float:right;
 position:relative;
 top:-11px;}

#main-content .secondary-content .tabs a {
 display:block;
 text-decoration:none;
 float:left;}

#main-content .secondary-content .tabs a:hover {
 text-decoration:none;}

#main-content .secondary-content .tabs a span {
 color:#fff;
 font-size:1em;
 position:relative;
 top:8px;
 display:block;
 width:80px;
 margin:0 auto;
 text-align:center;}

#main-content .secondary-content .tabactive {
 background:url(../images/btn-active.png) no-repeat;
 width:110px;
 height:42px;}

#main-content .secondary-content .tabinactive {
 background:url(../images/btn-inactive.png) no-repeat;
 width:110px;
 height:42px;}

#main-content .secondary-content .tabs a.weekly {
 top:2px;
 left:-15px;
 margin-right:-15px;}

#main-content .secondary-content .tabs a.monthly {
 top:3px;
 left:-15px;
 margin-right:-16px;}

#main-content .secondary-content .calendarcon {
 float:left;
 width:700px;
 padding:0 1px 0 0;}
 
 #main-content .secondary-content .onecol-con {
 float:left;
 width:620px;
 padding:0 1px 0 0;}

#main-content .secondary-content ul.months {
 margin:0;}

#main-content .secondary-content ul.months li {
 display:block;
 float:left;
 padding:5px 0 0 0;
 width:30px;
 height:17px;
 text-align:center;
 color:#194e80;}

#main-content .secondary-content ul.months li a {
 color:#194e80;}

#main-content .secondary-content ul.months li.active {
 background:url(../images/bg-month.gif) no-repeat;
 font-weight : bold}

#main-content .secondary-content ul.months li.active a {
	color : white;
}

#main-content .secondary-content ul.weeks {
 margin: 0;}

#main-content .secondary-content ul.weeks li.control {
	width : 210px
}

#main-content .secondary-content ul.weeks li {
 display:block;
 float:left;
 padding:5px 0 0 0;
 width:154px;
 height:17px;
 text-align:center;
 color:#194e80;}

#main-content .secondary-content ul.weeks li a {
 color:#194e80;}

#main-content .secondary-content ul.weeks li.active {
 background:url(../images/bg-week.gif) no-repeat;
 font-weight : bold;
 color : white;
 }

#main-content .secondary-content ul.weeks li.active a {
	color : white;	
}

#main-content .secondary-content ul.events {
 margin:0 0 15px 0;}

#main-content .secondary-content ul.events li {
 display:block;
 float:left;
 padding:5px 0 0 0;
 width:73px;
 height:17px;
 text-align:center;
 color:#194e80;}

#main-content .secondary-content ul.events li a {
 color:#194e80;}

#main-content .secondary-content ul.events li.active {
 background:url(../images/bg-event.gif) no-repeat;
 font-weight : bold }

#main-content .secondary-content ul.events li.active a {
 color : white 
}


#main-content  .tblmonthview {
 background:#fff;
 width:463px;
 margin:0 0 6px 0;}

#main-content  .tblmonthview tr td,
#main-content  .tblmonthview tr th {
 width:63px;}

#main-content  .tblmonthview tr th {
 background:url(../images/bg-tblheadinactive.gif) repeat-x;
 height:18px;
 color:#fff;
 font-size:1em;
 padding:3px 0 0 6px;}

#main-content  .tblmonthview tr th.active {
 background:url(../images/bg-tblheadactive.gif) repeat-x;}

#main-content  .weekly tr th.active {
 background:url(../images/bg-tblheadactive.gif) repeat-x;}

#main-content  .tblmonthview tr th.first {
 background:url(../images/bg-roundleft.gif) top no-repeat;}

#main-content  .tblmonthview tr th.last {
 background:url(../images/bg-roundright.gif) top no-repeat;}

#main-content  .tblmonthview tr td {
 background:#f7f7f6;
 height:54px;
 padding:5px 0 5px 5px;
 vertical-align : baseline;
 }



#main-content  .tblmonthview tr td.current {
 background: #a6cef4 url(../images/bg-currentdate.gif) bottom repeat-x;}

#main-content  .tblmonthview tr td.current p.datenum {
 color:#fff !important;}

#main-content  .tblmonthview tr td.active {
 background: #fec66a url(../images/bg-activedate.gif) bottom repeat-x;}

#main-content  .tblmonthview tr td.active p.datenum {
 color:#fff !important;}

#main-content .tblmonthview tr td  p.datenum {
 padding:0 0 3px 0;
 font-size:1em;
 color:#575850;}

#main-content .tblmonthview a.schedule-link{
	display : none;	
}

#main-content .tblmonthview tr td .notdate {
 color:#ababa7 !important;}

#main-content .tblmonthview .blockbox {
 margin:4px 0 0 0;
 display:block;}
 
 #main-content  .tblmonthview tr td span {
   display : none;
 }

.hourlybox {
 margin:0 1px 1px 0;
 background-image : url(../images/icon-box.gif);
 background-repeat : no-repeat;
 width:8px;
 height:8px;
 display:block;
 float:left;}

#main-content .tblmonthview tr td div.alldayevent { height : 2px; }

#main-content .tblmonthview ul.monthswitcher {
 margin:4px 0 }

#main-content .tblmonthview ul.monthswitcher li {
 display:block;
 width:200px;
 height:18px;
 line-height : 18px;
 font-size:1em;
 color:#194e80;}

#main-content .tblmonthview ul.monthswitcher li.left {
	float:left;
	text-align:left;
}

#main-content .tblmonthview ul.monthswitcher li.left a {
	display : block;
	background-image:url(../images/calendar-arrow-left.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:5px;
	padding-bottom:0;
	padding-left:0;
	padding-left:22px;
}

#main-content .tblmonthview ul.monthswitcher li.right {
	float:right;
	text-align:right;
}

#main-content .tblmonthview ul.monthswitcher li.right a {
	display : block;
	margin-right:5px;
	padding-bottom:0;
	padding-left:0;
	padding-right:22px;
	background-image:url(../images/calendar-arrow-right.png);
	background-position:right center;
	background-repeat:no-repeat;
}

#main-content .tblmonthview td.monthly-calendar-controls { height : 37px; background : none }

td div.alldayevent { clear : both; padding : 0; margin : 0; width : 90%}

#main-content  .tblweekview tr th {
 background:url(../images/bg-tblheadinactive.gif) repeat-x;
 height:18px;
 color:#fff;
 font-size:1em;
 padding:3px 0 0 3px;}

#main-content  .tblweekview tr th.active {
 background:url(../images/bg-tblheadactive.gif) repeat-x;}

#main-content  .tblweekview tr th.first {
 background:url(../images/bg-roundleft.gif) top no-repeat;}

#main-content  .tblweekview tr th.right {
 background:url(../images/bg-roundright.gif) top no-repeat;}

#main-content .secondary-content .sc-bottom {
 background:none;
 height:0px;
 margin:0;
 padding:0;
 position:relative;
 margin-top:100px;
 background:url(../images/content_bottom2.png) 18px 0px no-repeat;
 height:18px;
 }

#main-content .secondary-content .oc-bottom {
 background:none;
 width:717px;
 height:521px;
}

#main-content .checkblock {
 width:550px;
 float:left;
 border-top:1px solid #d2d2d2;
 padding:7px 0 0 0;
 margin:14px 0 0 0;}
 
 #main-content .with-schedule .checkblock{
  width:438px;
}

#main-content .checkblock table {
 margin-left : 10px}

#main-content .checkblock table tr td {
 width:110px;
 color:#575850;
 font-size:1em;}

#main-content .checkblock .with-schedule table tr td {
	width : 33%
}

#main-content input.checkset {
 border:1px solid #185080;}

#main-content a.arrowback {
 background:url(../images/icon_goto.png) 0 2px no-repeat;
 padding:7px 0 4px 26px;
 margin-right:15px;
 color:#72a0cb;
 font-size:1em;
	height : 13px;
 text-decoration:underline;
}

#main-content a.btnaddtask2 {
 background:url(../images/icon_plus.png) 0 0 no-repeat;
 padding:5px 0 4px 26px;
 margin-right:15px;
 height : 13px;
 color:#72a0cb;
 font-size:1em;
 text-decoration:underline;
}

#main-content a.btnfilter {
 background:url(../images/icon_filter.png) 0 0 no-repeat;
 padding:5px 0 4px 26px;
 margin-right:15px;
 height : 13px;
 color:#72a0cb;
 font-size:1em;
 text-decoration:underline;
}

#main-content .sidecon {
 width:255px;
 float:left;
 position:absolute;
 
 margin:0;
 padding:0 15px 0 0;

/* padding-top:10px;
 margin-top:-20px;*/
 margin-top:-30px;
 
 /*padding:30px 0 0 10px;*/
 background:url(../images/corner_menu_top_left.png) top left no-repeat;
 
 
 overflow:hidden;
 height:auto;

 
 }
 #main-content .sidecon_	{

 width:255px;
 
 position:absolute;
 bottom:0;
  
 margin:0;
 
 padding:0 15px 0 0;

 background:url(../images/userdetails_bottom_right.png) top left no-repeat;
 
 
 overflow:hidden;
 height:18px;

 }
 
 #main-content .sidecon_wrapper	{
	
	width:268px;
	margin-left:0px;
	height:100%;
	
	/*margin-top:145px;*/
	margin-top:20px;
	margin-bottom:18px;
	
	
	background:white;
	background:url(../images/content_back2.png) top left repeat-y;
	
 }
 #main-content .sidecon_content	{
	/*position:absolute;
	margin-top:-100px;
 	background:none;*/
 }
 
 
 
 
 
 
 
 
 /* CUSTOM PAGE COMPONENT STUFF , referenced in calendar/index_beta.xhtml */
ul.newTabs	{
	list-style:none;
	position:absolute;
	margin-top:-2px;
	right:0;
	z-index:90;
	margin-right:10px;
}
ul.newTabs LI	{
 	float:left;
	padding:0;
	margin:0;
}
ul.newTabs	a{
	display:block;
 	background:url(../images/btn-inactive.png) top left no-repeat;
	height:36px;
	width:110px;
	
	padding:5px 0 0 0;
	margin:0 -6px;
	
	text-align:center;
	
	color:white;
	
	font-size:16px;
}
ul.newTabs	a.active, ul.newTabs a:hover{
	background:url(../images/btn-active.png) top left no-repeat;
	text-decoration:none;
}

/**/

ul.leftTabs	{
	list-style:none;
	position:absolute;
	margin-top:-42px;
	left:0;
	z-index:90;
	margin-left:10px;
}
ul.leftTabs LI	{
 	float:left;
	padding:0;
	margin:0;
}
ul.leftTabs	a{
	display:block;
 	background:url(../images/tab_back.png) top left no-repeat;
	height:36px;
	width:115px;
	
	padding:19px 0 0 0;
	margin:0 -2px 0 -2px;
	
	text-align:center;
	
	color:white;
	
	font-size:16px;
}

ul.leftTabs	a.active, ul.leftTabs a:hover{
	background:url(../images/tab_back_over.png) top left no-repeat;
	color:#fea746;
	text-decoration:none;
}








.breadcrumbs	{
position:absolute;
margin-top:-10px;
color:white;

}
.breadcrumbs a	{
	color:white;	
}
.breadcrumbs a:hover	{
	text-decoration:underline;
}

#headerSearch	{
	position:absolute;
	right:10px;
	top:25px;
}
input.search	{
	border:none;
	background:none;
	
	height:17px;
	width:192px;
	
	padding:10px 40px 0 12px;
	background:url(../images/search_back.png) top left no-repeat;
	
	color:#666;
	
}
img.icon	{
	position:absolute;	
	right:8px;
	margin-top:4px;
}



#main-content a.arrowback:hover ,
#main-content a.btn-edit:hover {
 text-decoration:none;}

.dr-table-cell { font-size : 100% }

#main-content .feedheader {
 padding:5px 7px 0 15px;
 margin:10px 0px 0px 0px;
 
 /*width:651px;*/
 width:658px;
 height:29px;
 
 background:url(../images/recent_activity_header_680.png) top left no-repeat;
 text-align:left;
 
 border:none;
 }

#main-content .feedheader h4 {
 float:left;
 color:#ffffff;
 font-size:1.4em;
 line-height : 23px;
 width:380px;
 
 } 

#main-content a.btn-edit span { display : none }


#main-content a.btn-edit {
 background:url(../images/edit.png) 0 0 no-repeat;
 padding: 0;
 text-align : right;
 color:#72a0cb;
 font-size:1em;
 display:block;
 float:right;
 width : 22px; height : 18px; 
 margin-top : 2px;
 margin-right : 6px;
 text-decoration:underline;}

#main-content a.btn-add span { display : none }

#main-content a.btn-add { 
	background-image:url(../images/menu_add.png);
display:block;
float:right;
height:20px;
margin-right:9px;
margin-top:2px;
width:20px;
}

#main-content a.btn-find span { display : none }

#main-content a.btn-find { 
	background-image:url(../images/menu_search.png);
display:block;
float:right;
height:20px;
margin-right:9px;
margin-top:2px;
width:20px;
}

#main-content p.feedcon {
 background:url(../images/icon-feed.gif) 0 2px no-repeat;
 padding:3px 0 3px 20px;
 color:#575850;
 font-size:1em;
}


#main-content table.feedTable td.rssimage {
 background:url(../images/icon-feed.gif) 0 2px no-repeat;
 padding:3px 0 3px 20px;
}

#main-content table.feedTable td.groupcolor {
	width : 18px;	
}

#main-content table.feedTable td.groupcolor div { 
	width : 14px;
}

#main-content table.feedTable td.feedcon {
 color:#575850;
}

#main-content table.feedTable { width : 680px; border : none; margin-top : 6px }
#main-content table.feedTable td { border : none }

/* right side column */
#main-content .sidecon {
 width:255px;
 float:left;
 position:absolute;
 margin:0;
 padding:0 15px 0 0;
 margin-top:-30px;
 background:url(../images/corner_menu_top_left.png) top left no-repeat;
 overflow:hidden;
 height:auto;
 }

#main-content .sidecon_	{
 width:258px;
 position:absolute;
 bottom:0;
 margin:0;
 padding:0 12px 0 0;
 background:url(../images/userdetails_bottom_right.png) top left no-repeat;
 overflow:hidden;
 height:18px;
}

 #main-content .sidecon_wrapper	{
	width:270px;
	margin-left:0px;
	height:100%;
	margin-top:20px;
	margin-bottom:18px;
	background:white;
	background:url(../images/content_back2.png) top left repeat-y;
 }

#main-content .edtspace {
 margin-right:10px;}

#main-content .userdetails {
 padding:0 0 0 12px;}

#main-content .userdetails p.welcome {
 color:#333333;
 font-size:18px;
 padding:0 0px 8px 16px;
 text-align:left;
 margin-right:16px;
 overflow:hidden;}

#main-content .userdetails p.welcome a {
 font-weight:normal;
 text-decoration:none;
  font-size:18px;
 color:8cb8e0;}

#main-content .userdetails p.welcome a:hover {
 text-decoration:none;}

#main-content .userdetails .userpic {
 /*width:83px;*/
 width:120px;
 margin-left:16px;
 }

#main-content .userdetails .userpic img {
 border:3px solid #fff;}

#main-content .userdetails .userdata {
 width:118px;}

#main-content .userdetails .userdata p {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 padding:0 0 10px 0;}

#main-content .userdetails .userdata p span {
 display:block;
 margin:0 0 2px 0;
 font-weight:bold;}

#main-content .userdetails ul {
 padding:5px 0 10px 0;
 float:left;}

#main-content .userdetails ul li {
 color:#6594bf;
 margin:0 0 0px 0;
 padding : 0 0 0px 0;
 border:none;
 text-align:left;
 font-size:12px;
 font-weight:bold; 
 }

#main-content .userdetails  ul li a.active,
#main-content .userdetails  ul li a:hover {
 background:url(../images/bul-arroworange01.gif) 0 2px no-repeat;
 color:#82aeda;
 text-decoration:none;
 }

#main-content .userdetails ul li a {
 color:#82aeda;
 padding:0 0 0 10px;}

#main-content .userdetails ul li span.big {
 font-weight:bold;
 font-size:1em;}

#main-content .sideblock {
 padding:0 20px 25px 0 ;
 text-align:left;
 }

#main-content .sideblock .header {
 background:url(../images/menu_header_back.png) top center no-repeat;
 height:29px;
 width:248px;
 clear:both;
 padding:5px 7px 0 15px;
 margin:0;
 
 position:relative;}

 #main-content .sideblock .header .add	{
	float:right;
	margin-right:20px;
	margin-top:4px;
	
 }

#main-content .sideblock .header h3 {
 float:left;
 width : 125px;
 /*color:#fea746;*/
 color:white;
 text-align:left;
 margin-left:15px;
 margin-top:4px;
 font-size:1.4em;}
 
 #main-content .sideblock .header a {
	color:white; 
 }
 #main-content .sideblock .header a:hover {
	color:white; 
	text-decoration:none;
 } 

#main-content .sideblock .content {
 padding:0 0 0 25px;
 font-size:1em;}


#main-content .sideblock .content .actions {
margin-top:5px;
width:213px;	
}

#main-content .schedule-container div.wrap div.scheduleactions { 
	width:199px;
	margin : 2px;	
}

#main-content .sideblock .content UL{
	 
 }
 
 #main-content .sideblock .content ul.list LI{
	 border-bottom:1px solid #e7e7e7;
	 padding-bottom:4px;
	  padding-top:4px;
 }
 
 #main-content .sideblock .content ul.list2 LI{
	 border-bottom:1px solid #e7e7e7;
	 padding-bottom:1px;
	  padding-top:1px;
 }
 #main-content .sideblock .content ul.list2 LI img{
	 margin-right:0px;
	 vertical-align:middle;
 }
 
 #main-content .sideblock .content UL LI a{
	 color:#333;
 }
 #main-content .sideblock .content UL LI a:hover{
	 text-decoration:none;
 }
 
 
 #main-content .sideblock .content UL LI img{
	 margin-right:20px;
	 vertical-align:middle;
 }

#main-content .sideblock span.arrowtodo {
 padding:3px 0 0 3px;
 display:block;
  width : 170px;
 float:left;}

#main-content a.btnaddtask {
 background:url(../images/menu_add.png) 0 0 no-repeat;
 padding:4px 0 4px 26px;
 color:#72a0cb;
 text-decoration:underline;
 float:right;
 margin:10px 0;
 display:block;}

#main-content a.btnaddtask:hover {
 text-decoration:none;}

#main-content ul.listfiles li {
 background:url(../images/icon-file.gif) 0 0 no-repeat;
 padding:0 0 0 19px;
 margin:0 0 4px 0;}

#main-content ul.listfiles li a {
 text-decoration:underline;}

#main-content ul.listfiles li a:hover {
 text-decoration:none;}

/* left side column */
#main-content .side-sched {
 width:218px;
 padding:0;
 margin:0;
 float:right;
 position:relative;
 margin-top:30px; 
 display:block;
 text-align:left;
 margin-right:10px;
 height:auto;
 position:relative;
 background:white url(../images/schedule_footer.png) bottom center no-repeat;
}

#main-content div.with-schedule { float : left; width : 471px }

#main-content .schedbox div.groupheader { 
	margin-top : 44px;
	-moz-border-radius-topright : 5px; 
	-moz-border-radius-topleft : 5px 
}

#main-content .schedbox .header {
 	margin : 19px 0 0 0;
 
 background-image :url(../images/schedule_header2.png);
 height:23px;
 width:183px;
 color:white;
 
 padding:2px 0 2px 35px;
 
 position:relative;
 }

  #main-content .schedbox .header .add	{
	float:right;
	margin-right:20px;
	margin-top:-4px;
	
 }



#main-content .schedbox .header h3 {
 color:#fff;
 font-size:1.6em;
 float:left;}

#main-content .schedbox .header a {
 color:#fff;}

#main-content .schedbox .groupheader {
 background-image:url(../images/group_header.png);
  background-repeat : repeat-x;
}

#main-content .schedbox .profileheader {
 background-image:url(../images/bg-profileschedheader.gif);
 background-repeat : repeat-x;
}

#main-content .schedbox .header h3 {
 color:#fff;
 font-size:1.4em;
 margin-top : 3px;
 float:left;}

#main-content .schedbox .header a {
 color:#fff;}

#main-content .schedbox .content {
/* background:url(../images/bg-schedbottom.gif) bottom no-repeat; */
 position:relative;
 z-index:1 !important;
 min-height:337px;
 height:auto !important;
 height:337px;}

#main-content .schedbox .content .wrap {
 margin:-24 0 0 1px;
 padding: 10px 0 0 0;
 width:216px;
 border-left:1px solid #e7e7e7;
 border-right:1px solid #e7e7e7;
}

#main-content .schedbox .content .wrap p {
 font-size:1em;}

#main-content .schedbox .content .wrap p a.cal {
 text-decoration:underline;}

#main-content .schedbox .content .wrap p a.cal:hover {
 text-decoration:none;}

#main-content .schedbox .content .wrap p span {
 padding:5px 0 0 0;}

#main-content .schedbox .content .wrap p a.btnaddtask {
 margin:0 !important;}

#main-content .schedbox .content .timesched {
 margin:5px 0;
}

#all-day-events {

}

#main-content .timesched span.alldaycalevent {
	width : 98%; 
	padding:0;
	display:block;
	-webkit-border-radius  : 3px;
	-moz-border-radius : 3px;
}
#main-content .timesched span.alldaycalevent a {
	color: white;
}

#schedule-events {
	position : relative;
}

#main-content .schedbox .content .timesched td {
 padding:0;
 color:#575850;
 margin:0 0 4px 0 ;}

#main-content .schedbox .content .timesched tr.colored {
 background:#f0f0f1;}


#main-content .schedbox .content .timesched p {
 	position : relative;
 	height : 36px;
	color:#575850;
	line-height:36px;
	margin:0;
	padding:0;
}

#main-content .groupsectionwideheader {
 padding:5px 7px 0 15px;
 margin:0 0px 0px 0px;
 
 /*width:651px;*/
 width:669px;
     -moz-border-radius-topleft:5px;
 	-moz-border-radius-topright:5px; 
 height:29px;
 
 background-image:url(../images/group_header.png);
 text-align:left;
 clear : both; 
 border:none;
 }

#main-content .groupsectionwideheader h4 {
 float:left;
 color:#ffffff;
 font-size:19px;
}

#main-content .groupbox {
	border : 1px solid #ccc;	
	-moz-border-radius : 5px;
	border:1px solid #CCCCCC;
	padding:1px;
	width:340px;
	float : left;
	margin-right : 3px;
	margin-bottom : 7px;
	min-height : 130px;
}

#main-content .groupbox .content {
	padding : 5px;	
}

#main-content .widebox { width : 686px; clear : both }
#main-content .boxed .widebox { width : 665px; }
#main-content .padded .widebox { width : 665px; }

#main-content .groupbox .nogroup { background-color : #8FB5D7 }
#main-content .groupbox .even {background-color:#FBFBFB;
border-bottom:1px solid #BBBBBB; padding : 2px}

#main-content .groupbox .odd { border-bottom:1px solid #BBBBBB; padding : 2px }
#main-content .groupbox p { margin-bottom : 4px }

#main-content .groupbox .header {
	border : 1px solid #ccc;	
    padding:1px 7px 0 4px;
    margin:0 0px 0px 0px;
    text-align : left;   
    height : 23px;
    -moz-border-radius-topleft:5px;
 	-moz-border-radius-topright:5px; 	
	background-image:url(../images/group_header.png);
}

#main-content .groupbox .header h4 {
 color:#ffffff;
 font-size:15px;
 margin-top:3px;
}

#main-content .groupbox .milestonelist .boxed { 
	width:317px;	
}	

#main-content .clearbox { clear : both }


 
#main-content span.groupbullet { 
	display : block; 
	float : left; 
	width : 5px; 
	height : 5px; 
	margin : 0; 
}

#main-content .schedbox .content .timesched p.colored {
 background:#f0f0f1;}

#timeblocks{
    position:absolute;
	top:45px;
    left:50px;
}

.timeblock{
    position:absolute;
    overflow:hidden;
}

.timeblock a{
    z-index:0;
}

#main-content .schedbox .content .wrap p span.timestripe1 {
	padding:0; width : 165px
}
#main-content .schedbox .content .wrap p span.timestripe2 {
	padding:0 ;width : 165px
}
#main-content .schedbox .content .wrap p span.timestripe3 {
	padding:0; width : 165px
}

#main-content .schedbox .content .wrap span p{
		display:none;		
 }
 
 #main-content .schedbox .content .wrap span #schedule-events p{
		display:block;		
		padding-left:5px;
 }

.cal_bottom_bar	{
	font-size:12px;	
	height:36px;
	width:441px;
	background:url(../images/maincontent_bottombar.png) top left no-repeat;
	
	padding:10px 0 0 10px;
	overflow:hidden;
	
	position:absolute;
}
.cal_bottom_bar img	{
	vertical-align:middle;	
	margin-right:10px;
}
.cal_bottom_bar a	{
	padding-right:20px;
}
.cal_bottom_bar a:hover	{
	text-decoration:none;
}

#main-content dl.calevent dd, dt {
	padding:0.1em 0.25em 0.1em 0.25em;
}

#main-content dl.truncated {
	border-style : dashed solid dashed solid;
}
#main-content dl.toptruncated {
	border-style : dashed solid solid solid;
}
#main-content dl.bottomtruncated {
	border-style : solid solid dashed solid;
}
.timestripe1{
    position:absolute;
    top:10px;
    left:45px;
    width:192px;
    height:7px;
    border-top:1px dotted #E4E4E5;
    padding:0 0 0 0;
}

.timestripe2{
    position:absolute;
    top:18px;
    left:45px;
    width:192px;
    height:7px;
    border-top:1px solid #E4E4E5;
	padding:0 0 0 0;
}

.timestripe3{
    position:absolute;
    top:26px;
    left:45px;
    width:192px;
    height:7px;
    border-top:1px dotted #E4E4E5;
	padding:0 0 0 0;
}

#main-content .popgray {
 background:#b0b2af;
 color:#fff;
 width:151px;
 left:69px;
 position:absolute;
 padding:5px;
 font-size:1.1em;}

#main-content .popblue {
 background:#72a0cb;
 color:#fff;
 width:113px;
 position:absolute;
 padding:5px;
 left:69px;
 font-size:1em;}

#main-content .calevent {
 position:absolute;
 padding:.25em;
 margin : 2px 0;
 font-size:1em;
}

#main-content dl.calevent {
 padding : 0;
 -moz-border-radius : 4px;
 -webkit-border-radius: 4px;
}

#main-content dl.calevent dd,dt {
 padding : .15em;
}

#main-content dl.calevent dt {
  font-size : .8em;	
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-top-left-radius : 3px;
  -webkit-border-top-right-radius : 3px;  
}

.hasscheduleevent { background-color : #eee; border : 1px solid #bbb }
.hasscheduleeventheading { background-color : #bbb; color : white}

#main-content .timesched .calevent {
 width : 175px;
 left:69px;
}

#main-content .weekly .calevent {
 width : 85px;
 margin : 0;
 overflow : hidden;
}

#main-content .weekly .alldayevent {
 overflow : hidden;
 font-size : .8em;
 width : 85px;
 padding : .25em;
}

#main-content .weekly .alldayevent a {
	color : white;
}

#main-content .weekly .calevent a {
	font-size : .8em;
	font-weight : normal;
 }

#main-content .weekly th a {
  color : white; 
  font-size : .9em;
 }


#main-content .footer {
 text-align:center;
 padding:7px 25px 15px 0;}

#main-content .footer a {
 text-decoration:underline;}

#main-content .footer a:hover {
 text-decoration:none;}

#main-content .orange-name { 
 font-size : 1.5em;
 color : #feac4b;
 }
 
div.headermenu { width : 230px; float : right; padding-top : 2px; text-align : right; margin-right : 43px; white-space : nowrap;}
div.headermenu a { color : white; margin-left : 10px }
div.headermenu a:hover { color : #FEC56F }

.required { font-weight : bold;  }
.required:before {
	content: "* ";
}
.wideinput { width : 378px }

#registerForm { background : url(../images/organizelife.jpg) no-repeat top right; margin-right : 10px }
div.fieldMessages { color : red; font-weight : bold }

td.error { color : red }


/* MISC Styles */

#leftcol { width : 228px; background-color : #fff; border : 2px solid white; }
#middlecol { width : 519px; background-color : #ccc;  border-top : 2px solid white;  border-bottom : 2px solid white; }
#rightcol { width : 228px; background-color : #aaa; border : 2px solid white; height : 700px}
#leftmenu { font-size : .8em; text-align : center;}
#leftmenu a { color : #666;  }
#disclaimer { clear : both; text-align : right; color : white; font-size : .8em; margin : 4px;}
#currentuserinfo {  font-size : .8em; color : #333; background-color : white; margin : 5px; padding : 5px; }
#currentuserinfo .userheading { font-size : 1em; font-weight : bold }
#currentuserinfo .title { font-weight : bold}
#profilepic { margin : auto; background-color : #ccc; margin-top : 5px; margin-bottom : 5px; border : 1px solid #fff }
.right { text-align : right; margin-top : 3px }
input.submit { background-color : #999; color : white; border : 1px solid #333; font-size : .8em; font-weight : bold}

#content h3 { margin-left : -9px; }
.onecol-con h3 { font-size:1.4em;
font-weight:bold;
margin-bottom:5px; }
.onecol-con p { margin-bottom : 7px }
.onecol-con ul { margin-bottom : 7px }
.onecol-con ul li { }

#warning { clear : both; background-color : #FFF0F1; border : 1px solid #c00; margin-right : 5px; padding : 3px}
#warning li { font-size:1.3em; font-weight:normal; line-height:1.5em; }

div.portlet-container { font-size : .8em; color : #333; margin : 5px; margin-top : 10px }
div.portlet-content {  background-color : #fff; padding : 5px; border : 1px solid #9A9858; border-top : none}
div.portlet-content ul { margin-left : 25px; padding : 0; }
div.portlet-content ul.nobullet { margin-left : 5px; padding : 0}
div.portlet-content ul.nobullet li { margin-bottom : 5px; clear : both }
div.portlet-container h3 { display : none }

div.portlet-container a.portlet-edit-action { display : block; width : 100%; height : 25px}
div.padded-portlet-top { padding-top : 25px }

#portlet-personalcalendar { background-image : url(../images/headings/personalcalendar.gif); background-position : top left;  background-repeat : no-repeat; }
#portlet-personalschedule { background-image : url(../images/headings/personalschedule.gif); background-position : top left;  background-repeat : no-repeat; width : 211px; }
#portlet-recentactivity { background-image : url(../images/headings/personalfeed.gif); background-position : top left;  background-repeat : no-repeat; width : 211px; }

#portlet-personalevents { background-image : url(../images/headings/personalevents.gif); background-position : top left;  background-repeat : no-repeat;}
#personaleventsscroller { overflow : auto; height : 200px; } 
#portlet-personaltasks { background-image : url(../images/headings/personaltasks.gif); background-position : top left;  background-repeat : no-repeat; }

#portlet-groups { background-image : url(../images/headings/groups.gif); background-position : top left;  background-repeat : no-repeat; }
#portlet-groupinfo { background-image : url(../images/headings/groupinfo.gif); background-position : top left;  background-repeat : no-repeat; }
#portlet-groupevents { background-image : url(../images/headings/groupupcomingevents.gif); background-position : top left;  background-repeat : no-repeat;  }
#portlet-groupschedule { background-image : url(../images/headings/groupschedule.gif); background-position : top left;  background-repeat : no-repeat; width : 211px;}
#portlet-grouprecentactivity { background-image : url(../images/headings/personalfeed.gif); background-position : top left;  background-repeat : no-repeat; width : 211px; }

#portlet-groupannouncements { background-image : url(../images/headings/groupannouncements.gif); background-position : top left;  background-repeat : no-repeat; width : 211px;}
#portlet-groupforum { background-image : url(../images/headings/groupforum.gif); background-position : top left;  background-repeat : no-repeat;  }
#portlet-groupresources { background-image : url(../images/headings/groupresources.gif); background-position : top left;  background-repeat : no-repeat;  }
#portlet-groupcalendar { background-image : url(../images/headings/groupcalendar.gif); background-position : top left;  background-repeat : no-repeat; }

div.portlet-content .title { font-weight : bold }

.grouplisting div.buttonlinks { width : 40px; float : right; margin-right : 5px; height : 40px; vertical-position : top; }

table.grouplisting { width : 680px; border : 2px solid #CCC; margin-bottom : 9px; }
table.grouplisting td { padding : 4px; vertical-align : top }
table.grouplisting .title { font-weight : bold; margin-bottom : 4px; color : #FD9E34; font-size : 1.1em }
div.grouplisting .title { font-weight : bold; margin-bottom : 4px; color : #6a7272;  }
	
.grouplisting ul { margin-left : 10px; margin-top : 5px; margin-bottom : 5px }
.grouplisting div { margin-bottom : 4px }
table.grouplisting td.picture { width : 80px }
table.grouplisting td.buttons { width : 80px }

.tinygroupbox { width : 9px; height : 9px; margin-right : 5px; margin-bottom : 3px}
.biggroupbox { width : 15px; height : 15px;  }
.paddedgroup { padding : 2px }

a.tinygroupbox { display : block; float : left }
a.biggroupbox { display : block; float : left }

#tasktable { width : 100%; border-collapse : collapse }
#tasktable td { border-bottom : 1px solid #ccc; padding-top : 10px; }
select.taskcategoryselector { background-color:#FCFCFC;
border:1px solid #AAAAAA;
margin-top:3px;
padding:0;
width:205px; }

table.firsttable { clear : left }

div.portletfooter { margin-top : 10px }

.padded { padding-top : 15px; width : 680px }

table.group-announcements { margin : 0; padding : 0; width : 100%; margin-bottom : 10px; border-collapse : collapse }
table.group-announcements td { border-bottom : 1px solid #ccc; margin : 0; padding : 7px}
table.group-announcements td.announcement-date { width : 100px; text-align : right }

table.messageboard-table { margin : 0; padding : 0; width : 100%; margin-bottom : 10px; border-collapse : collapse }
table.messageboard-table th { background : transparent url(../images/bg-tblheadinactive.gif) repeat-x scroll 0 0; color:white; padding:2px; }
table.messageboard-table td { border-bottom : 1px solid #E9E9E9; margin : 0; padding : 7px}

table.thread-reply { border-collapse : collapse; border : 1px solid #aaa; width : 100%; margin-bottom : 9px; font-size : 1em }
table.thread-reply td{ padding : 4px; font-size : .9em; }
table.thread-reply td.postinfo { background-color : #F0F4FF; width : 100px; text-align : center;  }
table.thread-reply td.postinfo img { margin : 3px 0 5px 0 }
table.thread-reply td.postinfo div.name { font-weight : bold;  }
table.thread-reply td.messagetop { background-color : #fff; height : 25px; border-bottom : 1px solid #eee; font-size : .8em; font-weight : bold }
table.thread-reply td.messagebody { background-color : #fff; vertical-align : top}
table.thread-reply td.messagefooter { background-color : #F0F4FF; font-size : .8em; height : 12px; text-align : right }

.editor{
	width: 247px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 175px;
	border: 1px solid #9F9F9F;
}

.doublewide{
	width: 424px;
}
.subject { display : block; margin-bottom : 10px; font-size : 1em }

div.navigation { background-color : #999; clear : both; height : 20px; padding : 3px; width : 678px }
div.navigation a { color : #eee }
div.navigation .previous { width : 100px; float : left; height : 23px; vertical-align : middle }
div.navigation .next { text-align : right; width : 100px; float : right; height : 23px; vertical-align : middle }

.completed { text-decoration : line-through }

ul.mainmenu { margin : 0; padding : 0; list-style : none; margin-top : 10px}
ul.mainmenu li { border-top : 1px solid #ccc; margin-top : -1px; border-bottom : 1px solid #ccc; }
ul.mainmenu li a { display : block; border-left : 10px solid #173362; padding : 3px}
ul.mainmenu li a:hover { background-color : #fafafa; border-left : 10px solid #6C82A6; text-decoration : none}

h2 { color : #FC9E34; font-size : 1.8em; border-bottom : 2px solid #ccc; margin : 10px 0; padding-bottom : 4px }

.ajaxworking { background-color : red; position : absolute; width : 80px; height : 17px; color : white; right : 20px; top : 0; border : 1px solid #444; border-top : none; font-size : .8em; text-align : center}

.ajaxworkingarrows { margin : 2px; margin-bottom : 22px; height : 19px; display : block; width : 220px; background-image : url(../images/arrows.gif); }
.ajaxstoppedarrows { margin : 2px; margin-bottom : 22px; height : 19px; display : block; width : 220px; }

.ajaxworkingspinner { margin : 2px; height : 15px; display : block; float : left; width : 18px; background-image : url(../images/whiteloader.gif); }
.ajaxstoppedspinner { margin : 2px; height : 15px; display : block; float : left; width : 18px; }


.hiddenText span { display : none }

:focus
{
  -moz-outline-style: none;
}

label { display : block; margin-top : 4px; font-weight : bold}
div.field { margin-bottom : 5px; }
input:focus { outline-offset: -1px; }
select:focus { outline-offset: -1px; }
a:focus { outline-offset: -1px; }
input.do { background-image : url(../images/bg-tblheadactive.gif); color : white; border : 1px solid #FEF7EF;  font-weight : bold; padding : 2px}
input.toggle { background-image : url(../images/bg-tblheadactive.gif); color : white; border : 1px solid #FEF7EF;  font-weight : bold; padding : 2px}
input.cancel { background-image : url(../images/bg-tblheadactive.gif); color : white; border : 1px solid #FEF7EF;  font-weight : bold; padding : 2px}
span.actions { display : block; text-align : center; margin-top : 10px }
span.actions input { margin : 3px } 

input.textinput { border : 1px solid #7f9db9; padding : 2px }
input.rich-calendar-input  { border : 1px solid #7f9db9; padding : 2px }
.searchbox input.rich-calendar-input { width : 65px;  }
.searchbox input.textinput { width : 150px }
textarea.textinput { border : 1px solid #7f9db9; padding : 2px }
textarea.widebox { height : 100px; width : 412px }
select.textinput { border : 1px solid #7f9db9; padding : 2px }
div.textinput { border : 1px solid #7f9db9; padding : 2px; overflow : auto }

div.grouptype { background-image : url(../images/group-bg-trans.png); height : 53px; margin-top : -22px; margin-left : -13px}
#main-content .calendarcon div.grouptype h3 { color : white; font-size : 1.6em; padding-left : 10px; padding-top : 14px }

div.profiletype { background-image : url(../images/profile-bg.png); height : 40px; margin-top : -22px; margin-left : -13px}
div.profiletype h3 { color : white; font-size : 1.5em; padding-left : 10px; padding-top : 10px }
div.user-info { clear : both; margin-top : 10px }
div.user-info img { margin-right : 10px; float : left }
div.user-info span.title { font-weight : bold }

table.datatable {
	width : 680px;
}

.bordered-box { border : 3px solid #999; background-color : white; padding : 7px; }

div.searchbox { border : 1px solid #ccc;  font-weight : bold;  background-image: url( ../images/pm_fade.png );
    background-position: bottom; margin-bottom : 10px; padding : 6px; background-repeat : repeat-x; width : 427px}

table.groupSelectorIcons { border-collapse : collapse; border : none; margin-bottom : 25px }
table.groupSelectorIcons td { padding : 0; border : none }
table.groupSelectorIcons div { border : none; padding : 0; padding-bottom : 7px }

p.ticketSubject { font-size : 1em; margin-bottom : 4px }
span.pending { font-style : italic }

.event-detail p { padding-top : 4px }
.event-detail p.first { margin-top : 10px }
.event-detail p b { margin-right : .25em}

.comment { padding : 2px; margin-bottom : 4px; margin-top : 4px; border-bottom : 1px solid #f7f7f7}
.comment .comment-details { font-weight : bold; }
.comment .comment-text {margin-bottom:2px;margin-top:1px;}
.comment-box { width : 350px; height : 80px; border : 1px solid #E9E9E9 }

ul.log-record-list li { border-bottom : 1px solid #E9E9E9; padding-bottom : 2px; margin-bottom : 2px }

div.filelist { border-bottom : 1px solid #E9E9E9; padding-bottom : 2px; margin-bottom : 2px }
div.filelist a.blocklink { display : block; margin-bottom : 5px}
div.filelist p { margin-bottom : 2px}

.rich-calendar-week { color:#F5F5F5; }

ul.bulleted { margin-left : 25px; list-style : disc; margin-top : 5px }

.comment-link { font-style : italic }

table.blogentry td.blogtitle {
	width : 500px; font-size:1.4em;
}

table.blogentry td.blogsummary {
	padding : 4px 0;	
}

table.blogentry td.blogdate {
	text-align : right;
}
div.blogdate { font-style : italic;
margin-top:-10px;
	margin-bottom : 10px;
text-align:right; }
table.blogentry { width : 100%; border-bottom : 1px solid #ccc; margin-bottom : 5px; padding-bottom : 5px }  


p.actionbox { background-color : #F7F7F7; padding : 5px; margin-bottom:10px; border : 1px solid #ddd }
p.actionbox input.do { margin-left : 5px; padding : 0px 2px}

div.referral { border : 1px solid #bbb; background-color : #F7F7F7; margin-top : 10px; padding : 6px }
div.referral input.do { margin-left : 10px }

table.calendar { background-color : white; border-collapse : collapse; width : 690px; table-layout: fixed; }
table.monthly { width : 450px; }
table.calendar td { vertical-align : top; border : 1px solid #ccc; }
table.calendar th.dayname { font-size : .9em; padding-top : 8px; color : #888; width : 90px}

table.monthly { table-layout: fixed; }
table.monthly td {  width : 68px; height : 70px }
table.tblmonthview td a.selector {  display : block; height : 60px; width : 60px; position : absolute; }
table.tblmonthview td a.selector span { display : none }
table.monthly td.notInMonth { background-color : #fcfcfc; }
table.monthly td.currentDay { background-color : #FFFFCC; }
table.monthly td.selectedDay { background-color : #E8EEFF; }
table.monthly td.notInMonth div.day-number { color : #999 }



.blockbox .timeconflictbg { background-image : url(../images/icon-conflictbox.gif) !important; }

table.weekly tr th.dayname {
 background:url(../images/bg-tblheadinactive.gif) repeat-x;
 height:18px;
 color:#fff;
 font-size:.9em;
 padding:3px 0 0 3px;}
 
table.weekly td {  width : 90px; height : 20px }
table.weekly td.hour { border : none; font-weight : bold; color : #666; vertical-align : middle}
table.weekly td.tophour { border-bottom : 1px dotted #ccc; background-color : #f0f0f1; }
table.weekly td.bottomhour { border-top : 1px dotted #ccc }

table.weekly td div.weekly-calendar-event { height : 10px; float : left; padding : 0; margin : 0; visibility : hidden}

select.monthswitcher { border : 1px solid #ccc; padding : 1px; font-size : .9em; margin : 2px; margin-bottom : 5px;  }

td.calendar-controls { padding : 2px; text-align : right; }
td.calendar-footer { padding-top : 0 }

a.today-button { display : block; padding : 2px; width : 60px; font-size : .9em; background-color : #999; color : white; border : 1px solid #333; text-align : center; font-weight : bold; float : right}
a.today-button:hover {text-decoration : none}

#grouplist { list-style : none; display : block; margin-left : 10px}
#grouplist li { display : block; float : left; width : 105px; margin-right : 5px; margin-bottom : 10px; }

#eventtypelist { list-style : none; display : block;}
#eventtypelist li { display : block; float : left; width : 95px; margin-right : 5px; margin-bottom : 10px; }


div.day-number { float : left; color : #666 }

th.calendar-header { background-color : #eee;  }
th.calendar-header div { letter-spacing : .3em; font-family : arial, sans-serif;font-weight : bold; color : #888; font-size : 1.7em} 
div.month { text-align : left; float : left; width : 250px }
div.year { text-align : right; float : left; width : 90px; font-size : 18px; margin-right : 10px}
div.year .leftArrow { margin-right : 5px }
div.year .rightArrow { margin-left : 5px }


table.schedule {  width : 100%; border-collapse : collapse; }
table.schedule th { background-color : #eee; letter-spacing : .1em; font-family : arial, sans-serif;font-weight : bold; color : #888; font-size : 1.4em }
table.schedule td { }
table.schedule td.top-hour { height : 15px; border-bottom : 1px dotted #ccc; }
table.schedule td.bottom-hour { height : 15px; border-bottom : 1px solid #ccc; }
table.schedule td.schedule-time { border-bottom : 1px solid #ccc; font-weight : bold; color : #666; width : 40px; height : 30px;  }

table.schedule td div {float : left; margin-right : 2px; font-size : .9em}


table.schedule-event-table { width : 100%}
table.schedule-event-table td { vertical-align : top;  }
table.schedule-event-table td div.tinygroupbox { width : 2px; height : 2px; margin : 2px 4px 2px 0; }


table.hourlysubtable { clear : both; margin : auto; border-collapse : collapse; margin-top : 10px; background-image : url(../images/hourly-subtable-bg.gif); background-repeat : no-repeat; background-position : center middle;}
table.hourlysubtable tr { margin : 0; padding : 0}
table.hourlysubtable td { margin :0; padding : 0; width : 9px; height : 9px; border : 1px solid #f3f3f3; }

table.hourlysubtable td.row1 { border-bottom : 1px solid #ccc; }
table.hourlysubtable td.row2 { border-top : 1px solid #ccc; }

table.upcoming-events { padding : 0; margin : 0; border-collapse : collapse; width : 680px}
table.upcoming-events td { padding-top : 5px }
table.upcoming-events tr.even { background-color : #FBFBFB;}
table.upcoming-events tr.even td { background-color : #FBFBFB;}
table.upcoming-events tr.today { background-color : #FFEEE4 !important }
table.upcoming-events tr.today td { background-color : #FFEEE4 !important  }
table.upcoming-events td.event-date {  width : 85px; white-space: nowrap; text-align : right; padding-right : 2px}
table.upcoming-events td.event-time {  width : 119px; text-align : right; padding-right : 4px}
table.upcoming-events td.event-name { }
table.upcoming-events td.event-heading { font-weight : bold; font-size : 1em; }
table.upcoming-events td.event-heading-small { font-weight : bold; font-size : 1em; }

table.upcoming-events td.event-group { width : 40px; border-bottom : 1px solid #ccc; }
table.upcoming-events td.event-group div { margin : auto }
table.upcoming-events td.event-description { padding : 4px 0; }
table.upcoming-events td.event-actions { border-bottom : 1px solid #ccc; margin-bottom : 7px; text-align : right; padding-bottom : 2px; padding-right : 2px }

table.upcoming-events tr.dayboundry td.event-name { border-top : 2px solid #bbb !important; }
table.upcoming-events tr.dayboundry td.event-time { border-top : 2px solid #bbb !important; }
table.upcoming-events tr.dayboundry td.event-group { border-top : 2px solid #bbb !important; }

table.upcoming-events tr th {
 background:url(../images/bg-tblheadinactive.gif) repeat-x;
 height:18px;
 color:#fff;
 font-size:1em;
 padding:3px 0 0 3px;}



table.group-events { padding : 0; margin : 0; border-collapse : collapse; width : 100%; }
table.group-events td { padding : 4px 0; }
table.group-events td.event-heading {border-bottom : 1px solid #ccc; margin-bottom : 7px}
table.group-events td.event-date {  width : 85px;}
table.group-events td.event-time {  width : 119px; text-align : right; padding-right : 4px}
table.group-events td.event-name { font-weight : bold}

.alldaycalevent { width : 97%; margin : 1px }
.scheduleeventgroup { background-color : #eee; border : 1px solid #bbb }

a.schedule-link { color : #6A5850 }
a.schedule-header-link { color : #fff; display : block }

#main-content .calendarcon h3 {
font-weight:bold;
font-size:1em;
margin-bottom:7px;
}

#main-content .dr-table-footercell { 
  background-color : white; text-align : center;	
}

.richfacesSimpleSkin table.mceLayout {
	border:1px solid #7F9DB9;
}

.groupselector { margin : 3px 0;  padding : 3px}

#main-content div.groupSelectorWide { width : 659px; padding : 10px; margin-top : 7px }
#main-content div.groupSelectorWide .checkblock { width : 659px }
#main-content div.groupSelectorNarrow { width : 438px; padding : 10px} 

.rich-table-subheader { background : transparent url(../images/bg-schedheader.gif) repeat-x scroll 0 0; }
.rich-table-subheadercell { color : white; font-weight : bold }

div.event-clone-region { 
	background-color:#E8F6FF;
	border:1px solid #AAAAAA;
	margin:15px 10px;
	padding:4px;
}

div.event-clone-region p {
	margin-bottom : 4px;
}

div.event-clone-region div.formcomponent {
	margin-left : 10px;
}

.nobreak { white-space : nowrap }

.rich-spinner-input-container { background-image : none }
.rich-inslider-field { background-image : none }

#main-content .schedbox .content .wrap .taskListDiv span.arrowtodo{
	background:transparent url(../images/bul-arroworange02.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	padding:3px 0 0 3px;
	width:170px;
}

#main-content .taskmilestone { 
	width : 320px;	
}

#main-content .taskdescription {
	width : 327px;	height : 170px; border:1px solid #E9E9E9;
}

#main-content .taskname {
	width : 327px;	border:1px solid #E9E9E9;
}

.rich-picklist-source-items {
	margin : 0;
}

p.messagebodytext { margin-top : 20px; border-left : 3px solid #aaa; padding-left : 3px; }

div.listedmessage { width : 100%; border-bottom : 1px solid #aaa; margin-bottom : 4px; padding : 5px }
div.senderimage { float : left; width : 50px; } 
span.bold,a.bold { font-weight : bold }
div.listedmessage a.bold { color : navy }
div.listedmessage a.unread { color : #FC9E34; font-weight : bold }
.messagesubject { font-size : 1.15em }

.rich-tabpanel-content-inverted label { color : #fff }

.calendar-container { margin-bottom : 10px; margin-top : 25px; }

.rich-mpnl-header-cell { background-image : url(../images/orangegradient.png); height : 42px; color : white }
.rich-mpnl-header { background : none; font-size : 1.8em; padding-left : 8px; border : none }
.rich-tabpanel-content { padding : 10px }

.rich-mpnl-mask-div { 
	background-color : #688A9F;
	opacity : .4;
}

.rich-mp-content { 
	border : 2px solid #666;	
	-moz-border-radius : 4px;
	padding : 0;
}
.rich-list-picklist-button .rich-list-picklist-button-content {	
  color : white;
}
.rich-list-picklist-button {	
	background-image : url(../images/bg-tblheadactive.gif);
}

div.boxed {
	background-image : url(../images/pm_fade.png); background-color : #fff; background-repeat : repeat-x; -moz-border-radius : 4px; padding : 5px; background-position : bottom; border : 1px solid #ccc; width : 672px; -webkit-border-radius  : 4px;   
}

div.searchbox { width : 668px }
table.upcomingevents { width : 680px }

p.footer { text-align : center }

.taskListingPanel .even { border-bottom : 1px solid #BBB; }
.taskListingPanel .odd { border-bottom : 1px solid #BBB; background-color : #FBFBFB }

div.taskCategoryContainer { margin:4px 0;
padding:2px 4px 4px 5px; border : 1px solid #CCCCCC; -moz-border-radius : 3px}

div.notificationList { border-bottom : 1px solid #ccc; margin-bottom : 3px; padding-bottom : 3px }
div.notificationList .title {}
div.notificationList .buttons { text-align : right }
div.notificationList .buttons a { margin-left : 3px }
 
table.userinbox { width : 100%; margin-top : 10px; border-left : 0; border-top : none }
table.userinbox tr { background-color : transparent; background-image : none }
table.userinbox thead { border-bottom : none }
table.userinbox th { background-color : transparent; background-image : url(../images/menu_header_back_noround.png); border-right : 1px solid #fff }
table.userinbox td { border-right : 0 }
table.userinbox td.centered { text-align : center }

div.statusdiv { margin-top : 8px; }
div.statusdiv .status { font-size : 1.4em }
div.statusdiv input.do { padding : 1px }
div.statusdiv input.textinput { width : 500px }

a.userHomeSendMessage { background-image : url(../images/menu_envelope.png); display : block; width : 18px; height : 15px; float : right }
a.userHomeSendMessage span { display : none }

div.big { font-size:1em;
margin-bottom:12px; }
.bold { font-weight : bold }

p.filterdesc { font-weight : bold; margin-bottom : 10px }

div.adminmenu {  }
div.adminmenu ul { height : 20px; border-bottom : 1px solid #eee; border-top : 1px solid #eee }
div.adminmenu li { float:left; margin-right:15px; line-height : 20px; }

div.dyk { border : 1px solid #ffcc00; -moz-border-radius : 7px; padding : 4px; background-color : #fffde0; width : 680px; font-size : 1.1em }
div.dyk div.title { font-weight : bold; margin-bottom : 3px; font-size : 1.1em }