@CHARSET "UTF-8";

body, ul, li, p, h1 {
	margin: 0;
	padding: 0;
    color:#505050
}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
	background-color: #efefef;
}
/***left panel****/
div#left {
	width: 186px;
	border: 1px solid #D8D8D8;
	background-color: #fff;
	bottom: 5px;
	top: 0px;
	left: 5px;
	position: absolute;
	padding: 0px;
}
/***right panel****/
div#right {
	border: 1px solid #D8D8D8;
	position: absolute;
	left: 195px;
	float: right;
	bottom: 5px;
	top: 0px;
	right: 0px;
	background-color: #fff;
	/*overflow: auto;*/
	padding: 0px;
}
div.calendar-view {

}
p.panel-title {
	background-color: #fff9ef;
	color: #000;
	font-weight: bold;
	text-indent: 1em;
	background: url("../imgs/Calendar/titleBg.png") repeat-x;
	height: 20px;
	line-height: 20px;
}

.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html  .clear-fix {
	height: 1%;
}
div#container {
	background-color: #fff;
	margin: 2px auto;
	/**
	 width: 980px;
	 padding: 5px 20px;
	 **/
}

div#container h3 {
	text-indent: 10px;
	border-bottom: 1px solid #000080;
}
div.left {
	float: left;
	background-image: url("../imgs/Calendar/bar.gif");
	width: 5px;
	height: 30px;
}
div.right {
	float: left;
	background-image: url("../imgs/Calendar/bar2.gif");
	width: 5px;
	height: 30px;
}
div#bar {
	height: 30px;
	margin-bottom: 10px;
}
div#bar ul {
	height: 28px;
	background: url("../imgs/Calendar/bar-mddile.gif") repeat-x;
	float: left;
	border-style: solid;
	border-width: 1px 0;
	border-color: #ababab;
}
div#bar ul li {
	float: left;
}

div#container ul li, ul li {
	list-style: none;
}

div#bar li a {
	text-decoration: none;
	line-height: 28px;
	display: block;
	margin-left: 10px;
	text-indent: 20px;
	width: 80px;
	color: #000;
}
div#bar li a:hover {
	color: #000;
}
div#calender {
	margin-top: 20px;
}
ul.calendar {
	border-collapse: collapse;
	border-spacing: 0;
}
ul.calendar-tabs li {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #d3d3d3;
	border-collapse: collapse;
	border-spacing: 0;
}
ul.calendar-title a {
	display: block;
	width: 100px;
	border-width: 2px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
	text-align: center;
	line-height: 25px;
}
table.calendar-month {
	width: 100%;
	border-collapse: collapse;
}
table.calendar-month th {
	background-color: #D3D3D3;
	font-weight: normal;
	line-height: 25px;
	width: 14.3%;
}
table.calendar-month div.data_body div, table.calendar-week div.data_body div {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 18px;
	background-color: #5da600;
	font-size: 8pt;
	line-height: 18px;
	padding-left: 5px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 1px;
}
table.calendar-month td.true{
	background-color: #E2E3E6;
}
table.calendar-month td.month-today {
	background-color: #E2EDFF;
}
table.calendar-month td.month-today div.month_head {
	background-color: #689CCB;
}

table.calendar-month td, table.calendar-month th {
	border: 1px dotted #000;
	vertical-align: top;
}
table.calendar-month td {
	height: 70px;
}
div.month_head {
	text-align: right;
	background-color: #EBEFF4;
	color: #2F3A48;
	height: 20px;
	padding-right: 5px;
	padding-top: 3px;
	border-collapse: collapse;
}


.newcheckbox{
	border:0 solid #fff;
	position:relative;
}
.newcheckbox span{
	padding:1px;
	border:0 solid red;
	display:block;
}
.newcheckbox .select span{
	width:8px;
	height:8px;
	display:inline-block;
	border:1px solid #E5E5E5;
	background:#fff;
	position:absolute;
	top:4px;
	left:1px;
	z-index:10;
}
.newcheckbox .select input{
	display:none;
}
.select span.selected111{
	background:#fff url(../imgs/checkmark.png) no-repeat 0 2px;
	border:1px solid #5da600;
}
.newcheckbox .select span.hover{
	width:8px;
	height:8px;
	display:inline-block;
	border:1px solid #5da600;
}

div#input-day {
	height: 50px;
}
div#input-day input {
	padding: 0;
	border: 0;
	height: 27px;
	width: 121px;
	background-image: url("../imgs/Calendar/calendar.png");
	background-repeat: no-repeat;
	background-position: -46px -25px;
	padding-left: 23px;
	outline-color: #FFFFFF;
	line-height: 25px;
}
li.space {
	height: 28px;
	width: 2px;
	background: url('../imgs/Calendar/line.jpg') no-repeat;
}
/**
 div#input-day input:hover {
 cursor: pointer;
 }

 div.div-current {
 float: right;
 display: block;
 height: 25px;
 width: 144px;
 line-height: 25px;
 }
 **/
a#currentDay {
	cursor: pointer;
	text-decoration: underline;
}

/*******tabs********/
div#tab-container {
    background: url(../imgs/tit_bar.png) repeat-x 0 -3px;
	/*border-bottom: 1px solid #4b9fe1;*/
	height: 46px;
	
}
div.calendar-tab, ul.calendar-tab {
	float: left;
	padding-left: 28px;
	color: #fff;
}
ul.calendar-tab > li {
	float: left;
	width: 100px;
	display: block;
	border-width: 0px;
	border-style: solid;
	border-color: #959595;
	position: relative;
	margin-left: 2px;
	background-color: #959595;
	position: relative;
	line-height: 30px;
	border-radius: 6px 6px 0 0;
	top: 1px;
	color: #fff;
}
ul.calendar-tab > li a, ul.calendar-tab > li span {
	color: #fff;
	display: block;
	line-height: 28px;
	/*	margin-left: 10px;
	 width: 80px;*/
	text-decoration: none;
	text-indent: 25px;
}

ul.calendar-tab > li.current {
	background-color: #4b9fe1;
	z-index: 100;
	top: 2px;
	border-style: solid;
	border-width: 2px 2px 0 2px;
	border-color: #4b9fe1;
	border-radius: 6px 6px 0 0;
}
/*weekend*/
div#week-view {
	height: 495px;
}
div#week-view table.calendar-week {
	width: 100%;
}

div#week-view table.calendar-week thead tr {

}

div#week-view table.calendar-week th, div#week-view table.calendar-week td {
	line-height: 25px;
}

div#week-view table.calendar-week th.weekviewhead, div#week-view table.calendar-week td.weekviewhead{
	width:13%;
}
div#week-view table.calendar-week th.weekviewfirst, div#week-view table.calendar-week td.weekviewfirst{
	width:9%;
}


div.weekMonthName {
	display: inline;
	margin-left: 10px;
}
/*day-view*/
div#day-view, div#month-view{
	height: 495px;
}
div#full-view {
	height: 495px;
	width: 100%;
}
table.calendar-day {
	width: 100%;
	text-align: left;
	border: 1px solid #ABABAB;
	border-collapse: collapse;
	border-spacing: 0;
}
table.calendar-day  span.todayDate {
	padding-bottom: 10px;
	font-weight: bold;
}
table.calendar-day thead tr {
	height: 28px;
	background: url("../imgs/Calendar/bar-mddile.gif") repeat-x;
}
table.calendar-day thead th, table.calendar-day  td {
	font-weight: normal;
	border: 1px solid #ABABAB;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0 3px;
	text-align:center;
}
table.calendar-day  td {
	vertical-align: top;
	padding: 0;
}
table.calendar-day th.view-time {
	width: 60px;
}
table.calendar-day th.view-klmmm {
	width: 35px;
}
div#day-view table.calendar-day tbody.day-left {
	background-color: #999999;
	width: 200px;
	height: 800px;
}
/*even-form*/
div#new-event-form {
	/*margin: 0 auto;*/
	width: 500px;
}
div#new-event-form ul {
	width: 100%;
	background: #fff;
	border-spacing: 0;
	border-collapse: collapse;
}

div#new-event-form ul li {
	line-height: 18px;
	padding-top: 2.5px;
	text-align: left;
	padding-left: 10px;
}
div#new-event-form ul li a {
	padding-left: 5px;
	color: #5da600;
	cursor: pointer;
}

div#new-event-form ul a {
	padding-left: 10px;
	color: #5da600;
	cursor: pointer;
}


div#new-event-form table td {
	padding-left: 30px;
	text-align: left;
	border: 1px solid #E2E3E6;
}
div#new-event-form table tfoot td {
	text-align: right;
	padding-right: 20px;
}
td.input-title {
	width: 150px;
}
a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a.btn_blue, a.btn_red, a.btn_gray {
	display: inline-block;
	height: 22px;
	line-height: 24px;
	_overflow: hidden;
	padding: 0 12px;
	margin: 0;
	text-align: center;
	border-radius: 3px;
}

a.btn_blue:focus, a.btn_red:focus, a.btn_gray:focus {
	border-color: #93d4fc;
	box-shadow: 0 0 5px #60caff;
}

a.btn_blue:active, a.btn_red:active, a.btn_gray:active {
	outline: none;
}

a.btn_blue {
	border: 1px solid #0d659b;
	color: #fff;
	color: #fff !important;
	background-color: #238aca;
	background: -moz-linear-gradient(top, #238aca, #0074bc);
	background: -webkit-linear-gradient(top, #238aca, #0074bc);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#238aca', endColorstr = '#0074bc' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#238aca',endColorstr='#0074bc')";
}

a.btn_blue:hover {
	text-decoration: none;
	background-color: #238aca;
	background: -moz-linear-gradient(top, #2a96d8, #0169a9);
	background: -webkit-linear-gradient(top, #2a96d8, #0169a9);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#2a96d8', endColorstr = '#0169a9' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a96d8',endColorstr='#0169a9')";
}

a.btn_blue:active {
	background-color: #238aca;
	background: -moz-linear-gradient(top, #0074bc, #238aca);
	background: -webkit-linear-gradient(top, #0074bc, #238aca);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#0074bc', endColorstr = '#238aca' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bc',endColorstr='#238aca')";
}

a.btn_red {
	border: 1px solid #a22626;
	color: #fff;
	color: #fff !important;
	background-color: #e54a56;
	background: -moz-linear-gradient(top, #f5505f, #d3454b);
	background: -webkit-linear-gradient(top, #f5505f, #d3454b);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#f5505f', endColorstr = '#d3454b' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5505f',endColorstr='#d3454b')";
}

a.btn_red:hover {
	text-decoration: none;
	background-color: #f1505b;
	background: -moz-linear-gradient(top, #ff6574, #e13841);
	background: -webkit-linear-gradient(top, #ff6574, #e13841);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#ff6574', endColorstr = '#e13841' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6574',endColorstr='#e13841')";
}

a.btn_red:active {
	background-color: #e33c44;
	background: -moz-linear-gradient(top, #e13841, #ff6574);
	background: -webkit-linear-gradient(top, #e13841, #ff6574);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#e13841', endColorstr = '#ff6574' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13841',endColorstr='#ff6574')";
}
/*
a.btn_gray {
	border: 1px solid #BEBEBE;
	color: #494949;
	color: #494949 !important;
	background-color: #fff;
	background: -moz-linear-gradient(top, #fff, #f0efef);
	background: -webkit-linear-gradient(top, #fff, #f0efef);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#ffffff', endColorstr = '#f0efef' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0efef')";
}

a.btn_gray:hover {
	text-decoration: none;
	background: -moz-linear-gradient(top, #fefefe, #d8d7d7);
	background: -webkit-linear-gradient(top, #fefefe, #d8d7d7);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#fefefe', endColorstr = '#d8d7d7' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#d8d7d7')";
}

a.btn_gray:active {
	background: -moz-linear-gradient(top, #d4d3d3, #f9f8f8);
	background: -webkit-linear-gradient(top, #d4d3d3, #f9f8f8);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#d4d3d3', endColorstr = '#f9f8f8' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d3d3',endColorstr='#f9f8f8')";
}*/
#tabbutton.hover{
	background:url(../imgs/button_Hover.png) no-repeat left 0;
}

#tabbutton.disabled{
	background:url(../imgs/button_Disable.png) no-repeat left 0;
}

#tabbutton.down{
	background:url(../imgs/button_Down.png) no-repeat left 0;
}

#tabbutton.hover span{
	color:#fff;
}
span.operaterefresh a{
	width:40px;
	height:40px;
	background:url(../imgs/refresh.png) no-repeat 0 0px;
	float: left; 
}
span.operaterefresh a.hover{
	background:url(../imgs/refresh_Hover.png) no-repeat left 0;
}

span.operaterefresh a.disabled{
	background:url(../imgs/refresh_Disable.png) no-repeat left 0;
}

span.operaterefresh a.down{
	background:url(../imgs/refresh_Down.png) no-repeat left 0;
}
span.operaterefresh a.refreshing{
	background:url(../imgs/ManualSearchNet.gif) no-repeat left 0;
}

.selectAll a {
    margin: 1px 3px 0 -20px;
}
.selectAll{
	float:left;
	margin-right:2px;
	padding-top:13px;
	margin-left:2px;
}
.selectAll a{
	width:13px;
	height:13px;
	display:inline-block;
	background:#fff;
	cursor:pointer;
	border:1px solid #E5E5E5;
}
.selectAll a.hover{
	border: 1px solid #5da600;
}
.selectAll a.selected{
	background:#fff url(../imgs/checkmark.png) no-repeat 0 2px;
	border:1px solid #5da600;
}
.selectAll input{
	display:none;
}

a.btn_gray{
	float:left;
	padding:0 0 0 0px;
	background:url(../imgs/button_Enable.png) no-repeat left 0;
	width:88px;
	height:39px;
	text-align:center;
}
a.btn_gray span{
	display:inline-block;
	padding:0 10px 4px 0;
	width:88px;
	height:39px;
	line-height:39px;
	color:#fff;
}
a.btn_gray.hover{
	background:url(../imgs/button_Hover.png) no-repeat left 0;
}
a.btn_gray.disabled{
	background:url(../imgs/button_Disable.png) no-repeat left 0;
}

a.btn_gray.down{
	background:url(../imgs/button_Down.png) no-repeat left 0;
}

/*icons*/
div.calendar-icons {
	float: left;
}
div.new-iiiicon {
	float: right;
	/*width: 280px;*/
	font-size: 12px;
	color: #000;
	text-align: right;
	margin-top: 10px;
}
div.new-iiiicon  a {
	text-decoration: none;
	background-color: #dee2eb;
	color: #000;
	margin: 0 2px;
	padding: 2px 10px;
	border-radius: 3px;
	display: inline-block;
	line-height: 16px;
}
div.new-iiiicon  a span {
	width: 16px;
	height: 10px;
	display: inline-block;
}
div.new-iiiicon  a span.previous {
	background: url('../imgs/Calendar/danan-calendar.png') no-repeat -8px 0;
}
div.new-iiiicon  a span.next {
	background: url('../imgs/Calendar/danan-calendar.png') no-repeat -36px 0;
}
/****bigTime***/
span.bigTime {
	font-size: 16px;
	font-weight:bold;
}
/**mask  win *****/
div#calendar {
	position: relative;
}
div#arrow {
	position: absolute;
	width: 12px;
	height: 20px;
}
div.arrowLeft {
	background: url('../imgs/Calendar/arrowBb.png') no-repeat 0px 0;
}
div.arrowRight {
	background: url('../imgs/Calendar/arrowBb.png') no-repeat -13px 0;
}

div#mask {
	background-color: #f1f0f0;
	opacity: 0.4;
	width: 100%;
	z-index: 3000;
	position: absolute;
	top: 0;
	left: 0;
}
div#maskWin {
	z-index: 4000;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #a0a0a0;
	-moz-box-shadow: 2px 2px 6px #a0a0a0;
	box-shadow: 2px 2px 6px #a0a0a0;
}
div.event-detail {
	padding: 10px 10px 10px 30px;
}
div#maskWin h1.title {
	font-weight: bold;
	line-height: 35px;
}
div#maskWin p {
	line-height: 25px;
}
div#maskWin p span {
	color: #000;
}
div.maskWin-buttons {
	border-top: 1px #2170ac solid;
	margin-top: 5px;
}
div.maskWin-buttons a{
	float: right;
}
div.maskWin-buttons, div.header {
	height: 36px;
	line-height: 48px;
	padding-left: 25px;
	color: #000;
	font-weight: bold;
}
div.maskWin-buttons {
	font-weight: normal;
	text-align: right;
}
div.header {
	border-bottom: 3px #2170ac solid;
	margin-bottom: 10px;
}
div#maskWin div.maskWin-neweven {
	background-color: #F1F1F1;
	line-height: 30px;
	text-align: right;
	padding-right: 10px;
}
table.calendar-month div.data_body div.eventSelected {
	/*background-color: #3333FF;*/
}
div.selected {
	background-color: #FF3366 !important;
}

div#maskWin div.maskWin-buttons a {
	float: right;
	margin-right: 10px;
}
/**表单元素**/
.input {
	line-height: 18px;
	width: 280px;
	border-width: 1px;
	border-color: #aaa #ccc #ccc #aaa;
	border-style: solid;
}
/**msg样式**/
div#msg {
	min-width: 100px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	z-index: 10;
}

div#msg span {
	height: 18px;
	padding: 5px;
	line-height: 18px;
	background-color: #FFB951;
	color: #fff;
	border: 1px solid #F5505F;
	border-radius: 6px;
}
/**更多按钮**/
.moreBtn {
	width:11px;
	height:11px;
	background-image:url(../imgs/tool_icon.png);
	background-repeat:no-repeat;
	background-position:0 -57px;
	display:inline-block;
	margin-right:5px;
	margin-top:15px;
	float:right;
}
#menu {
	position: absolute;
	left: 400px;
	top: 50px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	z-index:10;
}
#menu li {
	line-height: 25px;
	height: 25px;
}
#menu li a {
	width: 260px;
	display: block;
	padding-left: 20px;
}
#menu li a:hover {
	background-color: #316AC5;
	color: #fff;
}
/**刷新**/
span.new-icons {
	background-image: url("../imgs/Calendar/new-icons.gif");
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-left: 3px;
}
/**隔行换色**/
table.calendar-day tbody tr {
	line-height: 30px;
	valign:middle;
	align:center;
	word-break:break-all;
}
table.calendar-day tbody tr.odd {
	background-color:#f7f7f7;
}
table.calendar-day tbody tr {
	background-color: #fff9de;
}
table.calendar-day thead tr th.allday{
	width:4%;
}
table.calendar-day thead tr th.content{
	width:15.5%;
}
table.calendar-day thead tr th.time{
	width:9.5%;
}
table.calendar-day thead tr th.account{
	width:11%;
}
table.calendar-day thead tr th.repeat{
	width:9.5%;
}
table.calendar-day thead tr th.alarm{
	width:6%;
}
div.event-detail h2,div.event-detail p{
	word-break:break-all;
}
#weekoftoday{
	background-color: #689CCB;
}
