@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	margin:0px;
	background-color: #dde3eb;
	font-family: 'YanoneKaffeesatzRegular';
    font-size: 20px;   
}
div#user-info{
	position:absolute;
	right:0px;
	padding-top:3px;
	padding-right:2px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}
div#user-info-details{
	font-family:verdana;
	font-size:small;
	position: absolute; 
	padding: 10px; 
	z-index: 9999; 
	background: #F1F1F1; 
	width: 237px; 
	right:0px;
	top: 40px; 
	overflow:hidden;
	-moz-box-shadow: 3px 3px 7px black;
    -webkit-box-shadow: 3px 3px 7px black;
    box-shadow: 3px 3px 7px black;
}
div#user-info-wrapper{
	position:absolute;
	top:26px;
	right:0px;
	width:256px;
	height:40px;
}
div#user-info:hover{
	cursor:pointer;
	-moz-box-shadow: 3px 3px 7px black;
    -webkit-box-shadow: 3px 3px 7px black;
    box-shadow: 3px 3px 7px black;
}
div.partners{
	margin-top:50px;
}
div#header{
	margin:0px;
	float:none;
	width:100%;
	height:66px;
	background-color:#f1f1f1;
	border-bottom: 1px solid #899dbe;
        border-right: 1px solid #899DBE;
        position:relative;
		border-radius: 13px 0px 0px 0px;
}
div#main_wrapper{
	width:1125px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:600px;
}
div#logo{
	color:#24909D;
	position:relative;
	width:100px;
	text-align:center;
	height:67px;
	font-size:16px;
	left:-2px;
}
div.buttonHolder{
         height:50px;
         width: 25px;
         position:absolute;
		 top:2px;
		 right:2px;
		 display:none;
}
div#header_buttons{
    left: 110px;
    position: absolute;
    top: 21px;
    width: 130px;
}
input#search_buton{
	top:0px;
        position:absolute;
        left:220px;
        background: url(../images/buttons/SPSeach.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px 0px;
}

input#search_buton:hover{
        background-position: 0px -50px;
}

div#search{ 
    background-color: #B8BBC5;
    border-color: #899DBE;
    border-style: solid solid none;
    border-width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    position: relative;
    top: 26px;
    width: 600px;
    
}
input#tags{
	width:205px;
	height:30px;
	position:absolute;
	top:4px;
	left:10px;
	border:0;
	font-size:small;
	font-family: verdana;
}
div#main{
	margin:0px;
	float:none;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}
div#left{
	float:left;
        width: 225px;
	position:absolute;
	left:-12px;
        top:72px;
        font-size:18px;
        
}
div#center{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:590px;
	border:1px solid #899dbe;
	border-top:0;
	background-color: #f6f6f6;
	padding:10px;
}
div#text-page{
	position:relative;
	width:290px;
	padding:5px;
    top:-4px;
    right:5px;
	float:left;
}
div#text-page p{
	font-family:verdana;
	font-size:13px;
}
label.page-text{
       width:250px;
}
label.page-text2{
       width:300px;
}
div#boxresult{
       position:relative;
       top:1px;
	   width:290px;
	   float:left;
}
div.bigbox{
	display:block;
	width:100%;
	min-height:20px;
	float:none;
	margin-bottom:5px;
}
div.boxright{
	float:left;
	width:50%;
}
div.boxspace{
	float:left;
	width:5%;
	height:20px;
}
div.boxleft{
	float:left;
	width:40%;
	height:20px;
}
div.box{
	position:relative;
	font-family:verdana;
	font-size:small;
	background-color: #202020;
	padding:5px;
	width:240px;
	height:110px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#eeeeee;
	overflow: hidden;
	margin-bottom:5px;     
	float:left;
}
div.box:hover{
	cursor:pointer;
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
div.wrapper{
	float:none;
	width:260px;
	height:110px;
}
div.boxDragged{
	background-color: #202020;
	padding:5px;
	width:200px;
	height:30px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:13px;
	color:#bbbbbb;
	overflow: hidden;
	margin-bottom:5px;
}
.draggedBox {
	width:200px;
	zoom: 1;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20)
}
div#right{
	padding:5px;
	width:290px;
	position:absolute;
	left:50%;
        margin-left:310px;
	top:70px;
	overflow-y:auto;
	overflow-x:hidden;
}
div#footer{
	font-size:x-small;
	width:600px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:verdana;
	font-weight:bold;
}
div#popBoxWrapper{
	opacity: .7;
	-moz-opacity: .7;
	background-color:#000;
	position:fixed;
	top:0px;
        z-index:201;
        display:block;
        overflow:auto;
        -moz-box-shadow: 5px 5px 15px black;
        -webkit-box-shadow: 5px 5px 15px black;
        box-shadow: 5px 5px 15px black;
}
.miniW{
	width:1000px;
	left:50%;
        margin-left:-720px;
	height:570px;
}
.maxiW{
	width:100%;
	height:100%;
        left:0px;
}

div.x{
	background:url(../images/buttons/SPXAddDelMaxMini.png);
	width:40px;
	height:40px;
	position:fixed;
	display:block;
        z-index:201;
        text-decoration: none;
        background-position: 0px 0px;
}
div.x:hover{
	background-position: 0px -50px;
	cursor:pointer;
}
.miniX{
	top:44px;
	left:50%;
        margin-left:135px;
}
.maxiX{
	top:10%;
	left:85.5%;
}
div#popBox{
	background-color:#dde3eb;
	position:fixed;
    overflow:auto;
    z-index:201;
    display:block;
}
.miniB{
	width:675px;
	left:50%;
        margin-left:-550px;
	top:44px;
	height:500px;
}
.maxiB{
	width:70%;
        left:15%;
	top:10%;
	height:80%;
}
div.loginOff{
	display:none;
}
div.loginOn{
	position:absolute;
        top:20px;
        right:40px;
}		

span.materie{
	color: #6ab824;
}
span.prof{
	color: #24909D;
}
span.data{
	color: #ed9d13;
}
span.user{
	color: #ED9D13;
}
span.template_content{
        font-family:verdana;
        font-size:small;
}
span.comment-content{
        font-family:verdana;
        font-size:small;
}
.commentWrapper{
       border-top: 1px solid #202020;
       overflow:hidden;
}
input.buttons{
	border:0px;
	font-size:12px;
	cursor:pointer;
        width:40px;
	height:40px;
}
a.show{
        background: url(../images/buttons/SPPlayPinX.png);
        border:0px;
        width:23px;
	height:23px;
        text-decoration: none;
		display:block;
		background-position: 0px 0px;
}
a.show:hover{
        cursor:pointer;
        background-position: 0px -33px;
}

input.cloneClose{
       background:url(../images/buttons/SPPlayPinX.png);
       border:0px;
       width:23px;
       height:23px;
       text-decoration: none;
       background-position: 0px -132px;
       position:relative;
       top:70px;
}
input.cloneClose:hover{
        cursor:pointer;
        background-position: 0px -165px;
}
input.clone{
        background: url(../images/buttons/SPPlayPinX.png);
        border:0px;
        width:23px;
	height:23px;
        text-decoration: none;
        background-position: 0px -66px;
        position:relative;
        top:71px;
}
input.clone:hover{
        cursor:pointer;
        background-position: 0px -99px;
}

input.add{
	background: url(../images/buttons/SPXAddDelMaxMini.png);
	width:40px;
	height:40px;
	border:0;
	position:relative;
	top:5px;
	left:465px;
        z-index:201;
        text-decoration: none;
        background-position: 0px -100px;
}
input.add:hover{
	background-position: 0px -150px;
	cursor:pointer;
}
button.login{
        background: url(../images/buttons/LoginLogout.png);
        width:153px;
        height:25px;
        border:0;
        text-decoration: none;
        background-position: 0px -70px;
}

button.login:hover{
        background-position: 0px -105px;
        cursor:pointer;
}
button.logout{
        background: url(../images/buttons/LoginLogout.png);
        width:80px;
        height:25px;
        border:0;  
        text-decoration: none;
        background-position: 0px 0px;   
}

button.logout:hover{
        background-position: 0px -35px;
        cursor:pointer;
}
textarea#textadd{
	resize: vertical;
}
span.template_content textarea{
	resize: vertical;
}
textarea.comment{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:520px;
	height:30px;
	border:1px solid #202020;
    resize: vertical;
}
div.template{
	position:relative;
	margin-left:75px;
	width:520px;
	border:1px solid #202020;
	margin-bottom:10px;
        
}
div.templateHeader{
	background-color: #202020;
	color:#bbbbbb;
    padding:10px;
	font-family:verdana;
	font-size:small;
	float: none;
}
div.commentsHeader{
	background-color: #202020;
	color:#bbbbbb;
}
div.templateContent{
	background-color:#f6f6f6;
    padding:10px;
    overflow:hidden;
}
div.comments{
	position:relative;
	margin-left:75px;
	width:522px;
}	
div.comments a{
       color: #ED9D13;
}
div.downloadDiv{
        margin-top: 0px;
        width:100%;
}
div.downloadDiv a{
	font-family:verdana;
	font-size:small;
}
	
#deleteFile{
        position:relative;
        left:10px;
        border:0px;
}
#deleteFile:hover{
        cursor:pointer;
}
#deleteComment{
        position:absolute;
        right:0px;
        border:0px;
}
#deleteComment:hover{
        cursor:pointer;
}
input#addComment{
        background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
        width:80px;
        height:25px;
        border:0;  
        text-decoration: none;
        background-position: 0px -210px;    
}
button#com_cancel{
	background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
       height:25px;
       width:80px;
       border:0;
       text-decoration: none;
       background-position: 0px -70px;  
	   position:absolute;
}
button#com_cancel:hover{
       background-position: 0px -105px;
       cursor:pointer;
}
input#addComment:hover{
        background-position: 0px -245px; 
        cursor:pointer;     
}
div#pac{
        background: url(../images/buttons/social.png) no-repeat;
        width:260px;
        height:90px;
        border:0;    
        margin-bottom:5px;
        position:relative;
        float:none;  
}
div#fblogin{
	position:absolute;
	top:25px;
	right:15px;
}
button#deleteComment{
        background: url(../images/buttons/SPXAddDelMaxMini.png) no-repeat;
        width:9px;
        height:9px;        
        border:0;
        text-decoration: none;
        background-position: 0px -711px;
}
button#deleteComment:hover{
		background-position: 0px -730px;
        cursor:pointer;        
}
#deleteFile{
        background: url(../images/buttons/SPXAddDelMaxMini.png) no-repeat;
        width:9px;
        height:9px;        
        border:0;
        text-decoration: none;
		display:block;
		top:5px;
		background-position: 0px -711px;
}
#deleteFile:hover{
		background-position: 0px -730px;
        cursor:pointer;        
}
a.download:link    { color:#444; text-decoration:none; font-weight:bold; }
a.download:visited { color:#24909D; text-decoration:none; font-weight:bold; }
a.download:hover   { color:#E32C3B; text-decoration:none; font-weight:bold; }
a.download:active  { color:#202020; text-decoration:none; font-weight:bold; }
label.download { background-color: #202020; color: #BBBBBB; margin-top: 0px; width:100%;}


input#home{
        background: url(../images/buttons/SPHomeNew.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px 0px;
}

input#home:hover{
        background-position: 0px -50px;
        cursor:pointer;
}

input#news{
        background: url(../images/buttons/SPInfoBugsAdd.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px -470px;
}

input#news:hover{
       background-position: 0px -520px;
}



input#info{
        background: url(../images/buttons/SPInfoBugsAdd.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px 0px;
}

input#info:hover{
        background-position: 0px -50px;
}

input#bugs{
        background: url(../images/buttons/SPInfoBugsAdd.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px -100px;
}

input#bugs:hover{
        background-position: 0px -150px;
}

input#add{
        background: url(../images/buttons/SPInfoBugsAdd.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px -200px;
}

input#add:hover{
        background-position: 0px -250px;
}

.SPdisplace {
        position:absolute;
        left: -5000px;
}


input#submit_sub {
        background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
        width:80px;
        height:25px;
        border:0;
        text-decoration: none;
        background-position: 0px -280px;
        
}
input#submit_sub:hover {
       cursor:pointer;
       background-position: 0px -315px;
}
a.symbols{
   color:#BBBBBB;
   font-size:20px;
   text-decoration:none;
   font-family: "Trebuchet MS";
   width:30px;
}
a.symbols:hover{
   text-decoration:underline;
}
div#count{
       width:610px;
       margin-left:auto;
       margin-right:auto;
       text-align:center;
}
div#alertBox{
       font-family:verdana;
	   font-size:medium;
	   font-weight:bold;
       position:fixed;
       left:50%;
       top:100px;
       width:250px;
       height:150px;
       padding:0px;
       margin-left:-100px;
       z-index:9999;
       background-color: #202020;
       border: 1px solid #F6F6F6;
       -moz-border-radius: 0px 0px 7px 7px;
       border-radius: 0px 0px 7px 7px;
}
div#alertBoxHeader{
		padding-top:5px;
       background-color: #B8BBC5;
       position:relative;
       top:0px;
       margin:0px;
       width:250px;
       height:25px;
       text-align:center;  
       color:#202020; 
		font-size:small;
}
div#alertBoxContent{
      text-align:center; 
      color:#F6F6F6;
      position:relative;
      top:25px;
}
div#alertBoxHeader:hover{
       cursor:move;
}
button#bugs_submit {
        background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
        text-decoration: none;
        width:80px;
        height:25px;
        border:0;
        background-position: 0px -280px;
}
button#bugs_submit:hover {
       background-position: 0px -315px;
       cursor:pointer;
}
.miniBack{ 
       left:50%;
       margin-left:-600px; 
       top:44px;
}
.maxiBack{
       right:85.5%;
       top:10%;
}			
input#back_button{
       background: url(../images/buttons/SPXAddDelMaxMini.png);
       position:fixed;
       height:40px;
       width:40px;
       border:0;
       text-decoration: none;
       background-position: 0px -512px;
}		

input#back_button:hover{
        background-position: 0px -562px;
        cursor:pointer;
}
.miniMini{ top:84px; left:50%; margin-left:-600px;}
.maxiMini{ margin-top:40px; top:10%; left:85.5%;}
.miniMaxi{ top:84px; left:50%; margin-left:135px;}
.maxiMaxi{ margin-top:40px; right:85.5%;}
input#maximize{
       background: url(../images/buttons/SPXAddDelMaxMini.png);
       background-position: 0px -312px;
       position:fixed;
       height:40px;
       width:40px;
       border:0;
       text-decoration: none;       
       z-index:201;
}
input#maximize:hover{
       background-position: 0px -362px;
       cursor:pointer;
}
input#minimize{
       background: url(../images/buttons/SPXAddDelMaxMini.png);
       background-position: 0px -412px;
       position:fixed;
       height:40px;
       width:40px;
       border:0;
       text-decoration: none;      
       z-index:201;
}
input#minimize:hover{
       background-position: 0px -462px;
       cursor:pointer;
}
a#delete_subiect{
	   background: url(../images/buttons/SPXAddDelMaxMini.png);
       height:40px;
       width:40px;
       border:0;
       display:block;
       text-decoration: none;
       background-position: 0px -611px;   
	   position:absolute;
		top:0px;
		left:0px;
}
a#delete_subiect:hover{
	   background-position: 0px -661px;
       cursor:pointer;
} 			
#save_edit{
       background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
       height:25px;
       width:80px;
       border:0;
       text-decoration: none;
       background-position: 0px 0px;        
}	
#save_edit:hover{
       background-position: 0px -35px;
       cursor:pointer;
}
#cancel_edit{
       background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
       height:25px;
       width:80px;
       border:0;
       text-decoration: none;
       background-position: 0px -70px;        
}	
#cancel_edit:hover{
       background-position: 0px -105px;
       cursor:pointer;
}
#bugs_cancel{
       background: url(../images/buttons/SaveCancelUploadAddSendDelete.png);
       height:25px;
       width:80px;
       border:0;
       text-decoration: none;
       background-position: 0px -70px;        
}	
#bugs_cancel:hover{
       background-position: 0px -105px;
       cursor:pointer;
}
#scrollbar { clear: both; margin: 0px; height: 100%;}
#scrollbar .viewport {overflow: auto; width:100%; }
.maxiV {width:70%;height:100%;}
.miniV {width: 675px; height:500px;}
#scrollbar .overview { list-style: none;  top: 0;  left: 0; width:650px; position: relative; margin-left:auto; margin-right:auto; }
.circle-label-rotate {
                -webkit-animation-name: rotateThis;
                -webkit-animation-duration:2s;
                -webkit-animation-iteration-count:infinite;
                -webkit-animation-timing-function:linear;
            }
            @-webkit-keyframes rotateThis {
                from {-webkit-transform:scale(1) rotate(0deg);}
            to {-webkit-transform:scale(1) rotate(360deg);}
            }
.circle{
height:10px;
width:40px;
background:#202020;
}
.innertext{text-align:center;color:#BBBBBB;}
div#aacontainer a{
    text-decoration:none;
	font-weight:bold;
}
a#alogo{
	width:96px;
	height:67px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	-moz-border-radius:13px;
	border-radius: 13px;
	text-decoration:none;
	border:0;
	display:block;
	
}	
a#alogo:hover{
	-moz-box-shadow:3px 3px 7px black;
	-webkit-box-shadow: 3px 3px 7px black;
    box-shadow: 3px 3px 7px black;
}	
#logo{
	background:url(../images/SPExams.png) no-repeat;
	background-position: 0px 0px;
	
}
#logo:hover{
	
	background-position: 0px -77px;

}

a#upload_files{
	display: block;
	background:url(../images/buttons/SaveCancelUploadAddSendDelete.png);
	height:25px;
    width:80px;
    border:0;
    text-decoration: none;
    background-position: 0px -140px;   
}

a#upload_files:hover{
	background-position: 0px -175px;
    cursor:pointer;
}
.ui-autocomplete-term { font-weight: bold; }

button#add_inst{
	position: relative;
	top: -5px;
	left: 2px;
	background:url(../images/buttons/SPPlayPinX.png);
	height:23px;
    width:23px;
    border:0;
    background-position: 0px -198px;
    
}

button#add_inst:hover{
	cursor:pointer;
	background-position: 0px -231px;
}

button#add_fac{
	position: relative;
	top: -5px;
	background:url(../images/buttons/SPPlayPinX.png);
	height:23px;
    width:23px;
    border:0;
    background-position: 0px -198px;
}

button#add_fac:hover{
	cursor:pointer;
	background-position: 0px -231px;
}

button#add_mat{
	position: relative;
	top: -5px;
	background:url(../images/buttons/SPPlayPinX.png);
	height:23px;
    width:23px;
    border:0;
    background-position: 0px -198px;
}

button#add_mat:hover{
	cursor:pointer;
	background-position: 0px -231px;
}
div.tic{
	position:absolute;background:url(../images/buttons/SPPlayPinX.png);height:23px;width:23px;top:94px;left:5px;
	background-position: 0px -198px;
}


a.direct-link{
	text-decoration:none;
	color: #444;
	font-family:segoe ui;
	font-size:small;
	font-weight:bold;
}
a.direct-link-t{
	text-decoration:none;
	color: #BBBBBB;
	font-family:verdana;
	font-size:small;
}
a.direct-link-t:hover{
	color: #E32C3B;
}
a.direct-link-f{
	text-decoration:none;
	color: #444;
	font-family:verdana;
	font-size:x-small;
}
a.direct-link-f:hover{
	color: #E32C3B;
}
a.direct-link-icon{
	border:0;
	text-decoration:none;
	position:absolute;
	background:url(../images/link.png);
	display:block;
	width:12px;
	height:12px;
	bottom:4px;
	left:5px;
}

a.direct-link:hover{
	color: #E32C3B;
}
a.asize{
	color: #444;
}
a.asize:hover{
	color: #E32C3B;
}
a#rss{
	display:block;
	width:50px;
	height:50px;
	background:url(../images/rss.png);
	position:absolute;
	left:200px;
}
#textadd{
	font-family: verdana;
	font-size:small;
}

input#publicity{
        background: url(../images/buttons/SPInfoBugsAdd.png);
        text-decoration: none;
        width:40px;
        height:40px;
        border:0;
        background-position: 0px -370px;
}

input#publicity:hover{
	cursor:pointer;
        background-position: 0px -420px;
}
#gs{
	float:left;
	width:70px;
	margin-top:60px;
}
#fbs{
	float:left;
	width:80px;
	margin-top:60px;
}
#tws{
	float:left;
	width:90px;
	margin-top:60px;
}