html, * {
    padding: 0;
    margin: 0;
}

body {
    margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
    border:0;
} 

iframe {display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden;}

/* center for text boxes */
input.cen { 
  text-align: center;
}

#container {
}

.no_margin_padding {
    margin:0;
    padding:0;
}
.no_margin_padding_top {
    margin-top:0;
    padding-top:0;
}
.no_margin_padding_bottom {
    margin-bottom:0;
    padding-bottom:0;
}
.no_margin_padding_left {
    margin-left:0;
    padding-left:0;
}
.no_margin_padding_right {
    margin-left:0;
    padding-left:0;
}

.hideme {
    opacity:0;
}

.clickable {
    cursor:pointer;
}

.nowrap {
    white-space:nowrap;
}

.whitelink {
    color:#fff;
}
.whitelink:hover {
    color:#fff;
    text-decoration:underline;
}
.white {
    color:#fff;
}
.black {
    color:#000;
}
.red {
    color:#ff0000;
}
.bold {
    font-weight:bold;
}
.not-bold {
    font-weight:normal !important;
}
.italic {
    font-style:italic;
}
.underline {
    text-decoration:underline;
}

.align-right {
    text-align:right;
}
.align-left {
    text-align:left;
}
.align-center {
    text-align:center;
}
.align-justify {
    text-align:justify;
}

.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}

/* fix for bootstrap */
.img-responsive.align-center {
    margin: 0 auto;
}

.floatLeft, .fl { 
    float: left; 
}
.floatRight, .fr { 
    float: right; 
}

.clearit {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}


span.ilabel {
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 5px;
    display: inline-block;
    width: 150px;
}

div.form_ele {
    margin-bottom:5px;
}


.display-none {
    display:none;
}

.width-100 {
    width:100%;
}

/* password strength test  */
#passwordStrength
{
        height:10px;
        display:block;
        float:left;
}

.strength0
{
        width:250px;
        background:#cccccc;
}

.strength1
{
        width:50px;
        background:#ff0000;
}

.strength2
{
        width:100px;
        background:#ffee00;
}

.strength3
{
        width:150px;
        background:#56e500;
}

.strength4
{
        background:#399800;
        width:200px;
}

.strength5 {
        background:#399800;
        width:250px;
}


#login_box {
    width:275px; 
    margin:auto;
}


.loginError {
	color:#FF0000;
	width:250px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;	
	text-shadow: 0 0 5px #eee;
}



.systemMessage {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	line-height:18px;
	background:#054DBB;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	display:none;
	z-index:999;
}
.systemMessage.error {
	background:#900;	
}
.systemMessage i {
    font-size:18px;
}
.sysMsgCont {
    margin-left:20px;
    margin-right:20px;
}
.sysMsgDismiss {
    float:right; 
    display: block;
    margin-right:30px; 
    cursor:pointer;
}


.button-margin-bottom {
    margin-bottom:10px;
}


.print-section {
    /* prevents section from being broken up by a page break */
    display: inline-table; 
    width:100%;
}



/* May no longer be necessary */
/* to remove some bootstap styling */
/*
table td input, table td textarea {
    box-shadow:none !important;  
    background:none !important;
    margin:5px;
}
*/

/* jQuery UI override */
.ui-widget-overlay {
    background: #333333 !important;
}

/* jQuery tooltip style */
.ui-tooltip {
    color: white;
    background: black;
    border:1px #333 solid;
    font-size:90%;
    padding-top:3px;
    padding-bottom:3px;
}

/* JQuery UI Override */
.ui-widget {
    font-family:inherit;
    font-size:inherit;
}


/*** UI Classes that may sometimes be useful ***/

/*
.parallax-scroll {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    #background-size:1440px 800px;
    #background-attachment:scroll;
    background-repeat: no-repeat;
    background-position: center center;
}

.picture-area {
    font-family: 'Raleway', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    padding:50px;
    color:white;
    #background-size:100%;
    background-size: cover;
    background-position: top center;
    height:550px;
    position: relative;
    text-align:left;
    font-size:140%;
}
.picture-area h1 {
    font-size:300%;
}

.navmenu {
    padding:5px;
    padding-right:30px;
}

.navmenu a {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size:90%;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    color:#fff;
}
.navmenu a:hover {
    text-decoration:underline;
}
.navmenu .active {
    #color:#ec2645;
}


#scroll-nav {
    background: rgb(65,72,72);
    background: rgba(65,72,72,.8);
    padding:10px;
    width:100%;
    position:fixed; top:0; left:0;
    -webkit-box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    height:70px;
    z-index:999;
    display:none;
}
*/

/*
span.tag {
    display: inline-block;
    font-size: 80%;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    cursor:pointer;
    margin:2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    background-color:#054dbb;
    color:#fff;
}
span.tag:hover, span.tag:hover a {
    background-color:#0073b5;
    color:#fff;
}
span.tag a {
    color:#0073b5;
    text-decoration:none;
    border-left:1px #0073b5 solid;
    padding-left:5px;
    margin-left:4px;
}
*/