/*
[ Stylesheet for mobile RealSutra ]

    o   The difference between this stylesheet and style2.css
        is the increase in the font sizes.
    o   11px font size is now 1em (16px)
    o   All other font size changes are computed based on the ratio of the above change.
*/

body {  font-family: verdana, arial, tahoma; font-size: 1em; background-color: #fff; color: black; }

tr, td {  font-size: 1em; }
hr { color: #99333d; height : 1px; }
p { margin: 0; padding: 0; }

h1 { font-size: 1.8em; }/*  (1/11) * 20 = approx. 1.8em  */
h2 { font-size: 1.6em; }/*  (1/11) * 18 = approx. 1.6em  */
h3 { font-size: 1.4em; }/*  (1/11) * 16 = approx. 1.4em  */

.darkline a, .darkline a:link, .darkline a:visited, .darkline a:active { text-decoration: none; font-size: 1em; }
.darkline a:hover {color: #00ff65; text-decoration: none; font-size: 1em;}

.ctrl { font-size: 1em; padding-left: 3px; width: 100%; }

.botlink { color: white; font-size: 1em; }
.footer { background: #fff; padding: 10px;}/* will be dynamically changed according to selected theme */
.darkline { background: none repeat scroll 0 0 transparent; }/* will be dynamically changed according to selected them */
.whiteline { background: white; }
.message { color: #000000; font-size: 1.1em; padding: 0px;}/*  (1/11) * 12 = approx. 1.1em  */
.textinput { font-size: 1em; width: 100% }
.cright { font-size: 1em; color: #ffffff; background: #b44656; text-align: right; }
.header1 {color: #ffffff; background: #b44656; font-weight: bold; font-size: 1.2em; margin: 0px; padding: 2px;}/*  (1/11) * 13 = approx. 1.2em  */
.header2 {color: #000000; background: #f5dbe0; font-weight: bold; font-size: 1.1em;}
.intd {color: #000000; font-size: 1.1em; padding-left: 15px; padding-right: 15px;}

.featuredPropertyDiv { background: #dcc9c9; position:relative; top:10px; width:170px; height:201px; z-index:0; }

#dropmenudiv { position:absolute; background-color: #fff; color: #000; border:1px solid black; border-bottom-width: 0; 
    z-index:100; }/* will be dynamically changed according to selected theme */

#dropmenudiv a { display: block; padding: 5px; border-left: 10px solid #fff;
        border-right: 10px solid #fff; background-color: #fff; color: #000; text-decoration: none;
        border-bottom: 1px solid #de909b; width: 220px; }/* will be dynamically changed according to selected theme */

#dropmenudiv a:hover { border-left: 10px solid #fff; border-right: 10px solid #fff; 
        background-color: #fff; color: #000; border-bottom: 1px solid #de909b; width: 220px;}/* will be dynamically changed according to selected theme */
#dropmenudiv a:visited {color: #fff; }

.categorylinks { border-right: 1px solid #000;padding: 0;
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;background-color: #ffffff;color: #000; }/* will be dynamically changed according to selected theme */

.categorylinks a {
        display: block;
        padding: 5px;
        border-left: 10px solid #fff;
        border-right: 10px solid #000;
        background-color: #ffffff;
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #de909b;
        width: 180px;
        }/* will be dynamically changed according to selected theme */

.categorylinks a:hover, #title {
        border-left: 10px solid #fff;
        border-right: 10px solid #000;
        background-color: #ffffff;
        border-bottom: 1px solid #de909b;
        color: #000;
        }/* will be dynamically changed according to selected theme */

.mylink, .mylink a { color: white; font-size: 1em; }
.mylink a:hover {color: white; font-size: 1em; }

hr { border:1px solid; color: #993d00; }
#toprightdiv { width: 300px; margin-right: 2px; margin-bottom: 0; float: right; text-align: right; }
#ddtoptabsline { text-indent: 3px; color: white; clear: both; padding: 0; 
    width: 100%; height: 20px; background: #b44656; border-bottom: 1px solid #fff; margin-bottom: 5px; font-weight: bold; }

.deepsea, .deepsea td, .deepsea th { }

#box { list-style-type: square; background: #ffffff; }
#box th{ list-style-type: square; background: #b44656; }
#box td{ list-style-type: square; background: #000000; }

a.blackLink:link {color: black; font-size: 1em; font-weight: bold; }
a.blackLink:visited {color: black; font-size: 1em; font-weight: bold; }
a.blackLink:active {color: black; font-size: 1em; font-weight: bold; }
a.blackLink:hover {color: black; font-size: 1em; font-weight: bold; }

.myText { color: black; }

.pageTitle,
.pageTitle th { 
    font-size: 1.3em;/*  (1/11) * 14 = approx. 1.3em  */
    color: black;
    background: #DBEAF5;
    padding: 5px;
}

.nodecor {
    text-decoration: none;
}