/* TODO: REMOVE THIS */
.DesktopHighlight{
    display: none;
}


.Response #MainWrapper{
    min-width:1800px !important;
}


/* PAGE ELEMENTS */
#ObjectContentWrapper{
    background-color: #F4F4F4 !important;
    color: #65696C !important;

}

html
{
	height: 100%;
	width: 100%;
}

body
{
	font-family: Sans-Serif;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: #888 url("../../Images/Custom/boxed_bg_feature.png") center 0px repeat-y;
}

	body.Admin #MainWrapper, body.DetailFormManager #MainWrapper
	{
		width: auto;
		margin: 0;
	}


/* browser appearance hacks *******************************************/
input, button, textarea, select
{
	-webkit-border-radius: 0;
	border-radius: 0;
}

	input[type=text], input[type=password], textarea, select
	{
		border: 1px solid #999;
	}

html.touch input,
html.touch button,
html.touch textarea,
html.touch select
{
	/*-webkit-appearance: none;*/
}

html.firefox body.LogOn input[type=checkbox]
{
	-moz-appearance: none;
	height: 32px;
	width: 32px;
	right: 0;
}

	html.firefox body.LogOn input[type=checkbox]:checked
	{
		background-size: 400px;
	}

/* end browser appearance hacks *******************************************/

a[id*=SiteLogoImage]
{
	display: block;
}

	a[id*=SiteLogoImage] img
	{
		height: 75px;
	}

/*a[id*=SiteLogoImage]:hover img
	{
		visibility: hidden;
	}

	a[id*=SiteLogoImage]:hover
	{
		background: url(../../Images/Custom/Buttons/GoToDesktop.png) no-repeat left center border-box;
		background: url(../../Images/Custom/Buttons/GoToDesktop.png) no-repeat left center;
	}*/

body.Desktop
{
	/*padding-bottom:150px;*/
}

/*body.Desktop a[id*=SiteLogoImage]:hover img
	{
		visibility: visible;
	}

	body.Desktop a[id*=SiteLogoImage]:hover
	{
		background: none;
	}*/

.progressIndicator
{
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 2000px !important;
	background-color: rgba(255,255,255,0.5) !important;
	color: white;
	z-index: 1003;
}

	.progressIndicator div
	{
		margin: 0 auto !important;
		background-color: #998FB5 !important;
		padding: 10px;
	}

#ContentWrapper
{
	/*position: relative;*/ /* removed so that *absolutely positioned* modals can move around with respect to viewport */
}



@font-face
{
	font-family: 'RamblaRegular';
	src: url('../../Fonts/Rambla-Regular-webfont.eot');
	src: url('../../Fonts/Rambla-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/Rambla-Regular-webfont.woff') format('woff'), url('../../Fonts/Rambla-Regular-webfont.ttf') format('truetype'), url('../../Fonts/Rambla-Regular-webfont.svg#RamblaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* SETTINGS */
.clear, .closer
{
	clear: both;
}

.group:after,
.ObjectNavigation:after,
.LogOnContent:after,
.LogOnRow:after,
.LogOnAction:after,
.connectedSortable:after,
.row:after,
.thinRow:after,
.action:after
{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .group,
* html .ObjectNavigation,
* html .LogOnContent,
* html .LogOnRow,
* html .LogOnAction,
* html .connectedSortable,
* html .row,
* html .action /* IE6 */
{
	zoom: 1;
}

*:first-child + html .group,
*:first-child + html .ObjectNavigation,
*:first-child + html .LogOnContent,
*:first-child + html .LogOnRow,
*:first-child + html .LogOnAction,
*:first-child + html .connectedSortable,
*:first-child + html .row,
*:first-child + html .action /* IE7 */
{
	zoom: 1;
    }

/* SITE STRUCTURE */
#MainWrapper
{
    -moz-box-shadow: 0 4px 25px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.3);
    box-shadow: 0 4px 25px rgba(0,0,0,0.3);
	width: 95%;
	margin: 0 auto 100px auto;
    min-width:1220px;
}

.ApplicationHeader
{
    background-color: #2C2F32 !important;
    color: #FFFFFF !important;
    padding: 10px 10px 10px 10px;
}
.ApplicationHeader a{
    color: #FFFFFF !important;
}

#HeaderWrapper
{
	font-family: RamblaRegular, Calibri, Sans-Serif;
	margin: 1% 0 0 0;
	color: #999999;
}

	#HeaderWrapper .column
	{
		display: inline-block;
		float: right;
		text-align: right;
	}

		#HeaderWrapper .column:first-child
		{
			float: left;
		}

#MenuWrapper
{
}

#ContentWrapper
{
}

.ObjectNavigation
{
}

#ContentWrapper
{
	padding: 0;
}

#ObjectContentWrapper
{
	padding: 0 0 10px 0;
}

/***** Wrapper End Classes *****/
.ApplicationHeaderEnd
{
	clear: both;
}

/* FREQUENTLY USED CLASSES */
/* avoid using these for custom development, as they are embedded in all the admin controls */
.ObjectTable
{
}

	.ObjectTable td
	{
	}

.ObjectTitle
{
}

.ObjectSubTitle
{
}

.ObjectHeader
{
}

.ObjectSpacer
{
}

.ObjectSystemCaption
{
}

.ObjectSystemProperty
{
}

.ObjectCaption
{
}

.ObjectProperty
{
}

.ObjectImage
{
}

.ObjectContainer
{
}

.ObjectTextSmall
{
}

.ObjectTextStandard
{
}

.ObjectTextLarge
{
}

.ObjectTextHighlight
{
}

.ObjectInput
{
}

.ObjectInputButton
{
}

/* OTHER */
textarea
{
	font-family: arial;
	padding:3px;
}

a img
{
	border-width: 0px;
}

.toolTip
{
	font-size: 0.8em;
	margin: 5px 5px 5px 5px;
	border: 0;
	color: #775100;
	padding: 10px;
	background-color: #FFCC66;
}

.errorList
{
	list-style-image: url(../../Images/Default38/error.png);
	color: red !important;
}

.standardPadding
{
	padding: 0.8em 0.8em 0.8em 0.8em;
}

.nl
{
	cursor: pointer;
	text-decoration: underline;
}

.qe
{
	cursor: pointer;
}

.pk
{
	width: 16px;
	height: 16px;
	background: url(../../Images/Default38/page_white_go.png) no-repeat;
	display: block;
	margin: 0 auto;
}

	.pk img
	{
		display: none;
	}

.calendarpanel
{
	z-index: 10;
}

	.calendarpanel .InsetListInputButton
	{
		padding-left: 4px;
	}

#DesktopWrapper
{
	margin-bottom: 90px; /* IE8 */
}

#ObjectContentWrapperEnd, #DesktopWrapperEnd
{
	clear: both;
}

#FooterWrapper
{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 100;
	background-color: white;
	display: none;
}

#footer
{
	color: #666666;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: .65%;
	padding-bottom: 1%;
	width: 920px;
	margin: 0 auto;
	border-top: 10px solid white;
	border-bottom: 10px solid white;
	background-color: #e9e9e9;
	background-image: url(../../Images/Custom/NIRT_Shield_58px.png);
	background-repeat: no-repeat;
	background-size: 58px 58px;
	background-position: 99% center;
}

	#footer span[id*='NameLabel']
	{
		font-weight: bold;
		display: block;
	}

	#footer span[id*='EmailLabel'], #footer span[id*='PhoneLabel']
	{
		display: block;
	}

.nl.pk img
{
	display: none;
}

.nl.pk
{
	height: 26px;
	width: 26px;
	background: url(../../Images/Custom/Buttons/Go.png) no-repeat center center;
}

	.nl.pk:hover
	{
		background: url(../../Images/Custom/Buttons/GoHover.png) no-repeat center center;
	}

@media screen and (max-width : 960px)
{
	/* Styles */

	#MainWrapper
	{
		width: 100%;
	}

	#footer
	{
		width: 96%;
	}

	body.Desktop #inplay .tile
	{
		width: 48%;
	}
}

@media screen and (max-width : 720px)
{
	/* Styles */

	#MainWrapper
	{
		width: 100%;
	}

	#footer
	{
		width: 96%;
	}

	body.Desktop #inplay .tile
	{
		width: 98%;
		height: 225px;
	}

	#HeaderWrapper .column
	{
		float: none;
		display: block;
	}

		#HeaderWrapper .column:first-child
		{
			float: none;
			display: block;
			text-align: center;
		}

	a[id*=SiteLogoImage] img, img[id*=LogoImage]
	{
		width: 75%;
		height: auto;
	}

	.logon > .content > .column
	{
		float: none;
		width: 98%;
		margin: 1%;
	}

		.logon > .content > .column:first-child
		{
			border-right: 0;
			border-bottom: 1px solid gray;
		}

		.logon > .content > .column:last-child
		{
			text-align: left;
		}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
	/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)
{
	/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px)
{
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
	/* Styles */

	#MainWrapper
	{
		width: 100%;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px)
{
	/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px)
{
	/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{
	/* Styles */
}

#DetailFormBuilderCanvasWrapper .ObjectTable
{
	border: 1px solid orange;
}

	#DetailFormBuilderCanvasWrapper .ObjectTable td
	{
		border: 1px dashed #ddd;
	}

#HeaderWrapper a:hover, #HeaderWrapper input:hover
{
	opacity: .75;
}

#HeaderWrapper .column .organizationHeaderWrapper
{
	margin: 0 0 0 0;
	text-align: right;
	font-size: 1.00em;
}

.center
{
	text-align: center;
}

.ApplicationHeader .gearButton
{
	text-decoration: none;
}

html.touch .sampleColumn
{
	display: none;
}

.errorInline
{
	color: red;
}

.errorSummary
{
	background-color: pink;
	color: red;
	display: block;
}

.wizardStepNumber
{
	font-size: 80%;
}

.customPager{	
	text-transform: uppercase;
	text-decoration: none;
	font-size: 90%;
}

.customPager input{
color: #999999;
}

.customPager span{
color: #999999;
padding-left:10px;
}

.gridPrevButton
{
	background: #E9E9E9 url(../../images/custom/buttons/arrowhead-left.png) left center no-repeat;
	padding: 3px 5px 3px 20px;
	border: 0;
}

.gridNextButton
{
	background: #E9E9E9 url(../../images/custom/buttons/arrowhead-right.png) right center no-repeat;
	padding: 3px 20px 3px 5px;
	border: 0;
}

.gridPrevButton:disabled, .gridNextButton:disabled
{
	color: #ddd;
	background-image:none;
}


@font-face
{
	font-family: 'Open Sans';
	src: url('../../Fonts/OpenSans-Regular-webfont.eot');
	src: url('../../Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../Fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../Fonts/OpenSans-Regular-webfont.svg#RamblaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}