.designShadowed{ -moz-box-shadow: 0px 0px 14px #424242; -webkit-box-shadow: 0px 0px 14px #424242; box-shadow: 0px 0px 14px #424242;}
.designShadowed_light{ -moz-box-shadow: 0px 0px 14px #424242; -webkit-box-shadow: 0px 0px 14px #424242; box-shadow: 0px 0px 14px #424242;} 
.designRounded{ -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
.designRoundedSmall_top{ border-top-left-radius:5px; border-top-right-radius:5px; }
.designRoundedSmall_bottom{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.designRoundedSmall{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.designRoundedMedium{ -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.designRoundedMedium_left{ border-top-left-radius:10px; border-bottom-left-radius:10px;}
.designRoundedMedium_right{  border-top-right-radius:10px; border-bottom-right-radius:10px;}

/* html standard css */
/* apply a natural box layout model to all elements */
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 

.clear{clear:both;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6 { clear: both; }
ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }



.allPointerEvents {
    pointer-events: all;
}

.actionContainer {
    width: 440px !important;
    height: 88px !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.actionContainerLarge {
    width: 620px !important;
    height: 88px !important;
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    pointer-events:all;
}

.actionButton {
     height: 100% !important;
     display: inline-block !important;
     width: 45% !important;
     border-radius:15px !important;
    pointer-events:all;
 }

.confirmButton {
    background-color:#a7c458 !important;
}

.cancelButton {
    background-color:#dd3636 !important;
    float: right;
}

.whiteBorder {
    border: 2px solid white;
}

.actionIconContainer {
    background-color:#0404041a !important;
    float: left !important;
    width: 30% !important;
    height: 100% !important;
    border-radius:15px !important;
}

.actionIconContainerLarge {
    background-color:#0404041a !important;
    float: left !important;
    width: 25% !important;
    height: 100% !important;
    border-radius:15px !important;
}

.actionTextContainer {
    text-align: center !important;
    float: right !important;
    width: 70% !important;
    line-height: 88px !important;
    font-size: xx-large !important;
    color: white !important;
}

.actionLargeTextContainer {
    text-align: center !important;
    float: right !important;
    width: 75% !important;
    line-height: 88px !important;
    font-size: x-large !important;
    color: white !important;
}

.space20 {
    margin-left: 3% !important;
    margin-right: 3% !important;
    display:inline-block !important;
}

.actionIconButton {
    text-align: center !important;
    height:100% !important;
    width:100% !important;
}

.actionIconUploadFileButton {
    height: 56px !important;
}

.actionIconButton .CSSButton_text {
    width:inherit !important;
    height:inherit !important;
}

.bottom120 {
    bottom: 120px !important;
}

.bottomContainer {
    padding-top:20px;
    bottom: 100px !important;
    position: fixed;
    width: 100%;
    height: 140px;
    border-top: 2px solid #272727;
    -webkit-box-shadow: inset 0px -90px 225px -65px rgba(94,94,94,1);
    -moz-box-shadow: inset 0px -90px 225px -65px rgba(94,94,94,1);
    box-shadow: inset 0px -90px 225px -65px rgba(94,94,94,1);
}

.navigationContainer {
    width:100%;
    height:85px;
    margin-left:20px;
}

.breadcrumbContainer {
    width:100%;
    height:75px;
    margin-left:20px;
    margin-top: 102px !important;
}

.backButton {
    background-color:#737070;
    width: 160px;
    line-height: 60px;
    height: 60px;
    color:white;
    font-size:xx-large;
    padding-left: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
    -moz-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
    box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);

    display:inline-block;
    margin-right:15px;
}


.regularButtonColor {
    background-color:#cecece;
}

.hide {
    display:none !important;
}

.buttonDisabled{
    pointer-events: none !important;
    cursor: default !important;
    opacity: 0.4 !important;
}

.buttonDisabled * {
    pointer-events:none !important;
}

.floatRight {
    float:right;
}

.thinHeaderPanel {
    font-size: larger;
    background-color: darkgray;
    height: 50px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 50px;
}


.centerThatDiv {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.inlineBlock {
    display:inline-block;
}

.boldText {
    font-weight: 600;
}

.floatLeft {
    float:left;
}

.fa2point5 {
    font-size:3rem;
}

.minical {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.fileUploaded {
    -webkit-box-shadow: 0px 0px 35px 10px rgba(167,196,88,0.63);
    -moz-box-shadow: 0px 0px 35px 10px rgba(167,196,88,0.63);
    box-shadow: 0px 0px 35px 10px rgba(167,196,88,0.63);
}
/* setup the stage here */
#righthud {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	width: 640px;
	height: 1136px;
	right: 0px;
	top: 0px;
}
#lefthud {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	width: 640px;
	height: 1136px;
	left: 0px;
	top: 0px;
}
#screens {
	position: absolute;
	z-index: 100;
	pointer-events: none;
    background-image:url('./assets/ui/BackgroundTexture2.png');

}
#tophud {
	position: absolute;
	width:100%;
	height: 88px;
	z-index: 150;
	pointer-events: none;
}
#bottomhud {
	position: absolute;
	z-index: 151;
	pointer-events: none;
	width: 100%;
	height: 88px;
	bottom: 0px;
}
#messages {
	position: absolute;
	z-index: 200;
	pointer-events: none;
}
#platform {
	position: absolute;
	z-index: 300;
	pointer-events: none;
}

html {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}
body {
	height: 100%;
	min-height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
}

#shell_main {
	width: 640px;
	height: 1136px;
	overflow: hidden;
	position: relative;
}
#shell_main #shell_container {
	height: 1136px;
	background-color: #f2f2f2;
	position: relative;
	overflow: hidden;
	z-index: 50;
	box-shadow: 0px 0px 20px #777;
}

.displayObject {
	position: absolute;
}
.font_helvetica{ font-family: Helvetica; }
.font_weight_700{ font-weight:700; }
.font_weight_600{ font-weight:600; }
.font_weight_500{ font-weight:500; }
.font_weight_400{ font-weight:400; }
.font_weight_300{ font-weight:300; }
.font_weight_200{ font-weight:200; }
.font_weight_100{ font-weight:100; }

.font_white{ color:#FFFFFF; }
.font_black{ color:#000000; }
.font_grey{ color:#363636; }
.font_medgrey{ color:#7a7a7a; }
.font_lightgrey{ color:#a5a5a5; }
.font_blue{ color:#3dc5df; }
.font_green{ color:#51703e; }
.font_lightGreen{color:#c4e175;}
.font_red{ color:#f84f13; }
.font_uppercase{ text-transform:uppercase;  }

/* generic sizes */
.font_xxsmall{ font-size:8px; }
.font_xsmall{ font-size:10px; }
.font_small{ font-size:12px; }
.font_medium{ font-size:14px; }
.font_xmedium{ font-size:18px; }
.font_xxmedium{ font-size:22px; }
.font_large{ font-size:25px; }
.font_xlarge{ font-size:30px; }
.font_xxlarge{ font-size:40px; }

/*positioning */
.font_centered {text-align:center;}
.font_rightAligned {text-align: right;}
.span_full_width {width: 100%; display: inline-block;}
.vcenter_text{display:table;}
.vcenter_text span{vertical-align:middle; display:table-cell;}
.floatRight {float:right;}
.floatLeft {float:left;}

span.link {cursor:pointer; text-decoration:underline; color:#7b913e;}
span.link:hover {color:#6f7363;}

a.lightGreen{color:#c4e175; text-decoration: none; cursor: pointer;}
a.lightGreen:hover{color:#d5f286; text-decoration: none;}

a.darkGreen{ color:#51703e; text-decoration: none; cursor: pointer; }
a.darkGreen:hover{ color:#30502d; }

/* specific sizes */
.font_gameplayScore{ font-size:100px; }
.font_countdown{ font-size:120px; }
.font_message{ font-size:50px; }
.font_messageDescription{ font-size:25px; }

.font_title  { font-family:"Montserrat"; font-size:40px; text-transform:uppercase;   }
.padding {padding:10px;}
.text_padding_right{padding-right:10px;}
.text_big_padding_right{padding-right:30px;}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* global UI classes go in here */
/* preloading image used by get preloaded images htmlgenerator function */
.preloading_image{ width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; -moz-animation:spin 1s infinite ease-in-out; -webkit-animation:spin 1s infinite ease-in-out; }
@-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } }

/* disable images */
img{ -moz-user-select: none; -webkit-user-select: none; user-select: none; }

/* some good scroll bars for iscroll */
.base_scollbarH{ position:absolute; z-index:100;height:12px;bottom:1px;left:0px;right:0px; }
.base_scollbarH>div{ position:absolute; z-index:100;height:100%;background:rgba(61,61,61,.9);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;-o-background-clip:padding-box;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; }
.base_scollbarV{ position:absolute; z-index:100;width:8px;bottom:7px;top:2px;right:1px; }
.base_scollbarV>div{ position:absolute; z-index:100;width:100%;background:rgba(61,61,61,.9);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;-o-background-clip:padding-box;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; }

/* shared ui css */
.greyGradient{
	background: #413f3f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #413f3f 0%, #696967 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#413f3f), color-stop(98%,#696967)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #413f3f 0%,#696967 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #413f3f 0%,#696967 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #413f3f 0%,#696967 98%); /* IE10+ */
background: linear-gradient(135deg,  #413f3f 0%,#696967 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#413f3f', endColorstr='#696967',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.greyBackgroundGradient{
    background: #595856; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTg1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzRmNGU0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzRhNGE0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzQ4NDg0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzNkM2IzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzNjM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzM5MzczOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #595856 0%, #4f4e4c 20%, #4a4a48 29%, #484846 46%, #3d3b3c 60%, #3c3c3c 72%, #393738 88%, #323232 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595856), color-stop(20%,#4f4e4c), color-stop(29%,#4a4a48), color-stop(46%,#484846), color-stop(60%,#3d3b3c), color-stop(72%,#3c3c3c), color-stop(88%,#393738), color-stop(100%,#323232)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #595856 0%,#4f4e4c 20%,#4a4a48 29%,#484846 46%,#3d3b3c 60%,#3c3c3c 72%,#393738 88%,#323232 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #595856 0%,#4f4e4c 20%,#4a4a48 29%,#484846 46%,#3d3b3c 60%,#3c3c3c 72%,#393738 88%,#323232 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #595856 0%,#4f4e4c 20%,#4a4a48 29%,#484846 46%,#3d3b3c 60%,#3c3c3c 72%,#393738 88%,#323232 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #595856 0%,#4f4e4c 20%,#4a4a48 29%,#484846 46%,#3d3b3c 60%,#3c3c3c 72%,#393738 88%,#323232 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595856', endColorstr='#323232',GradientType=0 ); /* IE6-8 */

}

.greenGradient{
	background: #b3d15f; /* Old browsers */
background: -moz-linear-gradient(top,  #b3d15f 0%, #8fa550 97%, #b3d15f 100%, #b3d15f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3d15f), color-stop(97%,#8fa550), color-stop(100%,#b3d15f), color-stop(100%,#b3d15f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b3d15f 0%,#8fa550 97%,#b3d15f 100%,#b3d15f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b3d15f 0%,#8fa550 97%,#b3d15f 100%,#b3d15f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b3d15f 0%,#8fa550 97%,#b3d15f 100%,#b3d15f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b3d15f 0%,#8fa550 97%,#b3d15f 100%,#b3d15f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d15f', endColorstr='#b3d15f',GradientType=0 ); /* IE6-9 */
	
}

.greyHeaderGradient{
    background: #6e8188; /* Old browsers */
    background: -moz-linear-gradient(top,  #6e8188 0%, #616571 2%, #696e74 27%, #54575e 61%, #33363b 92%, #25262a 98%, #26272b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e8188), color-stop(2%,#616571), color-stop(27%,#696e74), color-stop(61%,#54575e), color-stop(92%,#33363b), color-stop(98%,#25262a), color-stop(100%,#26272b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6e8188 0%,#616571 2%,#696e74 27%,#54575e 61%,#33363b 92%,#25262a 98%,#26272b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6e8188 0%,#616571 2%,#696e74 27%,#54575e 61%,#33363b 92%,#25262a 98%,#26272b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6e8188 0%,#616571 2%,#696e74 27%,#54575e 61%,#33363b 92%,#25262a 98%,#26272b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6e8188 0%,#616571 2%,#696e74 27%,#54575e 61%,#33363b 92%,#25262a 98%,#26272b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8188', endColorstr='#26272b',GradientType=0 ); /* IE6-9 */

}

.greyRowGradient{
    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #b0b0b0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#b0b0b0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#b0b0b0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#b0b0b0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-8 */

}

.itemHighlightColor{
    background: #b2d15e;
}

.overflowAuto {overflow: auto;}
hr {height: 1px;
    border-width: 0px;
    background: #7a7a7a;}


.floatLeftInline{
    float: left;
    display: inline-block;
}

.purpleMenuBackground{ background-color:#6d1f66; }
.greyMenuBackground{ background-color:#636363; }

.shadowed{
-webkit-box-shadow:  0px 0px 10px 0px rgba(00, 00, 00, 0.3);
        
        box-shadow:  0px 0px 10px 0px rgba(00, 00, 00, 0.3);}


.shadowedHeavily{
    -webkit-box-shadow:  0px 2px 22px 0px rgba(00, 00, 00, 0.5);
    box-shadow:  0px 2px 22px 0px rgba(00, 00, 00, 0.5) /*, inset 2px 2px 0px 0px white;*/}

.shadowedFromAbove{
    -webkit-box-shadow: inset 0px 5px 6px 0px rgba(00, 00, 0, 0.4);
    box-shadow: inset 0px 5px 6px 0px rgba(00, 00, 0, 0.4);
}

.shadowedFromAboveAndShadowed{
    -webkit-box-shadow: inset 0px 5px 6px 0px rgba(00, 00, 0, 0.4) ,    0px 0px 10px 0px rgba(00, 00, 00, 0.3);;
    box-shadow: inset 0px 5px 6px 0px rgba(00, 00, 0, 0.4), 0px 0px 10px 0px rgba(00, 00, 00, 0.3);
}

input:not([type="radio"]){
    border: none;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    padding: 5px 8px;
    color: #555;
    box-shadow: inset 0 2px 0 rgba(0,0,0,0.2), 1px 0 1px rgba(244,255,255,0.5);
}

input[type=radio] {
    opacity: 1;
    z-index: 9999;
    width: 25px;
    height: 25px;
}

.ie9 input[type=radio] + .overlay {display:none;}

.ie10 input[type=radio] + .overlay {display:none;}
.ie10 input[type=radio] + .overlayDark {display:none;}

.ieEDGE input[type=radio] + .overlay {display:none;}
.ieEDGE input[type=radio] + .overlayDark {display:none;}

/* default radio button style: unchecked */
input[type=radio] + .overlay {
    display: inline-block;
    position: relative;
    left:-29px;
    pointer-events:none;
    top: 3px;
    margin-right: -10px;
    height: 27px;
    width: 27px;
    background-color: #aaa;
    border-radius: 50%;
}

input:disabled[type=radio] + .overlay{
    background-color:#ccc;
}
.ie9 input[type=radio] + .overlayDark {display:none;}

input[type=radio] + .overlayDark {
    display: inline-block;
    position: relative;
    left:-17px;
    pointer-events:none;
    top: 3px;
    margin-right: -10px;
    height: 17px;
    width: 17px;
    background-color: #858585;
    border-radius: 50%;
}

input:disabled[type=radio] + .overlayDark{
    background-color:#aaa;
}

/* changed style when checked */

input[type=radio]:checked + .overlay {
    background-color: #9fba54;
}

input[type=radio]:checked + .overlayDark {
    background-color: #bcd96a;
}

.ui-timepicker-viewport .ui-menu-item {
    font-size: 25px !important;
}
.cssButton{ position:relative; cursor:pointer; user-select: none; pointer-events:auto; }
.cssButton #background_container{ position:relative; z-index:1; width:100%; height:100%; }
.cssButton #text_container{ position:absolute; z-index:2; top:0px; display:table; pointer-events:none; }
.cssButton span{ display: table-cell; vertical-align: middle; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.cssButton #the_icon { text-align:center; position:absolute; z-index:3; top:0px; }

.greenLink .textUp{ color:#c4e175; }
.greenLink .textOver{ color:#d5f286; }

.checkboxCorrect .textUp {
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 9px;
}

 .imageButton{ position:relative; cursor:pointer; user-select: none; pointer-events:auto; height: 100%; }
.imageButton #background_container{ position:relative; z-index:1; }
.imageButton #text_container{ text-align:center; position:absolute; z-index:2; top:0px; display:table; pointer-events:none; }
.imageButton span{ display: table-cell; vertical-align: middle; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.dashboardButton #count_bg_container{ display:table; text-align: center;position: absolute; left: 0px; top: 0px; width: 82px; height: 100%; z-index: 1;
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjYzBjMmMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjYjJiNGIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjYjBiMmIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5Y2JjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #c8c8c8 3%, #c0c2c1 41%, #b2b4b3 93%, #b0b2b1 98%, #c9cbca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(3%,#c8c8c8), color-stop(41%,#c0c2c1), color-stop(93%,#b2b4b3), color-stop(98%,#b0b2b1), color-stop(100%,#c9cbca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c8c8c8 3%,#c0c2c1 41%,#b2b4b3 93%,#b0b2b1 98%,#c9cbca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#c8c8c8 3%,#c0c2c1 41%,#b2b4b3 93%,#b0b2b1 98%,#c9cbca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#c8c8c8 3%,#c0c2c1 41%,#b2b4b3 93%,#b0b2b1 98%,#c9cbca 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#c8c8c8 3%,#c0c2c1 41%,#b2b4b3 93%,#b0b2b1 98%,#c9cbca 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c9cbca',GradientType=0 ); /* IE6-8 */

}
.dashboardButton .countTextUp{ color:#323232;}
.dashboardButton #icon {vertical-align: middle; padding-right: 10px;}
.dashboardButton #expandCollapseContainer{width: 28px;margin: 6px; position:absolute; z-index:3; right:10px; top:0px; display:table; pointer-events:none; }
.dashboardButton #expandCollapseContainer img {width:100%;}
.buttonDisabled{ pointer-events: none; cursor: default; opacity: 0.4;}
.imageButton_text {position: absolute;}


.buttonSize_keypad{ width:190px; height:172px; }
.buttonSize_keypad #text_container{ text-align:center; position:absolute; z-index:2; top:0px; display:table; height:98px; width:100%; }

.buttonSize_maxWidth86{ width:100%; height:86px; }
.buttonSize_maxWidth86 #text_container{ margin-left:25px; text-align: left; position: absolute; z-index: 2; top: 0px; display: table; height: 86px; }

.buttonSize_maxWidth142{ width:100%; height:142px; }
.buttonSize_maxWidth142 #text_container{ margin-left:25px; text-align: left; position: absolute; z-index: 2; top: 0px; display: table; height: 142px; }

.bottomButton{ width:99px; height:86px; }
.bottomButton #text_container{ text-align: center;position: absolute;z-index: 2;bottom: 7px;width: 100%;color: #FFFFFF; font-size: 15px; }


.buttonCenterText #text_container{ text-align:center;  height:100%; width:100%; }

.buttonFloatLeft{ position:relative; float:left; }



.buttonGradient_green {
	background: #b1d25d; /* Old browsers */
background: -moz-linear-gradient(top,  #b1d25d 0%, #b4d05f 1%, #edf9d5 3%, #e1f3b9 4%, #cfec82 6%, #c2e565 7%, #c3e763 9%, #c3e664 49%, #c3e668 50%, #b3d25d 51%, #b4d061 54%, #b3d15f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d25d), color-stop(1%,#b4d05f), color-stop(3%,#edf9d5), color-stop(4%,#e1f3b9), color-stop(6%,#cfec82), color-stop(7%,#c2e565), color-stop(9%,#c3e763), color-stop(49%,#c3e664), color-stop(50%,#c3e668), color-stop(51%,#b3d25d), color-stop(54%,#b4d061), color-stop(100%,#b3d15f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d25d', endColorstr='#b3d15f',GradientType=0 ); /* IE6-9 */

}


.buttonStyle_grey {border: 2px solid rgba(58, 58, 58, 0.7);  border-radius:10px; font-size:40px;   overflow: hidden;
    font-weight: 400;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
}


.buttonStyle_grey span{ -webkit-transition:color 300ms ease-in;  }
.buttonStyle_grey #background_container{ }
.buttonStyle_grey .textUp{ color:#ddd; }
.buttonStyle_grey .textOver{ color:#fff; }
.buttonStyle_grey .textDown{ color:#bbb; }
.buttonStyle_grey .textLocked{ color:#FFFFF3; }
.buttonStyle_grey .backgroundUp{
    background: #dfdfdf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWQ5ZDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjODQ4NDg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjN2M3YzdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjNTg1ODU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNTE1MTUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #dfdfdf 0%, #9d9d9d 2%, #848484 10%, #7c7c7c 24%, #585858 76%, #515151 89%, #4e4e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(2%,#9d9d9d), color-stop(10%,#848484), color-stop(24%,#7c7c7c), color-stop(76%,#585858), color-stop(89%,#515151), color-stop(100%,#4e4e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#585858 76%,#515151 89%,#4e4e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#585858 76%,#515151 89%,#4e4e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#585858 76%,#515151 89%,#4e4e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#585858 76%,#515151 89%,#4e4e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-8 */
}

.buttonStyle_grey .backgroundOver{
    background: #dfdfdf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWQ5ZDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjODQ4NDg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjN2M3YzdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #dfdfdf 0%, #9d9d9d 2%, #848484 10%, #7c7c7c 24%, #3f3f3f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(2%,#9d9d9d), color-stop(10%,#848484), color-stop(24%,#7c7c7c), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-8 */


}

.buttonStyle_grey .backgroundDown{
    background: #dfdfdf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWQ5ZDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjODQ4NDg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjN2M3YzdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #dfdfdf 0%, #9d9d9d 2%, #848484 10%, #7c7c7c 24%, #3f3f3f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(2%,#9d9d9d), color-stop(10%,#848484), color-stop(24%,#7c7c7c), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dfdfdf 0%,#9d9d9d 2%,#848484 10%,#7c7c7c 24%,#3f3f3f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-8 */


}





.buttonStyle_solidGreen {border: 2px solid #c4e175;}
.buttonStyle_solidGreen span{ -webkit-transition:color 300ms ease-in;  }
.buttonStyle_solidGreen #background_container{ }
.buttonStyle_solidGreen .textUp{ color:#fff; }
.buttonStyle_solidGreen .textOver{ color:#ddd; }
.buttonStyle_solidGreen .textDown{ color:#ccc; }
.buttonStyle_solidGreen .textLocked{ color:#FFFFF3; }
.buttonStyle_solidGreen .backgroundUp{
    background: #a7c458; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzQ1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NjlkNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a7c458 0%, #869d47 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c458), color-stop(100%,#869d47)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a7c458 0%,#869d47 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a7c458 0%,#869d47 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a7c458 0%,#869d47 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a7c458 0%,#869d47 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c458', endColorstr='#869d47',GradientType=0 ); /* IE6-8 */

}

.buttonStyle_solidGreen .backgroundOver{
    background: #9fc13f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYzEzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTliMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9fc13f 0%, #7e9b2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fc13f), color-stop(100%,#7e9b2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9fc13f 0%,#7e9b2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9fc13f 0%,#7e9b2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9fc13f 0%,#7e9b2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9fc13f 0%,#7e9b2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc13f', endColorstr='#7e9b2e',GradientType=0 ); /* IE6-8 */

}

.buttonStyle_solidGreen .backgroundDown{
    background: #98bf24; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4YmYyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ODk5MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #98bf24 0%, #789915 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bf24), color-stop(100%,#789915)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #98bf24 0%,#789915 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #98bf24 0%,#789915 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #98bf24 0%,#789915 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #98bf24 0%,#789915 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bf24', endColorstr='#789915',GradientType=0 ); /* IE6-8 */
}




.buttonStyle_solidRed {border: 2px solid #ff5555;}
.buttonStyle_solidRed span{ -webkit-transition:color 300ms ease-in;  }
.buttonStyle_solidRed #background_container{ }
.buttonStyle_solidRed .textUp{ color:#fff; }
.buttonStyle_solidRed .textOver{ color:#ddd; }
.buttonStyle_solidRed .textDown{ color:#ccc; }
.buttonStyle_solidRed .textLocked{ color:#FFFFF3; }
.buttonStyle_solidRed .backgroundUp{
    background: #dd3636; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYzM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dd3636 0%, #ac3434 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd3636), color-stop(100%,#ac3434)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd3636 0%,#ac3434 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd3636 0%,#ac3434 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd3636 0%,#ac3434 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dd3636 0%,#ac3434 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3636', endColorstr='#ac3434',GradientType=0 ); /* IE6-8 */


}

.buttonStyle_solidRed .backgroundOver{
    background: #db1c1c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #db1c1c 0%, #aa2020 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db1c1c), color-stop(100%,#aa2020)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #db1c1c 0%,#aa2020 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #db1c1c 0%,#aa2020 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #db1c1c 0%,#aa2020 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #db1c1c 0%,#aa2020 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db1c1c', endColorstr='#aa2020',GradientType=0 ); /* IE6-8 */


}

.buttonStyle_solidRed .backgroundDown{
    background: #d80606; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d80606 0%, #a80d0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d80606), color-stop(100%,#a80d0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d80606 0%,#a80d0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d80606 0%,#a80d0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d80606 0%,#a80d0d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d80606 0%,#a80d0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80606', endColorstr='#a80d0d',GradientType=0 ); /* IE6-8 */

}










.buttonStyle_green { font-family:"Montserrat";  border-radius:6px; font-size:30px; text-transform:uppercase; overflow: hidden;  }
.buttonStyle_green span{ -webkit-transition:color 300ms ease-in;  }
.buttonStyle_green #background_container{ }
.buttonStyle_green .textUp{ color:#111; }
.buttonStyle_green .textOver{ color:#fff; }
.buttonStyle_green .textDown{ color:#555; }
.buttonStyle_green .textLocked{ color:#FFFFF3; }
    .buttonStyle_green .backgroundUp{ background: #b1d25d; /* Old browsers */
background: -moz-linear-gradient(top,  #b1d25d 0%, #b4d05f 1%, #edf9d5 3%, #e1f3b9 4%, #cfec82 6%, #c2e565 7%, #c3e763 9%, #c3e664 49%, #c3e668 50%, #b3d25d 51%, #b4d061 54%, #b3d15f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d25d), color-stop(1%,#b4d05f), color-stop(3%,#edf9d5), color-stop(4%,#e1f3b9), color-stop(6%,#cfec82), color-stop(7%,#c2e565), color-stop(9%,#c3e763), color-stop(49%,#c3e664), color-stop(50%,#c3e668), color-stop(51%,#b3d25d), color-stop(54%,#b4d061), color-stop(100%,#b3d15f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b1d25d 0%,#b4d05f 1%,#edf9d5 3%,#e1f3b9 4%,#cfec82 6%,#c2e565 7%,#c3e763 9%,#c3e664 49%,#c3e668 50%,#b3d25d 51%,#b4d061 54%,#b3d15f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d25d', endColorstr='#b3d15f',GradientType=0 ); /* IE6-9 */ }
.buttonStyle_green .backgroundOver{ background: #8da74c; /* Old browsers */
background: -moz-linear-gradient(top,  #8da74c 0%, #90a848 1%, #bec6ae 3%, #b5c294 4%, #a5bd67 6%, #9bb751 7%, #9cb94f 9%, #9cb851 47%, #9db754 50%, #8fa84c 51%, #90a74f 53%, #8fa64b 56%, #90a74c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8da74c), color-stop(1%,#90a848), color-stop(3%,#bec6ae), color-stop(4%,#b5c294), color-stop(6%,#a5bd67), color-stop(7%,#9bb751), color-stop(9%,#9cb94f), color-stop(47%,#9cb851), color-stop(50%,#9db754), color-stop(51%,#8fa84c), color-stop(53%,#90a74f), color-stop(56%,#8fa64b), color-stop(100%,#90a74c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8da74c', endColorstr='#90a74c',GradientType=0 ); /* IE6-9 */
 }
.buttonStyle_green .backgroundDown{ background: #8da74c; /* Old browsers */
background: -moz-linear-gradient(top,  #8da74c 0%, #90a848 1%, #bec6ae 3%, #b5c294 4%, #a5bd67 6%, #9bb751 7%, #9cb94f 9%, #9cb851 47%, #9db754 50%, #8fa84c 51%, #90a74f 53%, #8fa64b 56%, #90a74c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8da74c), color-stop(1%,#90a848), color-stop(3%,#bec6ae), color-stop(4%,#b5c294), color-stop(6%,#a5bd67), color-stop(7%,#9bb751), color-stop(9%,#9cb94f), color-stop(47%,#9cb851), color-stop(50%,#9db754), color-stop(51%,#8fa84c), color-stop(53%,#90a74f), color-stop(56%,#8fa64b), color-stop(100%,#90a74c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8da74c 0%,#90a848 1%,#bec6ae 3%,#b5c294 4%,#a5bd67 6%,#9bb751 7%,#9cb94f 9%,#9cb851 47%,#9db754 50%,#8fa84c 51%,#90a74f 53%,#8fa64b 56%,#90a74c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8da74c', endColorstr='#90a74c',GradientType=0 ); /* IE6-9 */ }
.buttonStyle_green .backgroundLocked{   }

.greenFlatButton .backgroundUp {background:#88b652}
.greenFlatButton .backgroundOver {background:#70a359}
.greenFlatButton .backgroundDown {background:#578144}

.leftIconButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    overflow:hidden;}

.leftIconButton #left_bg_container{padding: 0px 5px; text-align: center;  left:0px; top: 0px;   height: 100%; z-index: 1; background:rgba(0,0,0,0.1)}
.leftIconButton #left_bg_container img{ vertical-align: middle;}
.leftIconButton #icon {vertical-align: middle; padding-right: 10px;}
.leftIconButton #background_container {
    position: absolute;
}

.leftIconButton #text_container {
    height:100%;
    position: relative;
    padding-right: 15px;
}
.leftIconButton #css_button_text {width: 100%; text-align: center;}

.leftIconButton.textSizedButton #css_button_text{
    width: inherit;
}

ul.minical {
    position: absolute;
    display: none;
    color: #3d454b;
    background: white;
    border: 1px solid #bbc5cd;
    margin: 0;
    padding: 0;
    text-shadow: none;
    width: 600px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    z-index: 9327;
    font-size: 34px;
}

ul.minical li {
    padding: 1px 10px 0 10px;
    margin: 0;
}

ul.minical li article {
    float: left;
    width: 100%;
}

ul.minical li article header {
    background: #dde2e6;
    color: #3d454b;
    border: 1px solid #bbc5cd;
    padding: 2px 0;
    position: relative;
    /*height: 1.2em;*/
    margin: 0 -9px;
}

ul.minical li article header h1 {
    font-size: 0.8em;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    padding: 0.2em 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.minical li article header a {
    display: block;
    position: absolute;
    text-indent: -9327px;
    top: 50%;
    left: 5px;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    color:black;
}

ul.minical li article header svg {
    display: block;
    position: absolute;
    text-indent: -9327px;
    top: 50%;
    right: 5px;
    margin-top: -16px;
    height: 32px;
    width: 32px;
}

ul.minical li article header a.minical_next {
    left: auto;
    right: 5px;
    background-position: bottom left;
}

ul.minical li article section {
    margin-bottom: 10px;
}

ul.minical li article section table {
    width: 100%;
    color: inherit;
    font-size: inherit;
    border-collapse: collapse;
}

ul.minical li article section table thead tr th {
    padding: 5px 0 0 0;
    font-size: 0.7em;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #3d454b;
}

ul.minical li article section table tbody tr td {
    padding: 1px;
    text-align: right;
    font-size: 0.9em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.minical li article section table tbody tr td a {
    display: block;
    border: 1px solid #dde2e6;
    color: #3d454b;
    padding: 0.1em 0.3em;
    text-decoration: none;
}

ul.minical li article section table tbody tr td.minical_highlighted a {
    border-color: #6d93b3;
    color: #3d454b;
}

ul.minical li article section table tbody tr td.minical_selected a {
    border-color: #517a9c;
    color: #3d454b;
}

ul.minical li article section table tbody tr td.minical_past_month a, ul.minical li article section table tbody tr td.minical_future_month a {
    color: #b1b5b7;
}

ul.minical li article section table tbody tr td.minical_today a {
    border-color: #517a9c;
    background: #517a9c;
    color: white;
}
/**
 * jQuery Timepicker - v1.3.5 - 2016-07-10
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */


.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker{box-sizing:content-box;display:block;height:205px;list-style:none outside none;margin:0;padding:0 1px;text-align:center}.ui-timepicker-viewport{box-sizing:content-box;display:block;height:205px;margin:0;padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
    position: absolute;
    pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/




/*

.cr-slider {
     -webkit-appearance: none;
     width: 100%;
     height: 25px;
     background: #bbbbbb;
     outline: none;
     -webkit-transition: .2s;
     transition: opacity .2s;
 }


.cr-slider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #bbbbbb;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}



.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 50px;
    height: 50px;
    border-radius:50px;
    background: #a7c458;
    cursor: pointer;
}




 */

.cr-slider {
    -webkit-appearance: none;
    /*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
    /*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #bbbbbb;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    background: #bbbbbb;
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #a7c458;
    margin-top: -19px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 10px;
    background: #bbbbbb;
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #a7c458;
    margin-top: -19px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: #bbbbbb;
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: #bbbbbb;
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #a7c458;
    margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
    background: #bbbbbb;
}
.cr-slider:focus::-ms-fill-upper {
    background: #bbbbbb;
}

/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}
.icon_button #the_icon{left:5px; top:5px; position:absolute; z-index:10; pointer-events:none; }
.icon_button #text_container{margin-left: 82px; }
#preloading_panel{  width:640px; height:1136px;  position:absolute;}
#preloading_panel #loading_container{ position: absolute; width:100%; text-align:center; top:420px; z-index:2;  }
#preloading_panel #icon_container { width:640px; height:300px; position:absolute; z-index: 1; top:0%; margin-top:350px; left:50%; margin-left:-320px; text-align:center}
#preloading_panel #background_container{ width:640px; height:1007px; position:absolute; z-index: 1; top:0%; margin-top:0px; left:50%; margin-left:-320px; }
#login_panel{  width:100%; height:100%;  position:absolute; padding-top:88px; pointer-events:auto;}
#login_panel #centered_container {border-radius:12px;  position:absolute; width:574px; height:520px; margin-top:-150px; margin-left:-290px; left:50%; top:50%; overflow:hidden;  padding :10px;}
#login_panel .fullSite {
	text-align: center;
	font-size:20pt;
	margin-top:35px;
	text-decoration: underline !important;
}
#login_panel .input_container {text-align: center; padding:5px;}
#login_panel input{-webkit-border-radius: 8px; border-radius: 8px; padding:5px 9px; width:95%;}

#login_panel #login_button_container {padding:9px; margin:16px;}
#login_panel #title_container {padding:9px;}
#login_panel #login_button { height: 75px; }

#login_panel #background_container{ position: absolute; width:100%; height:100%; top:0px; left:0px; }

/* -0-0-0-0-0--0-0-0-0-0-0 */

/*#login_panel #centered_container {position: absolute;
width: 400px;
height: 260px;
margin-top: -130px;
background-color: rgba(0,0,0,0.2);
margin-left: -200px;
    border-radius:12px;   left:50%; top:50%;   padding :10px;}
*/
#login_panel #forgot_password_container {position: absolute;
width: 400px;
height: 320px;
background-color: rgba(0,0,0,0.2);
margin-left: -200px;
    border-radius:12px;   left:50%; top:441px;   padding :10px;}

#login_panel #reset_message {
	padding: 20px;
	display: inline-block;
	word-break: break-word;
}

#login_panel #reset_message_container {position: absolute;
width: 400px;
font-weight: 0;
background-color: rgba(0,0,0,0.2);
margin-left: -200px;
    border-radius:12px;   left:50%; top:275px; }

/*#login_panel .input_container {text-align: center; padding:5px;}*/
 
#login_panel #reset_pwd_button_container {padding:0px; margin: 10px auto; }
/*#login_panel #title_container {padding:9px;}*/
/*#login_panel #login_button {width: 120px; height: 35px; }*/
#login_panel .reset_button {width: 145px; height: 35px; }
/*#login_panel input {width:300px;}*/


/*#login_panel #background_container{ position: absolute; width:100%; height:100%; top:0px; left:0px; }*/


#login_panel #rememberMeCb {width: 100%; margin-top: 10px; padding: 10px 0px 21px 20px;}
#login_panel .checkboxButton .textUp{color: #ddd; font-size: 18pt; padding-left: 10px}
#login_panel .checkboxButton .textOver{color: #fff; }

#login_panel #reset_message_container {
	padding: 10px;
	clear: both;
	margin-top: -175px;
	color: #FEFEFE;
}

#login_panel #fp_userId_input {
	background-color: #AAA;
}

#login_panel #reset_pwd_buttons_container{
    width: 300px;
    margin: auto;
}

#login_message_container {
	font-size:22px;
	padding-top: 20px;
}

#dashboard_panel{  width:100%; height:100%;  position:absolute;  pointer-events:auto;}
#dashboard_panel #centered_container {border-radius:12px;  position:absolute; width:574px; height:900px; margin-left:-290px; left:50%;  top:50%; margin-top:-210px; overflow:hidden;  }

.dashboardButton{width:500px; height:75px; left:50%; margin-left:-250px; margin-top: 10px; margin-bottom: 10px;}

#searchAllOption{width: 500px;
    height: 72px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background-color: #FEFEFE;
    top: 80px;
    width: 100%;
}

#searchTextContainer {width: 90%; height: 75px; position: absolute; left: 0px; }
#searchIcon {width: 10%; height: 75px; background-color: transparent; position: absolute; right:0px;}

#dashboard_panel #login_button_container {margin-top: 64px;}
#dashboard_panel #login_button {width: 500px;
    height: 75px;
    left: 50%;
    margin-left: -250px;}

#dashboard_panel .subNavContainer{
    overflow:hidden;
}

#dashboard_panel .subCatButton {
    margin-top:5px;
    font-size:18px;
    margin-bottom:5px;
    width: 500px;
    height: 55px;
    left: 50%;
    margin-left: -250px;
    margin-bottom:5px;
}

#search_input {width: 100%; height: 75px; -moz-border-radius-topleft: 5px; border: 0px; padding-left: 12px;
background : RGBA(00,00,00,00);
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
    -moz-box-shadow: inset 0px 7px 24px 1px rgba(0,0,0,0.49);
    outline-color:gray;

}


#search_icon_button {height: 75px; width: 10%; position: absolute; right: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
 border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: 0px; margin: 0px;
    border: 0px;
    background-color:#b6ca83;
}

#search_icon_button #the_icon { left: 10px; top: 10px; }
 
.file_input_desc {
	width: 80%;
	float: left;	
}

.file_input_desc_label {
	float: left;
	width: 20%;
}
 
#file_attachment_panel {padding:10px;width: 560px;}
#file_attachment_panel #upload_attachment_button {height: 30px; width: 180px;}
#file_attachment_panel .fileAttachmentButton  {height: 30px; width: 100%; margin-bottom:5px;}
#file_attachment_panel #existingFileContainer {/*padding:10px;*/}
#file_attachment_panel #fileContainer > div{display: inline-block; margin:10px 10px 0px 10px; vertical-align:top}
#file_attachment_panel #fileUploadDropZone{height: 30px; width: 250px; border: 1px dashed #999; border-radius:5px; text-align: center}
#file_attachment_panel .bar {height: 18px; background: #9EBB4E;}
#file_attachment_panel #progress {height: 18px;	width: 400px; border: 1px solid #000; display: none;}

#fileUploadDropZone { line-height: 25px; }

#file_attachment_panel #fileUploadDropZone.in {	background: #333;color: #FEFEFE;}
#file_attachment_panel #fileUploadDropZone.hover {background: #9EBB4E;color: #FEFEFE;}
#fileuploadDropzone.fade {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		opacity: 1;
	}
/* CSS Document */

#file_edit_control {
	border-radius: 5px;
	overflow: hidden;
	width: 100%; 
    
	height: 30px; 
	background-color: #DEDEDE;
    margin: 10px 10px 15px 10px;
	
}
#file_edit_control .hide {
	display:none;
}

#file_edit_control > #file_delete_container {
	float: left; 
	
}

#file_edit_control > #file_desc_container {
	float: none; 
	width: 100%;	
    padding: 0px 30px;
}

#file_edit_control > #file_edit_container {
	float: right; 	
}

#file_desc_container .file_edit_span {
	width: 100%;
	line-height: 30px;
	height: 30px;
    padding: 0px 10px;
 
}


#file_desc_container .file_edit_input {
	display: none;
	width: 100%;
    
    height: 30px;
border: 0px;
border-radius: 0px;
    
}

#progressBar {
	height: 30px;
	background: #88b652;
}

#file_delete_button #the_icon {
	top: 3px;
	left: 2px;
}

#file_edit_button #the_icon {
	top: 4px;
	left: 4px;
}

#file_edit_control .editFileBtn {width:28px; height:30px;}	

#file_edit_span {
	text-decoration: underline;
	cursor: pointer;
}

#file_edit_span:hover {
	color: #9EBB4E;
}
/* CSS Document */

#file_progress_control {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;

    height: 30px;
    background-color: #DEDEDE;
    margin: 10px 10px 15px 10px;

}
#file_progress_control .hide {
    display:none;
}

#file_progress_control > #file_delete_container {
    float: left;

}

#file_progress_control > #file_desc_container {
    float: none;
    width: 100%;
    padding: 0px 30px;
}

#file_progress_control > #file_edit_container {
    float: right;
}

#file_desc_container .file_edit_span {
    width: 100%;
    line-height: 30px;
    height: 30px;
    padding: 0px 10px;

}


#file_desc_container .file_edit_input {
    display: none;
    width: 100%;

    height: 30px;
    border: 0px;
    border-radius: 0px;

}

#fileProgressBar {
    height: 100%;
    background: #b2d25e;
}

#file_delete_button #the_icon {
    top: 3px;
    left: 2px;
}

#file_edit_button #the_icon {
    top: 4px;
    left: 4px;
}

#file_progress_control .editFileBtn {width:28px; height:30px;}

#file_edit_span {
    text-decoration: underline;
    cursor: pointer;
}

#file_edit_span:hover {
    color: #9EBB4E;
}

#pdfc_attachment_panel {padding:10px;width: 100%;}
#pdfc_attachment_panel #upload_attachment_button {height: 30px; width: 180px;}
#pdfc_attachment_panel .fileAttachmentButton  {height: 30px; width: 100%; margin-bottom:5px;}
#pdfc_attachment_panel #existingFileContainer {width:90%;}
#pdfc_attachment_panel #fileUploadDropZone{height: 300px; border: 3px dashed #999; border-radius:5px; text-align: center}
#pdfc_attachment_panel .bar {height: 18px; background: #9EBB4E;}
#pdfc_attachment_panel #progress {height: 18px;	width: 400px; border: 1px solid #000; display: none;}

#pdfc_attachment_panel #fileUploadDropZone { line-height: 300px; }

/*#pdfc_attachment_panel #fileUploadDropZone.in {	background: #333;color: #FEFEFE;}*/
#pdfc_attachment_panel #fileUploadDropZone.hover {background: #9EBB4E;color: #FEFEFE;}
#pdfc_attachment_panel #fileuploadDropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

#pdfc_attachment_panel .mt10 {margin-top: 10px;}

/*#file_upload_panel {padding:10px;width: 560px;}*/
/*#file_upload_panel #upload_attachment_button {height: 30px; width: 180px;}*/
/*#file_upload_panel .fileAttachmentButton  {height: 30px; width: 100%; margin-bottom:5px;}*/
#file_upload_panel #existingFileContainer {/*padding:10px;*/}
/*#file_upload_panel #fileContainer > div{display: inline-block; margin:10px 10px 0px 10px; vertical-align:top}*/
/*#file_upload_panel #fileUploadDropZone{height: 30px; width: 250px; border: 1px dashed #999; border-radius:5px; text-align: center}*/
#file_upload_panel .bar {height: 18px; background: #9EBB4E;}
#file_upload_panel #progress {height: 18px;	width: 400px; border: 1px solid #000; display: none;}

#fileUploadDropZone { line-height: 25px; }

#file_upload_panel #fileUploadDropZone.in {	background: #333;color: #FEFEFE;}
#file_upload_panel #fileUploadDropZone.hover {background: #9EBB4E;color: #FEFEFE;}
#fileuploadDropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}


#file_upload_panel #upload_new_button_container {
    width: 100% !important;
    height: inherit;
    display: inline-block !important;
    border-radius: 15px;

}

.height60px {
    height: 60px !important;
}

.height100 {
    height:100%;
}

.absolute {
    position: absolute;
}

.hide {
    display:none;
}


#settings_panel .generalSettingsText {
    margin-top: 89px;
    font-size: larger;
    background-color: darkgray;
    height: 50px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 50px;
}


#settings_panel .list_container_style {
    font-size: xx-large;
    background-color: white;
    height: 80px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 80px;
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    pointer-events: auto;
}


#settings_panel .actionRequired {
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
}

#settings_panel .actionRequiredIcon {
    width: 50px;
    height: 50px;
    float: right;
    margin-top: 25px;
}


#profile_panel .generalSettingsText {
    margin-top: 89px;
    font-size: larger;
    background-color: darkgray;
    height: 50px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 50px;
}


#profile_panel .list_container_style {
    font-size: xx-large;
    background-color: white;
    height: 80px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 80px;
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    pointer-events: auto;
}


#profile_panel .actionRequired {
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
}

#profile_panel .actionRequiredIcon {
    width: 50px;
    height: 50px;
    float: right;
    margin-top: 25px;
}

#profile_picture_settings_panel .profilePictureContainer {
    width:100%;
    background-color: #cecece;
    padding-top: 20px;
    height: 68%;
    padding-bottom: 20px;
}

#profile_picture_settings_panel {
    height: 100%;
}

#profile_picture_settings_panel #profile_picture_controller {
    pointer-events: auto;
}


#profile_picture_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#profile_picture_settings_panel .documentsContainer {
    width: 50%;
    height: 60px;
    margin-top: 20px;
}

#profile_picture_settings_panel .documentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#profile_picture_settings_panel .pad-right-20 {
    padding-right: 20px;

}#profile_picture_settings_panel .textContainer {
     text-align: center !important;
     float: right !important;
     width: 100% !important;
     line-height: 88px !important;
     font-size: xx-large !important;
     color: white !important;
}

.width10 {
    width:10%;
}

.width100 {
    width:100%;
}

.width50 {
    width:50%;
}
.width60 {
    width:60%;
}

.width25 {
    width:25%;
}

.width35 {
    width:35%;
}
.width70 {
    width:70%;
}

.height50 {
    height:50px;
}

.splitRow {
    height:50%;
    vertical-align: middle;
    width:100%
}



#settings_panel .licenses_list_container_style {
    font-size: xx-large;
    background-color: white;
    height: 110px;
    padding-left: 15px;
    vertical-align: middle;
    line-height: 110px;
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    pointer-events: auto;
}


#settings_panel .actionRequired {
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(250,5,38,0.83);
}

#settings_panel .validLicense {
-webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(179,209,94,0.83);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(179,209,94,0.83);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3), inset 180px 0px 0px -164px rgba(179,209,94,0.83);
}


#settings_panel .inlineBlock {
    display:inline-block;
}


#settings_panel .inline {
    display:inline;
}

#settings_panel .licenseStyle {
    width:50%;
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#settings_panel .width100 {
    width:100%;
}

#settings_panel .width90 {
    width:90%;
}

#settings_panel .splitRow {
    height:40px;
    vertical-align: middle;
    line-height: 40px;
    width:100%
}


#settings_panel .pBottom15 {
    padding-top: 15px;
}


#settings_panel .boldText {
    font-weight:600;
}

#settings_panel .height100 {
    height:100%;
}

#settings_panel .settings_container_style {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    height: 960px;
}

#settings_panel {
    height:100%;
}

#settings_panel .licenseStateStyle {
    width: 8%;
    float: left;
    border-right: 1px solid black;
    text-align: center;
    margin-right: 10px;
}


#license_view_panel .documentsContainer {
    width:100%;
    height:100px;
}

#license_view_panel .licenseText {
    color: white;
    font-size: xx-large;
    line-height: 100px;
    height:inherit;
}

#license_view_panel .activeDocumentsContainer {
    background-color:#869d47;
}

#license_view_panel .inactiveDocumentsContainer {
    background-color:#dd3636;
}

#license_view_panel .actionRequiredIcon {
    width: 50px;
    height: 50px;
    display: inline-block;
}

#license_view_panel .width10 {
    width:10%;
}

#license_view_panel .width100 {
    width:100%;
}

#license_view_panel .width50 {
    width:50%;
}
#license_view_panel .width60 {
    width:60%;
}

#license_view_panel .width25 {
    width:25%;
}

#license_view_panel .width35 {
    width:35%;
}
#license_view_panel .width70 {
    width:70%;
}

#license_view_panel .height50 {
    height:50px;
}

#license_view_panel {
    height:100% !important;
}


#license_view_panel .inlineBlock {
    display: inline-block;
}

#license_view_panel .inline {
    display: inline;
}

#license_view_panel .licenseIcon {
    line-height: 85px;
    padding-left: 15px;
}

#license_view_panel .activeLicenseIcon {
    line-height: 100px;
    padding-left: 15px;
}

#license_view_panel .licenseDetails {
    width:100%;
    height:400px;
    background-color: #cecece;
}

#license_view_panel .lineSeparator {
    margin:10px;
    height:2px;
    background-color:black;
    opacity: .5;
}

#license_view_panel .licenceDetailsText {
    font-weight: bold;
    font-size:xx-large;
}

#license_view_panel .stateRow {
    padding:20px;
    width: 100%;
    height: 100px
}

#license_view_panel .fitContent {
    width:fit-content;
}

#license_view_panel .stateText {
    vertical-align: middle;
    height: 100%;
    margin-bottom: 20px;
}

#license_view_panel .width40 {
    width:40%;
}

#license_view_panel #comboLicenseState { height: 50px; margin-left: 20px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: black;
    margin-top: 16px;
    border: 1px solid black;
    border-radius: 15px;
    /*background: url(../.././assets/ui/Icon_ComboBoxArrow.png) no-repeat right;*/
    pointer-events: all;
    width: 100%;
    position:relative;
}

.fontAwesomeArrow:before {
    position:absolute;
    font-family: 'FontAwesome';
    content:"\f107";
}


#license_view_panel .floatRight {
    float:right;
}

#license_view_panel #fha_certified_container {
    height: 100%;
    width: 30%;
    pointer-events: all;
    float: right;
}

#license_view_panel .checkboxCorrect {
    width: 100%;
    height: 100%;
    line-height: 100px;
}

#license_view_panel .license_detail_container_style {
    font-size: xx-large;
    height: 100%;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 110px;
    pointer-events: auto;
}

#license_view_panel .licenseDetailStyle {
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:right;
    vertical-align: middle;
    width:40%;
}

#license_view_panel .licenseExpirationStyle {
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:right;
    vertical-align: middle;
    width:20%;
}



#license_view_panel .splitRow {
    height:50%;
    vertical-align: middle;
    line-height: 70px;
    width:100%
}

#license_view_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
}

#license_view_panel .maxSpace {
    width: 100%;
    height: 100%;
}

#license_view_panel #license_info_container {
    height:140px;
}

#license_view_panel .widthInherit {
    width:inherit;
}

#license_view_panel #container_for_data {
    padding-right: 30px;
}


#license_view_panel .licenseDocumentsContainer {
      width: 50%;
      height: 60px;
      position: absolute;
      right:10px;
    margin-top: 20px;
  }

#license_view_panel .licenseDocumentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#license_view_panel .regularButtonColor {
    background-color:#cecece;
}


#fileProgressBar {
    height: 100%;
    background: #b2d25e;
}

#license_view_panel .expiredActionButton {
    height: 100%;
    display: inline-block;
    width: 60%;
    border-radius: 15px;
    float: right;
}

#license_view_panel #dateLink{
    display: inline-block;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
    padding-right: 10px;
} /* line height should be equal to the height of the image to vertically center using this technique */

#license_view_panel #certificationDateLink{
    display: inline-block;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
    padding-right: 10px;
}


#license_view_panel #editableDate,
#license_view_panel #certificationEditableDate {
    display:block;
    width:80%;
    height:70px;
    float: right;
}

#license_view_panel .displayNone {
    display:none;
}

#license_view_panel #dateInput,
#license_view_panel #certificationDateInput{
    height: 55px;
    width: 100%;
    display: inline-block;
    float: right;
}

#license_view_panel #hiddenDateInput,
#license_view_panel #certificationHiddenDateInput {
    height: 55px;
    width: 70%;
    display: none;
    float: right;
}

#license_view_panel .expContainer {
    padding-left:10px;
}

#appraisal_types_panel {
    height: 100%;
}

#appraisal_types_panel .detailsContainer {
    width:100%;
    height:100px;
    background-color: #cecece;
    padding-left: 30px;
}

.checkboxContainer {
    height: 100px;
    width: 30%;
    display: inline-block;
    position: relative;
    line-height: 100px;
}

#appraisal_types_panel .checkboxButton {
    width: 100% !important;
    height: 100% !important;
}
#eando_settings_panel .eAndODetailsContainer {
    width:100%;
    background-color: #cecece;
    padding-top:20px;
    padding-bottom: 20px;
}

#eando_settings_panel {
    height: 100%;
}

.eandoDetailStyle {
    padding-left: 10px;
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width:40%;
    font-size: xx-large;
}

.eandoDetailInputStyle {
    width: 60%;
    padding-right: 20px
}

#eando_settings_panel #licenseExp {
    padding-top: 5px;
}

#cbEAndORequiredByState{
    pointer-events: all; 
    height: 30px;
}

#eando_settings_panel #eAndOExpContainer {}

#eAndORequiredContainer{
    padding-left: 10px;
}

#eando_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#eando_settings_panel .documentsContainer {
    width: 80%;
    height: 60px;
    margin-top: 40px;
}

#eando_settings_panel .documentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#eando_settings_panel #hiddenDateInput {
    height: 55px;
    width: 70%;
    display: none;
    float: right;
}

#eando_settings_panel #dateLink{
    display: inline-block;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
}



#eando_settings_panel #editableDate {
    display:inline-block;
}

#license_view_panel .displayNone {
    display:none;
}


#eando_settings_panel .expContainer {
    padding-left:10px;
}

#eando_settings_panel .pad-right-20 {
    padding-right: 20px;
}





.width10 {
    width:10%;
}

.width100 {
    width:100%;
}

.width50 {
    width:50%;
}
.width60 {
    width:60%;
}

.width25 {
    width:25%;
}

.width35 {
    width:35%;
}
.width70 {
    width:70%;
}

.height50 {
    height:50px !important;
}

.splitRow {
    height:50%;
    vertical-align: middle;
    width:100%
}

#resume_settings_panel .resumeDetailsContainer {
    width:100%;
    height: 150px;
    background-color: #cecece;
    padding-top:20px;
}

#resume_settings_panel {
    height: 100%;
}


#resume_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#resume_settings_panel .documentsContainer {
    width: 50%;
    height: 60px;
    margin-top: 20px;
}

#resume_settings_panel .documentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#resume_settings_panel .pad-right-20 {
    padding-right: 20px;
}

.width10 {
    width:10%;
}

.width100 {
    width:100%;
}

.width50 {
    width:50%;
}
.width60 {
    width:60%;
}

.width25 {
    width:25%;
}

.width35 {
    width:35%;
}
.width70 {
    width:70%;
}

.height50 {
    height:50px;
}

.splitRow {
    height:50%;
    vertical-align: middle;
    width:100%
}
#coveragearea_settings_panel .coverageAreaDetailsContainer {
    width:100%;
    height: 100%;
    background-color: #cecece;
}

#coveragearea_settings_panel .coverages_list_container_style {
    font-size: xx-large;
    background-color: white;
    height: 110px;
    padding-left: 30px;
    vertical-align: middle;
    line-height: 110px;
    -webkit-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    -moz-box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    box-shadow: inset 0px -200px 106px -164px rgba(13,13,13,0.3);
    pointer-events: auto;
}

#coveragearea_settings_panel .list_item {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#coveragearea_settings_panel {
    height: 100%;
}


#coveragearea_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#coveragearea_settings_panel .documentsContainer {
    width: 50%;
    height: 60px;
    margin-top: 20px;
}

#coveragearea_settings_panel .documentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#coveragearea_settings_panel .pad-right-20 {
    padding-right: 20px;
}

.width10 {
    width:10%;
}

.width100 {
    width:100%;
}

.width50 {
    width:50%;
}
.width60 {
    width:60%;
}

.width25 {
    width:25%;
}

.width35 {
    width:35%;
}
.width70 {
    width:70%;
}

.height50 {
    height:50px;
}

.splitRow {
    height:50%;
    vertical-align: middle;
    width:100%
}


#coveragearea_settings_panel .coverage_container_style {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    height: 960px;
}
#w9_settings_panel .w9DetailsContainer {
    width:100%;
    height: 150px;
    background-color: #cecece;
    padding-top:20px;
}

#w9_settings_panel {
    height: 100%;
}


#w9_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#w9_settings_panel .documentsContainer {
    width: 50%;
    height: 60px;
    margin-top: 20px;
}

#w9_settings_panel .documentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}

#w9_settings_panel .pad-right-20 {
    padding-right: 20px;
}

.width10 {
    width:10%;
}

.width100 {
    width:100%;
}

.width50 {
    width:50%;
}
.width60 {
    width:60%;
}

.width25 {
    width:25%;
}

.width35 {
    width:35%;
}
.width70 {
    width:70%;
}

.height50 {
    height:50px;
}

.splitRow {
    height:50%;
    vertical-align: middle;
    width:100%
}
#sample_appraisal_settings_panel .sampleDetailsContainer {
    width: 100%;
    height: 500px;
    background-color: #cecece;
    padding-top: 20px;
}

#sample_appraisal_settings_panel {
    height: 100%;
}

#sample_appraisal_settings_panel #file_upload_container {
    width: 25% !important;
    float:left;
    margin-top:15px;
    margin-left:20px;
}

#sample_appraisal_settings_panel #file_upload_container #upload_icon_container,
#sample_appraisal_settings_panel #file_upload_container #upload_spinner_icon_container {
    width: 100% !important;
}

#sample_appraisal_settings_panel .mobileInput {
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
    pointer-events: all;
}

#sample_appraisal_settings_panel .documentsContainer {
    width: 80%;
    height: 60px;
    margin-top: 20px;
}

#sample_appraisal_settings_panel .documentsContainer .actionTextContainer {
    line-height: 60px !important;
    font-size: large !important;
    color: black !important;
}

#sample_appraisal_settings_panel #file_upload_container * {
    height: 200px !important;
    line-height: 200px !important;
}

#sample_appraisal_settings_panel .appraisalActionButton {
    display: inline-block !important;
    width: 45% !important;
    border-radius: 15px !important;
    pointer-events: all;
}

#sample_appraisal_settings_panel .pad-right-20 {
    padding-right: 20px;
}

#sample_appraisal_settings_panel #sample_appraisal_list {
    width:70%;
    float:left;
}

#sample_appraisal_settings_panel .iconActionButton {
    height: 100% !important;
    display: inline-block !important;
    width: 50px !important;
    border-radius: 15px !important;
    pointer-events: all;
}

#sample_appraisal_settings_panel .mLeft10 {
    margin-left:10px;
}

#sample_appraisal_settings_panel #remove_appraisal_icon_container0,
#sample_appraisal_settings_panel #remove_appraisal_icon_container1,
#sample_appraisal_settings_panel #remove_appraisal_icon_container2 {
    width:100% !important;
}
.width10 {
    width: 10%;
}

.width100 {
    width: 100%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width25 {
    width: 25%;
}

.width35 {
    width: 35%;
}

.width70 {
    width: 70%;
}

.height50 {
    height: 50px;
}

.splitRow {
    height: 50%;
    vertical-align: middle;
    width: 100%
}
#message_panel{ width:100%; height:100%; position:absolute; background-color:rgba(00,00,00,.7); pointer-events:auto; }
#message_panel #title_container{text-align:center; width:500px; position:absolute; left:50%; margin-left:-250px; top:140px; }
#message_panel #countdown_container{text-align:center; width:300px; position:absolute; left:50%; margin-left:-150px; top:320px; }
/*#loading_message{ width:500px; position:absolute; left:50%; top:50%; margin-top:-60px; margin-left:-260px; padding:20px; text-align:center;  }*/
#loading_message{ width:100%; height:100%; position:absolute; background-color:rgba(00,00,00,.8); pointer-events:auto; }


/* CSS Document */

#activity_detail_message_panel { width:100%; height: 100%; top: 90px; position:absolute;  pointer-events: auto; }
#activity_detail_message_panel #bg{background-color:rgba(10,10,10,0.8); position:absolute; width:100%; height:100%;}
#activity_detail_center_container { min-height: 60%; position: absolute; width: 100%;}

#activity_detail_container { padding: 20px; }
#activity_detail_container hr { border-width: 1px; }
#activity_send_button_container { height: 40px; }
#activity_detail_message_container { margin: 28px 0px; }

#activity_detail_message_panel #activity_detail_from_to_header {height:40px; position: relative;}
#activity_detail_from_to_header #messagefrom_container {position: absolute;}
#activity_detail_from_to_header #date_container {position: absolute; right:0px;}

#messagetext_header { margin-bottom: 10px; }
#messagetext_container { margin-bottom: 10px; color:#51703e;}
#activity_detail_type_container { margin-top: 20px; overflow: auto;}
#messagekind_container { margin-bottom: 10px; }
#messagestatus_container { margin-bottom: 10px; }
#messageprice_container { margin-bottom: 10px;padding-right: 20px; }

#activity_detail_message_panel .header_button {width:200px; height:75px; }
#activity_detail_message_panel  #activity_detail_header_container { height: 90px; position: relative; }
#activity_detail_message_panel #activity_mark_unread_container{position: absolute; width: 200px; left: 20px; top:20px;}
/*
#activity_detail_message_panel #activity_forward_button_container{ height: 80px; position: absolute; width: 80px; right: 10px; }
#activity_detail_message_panel #activity_reply_button_container { height: 80px; position: absolute; width: 80px; right: 90px; }
*/
#activity_detail_message_panel #activity_forward_button_container{ height: 80px; width: 80px; float: right; margin-right: 10px; }
#activity_detail_message_panel #activity_reply_button_container { height: 80px; width: 80px;float: right; margin-right: 10px; }




#activity_detail_message_panel #markUnread_button {width: 200px;height: 50px;position: relative;    }
.button_disabled { pointer-events: none; opacity: .4 }

#activity_detail_message_panel #replymessage_button {
    height: 60px;
    width: 60px;
    border: none;
    font-size:40px;
    position:relative;
    top:15px;
}

#activity_detail_message_panel #forwardmessage_button {
    height: 60px;
    width: 60px;
    border: none;
    font-size:40px;
    position:relative;
    top:15px;
}

#activity_detail_message_panel #replymessage_button #background_container {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#activity_detail_message_panel #forwardmessage_button #background_container {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}
#order_accept_message_panel { width:100%; height: 100%; top: 88px; position:absolute; background-color:rgba(10,10,10,.8); pointer-events: auto; }
#order_accept_center_container { height: 100%; position: absolute; width: 100%;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #b0b0b0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#b0b0b0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-8 */

}

#order_accept_center_container #contentContainer{ width: 600px;    margin-left: -300px;    left: 50%; top:20px;  position: absolute;}
#order_accept_message_panel #previouslyAppraicsedCB  {width:25px; height:25px; margin:13px 0px 0px 5px;}
#order_accept_message_panel #engagementTermsCheckBox {width:25px; height:25px; margin:13px 0px 0px 5px;}
#order_accept_message_panel #cbDiv {width:35px;clear:both;}
#order_accept_message_panel #cbEngagementTerms {width:35px;padding-right:10px;}
#order_accept_message_panel #cbTextDiv {width:545px;}
#order_accept_message_panel #cbTermsTextDiv {width:545px;margin-top:10px;}
#order_accept_message_panel #engagementTermsLink {padding-right:10px;}

#order_accept_message_panel .feeNetSpan{line-height: 37px;}
#order_accept_message_panel textarea {width: 100%; height: 70px; font-size:22px;}
#order_accept_message_panel #hiddenDateInput {display: none;}
#order_accept_message_panel #dateInput {margin: 8px;}

#order_accept_message_panel #editPriceContainer{padding-right:5px}
#order_accept_message_panel #fixedDate {margin-top:30px;}
#order_accept_message_panel #dateLink{display: block; /* or inline-block; I think IE would respect it since a link is an inline-element */
    float: left;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
padding-right: 10px;} /* line height should be equal to the height of the image to vertically center using this technique */

#order_accept_message_panel input {width:165px; padding:5px; font-size: 19px;}
#order_accept_message_panel #bottom_panel{
    position: absolute;
    z-index: 151;
    width: 100%;
    height: 88px;
    bottom: 88px; pointer-events:none;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}


#order_accept_message_panel #bottom_panel #buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#order_accept_message_panel .action_button {width:212px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#order_accept_message_panel .edit_button {width:150px; height:55px; margin-top: 5px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#order_accept_message_panel #message {color:#ff5555;}
#order_accept_message_panel #primarySwitchBox, #secondarySwitchBox {display:inline-flex;}
#order_accept_message_panel .holder {padding-right: 15px;}

#alert_message_panel{ width:100%; height:100%; position:absolute; background-color:rgba(00,00,00,.7); pointer-events:auto; }
#alert_message_panel #centered_container{text-align:center; width:600px; position:absolute; left:50%; margin-left:-300px; top:100px;}

#alert_message_panel .alertButton {width: 600px;
    height: 70px;
    left: 50%;
    margin-left: -300px;
    margin-bottom: 10px;
}

#alert_message_panel textarea {width: 600px;
    height: 100px;    
    margin-bottom: 10px;
}

#comboInput {width: 600px;
    height:50px;
    margin-bottom: 10px;
}
#conditions_accept_message_panel { width:100%; height: 100%; top: 88px; position:absolute; background-color:rgba(10,10,10,.8); pointer-events: auto; }
#conditions_accept_center_container { height: 100%; position: absolute; width: 100%;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #b0b0b0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#b0b0b0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#b0b0b0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-8 */

}
#conditions_accept_message_panel #contentContainer{ width: 600px;    margin-left: -300px;    left: 50%; top:20px;  position: absolute;}

#conditions_accept_message_panel #bottom_panel{
    position: absolute;
    z-index: 151;
    width: 100%;
    height: 88px;
    bottom: 88px; pointer-events:none;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}
#conditions_accept_message_panel #bottom_panel #buttons_container{ width: 540px;height: 88px;position: absolute;left: 50%;margin-left: -270px; }
#conditions_accept_message_panel .action_button {width:172px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}

/* CSS Document */

#send_message_panel { width:100%; height: 100%; top: 90px; position:absolute; pointer-events: auto; }
#send_message_panel #bg {background-color:rgba(10,10,10,0.8); width:100%; height:100%; position:absolute;}
#send_message_center_container {  min-height: 60%; position: absolute;  width: 100%;   }

#actionRequiredCB { width: 30px; height: 30px; position: relative; top: 5px; }
#send_message_center_container hr { border-width: 1px; } 
#messageArea {width: 100%; height: 200px; overflow:auto; padding: 10px;}

#send_message_panel .message_button {width:350px; height:75px; margin-right: 10px; }
#send_message_panel .cancel_button {width:200px; height:75px;}

#send_message_panel #send_message_header_container { height: 90px; position: relative; overflow:hidden; }
#send_message_panel #send_message_button_container{ height: 80px; position: absolute; width: 80px; right: 40px; top:10px; }

#send_message_panel #messageToCombo { height: 50px; margin-left: 20px; -webkit-appearance: none; background: transparent; padding: 5px 35px 5px 10px;
    color: #444;
    border: 1px solid #bbb;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrow.png) no-repeat right;
    }
#send_message_panel #replyToField { margin-left: 20px; }

#send_message_panel .vacaContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    display: none;
}

#send_message_panel #sendmessage_button {
    width:100px;
    height:60px;
    border: none !important;
}

#send_message_panel #sendmessage_button #background_container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#send_message_panel .canned_messages_container {
    display:none;
    margin-bottom: 5px;
}

#send_message_panel #cannedMessageCombo { height: 50px; -webkit-appearance: none; background: transparent; padding: 5px 35px 5px 10px;
    color: #444;
    border: 1px solid #bbb;
    border-radius: 15px;
    width: 100%;
    background: url(../.././assets/ui/Icon_ComboBoxArrow.png) no-repeat right;
}

/* CSS Document */

#preview_panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background-color: RGBA(0,0,0,0.9);*/
    background-color: RGBA(100,100,100,0.9);
    /*min-width: 900px;*/
    pointer-events: auto;
    z-index: 999;
}

#previewIframe {
    position: absolute;
    /*top: 50px;*/
    /*bottom: 50px;*/
    /*width: 900px;*/
    /*left: 50%;*/
    /*margin-left: -450px;*/
    min-height: 500px;
    border: none;
    height:100%;
    width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    top: 50px;
}

#preview_actions {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #FFF;
}

#preview_popout_container {
    float: left;
    margin-right: 20px;
}

#preview_close_container {
    float: right;
}
/* CSS Document */

#borrower_payment_panel{  width:100%; height:100%; position: absolute; padding-top:10px; pointer-events:auto; color: #FEFEFE; font-size:35px; }
#borrower_payment_panel input{-webkit-border-radius: 8px; border-radius: 8px; padding:5px 9px; font-size: 30px;}

#borrower_payment_panel .smallWidth {width: 25%;}
#borrower_payment_panel .mediumWidth {width: 50%;}
#borrower_payment_panel .fullWidth {width: 95%;}

#borrower_payment_panel .centered_container {
	width: 100%; position: absolute;left: 0px;z-index: -1; height:960px; 	
}

#borrower_payment_panel .mt10 {
	margin-top: 20px;
}

#borrower_payment_panel .spacer {
	height: 50px;
}

#borrower_payment_panel #payment_content_panel {
	padding: 20px;
	padding-top: 120px;
	z-index: 5;
}

#borrower_payment_panel #payment_content_panel input[type="text"] {
	height: 50px;
}

#borrower_payment_panel #payment_content_panel .comboStyle { height: 50px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: #c4e175;
    margin-top: 16px;
    border: 1px solid #c4e175;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrowGreen.png) no-repeat right;
}

#borrower_payment_panel #payment_submit_container {
	height: 50px;
	width: 200px;
}

#borrower_payment_panel #payment_submit_container .cssButton {
	height: 50px;
	width: 200px;
}

#borrower_payment_panel #paymentscontainer {margin-top: 10px;}
#borrower_payment_panel .paymentLogo {width: 70px; margin-right: 5px;}
#borrower_payment_panel .paymentSpan {position: relative; top: -10px; margin-right: 5px;}

/* CSS Document */

#ROVRequestPanel{  width:100%; height:100%; position: absolute; padding-top:10px; pointer-events:auto; color: #FEFEFE; font-size:35px; }
#ROVRequestPanel input{-webkit-border-radius: 8px; border-radius: 8px; padding:5px 9px; font-size: 30px;}

#ROVRequestPanel .smallWidth {width: 25%;}
#ROVRequestPanel .mediumWidth {width: 50%;}
#ROVRequestPanel .fullWidth {width: 100%;}

	#ROVRequestPanel .centered_container {
		width: 100%;
		position: absolute;
		left: 0px;
		z-index: -1;
		overflow: auto;
		height: 100% !important;
	}

#ROVRequestPanel .mt10 {
	margin-top: 20px;
}
	#ROVRequestPanel .mt20 {
		margin-top: 40px;
	}

#ROVRequestPanel .spacer {
	height: 50px;
}

#ROVRequestPanel #borrower_rov_request_content_panel {
	padding: 20px;
	padding-top: 120px;
	z-index: 5;
}

#ROVRequestPanel #borrower_rov_request_content_panel input[type="text"] {
	height: 50px;
}
	#ROVRequestPanel #add_comment {
		border-radius: 8px;
		height: 250px;
	}


#ROVRequestPanel #borrower_rov_request_content_panel .comboStyle { height: 50px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: #c4e175;
    margin-top: 16px;
    border: 1px solid #c4e175;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrowGreen.png) no-repeat right;
}

	#ROVRequestPanel #payment_submit_container {
		/*height: 50px;
	width: 200px;*/
		margin-top: 40px;
		margin-bottom: 40px;
	}

#ROVRequestPanel #payment_submit_container .cssButton {
	height: 80px;
	/*width: 200px;*/
}

#ROVRequestPanel #paymentscontainer {margin-top: 10px;}
#ROVRequestPanel .paymentLogo {width: 70px; margin-right: 5px;}
#ROVRequestPanel .paymentSpan {position: relative; top: -10px; margin-right: 5px;}

	#ROVRequestPanel #fileContainer {
		background-color: #7b7b7b;
		color: white;
		margin-top: 10px;
	}
		#ROVRequestPanel .uploadBtn #file_attachment_panel {
			width: 100%;
			padding: 0;
			
		}
		#ROVRequestPanel .uploadBtn #uploadButtonContainer {
			display: block;
			margin: 0;
		}
		#ROVRequestPanel .uploadBtn #orDiv, #ROVRequestPanel .uploadBtn #fileUploadDropZone {
			display: none;
		}
		#ROVRequestPanel .uploadBtn .leftIconButton #text_container {
			padding-right: 0px;
		}

		#ROVRequestPanel .uploadBtn #file_attachment_panel #upload_attachment_button {
			height: unset;
			width: unset;
		}

		#ROVRequestPanel .uploadBtn .leftIconButton #css_button_text {
			width: 100%;
			text-align: center;
			font-size: 25px;
			padding-top: 20px;
			padding-bottom: 20px;
		}

	#ROVRequestPanel #file_edit_control > #file_desc_container {
		float: none;
		width: 100%;
		padding: 0px 30px;
	}

	#ROVRequestPanel #file_edit_control {
		border-radius: 5px;
		overflow: hidden;
		width: 100%;
		height: unset;
		background-color: #DEDEDE;
		margin-top: 20px;
		background: none;
		border: 1px solid white;
		color: white;
		padding: 20px 0;
		margin: 20px 0;
	}

	#ROVRequestPanel #file_attachment_panel #existingFileContainer {
		background: none;
	}
	#ROVRequestPanel #file_delete_container {
		float: right;
	}

	#ROVRequestPanel #file_edit_control .editFileBtn {
		width: 40px;
		height: 30px;
	}

	#ROVRequestPanel #file_delete_button #the_icon {
		width: 100%;
		top: 0;
	}
/* CSS Document */

#scheduleInspectionPanel{  width:100%; height:100%; position: absolute; padding-top:10px; pointer-events:auto; color: #FEFEFE; font-size:35px; }
#scheduleInspectionPanel input{-webkit-border-radius: 8px; border-radius: 8px; padding:5px 9px; font-size: 30px;}

#scheduleInspectionPanel .smallWidth {width: 25%;}
#scheduleInspectionPanel .mediumWidth {width: 50%;}
#scheduleInspectionPanel .fullWidth {width: 95%;}

#scheduleInspectionPanel .centered_container {
    width: 100%; position: absolute;left: 0px;z-index: -1; height:960px;
}

#scheduleInspectionPanel .mt10 {
    margin-top: 20px;
}

#scheduleInspectionPanel .spacer {
    height: 50px;
}

#scheduleInspectionPanel #payment_content_panel {
    padding: 20px;
    z-index: 5;
    margin-top:50px;
}

#scheduleInspectionPanel #payment_content_panel input[type="text"] {
    height: 50px;
}

#scheduleInspectionPanel #payment_content_panel .comboStyle { height: 50px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: #c4e175;
    margin-top: 16px;
    border: 1px solid #c4e175;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrowGreen.png) no-repeat right;
}

#scheduleInspectionPanel #submit_container {
    height: 50px;
    width: 200px;
}

#scheduleInspectionPanel #submit_container .cssButton {
    height: 80px;
}

#scheduleInspectionPanel .cssButton #text_container {
    pointer-events: all;

}

#scheduleInspectionPanel .checkboxButton .textUp{
    color: #7a7a7a;
}

#scheduleInspectionPanel .checkboxButton .textOver{
    color: #333333;
}


#scheduleInspectionPanel .checkboxButton .textUp .required{
    color: #545454;
}

#scheduleInspectionPanel .ready{
    background-color: #9ebb4e;
}

#scheduleInspectionPanel .submit_container{padding-top:20px; width: 150px; overflow: auto; margin: auto;

}
#scheduleInspectionPanel #submit_container {
    width: 50%;
    margin: 0 auto;
    height:80px;
}

#scheduleInspectionPanel .submit_container .cssButton {width:150px; height:30px;}


#scheduleInspectionPanel .appraiserMessage {
    color: white;
    border: 1px solid white;
    border-radius: 7px;
    padding: 8px;
    width:fit-content;
}

#scheduleInspectionPanel .margin-left-15 {
    margin-left:15px;
}

#scheduleInspectionPanel #messageToAppraiserBlock {
    width:100%;
}

#scheduleInspectionPanel .messageAreaBox {
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    border-color: transparent;
    height:100px;
    font-size: 20px;
}

#scheduleInspectionPanel .titlefont {
    color: white;
    font-size: x-large;
    text-align: center;
}

#scheduleInspectionPanel .height50 {
    height:50px;
}

#scheduleInspectionPanel #css_button_text {
    padding-left:10px;
    font-size:30px;
}

.responsetitle {
    margin-top:100px;

}

.responsetitle span {
    font-size:30px;
}

#scheduleInspectionPanel .marginsides {
    margin-left:15px;
    margin-right:15px;
}
#vaAppraiserMessagePanel { 
    /* width:100%; 
    height:100%; 
    padding:20px; 
    padding-top: 100px;
    pointer-events:auto; 
    background-color:#2c2c2e;
 */

    width:100%; 
    height:100%; 
    position: absolute; 
    padding-top:30px; 
    pointer-events:auto; 
    color: #FEFEFE; 
    font-size:35px;
}

#vaAppraiserMessagePanel #loan_details_panel {
    padding: 20px;
    z-index: 5;
    margin-top:40px;
}

#vaAppraiserMessagePanel #loan_details_panel input[type="text"] {
    height: 50px;
}

#vaAppraiserMessagePanel #loan_details_panel .details_bottom{
    margin-top: 30px;
}

#vaAppraiserMessagePanel #loan_details_panel .details_bottom hr{
    background: white;    
}

#vaAppraiserMessagePanel #loan_details_panel .input_bottom{
    
}

#vaAppraiserMessagePanel #loan_details_panel .input_bottom hr{
    background: #545454;    
}

#vaAppraiserMessagePanel #loan_details_panel .comboStyle { height: 50px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: #c4e175;
    margin-top: 16px;
    border: 1px solid #c4e175;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrowGreen.png) no-repeat right;
}

#vaAppraiserMessagePanel .leftIconButton {
    margin-top: 1.3em;
    border-radius: 10px;
    max-width: 100%;
}

#vaAppraiserMessagePanel .leftIconButton img{
    height: 60px;
    width: 60px;
}

#vaAppraiserMessagePanel .detail_label {
    margin-top: 1.3em;
    margin-bottom: .3em;
}

#vaAppraiserMessagePanel .flexContainer {
    display: flex;
}

#vaAppraiserMessagePanel .flexContainer .pocLabel {
    width: 350px;
}

#vaAppraiserMessagePanel .flexContainer .reqLabel {
    width: 250px;
}

#vaAppraiserMessagePanel .messageAreaBox {
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border-color: transparent;
    height:100px;
    font-size: 20px;
    padding: 10px;
}


#vaAppraiserMessagePanel #submit_container {
    height: 50px;
    width: 200px;
}

#vaAppraiserMessagePanel #submit_container .cssButton {
    height: 80px;
}

#vaAppraiserMessagePanel .submit_container{padding-top:20px; width: 150px; overflow: auto; margin: auto;

}
#vaAppraiserMessagePanel #submit_container {
    width: 50%;
    margin: 0 auto;
    height:80px;
}

#vaAppraiserMessagePanel .submit_container .cssButton {width:150px; height:30px;}

#vaAppraiserMessagePanel #css_button_text {
    padding-left:10px;
    font-size:30px;
}


/* 

#vaAppraiserMessagePanel .container{
    background-color:#c0c0c0;
    background-repeat:no-repeat;
    background-size: 29px 100%;
    background-position:70.5% 0%;
}

#vaAppraiserMessagePanel .topBar{background-color:#7a7a7a; padding:5px; height:50px; width:100%; margin-bottom:2px;}
#vaAppraiserMessagePanel #leftPanel{
    width:70%;
    padding-right:20px;
    vertical-align:top;
    display:inline-block;
}

#vaAppraiserMessagePanel #loanDetailPanel{
    width:100%;
    padding-left:20px;
    vertical-align:top;
    display:inline-block;
    color: white;
}

#vaAppraiserMessagePanel input:not([type="radio"]),#scheduleInspectionPanel select, #scheduleInspectionPanel textarea{width:100%;}
#vaAppraiserPanel .halfWidth{
    width:50%;
}

#vaAppraiserMessagePanel .thirdWidth input:not([type="radio"]), #scheduleInspectionPanel .thirdWidthselect{width:100%;}
#vaAppraiserMessagePanel .thirdWidth{
    width:33.33%;
}

#vaAppraiserMessagePanel .twoThirdWidth{
    width:66.66%;
}

#vaAppraiserMessagePanel .fullWidth{
    width:100%;
}

#vaAppraiserMessagePanel .required{
    color:#545454;
    font-weight: bold;
}

#vaAppraiserMessagePanel .ready{
    background-color: #9ebb4e;
}

#vaAppraiserMessagePanel .buttons_container{padding-top:20px; width: 150px; overflow: auto; margin: auto;}
#vaAppraiserMessagePanel .buttons_container .cssButton {width:150px; height:30px;}

#vaAppraiserMessagePanel #errorSpan{

    width:100%;
    text-align:center;
    color:#FF0000;
    font-size:1.5em;
}

#vaAppraiserMessagePanel .margin-left-15 {
    margin-left:15px;
}

#vaAppraiserMessagePanel #messageToLenderBlock {
    width:100%;
}

#vaAppraiserMessagePanel .messageAreaBox {
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    border-color: transparent;
    height:100px;
}

#vaAppraiserMessagePanel .titlefont {
    color: white;
    font-size: x-large;
    text-align: center;
}

#vaAppraiserMessagePanel .lenderMessage {
    margin-top: 5px;
}

#vaAppraiserMessagePanel .headerTxt {
    color: #545454;
    font-weight: bold;
}

#vaAppraiserMessagePanel .flexContainer {
    display: flex;
}

#vaAppraiserMessagePanel .reqLabel {
    width: 100px;
}

#vaAppraiserMessagePanel .pocLabel {
    width: 150px;
} */
/* CSS Document */

#borrowerPaymentApprovedPanel {
	height: 100%;
	width: 100%;
	padding: 20px;
	margin-top: 50px;	
	padding-top: 88px;
}

#borrowerPaymentApprovedPanel .cssButton {
	height: 50px;
	width: 250px;
}

#borrowerPaymentApprovedPanel .buttons_container {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

#borrowerPaymentApprovedPanel .mt20 {
	margin-top: 20px;
}

#borrowerPaymentApprovedPanel .centerMe {
	width: 100%;
	text-align: center;
}

#borrowerPaymentApprovedPanel .linkFix {
	text-align: center;
}

#borrowerPaymentApprovedPanel #view_receipt {
	pointer-events: auto;
}
#profile_picture_panel .profilePicture {
    height: 200px;
}

#profile_picture_panel .buttons_container{padding-top:10px; width: 420px; overflow: auto; }
#profile_picture_panel .buttons_container .cssButton {width:100px; height:28px;}

#profile_picture_panel #upload_attachment_button {
    width: 250px;
    height: 48px;
    margin: auto;
    background: #b2d15e;
    border-radius: 5px;
    border: grey 1px solid;
}

#profile_picture_panel #remove_photo_button {
    width: 250px;
    height: 48px;
    margin: auto;
    background: #dd3636;
    border-radius: 5px;
    border: grey 1px solid;
    margin-top: 5px;
}

#profile_picture_panel #reset_button {
    width: 250px;
    height: 48px;
    background: #dd3636;
    margin: auto;
    border-radius: 5px;
    border: grey 1px solid;
}

#profile_picture_panel #rotate_button {
    width: 250px;
    height: 48px;
    background: #0f97dd;
    margin: auto;
    border-radius: 5px;
    border: grey 1px solid;
}

#profile_picture_panel #bigMessage {margin: auto; text-align: center;}

#profile_picture_panel #currentPicture {margin: auto; text-align: center;}

#profile_picture_panel #requiredMessage {
    width: 330px;
    margin: auto;
}
#profile_picture_panel #smallMessage {margin: auto; text-align: center;}



#profile_picture_panel #progressBar {
    height: 30px;
    background: #88b652;
    margin: 10px 10px 10px 0;
}
#profile_picture_panel #iconImage {
 padding-top:5px;
}

#tophud_panel{ width:100%; height:100%;}
#tophud #dashboardButton{ position:absolute; left:20px; top:15px; }
#tophud #search_button{ position:absolute; right:10px; top:12px; }
#tophud #icon_container{ position:absolute; width:253px; height:58px; left:50%; margin-left:-126px; top:10px; }
#tophud #hamburger_container{
    position:absolute;
    width:50px;
    height:50px;
    right:2%;
    top:15px;
    background-color:transparent;
}
#tophud #hamburger_container .settingsButton {height:50px; width:50px;}
#tophud #settings_container {
    height: 100%;
    width: 60%;
    background-color: #474744;
    right: 0;
    position: fixed;
    transform: translate(130%, 0)
}

#tophud #close_button_container {
    height: 88px;
    position: absolute;
    margin-left: -70px;
    background-color: #474744;
    padding: 10px;
    padding-left: 20px;
    width: 70px;
}
#tophud #close_button_container .closeButton {
    height:50px;
    width:50px;
    vertical-align:middle;
    line-height:88px;
}

#tophud #close_button_container .closeButton .CSSButton_text {
    padding-left:0px !important
}

#tophud #close_button_container {
    display:inline-block;
}

#tophud {
    /*border-bottom: 2px solid white;*/
    background-color:#b2d15e;
    -webkit-box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.7);
    box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.7);
}

#tophud .inlineblock {
    display:inline-block;
}

#tophud #settings_button_overlay {
    width:100%;
    height:100%;
    background-color:transparent;
    z-index:999;
    position:absolute;
}

#tophud #settings_panel_container,
#tophud #profile_panel_container,
#tophud #logout_panel_container
{
    width:100%;
    height:88px;
    background-color:#474744;
    -webkit-box-shadow: inset 0px -51px 67px -21px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px -51px 67px -21px rgba(0,0,0,0.4);
    box-shadow: inset 0px -51px 67px -21px rgba(0,0,0,0.4);
}

#tophud #settings_gear_container {
    height:100%;
}

#tophud #profile_icon_container {
    height:100%;
}

#tophud #logout_icon_container {
    height:100%;
}

#tophud .settingsPanel {
    width: 90%;
    height:88px;
    padding-left: 20px;
    float:right;
    text-align:left;
    display:inline-block;
    padding-left:-50px;
    line-height: 88px;
}

#tophud .panelText {
    font-size: x-large;
    color:white;
    width:100%;
    height:100%;
}

#tophud .settingsIcon {
    width: 10%;
    display: inline-block;
    float: left;
    padding-left: 1rem;
    height:100%;
    line-height: 97px;
}

#tophud .settingsIcon .CSSButton_text {
    /*padding-top: 1.1rem;*/
}

#tophud #text_container {
    padding-left: 4px !important;
}

#tophud .homeButton {
    width: 60px;
    height: 60px;
    border: none !important;
    color: #FFF;
    font-size: 40px;
    position:relative;
}

#tophud .homeButton #text_container {margin-left: 8px; margin-top: 5px;}
#tophud .homeButton #background_container {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}


#bottomhud_panel{ width:100%; height:100%; position:absolute; bottom:0px; left:0px; pointer-events:none; 
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

 }
#bottomhud_panel #buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#bottomhud_panel #text_container {top: inherit;}
#bottomhud_panel .bottomButton{position:relative; float:left; margin-left:10px;}
/*#tophud #menu_button{ position:absolute; left:10px; top:10px; }
#tophud #plus_button{ position:absolute; right:10px; top:10px; }
#tophud #icon_container{ position:absolute; width:120px; height:88px; left:50%; margin-left:-60px; top:10px; }*/
#listpinned_panel{  width:100%; height:100%;  position:absolute; padding-top:88px; pointer-events:auto; background: #424242; }
/*#listpinned_panel{  width:100%; height:100%;  position:absolute; pointer-events:auto; }*/
#listpinned_panel .list_container_style{ width: 100%; position: absolute;left: 0px;z-index: 3; top: 178px;height:960px;   }
/*#listpinned_panel .list_container_style{ width: 100%; position: absolute;left: 0px;z-index: 3;cursor: move;top: 88px;height:960px;   }*/
#listpinned_panel .strokedItem {border-style:solid; border-width:5px; border-color:#90A74C; }
#listpinned_panel #order_list{padding: 20px;}
#listpinned_panel #sort_header {height: 90px; position: relative;}
#listpinned_panel #refreshContainer {position: absolute;    top: 10px;    right: 30px; width:60px; height: 60px; }
#listpinned_panel #refreshButton {width:60px; height: 60px; border:none !important; font-size:40px; }
#listpinned_panel #refreshButton #text_container {margin-left:10px; margin-top:10px; }
#listpinned_panel #refreshButton #background_container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#listpinned_panel #filterContainer {
    position: relative;
    top: 15px;
    width:100%;
    height:49px;
    margin-left:15px;
    padding-right:30px !important;
}
#listpinned_panel #orderFilter{ padding: 10px; border-radius: 10px; width:100%;}



#listpinned_panel .list_item{ width:100%; float:left; height:144px; margin-bottom:20px; position:relative;}
#listpinned_panel .list_item #top{ height:60px; width:100%; background-color:#ffffff; position:relative; }
#listpinned_panel .list_item #top #name_container{ position:absolute; top:0px; left:10px; height:100%;}
#listpinned_panel .list_item #top #date_container{ position:absolute; top:0px; right:10px; height:100%;}

#listpinned_panel .list_item #bottom{ height:84px; width:100%; background-color:#f0f1f1; }
#listpinned_panel .list_item #bottom #ref_container{ height: 44px;width: 100%;position: absolute;left: 60px; top: 70px; max-width: 250px; }
#listpinned_panel .list_item #bottom #address_container{ height: 34px;width: 100%;position: absolute;left: 60px; bottom: 9px; max-width: 350px; }
#listpinned_panel .list_item #bottom #status_container{ height: 34px; position: absolute;right: 10px; bottom: 9px; text-align:right;  }
#listpinned_panel .list_item #pin_container{z-index: 5;position: absolute;bottom: 20px;left: -5px;}
#listpinned_panel .list_item #unpinned_container{z-index: 5;position: absolute;bottom: 20px;left: -5px;}

#listpinned_panel .list_item #bottom #ref_container .notpinned { height: 44px;width: 100%;position: absolute;left: 10px; top: 70px; max-width: 250px; }
#listpinned_panel .list_item #bottom #address_container. notpinned{ height: 34px;width: 100%;position: absolute;left: 10px; bottom: 9px; max-width: 350px; }
#listpinned_panel .list_item #pin_container.notpinned {visibility: hidden;}



#listpinned_panel #bottomhud_panel{ position: absolute;
    z-index: 151;
    pointer-events: none;
    width: 100%;
    height: 88px;
    bottom: 0px; pointer-events:none;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}
#listpinned_panel #bottomhud_panel #buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#listpinned_panel #bottomhud_panel #text_container {top: inherit;}
#listpinned_panel #bottomhud_panel .bottomButton{position:relative; float:left; margin-left:10px;}

#listpinned_panel .pinButton {width: 50px; height: 50px; font-size:35px; border:none !important;}
#listpinned_panel .pinButton #text_container {margin-left: 10px; margin-top: 5px;}
#listpinned_panel .pinButton #background_container {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}


/*#listpinned_panel .card{ float:left; width:640px; height:682px; text-align:center; top:50%; position:relative; }
#listpinned_panel .card #achievement_image_container{  position:relative; }*/
#vieworder_panel{   width:100%; height:100%;  position:absolute; pointer-events:auto;  padding:0px; margin-top:88px;}
#vieworder_panel #paddingContainer {padding:15px;}
#vieworder_panel #backgroundContainer{ background:#fff; overflow:hidden; padding:10px;}
#vieworder_panel .centered_container {width:100%; position: absolute;left: 0px;z-index: 3;  height:60px;}
#paddingContainer span {padding:5px;}
#paddingContainer .hr {width:100%; background:#aaa; padding:0px; margin:12px 5px; height:1px;}
#vieworder_panel .shadedCell {background:#f0f0f0; padding:7px;}
#vieworder_panel .spacedCell {padding:7px;}




#vieworder_panel .bottom_panel{
    position: absolute;
    z-index: 151;
    pointer-events: none;
    width: 100%;
    height: 88px;
    bottom: 88px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}

#vieworder_panel .bottom_panel .buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#vieworder_panel .action_button {width:212px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#vieworder_panel .review_button {width:312px; height:55px; margin-top: 15px; margin-left: 64px; margin-right:64px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}

#vieworder_panel #navigation_container {
    margin-top: 33px !important;
}

#vieworder_panel #bottom_panel_appraiser_settings {
    display:none;
    color: #FEFEFE;
    padding: 5px;
    font-size: 20pt;
    text-align:center;
}
#order_panel{  width:100%; height:100%;  position:absolute; padding-top:88px; pointer-events:auto;}
#order_panel #centered_container {border-radius:12px;  position:absolute; width:550px;
    margin-left:-275px; left:50%; margin-top: 20px;  overflow:hidden;  padding :20px; background: #e2e2e2;}

#order_panel #hr_container {padding-top:10px; padding-bottom: 10px;}
#order_panel #map_details {padding:10px 0px 0px 20px; }

#order_panel #map_button_container {width:165px; height: 166px;margin-bottom: 35px;}
#order_panel #address_container {margin-top: 10px;}

#order_panel .wide_button {width:100%; height:75px; margin-top: 10px;}
/*#property_details_button_container {padding-top: 20px; padding-bottom: 5px; height: 100px;}*/

#order_panel .actionRequiredContainer {border: 2px solid #51703e; padding: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align: center;}
#order_panel #companyNameContainer{padding:0px 5px 10px 5px;}
#order_panel #map_container{overflow: hidden;}

#order_panel #orderSummaryStatus {padding: 20px 0px 4px 0px;}
/*#property_details_button_container{}
#communications_button_container{height: 75px;}
*/

#order_panel #map_button {
    width: 165px;
    height: 165px;
}

#activity_panel{  width:100%; height:100%;  position:absolute; padding-top:88px; pointer-events:auto; background: #424242; }
#activity_panel .list_container_style{ width: 100%; position: absolute;left: 0px;z-index: -1; top: 1px; height:960px;   }
#activity_panel #sort_header {height: 90px; }
#activity_panel #needs_attention_container {position: relative;}
#activity_panel #needs_attention_header {padding:10px 10px 10px 15px;background: #a9a9a9; color:#343232; display: none; }
#activity_panel #createCom_button_container {float: right; padding-right: 20px; padding-top: 15px; }
#activity_panel .hidden {display:none;}
#activity_panel .list_item {
    padding: 15px 15px 21px 18px;
    margin-bottom: 1px;
    position: relative;
}

#activity_panel .list_item_bottom  {}
#activity_panel .comment_container {width:90%; margin-top: 8px;}

#activity_panel .attention {position: absolute;
    width: 14px;
    left: 0px;
    top: 0px;
    height: 100%;}


#filterCombo { height: 50px; margin-left: 20px; -webkit-appearance: none; background: transparent;  padding: 5px 35px 5px 10px;
    color: #c4e175;
    margin-top: 16px;
    border: 1px solid #c4e175;
    border-radius: 15px;
    background: url(../.././assets/ui/Icon_ComboBoxArrowGreen.png) no-repeat right;
}

#activity_panel #createCom_button {
    width:60px;
    height:60px;
    border:none !important;
    font-size:40px;
}

#activity_panel #createCom_button #text_container {
    margin-left:10px;
    margin-top:5px;
}

#activity_panel #createCom_button #background_container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#changePrice_panel{   width:100%; height:100%;  position:absolute; pointer-events:auto;  padding:0px; margin-top:88px;}
#changePrice_panel #paddingContainer {padding:15px;}
#changePrice_panel #backgroundContainer{ background:#fff; overflow:hidden; padding:10px;}
#changePrice_panel .centered_container {width:100%; position: absolute;left: 0px;z-index: 3;  height:800px;}
#paddingContainer span {padding:5px;}
#paddingContainer .hr {width:100%; background:#aaa; padding:0px; margin:12px 5px; height:1px;}
#changePrice_panel .shadedCell {background:#f0f0f0; padding:7px;}
#changePrice_panel .spacedCell {padding:7px;}
#changePrice_panel #pending_change {padding-bottom:40px;}

#changePrice_panel .priceChangeCommentArea {
    width:97%;
    background:#f0f0f0;
    border-style: none;

    margin-left: 10px;
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: large;
    padding-left: 10px;
}

#changePrice_panel .smallWidth {width: 25%;}
#changePrice_panel .mediumWidth {width: 50%;}
#changePrice_panel .fullWidth {width: 95%;}

#changePrice_panel .changePriceInfoPanel {padding:10px;}

/*#changePrice_panel .editPriceContainer {float:left;overflow:hidden; border:1px solid #9ebb4e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}*/
#changePrice_panel .editPriceContainer {float:left;overflow:hidden; border:1px solid;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

#changePrice_panel .labelAndInputContainer{ width: 135px; text-align: right;}

#changePrice_panel .changeAmountContainer img{ vertical-align: middle;}

#changePrice_panel .mt10 {
    margin-top: 20px;
}

#changePrice_panel .bottom_panel{
    position: absolute;
    z-index: 151;
    pointer-events: none;
    width: 100%;
    height: 88px;
    bottom: 88px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}

#changePrice_panel .bottom_panel .buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#changePrice_panel .action_button {width:212px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#changePrice_panel .action_button_extra_width {width:100%; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#changePrice_panel .review_button {width:312px; height:55px; margin-top: 15px; margin-left: 64px; margin-right:64px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}


/*Global : these should probably be moved to a global style*/

#changePrice_panel .mobileInput {
    vertical-align: middle;
    border-radius: 10px;
    border: transparent;
    font-size: x-large;
    padding-left: 10px;
}


#changePrice_panel .width10 {
    width:10%;
}

#changePrice_panel .width100 {
    width:100%;
}

#changePrice_panel .width50 {
    width:50%;
}
#changePrice_panel .width60 {
    width:60%;
}

#changePrice_panel .width25 {
    width:25%;
}

#changePrice_panel .width35 {
    width:35%;
}
#changePrice_panel .width70 {
    width:70%;
}

#changePrice_panel .height50 {
    height:50px;
}

#changePrice_panel .marginRight150 {
    margin-right:150px;
}

#changePrice_panel .inlineBlock {
    display: inline-block;
}

#changePrice_panel .inline {
    display: inline;
}

#changePrice_panel .licenseIcon {
    line-height: 85px;
    padding-left: 15px;
}

#changePrice_panel .activeLicenseIcon {
    line-height: 100px;
    padding-left: 15px;
}

#changePrice_panel .licenseDetails {
    width:100%;
    height:400px;
    background-color: #cecece;
}

#changePrice_panel .lineSeparator {
    margin:10px;
    height:2px;
    background-color:black;
    opacity: .5;
}

#changePrice_panel .licenceDetailsText {
    font-weight: bold;
    font-size:xx-large;
}

#changePrice_panel .stateRow {
    padding:20px;
    width: 100%;
    height: 100px
}

#changePrice_panel .fitContent {
    width:fit-content;
}

#changePrice_panel .stateText {
    vertical-align: middle;
    height: 100%;
    margin-bottom: 20px;
}

#changePrice_panel .width40 {
    width:40%;
}

#changePrice_panel .editPriceStyle {
    display:inline-block;
    white-space: nowrap;
    text-align:right;
    vertical-align: middle;
    width:40%;
    float:left;overflow:hidden;
    border:1px
    solid #9ebb4e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#changePrice_panel .pTop15 {
    padding-top: 15px;
}

#changePrice_panel .navigationContainer {
    width:100%;
    height:85px;
    margin-left:20px;
    display: inline-block;
}

#changePrice_panel .backButton {
     background-color:#949494;
     width: 150px;
     /*display: inline-block;*/
     line-height: 70px;
     margin-top: 15px;
     height: 70px;
     color:white;
     font-size:xx-large;
     padding-left: 15px;
     padding-right: 15px;
     border-radius: 15px;
     -webkit-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
     -moz-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
     box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
 }

#changePrice_panel .changePriceBackButton {
    background-color:#949494;
    width: 200px;
    /*display: inline-block;*/
    line-height: 70px;
    margin-top: 15px;
    height: 70px;
    color:white;
    font-size:xx-large;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
    -moz-box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
    box-shadow: inset 0px -44px 71px -14px rgba(5,5,5,0.69);
}

/*Global*/

#bidding_panel{   width:100%; height:100%;  position:absolute; pointer-events:auto;  padding:0px; margin-top:88px;}
#bidding_panel #paddingContainer {padding:15px;}
#bidding_panel #backgroundContainer{ background:#fff; overflow:hidden; padding:10px;}
#bidding_panel .centeredContainer {width:100%; position: absolute;left: 0px;z-index: 3; height: 960px;}
#paddingContainer span {padding:5px;}
#paddingContainer .hr {width:100%; background:#aaa; padding:0px; margin:12px 5px; height:1px;}
#bidding_panel .shadedCell {background:#f0f0f0; padding:7px;}
#bidding_panel .spacedCell {padding:7px;}




#bidding_panel .bottom_panel{
    position: absolute;
    z-index: 151;
    pointer-events: none;
    width: 100%;
    height: 88px;
    bottom: 88px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #3a3a3a 2%, #3e3e3e 26%, #4f4f4f 86%, #515151 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(2%,#3a3a3a), color-stop(26%,#3e3e3e), color-stop(86%,#4f4f4f), color-stop(100%,#515151)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#3a3a3a 2%,#3e3e3e 26%,#4f4f4f 86%,#515151 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}

#bidding_panel .bottom_panel .buttons_container{ width: 440px;height: 88px;position: absolute;left: 50%;margin-left: -220px; }
#bidding_panel .action_button {width:212px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#bidding_panel .action_button-60 {width:60px; height:55px; margin-top: 15px; margin-left: 4px; margin-right:4px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}
#bidding_panel .review_button {width:312px; height:55px; margin-top: 15px; margin-left: 64px; margin-right:64px; float: left; overflow: hidden; border-radius: 15px; font-size:22px;}

#bidding_panel .inlineBlock {
    display: inline-block;
}

#bidding_panel .floatRight {
    float:right;
}

#bidding_panel .display-inherit {
    display: inherit !important;
}


#bidding_panel .checkboxCorrect {
    width: 100%;
    height: 100%;
    margin-bottom: 22px;
    margin-top: 20px;
    padding: 15px;
}



#bid_info_container {
    overflow: auto;
    background-color: #cccccc;
    padding: 20px 10px;
}

#bid_price_container {
    float: left;
    margin-right: 20px;
}

#bid_turntime_container {
    float: left;
    margin-right: 50px;
}

#bid_fees_container {
    margin-top: 30px;
    float: left;
}

#bidFeeText {
    margin-top: 25px;
}

#bid_action_container .cssButton {
    height: 35px;
    width: 150px;
}

#previously_appraised_container {
    margin-top:10px;
}

#previously_appraised_container .checkboxButton .textUp {
    color: #7a7a7a;
}
#previously_appraised_container .checkboxButton .textOver {
    color: #3a3a3a;
}

#bid_indent_section {
    margin-left: 30px;
    width: 80%;
    margin-bottom: 15px;
}

#bid_other_text {
    margin-top:15px;
    margin-bottom:5px;
}

#bid_disclosure_message {
    width: 100%;
    height: 60px;
    resize: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

#bid_disclosures_container {
    padding: 10px;
    background-color: #cccccc;
}

#bid_payment_terms {
    margin-top: 20px;
    margin-bottom: 15px;
}

#bid_action_container {
    margin-top: 25px;
    overflow: auto;
    position: relative;
    width: 360px;
    left: 50%;
    margin-left: -165px;
}

#bid_cancel_container {
    float: left;
}

#bid_send_container {
    float: left;
}

#bid_terms_container {
    margin-bottom: 15px;
}

#bid_footer_container {
    margin-top: 30px;
    text-align: center;
}

#bid_terms_link {
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

#bid_terms_link:hover {
    color: #9ebb4e;
}

#bid_lender_name {
    margin-top: 10px;
    margin-bottom:10px;
}

#bid_amount {
    margin-left: 10px;
    margin-right: 20px;
}

#bid_fee {
    margin-left: 10px;
}

#bid_price {
    text-align: right;
}

#bid_turn_time {
    width: 40px;
    margin-right: 10px;
    text-align: right;
}

#bidding_panel .regularButtonColor {
    background-color:#b3b3b3;
}

#bidding_panel  .attachmentDocumentsContainer {
    padding: 10px;
    background-color: #cccccc;
    width: 100%;
}
#bidding_panel #file_upload_container {
    margin-top:10px;
}

#bidding_panel .attachmentDocumentsContainer .actionTextContainer {
    line-height:60px !important;
    font-size:large !important;
    color:black !important;
}


#bidding_panel  #navigation_container {
    margin-top: 33px !important;
}
#send_status_panel {
    pointer-events: auto;
}

#send_status_panel #status_content {
    top: 150px;
    position:absolute;
    width: 550px;
    padding: 20px;
    left: 50%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #e2e2e2;
    margin-left: -275px;
}

#send_status_panel .collapsed {
    display:none;
}

#send_status_panel .cssButton {
    width:200px;
    height:50px;
    border: none;
    margin-right:10px;
}

#send_status_panel #confirmButtonContainer {
    width: 200px;
}

#send_status_panel #cancelButtonContainer {
    width: 200px;
}

#send_status_panel .cssButton #text_container {
    font-size: 25px;
}

#send_status_panel .mt10 {
    margin-top: 10px;
}

#send_status_panel .mt20 {
    margin-top: 20px;
}

#send_status_panel .inputFix {
    height: 50px;
    font-size: 25px;
    width: 160px;
    margin-right: 10px;
}

#send_status_panel textarea {
    width: 100%;
    font-size: 25px;
}

#send_status_panel #txtScheduledMessage {
    margin-top: 10px;
}