/* CSS Document */
html {
	/*height: 100%;*/
}
body {
	/*height: 100%;*/
	margin: 0;
	/*background-image:url(../images/mainbg.jpg);*/
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #333333;
	background-color: #EBD370!important;
}
.clr {
	clear: both;
}
.outline {
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 2px;
}
#buttons_outer {
	width: 635px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}
#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}
#pathway_text {
	overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}
#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}
#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}
#buttons > ul#mainlevel-nav li a {
	width: auto;
}
ul#mainlevel-nav li a:hover {
	color: #fff;
	background: #c64934;
}
#search_outer {
	float: left;
	width: 165px;
}
#search_inner {
	border: 1px solid #cccccc;
	padding: 0px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
}
#search_inner form {
	padding: 0;
	margin: 0;
}
#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}
#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}
#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 150px;
	background: url(../images/header_short.jpg) no-repeat;
}
.header_topnav {
	position: absolute;
	z-index: 3;
	margin: 51px 0 0 216px;
	width: 800px
}
.header_topnav img {
	border: none;
	margin: 0
}
.header_topnav a {
	cursor: default
}
#top_outer {
	float: left;
	width: 165px;
}
#top_inner {
	border: 1px solid #cccccc;
	padding: 2px;
	height: 144px !important;
	height: 150px;
	overflow: hidden;
	float: none !important;
	float: left;
}
#left_outer {
	float: left;
	margin-top: 2px;
	width: 165px;
}
#left_inner {
	border: 1px solid #cccccc;
	padding: 2px;
	float: none !important;
	float: left;
}
#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}
#content_inner {
	float: none !important;
	float: left;
	padding: 0;
	padding-top: 2px;
	margin: 0;
}
table.content_table {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
table.content_table td {
	margin: 0px;
}
#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}
#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}
#right_outer {
	margin-left: 2px;
	width: 165px;
}
#right_inner {
	float: none !important;
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
}
.user1_inner {
	float: none !important;
	float: left;
	margin: 0px;
	padding: 2px;
}
.user2_inner {
	float: none !important;
	float: left;
	margin: 0px;
	padding: 2px;
}
table td.body_outer {
	padding: 2px;
}
.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}
.error {
	font-style: italic;
	text-transform: uppercase;
	padding: 5px;
	color: #cccccc;
	font-size: 14px;
	font-weight: bold;
}
/** old stuff **/
.back_button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(../images/button_bg.png) repeat-x;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}
.pagenav {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(../images/button_bg.png) repeat-x;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}
.pagenavbar {
	margin-right: 10px;
	float: right;
}
.list-col {
	display: inline-block;
	width: 310px;
	float: left;
	position: relative;
	left: 40px
}
.servers li {
	margin-bottom: 20px
}
.s-and-s li {
	margin-bottom: 16px
}
ul {
	margin: 18px 0 0 0;
	padding: 0;
	/*list-style: none;*/
}
li {
	line-height: 18px;
	/*padding-left: 27px;*/
	padding-top: 0px;
	/*background-image: url(../images/arrow.png);

background-repeat: no-repeat;

background-position: 0px 2px;*/
}
/* Joomla core stuff */
table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpaneopen td.componentheading {
	padding-left: 4px;
}
table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpane td {
	margin: 0px;
	padding: 0px;
}
table.contentpane td.componentheading {
	padding-left: 4px;
}
table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}
.button {
	color: #003333;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px double #003333;
	width: auto;
	background: url(../images/button_bg.png) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 20px !important;
	height: 18px;
	margin: 1px;
}
.inputbox {
	padding: 2px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
}
.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.contentcolumn {
	padding-right: 5px;
}
.contentheading {
	height: 30px;
	color: #c64934;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}
.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
}
table.searchinto {
	width: 100%;
}
table.searchintro td {
	font-weight: bold;
}
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
div.moduletable {
	padding: 0;
	margin-bottom: -20px;
}
table.moduletable th, div.moduletable h3 {
	background: #ffffff;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
table.pollstableborder td {
	padding: 2px;
}
.sectiontableheader {
	font-weight: bold;
	background: #f0f0f0;
	padding: 4px;
}
.sectiontableentry1 {
	background-color: #ffffff;
}
.sectiontableentry2 {
	background-color: #f9f9f9;
}
.small {
	color: #999999;
	font-size: 11px;
}
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}
.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}
table.contenttoc {
	border: 1px solid #cccccc;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}
table.contenttoc td {
	padding: 2px;
}
table.contenttoc th {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}
a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
a.mainlevel#active_menu {
	color: #fff;
	font-weight: bold;
}
a.mainlevel#active_menu:hover {
	color: #fff;
}
a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}
a.sublevel:hover {
	color: #900;
	text-decoration: none;
}
a.sublevel#active_menu {
	color: #333;
}
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}
form {
	/* removes space below form elements */
	margin: 0;
	padding: 0;
}
div.mosimage {
	border: 1px solid #ccc;
}
.mosimage {
	border: 1px solid #cccccc;
	margin: 5px
}
.mosimage_caption {
	margin-top: 2px;
	background: #efefef;
	padding: 1px 2px;
	color: #666;
	font-size: 10px;
	border-top: 1px solid #cccccc;
}
span.article_seperator {
	display: block;
	height: 1.5em;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #003333;
}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.main {
	background-color: #FFFFFF;
	padding-top: 15px;
}
.txt {
	padding: 10px 0 0 190px;
	background: #fff;
}
.navspacer {
	background-image: url(../../../images/navspacer.jpg);
}
/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span, #imenus0 .imeamj span {
	background-image: url(../../../images/sample3_main_arrow.gif);
	width: 7px;
	height: 5px;
	left: -7px;
	top: 5px;
	background-repeat: no-repeat;
	background-position: top left;
}
#imenus0 li:hover .imeam span, #imenus0 li a.iactive .imeamj span {
	background-image: url(../../../images/sample3_main_arrow.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span, #imenus0 ul .imeasj span {
	background-image: url(../../../images/sample3_sub_arrow.gif);
	width: 5px;
	height: 7px;
	left: -5px;
	top: 3px;
	background-repeat: no-repeat;
	background-position: top left;
}
#imenus0 ul li:hover .imeas span, #imenus0 ul li a.iactive .imeasj span {
	background-image: url(../../../images/sample3_sub_arrow.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/* --[[ Main Container ]]-- */
#imouter0 {
	background-color: #ffffff;
	border-style: none;
	border-color: #6a6a6a;
	border-width: 1px;
	padding: 0px;
	margin: 0px;
}
/* --[[ Sub Container ]]-- */
#imenus0 li ul {
	background-color: transparent;
	border-style: solid;
	border-color: #008080;
	border-width: 1px 0px;
	padding: 5px;
	margin: 4px 0px 0px;
}
/* [Underlayment (Drop Shadow)] */
#imenus0 .imunder {
	background-color: #efefef;
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}
/* --[[ Main Items ]]-- */
#imenus0 li a, #imenus0 .imctitle {
	background-color: #408080;
	color: #ffffff;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	padding: 2px 8px;
}
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover > a {
	background-color: #72b8b8;
	color: #000000;
	text-decoration: underline;
}
#imenus0 li a.ihover, .imde imenus0 a:hover {
	background-color: #72b8b8;
	color: #000000;
	text-decoration: underline;
}
/* [active] */
#imenus0 li a.iactive {
	background-color: #72b8b8;
}
/* --[[ Sub Items ]]-- */
#imenus0 ul a, #imenus0 .imsubc li .imctitle {
	background-color: #FFFFFF;
	color: #0000FF;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	padding: 2px 5px;
}
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover > a {
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: underline;
}
#imenus0 ul li a.ihover {
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: underline;
}
/* [active] */
#imenus0 ul li a.iactive {
	background-color: #CCCCCC;
}
.imcm ul, .imcm li, .imcm div, .imcm span, .imcm a {
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0;
	list-style: none outside none;
	border-style: none;
	background-image: none;
	clear: none;
	float: none;
	display: block;
	position: static;
	overflow: visible;
	line-height: normal;
}
.imcm li a img {
	display: inline;
	border-width: 0px;
}
.imcm span {
	display: inline;
}
.imcm .imclear, .imclear {
	clear: both;
	height: 0px;
	visibility: hidden;
	line-height: 0px;
	font-size: 1px;
}
.imcm .imsc {
	position: relative;
}
.imcm .imsubc {
	position: absolute;
	visibility: hidden;
}
.imcm li {
	list-style: none;
	font-size: 1px;
	float: left;
}
.imcm ul ul li {
	width: 100%;
	float: none !important;
}
.imcm a {
	display: block;
	position: relative;
}
.imcm ul .imsc, .imcm ul .imsubc {
	z-index: 10;
}
.imcm ul ul .imsc, .imcm ul ul .imsubc {
	z-index: 20;
}
.imcm ul ul ul .imsc, .imcm ul ul ul .imsubc {
	z-index: 30;
}
.imde ul li:hover .imsubc {
	visibility: visible;
}
.imde ul ul li:hover .imsubc {
	visibility: visible;
}
.imde ul ul ul li:hover .imsubc {
	visibility: visible;
}
.imde li:hover ul .imsubc {
	visibility: hidden;
}
.imde li:hover ul ul .imsubc {
	visibility: hidden;
}
.imde li:hover ul ul ul .imsubc {
	visibility: hidden;
}
.imcm .imea {
	display: block;
	position: relative;
	left: 0px;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 1px;
	float: right;
}
.imcm .imea span {
	display: block;
	position: relative;
	font-size: 1px;
	line-height: 0px;
}
.dvs, .dvm {
	border-width: 0px
}/*\*//*/.imcm .imea{visibility:hidden;}/**/
.whitebg {
	background-color: #FFFFFF;
}
.navbg {
	position: absolute;
	top: 98px;
	margin: 0 0 0 193px;
	width: 775px;
}
.bnavbg {
	background-image: url(../../../images/bnavbg.jpg);
	background-repeat: repeat-x;
}
.titleheading {
	background: none repeat scroll 0 0 #ECD471;
	color: #000000;
	font-weight: bold;
	height: 10px;
	padding: 6px 27px 9px;
	font-size: 11px;
	letter-spacing: 0.75px;
	/*width:589px;*/
	text-transform: uppercase;
}
.rightbg {
	width: 190px;
}
.toptag {
	font-size: 17px;
	font-weight: bold;
	color: #003333;
	letter-spacing: 0.75px
}
.page-desc {
	margin: 20px 0;
	line-height: 18px;
}
.limg {
	margin-right: 10px;
}
.footerbg /* Will not be seen by browsers that don't support css. */
{
	/*background-image: url(../../../images/footerbg.png);*/
	background: #bcbcbc;
}
* html .footerbg /* Will only be seen by IE */
{
	background: none;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader ( src='../../../images/footerbg.png', sizingMethod='scale');
}
#footerlinks {
	font-size: 10px;
	color: #000;
	text-align: left;
	position: relative;
	top: 26px;
	margin: -6px 0 0 30px;
	line-height: 8px;
}
#footerlinks a:link, #footerlinks a:active, #footerlinks a:visited {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
#footerlinks a:hover {
	color: #000;
	text-decoration: underline;
}
#footerlinks img.gsslogo {
	width: 50px;
	float: right;
	position: relative;
	top: -37px;
	left: -70px
}
CHECKBOX, INPUT, RADIO, TEXTAREA, TEXTBOX, SELECT {
	font-family: Arial, Arial, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
	font-size: 11px;
	# position: relative;
	# z-index: 1;
}
.rscellbg {
	/*background-color:#408080;*/
}
a.rscellbg:link, a.rscellbg:active, a.rscellbg:visited {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	/*padding-top: 5px;*/
	text-decoration: none;
}
a.rscellbg:hover {
	text-decoration: underline;
}
.rsbgborder {
	background-color: #fff;
}
.rsbgborder img {
	margin: 12px 0 3px 0
}
.rtcol-nav {
	text-align: center
}
.loginbg {
	background-color: #E2E2E2;
}
.smtxt {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding: 25px 0 40px 15px;
}
img.cameras {
	margin: 22px 0 10px 0
}
img.fourpan {
	width: 313px;
	margin-bottom: 12px
}
img.pad {
	margin-right: 12px
}
/* styles for new pages linked to home slideshow */
.page-maincol-wrapper {
	width: 645px;
	min-height: 480px;
	margin: -29px 0 50px;
}
.page-maincol-wrapper p {
	font-size: 12px;
	line-height: 18px
}
.infographic {
	margin: 0 -200px -21px 0;
	overflow: hidden;
	width: 836px;
}
.boldred {
	font-weight: bold;
	color: #d0202e
}
.maincol-imgblock {
	margin: 30px 0 0 0;
}
.maincol-imgblock p {
	margin: 6px 0 0 0;
	color: #325d8e
}
/* end slideshow styles */
.priceplan {
	margin: 22px 0 26px 0
}
.priceplan h2 {
	margin: 24px 0 4px;
	font-size: 12px
}
.priceplan p {
	margin: 24px 0;
	line-height: 18px
}
.priceplan ul {
	margin: 0 0 0 13px;
}
.priceplan ul li {
	line-height: 20px;
}
.priceplan ul p {
	margin: 3px 0 3px -13px;
	line-height: 20px;
}
.gssbody_section {
	margin: -10px 0 70px 0;
	width: 644px;
	min-height: 335px
}
.gssbody_section p {
	margin: 24px 0;
	line-height: 18px
}
.gssbody_section ul {
	-4px 0 -4px 13px
}
.gssbody_section ul li {
	line-height: 18px;
	margin: 0 0 20px 13px
}
.ddmx {
	border: 0px none !important;
}
.ddmx a.item1, .ddmx a.item1:hover, .ddmx a.item1-active, .ddmx a.item1-active:hover {
	padding: 2px 0px 0px 26px !important;
	top: 0px !important;
	left: 0px;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	font-weight: normal !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: block;
	white-space: nowrap;
	position: relative;
	height: 16px;
}
.ddmx td.item11 {
	padding: 0 !important;
	border-top: 0px none !important;
	border-left: 0px none !important;
	border-bottom: 0px none;
	border-right: 0 !important;
	white-space: nowrap !important;
	height: 16px;
}
.ddmx td.item11-last {
	padding: 0 !important;
	border: 0px none !important;
	white-space: nowrap;
	height: 16px;
}
.ddmx td.item11-acton {
	padding: 0 !important;
	border-top: 0px none !important;
	border-left: 0px none !important;
	white-space: nowrap;
	border-bottom: 0px none;
}
.ddmx td.item11-acton-last {
	border: 0px none !important;
}
.ddmx .item11-acton-last a.item1, .ddmx .item11-acton a.item1, .ddmx .item11-acton-last a:hover, .ddmx .item11-acton a:hover, .ddmx .item11 a:hover, .ddmx .item11-last a:hover, .ddmx a.item1-active, .ddmx a.item1-active:hover {
	color: #ecd471 !important;
}
.ddmx a.item2, .ddmx a.item2:hover, .ddmx a.item2-active, .ddmx a.item2-active:hover {
	padding: 2px 0px 0px 40px !important;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	font-weight: normal !important;
	text-decoration: none !important;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
	height: 18px;
	opacity: 0.85;
}
.ddmx a.item2 {
	color: #ffffff !important;
	border-top: 0px none !important;
	border-left: 0px none !important;
	border-right: 0px none !important;
}
.ddmx a.item2-last {
	color: #ffffff !important;
	border-bottom: 0px none !important;
	z-index: 500;
}
.ddmx a.item2:hover, .ddmx a.item2-active, .ddmx a.item2-active:hover {
	color: #ecd471 !important;
	border-top: 0px none !important;
	border-left: 0px none !important;
	border-right: 0px none !important;
}
.ddmx .section {
	border: 0px none !important;
	position: absolute;
	visibility: hidden;
	display: block;
	z-index: -1;
}
.ddmxframe {
	border: 0px none !important;
}
* html .ddmx td {
	position: relative;
} /* ie 5.0 fix */
.linksep {
	padding: 0 3px;
}

.jf-form{
  margin-top: 28px;
}

.jf-form > form{
  margin-bottom: 32px;
}

.jf-option-box{
  display: none;
  margin-left: 8px;
}

.jf-hide{
  display: none;
}

.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}

/* 
overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}

div.form-group{
  padding: 8px 8px 4px 8px;
}

.mainDescription{
  margin-bottom: 10px;
}

p.description{
  margin:0px;
}

.responsive img{
  width: 100%;
}

p.error, p.validation-error{
  padding: 5px;
}

p.error{
  margin-top: 10px;
  color:#a94442;
}

p.server-error{
  font-weight: bold;
}

div.thumbnail{
  position: relative;
  text-align: center;
}

div.thumbnail.selected p{
  color: #ffffff;
}

div.thumbnail .glyphicon-ok-circle{
  position: absolute;
  top: 16px;
  left: 16px;
  color: #ffffff;
  font-size: 32px;
}

.jf-copyright{color: #888888; display: inline-block; margin: 16px;display:none;}

.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}

.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}

/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}