/* 
	project:  abstract studio template
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; background: #fff; color: #444; }
a { color: #299DCA;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.blue { color: #299DCA; }
.white { color: #fff; }
p { margin: 0 0 15px 0; }
ul {
list-style-type: none;
}
h1 { font: normal 1.2em Verdana, Arial, Sans-Serif; margin: 25px 0 0 15px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content { width: 920px; margin: 0 auto; }
#logo { float: left; border-bottom: 5px solid #7DD0F1; height: 58px; width: 330px; }
#menu { float: right; width: 584px; padding: 10px 0; margin: 19px 0 5px; border-bottom: 5px solid #e0e0e0; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 17px 15px 0 10px; margin: 0 45px 0 0; background: #fff url(../images/menuarrow.jpg) no-repeat 10px 5px; color: #808080; border-left: 1px solid #e0e0e0; }
#menu li a:hover { color: #000; border-left: 1px solid #7DD0F1; }
#intro { clear: both; background: #ffffff url(../images/tea.jpg) no-repeat; color: #ffffff; height: 160px; padding: 35px 0 0 20px; }
	#intro h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#intro p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	#login { font-size: .9em; margin: 45px 0 0; }
	#login a { color: #616161; background: #8BE1FA; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
	#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }
#left { clear: left; float: left; width: 600px;border-right:1px dotted silver;border-bottom:1px dotted silver;height:350px; padding: 0 10px 0 5px; margin: 15px 0 15px;text-align:justify; }
	#left img { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}
#unico { clear: left; float: left; width: 880px; padding: 0 34px 0 5px; margin: 5px 0 15px;text-align:justify; }
	#unico img { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}

	#articles { margin: 40px 0 0 0; }
	#articles li  { border-top: 1px solid #cecece; list-style: none; float: left; width: 245px; background: #eee url(../images/newslist.jpg) repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
		#articles li a { background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }
		#articles li.last { margin: 0; }
            #articles li.last_u { margin-left: 15px; }
#right { position: relative;float:left;margin-top:-420px;margin-left:630px; width:234px; font-size: .9em; background: #fff;margin-bottom:10px; }
	#right img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left a { background: #EFFCFF; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
#footer { clear: both; border-top: 1px solid #ccc; padding: 10px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #fff;margin-top:10px; }
	#footer a { color: #808080; background: #fff; font-weight: bold; }
	.right{ float: right; padding: 7px 0 0 15px; }
	#info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px;height:50px; }
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}
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;*/
}
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;
}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 600px;
height: 50px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
border:1px solid silver;
background:#f4f4f4;


}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
padding: 10px;
visibility: hidden;
width: 600px;
background:#f4f4f4; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 600px;
margin-top: 6px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/

}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: red;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
border:1px solid silver;
float:right;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: silver;
}

.glidecontenttoggler a:hover{
background: white;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
background: white;
color: silver;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ 
background: white;
color: silver;
/*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: white;
color: silver;
}
.alt{
border-bottom:1px solid silver;
border-right:1px solid silver;
}
.inte{
border:1px solid silver;
font:14px Verdana;
font-weight:bold;
text-align:center;
color: #808080;
background: #EFFCFF; 
}
.alt2{
border-right:1px solid silver;
color: #299DCA; 
text-align:center;
background:#eaeaea;
}
.user { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }