body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #006699;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px;
}

/* ----------------- LINK STYLES ---------------------------*/ 
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
}

/* ----------------- TEXT STYLES ---------------------------*/ 

.pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	margin: 10px !important;
	margin-bottom: 20px;
}

.pagesubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	margin-left: 15px;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 10px;
}
.fixfields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFCC66;
	margin: 10px;
}

.user {
    height: 18px;
	width: 280px;
}

.left_menu{
    color: #000000;
    list-style: none;
    margin-left: 10px;
    margin-top: 10px;
}

.left_submenu{
    color: #000000;
    list-style: none;
    margin: 0px;
    margin-left: 20px;
    margin-top: 5px;
}

.features_list{
    color: #000000;
    margin: 0px;
    padding: 0px;
    margin-left: 55px;
}

.sub_description{
    color: #000000;
    margin: 0px;
    padding: 0px;
    margin-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 515px;    
}

.general_description{
    color: #000000;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
}

.search_button{
    width: 40px;
}
.search_input{
    width: 130px;
}

/* -------------- FORMS --------------------------*/
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	background: #FFFFCC;
	color: #003366;
	font-size: 11px;
	border: 1px solid #CC6600;
}

textarea{
	background: #FFFFCC;
	color: #003366;
	font-size: 11px;
	border: 1px solid #CC6600;
}

file{
	background: #FFFFCC;
	color: #003366;
	font-size: 11px;
	border: 1px solid #CC6600;
}

select{
	background: #FFFFCC;
	color: #003366;
	font-size: 11px;
	border: 1px solid #CC6600;
}

hr {
	color: #cccccc;
	height: 1px;
}
td{
	vertical-align: top;
}

th{
    text-align: left;
}

/*------------------ FORMS ---------------------- */
#menu_list{
    margin: 0px;
    padding: 0px;
}

#parameter_form label, 
#parameter_form #new_parameter,
#parameter_form #submit { 
    height: 18px; 
    display: block;
    float: left; 
    margin-bottom: 10px; 
    margin-left: 10px;  
    padding: 0px; 
}
#parameter_form #submit { 
    height: 18px; 
    margin-right: 5px;}
#parameter_form br { 
    clear: left; 
}

#setup1_form textarea{
    margin-left: 10px;
}

#setup2_form label, 
#setup2_form .input, 
#setup2_form select { 
    float: left; 
    width: 300px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
}
#setup2_form label{
    margin-left: 10px;
}
#setup2_form span { 
    float: left; 
    width: 310px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    margin-bottom: 0px; 
    padding: 0px; 
}
#setup2_form br { 
    clear: left; 
}
#setup2_form #submit { 
    height: 18px; 
    width: 110px; 
    margin-left: 310px; 
    margin-top: 20px;
}
#setup2_form #discard  { 
    height: 18px; 
    width: 110px; 
    margin-left: 10px; 
    margin-top: 20px;
}
#setup2_form .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px; 
}

#setup3_form label, 
#setup3_form .input, 
#setup3_form select { 
    float: left; 
    width: 300px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
}
#setup3_form label{
    margin-left: 10px;
}
#setup3_form span { 
    float: left; 
    width: 300px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    margin-bottom: 0px; 
    padding: 0px; 
}
#setup3_form br { 
    clear: left; 
}
#setup3_form #submit { 
    height: 18px; 
    width: 110px; 
    margin-top: 10px;
    margin-left: 310px;
}
#setup3_form .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px;
}

#login_form label, 
#login_form input { 
    clear: left; 
    width: 150px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    padding: 0px; 
}
#login_form input { 
    margin-bottom: 5px; 
}
#login_form #submit { 
    clear: left; 
    width: 80px; 
    height: 18px; 
    display: block; 
    margin: 0px; 
    margin-top: 10px; 
    padding: 0px; 
}

#import_object_form { 
    padding-left: 10px 
}
#import_object .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px; 
} 
#import_object_form label { 
    float: left; 
    height: 18px; 
    margin: 0px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px; 
} 
#import_object_form select,
#import_object_form #userfile {
    float: left;  
    margin: 0px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px; 
    display: block; 
    width: 380px; 
}
#import_object_form label {
    display: block; 
    width: 130px; 
}
#import_object_form span,
#import_object_form #submit {
    margin-left: 130px; 
}
#import_object_form br { 
    clear: left; 
}

/*add user, mod user, update profile form */
#adduser select, 
#adduser label, 
#adduser input { 
    float: left;  
    margin: 0px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px;
    background-color: #FFFFCC; 
}
#adduser select {
    height: 18px;
    display: block;
    width: 280px;
}
#adduser label {
    height: 18px; 
    width: 130px;
    margin-left: 10px; 
}
#adduser span,
#adduser #submit {
    margin-left: 140px; 
}
#adduser #submit {
    margin-right: 10px;
}
#adduser .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px; 
}
#adduser br {
    clear: left;
}

/*register user (for shibboleth)*/ 
#register_user label, 
#register_user input { 
    float: left;  
    margin: 0px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px; 
}
#register_user label {
    height: 18px; 
    width: 130px; 
}
#register_user .field {
    height: 18px;
	width: 280px;
}
#register_user .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px; 
}
#register_user #submit {
    margin-right: 10px;
    margin-left: 130px; 
}
#register_user br {
    clear: left;
}

/* static data form */
#staticdata textarea,
#staticdata select, 
#staticdata label, 
#staticdata input { 
    float: left;  
    margin: 0px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px; 
}
#staticdata select {
    height: 18px;
    display: block;
    width: 50px;
}
#staticdata label {
    height: 18px; 
    width: 130px;
    margin-left: 10px; 
}
#staticdata #submit {
    margin-left: 140px;
}
#staticdata #submit {
    margin-right: 10px;
}
#staticdata br {
    clear: left;
}
#staticdata textarea{
	width: 350px;
    height: 75px;
}
#staticdata .field {
    height: 18px;
	width: 175px;
}

#staticdata .hidden { 
    width: 0px; 
    height: 0px; 
    display: none; 
    margin: 0px; 
    padding: 0px; 
}

/*------------------ DIVS ---------------------- */ 

#header{
	background: #003366;
	height: 80px;
	width: 1070px;
	margin-bottom: 10px;
	padding: 0px;
	}

#setupfooter{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-style: normal; 
    font-weight: normal;
    margin-top: 10px;
	text-align: center;
	background: #3399CC;
	width: 1070px;
	color: #F2DB97;
	clear: left;
	}
    
/* Setup header */
#setupheader{   
    background: #003366; 
    height: 80px; 
    width: 1070px; 
    margin-bottom: 10px; 
    padding: 0px;
}

#setup_header_content{
    background: #003366; 
    text-align: center; 
    height: 40px; 
    padding: 20px;
}

#setup_header_content .setuptitle{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    font-style: normal; 
    font-weight: bold; 
    color: #FFFFCC;
}
#setup_header_content .setupsubtitle{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #FFFFCC;
}

#work_in_progress{
    visibility: hidden;
	width: 0px;
	height: 0px;
	display: none;
} 

/* Setup area */
#setuparea br{
    clear: left;
}
#setuparea form{
    clear: left; 
    margin: 10px;
}

#setuparea .setupsubtitle{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    color: #003366;
}

#setuparea .button{
    width: 70px; 
    margin-left: 340px;
}

#setuparea textarea{
    margin-top: 10px; 
    margin-bottom: 10px; 
    width: 1030px; 
    height: 200px;
}
    
#footer{
	text-align: center; 
    background: #3399CC; 
    width: 1070px; 
    color: #F2DB97; 
    clear: left; 
    margin-top: 10px;
}
	
#login_area{
	background: #FFFFCC; 
    margin: 0px; 
    padding-top: 10px; 
    margin-bottom: 10px; 
    font-size: 11px; 
    color: #006699; 
    width: 670px; 
    height:160px
}

#register_area{
	background: #FFFFCC; 
    margin: 0px; 
    padding-top: 10px; 
    margin-bottom: 10px; 
    font-size: 11px; 
    color: #006699; 
    width: 1070px; 
    height:250px
}

#sidebar_area{
	background: #FFFFCC;
	clear:right;
	float:left;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
    /*padding-bottom: 25px; /* was 5 px*/
	font-size: 11px;
	color: #006699;
	width: 400px; /* lijevi izbornik */
	z-index:auto;
	}

#container{
    /*background-image: url(../images/bg_content.jpg) !important; */
	/*background: #FFFFFF;*/
    /*background-image:  url(../images/bg_content.jpg);*/
    /*background-repeat: repeat-y;*/
    width: 1070px;
	padding-bottom: 0px;
	}

#content_area{
	float:left; 
	clear:right;	
	background: #FFFFCC;
	margin: 0px;
	padding-top: 0px;
	/*padding-bottom: 25px; /* was 5 px*/
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	color: #006699;
	width: 660px; /* sadržaj */
	overflow: hidden;
    text-align: justify;
    overflow-y: hidden;
    overflow-x: auto;
	}
	
#setuparea{
	float:left; 
	clear:left;	
	background: #FFFFCC;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	color: #000000;
	width: 1070px;
	overflow: hidden;
    font-style: normal; 
    font-weight: normal;
}

#tree_popup_area{
	background: #FFFFCC;
	margin: 10px;
	padding: 0px;
	font-size: 11px;
	color: #000000;
	width: 860px;
	height: 190px;
	overflow:auto;
	}
#tree_popup_area form {
    margin-left: 10px;
}
#tree_popup_area label, 
#tree_popup_area input,
#tree_popup_area select { 
    float: left;
    margin-bottom: 5px;
}
#tree_popup_area br{
    clear: left;    
} 

#header_menu{
	background: #FFFFCC;
	vertical-align:text-bottom;
	float:left;
	position: relative;
	bottom: -60px;
	left: 3px;
	/*top: 60px;*/
	height: 15px;
	font-size: 11px;
	color: #006699;
	}
    
#header_version{
    width: 50px;
    color: #006699;
	vertical-align:text-top;
	float:left;
	position: relative;
	bottom: 0px;
	left: 2px;
	/*top: 60px;*/
	height: 15px;
	font-size: 12px;
	color: #006699;
	}

#header_logo{
	float:left;
	}

#shibboleth_img{
	float:right;
	}