.ui-content {
    max-width: 800px;
    margin-left: auto ; 
    margin-right: auto !important;
}

#tab-1 .ui-controlgroup-controls {
    width: 100%;
}

#tab-2 .ui-controlgroup-controls {
    width: 100%;
}

#barCheckbox .ui-controlgroup-controls {
    width: 100%;
}

.ui-controlgroup-controls .ui-select {
    width: 33.33%;
}

.ui-radio {
    width: 33.33%;
}

#tab-3.tab-content div.ui-select div.ui-btn {
    margin-left: 0px;
}

#barCheckbox {
    margin-top: 0px;
}

#selectelementRed span.ui-btn-text {
    color: #FF0000;
}

#selectelementGreen span.ui-btn-text {
    color: #228B22;
}

#selectelementBlue span.ui-btn-text {
    color: #0000FF;
}

#selectelementRed2 span.ui-btn-text {
    color: #FF0000;
}

#selectelementGreen2 span.ui-btn-text {
    color: #228B22;
}

#selectelementBlue2 span.ui-btn-text {
    color: #0000FF;
}

ul.tabs {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;
}  

ul.tabs li {  
    background: none;  
    color: #222;  
    display: inline-block;
    padding: 10px 7px;  
    cursor: pointer;
}  

ul.tabs li.current {  
    background: #ededed;  
    color: #222;
}  

.tab-content {  
    display: none;  
    background: #ededed;  
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}  

.tab-content.current {  
    display: inherit;  
}

#wrapper {
	position: relative;
	overflow: hidden;
        min-height: 180px;
}

#scroller {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#scroller2 {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#wrapper2 {
	position: relative;
	overflow: hidden;
        min-height: 200px;
}

#scroller3 {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#wrapper3 {
	position: relative;
	overflow: hidden;
        min-height: 180px;
}

.ui-bar-b {
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	background: 			#5e87b0 /*{b-bar-background-color}*/;
	color: 					#fff /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bar-background-start}*/), to( #0054A7 /*{b-bar-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/);
}

.ui-btn-up-b {
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#396b9e /*{b-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bup-background-start}*/), to( #0054A7 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/);
}
.ui-btn-hover-b {
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #57B7E9 /*{b-bhover-background-start}*/), to( #1064B7 /*{b-bhover-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/);
}
.ui-btn-down-b {
	border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0054A7 /*{b-bdown-background-start}*/), to( #47A7D9 /*{b-bdown-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/);
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Arial/*{global-font-family}*/ !important;
	text-decoration: none;
}
