/* ------------- */
/* BASE TEMPLATE */
/* ------------- */
/* BODY (vedi http://www.cssstickyfooter.com/ ) */
html, body, form { height: 100%; margin: 0; padding: 0; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }
body { background-image: url(img/body-bck.jpg); background-repeat: repeat-x; font-family: Arial; font-size: 12px; color: #4B6C99; }
.wrapper { width: 987px; margin: 0; margin: auto; min-height: 100%; position: relative; }
.clear { clear: both; }

/* POPUPS */
.mppopup { margin: 0; padding: 10px; }

/* CONTENT */
.content-top { height: 142px; }
.content { overflow: auto; padding: 0 20px 106px; }

/* FOOTER */
.footer { position: relative; margin-top: -106px; height: 106px; clear: both; background-image: url("img/footer.png"); background-position: 0 16px; background-repeat: repeat-x; width: 100%; }
.footer .credits { width: 987px; margin: 0; padding: 0; margin: auto; background-image: url(img/wrapper-bck.png); background-position: left top; background-repeat: no-repeat; height: 100px; }

/* LOGO */
.logo {
    background-image: url("img/ART-RITE_logo.jpg");
    background-repeat: no-repeat;
    height: 58px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 285px;
}

/* LOGIN STATUS */
.ucloginstatus { font-size: 13px; position: absolute; right: 0px; top: 55px; }
.ucloginstatus a { color: Black; text-decoration: none; }
.ucloginstatus a:hover { text-decoration: underline; }

/* ICO IMG */
.icoimg { vertical-align: bottom; }

/* ---- */
/* MENU */
/* ---- */
.menu { background-image: url("img/menu-bck.jpg"); height: 60px; left: 0; list-style-type: none; margin: 0; padding: 0 0 0 11px; position: absolute; top: 80px; width: 975px; }
.menu li { background-position: 0 12px; background-repeat: no-repeat; display: block; float: left; padding: 13px 8px 13px 20px; }
.menu li.home { background-image: url(img/menu-icon-home.gif); width: 80px; }
.menu li.contents { background-image: url(img/menu-icon-contents.gif); width: 76px; }
.menu li.moderation { background-image: url(img/menu-icon-approval.gif); }
.menu li.users { background-image: url(img/menu-icon-users.gif); }
.menu li.medias { background-image: url(img/menu-icon-medias.gif); }
.menu li.resources { background-image: url(img/menu-icon-resources.gif); }
.menu li a { font-family: Arial; font-size: 13px; color: White; font-weight: bold; text-decoration: none; }

/* ------------- */
/* MENU CONTENTS */
/* ------------- */
.menu-sites { display: none; background-image: url("img/menu-contents-bck.gif"); background-position: 0 5px; background-repeat: no-repeat; left: 117px; position: absolute; top: 80px; z-index: 50; }
.menu-sites h1 { background-color: #4B6C98; background-image: url(img/menu-icon-contents.gif); color: White; font-family: Arial; font-size: 13px; font-weight: bold; height: 32px; margin: 10px 0 0; padding: 3px 0 2px 27px; width: 76px; background-position: 7px 2px; background-repeat: no-repeat; }
.menu-sites .sites { background-color: #4b6c98; padding-bottom: 30px; }
.menu-sites h2 { color: White; margin: 0; font-size: 14px; padding: 10px; }
.menu-sites ul { margin: 0 20px; padding: 0 0 10px; list-style-type: none; border-bottom: 1px solid #6788b4; }
.menu-sites ul a { color: White; text-decoration: none; }
.menu-sites li { line-height: 18px; padding: 0; margin: 0; }
.menu-sites .close { color: White; text-decoration: none; position: absolute; bottom: 5px; right: 5px; font-weight: bold; font-size: 12px; }

/* ------------ */
/* EXPIRE CACHE */
/* ------------ */
.expireremotes { background-repeat: no-repeat; height: 35px; position: absolute; right: 0; text-decoration: none; top: 0; width: 170px; z-index: 10; }
.expireremotes.off { background-image: url("img/pending-changes-off-all.gif"); width: 170px; }
.expireremotes.warning { background-image: url("img/pending-changes-on-all.gif"); width: 220px; }
.expireremotes.waiting { background-image: url("img/pending-changes-waiting.gif"); background-position: 49px 0; }
.expireremotes.complete { background-image: url("img/pending-changes-complete-all.gif"); width: 180px; }

#btnRefreshCache {
    display: block;
    background-repeat: no-repeat;
    height: 35px;
    text-decoration: none;
    width: 131px;
    z-index: 10;
    color: red;
}

    #btnRefreshCache.off {
        background-image: url("img/pending-changes-off.gif");
        width: 131px;
    }

    #btnRefreshCache.warning {
        background-image: url("img/pending-changes-on.gif");
        width: 164px;
    }

    #btnRefreshCache.waiting {
        background-image: url("img/pending-changes-waiting.gif");
        background-position: 49px 0;
    }

    #btnRefreshCache.complete {
        background-image: url("img/pending-changes-complete.gif");
        width: 164px;
    }
/* ------ */
/* TITLES */
/* ------ */
.content h1 { color: #4b6c99; font-size: 20px; margin: 0 0 10px; padding: 0; }
.content h1 a { color: #4b6c99; }
.content h2 { background-image: url("img/h2-bck.gif"); background-repeat: no-repeat; color: #4B6C99; font-size: 16px; height: 20px; padding: 5px 0 5px 20px; margin-top: 20px; }
.content h1.user-mngm { background-image: url("img/usr-mngm-h1.jpg"); background-repeat: no-repeat; height: 33px; padding: 5px 0 0 43px; }
.content h1.approval { background-image: url("img/approval-h1.gif"); background-repeat: no-repeat; height: 33px; padding: 5px 0 0 43px; }

/* -------- */
/* CONTROLS */
/* -------- */

/* tables */
tr { vertical-align: top; }
th[scope=row] { text-align: left; }

/* gridview listing */
table.listing { width: 100%; background-image: url(img/gridview-listing-bck.gif); background-repeat: no-repeat; border: 0; border-collapse: collapse; }
table.listing th { height: 31px; padding-top: 7px; white-space : nowrap; }
table.listing th a { color: #4B6C99; font-size: 14px; font-weight: bold; text-decoration: none; }
table.listing td { border-bottom: 1px solid #E0E8F3; font-size: 12px; padding: 10px 5px 5px; }
table.listing td a { font-weight: bold; text-decoration: none; color: #4B6C99; }
table.listing td a:hover { text-decoration: underline; }
table.listing td a.action { margin-top: -7px; color: White; font-weight: normal; }
table.listing td a.action:hover { text-decoration: none; color: Yellow; }

/* gridview listing soft*/
table.listing.soft { background-image: none; }
table.listing.soft th { border-bottom: 1px solid; }

/* detailsview (o table) standard */
table.details { border: 0; }
table.details td, table.details th { padding: 10px; border: 0; text-align: left; }
table.details th { font-size: 14px; }
table.details td { font-size: 12px; }
table.details td input[type=text], table.details td input[type=password], table.details td textarea { border: 1px solid #ccd9ec; color: #4B6C99; }

/* linkbutton ADD */
a.add { background: url("img/button-add.gif") no-repeat; color: White; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 23px; padding: 8px 0 0 33px; text-align: left; text-decoration: none; width: 110px; }
a.add:hover { color: Yellow; }

/* linkbutton ACTION */
a.action { background: url("img/button-action.gif") no-repeat scroll 0 0 transparent; color: White; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 23px; padding-top: 8px; text-align: center; text-decoration: none; width: 67px; }
a.action.large { background: url("img/button-action-large.gif"); width: 130px; }
a.action:hover { color: Yellow; }

/* misc */
.ajax__tab_panel { font-size: 10px; }
.maskedit-error { background-color: Red; color: White; }
.maskedit-focus { background-color: Yellow; color: black; }
.validation-summary { background-color: Yellow; padding: 10px; }
.calendarbutton { background-image: url(img/calendar.png); background-repeat: no-repeat; border: none; width: 16px; height: 16px; background-color: transparent; cursor: pointer; margin-left: 5px; margin-right: 5px; }

/* uc image */
.albumopener { background-color: Gray; color: White; display: block; font-size: 12px; padding: 8px; text-decoration: none; width: 104px; }

/* uc coordinates */
.uccoordinates { position: relative; }
.uccoordinates .opener { background-image: url("img/lens_icon.png"); cursor: pointer; display: block; height: 36px; left: 300px; position: absolute; top: -8px; width: 35px; text-decoration: none; }
.uccoordinates-picker .results span { font-weight: bold; }

/* uc publication buttons */
.ucpublicationbuttons { margin: 0; padding: 0; }
.ucpublicationbuttons div { margin: 0; padding: 0; }
.ucpublicationbuttons .main { text-align: center; }

/* --------- */
/* HOME PAGE */
/* --------- */
.homepage .greetings { font-size: 16px; }
.homepage .intro { color: #2d3a4b; line-height: 18px; }

/*shortcuts*/
.homepage .shortcuts { background-color: #edf1f8; padding: 20px 30px 30px; margin-top: 20px; }
.homepage .shortcuts h1 { background-image: url("img/contents-h1.gif"); background-position: 2px 2px; background-repeat: no-repeat; height: 30px; padding-left: 40px; padding-top: 7px; padding-bottom: 12px; }
.homepage .shortcuts h2 { background-image: url(img/home-shortcut-h2.gif); background-repeat: no-repeat; color: #2d3a4b; font-size: 15px; margin: 0; }

/* site list*/
.homepage .shortcuts li { line-height: 20px; }
.homepage .shortcuts li a { text-decoration: none; color: #2D3A4B; font-size: 14px; }
.homepage .shortcuts li a:hover { text-decoration: underline; }

/* operator drafts*/
.homepage .drafts { width: 852px; margin: 10px auto 20px; }

/* ----------------------- */
/* USER MANAGEMENT LISTING */
/* ----------------------- */
.usr-mngm-list { position: relative; }
.usr-mngm-list .add { position: absolute; right: 0; top: 6px; }

/* ----------------------- */
/* USER MANAGEMENT DETAILS */
/* ----------------------- */
.usr-mngm-details { position: relative; }
.usr-mngm-details .buttons { position: absolute; right: 0; top: 0; }
.usr-mngm-details input[type=text] { width: 300px; }
.usr-mngm-details .listing.roles { margin: 0 0 20px; }
.usr-mngm-details .addrole { margin-bottom: 10px; }


/* ----------------------- */
/* ADSERVER HOME PAGE      */
/* ----------------------- */
.adshomepage .title { font-size: 16px; }
.adshomepage .intro { color: #2d3a4b; line-height: 18px; }
.adshomepage .sections { background-color: #edf1f8; padding: 20px 30px 30px; margin-top: 20px; }
.adshomepage .sections li { line-height: 20px; }
.adshomepage .sections li a { text-decoration: none; color: #2D3A4B; font-size: 14px; }
.adshomepage .sections li a:hover { text-decoration: underline; }
.adshomepage .linkbuttons { text-align: center; margin: 15px auto 10px auto; }
.adshomepage .actionmsg { font-weight: bold; background-color: #ffffcc; color: Red; border: 1px solid #CCC; width: 300px; margin: 10px auto 10px auto; padding: 5px;}

/* ----------------------- */
/* ADSERVER CONTENT  */
/* ----------------------- */
.adscontent .h1 { font-size: 16px; }
.adscontent .intro { color: #2d3a4b; line-height: 18px; }
.adscontent .searchform { margin: 10px auto 15px auto; }
.adscontent .actbuttons { text-align: center; margin: 15px auto 10px auto; }
.adscontent .linkbuttons { text-align: center; margin: 15px auto 10px auto; }
.adscontent .actionmsg { font-weight: bold; background-color: #ffffcc; color: Red; border: 1px solid #CCC; width: 300px; margin: 10px auto 10px auto; padding: 5px;}
.adscontent .validationmsg { font-size: 10pt; color: #F00; }
.adscontent .tip { font-size: 9pt; font-style: italic; }

/* ---- */
/* SITE */
/* ---- */
.sitepage h1.main { background-image: url("img/contents-h1.gif"); background-repeat: no-repeat; font-size: 18px; padding: 6px 0 11px 40px; }

/* sidebar */
.sitepage .sidebar { width: 265px; float: left; margin-right: 20px; }
.sitepage .sidebar .box { background-color: #edf2f8; padding: 10px 10px 10px 0; }
.sitepage .sidebar .box h2 { background-color: #7991B5; background-image: none; color: white; margin: 0 0 10px; }

/* site sections */
.sitepage .sidebar .sections { margin-left: 10px; }
.sitepage .sidebar .sections td a { color: #4b6c99; font-size: 12px; }
.sitepage .sidebar .sections td.selected a { font-weight: bold; color: red; }
/* root level */
.sitepage .sidebar .sections > table { background-color: White; width: 100%; margin-top: 5px; }
.sitepage .sidebar .sections > table tr td { padding: 7px 5px 5px 0; }
.sitepage .sidebar .sections > table tr td:first-child { width: 20px; padding: 5px; }
.sitepage .sidebar .sections > table tr td { font-size: 14px; font-weight: bold; }
.sitepage .sidebar .sections > table tr td a { font-size: 14px; }

/* inner levels*/
.sitepage .sidebar .sections > div { background-color: White; }

/*work area*/
.sitepage .focus { float: left; width: 655px; position: relative; }
.sitepage .focus h2 { margin-top: 0; }
.sitepage .focus .newpublication { position: absolute; right: 0; top: 0; }
.sitepage .focus .cantpublish { border: 1px solid; padding: 50px; font-size: 20px; margin-top: 20px; }

/*options*/
.sitepage .focus .enableoptions { text-decoration: none; color: #4B6C99; }
.sitepage .focus .options { background-color: #edf2f8; padding: 10px; }
.sitepage .focus .options.section { display: none; }
.sitepage .focus .options.section.visible { display: block; }
.sitepage .focus .options th { text-align: left; width: 140px; }
.sitepage .focus .options input[type=text] { border: 1px solid #4B6C99; width: 300px; }
.sitepage .focus .options a { color: #4B6C99; font-weight: bold; margin-left: 5px; }

/* publication status*/
.sitepage .focus .status { list-style-type: none; margin: 0; padding: 0; font-size: 10px; padding-top: 8px; }
.sitepage .focus .status li { display: block; float: left; }

/* listing */
.sitepage .ucSectionPublications { margin-top: 5px; background-color: #EDF2F8; }
.sitepage .ucSectionPublications .title { font-size: 18px; margin-top: -5px; display: block; }
.sitepage .ucSectionPublications .metainfo { font-size: 10px; }
.sitepage .ucSectionPublications .listing { border-top: 2px solid white; }
.sitepage .ucSectionPublications .listing td { position: relative; }

/* ----------- */
/* PUBLICATION */
/* ----------- */
.publication { margin: 0; padding: 0; }
.publication .close { float: right; }
.publication .datatabs { margin: 0; padding: 0; }
.publication .datatabs { vertical-align: top; }
.publication .datatabs th[scope=row] { text-align: left; width: 130px; }
/*nota: sarebbe 'col' e non 'column' ma asp.net spara fuori column*/
.publication .datatabs th[scope=column] { text-align: center; width: auto; }
.publication .datatabs .pubdate label { display: inline-block; width: 60px; }

/*publication controls*/
.publication input[type=text], .publication textarea { border: 1px solid #4B6C99; width: 400px; }
.publication input.textboxshort { width: 70px; }
.publication input.textboxshortright { width: 70px; text-align: right; }