
#progress { position:relative; width:150px; border: 1px solid #02254a; padding: 1px; border-radius: 3px;margin-left: 20px ;background: transparent;}

#bar { background: url(img/button-share.png) bottom repeat-x; width:0%; height:18px; border-radius: 3px; }

#percent { position:absolute; display:inline-block; top:1px; left:3%;color: #eef2f6;}



.form {

  

    margin: 0 auto;

    background: #f5f4f4;

  

   width: 100%;

   float: right;

   

}



.form label {

    color: #7ab3be;

    font-family: Arial,Helvetica;

    font-size: 12px;

    font-weight: bold;

	

}

.form label.shrtlbl {

    color: #7ab3be;

    font-family: Arial,Helvetica;

    font-size: 12px;

    font-weight: bold;

	display: inline-block;

	width: 80px;

	float: left;

}









.form input[type="text"], .form input[type="email"], .form textarea {

    background-color: #e9e8e8;

	background-color: #012951;

    border: 1px solid #1e4266;

    color: #684c28;

    font-family: Keffeesatz,Arial;

    font-size: 12px;

    margin-bottom: 5px;

	width: 60%;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

    

    padding: 2px;

}
.form input[type="text"]:focus, .form input[type="text"]:active, .form input[type="email"]:focus, .form input[type="email"]:active, .form input[type="search"]:focus, .form input[type="search"]:active, .form input[type="password"]:focus, .form input[type="password"]:active, .form input[type="number"]:focus, .form input[type="number"]:active, .form textarea:focus, .form textarea:active
{
 background-color: #e9e8e8;

	background-color: #275787;

    border: 1px solid #1e4266;

    color: #684c28;

    font-family: Keffeesatz,Arial;

    font-size: 12px;

    margin-bottom: 5px;

	width: 60%;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

    

    padding: 2px;
}

.form input[type="text"], input[type="email"], textarea {
min-height: 25px;
}
.form input[type="text"]:hover, .form  input[type="email"]:hover, .form  textarea:hover {

    background-color: #e9e8e8;

	background-color: #275787;

    border: 1px solid #1e4266;

    color: #684c28;

    font-family: Keffeesatz,Arial;

    font-size: 12px;

    margin-bottom: 5px;

	width: 60%;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

    

    padding: 2px;

}



.form input[type="text"] {

    width: 60%;

}

.form input[type="email"] {

    width: 60%;

}

.form input.lnkfld

{

color: #383838;

width: 50%;

}



#msform input.buttom {

    background: none repeat scroll 0 0 #4b8df9;

    border: medium none;

    


    color: #1b3c5d;

    cursor: pointer;

    display: inline-block;

    font-family: Verdana,Geneva,sans-serif;

    font-size: 12px;

    font-weight: bold;

    line-height: 1;

    padding: 13px 5px;

    position: relative;

    text-decoration: none;

    

	width: 100px;

	margin: 10px 5px;
background:#6199D1;
	background: -moz-linear-gradient(
		top,
		#B1CDE9 0%,
		#6199D1);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#B1CDE9),
		to(#6199D1));
	border: 1px solid #306AA3;

}

.form .select-style {

    background-position: right center;

 background-color: #f0cc7c;

    border: 1px solid #d0a74d;

    color: #684c28;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

    

    font-size: 12px;

    margin: 0;

    overflow: hidden;

    padding-bottom: 5px;

    padding-top: 5px;

    text-overflow: ellipsis;

    white-space: nowrap;

	width: 100%;

}

.form p

{

margin: 7px 0px;

}

.form h2

{

margin-bottom: 10px;

}

p.contact

{

margin-bottom:3px;

margin-top:10px;



}

div.formgp

{



}

h2.headlvl1

{



background: #f0f1ee;

color: #626261;

background: #4e4e4e;

color: #abc383;

color: #f4f4f4;

padding: 3px 5px;

font-family: arial;

font-size: 14px;

}

p.headlvl2

{

color: #474747;

padding-left: 5px;

font-family: arial;

font-size: 12px;

line-height: 15px;

}

div.attchbx

{

background: #f3fbe7;

background: #ffffff;

background: #012244;

border: 1px solid #2a5683;

margin-bottom: 5px;

margin-right: 5px;

margin-left: 5px;

color: #88c3cf;

padding-left: 5px;

}

div.attchbx input[type="file"]

{

margin-bottom: 4px;
display: inline-block;
margin-bottom: 2px !important;
}

div.attchbx p

{

margin-bottom:2px;

margin-top:2px;



}

div.attchbx label

{

color: #78c8d7;
color: #8fbce9;
color: #88c3cf;
}

div.attchbx input

{

border: 1px solid #c9c8c8;

}

div.header

{

width: 1024px;

padding: 5px;



float: left;

height: 120px;

overflow: hidden;

background: url(photos/Band-2.png);

background-repeat: no-repeat;

background-position: 100px 10px;

background-color: #f5f4f4;

}

#iview-timer

{

display: none;

}











/*form styles*/

#msform {
margin: 0px auto;
text-align: center;
position: relative;
width: 100%;
height:515px;
}
#msform  .next
{
background: url(../img/nextprev2.png) !important;
background-repeat: no-repeat !important;
background-position: 66px 10px !important;
background-color: #254463 !important;
color: #9db1c5 !important;
}
#msform  .next:hover
{

background-color: #254463 !important;
color: #ffffff !important;
}
#msform  .previous
{
background: url(../img/nextprev1.png) !important;
background-repeat: no-repeat !important;
background-position: 1px 10px !important;
background-color: #254463 !important;
color: #9db1c5!important;
}
#msform  .previous:hover
{

background-color: #254463 !important;
color: #ffffff !important;
}
#msform fieldset {

	background: #011c38;

	border: 0 none;

	border-radius: 3px;

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 5px rgba(0, 0, 0, 0.3);

	padding: 10px 10px;

	border-right: 1px solid #cccccc;

	box-sizing: border-box;

	

	margin: 0 0;

	

	/*stacking fieldsets above each other*/

	position: absolute;
width: 100%;
}

/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {

	display: none;

}

/*inputs*/

#msform input, #msform textarea {

	padding: 2px 3px;

	

	margin-bottom: 10px;

	

	box-sizing: border-box;

	

	color: #92b9e1;

	font-size: 12px;

}

#msform .selectize-control .selectize-input
{
    background-color: #e9e8e8;

	background-color: #275787;

    border: 1px solid #1e4266;

 

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);


	color: #fff;

	font-size: 12px;
}
#msform .selectize-control .selectize-dropdown
{
background: #2c6399;
border: 1px solid #1e4266;
color: #cde0f4;
}
#msform #selectedOptions
{
display: none;
}
#msform input[type="text"]:hover, #msform textarea:hover {


	





	

	color: #fff;


}
/*buttons*/

#msform .action-button {

	width: 100px;

	background-color: #27AE60;

	font-weight: bold;

	color: white;

	border: 0 none;

	border-radius: 1px;

	cursor: pointer;

	padding: 10px 5px;

	margin: 10px 5px;

}

#msform .action-button:hover, #msform .action-button:focus {



}

/*headings*/

.fs-title {

	font-size: 15px;

	text-transform: uppercase;

	color: #2C3E50;

	margin-bottom: 10px;

}

.fs-subtitle {

	font-weight: normal;

	font-size: 13px;

	color: #666;

	margin-bottom: 20px;

}

/*progressbar*/

#progressbar {

	margin-bottom: 30px;

	overflow: hidden;

	/*CSS counters to number the steps*/

	counter-reset: step;

}

#progressbar li {

	list-style-type: none;

	color: white;

	text-transform: uppercase;

	font-size: 9px;

	width: 33.33%;

	float: left;

	position: relative;

}

#progressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 20px;

	line-height: 20px;

	display: block;

	font-size: 10px;

	color: #333;

	background: white;

	border-radius: 3px;

	margin: 0 auto 5px auto;

}

/*progressbar connectors*/

#progressbar li:after {

	content: '';

	width: 100%;

	height: 2px;

	background: white;

	position: absolute;

	left: -50%;

	top: 9px;

	z-index: -1; /*put it behind the numbers*/

}

#progressbar li:first-child:after {

	/*connector not needed before the first step*/

	content: none; 

}

/*marking active/completed steps green*/

/*The number of the step and the connector before it = green*/

#progressbar li.active:before,  #progressbar li.active:after{

	background: #27AE60;

	color: white;

}

#frmouter

{

position: relative;

margin-left: 10px;

}

#frminer

{

width: 100%;
height:515px;


}

a.frmhide

{

display: inline-block;

width: 25px;

height: 22px;

background: url(img/uarow21.jpg);

background-position: 0px 0px;

cursor: pointer;



overflow: hidden;



line-height: 20px;

}

#accordion

{

text-align: left;

}

.ui-accordion h3.ui-accordion-header

{

color: #555555;

border-radius: 0px;

margin-top: 0px;

border-top: 1px solid #ffffff;

}

.ui-accordion h3.ui-state-focus

{

color: #555555;

border-radius: 0px;

margin-top: 0px;



background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #f6f6f6;

border: 1px solid #cccccc;

border-top: 1px solid #ffffff;

}

h3.ui-accordion-header:hover

{

background: #ffffff;

border: 1px solid #c3c3c3;

border-top: 1px solid #ffffff;

color: #222222;

}

.ui-accordion .ui-accordion-content

{

background: #f9f4bc;

padding: 5px 10px;

border-radius: 0px;

}

div.ui-accordion-content ul li

{

 list-style-type: none;



}

div.ui-accordion-content ul li:hover

{

background-color: #f9f196;



}

a.processlnkopt

{

color: #503525;

padding: 4px 10px 4px 20px;

display: inline-block;

background: url(images/bma13206896727493.png);

background-position: 2px -40px;

background-repeat: no-repeat;

}

a.processlnkopt:hover

{

color: #503525;

background-color: #f9f196;

background-position: 2px -20px;

color: #000000;

}

.ui-accordion h3.ui-accordion-header-active

{

border: 1px solid #cccccc;

background: url("images/ui-bg_gloss-wave_35_f6a828_500x1003.png") repeat-x scroll 50% 50% #f4bd63;

border: 1px solid #e8a05a;

border-top: 1px solid #fce8d4;

color: #503525;

}

a.selectedch

{

background-position: 2px -20px;

}

.prochead

{

color: #97b8d9;

background: url(img/redbanner-gradiant.png);

padding: 5px 10px;

text-align: left;

font-size: 16px;

width: 100%;
display: block;
}



.prochead2

{

color: #ffffff;

background: url(img/green-gradient3.png);

padding: 5px 10px;

text-align: left;

font-size: 16px;

border-bottom: 1px solid #667b4b;

}

#selectedOptions

{

color: #585e50;

background: #e3eed5;

text-alig: left;

padding-top: 5px;

}

span.selecteditm

{

display: block;

padding: 0px 10px;

padding-bottom: 5px;

font-size: 12px;

text-align: left;

}

a.slidlnk

{



color: #61aff1;

}

a.slidlnk:hover

{

color: #3b95e2;



}

a.slidlnk2

{

color: #e1b24a;

}

a.slidlnk2:hover

{

color: #61aff1;

}

div.partition

{

width: 285px;

float: left;

margin-right: 15px;

line-height: 20px;

}

div.partition2

{

width: 305px;

float: left;

margin-right: 15px;

line-height: 20px;

}



a.group4 img

{

height: 120px;

cursor: -webkit-zoom-in;

cursor: -moz-zoom-in;

cursor: zoom-in;

}
#processcontnr
{
background: #3d78b4;
background: #012951;

border: 1px solid #023466;
padding-left: 5px;
}
label.prcs_optns
{
color: #335679;
padding-left: 4px;
float: left;
width: 95px;
display: inline-block;
}
h5.processhead
{
color: #c2c7cc;
text-align: left;
position: relative;
}
h5.processhead:after
{
background-color: #90dc8a;
bottom: -5px;
left: 1px;
content: "";
height: 2px;
position: absolute;
width: 150px;
z-index: 0;

}
ul.prcs_chkbx_cntnr_list
{
list-style: none;
text-align: left;
}
ul.prcs_chkbx_cntnr_list li
{
display: inline-block;
width: 120px;

margin-left: 5px;
text-align: left;
}
.icheckbox_flat-green
{
float: left;
}
p.query_call
{
color: #e7e882;
color: #ea6645;
font-weight: bold;
margin-bottom: 0px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
p.b2b_outsrc
{
color: #bfd8f3;
margin-top: 0px;
margin-bottom: 0px;
}