/* dsedit toolbar container */
#dsEditToolbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 70px;
	height: 75px;
	z-index: 100000;
	text-align: left;
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 8pt;
}

.dsEditToolbar {
	background-image: url(../images/header_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	border-right: 2px solid #e1e1e1;
}

#dsEditIEFooter {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	display: none;
	z-index: 100000;
	background-image: url(../images/footer_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
}

#dsEditIESaveContainer {
	float: right;
	position: relative;
	top: 10px;
}

#dsEditIEStatusContainer {
	background-color: #f2f2f2;
	padding: 3px;
	position: absolute;
	left: 10px;
	top: 15px;
}

#dsEditIEStatusContainer .smaller {
	font-size: 11px;
	color: #666;
}

#dsEditIEStatusContainer .offline {
	color: #AC3030;
}

#dsEditIEStatusContainer .online {
	color:#4D8D29;
}

#dsEditFooterContent {
	float: right;
	position: relative;
	top: 10px;
}

#dsEditUserInfo {
	display: none;
	color: #aaa;
	font-size: 7pt;
	position: absolute;
	top: 0px;
	right: 20px;
}

#dsEditUserInfo a {
	color: #aaa;
	text-decoration: none;
}

#dsEditUserInfo a:hover {
	color: #333;
	text-decoration: underline;
}

#dsEditSearchBlock {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	display:block;
	font-size:90%;
	display: none;
	color: #aaa;
	font-size: 8pt;
	position: absolute;
	top: 18px;
	right: 10px;
}

#dsEditSearchBlock input {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background:transparent url(../images/bg-search.png) no-repeat scroll 0 0;
	border:none;
	font-size:1.0em;
	color:#444444;
	padding:6px 10px 8px 10px;
	width:182px;
	float:left;
}
#dsEditSearchBlock input:focus, #dsEditSearchBlock input:hover, #dsEditSearchBlock button:focus, #dsEditSearchBlock button:hover {
	background:transparent url(../images/bg-search.png) no-repeat scroll -262px 0;
}
#dsEditSearchBlock button {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background:transparent url(../images/bg-search.png) no-repeat scroll -202px 2px;
	border:none;
	color:#707070;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	height:28px;
	width:60px;
	float:left;
	margin-top: -2px;
}
#dsEditSearchBlock button:focus, #dsEditSearchBlock button:hover {
	background:transparent url(../images/bg-search.png) no-repeat scroll -464px 2px;
	color:#000000;
}

.dsEditText {
}

.dsEditTextUnHint {
	cursor: pointer;
	border: 1px dashed #dddddd;
	margin: 2px;
}

.dsEditTextHint {
	cursor: pointer;
	border: 1px dashed #dddddd;
	margin: 2px;
}

.dsEditTextEdit {
	cursor: default;
	margin: 2px;
}

.dsEditTextBox {
	background-color: #ffffc0;
	border: 1px solid black;
}

.dsEditDrag {
	height: 10px;
	display: block;
	text-align: center;
	cursor: s-resize;
	background:url("../images/drag.png") repeat-x left top;
}

.dsEditDragHandle {
	display: block !important;
	height: 7px;
	width: 49px !important;
	margin-left: auto;
	margin-right: auto;
	background:url("../images/draghandle.png") repeat-x left top;
	float: none !important;
}

.dsEditIEButtons {
	position: absolute;
	cursor: pointer;
	z-index: 200000;
}

#dsEditLogo {
	padding-left: 5px;
	padding-top: 5px;
	cursor: pointer;
}

#dsEditBackdrop {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #E1E1E1;
	z-index: 50000;
	display: none;
}

#dsEditModalmask {
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #BBB;
	z-index: 200000;
}

#dsEditLoadmask {
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 500000;
	background: url(../images/loadersmall.gif) no-repeat right top;
	cursor: wait;
}

.dsEditWeToolbar {
	position: fixed;
	top: 5px;
	left: 80px;
}

.dsEditWeToolbarLeft {
	width: 15px;
	background: url(../images/toolbar_left.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.dsEditWeToolbarCenter {
	padding-top: 2px;
	background: url(../images/toolbar_center.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 61px;
}

.dsEditWeToolbarRight {
	width: 15px;
	background: url(../images/toolbar_right.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#dsEditButtons {
	position: absolute;
	display: none;
	left: 80px;
	top: 17px;
}

#dsEditToolbarContent {
	position: absolute;
	left: 80px;
	top: 0px;
}

/* Popup message */

div.dsErrorPopup {
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	line-height: normal;
	color: #000000;
	position: absolute;
	z-index: 500000;
}

div.dsErrorPopup .field {
	padding: 4px;
	border: 2px solid #ddd;
	background: #fff;
	color: #777;
	width: 250px;
	font-size: 12px;
}

div.dsErrorPopup .field:focus {
	border: 2px solid #999;
	color: #555;
}

.DsErrorContainer {
	background-color: #fff;
}

.dsErrorCustomPane {
	margin: 3px;
	text-align: left;
}

.dsLoginInput {
	font-size: 10px;
}

.dsErrorBtn {
	font-size: 10px;
}

.dsErrorBtnPane {
	float: right;
}

.dsErrorInfoPane {
	text-align: left;
	display: none;
	background-color: #eee;
	font-style: italic;
	padding-left: 5px;
}

.dsErrorInfoDetailPane {
	display: none;
	font-size: 7pt;
	font-style: normal;
}

.dsErrorInfoDetail1 {
	background: url(../images/arrow_down.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	cursor: pointer;
}

.dsErrorInfoDetail1:hover {
	text-decoration: underline;
}

.dsErrorInfoDetail2 {
	background: url(../images/arrow_up.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	cursor: pointer;
}

.dsErrorInfoDetail2:hover {
	text-decoration: underline;
}

/* Notify popup */
.dsNotify {
	position: fixed;
	border: 1px solid #c93;
    padding: 5px;
    padding-right: 20px;
    padding-left: 25px;
    background-color: #ffc;
    font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	color: #777;
    z-index: 200000;
    min-width: 50px;
    cursor: default;
}

.dsNotifyPointerTop {
	position: absolute;
	width: 19px;
	height: 10px;
	display: block;
	top: 0px;
	left: 5px;
	background-image: url(../images/pointer2.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.dsNotifyPointerLeft {
	position: absolute;
	width: 10px;
	height: 19px;
	display: block;
	top: 4px;
	left: -10px;
	background-image: url(../images/pointer.png);
    background-repeat: no-repeat;
    background-position: top left;
}

/* Mouse hint */
.dsMouseHint {
	position: absolute;
	border: 1px solid #c93;
    padding: 5px;
    padding-right: 20px;
    padding-left: 25px;
    background-color: #ffc;
    font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	color: #777;
    z-index: 200000;
    top: 77px;
    left: 15px;
    min-width: 50px;
    cursor: default;
}

.dsMouseHintPointer {
	position: absolute;
	width: 19px;
	height: 10px;
	display: block;
	bottom: -10px;
	left: 5px;
	background-image: url(../images/pointer3.png);
    background-repeat: no-repeat;
    background-position: top left;
}

/* Generic buttons */

div.DsButton a {
    background: transparent url(../images/bg_button_a.png) no-repeat scroll top right;
    color: #666;
    display: block;
    float: left;
    font: normal 12px "Trebuchet MS", sans-serif;
    height: 28px;
    margin-right: 15px;
    padding-right: 5px;
    text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

div.DsButton a span {
    background: transparent url(../images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 10px 6px 8px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

div.DsButtonActive a {
    background-position: bottom right;
    color: #000;
    outline: none;
    text-decoration: none;
}

div.DsButtonActive a span {
    background-position: bottom left;
    padding: 8px 10px 6px 8px;
    text-decoration: none;
}

div.DsButton a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.DsButtonActive a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.DsButtonDisabled a {
    background: transparent url(../images/bg_button_a.png) no-repeat scroll top right;
    color: #bbb;
    display: block;
    float: left;
    font: normal 12px "Trebuchet MS", sans-serif;
    height: 28px;
    margin-right: 15px;
    padding-right: 5px;
    text-decoration: none;
	font-weight: bold;
	cursor: default;
}

div.DsButtonDisabled a span {
    background: transparent url(../images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 10px 6px 8px;
    text-decoration: none;
    text-align: center;
    cursor: default;
}

.DsButton_align {
	border: 0px;
	margin-right: 6px;
	margin-top: -4px;
	float: left;
}

.DsButton_align2 {
	border: 0px;
	margin-left: 6px;
}

.DsButton_dropdown {
	background-color: #fff;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	text-align: left;
}

.DsButton_dropdownrow {
	font: normal 12px "Trebuchet MS", sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 4px;
	margin-right: 4px;
	display: block;
	border: 1px solid #fff;
	cursor: pointer;
	color: #666;
	white-space: nowrap;
}

.DsButton_dropdownrow:hover {
	border: 1px solid #99b4d3;
	background-color: #d4e4f7;
	color: #000;
	text-decoration: none;
}

/* Tabs */

#dsEditTabs {
	position: absolute;
	right: 0px;
	top: 40px;
	visibility: hidden;
}

#dsEditTabs ul {
	margin:0;
	padding:6px 3px;
	list-style:none;
}

#dsEditTabs li {
	float:left;
	background:url("../images/left.png") no-repeat left bottom;
	margin:0;
	padding:0 0 0 8px;
	cursor: pointer;
}

#dsEditTabs a {
	float:left;
	display:block;
	background:url("../images/right.png") no-repeat right bottom;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	color:#888;
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 8pt;
	font-weight:bold;
}

#dsEditTabs a:hover {
	color:#333;
}

#dsEditTabs .current {
	background-image:url("../images/left_on.png");
	height: 25px;
	cursor: default;
}

#dsEditTabs .other {
	background:url("../images/left.png") no-repeat left bottom;
	cursor: pointer;
}

#dsEditTabs .current a {
	background-image:url("../images/right_on.png");
	background-position: bottom right;
	color:#000;
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 8pt;
	font-weight:bold;
}

.tabcontainer {
	position: fixed;
	top: 85px;
	background-color: #fff;
	z-index: 60000;
	text-align: left;
	background-image: url(../images/shadow.png);
	background-position: bottom right;
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 8pt;
}

.tabcontentpane {
	overflow: visible;
}

/* Tree */

#DsEditTreeOuterContainer {
	position: fixed;
	top: 85px;
	left: 20px;
	z-index: 60000;
	background-color: #fff;
	text-align: left;
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
	background-image: url(../images/shadow.png);
	background-position: bottom right;
}

.DsEditTreeContainer {
}

#DsEditTreeInnerContainer {
	width: 100%;
	overflow: auto;
}

#DsEditTreeFooter {
	background-color: #eee;
	border-top: 1px solid #DDD;
	height: 50px;
	width: 100%;
}

#DsEditTreeFooter .trashlink {
	display: block;
	float: left;
	padding: 6px;
	margin-top: 8px;
	margin-left: 10px;
	color: #000;
	text-decoration: none;
}

#DsEditTreeFooter .trashlink:hover {
	background-color: #D4E4F7;
	text-decoration: none;
}

#DsEditTreeDragHandle {
	position: absolute;
	top: 85px;
	width: 5px;
	z-index: 60000;
	background-image: url(../images/draghandle2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: w-resize;
}

.DsEditTreeContainer a.treenode
{
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.DsEditTreeContainer a.treenode:hover
{
	color: #333;
	text-decoration: none;
}

.DsEditTreeContainer a.treenode:active
{
	color: #333;
	text-decoration: underline;
    background-color: #D4E4F7;
}

.DsEditTreeContainer a.treenode_focused
{
	color: #333;
	text-decoration: none;
    background-color: #D4E4F7;
    font-weight: bold;
}

.DsEditTreeContainer a.selected_node {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
	background-color: #D4E4F7;
}

.DsEditTreeContainer a.selected_node:hover {
	color: #333;
	text-decoration: none;
}

.DsEditTreeContainer .ed {
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-color: #D4E4F7;
}

.treenode_floating {
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}

.treenode_floating .treenode {
	color: #333;
	text-decoration: none;
}

.DsEditTreeContainer .BeingLoadedNode {
	font-size: 11px;
	background-color: infobackground;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	width:100px;
	margin:1px;
	cursor:pointer;
}

.DsEditTreeContainer ul {
	margin: 0;
	padding: 0;
}

.DsEditTreeContainer li {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
	padding-left: 5px;
}

.DsEditTreeContainer li li {
	margin-left: 0px;
	padding-left: 17px;
}

.DsEditTreeContainer .TreeNode {
	margin-left: 3px;
	font-size: 8pt;
	border-width: 1px;
	border-color: White;
	border-style: solid;
}

.DsEditTreeContainer input {
	font-family: Arial;
	font-size: 12px;
	border-width:0;
    background-color: #c0d2ec;
}

.DHTMLSuite_contextMenu {
	font-family:'Trebuchet MS', Arial, Verdana;
	font-size: 12px;
}

/* Pager */
.DsEditPager ul {
	text-align: center;
}

.DsEditPager li.number {
	border: 1px solid #cccccc;
	padding: 1px 5px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline;
	margin-left: 10px;
	background-color: #999999;
	cursor: pointer;
}

.DsEditPager li.numberActive {
	border: 1px solid #cccccc;
	padding: 1px 5px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline;
	margin-left: 10px;
	color: #999999;
	cursor: default;
}

.DsEditPager a {
	text-decoration: none;
	color: #ffffff;
}

.DsEditPager a:hover {
	text-decoration: underline;
}

/* Login */
.field_login {
	padding-top: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS";
	padding-left: 80px;
}

.field_password {
	padding-top: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS";
	padding-left: 80px;
}

.field_info {
	padding-top: 150px;
	font-size: 12px;
	font-family: "Trebuchet MS";
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.field_error {
	padding-top: 100px;
	font-size: 12px;
	font-family: "Trebuchet MS";
}

#dsLoginContainer .field {
	padding: 4px;
	border: 2px solid #ddd;
	background: #fff;
	color: #777;
	width: 250px;
	font-size: 12px;
}

#dsLoginContainer .field:focus {
	border: 2px solid #999;
	color: #555;
}

/* special */
#DsEditWorkflowAssign select.selectfield {
	font-size: 12px;
	font-family: 'Trebuchet MS', Arial, Verdana;
	border: 2px #ddd solid;
	color: #777;
	width: 95%
}

#DsEditWorkflowAssign select.selectfield:focus {
	color: #555;
	border: 2px #999 solid;
}

/* fix for font size problem in tables with FF3 */

table {
	font-size: 100%;
}