.remooz-element
{
	cursor:					-moz-zoom-in;
}

/**
 * Box layout
 */

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}
.remooz-loading
{
	background-image:		url(../gfx/modal/remooz/spinner.gif);
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

/**
 * Close button
 */

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(../gfx/modal/remooz/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url(../gfx/modal/remooz/closebox.gif);
}

/**
 * Caption title
 */

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
	color:					#eee;
}
.remooz-title-content p
{
	color:					#eee;
}

/**
 * Type specific
 */

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

/**
 * Shadow
 */

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(../gfx/modal/remooz/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(../gfx/modal/remooz/remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(../gfx/modal/remooz/remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(../gfx/modal/remooz/remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(../gfx/modal/remooz/remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(../gfx/modal/remooz/remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(../gfx/modal/remooz/remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(../gfx/modal/remooz/remo_bg_nw.png) no-repeat;
}


.modal li{
  list-style:none;
}

.modal img{
  border:none;
  -ms-interpolation-mode:bicubic;
}


.modal fieldset{
  border:0;
}

.modal hr{
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #fff;
  background:none;
  border-left:none;
  border-right:none;
  height:0;
}

.modal input.text,textarea{
  font-family:Lucida Grande, Arial, sans-serif;
  font-size:12px;
  background:#fff url(..../gfx/modal/back.textarea.gif) repeat-x;
  -webkit-box-shadow:#fff 0 1px 0;
  -moz-box-shadow:#fff 0 1px 0;
}

.modal textarea{
  border:1px solid #999;
  border-top:1px solid #737373;
}

.modal ul.float{
  padding-left:15px;
}

.modal ul.float li{
  float:left;
  margin-right:10px;
  margin-top:5px;
}

.hide{
  display:none!important;
}

.ghost{
  visibility:hidden!important;
  position:absolute;
  top:-6000px;
  left:-6000px;
  width:0;
  height:0;
}

.clear{
  display:block!important;
  float:none!important;
  clear:both!important;
}

.blocker{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  z-index:100;
}
html {width:100%;}

html .ie6 #holder {}

.ie6 .blocker{
  top:0;
  left:0;
  margin: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height:1000px;
  position: absolute;
  background: #000;
  filter:alpha(opacity=70);

}

.blocker.modal{
  background:url(../gfx/modal/transparent-50.png);
}

#modal-preloader{
  position:absolute;
  top:50%;
  left:50%;
  width:46px;
  height:46px;
  background:#000 url(../gfx/modal/thumb.loader.gif) no-repeat center center;
  margin-top:-23px;
  margin-left:-23px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  z-index:20000;
}

.modal h1,.modal h2,.modal label{
  position:relative;
  display:block;
  font-size:12px;
  font-weight:700;
  text-shadow:#fff 0 1px 0;
  margin-bottom:5px;
  color:#363636;
}

.modal{
  background:#f9f9f9;
  color:#363636;
  text-shadow:#fff 0 1px 0;
  text-align: left;
}



.modal a{
  text-decoration:none;
  outline:none!important;
}


.ajax{
  position:fixed;
  top:0;
  left:50%;
  z-index:100;
  width:499px;
  margin-left:-260px;
  background:url(../gfx/modal/modal.500.png) no-repeat left bottom;
  overflow:hidden;
  padding:0 10px 10px;
}

.ie6 .ajax{
  position: absolute;
  float: left;
  top: 0;
}


.html{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.modal-header{
  position:relative;
  background:#473620 url(../gfx/modal/pattern.gif) repeat-x left top;
  height:58px;
  border-bottom:1px solid #bfbebe;
  text-align:center;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
}

.modal-header h1{
  color:#fff;
  text-shadow:#000 0 1px 0;
  margin-top:17px;
}

.modal-menu{
  position:relative;
  height:58px;
  background:#473620 url(../gfx/modal/pattern.gif) repeat-x left top;
  border-bottom:1px solid #bfbebe;
  text-align:center;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
}

.modal-menu ul{
  float:left;
  left:50%;
  position:relative;
}

.modal-menu li{
  position:relative;
  float:left;
  height:50px;
  right:50%;
  text-align:center;
  font-size:11px;
  text-shadow:0px 1px #fff
  
  cursor:pointer;
  padding-left:10px;
  margin:0 5px;
}

.modal-menu li a{
  display:block;
  padding-right:10px;
  height:100%;
  color:#aaa;
}


.modal-menu li span{
  display:block;
  width:100%;
  padding-top:33px;
  height:30px;
  background:url("../gfx/modal/icons.png") no-repeat scroll transparent;
}

.modal-menu li#modal-menu-newticket span {background-position: center 0;}
.modal-menu li#modal-menu-login span {background-position: center -59px;}
.modal-menu li#modal-menu-password span {background-position: center -112px;}

.modal-menu li.active{
  background:url(../gfx/modal/tab.png) no-repeat left top;
}

.modal-menu li.active a{
  color: #00a1d0;
  background:url(../gfx/modal/tab.png) no-repeat right top;
}

.modal-msg{
  position:relative;
  background:#f5b500 url(../gfx/modal/msg.png) repeat-x left top;
  padding:0 15px;
  height:36px;
  overflow:hidden;
  cursor:pointer;
}

.modal-msg p{
  color:#fff;
  font-weight:700;
  padding:10px 20px 14px 40px;
  text-shadow:#c98c00 1px 1px 0;
  background:url(../gfx/modal/msg.png) no-repeat left -36px;
}

.modal-msg.success{
  background-color:#729c30;
  background-position:left -72px;
}

.modal-msg.success p{
  text-shadow:#4a6a16 1px 1px 0;
  background-position:left -108px;
}

.modal-msg.question{
  background-color:#2a2a2a;
  background-position:left -144px;
}

.modal-msg.question p{
  padding-left:5px;
  text-shadow:#000 1px 1px 0;
  background:none;
}

.modal-msg.question .buttons{
  position:absolute;
  right:20px;
  top:7px;
}

.modal-msg.question .buttons a{
  display:block;
  width:40px;
  height:21px;
  padding-top:1px;
  float:left;
  background:url(../gfx/modal/msg.png) no-repeat center -188px;
  margin-left:7px;
  color:#000;
  text-align:center;
  text-shadow:#c7c6c6 0 1px 0;
}

.modal-loader{
  position:absolute;
  top:51px;
  bottom:40px;
  width:100%;
  z-index:100;
  background:#f9f9f9;
  font-weight:700;
}

.modal-loader p{
  position:absolute;
  top:50%;
  left:50%;
  height:40px;
  width:400px;
  margin-left:-200px;
  margin-top:-25px;
  background:url(../gfx/modal/progress.bar.gif) no-repeat center bottom;
}

.modal-content{
  position:relative;
}

.modal.html #modal-content{
  position:absolute;
  top:51px;
  bottom:40px;
  left:0;
  right:0;
  width:100%;
  overflow:auto;
}

.modal.html.msg #modal-content{
  margin-top:36px;
}

.modal-content a{
  color:#7ca935;
}

.modal-content .tab{
  display:none;
}

.modal-content .tab.active{
  display:block;
}

.modal fieldset{
  padding:15px 20px 5px;
  border:none;
}

.modal .field{
  margin-bottom:15px;
}

.modal label.inline{
  font-weight:400;
  color:#555;
  font-size:11px;
}

.modal label.inline input{
  margin-right:10px;
}

.modal .text{
  width:100%;
  padding:3px 0;
  color:#000;
  border:1px solid #bbb;
  background:#fff url(../gfx/modal/back.textarea.gif) repeat-x;
}

.modal textarea.text{
  height:50px;
}

.modal .field .description{
  position:relative;
  color:#555;
  font-size:11px;
  margin-top:3px;
  margin-bottom:15px;
  line-height:15px;
}

.modal .field p{
  line-height:18px;
}

.modal .inset{
  position:relative;
  background:#f2f2f2;
  padding:3px 7px;
  line-height:0;
  font-size:11px;
  border:1px solid #d7d7d7;
  -webkit-box-shadow:#fff 0 1px 0;
  -moz-box-shadow:#fff 0 1px 0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

.modal .inset p{
  line-height:16px;
}

.modal .button{
  display:block;
  cursor:pointer;
  
  text-shadow:#fff 0 1px 0;
  text-align:center;
  color:#fff;
}

.modal .button span{
  display:block;
	padding: 0;
	margin: 0;
	line-height: 15px;
}

.modal-content .button:active{
  
}

.modal .gear{
  position:absolute;
  right:18px;
  width:20px;
  height:20px;
  background:url(../gfx/modal/share/gear.png) no-repeat right center;
  text-indent:-6000px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
}

.modal-footer{
  position:relative;
  text-align:right;
  background:#473620 url(../gfx/modal/pattern.gif) repeat-x 0 -58px;
  height:37px;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
}

.modal.ajax .modal-footer{
  border-bottom:1px solid #291f12;
}

.modal.html .modal-footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
}

.modal-buttons{
  position:absolute;
  right:4px;
  top:4px;
}

.modal-buttons .button{
  float:left;
  cursor:pointer;
  color:#fff;
  background: url(../gfx/modal/btn.gif) no-repeat;
  height: 23px; width: 87px; 
  text-shadow:0px 1px #64b600; 
  text-decoration: none;
  padding: 5px 0 3px 0;
  text-align:center;
  height:29px;
  font-size: 12px;
  border: none;
  display:block;
  padding:2px 20px;
}

.modal-buttons .button span{

}

.modal-buttons .button:active{
  background-position: left bottom;
}

.modal-buttons .reset{
  margin-right:7px;
}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
