@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body { background: #e2e2e2; color: #000; font-family: Arial, Helvetica, sans-serif; }
html,body { height:100%; margin:0px; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
#content { background: url(../images/fnd-cont-middle.jpg) repeat-y; margin: 0 auto; width: 998px; }
#content-top { background: url(../images/bkg-top.jpg) no-repeat top left; float: left; margin: 0; padding: 0; width: 998px; }
#content-down { background: url(../images/fnd-cont-down.jpg) no-repeat bottom left; float: left; min-height: 700px; padding: 35px 30px 45px 0; width: 968px; }
#content-down2 { background: url(../images/fnd-cont-down.jpg) no-repeat bottom left; float: left; min-height: 730px; padding: 35px 30px 0 0; width: 968px; }
.title { float: left; margin: 15px 0 10px 85px; width:845px; }
.error {text-align: center;	color: #c00; margin: 10px; font-weight: bold; font-size: 120%;}

/* ----------------------- Bar Top ----------------------- */
#top { float: left; margin: 0 0 15px 0; padding: 0 0 0 65px; width: 903px; }
#top #logo { float: left; height: 60px; margin: 0; padding: 0 0 7px 60px; width: 350px; }
#menu { background: url(../images/fnd-manu.jpg) repeat-x; float: left; height: 31px; margin: 0; padding: 0 12px 0 6px padding: 0; width: 885px; padding-right:17px; }
#menu ul { float: left; width: 550px; }
#menu ul li { float: left; margin: 0; padding: 0; border:0 none; display:inline; float:left; list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}
#menu ul li a { color: #fff; display: inline-block; float: left; font-size: 12px; font-weight: bold; height: 24px; margin: 0; padding: 7px 8px 0; }
#menu ul li a:hover { background: #666666; }
#menu ul li a.select { background: #666; }
#menu ul li ul {border:0 none;display:none;left:0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;text-align:right;top:31px;}
#menu ul li ul:after /*From IE 7 lack of compliance*/{ clear: both;display: block;font: 1px/0px serif;content: "."; height: 0;visibility: hidden;}
#menu ul li ul li {display: inline-block !important;float:left;margin:0;padding:3px 0; background: #666;}
#menu ul li ul li a {color:#fff;display: inline-block;float:none !important;height:auto !important;margin:0;padding:0 8px;text-decoration:none; border-right: #fff 1px solid;background-color:#666666; font-size: 11px; text-transform: uppercase;}
#menu ul li:hover ul li a,#menu ul li.iehover li a {float: none;background: #666;}
/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover,#menu ul li:hover li:hover a,#menu ul li.iehover li a:hover,#menu ul li.iehover li.iehover a {background: #666;color: #FFF;text-decoration: underline;}
#menu ul li:hover ul {display: inline;}
#search { float: right; height:25px; padding: 6px 0 0 0; width: 300px; }
	#search .txt { color: #FFFFFF; float: left; font-weight: bold; text-align: right; width: 110px; }
.input { background: none; background: transparent url(../images/input-search.jpg); border: none; float: right; height: 17px; padding: 1px 3px 0 27px; width: 153px; }

/* ----------------------- Text ----------------------- */
img { border:none; margin:0; padding:0; }
p { margin: 0; padding :0; }
a { text-decoration: none; }
form { margin:0; padding:0; }
textarea { color:#666; font-size:10px; height:150px; margin:0 0 7px 0; width:260px; }
h1 { color: silver; font-size: 24px; font-weight: bold; margin: 0 0 23px 0; }
#mypraylist h1 { color: white; font-size: 24px; font-weight: bold; margin: 0 0 23px 0; padding: 0 15px; }
h2 { color: #00AEDD; font-size: 20px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-transform: none; }
#left-purp h2 { color: #72489a; font-size: 20px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; }
#left-red h2 {color: #a53739; font-size: 20px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; }
h3 { color: #FFF; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; }
h4 { color: #a9c82f; font-size: 19px; font-weight: normal; line-height: 22px; margin: 0 0 23px 0; padding: 0 32px; }
h5 { color: #b18e26; font-size: 24px; font-weight: bold; margin: 0 0 18px 0; padding: 0 15px; }
h6 { color: #3daae2; font-size: 21px; font-weight: normal; margin: 0; padding: 0 0 5px 0; }

strong { font-size: inherit; }

/* ----------------------- praylist ----------------------- */
#c-left { float: left; width: 342px; }
#left { background: url(../images/fnd-myprayer-middle.png) repeat-y; float: left; margin: 0 0 0 2px; width: 342px; }
#left .top { background: url(../images/fnd-myprayer-top.png) no-repeat top left; float: left; width: 342px; }
#left .top .down { background: url(../images/fnd-myprayer-down.png) no-repeat bottom left; color: #FFFFFF; float: left; min-height: 400px; padding: 12px 0 40px 0; width: 342px; }
#left-red { background: url(../images/fnd-myprayer-middle2.png) repeat-y; float: left; margin: 0 0 0 2px; width: 342px; }
#left-red .top { background: url(../images/fnd-myprayer-top2.png) no-repeat top left; float: left; width: 342px; }
#left-red .top .down { background: url(../images/fnd-myprayer-down2.png) no-repeat bottom left; color: #FFFFFF; float: left; min-height: 593px; padding: 12px 0 40px 0; width: 342px; }
#left .top .down .column-top, #left-red .top .down .column-top { float: left; height: 83px; padding: 0 0 0 11px; width: 315px; }
#left .top .down .column-top p, #left-red .top .down .column-top p { color:#FFFFFF; float: left; line-height: 23px; margin: 8px; font-size: 24px; overflow: hidden; width: 225px; }
#left .top .down .column-top a, #left-red .top .down .column-top a { color: #FFFFFF; font-size: 10px; }
#left .top .down .column-top a:hover, #left-red .top .down .column-top a:hover { color: #ccc; text-decoration: underline; }
#left .top .down .column-top a.out, #left-red .top .down .column-top a.out { display: block; float: left; text-align: right; text-decoration: underline; width: 285px; }
#left .top .down .column-top .avatar, #left-red .top .down .column-top .avatar { float: left; height: 56px; margin: 0 15px 0 0; width: 56px; }
#left .top .down .column-left,#left-red .top .down .column-left { float: left; width: 64px; }
#left .top .down .column-left ul li a, #left-red .top .down .column-left ul li a { color: #fff; display: block; font-size: 10px; height: 18px; margin: 0; padding: 53px 0 0; }
#left .top .down .column-left ul li a.mn, #left-red .top .down .column-left ul li a.mn { background-color: #2f3032; }
#left .top .down .column-left ul li a.mn span, #left-red .top .down .column-left ul li a.mn span { background: #000; color: #fff; display: block; font-size: 10px; margin: 0; padding: 0; text-align: center; }
#left .top .down .column-left ul li a span, #left-red .top .down .column-left ul li a span { background: #5d6363; color: #fff; display: block; font-size: 10px; margin: 0; padding: 0; text-align: center; }
#left .top .down .column-left ul li a.select, #left-red .top .down .column-left ul li a.select { background-position: 7px -55px; }
#left .top .down .column-left ul li a#playlist, #left-red .top .down .column-left ul li a#playlist { background-image: url(../images/Icon_Prayerlist.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#chatter, #left-red .top .down .column-left ul li a#chatter { background-image: url(../images/Icon_chatter.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#pray, #left-red .top .down .column-left ul li a#pray { background-image: url(../images/Icon_Pray.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#partner, #left-red .top .down .column-left ul li a#partner  { background-image: url(../images/Icon_Partner.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#prayteam, #left-red .top .down .column-left ul li a#prayteam { background-image: url(../images/Icon_Prayteam.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#profile, #left-red .top .down .column-left ul li a#profile { background-image: url(../images/Icon_Profile.gif); background-position: 7px 8px; background-repeat: no-repeat; }
#left .top .down .column-left ul li a#playlist:hover, #left .top .down .column-left ul li a#chatter:hover, #left .top .down .column-left ul li a#pray:hover, #left .top .down .column-left ul li a#partner:hover, #left .top .down .column-left ul li a#prayteam:hover, #left .top .down .column-left ul li a#profile:hover,#left-red .top .down .column-left ul li a#playlist:hover, #left-red .top .down .column-left ul li a#chatter:hover, #left-red .top .down .column-left ul li a#pray:hover, #left-red .top .down .column-left ul li a#partner:hover, #left-red .top .down .column-left ul li a#prayteam:hover, #left-red .top .down .column-left ul li a#profile:hover { background-position: 7px -48px; }
#left .top .down .column-right { float: right; position: relative; width: 260px; }
#left .top .down .column-right .form { padding: 0 0 15px 17px; position: relative; width: 210px; }
#left .top .down .column-right .form .select { margin-bottom: 15px; width: 208px; height:100px; font-weight: bold; font-size: 12px; color: #000000;}
#left .top .down .column-right .form .select option { color: #000000; font-weight: bold; }
#left .top .down .column-right .form .checkbox { float: left; margin-bottom: 5px; padding: 0 0 0 8px; position: relative; width: 198px; }
#left .top .down .column-right .form .checkbox input { float: left; }
#left .top .down .column-right .form .checkbox .txt { color: #FFFFFF; float: right; font-size: 14px; padding-top: 1px; width: 170px; }
#left .top .down .column-right .form .checkbox .btn-orange, #left .top .down .column-right .form .checkbox .btn-violeta { float: right; }
#left .top .down .column-right p { margin: 0 10px 10px 0; text-align: left; }

#left-red .top .down .column-right { float: right; position: relative; width: 260px; }
#left-red .top .down .column-right #tags{width:227px; float: left;}
#left-red .top .down .column-right #tags .a{cursor:pointer;display: block;color: #CC6666; text-transform: uppercase; font-size:15px; margin: 0 1px 0 0; padding: 4px 0 0 0; background: url(../images/pestania.gif) 0 0; height: 19px; width: 67px; text-align: center; float: left; font-weight: bold;}
#left-red .top .down .column-right #tags .a:hover{ background-position: 0 -23px; color:#FFFFFF;}
#left-red .top .down .column-right #tags .select{ background-position: 0 -23px; color:#FFFFFF;}

#left-red .top .down .column-right #find { padding: 14px 10px 10px 10px; position: relative; width: 210px; float: left; background: #360608; color: #FFFFFF; }
#left-red .top .down .column-right #find input{width:203px; margin-top: 5px; font-weight: bold;}
#left-red .top .down .column-right .form {padding: 14px 10px 10px 20px; position: relative; width: 200px; float: left; background: #5f0c0e; }
#left-red .top .down .column-right .form .select { margin-bottom: 15px; width: 135px; height:255px; font-weight: bold; font-size: 12px; color: #000000;}
#left-red .top .down .column-right .form .select option { color: #000000; font-weight: bold; }
#left-red .top .down .column-right .form .checkbox { float: left; margin-bottom: 5px; padding: 0; position: relative; width: 195px; }
#left-red .top .down .column-right .btn-rojo{background: url(../images/btn-rojo.gif) no-repeat 0 0; color: #FFFFFF; height: 23px; margin: 15px 35px 10px 0; padding: 2px 0 0 0; text-align: center; width: 123px; float: right;}
#left-red .top .down .column-right .btn-rojo:hover{ background-position: 0 -25px;}
#left-red .top .down .column-right .btn-amarillo{background: url(../images/btn-naranja-rojo.gif) no-repeat 0 0; color: #FFFFFF; height: 25px; margin: 15px 30px 0 0; padding: 2px 0 0 0; text-align: center; width: 133px; float: right;}
#left-red .top .down .column-right .btn-amarillo:hover{ background-position: 0 -27px;}
#left-red .top .down .column-right .form .checkbox input { float: left; font-weight: bold; }
#left-red .top .down .column-right .form .checkbox input.inputt { float: left; width: 160px; }
#left-red .top .down .column-right .form .checkbox textarea { float: left; width: 160px; height:155px; font-weight: bold; font-size: 12px; color:#000000; }
#left-red .top .down .column-right .form .checkbox .txt { color: #FFFFFF; float: right; font-size: 14px; padding-top: 1px; width: 170px; }
#mb{margin: 15px 0 17px 0;}
#absoluto{position: absolute;top: 369px;left: 221px;z-index: 7;width: 152px;height: 267px;background: url(../images/fnd-ajax-lighbox-rojo.png) no-repeat top left;padding: 20px 20px 0 13px;color: #FFFFFF;}
#absoluto select{width: 135px; font-weight: bold;}
#absoluto select .option{ color: #CC0000; }

.btn-orange { background: url(../images/fnd-btn-naranja.gif) no-repeat 0 0; color: #FFFFFF; height: 27px; padding: 2px 0 0 0; text-align: center; width: 124px; }
.btn-violeta { background: url(../images/fnd-btn-violeta.gif) no-repeat 0 0; color: #FFFFFF; height: 22px; margin: 15px 0 10px; padding: 2px 0 0 0; text-align: center; width: 124px; }
a.btn-violeta:hover { background-position: 0 -25px; }
a.btn-orange:hover { background-position: 0 -29px; }
.prayer-module { background:url(../images/fnd-how-prayer.jpg) no-repeat; color: #999; display:block; float: right; font-size: 15px; height: 73px; margin: 0 35px 0 0; padding: 15px 70px 0 0; text-align: center; width: 156px; }
.prayer-module:hover { text-decoration: underline; }
#right { float: right; padding: 15px 20px 0 0; width: 595px; }
.praylist { background: url(../images/fnd-prayer-middle.gif) repeat-y left; float: left; margin-bottom: 18px; width: 593px; }
.praylist .column-top { background: url(../images/fnd-prayer-top.gif) no-repeat top left; float: left; width:593px; }
.praylist .column-top .column-down { background: url(../images/fnd-prayer-down.gif) no-repeat bottom left; float: left; min-height: 130px; padding: 9px 0 22px 0; position: relative; width: 593px; }
.phrase { font-size: 13.5px; background: url(../images/bkg-prayer-bluefade.gif) repeat-x top; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; float: left; height: 60px; line-height: normal; margin: 0 0 0 3px; padding: 3px 3px 0; width: 580px; }
.phrase2 { font-size: 13.5px; float: left; height: 60px; line-height: normal; margin: 0 0 0 3px; padding: 3px 3px 0; width: 580px; }
#paginator { color: #55a0c8; font-size: 14px; height: 25px; left: 271px; position: absolute; text-align: right; top: 11px; width: 304px; }
#paginator a { color: #55a0c8; font-size: 14px; text-align: right; }
#paginator a:hover { text-decoration: underline; }
#paginator2 { color: #b9ad5b; font-size: 14px; height: 25px; left: 311px; padding: 5px 0 0 0; position: absolute; text-align: right; top: -7px; width: 266px; }
#paginator2 a { color: #b9ad5b; font-size: 14px; text-align: right; text-decoration: underline; }
#paginator2 a:hover { text-decoration: none; }
#paginator2 a.select { text-decoration: none; }
#paginator2 a.rss { background: url(../images/rssIcon.gif) no-repeat top left; color: #666666; display:block; float: left; font-size: 12px; font-weight: bold; height: 21px; margin: -4px 0 0 0; padding: 5px 0 0 25px; text-decoration: none; width: 61px; }
.phrase span, .phrase2 span { color: #999; font-size: 11px; font-weight: normal; }
.chatter { background: url(../images/fnd-chat-middle.gif) repeat-y left; float: left; margin-bottom: 18px; position: relative; width: 593px; }
.chatter .column-top { background: url(../images/fnd-chat-top.gif) no-repeat 0 -3px; float: left; width: 593px; }
.chatter .column-top .column-down { background: url(../images/fnd-chat-down.gif) no-repeat bottom left; float: left; min-height: 150px; padding: 0 0 20px 0; width: 593px; }
.chatter .column-top .column-down .row { float: left; padding: 0 3px 3px 22px; width: 568px; }
.chatter .column-top .column-down .row .avatar { float: left; height: 35px; padding: 0 5px 0 0; width: 35px; }
.chatter .column-top .column-down .row .txt { background: url(../images/bkg-chat-pray.gif) no-repeat top left; color: #999; float: left; font-size: 11px; height: 60px; padding: 0 10px 0 15px; width: 493px; }
.chatter .column-top .column-down .row .txt strong { color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }
/*.chatter .column-top .column-down .row .txt strong { color: #000; font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; line-height: 5px; }*/
.chatter .column-top .column-down .row .txt a { color: #b19c49; font-size: 14px; font-weight: bold; text-align: right; text-decoration: underline; }
.chatter .column-top .column-down .row .txt a:hover { color: #999; }
#add { color:#FFF;font-weight:bold;background: url(../images/fnd-ajax-lighbox-arriba.png) no-repeat top left; height: 91px; left: -11px; padding: 20px 24px 14px 20px; position: absolute; width: 146px;top: 490px;}

/*footer*/
#footer { background: url(../images/fnd-footer.png) repeat-x; float: left; height: 151px margin: 20px 0 0px 0; padding: 0; width: 100%; }
#footer .inner { background: url(../images/logo-footer.png) no-repeat bottom left; font-size: 11px; height: 95px; margin: 0 auto 0 auto; padding: 15px 0 0 0; width: 640px; }

/* ----------------------- Lighbox ----------------------- */
#lighbox { background: #231f20; }
.box { background: url(../images/fnd-lighbox-prayer-middle.gif) repeat-y left; float: left; margin: 15px; width: 558px; }
.box .top { background: url(../images/fnd-lighbox-prayer-top.gif) no-repeat top left; float: left; margin: 0; width: 558px; }
.box .top .down { background: url(../images/fnd-lighbox-prayer-down.gif) no-repeat bottom left; color: #FFFFFF; float: left; margin: 0; padding: 15px 20px 25px 26px; position: relative; width: 512px; }
.box .top .down .left { float: left; width: 344px; }
.box .top .down .left .row { float: left; padding: 12px 0 0 14px; width: 330px; }
.box .top .down .left .row2 { float: left; padding: 3px 0 0 14px; width: 330px; }
.box .top .down .left .row2 input, .box .top .down .left .row input { font-weight: bold; width: 330px; }
.box .top .down .left .row1 { float: left; padding: 0 0 5px 13px; width: 317px; }
.box .top .down .left .row1 input { float: left; width:12px; }
.box .top .down .left .row1 .txt { float: right; width: 290px; }
.box .top .down .left .btn-orange { float: left; margin: 20px 0 0 100px; }
.box .top .down .right { float: right; width: 133px; }
.box .top .down .right select { font-weight: bold; width: 133px; }
.box .top .down .right select .option { color: #65478d; }
#lighbox-ajx { background: url(../images/fnd-ajax-lighbox-abajo.png) no-repeat top left; height: 101px; left: 111px; padding: 20px 24px 14px 20px; position: absolute; top: 188px; width: 162px; z-index: 2; }
#lighbox-ajx2 { background: url(../images/fnd-ajax-lighbox-arriba.png) no-repeat top left; height: 91px; left: 346px; padding: 20px 24px 14px 20px; position: absolute; top: 110px; width: 146px; z-index: 3; }
.playerlist { background: #FFF repeat-y left; float: left; margin: 10px; width: 613px; }
.playerlist .top { background: url(../images/fnd-lighbox-2-top.png) no-repeat top left; float: left; width: 613px; }
.playerlist .top .down { background: url(../images/fnd-lighbox-2-bottom.png) no-repeat bottom left; float: left; padding: 10px; width: 593px; }
.playerlist .top .down .title { float: left; margin:0; padding: 16px 0 30px 80px; width: 200px; }
.playerlist .top .down .pages { float: right; font-size: 11px; padding: 0 10px 0 0; text-transform: uppercase; width: 230px; }
.playerlist .top .down .pages select { font-size: 11px; width: 110px; }
.playerlist .top .down .row { background: url(../images/fnd-prayer-oracion.gif) repeat-x top; border-left: #eaeaea 1px solid; border-right: #eaeaea 1px solid; float: left; height: 47px; padding: 0 15px; width: 561px; }
.playerlist .top .down .row2 { border-left: #eaeaea 1px solid; border-right: #eaeaea 1px solid; float: left; height: 47px; padding: 0 15px; width: 561px; }
.playerlist .top .down .left { float: left; font-weight: bold; padding: 4px 0 0 0; width: 475px; }
.playerlist .top .down .left p { line-height: 11px; }
.playerlist .top .down .left span { color:#999; font-size:11px; font-weight: normal; }
.playerlist .top .down .left a { color: #660033; font-size:10px; font-weight: normal; text-decoration: underline; }
.playerlist .top .down .right { float: right; padding: 0; width: 78px; }
.playerlist .top .down .right .ch { float: left; height: 14px; padding: 0; width: 78px; }
.playerlist .top .down .right .ch input { float: left; height: 10px; margin: 4px 0 0 0; padding: 0; width: 10px; }
.playerlist .top .down .right .ch .txt { color: #0099CC; float: right; font-size: 9px; height: 13px; text-transform: uppercase; width: 60px; }
.btns { border-top: #eaeaea 1px solid; float: left; padding: 23px 0 0 0; width: 576px; }
.btns .rss { background: url(../images/rssIcon.gif) no-repeat top left; color: #666666; display:block; float: right; font-size: 12px; font-weight: bold; height: 21px; margin: 0px 0 0 0; padding: 5px 0 0 33px; text-decoration: none; width: 61px; }
.btns .btn-orange { background: url(../images/btn-naranja-blanco.gif) no-repeat 0 0; color: #FFFFFF; display: block; float: right; height: 26px; margin: 0 10px 0 0; padding: 5px 0 0 0; text-align: center; width: 123px; }
.btns .btn-gris { background: url(../images/fnd-btn-gris.gif) no-repeat 0 0; color: #FFFFFF; display: block; float: right; height: 22px; margin: 3px 10px 0 0; padding: 2px 0 0 0; text-align: center; width: 122px; }
.btns .btn-orange:hover { background-position: 0 0; }

/*Login*/
#border-l{background: #737373; height: 4px; width: 903px; float: left; margin: 0 0 15px 0;}
#join{ background: url(../images/fnd-join-middle.jpg) repeat-y; float: left; margin: 0 0 0 4px; width: 330px; }
#join .top { background: url(../images/fnd-join-top.jpg) no-repeat top left; float: left; width: 330px; }
#join .top .down {background: url(../images/fnd-join-down.jpg) no-repeat bottom left; color: #FFFFFF; float: left; padding: 55px 0 62px 0; width: 330px; }
#join .top .down .btn a{display: block; background: url(../images/btn-join.jpg) no-repeat top left; width: 233px; height: 65px; float: right; margin: 0 25px 0 0;}
#join .top .down .btn a span{display: none;}
#join .top .down .txt a{display: block; width: 233px; height: 65px; float: right; margin: 0 25px 0 0;}
#c-middle{width: 285px; float: left; padding: 0 20px; font-size: 21px; color: #00aedd; text-align: center; line-height: 25px;}
#c-right{width: 275px; float: left; padding: 0;}
#login{background: url(../images/fnd-login-middle.gif) repeat-y; float: left; margin: 0; width: 262px; }
#login .top { background: url(../images/fnd-login-top.gif) no-repeat top left; float: left; width: 262px; }
#login .top .down { background: url(../images/fnd-login-down.gif) no-repeat bottom left; color: #FFFFFF; float: left; padding: 15px 0 15px 35px; width: 227px; color: #afaf18;}
#login .top .down .login-i{width: 227px; float: left; margin: 8px 0 0 0;}
#login .top .down .login-i .input3{width: 190px; float: left; height: 15px; padding: 0 2px;}
#login .top .down .login-i .input2{width: 150px; float: left; height: 15px; padding: 0 2px;}
#login .top .down .login-i .btn{width: 38px; float: left; background: url(../images/btn-login.gif) repeat-x top; height: 19px; border: 1px solid #ccc4b3; color: #FFFFFF; text-transform: uppercase; font-size: 11px; padding: 0;}
#login .top .down .login-i a{font-size: 11px; color: #afaf18; display: inline-block; padding: 0 30px 0 8px;}
#login .top .down .login-i a:hover{ text-decoration: underline;}
#c-right .prayer-module {background: url(../images/fnd-how.gif) no-repeat; color: #999; display:block; float: left; font-size: 16px; margin: 30px 0 0 0; padding: 10px 50px 0 50px; text-align: center; width: 165px; height:245px; }

/* ----------------------- Lighbox2 ----------------------- */
.box1 {background: url(../images/fnd-lighbox-join-middle.gif) repeat-y left; margin:20px 35px; width: 496px; float:left;}
.box1 .top { background: url(../images/fnd-lighbox-join-top.gif) no-repeat top left; float: left; margin: 0; width: 496px; }
.box1 .top .down { background: url(../images/fnd-lighbox-join-down.gif) no-repeat bottom left; color: #FFFFFF; float: left; margin: 0; padding: 35px 15px 25px 15px; position: relative; width: 466px; min-height:550px; }
.box1 .top .down .left{width: 130px; float: left;}
.box1 .top .down .left .login-i{width: 130px; float: left; margin: 8px 0 0 0;}
.box1 .top .down .left .login-i .ch, .box1 .top .down .right .login-i .ch{float: left;}
.box1 .top .down .left .login-i .txt{width: 90px; float: left;}
.box1 .top .down .left .login-i .input3{width: 123px; float: left; height: 16px; padding: 0 2px;}
.box1 .top .down .left .login-i .input2{width: 83px; float: left; height: 16px; padding: 0 2px;}
.box1 .top .down .left .login-i .btn{width: 38px; float: left; background: url(../images/btn-login.gif) repeat-x top; height: 19px; border: 1px solid #ccc4b3; color: #FFFFFF; text-transform: uppercase; font-size: 11px; padding: 0;}
.box1 .top .down .left .login-i a{font-size: 10px; color: #fff; display: inline-block; padding: 0 30px 0 8px;}
.box1 .top .down .right{width: 265px; float: right; padding: 0 25px 0 0; position: relative;}
.box1 .top .down .right .login-i{width: 180px; float: left; margin: 8px 0 0 0; padding: 0 0 0 15px;}
.box1 .top .down .right .login-i .input3{width: 165px; float: left; font-weight: bold;}
.box1 .top .down .right .login-i .input2{width: 83px; float: left;}
.box1 .top .down .right .login-i .btn{width: 144px; float: left; background: url(../images/fnd-btn-verde.gif) no-repeat top; height: 27px; border: none; color: #FFFFFF; text-transform: uppercase; font-size: 11px; padding: 0;cursor:pointer;}
.box1 .top .down .right .login-i a{font-size: 11px; color: #fff; text-decoration: underline;}
.box1 .top .down .right .login-i .txt{width: 150px; float: left;}
#validate{position: absolute; z-index: 6; top: 0; left: 0; width: 238px; height: 105px; padding: 10px 35px 10px 20px; background: url(../images/fnd-ajax-lighbox-join.png) no-repeat top left;}

.box2 {background: url(../images/fnd-lighbox-welcome-middle.gif) repeat-y left; float: left; margin: 20px 35px; width: 496px; }
.box2 .top { background: url(../images/fnd-lighbox-welcome-top.gif) no-repeat top left; float: left; margin: 0; width: 496px; }
.box2 .top .down { background: url(../images/fnd-lighbox-welcome-down.gif) no-repeat bottom left; color: #FFFFFF; float: left; margin: 0; padding: 35px 40px 15px; position: relative; width: 416px; position: relative; min-height: 550px;}
.box2 .top .down p{color: #FFFFFF; margin: 13px 0 30px 0; padding: 0 70px 0 13px; font-weight: bold;}
.box2 .top .down form{padding-left: 28px;}
.box2 .top .down form p{padding-right: 0;}
.box2 .top .down .login-i{width: 350px; float: left; margin: 8px 0 0 0; padding: 0 0 0 15px; font-weight: bold;}
.box2 .top .down .login-i .input3{width: 185px; float: left; font-weight: bold;}
.box2 .top .down .buttons{width: 416px; float: left; margin: 60px 0 0 0;}
.box2 .top .down .buttons a{display: inline; padding: 0 5px; background: none; color: #FFFFFF; border: none; font-weight: bold; text-decoration: underline; margin: 0 5px; float: right;}
.box2 .top .down .buttons a.btn{background: url(../images/btn-login.gif) repeat-x top; border: 1px solid #ccc4b3; text-decoration: none;}
#png{position: absolute;z-index: 6;top: 236px;left: 42px;width: 238px;height: 105px;padding: 10px 35px 10px 20px;background: url(../images/fnd-ajax-lighbox-join.png) no-repeat top left;font-weight: bold;}
.box2 .top .down .buttons2{width: 416px; float: left; margin: 7px 0 5px 0; padding: 0 0 0 10px;}
.box2 .top .down .buttons2 a{display: inline; padding: 0 5px; background: none; color: #FFFFFF; border: none; font-weight: bold; text-decoration: underline; margin: 0; float: left;}
.box2 .top .down .buttons2 a.btn{display: block; padding: 0 20px 0 0; background: none; color: #FFFFFF; border: none; font-weight: bold; text-decoration: underline; margin: 0; float: right; width: 200px; text-align: right;}
.box2 .top .down .login-e{width: 420px; float: left; margin: 8px 0 0 0; padding: 0 0 0 15px; font-weight: bold;}
.box2 .top .down .login-e .ch{float: left;}
.box2 .top .down .login-e .txt{width: 390px; float: right;}
.box2 .top .down .login-e .txt p{font-weight: normal; font-size: 11px; margin: 0 0 10px 0; line-height: 16px; padding: 0 0 0 0;}
.box2 .top .down .login-e .txt p a{font-weight: normal; font-size: 11px; text-decoration: underline; color: #FFFFFF; line-height: 16px;}
.box2 .top .down .login-e a.btn{background: url(../images/btn-login.gif) repeat-x top; border: 1px solid #ccc4b3; text-decoration: none; margin: 10px 0 0 0; float: left; display: block; width: 100px; color: #FFFFFF; text-align: center;}
.border-a{ border: 3px #FFFFFF solid;}
.img_click{margin:0 3px;}

/*CM added  */
/* ================================================== message stuff */

.msg {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	height: 94px;
	clear: both;
	background: #fff url(../grafika/message_back.jpg) left top repeat-x;
	border: 1px solid #b5b5b5;
	border-left: 5px solid #007eff;
	overflow: hidden;
	position: relative;
}
.msg.yellow {
	border-left: 5px solid #99D600;
}

.msg_content {
	position: absolute;
	height: 65px;
	overflow: hidden;
	top: 5px;
	left: 80px;
	right: 10px;
}
.mini_msg {
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 5px;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	clear: both;
}

.when {
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	padding-left: 18px;
	background: transparent url(../grafika/time.png) left center no-repeat;
	color: #666;
	position: absolute;
	right: 5px;
	bottom: 3px;
}
.msg_controls {
	position: absolute;
	bottom: 0px;
	left: 5px;
	width: 100px;
	height: 23px;
	overflow: hidden;
}


#profile_header {
	background: #99D600;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	position: relative;
}
#profile_header .when {
	color: #fff;
	font-weight: bold;
	text-align: right;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../grafika/time.png) left center no-repeat;
}

.person {
	height: 75px;
	margin-bottom: 5px;
	clear: both;
}

/*========================================================= profile - sidebar links */
.user_stats a {
	line-height: 1.5em;
	padding-left: 20px;
}
a.link_direct_msg {background: transparent url(../grafika/email.png) left center no-repeat;}
a.link_followers {background: transparent url(../grafika/group.png) left center no-repeat;}
a.link_friends {background: transparent url(../grafika/user.png) left center no-repeat;}
a.link_favorites {background: transparent url(../grafika/heart.png) left center no-repeat;}
a.link_sms_credits {background: transparent url(../grafika/money.png) left center no-repeat;}

.rss_feed {
	background: transparent url(../grafika/feed.png) left center no-repeat;
	padding-left: 20px;
}

/*========================================================= message layer buttons */
.txt form, .mini_msg form {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.txt input, .mini_msg input, #profile_header input.delete_msg, #profile_header input.reply {
	background-color: transparent;
	border: none;
	color: #000;
	font-size: 80%;
	line-height: 9px;
	height: 18px;
	width: 50px;
	margin-top: 0px;
	padding: 0px 0px 0px 9px;
	cursor: pointer;
}
.txt input:hover, .msg input:focus,.mini_msg input:hover, .mini_msg input:focus {color: #f60;}

.row .txt .when {
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	padding-left: 18px;
	background: transparent url(../grafika/time.png) left center no-repeat;
	color: #666;
	position: absolute;
	right: 5px;
	bottom: 3px;
}

input.delete_msg {
	background: transparent url(../grafika/cancel.png) center center no-repeat;
	width: 9px;
	height: 9px;
}
input.reply {
	background: transparent url(../grafika/comment.png) center center no-repeat;
	width: 9px;
	height: 9px;
}
img.avatar {
	background: #fff;
	border: 1px solid #b5b5b5;
	padding: 2px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 60px;
	height: 60px;
}
img.mini_friend, a img.mini_friend , a:visited img.mini_friend {
	padding: 0px;
	border: 1px solid #000;
	margin: 5px;
	width: 25px;
	height: 25px;
	background: #fff;
	vertical-align: middle;
}
a:hover img.mini_friend {background: #f60;}
#last_msg_tooltip {
	width: 200px;
	overflow: hidden;
	position: absolute;
	color: #000;
	font-size: 1em;
	text-align: center;
	background: #e7f3ff;
	border: 2px solid #007dfe;
	padding: 5px;
	font-size: 90%;
}

/* ================================================== settings page */
#settings_menu {
	float: left;
	width: 125px;
	padding: 0px 10px 10px 10px;
	background: #eee;
	border: 1px solid #ccc;
}
#settings_content {
	float: right;
	width: 400px;
}
#picture_set {
	height: 250px;
	overflow: scroll;
}

/* ----------------------- Clearfix ----------------------- */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* Esconde de IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Fin esconde de IE-mac */