@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:0; }
a:Link{text-decoration:none;color:#959595;}
a:active{text-decoration:none;color:#959595;}
a:visited{text-decoration:none;color:#959595;}
a:hover{text-decoration:underline;color:#959595;}
ul li{font-weight: bold;font-size: 12px;line-height: 2em;list-style:inside;}
body {font-family:"Tahoma", sans-serif; font-size: 12px;background-image:url(../images/bg.jpg);background-repeat:repeat-x;}


.clear-all{clear:both; height:0; line-height:0}
em {font-style:normal;}
input { height:18px;}
h2{
letter-spacing:1px;
font-size:12px;
text-align:right;
color:#606060;
font-weight:700;
padding:0.8em 0.5em 0.8em 0em;
margin:1em 0.5em 0.8em 0.5em;
line-height:0.9em;
border-bottom:1px solid #D5D5D5;
border-top:1px solid #D5D5D5;
background-color:#f5f7ea;
opacity:0.8;
}

/* CONTENT ALL */
body#meeting-room div.all{
margin:auto;
width:996px;
}
*html div.rent{
height:855px;
}
div.data{
height:1140px;
}
*html div.data{
height:1100px;
}
div.schedule{
height:1125px;
}
*html div.schedule{
height:1140px;
}

div#left{
float:left;
width:13px;
background-image:url(../images/bg-2.gif);
background-repeat:repeat-y;height:100%
}
div#right{
float:left;
width:13px;background-image:url(../images/bg-1.gif);
background-repeat:no-repeat;height:100%;
}
div#conteiner{
height:100%;
width:950px;
margin: auto;
background-color:#FFFFFF;
}

/* TOP HEADER */
div#header{
width:100%;
background-color:#f2fafe;
height:177px;
margin-bottom:4px;
}

/* MENU HEADER */
div#menu-header{
width:100%;
height:27px;
background-color:#7bcef2;
}
div#menu-left{
float:left;
width:297px;height:27px;
background-image:url(../images/meeting_sys_1.gif);
background-position:left top;
background-repeat:no-repeat;
}
#menureal{
letter-spacing:1px;
color:#666666;
min-width:500px;
width:100%;
height:27px;
font-size:1em;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 984 ? "600px" : "auto" );

}

#menureal li{
float:left;
background-color:#FFFFFF;
width:110px;
height:27px;
padding-left:5px;
list-style-type:none;
}
#menureal a{

line-height:1.2em;
display:block;
background-color:#d2f4fc;
height:27px;
width:110px;
}
#menureal a em{
display:block;
font-style:normal;
padding:0.1em 0 0 0.5em; }

#menureal a:hover{
background-color:#f5f7ea;
text-decoration:none;
}

#menureal a:active{
background-color:#FFFFFF;
text-decoration:none;
}

/* CENTER CONTENT ALL */
div#content{
width:100%;
background-color:#FFFFFF;
}
/*LEFT CONTENT*/
div#side-left{	
float:left;
width:297px;
background-image:url(../images/meeting_sys_3.gif); 
background-repeat:repeat-y;
}
.bg-menu{
float:left;
width:255px;
padding:0 0 90px 20px;
}
.bg-menu ul{
padding:0 1em 0 0;
text-align:right;
}
.bg-menu ul li{
line-height:1.8em;
vertical-align:text-top;

font-size:1.1em;
font-weight:300;
display:block;
padding-top:0.2em;
padding-right:1.5em;
list-style-type:none;
background:url(../images/arrow.gif) center right no-repeat;
}
.bg-menu ul li a:visited{
color:#3399cc;
text-decoration:none;
font-size:1em;
}
.bg-menu ul li a:Link{
color:#3399cc;
text-decoration:none;
font-size:1em;
}
.bg-menu ul li a:hover{
color:#3399cc;
padding-right:2px;
text-decoration:none;
}

/*RIGHT CONTENT*/
div#side-right{
padding-top:1.8em;
float:right;
width:100%;

}
/* CENTER CONTENT HEADER */
.date-now{
float:left;
height:138px;
margin-left:5px;
border:1px solid #999999;
padding:5px 15px 5px 15px;
width:570px;
overflow:auto;
}
.date-now ul{
font-weight:bolder;
color:#666666;
line-height:20px;
}
.date-now ul li{
list-style:none;
font-weight:normal;
line-height:20px;
}
.date-right{
margin-left:200px;
padding:1em 0em 0.5em 0em;

}
.date-1{
font-style:normal;
font-size:1.1em;
font-weight:600;
color:#676767;
}
.date-2{
line-height:1.8em;
font-style:normal;
font-size:1.1em;
font-weight:600;
color:#5AA7DC;
}
.date-3{
font-style:normal;
font-size:1.1em;
color:#676767;
}
.line{
float:left;
width:92%;
background-image:url(../images/lines.gif);background-repeat:repeat-x;background-position:bottom;
padding-top:0.5em;
margin-left:0.45em;
display:block;
}


/* CENTER CONTENT  */

div#content-left{
width:300px;
float:left;

}

div#content-right{

width:100%;
min-width:350px;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 500? "500px" : "auto");



}

/* CENTER CONTENT TABLE */
div.table{
margin:0em 1em 0em 1em;
padding:0.8em 0.8em 0.8em 0.8em;
border:1px solid #C0C4CA;
background-color:#FFFFFF;
height:312px;
/*  standard */
opacity:0.8;
/*  for IE */
filter:alpha(opacity=80);


}
div.table-head{
padding:0em 0em 0em 1em;
text-align:left;
color:#606060;
font-size:12px;
letter-spacing:0.1em;
line-height:2.5em;
background-color:#f5f7ea;
border-bottom:1px solid #D5D5D5;
border-top:1px solid #D5D5D5;
}
div.table-center{
height:270px;
width:100%;
overflow:auto;

}
	
/* CENTER CONTENT TABLE-MENU */
#area-meeting{
letter-spacing:1px;
text-align:left;
min-width:250px;
height:30px;
padding:1em 0em 0.5em 1em;
}

#area-meeting li.selected{
list-style-type:none;
float:left;
height:18px;
font-size:12px;
padding:0em 0.5em 0em 0em;
}
#area-meeting li a{
border-left: 5px solid #AFAFAF;
text-decoration:none;
padding-left:5px;
color:#AFAFAF;
height:18px;
padding-bottom:0.7em;
}

#area-meeting li a:hover{
border-left: 5px solid #AFAFAF;
text-decoration:none;
color:#AFAFAF;
}
#area-meeting li a.rent{
border-left: 5px solid #5AA7DC;
text-decoration:none;
color:#5AA7DC;
}
#area-meeting li a:hover.rent{
border-left: 5px solid #5AA7DC;
text-decoration:none;
color:#AFAFAF;
}
div.hr-slide{
float:left;
margin:2em 0em 0em 0em;
width:100%;
height:23px;
background-image:url(../images/bg_nocontent.gif);background-repeat:repeat-x;
}

/* CENTER CONTENT FOOTER */
#footer{
float:left;
width:100%;
height:56px;
border-top:1px solid #0099FF;
border-bottom:1px solid #CCCCCC;
margin:1.5em 0 1em 0;
background:url(../images/footer.jpg) left top no-repeat;
text-align:right;
line-height:15px;
padding-top:1em;
color:#666666;
}
/* CONTENT COUNT PAGE */
.current{
background:#FFFFFF;
border:1px solid #000000;
color:#000000;
font:bold;
margin:2px;
padding:2px 5px;

}
.page_nums{
display:block;
margin:15px 0 10px 0;
padding-left:10px;

}
.page_nums a:visited {
background:#FFFFFF;
border:1px solid #0066CC;
color:#000000;
font:bold;
margin:2px;
padding:2px 5px;
text-decoration:none;

}
.page_nums a:hover {
background:#FFFFFF;
border:1px solid #000000;
color:#000000;
font:bold;
margin:2px;
padding:2px 5px;
text-decoration:none;
}
.page_nums a:Link{
background:#FFFFFF;
border:1px solid #0066CC;
color:#000000;
font:bold;
margin:2px;
padding:2px 5px;
text-decoration:none;
}
.page_nums a em{
padding-top:1px;
font-family:"MS Sans Serif", Tahoma;

}

/* ----------------------------------------------------------------------------- */
/* PAGE DATA */
.box-1{
width:98%;height:100%;
border-top:2px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:1em 0 0 0;
padding:0.5em 0.5em 0.5em 0.5em;
background-color:#f5f5f5;
float:left;
}
.box-left{
width:200px;float:left;height:100%;
}
.box-right{
margin-left:200px;padding:1.5em 0.5em 0.5em 1em;
}
.box-detail{
width:100%;float:right;text-align:left;letter-spacing:1px;
}
.box-text{
color:#0099FF;font-size:1.4em;border-bottom:1px solid #999999;display:block;width:50%;
}
ul.room{
width:100%;
height:23px;

}
ul.room li{
float:left;
list-style-type:none;
font-size:1.1em;
font-weight:100;
width:100%;
}
ul.room li a{
padding-top:5px;
padding-left:15px;
display:block;
height:20px;
}
ul.room li a:visited{
color:#0080C0;
text-decoration:none;
}
ul.room li a:hover{
color:#00CC33;
text-decoration:none;
background-color:#f5f5f5;
}

/* ----------------------------------------------------------------------------- */
/* PAGE RENT */
.login-section {

width:84%;
height:60px;
margin-top:30px;
float:left;
background-image:url(../images/002.jpg);
background-repeat:no-repeat;

}
.data-section{
background:url(../images/003.gif) left top no-repeat;
width:84%;
height:auto;
margin-top:30px;
float:left;
}

.ect-section{
background:url(../images/004.gif) left top no-repeat;
width:84%;
height:auto;
margin-top:30px;
float:left;
padding-bottom:10px;
}
.div_alrt {
width:100%;
height:60px;
float:left;
display:none;
margin-top:30px;
background-image:url(../images/005.gif);
background-repeat:no-repeat;
}
.div_alrt em{
display:block;
padding:10px 0 0 30px;
color:#FF3366;
font-weight:bold;
}


/* ----------------------------------------------------------------------------- */
/* PAGE SCHEDULE */
ul.week {
letter-spacing:1px;float:right;
width:100%;
padding:10px 0 0 0;
}
ul.week li{

float:right;
font-weight:normal;
padding-left:10px;
list-style-type:none;
}
.head-sc{
width:95%;
height:80px;
margin:0 0 20px 0;

}
.sch-week{
padding:0 25px 20px 0px;
}
.Text11 {
	font-weight: bold;
	background-image:url(../images/Block_Blue.png);
	
}
.Text13 {
	font-weight: bold;
	background-image:url(../images/Block_Red.png);
}
.Text14 {
	font-weight: bold;
	background-image:url(../images/Block_Yellow.png);
}
.bg-week{
	background-image:url(../images/bg-all.gif);background-repeat:repeat-x;background-position:left; 
}

/* ----------------------------------------------------------------------------- */

input.search{
-moz-border-radius-bottomleft : 3px;
-moz-border-radius-bottomright : 3px;
-moz-border-radius-topleft : 3px;
-moz-border-radius-topright : 3px;
width:230px;
height:20px;
background:#F5F5F5;
border:1px solid #C0C0C0;
padding:2px 5px 0 5px;
font-size:17px;
color:#666666;

}