body{
margin:0px;
padding:0px;
text-align:center;
background: url(../images/bg.jpg);
}
#background{
background: url(http://www.totoongpinoy.com/images/stories/totoongpinoy/images/bgbar.jpg) repeat-x top left;
}
#frame{
width:860px;
margin:auto;
}
#header{
width:860px;
height:139px;
padding:0px;
margin:0px;
margin-bottom:9px;
}
#header object, #header object embed{
padding:0px;
margin:0px;
}
#footer{
position:relative;
width:860px;
height:133px;
background:url(../images/index-01.jpg) no-repeat top left;
clear:left;
}
#middle {
min-height:582px;
height:auto !important;
height:582px;
width:860px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/nabgtile.jpg) top left repeat-y;
}
#middletop{
min-height:582px;
height:auto !important;
height:582px;
width:860px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/navbg.jpg) top left no-repeat;
}
#middlebottom{
min-height:582px;
height:auto !important;
height:582px;
width:860px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/navbgbottom.jpg) bottom left no-repeat;
}
#nav{
float:left;
width:133px;
height:563px;
background:url(../images/index-02.jpgr) no-repeat top left;
padding:0px;
margin:0px;
text-align:left;
}
#navultwobg{
width:133px;
height:179px;
padding-bottom:4px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/navbgbottom.gif) bottom left no-repeat;
}
#navultwo{
list-style:none;
padding:0px;
margin:0px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/navulbgtop.gif) top left no-repeat;
width:133px;
height:175px;
padding-top:4px;
}
#navultwo li{
display:inline;
}
#navultwo li a{
display:block;
padding:0px;
margin:0px;
}
#navul{
padding:0px;
margin:0px;
list-style:none;
width:126px;
height:524px;
position:relative;
padding-left:3px;
}
#navul li{
padding:0px;
margin:0px;
display:inline;
}
#navul li a{
display:block;
padding:0px;
margin:0px;
}
#rowoneli a, #rowtwoli a, #rowthreeli a{
width:62px;
}
#rowoneli, #rowtwoli, #rowthreeli{
position:relative;
}
#megaphone, #tv, #trumpo{
position:absolute;
left:62px;
top:0px;
}
/*
#nav img {
margin-bottom:5px;
}
#nav img#bayan {
border:none;
position:relative;
top:11px;
}
* html #nav img#bayan {
border:none;
position:relative;
top:1px;
}
#nav img#bti {
border:none;
position:relative;
top:15px;
}
* html #nav img#bti {
top:2px;
}
*/
#loginbox{
position:relative;
width:133px;
height:266px;
margin:0px;
padding:0px;
}
/**html #loginbox {
width:133px;
padding:0px;
margin:0px;
overflow:hidden;
}
#loginbox table td{
height:39px;
display:block;
}*/
a:link, a:visited {
font-size
: 12px;
color
: #336600;
text-decoration
: none;
font-weight
: bold;
}
a:hover {
font-size
: 12px;
color
: #669933;
text-decoration
: none;
font-weight
: bold;
}
/*login forms*/
#mod_login_username{
position:absolute;
top:144px;
left:6px;
width:118px;
height:16px;
border:0px;
background:transparent;
}
#mod_login_username_label{
position:absolute;
top:1px;
left:7px;
text-transform:lowercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
display:none;
}
#mod_login_password{
position:absolute;
top:187px;
left:6px;
width:118px;
height:16px;
border:0px;
background:transparent;
}
#mod_login_password_label{
position:absolute;
top:1px;
left:105px;
text-transform:lowercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
display:none;
}
#mod_login_remember, #lost_password{
display:none;
}
#loginbox .button{
position:absolute;
top:229px;
left:35px;
width:62px;
height:24px;
border:0px;
padding-top:24px;
overflow:hidden;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/loginbg.gif) top left;
cursor:pointer;
cursor:hand;
}
#loginbox .button:hover{
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/loginbg.gif) bottom left;
}
#register_div{
position:absolute;
width:133px;
height:127px;
top:0px;
left:0px;
text-transform:lowercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#000000;
}
#register_div a:link, #register_div a:visited{
color:#FFFFCC;
text-decoration:none;
display:block;
width:133px;
height:127px;
text-indent:-999em;
}
#register_div a:hover{
color:#FFFF66;
text-decoration:underline;
text-indent:-999em;
}
/*end of login forms*/
#searchbox{
float:right;
width:388px;
height:39px;
margin-left:5px;
}
#searchbg{
width:388px;
height:39px;
text-align:right;
}
.search{
width:388px;
height:39px;
position:relative;
}
.search .button{
position:absolute;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/searchbgbutton.gif) top left no-repeat;
width:41px;
height:29px;
padding:0px;
margin:0px;
padding-top:29px;
top:7px;
right:30px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}
.search .button:hover{
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/searchbgbutton.gif) bottom left no-repeat;
}
.search .inputbox{
position:absolute;
width:178px;
height:19px;
right:77px;
top:10px;
padding:0px;
margin:0px;
border:0px;
background:transparent;
}
#rightpart{
width:720px;
float:left;
margin-left:6px;
}
#modules{
padding-bottom:8px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/modulepartbg.jpg) top left no-repeat;
height:40px;
}
/*
#modules, #content{
margin-left:139px;
width:720px;
padding-bottom:8px;
}
#content{
padding-bottom:0px;
}
* html #content{
text-align:right;
vertical-align:top;
}
* html #nav{
border: 0px #000000 solid;
}
*html #modules, #content{
margin-left:133px;
}
#flag img, #mouth img, #can img, #megaphone img, #tv img, #trumpo img{
border:none;
}
#flag {
position:absolute;
top:9px;
left:43px;
border:none;
}
#mouth{
position:absolute;
top:9px;
left:172px;
border:none;
}
#can{
position:absolute;
top:9px;
left:307px;
border:none;
}
#megaphone{
position:absolute;
top:9px;
left:446px;
border: 0px;
}
#tv{
position:absolute;
top:9px;
left:588px;
border: 0px;
}
#trumpo{
position:absolute;
top:9px;
left:720px;
border: 0px;
}
*/
#footer{
text-align:center;
}
#footertext{
position:absolute;
bottom:1px;
left:335px
}
/*CSS of content starts here*/
#contenthometop{
position:relative;
min-height:374px;
height:auto !important;
height:374px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/ftusabg.jpg) top left no-repeat;
padding-right:320px;
padding-top:10px;
padding-left:10px;
line-height:1.3;
}
#subscribehome{
position:absolute;
top:286px;
left:243px;
}
#contenthomemiddle{
background:#FFFFFF;
}
#contenthomemiddleleft{
float:left;
width:388px;
background:#FFFFFF;
line-height:1.5;
}
#contenthomemiddleright{
float:left;
width:320px;
min-height:280px;
height:auto !important;
height:280px;
padding-left:10px;
padding-top:10px;
background:#FFFFFF;
line-height:1.5;
}
#articleslinks{
list-style:none;
padding:0px;
margin:0px;
width:388px;
}
#articleslinks li{
float:left;
}
#articleslinks li a{
display:block;
margin:0px;
padding:0px;
}
#kwento, #clutz{
padding-top:11px;
}
#kwento{
padding-left:7px;
}
img{
border:0px;
}
#adspace{
padding:0px;
margin:0px;
text-align:left;
width:320px;
float:right;
overflow:hidden;
margin-right:8px;
}
#hometext{
padding:10px;
}
#contentspace{
width:390px;
float:right;
padding:0px;
margin:0px;
}
#tolits{
width:390px;
height:167px;
overflow:hidden;
margin:0px;
padding:0px;
}
#dyords{
margin:0px;
padding:0px;
padding-top:10px;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/images/index-07.jpg) top right no-repeat;
}
#contentspace2{
clear:both;
padding-top:9px;
padding-bottom:9px;
width:390px;
height:176px;
}
#kwentongbarbero{
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/images//index-10.jpg) no-repeat bottom right;
float:right;
width:182;
height:176px;
}
#clutzbag{
float:left;
width:200px;
height:176px;
text-align:left;
background:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/images//index-09.jpg) no-repeat bottom right;
margin-bottom:0px;
}
object, embed{
padding:0px;
margin:0px;
}
#clearer{
clear:left;
height:1px;
visibility:hidden;
overflow:hidden;
}
#clearerright{
clear:right;
height:1px;
visibility:hidden;
overflow:hidden;
}
#familytiescontactsul{
list-style:url(http://www.totoongpinoy.com/images/stories/totoongpinoy/template/bulletred.gif);
}
/*CSS of content until here*/
.article_seperator{
display:none;
}
body {
color
: #333333;
padding
: 0px;
font-family
: Tahoma, Verdana, Sans-serif;
font-size
: 12px;
}
a.bar:link, a.bar:visited {
font-family:Tahoma, Verdana, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
a.bar:hover {
font-family:Tahoma, Verdana, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
td, tr, p, div {
font-family
: Tahoma, Verdana, Sans-serif;;
font-size
: 12px;
color
: #333333;
padding:0px;
margin:0px;
border-collapse:collapse;
}
td.user3 {
background: #00CC00 url(../images/index1_08.jpg) top no-repeat ;
font-family
: Tahoma, Verdana, Sans-serif;;
font-size
: 11px;
color
: #333333;
}
hr {
color
: #333333;
height
: 1px;
width
: 100%;
}
.contentdescription {
width
: auto !important;
display
: block;
}
#buttons {
float
: right;
margin
: 0px;
padding
: 0px;
width
: 50%;
}
ul#mainlevel-top {
font-size
: 11px;
list-style
: none;
padding
: 0;
margin
: 0;
font-size
: 0.8em;
}
ul#mainlevel-top li {
display
: block;
background-image : none;
padding-left
: 1px;
padding-right
: 1px;
float
: left;
margin
: 0;
width
: auto !important;
font-size
: 11px;
line-height
: 22px;
white-space
: nowrap;
}
ul#mainlevel-top li a {
font-size
: 11px;
display
: block;
padding-left
: 16px;
padding-right
: 16px;
text-decoration
: none;
color
: #FFF;
background
: transparent;
font-weight
: normal;
}
ul#mainlevel-top li a:hover {
font-size
: 11px;
color
: #FFF;
background-image : url(../images/topmenuhover.jpg);
background-position: 0;
font-weight
: normal;
}
.sublevel {
padding-left
: 10px;
}
.leftrow {
background-color : #F1F1F1;
width
: 168px;
height
: 100%;
margin-right
: 5px;
}
.rightrow {
background-color : #F1F1F1;
height
: 100%;
width
: 168px;
align
: right;
margin-left
: 5px;
}
#search {
float
: left;
margin-top
: 5px;
border
: 1px solid #cccccc;
padding
: 0px;
widthý
: 123px !important;
width
: 125px;
height
: 16px !important;
height
: 16px;
overflow
: hidden;
}
#search .inputbox {
border
: 0px;
margin-top
: 0px;
padding
: 2px 3px 2px 6px !important;
padding
: 0px 3px 2px 6px;
font-family
: arial, helvetica, sans-serif;
font-size
: 10px;
height
: 12px !important;
height
: 12px;
width
: 123px !important;
width
: 125px;
color
: #999999;
background
: #FFFFFF;
}
.back_button a:link, .back_button a:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 12px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
.button {
font-size
: 11px;
color
: #FFF;
background-color : #4c7f00;
border
: 0px;
}
.button-search {
background-color : #666666;
color
: #FFF;
border
: 0px;
padding
: 1px;
}
.inputbox {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-repeat:repeat-x;
background-color : #FFF;
margin-bottom
: 5px;
color
: #333333;
}
.inputbox-search {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-color : #EDEDED;
margin-bottom
: 5px;
color
: #333333;
float
: right;
}
.sectiontableheader {
font-size
: 11px;
font-weight
: normal;
text-transform
: uppercase;
letter-spacing
: 1px;
color
: #333333;
background
: #EDEDED;
padding
: 1px;
}
.sectiontableentry1 {
vertical-align
: top;
padding
: 3px;
background
: #E3E3E3;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
.sectiontableentry2 {
vertical-align
: top;
padding
: 3px;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
a.mainlevel
{
margin
: 0px;
padding
: 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel: link {
padding
: 0px 0px 0px 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel:link, a.mainlevel:visited {
display
: block;
font-size
: 11px;
font-weight
: normal;
padding
: 2px 0px 2px 15px;
color
: #4c7f00;
width
: 150px;
background-image : url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position: 3px;
}
a.mainlevel:hover {
font-size
: 11px;
font-weight
: normal;
text-decoration
: underline;
color
: #4c7f00;
}
#active_menu {
color
: #4c7f00;
font-weight
: bold;
}
a#active_menu:hover {
color
: #4c7f00;
}
a:link, a:visited {
font-size
: 12px;
color
: #555555;
text-decoration
: none;
font-weight
: bold;
}
a:hover {
font-size
: 12px;
color
: #4c7f00;
text-decoration
: none;
font-weight
: bold;
}
a.category:link, a.category:visited {
font-size
: 11px;
font-weight
: bold;
}
a.readon:link, a.readon:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
a.readon:hover {
color
: #666666;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
}
ul {
}
li {
}
ol{margin-left:40px;
list-style-position:inherit;
}
table.contenttoc {
border
: 1px solid #FFFFFF;
background
: #F1F1F1;
padding
: 5px;
margin-left
: 2px;
margin-bottom
: 2px;
}
.pagenavcounter {
font-size
: 10px;
color
: #0066CC;
}
.pagenavbar {
border-top
: 1px solid #999999;
padding
: 2px;
}
.pagenav {
font-weight
: bold;
color
: #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
text-decoration
: none;
}
a.pagenav:hover {
text-decoration
: none;
}
.date {
font-size
: 10px;
color
: #fff;
padding-right
: 10px;
}
.small {
font-size
: 10px;
color
: #333333;
}
.smalldark {
font-size
: 10px;
color
: #333333;
}
.createdate, .modifydate {
font-size
: 10px;
color
: #666666;
}
.content_vote {
font-size
: 10px;
height
: 22px;
padding-top
: 2px;
padding-bottom
: 2px;
}
.content_rating {
font-size
: 10px;
color
: #CC9900;
}
.pathway {
font-size
: 10px;
color
: #fff;
padding-left
: 8px;
}
a.pathway:link, a.pathway:visited {
font-size
: 10px;
color
: #fff;
padding-left
: 0px;
}
a.pathway:hover {
font-size
: 10px;
padding-left
: 0px;
color
: #fff;
}
table.content{
width
: 100%;
padding
: 0px;
border-collapse
: collapse;
border-spacing
: 0px;
pading:0px
margin:0px;
}
table.contentpane {
width
: 100%;
border-spacing
: 0px;
pading:0px
margin:0px;
}
table.contentpaneopen {
width
: 720px;
border-spacing
: 0px;
border-collapse
: collapse;
pading:0px
margin:0px;
text-align:left;
background:#FFFFFF;
}
.pollstableborder{
border-color
: #999999;
}
.contentheading, .componentheading {
font-size
: 30px;
font-weight
: bold;
line-height
: 24px;
text-align
: left;
color
: #FF6666;
width
: 100%;
}
.title {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-indent
: 8px;
font-size
: 22px;
text-align
: left;
color
: #FFFFFF;
}
.title a:link, .title a:visited {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.title a:hover {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.ontab {
border-left
: 1px solid #404040;
text-align
: center;
font-weight
: bold;
color
: #333333;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.offtab {
border-left
: 1px solid #404040;
text-align
: center;
color
: #999999;
font-weight
: normal;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.tabpadding {
border-left
: 1px solid #404040;
}
.pagetext {
visibility
: hidden;
position
: relative;
top
: -10;
background-color : #FFFFFF;
display
: none;
}
.footer {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
color
: #006D8C;
font-size
: 10px;
font-weight
: bold;
text-align
: center;
}
.footer a:link, .footer a:visited {
font-size
: 10px;
color
: #006d8c;
text-decoration
: underline;
font-weight
: bold;
}
.footer a:hover {
font-size
: 10px;
color
: #666666;
text-decoration
: none;
font-weight
: bold;
}
.contact_email
{
width
: 100%;
}
.contact_email .inputbox {
width
: 345px;
}
table.moduletable-left {
width
: 200px;
table-layout
: auto;
border
: 1px solid #EAEAEA;
}
table.moduletable-left th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
color
: #FFF;
background-image : url(../images/moduleheadbg.jpg);
}
table.moduletable-left td {
padding-left
: 5px;
padding-right
: 5px;
}
table.moduletable {
width
: 100%;
table-layout
: auto;
}
table.moduletable th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
}
table.moduletable td {
padding-left
: 0px;
padding-right
: 0px;
}
#contenthomemiddleright a:link, #contenthomemiddleright a:visited{
color:#CC0000;
text-decoration:none;
font-size:14px;
}
#contenthomemiddleright a:hover{
color:#CC0000;
text-decoration:underline;
}