/* ATC STYLESHEET */

/* ---------- GENERAL FIXES ------ */
@media screen and (max-width: 1299px) {
	#main {
		width: 80.0%;
	}
}
.auth-image {
  height: 100px;
  width: 100px;
}
tr.contact.unverified {
	background-color: #FEEFB3;
}
th.sort {
  cursor: pointer;
  white-space: nowrap;
}
th.sort:hover {
  color:#9ABF34;
}
div.message-alerts {
      margin-left: 2em;
      height: 21px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap {
  white-space: normal;
}

.message-alerts .badge {
    background: red;
    color: white;
    padding: 4px;
    font-weight: bold;
}


a.message-alerts {
  color: #FFF;
}

a.message-alerts:hover {
  color:#9ABF34;
}

.info-list li {
  padding: 4px;
  font-size: 0.875em;
}

.legal-scroll {
  overflow-y: scroll;
  height: 500px;
  border: 1px solid #CCC;
  padding: 0 10px;
}

.list-plain {
  list-style: none;
}

.atc-hidden {
  display: none;
}

.list-padded {
  padding: 5px;
}

li.non-personal {
  background-color: yellow;
}

.margin-center {
	margin: 0 auto;
}

.space-right {
	margin-right: 50px;
}

input.edinline { border: dotted grey 1px; }

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.show-loading {
	background-image: url('../images/fancybox_sprite.png');
}

.show-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

.show-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

/* ---------- AUTH ---------- */
.auth-images {
	max-width: 750px;
}

.auth-images .img-thumbnail {
	width: 16%;
	padding: 5px;
	border-radius: 2em;
/* 	margin: -5px; */
}

.table-fixed {
	 table-layout: fixed;
}

/* ---------- SIDEBAR ---------- */
.sidebar-header h3 {background: #dcdcdc ;}

/* Account List Hacks n' Wares n' Sich */

h3.no-margin {
	margin: 0!important;
}

ul.no-margin-top {
	margin-top: 0!important;
}

.td-action-cell
{
  white-space:nowrap;
  min-width:250px;
  vertical-align:top;
}

.atc-hover tr div.action {
		width: 50px;
		height: 30px;
		display: inline-block;
		text-align: center;
		zoom: 1;
		*display: inline;
		/*vertical-align: center; */
}

/* Message Boxes */

.atc-message {
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
    	border-color: #ADADAD;
    	background-color: #E6E6E6;
	padding: 5px;
}

div.atc-message.atc-message-mini {
	padding: 10px;
/* 	margin: 10px; */
}

div.atc-message {
	margin: 10px 0px;
	padding: 15px 10px 15px 30px;
}



div.atc-message:empty {
	display: none;
}

span.atc-message {
	padding: 5px;
}

.atc-fixed { /* Use Multiple Selectors For Performance */
    position:relative;
    z-index:999;
    float:right;
}

.atc-info {
    color: #00529B;
    background-color: #B9D2DA;
}

.atc-success {
    color: #4F8A10;
    background-color: #DFF2BF;
}


.atc-warning {
    color: #7A4A01;
    /*color: #9F6000;*/
    background-color: #FEEFB3;
}

.atc-error {
    color: #FFF;
    background-color: #BD362F;
}

.atc-light {
	color: #bdc3c7;
	background-color: #fafafa;
}

.close {
  margin-left: 30px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.quicklink {
  width: 275px;
}
.pure-button.quicklink {
  margin: 10px;
}

img.checkimage {
    box-shadow: 3px 3px 6px #AAAAAA;
}

#ww30-red-notice-bar {
    border: 0px solid #000000;
    cursor: pointer;
    background-color: #c30606;
    color: white;
    text-decoration: none; 
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    overflow: hidden;
    height: 1em;
}

#ww30-notice-bar {
    border: 0px solid #000000;
    cursor: pointer;
    background-color: #fbc40f;
    text-decoration: none; 
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    overflow: hidden;
    height: 1em;
}

/* smuller 6/9/16 changed the width from 95% to 98% for rdc mobil notificatioin to have uniform borders */
#ww30noticebox {
    width: 98%;
    background: white;
    color: black;
    text-align: left;
    margin: 8px auto 8px auto;
    font-size: 100%;

}

/* smuller 6/16/16 Added */
#ww30noticebox h3 {
    padding-left: 3em;
}

.articletext {
    padding: 1em 5em 1em 5em;
    background: white;
    text-align: left;
    margin: auto;
    font-size: 100%;
}

#ww30noticebox ul {
   color:#333;
   line-height:1.5;
   margin-left:100px;
}

.clickable_row {
    cursor: pointer;
}

#history-search input.datepicker {
  width: 8em;
}

.checkedit-ajax form input[type=text] { 
  width: 20em !important; 
}

@media print {
  * {
    font-size: 97% !important;
  }
  #top-bar, #nav, #sidebar, #footer, #menu, .menu {
    display: none;
  }
  body, #container {
    background: none;
  }
  #main {
    width: 100%;    
  }
  .no-print {
    display: none;
  }
  .print-view {
    width: 100%;
    background: none;
  }
  #content, #main {
    display: block;    
  }
  table, th, td {
    border: 1px solid black !important;
    border-collapse: collapse !important;
    /*width: 100% !important;*/
    padding: 2px;
  }
  td {
    width: 20% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  img {
    display: none !important;
  }
  img.atc-logo { /* so when people print something from webwise to prove something, they can show it's from atc */
    display: block !important;
  }
  
  
} /* end @media print */