/*--Global Css Reset--*/
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, input, textarea, select,
h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

li { display: list-item; }
head { display: none; }
table { display: table; border-spacing: 2px; border-collapse: collapse; border-spacing: 0; }
tr { display: table-row; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
col { display: table-column; }
colgroup { display: table-column-group; }
td, th { display: table-cell; }
caption { display: table-caption; text-align: center; }
th { font-weight: bolder; text-align: center; }
html, body { margin: 0px; }
h1 { font-size: 24px; margin: .67em 0; }
h2 { font-size: 22px; margin: .75em 0; }
h3 { font-size: 18px; margin: .83em 0; }
h4 { font-size: 16px; margin: 1.12em 0; }
h5 { font-size: 12px; margin: 1.5em 0; }
h6 { font-size: 10px; margin: 1.67em 0; }

p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0; }

h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder; }
blockquote { margin-left: 40px; margin-right: 40px; }
i, cite, em, var, address { font-style: italic; }
pre, tt, code, kbd, samp { font-family: monospace; }
pre { white-space: pre; }
button, textarea, input, select { display: inline-block; }
big { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
thead, tbody, tfoot { vertical-align: middle; }
td, th, tr { vertical-align: inherit; }
s, strike, del { text-decoration: line-through; }
hr { border: 1px inset; float:left; clear:both; width: 100%; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
ol, ul, dir, menu, dd {  }
ol { list-style-type: decimal; }
    ol ul, ul ol,
    ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
u, ins { text-decoration: underline; }
br:before { content: "\A"; white-space: pre-line; }
:link, :visited { text-decoration: underline; }
a:focus { outline: 0; border:none; }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override; }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override; }

*[DIR="ltr"] { direction: ltr; unicode-bidi: embed; }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, .footer, .header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

a, a img { border: 0; outline: none; }

a, select, button, a:hover, select:hover, button:hover,
 input[type="radio"], input[type="radio"]:hover, input[type="checkbox"], input[type="checkbox"]:hover, 
 button[type="button"], button[type="button"]:hover, button[type="reset"], button[type="reset"]:hover, 
 button[type="cancel"],  button[type="cancel"]:hover{ cursor:pointer; }

blockquote:before, q:before { content: '“'; }
blockquote:after, q:after { content: '”'; }

mark { background-color:#55FF7F; margin:0; padding:0; }

div { position:relative; }

::-moz-selection { /* Code for Firefox */
    color: #ffffff; 
    background: #89c3eb;
}

::selection {
    color: #ffffff; 
    background: #89c3eb;
}

/*--Default Styles--*/

.header, #body, .footer, .container, .col, .col-2, .col-3, .col-4, .col-5, .col-6 { margin: 0; padding: 0; position: relative; font-size: 16px; display: table; width:100%; }

.header, #body, .footer { width: 100%; float: left; clear: both; position: relative; }

    .header > div.container, #body > div.container, .footer > div.container,
    .header > div, #body > div, .footer > div { width: 100%; max-width: 1366px; margin: 0 auto; }

    .col-2 > div,
    .col-3 > div,
    .col-4 > div,
    .col-5 > div,
    .col-6 > div { float: left; clear: right; width: 100%; position:relative; }

    .col-2 > div { width: 50%; }
    .col-3 > div { width: 33.33%; }
    .col-4 > div { width: 25%; }
    .col-5 > div { width: 20%; }
    .col-6 > div { width: 16.66%; }
	
	.h-5 { height: 5px; }
	.h-10 { height: 10px; }
	.h-15 { height: 15px; }
	.h-20 { height: 20px; }
	.h-25 { height: 25px; }
	.h-30 { height: 30px; }
	.h-35 { height: 35px; }
	.h-40 { height: 40px; }
	.h-45 { height: 45px; }
	.h-50 { height: 50px; }
	.h-55 { height: 55px; }
	.h-60 { height: 60px; }
	.h-65 { height: 65px; }
	.h-70 { height: 70px; }
	.h-75 { height: 75px; }
	.h-80 { height: 80px; }
	.h-85 { height: 85px; }
	.h-90 { height: 90px; }
	.h-92 { height: 92px; }
	.h-94 { height: 94px; }
	.h-96 { height: 96px; }
	.h-98 { height: 98px; }
	.h-100 { height: 100px; }

    .w-auto { width:auto; }
	.w-5 { width: 5%; }
	.w-10 { width: 10%; }
	.w-15 { width: 15%; }
	.w-20 { width: 20%; }
	.w-25 { width: 25%; }
	.w-30 { width: 30%; }
	.w-35 { width: 35%; }
	.w-40 { width: 40%; }
	.w-45 { width: 45%; }
	.w-50 { width: 50%; }
	.w-55 { width: 55%; }
	.w-60 { width: 60%; }
	.w-65 { width: 65%; }
	.w-70 { width: 70%; }
	.w-75 { width: 75%; }
	.w-80 { width: 80%; }
	.w-85 { width: 85%; }
	.w-90 { width: 90%; }
	.w-92 { width: 92%; }
	.w-94 { width: 94%; }
	.w-96 { width: 96%; }
	.w-98 { width: 98%; }
	.w-100 { width: 100%; }

	.center { margin:0 auto; }

    .m-0 { margin:0; }
	.m-5 { margin:5px; }
	.m-10 { margin:10px; }
	.m-15 { margin:15px; }
	.m-20 { margin:20px; }
	.m-25 { margin:25px; }
	.m-30 { margin:30px; }
	.m-35 { margin:35px; }
	.m-40 { margin:40px; }
	.m-45 { margin:45px; }
	.m-50 { margin:50px; }

	.mt-5 { margin-top:5px; }
	.mt-10 { margin-top:10px; }
	.mt-15 { margin-top:15px; }
	.mt-20 { margin-top:20px; }
	.mt-25 { margin-top:25px; }
	.mt-30 { margin-top:30px; }
	.mt-35 { margin-top:35px; }
	.mt-40 { margin-top:40px; }
	.mt-45 { margin-top:45px; }
	.mt-50 { margin-top:50px; }

	.mb-5 { margin-bottom:5px; }
	.mb-10 { margin-bottom:10px; }
	.mb-15 { margin-bottom:15px; }
	.mb-20 { margin-bottom:20px; }
	.mb-25 { margin-bottom:25px; }
	.mb-30 { margin-bottom:30px; }
	.mb-35 { margin-bottom:35px; }
	.mb-40 { margin-bottom:40px; }
	.mb-45 { margin-bottom:45px; }
	.mb-50 { margin-bottom:50px; }
	
	.mr-5 { margin-right:5px; }
	.mr-10 { margin-right:10px; }
	.mr-15 { margin-right:15px; }
	.mr-20 { margin-right:20px; }
	.mr-25 { margin-right:25px; }
	.mr-30 { margin-right:30px; }
	.mr-35 { margin-right:35px; }
	.mr-40 { margin-right:40px; }
	.mr-45 { margin-right:45px; }
	.mr-50 { margin-right:50px; }
	
	.ml-5 { margin-left:5px; }
	.ml-10 { margin-left:10px; }
	.ml-15 { margin-left:15px; }
	.ml-20 { margin-left:20px; }
	.ml-25 { margin-left:25px; }
	.ml-30 { margin-left:30px; }
	.ml-35 { margin-left:35px; }
	.ml-40 { margin-left:40px; }
	.ml-45 { margin-left:45px; }
	.ml-50 { margin-left:50px; }

	.mtb-5 { margin:5px auto; }
	.mtb-10 { margin:10px auto; }
	.mtb-15 { margin:15px auto; }
	.mtb-20 { margin:20px auto; }
	.mtb-25 { margin:25px auto; }
	.mtb-30 { margin:30px auto; }
	.mtb-35 { margin:35px auto; }
	.mtb-40 { margin:40px auto; }
	.mtb-45 { margin:45px auto; }
	.mtb-50 { margin:50px auto; }

    .p-0 { padding:0; }
	.p-5 { padding:5px; }
	.p-10 { padding:10px; }
	.p-15 { padding:15px; }
	.p-20 { padding:20px; }
	.p-25 { padding:25px; }
	.p-30 { padding:30px; }
	.p-35 { padding:35px; }
	.p-40 { padding:40px; }
	.p-45 { padding:45px; }
	.p-50 { padding:50px; }

    .pt-0 { padding-top:0; }
	.pt-5 { padding-top:5px; }
	.pt-10 { padding-top:10px; }
	.pt-15 { padding-top:15px; }
	.pt-20 { padding-top:20px; }
	.pt-25 { padding-top:25px; }
	.pt-30 { padding-top:30px; }
	.pt-35 { padding-top:35px; }
	.pt-40 { padding-top:40px; }
	.pt-45 { padding-top:45px; }
	.pt-50 { padding-top:50px; }

    .pb-0 { padding-bottom:0; }
	.pb-5 { padding-bottom:5px; }
	.pb-10 { padding-bottom:10px; }
	.pb-15 { padding-bottom:15px; }
	.pb-20 { padding-bottom:20px; }
	.pb-25 { padding-bottom:25px; }
	.pb-30 { padding-bottom:30px; }
	.pb-35 { padding-bottom:35px; }
	.pb-40 { padding-bottom:40px; }
	.pb-45 { padding-bottom:45px; }
	.pb-50 { padding-bottom:50px; }
	
    .pr-0 { padding-right:0; }
	.pr-5 { padding-right:5px; }
	.pr-10 { padding-right:10px; }
	.pr-15 { padding-right:15px; }
	.pr-20 { padding-right:20px; }
	.pr-25 { padding-right:25px; }
	.pr-30 { padding-right:30px; }
	.pr-35 { padding-right:35px; }
	.pr-40 { padding-right:40px; }
	.pr-45 { padding-right:45px; }
	.pr-50 { padding-right:50px; }
	
    .pl-0 { padding-left:0; }
	.pl-5 { padding-left:5px; }
	.pl-10 { padding-left:10px; }
	.pl-15 { padding-left:15px; }
	.pl-20 { padding-left:20px; }
	.pl-25 { padding-left:25px; }
	.pl-30 { padding-left:30px; }
	.pl-35 { padding-left:35px; }
	.pl-40 { padding-left:40px; }
	.pl-45 { padding-left:45px; }
	.pl-50 { padding-left:50px; }

	.ptb-5 { padding:5px inherit; }
	.ptb-10 { padding:10px inherit; }
	.ptb-15 { padding:15px inherit; }
	.ptb-20 { padding:20px inherit; }
	.ptb-25 { padding:25px inherit; }
	.ptb-30 { padding:30px inherit; }
	.ptb-35 { padding:35px inherit; }
	.ptb-40 { padding:40px inherit; }
	.ptb-45 { padding:45px inherit; }
	.ptb-50 { padding:50px inherit; }

	.tcenter { text-align:center; }
	.tleft { text-align:left; }
	.tright { text-align:right; }

	.outline { border:2px dotted #ccc; }
	.blueOutline { border:1px solid blue; }
	.redOutline { border:1px solid red; }
	.greenOutline { border:1px solid green; }
	
	.mheight { min-height:100px; }
	.vertTop { vertical-align:top; }
	.vertMid { vertical-align:middle; }
	.vertBottom { vertical-align:bottom; }
	.cblue { background-color:blue; color:#fff; }
	
	.maxWidthAuto { max-width:none; }
	
	.clear { clear:both; }
	.floatL { float:left; }
	.floatR { float:right; }
	.noFloat { float:none; }
	
	/*--Div(Table Styles)--*/
	.tcontainer, .table { display: table; width: 100%; }
	.trow, .tr { display: table-row; }
	.tcolumn, .td { display: table-cell; }

/*--Input/Input Validator--*/

input, .input { outline: none; border: 1px solid #aaa; padding:4px 1px 5px; width:100%; white-space: nowrap; text-overflow: ellipsis; }
textarea { outline: none; border: 1px solid #aaa; padding:4px 1px 5px; width:100%; /*white-space: nowrap; this breaks firefox*/ text-overflow: ellipsis; }

    input:focus, input.input-validation-error:focus,
    textarea:focus, textarea.input-validation-error:focus { border: 1px solid #333; box-shadow: none; background-color: #ccffcc; padding:4px 1px 5px; }

	input[type="radio"] { position:relative; top: 2px; margin: 5px; height: 14px; width: 14px }
	input[type="checkbox"] { position: relative; top: 2px; margin: 5px; height: 14px; width: 14px; }

	.input-validation-error { border: 1px solid #f00; box-shadow: 0 0 4px #ff9999 inset; background-color: #fee; }

	select { font-size: inherit; margin: 0; overflow: hidden; padding: 2px 5px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

	label { min-width:50px; }
	
	.unit input,
	.unit input:focus  { padding-right:45px; }
	.unit span{ position:absolute; top:0; right:0; cursor:default; width:50px; padding:3px 3px 3px 0; text-align:right; vertical-align:middle; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	
/*--Responsive Text Style--*/
@media print {
    h1 { page-break-before: always; }
    h1, h2, h3,
    h4, h5, h6 { page-break-after: avoid; }
    ul, ol, dl { page-break-before: avoid; }
}


/*-- Responsive Styles --*/
@media only screen and (min-width: 100px) {
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:90%; }
	.col-2 > div { width: 100%; float:none; clear:both; margin:0 auto; }
    .col-3 > div { width: 100%; float:none; clear:both; margin:0 auto; }
    .col-4 > div { width: 100%; float:none; clear:both; margin:0 auto; }
    .col-5 > div { width: 100%; float:none; clear:both; margin:0 auto; }
    .col-6 > div { width: 100%; float:none; clear:both; margin:0 auto; }	
	
	.col-2 .w-5, .col-3 .w-5, .col-4 .w-5, .col-5 .w-5, .col-6 .w-5,
	.col-2 .w-10, .col-3 .w-10, .col-4 .w-10, .col-5 .w-10, .col-6 .w-10,
	.col-2 .w-20, .col-3 .w-20, .col-4 .w-20, .col-5 .w-20, .col-6 .w-20,
	.col-2 .w-30, .col-3 .w-30, .col-4 .w-30, .col-5 .w-30, .col-6 .w-30,
	.col-2 .w-40, .col-3 .w-40, .col-4 .w-40, .col-5 .w-40, .col-6 .w-40,
	.col-2 .w-50, .col-3 .w-50, .col-4 .w-50, .col-5 .w-50, .col-6 .w-50,
	.col-2 .w-60, .col-3 .w-60, .col-4 .w-60, .col-5 .w-60, .col-6 .w-60,
	.col-2 .w-70, .col-3 .w-70, .col-4 .w-70, .col-5 .w-70, .col-6 .w-70,
	.col-2 .w-80, .col-3 .w-80, .col-4 .w-80, .col-5 .w-80, .col-6 .w-80,
	.col-2 .w-90, .col-3 .w-90, .col-4 .w-90, .col-5 .w-90, .col-6 .w-90,
	.col-2 .w-92, .col-3 .w-92, .col-4 .w-92, .col-5 .w-92, .col-6 .w-92,
	.col-2 .w-94, .col-3 .w-94, .col-4 .w-94, .col-5 .w-94, .col-6 .w-94,
	.col-2 .w-96, .col-3 .w-96, .col-4 .w-96, .col-5 .w-96, .col-6 .w-96,
	.col-2 .w-98, .col-3 .w-98, .col-4 .w-98, .col-5 .w-100, .col-6 .w-98,
	.col-2 .w-100, .col-3 .w-100, .col-4 .w-100, .col-5 .w-5, .col-6 .w-100 { /*width:auto;*/ }
}

@media only screen and (min-width: 280px) {
        
}

@media only screen and (min-width: 320px) {
	
	
}

/*iPhone vertical, Blackberry Curve specific styles*/
@media only screen and (width : 320px) and (orientation : portrait) {

}

/*Torch vertical specific styles*/
@media only screen and (width : 360px) and (orientation : portrait) {

}

@media only screen and (min-width: 480px) {		
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:92%; }
	.col-2 > div { width: 50%; float:left; clear:right; }
    .col-3 > div { width: 50%; float:left; clear:right; }  
	.col-3 > div:nth-of-type(3)  { width: 100%; float:left; clear:both; }  	
	.col-4 > div { width: 50%; float:left; clear:right; }
    .col-5 > div { width: 50%; float:left; clear:right; }
	.col-5 > div:nth-of-type(5){ width: 100%; float:left; clear:both; }
	.col-6 > div { width: 50%; float:left; clear:right; }
}

/*iPhone horizontal, Droid vertical, Torch horizontal specific styles*/
@media only screen and (width : 480px) and (orientation : landscape) {
  
}

@media only screen and (min-width: 600px) { 
	.col-3 > div,
	.col-3 > div:nth-of-type(3) { width: 33.33%; float:left; clear:right; }
	.col-3 > div:nth-of-type(3) { width: 33.33%; float:left; clear:right; }
	.col-4 > div { width: 50%; float:left; clear:right; }  
	.col-5 > div { width: 33.33%; float:left; clear:right; }
	.col-5 > div:nth-of-type(4),
	.col-5 > div:nth-of-type(5) { float:left; clear:right; width:50%; } 
	.col-6 > div { width: 33.33%; float:left; clear:right; }
	
	.col-2 .w-5, .col-3 .w-5, .col-4 .w-5, .col-5 .w-5, .col-6 .w-5{ width:5%; }
	.col-2 .w-10, .col-3 .w-10, .col-4 .w-10, .col-5 .w-10, .col-6 .w-10 { width:10%; }
	.col-2 .w-20, .col-3 .w-20, .col-4 .w-20, .col-5 .w-20, .col-6 .w-20 { width:20%; }
	.col-2 .w-30, .col-3 .w-30, .col-4 .w-30, .col-5 .w-30, .col-6 .w-30 { width:30%; }
	.col-2 .w-40, .col-3 .w-40, .col-4 .w-40, .col-5 .w-40, .col-6 .w-40 { width:40%; }
	.col-2 .w-50, .col-3 .w-50, .col-4 .w-50, .col-5 .w-50, .col-6 .w-50 { width:50%; }
	.col-2 .w-60, .col-3 .w-60, .col-4 .w-60, .col-5 .w-60, .col-6 .w-60 { width:60%; }
	.col-2 .w-70, .col-3 .w-70, .col-4 .w-70, .col-5 .w-70, .col-6 .w-70 { width:70%; }
	.col-2 .w-80, .col-3 .w-80, .col-4 .w-80, .col-5 .w-80, .col-6 .w-80 { width:80%; }
	.col-2 .w-90, .col-3 .w-90, .col-4 .w-90, .col-5 .w-90, .col-6 .w-90 { width:90%; }
	.col-2 .w-92, .col-3 .w-92, .col-4 .w-92, .col-5 .w-92, .col-6 .w-92 { width:92%; }
	.col-2 .w-94, .col-3 .w-94, .col-4 .w-94, .col-5 .w-94, .col-6 .w-94 { width:94%; }
	.col-2 .w-96, .col-3 .w-96, .col-4 .w-96, .col-5 .w-96, .col-6 .w-96 { width:96%; }
	.col-2 .w-98, .col-3 .w-98, .col-4 .w-98, .col-5 .w-100, .col-6 .w-98 { width:98%; }
	.col-2 .w-100, .col-3 .w-100, .col-4 .w-100, .col-5 .w-5, .col-6 .w-100 { width:100%; }
	
	
}

/* Larger pads */
@media only screen and (min-width: 768px) { 
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:96%; }         
	.col-4 > div { width: 25%; float:left; clear:right; }
	.col-5 > div,
	.col-5 > div:nth-of-type(4),
	.col-5 > div:nth-of-type(5) { width: 20%; float:left; clear:right; }
    .col-6 > div { width: 16.66%; float:left; clear:right; }
}

/*iPad vertical specific styles*/
@media only screen and (width : 768px) and (orientation : portrait) {

}
  
/* Horizontal pads and laptops */
@media only screen and (min-width: 800px) {   
   
}

/*Droid horizontal specific styles*/
@media only screen and (width : 854px) and (orientation : landscape) {

}

/* Really large screens */
@media only screen and (min-width: 1024px) {
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:90%; }

}

/*iPad horizontal specific styles*/
@media only screen and (width : 1024px) and (orientation : landscape) {

}

@media only screen and (min-width: 1280px) {    
   
}

@media only screen and (min-width: 1366px) {    
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:1300px; }
}

@media only screen and (min-width: 1400px) {    
	.header > div.container, #body > div.container, .footer > div.container, .header > div, #body > div, .footer > div { width:1366px; }
}

/*iPhone 4 specific styles (retina display)*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}