/*Reset*/
html, body, div, span, input, select, textarea, 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;
	outline:none;
}

/*Basics*/
html, body, .wrapper { min-width:1400px; }
.container { width:1400px; }
html { background:#fff; }
body { background:#3e3e3e; font-family:Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#0082b1; font-size:20px; font-weight:300; }
p, label, ul, ol, input, textarea { color:#888; font-size:13px; line-height:20px; }
a { color:#1286b4; cursor:pointer; }
a:hover { text-decoration:none; }
em { font-style:italic; }
strong { font-weight:bold; }
img { max-width:100%; height:auto !important; }
input, 
textarea, 
[class*='col_'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*IE*/
.lt-ie8 input, 
.lt-ie8 textarea, 
.lt-ie8 [class*='col_'] { padding-left:0 !important; padding-right:0 !important; }

body,
h1,h2,h3,h4,h5,h6,
.btn a,
#portal .form .or { font-family: "myriad-pro",sans-serif; }

/*Misc*/

/*Wrappers*/
.wrapper { position:relative; width:100%; z-index:9; }
.wrapper.header { background:#dfecf1 url(images/structure/header.png) repeat-x; z-index:10; }
.wrapper.portal { background:#fff; }
.wrapper.footer { background:#dfecf1; }

/*Containers*/
.container { position: relative; margin:0 auto; }

/*Columns*/
.column { float:left; min-height:100px; }
.column.left { width:900px; }
.column.right { width:500px; background:url(images/structure/right-column.png) no-repeat; }
.column.wide { width:100%; }

/*Grid*/
.grid:before,
.grid:after { content: " "; display: table; }
.grid:after { clear: both; }
.grid { width:100%; *zoom: 1; }

.block { float:left; }
.cell { display:table-cell; }

[class*='col_'] { float: left; display: inline-block; }
.col_1  { width: 4.166666666%;  }
.col_2  { width: 8.333333333%;  }
.col_3  { width: 12.5%;         }
.col_4  { width: 16.666666666%; }
.col_5  { width: 20.833333333%; }
.col_6  { width: 25%;           }
.col_7  { width: 29.166666666%; }
.col_8  { width: 33.333333333%; }
.col_9  { width: 37.5%;         }
.col_10 { width: 41.666666666%; }
.col_11 { width: 45.833333333%; }
.col_12 { width: 50%;           }
.col_13 { width: 54.166666666%; }
.col_14 { width: 58.333333333%; }
.col_15 { width: 62.5%;         }
.col_16 { width: 66.666666666%; }
.col_17 { width: 70.833333333%; }
.col_18 { width: 75%;           }
.col_19 { width: 79.166666666%; }
.col_20 { width: 83.333333333%; }
.col_21 { width: 87.5%;         }
.col_22 { width: 91.666666666%; }
.col_23 { width: 95.833333333%; }
.col_24 { width: 100%;          }

.push_1  { padding-left: 4.166666666%;  }
.push_2  { padding-left: 8.333333333%;  }
.push_3  { padding-left: 12.5%;         }
.push_4  { padding-left: 16.666666666%; }
.push_5  { padding-left: 20.833333333%; }
.push_6  { padding-left: 25%;           }
.push_7  { padding-left: 29.166666666%; }
.push_8  { padding-left: 33.333333333%; }
.push_9  { padding-left: 37.5%;         }
.push_10 { padding-left: 41.666666666%; }
.push_11 { padding-left: 45.833333333%; }
.push_12 { padding-left: 50%;           }
.push_13 { padding-left: 54.166666666%; }
.push_14 { padding-left: 58.333333333%; }
.push_15 { padding-left: 62.5%;         }
.push_16 { padding-left: 66.666666666%; }
.push_17 { padding-left: 70.833333333%; }
.push_18 { padding-left: 75%;           }
.push_19 { padding-left: 79.166666666%; }
.push_20 { padding-left: 83.333333333%; }
.push_21 { padding-left: 87.5%;         }
.push_22 { padding-left: 91.666666666%; }
.push_23 { padding-left: 95.833333333%; }
.push_24 { padding-left: 100%;          }

.clear { clear:both; }

/*Filters*/
.filter { cursor: pointer; }
.fill { display:none; }
.fill.selected { display:block; }

/*Btns*/
.btn a { display:inline-block; height:48px; line-height: 48px; padding:5px 80px; font-size: 24px; font-weight: 400; text-align: center; white-space: nowrap; text-decoration: none; 
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	     -o-border-radius: 4px; 
	        border-radius: 4px;
}
.btn a:hover { opacity: .9; }
.btn.blue a { color:#fff; background:#1286b4; }
.btn.check a span { display:inline-block; padding-right:28px; background: url(images/structure/check.png) no-repeat right center; }
.btn.center { text-align: center; }
.btn.full a { display:block; }
.btn.circle a { width:74px; height:74px; padding:0; line-height: 74px;
	-webkit-border-radius: 37px; 
       -moz-border-radius: 37px; 
	     -o-border-radius: 37px; 
	        border-radius: 37px;
}
.btn.circle.back a span { display:block; width:74px; height:74px; background: url(images/structure/arrow2.png) no-repeat center center; }
.btn.question a { height:auto; padding:14px 15px; text-align: left; font-size: 16px; line-height: 20px; }

/*Header*/
#header { position:relative; height:157px; }
#header .sep { position: absolute; top:20px; left:30px; right:30px; height:53px; text-align: center; background:url(images/structure/logo-sep.png) repeat-x center bottom; }
#header .sep span { display:inline-block; width:94px; height:53px; background:url(images/structure/header.png) repeat-x; }
#header .logo { position: relative; padding:34px 0 0 0; text-align: center; }
#header .date { position:absolute; right:0px; top:20px; }
#header .date p { padding:0 32px 0 0; font-size:14px; color:#0082b1; line-height:51px; text-align:right; }
#header .links { position:absolute; left:30px; top:35px; }
#header .link p { padding:0 32px 0 0; font-size:14px; color:#0082b1; line-height:51px; text-align:right; }

/*Footer*/
#footer { position:relative; height:40px; }

/*Portal*/
#portal h1 { padding:0 0 35px 0; font-size: 60px; line-height: 70px; text-transform: uppercase; text-align: center; }
#portal .frame { border:1px solid #fff; 
	-webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	     -o-border-radius: 3px; 
	        border-radius: 3px;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f4f4f4 ));
	background-image: -webkit-linear-gradient( #ffffff , #f4f4f4 );
	background-image:    -moz-linear-gradient( #ffffff , #f4f4f4 );
	background-image:     -ms-linear-gradient( #ffffff , #f4f4f4 );
	background-image:      -o-linear-gradient( #ffffff , #f4f4f4 );
	background-image:         linear-gradient( #ffffff , #f4f4f4 );	  
	-webkit-box-shadow: 0 1px 3px #959595; 
	   -moz-box-shadow: 0 1px 3px #959595; 	
	        box-shadow: 0 1px 3px #959595;
}


#portal .signingin .spacing { padding:35px 45px 45px 45px; }
#portal .signingin .frame { position: relative; width:390px; height:184px; text-align: center; }
#portal .signingin .frame:hover { border-color:#1286b4; }
#portal .signingin .frame h2 { padding:3px 0 0 0; margin:0 7px 10px 7px; font-size: 25px; line-height:52px; text-align: center; font-weight: 400; background:url(images/structure/px.png) repeat-x center 30px;  }
#portal .signingin .frame h2 span { display:inline-block; padding:0 5px;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #fbfbfb ));
	background-image: -webkit-linear-gradient( #ffffff , #fbfbfb );
	background-image:    -moz-linear-gradient( #ffffff , #fbfbfb );
	background-image:     -ms-linear-gradient( #ffffff , #fbfbfb );
	background-image:      -o-linear-gradient( #ffffff , #fbfbfb );
	background-image:         linear-gradient( #ffffff , #fbfbfb );
}
#portal .signingin .frame a { display:block; position: absolute; left:0; top:0; right:0; bottom:0; background:url(images/structure/clear.png); }
#portal .signingin .grid .col_12 { height:210px; }
#portal .signingin .grid .col_12:nth-child(2) .frame { float:right; }
#portal .signingin .grid .col_12:nth-child(4) .frame { float:right; }

#portal .thankyou { display:none; }
#portal .thankyou .spacing { padding:35px 45px 45px 45px; }
#portal .thankyou .frame { width:808px; min-height:424px; }
#portal .thankyou h2 { padding:150px 0 15px 0; line-height: 30px; color:#7b7b7b; font-size: 26px; text-align: center; }

#portal .form { display:none; }
#portal .form:first-child { display:block; }
#portal .form h3 { padding:0 0 20px 0; font-size: 20px; line-height: 25px; font-weight: 300; text-transform: uppercase; text-align: center; }
#portal .form .btn.back { float:left; }
#portal .form .spacing { padding:35px 45px 45px 45px; }
#portal .form .frame { width:656px; min-height:324px; padding:70px 76px 30px 76px; }
#portal .form .field { position: relative; padding:0 0 10px 0; }
#portal .form .field.other { display:none; }
#portal .form .txt { width:100%; height:40px; padding:10px 15px; border:1px solid #cccccc; background:#fff; line-height: 20px; font-size: 15px; font-weight: 700; color:#919191;
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	     -o-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 3px #f1f1f1; 
	   -moz-box-shadow: inset 1px 1px 3px #f1f1f1; 	
	        box-shadow: inset 1px 1px 3px #f1f1f1;	        
}
#portal .form .txt.area { min-height: 80px; }
#portal .form .txt.err { border-color:#ff2424; }
#portal .form .txt.succ { border-color:#16ca0d; background-image:url(images/structure/success-check.png); background-position:620px center; background-repeat:no-repeat; }
#portal .form .error { display:none; position: absolute; right:0; top:0; width:15px; height:40px; padding:0 17px 0 0; font-size: 33px; color:#ff2424; }
#portal .form .err .error { display:block; }
#portal .form .col_12:first-child { padding:0 5px 0 0; }
#portal .form .col_12 { padding:0 0 0 5px; }
#portal .form .or { width:100%; height: 23px; padding:10px 0; margin:0 0 10px 0; background: url(images/structure/px3.png) repeat-x center center; }
#portal .form .or span { display:block; height: 23px; background: url(images/structure/or.png) no-repeat center center; }
#portal .form .field label:first-child { display:inline-block; padding:0 0 15px 0; font-size: 15px; color:#919191; font-weight: 700; }
#portal .form .slider { padding:0 0 10px 0; }
#portal .form .slider .grid { width:702px; margin:0 0 0 -20px; }
#portal .form .slider .block { width:10%; padding:0 0 5px 0; font-size: 15px; color:#919191; font-weight: 700; text-align: center; }
#portal .form .slider .block:first-child { color:#1286b4; }
#portal .form .slider .ui-slider { height:12px; border:1px solid #dadada; 
	-webkit-box-shadow: inset 0px 1px 3px #f1f1f1; 
	   -moz-box-shadow: inset 0px 1px 3px #f1f1f1; 	
	        box-shadow: inset 0px 1px 3px #f1f1f1;
	-webkit-border-radius: 6px; 
       -moz-border-radius: 6px; 
	     -o-border-radius: 6px; 
	        border-radius: 6px;	        
}
#portal .form .err .slider .ui-slider { border-color:#ff2424; }
#portal .form .slider .ui-slider-handle { outline:none; }
#portal .form .slider .ui-slider-handle .handle { position: absolute; left:0px; top:-1px; width:25px; height:25px; background: url(images/structure/slider.png) no-repeat center center; }
#portal .form .slider .bar { position: absolute; left:-1px; top:-1px; width:0%; height:14px; background: url(images/structure/bar.png) repeat-x; 
	-webkit-border-radius: 7px; 
       -moz-border-radius: 7px; 
	     -o-border-radius: 7px; 
	        border-radius: 7px;
}

/*Dashboard*/
#dashboard h1 { padding:0 0 10px 0; font-size: 50px; line-height: 55px; font-weight: 300; float:left;}
#dashboard h2 { float:right; }
#dashboard .spacing { padding:30px; }
#dashboard table { width:100%; border-top:1px solid #0584b3; }
#dashboard table th { padding:0 10px; line-height: 35px; font-size:16px; font-weight: 700; text-align: center ; color:#fff; border-right:1px solid #0a87b4; background:#0a87b4; white-space:nowrap; }
#dashboard table th:first-child { border-left:1px solid #0a87b4;  }
#dashboard table td:first-child { min-width: 70px; border-left:1px solid #c8dae0; text-align: right; line-height:25px; }
#dashboard table td:nth-child(2) { text-align: center; }
#dashboard table td { padding:10px 10px; text-align: center; line-height: 17px; color:#717171; font-size: 14px; border-bottom:1px solid #c8dae0; border-right:1px solid #c8dae0; }
#dashboard table td a { display:inline-block; padding:0 10px 0 0; color:#0082b1; text-decoration: underline; background: url(images/structure/arrow.png) no-repeat right 10px;  }
#dashboard table td:hover a { text-decoration:none}
#dashboard table td.v1 { padding-left:35px; background:url(images/structure/ico-individual.png) no-repeat 5px center; }
#dashboard table td.v2 { padding-left:35px; background:url(images/structure/ico-vendor.png) no-repeat 5px center; }
#dashboard table td.v3 { padding-left:35px; background:url(images/structure/ico-small-group.png) no-repeat 5px center; }
#dashboard table td.v4 { padding-left:35px; background:url(images/structure/ico-large-group.png) no-repeat 5px center; }
#dashboard .overflow { height:480px; overflow: hidden; }
#dashboard table td:nth-child(1) { width:130px; }
#dashboard table td:nth-child(2) { width:110px; }
#dashboard table td:nth-child(3) { width:160px; }
#dashboard table td:nth-child(4) { width:190px; }
#dashboard table td:nth-child(5) { width:100px; }
#dashboard table td:nth-child(6) { width:120px; }
#dashboard table th:nth-child(1) { width:160px; }
#dashboard table th:nth-child(2) { width:110px; }
#dashboard table th:nth-child(3) { width:160px; }
#dashboard table th:nth-child(4) { width:190px; }
#dashboard table th:nth-child(5) { width:100px; }
#dashboard table th:nth-child(6) { width:120px; }

/*Sign Out*/
#signout { min-height:575px; background:url(images/structure/desk2.png) no-repeat 47px 370px; }
#signout .spacing { padding:32px 30px 30px 50px; }
#signout h3 { padding:0 0 10px 0; font-size: 30px; line-height:43px; border-bottom:1px solid #0584b3; background: url(images/structure/signout.png) no-repeat right top; }
#signout table { width:100%; }
#signout table td:first-child { padding-left:30px; text-align: left; }
#signout table td:last-child { border-left:1px solid #0584b3; }
#signout table td {  padding:10px 5px; text-align: center; line-height: 17px; color:#717171; font-size: 14px; border-bottom:1px solid #c8dae0; }
#signout table td a { display:inline-block; padding:0 10px 0 0; color:#0082b1; text-decoration: underline; background: url(images/structure/arrow.png) no-repeat right 5px; }
#signout table td:hover { color:#0082b1; }
#signout table td:hover a { text-decoration:none; }
#signout .overflow { height:250px; overflow: hidden; border-bottom:1px solid #0584b3; }
#signout table td.v1 { background:url(images/structure/ico-individual.png) no-repeat left center; }
#signout table td.v2 { background:url(images/structure/ico-vendor.png) no-repeat left center; }
#signout table td.v3 { background:url(images/structure/ico-small-group.png) no-repeat left center; }
#signout table td.v4 { background:url(images/structure/ico-large-group.png) no-repeat left center; }

/*Modal*/
#modal { display:none; position: absolute; left:0; top:0; right:0; z-index: 9999; }
#modal .overlay { position: absolute; left:0; top:0; right:0; bottom:0; background:url(images/structure/overlay.png); }
#modal .frame { position: absolute; left:50%; top:200px; padding:70px 20px; margin:0 0 0 -270px; width:500px; background:#fff; 
	-webkit-border-radius: 10px; 
       -moz-border-radius: 10px; 
	     -o-border-radius: 10px; 
	        border-radius: 10px;
	-webkit-box-shadow: 0 1px 5px #444; 
	   -moz-box-shadow: 0 1px 5px #444; 	
	        box-shadow: 0 1px 5px #444;
}
#modal h4 { padding:0 0 30px 0; font-size: 36px; line-height: 45px; font-weight: 300; text-align: center; }

/*Content*/
#content .spacing { padding:25px 0; }
#content h1 { margin:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:400; }
#content h2 { margin:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; }
#content h3 { margin:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; }
#content h4 { margin:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:400; }
#content h5 { margin:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#content h6 { margin:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#content p { margin:0 0 20px 0; }
#content ul, #content ol { padding:0 0 0 20px; margin:0 0 20px 0; }
#content ul { list-style:square; }
#content li { padding:4px 0; border-bottom:1px solid #f1f1f1; }
#content li:first-child { border-top:1px solid #eee; }

/*Colorbox*/
#cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; }

/*UI*/
#ui-datepicker-div { font-size: 11px; }

/*Scroller*/
.scrollable { position: relative; }

/*Animated GIF*/
#SignOutLoading { text-align:center; padding:40px 0px; }

/*AutoComplete*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; 
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	     -o-border-radius: 3px; 
	        border-radius: 3px;
}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #0584b3; }


/*Media*/
@media all and (max-width: 1380px) {

    html, body, .wrapper { min-width:100%; }
    .container { width:100%; }

    /*Columns*/
    .column.left { width:900px; }
    .column.right { width:30%; max-width:400px; }
}

@media all and (max-width: 1300px) {

    #portal .signingin .frame { width:95%; }
    #portal .form .frame { width:auto; min-height:324px; padding:35px 50px; }

    /*Columns*/
    .column.left { width:60%; }
    .column.right { width:40%; }

    #portal .form .slider .grid { width:auto; }
}