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

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	
	background: url('../images/light_blue_bg.png');
}

label,p,table,tr,td,li,ol,div,span
{
	font-size: 12px;
}

a
{
	color: #1B84E0;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}



/* header bar */
#header_bar
{
	background: #333;
	color: #cecece;
	padding: 5px;
	height: 24px;
}

#header_bar .became_service
{
	float: left;
}

#header_bar .became_service select
{
	padding: 2px;
	border: none;
	width: 100px;
	margin: 0 0 0 5px;
	font-size: 11px;
}

#header_bar .language
{
	float: right;
}

#header_bar .language select
{
	padding: 2px;
	border: none;
	width: 100px;
	font-size: 11px;
}

#logout_button
{
	border: 0px;
	background: #CCC;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;

	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#a1a4a6 0%,
		#5a5b5c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a1a4a6),
		to(#5a5b5c));
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}




/* login box */
#login_box
{
	background: #fff;
	margin: auto;
	width: 390px;
	
	padding: 10px;
	
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 0px 0px 9px #BDBDBD;
	-webkit-box-shadow: 0px 0px 9px #BDBDBD;
	box-shadow: 0px 0px 9px #BDBDBD;
}

#login_box p
{
	text-align: left;
	padding: 10px;
}

#login_box p>label
{
	width: 100px;
	float: left;
	margin: 8px 0 0 0;
}

#login_box p>label.right
{
	float: right;
	width: 200px;
	margin: -5px 0 0 0;
}

#login_box h2
{
	text-align: left;
	font-size: 20px;
}

#login_box h3
{
	text-align: left;
	font-weight: normal;
	font-size: 13px;
}

#login_box input[type=text]
{
	border: 1px solid #bdbdbd;
	padding: 6px;
	width: 200px;
}

#login_box input[type=password]
{
	border: 1px solid #bdbdbd;
	padding: 6px;
	width: 200px;
}

#login_box input[type=submit]
{
	background: #46B307;
	padding: 10px 15px 10px 15px;
	color: #fff;
	font-weight: bold;
	border: 0px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 10px 0 0 0;
	font-size: 12px;
	
	background: -moz-linear-gradient(
		top,
		#62f01a 0%,
		#249e11);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#249e11),
		to(#62f01a));
}


#login_box .round_gray_subbox
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #d7d7d7;
	
	margin-top: 10px;
	padding: 20px;
}


/* sve ostalo */
#main_container
{
	padding: 15px;
}

#main_container > #left_side
{
	float: left;
	width: 200px;
}


#main_container > #right_side
{
	width: 1000px;
	float: left;
}



#left_side > #menu_container > ul
{
	list-style: none;
}

#left_side > #menu_container > ul li
{
	background: #FFF;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
	
	padding: 15px;
	margin: 0px 0px 5px 0px;
	
	-moz-box-shadow: 0px 0px 9px #BDBDBD;
	-webkit-box-shadow: 0px 0px 9px #BDBDBD;
	box-shadow: 0px 0px 9px #BDBDBD;
	
	border-right: 1px solid #ccc;
}

#left_side > #menu_container > ul li > p
{
	font-size: 11px;
	color: #666;
}

#menu_container a
{
	color: #1B84E0;
	text-decoration: none;
}

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


#main_content
{
	background: #FFF;
	-moz-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;
	
	padding: 20px;
	margin: 0px 0px 5px 0px;
	
	-moz-box-shadow: 0px 0px 9px #BDBDBD;
	-webkit-box-shadow: 0px 0px 9px #BDBDBD;
	box-shadow: 5px 5px 8px #BDBDBD;
}

#main_content h2
{
	font-size: 24px;
}

#main_content h3
{
	font-size: 16px;
	color: #666;
	font-weight: normal;
	margin: -3px 0 0 0px;
}

.form_left
{
	float: left;
	width: 450px;
}

.form_right
{
	float: left;
	width: 450px;
}

p.form_row
{
	padding: 10px;
	float: left;
	width: 400px;
}

p.form_row input[type=text]
{
	border: 1px solid #999;
	background: #f4f4f4;
	padding: 5px;
	width: 200px;
}

p.form_row input[type=text]:focus
{
	border: 1px solid #1B84E0;
	background: #CBE0F5;
	color: #333;
}

p.form_row select
{
	padding: 4px;
	border: 1px solid #999;
	width: 220px;
}

p.form_row select:focus
{
	border: 1px solid #1B84E0;
	background: #CBE0F5;
	color: #333;
}

.chekbox select
{
	padding: 4px;
	border: 1px solid #999;
	width: 220px;
}

.chekbox select:focus
{
	border: 1px solid #1B84E0;
	background: #CBE0F5;
	color: #333;
}


p.form_row label
{
	margin: 7px 0 0 0;
	width: 150px;
	float: left;
}

p.form_row label.dobule
{
	margin: 2px 0 0 0;
	width: 150px;
	float: left;
}

div.form_footer
{
	padding: 20px 60px 10px 10px;
	text-align: right;
}

div.photo_row
{
	padding: 10px;
	text-align: center;
	background: #D7D7D7;
}

div.section_label
{
	margin: 5px 0 0 0;
	background: #D4D4D4;
	padding: 5px 4px 3px 10px;
}


.chekbox
{
	padding: 10px 0 0px 10px;
}

.chekbox label
{
	margin: 0 0 0 10px;
}

.chekbox input[type=text]
{
	border: 1px solid #999;
	background: #f4f4f4;
	padding: 5px;
	width: 230px;
}

textarea
{
	padding: 5px; 
	border: 1px solid #999;
	height: 50px;
}

.simpleTable
{
	text-align: left;
	border-bottom: 1px solid #333;
}

.simpleTable th
{
	border-top: 3px solid #666;
	border-bottom: 1px solid #fff;
	background: #cecece;
	padding: 8px;
	font-weight: bold;
}

.simpleTable td
{
	background: #eaeaea;
	padding: 8px;
	border-bottom: 1px solid #fff;
}

tr.whiteRow > td
{
	background: #DFE6EB;
	padding: 8px;
	border-bottom: 1px solid #fff;
}

#paging
{
	text-align: center;
	padding: 10px;
}

#paging a
{
	margin: 0 1px 0 px;
	text-decoration: none;
	color: #666;
	padding: 5px;
}

#paging a.current
{
	font-weight: bold;
	background: #EAEAEA;
}

.nice_small_notice
{
	padding: 8px;
	text-align: center;
	font-size: 11px;
	color: #333;
	background: #DFE3B1;
}

.input_txt
{
	border: 1px solid #bdbdbd;
	padding: 6px;
}

.small_table td
{
	padding: 5px;
}

#bug_report
{
	display: none;
	
	background: #FFF;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 500px;
	height: 500px;
	z-index: 1000;
	
	padding: 10px;
	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888
}

#bug_report p { color: #333; }

#bug_report textarea
{
	width: 470px;
	height: 350px;
}