@import url("dna.css");
/* todo: removed the dependency on the context path "dna" to support versionning */

/*-------------------------------
  standard "main window"
*/

body {
 margin: 0;
 padding:0;
 font-size: 1em;
}

input, select {
	font-size:smaller;
}

.clearer {clear: left; line-height: 0; height: 0;}

* {
margin:0px;
}

.no-wrap {
  white-space: nowrap;
}

.no-border {
  border: 0em;
}

/*-------------------------------
  user info
*/
.user-greeting {
  font-size: 0.8em;
  font-weight: bold;
  margin-left: 1.3em;
}

.user-name {
  font-size: 0.8em;
  margin-left: 0.5em;
}

.user-greeting, .user-name {
  display: inline-block;
  font-family: Verdana;
  color: #000000;
  margin-top: 0em;
  padding-top: 0em;
  vertical-align: top;
}
 
/*-------------------------------
  main navigation bar
*/
.mainNavBar1{
  float:left;
  width:100%;
  margin-top: 0.3em;
}

.mainNavBar1-font {
  font-size: 0.75em;
  font-family: Verdana;
}

.mainNavBar1-font-han {
  font-size: 120%;
}

.mainNavBar1-font-arabic {
  font-size: 125%
}

.tabs-content-header-emtpy {
  display: block;
  width: 100%;
  background-color: #F05133;
  border-bottom: 1px solid #F05133; 
  font-size: 0.3em;
}

.tab-group {
  float:left;
}

/***** sub menu font *****/
.sub-menu-font {
  font-size: 0.625em;
  font-family: Verdana;
  margin-left: 1.2em;
}

.sub-menu-font-han {
  font-size: 120%;
}

.sub-menu-font-arabic {
  font-size: 125%;
}

/***** action bar font *****/
.action-bar-font a {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: normal;
  
  margin-left: 0.25pt;
  margin-right: 0.25pt;
  display: inline-block;
}

.action-bar-font-han a {
  font-size: 120%;
}

.action-bar-font-arabic a {
  font-size: 125%;
}

/***** detail tab font *****/
.detail-tab-font {
  font-size: 0.625em;
  font-family: Verdana;
}

.detail-tab-font-han {
  font-size: 120%;
}

.detail-tab-font-arabic {
  font-size: 125%;
}

.details-tab-group {
  margin: 0 0 0 20px;
}

.details-nav-bar {
  float:left;
  width:100%;
}


/*------------------------------
  top nav
*/ 
.topBorder {
  border-style: solid;
  border-color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
  background-color: #37366E;
  /*height:23px;*/
  min-height: 23px;
  min-width: 100%;
  display: block;
  display:inline-block;
  margin-bottom: 0.5em;
}

.taleoLogo {
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  
  border-style: none;
}

.userInfo {
  display: block;
  font-family: Verdana;
  font-size: 0.625em;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  padding-right: 0.6125em; 
  padding-left: 0.6125em;

  vertical-align: middle;
  padding-top: 0.5em;
}

.userInfo-han {
  font-size: 120%;
}

.userInfo-arabic {
  font-size: 125%;
}

.topMenuAlign {
  float: right;
  /*margin-bottom: 0.6125em;*/
  vertical-align: middle;

  padding-right: 0.65em;
}

a.topMenu, a.topMenu-visited {
  font-family: Verdana;
  font-size: 0.625em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background: transparent;
  text-align: right;
  padding-right: 1.225em;

}

topMenu-han, topMenu-han-visited {
  font-size: 120%;
}

a.topMenu-arabic, a.topMenu-arabic-visited {
  font-size: 120%;
}

.helpIcon, .helpIcon_in_box, .helpIcon_in_wizard {
  display: block;
  background-image: url("../images/helpIcon.gif");
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  float: right;
}

.helpIcon, .helpIcon_in_box {
  margin-bottom: 1em;
}

a.helpIcon, a.helpIcon_action, a.helpIcon_in_wizard {
  text-decoration: none;
}

.helpIcon {
  margin-right: 0.65em;
}

.helpIcon_in_box {
  margin-right: 0.2em;
}


.mainNavBar-search {
  float: right;
  margin-right: 1.5em;
  display: inline-block;
  white-space: nowrap;
}

.mainNavBar-search a {
  margin-left: 1em;
}


/*-------------------------------
	separaters
*/
.separater {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

/*-------------------------------
  Field aligners
*/

.rightAlignFieldValue {
  text-align: right;
}

.leftAlignFieldValue {
  text-align: left;
}

.centerAlignFieldValue {
  text-align:center;
}

.topAlignFieldValue {
  vertical-align: top;
}

.bottomAlignFieldValue {
  vertical-align: bottom;
}

.rightAlignSection {
  display: block;
  float: right;
  margin-right: 1em;
}

.leftAlignSection {
  display: block;
  float: left;
  margin-left: 1em;
}

.centerAlignSection {
  display: block;
  text-align: center;
}

.number-align {
  display: block;
  text-align: right;
}

.icon-align {
  display: block;
  text-align:center;
  
  border-style: none;
}

/*------------------------------
  Spacers
*/
.vertical-spacer {
  width: 2em;
  display: inline-block;
}

/*-------------------------------
  Shadow Box
*/
.shadow-box {
  text-align: center;
  display: block;
  /*margin-top: 1em;*/
  margin-top: 0em;
  margin-left: 1em;
}

.shadow-box-center {
  /*width: 30em;*/ /**** you can adjust the width to what's appropriate ****/
  margin: 0px auto;
  text-align: left;
}

/*-------------------------------
  Column widths
*/

.three-columns {
  width: 33%;
  display: inline-block;
}

.two-columns {
  width: 50%;
  display: inline-block;
}

.two-thirds-columns 
{
	width: 66%;
	display: inline-block;
}
.quarter-columns {
  width: 25%;
  display: inline-block;
}
.three-quarter-columns {
  width: 75%;
  display: inline-block;
}

/*-------------------------------
  Section break
*/

.sectionBreak {
  height: 2em;
  display: inline-block;
}

.lineBreak {
  height: 1em;
  display: inline-block;
}



/*************************************************************************/
/*********************** DELETE FROM HERE ONWARDS ************************/
/*************************************************************************/


/*-------------------------------
	UIBreadcrumbs
*/
/*
.breadcrumbs-group, .navBarBreadcrumbs-group{
  display: block;
  padding: 0.2em;
  font-family: Verdana;
  /*font-size: 0.8em; 
  margin-left: 1.1em;
}
*/
.breadcrumbs-group {
  margin-bottom: 1em;
}

.navBarBreadcrumbs-group{
   float:left;
   position: relative;
   left: 1em;
}

.breadcrumbs, .breadcrumbs-second{
  font-size: 0.625em;
  display:inline;
  font-weight: normal;
}

.breadcrumbs-han, .breadcrumbs-second-han {
  font-size: 120%;
}

.breadcrumbs-arabic, .breadcrumbs-second-arabic {
  font-size: 125%;
}

.breadcrumbs-second{
  margin:5px;
/*  border:1px red solid;*/
  padding-left:3px;
  padding-right:3px;
}


/*-------------------------------
 standard "toolbar"
*/
/*
.toolbar, .action-bar {
  display: block;
  background-color: #eaeaea;
  height: 2em;
  clear: both;
}

.toolbar, .bottomToolbar {
  font-family: Verdana;
  font-size: 0.625em;
  padding-right: 2em;
}

.bottomToolbar, .selector-bottomToolbar {
  display: block;
  background-color: #EAEAEA;
  border-top-color: #97C86C;
  border-top-style: solid;
  border-top-width: .3em;
  height: 2em;
}

.analytics-toolbar-top {
  display: block;
  height: 0.3em;
  font-size: 0.1em;
  background-color: #EAEAEA;
  width: 100%;
}

.blank-toolbar-bottom {
  display: block;
  height: 1em;
  background-color: #EAEAEA;
  border-bottom-width: 0.05em;
  border-bottom-color: #D2D2D2;
  border-bottom-style: solid;
  border-top-width: 0.05em;
  border-top-color: #D2D2D2;
  border-top-style: solid;   
}

.blank-toolbar-top, .search-blank-toolbar-top {
  display: block;
  height: 0.3em;
  font-size: 0.3em;
  background-color: #eaeaea;
  width: 100%;
}

.search-blank-toolbar-top {
  border-bottom: 0.01em solid #D2D2D2;
}
*/

/*-------------------------------
	UITree
*/
/*
ul.tree-view-root, ul.tree-view-node { 
  margin: 0;
  padding: 0; 
}

ul.tree-view-root li, ul.tree-view-node li { 
  list-style: none; 
  margin: 0;
  padding: 0 0 0 20px; 
  text-indent: -19px; 
}

ul.tree-view-node li { 
  background-position: 8px 0; 
  background-image: url("../images/tree-line.gif"); 
  background-repeat: repeat-y; 
}
 
ul.tree-view-node li:last-child { 
  padding-left: 20px;
  background-repeat: no-repeat; 
}

ul.tree-view-node li a {
  color: black;
  text-decoration: none;
}

ul.tree-view-node li a:hover {
  color: blue;
  text-decoration: none;
}

ul.tree-view-root li a::before {
  content: url("../images/tree-less.gif") url("../images/tree-root.gif") ;
}

ul.tree-view-node li a::before {
  content: url("../images/tree-less.gif") url("../images/tree-node.gif") ;
} 
*/

/*-------------------------------
	UIExpander classes
*/
/*
.expander-collapsed{
	background-image: url("../images/expander-more"); 
}

.expander-expanded{
	background-image: url("../images/expander-more");
}
*/

/*-------------------------------
	command classes
*/
/*
.command-link-visited, .command-link, .advanced-search {
  color: blue;
}

.quick-search, .advanced-search {
  font-family: Verdana;
  font-size: 0.8em;
}

.quick-search-han, .advanced-search-han {
  font-size: 120%;
}

.quick-search-arabic, advanced-search-arabic {
  font-size: 125%;
}

.advanced-search {
  text-decoration: underline;
}
*/

/**** global links ****/
/*
.globalLinksAlign {
  display: block;
  text-align:center;
  /*margin-bottom: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  margin-right: 1em;
  margin-left: 1em;
}*/

a.globalLinks, a.globalLinks-visited {
  font-family: Verdana;
  font-size: 0.625em;
  font-weight: normal;
  background: transparent;
}

a.globalLinks-han, a.globalLinks-han-visited {
  font-size: 120%;
}

a.globalLinks-arabic, a.globalLinks-arabic-visited {
  font-size: 125%;
}


/**** Links ****/
/*
.popup-link, .popup-link-visited , .popup-link-active, .popup-label-link, 
	.popup-label-link-visited {  
  color: blue; 
  text-decoration: underline;
}

.popup-link, .popup-link-visited , .popup-link-active {
  font-family: Verdana;
  font-size: 0.625em; 
}

.popup-link-han, .popup-link-han-visited, .popup-link-han-active {
  font-size: 120%;
}

.popup-link-arabic, .popup-link-arabic-visited, .popup-link-arabic-active {
  font-size: 125%;
}
*/


/*-------------------------------
  Buttons
*/
/*
.login-detailFooter
{
  display: block;
}

.login-detailFooter .commandGroup {
  margin: 0px auto;
  text-align: right;
  display: block;
  margin-right: 0.5em;
  padding-top: 1em;
  white-space: nowrap;
}

.login-detailFooter .commandGroup a {
  margin-right: 0.5em;
}

.detailFooter
{
  display: inline-block;
}

.detailFooter-popup {
  display: block;
  padding-right: 1em;
}

.detailFooter .commandGroup {
  float: right;
  margin-right: 0.5em;

  padding-top: 1em;
}

.detailFooter .commandGroup-selector {
  float: right;
  margin-right: 0.5em;

  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.topButton {
  margin-right: 1em;
}

.commandGroup, .searchRefresh /*listStyle.css*/ .commandGroup-selector {
  font-family: Verdana;
  font-size: 0.625em;
  margin-left: 0.5em;
}

.commandGroup-han, .searchRefresh-han {
  font-size: 120%;
}

.commandGroup-arabic, .searchRefresh-arabic {
  font-size: 125%;
}

.search-action-btn {
  background: url(../images/strokes/search_icon_TL.gif) top left no-repeat;
}

.search-action-btn1 {
  background: url(../images/strokes/search_icon_BR.gif) bottom right no-repeat;
}

.search-action-btn2 {
  background: url(../images/strokes/search_icon_BL.gif) bottom left no-repeat;
}

.search-action-btn3 {
  background: url(../images/strokes/search_icon_TR.gif) top right no-repeat;
}


/*** Search/Locate button in action screens ***/
/*
.action-search-action-btn {
  background: url(../images/strokes/action_search_icon_TL.gif) top left no-repeat;
}

.action-search-action-btn1 {
  background: url(../images/strokes/action_search_icon_BR.gif) bottom right no-repeat;
}

.action-search-action-btn2 {
  background: url(../images/strokes/action_search_icon_BL.gif) bottom left no-repeat;
}

.action-search-action-btn3 {
  background: url(../images/strokes/action_search_icon_TR.gif) top right no-repeat;
}
*/


/*-------------------------------
  Search 
*/
/*
.search-label {
  font-family: Verdana;
  font-size: 0.625 em;
  color: #000000;
}

.search-label-han {
  font-size: 120%;
}

.search-label-arabic {
  font-size: 125%;
}
*/

/*-------------------------------
  Instructions
*/
/*
.instructions-group {
  float: left;
  display: inline-group;
}

.instructions {
  font-style: italic;
  font-size: 0.625em;
}

.instructions-han {
  font-size: 120%;
}

.instructions-arabic {
  font-size: 125%;
}

.required-field-marker-displayed {
  display: inline;
}

.required-field-marker-hidden {
  display: none;
}

.required-field, .required-field-marker-displayed {
  font-size: 0.7875em;
  font-weight: bold;
}

.required-field-han, .required-field-marker-displayed-han {
  font-size: 120%;
}

.required-field-arabic, .required-field-marker-displayed-arabic {
  font-size: 125%;
}

.or-search-label {
  font-weight: bold;
  font-size: 0.625em;
  margin-left: 2em;
}

.or-search-label-han {
  font-size: 120%;
}

.or-search-label-arabic {
  font-size: 125%;
}

.required-field, .instructions, .or-search-label {
  font-family: Verdana;
  color: #000000;
}
*/

/* Use lone-instruction when there's only 1 line of instruction */
/*
.lone-instruction {
  display: inline-block;
}

.instructions-group, .lone-instruction {
  margin-top: 0.5em;
}
*/

/* Use list-instruction when there are more than 1 line of instructions */
/*
.list-instructions, .search-list-instructions {
  display: list-item;
  list-style-type: disc;
}

.list-instructions {
  margin-left: 2em;
}

.search-list-instructions {
  margin-left: 1.5em;
}

.lone-instruction, .list-instructions, .list-numbered, .search-list-instructions {
  font-family: Verdana;
  font-size: 0.6125em;
  color: #000000;
}

.lone-instruction-han, .list-instructions-han, .list-numbered-han, .search-list-instructions-han {
  font-size: 120%;
}

.lone-instruction-arabic, .list-instructions-arabic, .list-numbered-arabic, .search-list-instructions-arabic {
  font-size: 125%;
}

.list-numbered {
  display: list-item;
  list-style-type: decimal;
  margin-left: 3em;
  padding-bottom: 0.5em;
}
*/

/*-------------------------------
  Messages
*/
/*//.message {*/
  /*padding-left: 0.3em;*/
  /* 6/24: commented out for now.  For common/profile/editSecretAnswer_content.jsp */
/*//}*/

/*
.list-message {
  background-color: #FFFFFF;
  width: 100%;
  display: inline-block;
  padding-left: 1em;
  font-weight: normal;
}

.message, .search-criteria-value, .search-criteria-label, .list-message {
  font-family: Verdana;
  font-size: 0.6125em;
  color: #000000;
}

.message-han, .search-criteria-value-han, .search-criteria-label-han, .list-message-han {
  font-size: 120%;
}

.message-arabic, .search-criteria-value-arabic, .search-criteria-label-arabic, .list-message-arabic {
  font-size: 125%;
}

.search-criteria {
  display: block;
  margin-right: 1em;
  margin-left: 1em;
}

.search-criteria-label, .search-criteria-value {
  white-space: nowrap;
  font-weight: bold;
}

.confirm-text {
  font-family: Verdana;
  font-size: 0.7125em;
  color: #000000;
}

.attention-text {
  font-family: Verdana;
  font-size: 0.7125em;
  font-weight: bold;
  color: #000000;
}

.attention-title-text {
  font-family: Verdana;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  text-align: middle;
}

.confirm-text-han, .attention-text-han {
  font-size: 120%;
}

.confirm-text-arabic, .attention-text-arabic {
  font-size: 125%;
}

 .input-warning-msg {
   background-image: url("../images/status/icon_warning.gif");
   background-position: 0% 50%;
   background-repeat: no-repeat;
   height: 20px;
   width: 20px;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
 }
 
 .input-warning-msg span {
   display: none;
 }

.about-title, .about-content {
  font-family: Verdana;
  color: #000000;
}

.about-title {
  font-size: 0.75em;
  font-weight: bold;
}

.about-title-han {
  font-size: 120%;
}

.about-title-arabic {
  font-size: 125%;
}

.about-content {
  font-size: 0.625em;
}

.about-content-han {
  font-size: 120%;
}

.about-content-arabic {
  font-size: 125%;
}
*/

/*-------------------------------
  Fields
*/
/*
.field-set-left {
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  border-style: solid; 
  border-right-width: 1px; 
  border-left-width: 1px; 
  border-right-color: inherit; 
  border-left-color: inherit; 
  width: 30%; 
  float: left; 
}

.field-set-middle {
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  border-style: solid; 
  border-right-width: 1px; 
  border-left-width: 1px; 
  border-right-color: inherit; 
  border-left-color: inherit; 
  width: 30%; 
  float: left; 
}

.field-set-right {
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  border-style: solid; 
  border-right-width: 1px; 
  border-left-width: 1px; 
  border-right-color: inherit; 
  border-left-color: inherit; 
  width: 30%; 
  float: left; 
}

.field-set-footer {
  clear: both; 
  border-style: solid; 
  border-width: 1px;
}

.field-row-even {
  margin: 0;
  background-color: #ffffff
}

.field-row-odd {
  margin: 0;
  background-color: #dfdfdf;
}

.field {
}

.field-label, .field-label-visited {
  font-size: .8em;
  font-family: Verdana;
}

a.field-label {
  background: transparent;
  font-family: Verdana;
  font-size: .8em;
  color: black;
}

.field-value {
  font-size: .8em;
  font-weight: bold;
}

.field-title {
  font-size: 1em;
  font-weight: bold;
}

.field-label-han, a.field-label-han, .field-value-han, .field-title-han, .field-calendar-value-han {
  font-size: 120%;
}

.field-label-arabic, a.field-label-arabic, .field-value-arabic, .field-title-arabic, .field-calendar-value-arabic {
  font-size: 125%;
}

.field-calendar-value {
  background-color: white;
  border-style: inset;
  border-width: 2px;
  display: inline-block;
  width: 200px;
  font-size: .8em;
  margin-bottom: 1px;
  padding-left: 1px;
}

.date-time-style {
  background-color: #EAEAEA;
  border: 1px solid #878787;
  display: inline-block;
  vertical-align: 0%;
  width: 120px;
}
*/

/*-------------------------------
  Local action bar 
*/
/*
.loc-action-bar
{
  display: inline-block;
  background-color: #EAEAEA;
  height: 1em;
  border: 0.05em solid #BBBBBB;
  
  width: 100%;
  text-align: left;  
}

.loc-action-bar-bottom-spacing {
  display: block;
  padding-bottom: 0.3em;
  margin-right: 0.6em; 
}
*/


/*-------------------------------
  Selector window
*/
/*
 .user-selector-body
 {
   height: 100%;
   width: 100%;
 }
 
 .user-selector-table
 {
   border-collapse: collapse;
   width: 97%;
   margin: 0px auto;
 }
 
 .user-selector-top-panel
 {
   width: 100%;
   display: block;
   border-bottom: 1px solid black;
 }
 
 .user-selector-center-panel
 {
   display: block;
   overflow: auto;
   height: expression(getCenterPanelHeight(this));
   width: expression(document.documentElement.clientWidth);
 }
 
 .user-selector-bottom-panel
 {
   width: 100%;
   display: block;
 }
 
 .user-selector-commands
 {
   padding: 5px 0 5px 0;
   width: 100%;
   display:inline-block;
   vertical-align: middle;
   text-align: right;
   background-color: rgb(234, 234, 234);
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   height: 1.5em;
 }
 
 .user-selector-commands a
 {
   margin-right: 5px;
 }
 
 .user-selector-title
 {
   font-size:1.2em; 
   font-weight: bold;
   background-color: rgb(234, 234, 234);
   display:block;
   border-left: 5px solid rgb(234, 234, 234);
   border-bottom: 5px solid rgb(234, 234, 234);
 }
 
 .list-filter-main-for-selector
 {
   display: block;
   width: 100%;
   border-top: 5px solid rgb(234, 234, 234);
   background-color: rgb(234, 234, 234);
 }
*/
 
/***** top icon *****/
/*
.top-icon, .top-icon-text {
  display: inline-block;
  border-width: 0em;
  vertical-align: middle;
}

.top-icon-text {
  color: #000000;
  font-weight: bold;
  padding-right: 0.2em;
}

.icon-link:link {
  color: #000000; 
  text-decoration: none; 
  cursor: hand;
}
 
.icon-link-visited, .icon-link {
  color: #000000; 
  text-decoration: none; 
  cursor: hand;
}
 
.icon-link:hover { 
  color: #000000; 
  text-decoration: none; 
  cursor: hand;
} 

.icon-link:active {
  color: #000000; 
  text-decoration: none; 
  cursor: hand;
}
*/

/*-------------------------------
  Login screen
*/
/*
.login-message-title {
  font-weight: bold;
}

.login-message, .login-message-title {
  color: #000000;
}

.login-message-link {
  color: blue;
}

.login-message-title, .login-message, .login-message-link {
  font-family: Verdana;
  font-size: 0.625em;
}

.login-message-title-han, .login-message-han, .login-message-link-han {
  font-size: 120%;
}

.login-message-title-arabic, .login-message-arabic, .login-message-link-arabic {
  font-size: 125%;
}

.login-error-box {
  border: 0.02em solid #D2D2D2;
}

.table-content-link {
  font-family: Verdana;
  font-size: 0.7875em;
  font-weight: bold;
  /*color: #666666;
  color: #6D6C56;
  text-decoration: none;
  text-align: left;
  display: block;
}

.table-content-link-han {
  font-size: 120%;
}

.table-content-link-arabic {
  font-size: 125%;
}
*/

/*-------------------------------
   Table of Content
*/
/*
.TOC-background {
  background-image: url("../images/TOC.jpg");
  display: block;
  z-index: 0;

  background-repeat: no-repeat;
  width: 28em;
  height: 22em;
  background-position: 50% 50%;
  
  border: 0.01em solid #000000;
}
*/


/*-------------------------------
   Quickfinder buttons
*/
/*
.quick-finder-btn .loc-action-btn5 {
  font-size: 0.625em;
}
*/


/*-------------------------------
   List filter label for expander/collapser
*/
/*
.expander-collapser-label {
  display: inline-block;
  margin-left: 0.5em; 
  font-size: 0.625em; 
  font-family: Verdana;
  color: #000000; 
  text-decoration: none; 
  vertical-align: middle;
}

.list-column {
  display: block;
  width:100%;
}
*/


/*-------------------------------
   08/30/2005
   Temp fix to dna's fix to mac ui issues ([dna] Build 110MNT.0.0.018)
   login-border* classes for login screens (and pre-login screens)
   border-* classes to override those in dna.css
*/
/*
.login-border-dialog
{
  background: url(../../dna/pub/images/borderDialogTL.gif) top left no-repeat;
  display: block;
}
.login-border-dialog2
{
  background: url(../../dna/pub/images/borderDialogBR.gif) bottom right no-repeat;
  display: block;
}
.login-border-dialog3
{
  background: url(../../dna/pub/images/borderDialogBL.gif) bottom left no-repeat;
  display: block;
}
.login-border-dialog4
{
  padding: 5px 8px 8px 5px;
  background: url(../../dna/pub/images/borderDialogTR.gif) top right no-repeat;
  display: block;
}
.login-border-dialog5
{
  display: block;
}

.border-dialog
{
  display: inline-block;
}
.border-dialog2
{
  display: inline-block;
}
.border-dialog3
{
  display: inline-block;
}
.border-dialog4
{
  display: inline-block;
}
.border-dialog5
{
  display: inline-block;
}
*/