@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/*reset styles*/
html,body { height: 100%; }
body    
{
    margin: 0px;
    min-width: 980px;
}

/*
body,
input,
textarea,
select
{
	font-family: museo-sans,verdana,helvetica,sans-serif;
	font-size: 11px;
}
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

a:focus {
  outline: thin dotted #0033FF;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

.nodecorationText
{
    text-decoration: none
}

img {
  /*max-width: 100%;*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1{
   /*border-bottom: 1px solid black;
   color: #1C448A;
   font-family: Geneva,Verdana,Arial;
   font-size: 12px;*/
}

h2{ font-size: 13px; margin-bottom: 15px; }

hr
{
    border: none;
    border-bottom: 1px solid #99B3CC;
    margin:1px 0 3px 0;
}

hr.lib-search-divider
{
    height: 5px;
	border: 0;
    position:relative;
    left:-1%;
    width:101.8%;
	border-top: 2px solid #eee;
    margin: 1px 0 3px 0;
}

#library-text-search input
{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

#libraryView
{
    min-height : 830px;
    border-left : 2px solid #eee;
}

.TacticsColumn
{
    padding-left: 10px;
}


#tacticsPlaceHolder
{
    padding-left: 10px;
}

#LibrarySearch
{
    padding-right: 4px;
}

/*.lib-filter-divider
{
    position:absolute;
    left:24.7%;
    z-index:-1;
    width:1px;
    height: 1000px;
    box-shadow: 5px 0px 5px -5px #8c8b8b inset;
}*/

ul,
ol 
{
  padding: 0;
  margin: 0;
}

form > ol{
    list-style:none;
}
form li{
    margin:3px 0;
    list-style:none;
} 
/*
label{
  font-size: 11px;
  font-weight: bold;
  padding-top:5px;
}
*/
/*
button,
select,
textarea {
  margin: 0;
  font-size: 100%;
  /*following seems to look better for inline selects -i.e. "text" <select>!1!
  vertical-align: middle;
}
*/

button,
input {
  *overflow: visible;
  padding: 4px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/*
input,
textarea,
select {
  background-color: #F5F5F5;
  border: 1px solid #99B3CC;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  padding:2px 0 2px 3px;
  margin: 2px 0;
}
*/

input[type="image"] {
  border: none;	
}

/*
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  /* IE7 !1!

  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;
  /* IE9 and down !1!

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  background-color: #ffffff;
  background-color: initial;
  border: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}
*/

/*input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size !1!

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels !1!

  line-height: 28px;
}

input[type="file"] {
  line-height: 18px \9;
}

textarea {
  height: auto;
}
input[type="hidden"] {
  display: none;
}
xmp {
    margin: 0;
}*/
/*end reset styles*/
.clearfix {
  *zoom: 1;
}

.clear_space_left 
{
    margin-left: 0px;
    padding-left: 0px;   
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

textarea.textarea_lg {
    height: 200px;
}

textarea.textarea_sm {
    height: 50px;
}

.NoBold 
{
    font-weight: normal !important;   
}

.indention40 ol li label{
    margin-left: 40px;
}

/*start predefined grid*/
.span14 {
  width: 1100px !important;
}

.span13 {
  width: 1020px !important;
}

.span12 {
  width: 940px !important;
}

.span11 {
  width: 860px !important;
}

.span10 {
  width: 780px !important;
}

.span9 {
  width: 700px !important;
}

.span8 {
  width: 620px !important;
}

.span7 {
  width: 540px !important;
}

.span6 {
  width: 460px !important;
}

.span5 {
  width: 380px !important;
}

.span4 {
  width: 300px !important;
}

.span3 {
  width: 220px !important;
}

.span2Half 
{
 width: 180px !important;   
}

.span2 {
  width: 140px !important;
}

.span1 {
  width: 60px !important;
}
.span0 { width: auto !important; }

.maxSpan200 
{
  max-width: 200px;   
}
/*end predefined grid*/
/*main structure*/
#mainHeader
{
    /*background: #D2DFF7;*/
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 7px;
}

.quick-contact-search {
    float: left;
	min-width: 280px;
}
.quick-contact-search input {
	color: #808080;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	background-color: #F5F5F5;
	padding-left: 2px;
	width: 280px;
	height: 18px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: 1px solid #99B3CC;
}

/*#mainNav .nav{ padding:0 10px; }*/
.container 
{
    height: auto !important;
    margin: 0 0 -20px;
    min-height: 100%;
}

.resetContainerMargin 
{
    margin: 0 0 0 !important;   
}

.padding-inner-container {
    padding-right: 10px;
    padding-left: 10px;
}


/*tabs*/
/*.nav {
  margin-bottom: 18px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
  color:#333;
  text-decoration:none;
}

.nav > li > a:hover 
{
  color: #333;
  text-decoration: none;
}

.nav-tabs
{
   clear:both;
  *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  display: table;
  content: "";
}

.nav-tabs:after {
  clear: both;
}

.nav-tabs {
  margin:0px;
  border-bottom: 1px solid #99B3CC;
}

.nav-tabs > li 
{
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li a
{ 
	float: left;
}
.nav-tabs > li img {
    max-width: none;
}
.nav-tabs > li span{ vertical-align: middle; }*/
/*
ugly legacy
.nav-tabs > li a 
{
    background: url(../Images/Tabs/cctab_bg.gif) repeat-x 0 0;    
}

.nav-tabs > li.subInactive a 
{
    background: url(../Images/Tabs/ccpagetab_bg.gif) repeat-x 0 0;    
}

.nav-tabs > li.active a {
    background: url(../Images/Tabs/cctab_bg_on.gif) repeat-x 0 0; 
}

.nav-tabs > li.subActive a {
    background: url(../Images/Tabs/ccpagetab_bg_on.gif) repeat-x 0 0; 
}
*/

/*
.nav-tabs-end {
	width: 8px;
	height: 26px;
	float: left;
}

.nav-tabs > li .nav-tabs-end 
{
    background: url(../Images/Tabs/cctab_end.gif);    
}

.nav-tabs > li.subInactive .nav-tabs-end 
{
    background: url(../Images/Tabs/ccpagetab_end.gif);    
}

.nav-tabs > li.active .nav-tabs-end {
    background: url(../Images/Tabs/cctab_end_on.gif); 
}

.nav-tabs > li.subActive .nav-tabs-end {
    background: url(../Images/Tabs/ccpagetab_end_on.gif); 
}

.nav-tabs .tabBetaTag {
	color: #FF0000;
	font-size: x-small;
	vertical-align: text-top;
}

*/
.tab-content
{
    border-left:1px solid #99B3CC;
    border-right:1px solid #99B3CC;
    border-bottom:1px solid #99B3CC
}
/*end tabs*/

/* Google Chart */

.chartHeader {
    color: #506274;
    font-weight: bold;
    font-size: 12px;
}

.chartTitle 
{
    font-family: "Arial";
    font-size: 14px;
    font-weight: bold;
    color: #506274;   
}

.lineChartTitle {
    font-family: "Arial";
    font-size: 14px;
    font-weight: bold;
    color: #506274;   
    margin-left: 58px;	
}

.smallLineChartTitle {
	font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #506274;   
    margin-left: 58px;	
}

.reportTitle{
	font-family : "verdana", "helvetica", "sans-serif";
	font-size : 32px;
	color : #506274;
	font-weight : bold;
}

/* End Google Chart */

.itemNameHeader {
    color: black;
    font-weight: bold;
    font-size: 14px;
    padding-top:1px;
    padding-left:1px;
    margin-bottom: 0px;
}

/*table styles*/
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.no-top-table-border > thead > tr > th {
     border-top:0px;
}

.no-top-border {
     border-top:0px !important;
}

/*
    the select will line up with the row in the table (2px margin top defined on select in the cssreset)
*/
.table select {
    margin: -2px 0;
}
.table-striped thead>tr>th {
    /* remove the border on the top row */
    border-top:0px;
}
.table-striped table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #99B3CC;
}

.table th {
  font-weight: bold;
  /*border-top:0px;*/
}

.table thead th {
  vertical-align: bottom;
} 
  
.setting-table-border {
  width: 100%;
  margin-bottom: 18px;
}

.setting-table-border th,
.setting-table-border td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #99B3CC;
  border-bottom: 1px solid #99B3CC;
}

.setting-table-border td + td {
    width: 40%
}

.setting-table-border thead th {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: bottom;
  font-weight: bold;
  border-top: none;
  background: #E7EFFF;
}

.setting-table {
  width: 100%;
  margin-bottom: 18px;
}

.setting-table th,
.setting-table td {
  padding-left: 20px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
}

.setting-table td + td {
    padding-left: 8px;
    width: 40%
}

.setting-table tbody:last-child {
    border-bottom: 1px solid #99B3CC;
}

.setting-table tbody tr>th {
  padding-left: 8px;
  border-top: 1px solid #99B3CC;
}

.setting-table thead th {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: bottom;
  font-weight: bold;
  border-bottom: 1px solid #99B3CC;
  background: #E7EFFF;
}

.table_border_on_pulls  {
    border-top: 1px solid #99B3CC !important; 
}

.table_border tbody>td {
    border-top: 0px;
}
.table-bordered {
  border: 1px solid #99B3CC;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #99B3CC;
  text-align: left;
  vertical-align: top;
}

.tableSWBackground{
    background-color: #E7EFFF !important; /*important to override striped styles*/
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table-highlight{ border: 1px solid #99B3CC; }
.table-highlight td, .table-highlight th{ line-height: 100%; padding: 5px; }
.table-highlight thead,
.table-highlight tfoot { background: #F5F5F5; }
.table-highlight tfoot td{ font-weight: bold; }

.table-tallCell-middleText {
	vertical-align: middle !important;	
}
.clear-table {
    background-color: transparent;
    
}
.clear-table td,
.clear-table th 
{
    line-height: 14px;
    border-top: 0px !important;
    padding: 0px 10px !important;
    background-color: transparent !important;
}
/*end table styles*/

/*start form styles*/


.form-horizontal-span-vAlign
{
    vertical-align: middle;   
}



.form-horizontal-align-without-label {
	padding-left: 150px;
}

.form-secondary > li > label {
    font-weight: normal;
    font-size:13px;
    padding: 0 10px;
}
.form-secondary li 
{
   clear: both; 
   list-style: none;
}
.form-inline {
    display: inline-block;
}
form li ol
{
    list-style:none;
    margin-left: 10px;
}

.combo-title-bg {
    font-size: 13px;
} 

.combo-title-sm {
    font-size: 12px;
}
/*end form styles*/

/* list styles*/

.pager ul{
    list-style: none;
}

.pager  li {
    float: left;
    list-style-type: none;
    padding-right: 5px;
}


.list-horizontal li {
    display: inline;
    list-style-type: none;
    padding-right: 5px;
}
/*end list styles*/

/*start alert messages*/
.req{ color: #FF0000; }

/*end alert messages*/
/*thumbnails*/
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}

.thumbnails:after {
  clear: both;
}
.thumbnails > li {
  float: left;
  text-align: center;
  margin-bottom: 18px;
  margin-left: 20px;
  width:220px;
}
.thumbnails .figcaption{}
/*.tooltip
{
    background-color: #000000;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: none;
    height: 20px;
    margin-left: 40px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 145px;
}
*/
.thumbnails a{ color:#0033FF; }

a:hover .tooltip {
  display:block;
}

a.button-link {
	display: inline-block;	
}

/*modal styles*/
/*used for a mini-backdrop instead of a full-screen backdrop*/
.backdrop_border {
    border: 5px solid #999999;
    border: 5px solid rgba(153,153,153,1);
    background-clip: padding-box;
}

.modal-positionable
{
 display: none;
 position: absolute;
 z-index: 1050;
 min-width: 600px;
 overflow: auto;
 background-color: #ffffff;
 border: 1px solid #999;
 border: 1px solid rgba(0, 0, 0, 0.3);
 *border: 1px solid #999;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
 background-clip: padding-box;
 border-color:#99B3CC;
}

.document-tactic-preview-popup.modal-positionable {
    min-width: 960px;
    border: none;
}

.document-tactic-preview-popup.modal-positionable .modal-body {
    padding-bottom: 0;
}

.document-tactic-preview-popup.modal-positionable .modal-body iframe {
    background-color: #fff;
}

.document-tactic-preview-popup.modal-positionable .modal-body .iframe-wrapper {
    padding: 40px;
    background-color: #535659;
    margin: 0 -15px;
}

    .document-tactic-preview-popup.modal-positionable .tactic-preview-header-detail {
        margin-bottom: 0;
    }

.modal-positionable-centered 
{
 display: none;
 top: 35%;
 left: 37%;
 position: absolute;
 z-index: 1050;
 min-width: 560px;
 overflow: auto;
 background-color: #ffffff;
 border: 1px solid #999;
 border: 1px solid rgba(0, 0, 0, 0.3);
 *border: 1px solid #999;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
 background-clip: padding-box;
 border-color:#99B3CC;
}

.move-campaigns-popup {
  top: 160px;
  left: 400px;
}

.modal-header2
{
	background: url(../Images/Button/button_bg.gif) repeat-x 0 0;
	border-bottom: 1px solid #99B3CC;
	padding: 5px;	
}

.modal-header-small > h2,
.modal-header > h2,
.modal-header2 > h2 {
	margin-bottom: 0px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: rgb(0, 0, 0) !important;
}

.modal-header-small .close,
.modal-header2 .close
{ 
	float: right; 
}

.modal-body
{
 clear: both;
 overflow-x: hidden;
}

.modal-body-no-padding 
{
    clear: both;
    overflow-x: hidden;
}

.modal-body-notop {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
    overflow-x: hidden;
}

.modal-header-small {
	margin-top:0;
	margin-bottom: 0;	
}
.closeModal {
    display: inline-block;
    border-color: #99B3CC; 
    border-style: solid;
    border-width: 1px;
    background-image: url(../Images/Button/button_bg_sm.gif);
}
.modal-header2 .closeModal {
	border:none;
	background-image: none;	
}
.closeModal img {
    cursor: pointer; 
    display: inline;
    border: 0;
}

#searchResultsPopUp .modal-body
{
 height: 500px;
 overflow-y: auto;
}
.pop-selection 
{
   position:relative; 
   float: left;
   margin-left: 10px;
}
.pop-items
{
    position: absolute;
    background: #fff;
    right: -140px;
    top: 0;
    border: 1px solid #99B3CC;
    padding: 10px;
}
.pop-items-under
{
    position: absolute;
    top: 28px;
    left: 5px;
    box-shadow: 0 0 0px 5px #999;
    -moz-box-shadow: 0 0 0px 5px #999;
    -webkit-box-shadow: 0 0 0px 5px #999;
    width: 600px;
    display: none;
}
.pop-selection-header
{
    background: #f5f5f5;
    padding: 5px;
 }
.pop-selection-body
{
    background: #fff;
    padding: 10px;
}

.pop-selection-body2
{
    background: #fff;
}

.full-size-modal .modal{
	width: 98%;
	height:97%;
	horiz-align: center;
	top:0;
	left:0;
	margin: 10px;
}

.modal-import-wizard{
    top:150px; 
    left:20%; 
    width:650px; 
    position:absolute;
}

/*
#popupHeader_importWizardPopup{
    font-family: museo-sans !important;
}
*/
    
/*end modal styles*/
/*hero-unit*/
.hero-unit {
  background-color: #FFFFFF;
  border: 1px solid #99B3CC;
  border-radius: 11px;
  padding: 10px;
  margin-bottom: 25px;
  *zoom: 1;
}

.hero-unit h2 {
  color: Green;
  font-size: 14px;
  font-weight: bold;
}
.hero-unit h3 {
   color: #506274;
   font-size: 18px;
   font-weight: bold;
}

.hero-unit h3[class*="call-out"] {
   color: #506274;
   font-size: 32px;
   font-weight: bold;
   padding-bottom: 5px;
   padding-top: 4px;
    
}
.hero-unit .call-out {
    color: #506274;
    font-size: 32px;
    font-weight: bold;
}

.hero-unit .call-out-data {
    color: #506274;
    font-size: 12px;
}
.hero-unit h4 {
    color: #506274;
    font-weight: normal;
    font-size: 14px; 
    margin:5px 0;
}

.hero-unit ul {
    float: left;
    /*min-width: 940px;*/
    width: 100%;
    list-style: none;
}

.hero-unit li {
    float: left;
    text-align: center;
    border-left: 1px solid #DDD;
    padding:10px 5px;
    width: 100%;
    color: #AAA;
}    

.flex-span80 { width: 80%; }
.flex-span95 { width: 95%; }
.flex-span-height100 { height: 100%; }

.hero-unit .flex-span2 li { width: 49%; }
.hero-unit .flex-span3 li { width: 32%; }
.hero-unit .flex-span3 p { margin: 0px; }

.hero-unit .flex-span4 li { width: 23%; }
.hero-unit .flex-span5 li  { width: 18.8%; }

.hero-unit .flex-elem28 { width: 28%; min-width: 150px;}
.hero-unit .flex-elem30 { width: 30.33%; min-width: 150px;}
.hero-unit .flex-elem28, .hero-unit .flex-elem24 p { margin: 0px; }


.hero-unit .flex-elem24 { padding-left: 2%; }
.hero-unit .flex-elem24 li { width: 23% }

.hero-unit .flex-elem2 { width: 3%; min-width: 40px;}


.hero-unit .no-border { padding-left: 2%;}
.hero-unit .no-border li { border: none; padding: .25% .54%}

.hero-unit li:first-child {border:none; }

.hero-unit:before,
.hero-unit:after {
  display: table;
  content: "";
}
.hero-unit:after {
  clear: both;
}

.hero-table {
	width: 100%;	
}
.hero-table tr:not(:first-child) td{
	padding-top: 10px	
}
.hero-table td {
	padding-bottom: 4px;
	text-align: center;
	vertical-align: top;	
}

.hero-table tr td:not(:first-child) {
	border-left: solid thin #DDD;	

} 


.hero-table tr:not(:first-child)  {
	border-top: solid #DDD;	
} 


/*end hero-unit*/
/*start progress bar*/
.progress {
  height: 8px;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid #99B3CC;
}

.progress .bar {
  width: 0;
  height: 8px;
  background: #C5D6E7;
}
.progress-label {
    text-align: left;
    margin-top: -10px;
}  
.progress-label span { width: 50%; }
.progress-label .pull-right{ text-align: right; }

/*end progress bar*/

.aspContainer {
	min-height:100%;
	position:relative;
	/*margin-top: 10px;*/
}
.resetFrameMargin {
    margin-top: -10px;
}

.marginTop5 
{
    margin-top: 5px !important;   
}

.marginTopMinus5
{
    margin-top: -5px;   
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}
.marginTop30 {
    margin-top: 30px;
}

.marginTop70 {
    margin-top: 70px;
}
.aspHeader {
}
.aspBody {
	margin: 0px;
	padding: 0px;
	padding-bottom:19px;   
}
.aspFooter {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.content {
	min-width: 600px;
	padding: 5px 10px;
}

span#popupHeader_headerUserSettings {
    font-family: museo-sans, sans-serif, Arial;
    font-size: 16px;
    font-weight: bold;
}

.content-for-settings {
    min-width: 500px;
    padding: 0px !important;
}

/* Social Tactic */
.previewcontent {
	min-width: 586px;
	min-height: 131px;
	padding: 5px 10px 10px;
}
/*Social Tactic for LinkedIn*/
.previewcontentlinkedin {
	min-width: 586px;
	min-height: 131px;
}
/* Social Tactic for Facebook*/
.previewcontentfacebook {
	min-width: 510px;
	min-height: 131px;
	padding: 5px 10px 10px;
}

#imageUploadIcon, #videoUploadIcon, #assetLibraryUploadIcon {

    font-family:"Glyphicons Halflings" !important; 
    text-decoration: none !important;
    display:inline-block;
    margin-right:10px;
}
#imageUploadIcon.disabled, #videoUploadIcon.disabled, #assetLibraryUploadIcon.disabled {
    cursor:not-allowed;
    opacity:0.4;
}

/* -- END Social Tactic */

/* Toastr css specific hacks */
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 500px !important;
}
/* -- End Toaster hacks*/

/*too much padding on the normal content, bit jarring from switching from cf to .net*/
.content5 {
	min-width: 600px;
	padding: 5px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.formLine {
	min-width: 100px;
	margin-right: 5px;
	margin-top: 12px;
	margin-bottom: 2px;
}

.detailedList h4 {
    margin-bottom: -6px;
}

.detailedList p {
    margin-bottom: 20px;
}

.detailedList .controls {
    margin-top: 30px;
}

.detailedList .indented {
    margin-left: 50px;
}

.log_indenting {
	margin-left: 35px;
	text-indent: -30px;
}

.text-highlight {
    color: tomato;
    font-weight: bold;
    /*background-color: #FFFF96;*/
}

.headerCompanyName {
	padding-left: 100px;
	padding-top: 15px;
	vertical-align: middle;
	max-width: 200px;
	overflow: visible;
}
.headerProgramList 
{
    margin-left: 3px;
    margin-right: 5px;
	vertical-align: middle;
}

.headerGoToBar {
	max-width: 170px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: 1px solid #99B3CC;
}
.title_small_bold {
	color: #1C448A;
	border-bottom: 1px solid black;
	font-family: Geneva, Verdana, Arial;
	font-size: small;
	font-weight: bold;
}
.title_small_bold_modal {
    color: #1C448A;
    border-bottom: 1px solid #1C448A;
    font-family: museo-sans, sans-serif, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.blueBorderBottom {
    border-bottom: 1px solid #99B3CC;
}
.tabStrip {
	vertical-align: bottom;
	height: 25px;
	padding-left: 6px;
}
.footerBar {
	width: 100%;
	height: 19px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #99B3CC;
	background-color: #E7EFFF;
}
/* deprecated with redesign
.button {
  border:1px solid #99B3CC;
    background: #DBE4ED url("../Images/Button/button_bg.gif") repeat-x;
    background-position: bottom left;
  cursor: pointer;
  margin-right: 5px;
    overflow: visible;
    padding: 0 10px 0 5px;
} */
.button[disabled="true"], .button[disabled] {
    color: #808080;
}
/* deprecated with redesign
.button:hover,
.close_button:hover {
    background: #DBE4ED url("../Images/Button/button_bg_on.gif") repeat-x;
}
.button_sm {
	border:1px solid #99B3CC;
    background: #DBE4ED url("../Images/Button/button_bg_sm.gif") repeat-x;
	cursor: pointer;
	margin-right: 5px;
    overflow: visible;
    padding: 0px 0px 0px;
    width: 16px;
    height: 17px;
}

.button img {
    vertical-align: middle;
}
*/
.close_button {
	border: 1px solid #99B3CC;
	background: #DBE4ED url("../Images/Button/button_bg_sm.gif") repeat-x;
	cursor: pointer;	
}


.ButtonLabelContainer {
	white-space:nowrap;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 14px;
}
.borderBlue {
    border:1px solid #99B3CC;
}
.ButtonImageContainer {
	margin: 2px 8px 1px 3px;
}

.tab_background {
    height: 18px;
    padding-left: 4px;
    padding-top: 8px;
}
.hidden {
	visibility: hidden;
}
.visibility {
    visibility: visible;
}
.clickable {
    cursor: pointer;
}
.moveable {
	cursor: move
}
/* deprecated with redesign
.buttonBackground {
	background-color: #D2DFF7;
}
*/
.tabModule {
	background-color: #E7EFFF;
	border-right: solid 2px #45474A;
	padding-right: 7px;
	padding: 7px;
}
.tabModuleTobAndBottom {
	width: 100%;
}
.tabModulelist{
	list-style-type: none;
}
.tabModulelist li{
	padding-bottom: 5px;
}
.tabModuleOffChecklist 
{
		padding-top: 3px;
	list-style-type: none;
}
.tabModuleOffChecklist li {

	padding-bottom: 5px;
}
.tabModuleSurounding {
	padding-right: 9px;
}
.noMargin {
	margin: 0 !important;
}
.noPadding {
	padding: 0px;
}

.softPhoneOptions {
	padding-left: 71px;
	padding-bottom: 15px;
}
.checkBox {
	margin-right: 3px !important;
    vertical-align: middle;
}

.settingsPageUserPrefs {
	padding-top: 27px;
}
.smallMarginBottom {
    margin-bottom: 10px;
}
.smallMarginBottom-modal {
    margin-bottom: 14px;
}
.smallMarginBottom li,
.smallMarginBottom .fakeLi{
    margin-bottom: 5px;
}

.customTapiExample {
    margin-left: 83px;
}
.softPhoneM5 {
    margin-left: 134px;
}

.selectLabel {
    width: 100px;
    display: inline-block;   
}

.selectSpan {
    margin-top: 2px;    
}

.singleSelectDropDown {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left ;
	background-color: #F5F5F5;
	padding-left: 3px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 0px;
	vertical-align: middle;
	border : 1px solid #99B3CC;
}

/*
.SelectBoxHeight {
    height: 21px;
}
*/

.sw-alert {
    color: red;
}

div .center 
{
    width: 50%; 
    margin: 0px auto;
}

.button img {
    max-width: none; /*TODO: Get rid of max-width on all images and check repercussions.*/
}
.center-flash {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 300px;
   height: 300px;
   margin-top: -150px; 
   margin-left: -150px;
}
.offset140{ margin-left: 140px !important; }
.offset40{ margin-left: 40px !important; }
.offset35{ margin-left: 35px !important;}
.offset30{ margin-left: 30px !important;}
.offset20{ margin-left: 20px !important; }
.offset15{ margin-left: 15px !important;}
.offset10{ margin-left: 10px !important; }
.offset5{ margin-left: 5px !important; }


.offset35Right {margin-right: 35px !important;}
.offset30Right {margin-right: 30px !important;}
.offset25Right {margin-right: 25px !important;}
.offset20Right {margin-right: 20px !important;}
.offset15Right {margin-right: 15px !important;}
.offset10Right {margin-right: 10px !important;}
.offset5Right{ margin-right: 5px !important; }
.separator5 { margin-top: 5px !important;}
.separator10 { margin-top: 10px !important;}
.separator15 { margin-top: 15px !important;}
.separator20 { margin-top: 20px !important;}
.separator25 { margin-top: 25px !important;}
.separator35 { margin-top: 35px !important;}
.separator40 { margin-top: 40px !important;}




/*Overwrite Styles - styles that need to be at bottom */
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-left{ text-align: left !important; }
.text-center{ text-align: center !important; }
.text-right{ text-align: right !important; }
.hide { display: none  }
.show { display: block }
.invisible { visibility: hidden  !important; }
.no-border { border: none !important; }
/*End Overwrite styles*/


.image_thumb {
    width: 50px;
    height:38px;
    border:1px solid #021a40;
}
.image_thumb_mini {
    width: 30px;
    height:25px;
    border:1px solid #021a40;
}
.image_thumb_large {
    width: 200px;
    height:150px;
    border:1px solid #021a40;
}
.link {
    cursor:pointer;
}

.item_list {
    margin: 10px 10px;
}

/*
* put these on your <th> to get consistent spacing on multiple tables on same page
*/
.checkBoxTableCell {
    width:1%;
}

.thumbnailTableCell {
    width: 5%;
}

.narrowTableCell {
	width: 10%;
}

.numberTableCell {
	width: 10%;
}

.dateTableCell {
	width: 10%;
}

.stringTableCell {
    width:20%;
}

label.block_label {
	display: block;
}

.alignWithLabeledInput {
	padding-top: 26px;
}

.tableTotalsRow {
	font-weight: bold;
}

.tableTotalsFooter,
.namedTableHeading {
	background-color: #D2DFF7;
}

.multiSelectDropDown {
	display: none; 
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	border: solid thin #D2DFF7;
	width: 350px;
	z-index: 100;
}
.multiSelectDropDown > ul {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 95%;
}
.multiSelectDropDown li {
	padding-top: 1px;
}
.multiSelectDropDown label {
	float: none;
	vertical-align: middle;
}
.multiSelectDropDown input {
	vertical-align: middle;
}
.multiSelect {
	background-color: #F5F5F5;
	border: 1px solid #99B3CC;
}
.multiSelectContainer {
	margin: 2px 0;
}
.multiSelectContainer,
.multiSelect > div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-width: 50px;
}
.multiSelect > div {
	vertical-align: middle;
	padding: 2px;
	border-right: solid thin #99B3CC;
}
.multiSelectEdit {
	vertical-align: top;
}
.multiSelectTop {
	background-color: whiteSmoke;
	border-bottom: thin solid #99B3CC;
	height: 25px;
	vertical-align: middle;
	padding: 4px 4px 4px 9px;
}
.multiSelectBottom {
	padding:5px;
}
.multiSelectClose {
	background: url("../Images/Button/button_bg.gif"), repeat-x;
	background-position: left bottom;
	border: thin solid #99B3CC;
	margin: -2px;
}

.multi_Select_Leaf {
	font-weight : normal;
}

.multi_Select_Node {
	font-weight : bold;
}

.multiselect-options {
	padding: 0 7px;
}

.multi_Select_Drop_Down_Heading {
	padding: 3px 0 0 7px;
	border-bottom: 1px solid #CCC;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/*start bargraph */
.bargraph {
  display: block;
  float:left;
  height: 20px;
  *height:21px; /*IE cuts off borders*/
  /*margin: 4px;*/
  margin: 3px 4px 3px 4px;
  overflow: hidden;
  padding: 6px;
  top:0;
  left:0;
  right:0;
  width:140px;
}

.bargraph .barInfo {
  
}

.bargraphindex { 
  display: inherit; 
  top: 0; 
  left: 0; 
  height: inherit;
  padding-top: 3px;
  /*background: #D2DFF7; */
  background: #3366CC; /*matches googlecharts*/
  text-align: center;
  /*
    sets text inside to not show
    text-indent: -9999px;  
    */ 
  overflow: hidden; 
  border: 1px solid #0d0f11;
}

.bargraph-label {
    float:left;
    text-align: left; 
    font-family : "verdana", "helvetica", "sans-serif";
	font-size : 10pt;
	margin: 5px;
	list-style:none;
	width:140px;
	height:20px;
} 

.bargraph-label span { width: 25%; }
.bargraph-label .pull-right{ text-align: right; }
.bargraphList {
    *zoom: 1;
    list-style:none;
}
.bargraphList li:after {
  display: table;
  content: "";
  clear:both;  
}
/*end bargraph*/
hr.separatorbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

h3.paddedHeading {
    margin-top: 10px;
    margin-bottom: 5px;
}

.sorting {
	border: thin dashed #808080;
	cursor: move;
}
 .sorting input {
 	cursor: move;
 	color:#808080; 
 }
 .sortable 
{
	/*when switched to sorting a border is shown this holds that size*/
	border: thin solid transparent;
}

.campaignAttributes input {
    margin-top:2px;
}
.campaignAttributes select {
    margin-top:5px;
}

.campaignAttributes > .campaignAttributesSet label {
    margin-top:2px;
    float: none;
}

.campaignAttributesSet {
    margin-top: 15px;
}
.campaignAttributesSet li {
    margin-top:2px;
    margin-left:20px;
}

#programListFrame{
	width: 100%;
}

.programList > li > label {
    float:none;
    padding-left:5px;
}

.programList > li {
    padding-top:5px;
    margin-left:12px;
}

.jQueryDateField {
	width:100px;	
}
.file-input-control {
	position: relative;	
	width: 243px;
	display: inline;
}

.file-input-control input[type="file"] {
	position: relative;	
	-moz-opacity: 0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 243px;
	height: 27px;
}

.file-input-control-visuals {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
	margin: -6px 0;
}
.file-input-control-visuals > button {
	margin-top: -2px;	
}

.marketingSearchBar {
    margin-top: 10px;
    margin-bottom: 23px;
}

.unlabeledControl {
     margin-top: 18px;  
}

.marketingSearchControl {
    margin-left: 40px;
}

span.verticalSlider {
    height: 120px;
    margin: 0px auto;
}

.slider {
    text-align: center;
    width: 40px;
}
.slider input {
    width: 25px;
    text-align: center;
    margin: 0 auto;
}

.goals_div {
    text-align: center;
    padding: 35px;
    vertical-align: top;
}

.inline {
    display: inline;
}

/* Need it to overwrite */
.inlineStrong 
{
    display: inline !important;   
}

.positionable {
    position: absolute;
    top: 0;
	left: 0;
}

.alignWithButton {
	vertical-align: bottom;
}
.margin5 {
    margin: 5px;
}

.marginLeft25 
{
    margin-left: 25px !important;   
}

.marginLeft60 {
    margin-left: 60px;
}

.marginLeft155 {
    margin-left: 155px;
}

.margin5 h2 {
    margin-bottom: 0px;
}
.fake-link:hover {
    color:blue;
}
.fake-link {
    color: #1b437b;
    text-decoration: underline;
    cursor: pointer;
}
.sw_back_drop {
    background: #F9FBFF;
}
.widgetOtherItem li {
    display:block;
    text-align: left;
    float:left;
    clear:left;
    
}

.statusWidget {
    padding-left: 5px;
    padding-right: 5px;
}

.statusWidget h3 {
    padding-top:3px;
    padding-bottom: 3px;
}
.statusWidget span,
.hero-table p {
    color: #AAA;
}
.processingFlash {
    margin-left:auto;
    margin-right:auto;
    width: 50px;
}
.EditTag 
{
    cursor: pointer;  
    position: absolute; 
    z-index: 1;  
    border: 1px dashed red; 
    /*background-image: url('/#Application.ImageDirectory#/themes/#iThemeID#/images/_semitrans.png');*/
}
.EditTag:hover 
{
    cursor: pointer;  
    position: absolute; 
    z-index: 1;  
    border: 1px dashed #000; 
    background-image: url('../Images/Editables/_semitrans.png');
}
.editable {
    border: 1px dashed #c2c2c2; 
}

.sortList li {
    list-style: none;
    margin-top: 5px;
    word-wrap: break-word;
}

.customField label {
	vertical-align: middle;	
}

.CustomFieldTextAreaType textarea {
	height: 43px;
	width: 160px;	
}

.customField .ratingScaleTable {
	display: inline-table;
}

.ratingScaleTable td {
	text-align: center;	
}

.ratingScaleTable table>thead>tr>th,
.ratingScaleTable table>tbody>tr>td {
	border-top: none;	
	padding: 3px;
}

.CustomFieldRatingType .exampleText {
	display: block;	
}

.form-settings .CustomFieldMultiSelectType select {
	vertical-align: top;	
}

.form-settings .CustomFieldCurrencyType label {
	width: 157px;	
}

td.table_sub_heading  {
	padding-left: 8px;	
	font-weight: bold;
}

/*solution to wrap text, crossbrowser*/
.wrapword{
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
}

.frameNoBorder 
{
    border: 0px;   
}

.framed {
    border: 1px solid lightgray;
    min-height: 95px;
}

.framedStandardSize {
    min-width: 300px;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.labeledRadio {
    vertical-align: -20%;
    margin-right: 5px!important;
    margin-bottom: 5px!important;
}

.cleanRadioForIE {
    border: none !important;
    border-color: rgb(255, 255, 255)  !important;
    background-color: rgb(255, 255, 255) !important;
}

.smallNumberInput {
	width: 60px;	
}

.text-input-default-text {
	color: Gray !important;
}

ul.formList li,
ol.formList li {
	margin: 9px 0 0 17px;
}

/*label before the input*/
ul.formList li > label:first-child,
ol.formList li > label:first-child {
	display: inline-block;
	width: 167px;
}

.formList-Label {
	display: inline-block;
	width: 170px;
}

.formList-noLabel {
	margin-left: 188px !important;
}

/*label after the input*/
ul.formList li > input:first-child,
ol.formList li > input:first-child {
	margin-right: 7px;
}

ol.inlineList > li,
li.inlineList > li {
	display: inline;	
}

.formList > li.groupedListItem {
	margin-top:3px;	
}

div.pageBreak {
	background-color: #99B3CC;
	width: 100%;
	height: 1px;
}

/* Login Page code that could be re-used eventually */

.centeredwrapper {
	margin:0 auto;
	width:421px;
	height:100%;
}

.centeredwrapper2 {
	margin:0 auto;
	width:600px;
	height:100%;
}

.centeredwrapper_quirky {
	text-align: center !important;
	height:100%;
}

.centeredwrapper_quirky_fix 
{
    width:421px;
    margin: auto;
    text-align: left;   
}

.login_pading{
	margin:21px 0 0 0;
}

.login_logo {
	margin:0 auto;
	width:341px;
	display:block;
}

.login_logo2 {
	margin:0 auto;
	width:600px;
	display:block;
}

.login_logo3 {
	margin:0 auto;
	width:680px;
	display:block;
}

.login_logo_figure
{
    text-align: center;
    width: 341px;
	margin:0 auto;
	display:block;
	padding:42px 0 30px 0;
}

.login_logo_quirky 
{
    margin-left: 40px;
    margin-right: 40px;   
}

.login_logo img
{
    text-align: center;
    max-width: 100%;
    border: none;
    display: block;
    margin: 0 auto;
}

.login_logo h1{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:24px;
	line-height:26px;
	color:#1964B0;
	text-align:center;
	margin-top: 5px;
	padding-bottom:11px;
	border: 0px;
	width: 100%;
}

.login_logo2 h2{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	line-height:25px;
	color:#1964B0;
	text-align:center;
	margin-top: 5px;
	padding-bottom:11px;
	border: 0px;
	width: 100%;
	font-weight: normal;
}

.login_logo_quirky h1
{
    font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:24px;
	line-height:26px;
	color:#1964B0;
	text-align:center;
	margin-top: 5px;
	padding-bottom:11px;
	border: 0px;
	width: 100%;
    margin-left: 40px;
    margin-right: 40px;     
}


.login_formbg
{    
	position:relative;
	background-color:#1A6ABC;
	width:341px;
	padding:32px 40px 30px 40px;
	-webkit-border-radius: 16px;
	border-radius: 16px; 
}

.login_formbg2
{    
	position:relative;
	background-color:#1A6ABC;
	width:600px;
	padding:32px 40px 30px 40px;
	-webkit-border-radius: 16px;
	border-radius: 16px; 
}

.login_formbg3
{    
	position:relative;
	background-color:#1A6ABC;
	text-align: center;
	padding:32px 40px 30px 40px;
	-webkit-border-radius: 16px;
	border-radius: 16px; 
}

.login_box_text 
{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height:20px;
	color:#FFFFFF;
	width:340px;
}

.login_box_text_wide
{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height:25px;
	color:#FFFFFF;
	width:600px;
}

.login_box_text3 
{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:32px;
	font-weight: bold;
	line-height:40px;
	color:#FFFFFF;
	width:600px;
	text-align:center;
}

.login_box_text2
{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height:20px;
	color:#FFFFFF;
	width:531px;
}

.login_box_text4 
{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: normal;
	line-height:18px;
	color:#FFFFFF;
	width:600px;
}

.login_formbg2 button 
{
    background-color: #d4dada;
    border-radius: 4px;
    color: #546167;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    line-height: 18px;
    margin: auto;
    position: relative;
    text-decoration: none;
    top: 15px;
    width: 256px;
}

.login_formbg button 
{
    background-color: #d4dada;
    border-radius: 4px;
    color: #546167;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    line-height: 18px;
    margin: auto;
    position: relative;
    text-decoration: none;
    top: 15px;
    width: 256px;
}

.login_formbg a 
{
    text-decoration: none;   
}

.login_box_text,.login_box_text2,.login_box_text4 a
{
    color:#FFFFFF;
}

.login_box_text img
{
    float:right;
	margin-top:2px;
}

.login_formfield
{
	border:none;
	background-color:#FFF !important;
	width:341px;
	height:50px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	margin-top:9px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	line-height:50px;
	color:#455860;
	padding:0 0 0 15px;
}

.login_forget a{
	float:right;
	background:url(../Images/Button/blue_question_sm.gif) no-repeat 56px 2px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:15px;
	line-height:17px;
	color:#D6DCDC;
	padding:0 22px 0 0;
	text-decoration: none;
}

.login_checkbox{
	float:left;
	background-color:#1A6ABC;
	border:none;
	margin:5px 4px 0 0 !important;
}

.login_checkboxtext{
	float:left;
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#FFFFFF;
	display:inline-block;
	width:275px;
	padding-top:3px;
	font-weight: normal;
}

.login_checkboxtext2{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#FFFFFF;
	display:inline-block;
	width:275px;
	padding-top:3px;
	font-weight: normal;
}

.login_checkboxtext2larger{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#FFFFFF;
	display:inline-block;
	width:275px;
	padding-top:3px;
	font-weight: normal;
}

.login_checkboxtext span{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;
	color:#8CB2D9;
	display:block;
	font-weight: normal;
}

.login_checkboxtext2 span{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
	display:block;
	font-weight: normal;
}

.login_checkboxtext2larger span{
	font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:18px;
	line-height:18px;
	color:#FFFFFF;
	display:block;
	font-weight: normal;
}

.login_error_text 
{
    font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;
	display:block;
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
}

.login_buttonpad{
	margin-top:17px;
	border: 0px;
	background-color: rgba(0, 0, 0, 0);
}

.login_padbuttom1{
	margin-bottom:18px;
}
.login_padbuttom2{
	margin-bottom:14px;
}

.itemised_list {
	list-style: disc;	
	margin-left: 30px;
	margin-bottom: 10px;
}

.itemised_list>li {
	margin-top: 3px;	
}

.TBButton {
	margin: 1px ;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	padding : 2px;
	background-color: #fff;
	border: #fff 2px solid;
}
.TBButton:hover {
	background-color: #dff1ff;
}

.CKEditorHead {
	padding: 7px 0;
	background: #E3EAFA;
	border: solid 1px #D3D3D3;
	border-bottom: none;
}

.popupAnchor {
	position: relative;
	display: inline;
}

.dashBoard-highlight {
	background-color: tomato;	
}

/*.buttonList is a copy of listStyle from themeLegacy, but has li descendants*/
.buttonList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.buttonList > li  {
    min-width: 100px;
    margin-right: 5px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.verticalSpacing {
    padding-top: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.verticalSpacingBottomOnly {
    margin-bottom: 12px;
}
.greyout
{
    color: #DCDAD1;   
}

.greyout input 
{
    background-color: #DCDAD1;
}

.greyout-input
{
    background-color: #DCDAD1;
}

.no-Width {
	width: auto !important;	
}



.displayNone {
    display: none;
}

.vertical-top {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}



h2.projectHeaderName {
    font-family: "verdana", "helvetica", "sans-serif";
    font-size: 12px;
    color: #506274;
    font-weight: bold;
    padding-top: 3px;
    margin:0px;
}

.width50 
{
    width: 50px    
}

.width200
{
    width:200px;
}

.width1000
{
    width:1000px;
}

.maxWidth100
{
    max-width :100px;    
}

.site_error {
	text-align: center;
    margin: 0px auto;
    font-family: museo-sans,verdana,helvetica,sans-serif;
    padding-top: 90px;
}

.site_error h3 {
	color: #1865b1;
	font-size: 24px;
	margin-bottom: 30px;
	font-weight: normal;
}

.site_error img {
	margin-top: 200px;	
}

.site_error_address {
	margin-top: 25px;
	font-family : museo-sans,verdana,helvetica,sans-serif;
	font-size : 10pt;
	color: #1865b1;
}

.library-loading {
    font-size: 30px;
    color: #428bca;
    position: relative;
    left: -38%;
    top: -140px;
}

.library-search-heading {
    padding-bottom : 7px;
}

#library-text-search {
    position: relative;
    width: auto;
}

#librarySelectionSearch,
.lib-filter-text {
    padding-right: 32px;
}

#librarySelectionSearch::-ms-clear {
    display: none;
}

#clear-text-search,
.clear-single-filter {
    display: none;
    width: 20px;
    height: 20px;
    z-index: 3;
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 7px;
    text-align: center;
    background-color: #bbb;
    color: #FFFFFF;
    font-size: 13px;
    font-family: monospace;
    border-radius: 3px;
    cursor: pointer;
}

#clear-text-search:hover,
.clear-single-filter:hover {
    background-color: #428bca;
    border: 1px solid #bbb;
}

input.lib-filter-text {
    transition: border ease 0.2s;
}

input.filter-active {
    border: 1px solid #1aa0e1;
    padding-right: 54px;
}

.form-control-second-icon {
    position: absolute;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    right: 24px;
    text-align: center;
    top: 2px;
    width: 34px;
    z-index: 2;
    transition: right ease 0.5s;
}

.form-control-icon {
    transition: right ease 0.5s;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #clear-text-search {
        top: 21px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .AttributesList #clear-text-search {
        top: 7px;
    }
}

@-moz-document url-prefix() {
    #clear-text-search {
        top: 21px;
    }
}


.libraryAccountBox
{
    margin-right: 35px !important;
    height: 220px;
    max-width: 200px;    
}

.ColumnHeading {
	font-size: 16px;
	font-weight: bold;
}

/*
 for some reason our left padding is set to 0 px in global but desired behavior is 40px.
'*/
ul.no-global {
    padding-left: 40px;
}

/* because the coldfusion */
.legacy-content-adjust {
    margin-left: 0px !important;
    margin-top: 5px;
}

.single-line-input {
	display: block;	
}

.ellipsis {
	text-overflow: ellipsis;	
}

.hasDatepicker {
	cursor: pointer;		
}

.indent-div {
    margin-left: 17px;
}


.underline-row {
    border-bottom: solid 1px #DDD;
    width: 80%;
    margin-top: 4px;

}

.login_text_01 {
  color: white;
  font-family: 'Whitney SSm A', 'Whitney SSm B', 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: -webkit-center;
}

.login_text_02 {
  color: white !important;
  text-decoration: underline !important;
}

.g-recaptcha > div {
    padding-left: 18px
}

.bottomPadding {
    padding-bottom: 10px;
}

.btn-primary-reversed {
    border: 1px solid #357EBD;
    box-sizing: border-box;
    border-radius: 4px;
    color: #357EBD;
    background: white;
}

.btn-danger-reversed {
    border: 1px solid red;
    box-sizing: border-box;
    border-radius: 4px;
    color: red;
    background: white;
}

.btn-primary-reversed:hover, .btn-primary-reversed:focus {
    color: #ffffff;
    background-color: #357EBD;
}

.btn-danger-reversed:hover, .btn-danger-reversed:focus {
    color: #ffffff;
    background-color: red;
}