/* grid */
.fl .container {
	float: left;
	clear: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.fl .headcon {
	float: left;
	clear: left;
	margin-bottom: 5px;
	width: 990px;
}
.fl .headcon .item {
	float: left;
	padding: 5px 15px 5px 15px;
}
.fl .grid {
	width: 990px;
	margin-left: -3px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	position: relative;
}
.fl .grid_fluid {
	width: 100%;
	margin-left: -0.3%;
	float: left;
	clear: left;
	margin-bottom: 5px;
	position: relative;
}
.fl .grid_1, .fl .grid_2, .fl .grid_3, .fl .grid_4, .fl .grid_5, .fl .grid_6, .fl .grid_7, .fl .grid_8, .fl .grid_9, .fl .grid_10, .fl .grid_11, .fl .grid_12 {
	width: 990px;
	margin-left: -3px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	position: relative;
}

.fl .col, .fl .col_1, .fl .col_2, .fl .col_3, .fl .col_4, .fl .col_5, .fl .col_6, .fl .col_7, .fl .col_8, .fl .col_9, .fl .col_10, .fl .col_11, .fl .col_12  {
	float: left;
	margin-left: 10px;
	position: relative;
}

.fl .col_1 {
	width: 72px;
}
.fl .col_2 {
	width: 154px;
}
.fl .col_3 {
	width: 236px;
}
.fl .col_4 {
	width: 318px;
}
.fl .col_5 {
	width: 400px;
}
.fl .col_6 {
	width: 482px;
}
.fl .col_7 {
	width: 564px;
}
.fl .col_8 {
	width: 646px;
}
.fl .col_9 {
	width: 728px;
}
.fl .col_10 {
	width: 810px;
}
.fl .col_11 {
	width: 892px;
}
.fl .col_12 {
	width: 974px;
}


.fl .grid_fluid .col,
.fl .grid_fluid .col_1,
.fl .grid_fluid .col_2,
.fl .grid_fluid .col_3,
.fl .grid_fluid .col_4,
.fl .grid_fluid .col_5,
.fl .grid_fluid .col_6, 
.fl .grid_fluid .col_7,
.fl .grid_fluid .col_8,
.fl .grid_fluid .col_9,
.fl .grid_fluid .col_10,
.fl .grid_fluid .col_11,
.fl .grid_fluid .col_12  {
	float: left;
	margin-left: 0.33%;
	position: relative;
}

.fl .grid_fluid .col_1 {
	width: 8%;
}
.fl .grid_fluid .col_2 {
	width: 16.3%;
}
.fl .grid_fluid .col_3 {
	width: 24.6%;
}
.fl .grid_fluid .col_4 {
	width: 32.9%;
}
.fl .grid_fluid .col_5 {
	width: 41.2%;
}
.fl .grid_fluid .col_6 {
	width: 49.4%;
}
.fl .grid_fluid .col_7 {
	width: 57.7%;
}
.fl .grid_fluid .col_8 {
	width: 66%;
}
.fl .grid_fluid .col_9 {
	width: 74.3%;
}
.fl .grid_fluid .col_10 {
	width: 82.7%;
}
.fl .grid_fluid .col_11 {
	width: 91%;
}
.fl .grid_fluid .col_12 {
	width: 99.2%;
}

.fl .grid_1 .col {
	width: 974px;
}
.fl .grid_2 .col {
	width: 482px;
}
.fl .grid_3 .col {
	width: 318px;
}
.fl .grid_4 .col {
	width: 236px;
}
.fl .grid_5 .col {
	width: 187px;
}
.fl .grid_6 .col {
	width: 154px;
}
.fl .grid_7 .col {
	width: 132px;
	margin-right: -2px;
}
.fl .grid_8 .col {
	width: 113px;
}
.fl .grid_9 .col {
	width: 100px;
	margin-right: -1px;
}
.fl .grid_10 .col {
	width: 88px;
}
.fl .grid_11 .col {
	width: 80px;
	margin-right: -1px;
}
.fl .grid_12 .col {
	width: 72px;
}


.fl .row {
	padding: 5px 0!important;
	float: left;
	clear: left;
}
.fl .box {
	float: left;
}


/* table */
.table_flat {
	border: 1px solid #ddd;
	width: 100%;
}
.table_flat, .table_flat th, .table_flat td  {
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.table_flat th, .table_flat td  {
	padding: 5px;
}
.table_flat th {
	text-align: center;
}


/* basic elements */

textarea {
	border: 1px solid #ddd;
	width: 100%;
	color: inherit;
	resize: none;
}

input[type="checkbox"] {
	float: left;
	display: block;
	margin: 0 5px;
	cursor: pointer;
}


/* tooltip */

.tooltipanel {
	position: relative;
	cursor: pointer;
}
.tooltipanel:hover .tooltipanel_content {
	display: block;
}

.tooltipanel_content {
	position: absolute;
	left: 27px;
	top: -14px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;	
	display: none;
}

.tooltipanel_content .arrow {
	position: absolute;
	left: -10px;
	background: url('../Content/img/arrow_tooltipanel.png');
	width: 10px;
	height: 20px;
	
}

.tooltipanel_content .row {
	background: transparent;
	
}
.tooltipanel_scroll {
	float: left;
	overflow-x: hidden;
}


/* spacing and alignment */
.alignleft      {
	float: left!important;
}
.alignright     {
	float: right!important;
}
.clear {
	clear: both!important;
}

.absolute {
	position: absolute!important;
}
.relative {
	position: relative!important;
}

.cornertopleft {
	position: absolute;
	left: 0;
	top: 0;
}
.cornerundleft {
	position: absolute;
	left: 0;
	bottom: 0;
}

.cornertopright {
	position: absolute;	
	right: 0;
	top: 0;
}
.cornerundright {
	position: absolute;
	right: 0;
	bottom: 0;
}
.center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sepall {
	padding: 10px!important;
}
.seponun {
	padding: 10px 0!important;
}
.seplat {
	padding: 0 10px!important;
}


.padding {
	padding: 10px!important;
}
.paddingleft {
	padding-left: 10px!important;
}
.paddingright {
	padding-right: 10px!important;
}
.paddingtop {
	padding-top: 10px!important;
}
.paddingbottom {
	padding-bottom: 10px!important;
}


.margin {
	margin: 10px!important;
}
.marginleft {
	margin-left: 10px!important;
}
.marginright {
	margin-right: 10px!important;
}
.margintop {
	margin-top: 10px!important;
}
.marginbottom {
	margin-bottom: 10px!important;
}


.hide {
	display: none!important;
}
.hidden{
    visibility: hidden!important;
}
.empty {
	opacity: 0!important;
	background: transparent!important;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* spacing and alignment */