@import 'memoirs_photos.css';
@import 'ambassador.css';
@import 'help.css';
@import 'greencoloredpages.css';
@import 'addbook.css';
@import 'myself.css';
@import 'mylibrary.css';
@import 'static.css';
@import 'global.css';



html{
	font-size: 100.01;
}

body{
	margin: 0;
	font: 64% Helvetica, Arial, sans-serif;
	background:#fff url(/images/easy/ui/bg_main.gif) repeat-x;
}

form {
	padding: 0;
	margin: 0;
	display: inline;	
}
img{
	border: none;
	display: block;
}





/*login page change*/
.nl_top {
	background-image:url(../images/gs_round_top.png);
	background-position:center top;
	background-repeat:no-repeat;
	border:medium none;
	height:24px;
	margin:0 0 0 12px !important; 
	padding:0;
	width:681px;
	
}

.nl_content {
	background-color:#FFFFFF;
	border-color:-moz-use-text-color #4C7AB4;
	border-style:none solid;
	border-width:medium 1px;
	margin:0 0 0 12px;
	padding:0;
	width:679px;
}

.nl_content span {
	font-size: 16px;
}

.n1_content_h1 {
	padding: 0 0 0 14px;
	font-size: 30px;
}

.nl_content p {
	font-size: 16px;
	}

.nl_bottom {
	background-image:url(../images/gs_round_bottom.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:24px;
	margin:0 0 0 12px;
	padding:0;
	width:681px;
}


#newlogin {
	margin: 40px 0 0 0;
}


ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4{
	margin: 0;
}
a{
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
}

#cal_save {
	position: absolute;
	margin: 68px 0 0 399px;
}

#adminflash {
	
	position: fixed;
	left: 0px;
	top: 0px;
	height: 26px;
	*height: 20px;
	width: 100%;
	background-image: url(/images/ui/adminflash.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 8px 6px 6px 6px;
	z-index: 9999;
}

#adminflash p {
	text-align: center;
	font-family: "Lucida Grande", Helvetica, Arial, serif;
	font-size: 1.5em;
}

/* Clear Floats*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block; clear: both;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


#main{
	margin: 0 auto;
	width: 930px;
	position: relative;
	padding-top: 111px;
}

.inner-1{padding-top:132px !important;}
.inner-2{padding-top:132px !important;}
.inner-3{padding-top:132px !important;}
.directory{padding-top:132px !important;}
/* header */
#header{
	width: 917px;
	height: 111px;
	position: absolute;
	top:0;
	left:5px;
}

#header .top-part{
	overflow: hidden;
}

* html #header .top-part{
	overflow: visible;
	height: 1%;
}

/* logotype */
.logo{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/logo.gif) no-repeat;
	width: 174px;
	height: 51px;
	float: left;
	margin: 17px 0 0;
}

/*mm*/
.logo2{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/logo-cl.jpg) no-repeat;
	width: 298px;
	height: 92px;
	float: left;
	margin: 17px 0 0 0px;
	position: absolute;
	
	
}

/* logo dynamic */
.logo-sub{
    position:absolute;
    padding: 20px 0 13px 0 !important;
    left:350px;
}

/*mm */
.logo_login {
	
	background:transparent url(/images/logos/easy_myway.jpg) no-repeat scroll 0 0;
	display:block;
	height:79px;
	margin:20px auto 0;
	overflow:hidden;
	text-indent:-9999px;
	width:268px;
	
	
}








/* top-right part of header */
#header .right-buttons{
	overflow: hidden;
	float: right;
	padding: 43px 0 0;
}

#header .right-buttons li{
	float: left;
	margin: 0 0 0 10px;
}

#header .right-buttons a{
	height: 27px;
	width: 83px;
	display: block;
	text-align: center;
	font: bold 12px/27px Helvetica, Arial, sans-serif;
	color:#393939;
}

#header .date-time{
     position:absolute;
     right:0;
     font:16px 'Lucida Grande',Arial;
     color:#024495;
     text-align:right;
     font-weight: bold;
     padding:21px 0 0 0;
     margin:70px 0 0 0;
}

#header .date-time span{
     font-weight:bold;
     display:block;
     padding: 10px 0 0 0;
}

#header .btn-purple a{background: url(/images/btn-purple.gif) no-repeat;}
#header .btn-yellow a{background: url(/images/btn-yellow.gif) no-repeat;}
#header .btn-green a{background: url(/images/btn-green.gif) no-repeat;}
/* main menu */
#menu{
	clear:both;
	overflow: hidden;
	padding: 8px 0 0;
}

#menu li{
	float: left;
	margin: 0 10px 0 0;
}

#menu a{
	display: block;
	height:33px;
	width: 99px;
	background: url(/images/main-menu.gif) no-repeat;
	text-align: center;
	font: bold 15px/26px Helvetica, Arial, sans-serif;
	color:#004294;
}

#menu a:hover,
#menu li.active a{
	background-position: 0 100%;
	color:#fff;
}

/* content */
#content .content-nav{
	display: none;
	padding: 3px 0 0;
}

#content .content-nav li{
	display: inline;
	margin: 0 15px 0 23px;
}

#content .content-nav a{
	text-decoration: underline;
	font: normal 1.4em/1.5em Helvetica, Arial, sans-serif;
	color: #fff;
}
#content .content-nav a:hover{text-decoration: none}

/* color clases */
.small-yellow-top{background: url(/images/small-yellow-top.png) no-repeat;}
.large-purple-top{background: url(/images/large-purple-top.png) no-repeat;}
.small-green-top{background: url(/images/small-green-top.png) no-repeat;}
.large-red-top{background: url(/images/large-red-top.png) no-repeat;}
.small-dark-green-top{background: url(/images/small-dark-green-top.png) no-repeat;}
.small-blue-top{background: url(/images/small-blue-top.png) no-repeat;}
.small-join-top{background: url(/images/small-join-top.png) no-repeat;}
.large-signin-top{background: url(/images/large-signin-top.png) no-repeat;}

.side-bar .small-blue-top,
.side-bar .small-dark-green-top,
.side-bar .small-green-top,
.side-bar .small-yellow-top{padding-top:12px;}



/*mm*/
.small-signin-top h2,
.large-signin-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/signin-h2.gif) repeat-x;
	height: 32px;
}

.small-join-top h2,
.large-join-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/join-h2.gif) repeat-x;
	height: 32px;
}

.small-yellow-top h2,
.large-yellow-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/yellow-h2.gif) repeat-x;
	height: 32px;
}
.small-purple-top h2,
.large-purple-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/purple-h2.gif) repeat-x;
	height: 32px;
}
.small-green-top h2,
.large-green-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/green-h2.gif) repeat-x;
	height: 32px;
}
.small-red-top h2,
.large-red-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/red-h2.gif) repeat-x;
	height: 32px;
}
.small-blue-top h2,
.large-blue-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/blue-h2.gif) repeat-x;
	height: 32px;
}
.small-dark-green-top h2,
.large-dark-green-top h2{
	font: 2.3em/1em Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	background: url(/images/dark-green-h2.gif) repeat-x;
	height: 32px;
}

.color-yellow{color:#bf962c;}
.color-purple{color:#964bbf;}
.color-green{color:#739973;}
.color-red{color:#666666; font-weight: normal !important;}
.color-red a {color:#404040; font-weight: normal !important;}
.color-dark-green{color:#839959;}
.color-blue{color:#7399bf;}
.color-join{color:#265942;}
.color-signin{color:#4e6399;}
/* end of color clases */
#content .columns{
	overflow: hidden;
}

.main-content{
	float: left;
	width:682px;
}

/*mm*/
.main-content-login{
	margin: 0 auto;
	width: 682px;
}
/* begin content row styles */
.row-holder{
	position: relative;
	padding: 12px 0 15px;
	height: 1%;
	overflow: hidden;
}
.content-row{
	float:left;
	background: url(/images/content-row-shadow.png) repeat-y;
	margin: 11px 0 0;
	position: static;
}
* html .content-row{
	height:1%;
	float:none;
	margin-top:23px;
}
.content-row-bottom{
	width: 683px;
	height: 15px;
	background: url(/images/content-row-bottom.png) no-repeat;
	display: block;
	bottom:-15px;
	clear: both;
	position: relative;
	overflow:hidden;
}

.content-row .small-box{
	padding: 7px 5px 0;
	float:left;
	width: 223px;
	margin-top:-12px;
	position: relative;
}
.content-row .large-box{
	float:left;
	padding: 7px 5px 0;
	margin: -12px 0 0 10px;
	width: 429px;
	position: relative;
}
/* end of content row styles */
.lnk-go-to-small-box{
	position: absolute;
	bottom: 10px;
	left: 0;
	font: bold 1.4em/1.4em Helvetica, Arial, sans-serif;
	width: 215px;
	text-align: right;
	height:20px;
	display: block;
}
.lnk-go-to-large-box{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font: bold 1.4em/1.4em Helvetica, Arial, sans-serif;
	width: 230px;
	text-align: right;
	height:20px;
	display: block;
}

.lnk-go-to-large-box-mail{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font: bold 1.4em/1.4em Helvetica, Arial, sans-serif;
	width: 230px;
	text-align: right;
	height:20px;
	display: block;
	color: #8F5643;
	
}

.lnk-go-to-large-box-login {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font: bold 1.4em/1.4em Helvetica, Arial, sans-serif;
	width: 330px;
	text-align: right;
	height:20px;
	display: block;

}

.lnk-go-to-small-box:hover,
.lnk-go-to-large-box-mail:hover,
.lnk-go-to-large-box:hover{text-decoration:underline;}

/* my-self box */
.my-self-box{
	text-align: center;
	padding: 12px 0 0;
}

.my-self-box strong{
	color: #53575d;
	font: bold 1.6em/1.25em Helvetica, Arial, sans-serif;
}
.my-self-box span{
	color: #53575d;
	font: 1.3em/1.3em Helvetica, Arial, sans-serif;
}

.my-self-box img{display: inline;}


/*mm*/
/* join box */
.join-box{
	text-align: left;
	padding: 14px;
}


.join-box strong{
	color: #265942;
	font: bold 1.5em/1.25em Tahoma, Helvetica, Arial, sans-serif;
}
.join-box span{
	color: #333333;
	font: 1.4em/1.5em Tahoma, Helvetica, Arial, sans-serif;
}

.join-box img {
	margin: 16px auto;
}

/*mm*/
/*sign in box */
.signin-box
{
	overflow: hidden;
	padding: 14px;
}

.signin-box .date-list{
	float: left;
	width: 265px;
	padding: 0 0 0 16px;
}


.signin-box .today-date{
	float: left;
	text-align: center;
	padding: 17px 0 0 10px;
}

.signin-box strong{
	color: #4e6399;
	font: bold 1.5em/1.25em Tahoma, Helvetica, Arial, sans-serif;
}
.signin-box span{
	color: #333333;
	font: 1.4em/1.5em Tahoma, Helvetica, Arial, sans-serif;
}

.signin-box .flash { 
	color: red;
	font-size: 16px;
	margin: 0 0 10px 0;
	
	}


/*  my-calendar-box */
.my-calendar-box{
	overflow: hidden;
}
.my-calendar-box .date-list{
	float: left;
	width: 265px;
	padding: 0 0 0 16px;
}

.date-list div{
	padding: 10px 0 5px;
}

.date-list h3{
	font: bold 1.4em/1.42em Helvetica, Arial, sans-serif;
	color:#964bbf;
}
.date-list P{
	overflow: hidden;
	height:1%;
}

.date-list p a:link strong{
text-decoration: none !important;
}

.date-list p a:visited strong{
text-decoration: none !important;
}

.date-list p a:hover strong{
text-decoration: underline !important;
}

.date-list p a:active strong{
text-decoration: none !important;
}

.date-list em{
	color:#666;
	font: 1.4em/1.42em Helvetica, Arial, sans-serif;
	display: block;
	float: left;
	padding: 0 20px 0 0;
	width: 76px;
}
.date-list strong{
	color:#404040;
	font: 1.4em/1.42em Helvetica, Arial, sans-serif;
	display: block;
	float: left;
}
.date-list span{
	color:#666;
	font: 1.4em/1.42em Helvetica, Arial, sans-serif;
	display: block;
	float: right;
}

.date-list span a{
	text-decoration: none;
	color: #666666;
}

.my-calendar-box .today-date{
	float: left;
	text-align: center;
	padding: 17px 0 0 10px;
}

.today-date strong{
	font: bold 1.4em/1.42em Helvetica, Arial, sans-serif;
	color:#404040;
	display: block;
}

.today-date .date{
	background: url(/images/calendar-paper.gif) no-repeat 50% 0;
	width: 128px;
	height:144px;
	margin:5px 0 0;
}

.today-date .date span{
	font: bold 1.8em/2.3em Helvetica, Arial, sans-serif;
	color:#fff;
}

.today-date .date p span{
	font: bold 1.7em/1.3em Helvetica, Arial, sans-serif;
	color:#404040;
	display: block;
}

.today-date .date p strong{
	font: bold 4.5em/1em Helvetica, Arial, sans-serif;
	color:#000;
	display: block;
}

.today-date .date p em{
	font: bold 1.4em/1.3em Helvetica, Arial, sans-serif;
	color:#404040;
	display: block;
}

/* my-memoirs-box */
.my-memoirs-box ul{
	padding: 8px 0 0 17px;
}

.my-memoirs-box li{
	overflow: hidden;
	height: 1%;
	padding-top:10px;
}


.my-memoirs-box img{
	float: left;
	padding-right: 10px;
}

.my-memoirs-box span{
	font: 1.4em/1.42em Arial, Helvetica, sans-serif;
	color:#404040;
	display: block;
}

.my-memoirs-box a:link span{
	text-decoration: none !important;
}

.my-memoirs-box a:visited span{
	text-decoration: none !important;
}

.my-memoirs-box a:hover span{
	text-decoration: underline !important;
}

.my-memoirs-box a:active span{
	text-decoration: none !important;
}


.my-memoirs-box strong{
	font: bold 1.4em/1.42em Arial, Helvetica, sans-serif;
	color:#739973;
	display: block;
}

.my-memoirs-box strong a{
	text-decoration: underline !important;
}








/* my-mail-box */
.my-mail-box .mail-row{padding:14px 0 3px 16px;}

.my-mail-box .mail-row img{
	float: left;
	padding: 0 20px 0 0;
}

.my-mail-box .mail-row p{
	font: 1.4em/1.42em Helvetica, Arial, sans-serif;
	color: #8F5643;
	overflow: hidden;
	height: 1%;
}

.my-mail-box .mail-row p span{
	font-weight: bold;
	display: block;
	float: left;
	width: 113px;
}
.my-mail-box .mail-row p em{
	font-weight: bold;
	display: block;
	float: left;
	font-style: normal;
}
.my-mail-box .mail-row p strong{
	font-weight: bold;
	display: block;
	float: left;
	width: 130px;
	padding-right: 20px;
}

.my-mail-box .mail-row p strong a:link {
	color: #404040; !important;
}

.my-mail-box .mail-row p strong a:visited {
	color: #404040;
}

.my-mail-box .mail-row p strong a:hover {
	color: #404040;
	text-decoration: underline !important;
}

.my-mail-box .mail-row p strong a:active {
	color: #404040;
}


.mailbold {
	font-weight: bold;
	color: #8F5643;
	display: block;
}

.mailboldc2 {
	font-weight: bold;
	color: #8F5643;
	display: block;
	padding-left: 38px;
	width: 20px !important;
}


/* side bar */
.side-bar{
	float: right;
	width: 233px;
	padding: 11px 5px 0 0;
}

.side-bar .small-box{
	position:relative;
	margin-bottom: 10px;
}

.side-bar .small-shadow{
	width: 223px;
	background: url(/images/small-box-shadow.png) repeat-y;
	padding: 0 5px 20px;
}

.side-bar .small-box-bottom{
	width: 233px;
	height:15px;
	background: url(/images/small-box-bottom.png) no-repeat;
	display: block;
}
/* side boxes styles */
.side-boxes-row{
	overflow: hidden;
	height: 1%;
	padding: 16px 15px 5px 18px;
}

.side-boxes-row img{
	float: left;
	width: 56px;
	height: 56px;
	padding-right: 10px;
}

.side-boxes-row strong{
	font: bold 1.4em/1.42em Helvetica, Arial, sans-serif;
	display: block;
	margin-left: 57px;
}

.side-boxes-row span{
	font: 1.4em/1.42em Helvetica, Arial, sans-serif;
	color: #000;
	display: block;
	margin-left: 57px;
}

/* mail page styles */
.inner-1 #content,
.inner-2 #content,
.inner-3 #content{
	background: url(/images/mail-page-content-bg.gif) no-repeat;
	padding: 9px 0 0;
}

.content-holder{
	background:url(/images/content-holder-bg.png) repeat-y;
	padding: 0 6px 0 5px;
}
* html .content-holder{
	overflow: visible;
	height: 1%;
}

.mail-title{
	background: url(/images/red-h2.gif) repeat-x;
	text-align:center;
	padding: 0 0 6px;
}

.mail-title h1{
	font: 2.5em/1em Helvetica, Arial, sans-serif;
	*font-size: 2em;
	color:#fff;
}

.columns{
	overflow: hidden;
}
* html .columns{
	overflow: visible;
	height: 1%;
}

.mail-content{
	float: right;
	width: 707px;
	margin: 0 5px 0 0;
	display:inline;
}

.mail-side-bar{
	float: left;
	width: 201px;
}
/* shadows for boxes on white background */
.right-shadow{
	background:url(/images/right-shadow.gif) repeat-y 100% 0;
}

.right-shadow-end{
	background: url(/images/right-shadow-end.gif) no-repeat 100% 0;
}

.bottom-shadow{
	background:url(/images/bottom-shadow.gif) repeat-x 0 100%;
	width: 100%;
}

.bottom-shadow-end{
	background: url(/images/bottom-shadow-end.gif) no-repeat 0 100%;
	width: 100%;
}

.angle-shadow{
	background:url(/images/angle-shadow.gif) no-repeat 100% 100%;
	padding: 0 3px 4px 0;
}
/* end of shadows */

/* welcome box */
.welcome-holder{
	margin: 6px 0 0 4px;
}

.welcome{
	border: 1px solid #ccc;
	padding: 11px 0;
}

.welcome img{
	float:left;
	border: 1px solid #b3b3b3;
	margin: 0 13px;
	display: inline;
}
.welcome strong{
	font: 1.8em/1.1em Helvetica, Arial, sans-serif;
	color:#024495;
	display: block;
	margin: 3px 0;
}

.welcome .date{
	clear: both;
	text-align:center;
	margin: 17px 0 0;
}

.welcome .date em{
	font: bold 1.6em/1.25em Helvetica, Arial, sans-serif;
	color:#024495;
	display: block;
}

.welcome .date span{
	font: bold 1.8em/1.3em Helvetica, Arial, sans-serif;
	color:#024495;
	display: block;
}

/* side navigation styles for mail pages */
.mail-side-nav{
	margin: 30px 0 0;
}

.mail-side-nav li{
	width: 198px;
	border-top: 1px solid #adadad;
	height: 39px;
	vertical-align: top;
}

* html .mail-side-nav li{
	overflow: visible;
	height: 1%;
}

.mail-side-nav a{
	display: block;
	font: 18px/39px Helvetica, Arial, sans-serif;
	color:#014395;
	padding: 0 0 0 37px;
}

* html .mail-side-nav a{
	overflow: visible;
	height: 1%;
}

.mail-side-nav a:hover{
	background: #fece5c;
}

.mail-side-nav .active a,
.mail-side-nav .active a:hover{
	color: #fff;
	background:url(/images/mail-side-nav-active.gif) repeat-x;
}

/* mail content styles */
.mail-inbox{}

/* mail page button panel */
.button-panel{
	overflow: hidden;
	margin: 7px 3px 12px 0;
}

* html .button-panel{
	overflow: visible;
	height: 1%;
}

.button-panel .left{float: left;}
.button-panel .right{float: right;}

.button-panel ul li{
	float: left;
	margin: 0 0 0 11px;
}
.button-panel ul li:first-child{margin-left:0}

.button-panel ul a{
	font: bold 12px/27px Helvetica, Arial, sans-serif;
	color: #393939;
	display: block;
	text-align:center;
	background: url(/images/mail-page-button.gif) no-repeat;
	width: 83px;
}

.button-panel ul a:hover{
	background-position:0 100%;
	color:#000;
}
.button-panel ul .active a,
.button-panel ul .active a:hover{
	color: #fff;
	background: url(/images/mail-page-button-active.gif) no-repeat;
}

/* mail messages box */
/* mail box messages table title */
.mail-inbox-title{
	overflow: hidden;
	font: bold 1.4em/1.57em Helvetica, Arial, sans-serif;
	color:#000;
}

* html .mail-inbox-title{
	overflow: visible;
	height: 1%;
}
.mail-inbox-title div{
	float: left;
}

.mail-inbox-title .from{
	width: 226px;
	background: #e6e6e6;
	border: 1px solid #ccc;
	padding: 0 0 0 17px;
}

.mail-inbox-title .subject{
	width: 270px;
	background: #e6e6e6;	
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 0 0 0 17px;
}

.mail-inbox-title .date{
	width: 153px;
	background: #aaa;
	border: 1px solid #b0afaf;
	padding: 0 0 0 17px;
}

/*messages-holder*/
/* message box styles */
.message{
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	padding: 20px 0;
}
.messages-holder .empty {
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 10px 0 60px 10px;
    font-size: 1.4em;
    line-height: 200%;
}

* html .message{
	overflow: hidden;
	height: 1%;
}

.messages-holder .bold{font-weight:bold;}
.messages-holder .blue{
	background:#678ebf;
	border-left-color: #527aab;
	border-right-color: #527aab;
	border-bottom: none;
}
.message .from{
	width: 226px;
	float: left;
	padding: 0 0 0 17px;
}

.message .from .avatar{
	float: left;
	border: 1px solid #999;
	margin: 0 21px 0 0;
}

.message .from span{
	font-size:1.4em;
	line-height: 1.28em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
}

.message .from .ico-new{
	float: right;
}

.message .subject{
	width: 270px;
	float: left;
	padding: 0 0 0 17px;
}

.message .subject p{
	font-size:1.4em;
	line-height: 1.28em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
}

.message .date{
	width: 153px;
	float: left;
	padding: 0 0 0 17px;
}

.message .date span{
	display: block;
	font-size:1.4em;
	line-height: 1.28em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
}

/* show message box */
.show{
	background: #fff url(/images/show-box-top.gif) no-repeat;
	clear: both;
	width: 686px;
	margin: 0 8px -7px;
}

.show-bottom{
	background: url(/images/show-box-bottom.gif) no-repeat 0 100%;
	padding: 45px 16px 9px;
}

.show p{
	font: 1.4em/1.28em Helvetica, Arial, sans-serif;
	color:#000;
}

.show ul{
	overflow: hidden;
	margin: 32px 0 0 -16px;
}

* html .show ul{
	overflow: visible;
	height: 1%;
}

.show li{
	padding: 0 2px 0 5px;
	background: url(/images/mail-list-separator.gif) no-repeat 0 7px;
	float: left;
}
.show li:first-child{background: none;}

.show a{
	font: bold 1.4em/1.5em Helvetica, Arial, sans-serif;
	color:#393939;
	padding: 0 12px;
	display: block;
}
.show a:hover{background: #fed36c;}


/* Directory Pages */
.directory #content{
	background: url(/images/directory-page-content-bg.gif) no-repeat;
	padding: 9px 0 0 0;	
}

.directory #footer{
	background: url(/images/my-directory-footer-bg.png) no-repeat;
	padding: 40px 0 45px;
	width:930px;
}

.directory-title{
	background: url(/images/darker-green-h2.gif) repeat-x;
	text-align:center;
	padding: 0 0 6px;
	width:919px;
}

.directory .content-holder{
	background:url(/images/directory-content-holder-bg.png) repeat-y;
	padding: 0 6px 0 5px;
	width:918px;
}

.directory-title h1{
	font: 2.5em/1em Helvetica, Arial, sans-serif;
	color:#fff;
}

.directory fieldset{
     margin:0;
     padding:0;
     border:none;
}

.directory .controls{
    padding: 27px 0 22px 15px;
}

.directory .pages{
     width:400px;
     float:left;
     font:1.4em/1.3em 'Lucida Grande',Helvetica;
}

.directory .pages ul{
     float:left;
     padding: 0 20px 0 0;
}

.directory .pages li{
	  float:left;
}

.directory .pages li.first{
     padding: 0 3px 0 0;
}

.directory .pages li a{
     margin: 0 0 0 1px;
     padding: 1px 4px;
     color:#000 !important;
}

.directory .pages li.active a{
      background:#7699C5;
      color:#FFF !important;
}

.directory .pages li a:hover{
      background:#FED36C !important;
}

.directory .pages .prev-next li a{
      margin: 0 5px;
      padding:0;
}

.directory .pages .prev-next li a:hover,
.directory .pages .prev-next li.active a{
      background:none !important;
      color:#666666 !important;
}

.directory .search{
     width: 477px;
     float:right;
}

.directory .search label,
.directory .search input.text{
     float:left;
     vertical-align:middle;
}

.directory .search label{
     font:14px Arial;
     width:113px;
     color:#333;
     display:block;
     padding:5px 0 0 0;
}

.directory .search  input.text{
     width:225px;
     height:17px;
     border:1px solid #828282;
     margin: 0 7px 0 0;
     padding: 3px 0;
}

.directory .search input.submit{
     background:#AAC2FE url('../images/btn-blue-repeat.gif') repeat-x bottom left;
     border:1px solid #ABABAB;
     height:25px;
     font-weight:bold;
     width: 100px;
}

.directory .search  p{
     padding: 5px 0 0 114px;
     font:1em/1.1em Helvetica,Arial;
}

.directory #main-content{
     width: 707px;
     float:left;
     padding: 5px 0 0 15px;
}

.directory-list .directory-list-title div{
    float:left;
    padding: 5px 0;
    border:1px solid #CCCCCC;
    border-left:1px solid #9EBCE0; 
    border-right:1px solid #FFF;
    background:#9EBCE0;
    text-indent:10px;
    font:14px 'Lucida Grande',Helvetica,Arial;
}

.directory-list-title a {
	color: black;
	text-decoration: none;
}

.directory-list .directory-list-title div span{display:block;}

.directory-list .directory-list-title div.active{
    background:#054696;
    border:1px solid #666666;
    color:#FFF;
    margin-left:-1px;
}

.directory-list-title div.active a {
	color: white;
}

.directory-list .directory-list-title .desc{
    background:url('../images/icon-arrow-down.gif') no-repeat 90% 2px;
}

.directory-list .directory-list-title .asc{
    background:url('../images/icon-arrow-up.gif') no-repeat 90% 2px;
}

.directory-list .first-name{width:150px;}
.directory-list .last-name{width:154px;}
.directory-list .role{width:138px;}
.directory-list .time{width:145px;}
.directory-list .mwv{width:115px;border-right:none !important;}

.directory-list .listing{
    border:1px solid #CCCCCC;
    border-width:0 0 1px 1px;
    padding: 13px 0 11px 0;
    font:1.4em/1.4em 'Lucida Grande',Helvetica,Arial;
	display: block;
}

.directory-list .listing .thumb{
    float:left;
    width:99px;
    padding: 0 0 0 17px;
}

.directory-list .listing .thumb img{
    border:1px solid #999999;
}

.directory-list .listing p{
    float:left;
}

.directory-list .listing  .role,
.directory-list .listing  .time{
    padding: 25px 0 0 0;
}

.directory-list .listing .name{
	width:196px;
	padding:7px 0 0 0;
}

.directory-list .listing .name span{
    display:block;
    font-weight:bold;
}

.directory-list .listing  .role{
    font-weight:bold;
    width:148px;
}

.directory-list .listing  .resident{color:#009933;}
.directory-list .listing  .staff{color:#CC0000;}
.directory-list .listing  .ambassador{color:#6666CC;}

.directory-list .listing .time{ width:133px;}
.directory-list .listing .mwv{
	 padding: 15px 0px 0 30px;
	 width:60px;}
	
.directory-list .listing .time span{
	 border:1px solid #BF5454;
	 color:#FFF;
	 font-size:0.6em;
     background:#FF5252 url('../images/btn-red-repeat.gif') repeat-x bottom left;
     padding: 3px;
}

.directory-list .listing .mwv .member{
     text-indent:-9999px;
     overflow:hidden;
     height:41px;
     display:block;
     width:44px;
     background:url('../images/icon-mwv.gif') no-repeat top left;
}

.directory-list .last{padding: 3px !important;border-bottom:none;}

.directory-list .show-list{
     background:#80A2C9;
     color:#FFF !important;
/*     padding:13px 0 0 0;*/
}

.directory-list .show-list .role,
.directory-list .show-list .time{color:#FFF !important;}

.directory-list .show-list .mwv .member{
     background-position: 0 -43px !important;}

.directory-list .show-list  .more-info{
	 clear: both;
     background:#FFF !important;
     padding: 25px 0 25px 25px;
     color:#000 !important;
     border-top:10px solid #80A2C9;
     border-left: 10px solid #80A2C9;
     border-right: 10px solid #80A2C9;
     clear:both;
    font:0.9em/1.4em 'Lucida Grande',Helvetica,Arial !important;
}

.directory-list .more-info span{font-weight:bold; display:block;margin:0 0 0 3px;}
.directory-list .more-info a{color:#000 !important;padding:3px;}
.directory-list .more-info a:hover{background:#FED36C;}
.directory-list .birthday{width:170px;}
.directory-list .hometown{width:200px;}
.directory-list .from{width:280px;}

.directory #sidebar{
    width: 177px;
    float: right;
    padding: 0 8px 0 0;
}

.directory .setup{
    margin: 6px 0px 6px 3px; 
    border-left:1px solid #ccc;
}

.directory .setup h3{
    background:#47A375;
    color:#FFF;
    padding: 4px 0;
    text-align:center;
    font:1.4em/1.4em Arial;
}

.directory .setup fieldset{
    padding:10px 12px;
    margin:0 0 -6px 0;
}

.directory .setup fieldset label{
	display:block;
	font:1.2em/1.2em Arial;
	padding: 0 0 6px 0;
}

.directory .setup fieldset input.text{
    border:1px solid #828282;
    width: 149px;
    height:21px;
    margin: 0 0 8px 0;
}

.directory .setup p{
    color:#666666;
    font:1em/1.2em 'Lucida Grande',Arial;
    margin: 10px 0 0 0;
}

.directory .setup input.submit{
    background:#61B18C url(/images/btn-green-repeat.gif) bottom left repeat-x;
    border:1px solid #989898; 
    color:#333333;
    height:25px;
}

.directory #sidebar .ad{
	margin: 15px 0 0 5px !important;
	display:block;
}

/* mail pages (from Diff) */
.photothumb{
    border:1px solid #E7E7E7;
    padding:5px 0;
    margin:10px 0 0 5px;
    background:#FFFFFF;}
    
.photothumb img{
    display:block;
    margin:0 auto 5px auto;}
    
.photothumb p{
    line-height:1.3em;
    font-size:1.8em;
    text-align:center;
    color:#195CA3;;}
    
.photothumb p span{
    display:block;}
    
.inner-1 .content-holder .columns, .mailcolored {
  background:#F4F4F4;}

.mailpages {
  padding-top:132px !important;}

.mailpages #content {
    background: url(/images/mail-page-content-bg.gif) no-repeat;
    padding: 9px 0 0;}

.mailpages #footer{
    background: url(/images/my-mail-footercol-bg.png) no-repeat;
    padding: 40px 0 45px;}

.inner-1 #footer {
    background: url(/images/my-mail-footercol-bg.png) no-repeat !important;
    padding: 9px 0 0;
}

.messages-holder{
  background:#fff;
}

.mailpages .mail-inbox-title .date{
 width:156px !important;}
 
.mailpages .mail-inbox-title .from {
    background:#F5AC8C;
    border: 1px solid #C2896B;}

.mailpages .mail-inbox-title .subject{
    background: #F5AC8C;    
    border: 1px solid #C2896B;
    border-width: 1px 0;}

.mailpages .mail-inbox-title .date{
    background: #C48870;
    border: 1px solid #C48870;
    color:#FFF;}

.mailpages .mail-inbox-title .date a{
  background:url(/images/icon-date.gif)  right 5px no-repeat;
  display:block;
  margin-right:10px;
  color:#FFF;}

.mailpages .mail-inbox-title {
  font-weight:normal !important;}

.mailpages .messages-holder .active,
.mailpages .messages-holder .message:hover{
  background:#FAD678;
  font-weight:bold;}

.mailpages .message{
  border:1px solid #C08B69;
  border-width: 0 1px 1px 1px;}

.mailpages .mailblock{
  background:#FFF;
  border:1px solid #C28B76;
   padding:14px;}
 
 
.mailpages .photosender img{
   float:left;
   padding:0 15px 0 0;}
 
.mailpages .photosender ul{
  float:left;
  width:517px;
  padding:10px 0 0 0;}

.mailpages .photosender ul li{
  font-size:15px;
  line-height:22px;}

.mailpages .photosender ul li span{
  font-weight:bold;}

.mailpages .photosender ul li a{
  color:#000;}

.mailpages .msgcontent{
  padding:18px 0 0 0;}

.mailpages .msgcontent h4{
 font-size:14px;
 padding:0 0 5px 0; }

.mailpages .msgcontent  p{
  font-size:14px;
  line-height:21px;}

.mailpages .mymailform fieldset{
  border:none;}

.mailpages .mymailform label{
  width:97px;
  padding:5px 5px 0 0;
  display:block;
  float:left;
  font-size:16px;}

.mailpages .mymailform .txtbox{
  width:438px;
  padding:5px;
  border:1px solid #E4E4E4;
  font-size:13px;}

.mailpages .mymailform .posadd{
  position:relative;
  top:3px;
  left:5px;}

.mailpages .mymailform span.check{
 padding:10px 10px 10px 0;
 display:block;
 float:left;
 font-size:14px;}

.mailpages .mymailform .txtbig{
  width:628px;
  height:260px;
  padding:10px;
  border:1px solid #E4E4E4;
  margin:30px 0 0 0;
  font-size:13px;}

/* Prompt */
#prompt{
 background:url('/images/bg_deleteprompt.png') no-repeat top left;
 width: 380px;
 height:177px;
 color:#000000;}

#prompt h2{
  font-size:18px;
  padding: 25px 0 10px 33px;}

#prompt p{
  font-size:15px;
  padding:  0 40px 20px 33px;}

#prompt .btns {
  padding-left:33px;}

#prompt .btns a{
  margin-right:50px;}

#facebox .body {
    background-color:transparent !important;
}
/* Lightbox */
#lightbox{
  display:none;
  position: absolute;
  top:50%;
  left:50%;
  z-index:9999;
  margin:-100px 0 0 -200px;
  text-align:left;}
#lightbox[id]{position:fixed;}

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:5000;}

#overlay[id]{position:fixed;}
#lightbox.done #lbLoadMessage{display:none;}
#lightbox.done #lbContent{display:block;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block;}

/* end mail diff */

/* footer */
#footer{
	text-align: center;
	clear: both;
	padding: 5px 0 15px;
}

.inner-1 #footer,
.inner-2 #footer,
.inner-3 #footer{
	background: url(/images/my-mail-footer-bg.png) no-repeat;
	padding: 40px 0 45px;
}

#footer .copy{
	display: inline;
	font: 1.2em/1.66em Helvetica, Arial, sans-serif;
	color:#404040;
}

#footer ul{
	display: inline;
}

#footer li{
	display: inline;
	background: url(/images/footer-separator.gif) no-repeat 0 50%;
	line-height: 1em;
	font-size: 1.2em;
	padding: 0 1px 0 10px;
}

#footer li:first-child{background-image: none}

#footer li a{
	color: #004193;
	font: 1.2em/1.66em Helvetica, Arial, sans-serif;
}
#footer li a:hover{text-decoration: underline}

#footer-login{
	text-align: center;
	clear: both;
	padding: 5px 0 15px;
	margin: 250px 0 0 0;
}

#footer-login .copy{
	display: inline;
	font: 1.2em/1.66em Helvetica, Arial, sans-serif;
	color:#404040;
}

#footer-login ul{
	display: inline;
}

#footer-login li{
	display: inline;
	background: url(/images/footer-separator.gif) no-repeat 0 50%;
	line-height: 1em;
	font-size: 1.2em;
	padding: 0 1px 0 10px;
}

#footer-login li:first-child{background-image: none}

#footer-login li a{
	color: #004193;
	font: 1.2em/1.66em Helvetica, Arial, sans-serif;
}

#footer-login li a:hover{text-decoration: underline}



/* Bigger header */
body#big-header{background:#fff url(/images/background-2.gif) repeat-x !important; }
#big-header #header{height:149px !important;}
#big-header #main {padding-top:169px !important;}
#big-header #header #menu{padding: 51px 0 0 0;}

/* styles for font resize */
#header #font-resize{
	position: absolute;
	right: 0;
	top: 17px;
}

#header #font-resize ul{
	overflow:hidden;
}

#header #font-resize li{
	margin-left:15px;
	line-height: 20px;
	font-size:14px;
	float: right;
}

#header li#increase a{
	font: 14px/20px Helvetica, Arial, sans-serif;
	color:#393939;
}

#header li#decrease a{
	font: 11px/20px Helvetica, Arial, sans-serif;
	color:#393939;
}
#header #font-resize a:hover{text-decoration: underline;}

.hidshow { width: 100%; clear: both;}



/*Directory table*/

.ddtable {width: 500px; height: 30px; }
.ddtable label { float: left; width: 200px; font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
.ddtable input { float: left; }



/* popup calendar */
table.jCalendar {
	background: #fff;
    border-collapse: separate;
    border-spacing: 2px;
	margin-left:10px;
}
table.jCalendar th {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #fff;
	color: #666;
}
table.jCalendar td.today {
	background: #FCC43B;
	color: #000;
}
table.jCalendar td.selected {
	background: #79D0EE; 
	color: #000;
}
table.jCalendar td.selected:hover {
	background: #FCC43B;
	color: #000;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: url(../images/popcalendar.png) 0 0 no-repeat;
	font-size: 12px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 212px;
	height:243px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 35px 0 0 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 35px;
	left: 15px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	background:url(../images/bul-violetleft.gif) 0 0 no-repeat;
	text-indent:-9999px;
	padding-left:16px;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 35px;
	right: 15px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	background:url(../images/bul-violetright.gif) 0 0 no-repeat;
	text-indent:-9999px;
	padding-right:16px;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.timeblock{
  background:url(../images/poptime.png) 0 0 no-repeat;
  width:209px;
  height:292px;
  position:absolute !important;
  z-index:1;
  margin:15px 0 0 135px;}
 
.timeblock select{
 margin:17px 0  10px 17px;
 padding:10px 0;
 display:block;
 float:left;
 border:none;
 width:46px;
 font-size:14px; }

.timeblock p{
 text-align:right;
 padding:0 10px 0 0;}

.timeblock p a{
  color:#9E6BC8;}
  
  
  
/* Calendar */

/* Calendar pages */
.calendar #content{
	background: url(../images/calendar-page-content-bg.gif) no-repeat;
	padding: 9px 0 0 0;
}
.calendar .content-holder{
	background:url(../images/calendar-content-holder-bg.png) repeat-y;
	padding: 0 6px 0 5px;
	width:918px;
}
.calendarcolored{
  background:#F4F4F4;
}
.calendar-title h1{
	font: 2.5em/1em Helvetica, Arial, sans-serif;
	*font-size: 2em;
	color:#fff;
	 
}
.calendar-title{
	background: url(../images/purple-h2-calendar.gif) repeat-x;
	text-align:center;
	padding: 0 0 6px;
	width:919px;
}
.calendar #footer{
	background: url(../images/my-calendar-footer-bg.png) no-repeat;
	padding: 40px 0 45px;
	width:930px;
}
.calendar .coloredfooter{
   background: url(../images/my-calendarcol-footer-bg.png) no-repeat !important;
}
.calendar .button-panel ul .active a,
.calendar .button-panel ul .active a:hover{
	color: #fff;
	background: url(../images/calendar-page-button-active.gif) no-repeat !important;
}
.calendar .main-content{
	width:680px;
	font-size:1.3em;	
}
.calendar .main-content .left{
	width:515px;
	float:left;
}
.calendar .main-content .right{
	float:right;
	width:165px;
}
.calendar .daycontainer{
	margin:0 0 15px 0;
	color:#195CA3;
}
.calendar .daycontainer ul{
	float:left;
}
.calendar .daycontainer ul li{
	display:inline;
}
.calendar .daycontainer ul li a{ 
	color:#195CA3;
}
.calendar .daycontainer ul li a.prev{
	background:url('../images/icon_prevarrow.gif') no-repeat left 2px;
	padding:0 6px 0 15px;
	border-right:1px solid #195CA3;
}
.calendar .daycontainer ul li a.next{
	background:url('../images/icon_nextarrow.gif') no-repeat right 2px;
	padding:0 15px 0 4px;
}
.calendar .daycontainer p{ 
	float:right;
	color:#195CA3 !important;
}
.calendar .block{
	border:1px solid #E7E7E7;
	padding:10px 5px;
	width:494px;
	margin:0 0 10px 0;
}
.calendar .block .box{
	width:247px;
	float:left;
}
.calendar .block .box h3{
	border-bottom:1px solid #E7E7E7;
}
.calendar .block h3,
.calendar .block  label{
	font-size:1.2em;
	padding:0 0 5px 0;
	font-family:'Lucida Grande', Arial,Verdana;
	color:#333;
	font-weight:bold;
}
.calendar .block-con{
	padding:10px 0 0 0;
}
.calendar .temp{
	padding:15px 0 0 15px;
	color:#195CA3;
	display:block;
	float:left;
	font-size:2.7em;
}
.calendar img.iconweather{
	display:block;
	float:left;
}
.calendar p.descweather{
	width:125px;
	color:#424242;
	clear:both;
	padding:10px 0 0 10px;
	line-height:1.3em;}
	
.calendar ul.list{
	padding:10px 0 0 0;}

.calendar ul.list li{
	color:#424242;
	list-style-type:disc;
	line-height:1.5em;
}

.calendar ul.list li a:link {
	color: #195CA3;
}

.calendar ul.list li a:visited {
	color: #195CA3;
}

.calendar ul.list li a:hover {
	color: #195CA3;
	text-decoration: underline;
}

.calendar ul.list li a:active {
	color: #195CA3;
}

.calendar ul.list li.divider{
	list-style-type:none !important;
	background:url('../images/bg_div.gif') top no-repeat;
	width:101px;
	height:1px;
	margin:7px 0 5px -12px;
}
.calendar ul.list li span{
	font-weight:bold;
}
.calendar label{
	display:block;
	float:left;
	padding-right:5px !important;
}
.calendar input.txtje,
.calendar input.txtqe{
	width:375px;
	padding:5px 2px;
	margin:0 8px 10px 0;
	border:1px solid #DBDBDB;
	display:block;
	float:left;
}
.calendar input.txtqe{
	width:310px !important;
}
.calendar fieldset{
	border:none !important;
}
.calendar .selectdatediv{
  	margin:10px 0 0 0;
    width:400px;
	clear:both;
	float:left;
}
.calendar .selectdatediv span{
	width:190px;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

.calendar .selectdatediv select{
	margin:0 4px 0 0;
}
.calendar ul.listsched li{
 	background:url('../images/bg_div.gif') left bottom no-repeat;
	padding:10px 0;
	margin-bottom:5px;
}


.calendar ul.listsched li.last{
	background:none !important;
}
.calendar ul.listsched li .eventdet{
	padding:0 0 10px 0;
	color:#195CA3;
}
.calendar ul.listsched li .eventdet span.time{
	padding:0 15px 0 0;
	font-weight:bold;
}
.calendar ul.listsched li .eventdet img{
	display:inline;
	padding:0 5px 0 0;
	vertical-align:bottom;
}
.calendar ul.listsched li .eventdesc{
	line-height:1.5em;
	color:#424242;
}
.calendar ul.listsched li .eventdesc em{
	display:block;
}
.calendar .mail-side-nav .active a,
.calendar .mail-side-nav .active a:hover{
	background:url(../images/calendar-side-nav-active.gif) repeat-x;
}
.calendar .photothumb{
	border:1px solid #E7E7E7;
	padding:5px 0;
	margin:10px 0 0 5px;
	background:#FFFFFF;
}
.calendar .photothumb img{
	display:block;
	margin:0 auto 5px auto;
}
.calendar .photothumb p{
	line-height:1.3em;
	font-size:1.8em;
	text-align:center;
	color:#195CA3;;
}
.calendar .photothumb p span{
	display:block;
}
.calendar .mail-side-nav {
	margin-top:5px;
}
.calendar .mail-side-nav li.first{
	border-top:none !important;
}
#mini-calendar{
  background:#FFF;
  width:145px;
  float:right;
  margin: 18px 0 25px 0;
  padding:0 0 10px 0;}

#mini-calendar-wrap{
  padding: 10px 0 0 0;}

#mini-calendar h4{
  color:#000;
  font-size:1em;
  font-weight:normal;}

#mini-calendar h4 span{
  padding: 0 10px;
  width:110px;
  text-align:center;
  display:block;
  float:left;}

#mini-calendar h4 img{
	display:block;
	float:left;}

#mini-calendar table{
  font-size:11px;
  margin:10px 0 0 0;
  border:none;
  clear:both;}

#mini-calendar table td,
#mini-calendar table th{
  padding: 5px 5px !important;
  text-align:center;}

#mini-calendar table .inactive{color:#9999AA;}
#mini-calendar table .yellow{background:#FEC63A;}
#mini-calendar table .blue{background:#7FCEFF;}

.calendar-subcontent{
  border:1px solid #9E6BC8;
  background:#FFFFFF;
  width:702px;
  margin-top:10px;}

.calendar-subcontent .title{
  background:#9E6BC8;
  padding:7px;}

.calendar-subcontent .title h3{
  color:#FFFFFF;
  font-size:21px;
  float:left;
  font-weight:normal;}

.calendar-subcontent ul{
  float:right;}

.calendar-subcontent ul li{
  display:inline;
  font-size:17px;}

.calendar-subcontent ul li a{
  color:#FFFFFF;
  padding:0 10px;
  border-right:1px solid #FFF;}
  
.calendar-subcontent ul li a.last{
  border-right:none;}

.calendar-subcontent .padded{
  padding:20px 15px 20px 20px;}

.calendar-subcontent .weatherblock{
  width:213px;
  float:left;}

.calendar-subcontent .weatherblock .temp img{
  float:left;}

.calendar-subcontent .weatherblock .temp p{
  display:block;
  float:left;
  padding:15px 0 0 10px;
  color:#9F6CCB;
  font-size:30px;}

.calendar-subcontent .weatherblock .temp p span{
  font-size:20px;}

.calendar-subcontent .weatherblock p.desc{
  clear:both;
  padding:10px 0 0 15px;
  font-size:13px;
  line-height:16px;
  font-size:14px;}

.calendar-subcontent .weatherblock p.desc span{
  display:block;}

.calendar-subcontent .newsblock{
  width:424px;
  float:right;}

.calendar-subcontent .newsentry{
  padding:17px 0 0 8px;}

.calendar-subcontent .newsentry p{
  font-size:14px;
  line-height:19px;}

.calendar-subcontent .newsentry p a{
  color:#000;
  padding:2px 0 2px 3px;
  display:block;}

.calendar-subcontent .newsentry p a:hover{
  font-weight:bold;
  background:#F5DA6F;}

.calendar-subcontent .newsblock h4,
.calendar-subcontent .weatherblock h4{
  border-bottom:1px solid #A9A9A9;
  padding:0 0 5px 0;
  font-size:14px;}

/* journal entry block */
.calendar-subcontent .jeblock,
.calendar-subcontent ul.calblock li{
  border-top:1px solid #9E6BC8;} 

.calendar-subcontent .jeblock label{
  color:#9F6CCB;
  padding:0 0 5px 0;
  font-size:17px;}
 
 .calendar-subcontent .jeblock .txtje{
  width:520px; }

 .calendar-subcontent .jeblock .locked{
   border:none;
   font-size:14px !important;
   background:none;
   color:#000;}

/* calendar details */  
.calendar-subcontent ul.calblock {
   float:none !important;}
 
 .calendar-subcontent ul.calblock li{
   display:block;
   padding:20px 15px 20px 20px;}
 
 .calendar-subcontent ul.calblock h4{
  font-size:21px;
  padding:0 0 25px 0; 
  font-weight:normal;}

 .calendar-subcontent ul.calblock li.active,
  .calendar-subcontent ul.calblock li:hover{
   background:#FAD678;}
  
.calendar-subcontent ul.calblock p.top span{
  display:block;
  float:left; 
  color:#9F6CCB;
  font-size:15px;}
 
.calendar-subcontent ul.calblock p.top span.time{
 width:155px;}

.calendar-subcontent ul.calblock p.top span.icon{
 width:57px;
 position:relative;
 top:-13px;
 margin-bottom:-5px;
 z-index:1;}

.calendar-subcontent ul.calblock p.top span.eventname{
 width:452px;}

.calendar-subcontent ul.calblock p.details{
  font-size:15px;
  width:463px;
  padding:15px 0 0 18px;}

.calendar-subcontent ul.calblock p.details a{
  color:#000;
  padding:0;
  border-right:none !important;}

.calendar-subcontent ul.calblock p.details span{
 display:block;
 padding:0 0 4px 0;}

/* table week */
.calendar-subcontent .tblweek{
  width:100%;}

.calendar-subcontent .tblweek tr td{
  width:50%;
  border:1px solid #A06AC8;
  border-width:0 1px 1px 0;
  padding:15px 10px;
  vertical-align:top;
  height:126px;}

.calendar-subcontent .tblweek tr td.colpic{
 padding:0 !important;
 background:none;}

.calendar-subcontent .tblweek tr td.lastcol{
  border-right:none;}

.calendar-subcontent .tblweek tr td.lastrow{
  border-bottom:none;}

.calendar-subcontent .tblweek tr td.active,
.calendar-subcontent .tblweek tr td:hover{
  background:#FAD678;}

.calendar-subcontent .tblweek tr.date td{
  background:#E0E0E0;
  padding:5px;
  height:21px;}

.calendar-subcontent .tblweek tr.date td p{
  font-size:14px;
  text-align:right;}

.calendar-subcontent .tblweek tr  p{
  font-size:15px;}

.calendar-subcontent .tblweek tr.date td p span{
  font-weight:bold;}

.calendar-subcontent .tblweek p.headevent,
.calendar-subcontent .tblweek p.timename{
  padding:0 0 10px 0;}

.calendar-subcontent .tblweek p.headevent span{
  display:block;
  float:left;}

.calendar-subcontent .tblweek p.headevent span.icon{
  width:40px;
  position:relative;
  top:-12px;
  margin-bottom:-6px;}

.calendar-subcontent .tblweek p.headevent span.name{
  width:270px;}

.calendar-subcontent .tblweek p.timename span{
  display:block;}

.calendar-subcontent .tblweek p.timename span.time{
  color:#9F6CCB;
  padding:0 0 3px 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-weight: bold;}

.calendar-subcontent .tblweek p.timename span.eventname{
  padding-left:15px;
  font-family: "Lucida Grande", Verdana, sans-serif;}

.calendar-subcontent .tblweek p.timename span.eventname a{
  padding-left: 15px;
  font-family: "Lucida Grande", Verdana, sans-serif;
  color: #333333;
}

/* event details */
.eventdetailsform {
  border-top:1px solid #9B72C1;
  padding:15px 0 0 10px;}
  
.eventdetailsform fieldset label{
  width:134px;
  float:left;
  display:block;
  font-size:14px;
  font-weight:bold;}

.eventdetailsform fieldset p{
  margin:0 0 45px 0;}

.eventdetailsform fieldset p.ins{
  margin-bottom:0;
  font-style:italic;
  font-size:15px;}

.eventdetailsform fieldset p span.check{
  width:120px;
  padding-right:15px;
  font-size:14px;
  vertical-align:top;
  color:#828282;}

.eventdetailsform fieldset textarea.txtnotes{
  width:520px;
  height:105px;}

/* table my calendar */
.tblmycalendar{
  width:702px;}

.tblmycalendar tr th, 
.tblmycalendar tr td{
  width:14%;
  border:1px solid #9E6BC8;
  border-width: 0 1px 1px 0;
  vertical-align:top;}

.tblmycalendar .last{
  border-right:none !important;}

.tblmycalendar tr th{
  padding:4px 6px;
  font-size:14px;
  background:#EBEBEB;
  font-weight:normal;
  text-align:left;}

.tblmycalendar tr td{
  padding:6px 3px 6px 10px;
  height:110px;}

.tblmycalendar tr.lastrow td{
  border-bottom:none !important;}

.tblmycalendar span.num{
  display:block;
  font-size:20px;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;}

.tblmycalendar .pn{
  color:#D5D5D5 !important;}

.tblmycalendar a{
  color:#9F6CCB;}

.tblmycalendar p{
  padding:5px 0 0 0;
  font-size:12px;}

.tblmycalendar p span{
  display:block;}

.tblmycalendar tr td.active,
.tblmycalendar tr td:hover{
  background:#FAD678;}

/* rsvp */
.rsvpcol{
  width:300px;
  float:left;
  padding-right:30px;}

.rsvpcol h3{
  width:256px;
  font-size:16px;
  border-bottom:1px solid #D9D9D9;
  font-weight:normal;
  padding:0 0 5px 0;}

.rsvpcol ul {
  padding:18px 0 0 0;
  float:none;}

.rsvpcol ul li{
  margin-bottom:20px !important;
  display:block;
  color:#666;
  font-size:14px;}

.rsvpcol ul li a{
 color:#666; }

.rsvpcol ul li img{
  float:left;
  padding-right:12px;}

.rsvpcol ul li span.name{
  float:left;
  padding-top:20px;}

/* add event form */
.neweventblock{
  padding:20px 0;}

.addeventform{
  margin:20px 0;
  font-size:15px;}
  
.addeventform  p{
  margin: 0 15px 30px 15px;
  position:relative;}

.addeventform label{
  width:94px;
  display:block;
  float:left;
  font-weight:bold;
  padding:3px 0 0 0;}

.addeventform .txtset{
  border:1px solid #B9B9B9;
  padding:4px 3px;
  margin-right:14px;
  float:left;
  font-size:14px;}

.addeventform .txtlong{
  width:537px;
  margin-right:0 !important;
  float:none !important;}

.addeventform .txtmonth{
  width:125px;}

.addeventform .txtsm{
 width:26px;}

.addeventform .txtdd{
  width:50px;}

.addeventform .txtyr{
  width:69px;}

.datebox {
display: block;
float: left;
}
span.iconmonth{
 background:url(../images/icon-month.jpg) 0 0 no-repeat;
 float:left;
 display:block;
 text-align:center;
 width:23px;
 height:14px;
 font-size:12px;
 padding:13px 0 0 0;
 margin-right:14px;}
 
span.iconmonth a{
  color:#666;}

.addeventform .btnclock{
  background:url(../images/icon-time.gif) 0 0 no-repeat;
  width:25px;
  height:25px;
  display:block;
  float:left;
  text-indent:-9999px;
  margin-right:14px;}

.addeventform span.to{
  display:block;
  float:left;
  margin:5px 10px 0 0;
  font-size:15px;
  font-weight:bold;}

.addeventform span.day{
  font-size:15px;
  padding:5px 0 0 0;
  display:block;
  float:left;}

.addeventform textarea.txtdetails{
  height:114px;
  width:537px;}

.addeventform p.share span{
  padding-right:15px;}

.addeventform p.adbook{
  padding-bottom:130px;}

.addeventform .txtadbook{
  width:440px;}

.addeventform .popblock{
  border-top:1px solid #9E6BC8;
  padding:15px;}

.addeventform .popblock .content{
  float:left;
  width:540px;}

.addeventform .popblock .content p{
  padding:5px 0 !important;
  margin:0;}

.addeventform .popblock .lblshort{
  width:55px;}

.addeventform .popblock .content span.endon{
  display:block;
  float:left;
  margin-right:10px; }

.addeventform .popblock  p.btnclose{
  display:block;}

p.btnopenclose{background:url(../images/btn-open.gif) 0 0 no-repeat;width:47px;height:14px;text-indent:-9999px;}
.open .btnopenclose {background:url(../images/btn-close.gif) 0 0 no-repeat;width:47px;height:14px;text-indent:-9999px;}
.btn-active{background:url(../images/btn-close.gif) 0 0 no-repeat !important;width:47px;height:14px;}  
  

.link {
	cursor: pointer;
}

.login_as_user {
	margin: 10px 0 10px 0;
	font-family: Helvetica, sans-serif;
	font-size: 14px;	
	margin-left: 200px;

}

.login_as_user a:link {
	text-decoration: none;
	color: #000;
	background-color: #cccccc;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #bbbbbb;
}

.login_as_user a:visited {
	text-decoration: none;
	color: #000;
	background-color: #cccccc;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #bbbbbb;

}


.login_as_user a:hover {
	text-decoration: underline;
	color: #000;
	background-color: #fece5c;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #aaaaaa;

}

.login_as_user a:active {
	text-decoration: none;
	color: #000;
	background-color: #cccccc;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #bbbbbb;

}