@font-face {
        font-family: Roboto Condensed;
        src: url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}
@font-face {
        font-family:Roboto;
        src: url(fonts/Roboto/Roboto-Regular.ttf);
}

#updateform #availabeVs,#updateform #distributionDate,#updateform #numFiles{
    font-size:13px;
    /*font-weight: bold;*/
}
#enhancements{
    padding-left:20px;
    padding-top:15px;
    overflow: auto;
    height: 125px;
    background-color: #EBE6E8;
}
#enhancements ul{
    list-style-type: square;
}
#updateform .buttons{
    position:absolute;
    bottom:0;
}
#updateform div.success{
    font-weight:bold;
    color:#0B8207;
    font-size:16px;
    text-align:center;
}
#updateform div.error{
    height: 105px;
    overflow: auto;
    padding: 10px;
}

div.menu .buttons {
    margin-bottom: 20px;
    padding: 5px 5px 5px 15px;
}
div.list .buttons{
    height:40px;
}

div.menu div.search {
    float:right;
}

/* BUTTONS */

/*
button,a.button{
    background:url(/v5/img/bg-button.png) repeat-x;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #bababa;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow: 0 1px 1px #ffffff;
}

.buttons button,.button{
	display:inline-block;
	line-height:36px;
	font-size: 13px;
	color:#333;
	padding:0 20px 0 10px;
}
button:hover,input.reset:hover{
	background:#dbdbdb;
}
button img,.button img{
	vertical-align:middle;
}

button.search{
	height:auto;
	padding:4px 5px;
}

button[disabled],.button .disabled {
    border: 1px solid #999;
    cursor: default;
    background:#DDD;
    background-color: #DDD;
    color: #AAA;
}

button[disabled] > img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    zoom: 1;
}*/

span.ddicon{
    background-repeat: no-repeat;
    display:block;
}
div.menu .buttons .search .input {
    border-radius: 6px 6px 6px 6px;
    margin: 7px 10px 0 0;
    width: 200px;
}

div.menu .buttons .search .input {
    float: left;
    margin: 7px 10px 0 0;
    width: 350px;
}
.ie table.list tr.loading {
	filter: alpha(opacity=40);
}
.gecko table.list tr.loading {
	-moz-opacity: .40;
}
.webkit table.list tr.loading {
	-webkit-opacity: .40;
}
/*
.scrolltable {
    overflow: auto;
}*/

div.fieldset{
    margin: 2px;
    padding-top: 1px;
}

div .fieldset h3 {
    font-size:12px;
    margin-top: 15px;
	display: block;
	margin-bottom: 1px;
	padding: 4px 20px;
	background: #9CB4C3;
	color: #222;    
    font-weight: bold;
}

div.fieldset fieldset {
    margin-bottom: 15px;
    /* background: #EAF5F9; */
	padding: 10px;
}

div.fieldset fieldset div.field {
    /* vertical-align: middle;  No funciona */
}

div.fieldset fieldset div.field div.label{
    position: fixed;
    width: 150px;
	padding-top: 5px;
}

div.fieldset fieldset div.field div.content{
    margin-left: 150px;
}

/* View tab */
div.view-tab .extended, div.view-tab .extended select {
    font-size: 11px;
}

div.view-tab #searchPanel input.document {
    color: #0099CC;
}
/*
div.view-tab #searchPanel #keywordsSearchContainer,
div.view-tab #searchPanel #workflowSearchContainer{
    overflow: auto;
}*/
/*
.searchButtons{
    bottom: 25px;
    right: 30px;
    position: absolute;
}
*/
.searchButtons button{
    padding:10px;
}

div.view-tab #searchPanel .container .KeywordsSearch {
    background: none repeat scroll 0 0 #ced5da;
    margin-top: 0;
    padding: 5px 10px;
    font-size: 11px;
}

#searchResult tbody td.date{
    font-size: 11px;
    table-layout: fixed;
}

#searchResult tbody td em{
    color: #999;
    font-size: 10px;
    font-style: italic;
}

#searchResult tr.strike td{
    text-decoration: line-through;
    color:#066AFF;
}
#searchResult td.file, #searchResult td.type, #searchResult td.subtype,
#searchResult td.category{
    word-break: break-all;
}
/****  AttachedsPanel *****/
/*
#attachedsQueueTab, #sendQueueTab , #relationQueueTab{
    border: 1px solid #bbb;
    background-color: #EAF5F9;
    color: #333;
    height: 250px;
    margin-top: 15px;
    overflow-y: auto;
    padding: 5px;
    border-radius: 4px;
}*/

#sidebar .attachbox {
    padding: 0 5px;
}
/*
table#attachedsQueue th, table#sendQueue th, table#relationQueue th  {
    border:1px solid #B4E9FF;
	border-right:1px solid #222;
    background:#D3E7F0;
}
table#attachedsQueue th.select,table#attachedsQueue td.select,
table#sendQueue th.select,table#sendQueue td.select,
table#relationQueue th.select,table#relationQueue td.select{
    width:20px;
}*/
/*
table#attachedsQueue a.delete, table#sendQueue a.delete, table#relationQueue a.delete {
	background: transparent url(/v5/img/del.gif) no-repeat 50% 50%;
	display: block;
	width: 100%;
	text-decoration: none;
}

table#attachedsQueue td.icon,table#sendQueue td.icon, table#relationQueue td.icon {
    min-width: 17px;
}*/
/*
#attachedsPanel button, #sendDDDesktopPanel button, #relFilesPanel button{
    padding:5px;
}*/

/*
button#openDDDesktop{  
    padding-left: 11px;    
    float:right;
    height:50px;    
}*/

.secondaryRelation{
    display:none;
}

/** ocrdata **/
li.attached{
    background:#DEEBF8 url(/v5/img/mattacheds.png) no-repeat 65px 1px;
    padding-left: 85px;
    margin:3px 3px;
    cursor:pointer;
}
span.mailhighlight{
    background-color:yellow;
}
li.page{
    padding-left: 45px;
    cursor:pointer;
}
ul.ocrdata li.attachedselected{
    background:#FDF4E5 url(/v5/img/mattacheds.png) no-repeat 65px 1px;
    font-weight: bold;
}
ul.ocrdata li.mainselected{
    background-color: #FDF4E5;
    font-weight: bold;
}
ul.ocrcloud{
    border-left: 1px solid #000;
    margin-left: 90px;
    padding-left: 6px;
}
.ocrPage
{color: #000;}

.pageocrlink
 {color:#5C656F;
 }
.pageocrlink:hover{
  color:black;
}

span.ocrattachedname{
    font-weight: bold;
}
/** reports **/
#reportsPanel .scrolltable {
    max-height:200px;
}

#reportsPanel table.list td {
    padding-left: 10px;
}
#reportForm fieldset {
    background: #ced5da;
	clear: both;
    border-radius: 7px;
	margin: 10px 0;
	padding: 10px;
    width: 295px;
}
#reportForm fieldset label {
	background-color: inherit;
	font-weight: normal;
	width: 75px;
    float: left;
}
.ie #reportForm fieldset legend {
	margin-bottom: 10px;
}

#reportForm fieldset legend {
    background-color: #ced5da;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 0.3em;
}

/* Closes */
/*
.closes-frame #sidebar .boxcloses{
	position: relative;
	border-top:none;
	height: 75px;
	padding-top: 10px;
	padding-left: 5px;
}
.closes-frame #sidebar,.closes-frame #content{
    top: 0px;
}
*/
.closes-frame #sidebar #selector-cierres .cierreoculto{
    display:none;
}
/*
.closes-frame #sidebar .boxcloses .b1{
	margin-top: 7px;
	overflow:hidden;
	
}
.closes-frame #sidebar .boxcloses  .b2{
	margin-top: 5px;
	margin-left: 50px;
	overflow:hidden;
}
.closes-frame #sidebar .boxcloses .b2 button{
    background-color:transparent;
}

.closes-frame #sidebar .boxcloses .b2 button#buttonVerify{
    color:#726c6c;
    font: bold 12px Arial,Tahoma,Verdana;
    vertical-align: top;
    width: 90px;
}
*/

.closes-frame #sidebar #info {
    position:absolute;
    top:95px;
    width:160px;
}
.closes-frame #info{
    width:250px;position:absolute;
    height:auto;
}
/*.closes-frame #content {
	padding-top: 0px;
}*/

/***************************************************************************************************
 * Workflow
 **************************************************************************************************/
/*
div.workflowForm, #wfDate{
    padding-top: 10px;    
}
div.workflowForm select {
    height: 20px; 
    width: 300px;
    margin-top: 5px;
}
div.workflowForm option {
    height: 15px; 
}

#workflowViewContainer div.events p.warn {
    color: red;
    font-weight: bold;
    text-align: center;
}

#workflowViewContainer p.date {
    float: right;
    margin: 0 5px 0 0;
    font-size: 12px;
    font-weight: normal;
}

.wfActivity legend{
    width: 290px;
}

.wfActivity div.rules{
    padding-top: 10px;
    font-size: 11px;
}

.wfActivities div.events button {
    font-size: 11px;
    padding: 4px 10px 5px;
    margin-top: 10px;
    width: 142px;
    vertical-align: middle;
    height: 37px;
    background: none repeat scroll 0 0 #00A0E6;
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    text-shadow: 0 1px 1px #0F6EC6;
    color: #FFF;
    font-weight: bold;
}

.wfActivities div.events button:hover {
background: #E27C00;
}
*/
/*document extra data box shadow */
div.view-tab #documentExtraData.shadow {
    -moz-box-shadow:
		0px 20px 20px 10px #385A7A;
	-webkit-box-shadow:
		0px 20px 20px 10px #385A7A; 
    box-shadow:
		0px 20px 20px 10px #385A7A;
    padding-top: 0px;
    z-index: 1000;
    background: #FFF;
}

/***************************************************************************************************
 * Keywords editor, keywords template
 **************************************************************************************************/
div.view-tab #searchPanel .container .KeywordsSearch label {
    width: 110px;
    margin: 4px 0 0; 
    padding: 1px 4px 1px 0;
}

div.view-tab #searchPanel .container .KeywordsSearch input {
    font-size: 11px;
    height: 14px;
    padding: 2px;
}

.keywords-editor h1 {
	background:url(/v5/img/bg-h1.png) repeat-y center;
    margin-top:1px;
	line-height:30px;
	letter-spacing:1px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}
/*
.keywords-editor #columnLeft {
	width: 370px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #aca899;
	border-bottom: 1px solid #aca899;
	float: left;
	padding: 5px;
	overflow: auto;
}*/
/*
.keywords-editor #keywordsPreview {
	margin: 0 0 0 384px;
	padding-top: 1px;
	padding-bottom: -1px;
	text-align: center;
	height: auto;
	border-bottom: 1px solid #bbb;
}*/
/*
.keywords-editor fieldset.kwFileBrowser {
	margin: 3px 3px 10px 3px;
}*/
.keywords-editor fieldset.kwFileBrowser h3 {
	font-size: 1em;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
    background-color: #D3E7F0;
}
.keywords-editor fieldset.kwFileBrowser legend {
	font-weight: bold;
	text-align: left;
	margin-left: 15px;
	font-size: 11px;
}

.keywords-editor .buttons {
	padding: 13px 14px 0px 0px;
    margin-left:384px;
}
.keywords-editor .buttons p {
	padding: 8px 0 0 20px;
}

.keywords-editor .buttons button {
	padding:10px;
}
.keywords-editor #skipFile div {
	background: url(/v5/img/icons.gif) no-repeat 5px -439px;
	text-align: right;
}
.keywords-editor #withoutKw div{
	background: url(/v5/img/del.gif) no-repeat 5px 2px;
}
.keywords-editor #submit div{
	background: url(/v5/img/guardar.gif) no-repeat 5px 2px;
}

.kwTemplate select.period {
    width: 60px;
}

.kwTemplate .multiple .addField {
    font-size: 11px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 7px;
}

/*
div.kwTemplate .historial label {
    padding: 5px 4px 1px 0;
}*/


.kwTemplate fieldset legend img {
    border: 0 none;
    margin: 0 5px 2px;
    vertical-align: middle;
}

div.view-tab #searchPanel .container .KeywordsSearch .validate-fail {
    border: 2px solid red;
}

#keywordsViewContainer div.buttons {
    text-align:right;
    padding:5px;
    background-color:#E3E3E3;
}
#keywordsViewContainer div.buttons button{
    padding:4px;
}

/**************************************************************************************************/

/* Archive tab */
div.archive-tab .file-browser {
    /*height: 225px;*/
/*    margin-left: 140px;*/
}

div.archive-tab .in {
    border: 3px inset black;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

div.file-browser div.scrolltable {
    height: 173px;
}

div.file-browser th.select,td.select {
    width: 30px;
    border-left:none;
}

div.file-browser th.Account,td.Account{
    width:100px;
    word-wrap:break-word;
}
div.file-browser th.Attacheds,td.Attacheds {
    width: 35px;
}
div.file-browser th.From,td.From {
    width: 300px;   
    word-wrap:break-word;
}
div.file-browser td.Date,th.Date {
    width: 75px;
}
div.file-browser td.Original {
    width:30px;
}
div.file-browser th.Original{
    width:42px;
}
div.file-browser td.Subject {
    width: 100%;
}

/*
div.archive-tab .file-browser td.nofiles {
    text-align: left;
    padding: 0 20px;
}*/

div.archive-tab .file-browser td.nofiles ul {
    list-style: disc;
    text-align: left;
    padding: 5px 50px;
}
/*
div.view-tab .file-browser th.CategoryName,td.category, th.TypeName,td.type,
th.SubtypeName,td.subtype{
    width: 120px;
}*/

div.view-tab .file-browser th.date,td.date {
    width: 100px;
}

div.archive-tab .paginator{
    /*position: absolute;*/
}

div.archive-tab .scan-path .title img {
    cursor: pointer;
    vertical-align: middle;
	margin-right: 5px;
}

div.archive-tab #archivePanel input.document {
    color: #0099CC;
}

/* Mail tab*/
.mail-tab div#iframe {
    height: 100%;
}
#mailAttacheds {
    height:100px;
    overflow:auto;
}
#mailAttachedsContainer ul.acordeon{
    margin-right: 30px;
    margin-left: 20px;
}
#mailAttacheds table{
    width: 100%;
    border-spacing: 0;
}
#mailAttacheds table td{
    border-bottom: 1px solid #DEEBF8;
    padding: 2px 5px;
}
#mailAttacheds table td.size{
    border-right: 1px solid #DEEBF8;
    font-size:11px;
    font-style:italic;
}
#mailAttacheds table td.size{
    text-align: right;
}
#mailAttacheds tr{
    background: none repeat scroll 0 0 #FAFDFE;
}
#mailAttacheds tr.selected{
    background: none repeat scroll 0 0 #FDF4E5;
    font-weight: bold;
}
#mailAttachedsContainer li a span.leftselect{
    float:left;width:86px;padding-top:4px;
}
#mailAttachedsContainer ul.acordeon li a.tit{
    padding:4px 10px;
}
div.mail-tab .file-browser {
    margin-bottom: 0;
    height: 245px;
}
#mailSearchResultTable {
    table-layout:fixed;
/*    font-size: 8pt;*/
}
#mailSearchResultTable td.Date,th.Date{
    width:100px;
    /*font-weight:11px;*/
}
#mailSearchResultTable td{
    padding:5px 1px;
}
div.maildiskusage{
    position:absolute;
    top:1px;left:242px;
}
#mailHeader{
    background-color: #CED5DA;
    width:500px;
}
/***************************************************************************************************
 * Digitaldocu file types
 **************************************************************************************************/
div.filetype{
    float:right;
}
div.icon{
    float:right;
    margin-right:2px;
}
span.filestates{
    background-image: url(/v5/img/filestates.png);
    background-repeat: no-repeat;
    display:block;
    width: 16px;
    height: 20px;
}
span.keywords, div.keywords {
    background-position: -44px 0px;
}
span.attacheds, div.attacheds {
    background-position: -22px 0px;
}

#relationViewContainer span.filestates {
    cursor: pointer;
}
#versionsViewContainer span.filestates {
    cursor: pointer;
}
/*
span.attacheds, div.attacheds {
    background-position: -22px 0px;
}*/
span.signed, div.signed {
    background-position: 0px 0px;
}
span.fileclosed{
    background-position: 0px 0px;
}
span.workflow, div.workflow{
    background-position: -66px 0px;
}
span.shared, div.shared {
    background-position: -88px 0px;
}
span.sharedexpired{
    background-position: -110px 0px;
}
span.relation, div.relation {
    background-position: -198px 0px;
}

/***************************************************************************************************
 * Digitaldocu left side bar
 **************************************************************************************************/
span.fstatesidebar{
    background-image: url(/v5/img/filestates_sidebar.png);
    width: 25px;
    height: 25px;
}
span.fsideatt{
    background-position: -47px 0px;
}
span.fsiderel{
    background-position: -329px 0px;
}
span.fsideshared{
    background-position: -188px 0px;
}
span.fsidekw{
    background-position: -94px 0px;
}
span.fsidewf{
    background-position: -141px 0px;
}

/* PAGINATOR FILESTATES - BUTTONS */
div.filestates {
    background-image: url("/v5/img/filestates.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 16px;
    color: transparent;
    cursor:pointer;
}


/**************************************************************************************************/
/***************************************************************************************************
 * Error, warning and info messages
 **************************************************************************************************/
#msgcontainer {
    /*
    padding: 5px 10px 10px;
    text-align: center;    
    margin-top:-53px;
    left: 200px;*/
    
    position:absolute;
    width: 100%;
    z-index: 1000;
    margin-top: -53px;    
}

div.error, div.warn, div.info {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin: 1em 2em 3em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.6);
    font-size: 11px;
    padding: 5px 2px 0 20px;
    height: 30px;
    text-align: center;
	z-index: 1000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
}

div.closes-frame div.error, div.closes-frame div.warn, div.closes-frame div.info {
    margin: 0 0 0 20px;
}

div.error img, div.warn img, div.info img {
    margin: -5px 0 0 -40px;
    vertical-align: middle;
    float: left;
}

div.error {
    background: #FFCCAA; border: 1px solid #FF3334;
}
/*div.warn {
	background: #FFFFAA; border: 1px solid #FFAD33;
}
div.info {
    background: #9FDAEE; border: 1px solid #2BB0D7;
}
*/
/**************************************************************************************************/
span.required{
    color:#d51717;
}