/* twist vision skin css */


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;}	

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

div.twistFormCapBottom {
	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:10px;
	padding:0px;
} 

div.twistFormCapTop {
	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; 
	height:10px;
	padding:0px;
} 

input:focus {
}

input {
	border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	margin-bottom:5px;
	padding:2px;
}

input.twistFormCheckbox {
	margin-top:5px;
}

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;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

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.twistFormDataDefault {
	width:400px;
}

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.twistFormDataDefault {
	width:400px;
}

td.twistFormLabel {
	padding:3px 10px 3px 0px;
	text-align:right;
	vertical-align:top;
}

td.twistFormLabelDefault {
	width:150px;
}

td.twistFormRowSpacer {
	background-color:#ddd;
	height:10px;
}

tr.twistFormRow {
	height:30px;
}


#twistAppSearchUpdateIcon {
	margin-top:5px;
}

#twistAppSelect {
	float:left;
	padding-left:5%;
	width:70%;
}

#twistAppUpdateIcon {
	margin-top:2px;
}

#twistContent {
	min-height:300px;
}

#twistDataManagerAction {
}

#twistDataManagerOption {
	padding:10px;
}


#twistDataTable td {
	border:1px solid #ddd;
}

#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 /*.ui-tabs-nav*/ { 
		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%;
}

/* twist css classes */
.twistBannerSection {
	float:left;
}

.twistButton {
	color:#fff;
	cursor:pointer;
	background-color:000;
	padding:2px 4px 2px 4px;
	text-align:center;
}

.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:#eee;
	color:#fff;
	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;
	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;
}

.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;
}

<!-- end twist styles -->

<!-- begin jquery styles


/*
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 10px; width: 100%; top: 0px; left: 0; background: url(images/resize-handle.gif) top center no-repeat; border-top: 0px solid #555;}
.ui-resizable-s { cursor: s-resize; height: 10px; width: 100%; bottom: 0px; left: 0; background: url(images/resize-handle.gif) bottom center no-repeat; border-bottom: 0px solid #555; }
.ui-resizable-e { cursor: e-resize; width:10px; right: 0px; top: 0; height: 100%; background: url(images/resize-handle.gif) right center no-repeat; border-right: 0px solid #555; }
.ui-resizable-w { cursor: w-resize; width: 10px; left: 1px; top: 0; height: 100%; background: url(images/resize-handle.gif) left center no-repeat; border-left: 0px solid #555; }
.ui-resizable-se { cursor: se-resize; width: 10px; height: 10px; right: 0px; bottom: 15px; background: #555; }
.ui-resizable-sw { cursor: sw-resize; width: 10px; height: 10px; left: 0px; bottom: 0px; background: #f00; }
.ui-resizable-nw { cursor: nw-resize; width: 10px; height: 10px; left: 0px; top: 0px; background: #f00;}
.ui-resizable-ne { cursor: ne-resize; width: 10px; height: 10px; right: 0px; top: 0px; background: #f00;}

.ui-tabs-nav {
    background-color: #efefef; !important;
    height: 30px;                        
}

.ui-tabs-active a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-radius: 5px 5px 0 0;    

		font-weight:bold;
    position: relative;
    z-index: 5;
    color: #333 !important;
    text-decoration: none !important; 
}

.ui-tabs .ui-tabs-nav li {
    position: relative;   
    // top: 5px !important; 
    border: none;
    border-radius: 5px 5px 0 0; 
		margin: 0 0 -5px 3;
    background: #efefef;
}

.ui-tabs-anchor{
    color: #efefef; !important; 
    text-decoration: underline !important;
}
*/


#twistDataManagerOptionContent {
	min-height:800px;
}