@CHARSET "UTF-8";

body {
	color: white;
	font-size:smaller;
	font-family: tahoma, trebuchet, arial;
	margin: 8px;
	padding: 0px;
	background: url(../img/bg.gif);
}

/* gornji lijevi čošak - okrugli*/
td.tl {
	background: url(../img/contentTable/corner-tl.png) no-repeat;
}

/* gornji desni čošak - okrugli*/
td.tr {
	background: url(../img/contentTable/corner-tr.png) no-repeat;
}

/* gornji rub */
td.top {
	background: #585887;
	height: 3px;
}

/* lijevi rub */
td.left {
	background: #585887;
	width: 1px;
}

/* desni rub */
td.right {
	background: #585887;
	width: 1px;
}

/* donji lijevi čošak - okrugli*/
td.bl {
	background: url(../img/contentTable/corner-bl.png) no-repeat;
}

/* donji desni čošak - okrugli*/
td.br {
	background: url(../img/contentTable/corner-br.png) no-repeat;
}

/* donji rub */
td.bottom {
	background: #585887;
	height: 3px;
}

/* glavni dio sa sadržajem */
td.contentCell {
	background: #585887;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

div.contentDiv {
	margin: 0px;
	padding: 0px;
}

/* desni gornji čošak sjene */
td.shadow-rt {
	background: url(../img/contentTable/shadow-rt.png) no-repeat;
	height: 11px;
}

/* sjena uz desni rub */
td.shadow-right {
	background: url(../img/contentTable/shadow-right.png) repeat-y;
	width: 7px;
}

/* desni donji dio sjene iznad čoška */
td.shadow-rb {
	background: url(../img/contentTable/shadow-rb.png) no-repeat;
}

/* lijevi donji čošak sjene */
td.shadow-bl {
	background: url(../img/contentTable/shadow-bl.png) no-repeat;
	width: 11px;
}

/* sjena uz donji rub */
td.shadow-bottom {
	background: url(../img/contentTable/shadow-bottom.png) repeat-x;
	height:7px;
}

/* desni donji dio sjene prije čoška */
td.shadow-br {
	background: url(../img/contentTable/shadow-br.png) no-repeat;
}

/* desni donji čošak sjene */
td.shadow-corner {
	background: url(../img/contentTable/shadow-corner.png) no-repeat;
	height:7px;
}

/* tamnoplava horizontalna crta ispod glavnog menija */
div.dividerLine {
	background: #44446b;
	width: 780px;
	height:2px;
	margin-bottom: 1px;
}

td.header-title {
	text-align: center;
	padding-left: 4px;
	height: 76px;
}

/* naslov u headeru */
h1.header-caps {
	color: white;
	font-family: "Times New Roman";
	font-size: 20px;
	font-weight: normal;
	font-variant: small-caps;
	/* font-style: italic; */
	display: inline;
}

/* naslovna slika: plesačica & zemljska kugla */
div.titlePicture {
	padding: 0px;
	background: url(../img/title-picture.jpg);
	width: 780px;
	height: 184px;
	font-size: 0em;
	display: block;
	opacity: 0;
}

div.promoMsg {
	width: 440px;
	padding-top: 20px;
	display: block;
	opacity: 0.0;
	cursor: default;
}

h1.promoMsg {
	font-size: 31px;
	font-weight: bold;
	font-family: 'Trebuchet MS', verdana;
	color: #7c7c93;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

/* plava traka ispod naslovne slike */
div.dividerBar {
	background: url(../img/divider-bar.png) no-repeat;
	width: 780px;
	height: 17px;
}

/* footer */
div.footerDiv {
	background: #44446b;
	width: 780px;
	height:52px;
	text-align: center;
	font-size: small;
	color: #a9a9c1;
}

/* sekundarni meni i tekst u footeru */
.bottomMenu {
	margin: 0px;
	padding: 0px;
	color: #a9a9c1;
	text-decoration: none;
}

td.bottomMenu {
	width: 780px;
	height:52px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

a.bottomMenu:hover {
	color: #ffffff;
}

div.header {
	background: url(../img/header-bg.jpg) no-repeat;
	width: 780px;
	height: 76px;
	text-align: right;
}

label.google {
	font-size: 11px;
	font-weight: bold;
}

input.google {
	border: solid 1px #44446b;
	background: white;
	font-size: 11px;
	color: #44446b;
	margin-right: 3px;
	margin-top: 3px;
	width: 80px;
	width: 12em;
}

input.submit {
	border: solid 1px #44446b;
	background: white;
	font-size: 11px;
	color: #44446b;
	margin-right: 3px;
	margin-top: 3px;
	width: 80px;
}

/* main menu*/
a.menu-about {
	background: url(../img/menu/about.png) no-repeat;
	font-family: 'Trebuchet MS', verdana;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;
	color: #e1def5;	
	width: 98px;
	height: 23px;
	text-decoration: none;
	display:block;
	vertical-align: middle;
	padding-top: 4px;
}

a.menu-about:hover {
	background: url(../img/menu/about-hover.png) no-repeat;
	font-family: 'Trebuchet MS', verdana;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;
	color: #e1def5;
	width: 98px;
	height: 23px;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 4px;
}

a.menu-item {
	background: url(../img/menu/menu_item.png) no-repeat;
	font-family: 'Trebuchet MS', verdana;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;
	color: #e1def5;
	width: 94px;
	height: 23px;
	text-decoration: none;
	display:block;
	vertical-align: middle;
	padding-top: 4px;
}

a.menu-item:hover {
	background: url(../img/menu/menu_item-hover.png) no-repeat;
	font-family: 'Trebuchet MS', verdana;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;
	color: #e1def5;
	width: 94px;
	height: 23px;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 4px;
}

/* spacer ćelija */
td.menu-spacer {
	height:76px;

/*
	height:41px;
*/
	width:307px;
}

/* meni ćelije */
td.menu-item {
	vertical-align:bottom;
}

/* glavni dio */
div.main {
	background: url(../img/beta.gif) no-repeat top right;
	display: block;
	height:220px;
}

td.quick-info {
	padding:0px;
	margin:0px;
	width: 227px;
	vertical-align:bottom;
}

div.quick-info {
	background: #73739a;
	font-size: 11px;
	padding: 8px;
	height: 120px;
}

a.quick-email {
	//color: #44446b;
	color: #d5d5e1;
}

td.quick-link {
	vertical-align:top;
	padding:4px;
}

td.main-area {
	vertical-align:top;
	width: 532px;
}

td.quick-link-item {
	width: 220px;
	padding-bottom:10px;
}

td.quick-link-internal {
	font-size: 13px;
	height: 34px;
}

a.quick-link-item-top {
	background: url(../img/partners/quick-link-people.jpg) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
	margin-top: 16px;
}

a.quick-link-item-top:hover {
	border: dashed 1px white;
}

a.quick-link-item-1 {
	background: url(../img/partners/quick-link-websphere.gif) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-1:hover {
	border: dashed 1px white;
}

a.quick-link-item-2 {
	background: url(../img/partners/quick-link-ims.jpg) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-2:hover {
	border: dashed 1px white;
}

a.quick-link-item-3 {
	background: url(../img/partners/quick-link-jirashirt.jpg) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-3:hover {
	border: dashed 1px white;
} 

a.quick-link-item-4 {
	background: url(../img/partners/quick-link-confluence.gif) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-4:hover {
	border: dashed 1px white;
} 

a.quick-link-item-5 {
	background: url(../img/partners/quick-link-cr.gif) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: white;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-5:hover {
	border: dashed 1px white;
} 

a.quick-link-item-6 {
	background: url(../img/partners/quick-link-IBMforum.jpg) no-repeat 3px 50%;
	font-size: 13px;
	text-decoration: none;
	color: #fbaa4a;
	display: table-cell;
	vertical-align: middle;
	border: dashed 1px #a9a9c1;
	padding: 4px;
	padding-left: 60px;
	height: 40px;
	width: 220px;
}

a.quick-link-item-6:hover {
	border: dashed 1px #fbaa4a;
} 

/* main text - paragraph title */
td.paragraph-title {
	background: url(../img/paragraph-title.gif) no-repeat;
	font-size: 16px;
	font-weight: bold; 
	font-family: arial, verdana, 'Trebuchet MS', ;
	color: #d5d5e1;
	height: 38px; 
	padding-left: 33px;
	text-align: left;
	padding-top: 4px;
}

td.paragraph-content {
	background: white;
	color: black;
	font-size: 12px;
	vertical-align:top;
}

div.paragraph-content {
	width: 533px;
	overflow: auto;
	display: block;
	padding-top:8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: justify;

	background-color: #e1def5;
}

.paragraph-content p {
	margin: 6px;
}

.bullet {
	background: url(../img/bullet.gif) no-repeat;
	padding-left: 20px;
	text-align: left;
}

.big-bullet {
	background: url(../img/bullet1.gif) no-repeat;
	padding-left: 20px;
	text-align: left;
}


.paragraph-content p + p {
	/*margin-bottom: 6px;*/
}

.paragraph-content h1 {
	font-size: 14px;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 4px;
	color: #44446b;
}

.paragraph-content h2 {
	font-size: 14px;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 4px;
	color: #44446b;
	background: url(../img/bullet1.gif) no-repeat;
	padding-left: 20px;
	text-align: left;
}

.paragraph-content h3 {
	font-size: 14px;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	color: white;
}

a.content {
	font-size: 12px;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 4px;
	color: #44446b;
}

table.content {
	spacing : 0;
	padding : 0;
	width : 100%;
}

table.conentInner {
	spacing : 0;
	padding : 0;
	width : 70%;
	border-style: solid;
	border-color: #44446b;	
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

.centered {
	text-align: center;
}

p.centered {
	text-align: center;
}

tr.support {
	text-align: center;
}

td.support {
	font-size: 14px;
	color: #44446b;	
	text-align: center;
	vertical-align: middle;;
}

td.supportInput {
	font-size: 11px;
	color: #44446b;	
	text-align: left;
	vertical-align: middle;;
	padding-left: 10px
}

td.supportLabel {
	font-size: 12px;
	color: #44446b;	
	text-align: right;
	vertical-align: middle;
	width: 35%;
}

td.supportSmall {
	font-size: 10px;
	color: #44446b;		
	font-variant: small-caps;
	padding-top: 10px;	
	text-align: center;
	vertical-align: middle;
}

td.supportMedium {
	font-size: 11px;
	color: #44446b;		
	font-variant: small-caps;
	padding-top: 10px;	
	text-align: center;
	vertical-align: middle;
}

.paragraph-content img {
	border: none;
}