* {margin:0; padding:0;}

body {font-family: Georgia, Arial; font-size:13px; color:#292929; background-color:#292929;}

a {color:#333; text-decoration:underline;}
a:hover {text-decoration:none;}

.outerContainer { background:#fff;}

#summaryCharacters { margin:5px 0 0 0;}
#summaryCharacters.error { font-weight:bold; color:#ff0000;}

.textInput { padding:6px; margin-bottom:10px; font-size:16px;}

.textColor {color:#1b2956;}

.button, .submitBtn {
background: #2a2a2a;
padding:10px 20px;
/*width:100px;
height:23px;*/
color: white !important;
line-height: 1 !important;
font-size: 15px;
/*font-family: Arial,sans-serif;*/
white-space: nowrap;
display: inline-block;
vertical-align: middle;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor:pointer;
border:none;
text-decoration:none;
text-align:center;
}

.button:hover, .submitBtn:hover {
text-decoration:none !important;
color:#2a2a2a !important;
background:#fef734;
}


.submitBtn { 
	font-size:18px;
}

.topBar {float:left; width:100%; background:#1b2956;}

.outerContainerLogin {width:315px; margin:130px auto; }
.innerContainerLogin {width:315px; float:left; }

.loginLogo {margin:0 auto; width:377px; height:81px; margin-left:-30px; background:url(images/biscuit-recruitment-logo.jpg) #262626 top center no-repeat;}

.header {height: 50px;background:#494949;margin:0 0 20px 0;padding-left:220px;overflow:hidden; transition:padding-left 0.5s }
.header #openMeBtn { display:none;}
.header.leftNavClosed { padding-left:20px;}
.header.leftNavClosed #openMeBtn { display:inline;}

.topBarRight { float:right; margin:12px 10px 0 0; color:#fff; font-size:14px;}
.topBarRight span { margin:3px 0 0 0; float:right; color:#fef734; font-size:15px;}
.topBarRight a { margin-left:10px; float:right;}

.mainContent {float:left; width:905px; background:url(images/admin/background-y-new.png) repeat-y; padding:10px 15px 30px 40px; }

.breadCrumb { display:inline; color:#292929; margin:0 0 12px 220px; float:left; font-size:14px; transition:margin-left 0.5s; }
.breadCrumb.leftNavClosed { margin-left:20px;}
.crumb { display:inline; margin-right:3px; font-size:14px; color:#1b2956; }
.crumb a { color:#aaa; font-size:14px; text-decoration:none; margin:0 5px; }
.crumb a:hover { text-decoration:underline; }

.logoContainer { text-align:center; margin:20px auto; width:180px; height:39px; background:url(images/admin/logo.jpg) no-repeat; opacity:0.5; }
.coolLeftNav { float:left; display:inline; width:200px; height:100%; z-index:100; position:absolute; top:0px; left:0px; overflow-y:auto; overflow-x:hidden; background-color:#292929; transition:left 0.5s}
.coolLeftNav.leftNavClosed { left:-220px;}
.coolLeftNav ul { float:left; width:100%; background:#333; margin:10px 0 0 0; padding:0; list-style:none; border-top:1px solid #444;}
.coolLeftNav ul li a { float:left; width:150px; padding:15px 20px 15px 30px; border-bottom:1px solid #444; color:#fff; text-decoration:none; font-size:17px; }
.coolLeftNav ul li a:hover { background:#555;}
.coolLeftNav ul li a.selected { background:url(images/admin/selectedArrow.png) no-repeat right center #fef734; color:#1b2956;}
.coolLeftNav ul li ul { margin:0; border:none;}
.coolLeftNav ul li ul li a { padding:8px 20px 8px 50px; background:#444;width:130px; font-size:13px;}
.coolLeftNav ul li ul li a.selected { background:#666; color:#fff;}
.coolLeftNav ul.open { display:block;}

.welcomeBox {width:750px; margin:auto; top:0; right:0; bottom:0; left:0; height:250px; position:absolute;}
.welcomeBox h1 { border:none; text-align:center; font-size:36px; margin:20px 0 0 0; font-weight:normal;}
.welcomeBox a.options { width:120px; height:70px; display:block; float:left; background:#292929; text-decoration:none; color:#fef734; text-align:center; padding:30px 7px; font-size:20px; line-height:1.2; border-radius:6px; margin:20px 20px 0 0; transition:all 0.3s;}
.welcomeBox a.options:hover {-webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.8);-moz-box-shadow:0px 0px 14px rgba(50, 50, 50, 0.8);box-shadow:0px 0px 14px rgba(50, 50, 50, 0.8);}

.loginContent {width:315px; margin:30px auto; background:#fff; float:left; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; -webkit-box-shadow:0px 0px 17px rgba(50, 50, 50, 0.39);
-moz-box-shadow:0px 0px 17px rgba(50, 50, 50, 0.39);box-shadow:0px 0px 17px rgba(50, 50, 50, 0.39);}
.loginContentInner {width:275px; margin:20px; float:left; }
.loginContentInner h1 { margin:3px 0 10px 0; font-size:18px; font-weight:normal; }
.loginContentInner .textInput {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #ccc; width:250px; padding:10px; outline:none; margin:0 0 10px 0; font-size:15px; }
.loginContentInner .textInput.error { background: #ffc6c6; border: 1px solid #f00;}
.loginContentInner label { float:left; display:inline; margin-bottom:5px; line-height:1.9; font-size:14px; }
.loginContentInner .submitBtn { padding:5px 10px;}

.content {width: 100%; height: 100%; position: absolute;overflow:auto; z-index:50; top:0; left:0;}
.contentLeft {margin-left:220px;margin-right:20px;height:88%;color:#888;line-height:22px; position:relative; transition:margin-left 0.5s}
.contentLeft.leftNavClosed { margin-left:20px;}
.contentLeft a { }
.contentLeft .button { margin-bottom:20px;}
.contentLeft form .button { padding:8px 10px !important; width:auto !important; height:auto !important;}

.footer { float:left; display:inline; width:960px; background-color:#0099FF; height:44px; background:url(images/admin/footerBg.png) no-repeat; }

h1 { margin:3px 0 15px 0; font-size:18px; color:#292929; padding:15px 0; border-bottom:1px dashed #ddd;  }
h2 { margin:3px 0 15px 0; font-size:14px; color:#292929; }

.jobTable td {padding:10px; border-bottom:1px dashed #ccc; line-height:1.6; color:#333; font-size:15px;}
.jobTable th {padding:5px 10px; border-bottom:1px dashed #ccc; background:#292929; color:#fff; font-size:14px; font-weight:normal;}
.jobTable a {color:#333; text-decoration:none; margin:0 3px; font-size:15px;}
.jobTable th a { color:#fff; padding-right:10px;}
.jobTable th a:hover { text-decoration:underline!important; color:#fff;}
.jobTable th a.sortedDesc { background:url(images/admin/tableSortDesc.png) no-repeat right center;}
.jobTable th a.sortedAsc { background:url(images/admin/tableSortAsc.png) no-repeat right center;}
.jobTable a:hover {color:#1b2956; text-decoration:underline;}
.popup { background:#fff;}

.addLink { margin:5px 0 10px 20px; font-size:15px; text-decoration:none; color:#fef734; background:url(images/admin/addBtnGreen.png) #292929 no-repeat left;  padding:6px 10px 6px 35px; background-position: left 10% center; border-radius: 6px;}
.addLink:hover { background:url(images/admin/addBtnGreenHover.png) #fef734 no-repeat left; color:#292929; background-position: left 10% center;}

.addLinkIcon {float:left; display:inline; margin:1px 10px 0 0;}

table {font-size:13px; border-collapse:collapse;}
table th { text-align:left;}
table th a { display:block; color:#fff;}
table td, table th { padding:2px 5px; }
table tr.altRow { background-color:#e8e8e8; }
table td a { color:#06F; }
table td a:hover { text-decoration:none; }
table tr.expired { background:#f1b1b1!important; border-color:#333!important;}
table tr.expired td { border-color:#999;}
table tr.expired a { color:#555;}
table tr.expired a:hover { color:#fff;}
table tr.new td { background-color:#FFFEE1; }

div.yayBox { float:left; display:inline; width:95%; border: 1px solid #5b7840; margin: 10px 0px; padding:10px; color: #4F8A10; background-color: #DFF2BF; }
div.yayBox div { float:left; display:inline; padding:5px 0 0 6px; } 

.col0 { width:2%}
.col1 { width:20%}
.col2 { width:14%}
.col3 { width:4%}
.col4 { width:13%}
.col5 { width:13%}
.col6 { width:14%;}
.colTools { width:9%;}
.colTools a { margin:0 4px 6px 0; float:left;}

.salaryFrom {float:left; margin:0 3px 0 0;}
.salaryTo { float:left;}
.salaryDash { float:left; margin:0 3px 0 0;}

.pagerContainer { float:left; margin:15px 0 30px 0;}
.pagerBoxes { float:left; margin:0 5px 0 0; }
.pagerBoxes span { padding:5px 10px; background:#1b2956; color:#fff; display:block;}
.pagerBoxes a { display:block; color:#333;  padding:5px 10px; text-decoration:none;}

.yayBox ul { margin-left:5px; list-style:none; }

.filterForm { margin:0 0 10px 0; float:left; width:100%;}
.filterJobsDropdown { padding:8px; width:200px; margin:0 10px 0 0; float:left; border:1px solid #ccc; border-radius:6px;}
.filterForm .button { padding:10px !important;}

a#closeMeBtn { background:url(images/admin/closeMenuGrey.png) no-repeat left center; font-size:14px; float:left; color:#888; padding:3px 3px 3px 25px; text-decoration:none; margin:20px 0 0 40px;}
a#closeMeBtn:hover { background:url(images/admin/closeMenu.png) no-repeat left center;color:#fff;}

a#openMeBtn { float:left;margin:9px 0 0 -5px;}

.editJobTable a { color:#262626; font-size:15px;}

form.slots a { margin-left:10px;}
form.slots label { font-size:16px;}
form.slots input, form.slots select { padding:6px; margin:5px 0 10px;}

form.add_content input, form.add_content select { padding:6px;}
form.add_content textarea { width:60%; height:200px; padding:10px;}
form.add_content a { text-transform:capitalize; margin-left:20px;}
 
.salaries {}
.salaries label { font-size:14px;}
.salaries input { padding:6px;}
.inputContainer.addAnother { float:left;}
.inputContainer.addAnother .addLink { margin:10px 0; float:left;}

form.addSectors  {}
form.addSectors h2 { font-size:16px;}
form.addSectors .button { height:auto !important; padding:9px !important; font-size:13px !important;}

form.addTemplate label { margin:0 0 10px;}
form.addTemplate input { padding:6px;}

a.link { font-size:17px; text-decoration:underline;}
a.link:hover { text-decoration:none;}

#fancybox-outer { color:#fff !important;}
#fancybox-outer h1, #fancybox-outer h2 { color:#fff !important;}

.uploadLink { background:#fef734 !important; color:#2a2a2a !important; border:1px solid #d9d20b !important;}

.popup h1, .popup h2 { margin-left:10px;}
.popup .jobTable th { font-size:13px;}
.jobTable {}

.newsImageUploader { background:#fff;}

table.newsletter_table { margin:10px 0;}
table.newsletter_table tr td { padding:5px; border:1px solid #ccc; background:#f5f5f5;}
.copy_clipboard { background:#fef734; padding:10px; border:none; cursor:pointer; font-weight:bold; border-radius:6px;}
table.newsletter_table a { color:#292929;}