/*  NEW IMPLEMENTATION 2016*/

body {
    font: 300 14px Roboto,sans-serif;
    -webkit-font-smoothing: antialiased;
}

.navbar-default { background-color: #fff !important; }
.navbar-default > .container-fluid { padding-right: 0; padding-top: 14px; }
.navbar-default > .container-fluid.subnav-sub { padding-top: 0px !important; }

.header-text {
    float: left;
    padding: 11px 0 0 0;
    font-size: 15px;
    text-transform: uppercase;
}

/*  This blocks away the navigation part */
.anchor {
    display: block;
    height: 130px;
    visibility: hidden;
}

.container.mainContent {
    width: auto;
    position: relative;
    min-height: 275px;
    background: 0 0;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 50px;
}

.nav-tabs li {
    padding: 0 0 !important;
    border: none !important;
    margin-bottom: 0px !important;
    text-align: center;
}

.nav > li > label {
    position: relative;
    display: block;
    padding: 11px 15px;
    margin-bottom: 0 !important;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 2px;
    position: relative;
    top: 2px;
    margin-top: 0px !important;
}

.footer {
    padding: 35px 0 50px;
    font: 400 14px Roboto,sans-serif;
    text-align: center;
    background-color: #f6f7f8;
    margin-top: 40px;
    color: rgba(0,0,0,.54);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d4d6e2;
    border-color: rgba(0,0,0,.03);
}

.footer .m-logo {
    margin-bottom: 20px;
    display: inline-block;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.form textarea {
    margin-bottom: 6px;
    font-size: 13px;
    font-family: "Bitstream Vera Sans Mono", "Monaco", "Consolas", "Lucida Console", monospace;
}

.right { width: 120px; text-align: right; }

/*Sidebar*/
.sidebar .list-group-item { padding: 0px 5px !important; border: 0px !important; border-bottom: 1px solid #ddd !important; margin-top: 4px; }
.sidebar .list-group { font-size: 13px; }

/*Scrollable table (inumeration page)*/
table { width: 100%; table-layout: fixed; font-size: 15px; }
div .scrollable { height: 500px; overflow-y: auto; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #F6F7F8; /*Monster Light Grey*/ }

/*Save disk image*/
.save-button, .expand-button{ padding: 0 !important; background-color: transparent; }

/*For the test 'or upload a file.' and upload box*/
ul.nav-tabs li a { color: #00AFF0 !important; }
ul.nav-tabs li a:hover{ color: #4F5C7B !important; }
.box h3 { margin: 0px 0px 0.75em; padding: 0.5em 1em; background: #fafcff; border-bottom: solid 1px #fafcff;}
.blue-border { border: solid 1px #00AFF0; /*Monster Accent Blue*/ }

/*BUTTON COLORs*/
.btn { color: #642891; }
.btn:hover { background-color: #642891; color: white !important; }

/* Blueprint*/
a, a:link { margin: 0 -2px; padding: 1px 2px; color: #642891 !important; }
a:hover { color: #FFFFFF !important; background: #642891; }
a.m-logo:hover { background: transparent !important; } /*m-logo has a trasparent backgroud when hovered*/

/*Below is written before 2016*/

label { display: block; }
label.inline { display: inline; }
table td { padding: 0; vertical-align: top; }
ul { list-style: none; }

/* Default rule; only Safari, Webkit, and Opera handle it without hacks. */
.inline-block { position: relative; display: inline-block; }

/* Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
* html .inline-block { display: inline; }

/* IE7-only hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
*:first-child+html .inline-block { display: inline; }
 
/* Container */
#HeaderDiv, #HeaderSADiv, .ContainerDiv, #FooterDiv { width: 100%; margin: 0; padding: 0; float: left; clear: both}

/* Inner */
#MainDiv, #SidebarDiv { margin: 0; }
#MainDiv { margin: 0 275px 0 15px; }
#SidebarDiv { z-index: 3; position: absolute; top: 113px; bottom: 15px; right: 15px; width: 245px; height: 100%; overflow: visible; }

/* Header */
#HeaderDiv, #HeaderSADiv { padding: 13px 0 16px; vertical-align: middle; border-top: solid 4px #edf3fe; }

/* Logo */
#logo { width: 175px; height: 32px; margin: 0 0px 0 30px; float: left; background: url(https://securemedia.newjobs.com/mm/mps/logo/MonsterLogo_175x32.gif) no-repeat; text-indent: -2000px; overflow: hidden; }

/* Footer */
#FooterDiv { display: none; padding: 0 0 3em 36px; width: auto; text-align: left; color: #666; font-size: 12px; } 

/* Boxes */
.box, .box-wrapper { background: #fff; }
.centered { text-align: center; }
.min { padding: 8px 1.4em 10px; }
.min img { position: relative; top: 3px; right: 2px; }

/* should always be an h2 heading */
#MainDiv div.box { padding-top: 0.75em; }

.box { margin: 0; }
.box-wrapper { margin-bottom: 16px; }
.box h2 em { display: block; font-size: 0.5em; font-style: normal; color: #999; }

.box h3 img { position: relative; float: right; display: block; top: 1px; }
.box ol h3 { margin: -17px -17px 0.75em; background: #f7f9fa; border: solid 1px #f2f2f2; }
.box h4, .box label { font-weight: bold; font-size: 1em; color: #111; }
.box h4 { margin-bottom: 0.25em; padding-bottom: 0.25em; border-bottom: solid 1px #eee; }
.box h5 { font-weight: normal; color: #999; }
.downloading { width: 500px; margin: 0 auto; }
.downloading .box { padding: 1.2em; }

.box fieldset { margin: 0; padding: 0 0 4px; border: none; }
.box .form select { width: 100%; }
.box fieldset ul { margin: 0 0 1em 0; }
.box fieldset li { list-style: none; white-space: nowrap; }
.box-sample { margin: 0; padding: 0 0 4px; border: none; position: relative; left: -7px; }

.steps li { position: relative; left: -2px; padding-left: 16px; background-image: url(../icons/bullet_white.png); background-position: -2px 0; background-repeat: no-repeat; color: #555; }
.steps .pass, .steps .fail { color: inherit; }
.steps .pass { background-image: url(../icons/bullet_go.png); }
.steps .fail { background-image: url(../icons/bullet_error.png); }

/* Fields */
input[type="text"], input[type="password"], input.txtsearchbox, input.bigtextbox { padding: 5px 6px; border-width: 1px; }
input[type="text"], input[type="password"], input.txtsearchbox, input.text, 
input.bigtextbox, input.title, textarea { background: #fff url(../images/fieldbg.gif) repeat-x top; border-top-color: #7c7c7c; border-right-color: #c3c3c3; border-bottom-color: #ddd; }
input.bigtextbox, input.title { margin-top: 0.35em; }
input.small { width: 100px; }
fieldset input.text, fieldset select { width: 100%; }
input[type="radio"], input[type="checkbox"] { margin-right: 2px; position: relative; top: 2px; }

/* Forms */
.form fieldset { margin: 0 0 2px 0; padding: 0; border: none; }
.form ol { margin: 0; }
.form li { padding: 1em 1.4em; display: block; list-style: none; border: solid 1px #F6F7F8; border-bottom: none; background: #F6F7F8;}
.form li.last { border-bottom: solid 1px #F6F7F8; }
.form textarea, div.input, .form select { margin-bottom: 0; }
.form li .text { width: 300px; }

.form li textarea.large { height: auto; }
.form li p { margin-bottom: 3px; }
.form .expand, .form .shrink, .form .bottom { margin: 12px 20px 0 0; }
.form .expand { margin-right: 21px; }
.form .bottom { margin-right: 2px; }
.form .top { margin-top: 4px; }
.form .copy { margin: 10px 5px 0 0; }
.form .last { border-bottom: solid 1px #F6F7F8; }
.inline { display: inline; }

/* File upload  */
span.close, span.upload, span.backToRequest, div.completed { color: #777; font-weight: normal; font-size: 13px; }
div.completed { width: 100%; padding: 6px 0 8px; text-align: center; background: #edf3fe; border-top: solid 1px #dde3fe; display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 10; }
div.completed b { margin: 0 1px; color: #444; }
div.completed img { margin-right: 3px; position: relative; top: 3px; }
object.swfupload { width: 62px; height: 16px; margin: 0 0 -4px 1px; padding: 0; position: relative; }
div.progress { width: 33%; height: 4px; margin: 0 0 -1px 10px; padding: 1px; border: solid 1px #bdbdbd; border-bottom-color: #eee; border-right-color: #eee; background: #fff; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.progress div { height: 100%; background-color: #9cf; font-size: 1pt; float: left; }
/* Notices */
.error, .warning, .info, .success { border-style: solid; border-width: 1px; }
.error { background-color: #FBE3E4; border-color: #FBC2C4; color: #8A1F11; }
.warning { background-color: #FFF6BF; border-color: #ffe580; color: #514721; }
.info { background-color: #e9f2bd; border-color: #cbd897; color: #194c0f; }

.success { background-color: #e0efff; border-color: #cbdef2; color: #6da7ff; }
.success a, .success a:visited { color: #294166; }
.success a:hover { color: #fff; }

p.error, p.warning, p.info, p.success { margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 2.8em; background-repeat: no-repeat; background-position: 0.8em center; }

.error, .warning, .info, .success { margin: 0 0 1em; padding: 5px 0; list-style: none; }
.error li, .warning li, .info li, .success li { margin: 0; padding: 1px 10px 1px 34px; background-repeat: no-repeat; background-position: 12px center; }
.error li { background-image: url("../icons/error.png"); }
.warning li { background-image: url("../icons/warning.png"); }
.info li { background-image: url("../icons/accept.png"); }
.success li { background-image: url("../icons/link.png"); }

.box ul.last { margin-bottom: 0; }

/* Tables */
.grid { margin-bottom: 0; }
.grid caption { background: transparent; }
.grid th, .grid td { padding: 4px 10px 4px 6px; }
.grid tr { background: #eff4fe; }
.grid tbody tr:hover { background: #e1ebfc; }
.grid td { border-top: solid 1px #fff; }
.grid tfoot td { padding: 6px; font-style: normal; background: #fff; }
.grid thead td { padding: 0 0 6px; text-align: right; background: #fff; }
.grid .help { height: 16px; }
.grid th input.tooltip { position: relative; top: -28px; }
.grid .right { width: 120px; text-align: right; }

/* Tooltips */
#tooltip { padding: 6px 9px; position: absolute; z-index: 9000; background-color: #FFF6BF; border: solid 2px #ffe580; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#tooltip h3, #tooltip div { font-size: 12px; line-height: 1em; margin: 0; color: #514721; }

/* Firefox */
@-moz-document url-prefix() { button.btn span span { padding-bottom: 4px; } }

.ddl span span, .ddl:active span span, .on span span, .on:active span span { background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: right center; }
.ddl span span { padding-right: 21px; background-color: transparent; }

.on span { color: #CC99FF; background-position: 0 -400px; }
.on span span, .on:active span span { background-image: url(../images/arrow-up.png); border-top-color: #ccc; }

.sub { z-index: 1; display: none; background: transparent none no-repeat 1px bottom; position: absolute; top: 21px; left: -1px; }
.sub .box { margin: 3px 3px 3px 4px; border-top: none; }

/* Menu */
#menu { float: left; margin: 5px 0 0; }
#menu ul { margin: 0; list-style: none; z-index: 100; }
#menu > div { float: left; margin-right: 15px; padding: 1px 0 2px; }
#menu li { float: left; position: relative; }
#menu div.sub li, #menu h4 { line-height: 1.5; }
#menu .sub li { display: block; float: none; }
#menu .sub ul { margin: 0 0 1em; }

/* Debug */
.debug { position: fixed; bottom: 0; left: 0; right: 0; padding: 0 8px 6px; Opacity: 0.5; filter: alpha(opacity=50); background: ##F0F2F5; /*border-top: solid 1px #555;*/height: 10px; z-index:10000}
.debug p { margin: 0; padding: 0 0 0 26px; color: #2E0854; text-align: center; }

/* Version */
.version p { margin: 0 275px 0 15px; padding: 0 0 0 0px; color: #2E0854; text-align: center; }

/* File upload */
.upload input { float: left; }
.upload .text { padding: 3px 5px 4px; }
.upload input.file { width: 350px; margin: 4px 0; }
.upload input.file, .upload div.file { float: left; display: block; }
.upload div.file { width: 59px; height: 24px; margin: 4px 0 0 3px; background: transparent url(../images/browse.png) 0 0 no-repeat; position: relative; overflow: visible; }
.upload div.file input.file { top: -5px; }
.upload div.file:hover { background-position: 0 -24px; }
.upload div.file:active { background-position: 0 -48px; }

/* Xml Editor */
#editor-tree { height: 235px; margin: 0.5em 0 0.4em; padding: 1em 0.5em 1.5em; overflow-y: scroll; background: #fff url(../images/fieldbg.gif) repeat-x top; border: solid 1px #ddd; border-top-color: #7c7c7c; border-bottom-color: #eee; }
ul.ltr > li.last { margin-bottom: 1em; }

/* Overlay */
.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #000; Opacity: 0.5; filter: alpha(opacity=50); /*IE*/ cursor: pointer; }

.timestamp { font-weight: bold; cursor: help; }

#loading { margin: 0 auto; background: url(../images/bigrotation.gif) no-repeat center center; width: 50px; height: 50px; }