html
{
	overflow-y: scroll;
}
body
{
	margin:0;
	padding:0;
	font-family:Arial, Sans-Serif;
	font-size:10pt;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#masthead 
{
	background-color:Black;
	height:34px;
	top:0;
	left:0;
	position:absolute;
	width:100%;
}
#banner, #center
{
	width:980px;
	margin:0 auto;
	position:relative;
}
#picker #banner, #picker #center, #popup #banner, #popup #center
{
	margin:5px 0;
	width:auto;
	position:relative;
	min-height:initial;
}
#picker #next-paging-div {
	right:0px;
}
#logo
{
	display:block;
	/*width:353px;*/
	width:180px;
	height:34px;
	background-image:url(../img/Tech75ContentHalf.gif);
	background-position:2px top;
	background-repeat:no-repeat;
	position:relative;
}
#logo>span
{
	color:#fff;
	
	background-color: rgba(1,1,1,0.5);
	padding:5px 10px 5px;
	position:absolute;
	bottom:0;
	right:0;
}
#banner #alertarea
{
	position:absolute;
	margin-left:188px;
	top:10px;
	height:24px;
	width:800px;
	background-color:#555555;
}
#picker #banner #alertarea
{
	width:600px;
}

#center
{
	margin-top:34px;
	min-height:600px;
}
#alertarea>ul 
{
	list-style:none;
	position:absolute;
	top:0;
	right:0;
	margin: 0;
	padding:0;
	height:18px;
}
#alertarea>ul>li
{
	position:relative;
	float:left;
}
#alertarea>ul>li a
{
	font-family:Tahoma;
	display:block;
	height:16px;
	color:White;
	text-decoration:none;
	font-weight:bold;
	font-size:small;
	padding:4px 6px;
	white-space:nowrap;
}
#alertarea>ul>li a:hover
{
	background-color:#777777;
}
#alertarea>ul>li a img
{
	vertical-align:middle;
	padding-left:5px;
	border:0;
}
#account-nav.pop-down
{
	padding-right:18px;
	background-image:url(../img/DropWhite.gif);	
	background-repeat:no-repeat;
	background-position:65px 11px;
}
#left-content
{
	position:absolute;
	padding:20px 0 0 2px;
	width:186px;
	min-height:calc(100vh - 100px);
}
#welcome
{
	margin-bottom:20px;
	font-size:small;
}
#welcome h1
{
	line-height:normal;
	font-family:Tahoma, Sans-Serif;
	font-weight:bold;
	margin: 5px 0 0;
	white-space:nowrap;
	font-size:22px;
	overflow:hidden;
	text-overflow:ellipsis;
}
#welcome p, #welcome dd
{
	overflow:hidden;
	text-overflow:ellipsis;
}
#side-navigation
{
	margin:0;
	padding:0;
	list-style:none;
}
#side-navigation li
{
	margin-top:1px;
}
#side-navigation a
{
	color:Black;
	text-decoration:none;
	font-family:Tahoma, Sans-Serif;
	font-size:11px;
	display:block;
	height:20px;
	padding-left:28px;
	padding-top:4px;
	background-repeat:no-repeat;
	background-position:6px 4px;
}
#list-table a:not(.button)
{
	color:Black;
	text-decoration:none;
	font-family:Tahoma, Sans-Serif;
	font-size:11px;
	display:block;
	height:28px;
	padding-left:0px;
	padding-top:4px;
	background-repeat:no-repeat;
	background-position:6px 4px;
}
#list-table a.edit-button {
	margin: 0 0 0 5px;
	width:98px;
}

#list-table tr:hover td{
	background-color:#eee
}
.nowrap {
	white-space:nowrap;
}
#list-table .mover {
	content:box;
	cursor:ns-resize;
}
#side-navigation a.active, #side-navigation a.active:hover
{
	font-weight:bold;
	background-color:#DDDDDD;
}
#side-navigation a:hover
{
	background-color:#EEEEEE;
}
#side-navigation a.sub-menu-item
{
	display:inline-block;
	width:136px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding: 0 10px 0 40px;
}
.section
{
	color:Black;
	text-decoration:none;
	font-family:Tahoma, Sans-Serif;
	font-size:12px;
	display:block;
	height:20px;
	padding-left:28px;
	padding-top:4px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:6px 4px;
	border-bottom: solid 1px #eee;
	margin-bottom:5px;
	padding-bottom:4px;
}
ul#developer-menu a
{
	padding-left:52px;
}
.content-menu-item, #indicators, #apis
{
	background-image:url(../img/ContentItem.gif);
}
.content-sub-menu-item
{
	text-align:right;
	padding: 0 10px 0 0;
}
#articles
{
	background-image:url(../img/Articles.gif);
}
#accounts {
	background-image: url(../img/Documents.gif);
}
#developer
{
	background-image:url(../img/Developer.gif);
}
ul#developer-menu a
{
	background-position:30px 4px;
}
#developer-menu #content-model
{
	background-image:url(../img/ContentModel.gif);
}
#workflow
{
	background-image:url(../img/WorkFlow.gif);
}
#site-setup
{
	background-image:url(../img/SiteSetup.gif);
}
#events
{
	background-image:url(../img/Events.gif);
}
#comments
{
	background-image:url(../img/Comments.gif);
}
#venues
{
	background-image:url(../img/Venues.png);
}
#images
{
	background-image:url(../img/images.gif);
}
#static-pages, #pages, #homepage
{
	background-image:url(../img/html.gif);
}
#modules, #cases
{
	background-image:url(../img/Modules.gif);
}
#email, #emailtemplates {
	background-image: url(../img/Email.gif);
}
#forum
{
	background-image:url(../img/Forum.gif);
}
#library
{
	background-image:url(../img/Library.gif);
}
#vocab
{
	background-image:url(../img/Vocab.gif);
}
#documents
{
	background-image:url(../img/Documents.gif);
}
#videos
{
	background-image:url(../img/Videos.gif);
}
#reports
{
	background-image:url(../img/Reports.gif);
}
#authors {
	background-image: url(../img/Users.gif);
}
#users, #team
{
	background-image:url(../img/Users.gif);	
}
#statistics
{
	background-image:url(../img/Statistics.gif);
}
#all-sites
{
	background-image:url(../img/Filter.png);
}
#categories
{
	background-image:url(../img/Categories.gif);
}
#chapters
{
	background-image:url(../img/Chapters.gif);
}
#main-content
{
	border: solid 1px #777777;
	border-top:none;
	margin-left:188px;
	min-height:calc(100vh - 100px);
	padding: 5px 15px 10px;
	width:769px;
}
#footer
{
	margin-left:188px;
	padding-top:5px;
	font-size:10px;
}
#footer a
{
	text-decoration:none;
	color:Black;
}
#footer a:hover
{
	text-decoration:underline;
}
#copyright
{
    float:left;
}
#footernav
{
    float:right;
}
.bk
{
    margin-left:5px;
    border-left:solid 1px #888888;
    padding-left:5px;
}
form
{
	margin:0;
	padding:0;
	position:relative;
}
input[type="text"]
{
	border:solid 1px #CCCCCC;
	padding:3px;
	margin:0;
}

button, .ui-widget button {
	min-width:100px;
	border:solid 1px #888888;
	color:#222222;
	padding:0 5px 2px 0;
	background-color:#DDDDDD;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	margin: 0 0 0 5px;
	height:24px;
	white-space:nowrap;
}
#submit, #add
{
	position:absolute;
	top:0;
	left:664px;
}
#submit
{
	/*padding-left:6px; dealt with by jquery-ui now*/
	background-image:url(../img/Search.gif);
	background-repeat:no-repeat;
	background-position: 6px 6px;
}
#add
{
	/*padding-left:16px; dealt with by jquery-ui now*/
	background-image:url(../img/Plus.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}
.action-link
{
	display:inline-block;
	color:Black;
	text-decoration:none;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	padding: 5px 5px 5px 17px;
	top:0;
	background-image:url(../img/DropBlack.gif);
	background-repeat:no-repeat;
	background-position:6px 12px;
}
.action-link:hover
{
	text-decoration:underline;
	background-image:url(../img/DropRed.gif);
	color:#dc0408;	
}
.action-link.popped
{
	background-color:#555555;
	color:White;
	background-image:url(../img/UnDropWhite.gif);
	padding-bottom:12px;
	margin:0;
}
#picker .action-link.popped
{
	background-color:#fff;
	color:#555;
	background-image:url(../img/UnDropBlack.gif);
	padding-bottom:12px;
	margin:0;
}

#add-link
{
	left:270px;
}
#import-link
{
	left:385px;
}
#list-navigation, #item-actions
{
	width:100%;
	height:30px;
	background-color:#EEEEEE;
	border-top:solid 1px #888888;
	margin-top:5px;
	padding-top:5px;
}
#list-paging
{
	display:block;
	float:right;
	font-family: Tahoma, Sans-Serif;
    font-size: 11px;
	line-height:25px;
}
#next-paging-div, #prev-paging-div {
	position:absolute;
	display:none;
}
#next-paging-div.show, #prev-paging-div.show {
	display:block;
}
#next-paging-div {
	right:-80px;
	top:5px;
	background-color:#fff;
	overflow-y:scroll;
	max-height:calc(100vh - 50px);
	border:solid 1px #888;
}
#prev-paging-div {
	right:80px;
	top:5px;
	background-color:#fff;
	overflow-y:scroll;
	max-height:calc(100vh - 100px);
	border:solid 1px #888;
}
#next-paging-div a, #prev-paging-div a {
	color:#000;
	display:block;
	width:50px;
	padding:0 10px;
		font-family: Tahoma, Sans-Serif;
    font-size: 11px;
	text-decoration:none;
}
	#next-paging-div a:hover, #prev-paging-div a:hover {
		background-color:#eee;
	}

#next-page, #previous-page
{
	display:block;
	position:relative;
	width:40px;
	height:23px;
	background-position:15px 7px;
	background-repeat:no-repeat;
	margin-right:3px;
}
a#next-page, a#previous-page
{
	border:solid 1px #888888;
	background-color:#DDDDDD;
}
span#next-page, span#previous-page
{
	border:solid 1px #BBBBBB;
	background-color:#EBEBEB;
}
a#next-page:hover, a#previous-page:hover
{
	background-color:#CCCCCC;
}
#next-page
{
	float:right;
}
#previous-page
{
	float:right;
	margin-left:10px;
}
a#next-page
{
	background-image:url(../img/ArrowRight.gif);	
}
a#previous-page
{
	background-image:url(../img/ArrowLeft.gif);	
}
span#next-page
{
	background-image:url(../img/ArrowRightLight.gif);	
}
span#previous-page
{
	background-image:url(../img/ArrowLeftLight.gif);	
}
#list-controller
{
	margin-top:10px;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	color:#777777;
}
#list-controller button
{
	height:18px;
	padding:0 3px 1px;
	font-weight:normal;
	font-size:9px;
	background-color:#EEEEEE;
	border-style:outset;
}
#show-mode
{
	display:block;
	float:right;
}
#show-mode span
{
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
	background-color:#EEEEEE;
	padding:1px 5px;
}
#list-controller button:hover
{
	text-decoration:underline;
}
#list-table
{
	margin-top:10px;
	font-family:Tahoma;
	font-size:11px;
	width:100%;
	overflow:auto;
	border-collapse:collapse;
	display:table;
}
#list-table th, #list-table #headings div 
{
	text-align:left;
	padding:0 40px 0 0;
	border-bottom:solid 1px #DDDDDD;
	white-space:nowrap;
	display:table-cell;
}
	 #list-table #headings, #list-table #sortable div {
		display:table-row;
	}
	#list-table #sortable {
		display: table-row-group;
	}
#list-table td, #list-table #sortable div>div 
{
	display:table-cell;
	width:auto;
	border-bottom:solid 1px #DDDDDD;
	vertical-align:top;
	padding:0 10px 3px 0;
}
#list-table #sortable div>div 
{
	padding-top:5px;
}
#list-table td>div
{
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
#list-table th.stretch, #list-table #headings div.stretch
{
	width:100%;
}
#list-table th.fixed, #list-table #headings div.fixed
{
	padding:0 10px 0 0;
}
#list-table p
{
	margin:0;
	padding:0;
}
#list-table img
{
	margin:5px;
	float:left;
	border:solid 1px #777777;
}
#actions
{
	width:100%;
	height:30px;
	background-color:#EEEEEE;
	border-top:solid 1px #888888;
	margin-top:5px;
	padding-top:5px;
}
#new-image-form, #import-image-form
{
	height:30px;
}
/*
#new-image-file
{
	margin-right:120px;
	left:0;	
}
.hidden-file
{
	position:absolute;
	left:0;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	border:1px solid Green;
}
.fake-file
{
	position:absolute;
	top:0;
	width:550px;
}
.fake-browse
{
	position:absolute;
	top:0;
	left:563px;
}
*/
.cancel
{
	z-index: 3;
}
#clock
{
	color:White;
	font-size:12px;
	font-weight:bold;
	margin:5px 15px;
	font-family:Tahoma;
	cursor:default;
}
#errors
{
	color:White;
	font-size:12px;
	font-weight:bold;
	border-left: solid 5px Red;
	border:solid 2px Red;
	padding:2px 10px;
	background-color:#ff6060;
}
#alertarea
{
}
#alertarea ol li
{
	display:inline;
}
#side-navigation .separator
{
	border-top: solid 1px #EEEEEE;
	margin-top:7px;
	padding-top:7px;
}
.file-browse
{
	margin:0 5px;
}
#list-table p.by-line
{
	margin-bottom:5px;
}
#left-content dl, #summary-section dl
{
	border-left:solid 1px #999;
	padding: 0 0 0 10px;
	font-size:11px;
	margin: 10px 0 50px 10px;
}
#left-content dl dt, #summary-section dl dt
{
	color: #999;
	padding: 0;
}
#left-content dl dd, #summary-section dl dd
{
	font-family:Tahoma, Sans-Serif;
	margin: 0 0 3px 0;
	padding: 0 0 0 14px;
	background: url(../img/dt-bullet.gif) no-repeat 2px;
}
table#compile-errors
{
	font-family:Courier;
	font-size:small;
	height:150px;
	overflow:scroll;
	display:block;
}
table#compile-errors td
{
	overflow:hidden;
}
textarea#content-model
{
	height:500px;
}
fieldset
{
	border:none;
	padding:0;
	position:relative;
	margin:0;
}
fieldset label
{
	display:block;
	margin:10px 0;
	padding:0 0 0 15px;
    background: url("../img/collapseArrowDown.gif") no-repeat scroll 2px 5px transparent;	
}
fieldset label.collapsed
{
    background: url("../img/expandArrow.gif") no-repeat scroll 2px 5px transparent;
}

fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="datetime-local"], fieldset input[type="url"], fieldset input[type="email"], fieldset input[type="tel"]
{
	text-indent:10px;
	padding:5px 0;
	display:block;
	width:100%;
	font-size:16px;
	font-weight:bold;
}
fieldset select
{
	margin:0;
	padding:10px 5px;
	display:block;
	width:100%;
	font-size:16px;
}
::placeholder {
  font-weight: lighter;
  color:#ddd;
}
td.read-unread
{
	text-align:center;
}
#list-table td.read-unread img
{
	float:none;
	border:none;
}
#list-table th.read-unread
{
	padding:0 10px;
}
#pop-menu
{
	position:absolute;
	top:20px;
	z-index:100;
	list-style:none;
	background-color:#555555;
	padding:0;
	right:0;
	display:none;
}
#error-alert, #success-alert
{
	position:absolute;
	margin:0 0 0 80px;
	top:0;
	background-color:#dd9999;
	padding:2px 15px 5px;
	width:550px;
	padding:2px 15px 5px;
}
#error-alert
{
	background-color:#dd9999;
}
#success-alert
{
	background-color:#99dd99;
}
#error-alert p, #success-alert p
{
	margin:0;
	color:White;
	font-weight:bold;
}


#new-username-text, #new-password-text, #new-confirmpassword-text
{
	display:inline;
	width:450px;
}
#add
{
	position:relative;
	left:0;
}
form#new-user
{
	height:100px;
}
#new-user
{
	border:solid 1px Silver;
	margin-top:12px;
	padding:10px 20px;
}
.col1
{
	width:150px;
}
.ui-button-text
{
	white-space:nowrap;
}

select.massive
{
	height:600px;
}

form.pop-down-form
{
	display:none;
}
form.pop-down-form
{
	height:100%;
	border:solid 1px Silver;
	margin:0 0 10px;	
	position:relative;
	padding:5px 0 0;
}
form.pop-down-form #add
{
	position:relative;
	left:0;
}
#main-content form.pop-down-form td
{
	padding:5px 10px;
	white-space:nowrap;
}
#main-content form.pop-down-form td.col2
{
	width:100%;
}
form.pop-down-form table
{
	display:inline-block;
	border-collapse:collapse;
	width:650px;
}
form.pop-down-form input
{
	width:100%;
}
form.pop-down-form select
{
	width:450px;
}
form.pop-down-form button
{
	position:absolute;
	right:5px;
	bottom:7px;
}
#action-form
{
	margin:10px 0 0;
}
.auto-complete-ajax {
	position:relative;
}
.auto-complete-ajax>div {
	position:absolute;
	z-index:10;
	width:100%;
}
.auto-complete-ajax>div>p {
	background:#fff;
	width:100%;
	padding:0;
	border:1px solid #000;
}
	.auto-complete-ajax > div a {
		display:block;
		width:calc(100% - 10px);
		padding:5px;
		text-decoration:none;
		color:#000;
	}
	.auto-complete-ajax > div a{
		border-bottom:solid 1px #888;
	}
	.auto-complete-ajax > div a:hover{
		background-color:#eee;
	}
	.auto-complete-ajax > div a:last-child {
		border-bottom:none;
	}
		.auto-complete-ajax > div a>span {
			display:block;
		}
		.auto-complete-ajax > div a>span:last-child {
			font-size:11px;
			padding:5px 0 0 5px;
		}
	.auto-complete-ajax > div a span>span {
		font-weight:bold;
	}
#list-table td.indent1 {
	padding-left:50px;
}
#list-table td.indent2 {
	padding-left: 100px;
}
#list-table td.indent3 {
	padding-left: 150px;
}
#list-table td.indent4 {
	padding-left: 200px;
}

#list-table td.score20 {
	background-color: #ff0000 !important;
}
#list-table td.score40 {
	background-color: #ff6d6d !important;
}
#list-table td.score60 {
	background-color: #ffb66c !important;
}
#list-table td.score80 {
	background-color: #afd095 !important;
}
#list-table td.score100 {
	background-color: #00a933 !important;
}
.l1hidden, .l2hidden, .l3hidden, .l4hidden {
	display:none;
}
.indicator_coverage, .score {
	text-align:right;
}
#list-table th.indicator_coverage, #list-table th.score {
	text-align: right;
	padding-right:10px;
}
.list-header_row {
	height: 40px;
}
#list-table tr.indicator td {
	background-color: #faefcf;
}