body{
   background-color: white;
   direction: rtl; 
   margin: 0px; 
   padding: 0px;
   text-align: center; 
   font-family: Arial;
   font-size: 11pt;
}

body.home{
   background: url(images/home-bg.jpg) repeat-x scroll top center;
}

body.page{
   background: url(images/page-bg.jpg) repeat-x scroll top center;
}

.main{
   width: 1000px;
   margin: 0 auto; 
}

.page-header{
   width: 1000px;
   height: 315px;
   background: url(images/home-header.jpg) no-repeat scroll top center;
   position: relative;
}

.page-title{
   text-align: right;
   margin: 25px 307px 0px 163px;
   font-weight: normal;
   font-size: 18px;
}

.page-body{
   width: 530px;
   margin: 25px 307px 50px 163px;
   text-align: right;
   font-size: 12px;
}

.logo{
   position: absolute;
   left: 750px;
   top: 20px;
   width: 180px;
   height: 80px;
   display: block;
}

.menu{
   position: absolute;
   left: 771px;
   top: 148px;
   width: 151px;
   height: 154px;
}

.menu a{
   display: block;
   width: 151px;
   height: 26px; 
   padding: 5px 15px 0 0;
   text-align: right;
   font-size: 12px;
   color: white;
   text-decoration: none;
   font-weight: bold;
   margin: 0;
}

a.btn-1{
   background: url(images/btn-1.jpg) no-repeat top right;
}

a.btn-2{
   margin-top: 1px;
   background: url(images/btn-2.jpg) no-repeat top right;
}

a.btn-3{
   margin-top: 1px;
   background: url(images/btn-3.jpg) no-repeat top right;
}

a.btn-4{
   margin-top: 1px;
   background: url(images/btn-4.jpg) no-repeat top right;
}

a.btn-5{
   margin-top: 1px;
   background: url(images/btn-5.jpg) no-repeat top right;
}

.project-menu{
   position: absolute;
   left: 771px;
   top: 305px;
   width: 151px;
   height: 154px;
   display: none;
}
.project-menu a{
   display: block;
   width: 131px;
   height: 20px; 
   padding: 5px 15px 0 0;
   text-align: right;
   font-size: 12px;
   color: black;
   text-decoration: none;
   font-weight: normal;
   margin: 0 0 0 30px;
   border-bottom: 1px black dashed;
}

.project-menu a:hover{
   font-weight: bold;
}

.project-menu .sel{
   font-weight: bold;
}

.registration{
   position: absolute;
   left: 50px;
   top: 50px;
   width: 118px;
}

.registration a{
   display: block;
   width: 118px;
   height: 16px; 
   padding: 0 15px 0 0;
   text-align: right;
   font-size: 12px;
   color: white;
   text-decoration: none;
   font-weight: normal;
   margin: 0;
   margin-top: 1px;
   background: url(images/btn-registration.jpg) no-repeat top right;
}

.folders{
   clear: both;
   width: 100%;
   height: 184px;
   padding: 0;
   margin: 0;
   position: relative;
}
.folder1{
   width: 147px;
   height: 184px;
   position: absolute;
   right: 307px;
   top: 0px;
   background: url(images/folder-bg.jpg) no-repeat top right;
}
.folder2{
   width: 147px;
   height: 184px;
   position: absolute;
   right: 472px;
   top: 0px;
   background: url(images/folder-bg.jpg) no-repeat top right;
}
.folder3{
   width: 147px;
   height: 184px;
   position: absolute;
   right: 637px;
   top: 0px;
   background: url(images/folder-bg.jpg) no-repeat top right;
}
.folder4{
   width: 147px;
   height: 184px;
   position: absolute;
   right: 802px;
   top: 0px;
   background: url(images/folder-un-bg.jpg) no-repeat top right;
}

.folders h1{
   font-size: 18px;
   text-align: right;
   margin: 20px 31px 18px 0px;
}

.folders a{
   font-weight: normal;
   color: white;
   text-decoration: none;
}

.folders a:hover{
   font-weight: normal;
   color: white;
   text-decoration: underline;
}

.folder-bullet{
   text-align: right;
   margin: 10px 31px 0px 0px;
   padding: 0px 15px 0px 5px;
   background: url(images/folder-bullet.jpg) no-repeat 109px 5px;
   color: white;
   font-size: 12px;
   display: block;
}

.folder-un-bullet{
   text-align: right;
   margin: 10px 31px 0px 0px;
   padding: 0px 15px 0px 5px;
   background: url(images/folder-un-bullet.jpg) no-repeat 109px 5px;
   color: white;
   font-size: 12px;
   display: block;
}

.footer{
   border-top: 3px #92c113 solid;
   width: 643px;
   margin: 25px 307px 10px 50px;
   padding: 8px 0 0 0 ;
   text-align: right;
   font-size: 11px;
   color: #a1a1a1;
}

.footer a{
   font-size: 11px;
   color: #a1a1a1;
}

.header{
   width: 1000px;
   height: 345px;
   background: url(images/page-header.jpg) no-repeat scroll top center;
   position: relative;
}

.title{
   position: absolute;
   top: 182px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-size: 18px;
}

.content{
   position: absolute;
   top: 219px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-weight: normal;
   font-size: 12px;
}

.body{
   margin: 30px 307px 0 50px;
   width: 643px;
}

.image-col{
   width: 285px;
   float: right;
}

.normal-img-div{
   width: 285px;
   height: 285px;
   border: 2px #a0c931 solid;
   display: block;
}
.normal-image{
   width: 285px;
   height: 285px;
   background-position: center center;
   background-repeat: no-repeat;
   display: block;
}

.info{
   width: 315px;
   text-align: right;
   font-size: 13px;
   float: left;
}

.separator{
   width: 315px;
   height: 48px;
   display: block;
   background: url(images/info-separator.jpg) no-repeat center center;
}

.star-sel{
   width: 17px;
   height: 15px;
   cursor: pointer;
   cursor: pointer;   background: url(images/star-sel.jpg) no-repeat center center;
}

.star{
   width: 17px;
   height: 15px;
   cursor: pointer;
   background: url(images/star.jpg) no-repeat center center;
}

.star-rated{
   width: 17px;
   height: 15px;
   cursor: default;
   background: url(images/star.jpg) no-repeat center center;
}

.star-rated-sel{
   width: 17px;
   height: 15px;
   cursor: default;
   background: url(images/star-sel.jpg) no-repeat center center;
}

.feedback-links{
   margin: 0 0 15px 0;
}

.feedback-pages{
   margin: 15px 0 0 0;
   font-size: 11px;
   direction: ltr;
   color: #a0c931;
}

.feedback-links a{
   color: #a0c931;
   font-size: 11px;
}
.feedback-pages a{
   color: #a0c931;
   font-size: 11px;
}
.feedback-links img{
   vertical-align: middle;
}

.feedback{
   margin: 7px 0 7px 0;
}
.feedback-info{
   color: #626062;
   font-size: 11px;
}
.feedback-content{
}
.black{
   color: black;
}

.projects-thumbs{
   margin: 26px 0 0 0;
}
.projects-thumbs .sep{
   width: 9px;
}
.projects-thumbs .hsep{
   height: 9px;
}
.projects-thumbs .thumb{
   width: 50px;
}
.projects-thumbs .thumb-sel{
   width: 50px;
}

.clear{
   clear: both;
   height: 1px;
}

.login{
   margin-right: 20px;
   font-size: 14px;
   width: 100%;
}

.login .td-title{
   width: 100px;
}

.login input.text{
   width: 150px;
}

.reg-header{
   width: 1000px;
   height: 560px;
   background: url(images/page-header.jpg) no-repeat scroll top center;
   position: relative;
}

.reg-title{
   position: absolute;
   top: 382px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-size: 18px;
}

.reg-content{
   position: absolute;
   top: 429px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-weight: normal;
   font-size: 12px;
}

.entr-title{
   position: absolute;
   top: 232px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-size: 18px;
}

.entr-content{
   position: absolute;
   top: 269px;
   left: 50px;
   width: 643px;
   text-align: right;
   font-weight: normal;
   font-size: 12px;
}

.login-title{
   color: black;
   font-size: 12px;
   margin-top: 5px;
}
.login-name{
   color: #00a651;
}

.error{
   color: red;
}

.feedback-form{
   height: 130px;
   width: 315px;
   display: none;
}

.feedback-form textarea{
   width: 315px;
   height: 100px;
}