
 
 body {
        background:white;
        color:#777;
        
        margin-left:auto;
        margin-right:auto;
        font-size:8pt;
        font-family:verdana, arial, helvetica, sans-serif;
        margin-bottom:20px;
        margin-top:0px;
 }
 
 img {
        border: none;
 }
 
 a {
        color:#000000;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
 }
 
 a:hover {
        color:#393838;
	text-decoration: underline;
 }

 a.pageLink {
	color:#808080;
 }
 
 .calendardate {
        color:#c8c8c8;
        font-size:9pt;
        font-family:verdana, arial, helvetica, sans-serif;
        text-decoration:underline;
 }
 
 .calendardate a:hover {
        color:#acacac;
        text-decoration:none;
 }
 
 
 input {
 
        font-size:10pt;
        
 }
 
 .inputmain {
        background:#fff;
        border:1px #000 solid;  
        font-size:10pt;
        color:#000;
 }
 
 textarea, .textarea {
        background: white;
        border:1px #869ba2 solid;       
        font-size:8pt;
        color:#777;
 }
 
 
 
 /*########################
        MAIN SURR.
 ########################*/
 
 #outer {
        width:800px;
        margin-left:auto;
        margin-right:auto;
        font-size:8pt;
        text-align:left;
 }

 table#headerTable td#headerGradient {
        border-right: 1px solid white;
        background: url("/images/anxietyTribe/siteHeader_gradient.jpg") no-repeat top left;
        
 }
 
 
 /*########################
        INPUT BUTTONS / FORMS
 ########################*/

 
 .button {
        border:1px #869BA2 solid;  
        padding:2px;
        background:#d9d9d9;
        font-size:9px;
        cursor:pointer;
        color:#575757;
 }
 
 .button2 {
        border:1px #869BA2 solid;
        padding:2px;
        background:#869BA2;
        font-size:9px;
        cursor:pointer;
        color:#fff;
 }
 /*
 
 .input {
        background:#E7F2FC;
        border-right:2px #344D71 solid;
        border-bottom:2px #344D71 solid;
        border-top:2px #6689AA solid;
        border-left:2px #6689AA solid;
        font-size:8pt;
        color:#000;
 }
 
 
 .input2 {
        background:#B4E9FF;
        border:2px #FF0052 solid;
        font-size:8pt;
 }
 
 .input3 {
        background:#000;
        border:1px #fff solid;
        font-size:8pt;
        color:#fff;
 }
 
 .input4 {
        background:#000;
        border:1px #459DCF solid;
        font-size:8pt;
        color:#fff;
 }
  */
 
 
 
 
 /*########################
        IMAGES
 ########################*/
 
 
 .pic1 { border:1px #a3a3a3 solid; }
 
 .pic2 { border:1px #869ba2 solid; }
 
 .pic3 { border:1px #869ba2 solid; }
 
 .pic4 { filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; border:1px #869ba2 solid; }
 
 .pic5 { border:1px #ccc solid; }
 
 .pics1 {
        position:absolute;
        background:#869ba2;
        border:1px solid #d9d9d9;
        padding: 0px 1px 0px 1px;
        color: #FFF;
        font-size:7pt;
 }
 
 .pics4 {
        position:absolute;
        background:#869ba2;
        border:1px solid #d9d9d9;
        padding: 0px 1px 0px 1px;
        color: #FFF;
        font-size:7pt;
        filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; border:1px #fff solid;
 }
 
 .pics2 {
        position: relative;
 }
 
 .pics3 {
        background:#869ba2;
        position:absolute;
        filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
        padding: 0px 1px 0px 1px;
        color: #FFF;
        font-size:7pt;
        font-weight:bold;
 }
 
 
 .wrap1 img {background:#fff;}
 .wrap1 {background:url(http://mysubcity.com/myanxiety/inc/img/pinoy/shadow.gif) right bottom no-repeat;}
 .wrap2 {background:url(http://mysubcity.com/myanxiety/inc/img/pinoy/corner_bl.gif) -4px 100% no-repeat;}
 .wrap3 {padding:0 9px 9px 0;background:url(http://mysubcity.com/myanxiety/inc/img/pinoy/corner_tr.gif) 100% -4px no-repeat;}
 
 
 
 /*########################
        TOP AREA
 ########################*/
 
 /*
 #top .top_text a { color:#c8c8c8; }
 #top .top_text a:hover { color:#808080; }
*/
 #top .top_text { color:#5f5f5f; text-transform: lowercase;}
 
 #top {
        background: white;
        width:100%;

        color:#5f5f5f;
 }
 
 #top input,select {
        font-size:8pt;
        background:#fff;
        color:#5f5f5f;
 }
 /*
 #top a {
        font-size:7pt;
        color:#c8c8c8;
 }
 
 #top a:hover {
        font-size:7pt;
        color:#808080;
        text-decoration:underline;
 }
 */
 .top2 {
        background:#fff;
 }
 
 
 
 
 
 
 /*########################
        MENU LINKS
 ########################*/
 
 #outer2 {
        background:#FFF;
        text-align:center;
	margin-bottom: 2px;
 }
 
 
 .menu {
        background:#FFF;
        height:15px;
        cursor:pointer;
        padding: 0px 8px;
        border-right: 1px solid #c8c8c8;
 }
 
 
 
 .menu a, a.pageLink {
        color:#808080;
        font-size:7.5pt;
        text-decoration:none;
        font-weight:bold;
        text-transform: lowercase;
 }
 
 
 .menu2 {
        background:#FFF;
        height:15px;
        padding: 0px 8px;
        cursor:pointer;
        border-right: 1px solid #c8c8c8;
 }
 
 .menu2 a {
        color:#808080;
        font-size:7.5pt;
        text-decoration:none;
        font-weight:bold;
        text-transform: lowercase;
 }
 
 .menu2 a:hover, a.pageLink:hover {
        color:#869BA2;
        font-size:7.5pt;
        text-decoration:none;
        font-weight:bold;
 }
 
 
 
 
 /*########################
        MENU LINKS 4
 ########################*/
 
 
 .menu4 {
        padding:2px;
        /* border-top:1px #014E82 solid;
        border-left:1px #000 solid; */
        border-bottom:1px #869ba2 solid;
        /*cursor:pointer;*/
        font-size:7pt;
        font-weight:bold;
 }
 
 .menu4-1 {
        padding:2px;
        border-bottom:1px #d3dbdd solid;
        /*cursor:pointer;*/
        font-size:7pt;
        font-weight:bold;
 }
 
 .menu4-2 {
        font-size:7pt;
        font-weight:bold;
        padding-left:15px;
 }
 
 .menu4-4 a {
        color:#fff;
 }
 
 .menu4-4 a:hover {
        color:#fff;
 }
 
 
 /*########################
        LOGIN BOX
 ########################*/
 
 .LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
 .LoGin2 {background:#869BA2;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}
 
 
 
 
 /*########################
        MENU LINKS 5
 
        MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;
 
 ########################*/
 
 .menu5border {
 
 }
 
 .menu5 {
        
        font-size:7pt;
        color:#fff;
        padding-left:5px; 
        cursor:pointer;
        background:#000 url(http://mysubcity.com/myanxiety/inc/img/pinoy/menu_BG.gif);
 }
 
 .menu5c {
        font-size:7pt;
        color:#fff;
        padding-left:5px;       
        cursor:pointer;
        background:#000 url(http://mysubcity.com/myanxiety/inc/img/pinoy/menu_BG.gif);
 }
 
 .menu5a {
        background:#000  url(http://mysubcity.com/myanxiety/inc/img/pinoy/line5red.gif) right;
        background-repeat:no-repeat;
        text-align:right;
        width:24px;     
        height:41px;
 }
 
 .menu5b {
        background:#000  url(http://mysubcity.com/myanxiety/inc/img/pinoy/line5.gif) right;
        background-repeat:no-repeat;
        text-align:right;
        width:24px;     
        height:41px;
 }
 
 .menu5d {
        font-size:7pt;
        color:#000;     
        text-align:center;
        background:#fff;
 }
 
 .menu5e {
        font-size:8pt;
        color:#fff;
        text-align:right;
        padding-right:10px;
        padding-top:8px;
        background:#000;
        font-weight:bold;
 }
 
 .menu5f {
        background:#000;
        width:24px;     
        height:35px;
 }
 
 .menu5g {
        border:1px #000 solid;  
        padding:5px;
        background:#000;
        font-size:7pt;
 }
 
 .menu5g2 {
        border:1px #000 solid;
        padding:5px;
        background:#1F1F1F;
        font-size:7pt;
 }
 
 
 .menu5 a {
        color:#fff;
 }
 
 .menu5c a {
        color:#fff;
 }
 
 .menu5d a {
        color:#064D9F;
 }
 
 .menu5d a:hover {
        color:#000;
 }
 
 .menu5g a {
        color:#fff;
 }
 
 .menu5g2 a {
        color:#000;
 }
 
 
 
 
 /*########################
        MAIN PAGES
 ########################*/
 
 
 #main {
        background:#fff;
        font-size:8pt;
        color:#575757;
 }
 
 .main2 {
        background:#fff;
        border-right:1px #D9D9D9 solid;
        font-size:7pt;
        color:#fff;
 }
 
 .main3 {
        background:#fff;
        border-left:1px #D9D9D9 solid;
        font-size:7pt;
        color:#fff;
 }
 
 .main3-b {
        background:#000;
        vertical-align:bottom;
 }
 
 
 
 .main3-a {
        background:#fff;
        text-align:right;
        vertical-align:bottom;
 }
 
 
 
 .main3-c {
        background:#fff;
        border-left:1px #D9D9D9 solid;
        font-size:7pt;
        color:#fff;
 }
 
 
 
 .main4 {
        background:#fff;
        border-right:1px #D9D9D9 solid;
        font-size:8pt;
        color:#000;
 }
 
 .main3 a {
        color:#fff;
 }
 
 .main3 a:hover {
        color:#fff;
        text-decoration:underline;
 }
 
 
 #topright {
        background:#fff;
        border-right:1px #D9D9D9 solid; 
        font-size:8pt;
        color:#000;
        
 }
 
 
 /*##############################
        #topleft - TOP LEFT AREA BLACK SWOSH
        A:LINKS - USERNAME
 ###############################*/
 #topleft {
        background:#fff  url(http://mysubcity.com/myanxiety/inc/img/pinoy/swosh.gif);
        background-repeat:no-repeat;
        width:480px;
        height:45px;
        color:#fff;
        border-left:1px #D9D9D9 solid;
 }
 
 #topleft a { color:#fff; text-decoration:underline; }
 #topleft a:hover { color:#fff; text-decoration:none; }
 
 
 .page {
        color:#fff;
 }
 
 
 .pbar1 {
        background:transparent;
 }
 
 .pbar2 {
        background:#869BA2;
 }
 
 .pbar3 {
        font-size:8pt;
        padding:1px;
        border:solid #014E82 1px;
 }
 
 
 /*########################
        MENUS
 ########################*/
 
 
 .mainmenu {    
        background:#1F1F1F url(http://www.myanxiety.org.com/img/pinoy/line11.gif);
        font-size:7pt;
        color:#000;
 }
 
 .mainmenu2 {
        background:#1F1F1F url(http://www.myanxiety.org/inc/img/pinoy/line10.gif);
        font-size:7pt;
        color:#fff;
 }
 
 .mainmenu2 a { color:#fff; }
 .mainmenu2 a:hover { color:#869BA2; }
 
 
 .mainmenu3 {
        background: #869ba2 url('/images/anxietyTribe/BoxArrows_869BA2.gif') no-repeat left center;
        font-size: 8pt;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .2em;
        height: 30px;
 }
 .mainmenu3 td {
        padding-left: 50px;
        font-size:8pt;
 }
 .mainmenu3b {
        background: #869ba2;
        font-size: 8pt;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .2em;
        height: 20px;
 }
 
 .mainmenu4 {
        background:#869BA2;
        font-size:7pt;
        color:#FFFFFF;
 }
 
 .mainmenu5 {
        background: #d9d9d9 url('/images/anxietyTribe/BoxArrows_D9D9D9.gif') no-repeat left center;
        font-size:8pt;
        color: #575757;
        text-transform: uppercase;
        height: 30px;
 }
 .mainmenu5 td {
        padding-left: 50px;
        font-size:8pt;
 }
 .mainmenu5b {
        background: #d9d9d9;
        font-size:8pt;
        color: #575757;
        text-transform: uppercase;
        height: 20px;
 }
 
 
 .mainmenu6 {
        border:1px #869BA2 solid;  
        padding: 2px;
        background:#d9d9d9;
        font-size:9px;
        cursor:pointer;
        text-transform: uppercase;
        color:#575757;
 }
 
 .mainmenu6 a { color:#575757; text-decoration:none; }
 .mainmenu6 a:hover { color:#fff; text-decoration:none; }
 
 .mainmenu7 {
        border:1px #869BA2 solid;
        padding: 2px;
        background:#869BA2;
        font-size:9px;
        cursor:pointer;
        text-transform: uppercase;
        color:#fff;
 }
 
 .mainmenu7 a { color:#FFF; text-decoration:none; }
 .mainmenu7 a:hover { color:#FFF; text-decoration:none; }
 
 
 
 
 /*########################
        SITE MENUS
 ########################*/
 
 
 .item {
 
        border-top:1px #ccc solid;
        border-left:1px #ccc solid;
        border-right:1px #ccc solid;
        border-bottom:1px #ccc solid;
        padding:5px;
        cursor:pointer;
        font-size:7pt;
        font-weight:bold;
/*        background:#fff url(http://mysubcity.com/myanxiety/inc/img/pinoy/line9.gif);*/
 	background:#d9d9d9;
	color:#575757;
 
 }
 
 .item2 {
 
        border-top:2px #575757 solid;
        border-left:1px #ccc solid;
        border-right:1px #ccc solid;
        border-bottom:1px #fff solid;
        padding-top:4px;
        padding-bottom:5px;
        padding-right:5px;
        padding-left:5px;       
        cursor:pointer;
        font-size:7pt;
        font-weight:bold;
        background:#869BA2;
	color:#FFF;
 }
 
 .item3 { border-bottom:1px #ccc solid; color:#808080; }
 .item a { color:#808080; text-decoration:none; }
 .item2 a { color:#FFF; text-decoration:none; }
 .item2 a:hover { color:#FFF; text-decoration:none; }
 
 
 /*########################
        BORDERS
 ########################*/
 
 
 .border {

 }
 
 .border2 { border:1px #BDBDBD solid; background:#fff; color:#000;  }
 .border3 { border:1px #d9d9d9 solid; background:#869ba2; color:#d9d9d9; }
 .border4 { border:1px #869ba2 solid; background:#d9d9d9; }
 .border5 { border-bottom:1px #c2cdd0 dashed; }
 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
 .border7 { border-bottom:1px #C2CDD0 dashed; }
 .border8 { background:#F5F5F5; border:1px #869ba2 solid; }
 .border9 { background:#fff; color:#869ba2; }
 
 /* USED IN MAIL ALERT */ 
 .border10 { background:#000 url(http://mysubcity.com/myanxiety/inc/img/pinoy/line10.gif); color:#fff; }
 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; } 
 
 /* B-BOARD */
 .border12 { background:#fff; color:#000; } 
 .border13 { background:#d9d9d9; color:#575757; }
 .border13b { background:#b2bfc4; color:#575757; }  
 .border14 { background:#d9d9d9; color:#575757; } 
 
 
 /*########################
        TEXT COLORS
 ########################*/
 td {  font-size:8pt;
        font-family:verdana, arial, helvetica, sans-serif;}
 
 .color { color:#000; font-size:8pt;
        font-family:verdana, arial, helvetica, sans-serif;}
 .color2 { color:#fff; }
 .color3 { color:#686868; }
 .color4 { color:#000; }
 
 
 
 /*########################
        BACKGROUNDS & EXTRAS
 ########################*/
 
 .cur { cursor:pointer; }
 
 
 .pollinput {
        background:transparent;
        font-size:7pt;
        border:0px;
 }
 
 
 .frame1 { background:#fff; margin:0px; }
 .main_frame1 { background:#FFFFFF; margin:0px; }
 
 .link1 a { color:#97C81F; }
 .link1 a:hover { color:#97C81F; text-decoration:underline; }
 
 /* USED IN MAIN MENU SQURE */
 .sqr { background:#869BA2; vertical-align:middle; }
 .sqr1 { background:#869BA2; vertical-align:middle; }
 .mainmenu3b .sqr { background:white; vertical-align:middle; }
 
 /* COMMENT BOX */
 .comment {
        border:1px #E4E4E4 solid;
        background:#F8F8F8;
        
 }
 
 .comment-text {
        color:#000;     
        font-size:8pt;
 }
 
 .comment-headline {
        background:#fff;
        color:#000;
        padding:5px;
        font-size:7pt;
 }
 
 .comment-head {
        color:#000;
        padding:5px;
        font-size:8pt;
 }
 
 .comment-head a { color:#000; }
 .comment-head a:hover { color:#393838; }
 
 
 
 /*########################
        BOTTOM MENUS
 ########################*/
 
 #bottom3 {
        background:#869BA2;
        width:100%;
        font-size:7pt;
        font-weight:bold;
        text-align:center;
        color:#869BA2;
 }
 
 #bottom3 a {
        color:#fff;
 }
 
 #bottom3 a:hover {
        color:#fff;
        text-decoration:underline;
 }
 
 #bottom4 {
        background:#B3CBCD;
        width:100%;
        color:#fff;
 }
 
 /*########################
        FORUM
 ########################*/
 
 .forum-1 {
        background:#869BA2;
        color:#fff;
        font-size:8pt;
 }
 
 .forum-2 {
        background:#F6F6F6;
        color:#000;
        font-size:8pt;
 }
/* 
 .forum-2 a { color:#869BA2; }
 .forum-2 a:hover { color:#869BA2; text-decoration:underline; }
*/
 .forum-3 {
        border:1px #000 solid;
 }
 
 .forum-4 {
        border:1px #000 solid;
        background:#fff;
        color:#000;
        font-size:8pt;
 }
 
 .forum-q {
        background:#F5F5F5;
        color:#000;
        font-size:8pt;
        border:1px #869BA2 solid;
 
 }
 
 
 /*########################
        DROP DOWN MENU
 ########################*/
 
 #dropmenudiv{
        padding:5px;
        border:1px #c0c0c0 solid;
        background:#1c4c80;
        position:absolute;
        z-index:100;
        font-size:7pt;
        text-align:left;
 }
 
 #dropmenudiv a {
        color:#fff;
 }
 
 #dropmenudiv a:hover {
        color:#fff;
        text-decoration:underline;
 }
 
  /*########################
        Welcome Page
 ########################*/
 div#mainFlowContainer{
     margin-top: 10px;
 }
 div.sectionBox {
     border: 1px solid #C2CDD0;
 }
 div.sectionBox div.headerLight {
        background: #d9d9d9 url('/images/anxietyTribe/BoxArrows_D9D9D9.gif') no-repeat left center;
        font-size: 8pt;
        font-weight: bold;
        color: #575757;
        padding-left: 50px;
        padding-top: 12px;
        text-transform: uppercase;
        height: 24px;
 }
 div.sectionBox div.headerDark {
        background: #869ba2 url('/images/anxietyTribe/BoxArrows_869BA2.gif') no-repeat center left;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        padding-left: 50px;
        padding-top: 12px;
        text-transform: uppercase;
        height: 24px;
 }
 div#featuredMember {
     float: left;
     width: 270px;
     height: 185px;
     margin-right: 8px;
     margin-bottom: 8px;
 }
 div#membersLogin {
     float: left;
     width: 270px;
     height: 185px;
     margin-right: 8px;
     margin-bottom: 8px;
 }
 div#joinNow {
     float: left;
     width: 234px;
     height: 185px;
     border: none;
 }
 div#recentLoginsContainer{
     float: left;
     width: 272px;
     height: 280px;
     margin-right: 8px;
     margin-bottom: 8px;
 }
 div#recentLogins {
     width: 270px;
     height: 227px;
     margin-top: 8px;
 }

 div#randomPoll {
     float: left;
     width: 270px;
     height: 310px;
     margin-right: 8px;
     margin-bottom: 8px;
 }
 div#newBlogs {
     float: left;
     width: 234px;
     height: 310px;
     margin-bottom: 8px;
 }
 div.clr {
     clear: both;
 }
 
  /*########################
        FOOTER TABLE
 ########################*/
 table#footerTable {
     background: white;
     width: 100%;
 }
 table#footerTable td {
     vertical-align: top;
 }
 table#footerTable td#footerCopyright {
     text-align: right;
     font-size: 10px;
 }
/*
 a#btn_terms {
     float: left;
     display: block;
     width: 85px;
     height: 19px;
     background: url('/images/anxietyTribe/btn_terms.gif') no-repeat top left;
 }
 a#btn_terms:hover {
     background: url('/images/anxietyTribe/btn_terms-hover.gif') no-repeat top left;
 }
 a#btn_contact {
     float: left;
     display: block;
     width: 68px;
     height: 19px;
     background: url('/images/anxietyTribe/btn_contact.gif') no-repeat top left;
 }
 a#btn_contact:hover {
     background: url('/images/anxietyTribe/btn_contact-hover.gif') no-repeat top left;
 }
*/
 a#btn_hivaidstribe {
     float: right;
     display: block;
     width: 110px;
     height: 29px;
     background: url('/images/anxietyTribe/btn_hivaidsTribe-over.gif') no-repeat top left;
 }
 a#btn_hivaidstribe:hover {
     background: url('/images/anxietyTribe/btn_hivaidsTribe-over.gif') no-repeat top left;
 }
 a#btn_ocdtribe {
     float: right;
     display: block;
     width: 101px;
     height: 29px;
     background: url('/images/anxietyTribe/btn_ocdTribe-over.gif') no-repeat top left;
 }
 a#btn_ocdtribe:hover {
     background: url('/images/anxietyTribe/btn_ocdTribe-over.gif') no-repeat top left;
 }
 a#btn_addictiontribe {
     float: right;
     display: block;
     width: 122px;
     height: 29px;
     background: url('/images/anxietyTribe/btn_addictionTribe-over.gif') no-repeat top left;
 }
 a#btn_addictiontribe:hover {
     background: url('/images/anxietyTribe/btn_addictionTribe-over.gif') no-repeat top left;
 }
 a#btn_depressiontribe {
     display: block;
     float: right;
     width: 125px;
     height: 29px;
     margin-right: 6px;
     background: url('/images/anxietyTribe/btn_depressionTribe-over.gif') no-repeat top left;
 }
 a#btn_depressiontribe:hover {
     background: url('/images/anxietyTribe/btn_depressionTribe-over.gif') no-repeat top left;
 }
/*
 a#btn_webtribes {
     display: block;
     width: 125px;
     height: 29px;
     margin-left: 5px;
     background: url('/images/anxietyTribe/btn_webTribe.gif') no-repeat top left;
 }
 a#btn_webtribes:hover {
     background: url('/images/anxietyTribe/btn_webTribe-hover.gif') no-repeat top left;
 }
*/ 
 

