body,
html
{
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
form>div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:50px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>form>div#headerwrap {
	position:fixed;
}
form>div>div#header {
	height:50px;
	width:100%;
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
form>div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:50px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}
/* set left margin for modern browsers */
body>form>div#middlewrap {
	margin-left:0;
}

form>div#sidebarwrap {
    position:absolute;
    top:50px;
    width:180px;
    bottom:20px;
}
form>div>div#sidebar 
{
	text-align:center;
	width:100%;
	margin:0 auto;
}
body>form>div#sidebarwrap {
	position:fixed;
	float:left;
}
form>div>div#content {
	padding:0 10px;
	margin-left:180px;
}
/* no positioning for IE5/Win - the whole page scrolls */
form>div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:20px;
}
body>form>div#footerwrap {
	position:fixed;
}
form>div>div#footer {
	height:20px;
	width:100%;
	margin:0 auto;
}




/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	color:#000;
	background:White;
}
form>div>div#header {
	background:#2E3337;
	color:#7BC930;
}
form>div>div#footer {
	background:#333;
	color:#eee;
}
form>div#sidebarwrap {
	background:#eee;
}
form>div#middlewrap {
	background:#E1E1E0;
}
form>div>div#content {
	background:#E1E1E0;
}
h1,
h2 {
	padding:0;
	margin:0;
}
form>div#sidebar h2 {
	padding-left:5px;
}
form>div>div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
form>div>div#footer p {
	margin:0;
	padding:0;
	text-align:center;
}
form>div>div#footer a {
	color:#fff;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}


/* Dialogos Modales*/
.modalBackground {
	background-color:Lime;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.modalPopup 
{
	padding:0px;
	background: transparent url(alphacube/sh_305x200.png) inherit 0 0;	
	background-color: transparent;
}

.overlay_modal {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.modal_nw {
  background : transparent url(alphacube/left-top.gif) no-repeat top right;			
  width:10px;
  height:25px;
}

.modal_n {
  background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.modal_ne {
  background: transparent url(alphacube/right-top.gif) no-repeat top left;			
  width:10px;	  
  height:25px;
}

.modal_w {
  position: absolute; 
  background: transparent url(alphacube/frame-left.gif) repeat-y top right;			
  top:25px; 
  bottom:7px; 
  left:2px; 
  width:7px;
}

.modal_e 
{
	position: absolute; 
	background: transparent url(alphacube/frame-right.gif) repeat-y top left;			
	top:25px; 
	bottom:7px; 
	right :2px;
	width:7px; 
}

.modal_sw {
  background: transparent url(alphacube/bottom-left-c.gif) no-repeat top right;			
  width:7px;
  height:7px;
}

.modal_s {
  background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;
  height:7px;
}

.modal_se, .modal_sizer  {
  background: transparent url(alphacube/bottom-right-c.gif) no-repeat top left;			
  width:7px;
  height:7px;
}

.modal_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.modal_content {
	position: absolute; 
	top:25px; 
	bottom:6px; 
	left:7px; 
	right:7px;		
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font: 12px arial;
	background-color:#FDFDFD ;
}

.modal_sizer {
	cursor:se-resize;	
}

.modal_close {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.modal_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.modal_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

/* For alert/confirm dialog */
.modal_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.modal_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.modal_buttons {
	text-align:center;
	width:100%;
}

.modal_buttons input {
	width:20%;
	margin:10px;
}

.modal_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.modal_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}


div#dialog .title_window {
  -moz-user-select:none;
}