l {
	overflow-y: scroll;
}

body	{
	font-size:20px;
	width:100% !important;
}
div#body	{
	margin:0 auto !important;
}
fieldset, ul	{
	margin:0px;
	padding:0px;
}
input, select, button {
	box-shadow: 1px 1px 1px gray;
}	

#main-banner	{
	background-color:#3171AF;
	color:white;
	padding-top:50px;
}
#main-banner-text	{
	font-size:50px;
	text-shadow: 2px 2px 1px black;
	font-weight: bold;
}
#main-banner a:link, #main-banner a:visited {
	font-size: 14px;
	color:white;
	text-decoration:underline;
}
#main-banner a:hover {
	color:#E0E0E0;
}

#site-name {
	position: absolute;
	padding-top: 40px;
	text-shadow: 1px 1px 1px black;
	color: white;
	text-align: center;
	width: 210px;
}

/* Navigation */
div.menu	{
	background-color:#0B2A3F;
	font-size:16px !important;
	width:100%;
	overflow:visible;
	white-space:nowrap;
	height: 50px;
}
div.mainfrontmenu {
	height: auto !important;
	padding-bottom: 10px !important;
	min-height:40px !important;
}
div.menu	ul	li	a	{
	color:white;
	text-decoration:none;
	text-shadow: 0 0 3px black;
}
div.menu	ul	li	a:hover	{
	text-decoration:underline;
	color:white;
}
div.menu	ul	li	{
	display:inline;
	float:left;
	padding-top:10px;
	margin-left:18px;
}

/* Large Menu Navigation */
div.largemenu	{
	background-color:#0B2A3F;
	font-size:16px !important;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
}
div.largemenu	ul	li	a	{
	color:white;
	text-decoration:none;
	text-shadow: 0 0 3px black;
}
div.largemenu	ul	li	a:hover	{
	text-decoration:underline;
	color:white;
}
div.largemenu	ul	li	{
	display:inline;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:18px;
}


div.menu	ul	li span.bold {
	font-weight: bold;
	color: #3171AF;
	text-shadow: black 1px 1px 0px;
}

div.submenu {
	background-color:#E2EAF7 !important;
}
div.submenu	li	a{
	color:blue !important;
	text-shadow: 0 0 3px white!important;
}

div.submenu2 {
	background-color:#EFF2FB !important;
}
div.submenu2 li a{
	color:blue !important;
	text-shadow: 0 0 3px white!important;
}

div.quickinfo {
    padding: 5px;
    position: absolute;
    border: 3px solid black;
    background: #99CCFF;
    z-index: 999;
}
div#breadcrumbs	{
	background-color:#3171AF;
	color:white;
	white-space:nowrap;
}
div#breadcrumbs	p	{
	margin:10px 0px 0px 10px;
	font-size:20px;
}
div#breadcrumbs	a	{
	color:white;
}
div#breadcrumbs a:hover {
	color:#E0E0E0;
}
.custom-report {
	border:1px solid black;
	border-collapse:collapse;
	text-align:center;
}
.report-header {
	border:1px solid black!important;
	border-collapse:collapse;
	text-align:left!important;
	padding:3px;
}
.ticket-header .ticket-header tr, .ticket-header td, .ticket-header th {
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	padding: 3px;
}

.ticket-header p {
	margin: 0px!important;
}

.ticket-section {
	background-color: #E2E2E2;
	border: 1px dotted black;
	border-collapse: collapse;
	padding: 5px;
}

.ticket-section-title {
	font-size: 12px;
	line-height: 13px;
	padding: 1px;	
}

h2.section_header {
	display:inline;
	line-height:50px;
	font-weight:bold;
}
h5.section_header {
	display:inline;
	line-height:20px;
	font-weight:bold;
}
ul.section_menu, ul.section_menu	ul{
	border:1px solid;
	border-color:#D7D9B2;
}
ul.section_menu, ul.section_menu	a	{
	color:#7B7845;
}
ul.section_menu	li	a:hover	{
	color:#D79F1D;
}
ul.section_menu	li	{
	list-style:none;	
	background-color:#FFFEBB;
	border-bottom:1px solid;
	border-color:#D7D9B2;
}
ul.section_menu	li	li	{
	background-color:#FFFFDD !important;
}
	
div#search	input#q	{
	background-color:#F4F3EE;
	border:1px solid;
	font-size:18px;
}
div#search	input.submit, input.search	{
	background-color:#9DC56B !important;
	color:white;
	font-weight:bold;
	font-size:16px;
	border:0px;
	height:40px;
	border-style:outset;
	border-color:#CDA2DB;
}

.can-skip:hover {
	cursor:pointer;
}

div.search_pages	{
	font-size:30px;
	font-weight:bold;
	border-bottom:1px solid black;
}
div.search_pages	a{
	font-size:24px;
	text-decoration:none;
}
ul.search_result	li	{
	font-size: 18px;
}
ul.search_result 	a 	{
	font-size:18px;
}
ul.search_result	a:hover, div.search_pages	a:hover	{
	/*color:#996633;*/
	color:#0099ff;
	cursor:pointer;	 /*Required for IE*/
}
ul.search_result	a, div.search_pages	a	{
	text-decoration:none;
}
.red {
	color:red;
}
.green {
	color:green;
}
.clarify-dark {
	background-color:#D0D0D0;
}
.clarify {
	background-color:#E2E2E2;
}

/* Docs */
#docs-body	ul{
	margin:0px 0px 10px 35px;
	list-style:disc;

}

#docs-body	.section-nav	{
	display:inline !important;
	float:right;
	width:400px;
	border:1px solid black;

}

#docs-body	.section-nav	h1	{
	text-align:center;
}
ul.main-toc {
	list-style-type: none !important;
	font-size: 22px;
	font-weight:bold;
}
ul.main-toc	a	{
	text-decoration:none;
}
ul.main-toc	ul{
	list-style-type: circle !important;
	font-size: 16px;
	font-weight:normal;
}

h1	{
	font-size:25px;
	font-weight:bold;
	margin-bottom:0px;
}

h2, h3, h4	{
	font-weight:bold;
	margin-bottom:0px;
	margin-top:15px;
}
.inline-image	{
	border:1px solid black;
}
.inline-image-right	{
	float:right;
	margin-left:15px;
	clear:right;
	margin-top:10px;
}
.inline-image	.caption	{	
	text-style:italic;
	text-align:center;
}

/* messages */
ul#alerts	{
	background-color:#FFFDE4;
	border:2px solid;
	border-color:#DFDFD5;
	overflow:auto;
	font-size:18px;
}
ul#alerts	li{
	border-bottom:1px solid;
	line-height:1.7;
}
ul#alerts	li	a, .like	{
	font-weight:bold;
}
span#shutdown-timer {
	font-weight:bold;
}
div.shutdown {
	text-align:center !important;
	clear:left;
	border: 1px solid;
	border-color:#006939;
	background-color:#DCF2C3;
	color:#006939;
	margin-top:5px;	
}
div.warning {
	border-color:#660000;
	background-color:#FFCC40;
	color:#660000;
}
div.warning-header {
	font-size: 12px;
	background-color:#EEBB30;
}
ul#messages {
	text-align:center !important;
	clear:left;
}
ul#messages	li	{
	border: 1px solid;
	border-color:#006939;
	background-color:#DCF2C3;
	color:#006939;
	margin-top:5px;	
}
ul#messages	li.success	{
	border-color:#006939;
	background-color:#DCF2C3;
	color:#006939;
}
ul#messages	li.warning	{
	border-color:#660000;
	background-color:#FFCC40;
	color:#660000;
}
ul#messages	li.error	{
	border-color:white;
	background-color:#FF4422;
	color:white;
}
ul#messages	li.info	{
	border-color:white;
	background-color:#99BBFF;
	color:white;
}
ul#messages li span {
	position:relative;
	display:block;
	font-size: 12px;
	margin-bottom: -30px; /* This pushes the title upwards */
}
ul#messages li.success span.success {
	background-color: #CBE1B2;
}
ul#messages li.warning span.warning {
	background-color: #EEBB30;
}
ul#messages li.error span.error {
	background-color: #EE3311;
}
ul#messages li.info span.info {
	background-color: #88AAEE;
}
.announcement-success	{
	border-color:#006939;
	background-color:#DCF2C3;
	color:#006939;
}
.announcement-warning	{
	border-color:#660000;
	background-color:#FFCC40;
	color:#660000;
}
.announcement-error	{
	border-color:white;
	background-color:#FF4422;
	color:white;
}
.announcement-info	{
	border-color:white;
	background-color:#99BBFF;
	color:white;
}
.sidebar	{
	background-color:#E2EAF7;/*#FFFDE4;*/
	border:1px solid;
	border-color:gray;/*#DFDFD5;*/
	/*IE FIX: */
	margin-right: -2px;
	margin-left: -2px;
}
.sidebar h3 {/*Sidebar headers should be h3's*/
	text-align:center;
	font-weight:bold;
}
.sidebar	input	{
	background-color:#6688ff;
	border-color:gray;
	color:white;
	font-weight:bolder;
}	
.sidebar	li.active	{
	font-weight:bold;
	color:black;
}
.sidebar	li.completed {
	font-weight:bold;
	color:black!important;
	text-decoration:none;
}
.sidebar	li.completed	a	{
	font-weight:bold;
	color:blue;
	text-decoration:none;
}
.sidebar	li.completed	a:hover	{
	color:#0099ff;
}	
.prop {
	height:120px;
	float:right;
	width:1px;
}

/* Forms */

.fake-button {
	background-color:#4A8EE1 !important;
	color:white;
	font-weight:bolder;
	font-size:16px;
	border:1px;
	height:35px;
	padding:6px;
	border-style:outset;
	border-color:gray;
}

.fake-button:hover {
	color:white;
}

.delete-button {
	background-color:lightgray !important;
}

form.side_form input, form.side_form select {
	width:145px;
	display:block;
}
input.submit,button.submit	{
	background-color:#4A8EE1 !important;
	color:white;
	font-weight:bolder;
	font-size:16px;
	border:1px;
	height:35px;
	border-style:outset;
	border-color:gray;
}
input.submit:hover, input.submit-small, button.submit, button.submit-small {
	cursor:pointer;
}
input.submit-small, button.submit-small	{
	background-color:#4A8EE1 !important;
	color:white;
	font-weight:bolder;
	font-size:12px;
	border:1px;
	height:25px;
	border-style:outset;
	border-color:gray;
}
input.submit:hover {
	cursor:pointer;
}
input.mouse_down	{
	border-style:inset;
}
input.required, select.required, textarea.required	{
	background-color: #FFDDDD !important;
}
input.disabled	{
	background-color:#999999 !important;
}
input.remove	{
	color:white;
	background-color:#6688FF;
	font-weight:bold;
}
input.delete, button.delete, input.delete-nopop, button.delete-nopop	{
	background-color: #B2B2B2 !important;
	cursor:pointer;
}

/* Autoform */
ul.autoform	.multiple	{
	height:100px;
}	
ul.autoform	li{
	font-size:15px;
}	

/* filterset options as_ul */
ul.righthand-filters	input, ul.righthand-filters	select	{
	position:relative;
	margin:0; /* removes a default .5em */
	margin-left:35%;
	width:65%;
}
ul.righthand-filters	label	{
	display:inline;
	padding-right:35%;
}
ul.righthand-filters	span	{
	display:block;
}
ul.righthand-filters	span	label	{
	width:0;
	margin:0;
	padding:0;
}

/* Form errors */
ul.errorlist	li{
	color:red;
	font-weight:bold;
}
ul#form_errors	{
	text-align:center !important;
}
ul#form_errors	li	{
	border:1px solid;
	border-color:black;
	background-color:#FF9966;
	color:black;
}
ul.tabs	li	a	{
	text-decoration:none;
	border:1px solid black;
	border-bottom:none;
	margin:0px;
	padding:3px 10px 2px 10px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
ul.tabs	li	{
	display:inline;
	background-color:white;
	color:black;
	cursor:pointer;
	border-bottom:1px solid white;
}
ul.tabs	{
	border-bottom:1px solid black;
}
ul.tabs	li.tab-selected	a	{
	background-color:#DDDDFF;
	padding:4px 10px;
	cursor:default;
}

/* Convenience classes */
.print	{
	display:none !important;	
}
.multiple	{
	max-height:200px;
}
.peach	{
	background-color:#FFFDE4;
	border:2px solid;
	border-color:#DFDFD5;
}
ul.normal {
	list-style-type:circle;
}
.add-another {
	text-decoration:none;
	color:green;
	cursor:pointer;
	font-family:monospace;
}

/* Payroll */
.fringe-cell	{
	font-size:12px;
}
/* PAR */
/* nitty gritty */
div.timeclock_report_entry	{
	border:1px solid;
}
div#timeclock_nav	a	{
	color: #A3A3A3;
}

.time-width {
	width: 41px;
	text-align: center;
}

table#weekly_hours	{
	border-collapse:collapse;
}
table#weekly_hours	td{
	text-align:center;
}
table#weekly_hours	th	{	/* Hacky. Left label column */
	text-align:left;
}
table#weekly_hours	tr#header	td	{
	color:#406697;
	font-weight:bold;
}
table#weekly_hours	tr.underline	td	{
	border-bottom:1px solid #A3A3A3;
}
div.error {
	color: red;
}
tr.error	{
	background-color:red;
}
td.error	input{
	border:3px solid red !important;
}
td.error{
	color: red !important;
}
/* I see the need for extra style on 'Edit | Delete' lines */
.inline-menu	{
	background-color: #EEE;
}
.inline-menu	a	{
	text-decoration:none;
}

.service	.info h2, .service	.service-info, .service-info h2	{ /* consistency... */
	margin-top: 0px;
	line-height: auto;
	background-color:#EAF1FB;
	padding:3px 0px 3px 10px!important;
	border:1px dotted gray;
	font-weight: normal;
	font-size: 23px!important;
	border-radius: 5px 5px 5px 5px;
}
.goal	.goal-info	h1	{
	font-size:25px!important;
	line-height:30px;
	color:white;
	padding:3px 0px 3px 10px;
	background-color:#7CAFE8;
	font-weight:normal;
	border: 1px solid black;
	text-shadow: 1px 1px 1px black;
	border-radius: 5px 5px 5px 5px;

}
input.text	{
	width:auto !important;
}
.uncenter {
	text-align:left;
}
/* Admin */
table.admin {
	border: 1px solid #BBBBBB;
	width:100%;
	margin-bottom:0px;
	vertical-align:middle;
}

table.highlight-hover tr:hover {
	background-color:#DDDDFF;
}

table.admin a {
	text-decoration:none!important;
}
table.admin td,  table.admin th{
	border: 1px solid #BBBBBB;
	border-width:0px 1px 0px 1px;
	text-align:left;
}
table.admin td {
	padding-left:3px;
}

table.admin th {
	line-height:100%;
}
table.admin thead tr th:first-child { /* This forces the checkbox column to be 20px*/
	width:20px;
}
table.no_actions thead tr th:first-child {
	width:auto!important;
}
table.admin td.action-checkbox {
	text-align: center;
	padding: 0px!important;
}
th.action-checkbox-column {
	width: 26px!important;
	padding:3px!important;
	text-align:center!important;
}

th.action-checkbox-column input {
	margin-left: 0px;
	margin-right: 0px;
}


/* Django 1.4 Style for tables/displaysets */
table thead th.sorted .sortoptions {
	display: block;
	padding: 4px 5px 0 5px;
	float: right;
	text-align: right;
}

table thead th.sorted .sortpriority {
	font-size: .8em;
	min-width: 12px;
}

table thead th.sorted .sortoptions a{
	width: 14px;
	height: 12px;
	display: inline-block;
}

table thead th.sorted .sortoptions a.sortremove {
	background: url(../admin/img/sorting-icons.gif) -4px -5px no-repeat;
}

table thead th.sorted .sortoptions a.sortremove:hover {
	background: url(../admin/img/sorting-icons.gif) -4px -27px no-repeat;
}

table thead th.sorted .sortoptions a.ascending {
	background: url(../admin/img/sorting-icons.gif) -5px -50px no-repeat;
}
table thead th.sorted .sortoptions a.ascending:hover {
	background: url(../admin/img/sorting-icons.gif) -5px -72px no-repeat;
}

table thead th.sorted .sortoptions a.descending {
	background: url(../admin/img/sorting-icons.gif) -5px -94px no-repeat;
}
table thead th.sorted .sortoptions a.descending:hover {
	background: url(../admin/img/sorting-icons.gif) -5px -115px no-repeat;
}

form.admin label {
	display: block;
	padding: 3px 10px 0 0;
	float: left;
	width: 9em!important;
}
form.admin p.help {
	font-size: 10px;
}

.form-row div label {
	padding: 10px!important;
}

.selector h2 {
	font-size: 12px;
	background-image:none!important;
	margin-bottom:0px;
}
.selector-chosen {
	clear:none!important;
}
.selector-filter {
	height:30px!important;
}
.submit-row {
	float:left;
	background-image:none!important;
	border:none!important;
}
.inline-group {
	border: 0px!important;
}
p.datetime span {
	clear:both;
	position:absolute;
}

label.required {
	padding-right:0px!important;
}
label.admin {
	display:block;
	float:left;
	padding-top:6px;
	width:60px;
}
span.this-page {
	position:relative!important;
}
input.action-select, #action-toggle {
	margin-bottom: 6px;
}
ul.admin {
	padding-bottom:10px;
}
ul li.admin {
	height:auto;
	padding-left:5px;
}
li.addlink a, li.changelink a, li.deletelink a{
	text-decoration:none;
}
li.addlink, li.changelink, li.deletelink{
	margin-left:4px;
    padding-left: 15px;
}
/* End Admin */
#filters	{ /* filters are part of the tabs for displayset/admin and need to start off not displayed */
	display:none;
}
select#id_modules, select#id_templates {
	height:auto!important; /* Hack fix for Custom Report */
}
.iconic {
	cursor:pointer;
	margin-top:0px;
	color:red;
	size: 10px;
}
div.form-row div div span.iconic {
	margin-left: -15px!important;
}
.iconic:hover {
	color: black;
}
p.selector-filter label {
	width: auto!important;
	padding-right:1px!important;
	padding-left: 1px!important;
}
div.box-field	{
	background-color:#FAFFFF;
	border: 2px solid #D7D9B2;
	margin-top:5px;
	float:left;
	margin-left:10px;
}
div.box-field	span	{
	width:auto;
}
div.box-field {
	min-height: 100px;
	height: auto;
}

/* Used for the consumer actions drop down menu */
#action-nav{
	list-style:none;
	font-weight:none;
	font-size:16px;
	margin-bottom:-50px;
	float:right;
	width:50;
	position:relative;
	top:-40px;
	z-index:5;
}
#action-nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#action-nav a{
	display:block;
	padding:10px;
	color:blue;
	background:#3171AF;
	text-decoration:none;
}
#action-nav a:hover { 
	color:white !important;
	background:#0B2A3F;
	text-decoration:none;
}
#action-nav ul{
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
	left:-9999px;
}
#action-nav ul li{
	float:none;
}
#action-nav ul a{
	white-space:nowrap;
}
#action-nav li:hover ul{
	left:0;
}
#action-nav li:hover a{
	border-style:solid;
	border-width:1px;
	background:#E2EAF7;
	text-decoration:none;
}
#action-nav li:hover ul a{
	text-decoration:none;
}
#action-nav li:hover ul li a:hover {
	background:#0B2A3F;
}
.float-right	{
	float:right;
}
.float-left	{
	float:left;
}

/* The user menu that sits next to the breadcrumbs on every page */
#user-menu {
	font-weight:bold;
	margin-top:10px;
}
#user-menu ul {
	list-style:none;
	height:0px;
	width:250px;
	position:relative;
	right:210px;
	top:-4px;
}
#user-menu a {
	padding:10px;
}
#user-menu ul li p {
	padding-left:10px;
	margin:0px;
	font-size:16px;
	color:black;
}
#user-menu ul li:hover {
	background-color:#86CF3B;
}
div#user-menu ul li {
	float:none;
	display:block;
	background-color:#64B100;
	padding-bottom:10px;
	border-left:2px solid green;
	border-right:2px solid green;
}
#user-menu-top {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid green;
	border-top:2px solid green;
}
#user-menu ul li#user-menu-top:hover {
	background-color:#64B100;
}
#user-menu-bottom {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom:2px solid green;
}

/* Sets header invisible for users but can still be read by screen readers */
.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /*IE6, IE7*/
	clip: rect(1px, 1px, 1px, 1px);
	padding:0 !important
	border:0 !important
	height: 1px !important
	width: 1px !important
	overflow: hidden;
}

/* Sets the text required off the screen so only screen readers can see it */
.screen-reader{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}