/*
IMPORTANT:  This is the general css file, which is applicable to all Owners.
            All the styling can be overriden by Owner specific styling,
            look for /App_Themes/[Owner.SystemName]/MediaLibrary/DigitalAssetSelection/DigitalAssetSelection.css. 
*/

/* Images - icons */

.sendimage
{
    margin-left: 15px;
}

.editbutton, .savebutton, .cancelbutton
{
}

.editimage, .saveimage, .cancelimage
{
}

.editimage
{
    background-image: none;
}

.divLinkButtons
{
    float: right;
}

/* PanelDigitalAssetSelection.aspx */

.pagetitle
{
    margin-right: 5px; 
}

.selectionreference
{
    width: 400px;
}

.headerContentLeftDiv
{
    margin-top: 3px;
}

.headerbuttons
{
    float:right;
    padding-top: 6px;
}

.headerbuttons .nobutton
{
    margin-left: 10px;
}

.upperblock
{
    float: left;
    clear: both;
    /*width: 730px;*/
}

.lowerblock
{
    float: left;
    clear: both;
    /*width: 730px;*/
}

h3
{
    *margin-top: 0px;
}

.buttons
{
    float: left;
    width: 100px;
    margin-top: 4px;
}

.buttons .editbutton
{
}

.buttons .cancelbutton
{
    margin-top: 10px;
}

.buttons .savebutton
{
}

.digitalassetsremark
{
    float: left;
    clear: both;
    /*width: 730px;*/
    margin-top: 20px;
    font-weight: bold;
}

.downloadlistheader
{
    display: block;
    margin-bottom: 20px;
}

.digitalassetsAddMoreButton
{
    float: right;
}

.removeallholder
{
    float: left;
    clear: both;
    width: 743px;
}

.removeall
{
    float: right;
    margin-right: 12px;
    height: 16px;
}

.removeimage
{
    float: left;
}

.removeall .removelink
{
    float: left;
    width: auto;
}

/* DigitalAssetSelection.ascx */

.digitalassetselection
{
    /*float: left;*/
    /*width: 730px;*/
}

.titleandavailableuntil
{
    float: left;
    clear: both;
    /*width: 730px;*/
}

.publicselection .titleandavailableuntil .availableuntil
{
    float: left;
    margin-bottom: 10px;
}

.titleandavailableuntil .title
{
    float: left;
}

.titleandavailableuntil .availableuntil
{
    color:#7D7D7D;
}

.titleandavailableuntil .title.selectionreference
{
    color: #808080;
    font-weight: bold;
    font-size: 16px;
    height: 25px;
}

.notes
{
    float: left;
    clear: both;
    /*width: 730px;*/ 
    padding-top: 5px;
    padding-bottom: 10px;
    color:#7D7D7D;
}

.notes .reWrapper, .notes .reContentCell
{
    border: 1px solid #cccccc !important;
}

.rwTable
{
    width: 800px !important;
}

.created
{
    float: left;
    clear: both;
    /*width: 730px;*/
}

.creatednotopborder
{
    float: left;
    clear: both;
    /*width: 730px;*/
    margin-top: 5px;
    padding-top: 5px;
}

.availableuntil
{
    float: right;
}

.availableuntil .availableuntillabel, .availableuntil .availableuntildate, .availableuntil .availableuntilcalendar
{
    display: block;
    float: left;
    white-space: nowrap;
}

.availableuntil .availableuntillabel
{
    margin-right: 5px;
    margin-top: 5px;
    #margin-top: 7px;
}

.availableuntil .availableuntildate
{
    display: block;
    float: left;
    margin-top: 5px;
    #margin-top: 7px;
}

.availableuntil .availableuntilcalendar .untilcalendar
{
    display: block;
    float: left;
    margin-top: 1px;
    #margin-top: 2px;
}

.availableuntil .availableuntilcalendar .forevercheckbox
{
    display: block;
    float: left;
}

.availableuntil .availableuntilcalendar .forevercheckbox input
{
    display: block;
    float: left;
    margin-top: 5px;
    #margin-top: 3px;
}

.availableuntil .availableuntilcalendar .forevercheckbox label
{
    display: block;
    float: left;
    margin-top: 5px;
    #margin-top: 7px;
}

.daVariantDownloadTextContainer
{
    width: auto !important;
}

/* SendSelectionControl.ascx */

.errormessages
{
    float: left;
    clear: both;
    padding-bottom: 5px;
}

.divSendTo
{
    clear: both;
    padding-top: 10px;
}

.divSendToText
{
    margin-bottom: 15px;
    border-bottom: solid 1px #CACACA;
}

.divSendToText .sendtext, .divSendToText .addtext, .divSendToText .youtext, .divSendToText .everytext
{
    display: block;
    margin-bottom: 10px;
}

.myaddressbooklink
{
}

/* image was removed because the popup didn't show up properly */
.newcontactbutton.addimage
{
    top: 5px;
    margin-left: 15px;
}

.newcontactbutton.newcontactlink
{
    margin-left: 15px;
}

.divContact
{
    float: left;
    margin-left: 100px;
    _margin-left: 50px;
    margin-top: 2px;
    height: 20px;
}

.tolinkbutton
{
    float: left;
    width: 100px;
    height: 20px;
}

.tocombobox
{
    float: left;
}

.toaddcontact
{
    float: left;
    margin-left: 5px;
}

.addcontactbutton
{
    margin-top: 2px;
    _margin-top: 0px;
}

.removecontactbutton.removelink
{
    float: left;
    display: inline-block;
    margin-left: 5px;
    padding-bottom: 3px;
    width: 350px;
}

.removecontactbutton.removeimage
{
}

.divContacts
{
    float: left;
    *padding-bottom: 10px;
}

.emailarea
{
    clear: both;
    padding-top: 20px;
    *padding-top: 0px;
}

.emailarea .subjectarea
{
}

.emailarea .subjectarea .subjectlabel
{
    float: left;
    width: 100px;
    height: 20px;
    font-weight: bold;
}

.emailarea .subjectarea .subject
{
    float: left;
    width: 625px;
}

.emailarea .subjectarea .subject .subjecttextbox
{
    width: 625px;
}

.emailarea .emailbodyarea
{
    margin-top: 10px;
}

.emailarea .emailbodyarea .emaillabel
{
    float: left;
    width: 100px;
    height: 100px;
    font-weight: bold;
}

.emailarea .emailbodyarea .email
{
    float: left;
    width: 630px;
}

.emailarea .emailbodyarea .email .emailvalue
{
}

.emailarea .emailbodyarea .email .emailmessage
{
    width: 629px;
    #width: 627px;
    height: 100px;
    margin-top: 10px;
}

.emailarea .emailbodyarea .email .stars
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.emailarea .emailbodyarea .email .regards
{
    margin-bottom: 20px;
}

.emailarea .emailbodyarea .email .notearea
{
    width: 600px;
    margin-top: 10px;
}

.emailarea .emailbodyarea .email .notearea .notelabel
{
    float: left;
    font-weight: bold;
}

.emailarea .emailbodyarea .email .notearea .note
{
    float: left;
    clear: both;
}

.sendcopy
{
    float: left;
    clear: both;
    margin-top: 20px;
    margin-left: 97px;
    padding-bottom: 20px;
}

/* PanelAddressBook.aspx */

#addressbook
{
}

#addressbook .lblNoContactsAvailable
{
    float: left;
    clear: both;
}

#addressbook .newcontactbutton
{
}

#addressbook .newcontactbutton.addimage
{
}

#addressbook .newcontactbutton.addlink
{
}

#addressbook .contacts
{
    float: left;
    width: 700px;
    padding-bottom: 20px;
}

#addressbook .contacts .contactsheader
{
    float: left;
    clear: both;
    font-weight: bold;
    width: 100%;
}

#addressbook .contacts .contactsheader .SFHR
{
    clear: both;
    margin-top: 20px;
}

#addressbook .contacts .contactsheader .contactheader
{
    float: left;
    width: 300px; 
}

#addressbook .contacts .contactsheader .emailheader
{
    float: left;
}

#addressbook .contacts .contact
{
    float: left;
    clear: both;
    width: 700px;
    height: 20px;
}

#addressbook .contacts .contact .contactname
{
    float: left;
    width: 270px;
    height: 20px;
}

#addressbook .contacts .contact .contactemail
{
    float: left;
    width: 300px;
    height: 20px; 
}

#addressbook .contacts .contact .contactbuttons
{
    float: left;
    width: 130px;
    height: 20px;
}

#addressbook .contacts .contact .contactbuttons .removecontactbutton
{
    float: left;
    width: 50px;
}

#addressbook .contacts .contact .contactbuttons .editlink
{
    float: left;
    width: 70px;
    text-align:right;
}

/* PanelAddressBookContact.aspx */

#addressbookcontact .contactbuttons
{
    float: right;
}

#addressbookcontact .contactbuttons .savebutton, #addressbookcontact .contactbuttons .cancelbutton
{
    float: left;
    clear: none;
}

#addressbookcontact .contactbuttons .cancelimage
{
    margin-left: 15px;
}

#addressbookcontact .contact
{
    margin-top: 12px;
}

#addressbookcontact .labelcontrolpair
{
    float: left;
    clear: both;
    height: 25px;
    #height: auto;
    #min-height: 25px;
}

#addressbookcontact .label
{
    float: left;
    width: 175px;
}

#addressbookcontact .control
{
    float: left;
}

#addressbookcontact .validation
{
    float: left;
    width: 500px;
}

#addressbookcontact .control .dropdownlist
{
    width: 305px;
}

#addressbookcontact .control .textbox
{
    width: 300px;
}

#addressbookcontact .remarkaboutlanguage
{
    float: left;
    clear: both;
    margin-top: 20px;
    width: 500px;
}

.assetarea div.daDownloadContainer {
    margin: 0 0 10px 0 !important;
    width: 100% !important;
}

/* Public */

body
{
    overflow-y: auto;
}

.container, .content, .publicselection, #ctl00_cph_pnlDigitalAssetSelection
{
}

.header
{
    xposition: relative;
    width: 915px;
    margin-left: auto;
    margin-right: auto;
}

.sfsymbol
{
    position: absolute;
    right: 20px;
    top: 10px;
    width: 45px;
    height: 36px;
    background-image: url("/Images/SFsymbol.gif");
    background-repeat: no-repeat;
    z-index: 1000;
}

.publicselection
{
    /*width: 905px;
    margin-left: auto;
    margin-right: auto;*/
}

.partofthisselection
{
    clear: both;
    padding-top: 10px;
    font-weight: bold;
    color: #585858;
    font-size: 24px;
}

.assetarea
{
    /*float: left;*/
    /*clear: both;*/
    /*width: 905px;*/
    margin-top: 10px;
}

.publicnolongeravailable
{
    float: left;
    clear: both;
    margin-top: 20px;
}

.publicselection .digitalassetselection
{
    /*width: 905px;*/
}

.publicselection .digitalassetselection .notes, 
.publicselection .digitalassetselection .created,
.publicselection .digitalassetselection .titleandavailableuntil,
.publicselection .daDownloadContainer
{
    /*width: 905px !important;*/
}

.publicselection .digitalassetselection .availableuntilpublic
{
    position: relative;
    top: 25px;
    float: right;
}

.invitationssent
{
    margin-top: 100px;
    margin-left: 200px;
}

.sentmessage
{
    margin-top: 10px;
}

.sentquestion
{
    margin-top: 10px;
}

.okaybutton
{
    margin-top: 10px;
    margin-right: 0px;
}

.okaybutton input
{
    width: 75px;
    height: 22px;
    padding-bottom: 3px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #939393;
    border: 1px solid #CFCFCF;
}

.calendarWrapper_Default a
{
   font-weight: normal !important; 
}

.RadComboBox_Default .rcbHovered .rcbArrowCellRight
{
	_background-position: 0px -88px !important;
}

.assettop
{
    float: left;
    width: 750px;
    height: 25px;
}

.assethr
{
    float: left;
    width: 750px;
    height: 10px;
}

.assetheader
{
    float: left;
    width: 150px;
    #padding-top: 12px;
}

.downloadall
{
    float: right;
    text-align: right;
}

.creatingzipfileprogress
{
    text-align: left;
}

.pageheader {
    color: #585858;
    font-size: 18px;
    line-height: 1em;
    display: inline-block;
    margin-top: 10px;
}

.SFHRThin {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

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

.publicselection h2 {
    font-size: 24px
}