.hoverCell {
	border: 1px solid #aaa;
	height: 16px;
	width: 16px;
	margin: 0 1px 1px 0;
	float: left;
	cursor: pointer;
}
.settingHead {
    margin: 0px 0 5px 0;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #4b67a1;
    color: #4b67a1;
}
.hoverTableCont {
    width: 230px;
    margin-right: 30px;
    float: left;
}
.addTableOptions {
	width: 300px;
	float: left;
}
#sourceFieldecskeCont {
	clear: both;
}
.hoverCell:hover {
	background-color: #4b67a1;
}
.hoverTable {
	/*border: 1px solid #777;*/
}
.hoverRow {
    display: block;
    clear: both;
}
#divtgen {
	text-align: right;
	padding-top: 30px;
}
#divtgen a{
	cursor: pointer;
}
#tableDimmensions {
    clear: both;
    padding: 4px 20px 10px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
	min-height: 30px;
}
#tableDimmensions em {
	animation:blinkingText 2s infinite;
}
.blinking{
    animation:blinkingText 2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #d03737; }
    50%{    color: #d03737; }
    99%{    color:#d03737;  }
    100%{   color: #000;    }
}
.higlightCell {
	background-color: #d1e0ff;
}
.addTableOptions {
    padding: 0px;
    font-weight: bold;
    font-size: 1.3em;
}
.optionLabel, .tableInput {
    display: inline-block;
}
.optionLabel {
    width: 120px;
    font-size: 14px;
}
.tableInput {
    width: 50%;
    vertical-align: middle;
}
.tableInput input, .tableInput select {
    width: 135px;
    float: right;
	font-weight: bold;
    height: 20px;
    border: 2px solid #4b67a1;
    border-radius: 4px;
    padding-left: 10px;
}
.tableInput select {
    height: 24px;
}
.tableAttribute {
    margin: 12px 0 0px;
    width: 325px;
    height: 28px;
}
#tablewidthunit {
    width: 45px;
}
#tablewidth {
    width: 100px;
    float: left;
}

@media screen and (min-width: 900px) {
.hoverCell {
    border: 2px solid #4b67a1;
    height: 25px;
    width: 25px;
}	
.hoverTableCont {
    width: 370px;
}






	
}