@charset "utf-8";
/* (C) prjX */
html, body {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow:auto;
background-color:#5E5E5E;
height:100%;
}
#wrapper {
width:960px;
margin:0px auto;
background-color:#FAF9F9;
color:#5E5E5E;
}
#header {
height:77px;
font-size:32px;
font-weight:bold;
font-family:"Trebuchet MS", verdena, Arial, Helvetica, sans-serif;
background:url(images/xTamilLogo.jpg) #5E5E5E no-repeat;
}

#logoTxt{
padding-left:132px;
padding-top:11px;
color:#FAF9F9;
}

#topNav {
height:48px;
text-align:right;
background:url(images/nav.jpg) repeat-x;
}
#footer {
text-align:left;
clear:both;
font-family:monospace;
padding:5px;
background:url(images/email.jpg) right center no-repeat;
}
#content{
}
#editor{
/*background-color:#FFE1E2;*/
width:50%;
float:left;
}
#editor h2{
margin-bottom:5px;
padding-bottom:6px;
border-bottom:1px dotted #E6EEF2;
font-size:14px;
font-weight:bold;
}
#typeHint{
/*background-color:#5E5E5E;*/
width:30%;
float:left;

}
#resources{
width:20%;
float:left;
margin-top:40px;
}

#fBut{
text-align:left;
}
.hint{
/*margin:1px;*/
width:39px;
height:40px;
float:left;
font-size:17px;
background-color:#FFFFFF;
text-align:center;
overflow:hidden;
cursor:pointer;
color:#30474D;
border:1px solid #5E5E5E;
font-family:"Arial Unicode MS", Helvetica, sans-serif;
}
.hintOver{
background-color:#FDFAE9;
}

.hintEven{
/*background-color:#99A4AB;*/
background-color:#F1F1F1;
}
.hint em{
display:block;
font-size:12px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0D7187;
}
.hint .clr{
clear:both;
}
.inner{
margin:8px;
}
.hint  h4{
padding-top:5px;
display:block;
width:100%;
margin:0;
padding:0;
}

textarea{
overflow:auto;
padding:1px;
}

ul.section{
padding:0;
margin:0;
list-style-image:url(images/twistyOpen.gif);
list-style-position:outside;
margin-left:20px;
cursor:pointer;
}

ul.section li{
font-weight:bold;
margin:2px;
font-size:13px;
}

ul ul.link{
padding:0;
margin:0;
list-style-image:url(images/twistyClosed.gif);
list-style-position:outside;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}

ul ul.link li{
font-weight:normal;
margin:2px;
font-size:11px;
}

ul a{
text-decoration:none;
color:#5E5E5D;
}
ul a:hover{
text-decoration:underline;
}
#example{
font-family:"Arial Unicode MS", Arial;
font-size:14px;
}
#example strong{
font-size:12px;
}


#donate{
height:200px;
padding-left:25px;
}

#favourite{
text-align:right;
padding-right:1em;
}
/* navigation */
#topNav a{
text-decoration:none;
height:48px;
width:105px;
display:block;
float:right;
}
.home{
background:url(images/home.jpg) no-repeat 0px 0px;
}
.home:hover,
.homeSel{
background:url(images/home.jpg) no-repeat 0px -48px;
}
.more{
background:url(images/more.jpg) no-repeat 0px 0px;
}
.more:hover,
.moreSel{
background:url(images/more.jpg) no-repeat 0px -48px;
}
.donate{
background:url(images/donate.jpg) no-repeat 0px 0px;
}
.donate:hover,
.donateSel{
background:url(images/donate.jpg) no-repeat 0px -48px;
}
.about{
background:url(images/about.jpg) no-repeat 0px 0px;
}
.about:hover,
.aboutSel{
background:url(images/about.jpg) no-repeat 0px -48px;
}
.hidden{
visibility:hidden;
}


/* logo's */
#favourite img{
margin:2px;
}