/* DEMOSTHENES */

/* tables */

.demosthenes .content .leftBar.leftMenu a {font-size:14px; } 
.demosthenes .content .leftBar.leftMenu a:hover { color:#224e88 } 
.demosthenes .content .leftBar.leftMenu a.selected {font-weight:600; color:#224e88 } 
.demosthenes h1 {font-weight:300; color:#224e88; font-size:24px; margin:0; padding:0 0 0 10px}
.demosthenes .subH1 {font-size:14px; color:#8e8d95; padding-bottom:24px; padding-left:10px}
.demosthenes .pageGroup .rightBar {padding-top:0px;}
.demosthenes .documentTypeInfoBox {background:#ececec url('../images/demosTyp.png') no-repeat 25px 22px; font-size:12px; color:#141414; padding:20px 15px 17px 75px; line-height:15px; margin-left:10px; margin-right:10px;}

.demosthenes .documentTypeInfoBox h2 {font-size:14px; font-weight:600; color:#141414; padding:0; margin:0;line-height:17px; position:static; top:0px;  }
.demosthenes .tableFilter .filterRow .field .txt {width:570px; }

.demosthenes .structuredTable tr.first.main2 td	{ border-top: 2px solid #a0a0a0;}
.demosthenes .structuredTable tr.main2 td	{ padding-left:9px; padding-right:9px;  border-top: 1px solid #a0a0a0; border-bottom:1px solid #cdcdcd; vertical-align: top}
.demosthenes .structuredTable tr.main3 td	{ padding-left:9px; padding-right:9px;  border-top: 1px solid #a0a0a0; border-bottom:0px solid #cdcdcd; vertical-align: top}
.demosthenes .structuredTable tr.main2 td a {color:#2b64ae; text-decoration:none}
.demosthenes .structuredTable tr.main3 td a {color:#2b64ae; text-decoration:none}
.demosthenes .lightGray {background-color:#f2f2f2;}
.demosthenes .structuredTable tr.sub2 td {font-size:12px; color:#888888; padding:5px 9px}
.demosthenes .simpleTable th, .demosthenes .structuredTable th { padding:0 5px; }
.demosthenes .structuredTable th div.name { white-space: nowrap; padding-right:20px; }

.demosthenes.wide .content .rightBar .left 	{width:472px;}


/* Menu */

.demosthenes .jqDropdown 			{font-size:20px; width:386px; background:white; margin:40px auto 40px auto; }
.demosthenes .jqDropdown a                   {display:block; text-decoration: none; }
.demosthenes .jqDropdown #openMenu 		{color:#255089; width:369px; height:49px; overflow:hidden; border:1px solid #d8d8d8; padding-left:15px;  line-height:49px; background:url('../images/DemosDropdown.png') no-repeat 330px 2px  }

.demosthenes .jqDropdown .divider		{height:1px; overflow:hidden; background:#d8d8d8; margin-top:2px}
.demosthenes .jqDropdown .subDivider		{height:2px; overflow:hidden; background:#c5c5c5; margin: 2px 2px 0 2px}
.demosthenes .jqDropdown #doc_action_list		{border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:0px 0 2px 0; position:absolute; background-color:white; width:384px; display:none; z-index: 900; }
.demosthenes .jqDropdown #doc_action_list a             {height:45px; color:#434343; line-height:45px; overflow:hidden; padding-left:39px; background:#f2f2f2; margin:2px 0 0 0; border-left:2px solid white; border-right:2px solid white; }
.demosthenes .jqDropdown #doc_action_list a.darker	{background:#e7e7e7}
.demosthenes .jqDropdown #doc_action_list a:hover       {border-left:2px solid #2f588f; border-right:2px solid #2f588f; }

.demosthenes .jqDropdown #list		{border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:0px 0 2px 0; position:absolute; background-color:white; width:384px; display:none; z-index: 900; }
.demosthenes .jqDropdown #list a             {height:45px; color:#434343; line-height:45px; overflow:hidden; padding-left:39px; background:#f2f2f2; margin:2px 0 0 0; border-left:2px solid white; border-right:2px solid white; }
.demosthenes .jqDropdown #list a.darker	{background:#e7e7e7}
.demosthenes .jqDropdown #list a:hover       {border-left:2px solid #2f588f; border-right:2px solid #2f588f; }

.demosthenes #doc_action_list a.open			{background:#f2f2f2 url('../images/DemosMenuIconDownload.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.addComment		{background:#f2f2f2 url('../images/DemosMenuIconAddComment.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.newVer		{background:#f2f2f2 url('../images/DemosMenuIconNewVersion.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.addOld		{background:#f2f2f2 url('../images/DemosMenuIconNewVersion.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.getDone		{background:#f2f2f2 url('../images/DemosMenuIconDone.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.sendMail	{background:#f2f2f2 url('../images/DemosMenuIconSendMail.png') no-repeat 16px 15px}
.demosthenes #doc_action_list a.edit		{background:#f2f2f2 url('../images/DemosMenuIconEdit.png') no-repeat 16px 15px}
.demosthenes .formRow .fieldNE {width:287px; float:left; color:#696969}
.demosthenes .infoBox p a {text-decoration:none}
.demosthenes .infoBox p {margin:0 0 5px 0; padding:0}
.demosthenes .infoBox.first {margin-top: 40px} 
.demosthenes .tabs {margin-bottom:15px}
.demosthenes .tabs .rSwitch {float:right}


.demosthenes .ico.connected {display:inline-block; width:13px; height:12px; background:url('../images/DemosTableIconConnected.png') no-repeat; position:relative; top:3px; margin-right:3px;}

.demosthenes .ico.delete {display:inline-block; width:13px; height:12px; background:url('../images/DemosTableIconRemove.png') no-repeat; position:relative; top:3px; margin-right:3px;}
.demosthenes .ico.comment {display:inline-block; width:13px; height:12px; background:url('../images/DemosTableIconAddComment.png') no-repeat; position:relative; top:3px; margin-right:3px;}
.demosthenes .ico.dload {display:inline-block; width:13px; height:12px; background:url('../images/DemosTableIconDownload.png') no-repeat; position:relative; top:3px; margin-right:3px;}
.demosthenes .ico.edit {display:inline-block; width:13px; height:12px; background:url('../images/DemosMenuIconEdit.png') 0px -3px no-repeat; position:relative; top:3px; margin-right:3px;}

.demosthenes .docInfo .button {display:inline-block; background:#d8d8d8; border:1px solid #d2d2d2; padding:2px 7px; font-size:14px; text-decoration:none; color:#383838; margin:5px 5px 5px 55px}


#typesContainer {padding-top:20px}

.demosthenes #typesContainer a {display:block; font-weight:bold; float:left; width:202px; height:50px; margin:0 8px 9px 9px; background:#f3f3f3 url('../images/DemosDocType.png') no-repeat 24px 20px; color:#141414; font-size:12px; text-decoration:none; overflow:hidden; padding: 17px 25px 0px 72px}
.demosthenes #typesContainer a div { color: #aaa; font-weight:normal; height:18px; text-overflow: ellipsis; font-size:10px;  }

.demosthenes #typesContainer a.thrdItem {margin-right:0px}

.demosthenes #sections		{position:relative; visibility: hidden; }

.demosthenes #innerSections	{ position:absolute; width:832px; height:505px;  top:170px;  z-index: 1000; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.demosthenes #sectionsScroller	{width:770px; height:455px; overflow:auto;  margin-top:25px; margin-bottom:20px}

.demosthenes #sectionsScroller a {display:block; float:left; width:295px; height:90px; overflow:hidden; color:#224e88; font-size:24px; font-weight:100; text-decoration:none; background:url('../images/DemosSectionIcon.png') no-repeat 24px 7px ; padding:0px 0 0 68px}
.demosthenes #sectionsScroller a div { text-overflow: ellipsis; overflow: hidden;  width: 260px; height: 1.2em; white-space: nowrap; }
.demosthenes #sectionsScroller a span {display:block; font-size:13px; color:#8e8d95}

.demosthenes #sections a.ico.close {position:absolute; top:20px; left:798px; width:15px; height:15px; background:url('../images/DemosCloseIcon.png') no-repeat; text-decoration:none}



.editBox.wideForm .formRow label, .editBox.fourCol .formRow label, .editBox.addAttr .formRow label			{width:140px; font-size:14px; color:#383838; float:left; padding-bottom:0}
.editBox.wideForm .formRow .field .txt		{width:720px; }
.editBox.wideForm .formRow .field textarea		{width:720px; height:65px; border:1px solid #c3c5cc }
.editBox.wideForm .formRow .field select		{width:726px; }
.editBox.fourCol .formRow .field			{width:465px; float:left}
.editBox.fourCol .formRow .field .txt		{width:465px; }
.editBox.fourCol .formRow .field textarea { width:465px; height: 80px; }
.editBox.fourCol .formRow .attrDesc		{width:190px; float:left; font-size:14px; font-style:italic; padding:4px 20px}
 .removeAttr		{width:30px; float:left}
 .removeAttr a		{display:inline-block; width:15px; height:15px; background:url('../images/DemosRemoveAttr.png') no-repeat; text-decoration:none; margin-top:5px}
.editBox.fourCol .multipleVal			{font-size:14px; color:#6f6f6f; background:url('images/DemosPuntik.png') no-repeat 0px 8px; padding-left:10px}
.editBox.fourCol .subField				{padding-top:5px; }
.editBox.fourCol .formRow .field .subField select				{width:380px;}
.editBox.fourCol .subField a 			{display:inline-block; background:#d8d8d8; color:#383838; padding:4px 10px; margin:0 0 0 20px;  text-decoration:none; position:relative; top:2px; font-size:14px}
.editBox.fourCol .formRow .field select		{width:465px; }
.demosthenes label.mandatory					{font-weight:600}
.editBox.fourCol .formRow .field .txt.date		{width:90px; float:left}
.editBox.fourCol .formRow .field a.pickDate	{float:left; display:block; width:27px; height:27px; background:url('../images/DemosDateTime.png') no-repeat; text-decoration:none; margin:1px 0 0 10px}
.editBox.fourCol .formRow .field .dateChkbx	{margin:0 0 0 40px}
.demosthenes .editBox.fourCol .formRow .field .infinite		{float:left; margin:3px 0 0 0}
.demosthenes input.txt, .demosthenes textarea, .demosthenes select {padding-left:3px; padding-right:3px;}

.demosthenes div.tabswithmenu select { width:245px !important; }

.editBox.fourCol .formRow {padding-bottom:20px}
.editBox.wideForm .formRow {padding-bottom:12px}
.editBox.addAttr select {width:580px}
.editBox.addAttr a.button 			{display:inline-block; background:#d8d8d8; color:#383838; padding:4px 10px; margin:0 0 0 20px;  text-decoration:none; position:relative; top:2px; font-size:14px}


/* STEPS - new 29.7.2015 */

#steps a {text-decoration:none; font-size:14px; display:block; margin:0; padding:0 }

#steps a.gray {color:#aeaeae} 
#steps a.blue {color:#2b64ae} 
#steps a.black {color:#464646} 

#steps a.stepOne {padding: 7px 0 0 39px; height:32px;}
#steps a.stepOne.black {background:url('../images/phase1b.png') top left no-repeat}
#steps a.stepOne.blue {background:url('../images/phase1bl.png') top left no-repeat}
#steps a.stepOne.gray {background:url('../images/phase1g.png') top left no-repeat}

#steps a.stepTwo {padding: 13px 0 0 39px; height:34px;}
#steps a.stepTwo.black {background:url('../images/phase2b.png') top left no-repeat}
#steps a.stepTwo.blue {background:url('../images/phase2bl.png') top left no-repeat}
#steps a.stepTwo.gray {background:url('../images/phase2g.png') top left no-repeat}

#steps a.stepThree {padding: 13px 0 0 39px; height:34px;}
#steps a.stepThree.black {background:url('../images/phase3b.png') top left no-repeat}
#steps a.stepThree.blue {background:url('../images/phase3bl.png') top left no-repeat}
#steps a.stepThree.gray {background:url('../images/phase3g.png') top left no-repeat}

#steps a.stepFour {padding: 13px 0 0 39px; height:34px;}
#steps a.stepFour.black {background:url('../images/phase4b.png') top left no-repeat}
#steps a.stepFour.blue {background:url('../images/phase4bl.png') top left no-repeat}
#steps a.stepFour.gray {background:url('../images/phase4g.png') top left no-repeat}

#steps a.stepFive {padding: 4px 0 0 39px; height:43px;}
#steps a.stepFive.black {background:url('../images/phase5b.png') top left no-repeat}
#steps a.stepFive.blue {background:url('../images/phase5bl.png') top left no-repeat}
#steps a.stepFive.gray {background:url('../images/phase5g.png') top left no-repeat}

#steps a.stepSix {padding: 13px 0 0 39px; height:34px;}
#steps a.stepSix.black {background:url('../images/phase6b.png') top left no-repeat}
#steps a.stepSix.blue {background:url('../images/phase6bl.png') top left no-repeat}
#steps a.stepSix.gray {background:url('../images/phase6g.png') top left no-repeat}

#steps a.disabled { text-decoration: line-through; color: gray; }






.notification {background:#f1f1f1; padding: 20px 0 0 79px; min-height:60px; margin:0 10px 5px 10px}
.notification p {padding:0; margin:0; font-size:14px}
.notification p a {color:black; text-decoration:none}
.notification.watching  {background:#f1f1f1 url('../images/watched.png') 24px 17px no-repeat}
.notification.tasks  {background:#f1f1f1 url('../images/tasks.png')  27px 16px no-repeat}
.notification h3 {font-weight:300; font-size:20px;  color:#2a62ac; padding:0; margin:0; line-height:22px}

div.pozpodcar { color: #999; font-size:11px; text-align:right; }





/* 14.8.2015 */

#turnOff	{float:right; display:block; width:16px; height:16px; margin:11px 2px 0 0 ; background:url('../images/turnOff.png') no-repeat top left; text-decoration:none}
#row1 #user 	{background:url('../images/dummyHear.png') no-repeat center left; display:block; padding-left:20px; padding-right:5px}
#appSwitch 	{height:40px; text-decoration:none; background:url('../images/arrowDown.png') no-repeat right center; padding-right:13px; color:#383838}
#logo		{position:relative}
#logo .jqDropdown {position:absolute; top:35px; left:0; margin:0; visibility: hidden; }

/*.backLink	{float:right; background:url('images/back.png') no-repeat center left; display:block; padding-left:20px; width:40px; font-size:12px; color:#888888; text-decoration:none; margin-top:20px}*/

.widelabel label { width: 170px; }
.widelabel .fieldNE { width: 250px !important; }