﻿@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color:#47474A;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
}

#htmlRegister
{
	width: 370px;
	height: 215px;
}

#bodyRegister{
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color:#47474A;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	width: 370px;
	height: 215px;
}

a  {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #47474A;
}
a:hover  {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #999999;
}
#pic {
	height: 120px;
	width: 205px;
	float: left;
	background-image: url(../images/bgpic.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin: 0px;
}

.style2
{
	font-family:Tahoma;
	font-size:11px;
	top:0px;
	left:0px;
	margin: 0;
	padding:0;
	width: auto;
	background-color:white;
	color: #909497;
}

	
div, p, ul, li, a, h1, h2, h3, h4, form, label, input{ padding:0; margin:0;
}

img{ border:0;
}
	
:focus {outline: none;
}

.spacer{
	line-height:0; font-size:0; clear:both;
}	
* html .logoscreen{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bgcsreen.png", sizingMethod="scale");
} 
* html .ribbon{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ribbon.png", sizingMethod="scale");
} 
/*---------------------------------------Header Start------------------------------------*/
#header {
	background-image: url(../images/bgheader.jpg);
	background-repeat: repeat-x;
	height: 235px;
	width: auto;
}
.logoscreen {
	background-image: url(../images/logoscreen.png);
	background-repeat: no-repeat;
	height: 169px;
	width: 752px;
	clear: left;
	margin: 0 auto;
}

#logoscreenbg {
	background-image: url(../images/bgcsreen.jpg);
	background-repeat: no-repeat;
	height: 173px;
	width: auto;
	clear: left;
	margin: 0 auto;
}
.ribbon{
	background-image: url(../images/ribbon.png);
	position:absolute;
	left:0px;
	top:0px;
	width:139px;
	height:164px
}
/*---------------------------------------Header End------------------------------------*/
	
/*---------------------------------------Menu Start------------------------------------*/
#navmenu {
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	height: 54px;
	padding-top: 12px;
}
#menu {
	list-style:none;
	margin-left: 7px;
	padding: 0px;
}
#menu li {
	float:left;
	height: 43px;
}
#menu li a {
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	height: 43px;
}
#nav_home  {
	background: url(../images/home.gif) no-repeat left top;
	width: 122px;
}
#nav_gallery {
	background: url(../images/gallery.gif) no-repeat left top;
	width: 122px;
}
#nav_tour {
	background: url(../images/tour.gif) no-repeat left top;
	width: 122px;
}
#nav_blog  {
	background: url(../images/blog.gif) no-repeat left top;
	width: 122px;
}
#nav_forum  {
	background: url(../images/forum.gif) no-repeat left top;	
	width: 122px;
}
#nav_faq  {
	background: url(../images/faq.gif) no-repeat left top;	
	width: 122px;
}
#nav_contact  {
	background: url(../images/contact.gif) no-repeat left top;	
	width: 122px;
}
#menu a:hover {
	background-position: 0 -58px;
}

/*---------------------------------------Menu End------------------------------------*/

/*---------------------------------------Login Start------------------------------------*/
#signupOpener
{
	margin: 0px;
	padding: 0px;
}

#signupOuter{
	width: 100%;
	background-color: #5F5F5F;
	margin: 0px;
	background-image: url(../images/bglogin.gif);
	background-repeat: repeat-x;
	padding: 0px;
}

#signupArea{
	margin-right: auto;
	margin-left: auto;
	height: 200px;

	padding-bottom: 5px;
	font-family: Tahoma;
	font-size: 11px;
	color: #929397;
	text-decoration: none;
}
#signupArea a {
	font-family: Tahoma;
	font-size: 11px;
	color: #929397;
	text-decoration: none;
}
#signupArea a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#signupdot
 {
	width: 1px;
	float: left;
	height: 240px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	margin-left: 4px;
}
#signupbg {
	width: 370px;
	float: left;
	height: 215px;
	padding-bottom: 23px;
	background-image: url(../images/infosignup.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#signinbg {
	width: 370px;
	float: right;
	height: 215px;
	padding-bottom: 23px;
	/*background-image: url(../images/infosignin.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}
#signupbt {
	width: 255px;
	height: 25px;
	text-align: right;
}
#signupbt1 {
	width: 255px;
	height: 25px;
	text-align: left;
}
#signup {
	width: 270px;
	float: left;
	height: 215px;
	padding-bottom: 25px;
	background-image: url(../images/signup.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}
#signin {
	width: 270px;
	float: left;
	height: 215px;
	padding-bottom: 25px;
	background-image: url(../images/signin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}

#signupeuro {
	width: 270px;
	float: left;
	height: 215px;
	padding-bottom: 25px;
	background-image: url(../images/signupeuro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}
#signineuro {
	width: 270px;
	float: left;
	height: 215px;
	padding-bottom: 25px;
	background-image: url(../images/signineuro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}

#loginform .input {
	width:246px;
	
}
#loginform1 .input {
	width:246px;
	
}
#divCaptcha .input {
	width:246px;
	
}

.input, .textarea {
	background-color:#F7F7F7;
	background-image:url(../images/input-bg.png);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#51514C;
	border:1px solid #C9C9C9;
	padding:3px;
	margin:0px 0 0px 0;
}

.input:focus, .textarea:focus {
	background-color:#FFFFFF;
	background-image:url(../images/input-bg.png);
	border:1px solid #3BABC4;
	color:#000000;
}

.disabledInput {
	background-color:#FBFBFB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt; color:#B0B0B0;
	font-style:italic;
	border:1px solid #E4E4E4;
	padding:3px;
	margin:5px 0 5px 0;
}
/*---------------------------------------Login End------------------------------------*/

/*---------------------------------------Content Start------------------------------------*/
#container {
	background-image: url(../images/bgcontainer.gif);
	background-repeat: no-repeat;
}

#logindu {
	height: auto;
	width: 752px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	text-align: right;
}
#content {
	width: 752px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7px;
}	
.dot {
	height: 1px;
	width: auto;
	background-image: url(../images/doth.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-bottom: 15px;
}
#more {
	height: 13px;
	width: auto;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	margin-top: 5px;
}
.more {	
	height: 13px;
	width: auto;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	margin-top: 5px;
}
/*---------------------------------------Content End------------------------------------*/

/*---------------------------------------Footer Start------------------------------------*/
#footer {
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
	height: 65px;
	width: auto;
	bottom: auto;
	clear: left;
	margin-top: 7px;
}
#footerin {
	height: 47px;
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 18px;
}
.logo   {
	background:url(../images/logofooter.gif) 0 0 no-repeat #49494B;
	width:189px;
	height:39px;
	float: left;
}
.copyright   {
	width:auto;
	height:auto;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 20px;
	margin-left: 33px;
	text-decoration: none;
}
.copyright a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.copyright  a:hover {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

.rssicon  {
	background:url(../images/rssicon.gif) 0 0 no-repeat #49494B;
	width:29px;
	height:32px;
	float: right;
}

.green{
	background-image: url(../images/green.png);
	position:absolute;
	left:0px;
	width:182px;
	height:88px;
	bottom: auto;
	top: 899px;
}
#left /*---------------------------------------Footer End------------------------------------*/
 {
	width: 360px;
	float: left;
	padding-bottom: 10px;
}
#right  {
	width: 377px;
	margin-left: 15px;
	float: left;
}
#manage {
	height: auto;
	width: 269px;
	background-image: url(../images/manageicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-bottom: 5px;
	text-align: justify;
}
#text1 {
	background-image: url(../images/manage.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 21px;
}
#expensesicon {
	height: auto;
	width: 269px;
	background-image: url(../images/expensesicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-bottom: 5px;
	text-align: justify;
}
#text2 {
	background-image: url(../images/expenses.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 21px;
}
#issues {
	height: 89px;
	width: 269px;
	background-image: url(../images/issuesicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-bottom: 5px;
	text-align: justify;
}
#text3 {
	background-image: url(../images/issues.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 21px;
}
#knowledge {
	height: auto;
	width: 269px;
	background-image: url(../images/knowledgeicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	padding-bottom: 5px;
	text-align: justify;
}
#text4 {
	background-image: url(../images/knowledge.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 21px;
}
#bttext {
	background-image: url(../images/bgtxt.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 54px;
	padding-top: 8px;
	padding-left: 23px;
}
#text5 {
	background-image: url(../images/transform.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 18px;
}
.bttext1 {
	margin-bottom: 3px;
}
.bttext2 {
	margin-bottom: 3px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: 7px;
}
#text6 {
	background-image: url(../images/dizajn_se_39.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 23px;
}
#titleeditor {
	background-image: url(../images/editor.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 20px;
}
#titleissues {
	background-image: url(../images/issuest.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 20px;
}
#titletm {
	background-image: url(../images/tm.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 20px;
}
#titlewikip {
	background-image: url(../images/wikip.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 20px;
}
/*------------------------------------------------------------------------------------*/
.cvezdi {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#990000;
}
div.panding {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 11px;
	}
.text_red_normal { /*ovoj css na crven normal text se koristi dokolku treba da seoznaci nesto sto e zadolzitelno */
	font-family: Tahoma;
	font-size: 11px;
	color: #ff0000;
}
/*------------------------------------Contact button------------------------------------*/
#passwordrec {
	width: 270px;
	float: left;
	padding-bottom: 25px;
	background-image: url(../images/Settings/pasrecbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 100px;
}
#submitdu {
	width: 255px;
	height: 25px;
	text-align: right;
}

.EmailErrorMessage
{
	float:left;
	clear:both;
	width:320px;
	padding-left:10px;
	color:Red;
}