/*************************** general properties >> ***************************/
body{
text-align:center;
color:#323232;
font-family:Tahoma;
font-size:11px;
background:url(../Images/cp/dody_bg.gif) repeat-x top;
}
*{
margin:0px;
border:0px;
padding:0px;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}


a{
color:#006fe1;
text-decoration:none;
}
a:hover{
color:#ff5a00;
text-decoration:underline;
}

a:focus{
outline:none;
}

/******************************************************  << general proberties ************************/

/******************************************************   design proberties >> ************************/

#box_wrapper{
width:485px;
height:220px;
position:relative;
margin:50px auto;
}

#box_wrapper #top_part{
width:485px;
height:42px;
position:relative;
background:url(../Images/cp/top_tex2.gif) repeat-x;
}

#box_wrapper #top_part #left_top_part{
width:20px;
height:42px;
position:absolute;
top:0px;
left:0px;
background:url(../Images/cp/top_left.gif) no-repeat left;
}

#box_wrapper #top_part #mid_top_part{
width:148px;
height:42px;
position:absolute;
top:0px;
left:170px;
background:url(../Images/cp/box_title.gif) no-repeat;
}

#box_wrapper #top_part #right_top_part{
width:20px;
height:42px;
position:absolute;
top:0px;
left:465px;
background:url(../Images/cp/top_right.gif) no-repeat right;
}

#box_wrapper #mid_part{
width:485px;
height:140px;
position:relative;
background:url(../Images/cp/mid_tex.gif) repeat-x;
}

#box_wrapper #mid_part #left_mid_part{
width:20px;
height:156px;
position:absolute;
top:0px;
left:0px;
background:url(../Images/cp/mid_left.gif) no-repeat left;
}

#box_wrapper #mid_part #mid_mid_part{
width:447px;
height:156px;
position:relative;
margin-left:20px;
}

#box_wrapper #mid_part #mid_mid_part #ok_btn{
width:44px;
height:44px;
position:absolute;
top:67px;
left:5px;
}

#box_wrapper #mid_part #mid_mid_part #lock_pic{
width:98px;
height:156px;
position:absolute;
top:0px;
left:340px;
}
#box_wrapper #mid_part #mid_mid_part #Error_msg{
width:172px;
height:40px;
position:absolute;
top:125px;
left:120px;
}

#box_wrapper #mid_part #mid_mid_part #user_name{
width:180px;
height:22px;
position:absolute;
top:60px;
left:60px;
background:url(../Images/cp/text_text2.gif) repeat-x;
}

#box_wrapper #mid_part #mid_mid_part #user_name #left_user_name{
width:13px;
height:22px;
position:absolute;
top:0px;
left:0px;
background:url(../Images/cp/left_text2.gif) no-repeat left;
}


#box_wrapper #mid_part #mid_mid_part #user_name #right_user_name{
width:13px;
height:22px;
position:absolute;
top:0px;
left:170px;
background:url(../Images/cp/right_text2.gif) no-repeat right;
}

#box_wrapper #mid_part #mid_mid_part #user_name_label{
width:100px;
height:20px;
position:absolute;
top:65px;
left:230px;
text-align:right;
direction:rtl;
}

#box_wrapper #mid_part #mid_mid_part #user_pass{
width:180px;
height:22px;
position:absolute;
top:90px;
left:60px;
background:url(../Images/cp/text_text2.gif) repeat-x;
}

#box_wrapper #mid_part #mid_mid_part #user_pass #left_user_pass{
width:13px;
height:22px;
position:absolute;
top:0px;
left:0px;
background:url(../Images/cp/left_text2.gif) no-repeat left;
}


#box_wrapper #mid_part #mid_mid_part #user_pass #right_user_pass{
width:13px;
height:22px;
position:absolute;
top:0px;
left:170px;
background:url(../Images/cp/right_text2.gif) no-repeat right;
}

#box_wrapper #mid_part #mid_mid_part #user_pass_label{
width:100px;
height:20px;
position:absolute;
top:95px;
left:230px;
text-align:right;
direction:rtl;
}

#box_wrapper #mid_part #right_mid_part{
width:20px;
height:156px;
position:absolute;
top:0px;
left:465px;
background:url(../Images/cp/mid_right.gif) no-repeat right;
}

#box_wrapper #bottom_part{
width:485px;
height:22px;
position:relative;
background:url(../Images/cp/bottom_tex1.gif) repeat-x;
}

#box_wrapper #bottom_part #left_bottom_part{
width:20px;
height:22px;
position:absolute;
top:0px;
left:0px;
background:url(../Images/cp/bottom_left1.gif) no-repeat left;
}

#box_wrapper #bottom_part #right_bottom_part{
width:20px;
height:22px;
position:absolute;
top:0px;
left:465px;
background:url(../Images/cp/bottom_right1.gif) no-repeat right;
}