.button {
	border: 1px solid black;
        background-color : gray;
}
.inputbox {
background-color: gray;
border:1px solid black;
}
a
{
text-decoration : none;
color : white;
}
.cls
{
clear : both;
}
p
{
padding : 0px;
}
body
{
background-color : #151517;
font-family : tahoma ;
font-size : 12px;
margin : 0px;
}
.whole
{
width : 100%;
margin : auto;
background-color : #2a2c2b;
background-image : url('body-bk.jpg');
background-repeat : repeat-y;
background-position : center;
}
.whole2
{
width : 100%;
margin : auto;
}
.down_menu
{
color : white;
height : 35px;
}
.content
{
margin : auto;
color : white;
}
.header
{
margin : auto;
background-image : url('header.jpg');
background-repeat : no-repeat;
background-position : bottom;
height : 87px;
width : 782px;
}
.footer
{
margin : auto;
background-image : url('footer.jpg');
background-repeat : no-repeat;
background-position : top;
height : 63px;
width : 782px;
}
.pagecontent
{
margin : auto;
text-align : center;
padding : 20px;
}
.bk
{
margin : auto;
width : 782px;
background-image : url('c-bk.jpg');
background-repeat : repeat-y;
}
.bktop
{
margin : auto;
width : 782px;
background-image : url('c-bk-top.jpg');
background-repeat : no-repeat;
background-position : center top;
}
.bkdown
{
margin : auto;
width : 782px;
background-image : url('c-bk-down.jpg');
background-repeat : no-repeat;
background-position : center bottom;
}
.choob
{
height : 848px;
width : 10px;
float : left;
}

.top_menu
{
color : white;
height : 50px;
text-align : center;
padding-top : 20px;
}
.top_menu a
{
display : block ;
display : inline;
text-decoration : none;
color : #585F64;
padding-right : 20px;
font-family : arial;
font-weight : bold;
font-size : 18px;
}
.top_menu a:HOVER
{
color : #23FFF0;
}
.CR
{
 margin : auto;
 text-align : center;
 color : white;
 clear : both;
}
.CR a
{
text-decoration : none;
color : gray;
}

.detail_area{
direction : rtl;
background-color : white ;
padding : 10px;
border : 1px solid black;
width : 50%;
float : left;
margin-left : 50px;
}

.detail_title {
text-align : right ; 
}

.detail_vote_detail{
width:60%;
font-size: 11px;
float: right;
}

.detail_image_area{
float : left;
}

.detail_image{
width : 240px ; 
border : 1px solid black;
margin-bottom : 5px;
margin-right : 5px;
}

.detail_vote
{
  float : left;
  text-align: center;	
}

.detail_vote_nums :HOVER {
	background-color: #C5C5C5;
	font-weight: bold;
	color: black;
}

.detail_detail{
float : left ;
width: 240px;
text-align : center;
padding-top : 20px;
}
.comments_area {
margin: 5px;
width: 50%;
float : right ;
text-align : right;
}
.title{
margin : 5px;
margin-top: 10px;
width: 50%;
font-weight : bold;
float : right;
text-align : right;
direction : rtl;
}
.comment{
margin-bottom : 10px;
border-bottom : 1px dashed black;
padding : 5px;
}
.detail_site{
float : right ;
}

.detail_area a
{
text-decoration : none;
}
.detail_sender {
float : right;
margin-top: 30px;
width: 100%;
}
.detail_sender_name {
	font-weight: bold;
}
.detail_date{
float: left;
width: 100%;
text-align: left;
}

.detail_contact
{
  float: right;
  margin-top: 30px;
  width:50%;
  direction : rtl;
}
.detail_contact_subject {
font-weight: bold;
margin-bottom: 30px;
}

.map_area
{
direction : rtl;
}

#ptext
{
direction : rtl;
}
.cats_area
{
direction : rtl;
margin:auto;
width:90%;
}
.back_button
{
display : block;
background-image : url(back-btn.jpg); 
width : 34px;
height : 24px;
margin-left : 15px;
}
.ads_image:HOVER
{
border : 2px solid black;
}
.back_button:HOVER
{
margin-left:11px;
width:33px;
}
.comment_form
{
direction : rtl;
margin-top : 25px;
}
.c_title
{
text-align : left;
}
.c_input
{
text-align : right;
}
.comment_content
{
text-align : right;
padding : 10px;
margin : 10px;
border-bottom : 1px dashed;
}
.c_object
{
width : 300px;
border : 1px solid;
background-color : gray;
}
.c_submit
{
border : 2px solid;
background-color : gray;
}
.comment_msg_err
{
color : red;
direction : rtl;
text-align : right;
margin-top : 10px;
}
.comment_msg
{
margin-top : 10px;
color : green;
direction : rtl;
text-align : right;
}
