
/* Custom CSS */

@font-face { font-family:"MyriadPro-Regular"; src:url(./font/MyriadPro-Regular.otf); }
@font-face { font-family:"MyriadPro-Bold"; src:url(./font/MyriadPro-Bold.otf); }
@font-face { font-family:"MyriadPro-BoldCond"; src:url(./font/MyriadPro-BoldCond.otf); }
@font-face { font-family:"MyriadPro-BoldCondIt"; src:url(./font/MyriadPro-BoldCondIt.otf); }
@font-face { font-family:"MyriadPro-BoldIt"; src:url(./font/MyriadPro-BoldIt.otf); }
@font-face { font-family:"MyriadPro-Cond"; src:url(./font/MyriadPro-Cond.otf); }
@font-face { font-family:"MyriadPro-CondIt"; src:url(./font/MyriadPro-CondIt.otf); }
@font-face { font-family:"MyriadPro-It"; src:url(./font/MyriadPro-It.otf); }
@font-face { font-family:"MyriadPro-Semibold"; src:url(./font/MyriadPro-Semibold.otf); }
@font-face { font-family:"MyriadPro-SemiboldIt"; src:url(./font/MyriadPro-SemiboldIt.otf); }

.tufts-fullsite-bar {
	background-image:url('./img/viewfullsite_bar_new.png') ;
	height:25px;
}

a.topbar {
   	text-decoration: none;
	font-family:MyriadPro-Semibold;
   	color:#0266A3;
	font-size :14px;
	vertical-align: middle;
}

.imgStyle {
	margin : 4px 8px 8px 8px;
	vertical-align: middle;
}

.sitelogo {
	background:#ffffff url('./img/Neighbor_logo_mini.png') no-repeat center;
	height:59px;
	float:center;
}

.loginCredentials {
	background-image:url('./img/background_gradient_blue.png') ;
	height:178px;
	float:center;
}


input:focus{
    outline: none;
}

.shadow {
	-webkit-box-shadow:  0px 1px 0px  #C4C4C4;
	box-shadow:  0px 1px 0px	#C4C4C4;
}

input.ui-input-text {width: 270px; height:32px; }

.loginimage
{
	background :url('./img/login_panel.png') 	no-repeat center;
	
}

input.ui-input-text::-webkit-input-placeholder {
    color:    #939393;
}
input.ui-input-text::-moz-placeholder {
    color:    #939393;
}

.ui-input-userid
{
         border-top : 1px solid #B7B7B7;
         border-left : 1px solid #B7B7B7;
         border-right : 1px solid #B7B7B7;
         border-bottom : 0px;
         padding:0px 10px  0px 10px;
         outline : none;
         font-family:MyriadPro-Semibold;
         color:#6A6A6A;
         font-size :17px;
         background-image: -webkit-gradient(linear, left top, left bottom, from( #FFF ), to( #FFF )); /* Saf4+, Chrome */
         background-image: -webkit-linear-gradient(#FFF , #FFF );
         margin : 14px 14px -1px 14px; /* ROBERT */
         -webkit-border-radius:0; /* ROBERT */
}


.ui-input-password
{
		 border-top : 0px;
         border-bottom : 1px solid #B7B7B7;
         border-left : 1px solid #B7B7B7;
         border-right : 1px solid #B7B7B7;
         padding:0px 10px  0px 10px;
         font-family:MyriadPro-Semibold;
         color:#6A6A6A;
         font-size :17px;
         outline : none;
         background-image: -webkit-gradient(linear, left top, left bottom, from( #D1D1D1 ), to( #F5F5F5 ));
         background-image: -webkit-linear-gradient(#D1D1D1 , #F5F5F5 );
         margin : 0px 14px 10px 14px;
         -webkit-border-radius:0; /* ROBERT */
 
}


.ui-btn-up-i,
.ui-btn-hover-i
{
	
	width : 290px;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	line-height : 95%;
	text-align : center;
	text-shadow: 0px -1px #555;
	font-family:MyriadPro-SemiBold;
	margin: 0px 14px 0px 14px;
	border: 1px solid  #006600 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #70CF3C ), to( #599F20 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#70CF3C , #599F20); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#70CF3C , #599F20);
	-webkit-box-shadow:  0px 5px 0px  #000;
	box-shadow:  0px 5px 0px	#000;
	
}
.ui-btn-down-i 
{
	
	width : 290px;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	line-height : 95%;
	text-align : center;
	text-shadow: 0px -1px #555;
	font-family:MyriadPro-SemiBold;
	margin: 0px 14px 0px 14px;
	border: 1.5px solid  #447C1B /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #599F20 ), to( #70CF3C )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#599F20 , #70CF3C); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#599F20 , #70CF3C);
}


.info {
	color: 	#666 ;
	font-size : 12px;
	line-height : 70%;
	text-align : center;
	font-family:MyriadPro-SemiboldIt;
	margin: 8px;
}

.help {
	color: 	#0479BF ;
	  text-decoration: none;
	font-size : 13px;
	text-align : center;
	font-family:MyriadPro-Semibold;
	margin: 14px;
	line-height : 50%;
}


.regBackground {
	background-image:url('./img/register_bg_nobottomboarder.png');
	height:60px;
	float:center;
}

.ui-btn-up-j,
.ui-btn-hover-j
{
	-webkit-box-shadow:  0px 5px 0px  #000;
	box-shadow:  0px 5px 0px	#000;
}

.ui-btn-up-j,
.ui-btn-hover-j
{
	width : 290px;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	line-height : 95%;
	text-align : center;
	text-shadow: 0px -1px #555;
	font-family:MyriadPro-SemiBold;
	margin: 10px 14px 10px 14px; 
	border: 1px solid  #5B97D2 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #A2c6ea ), to( #5B97D2 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#A2c6ea , #5B97D2); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#A2c6ea , #5B97D2);

}

.ui-btn-down-j 
{
	width : 290px;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	line-height : 95%;
	text-align : center;
	text-shadow: 0px -1px #555;
	font-family:MyriadPro-SemiBold;
	margin: 10px 14px 10px 14px; 
	border: 1px solid  #5B97D2 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5B97D2 ), to( #A2c6ea )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#5B97D2 , #A2c6ea); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#5B97D2 , #A2c6ea);

}

.actionButtonArrow {
	background-image:url('./img/action_button1.png');
	height:35px;
}

a.bottombar{
   display: block;
   text-decoration: none;
   font-family:MyriadPro-bold;
   color:#666;
   font-size :17px;
   text-align: left;
   padding  :6px 0px 100px 14px;
   float:left;
  
}

.rightArrow
{
	float: right;
	margin  :8px 8px 8px 0px;
}


.ui-btn-up-i a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bup-color}*/;
}


.ui-btn-hover-i a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bhover-color}*/;
}

.ui-btn-down-i a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bdown-color}*/;
}

/** **/
.ui-btn-up-k,
.ui-btn-hover-k
{	
	height : 35px;
	color: 	#666 ;
	font-size : 17px;
	line-height : 70%;
	font-family:MyriadPro-Bold;
	border: 1px solid  #E4E4E4 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFF ), to( #EBEBEB )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FFF , #EBEBEB); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#FFF , #EBEBEB);
	
}
.ui-btn-up-k a.ui-link-inherit,
.ui-btn-hover-k a.ui-link-inherit{
	color: 					#666 /*{c-bup-color}*/;
}

.ui-btn-down-k
{
	height : 35px;
	font-size : 17px;
	line-height : 70%;
	font-family:MyriadPro-Bold;
	margin: 0px 14px 0px 1px;
	border: 1px solid  #E4E4E4 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #EBEBEB ), to( #FFF )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#EBEBEB , #FFF); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#EBEBEB , #FFF);
}

.ui-btn-down-k a.ui-link-inherit
{
	color: 					#666 /*{c-bup-color}*/;
}

.ui-bar-i .ui-link-inherit {
	color: 	#3E3E3E /*{c-bar-color}*/;
}
.ui-bar-i .ui-link {
	color: #7cc4e7 /*{c-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-i .ui-link:hover {
	color: #2489CE /*{c-bar-link-hover}*/;
}

.ui-bar-i .ui-link:active {
	color: #2489CE /*{c-bar-link-active}*/;
}

.ui-bar-i .ui-link:visited {
    color: #2489CE /*{c-bar-link-visited}*/;
}

.ui-bar-i,
.ui-bar-i input,
.ui-bar-i select,
.ui-bar-i textarea,
.ui-bar-i button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.homeTopbarBG
{	
	height : 40px;
	margin: 0;
	border: 1px solid  #01649E /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #15A8FF ), to( #006FB0 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#15A8FF , #006FB0); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#15A8FF , #006FB0);
}

.imgStyle1 {
	padding : 8px 0px 8px 8px;
	vertical-align: middle;
	width : 10%
}


.width10
{
	width : 10%
}

.homeTitle
{
	height : 20px;
	color: 	#fff ;
	font-size : 20px;
	line-height : 100%;
	vertical-align: middle;
	font-family:MyriadPro-Bold;
	padding : 10px 0px 10px 0px;
	text-align:center;
	
}

.userInfoBG
{	
	height : 62px;
	margin: 0;
	background-image:url('./img/home_bg_topcontentarea.png');
	float:center;
}

.notifications
{	
	background :url('./img/notifications_icon_novalue.png') no-repeat right;
}
.notificationText
{
	color: 	#FFF ;
	font-size :14px;
	text-align : right;
	font-family:MyriadPro-Bold;
	padding : 0px 4px 10px 0px;
	line-height:100%;
}
.padding2
{
	padding: 0 0 2px 0;
}
a.no_bottomline
{
   	text-decoration: none;

}
.textRight
{
	text-align:right;
	padding : 4px 8px 0px 0px;
}
.textCenter
{
	text-align:center;
	padding : 4px 8px 0px 0px;
}

.planName
{
	color: 	#757575 ;
	font-size : 15px;
	line-height : 70%;
	text-align : left;
	font-family:MyriadPro-Bold;
	padding : 8px 0px 0px 8px;
}


.registerName
{
	color: 	#3e62a5 ;
	font-size : 12px;
	line-height : 100%;
	text-align : left;
	font-family:MyriadPro-Normal;
	padding : 8px 14px 6px 8px;
}


.userName
{
	color: 	#067FC5 ;
	font-size : 21px;
	line-height : 70%;
	text-align : left;
	font-family:MyriadPro-SemiBold;
	padding:  8px 0px 0px 8px;
}
 
.userID
{
	color: 	#067FC5 ;
	font-size : 21px;
	line-height : 100%;
	text-align : right;
	font-family:MyriadPro-SemiBold;
	padding: 8px;
}

.width100
{
	width:100%;
}
 
.PCPInfoBG
{	
	height : 170px;
	margin: 0;
	background-image:url('./img/home_bg_bottomcontentarea.png');
	float:center;
}



.padding20
{
	padding:10px;
}

.mpsb12
{
	color: 	#595959 ;
	font-size : 12px;
	text-align : left;
	font-family:MyriadPro-SemiBold;
	padding: 5px 0px 0px 14px;
}

.mpr12
{
	color: 	#595959 ;
	font-size : 12px;
	text-align : left;
	font-family:MyriadPro-Regular;
	padding: 5px 0px 0px 14px;
}
.mpr12Right
{
	color: 	#595959 ;
	font-size : 12px;
	text-align : left;
	font-family:MyriadPro-Regular;
	padding: 5px 14px 0px 14px;
}


.mpsb15
{
	color: 	#595959 ;
	font-size : 15px;
	text-align : left;
	font-family:MyriadPro-SemiBold;
	padding: 14px 0px 0px 14px;
}

#container { display: table;  margin :0px;  padding : 0px; }
#row { display: table-row; }
#left, #right, #middle { display: table-cell; }

.ui-btn-up-l,
.ui-btn-hover-l
{	
	width : 100%;
	height : 30px;
	color: 	#333 ;
	font-size : 16px;
	font-family:MyriadPro-Regular;
	vertical-align:middle;
	margin:0px;
	text-shadow:none;
	text-align:left;
	line-height:100%;
	text-decoration:none;
	padding:0px 0px 0px 8px;
	border: 1px solid  #979797 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f2f2f2 ), to( #c4c4c4 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f2f2f2 , #c4c4c4); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#f2f2f2 , #c4c4c4);
	
}
.ui-btn-up-l a.ui-link-inherit,
.ui-btn-hover-l a.ui-link-inherit{
	color: 					#333 /*{c-bup-color}*/;
	line-height:50%;
	
	
}

.ui-btn-down-l
{	
	width : 100%;
	height : 30px;
	color: 	#333 ;
	font-size : 16px;
	font-family:MyriadPro-Regular;
	padding:0px 0px 10px 0px;
	vertical-align:middle;
	text-shadow:none;
	line-height:100%;
	text-decoration:none;
	border: 1px solid  #979797 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( # ), to( #f2f2f2 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#c4c4c4 , #f2f2f2); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#c4c4c4 , #f2f2f2);
	
}
.ui-btn-down-l a.ui-link-inherit,
.ui-btn-down-l a.ui-link-inherit{
	color: 					#333 /*{c-bup-color}*/;
	line-height:50%;
	
}

.ui-btn-up-m,
.ui-btn-hover-m
{	
	
	text-align : center;
	text-shadow: 0px -1px #555;
	margin: 10px 14px 10px 14px; 
	width : 100%;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	font-family:MyriadPro-Bold;
	line-height:95%;
	border: 1px solid  #DF700 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FF9900 ), to( #D77100 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FF9900 , #D77100); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#FF9900 , #D77100);
	
}
.ui-btn-up-m a.ui-link-inherit,
.ui-btn-hover-m a.ui-link-inherit{
	color: 					#FFF /*{c-bup-color}*/;
	
}

.ui-btn-down-m
{	
	//line-height : 30%;
	text-align : center;
	text-shadow: 0px -1px #555;
	margin: 10px 14px 10px 14px; 
	width : 100%;
	height : 35px;
	color: 	#FFF ;
	font-size : 20px;
	font-family:MyriadPro-Bold;
	line-height:50%
	border: 1px solid  #DF700 /*{c-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #D77100 ), to( #FF9900 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#D77100 , #FF9900); /* Chrome 10+, Saf5.1+ */
	background-image:         linear-gradient(#D77100 , #FF9900);
	
}
.ui-btn-up-m a.ui-link-inherit,
.ui-btn-hover-m a.ui-link-inherit{
	color: 					#FFF /*{c-bup-color}*/;
}

.fieldcontain1
{
	padding:20px 14px 0px 14px;
	width : 290px;
}

.middleMargin1
{
	height:8px;
}

.middleMargin2
{
	height:8px;
}


.ui-bar-l {
	border: 1px solid 		#777 /*{a-bar-border}*/;
	background: 			#888 /*{a-bar-background-color}*/;
	color: 				#FFF /*{a-bar-color}*/;	
	
}
