.DesktopTab
{
}

.DesktopTable
{
}

.DesktopImage
{
}

.DesktopWelcome
{
}

.DesktopItemContainer
{
}

.DesktopItem
{
}

.DesktopAlternateItem
{
}

.DesktopContactAdmin
{
}

/** DESKTOP ***************************************************************/
/** main ****/

.desktop_header {
    padding-top: 35px;
    padding-left: 15px;
    text-align: center;
    background-color: #F2F2F2;
    color: #111111;
    font-family: 'Open Sans';
    line-height: 1.5;
}

.DesktopImage {
    display: none;
}

.DesktopTable
{
	width: 96%;
	padding: 20px 2% 20px 2%;
	background: none;
	border: 0;
	position: relative;
}

	.DesktopTable .column
	{
		width: 49%;
		float: left;
	}

		.DesktopTable .column:first-child
		{
			margin-right: 2%;
		}

/** panels ****/
.DesktopPanel
{
	margin-bottom: 20px;
}

.DesktopTab
{
	border-collapse: separate; /*box-shadow: inset 0px 25px 25px -15px rgba(255,255,255,0.5);*/
	background: #2C2F32;
	padding: 3px 10px;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.25em;
	min-width: 100px;
	text-align: center;
}

.DesktopWelcomeContent, .DesktopItemContent, .DesktopAdminContent
{
	box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.2);
	border-collapse: separate;
	background: white;
	border-radius: 0 0 5px 5px;
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

.DesktopItemContent
{
	padding: 20px 30px;
	background: #f0f2f0;
}

.DesktopAdminContent
{
	padding: 10px;
	text-align: center;
	background: #f0f2f0;
}

.DesktopWelcomeContent
{
	padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 25px;
	background: #f0f2f0;
}

.DesktopImage
{
	background: none;
	text-align: center;
	border: 0;
}

/** content ****/
.DesktopWelcomeHeader
{
	font-size: 150%;
	white-space: pre-line;
	font-weight: bold;
}

.DesktopWelcomeBody
{
	font-size: 125%;
	white-space: pre-line;
}

.DesktopItem
{
	font-size: 135%;
}

	.DesktopItem:hover
	{
		color: black;
	}

.DesktopAdminName
{
	font-weight: bold;
}

.DesktopHighlight
{
	background-color: #FFD700;
	padding: 0 10px;
	border-radius: 5px;
	margin: 0 2%;
	border: 1px solid #C4A600;
	color: #DD6F00;
}

/**********************************************************************/

#ondeck
{
	position: absolute;
	z-index: 2;
	background-color: #FFF5E2;
	display: none;
	min-width: 90px;
	min-height: 70px;
	left: -90px;
	top: 0px;
}

#inplay
{
	z-index: 1;
	left: 90px;
	min-width: 320px;
	min-height: 195px;
}

#ondeck .tile, #ondeck .placeholder
{
	width: 70px;
	height: 50px;
	margin: 10px;
	text-align: center;
}

#ondeck .tile
{
	background-color: #FFD580;
	font-size: 12px;
}

#inplay .tile a { text-decoration: none; }

#ondeck .placeholder
{
	background-color: #ddd;
	font-size: 30px;
}

#inplay .tile a { text-decoration: none; 
     display: block;
     width: 100%;
     height: 100%;}

#inplay .tile, #inplay .placeholder, .ondeckHelper
{
	width: 31.3333%; /*height:18.2777758333%; */
	height: 175px;
	margin: 1%;
	float: left;
	/*box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, .6);*/ /*v1*/
	box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, .4);
	position: relative;
}

	#inplay .tile:hover
	{
		box-shadow: inset 0px 0px 150px 0px rgba(255, 255, 255, .2), inset 0px 0px 150px 0px rgba(0, 0, 0, .6);
	}

#inplay .tile
{
	font-size: 19px;
	color: white;
}

#inplay .placeholder
{
	font-size: 30px;
	text-align: center;
	color: white;
}

.hover
{
	box-shadow: inset 0px 0px 50px 0px rgba(255, 102, 0, 1);
}

.editable
{
	background-color: #FFF5E2;
}

@media only screen and (max-width : 720px)
{
	#inplay .tile, #inplay .placeholder
	{
	}
}

.ondeckHelper
{
	font-size: 50px !important;
	text-align: center;
	color: white;
}

.connectedSortable
{
	padding: 0;
}

	.connectedSortable li
	{
		list-style: none;
	}

#edit
{
	background-color: #998FB5;
	color: #ffffff;
	padding: .5%;
	display: block;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}

	#edit:hover
	{
		background-color: #B5A9D6;
	}

.tile .content
{
	padding: 3%;
	/*color: rgba(255,255,255,.8);*/ /*v1*/
	color: white !important;
	padding-left: 20px;
}

	.tile .content ol
	{
		margin-left: -40px;
	}

	.tile .content li
	{
		/*font-size:80%;*/
	}

		.tile .content li .date
		{
			color: rgba(255,255,255,.75);
			text-transform: uppercase;
			font-size: 80%;
		}

.tile .title
{
	position: absolute;
	bottom: 0px;
	padding: 0 3% 3% 3%;
	font-family: RamblaRegular, Calibri, Sans-Serif;
	font-size: 125%;
	color: white !important;
}

.tile .title
{
	background-position: 9px 0px;
	background-size: 30px;
	background-repeat: no-repeat;
	padding-left: 47px;
}

.tile > .content > div
{
	white-space: nowrap;
}

/*#eventTile > .content > div > div
{
    font-size: 90%;
}

#eventTile > .content > div > div.header
{
    font-size: 100%;
}*/


#calendarTile .header
{
	font-size: 90%;
	color: White;
	text-indent: -10px;
}

#eventTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Radar.png') !important;
}

#dataTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Radiation Warning.png') !important;
}

#sampleTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Sample.png') !important;
}

#mapsTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Map and Location.png') !important;
}

#newsTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/OpenBook.png') !important;
}

#networkTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Network.png') !important;
}

#newsTile .content
{
	background-image: url('../../Images/Custom/Dashboard/White/SkyDrive.png') !important;
	background-repeat: no-repeat;
	background-position: 95% 10%;
}

#calendarTile .title,
#createEventTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Calendar.png') !important;
}

#supportTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Headphone with Mic.png') !important;
}

#DocumentTile .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Library.png') !important;
}

*[id*=FAQTile] .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/FAQ.png') !important;
}

*[id*=FeedbackTile] .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Feedback.png') !important;
}

*[id*=TutorialTile] .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Tutorials.png') !important;
}

*[id*=ContactTile] .title
{
	background-image: url('../../Images/Custom/Dashboard/White/IE8/Contact.png') !important;
}

#supportTile li
{
	margin-top: 3px;
	margin-bottom: 3px;
}

/*
#eventTile .title
{
	background-image: url('../../Images/Custom/Dashboard/Radar.png');
}

#dataTile .title
{
	background-image: url('../../Images/Custom/Dashboard/Radiation Warning.png');
}

#mapsTile .title
{
	background-image: url('../../Images/Custom/Dashboard/Map and Location.png');
}

#newsTile .title
{
	background-image: url('../../Images/Custom/Dashboard/News Broadcast.png');
}

#calendarTile .title
{
	background-image: url('../../Images/Custom/Dashboard/Calendar.png');
}

#supportTile .title
{
	background-image: url('../../Images/Custom/Dashboard/Headphone with Mic.png');
}
*/

#MenuToggle
{
	width: 10px;
	height: 10px;
	background-color: Silver;
	position: fixed;
	top: 0;
	left: 0;
}

.lb
{
	color: #5E9ECE;
}

.db
{
	color: #102B40;
}

.lg
{
	color: #7CB746;
}

.dg
{
	color: #324C1B;
}

.tile .header
{
	font-size: 150%;
	color: White;
	text-indent: -10px;
}

.tile
{
	cursor: pointer;
}

	.tile.disabled
	{
		cursor: auto;
		background-color: silver;
	}

		.tile.disabled .content
		{
			color: #eee;
			text-decoration:none;
		}

			.tile.disabled .content .header
			{
				color: white;
			}

		.tile.disabled .title
		{
			color: black;
		}

	.tile .content .caption
	{
		text-transform: uppercase;
		text-indent: -10px;
		color: rgba(255,255,255,0.5);
		font-size: 75%;
	}

.dashboard .details
{
	margin-top: 20px;
	background-color: #2A70A6;
	/* ie9 - shows blue padding */
	padding-bottom: 0.01%;
}

	.dashboard .details > .header
	{
		margin: 10px 10px 10px 10px;
		padding-left: 10px;
	}

	.dashboard .details > .action
	{
		margin: 10px 10px 10px 10px;
	}

	.dashboard .details > .content
	{
		margin: 0 10px 10px 10px;
	}

	.dashboard .details > .header
	{
		font-size: 200%;
		color: White;
		float: left;
		font-family: RamblaRegular, Calibri, Sans-Serif;
	}

	.dashboard .details > .action
	{
		float: right;
	}

		.dashboard .details > .content .column:first-child
		{
			float: left;
			width: 70%;
		}

		.dashboard .details > .content .column:last-child
		{
			float: left;
			width: 30%;
		}

		.dashboard .details > .content .column+.column /* hack for ie8 */
		{
			float: left\0;
			width: 30%\0;
		}

		.dashboard .details > .content .columnHalf:first-child
		{
			float: left;
			width: 50%;
		}

		.dashboard .details > .content .columnHalf + .columnHalf /* hack for ie8 */
		{
			float: left\0;
			width: 50%\0;
		}

		.dashboard .details > .content .columnHalf:last-child
		{
			float: left;
			width: 50%;
		}

	.dashboard .details .panel
	{
		background: #eee;
		padding: 10px;
		margin: 10px;
		margin-bottom: 20px;
	}

		.dashboard .details .panel .header
		{
			padding-bottom: 6px;
		}

		.dashboard .details .panel .action
		{
			padding: 5px;
		}

.documentDownload-Controls
{
	float: right;
}

.dashboard .details .ListRowOne
{
	background-color: #F8F8F8;
}

.dashboard .details .ListRowTwo
{
	background-color: transparent;
}

.dashboard .details .ListTable
{
	margin: 10px 0 0 0;
	width: 100%;
}

.documentDownload-Controls
{
	text-align: right;
}

	.documentDownload-Controls .documents
	{
		display: inline-block;
		border-radius: 0px 6px 6px 0px;
		background-image: url(../../Images/Custom/Buttons/dropdown.png);
		background-position: center;
		background-repeat: no-repeat;
		margin-left: 0px;
		margin-right: 4px;
	}

	.documentDownload-Controls .clearAll
	{
		margin-right: 5px;
	}

.downloadContentTitle
{
	font-weight: bold;
	text-decoration: underline;
	width: 240px;
}

.downloadContent
{
	max-height: 140px;
	overflow: auto;
	list-style-type: circle;
}

.downloadConent li
{
	margin-left: -16px;
}

.downloadContent .emptyDownload
{
	font-style: italic;
}

.dataItem-selectable
{
	background-image: url(../../Images/Custom/Buttons/check_box_unchecked.png);
	height: 32px;
	width: 32px;
}

	.dataItem-selectable.dataItem-selected
	{
		background-image: url(../../Images/Custom/Buttons/check_box.png);
	}

.documentlist
{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

	.documentlist li
	{
		padding: 10px;
		list-style-type: none;
		display: block;
	}

		.documentlist li .header
		{
			font-size: 160%;
		}

		.documentlist li .date
		{
			font-size: 75%;
			color: silver;
		}

		.documentlist li .content
		{
			margin-top: 10px;
			text-indent: 20px;
		}

.DocumentPanels .pager
{
	padding-bottom: 5px;
	font-size: 90%;
	font-weight: bold;
}

	.DocumentPanels .pager a
	{
		text-decoration: none;
	}

#undefinedTile
{
	display: none;
}

.dashboard.map .modalDialog
{
	min-width: 100px;
}

/* ---------  Document Tile Styles  ---------- */
    .Document-Directory-List { padding: 10px;}
    .Document-File-Button, 
    .Document-Directory-Button {
        background-color: rgb(26, 69, 102);
        color: #fff;
        display:block;
        float: left;
        width: 150px;
        min-height: 125px;
        margin: 10px;
        text-decoration: none;
        font-weight: normal;
        font-size: .90em;
        text-align: left;
        padding-left: 128px;
        position: relative;
    }
    .Document-Directory-Button {
        background-color: rgb(99, 166, 216);
	    background-image: url(../../Images/Custom/file_types/folder.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    border: 0;
    }
    .Document-Directory-Button:hover { background-color: rgba(99, 166, 216, .75); }

    .Directory-Name { display: inline-block; padding: 25px 15px 25px 0; }
    .Directory-File-Count {
        display:block;
        position: absolute;
        bottom: 3px;
        right: 5px;
        font-size:1.15em
    }
    .Document-File-List {
        display: inline-block;
        padding: 0 10px 10px 10px;
    }
    .Document-File-List div.no-clear { display: none; clear: none; }
    .Document-File-Button:hover { background-color: rgba(26, 69, 102, .75); }
    .Document-File-Button.large:hover span.File-Name,
    .Document-File-Button.extra-large:hover span.File-Name { display: none; }
    .Document-File-Button.large:hover span.File-Name-Long,
    .Document-File-Button.extra-large:hover span.File-Name-Long { display: inline-block; }

    .File-Name { display: inline-block; padding: 25px 15px 25px 0; }
    .File-Name-Long { display: none; padding: 25px 15px 25px 0; }
    .File-Size {
        display:block;
        position: absolute;
        bottom: 3px;
        right: 5px;
    }
    .Document-File-Button {
	    background-image: url(../../Images/Custom/file_types/file.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    border: 0;
    }
    .Document-File-Button.XLS { background-image: url(../../Images/Custom/file_types/excel.png); }
    .Document-File-Button.DOC { background-image: url(../../Images/Custom/file_types/word.png); }
    .Document-File-Button.PPT { background-image: url(../../Images/Custom/file_types/powerpoint.png); }
    .Document-File-Button.ZIP { background-image: url(../../Images/Custom/file_types/zip.png); }
    .Document-File-Button.VID { background-image: url(../../Images/Custom/file_types/video.png); }
    .Document-File-Button.PDF { background-image: url(../../Images/Custom/file_types/pdf.png); }

    .dashboard .details .panel.documents { padding: 0; }
    .Document-Navigation {
        background-color: #2A70A6;
        color: #ffffff;
        padding: 0 10px 5px 10px;
    }
    .Document-Navigation a,
    .Document-Navigation a:active,
    .Document-Navigation a:hover,
    .Document-Navigation a:visited { color: #fff; }
    a.Document-Navigation-Link:last-child {text-decoration: none; cursor: inherit; }