@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; outline:0;}
a {text-decoration:none; border: none;}
img {text-decoration: none; border: none;}
body {
	direction:rtl;
	background-color:#3D3333;
    background-image: url(../images/background_beige.png);
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: right;
	cursor: default;
}
@font-face {
    font-family: 'hossam1';
    src: url('../fonts/zoinkfat-webfont/zoinkfat-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.woff') format('woff'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.ttf') format('truetype'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.svg#ZoinkFatRegular') format('svg');
    font-weight: normal; font-style: normal;
}
.classname {font-family: "hossam";}
.border_corner {
/*firefox*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
/*or*/
	-moz-border-radius: 15px 5px;
/*or 15lefttop+rightdowen-5righttop+leftdowen*/
/*or all*/
	-moz-border-radius: 10px;
	/*opra*/	
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	/*or all*/
	border-radius: 5px;
	/*WebKit*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	/*or all*/	
	-webkit-border-radius: 5px;
}
.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
}
.shadow {
	color: white;
    font: bold 52px Helvetica,Arial,Sans-Serif;
    text-shadow: 1px 1px #FE4902, 2px 2px #FE4902, 3px 3px #FE4902;
}#outer {
	background-image: url(../images/background_beige.png);
	background-repeat: repeat;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

/*********************************************************************/
#header {
	background-image: url(../images/header.png);
	background-repeat: repeat-x;
	height: 90px;
}
/*********************************************************************/
#content {
	margin-top: 20px;
	margin-bottom: 20px;
}
/****************************************** right */
#con_right {
    float: left;
    margin-left: 20px;
    width: 700px;
    background: url(../images/bg_ti_path.png) repeat-x top;
    background-color: #FFFFFF;
    -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}
.title_page {
    font: 25px bold fantasy italic large;
    color: #282828;
    float: right;
    margin: 10px;
    width: 500px;
}
.add_father {
    
    float: left;
    color: #FFFFFF;
    text-align: left;
    font: 20px bold tahoma;
    font-weight: bold;
    margin: 5px 0 0 10px;
    background-color: #62B7C4;
    border: 1px groove #FFFFFF;
    padding: 5px;
    -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}
.path_page {
    font: 15px bold fantasy italic large;
    color: #c1c1c1;
    float: left;
    margin: 10px 0 0 0px;
    width: 700px;
    text-align: left;
}
.path_page a {
    color: #28c6e4;
    margin: 0 10px 0 10px
}
.path_page a:hover {
    color: #292222;
}
.conteaner {
    font: 15px bold fantasy italic large;
    color: #666666;
    float: right;
    padding: 10px;
    width: 680px;
    margin: 10px 0 0 0;
}

/****************************************** end right */

/****************************************** left */
#con_left {
    float: right;
    margin-right: 20px;
    width: 235px;
}
#menuall {
    width: 235px;
    border: 1px solid #7f7570;
    background-color: #a5948a;
    -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; 
}
#calender {
    text-align: center;
    margin: 20px auto 10px auto;
}
/****************************************** end left */

/*********************************************************************/
#footer {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	height: 45px;
	clear: both;
    -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}
/*************************************************************** home page */
.details_page {
    width: 670px;
    margin: 10px auto 0 10px;
    color: #666666;
    text-align: right;
    font: 15px bold arial;
}
.title_editor {
    width: 670px;
    height: 50px;
    background-color: #A5948A;
    margin: 0 auto 0 auto;
    /*firefox*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

	/*opra*/	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
	/*WebKit*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}
.title_editor .title {
    color: aqua;
    text-align: right;
    font: 16px bold tahoma;
    font-weight: bold;
    margin: 0 20px 0 0;
    line-height: 50px;
}
.view {
    color: #000000;
    font: 16px bold tahoma;
    font-weight: bold;
    margin: 0 0 0 0;
    float: left;
}
.editor{
     width: 670px;
    margin: 0 auto 10px auto;
    text-align: right;
    
}
.submit{
     float: left;
     margin: 10px;
     background-color:#B5A59B;
     -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px;
     padding: 5px;
     border: none;
}
.submit:hover{
     color: aqua;
}

.table_color {
    width: 670px;
    background-color: #EBF7F9;
    padding: 5px;
    text-align: right;
}
.hr_table {
    
    height: 1px;
    background-color: #DBE7E8;
}
.ti_ro {
    color: #666666;
    text-align: right;
    font: 16px bold tahoma;
    font-weight: bold;
    margin: 0 0 0 0;
    
}
.comast {
    color: #666666;
    text-align: right;
    font: 16px bold tahoma;
    font-weight: bold;
    margin: 0 5px 0 5px;
    float: right;
}
.typ_ro {
    background: url(../images/input-text-bg.png) repeat-x;
    height: 30px;
    border: 1px groove #c1c1c1;
    margin: 0 0 0 0;
}
.bg1 {
    background-color: #EBF7F9;
}
.bg2 {
    background-color: #FFFFFF;
}
.bg1:hover {
    background-color: #c1c1c1;
}
.bg2:hover {
    background-color: #c1c1c1;
}
.th_table {
    color: #666666;
    text-align: center;
    font: 16px bold tahoma;
    font-weight: bold;
    padding: 0 20px 0 20px;
    background-color:#B5A59B;
    -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px;
}
.td_table{
    color: #666666;
    text-align: center;
    font: 16px bold tahoma;
    font-weight: bold;
    padding: 5px;
}
.counter {font:14px arial bold; background: #A5948A; margin: 15px auto; text-align: center; color:#e1e1e1;
 padding: 10px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.counter a { text-decoration: none; color: #000000; background: #DEE2D0; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}
.counter a:hover {background: green; color: #FFFFFF;}
.desmsg{
    margin: 5px 100px 5px 0;
    width: 400px;
    background-color: #EBF7F9;
    display: block;
}
.desmsg:hover {
    margin: 5px 30px 5px 0;
    width: 400px;
    background-color: #c1c1c1;
    display: block;
}