/* BASE */

/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* global margin / padding reset */
* {
	margin: 0;
	padding: 0;
}

table {
/* The default value is different in different browsers. In IE, Chrome and Safari, the default value is "show", while in Firefox and Opera the default value is "hide". */
	empty-cells: show;
}

html {
	padding-bottom: 20px;
	font-size: 100%;
}

body {
	padding: 20px;
	font: 1em/1.5 Arial, Helvetica, sans-serif, "Bitstream Vera Sans";
	cursor: default;
}

#outer_wrapper {
	position: relative;
}

#page_top {
	position: relative;
	height: 82px;
}

#page_title {
	position: absolute;
	top: 13px;
	font-size: xx-large;
}
#page_title a {
	white-space: nowrap;
	text-decoration: none;
}

#page_user {
	position: absolute;
	top: 30px;
	right: 0;
	text-align: right;
	font-size: 0.8em;
	background-color: transparent;
}

#page_banner {
	height: 55px;
	font-size: 0px;
	margin: 0px;
	background: #000 url(/core/images/rtvision_logo.png) no-repeat top center;
	background-size: 150px 55px;
	border-radius: 5px;
	position: relative;
}

#wrapper {
	background: transparent;
}

/* Breadcrumbs */
div.breadcrumbs {
	line-height:30px;
	font-size:.8em;
}
div.breadcrumbs span {
	font-weight:bold;
}

#container {
	position:relative;
}
#footer {
	border:none;
	position:relative;
	padding-bottom:4px;
}
#footer div {
	text-align:center;
	font-style:italic;
	padding:5px;
}
@media screen {
	#left{
		background-repeat:repeat-y;
		background-position:top right;
		padding-bottom:15px;
		position:absolute;
		top:0px;
		left:0px;
		margin-top: 20px;
	}
	#right{
		background-repeat:repeat-y;
		background-position:top right;
		padding-bottom:15px;
		position:absolute;
		top:0px;
		right:0px;
		margin-top: 20px;
	}
	#main{
		padding-top: 20px;
	}
}
tr.borderbottom td {
	border-width:1px;
	border-style:solid;
}
select,
textarea {
	font-family:Arial,"Bitstream Vera Sans";
	padding:1px;
	font-size:1em;
	font-weight:normal;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}

.emptywhitebox {
	padding:0px;
	margin:0 0 15px 0;
	position:relative;
}


/* anchor link should not be visible */
a.anchor {
  display: none;
}


/* box top (heading) */
h3.box_top {
	margin-top:5px;
	min-height: 40px;
	overflow:hidden;
	position:relative;
	border-radius:5px;
}
h3.hide {
	margin-bottom:15px;
}
h3.box_top div {
	padding:5px 5px 5px 10px;
	overflow:hidden;
}
h3.box_top div a {
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	padding-right:25px;
	margin-right:10px;
	text-decoration:none;
	height:40px;
	line-height:40px;
	text-align:right;
	width:100%;
}


/* box */
.box
{
	padding:15px;
	margin-bottom:15px;
}
.box table {
	width:100%;
}
.box-light table {
	border-spacing: 0px;
}
.box ul.nobullets
{
	list-style-type:none;
	margin:15px;
}
.box div.table
{
	font-size:.8em;
}
.box .textual
{
	font-size:.8em;
	padding:15px;
}
.box th {
	padding:3px;
	font-size:.8em;
	/*border:1px solid #666;*/
	white-space:nowrap;
}
.box-light table tr th {
	text-align: left;
}
.box th a {
	font-weight:bold;
}
.box-light table tr th a {
	font-weight:bold;
}
.box td {
	padding:3px;
	font-size:.8em;
	vertical-align:top;
}
.box table tr td table td,
.box table tr th table td,
.box table tr td table th,
.box table tr td table th {
	font-size: 1em;
}
.box td.l, .box th.l
{
	text-align:left;
}
.box td.r, .box th.r
{
	text-align:right;
}
.box td.none
{
	text-align:center;
	font-weight:bold;
}
.box th.nowrap
{
	white-space:nowrap;
}
.box th.fill {
	width:100%;
}
.box td.nowrap
{
	white-space:nowrap;
}
.box div.pages
{
	text-align:center;
	font-size:.80em;
	padding:4px;
}
.box div.pages a
{
	font-weight:bold;
}
.box p, .box h4
{
	margin:15px;
	line-height:1.4em;
}
.box p.nopad
{
	margin:0px;
}
.box ul li
{
	/* margin-left:20px; */
}
input.fancy,
select.fancy,
textarea.fancy
{
	font-size:1em;
	font-weight:normal;
}
input.fancy,
textarea.fancy
{
	padding:.2em;
}
.box a.file
{
	text-decoration:none;
	margin:0 5px 0 0;
}
.box a.file span
{
	cursor:pointer;
	padding-left:15px;
}
.box a.file-sign
{
	text-decoration:none;
	padding-left:17px;
	margin:0 5px 0 0;
}
.box a.file-sign span
{
	display:none;
}
.box a.file-delete span
{
	display:none;
}
.box a.file-delete
{
	text-decoration:none;
	padding-left:17px;
	margin:0 5px 0 0;
}
.box ol.new-files
{
	list-style-type:none;
	margin:0px;
	padding:3px;
}
.box ol.new-files li
{
	margin:5px 0px 0px 0px;
}
.hidden
{
	display:none;
}

/* Alert messages */
.alert {
	margin: 1em 0;
	padding: .5em;
	font-weight: bold;
	text-align: center;
	border: 1px solid;
	border-radius: 4px;
	text-transform: capitalize;
}
.alert h4 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}
.alert p {
	margin: 0;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1em;
	font-variant: small-caps;
}
.alert--error {
	color:#7f181d;
	background: #ea929e;
	border-color: #e26771;
}
.alert--warning {
	color:#c36017;
	background: #d18e5c;
	border-color: #d17734;
}
.alert--success {
	color: #20431e;
	background: #8ac680;
	border-color: #65b65d;
}
.alert--info {
	color: #1e556b;
	background: #8fcfe0;
	border-color: #67b9d4;
}

.alert--small {
	padding: .25em;
}
.alert--small h4 {
	font-size: 1em;
}
.alert--small p {
	font-size: 0.75em;
}

.alert--large {
	padding: 1em;
}
.alert--large h4 {
	font-size: 2.25em;
}
.alert--large p {
	font-size: 1em;
}


.box li.button
{
	text-align:center;
	display:block;
	list-style-type:none;
	margin:0 0 4px 0;
	padding:0px;
}
.box div.buttonTop {
	text-align: left;
	margin-bottom: 15px;	/* IE 6 obeys this */
}
.box div.buttonTop span.buttonLeft {
	margin-left: 10px;
	margin-bottom:15px;	/* FF 3 obeys this */
	float: left;
}
.box div.button {
	text-align: center;
	margin-top: 15px;
}
.box li.button a
{
	padding:4px;
	text-decoration:none;
	display:block;
	border:none;
	font-size:1em;
	cursor:pointer;
	font-weight:bold;
	width:auto;
}
.box div.file-size-warning,
.box div.file-save-warning,
.box div.acrobat-link
{
	font-size:.7em;
	margin-top:13px;
}
.box div.file-save-warning
{
	margin:0px;
	margin-bottom:10px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-indent:17px;
}
.box td.summary
{
	background-repeat:no-repeat;
	background-position:33px 4px;
	padding-left:55px;
}
.box .options td
{
	margin-left:35px;
	padding-left:35px;
}
.box .options td ul.list
{
	overflow:auto;
	height:150px;
}
.box .options td.top
{
	padding-top:15px;
}
.box td.title
{
	padding:10px;
	padding-top:20px;
	font-size:1em;
}
.box td.title b
{
	padding-left:24px;
	background:transparent url(../images/bg.search.gif) no-repeat top left;
	text-decoration:underline;
	cursor:pointer;
}
div.hidden h3
{
	margin-bottom:15px;
}

/* Admin table */
table.admin-table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.admin-table tr td {
	width: 50%;
	vertical-align: bottom;
	white-space: nowrap;
}
table.admin-table tr td.admin-label {
	text-align: right;
	font-weight: bold;
}
table.admin-table tr td.admin-field {
	text-align: left;
}
table.admin-table tr td.admin-field input,
table.admin-table tr td.admin-field select {
	margin-left: 10px;
	float: left;
}
table.admin-table tr td.required-field {
	font-weight: bold;
	font-style: italic;
}
table.admin-table tr td.helpDescription {
	border: 0px none;
	text-align: center;
}


div.helpDescription {
	font-style:italic;
	padding: 5px 15px 5px 15px;
	margin: 0 35px 0 35px;
	white-space:normal;
}

/* Join group */
.joinGroup {
	width: 100%;
	font-size:0.8em;
	padding: 15px 0 0 0;
	clear: both;
	position: relative;
}
.joinGroup h4 {
	margin: 0px;
	padding: 0px;
	font-size:1.3em;
	font-weight:bold;
	clear: both;
}
.joinGroup h4 span {
	text-decoration:underline;
	display:block;
}
.joinGroup h4 span.left {
	float: left;
}
.joinGroup h4 span.right {
	cursor: pointer;
	float: right;
}
.joinGroup ul.join {
	display: block;
	width: 100%;
	overflow: auto;
	min-height: 150px;
	height: 150px;
	list-style-type: none;
}
.joinGroup ul.join li input {
	margin-right:5px;
	cursor:pointer;
}
.joinGroup ul.join li {
	display:block;
	padding:5px;
}
.joinGroup ul.join li {
}
.joinGroup ul.join li label {
	background:transparent;
	cursor:pointer;
}
.joinGroup ul.join li label i {
	display:block;
	font-weight:normal;
	padding-left:25px;
}
.joinGroup ul.join label.disabled input {
	border:none;
}

/* Badges */
.box table.badges {
	border: none;
	background: transparent;
	width: 100%;
}
.box table.badges td {
	background: transparent;
}
.box table.badges td ul {
	position:relative;
	padding-top:200px;
	list-style-type:none;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	background:transparent;
}
.box table.badges td ul li {
	line-height:1.6em;
	text-decoration:none;
	padding:5px;
	display:block;
}
.box table.badges td ul li b {
	float:right;
	font-size:1.6em;
}
.box table.badges td ul li.badge {
	border-top:none;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	background:transparent;
}
.box table.badges td ul li.badge a {
	padding:0px;
	background-repeat:no-repeat;
	background-position:top left;
	width:200px;
	height:200px;
	display:block;
}
.box table.badges td ul li.badge a span {
	display:none;
}

/* Chartbox */
.chartbox {
	font-size:12px;
	border-top:none;
	padding:15px;
	margin-bottom:15px;
}
.chartbox table.stats {
	margin-left:auto;
	margin-right:auto;
}
.chartbox table.stats tr td,
.chartbox table.stats tr th,
.chartbox table.stats tbody tr td,
.chartbox table.stats tbody tr th {
	padding:5px;
}
.chartbox table.stats tr td.bargraph div {
	font-size:1em;
}
.chartbox table.stats tr td.bargraph div span {
	display:block;
}


/* Lists */
ul.nobullet li {
	list-style-type: none;
}
.alternatinglist {
	font-size:12px;
	border-top:none;
	margin-bottom:15px;
}
.alternatinglist .textual {
	padding:15px;
}
.alternatinglist ul {
	padding:10px;
	margin:0px;
	padding:0px;
}
.alternatinglist ul li {
	padding:10px;
	list-style-type:none;
}



a.email {
	padding-left:18px;
}
input.date
{
	padding-right:24px;
	cursor:pointer;
}
.twelve-px {
	font-size: 12px;
}
.helpbox {
	padding: 10px;
}
input[disabled] {
	color:#999 !important;
	background:#f2f2f2 !important;
	border-color:#f2f2f2 !important;
	cursor:default !important;
}

/* RtVision logo */
a.rtvision_logo img {
	position: relative;
	top: -5px;
	width: 150px;
}
.powered-by {
	font-size: 11px;
	text-align: right;
}

/* Login with ConneX button w/ logo */
.button.connex-button {
	position: relative;
	padding-left: 2.5em;
}
.uccs-icon {
	position: absolute;
	top: -3px;
	left: 3px;
	margin: 3px;
	display: block;
	width: 100%;
	height: 100%;
	background: url(/core/images/uccs24.png) no-repeat center left;
}

/* Address `[hidden]` styling not present in IE8/9 */
[hidden] {
	display: none;
}

/* Micro clearfix
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {
	clear: both;
}

/* Text alignment
 */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* Block alignment
 */
.pull-left { float: left; }
.pull-right { float: right; }

/* Fixed left menu
 * notes: you will need to add "overflow-y: auto;" to your content
 */
@media screen {
	#left.fixed {
		position: fixed;
		left: 20px;
		min-width: 250px;
	}
}

.website-banner img {
	display:block;
	max-width: 100%;
	height: auto;
}

.website-banner {
	margin: .5em 0;
}