/*
Modified by: Charith Janitha Abeywickrama
charithjanitha@gmail.com
Last Modified: Sep 2009
*/

/* GENERAL */

body         { color: #666666; font: bold 15px Arial,Helvetica,sans-serif; margin: 0px; padding: 0px; }
p 	         { color: #666666; font: 15px Arial,Helvetica,sans-serif; margin: 0px; padding: 1px; }
a            { color: #0099FF; font: bold 15px Arial,Helvetica,sans-serif; margin: 0px; padding: 1px; }
a:hover      { color: #0099FF; }
form         { margin: 0px; padding: 0px; }
input        { /*background-color: #EEEEEE; border: 1px solid #FFFFFF;*/ color: #000000; font: 15px Arial,Helvetica,sans-serif; }
textarea     { /*background-color: #EEEEEE; border: 1px solid #FFFFFF;*/ color: #000000; font: 11px Arial,Helvetica,sans-serif; }
select       { background-color: #EEEEEE; border: 1px solid #FFFFFF; color: #000000; font: 11px Arial,Helvetica,sans-serif; }
table, td    { background-color: #FFFFFF; border-collapse: collapse; border-spacing: 0pt; }
/*
td p         { color: #FFFFFF; }
td p a       { color: #FFFFFF; }
td p a:hover { color: #CCCCCC; }
*/
img          { border: 0px; }

a  { text-decoration:none;}

/* SPECIFICS */
.bold 		{ font-weight: bold; }
.boldItalic { font-weight: bold; font-style: italic; }
.italic     { font-style: italic; }
/*.button     { background-color: #CCCCCC; border: 0px; color: #0099FF; display: block; font-weight: bold; width: 80px; }*/
.button     { background-color: #E0E0E0; border: 0px; color: #0099FF; font-weight: bold; }
.icon 		{ border: 0px; margin: 0px; padding: 0px; }
.logo 		{ border: 0px; }
.required 	{ color: #E11B22; }
.separator 	{ border-top: 1px dotted #dddddd; margin: 2px 0px; }
.tagTitle   { color: #D01820; }
.tags       { font-size: 17px; padding: 2px; text-decoration: none; }

/* DIVISIONS */
.debug 	   { background-color: #eeeeee; border: 1px solid #999999; margin: 2px auto; max-width: 480px; padding: 0px; }
.debug p   { color: #000000; font-size: xx-small; }
.debug pre { color: #000000; font-size: xx-small; padding: 2px; }

.mainContainer { border: 1px solid #333333; background-color: #ffffff; padding: 0px; margin: 0px auto; max-width: 480px; }

/*.header { background-color: #000000; }*/
.ash_shade { background-color: #E6E6E6; text-decoration:none; }
.ash_shade2 { background-color: #CCCCCC; color: #0099FF; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }

.keyline1    { background-color: #000000; }
.keyline1 h1 { color: #cccccc; font: bold 12px Arial,Helvetica,sans-serif; margin: 0px 8px; padding: 0px; }
.keyline2    { background-color: #ffffff; margin: 0px; padding: 4px; text-align: right; }

.statusMsg     { background-color: #000000; border: 1px solid #666666; margin: 2px; padding: 2px; }
.statusMsg p   { color: #cccccc; font-weight: bold; }
.statusMsg p a { color: #cccccc; font-weight: bold; text-decoration: underline; }

.ads     { background-color: #444444; margin: 0px; padding: 4px; }
.ads p a { color: #ffffff; font-weight: bold; }

.navigation 	                               { margin: 0px; padding: 0px; }

/* OLD */ 
/* .navigation h2                                 { background-color: #CCCCCC; color: #0099FF; font: bold 11px Arial,Helvetica,sans-serif; margin: 2px; padding: 0px; }*/

.navigation h2                                 { background-color: #CCCCCC; color: #0099FF; font: bold 15px Arial,Helvetica,sans-serif; margin: 2px; padding: 0px; }


.navigation h3                                 { color: #333333; font: bold 10px Arial,Helvetica,sans-serif; margin: 2px; padding: 0px; }
.navigation .backButton                        { border-top: 0px; padding: 2px; }
.navigation .backButton p a                    { font-weight: bold; }
.navigation .center                            { text-align: center; }
.navigation .individualMenu                    { margin: 2px 0px 2px 0px; }
.navigation .individualMenu .title             { font-size: 15px; }
.navigation .individualMenu .list              { margin: 0px; padding: 0px; width: 100%; cellpadding:0px; cellspacing:0px;}
.navigation .individualMenu .list .header      { background-color: #333333; border-top: 1px solid #999999; margin: 0px; padding: 2px; }
.navigation .individualMenu .list .header p    { color: #ffffff; font: bold 10px Arial,Helvetica,sans-serif; }
.navigation .individualMenu .list .header p a  { color: #ffffff; font: bold 10px "Lucida Grande", "Segoe UI", Verdana, Helvetica, Arial, sans-serif }
.navigation .individualMenu .list .tablePic    { /*text-align: center;*/ width: 60px; }
.navigation .individualMenu .list .tdSeparator { background-color: #eeeeee; }
.navigation .individualMenu .list tr.li td     { border-bottom: 1px dotted #777777; padding: 2px 0px; }
.navigation .individualMenu .info              { background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 1px; padding: 1px; }
.navigation .menuTitle                         { background-color: #CCCCCC; color: #666666; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link1                             { background-color: #33CCFF; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none;  }
.navigation .link2                             { background-color: #0066FF; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link3                             { background-color: #FF0033; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link4                             { background-color: #66FF66; color: #FFFFFF; display: block; font-size: 17px; margin: 0px; padding: 2px; text-decoration: none; width:69px;}
.navigation .link5                             { background-color: #00FF33; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link6                             { background-color: #FF9900; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link7                             { background-color: #FF00FF; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; }
.navigation .link8                             { background-color: #66CCFF; color: #FFFFFF; display: block; font-size: 17px; margin: 0px; padding: 2px; text-decoration: none; width:60px; }
.navigation .link9                             { background-color: #FF99CC; color: #FFFFFF; display: block; font-size: 17px; margin: 0px; padding: 2px; text-decoration: none; width:60px; }
.navigation .link10                             { background-color: #FFFFFF; color: #FFFFFF; display: block; font-size: 13px; margin: 0px; padding: 2px; text-decoration: none; height:18px; }
.navigation .link11                             { background-color: #CCCCCC; color: #FFFFFF; display: block; font-size: 17px; margin: 0px; padding: 2px; text-decoration: none; width:40px; }

.navigation .link1Small                        { color: #666666; }
.navigation .link2Small                        { color: #0099FF; }
.navigation .link3Small                        { color: #0099FF; }
.navigation .link4Small                        { color: #0099FF; }
.navigation .link5Small                        { color: #0099FF; }
.navigation .link6Small                        { color: #0099FF; }
.navigation .paginationLinks                   { color: #0099FF; font-weight: bold; text-decoration: underline; }
.navigation .profilePicture                    { border: none; padding: 2px; }
.navigation .reply                             { background-color: #ccccff; margin: 2px; padding: 2px; }
.navigation .reply p                           { font: italic 10px Arial,Helvetica,sans-serif; }
.navigation .imglink						   { border:none; margin:0; padding-left:0;}

.footer           { background-color: #ffffff; border-top: 1px solid #cccccc; font: bold 9px Arial,Helvetica,sans-serif; padding: 4px; }
.footer p         { color: #333333; }
.footer p a       { color: #555555; text-decoration: underline; }
.footer p a:hover { color: #000000; text-decoration: underline; }

.apkcLink     { background-color: #ffffff; margin: 0px; padding: 0px; text-align: center; }
.apkcLink p   { color: #666666; font-size: 9px; }
.apkcLink p a { color: #444444; font-size: 9px; font-weight: bold; text-decoration: underline; }
.termheading { color: #0099FF; font-weight: bold;}
.ttl { color: #666666; font: bold 15px Arial,Helvetica,sans-serif; margin: 0px; padding: 0px;}
.information { font-size:13px;}
.pagefont { font-size:15px;!important}



