/* twist vision skin css */



.twistButton {

	background-color:#aaa;

	border-radius:4px;

	color:#fff;

	cursor:pointer;

	background-color:000;

	padding:2px 8px 2px 8px;

	text-align:center;

}



#twistDataManagerOptionContent {

	min-height:400px;

}



ul {

	list-style:circle;

	margin:0px 0px 10px 17px;

}



a.twistTabMenu:link {color:#000; text-decoration:none;}		

a.twistTabMenu:visited {color:#000; text-decoration:none;}		

a.twistTabMenu:hover {color:#000; text-decoration:none;}		

a.twistTabMenuSelected:link {color:#000; text-decoration:none;}		

a.twistTabMenuSelected:visited {color:#000; text-decoration:none;}		

a.twistTabMenuSelected:hover {color:#000; text-decoration:none;}	



div.twistFormCapBottom {

	background-color:#ddd;

	border-radius:0px 0px 10px 10px;

	height:15px;

	padding:0px;

} 



div.twistFormCapTop {

	background-color:#ddd;

	border-radius:10px 10px 0px 0px;

	height:25px;

	margin-bottom:0px;

	padding:0px;

} 



input:focus {

}



input {

	border-radius:4px;

		-moz-border-radius:4px;

		-webkit-border-radius:4px;

	margin-bottom:5px;

	padding:2px;

}

input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0px 9999px white;}

input.twistFormButton{background-color:#555;border-radius:4px;color:#fff;cursor:pointer;padding:2px 8px 2px 8px;text-align:center;}

input.twistFormButton100{background-color:#555;border-radius:4px;color:#fff;cursor:pointer;padding:2px 8px 2px 8px;text-align:center;width:100%;}

input.twistFormCheckbox{transform:scale(1.5,1.5);}

input.twistFormText{width:100%;}



select {

	background-color:#fff;

	border-top-left-radius:4px;

	border-top-right-radius:4px;

	border-bottom-right-radius:4px;

	border-bottom-left-radius:4px;

		-moz-border-radius-topleft:4px;

		-moz-border-radius-topright:4px;

		-moz-border-radius-bottomright:4px;

		-moz-border-radius-bottomleft:4px;

		-webkit-border-top-left-radius:4px;

		-webkit-border-top-right-radius:4px;

		-webkit-border-bottom-right-radius:4px;

		-webkit-border-bottom-left-radius:4px;

	padding:1px;

}



p {

	margin-bottom:10px;

}



pre {

	background-color:#fff;

	white-space: pre-wrap;      

	white-space: -moz-pre-wrap; 

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word;

}



select {

	background-color:#fff;

	border-radius:4px;

		-moz-border-radius:4px;

		-webkit-border-radius:4px;

	padding:1px;

}



table.tablesorter {

	font-family:arial;

	background-color: #CDCDCD;

	margin:10px 0pt 15px;

	font-size:12px;

	text-align: left;

}



table.tablesorter thead tr th, table.tablesorter tfoot tr th {

	border: 1px solid #FFF;

	font-size:12px;

	padding: 4px;

}



table.tablesorter thead tr .header {

	background-image: url(http://www.twistwebsite.com/images/icons/bg.gif);

	background-repeat: no-repeat;

	background-position: center right;

	cursor: pointer;

}



table.tablesorter tbody td {

	color: #3D3D3D;

	padding: 4px;

	background-color: #FFF;

	vertical-align: top;

}



table.tablesorter tbody tr.odd td {

	background-color:#F0F0F6;

}



table.tablesorter thead tr .headerSortUp {

	background-image: url(http://www.twistwebsite.com/images/icons/asc.gif);

}



table.tablesorter thead tr .headerSortDown {

	background-image: url(http://www.twistwebsite.com/images/icons/desc.gif);

}



table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

color:#fff;

}



textarea {

	border-radius:4px;

		-moz-border-radius:4px;

		-webkit-border-radius:4px;

	padding:5px;

}



td.twistFormControl {

	padding-left:10px;

	background-color:#ddd;

	vertical-align:top;

}



td.twistFormData {

	padding:0px 10px 0px 10px;

	background-color:#ddd;

	vertical-align:top;

}



td.twistFormDataCheckbox {

	padding:4px 10px 0px 10px;

	background-color:#ddd;

	vertical-align:top;

}



td.twistFormTableData {

	padding:0px 0px 0px 0px;

	background-color:#ddd;

	vertical-align:top;

}



td.twistFormTableLabel {

	padding:3px 10px 3px 0px;

	text-align:right;

	vertical-align:top;

}



td.twistFormLabel {

	padding:3px 10px 3px 0px;

	text-align:right;

	vertical-align:top;

}





td.twistFormRowSpacer {

	background-color:#ddd;

	height:10px;

}



tr.twistFormRow {

	height:30px;

}





ul {

	list-style:circle;

	margin:0px 0px 10px 17px;

}



#twistAppEntityRequestCode {

	background-color:#fff;

}



#twistAppSearchUpdateIcon {

	margin-top:5px;

}





#twistAppSelect {

	float:left;

	padding-left:5%;

	width:70%;

}



#twistAppUpdateIcon {

	margin-top:2px;

}



#twistBanner {

	background-color:#000; 

	font-size:12px; 

	padding:20px 0px 20px 0px;

	text-align:left; 

	width:100%;

}



#twistBannerLeft {

	float:left;

	font-family:"Arial Black", Gadget, sans-serif;

	padding-left:2%;

	width:25%;

}



#twistBannerMiddle {

	float:left;

	width:65%;

}



#twistBannerRight {

	float:left;

	text-align:right;

	width:5%;

}



#twistContent {

	min-height:300px;

}



#twistCopyright {

	float:left; 

	font-size:12px; 

	text-align:center;

	width:80%;

}



#twistDataManagerAction {

}



#twistDataManagerOption {

	padding:10px;

}



#twistDataManagerSection {

}



#twistDataManagerSection0 {

	background-color:#ccc; 

	padding:20px;

}



#twistDataManagerSection1 {

	background-color:#ccc; 

	padding:20px;

}



#twistDataTable td {

	border:1px solid #ddd;

}



#twistDebug {

	background-color:pink;

	padding:0px 20px 0px 20px;

}



#twistFooter {

	color:#333333;

}



#twistLinkSummaryMain {

	background-color:#efefef;

	font-size:12px;

	padding:10px;

	width:96%;

}



#twistLinkSummaryHeader {

	background-color:#555;

	color:#fff;

	font-size:12px;

	font-weight:bold;

	padding:10px 0px 10px 0px;

	text-align:center;

	width:100%;

}



#twistGlobalSearch input {

	float:left;

	width:230px;

}



#twistGlobalSearchIcon {

	float:left;

	text-align:center;

	width:50px;

}



#twistPaginationLinkActive {

	font-weight:bold;

}



#twistPaginationLinks {

	float:left;

	width:250px;

}



#twistPaginationPageRowSelect {

	float:left; 

	width:250px;

}



#twistPaginationInfo {

	float:left; 

	width:20px;

}



#twistPublicationTemplateRow {

	border-radius:10px;

}



#twistQueryAction {

	background-color:#e0e0e0;

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

	margin:0px auto; 

	margin-bottom:5px; 

	margin-top:5px; 

	padding:10px 0px 10px 0px; 

	width:96%;

}

#twistQueryActionRow {

	text-align:center;

}



#twistQueryFilterUpdateIcon {

	margin-top:5px;

}



#twistQueryRow {

	height:20px;

}



#twistQueryUpdateIcon {

	margin-top:5px;

}



#twistQueryViewItemCategorySelect {

	width:150px;

}



#twistQueryViewItemCategoryUpdateIcon {

	margin-top:4px;

}



#twistQuickQuery {

	width:160px;

}



#twistQuickQueryButton {

	padding:3px 10px 3px 10px;

}



#twistQuickQueryInput {

	padding:3px;

	width:200px;

}



#twistQuickQuerySelect {

	width:150px;

}



#twistRoleHome {

	padding:30px 40px 30px 40px;

	width:100%;

}



#twistAppRow {

	background-color:#efefef; 

	min-height:30px;

	padding:8px 0px 4px 0px;

 	width:100%;

}



#twistBanner {

	background-color:#f9e8d9; 

	padding:10px 40px 10px 0px;

}



#twistQueryFilterSearchLeft {

 float:left; 

 width:2%;

}



#twistQueryFilterSearchMain {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	background-color:#ddd;

	border-radius:8px;

	background-color:#ddd;

	float:left;

	padding:4px 0px 4px 0px;

	width:96%;

}



#twistQueryFilterSearchRow {

	margin:2px 0px 2px 0px;

	padding:4px 0px 4px 0px;

}



#twistQueryFilterSearchRight {

 float:left; 

 width:2%;

}



#twistRoleSelect {

	float:left;

	padding-left:2%;

	padding-top:2px;

	width:21%;

}



#twistRoleEntityRequestCode {

	background-color:#fff;

	margin-top:-2px;

	padding:2px;

}



#twistRoleSelect {

	float:left;

	width:30%;

}



#twistSalutation {

	font-weight:bold;

}



#twistSearchPlusInput {

	padding:3px;

}



#twistTabGroup { 

		padding: 0px; 

		background: none; 

} 



#twistTabGroup { 

		padding-left: 0px; 

		background: transparent; 

		border-width: 0px 0px 1px 0px; 

		-moz-border-radius: 0px; 

		-webkit-border-radius: 0px; 

		border-radius: 0px; 

} 



#twistTabUnify {

	background-color:#000; 

	height:3px; 

	width:100%;

}



#twistWindowFooter {

	font-size:8px;

	margin-top:30px; 

	text-align:right; 

	width:100%;

}



.twistBannerSection {

	float:left;

}







.twistButtonCancel {

	background-color:orange;

}



.twistButtonDelete {

	background-color:red;

}



<!-- button menu may become deprecated -->

.twistButtonMenuItem {

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

	float:left;			

	margin-right:2px;

	text-align:center;

}



.twistButtonMenuItem {

	background-color:yellow;

}



.twistButtonMenuItemSelected {

	background-color:pink;

}



.twistButtonNo {

	width:100px;

}



.twistButtonYes {

	width:100px;

}



.twistDataTableRow {

	color:#333;

	background-color:#f7f7f7; 

	font-size:15px;	

	margin-bottom:5px; 

	margin-top:5px;

	padding-left:5px;

}



.twistDataTableRow:hover {

	background-color:#ccc;

	color:#555;

	margin-bottom:5px; 

	margin-top:5px;

	padding-left:5px; 

}



.twistFormDefaultData {

	style="width:400px;"

}



.twistFormDefaultLabel {

	style="width:200px;"

}



.twistDivMenu:link {

	color:#555; 

	text-decoration:none;

}		



.twistDivMenu:visited {

	color:#555;

	text-decoration:none;

}		



.twistDivMenu:hover {

	color:#fff; text-decoration:none;

}		



.twistDivMenuSelected:link {

	color:#fff;

	text-decoration:none;

}		



.twistDivMenuSelected:visited {

	color:#fff;

	text-decoration:none;

}		



.twistDivMenuSelected:hover {

	color:#fff;

	text-decoration:none;

}	



.twistDataManagerForm {



}



.twistDataManagerFormCapBottom {

	background-color:#eee;

	border-bottom-left-radius:10px; 

	border-bottom-right-radius:10px; 

    -moz-border-radius-bottomleft:10px; 

    -moz-border-radius-bottomright:10px; 

    -webkit-border-bottom-left-radius:10px; 

    -webkit-border-bottom-right-radius:10px; 

	height:10px;

}



.twistDataManagerFormCapTop {

	background-color:#eee;

	border-top-left-radius:10px; 

	border-top-right-radius:10px; 

    -moz-border-radius-topleft:10px; 

    -moz-border-radius-topright:10px; 

    -webkit-border-top-left-radius:10px; 

    -webkit-border-top-right-radius:10px; 

	height:10px;

}



.twistDataManagerFormData {

	background-color:#eee;

	padding:0px 10px 0px 10px;

	vertical-align:top;

}



.twistDataManagerFormLabel {

	padding:3px 10px 3px 0px;

	text-align:right;

	vertical-align:top;

}



.twistDataManagerFormSpacer {

	background-color:#eee;

	height:10px;

}



.twistDataManagerFreeFormData {

	position:absolute;

}



.twistDataManagerFreeFormLabel {

	position:absolute;

}



.twistDataManagerSectionControl {

	

}



.twistDataManagerSectionContent {

	background-color:#efefef;

	float:left;

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

	margin:10px 0px 0px 0px;

	padding:10px;

	position:relative;

}



.twistDataManagerSectionLink {

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

	float:left;

}



.twistEntityRequest {

	cursor:pointer;

}



.twistFormDataReadOnly {

	background-color:#aaa;

	color:#fff;

}



.twistFormItemNewLabel {

	color:orange;

}



.twistFormItemNewData {

	background-color:orange;

}





.twistIcon {

	border:none;

	height:20px;

	width:20px;

}



.twistIcon {

	border:none;

	cursor:pointer;	

	height:20px;

	width:20px;

}



.twistLinkAddSubtract {

	background-color:#fff;

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

}



.twistLinkDialog {

	position:absolute;

}



.twistLinkDialogBackground {

	background-color:#333;

	border-radius:6px; 

	-moz-border-radius:6px; 

	-webkit-border-radius:6px; 

	float:left;

	max-width:800px;

	padding:3px;

	z-index:3000;

}



.twistLinkDialogData {

	background-color:#efefef;

	border-radius:4px; 

	-moz-border-radius:4px; 

	-webkit-border-radius:4px; 

	float:left;

	padding:5px;

	z-index:3000;

}



.twistLinkDialogItemDefault {

	background-color:#efefef;

	border-radius:4px; 

	-moz-border-radius:4px; 

	-webkit-border-radius:4px; 

	float:left;

	height:14px;

	overflow:hidden;

	padding:5px;

	white-space: nowrap;

	width:140px;

	z-index:3000;

}



.twistLinkDialogFlyout {

	background-color:#aaa;

	border-bottom-right-radius:10px; 

	border-top-right-radius:10px; 

	-moz-border-radius-bottomright:10px; 

	-moz-border-radius-topright:10px; 

	-webkit-border-bottom-right-radius:10px; 

	-webkit-border-top-right-radius:10px; 

	float:left;

	margin-top:10px;

	padding:10px 0px 0px 6px;

	width:24px;

	zindex:3000;

}



.twistLinkDialogFlyout img {

	height:17px;

	margin-bottom:8px;

	cursor:pointer;

	width:17px;

}



.twistMessageCaution {

	color:orange;

	font-weight:bold;

}



.twistMessageError {

	color:red;

	font-weight:bold;

}



.twistMessageFailure {

	color:red;

	font-weight:bold;

}



.twistMessageSuccess {

	color:green;

	font-weight:bold;

}



.twistMessageWarning {

	color:orange;

	font-weight:bold;

}



.twistWindowContent {

	padding:20px;

}



.twistWindowTitle {

	font-weight:bold; 

	margin-bottom:20px; 

	text-align:right; 

	width:100%;

}



.twistQueryPaginationBottom {

	background-color:#ddd; 

    border-bottom-left-radius:10px; 

    border-bottom-right-radius:10px; 

    -moz-border-radius-bottomleft:10px; 

    -moz-border-radius-bottomright:10px; 

    -webkit-border-bottom-left-radius:10px; 

    -webkit-border-bottom-right-radius:10px; 

	height:20px;

	margin-top:10px;

	padding:6px;

	text-align:center;

	width:100%;

} 



.twistQueryPaginationTop { 

	background-color:#ddd; 

    border-top-left-radius:10px; 

    border-top-right-radius:10px; 

    -moz-border-radius-topleft:10px; 

    -moz-border-radius-topright:10px; 

    -webkit-border-top-left-radius:10px; 

    -webkit-border-top-right-radius:10px; 

	min-height:20px;

	margin-bottom:10px;

	padding:6px;

	text-align:center;

	width:100%;

} 



.twistQueryViewItemIcon {

	style="height:10px; 

	width:10px;

}



.twistAppButton {

	background-color:#000;

	border-radius:6px;

		-moz-border-radius:6px;

		-webkit-border-radius:6px;

	color:#fff;

	cursor:pointer;	

	display:block;

	float:left;			

	margin:0px 10px 8px 0px;

	min-width:120px;

	padding:4px 4px 4px 4px;

	text-align:center;

}



.twistAppButtonHover {

	color:#555;

	background-color:#fff;

	font-weight:bold;

}



.twistAppButtonSelected {

	color:#333;

	background-color:#ccc;

	font-weight:bold;

}





.twistSection {

	margin-top:30px;

}



.twistSectionData {

	background-color:#efefef;

	border-radius:6px; 

	-moz-border-radius:6px; 

	-webkit-border-radius:6px; 

	font-weight:normal;

	min-height:50px;

	padding:10px;

}



.twistTab {

	border-top-left-radius:8px;

	border-top-right-radius:8px;

	border-bottom-right-radius:0px;

	border-bottom-left-radius:0px;

	float:left;

	height:20px;

	min-width:40px;

	-moz-border-radius-topleft:8px;

	-moz-border-radius-topright:8px;

	-moz-border-radius-bottomright:0px;

	-moz-border-radius-bottomleft:0px;

	padding:5px 10px 0px 10px;

	text-align:center;

	-webkit-border-top-left-radius:8px;

	-webkit-border-top-right-radius:8px;

	-webkit-border-bottom-right-radius:00px;

	-webkit-border-bottom-left-radius:0px;

}



.twistTabDefault {

	background-color:red;

}



.twistTabSelected {

	background-color:green; ?>;

}



.twistUpdateSectionHeader {

	font-weight:bold;

	padding:20px 0px 20px 0px;

}



.twistUpdateTabRow {

	background-color:#efefef;

	height:25px;

	margin-top:10px;

	overflow:hidden;

}



<!-- styles from data manager -->



#container {

	height:400px;

	width:100%;

	position:relative;

}

.itemInput {

	position:absolute;

}



.itemWidget {

	position:absolute;

}



.itemLabel {

	position:absolute;

}



ul#twistTabMenu1 {

	padding:0;

	margin:0;

	list-style-type:none;

	padding-left:20px;

}



ul#twistTabMenu1 li {

	border-top-left-radius:4px;

	border-top-right-radius:4px;

		-moz-border-radius-topleft:4px;

		-moz-border-radius-topright:4px;

		-webkit-border-top-left-radius:4px;

		-webkit-border-top-right-radius:4px;

	color: white;

	float: left;

	margin-right:10px;

	min-width:60px;

	padding: 0.2em 0.6em;

	text-align:center;

	text-decoration: none;

}



ul#twistTabMenu1 li {

	display: inline;

}



.twistTabMenuItem {

	background-color:#ccc;

}



.twistTabMenuItemSelected {

	background-color:#333;

	font-weight:bold;

}



.twistWebEditor{font-family:arial;font-size:14px;}

<!-- end twist styles -->