html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	font-size: 13px;
}

html {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #5F5F5F url(/images/html_bg.png) repeat-x scroll 0 0;
	overflow-y: scroll;
}

body {
	background-color: #000;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent;
	text-align: center;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
}

#mainHolder {
	background-color: #FFF;
	border: 10px solid #fff;
	text-align: left;
	/* min-height: 700px; */
	height: 100%;
}

#logo {
	width: 400px;
	float: left;
}

a { /*color: #FF3300;*/
	
}

hr {
	border: 1px solid #fff;
}

a:hover {
	color: #FF3300;
}

label {
	display: block;
	clear: both;
	/*float: left;*/
/*	width: 20%;*/
	padding: 5px 0 5px 0;
	font-weight: normal;
}

form {
	
}

table {
	border-collapse: collapse;
}

table th {
	color: #2B2B2B;
}

table tr:hover {
	background-color: #eee !important;
}

table td,table th {
	border-top: 1px solid #eee;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 1em 0;
}

br {
	display: block;
	clear: both;
}

/* typography override */
h1,h2,h3,h4,h5 {
	color: #333;
	display: block;
	padding: 0;
}

textarea {
	height: 100px;
}

legend {
	padding: 5px;
	font-size: 17px;
}

ul.errors {
	margin: 0 0 10px 0;
	padding: 0;
}


.fl{float:left;}
.fr{float:right;}
.clear-fix{clear:both; display: block;}

a.button{text-decoration:none;}
.button,input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 3px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}


ul.errors li {
	list-style: none;
	font-size: 10px;
	color: #D40D12;
	font-style: italic;
	margin: 0;
	padding: 0;
	/*float: right;*/
	clear: both;
}

.hint {
	margin:0;
	padding:0;
	clear: both;
	float: left;
	font-style: italic;
	color: #333;
	font-size: 11px;
}

.error,.success {
	
}

/* input fields */
.input_f {
	margin-bottom: 10px;
	display: block;
	/*padding: 20px 0;*/
}

input[type="text"],input[type="password"],input.text,input.title,textarea,select{
	background-color: #FFFFFF;
	border: 3px solid #ddd;
	margin:0;
}

.input_tf,.input_ta,.input_sel,.input_tf_short {
	padding: 5px 0;
	width: 98%;
	float: left;
	/* font-size: 1.5em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.input_tf_short { 
	width:20%;
}

.input_btn {
	background-color: #000;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #ccc;
	padding: 5px;
	margin: 10px 0px 10px 0;
	/*width: 20%;*/
	float: left;
	clear: both;
	display: block;
}

.input_btn_disabled {
	background-color: #ddd;
	color: #ccc;
}

.input_btn_wizard {
	background-color: #000;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #ccc;
	padding: 5px;
	margin: 10px 10px 10px 0;
	float: left;
	display: block;
}

#header {
	background-color: #fff;
	background-image: url(/images/header_bg.png);
	background-repeat: repeat-x;
	/*border-bottom: 2px solid #ccc;*/
	clear: both;
	padding: 10px 0 10px 0;
	min-height: 100px;
}

#admin-header {
	width: 100%;
	background-color: #0099CC;
	border-bottom: 2px solid #ccc;
	clear: both;
	padding: 10px 0 10px 5px;
}

#secondaryNav {
	float: right;
}

#secondaryNav li {
	float: left;
	padding: 0 15px 0 0;
	list-style: none;
}

#secondaryNav li a {
	color: #333;
	text-decoration: none;
}

#secondaryNav li a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	padding: 20px 0 0 10px;
	color: #fff !important;
	text-align: left;
}

#intro {
	padding: 10px 0 10px 0;
	width: 100%;
	clear: both;
}

#intro h1 {
	text-transform: capitalize;
	font-size: 22px;
	color: #999;
}

#content {
	padding: 0;
	margin: 0;
	clear: both;
}

#pageTitle {
	padding: 10px;
}

.title {
	margin: 0 !important;
	background-color: #424242;
	background-image: url(/images/omt_title_bg.png);
	background-repeat: repeat-x;
	border: 2px solid #fff;
	color: #fff !important;
}

.title img {
	float: left;
	padding: 5px;
}

.title h1 {
	padding: 15px;
	color: #fff;
	font-weight: bold;
}

.title-bg {
	background-color: #424242;
}

.title-box-content {
	padding: 10px;
}

.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.border-grey {
	border: 1px solid #ebebeb;
	background-image: url(/images/header_bg.png);
	background-repeat: repeat-x;
}

#dashboardContainer {
	width: 100%;
}

#dashboardContainer div {
	margin: 0 0 10px 0;
}

/* Severity Ratings */
.ratings {
	padding: 3px 7px 5px 10px;
	margin-bottom: 10px;
}

.ratings_input {
	visibility: hidden;
}

/*
.severity-0{background:#06A9F4 !important;}
.severity-1{background:#06A9F4 !important;}
.severity-2{background:#02A89A !important;}
.severity-3{background:#01A952 !important;}
.severity-4{background:#50B849 !important;}
.severity-5{background:#AED12C !important;}
.severity-6{background:#FFF200 !important;}
.severity-7{background:#FFAB17 !important;}
.severity-8{background:#E52C27 !important;}
.severity-9{background:#E01624 !important;}
.severity-10{background:#8C0605 !important;}
*/

.issue-name {
	float: left;
	margin-left: 0px;
}

.range-option {
	float: left;
}

.issue-type-header {
	font-size: 2em;
	text-decoration: none;
	clear: both;
	display: block;
}

/*.issue-type-container{display:none;}*/
.issue-row {
	padding: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 30px;
}

.issue-row:hover {
	background-color: #F8F8F8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.ratings-div {
	background-image: url(/images/assesment_level_bg.png);
	background-repeat: no-repeat;
	padding: 0;
}

.assessment-progress {
	padding: 5px;
	border: 1px solid #ddd;
	background-image: url(/images/progress_bg.png);
	background-repeat: no-repeat;
	background-position: -800px;
	color: #ddd;
	margin-bottom: 5px;
}

.issue-solutions-list {
	display: block;
	padding: 5px;
	float: left;
	width: 30%;
}

/* navigation */
.navigation {
	padding: 0px;
}

.navigation li {
	list-style: none;
	background-color: #ddd;
	padding: 5px;
	margin: 0 0 5px;
	font-weight: bold;
}

.navigation li ul {
	display: none;
}

.navigation li ul li {
	margin: 0 0 5px;
	z-index: 1001;
}

.navigation li a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}

.navigation li a:hover {
	color: #FFF;
	text-decoration: underline;
}

ul.menu,ul.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15em;
}

ul.menu a {
	display: block;
	text-decoration: none;
}

ul.menu li {
	margin-top: 1px;
}

ul.menu li a {
	background: #333;
	color: #fff;
	padding: 0.5em;
}

ul.menu li a:hover {
	background: #000;
}

ul.menu li ul li a {
	background: #ccc;
	color: #000;
	padding-left: 20px;
}

ul.menu li ul li ul li a {
	padding-left: 40px;
}

ul.menu li ul li a:hover {
	background: #aaa;
	border-left: 5px #000 solid;
	padding-left: 15px;
}

.slider {
	padding: 10px;
}

.ui-slider-range {
	padding: 10px;
}

.ui-slider-handle {
	padding: 10px;
}

.span-9 {
	width: 360px !important;
}

.span-12 {
	width: 462px !important;
}

.large-text {
	/*font-size: 30px;*/
	font-weight: bolder;
}

.clear-fix {
	display: block;
	clear: both;
}

div.ui-dialog-titlebar {
	background: none;
	border: none;
}

#listTitle {
	clear: both;
}

#availableList,#currentList {
	width: 46%;
	float: left;
	margin: 0;
	list-style: none;
	margin-right: 10px;
	height: 500px;
	padding: 10px 0 0 0;
	border: 2px dashed #ddd;
	overflow: auto;
}

#availableList li,#currentList li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
}

#currentList li {
	color: #FADD06;
}

.alert {
	background-color: #FFC;
	border: 1px solid #666;
	padding: 10px;
}

#mainNav {
	margin: 0;
	padding: 0;
}

#mainNavContainer {
	background-color: #424242;
	background-image: url(/images/omt_title_bg.png);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	height: 40px;
}

#mainNav li {
	list-style: none;
	margin: 0 10px 0 7px;
	padding: 0;
	float: left;
	
}

#mainNav li a {
	display: block;
	width: 95%;
	padding: 10px 10px 10px 10px;
	margin: 0 40px 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff; /*border-right: 4px solid #424242;*/
	border:1px;
}

#mainNav li div a {
	color: #000;
}

#mainNav li ul {
	margin: 0px;
	padding: 0px;
}

#mainNav li ul li {
	margin: 0px;
	padding: 0px;
}

#mainNav li ul * {
	border: none;
}

#mainNav li div a {
	color: #fff;
}

#mainNav li div * {
	border: none;
}

#mainNav li a:hover { /*background-color:#336;*/
	color: #FADD06;
}

#mainNav li div {
	display: none;
}

.activeLink {
	/*background-color: #444;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;*/
	color: #FADD06 !important;
	margin-left: 50px;
}

.flyout {
	position: absolute;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
	border-bottom: 1px solid #424242;
	padding: 10px 0 10px 10px;
	margin-left: -1px;
	width: 300px;
	background-color: #fff;
	background-image: url(/images/popup_menu_bg.png);
	background-repeat: repeat-x;
	z-index: 999999999;
}

.filterable_table{
	clear:both;
}

#mental_reminders{
	position:fixed;
	top:182px;
	width:500px;
	left:auto;
	display:none;
	z-index:999999999;
}

.quote{
	padding:10px;
	font-weight:bold;
}

.quote p{
	font-size:16px !important;
	padding:0 0 11px 0;
	margin:0;
}

/* JGrowl */

div.jGrowl {
    padding:            10px;
    z-index:            9999;
    color:              #000;
    font-size:          12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
    position:           absolute;
}

div.ie6.top-right {
    right:              auto;
    bottom:             auto;
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width:              100%;
}

/** Normal Style Positions **/
div.jGrowl {
    position:           absolute;
}

body > div.jGrowl {
    position:           fixed;
}

div.jGrowl.top-left {
    left:               0px;
    top:                0px;
}

div.jGrowl.top-right {
    right:              0px;
    top:                0px;
}

div.jGrowl.bottom-left {
    left:               0px;
    bottom:             0px;
}

div.jGrowl.bottom-right {
    right:              0px;
    bottom:             0px;
}

div.jGrowl.center {
    top:                0px;
    width:              50%;
    left:               25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left:        auto;
    margin-right:       auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color:       #fff;
    opacity:                .85;
    -ms-filter:             "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter:                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
    zoom:                   1;
    width:                  235px;
    padding:                10px;
    margin-top:             5px;
    margin-bottom:          5px;
    font-family:            Tahoma, Arial, Helvetica, sans-serif;
    font-size:              1em;
    text-align:             left;
    display:                none;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
}

div.jGrowl div.jGrowl-notification {
    min-height:             40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight:            bold;
    font-size:              .85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index:                99;
    float:                  right;
    font-weight:            bold;
    font-size:              1em;
    cursor:                 pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top:            4px;
    padding-bottom:         4px;
    cursor:                 pointer;
    font-size:              .9em;
    font-weight:            bold;
    text-align:             center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display:            none;
    }
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/bebas/BebasNeue-webfont.eot');
    src: local('☺'), url('/fonts/bebas/BebasNeue-webfont.woff')
        format('woff'), url('/fonts/bebas/BebasNeue-webfont.ttf')
        format('truetype'),
        url('/fonts/bebas/BebasNeue-webfont.svg#webfontj1CI1MAi')
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/fonts/league_gothic/league_gothic-webfont.eot');
    src: url('/fonts/league_gothic/league_gothic-webfont.eot?iefix') format('eot'),
         url('/fonts/league_gothic/league_gothic-webfont.woff') format('woff'),
         url('/fonts/league_gothic/league_gothic-webfont.ttf') format('truetype'),
         url('/fonts/league_gothic/league_gothic-webfont.svg#webfontTMTVh7pm') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1{ font-size: 26px; }
h2{ font-size: 20px; }
h2{ font-size: 18px; }

h1,h2,h3 {
    font-family: 'LeagueGothicRegular';
    font-weight: normal;
	margin-bottom:10px;
}