/* Jquery custom alert boxes are in "jquery-ui-1.10.1.custom.css" */



@font-face {
    font-family: 'robotolight';
    src: url('fonts/sans/roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/sans/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/sans/roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/sans/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/sans/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

  @font-face {
    font-family: 'robotomedium';
    src: url('fonts/sans/roboto/Roboto-Medium-webfont.eot');
    src: url('fonts/sans/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sans/roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/sans/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/sans/roboto/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/sans/roboto/Roboto-Bold-webfont.eot');
    src: url('fonts/sans/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sans/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/sans/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/sans/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* STANDARD */

#udp p, #udp .p, #udp .genericbtn,.custombtn, #udp #pagetitle_livewindow, #udp #pagetitle_editwindow, #udp #browserbtns, #udp #pagetitle-edit.edit, #udp #tooltips, #udp .styled-select select, #udp #displayurl_livewindow, #udp #displayurl_editwindow,#udp #extlinkpaste, #udp #extlinktype, #udp #emaillinktxt, #udp #pagetitleedit, #udp #pagedescriptionedit, #udp #keywordspage, #udp #keywordssite, #udp #upload_docs_selectfld p, #udp .level2_tabbtns > a {
font-family: robotoregular, Arial, Helvetica, sans-serif;
font-weight: normal !important;
/*color: yellow!important;*/
}

/* STANDARD MEDIUM */

 #udp .buttontext, #udp .statictext, #udp .genericbtn_sml {
font-family: robotomedium, Arial, Helvetica, sans-serif;
font-weight: normal !important;
/*color:red !important;*/
}

/* STANDARD BOLD */

#udp .panelbtn, #udp .maintab_btn{
font-family: robotobold, Arial, Helvetica, sans-serif;
font-weight: normal !important;
/*color:yellow !important; */
}

/* TITLES REGULAR */

#udp h1, #udp h2, #udp h3,#udp .infobtn {
font-family: robotomedium, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal !important;
/*color: blue!important; */
}

a {outline: 0;}

/* STYLES */
#udp p, #udp .p {
font-size: 14px;
letter-spacing: .05em;
color: #3D3E45;
}
#udp .title {
color: #49747C !important;
}

#udp h1 {
font-size: 20px;
color: #646871;
}
#udp h2 {
font-size: 18px;
color: #646871;
}
#udp h3 {
font-size: 16px;
color: #646871;
}
#udp .tooltipwarning {
color: #FEBAD0;
}
#udp .tooltipinstruction {
color: #DAD9DD;
}
#udp .htmlwarning {
color: #B94368 !important;
}

#udp h1, #udp h2, #udp h3, p, #udp #pagetitlecount, #udp #pagedescriptioncount  {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
cursor: default;
}

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

#udp .genericbtn:hover, .genericbtn_sml:hover, #udp .panelbtn:hover, #udp .maintab_btn:hover, #udp .level2_tabbtns > a:hover {
color: #292C30;
background: #ACE6B5;
background: linear-gradient(to bottom,  #DAF3DE 0%,#ACE6B5 100%);
}


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

#udp .genericbtn, .genericbtn_sml {
color: #292C30;
background: #eeeeee;
/*background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);*/
}

.genericbtn_sml {
padding-top: 3px;
border:  1px solid  #70727C;
border-radius: 2px;
text-decoration: none;
cursor: pointer !important;
}

#udp .genericbtn {
font-size: 16px;
color: #292C30;
border:  2px solid  #979BA4;
text-decoration: none;
padding: 2px 10px 5px 10px;
/*font-weight: normal; */
line-height: 1;
cursor: pointer;
border-radius:5px;
}

#udp .genericbtn.disabled, #udp .genericbtn.disabled:hover, #udp .genericbtn_sml.disabled, #udp .genericbtn_sml.disabled:hover {
color: #9DA4AC;
border:  2px solid  #BFC1C8;
cursor: default;
background: #D6D6D6;
}

/*----------------------------------------------------------------------
MAIN TAB BUTTONS
------------------------------------------------------------------------*/

#udp .maintab_btn  {
margin: 0;
font-size: 16px;
color: #646871;
text-decoration: none;
display: inline-block;
margin: 4px 2px 0 2px;
padding: 5px 10px 5px 10px;
line-height: 1;
letter-spacing: .02em;
vertical-align: top;
cursor: pointer;
border-radius: 5px;
background: #eeeeee;
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
}

#udp .maintab_btn.disabled, #udp .maintab_btn.disabled:hover  {
color: #9DA4AC;
cursor: default;
background: #D6D6D6;
}

#udp .maintab_btn.current {
color: #303236;
background: #CECDD1;
text-decoration: none;
padding-bottom: 10px;
cursor: default !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

/*----------------------------------------------------------------------
TOOL TIPS
------------------------------------------------------------------------*/

#udp #tooltips {
font-size: 16px;
padding-top: 5px;
/*color: #DADADC;*/
color: #C0F78B;
background: transparent;
padding-left: 20px;
}

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

#udp .panelbtn {
font-size: 16px;
color: #292C30;
border:  1px solid  #979BA4;
text-decoration: none;
padding: 4px 10px 5px 10px;
/*font-weight: bold;*/
line-height: 1;
cursor: pointer;
border-radius: 5px;
background-color: #CEEAC4;
}

#udp .panelbtn.disabled, #udp .panelbtn.disabled:hover {
color: #A9AEBA !important;
border:  1px solid  #9CA2AD !important;
text-decoration: none;
cursor: default;
background: #CFD2D8 !important;
}

/*----------------------------------------------------------------------
INFO BUTTON
------------------------------------------------------------------------*/

#udp .infobtn {
font-size: 14px;
color: #37531A;
text-decoration: underline;
background-color: transparent;
padding: 4px;
padding-left: 23px;
border-radius: 5px;
cursor: pointer;
background: transparent  url("../images/lightBulb-sm.png") no-repeat scroll left center ;
}
#udp .infobtn:hover {
color: #ffffff;
background-color: #66B676;
}

/*----------------------------------------------------------------------
LEVEL 2 TAB BUTTONS
------------------------------------------------------------------------*/

#udp .level2_tabbtns {
vertical-align: bottom;
}
#udp .level2_tabbtns > a {
display: inline-block;
margin: 0;
font-size: 17px;
color: #364943;
text-decoration: none;
margin: 14px 5px 0 5px;
padding: 5px 10px 7px 10px;
line-height: 1;
letter-spacing: .02em;
vertical-align: bottom;
cursor: pointer;
border:  1px solid  #747C93;
border-bottom:  none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #CECDD1;
}

#udp .level2_tabbtns > a.current, #udp .level2_tabbtns > a.current:hover {
background: #DFDEE0;
cursor: default;
}

#udp #link_tb .level2_tabbtns > a.current, #udp #link_tb .level2_tabbtns > a.current:hover, #udp #isolationedit_tb .level2_tabbtns > a.current, #udp isolationedit_tb .level2_tabbtns > a.current:hover {
background: #ffffff;
cursor: default;
}

#udp #link_tb .level2_tabbtns > a.disabled, #udp #link_tb .level2_tabbtns > a.disabled:hover {
color: #B0AFB4 !important;
border-color:  #B0AFB4 !important;
background: #CECDD1 !important;
}


/* TOOLBAR STYLES */
#udp .statictext {
/*font-weight: bold;*/
font-size: 12px;
letter-spacing: .05em;
color: #5C5E67;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
cursor: default;

}
#udp .buttontext, #udp .genericbtn_sml {
text-align: center;
/*font-weight: bold;*/
font-size: 12px;
letter-spacing: .05em;
color: #303136;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;

}


/*----------------------------------------------------------------------
 PAGE TITLE BOX
 ------------------------------------------------------------------------*/


#pagetitle {
position: absolute;
width: 740px; height: 100%;
bottom: 0px; left: 120px;
/*background-color: blue;*/
}

#udp #pagetitle-text{
position: absolute;
top: 0px; left: 5px;
width: 100px;
vertical-align: top;
text-align: left;
}

#udp #pagetitle_livewindow, #udp #pagetitle_editwindow {
position: absolute;
bottom: 0px; left: 0px;
font-size: 16px;
min-height: 22px;
color: #DADADC;
background: #94959E;
width: 600px;
/*padding: 10px 20px;*/
vertical-align: top;
text-align: left;
padding: 2px 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
cursor: default;
}
#udp #editmetatagsbtn {
width: 70px; height: 20px;
position: absolute;
left: 620px; top: 14px;
cursor: pointer;
/*background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -100px -270px ;*//* across | down*/
}
#udp #editmetatagsbtn:hover {

}

#udp #pagedescriptionwarning {
width: 40px; height:40px;
position: absolute;
right: 2px; top: 5px;
cursor: pointer;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -200px -100px ;/* across | down*/
display: none;

}

/*----------------------------------------------------------------------
 BACK and REFRESH BUTTONS
 ------------------------------------------------------------------------*/

#udp #browserbtns {
position: absolute;
top:1px; left: 10px;
font-size: 16px;
color: #ffffff;
background-color: transparent;
width: 80px;
height: 40px;
/*padding: 10px 20px;*/
vertical-align: top;
text-align: left;
padding: 1px 5px;
border-right: 1px solid #94959E;

/* -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;*/
}

/*BACK BUTTON*/

#udp #backbtnlive, #udp #backbtnedit, #udp #backbtnpreview {
position: absolute;
top:2px; left: 5px;
width: 40px; height: 40px;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -200px 0px ;/* across | down*/
float: left;
cursor: pointer;
}

#udp #backbtnlive.disabled, #udp #backbtnlive.disabled:hover, #udp #backbtnedit.disabled, #udp #backbtnedit.disabled:hover,  #udp #backbtnpreview.disabled, #udp #backbtnpreview.disabled:hover  {
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -300px 0px ;/* across | down*/
cursor: default;
}

#udp #backbtnlive:hover, #udp #backbtnedit:hover, #udp #backbtnpreview:hover  {
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -250px 0px ;/* across | down*/
}

/*REFRESH BUTTON*/

#udp #refreshbtn {
width: 32px; height: 32px;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -100px -170px ; /* across | down*/
position: absolute;
top:6px; left: 50px;
cursor: pointer;
}
#udp #refreshbtn:hover {
  background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -150px -170px ; /* across | down*/
}

/*----------------------------------------------------------------------
  SYNC WINDOWS BOX
 ------------------------------------------------------------------------*/

#udp #autosyncbtn {
  position: absolute;
  right: 0px; top: 0px;
  width: 130px; height: 100%;
  /*background-color: blue; */
}


/* AUTO SYNC BTN */

#udp #text-4 {
  position: absolute;
  left: 0px; top: 1px;
  font-size: 12px !important;

}
#udp #autosync_on, #udp #autosync_off {
width: 34px; height: 19px;
padding-top: 3px;
border:  1px solid  #70727C;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
behavior: url(PIE.php);
}

#udp #autosync_on  {
position: absolute;
left: 0px; top: 18px;
cursor: pointer;
background: #f8ffe8;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #b7df2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(100%,#b7df2d));
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#b7df2d 100%);
background: -o-linear-gradient(top,  #f8ffe8 0%,#b7df2d 100%);
background: -ms-linear-gradient(top,  #f8ffe8 0%,#b7df2d 100%);
background: linear-gradient(to bottom,  #f8ffe8 0%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
}

#udp #autosync_off {
position: absolute;
left: 40px; top: 18px;
cursor: pointer;
background: #fce5e6;
background: -moz-linear-gradient(top,  #fce5e6 0%, #b6575b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce5e6), color-stop(100%,#b6575b));
background: -webkit-linear-gradient(top,  #fce5e6 0%,#b6575b 100%);
background: -o-linear-gradient(top,  #fce5e6 0%,#b6575b 100%);
background: -ms-linear-gradient(top,  #fce5e6 0%,#b6575b 100%);
background: linear-gradient(to bottom,  #fce5e6 0%,#b6575b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5e6', endColorstr='#b6575b',GradientType=0 );
}

#udp #autosync_off.off, #udp #autosync_on.off {
background: #E4E4E7;
}

/*  MANUAL SYNC BUTTON */

#udp #synctoeditbtn, #udp #synctolivebtn {
  position: absolute;
  left: 90px; top: 13px;
  width: 30px; height: 30px;
  background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -250px -270px ;/* across | down*/
  cursor: pointer;
}
#udp #synctoeditbtn.disabled, #udp #synctoeditbtn.disabled:hover, #udp #synctolivebtn.disabled, #udp #synctolivebtn.disabled:hover  {
 background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -350px -270px ;/* across | down*/
  cursor: default;
}
#udp #synctoeditbtn:hover, #udp #synctolivebtn:hover {
   background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -300px -270px ;/* across | down*/
}

/*----------------------------------------------------------------------
EDIT TOOLS BOX
------------------------------------------------------------------------*/
#udp #edittools {
right: 505px; top: 0px;
width: 102px; height: 100%;
position: absolute;
/*background-color: white;*/
}
#udp #edittools_icon {
left: 0px; top: 13px;
width: 25px; height: 25px;
position: absolute;
border-radius: 50%;
background-color: #797683;
/* data uri at bottom of page */
}

#udp #edittools_txt {
position: absolute;
width:70px;
left: 0px; top: 1px;
text-align:center;
font-size: 12px !important;
}
#udp #showedittoolsbtn, #udp #hideedittoolsbtn  {
position: absolute;
width: 70px; height: 20px;
right: 0px; top: 14px;
}
#udp #showedittoolsbtn.disabled, #udp #hideedittoolsbtn.disabled  {
cursor: default !important;
}

#udp #lockindexbtns {
right: 450px; top: 20px;
width: 70px; height: 20px;
position: absolute;
}

#udp #lockindexlinkdropdown, #udp #unlockindexlinkdropdown  {
position: absolute;
width: 70px; height: 20px;
right: 0px; top: 0px;
}
#udp #lockindexlinkdropdown.disabled, #udp #unlockindexlinkdropdown.disabled   {
cursor: default !important;
}

/*----------------------------------------------------------------------
  KEYWORDS BUTTON
 ------------------------------------------------------------------------*/

#udp #keywordbtn {
position: absolute;
left: 0px; bottom: 4px;
width: 80px;
height: 15px;
padding-top: 3px;
text-align: center;
}


/* EDITOR HELP TOPICS */

#udp #editorhelplist{
position: absolute;
left: 810px; top: 15px;
width: 180px;
background: transparent;
padding: 2px 2px;
font-size: 14px;
line-height: 1;
border-radius: 0;
/*height: 28px;*/
border: #222222 1px solid;
/*letter-spacing: .2em; */
color: #303236;
}

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

#udp #filebox {
right: 210px; top: 0px;
width: 280px; height: 100%;
position: absolute;
/*background-color: white;*/
}
#udp #fileselect_txt {
position: absolute;
width:160px;
left: 5px; top: 0px;
/*text-align:center;*/
font-size: 12px !important;
}
#udp #openfileform {
position: absolute;
left: 0px; top: 12px;
cursor: pointer !important;
}
#udp #openfileform-select {
width: 160px;
cursor: pointer !important;
}
#udp .styled-select select {
background: transparent;
padding: 2px 5px;
font-size: 15px;
line-height: 1;
border-radius: 0;
height: 28px;
border: #222222 1px solid;
letter-spacing: .1em;
color: #303236;
cursor: pointer !important;
}

/*SAVE DRAFT BTN*/
#udp #savedraftbtn {
position: absolute;
right: 0px; bottom: 2px;
text-align: center;
width: 76px;
height: 20px;
padding-top: 8px;
}

/*----------------------------------------------------------------------
PREVIEW BUTTON
------------------------------------------------------------------------*/
#udp #previewbtn {
position: absolute;
right: 112px; bottom: 2px;
text-align: center;
width: 60px;
height: 20px;
padding-top: 8px;
}

#udp #returntoeditbtn {
position: absolute;
right: 112px; bottom: 2px;
text-align: center;
width: 110px;
height: 20px;
padding-top: 8px;
}

/*----------------------------------------------------------------------
  PUBLISH TO LIVE
 ------------------------------------------------------------------------*/

#udp #publishlivebtn {
position: absolute;
right: 15px; bottom: 2px;
text-align: center;
width: 60px;
height: 20px;
padding-top: 8px;
}

/*----------------------------------------------------------------------
REVERT BTN
------------------------------------------------------------------------*/

#udp #revertbtn {
position: absolute;
right: 15px; bottom: 2px;
text-align: center;
width: 60px;
height: 20px;
padding-top: 8px;
}


#udp #openeditorbtn {
position: absolute;
right: 115px; bottom: 2px;
text-align: center;
width: 110px;
height: 20px;
padding-top: 8px;
}


/* ///////////////////////////////////////////////////////////// */
/* PANELS */
/* ///////////////////////////////////////////////////////////// */
/* UPLOAD */
/*#udp #uploadbtn {
position: absolute;
right: 100px; top: 2px;
width: 45px; height: 45px;
background: transparent  url("../images/cancel-sml.png") no-repeat scroll center center ;
cursor: pointer;
}
#udp #uploadbtn:hover{
background: transparent  url("../images/cancel-sml_over.png") no-repeat scroll center center ;
}*/

/* Get Code getcode */

#udp #getcodetext {
margin-left: 120px;
font-size: 14px;
}

/* INFO LINKS */
#udp #cancelinfolinkbtn {
position: absolute;
right: 100px; top: 2px;
width: 45px; height: 45px;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll 0 -220px ;
cursor: pointer;
}
#udp #cancelinfolinkbtn:hover{
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -50px -220px ;
}
#udp #createinfolinkbtn {
position: absolute;
right: 155px; top: 2px;
width: 45px; height: 45px;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll 0 -270px ;
cursor: pointer;
}
#udp #createinfolinkbtn:hover{
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -50px -270px ;
}

/* ISOLATION FRAME */
#udp #updateisolationbtn {
position: absolute;
right: 100px; top: 15px;
width:75px; height: 23px;
background: transparent  url("../images/svg/apply.svg") no-repeat scroll;
cursor: pointer;
}


#udp #cancelisolationframebtn {
position: absolute;
right: 0px; top: 15px;
width:75px; height: 23px;
background: transparent  url("../images/svg/cancel.svg") no-repeat scroll;
cursor: pointer;
}

/* ISOLATION EDIT FRAME */

#udp #iso_edit_updatebtn {
position: absolute;
right: 200px; top: 15px;
width:75px; height: 23px;
background: transparent  url("../images/svg/apply.svg") no-repeat scroll;
cursor: pointer;
}


#udp #iso_edit_cancelbtn {
position: absolute;
right: 100px; top: 15px;
width:75px; height: 23px;
background: transparent  url("../images/svg/cancel.svg") no-repeat scroll;
cursor: pointer;
}


/* LINKS */
#udp #cancellinksbtn {
position: absolute;
right: 100px; top: 15px;
width:75px; height: 23px;
background: transparent  url("../images/svg/cancel.svg") no-repeat scroll;
cursor: pointer;
}


#udp #linkframe, #udp #editfeatureframe {
 background: rgba(153, 151, 159, 0.9);
  z-index: 20;
}
#udp #linkframe_inner {
 background-color: #ffffff;
 width: 980px !important;
 height: 100%;
 overflow-x: auto;
/* margin: 0 auto;*/
}



#udp #extlinkpastebx, #udp #extlinktypebx {
padding: 0 20px 20px 20px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #E4E6E7;
border:  1px solid  #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#udp #extlinkpaste, #udp #extlinktype{
width: 650px;
height: 22px;
font-size: 16px;
color: #646871;
background-color: #EEEFF0;
resize: none;
}

#udp #extlinkpastebtn, #udp #extlinktypebtn, #udp #emaillinkbtn {
vertical-align: top;
}

#udp #extlinkintructions {
width: 650px;
margin: 0 auto;
padding: 0 20px 20px 20px;
border:  1px solid  #B7BBBF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


#udp #emaillinkbx {
padding: 0 20px 20px 20px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #E4E6E7;
border:  1px solid  #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#udp #emaillinktxt{
width: 650px;
height: 22px;
font-size: 16px;
color: #646871;
background-color: #EEEFF0;
resize: none;
}

#udp #editcurrentinfolink, #udp #createinfolinkcontent {
display: none;
}
#udp #editcurrentinfolink .genericbtn, #udp #createinfolinkcontent .genericbtn {
border-width: 1px;;
}


/* META TAGS */

#udp #metatagsframe #metatagsbx, #udp #keywordframe #keywordbx {
position: relative;
margin: 0 auto;
width: 800px;
margin-top: 0;
padding: 20px;
background-color: transparent;
height: 90%;

/*border: #A5A4AF 2px solid; */

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}
#udp #cancelmetatagsbtn, #udp #cancelkeywordbtn {
position: absolute;
right: 0px; top: 28px;
width:75px; height: 23px;
background: transparent  url("../images/svg/cancel.svg") no-repeat scroll;
cursor: pointer;
}

#udp #updatemetatagstbtn {
position: absolute;
right: 100px; top: 28px;
width:75px; height: 23px;
background: transparent  url("../images/svg/apply.svg") no-repeat scroll;
cursor: pointer;
}


#pagetitlebx {
margin-bottom: 30px;
}

#udp #pagetitleedit, #udp #pagedescriptionedit, #udp #keywordspage, #udp #keywordssite{
width: 795px;
font-size: 16px;
color: #646871;
resize: none;
}

#udp #pagetitleedit {
height: 3em;
}
#udp #pagetitlecount, #udp #pagedescriptioncount {
width: 60px;
text-align: right;
color: #646871;
background-color: #DFDEE0;
}
#udp #pagetitleinstruct, #udp #pagedescriptioninstruct  {
padding-left: 15px;
}
#udp #pagedescriptionedit {
height: 120px;
}

/* KEYWORDS */

#udp #keywordspage, #udp #keywordssite {
 height: 150px;
}

#udp #savekeywordbtn {
position: absolute;
right: 80px; top: 20px;
width: 180px; height: 36px;
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll 0px -520px ;/* across | down*/
cursor: pointer;
}
#udp #savekeywordbtn.disabled, #udp #savekeywordbtn.disabled:hover  {
  background: transparent  url("../images/saveKeywordBtn_disabled.png") no-repeat scroll center center ;
  cursor: default;
}
#udp #savekeywordbtn:hover {
background: transparent  url("../images/interfaceSprite.png") no-repeat scroll -200px -520px ;/* across | down*/
}
#udp #metatagkeywordlist {
  margin: 20px;padding: 0 20px 20px 20px;
  border:  1px solid  #B3B3BB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}




/* DISPLAY URL */

#udp #url_txt {
  position: absolute;
  left: 10px; top: 18px;
  font-size: 15px;
}

#udp #displayurl_livewindow, #udp #displayurl_editwindow {
position: absolute;
top: 15px;left: 60px;
font-size: 16px;
color: #6D6D74;
background: #E4E4E7;
width: 560px;
/*padding: 10px 20px;*/
vertical-align: top;
text-align: left;
padding: 2px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
/*cursor: default;*/
}

/*----------------------------------------------------------------------
  CUSTOM BUTTON
 ------------------------------------------------------------------------*/

#udp #custombtnbx {
position: absolute;
left: 110px; top: 2px;
height: 44px;
/*padding: 20px 5px 0px 5px; */
/*background-color: blue; */
}

#udp .custombtn {
font-size: 15px;
color: #ffffff;
background: #C98589;
/*background: #595760;*/
border:  1px solid  #EFF0F1;
border-bottom:  none;
display: inline-block;
text-decoration: none;
margin-top: 10px;
margin-right: 10px;
padding: 8px 10px 8px 10px;
line-height: 1;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#udp .custombtn:hover {
color: #ffffff;
background: #7D4852;
}

#udp #containerhelpbtn {
position: absolute;
display: inline-block;
right: -32px; top: 5px;
width: 32px; height: 32px;
border-radius: 50%;
/*cursor: pointer;*/
background-color: #C98589;
/* data uri at bottom of page */
}
#udp #containerhelpbtn:hover {
background: #7D4852;
}

/*----------------------------------------------------------------------
ISOLATION CUSTOM TOOL BAR
------------------------------------------------------------------------*/
#isolationcustomtoolbar {
  padding-top: 13px;
}

/*----------------------------------------------------------------------

 ------------------------------------------------------------------------*/

#udp #manage_tb, #udp #link_tb, #udp #editfeature_tb, #udp #isolationedit_tb {
text-align: left;
}
#udp #infolinkbx {
visibility: hidden;
}

/* DROPDOWN BOX */
#udp #othersites h1.dropdownheading {

color: #41474C;
margin-bottom:10px;
margin-top: 40px;
/*line-height: 2em;*/
padding: 10px 0 10px 50px;
font-size: 1.2em;
cursor: pointer;
/*background: #E4E6E7 url("../images/dropdownBtn_facingDn.png") no-repeat scroll 5px center ; */
background-color: #E4E6E7;
/*min-height: 30px; */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: #41474C 1px solid;
border-bottom: none;
}
#udp #othersites h1.dropdownheading.active {
color: #41474C;
/*background: transparent url("../images/dropdownBtn_facingUp.png") no-repeat scroll 5px center ;*/
background: #ffffff;
}
#udp #othersites h1.dropdownheading:hover{
color: #41474C;
background: #b7df2d;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
}
#udp #othersites h1.dropdownheading.active:hover {
color: #41474C;
/*background: #0F996C url("../images/dropdownBtn_facingUp.png") no-repeat scroll 5px center ; */
background: #ffffff;
}

#udp .uploadpnl_fld {
/*  padding-top: 10px !important;*/
  text-transform: capitalize;
  text-align: left;
}
#udp .uploadpnl_fld a {
  display: block;
 width: 200px;
  text-decoration: none;
  color: #191F2A;
  background-color: #EEF0F2;
  padding: 10px 10px;
  border:  2px solid  #94929C;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(PIE.php);
}


#udp .uploadpnl_fld a:hover {
background-color: #BAEDBF;
}
#udp .uploadpnl_fld a.current {
color: #ffffff;
background-color: #45494D;
}

/*----------------------------------------------------------------------
DELETE DOCS
------------------------------------------------------------------------*/

#udp #docs_pnl .deletedoc {
float:left;
width: 18px;
height: 18px;
cursor: pointer;
border-radius: 50%;
background-color: #D0051B;
/* see uri data below for image */
}

#udp #docs_pnl .deletedoc:hover {
background-color: #F23022;
}

#udp #docs_pnl .doclink {
margin-left: 25px;
}


/*----------------------------------------------------------------------
INDEX and LINKS
------------------------------------------------------------------------*/

#udp #index_pnl p a, #udp #docs_pnl .doclink a, #udp #links_pnl_this p a, #udp #links_pnl_other p a,#udp #newsletter_pnl p a {
color: #376855;
}
#udp #index_pnl p a:hover, #udp #docs_pnl .doclink a:hover, #udp #links_pnl_this p a:hover, #udp #links_pnl_other p a:hover, #udp #newsletter_pnl p a:hover {
background-color: #F1FDF7;
}

/*----------------------------------------------------------------------
GRID
------------------------------------------------------------------------*/

#udp .grid > .bx {
box-sizing: border-box;
display:inline-block;
float: left;
position: relative;
margin-top:10px !important;
margin-bottom:10px !important;
}
#udp .grid:after {
content:"";
display:block;
clear:both;
}
#udp .grid.two.set .bx {
width:46%;
margin-left: 2%;
margin-right: 2%;
}

.grid.three.set .bx {
width:31.3%;
margin-left: 1%;
margin-right: 1%;
}
/*----------------------------------------------------------------------
URI's
------------------------------------------------------------------------*/

#udp #edittools_icon {
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQjgwNjBFOEY4NzNFNDExQjlGNzhDMDg1NThEQjg5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjkwOTY0NDczRjkxMUU0OTI5MEY1RjRGNTI4MUU4QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjkwOTY0MzczRjkxMUU0OTI5MEY1RjRGNTI4MUU4QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjgwNjBFOEY4NzNFNDExQjlGNzhDMDg1NThEQjg5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjgwNjBFOEY4NzNFNDExQjlGNzhDMDg1NThEQjg5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtjvIw4AAADCSURBVHjaYvz//z8DrQETAx3AqCV0tWQ+EINSTgJeVaDURSae/x8VJOBSS65PHID4IBZfJVAruECG7YeyE9Hk4qkRXKAgeo8UVAlQ/B8qboBNHzkW9GOJiwRcFpBiCS4LYD4QwKefGhYYEDKD5hYQsgQWufspsQBfPimA5gVFIBZAk/sAxI5AfIHSYoUfapgCmoEkW0AoMxpAM90HqKFkWQACLESo+U+JBSDAiKP6VYBiGHgAxQzUtGS0ZhzmlgAEGAAD0lgbsnZ+ugAAAABJRU5ErkJggg==);
}

#udp #containerhelpbtn, #udp #containerhelpbtn:hover {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MEIyQkI5MTMzOTBFNDExQkUxN0NFQzJGQ0RBNzNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMUNFRTk3ODkwMzQxMUU0QUZBNkRCQzRBOTQxNTQ3MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMUNFRTk3NzkwMzQxMUU0QUZBNkRCQzRBOTQxNTQ3MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MEIyQkI5MTMzOTBFNDExQkUxN0NFQzJGQ0RBNzNERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MEIyQkI5MTMzOTBFNDExQkUxN0NFQzJGQ0RBNzNERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu9zPAcAAADBSURBVHjaYvz//z/DQAImhgEGow4YdcCQdIALEM8E4v9ouByIjUk2DVQOkIDL/xMG5aSYSYrlaf+JBy7EmktKFKSh8SuAmBGKKwiopTgKBNF8uAqLmlVI8u+oHQKCaPyzWNS8x6OeaokQF1aC+hoGztAiDeACoKy3G83Xs+gVAmn0zIbo2AXNYlCwG5NqDgsFQR+KxL4HxCb0rguUkNh7yDWEcbRJRoHeu0g14e7RBsmQdcBoLhh1wKgDBtwBAAEGAIJxf2M7ripBAAAAAElFTkSuQmCC);
}

#udp #docs_pnl .deletedoc {
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMEMzQkY0RjE2OTFFNDExOEM2MEEyMThCQTNEMjhBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODBBRjlBQzkxMTcxMUU0OEY0NkUxODJDQUFBODY2QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODBBRjlBQjkxMTcxMUU0OEY0NkUxODJDQUFBODY2QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMEMzQkY0RjE2OTFFNDExOEM2MEEyMThCQTNEMjhBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMEMzQkY0RjE2OTFFNDExOEM2MEEyMThCQTNEMjhBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZ5VDwAAAArSURBVHjaYvz//z8DNQATA5XAqEHDySAXIP6PA88cGl5jHM0iI9kggAADABwODPQG24CKAAAAAElFTkSuQmCC);
}