@font-face {
    font-family: 'Helvetica-Light';
    src: url('../../fonts/helveticalight.eot');
    src: url('../../fonts/helveticalight.eot?') format('embedded-opentype'),
         url('../../fonts/helveticalight.woff') format('woff'),
         url('../../fonts/helveticalight.ttf') format('truetype'),
         url('../../fonts/helveticalight.svg#HelveticaLight') format('svg');
}

@font-face {
    font-family: 'Helvetica-Regular';
    src: url('../../fonts/helvetica.eot');
    src: url('../../fonts/helvetica.eot?') format('embedded-opentype'),
         url('../../fonts/helvetica.woff') format('woff'),
         url('../../fonts/helvetica.ttf') format('truetype'),
         url('../../fonts/helvetica.svg#HelveticaRegular') format('svg');
}

@font-face {
    font-family: 'Helvetica-Regular-Oblique';
    src: url('../../fonts/helveticaoblique.eot');
    src: url('../../fonts/helveticaoblique.eot?') format('embedded-opentype'),
         url('../../fonts/helveticaoblique.woff') format('woff'),
         url('../../fonts/helveticaoblique.ttf') format('truetype'),
         url('../../fonts/helveticaoblique.svg#HelveticaOblique') format('svg');
}

@font-face {
    font-family: 'Helvetica-Condensed-Bold';
    src: url('../../fonts/helvetica.eot');
    src: url('../../fonts/helveticabold.eot?') format('embedded-opentype'),
         url('../../fonts/helveticabold.woff') format('woff'),
         url('../../fonts/helveticabold.ttf') format('truetype'),
         url('../../fonts/helveticabold.svg#HelveticaBold') format('svg');
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../helveticabold.eot');
    src: url('../../fonts/helveticabold.eot?') format('embedded-opentype'),
         url('../../fonts/helveticabold.woff') format('woff'),
         url('../../fonts/helveticabold.ttf') format('truetype'),
         url('../../fonts/helveticabold.svg#HelveticaBold') format('svg');
}

@font-face {
    font-family: 'Helvetica-Bold-Oblique';
    src: url('../helveticaboldoblique.eot');
    src: url('../../fonts/helveticaboldoblique.eot?') format('embedded-opentype'),
         url('../../fonts/helveticaboldoblique.woff') format('woff'),
         url('../../fonts/helveticaboldoblique.ttf') format('truetype'),
         url('../../fonts/helveticaboldoblique.svg#HelveticaBoldOblique') format('svg');
}

/*Reset*/
/*HTML5 RESET*/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
th{font-weight:bold;vertical-align:bottom}
td{font-weight:normal;vertical-align:top}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
select,input,textarea{font:99% sans-serif}
table{font-size:inherit;font:100%}
a:hover,a:active{outline:0}
small{font-size:85%}
strong,th{font-weight:bold}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-0.5em}
sub{bottom:-0.25em}
pre,code,kbd,samp{font-family:monospace,sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
**IE HACKS -1 ***/
ul,ul li,li{_display:inline;_di\splay:inline-block;_width:100%;_w\idth:auto}
body,select,input,textarea{color:#254A77}
::-moz-selection{background:#fcd700;color:#fff;text-shadow:none}
::selection{background:#fcd700;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold}
input,select,textarea{font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif;line-height:140%!important;font-weight:normal;font-style:normal;font-variant:normal;font:99% sans-serif;font-size-adjust:none;text-shadow:0 0 1px rgba(0,0,0,0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.inline-block {
    display: inline-block;
    _display: inline; /* display inline or double your floated margin! [1] */
    _overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
    _overflow-y: visible;
    -ms-overflow-y: visible;
    clear: none;
}

.clearBlock, .inline-block.clearBlock {
    clear: both;
}

.clearRight {
    clear: right;
}

/*note must be inside a wrapper*/
.pageSectionBorder-wrapper {
    position: relative;
    width: 98%;
    height: 98%;
    padding: 6px 6px 0 6px;
    background: #EBECF0;
    border: 2px solid #0F67A6;
    -webkit-border--radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


.centerBoxVertical {
    position: relative;
    width: 99%;
    display: block;
/*
    display: -webkit-box;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-align: center;
    display: -ms-box;
    -ms-box-align: center;
    display: box;
    box-align: center;
*/

}

.centerBoxTop {
    width: 99%;
    display: -webkit-box;
    -webkit-box-align: start;
    display: -moz-box;
    -moz-box-align: start;
    display: -ms-box;
    -ms-box-align: start;
    display: box;
    box-align: start;
}

input[type="radio"]{vertical-align:middle;*vertical-align:middle}
input[type="checkbox"]{vertical-align:middle;*vertical-align:middle}

/*TEXT CLASSES*/
.text-main-light {
    font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif;
}

.text-main-regular {
    font-family: "Helvetica-Regular", Arial, sans-serif;
}

.text-main-condensed-bold {
    font-family: "Helvetica-Condensed-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif;
}

.text-main-bold {
    font-family: "Helvetica-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif;
}

.text-blue {
    color: #89a4cf;
}

.text-blueLight {
    color: #0f67a6;
}

.text-blueDark {
    color: #254a77;
}

.text-red {
    color: #9b2c23;
}

.text-error {
    color: #9b2c23;
}

.text-white {
    color: #ffffff;
}

.text-grey {
    color: #48595b;
}

.text-greyLight {
    color: #696e71;
}

.text-greyUltraLight {
    color: #919699;
}

.text-greyDark {
    color: #2a2a2c;
}

.text-orange {
    color: #f69322;
}

.text-30 {
    font-size: 1.9em;
    font-size: 30px;
}

.text-29 {
    font-size: 1.8em;
    font-size: 29px;
}

.text-27 {
    font-size: 1.688em;
    font-size: 27px;
}

.text-25 {
    font-size: 1.563em;
    font-size: 25px;
}

.text-24 {
    font-size: 1.4em;
    font-size: 24px;
}

.text-23 {
    font-size: 1.4em;
    font-size: 23px;
}

.text-22 {
    font-size: 1.4em;
    font-size: 22px;
}

.text-21 {
    font-size: 1.3em;
    font-size: 21px;
}

.text-18 {
    font-size: 1.125em;
    font-size: 18px;
}

.text-17 {
    font-size: 1.05em;
    font-size: 17px;
}

.text-16 {
    font-size: 1em;
    font-size: 16px;

}

.text-15 {
    font-size: 0.875em;
    font-size: 15px;
}

.text-14 {
    font-size: 0.8em;
    font-size: 14px;
}

.text-13 {
    font-size: 0.8em;
    font-size: 13px;
}

.text-12 {
    font-size: 0.750em;
    font-size: 12px;
}

.text-11 {
    font-size: 0.688em;
    font-size: 11px;
}

.text-10 {
    font-size: 0.625em;
    font-size: 10px;
}

.text-9 {
    font-size: 9px;
}

/*
.text-30 { font-size: 30px; }
.text-29 { font-size: 29px; }
.text-27 { font-size: 27px; }
.text-25 { font-size: 25px; }
.text-24 { font-size: 24px; }
.text-23 { font-size: 23px; }
.text-22 { font-size: 22px; }
.text-21 { font-size: 21px; }
.text-20 { font-size: 20px; }
.text-19 { font-size: 19px; }
.text-18 { font-size: 18px; }
.text-17 { font-size: 17px; }
.text-16 { font-size: 16px; }
.text-15 { font-size: 15px; }
.text-14 { font-size: 14px; }
.text-13 { font-size: 13px; }
.text-12 { font-size: 12px; }
.text-11 { font-size: 11px; }
.text-10 { font-size: 10px; }
.text-9 { font-size: 9px; }
.text-8 { font-size: 8px; }

@media all and (min-width: 1100px){
    .text-30 { font-size: 1.875vw; }
    .text-29 { font-size: 1.813vw; }
    .text-27 { font-size: 1.688vw; }
    .text-25 { font-size: 1.563vw; }
    .text-24 { font-size: 1.5vw; }
    .text-23 { font-size: 1.438vw; }
    .text-22 { font-size: 1.325vw; }
    .text-21 { font-size: 1.313vw; }
    .text-20 { font-size: 1.25vw; }
    .text-19 { font-size: 1.188vw; }
    .text-18 { font-size: 1.125vw; }
    .text-17 { font-size: 1.063vw; }
	.text-16 { font-size: 1vw; }
    .text-15 { font-size: .938vw; }
    .text-14 { font-size: .875vw; }
    .text-13 { font-size: .813vw; }
    .text-12 { font-size: .75vw; }
    .text-11 { font-size: .688vw; }
    .text-10 { font-size: .625vw; }
    .text-9 { font-size: .563vw; }
    .text-8 { font-size: .5vw; }
}
*/

.text-selectable {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

.text-wide {
    letter-spacing: 2.3px;
    letter-spacing: 0.144em;
    letter-spacing: 1.8px;
    letter-spacing: 0.113em;
    letter-spacing: 1.3px;
    letter-spacing: 0.06em;
}

.text-wide-small {
    letter-spacing: 1.3px;
    letter-spacing: 0.04em;
}

.text-wide-normal {
    letter-spacing: normal;
}

.textBold {
    font-family: "Helvetica-Condensed-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif;
}

.text-center,
.textCenter {
    text-align: center !important;
}

.textFloatRightTable {
    margin-right: 6px;
    float: right;
}

.text-left
.textLeft {
    text-align: left !important;
}

.text-right,
.textRight {
    text-align: right !important;
}

.zeroPad-left {
    padding-left: 0 !important;
}

.zeroPad-right {
    padding-right: 0 !important;
}

.tempHideShow {
    display: none;
}

/*shapes*/
.testShape {
    position: relative;
    bottom: 15px;
}

.triangleRed-up_6 {
  width: 0;
  height: 0;
  border-bottom: 11px solid #9b2c23; /* 11 = 12 * 0.866 */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: sub-pixel-antialiased;
    background: none repeat scroll 0 0 transparent;
/*per http://ajaxian.com/archives/text-rendering-optimizelegibility-can-you-read-me-now
text-shadow: 0px 0px 1px rgba(0,0,0,0);
*/

}

body {

/*FONT SETTINGS*/
    font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif;
    text-align: center; /* 1st part of IE5/IE6quirks centering hack */
     _text-align: center; /* 1st part of IE5/IE6quirks centering hack */
    line-height: 140% !important;
    font-size: 16px;
    font-weight: normal;
	font-style: normal;
    font-variant: normal;
/*per http://ajaxian.com/archives/text-rendering-optimizelegibility-can-you-read-me-now*/
    font-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
     _zoom: 1; /*in liquid layout, sidebars disappear when resizing the windows in IE6 */
    overflow: auto;

    background: none repeat scroll 0 0 transparent;

    width: 100%;
    height: 100%;
    min-height: 100%;


}

.opacityTest {
    opacity: .7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#testTemplate {
    position: absolute;
    top: 40px;
    left: 10px;
    height: 600px;
    width: 570px;
    border: 1px solid green;
    background: #FFF;
    z-index: 11000;
    display: none;
}

#interfaceWrappers {
    display: none;
}




/*??*/
#compactPOC_windowContent {
    display: none;
}

#refLinks_windowContent {
    display: none;
}

.mask {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-height: 100%;
    width: 100%;
    overflow: scroll;
    padding: 0;
    margin: 0;
    z-index: 3000;
    display: none;
    overflow: auto;
}

.modal-backdrop {
  background-color: #000000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}

.mask.hide {
    display: none;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity  .8s ease;
    -o-transition: opacity  .8s ease;
    -ms-transition: opacity .8s ease;
    transition: opacity  .8s ease;
}

.mask.show {
    display: block;
    opacity: .8;
}

.mask-black {
    background-color: #000;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.mask-clear {
    background: none;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.mask-grey {
    background: #333;
}

.throbberInline {
    position: relative;

}

.throbberInline.fan32 {
    width: 32px;
    height: 32px;
    background: transparent url("../../images/pm/throbber-indicator-32.gif") no-repeat;
}

.throbberInline.hide {
    display: none;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.throbberInline.show {
    display: inline;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

#throbberMain {
    position: absolute;
    top: 44%;
    left: 45%;
    width: 123px;
    height: 123px;
    z-index: 10000;
}

#throbberMain.hide {
    display: none;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#throbberMain.show {
    display: block;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

#throbberMain.orange {
    background: transparent url("../../images/pm/orange-circle-3.gif");

}

.requiredImage {
    position: relative;
    top: -5px;
    left: -2px;
    width: 6px;
    height: 5px;
    background: url("../../images/pm/mainSprite-out.png") no-repeat -48px -13px;
}

.kendoCheckMark {
	background:url("../../images/pm/kendo/sprite.png") no-repeat -180px -100px;
	width: 12px;
	height: 12px;
}

.kendoCheckMarkSmall {
	background:url("../../images/pm/kendo/sprite.png") no-repeat -180px -100px;
	width: 8px;
	height: 9px;
}

.kendoMinusSmall {
	background:url("../../images/pm/kendo/sprite.png") no-repeat -53px -231px;
	width: 6px;
	height: 3px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
select {
    padding: 0 0 0 2px;
    color: #254A77;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif;
}

select {
    border-radius: 4px 0 0 4px;
}

input[type="text"]:focus,
input[type="email"]:focus {
    color: #254a77;
    border: 1px solid #9b2c23;
}

input[type="textarea"] {
    font-family: "Helvetica-Regular", Arial, sans-serif;
    color: #254A77;
    font-size: 14px;
    line-height: 1.1em;
    border: 1px solid #254A77;
}

.whiteLine {
    position: relative;
    height: 1px;
    background: #fff;
}

.opacitySection {
    opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.opacitySectionRemove {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.opacitySection:hover {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.conditionalOpacity {
    opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.conditionalOpacityRemove {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.localMask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.localMask.show {
    z-index: 1000;
}

.localMask.hide {
    z-index: -1;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.tempPlaceholder {
    position: absolute;
    top: 6px;
    left: 6px;
    color: #254A77;
    opacity: .5;

}

.hideShowMain-hide {
    height: 0;
    opacity: 0;
    display: none;
}

.crossFadeHide {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
    -ms-transition: height .2s ease;
    transition: height .2s ease;
}

/*
    position: absolute !important;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;

    position: relative;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
    transition: opacity .8s ease;
*/

.crossFadeShow {
    height: 27px;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
    -ms-transition: height .2s ease;
    transition: height .2s ease;
}

.errorInsertWrapper {
    position: relative;
    height: 0;
    text-align: center;
    display: block;
    -webkit-transition: height 0.8s ease;
    -moz-transition: height 0.8s ease;
    -o-transition: height 0.8s ease;
    -ms-transition: height 0.8s ease;
    transition: height 0.8s ease;
}

.errorInsertText {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    color: #9b2c23;
    font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif;
    font-family: "Helvetica-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.widgetExpandSection {
    height: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.k-window .errorInsertText {
    font-size: 16px;
    width: 282px;
}

/*KENDO MODS*/
.k-overlay {
    opacity: .7 !important;
}
/*
.k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite {
    position: relative;
    top: 1px;
}

.k-state-default {
    height: 24px;
}

.k-state-focused,
.k-list > .k-state-focused {
    box-shadow: none;
    border: none !important;
    color: #254A77 !important;
}

.k-state-focused:hover,
.k-list > .k-state-focused:hover {
    color: #fff !important;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #5882b8;
  background-image: none;
  background-position: 50% 50%;
  border: 1px solid #5882b8;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 24px;
}

.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
  background-color: #5882b8;
  background-image: none;
  background-position: 50% 50%;
  border: 1px solid #5882b8;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 26px !important;
}

.k-autocomplete.k-state-focused input,
.k-picker-wrap.k-state-focused input,
.k-numeric-wrap.k-state-focused input,
.k-dropdown-wrap.k-state-focused input {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 26px !important;
    padding-top: 4px !important;
    border-color: #254a77 !important;

}

.k-state-focused .k-select {
    border: none !important;
    padding-top: 4px !important;
}

div.wrapper .k-input {
    position: relative;
    height: 24px;
    padding-top: 4px;
    font-family: "Helvetica-Regular", Arial, sans-serif;
    font-size: 12px;
    color: #254A77;
    background: #fff;
}


.k-dropdown .k-dropdown-wrap .k-input {
    height: 19px;
    padding-top: 3px;
    font-family: "Helvetica-Regular", Arial, sans-serif;
    font-size: 12px;
    color: #254A77;
    background: #fff;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 19px;
}

*/

.k-window {
    -webkit-border--radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.k-window .k-window-titlebar {
    padding: 15px 0;
}

.k-window-titlebar .k-window-actions {
    padding-top: 4px;
}

.k-window .k-window-title {
    margin-top: 3px;
    font-size: 18px;
    color: #254a77;
    font-family: "Helvetica-Regular", Arial, sans-serif;

}


/*Shapes test Divs*/
#testShape-wrapper {
    position: absolute;
    top: 20%;
    left: 40%;

    border: 1px solid green;
}

.test-shapes {
    position: relative;

}

.shapes-30 {
    width: 30px;
    height: 30px;
    margin-left: 20px;
}

.shapes-20 {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.shapes-12 {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.spacer {
    margin-left: 20px;
}

/*Shapes*/
.circle-30 {
    width: 30px;
	height:  30px;
	background: red; /*temp color*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.circle-20 {
    width: 20px;
	height:  20px;
	background: red; /*temp color*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.circle-12 {
    width: 12px;
	height:  12px;
	background: red; /*temp color*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.square-30 {
    width: 30px;
	height: 30px;
	background: blue; /*temp color*/
}

.square-20 {
    width: 20px;
	height: 20px;
	background: blue; /*temp color*/
}

.square-12 {
    width: 12px;
	height: 12px;
	background: blue; /*temp color*/
}

.triangle-30 {
    width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 30px solid orange;
}

.triangle-20 {
    width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid orange;
}

.triangle-24 {
    width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 24px solid orange;
}

.triangle-12 {
    width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid orange;
}

/*BUTTONS*/
button {
    border: none;
    padding: 5px 3px 2px 3px;
    text-align: center;
    -webkit-border-radius: 4px px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

button.orange {
    background: #f69322;
    border: 1px solid #254A77;
}

button.orange:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

button.blueLight {
    background: #C7CEDE;
    border: 1px solid #696e71;
}

#profileButton {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 49px;
    background: url("../../images/pm/profile-out.png") no-repeat;
    cursor: pointer;
    border: medium none;
}

#profileButton:hover {
    background: url("../../images/pm/profile-over.png") no-repeat;
}

#contactButton {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 49px;
    background: url("../../images/pm/contact-out.png") no-repeat;
    cursor: pointer;
    border: medium none;
}

#contactButton:hover {
    background: url("../../images/pm/contact-over.png") no-repeat;
}

#logoutButton {
    position: absolute;
    top: 49px;
    right: 0;
    height: 50px;
    width: 49px;
    background: url("../../images/pm/logout-out.png") no-repeat;
    cursor: pointer;
    border: medium none;
}

#logoutButton:hover {
    background: url("../../images/pm/logout-over.png") no-repeat;
}

.flipButtonBG {
    background: #46659c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NjU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjNDU2NDlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM0MjYxOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzQ0NjM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQyNjE5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzNjNWM4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzJkNGQ3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzFkNDE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFjNDE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzE5M2Q2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTNlNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #46659c 0%, #45649d 4%, #426198 8%, #44639c 9%, #426198 10%, #3c5c8f 28%, #2d4d7c 60%, #1d4171 83%, #1c416e 90%, #193d6d 93%, #1a3e6e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46659c), color-stop(4%,#45649d), color-stop(8%,#426198), color-stop(9%,#44639c), color-stop(10%,#426198), color-stop(28%,#3c5c8f), color-stop(60%,#2d4d7c), color-stop(83%,#1d4171), color-stop(90%,#1c416e), color-stop(93%,#193d6d), color-stop(100%,#1a3e6e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46659c 0%,#45649d 4%,#426198 8%,#44639c 9%,#426198 10%,#3c5c8f 28%,#2d4d7c 60%,#1d4171 83%,#1c416e 90%,#193d6d 93%,#1a3e6e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46659c 0%,#45649d 4%,#426198 8%,#44639c 9%,#426198 10%,#3c5c8f 28%,#2d4d7c 60%,#1d4171 83%,#1c416e 90%,#193d6d 93%,#1a3e6e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46659c 0%,#45649d 4%,#426198 8%,#44639c 9%,#426198 10%,#3c5c8f 28%,#2d4d7c 60%,#1d4171 83%,#1c416e 90%,#193d6d 93%,#1a3e6e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46659c 0%,#45649d 4%,#426198 8%,#44639c 9%,#426198 10%,#3c5c8f 28%,#2d4d7c 60%,#1d4171 83%,#1c416e 90%,#193d6d 93%,#1a3e6e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46659c', endColorstr='#1a3e6e',GradientType=0 ); /* IE6-8 */
}

button.columnButton-main {
    position: relative;
    min-width: 57px;
    background: #c7cede;
    padding: 5px 3px 3px 3px;
    border: 1px solid #5982B8;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;

}

button.columnButton-main:hover {
    background: #46659c;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

button.disable {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

button.disable:hover {
    background: #c7cede;
    color: #254A77;
    cursor: auto;
}

button.columnButton-main.disable {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

button.columnButton-main.disable:hover {
    background: #c7cede;
    color: #254A77;
    cursor: auto;
}

button.darkBlue {
    background: #254a77;
}

button.darkBlue:hover {
    color: #fff;
    background: #5982b2;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

button.lightBlue {
    background: #5982b2;
}

button.lightBlue:hover {
    color: #fff;
    background: #254a77;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

#content {
    position: relative;
    height: 1000px;
    max-width: 1332px;
    min-width: 1332px;
    text-align: left;
    z-index: 1;
}

header {
    position: relative;
    top: 0;
    left: 0;
    height: 60px;
    background-color: #c7cede;

}

#logoMain {
    position: relative;
    top: 13px;
    left: 21px;
    height: 35px;
    width: 191px;
    cursor: pointer;
}

#loginProfileWrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
    width: 50px;
    z-index: 10;
}

/*MENU*/
body.compactOpportunity #menuWrapper {
    position: relative;
    height: 38px;
    background: #254a77;
    z-index: 2;
}

body.compactOpportunity #menuWrapper .menuItem {
    position: relative;
    height: 100%;
    background: #254a77;
    text-align: center;
    z-index: 3;
    cursor: pointer;
    color:#89A4CF;
}

body.compactOpportunity #menuWrapper .menuItem .menuItemText {
    position: relative;
    top: 10px;
}

body.compactOpportunity #menuWrapper .menuItem:hover {
    z-index: 5;
}

body.compactOpportunity #menuWrapper .menuItem:hover :first-child {
    color: #254a77;
    z-index: 4;
}

body.compactOpportunity #menuWrapper .menuItem:hover :nth-child(2) {
    opacity: 1;
    left: 0;
}

body.compactOpportunity .menuItemSelectedBG {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;

    background: #254a77;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NGE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjU0YTc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMzMTUxNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzNjNTU3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjNGI1ZjgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjNmU3YTkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjODc4ZmE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjOTlhMGIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjYTliMWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjYjliZmNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzNjYmQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjY2NkNGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjY2NkNGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjYzBjNmQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjYWNiNGMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjOTY5ZGFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjNmU3YTkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNGM2MDgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMzQ1MTc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1NGE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  #254a77 0%, #254a76 1%, #315178 3%, #3c557d 4%, #4b5f80 6%, #6e7a92 12%, #878fa4 17%, #99a0b2 22%, #a9b1be 27%, #b9bfcd 34%, #c3cbd8 40%, #ccd4e1 48%, #ccd4e1 52%, #c0c6d4 60%, #acb4c1 69%, #969daf 76%, #6e7a92 86%, #4c6081 92%, #345179 97%, #254a77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#254a77), color-stop(1%,#254a76), color-stop(3%,#315178), color-stop(4%,#3c557d), color-stop(6%,#4b5f80), color-stop(12%,#6e7a92), color-stop(17%,#878fa4), color-stop(22%,#99a0b2), color-stop(27%,#a9b1be), color-stop(34%,#b9bfcd), color-stop(40%,#c3cbd8), color-stop(48%,#ccd4e1), color-stop(52%,#ccd4e1), color-stop(60%,#c0c6d4), color-stop(69%,#acb4c1), color-stop(76%,#969daf), color-stop(86%,#6e7a92), color-stop(92%,#4c6081), color-stop(97%,#345179), color-stop(100%,#254a77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* IE10+ */
    background: linear-gradient(to right,  #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254a77', endColorstr='#254a77',GradientType=1 ); /* IE6-8 */

}

.infoTooltip {
    position: relative;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background: url('../../../common/images/pm/mainSprite-out.png') no-repeat -9px -13px;
    cursor: pointer;
}

.infoTooltip:hover {
    background: url("../../../common/images/pm/mainSprite-over.png") no-repeat -9px -13px;
}

.notes {
    position: relative;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url("../../../common/images/pm/mainSprite-out.png") no-repeat -29px -13px;
    cursor: pointer;
}

.notes:hover {
    background: url("../../../common/images/pm/mainSprite-over.png") no-repeat -29px -13px;
}

.notes.selected {
    background: url("../../../common/images/pm/mainSprite-active") no-repeat -29px -13px;
}

.horizontal-line {
    position: relative;
    top: 0;
    left: 0;
    height: 1px;
    background: #3a3a3c;
}

/*MAIN SECTION*/
#main {
    position: relative;
    top: 0;
    left: 0;
    height: 773px;
    height: 890px;

/*
    background: url("../../images/pm/mainBG.jpg") no-repeat;
    background: url("../../images/pm/background-subtle.jpg") no-repeat;
    background: url("../../images/pm/background-green-blue.jpg") no-repeat;
    background: url("../../images/pm/background-orange.jpg") no-repeat;
    background: url("../../images/pm/background-reflected-2.jpg") no-repeat;


    background: url("../../images/pm/background-subtle-darker-left.jpg") no-repeat;
    background: url("../../images/pm/background-subtle.jpg") no-repeat;

    background: url("../../images/pm/background-reflected.jpg") no-repeat;

    background: url("../../images/pm/background-reflected-2.jpg") no-repeat;
*/
    background: url("../../images/pm/background-subtle.jpg") no-repeat;
}



/*WINDOWS*/
#windowWrapperTemp {
    display: none;
}

.windowWrapper {
    display: none;

}

div.k-window-content.windowWrapper {
    padding: 0;
    overflow: hidden !important;
}

div.k-window-titlebar .k-window-title {
    right: 9px !important;
}

div.k-window-actions .k-link {
    display: none;
}

.windowWrapper#windowWrapper_notificationMessage {
    display: none;
}

.windowWrapper  input[type="text"]:focus,
.windowWrapper  input[type="email"]:focus {
    color: #254a77;
    border: 1px solid #9b2c23;
}

.windowWrapper .removeWrapper {
    height: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.windowWrapper .removeWrapper.init {
    height: auto;
    margin-top: 15px;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.windowWrapper .removeWrapper section.wrapperWindow {
    margin-top: 0;
}

.windowWrapper .removeWrapper .addWrapper section.wrapperWindow {
    margin-top: 15px;
}

.windowWrapper input::-moz-placeholder, textarea::-moz-placeholder {
    color: #696e71;
    margin-left: 2px;
}

.windowWrapper section.sectionWindow {
    position: relative;
}

.windowWrapper section.sectionWindow.windowTop {
    text-align: center;
}

.windowWrapper section.sectionWindow.first {
    margin-top: 6px;
    display: none;
}

.windowWrapper section.sectionWindow.windowMiddle {
    overflow-y: auto;
}

.windowWrapper section.sectionWindow.windowBottom {
    position: relative;
    height: 31px;
    margin-top: 0;
    text-align: center;
}

.windowWrapper .windowBottom .windowButton {
    position: relative;
    width: 132px;
    padding: 6px 0 6px 0;
    color: #fff;
    background: #254A77;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.windowWrapper .windowBottom .windowButton:hover {
    background: #f69322;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .save {
    left: 0;
}

.windowWrapper .windowBottom .windowButton.cancel {
    position: relative;
    top: 0;
    width: 78px;
    background: #254A77;
    font-size: 11px;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancelLarge {
    position: relative;
    left: 0;
    width: 132px;
    padding: 6px 0 6px 0;
    color: #fff;
    background: #254A77;
    font-size: 16px;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancelLarge:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancel:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .windowButton.clear {
    position: absolute;
    width: 78px;
    background: #f69322;
    background: #254A77;
}

.windowWrapper .windowBottom .windowButton.clear:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .windowButton.disable {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.save.disable:hover {
    cursor: auto;
    background: #254A77;
}

.windowWrapper section.sectionWindow.editBlock.windowBottom {
    margin: 6px 0 6px 0;
}

.windowWrapper .wrapperWindow {
    position: relative;
    width:  100%;
    margin-top: 18px;
}

.windowWrapper .address-wrapper.wrapperWindow.first {
    margin-top: -18px;
}

.windowWrapper .address-wrapper.wrapperWindow .addWrapper {
    margin-top: -18px;
}

.windowWrapper .address-wrapper.wrapperWindow .addWrapper button {
    top: 9px;
}

.windowWrapper .wrapperWindow:first-of-type {
    margin-top: 15px;
}

.windowWrapper .sectionAnnounceWrapper {
    position: relative;
    height: 24px;
}

.windowWrapper .windowSectionAnnounce {
    position: relative;
    padding-bottom: 3px;

}

.windowWrapper section input[type="text"],
.windowWrapper section input[type="email"],
.windowWrapper section input[type="url"]  {
    width: 180px;
    height: 24px;
    margin-right: 15px;
    padding-left: 2px;
    color: #254A77;
    border: 1px solid #bcbcbc;
}
.windowWrapper#windowWrapper_notificationMessage {
    display: none;
}

.windowWrapper  input[type="text"]:focus,
.windowWrapper  input[type="email"]:focus {
    color: #254a77;
    border: 1px solid #9b2c23;
}

.windowWrapper .removeWrapper {
    height: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.windowWrapper .removeWrapper.init {
    height: auto;
    margin-top: 15px;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.windowWrapper .removeWrapper section.wrapperWindow {
    margin-top: 0;
}

.windowWrapper .removeWrapper .addWrapper section.wrapperWindow {
    margin-top: 15px;
}

.windowWrapper input::-moz-placeholder, textarea::-moz-placeholder {
    color: #696e71;
    margin-left: 2px;
}

.windowWrapper section.sectionWindow {
    position: relative;
}

.windowWrapper section.sectionWindow.windowTop {
    text-align: center;
}

.windowWrapper section.sectionWindow.first {
    margin-top: 6px;
    display: none;
}

.windowWrapper section.sectionWindow.windowMiddle {
    overflow-y: auto;
}

.windowWrapper section.sectionWindow.windowBottom {
    position: relative;
    height: 31px;
    margin-top: 0;
    text-align: center;
}

.windowWrapper .windowBottom .windowButton {
    position: relative;
    width: 132px;
    padding: 6px 0 6px 0;
    color: #fff;
    background: #254A77;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.windowWrapper .windowBottom .windowButton:hover {
    background: #f69322;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .save {
    left: 0;
}

.windowWrapper .windowBottom .windowButton.cancel {
    position: relative;
    top: 0;
    width: 78px;
    background: #254A77;
    font-size: 11px;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancelLarge {
    position: relative;
    left: 0;
    width: 132px;
    padding: 6px 0 6px 0;
    color: #fff;
    background: #254A77;
    font-size: 16px;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancelLarge:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.8s ease;
    -moz-transition: All 0.8s ease;
    -o-transition: All 0.0.8s ease;
    -ms-transition: All 0.8s ease;
    transition: All 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.cancel:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .windowButton.clear {
    position: absolute;
    width: 78px;
    background: #f69322;
    background: #254A77;
}

.windowWrapper .windowBottom .windowButton.clear:hover {
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.windowWrapper .windowBottom .windowButton.disable {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

.windowWrapper .windowBottom .windowButton.save.disable:hover {
    cursor: auto;
    background: #254A77;
}

.windowWrapper section.sectionWindow.editBlock.windowBottom {
    margin: 6px 0 6px 0;
}

.windowWrapper .wrapperWindow {
    position: relative;
    width:  100%;
    margin-top: 18px;
}

.windowWrapper .address-wrapper.wrapperWindow.first {
    margin-top: -18px;
}

.windowWrapper .address-wrapper.wrapperWindow .addWrapper {
    margin-top: -18px;
}

.windowWrapper .address-wrapper.wrapperWindow .addWrapper button {
    top: 9px;
}

.windowWrapper .wrapperWindow:first-of-type {
    margin-top: 15px;
}

.windowWrapper .sectionAnnounceWrapper {
    position: relative;
    height: 24px;
}

.windowWrapper .windowSectionAnnounce {
    position: relative;
    padding-bottom: 3px;

}

.windowWrapper section input[type="text"],
.windowWrapper section input[type="email"],
.windowWrapper section input[type="url"]  {
    width: 180px;
    height: 24px;
    margin-right: 15px;
    padding-left: 2px;
    color: #254A77;
    border: 1px solid #bcbcbc;
}

#bottomMain {
    position: relative;
    width: 775px;
    width: 93%;
    height: 60px;
    padding-left: 21px;
    vertical-align: top;
    display: block;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#bottomMain.show {
    opacity: 1 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}

#bottomMain.hide {
    opacity: 0 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#bottomMain .bottomTarget-section {
    position: relative;
    top: 0;
    width: auto;
    height: 100%;
    margin-top: 18px;
    vertical-align: top;
}

#bottomMain .bottomTarget-section#bottomMain-targetLeft {
    position: relative;
    top: 0;
    width: auto;
    height: 48px;
    margin-left: 69px;
    vertical-align: top;
}

#bottomMain .bottomTarget-section#bottomMain-targetRight {
    position: relative;
    width: 311px;
    height: 48px;
    margin-left: 47px;
    text-align: right;
}

#bottomMain-targetRight #saveCompactProfile-wrapper {
    margin-top: 3px;
    margin-right: 20px;
}

#bottomMain-targetRight #saveCompactProfile-wrapper button {
    width: 84px;
    background: #f69322;
    border: 1px solid #254A77;
}

#bottomMain-targetRight #saveCompactProfile-wrapper button:hover {
    background: #46659c;
    background: #9b2923;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

#bottomMain-targetRight #saveCompactToFullProfile-wrapper button {
    width: 186px;
    color: #0f67a6;
    background: #C7CEDE;
    border: 1px solid #254A77;
}

#bottomMain-targetRight #saveCompactToFullProfile-wrapper button:hover {
    background: #46659c;
    color: #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

#bottomMain-targetRight #saveCompactProfile-wrapper button.conditionalOpacity {
    cursor: auto;
}

#bottomMain-targetRight #saveCompactProfile-wrapper button.conditionalOpacity:hover {
    color: #fff;
    background: #f69322;
}

footer {
    position: relative;
    top: 0;
    left: 0;
    height: 12px;
    width: 100%;
    background: #254a77;
    z-index: 11;

}

.k-dropdown-wrap .k-input,
.k-multiselect-wrap .k-input {
    color: #254a77;
}

.k-multiselect-wrap .k-input {
    margin-top: 5px;
}

.k-dropdown-wrap.k-state-default .k-input {
    background-color: #fff;
}

.k-dropdown-wrap,
.k-picker-wrap {
	background: #B6C7D9;
	border: 0;
}

.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-hover {
	background: #5882b8;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    height: 24px;
    line-height: 24px;
    padding: 0;

}

.k-combobox .k-input {
    padding-top: 2px;
}

.k-dropdown-wrap,
.k-picker-wrap {
    height: 24px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    height: 24px;
    line-height: 24px;

}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    height: 18px;
	line-height: 18px;
	min-height: 1.5em;
	border: 0;
  }

.k-picker-wrap .k-icon,
.k-numeric-wrap .k-icon,
.k-dropdown-wrap .k-icon {
	margin-top: 1px;
}

.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button:focus,
.k-button.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}



/*
#bowlG{
position:relative;
width:128px;
height:128px;
}

#bowl_ringG{
position:absolute;
width:128px;
height:128px;
border:11px solid #9DBEE1;
-moz-border-radius:128px;
-webkit-border-radius:128px;
-ms-border-radius:128px;
-o-border-radius:128px;
border-radius:128px;
}

.ball_holderG{
position:absolute;
width:34px;
height:128px;
left:47px;
top:0px;
-moz-animation-name:ball_moveG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ball_moveG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ball_moveG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ball_moveG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ball_moveG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.ballG{
position:absolute;
left:0px;
top:-30px;
width:51px;
height:51px;
background:#f69322;
-moz-border-radius:43px;
-webkit-border-radius:43px;
-ms-border-radius:43px;
-o-border-radius:43px;
border-radius:43px;
}

@-moz-keyframes ball_moveG{
0%{
-moz-transform:rotate(360deg)}

100%{
-moz-transform:rotate(0deg)}

}

@-webkit-keyframes ball_moveG{
0%{
-webkit-transform:rotate(360deg)}

100%{
-webkit-transform:rotate(0deg)}

}

@-ms-keyframes ball_moveG{
0%{
-ms-transform:rotate(360deg)}

100%{
-ms-transform:rotate(0deg)}

}

@-o-keyframes ball_moveG{
0%{
-o-transform:rotate(360deg)}

100%{
-o-transform:rotate(0deg)}

}

@keyframes ball_moveG{
0%{
transform:rotate(360deg)}

100%{
transform:rotate(0deg)}

}






#facebookG{
width:128px}

.facebook_blockG{
background-color:#f69322;
border:3px solid #D19351;
float:left;
height:91px;
margin-left:7px;
width:24px;
opacity:0.1;
-moz-animation-name:bounceG;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(0.7);
-webkit-animation-name:bounceG;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(0.7);
-ms-animation-name:bounceG;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(0.7);
-o-animation-name:bounceG;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(0.7);
animation-name:bounceG;
animation-duration:1s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(0.7);
}

#blockG_1{
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;
animation-delay:0.3s;
}

#blockG_2{
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#blockG_3{
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@keyframes bounceG{
0%{
transform:scale(1.2);
opacity:1}

100%{
transform:scale(0.7);
opacity:0.1}

}

#floatingCirclesG{
position:relative;
width:128px;
height:128px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#f69322;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;
animation-delay:0.3s;
}

#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}

#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#0F0F0F}

100%{
background-color:#f69322}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#0F0F0F}

100%{
background-color:#f69322}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#0F0F0F}

100%{
background-color:#f69322}

}

@-o-keyframes f_fadeG{
0%{
background-color:#0F0F0F}

100%{
background-color:#f69322}

}

@keyframes f_fadeG{
0%{
background-color:#0F0F0F}

100%{
background-color:#f69322}

}

  #main-throb {
  	width: 800px;
  	height: 300px;
  	margin: auto;
  	}

  #outer-circle {
  	-webkit-box-shadow: 0 0 50px 10px #453D9B;
  	-moz-box-shadow: 0 0 50px 10px #453D9B;
  	box-shadow: 0 0 50px 10px #453D9B;
  	border: 10px solid #ECEBFA;
  	border-top-color:#746EBB;
  	margin: 20% auto;
  	text-align:center;
  	background: -webkit-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: -moz-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: linear-gradient(to bottom, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	width: 220px;
  	height: 220px;

  	-webkit-border-radius: 220px;
  	-moz-border-radius: 220px;
  	border-radius: 220px;

  	-webkit-animation:turning_cw 5s infinite;
  	-moz-animation:turning_cw 5s infinite;
  	animation:turning_cw 5s infinite;
  	position:relative;
  	opacity: 0.7; }

  #outer-circle:hover {
  	-webkit-box-shadow: 0 0 100px 15px #453D9B;
  	-moz-box-shadow: 0 0 100px 15px #453D9B;
  	box-shadow: 0 0 100px 15px #453D9B; }

  #inner-circle {
  	border: 10px solid #ECEBFA;
  	border-left-color:#746EBB;
  	border-right-color:#746EBB;

  	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	transform: rotate(360deg);

  	position:absolute;

  	background: -webkit-linear-gradient(top, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);
  	background: -moz-linear-gradient(top, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);
  	background: linear-gradient(to bottom, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);

  	margin: 10px;
  	width: 180px;
  	height: 180px;

  	-webkit-border-radius: 180px;
  	-moz-border-radius: 180px;
  	border-radius: 180px;

  	-webkit-animation:turning_acw 3s infinite;
  	-moz-animation:turning_acw 3s infinite;
  	animation:turning_acw 3s infinite; }

  #center-circle {
  	border: 10px solid #746EBB;
  	border-bottom-color:#ECEBFA;
  	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	transform: rotate(360deg);
  	position:absolute;

  	background: -webkit-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  	background: -moz-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  	background: linear-gradient(to bottom, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);

  	margin: 10px;
  	width: 140px;
  	height: 140px;

  	-webkit-border-radius: 140px;
  	-moz-border-radius: 140px;
  	border-radius: 140px;

  	-webkit-animation:turning_cw 5s infinite;
  	-moz-animation:turning_cw 5s infinite;
  	animation:turning_cw 5s infinite; }

  #content {
  	position:absolute;
  	top: 10px;
  	left: 10px;
  	width: 120px;
  	height: 120px;
  	-webkit-border-radius: 140px;
  	-moz-border-radius: 140px;
  	border-radius: 140px;
  	background: #2E2A69;
  	text-align:center;
  	line-height: 120px;
  	font-size: 30px;
  	color:#746EBB;
  	text-shadow: 0 2px 2px #000;
  	font-weight:bold; }

  @-webkit-keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }

  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }

  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @-webkit-keyframes turning_cw {
  	0%{
  		-webkit-transform: rotate(0deg); }
  	100%{
  		-webkit-transform: rotate(360deg); }
  }

  @-webkit-keyframes turning_acw {
  	0%{
  		-webkit-transform: rotate(360deg); }
  	100%{
  		-webkit-transform: rotate(0deg); }
  }

  @-moz-keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }

  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }

  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @-moz-keyframes turning_cw {
  	0%{
  		-moz-transform: rotate(0deg); }
  	100%{
  		-moz-transform: rotate(360deg); }
  }

  @-moz-keyframes turning_acw {
  	0%{
  		-moz-transform: rotate(360deg); }
  	100%{
  		-moz-transform: rotate(0deg); }
  }

  @keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }

  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }

  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @keyframes turning_cw {
  	0%{
  		transform: rotate(0deg); }
  	100%{
  		transform: rotate(360deg); }
  }

  @keyframes turning_acw {
  	0%{
  		transform: rotate(360deg); }
  	100%{
  		transform: rotate(0deg); }
  }


@keyframes pound {
	to {
    background: #837883;
    transform: scaleY(5) scaleX(0.5);
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.65),
                2px 6px 12px 0 rgba(0, 0, 0, 0.5),
                3px 8px 15px 0 rgba(0, 0, 0, 0.45)
  }
}

ul.loader{
  display: block;
  position:relative;
  width: 5em;
  margin: 155px auto;
}

.loader li{
  list-style: none;
  display: block;
  float:left;
  width: 0.25em;
  height: 5em;
  margin: 0 0.5em 0 0;
  background: #635863;
  background: linear-gradient(to bottom, #635863 0%,#3d353b 100%);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.0), 1px 1px 1px 0 rgba(0, 0, 0, 0.0), 1px 1px 1px 0 rgba(0, 0, 0, 0.0);
  animation: pound 1s ease-in-out infinite alternate;
  animation-delay:0.1s;
  transform-origin: center;
}
.loader li:nth-child(2){
  animation-delay:0.25s;
}
.loader li:nth-child(3){
  animation-delay:0.40s;
}
.loader li:nth-child(4){
  animation-delay:0.55s;
}
.loader li:nth-child(5){
  animation-delay:0.70s;
}

.spinner{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  height: 200px;
  width: 200px;
  border-radius: 50%;

  border: solid 0.1px #FFF;
  box-shadow: -3px 3px 3px #f69322, inset 3px -3px 3px #BF7424, 0 0 0px 1px #fff;

  animation: spin 3s linear infinite;
}

@keyframes spin{
  0%{
    transform: rotate(0deg)
  }

  33%{
    transform: rotate(120deg);
  }

  66%{
    transform: rotate(240deg);
  }
   100%{
    transform: rotate(360deg)
  }
}
*/