/**
 * 
 *  File: page.css
 *
 *  SM Visual Studio web development default page definitions
 *  Default styles. Default for wide normal media elements.
 *  Responsive size are: wide, desktop, laptop, tablet, phone
 *
 *  Version: 2.0.0
 *  Author: Stefano Mengarelli
 *  Copyright: (C) 2017 by Stefano Mengarelli
 * 
 *  January 2017
 * 
 */

/**
 *  Body
 */

#dvForm {
	background-color:white;
	/*
	background-image: url('/smweb/images/background-shade-1140.png');
	background-position-x:center;
	background-position-y:top;
	background-repeat:repeat-y;
	*/
}

/**
 *  Form
 */

.form-entry {
	margin-bottom:16px;
	margin-top:6px;
}

.input-text {
	background:white;
	border:1px solid #C0C0C0;
	/*
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	*/
	font-family: 'Quicksand_Medium', sans-serif, Arial, Helvetica;
	font-size:11pt;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	outline-width: 0;
	padding: 4px 4px 4px 4px;
}

.input-button {
	background:#FFF000;
	border:1px solid #C0C0C0;
	color:#222;
	/*border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
    */
	font-family: 'Quicksand_Medium', sans-serif, Arial, Helvetica;
	font-size:11pt;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	outline-width: 0;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
}

.input-button:hover {
	background:#FFFF00;
	border:1px solid #222;
	color:#000;
}

/**
 *  Shadow
 */

#dvShadow {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9900;
	background-image:url("/smweb/images/shade-black.png");
}

/**
 *  Zoom
 */

#dvZoom {
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:480px;
	margin-left:-400px;
	margin-top:-240px;
	background:white;
	background-color:white;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/smweb/images/control-spinner.gif);
	background-size:auto;
}

#dvZoomClose {
	position:absolute;
	z-index:9956;
	width:100%;
	height:40px;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-top:-40px;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(/smweb/images/zoom-close.png);
	background-size:auto;
}

#dvZoomClose:hover {
	background-image:url(/smweb/images/zoom-close-hover.png);
}

#dvZoomPrec {
	position:absolute;
	z-index:9954;
	width:48px;
	height:100%;
	left:0;
	top:0;
	margin-left:-48px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/smweb/images/zoom-prec.png);
	background-size:auto;
}

#dvZoomPrec:hover {
	background-image:url(/smweb/images/zoom-prec-hover.png);
}

#dvZoomNext {
	position:absolute;
	z-index:9952;
	width:48px;
	height:100%;
	left:100%;
	top:0px;
	margin-left:0px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/smweb/images/zoom-next.png);
	background-size:auto;
}

#dvZoomNext:hover {
	background-image:url(/smweb/images/zoom-next-hover.png);
}

#dvZoomInner {
	position:absolute;
	z-index:9948;
	width:100%;
	height:100%;
	line-height:28px;
	left:0px;
	top:0px;
}

#dvZoomText {
	position:absolute;
	z-index:9950;
	width:100%;
	height:28px;
	line-height:28px;
	left:0px;
	top:100%;
	margin-left:0px;
	margin-top:0px;
	background:#111;
	background-color:#111;
	color:white;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.zoom-link {
	text-decoration:none;
}

.zoom-link:hover {
	text-decoration:none;
}

.zoom-link:visited {
	text-decoration:none;
}

.zoom-link:visited:hover {
	text-decoration:none;
}

/**
 *  Dialog-box
 */

.dialog-box {
	border-style:solid;
	border-width:2px;
	width:99%;
	text-align:center;
	align-content:center;
	background-color:#F0F0F0;
}

/**
 *  Paging
 */

.pagingTable {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px none;
	border-collapse:collapse;
	width:100%;
}

.pagingCell {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px none;
	border-collapse:collapse;
	align-content:center;
	text-align:center;
}

.paging-button {
	background:#E0E0E0;
	border:1px solid #B0B0B0;
	border-radius: 2px;
	color:#222;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-family: 'Quicksand_Medium', sans-serif, Arial, Helvetica;
	font-size:11pt;
	font-weight:normal;
	margin:0px 8px 0px 0px;
	outline-width: 0;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
}

.paging-button:hover {
	background:#D0D0D0;
	border:1px solid #222;
	color:#000;
}

.paging-button-selected {
	background:#FFF000;
	border:1px solid #B0B0B0;
	border-radius: 2px;
	color:#222;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-family: 'Quicksand_Medium', sans-serif, Arial, Helvetica;
	font-size:11pt;
	font-weight:normal;
	margin:0px 8px 0px 0px;
	outline-width: 0;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
}

/**
 *  Responsive desktop media elements up to 1280 px width 
 */

@media only screen and (max-width: 1280px) {

	#dvForm {
		/*
		background-image: url('/smweb/images/background-shade-990.png');
		*/
	}

}

/**
 *  Responsive laptop media elements up to 1024 px width
 */
@media only screen and (max-width: 1024px)
{ 

	#dvForm {
		/*
		background-image: url('/smweb/images/background-shade-750.png');
		*/
	}

}

/**
 *  Responsive tablet media elements up to 768 px width
 */
@media only screen and (max-width: 768px)
{ 

	#dvForm {
		background-image:none;
	}

}

/**
 *  Responsive phone media elements up to 480 px width
 */
@media only screen and (max-width: 480px)
{ 

	#dvForm {
		background-image:none;
	}

}