html, body {
height: 100%;
margin: 0;
padding: 0;
}
body, table, form {
font-size: 13px;
font-family: Arial, sans-serif;
margin: 0;
border: 0;
padding: 0;
}
div.error {
color: Crimson !important;
}
img {
border: none;
}
p {
margin: 6px 0 6px 0;
font-size: 13px;
line-height: 1.35em;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
select, input, textarea {
background-color: #fff;
color: #000;
font-size: 12px;
}
#container {
width: 100%;
background: url(bg/bg_sides.jpg) no-repeat center top;
}
.main {
position: relative;
width: 900px;
margin: 0 auto;
padding-top: 11px;
background: #8bc140 url(bg/horizon.jpg) no-repeat top left;
}
.header {
height: 80px;
overflow: hidden;
padding-left: 50px;
padding-right: 50px;
}
#logo {
border: 0;
margin-top: 4px;
}
.topmenu {
float: right;
margin-top: 17px;
width: 495px;
height: 60px;
}
.topmenu .button {
border-width: 0 1px 1px 0;
border-color: rgb(49, 159, 222);
border-style: solid;
padding: 9px 1px 10px 0;
margin-left:3px;
float: left;
}
.topmenu .button a, .topmenu .button a:hover {
text-decoration: none;
color: white;
font-size: 14px;
font-family: Arial, sans-serif;
font-weight: bold;
padding: 8px;
border: 1px solid rgb(175, 218, 238);
}
.topmenu .button a:hover {
color: rgb(49, 159, 222);
background-color: white;
}
.topmenu .submenu {
text-align: right;
display: none;
margin-top: 6px;
}
.topmenu .submenu a {
color: white;
margin-left: 5px;
margin-right: 3px;
}
.footer {
background: url(bg/sandbox.jpg) no-repeat left top;
color: #af570f;
height: 159px;
overflow: hidden;
padding: 40px 50px 0 50px;
margin-top: 30px;
}
.footer .copyright {
width: 230px;
float: left;
font-size: 11px;
margin-top: 80px;
}
.footer .links {
margin-top: 10px;
width: 470px;
float: right;
}
.footer .links .column {
float: left;
margin-right: 40px;
margin-top: 20px;
line-height: 18px;
}
.footer .links .logos {
float: right;
margin-right: 20px;
}
.footer .links a, .footer .copyright a, .footer a {
color: #af570f;
text-decoration: underline;
}
.footer .links a:hover, .footer .copyright a:hover, .footer a:hover {
color: #af570f;
text-decoration: underline;
}
.content-wide {
width: 760px;
margin: 30px 50px 10px 50px;
padding: 20px;
background-color: white;
color: black;
}
/* updated:mvergel */
#pSearchResults .content-wide{
margin: 70px 50px 10px 50px;
}
.bottom-wide {
width: 800px;
margin-left: 50px;
margin-top: 30px;
}
.content-home {
width: 800px;
margin: 20px 0 50px 50px;
color: white;
}
.content-home .form {
width: 325px;
height: 220px;
float: left;
}
.content-home .form h1 {
color: white;
font-size: 28px;
font-weight: bold;
margin: 0px;
border: 0px;
padding: 0px;
height: 40px;
}
.content-home .form a, .content-home .intro a {
color: white;
}
.content-home .form input {
border: none;
height: 26px;
width: 294px;
color: rgb(68, 180, 230);
font-size: 22px;
padding: 3px;
border: 0 1px 1px 0 solid #GGGGGG;
}
.content-home .intro {
width: 413px;
height: 273px;
margin-right: 37px;
float: right;
background: url(pics/family.jpg) no-repeat right 98px;
}
.content-home .intro h1 {
color: white;
font-size: 18px;
font-weight: bold;
}
.content-narrow {
width: 550px;
margin: 30px 50px 10px 50px;
padding: 20px;
color: black;
}
.bottom-narrow {
width: 590px;
margin-left: 50px;
margin-top: 30px;
}
.rightnav {
float: right;
width: 170px;
margin-right: 50px;
margin-top: 21px;
}
#navboxesHome {
overflow: hidden;
}
#navboxesHome .navbox {
padding-bottom: 32767px;
margin-bottom: -32759px;
}
.navbox {
padding: 8px;
margin-top: 10px;
background: url(bg/box_white.png) repeat;
font-size: 11px;
color: #222222;
}
.navbox a {
font-size: 12px;
color: #2090C2;
}
.navbox .navboxEvent {
margin-left: 12px;
position: relative;
}
.navbox .navboxEvent div {
position: absolute;
top: 0px;
left: -10px;
}
.navbox .navboxDate {
margin: 4px 0 4px 12px;
}
#seeEventsButton, .pushbutton {
padding: 1px;
width: 122px;
height: 18px;
margin-top: 13px;
background-color: #2997da;
}
.pushbutton {
margin-bottom: 3px;
}
#seeEventsButton a, .pushbutton a {
border: 1px solid #fff;
width: 120px;
height: 16px;
display: block;
color: #fff;
font-size: 11px;
line-height: 16px;
text-align: center;
text-decoration: none;
}
.pushbutton a {
width: auto;
}
.navbox h3, h3.wb, h3.wbt {
background-color: rgb(68, 180, 230);
color: white;
font-weight: bold;
font-size: 11px;
padding: 3px 10px;
text-transform: uppercase;
margin: 0px 0px 3px 0px;
}
h3.bw {
background-color: white;
color: rgb(68, 180, 230);
font-weight: bold;
font-size: 11px;
padding: 3px 10px;
text-transform: uppercase;
margin: 0px 0px 3px 0px;
}
h3.wbt {
background: url(bg/white-triangle.gif) bottom left no-repeat;
background-color: rgb(68, 180, 230);
text-align: right;
}
.content-wide a, .content-narrow a, .content-wide p a {
color: rgb(68, 180, 230);
}
.featurebox-blue, .featurebox-gold {
padding: 10px;
margin-top: 10px;
}
.featurebox-blue {
background: url(bg/box_blue.png) repeat;
color: white;
}
.featurebox-blue a {
color: white;
}
.featurebox-gold {
background: url(bg/box_yellow.gif) repeat;
color: #222222;
}
.content-home .featurebox-gold {
margin-top: 40px;
}
.featurebox-gold a {
color: #2090C2;
}
.blue {
color: #44B4E6;
}
h1 {
font-size: 18px;
font-weight: bold;
font-family: Arial, sans-serif;
color: rgb(114, 170, 48);
padding: 0;
border: 0;
margin: 8px 0 8px 0;
}
.input, select {
border: 1px solid #2997da;
padding: 1px;
height: 20px;
font-size: 12px;
}
input[type=text] {
border: 1px solid #2997da;
padding: 1px;
height: 20px;
font-size: 13px;
width: 185px;
}
textarea {
border: 1px solid #2997da;
padding: 1px;
height: 130px;
font-size: 13px;
width: 360px;
}
.even, .odd {
margin-bottom: 1px;
}
.odd {
background-color: rgb(234, 244, 227);
}
.even {
background-color: rgb(247, 251, 244);
}
a.button, a.buttonSelected, a.button:hover, a.buttonSelected:hover {
padding: 8px;
border: 1px solid #BBBBBB;
background-color: #EEEEEE;
color: #444444;
text-decoration: none;
}
a.buttonSelected, a.buttonSelected:hover {
background-color: #BBBBBB;
}
h3.collapsed, h3.expanded {
background-position: 130px 1px;
background-repeat: no-repeat;
}
h3.collapsed {
background-image: url(buttons/triangle-left.gif);
}
h3.expanded {
background-image: url(buttons/triangle-down.gif);
}
.collapsed .navboxEvent {
display: none;
}
input[type="checkbox"], input[type="radio"] {
background: none;
}
#library {
background-color: #f7fbf4;
border: 1px solid #75ba44;
}
.librarySpacer {
background-color: #fff;
border: 1px solid #CCC;
border-width: 1px 0;
}
.libraryItem td {
background-color: #eaf4e3;
}
/************************************************
* NEW NAVIGATION
************************************************/
/* USEFULL CLASSES */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
.eqHeightWrapper {
clear:both;
overflow:hidden;
}
.eqHeight {
margin-bottom:-32767px;
padding-bottom:32767px;
}
#container {
background:url(../_new_nav/images/bg/bg_sides.jpg) no-repeat scroll center top transparent;
width:100%;
}
.main {
background:url(../_new_nav/images/bg/horizon.jpg) no-repeat scroll left top #71a82f;
}
.content-home .form {
/* asta e mai important decat cel din index_new */
background:url("../_new_nav/images/pics/family.jpg") no-repeat scroll right 98px transparent !important;
}
.header {
overflow: visible;
}
#nav {
position: absolute;
right: 30px;
top: 30px;
width: 540px;
z-index: 20000;
}
#nav .button {
position: relative;
z-index: 1;
}
#nav .button a.butA {
height: 38px;
background: url(../_new_nav/images/menu/button_states.png) no-repeat left top;
display: block;
float: left;
text-indent: -9999em;
margin-right: 7px;
}
#nav #topmenu-home a.butA {
width: 63px;
background-position: left top;
}
#nav #topmenu-home.active a.butA {
background-position: left -38px;
}
#nav #topmenu-home a.butA:hover, #nav #topmenu-home a.butA.hover {
background-position: left -76px;
}
#nav #topmenu-for-parents a.butA {
width: 117px;
background-position: -70px top;
}
#nav .active#topmenu-for-parents {
background-position: -70px -38px;
}
#nav #topmenu-for-parents a.butA:hover, #nav #topmenu-for-parents a.butA.hover {
background-position: -70px -76px;
}
#nav #topmenu-for-practitioners a.butA {
width: 155px;
background-position: -193px top;
}
#nav #topmenu-for-practitioners.active a.butA {
background-position: -193px -38px;
}
#nav #topmenu-for-practitioners a.butA:hover, #nav #topmenu-for-practitioners a.butA.hover {
background-position: -193px -76px;
}
#nav #topmenu-help a.butA {
width: 64px;
background-position: -353px top;
}
#nav #topmenu-help.active a.butA {
background-position: -353px -38px;
}
#nav #topmenu-help a.butA:hover, #nav #topmenu-help a.butA.hover {
background-position: -353px -76px;
}
#nav #topmenu-contact a.butA {
width: 79px;
background-position: right top;
}
#nav #topmenu-contact.active a.butA {
background-position: right -38px;
}
#nav #topmenu-contact a.butA:hover, #nav #topmenu-contact a.butA.hover {
background-position: right -76px;
}
#nav .hasSubMenu a.butA.hover {
border-bottom: 2px solid #fff;
}
#nav .submenu {
display: none;
width: 300px;
padding: 10px 10px 10px 10px;
position: absolute;
left: 52px;
top: 43px;
background: #fff;
color: #666;
font-size: 11px;
z-index: 50000;
}
#nav #topmenu-for-parents .submenu {
left: 57px;
}
#nav #topmenu-for-practitioners .submenu {
left: 187px;
}
#nav #topmenu-help .submenu {
left: 187px;
}
#nav .submenu a {
color: #44b4e6;
}
#nav .submenu .top {
width: 320px;
height: 3px;
background: url(../_new_nav/images/menu/submenu/top.png) no-repeat left top;
position: absolute;
top: -3px;
left: 0;
}
#nav .submenu .bottom {
width: 320px;
height: 6px;
background: url(../_new_nav/images/menu/submenu/bottom.png) no-repeat left top;
position: absolute;
bottom: -6px;
left: 0;
}
#nav .submenu table, #nav .submenu tr, #nav .submenu td {
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
}
#nav .submenu table td {
height: 26px;
line-height: 26px;
}
#nav .submenu table img, #nav .submenu table img {
margin: 5px 7px 5px 0;
float: left;
clear: left;
}
.fancyBox {
width: 340px;
padding: 14px 20px 0;
margin: 56px 0 6px 0;
background: #fff;
position: relative;
color: #666;
}
.fancyBoxWide {
width: 760px;
}
.fancyBox a {
color: #666;
}
.fancyBox h1 {
color: #44b4e6;
margin: 0;
line-height: 49px;
font-size: 20px;
background: url(../_new_home/images/box-top.png) no-repeat left top;
height: 56px;
width: 360px;
padding-left: 20px;
position: absolute;
left: 0;
top: -56px;
margin: 0;
}
.fancyBoxWide h1 {
width: 780px;
background: url(../_new_home/images/box-top-wide.png) no-repeat left top;
}
.fancyBox .bottom {
background: url(../_new_home/images/box-bottom.png) no-repeat left bottom;
height: 6px;
width: 380px;
position: absolute;
left: 0;
bottom: -6px;
}
.fancyBoxWide .bottom {
width: 800px;
background-image: url(../_new_home/images/box-bottom-wide.png);
}
.fancyBox .left {
width: 360px;
float: left;
padding-right: 20px;
border-right: 1px solid #addef4;
}
.fancyBox .right {
width: 360px;
float: right;
}
.fancyBox .row {
clear: both;
margin-bottom: 30px;
background: #fff;
}
.fancyBox .row h2 {
color: #72aa30;
font-size: 18px;
margin: 0 0 10px;
}
#pHome .fancyBox .row img {
float: left;
width: 32px;
height: 32px;
margin-right: 20px;
}
.fancyBox .row .but img {
float: right;
margin-left: 15px;
clear: right;
}
.fancyBox .row div {
clear: both;
}
#pHome .fancyBox .row div {
float: right;
width: 288px;
clear: right;
}
.fancyBox .row div p {
margin-top: 0;
}
/************************************************
* CALENDAR LISTINGS/SERCH RESULTS
************************************************/
#pAddEvent .content-wide, #pNewsletter .content-wide, #pAds .content-wide, #pResources .content-wide {
background: none;
margin: 0 0 10px 50px;
padding: 20px 0 0;
width: 800px;
}
#pCalendar .content-narrow {
color:#fff;
margin:20px 0 50px 50px;
padding: 0;
/* width:800px; */
}
#pCalendar .content-narrow .clearfix {clear:none;}
#pCalendar .content-narrow .fancyBoxWide {
background:#fff;
color:#666;
float:left;
font-size:12px;
margin:56px 0 0;
padding:14px 20px 0;
position:relative;
width:540px;
}
#pCalendar .content-narrow .fancyBoxWide h1 {
background: url(../_new_home/images/box-top-wide.png) no-repeat left top;
color:#44B4E6;
font-size:20px;
height:56px;
left:0;
line-height:49px;
margin:0;
padding-left:20px;
position:absolute;
text-transform:capitalize;
top:-56px;
width:560px;
}
#pCalendar .content-narrow a.light_blue {
color:#2997da;
text-decoration:underline;
}
#pCalendar .content-narrow a.light_blue:hover {text-decoration:none;}
#pCalendar .content-narrow h2 {
border-top:1px solid #ADDEF4;
color:#72AA30;
font-size:18px;
font-weight:bold;
margin:13px 0 4px;
padding-top:9px;
text-decoration:underline;
}
/*Search box*/
div.item_wrap {
clear:both;
float:left;
margin:8px 0;
width:540px;
}
div.box_bottom_wide {
background:url(calendar/box-bottom-wide.png) no-repeat 0 0;
display:block;
bottom:-24px;
height:24px;
left:0;
position:absolute;
width:580px;
}
div.item_info_left {
float:left;
width:290px;
}
div.item_info_right{
float:left;
width:250px;
}
div.item_info_right a {
color:#72aa30;
text-decoration:underline;
}
div.item_info_right a:hover {text-decoration:none;}
p.region {
background:url(icons/map.png) no-repeat top left;
padding-left:25px;
}
p.price {
background:url(icons/money_dollar.png) no-repeat top left;
padding-left:25px;
}
p.calendar {
background:url(icons/date.png) no-repeat top left;
padding-left:25px;
}
p.phone {
background:url(icons/phone.png) no-repeat top left;
padding-left:25px;
}
/* added:mvergel */
#pResources .content-wide div.form {
clear:both;
float:left;
margin-top:5px;
width:540px;
position: relative;
}
#pCalendar .content-narrow div.form {
clear:both;
float:left;
margin-top:5px;
width:540px;
position: relative;
}
#pCalendar .content-narrow div.selectbox-wrapper {
background-color: #fff;
color:#999;
font-size:13px;
height:auto;
left:235px;
margin:0;
overflow: auto;
overflow-x: hidden;
position:absolute;
text-align:left;
top:31px;
width: 204px !important;
z-index:20;
border: 1px solid #ccc;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper {
background-color: #fff;
color:#999;
font-size:13px;
height:auto;
left:5px;
margin:0;
overflow: auto;
overflow-x: hidden;
position:absolute;
text-align:left;
top:31px;
width: 204px !important;
z-index:20;
border: 1px solid #ccc;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper ul,
#pCalendar .content-narrow div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper ul li.selected,
#pCalendar .content-narrow div.selectbox-wrapper ul li.selected {
background-color: #72AA30;
color: #fff;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper ul li.current,
#pCalendar .content-narrow div.selectbox-wrapper ul li.current {
background-color: #44B4E6;
color: #fff;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper ul li,
#pCalendar .content-narrow div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
/* updated:mvergel */
#pResources .content-wide div.selectbox-wrapper ul li.groupname,
#pCalendar .content-narrow div.selectbox-wrapper ul li.groupname {
font-style: italic;
font-weight: bold;
font-size: smaller;
cursor: default;
}
/* updated:mvergel */
#pResources .content-wide .form input.fancyFormText,
#pCalendar .content-narrow .form input.fancyFormText {
background: url(calendar/calendar-form-text-field-bg.png) no-repeat 0 0;
border:none;
color:#999;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:27px;
line-height:27px;
margin-right:6px;
padding:3px 10px;
width: 205px;
}
/* updated:mvergel */
#pResources .content-wide .form .selectbox,
#pCalendar .content-narrow .form .selectbox {
background:url(calendar/form-dropdown-bg.png) no-repeat scroll 0 0 transparent;
border:none;
color:#333;
cursor:pointer;
float:left;
font-size:13px;
height:34px;
line-height:34px;
padding:0 38px 0 10px;
width:168px !important;
}
/* updated:mvergel */
#pResources .content-wide a#buttonSearchNotice,
#pCalendar .content-narrow a#buttonSearchNotice {
background:url(calendar/form-search-button.png) no-repeat;
display:block;
float:left;
height:47px;
margin-left:5px;
text-indent:-9999em;
width:88px;
}
/* updated:mvergel */
#pResources .content-wide a#buttonSearchNotice:hover,
#pCalendar .content-narrow a#buttonSearchNotice:hover {
background-position: left -47px;
}
/* updated:mvergel */
#pResources .content-wide a#buttonSearchNotice:active,
#pCalendar .content-narrow a#buttonSearchNotice:active {
background-position: left -94px;
}
/* Right Navigation*/
/* added more top margin and padding */
/* updated:mvergel */
#add_new_event {
background:url(bg/add_event_bg.png) repeat;
padding:15px 5px 17px;
margin: 50px 0px 25px;
}
#add_new_event h4 {
color:#fff;
font-size:18px;
font-weight:bold;
margin:0 0 10px;
}
/* modified to emphasize Add Your... area more */
/* updated:mvergel */
#add_new_event a {
background:url(icons/add-your-parenting-event-transparent.png) no-repeat 0 0;
color:#fff;
display:block;
padding-left:38px;
padding-top: 7px;
font-size:16px;
font-weight: bold;
height:27px;
color:#2997da;
text-decoration:none;
}
#add_new_event a:hover {text-decoration:none;}
/* Practioner Directory Listing Registration Page*/
#pRegistration h1,
#pProfile h1,
#pProfileEdit h1 {
color:#007DCF;
float:left;
font-size:28px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
width:500px;
}
/* updated:mvergel */
#pSearchResults h1 {
background: url(../_new_home/images/box-top-wide.png) no-repeat left top;
color:#44B4E6;
/*color:#007DCF;*/
font-size: 20px;
height: 56px;
left: 50px;
line-height: 49px;
margin: 0;
padding-left: 20px;
position: absolute;
text-transform: capitalize;
top:111px;
width:500px;
}
#pRegistration h2 {
border-bottom:1px solid #d5d5d5;
clear:both;
color:#333;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 5px;
padding-bottom:5px;
}
#pProfileEdit h2 {
border-bottom:1px solid #d5d5d5;
clear:both;
color:#333;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 25px;
padding-bottom:5px;
}
/*Action Buttons*/
#pRegistration .action-buttons,
#pProfile .action-buttons,
#pProfileEdit .action-buttons {
float:right;
margin-top:-6px;
position:relative;
width:250px;
}
/* update:mvergel
* width from 158 to 188
*/
#pSearchResults .action-buttons {
float:right;
margin-top:-6px;
/*position:relative;*/
position:absolute;
right:60px;
width:180px;
margin:10px 0px 10px;
}
/* update:mvergel
* width from 158 to 188
*/
#pResources .action-buttons {
float:right;
margin-top:0px;
position:relative;
width:158px;
}
#pRegistration a.edit-button,
#pProfile a.edit-button,
#pProfileEdit a.edit-button {
background:url(buttons/edit-profile.png) no-repeat 0 0;
border:none;
display:block;
float:left;
height:49px;
text-indent:-9999px;
width:125px;
}
/* update:mvergel */
#pSearchResults a.edit-button {
background:url(buttons/edit_my_profile.png) no-repeat 11px 0;
border:none;
display:block;
height:47px;
text-indent:-9999px;
width:180px;
}
#pRegistration a.edit-button:hover,
#pRegistration a.edit-button.hover,
#pProfile a.edit-button:hover,
#pProfile a.edit-button.hover,
#pProfileEdit a.edit-button:hover,
#pProfileEdit a.edit-button.hover {
background:url(buttons/edit-profile.png) no-repeat 0 -49px;
}
/* added:mvergel */
#pSearchResults a.edit-button.hover{
/*background:url(buttons/edit_my_profile.png) no-repeat 0 0px;*/
background:url(buttons/edit_my_profile.png) no-repeat 11px -47px;
background-color:#ABDFF5;
}
/* added:mvergel */
#pSearchResults a.edit-button:active,
#pSearchResults a.edit-button.active{
/*background:url(buttons/edit_my_profile.png) no-repeat 0 0px;*/
background:url(buttons/edit_my_profile.png) no-repeat 11px -94px;
background-color:#ABDFF5;
}
#pRegistration a.add-profile,
#pProfile a.add-profile,
#pProfileEdit a.add-profile {
background:url(buttons/add-profile.png) no-repeat 0 0;
border:none;
display:block;
float:left;
height:49px;
text-indent:-9999px;
width:125px;
}
/* updated:mvergel */
#pSearchResults a.add-profile {
background:url(buttons/add_my_profile.png) no-repeat 0 2px;
border:none;
display:block;
height:49px;
text-indent:-9999px;
width:158px;
margin:0px 0px 10px 11px;
}
/* added:mvergel */
#pSearchResults a.add-profile:hover {
background-position: left -45px;
}
/* added:mvergel */
#pSearchResults a.add-profile:active {
background-position: left -94px;
}
.hasEditSubMenu {
float:right;
position:relative;
width:125px;
}
/* added:mvergel
* float from right to left
*/
#pSearchResults .hasEditSubMenu {
float:left;
position:relative;
width:180px;
padding: 0px;
/*margin: 20px 10px;*/
}
/*Submenu*/
/* updated:mvergel
* changes:
* background from 303030 to abdff5
* width from 140 to 160
* text-align from right to left
* right from 0 to -11
* color from fff to 666
* lessen z-index by 10000
*/
.hasEditSubMenu .EditSubMenu {
background:#abdff5;
color:#666;
display:none;
font-size:11px;
padding:4px 10px 0;
position:absolute;
right:0px;
text-align:left;
top:47px;
width:160px;
z-index:50000;
}
/* updated:mvergel
* changes:
* background url
*/
.hasEditSubMenu .EditSubMenu .top {
background: url(menu/light_blue_bg.png) no-repeat scroll left top transparent;
/*background:#abdff5;*/
height:4px;
left:0;
position:absolute;
top:-51px;
width:180px;
}
/* updated:mvergel
* changes:
* background url
*/
.hasEditSubMenu .EditSubMenu .bottom {
background: url(menu/light_blue_bg.png) no-repeat scroll left bottom transparent;
bottom:-5px;
height:5px;
left:0;
position:absolute;
width:188px;
}
#pRegistration .EditSubMenu label,
#pProfile .EditSubMenu label,
#pProfileEdit .EditSubMenu label {
color:#fff;
cursor:pointer;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
}
/* added:mvergel */
#pSearchResults .EditSubMenu label {
color:#666;
cursor:pointer;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
font-weight:bold;
}
#pRegistration .EditSubMenu input.text,
#pProfile .EditSubMenu input.text,
#pProfileEdit .EditSubMenu input.text {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
width:128px;
}
/* added:mvergel */
#pSearchResults .EditSubMenu input.text {
border-color:#31b0f5;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
width:148px;
}
/* updated:mvergel
* changes:
* width to 76
* height from 31 to 40
*/
.EditSubMenu input.login {
background:url(buttons/login.png) no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
display:block;
float:right;
height:35px;
margin-bottom:3px;
text-indent:-9999px;
width:86px;
}
/* added:mvergel */
.EditSubMenu input.login:hover {
background-position: left -47px;
}
/* added:mvergel */
.EditSubMenu input.login:active {
background-position: left -94px;
}
#pRegistration .EditSubMenu div.form-row,
#pProfile .EditSubMenu div.form-row,
#pProfileEdit .EditSubMenu div.form-row,
#pSearchResults .EditSubMenu div.form-row {
margin-bottom:8px !important;
}
/* updated:mvergel
* changes
* color from 7CC7EE to 666
*/
.EditSubMenu .form-row a {
color:#666;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:10px;
text-decoration:underline;
font-weight:bold;
}
.EditSubMenu .form-row a:hover {text-decoration:none;}
#pRegistration div.top-info {
clear:both;
padding:18px 0 43px;
}
#pRegistration div.top-info p,
#pProfile div.top-info p,
#pProfileEdit div.top-info p,
#pSearchResults div.top-info p {
color:#333;
font-size:12px;
line-height:18px;
}
#pRegistration form {
overflow:hidden;
position:relative;
}
.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
#pRegistration div.step {
float:left;
width:100px;
text-align:center;
}
#pRegistration div.step p {
color:#999;
font-size:60px;
font-weight:bold;
}
#pRegistration div.step-form {
border-left:1px solid #D5D5D5;
float:left;
margin-top:20px;
padding-left:19px;
width:640px;
}
#pRegistration form fieldset {border:none;}
#pRegistration form legend {
color:#003b6b;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
padding-bottom:15px;
}
#pRegistration div.form-row,
#pProfile div.form-row,
#pProfileEdit div.form-row {
clear:both;
margin-bottom:20px;
}
#pRegistration div.form-row-short {
float:left;
margin:0 25px 20px 0;
width:125px;
}
#pRegistration form label,
#pProfile form label,
#pProfileEdit form label {
color:#666;
cursor:pointer;
font-size:11px;
font-family:"Lucida Grande", Arial, sans-serif
}
#pRegistration form span,
#pProfileEdit form span {color:#e70000;}
#pProfile form input.text,
#pRegistration form input.text {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
}
#pRegistration form input.long {width:263px;}
#pRegistration form input.short {width:113px;}
input.password_long {width:185px;}
#pRegistration form select {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
height:21px;
line-height:21px;
padding:0;
width:123px;
}
#pRegistration form input[type="checkbox"], input[type="radio"],
#pProfileEdit form input[type="checkbox"], input[type="radio"] {vertical-align:middle; margin:5px 0;}
#pRegistration div.checkbox-row,
#pProfileEdit div.checkbox-row {
float:left;
margin-bottom:20px;
width:113px;
}
#pRegistration form em,
#pProfileEdit form em {
color:#999;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:10px;
font-style:normal;
}
#pRegistration form textarea {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
height:inherit;
line-height:21px;
padding:0 5px;
width:263px;
}
#pRegistration form p.footer-form {
color:#666;
font-size:11px;
line-height:16px;
margin:0;
}
#pRegistration input.create-my-account {
background:url(buttons/create-my-account.png) no-repeat 0 0;
border:none;
cursor:pointer;
display:block;
float:left;
height:40px;
text-indent:-9999px;
width:150px;
}
/* Practioner Directory Listing Profile Page*/
#pProfile div.top-info,
#pProfileEdit div.top-info {
clear:both;
padding:18px 0;
}
#three-column-wrap {
overflow:hidden;
padding:25px 0;
position:relative;
}
#three-column-wrap .left-column {
float:left;
width:151px;
}
#three-column-wrap .middle-column {
float:left;
padding:0 30px 0;
width:254px;
}
#three-column-wrap .right-column {
float:left;
width:295px;
}
#pProfile h2 {
color:#007fd1;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
}
.middle-column .row {
clear:both;
padding-bottom:15px;
}
.middle-column p {
color:#333;
font-size:12px;
margin:0;
}
.middle-column p.user-title {
color:#444;
font-size:11px;
font-family:"Lucida Grande", Arial, sans-serif;
line-height:18px;
margin:0 0 35px 0;
}
.middle-column p.label {
color:#999;
font-size:12px;
font-weight:bold;
margin:0;
}
.right-column #contact-me-form,
.left-column #contact-me-form {
background:#f6f6f6;
border:1px solid #d5d5d5;
padding:10px;
}
#contact-me-form h3#contact {
background:url(buttons/contact-me-label.jpg) no-repeat center top;
display:block;
height:48px;
margin:-36px 0 25px;
text-indent:-9999px;
z-index:2000;
}
#contact-me-form h3#pwd {
background:url(buttons/change-password.jpg) no-repeat center top;
display:block;
height:48px;
margin:-36px 0 25px;
text-indent:-9999px;
z-index:2000;
}
div.right-column #contact-me-form input.text {width:262px;}
#contact-me-form input.text {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
width:192px;
}
div.right-column #contact-me-form textarea {width:262px;}
#contact-me-form textarea {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
height:inherit;
padding:0 5px;
width:192px;
}
#pProfile input.send {
/*background:url(buttons/send.png) no-repeat 0 0;*/
background:url(buttons/save-profile.png) no-repeat 0 0;
border:none;
cursor:pointer;
display:block;
height:31px;
text-indent:-9999px;
width:70px;
}
#pProfile input.submit {
background:url(buttons/submit.png) no-repeat 0 0;
border:none;
cursor:pointer;
display:block;
height:31px;
text-indent:-9999px;
width:70px;
}
#pProfileEdit input.save-new-password {
background:url(buttons/save-new-password.png) no-repeat 0 0;
border:none;
cursor:pointer;
display:block;
height:40px;
text-indent:-9999px;
width:161px;
}
#pProfileEdit .middle-column input.text {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
width:250px;
}
#pProfileEdit select {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
height:21px;
line-height:21px;
padding:0;
width:200px;
}
.middle-column textarea {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
height:inherit;
line-height:21px;
padding:0 5px;
width:250px;
}
#pProfileEdit input.send {
background: url(buttons/send.png) no-repeat 0 0 ;
border:medium none;
cursor:pointer;
display:block;
height:31px;
text-indent:-9999px;
width:70px;
}
/* Practioner Directory Search Results Page*/
#pSearchResults div.top-info {
padding:0px 0 23px;
width: 550px;
margin: 0px 0px 0px;
}
/* added:mvergel*/
#pResources div.top-info {
padding:0px 0 0px;
width: 550px;
margin: -10px 0px 0px;
}
#pSearchResults #search-bar {
background:#e5f2fa;
border:1px solid #C2D8E6;
margin:0 0 40px;
overflow:hidden;
}
#pSearchResults #search-bar ul {
list-style:none;
margin:14px 15px;
overflow:hidden;
padding:0;
}
#pSearchResults #search-bar ul li {
display:inline;
float:left;
margin-right:15px;
width:134px;
}
#pSearchResults #search-bar ul li.last {margin:6px 0 0; width:70px;}
#pSearchResults #search-bar label {
color:#212121;
cursor:pointer;
font-size:11px;
font-family:"Lucida Grande", Arial, sans-serif
}
#pSearchResults #search-bar input.text {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
font-size:11px;
height:21px;
line-height:21px;
padding:0 5px;
width:122px;
}
#pSearchResults #search-bar select {
border-color:#7C7C7C #C3C3C3 #ddd;
border-style:solid;
border-width:1px;
color:#666;
height:21px;
padding:0;
width:132px;
}
#pSearchResults #search-bar input.search {
/*
background: url(buttons/big-blue-search.png) no-repeat 0 0 ;
border:medium none;
cursor:pointer;
display:block;
height:31px;
text-indent:-9999px;
width:70px;
*/
background:url(calendar/form-search-button.png) no-repeat;
border:medium none;
cursor:pointer;
display:block;
height:47px;
margin-left:0px;
text-indent:-9999em;
width:88px;
}
/* updated:mvergel */
#pSearchResults #search-bar input.search:hover {
background-position: left -47px;
}
/* updated:mvergel */
#pSearchResults #search-bar input.search:active {
background-position: left -94px;
}
#search-pagination {
border-bottom:1px solid #D5D5D5;
clear:both;
margin:0 0 25px;
overflow:hidden;
padding-bottom:5px;
}
#search-pagination h2 {
color:#333;
float:left;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
width:300px;
}
ul.pagination {
float:right;
list-style:none;
margin:10px 0 0;
padding:0;
text-align:right;
width:400px;
}
ul.pagination li {display:inline;}
ul.pagination li a {
color:#666;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding:1px 5px;
}
ul.pagination li a.active {background:#06408f; color:#fff;}
.search-result {
border-bottom:1px solid #D5D5D5;
clear:both;
margin-bottom:18px;
overflow:hidden;
}
.photo-result {
float:left;
margin-right:20px;
width:100px;
}
.main-result {
float:left;
width:640px;
}
.main-result h3 {
color:#007FD1;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
}
.main-result p.user-title {
color:#444;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
line-height:18px;
margin:0;
}
.user-info {
overflow:hidden;
padding:25px 0 0;
}
.user-info-left {
float:left;
margin-right:20px;
width:200px;
}
.user-info-middle {
float:left;
margin-right:20px;
width:150px;
}
.user-info-right {
float:left;
width:250px;
}
.user-info .row {
clear:both;
/* height:30px; */
padding-bottom:14px;
}
.user-info .row.big {
clear:both;
/* height:74px; */
padding-bottom:14px;
}
.user-info-right .user-info .row {
clear:both;
height:inherit;
padding-bottom:14px;
}
.user-info p {
color:#333;
font-size:12px;
margin:0;
}
.user-info p.label {
color:#999;
font-size:12px;
font-weight:bold;
margin:0;
}
/* Start of Highlighted Row */
tr.hl {
background: transparent url(bg/tr-hl-bg.gif) bottom left repeat-x;
vertical-align: top;
}
tr.hl th, tr.hl label {
text-align: left;
font-weight: bold;
color: #1296dd;
font-size:16px;
}
tr.hl p {
margin: 0;
padding: 0 0 0 20px;
}
tr.hl input, tr.hl label {
vertical-align: middle;
}
/* End of Highlighted Row */
/* Start of warning box */
.warning-box {
width: 300px;
}
.warning-box .warning-top{
background-image: url(warning/warning-box-top.png);
height:5px;
}
.warning-box .warning-bottom{
background-image: url(warning/warning-box-bottom.png);
height:8px;
margin:0px 0px 10px;
}
.warning-box .warning-content{
font-size: 15px;
background-image: url(warning/warning-box-middle.png);
color:#c16803;
padding:5px 10px;
font-weight:bold;
}
.warning-box .warning-title{
background-image: url(warning/warning-box-icon.gif);
background-repeat: no-repeat;
height:15px;
}
.warning-box .warning-title-text{
font-size: 15px;
margin-left:25px
}
.warning-box .warning-message{
background-image: url(warning/warning-box-middle.png);
color:#c16803;
padding:5px 17px 5px 35px;
}
/*End of warning box */
/*Start of event-footer*/
div.event-footer {
height: 50px;
width: 580px;
float: left;
background: transparent url(event-footer/pane1.png) top left no-repeat;
}
div.event-footer ul.event-footer-pane1 {
padding: 5px 5px 5px 2px;
list-style: none;
width: 332px;
height: 50px;
margin: 0;
float: left;
}
div.event-footer ul.event-footer-pane1 li {
margin: 0;
padding: 0 0 0 5px;
float: left;
}
div.event-footer ul.event-footer-pane2 {
padding: 5px 5px 5px 2px;
list-style: none;
height: 50px;
margin: 0;
float: left;
}
div.event-footer ul.event-footer-pane2 li {
margin: 0;
padding: 0 0 0 5px;
float: left;
}
div.event-footer a {
color: white;
font-weight: bold;
font-size: 13px;
}
div.event-footer a.back-to-search {
margin-right: 2px;
line-height: 40px;
font-size: 14px;
}
div.event-footer div.event-owner {
font-weight: bold;
color: white;
font-size: 13px;
padding-top: 4px;
padding-right: 3px;
}
div.event-footer a.link-btn {
width: 79px;
height: 40px;
display:block;
text-decoration: none;
display: table-cell;
vertical-align: middle;
}
div.event-footer a.link-btn div.text {
padding-left: 30px;
}
div.event-footer a.link-btn1 {
background: transparent url(event-footer/btn1.png) top left no-repeat;
}
div.event-footer a.link-btn2 {
background: transparent url(event-footer/btn2.png) top left no-repeat;
}
div.event-footer a.link-btn:hover {
text-decoration: underline;
}
div.event-footer a.link-btn div.email {
background: transparent url(event-footer/email-icon.gif) 7px no-repeat;
}
div.event-footer a.link-btn div.printer {
background: transparent url(event-footer/printer-icon.gif) 7px no-repeat;
}
div.event-footer a.link-btn div.copy {
background: transparent url(event-footer/copy-icon.gif) 7px no-repeat;
}
div.event-footer a.link-btn div.edit {
background: transparent url(event-footer/edit-icon.gif) 7px no-repeat;
}
/*End of event-footer*/
/*Logo*/
#logo-link {
margin-top: 4px;
display: block;
width: 245px;
height: 58px;
background: transparent url(/_new_nav/images/logos/sfrp.png) top left no-repeat;
}
.footer p.copyright {
font-size: 11px;
margin-top: 66px
}