body {
  background:url(/img/frontend/background.png) #ccc;
  margin:0;
  font-family:'ProximaNova', 'Verdana', 'Arial', sans-serif;
  min-width:1000px;
}

a img, a:active {
  outline:0;
  border:0;
}

#header {
/*background:#244053;*/
  background:#15375d;
/*  border-bottom:3px solid #DDDDDD;*/
border-bottom:10px solid #50aec8;
  /*border-bottom:3px solid #ffab52;
  padding:20px 0;*/
  padding:25px 0 45px;
  height:150px;
}

.header_center {
  width:955px;
  margin:auto;
  height:50px;
}

#header .logo {
  float:left;
  margin-top:10px;
}

#header .logout {
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  float:right;
  font-weight:300;
  text-align: right;
}

#header .logout a {
  color:#70C5FF;
  display:block;
  text-align:right;
  font-weight:bold;
  margin-top:5px;
}

#header .logout a:hover {
  color:#fff;
}

#footer {
  padding:25px 0;
  background:#15375d;
  height:100px;
  clear:both;
}

#footer a {
  float:left;
  width: 20%;
  text-align: center;
}

#footer p {
  text-align:center;
  color:#eee;
  font-size:10px;
  margin:0;
  line-height:50px;
}

#center {
  width:1000px;
  margin:-130px auto 0;
  position:relative;  
  /*background:#f2f2f2;*/
}

#flashMessage {
  text-transform:uppercase;
  color:#ffdd66;
  margin:10px 0;
}

.error-message {
  font-size:12px;
  margin:1px 5px 10px;
  padding:2px 10px;
  text-transform:uppercase;
  text-align:center;
  color: #245270;
  font-weight: bold;
}

#container {
  background:#f2f2f2;
  border-radius:5px;
  position:relative;
  float:right;
  width:100%;
}

#container.has_sidebar {
  width:790px;
  min-height: 735px;
}

#container > .content {
  float:left;
  width:100%;
  min-height:600px;
}

h1 {
  font-size:30px;
  font-weight:400;
  color:#555;
}

h1.tab_header {
  background: #518aaf;
  background: -moz-linear-gradient(top, #62a6d1 0%, #518aaf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62a6d1), color-stop(100%,#518aaf));
  background: -webkit-linear-gradient(top, #62a6d1 0%,#518aaf 100%);
  background: -o-linear-gradient(top, #62a6d1 0%,#518aaf 100%);
  background: -ms-linear-gradient(top, #62a6d1 0%,#518aaf 100%);
  background: linear-gradient(to bottom, #62a6d1 0%,#518aaf 100%);
  color:#fff;
  padding:10px 20px 7px;
  margin:0;
  border-radius:5px 5px 0 0;
  font-size:16px;
  font-weight:400;
  letter-spacing:1px;    
}


h2 {
  font-weight:300;
  color:#333;
  margin:15px 5%;
}

h3 {
  font-weight:400;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#333;
}

fieldset {
  background:#eee;
  border:none;
  width:92%;
  margin:5px 2%;
  padding:2%;
  float:left;
}

legend {
  clear:both;
  float:left;
  width:150px;
  color:#333;
  font-weight:400;
  text-transform:uppercase;
}

.login fieldset {
  float:none;
  width:400px;
  margin:40px auto 20px;
  padding:30px 50px 50px;
  border-radius:15px;
}

.login label {
  text-align:left;
}

label {
  font-weight:300;
  font-size:12px;
  text-align:right;
  float:left;
  width:300px;
  margin-right:10px;
  line-height:20px;
}

label:after {
  content:':';
}

.input {
  clear:both;
  float:left;
  width:100%;
  margin-top:5px;
}

.select select {
  padding:3px 0;    
  width:100%;
  max-width:400px;
}

.ui-datepicker, .ui-autocomplete {
  font-size:80% !important;
}

.input.text input, .input.password input, textarea {
  width:100%;
  padding:3px 0;
  border:1px solid #ccc;
  max-width:400px;
  resize: none;
}

.wysihtml5-toolbar {
  margin:15px 0 0 310px !important;
  float:left;
}

.number input {
  width:75px;
  padding:3px;
  border:1px solid #ccc;
}

/* Button */
.button_container {
  clear:both;
  float:left;
  width:90%;
  margin:15px 5%;
}

.button a, input.button, input[type=submit] {
  margin-top:0;
  background: #2c658a;
  background: -moz-linear-gradient(top, #2c658a 0%, #307199 50%, #245472 51%, #275a7a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c658a), color-stop(50%,#307199), color-stop(51%,#245472), color-stop(100%,#275a7a));
  background: -webkit-linear-gradient(top, #2c658a 0%,#307199 50%,#245472 51%,#275a7a 100%);
  background: -o-linear-gradient(top, #2c658a 0%,#307199 50%,#245472 51%,#275a7a 100%);
  background: -ms-linear-gradient(top, #2c658a 0%,#307199 50%,#245472 51%,#275a7a 100%);
  background: linear-gradient(to bottom, #2c658a 0%,#307199 50%,#245472 51%,#275a7a 100%);
  padding:8px 12px;
  border-radius:7px;
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
  /*font-weight:bold;*/
  font-family: 'ProximaNova','Verdana','Arial',sans-serif;
  float:left;
  margin-left:10px;
  color:#fff;
  border:none;
  cursor:pointer;
  line-height:17px;
  letter-spacing:1px;
}

.button a:hover, input.button:hover, input[type=submit]:hover {
  opacity:.9;
}

.left a, input.left, .button.left {
  margin-left:0;
  clear:both;
}

.right a, input.right {
  float:right;
}

/* Tabs */
.tabs {
  float:left;
  list-style-type:none;
  font-size:14px;
  margin:0;
}

.tabs li {
  float:left;
}

.tabs li a {
  text-transform:uppercase;
  text-decoration:none;
  float:left;
  padding:5px 20px;
}

.parent_tabs {
  background:#2c658a;
  width:100%;
  float:left;
}

.parent_tabs .tabs {
  background:#2c658a;
  margin:0;
  width:99%;
  padding:4px 0 0 1%;
}

.parent_tabs .tabs li a {
  color:#fff;   
}

.parent_tabs .tabs li a:hover {
  text-decoration:underline;
}

.parent_tabs .tabs li a.active {
  background:#f2f2f2;
  background:#ddd;
  color:#333;
  border-radius:5px 5px 0 0;
  text-decoration:none;
}

.sub_tabs {
  width:100%;
  float:left;
  background:#ddd;
}

.sub_tabs .tabs {
  padding:4px 0 0 5%;
  width:95%;
  background:#ddd;
}

.sub_tabs .tabs a {
  border-bottom:none;
  color:#333;
  font-size:12px;
  margin-right:5px;
}

.sub_tabs .tabs a:hover {  
  text-decoration:underline;
  border-color:#518AAF;
}

.sub_tabs .tabs a.active {
  text-decoration:none;
  background:#f2f2f2;
  color:#333;
  border-color:#245270;
  border-radius:5px 5px 0 0;
}

/* Sidebar */
.sidebar {
  float:left;
  padding:15px;
  width:170px;
  margin:-96px 0 15px -210px;
  border-radius:5px;
  background: #dddddd;
  background: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#aaaaaa));
  background: -webkit-linear-gradient(top, #dddddd 0%,#aaaaaa 100%);
  background: -o-linear-gradient(top, #dddddd 0%,#aaaaaa 100%);
  background: -ms-linear-gradient(top, #dddddd 0%,#aaaaaa 100%);
  background: linear-gradient(to bottom, #dddddd 0%,#aaaaaa 100%);
}

.sidebar h2 {
  margin:0;
  font-size:16px;
  font-weight:400;
  text-transform:uppercase;
}

.sidebar_main_content {
  float:left;
  width:100%;
}

.sidebar .input.text input {
  width:164px;
  padding:3px;
  float:left;
  clear:both;
  border:1px solid #999;
}

.sidebar .input select {
  width:100%;
}

.sidebar fieldset {
  padding:0;
  margin:10px 0 0;
  background:none;
  border:none;
  float:left;
  clear:both;
}

.sidebar legend {
  font-size:12px;
  text-transform:uppercase;
  margin:10px 0 0;
  float:left;
  clear:both;
  padding-top:10px; 
  border-top:1px solid #999;
}

.sidebar label {
  width:auto;
  clear:both;
  float:left;
  width:100%;
  text-align:left;
}

.sidebar .checkbox label {
  line-height:auto;
  top:-3px;
  position:relative;
  font-size:10px;
  float:left;
  clear:none;
  width:125px;
}

.sidebar .checkbox label:after {
  content:none;
}

.sidebar .checkbox input {
  margin:0 5px 0 7px;
  float:left;
  clear:both;
}

.sidebar .scrolling_checkboxes {
  height:200px;
  overflow:auto;
  margin-top:5px;
  float:left;
  width:198px;
  margin-left:-15px;
  font-size:11px;
  border:1px solid #999;
  background:#D0D0D0;
}

.sidebar .scrolling_checkboxes.small {
  height:125px;
}

.sidebar .scrolling_checkboxes ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

.sidebar .scrolling_checkboxes ul li {
  padding:3px 14px;
  clear:both;
  cursor:pointer;
  background:#D0D0D0;
}

.sidebar .scrolling_checkboxes ul li:hover {
  background:#BDBDBD;
}

.sidebar .scrolling_checkboxes ul ul {
  font-weight:400;
  float:left;
  width:100%;
  background:#e7e7e7;
  padding:3px 14px;
  margin-left:-14px;
  margin-top:2px;
}

.sidebar .scrolling_checkboxes ul ul li {
  background:none;
}

.sidebar .scrolling_checkboxes ul ul li:hover {
  background:#87C1E5;
}

.sidebar .scrolling_checkboxes .checkbox label {
  cursor:pointer;
  display:block;
  margin:0;
  float:right;
  width:99px
}

.sidebar .checkbox input {
  cursor:pointer;
}

.sidebar .scrolling_checkboxes .checkbox {
  float:left;
  margin-left:5%;
  padding:0;
  width:80%;
}

.sidebar .scrolling_checkboxes .no_category {
  margin:0;
  padding:5px 0;
  float:left;
  width:100%;
  background:#D0D0D0;
}

.sidebar .scrolling_checkboxes .no_category .skill {
  width:90%;
  padding:0 5%;
  margin:0;
}

.sidebar .scrolling_checkboxes .no_category .skill label {
  width:80%;
  float:right;
}

.sidebar_summary {
  float:left;
  clear:both;
  font-size:12px;
  line-height:15px;
  width:100%;
  margin-top:5px;
}

.sidebar_summary .summary_item {
  padding:2%;
  float:left;
  width:90%;
  cursor:pointer;
  color:#444;
  font-size:11px;
}

.sidebar_summary .summary_item:hover {
  background:#999;
  color:#fff;
}

.sidebar_summary .summary_item.delete span {
  float:right;
}

.toggling_select {
  float:left;
  clear:both;
  margin-left:310px;
  width:250px;
  border:1px solid #ccc;
  height:175px;
  background:#666;
  color:#fff;
}

.toggling_select optgroup {
  font-weight:normal;
  cursor:pointer;
  font-style:normal;
  text-indent:14px;
  margin:0;
  font-size:12px;
  margin:0 0 6px;
}

.toggling_select optgroup:hover {
  background:#BDBDBD;
}

.toggling_select optgroup option.subcategory:hover {
  background:#f3f3f3;
}

.toggling_select optgroup option.subcategory {
  text-indent:10px;
}

.toggling_select optgroup option {
  text-indent:20px; 
  padding:3px 0;
  background:#fff;
  color:#333;
}

.toggling_select optgroup option:hover {
  background:#87C1E5;
}

.non_toggling_select {
  font-size:12px;
  text-indent:5px;
  background:#fff;
  border:1px solid #ccc;
  height:175px;
  float:left;
}

.nolabel {
  margin-left:310px;
  float:left;
  margin-top:15px;
  width:400px;
}

/* Item Delete List */
.item_delete {
  background:#fff;
  padding:5px 10px;
  font-size:12px;
  font-weight:300;
  border-bottom:1px solid #eee;
  position:relative;
  padding-right:20px;
}

.item_delete .delete {
  position:absolute;
  right:5px;
  text-decoration:none;
}

.table_toggle, .element_toggle {
  clear:both;
}

.table_toggle:hover, .element_toggle:hover {
  color:#999;
  cursor:pointer;
}

.table_toggle:before, .element_toggle:before {
  background: url("/img/frontend/arrows.png") repeat scroll 0 0 transparent;
  float: left;
  font-size: 24px;
  font-weight: 300;
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: 6px;
  width: 16px;
  content:"";
}

.table_toggle.down:before, .element_toggle.down:before {
  background-position: center 16px;
}

/* tables */
table {
  font-size:12px;
  width:96%;
  margin:20px 2%;
  border-spacing:0;
  float:left;
}

table a {
  text-decoration:none;
  color:#333;
}

.add_wrapper {
  font-weight:normal;
  float:right;
  margin-right:20px;
  font-size:10px;
  text-transform:uppercase;
}

.add {
  float:none;
}

.add:hover {
  opacity:.8;
}

.add span {
  margin-left:5px;
  text-align:center;
  background:#ccc;
  width:15px;
  height:15px;
  border-radius:10px;    
  position:absolute;
  line-height:12px;
}

.approve {
  color:#699536;
  font-size:16px;
  line-height:12px;
}

.approve:hover {
  color:#333;
}

.delete span {
  border-radius:10px;
  background:#B54E49;
  display:block;
  width:15px;
  height:15px;
  text-align:center;
  color:#fff;
  font-size:10px;
  margin:auto;
  line-height:12px;
}

.delete:hover span {
  background:#7C3533;
}

th {
  background:#245270;
  font-size:12px;
  text-align:left;
  padding:7px;
  color:#fff;
  text-transform:uppercase;
  font-weight:400;
  vertical-align:top;
}

table .head th {
  vertical-align:middle;
}

table .head th:first-child {
  border-radius:5px 0 0 0;
}

table .head th:last-child {
  border-radius:0 5px 0 0;
}

table th a {
  text-decoration:none;
  color:#FFF;
  background-repeat: no-repeat;
}

table th a.none{
  background-image: none;
  padding-left: 0;
}

table th a.asc{
  background-image: url("/img/backend/up_arr.png");
  padding-left: 12px; 
}

table th a.desc{
  background-image: url("/img/backend/down_arr.png");
  padding-left: 12px; 
}

td {
  padding:7px 7px 3px;
  vertical-align:top;
  background:#f5fbff;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-weight:300;
}

tr:first-child td {
  border-top:1px solid #ccc;
}

td:last-child {
  border-right:1px solid #ccc;
}

tr.odd td {
  background:#e7f1f9;
}

tr.row:hover td {
  background:#E8F3FF;
}

.spacer td {
  background:none;
  height:15px;
}

.list_tree .odd .title {
  font-weight:bold;
  color:#333;
}

.list_tree input {
  text-align:center;
  width:30px;
  background:#fff;
  border:1px solid #ccc;
  /*margin:-5px 0 0 4px;*/
  margin:-5px 0 0 0;
}

.list_tree .odd input {
  font-weight:bold;
  background:#fff;
  border:1px solid #ccc;
  color:#333;
}

.list_tree .child td {
  background:#f3f3f3;
}

.list_tree .sourcehp td {
  background: #F3E2A9;
}

.list_tree .failed td {
  /*background: #ecc;*/
  background: #F8E0E0;
}

.list_tree .top td {
  background: #BCF5A9;
}

.list_tree .reserve td {
  background: #F2F5A9;
}

.list_tree .fail td {
  background: #ecc;
}

.list_tree .child input {
  background:none;
  border:1px solid #ccc;
  color:#666;
}

.list_item {
  position:relative;
}

.cell_value {
  position:absolute;
  right:0;
  top:0;
}

.cell_label {
  padding-right:30px;
}

.list_tree.skills .child td.name {
  padding-left:25px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:400;
  color:#444;
}

.list_tree.skills .grandchild td.name {
  padding-left:60px;
  text-transform:lowercase;
  font-size:11px;
  color:#000;
}

.list_tree.skills .head .add {
  color:#fff;
}

.list_tree.skills .head .add span {
  color:#333;
}

/* paginator */
.paginator {
  font-size:12px;
  width:100%;
  text-align:center;
  margin:10px;
  float:left;
}

.paginator .counter {
  margin-bottom:5px;
}

.paginator a {
  color:#245270;
  text-decoration:none;
  margin: 2px !important;
}

.paginator .current {
  color:#333;
}

.paginator .prev, .paginator .next {
  margin:0 20px;
}

.pagination {
  float: left;
  list-style: none;
  margin: 10px 20px 20px;
  padding: 0;
  text-align: center;
  width: 100%;
}  

.pagination li {
  float:none;
  font-size: 12px;
  display: inline-block;
}  

.pagination li:after {
  content:"|";
}

.pagination li:first-child:after, .pagination li:last-child:after {
  content: "";
}

.pagination li a {
  color:#333; 
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
  margin:3px;
}

.pagination li a.active {
  color:#333; 
  text-decoration:none;
}

.pagination li a.inactive {
  display: none;
}  

/* Home */
.left_column {
  width:160px;
  float:left;
  padding:15px 35px;
  margin:15px 0;
  border-right:1px solid #ddd;
  /*height:500px;*/
}

.left_column a {
  color:#999;
  font-size:11px;
  text-decoration:none;
  clear:both;
  float:left;
}

.avatar {
  position:relative;
  float:left;
}

.avatar .loading {
  position:absolute;
  left:20px;
  top:39px;
  display:none;
}

.avatar img {
  float:left;
  border-radius: 5px;
}

.avatar .file_upload {
  width:80px;
  height:20px;
  position:relative;
  cursor:pointer !important;
  color:#999;
  font-size:11px;
  clear:both;
  display:block;
  overflow:hidden;
}

.avatar .file_upload span {
  cursor:pointer;
}

.avatar .file_upload input {
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  height:30px;
  line-height:30px;
  width:100px;
  border-width:0 0 100px 200px;
  border-style:solid;
  border-color:transparent;
  width:auto;
  opacity:0;
  -moz-transform: translate(-300px, 0px) scale(4);
  -webkit-transform: translate(-300px, 0px) scale(4);
  -ms-transform: translate(-300px, 0px) scale(4);
  -o-transform: translate(-300px, 0px) scale(4);
  transform: translate(-300px, 0px) scale(4);
}

.left_column b {
  font-weight:400;
  color:#000;
}

.left_column p {
  float:left;
  clear:both;
  margin-top:10px;
  font-size:13px;
  color:#333;
  line-height:150%;
  width:150px;
  font-weight:300;
}

.right_column {
  width:695px;
  margin:15px 0;
  padding:0 35px;
  float:left;
  box-shadow:-5px 0 6px -5px #ccc;
  min-height:400px;
}

.right_column h3 {
  margin:15px 0 5px;
}

.right_column table {
  margin:0 0  10px;
  width:100%;
}

.right_column p {
  font-size:12px;
  color:#666;
}

.right_column .section {
  margin-bottom:40px;
  float:left;
  width:100%;
  clear:both;
}

.div_message {
  clear: both; 
  margin-top:20px;
  padding: 8px;
  background: #DDD;
  border-radius: 5px;
}

/* Qualification Questions */
#qualification_questions {
  margin:auto;
  width:740px;
}

.qualification_question {
  clear:both;
  background:#fff;
  font-size:12px;
  padding:20px;
  float:left;
  margin:10px 0;
}

.qualification_question .question {
  margin-bottom:10px;
  float:left;
}

.qualification_question .answer {
  float:left;
  clear:both;
  background:#e9e9e9;
  padding:10px;
}

.qualification_question .answer.odd {
  background:#f3f3f3;
}

.qualification_question .label {
  width:90px;
  float:left;
  clear:both;
  font-weight:400;
  margin-left:10px;
}

.qualification_question .answer .label {
  width:90px;
  margin:0;
}

.qualification_question .points {
  clear:both;
  float:left;
  color:#999;
  font-size:10px;
}


.qualification_question .content {
  width:590px;
  float:right;
  font-weight:300;
  font-size:13px;
}

.remove_question.delete {
  float:right;
  text-decoration:none;
}

/* View Applicant */
.view_applicant {
  padding:30px 45px;
  width:520px;
  float:left;
  position:relative;
}

.view_applicant .input {
  width:100%;
  float:left;
  margin-top:7px;
  clear:both;
}

.view_applicant .input label {
  width:100px;
  float:left;
  line-height:100%;
}

.view_applicant .button_container, .applicant_questions .candidate_questions .button_container {
  margin:15px 0;
  width:100%;
}

.view_applicant_right_col {
  float:right;
  padding:0 40px 100px 20px;
  margin-top:30px;
  width:300px;
  font-weight:300;
  box-shadow:-5px 0 6px -5px #ccc;
  min-height:400px;
}

.view_applicant_right_col h2 {
  margin: 20px 0 0;
  }

.view_applicant_right_col label, #video_content label {
  text-align: left !important;
}

.view_applicant_right_col textarea {
  max-width: 248px !important;
}

.view_applicant_right_col form {
  border:1px solid #ccc;
  margin:0;
  padding:7px 25px;
  border-radius:0 0 5px 5px;
  float: left;
  width: 248px;
  
}

.view_applicant_right_col a {
  color:#244053;
  text-decoration:none;
  font-weight:400;
}

.view_applicant_right_col a:hover {
  color:#000;
  text-decoration:underline;
}

.view_applicant table, .view_applicant_right_col table {
  width:100%;
  margin: 10px auto 20px;
}

ul.actions{
  border:1px solid #ccc;
  margin: 0 0 20px;
  list-style-type:none;
  padding:7px 25px;
  border-radius:0 0 5px 5px;
}

ul.actions li {
  padding:7px 0;
  font-size:14px;
}

.applicant_questions fieldset {
  background:none;
  padding:0;
  margin:0 0 20px;
}

.applicant_questions legend {
  text-transform:none;
  width:100%;
  font-size:14px;
  line-height:160%;
  color:#333;
}

.applicant_questions input[type=radio] {
  clear:both;
  float:left;
  margin-left:20px;
  margin-top:5px;
}

.applicant_questions label {
  font-size:12px;
  line-height:auto;
  width:auto;
  margin-top:3px;
}

.applicant_questions label:after {
  content:none;
}

.candidate_questions fieldset {
  background:none;
  padding:0;
  margin:0 0 20px;
}

.candidate_questions legend {
  text-transform:none;
  width:100%;
  font-size:14px;
  line-height:160%;
  color:#333;
}

.candidate_questions input[type=radio] {
  clear:both;
  float:left;
  margin-left:20px;
  margin-top:5px;
}

.candidate_questions label {
  font-size:12px;
  line-height:auto;
  width:auto;
  margin-top:3px;
}

.candidate_questions label:after {
  content:none;
}

/* Skill Sets */
.skills_page {
  padding:30px;
}

legend.arrow {
  background-image:url(/img/frontend/arrows.png);
  background-repeat:no-repeat;
  padding-left:26px;
  cursor:pointer;
  font-size:14px;
  text-transform:uppercase;
  width:100%;
}

legend.arrow_down {
  background-position:0 -16px;
}

legend.arrow:hover {
  color:#000;
}

.skill_checkboxes {
  float:left;
  clear:both;
  margin: 10px 0 0;
}

.skill_checkboxes select {
  margin: 0 5px;
}  

.skill_checkboxes .labels {
  float:left;
  width:70%;
  margin-left:30%;
  font-size:12px;
  padding:5px 0;
}

.skill_checkboxes .labels span {
  width:30%;
  float:left;
  text-align:center;
}

.skills {
  background:none;
  margin:none;
  float:left;
  padding:5px 0 0;
}

.skills label:after {
  content:none;
}

.skills fieldset {
  margin: 0;
  background:#f3f3f3;
  padding: 3px 0;
  width: 100%;
}

.skills fieldset.odd {
  background:#eee;
}

.skills fieldset legend {
  width: 28%;
  margin: 0;
  line-height: 20px;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 300;
  padding: 0 0 0 2%;
}

.skills input[type=checkbox] {
  clear:none;    
}

.skills .input {
  width:70%;
  clear:none;
  float:left;
  margin:0;
}

.skills .checkbox {
  width:30%;
  float:left;
  text-align:center;
}


.skills label {
  clear:none;
  width:auto;
  line-height:20px;
  margin:0;
  font-weight:normal;
  font-size:12px;
}

.skills .subcategory {
  background:#C3E3F4;
  padding:5px 1%;
  text-transform:uppercase;
  font-size:11px;
  margin-top:10px;
  float:left;
  clear:both;
  width:98%;
}

/* Summary */
.summary {
  position:relative;
  margin-bottom:15px;
  float:left;
  clear:both;
  width:100%;
  border-bottom:1px solid #ddd;
  padding-bottom:15px;
  cursor:pointer;
}


.summary h2 {
  margin:0;
  line-height:110%;
}

.summary h3 {
  font-size:12px;
  line-height:16px;
  margin:0 0 5px;
}

.summary .label {
  clear:both;
  font-size:12px;
  font-weight:300;
  float:left;
  width:100%;
  margin-top:5px;
}

.summary .label:after {
  content:':';
}

.summary p {
  margin:0;
  font-size:12px;
  font-weight:400;
}

.summary_buttons {
  position:absolute;
  right:0;
  top:0;
}

.summary_buttons .summary_button {
  float:left;
  padding:5px 10px;
  background:#ccc;
  color:#333;
  border-radius:5px;
  text-decoration:none;
  font-size:13px;
  margin-left:5px;
}

.form_wrapper {
  background:#e9e9e9;
  border:1px solid #ddd;
  padding:3%;
  border-radius:5px;
  margin:2%;
  width:90%;
  float:left;
}

/* Description lightbox */
.page.description {
  min-height:400px;
  padding:40px 40px 100px;
  clear:both;
  float:left;
  width:500px;
}

.page.description p {
  line-height:140%;
}

.page.description ul.description_actions a {
  color:#005B98;
  text-decoration:none;
}

.page.description ul.description_actions {
  list-style-type:none;
  width:100%;
  float:left;
  margin:0;
  padding:0 0 20px 0;
  font-size:12px;
}

.page.description ul.description_actions li {
  float:left;
  margin-right:15px;
}

.page.description ul.description_actions li:first-child a, .page.description .button_container {
  display:none;
}

.templates {
  padding: 15px 0;
  position: relative; 
  clear: both;
}

.template_container{
  margin: 5px 15px 20px;
  padding: 5px 0 0;
  cursor: pointer;
  border: 1px dashed #ccc;
  border-radius: 5px;
  position: relative;
  display: inline-block;
}

.template_container > img{
  display: block;
  clear: both;
}

.template_container > h2 {
  font-size: 14px;
  margin: 5px;
  padding: 0;
}

.template_container.over {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.template_container.active {
  border: 2px solid #ccc;
  border-radius: 5px;
  box-shadow:0 0 5px 3px #ccc;
}

.template_container .link_container {
  position:absolute;
  top: 0;
  right: 0;
  background: #EEE;
  padding: 7px 5px 3px;
  border-radius: 2px;
  display: none;
}

.template_container .link_container a {
  background: #DDD;
  padding: 5px;
  display: block;
  border-radius: 5px;
  margin: 3px;
}

#message_container {
  width: 770px;
  border: 0;
}

.selected_options_list div.input {
  float:left;
  clear:both;
  background:#eee;
  font-size:12px;
  padding:20px;
  float:left;
  position:relative;
}

.selected_options_list div.input label {
  width:80px;
}

.selected_options_list div.input .delete {
  position:absolute;
  right:20px;
  top:24px;
  text-decoration:none;
}

#file {
  font-size:11px;
}

#file.hidden {
  display:none;
}

#file .filename {
  float:left;
}

#file .filename a {
  text-decoration:none;
  color:#333;
}

#file .actions {
  float:left;
  clear:both;
  margin-bottom:15px;
}

#file .actions a {
  float:left;
  margin-right:10px;
  clear: none !important;
}

.input_remove input {
  float:left;
}

.input_remove .delete {
  float:left;
  margin-left:5px;
  text-decoration:none;
}

.order_up, .order_down {
  margin: 4px;
}

.order_container {
text-align:center;
}

.order_up, .order_down {
color:#999;
}

.order_up:hover, .order_down:hover {
color:#333;
}


/*employee activities*/

.employee_activities_div{
  margin-bottom: 10px;
  font-size: 13px;
}


.see_activity{
  cursor: pointer;
  text-decoration: underline;
}

/* Modules */
#dusergroups {
  float:left;
  clear:both;
  margin-left:310px;
  margin-top:20px;
}

#dusergroups .div_user_group {
  background:#fff;
  padding:10px;
  width:380px;
  position:relative;
  float:left;
  margin-top:2px;
}

#dusergroups .div_user_group div {
  font-size:11px;
  color:#666;
  line-height:18px;
  margin-top:10px;
  float:left;
}

#dusergroups label {
  float:left;
  clear:none;
  width:auto;
  width:45px;
  text-align:left;
}

#dusergroups label:after {
  display:none;
}

#dusergroups .div_user_group input { 
  vertical-align:middle;
  float:left;
}

#dusergroups .delete {
  text-decoration:none;
  position:absolute;
  right:10px;
  top:10px;
}

/* Comments */
/*
.new_comment{
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}
*/
.form_add_comment_div, .form_edit_notes_div{
  overflow: hidden;
  width: 100%;
}

.form_add_comment_div label, .form_edit_notes_div label{
  text-align: left;
}

/*
.editHistory_note {
  cursor: pointer;
  margin-left: 10px;
  text-decoration: underline;
}
*/

.history_comment {
  color: #333333;
  float: left;
  font-size: 12px;
  margin: 0;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #50aec8;
}

.history_comment .author {
  font-weight: bold;
  font-size: 11px;
}

.history_comment .title {
  font-style: italic; 
}

.history_comment p {
  margin: 3px 0 0; 
}

.history_comment .comment_date {
  font-size: 10px;
  color: #666;
}

.history_records a {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  margin-left: 10px;
  text-decoration: underline;
}

.history_comment.deleted {
  opacity: .7;
  background: #E4E4E4;
  font-weight: 300;
}

.applicant_job_questions fieldset {
  background:none;
  padding:0;
  margin:0 0 20px;
}

.applicant_job_questions legend {
  text-transform:none;
  width:100%;
  font-size:14px;
  line-height:160%;
  color:#333;
}

.applicant_job_questions input[type=radio] {
  clear:both;
  float:left;
  margin-left:20px;
  margin-top:5px;
}

.applicant_job_questions label {
  font-size:12px;
  line-height:auto;
  width:auto;
  margin-top:3px;
}

.applicant_job_questions label:after {
  content:none;
}

.reportSearch {
  padding:15px 20px;
  width:100%;
  margin:8px auto;
}

.reportSearch li { list-style:none; float:left; }
.reportSearch ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px Verdana;
  color:#111;
  background:snow;
}

.reportSearch ul a:hover {
  color:#FFF;
  background:#518aaf;
  }
  
.reportSearch ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#15375d;  
  border-bottom:1px solid snow;
  cursor:default;
  }
  
.reportSearch div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:transparent;
  font-size:12px;
}
.reportSearch div a { color:#000; font-weight:bold; }


.remove_question_lms {
  float:right;
  margin-right:150px;
  text-decoration:none;
}

.checkDiv{
    font-weight: 300;
    font-size: 12px;
    float: left;
    width: 380px;
    margin-left: 310px;
    margin-top:20px;
    line-height: 20px;
}    
.queSpan{
    font-weight: 300;
    font-size: 12px;
    float: left;
    line-height: 20px;
    padding:10px;
    width:95%;
    margin:10px; 
    background:#FCFCFC;
    border: 1px solid #FFF;
}

.registrationLinkSpan{
    font-weight: 300;
    font-size: 12px;
    float: left;
    line-height: 20px;
    padding:2px;
    width:44%;
	margin-left:310px; 
    margin-top:1px; 
    background:#FCFCFC;
    border: 1px solid #FFF;
}

::-webkit-input-placeholder {
   font-size:12px;
   font-weight:300;
   padding: 2px;
}

:-moz-placeholder { 
   font-size:12px;
   font-weight:300;
   padding: 2px; 
}

::-moz-placeholder {  
   font-size:12px;
   font-weight:300; 
   padding: 2px;  
}

:-ms-input-placeholder {  
   font-size:12px;
   font-weight:300;
   padding: 2px; 
}

 #ModManual{
  background:transparent url(suggest-post.png) no-repeat scroll 0px 0px;
  height:170px;
  left:0;
  position:fixed;
  top:150px;
  width:40px;
}
div#ModManual:hover
{
  background-position:-41px 0px;
}
#ModManual a
{
  display:block;
  height:170px;
  width:40px;
}

#ModManual{
  background:transparent url('/img/module_image.png') no-repeat scroll 0px 0px;
  left:0;
  position:fixed;
  top:150px;
}
div#ModManual:hover{
  background:transparent url('/img/module_image_hover.png') no-repeat scroll 0px 0px;
}

.advOpt{
  margin-left:260px;
  clear: both;
  font-weight: 300;
  font-size: 12px;
}

.chkWeek{
  clear: both;
  display: block;
  margin-left: 20px;
}

.exclude_date{
  margin-left:70px; 
  display: block;
}

.exclude_date label{
  width: 130px;
}

.txtTime{
  width:90px;
}

.txtDefTime{
  width:90px;
}

.subDiv{
  background: #E6E6E6;
  width: 90%;
  margin-left: 40px;
  padding:10px;
}

.delete_span{
  width: 140px;
  background: #FFF;
  margin-left: 215px;
  display: block;
  padding: 5px;
  margin-bottom: 2px;
}

.application_download {
  cursor:pointer;
  -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-color:#f9f9f9;
  -webkit-border-top-left-radius:15px;
  -moz-border-radius-topleft:15px;
  border-top-left-radius:15px;
  -webkit-border-top-right-radius:15px;
  -moz-border-radius-topright:15px;
  border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
  border-bottom-right-radius:15px;
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-bottomleft:15px;
  border-bottom-left-radius:15px;
  text-indent:0;
  border:1px solid #ccc;
  display:inline-block;
  color:#666666;
  font-family:Arial;
  font-size:10px;
  font-weight:bold;
  font-style:normal;
  height:22px;
  line-height:22px;
  width:78px;
  text-decoration:none;
  text-align:center;
  margin-top: 20px;
  float: right;
}.application_download:hover {
  background-color:#999;
  color: #FFF;
  text-decoration:none;
}.application_download:active {
  position:relative;
  top:1px;
}

  .ch_class{
    margin-left:30px;
    font-weight: 300;
    font-size: 12px;
  }
  .hd_td{
    
  }
  .exp_td{
    background: #FAFAFA;
  }
  .bt_add{
    background: linear-gradient(to bottom, #2c658a 0%,#307199 50%,#245472 51%,#275a7a 100%);
    font-size: 12px;
    color: #FFF;
    margin: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0;
  }
  .ph_document_number {
    color: green;
    font-size: 11px;
    margin-left: 10px;
    font-style: italic;
  }