/** Login styles **/
.login {
   width:100%;
}

.login td {
   padding: 5px;
}

.login input[type="text"], .login input[type="password"]{
   width:295px;
}

.login h2{
}

.login-boxes{
   vertical-align:top;
}

.login-control{
   display:inline-block;
   padding:15px;
   border: solid 1px #bbb;   
   background: -moz-linear-gradient(90deg, white, #fcf6df) repeat-x scroll 0 0 #fcf6df;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf6df), to(#ffffff)) repeat-x, #fcf6df;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf6df', endColorstr='#ffffff');    
   min-height: 230px;
   width: 410px;
   height:300px;
   vertical-align:top;
   position:relative;
   border-radius: 5px;
}

.login-text{
   display:inline-block;
   padding:20px;
   border: solid 1px #bbb;   
   background: -moz-linear-gradient(90deg, white, #fcf6df) repeat-x scroll 0 0 #fcf6df;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf6df), to(#ffffff)) repeat-x, #fcf6df;    
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf6df', endColorstr='#ffffff');    
   width: 410px;
   height:290px;
   margin-right:42px;
   vertical-align:top;
   position:relative;
   border-radius: 5px;
}

.login-remember{
   padding-left:74px !important;
}

.bottom-link{
   position:absolute;
   bottom:5px;
}

.read-more{
   margin-top:10px;
}

.reg-text{
   min-height:145px;
}

.reg-link{
   text-align:right;
}


/** End login styles **/


/** Form styles **/

input, textarea, select, .tools input[type="text"], .login input[type="text"], .login input[type="password"] {
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
    box-sizing:border-box;
   border-radius: 5px;
   -webkit-box-sizing: border-box;
   border: 1px solid #8fa277;
   color: #000;
   padding: 3px;
   font-size:1em;
}

select {
   max-width:250px;
}

.dxeTextBox, .dxeMemo{
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-box-sizing: border-box;
   border-bottom-right-radius: 5px 5px;
   border-top-left-radius: 5px 5px;
   -webkit-box-sizing: border-box;
   color: #333333;
}

INPUT[type=text]:focus, .dxeTextBox:focus, .dxeMemo:focus
{
	background-color: #f0f6fb;
	-moz-background-size: 100% 4px;
	-webkit-background-size: 100% 4px;
	background-size: 100% 4px;
}

input[type="text"], textarea, input[type="search"], input[type="password"], input[type="email"], input[type="url"], select {
   background: -moz-linear-gradient(90deg, #F8F8F8, #EEEEEE) repeat-x scroll 0 0 #F8F8F8;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEEEEE)) repeat-x, #F0F6FB;
   /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#EEEEEE'); */
   
}

input[type="text"]:focus, input[type="text"]:hover, input[type="text"].focus, textarea:focus, textarea:hover, textarea.focus, input[type="search"]:focus, input[type="search"]:hover, input[type="search"].focus, input[type="password"]:focus, input[type="password"]:hover, input[type="password"].focus, input[type="email"]:focus, input[type="email"]:hover, input[type="email"].focus, input[type="url"]:focus, input[type="url"]:hover, input[type="url"].focus, input[type="search"]:focus, input[type="search"]:hover, input[type="search"].focus, select:focus, select:hover{
   -webkit-background-size: 100% 4px;
	-moz-background-size: 100% 4px;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#daedf6), to(#F0F6FB)) repeat-x, #F0F6FB;
   background: -moz-linear-gradient(90deg, #F0F6FB, #daedf6) repeat-x scroll 0 0 #F0F6FB;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F6FB', endColorstr='#daedf6'); 
   background-size: 100% 4px;
   -moz-box-shadow: 0 0 8px #ccc;
   -webkit-box-shadow: 0 0 8px #ccc;
}

INPUT[type=text]
{
	background-color: #f8f8f8;
	-moz-background-size: 100% 4px;
	-webkit-background-size: 100% 4px;
	background-size: 100% 4px;
}

 input[type="radio"]{
   border-width:0px;
 }

.field {
   clear: left;
   margin: 0 0 2px 0;
/*   background: #ddddFF; */
   padding: 4px;
   min-height:25px;
}

.field .caption {
   display: inline-block;
   width: 110px;
   float: left;
   vertical-align: top;
   margin-right: 10px;
   color:#666;
}

.field .value {
   width:340px;
   color:#000;
}

.field input{
   vertical-align:top;
}

.field .xsmall-text {
   width: 60px;
}

.field .tiny-text {
   width: 100px;
}

.field .short-text {
   width: 200px;
}

.field .medium-text {
   width: 250px;
}

.field input.text,
.field textarea {
   width: 370px;
   height:150px;
}

.field .long-text {
   /* margin-left must equal (width + margin-right) of '.field .caption' selector */
   display: block;
   margin-left: 110px;
}

.field .enum-rbl {
   /* margin-left must equal (width + margin-right) of '.field .caption' selector */
   display: block;
   margin-left: 120px;
}

.image-value{
   display:inline-block;
}

.field table,
.field table tr,
.field table tr td {
   border: 0;
   padding: 0;
   margin: 0;
}

.field table .caption {
   margin: 0;
   padding: 0;
}

.required {
   color: red;
   position: relative;
   top: 3px;
   left:2px;
}

input[type=checkbox] {
   border-width:0px;
   position:relative;
   top:1px;
}

.guide {
   color:#004168;
   font-size:12px;
   font-style:italic;
}

.hr {
   border-bottom: 1px solid #333333;
   height: 1px;
   margin-bottom: 40px;
   visibility: hidden;
}

.form-container{
   width:100%;
}

.form-container .form-left {
/*   width:480px; */
   width:50%;
   display:inline-block;
   vertical-align:top;
   margin-right: 3%;
/*   border: 1px solid blue; */
}

.form-container .form-right{
/*   width:464px; */
   width:46%;
   display:inline-block;
   vertical-align:top;
/*   border: 1px solid blue; */
}

.countrylist{
   font-size:11px;
   width:250px;
}


/** BUTTONS **/

.buttons {
/*   margin: 10px 0; */
   clear: both;
}

.grid-buttons {
/*
   position: relative;
   top: -59px;
*/
}

.buttons {
/*
   position: relative;
   top: -54px;
*/
}

.child-list .buttons {
   position: relative;
   top: 0;
}

.form-view .buttons
, .form-edit .buttons
, .form-insert .buttons
, .edit-form .buttons {
    margin: 0 0 0;
    position: relative;
    text-align: right;
    top: -35px;
}

.insert-form {
   width:100%;
}
 .grid-search .form-edit .buttons {
   margin: 10px 0 10px 0;
 }

.buttons .buttons-right {
   text-align: right;
}

.grid-buttons input[type="button"]
,.grid-buttons input[type="submit"]
, .button
, .grid-toolbar input[type="button"]
, .grid-toolbar input[type="submit"]
, .buttons-left .button
, input[type="submit"]
, input[type="button"]{
   cursor:hand;
   cursor:pointer;
   margin-right:5px;
   -moz-border-radius: 5px; 
   border-radius: 5px; 
   -webkit-border-radius: 5px;
   border: 1px solid #c8a06d;
   font-size: 12px;
   padding: 0px 8px 2px 8px;	
   box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 10px #9BAD85 inset;
   text-shadow: 0 0;
   background:none;
   color:#1a6c39;
   height:25px;
}

/*
blue
   color: #60678C;
*/

/*
   color: #fff;
   background: -moz-linear-gradient(90deg, #bc7418, #c8a06d) repeat-x scroll 0 0 #006699;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#bc7418), to(#c8a06d)) repeat-x, #c8a06d;    
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc7418', endColorstr='#c8a06d'); 
*/

.grid-buttons input[type="button"]
,.grid-buttons input[type="submit"] {
   margin: 0 0 0 5px;
}

.buttons input:hover
, .grid-buttons input:hover
, .button:hover
, grid-toolbar input:hover
, .buttons-left .button:hover
, input[type="submit"]:hover
, input[type="button"]:hover {
   background:#e4be8d;
}

/*
   background: -moz-linear-gradient(90deg, #c8a06d, #bc7418) repeat-x scroll 0 0 #c8a06d;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#bc7418), to(#c8a06d)) repeat-x, #c8a06d;    
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc7418', endColorstr='#c8a06d'); 
*/


.tr-buttons .cancel-btn, .cancel-btn{
    border: none;
    box-shadow: none !important;
    color: #c73232 !important;
    text-decoration: underline !important;
    border: 1px solid #FFFFFF !important;
}

/*
   color: #b75151;
   box-shadow: 0 0 10px #fab1b1 inset;
*/

.tr-buttons .cancel-btn:hover, .cancel-btn:hover, .tr-buttons .home-btn:hover, .home-btn:hover, .show-all:hover{
    border: 1px solid #C8A06D !important;
}

.tr-buttons .next-btn, .next-btn{
}

.tr-buttons .back-btn, .back-btn{
    box-shadow: none;
    color: #666;
}


.tr-buttons .home-btn, .home-btn{
   background:none;
   box-shadow:none;
   border:none;
   color:#BC7418;
   text-decoration:underline;
    border: 1px solid #FFFFFF;
}


/*
   box-shadow: 0 0 10px #abb1d0 inset;
*/

.show-all{
    border: none;
    box-shadow: none !important;
    color: #666 !important;
    text-decoration: underline !important;
    border: 1px solid #FFFFFF !important;
}


/** END BUTTONS **/

/** SUBFORM **/

.field .subform {
   display: block;
   margin-left: 110px;
   font-size: 0.9em;
   border-collapse: collapse;
   border: 1px solid #CCCCCC;
   overflow-x: scroll;
   width: 600px;
}

.field .subform th,
.field .subform td {
   padding: 4px;
   border: 1px solid #CCCCCC;
}

.field .subform .action {
   text-align: center;
}

.field .subform .tiny-text {
   width: 50px;
}

.field .subform .short-text {
   width: 100px;
}

.field .subform .medium-text {
   width: 200px;
}

.fieldset{
   -moz-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
   border: solid 1px #999;
   padding:10px;
}

.fieldset legend{
   color: #444;
}

/** END SUBFORM **/

/** End form styles **/


/** begin calendar **/

.calendar .ajax__calendar_header,
.calendar .ajax__calendar_today {
   color: #E1820C;
   text-decoration: underline;
}

.calendar .ajax__calendar_container {
   background: white;
   border: 1px solid #E1820C;
   z-index: 999;
}

.calendar .ajax__calendar_dayname {
   font-weight: bold;
}

.calendaricon{
   position:relative;
   top:-1px;
}

.ajax__calendar_container{
   background: -moz-linear-gradient(90deg, white, #F0F6FB) repeat-x scroll 0 0 #f0f6fb;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f6fb), to(#ffffff)) repeat-x, #f0f6fb;    
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f6fb', endColorstr='#ffffff');    
}

/** end calendar **/

/** Grid styles **/

.dxtlHeader, .dxgvHeader {
    background: none repeat scroll 0 0 #F4EDBB;
    border: 1px solid #9F9F9F;
}

.dxpSummary{
   font-family:inherit;
}

.dxgvFilterRow{
    background: none repeat scroll 0 0 #F8F4D9;
}

.dxgvTable {
    color: #444;
    font-size: 13px;
}

.dxgvHeader td {
    color: #444444;
    font-family: arial;
    font-weight: bold;
}

.dxeEditArea {
}

.dxgvControl .button{
   font-size:10px;
}

.dxgvinline-table, .dxgvControl, .dxgvDisabled {
   font-size:12px;
}

.dxgvHeader, .dxgvHeader inline-table{
   font-size:13px;
}


.grid-toolbar {
    display: block;
    margin: 0 0 0 15px;
    position: relative;
    text-align: right;
    top: -35px;
}

.controlled-grid
{
    margin-bottom: 50px;
    top: 0;    
}

.grid-control-caption
{
    margin-right: 20px;
}

/*
.grid-toolbar {
   margin: 5px 0 15px 0;
   height: 25px;
   clear: both;
   display: block;
   text-align: right;
}
*/

.grid-archived {
   display:inline-table;
   float:left;
   text-align:left;
   position:relative;
   top: 3px;
}

.grid-buttons {
   display:inline-table;
   text-align:right;
   float:right;
}

.grid-view-action-header
{
    text-align:center;
}

/** End Grid styles **/

/** FORM INTRO STYLES **/

.intro {
   margin-bottom: 0px;
}

.content-top{
   clear:both;
   margin-bottom:10px;
}

.content-top h1{
   clear:none;
   padding-top:14px;
}

.content-top p{
   margin-top:5px;
   padding-top:5px;
}

.icon{
   float:left;
   width:55px;
}

/** END FORM INTRO STYLES **/


/** VALIDATION STYLES **/

.validation-summary {
   margin-bottom: 10px;
   border: 2px solid red;
   margin-bottom: 10px;
   padding: 10px 10px 10px 10px;
   width:50%;
   background: -moz-linear-gradient(90deg, #EEEEEE, #fae2e2) repeat-x scroll 0 0 #F8F8F8;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEEEEE)) repeat-x, #F0F6FB;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#EEEEEE'); 
   -moz-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}

.validation-summary li {
   list-style-type:disc;
}

.validation-summary-100 {
   margin-bottom: 10px;
   border: 2px solid red;
   margin-bottom: 10px;
   padding: 10px 10px 10px 10px;
   width:100%;
   background: -moz-linear-gradient(90deg, #EEEEEE, #fae2e2) repeat-x scroll 0 0 #F8F8F8;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEEEEE)) repeat-x, #F0F6FB;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#EEEEEE'); 
   -moz-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
   text-align:right;
}

.validation-summary-100 li {
   list-style-type:disc;
}
/** END VALIDATION STYLES **/


/** POPUP **/

.message-popup{
   background:#fff;
   padding:20px;
   border:solid 2px #F0F6FB;
}

.message-ajax-progress-popup{
   background-color: #eee;
   border: solid 1px #ccc;
   padding:10px;
}

/** END POPUP **/

/** Help text **/

.helpIcon {
   border: none;
}

.help-text {
   display: none;
   position: absolute;
   font-size: 0.9em;
   top: 0;
   left: 0;
   width: 200px;
}

.help-text .help-inner {
   background: #FFFF84;
   background: -moz-linear-gradient(90deg, white, #F0F6FB) repeat-x scroll 0 0 #f0f6fb;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f6fb), to(#ffffff)) repeat-x, #f0f6fb;    
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f6fb', endColorstr='#ffffff');    
   -moz-box-shadow: 0 0 8px #ccc;
   -webkit-box-shadow: 0 0 8px #ccc;
   border: 1px solid #999;
   -moz-border-radius: 5px;
   border-radius: 5px;
   min-height: 40px;
   padding: 5px;
}

.help-text .help-inner p {
   margin: 0;
   padding: 0;
}

.help-text span {
   display: block;
   margin: 0 0 4px 4px;
}

.help-text .help-top {
   height: 10px;
}

.help-text .help-bottom {
   height: 40px;
   background: url('/Lib/Images/HelpBot.gif') no-repeat;
   position: relative;
   top: -1px;
   z-index: 999;
}

.help-text a {
   color: #05518C;
}

.help-text a.close {
   text-decoration: none;
   font-size: 0.9em;
}

.help-text a.close:hover {
   text-decoration: underline;
}

.help-text .close {
    background: none repeat scroll 0 0 #888888;
    border-radius: 2px 2px 2px 2px;
    color: white;
    display: block;
    float: right;
    font-weight: bold;
    height: 15px;
    margin-left: 8px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 15px;
}

.help-icon{
   font-size:12px;
   font-style:italic;
   color:#004168;
}

.help-inner p
{
    text-align:left;
}

/** End help text **/

/** Modal popup styles **/

.message-popup {
    background: #fff;
    padding: 20px;
    border: solid 3px #BC7418;
    border-radius: 10px;
}

.message-popup h2 {
   margin-bottom: 15px;
}

.modalpopup-background {
   background-color: Gray;
   filter: alpha(opacity=70);
   opacity: 0.7;
}

/** End modal popup styles **/

.exports{
   text-align:right;
}

.grid-buttons input.grid-options{
    background: url("/Lib/Images/Icons/grid-options.png") no-repeat scroll 7px 4px;
    padding-left: 24px !important;
    padding-right: 10px !important;
}

.grid-buttons input.grid-options:hover{
   background-color:#C8A06D;
}

.simple{
  border-collapse:collapse;
}

.simple th{
   background-color: #CCCCCC ;
}

.simple tr td, .simple tr th{
   padding:5px 10px;
   text-align:left;
   border: solid 1px #eee;
   border-radius: 5px;
   font: 13px tahoma;
}

.simple tr th{
   font:12px Arial;
   font-weight:bold;
}

.combo-box-outer-div .dxeEditArea{
   border:solid 1px #C3D09A !important;
   padding:3px;
   color: #3A3A3A;
   width:300px;
   color:#000;
   height:25px !important;
}

.combo-box-outer-div .dxeListBoxItem {
   border: none;
}

.combo-box-outer-div .dx{
    background-color: #d1e1a1;
    padding:5px !important;
    border: solid 1px #618000;
    background-image: none;
    background-position: center top;
    background-repeat: repeat-x;   
    border-radius:5px;
    -moz-border-radius:5px;
}

.validator{
	font-size:16px;
	font-weight: bold;
}

.field .combo-box-outer-div{
   display:inline-block;
}

.dxeListBoxItemSelected, .dxeListBoxItemHover 
{
    background-color:#DDE6D5;
    color:#000;
}

.dxbebt
{
    background:#fff;
    position: relative;
    top: -1px;  
}

.dxeButtonEdit .dxeButtonEditButton 
{
    background:none;
}

/* AutoComplete */
.autocomplete {
   /*background-color: #CCFFFF;
   width:450px !important;*/
}

.autocomplete:disabled {
   background-color: #EBEBE4; 
}

.autocomplete_completionListElement {
   margin: 0px !important;
   background-color: white;
   color: windowtext;
   border: buttonshadow;
   border-width: 1px;
   border-style: solid;
   cursor: 'default';
   overflow: auto;
   text-align: left;
   list-style-type: none;
   cursor: pointer;
   max-height:200px;
}

.autocomplete_highlightedListItem {
   background-color: #DDE6D5;
   color: black;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}

.autocomplete_listItem {
   background-color: white;
   color: windowtext;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}

/* end of AutoComplete */

/* Transaction Wiz */

.stage
{
    height:30px;
    position: relative;
    top: -10px;
    margin-left: 40px;
}

.stage ul li{
   padding: 5px; 
   float: left;
   list-style:none;
}

.stage ul li.current{
   padding: 5px 8px; 
   float: left;
   background: #DDE6D5;
   border-radius: 5px;
}

.radio-separator{
   margin-bottom:10px;
}

.popup-close{
   display:block;
   float:right;
   margin-top:15px;
}

/* END Transaction Wiz */

.help-hint{
    background-color: #EEEEEE;
    border: 1px solid;
    border-radius: 65px 65px 65px 65px;
    font-size: 10px;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    /* top: 3px; */
}

.tr-buttons .greyOut
{
   background-color:#EEEEEE;   
}

.field ul
{
	padding-left:0px;
}

.bulk-inner-sheid select
{
	margin: 0px;
	padding: 2px;
}
.bulk-inner-sheid input
{
	margin: -10px 0 0 0;
}