/* page layout ***********************************************************************/
.ixprfsvr {
       width: 100%;
       height: 100%;
}

.ixprfsvr body {
    width: 100%;
    height: 100%;
    font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
    font-size: 10pt;
}
.ixprfsvr a {
    color: #545454;
    text-decoration: none;
}
.ixprfsvr a:hover {
    color: #3b3b3b;
    text-decoration: underline;
}
.ixprfsvr .page-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
}
.ixprfsvr .header-bar {
    height: 70px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    box-shadow: 0 0 2px 2px #f5f5f5, 0 1px 0 rgba(127, 127, 127, 0.1);
}
.ixprfsvr .header-bar .logo {
    position: absolute;
    top: 5px;
    left: 10px;
    background: url("../img/ixlogo.01f6ce462a7e.png") no-repeat;
    height: 54px;
    width: 198px;
    overflow: hidden;
}
.ixprfsvr .header-bar .title {
    position: absolute;
    left: 217px;
    top: 6px;
    letter-spacing: -4px;
    font-size: 35px;
    color: #E0E0E0;
    font-weight: 100;
    height: 50px;
    padding-top: 6px;
    padding-left: 3px;
    border-left: 2px dotted #E0E0E0;
}
.ixprfsvr .header-bar .user-blob {
    position: absolute;
    top: 0.5em;
    right: 20px;
    height: 54px;
    overflow: hidden;
    font-size: 10pt;
    color: #666666;
}
.ixprfsvr .content {
    margin-top: 30px;
    margin-bottom: 20px;
}
.ixprfsvr .content-header {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -10px;
    color: #cf0f00;
    font-size: 20pt;
    padding-bottom: 5px;
}
.ixprfsvr .content-body {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    border: 1px solid #e5e5e5;
    background: none repeat scroll 0 0 white;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 2px 2px #FFFFFF inset, 0 1px 0 rgba(127, 127, 127, 0.1);
    overflow: hidden;
    padding: 10px;
}

.ixprfsvr .content-body p  {
    padding: 0px 20px 17px 20px;
}
.ixprfsvr .content-body h2  {
    padding: 0px 20px 17px 20px;
    font-size: 15pt;
    color: #666666;
}
.ixprfsvr .content-body ul  {
    padding: 0px 0px 17px 20px;
    list-style-type: disc;
}
.ixprfsvr .content-body ul li  {
    margin-left: 16px;
}

.ixprfsvr .close-window {
    margin: 0 auto;
    width: 200px;
}

.ixprfsvr .messages {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    font-size: 10pt;
    height: 18px;
}
.ixprfsvr .messages .error, .ixprfsvr .messages .warning,
.ixprfsvr .messages .success, .ixprfsvr .messages .info {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 0.4em;
    text-align: center;
    outline: none;
}
.ixprfsvr .messages .error {
    background-color: #f0d0d0;
    border-color: #f03030;
}

.ixprfsvr .messages .success {
    background-color: #def8ce;
    border-color: #93d440;
}
.ixprfsvr .messages .warning {
    background-color: #fef7c8;
    border-color: #fddb35;
}
.ixprfsvr .messages .info {
    background-color: #e3eeff;
    border-color: #c1daff;
}
.ixprfsvr .footer-push {
    height: 50px;
}
.ixprfsvr .footer-bar {
    border-top: 1px solid #EBEBEB;
    height: 30px;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    color: #666666;
}
.ixprfsvr .footer-bar p {
    padding: 5px;
    font-size: 9pt;
    height: 30px;
}

.ixprfsvr .right {
    float: right;
}

/* forms *****************************************************************************/
.ixprfsvr .field-wrapper {
    padding: 4px;
}
.ixprfsvr .field-wrapper label {
    display: block;
    float: left;
    clear: left;
    width: 170px;
    text-align: right;
    font-weight: bold;
    padding: 3px;
}
.ixprfsvr .field-wrapper input {
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 10pt;
    padding: 4px;
}
.ixprfsvr .field-wrapper .error input {
    border: 1px red solid;
}
.ixprfsvr .field-wrapper .errorlist {
    color: red;
    padding: 0px;
    list-style-type: none;
}
.ixprfsvr .field-wrapper .errorlist li  {
    margin-left: 0px;
}
.ixprfsvr .field-wrapper select {
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 10pt;
    height: 27px;
    padding: 4px;
}
.ixprfsvr .field-wrapper .input {
    font-size: 10pt;
    padding: 3px 3px 3px 20px;
    width: 200px;
    display: inline-block;
}
.ixprfsvr .field-wrapper .empty {
    color: #666666;
}
.ixprfsvr input[type="text"]:hover,
.ixprfsvr input[type="password"]:hover,
.ixprfsvr input[type="checkbox"]:hover,
.ixprfsvr input[type="radio"]:hover,
.ixprfsvr textarea:hover,
.ixprfsvr select:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.ixprfsvr input[type="text"]:focus,
.ixprfsvr input[type="password"]:focus,
.ixprfsvr input[type="checkbox"]:focus,
.ixprfsvr input[type="radio"]:focus,
.ixprfsvr textarea:focus,
.ixprfsvr select:focus {
    border: 1px solid #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}

/* button csss from www.cssbuttongenerator.com */
.ixprfsvr .btn {
    width: auto !important;
    height: 30px !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
    box-shadow: inset 0px 1px 0px 0px #f5978e;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
    background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color: #f24537;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d02718;
    display: inline-block;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px !important;
    text-decoration: none;
    text-shadow: 1px 1px 0px #810e05;
}
.ixprfsvr .btn:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
    background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color: #c62d1f;
}
.ixprfsvr .btn:active {
    position: relative;
    top: 1px;
}
.ixprfsvr .btn-green {
    width: auto !important;
    height: 30px !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
    background: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
    background-color: #77d42a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #5cb811 !important;
    display: inline-block;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px !important;
    text-decoration: none;
    text-shadow: 1px 1px 0px #268a16;
}
.ixprfsvr .btn-green:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
    background: -moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
    background-color: #5cb811;
}
.ixprfsvr .btn-green:active {
    position: relative;
    top: 1px;
}
.ixprfsvr .btn-link {
    font-size: 8pt;
    padding: 4px !important;
    height:auto !important;
    width: 70px !important;
    min-width: 0px;
    margin: 0px !important;
    text-align: center;
    cursor: pointer;
}

/* tables ****************************************************************************/
.ixprfsvr .content-body .table-container {
    margin: 0px 20px 10px 20px
}
.ixprfsvr .content-body table {
    border-collapse: collapse;
    width: 100%;
}
.ixprfsvr .content-body table tr {
    border-top: 1px solid #D0D0D0;
}
.ixprfsvr .content-body table td {
    padding: 10px;
}
/* login box *************************************************************************/
.ixprfsvr .login-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    width: 300px;
    padding: 15px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 2px 2px #f5f5f5 inset, 0 1px 0 rgba(127, 127, 127, 0.1);
}
.ixprfsvr .login-box h2 {
    font-size: 15pt;
    margin-bottom: 5px;
}
.ixprfsvr .login-box h2 .right {
    float: right;
    font-size: 10pt;
    position: relative;
    top: 5px;
    color: #666666;
}
.ixprfsvr .login-box h2 .right img {
    position: absolute;
    top: -8px;
    right: -8px;
}
.ixprfsvr .login-box .field-wrapper {
    padding: 0px;
}
.ixprfsvr .login-box .field-wrapper label {
    display: block;
    padding: 9px 0px 9px 0px;
    font-weight: bold;
    text-align: left;
    float: none;
}
.ixprfsvr .login-box input {
    width: 230px;
}
.ixprfsvr .login-box .read-only-user-field {
    width: 230px;
}
.ixprfsvr .login-box .read-only-user-field a {
    display: block;
}

/* tabs ******************************************************************************/
.ixprfsvr .tabs {
    background: -moz-linear-gradient(center top , #F6F6F6, #E5E5E5) repeat scroll 0 0 transparent;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F6F6F6), color-stop(1, #E5E5E5) );
    background-color: #E4E4E4;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#E5E5E5');
    border-bottom: 1px solid #D0D0D0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: -10px -10px 0;
    padding: 10px 10px 0;
}
.ixprfsvr .tabs ul {
    padding: 0px;
    list-style-type: none;
}
.ixprfsvr .tabs ul li {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 1px solid #C3C3C3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    float: left;
    margin-bottom: 0px;
    position: relative;
    bottom: -1px;
    margin-right: 8px;
    list-style-type: none;
    margin-left: 0px;
}
.ixprfsvr .tabs li:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
}
.ixprfsvr .tabs li.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-color: #FFFFFF;
    box-shadow: none;
}
.ixprfsvr .tabs li a {
    color: #979797;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    line-height: 15px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
.ixprfsvr .clearfix {
    display: inline-block;
}
.ixprfsvr .clearfix:after {
    clear: both;
    content: ".";
    display: inline-block;
    height: 0;
    visibility: hidden;
}
.ixprfsvr .tab-section {
    padding-top: 20px;
}

.ixprfsvr .site-policy {
    width: 90%;
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

@media screen and (max-width: 320px) {
    .ixprfsvr .header-bar,
    .ixprfsvr .footer-push,
    .ixprfsvr .footer-bar,
    .ixprfsvr .content-header,
    .ixprfsvr .tabs {
        display: none;
    }

    .ixprfsvr .page-wrapper,
    .ixprfsvr .content,
    .ixprfsvr .content-body,
    .ixprfsvr .content-body p,
    .ixprfsvr .content-body ul,
    .ixprfsvr .tab-section,
    .ixprfsvr .messages,
    .ixprfsvr .field-wrapper,
    .ixprfsvr .field-wrapper label {
        margin: 0;
        padding: 0;
        border: none;
        height: auto;
        width: auto;
    }

    .ixprfsvr .login-box {
        margin: 0;
        width: auto;
        height: auto;
    }
}

/* Custom additions */
.ixprfsvr .btn-neutral {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cccccc) );
    background: -moz-linear-gradient( center top, #ededed 5%, #cccccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cccccc');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #c2c0c2 !important;
    display: inline-block;
    color: #3d3d3d !important;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.ixprfsvr .btn-neutral:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #cccccc 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed');
    background-color: #cccccc;
}

.ixprfsvr .btn-neutral:active {
    position: relative;
    top: 1px;
}
