@charset "utf-8";

/*MAIN CONTENT*/
DIV#main { margin:0px 120px 0px 170px; clear:left; }

/*WIDE MAIN CONTENT*/
DIV#mainContentWide { margin: 36px 24px 0px 171px; clear:left; }

/*VERY WIDE MAIN CONTENT*/
/*NOTE THAT THIS CANNOT BE USED ALONE. IT MUST FOLLOW A HEADING IN WIDE MAIN CONTENT*/
/*NOTE THAT WHEN USED IN CONJUNCTION WITH THE LEFT NAVIGATION BAR IT HAS TO BE FURTHER DOWN THE PAGE*/
DIV#mainContentVeryWide {  margin:48px 24px 0px 24px; clear:left;  }

.question {
	color: #004477;
    font-family: 'Verdana';
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
}

.section_head {
	color: #403a37;
    font-family: 'Verdana';
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 60px;
    padding: 0;
    line-height: 1.3em;
}

.plan .plan_sign_up a, .single_app_sign_up_button {
    margin-bottom: 10px;
    min-width: 80px;
    padding: 8px 30px;
}
.plans .btn {
    background-color: #195785;
    background-image: none;
    border-radius: 6px;
    border-style: none !important;
    text-shadow: none;
}
.btn.primary, .btn.action, .btn.cancel, .btn.choice {
    background-color: #004477;
    /*background-image: -moz-linear-gradient(center top , #50a3e2, #247fcc);*/
    background-image: -moz-linear-gradient(center top , #668FAD, #004477);
    background-image: none; /*This is to make it work in IE*/
    background-repeat: repeat-x;
    border: 1px solid #527593 !important;
    color: #fff;
   /*padding: 7px 30px;*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn {
    -moz-user-select: none;
    background-color: #a6a6a6;
    background-image: linear-gradient(#f9f9f9 0px, #d9d9d9 100%);
    background-repeat: no-repeat;
    border: 1px solid #808080 !important;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: "adobe-clean","Verdana",Verdana;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 7px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: all 0.1s linear 0s;
}

.btn:hover {
    /*background-color:red;*/
    opacity: 0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    background-image: none;
}

.Textbox{
   height: 10px;	
   outline:none;
   border-style: none;
   background-color: #F0F0F0;
   color: #004477; 
   padding-left: 2px;
   font-family: 'Verdana';  
   font-size: 15px;
   font-weight: 300;
}

.PlText {
	color: #004477;
    font-family: 'Open Sans';  
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0;
}

.PlText2 {
	color: #004477;
    font-family: 'Verdana';
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    line-height:30px
}

.disclaimer {
    color: #004477;
    font-family: 'Verdana';
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    line-height:17px;
    text-align:justify;
    /*background-color: #f5f5f5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; 
    border: 1px solid white;*/
}

.PlTextHeading {
	color: #004477;
    font-family: 'Open Sans';
    font-weight: bold;    
    font-size: 25px;
    margin: 0 0 30px;
    padding: 0;
}

.DownSelect {
   width: 315px;
   height: 30px;
   overflow: hidden;
   /*background: #F0F0F0;*/
   border: 1px solid;
   font-family: 'Verdana';  
   font-size: 13px;
   font-weight: 300;
   margin: 0 0 0px;
   padding: 0;
   /*color: #004477;*/
}
.label_check {
	cursor: pointer;
    display: block;
    line-height: 20px;
    padding-bottom: 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.label_radio {
	cursor: pointer;
    display: block;
    line-height: 20px;
    padding-bottom: 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.main-content {
	margin-top: 120px;
}

/*Tool Tip Styles*/
span.questionBubble{
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #004477;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
}
span.questionBubble:hover { background-color: #737373; }
div.tooltip {
  background-color: #737373;
  color: White;
  position: absolute;
  left: 18px;
  top: 0px;
  z-index: 1000000;
  width: 288px;
  border-radius: 5px;
  text-align: left;
}
div.tooltip:before {
  border-color: transparent #737373 transparent transparent;
  border-right: 6px solid #737373;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 8%;
  left: -6px;
}
div.tooltip p {
  margin: 10px;
  color: White;
}
div.tooltip2 {
    background-color: #737373;
    color: White;
    position: absolute;
    left: -284px;
    top: -31px;
    z-index: 1000000;
    width: 288px;
    border-radius: 5px;
    text-align: left;
    /*white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    white-space: normal;*/
}
div.tooltip2:before {
    border-color: transparent #737373 transparent transparent;
    border-left: 6px solid #737373;
    border-style: solid;
    border-width: 6px 0px 6px 6px;
    content:"";
    display: block;
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
    top: 37%;
    left: 285px;
}
div.tooltip2 p {
    margin: 10px;
    color: White;
}
.downArrow{
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-top: 4px solid #004477;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

/* Pulled from the hard coded style in all the pages */
body { font-family:Lucida Sans, Arial, Helvetica, Sans-Serif; font-size:13px; margin:20px;}
#main { width:960px; margin: 0px auto; /*border:solid 0px #b2b3b5;*/ -moz-border-radius:10px; padding:20px; /*background-color:#ececec;*/}
#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none; width:90%; height:97%; margin-left: 74px; overflow:auto;}
legend { font-size:15px; margin:0px; padding:0px 0px; color:#004477; font-weight:bold;}
label { display:block;}
input[type=text], input[type=password] { width:200px; padding:5px; border:solid 1px #000;}
.prev, .next, #SaveSubmit { background-color:#004477; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover, #SaveSubmit:hover { background-color:#bb0f00; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#SaveSubmit{ float:center;text-align: center;}
.button {background-color:#004477; color:#fff; text-decoration:none;}
.button:hover { background-color:#bb0f00; text-decoration:none;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}
#makeWizard { background-color:#004477; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#bb0f00;}
#makeWebform { background-color:#004477; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWebform:hover { background-color:#bb0f00;}
.boxBorder {
/*BORDER-RIGHT: black 1px solid;BORDER-TOP: black 1px solid;BORDER-LEFT: black 1px solid;BORDER-BOTTOM: black 1px solid;*/
/*padding: 0.2em 0.5em;*/
padding: 10px;
border:1px solid #454545;
width: 312px;
/*color:green;
font-size:90%;
text-align:right;*/
/*End of Pulled from hard coded style in all the pages*/

.bld { font-size:14px; margin:0px; padding:10px 0px; color:#004477; font-weight:bold;}

.webform .label_check,
.webform .label_radio    { padding-left: 34px; }
.webform .label_radio    { background: url(../images/radio-off.png) no-repeat; }
.webform .label_check    { background: url(../images/check-off.png) no-repeat; }
.webform label.c_on      { background: url(../images/check-on.png) no-repeat; }
.webform label.r_on      { background: url(../images/radio-on.png) no-repeat; }
.webform .label_check input,
.webform .label_radio input  { position: absolute; left: -9999px; }