@charset "utf-8";
/*
Document background: #f4f2e9;
body area background:#f8f7f3;
heder middle text colr: #545454;
*/


body{background:#333;
	 
	}
#page_table{  background:#f4f2e9;
			/*background-color:#0F6;*/
				}
.heade_table{vertical-align:center;}
.hdr_up{
	padding-right:10px;
	vertical-align:middle;
	background-color:#474741;
	height:44px;
	}
.hdr_up a{ color:#999;
text-decoration:none;
		}	
.hdr_up a:hover{ color:#E4E4E4;}	

.hdr_middle{
	background-image:url(images/header_midle_tmdd.gif);
	height:84px;
	text-align:right;
	color:#545454;
	

	}
.note {vertical-align:middle;
direction:rtl;
	background-image:url(images/header_down_note_tmdd.gif);
	height: 56px;
	background-repeat:repeat-x;
	background-color:#edea9f;
	text-align:center;
	padding-right:5px;
	
}
.steps_area{background-image:url(images/header_down_tmdd.gif);
	height: 56px;
	background-repeat:repeat-x;
	background-color:#edea9f;
	text-align:right;}

.step_button_current{
}
a.step_button_current {
	background-image:url(images/step_bg_current.gif);

	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	font-weight:bolder;
	color:#666; 
	text-decoration:none;
	padding: 7px 5px;
	width: 50px;
}


.step_button_still{
	
	
}
a.step_button_still {
	background-image:url(images/step_bg_still.gif);	
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	font-weight:bolder;
	color:#666; 
	text-decoration:none;
	padding: 7px 5px;
	width: 50px;
}

.step_button_still:hover{
	background-image:url(images/step_bg_current.gif);
	background-repeat:no-repeat;
 	color:#333;
}

#footer{ background:url(images/footer_tmdd.gif);
height:59px; padding-right:5px;
vertical-align:top}

#footer a{ color:#999;
text-decoration:none;
		}	
#footer a:hover{ color:#333}	



#body_area{background-image:url(images/body_right_tmdd.gif);
background-repeat:repeat-y;
background-position:right;
padding-right:5px;
}

#body_area .example {vertical-align:middle;
	background-image:url(images/example_down_tmdd.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#b1df81;
	text-align:right;
	padding-right:5px;height: 56px;
	
}
#body_area .note {
	vertical-align:middle;
	background-image:url(images/note_up_tmdd.gif);
	background-repeat:repeat-x;
	
	height: 56px;
	background-repeat:repeat-x;
	background-color:#edea9f;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	
	
}
 
#right_area{
	vertical-align:top;
	}
	
 .container .c_up{
	 background-image:url(images/container_up_tmdd.gif);
 vertical-align:top;
 
 background-repeat:repeat-x;
 
 }
 
.container { background:url(images/container_bg.gif); background-repeat:repeat-y;}
.container  #body{ padding:7px 12px 7px 7px; vertical-align:top;}
.container a,#important,a{}

textarea {color:#333; text-shadow:#F00;}

#page_body {padding:5px 12px 5px 12px; vertical-align:top; 
}
.q{font-weight:bold;}
th{background-color:#CCC}
.faildMsg{
	color:#F00;}
.msgOK{
	color:#0C3;
}

.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
select {color:#333}
.importatnt{ direction:rtl;
color:#C01616 ;
font-size:14px;
}

.steps-notes{
	background-color: #edea9f;
    background-image: url("images/header_down_arrow.gif");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #e1e1e1;
    direction: rtl;
    height: 56px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
}

#right_area{
	background-color: white;
}
#content-area{
	background-color: white;
}