/* =============================================================================
HTML5 Boilerplate CSS: h5bp.com/css
========================================================================== */

/* @group Presets */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #19273f;
}
body { margin: 0; font-size: 14px; line-height: 1.4; background-color: #f1f1f1;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #ef8200; color: #fff; text-shadow: none; }

a { color: #ef8200; }
a:visited { color: #ef8200; }
a:hover { color: #d65f00; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 30px 0; padding:0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* @end */



/* ===== Primary Styles ========================================================
Author: Emily Jones, ClosedWon, www.closedwon.com
========================================================================== */

/* @group Portal Landing Page */

	.portal-landing li {
		display: block;
		margin: 0px 20px 20px 0px;
		height: 225px;
		float: left;
		text-align: center;
		text-transform: uppercase;
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		font-size: 14px;
		background-color: #e2e0e0;
	}
	.portal-landing li a {
		color: #29374e;
		padding: 20px;
		text-align: center;
		text-decoration: none;
		width: 160px;
		display: block;
		float: left;
		height: 185px;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 18px;
	}
	.portal-landing li a:active {
		color: #526689;
		background-color: #c4c3c3;
	}
	.portal-landing li a:visited {
		color: #29374e;
	}
	.portal-landing li a:hover {
		color: #526689;
		background-color: #c7c6c6;
	}
	.portal-landing li a.active {
		background-color: #c4c3c3;
	}
	.portal-landing li a .icon {
		background-image:  url(../img/portal-landing-sprite.png);
		width: 150px;
		height: 115px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.portal-landing li a .icon.compliance {
		background-position: 0px 0px;
	}
	.portal-landing li a:hover .icon.compliance {
		background-position: 0px -115px;
	}
	.portal-landing li a .icon.revenue-cycle {
		background-position: -150px 0px;
	}
	.portal-landing li a:hover .icon.revenue-cycle {
		background-position: -150px -115px;
	}
	.portal-landing li a .icon.technology-solutions {
		background-position: -300px 0px;
	}
	.portal-landing li a:hover .icon.technology-solutions {
		background-position: -300px -115px;
	}
	.portal-landing li a .icon.advisory-services {
		background-position: -450px 0px;
	}
	.portal-landing li a:hover .icon.advisory-services {
		background-position: -450px -115px;
	}
	.portal-landing li a .icon.group-purchasing {
		background-position: -600px 0px;
	}
	.portal-landing li a:hover .icon.group-purchasing {
		background-position: -600px -115px;
	}


/* @end */

/* @group Logo, Account Info, Navigation & Portal Switching */
	
	.logo{
		padding: 20px 0px;
	}
	a.logo-link {
		text-decoration: none;
		border: 0px;
	}
	.account-info{
		font-size: 14px;
		padding-top: 3px;
		text-align: right;
		padding-top: 30px;
		font-weight: bold;
	}
	.account-info a {
		text-decoration: none;
	}
	.account-info a:hover {
		text-decoration: underline;
	}
	
	.account-info .divider {
		padding: 0px 5px;
	}

	.nav-portal {
		background-color: #e2e0e0;
	}
	.nav-portal .single-portal {
		font-size: 18px;
		font-family: Gotham-Book, Helvetica, Arial, sans-serif;
		color: #19273f;
		padding-top: 30px;
	}
	.nav-portal .multi-portal {
		padding-top: 18px;
	}
	.nav-portal .multi-portal select {
		border-color: #ffffff;
		font-size: 18px;
		padding: 10px 40px 10px 20px;
		padding: 10px 10px 10px 20px\9; /* for ie8 and below */
		*margin-top: 10px; /* for ie7 */
		height: auto;
		width: 100%;
		color: #19273f;
		background: #ffffff  url('../img/select-arrow-lg.png') no-repeat center right;
		font-weight: bold;
	}
	@-moz-document url-prefix() {
	    .nav-portal .multi-portal select {
	    	padding: 10px 10px 10px 20px;
	    	background-image:  none;
	    	}
	}
	
	
	nav {
		display: block;
		float: right;
	}
	nav li {
		display: block;
		margin: 0px;
		height: 80px;
		float: left;
		text-align: center;
		text-transform: uppercase;
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		font-size: 14px;
	}
	nav li a {
		color: #29374e;
		padding-top: 20px;
		text-align: center;
		text-decoration: none;
		/*width: 90px;*/
		width: 85px;
		display: block;
		float: left;
		height: 60px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	nav li a:active {
		color: #526689;
		background-color: #c4c3c3;
	}
	nav li a:visited {
		color: #29374e;
	}
	nav li a:hover {
		color: #526689;
	}
	nav li a.active {
		background-color: #c4c3c3;
	}
	
	nav li a .icon {
		background-image:  url(../img/nav-sprite.png);
		width: 22px;
		height: 22px;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	nav li a .icon.home {
	background-position: 0px 0px;
	}
	nav li a:hover .icon.home {
	background-position: 0px -22px;
	}
	nav li a .icon.files {
	background-position: -22px 0px;
	}
	nav li a:hover .icon.files {
	background-position: -22px -22px;
	}
	nav li a .icon.send {
	background-position: -44px 0px;
	}
	nav li a:hover .icon.send {
	background-position: -44px -22px;
	}
	nav li a .icon.tickets {
	background-position: -66px 0px;
	}
	nav li a:hover .icon.tickets {
	background-position: -66px -22px;
	}
	nav li a .icon.announce {
	background-position: -88px 0px;
	}
	nav li a:hover .icon.announce {
	background-position: -88px -22px;
	}
	nav li a .icon.contact {
	background-position: -110px 0px;
	}
	nav li a:hover .icon.contact {
	background-position: -110px -22px;
	}
	nav li a .icon.links {
	background-position: -132px 0px;
	}
	nav li a:hover .icon.links {
	background-position: -132px -22px;
	}
	nav li a .icon.reports {
	background-position: -154px 0px;
	}
	nav li a:hover .icon.reports {
	background-position: -154px -22px;
	}
	nav li a .icon.apps {
	background-position: -176px 0px;
	}
	nav li a:hover .icon.apps {
	background-position: -176px -22px;
	}
	
/* @end */


/************ Main content section ***********/
div#main {
	padding: 20px 0px 40px; /* bottom padding must be same height as the footer */ 
}

/* @group Account Switcher */

	.account-block {
		text-align: right;
		margin-top: 20px;
	}
	.account-block .account-note {
		font-size: 16px;
		margin-right: 5px;
	}
	.account-block .single-account {
		font-size: 16px;
		font-weight: bold;
	}
	
	.account-block .multi-account select {
		border-color: #b3b1b1;
		font-size: 16px;
		padding: 10px 40px 10px 20px;
		padding: 10px 10px 10px 10px\9; /* for ie8 and below */
		height: auto;
		color: #19273f;
		font-weight: bold;
		background: #ffffff url('../img/select-arrow-lg.png') no-repeat center right;
		min-width: 300px;
	}
	@-moz-document url-prefix() {
	    .account-block .multi-account select {
	    	padding: 10px;
	    	background-image:  none;
	    	}
	}

/* @end */

/* @group Subnav */

	ul.subnav {
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	ul.subnav li {
		list-style:  none;
		padding: 10px;
		display: block;
		
	}
	ul.subnav li a, ul.subnav li a:hover {
		text-decoration: none;
		color: #19273f;
	}
		
	
	ul.subnav li.active {
		background-color: #e2e0e0;
	}
/* @end */

/* @group Featured sections */
	
	.featured .title {
		background-color: #d2d3d6;
		padding: 15px 20px;
	}
	.featured .subtle-title {
		padding: 15px 20px 15px 0px;
	}
	.featured h2 {
		display: inline;
		position: relative;
		top: 2px;
	}
	.featured a.all {
		font-size: 13px;
		float: right;
		font-weight: bold;
		padding-top: 5px;
	}
	.featured .content {
		padding: 0px 20px;
	}
	.featured .content .item {
		padding: 20px 0px;
		border-bottom:  2px solid #cacaca;
	}
	.featured .content .item-simple {
		padding: 20px 0px;
	}
	.featured .content .item.last {
		border-bottom:  none;
	}
	.featured .content .heading, {
		color: #29374e;
		font-size: 18px;
		font-weight: bold;
		}
	.featured .content .large-heading {
		color: #6d6e76;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.featured .content a.heading, {
		text-decoration: none;
	}
	.featured .content  a.heading:hover {
		text-decoration: underline;
		color: #ef8200;
	}
	.featured .content .date {
		color:  #666666;
	}
	.featured .content .item-footer {
		text-transform: uppercase;
		font-size: 13px;
		margin-top: 10px;
		color: #6d6e76;
	}
	.featured .content .item-footer span{
		margin-right: 20px;
	}
	.featured .content .description{
		margin-top: 10px;
	}
	
	.featured .content .link{
		padding-left: 20px;
		background: url(../img/link-icon.png) no-repeat left center;
		margin-left: 10px;
	}

/* @end */

/* @group Boxes */

	.box {
		padding:20px;
		margin-top: 20px;
		background-color:  #ffffff;
		position: relative; /* for the loading spinners */
	
	}
	.box-shell .box-content .item.last {
		border-bottom:  none;
	}
	.box.no-margin {
		margin-top: 0px;
	}
	.box.extra-padding {
		padding: 30px;
	}
	
/* @end */


/* @group Loading spinner */

.loading {
	border: 1px solid #a0acbe;
	padding:20px;
	background-color:  #ffffff;
	position:absolute;
	top: 100px;
    left: 50%;
    margin-left: -36px;	
}

/* @end */


/* @group Headings */

	h1 {
		font-size: 28px;
		color: #29374e;
		font-weight: normal;
		padding-top:  0px;
		margin-top: 20px;
		text-shadow: 1px 1px 2px #ffffff;
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	h1 span.orange {
		font-weight: bold;
		color:  #ef8200;
	}
	h1 span.blue {
		color:  #29374e;
	}
	h1 span.light-blue {
		color: #8396b0;
	}
	h1 span.note {
		padding: 10px;
		display: inline-block;
		font-weight: normal;
		font-size: 13px;
	}
	
	h1.alt {
		color: #a0acbe;
	}
	
	h2 {
		font-size: 18px;
		color: #29374e;
		font-weight: normal;
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		/*letter-spacing: 1px;*/
	}
	h3 {
		font-size: 16px;
		color: #29374e;
		font-weight: normal;
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		/*letter-spacing: 1px;*/
	}
	
	.box h2{
		margin-top: 0px;
	
	}
	h2 span.orange {
		color:  #ef8200;
	}
	h2.alt {
		color: #a0acbe;
	}
	h2.subtle {
	
	color:  #A0ACBE;
	font-size: 13px;
	border-top: 1px solid #A0ACBE;
	padding: 10px 0px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	}
	
	/****** Heading links *******/
	
	a.heading, .heading {
	color: #29374e;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	}
	
	a.heading:hover {
	text-decoration: underline;
	color: #ef8200;
	}

/* @end */


/* @group Pagination */

	.pagination {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
		
	}
	.pagination .button{
		margin-right: 10px;
		color: #6d6e76;
		margin-top: 20px;
		padding: 2px 5px;
	}
	
	.pagination .button.active{
		font-weight: bold;
	}

/* @end */



/* @group Footer */

	footer, .footer {
	background-color:#29374e;
	font-size: 13px;
	color: #ffffff;
	padding: 50px 0px;
	text-align: center;
	height: 250px;
	display: block;
	}
	footer .grid_12, .footer .grid_12{
		padding-top: 40px;
	}
	
	/* to make the footer sticky */
	
	html, body {
	height: 100%;
	}
	.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
	}
	.push {
	height: 250px;
	}

/* @end */



/* @group Buttons */

	a.button.orange, input[type="button"].orange, input[type="submit"].orange {
		background-color: #ec8102;
		cursor: pointer;
		color: #ffffff;
		text-shadow: #ef8200 0 1px 1px;
		display: inline-block;
		border: none;
	}
	a.button.orange:hover, input[type="button"].orange:hover, input[type="submit"].orange:hover {
		background-color: #d65f00;
	}
	a.button.dark-gray, input[type="button"].dark-gray, input[type="submit"].dark-gray {
		background-color: #444444;
		cursor: pointer;
		color: #ffffff;
		display: inline-block;
		border: none;
		text-shadow: none;
	}
	a.button.dark-gray:hover, input[type="button"].dark-gray:hover, input[type="submit"].dark-gray:hover {
		background-color: #333333;
	}
	
	
	/* Gray button for apps page */
	a.button.gray, input[type="button"].gray, input[type="submit"].gray {
		background-color: #f1f1f1;
		border: 1px solid #e2e0e0;
		cursor: pointer;
		color: #29374e;
		font-size: 14px;
		text-transform: uppercase;
		display: inline-block;
	}
	a.button.gray:hover, input[type="button"].gray:hover, input[type="submit"].gray:hover {
		background-color: #e2e0e0;
	}
	
	.button-note {
		padding: 10px 10px;
		display: inline-block;
	}
	
	input[type="button"].left-margin-sm, input[type="submit"].left-margin-sm{
		margin-left: 10px;
	}
	.button.space {
		margin: 20px 20px 20px 0px;
		
	}
	
	a.back {
		background: url(../img/back.png);
		padding-left: 18px;
		text-decoration: none;
		background-repeat: no-repeat;
	}
	
	/******** icons for any color buttons ***********/
	
	a.button.icon, input[type="button"].icon, input[type="submit"].icon {
		padding: 10px 45px 10px 25px;
		!padding: 10px 25px;
	}
	a.button.icon:after, input[type="button"].icon:after, input[type="submit"].icon:after {
		content: "";
		width: 22px;
		height: 22px;
		display: block;
		position: absolute;
		top: 9px;
		right: 13px;
		background-image: url(../img/button-sprite.png);
	}
	​
	
	a.button.icon.popout:after, input[type="button"].button.icon.popout:after, input[type="submit"].button.icon.popout:after {
	background-position: 0px 0px;
	}
	a.button.icon.download:after, input[type="button"].button.icon.download:after, input[type="submit"].button.icon.download:after {
	background-position: -22px 0px;
	}
	a.button.icon.launch:after, input[type="button"].button.icon.launch:after, input[type="submit"].button.icon.launch:after {
	background-position: -44px 0px;
	}
	a.button.icon.edit:after, input[type="button"].button.icon.edit:after, input[type="submit"].button.icon.edit:after {
	background-position: -66px 0px;
	}
	
	/* orange icons */
	a.button.icon.add:after, input[type="button"].button.icon.add:after, input[type="submit"].button.icon.add:after{
		width: 17px;
		height: 17px;
		top: 10px;
		background-image: url(../img/add.png);
	}
	
	
	
	

/* @end */


/********** Contact Lists **********/
.contacts {
line-height: 18px;
padding-top:  20px;
}

.contacts img {
border:  1px solid #a0acbe;
}

.contacts h2.alt {
margin: 10px 0px;
}
.contacts .title {
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}

.contacts a.email {
}
.contacts .phone {
display: block;
}


.contact-wrapper {
width: 160px;
float: left;
min-height: 260px;
padding: 0px 20px 20px 0px;
}

/*************** My Account & Subscriptions ***************/
 
 h2.account{
 	font-weight: bold;
 	font-size: 13px;
 	border-bottom: 1px solid #ccc;
 	padding: 5px 0px;
 	margin:  20px 0px;
 }
 
 a.edit-account{
 	width: 15px;
 	height:  15px;
 	display: block;
 	float: right;
 	border: none;
 	text-decoration:  none;
 	background-image: url(../img/edit.png);
 	position: relative;
 	top: 25px;
 	right: 5px;
 }
 
 label.account  {
 	width: 200px;
 	font-weight: bold;
 	float: left;
 	margin: 10px 0px;
 	clear: left;
 }
 
 .account-field, input.account-field {
 	width: 400px;
 	float: left;
 	margin: 10px 0px;
 }
 
 .subscription {
 	padding: 0 0 20px 20px;
 	font-weight: bold;
 }
 .subscription input {
 	font-weight: bold;
 }
 .subscription a {
 	text-transform: uppercase;
 	font-weight: normal;
 	font-size: 11px;
 	text-decoration: none;
 	margin-left: 5px;
 }
 
/********** Home Page **********/            


a.button.orange.new-ticket-home {
    margin: 15px 0px;
}
a.button.icon.new-ticket-home:after {
    /*top: 11px;
    right: 45px;*/
}    

/********** Home Page **********/            

.box.exec-summary {
background-color: #ffffff;
margin-bottom: 40px;
}

a.launch-component {
float: right;
font-weight: bold;
}


.all-link {
text-align: right;
padding-top: 10px;

}

.read-more {
line-height: 25px	
}

.sidebar-section {
	margin-bottom: 15px;
}

/* @group Quick Links / App Favorites*/

	.box.quick-link-box{
	padding-right: 0px;
	padding-bottom: 0px;
	}
	
	h2.quick-links {
		margin-bottom: 10px;
	}
	.quick-link{
		height:70px;
	}
	
	a.quick-link {
		width: 90px;
		height: 90px;
		float: left;
		padding: 0px 10px 20px 0px;
		text-align: center;
		color: #444;
		text-decoration: none;
	}
		
	a.quick-link:hover{
		color: #ec8102;
		text-decoration: underline;
	}
	
	a.quick-link img {
		display: block;
		margin: 0 auto;
	}
	
	.quick-link-box.Apps a.quick-link{
		height: 120px;
		width: 100px;
	}
	.quick-link-box.Apps a.quick-link img{
		padding-bottom: 8px;
	}
	
	ul.favorites {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
	}
	ul.favorites li{
		padding-bottom: 8px;
	}
	
	ul.favorites li a {
		color: #29374e;
	}
	.app {
		padding-bottom: 5px;
	}
	
	
	
/* @end */




/* @group Connect with us Section */

.connect {
padding-top:  20px;
}
.connect h2 {
display:  inline;
font-size: 22px;
margin-right: 20px;
vertical-align: middle;
}

.connect .icon {
padding-right: 5px;
}

/* @end */

/* @group Content Page */

	
	.content-search {
		margin-bottom:  20px;
		display: block;
		width: 210px;
		height: 32px;
		position: relative;
	}
	
	.content-search input[type="text"] {
		float: left;
		width: 210px;
		!width: 163px; /*IE7*/
		height: 30px;
		!height: 21px; /*IE7*/
		border: none;
		padding: 5px 40px 5px 5px;
		display: inline-block;
		overflow:hidden;
		
	}
	
	.content-search a.button.orange {
		height: 22px;
		!height: 25px; /*IE7*/
		width: 30px;
		display: block;
		position: absolute;
		overflow: hidden;
		top: 0px;
		right: 0px;
		padding: 4px;
		text-align: center;
		vertical-align: middle;
		background-color: #ffffff;
	}
	
	.content-search a.button.orange:hover {
		background-color: #ef8200;
		
	}
	.content-categories .category a, .content-categories .subcategory a {
		color: #000;
		text-decoration: none;
		display: block;
	}
	.content-categories .category a {
		margin-left: 25px;
	}
	.content-categories .category, .content-categories .subcategory {
		margin: 0px;
	}
	.content-categories .category {
		width: 190px;
		padding: 8px 10px;
		font-size: 16px;
	}
	.content-categories .category img {
		padding-right:  5px;
		float: left;
	}
	
	.content-categories .subcategory {
		width: 150px;
		padding: 8px 10px 8px 50px;
		font-size: 14px;
	}
	.content-categories .category.active, .content-categories .subcategory.active {
		font-weight: bold;
		background-color: #e2e0e0;
	}	
	
	.content-height {
		min-height: 250px;
		margin-top: 0px;
		position: relative;
	}

	.expand {
	    background: url("../img/expand-sprite.png") no-repeat scroll 0 0 transparent;
	    height: 16px;
	    width: 16px;
	    float: right;
	}
	.expand {
		*display:none; /* for ie7 */
	}
	
	
	.expand.active {
		background-position: 0px -16px;
	}
/* @end 


/***** Modal ***********/
.overlayBackground {
opacity:  0.6;
background-color: #000000;
}

.overlayDialog {
font-size:  13px;
border: 1px solid #a0acbe;
padding:20px;
margin-top: 20px;
background-color:  #ffffff;


/* useful if you don't want a bg color from leaking outside the border: */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.overlayDialog label, input[type="file"], {
font-size:  13px;
}
.dialogClose, .dialogCloseOn {

background: transparent url('/img/alohaSkin/closeX.png');
width: 20px;
height: 20px;float: right;
cursor: pointer;
}

.overlayDialog h2 {
	margin:  0px 0px 20px 0px;
	text-align: center;
}
.overlayDialog label {
 color: #6d6e76;
 display:  block;
 padding: 15px 0px 0px;
}
.overlayDialog textarea {
	margin-bottom: 20px;
}


.overlayDialog .leftcol {
	width: 320px;
}


.overlayDialog .rightcol {
	width: 300px;
	padding: 0px 0px 0px 30px;
	border-left: 1px solid #eeeeee;
	color: #6d6e76;
}

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

.overlayDialog .rightcol .header .title {
	display: block;
	
	}
.overlayDialog .rightcol .content {
padding:  20px 0px;

}

	
.overlayDialog .rightcol .header .button {
	
}


/* @group dataTables */

	.rich-table-thead {
		border-bottom:  none;
	}
	
	table.dataTable {
		width:  100%;
		font-size: 14px;
		margin-bottom: 40px;
	}
	
	table.dataTable th {
		text-align: left;
		font-weight: bold;
		color: #6d6e76;
		padding: 0px 15px 15px 0px;
		font-size: 16px;
	}
	table.dataTable td{
		padding: 15px 15px 15px 0px;
	}
	table.ticket-list.dataTable td.number{
		padding: 15px;
		width: 80px;
	}
	table.ticket-list.dataTable td.status{
		width: 150px;
	}
	table.ticket-list.dataTable td.date{
		width: 90px;
	}
	table.ticket-list.dataTable td.user{
		width: 140px;
	}
	
	table.dataTable td.name{
		padding: 15px;
	}

	table.dataTable td.size, table.dataTable td.category, table.dataTable td.subcategory, table.dataTable td.nowrap, table.dataTable th.nowrap {
		white-space: nowrap;
	}
	table.dataTable td.description{
		min-width: 110px;
		!width:110px;
	}
	table.dataTable td.category{
		min-width: 110px;
		!width:110px;
	}
	
	table.dataTable td.subcategory{
		min-width: 120px;
		!width:120px;
	}
	
	table.dataTable tr.odd td {
		background-color: #e2e0e0;
	}
		
/* @end */

/* @group Bpgc Tickets Dashboard */

	.tickets-dashboard {
		margin: 30px 0px 50px;
	}
	
	.tickets-dashboard .title {
		font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
		font-size: 22px;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		padding: 15px;
		color: #ec8102;
	}
	.tickets-dashboard .row {
		margin-left: 100px;
	}
	 
	.tickets-dashboard .row .value {
		padding: 6px 20px;
		float: left;
		display: inline;
		width: 40px;
		text-align: center;
		font-weight: bold;
		font-size: 24px;
	}
	
	.tickets-dashboard .row .status {
		color: #29374e;
		font-size: 22px;
		float: left;
		display: inline;
		padding: 7px 20px;
	}
	.tickets-dashboard .row.alert .value, .tickets-dashboard .row.alert .status {
	    color: #990808;
	}

/* @end */


/* @group Table Column Sorting */

	table.dataTable th.sorted .link{
		cursor: pointer;
	}
	
	table.dataTable th.sorted label{
		float: left;
		padding-right: 5px;
		cursor: pointer;
	}
	
	table.dataTable .sort {
	    background: url("../img/sort-sprite.png") no-repeat scroll 0 0 transparent;
	    height: 16px;
	    width: 16px;
	    display: block;
	    margin-top: 3px;
	    float: left;
	}
	
	table.dataTable .sort.active.down {
		background-position: 0px -16px;
	}
	
	table.dataTable .sort.active.up {
		background-position: 0px -32px;
	}

/* @end */


/* @group Content Icons */

	.docIcon{
		padding-left: 25px;
		display: block;
		position: relative;
	}
	
	.docIcon .icon{
	    background: url("../img/doctype-sprite.png") no-repeat scroll 0 0 transparent;
	    width: 16px; 
	    height: 16px; 
	    content: "";
	    display: block;
	    position: absolute;
	    left: 0px;
	}
	.docIcon.ai .icon { 
		background-position: 0 -26px; 
	} 
	.docIcon.audio .icon { 
		background-position: 0 -52px; 
	} 
	.docIcon.csv .icon {
		background-position: 0 -78px; 
	} 
	.docIcon.eps .icon { 
		background-position: 0 -104px; 
	} 
	.docIcon.excel .icon { 
		background-position: 0 -130px; 
	} 
	.docIcon.exe .icon { 
		background-position: 0 -156px; 
	} 
	.docIcon.flash .icon { 
		background-position: 0 -182px; 
	} 
	.docIcon.gdoc .icon { 
		background-position: 0 -208px; 
	} 
	.docIcon.gpres .icon { 
		background-position: 0 -234px; 
	} 
	.docIcon.gsheet .icon { 
		background-position: 0 -260px; 
	} 
	.docIcon.html .icon { 
		background-position: 0 -286px; 
	} 
	.docIcon.image .icon { 
		background-position: 0 -312px; 
	} 
	.docIcon.link .icon { 
		background-position: 0 -338px; 
	} 
	.docIcon.mp4 .icon { 
		background-position: 0 -364px; 
	} 
	.docIcon.pack .icon { 
		background-position: 0 -390px; 
	} 
	.docIcon.pdf .icon { 
		background-position: 0 -416px; 
	} 
	.docIcon.ppt .icon { 
		background-position: 0 -442px; 
	} 
	.docIcon.psd .icon { 
		background-position: 0 -468px; 
	} 
	.docIcon.rtf .icon { 
		background-position: 0 -494px; 
	} 
	.docIcon.slide .icon { 
		background-position: 0 -520px; 
	} 
	.docIcon.txt .icon { 
		background-position: 0 -546px; 
	} 
	.docIcon.unknown .icon { 
		background-position: 0 -572px; 
	} 
	.docIcon.video .icon { 
		background-position: 0 -598px; 
	} 
	.docIcon.visio .icon { 
		background-position: 0 -624px; 
	} 
	.docIcon.webex .icon { 
		background-position: 0 -650px; 
	} 
	.docIcon.word .icon { 
		background-position: 0 -676px; 
	} 
	.docIcon.xml .icon { 
		background-position: 0 -702px; 
	} 
	.docIcon.zip .icon { 
		background-position: 0 -728px; 
	}

/* @end */

#errorBlock{
font-size: 14px;
text-align: center;
color: red;
} 


/********** Tickets / Ticket Detail **********/

/* @group Ticket Detail */
	.ticket-sidebar .row {
		clear: both;
		padding-bottom: 20px;
	}
	.ticket-sidebar label {
		display: block;
		font-weight: bold;
		float: left;
		width: 100px;
		margin-right: 15px;
	}
	.ticket-sidebar .value {
		display: block;
		float: left;
		width: 185px;
	}
	.ticket-sidebar .comment-text{
		height: 100px;
	}
	span.ticket-waiting {
		font-weight: bold;
	}
	img.ticket-status {
		padding-right: 5px;
	}
	.ticket-detail.dataTable th.subtle {
		font-weight: bold;
		color: #8396b0;
		border-bottom: none;
	}
	.subtle {
		color: #8396b0;
		margin-bottom: 10px;
	}
	
	
	
/* @end */



.ticket-detail.status {
	float: right;
	margin-top: 20px;
}
.ticket-detail.status label {
	padding: 0px 10px 0px 0px;
	display: inline;
	font-weight: bold;
	
}

.ticket-detail label {
display: inline-block;
font-weight: bold;
padding: 5px 0px;
vertical-align: top;
}
.ticket-detail .value {
display: inline-block;
padding: 5px 0px;
}

.ticket-detail.col2 label {
width: 180px;

}
.ticket-detail.col2 .value {
width: 750px;
}

.ticket-detail.col4 label {
padding-right: 10px;

}
.ticket-detail.col4 .value {
padding-right: 30px;
}

.ticket-detail.files h2{
position: relative;
}
.ticket-detail.dataTable td.user {
width: 120px;
}

.ticket-detail.dataTable td.date {
width: 100px;
}
.new-ticket label {
margin: 0px 30px 15px 0px;
}
.new-ticket .value {
margin: 0px 0px 15px 0px;
}

.button.new-ticket {
	margin: 10px 0px;
}

/********** File Detail **********/  
.box.file-detail{
margin-bottom: 40px;
}


.file-detail label {
width: 150px;
float: left;
font-weight: bold;
padding: 5px 0px;
vertical-align: top;
}
.file-detail .value {
width: 250px;
padding: 5px 0px;
float: left;
min-height: 18px;
}


.preview {
background-color:#ffffff;
margin-top:20px;
padding:20px;
}

.preview label {
padding-bottom:20px;
font-weight:bold;
display:block;
}

.preview img {
	max-width: 420px;
}


/********** Announcements Page **********/                


.subtle-date {
font-size: 11px;
color: #b9b9ba;
}
.announcement .summary {
	padding: 10px 0px;
}
.announcement .category-list {
	text-align: right;
	color:  #b9b9ba;
	font-size: 11px;
}

.category-sort a{
	text-decoration: none;
	padding: 5px 0px;
	color:  #444;
	
}

.category-sort a.active{
	font-weight: bold;
	
	
}
#errorBlock{
font-size: 16px;
text-align: center;
color: red;
} 

/********** Reports Page **********/
h3.reports {
	font-size: 11px;
	margin-bottom: 3px;
}

ul.reports {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

ul.reports li {
	padding-bottom: 8px;
}

ul.reports.function li{
	padding-bottom: 4px;
}




/********** Contact Page **********/                

.ticket-info {
	
	margin-bottom: 25px;
}
.contact-info {
	padding-bottom: 30px;
	
}
.phone, .address {
	position: relative;
	font-weight: bold;
	color: #6d6e76;
}

.contact-icon:before{
background-image: url(../img/contact-sprite.png);
width:30px;
height: 30px;	
content:"";
position: absolute;
top: 5px;
left: -45px;
}


.contact-icon.phone:before {
background-position: 0px 0px;
} 

.contact-icon.address:before {
background-position: -30px 0px;
}

.contact-details{
font-size: 16px;
display: block;
}

/********** Empty State of pages **********/                

.empty-state {
padding: 30px 0px;
}

/******* Required Fields *******/

label em {
	font-style: normal;
	color: #ef8200;
	font-weight: bold;
	padding-left: 5px;
}


/* @group Universal adjustments */

	.bottom-pad {
		padding-bottom: 20px;
	}
	.bottom-pad-sm {
		padding-bottom: 10px;
	}
	.top-pad {
		padding-top: 20px;
	}
	.top-pad-sm {
		padding-top: 10px;
	}
	.left-margin-sm {
		margin-left: 10px;
	}
	.center {
		text-align: center;
	}
	.pull-right {
		float: right;
	}
	.remove-margin {
		margin: 0px;
	}


/* =============================================================================
Media Queries
========================================================================== */

/* @end */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
Non-Semantic Helper Classes
========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both;}

/* =============================================================================
Print Styles
========================================================================== */

@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}