/*
====================================================================================================
CadmiumCD tools page css
====================================================================================================
*/


.wrapper {
	width: 1250px;
}

#toolswrapper { 	
	position: relative;
	overflow: visible;
	display: block;
	margin: 0 auto;
	width: 1250px;
	height: 100%;
	padding-top:20px;
}

.toolspage-fs #toolswrapper {
	width:2500px;
}

.toolspage-xl #toolswrapper {
	width:4000px;
}


#toolswrapper * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}		

.clearfix:after,
.divheader:after,
.divheader .search-box:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   clear: both;
   height: 0;
}


/*
====================================================================================================
	TABLE HEADING CONTAINER
====================================================================================================
*/

.tableheading-container {
	border-bottom: 1px solid #D3D3D3;
	border-right: 1px solid #DBDCDE;
	border-left: 1px solid #DBDCDE;
	background-color: #F1F1F1;
	position: relative;
	overflow: hidden;
	z-index: 100;
	height: 70px;
	clear: both;
}

#table-heading {
	position: relative;
	overflow: hidden;
	height:inherit;
	clear: both;
}

.tableheading-container em {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 white;
	font-style: normal;
	position: relative;
	padding-top: 35px;
	margin-left: 10px;
	min-height: 5px;
	font-size: 12px;
	display: block;
	cursor:default;
	float: left;	
	color: #444;
	top:14px;
}

#table-heading .sort {
	cursor: pointer;
}

#table-heading .sort:hover {
	text-decoration: underline;
}

#table-heading .top-text,
#table-heading a[data-classarray] {
	text-decoration: none;
	position: absolute;
	font-size: 21px;
	color: #B2AFB0;
	display: block;
	height: 25px;
	float: left;
	width: 100%;
	top:5px;	
}

#table-heading .groupedIcons a[data-classarray] {
	width:auto;	
	left:auto;
}

#table-heading .top-text {
	font-size:14px;
	top:10px;
}

#table-heading a:hover {
	color: #A4A1A2; 
}

#table-heading a .icon-star {
	font-size: 24px;
	display: block;
}


#toolswrapper ul.pageWarnings {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
}




#toolspageWarningWrap {
	overflow:hidden;
    margin-top:-1px;
}

.toolspageWarning {
	border-top:1px solid #fff;
	color:white;
	font-weight:bold;
	font-size:14px;
	background-color: #DD0000;
	position: relative;
    display: block;
}

.toolspageWarningText{
	padding:10px 15px;
	position: relative;
    display: block;
    float:left;
}

.toolspageWarningText a {
	color:white;
}

.toolspageWarningText a:hover {
	text-decoration: none;
}

.toolspageWarningBtn{
	color:white;
	margin:5px 10px;
	border: 2px solid white;
	border-radius:15px;
	padding:3px 10px;
	position: relative;
    display: block;
    float:left;
    cursor:pointer;
}

.toolspageWarningBtn span {
	margin-right: 5px;
    position: relative;
    top: 1px;
}

#toolspageWarning.blue {
	background-color: #0C95CD;
}

#toolspageWarning.red {
	background-color: #DD0000;
}

/*
====================================================================================================
	BREAD CRUMB
====================================================================================================
*/

#toolspagebreadcrumb {
	padding:10px 15px;
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform: uppercase;
	background-color: #f1f1f1;
	display: block;
    position: relative;
}

#toolspagebreadcrumb .breadcrumblink {
	display: inline-block;
    position: relative;
	cursor: pointer !important;
	color: #0c95cd;
}

#toolspagebreadcrumb .breadcrumblink.current {
	color: #666;
}

#toolspagebreadcrumb .breadcrumbsep {
	margin: 0 5px;
	color: #666;
}

/*
====================================================================================================
	PAGE FILTERS
====================================================================================================
*/
	.pageFilterDiv {
		padding: 0 10px 15px 10px;
		display:none;
		border-bottom: 1px solid #DBDCDE;
		background:#E3FFE3;
		font-size:12px;
	}
	
	.pageFilterDiv {
		padding: 0 10px 15px 10px;
		display:none;
		border-bottom: 1px solid #DBDCDE;
		background:#474747 url('/conferenceportal3/images/canvas.png') repeat 0 0 scroll;
		font-size:12px;
		color:#fff
	}
	
	.pageFilterDiv label {
		display:inline-block;
		line-height:25px;
	}
	
	.pageFilterDiv h3 {
		margin:0;
		padding:10px 0 12px 10px;
	}
	
	.pageFilterDiv label {
		margin-right:15px;
	}

	.pageFilterDiv label input {
		margin-right:5px;
	}
	
	#toolspageFilters.active,
	#toolspageFilters ul li a.active {
		color: #009100;
	}
	
	
	#toolspageFilters.active span.tools-icon,
	#toolspageFilters ul li a.active span {
		color: #009100;
	}
	
	#saveFiltersBtn {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position:absolute;
		padding:2px 15px;
		right:175px;
		top:10px;
		background-color:#60C060;
		font-size:12px;
		color:#fff;
		display:none;
		z-index:10000;
	}
	
	#saveFiltersBtn:hover,
	#saveFiltersBtn:active { 
		background-color:#58B258;
		text-decoration:none;
	}
	
	#closeFiltersBtn {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position:absolute;
		padding:2px 15px;
		right:10px;
		top:10px;
		font-size:12px;
		background-color:#999;
		color:#fff;
		display:none;
		z-index:10000;
	}
	
	#closeFiltersBtn:hover,
	#closeFiltersBtn:active { 
		background-color:#888;
		text-decoration:none;
	}
	
	#clearFiltersBtn {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position:absolute;
		padding:2px 15px;
		right:75px;
		top:10px;
		font-size:12px;
		background-color:#D25B5B;
		color:#fff;
		display:none;
		z-index:10000;
	}
	
	#clearFiltersBtn:hover,
	#clearFiltersBtn:active { 
		background-color:#BE4D4D;
		text-decoration:none;
	}
	
		
/*
====================================================================================================
	RIGHT COLUMN
====================================================================================================
*/


/* STANDARD TOOLSPAGE COLUMNS */
em.num {
	width:30px;
}

em.check {
	width:15px;
}

#rightcolumn2 { 	
	border-bottom: 1px solid #DBDCDE;
	border-right: 1px solid #DBDCDE;
	border-left: 1px solid #DBDCDE;
	background-color: #F1F1F1;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin-bottom:100px;
	position:relative; 
	overflow: hidden;
	z-index: 100;
	color: #333;
}

#loader{
	position: absolute; 
	margin-left:-16px;
	display:none;
	left: 50%;
	top:35%;
}

.loadFound {
	text-shadow: 0 1px 0 white;
	position:absolute; 
	text-align:center;	
	font-size: 13px;
	margin:10px 0;
	z-index:1;
	width:100%;
	color:#888;
	top:0;
}

#scrollcontent {
	padding-bottom: 110px;
	overflow-x: hidden;
	position: relative; 
	overflow-y: auto; 
	margin-top:0;
	z-index: 100;	
}

#scrollcontent li {
	background: transparent url('/images/list-bg.jpg') repeat-x 0 0 scroll;
	border-bottom: 1px solid #E7E7E7;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: relative;
	line-height: 35px;
	overflow: hidden; 
	list-style: none;
	font-size: 12px;
	display:block;
	clear: both;
	color: #777;
	padding:0;
}


#scrollcontent h6 {
    font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #5A5A5A;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #4F5B63;
    border-top: 1px solid #8D98A0;
    background: #0C95CD;
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    text-indent: 15px;
    height: 25px;
    padding: 0;
    margin: 0;
    color: #FFF;
}

#scrollcontent li:hover{
	background: #E8EBEF;
}

#scrollcontent li.faded{
	opacity:.4;
}

#scrollcontent li em {
	text-overflow: ellipsis;
	font-style: normal;
	margin-left: 10px;
	overflow: hidden;
	min-height: 30px;
	cursor:default;
	display:block;
	float: left;
}

.listicon {
	vertical-align:middle;
	display: inline-block;
	font-size: 22px;
	cursor: pointer;
	color: #cecece;
	line-height:1;
	top:-1px;
}

.badge.listicon {
    font-size: inherit;
    line-height: 24px !important;
    color:#FFF;
}

#scrollcontent .listicon.clickable {
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

#scrollcontent .listicon.clickable:hover{
	color: #B3B3B3;
}

.listicon.green,
em a.green span {
	color:#1FD022;
}

.listicon.red,
em a.red span {
	color:#F70119;
}

#scrollcontent .groupedIcons {
	display:inline-block;
	vertical-align:middle;
}

#scrollcontent .groupedIcons .listicon {
	margin-right:5px;
	float:left;
}

#scrollcontent .groupedIcons .listicon:last-child {
	margin:0;
}

.details {
	display: none;
}

.blockSummary {
	text-align: left;
	padding: 5px 0px 5px 15px;
	border-radius: 5px 5px 0 0;
	margin: -25px 0;
	position: absolute;
	width: 100%;
	max-width: 560px;
	top: 0;
	left: 0;
	box-shadow: 3px -4px 4px #D6D6D6;
}

.blockSummary.red{ 
	background-color: #DD0000; 	
}

.blockSummary.green{ 
	background-color: #46c226; 	
}

/* this is a red banner that you can put text in on the black row details popup */
#detailsRedBanner,
.detailsRedBanner {
    position:absolute;
    top:5px;
    right:20%;
    width: auto;
    height: 22px;
    background: #D64240;
    border: 1px solid #DD0000;
    border-radius: 4px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: white;
    padding:0 7px;
}
		
.stripeMe {
	position:relative;
	z-index:2;
	padding: 0;
	margin: 0;
}

/* STANDARD TOOLSPAGE COLUMNS */

em.check [type="checkbox"] {
	font-size:16px;
	margin:0;
}

#scrollcontent li em.tnotes,
#scrollcontent li em.support,
#scrollcontent li em.tfavorites,
.tableheading-container em.tnotes,
.tableheading-container em.support,
.tableheading-container em.tfavorites {
	text-align: center;
	width:35px;
}

#scrollcontent li em.right,
#scrollcontent li em.tnotes,
#scrollcontent li em.support,
#scrollcontent li em.tfavorites,
.tableheading-container em.right,
.tableheading-container em.tnotes,
.tableheading-container em.support,
.tableheading-container em.tfavorites {
	float: right !important;
}

#scrollcontent li em.support,
.tableheading-container em.support {
	margin-right:10px;
}

em.tnotes .noted { 
	color: #2DCFF3 !important;
}

em.tfavorites .faved { 
	color: #F5D838 !important;
}

/* VARIABLE HEIGHT ROWS */

#scrollcontent  .growingListItem li {
	background: #fff url('/images/list-bg.jpg') repeat-x 0 -6px scroll;
	line-height:normal;
	padding: 8px 0;
	height: auto;
}

#scrollcontent .growingListItem li em {
	white-space: pre-line;
	overflow: hidden;
}

#scrollcontent  .growingListItem li em.nowrap {
	white-space: nowrap;
}

.dynamic-height #scrollcontent li,
.dynamic-height .tableheading-container {
	padding-right: 10px;
    table-layout: fixed;
    display: table;
    width: 100%;
}

.dynamic-height #scrollcontent li {
    height: auto;
}

.dynamic-height #table-heading {
	display:table-row;
    height: 100%;
}

.dynamic-height #scrollcontent li {
	background: #fff url(/images/list-bg.jpg) repeat-x 0 -6px scroll;
    line-height: normal;
	padding: 8px 0;
	padding-right:10px;
}

.dynamic-height #scrollcontent li em,
.dynamic-height #table-heading em {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	vertical-align: middle;
	display: table-cell;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
    padding:0;
    padding-left:10px;
    float:none !important;
    margin:0;
    top:0;
}

.dynamic-height #scrollcontent li em {
	white-space: pre-line;
}

.dynamic-height #table-heading em,
.dynamic-height #scrollcontent li em.align-bottom {
	vertical-align: bottom;
}

.dynamic-height #scrollcontent li em.align-top {
	vertical-align: top;
}

#scrollcontent  li.dynamic-height em.nowrap {
	white-space: nowrap;
}


.dynamic-height #table-heading a[data-classarray] {
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: -ms-calc(100% - 10px);
	width: calc(100% - 10px);
	bottom: 25px;
	top: auto;
    right: 0;   
}


/*
====================================================================================================
	BUCKETS
====================================================================================================
*/

.divider {
    color: #FFF;
    background: #0172C8;
    padding: 3px 10px;
    font-size: 12px;
}

#scrollcontent h3 { 	
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	-webkit-text-shadow: 1px 1px 4px #525252;
	-moz-text-shadow: 1px 1px 4px #525252;
	text-shadow: 1px 1px 4px #525252;
	border-bottom: 1px solid #4F5B63;
	border-top: 1px solid #8D98A0;
	text-transform:capitalize;
	background-color: #7D8388;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	font-weight: normal;
	position: relative;
	line-height: 34px;
	font-size: 14px;
	cursor: pointer;
	height: 34px;
	color: #fff;
	padding: 0;
	margin: 0;
	padding-left:15px;
}

#scrollcontent h3:hover{
	background: #737677;
}

#scrollcontent h3 a { 
	color: #fff;
}

#scrollcontent h3.expanded:after {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

#scrollcontent h3:after {
	-webkit-text-shadow: 1px 1px 4px #2C2C2C;
	-moz-text-shadow: 1px 1px 4px #2C2C2C;
	text-shadow: 1px 1px 4px #2C2C2C;
	-webkit-font-smoothing: antialiased;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
	position: absolute;
	content: "\e0cf";
	font-size: 20px;
	line-height: 1;
	speak: none;	
	right: 10px; 
	top: 5px;
}

#scrollcontent h3 .progress-meter {
	-webkit-box-shadow: inset 1px 1px 1px rgba(70, 70, 70, 0.8);
	-moz-box-shadow: inset 1px 1px 1px rgba(70, 70, 70, 0.8);
	box-shadow: inset 1px 1px 1px rgba(70, 70, 70, 0.8);
	border-bottom: 1px solid #596169;
	background-color: #5F656A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin:12px 15px 12px 0;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 10px;
	float:left;	
}

.progress-meter .progress {
	background: #5bc245; /* Old browsers */
	background: -moz-linear-gradient(top, #5bc245 0%, #30a042 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bc245), color-stop(100%,#30a042)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5bc245 0%,#30a042 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5bc245 0%,#30a042 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5bc245 0%,#30a042 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5bc245 0%,#30a042 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc245', endColorstr='#30a042',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 1px 1px 1px #85DB93;
	-moz-box-shadow: inset 1px 1px 1px #85DB93;
	box-shadow: inset 1px 1px 1px #85DB93;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: inherit;
	display: block;
	float: left;
}

#scrollcontent h3 .counter {
	margin-left: 10px;
}

#scrollcontent h3 .rightSideCounts {
	margin-right: 40px;
	font-size: 12px;
	float: right;
}

.bucketwrapper {
	width:100%;
}




/*
====================================================================================================
	TOOLS MENU
====================================================================================================
*/

#toolsmenu {
	background: #3A3B3D url("/images/canvas.png") repeat scroll;
	border-top: 2px solid #DBDCDE;
	text-align:center;
	position: fixed;
	display: none;
	padding:20px;
	bottom: 50px !important;
	z-index: 100;
	width: 100%;
	left: 0;
}

.toolsmenu-wrap {
	display:inline-block;	
}

#toolsmenu a.btn,
#toolsmenu a.btn:link,
#toolsmenu button.btn {
	margin-right:10px;
	text-transform: uppercase; 
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	
}

.client #toolsmenu a.btn.adminOnly,
.client #toolsmenu a.btn.adminOnly:link,
.client #toolsmenu button.btn.adminOnly {
	display:none;
}


#toolsmenu .red_btn,
#toolsmenu .green_btn { 
	text-transform: none;
	margin-right: 10px;
}

#toolsmenu .red_btn .redbtnicon,
#toolsmenu .green_btn .greenbtnicon {
	vertical-align: top;
	margin-right: 4px;
	font-size: 15px;
}


/*
====================================================================================================
	SUPPORT POPUP
====================================================================================================
*/

#supportOverlay {
	background: transparent url('/images/black-transparent.png') repeat 0 0;
	cursor: pointer;
	position: fixed;
	z-index: 9999;
	display: none;
	opacity: 0.9;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

#supportWrap {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #fff;
	position: fixed;
	margin: 0 auto;
	z-index: 10000;
	display: none;
	height: 550px;
	width: 800px;
	left: 766px;
	top: 158px;
}

.sptleft {
	width: 250px;
	float: left;
}

.sptright {
	width: 450px;
	float: left;
}

#supportWrap .close {
	background: transparent url('/images/closeBtn.png') no-repeat 0 0 scroll;
	position: absolute;							 
	font-size: 25px;
	cursor: pointer;							 
	display: block;
	right: -14px;	
	height: 34px;
	width: 33px;							 
	top: -18px;									 								 
}

#supReferenceTO {
	margin: 25px 0 0 25px;
}

#supportInner {
	outline: none !important;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	height: 460px;
	width: 765px;
	float: left;
	left: 20px;
	top: 20px;
}

#supportInner h2 {
	margin: 16px 0 5px 0;
	font-size: 26px;
	color: #828B8E;
	padding: 0;	
}

#supportInner p {
	color: #798e94;
	padding: 0;
	margin: 0;
}

#TicketForm {
	margin-top: 20px;
}

#TicketForm div {
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}

#TicketForm p {
	border: 4px solid #F2F7F9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #F2F7F9;
	margin-right: 5px;
	float: left;
	padding: 0;
	margin: 0;
}

#TicketForm input {
	border: 1px solid #CDDADE;
	border-radius: 3px;
	font-size: 12px;
	color: #6A7275;
	padding: 8px;
}

#TicketForm .clear {
	overflow: hidden;
	clear: both;
	height: 1px;
}

#MyProblem {
	border: 1px solid #CDDADE;
	border-radius: 3px;
	font-size: 12px;
	color: #798E94;
	height: 200px;
	width: 400px;
	padding: 8px;
	margin: 2px;
	float: none;
}

#BottomToolbar .supPhone {
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	color: #444;
	padding: 0;
	left: 22px;
	top: 18px;
	margin: 0;
}

/*
====================================================================================================
	NEW TOOLSPAGE SEARCH
====================================================================================================
*/

.tp-search {
	margin: 9px 0px;
	height:22px;
	float: right;
	width:345px;
}

.tp-search-input {
	border-radius: 15px 0 0 15px !important;
	padding: 5px 10px !important;
    height: 100% !important;
    float:left !important;
    width:90% !important;
    border:none !important;
}

.tp-search-input.input {
	padding-right: 32px !important;
}

.tp-search-clear,
.tp-search-button {
	-webkit-appearance:none;
	line-height: 20px !important;
	text-align:center;
	font-size: 18px !important;
	cursor:pointer;
	color:#EEEEEE;
	border:none;
}

.tp-search-button {
	border-radius: 0 15px 15px 0 !important;
	background: #30b916;
	height:100%;
    float:left;
    width:10%;		
    padding: 0 !important;    
}

.divheader.blue .tp-search-button {
	background: #555555;
}

.tp-search-clear {
	color: #DD0000;
	background:transparent;
	position:absolute;
	font-size: 16px;
	display:none;
	right:32px;
	top:0;
}

/*
====================================================================================================
	BUTTON STYLES
====================================================================================================
*/


.bluebutton {
	background: #16BFD9; /* Old browsers */
	background: -moz-linear-gradient(top, #16BFD9 0%, #16C2DC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16BFD9), color-stop(100%,#16C2DC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #16BFD9 0%,#16C2DC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #16BFD9 0%,#16C2DC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #16BFD9 0%,#16C2DC 100%); /* IE10+ */
	background: linear-gradient(top, #16BFD9 0%,#16C2DC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16BFD9', endColorstr='#16C2DC',GradientType=0 ); /* IE6-9 */	
	-webkit-box-shadow: inset 0 2px 2px #2E91B5, 0 1px 0 #5E5C5E;
	-moz-box-shadow: inset 0 2px 2px #2E91B5, 0 1px 0 #5E5C5E;
	box-shadow: inset 0 2px 2px #2E91B5, 0 1px 0 #5E5C5E;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: white !important;
	text-decoration: none;
	font-size: 10px;
	margin-top: 5px;
	padding: 5px;
}

.bluebutton:hover{
	background: #16C2DC; /* Old browsers */
	background: -moz-linear-gradient(top, #16C2DC 0%, #16BFD9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16C2DC), color-stop(100%,#16BFD9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #16C2DC 0%,#16BFD9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #16C2DC 0%,#16BFD9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #16C2DC 0%,#16BFD9 100%); /* IE10+ */
	background: linear-gradient(top, #16C2DC 0%,#16BFD9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16C2DC', endColorstr='#16BFD9',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
 
.bluebutton:active {
    top:1px;
}

.bluebutton.green {
	-webkit-box-shadow: inset 0 2px 2px #94CF15, 0 1px 0 #5E5C5E;
	-moz-box-shadow: inset 0 2px 2px #94CF15, 0 1px 0 #5E5C5E;
	box-shadow: inset 0 2px 2px #94CF15, 0 1px 0 #5E5C5E;
	background: #94CF15;
	border-color: green;
}

.bluebutton.red {
	-webkit-box-shadow: inset 0 2px 2px #B31E1E, 0 1px 0 #5E5C5E;
	-moz-box-shadow: inset 0 2px 2px #B31E1E, 0 1px 0 #5E5C5E;
	box-shadow: inset 0 2px 2px #B31E1E, 0 1px 0 #5E5C5E;
	border-color: #B31E1E;
	background: #D64240;
}

.bluebutton.orange {
    background:  #F87B4C;
    border-color: #E06F45;
    -webkit-box-shadow: inset 0 1px 1px #E06F45, 0 1px 0 #5E5C5E;
    -moz-box-shadow: inset 0 1px 1px #E06F45, 0 1px 0 #5E5C5E;
}


.bluebutton.purple {
    background: #9353CF;
    border-color: #763FA9;
    -webkit-box-shadow: inset 0 1px 1px #763FA9, 0 1px 0 #763FA9;
    -moz-box-shadow: inset 0 1px 1px #763FA9, 0 1px 0 #763FA9;
}

.greybutton {
	background: #4F4F4F; /* Old browsers */
	background: -moz-linear-gradient(top, #4F4F4F 0%, #5F5D5F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4F4F4F), color-stop(100%,#5F5D5F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4F4F4F 0%,#5F5D5F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4F4F4F 0%,#5F5D5F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4F4F4F 0%,#5F5D5F 100%); /* IE10+ */
	background: linear-gradient(top, #4F4F4F 0%,#5F5D5F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F4F4F', endColorstr='#5F5D5F',GradientType=0 ); /* IE6-9 */
	font-family: 'Open Sans', sans-serif;
	border: solid 1px #6C696C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: white !important;
	text-decoration: none;
	position: relative;
	font-size: 10px;
	margin-top: 5px;
	padding: 5px;
}

.greybutton:hover{
	background: #5F5D5F; /* Old browsers */
	background: -moz-linear-gradient(top, #5F5D5F 0%, #4F4F4F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F5D5F), color-stop(100%,#4F4F4F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5F5D5F 0%,#4F4F4F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5F5D5F 0%,#4F4F4F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5F5D5F 0%,#4F4F4F 100%); /* IE10+ */
	background: linear-gradient(top, #5F5D5F 0%,#4F4F4F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F5D5F', endColorstr='#4F4F4F',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
 
.greybutton:active {
    top:1px;
}

.grey_btn {
	border-bottom: 1px solid #222;
	background-color: #444;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 25px;
	text-shadow: none;
	font-size: 12px;
	color: white !important;
}

.grey_btn:hover {
	text-decoration: none;
	background: #444;			
}

.blue_btn {
	border-bottom: 1px solid #003E59;
	background-color: #0083AC;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 25px;
	text-shadow: none;
	font-size: 12px;
	color: white !important;	
}

.blue_btn:hover {
	text-decoration: none;
	background: #027DA3;			
}

.blue_btn span {
	position:relative;
	font-size:20px;
	left:-10px;
	top:2px;
	
}

.button-r {
	background: url("/images/super-button-overlay.png") repeat-x scroll 0 0 #EEEEEE;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
	display: inline-block;
	border-style: solid;
	position: relative;
	font-weight: bold;
	border-width: 1px;
	padding: 5px 13px;
	font-size: 16px;
	cursor: pointer;
	line-height: 1;
	color: #444444;
}
 
.green_btn {
	border-bottom: 1px solid #418E43;
	background-color: #79C664;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	color: white !important;
	padding: 10px 25px;
	font-size: 12px;
}

.green_btn:hover {
	text-decoration: none;
	background: #7DCD68;			
}

.red_btn {
	-webkit-box-shadow: inset 0 2px 2px #B31E1E, 0 1px 0 #5E5C5E;
	border-bottom: 1px solid #B70529;
	background-color: #D64240;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	color: white !important;
	padding: 10px 25px;
	font-size: 12px;
}

.red_btn:hover {
	text-decoration: none;
	background: #E53434;			
}

/*
====================================================================================================
	POPUP STYLES
====================================================================================================
*/


#popupinnerdiv {
	overflow: hidden;
	margin:50px 0;
	clear: both;
}

#popupinnerdiv h1 {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #444444;
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	color: #444444;
	width: 100%;
}

#popupinnerdiv h2 {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	display: inline-block;
	font-weight: normal;
	font-size: 14px;
	color: #444444;
	margin: 0;
}

#popupinnerdiv h3 {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	display: inline-block;
	font-weight: normal;
	font-size: 14px;
	color: #444444;
	margin: 0;
}

#popupinnerdiv p {   
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	margin: 0;
}

#popupinnerdiv input,
#popupinnerdiv textarea {
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    background-color: #f2f2f2;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	margin-bottom:10px;
	font-size: 12px;
	margin-top:5px;
    color: #1E57A6;
    padding: 4px;    
}

#popupinnerdiv input:hover, 
#popupinnerdiv textarea:hover    {
    color: #1E57A6;
    background-color: #FFFFFF;
}

#popupinnerdiv input:focus, 
#popupinnerdiv textarea:focus     {
    color: #1E57A6;
    background-color: #FFFFFF;
}	

#popupinnerdiv select {
    width:150px;
}

#popupinnerdiv .sectionrow {
    clear: both;
    overflow: hidden;
    margin:12px 0;
}

#popupinnerdiv .right {
    margin:10px 30px 0 0;
    float:right;
    overflow: hidden;
}

#popupinnerdiv .left {
    margin:10px 30px 0 0;
    float:left;
    overflow: hidden;
    
}s

#BottomToolbar {
	background: #cacaca;
	background: -moz-linear-gradient(top, #cacaca 0%, #a8a8a8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#a8a8a8));
	background: -webkit-linear-gradient(top, #cacaca 0%,#a8a8a8 100%);
	background: -o-linear-gradient(top, #cacaca 0%,#a8a8a8 100%);
	background: -ms-linear-gradient(top, #cacaca 0%,#a8a8a8 100%);
	background: linear-gradient(top, #cacaca 0%,#a8a8a8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#a8a8a8',GradientType=0 );
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top: 1px solid #999;
	text-shadow: 0 1px 0 #eee;
	position: absolute;
	height: 60px;
	width: 100%;
	bottom: 0;
	left: 0;
}

#BottomToolbar .green_btn {
	border-bottom: 1px solid #418E43;
	background-color: #79C664;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	position: absolute;
	text-shadow: none;
	padding: 10px 25px;
	font-size: 12px;
	cursor:pointer;
	right: 10px;
	top: 10px;
	color: white !important;
}

#BottomToolbar .blue_btn {
	font-size: 12px;
	border-bottom: 1px solid #0083BD;
	background-color: #16BFD9;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	position: absolute;
	text-shadow: none;
	padding: 10px 25px;
	right: 10px;
	top: 10px;
	color: white !important;
}

#BottomToolbar .blue_btn:hover {
	text-decoration: none;
}


#popupmsg {
	color: #FFF;
	position: absolute;
	top: 40px;
	left: 0;
	font-size: 12px;
	display: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	
	z-index: 1501;
	text-align: center;

}

#popupmsg.red {
	background: #E13B29 !important;
}

#popupmsg.green {
	background: #79C664 !important;
}

#popupmsg #msg {font-size:14px;}

#tabs {
	border-right: 1px solid #E7EBEF;
	min-height:300px;
	width:135px;
	margin-top: 15px;
	padding:0;
	
}

#tabs li {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #E7EBEF;
	border-top: 1px solid #E7EBEF;
	padding:10px;
	font-size:12px;
	display: block;
	cursor:pointer;
	color: #515962;
	transition: all .2s;
	-webkit-transition: all .2s;
}

#tabs li.active:hover, 
#tabs li.current {
	color: #79C664;
	border-left: 4px #79C664 solid;
	text-indent: 2px;
}

#tabs li.inactive {
	color:#CCC;
}

.pnls {
	display:none;
	float:left;
	width:78%;
	margin-top: 5px;
	margin-left:20px;
	margin-bottom:40px;
}

.pnls.current {
	display:block !important;
}

#tabs li.error {
	color:#DD0000 !important;
	background:#FEE !important;
	border: 1px solid #DD0000 !important;
	font-size: 12px !important;
}

.subTabs {padding-left: 15px;    background-color: #EFEFEF;}
.subTab {border:none !important;}
#tabs #module::after {
	-webkit-font-smoothing: antialiased;
	font-family: 'icomoon';
	content: "\e0d5";
	line-height: 1;
	font-size: 20px;
	float: right;
	transition: all .25s;
	-webkit-transition: all .25s;
}
#tabs #module.expanded::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	top:30%;
}
/*
====================================================================================================
	MISC
====================================================================================================
*/


.ltrspace{
	letter-spacing:3px;
	font-style:normal;
}



.proc {	
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	background-color:#555555;
	border:1px solid #555555;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0 auto 0 auto;
	text-align:center; 
	position:relative;
	text-shadow:none;
	overflow: hidden; 
	line-height:18px; 
	font-size:10px; 
	color:#000000; 
	height:20px;
	width:98%;
}


.proc.purple{
	background-color: #9353CF;
}

.proc .inner {
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	background-color: #1FD022;
	text-align:center;
	height: inherit; 
	font-size:10px; 
	color:#FFFFFF;
	width: 100%;
}

.proc .inner.purple{
	background-color: #aa75dd;
}

#table-heading .proc {
	margin-top:-10px;
} 

#table-heading .proc .inner{
	background: #50B5FF;
}

.proc .inner.blue {
	background-color: #0C95CD;
}

.progress-text { 
	position:absolute;
	text-align: center;
	display: block; 
	height: 100%;
	width: 100%;
	color: #FFF;
	left:0;
	top:0;
}

#scrollcontent li.error, 
.DupNames{
	background: #FFDEE5 !important; 
	border-left: 1px solid red;
}

#scrollcontent li.error em,
.DupNames em {
	color: black;
}

/*
====================================================================================================
	OLD STYLES
====================================================================================================
*/

.stripeMe .acc_trigger a {
	padding-left:0;
}

.acc_trigger {
	border-bottom:1px solid black;
	cursor:pointer; 
}

.acc_trigger:hover {
	background:#D6E3EE;
}

#rightcolumn3 { 
	color: #333;
	background: white;
	border-left: 0;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background:#fff url('/images/shadowed.jpg') repeat-y 0 -0 scroll;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 10px;
	border-top-bottom-radius: 0;
	border-top-bottom-radius: 10px;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DBDCDE;
	position:absolute;
	display: inline;
	overflow:hidden;
	margin-top:35px;
	width:600px;
	left: 651px;
	z-index: 50;
	float:left; 	 
	bottom:5em; 
	top: 313px;
}

#leftcolumn { 
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	position: absolute;
	overflow: hidden;
	display: inline;
	z-index: 150;
	color: #333;
	width: 96px;	
	bottom: 1em;
	float: left;
	left: 0;
	top:0;
}


#gems {
	margin: 25px 0 0 0;
	height: 100%;
	width: 96px; 
	float: left;
	padding: 0;
}

#gems li {	
	margin-bottom: 10px;
	text-align: center;
	list-style: none;
	color: #666;
	padding: 0;
	margin: 0;
}

#gems a {	
	text-align: center;
	margin: 2px 21px;
	display: block;
	height: 50px;
	width: 50px;
}

#gems a.active {
	background-position: 0 0;
}



#stickyFooter {
	width: 100%;
}

#stickyFooter .wrap {
	margin: 0 auto;
	width: 1250px;
}

#SearchButton {
	margin: 5px 14px 0 0;
	position: absolute;
	display: block;
	height: 23px;
	width: 26px;
	right: 4px;
	top:1px;
}

#ClientDetails{
	width: 100%;
}

.clear {
	overflow: hidden;
	clear: both; 
}

.header-right-text { 
	margin-right: 15px;
	float: right; 
}

.header-right-smalltext { 
	margin-right: 0px; 
	font-size: 12px;
	float: right; 
}

.groupheading h3 {
	background:#666; 
	font-weight:normal;
	text-indent: 10px;
	line-height: 25px;
	height: 25px; 
	color:#FFF;
	margin:0; 
}

#overlay {
	width: 100%;
	height: 100%;
	background: transparent url('/images/black-transparent.png') repeat 0 0;
	position: absolute;
	z-index: 9999;
	display: none;
}

#callstatus {
    width: 400px;
    height: 350px;
    background: white;
    position: relative;
    top: 30%;
    margin: 0 auto;
    z-index: 99999;
    border-radius: 5px;
    overflow: hidden;
}

#ajax {
    padding: 25px;
    color: #444;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

#inner {
    text-align: center;
    line-height: 25px;
    width: 100px;
    margin: 80px auto 0 auto;
}

#inner-footer {
    height: 35px;
    line-height: 37px;
    padding: 0;
    background: #868688;
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-indent: 14px;
    font-size: 12px;
}