html {  margin:0px; padding:0px; border:0px; /* min-width:1024px; */ width:100%; /* overflow: hidden; overflow-x:auto; */  height: 100%;  }
/* body {  background: #F4F9FE url(../images/four2_bgmain2.png) repeat-x left top; color: #000000; font-size: 12px;  font-family: Tahoma, Trebuchet MS, Arial, Verdana;   margin:0px; width:100%; height: 100%; } */
*:focus { outline: none; }  

#navigation-hide { float: left; width: 10px;    border-right: solid 1px #AAA;    margin: 0;    padding: 0; height: 100%; }
#navigation-hide a {    display: block;    /* padding: 20px 0; */ height: 100%;    margin: 0;    background: #eee;    text-indent: -9999px;    overflow: hidden;    border: none; }
#navigation-hide a:hover {    background: #ccc; }


div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:10px;
  background: #000 url(../images/bg-body-v3.png) repeat-x left top;
  font-size:9px;
  color:#eee;
  text-align:left;
 }
 
 @media screen{
  body>div#footer{
   position: fixed;
  }
 } 
 

.clickable {cursor: pointer; }
a:link, a:visited { color: #333;  font-size: 14px; }
a:hover, a:active {  color: #660000 !important;  font-size: 14px; }

#wnMain { margin:0px; padding:0px;}
#wnContent { margin-top:5px;  /* min-width:800px; */ /* overflow: auto;  */ width:auto; /* height:100%; */  }
.mainSkelet { border: 0px ; border-spacing: 0px; border-collapse: collapse; margin: 0px; padding:0px; width:100%; height: 100%; }

 .mainSkelet td.top { border: 0px ; margin: 0px; padding:0px; text-align: left; background-color: #1F1F1F; }
 .mainSkelet tr.toptr { border: 0px ; margin: 0px; padding:0px; height: 27px;  }


/* STACKTRACE */
/* ----------------------------------------------------------------------- */

/* .searchlistfield { max-width: 200px; } */

.stacktrace, a.stacktrace:link, a.stacktrace:visited {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-style: italic;  color: #dedede;  display:none; }
.stacktrace_end {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-style: italic;  color: #dedede; }
.fieldlabel {  font-size: 13px; color: #414141;  text-align: right;  font-weight: bold !important;  padding: 8px 0px 8px 0px !important;   min-width: 250px;  max-width: 300px; }
.field {  font-size: 13px;  color: #414141;  text-align: left;  padding-left: 0px;  padding: 5px 0px 3px 0px;  min-width:300px; white-space: nowrap; }
.field .fiel_view { min-height: 20px; font-size: 14px; line-height: 20px; border: 1px solid #ddd; background-color: #fafafa; padding: 5px 7px; margin-top:-6px; margin-left:5px;  }
.field p { font-size: 14px; line-height: 20px;  }
.field a {

    color:#333; text-decoration: underline;
    /*
    color:#333;   background: #e5e5e5;
    padding:3px 6px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #4B8DF8;
    margin: 1px;
    */
}
.field a:hover {
    color:#B60000 !important; ;
}
a.atkmanytoonerelation {
 color:#333;   background: #e5e5e5;
 padding:8px 10px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
 border-left:3px solid #4B8DF8;
 margin: 1px;

}

a.atkmanytoonerelation:hover {
    background: lightgray;
    color: #333 !important;
}


a.atkmanytoonerelation_new {
    color:#333;   background: #e5e5e5;
    padding:8px 10px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #35aa47;
    margin: 1px;

}

a.atkmanytoonerelation_new:hover {
    background: lightgray;
    color: #333 !important;
}





a.btn_tool_blue {
    color:#333;   background: #e5e5e5;
    padding:4px 8px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #4B8DF8;
    margin: 1px;
}


a.btn_tool_red {
    color:#333;   background: #e5e5e5;
    padding:4px 8px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #d84a38;
    margin: 1px;
}

a.btn_tool_green {
    color:#333;   background: #e5e5e5;
    padding:4px 8px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #35aa47;
    margin: 1px;
}

a.btn_tool_orange {
    color:#333;   background: #e5e5e5;
    padding:4px 8px;  cursor: pointer; text-decoration:none; font-size: 13px; line-height: 1.33;
    border-left:3px solid #FFA500;
    margin: 1px;
}


a.btn_tool_blue:hover, a.btn_tool_red:hover,a.btn_tool_green:hover, a.btn_tool_orange:hover {
    background: lightgray;
    color: #333 !important;
}


.tab {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;  color: #ffffff;}
.tab_selected {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;  color: #000000;}
.topbg {  background: #52006A; }
.menubg {  background: #F00; }
.error, .errorlabel {  color: #a94442;  font-size: 13px;  text-align: left;  }
.errorlabel { color:red; padding: 5px 0px 8px 0px !important; text-align: right; font-weight: bold; }
.error { border: 1px solid #ebccd1; padding: 15px 15px 15px 70px; margin:10px; background: #f2dede url(../images/error.png) no-repeat 10px 10px; min-height: 35px;}

.error strong { color:red; }
.error h4 { margin:0px 0px 5px 0px; font-size:16px;  }
.error h4 + br {  display: none; }



.errorbox { color:red; border:2px solid red; margin:0px 10px 10px 10px;  padding:10px; font-weight:bold; background-color:white; text-align:center; }
.okbox { color:green; border:2px solid green; margin:10px;  padding:10px 10px 10px 10px; font-weight:bold; background-color:white; text-align:center; }
.atkmessages {  background-color: #EEEEEE;  color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;  text-align: left; }
.atkmessages_general,.atkmessages_success,.atkmessages_failure {	margin-bottom: 1px;	padding: 3px;}
.atkmessages_success{	background-color: #339900;  color: #fff;}
.atkmessages_failure{	background-color: #ff0000;	color: #fff;}
 /* #action-buttons{  height:30px; text-align:center; background-color: #fafafa; border: 1px solid #aaa; padding: 5px; }  */

 .p3 { padding: 3px; }
/* */

/* BUTTONS */

/*
#action-buttons button{
    display:block;    float:left;    margin:0 7px 0 0;    background-color:#f5f5f5;    border:1px solid #9e9e9e;    border-top:1px solid #ddd;    border-left:1px solid #ddd;
    font-family:Tahoma, Trebuchet MS, Arial, Verdana;    font-size:100%;    line-height:130%;    text-decoration:none;    font-weight:bold;
    color:#565656;    cursor:pointer;    padding:5px 10px 6px 7px; 
    
}
#action-buttons button{     width:auto;    overflow:visible;    padding:4px 10px 3px 7px;  }
#action-buttons button[type]{    padding:5px 10px 5px 7px;    line-height:17px; }
#action-buttons button:hover {    background-color:#dff4ff;    border:1px solid #c2e1ef;    color:#336699; }
*/

button { font-size: 14px;  }

#action-buttons button.btn_saveandclose, 
#action-buttons button.btn_save, 
#action-buttons button.btn_ok, 
#action-buttons button.btn_saveandcontinue, 
#action-buttons button.btn_saveandnext 
{ color:#fff;    background-color: #35aa47;
font-size:18px;    padding:10px 16px;
cursor: pointer; border: 0px; line-height: 1.33;
     }

button.btn_search 
{ color:#fff;    background-color: #FFB848; border: 0px;
line-height:20px;     padding:6px 10px;
font-weight:normal !important; cursor: pointer;
white-space: nowrap;
}

#action-buttons button.btn_search:hover,
button.btn_search:hover
{
 background-color: #FFAA24;
}

#action-buttons button.btn_saveandclose:hover, 
#action-buttons button.btn_save:hover, 
#action-buttons button.btn_ok:hover, 
#action-buttons button.btn_saveandcontinue:hover, 
#action-buttons button.btn_saveandnext:hover

{ background-color: #2D8F3C;  }


/*
a.search_extended { background: none !important; font-weight: normal !important; }
a.search_extended:hover { text-decoration: underline !important; color:#660000 !important; }
*/
a.search_extended {

    display: inline-block !important;
    color: #fff !important;
    text-decoration: none;
    background: none !important;
    background-color: #4B8DF8 !important;
    border: 0px;
    font-weight: normal !important;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 14px !important;
    line-height: 11px;


}
a.search_extended:hover { text-decoration: none !important; color:#fff !important; background-color: #2977F7 !important; }

/* NEGATIVE */
#action-buttons button.btn_cancel
{
    color:#fff;    background-color: #d84a38;
    font-size:18px;    padding:10px 16px;
    cursor: pointer; border: 0px; line-height: 1.33;
        }

#action-buttons button.btn_cancel:hover
{
background-color: #c63927;
}


/* */

.modalAjaxButton { width: 100px !important; }

.modalAjaxButton.ok_button {
    color:#fff;    background-color: #35aa47;
    font-size:18px;    padding:10px 16px;
    cursor: pointer; border: 0px; line-height: 1.33;
}

.modalAjaxButton.ok_button:hover
{
    background-color: #2D8F3C;
}

.modalAjaxButton.cancel_button {
    color:#fff;    background-color: #d84a38;
    font-size:18px;    padding:10px 16px;
    cursor: pointer; border: 0px; line-height: 1.33;
}

.modalAjaxButton.cancel_button:hover
{
    background-color: #c63927;
}


a.up {
  display: block;
  height: 9px;
  width: 15px;
  background: #ccc url(../../../../custom/img/icons/vista-up.gif);
}                       
a.up:hover {
  background: #ccc url(../../../../custom/img/icons/vista-up-hover.gif);
}
a.dn {
  margin-top: 1px;
  display: block;
  height: 9px;
  width: 15px;
  background: #ccc url(../../../../custom/img/icons/vista-dn.gif);
}
a.dn:hover {
  background: #ccc url(../../../../custom/img/icons/vista-dn-hover.gif);
}
  
  



ul, ol, li{  margin: 0px;  padding: 0px;  list-style-position: inside; }

.recordList ul li {       background: url(../images/bullet_light_blue_small.png) 19px 3px no-repeat;
    list-style: none;
     padding: 0px 0px 0px 30px;
    /*
    margin: 0 0 5px 0;
    border: 0; */ }

.tabsContent ul li {       background: url(../images/bullet_light_blue_small.png) 8px 6px no-repeat;
    list-style: none;
    padding: 0px 0px 0px 20px;
    /*
    margin: 0 0 5px 0;
    border: 0; */ }


li.atkmanytomanyselectrelation-addition { margin-top: 15px; }
div.atkmanytoonerelation_result li { background: none; padding :5px !important;  }

#UlLi_checkbox ul li { background: none !important; padding:0px; }

/* BOX */
/* ------------------------------------------------------------------ */

.actionpageWrapper { width: 93%; }
.panel { margin: 8px 10px 10px 10px; }
.panel fieldset { background-color: #fff; }
.panelTitle { height: 25px; }
.panelTitleText {  margin: 0;  padding: 0px 20px 0px 20px; font-size:18px;   height: 40px;  line-height:40px;  float: left;  background-color: #4B77BE; color: #fff; }
.panelTitleRight {  margin: 0;  padding: 0;  height: 40px;   width: 0px;  float: left;   background-color: #4B77BE; }
.panelHeader {  background-color: #fff;  border-left:1px solid #4B77BE;   border-right:1px solid #4B77BE;   border-top:1px solid #4B77BE;  margin-left: 2px;   height: 9px;  font-size: 0px; padding:0px; }
.panelContent {  margin: 0;  background: #fff; }
.panelContent2 {  padding: 1px 12px 12px 12px; border-left:1px solid #4B77BE; border-right:1px solid #4B77BE;  }
.panelContent2 form {  padding: 0;  margin: 0; }
.panelFooter { border-left:1px solid #4B77BE; border-right:1px solid #4B77BE; border-bottom:1px solid #4B77BE;  height: 0px;  font-size: 0px;  }


/* EDIT FORM */
/* ------------------------------------------------------------------ */


.atkEmailAttribute, .atkAttribute, input[type="text"], input[type="password"], select, textarea {  

    padding: 7px 6px;
    margin: 0;
    outline: 0;
    border: 1px solid #aaa;
    color: #333;
    font-size: 14px;

}

select {
    padding: 6px 6px;
}
    /*
    input[type="text"],input[type="password"], select {  border: 1px solid #909090;  padding: 2px; }
    */
/* input[type="text"],input[type="password"] {  height: 20px;  line-height:20px;} */
.atkCurrencyAttribute, .atkNumberAttribute, .atkmanytoonerelation, .atkdateattribute, .atkAttribute, .atkEmailAttribute{
    /* height: 26px !important;  line-height:20px; */
}
.icon_date { vertical-align:middle; }

.recordList ul { margin-right: 15px; }


/* .recordListSearch  .atkTextAttribute {  height: 26px !important;  line-height:20px;} */

/*select {  padding: 2px;  min-height: 28px; }  */
textarea { /* border: 1px solid #909090;  */   padding: 4px 5px;  }
input { 	font-size: 12px; }
button.atkbutton, button.btn, button.btn_save, button.btn_cancel,button.btn_saveandclose,button.btn_saveandcontinue,button.btn_saveandnext { color: #fff;  margin-right: 2px; }  
button.atkdefaultbutton {  font-weight: bold; } 


a.btn_edit, a.btn_add {
            color:#fff;   background: #35aa47;
            padding:7px 14px;  cursor: pointer; text-decoration:none; font-size: 14px; line-height: 1.33;
}

a.btn_edit:hover, a.btn_add:hover { background: #2D8F3C; color:#fff !important;  }


a.btn_cancel {
    color:#fff;   background: #d84a38;
    padding:7px 14px;  cursor: pointer; text-decoration:none; font-size: 14px; line-height: 1.33;
}

            
a.btn_import, a.btn_export  {
    color:#fff;   background: #4B8DF8;
    padding:7px 14px;  cursor: pointer; text-decoration:none; font-size: 14px; line-height: 1.33;

}


a.btn_cancel:hover, a.btn_cancel:active {
    background-color: #C63927;
    color:#fff !important;
}

a.btn_import:hover, a.btn_import:active, a.btn_export:hover, a.btn_export:active  {
    background-color: #2977F7;
    color:#fff !important;
}


    


.atkloginbutton {
    color:#fff;    background-color: #4B8DF8; border: 0px;
    line-height:20px;     padding:6px 17px;
    font-weight:normal !important; cursor: pointer;

}
.atkloginbutton:hover, .atkloginbutton:active{ background-color: #2977f7;   }

button:focus{ outline: none;    }
button::-moz-focus-inner { border: 0; }
input.button::-moz-focus-inner { border: 0; }
input.btn::-moz-focus-inner { border: 0; }

.atkbutton, .btn {
    color:#fff;    background-color: #4B8DF8; border: 0px;
    line-height:20px;     padding:6px 17px;
    font-weight:normal !important; cursor: pointer;
}
.atkbutton:hover, .btn:hover, .atkbutton:active, .btn:active { background-color: #2977f7;  }

.btn_green, .btn_red, .btn_orange, .ok_button, .btn_grey  {
    padding:7px 14px;  cursor: pointer; text-decoration:none; font-size: 14px; line-height: 1.33;
    border: 0px;
}

.btn_small { padding: 3px 7px; }

.ok_button  {  color:#fff;   background: #4B8DF8;  }
.ok_button:hover  {  color:#fff;   background: #2977F7;  }

.btn_green {  color:#fff;   background: #35aa47;   }
.btn_green:hover,.btn_green:active  {  color:#fff;   background: #2D8F3C;   }

.btn_red {  color:#fff;   background: #d84a38;   }
.btn_red:hover,.btn_red:active {  color:#fff;   background: #C63927;   }

.btn_grey {  color:#000;   background: #EEEEEE;   }
.btn_grey:hover,.btn_grey:active {  color:#000;   background: #CCC;   }

.btn_orange {  color:#fff;   background: #FFB848;   }
.btn_orange:hover, .btn_orange:active {  color:#fff;   background: #FFAA24;   }




div#action-content {  background-color:  #fff; /* border: 1px solid #aaa;*/  padding: 5px; }
#editform td.field {  padding-right: 0px; padding-left: 5px; }
#changeView {  position: absolute;  right: 12px;  top: -38px;  text-align: right; }
#changeView a {  color: #9a1010; }
.currentDate {  padding: 4px 0px;  color: #333;}
.currentDate a {  text-decoration: none; }


/* LOGIN FORM */
/* ------------------------------------------------------------------ */

#loginMain {    margin: 0px auto;    text-align: center;    padding-top:100px;}
.LoginHeader{  position: relative;   background: #fff;  border-left:1px solid #4B77BE;   border-right:1px solid #4B77BE;   border-top:1px solid #4B77BE;    height: 12px;  width: 400px;  margin: 0px auto; }
.LoginFooter{  position: relative;  border-left:1px solid #4B77BE;   border-right:1px solid #4B77BE;   border-bottom:1px solid #4B77BE;  font-size:1px;  background: #FFF;  height: 5px;  width: 400px;  margin: 0px auto;}
#logologin { text-align:center;}
#loginhelp {  margin: 0px auto;  padding: 10px 0px 20px 0px;  color: #969696;  width: 400px;  text-align: center;  line-height: 130%;  letter-spacing: 0.5px;}
#loginform{  background: #fff; position: relative;  width: 400px; padding: 0px;  margin: 0px auto;  border-left:1px solid #4B77BE;   border-right:1px solid #4B77BE;   text-align:left; }

#loginform span.error { margin-bottom:0px; display:block;}
#loginform form{	padding: 10px 20px 30px 20px;	margin: 0px; background: #fff; }
#loginform-title {	font-weight: bold;	margin-bottom: 8px;}
#loginform-content {  width: 350px; margin: 0px auto; }
.loginformField{	vertical-align: middle;	padding: 4px 0px; width:170px;}
.loginformField input { width:245px;}
.loginformLabel{	padding-right: 12px;	vertical-align: middle;    font-size:14px; width:50px; text-align: right}
.atkonetomanyrelation{	color: #ba0000 ! important;	display: block;	margin-top: 6px; }

/* BUTTONS */
/* ------------------------------------------------------------------ */

#action-buttons   { text-align: center; /* border-top: 1px solid #aaa; padding-top:15px; */ }
#editform td.field {  padding-top: 8px;  padding-bottom: 5px;  vertical-align: top;}
#editform td.field input { margin-top:-8px;}
#editform td.field input.atkmanytoonerelation_search{ margin-top:0px;}
#editform td.field input[type="file"] { margin-top:0px; margin-bottom: 3px;}
#editform td.field input[type="password"] { margin-top:0px; margin-bottom: 3px;}
#editform td.field textarea { margin-top:-8px;}
#editform td.field select { margin-top:-8px;}
#editform td.field select.shuttle_select { margin-top:0px;}
#editform td.field .recordListSearch input { margin-top:0px !important;}
#editform td.field label { margin-top:0px;}
#editform td.field .select2-container { margin-top:-8px;}



hr{  border: none;  border-top: 1px dashed #666;  height: 1px;   margin-top: 4px;  margin-bottom: 4px; }
.atkboolattribute {  border: 0px ! important;  width: auto ! important; }

.select2-container .select2-choice { padding: 2px 10px !important; border-radius: 0px !important; background-image: none !important; }
.select2-container .select2-choice .select2-arrow { background-image: none !important; background: #eee !important;  }
/* COMMON STYLES */
/* ------------------------------------------------------------------ */

.mt3 { margin-top: 3px; }
.mb5 { margin-bottom: 5px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.m5 { margin: 5px; }
.p5 { padding: 5px; }

.red { color: red;}
.green { color: yellowgreen;}
.blue { color: #4B8DF8;}
.white { color: white;}
.yellow { color: yellow;}
.bold{  font-weight: bold;}
.capitalize{  text-transform: capitalize;}
.stacktrace {  margin: -1px 0px 20px 0px; }
#action-helplink {  width: 100%;  text-align: right;  right: 20px;}
h1{  margin: 0px;  padding: 0px 0px 15px 0px;}
p {  position: relative;  margin: 0px;  padding: 0px 0px 10px 0px; }
p img {  margin: 0px 10px 0px 10px; }
.clear {  clear: both; }
form {	margin: 0;	padding: 0;}
#atkbusy {  position: absolute;  visibility: hidden;  right: 35px;  top: 45px;  z-index: 20;  height: 22px;  width: 22px;}
#searchbutton{  margin-top: 5px;}
.atkAttrRowHidden{  display: none !important;}

.h10 { height: 10px; }

/* DIALOG */
/* ------------------------------------------------------------------ */
 
.atkdialog .nw {  background:#fff; border-bottom:1px solid #ddd; }
.atkdialog .ne {  background:#fff; padding-left:15px;  }
.atkdialog .n {  background:#fff;  font-size: 16px;  font-family: Arial, Helvetica, sans-serif;  height:50px; line-height: 50px;  margin:0;  padding:0;  text-align:left;  overflow: hidden;}
#dialogform {  margin-left:0px;}
#dialogform #action-content{      border-bottom: 1px solid #ddd;  }
.atkdialog .content {  background-color:#fff;  color:#000;  font-size: 13px;  font-family: Arial, Helvetica, sans-serif;  overflow:auto;  padding: 0px;  margin: 0px;}
.atkdialog .content #wnContent { margin-left: 0px; }
.atkdialog .w {  }
.atkdialog .e {   }
.atkdialog .sw {   }
.atkdialog .se {   }
.atkdialog .s {  }
.atkdialog .error h4 { margin:0px 0px 5px 0px; font-size:16px;  }
.atkdialog .error h4 + br {  display: none; }
.atkdialog .actionpageWrapper br:first-child { display: none;  }
.atkdialog #action-buttons { margin-bottom:20px; margin-right: 20px; text-align: right !important; }
.atkdialog .se_resize_handle {  background:transparent url(../images/atkdialog_sizer.gif) no-repeat scroll right 0;  font-size:2px;  height:12px;  padding-right:12px;}
.atkdialog .se_sizer {  width:12px; height:12px; }          
.atkdialog .buttons { position: absolute;top:1px;right:10px;height: 20px;   }                
.atkdialog .buttons a.close { background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 0; display:block; height:18px; float:left; width:23px; font-size:1px;  padding-top:2px; }
.atkdialog .buttons a:hover.close { background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -18px;  }
.atkdialog .buttons a.maximize { background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -36px; display:block; height:18px; float:left; width:23px;  font-size:1px;  padding-top:1px; }
.atkdialog .buttons a:hover.maximize {  background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -54px;}
.atkdialog .buttons a.minimize {  background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -72px;  display:block;  height:18px;  float:left;  width:23px;  font-size:1px; padding-top:0px; }                            
.atkdialog .buttons a:hover.minimize {  background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -90px; }      
.atkdialog .buttons a.minimize.disabled, .atkdialog .buttons.over a.minimize.disabled  {   background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -108px !important; }
.atkdialog_overlay {  background-color: #ddd;  filter:alpha(opacity=60);  -moz-opacity: 0.6;  opacity: 0.6; }
.atkdialog_wired {  background:#FFF;  border:1px #000 dashed;  filter:alpha(opacity=60);  opacity:0.6;    position:absolute;  -moz-opacity:0.6; } 
.load_criteria {  font-size: 12px;  color: #414141;  text-align: left;  padding-left: 12px;  padding: 3px 0px 15px 0px;  vertical-align: middle; }
.load_criteria img {  vertical-align: middle; }
.save_criteria {  font-size: 12px;  color: #414141;  text-align: left;  padding-left: 12px;  padding: 15px 0px 3px 0px; }
.save_criteria #save_criteria {  margin-left: 21px; }
.tr {text-align:right;}
.treenodetable {   /* background-color: #fff;*/  border: 0px;  padding: 0px; }

#treetable td { font-size:14px; height: 24px; min-width: 24px; }
#treetable td span { padding: 0px 0px 0px 5px;  }



.dt_search_box {
    border: 2px solid #888; background-color: #ccc; padding:5px;
    position: absolute; left:0px; top:0px; width:400px;height:100px; z-index:10;
}

.dt_search_box a {
    display: inline !important;
    background-image: none !important;
}

.dt_search_box_link {
    color: #333 !important;
    border: 1px solid #aaa;
    background-color: #eee !important;
    display:block !important;
    padding:3px 5px !important;
    margin: 2px !important;
}

.dt_search_box_link:hover {
    color: #000 !important;
    background-color: #fff !important;
}


.atkdatagrid-container-extra {  background-color: white;    border: 1px solid #95A3AE;   padding:5px; }
table.recordlist-extra {  border-collapse: collapse;  display: table; }
table.recordlist-extra th,table.recordlist td,table.recordlist a,table.recordlist a:hover{  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  border-width: 1px; }
table.recordlist-extra th,table.recordlist th a,table.recordlist th a:hover{  color: #414141;  font-weight: bold; }
table.recordlist-extra td,table.recordlist th{  border-width: 1px;  border-color: #BFBFBF; /*  */  border-style: solid;  padding: 3px;  margin: 0px; }
table.recordlist-extra th {  padding: 3px 5px 3px 5px !important;} 
table.recordlist-extra .row1{  background-color: #ffffff; }
table.recordlist-extra .row2{  background-color: #E0E8EF; }
table.recordlist-extra td .row1{  background-color: #ffffff; }
table.recordlist-extra tr .row2{  background-color: #F3F3F3; }


.recordList-extra{  border: 0px solid #d7d7d7;  border-left: 1px solid #eee; border-collapse: collapse;  }
.recordListSearch-extra{  border-bottom: 3px solid #fff;  background-color: #ddd !important;  padding-top: 12px !important;  padding-bottom: 12px !important;}
.recordList-extra td, .recordList-extra th{  padding: 8px 4px 4px 4px !important;}
.recordList-extra td{  vertical-align:middle;  border-right: 1px solid #aaa;   border: 1px solid #aaa; }
.recordList-extra th{    vertical-align:top; background: #95A3AE !important;  font-weight: normal;    color: #FFFFFF !important;    text-align: left;  border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px dashed #fff; }
.recordList-extra th a{    color: #FFFFFF !important;    text-decoration: underline !important;  font-weight: bold;}

.recordListTh-extra, .recordListThFirst-extra {  border-left: 3px solid #d7d7d7;  border-left: 0px solid #fff;  border-bottom: 1px dashed #aaa;}



input[type=checkbox].atkcheckbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].atkcheckbox + label.atklabel {
    padding-left:20px;
    height:19px;
    display:inline-block;
    line-height:19px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    /* margin-top:5px; */

}

.mt5 {
    margin-top:5px;
}

.recordList input[type=checkbox].atkcheckbox + label.atklabel { margin-top:0px; }

input[type=checkbox].atkcheckbox:checked + label.atklabel {
    background-position: 0 -19px;
}

label.atklabel {
    background-image:url(../images/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loginTitleBox {
    background: #4B77BE; color:#fff; font-size:18px; font-weight: normal; padding:6px 20px;  width: 100px;
}
.loginTitleBoxWrapper {
    width: 402px; margin:0px auto;
}

.loginTop1 { background: #1F1F1F; height: 30px; width: 100%; }
.loginTop2 { background: #3D3D3D; height: 40px; width: 100%; }

#wn_footer {
    font-size:11px;
    line-height: 20px;
    padding:0px 3px;
    position:fixed;
    left:0px;
    bottom:0px;
    height:20px;
    width:100%;
    background:#1F1F1F;
}


.paginator a {
    border: 1px solid #ddd;
    color:#777;
    padding: 6px 12px;
    text-decoration: none;


 }

.paginator a:hover {
    background: #eee;
    color: #4B8DF8 !important;
}


.paginator b {
    border: 1px solid #4B8DF8;
    color:#fff;
    padding: 6px 12px;
    text-decoration: none;
    background: #4B8DF8;

}



.paginator .delimiter { display:none; }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.cke_reset { margin: 0px !important;}

.vam { vertical-align: middle !important; }
.lng { height: 15px; vertical-align: middle !important; border: 1px solid #ccc; padding:1px; }


@media print {
    .toptr
    {
        display: none;
    }
    #divider, #showHideNav, #navigation-hide {
        display: none;
    }
    .paginator, .fa_add {
        display: none;
    }

    #admin_container > table > tbody > tr:first-child td {
        display: none;
    }

    .panelContent2 > table > tbody > tr:first-child td {
        display: none;
    }

    .recordList tr th.recordListSearch {
        display: none;
    }

    .recordList tr td:nth-child(1),
    .recordList tr td:nth-child(2),
    .recordList tr th:nth-child(1),
    .recordList tr th:nth-child(2)
    {
        display: none;
    }


    .panelTitleText {
        display: none;
    }

    .panelHeader, .panelContent2, .panelFooter {
        border: 0px !important;
    }

}