/* ***********************************************************************************************
      Projekt: Intens FINASISTANT
      Fajl: default.css (ime fajla bez radne verzije), tip CSS
      Verzija: 1.0
      Datum izmene: 26. okt. 2008.
************************************************************************************************** */


/* ================================================================
OSNOVNI STILOVI STRANICE
=================================================================== */


html, body {
	padding: 0;
	margin: 0;
	font-family: 'MS Trebuchet', Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #706b61;
	text-align: center;
	background: #FFFFFF;
}

div, h1, h2, h3, h4, p {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

:focus
{
	outline: 0;
	outline: none;
}

*:focus { outline: none }

form
{
	border:0;
	margin:0;
	padding:0;
}

#main_content
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 740px;
	height: 550px;
	background: url(../images/main_bkg.gif) no-repeat;
	text-align: left;
}

#main_content_secondo
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 740px;
	height: 550px;
	background: url(../images/main_bkg.gif) no-repeat;
	text-align: center;
}

#inside_main_content
{
	padding: 16px; margin: 0;
	width: 380px;
	background: url(../images/linerra.gif) no-repeat top right;
}

#inside_main_content_secondo_spacer
{
	margin: 0;
	padding: 0;
	width: 680px;
	height: 22px;
}

#inside_main_content_secondo
{
	padding: 16px; margin: 0;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: none;
	max-height: 466px;
	overflow:auto;
	border: 1px solid #CCCCCC;
}

.buttonreg
{
	background: none;
	border: none;
	color: blue;
	cursor: pointer;
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
}

form
{
	padding: 0;
	margin: 0;
}

h1
{
	color: #666564;
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica, sans-serif;
}

h2
{
	color: #9C0829;
	border: 0px none;
	margin: 0px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 23px;
	letter-spacing: -0.4px;
}

h3
{
	color: #809494;
	border: 0px none;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0px;
}










/* <HR> Styling For All Browsers */
hr
{
	text-align: right;
	width: 100%;
	height: 1px;
	color: #D4D0C8;
	border: none;
} /* For Internet Explorer */
html>body hr
{
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #D4D0C8;
	border: none;
} /* For Gecko-based browsers */
html>body hr
{
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #D4D0C8;
	border: 0px solid #D4D0C8;
} /* For Opera and Gecko-based browsers */
/* <HR> Styling For All Browsers */








/*
 * LOGIN BOX STYLES
 */

.spacer
{
	clear: both;
	height: 1px;
}

.bigspacer
{
	clear: both;
	height: 18px;
}

.myform
{
	margin: 0 auto;
	width: 400px;
	padding: 14px;
}

#login_box_div
{
	border: solid 1px #D4D0C8;
	background: #EFF0F1;
}


#login_box_div h1
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

#login_box_div p
{
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom:solid 1px #999;
	padding-bottom: 10px;
}

#login_box_div label
{
	display: block;
	font-weight: bold;
	text-align: right;
	width: 140px;
	float: left;
}

#login_box_div .small
{
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 140px;
}

#login_box_div input
{
	float: left;
	font-size: 14px;
	padding: 4px 2px;
	border: solid 1px #AAA;
	width: 200px;
	margin: 2px 0 20px 10px;
}

.btn_login
{
	clear: both;
	border: 0 none;
	margin: 0;
	padding: 0;
	margin-left: 150px;
	width: 127px;
	height: 33px;
	background: url(../images/buttons/button_login.gif) no-repeat;
	text-align: center;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

@-moz-document url-prefix()
{
	.btn_login
	{ 
		padding-bottom: 3px;
	}
} 

#login_box_div a
{
	display: block;
	margin-left: 30px;
	color: #1B4957;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	background: none;
	width: 200px;
	height: 24px;
	text-align: left;
}

#login_box_div a:hover
{
	text-decoration: underline;
}




/*
#login_box_div
{
	width: 233px;
	height: 207px;
	background: #FFFFFF url(../images/login_rectangle.gif) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
	margin-bottom: 44px;
	color: #888888;
	text-align: left;
}

#login_box_div_inner
{
	padding: 14px 0px 0px 25px;
	margin: 0;
}

.input_form
{
	width: 178px;
	border: 1px solid #E8E8E8;
	margin: 0;
	padding: 3px 2px 3px 2px;
	color: #989898;
}

#login_box_div a
{
	color: #638F45;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
}

#login_box_div a:hover
{
	text-decoration: underline;
}

#login_box_div p
{
	padding: 8px 0px 0px 0px;
}

.loginbutton
{
	width: 68px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0px 0px 0px 112px;
}
*/

































#user_box_div
{
	width: 740px;
	height: 440px;
	background: #f3f1d8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #FFFFFF;
	text-align: left;
	line-height: 24px;
}

#user_box_div p
{
	padding: 8px 0px 0px 0px;
}

#user_box_div_inner
{
	width:740px;
	height:26px;
	background:#79617B;
	position: relative;
	padding:0;
	margin:0;
}

#user_box_div_inner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#user_box_div_inner a:hover
{
	text-decoration: underline;
}

#user_box_div_notice
{
	width:740px;
	height:40px;
	color:#333333;
	padding:0;
	margin:11px 0 8px 0;
	line-height: 17px;
}





#reg_box_div
{
	width: 261px;
	height: 351px;
	background: #FFFFFF url(../images/reg_forma.gif) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 44px;
	color: #888888;
	text-align: left;
}

#reg_box_div p
{
	padding: 8px 0px 0px 0px;
}

#reg_box_div_inner
{
	padding: 8px 0px 0px 25px;
	margin: 0;
}


.input_form_zwei
{
	width: 204px;
	border: 1px solid #E8E8E8;
	margin: 0;
	padding: 3px 2px 3px 2px;
	color: #989898;
}

.loginbutton_zwei
{
	width: 80px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0px 0px 0px 130px;
}

.input_form_change_password
{
	width: 202px;
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 3px 2px 3px 2px;
	color: #555555;
}

.change_password_button
{
	padding: 3px 4px 3px 4px;
	border: 1px solid #1e1e1b;
	background: #4d4d49;
	color: #FFFFFF;
	cursor: pointer;
}

#basicinfopop
{
	padding: 30px 20px 0 20px;
	margin: 0;
	text-align: left;
	color: #5a4f3b;
}

#basicinfopop a
{
	color: #0090ff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#basicinfopop a:hover
{
	text-decoration: underline;
}

#basicinfopop_d
{
	padding: 30px 20px 0 20px;
	margin: 0;
	text-align: left;
	color: #837b83;
}

#basicinfopop_d a
{
	text-decoration: none;
	color: #302a5e;
}

#basicinfopop_d a:hover
{
	text-decoration: underline;
}



#rez_table
{
	width: 100%;
	background: #AAAAAA;
	color: #000000;
}

#rez_table_td
{
	padding: 5px 0 5px 6px;
	background: #FAFAFA;
	color: #000000;
	line-height: 14px;
}

#top_bar
{
	position: relative;
	width: 740px;
	height: 34px;
	background: url(../images/bar_background.gif) repeat-x;
	margin-left: auto;
	margin-right: auto;
	line-height: 30px;
	text-align: left;
	padding: 0;
	margin-bottom: 8px;
}

#top_bar a
{
	text-decoration: none;
	font-weight: bold;
	color: #003333;
	padding-left: 12px;
}

#top_bar a:hover
{
	color: #B31616;
}

#top_bar_helpdiv
{
	position: absolute;
	top: 0px; right: 12px;
}

.normalize
{
	color: #0D1821;
	border: 0px none;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 20px;
}





div#launch-box
{
	background: none;
	display: inline-block;
	width: 294px;
	height: 82px;
	color: #EEEEEE;
	text-decoration: none;
	cursor: pointer;
}

a.launch-link
{
	display: block;
	width: 294px;
	height: 82px;
	background: transparent url(../images/btn_bkg.gif) no-repeat top left;
	color: #E0E0E0;
	margin-bottom: 0.1em;
	padding: 5px 0 0;
	text-align: left;
	text-decoration: none;
	
}

a.launch-link:hover
{
	background: transparent url(../images/btn_bkg.gif) no-repeat 0px -88px;
	color: #FFFFFF;
	text-decoration: none;
}

a.launch-link span
{
	background: none;
	display: block;
	min-height: 82px;
	padding: 10px;
}

a.launch-link strong
{
	color: #EEEEEE;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

a.launch-link em
{
	color: #EEEEEE;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	padding-top: 3px;
}


a.link-to-other
{
	text-decoration: none;
	color: blue;
}

a.link-to-other:hover
{
	text-decoration: underline;
}









#right_column
{
	position: absolute;
	top: 0px;
	right: 12px;
	width: 316px;
	height: 460px;
	background: none;
}



#language_bar
{
	position:fixed;
	top: 0;
	right: 0;
	z-index:999;
	padding:0;
	margin:0;
	width:100%;
	height:24px;
	background:#EFEEEB;
	border-bottom:1px solid #D4D0C8;
	line-height:22px;
	text-align:right;
}

#language_bar span
{
	display:inline-block;
	margin:0;
	padding: 0 16px 0 0;
}

#language_bar a
{
	display:block;
	background:none;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #99907D;
}

#language_bar a:hover
{
	color: #603528;
}

#language_bar img
{
	border: none;
	margin: 0;
	padding: 0;
}






























/* ================================================================
SPECIJALNI STIL ZA DUGMICE
=================================================================== */


a.boldbuttons{
background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #FFFFFF;
cursor: pointer;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #FFFFFF; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block; height: 30px;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color: #FFFFFF;
cursor: pointer;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
color: #FFFFFF;
cursor: pointer;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
color: #FFFFFF; background: none;float:right; margin: 3px 28px 0 0;
}