@charset "utf-8";

/*************************
	CSS RESET SHEET
/*************************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-decoration: none;
	color: #444;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	word-wrap: break-word;
}
/***************************
	CSS RESET SHEET
/***************************/


/***************************
	IE 6 hasLayout Fix
***************************/
    /* \*/
    * html .gainlayout { height: 1%; }
    /* */


/*************************
PRIMARY COLORS SET
1. #104BA9
2. #284A7E
3. #052D6E
4. #447BD4
5. #6A93D4
6. #F2F2F2 - off-white

SECONDARY COLOR SET 1
1. #1D1AB2
2. #323086
3. #0B0974
4. #514ED9
5. #7573D9

SECONDARY COLOR SET 2
1. #04859D
2. #206876
3. #015666
4. #37B6CE
5. #5FBDCE

**************************/
body {
	margin: 0 auto;
	text-rendering: optimizeLegibility;
	font-family: Calibri, Verdana, Arial;
	background-color: #f2f2f2;
	background-image:url('../../images/background/fabric_plaid.png');
	/*min-width: 1024px;*/
}

::selection {
	color: black; 
	background-color: #fed83e;
}

.clear {
	clear: both;
}

#main {
	width: 100%;
}

a:link {
	color: #00499C;
	text-decoration: none;
}

a:visited {
	color: #00499C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.inheritstyle {
	color: inherit;
}
/*******************************
	PTS LOGO AND NAME
/*******************************/
#pts {
	/*height: 45px;*/
	/*padding: 10px 10px 10px 10px;*/
	padding: 10px;
	background: rgb(39,73,119); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(39,73,119,1) 0%, rgba(19,61,119,1) 62%, rgba(0,48,122,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,73,119,1)), color-stop(62%,rgba(19,61,119,1)), color-stop(100%,rgba(0,48,122,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(39,73,119,1) 0%,rgba(19,61,119,1) 62%,rgba(0,48,122,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(39,73,119,1) 0%,rgba(19,61,119,1) 62%,rgba(0,48,122,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(39,73,119,1) 0%,rgba(19,61,119,1) 62%,rgba(0,48,122,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(39,73,119,1) 0%,rgba(19,61,119,1) 62%,rgba(0,48,122,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274977', endColorstr='#00307a',GradientType=0 ); /* IE6-9 */
}

#pts-header {
	color: #F2F2F2;
	font-family:Calibri, Verdana, sans-serif;
	font-size: 24px;
	font-stretch: 2px;
	font-style:italic;
	font-weight:800;
	float: left;
	padding-left: 10px;
	width: 400px;
}
#pts-logo {
	float:left;
}

@media screen and (max-width: 1024px) {
	#pts-header {
		font-size: 20px;
	}
}

#login-bar {
	float: right;
	width: 450px;
	font-size: 14px;
	color: #F2F2F2;
	font-family: Calibri, Verdana, sans-serif;
}

#user-bar {
	float: right;
	width: 400px;
	text-align: right;
	color: #F2F2F2;
	font-family: Calibri, Verdana, sans-serif;
	font-size: 14px;
	font-stretch: 2px;
	/*font-weight: 800;*/
}

#searchbarwrap {
	height:20px; 
	float: right; 
	padding-right: 5px;	
}

.searchbar {
	vertical-align:middle;
	font-size:12px;width:150px;
	padding-left:30px;
	background-image: url("../../images/icons/Search_16x16.png"); 
	background-position: 5% 50%; 
	background-repeat: no-repeat;border-radius:5px;
	background-color: #fff;
	border: 1px solid #ccc;
	height: 22px;
}

.searchbar.large
{
	padding-left: 24px;
	background-position: 3px 50%;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	width: 300px;
}

.searchbar:hover, .searchbar:focus {
	border:1px solid #0f97ff;
	background-color: #fafafa;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

/* BUTTONS */

#user-bar a, #user-bar button{
   /* display:block;
    float:left;*/
    font-family:Calibri, Verdana, Arial, sans-serif;
    font-size:14px;
    line-height:100%;
    text-decoration:none;
    /*font-weight:800;*/
    color:#F2F2F2;
    cursor:pointer;
    padding: 10px 10px 10px 10px; /* Links */
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	*/
}
/*
#user-bar a:hover, #user-bar button:hover {
	background: url("../../images/headergradienthover.gif");
}
*/
#user-bar a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	vertical-align: middle;
}
/* STANDARD */
/*
#user-bar a:hover{
    background-color:#447BD4;
    color:#F2F2F2;
}
*/

#user-bar a:hover {
	text-decoration: underline;
}
/****************************
	MAIN NAVIGATION
/****************************/
#mainnavigation{
	/*
	color: #F2F2F2;
	background-color: #284A7E;
	height: 26px;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
	background-image:url('../../images/headergradient.gif');*/
	height: 30px;
	border-top: 1px solid #a1a1a1;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#mainnavigation a:link {
	color: black;
}

/***************************
	CONTAINER
/***************************/
#container {
	width: 97%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
	#container {
		min-width: 960px; /* Adjust according to percentages on all pages */
	}
}

.rightContent {
	float: right;
	width: 82%;	
}

.pagination {
	font-family: Calibri, Verdana, sans-serif;
	text-align: right;
	margin-top: 20px;
	margin-bottom: -20px;
}

#container.nosidebar div.rightContent {
	width: 99%;
}

/*************************
	LEFT SIDE BAR
/************************/
#leftsidebar {
	width: 15%;
	float: left;
	margin-bottom: 30px;
}

/*
/* ACCORDION VIEW 
/* CURRENTLY IN THE PROCESS OF REMOVING
*/
/*
#leftsidebar .ui-accordion-header {
	padding: 0px;
	margin: 0px;
}

#leftsidebar .ui-accordion-content
{
	padding: 5px 10px;
	overflow: visible;
}*/

/*
/* END ACCORDION VIEW
*/

#leftsidebar .collapsibleContainerTitle, .detailSidebar .collapsibleContainerTitle {
	padding: 5px;
	font-size: 16px;
	cursor:default;
	color: #052d6e;
	text-shadow: 1px 0px #d9d9d9;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #c0c0c0;

}

#leftsidebar .collapsibleContainerContent, .detailSidebar .collapsibleContainerContent{
	padding: 5px;
	overflow:visible;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #c0c0c0;
}

/****************************
	COLLAPSE/EXPAND ROW TABLES / INFORMATION
/****************************/
.moduleheader {
	font-size: 24px;
	font-weight: bold;
	color:#052d6e;
	margin-bottom: 10px;
	text-shadow: 1px 1px #a1a1a1;
}
#info {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	font-family: Calibri, Verdana, Arial, sans-serif;
	width: 100%;
	text-align: left;
	padding: 2px 3px 2px 3px;
	margin-top: 40px;
	border: 1px solid #ccc;
}
#info td{
	padding: 2px 5px 2px 5px;
	word-wrap: break-word;
}
#info th{
	padding: 4px 5px 10px 5px;
	color: #284A7E;
	font-size: 18px;
	background-color: #d5d5d5;
	text-align: left;
	border-bottom: 1px solid #bbb;
}

#info th a{
	color:#284a7e;
}

.evenrow{
	background-color: #e0e0e0;
}
.oddrow{
	background-color: #f7f7f7;
}

.evenrow td {
	background-color: #e0e0e0;
}

.oddrow td {
	background-color: #f7f7f7;
}

.oddrow, .evenrow{
}

#info a:hover {
	text-decoration: underline;
}

/*******************************
 	COLLAPSE/EXPAND ROW STYLES
/******************************/
.tableRowActionButton {
	background: #eee;
	background: -moz-linear-gradient(0% 100% 90deg, #ccc, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-family: Calibri, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 1px;
	margin-right: 1px;
	line-height: 1;
	padding: 5px 10px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	//width: 75px;
}
.tableRowActionButton:hover{
	background: #ddd;
	background: -moz-linear-gradient(0% 100% 90deg, #bbb, #ddd);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.lessButton, .rowEditButton, .doneEditingButton {
	color: #333;
}

.tableRow{
	border: none;
	width: 100%;
}

.tableSummaryData{
}

.tableExpandedData {

}

.tableEditData {

}
.tableStatisticsRow {
}

.maincol {
	font-weight: bold;
}

/****************************
	DETAIL PAGE VIEW
/***************************/
#detailPageNav {
	text-align: center;
	color: #F2F2F2;
}

#detailPageNav a, #detailPageNav a:hover, #detailPageNav a: visited {
	color: #F2F2F2;	
}

.detailInfoBlob {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #284a7e;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ecebeb 47%, #dedede 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(47%,#ecebeb), color-stop(100%,#dedede)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #f4f4f4 0%,#ecebeb 47%,#dedede 100%); /* opera */
}

.detailInfoBlob h2 {
	font-size: 20px;
	font-weight: bold;
	color: #284A7E;
	border-bottom: 1px solid #565656;
	margin-bottom: 5px;
}

.detailInfoBlob a:hover
{
	text-decoration: underline;
}

/********************************
	Detail Page v2 
/********************************/
.detailSidebar {
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c8c8c8;
	margin-bottom: 20px;
	width: 17%;
	overflow: hidden;
	min-width: 150px; /* Must be adjusted according to percentages */
}
	/* Sidebar title */
	.detailSidebar h2 {
		font-size: 20px;
		font-weight: bold;
		color: #284A7E;
		border-bottom: 2px solid #565656;
		margin-bottom: 5px;
	}
	/* End Sidebar Title */
	
.detailContentPane {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c8c8c8;
	float: left;
	width: 80%;
	min-width: 765px; /* Must be adjusted according to percentages */
	margin-bottom: 20px;
	padding: 15px 10px 10px 10px;
	min-height: 500px;
	/*border: 2px solid #284a7e;
	border-top: 10px solid #284a7e;
	background: #ffffff; /* old browsers */
	/*background: -moz-linear-gradient(top, #f4f4f4 0%, #ecebeb 47%, #dedede 100%); /* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(47%,#ecebeb), color-stop(100%,#dedede)); /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=0 ); /* ie */
	/*background: -o-linear-gradient(top, #f4f4f4 0%,#ecebeb 47%,#dedede 100%); /* opera */
	/*box-shadow: -1px 1px 9px black;*/
	background-color: #f7f7f7;
}

	/* Data Categorization Styles */
	.detailContentPane .section-wrapper {
		margin: 20px 0px 20px 0px;	
		border-left: 2px solid #999;
		border-right: 2px solid #999;
		padding: 0px 10px 0px 10px;
	}
	
	
	/* End Data Categorization Styles */

	/* Detail ContentPane Paneheader */
	.detailContentPane .paneHeader{
		font-size: 20px;
		border-bottom: 1px solid #284a7e;
		padding-bottom: 5px;
		font-weight: bold;
		color: #284A7E;
		margin: 10px 0px 20px 0px;
		width: 90%;
	}
	
	.detailContentPane .moduleHeader {
		font-size: 25px;
		padding-bottom: 5px;
		font-weight: bold;
		color: #284a7e;	
		text-shadow: 1px 1px 0 #a1a1a1;
	}

	/*Detail ContentPane articles */
	.detailContentPane .a100 {
		width: 100%;
		margin-top: 20px;
		float: left;	
	}
	
	.detailContentPane .a75 {
		width: 75%;	
		float: left;
	}

	.detailContentPane .a66 {
		width: 66%;
		float: left;
	}
	
	.detailContentPane .a50 {
		width: 50%;
		float: left;
	}
	
	.detailContentPane .a33 {
		width: 33%;
		float: left;
	}
	
	.detailContentPane .a25 {
		width: 25%;
		float: left;
	}
	
	.detailContentPane .a20 {
		width: 20%;
		float: left;
	}
	/* End Detail ContentPane articles */
	
		/* ContentPane Items for articles up to a50 */
		.detailContentPane .item {
			width: 100%;
			padding: 0px 5px 10px 5px;
			/*overflow: hidden;*/
			float: left;
		}
		
		.detailContentPane .item-title {
			font-weight: bold;
			width: 30%;
			float: left;
		}
		
		.detailContentPane .item-content {
			width: 60%;
			float: right;
			padding-right: 10%;
		}
		/*  Some adaptive details item styling for resolutions <= 1422px, which causes the item formatting to break.  Rather than showing side-by-side, stack the title/content. */
		@media screen and (max-width: 1422px) {
			.detailContentPane .item-title {
				width: auto;
				float: none;
			}
			
			.detailContentPane .item-content {
				width: auto;
				float: none;
			}
		}
		/* End ContentPane Items */
		
		/* ContentPane Items for articles greater than 50 */
		.detailContentPane .a75 .item-title, .detailContentPane .a100 .item-title {
			width: 10%;
			font-weight: bold;
			float: left;
		}
		
		.detailContentPane .a75 .item-content, .detailContentPane .a100 .item-content  {
			width: 90%;
			float: right;
		}

		.detailContentPane .item-edit-title
		{
			font-weight: bold;
			width: 30%;
			float: left;
		}

		.detailContentPane .item-edit-content
		{
			width: 60%;
			float: right;
			padding-right: 10%;
		}

/********************************
	End Detail Page v2
/********************************/

/**************************
	BLOB TABLES
/*************************/
.detailMiniTable {
	width: 50%;
	padding: 3px;
	margin: 1px;
}
.detailMiniTable td {
	padding: 5px;
	border-bottom: 1px solid #bbb;
	word-wrap: break-word;
}
.detailMiniTable th {
	padding: 2px;
	color: #666666;
	text-align: left;
	font-size:18px;
	border-bottom: 2px solid #bbb;
}

table.detailMiniTable.compact td {
	font-size: 14px;
}


/****************************
	EMAIL DETAIL VIEW
*****************************/
.emailBody {
	min-height: 50px; 
	max-height: 500px; 
	width: 90%; 
	overflow: auto; 
	border: 1px solid black; 
	padding: 10px; 
	background-color: #f2f2f2;
}

/****************************
	END DETAIL PAGE VIEW
/****************************/
/*****************************
	FOOTER
/*****************************/
#footer{
	text-align: center;
	font-family: Calibri, Verdana, Arial, sans-serif;
	padding: 5px 5px 5px 5px;
	background-color: #284A7E;
	color: #F2F2F2;
	text-decoration:none;
}
#footer a{
	color: #F2F2F2;
	text-decoration:none;
}

/*****************************
		LOGIN 
/*****************************/
#login-main {
	display: block;
	position: absolute;
	top: 20%;
	left: 35%;
	width: 410px;
	padding:30px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #a9a9a9;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 8%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 8%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 8%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 8%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 8%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#login-errormsg {
	/*margin-top:10px;*/
	text-align:center;
}

#login-header-wrap {
	text-align:center;
	overflow:hidden;
	margin:auto 0;
}
#login-form {
	padding: 30px 0 30px 10px;
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 20px;
}
#login-form input {
	background-color: #F2F2F2;
	border: #CCC 1px solid;
	/*margin: 10px 0px 20px 0px;*/
	padding: 15px;
	width: 360px;
	height: 36px;
	font-size: 30px;
	color: #575757;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 8%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(8%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 8%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 8%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 8%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(left,  #ffffff 8%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}

#login-form input:focus, #login-form input:focus {
	background: rgb(247,235,180); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(247,235,180,1) 7%, rgba(249,226,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(7%,rgba(247,235,180,1)), color-stop(100%,rgba(249,226,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(247,235,180,1) 7%,rgba(249,226,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(247,235,180,1) 7%,rgba(249,226,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(247,235,180,1) 7%,rgba(249,226,124,1) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(247,235,180,1) 7%,rgba(249,226,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ebb4', endColorstr='#f9e27c',GradientType=1 ); /* IE6-9 */
}

#login-form .username, #login-form .username:hover, #login-form .username:active, #login-form .username:focus {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: -1px;
	background: url(../../images/icons/User-blue-icon-small.png) no-repeat;
	background-position: 10px 15px;
	text-indent: 40px;
}

#login-form .password, #login-form .password:hover, #login-form .password:active, #login-form .password:focus {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 10px;
	background: url(../../images/icons/password-icon-small.png) no-repeat;
	background-position: 10px 15px;
	text-indent: 40px;
}

#login-form div.loginlabel
{
	font-size: 30px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#login-form button {
	float: right;
	margin: 8px;
	padding: 10px 50px;
	font-size: 20px;
}



#login-form #help a{
	color: #F2F2F2;
	text-decoration: none;
}
.login-title {
	color:#f2f2f2;
	float:left;
	font-family:Calibri;
	font-size:28px;
	font-weight:800;
	width:380px; 
	background-color:#284a7e; 
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/******************************
	END LOGIN
/******************************/
/******************************
	IPOD STYLE BREADCRUMBS
*******************************/
#menuLog { font-size:12px; margin:0px; }
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* fg-button classes are also used with the jQuery ThemeRoller so they should not be removed */
/* fg-button source: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ */
.fg-button { clear:left; margin: 0px 0px 0px 0px; padding: 5px 15px 5px 15px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 0; 
border: none;
}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; right:1%; margin-left: -8px; }
a.fg-button { float:left;  
	border: none;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	line-height:20px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	position: relative;
	color: black;
	text-shadow: 1px 0px #818181;
	font-size: 15px;
}

a.fg-button:hover, a.fg-button:focus {
	background: rgb(214,214,214); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(178,178,178,1) 44%, rgba(160,160,160,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(44%,rgba(178,178,178,1)), color-stop(100%,rgba(160,160,160,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(178,178,178,1) 44%,rgba(160,160,160,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(178,178,178,1) 44%,rgba(160,160,160,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(178,178,178,1) 44%,rgba(160,160,160,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(178,178,178,1) 44%,rgba(160,160,160,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
}

.fg-menu a:hover {
	background: none;
	background-color: #858585;
	border: 1px solid #858585;
}

.positionHelper .ui-widget-content {
	border: 1px solid #a1a1a1;
}

.positionHelper .ui-widget-header {
	background: #7f7f7f;	
	border: 1px solid #6e6e6e;
}

.positionHelper .fg-menu-container {
	z-index: 9999;
}

button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }

.fg-toolbar { padding: 0xp; margin: 0; width:50%; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/******************************
	END IPOD STYLE BREADCRUMBS
*******************************/

div.detailToolbar a:hover span{
	text-decoration: underline;
}

div#detailPageNav a:hover {
	text-decoration: underline;
}

a.fg-menu-open
{
	color: black !important;
}

/********************************
	Pagination Styles
*********************************/
a.pagination-button
{
	padding: 2px 5px;
	border: 1px solid #bababa;
	display: inline-block;
	margin-bottom: 5px;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

a.pagination-button:hover
{
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

/*********************************
Document View Styles
*********************************/
div.docrow a {
	color: inherit;
}
div.docrow a.underline {
	text-decoration: underline;
}

div.filelistingcontainer
{
        overflow-y: auto;
        /*max-height: 400px;*/
}

ul.filelist
{
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 90%;
}

ul.filelist li
{
        border-bottom: 1px solid #ddd;
        padding: 5px 0;
        overflow: hidden;
}

li.fileentry file
{
        height: 36px;
}

li.minifileentry file
{
	height: 20px !important;
}

li.fileentry ul.filelist
{
        border-top: 1px solid #ddd;
        display: none;
        float: left;
        margin-left: 16px;
        padding-left: 5px !important;
        border-left: 3px solid #ddd;
}


li.fileentry div.fileicon
{
        float: left;
        width: 32px;
        height: 32px;
}

li.minifileentry div.fileicon
{
	width: 16px !important;
	height: 16px !important;
}

li.fileentry div.filedetails
{
        float: left;
        margin-left: 8px;
        white-space: nowrap;
        overflow: hidden;
        /*width: 400px;*/
}

li.fileentry.file div.filestatstools span.filetools
{
	display: none;
}

li.fileentry.file:hover div.filestatstools span.filetools
{
	display: inline;
}

li.fileentry div.filedetails div.filestatstools a.userinfo
{
        text-decoration: underline;
        color: #333;
        font-weight:bold;
}

li.fileentry div.filedetails a.filename
{
        font-weight: bold;
        font-size: 16px;
        color: #333;
}

li.fileentry div.filedetails div.filestatstools
{
        color: #555555;
        font-size: 12px;
        /*font-weight: bold;*/
        margin-top: 3px;
}

li.fileentry div.filedetails div.filestatstools a.tool
{
/*      display: none; */
}
/*
li.fileentry:hover div.filedetails div.filestatstools a.tool
{
        display: inline;
}
*/


/***********************************
	Warnings, Errors and other Status Mesages
***********************************/
.moduleMessage {
	width: 40%;
	text-align: center;
	margin: 0 auto;
	padding: 10px 50px 10px 50px;
	margin-top: 10px;
}

/************************************
	Upper Toolbar Styles
*************************************/
#top-bar {
	background-image:url('../../images/brcr_bg.png');
	background-repeat: repeat-x;
	border:solid 1px #cacaca;
	border-bottom: 1px #000;
	height: 31px;
	line-height: 31px;	
	border-bottom: 1px solid #a4a4a4;
	box-shadow: 2px 2px 5px #a6a6a6;
}

	/********************************
		Breadcrumb Styles
	/*********************************/
	#breadcrumb-wrapper {
		float: left;	
	}
	
	#breadcrumb-list
	{
		background-repeat:repeat-x;
		height:30px;
		line-height:30px;
		color:#9b9b9b;
		width:100%;
		overflow:hidden;
		margin:0px;
		padding:0px;
	}
	
	#breadcrumb-list li {
		list-style-type: none;
		float: left;
		padding-left: 10px;
	}
	
	#breadcrumb-list a {
		height:30px;
		display:block;
		background-image:url('../../images/brcr_separator.png');
		background-repeat:no-repeat;
		background-position:right;
		padding-right: 15px;
		text-decoration: underline;
		color:#454545;
	}
	
	#breadcrumb-list a:hover
	{
    	color:#052d6e;
	}
	
#menudashboard {
	padding-left: 10px;
}
	
	/********************************
		Toolbar Styles 
	/********************************/
	#toolbar-wrapper {
		float: right;
		font-size: 13px;
		width: 200px;
		text-align: right;
	}
	
	#toolbar-wrapper a img{
		border:none;
		vertical-align:middle;
	}
	
	#toolbar-wrapper a:hover {
		text-decoration: underline;
	}
	
	#toolbar-wrapper .navmenuitem {
		padding: 0px 5px 0px 5px;
	}

/****************************
RFP Agencies List Styles 
****************************/
ul.detailslist
{
		list-style-type: none;
}

ul.detailslist > li
{
		float: left;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 2px solid #aaa;
		margin-bottom 5px;
		width: 95%;
		background-color: #f0f0f0;
		padding: 5px 10px;
}
ul.horizontallist > li
{
		width: 45% !important;
		margin-right:10px;

}

ul.contactlist
{
		border-left:3px solid #ddd;
		padding-left:5px;
		margin-left:5px;

		width: 100%;
}

ul.contactlist li
{
		display: block;
		width: 100%;
}

ul.notelist
{
		list-style-type: none;

		width: 100%;
}

ul.notelist li
{
		position: relative;
		display: block;
		width: 90%;
		margin-bottom: 2px;
		background-color: #e1e1e1;
		padding: 3px;
		padding-left: 20px;
		padding-right: 20px;
		background-image: url(../../images/icons/Comment_16x16.png);
		background-repeat: no-repeat;
		background-position: 0 0;
}

ul.notelist li:hover div.notelisthovertools
{
	display: block;
}

ul.notelist li div.notelisthovertools
{
	display: none;
	position: absolute;
	width: 20px;
	top: 0;
	right: 0;
	padding: 5px;
}

ul.notelist li.addnoteentry
{
		background-image: url(../../images/icons/Comment_Add_16x16.png) !important;

}

ul.notelist li div.notetext
{

}

ul.notelist li div.notetools
{
		font-weight: bold;
		color: #333;
		font-size: 13px;
}

div.notelistcontainer
{
		padding-top: 5px;
		padding-left: 20px;
		width: 100%;
}

ul.contactinfolist
{
		list-style-type: none;
		padding-left: 20px;
}

ul.contactinfolist > li
{
		padding: 5px 5px 0px 10px;
		background-repeat: no-repeat;
		background-position: 0 0;
}

ul.contactinfolist > li.location
{
		list-style-image: url(../../images/icons/world.png);
		list-style-position: inside;
		padding-top: 5px;
}

ul.contactinfolist > li.email
{
		list-style-image: url(../../images/icons/Mail_16x16.png);
		list-style-position: inside;
		padding-top: 5px;
}

ul.contactinfolist > li.phone
{
		list-style-image: url(../../images/icons/Phone_16x16.png);
		list-style-position: inside;
		padding-top: 5px;
}

h3.contactlistheader
{
		font-weight: bold;
		font-size: 18px;
		color: #333;
		margin-bottom: 5px;
}

.defaultTextActive
{
		color: #858585;
		font-style: italic;
}

/************************
/*	Sub-Pane styles     *
/************************/
.subPane {
	width: 95%;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #bbb;
}

div.subPaneTools
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	display: none;
}
div.subPane:hover div.subPaneTools
{
	display: block;
}

.subPaneHeader {
	padding: 10px;
	border-bottom: 1px solid #bbb;
	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top,  #e2e2e2 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

	.subPaneHeader .headerTitle {
		font-size: 22px;
		font-weight: bold;
		color:#284a7e; 
		padding: 5px 0px 5px 0px;
	}
	
.subPanePagination {
	float: right;
	width: 250px;
	text-align: right;
}

.subPaneFilters {
	display:none;
	background-color: #EAEAEA;
	padding: 5px 5px;
	
}

.subPaneFilters input, select {
	margin: 2px 0 !important;
}

/* SubPaneData */
.subPaneData {
	margin: 0;
	padding: 0;
}
	.subPaneData .subPaneDataElement {
		padding: 10px 5px 10px 20px;
		border-bottom: 1px solid #cacaca;
		position: relative;
	}
	
	.subPaneData .subPaneDataElement .groupTitle {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		color: #1a1a1a;
		display: block;
	}
	
	.subPaneData .subPaneDataElement .subGroupTitle {
		text-align: center;
		display: block;
		padding-top: 5px;
	}
	
	.subPaneData .subPaneDataElement .boxTitle {
		font-size: 18px;
		font-weight: bold;
		color: #1a1a1a;
		display: inline;
	}
	
	.subPaneData .subPaneDataElement .boxSubTitle {
		font-style: italic;
		font-weight: bold;
		font-size: 14px;
		color: #323232;
		display: inline;
	}


	.subPaneData .subPaneDataElement:hover .subPaneDataElementEditControls {
		display: block;
	}

	.subPaneData .subPaneDataElement .subPaneDataElementEditControls {
		display: none;
		position: absolute;
		right:0;
		top:0;
		padding: 5px;
}

div.subPaneData.mseldata
{
	overflow-y: auto;
	max-height: 510px;
}

.subPanePager {	
	border: 1px solid #000;
	display: inline;
	padding: 5px;
	background-color: #bababa;
	margin: 0px 2px 0px 2px;
	width: 15px;
	height: 10px;
}

	.subPanePager:hover {
		background-color: #6a93d4;
		color: #f2f2f2;
	}

/***************************************
	Popover Tooltip
****************************************/
div.popover
{
	color: #555;
}
div.popover span.popover-title
{
	font-weight:bold;
	font-size:16px;
	color: #284A7E;
}
	
/*****************************************
	Details Page Sidebar Content 
/*****************************************/
.sidebarContentBox
{
	background-color: #f7f7f7; 
	padding: 5px;
}

.sidebarContentBoxHeader
{
	font-weight: bold; 
	font-size: 18px; 
	color: #104ba9; 
	margin-bottom: 10px; 
	padding: 5px; 
	background-color: #d2d2d2;
	border-bottom: 2px solid #204A7E;
}

.sidebarContentBoxContent
{
	padding: 5px;
	min-height: 100px;
}

.sidebarContentBox a.sidebaraddnew
{
	font-weight: bold;
}

div.sidebarContentBox label
{
	font-weight: bold;
}

div.addalertcontainer
{
	background-color: #eee;
	padding: 3px;
	margin: 10px 0;
	display: none;
}
div.addalertcontainer h3
{
	border-bottom: 2px solid grey;
}
table.alertformcontainer
{
	width: 100%;
}
table.alertformcontainer label
{
	font-weight: bold;
}


div.mselSearchPane
{
/*	max-height: 150px;*/
	overflow-x: auto;
}

div.mselSearchResultsPane ul
{
	max-height: 160px;
	overflow-y: auto;
}

div.mselSearchResultsPane ul li
{
	padding: 3px;
	border-bottom: 1px solid #BBB;
}

div.mselSearchResultsPane ul li a.mseladdnew
{
	float: right;
	width: 75px;
}

/********************************************
	Dashboard Widget Styles

********************************************/
div.dashwidgetcontainer
{
	background-color: #FEFEFE;
}
div.dashwidgetcontent
{
	background-color: #FEFEFE;
}

div.dashwidgetcontainer .headerTitle {
	padding-left: 10px;
}

div.dashkpi-number {
	float: left;
	width: 100px;
	height: 100px;
	border: 3px solid #888;
	padding: 3px;
	text-align: center;
	color: #444;
	margin-right: 5px;
}

div.dashkpi-number.green {
	border-color: green;
	background-color: #eeffee;
}

div.dashkpi-number.red {
	border-color: red;
	background-color: #ffeeee;
}

div.dashkpi-number.yellow {
	border-color: orange;
	background-color: lightyellow;
}

@media screen and (max-width: 768px) {
        #dashwidgetscontainer {
                float: none !important;
                min-width: 0 !important;
                width: 100% !important;
        }
        .dashwidgetcontainer {
                float: none !important;
                min-width: 0 !important;
                width: 100% !important;
                display: block !important;
                margin: 20px 0 !important;
        }
        .dashwidgetcontainer .headerTitle {
                font-size: 16px;
        }
        .dashwidgettools {
                display: block !important;
        }
        div.dashwidgetcontent {
                max-height: none !important;
        }
}


/********************************************
	Edit Styles
********************************************/
div.edititem
{
	width: 100%;
	overflow: hidden;
	padding: 2px;
}
div.edititem-title
{
	width: 20%;
	font-weight: bold;
	float: left;
}
div.edititem-content
{
	width: 70%;
	float: left;
}
div.editlistentry
{
	position: relative;
}
div.editlistentrytools
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
}

input.error, select.error {
	background-color: #FFEEEE;
	border: 1px solid red;
}

/*******************************************
	Schedule / Map Sidebar Styles
*******************************************/
ul.collapsiblelist
{
        width: 100%;
        list-style-type: none;
        padding:0;
        overflow: hidden;
}

ul.collapsiblelist > li
{
        float:left;
        width:98%;
        margin: 4px 0;
        border: 2px solid #a0a0a0;
        border-radius: 6px;

}

ul.entitydatacontent
{
        list-style-type: none;
        width:100%;
        padding: 0;
}

ul.entitydatacontent > li
{
        padding: 2px;
        border-bottom: 1px solid #ddd;
}

ul.entitydatacontent > li:hover
{
        background-color: #ddd;
}

.collapsiblelistheader
{
        background-color: #ddd;
        overflow: hidden;
        padding: 3px;
}

.collapsiblelistcontent
{
        padding: 3px;
        overflow-x: auto;
}

.collapsiblelistcontentsubheader
{
        border-bottom: 2px solid #bbb;
        height: 20px;
        font-size: 16px;

        font-weight:bold;
}


/********************************************
	Email formatting
********************************************/
pre.emailtext
{
	font-family: Calibri, Verdana, Arial;
	text-align: left;
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	word-wrap: break-word; /* IE 5.5+ */
}

/*******************************************
	Status Message Formatting
*******************************************/
div.statusmessage
{
	margin: 5px auto;
	padding: 10px 38px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	width: 75%;
}
div.success
{
	background-color: #EEFFEE;
	border: 2px solid green;
	color: green;
	background-image:url('../../images/icons/Confirm_24x24.png');
	background-repeat:no-repeat;
	background-position: 5px center;
}
div.error
{
	background-color: #FFEEEE;
	border: 2px solid red;
	color: red;
	background-image:url('../../images/icons/Warning_24x24.png');
	background-repeat:no-repeat;
	background-position: 5px center;
}

div.information
{
	background-color: #FBF9EE;
	border: 2px solid #FCEFA1;
	color: #363636;
	background-image:url('../../images/icons/Info_24x24.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

/**********************************************************************
	Page/View Specific Status Message Style Adjustments
**********************************************************************/
div.statusmessage.loginerror
{
	padding: 4px 38px;
	margin: 2px auto;
}

/*************************************************
	Sidebar Formatting
*************************************************/

ul.historysidebarlist
{

}

ul.historysidebarlist li
{
	padding: 3px;
	border-bottom: 1px solid #CCC;
	font-size: 14px;
}

ul.alertssidebarlist
{

}

ul.alertssidebarlist li
{
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	line-height:20px;
	padding: 3px;
}

ul.alertssidebarlist li:hover
{
	background-color: #d5d5d5;
}

/**********************************************
	Dash Widget Formatting
**********************************************/
ul.bookmarklist
{

}

ul.bookmarklist li
{
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	line-height: 20px;
	padding: 3px;
}

ul.bookmarklist li:hover
{
	background-color: #d5d5d5;
}

/********************************************
	Simple subview list formatting
*********************************************/
ul.simplesubviewlist
{

}

ul.simplesubviewlist li
{
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	line-height: 20px;
	padding: 3px;
}
ul.simplesubviewlist.hoverhighlight li:hover
{
	background-color: #d5d5d5;
}

/*****************************************
	Simple Nested List Styling
*****************************************/

div.simplenestedlist-item-header.hoverhighlight
{
	cursor: pointer;
}

div.simplenestedlist-item-header
{
	background-color:#eaeaea;
	font-size:20px;
	font-weight:bold;
	padding:5px;
}

div.simplenestedlist-item-header div.expander-arrow-container {
	width: 20px;
	float: left;
}

div.simplenestedlist-item-header div.expander-arrow-container span.expander-arrow {
	font-size: 8px;
}

div.simplenestedlist-item-content {
	display: none;
	padding: 3px;
	padding-left: 20px;
	font-size: 18px;
}

/*
div.simplenestedlist-item-header span.arrow-e {
	display: normal;
}

div.simplenestedlist-item-header span.arrow-s {
	display: none;
}

div.simplenestedlist-item-header.expanded span.arrow-s {
{
	display: normal;
}
div.simplenestedlist-item-header.expanded span.arrow-e {
	display: none;
}
*/
/*****************************************
	IE 6/7 Fixes
*****************************************/

/****************************************
	Map Popup Styling
****************************************/
div.popup h2
{
	font-family: Calibri, Verdana;
	color: #2e6e9e;
	border-bottom: 1px solid #2e6e9e;
	margin-bottom: 3px;
}

div.popup h3
{
	font-family: Calibri, Verdana;
	color: #2e6e9e;
	border-bottom: 1px solid #2e6e9e;
	margin-bottom: 3px;
}


div.popup table tr th {
	background-color: #2e6e9e;
	color: #dfeffc;
}

table.doccerttable
{
	border-collapse: collapse;
}

table.doccerttable tr td
{
	padding: 2px;
	border-bottom: 1px solid #ddd;
}

/**************************************
	jQuery Timepicker Styles
**************************************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/********************************************
Chat Styling
********************************************/
div.chatcontainer
{
	/*width: 500px;
	height: 200px;*/
	width: 98%;
	height: 260px;
	border: 3px solid grey;
	border-radius: 6px;
	background-color: #fefefe;
	overflow: hidden;
}
div.chatmessages
{
	/*
	width: 396px;
	height: 173px;
	*/
	width: 77.8%;
	height: 219px;
	border-bottom: 3px solid grey;
	float: left;
	overflow-y: hidden;
	overflow-x: hidden;
	word-wrap: break-word;
}

div.chatmessages ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 99.9%;
	height: 188px;
	overflow-x: auto;
	overflow-y: auto;
}

div.chatmessages ul li
{
	padding: 10px;
	border-bottom: 1px dashed #ddd;
	word-wrap: break-word;
}

div.chatusers
{
	/*
	width: 98px;
	height: 173px;
	*/
	width: 21.9%;
	height: 260px;	
	/*border: 1px solid grey;*/
	border-left: 3px solid grey;
	float: right;
}
div.chatusers ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 99%;
	overflow-y: auto;
}

div.chatusers ul li
{
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #888;
	border-bottom: 1px solid #ddd;
	word-wrap: break-word;
}

div.listhdr
{
	background-color: #eee;
	color: #444;
	font-weight: bold;
	font-size: 24px;
	height: 24px;
	padding: 3px;
	border-bottom: 2px solid grey;
}


div.chatinputcontainer
{
	float: left;
	width: 77.8%;
	height: 32px;
}
textarea.chatinput
{
	/*width: 500px;*/
	width: 99.4%;
	height: 32px;
	resize: none;
}

/**************************************
	Training Client
***************************************/
div.trainingclientcontainer
{
	width: 90%;
	margin: 10px auto;
	background-color: #fff;
	color: #333;
	border: 1px solid gray;
	overflow: hidden;
}
div.trainingclient-header
{
	padding: .5em;
	background-color: #ddd;
	border-bottom: 1px solid gray;
}

div.trainingclient-header h1
{
	padding: 0;
	margin: 0;
}

div.trainingclient-sidebar
{
	float: left;
	width: 299px;
	margin: 0;
}

div.trainingclient-sidebar-paneheader
{
	padding: .5em;
	background-color: #f0f0f0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

div.trainingclient-sidebar-panecontent
{
	padding: 10px;
}

div.trainingclient-centerpane-container
{
	margin-left: 300px;
	border-left: 1px solid gray;
	height: 600px;
}

div.trainingclient-centerpane-content
{
	/*padding: 1em;*/
	height: 568px;
}

div.trainingclient-centerpane-toolbar {
	height: 32px;
}

#trainingclient-sidebar-courseoutline-content {
	padding: 0;
}

#trainingclient-sidebar-courseoutline-content ul.courseoutline {
	list-style-type: none;
	width: 100%;
}

#trainingclient-sidebar-courseoutline-content ul.courseoutline li {
	border: 2px solid #888;
	padding: 3px;
}

#trainingclient-sidebar-courseoutline-content ul.courseoutline.subprocess li {
	margin: .1em 1em;
}

#trainingclient-sidebar-courseoutline-content div.trainingsection-item-header {
	position: relative;
	background-color: #ddd;
	padding: 3px;
	font-weight: bold;
}

#trainingclient-sidebar-courseoutline-content div.trainingsection-item-content {
	display: none;
}

#trainingclient-sidebar-courseoutline-content div.trainingsection-item-header.complete {
	background-color: #EEFFEE;
}

#trainingclient-sidebar-courseoutline-content div.trainingsection-item-header.ongoing {
	background-color: gold;
}

#trainingclient-sidebar-courseoutline-content div.trainingsection-item-header-status {
	position: absolute;
	width: 24px;
	padding: 3px;
	text-align: right;
	right: 0;
	top: 0;
	font-style: normal;
}

/***********************************
	CSS Arrow/Triangle Styles
************************************/
.arrow-n,
.arrow-e,
.arrow-s,
.arrow-w {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 100px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-n {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #666;
  bottom: 0.25em;
}

.arrow-e {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #666;
  left: 0.25em;
}
                    
.arrow-s {
  border-top-width: 1em;
  border-top-style: solid;
  border-top-color: #666;
  top: 0.25em;
}

.arrow-w {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #666;
  right: 0.25em;
}

/***********************************
	PDF Viewer Styles
***********************************/
div.pdfslideviewcontainer
{
	position: relative;
}
div.pdfpages
{
}

div.pdfslideviewtoolbar
{
	border-bottom: 2px solid grey;
	position: relative;
	overflow: hidden;
}

div.pdfslideviewtoolbar div.pdfslideviewtoolbarleftcontainer
{
	position: absolute;
	left: 0;
	top: 0;
	padding: 3px;
}

div.pdfslideviewtoolbar div.pdfslideviewtoolbarrightcontainer
{
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px;
	text-align: right;
}

div.pdfslideviewtoolbar div.pdfslideviewtoolbarcentercontainer
{
	float: right;
	position: relative;
	right: 40%; /*35%;*/
}

@media screen and (max-width: 1024px) {
	div.pdfslideviewtoolbar div.pdfslideviewtoolbarcentercontainer
	{
		right: 25%;
	}
}


div.pdfsidebar
{
	width: 250px;
	display: none;
	height: 100%; /*595px;*/ /*560px;*/
	box-sizing: border-box;
	background-color: #f0f0f0;
	position:absolute;
	left: 0;
	top: 0;
	border: 2px solid grey;
}

div.pdfsidebar div.pdfsidebar-header
{
	background-color: #ddd;
	color: #444;
	text-align: center;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	border-bottom: 2px solid grey;
}

div.pdfsidebar-section-container
{
	margin: 3px;
	flex-grow: 1;
	overflow-y: auto;
}

div.pdfsidebar-section-content
{
	/*overflow-y: auto;
	max-height:535px;*/
  	height: 100%;
}


ul.outlinepages li.pageselected
{
	background-color: #bbb;
}

ul.outlinepages li:hover
{
	background-color: #ddd;
	cursor: hand;
	cursor: pointer;
}

div.pdfsidebar-section-header
{
	background-color: #ddd;
	color: #444;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	border-bottom: 2px solid grey;
}


div.pdfslideviewcontainer.sidebar div.pdfcontent
{
	margin-left: 250px;
}
div.pdfslideviewcontainer.sidebar div.pdfsidebar
{
	display: block;
}

/**************************************************
	Training Course Explorer Widget Styles
**************************************************/
		div.trainingbrowser
		{
			background-color: #fafafa;

		}

/*                div.trainingarea {
                        width: 245px;
                        height: 100px;
                        border: 3px solid grey;
                        border-radius: 6px;
                        padding: 10px;
                        padding-left: 45px;
                        float: left;
                        margin: 10px;
                }
*/

		div.trainingarea {
			min-height: 80px;
			border-bottom: 2px solid #d0d0d0;
			padding: 10px;
			position: relative;			
		}

		div.trainingarea.first {
			border-top: 2px solid #dedede;
		}

		div.trainingarea div.areaiconcontainer {
			width: 130px;
			position: absolute;
			/* Add left/top position for IE7 */
			left: 10px;
			top: 10px;
		}

		div.trainingarea div.areaiconcontainer img.areaicon {
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.6);
		}

		div.trainingarea div.areacontent {
			/*float: left;*/
			margin-left: 130px;
			/*width: 800px;*/
		}

                div.trainingarea div.areatitle {
                        font-size: 26px;
                        font-weight: bold;
			color: #333;
                }

                div.trainingarea div.areastats {
			margin-top: 5px;
                        font-size: 20px;
			/*color: #204A7E;*/
                }

                div.trainingarea p.areadesc {
                        font-size:16px;
                        font-style: italic;
                        margin-top: 3px;
			/*color: #204A7E;*/
                }

                div.trainingarea:hover {
                        background-color: #eee;
                        cursor: pointer;
                }
                div.trainingbrowser-toolbar {
                        height: 28px;
                        background-color: #ddd;
                        border-bottom: 3px solid grey;
                        position: relative;
                }

                div.trainingbrowser-toolbar span.breadcrumbs {
                        font-size: 24px;
                        font-weight: bold;
                }
                div.trainingbrowser-toolbar a.trainingbrowser-toolbar-tool-back {
                        position: absolute;
                        right: 3px;
                        top: 6px;
                        font-weight: bold;
                }
                /*
                div.trainingarea.area-manufacturing {
                        background: url(images/icons/is2/Factory_40x40.png) top left no-repeat;
                }
                */
                div.trainingarea-content {
                        display:none;
                }

                p.trainingbrowser-instructions {
                        font-size:18px;
                        font-style:italic;
                        margin:5px;
                        margin-bottom:10px;
                }

                a.trainingbrowser-stream-back {
                        font-size: 18px;
                        font-weight: bold;

                }

/*********************************************
		PTS Buttons
*********************************************/
@charset "utf-8";
/* CSS Document */

.pts-button {
        -moz-border-radius:4px;
        -khtml-border-radius:4px;
        -webkit-border-radius:4px;
        font-weight: bold;
        border-color:#bbb #bbb #999;
        border-radius:4px;
        border-style:solid;
        border-width:1px;
        cursor:pointer;
        display:inline-block;
        margin: 2px;
        overflow:hidden;
        padding:5px 9px;
        line-height: 18px;
        text-shadow:0 1px black;
        color:#f2f2f2!important;
        -moz-box-shadow:0 1px 0 #f8f8f8;
        -wekbit-box-shadow:0 1px 0 #f8f8f8;
        box-shadow:0 1px 0 #f8f8f8;
        display:inline;
        zoom:1;
        position: relative;
        background: rgb(100,155,214); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(100,155,214,1) 0%, rgba(57,133,214,1) 45%, rgba(27,117,214,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,155,214,1)), color-stop(45%,rgba(57,133,214,1)), color-stop(100%,rgba(27,117,214,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(100,155,214,1) 0%,rgba(57,133,214,1) 45%,rgba(27,117,214,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(100,155,214,1) 0%,rgba(57,133,214,1) 45%,rgba(27,117,214,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(100,155,214,1) 0%,rgba(57,133,214,1) 45%,rgba(27,117,214,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(100,155,214,1) 0%,rgba(57,133,214,1) 45%,rgba(27,117,214,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649bd6', endColorstr='#1b75d6',GradientType=0 ); /* IE6-9 */
}

.pts-button .ui-icon {
	background-image: url("../../lib/jquery/jquery-ui-1.8.11.custom/css/ptsbluetheme/images/ui-icons_f2f2f2_256x240.png");
}

.pts-button:focus
{
        outline:none;
        -moz-box-shadow: 1px 1px 2px #000;
        -webkit-box-shadow: 1px 1px 2px #000;
        box-shadow: 1px 1px 2px #000;
}

.pts-button:hover,.pts-button:focus
{
        background-position:0 -6px;
        border-color:#999 #999 #666;
        color:#000;
        text-decoration:none;
        background: rgb(78,142,211); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(78,142,211,1) 0%, rgba(27,119,211,1) 46%, rgba(0,102,211,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,142,211,1)), color-stop(46%,rgba(27,119,211,1)), color-stop(100%,rgba(0,102,211,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(78,142,211,1) 0%,rgba(27,119,211,1) 46%,rgba(0,102,211,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(78,142,211,1) 0%,rgba(27,119,211,1) 46%,rgba(0,102,211,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(78,142,211,1) 0%,rgba(27,119,211,1) 46%,rgba(0,102,211,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(78,142,211,1) 0%,rgba(27,119,211,1) 46%,rgba(0,102,211,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8ed3', endColorstr='#0066d3',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
}

.pts-button.red {
        background: rgb(169,3,41); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(169,3,41,1) 22%, rgba(143,2,34,1) 72%, rgba(109,0,25,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgba(169,3,41,1)), color-stop(72%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 22%,rgba(143,2,34,1) 72%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(169,3,41,1) 22%,rgba(143,2,34,1) 72%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(169,3,41,1) 22%,rgba(143,2,34,1) 72%,rgba(109,0,25,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(169,3,41,1) 22%,rgba(143,2,34,1) 72%,rgba(109,0,25,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.pts-button.red:focus, .pts-button.red:hover {
        background: rgb(169,3,41); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 0%, rgba(104,42,56,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(0%,rgba(143,2,34,1)), color-stop(100%,rgba(104,42,56,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 0%,rgba(104,42,56,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 0%,rgba(104,42,56,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 0%,rgba(104,42,56,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 0%,rgba(104,42,56,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#682a38',GradientType=0 ); /* IE6-9 */
}

.pts-button.yellow {
        background: rgb(255,204,102); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,204,102,1) 1%, rgba(255,180,30,1) 47%, rgba(255,171,5,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,204,102,1)), color-stop(47%,rgba(255,180,30,1)), color-stop(100%,rgba(255,171,5,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,204,102,1) 1%,rgba(255,180,30,1) 47%,rgba(255,171,5,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,204,102,1) 1%,rgba(255,180,30,1) 47%,rgba(255,171,5,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,204,102,1) 1%,rgba(255,180,30,1) 47%,rgba(255,171,5,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(255,204,102,1) 1%,rgba(255,180,30,1) 47%,rgba(255,171,5,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ffab05',GradientType=0 ); /* IE6-9 */
}

.pts-button.yellow:focus, .pts-button.yellow:hover {
        background: rgb(255,184,53); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,184,53,1) 1%, rgba(255,177,22,1) 51%, rgba(255,170,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,184,53,1)), color-stop(51%,rgba(255,177,22,1)), color-stop(100%,rgba(255,170,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,184,53,1) 1%,rgba(255,177,22,1) 51%,rgba(255,170,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,184,53,1) 1%,rgba(255,177,22,1) 51%,rgba(255,170,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,184,53,1) 1%,rgba(255,177,22,1) 51%,rgba(255,170,0,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(255,184,53,1) 1%,rgba(255,177,22,1) 51%,rgba(255,170,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb835', endColorstr='#ffaa00',GradientType=0 ); /* IE6-9 */
}

.pts-button.gray {
        background: rgb(237,237,237); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(214,214,214,1) 49%, rgba(183,183,183,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(49%,rgba(214,214,214,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 49%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 49%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 49%,rgba(183,183,183,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 49%,rgba(183,183,183,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
        color: #333!important;
        text-shadow: 0 1px #a1a1a1;
}

.pts-button.gray:hover, .pts-button.gray:focus {
        background: rgb(226,226,226); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(198,198,198,1) 51%, rgba(183,183,183,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(51%,rgba(198,198,198,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(198,198,198,1) 51%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(198,198,198,1) 51%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(198,198,198,1) 51%,rgba(183,183,183,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(198,198,198,1) 51%,rgba(183,183,183,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}

.pts-button.green {
        background: rgb(120,183,113); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(120,183,113,1) 1%, rgba(57,181,43,1) 44%, rgba(24,181,7,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(120,183,113,1)), color-stop(44%,rgba(57,181,43,1)), color-stop(100%,rgba(24,181,7,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(120,183,113,1) 1%,rgba(57,181,43,1) 44%,rgba(24,181,7,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(120,183,113,1) 1%,rgba(57,181,43,1) 44%,rgba(24,181,7,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(120,183,113,1) 1%,rgba(57,181,43,1) 44%,rgba(24,181,7,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(120,183,113,1) 1%,rgba(57,181,43,1) 44%,rgba(24,181,7,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b771', endColorstr='#18b507',GradientType=0 ); /* IE6-9 */
}

.pts-button.green:hover, .pts-button.green:focus {
        background: rgb(75,168,57); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(75,168,57,1) 0%, rgba(45,165,14,1) 46%, rgba(28,168,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,168,57,1)), color-stop(46%,rgba(45,165,14,1)), color-stop(100%,rgba(28,168,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(75,168,57,1) 0%,rgba(45,165,14,1) 46%,rgba(28,168,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(75,168,57,1) 0%,rgba(45,165,14,1) 46%,rgba(28,168,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(75,168,57,1) 0%,rgba(45,165,14,1) 46%,rgba(28,168,0,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(75,168,57,1) 0%,rgba(45,165,14,1) 46%,rgba(28,168,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba839', endColorstr='#1ca800',GradientType=0 ); /* IE6-9 */
}

.pts-button::-moz-focus-inner
{
  padding:0;
  border:0;
}

.pts-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

.pts-button.large {
	font-size: 24px;
	line-height: 24px;
}

/* remove extra button width in IE */
button.pts-button { width:auto; overflow:visible; }

.pts-button-icon-left { padding-left: 2.1em; }
.pts-button-icon-right { padding-right: 2.1em; }
.pts-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0;}
.pts-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.pts-button-icon-solo { display:block; width:8px; text-indent: -9999px; }        /* solo icon buttons must have block properties for the text-indent to work */

.pts-buttonset { float:left; }
.pts-buttonset .pts-button { float: left; }
.pts-buttonset-single .pts-button,
.pts-buttonset-multi .pts-button { margin-right: -1px;}

.pts-toolbar { padding-bottom: 10px; margin: 0; font-weight: bold; display: block; float: left; }
.pts-toolbar .pts-buttonset { margin-right:1.5em; padding-left: 1px; }
.pts-toolbar .pts-button { font-size: 1em;  }

/**********************************
	Dashboard Styles
**********************************/
table.dashwidgettable
{
        border-collapse: collapse;
        border: 1px solid #2e6e9e;
        width: 95%;
}
table.dashwidgettable th
{
        color: #f2f2f2;
        text-align: left;
        background-color: #284A7E;
        padding: 5px 5px 5px 10px;
}
table.dashwidgettable td
{
        padding: 7px 5px 7px 10px;
}
table.dashwidgettable tr.even
{
        background-color: #ddd;
}

div.dashwidgettools
{
	position: absolute;
	right: 6px;
	top: 6px;
	width: 110px;
	height: 16px;
	display: none;
}

div.dashwidgetcontainer:hover div.dashwidgettools
{
	display: block;
}

div.dashwidgetcontainer.minimized div.dashwidgetheader
{
	cursor: pointer;
}

div.dashwidgettools ul
{
	margin: 3px;
	padding: 0;
	width: 100%;
	list-style-type: none;
	float: left;
}

div.dashwidgettools ul li.dashwidgettool 
{
	float:right;
	margin-left: 3px;
	width: 16px;
	height: 16px;
}


.progressbar
{
	height: 24px;
	border: 1px solid #888;
	border-radius: 2px;
	margin: 3px;
	position: relative;
	background-color: #ddd;
}

.progressbar .progressbar-value
{
	width: 100%;
	height: 100%;
	margin -1px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	/*background: #78B771;*/
	background: #18B507;
}

.progressbar .progressbar-label
{
	position: absolute;
	left: 50%;
	top: 3px;
	font-weight: bold;
	color: #444;
	text-shadow: 1px 1px 0 #fff;
	font-size: 18px;
}

body
{
	-webkit-text-size-adjust: 90%;
}

/************************************************
	Training Course Progress App Styles
************************************************/
        #trainingcourseprogress-outline
        {
                /*margin-top: 64px;*/

        }
        ul.courseoutline
        {
                list-style-type: none;
                width: 99%;
        }
        ul.courseoutline li {
                margin: 0 1em;
                margin-right: 0;
                border-left: 3px solid #aaa;
                border-bottom: 1px solid #aaa;
                padding: 3px;
        }
        ul.courseoutline li:first-child {
                border-top: 1px solid #aaa;
        }
        div.trainingsection-item-header {
                position: relative;
                background-color: #eee;
                padding: 5px;
                font-size: 18px;
                font-weight: bold;
        }
        div.trainingsection-item-header-status {
                position: absolute;
                width: 150px;
                padding: 3px;
                text-align: right;
                right: 0;
                top: 0;
                font-style: normal;
        }
        div.trainingsection-item-content {
                /*display: none;*/
                font-style: normal;
                background-color: #fff;
        }
        div.trainingsection-item-header.complete {
                background-color: #EEFFEE;
        }
        div.trainingsection-item-header-status.complete {
                color: green;
        }

        div.trainingsection-item-header-status.ongoing {
                color: brown;
        }

        div.trainingsection-tools {
                margin-top: 10px;
                margin-bottom: 10px;
        }


	div.ptsnotification-permission {
		position:fixed;
		top:0px;
		left:0px;
		background:#e5e5e5;
		width: 100%;
		padding: 5px;
		cursor: pointer;
		border-bottom: 1px solid black;
	}

@media screen and (max-width: 768px) {
        #info, #info thead, #info tbody, #info th, #info td, #info tr {
                display: block;
        }

        #info tr:first-child {
                position: absolute;
                top: -9999px;
                left: -9999px;
        }

        #info tr {
                border: 1px solid #ccc;
        }

        #info td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding: 10px 5px;
        }

        #info td:before {
                display: block;
                width: 100%;
                padding: 5px 0;
                font-weight: bold;
        }
}

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

        body {
                min-width: 0;
                width: 100%;
        }

        #pts-header {
                width: auto;
        }

        .btn-mobile-menu {
                display: inline-block;
        }

        #user-bar {
                clear: both;
                margin-top: 10px;
                padding-top: 10px;
                float: none;
                display: block;
                width: 100% !important;
                text-align: left !important;
        }

        #mainnavigation {
                height: auto;
                display: none;
        }

        #mainnavigation a.fg-button {
                float: none;
                display: block;
        }

        .pts-toolbar {
                float: none !important;
                display: block !important;
                width: 100% !important;
        }

	.rightContent {
		width: 100%;
	}

        .detailContentPane {
                box-sizing: border-box;
                min-width: 0;
                width: 100%;
                float: none;
                display: block;
        }

        #detailSidebar, .detailSidebar {
                width: 100% !important;
                min-width: 0 !important;
                float: none !important;
                display: block !important;
        }


        .detailContentPane .a100,
        .detailContentPane .a75,
        .detailContentPane .a66,
        .detailContentPane .a50,
        .detailContentPane .a33,
        .detailContentPane .a25,
        .detailContentPane .a20 {
                float: none !important;
                display: block !important;
                width: auto !important;
        }
}

/*  Some adaptive details item styling for resolutions <= 1422px, which causes the item formatting to break.  Rather than showing side-by-side, stack the title/content. */
@media screen and (max-width: 1422px) {
	.detailContentPane .item-title {
		width: auto;
		float: none;
	}

	.detailContentPane .item-content {
		width: auto;
		float: none;
	}
}

@media (max-width: 767px) {
        .detailContentPane .item-edit-title {
                width: auto;
                float: none;
                margin-bottom: 5px;
        }

        .detailContentPane .item-edit-content {
                width: auto;
                float: none;
        }
        .edit-required-desc {
                float: none;
                width: auto;
                clear: both;
                margin-left: 0px;
        }
}
@media (max-width: 767px) {
        .sidebarContentBoxContent {
                display: none;
        }
}