/* @group BASIC */
BODY { padding: 0px; margin: 0px; background-color: #FFF; }
BODY, TD, INPUT, TEXTAREA, SELECT {  font-family: Tahoma, sans-serif; font-size: 12px; color: #333; }
A { color: #33C; text-decoration: none; }
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 */
#bodyPart { background: #FFF; }
#MAIN { padding: 10px 10px 10px 10px; }
#TOC { padding: 10px 1px 10px 10px; }
/* @end */

/* @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 { font-size: 22px; color: #333; font-weight: normal; }
H2 { font-weight: normal; font-size: 19px; }
H2.roundeds, H2.roundeds TD { padding: 0px; font-size: 12px; font-weight: normal; color: #FFF; }
H2.roundeds DIV.fitted { background-color: #333; padding: 3px 5px 4px 5px; }
H2.red DIV.fitted { background-color: #990000; }
H2.blue DIV.fitted { background-color: #096B90; }
H2.green DIV.fitted { background-color: #789504; }
H2.grey DIV.fitted { background-color: #EEE; }
H3 { color: #F60; font-size: 16px; font-weight: normal; }
/* @end */

/* @group HEADER */
#header { background: #F93; }
#logo { position: absolute; top: 4px; left: 10px; font-size: 24px; text-decoration: none; }
#loginInfo { font-size: 10px; position: absolute; top: 5px; text-align: right; width: 900px; }
.headerTop { color: #000; }
#navigation UL { margin:0px; padding: 0px; position: absolute; top: 37px; }
#navigation UL.left { left: 10px; }
#navigation UL.right { left: 0px; width: 900px; }
#navigation LI { list-style: none; float: left; padding: 5px; margin-right: 3px; }
#navigation LI.last { margin-right: 0px; }
#navigation { font-size: 11px; text-decoration: none; }
#navigation A { font-size: 11px; text-decoration: none; }
#navigation UL.right LI { float:right; }
#bottomLine { height: 6px; position: absolute; top: 58px; left: 0px; width: 100%; }
.headerBottom { background: #39F url(../images/tab_bg-trans.png) repeat-x top left; }
.headerBottomText { color: #000; }
/* @end */

/* @group FORM */
label { color: #F60; }
.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; }
.w99 { width: 450px; }
.w66 { width: 310px; }
.w50 { width: 233px; }
.w33 { width: 154px; }
.w100p { width: 100%; }
.input100:focus, .input1:focus { background-color: #FFF; border: solid 1px #F8AF59; border-top-color: #F39010; border-bottom-color: #F9C17E; }
.inputError, .input100.inputError:focus, .input1.inputError:focus { border: solid 2px #C33; }
.bsubmit { background: #FFF; font-size: 14px; color: #3A8B36; border: double 3px #3DC536; border-top-color: #56C736; border-bottom-color: #3A8B36; }
.bcancel { background: #FFF; font-size: 14px; color: #D72C3C; border: double 3px #EA6777; border-top-color: #EC8B96; border-bottom-color: #D72C3C; }
.bsubmit:hover, .bsubmit:focus, .bcancel:hover, .bcancel:focus { font-size: 14px; border: double 3px #F8AF59; border-top-color: #F9C17E; border-bottom-color: #F39010; }
/* @end */

.alc { text-align: center; }
.tools IMG { margin: 0px 2px 0px 2px; }

/* titles */
.topTitle { font-size: 17px; color: #ff6600; margin-bottom: 15px; }
.title, .title A { font-size: 12px; color: #33C; padding-bottom: 0px; }
.smallTitle, .smallTitle A { color: #339933; font-size: 11px; text-decoration: none; }
/* general */
.info { font-size: 11px; color: #888888; }
.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; }

/** TODO LIST **/
/* PROJECT NAVIGATION */
#projectNavi { margin: 0; padding: 0px 0px 0px 0px; }
#projectNavi LI { list-style: none; background: #FFF; margin: 0px 1px 1px 0px; padding: 3px 5px 3px 5px; }
#projectNavi LI A { color: #444; text-decoration: none; }
#projectNavi LI.active { background: #DDD; }
#projectNavi LI.active A { color: #444; }
#projectNavi LI.folder { padding-left: 20px; background: white url(../images/icons/cplus.png) no-repeat 5px 5px; }
#projectNavi LI.folderOpened { padding-left: 20px; background: white url(../images/icons/cminus.png) no-repeat 5px 5px; }
#projectNavi UL { padding-left: 5px; }

/* PROJECT INFO */
.projectInfo { padding: 7px 10px 10px 10px; background: #E4E4E4; margin: 0px 0px 8px 0px; width: 476px; }
.projectInfo DIV, .projectInfo P { color: #666; font-size: 11px; }
.projectInfo .title { font-size: 14px; color: #09F; padding-bottom: 5px; }
.projectInfo .title .edit, .projectInfo .title .edit A { font-size: 11px; color: #888; }
.projectInfo A, .projectInfo .title .edit A { color: #33C; }
.projectInfo .info { margin: 10px 0 0 10px; color: #888; }

/* mainTodo */
.mainTodo { display: block; margin-bottom: 0px; }
.mainTodo .title { color: #F60; font-size: 14px; text-decoration: none; margin-bottom: 3px; }
.mainTodo .info, .mainTodo .info span { color: #999; font-size: 11px; text-decoration: none; }
.mainTodo .info .on_time { color: #262; font-weight: bold; }
.mainTodo .info .past_due{ font-weight: bold; color: #C33; }
.mainTodo .info A { color: #66C; text-decoration: none; font-size: 11px; }
.mainTodo .content p { color: #777; margin:5px 0 15px 10px; padding:0; font-size: 12px; line-height: 17px; }

/* komentarji */
.mainComment H4 { color:#F60; margin: 0; padding:0; margin-top: 10px; }
.mainComment .commentLink A { font-size: 12px; text-decoration: none; color: #09F; text-decoration: none; }
.mainComment .comment { background: #FFF url(../images/commentBg.gif) repeat-x top left; border: solid 1px #CCC; padding: 5px; margin-top: 10px; }
DIV.commentAuthor { color: #AAA; }

/* dokumenti */
.mainDocument H4 { color:#F60; margin: 0; padding:0; margin-top: 10px; }
.mainDocument .documentLink A { font-size: 12px; text-decoration: none; color: #09F; }
.mainDocument .document { padding-top: 5px; }
.mainDocument .documentTitle A { font-weight: bold; color: #09F; text-decoration: none; }
.mainDocument .documentTitle .knof { vertical-align: middle;}
.mainDocument .documentInfo { color: #999; }

/* autocomplete */
div.auto_complete { width: 350px; background: #fff;}
div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; }
div.auto_complete ul li { margin:0; padding:3px; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }

/** LYPHP **/
.required { font-size: 15px; font-weight: bold; color: #C33; }

/* VALIDATION */
.validationErrors { width: 360px; margin: 10px 0px 20px 0; }
.validationHead { background: #C33; color: #FFF; font-size: 15px; font-weight: bold; padding: 3px; border-bottom: solid 1px #CCC; }
.validationBody { background: #EEE; padding: 0;  }
.validationError { padding: 8px 8px 8px 8px; }

/* NOTIFICATIONS */
.notif_error { border: solid 1px #c33; background: #FAF7F7; color: #C33; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_report { border: solid 1px #393; background: #F3FAF3; color: #393; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_trace { border: solid 1px #3974D7; background: #E7F1FF; color: #3974D7; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_report div, .notif_error div, .notif_trace div { margin-bottom: 8px; }

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

/**
* DISPLAY TABLE
*/
/* BLUE */
table.display DIV { display: inline; }
table.display THEAD TD, table.display TR.th, table.display TR.th TD {
	background: #FF9A57; text-transform:uppercase; font-weight: bold; white-space: nowrap; color: #111; font-size: 11px;
}
table.display THEAD TD IMG { vertical-align:top; }
table.display THEAD TD.armed { cursor: pointer; }
table.display TR.tr1 TD, table.display TD.tr1 { background: #FFEFE5; }
table.display TR.tr2 TD, table.display TD.tr2 { background: #FFE0CC; }
table.displayInfo { background: #FF9A57; margin: 0px 1px 0px 1px; }
table.displayInfo TD { height: 25px; font-weight: bold; font-size: 11px; color: #111; }
TD.displayMiddle { background: #CCE0FF; padding: 5px; border: solid 1px #FFF; border-bottom: none; }
/* ORANGE */
table.displayO THEAD TD { background: #FFD1B2; text-transform:uppercase; font-weight: bold; }
table.displayO THEAD TD IMG { vertical-align:top; }
table.displayO TR.tr1 TD { background: #FFEFE5; }
table.displayO TR.tr2 TD { background: #FFE9DB; }
table.displayInfoO { background: #FFE9DB; margin: 0px 1px 0px 1px; }
table.displayInfoO TD { height: 29px; font-weight: bold; }
TD.displayMiddleO { background: #FFD1B2; padding: 5px; border: solid 1px #FFF; border-bottom: none; }

/**
* SORTING
*/
.sort-arrow.descending { background: url("../images/sort_down.gif") no-repeat center right; }
.sort-arrow.ascending { background: url("../images/sort_up.gif") no-repeat center right; }

/**
* BUBLE
*/
#buble { background: #E4E4E4; padding: 10px; }
#bubleTable { margin-bottom: 10px; }
#buble A { text-decoration: none; }

/**
* DRAGGABLE
*/
.draggable { padding: 5px 5px 2px 5px; border: solid 1px #09F; margin:5px 0px 10px 0px; width: 335px; }
.draggable LI {
	margin: 0px; margin-bottom: 3px; padding: 4px 10px 4px 0px;
	list-style: none; border: solid 1px #F60;
}
#notUsed.draggable LI { border-color: #666; }
.dragable A { padding-bottom: 10px; clear: both; }
.draggable .handle { background: #F60; padding: 4px; color: #FFF; cursor: move; margin-right: 5px; float: left; margin-top: -4px; }
.draggable .itemText { }
#notUsed.draggable .handle { background: #666; padding: 4px; padding-bottom: 5px; color: #FFF; cursor: move;margin-right: 5px;}

/* komentarji */
/*.mainComment { width: 100%; }
*/
.commentLink A { font-size: 12px; text-decoration: none; color: #09F; text-decoration: none; }
.commentLink A.close { color: #C33; }
.comment { width: 400px; margin-bottom: 10px; background: #E4E4E4; padding: 5px 5px 0px 5px; margin-top: 10px; }
.comment A.delete { color: #C33; font-size: 10px; font-weight: bold; }
DIV.commentAuthor { color: #666; }

/* dokumenti */
.mainDocument H4 { color:#F60; margin: 0; padding:0; margin-top: 10px; }
.mainDocument .documentLink A { font-size: 12px; text-decoration: none; color: #09F; }
.mainDocument .document { padding-top: 5px; }
.mainDocument .documentTitle A { font-weight: bold; color: #09F; text-decoration: none; }
.mainDocument .documentTitle .knof { vertical-align: middle;}
.mainDocument .documentInfo { color: #999; }

b.niftycorners,b.niftyfill{display:block}

/* @group NIFTY */
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners * {display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/* @end */

/* @group TOCCLOUD */
.tocCloud { width: 160px; background-color: #DDD; padding: 5px; }
.tocCloudTitle { background-color: #FFF; margin-bottom: 5px;	font-size: 14px; padding: 2px 0 2px 7px; }
.tocCloudHeader {	font-size: 14px; }
.tocCloudContent { padding-bottom: 5px; }
/* @end */

.rounded { width: 482px; padding: 5px; background: #EEE; }
.vspaced { line-height: 20px; }

.hl { background-color: #F4CC19; }
.column { float:left; margin-right: 20px; }
.column.last { float: none; }

/* @group REPORT ENTRY */
.reportEntry { margin-bottom: 10px; }
.reportEntry .title { font-size: 15px; margin-bottom: 3px; color: #F60; }
.reportEntry .info { font-size: 11px; color: #777; }
.reportEntry .content { color: #333; }

/* @group RESIZABLE TEXTBOX */
.rtContainer { position: relative; font-size: 1px; }
.rtTextArea { position: absolute; left: 1px; top: 1px; border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: White; }
.rtTopEdge, .rtLeftEdge { position: absolute; left: 0px; background-color: #A5ACB2; }
.rtTopEdge { height: 1px; }
.rtLeftEdge { width: 1px; }
.rtRightEdge { position: absolute; width: 4px; top: 3px; cursor: e-resize; background-image: url('../images/vert_repeater.gif'); background-repeat: repeat-y; }
.rtBottomEdge { position: absolute; height: 4px; left: 3px; cursor: s-resize; background-image: url('../images/horz_repeater.gif'); background-repeat: repeat-x; }
.rtCorner, .rtLeftCorner, .rtTopCorner, .rtBottomHandle, .rtRightHandle, .rtTopRightImage, .rtBottomLeftImage { position: absolute; background-image: url('../images/non_repeaters.gif'); background-repeat: no-repeat; }
.rtCorner { height: 7px; width: 7px; cursor: se-resize; background-position: -23px -7px; }
.rtLeftCorner { height: 7px; width: 7px; top: 0px; left: -7px; background-position: -16px -7px; }
.rtTopCorner { height: 7px; width: 7px; top: -7px; left: 0px; background-position: -23px 0px; }
.rtRightHandle { width: 8px; height: 22px; left: 0px; background-position: 0px 0px; }
.rtBottomHandle { width: 22px; height: 8px; top: 0px; background-position: -8px -14px; }
.rtTopRightImage { width: 4px; height: 3px; top: -3px; left: 0px; background-position: -10px -6px; }
.rtBottomLeftImage { width: 3px; height: 4px; top: 0px; left: -3px; background-position: -10px -1px; }

/* ICONSOLE */
#iconsole { padding: 5px; background: #555; display: block; width: 33%; position: absolute; top: 10px; left: 10px; }
#f_iconsole { width: 100%; background: none; border: none; font-size: 21px; color: white; font-family: "Andale Mono", "Courier New"; }
#iconsole_popup { width: 400px; position: absolute; background: #555; padding: 10px; color: #FFF; }
#iconsole_popup em { font-size: 17px; color: #F60; font-style: normal; }
#iconsole_popup b { color: #F60; }
div#iconsole_ac { position:absolute; width:250px; background-color:#555; margin:0px; padding:0px; }
div#iconsole_ac ul { list-style-type:none; margin:0px; padding:0px; margin-top: 5px; }
div#iconsole_ac ul li.selected { background-color: #666;}
div#iconsole_ac ul li {
	list-style-type:none; display:block; font-size: 17px; color: #FFF; margin:0; padding: 4px 2px; cursor:pointer;
	font-family: "Courier New";
}
.usernamehead {
  transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
}
.border { border: 1px solid black;}