/************* Begin reset ****************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/************* End reset ****************/


/************* General use ****************/
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.clr {
	clear: both;
	float: none !important; /* Never should float this "clr" div (in fact, this seems to break the clear: both), so force it to never be floated */
}

.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.no-bold {
	font-weight: normal;
}

.green {
	color: #0087c2;
}

.light-green {
	color: #00adf2;
}

.dark-green {
	color: #00adee;
}

/* Absolutely position content far off the screen.  This allows us, for example, to include invisible text that is only present on copy/paste */
.invisible {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

h1 {
	font-size: 30px;
}

p.error,
p.message {
	font-size: 13px;
	color: #525252;
	padding: 6px;
	margin: 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

p.error {
	background-color: #fcc;
	border: solid 1px #f99;
}

p.message {
	background-color: #ffc;
	border: solid 1px #eea;
}

a, .pseudo-link {
	color: #0087c2;
}

.pseudo-link {
	cursor: pointer;
	text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

ol li {
	list-style: decimal inside;
}
/************* End general use ****************/


/************* Columns ****************/
.three-column {
	float: left;
	/* 3 cols */
	width: 274px;
	margin: 0 20px;
	/* 4 cols */
	/* width: 150px; */
	/* margin: 0 45px;*/
	/* 5 cols */
	/* width: 100px;
	margin: 0 44px; */
}

.three-column.first {
	margin-left: 0;
}

.three-column.last {
	margin-right: 0;
}
/************* End columns ****************/


/************* Main layout ****************/
/*body {*/
html body { /* Two-level selector for overriding conflicts with blog CSS */
	color: #525252;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-image: none; /* For overriding blog */
	font-size: 13px;
	line-height: 17px;
}

#body {
	margin: 0 auto;
	width: 1050px;
}

#responsive-body {
	max-width: 904px;
	margin: 0 auto;
	padding: 15px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}

@media only screen and (min-width: 500px) {
	#responsive-body {
		padding: 20px;
	}
}

@media only screen and (min-width: 700px) {
	#responsive-body {
		padding: 20px 30px 30px 30px;
	}
}

@media only screen and (min-width: 900px) {
	#responsive-body {
		padding: 20px 50px 50px 50px;
	}
}

.page-shadow {
	float: left;
	margin-top: 37px;
	width: 25px;
	height: 1152px;
}

.page-shadow.left {
	background: url(/images/common/page-shadow-left.jpg) no-repeat;
}

.page-shadow.right {
	background: url(/images/common/page-shadow-right.jpg) no-repeat;
	float: left;
}

#mid {
	float: left;
	margin: 0 48px;
	width: 904px;
}

#head {
	background-color: #000;
	color: #fff;
}

#head > .inner {
	margin: 0 auto;
	height: 60px;
	width: 904px;
}

#head a {
	color: #fff;
}

.logo {
	float: left;
	margin-top: 14px;
	height: 30px;
}

#head-right {
	float: right;
	position: relative;
}

#provider-search {
	width: 55px;
}

#provider-search-form {
	display: inline-block;
	margin-top: 18px;
	margin-right: 15px;
}

#provider-search-form label {
	width: 60px;
	margin-right: 5px;
}

#top-buttons {
	display: inline-block;
	position: relative;
	margin-top: 9px;
}

#top-buttons .btn span {
	font-size: 13px;
}

.provider-learn-more {
	position: absolute;
	right: 0;
	top: 25px;
}

html p.signed-in-as {
	float: left;
	font-size: 12px;
	margin: 13px 15px 0 0;
}

.header-loading {
	position: fixed;
	top: 15px;
	right: 15px;
/*	border: 1px solid #666;*/
	padding: 4px 8px 6px 8px;
	background-color: #00adee;
	color: #fff;
	z-index: 100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 1px;
	display: none;
}

.header-loading img {
	margin-right: 7px;
	top: 3px;
	position: relative;
}

#slogan {
	clear: both;
	height: 45px;
	width: 415px;
	margin-top: 85px;
	margin-left: 30px;
}

#slogan h2 {
	font-size: 19px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 5px;
}

#slogan span {
	font-size: 11px;
	font-weight: bold;
	margin-left: 135px;
}

#slogan a {
	font-size: 10px;
	float: right;
	margin-top: -18px;
}

#main {
	clear: both;
	padding-top: 15px;
	font-size: 14px;
	line-height: 19px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin: 40px 0 0 0;
}

h1 {
	font-size: 32px;
	line-height: 36px;
}

h2 {
	font-size: 22px;
	line-height: 26px;
}

h3,
h4,
h5,
h6 {
	font-size: 18px;
	line-height: 22px;
}

h1 + h2,
h2 + h3 {
	margin-top: 10px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

p {
	margin: 15px 0 0 0;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	margin-top: 5px;
}

li {
	list-style: disc inside;
}

/************* End main layout ****************/


/************* Begin menu ****************/
/* TODO: Menu clicks only work when mouseovering the text; mouseovering the white highlighted portion and clicking does nothing. : P */
#menu {
	float: right;
	clear: right;
	margin-top: 21px;
}

#menu ul {
	margin: 0; /* For avoiding conflicts with blog CSS */
}

/* Remove extraneous bullets on blog */
ul.xoxo li.widget-container {
	list-style: none;
}

/* Simple dropdown from http://css-tricks.com/simple-jquery-dropdowns/ */
/*ul									{ list-style: none; }*/
ul.dropdown													{ list-style: none; }

ul.dropdown a												{ text-decoration: none; color: #000; margin-bottom: 6px;}

/* LEVEL ONE */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-size: 12px; float: left; zoom: 1; margin-left: 35px; list-style: none; }
ul.dropdown li.first                { margin-left: 0; }
ul.dropdown a:hover		        	    {  }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown a.active                { padding-bottom: 6px; border-bottom: 5px solid #00adf2; }
ul.dropdown a.hover                 { padding-bottom: 6px; border-bottom: 5px solid #dcf1b4; } /* e5f5c3 */
/*ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }*/
ul.dropdown li a                    { display: block; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: black; }


/* LEVEL TWO */
ul.dropdown ul 											{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #00adf2; padding: 10px; border: 1px solid #9bbe73; z-index: 50; }
/*fff ul.dropdown ul li 									{ font-weight: normal; color: #000; border-bottom: 1px solid #00adf2; float: none; margin: 0; padding: 5px;}*/
ul.dropdown ul li 									{ font-weight: normal; color: #000; float: none; margin: 0; }
ul.dropdown ul li:hover							{ background: #fff;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
/*fff ul.dropdown ul li a									{ border-right: none; width: 100%; display: inline-block; margin: 0; } */
ul.dropdown ul li a									{ border-right: none; width: 100%; display: inline-block; margin: 0; padding: 5px; } 

/* LEVEL THREE */
ul.dropdown ul ul 									{ left: 100%; top: -10px; }
ul.dropdown li:hover > ul 					{ visibility: visible; }
/************* End menu ****************/


/************* Start footer ****************/
#foot {
	clear: both;
	color: #adadad;
	margin-top: 30px;
	padding-bottom: 15px;
	border-top: 1px solid #e8e8e8;
}

#foot a {
	text-decoration: none;
	color: #adadad;
}

#foot a:hover {
	text-decoration: underline;
}

.banner {
	display: block;
	margin: 0 auto 40px;
	width: 728px;
}

.links {
	clear: both;
	padding: 6px 10px;
	font-size: 10px;
	line-height: 18px;
}

.four-column {
	float: left;
	/* 4 cols */
	width: 150px;
	margin: 0 45px;
	/* 5 cols */
	/* width: 100px;
	margin: 0 44px; */
}

.four-column.first {
	margin-left: 0;
}

.four-column.last {
	margin-right: 0;
}

.four-column h5 {
	font-weight: bold;
}

.four-column ul li {
	list-style: none;
}

html p.copyright {
	font-size: 11px;
	clear: both;
	margin-top: 15px;
}

/************* End footer ****************/


/************* Coupons ****************/
.more_coupons {
	clear: both;
	padding-top: 25px;
}

.more_coupons > div {
	margin-right: 30px;
	margin-bottom: 30px;
}

#map {
	float: left;
	width: 300px;
}
#map_canvas {
	height: 200px;
}

span.distance {
	float: right;
}

.zip_code_form {
}

.zip_code_form input, .zip_code_form select {
	font-size: 11px;
}

.zip_code_form a {
	margin-left: 10px;
}

.zip_code_form div {
}

.zip_code_form div.left {
	float: left;
}

.zip_code_form div.right {
	float: right;
}

.browse_options_bar {
	height: 26px;
	background-color: #00adf2;
	padding: 5px 8px;
	margin-bottom: 20px;
}

.browse_options_bar .btn {
	margin-top: 0;
	margin-bottom: 0;
}

.browse_options_bar .btn.first {
	margin-left: 0;
}
/************* End coupons ****************/


/************* Striking CSS Buttons ****************/
.btn, .btn span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btn {
	margin: 6px 0;
	white-space: nowrap;
	line-height: 1em;
	position: relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom: rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr="#19FFFFFF", EndColorStr="#19000000"); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
button::-moz-focus-inner {
    border: none; /* overrides extra padding in Firefox */
}
button.btn {
	padding: 0px;
}
a.btn, a.btn:hover {
	text-decoration: none;
}
.btn.full, .btn.full span {
	display: block;
}
.btn:hover, .btn.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr="#33FFFFFF", EndColorStr="#19FFFFFF"); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.btn:active, .btn.active {
/*	top: 1px; This line, for some reason, causes a one-pixel strip across the button that does NOT respond to click events... Weird! */
	background: -moz-linear-gradient(
		center top,
		rgba(0, 0, 0, .1) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(0, 0, 0, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr="#19000000", EndColorStr="#19FFFFFF"); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.btn span {
	font-size: 15px;
	position: relative;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding: 0.6em 1.3em;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}
.btn.small span {
	font-size: 12px;
}
.btn.medium span {
	font-size: 15px;
}
.btn.large span {
	font-size: 18px;
}
.btn.low-padding span {
	padding: 0.37em 0.867em;
}
.buttons {
	text-align: center;
	margin-top: 20px;
}

.buttons .btn {
	margin-left: 30px;
}

.buttons .btn:first-child {
	margin-left: 0;
}
/* Button Color Scheme
---------------------------------------------------------- */
.btn.black {
	background-color: #333333;
}
.btn.gray,
.btn.grey {
	background-color: #666666;
}
.btn.dark-gray,
.btn.dark-grey {
	background-color: #333333;
}
.btn.white {
	background-color: #FFFFFF;
}
.btn.white span{
	color: #666666;
}
.btn.red {
	background-color: #e62727;
}
.btn.grey-red {
	background-color: #666666;
}
.btn.grey-red:hover {
	background-color: #e62727;
}
.btn.orange {
	background-color: #ff5c00;
}
.btn.magenta {
	background-color: #A9014B;
}
.btn.yellow {
	background-color: #ffb515;
}
.btn.blue {
	background-color: #00ADEE;
}
.btn.pink {
	background-color: #e22092;
}
.btn.green {
	background-color: #91bd09;
}
.btn.rosy {
	background-color: #F16C7C;
}


/************* Start Facebox ****************/
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position: relative;
  border: 3px solid rgba(0,0,0,0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 18px rgba(0,0,0,0.4);
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display: table;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#facebox .content > p:first-child{
  margin-top: 0;
}
#facebox .content > p:last-child{
  margin-bottom: 0;
}

#facebox .close{
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px;
  background: #fff;
}
#facebox .close img{
  opacity: 0.7;
}
#facebox .close:hover img{
  opacity: 1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.facebox_hide {
  z-index: -100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}
/************* End Facebox ****************/


/************* Start forms ****************/
form p {
	clear: left;
}

form p.last {
	padding-bottom: 0 !important;
}

label {
	font-weight: bold;
	width: 100px;
	padding-top: 8px;
}

label span {
	font-weight: normal;
}

html input,
html textarea,
html select { /* Two-level selector for overriding conflicts with blog CSS */
	border: 1px solid #aaa;
	padding: 4px;
	background: #ffffff url("/images/common/text-input-background.jpg") repeat-x left bottom;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	outline-color: #0087c2;
	font-size: 13px;
}

html textarea {
	padding: 10px;
}

html body select:not([multiple=multiple]) {
	padding: 4px;
	height: 25px;
}

input.hidden[type=submit] {
	display: block;
	position: absolute; left: -9999px; width: 1px; height: 1px;
}

input[type=checkbox],
input[type=radio] {
	width: auto;
	background: none;
	border: none;
}

textarea {
	font-size: 13px;
}

.multiselect {
	width: 200px;
	height: 200px;
	overflow-y: scroll;
	padding: 5px;
	border: 1px solid #aaa;
}

.multiselect label {
	float: none;
	font-weight: normal;
	font-size: 12px;
}

.watermark {
	color: #999;
}

.default-text-active {
	color: #a1a1a1;
	font-style: italic;
}

/************* End forms ****************/


/************* Start tables ****************/
td {
	vertical-align: middle;
}

table.data {
	font-size: 13px;
	background: #00adf2;
	margin: 20px auto;
	border: #00adf2 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 1px;
}

.floatThead-container.floated > table.data {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

table.data th {
	padding: 2px 10px
}

table.data > thead > tr,
table.data > tbody > tr.header {
	background: inherit;
	color: #fff;
	font-weight: bold;
}

table.tablesorter th {
	cursor: pointer;
}

table.data td {
	padding: 5px 10px;
}
	
table.data tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
	
table.data tr:last-child td:last-child {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


/* Set up .data and .auto-zebra row colors simultaneously */
/* The odd mixing of odd and even on the same line preserves backwards compatibility with our previous approach */
.auto-zebra tbody tr:nth-child(odd),							table.data tr.even																						{ background: #f3f3f3 }
.auto-zebra tbody tr:nth-child(even),							table.data tr,								table.data tr.odd								{ background: #fff }
.auto-zebra tbody tr.error:nth-child(odd),				table.data tr.error.even																			{ background: #fcc }
.auto-zebra tbody tr.error:nth-child(even),				table.data tr.error,					table.data tr.odd.error					{ background: #fdd }
.auto-zebra tbody tr.write-off:nth-child(odd),		table.data tr.write-off.even																	{ background: #ffd0d0 }
.auto-zebra tbody tr.write-off:nth-child(even),		table.data tr.write-off,			table.data tr.odd.write-off			{ background: #ffe6e6 }
.auto-zebra tbody tr.highlighted:nth-child(odd),	table.data tr.highlighted.even																{ background: #ffb }
.auto-zebra tbody tr.highlighted:nth-child(even),	table.data tr.highlighted,		table.data tr.odd.highlighted		{ background: #ffd }

table td.checkbox {
	width: 25px;
	text-align: center;
}

/* tablesorter */
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: right -7px top 7px;
	cursor: pointer;
}

table.tablesorter thead tr .header:not(.headerSortUp):not(.headerSortDown):hover {
	background-image: url(bg.gif);
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}


/************* End tables ****************/


/************* Start sign in ****************/
#sign-in-box {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 338px;
	font-size: 13px;
	background: #00adf2;
	padding: 10px;
	border: 1px solid #9bbe73;
}

#sign-in-box form p {
	padding-bottom: 10px;
	margin: 0;
}

#sign-in-box div {
	float: right;
	width: 105px;
	font-size: 10px;
}

#sign-in-box div a {
	margin-left: 5px;
}

#sign-in-box div a.btn {
	clear: left;
	font-size: 12px;
	margin: 5px 0 0 4px;
}

#sign-in-box div label {
	width: 85px;
	padding-top: 4px;
}

#sign-in-box label {
	width: 80px;
}

#sign-in-box input {
width: 135px;
}

#sign-in-box input[type=checkbox] {
	float: left;
	width: auto;
}

/************* End sign in ****************/


/************* Start sign up ****************/
.facebox-wrapper {
	display: none;
}

.popup-main {
	width: 904px;
	margin: 20px;
}

.popup-head {
	height: 138px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 42px;
}

.popup-head p {
  float: right;
  font-size: 20px;
  font-weight: bold;
  padding-top: 100px;
	padding-right: 20px;
}

.popup .logo {
	margin: 0;
	padding: 0 0 0 30px;
}

.popup-half {
	float: left;
	width: 416px;
	padding: 0;
/*	overflow: hidden; Comment out to allow some user interface elements to deliberately overflow (Like the "delete" buttons on the Advanced tab) */
}

p {
/*	margin: 13px 0;*/
	padding: 0;
}

/* Duplicate rules from elsewhere in the file, needed to overcome the specificity of ".popup p" above */
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	margin-top: 5px;
}

p:first-child {
	margin-top: 0;
}

form p span {
	line-height: 25px;
}

label,
span.label {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

label,
.label-group {
	display: inline-block;
	width: 100px;
	line-height: 24px;
	vertical-align: top;
	margin-right: 10px;
}

.two-lines label,
.three-lines label,
.multiple-lines label {
	line-height: 20px;
}

/* When the label *follows* the input, don't restrict the width. Also apply these styles to labels/inputs that have errors on them (e.g. a checkbox with an input with an error) and .color-picker labels */
input + label,
input + label + label,
span.color-picker + label {
	width: auto;
	margin-left: 5px;
}

/*label span {
	font-size: 10px;
}*/

input,
textarea,
select {
	margin-top: 7px;
	margin-bottom: 15px;
}

input,
select {
	margin: 0;
}

/* When two input elements are adjacent, insert an appropriate margin */
input + input,
input + select,
select + input,
select + select {
	margin-left: 5px;
}

textarea {
	width: 400px;
}


input[type=checkbox],
input[type=radio] {
	margin: 6px 0;
}

.popup-half > p input[type=text],
#partner-specific > p input[type=text] {
	width: 290px;
}

p.two-lines > label + *,
p.two-lines > label + .formError + *, /* The .formError versions here (and elsewhere) are to account for when we use validationEngine in "isOverflown"/"overflownDiv" mode (like in the Assessment) */
p.three-lines > label + *,
p.three-lines > label + .formError + *,
p.multiple-lines > label + *,
p.multiple-lines > label + .formError + * {
	vertical-align: top;
}

p.two-lines > label + *,
p.two-lines > label + .formError + *,
p.multiple-lines > label + *,
p.multiple-lines > label + .formError + * {
	margin-top: 9px;
}

p.three-lines > label + *,
p.three-lines > label + .formError + * {
	margin-top: 18px;
}

.popup-main p.text {
	position: absolute;
	right: 10px;
	top: 10px;
}

h1 + table.data,
h2 + table.data,
h3 + table.data,
h4 + table.data,
h5 + table.data,
h6 + table.data,
h2 + a + table.data { /* This last line is for the Advanced tab */
	margin-top: 5px;
}

table.data {
	margin-top: 30px;
}

.v-line {
	float: left;
	height: 100px;
	margin: 0 29px;
	width: 0px;
	border-left: 1px solid #ccc;
}

/************* End sign up ****************/

/************* Start AddThis ****************/
div.share {
	margin-bottom: 15px;
}

div.share.vertical {
	margin-bottom: 0;
}

.addthis_toolbox {
	float: left;
	/* Explicitly set the width and height since sometimes browsers render the icons in two rows instead of just one */
	width: 124px;
	height: 16px;
}

.addthis_toolbox.vertical {
	width: 16px;
	height: 124px;
}

.addthis_toolbox.vertical a {
	padding: 2px 0;
}

.addthis_text {
	float: left;
	margin-right: 5px;
}
/************* End AddThis ****************/

/************* Start jQuery Dialogs ****************/
.dialog {
	display: none;
	line-height: 1.2em;
}

.dialog h3 {
	margin: 15px 0 10px;
}

/* Ensure the dialog appears on top (or, specifically, over the header for our fancy sortable tables) */
.ui-front {
	z-index: 1001 !important;
}
/************* End jQuery Dialogs ****************/
	
/************* Start jQuery UI Autocomplete ****************/
.ui-autocomplete-loading {
	background: white url("/images/common/loading-small.svg") right center no-repeat;
}

.ui-autocomplete {
/*	width: 300px;*/
/*	line-height: 18px;*/
/*	font-size: 11px;*/
	max-width: 500px;
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

.ui-autocomplete::-webkit-scrollbar-track {
	background-color: transparent;
}

.ui-autocomplete::-webkit-scrollbar {
	width: 10px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #ccc;	
}

.ui-autocomplete li.ui-menu-item {
	list-style: none;
}

.ui-autocomplete li.ui-menu-item a {
	padding: 3px 8px;
}

.ui-autocomplete li.ui-menu-item a.ui-state-hover {
	font-weight: normal;
	width: 300px;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
	list-style-type: none;
}

.ui-autocomplete-category:first-child {
	padding-top: 0;
}
/************* End jQuery UI Autocomplete ****************/

/************* Start Tooltips ****************/
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	
	background: #fff;
	border: #00adf2 3px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 1px;
}
#tooltip h3, #tooltip div {
	margin: 0;
	text-transform: none;
	color: #525252;
	line-height: 16px;
	height: 100%;
}
#tooltip.provider-popup {
	width: 500px;
	height: 375px;
	padding: 10px;
}
.external-tooltip {
	display: none;
}
#itooltipIframe {
	display: none;
	width: 100%;
	height: 100%;
}

/* Standard jQuery tooltips */
.ui-tooltip {
	line-height: 17px;
	color: #525252;
}

.ui-tooltip div.text-only {
	max-width: 300px;
}

/************* End Tooltips ****************/

/************* Begin Timepicker ****************/

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/************* End Timepicker ****************/

/************* Begin Checkboxes ****************/

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(/images/common/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

/************* End Checkboxes ****************/

/************* Begin Select2 ****************/

.select2-container,
.select2-drop {
	font-size: 13px;
}

.select2-container {
	border: 1px solid #fff;
}

.select2-container:hover {
	border-color: #ccc;
}

html .select2-container-multi .select2-choices {
	border: 0;
	padding: 3px 0;
	background-image: none;
}

.select2-new {
	font-size: 0.7em;
	padding: 2px 4px;
	color: #fff;
	background-color: #f00;
	vertical-align: top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
}

html .select2-search-choice-close {
	top: 3px;
}

/* Tweak positioning of "active" Select2 container to keep it in the same position when going from "inactive" to "active" state */
.select2-container-multi.select2-container-active .select2-choices {
	margin-left: -1px;
	margin-top: -1px;
}

/* Make select2 options look a bit more like the other form styles in the backend */
html .select2-container-multi .select2-choices .select2-search-choice {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #fff), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #fff 20%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #fff 20%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #fff 20%, #eeeeee 100%);
}

/* Alternative version for dark backgrounds */
.select2-container-multi .select2-choices .select2-search-choice.dark {
	color: #fff;
	border-color: #333;
}

.select2-search-choice.dark .select2-search-choice-close {
    background-image: url("select2-dark.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
	.select2-search-choice.dark .select2-search-choice-close {
		background-image: url("select2x2-dark.png") !important;
	}
}

/* Custom colors for specific types of labels */
.select2-container-multi .select2-choices .select2-search-choice.see-notes {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc1b1b", endColorstr="#ee2020", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ee2020), color-stop(100%, #cc1b1b));
  background-image: -webkit-linear-gradient(top, #ee2020 20%, #cc1b1b 100%);
  background-image: -moz-linear-gradient(top, #ee2020 20%, #cc1b1b 100%);
  background-image: linear-gradient(to bottom, #ee2020 20%, #cc1b1b 100%);
}

.select2-container-multi .select2-choices .select2-search-choice.sales-partner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bceebc", endColorstr="#f0fff0", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f0fff0), color-stop(100%, #bceebc));
  background-image: -webkit-linear-gradient(top, #f0fff0 20%, #bceebc 100%);
  background-image: -moz-linear-gradient(top, #f0fff0 20%, #bceebc 100%);
  background-image: linear-gradient(to bottom, #f0fff0 20%, #bceebc 100%);
}

.select2-container-multi .select2-choices .select2-search-choice.commission-group {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcbcee", endColorstr="#f0f0ff", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f0f0ff), color-stop(100%, #bcbcee));
  background-image: -webkit-linear-gradient(top, #f0f0ff 20%, #bcbcee 100%);
  background-image: -moz-linear-gradient(top, #f0f0ff 20%, #bcbcee 100%);
  background-image: linear-gradient(to bottom, #f0f0ff 20%, #bcbcee 100%);
}

.select2-container-multi .select2-choices .select2-search-choice.non-commissionable {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#555555", endColorstr="#777777", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #777777), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #777777 20%, #555555 100%);
  background-image: -moz-linear-gradient(top, #777777 20%, #555555 100%);
  background-image: linear-gradient(to bottom, #777777 20%, #555555 100%);
}

/*
Light red
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eed0d0", endColorstr="#fff0f0", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #fff0f0), color-stop(100%, #eed0d0));
  background-image: -webkit-linear-gradient(top, #fff0f0 20%, #eed0d0 100%);
  background-image: -moz-linear-gradient(top, #fff0f0 20%, #eed0d0 100%);
  background-image: linear-gradient(to bottom, #fff0f0 20%, #eed0d0 100%);

Light blue
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0d0ee', endColorstr='#f0f0ff", GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f0f0ff), color-stop(100%, #d0d0ee));
  background-image: -webkit-linear-gradient(top, #f0f0ff 20%, #d0d0ee 100%);
  background-image: -moz-linear-gradient(top, #f0f0ff 20%, #d0d0ee 100%);
  background-image: linear-gradient(to bottom, #f0f0ff 20%, #d0d0ee 100%);
*/
/************* End Select2 ****************/

/************* Begin Toastr ****************/

#toast-container .toast-success {
	background-color: #0087c2;
}

#toast-container .toast-info {
	background-color: #8dc63f;
}

/************* End Toastr ****************/

/************* Begin Etc ****************/

.disabled-account {
	color: #aaa;
}

code, .code {
	font-size: 0.87em;
	font-family: monaco, monospace;
}

.icon-16 {
	cursor: pointer;
}

.hover-only {
	visibility: hidden;
}

/* Fix Select2 on Quick Signup and Bulk Account Creation */
form p .select2-container span {
	line-height: inherit;
}

/* .copy-data icon */
table.data th > .la {
	margin-left: 7px;
}

.copy-data {
	cursor: pointer;
}

.edit-note {
	font-size: 18px;
	cursor: pointer;
	opacity: 0.1;
}

span.edit-note:hover {
	cursor: pointer;
	opacity: 1;
}

.edit-note.note-present {
	cursor: pointer;
	opacity: 0.8;
}

.edit-note-dialog textarea {
	width: 600px;
	height: 300px;
}

/************* End Etc ****************/

/************* Start Font Definitions *************/

/* You can use http://www.fontsquirrel.com/tools/webfont-generator to generate the files and CSS for any given font */

@font-face {
	font-family: "vegurmedium";
	src: url("/fonts/vegur.eot");
	src: url("/fonts/vegur.eot?#iefix") format("embedded-opentype"),
	     url("/fonts/vegur.woff2") format("woff2"),
	     url("/fonts/vegur.woff") format("woff"),
	     url("/fonts/vegur.ttf") format("truetype"),
	     url("/fonts/vegur.svg#vegurmedium") format("svg");
	font-weight: normal;
	font-style: normal;
}

.vegur-medium {
	font-family: "vegurmedium", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "vegurmedium";
}
	
.btn span {
	font-family: "vegurmedium";
	text-shadow: #333 1px 1px;
}

.popup.label {
	font-family: "vegurmedium";
}

/************* End Font Definitions *************/

/************* CSS Spinner *************/
.sk-fading-circle {
/*  margin: 100px auto;*/
  width: 20px;
  height: 20px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/************* CSS Spinner *************/