body { font:normal 10pt tahoma; background-color: #9895BF;}

a {text-decoration:none;}
#rightkey {float:left;}
#rightkey:hover img {filter:gray;}
a.commentlink {width:110px; background-color:#C7C6E2; border:2px solid #9895BF; border-top:0px; text-align:center; color:#5F5B97; font: bold 11pt arial; display:block; float:left;}
a.commentlink:hover, a.titlelink:hover {background-color:#9895BF; color:#C7C6E2;}
a.titlelink {width:auto; background-color:#C7C6E2; border:2px solid #9895BF; border-bottom:0px; color:#5F5B97; font: bold 11pt arial; float:right; padding:2px;}
.date {color:#5F5B97; font-size:8pt; float:left; margin-top:7px;}

.panelcontent {
width:445px; height:405px; margin-top:30px;
}

.post {
scrollbar-face-color:#D6D5E8;
scrollbar-shadow-color: #9895BF;
scrollbar-highlight-color:#9895BF;
scrollbar-3dlight-color: #D6D5E8;
scrollbar-darkshadow-color: #D6D5E8;
scrollbar-track-color:  #E0DFEB;
scrollbar-arrow-color: darkblue;
background-color:#E0DFEB; border:1px solid #9B98C1; width:433px; clear:both; padding:5px; overflow: auto; height:370px;
}
.posttext {color: black; text-align:justify; line-height:150%; direction:rtl;}
.posttext a {color:#27a}
.posttext a:hover {color:#047}
.linkdump {text-align:justify; direction:rtl; font-size:8pt;}
.linkdump a {color:#57a}
.linkdump a:hover {color:#036}
.linkdump b {color:darkblue}

#nav {background-color:#5A558C; display:table; width:146px; margin:auto;}
#nav a {background-color:#D6D5E8; float:right; margin-left:10px;}
#nav a:hover {background-color:#ffdd00;}
#nav a img {border:0px;}


/* slide styles */
.stepcarousel{
position: relative; /*leave this value alone*/
background-color:#7A76A6;
overflow: scroll; /*leave this value alone*/
width: 94%;
height: 496px; /*Height should enough to fit largest content's height*/
float:left;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
height:495px; background:url('border-top.gif') 0px 0px repeat-x #D6D5E8; border-top:1px solid #5A558C;
}

.stepcarousel .belt .belt2{
height:494px; background:url('border-bottom.gif') 0px 463px repeat-x;  border-bottom:1px solid #5A558C;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 490px;
}