/***** Text *****/
.tb{
	box-sizing:border-box;
	font-size: 12px;
	height: 20px;
	margin: 0px;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	background-color: #FFFFFF;
	color: #333333;
	padding:2px;
	vertical-align:middle;
	*margin-top:-1px;
	*margin-bottom:-1px;
}
.tb_focused{
	border:1px solid #D83303;
}
.tb_25{
	height: 25px;
	padding: 4px;
	*margin-bottom:1px;
	font-size:14px;
}
.tb_25_focused{
	border:1px solid #D83303;
}
.tb_35{
	font-size: 28px;
	height: 35px;
	*margin-bottom:-2px;
}
.tb_35_focused{
	border:1px solid #D83303;
}

/***** Select *****/
.sb{
	box-sizing:border-box;
	height:20px;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #333333;
	vertical-align:middle;
	margin-right:-1px;
}

/***** CheckBox *****/
.cb{
	width:13px;
	height:13px;
	margin-bottom:2px;
	vertical-align:middle;
}

/***** Radio *****/
.rb{
	width:13px;
	height:13px;
	margin-bottom:2px;
	vertical-align:middle;
}

/***** CheckBox, Radio label *****/
label.for
{
    padding-left:3px;cursor:pointer;
}


/***** File *****/
.fb{
	box-sizing:border-box;
	font-size: 12px;
	height: 20px;
	margin: 0px;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	background-color: #FFFFFF;
	color: #333333;
	padding-top:2px;
	padding-right:2px;
	padding-left:2px;
	vertical-align:middle;
}

/***** TextArea *****/
.ta{
	box-sizing:border-box;
	font-size: 9pt;
	height: 48px;
	margin: 0px;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	background-color: #FFFFFF;
	color: #333333;
	padding:2px;
	*margin-top:-1px;
	*margin-bottom:-1px;
	line-height:16px;
}
.ta_focused{
	border:1px solid #D83303;
}

/***** input readonly *****/

.readonly{
	background-color:#EAEAEA;
}
.readonly-label {
	color: #AAA;
}

/***** tab *****/
.tabgroup
{
	position:relative;
}
.tabgroup .box
{
	height:30px;
	_height:29px;
	border-bottom:1px solid #8E8E8E;
	position:relative;
}
.tabgroup .box .tab
{
	float:left;
	cursor:pointer;
	font-weight:bold;text-decoration:none;letter-spacing:-1px;
	color: #9C9C9C;
	padding:7px 17px 0px 17px;
	border-top:1px solid #D2D2D2;
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	background-color:#FAFAFA;
	margin-top:2px;
	margin-right:1px;
	height:20px;
	line-height:1;
}
.tabgroup .box .on{
	color: #474747;
	border-top:2px solid #8E8E8E;
	border-left:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#FFFFFF;
	margin-top:0;
	margin-right:1px;
	padding-bottom:2px;
}
.tabgroup .box .tab:hover .title{
	color: #666666;
	text-decoration:underline;
}
.tabgroup .box .left{
	float:left;
	margin-top:5px;
	padding-right:10px;
	vertical-align:bottom;
}
.tabgroup .box .tableft{
	float:left;
	margin-top:5px;
	padding-left:10px;
	vertical-align:bottom;
}
.tabgroup .box .right{
	position:absolute;
	right:0;bottom:5px;	
}
.tabgroup .box .count
{
    padding-left:3px;color:#F25B00;font-weight:normal;letter-spacing:0;text-decoration:none;
}
.tabgroup .box .tabgap
{
	display:block;float:left;width:10px;
}

/***** tab big *****/
.tabgroup .big
{
	height:40px;
	_height:39px;
}
.tabgroup .big .tab
{
	margin-top:12px;
}
.tabgroup .big .on
{
	margin-top:10px;
}
.tabgroup .big .big
{
	margin-top:0px;
	padding-top:11px;
	padding-bottom:8px;
}
.tabgroup .big .left
{
	margin-top:15px;
}
.tabgroup .big .tableft{	
	margin-top:15px;	
}

/***** tab red *****/
.tabgroup ul.red
{
	border-bottom:1px solid #E03138;
}
.tabgroup ul.red .on
{
	border-top:2px solid #E03138;
	border-left:1px solid #E03138;
	border-right:1px solid #E03138;
	color:#6B101A;
	background-color:#FDF2F3;
}
.tabgroup ul li.red
{
	border-top:2px solid #E03138 !important;
	border-left:1px solid #E03138 !important;
	border-right:1px solid #E03138 !important;
	background-color:#FDF2F3 !important;
}
.tabgroup ul li.red .title
{
	color:#6B101A;
}

/***** tab blue *****/
.tabgroup ul.blue
{
	border-bottom:1px solid #5591D3;
}
.tabgroup ul.blue .on
{
	border-top:2px solid #5591D3;
	border-left:1px solid #5591D3;
	border-right:1px solid #5591D3;	
	color:#245791;
	background-color:#F0F5FB;
}
.tabgroup ul li.blue
{
	border-top:2px solid #5591D3 !important;
	border-left:1px solid #5591D3 !important;
	border-right:1px solid #5591D3 !important;
	background-color:#F0F5FB !important;
}
.tabgroup ul li.blue .title
{
	color:#245791;
}

/***** tab green *****/
.tabgroup ul.green
{
	border-bottom:1px solid #2EA94D;
}
.tabgroup ul.green .on
{
	border-top:2px solid #2EA94D;
	border-left:1px solid #2EA94D;
	border-right:1px solid #2EA94D;
	color:#1E6C32;
	background-color:#F3FCF5;
}
.tabgroup ul li.green
{
	border-top:2px solid #2EA94D !important;
	border-left:1px solid #2EA94D !important;
	border-right:1px solid #2EA94D !important;
	background-color:#F3FCF5 !important;
}
.tabgroup ul li.green .title
{
	color:#1E6C32;
}