﻿/* *********************************************************
	 Table styling from 
	http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/
	exa: http://www.duoh.com/csstutorials/csstables/
********************************************************* */
.fieldHeader {
	font-weight: bold;
	color: white;
	border: 1px solid #134a88;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 0px 4px 12px;
	background: #3cb1e5;
}
label.fieldHeader, label.fieldHeaderSmall, label.fieldHeaderSearch {
	float:left;
}
.labelWide 
{
    width: 125px;
}
.labelXWide 
{
    width: 150px;
}
.fieldHeaderSmall 
{
	font-weight: bold;
	color: #134a88;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 0px 4px 12px;
	float:left;
}
.fieldHeaderSearch 
{
	font-weight:bold;
	color: white;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 0px 2px 8px;
	float:left;
}
.fieldEntrySearch
{
	padding: 0px 0px 1px 2px;
	margin-left: 1px;
	width:165px;
}
.fieldEntry 
{
	padding: 4px;
	margin-left: 4px;
	width:auto;
	float:left;
}
.fieldEntryLong
{
	padding: 4px;
	margin-left: 4px;
	width:250px;
	float:left;
}
select.fieldEntry {
	padding: 4px 0px 4px 4px;
}
select.fieldEntryShort {
	padding: 4px 0px 4px 4px;
}
.fieldEntryShort
{
	padding: 4px;
	margin-left: 4px;
	width:150px;
}
.fieldEntryShortDDL 
{
	padding: 0px 0px 1px 2px;
	margin-left: 1px;
	width: 150px;
}
.fieldEntryWide
{
	padding: 4px;
	margin-left: 4px;
	width:500px;
}
.fieldEntryLarge 
{
	padding: 4px;
	margin-left: 4px;
	width: 500px;
	height: 100px;
}
th a {
	color: white;
}
th.nobg {
	color: #134a88;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #134a88;
	background: none;
}

th.nobg a {
	color: #134a88;
}
/* headers on left that appear as rows */

th.spec {
	border: 1px solid #134a88;
	background: #fff url(/images/table/bullet1.gif) no-repeat;
	font-weight: bold;
	color: #134a88;
	text-transform: capitalize;
	text-align: left;
	padding-left:12px;
}
th.controls
{
	background-color: Transparent;
	border: 1px solid #3cb1e5;
	font-weight: bold;
	color: #3cb1e5;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 2px 5px 2px 0px;
	text-align: left;
}
th.specalt {
	border-left: 1px solid #3cb1e5;
	border-top: 0;
	background: #f5fafa url(/images/table/bullet2.gif) no-repeat;
	font-weight: bold;
	color: #B4AA9D;
}

/* alternating styles */
tr.first {
	background: #fff;
	color: #134a88;
}
tr.first:hover {
	background: #3cb1e5;
	cursor: pointer;
	color: white;
}
td.first {
	border-right: 1px solid #134a88;
	border-bottom: 1px solid #134a88;
	padding: 6px 6px 6px 12px;
}

tr.second {
	background: #F5FAFA;
	color: #134a88;
}
tr.second:hover {
	background: #3cb1e5;
	cursor: pointer;
	color: white;
}
td.second {
	border-right: 1px solid #134a88;
	border-bottom: 1px solid #134a88;
	padding: 6px 6px 6px 12px;
}
/* *********************************************************
	Tabs Styling
********************************************************* */
.tabs li {
    display: inline-block !important;
    margin: 5px 0px 2px;
}

.tabs a  {
	font-weight:bold;
	text-decoration:none;
	padding-right: 4px;
}
.tabs a:hover {
	background-image: url('/Images/LinkGloss.png');
}
.tabs a.tab-active, .tabs a.tab-active:hover {
	background-image: url('/Images/LinkGloss.png');
} 
.tab-panes {
	background-color:#fdfbee;
}

.tab-pane2 {
	background-color:#ffffff;
}

/* *********************************************************
	Standard styling 
********************************************************* */
/* Fix Firefox outline */
* { outline: none; }
h1 {
	font-size: 24px;
	color: #3cb1e5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
h2 {
	font-size: 14px;
	color: #3cb1e5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	clear:both;
}
h3 {
	font-size: 12px;
	color: #3cb1e5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	clear:both;
}
legend 
{
	font-size: 24px;
	font-weight: bold;
	color: #3cb1e5;
}
a.nocolor {
	text-decoration: none;
	cursor: pointer;
	color: #134a88;
}
a.nocolor:hover 
{
	text-decoration:underline;
}
body 
{
	/*background: linear-gradient(#134a88 50%, #3cb1e5) no-repeat;*/
    background: #F3F0EB;
	/*font-family: 'segoe ui', Cambria, Helvetica Neue, Candara, Georgia, 'Trebuchet MS', Verdana, Arial;*/
    font-family: 'Lato-Regular', sans-serif;
	font-size: 12px;
	height: 100vh;
}
form {
    background-color: #ffffff;
    -o-box-shadow:			0px 0px 8px rgba(68, 67, 69, 0.7);
	-moz-box-shadow:		0px 0px 8px rgba(68, 67, 69, 0.7);
	-webkit-box-shadow:	0px 0px 8px rgba(68, 67, 69, 0.7);
    box-shadow: 			0px 0px 8px #444345;
    box-shadow: 			0px 0px 8px rgba(68, 67, 69, 0.7);
	padding: 10px;
}

#footer {
	border-top: solid 1px #3cb1e5;
	color:#999999;
	padding:8px 16px 8px 2px;
	margin: 20px auto 20px auto;
	text-align:right;
}
#footer a {
	color: #999999;
}
textarea, input, select
{
	/*font-family: 'segoe ui', Cambria, Helvetica Neue, Candara, Georgia, 'Trebuchet MS', Verdana, Arial;*/
    font-family: 'Lato-Regular', sans-serif;
	font-size: 12px;
}

#topArea {
	border-bottom: solid 1px #3cb1e5;
	background-color: #ffffff;
}
.infoArea 
{
	background-color: #134a88;
	padding: 3px 0px 10px 3px;
	width:174px;
	overflow: hidden;
    color: white;
}
#contentArea {
	background-color: #ffffff;
}
.ribbonItemText 
{
}
.ribbonBottom {
	font-size: 11px;
}
.button { 
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	cursor: pointer;
	font-size: 12px;
	color: #ffffff;
	background: url('/images/Button.png') #000000;
	padding: 5px;
	text-decoration:none;
}
.buttonDisabled { 
	cursor:wait;
	color: #333333;
	background-color: #ccccdc;
}
.button:hover 
{
	cursor:pointer;
	color: #000000;
	background-color: #ccccdc;
}
.highlightButton { 
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
	cursor: pointer;
	font-size: 12px;
	color: #ffffff;
	background: url('/images/Button.png') #a65555;
	padding: 5px;
	text-decoration:none;
}
.highlightButton:hover 
{
	cursor:pointer;
	color: #000000;
	background-color: #ccccdc;
}

.subInfoContent 
{
	padding-left: 5px;
}
hr 
{
	background-color: #FDDA70;
	color:#FDDA70;
}
.errorBox 
{
	margin-top: 10px;
	border:solid 1px #999999;
	background-color:#FEFF8F;
}
/*****************************
	 Icon Handling
*****************************/
.imageIcon 
{
	display:inline;
	vertical-align:middle;
}
.deleteIcon {
	background-image:url('/Images/DeleteIcon.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.deleteIcon:hover {
	background-image:url('/Images/DeleteHoverIcon.png');
	text-decoration: none;
}
.restoreIcon {
	background-image:url('/Images/RestoreIcon.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.restoreIcon:hover {
	background-image:url('/Images/RestoreIconHover.png');
	text-decoration: none;
}
.moveIcon 
{
	background-image:url('/Images/Move.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: move; 
}
.moveIcon:hover 
{
	background-image:url('/Images/MoveHover.png');
	text-decoration: none;
}
.editIcon 
{
	background-image:url('/Images/Edits.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.editIcon:hover {
	background-image:url('/Images/EditsHover.png');
	text-decoration: none;
}
.printIcon 
{
	background-image:url('/Images/Print.png');
	background-repeat: no-repeat; 
	height:32px;
	width:32px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;
	cursor: pointer;
}
.printIcon:hover {
	background-image:url('/Images/PrintHover.png');
	text-decoration: none;
}
.printRoundIcon 
{
	background-image:url('/Images/PrintRound.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.printRoundIcon:hover {
	background-image:url('/Images/PrintRoundHover.png');
	text-decoration: none;
}
.copyPasteIcon 
{
	background-image:url('/Images/CopyPasteIcon.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.copyPasteIcon:hover 
{
	background-image:url('/Images/CopyPasteHoverIcon.png');
	text-decoration: none;
}
.lockIcon 
{
	background-image:url('/Images/Lock.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.lockIcon:hover 
{
	background-image:url('/Images/LockHover.png');
	text-decoration: none;
}
.lockOpenIcon 
{
	background-image:url('/Images/LockOpen.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.lockOpenIcon:hover 
{
	background-image:url('/Images/LockOpenHover.png');
	text-decoration: none;
}
.previewIcon
{
	background-image:url('/Images/Preview.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;
	cursor: pointer;
}
.previewIcon:hover {
	background-image:url('/Images/PreviewHover.png');
	text-decoration: none;
}
.payIcon {
	background-image:url('/Images/PayIcon.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.payIcon:hover {
	background-image:url('/Images/PayIconHover.png');
	text-decoration: none;
}
.rulesIcon {
	background-image:url('/Images/RulesIcon.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.rulesIcon:hover {
	background-image:url('/Images/RulesHover.png');
	text-decoration: none;
}
.downloadIcon {
	background-image:url('/Images/download.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.downloadIcon:hover {
	background-image:url('/Images/downloadhover.png');
	text-decoration: none;
}
.tableIcon {
	background-image:url('/Images/table.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.tableIcon:hover {
	background-image:url('/Images/tablehover.png');
	text-decoration: none;
}
.acceptIcon {
	background-image:url('/Images/Accept.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;
}
.acceptIcon:hover {
	background-image:url('/Images/AcceptHover.png');
	text-decoration: none;
}

.reloadIcon 
{
	background-image:url('/Images/Reload.png');
	background-repeat: no-repeat; 
	height:24px;
	width:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-decoration: none;
	cursor: pointer;    
}

.reloadIcon:hover 
{
    background-image:url('/Images/ReloadHover.png');
	text-decoration: none;
}
.transferIcon {
	background-image: url('/Images/Transfer.png');
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	cursor: pointer;
}
.transferIcon:hover {
    background-image:url('/Images/TransferHover.png');
	text-decoration: none;
}

h2.separator { border-top: solid 1px #999999 }
.floatLeft {float:left;}
.floatRight { float:right;}
.warningImage { background-image: url('/Images/warning.gif'); }
legend { color: #999999; font-size: 14px; }
/* - telerik modified their embedded background to be a different size.  NEed to grab it and update
.rtsIn, .rtsOut, .rtsLink
{
	background-image: url('/Images/Skin/outernav.png') !important;
	
}
*/
.reModule { 
  display:none !important; 
}

/*  added for rebranding 7/12/2018  */
.visionLogo {
     height: 50px;
     margin: 5px;
     display: inline-block;
     vertical-align: middle;
}

.topHeaderText {
     font-size: 25px;
     color: #ed8433;
     margin-left: 5px;
     font-family: "Lato-Black", sans-serif;
     font-weight: 900;
     font-style: normal;
     display: inline-block;
     vertical-align: middle;
}