/**
 * This file contains element specific styles
 * 
 * @author vishalk2
 * 
 */
body {
	font-family: arial, helvetica, clean, sans-serif;
	padding: 0;
	margin: 0;
    font-size: 13px;
    font-weight:400;
	color: #525252;
	line-height: 18px;
}

::-webkit-input-placeholder {
color: #BABABA;
}

:-moz-placeholder { 
color: #BABABA; 
}

::-moz-placeholder { /* Firefox 19+ */
color: #BABABA; 
}

:-ms-input-placeholder { 
color: #BABABA; 
}

.mid-sizediv{
	
color: rgb(68, 68, 68);
}

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1.pageHeader {
	font-size: 24px;
	margin: 0 0 0 0.5em;
}
.info {
	margin: 1em 0 1.5em 1em;
}
.Txt-align
{
    width:15em;
    height: 2em;
    padding: 0.25em;
}

.securityQuestion {
	width: 37em;
    height: 2em;
    padding: 0.25em;
}

#didYouMean label {
    display: inline-block; 
    vertical-align: middle;
}

.changeBackgroundColor {
	background-color: #DAFFB5
}

.companyNameContainer {
	margin-bottom: 10px;
	border: 1px solid rgb(205, 202, 196);
	background-color: #f6f6f6;
	padding: 15px;
	margin-left: 13.3em; 
}

.fieldContainer {
	line-height: 100%;
	margin: 0.75em;
}

.fieldContainer input, .fieldContainer select {
	border: 1px solid #CDCAC4;
}

.captcha{
	padding-left: 12.5em;
}
.required:before {
	content:"*";
	color: #E9102A;
	margin: 0 0.3em 0 0;
}
.check-box {
	margin: 5px 0 0 13.3em;
}
.optInRadio input {
	display: inline-block;
	margin: 0.5em 0.2em 0 0;
}
.optInRadio label {
	display: inline-block;
	margin: 1em 1em 0 0;
}
div.check-box input[type=checkbox] {
	display: block;
	float: left;
	clear: left;
	padding: 0;
	height: 1.4615em;
}
@-moz-document url-prefix() { 
  input[type=checkbox] {
     outline: 0 !important;
  }
}
.checkboxLabel {
	display: block;
	clear: none;
	margin: 0 0 0 1.1em;
}
@-moz-document url-prefix() {
   .checkboxLabel {
        margin: 0 0 0 1.4em;
    }
}
.regBenefits a {
	font-size: 12px;
	color:#2970A6;
}
label.onLoadError, ul.onLoadError {
	display: block;
	margin:0.25em 0 1em 12.5em;
	color:#e31b23;
	/* margin-top: 0px;
	margin-bottom: 10px; */
	line-height: normal;
	width: 60%;
}
.lightText {
	color: #C2C2C2;
	font-size: 11px;
}
/* a:LINK{
	color: #2970A6; !important;
} */
.grid-container a, #fw-footer a, .sizediv a{
	color: #2970A6; !important;
	text-decoration: none;
}
.extra {
	margin: 2.25em 0 0 0;
	width: 100%;
}
.extra h3 {
	display: block;
	font-size: 1.17em;
/* 	margin : 0.5em 0 0.5em 0; */
	font-weight: bold;
}
.ul-align {
	margin: 0;
	padding: 0 0 0 1.05em;
	list-style-type: disc;
	text-align: left;
	text-indent: -1em;
}
html[data-useragent*='MSIE'] .ul-align {
  padding: 0 0 0 1.55em;
  text-indent: -1.5em;
}
#regFailed .ul-align {
	padding: 0 0 0 3.15em;
}
h1.errorHeader:before {
	content:url('/National_Library/oe_/https://idreg.cloudapps.cisco.com/idreg/images/errormsgicon.png');
}
.ul-align li {
	margin: 0 0 0.25em 0;
	list-style-type: disc;
	font-size: small;
	list-style-position: inside;
}
.label-align
{
float: left;
width: 12em;
padding: 0.5em 0 0 0;
margin-right: 0.5em;
text-align: right;
}
.captchaLabel {
	padding:0;
}
.invalid:before {
	content: "x";
	font-weight: bold;
	margin-right: 15px;
	color: #E9102A; 
}
.valid:before {
	content: "\2714";	
	font-weight: bold;
	margin-right: 15px; 
	color: #00B74E
}
.error_boxshadow {
	
}

/* Updated Button Styles -- 1 December 2014 */
.buttonStyle2 {
	margin-bottom: 20px;
	padding: 10px 30px 10px 30px;
	width: auto;
	height: 35px;
	border-radius: 3px;
	border: 0;
	text-align: center;
	background: #0081bf;
	font:bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: white;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
.buttonStyle2:hover {
	margin-bottom: 20px;
	padding: 10px 30px 10px 30px;
	width: auto;
	height: 35px;
	border-radius: 3px;
	border: 0;
	text-align: center;
	background: #00abed;
	font: bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: white;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
/**.button_example{
border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
 background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
 background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}

.button_example:hover{
 border:1px solid #ADADAD;
 background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
 background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
 background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
}**/


.buttonStyle2:active {
	margin-bottom: 20px;
	padding: 10px 30px 10px 30px;
	width: auto;
	height: 35px;
	border-radius: 3px;
	border: 0;
	text-align: center;
	background: #005791;
	font: bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: white;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
.buttonStyle2:disabled {
	margin-bottom: 20px;
	width: auto;
	height: 35px;
	padding: 10px 30px 10px 30px;
	background: #f5f5f5;
	border: 1px #A6A6A6;
	border-style: solid;
	border-radius: 3px;
	font: bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: #bbbbbb;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
.buttonStyle2:disabled:hover {
	margin-bottom: 20px;
	width: auto;
	height: 35px;
	padding: 10px 30px 10px 30px;
	background: #f5f5f5;
	border: 1px #A6A6A6;
	border-style: solid;
	border-radius: 3px;
	font: bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: #bbbbbb;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
/* End Updated Button Styles */

span.redText {
	color: red;
}

.buttonStyle1 {
	margin: 2em 0 2em 0;
	/* width: 8em; */
	padding: 10px 40px;
	height: 35px;
	border-radius: 3px;
	border: 0;
	text-align: center;
	background: #0081bf;
	font:bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: white;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
.buttonStyle1:hover, .saveButton:hover{
	background: #005791;
}
.saveButton {
	height: 2em;
	padding: 0.15em 0.35em 0.15em 0.35em;
	text-align: center;
	border-radius: 3px;
	border: 0;
	background: #0081bf;
	font: bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: white;
	transition: background-color 400ms ease;
}
.grid-container img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

#learnMoreTab img
{
	margin: 0 0 0px 0;
	
}
.closeIconJSP {
	text-align: right;
	height: 2px;
}
/* Section Inner */
div.section-inner {
	max-width: 1100px;
	padding: 0 25px;
	margin: 0 auto;
	margin-top: 50px;
}
div.form{
	padding: 50px 400px;
	background-color:#FFF;
	}

/* Header */
div.header {

	padding: 20px 0;
}

/* Navigation */
div.nav {
	background-color:#6CF
}

div.nav ul {
	margin: 0;
	padding: 0;
}

div.nav ul li {
	list-style: none;
	float: left;
	font-size: 93%;
}

div.nav ul li a:link,
div.nav ul li a:visited {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	border-right: 1px solid #bababa;
}
.midsucc
{
	margin-left: 37px;
	margin-top: 20px;
}

/* Body Content */
div.body-content {
	padding: 50px 0;
	background-color: #666;
}

/* Thirds */
div.thirds {
	padding-bottom: 50px;
}

div.one-third {
	width: 30%;
	float: left;
	margin-right: 5%;
}

div.one-third-last {
	margin: 0;
}




/* Main Column */
div.main {
	width: 65%;
	float: left;
	margin-right: 5%;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
.input-txt
{
box-sizing: border-box;
width: 80%;
height: 33px;
margin: 0;
padding: 4px 0;
font-size: 16px;
font-size: 1.6rem;
text-indent: 4px;
}
label {
	vertical-align:baseline;
	display:block;
	clear:left;
	font-size: 13px;
}
p.field-button {
	height: 28px;
}
/********************* Learn More ******************************/

#lmDesktop table td {
	vertical-align: middle;
	padding: 0.20em;
	font-size: 12px;
	width: 100%;
}

#lmDesktop table th {
	padding: 0 0 0 0.5em;
	font-weight: bolder;	
}
.imgpop {
	height: 1em;
	width: 1em;
	margin: 0;
}
.closeIcon {
	text-align: right;
}
div#custombox-modal{
/* 	z-index: 10001;
	margin-left: -356px;
	left: 50%;
	margin-right: 20px; */
	background-color: white;
	padding: 1.25em;
	/* width: 45%;
	
	background-position: initial initial;
	background-repeat: initial initial; */
}
.libutton span {
	float: right;
}
.libuttonarrowup {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.libuttonarrowdown {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.acntcreated_head
{
	padding-left: 2px;
}
.box-square {
	
	padding: 15px 15px 36px 14px;
	height: auto;
	width: 80%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-top: 16px;
}
.box-squareerror {
	padding: 15px 14px;
	height: auto;
	width: 46.4em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-top: 16px;
border-left-width: thick; !important;
}
.headerstyleerror
{
	display: inline;
color:#444444; !important;
float: left;
margin-top: 2px;
margin-bottom: 9px;
}
.text-clractived{
color: #525252;
}
.box-square1 {
	padding: 15px 14px;
	height: 95px;
	width: 42.4em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-top: 16px;
border-left-width: thick; !important;
}

.box-square2 {
	padding: 15px 14px;
	height: 75px;
	margin-top: 1em;
	margin-bottom: 1em;s
	margin-left: 1em;
	padding-top: 16px;
}

.Box-succ {
	
	border: 1px solid #32C10B;
	
	
}
.Box-fail{
	
	border: 1px solid #e31b23;
	border-left-width:5px;

	
	
}
.Box-alactiv {
	border: 1px solid #F57F25;
}

.check-align
{
	margin-left: 1em;
}

.headerstyle{

display: inline;
color: #444444; !important;
float: left;
margin-top: 2px;

}
.headerstyle1{

display: inline;
color:#444444; !important;
margin-top: 2px;

}
.activated
{
	margin-left: 40px;
}
.headerstyle2 {

display: inline;
color: #444444; !important;
float: left;
margin-top: 2px;

}

.contentimg:before
{
	content: url('/National_Library/oe_/https://idreg.cloudapps.cisco.com/idreg/images/succ12.png');

	margin-right: 7px;
   float: left;
   

}
.contentimg1:before
{
	content: url('/National_Library/oe_/https://idreg.cloudapps.cisco.com/idreg/images/newerror1.png');

	margin-right: 10px;
   float: left;

}
.contentimg2:before
{
	content: url('/National_Library/oe_/https://idreg.cloudapps.cisco.com/idreg/images/newactive.png');

	margin-right: 7px;
    float: left;

}

.pstyle
{
	margin-top: 11px;
	margin-bottom: 3px;
}
.ulalignlm{
	margin-top: 3px; margin-top: 3px;
	padding-left: 17px;
	list-style-type: square;
}
.lihead div {
	margin: 0 0 1em 0.1em;
}
.buttonStyle1:disabled { 
	/* width: 8em; */
	height: 32px;
	padding: 7px 17px 9px 19px;
	background: #f5f5f5;
	border: 1px #A6A6A6;
	border-style: solid;
	font:bold 13px/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: #bbbbbb;
	-webkit-transition: background-color 400ms ease;
  	-moz-transition: background-color 400ms ease;
 	-o-transition: background-color 400ms ease;
  	transition: background-color 400ms ease;
}
.libutton h3 {
	font-size: 16px;
}
div.regBenefits{
	margin: 1em 0 0 0;
}
hr.extraHr {
	height: 0.25em;
	border-style: solid;
	background: #CCCCCC;
	border: 0;
}

.errorFieldContainer .fieldLabel {
	color : #e31b23;
}
.errorFieldContainer input, .errorFieldContainer select {
	border : 1px solid #e31b23;
}

.alertMessageBox {
	max-width: 100%;
	height: auto;
}

.alertMessage {
	display:inline;
}

.currentlySelected {
	background-color: #DAFFB5;
}

.hoverColor {
	background-color: #DAFFB5;
}

#errorMessage {
	margin-left: 35px;
}

#originalAddress {
	margin-bottom: 10px;
	border: 1px solid rgb(205, 202, 196);
	background-color: #f6f6f6;
	padding: 15px;
	margin-left: 13.3em; 
	margin-bottom:30px;
}

#headerAddress {
	position: relative;
	left: 172px;
	margin-bottom: 5px;
}

#otherAddresses {
	position: relative;
	bottom: 500px;
	left: 173px;
}

/* Adding Supporting CSS changes for the new form fields */

.securityQ1ListDropDown, .securityQ2ListDropDown {
	width: 61%;
}

#guestRegForm label {cursor:default;}

*+html #guestRegForm label { 
    cursor:default;
}

#guestRegForm label {
   cursor/**/: default;
}

.clearLeft {clear:left;}

.ML8 {margin-left:8%;}

.ML12 {margin-left:12%;}

.MT20 {margin-top:20px;}

.MT10 {margin-top:10px;}

.displayTable {display:table;}

.blueLink  {
	color: #0082d2 !important;
	text-decoration: none;
}

.grid-12 .holder {margin-top:-12px;}

p.field-button {
	height: 28px !important;
}

/*Start of IE8 only*/

#mb-title-nav-bar .title-page {display:none;}

#mb-title-nav-bar .title-section {display:none;}

#mb-title-nav-bar {margin-bottom:35px;}

.hinav {display:none;} 

.apps-swt {display:none;} 

.grid-9 {width:74.5%; float:left;}

.grid-3 {width:23.5%; float:left;}

#camp #fw-footer {display:none;}

#ff {display:none !important;}

/*End of IE8 only*/

.captchaAd
{
	cursor: pointer; 
	cursor: hand;
	border: 0px;
	 margin: 0px;
	padding-top: 0px;
	 position: relative; 
	 left: 20px; 
	 padding-bottom: 10px;
}

.overlay {
background: rgba(0, 0, 0, 0) url("/National_Library/oe_/https://idreg.cloudapps.cisco.com/idreg/images/spinning-loader.gif") no-repeat center;
z-index: 999;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none; 
}
.ui-autocomplete {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.clear{
	clear:both;
}