/**

* GRI主题

*/

.gri_contrast {

    float: left;

    margin: 4px 8px 0 8px;

    line-height: 20px;

    color: #666;

    cursor: pointer;

    font: 12px/1.5 Tahoma, Helvetica, 'SimSun', sans-serif;

}





.gri_date {

/*    margin: 4px 4px;*/

    padding: 0 26px 0 6px;

    width: 195px;

    height: 20px;

    line-height: 20px;

    border: 1px solid #D6D6D6;

    background: #FFF url('icon_date.png') no-repeat 100% 50%;

    cursor: pointer;

    color: #666;

}



.gri_date_month {

    width: 180px

}



.gri_dateRangeCalendar {

    position: absolute;

    display: none;

    background: #FFF;

    border: 1px solid #6FB1DF;

    padding: 10px;

    -moz-box-shadow: 0px 1px 3px #6FB1DF;

    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 5, Direction = 135, Color = "#CCCCCC");

    font: 12px/1.5 Tahoma, Helvetica, 'SimSun', sans-serif;

}



.gri_dateRangeCalendar a {

    color: #369;

}



.gri_dateRangePicker {

    float: left;

    border: 0;

    margin: 0;

    padding: 0;

}



.gri_dateRangeOptions {

    float: left;

}



.gri_dateRangeOptions input.gri_dateRangeInput {

    width: 80px;

    text-align: center;

    border: 1px solid #DDD;

}



.gri_dateRangeOptions div.gri_dateRangeInput {

    margin-bottom: 5px;

}



.gri_dateRangePreMonth {

    float: left;

    width: 15px;

    height: 17px;

    background: url('page.png') no-repeat 0 0;

    overflow: hidden;

}



.gri_dateRangeNextMonth {

    float: right;

    width: 15px;

    height: 17px;

    background: url('page.png') no-repeat -15px 0;

    overflow: hidden;

}



.gri_dateRangePreMonth span, .gri_dateRangeNextMonth span {

    display: none;

}



.gri_dateRangeDateTable {

    margin: 0 10px 0 0px;

    padding: 0px;

    float: left;

    empty-cells: show;

    border-collapse: collapse;

    display: inline;

    font-size: 12px;

}



.gri_dateRangeDateTable td {

    border: 1px solid #EEE;

    text-align: right;

    cursor: pointer;

    padding: 1px 2px;

}



.gri_dateRangeDateTable th {

    border-top: 1px solid #DEE6F6;

    border-left: 1px solid #DEE6F6;

    background: #E0E8F7;

    font-weight: 400;

    border-left: 1px solid #DDD;

}



.gri_dateRangeDateTable td.gri_dateRangeGray {

    color: #BBB;

    cursor: default;

}



.gri_dateRangeDateTable td.gri_dateRangeToday {

    color: #F90;

    font-weight: bold;

}



.gri_dateRangeSelected {

    background-color: #007CD9;

    color: #FFF;

}



.gri_dateRangeCompare {

    background-color: #B9E078;

    color: #FFF;

}



.gri_dateRangeCoincide {

    background-color: #FFFFC4;

}



.gri_pn {

    background: url(".pn.png") repeat-x scroll 0 -48px #E5E5E5;

    color: #fff;

}



.gri_pnc {

    background: url(".pn.png") repeat-x scroll 0 0 #E5E5E5;

}



.gri_co {

    border: 1px solid #999999;

    box-shadow: 0 1px 0 #E5E5E5;

    cursor: pointer;

    font-family: Tahoma, 'Microsoft Yahei', 'Simsun';

    font-size: 12px;

    height: 21px;

    overflow: hidden;

    vertical-align: middle

}

/**

 * =================================================

 * TA主题

 * =================================================

 */

.ta_date {

	width: 188px;

	height: 24px;

	border: 1px solid #d8d8d8;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background: #fff;

	line-height: 24px;

	overflow: hidden;

}



.ta_date .date_title {

	width: 144px;

	height: 100%;

	float: left;

	display: inline-block;

	padding: 0 10px;

	color: #666666;

	font-family: Arial;

	cursor: pointer;

	*zoom: 1;

}



.ta_date:hover {

}



.ta_date .to {

	padding: 0 5px;

}



.ta_date .opt_sel {

	float:right;

	display: inline-block;

	margin-left: -4px;

	padding: 0 7px;

	width: 10px;

	border: none;

	border-radius: 0;

	background: #f6f6f6;

	text-align: center;

}



.ta_date a.opt_sel:link, .ta_date a.opt_sel:visited {

}



.ta_date a.opt_sel:active, .ta_date a.opt_sel:hover {

	background: #1d4698;

}



.ta_date .i_orderd {

	display: inline-block;

	overflow: hidden;

	width: 0;

	height: 0;

	border-top: 5px solid #727272;

	border-right: 5px dashed transparent;

	border-left: 5px dashed transparent;

	content: "";

	vertical-align: middle;

	font-size: 0;

	*margin-top: 10px;

}



.ta_date a.opt_sel:hover .i_orderd {

	border-top-color: #fff;

}



.ta_calendar2 {

	*width: 536px;

}



.ta_calendar1 {

	*width: 268px;

}



.ta_calendar {

	position: absolute;

	z-index: 100;

	border: 1px solid #ccc;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	background-color: #ffffff;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	text-align: left;

	font-size: 12px;

}



.i_next,.i_pre,.ta_calendar td.first,.ta_calendar td.last,.ta_calendar td.ta_dateRangeSelected,.ta_calendar td.today,.y_next,.y_pre{background:url(calendar_all.png) no-repeat;cursor:pointer;}

.i_next,.i_pre,.y_next,.y_pre{display:inline-block;width:23px;height:23px;}



.i_pre{background-position:0 0;}

.y_pre:hover{background-position:-46px 0;}

.y_next{background-position:-23px 0;}

.y_next:hover{background-position:-69px 0;}



.i_pre{background-position:-236px 0;}

.i_pre:hover{background-position:-282px 0;}

.i_next{background-position:-259px 0;}

.i_next:hover{background-position:-305px 0;}



.ta_calendar td.ta_dateRangeSelected {

	background-position: -164px 2px;

	color: #fff;

}



.ta_calendar td.ta_dateRangeGray {

	color: #BBB;

	cursor: default;

}



.ta_calendar td.first {

	background-position: -128px 2px;

	color: #6590c1;

}



.ta_calendar td.last {

	background-position: -200px 2px;

	color: #6590c1;

}



.ta_calendar td.today {

	background-position: -92px 2px;

	color: #fff;

}



.ta_calendar .dis {

	color: #9e9e9e;

}



.ta_calendar table {

	float: left;

	margin: 0 8px;

	border-collapse: collapse;

	font-size: 12px;

	_display: inline;

	border-spacing: 0 7px;

}



.ta_calendar table caption {

	height: 35px;

	text-align: center;

	font-size: 14px;

	line-height: 35px;

}



.ta_calendar table thead tr {

	border: 1px solid #e1e1e1;

	background: #f7f8fa;

	-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1.0);

	-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1.0);

	box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1.0);

	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);

}



.ta_calendar table thead th {

	padding: 4px 10px;

	border-top: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

	color: #444;

	text-align: left;

	line-height: 20px;

	cursor: pointer;

}



.ta_calendar table.calendar-month {

	float: left;

	margin: 0 8px;

	margin-bottom: 10px;

	border-collapse: separate;

	font-size: 12px;

	_display: inline;

	border-spacing: 7px;

}



.calendar-month caption {

	border-bottom: 1px solid #E1E1E1;

	*padding-bottom: 0px;

}



.calendar-month tbody td {

	padding: 4px 11px;

	text-align: center;

	white-space: nowrap;

	font-family: arial;

	line-height: 30px;

	cursor: pointer;

}



.calendar-month td.hover,.calendar-month td:hover,.calendar-month caption span:hover {

	padding: 3px 10px;

	border: 1px solid #6590c1;

	border-radius: 2px;

	background: #;

	color: #6590c1;

	cursor: pointer;

}



.calendar .dis:hover {

	padding: 3px 10px;

	border: 1px solid #d3d5d6;

	color: #9e9e9e;

}



.calendar-month td.current {

	border-radius: 2px;

	background: #6590c1;

	color: #fff;

}



.ta_calendar table thead th.sun {

	border-left: 1px solid #e1e1e1;

}



.ta_calendar table thead th.sat {

	border-right: 1px solid #e1e1e1;

}



.ta_calendar table tbody td {

	padding: 4px 11px;

	text-align: center;

	white-space: nowrap;

	font-family: "Tahoma";

	line-height: 20px;

}



.ta_calendar_cont {

	position: relative;

}



.ta_calendar_cont .i_next,.ta_calendar_cont .i_pre,.ta_calendar_cont .y_next,.ta_calendar_cont .y_pre{position:absolute;top:7px;}

.ta_calendar_cont .i_pre{left:40px;}

.ta_calendar_cont .i_next{right:40px;}

.ta_calendar_cont .y_pre{left:10px;}

.ta_calendar_cont .y_next{right:10px;}



.ta_calendar_footer {

	padding: 6px 0 3px;

	height: 34px;

	border-top: 1px solid #e5e5e5;

	background: #fafafa;

}

.ta_calendar_footer .frm_btn {

	float: right;

	padding-right: 10px;

}

.ta_calendar_footer .frm_btn input {

	margin-left: 3px;

}

.ta_calendar_footer .frm_msg {

	float: left;

	padding-left: 10px;

	vertical-align: middle;

}

.ta_calendar_footer .ipt_text_s {

	padding: 4px 4px;

}

.ta_ipt_text, .ta_ipt_textarea, .ta_ipt_text_s {

	position: relative;

	z-index: 2;

	padding: 6px 10px;

	width: 180px;

	height: 16px;

	border: 1px solid #CCCCCC;

	color: #555555;

	vertical-align: middle;

	font-family: arial;

	font-size: 14px;

	line-height: 16px;

	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

}

.ta_ipt_text_s {

	width: 80px;

}

.ta_btn {

	display: inline-block;

	padding: 3px 12px;

	outline: 0 none;

	border: #dedede solid 1px;

	border-radius: 2px;

	background: #f1f1f1;

	color: #333;

	text-align: center;

	font-size: 12px;

	line-height: 20px;

	cursor: pointer;

	margin: 2px 5px 0 0;

	vertical-align: top;

}



.ta_btn:hover {

	opacity: .9;

	transition: background-position 0.1s linear 0s;

}

.ta_btn_primary {

	background: #1d4698;

	border-color: #1d4698;

	color: #fff;

}

.ta_btn_primary.disabled {

	cursor:not-allowed;

	background: #aaa;

	border-color: #999;

}



.cf:after {

	clear: both;

}



.cf:before, .cf:after {

	display: table;

	content: "";

}



.cf:before, .cf:after {

	display: table;

	content: "";

}