/* UMB GUI Stylesheet
----------------------------------*/

body {
	font-family:arial,helvetica;
	font-size:11px;
}

label.uclabel {
	width:195px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#eee;
	color:#666;
	display:inline-block;
	float:left;
}

label.error { 
	color: red; 
	background-color:#fff;
	border: none;
}

input.ucinput:not([type='checkbox']) { 
	width:360px;
	border:1px solid #ccc;
	margin-top:0px;
	margin-left:5px;
	padding:5px;
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
}

.ui-autocomplete-loading {
   	background: url("../images/ui-anim_basic_16x16.gif") no-repeat right center;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
}
	
.wizard-header {
	font-family:arial,helvetica;
	font-size:30px;
	font-weight:bold;
	color:#aaa;
	text-shadow: -1px -1px #FFF,1px 1px #222;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.wizard-footer {
	padding-top:10px;
	padding-bottom:15px;
	margin-top:10px;
	border-top:solid 1px #ccc;
	text-align:center;
	height:15px;
	background:white;
}

.wizard-page {
	margin-top:0px;
	height: 350px;
	width:800px;
	background:white;
}

.wizard {
	border:1px solid #ccc;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */ 
	height:450px;
	background:white;
}

div.header {
	text-align: left;
	color:#aaa;
	font-size:40px;
	font-weight:bold;
	text-shadow: -1px -1px #FFF,1px 1px #222;
	height:55px;
}

div.footer {
	text-align:center;
}
 
div.sidepanel {
	margin-top:8px;
	position:relative;
	height:500px;
	width:15%;
	background-color:white;
	float:left;
}

div.div_button_prev {
	width:50%;
	float:left;
	text-align:right;
}

div.div_button_next {
	width:50%;
	float:right;
	text-align:left;
}

div.div-label-input {
	float:left;
	padding:5px;
	width:585px;
}

div.div-label-checkbox-input {
	padding:5px;
}

div.div-label-checkbox {
	float:left;
	margin-right:5px;
}

div.div-rightside-button {
	float:left;
	padding: 3px;
}

#mask{  
    position:absolute; /* important */  
    top:0px; /* start from top */  
    left:0px; /* start from left */  
    height:100%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/  
  
    /* styling bellow */  
    background-color: white;  
}  
   
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}

iframe.main {
	width:85%; 
	height:500px;
	border:0px;
}

.accordion {
	height:500px;
}

a img {
	border: 0 none;
}

.textarea {
	vertical-align: top;	
}