/* 
Document   : topside
Created on : 08-May-2009, 09:11:36
Author     : Administrator
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#titlepic {
	position:relative;
	left:10%;
	width:80%;
}
#Ttop {
    background-image:url(../images1/girlsmall.gif);
    height: 120px;
    width:100%;
    margin-left: 0%;
}

#titlemask {
	position:absolute; 
	top:0px;
	left:0px;
	height:120px;
	width:60%;
	background-image:url(../images1/titlemask.png);
	background-repeat:repeat-x;
}
#iepic {
	position:absolute;
	top:15%;
	left:35%;
	display:none;
	z-index:1000;
}
#contentpane {
    float:left;
    width:13%;
	height:200px;
    text-align:center;
    background-image:url(../images1/girlsmall.gif);
    background-color: #ddddbb;
    margin-top: 1%;
    margin-left: 7%;
    border-top-style: groove;
    border-bottom-style: groove;
    border-left-style: groove;
    border-right-style: groove;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-right-width: 3px;
    border-top-color: silver;
    border-bottom-color: silver;
    border-left-color: silver;
    border-right-color: silver;
}
#menu {
    display:block;
    left:0%;
    position:fixed;
    top:0%;
    font-family: Georgia;
    font-size:10px;
    text-align:center;
    color:#ff0000;
    padding-top:12px;
     background-image:url(../images1/girlsmall.gif);
    background-color:#aaaaaa;
    border-style:solid;
    border-color:black;
    z-index:100001;
}
#logdiv {
	display:none;
}
#loginbox {
    background-image:url(../images1/girlsmall.gif);
    background-color:#aaaaaa;
    border-style:solid;
    border-color:black;
}
#menu div {
}
#htmlMenu {
	line-height:normal;
     background-image:url(../images1/girlsmall.gif);
    background-color:#888888;
    position:relative;
    top: 150px;
    color:#bbbbbb;
}
#htmlMenu a {
    font-size:20px;
    color:#2222ff;
	background-color:#CCC;
}
#htmlMenu a:hover {
    color:#ffff0f;
}
#psychic_medium, #psychic_questions, #opportunity_knocks, #psychic_glossary, #psychic_testimonials, #tarot_knocks, #feed_back {
	display:table-cell;
}
#psychic_medium_smarthbox, #psychic_questions_smarthbox, #opportunity_knocks_smarthbox, #psychic_glossary_smarthbox, #psychic_testimonials_smarthbox, #feed_back_smarthbox {
	z-index:1000;
	position:absolute;
	top:200px;
	left:100px;
}
#richsmall {
	width:98%;
}
.smboxes {
}
#buttonbox {
    position:fixed;
    left:15%;
    top:80%;
    height:150px;
    width:70%;
    text-align:center;
    padding-top:8%;
    z-index:1001;
}
#b1 {
    width:125px;
    height:36px;
    background-image:url(../images1/psychicUP.gif);
}
#b2 {
    width:125px;
    height:36px;
    background-image:url(../images1/questionsUP.gif);
}
#b3 {
    width:125px;
    height:36px;
    background-image:url(../images1/opportunityUP.gif);
}
#b4 {
    width:125px;
    height:36px;
    background-image:url(../images1/glossaryUP.gif);
}
#b5 {
    width:125px;
    height:36px;
    background-image:url(../images1/testimUP.gif);
}
#b6 {
    width:125px;
    height:36px;
    background-image:url(../images1/tarotUP.gif);
}
#b7 {
    width:125px;
    height:36px;
    background-image:url(../images1/contactUP.gif);
}
#b7 {
    width:125px;
    height:36px;
    background-image:url(../images1/contactUP.gif);
}
.button {
    width:125px;
    height:36px;
    padding-top:0px;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}

.buttons {
    font-family: Verdana;
    font-size: 11px;
    margin-left:10px;
    padding-top: 1px;
    padding-bottom: 1px;
    color:red;
    width:125px;
    height:36px;
}
.static {
	background-color:#996;
	font-size:9px;
}
.links {
	background-color:#fcc;
	font-family:  Ruritania, Ruritania-Outline,'Edwardian Script ITC';
	font-size:25px;
	color:#d05;
}