/* element styling */
body {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
}

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

input:focus {
}

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+ */
}

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 9pt;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(https://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(https://www.twistwebsite.com/images/icons/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(https://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;
	font-family:'Open Sans', sans-serif;
	padding:5px;
}

tr {
	margin:0px;
	padding:0px;
}

ul {
	list-style:circle;
	margin:0px 0px 10px 17px;
}

/* id styling */
#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%;
}


/* class styling */
.twistButton {
	color:#fff;
	cursor:pointer;
	background-color:#555;
	padding:4px 10px 4px 10px;
	text-align:center;
}

.twistButtonCancel {
	background-color:orange;
}

.twistButtonDelete {
	background-color:red;
}

.twistClear {
	clear:both;
}

.twistDataTableRow {
	color:#333;
	background-color:#f7f7f7; 
	margin-bottom:5px; 
	margin-top:5px;
	padding-left:5px;
}

.twistDataTableRowHover {
	background-color:#eee;
	margin-bottom:5px; 
	margin-top:5px;
	padding-left:5px; 
}

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

.twistEntityRequest {
	cursor:pointer;
}

.twistFormCapBottom {
	background-color:#eee;
	border-bottom-left-radius:5px; 
	border-bottom-right-radius:5px; 
    -moz-border-radius-bottomleft:5px; 
    -moz-border-radius-bottomright:5px; 
    -webkit-border-bottom-left-radius:5px; 
    -webkit-border-bottom-right-radius:5px; 
	height:25px;
}
.twistFormCapTop {
	background-color:#eee;
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
    -moz-border-radius-topleft:5px; 
    -moz-border-radius-topright:5px; 
    -webkit-border-top-left-radius:5px; 
    -webkit-border-top-right-radius:5px; 
	height:25px;
}
.twistFormControl {
	background-color:#eee;
	padding-left:5px;
	text-align:left;
}
.twistFormData {
	background-color:#eee;
	padding-left:5px;
	text-align:left;
}

.twistFormDataReadOnly {
	background-color:#aaa;
	color:#fff;
}

.twistFormItemNewLabel {
	color:orange;
}

.twistFormItemNewData {
	background-color:orange;
}

.twistFormLabel {
	text-align:right;
	padding-right:10px;
}

.twistFormRow {
	height:20px;
}

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

.twistFormSpacer {
	background-color:#eee;
	height:10px;
}
.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;
}

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

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

.twistWindowTitle {
	font-weight:bold; 
	margin-bottom:20px; 
	text-align:right; 
	width:100%;
}

/* new */

<!-- 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(../../../../v004%20-%20Copy.00/portal/default/css/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(../../../../v004%20-%20Copy.00/portal/default/css/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(../../../../v004%20-%20Copy.00/portal/default/css/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(../../../../v004%20-%20Copy.00/portal/default/css/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;
}