/* CSS Document */

/* רÌâCSS¿ªÊ¼ */

#middle1 {
width: 776px; 
height: 270px; 
margin-left: auto; 
margin-right: auto; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/bg_middle1.gif) #fff left top; 
text-align: left
}
#note {
float: left; width: 194px; height: 270px
}
#hotview {
float: left;
width: 385px;
height: 270px; 
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;  
}
#rightmenu {
float: right;
width: 194px; 
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
color: #fff; 
}
#rightmenu UL {
width: 194px;
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
border: medium none;  
list-style-type: none
}
#rightmenu LI {
width: 95%; 
margin: 5px; 
border: #9c9a9c 1px solid;  
background: #fff; 
}
#rightmenu LI A {
padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 33px; 
display: block; 
background: url(../skin/hioffice/li_rightmenu.gif) no-repeat 0px 0px; 
overflow: hidden; 
text-decoration: none
}
#rightmenu LI A:hover {
font-weight: bold; 
background: url(../skin/hioffice/li_brightmenu.gif) #7acb7e no-repeat 0px 0px; 
color: #fff
}
.bold12 {
font-weight: bold; color: #333
}
.title12 {
margin: 0px;
padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; 
font-weight: bold; font-size: 12px; 
background: url(../skin/hioffice/li_title.gif) no-repeat 10px 10px; 
color: #60a179; 
line-height: 23px; 
}
.text1,
.text {
margin: 8px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
line-height: 160%; 
text-align: left
}
.text UL {
margin: 0px; 
padding-top: 10px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; 
}
.text1 UL {
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 15px; 
}
.more {
text-align: right
}
#validity {
width: 180PX; 
height: 22px;
margin: 10px 8px; 
padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; 
background: url(../skin/hioffice/bg_greendot.gif) left top; 
text-align: center
}
.validate {
display: block;
width: 170PX; 
margin-right: auto; 
background: #60a179 center 50%; margin-left: auto; 
color: #fff; 
line-height: 22px; 
}
.validate A:link {
color: #a5db92
}
.validate A:visited {
color: #a5db92
}
.validate A:hover {
color: #fff
}
#boxtitle {
clear: both;
width: 776px; 
height: 105px
margin: 0px auto;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/img_box4.gif) #fff no-repeat left top;  
}
#boxtitle UL {
clear: left;
height: 105px;
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
border: 0px; 
list-style-type: none; 
}
#boxtitle LI {
float: left;
display: block; 
margin: 5px 0px 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
text-align: center;
text-decoration: none
}
#boxtitle LI A {
display: block; 
width: 100%;
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/li_title.gif) no-repeat 10px 4px; 
font-weight: bold; 
color: #fff;  
text-decoration: none
}
#boxtitle LI A:hover {
display: block; 
font-weight: bold; 
background: url(../skin/hioffice/li_wtitle.gif) no-repeat 10px 4px; 
color: #60a179; 
text-decoration: underline
}
#boxtitle UL LI#b1 A,
#boxtitle UL LI#b2 A,
#boxtitle UL LI#b3 A,
#boxtitle UL LI#b4 A {
width: 192px;
}
#middle2 {
width: 776px; 
height: 210px; 
margin-right: auto;
margin-left: auto; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/bg_4box.gif) #fff repeat-y; 
border-bottom: #9c9ea5 1px solid; 
text-align: left
}
#box1 {
float: right; 
width: 194px;
height: 210px 
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
#box2,
#box3{
float: right; width: 193px; height: 210px
}
#box4 {
float: left; width: 193px; height: 210px
}
#middle3 {
width: 776px; 
height: 300px;
margin-left: auto; 
margin-right: auto; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/bg_middle3.gif) #fff left top; 
text-align: left
}
#box5 {
float: left; width: 193px; height: 250px; text-align: left;
}
#box6 {
float: left; width: 266px; height: 250px
}
#box7 {
float: right; width: 286px; height: 250px
}
.friendlink {
width: 100%; 
height: 27px;
margin: 0px; 
padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background: url(../skin/hioffice/bg_sgreendot.gif) left top; 
font-weight: bold; 
font-size: 12px; 
color: #fff; 
}
#hi-office H2 {
margin: 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; 
background: url(../skin/hioffice/li_title.gif) no-repeat 10px 5px; 
font-weight: bold; font-size: 14px; 
color: #60a179; line-height: 23px; 
}
#box5 h2 {
height: 27px
margin: 0px; 
padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; 
background: url(../skin/hioffice/bg_sgreendot.gif) left top; 
font-weight: bold; font-size: 14px; 
color: #fff; 
}