/* @group BASIC */
BODY { padding: 0px; margin: 0px; width: 100%; }
BODY, TD, INPUT, TEXTAREA, SELECT {  font-family: Tahoma, sans-serif; font-size: 12px; color: #333; }
A { color: #b72d34; text-decoration: none; }
A:hover { text-decoration: underline; }
A IMG { border: none; }
A.red { color: #900; }
A.green { color: #789504; }
A.blue { color: #096B90; }
.eleven { font-size: 11px; }
.strong { font-weight: bold; }
/* @end */

/* @group LAYOUT PARTS */
body,html { }

#APP_TOOLBAR_BEHIND {background: #F5F5F5; padding:2px; border-bottom:1px solid gray; height:24px;}
#APP_TOOLBAR {position:fixed; z-index:1000; background: #F5F5F5; border-bottom:1px solid gray; height:30px; width:100%;}
#APP_TOOLBAR_LOGO {height:30px;}
#APP_TOOLBAR_NOTIFICATION {float:left; height: 14px; padding: 4px;}

#PAGE { background: #F5F5F5 url(../images/bg_body.jpg) repeat-x top left; }
body#PUBLIC { background: #FFF; }
#bodyPart { background: #FFF; }
#PAGE { width: 100%; min-width: 980px; overflow: visible; }
#LOGO IMG { display: block; padding-bottom: 5px; float: left; }
#HEADER { padding: 0px 0 0 10px; height: 107px; }
#HEADER #LOGO {float: left; margin-top: 10px; width:57px;height:57px;display:block;overflow:hidden;
               background: url(../images/logo.png) no-repeat center center; text-indent: 0px;}
#HEADER #LOGOTITLE { text-indent:0px; float: left; margin: 20px 0 0 17px; height:45px;display:block; font-size: 32px; text-shadow: #ddd 2px 2px 0;}
#HEADER #LOGININFO { float: right; margin: 16px 0 0 17px; font-size: 11px; width: 320px; text-align: right; text-shadow: #ddd 1px 1px 0;}

#CONTENT { background: #FFF; width: 100%; }
#MAIN { padding: 10px 0px 10px 10px; width: 970px; background: #FFF; }
body#PUBLIC #MAIN { width: 750px; }
#navigation { position: absolute; top: 109px; left: 87px; width: 904px; z-index:500; }
#TOC { padding: 0px; float: left; width: 200px; }
#TOC .cloud { background: #E5E8E3; padding: 5px; }
#TOC .cloudTitle { padding-bottom: 5px; font-weight: bold; }
#TOC H4 { background: #546947; font-size: 13px; margin:0; padding: 5px; color: #FFF; border-bottom: solid 1px white; font-weight: bold; }
#TOC H4 A { color: white; text-decoration: underline; }
#TOC UL, #TOC LI { list-style: none; padding: 0; margin: 0; }
#TOC UL { border-top: solid 1px #FFF; border-bottom: solid 1px #CCC; }
#TOC LI { padding: 4px 0px; border-bottom: solid 1px #FFF; border-top: solid 1px #CCC; }
#MAIN #MAIN { float: left; padding-top: 0px; width: 760px; }
#FOOTER { background:transparent url(../images/footer.gif) repeat-x 0 0; padding:20px 0 75px; width:100%; }
#FOOTERCONT { margin-left: 10px; width: 970px; }
#FOOTERCONT A { font-weight: bold; color: #28a665; }
#FOOTERCONT DIV { color: #666; font-size: 11px; padding-top: 3px; }
.cf { clear: both; }

.column { float:left; margin-right: 10px; }
.columnFirst { float:left; margin-right: 10px; }
.columnLast { margin-right: 0; position:relative;}
.columnAll { width:100%; position:relative;}
.columnFirstWide { width: 37.5%; position:relative;}
.columnFirstNarrow { width: 23.2%; position:relative;}
.columnLastNarrow { width:60.5%; position:relative;}
.columnLastWide { width: 75.5%; position:relative;}
.columnOneThird { width:32.33%; position:relative;}
.columnOneFourth { width:24.33%; position:relative;}
.columnOneHalf { width:48.33%; position:relative;}

.margin-left {margin-left:10px;}
.margin-right {margin-right:10px;}
.margin-right-2 {margin-right:2px;}


.column h1, .column h2, .column h3 { color:#b72d34; }
.column h4, .column h5, .column h6 { color:#b72d34; }

.column h1, .column h2 { border-bottom:3px solid #b0b0b0; padding:0 0 5px;  margin: 0 0 10px; }
.column h4, .column h5 { border-bottom:2px solid #b0b0b0; padding:0 0 5px;  margin: 0 0 10px; }
.column h6 { border-bottom:1px solid #b0b0b0; padding:0 0 5px;  margin: 0 0 10px; }

.column h1 { font-size: 27px; text-shadow: #ddd 1px 1px 0;}
.column h2 { font-size: 24px; text-shadow: #ddd 1px 1px 0;}
.column h3 { font-size: 21px; text-shadow: #ddd 1px 1px 0;}
.column h4 { font-size:	18px; text-shadow: #ddd 1px 1px 0;}
.column h5 { font-size: 16px; text-shadow: #ddd 1px 1px 0;}
.column h6 { font-size: 14px; text-shadow: #ddd 1px 1px 0;}



.column h4 .tipPart { font-size: 12px; color: #28a665; }
.columnCP A { color: #28a665; display: block; margin: 4px 0px; padding: 0; }
/* @end */

/* SPRITE */
#primary .go-home,#primary a:hover,#additional a:hover,#primary a:hover em,#additional a:hover em,
#primary .selected,#additional .selected,#primary .selected em,#additional .selected em,.secondary a,
#exposed,.news .comments,.global li,.copyrights span,.submit,
.paging .previous,.paging .next,.article ul li,.files li,.more-actions a,.call li,.secondary strong,.tertiary li,
.paging .previous-sel,.paging .next-sel,.filters li,.tabular-data .measure-location,
.tabular-data .measures .byline,.month .previous,.month .next,#calendar .today, #calendar .selected,
.events-more li,.close-events,.sitemap li li li,.lang-sl a,.lang-en a,.organisations .rating li,
.tender li,.detailed, form .captcha a.refresh, li.rss a {background:url(../images/sprite.png) no-repeat;}
#primary {float:left;}
#additional { float: right; }
#navigation ul { margin: 0px; padding: 0px; }
#primary li,#additional li {margin:2px 0 0 5px;font-size:12px;font-weight:bold;display:inline;float:left;}
#primary a,#additional a {height:22px;color:#fff;display:block;overflow:hidden;float:left;}
#primary em,#additional em {margin:0 0 0 10px;padding:3px 10px 0 0;height:20px;font-style:normal;cursor:pointer;float:left;}
#primary a:hover,#additional a:hover {background-position:-320px 0;}
#primary a:hover em,#additional a:hover em {background-position:right 0;}
#primary .selected,#additional .selected,#additional .selected:hover,#primary .selected:hover ,#additional .selected:hover {background-position:-320px -30px;}
#primary .selected em,#additional .selected em,#primary .selected:hover em,#additional .selected:hover em {background-position:right -30px;}
#primary li,#additional li {text-shadow:#1c7749 1px 1px 1px;}


/* @group LOGIN */
#loginTable { background: #FFF url(../images/loginBg.gif) no-repeat top left; }
#loginTable TD, #loginTable A { font-size: 11px; }
/* @end */

/* @group HEADING */
H1,H2,H3,H4 { margin:0px; padding:0px; margin-bottom: 10px; }
H1 { border-bottom:1px solid #b0b0b0;padding:0 0 5px;font-size:18px;color:#b72d34; margin: 0 0 10px; font-size: 22px; }
H2 { font-weight: normal; font-size: 19px; }
H3 { color: #F60; font-size: 16px; font-weight: normal; }
/* @end */

/* @group FORM */
.input100, .input1 { background-color: #f7f7f7; border: solid 1px #aab3b3; border-bottom-color: #d5dddd; border-top-color: #999; padding-left: 2px; }
SELECT.input100 { padding-left: 0px; }
.tw100 { width: 478px; }
.w100 { width: 470px; }
.w66 { width: 310px; }
.w50 { width: 233px; }
.w33 { width: 154px; }
.w100p { width: 100%; }
/* @end */

.alc { text-align: center; }
table.display td.tools img { padding-right: 1px; padding-left: 1px;}
table.display tr td {border-bottom:3px solid #bfbfbf;}
table.display tr:hover td {border-bottom-color:gray; color: #000; text-shadow: #ddd 1px 1px 0; }

/* general */
.info { font-size: 11px; color: #888888; }
div.brief-toggle {text-align:left; padding:5px; padding-top:0px;position:relative;}
.colapsed { display:none; }
.inlineError { font-weight: bold; color: #F00; }
.floatTools img { margin: 0px; padding:0px; margin-bottom: 3px; }
.description { font-size: 12px; color: #444; }
.description P { padding: 0px; margin: 8px 0px 8px 0px; }
.notif_report, .notif_error, .notif_trace { border: solid 1px; margin-bottom: 10px; padding: 10px 10px 2px 30px; background-position: 10px 10px; background-repeat: no-repeat; }
.notif_error { border-color: #c33; background-color: #FAF7F7; background-image: url(../images/cross_circle.png); color: #C33; }
.notif_report { border-color: #393; background-color: #F3FAF3; background-image: url(../images/tick_circle.png); color: #393; }
.notif_trace { border-color: #3974D7; background-color: #E7F1FF; background-image: url(../images/information.png); color: #3974D7; }
.notif_report div, .notif_error div, .notif_trace div { margin-bottom: 8px; }
div.emulate-page-temp {background:#DCF5DD;}
div.emulate-page-temp div.info {color:black;}

/* SETTINGS */
#settings A { text-decoration:none; }
#settings TD { padding-bottom: 10px; }

.hl { background-color: #F4CC19; }


/** RAZPISI **/
ul.razpisi, ul.razpisi li.razpis { list-style: none; padding: 0; margin:0; }
ul.razpisi li.razpis { padding-bottom: 10px; margin-bottom:10px; border-bottom: solid 1px #b0b0b0; }
.razpisi .title, .razpisi .title a { font-size: 14px; color: #28a665; font-weight: bold; }
.razpisi .title a { text-decoration: underline; }
.razpisi .info { margin-bottom: 5px; }

.button { padding: 2px 10px 2px 10px; color: #FFF; background: #546947; border: none; text-transform: uppercase; font-size: 12px; line-height: 15px; width: auto; _width: 1; overflow: visible; }

/* STATUSI */
.tenderStatusString {float:right;}
.tenderStatus { display: block; font-size: 12px; text-transform: uppercase; color: white; background: darkgreen; padding: 4px 6px; margin: 3px 5px 0 0; line-height: 100%; }
.big .tenderStatus {font-size: 14px; font-weight:bold; border:1px solid gray; padding:4px; text-shadow: #888 1px 1px 0;}
.tenderStatusClosed { background-color: darkred; }
.tenderStatusUpcomming { background-color: darkorange; }
.tenderStatusEvaluating { background-color: red;}

.submissionStatus { display: block; width:90%; font-size: 13px; font-weight:bold; text-transform: uppercase; color: black; padding: 8px 3px 8px 5px; margin: 3px 10px 0 0; line-height: 100%; border:3px solid gray;}

.tenderPreview .name, .tenderPreview .info { font-size: 11px; padding: 0px; }
.tenderPreview .info { font-weight: normal !important; color: #333; }
.tenderPreview { padding: 0px 6px !important; }

.shortTender { list-style: none; margin: 0 0 0 0; padding: 9px 1px 10px 0px; border-bottom: solid 1px #b0b0b0; clear:both; }
div.shortTenderHoverActive {background-color:#dfffff !important;}
div.shortTenderHoverActive .info {color:black;}
.shortTenderHover:hover {background-color: #FFFCA9;}
.shortTenderBorderless { margin:0; border: none; }
.shortTender .name { padding-bottom: 3px; }
.shortTender .name, .shortTender .name a { font-size: 14px; color: #28a665; font-weight: bold; }
.shortTender ul .name a { font-weight: normal; }
.shortTender .status { padding-top: 3px; font-size: 11px; }
.shortTender .tools { padding-top: 3px; }
.shortTender ul { margin: 10px 0 0 10px; padding: 0; }
.shortTender .tools a, .column .tools a { color: #28a665; white-space: nowrap; }

.shortTender .printing-tools  { 
    margin-top:6px; 
    padding: 6px; 
    border:3px solid red;
    background-color:#FFFFE0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.shortTender .printing-tools a, .column .printing-tools a { color: #28a665; white-space: nowrap; }

.shortTender .admin-printing-tools  {
    margin-top:6px; padding: 6px; border:3px solid red;
}
.shortTender .admin-printing-tools a, .column .printing-tools a { color: #28a665; white-space: nowrap; }

.shortTender .tools a.delete, .column .tools a.delete { color: #900; white-space: nowrap; }
.shortTenderUnavailable .name { color: #868686; text-decoration: line-through; }
.shortTenderRequired .name { color: #28a665; text-decoration: none; }
.shortTenderRequired .tick { display: block; margin-right: 5px; float: left; }

.shortTenderBorderlessActive {background-color:#dfffff; padding:5px; border:1px solid #b0b0b0;}
.shortTenderBorderlessActive .name a { color: #000;}
.shortTenderBorderlessActive .info { color: #000;}

.shortTenderBorderlessAlert {background-color:#f7c596; padding:5px; border:1px solid #b0b0b0;}
.shortTenderBorderlessAlert .name a { color: #000;}
.shortTenderBorderlessAlert .info { color: #000;}

.required { color: #C33; }

/* @group REPORTS */

div.linksPath {
    border:1px solid gray; 
    padding:5px; 
    width:100%;
    /*
    backround:url(/lyphp-0.1.5/skin/images/famfam/error.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    */ 
    background-color:#f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


table.display h1 { font-size: 25px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}
table.display h2 { font-size: 21px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}
table.display h3 { font-size: 18px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}
table.display h4 { font-size:	16px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}
table.display h5 { font-size: 14px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}
table.display h6 { font-size: 12px; text-shadow: #ddd 1px 1px 0; font-weight:normal; border:none; padding:0; margin:0;}

table.display tr { background-color: #FFF; }
table.display td.merilo, table.display td.grade { background-color: #FFFFE0; }
table.display td.editbl, table.display td.edtext, table.display td.ednum, table.display td.edselect, table.display td.edmetaselect, table.display td.edtext, table.display td.edformstatus, table.display td.edsubmissionstatus, table.display td.edlokacija, table.display td.edlygymlokacija, table.display td.edlokacijadomicil  { background-color: #FFEEE6; }
table.display tr.alt td.editbl, table.display td.edtext, table.display td.ednum, table.display td.edselect, table.display tr.alt td.edmetaselect, table.display tr.alt td.edlokacija, table.display tr.alt td.edlygymlokacija table.display tr.alt td.edlokacijadomicil  { background-color: #F9E9E0; }

table.display th a {text-decoration: none; color: #4F6B72; background: transparent; text-shadow: #fff 1px 1px 0; }

table.reportTable { table-layout: fixed;}
table.reportTable th, table.reportTable td { padding: 3px; letter-spacing: 0px; line-height: 14px; }
table.reportTable th.sortedColumn { background-color: #b0c7c9;}
table.reportTable th.sortedColumn a { color: #000; text-shadow: #ddd 1px 1px 0; }
table.reportTable td.nobr { white-space: nowrap;}
table.display tr.alt td.merilo , table.display tr.alt td.grade{ background-color: #F5F5D6; }
table.display td.merilo input { }
table.display td.merilo_vsota { font-weight:700;background-color: #FFEEC6;}
table.display tr.alt td.merilo_vsota { font-weight:700;background-color: #F9E9C0;}

table.display tr.highlight td {background-color: #FFFCA9;}

table.display td.all  { background-color: LightCyan; opacity: 1; color:#000; font-weight:bold;}
table.display td.duplicated { background-color: #FFFCA9; opacity: 1; color:#000; font-weight:bold;}
table.display td.sent { background-color: #FFFCA9; opacity: 1; color:#000; font-weight:bold;}
table.display td.supplemented { background-color: #FFFCA9; opacity: 1; color:#000; font-weight:bold;}
table.display td.supplement_call, .submissionStatussupplement_call { background-color: #FFD1DC; opacity: 1; color:#000; font-weight:bold;}
table.display td.supplement_sent,.submissionStatussupplement_sent { background-color: #FFFCA9; opacity: 1; color:#000; font-weight:bold;}
table.display td.commission, .submissionStatuscommission { background-color: #ffaaaa; opacity: 1;}
table.display td.supplement, .submissionStatussupplement { background-color: #FFD1DC; opacity: 1;}
table.display td.completed, .submissionStatuscompleted { background-color: #bbffcc; opacity: 1;}
table.display td.completed1 { background-color: #bbffaa; opacity: 1;}
table.display td.notcompleted, .submissionStatusnotcompleted { background-color: #ffff99; opacity: 1;}
table.display td.trashed, .submissionStatustrashed { background-color: #ffaaaa; opacity: 1;}
table.display td.rejected, .submissionStatusrejected { background-color: #ffcc88;opacity: 1; }

table.display tr.alt td.all  { background-color: LightCyan; opacity: 1;}
table.display tr.alt td.supplemented  { background-color: #FFFCBA; opacity: 1;}
table.display tr.alt td.duplicated  { background-color: #FFFCBA; opacity: 1;}
table.display tr.alt td.sent  { background-color: #FFFCBA; opacity: 1;}
table.display tr.alt td.supplement_call  { background-color: #FFD1ED; opacity: 1;} /*pastel pink*/
table.display tr.alt td.supplement_sent  { background-color: #FFFCBA; opacity: 1;}
table.display tr.alt td.commission { background-color: #ffaaaa; opacity: 1;}

table.display tr.alt td.supplement { background-color: #FFD1ED; opacity: 1;}
table.display tr.alt td.completed { background-color: #bbffcc; opacity: 1;}
table.display tr.alt td.completed1 { background-color: #bbffaa; opacity: 1;}
table.display tr.alt td.notcompleted { background-color: #ffff99; opacity: 1;}
table.display tr.alt td.trashed { background-color: #ffaaaa; opacity: 1;}

/* NEW */
table.display td.new, .submissionStatusnew, span.new { background-color: #ffdd73; opacity: 1; color:#000;}
table.display tr.alt td.new { background-color: #ffdd73; opacity: 1;}
/* SUBMITED */
table.display td.submited, .submissionStatussubmited, span.submited { background-color: #ffdd73; opacity: 1; color:#000;}
table.display tr.alt td.submited { background-color: #ffdd73; opacity: 1;}
/* OPENED */
table.display td.opened, .submissionStatusopened, span.opened { background-color: #aabbff; opacity: 1; color:#fff; font-weight:bold;}
table.display tr.alt td.opened { background-color: #aabbee; opacity: 1;}
/* COMPLETED */
table.display td.completed, .submissionStatuscompleted, span.completed { background-color: #bbffcc; opacity: 1;}
table.display tr.alt td.completed { background-color: #bbffcc; opacity: 1;}
/* CONFIRMED */
table.display td.confirmed, .submissionStatusconfirmed, span.confirmed { background-color: #bbffcc; opacity: 1;}
table.display tr.alt td.confirmed { background-color: #bbffcc; opacity: 1;}
/* ACCEPTED */
table.display td.accepted, .submissionStatusaccepted, span.accepted { background-color: #00ff00; opacity: 1;}
table.display tr.alt td.accepted { background-color: #00ff00; opacity: 1;}
/* PARTIALLY ACCEPTED */
table.display td.partially_accepted, .submissionStatuspartially_accepted, span.partially_accepted { background-color: #af7; opacity: 1;}
table.display tr.alt td.partially_accepted { background-color: #af7; opacity: 1;}
/* REJECTED */
table.display td.rejected, .submissionStatusrejected, span.rejected { background-color: #ffcc88;opacity: 1; }
table.display tr.alt td.rejected { background-color: #ffcc88; opacity: 1;}
/* TRASHED */
table.display td.trashed, .submissionStatustrashed, span.trashed { background-color: #ffaaaa; opacity: 1; }
table.display tr.alt td.trashed { background-color: #ffaaaa; opacity: 1;}
/* DELETED */
table.display td.deleted, .submissionStatustrashed, span.deleted { color:#fff; background-color: #ff8888; opacity: 1; }
table.display tr.alt td.deleted { color:#fff; background-color: #ff8888; opacity: 1;}
/* REQUEST HQ */
table.display td.request_hq, .submissionStatusrequest_hq, span.request_hq { background-color: #B8E2EF; opacity: 1;}
table.display tr.alt td.request_hq { background-color: #a3daea; opacity: 1;}
/* REQUEST PAYMENT */
table.display tr.alt td.request_payment { background-color: #BAD0EF; opacity: 1;}
table.display td.request_payment { background-color: #CEDEF4; opacity: 1;}
/* SUSPENDED */
table.display td.suspended { background-color: #ffaaaa; opacity: 1;}
table.display tr.alt td.suspended { background-color: #ffaaaa; opacity: 1;}
/* PAID */
table.display td.paid, span.paid { background-color: #00ff00; opacity: 1;}
table.display tr.alt td.paid { background-color: #00ff00; opacity: 1;}
/* WITHDRAWN */
table.display td.withdrawn, span.withdrawn { background-color: #00ff00; opacity: 1;}
table.display tr.alt td.withdrawn { background-color: #00ff00; opacity: 1;}

tr.bg_yellow td {background-color: #fffcba;}
tr.bg_green td {background-color: #aaff99;}
tr.bg_red td {background-color: #ffcc88;}

table.display td.bgcolor_1 {background-color: #FFFCBA;}
table.display td.bgcolor_2 {background-color: #bbffcc;}
table.display td.bgcolor_3 {background-color: #ffaaaa;}
table.display td.bgcolor_4 {background-color: #88eeff;}
table.display td.bgcolor_5 {background-color: #aaff77;}


table.reportTable tr td {border-bottom-width:3px;}
table.reportTable tr:hover td {color:#000 !important; border-bottom-color:#777; text-shadow: #ddd 1px 1px 0;}

table.reportTable td a:hover {color:red !important; text-shadow: #ddd 1px 1px 0;}

table.display td.range_0 { background: #ffaaaa; opacity: 0.9;}
/*table.display td.range_* { background: #ffaaaa; opacity: 0.9;}*/

table.reportTable td.big, table.displayTable td.big {text-align:center;vertical-align:top; font-size:16px; padding:5px;}
table.reportTable td.big-black, table.displayTable td.big-black {text-align:center;vertical-align:top; font-size:18px; font-weight:bold; color:black; padding:5px;}
table.reportTable td.big-left, table.displayTable td.big-left {text-align:left;vertical-align:top; font-size:14px;padding:5px; line-height:110%}
table.reportTable td.big-right, table.displayTable td.big-right {text-align:right;vertical-align:top; font-size:14px;padding:5px; line-height:110%}
table.reportTable td.big-left-black, table.displayTable td.big-left-black {text-align:left;vertical-align:top; font-size:18px;padding:5px;color:black;line-height:110%}
table.reportTable td.big-center, table.displayTable td.big-center {text-align:center;vertical-align:middle; font-size:16px; padding:5px;}
table.reportTable tr td.delimeter, table.displayTable td.delimeter {height:100%;background:#C1DAD7;}

table.display tr td.other {background-color: #88eeff; opacity: 1;}
table.display tr.alt td.other {background-color: #bbeeff; opacity: 1;}
table.display tr td.aneks {background-color: #88eeff; opacity: 1;}
table.display tr.alt td.aneks {background-color: #bbeeff; opacity: 1;}
table.display tr td.linked {background-color: #d4eee5; opacity: 1;}
table.display tr.alt td.linked {background-color: #d4eed5; opacity: 1;}
table.display tr td.rejected {background-color: #ffccaa; opacity: 1;}
table.display tr.alt td.rejected {background-color: #ffcc99; opacity: 1;}
table.display tr td.skip {background-color: #cfcfcf; opacity: 1;}
table.display tr.alt td.skip {background-color: #dfdfdf; opacity: 1;}

table.reportTable ol, table.reportTable ul {margin:0px;padding-left:25px;}
table.reportTable ol li {}

.reportCellArea {width:100%; height:auto;overflow-y:auto; min-width:250px;max-height:250px;}

/* @end */
.links { }
h5 .links img { padding:2px; border:1px solid #fff; border-bottom:none;}
h5 .links img:hover { border:1px solid #ddd; border-bottom:none;}
h5 .links img.links-icon-highlight {border:1px solid #ddd; background:#ddd;}

.linktools { height: 22px;}
.links-left { float:left;}
.links-right { float:right;}

.linktools .links img { padding:3px; border:1px solid #fff;}
.linktools .links-icon-highlight img {border:1px solid #aaa; background:#ddd;}
.linktools .links img:hover { border:1px solid #ddd;}

/* @group sortable */
div.sortable { width: 100%; margin-top: -23px; }
div.sortable > ol {}
div.sortable ol { list-style: none; }
div.sortable > ol { padding-left: 0px; }
div.sortable ol li { position: relative; }
div.sortable ol li > div {  cursor: pointer;
                            border: 1px solid #C1DAD7;
                            padding: 5px;margin: 0;
                            background: #F5FAFA;
                            color: #4F6B72;
                            margin-top: 2px; margin-bottom: 2px;
} 
div.sortable ol li .tab { position: absolute; top: 6px; border-right: 1px solid #C1DAD7; text-align: center; }
div.sortable ol li .items { 
    right: 70px;
    width: 80px;
}
div.sortable ol li .public { 
    right: 150px;
    width: 30px;
    top: 7px;
}
div.sortable ol li .id { 
    right: 182px; 
    width: 90px;
}
div.sortable ol li .description {
    font-size: 10px;
}
div.sortable .move { cursor: move; }
div.sortable ol li .tools { position: absolute; right: 7px; top: 7px; z-index: 10; }
.ui-sortable-placeholder { border: 1px dashed #4F6B72; visibility: visible !important; }
/* @end */

/* NOTICES */
div#cookie-notice {
    position:fixed;z-index:200000;width:900px;margin:5px;
    border:2px solid red; padding:10px;

    /*
    backround:url(/lyphp-0.1.5/skin/images/famfam/error.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    */ 
    background-color:#FFFFE0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div#cookie-notice .cookie-enable-link { padding:3px 7px; border:1px solid #acacac; background: #eaeaea; color: #000; }
div#cookie-notice .cookie-enable-link:hover { background: #e5e5e5; text-decoration: none; }
div.notice p {padding:0px; margin:0px;}

div.notice {
    margin:0px;
    border:2px solid red; padding:10px;
    background-color:#FFFFE0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* AJAX STATUS */
#AJAX-STATUS { display: none; float:left; margin-left:20px; color: #fff;
               background: #3C3C3E url(../images/loader_1.gif) no-repeat 3px 5px; padding: 7px; padding-left: 26px;
               -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
               border-radius: 5px;  }

img.blinked
{
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

/* ADMIN */
img.icon-admin {border:1px solid red; padding:2px; background-color: #FFFCBA;}
img.icon-editor {border:1px solid blue; padding:2px; background-color: #FFFCBA;}

/* div.famfamicon {margin:2px;} */

.famfamicon__container.icon-toc {margin-right:5px !important; vertical-align:bottom}

.famfamicon.icon-user {outline: 1px solid lightgray;
                       outline-offset: 2px; margin:2px;}
.famfamicon.icon-admin {background-color: #FFFCBA; outline: 1px solid red;
                        outline-offset: 2px; margin:2px;}
.famfamicon.icon-supervisor {background-color: #FFFCBA; outline: 1px solid orange;
                             outline-offset: 2px; margin:2px;}
.famfamicon.icon-editor {background-color: #FFFCBA; outline: 1px solid blue;
                         outline-offset: 2px; margin:2px;}

.famfamicon.icon-user:hover,.famfamicon.icon-admin:hover,.famfamicon.icon-supervisor:hover,.famfamicon.icon-editor:hover {outline: 1px solid darkgray;}

/* H5 show hide */
span.hide_show_arrow {position:absolute; right:0;}
a.hide_show_link {display:block; text-decoration:none;}
h5.hide_show_h5:hover {background:#e9e9e9;}
li.report_toc_link {
    background: -webkit-linear-gradient(#fff, #eee); /* For Safari */
    background: -o-linear-gradient(#fff, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #eee);/* Standard syntax */
    list-style: none; margin: 0 0 0 0; padding: 0; clear:both;
    vertical-align: middle; border-top:1px solid #ddd; 
    position:relative;}
li.report_toc_link:last-child {border-bottom:1px solid #ddd;}
li.report_toc_link:hover,  li.report_toc_link_active {
    background: -webkit-linear-gradient(#eee, #ddd); /* For Safari */
    background: -o-linear-gradient(#eee, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eee, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eee, #ddd);/* Standard syntax */
}
li.report_toc_link  a {display:block; font-size: 14px; color: #28a665; font-weight: bold; text-decoration:none;height:100%;padding:5px;}
li.report_toc_link_active {
    background: -webkit-linear-gradient(#eee, #ddd); /* For Safari */
    background: -o-linear-gradient(#eee, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eee, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eee, #ddd);/* Standard syntax */
}
li.report_toc_link_active  a {color:black;}
ul.list-left {margin: 0; padding: 0; list-style-type: none;}
/* RESPONSIVE */
.links-height {height:24px; padding-top:3px;}

/* table.reportTable td.editableCell {background-image: url(/lyphp-latest/skin/images/famfam/pencil_small.png); background-repeat:no-repeat; background-position:top right;}
*/
td.editableCell {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQIW2P8z8AARAjASLoAAD+9B/3rBEHIAAAAAElFTkSuQmCC); background-repeat:no-repeat; background-position:top right;}


/* @group SIFORM */

.sf-group { border-top-color: #666; }
.sf-group-title { background: #666; }

.sf-tab { background-color: #AAA; border-color:#AAA; }
.sf-tab-active { background: #666; border-color:#666; }
.sf-group-title span { line-height: 15px; background-position: 5px 7px; }
.sf-group-collapsible .sf-group-title span { background-position: 5px 8px; }
.sf-tabs { border-bottom-color: #666; }

.button, .sf-buttons-bar input { 
    padding: 5px 10px 5px 10px; 
    height: auto; 
    border:2px solid #28a665;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*background: #28a665 url(../images/bg-sf-button.png) no-repeat center left;*/
    background: #28a665;
    font-size: 12px; 
    -moz-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
    box-shadow:1px 3px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
}

.button-draft, .sf-buttons-bar input.sf-button-draft {
    border:2px solid darkorange;
    background: darkorange;  
}

.button-cancel, .sf-buttons-bar input.sf-button-cancel {
    padding: 5px 10px 5px 24px;
    border:2px solid #b72d34;
    background: #b72d34 url(../images/bg-sf-button-cancel.png) no-repeat center left;  
}

.button-create, .sf-buttons-bar input.sf-button-create {
    padding: 5px 10px 5px 10px;
    border:2px solid #389090;
    background: #389090;  
}

.button-white {
    padding: 5px 10px 5px 10px;
    border:2px solid #fff;
    background: #fff;
    color:black;
}

.button-red, .sf-buttons-bar input.sf-button-red {
    padding: 5px 10px 5px 10px;
    border:2px solid #b72d34;
    background: #b72d34;  
}

.button-gray {
    padding: 5px 10px 5px 10px;
    border:2px solid lightgray;
    background: lightgray;
    color:black;
}

.button-disabled {
    padding: 5px 10px 5px 10px;
    border:2px solid lightgray;
    background: lightgray;
    color:lightgray !important;
}

.button-control {
    padding: 5px 5px 5px 5px;
    border:2px solid #28a665;
    background: #28a665;
    color:white !important;
    width:240px;
    margin:5px;
}

.button-control-preview {
    padding: 2px 5px 2px 5px;
    border:2px solid lightgray;
    background: lightgray;
    color:#333 !important;
    width:38px;
    margin-bottom:8px;
}

.button-orange {
    padding: 5px 10px 5px 10px;
    border:2px solid orange;
    background: orange;
    color:black !important;
}

.button-send {
    padding: 5px 5px 5px 5px;
    border:2px solid red;
    background: red;
    color:white !important;
    width:100%;
    margin:0px;
}

.button-edit {
    padding: 5px 5px 5px 5px;
    border:2px solid darkorange;
    background: darkorange;
    color:white !important;
    margin:0px;
}

.button:hover, .sf-buttons-bar input:hover { 
    border:2px solid gray;
    cursor:pointer;
}

.button-disabled:hover { 
    border:2px solid gray;
    cursor:pointer;
    color:lightgray !important;
}

.button-small-orange, .sf-buttons-bar .sf-button-small-orange {
    padding: 0px 0px 0px 6px;
    font-size: 10px;
    border:2px solid orange;
}

.button-small-red, .sf-buttons-bar .sf-button-small-red {
    padding: 0px 0px 0px 6px;
    font-size: 10px;
    border:2px solid #b72d34;
}

.button-small, .button-s, .sf-buttons-bar .sf-button-small, .sf-buttons-bar .sf-button-s {
    padding: 1px 0px 1px 6px;
    font-size: 10px; 
}

.button-xs, .sf-buttons-bar .sf-button-xs {
    margin: -1px;
    padding: 0px 0px 0px 6px;
    font-size: 10px; 
}

.editor_cancel_button, .editor_ok_button {
    padding: 2px 2px 2px 2px;
    font-size: 10px;
    border:2px solid #28a665;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: white;
    margin:2px;
}

.editor_ok_button {
    border:2px solid #28a665;
}

.editor_cancel_button {
    border:2px solid #b72d34;
}

.button-tiny {
    padding: 2px 7px 2px 7px;
    font-size: 10px; font-weight:bold;
    margin:0 3px 0 3px;
}

.button-big, .sf-buttons-bar .sf-button-big {
    padding: 10px 10px 10px 10px;
    font-size: 16px; 
}

.button-wide , .sf-buttons-bar .sf-button-wide {
    width:100%;
}

.button-wrap {
    white-space:pre-wrap;
}

.button-small-wide {
    padding: 1px;
    vertical-align: middle;
}

a.button-wide, a.button-big, a.button-small-wide { width:auto; display:block; text-align: center; }
a.button-wide:hover, a.button-big:hover, a.button-small-wide:hover { text-decoration:none;}
a.button {padding-right:5px;}
a.button div.famfamicon {margin-bottom:-3px;}

/* FORM BUILDER AND SIFORMS */
#fb_preview{padding:1px 0px 1px 0px;float:left;width:390px;background:#EEE;overflow-y:scroll;height:508px;}
#fb_tools{padding:5px;float:right;width:490px;overflow-y:scroll;height:500px;}
#fb_tools h1 { border: none; }
.maxLengthChecker { margin-top: -6px; }
.sf-readonly-field { color: #787878; }
.sf-ulLimited { background-color: #FFEEE6; }
.wrap-ulLimited { background-color: lightyellow;}
label.sf-ulLimited { background-color: lightyellow; }
.sf-help-text-plain {display:none;}

.mupControl .mup_iframe {width:100%; height:150px !important; border:1px solid gray;}

.list-table tr {}
.list-table th { padding: 10px; border: 1px solid #E6E7E8; text-align: left; }
.list-table td { padding: 10px; border: 1px solid #E6E7E8; }
.list-table tr:hover td { background: #F7F8FA; }
.list-table td.tools { width: 5px; white-space: nowrap; padding: 5px; }
.list-table .toolbar-button, a.toolbar-button { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); padding: 5px 3px 3px 4px; background-color: #E6E7E8; color: #333; border-radius: 1px; margin:1px; }
.list-table .toolbar-button:hover, a.toolbar-button:hover { background: #D1D3D4; }
.list-table-id { width: 10px; }

a .fa {color:black;}
/* a .fa {font-size:14px;} */

a .fa-lg {font-size:18px;}

.red {color:#FF6961 !important;}
.green {color:#6CA632 !important;}
.blue {color:#0D98BA !important;}
.black {color:#000 !important;}

table.display td a.button {
    line-height: 22px;
    font-weight: bold;
}

table.display td a.button-disabled {
    color:lightgray;
}

.button-touch {
    line-height: 45px !important;
    font-weight: bold;
    padding: 10px !important;
    background: transparent;
    color: black;
    font-weight: bold;
}

/* REPORTS */
.reportCellArea {width:200px;}

/* @end */
@media screen and (max-width:480px), screen and (max-device-width:480px){
    body {padding:0px; width:100%;}
    div#cookie-notice {width:auto;}
    div#PAGE {min-width:0; width:auto; padding:0px; padding-top:0;}
    #MAIN, #HEADERCONT, #FOOTER, #FOOTERCONT {width:auto; padding:0 5px 0 5px;}
    #HEADERCONT {padding:0 0 0px 0;}
    #FOOTERCONT {padding:5px 0 5px 0;}
    #LOGOTITLE, #LOGO{display:none !important;}
    #APP_TOOLBAR_LOGO {display:none !important;}
    #APP_TOOLBAR_BEHIND {height:24px;}
    #APP_TOOLBAR {height:24px; width:100%;}
    #LOGININFO { width:70% !important; float:left !important; text-align: left !important; margin:10px !important;}
    #navigation { top: 109px !important; left: 0px !important; width:auto !important;} /* 109+24-24 */
    #APP_TOOLBAR .famfamicon {zoom:1;}
    .column, .columnWide, .columnNarrow, .columnLastNarrow, .columnLast , .columnOneThird {
        width: 100%; margin-top: 10px;}
    .notif_report, .notif_error, .notif_trace {width: 100%; margin-top: 10px; padding:0px; background-image:none;}
    .notif_report div, .notif_error div, .notif_trace div {padding:5px;}
    pre {white-space: pre-wrap;}
    .formsnav, .tendersnav {display:none !important;}
    .tenderStatusString {float:none;}

    .links-height {height:53px; padding-top:3px;}
    .links-left {clear:both !important; float:none;}
    .links-right {clear:both !important; float:none;}

    /* SIFORM */
    .sf-info-right { float:right; }
    .sf-help-text {}
}