html, body
{
    color: #333;
    background-color: #EBEBEB;
    font-family: Frutiger, "Frutiger Linotype", 'Myriad Pro', Myriad, 'Segoe UI', Tahoma, Verdana, Geneva, sans-serif;
    font-size: 14px;
}

h2
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px !important;
}

h3
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px !important;
}

#header {
    background: #D9E4F3;
    height: 135px;
    vertical-align: middle;
    width: 100%;
}

#header-content
{
    position: relative;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

#wrapper
{
    background-color: #FFFFFF;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding: 25px;
    width: 910px;
}

#overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    z-index: 999999;
    opacity:0.4;
    filter:alpha(opacity=40);
    display: none;
}

#overlay-content
{
    position: fixed;
    margin: auto;
    left: 50%;
    margin-left: -250px;
    top: 20%;
    width: 500px;
    z-index: 9999999;
    background: #fff;
    padding: 50px;
    display: none;
}

.left-side
{
    float: left;
    width: 580px;
}

.right-side
{
    float: right;
    width: 300px;
}

/* input fields */

.editor-box
{
    margin-bottom: 15px;
}

.editor-box label
{
    display: block;
    margin-bottom: 5px;
}

.validator
{
    display: block;
    color: Red;
    margin-bottom: 10px;
}

.failure
{
    display: block;
    color: Red;
    margin-bottom: 20px;
}

.editor-box input[type=text], .editor-box input[type=password]
{
    border: 1px solid #333;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.editor-box select
{
    border: 1px solid #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 4px;
}

.submit, .submit:hover
{
    cursor: pointer;
    color: #243140;
    background: #dcdfe7;
    border: solid 1px #8C8C8C;
    margin-top: 15px;
    padding: 10px;
    min-width: 150px;
}

/* combobox */

.combobox {
    background-image: url(images/select-arrow.jpg), -webkit-linear-gradient(top, #fff, #fff); /* For Chrome and Safari */
    background-image: url(images/select-arrow.jpg), -moz-linear-gradient(top, #fff, #fff); /* For old Fx (3.6 to 15) */
    background-image: url(images/select-arrow.jpg), -ms-linear-gradient(top, #fff, #fff); /* For pre-releases of IE 10*/
    background-image: url(images/select-arrow.jpg), -o-linear-gradient(top, #fff, #fff); /* For old Opera (11.1 to 12.0) */
    background-image: url(images/select-arrow.jpg), linear-gradient(to bottom, #fff, #fff); /* Standard syntax; must be last */
    background-position: right center;
    background-repeat: no-repeat;
    cursor: default;
}

/* menu override */

.sf-menu li { width: 250px !important; }

/* jquery ui override */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0 !important;
}

/* survey */

.wizStep { padding: 14px; }

.wizard { border:solid 2px #b7ddf2; background:#ebf4fb; margin:0 auto; }
.wizard h1 { font-size:14px; font-weight:700; margin-bottom:8px}
.wizard p { font-size:11px; color:#666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px}
.p { font-size:12px; color:#666; padding-bottom: 20px}
.p img { padding: 5px; }

.wizard label{ font-weight:700; }
.wizard .small{ color:#666; font-size:11px; font-weight:400;}

.wizard .input{ font-size:12px; border:solid 1px #aacfe4; width:200px; padding:4px 2px}
.wizard .button{ margin-bottom: 15px; margin-right: 15px; border:0px; width:125px; height:31px; background:#666 url(images/button.png) no-repeat; text-align:center !important; line-height:31px; color:#FFF; font-size:11px; font-weight:700; cursor:pointer}

/* select fix */
/* http://stackoverflow.com/a/5809186/234132 */
select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    
    background-color: #fff;
    background-image: url('images/select-arrow.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none; /* 0px 1px 3px rgba(0, 0, 0, 0.1); */
    color: #333;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    text-overflow: '';
    white-space: nowrap;
    text-indent: 0.01px;
}

select::-ms-expand {
    display: none;
}

/* menu override */
.sf-menu li, .sf-menu li li, .sf-menu li li li {
    background: #2547A0 !important;
}