/*
 *
 * jQuery jAlert
 * By: Maicon Venturi Andreatta
 * Version 1.0
 * Last Modified: 16/09/2011
 *
 * Copyright 2011 Maicon Venturi Andreatta
 *
 */


.jAlertfade {
	position: absolute;
	background-color: #000;
	height:100%;
}

div.jAlert {
	width: 500px;
	position: absolute;
	background-color:#fff;
	font-size: 11px;
	text-align: left;
	padding:4px 4px 4px 4px;
	/*border: none;*/
	border: 1px solid #A8B2BB;
	display:block;
	color:#333;
	z-index:100;
	-webkit-border-radius: 5px;
	-khtml-border-radius:  5px;
	-moz-border-radius:    5px;
	border-radius:         5px;

	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
}

div.jAlert .jAlertcontainer {
	font-weight: bold;
	height:100%;
	display:block;
	color:#333;
}

div.jAlertTitleIconButtons {
	float:right;
	height:24px;
	position:absolute;
	right:2px;
	top:3px;
}

div.jAlertTitleIconButtons a {
	width: 24px;
	height:24px;
	cursor: pointer;
	float:left;
	margin:0 0 0 -4px;
}

div.jAlertTitleIconButtons a.jAlertclose {
	background:url(images/close.png) no-repeat top left;
}

div.jAlertTitleIconButtons a.jAlertclose:hover {
	background-position:top right;
}

div.jAlertTitleIconButtons a.jAlertmaximizar {
	display:none;
	background:url(images/maximizar.png) no-repeat top left;
}

div.jAlertTitleIconButtons a.jAlertmaximizar:hover {
	background-position:top right;
}

.jAlertminimizar {
	display:none;
	background:url(images/maximizar.png) no-repeat bottom left;
}

a.jAlertminimizar:hover {
	background-position:bottom right;
}

div.jAlertTitleIconButtons a.FullScreen {
	display:none;
	background:url(images/minimize.png) no-repeat top left;
}

div.jAlertTitleIconButtons a.FullScreen:hover {
	background-position:top right;
}

div.jAlert .jAlertfullTitleDrag {
	float:left;
	width:100%;
	position:absolute;
	left:0px;
	height:100%;
	background:url(../black/images/light.png) center 0px no-repeat;
}

div.jAlert .jAlertTitleBar {
	height:30px;
	cursor: default;
	font-weight: bold;
	margin:-4px -4px 0px -4px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-radius-topright:5px;
	-khtml-border-radius-topleft:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 0 0 0 22px;
	position:relative;
	/*background-color:#222 !important;*/
	border-bottom: 1px solid #A8B2BB;
	background: url(../../../../styles/images/header_background_dmx.png) bottom !important;
}

div.jAlertType_warning .jAlertTitleBar {
	background: url(images/warning.png) no-repeat 7px 7px;
}

div.jAlertType_success .jAlertTitleBar {
	background: url(images/success.png) no-repeat 7px 7px;
}

div.jAlertType_error .jAlertTitleBar {
	background: url(images/error.png) no-repeat 7px 7px;
}

div.jAlertType_info .jAlertTitleBar {
	background: url(images/info.png) no-repeat 7px 7px;
}

div.jAlert h4.jAlerttitle {
	font-size:13px;
	margin:0 0 0 6px;
	font-weight: bold;
	overflow:hidden;
	width:98%;
	float:left;
	letter-spacing:0px;
	height:30px;
	line-height:30px;
	color:#fcfcfc;
}

div.jAlert .jAlertmessage {
	padding: 10px;
	line-height: 20px;
	color:#333;
	overflow:auto;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0px;
	height:100%;
	text-align:left;
	display:block;
	border:1px solid transparent;
	margin: 0;
}

div.jAlert .jAlertmessage li {
	text-align:left;
	list-style:none;
}

div#jAlertstates {
	display:block;
}

div.jAlert_state {
	display:block;
}

div.jAlert .jAlertbuttons {
	text-align: right;
	padding: 4px 0px 0px 2px;
	display:block;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-radius-bottomright:5px;
	-khtml-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid transparent;
	border-top:1px dotted #ccc;
	height:30px;
}
/*
div.jAlert button {
	outline:none;
	font-weight: bold;
	font-size:13px;
	letter-spacing:0px;
	padding:2px 4px;
	margin:0 2px 0 2px;
	cursor:pointer;
	color:#fff;
	background:#222222;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;

	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
*/
div.jAlert button {
	outline: none;
	padding: 5px 10px;
	cursor:pointer;
	background: #f1f5f9;
	background-image: -webkit-linear-gradient(top, #fff, #d0d5dc);
	background-image: -moz-linear-gradient(top, #fff, #d0d5dc);
	font-family: arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	border: 1px solid #999;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;

	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

div.jAlert button:hover {
	background: #cef;
	background-image: -webkit-linear-gradient(top, #fff, #cef);
	background-image: -moz-linear-gradient(top, #fff, #cef);
}

div.jAlert label {
	display: block;
	font-size: 11px;
}

div.jAlert input[type=text],
div.jAlert input[type=password],
div.jAlert textarea {
	width: 100%;
	color: #555;
	padding: 3px 0;
	border: 1px solid #A8B2BB;
	border-radius: 5px;
}

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-resizable-handle.ui-resizable-se { background:url(images/icon_resize.png) no-repeat bottom right; display:block; }