*{
padding:0px;
margin:0px;}

#bodystyle {
	margin:0px;
	padding:0px;
	background:#ffffff;
	font-family: tahoma, arial, verdana;
	font-size: 13px !important;	
	color:#454647;	
}

#mainwrap {
	width: 960px !important;
	margin: 0 auto;
}

#topshadow {
	float:left;
	width:960px;
	height:16px;
	background:url(../images/topshadow.jpg) no-repeat;
}

div#top {
	background:url(../images/msimsilogo.jpg) no-repeat;
	float:left;
	width:960px;
	height:85px;

}

div#logo {
	float:left;
	width:144px;
	height:60px;
	background:url(../images/msilogo.jpg) no-repeat;
}

div#user1 {
	float:right;
	/*background:#f6f8f9;*/
	width:200px;
	height:29px;
	/*max-height:23px;*/
	margin:3px 0px 0px 0px;
	padding:7px 0px 0px 5px;
	color:#95a9ca;
	font-size:11px;
	font-weight:normal;
	/*border-left:1px solid #fff;*/
	text-align:right;
}

.button_logout{
background:none;
border:none;
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
margin:0px 10px 0px 10px;
cursor:pointer;}

.button_logout:hover{
text-decoration:underline}

#topmenu {
	float:left;
	width:960px;
	height:35px;
	background:url(../images/topmenu_bg.jpg) repeat-x;
}

div#topmenu table {
	margin-top:8px;
}

#shadowspacer {
	float:left;
	width:960px;
	height:16px;
	background:url(../images/topshadow.jpg) no-repeat;
}
					
#middlewrap { 
	float:left;
	width:960px;
	min-height:260px;
	height:auto !important;
	height:260px;
}

div#nl_mainbody {
	float:left;
	width:656px;
	border:5px solid #c7cddd;
	
}

div#nl_mainbody {
background:#f6f8f9;
	/*padding:10px;*/

}

.join{
}

div#user2 {
	float:left;
}

div#nl_right {
	float:left;
	margin-left:14px;
	width:280px;
	min-height:260px;
	height:auto !important;
	height:260px;
}

div#user3 {
	float:left;
	width:280px;
	height:264px;
	background:url(../images/login_bg.jpg) no-repeat;
}

div#user4 {
	float:left;
	width:280px;
	height:264px;
	background:url(../images/download_bg.jpg) no-repeat;
	padding:190px 0px 0px 9px;
}
		
#mainbody { 
	float:left;
	width:950px;
	background:#f6f8f9;
	border:5px solid #c7cddd;
}

#footer { 
	float:left;
	width:960px;
	height:22px;
	border-top:1px #95a9ca solid;
	font-size:10px;
	color:#606c88;
	padding-top:8px;
	margin-top:20px;
}

#footerleft {
	float:left;
}

div#bottommenu {
	float:right;
	font-size:10px !important;
	color:#606c88 !important;
}

#footercontent { /* the footer content div */
	float:right;
	position:relative;
	top:2px;
	height:18px;
	margin-right:21px;
	text-align:right;			
	font-family: tahoma;
	color:#9BB2C1;
	font-weight:normal;
	font-size:11px;			
}


/* ====================== */
/* JOOMLA DEFAULT CLASSES */
/* ====================== */

hr{
color:#fff;
height:1px;}
.contentpaneopen { /* content table */
	width:100%;
	padding:5px 10px 10px 10px;
	
	}
	
.contentpaneopen_join p {
padding-left:10px;

text-align:left;
line-height:120%;
font-size:11px;
}

.bcg_tabletd{
background:url(../images/p_bottom_join.jpg) 0 100% no-repeat;}

.table_move{
margin-left:-3px;
margin-top:-3px;}

.contentpaneopen_join img{
border:none;
margin:0px;
padding:0px;}

.button_down{
padding-top:10px !important;
padding-left:10px !important;}

.contentpaneopen_join td{
}

.article_separator{
display:none;}
	
ul { /* general unordered list */
	margin: 0;
	padding: 0px 0px 0px 35px;
	list-style: square !important;
	font-family: tahoma, arial, verdana;
	font-size: 11px;	
	color:#454647;	
	}
	
ul.howit {
font-size:13px;
padding-left:15px;
padding-top:10px;}
	
div.componentheading,
div.componentheading-links { /* component headings container div */
	border-bottom:1px solid #cccccc;
	padding-top:6px;
	padding-left:10px;
	padding-bottom:11px;
	background: url(../images/bcg_component.jpg) repeat-x;
	
	}
.contentheading_join_reg{
border-bottom:1px solid #cccccc;
	padding-top:6px;
	padding-left:10px;
	padding-bottom:11px;
	background: url(../images/bcg_component.jpg) repeat-x;
	width:960px;
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3a4766;
	padding-left:10px;
	padding-bottom:6px;
}
.componentheading,
.componentheading-links { /* component headings */
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3A4766;
	padding-right:10px;
	}
	
td.contentheading { /* content heading table cell */
	border-bottom:1px solid #cccccc;
	/*margin-bottom:15px;*/
	}	

.contentheading { /* content/article heading (title) */
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3a4766;
	padding-bottom:5px;
	/*padding:5px 10px 5px 0px;*/
	}
	
.contentheading_join{
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3a4766;
	padding-left:10px;
	padding-bottom:6px;
	background:url(../images/bcg_component.jpg) repeat-x;
	width:656px;
	height:43px;
	}
	
.contentpagetitle{
	font-family: tahoma, arial, verdana;
	font-size: 16px;
	color:#2f6681 !important;
	padding-bottom:3px;
	text-decoration:none !important;}
	
label { /* object labels */
	position:relative;
	top:-2px;
	font-family: tahoma, arial, verdana;
	font-size: 11px;	
	color:#454647;
	}
	
button  { /* default buttons - search, read more etc */
	min-width: 100px;
	width: 100px;
	height:30px;
	padding-top:0px;
	padding-bottom:3px;
	background:url(../images/button_bcg.png) repeat-x;
	/*background:#3f4c6c;*/
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	cursor:pointer;
	border:none;
	}
	
button:hover  {
text-decoration:underline}
	
input.button  { /* submit buttons - login etc */
	min-width: 100px;
	width: 100px;
	height:30px;
	padding-top:0px;
	padding-bottom:3px;
	background:url(../images/button_bcg.png) repeat-x;
	/*background:#3f4c6c;*/
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	cursor:pointer;
	border:none;
	
	}
	
.inputbox-login{
padding-bottom:10px;}
	
input.button:hover  {
text-decoration:underline}
	
a:link, a:visited { /* links in regular content text and modules without suffix */
	text-decoration: none;
	color: #e21231;
	}
a:hover {
text-decoration: underline;}
	
a:link img, a:hover img, a:visited img { /* image links */
	border:none !important;	
	}
	
a.readon{
background:#c7d8dd;
float:right;
text-align:center;
width:60px;
height:16px;
font-size:10px;
color:#336f80;
text-decoration:none;}

.createdate{
color:#ccc;}
	
/* =============== */
/* SYSTEM MESSAGES */
/* =============== */
/* System Standard Messages */
#system-message { 
	margin-bottom: 20px; 
}

#system-message dd.message ul { 
	background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;
	margin:0px; padding-left: 40px; text-indent:0px;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; 
	margin:0px; 
	padding-left: 40px; 
	text-indent:0px;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; 
	border-top: 3px solid #F0DC7E; 
	border-bottom: 3px solid #F0DC7E; 
	margin:0px; 
	padding-left: 40px; 
	text-indent:0px;
}


/* ===================== */
/* COMMON MODULE STYLING */
/* ===================== */

/* module layout */
div.module-login, div.module-search {
	margin-top:35px;
	padding-bottom:6px;
	border-bottom: 1px solid #d5e0e6;
	text-align:left;
	}
	
/* module headings */
div.module h3, div.module-search h3, div.module-menu h3, div.module-login h3 {
	text-indent:3px !important;
	font-family: tahoma, arial, verdana !important;
	font-size: 12px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	color: #2f6681 !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #d5e0e6 !important;
	margin: 0px !important;
	}

/*************** BOTTOM MENU  *******************/

a.mainlevel-bottom, span.mainlevel-bottom {
	color:#606c88 !important;
	text-decoration:none !important;
	margin:0px 5px;
	padding:3px;
}

a.mainlevel-bottom:hover, span.mainlevel-bottom:hover {
	text-decoration:underline !important;
}

a.sublevel-bottom, span.sublevel-bottom { 
	font-family:Tahoma, Arial, Verdana;
	font-weight:normal;	
	font-size:10px;
	color:#606c88 !important;
	text-decoration:none !important;
	display:block;
}

a#active_menu-bottom.mainlevel-bottom { 
	font-size:10px;
	color:#fff !important;
	/*text-decoration:underline !important;*/
	background:#3A4766;
}

a#active_menu-bottom.sublevel-bottom { 
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold !important;
	font-size:11px;
	text-decoration:none !important;
	color:#2f6681 !important;
	display:block; 
}

/**************** END BOTTOM MENU ************************/



a.mainlevel, span.mainlevel { /* main level links and placeholders, general */
	position:relative;
	left:3px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none !important;
	color:#ffffff !important;
	/*display:block;*/
	padding-bottom:5px;
	padding-top:5px;	
	/*border-bottom:1px solid #D5E0E6;	*/
	}
a.sublevel, span.sublevel { /* second and lower level links and placeholders, general */
	font-family:Tahoma, Arial, Verdana;
	font-weight:normal;	
	font-size:11px;
	text-decoration:none !important;
	color:#2f6681 !important;
	display:block; /* fixes indentation */	
	}

div.module-menu table div { /* sublevel links' div */
	margin-top:2px;
	margin-left:34px; /* indentation from left */
	padding-left:3px !important; /* further text indentation */
	padding-bottom:3px !important; /* border positioning */
	border-bottom:1px solid #D5E0E6;
}


div.module-login form#form-login { /* login module inner content */
	position:relative;
	left: 3px;
	padding: 0;
	margin: 0;
	}

form#form-login fieldset.input { /* username/password fieldset */
	border:none;
	margin:0px;
	padding:0px;
}

input#modlgn_username { /* username field */
	margin-top: 1px;
	border:1px solid #d5e0e6;
	width: 167px;		
}

input#modlgn_passwd { /* password field */
	border:1px solid #d5e0e6;
	width: 167px;
	position:relative;
	top:-4px;
}

form#form-login input.button { /* login button */
	position: relative;
	left:108px;
	top:-8px;
}

form#form-login ul { /* "forgotten password" link */
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	color:#004b60;
	list-style-type:none !important;
	padding: 0 !important;
}
			
/*************** CB LOGIN MODULE ***********************/

form#mod_loginform-login { /* CB login module inner content */
	position:relative;
	left: 3px;
	padding: 0;
	margin: 0;
	}

form#mod_loginform-login span {
	visibility:visible !important;
}

label#username, label#password { /* username/password labels */
	display:none;
	visibility:hidden;
}

input#mod_login_username-login { /* CB login username field */
	margin-top: 1px;
	border:1px solid #cfcfcf;
	width: 220px !important;
	color:#b2b4b9;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:15px;
	margin-top:5px;
	background:#FFFFFF;		
}

input#mod_login_password-login { /* CB login password field */
	border:1px solid #cfcfcf;
	width: 220px !important;	
	color:#b2b4b9;
	padding-top:2px;
	padding-bottom:2px;	
	background:#FFFFFF;	
	margin-bottom:15px;
}

input.button-login  { /* CB login button */
	position:absolute;
	width:116px;
	height:32px;
	margin-top:55px;
	border-style: none !important;
	padding-top:0px;
	padding-bottom:2px;
	background:url(../images/login_button.jpg) no-repeat; 
	font-family: tahoma, arial, verdana;
	font-size: 16px;
	color: #3a4766;
	text-transform: lowercase;
}

.button-login{
	width:116px !important;
	height:32px !important;
	border:none;
	margin-left:135px !important;
	cursor:pointer;
	/*padding:0px !important;*/}

table.mod_login-login {
	position:relative;
	top:65px;
	left:10px;
	font-size:11px;
}

/************** END CB LOGIN MODULE *************************/

.message{
color:#FF0000;}

span#mod_login_greeting-login {

font-size:11px;
color:#2F6681;}

#mod_login_logoutform-login{
margin-left:4px !important;
}

/******** FAQ STRANICA ***********/

.componentheading-faq {
	border-bottom:1px solid #cccccc;
	padding-top:6px;
	padding-left:10px;
	padding-bottom:11px;
	background: url(../images/bcg_component.jpg) repeat-x;
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3A4766;
	padding-right:10px;
}

table.contentpane-faq {
	margin:15px 0px 0px 15px;
}

table.contentpaneopen-faq {
	margin:0px;
	width:100%;
	padding:5px 10px 10px 10px;
}

td.contentheading-faq { 
	border-bottom:1px solid #cccccc;
}	

.contentheading-faq { 
	font-family: tahoma, arial, verdana;
	font-size: 20px;
	color:#3a4766;
	padding-bottom:5px;
}

table.contentpane-faq table {
	width:90% !important;
}

table.contentpane-faq a{
	color:#404c6b;
	text-decoration:none !important;
	background:url(../images/arrow_link.gif) no-repeat 0 3px;
	padding-left:7px;
	margin-bottom:5px;
}

table.contentpane-faq a:hover{
	color:#404c6b;
	text-decoration:underline !important;
}


/******** KRAJ FAQ STRANICA ******/



/******** REGISTER PAGA **********/

table#registrationTable ul {
	padding:0px 0px 0px 15px;
	font-size:12px;
	list-style-type:disc !important;
}

/******** END REGISTER PAGE ******/



/* Search module */
div.search-search { /* padding and margin fix for proper vertical alignment */
	position:relative;
	top:4px;
	padding-top:2px;
	}
	div.module-search form { /* search form (text field + button) */
		border:none;
		margin:0px;
		padding-bottom:3px;	
		}
		input#mod_search_searchword { /* search form text field */
			position:relative;
			top:1px;
			left:3px;
			border-left:1px solid #d5e0e6;
			border-top:1px solid #d5e0e6;
			border-bottom:1px solid #d5e0e6;
			border-right-style:none;
			background-color: #FFFFFF;
			padding:0;
			padding-left:3px;
			margin:0;
			width:143px;
			height:17px;
			}
			input.button-search { /* search button */
				position:relative;
				left:3px;
				top:-2px;
				width:21px;
				height:20px;
				background:url(../images/searchbutton.jpg) no-repeat;
				border:none;
				font-size:0px !important;
				color:#DDDDDD !important;
				}
								
/* Icon Link module */
.module-iconlink {
	margin-bottom: 55px;
	}

input#ff_elem150 { /* "pošalji" */
	margin-top:3px;
	border-style: none !important;
	min-width: 60px;
	width: 60px;
	margin-top:1px;
	height:19px;
	padding-top:0px;
	padding-bottom:4px;
	background: #004b60;
	font-family: tahoma, arial, verdana;
	font-size: 11px;
	color: #faf9f9;
	text-transform: lowercase;
	}
input#ff_elem145 { /* mail text field */
	margin-left:1px;
	}
input#ff_elem149 { /* textarea */
	overflow:auto;
	}
input#ff_elem143,
input#ff_elem145,
input#ff_elem151,
textarea#ff_elem149 { /* border fixes for inputs and textareas */
	border:1px solid #D5E0E6 !important;
	}


/* ====================== */
/* DEFAULT WRITING STYLES */
/* ====================== */

h1 	{ /* content style Heading 1 */
	font-family: tahoma, arial, verdana;
	font-size: 16px;
	color:#2f6681;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:10px;
	padding:0;	
	}

h2	{ /* content style Heading 2 */
	font-family: tahoma, arial, verdana;
	font-size: 15px;
	color:#2f6681;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:5px;
	padding:0;	
	}

h3	{ /* content style Heading 3 */
	font-family: tahoma, arial, verdana;
	font-size: 14px;
	color:#2f6681;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:5px;	
	padding:0;
	}

h4  { /* content style Heading 4 */
	font-family: tahoma, arial, verdana;
	font-size: 13px;
	color:#2f6681;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:2px;	
	padding:0;	
	}

h5 	{ /* content style Heading 5 */
	font-family: tahoma, arial, verdana;
	font-size: 13px;
	color: #990000;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:2px;
	padding:0;
	}

p	{ /* regular content text */
	font-family: tahoma, arial, verdana;
	font-size: 13px;	
	color:#444;
	line-height:130%;
	text-align:justify;
	/*margin-top: 5px !important;
	margin-bottom: 10px !important;*/
	}
	
p.preg{
	font-family: tahoma, arial, verdana;
	font-size: 13px;	
	color:#444;
	line-height:130%;
	text-align:justify;
	margin-bottom:10px;
	margin-right:10px;}
	
p.dl_text { /* the "download" label in the public download section */
	font-family: tahoma, arial, verdana;
	font-size: 14px;
	color:#7fa5af;
	margin:0 !important;
	padding:0 !important;
	}



/* ===== */
/* HACKS */
/* ===== */
.dl_img { /* fine-tunes the download arrow position */
	position:relative;
	top:4px;
	}
	
#maintop ul { /* removes the list-style images from the tabs */
	list-style:none !important;
	}

div.module-menu { /* fixes the underline alignment for mainmenu and content/component heading */
	margin-top:4px;	
	}
	
.contact_email .inputbox{
margin-bottom:5px;}

#cbsendnewuspass{
margin-top:20px;
width:180px;}

.error{
color:red;
padding:10px;}

#component-contact{
background:url(../images/contact.jpg) 100% 100% no-repeat;}
#com-form-login{
visibility:hidden}

.sectiontableentry1-faq td{
padding-bottom:10px;}

.sectiontableentry2-faq td{
padding-bottom:10px;}

.inputbox.invalid{
border:1px solid red;
color:#444}

.invalid{
color:red}

.cofirm_mas{
padding:10px;}

.td_picture{
background: #f6f8f9 url(../images/picture5.jpg) 100% 100% no-repeat;}

#r4aOpen{
display:none}

#r4aHeaderFinishedSurveys{
background:url(../images/bcg_survey.png) 0 0 repeat-x;
}

#r4aHeaderFinishedSurveys .contentheading{
border:1px solid #ccc;
padding-left:5px;
padding-top:2px;
font-size:18px;}

.listheader{
background:#e7e8e8;
border:1px solid #ccc;
padding:2px;
color:#3A4766}

.listcell{
padding:2px;
border:1px solid #ccc;
background:#fff}