/* GENERAL STUFF */ * { margin: 0; padding: 0; } body, input, select, textarea { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; } body { color: #333; background-color: #fff; text-align: left; margin:10px 10px 0px 10px; padding:0px;} a:link { color:#0060BF; text-decoration: underline; } a:visited { color:#0060BF; text-decoration: underline; } a:active { color:#0060BF; text-decoration: underline; } a:hover { color:#000000; text-decoration: underline; } p, h1, h2, h3, h4, h5, h6, td.form, ul { font-family: arial, "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, helvetica, sans-serif; font-weight: normal; color: #666; } h1 { font-size: 1.8em; margin: 0em 0em 0.6em 0.4em; color: #4B0082; font-weight: bold} h2 { font-size: 1.5em; margin: 1.2em 0em 0.4em 0.4em; color: #009eff; font-weight: bold} h3 { font-size: 1.4em; margin: 1.2em 0em 0.4em 0.4em; color: #4B0082; font-weight: bold} h4 { font-size: 1.2em; margin: 1.2em 0em 0.4em 0.4em; color: #009eff; font-weight: bold} h5 { font-size: 1.0em; margin: 1.2em 0em 0.4em 0.4em; font-weight: bold} h6 { font-size: 0.8em; margin: 1.2em 0em 0.4em 0.4em; font-weight: bold} img { border: 0px; } img.footer {vertical-align:middle; } /* img.feedlogo {position:absolute; right:26%; top:29%; } */ img.feedlogo {margin:3px; } img.warning {vertical-align:text-top; } img.userphoto { border-style: ridge; border-color: #005eff #005eff #005eff #005eff; border-width: 4px; padding:2px 2px 2px 2px;} img.helpicon {margin-right: 5px; vertical-align:text-top; } img.icon {vertical-align:middle; } img.iconsidebar {vertical-align:middle; position:relative; left:-10px} img.button {vertical-align:middle; } p, ul { font-size: 1.0em; line-height: 1.3em; margin: 1.2em 0em 0em 0em; color: #08289d; } p.error {color: #FF0000;} p.message {color: #FF0000;} p.emailtext { border:1px solid #C0C0C0; font-family:courier } p.tab {margin-left:5%} p.newsection {border-top: thin solid #C0C0C0; padding-top:3% } p.about {font-size: 1.2em} ul.abouttab {font-size: 1.2em; list-style-image: url('prayerfeeder_li.gif'); margin-left:3%;} /* p.abouttab {font-size: 1.2em; margin-left:5%; } */ p.aboutnewsection {font-size: 1.2em; border-top: thin solid #C0C0C0; padding-top:3% } p.footer {color:#808080; } h4.topgap {margin-top:5%} p.headerlogin {text-align:right} p.table {line-height: 1.0em; } p.tablebold {line-height: 1.0em; font-weight: bold; color: #005eff} p.newstitle {font-size:1.5em; font-weight: bold; margin-left:20px; color: #000000; padding-bottom: 5% } p.newsheadline {font-size: 1.3em; font-weight: bold; margin-left:20px; } p.newsdetail {font-size: 1.2em; color:#1b0649; margin-left:20px; padding-top: 1%; padding-bottom: 3%; } p.newsdate {font-size: 1.3em; font-weight: bold; margin-left:20px; margin-right:20px;} p.strong {font-weight: bold;} p.italic {font-style: italic;} p.nospace {font-size: 1.0em; line-height: 1.0em; margin: 0.3em 0em 0em 0em;} p.alignright {text-align:right} p.help {font-size: 1.2em; line-height: 1.0em; margin: 0.3em 0em 0em 0em;} p.helptitle {font-size: 1.3em; font-weight: bold; color: #009eff; } p.helptext {font-size: 1.2em; margin-top: 2%; border-top: thin solid #C0C0C0; border-spacing: 10px} p.helphighlight {font-size: 1.2em; line-height: 1.0em; margin: 10px 10px 10px 10px;} p.front_button_text {position: relative; left: 5px; top: -6px; font-size: 1.5em; color: #009eff; font-weight: bold} .strong {font-weight: bold;} .underline {text-decoration: underline;} .italic {font-style: italic;} .h4heading {font-size: 1.2em; margin: 1.2em 0em 0em 0em; color: #009eff; font-weight: bold} /* the following table classes for the prayerfeed have been discontinued (replaced by use of divs) */ /* table.prayerfeed {border:0; border-collapse: separate; border-spacing: 0px; } */ /* td.feedrowodd {background-color:#E5F4FF; padding-top: 1%; padding-bottom: 1%} */ /* td.feedroweven {padding-top: 1%; padding-bottom: 1%} */ table.search {border:0; border-collapse: separate; border-spacing: 0px; } td.searchrowodd {background-color:#E5F4FF; padding-top: 1%; padding-bottom: 1%; padding-left: 1%} td.searchroweven {background-color:#F2FAFF; padding-top: 1%; padding-bottom: 1%; padding-left: 1%} td {border:0; padding-right: 5px; vertical-align:top; } li > p { margin-top: 0.2em; } pre { font-family: monospace; font-size: 1.0em; } strong, b { font-weight: bold; } input.del_button { font-size: 0.8em; } /* PAGE HEADERS */ td.header {border:0; padding:0; } td.form {border:0; padding:1px; font-size: 1.0em } table.headerright {border-collapse: separate; border-spacing: 1px 5px; } /* Define overall page */ #wholepage {width:765px; margin-right:auto; margin-left:auto;} /* Define page header */ #header {float:left; width:100%; margin-bottom:10px } #hleft {width:80%; float:left; padding-right:5px} #hright {width:19%; float:left; padding-top:10px; } /* The following div definitions are what we would use if we had a 765 pixel-wide screen (i.e. if the wholepage div was in use): */ /* #hlogleft {width:550px; float:left; margin-bottom:10px; margin-right:20px; } */ /* #hlogright {width:180px; float:left; margin-top:10px; margin-bottom:10px; border:1px solid #C0C0C0; padding-bottom:10px; padding-left:10px} */ /* Define main area */ /* #mainarea {width:550px; float:left; margin-bottom:10px; margin-right:20px; } */ /* Define link column (on right-hand side) */ /* #linkscolumn {width:180px; float:left; margin-top:10px; border:1px solid #C0C0C0; padding-left:10px; padding-bottom:10px; } */ /* The following div definitions are what we're actually using - eg. 100% width */ #hlogleft {width:75%; float:left; margin-bottom:10px; margin-right:20px; } #hlogright {width:19%; float:left; margin-top:10px; margin-bottom:10px; border:1px solid #C0C0C0; padding-bottom:10px; padding-left:10px; padding-right:10px} #hloghelp {width:19%; float:left; padding-left:11px; margin-top:10px; } #hloghelpimg {width: 24px; float:left; padding-left:11px; margin-top:10px; } #hloghelptxt {float: left; width: 110px} /* Define main area */ #mainarea {float:left; width:75%; margin-bottom:10px; margin-right:20px; padding-bottom:10px;} /* Define link column (on right-hand side) */ #linkscolumn {float:left; width:19%; border:1px solid #C0C0C0; margin-top:10px; padding-left:10px; padding-bottom:10px; padding-right:10px;} /* #linkscolumn {float:left; width:19%; margin-top:10px; background: url(greypoint_1x1.gif) 0 0 repeat-x;} */ .b {background: url(greypoint_1x1.gif) 0 100% repeat-x} .l {background: url(greypoint_1x1.gif) 0 0 repeat-y} .r {background: url(greypoint_1x1.gif) 100% 0 repeat-y} .bl {background: url(greycircle_bl_30x30.gif) 0 100% no-repeat} .br {background: url(greycircle_br_30x30.gif) 100% 100% no-repeat} .tl {background: url(greycircle_tl_30x30.gif) 0 0 no-repeat} .tr {background: url(greycircle_tr_30x30.gif) 100% 0 no-repeat; padding:10px} /* Define page footer */ #footer {float:left; width:100%; border-top: thin solid #C0C0C0; margin-top:5%; padding-top:1% } #footerleft {float:left; width:50%} #footermid {float:left; width: 25%} /* image in log-in screen */ /* img.login_image { } */ #fullwidth {width:100%; float:left; } /* Sidebar menu */ #sidebar1 {margin-left:5px; margin-top:5px; padding-top:5px; } #sidebar2 {margin-left:36px;} .sidebar_thispage {font-weight:bold; text-decoration: none; line-height: 1.1em; color: #005eff; font-size: 1.0em; margin: 0.4em 0em 0em 0em;} .sidebar_otherpage {font-weight:normal; text-decoration: none; line-height: 1.1em; font-size: 1.0em; margin: 0.4em 0em 0em 0em;} /* divs for login page */ #logleft {width:75%; float:left; margin-bottom:10px; margin-right:20px; } #logright {width:19%; float:left; margin-top:10px; border:1px solid #C0C0C0; padding-left:10px; padding-bottom:10px; padding-right:10px;} #front_button_text {float:left; width:300 px; } #login_text {float:left; width:100%; border-top: thin solid #C0C0C0; margin-top:2%; padding-top:1% } /* add a group page */ #addgroupfull {float:left; width:100%} #addgroupleft {float:left; width:25%;} #addgroupright {float:left; width:75%;} /* divs for any page that wants to display "rows" alternately blue and white */ #rowodd {width:100%; background-color:#E5F4FF; float:left} #roweven {width:100%; float:left} /* divs for display prayerfeed page */ #pfleft {float:left; width:24%; margin-top:1%; margin-left:1%; padding-bottom:1%; overflow:hidden} #pfname {float:left; width:100%; padding-bottom:1%; overflow:hidden} #pfimage {float:left; width:100%; overflow:hidden} #pfright {float:left; width:72%; margin-top:1%; padding-bottom:1%; margin-left:1%;} #pfheadline {float:left; width:66%; margin-bottom:1%; } #pfdate {float:left; width:33%; margin-bottom:1%; } #pfdetails {float:left; width:100%; margin-bottom:1%; } #pfh4 {float:left; width:80%; margin-bottom:1%;} #pffeedlogo {float:left; width:18%; margin-bottom:1%;} /* divs for display prayers page */ #dispprayerstopleft {float:left; width:65%} #dispprayerstopright {float:left; width:30%; padding: 1% 1% 1% 1%; overflow:hidden} #myprayersbutton {float:left; width:5%; margin-top:1%; padding-bottom:1%; overflow:hidden} #myprayersmain {float:left; width:93%; margin-top:1%; padding-bottom:1%; } #myprayerstoprow {float:left; width:100%; padding-bottom:1%;} #myprayersheadline {float:left; width:60%; margin-top:1%; padding-bottom:1%; } #myprayersdate {float:left; width:27%; margin-left:2%; margin-top:1%; padding-bottom:1%; } #myprayersedit {float:left; width:7%; margin-left:2%; margin-top:1%; padding-bottom:1%; overflow:hidden} #myprayersdetails {float:left; width:100%; margin-top:1%; padding-bottom:1%; } #myprayersprayerbox {float:left; width:100%; margin-top:1%; padding-bottom:1%; } #othersprayerstoprow {float:left; width:100%; padding-bottom:1%;} #othersprayersheadline {float:left; width:70%; margin-left:1%; margin-top:1%; padding-bottom:1%; } #othersprayersdate {float:left; width:25%; margin-left:2%; margin-top:1%; padding-bottom:1%; } #othersprayersdetails {float:left; width:98%; margin-left:1%; margin-top:1%; padding-bottom:1%; } #groupsprayersphoto {float:left; width:24%; margin-right:1%; overflow:hidden} #groupsprayersdetails {float:left; width:74%} /* divs for display user page */ #userdetails {float:left; width:50%} #userphoto {float:left; width:46%; margin-left:1%; margin-right:1%; overflow:hidden;} /* divs for image upload page */ #iuleftpanel {float:left; width:47%; margin-right:1%; margin-bottom:2% } #iurightpanel {float:left; width:47%; margin-left:1%; margin-right:1%; margin-bottom:2% } /* divs for display friend page */ #frienddetails {float:left; width:50%} #friendphoto {float:left; width:46%; margin-left:1%; margin-right:1%; overflow:hidden;} /* divs for display group page */ #groupdetails {float:left; width:50%} #groupphoto {float:left; width:46%; margin-left:1%; margin-right:1%; overflow:hidden;} /* divs for search group page */ #searchgroupfullwidth {width:100%; float:left; overflow:scroll; height:500px } /* divs for search user page */ #searchuserfullwidth {width:100%; float:left; overflow:hidden;} /* divs for about prayerfeeder page */ #aboutimageleft {float:left; width:25%; overflow:hidden; padding-right:5px; padding-left:5px; margin-top:1.2em; padding-bottom:2.0em;} #aboutright {float:left; width:70%; margin-bottom:2.0em} /* divs for the prayerfeeder_invitation page */ #invitationleft {float:left; width:33%; margin-right:10px; overflow:hidden;} #invitationright {float:left; width:311px; padding-left:10px; padding-right:10px; overflow:hidden;} /* divs for the display_help page */ #helpcriteria_div {width:75%; float:left; padding-bottom: 20px; padding-right:10px; padding-left:10px;} #helpdisplay_div {width:70%; float:left; border:1px solid #C0C0C0; padding-left:10px; padding-bottom:10px; padding-right:10px;} #helprelated_div {width:23%; float:left; padding-left:20px; padding-bottom:10px; padding-right:10px;} #helphighlight_div {float:left; width:73%; background-color:#E5F4FF; margin-top:10px } /* divs for the display_news page */ #newsheader_div {float:left; width:100%; background-color:#E5F4FF;} #newsheadline_div {float:left; width:72%; } #newsdate_div {float:left; width:28%; } #newsdetail_div {float:left; width:100%;} /*********************************************************/ /* specs for buttons as per log-in page ('front button') */ /*********************************************************/ .front_button {position: relative; float: left; font-family: arial, helvetica, sans-serif; background: url(button_blank_hover.png) no-repeat; white-space: nowrap; width: 102px; height: 48px; margin: 0; padding: 0; vertical-align: middle; } .front_button a {font-size: 24px; color: white; font-weight: normal; width: 102px; height: 48px; float: left; text-decoration: none; } .front_button img {vertical-align: middle; width: 102px; height: 48px; border: 0; } * html a:hover {visibility:visible;} .front_button a:hover img {visibility:hidden; } .front_button span {position: absolute; left: 4px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; } /*********************************************************/