@charset "utf-8";

.langAttention
{
    font-weight:bolder;
    font-size: 1.25em;
}

.cssTitle {
    display: inline-block;
    width: 30%;
    position: relative;
    top: 60px
}

.reputationRedirect
{
    display:inline-block;
    margin-right: 50px;
    height: 100px;
    margin-top: 20px;
}

.reputationRedirectImg
{
    height: 100px;
}

.reputationRedirectTxt
{
    color:#00325b;
}

.mtcSliderLabel {
    font-weight: bold;
    color: #00325b;
    vertical-align: bottom;
    text-align: center;
    padding-left: 15px;
}

.mtcSlider {
    -webkit-appearance: none;
    width: 80%;
    height: 15px;
    border-radius: 5px;
    background: #113e6d;
    outline: none;
    opacity: 1.0;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

        .mtcSlider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #0094d5;
            cursor: pointer;
        }

        .mtcSlider::-moz-range-thumb {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #0094d5;
            cursor: pointer;
        }

        .inactiveSlider::-webkit-slider-thumb 
        {
            opacity: 0.85;
            background: #AAA;
        }

        .inactiveSlider::-moz-range-thumb {
            opacity: 0.85;
            background: #AAA;
        }

    
.hidebr br 
    {
    display: none;
}  

.heartbeat {
    position: absolute;
    display: none;
    margin: 5px;
    color: red;
    left: 0;
    top: 0;
}

.warningMeetMe {
    position: absolute;
    left: 0;
    top: 0;
    background-color:White;
}

.surveyHover:hover
{
    background: #efefef;
}

.rAlert
{
    color: #ff0000;
    font-weight:bolder;
    font-size:large;
}

.vAligned
{
    vertical-align:top;
}

.WhiteFont
{
    color: #fff;
}

.userCalendar a  
{  
    text-decoration:none;  
}  
.userCalendar a:hover  
{  

    padding:1px 32px 1px 32px;  
    border:solid 1px #cccccc;  
    opacity: .5;
} 

.indented
{
    position:relative;
    left: 20px;
}

.scrollableTable
{

}

.verticallyCenteredTableNoWidth 
{
    width:95%;
    display: table;
}

.verticallyCenteredTable
{
    width: 100%;
    display: table;
}


.informationalTextCell
{
    display: table-cell;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 15px #000000; 
    text-align: left;
    vertical-align: middle;
    font-size:medium;
    height:100%;
    background-color:#eee;
    
}

.informationalCellContent
{
    text-align:left;
    padding: 25px;
}

.userInputCell
{
    display: table-cell;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 15px #fff; 
    text-align: left;
    vertical-align: middle;
    font-size:medium;
    height:100%;
    background-color:#113e6d;
    background-color:rgba(17,62,109,0.5);
    
}


.userInputCellContent
{
    text-align:center;
    padding: 25px;
    color:#fff;
}

.ErrorText
{
    color: #ff0000;
    
}

.userInputBtn
{
    background-color:#fff !important;
    background: linear-gradient(#fff, #eee);
    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	padding:4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

.surveyCalendar .ajax__calendar_container {
    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    background-color:#fff !important;
    background: linear-gradient(#fff, #eee);
    color:#00325b;
    padding:10px;
    margin:10px;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
    font-size:x-large;
    width:300px;
    height: 250px;
}

.surveyCalendar .ajax__calendar_container TD
{
    font-size:16px;
    padding: 3px;
}

.surveyCalendar .ajax__calendar_body
{
    height: 180px;
    width:300px;
}

.surveyCalendar .ajax__calendar_days
{
    margin:auto;
    width:300px;
}

.userInputBtn.navigationButton
{
    margin-left:75px;
}

.surveyCalendar .ajax__calendar_header
{
    margin-bottom: 10px;
}
.surveyCalendar .ajax__calendar_today
{
    font-size:medium;
}

.surveyCalendar ajax__calendar_day 
{
    color:#0066cc;
    font-size:larger;
}

.surveyCalendar .ajax__calendar_months
{
    color:#0066cc;
    height:180px;
    font-size:larger;
    height:180px;
}

.surveyCalendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.surveyCalendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


.userInputRdo
{
    background-color:#fff !important;
    background: linear-gradient(#fff, #eee);
    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
}

.RdgHeaders
{
    background-color:#00325b !important;
    background: linear-gradient(#113e6d,#00162a,#00162a);
    font-size:medium;
    font-weight:bold;
    color:#fff;
	font-family: Arial, Helvetica, sans-serif;

}

.userInputRdgRow
{
    background-color:#fff !important;
    background: linear-gradient(#fff, #eee);
    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	font-family: Arial, Helvetica, sans-serif;
}

.headerTitle
{
    color:#00325b;
    font-size:medium;
    font-weight:bold;
}

.userInputRdgRowSuccess
{
    background-color:#fff !important;
    background: linear-gradient(#dfd, #dfd);
    border-style:solid;
    border-width:3px;
    border-color:#33bb33;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 

	font-family: Arial, Helvetica, sans-serif;
}

.userInputRdgRowFailure
{
    background-color:#fff !important;
    background: linear-gradient(#fdd, #edd);
    border-style:solid;
    border-width:3px;
    border-color:#bb3333;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 

	font-family: Arial, Helvetica, sans-serif;
}

.userInputBtnError
{
    background-color:#fff !important;
    background: linear-gradient(#fff, #eee);
    border-style:solid;
    border-width:2px;
    border-color:#f00;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #f00; 
	padding:4px;
	cursor: pointer;
}


.userInputBtnDisabled
{
    background-color:#ccc !important;
    background: linear-gradient(#ccc, #bbb);
    border-style:solid;
    border-width:2px;
    border-color:#aaa;
    font-size:medium;
    font-weight:bold;
    color:#555;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	padding:4px;
}


.userInputBtnDark
{
    background-color: #0094d5;

    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    font-size:medium;
    font-weight:bold;
    color:#fff;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	padding:4px;
	cursor: pointer;
}

.userLabel
{
    font-size:medium;
    font-weight:bold;
    color:#00325b;
	box-shadow: 0px 0px 5px #fff; 
}


.userTextBox
{
    background-color:#fff;
    background: linear-gradient(#fff, #efefef);
    border-style:solid;
    border-width:2px;
    border-color:#b4e8ff;
    font-size:medium;
    font-weight:bold;
    color:#00325b;
    border-radius: 5px 5px; 
	box-shadow: 0px 0px 5px #fff; 
	padding:2px
}

.trans1
{
    opacity: .5;
    filter: alpha(opacity = 50);
}

input[type=radio] 
{	
    border: 0px;
    width: 100%;
    height: 50px;
}


.topFrame
{
position:relative; 
width:100%; 
text-align:center; 
top: 0px; 
left: 0px;
}



.fixedFrame .topFrame 
{
position: fixed;
}

.topMenu
{
    background: #fff;
    background: rgba(255, 255, 255, .85); 
}

.mItem
{
    background: transparent;
}

.bHeader
{

}

html, body
{
    background-color:#00325b;
    opacity:1;
    background: linear-gradient(#00325b, #000818);
    background-attachment:fixed;
    height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
}

.markupUL
{
    text-decoration:underline;
}

.markupBold
{
    font-weight:900;
}

.bGroundImage
{
    min-height: 100%;
    background-attachment:scroll;
    background-size: cover; 
    background-repeat:no-repeat;
	margin:0; 
	padding:0;
}


h1
{
	color:#9ec62e;
}

h2
{
	color:#9ec62e;
	font-size:large;
	margin-bottom: 0px;
}

.inputBox
{
    border-color: #2085f2;
    border:1px solid #2085f2;
}

.activeSession
{
	color: #2085f2;
}

.visible
{
	visibility:visible;
}

.hidden
{
	visibility:collapse;
	display:none;
}

.hidden2
{
	visibility:hidden;
}

.notCollapsed
{
	visibility:hidden;
}

.bMenuSpacer
{
	width:35px;
}

.dropDownSelect
{
	border: 1px solid #fff;
	background-color:#7e9e25 !important;
	/*background-image:url(images/bottomMenuGradient.png) !important;*/
	color:#fff !important;
	
}

.imgLink
{
	position:
	border:none; 
	outline:0;
}

.bounce
{
	position: absolute;
	z-index: 10;
}

.divArrowNext:hover
{
	opacity: 1;
	filter: alpha(opacity = 100);
	cursor:pointer;
}

.divArrowNext
{
	position:relative;
	top: 450px;
	left: 108%;
	opacity: 0.5;
	width: 36px;
	z-index: 0;
	filter: alpha(opacity = 50);
	
}

.divArrowPrevious:hover
{
	opacity: 1;
	filter: alpha(opacity = 100);
	cursor:pointer;
}

.divArrowPrevious
{
	position:relative;
	left: -140px;
	top: 338px;
	z-index: 0;
	opacity: 0.5;
	width: 36px;
	filter: alpha(opacity = 50);
}



.bottomMenu
{
	background-image:url(images/bottomMenuGradient.png);
	background-repeat:repeat-x;
}

.dkBlueGradient 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	background-image:url(images/dkBlueGradient.png);
	background-repeat:repeat-x;
	background-color: #2086f2 !important;
}

.ltBlueTrans
{
	background-image:url(images/ltBlueTrans.png);
	color:#000;
}


.rdMapCenter
{
	background-image:url(images/rdMapMain.png);
}

.divAttach
{
	position:relative;
	z-index:100;
	
}

.divPositioned
{
	position:absolute;
}

.whiteText
{
	color:#ffffff;
}

#fullheight{height:100%}

tr.hoverRow:hover {background-color:#DFDFDF}

.reorderListDemo li {  list-style:none; }

.reorderListQuick li {  list-style:none; position:relative; left:-30px; }

table.backgroundChange:hover { background-color: #eeeeee;}

a.menu:link {color: #FFFFFF; font-style: normal; text-decoration:none;}
a.menu:active {color: #FFFFFF; font-style: normal; text-decoration:none;}
a.menu:visited {color: #FFFFFF; font-style: normal; text-decoration:none;}
a.menu:hover {color: #2085f2; font-style:normal; text-decoration:none;}

a.menu2:link {color: #0B6EB0; font-style: normal; text-decoration:none;}
a.menu2:active {color: #0B6EB0; font-style: normal; text-decoration:none;}
a.menu2:visited {color: #0B6EB0; font-style: normal; text-decoration:none;}
a.menu2:hover {color: #5599DD; font-style:normal; text-decoration:none;	}

a.pagelink:link {color: #FFF; font-style: normal; text-decoration:none;}
a.pagelink:active {color: #FFF; font-style: normal; text-decoration:none;}
a.pagelink:visited {color: #FFF; font-style: normal; text-decoration:none;}
a.pagelink:hover {color: #F7931D; font-style:normal; text-decoration:none;}

a:link {color: #9ec62e; font-style: normal; text-decoration:none;}
a:active {color: #9ec62e; font-style: normal; text-decoration:none;}
a:visited {color: #9ec62e; font-style: normal; text-decoration:none;}
a:hover {color: #0B6EB0; font-style:normal; text-decoration:none;}



/* Tool Tip CSS Below */

		.tooltip {
			color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 20px; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -155px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }