a* { padding: 0; margin: 0; }
html,body {
font-family: Arial,verdana;
font-size: 12px;
background:#666;
/*background-color:#ebebeb;*/
margin:0px 0px;
}
#wrapper {
margin: 0 auto;
width: 980px;
background:white;
/*
border-left: 1px solid #696969;
border-right: 1px solid #696969;
border-bottom: 1px solid #696969;
*/
}
#header {
/*background:#7F7F7F;*/
background:#58ACFA;
width: 960px;
float: left;
padding: 0px 10px 0px 10px;
height: 72px;
margin: 0px 0px 0px 0px;
/*background-image: url("tandenlogo3.jpg");
background-position: 50% 50%; */
background-repeat: no-repeat;
}
#navigation {
float: left;
/*width: 880px;*/
width:960px;
color: #000000;
padding-left: 10px;
padding-right: 10px;
padding-bottom:10px;
margin: 0px 0px 0px 0px;
/*background: #7F7F7F;*/
background:#58ACFA;
font-size: 12px;
}
#navigation_content{
width:945px;
font-weight:normal;
/*height:35px;*/
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size:12px;
padding:0px 5px 0px 10px;
background:#050505;
color:#DCDCDC;
}
#BigBannerAd
{
height:300px;
width:980px;
color:#858585;
font-size:23px;
text-align:center;
/*border:1px solid #000;*/
}
#loginbb {
font-weight:normal;
/*background:#CCffCC;*/
font-family: Verdana;
font-size: 12px;
text-align: left;
display:inline;
padding-top:10px;
width:440px;
float:left;
}
#loginbb .theInput {
font-family: Verdana;
font-size: 11px;
width: 60px;
height:15px;
margin-left: 3px;
/*background-color:#f2f6fe;*/
background-color:#A9F5A9;
border: 1px solid #9BCD9B;
}
#loginbb .theSubmit {
font-family: Verdana;
font-size: 10px;
/*background-color:#f2f6fe; */
border:1px solid #9BCD9B;
color: #c0c0c0;
height:20px;
margin-right: 3px;
}
#loginCC{
color: #000;
font-size: 11px;
text-align: left;
display:inline;
/*border:1px solid #696969; */
border:1px solid #0080FF;
/*border:1px solid #1874CD ;*/
padding:5px;
width:460px;
float:left;
height:73px;
font-weight:normal;
background:#A9F5A9;
/*background:#1874CD;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#today_display_logged{
height:30px;
clear:both;
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
color: #000000;
}
#today_display_logged ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
padding-right:30px;
}
#today_display_logged li {
display: inline;
}
#today_display_logged li a {
display: block;
/*font-weight:bold;*/
font-size: 11px;
/*color: white; -------------OLD------------*/
/*border: 1px solid white; -------------OLD------------*/
color: #000000;
border: 1px solid #9BCD9B;
text-decoration: none;
padding: 2px 4px 2px 4px;
margin-right:3px;
float: left;
}
#today_display_logged li a:hover {
background-color:#009999;
color: white;
/*text-decoration:underline; */
}
#memberLogin {
float: left;
/*width:880px;*/
width:960px;
color: #333;
padding:0 10px 10px 10px;
/*background: #7F7F7F;*/
background:#58ACFA;
}
#horizontalMenu{
float: left;
width:960px;
color: #333;
padding:0 10px 10px 10px;
/*background: #7F7F7F;*/
background:#58ACFA;
}
#content {
float: left;
color: #333;
/* background: green;*/
margin: 0px 0px 0px 0px;
padding: 10px;
/*height: 950px;*/
background:white;
width:958px;
/*display: inline;*/
}
#footer {
width: 958px;
clear: both;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 10px 0px;
padding: 10px;
}
#login {
color: #000000;
border: 1px solid #9999ff;
background:#ccccff;
/*border-left:10px solid #ff6666;*/
font-family: Verdana;
font-size: 11px;
text-align: left;
/*width: 727px;*/
padding:2px;
width:874px;
height:22px;
float:left;
}
#login .theInput {
font-family: Verdana;
font-size: 11px;
width: 90px;
margin-left: 5px;
border: 1px solid #9999ff;
}
#login .theSubmit {
font-family: Verdana;
font-size: 10px;
background-color: #006600;
color: #FFFFFF;
margin-right: 5px;
}
#topAnnouncement
{
display:inline;
float:left;
width:169px;
height:20px;
/*background:#B40404;*/
color:#ffffff;
padding:5px;
font-weight:bold;
background: url("top.png") no-repeat;
}
#ScrollBox
{
clear:both;
padding:10px 10px 10px 10px;
/*background:#7F7F7F;*/ height:30px;
/*background:#58ACFA;*/
background:#0B3861;
}
a.scroll{
text-decoration: none;
color: #EDEDED ;
}
a.scroll:hover
{
text-decoration: underline;
color:#EDEDED;
}
#sidebar {
width:150px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom:10px;
}
#sidebar li {
/*border-right: 1px solid #003366;*/
border-bottom:1px inset white;
/*background: #DFDFDF;*/
background: #ccccff;
}
#sidebar li a {
display: block;
font-size: 12px;
color: #000000;
font-weight:normal;
/*border-left: 10px solid #c24641; */
/* border-left: 10px solid #003366;*/
text-decoration: none;
/*border-right: 10px solid #ccccff; */
padding: 2px 0 4px 20px;
}
#sidebar li a:hover {
/* border-right: 10px solid orange; archard*/
/* border: 1px solid blue;*/
background-color:#9999ff;
color:white;
}
a.blue{
/*color: #006fC9 ;*/
color:#336699;
text-decoration: none;
}
a.blue:hover{
color:black;
}
a.black{text-decoration:none;
color:#000000;}
a.black:hover{text-decoration:none;
color:#000000;
}
#picha{
width:292px;
/*height:240px;*/
height: 239px;
float:left;
border: 1px solid #003366;
margin-right:6px;
display:inline;
margin-bottom:10px;
}
#addItemsColumn{
height:26px;
clear:both;
/*width:558px;*/
background-color:#A9F5A9;
width:956px;
/*border: 1px solid #696969;*/
border:1px solid #0080FF;
}
#addItemsColumn ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
#addItemsColumn li {
display: inline;
}
#addItemsColumn li a {
display: block;
font-size: 12px;
color: black;
border-right: 1px solid #9BCD9B;
text-decoration: none;
padding: 6px 4px 6px 4px;
float: left;
}
#addItemsColumn li a:hover {
background:#000000;
color:#ffffff;
}
table.matangazo_table
{ text-align: left;
font-family: Arial,Verdana;
font-weight: normal;
font-size: 12px;
color: black;
width: 558px;
border: 1px #336699 solid;
border-collapse: collapse;
border-spacing: 0px;
/*text-indent: 5px;*/
clear:both; /*addedd coz of firefox*/
}
td.matangazo_column
{ text-align: left;
/*background-color: #99ff66;*/
background-color: #336699;
width:558px;
height:20px;
font-family: Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: white; }
td.matangazo_column2
{ text-align: right;
/*background-color: #ccffcc;*/
/*border-top: 1px #336600 solid;*/
/* border-bottom: 1px #336600 dotted;*/
height:15px;
font-family: Arial,Verdana;
font-weight: normal;
font-size: 10px;
color: black;
padding:5px;
}
td.matangazo_inner{
padding:5px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
td.matangazo_head{
/*padding:5px;*/
font-size:12px;
font-family:arial;
/*background-color:#ccccff;*/
margin-left:5px;
color:#c24641;
/*border-bottom: 1px #003366 solid;*/
height:20px;
font-weight:bold;
}
#submit2 {
font-family: Verdana;
font-size: 10px;
background-color: #006600;
color: #FFFFFF;
height:12px
}
#videos {
border: 1px solid #ccc;
width:428px;
/* height:390px;*/
height:400px;
margin-left:65px;
}
p.left{
margin-left:5px;
}
p.right{
text-align:right;
}
#tanden{
width: 558px;
height:20px;
background-color:#ff9966;
}
#chat{
background-color:#003366;
width: 558px;
height:500px;
margin-left: auto;
margin-right: auto;
}
#LeftBox{
float:left;
width: 426px;
border: 1px solid #c6c6c6;
font-size:11px;
margin-bottom:10px;
/*background:#ffdab9;*/
/* background-color:#ececec; */
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
#LeftBox .header{
padding:10px 5px; ;
font-size:22px;
color:#000;
font-weight:normal;
/*background-color:#eeeeee; */
}
#LeftBox a{
text-decoration: none;
color:#36648B;
}
#LeftBox .mHeaderBar{
height:25px;
/*background-color:#C3D9FF;*/
background-color:#7F7F7F;
color:#F0F0F0;
/*border-bottom:1px solid #c6c6c6;*/
/*border-top:1px solid #c6c6c6;*/
}
#LeftBox .mNameHeader{
float:left;
width:220px;
height:20px;
padding:5px 0 0 10px;
border-right:1px solid #c6c6c6;
}
#LeftBox .mYearHeader{
float:left;
width:50px;
height:20px;
padding:5px 0 0 10px;
border-right:1px solid #c6c6c6;
}
#LeftBox .mIDHeader{
float:left;
width:50px;
height:20px;
padding:5px 0 0 10px;
}
#LeftBox .mRow{
clear:both;
border-bottom:1px solid #c6c6c6;
height:25px;
font-size:12px;
}
#LeftBox .mRow2{
clear:both;
border-bottom:1px solid #c6c6c6;
background-color:#EDEDED;
font-size:12px;
height:25px;
}
#LeftBox .mNameRow{
float:left;
width:220px;
height:20px;
padding:5px 0 0 10px;
border-right:1px solid #c6c6c6;
}
#LeftBox .mYearRow{
float:left;
width:50px;
height:20px;
padding:5px 0 0 10px;
border-right:1px solid #c6c6c6;
}
#LeftBox .mIDRow{
float:left;
width:50px;
height:20px;
padding:5px 0 0 10px;
}
#RightBox{
float:right;
/*width:380px;*/
width:500px;
/*height:400px;*/
border:1px solid #c6c6c6;
padding:5px 10px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#ececec;
}
#RightBox #memberImage{
float:left;
height:133px;
width:116px;
border:1px solid #ccc;
}
#RightBox #memberBrief{
float:right;
height:113px;
font-size:17px;
padding:10px;
width:340px;
border:1px solid #ccc;
}
#RightBox .l1{
float:left;
height:20px;
width:103px;
background-color:#C3D9FF;
padding:5px 10px;
text-align:right;
}
#RightBox .r1{
float:right;
height:20px;
width:360px;
padding:5px;
background-color:#eeeeee;
}
#RightBox .address_l1{
float:left;
height:40px;
width:103px;
background-color:#C3D9FF;
padding:5px 10px;
text-align:right;
}
#RightBox .address_r1{
float:right;
height:30px;
width:360px;
padding:5px;
background-color:#eeeeee;
}
#RightBox .r1r1{
height:30px;
/* border-bottom:1px solid #EEEEEE; */
}
#RightBox .address_r1r1,.payment_r1r1{
height:50px;
/*border-bottom:1px solid #EEEEEE;*/
}
#RightBox .header{
clear:both;
padding:10px 5px; ;
font-size:22px;
color:#000;
font-weight:normal;
/*background-color:#eeeeee; */
}
#RightBox .year{
float:left;
height:20px;
width:50px;
background-color:#4096EE;
color:#fff;
padding:5px;
}
#RightBox .payment_year{
float:left;
height:20px;
width:65px;
background-color:#4096EE;
color:#fff;
padding:5px;
}
#RightBox .year_row{
float:left;
height:20px;
width:50px;
background-color:#C3D9FF;
padding:5px;
}
#RightBox .year_total{
float:left;
height:20px;
width:50px;
background-color:#C3D9FF;
padding:5px;
font-weight:bold;
}
#RightBox .payment_row{
float:left;
height:30px;
width:65px;
background-color:#C3D9FF;
padding:10px 5px;
}
#RightBox .fee{
float:left;
height:20px;
width:50px;
color:#fff;
background-color:#4096EE;
padding:5px;
}
#RightBox .fee_row{
float:left;
height:20px;
width:50px;
background-color:#C3D9FF;
padding:5px;
}
#RightBox .donation_row{
float:left;
height:20px;
width:60px;
background-color:#C3D9FF;
padding:5px;
}
#RightBox .donation_amount{
float:left;
height:20px;
width:60px;
color:#fff;
background-color:#4096EE;
padding:5px;
}
#RightBox .fee_total{
float:left;
height:20px;
width:50px;
background-color:#C3D9FF;
padding:5px;
font-weight:bold;
}
#RightBox .donation_total{
float:left;
height:20px;
width:60px;
background-color:#C3D9FF;
padding:5px;
font-weight:bold;
}
#RightBox .payment_submit{
float:left;
height:40px;
width:300px;
/*background-color:#C3D9FF; */
padding:10px 0px;
}
#RightBox .payment_submit_button{
float:left;
height:40px;
font-size:15px;
color:#fff;
width:100px;
background-color:#859731;
border:1px solid #6E8B3D;
padding:5px;
}
#RightBox .infoRow{
clear:both;
height:40px;
}
#RightBox .infoL{
float:left;
height:20px;
width:30px;
text-align:center;
padding-top:10px;
background-color:#C3D9FF;
border:1px solid #c6c6c6;
}
#RightBox .infoR{
float:left;
width:450px;
height:20px;
font-size:13px;
padding:10px 0 0 10px;
/*border:1px solid #ccc;*/
}
#memberOtherFormatBox{
height:45px;
border-top:8px solid #c6c6c6;
}
#memberOtherFormatBox .printableMember{
float:left;
width:122px;
height:45px;
border-right:1px solid #c6c6c6;
background: url("images/icons/printer.png") no-repeat;
background-position: 50% 50%;
}
#memberOtherFormatBox .pdfFileMember{
float:left;
width:122px;
height:45px;
border-right:1px solid #c6c6c6;
background: url("images/icons/pdf.png") no-repeat;
background-position: 50% 50%;
}
#memberOtherFormatBox .wordFileMember{
float:left;
width:122px;
height:45px;
border-right:1px solid #c6c6c6;
background: url("images/icons/word.png") no-repeat;
background-position: 50% 50%;
}
#memberOtherFormatBox .XMLFileMember{
float:left;
width:122px;
height:45px;
background: url("images/icons/xml.png") no-repeat;
background-position: 50% 50%;
}
#memberOtherFormatBox .spanOtherFormat{
display:block;
width:112px;
height:30px;
padding:15px 10px 0 0;
text-align:right;
}
#memberOtherFormatBox span:hover{
display:block;
width:110px;
height:28px;
padding:15px 10px 0 0;
border:1px solid #EE7600;
}
#AllOtherFormatBox{
margin-top:20px;
height:45px;
border:1px solid #c6c6c6;
width:494px;
background:#fff;
}
#AllOtherFormatBox .printable{
float:left;
width:98px;
height:45px;
text-align:right;
border-right:1px solid #c6c6c6;
background: url("images/icons/printer.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .pdfFile{
float:left;
width:98px;
height:45px;
border-right:1px solid #c6c6c6;
background: url("images/icons/pdf.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .wordFile{
float:left;
width:98px;
height:45px;
border-right:1px solid #c6c6c6;
background: url("images/icons/word.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .ExcelFile{
float:left;
width:98px;
border-right:1px solid #c6c6c6;
height:45px;
background: url("images/icons/excel.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .CSVFile{
float:left;
width:98px;
border-right:1px solid #c6c6c6;
height:45px;
background: url("images/icons/csv.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .XMLFile{
float:left;
width:98px;
height:45px;
background: url("images/icons/xml.png") no-repeat;
background-position: 20% 50%;
}
#AllOtherFormatBox .spanOtherFormat{
display:block;
width:88px;
height:30px;
padding:15px 10px 0 0;
text-align:right;
}
#AllOtherFormatBox span:hover{
display:block;
width:88px;
height:30px;
padding:15px 10px 0 0;
border:1px solid #EE7600;
}
.pagination { list-style:none; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.pagination li {float:left; margin:3px;}
.pagination li a {display:block; padding:3px 5px; color:#fff; background-color:#44b0dd; text-decoration:none;}
.pagination li a.active {border:1px solid #000; color:#000; background-color:#fff;}
.pagination li a.inactive {background-color:#eee; color:#777; border:1px solid #ccc;
}
/*---------------------------------------*/
/*------------Leaders Page start---------*/
/*---------------------------------------*/
#leadersBox {
/*background-color:#eeeeee;*/
height:1500px;
}
#topLeader{
border:1px solid #c6c6c6;
background-color:#ececec;
height:400px;
}
#leadersBox .header{
clear:both;
font-size:25px;
color:#000;
padding:10px 15px;
}
#leadersBox .TopLeaderBox{
float:left;
height:153px;
width:454px;
border:1px solid #c6c6c6;
margin-bottom:15px;
margin-left:15px
}
#leadersBox .leaderImage{
float:left;
width:116px;
height:133px;
padding:10px;
/*border:1px solid #ccc;*/
/*margin-right:10px;*/
}
#leadersBox .leaderInfo{
float:right;
width:316px;
padding-top:10px;
height:141px;
/*border:1px solid #ccc;*/
}
#leadersBox .LeaderInfoRow{
height:20px;
padding:7px 5px;
}
#leadersBox .topL{
float:left;
width:70px;
height:15px;
padding:3px;
/*background:red;
border:1px solid #ccc;*/
}
#leadersBox .topR{
float:left;
width:200px;
height:15px;
padding:3px;
border:1px solid #c6c6c6;
background-color:#fff;
}
#leadersBox .topRMedium{
float:left;
width:150px;
height:15px;
padding:3px;
border:1px solid #c6c6c6;
background-color:#fff;
}
#leadersBox .topRSmall{
float:left;
width:80px;
height:15px;
padding:3px;
border:1px solid #c6c6c6;
background-color:#fff;
}
#comLeader{
border:1px solid #c0c0c0;
background-color:#eeeeee;
height:800px;
margin-top:30px;
}
}
/*-------Leaders end-------------------*/
#tanden_body{
width: 546px;
border: 1px solid #ff9966;
font-size:11px;
padding:5px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
table.guest{
width: 558px;
border: 1px solid #ccc;
margin-bottom: 20px;
font-size:11px;
text-align:left;
border-collapse: collapse;
}
td.guest1{
color:blue;
border-bottom: 1px dotted #ccc;
font-size:11px;
}
#redfont {
font-size:11px;
font-weight:bold;
color:#c24641;
margin-top:20px;
}
#leftBlog
{
/*border:1px solid red;*/
padding:5px;
width:570px;
display:inline;
float:left;
}
#rightBlog
{
padding:5px; width:350px;float:right;
display:inline;
background:#E0E0E0;
}
td.profileHeader
{
background-color:#00688B;
color:#fff;
font-size:24px;
font-weight:bold;
padding-left:5px;
margin-bottom:10px;
}
.blog-welcome
{
font-weight:bold;
font-size:25px;
color:#575757;
border-bottom: 3px solid #00688B;
margin-bottom: 30px;
}
td.commentHead
{
font-weight:bold;
background-color:#ccffff;
border-bottom:4px solid #66CDAA;
width:570px;
}
td.commentDate
{
width:500px;
font-size:12px;
font-weight:bold;
background:#DBDBDB;
}
.bloghead
{
font-weight:bold;
font-size:24px;
color:#1F1F1F;
width:500px;
margin-bottom: 10px;
}
.otherBlogEntry
{
border-bottom:1px solid #858585;
font-weight:bold;
}
.headerLogoLeft
{
float:left;
width:732px;
font-size:19px;
background:#050505;
padding:10px;
height:52px;
}
#headerLogoLeftInner1
{
float:left;
height:60px;
width:480px;
background:url("tanden2.png") no-repeat;
}
#today_displayA{
/*border: 1px solid #696969; */
border:1px solid #0080FF;
/*background:#CCffCC;*/
background:#A9F5A9;
color: #000000;
padding:5px;
margin-left:8px;
height:73px;
display:inline;
font-size:11px;
float:left;
width:245px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#today_displayB{
/*border: 1px solid #696969;*/
border:1px solid #0080FF;
/* background:#CCffCC;*/
background:#A9F5A9;
color: #000000;
padding:5px;
margin-left:8px;
height:73px;
display:inline;
font-size:11px;
float:right;
width:202px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#documentButtomArea{
color:#003366;
font-family: Verdana;
font-size: 11px;
text-align: left;
padding:0px 2px 2px 2px;
/* float:left;*/
}
#documentButtomArea .theSubmitButton {
font-family: Verdana;
font-size: 10px;
background-color:white;
border: 1px solid #000;
color:#565656;
height:18px;
}
#documentButtomArea .theInput {
font-family: Verdana;
font-size: 11px;
width: 100px;
height:14px;
/*margin-left: 5px;*/
/*border: 1px solid #9999ff;*/
border: 1px solid #000;
}