@charset "utf-8";
/* CSS Document */

/* 
Color codes.
blue-gray: #B8BCC6
shale-blue: #586EA5
slate-gray: #777D8D
muted-navy: #18213A
hollow-blue: #4D5B80
link-blue: #3A63CC
link gray: #C2C4CC
border-gray: #B9B9B9
*/

ul {
list-style: none;
padding: 0px;
margin: 10px 0px 5px 25px;
}

#content fieldset h1, #content fieldset h2, #content fieldset h3,
#content fieldset h4, #content fieldset h5, #content fieldset h6 {
    padding: 5px 0;
    border-bottom: 1px dotted #B9B9B9;
    border-top: 1px dotted #B9B9B9;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 120%;
    margin: 0 5px;
}

#content h1 {
    font-size: 130%;
}



/*********** fieldset manipulation styles *********************************************************/

#lxform {
    margin: 10px 5px;
    /*min-height: 450px;*/
}
div#head_note
{
    margin: 0 5px;
    padding: 5px;
    background-color: #E8E8E8;
    border: 1px solid #8190AD;
}
fieldset {
    list-style: none;
    padding: 10px 0px 10px 0px;
    margin: 0px 10px 0px 10px;
    border: none;
}
fieldset fieldset { margin-left: 20px; }
/*fieldset fieldset {
    list-style: none;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 0px 25px;
    border-top: 1px dotted #B9B9B9;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border: none;
}

fieldset.last {
    list-style: none;
    padding: 10px 10px 0px 0px;
    margin: 0px 0px 0px 25px;
    border-top: 1px dotted #B9B9B9;
    border-bottom: none;
    border-right: none;
    border-left: none;
}*/


/*********** heading and top navigation for newpackagesharing*******************************************/

#content h1.h1packagenav {
    /*font-family: "Times New Roman", Times, serif;*/
    padding-left: 0px;
    border-top: 0px none;
    font-size: 120%;
    font-weight: bold;
    border: none;
    margin: 5px 5px 15px 8px;
}

#packagenav {
    margin: -3px 0px 0px 0px;
    padding-left: 10px;
    /*padding: 0px 0px 25px 10px;*/
    list-style: none;
}

#packagenav li {
    display: inline;
    margin-left: 10px;
    padding-left: 20px;
    background-image:url(/graphics/icons/arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#packagenav li.packnavfirst {
    display: inline;
    margin-left: 0px;
    padding-left: 0px;
    background-image: none;
}

#packagenav a {
    color: #586EA5;
    text-decoration: none;
}
#packagenav a:hover {
    text-decoration: underline;
}
#packagenav li.current {
    font-weight: bold;
}
#packagenav li.current a {
    color: #C00;
}

/*********** title and Input boxes (with nested UL fix) for the 'share with' section of newpackagesharing**/

.optionbox {
    padding: 5px;
    margin: 5px 0px 10px 0px;
    width: 260px;
    height: 90px;
    border: solid 1px #A8A8A8;
    background-color: #DDD;
    color: #A8A8A8;
    overflow: auto;
}

#sharedwith {
    padding: 0px;
    margin: 0px 0px 10px 25px;
}

#sharedwith ul {
    padding: 10px 0px 25px 0px;
    margin: 0px;
}

#sharedwith ul li {
    float: left;
    padding-right: 25px;
}

#sharedwith ul li div.optionbox ul {
    padding: 0px;
    margin: 0px;
}

#sharedwith ul li div.optionbox ul li {
    padding: 0px 30px 1px 0px;
    margin: 0px;
}

input.inactive {
    margin: 0px;
    padding: 0px;
    background-color: #DDD;
}


/************* Icon-based navigation in packages section of newpackagesharing**************************/

#packageiconnav {
    float: right;
    padding: 0px;
    margin: -15px 0px -0px 0px;
}

#packageiconnav ul li{
    padding: 0px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
    list-style: none;
}

#packageiconnav ul li.navadvanced {
    padding: 0px 0px 0px 20px;
}

/*********** fieldpicker popup specific styles *********************************************************/
#field_selection, #library_field {
    width: 560px !important;
}

#field_selection {
    margin: 0 !important;
}

#library_field {
    margin: 1.7em 0 !important;
}

#fieldpickerwrapper, #librarypickerwrapper {
    width: 460px;
    margin: 0px;
    padding: 0px;
}

/*#fieldpickerwrapper {
    
    
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #FFF;
    background-color: #FFF;
}*/

#fieldpickerheader h1, #librarypickerheader h1, #dsDlg h1 {
    padding: 0px;
    margin: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 120%;
    border: none;
    font-weight: normal;
}

#fieldpickerheader h2, #librarypickerheader h2 {
    padding: 0px;
    margin: 0px 10px 10px 10px;
    font-size: 10pt;
    font-weight: 500;
    border: none;
}

a.windowclose {
    padding: 0px;
    margin: 10px;
    float: right;
    color: #777D8D;
    font-size: 90%;
}

.fieldpickerfieldheads {
    /*padding: 0px;*/
    margin-left: 6px;
    border-bottom: 1px dotted #B9B9B9;
    border-top: none;
    border-right: none;
    border-left: none;
}

.fieldpickerfieldheads td{
    /*padding: 5px;
    margin: 0px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: 700;
    border: none;
}

div.fieldpickertable, #librarypickertable {
    /*padding: 0px;
    margin: 0px 10px 0px 10px;*/
    overflow: auto;
    height: 200px;
}

div.fieldpickertable table,  #librarypickertable table{
    font-size: 9pt;
}
/* \*/
/*div.fieldpickertable table tr, */#librarypickertable table tr { height: 1%; }
/* */
div.fieldpickertable table a, span.add_field_from_library {
    cursor: pointer;
    text-decoration: underline;
    color: #586EA5;
}

div.fieldpickertable table tr td,  #librarypickertable table tr td{
    padding: 5px;
    margin: 0px;
    font-size: 9pt;
    border-top: 1px dotted #B9B9B9;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

div.fieldpickertable table tr.first td,  #librarypickertable table tr.first td{
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

#fieldpickerfooter, #librarypickerfooter 
{
    position: relative;
    padding: 0px;
    margin: 1px;
    margin-bottom: 0px;
    height: 38px;
    background-image: url(/graphics/backgrounds/fieldpicker_footer.gif);
    background-repeat: repeat-x;
}

a.addafield {
    padding: 0px 0px 0px 20px;
    margin: 6px;
    margin-top: 10px;
    float: left;
    vertical-align: middle;
    background-image: url(/graphics/buttons/add.gif);
    background-repeat: no-repeat;
    background-position: left;
    border: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: 700;
    color: #FFF;
}
a.addafield_back {
    background-image: url(/graphics/icons/arrow_left.gif);
}

.searchfieldnames {
    padding: 8px;
    margin: 0px;
    position: absolute;
    right: 0;
}
.searchfieldnames input {
    color: #A8A8A8;
    float: left;
    display: block;
    margin-right: 5px;
    padding: 1px 23px 1px 0;
}
.searchfieldnames .typing {
    color: #000000;
}
img.clearSearch {
    margin: 2px 0 1px -27px;
    padding: 0 6px 0 0;
    position: absolute;
}

span.help {
    position: relative;
    top: 4px;
    margin-left: 4px;
}

div.jqInfo {
    position: absolute;
    width: 200px;
    display: none;
    padding: 10px;
    background: #777D8D;
    color: #FFF;
    border: 1px solid #000;
}

.pointer {
    cursor: pointer;
}

ul.dotted li {
    list-style-type: disc;
}

/*********** home styles *******************************************************************************/
* {
margin: 0px;
padding: 0px;
}

#maincontent {
padding: 0px;
/*margin: 0px 0px 30px 0px;*/
width: 550px;
float: left;
}

#maincontent #packages div.description {
    width: 450px;
    float: left;
}

.description h4{
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 80%;
font-weight: 500;
 }

.imageheader1, .imageheader2, #categorysidebar li.first {
    margin: 0px;
    border-top: 0px none;
    font-size: 120%;
    font-weight: bold;
    color: #000;
}

.imageheader1 {
    padding-left: 10px;
}

.imageheader2 {
    padding: 20px 0px 0px 10px;
    clear: both;
}


#sidebar {
    margin: 5px 0px 0px 0px;
    width: 210px;
    float: right;
    border: none;
}

#marketingsidebar {
    padding: 0px;
    margin: 10px 0px 20px 0px;
    width: 200px;
    /*background: no-repeat top left url(/graphics/backgrounds/marketing.gif);*/
    border: none;
    text-align: left;
}
#marketingsidebar li
{
    margin-bottom: 10px;
}
#marketingsidebar li.marketinglink{
    padding: 108px 0px 0px 0px;
}

#marketingsidebar li.marketinglink a{
    text-decoration: underline;
}

#categorysidebar {
    padding: 0px;
    margin: 0px;
    background: repeat-y url(/graphics/backgrounds/sidebar_categories.gif);
    list-style-type: none; 
    border: none;
    text-align: left;
}

ul#categorysidebar li {
    margin: 0px;
    padding: 3px 10px 0px;
}

ul#categorysidebar li.first {
    background: no-repeat top left url(/graphics/backgrounds/sidebar_categories_top.gif);
    margin: 0px;
    padding-top: 8px;
}

ul#categorysidebar li.last {
    background: no-repeat bottom left url(/graphics/backgrounds/sidebar_categories_bottom.gif);
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*********** documentsfield specific styles ************************************************************/
#documentfieldstable ul.actions {
    width: auto;
    float:right;
    clear:none;
    background: no-repeat bottom left url(/graphics/backgrounds/actions_left.gif);
    margin-top: -8px;
}
#documentfieldstable ul.actions li {
    background: no-repeat bottom right url(/graphics/backgrounds/actions_separator.gif);
    padding: 2px 6px 1px 3px;
}
#documentfieldstable ul.actions li.last {
    background: no-repeat bottom right url(/graphics/backgrounds/actions_right.gif);
    padding-right: 6px;
}

#documentfieldstable tr.ignore td.documentfieldname {
    color: #777D8D;
    font-size:95%
}

#documentfieldstable tr.ignore td.mappedfield {
     padding: 10px 0px 10px 25px;
     font-variant:small-caps;
     background-image:url(/graphics/icons/ignorefield.gif);
     background-repeat: no-repeat;
     background-position: left center; 
     color: #777D8D;
}

#documentfieldstable tr.mapped td.documentfieldname {
    color: #000;
    font-size: 100%
}

#documentfieldstable tr.mapped td.mappedfield {
     padding: 10px 0px 10px 25px;
     font-variant: none;
     background-image:url(/graphics/icons/mappedfield.gif);
     background-repeat: no-repeat;
     background-position: left center; 
     color: #000;
}

#documentfieldstable tr.output td.documentfieldname {
    color: #000;
    font-size: 100%
}

#documentfieldstable tr.output td.mappedfield {
     padding: 10px 0px 10px 25px;
     font-variant:small-caps;
     background-image:url(/graphics/icons/output.gif);
     background-repeat: no-repeat;
     background-position: left center; 
     color: #000;
}

#documentfieldstable tr.docusign td.mappedfield {
     padding: 10px 0px 10px 25px;
     background-image:url(/graphics/icons/edit_gray_16.gif);
     background-repeat: no-repeat;
     background-position: 4px center; 
     color: #000;
}

#documentfieldstable {
    padding: 10px 0px 10px 0px;
    margin: 0px 10px 0px 10px;
    font-size: 9pt;
    border: none;
}

#documentfieldstable  tr td{
    padding: 10px 0px 10px 0px;
    margin: 0px;
    border-top: 1px dotted #B9B9B9;
}

#documentfieldstable  tr.heading1 td{
    border: none;
}

#documentfieldstable  tr.heading2 td{
    padding: 20px 0px 3px 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: 700;
    font-variant:small-caps;
    color: #777D8D;
    border: none;
}

.mapadjust a{
    float: right;
    padding: 0px 0px 0px 3px;

}

.documentname {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 110%;
}
#documenticonnav {
    float: right;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

#documenticonnav ul li{
    padding: 0px 10px 0px 0px;
    margin: 0px;
    list-style: none;
    display: inline;
    list-style: none;
}
#form_button_controls .formbtn, #top_button_controls .formbtn
{
    background: #C7C9D0 url(/graphics/buttons/btn_background.gif) center no-repeat;
    border: 1px solid #686868;
    margin: 0 5px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
}
#form_button_controls button.formbtn, #top_button_controls button.formbtn
{
    padding: 2px 10px !important;
    padding: 1px 10px;
    position: relative;
    top: 0px !important;
    top: 3px;
}
#form_button_controls a.formbtn, #top_button_controls a.formbtn
{
    padding: 4px 10px;
}
#form_button_controls, #top_button_controls
{
    position: relative;
    text-align: right;
    clear: both;
    border-color: #B9B9B9;
    border-style: dotted;
}
#form_button_controls
{
    border-width: 1px 0 0;
    margin: 15px;
    padding: 10px;
}
#top_button_controls
{
    border-width: 0 0 1px;
    margin: 0 15px 15px;
    padding: 0 10px 10px;
}
#currently_mapping span, #library_currently_mapping span
{
    /*color: #CC0000;*/
}
#currently_mapping, #library_currently_mapping
{
    text-align: left;    
    padding: 0px;
    margin: 1px 5px 1px 5px;
    font-size: 10pt;
    border: none;
    font-weight: bold; 
}

.field_error {
    font-size: 90%;
    color: #CC0000;
    clear: both;
}
#errors_on_page {
    display: none;
    margin-bottom: 7px;
}
.sidebartag{
    color:#333333;
    font-family:Georgia,Times,serif;
    font-size:1.6em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing:0pt;
    line-height:normal;
    margin-bottom:0.25em;
    text-transform:none;
}
.sidebartag li
{
    color:#3A63CC;
    text-align: center;
    font-family: Verdana,sans-serif;
    font-weight: bold;
    font-size: 75%;
    margin-right: -10px;
}


.sidebartext
{
    color:#333333;
    font-family:Verdana,sans-serif;
    margin-top:0.25em;
    font-size:1 em;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5;
    margin-top: 5px;
}
.sidebartext ul
{
    margin: 5px 0px 5px 0px;
}
.sidebartext ul li.bullet
{
    background: url(/Images/widgets/whitewidget.gif) left 5px no-repeat;
    padding-left: 15px;
}
.sidebartext ul a
{
    background: transparent url(/images/widgets/navigation_bullet.gif) left 3px no-repeat scroll;
    text-decoration: underline !important;
    font-weight: bold;
    color: #3A63CC;
    padding-left: 15px;
}
span.label {
    width: 150px;
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}
span.memo_label, span.radio_label, span.checkbox_label
{
    width: 500px;
}
textarea 
{
    clear: both;
    width: 360px;
    height: 100px;
    display: block;
}

input.text 
{
    width: 200px;
}

img.ui-datepicker-trigger
{
    position: relative;
    top: 3px;
    cursor: pointer;
    margin-left: 2px;
}

fieldset ul
{
    clear: both;
}

fieldset ul li
{
    margin: 5px 0;
}

fieldset ul li input
{
    margin-right: 5px;
}

fieldset ul li input.radio
{
    position: relative;
    top: 2px;
}

.inline li
{
    float: left;
    margin: 0 10px;
    
}

input.edit_combo_text
{
    display: block;
    clear: both;
    margin-left: 160px !important;
    margin-left: 142px;
    margin-top: 5px;
}

div.help_text {
    padding: 5px;
    height: 83px;
    font-weight: bold;
}
#form_loading_img
{
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
}

#form_loading_img img
{
    display: block;
    margin: auto;
}
.btn
{
    float: left;
    position: relative;
    text-align: center;
    border-width: 1px 0;
    border-style: solid;
    margin: -1px 5px 0 0;
    background-color: #B7BBC6;
    border-color: #B7BBC6;
    color: #FFFFFF;    
}
.btnText
{
    display: block;
    position: relative;
    border-width: 0 1px;
    border-style: solid;
    margin: 0 -1px;
    padding: 1px 4px;
    font-weight: bold;
    border-color: #B7BBC6;
}
.btnText:hover
{
    background-color: #777D8D;
}

.fieldpickerfieldheads, div.fieldpickertable, #librarypickertable, #fieldpickerheader,
#fieldpickerfooter, #librarypickerheader, #librarypickerfooter {
    /*margin: 0 -1.7em;*/
    position: relative;
}
#optionalKeyword
{
    width: 145px;
}

#activationErrors
{
    background: #FFFFE0 url(/graphics/icons/error.gif) no-repeat 5px center;
    border: 1px dotted black;
    padding: 15px;
    padding-left: 45px;
    margin: 15px;
}

div.emptyMessage
{
    background: #FFFFE0;
    border: 1px dotted black;
    padding: 15px;
    margin: 15px;
}
div.activation {
    display: none;
}
.ui-widget-overlay {
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
}
.ui-dialog .ui-dialog-content {
    margin-bottom: 3.5em;
}