#dialog-container select, #dialog-container input[type="text"], #dialog-container input[type="password"] {
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-bottom: 7px;
    padding: 4px 3px 4px 4px;
    font-size: 12px;
	background-color: #FFFFFF;
    border: 1px solid #999;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#dialog-container textarea:focus, #dialog-container input:focus, #dialog-container select:focus, #dialog-container password:focus  {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.juser-container{
	 padding: 15px 0 0 10px;
	 background-color: #fff;
	 border: 1px solid #CCCCCC;
}

.logout-button{
	float:left;
}

.login-greeting{
	float: left;
	margin-right: 5px;
}

#login-form{
	padding: 10px 5px;
	text-align: left;
}
	
/*---------------dialog-----------*/
#dialog-container {
    -moz-box-shadow: 0 0 20px #333333;
    border: 8px solid #ccc;
    padding: 16px 20px;
    background-color: #FFFFFF;
    text-align: left;
}

.dialogTitle {
    cursor: move;
    display: block;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
    top: -20px;
    width: 100%;
}

#dialog-container .dialogCloseButton {
    background: url("../img/close-buttons.png") no-repeat;
    cursor: pointer;
    display: block;
    height: 42px;
    position: absolute;
    right: -24px;
    text-indent: -999em;
    top: -24px;
    width: 42px;
    z-index: 999;
}

#dialog-container h3.title, #dialog-container h1 {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #EAEAEA;
    color: #333333;
    font-family: "Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    padding: 6px 11px;
    position: relative;
    marigin:0;
}
#dialog-container p{
    clear: both;
    margin: 0 0 2ex;
}

#dialog-container ul{
	padding: 0;
	margin:0;
	list-style-type: none;
}


.dialogContent {
	background-color: #FFFFFF;
    margin: 0;
    width: 100%;
    line-height: 20px;
    overflow: hidden;
   
}

.dialogContentBody{ 
    border: medium none !important;
    font-size: 1.1em;
    padding: 10px 12px 0;   
}

.red, .reqd, .error, .important {
    color: red;
}

.dialogContent label {
    float: left;
    font-weight: bold;
    width: 8.5em;
}

.dialogContent form div {
    clear: both;
    margin: 0 0 1ex;
}

.dialogContent form .indent {
    display: block;
    margin: 0.5ex 0 0 12.5em;
}


.dialogContent .cancelbutton {
    float: left;
}

.dialogContent .cancelbutton {
    float: left;
}

.dialogContent .sendbutton {
    clear: none !important;
    margin: 0 !important;
    text-align: right;
}
/*------end dialog-----------*/
	
	
/*------buttons -------*/

.ui-dir-button, a.ui-dir-button, .ui-dir-button.ui-dir-button-disabled:hover, input.ui-dir-button[disabled="disabled"]:hover, button.ui-dir-button[disabled="disabled"]:hover {
	background: #0095DD;
    background: -moz-linear-gradient(center top , #0095DD 0%, #0077B7 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0095DD), to(#0077B7) );
	background: -webkit-linear-gradient(top, #0095DD, #0077B7);
	background: linear-gradient(top, #0095DD, #0077B7);
    
}
.ui-dir-button, a.ui-dir-button {
    border: 1px solid #0087D0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #0077B7 inset, 0 1px 3px rgba(255, 255, 255, 0.5);
    color: #FFFFFF!important;
    display: inline-block;
    font-family: 'DepotNewRegular','Helvetica Neue',Helvetica,Arial,Sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    margin: 3px;
    overflow: visible;
    padding: 7px 16px;
    position: relative;
    text-decoration: none !important;
    text-shadow: 1px 1px #00659B;
}
.ui-dir-button:hover {
	background: #0077B7;
    background: -moz-linear-gradient(center top , #0077B7 0%, #0095DD 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0077B7), to(#0095DD) );
	background: -webkit-linear-gradient(top, #0077B7, #0095DD);
	background: linear-gradient(top, #0077B7, #0095DD);
	
    cursor: pointer;
    text-shadow: 1px -1px #1B98C7;
}
.ui-dir-button:active {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) inset;
}
.ui-dir-button .ui-dir-button-text {
    color: #FFFFFF;
}
.ui-dir-button .ui-dir-button-text {
    line-height: 1;
}
.ui-dir-button-text-icon-primary .ui-dir-button-text, .ui-dir-button-text-icons .ui-dir-button-text {
    padding: 0 0 0 17px;
}
.ui-dir-button-icon-only .ui-icon, .ui-dir-button-text-icon-primary .ui-icon, .ui-dir-button-text-icon-secondary .ui-icon, .ui-dir-button-text-icons .ui-icon, .ui-dir-button-icons-only .ui-icon {
    margin-left: -8px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
}
.ui-dir-button-large, a.ui-dir-button-large {
    font-size: 18px;
    padding: 10px 16px;
}
.ui-dir-button-icon-only {
    padding: 4px !important;
}
.ui-dir-button-small, a.ui-dir-button-small {
    font-size: 14px;
    padding: 5px;
}
.ui-dir-button-green, a.ui-dir-button-dark-green, .ui-dir-button-dark-green.ui-dir-button-disabled:hover, input.ui-dir-button-dark-green[disabled="disabled"]:hover, button.ui-dir-button-dark-green[disabled="disabled"]:hover {
    background: #ADD773;
    background: -moz-linear-gradient(center top , #ADD773 0%, #83B33F 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#ADD773), to(#83B33F) );
	background: -webkit-linear-gradient(top, #ADD773, #83B33F);
	background: linear-gradient(top, #ADD773, #83B33F);
    border: 1px solid #79AB2F !important;
    text-shadow: 0 1px 0 #789A2B !important;
}
.ui-dir-button-dark-green:hover, a.ui-dir-button-dark-green:hover {
	background: #83B33F;
    background: -moz-linear-gradient(center top , #83B33F 0%, #ADD773 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#83B33F), to(#ADD773) );
	background: -webkit-linear-gradient(top, #83B33F, #ADD773);
	background: linear-gradient(top, #83B33F, #ADD773);
    text-shadow: 0 -1px 0 #789A2B !important;
}

.ui-dir-button-green, a.ui-dir-button-green, .ui-dir-button-green.ui-dir-button-disabled:hover, input.ui-dir-button-green[disabled="disabled"]:hover, button.ui-dir-button-green[disabled="disabled"]:hover {
	background: #A3E602;
    background: -moz-linear-gradient(center top , #A3E602 0%, #83B802 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#A3E602), to(#83B802) );
	background: -webkit-linear-gradient(top, #A3E602, #83B802);
	background: linear-gradient(top, #A3E602, #83B802);
    border: 1px solid #79AB2F !important;
    text-shadow: 0 1px 0 #83B802 !important;
}
.ui-dir-button-green:hover, a.ui-dir-button-green:hover {
	background: #83B802;
    background: -moz-linear-gradient(center top , #83B802 0%, #A3E602 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#83B802), to(#A3E602) );
	background: -webkit-linear-gradient(top, #83B802, #A3E602);
	background: linear-gradient(top, #83B802, #A3E602);
    text-shadow: 0 -1px 0 #789A2B !important;
}

.ui-dir-button-orange, a.ui-dir-button-orange, .ui-dir-button-orange.ui-dir-button-disabled:hover, input.ui-dir-button-orange[disabled="disabled"]:hover, button.ui-dir-button-orange[disabled="disabled"]:hover {
    background: #FFBF15;
    background: -moz-linear-gradient(center top , #FFBF15 0%, #FF8900 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFBF15), to(#FF8900) );
	background: -webkit-linear-gradient(top, #FFBF15, #FF8900);
	background: linear-gradient(top, #FFBF15, #FF8900);
    
    border: 1px solid #FF8900 !important;
    text-shadow: 0 1px 0 #789A2B !important;
}
.ui-dir-button-orange:hover, a.ui-dir-button-orange:hover {
	background: #FF8900;
    background: -moz-linear-gradient(center top , #FF8900 0%, #FFBF15 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8900), to(#FFBF15) );
	background: -webkit-linear-gradient(top, #FF8900, #FFBF15);
	background: linear-gradient(top, #FF8900, #FFBF15);
    text-shadow: 0 -1px 0 #789A2B !important;
}

.ui-dir-button-grey, a.ui-dir-button-grey, .ui-dir-button-grey.ui-dir-button-disabled:hover, input.ui-dir-button-grey[disabled="disabled"]:hover, button.ui-dir-button-grey[disabled="disabled"]:hover {
	background: #E9EAEA;
    background: -moz-linear-gradient(center top , #E9EAEA 0%, #CECFD0 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#E9EAEA), to(#CECFD0) );
	background: -webkit-linear-gradient(top, #E9EAEA, #CECFD0);
	background: linear-gradient(top, #E9EAEA, #CECFD0);
    border: 1px solid #B5B5B5 !important;
    box-shadow: 0 0 1px #F9F9F9 inset, 0 1px 3px rgba(255, 255, 255, 0.5);
    text-shadow: 1px 1px #DDDDDD !important;
}
.ui-dir-button-grey .ui-button-text {
    color: #333333 !important;
}
.ui-dir-button-grey:hover, a.ui-dir-button-grey:hover {
	background: #CECFD0;
    background: -moz-linear-gradient(center top , #CECFD0 0%, #E9EAEA 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#CECFD0), to(#E9EAEA) );
	background: -webkit-linear-gradient(top, #CECFD0, #E9EAEA);
	background: linear-gradient(top, #CECFD0, #E9EAEA);
    text-shadow: 1px -1px #DDDDDD !important;
}
.ui-dir-button-disabled, input[disabled="disabled"], button[disabled="disabled"] {
    cursor: default;
    opacity: 0.4;
}
/*------ end buttons ---------*/