/*   template: What's your solution?
     author: luka cvrk (www.solucija.com)   */
img {
	border:none;

}

img.pad {
padding-top:3px;
padding-bottom:3px;
vertical-align:middle;
}
img.vcenter {

vertical-align:middle;
}
img.clickImage {
cursor:pointer;
vertical-align:middle;
}



body {
	margin: 0;
	padding: 0;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	color: #7e7e7e; 
	background: #FFFFFF url(../images/template/bg.gif) repeat-x;
	line-height: 16px; 
}

a {
	color: #33ADDB ! important;
	background-color: inherit;
	
}

a:hover {
	color: #575757;
	background-color: inherit;
}


ul ul {
   display:none;
 
 
}

ul {
margin-top:0px;

}
.rangeRight {
margin: 0 0 3px 3px;
float:right;

}

label{
clear:both;
float: left;
font:inherit;
vertical-align:bottom;
margin-right:4px;
width: 190px;

padding-bottom:10px;
}

.configLabels{
float: left;
font:inherit;
vertical-align:bottom;
margin-right:4px;
width: 180px;
text-align:right;
}

input.check {

	width:auto;

}

input.browse {
	
	width:200px;
}

input, textarea{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	width: 300px;
	margin-bottom: 5px;

}

.editable {
	width:400px;
}

textarea.editable{
	width: 500px;
	height: 250px;
}



.boxes{
width: 1em;
}

#submitbutton{

margin-top: 5px;
width: 90px;
}

br{
clear: left;
}



h1 {
	font: bold 1.8em Arial, Sans-Serif;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

h1 a {
	text-decoration: none;
}

h2 {
	margin: 0; 
	padding: 3px 0 6px 0; 
	font: 130% Arial, Sans-Serif;
	font-weight: bold;
	color: #808080; 
	text-transform: uppercase;
	background-color: inherit;
	
}


h2 a {
	color: #6AC65D ! important;
	background-color: inherit;
	text-decoration: none;
}

h3 {
	margin: 0; 
	padding: 3px 0 6px 0; 
	font: 100% Arial, Sans-Serif;
	font-weight: bold;
	color: #808080; 
	text-transform: uppercase;
	background-color: inherit;
	
}


p {
	padding: 2px 0 5px;
	margin: 0;
}

#content {
	margin: 0px auto; 
	width: 880px; 
}

.header { 
	height: 45px; 
	margin: 0px 0 2px 0; 
	padding: 20px 0 0 5px;
	border-top: 4px solid #000;
	background: #FFF url(../images/template/headerbg.gif) repeat-x bottom left;
	color: #808080;
}
.header h1 {
	color: #33ADDB;
}	
.searchform {
	float: right;
	padding: 2px 5px 0 0;
}

.subheader {
	clear: both;
	height: 23px;
	margin: 0 0 10px 0;	
}

.subheader_left {
	line-height: 28px;
	width: 243px;
	background: #33ADDB url(../images/template/hmleftbg.gif) repeat-x;
	color: #FFFFFF;
	padding: 0 5px 0 5px;
}

.subheader_left a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: inherit;
}

.subheader_right {
	background: #F6F6F6 url(../images/template/hmrightbg.gif) repeat-x;
	color: #626262;
	line-height: 28px;
	
	float: right;
	width: 624px;
	
}

.subheader_right a {
	margin: 0px 2px 0 0;
	padding: 7px 10px 8px 10px;
	color: #626262 ! important;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

.subheader_right a:hover {
	background: #33ADDB url(../images/template/hmleftbg.gif) repeat-x;
	border-top: 1px solid #1A83AC;
	color: #FFFFFF ! important;
}



.left {
	float: left;
	padding: 5px 0px 5px 5px;
	padding-right:10px;
	width: 240px;
	border-right: 1px solid #e6e6e6;
}

.right {
	float: right;
	width: 610px;
	height: 100%;
	margin: 0 0 20px 0; 
	padding: 5px 0 0 10px; 
	color: #000;
	background-color: #FFFFFF; 
	
}

.popupBody {
	width: 530px;
	height: 100%;
	margin: 0 0 20px 0; 
	padding: 5px 0 0 10px; 
	color: #000;
	background-color: #FFFFFF; 
	
}

.error {
	color:#FF0000;
	font-style:italic;

}

.info {
	color:#33ADDB;
	font: bold 1.3em Arial, Sans-Serif; 
	text-decoration:none; 
	position:relative;
}

a.info {
	font: bold 1.3em Arial, Sans-Serif; 
	text-decoration:none; 
	position:relative;
}

a.info span {
	display:none;
}

a.info:hover {
	
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;; 
	left:0;; 
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(../images/template/question.gif) no-repeat bottom right; 
	color:#000 ! important; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}

.line {
	height: 2px;
	margin: 10px 0 10px 0;
}

.right_left {
	float: left;
	width: 260px;
	padding: 13px;
	background: #f2f2f2 url(../images/template/corner.gif) no-repeat bottom right;
	color: #626262;
}

.right_right {
	float: right;
	width: 240px;
	padding: 13px;
	background: #f2f2f2 url(../images/template/corner.gif) no-repeat bottom right;
	color: #626262;
}

.footer { 
	clear: both; 
	color: #999999; 
	background-color: #FFFFFF;
	padding: 10px 0 10px 0; 
	border-top: 1px solid #e6e6e6; 
	text-align: center;  
	line-height: 13px;
}

.footer a { 
	text-decoration: underline; 
}

form.search {
	padding: 0; 
	margin: 0; 
}
#allpages {
	padding: 0; 
	margin: 0; 
}

select { 
	margin: 0; 
	border: 1px solid #ccc; 
	background: #FFF;
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	color: #7e7e7e; 
}

input.text { 
	margin: 0; 
	width: 95px;
	border: 1px solid #ccc; 
	background: #FFF;
	color: #000; 
}

input.text:hover { 
	border: 1px solid #808080; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

.date { 
	color: #ccc; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 3px 0; 
	padding: 0; 
}


.toplevel {
	padding:0;
	margin:0;
	list-style-type:none;
	color: #ccc; 
    font-weight:bold;
	margin-left:0px;
	vertical-align:middle;	
	clear:left;
}
li.toplevel {
	list-style-type:none;
	list-style-image:none;
	margin-top:2px;
	margin-bottom:2px;
}
.sublevel {
	display:none;
	margin:0;
	padding:0;
	margin-left:20px;
	
	list-style-type:none;
	font-weight:normal;
}

li .sublevel {

list-style-type:none;
}



.standout a{
	
	color: #000000 ! important; 
	font-weight:normal;
	padding:0;
	margin:0;

}

.standout {

	color: #000 ! important; 
	font-weight:normal;
	padding:0;
	margin:0;
	

}

.genericGroup {
	padding:10px;
	margin-bottom:5px;
clear:both;

	background-color: #E9E9E9;
	color:#505050;
}

.genericGroup h3 {
	color:#000000;
}

.small {
	font: 97% Tahoma, Arial, Helvetica, sans-serif;
}
.zeroEverything {
	line-height:-3px;
	height:5px;
	padding:0px;
	margin:0px;
}

.toplevelMain {
	padding:0;
	margin:0;
	list-style-type:none;
	color: #ccc; 
    font-weight:bold;
	margin-left:50px;
	vertical-align:middle;	
	padding-bottom:10px;
	clear:left;
}

.sublevelMain {
    display:block;
	margin:0;
	padding:0;
	margin-left:20px;
	list-style-type:none;
	font-weight:normal;
}


.toplevelMain li {
margin-top:8px;
}
li.noTopPad  {
   color: #000 ! important;
	margin-top:0px;
}
.noTopPad a {

 	color: #000 ! important;
}
