/*******************************************************************************************
 *  MYDOWS default theme class definitions
 *
 *  Claudio Rivetti 14/01/2010
 *******************************************************************************************/

.mydowFrame {
	position: fixed;
	height: auto;
	background: #fff;
	border: solid 1px #bbb;
	padding: 0px;
	overflow: hidden;
	z-index: 4000;
	border-radius: 8px;
	box-shadow: #999999 0px 0px 8px;
	box-sizing:border-box;
}

.mydowTitle {
	padding : 2px;
	text-align : left;
	background: #fff;
	font-size:  1.25em;
	line-height : 42px;
	color : #555;
	border-bottom : 1px solid #ddd;
	white-space : nowrap;
	overflow : hidden;
	border-radius: 5px 5px 0px 0px;
}

.mydowTitle span {
	padding-left : 8px;
	display:block;
	margin-right:60px;
	overflow:hidden;
	text-overflow: ellipsis;
}

.mydowBody {
	position: relative;
	border : none;
	background : #fff;
	font-size: 1em;
	color : #000000;
	overflow : auto;
	height : auto;
}


.mydowBody iframe {
	border:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

.mydowStatbar {
	text-align : left;
	background: #fff url(handle.png) no-repeat right bottom;
	color : #666;
	height : 15px;
	line-height : 15px;
	font-size: 1.1em;
	white-space : nowrap;
	overflow : hidden;
	border-radius: 0px 0px 5px 5px;
}

.mydowDialogStatbar {
	text-align : left;
	background: #fff url(handle.png) no-repeat right bottom;
	color : #666;
	height : 56px;
	line-height : 20px;
	font-size : 1em;
	white-space : nowrap;
	overflow : hidden;
	border-top: 1px solid #ddd;
	border-radius: 0px 0px 5px 5px;
}

.mydowDialogBody {
	border : none;
	background : #fff;
	height : 100%;
}

.mydowContour {
	position:fixed;
	border: 1px dashed #333;
	z-index: 5000;
}

.mydowOverlay {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #333;
	opacity: 0.5;
	z-index: 2100;
	cursor: not-allowed;
}


a.mydowCloseButton {
	background:transparent url(close.png) no-repeat;
	display:block;
	width:15px;  
	height:15px;
	float: right;
	margin-top: 15px;
	margin-right: 8px;
	margin-left: 4px;
	opacity: 0.5;
}

a.mydowCloseButton:hover {
	opacity: 0.8;
}

a.mydowMaximizeButton {
	background:transparent url(maximize.png) no-repeat;
	display:block;
	width:15px;  
	height:15px;
	float:right;
	margin-top: 15px;
	margin-left: 4px;
	margin-right: 4px;
	opacity: 0.5;
}

a.mydowMaximizeButton:hover {
	opacity: 0.8;
}

a.mydowDetachButton {
	background:transparent url(detach.png) no-repeat;
	display:block;
	width:15px;  
	height:15px;
	float:right;
	margin-top: 15px;
	margin-left: 4px;
	margin-right: 4px;
	opacity: 0.5;
}

a.mydowDetachButton:hover {
	opacity: 0.8;
}


a.mydowDialogButton {
	background: #fff;
	float: right;
	text-align: center;
	bottom:0px;
	min-width: 75px;
	margin-top: 14px;
	margin-right: 12px;
	padding: 4px;
	color: #333;
	font-size: 1em;
	border: 1px solid #ccc;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	border-radius: 2px;
} 

a.mydowDialogButton:hover {
	background: #e6e6e6;
	border: 1px solid #adadad;
	color: #333;
}


.alert_error {
	background:transparent url(error.png) no-repeat center 5px;
}
.alert_question {
	background:transparent url(question.png) no-repeat center 5px;
}
.alert_warning {
	background:transparent url(warning.png) no-repeat center 5px;
}
.alert_info {
	background:transparent url(info.png) no-repeat center 5px;
}
.alert_none {
	display:none;
}

.progress_bar {
	background:#eee;
	border: 1px solid #D5D5D5;
	height: 24px;
	border-collapse: collapse;
}

.progress_bar_done {
	background:#00a8ff;
}

.progress_bar_text {
	font:bold 12px Verdana, sans-serif;
	color: #666666;	
	text-align: center;
}

.spinner {
	position:absolute;
	z-index:1000;
	height: 50px;
	background:transparent url(spinner.gif) no-repeat center center;
	display:block;
	width:98%;  
	top:40%;
	border: none;
}


@media screen and (max-width: 479px) {
	.mydowDialogBody > tbody > tr > th {
		display:none;
	}
}