/*css reset*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height: 1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------eC begins here--------*/
/*all media and sizes*/

/*fonts*/
body,input,button,textarea,select{font-family:'Segoe UI', Helvetica, Arial, sans-serif;}
body
{
    overflow-y:scroll;
     font-size:75%;/*for ie6 & ie7 zoom issues; 12px for default browser value of 16px*/
	line-height:1.333em;/*16px default*/
}
html>body{font-size:12px}
.content h1,.content h2, #headMenuContent a.txtlink,.tabs .tab,.tabs .ajax__tab_outer,.tabs h1,.atomContent p.naslov,.atomBtn.next.nextLogin,.newsCategoryLink,
.newsDetailLinkTitle{font-family:'Segoe UI Light', 'Segoe UI', Helvetica, Arial, sans-serif}

/*utility*/
.clearfix:after,.headTopLogoTitle:after,#headMenu1:after,#headMenu2:after,#headMenuContent:after,#headTopContent:after,#mainContent:after,.atom:after,.btnsGroup1:after,
.btnsGroup2:after,.atomBtns:after,.atomContent:after,.moreBar:after,.userComment:after,.tileContent:after,.columnContent:after,.tabs:after,.ajax__tab_header:after,
.detailsHeader:after,.details:after,.tabcontent:after,.visProgress:after,.menuItem:after,.menuItemIcons:after,.graphProgressContent:after,
.eclassroomFull:after,.group:after,.detailsSubTitle:after,.loginBox .login:after,.atomTreeItem:after,.subTabs:after,.pmSearchBox:after,
.pmToolbar:after,.ui-tabs-panel:after,.pmJoinedMessageHeader:after,.pmMessageData:after,.pmJoinedMessageActions:after,.pmChooseRecepients:after,.searchBox:after,.form:after,
#eClassroomDesc:after,.moreValuesFirstValue:after,.eIndex .tileAdditional:after,.legendItem:after,.loginTblRow:after,.programsList:after,.atomEditBtnBar:after,
.objectListTop:after,.objectListBottom:after,#objectEdit:after,.licenceExpiry:after
{
	/*this is really important:*/
	display: block;
	clear: both;
	content: "";
			
	/*this is less important:*/
	visibility: hidden;
	font-size: 0;
	height: 0;
}

.colonAfter:after{content:":";display:inline}/*dodamo podpicje na konec vseh elementov s klaso .colonAfter; namesto novih prevodov*/
.plusAfter:after{content:"+";display:inline}/*dodamo plus (+) na konec vseh elementov s klaso .plusAfter; namesto novih prevodov*/

.content p:not(.horline):empty,.loginMsg .loginMessage1:empty,.loginMsg .loginMessage2:empty,.loginErrors .loginMessage3:empty,.loginErrors .loginMessage4:empty,.qq-upload-list:empty
{margin:0;line-height:0;font-size:0;padding:0;display:none}/*for empty elements*/

.noTextSelection,.atomName,#userMenuTrigger span,.moreActionsMenu a{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.clr,.clear{clear:both;font-size:0;line-height:0}
.imgLeft{float:left;margin:0 1em 1em 0}
.imgRight{float:right;margin:0 0 1em 1em}
.bold,.emp,.required,b,strong{font-weight:bold}
.italic{font-style:italic}
.overLine{text-decoration:line-through}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.top{vertical-align:top}
.pointer,.fieldsShowed,.fieldsHidden{cursor:pointer}
.floatL{float:left}
.floatR{float:right}
.wordWrap{word-wrap:break-word}/*css3; dela v ie7, ie8, ff, opera, chrome, safari*/
.noWrap{white-space:nowrap}
.lowerCase{text-transform:lowercase}
.widthMax{width:100%}
.overflowAuto{overflow:auto}
#colorHelper, .noDisplay{display:none}

.error,.tablesort td a.error:link,.tablesort td.error a{color:red}/*pri vecini portalov, po potrebi povozimo*/
.inpTxt.invalid{border:1px solid red}

/*legacy*/
.sirina100{width:100px}

/*bckg images all*/
.tile.graph{cursor:default}/*dokler ne dodamo povezavo*/
.graph .tileContent.progress{background:url(baseImg/progress70.gif) no-repeat center center}
.graph .tileProgress{display:none}/*zacasno*/
#headProgressData{background:url(baseImg/progress28b.gif) no-repeat center left}

/*opacity*/
.layoutModeBtn{opacity:0.2}
.moreBar .moreBtn, .moreBar .moreBtn:link,.moreBar .moreBtn:visited,#headMenuContent .imglink,#headMenuContent .imglink:link,#headMenuContent .imglink:visited,
.myCommentsBtn,.myCommentsAdd,.titleLinkSmall:link,.titleLinkSmall:visited,.titleLink:link,.titleLink:visited,.postBtn:link,.postBtn:visited,.mqEditBtn:link,.mqEditBtn:visited,
#headMenuContent a.txtlink:link,#headMenuContent a.txtlink:visited{opacity:0.6}
.moreBar .moreBtn:hover,.moreBar .moreBtn:active,#headMenuContent .imglink:hover,#headMenuContent .imglink:active,#headMenuContent .imglink.active,
.myCommentsBtn:hover,.myCommentsAdd:hover,.titleLinkSmall:hover,.titleLinkSmall:active,.titleLink:hover,.titleLink:active,.postBtn:hover,.postBtn:active,.mqEditBtn:hover,.mqEditBtn:active,
#headMenuContent a.txtlink:hover,#headMenuContent a.txtlink:active,#headMenuContent a.txtlink.active:link,#headMenuContent a.txtlink.active:visited,
.sideNav:hover .sideBtnIcon,.layoutModeBtn:hover,.layoutModeBtn.active{opacity:1}

/*CSS3 transitions*/
.tile,table.themesGrid tr,.userComment,.iconLink,.inlineBtn,.sideNav,.pagerBtn,.gridPager a,.colleaguesList .tile .tileName{
	transition: background-color 200ms;
	-moz-transition: background-color 200ms;
	-webkit-transition: background-color 200ms;
	-o-transition: background-color 200ms;
}/*.tileData,.tileDesc*/
#headMenu1.txtlink,.tabs .tab,.tabs .ajax__tab_outer,.subTabs .ajax__tab_outer,.atomContent ul.tabsUl a{
	transition: color 200ms;
	-moz-transition: color 200ms;
	-webkit-transition: color 200ms;
	-o-transition: color 200ms;
}
.moreBar .moreBtn,.atomBtn,#headMenuContent .imglink,.myCommentsBtn,.myCommentsAdd,.postBtn,.mqEditBtn,.menu,#headMenuContent a.txtlink,.sideBtnIcon,.layoutModeBtn,
.lightbox.objVideo:not(.noIcon) img,.lightbox.objImage:not(.noIcon) img,.fancybox:not(.noIcon) img,.fancybox:not(.noIcon) img
{
	transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
	-o-transition: opacity 200ms;
}

/*experimental progress for ajax loading*/
/*
.listDetails #column1 .tile .tileProgress{width:0}

.listDetails #column1 .tile.active .tileProgress{width:100% ! important}
.listDetails.classrooms #column1 .tile.active .tileProgress,
.listDetails.forums #column1 .tile.active .tileProgress
{
	transition: width 1000ms linear;
	-moz-transition: width 1000ms linear;
	-webkit-transition: width 1000ms linear;
	-o-transition: width 1000ms linear;
}

.listDetails.ecourses #column1 .tile.active .tileProgress{
	transition: width 400ms linear;
	-moz-transition: width 400ms linear;
	-webkit-transition: width 400ms linear;
	-o-transition: width 400ms linear;
}
*/

/*all*/
#sysMessages{padding:0.66667em 0;font-weight:bold;font-size:1.33333em/*premakni v childe po potrebi*/}
#sysMessages a:not(.inlineBtn):link,#sysMessages a:not(.inlineBtn):visited{text-decoration:underline}
#sysMessages a:not(.inlineBtn):hover,#sysMessages a:not(.inlineBtn):active{text-decoration:none}
#sysMessages #licenceExpiryMsg{float:left;padding:0.5em 1em 0 0}
#sysMessages .inlineBtnBar{float:left}
#sysMessages .inlineBtn{font-size:0.750em;font-weight:normal;margin-bottom:0}
#sysMessages .licenceExpiry .moreActionsMenu{text-align:left;width:400px;padding:0.5em}
#headProgress{position:absolute;z-index:100000;top:0;left:0;width:100%;height:100%;text-align:center}
#headProgressDataBox{position:fixed;width:100%;z-index:100000}
#headProgressData{display:inline-block;/*position:fixed;*/z-index:100000;padding:0.2em 1em 0.2em 50px;margin:0 auto;font-size:1.33333em;line-height:1.75000em;text-align:center;background-position:1em center}
#progressShadow{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9998}

#headMenuContent .search{cursor:pointer}
#userMenu a,.moreActionsMenu a{display:block;padding:0.28571em 1.14286em;font-size:1.16667em;line-height:1.42857em;text-decoration:none;white-space:nowrap}
.moreActionsMenu a.active{background-position:-10px -1272px;padding-left:45px}
.searchInput{display:none}/*initially hidden*/
.searchInput .inpTxt{padding:2px;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

.searchInput .searchBtn{width:24px;height:24px;border:0;background-position:right -1911px;cursor:pointer}
#headMenuContent .cart{}

#footer{padding:0.83333em 0}
#footerContent{text-align:center}
#footerContent a:link,#footerContent a:visited{text-decoration:none}
#footerContent a:hover,#footerContent a:active{text-decoration:underline}

.content{margin:0 auto}

#headMenuContent a{display:block;float:left}
#headMenuContent .imglink.openMenu{display:none}
.group.themeList{margin-bottom:1.33333em}
.headerGroup,.linkGroup{margin-bottom:1.33333em}
.tile{margin-bottom:1.33333em;/*cursor:pointer*/}
a.tile{display:block;text-decoration:none}
/*tile list - generic container for displaying tiles as list*/
.tileList .tile{margin-bottom:0}
.tileData{position:relative}
.tileProgress{height:100%;position:absolute;z-index:900}
.tileContent{position:relative;padding:1.33333em;z-index:1000}
.tileList .tileContent{padding:0.5em 1.33333em 0.41667em 1.33333em}
.tileList .tileContent .tileNum{width:10%}
.tileList .subactivityList .tileContent{background-position:25px -2360px;padding-left:2.66667em}
.tileList .subactivityList .tile:last-child .tileContent{background-position:25px -2450px}
.news .tileContent{padding:1.33333em 1.33333em 0 1.33333em}
.tileText .name{text-transform:uppercase}
.tile .icon{width:32px;height:32px;float:left;margin-right:3.819444444444444%}
.tileList .tile .icon{width:20px;height:20px;margin-right:1.33333em}
.classroom .icon{background-position:0 -650px}
.econtent .icon{background-position:0 -3890px}
.econtent.eContentScorm .icon{background-position:0 -4475px}
.econtent.eContentFile .icon{background-position:0 -4520px}
.news .icon{background-position:0 -740px}

.aTask .icon{background-position:0 -5420px}
.aLearn .icon{background-position:0 -5465px}
.aTest .icon{background-position:0 -5510px}
.aCommunicate .icon{background-position:0 -5555px}
.aUrl .icon{background-position:0 -5600px}
.aFile .icon{background-position:0 -5645px}
.aGroup .icon{background-position:0 -5690px}
.aConference .icon{background-position:0 -65px}

.step1 .icon{background-position:0 -4970px}
.step2 .icon{background-position:0 -5015px}
.step3 .icon{background-position:0 -5060px}
.step4 .icon{background-position:0 -5105px}
.step5 .icon{background-position:0 -5150px}

.tile.aGroup{cursor:default}
.tileText{width:59.02777777777778%;float:left}
.news .tileText{width:77.43055547%}
.news .tileDesc{height:5.33333em}
.news .tileDesc1{display:block;height:3em;overflow:hidden;margin-bottom:0.750em}
.listDetails .eContentList .tileDesc1{display:block;height:4.50000em;overflow:hidden}

.tileList .subactivityList .tileText{width:51%}
.tileName,.tileList .tileNum1,.tileList .tileNum2{font-size:1.33333em;line-height:1.0em}
.tileAdditional,.themesGrid .postData{font-size:1em;line-height:1.33333em}
.tileNum{width:18.40277777777778%;float:right;text-align:right}
.tileList .tileNum .completed,.tileList .tileNum .uncompleted,.tileList .tileNum .notapplicable{width:20px;height:16px;display:inline-block}
.tileList .tileNum .completed{background-position:right -1280px}
.tileList .tileNum .uncompleted{background-position:right -1325px}
.tileList .tileNum .notapplicable{background-position:right -1370px}
.tileList .tileNumB{width:30%;float:right;text-align:right}
.tileList .tileText{width:52%}

.tileDesc{padding:1.33333em}
.tileUrgent{padding:0.66667em 1.33333em;text-align:right}

.classroomsStart .tablesort,.econtentsStart .tablesort,.modsCustom .tablesort{display:none}/*zacasno, dokler ne odstranimo dodajanje nepotrebnih gridov in progresa*/
.classroomsStart .tile .tileProgress,.classroomsStart .tile .tileAdditional,.econtentsStart .tile .tileProgress{display:none}/*zacasno, dokler ne odstranimo dodajanje nepotrebnega progresa*/
.classroomsStart .tileContent,.econtentsStart .tileContent{padding-bottom:0}
.classroomsStart .tile .tileName,.econtentsStart .tile .tileName{font-size:1.16667em;line-height:1.14286em;padding-top:1em}
.classroomsStart .tileName .name,.econtentsStart .tileName .name{text-transform:lowercase}
.classroomsStart .tileDesc1{display:block;text-transform:uppercase;font-size:1.33333em;line-height:1.125/*multiplier*/;height:2.25em/*2em*/;margin-bottom:0.75em;text-overflow:ellipsis;overflow:hidden}
.econtentsStart .econtent .tileDesc1{display:block;text-transform:uppercase}
.ecourses .econtent .tileContent{height:3em/*36px*/}/*sicer ie zna razmetati ploscice z dolgimi nazivi*/
.econtentsStart .econtent.txtBig .tileDesc1{margin-bottom:0.75em;font-size:1.33333em;line-height:1.125;height:2.25em;}
    .ecourses .econtent.txtBig .tileName{font-size:1.33333em;line-height:1.125;height:2.25em;}
.econtentsStart .econtent.txtMed .tileDesc1{margin-bottom:1.33333em;font-size:1em;line-height:1.5;height:3em;}
    .ecourses .econtent.txtMed .tileName{font-size:1em;line-height:1.5;height:3em;}
.econtentsStart .econtent.txtSmall .tileDesc1{margin-bottom:1.6em;font-size:0.83333em;line-height:1.8;height:3.6em;}
    .ecourses .econtent.txtSmall .tileName{font-size:0.83333em;line-height:1.8;height:3.6em}

.classroomsStart .tileDesc2,.econtentsStart .tileDesc2{display:block;text-align:right;font-size:1.16667em;line-height:1.14286em}
.classroomsStart .tileDesc,.econtentsStart .tileDesc{height:5.33333em}

.tileGroup .tile{width:47.09677419354839%}
.econtentsStart,.modsCustom{margin-bottom:0}

.tileGroup .tile:nth-of-type(odd){float:left}
.tileGroup .tile:nth-of-type(even){float:right}

.modPm .tileProgress,.modForum .tileProgress{display:none}
.tile.news .tileProgress{display:none}/*zacasno*/
.modsCustom .tileContent,.graph .tileContent,.studentOfficeLink .tileContent{height:9.33333em}

.modsCustom .tileNum,.studentOfficeLink .tileNum{float:none;width:auto;text-align:center;padding-top:3.00000em}
.modsCustom .tileNum1,.studentOfficeLink .tileNum1{display:inline-block;padding-left:45px;height:1.14286em}
.modsCustom .tileText,.studentOfficeLink .tileText{width:auto;position:absolute;bottom:1.33333em;float:none}
.modsCustom .tileName,.studentOfficeLink .tileName{display:table-cell;vertical-align:bottom;height:2.00000em}

.tileGroup.studentOfficeList .tile{width:49%;margin-bottom:2%}
.modPm .tileNum1{background-position:0 -3480px}
.modForum .tileNum1{background-position:0 -3525px}
.sendMessageLink .tileNum1{background-position:0 -4880px}
.profileLink .tileNum1{background-position:0 -4925px}
.examsLink .tileNum1{background-position:0 -785px}
.scheduleLink .tileNum1{background-position:0 -3170px}
.studentOfficeLink .tileNum1{background-position:0 -2540px}
.contentOffer .tileNum1{background-position:0 -695px}

.news.welcome .tileContent{}
.news.welcome .tileText{width:auto;float:none;padding-top:3em;text-align:center}
.news.welcome .icon,.news.welcome .tileNum{display:none}
.news.welcome .tileDesc{height:3.66667em;text-align:center}

.modsNews .newsContainer{position:relative;clear:both}
.modsNews .newsPager{position:absolute;z-index:2000;top:1.33333em;right:1.33333em}
.newsPager .newsPagerBtn{width:13px;height:13px;float:left;margin-left:5px;background-position:0 -5915px;cursor:pointer}
.newsPager .newsPagerBtn:hover{background-position:0 -5870px}
.newsPager .newsPagerBtn.active{background-position:0 -5825px}
.newsContainer .news{display:none}
.newsContainer .news.current{display:block}
.news .tileText .name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.moreBar{padding-bottom:0.66666em;margin:-0.33333em 0 3em 0}
.page_start .moreBar,.page_community .moreBar{margin-bottom:0}
.moreBtn,.moreText{display:block;float:right;font-size:1.33333em;line-height:1.125/*multiplier*/;margin-left:2em;text-decoration:none}
.moreText{padding:0.12500em 0 0.25000em 0}
.moreBtn{padding:0.12500em 30px 0.25000em 0;cursor:pointer}
.inlineBtn.moreActions{background-position:right -1495px;padding-right:2em;position:relative}
.moreActionsMenu{display:none;position:absolute;top:32px/*zamaknemo za visino gumba*/;right:0;text-align:right;z-index:10000}/*podobno kot userMenu*/
.moreActionsSmall{display:block;width:10px;height:10px;position:relative;background-position:right -1190px}
.moreBar .more{background-position:right -1551px}
.moreBar .confirm{background-position:right -1955px}
.moreBar .cancel{background-position:right -2000px}
.moreBar .add{background-position:right -1865px}
.tileDesc .more{background-position:right -1910px}

/*genericne forme*/
.form{}
.formContent{margin-bottom:1.33333em;padding:1.33333em}
.form table,.loginTbl{width:100%;border:0;font-size:1.16667em}
.form td{padding-top:0.42858em;/*padding:0.21429em 0;*/vertical-align:top}
.form td.labelCell,.form div.labelCell{text-align:right;width:37%;padding-right:3%;padding-top:0.42857em;padding-bottom:0}
.form #examSignupsComment.inputCell{padding-bottom:0;vertical-align:bottom}
.forgottenPassword td.labelCell{width:50%}
.portalsForm td.labelCell{width:17%}
.form td.inputCell{}
.form td.validatorCell{width:30%}
.form td.btnCell, .tablesort td.btnCell{text-align:right}
.form .formInput{border:0 none;outline:0 none;width:10.71429em}
.form .formInput.error{}
.form .formInput:focus,.form .formInput.error:focus{}
/*nested tables*/
.form table table{font-size:1em}
.form td td{padding:0 0 1em 0}
.ajax__calendar_container td{padding:0 ! important}
/*form obvestila ob shranjevanju*/
.formUpdateStatus{text-align:right;font-weight:bold}
#userGroupsFilter .inpSelect{margin-right:1em;width:33%}

/*dialog*/
.scrollableDialog .dialogMain{display:table;height:100%;width:100%;position:absolute ! important;top:0 ! important;left:0;z-index:10001;background-color:transparent}
.scrollableDialog .dialogParent{display:table-cell;vertical-align:middle}
.scrollableDialog .dialogChild{position:static ! important}
.scrollableDialog .divPopupMain{background-color:#fff}

#dialog{}
.dialogShadow,.dialogMainStart{position:fixed;z-index:10000;width:100%;height:100%;opacity:0.9;top:0;left:0}
.dialogMain,.dialogMainStart{position:fixed;z-index:10001;width:100%;left:0;top:0}

.dialogMain .content,.dialogMainStart .content{margin:0 auto;width:40%;min-width:550px;padding:30px 0}
.dialogMainStart .content{width:550px}
/*--lahko tudi naredimo genericno oblikovanje za vse tipicne elemente (h1, h2, p, table,...) znotraj containera .content */
.dialogMain .content h1,.dialogMainStart .content h1{font-size:3em;line-height:1em;margin-bottom:0.44444em}
.dialogMain .content p,.dialogMainStart .content p,.dialogMain .content ul{font-size:1.16667em;line-height:1.28571em;margin-bottom:1.28571em}
.dialogMain .content ul{list-style-type:square;margin-left:3em}
.dialogMain .content .form{width:auto ! important}
.dialogMain .content .moreBar{margin-bottom:0}
.compatibilityCell{width:20%;text-align:center}

/*ecourses all*/
.tabs .tab,.tabs .ajax__tab_header>span,.tabs>h1{font-weight:lighter;float:left;max-width:80%/*za primer, ko je pred njim gumb nazaj*/}
.tabs .ajax__tab_outer{display:block}
.tabs .tab,.tabs .ajax__tab_header>span{cursor:pointer}
.listDetails .tabs .tab:last-child{margin-right:0}
.classroomsTabsAll #tabUnfinished,.classroomsTabsAll #tabFinished,.classroomsTabsAll #tabInPreparation{display:none}
.listDetails .tabs .classroomsTabsLeft .tab:last-child{margin-right:3%}
.listDetails #column1{float:left;width:34.75247524752475%;margin-right:0;margin-bottom:2.66667em}
#mainContent.listDetails #column1 .tablesort{display:none}
.listDetails #column1 .columnContent,#column1 .eIndexColumn,#column1 .examsColumn{overflow:auto}
.listDetails #column2{float:right;width:62.47524752475248%;margin-bottom:2.66667em}
.listDetails #column1 .tile .tileProgress{display:none}
.detailsImg{float:left}
.detailsImg img{width:auto}
.listDetails .forumThemeHeader .detailsHeaderData{margin-left:0}
.listDetails .detailsHeader h1{text-transform:uppercase}
.listDetails .detailsHeader h1 .error{text-transform:lowercase}
.listDetails .detailsHeader h1 .name{text-transform:uppercase}
.listDetails .detailsHeader h1 .titleLink{/*padding-right:45px;background-position:right -555px;*/text-decoration:none}
.titleLink:after{content:"";display:inline-block;margin-left:10px;width:32px;height:33px;vertical-align:top;background-position:right -559px}

.listDetails .detailsHeader h1 .closed{display:inline-block;width:20px;height:26px;background-position:0 -3440px;margin-right:0.5em}
.ecourses .econtentEditBar{display:none}
.ecourses #column2 .tileGroup.editMode .tile.editable .tileProgress,.ecourses #column2 .tileGroup.editMode .tile.editable .tileNum{display:none}
.ecourses #column2 .tileGroup.editMode .tile.editable .icon{background-position:0 -3845px}

/*atomtemplates all*/
.listDetails .detailsHeaderDataAtomTemplate{padding-left:0em;margin-left:0em}
.listDetails .atomTemplateContent{padding:1.33333em;margin-bottom:1em;max-height:350px;overflow:auto;border:2px solid #F0F0F0}

/*eclassrooms all*/
#classroomTabs,#ecoursesTabs,.forums .tabs,#uploadTabs .ui-tabs-nav,.eClassroom .ajax__tab_header{margin-bottom:16px}
.headerFilters{width:45%;float:right;text-align:right;padding-top:12px}
.layoutModeBox{width:80px;float:right;padding-top:4px}
.layoutModeBtn{display:inline-block;width:24px;height:16px;margin-left:1em}
.gridLayout{background-position:0 -4790px}
.tilesLayout{background-position:0 -4835px}

.sortBox,.filterBox{float:right}
.sortBox .moreActionsMenu{width:150px}
.filterBox .moreActionsMenu{width:120px}

.detailsDesc{margin-bottom:2.28571em}
.details h2{font-size:2em;line-height:1.33333em;margin-bottom:0.66667em;font-weight:lighter}
.group.tileList{}
.activityList .moreBar{margin-bottom:0}

.listDetails .tileDesc{display:none}/*zacasno, dokler ne odstranimo dodajanje tileDesc*/
.listDetails .eContentList .tile{width:49.05063291139241%}
.listDetails .eContentList .tileDesc{display:block}
/*.listDetails .eContentList .tileName{line-height:1.125 multiplier instead of em (for 1px difference in chrome)}*/
/*.listDetails .eContentList .tileName .name{display:block;height:2.25em;overflow:hidden;text-overflow:ellipsis}*/

/*eclassrooms grid mode*/
#mainContent.gridLayout #column1{width:auto;float:none;margin-right:0}
#mainContent.gridLayout #column2{display:none}
/*hide scrollbar on grid layout*/
#mainContent.gridLayout .mCSB_container{margin-right:0}
#mainContent.gridLayout .mCustomScrollBox{height:auto ! important;overflow:visible ! important}
#mainContent.gridLayout .mCSB_container{overflow:visible ! important}
#mainContent.gridLayout .mCustomScrollBox .mCSB_scrollTools{display:none ! important}
#column1 a.hidden,#column1 tr.hidden{display:none}
.tile.shown{display:block}
tr.shown{display:table-row}
#mainContent.gridLayout #column1 a.tile{display:none}

.noData{display:none}
.noDataLabel{}

/*community*/
.myProfile .tileText .tileName, .messageList .tileText .tileName, .forumList .tileText .tileName,.chatroomList .tileText .tileName{font-size:1.66667em;line-height:1.2em}
.myProfile .tileText .name, .messageList .tileText .name, .forumList .tileText .name,.chatroomList .tileText .name{text-transform:none}
.tile.myProfile .tileAdditional,.messageList .tileAdditional,.forumList .tileAdditional{font-size:1.16667em;line-height:1.14286em}
.tileList.messageList .tileContent .tileNum, .tileList.forumList .tileContent .tileNum{float:none;text-align:left;width:85%}/*predvideno za 27 znakov*/
.tileList.forumList .tileContent .tileNum{width:auto}
.tileList.messageList .tileContent .tileNumB,.tileList.forumList .tileContent .tileNumB{position:absolute;top:0;right:0;width:10%;padding:1.33333em 1.33333em 0 0}
.messageList .tileDesc,.chatroomList .tileDesc{display:none}/*zacasno, dokler ne odstranimo dodajanje tileDesc*/
.messageList .tileText{width:85%;float:none}
.forumList .tileText{width:auto;float:none}
.tileList.messageList .tileNum .tileNum1,.tileList.forumList .tileNum .tileNum1,.tileList.chatroomList .tileNum .tileNum1{font-size:1em;line-height:1.33333em}
.messageList .tileNum .tileNum2,.forumList .tileNum .tileNum2,.chatroomList .tileNum .tileNum2{display:none}/*zacasno*/
.chatroomList .tileText{float:none;width:auto}
.tileList.chatroomList .tileContent .tileNum{width:auto;float:none;text-align:left}
.tileList.messageList .tileContent .tileNumB{text-align:right}
.tileList.messageList .tileContent .tileNumB .tileNum1{font-size:1.33333em}
.tileList.forumList .tileContent .tileNumB{display:none}

.group.pmList{margin-bottom:0}
.pmList .icon{display:none}
.pmList .tileContent{padding-bottom:0}
.pmList .tileText{width:auto;float:none}
.pmList .tileNum{width:auto;float:none;text-align:left}
.pmList .tileDesc{padding-top:0}
.pmList .tileDesc1{display:block;height:4.00000em;overflow:hidden;font-size:1.66667em;line-height:1.2em}
.pmList .name{display:block;height:1em;overflow:hidden;line-height:1.2em;text-overflow:ellipsis}

.forumList .tileContent{padding-bottom:0}
.forumList .tileDesc1{display:block;font-size:1.16667em;line-height:1.14286em;height:4.00000em;overflow:hidden}
.forumList .tileNum,.forumList .tileNumB{display:none}

/*news*/
.newsCategoryLink{display:block;font-size:2em;font-weight:lighter;line-height:1em;padding:0.41667em 0.5em;text-decoration:none}
.newsSubcategoryLink{display:block;font-size:1.66667em;font-weight:lighter;line-height:1.20000em;padding:0.5em 0.6em 0.5em 1.2em;text-decoration:none}

.newsDetails #column1{width:30.6931%;margin-right:3.9604%}
.newsDetails #column2{float:left;width:65.3466%}
.newsDetailLink{display:block;padding:1em 0;text-decoration:none}
.newsDetailLinkTitle{font-size:2em;font-weight:lighter;line-height:1em}
.newsDetailLinkDate{font-size:1.16667em;}
.newsDetailLinkContent{font-size:1.16667em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newsDetailsBody{padding-top:1em}

/*my profile*/
.myProfile{height:12.00000em}
.myProfile .tileProgress,.myProfile .tileNum,.myProfile .tileNum2{display:none}/*zacasno, dokler ne odstranimo dodajanje v kodi*/
.myProfile .tileContent{padding:0;height:12.00000em}
.tile.myProfile .icon{width:12em;height:12em;float:left;margin-right:1em;background-position:center center;background-size:cover;background-repeat:no-repeat}
.tile.myProfile .tileText{text-align:left;padding:1.33333em 1.33333em 0 0;width:auto;float:none;height:100px;overflow:hidden}
.tile.myProfile .tileNumB{text-align:left;padding:0 1.33333em 1.33333em 0;width:auto}
.tile.myProfile .tileNum1{display:block;font-size:1em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*colleagues and objectList*/
.colleaguesList .tileContent{padding:0;position:static}
.colleaguesList .tileNum{display:none}/*zacasno, dokler ne odstranimo v kodi*/
.colleaguesList .tile .icon{width:100%;height:0;padding-bottom:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;float:none;margin-right:0}
.colleaguesList .tileData.hasImage,.colleaguesList .tile.active .tileData.hasImage{background-color:#fff}/*da ni vdino ozadje ob resizu slik*/
.tile.myProfile .icon img, .colleaguesList .tile .icon img{max-width:100%;max-height:100%}
.colleaguesList .tile .tileText{float:none;width:100%;position:relative}
.colleaguesList .tileName{width:100%;font-size:1.16667em;line-height:1.28571em}
.colleaguesList .tileText .name{text-transform:none;display:block;padding:0.57143em 1.14286em}
.studentOfficeList{margin-bottom:1em}
.studentOfficeList.colleaguesList .tileText .name, .colleaguesList .tileText .name .euUporabnikIme{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.colleaguesList .tile .tileDesc{display:none;height:12em;position:relative}
.colleaguesList .tile .moreBar{margin:0;padding-bottom:0;position:absolute;bottom:1.33333em}
.colleaguesList .tile .moreBtn{margin-left:0}
.colleaguesList .euUporabnikTip{display:block}

.objectList{max-height:550px;overflow:auto;margin-bottom:1.33333em;background-color:#f0f0f0}
.objectListTop .inlineBtnBar{width:45%;float:left}
.objectListTop .objectType{width:50%;float:right;text-align:right}
.objectType .transpBtn:last-of-type{margin-right:0;padding-right:0}
.objectListBottom .objectListBar1{width:50%;float:left}
.objectListBottom .objectListBar2{width:50%;float:right}
.objectListBottom .objectListBar2 .inlineBtn{float:right;margin-right:0;margin-left:1em}
.objectList .tile{width:135px;/*height:128px;*/float:left;margin:0 18px 18px 0}
.objectList .tileData{position:relative;height:auto}

/*.objectList .tileProgress dodamo v ostale style!*/
.objectList .tileProgress{background-color:transparent;background-position:right -3935px;display:block;float:none;height:40px;position:absolute;right:0;width:40px;z-index:2000}
.objectList .tile.selected .tileProgress{background-position:right -3980px}
.objectList .tileContent{padding:0;position:relative;height:135px/*170px*/}
.objectList .tile .icon{background-position:0 -650px;background-repeat:no-repeat;float:none;height:60px;width:60px;position:absolute;top:17px;left:35px;margin:0}

.objectList .tile.objAccess .icon{background-position:0 0}
.objectList .tile.objExcel .icon{background-position:0 -65px}
.objectList .tile.objWord .icon{background-position:0 -130px}
.objectList .tile.objPpt .icon{background-position:0 -195px}
.objectList .tile.objPdf .icon{background-position:0 -260px}
.objectList .tile.objFlash .icon,.lightboxImageOrig.objFlash .icon,.lightboxImageThumb.objFlash:after,.lightbox.objFlash .objIcon{background-position:0 -325px}
.objectList .tile.objVideo .icon,.lightboxImageOrig.objVideo .icon,.lightboxImageThumb.objVideo:after{background-position:0 -390px}
.lightbox.objVideo .objIcon{background-image:none}/*sicer se prikazejo dve ikoni*/
.objectList .tile.objAudio .icon{background-position:0 -455px}
.objectList .tile.objTxt .icon{background-position:0 -520px}
.objectList .tile.objDbase .icon{background-position:0 -585px}
.objectList .tile.objFile .icon{background-position:0 -650px}
.objectList .tile.objZip .icon{background-position:0 -715px}
.objectList .tile.objIframe .icon,.lightboxImageOrig.objIframe .icon,.lightboxImageThumb.objIframe:after,.lightbox.objIframe .objIcon{background-position:0 -780px}
.objectList .tile.objImage .icon{background-position:center center;width:100%;height:0;padding-bottom:100%;top:0;left:0;background-size:cover}

.objectList .tile .tileText{float:none;position:static;width:auto}

.objectList .tileName{background-color:#000;font-size:inherit;line-height:inherit;/*height:35px;*/position:absolute;bottom:0;width:100%}
.objectList .tileText .name{text-transform:none;padding:0.5em}
.objectList .tileText .name .filename{height:16px}
.objectList .tileText .name .objectName{display:block;color:#fff;font-size:1em;line-height:1.33333em;height:16px}
.objectList .tileText .name .objectDate{display:block;color:#aaa;font-size:0.91667em;line-height:1em}

#lightBoxForm table{}
#lightBoxForm table .labelCell{width:20%}
#lightBoxForm table .lbImgCell{width:45%;padding-right:3%}
.lightboxImageOrig,.lightboxThumbBox{width:400px;height:300px;background:#fff;border:1px solid #ddd}/*po potrebi povozimo v slogu*/

.lightboxImageOrig{position:relative}
.lightboxImageOrig .icon{background-repeat:no-repeat;height:60px;width:60px;position:absolute;top:120px;left:170px}
.lightboxImageOrig.objImage .icon{width:auto;height:100%;position:static;background-size:contain}
.lightboxImageOrig img{max-width:100%;max-height:100%;width:auto;height:auto}

.lightboxThumbBox{}
.lightboxImageThumb.objImage{width:400px;height:400px;max-width:100%;max-height:100%;position:relative}
.lightboxImageThumb:not(.objImage){width:250px;height:180px;position:relative}
.lightboxImageThumb:after{content:'';display:block;width:60px;height:60px;position:absolute;top:60px;left:95px}
.lightboxImageThumb.objImage:after{display:none}
.lightboxImageThumb.objImage{background-repeat:no-repeat;background-size:contain}
#lightBoxForm .objectName{padding-bottom:0.5em}
#lightBoxForm .objectType{padding-bottom:0.5em;font-size:0.85714em;line-height:1em;color:#666}
#lightBoxForm .objectDimensions{}
.ratioLock{margin-left:0.5em;display:inline-block;width:27px;height:24px;vertical-align:top;background-position:0 -5960px;cursor:pointer}
.ratioLock.off{background-position:0 -6005px}

/*lightbox na atomu*/
.lightbox span.objIcon{display:block;width:60px;height:60px;position:absolute}
.lightbox.objVideo:not(.noIcon),.lightbox.objImage:not(.noIcon),.fancybox:not(.noIcon),.fancyvideo:not(.noIcon){background-color:#999}
.lightbox.objVideo:not(.noIcon) img,.lightbox.objImage:not(.noIcon) img,.fancybox:not(.noIcon) img,.fancyvideo:not(.noIcon) img{opacity:0.75}
.lightbox.objVideo:not(.noIcon):hover img,.lightbox.objImage:not(.noIcon):hover img,.fancybox:not(.noIcon):hover img,.fancyvideo:not(.noIcon):hover img{opacity:1}
.lightbox.objVideo:not(.noIcon):after,.lightbox.objImage:not(.noIcon):after,
.fancybox:not(.noIcon):after,.fancyvideo:not(.noIcon):after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center}
.lightbox.objVideo:not(.noIcon):after,.fancyvideo:not(.noIcon):after{background-image:url(baseImg/thumbPlay.png)}
.lightbox.objImage:not(.noIcon):after,.fancybox:not(.noIcon):after{background-image:url(baseImg/thumbZoom.png)}

/*prettyphoto*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(baseImg/prettyphoto/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(baseImg/prettyphoto/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(baseImg/prettyphoto/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(baseImg/prettyphoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(baseImg/prettyphoto/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(baseImg/prettyphoto/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(baseImg/prettyphoto/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(baseImg/prettyphoto/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(baseImg/prettyphoto/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(baseImg/prettyphoto/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(baseImg/prettyphoto/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(baseImg/prettyphoto/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(baseImg/prettyphoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(baseImg/prettyphoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(baseImg/prettyphoto/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(baseImg/prettyphoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(baseImg/prettyphoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(baseImg/prettyphoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(baseImg/prettyphoto/loader.gif) center center no-repeat}

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(baseImg/prettyphoto/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(baseImg/prettyphoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(baseImg/prettyphoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}

.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*prettyphoto end*/

/*oznacevanje uporabnikov*/
.colleaguesList .tile .tileProgress{display:block;float:none;height:40px;position:absolute;right:0;width:40px;z-index:2000;/*mora biti nad tileContent, sicer klik ne dela prav*/background-position:right -3935px;background-color:transparent}
.colleaguesList .tile.selected .tileProgress{background-position:right -3980px}

/*communication*/
.messageList .tileProgress,.messageList .tileContent .icon,
.forumList .tileProgress,.forumList .tileContent .icon,
.chatroomList .tileProgress,.chatroomList .tileContent .icon{display:none}/*zacasno, dokler ne odstranimo dodajanje v kodi*/

/*admin*/
.iconLink{font-size:1.33333em;text-decoration:none;display:block;padding:1em 5px 1em 0/*;background-position:16px -690px*/}
.iconLink:not(.simpleLink){padding:0.563em 5px 0.563em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iconLink:not(.simpleLink):before{content:"";display:inline-block;width:31px;height:30px;margin:0 14px 0 16px;vertical-align:middle;background-position:0 -695px/*default icon books*/}
.iconLink:link,.iconLink:visited{}
.iconLink:hover,.iconLink:active{}
.iconLink.simpleLink{background-image:none;padding:1em}
.linkGroup .iconLink:first-letter{text-transform:lowercase}

.tile.simpleTileLink{font-size:1.33333em;margin-bottom:0}
.simpleTileLink .tileProgress,.simpleTileLink .icon,.simpleTileLink .tileNum,.simpleTileLink .tileAdditional{display:none}
.simpleTileLink .tileText{float:none;width:auto}
.simpleTileLink .tileData{position:static}
.simpleTileLink .tileContent{position:static;padding:1em}
.simpleTileLink .tileName{font-size:inherit}
.simpleTileLink .tileName .name{text-transform:lowercase}

.tile.licence .icon{background-position:0 -2805px}

/*vsi so zamaknjeni za -12px po visini*/
.iconLink.iconFindUsers:before{background-position:0 -2538px}
.iconLink.iconGroupsOverview:before{background-position:0 -2584px}
.iconLink.iconUserAccess:before{background-position:0 -2628px}
.iconLink.iconOverview1:before{background-position:0 -2673px}
.iconLink.iconOverview2:before{background-position:0 -2718px}
.iconLink.iconEcontentOverview:before{background-position:0 -695px}
.iconLink.iconChildEcontents:before{background-position:0 -3125px}
.iconLink.iconCommunication:before{background-position:0 -3528px}
.iconLink.iconNewsOverview:before,.iconLink.iconNewsCategories:before{background-position:0 -737px}
.iconLink.iconMetaData:before{background-position:0 -2765px}
.iconLink.iconLicences:before{background-position:0 -2807px}
.iconLink.iconPortalAnalysis:before{background-position:0 -2855px}
.iconLink.iconAdCampaigns:before{background-position:0 -2900px}
.iconLink.iconOrders:before{background-position:0 -2944px}
.iconLink.iconSettings:before{background-position:0 -2989px}
.iconLink.iconTranslations:before{background-position:0 -3033px}
.iconLink.iconEventLog:before{background-position:0 -3079px}

/*profile*/
#mainContent.profile #column1{width:65.3466%;margin-right:0}/* 2/3 */
#mainContent.profile #column2{float:right}/* 1/3 */
.formView{width:100%}
.profileImgBox{width:190px;height:190px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.profileImgBox.hasImage{background-color:transparent}
.profileImgBox img{max-width:100%;max-height:100%}
.profileImgBox.userBlank img{display:none}

/*referat*/
#column1 .eIndexColumn,#column1 .adminExamsColumn{height:38.66667em}
.myExamDate .icon{background-position:0 -3215px}
.examDate{background-position:16px -3160px}
.diploma .icon{background-position:0 -3260px}
.eIndex .tile{cursor:default}/*niso linki*/
.eIndex .myExam .icon{background-position:0 -785px}
.eIndex .tileText{margin-left:44px;float:none;width:auto}
.eIndex .tileAdditional{}
.eIndex .tileAdditionalTxt{display:block;width:49%;float:left;}
.eIndex .tileNum1{display:block;float:right;font-size:1.33333em;width:49%;text-align:right}

/*.columns123 .column{} : default*/
.columns12 #column1{width:65.3466%;margin-right:0}/* 2/3 */
.columns12 #column2{float:right;margin-right:0}/* 2/3 */
.columns12 #column3{display:none}

.columns13 #column1{width:65.3466%;margin-right:0}
.columns13 #column3{}
.columns13 #column2{display:none}
	
.columns23 #column1{display:none}
.columns23 #column2{width:65.3466%;margin-right:0}
.columns23 #column3{}

.columns1 #column1{width:65.3466%;margin-right:0}/* 2/3 (100% je prevec) */
.columns1 #column2, .columns1 #column3{display:none}

.columns2 #column2{width:65.3466%;margin-right:0}/* 2/3 (100% je prevec) */
.columns2 #column1, .columns2 #column3{display:none}

/*forumi*/
.tile.forum .icon{background-position:0 -3530px}
.themeList .icon,.themeList .tileProgress{display:none}/*zacasno*/
#column1 .forums .tileNum .tileNum1{display:block;height:15px}
.forums .tileNum .tileNum1.new{background-position:right -3305px}
.forums .tileNum .tileNum2{display:block}
.listDetails #column2 .detailsHeader{position:relative}
.detailsHeader .detailsAdditional{position:absolute;bottom:0;font-weight:lighter}
.ecourses .detailsHeader .detailsAdditional{position:static;font-weight:normal}
.detailsAdditional .detailsAdditional1,.detailsAdditional .detailsAdditional2{font-size:2em;line-height:1em;display:block}
.ecourses .detailsAdditional .detailsAdditional1{font-size:inherit;line-height:inherit}
.themeList .tileText,.themeList .tileContent .tileNum{float:none;width:auto}
.themeList .tileContent .tileNum{text-align:left}
.themeList .tileName,.themesGrid .authorName{font-size:2em;line-height:1.33333em}
.themeList .tileNum .tileNum1{font-size:1em;line-height:1.33333em}

.themesGrid tr.gridPager,.themesGrid tr.gridPager:hover,.themesGrid tr.gridPager tr,.themesGrid tr.gridPager tr:hover{background-color:transparent}
.themesGrid tr.gridPager>td{padding-top:1.33333em}
.themesGrid tr.gridPager>td td{padding-left:1.33333em}

.tile.theme .icon{background-position:0 -3348px}
.titleBtns{float:left;margin-right:2em;padding-top:5px}
.titleBack{}
.detailsSubTitle{}
.detailsSubTitle h2{float:left}
.detailsSubTitle .moreBar{margin-bottom:0;padding-top:8px;padding-bottom:0}

/*forumi teme in sporocila*/
.forumThemeHeader .detailsImg{display:none}/*zacasno*/
.listDetails .forumThemeHeader .detailsHeaderData{float:none;padding-left:0}
.detailsHeader h1 .tileHeader2{font-size:0.53333em}
.listDetails #column2 .forumThemeHeader .detailsHeader{height:auto}
.forumThemeHeader .detailsHeader .detailsAdditional{position:static;font-weight:normal}
.forumThemeHeader .detailsAdditional .detailsAdditional1, 
.forumThemeHeader .detailsAdditional .detailsAdditional2{font-size:1em;line-height:1.33333em}

table.themesGrid{width:100%}
.themesGrid tr{cursor:default}
table.themesGrid td{}
.userImgCell{vertical-align:top;padding:0.5em 0.5em 0.5em 1.33333em;width:80px}
.postDataCell{vertical-align:top;padding:0.5em 0.5em 0.5em 0.5em}
.postActionsCell{padding:0.5em 1.33333em 0.5em 0.5em;width:25px;vertical-align:middle}
.themesGrid .userImg{width:80px;height:80px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.themesGrid .authorData{}
.themesGrid .authorName{}
.themesGrid .postDate{}
.themesGrid .postData{}
.themesGrid .postBtn,.pmJoinedMessageHeader .postBtn,.tablesort .postBtn{display:block;float:right}
.postReply{margin-bottom:10px;width:19px;height:16px;background-position:right -1415px}
.postEdit{margin-bottom:10px;width:16px;height:16px;background-position:right -3395px}
.postDelete{width:16px;height:16px;background-position:right -1460px}
.tablesort .postBtn{margin-left:10px}
.tablesort .postEdit{margin-bottom:0}

/*atom*/
.atomshowTbl{width:100%}
.atomshowTbl .sideNav{display:none}
.sideNav{vertical-align:middle;cursor:pointer}
.sideNav.blank{cursor:default}
.sideNav.prev{text-align:left}
.sideNav.next{text-align:right}
.sideBtnIcon{display:inline-block;width:22px;height:27px;opacity:0.2}
.prev .sideBtnIcon{margin-left:5px;background-position:0 -4115px}
.next .sideBtnIcon{margin-right:5px;background-position:0 -4160px}
.prev.blank .sideBtnIcon,.next.blank .sideBtnIcon{background-image:none}

.atomshow #headMenu1{width:50%}
.atomshow #headMenu2{width:50%}
.atomshow #headMenuContent .search{margin-right:3%}
.atomshow #headMenu{position:static;float:none;height:auto;padding-top:0;width:auto}
.atomshow #headMenuContent{width:auto;}
.atomshow #headTop2,.atomshow #headTop1{display:none}
.atomshow #headMenuContent a.home{padding-bottom:0}
.atomshow #headMenu1 .txtlink{display:none}
.atomshow #column1 .columnContent{position:relative}
.atomshow .subcolumn1{width:732px}/*.visProgress*/
.atomshow .atomWide .subcolumn1,.atomshow.scormshow .subcolumn1{float:none;width:auto}/*,.atomshow .columnWide .visProgress*/

.atomshow .introImg{max-width:100%;height:auto}
.atomshow .subcolumn1{float:left}
.atomshow .subcolumn2{width:202px;float:right}
.atomshow.atomWide .subcolumn1{float:none;width:auto}

.fullscreenPage{padding-top:1.33333em}

.atomBtns{height:40px;margin-bottom:1.33333em}
.btnsGroup1{float:left;margin:4px 0;width:550px}
.btnsGroup2{float:right;width:240px}
.atomBtn,.titleBack{display:block;width:32px;height:32px;float:left;margin-right:3%;opacity:0.2;cursor:pointer}
.atomBtn:hover,.atomBtn.active,.titleBack:hover,.titleBack.active,.atomBtn.next:hover{opacity:1}
#backToStart.atomBtn{background-position:0 -200px}
#contents.atomBtn,.atomBtn.atomEditMenu{background-position:0 -920px}
#favourite.atomBtn{background-position:0 -335px}
#myProgress.atomBtn{background-position:0 -380px}
#sendMessage.atomBtn{background-position:0 -425px}
#files.atomBtn{background-position:0 -470px}
#textSize.atomBtn{background-position:0 -515px}
.atomBtn.prev{background-position:0 -605px}
.atomBtn.next{background-position:left -4025px;opacity:0.6}
.atomBtn.next.nextLogin{background-position:right -4025px;opacity:0.6;font-weight:lighter;font-size:2em;line-height:1em;height:30px;margin-left:0;margin-right:0;padding:7px 50px 3px 0;text-align:right;text-decoration:none;width:140px;color:#333}
.atomBtn.lastRead{background-position:right -4070px}
#textSize.atomBtn{margin-right:0}
.titleBack{background-position:0 -605px}

.btnsGroup2 .prev,.btnsGroup2 .next,.btnsGroup2 .lastRead{float:right}
.btnsGroup2 .next{margin-right:0;margin-left:15px;width:40px;height:40px}
.btnsGroup2 .prev,.btnsGroup2 .lastRead{margin-right:0;margin:4px 0}
.btnsGroup2 #estLearningTime{float:right;width:120px;font-size:1.33333em;padding-top:4px;padding-right:20px;text-align:right;color:#c0c0c0}
.btnsGroup2 #estLearningTime.timeUncomplete{color:#FF6801}/*po potrebi povozimo v slogu*/
.ui-effects-transfer{z-index:10000;background-position:0 -1145px}/*sicer se lahko skrije pod kazalo*/

.menu .menuHeader{text-transform:uppercase;padding:2em 1em 1em 1em}
.menuItem{margin-bottom:1px;position:relative}
.atomName{display:block;font-size:1.16667em;line-height:1.14286em;padding:0.35714em 1.14286em;text-decoration:none}
div.atomName{cursor:default}
.toggleMenuChildren,.menuSpacer{position:absolute;width:26px;height:100%;z-index:1000} 
.toggleMenuChildren{background-position:center -1048px}
.toggleMenuChildren.opened{background-position:center -1093px}
.menuGroup .menuSubGroup{display:none}
.menuItem.active+.menuSubGroup{display:block}/*direct children of active atom are visible*/
.menuGroup .menuGroup{padding-left:8px}
.menuItemIcons{position:absolute;z-index:1000;right:0;width:32px;height:16px;padding:0.35714em}
.menuItemIcon{width:16px;height:16px;float:right;margin-left:5px;}
.menuItemIcon.important{background-position:0 -1145px}

.menuGroup .toggleMenuChildren,.menuGroup .menuSpacer{width:26px}
.menuGroup .atomName{margin-left:26px;margin-right:31px}

.econtentSearchBox{margin-top:0.5em}
.classroomSearchBox{max-width:250px}
.searchBox{padding:2px}
.groupsOverview .searchBox{width:250px;float:right}
.inputSearchInner{border:0 none;outline:0 none;float:left;width:85%}
.searchBtnInner{width:16px;height:16px;margin-top:1px;float:right;cursor:pointer;background-position:0 -4655px}

#textSizeOptions{float:left;width:170px;margin-left:5px;/*height:22px;*/padding:5px 15px}
.textSizeBtn{width:15px;height:15px;float:left}
#tsMinus.textSizeBtn{background-position:center -1095px;margin-right:5px}
#tsPlus.textSizeBtn{background-position:center -1050px;margin-left:5px}
#textSizeLabel{width:30px;float:right;font-size:1.66667em;text-align:right;line-height:1em}
#textSizeOptions .ui-slider{position:relative;text-align:left;float:left;width:100px;margin-top:5px}
#textSizeOptions .ui-slider-horizontal {height:0.8em}
#textSizeOptions .ui-widget-content{}
#textSizeOptions .ui-slider .ui-slider-handle{cursor:default;display:block;height:1.2em;position:absolute;width:1.2em;z-index: 2}
#textSizeOptions .ui-slider-horizontal .ui-slider-handle {margin-left: -0.6em;top: -0.2em;}
.ui-slider .ui-state-hover, .ui-slider .ui-state-active,.ui-slider .ui-state-default{}

.visProgress{line-height:0.66667em;margin-bottom:0.5em;cursor:default}
.vpItem{width:4.870218579234973%;height:0.66667em;display:block;float:left;margin-right:0.3%;cursor:pointer}
.vpItem:last-child{margin-right:0}

#graphProgress{position:absolute;z-index:1001;width:100%;display:none/*height:200px*/}
.graphProgressContent{padding:1em}
#graphProgressCanvas{float:left}
.graphProgressText{float:left;margin-left:10px;width:90px}
.graphProgressText3{margin-top:1.5em}
.graphProgressPercent1{font-size:2.66667em;line-height:1em}
.graphProgressPercent2,.graphProgressPercent3{font-size:1.50000em;line-height:1em}
	
.atomContent{padding:1.33333em;min-height:550px}
.atomContent h1{text-transform:uppercase}
.atomContent p,.atomContent ul,.atomContent ol,.column .columnContent ul,.column .columnContent ol,
.atomContent table{font-size:1.16667em;line-height:1.28571em;margin-bottom:1.28571em}

/*"margin-bottom" za alineje: ne moremo imeti navadnih margin-bottom, ker gre za odstavke in ne ol/ul;
zato v bistvu moramo dodati margin-top na vse mozne elemente, ki sledijo alinejam, sami pa niso alineja;
margine se dodajo tudi v primeru, ce si sledijo alineje razlicnih tipov 1. nivoja npr. alinejaNavadnaNivo1 in alinejaPostopekNivo1*/
.atomContent .alinejaNavadnaNivo1+p:not(.alinejaNavadnaNivo1):not(.alinejaNavadnaNivo2):not(.alinejaPostopekNivo2),
.atomContent .alinejaPostopekNivo1+p:not(.alinejaPostopekNivo1):not(.alinejaNavadnaNivo2):not(.alinejaPostopekNivo2),
.atomContent .alinejaNavadnaNivo2+p:not(.alinejaNavadnaNivo1):not(.alinejaPostopekNivo1):not(.alinejaNavadnaNivo2):not(.alinejaPostopekNivo2):not(.naslovPostopek),
.atomContent .alinejaPostopekNivo2+p:not(.alinejaNavadnaNivo1):not(.alinejaPostopekNivo1):not(.alinejaNavadnaNivo2):not(.alinejaPostopekNivo2):not(.naslovPostopek),
.atomContent .naslovPostopek+p:not(.alinejaNavadnaNivo2):not(.alinejaPostopekNivo2):not(.naslovPostopek),
.atomContent .alinejaNavadnaNivo1+h2,.atomContent .alinejaNavadnaNivo1+h3,.atomContent .alinejaNavadnaNivo1+h4,.atomContent .alinejaNavadnaNivo1+ol,.atomContent .alinejaNavadnaNivo1+ul,.atomContent .alinejaNavadnaNivo1+.mq,.atomContent .alinejaNavadnaNivo1+.b2Tabs,.atomContent .alinejaNavadnaNivo1+table,.atomContent .alinejaNavadnaNivo1+.flashContainer,.atomContent .alinejaNavadnaNivo1+.flowplayer,.atomContent .alinejaNavadnaNivo1+.ad-gallery,
.atomContent .alinejaPostopekNivo1+h2,.atomContent .alinejaPostopekNivo1+h3,.atomContent .alinejaPostopekNivo1+h4,.atomContent .alinejaPostopekNivo1+ol,.atomContent .alinejaPostopekNivo1+ul,.atomContent .alinejaPostopekNivo1+.mq,.atomContent .alinejaPostopekNivo1+.b2Tabs,.atomContent .alinejaPostopekNivo1+table,.atomContent .alinejaPostopekNivo1+.flashContainer,.atomContent .alinejaPostopekNivo1+.flowplayer,.atomContent .alinejaPostopekNivo1+.ad-gallery,
.atomContent .alinejaNavadnaNivo2+h2,.atomContent .alinejaNavadnaNivo2+h3,.atomContent .alinejaNavadnaNivo2+h4,.atomContent .alinejaNavadnaNivo2+ol,.atomContent .alinejaNavadnaNivo2+ul,.atomContent .alinejaNavadnaNivo2+.mq,.atomContent .alinejaNavadnaNivo2+.b2Tabs,.atomContent .alinejaNavadnaNivo2+table,.atomContent .alinejaNavadnaNivo2+.flashContainer,.atomContent .alinejaNavadnaNivo2+.flowplayer,.atomContent .alinejaNavadnaNivo2+.ad-gallery,
.atomContent .alinejaPostopekNivo2+h2,.atomContent .alinejaPostopekNivo2+h3,.atomContent .alinejaPostopekNivo2+h4,.atomContent .alinejaPostopekNivo2+ol,.atomContent .alinejaPostopekNivo2+ul,.atomContent .alinejaPostopekNivo2+.mq,.atomContent .alinejaPostopekNivo2+.b2Tabs,.atomContent .alinejaPostopekNivo2+table,.atomContent .alinejaPostopekNivo2+.flashContainer,.atomContent .alinejaPostopekNivo2+.flowplayer,.atomContent .alinejaPostopekNivo2+.ad-gallery,
.atomContent .naslovPostopek+h2,.atomContent .naslovPostopek+h3,.atomContent .naslovPostopek+h4,.atomContent .naslovPostopek+ol,.atomContent .naslovPostopek+ul,.atomContent .naslovPostopek+.mq,.atomContent .naslovPostopek+.b2Tabs,.atomContent .naslovPostopek+table,.atomContent .naslovPostopek+.flashContainer,.atomContent .naslovPostopek+.flowplayer,.atomContent .naslovPostopek+.ad-gallery
{margin-top:1.28571em}

.atomContent table p{font-size:inherit}/*za mq in navadne tabele v vsebini*/
/*.atomContent table:not(.mqTable) p{margin-bottom:0}samo za navadne tabele*/

.atomContent ul,.column .columnContent ul{list-style-type:square;margin-left:4em}
.atomContent ol,.column .columnContent ol{list-style-type:decimal;margin-left:4em}
.atomContent ul ul{font-size:1em;margin-bottom:0;list-style-type:circle}

.atomContent object{display:inline-block;outline:0 none;font-size:0;line-height:0}/*FF, ie8, Chrome, opera, safari - poravnava, border*/
html* .atomContent object{display:block;outline-style:none}/*ie6, ie7 hack*/
	
.atomComment{padding:1.33333em;margin-bottom:1.33333em;}
.atomComment .commentTitle{padding-left:40px;font-size:1.33333em;line-height:2em;margin-bottom:0.5em}
.atomComment.type1 .commentTitle{background-position:0 -875px}/*zanimivost*/
.atomComment.type2 .commentTitle{background-position:0 -875px}/*nasvet*/
.atomComment.type3 .commentTitle{background-position:0 -875px}/*opozorilo*/
.atomComment.type4 .commentTitle{background-position:0 -965px}/*cas ucenja*/
.atomComment.type5 .commentTitle{background-position:0 -1010px}/*gradivo dostopno*/
.atomComment.type6 .commentTitle,.atomComment.type7 .commentTitle{background-image:none;text-align:left;padding-left:0}/*kratka vsebina, mnenje uporabnika, */
.atomComment.type8{}/*nakup*/
.atomComment.type8 .commentTitle{display:block;margin-bottom:0;line-height:1.5em;background-position:0 -5195px;text-decoration:none}
.atomComment.type5 .atomComment .commentTitle{margin-bottom:0}
.atomComment ul{list-style-type:square;margin-left:2em}
	
.myComments{clear:both;padding:1.33333em 0}
.myComments .moreBar{margin-bottom:0;width:60%;padding-top:1em;float:left}
.myComments .moreBar .more{float:right}
.myComments .moreBar .more:first-letter{text-transform:lowercase}
.moreBar .moreText{float:left;margin-left:0}
.myCommentsAdd{background-position:right -5240px;float:left;margin-left:0}
.myCommentsAdd.opened{background-position:right -5285px;}
.addComments{margin-top:1.33333em}
.addComments .inpTexarea{width:100%;height:100px}
.addComments .inlineBtnBar{width:50%;float:left}
.addComments .moreBar{float:right;width:40%}
.userComment{padding:0 1.33333em;cursor:pointer}
.userComment p{width:90%;float:left;line-height:1.33333em;padding:0.66667em 0}
.userComment .tileAdditional{font-weight:bold}
.userCommentEdit{float:right;width:5%;height:32px;display:none;background-position:right -1907px}
.userComment:hover .userCommentEdit{display:block}
	
.mq{margin-bottom:1.33333em;clear:both/*da se floating slike ne prikazujejo cez mq*/}
.mqContent{padding:1.33333em}
.mqTitle{font-weight:bold;position:relative;padding-right:35px}
.mqEditBar{width:30px;height:30px;position:absolute;top:0;right:0}
.mqEditBtn{display:block;width:30px;height:30px;background-position:-15px -3390px}
.mq table{width:100%;margin-bottom:0}
.mq .inlineBtnBar{margin-bottom:0}
.mqAnswer{display:none;padding:1.33333em}
.content .mqAnswer p{margin-bottom:0}
.answerOverview{}
.questionDataCell{width:20%;padding-bottom:1.33333em;vertical-align:top}
.answerOverview .questionDataCell h2{margin-bottom:0}
.questionDataCell .inlineBtnBar{margin-bottom:0;margin-top:1em}
.answerDataCell{padding-bottom:1.33333em;vertical-align:top}
.mq textarea{width:100%;height:150px}
.mq .inputTxt,.mq input[type="text"]{width:66%}
.questionDataCell .answerIcon{width:25px;height:24px}
.questionDataCell .answerIcon.correct{background-position:right -1955px}
.questionDataCell .answerIcon.incorrect{background-position:right -2000px}
.mqInputCell .answerIcon{width:16px;height:16px}
.mqInputCell .answerIcon.correct{background-position:0 -4562px}
.mqInputCell .answerIcon.incorrect{background-position:0 -4607px}
.mq .inlineBtnBar .inlineBtn{margin-bottom:0}

/*testiranja*/
.content .topBar h2{margin-bottom:0}
.testTopLeft,.testTopRight{width:45%;padding-top:0.41667em}
.testTopLeft{float:left}
.testTopRight{float:right;text-align:right}
.timeLeftTitle{text-transform:lowercase}
/* oblika za graf na rezultatih testiranja - po potrebi povoziti v slogih*/
.rezultatiPolje{border-right:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:2em}
.rezultatiCrte{height:5px}
.rezultatiCrte td,.rezultatiStevilke td{width:20%;border-right:1px solid #ddd}
.rezultatiGraf{}
.rezultatiPrag{height:54px;background-color:#86adf0}
.rezultatUspesno,.rezultatNeuspesno{position:absolute;margin-top:18px;height:18px}
.rezultatiStevilke{height:10px}
.rezultatiStevilke td{font-size:1em}

/*nov graf za testiranja*/
.testResultGraph{padding:6px 0 25px 0}
.graphBox{width:400px;height:54px;float:left;position:relative;border:1px solid transparent;margin:0 1.50000em 1.50000em 0;}
.graphBox.active{border:1px solid #333}

.graphValue{float:left;width:70px;font-size:3em;line-height:1em;padding-top:8px;height:46px;font-weight:lighter}
.graphValue.positive{color:#2dac1c}
.graphValue.negative{color:red}

.graphAll{position:absolute;z-index:10;width:100%;height:100%;background-color:#e6e6e6;}
.graphTreshold{position:absolute;z-index:20;height:100%;background-color:#c0c0c0;
    -moz-box-sizing:border-box;
	box-sizing:border-box;
}
.graphTreshold.active{border:1px solid #333}
		
.graphResult{position:absolute;z-index:30;/*width:75%;*/top:18px;height:18px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.graphResult.positive{background-color:#2dac1c}
.graphResult.negative{background-color:red}
.graphResult.active{border:1px solid #333}
		
.graphLegend{width:250px}
.legendItem{padding-bottom:5px;cursor:pointer}

.legendBox{width:18px;height:18px;margin-right:18px;float:left;
    -moz-box-sizing:border-box;
	box-sizing:border-box;
}
.legendItem.active .legendBox{border:1px solid #333}
		
.colorAll{background-color:#e6e6e6}
.colorTreshold{background-color:#c0c0c0}
.colorResult.positive{background-color:#2dac1c}
.colorResult.negative{background-color:red}

.legendText{float:left;color:#999;padding-top:2px}
.legendItem.active .legendText{color:#333}

.graphBox,.graphTreshold,.graphResult,.legendBox{
    transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	-webkit-transition: border-color 300ms;
	-o-transition: border-color 300ms;
}

.legendText{
    transition: color 300ms;
	-moz-transition: color 300ms;
	-webkit-transition: color 300ms;
	-o-transition: color 300ms;
}

.ui-tabs-hide{display:none}
.atomContent ul.tabsUl{list-style-type:none;margin-left:0;margin-bottom:0}
.atomContent ul.tabsUl,.subTabs .ajax__tab_outer{font-size:1.42857em;line-height:1em}
.atomContent ul.tabsUl li,.subTabs .ajax__tab_header>span{display:block;float:left;margin-right:2em;padding-bottom:0.40000em}
.atomContent ul.tabsUl a{text-decoration:none}
.b2Tabs .tabContent{padding:1.14286em;padding-bottom:0;margin-bottom:1.14286em}

.ui-tabs-nav:after{clear:both;content:" ";display:block}

.eContentPrices{width:50%}
.eContentPrices .pricesTitle{line-height:1.60000em}
.eContentPrices .pricesIcon{display:inline-block;height:25px;width:32px;background-position:0 -5195px;margin-right:10px}
.eContentPrices .form table{margin-bottom:0}
.eContentPrices .form table td.labelCell{text-align:left}
.eContentPrices .form tr:last-child td,.eContentPrices .form tr:last-child td{border-bottom:0 none}

.embeddedVideo object{max-width:100%;height:auto}

/*atomeditor*/
.wndsave{width:100%;height:100px;border:1px solid #999;display:none;overflow:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
/*layout isti kot na atomshowu - lahko zdruzimo*/
.atomEdit #column1{width:22.6%;margin-right:0}
.atomEdit #column2{width:950px;float:right}
.atomEdit .titleBtns{width:auto;margin-right:0}
.atomEdit .titleBtns .titleBack,.atomEdit .titleBtns .atomBtn{margin-right:2em}
.atomEditTbl td.labelCell{width:105px;text-align:left}
.atomEditTbl td.inputCell{width:auto;text-align:left}
#atomEditFckRow td{padding-top:1em}
.atomEditOptions td.labelCell{width:20%}
.inlineBtnBar.atomEditBtns1{/*width:55%;*/float:left}
.inlineBtnBar.atomEditBtns2{width:40%;float:right;text-align:right}
.atomEditBtns2 a.inlineBtn:last-child{margin-right:0}
.objListNoObjects{display:block;padding:1em}
.objListError{display:block;font-size:1em;margin-bottom:1.33333em}
#origObjectDimensions{width:auto;margin-top:1em}
#origObjectDimensions td{padding-right:1em}

/*analize portala*/
#mainContent.analysis .group{margin-bottom:2em}

/*custom scrollbar*/
.mCSB_container{margin-right:11.68091168091168%;overflow:hidden;width:auto}
.eIndexColumn .mCSB_container.mCS_no_scrollbar,.examsColumn .mCSB_container.mCS_no_scrollbar,
.adminExamsColumn .mCSB_container.mCS_no_scrollbar{margin-right:0}/*if scrollbar is hidden in certain contexts*/
.mCustomScrollBox .mCSB_scrollTools{height:100%;right:0;top:0;width:1em}
.mCSB_scrollTools .mCSB_draggerContainer{width:1em;height:100%}
.mCSB_scrollTools .mCSB_dragger{height:0/*3em*/;width:100%}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:100%}
.mCSB_scrollTools .mCSB_draggerRail{height:100%;margin:0 auto}
.mCSB_no_scrollbar .mCSB_dragger{height:0 ! important}

/*fileupload*/
.inlineBtn,.qq-upload-button,.gridPager span,.gridPager a{display:inline-block;font-size:1em;height:1.33333em;line-height:1.33333em;padding:0.66667em 1.33333em;text-align:center;cursor:pointer}
input.moreBtn,input.inlineBtn,.gridPager span,.gridPager a{border:0 none;outline:0 none}
input.inlineBtn::-moz-focus-inner{border:0;padding:0}/*Remove button padding in FF*/
a.inlineBtn{/*height:2.66667em;*/}
input.inlineBtn{/*height:2.66667em*/box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}

.qq-uploader{margin-top:2px}
.profileUploaderBox{position:relative}
.profileUploaderBox #fileUploader{width:70%}
.profileUploaderRemove{width:150px;position:absolute;text-align:right;right:0;top:0}
/*.qq-upload-button input{display:none}*/
.content .qq-uploader ul.qq-upload-list{margin-left:0;list-style-type:none;font-size:inherit;margin-bottom:0}
.qq-upload-list li{padding:0.66667em 0}
.qq-upload-failed-text{display:none}
.qq-upload-file,.qq-upload-size{display:block}
.qq-upload-fail .qq-upload-failed-text{display:block}
.qq-upload-success .qq-upload-file{padding-right:2em}
.qq-upload-list .inlineBtn{margin-left:10px}
.mqInputCell,.mqLabelCell,.mqInputCell input.inpChk,.mqInputCell input.inpRadio,.mqLabelCell label{vertical-align:top}
.mqInputCell{padding-right:5px;padding-top:0.07143em;width:20px}

.inlineBtn,.gridPager span,.gridPager a{text-decoration:none}

/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
/*
.jcrop-holder{direction:ltr;text-align:left}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute}
.jcrop-vline{height:100%;width:1px!important}
.jcrop-hline{height:1px!important;width:100%}
.jcrop-vline.right{right:0}
.jcrop-hline.bottom{bottom:0}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}
.jcrop-dragbar.ord-n{margin-top:-4px}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0}
.jcrop-dragbar.ord-w{margin-left:-4px}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px}
.jcrop-holder img,img.jcrop-preview{max-width:none}
*/

/*jQuery AdGallery*/
.ad-gallery{width:90%;margin:0 auto}
.atomshow .ad-gallery ul,#atomshowMain .ad-gallery ul{margin:0;padding:0;line-height:normal}
.atomshow .ad-gallery li,#atomshowMain .ad-gallery li{margin:0;line-height:0;list-style-type:none;list-style-image:none}

.ad-gallery .ad-thumbs li a:link,.ad-gallery .ad-thumbs li a:visited,
.ad-gallery .ad-thumbs li a:hover,.ad-gallery .ad-thumbs li a:active{text-decoration:none}

.ad-image-wrapper-screen{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#333;opacity:0.5;z-index:1010}
.ad-gallery .ad-image-wrapper{height:670px;width:830px;margin-bottom:10px;position:fixed;top:100px;overflow:hidden;background-color:#fff;border:1px solid #444;z-index:1015}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:1020;top:48%;left:48%;border:1px solid #ccc}
.ad-gallery .ad-image-wrapper .ad-next,.ad-gallery .ad-image-wrapper .ad-prev
{position:absolute;top:0;width:45%;height:100%;cursor:pointer;display:block;z-index:1030}
.ad-gallery .ad-image-wrapper .ad-next{right:0}
.ad-gallery .ad-image-wrapper .ad-prev{left:0}
.ad-gallery .ad-image-wrapper .ad-prev,.ad-gallery .ad-image-wrapper .ad-next{background:url(non-existing.jpg)/* Or else IE will hide it */}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,.ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{background:url(../AdGallery/gallery_icons.gif) 0 0 no-repeat;width:30px;height:30px;display:none;position:absolute;top:47%;z-index:101}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image{background-position:0 0;left:15px;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background-position:0 -30px;right:15px;left:auto}
.ad-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:1020}
	
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{padding:7px 0;text-align:left;width:100%;z-index:1035;background-color:#fff;color:#666;margin-bottom:0}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../AdGallery/opa75.png')}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{color:#666}
.ad-gallery .ad-controls{height:0}
.ad-gallery .ad-info{color:#999;display:block}
.ad-gallery .ad-info{margin:0;padding:0}
.ad-gallery .ad-slideshow-controls{float:right}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left:5px;cursor:pointer}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left:5px;font-size:0.9em}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor:default;font-style:italic}
.ad-gallery .ad-nav{width:100%;position:relative}
.ad-gallery .ad-forward, .ad-gallery .ad-back{position:absolute;top:0;height:65px;z-index:10}
.ad-gallery .ad-back{cursor: pointer;left:-20px;width:13px;display:block;background:url(../AdGallery/gallery_icons.gif) 0 -73px no-repeat}
.ad-gallery .ad-back:hover{background:url(../AdGallery/gallery_icons.gif) 0 -138px no-repeat}
	
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(../AdGallery/gallery_icons.gif) 0 -203px no-repeat}
.ad-gallery .ad-forward:hover{background:url(../AdGallery/gallery_icons.gif) 0 -268px no-repeat}
	
.ad-gallery .ad-nav .ad-thumbs{overflow:hidden;width:100%}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;width:9000px;list-style:none;margin-left:0}
.ad-gallery .ad-thumbs li{float:left;padding:0 5px 0 0}
.ad-gallery .ad-thumbs li a{display:block}
          
.ad-gallery .ad-thumbs li a img{display:block;height:100px ! important;width:auto ! important;border:1px solid #D2D2D2} /*important: da ne povozimo na naslovnici eucilnice*/
.ad-gallery .ad-thumbs li a.ad-active img{}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{position:absolute;left:-9000px;top:-9000px}

.ad-gallery .close{border-style:none;background:transparent url(../AdGallery/fancy_closebox.png) repeat scroll 0 0;cursor:pointer;height:13px;position:absolute;right:15px;top:622px;width:13px;z-index:1030}

/*jQ UI accordion*/
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;background-position:-16px -1856px;outline:0 none/*disable chrome fucus*/;min-height:0;/* support: IE7 */}
.ui-accordion .ui-accordion-header.ui-accordion-header-active{background-position:-16px -281px}
.ui-accordion .ui-accordion-icons{/*background-position:-16px -1542px;*/padding-left:1.5em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none}
.ui-accordion .ui-accordion-content{padding:0;border-top:0;overflow:auto}
#helpAccordion{padding-bottom:2em}

/*stare predloge*/
/*cez celo stran*/
.singleColumn #column1{float:none;width:auto;margin:0 0 3em 0}
.twoThirdsColumn #column1{float:none;width:65.3466%;margin:0 0 3em 0} /*ista sirina kot na profilu - lahko zdruzimo*/
.twoColumn #column1,.twoColumn .column.column1{float:left;width:65.3466%;margin-right:0}/* 2/3 - twoColumn lahko uporabimo tudi za profil */
.twoColumn #column2,.twoColumn .column.column2{float:right;width:30.6931%}/* 1/3 */
.twoColumn .column.column3{float:none;width:auto}

.content h2,.singleColumn h2,.twoThirdsColumn h2,.atomContent p.naslov{font-size:2em;line-height:1em;margin-bottom:1em}
.content h3{font-size:1.66667em;line-height:1em;margin-bottom:0.80000em}
.content p,.asParagraph,.forums .detailsHeader+.desc{font-size:1.16667em;line-height:1.28571em/*1.14286em*/;margin-bottom:1.28571em/*1.14286em*/}/*naredimo bolj specificno ce bo selector presirok; forum ima samo plain text description*/
.asParagraph{display:block}
.FontVecji{font-size:125%}
.FontManjsi{font-size:80%}
.horline{border-top:1px dashed #ccc;margin:5px 0;padding:0}
.singleColumn h3{font-size:1.5em;line-height:1em;margin-bottom:1em}
.inlineBtnBar{}
.form .inlineBtnBar.afterForm{text-align:right}
.inlineBtnBar .inlineBtn,.btnCell .inlineBtn{margin-right:1em;margin-bottom:1.33333em /*namesto margin na inlineBtnBar*/}
.inlineBtnBar .inlineBtn{vertical-align:top}
.inlineBtnBar.afterForm .inlineBtn:last-of-type,.btnCell .inlineBtn:last-of-type,.detailsSubTitle .inlineBtnBar .inlineBtn:last-of-type{margin-right:0}
.portalsForm .btnCell .inlineBtn,.examSignups .btnCell .inlineBtn{margin-bottom:0}
.detailsSubTitle .inlineBtnBar{text-align:right}
.transpBtn{display:inline-block;margin-right:1em;cursor:pointer;padding:0.66667em 1.33333em 0 0;position:relative;text-align:right}/*isto kot inlineBtn samo brez ozadja in poravnano desno*/
.transpBtn.moreActions{background-image:none}
.form table .inlineBtn,.form table .qq-upload-button{font-size:0.85714em}/*vrnemo gumbe nazaj na 12px, ker je v tabeli sicer 14*/

.tablesort,.skupineOut{width:100%;margin-bottom:2em}
.tablesort th{font-size:1.33333em;padding:0.42857em;text-align:left/*default*/}
.atomContent table[align="center"]{margin-left:auto;margin-right:auto}
.atomContent tr.tabH1 td{font-weight:bold}
.tablesort th a{padding-right:15px;text-decoration:none}
th.sort{cursor:pointer}
th.noSort{}
th.forwardSort a{background-position:right -1230px}
th.reverseSort a{background-position:right -1185px}
.tablesort td{padding:0.5em;vertical-align:middle;text-align:left/*default*/}
.atomshow:not(.testing) .atomContent table:not(.mqTable) td,.atomshow:not(.testing) .atomContent table:not(.dataTable) td{vertical-align:top;text-align:left}/*layout tabele na atomu*/
table.dataTable td,table.dataTable th{padding:0.5em;vertical-align:middle;text-align:left}/*tabela za prikaz tabelaricnih podatkov*/
.tablesort th.right,.tablesort td.right{text-align:right}
.tablesort th.center,.tablesort td.center{text-align:center}
.tablesort td p{margin-bottom:0}

.singleColumn .form,.twoColumn .column3 .form{width:65.3466%}/*naj so forme siroke 2/3 */
#divPrenos .form{width:100%}

.inpTxt,.inpSelect,.inpTextarea,/*za fck textarea npr. na profilu*/.inputCell textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:2px;margin:0}
.inputCell .inpTxt,.inputCell .inpSelect,.inputCell .inpTextarea,.inputCell textarea{font-size:inherit;line-height:inherit}/*inherit font-size from form table*/
.inputCell .lbl{display:inline-block;padding-top:0.21429em}
.inpTxt,.inpSelect{height:24px}/*match height for both inputs*/
input.inpChk,span.inpChk input,.inpRadio,.inpRadio input{width:15px;height:15px;padding:0;margin:0 0.5em 0 0;vertical-align:middle}
.inpFile{}
label{vertical-align:middle}
.inpRadio+label{margin-right:1em}
/*inputs in context*/
.profile .inpTxt,.profile .inpSelect,.profile .inputCell textarea,.urejanjeEPredloge .inpTextarea,
.atomEditor .inputCell .inpTxt,.atomEditor .inputCell .inpTextarea,#PMSendStep2 .inputCell .inpTextarea,#PMSendStep2 .inputCell .inpTxt,
.register .inpTxt,.forgottenPassword .inpTxt{width:100%}
.urejanjeEPredloge .inpTxt,.urejanjeEPredloge .inpSelect,.atomEditor .inputCell .inpSelect,#objectEdit .form .inpSelect,#objectEdit .form .inpTxt{width:50%}
#otherUserDataForm .inpTxt{width:66%}
#objectEdit .form .inpTxt.dimensions{width:20%}
#lightBoxForm .objectDimensions .inpTxt{width:30%}
.portalsForm .inpTxt,#objectEdit .form .inpTextarea{width:100%}
#filterNewsType,#filterNewsStatus,#newsEditStyle,.newsEdit #vrsta.inpSelect,#newsEditPosition,#newsEditStatus{text-transform:lowercase}
.checkBoxList input[type="checkbox"]{margin-top:2px;margin-left:5px;margin-bottom:0px;margin-right:5px}
.checkBoxList label{position:relative;top:-4px}
#objectEdit #objectEditForm .content,#objectEdit #objectVariations .content{width:auto;min-width:0}

.groupsOverview h2, .userOverview h2{cursor:pointer}/*dodamo se puscico, ki nakazuje toggle*/
.groupsOverview .infoTrigger{vertical-align:middle;cursor:pointer;height:15px}
.groupsOverview .grCell1,.groupsOverview .grCell2,.groupsOverview .grCell4,.groupsOverview .grCell5,.groupsOverview .grCell6,.groupsOverview .grCell8{width:5.6%}/*datum in podobni*/
.groupsOverview .grCell3,.groupsOverview .grCell7{width:14%}/*mentor, skupina*/

.chatroom .framechat{display:none}

/*fck slogi*/
.sredina{text-align:center}
.desno{text-align:right}
.krepko,.poudari{font-weight:bold}
.lezece{font-style:italic}
.podcrtano{text-decoration:underline}
.subscript,.superscript{font-size:smaller}
.subscript{vertical-align:sub}
.superscript{vertical-align:super}
p.alinejaNavadnaNivo1,p.alinejaPostopekNivo1,p.alinejaNavadnaNivo2,p.alinejaPostopekNivo2,p.naslovPostopek{margin-bottom:0.50000em}
.alinejaNavadnaNivo1,.alinejaPostopekNivo1{margin-left:3em;padding-left:1em}
.alinejaNavadnaNivo2,.alinejaPostopekNivo2{margin-left:4em;padding-left:1em}
.atomComment .alinejaNavadnaNivo1,.atomComment .alinejaNavadnaNivo2,.atomComment .alinejaPostopekNivo1,.atomComment .alinejaPostopekNivo2,
.tileDesc .alinejaNavadnaNivo1,.tileDesc .alinejaNavadnaNivo2,.tileDesc .alinejaPostopekNivo1,.tileDesc .alinejaPostopekNivo2{margin-left:0}
.naslovPostopek{font-weight:bold;margin-left:3em}
.atomContent img{max-width:100%;height:auto}/*varovalka za presiroke slike*/
.atomContent img[align="left"],#eClassroomDesc img[align="left"],.atomContent .flLeft{float:left;margin:0 1em 1em 0}
.atomContent img[align="right"],#eClassroomDesc img[align="right"],.atomContent .flRight{float:right;margin:0 0 1em 1em}
.atomContent .editorObject, .atomContent iframe,.lightbox,.fancybox,.fancyvideo{display:inline-block;position:relative}

/*dodati za disabled in read only*/
.inlineBtn.disabledBtn,.inlineBtn.disabledBtn:hover,.pagerBtn.disabled,.pagerBtn.disabled:hover{background-color:#c0c0c0;color:#333}
.tile.disabled,.pagerBtn.disabled,.pagerBtn.disabled:hover,.inpRadio[disabled] label,.inlineBtn.disabledBtn{opacity:0.4;cursor:default}/*.tile.disabled .tileData,.tile.disabled .tileDesc*/
.tile.readOnly{cursor:default}/*.tile.readOnly .tileData,.tile.readOnly .tileDesc*/
.editMode .tile.disabled.editable{opacity:1;cursor:pointer}/*.editMode .tile.disabled.editable .tileData,.editMode .tile.disabled.editable .tileDesc*/

.form #filternovice .inpSelect,.form #spletaj .inpSelect,.form #forumi .inpSelect{margin-right:2em}/*noviceBackend, urejanje forumov*/

.predelanoout{background-color:#fff;border:solid 1px #1BA1E2;width:100px;height:7px;font-size:0}
.predelano{background-color:#1BA1E2;height:7px;float:left}

/*struktura gradiva*/
.atomTree .tablesort{margin-bottom:0}
.atomTree .atomTreeChkCell{width:20px;text-align:center}
th.atomTreeChkCell{}
div.atomTreeChkCell{}
.columnContent ul.atomtree,.columnContent ul.atomTreeSub{list-style-type:none;margin-bottom:0;margin-left:0}
.columnContent ul.atomTreeSub{font-size:inherit}
.atomTreeItem{}
.atomtree li .container{cursor:default}
.atomTreeName{float:left;padding:5px;max-width:50%}
.atomTreeEdit,.atomTreeArrows,div.atomTreeChkCell{float:right;padding:0.5em}
.atomTreeEdit{width:55px}
.atomTreeArrows{width:60px}
.atomTreeSub{clear:both}

.wholeCourse .atom{margin-bottom:1em}
.scormshow #scormIframe{width:100%;min-height:650px}

/*slovar*/
.dictionary #column1{width:auto;float:none}
/*prikaz slovarja na atomshowu*/
.dictionaryPopupTrigger{position:relative;cursor:pointer;background:yellow}
.dictionaryPopup{position:absolute;z-index:10000;top:20px;left:0;padding:5px;display:none}
.dictionaryPopupTrigger:hover .dictionaryPopup{display:block;min-width:200px}
.explanationTrigger{display:inline-block;width:1.14286em;height:1.14286em;margin-left:5px;background-position:center -1052px;cursor:pointer}
.explanationTrigger.opened{background-position:center -1097px}
.explanation{display:none;padding:0 5px}

/*stari datetime picker (novicaUredi)*/
table.calendar 
{
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
    position:relative;
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}


/*eucilnica - podrobnosti*/
.ajax__tab_header>span{display:block;float:left}
.tabs.ajax__tab_default .ajax__tab_header{}
.tabs.ajax__tab_default .ajax__tab_outer{display:block}
.tabs.ajax__tab_default .ajax__tab_inner{display:inline}
.tabs.ajax__tab_default .ajax__tab_tab{display:inline;text-align:left;overflow:visible}
.tabs.ajax__tab_default .ajax__tab_body{}
.tabs.ajax__tab_default .ajax__tab_hover{}
.tabs.ajax__tab_default .ajax__tab_active{}

.eClassroomName{text-transform:uppercase}
.eClassroomImg img,.introImg img{max-width:100%;height:auto}
.eClassroomCurrent{padding:1.33333em;margin-bottom:2em}
.columnContent .eClassroomCurrent ul{list-style-type:square;padding-left:1.33333em;margin-left:0;font-size:inherit}
.eClassroomCurrent li{font-size:1.16667em;line-height:1.14286em;margin-bottom:1.14286em}
.tile.myProfile.mentorProfile .tileName{text-overflow:ellipsis;overflow:hidden;height:4.80000em}

.eClassroom .subTabs .ajax__tab_header{padding-bottom:1.33333em;border-bottom:0 none;margin-bottom:0}/*ce je namesto paddinga margina se cela vsebina zamakne*/
.eClassroom .activityList{margin-bottom:1.50000em}

.columnContent h2 .titleLinkSmall{padding-right:35px;text-decoration:none;background-position:right -1544px}

#aktivnosti .tablesort td{vertical-align:top}
.aktivnostVrsta{}
.aktivnostVrsta,.aktivnostInfo{height:20px;width:20px;display:block}/*pustil stare nazive, da ne popravljamo kodo*/
.aktivnostNaloga{background-position:0 -2045px;margin-right:1.33333em}
.aktivnostUcenje{background-position:0 -2090px;margin-right:1.33333em}
.aktivnostTestiranje{background-position:0 -2135px;margin-right:1.33333em}
.aktivnostKomunic{background-position:0 -2180px;margin-right:1.33333em}
.aktivnostPovezava{background-position:0 -2225px;margin-right:1.33333em}
.aktivnostDatoteka{background-position:0 -2270px;margin-right:1.33333em}
.aktivnostGrupa{background-position:0 -2315px;margin-right:1.33333em}
.aktivnostKonferenca{background-position:0 -110px;margin-right:1.33333em}
/*to do:*/
.aktivnostVrsta.aktivnostZivo,.aktivnostInfo.aktivnostZivo{background-position:0 -4205px;background-color:transparent}
.aktivnostVrsta.aktivnostUra,.aktivnostInfo.aktivnostUra{background-position:0 -4250px;background-color:transparent}
.aktivnostVrsta.aktPravilno{background-position:0 -4295px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktNepravilno{background-position:0 -4340px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktNic{background-position:0 -4385px;margin-left:auto;margin-right:auto;background-color:transparent}
.aktivnostVrsta.aktOpozorilo,.aktivnostInfo.aktOpozorilo{background-position:0 -4430px;background-color:transparent}
.aktivnostVrsta.aktivnostUra,.aktivnostVrsta.aktOpozorilo{margin-left:0.66667em}

#aktivnosti .tablesort .activityTitle{font-size:1.33333em;line-height:1em;text-transform:uppercase}
.subactivityToggle{width:10px;margin-right:5px}
.tablesort .subactivitiesCell{padding:0;border-bottom:0 none}
.tablesort .subactivityTitleCell{padding-left:35px}

.activityLegend th{font-weight:bold;text-align:left;padding-right:1em}
.activityLegend td{text-align:left;padding-right:1em;vertical-align:middle}

.addClassroomUsers,#removeClassroomUsers{height:400px;overflow:auto}
.addClassroomUsers td{width:20px}
.addClassroomUsers td.uprRoot,.addClassroomUsers td.uprUdelezenec{width:auto}
.addClassroomUsers td.uprUdelezenec{padding-left:1em}
.upravUporabList{width:100%;max-width:100%;height:80px;margin-bottom:1em;overflow:auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#removeClassroomUsers .tablesort{margin-bottom:0}

/*pm*/
.pm #column1,.importUsers #column1,.buyEcontent #column1{position:relative}
#PMTabs{/*position:relative*/}
.PMTabsList,.importUsersTabsList,.pmSearchBox{margin-right:11.6809%}
.PMTabsList .ui-state-active a{}
.detailsSeparator{position:absolute;top:0;right:0;width:1em;height:100%}
.pmSearchInp{}
.pmSearchBtn{display:inline-block;width:16px;height:16px;background:black}
.pmBtnBar{width:60%;float:left}/*na ogledu enega sporocila*/
.pmNav{width:35%;float:right}/*na ogledu enega sporocila*/
.allMessages .pmBtnBar{width:35%}/*na seznamih*/
.allMessages .pmNav{width:60%}/*na seznamih*/
.pmNav table{float:right}
.pmNav td{vertical-align:middle;text-align:center}
.pmMessageData{padding:1.33333em}
.pmJoinedMessageHeader{padding:1.33333em 1.33333em 0 1.33333em}
.pmMessageUsers{width:60%;float:left}
.pmMessageUsers td{padding-right:5px}
.pmMessageDates{width:30%;float:right}
.pmMessageDates table{float:right}
.pmMessageDates td{padding-left:5px}
.pmMessageContent{padding:1.33333em;margin-bottom:1.33333em}
.pmChooseRecepients{position:relative}
.pmChooseRecepients .moreActionsSmall{float:right}
.PMpuscicaMoznosti{width:10px;height:10px;display:block;background:#000}
.pmChooseRecepientsSelect{float:right}
.pmChooseRecepientsPopup{width:130px;position:absolute;top:16px;right:0;z-index:10;background-color:#fff;padding:5px}
.pmReceived .icon{background-position:0 -3480px}
.pmJoined .icon{background-position:0 -3755px}
.pmSent .icon,.pmArchived .icon,.pmSearched .icon{background-position:0 -4880px}
.pmJoinedMessageHeader{height:25px;margin-top:1.33333em}
.pmJoinedMessageSender{width:80%;cursor:pointer;float:left}
.pmJoinedMessageActions{width:15%;float:right}
.pmJoinedMessageActions .moreActionsSmall{float:right}
.navSprStran{white-space:nowrap}
.pmAttachement{width:15px;height:14px;background-position:0 -5780px}
th .pmAttachement{background-position:0 -5735px}

#iskgrupa .skupineOut table{width:auto}
.sendMessageSearchTbl{margin-bottom:1em}
.sendMessageTd{vertical-align:middle}
.sendMessageSearchBox{width:300px}

/*generic pager*/
.pagerBtn{height:20px;width:15px;display:block;padding:0.5em 1em}
.pagerBtn.startBtn{background-position:center -3568px}
.pagerBtn.prevBtn{background-position:center -3613px}
.pagerBtn.nextBtn{background-position:center -3657px}
.pagerBtn.endBtn{background-position:center -3702px}
/*pager in context*/
.pmNav td{padding-left:1em}

/*upload*/
#uploadTabs .tab a{text-decoration:none}
.uploadImgBox{width:155px}

/*buy eContents*/
.buyEcontent #column1 .group{margin-right:11.6809%}

/*activitiesByDate*/
.moreValuesFirstValue{cursor:pointer}
.moreValuesToggle{width:15px;height:15px;margin-left:5px;background-color:#999;background-position:center -1052px}
.moreValuesToggle.opened{background-position:center -1097px}
.moreValuesOtherValues{display:none}

.borderTop{border-top:1px solid #ddd}

/*home - default*/
.headTopLogo{display:block;float:left}
.loginBox{padding:2.66667em 0}
.loginBox .login{padding:0 1.50000em;text-align:right}

/*already signed in*/
.signedIn{padding:0 1.5em;text-align:right}
.signedIn h1{}
.signedIn .userName{font-size:2em;font-weight:lighter;line-height:1.125em;padding-bottom:0.75em}

/*not signed in*/
.loginMsg .loginMessage1{display:block;font-size:1.33333em;margin-bottom:1em}
.loginMsg .loginMessage2{display:block;margin-bottom:1em}
.login .loginMessage4{height:20px}
.login .signIn{float:right;width:300px}
.login .signIn .form{margin:0}
.login .signIn .formContent{margin:0;padding:0}
.login .form div.loginTbl{width:235px;float:right}
#B2SkinMetroMasterPublic:not(.publicAcademic) .loginTbl{position:relative;height:70px}
    
#B2SkinMetroMasterPublic:not(.publicAcademic) .loginMsg{padding:0 1.5em}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .loginErrors{clear:both;/*min-height:2em;*/padding:0.5em 0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .loginRegisterBar{margin-top:2em}

.login .labelCell,.login .inputCell{display:block;padding:0.21429em 0}
.login .labelCell{float:left;text-align:right;width:85px}
.login .inputCell{float:right}
    
.login .form .inputCell .inpTxt{width:135px}/*nepotrebno ?*/
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .loginTblRow .labelCell{display:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.usernameCell{padding:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell{float:none;position:absolute;bottom:0;right:80px;padding:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.usernameCell .inpTxt{width:220px;height:2.143em;padding:2px 5px}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .inputCell.passwordCell .inpTxt{width:140px;height:2.143em;padding:2px 5px}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .loginTbl .inlineBar .inlineBtn{height:1.429em;line-height:1.429em;padding:0.357em 1.071em;margin:0}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .inlineBar{/*margin-bottom:1.33333em;clear:both;*/position:absolute;bottom:0;right:0;width:80px;padding:0;height:2.143em}
.login .moreBar{margin-bottom:0}

/*change password*/
#loginChangePass .form{position:relative}
#B2SkinMetroMasterPublic:not(.publicAcademic) #loginChangePass.login .inlineBar{position:static;width:auto}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .changePassTbl{float:right;width:auto}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .changePassTbl td.labelCell{width:180px;display:table-cell;float:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .form .changePassTbl td.inputCell{display:table-cell;float:none}
#B2SkinMetroMasterPublic:not(.publicAcademic) .login .changePassTbl .inputCell{text-align:right}

#B2SkinMetroMasterPublic.publicAcademic #loginChangePass{padding-left:10px}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass table,#B2SkinMetroMasterPublic.publicAcademic tbody{display:block}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl tr{display:block;width:45%;float:left}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl td{display:block;width:auto}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .changePassTbl td.labelCell{font-size:0.857em;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#B2SkinMetroMasterPublic.publicAcademic #loginChangePass .inlineBar{top:20px}

/*register*/
.login .register h1,.login .forgottenPassword h1{text-align:left}

/*home - academic*/
.publicAcademic #headTop{padding:0}
.headTopContact{float:right;text-align:right;padding-right:35px;padding-top:15px}
.contactTel{padding-top:2px;padding-bottom:7px}
.publicAcademic .loginBoxHead{position:relative;padding-top:10px}
.publicAcademic .loginMessage1{padding:0.75000em}
.publicAcademic .loginMessage2,.publicAcademic .loginMessage3,.publicAcademic .loginMessage4{padding:1em}
.publicAcademic .loginMessage1,.publicAcademic .loginMessage2{margin-bottom:0}
.publicAcademic .loginMessage3,.publicAcademic .loginMessage4{display:block}

.publicAcademic .loginMsg,.publicAcademic .loginErrors{position:absolute;right:0;top:65px;background:#333;width:100%;padding:0}
.publicAcademic .login .form{}
.publicAcademic .login .form div.loginTbl,.publicAcademic .loginForgotenBar{padding-right:20px;width:85%;font-size:inherit;line-height:inherit}
.publicAcademic .loginTblRow{float:left}
.publicAcademic .loginTblRow.usernameRow{width:60%}
.publicAcademic .loginTblRow.passwordRow{width:40%}
.publicAcademic .loginTbl .labelCell{display:none}
.publicAcademic .loginRegisterBar{display:none}
.publicAcademic .loginForgotenBar{padding-top:5px;clear:both;float:right}
.publicAcademic .loginForgotenBar .moreBtn{background-image:none;font-size:inherit;display:inline;float:none;padding:0;margin:0}
.publicAcademic .login .inputCell{float:none}

.publicAcademic .login .form .inputCell .inpTxt{width:90%;font-size:inherit}
.publicAcademic .login .form .inlineBar{position:absolute;top:12px;right:0;margin-bottom:0}
.publicAcademic .login .inlineBar .arrowBtn{display:block;width:25px;height:25px;border:0 none;outline:0 none;background-color:transparent;background-position:right -1910px}

.publicAcademic .signedIn h1{display:none}
.publicAcademic #headTop1{width:70%;float:left}
.publicAcademic #headTop2{width:30%;float:right;position:static}
.publicAcademic #column1{width:auto;float:none}
.homePageMainImg{display:block;height:0;padding-bottom:40%;margin-bottom:40px}

.publicAcademic .signedIn{padding:0;position:relative}
.publicAcademic .signedIn .userName{padding:0;font-size:1.33333em;line-height:1.125em;position:absolute;right:80px;top:10px}
.publicAcademic .signedIn .inlineBtn{position:absolute;right:0;top:5px}

/*conference*/
#mainContent.conference #column1{width:auto;float:none;margin:1.333em 0;text-align:center}
#mainContent.conference h1{text-align:center}

/*flowplayer 5.4.2 minimalist skin*/
.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%;background-color:#000}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help small{font-size:90%;color:#aaa}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(baseImg/flowplayer/white.png);background-size:37px 300px;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(baseImg/flowplayer/white_rtl.png)}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(baseImg/flowplayer/black.png);}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(baseImg/flowplayer/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(baseImg/flowplayer/black@x2.png)}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(baseImg/flowplayer/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(baseImg/flowplayer/white@x2.png)}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(baseImg/flowplayer/white_rtl@x2.png)}
}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(baseImg/flowplayer/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(baseImg/flowplayer/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(baseImg/flowplayer/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(baseImg/flowplayer/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(baseImg/flowplayer/play_black.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(baseImg/flowplayer/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(baseImg/flowplayer/play_black@x2.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(baseImg/flowplayer/play_black_rtl@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.fixed-controls.flowplayer .fp-logo{bottom:15px}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:5px;background-position:18px -197px}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;}
.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px}
.flowplayer .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.flowplayer .fp-play{display:block}
.is-paused.flowplayer .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;}
.no-volume.flowplayer .fp-timeline{margin-right:60px}
.no-mute.flowplayer .fp-timeline{margin-right:140px}
.no-mute.no-volume.flowplayer .fp-timeline{margin-right:45px}
.play-button.flowplayer .fp-timeline{margin-left:67px}
.is-rtl.flowplayer .fp-timeline{margin:0 45px 0 150px;}
.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:60px}
.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:140px}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:45px}
.play-button.is-rtl.flowplayer .fp-timeline{margin-right:67px}
.is-long.flowplayer .fp-timeline{margin:0 180px 0 75px;}
.no-volume.is-long.flowplayer .fp-timeline{margin-right:90px}
.no-mute.is-long.flowplayer .fp-timeline{margin-right:75px}
.play-button.is-long.flowplayer .fp-timeline{margin-left:97px}
.is-rtl.is-long.flowplayer .fp-timeline{margin:75px 0 180px 0;}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:90px}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:75px}
.play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:97px}
.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 110px 0 5px}
.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:20px}
.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:5px}
.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 5px 0 110px}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:20px}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:5px}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.flowplayer.is-touch .fp-timeline{overflow:visible}
.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.flowplayer .fp-volume{position:absolute;top:7.5px;right:5px;}
.is-rtl.flowplayer .fp-volume{right:auto;left:5px}
.flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;}
.is-rtl.flowplayer .fp-volumeslider{float:right}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px}
.no-time.flowplayer .fp-time{display:none}
.is-long.flowplayer .fp-time em{width:65px}
.flowplayer .fp-elapsed{left:5px;}
.play-button.flowplayer .fp-elapsed{left:27px}
.is-rtl.flowplayer .fp-elapsed{left:auto;right:5px;}
.play-button.is-rtl.flowplayer .fp-elapsed{right:27px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:110px;color:#eee;}
.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:20px}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:100px}
.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:5px}
.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:110px;}
.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:20px}
.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:100px}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:5px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:5px;}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px}
.flowplayer.is-long.aside-time .fp-time{width:130px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:20px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-20px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:5px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:5px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;}
.is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:85px;}
.is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:85px}
.flowplayer.aside-time .fp-embed-code{left:115px;}
.is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:115px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px}
.flowplayer.no-time .fp-embed{left:5px !important;}
.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:5px !important}
@-moz-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes pulse
{
    0%{opacity:0}
    100%{opacity:1}
}
.flowplayer .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)}
.flowplayer.fixed-controls .fp-controls{background-color:#333}
.flowplayer .fp-timeline{background-color:#666}
.flowplayer .fp-buffer{background-color:#eee}
.flowplayer .fp-progress{background-color:#00a7c8}
.flowplayer .fp-volumeslider{background-color:#000}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-play{height:24px}
.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
.flowplayer.color-light .fp-controls{background-color:rgba(255,255,255,0.6)}
.flowplayer.color-light.fixed-controls .fp-controls{background-color:#fff}
.flowplayer.color-light .fp-volumeslider{background-color:#ddd}
.flowplayer.color-light .fp-volumelevel{background-color:#222}
.flowplayer.color-alt .fp-progress{background-color:#fff}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff}
.flowplayer.color-alt .fp-buffer{background-color:#999}
.flowplayer.color-alt2 .fp-progress{background-color:#900}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}


@media screen and (max-width:639px),/*small computer screens*/
screen and (min-device-width:320px) and (max-device-width:480px) and (max-width:320px) /*smartphone portrait*/
{
	#head{/*position:relative*/}
	#headContent{padding:0.5em 0;min-width:480px;width:95%;margin:0 auto;position:relative}
	#headContent:after{display:block;clear:both;content:"";visibility:hidden;font-size:0;height:0}	
    * html #head{zoom:1} /* IE6 */
    *:first-child+html #head:after{zoom:1}/*IE7*/
	
	#headTop{float:left;width:45%}
	#B2SkinMetroMasterPublic #headTop{float:none;width:auto}
	#headTopContent.content{min-width:0;width:auto}
	#headTop1{font-size:1.33333em;line-height:1.0em;}
	#headTop1 .headTop1Txt{display:none}
	.headTopTitle{display:none}
	#headTop2{padding:0}
	#userMenuTrigger span{display:none}
	
	#headMenu{float:right;height:2.000em;width:50%;background-color:transparent}
	#headMenu1{position:absolute;z-index:10000;top:2.7em;right:0;min-width:120px;text-align:right;display:none}
	#userMenu.moreActionsMenu{top:2.7em;right:0}
	#headMenu2{float:right;min-width:150px}
	#headMenu2 .imglink.user{float:right;font-size:1em;padding-top:0.5em}
	#mainContent{min-height:43.75em;padding-top:0.66667em}
	#footerContent{font-size:1.0em;line-height:1.0em}

	.content{width:95%;min-width:480px}
	#headMenuContent.content{min-width:0;width:auto}
	#headMenu1 a{display:block;float:none;font-size:1.16667em;line-height:1.42857em;padding:0.28571em 1.14286em;text-decoration:none}/*same as menuUser and moreActionsMenu*/
	#headMenuContent #headMenu1 a.txtlink.active{background-image:none}
	#headMenu1 a.txtlink:link,#headMenu1 a.txtlink:visited{opacity:1}
    
	#headMenuContent .imglink{display:block;width:24px;height:24px;padding-top:0}
    #headMenuContent .imglink.openMenu{display:block;float:right;margin-right:10.31353135313531%;cursor:pointer;background-position:right -1775px}
    #headMenuContent .imglink.openMenu.active{background-position:right -1820px;opacity:1}
    #headMenuContent a.home{display:none}

	#headMenuContent .search{float:right;margin-right:10.31353135313531%;background-position:0 -1640px}
	#headMenuContent .cart{float:right;margin-right:10.31353135313531%;background-position:0 -1685px}
	#headMenu2 .user{float:right;margin-right:0;background-position:0 -1730px}
	#headMenu2 .user.active{opacity:1}
	
	#headMenuContent a.menu3{margin-right:0}
	
	.searchInput{position:absolute;z-index:10000;top:2.5em;right:0;width:150px;padding:5px;text-align:right}
	.searchInput .inpTxt{width:110px}
	
	.content h1{font-size:2em;line-height:1em;font-weight:lighter;margin-bottom:0.33333em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2em;line-height:1.33333em}
	.tileNum2{font-size:1em;line-height:1.5em}
	.tileDesc{font-size:1em;line-height:1.33333em}
	
	.modsCustom .tileNum1,.studentOfficeLink .tileNum1{height:1.33333em}
	.moreBar{margin-bottom:0}
	.column{margin-bottom:3em}
	
	.tabs .tab,.tabs>.ajax__tab_header>span{font-size:1.83333em;line-height:1.09091em;margin-bottom:0.36364em;margin-right:2.5%}
	/*.tabs .subTabs .ajax__tab_header .ajax__tab_outer{font-size:1.42857em;line-height:1em}*/
	.listDetails #column1 .columnContent{height:65.33333em}
	#column2 .examsColumn{height:26em}
	.listDetails .econtent .icon{display:none}
	.listDetails .econtent .tileText{width:70%}
	.listDetails .econtent .tileNum{width:29%}
	
	.listDetails .econtent .tileNum1{font-size:1.5em;line-height:1.22222em}
	/*.listDetails #column1 .econtent .tileName{font-size:1.16667em;line-height:1.14286em}*/
	
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:12.00000em;width:12.00000em}
	.detailsImg img{height:12.00000em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:12em/*width:45%*/}
	.listDetails .detailsHeader h1{font-size:1.66667em;line-height:1.250em;margin-bottom:0.80000em}
	.listDetails .detailsHeader h1 .titleLink{/*background-position:right -1549px*/}
	.titleLink:after{width:25px;height:25px;background-position:right -1550px}
	
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}

	.listDetails #column2 .tile{margin-top:1.33333em;margin-bottom:0}
	.listDetails #column2 .tile .tileDesc{display:none}

	.page_predstavitevspletaja #headContent,.page_atomshow #headContent,.page_izpitopravljanje #headContent,
	.page_atomedit #headTop,
	.page_atomedit #headMenu,
	.atomshow,.testing{min-width:950px}
	
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent{width:auto}
	
	#objectEdit{width:950px;margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
	
	.atomshow #mainContent{position:relative;padding-top:0;margin-top:1.33333em}
	.atomshow #column2,.atomEdit #column2{width:950px;float:none}
	.fileList #objectListMain .content{width:950px;margin:0}
	.page_atomedit #headTopContent,.page_atomedit #headMenuContent,.page_atomedit .content{width:950px}
	.atomshow #head{height:4.00000em}
	.atomshow #headTop{height:3em;padding-top:1em}
	.atomshow #column1,.atomEdit #column1{display:none;width:250px;position:absolute;z-index:1000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}
	
	.twoColumn .classroomHome .column1{float:none;width:100%}
	.twoColumn .classroomHome .column2{float:none;width:100%}
	.classroomHome .classroomCurrent{width:45%;float:left}
	.classroomHome .classroomMentor{width:45%;float:right}
	
	#eClassroomDesc h1.eClassroomName{font-size:1.66667em;line-height:1.6em}
	.group.tileCollection .tile{width:46%;float:left;margin-right:3%}
    .group.tileCollection .tile:nth-of-type(2n+2){margin-right:0}
	
	.programLink{display:block;width:23.5%;float:left;margin-right:2%;height:40px;padding-top:15%;background-repeat:no-repeat;background-size:contain;font-size:1.50000em;line-height:1em;text-decoration:none}
    .programLink:nth-child(4){margin-right:0}
    .programsSeparator{clear:both;height:1em}
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),*/ /*ipad portrait*/
@media screen and (min-width:640px) and (max-width:1024px),/*medium computer screens*/
screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-width : 321px) /*smartphone landscape*/ 
{
	#head{position:relative}
	#headTop{padding:0.66667em 0}
	#headTopContent{position:relative}
	#headTop1{float:left;font-size:1.5em;line-height:1em}
	#headTop1 .headTop1Img{display:none}
	.headTopTitle{display:none}
	#headTop2{background-image:none;bottom:0;position:absolute;right:0;width:200px}
	#headTop2 span{background-image:none}
	#userMenuTrigger{padding-right:1em;background-position:right -1185px;text-align:right;cursor:pointer;float:right}
	#userMenuTrigger span{font-size:1.33333em;line-height:1.125em}
	#userMenuTrigger.opened{background-position:right -1230px}	
    #headMenu{height:3.33333em;padding-top:0.66667em;border-bottom:1.33333em solid #fff}
    .minPage #head{border-bottom:1.33333em solid transparent}
	#headMenu1{float:left;width:79%;display:block ! important}/*ce smo ga skrili z js na kaki drugi resoluciji*/
	#headMenu2{float:right;width:20%;position:relative}
	#headMenu2 .imglink.user{display:none}
	#mainContent{min-height:43.75em}
	#footerContent{font-size:1.0em;line-height:1.0em}

	.content{width:90%;max-width:950px}

	#headMenuContent a.active{background-position:center 30px}
	#headMenuContent a.txtlink{margin-right:3.3003300330033%;text-decoration:none;font-size:1.5em/*2.0em*/;line-height:1.33333em/*1em*/;font-weight:lighter;padding-bottom:1.33333em/*1em*/}
	
	#headMenuContent .imglink{display:block;width:32px;height:32px;padding-top:0}
	#headMenuContent a.home{background-position:0 -200px;padding-bottom:0.5em;margin-right:3.3003300330033%;}
	#headMenuContent a.home.active span{display:block;width:32px;height:5em;background-position:center 30px}
	#headMenuContent .search{float:right;background-position:0 -245px}
	#headMenuContent .cart{float:right;margin-left:10.31353135313531%;background-position:0 -3800px}
	#headMenuContent .help{float:right;margin-right:0;background-position:0 -290px}

	.searchInput{position:absolute;top:3.33333em;right:0;width:150px;padding:5px;text-align:right}
	.searchInput .inpTxt{width:110px}
	
	#column1{float:left;width:47.5%}
	#column2{float:right;width:47.5%}/*.modsCustom*/
	.modsNews .tile,.forumList .tile{width:47.5%}
	.modsNews .tile:nth-child(odd),.forumList .tile:nth-child(odd){float:left}
	.modsNews .tile:nth-child(even),.forumList .tile:nth-child(even){float:right}
	.modsNews .newsContainer{width:47.5%}
	.modsNews .newsContainer .tile{float:none;width:auto}
	
	.newsContainer .news:not(.welcome) .tileText{width:50%}
	
	#column3{clear:both}
	.content h1{font-size:2.16667em;line-height:1.23077em;font-weight:lighter;margin-bottom:0.61538em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2.00000em;line-height:1.33333em}
	.tileNum2{font-size:1em}
	.tileDesc{font-size:1em;line-height:1.33333em}
	
	.tabs .tab,.tabs>.ajax__tab_header>span{font-size:2.16667em;line-height:1.385em;margin-bottom:0.462em;margin-right:2.5%}
	.content .tabs h1{font-size:2.16667em;line-height:1.385em;margin-bottom:0.462em}
	.listDetails #column1 .columnContent{height:58.66667em}
	#column2 .examsColumn{height:26em}
	.listDetails .econtent .tileText{width:52%}
	.listDetails .econtent .tileNum{width:21%}
	.listDetails .econtent .tileNum1{font-size:1.66667em;line-height:1.20000em}
	/*.listDetails #column1 .econtent .tileName{font-size:1.16667em;line-height:1.14286em}*/
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:14.66667em;width:14.66667em}
	.detailsImg img{height:14.66667em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:14.6667em/*width:45%*/}
	.listDetails .detailsHeader h1{font-size:2.0000em;line-height:1.33333em;margin-bottom:0.66667em}
	.listDetails .detailsHeader h1 .titleLink{/*background-position:right -559px*/}
	
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}
	
	.listDetails #column2 .tile{margin-top:1.33333em;margin-bottom:0}
	.listDetails #column2 .tile .tileDesc{display:none}
	
	.modsCustom .tileNum1,.studentOfficeLink .tileNum1{height:1.33333em}
	
	/*non-responsive for fixed width on atomshow and similar*/
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomedit #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
	.page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
	.atomshow.content,.testing,.page_atomedit .content,.atomEdit.content,#objectEdit{width:950px}
	
	#objectEdit{margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
    
	.atomshow #mainContent{position:relative;margin-top:1.33333em}
	.atomshow #column2,.atomEdit #column2,#objectListMain .content,#objectEdit,.pnlLightBox .content{width:950px;float:none}
	.fileList #objectListMain .content{width:950px;margin:0}
	.atomshow #head{height:4.00000em}
	.atomshow #headTop{height:3em;padding-top: 1em;}
	.atomshow #column1,.atomEdit #column1{display:none;width:250px;position:absolute;z-index:1000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}

	.twoColumn .classroomHome .column1{float:none;width:100%}
	.twoColumn .classroomHome .column2{float:none;width:100%}
	.classroomHome .classroomCurrent{width:45%;float:left}
	.classroomHome .classroomMentor{width:45%;float:right}
	
	#eClassroomDesc h1.eClassroomName{font-size:2em;line-height:1.33333em}
	.group.tileCollection .tile{width:30%;float:left;margin-right:3%}
    .group.tileCollection .tile:nth-of-type(3n+3){margin-right:0}
	
	.programLink{display:block;width:23.5%;float:left;margin-right:2%;height:40px;padding-top:15%;background-repeat:no-repeat;background-size:contain;font-size:1.50000em;line-height:1em;text-decoration:none}
    .programLink:nth-child(4){margin-right:0}
    .programsSeparator{clear:both;height:1em}
}

/*big and medium*/
/* only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) */ /*ipad landscape*/
@media screen and (min-width:1025px)
{
	/*default: on basic 1010px layout and on 16px font-size on body (browser default)*/
	#head{}
	#headTop{padding:1.33333em 0}
	#headTopContent{position:relative}
	#headTop1{width:40%}
	.headTopLogoTitle{}
	.headTopLogo{float:left;display:block;padding-right:2em}
	.headTopTitle{float:left;font-size:1.33333em;line-height:1.125em;padding-top:11px}
	.headTopTitleTxt{position:absolute;bottom:0}
	#headTop2{width:200px;position:absolute;right:0;bottom:0}
	
	/*primer za poljubno poravnavo logotipa, .headTopTitle in #headTop2 (ce nam poravnava s spodnjim robom logotipa ni dovolj)
    .headTopLogoTitle{position:relative}
    .headTopTitle{position:absolute}
    .headTopTitle,#headTop2{bottom:5px}
    */
	
	#userMenuTrigger{padding-right:1em;background-position:right -1185px;text-align:right;cursor:pointer;float:right}
	#userMenuTrigger span{font-size:1.33333em;line-height:1.125em}
	#userMenuTrigger.opened{background-position:right -1230px}
	#userMenu{width:200px;text-align:right;position:absolute;z-index:10000;top:20px;right:0}
	.menuSeparator{height:0}
	#headMenu{height:3.33333em;padding-top:0.66667em;border-bottom:1.33333em solid #fff}
	.minPage #head{border-bottom:1.33333em solid transparent}
	#headMenu1{float:left;width:65%;display:block ! important}/*ce smo ga skrili z js na kaki drugi resoluciji*/
	#headMenu2{float:right;width:34%}
	#headMenu2 .imglink.user{display:none}
	
	#mainContent{min-height:43.75em}
	#footerContent{font-size:1.0em;line-height:1.0em}
	.content{width:90%;max-width:1250px}

	#headMenuContent a.active{background-position:center 30px}
	#headMenuContent a.txtlink{margin-right:3.3003300330033%;text-decoration:none;font-size:2.0em;line-height:1em;font-weight:lighter;padding-bottom:1em;text-transform:lowercase}
	
	#headMenuContent .imglink{display:block;width:32px;height:32px;padding-top:0}
	#headMenuContent a.home{background-position:0 -200px;padding-bottom:0.5em;margin-right:3.3003300330033%}
	#headMenuContent a.home.active span{display:block;width:32px;height:5em;background-position:center 30px}
	#headMenuContent .search{float:right;background-position:0 -245px}
	#headMenuContent .cart{float:right;margin-left:10.31353135313531%;background-position:0 -3800px}
	#headMenuContent .help{float:right;margin-right:0;background-position:0 -290px}
	
	.searchInput{float:right;padding-right:15px;padding-top:5px;width:160px}
	.searchInput .inpTxt,.searchInput .searchBtn{vertical-align:middle}
	.searchInput .inpTxt{width:130px}
	
	.column{width:30.69306930693069%}
	#column1 .columnContent{padding-bottom:1.5em}
	#column1{float:left;margin-right:3.96039603960396%}
	#column2{float:left}
	#column3{float:right}
	.content h1{font-size:3em;line-height:1em;font-weight:lighter;margin-bottom:0.44444em}
	.content h2,.atomContent p.naslov{font-weight:lighter}

	.tileNum1{font-size:2.33333em;line-height:1.14286em}
	.tileNum2{font-size:1.00000em;line-height:1.33333em}
	
	.newsContainer .news:not(.welcome) .tileText{width:50%}

	/*tabs*/
	.tabs .tab,.tabs>.ajax__tab_header>span,.tabs h1{font-size:3em;line-height:1em;margin-bottom:0.333333em;margin-right:3%}
	.listDetails #column1 .columnContent{height:58.66667em}
	.listDetails .econtent .tileText{width:60.5%}
	.listDetails .econtent .tileNum{width:22.5%}
	#column2 .examsColumn{height:26em}
	.listDetails #column2 .detailsHeader{padding-bottom:1.33333em}
	.detailsImg{height:17.33333em;width:17.33333em}
	.detailsImg img{height:17.33333em}
	.listDetails .detailsHeaderData{padding-left:1.33333em;margin-left:17.3333em}
	.listDetails .detailsHeader h1{font-size:2.50000em;line-height:1.06667em;margin-bottom:0.533em}
	.listDetails .detailsDesc{font-size:1.16667em;line-height:1.14286em}
	.listDetails.classrooms .detailsDesc{font-size:inherit;line-height:inherit}
	
	/*non-responsive for fixed width on atomshow and similar*/
	.page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomedit #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
	.page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
	.atomshow.content,.testing.content,.page_atomedit .content,.atomEdit.content,#objectEdit{width:950px}
	
	#objectEdit{margin:0 auto}
    #objectEditForm{width:auto;float:none;margin:0;padding:0}
    #objectVariations{width:auto;float:none;margin:0;padding:0}
    #objectEdit #objectEditForm .content{padding-bottom:0}
    #objectEdit #objectVariations .content{padding-top:0}
    .page_atomedit .pnlLightBox .content{width:950px;min-width:0;max-width:none}
    
	.atomMain{width:90%}
	.atomshow #mainContent{margin-top:1.33333em}
	.atomBtn{margin-right:3.3%}
	#textSizeOptions{margin-left:17px}
	
	.atomshow #column1,.atomEdit #column1{display:none;position:absolute;width:250px;z-index:1000}
	.atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:none}
	.atomshow #column2,.atomEdit #column2{float:none;width:950px}
	.fileList #objectListMain .content{width:950px;margin:0}
	.atomshow.wholeCourse #column2{margin-left:0;width:950px}
	
    #eClassroomDesc h1.eClassroomName{font-size:2.5em;line-height:1.06667em}
    .group.tileCollection .tile{width:24.265605875153%;float:left;margin-right:0.9791921664626683%}
    .group.tileCollection.colleaguesList .tile{width:23.5%;margin:0 2% 2% 0;float:left;}/*4x23.5 + 3x2 = 100%*/
    .group.tileCollection .tile:nth-of-type(4n+4){margin-right:0}
    
    .programLink{display:block;width:12.5714%;float:left;margin-right:2%;height:40px;padding-top:9%;background-repeat:no-repeat;font-size:1.50000em;line-height:1em;text-decoration:none;background-size:contain}
    .programLink:last-of-type{margin-right:0}
    .programsSeparator{display:none}
}

@media screen and (min-width:1250px)
{
    /*non-responsive for fixed width on atomshow and similar*/
    .page_predstavitevspletaja #headTopContent,.page_atomshow #headTopContent,.page_atomedit #headTopContent,.page_izpitopravljanje #headTopContent,.page_atomtree #headTopContent,.page_uvozspletaja2 #headTopContent,.page_atomcopy #headTopContent,.page_spletajshow #headTopContent,.page_scormexport #headTopContent,.page_vsavprasanja #headTopContent,.page_temevprasanja #headTopContent,.page_seznamvprasanj #headTopContent,.page_urejanjevprasanj #headTopContent,.page_seznamizpitov #headTopContent,.page_urejanjeizpitov #headTopContent,.page_objektupload #headTopContent,.page_seznamupload #headTopContent,.page_knjiznicaavtor #headTopContent,.page_filelist #headTopContent,.page_anketastalnimstrankam #headTopContent,
    .page_predstavitevspletaja #headMenuContent,.page_atomedit #headMenuContent,.page_atomtree #headMenuContent,.page_uvozspletaja2 #headMenuContent,.page_atomcopy #headMenuContent,.page_spletajshow #headMenuContent,.page_scormexport #headMenuContent,.page_vsavprasanja #headMenuContent,.page_temevprasanja #headMenuContent,.page_seznamvprasanj #headMenuContent,.page_urejanjevprasanj #headMenuContent,.page_seznamizpitov #headMenuContent,.page_urejanjeizpitov #headMenuContent,.page_objektupload #headMenuContent,.page_seznamupload #headMenuContent,.page_knjiznicaavtor #headMenuContent,.page_filelist #headMenuContent,.page_anketastalnimstrankam #headMenuContent,
    .page_predstavitevspletaja .content,.page_atomshow .content,.page_izpitopravljanje .content,.page_atomedit .content,#objectListMain .content,#objectEdit,.atomEdit.content,.atomshow.content,.testing{width:1250px}
    
    #objectEdit{margin:0 auto}
    #objectEditForm{width:55%;float:left;margin:0;padding:0}
    #objectVariations{width:44%;float:right;margin:0;padding:0.33333em 0 0 0}
    #objectEdit #objectEditForm .content{padding-bottom:30px}
    #objectEdit #objectVariations .content{padding-top:30px}
    .page_atomedit .pnlLightBox .content{width:1000px;min-width:0;max-width:none}
    
    .page:not(.fullscreenPage) .atomshow #column1,.atomEdit #column1{width:22.6%;float:left;margin-right:0;display:block ! important;position:static}
	.page:not(.fullscreenPage) .atomshow #column1 .menu,.atomEdit #column1 .linkGroup{display:block ! important}
	.page:not(.fullscreenPage) .atomshow #column2,.atomEdit #column2{width:950px;float:right}
	.fileList #objectListMain .content{width:950px;margin:0}
	
	.page:not(.fullscreenPage) #contents.atomBtn,.page:not(.fullscreenPage) .atomBtn.atomEditMenu{display:none}
	.page:not(.fullscreenPage) .visProgress{display:none}
	
	/*fullscreen*/
	.fullscreenPage .atomshow #column1{display:none;width:250px;position:absolute;z-index:1000}
	.fullscreenPage .atomshow #column1 .menu{display:none}
	.fullscreenPage .atomshow #column2{width:auto;float:none}
}

@media screen and (min-width:1355px)
{
    .atomshowTbl .sideNav{display:table-cell}
}

@media print 
{
    /*zaenkrat samo referat - tiskanje e-indexa*/
    .page_studentoffice #column2,.page_studentoffice #column3,.page_studentoffice .mCSB_scrollTools,
    .page_studentoffice #headMenu,#footer,.eIndex .icon{display:none ! important}
    #headTop{padding:5px}
    #headTopContent{position:relative}
    #headTop2{position:absolute;right:0;bottom:5px}
    #column1 .eIndexColumn{height:auto}
    #userMenuTrigger{background-image:none ! important}
    .content h1{font-size:3em;font-weight:lighter;line-height:1em;margin:0.44444em 0}
    .mCSB_container{margin-right:0}
    .eIndex .tile{padding-top:5px;margin-bottom:5px;border-top:2px solid #999;color:#000 ! important}
    .eIndex .tileData{background-color:transparent ! important}
    .eIndex .tileContent{padding:0}
    .eIndex .tileText{margin-left:0}
    
    /*tiskanje diplom*/
	#mainContent.diplomaReview{min-height:0 ! important}/*povozimo morebitno nastavljenje visine z js*/
	.diplomaReview h1{font-size:24px;margin-bottom:10px}
	.diplomaReview h2{font-size:18px;margin-bottom:10px}
	.diplomaReview h3{font-size:16px;margin-bottom:5px}
	.diplomaReview .form{width:auto}
    .diplomaReview .formContent{background-color:transparent;border:1px dashed #ccc;padding:5px}
	.diplomaReview .formContent, .diplomaReview .formContent td, .diplomaReview .formContent p{font-size:12px;line-height:16px}
	.diplomaReview .formContent p{margin-bottom:5px}
}