.ctFlex, .myFlex
{
	
	display: block ;
	width:100%;
	float: none;
	padding: 0px;
	
}


.myFlex {
margin-top: 3px; /*24px orig */
max-width: none;
}


.optFlex
{
	float:left;
	width: 30px;
	

}

.colFrame
{
	clear: both;
	content:' ' ;
	display: block;
	padding: 4px;
	
}
.col1 {
   
    float: left;
}

.col2 {
}

.col2:after {
clear: both;
content:' ' ;
display: block;
}




/* -----------media queries --------------------------- */
@media screen and (min-width: 960px) {

   
   



.ctFlex {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  -webkit-align-items: stretch;
  align-items: stretch;

	padding:0px;
	margin:0px;
	margin-bottom: 4px;
	width: 100%;
	
 }

   
.myFlex, .optFlex
{
	  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  width: 20%;               /* For old syntax, otherwise collapses. */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  	 
	flex-basis: 20%;
	margin-right: 8px;
    margin-top: 0px;
	
}


.optFlex
{
	width: auto;
	flex-basis: 10%;
	max-width: 20px;
}

.flex0
{
	width: 1%;
    width: 0px;
    flex: 1%;
}

.flex1
{
	width: 1%;
	max-width:1px;
	min-width:1px;
}
.flex5
{
	width: 5%;
    width: 10px;
     flex: 5%;
}

.flex10
{
	width: 10%;
     flex: 10%;
	 
}

.flex15
{
	width: 15%;
     flex: 15%;
	 
}


.flex18
{
	width: 18%;
     flex: 18%;
	 
}

.flex20
{
	width: 20%;
     flex: 20%;
	 
}

.flex25
{
	width: 25%;
     flex: 25%;
	 
}


.flex30
{
	width: 30%;
     flex: 30%;
}

.flex35
{
	width: 35%;
     flex: 35%;
	 
}


.flex40
{
	min-width: 20x;
	width: 40%;
     flex: 40%;
}

.flex45
{
	width: 45%;
     flex: 45%;
	 
}


.flex50
{
	width: 50%;
     flex: 50%;
}

.flex55
{
	width: 55%;
     flex: 55%;
	 
}


.flex60
{
	min-width:280px;
	width: 60%;
     flex: 60%;
}

.flex65
{
	width: 65%;
     flex:65%;
	 
}


.flex70
{
	min-width:70%;
	width: 70%;
     flex: 70%;
}

.flex75
{
	width: 75%;
     flex: 75%;
	 
}


.flex80
{
	min-width:80%;
	width: 80%;
     flex: 80%;
}

.flex82
{
	min-width:82%;
	width: 82%;
     flex: 82%;
}

.flex85
{
	min-width:85%;
	width: 85%;
     flex: 85%;
}

.flex90
{
	width: 90%;
     flex: 90%;
	 min-width: 90%;
}

.flex100
{
	width: 100%;
     flex: 100%;
}

.tbx.xSmall
{
	max-width: 100px !important;
}

}