/* Minification failed. Returning unminified contents.
(496,1): run-time error CSS1019: Unexpected token, found '}'
(1890,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2811,24): run-time error CSS1031: Expected selector, found '-'
(2811,24): run-time error CSS1025: Expected comma or open brace, found '-'
 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
    html{display:none;}

	html, body, div, span, 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;
		border: 0;
		font-size: 100%;
		font: inherit;
		 }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px Arial,Helvetica,sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
	/*	font-family: 'Century Gothic', 'Open Sans',Arial,Helvetica,sans-serif; */
		font-weight: bold;
	 }
	.content h1, .content h2, .content h3, .content h4, .content h5{
		border-bottom: 1px solid #ccc;
		padding: 0 0 5px 0;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 35px; line-height: 40px; margin-bottom: 14px;}
	h2 { font-size: 28px; line-height: 34px; margin-bottom: 10px; }
	h3 { font-size: 21px; line-height: 30px; margin-bottom: 8px; }
	h4 { font-size: 17px; line-height: 24px; margin-bottom: 4px; }
	h5 { font-size: 14px; line-height: 21px; }
	h6 { font-size: 12px; line-height: 18px; }
	.subheader { color: #777; }
	
	h2.page-title {
		color: #FFFFFF !important;
		display: block;
		float: left;
		font-size: 30px;
		line-height: 36px;
		margin: 20px 70px 0 0;
		opacity: 0.95;
	//	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	}

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;}
	small, .smtxt { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #C0AFAF; }
	p a, p a:visited { line-height: inherit; }
    th a { color:#333; text-decoration:none;}
    //th a:hover { color:#333; text-decoration:none;} /* remove highlight per OWS-9317 */
    a.inv { color:#333; text-decoration:none;}
    //tr:hover a.inv { color:#fff; text-decoration:none;} /* remove highlight per OWS-9317 */
    td a:hover,th a:hover{color:#000}

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 21px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img {
		max-width: 100%;
		height: auto; 
	}
	
	img.display
	{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}


/* #Buttons
================================================== */


	.btn.right, button.right {
		float: right;
	}

	.btn.disabled, button[disabled] {		
		cursor: default;		
		width:7em;
        background: #e2e2e2;
        /*background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);*/
        /*box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);*/
        box-shadow: none;
        border: 1px solid #c3c3c3;
        color:gray;
        text-shadow: none;
        /*width:auto;*/
	}
	.btn.disabled:hover, button[disabled]:hover {
		cursor: default;		
		width:7em;
        background: #e2e2e2;
        /*background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);*/
        box-shadow: none;
        border: 1px solid #c3c3c3;
        color:gray;
        text-shadow: none;
        /*width:auto;*/
	}


	.button,
	.btn,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;				 
	border-radius: 5px;
		box-shadow: 2px 2px 7px 0px #a9a9a9;
		cursor: pointer;

	  display: inline-block;
		padding: 5px 15px;
		background: #29417f;
		border-top: 1px solid #cad3ef;
		border-bottom: 1px solid #29417f;
		border-left: 1px solid #29417f;
		border-right: 1px solid #19274c;
		color: #fff;
		font-weight: normal;
		text-shadow: none;
	  font-size: 14px;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: 'Century Gothic', 'Open Sans',Arial,Helvetica,sans-serif; 
	  text-align: center; 

     background: #e2e2e2;
     background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
     box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
     border: 1px solid #c3c3c3;
  }

/* JSB removed old button hovers */	

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

	.btn.blue {
		background: #e2e2e2;
        background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #c3c3c3;
        color: #333!important;		
		text-align: center; 		

	}

	.btn.blue.menu {		
		color: #fff;
		width:45em;
        background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #c3c3c3;

	}

    .btn.blue.nav {		
		color: #fff;		        
        width:7em;
		/*padding-left:30px;
		padding-right:30px;*/

        background: #e2e2e2;
        background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #c3c3c3;

	}


	.btn.blue.go {		
		color: #fff;
		text-align: center; 
		width:4em;        
        background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #c3c3c3;

	}

    .btn.blue.nav.auto {		
		color: #fff;
		width:auto;
		/*padding-left:30px;
		padding-right:30px;*/
        background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #c3c3c3;
	}

    .btn.blue a {
		color: #fff;
		text-align: center; 
        text-decoration: none;
	}
	.btn.right {
		float: right;
		width:15em;
	}
	
	
.btn,.button {
    background: #e2e2e2;
    background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #c3c3c3;
    color: #333;
}
.btn a{color:#333!important}

   
/* #Date Picker
================================================== */

    .ui-datepicker-trigger 
    {
	    margin-bottom: 4px; 
        vertical-align: middle; 
        cursor: hand;
    }

    input[type="text"].datepicker	
	 {
		border: 1px solid #ccc;
		padding: 0px 0px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 75px;
		max-width: 100%;
		display: inline;
		margin-bottom: 5px;
		margin-right: 2px;
		background: #fff; 
    }





/* #Forms
================================================== */

	form {
		/*margin-bottom: 20px;*/
        margin-bottom: 0px;
	}
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 0px 0px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		/*display: block;*/
		margin-bottom: 5px;
		margin-right: 10px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
	.two-column label { width: 30%; float: left; }
	.two-column fieldset { width: 70%; float: left; }
	fieldset { white-space: nowrap; }
	.inline {display: inline!important;}
	
	.small {width: 25%;}
	.med {width: 50%;}
	.large {width: 98%;}
	
	.inline { display: inline;}
    .redcaption {color:#FF0000}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	
	.fine { font-size: 13px; color: #666; line-height: 15px; }
	.fine p { margin-bottom: 9px; }
	
	#chart_container {text-align: center;}

/* #Table
================================================== */
	
	table, thead, tbody, tr, tfoot { width: 100%; }
	table{
		//border-radius: 5px;
		//-webkit-border-radius: 5px;
		//box-shadow: 0 0 7px -1px #a9a9a9;
		margin: 20px 0;
		border:1px solid #ccc
	}
	tbody tr { border-left: 1px solid #585858; border-right: 1px solid #585858;  }
	thead th { border-bottom:  5px solid #29417f; text-align: left; padding:  10px; font-weight: bold; }
	td {padding: 10px;}
	tr:nth-of-type(2n+1) { background: #ededed; }
//tbody tr:hover, table.borderless tr:nth-of-type(2n+1):hover { background:rgba(0,0,0,.5); color: #fff; cursor:pointer} /* remove highlight per OWS-9317 */
	tfoot { text-align: left; font-weight: bold; }
	tfoot th { border-top:  5px solid #29417f; padding: 10px; }
	.currency {text-align: right; }
	.center {text-align: center; }
	th.omega, td.omega { text-align: right; }
	table tr:first-child { border-radius: 5px 5px 0 0; }
	table.borderless {
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
	table.borderless tr:nth-of-type(2n+1) {
		background: none;
	}
	table.borderless td {
		border-bottom: 1px solid #ccc;
	}
	table.borderless tr:last-child td {
		border-bottom: none;
	}
	.key { width: 15px; }
	.colorkey {
		width: 15px;
		height: 15px;
	}
	.currency {text-align: right;}
    
	table.wide {
	/*
	border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0 0 7px -1px #a9a9a9;
		*/
		margin: 20px -10px;
	 }
}

	table.half{ width: 440px;
		margin-left: auto;
		margin-right: auto;
	  }
					  

/* #Table
================================================== */
   table.data tbody tr:hover, table.data tr:nth-of-type(2n+1):hover {background: none; color:#333;}
	table.data {
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
	table.data tr:nth-of-type(2n+1) {
		background: none;
	}
	table.data td {
      padding: 2px 0px 2px 0px;
	}

    .subtitle {
        border-bottom: 1px solid #ccc;
		padding: 0 0 5px 0;
        line-height: 20px; 
        margin-bottom: 15px;
        font-weight: bold;
    }

    table.simple{	    
	    margin: 20px 0;
	    border:1px solid #ccc
    }

    table.simple tbody tr:hover, table.simple tr:hover {background: none; color:#333;}
	table.simple {		
		border-radius: 0;
		box-shadow: none;
	}

    /*table.simple2{	    
	    margin: 20px 0;
	    border:1px solid #ccc
    }*/

    /*table.simple2 tbody tr:hover, table.simple2 tr:hover {background: none; color:#333;}*/
   /* table.simple2 tbody tr:nth-child(odd):hover td,
    table.simple2 tbody tr:nth-child(odd):hover th {
       background: none; color:#333;
    }
	table.simple2 {		
		border-radius: 0;
		box-shadow: none;
	}*/

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	
	.margintop10 { margin-top: 10px; }
	.margintop20 { margin-top: 20px; }
    .margintop30 { margin-top: 30px; }
	.margintop40 { margin-top: 40px; }

    .padtop5 { padding-top:5px; }
    .padtop10 { padding-top:10px; }

    .padbot5 { padding-bottom:5px; }
    .padbot10 { padding-bottom:10px; }

    .marginbottom5 { margin-bottom: 5px; }
	.marginbottom10 { margin-bottom: 10px; }
	.marginbottom20 { margin-bottom: 20px; }
    .marginbottom30 { margin-bottom: 30px; }
	.marginbottom40 { margin-bottom: 40px; }

    .marginleft10 { margin-left: 10px; }
    .marginleft20 { margin-left: 20px; }
    .marginleft30 { margin-left: 30px; }
    .marginleft40 { margin-left: 40px; }

    .marginright10 { margin-right: 10px; }
    .marginright20 { margin-right: 20px; }
    .marginright30 { margin-right: 30px; }
    .marginright40 { margin-right: 40px; }

	.marginright20 { margin-left: 20px !important; }
	
	.txtalign-center { text-align: center!important; }
    .txtalign-center-bgimg {text-align: center!important; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.23, #e9e9d9),color-stop(0.83, #FFFFFF));}
    .txtalign-center img { margin: 0 auto; }
	.txtalign-left { text-align: left; }
	.txtalign-right { text-align: right; }

    align-left { text-align: left !important; }
    align-right { text-align: right !important; }
    
    .width20 {  width: 20%!important; }
    .width30 {  width: 30%!important; }
    .width40 {  width: 40%!important; }    
    .width50 {  width: 50%!important; }    
    .width60 {  width: 60%!important; }
    .width70 {  width: 70%!important; }
    .width80 {  width: 80%!important; }
    .width90 {  width: 90%!important; }
    .width100 {  width: 100%!important; }

    .inline-block { display: inline-block; }
    .block { display: block; }
    .bold { font-weight: bold; }
    .bottom-border {
        border-bottom: 1px solid #d2d2c9;
    }

.container.content .columns.plansummaryout {
padding-left:5px;
}

.container.content .columns.plansummaryin {
padding-left:0px;
margin-left:0px;
}

.borderbottom
{
    border-bottom:5px solid #29417f;padding:10px;width:98%;padding-right:20px;
	margin-left:10px;
	margin-right:10px;
}

table.nohover-otp tr:nth-of-type(2n+1):hover {background: none repeat scroll 0 0 #ededed; color:#333;}
table.nohover-otp tr:hover {background: none; color:#333;}

table.nohover-activitysummary tr:nth-of-type(2n+1):hover {background: none repeat scroll 0 0 #ededed;color:#333;}
table.nohover-activitysummary tr:hover {background: none;color:#333;}

table.nohover-activitysummarychild tr:nth-of-type(2n+1):hover {background: none;color:#333;}
table.nohover-activitysummarychild tr:hover {background: none;color:#333;}
table.data td span.sliderheading {
    vertical-align: top;
}


/* Table of Contents
==================================================
    #Mobile (Portrait)
    #Mobile (Landscape)
	#Tablet (Portrait)
	#960 Grid
    #Clearing */



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (min-width: 100px) {
        .container { width: 300px; position: relative; margin: 0 auto; padding: 0;}
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px;}
		.container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 30px; }
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) {
        .container { width: 420px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }





/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		 .container .column,
   		 .row                                        { margin-bottom: 20px; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        
        .container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 0px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
}


/* JSB Tweaks */

@media screen and (max-width:768px){
			.columns{padding:0!important}
		table td{line-height:1.2}
		table.table-legend th:first-child,table.table-legend td:first-child{display:none}
		footer.footer,footer .container{padding:10px 0!important}
		.search input{width:100%!important}	
		.logo{visibility:hidden}
		.main .container{background:url(/images/main_logo.png) no-repeat 10px 20px !important;}
		#main-content h3{padding-top:20px}
}



@media only screen and (min-width: 977px) {
	
/* #960 Grid
================================================== */

    .container                                  {width: 960px; }
   

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
}




@media only screen and (min-width: 1222px) {
	
/* #full Grid
================================================== */

    /*.container.content {padding: 30px 0; min-height: 311px;}*/

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px;}
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }
}


@media only screen and (min-width: 1280px), screen and (min-height: 800px) {

    /*.container.content {padding: 0; min-height:318px;}*/
}

@media only screen and (min-width: 1024px), screen and (min-height:768px) {

    /*.container.content {min-height:263px;}*/
}

@media screen and (min-width: 768px), screen and (min-height:1024px) {

    /*.container.content {padding: 0; min-height:425px;}*/
}

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

/*.container.content {padding: 0; min-height:287px;}*/

}


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

/*.container.content {padding: 0; min-height:418px;}*/
}

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

/*.container.content {padding: 0; min-height:311px;}*/

}

@media only screen and (min-width: 1680px), screen and (min-height: 1050px) {

/*.container.content {padding: 0; min-height:568px;}*/

}

@media screen and (height:1080px) {

    /*.container.content {padding: 0; min-height: 598px;}*/
}

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

    /*.container.content {padding: 0; min-height:716px;}*/
}

@media screen and (height: 1200px) {

  /*.container.content {padding: 0; min-height: 716px;}*/
}

@media only screen and (min-width: 2560px), screen and (min-height: 1440px) {

    /*.container.content {padding: 0; min-height:1024px;}*/
}


.w20 {width: 20%; float: left;}
.w30 {width: 30%; float: left;}
.w40 {width: 40%; float: left;}
.w50 {width: 50%; float: left;}
.w60 {width: 60%; float: left;}
.w70 {width: 70%; float: left;}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


    
/* Table of Content
==================================================
	#Site Styles	
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*--header--*/
.top {
    background: #eee;
    min-height: 35px;
}

.main .container {
    padding: 10px 0;
}

.bottom {
    background: #777;
    // border-bottom: 1px solid #fff;
    // box-shadow: 0 3px 18px -7px #333;
}

.tagline, .phone {
    height: 34px;
    line-height: 34px;
    // color: rgba(255, 255, 255, 0.7);
    // text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.plan-name .add-plans {
    display: none;
}

.add-plans {
    background: #F3F3F3;
    border-radius: 5px;
    // box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 0;
    position: absolute;
    right: 0;
    width: 170px;
    z-index: 100;
}

    .add-plans li {
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #FFFFFF;
        margin: 0;
        text-align: left;
        text-shadow: none;
        width: 100%
    }

        .add-plans li:hover {
            background: #fff;
            color: #333;
        }

        .add-plans li:first-child {
            border-radius: 5px 5px 0 0;
        }

        .add-plans li:last-child {
            border-radius: 0 0 5px 5px;
        }

        .add-plans li a {
            color: #666666;
            display: block;
            padding: 10px 13px;
            position: relative;
            text-shadow: none;
        }

.tagline a, .phone a, .plan-name a {
    color: rgba(255, 255, 255, 0.7);
    // text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

#crumbs {
    color: #fff;
    display: block;
    float: left;
    margin: 0 0 20px 0;
    // text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 100%;
}

.balance #crumbs, .performance #crumbs {
    margin-bottom: 50px /* to accomodate the abs pos tabs on the balance pages */
}


#crumbs a {
    color: #FFFFFF;
    // opacity: 0.6;
}

#crumbs .current {
    color: #777;
}

/*Navbar **********************************************************/

.navbar {
    margin-top: 20px !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

nav.main {
    position: relative;
    z-index: 9999;
    float: right;
}

    nav.main ul {
        float: right;
    }

        nav.main ul#menu-main-menu li:last-child a {
            padding-right: 0
        }

        nav.main ul#menu-main-menu li:last-child .button a {
            padding-right: 13px;
            color: #fff;
            text-shadow: none;
        }

        nav.main ul#menu-main-menu li:last-child .button {
            background-color: #29417F;
        }


        nav.main ul li {
            float: left;
        }

    nav.main li > a {
        padding: 0 5px
    }

    nav.main li ul a {
        padding: 10px
    }

.respo_menu:before {
    content: "\f0c9";
    font-family: 'fontello';
    font-size: 24px;
    color: #29417f;
}

.respo_menu {
    position: relative;
    width: 28px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin: 24px 0 0;
}

    .respo_menu select {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        background: none;
        cursor: pointer;
        width: 30px;
    }


/* Superfish Menu ESSENTIAL STYLES ********************************/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 170px; /* left offset of submenus need to match (see below) */
        /*
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
*/
        padding: 0;
        background: #F3F3F3;
        // border-radius:5px;
        border: 1px solid #ccc
    }

        .sf-menu ul li {
            width: 100%;
            // border-bottom: 1px solid #CCCCCC;
            border-top: 1px solid #FFFFFF;
        }

            .sf-menu ul li:first-child {
                background: #F3F3F3;
                // border-radius:5px 5px 0 0;
            }

            .sf-menu ul li:last-child {
                // border-radius:0 0 5px 5px;
            }

            .sf-menu ul li:hover, .sf-menu ul li.current-menu-item {
                background: #fff;
            }

                .sf-menu ul li:first-child:hover, .sf-menu ul li.current-menu-item:first-child {
                    background: #FFF;
                    // border-radius:5px 5px 0 0;
                }

                .sf-menu ul li:last-child:hover, .sf-menu ul li.current-menu-item:last-child {
                    background: #FFF;
                    // border-radius:0 0 5px 5px;
                }

            .sf-menu ul li:first-child:last-child, .sf-menu ul li:first-child:last-child:hover {
                // border-radius:5px;
            }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
    }

    .sf-menu a, .sf-menu a:visited {
        display: block;
        position: relative;
        text-decoration: none;
        color: #666;
    }

        .sf-menu a:hover, .sf-menu li.current-menu-item > a {
            color: #333;
        }

    .sf-menu li > a {
        padding: 9px;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 10px;
        top: 38px; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 171px; /* match ul width */
    top: 0;
    left: 180px; /* jsb per BD ask */
    top: 0;
    font-size: 100%;
    left: 168px
}

ul.sf-menu li li li ul {
    margin-left: 1px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 170px; /* match ul width */
    top: 0;
}

ul.sf-menu span.hide {
    display: none;
}

/*** arrows **/
.sf-menu li a {
    padding: 10px 13px;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    right: 11px;
    top: 16px;
    display: none;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

ul li ul li .sf-sub-indicator {
    display: block
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
    right: 10px
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    // width: 10em;
}
    /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
    .sf-vertical li:hover ul,
    .sf-vertical li.sfHover ul {
        // left: 10em; /* match ul width */
        /* left:101%; */
        left: 107%; /* jsb added per brian downer ask */
        top: -1px;
        left: 280px;
    }

    /*** alter arrow directions ***/
    .sf-vertical .sf-sub-indicator {
        background-position: -10px 0;
    }
    /* IE6 gets solid image only */
    .sf-vertical a > .sf-sub-indicator {
        background-position: 0 0;
    }
    /* use translucent arrow for modern browsers*/

    /* hover arrow direction for modern browsers*/
    .sf-vertical a:focus > .sf-sub-indicator,
    .sf-vertical a:hover > .sf-sub-indicator,
    .sf-vertical a:active > .sf-sub-indicator,
    .sf-vertical li:hover > a > .sf-sub-indicator,
    .sf-vertical li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
    }

    .sf-vertical ul a {
        line-height: 1.2
    }
/* jsb fix(decrease) leading on flyouts */


#admin-nav {
    padding: 5px 15px 8px 15px;
    float: right;
    font-size: 11px;
}

    #admin-nav nav {
        display: inline;
        float: left;
    }

    #admin-nav span {
        float: left;
        margin-right: 20px;
    }

    #admin-nav ul {
        margin: 0;
    }

        #admin-nav ul li {
            display: inline;
            padding: 0 6px 0 4px;
            border-right: 1px solid rgba(255, 255, 255, 0.7);
        }

            #admin-nav ul li:last-child {
                border-right: none;
            }

            #admin-nav ul li a {
                color: #fff;
                // text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
                text-decoration: none;
            }

                #admin-nav ul li a:hover {
                    // color:#000
                }

/* Sidebar *******************************************************/
aside nav {
    margin-left: 10px;
}

    aside nav ul li {
        margin-bottom: 5px;
        list-style: circle;
    }

    aside nav a {
        color: #666666;
        text-decoration: none;
    }

        aside nav a:hover {
            color: #333333;
        }

aside .company-logo {
    margin-bottom: 20px;
    text-align: center;
}

aside nav.teasers {
    margin-left: 0px;
    padding-left: 0px;
}

    aside nav.teasers ul li {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        list-style: none;
    }
/*
aside nav.teasers ul li a {
	background: #ededed;
	display: block;
	padding: 10px 20px;
}
*/


/* FOOTER ********************************************************/
footer.footer {
    /*	
	background:url(../images/footer_top.png) repeat-x top center,
			   url(../images/footer_bg.png) repeat,
			   url(../images/footer_bottom.png) repeat-x bottom center;
			   */
    background: #777;
    padding: 20px 0;
}

footer.bottom {
    background: #FFF;
}

    footer.bottom .container {
        padding: 10px 0 20px;
    }

footer .copyright {
    float: left;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    margin-top: 15px;
}

    footer .copyright a {
        text-decoration: none;
        color: #555;
    }

        footer .copyright a:hover {
            color: #333;
        }

footer .gototop {
    margin: 9px auto;
    text-align: center;
}

    footer .gototop a {
        background: url(../images/bg_off.png) repeat;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
        display: inline;
        font-family: fontello;
        font-size: 15px;
        line-height: 23px;
        margin: auto;
        padding: 5px 7px;
        text-align: center;
        color: #999;
    }

        footer .gototop a:hover {
            color: #cc0000;
        }

footer h3.logo {
    margin: 3px 0 10px;
}

    footer h3.logo a {
        display: block;
        width: 112px;
        height: 19px;
        background: url(../images/logo_bottom.png) no-repeat;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
    }

footer h4.title {
    font-size: 15px;
    color: #DDD !important;
    font-weight: 700;
    padding: 7px;
    border: none;
}

/* Footer Widgets */

footer .widget {
    margin: 0;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

footer p, footer .address, footer .address a {
    color: #DDD;
    // text-shadow:1px 1px 1px rgba(0,0,0,.6);
    font-size: 13px;
}

footer ul {
    margin-bottom: 10px;
}

    footer ul li {
        margin: 0 9px;
        overflow: hidden;
        // text-shadow:1px 1px 1px rgba(0,0,0,.6);
        color: #AAA !important;
    }

footer .widget_recent_entries ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
}

footer ul li a {
    font-size: 13px;
    color: #FFF !important;
    text-decoration: none;
    opacity: .65;
    padding-left: 13px;
    background: url(../images/list-style.png) left center no-repeat;
}

    footer ul li a:hover {
        opacity: 1;
    }

footer #wrap_flickr .flickr_badge_image a img {
    width: 55px
}

footer #wrap_flickr .flickr_badge_image a {
    border: solid 1px #999
}

    footer #wrap_flickr .flickr_badge_image a:hover {
        border: solid 1px #CCC
    }

footer .widget.widget_interio_portfolio {
    border: none;
}

footer .widget .recent-portfolio {
    padding: 5px 0;
    margin-bottom: -5px;
    width: 100%;
}

    footer .widget .recent-portfolio ul li {
        margin: 0 5px -3px;
        width: 45%;
        border: none;
    }

footer .widget .recent ul li a, footer .tabswrap ul li a {
    background: none;
}

footer .widget .recent ul li .post-thumbnail a {
    opacity: 1;
    border-color: #AAA;
}

footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img {
    width: 88px
}

footer .widget .recent-cap {
    font-size: 11px;
    height: 85%;
    padding: 22px 1px 4px;
    width: 90%;
    margin: 5px 0;
}

footer span.date {
    color: #bbb !important
}

/* Hide extra widgets in footer, if you want to add more than 1 row you can remove these 4 lines: */
footer .widget.four:nth-child(n+115) {
    display: none
}

footer .widget.one-third:nth-child(n+4) {
    display: none
}

footer .widget.eight:nth-child(n+3) {
    display: none
}

footer .widget.sixteen:nth-child(n+2) {
    display: none
}
/* end */

footer .twitter_widget ul.tweet_list {
    margin: 5px 0;
}

    footer .twitter_widget ul.tweet_list li {
        margin: 0 5px 15px;
    }

        footer .twitter_widget ul.tweet_list li a {
            background: none;
        }

            footer .twitter_widget ul.tweet_list li a.tweet_avatar {
                padding: 0
            }

footer ul li.recentcomments a {
    background: none;
}

footer .recent ul li {
    border-bottom: solid 1px #555;
}

footer .widget_interio_facebook iframe {
    border: none;
}

footer .widget ul.tabs {
    margin-top: -2px;
}

footer .widget .tabswrap {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    footer .widget .tabswrap ul li {
        margin: 0 -1px 0 0;
        border-bottom-color: #555 !important;
    }

        footer .widget .tabswrap ul li a {
            font-size: 11px;
        }

    footer .widget .tabswrap .panel ul li span.date, footer .recent ul li span.date {
        background: #555;
    }

footer .widget .tab a {
    padding: 2px 7px
}

footer .widget .tab:last-child a {
    padding: 2px 7px;
    width: auto;
    border-radius: 0;
}

footer .widget .tab a.selected {
    padding: 2px 7px;
    border-bottom-color: #333
}


footer #lang_sel a.lang_sel_sel {
    background-color: transparent;
}

footer .ads a {
    border-color: #AAA
}

/* Text Widget */
footer .textwidget a {
    color: #FFF !important;
    opacity: .7;
}

    footer .textwidget a:hover {
        opacity: 1
    }

/* Address */
.address {
    padding: 0 5px;
    color: #666;
    margin-top: 8px;
}

    .address p {
        margin-bottom: 8px;
    }

    .address a {
        text-decoration: none;
    }

    .address .icons {
        padding: 0 0 0 20px;
        margin: 0 10px 0 25px;
        font-size: 13px !important;
        text-align: left !important;
        background: url(../images/contact_icons.png) no-repeat;
    }

    .address .icon_tel {
        background-position: 0 -75px;
    }

    .address .icon_email {
        background-position: 0 -100px;
    }

    .address .icon_pin {
        background-position: 0 -126px;
    }

footer .address .icon_tel {
    background-position: 0 -1px;
}

footer .address .icon_email {
    background-position: 0 -25px;
}

footer .address .icon_pin {
    background-position: 0 -51px;
}


/* #Page Styles
================================================== */

/* Wizard */
ul.wizard li {
    background: #ededed;
    list-style: none;
    display: inline;
    margin: 0 3px;
    padding: 5px 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

    ul.wizard li a {
        background: #ededed;
        padding: 5px 10px;
        color: #333;
        text-decoration: none;
    }

    ul.wizard li.done a {
        background: #29417F;
        color: #fff;
    }

    ul.wizard li.current a {
        padding: 8px 13px;
        border: 1px solid #333;
    }
/* Alert */
.alert {
    background: #ededed;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 7px -1px #A9A9A9;
    margin-bottom: 20px;
    padding: 10px 10px 10px 50px;
    position: relative;
}

    .alert:before {
        width: 50px;
        height: 50px;
        position: absolute;
        vertical-align: central top: 40px;
        left: 10px;
        content: '';
        background: url(../images/warning_48.png) no-repeat;
        z-index: 100;
    }

    .alert ul {
        margin: 10px;
    }

        .alert ul li {
            margin: 10px;
            margin-bottom: 5px;
        }

/* Tabs Style */
ul.tabs {
    margin: 0;
    clear: both;
    position: absolute;
    bottom: 0;
}

    ul.tabs li {
        margin: 0;
        padding: 0 10px;
        font-size: 14px;
        color: #777;
        float: left;
        text-indent: 0;
        line-height: 35px;
        cursor: pointer;
    }

        ul.tabs li:hover {
            color: #000;
        }

        ul.tabs li.last-itm {
            margin-right: 0;
        }

        ul.tabs li.is-active {
            color: #fff;
            border-bottom: solid 4px #333;
        }

.tab-box-content {
    display: none;
}

    .tab-box-content.is-active {
        display: block;
    }

/* #Media Queries
================================================== */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 100px) {
    .top {
        background-position: 0 -115px;
    }

    #admin-nav span {
        display: none;
    }

    #menu-main-menu {
        display: none;
    }

    .respo_menu {
        display: block;
    }

    .plan-name {
        padding: 0 0 25px 0;
    }

    #crumbs {
        display: none;
    }

    .navbar {
        position: absolute;
        top: 10px;
        z-index: 100;
    }
}

@media only screen (min-device-width: 100px) and (max-device-width: 760px) {

    /* Force table to not be like tables anymore */
    table.transform, .transform thead, .transform tbody, .transform th, .transform td, .transform tr {
        display: block !important;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .transform thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .transform tr {
        border: 1px solid #ccc;
    }

    .transform td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .transform td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) {
    .top {
        background-position: 0 -78px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {
    #admin-nav span {
        display: inline;
    }

    #menu-main-menu {
        display: block;
    }

    .navbar {
        position: relative;
    }

    .respo_menu {
        display: none;
    }

    #crumbs {
        display: block;
    }

    .plan-name {
        padding: 42px 0 0 0;
        text-align: right;
    }
}

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

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

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


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/*.sitemap ul{
	margin-bottom: 5px;
	}
.sitemap ul li {
	    
        background:url(../images/right-arrow.png) left center no-repeat;		
        margin-bottom:3px;
    }

.sitemap ul li a{    
    margin:0 5px;
	font-size:13px;	
	text-decoration:none;		
	padding-left:13px;	
	}*/



.sitemap ul {
    margin-bottom: 10px;
}

    .sitemap ul li {
        margin: 0 5px;
    }

        .sitemap ul li a {
            font-size: 13px;
            padding-left: 13px;
            background: url(../images/right-arrow.png) left center no-repeat;
        }


















/* JSB Resets Continued 
*******************************************************
spot color #56bfb6 
*/

/* convert to natural box sizing for predictable widths */
.container.content * {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container.welcome.content * {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

table * {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box !important
}

.ie .container.welcome {
    height: 300px
}

body.welcome #Container {
    background: #fff
}

body.welcome .top, body.login .top {
    display: none
}

/* padding on 3 column layout */
.container.content {
    padding: 0
}

    .container.content .columns {
        padding: 20px
    }

/* 3 column background colors */
.container.content {
    background: #fff
}
    /* this sets the left/right sidebar color */
    #main-content, .container.content.forms, .container.content.login {
        background: #fff
    }

.bottom {
    background: #ccc
}

/* main content div must always be taller than tallest sidebar to prevent column backgrounds from breaking */
#main-content {
    min-height: 500px;
    margin: 0
}

.welcome #main-content {
    min-height: 0;
}

/* overall layout asthetics */
header .bottom {
    display: none
}

header.Landing .bottom {
    display: block
}

header {
    border-bottom: 3px solid #fff;
    box-shadow: 0 0 10px;
    z-index: 99999999;
    position: relative
}

body.welcome header {
    border: 0;
    box-shadow: none
}

/* welcome page */
.button.signin {
    margin: -20px 0 0 10px;
    color: #333 !important
}

.button a {
    color: #333 !important
}

.adbox a {
    text-decoration: none
}

.adbox [class^="icon-"]:before, .adbox [class*=" icon-"]:before, .clients #nxt:hover, .portfolio-carousel #pnxt:hover, .clients #prv:hover, .portfolio-carousel #pprv:hover, footer .gototop a:hover {
    color: #ccc !important;
}

footer .container {
    padding: 30px
}

    footer .container p {
        padding-left: 5px
    }

.container.welcome .columns {
    margin: 0
}


/* buttons below tables should not be floated right! */
.btn.right {
    float: left
}

/* menu buttons on investment_manage_money are too wide! defaults to 45ems! */
.btn.blue.menu {
    max-width: 100%;
}

/* below header area */
.bottom .container {
    padding-left: 45px
}

.tabs {
    margin-left: -10px !important
}

/* charts */
#main-content .chart.alpha {
    max-width: 50%;
    float: left
}

#main-content .chart.omega {
    max-width: 50%;
    float: right
}

@media screen and (max-width:768px) {
    .chart {
        float: none !important;
        max-width: 100% !important
    }

        .chart center {
            text-align: left
        }

    .tabs {
        display: none
    }

    .bottom .container {
        padding-bottom: 20px
    }

        .bottom .container.welcome {
            padding: 20px 0 0 0 !important
        }

    aside {
        display: none
    }

    .search {
        position: relative;
        max-width: 90%
    }

    .searchbox {
        background: red !important;
        position: absolute;
        right: -25px;
        bottom: 8px
    }
}


/* top */
.top { /*border-bottom:1px solid #ccc;*/
    padding-top: 5px;
    background: #fff
}

    .top .container {
        max-width: 770px;
        margin: 0 auto
    }

.main .container {
    background: url(/images/logo3.png?v=1) no-repeat 95% center;
}


/* very top nav */
#admin-nav { /*background:url(../images/circles-dark.png) 10% 0 no-repeat;*/
    float: left
}

    #admin-nav span {
        padding: 0 10px;
        background: rgba(0,0,0,.1);
        border-radius: 4px;
        color: #000;
        box-shadow: inset 0 1px 1px #777,0 1px 2px #fff
    }

    #admin-nav a {
        color: #777 !important
    }

    #admin-nav nav ul li a[href='/logoff.aspx']:after {
        content: '';
        background: url(../images/logout.png) right center no-repeat;
        display: inline-block;
        height: 17px;
        width: 100px;
        margin-bottom: -5px
    }

/* tweaks on 3-7-14 */
.top {
    max-width: 100%;
    text-align: center;
}

    .top .container #admin-nav {
        float: none !important;
    }

#admin-nav nav {
    float: none;
}

#admin-nav span {
    float: none;
    margin: 0;
}


@media screen and (min-width:769px) {
    .logo img {
        padding-left: 20px
    }

    body {
        background: #9cada9
    }

        body.welcome {
            background: #fff
        }

    header {
        background: #fff
    }

    #Container {
        background: #eee;
        background: url(../images/circles-dark.png) 0 140px no-repeat,#eee url(../images/circles-dark-vertical.png) 97% 140px no-repeat
    }

    .container.content {
        background: none
    }

    #main-content {
        margin: 20px 10px
    }

    /* sidebars */
    .sidebar a, aside h3 {
        color: #fff
    }

    .sidebar.left {
        background: #46bdb3;
        min-height: 400px;
        box-shadow: 0 10px 20px -5px #333;
    }

    /* welcome screen signin */
    body.welcome nav.main {
        float: left !important;
        width: 26%
    }

        body.welcome nav.main .button.signin {
            width: 100%;
        }
}


/* link formatting */
nav a {
    font-weight: bold;
    font-size: 12px !important
}

nav.main a {
    font-weight: bold;
    color: #56bfb6 !important;
    border-left: 1px solid;
}

nav.main li:first-child a {
    border: 0
}


/* left nav */
aside {
    padding: 0 !important
}

    aside:after {
        content: '';
        background: #61c7bd;
        height: 35px;
        display: block;
        margin-top: -35px
    }

    aside nav {
        background: #61c7bd;
        margin: 15px 0 0 0 !important
    }

        aside nav:after {
            content: '';
            clear: both;
            display: table
        }

        aside nav, aside nav li, aside nav li a {
            display: block;
            width: 100% !important;
            max-width: 100% !important
        }

    aside > nav > ul > li > a {
        border-bottom: 1px solid #46bdb3;
        display: block !important;
        width: 100% !important;
        color: #fff !important;
        padding-left: 15% !important
    }

    aside > nav > ul > li.current_page_item > a, aside > nav > ul.sf-js-enabled > li > a:hover {
        background: #daf0ee;
        color: #46bdb3 !important
    }

    aside > nav:after {
        content: '';
        display: block;
        height: 200px;
        background: #46bdb3 url(../images/banner_nav_circles_top.png) center -5px no-repeat
    }

    aside .sf-menu ul {
        background: rgba(243, 243, 243,.95);
    }

    aside nav ul ul a {
        color: #333 !important
    }

        aside nav ul ul a:hover {
            background: #61c7bd;
            color: #fff !important
        }



/* main content arrow down artifact */
#main-content {
    position: relative
}

    #main-content:after, #main-content:before {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #eee;
        position: absolute;
        top: 0;
        right: 30px;
        margin-left: -12px;
        z-index: 2;
    }


/* icons */
aside > nav > ul > li > a:before {
    font-family: 'fontello';
    content: '';
    font-size: 25px;
    margin: 5px 10px 0 0;
    display: inline-block;
    opacity: 1
}

aside > nav > ul > li:nth-child(1) > a:before {
    content: '\e7a2'
}

aside > nav > ul > li:nth-child(2) > a:before {
    content: '\f83e'
}
/* f8c8 */
aside > nav > ul > li:nth-child(3) > a:before {
    content: '\f8ca'
}
/*e874 e712 e713 e73e e74d e751*/
aside > nav > ul > li:nth-child(4) > a:before {
    content: '\27a6'
}

aside > nav > ul > li:nth-child(5) > a:before {
    content: '\e7a6'
}
/*e741*/
aside > nav > ul > li:nth-child(6) > a:before {
    content: '\f8c8'
}
/*e741*/
aside > nav > ul > li:nth-child(7) > a:before {
    content: '\f827'
}
/* f827 */
aside > nav > ul > li:nth-child(8) > a:before {
    content: '\f7c4'
}
/* f7c4 */
aside > nav > ul > li:nth-child(9) > a:before {
    content: '\e835'
}
/* e835 */

/* search box */
.search input {
    padding: 5px 10px;
    border-radius: 4px;
    width: 30%;
    box-shadow: inset 0 0 7px #ccc;
    border: 1px solid #aaa
}

.search h2 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #0B4697;
}

body.welcome .search {
    display: none
}

.searchbox:after {
    font-family: 'fontello';
    content: '';
    font-size: 17px;
    margin: 0 0 0 -35px;
    display: inline-block;
    color: #56bfb6
}

.searchbox:after {
    content: '\e801'
}

/* reset table formatting */
table.standard * {
    border: 0;
}

.thright {
    text-align: right
}

.thpercent {
    padding-left: 40px
}


/* JSB 9-15-2104 */
header {
    border-bottom: 3px solid #0059B2
}
/* line 920 */
#main-content h3 {
    color: #0B4697
}

#main-content {
    border-bottom: 5px solid #000
}

aside .sf-menu ul {
    background: #fff;
}
/* line 1015 */
aside nav ul ul a {
    background: #fff;
}

/* buttons base.css line 355+ */

.btn.blue, .btn.blue.menu, .btn.blue.nav, #btnCalculate, #btnGo {
    color: #fff !important;
    background: #56C3BB !important;
    box-shadow: none;
    border: 0 !important;
    text-shadow: none;
}

    .btn.blue a {
        color: #fff !important;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
        color: #fff !important
    }

#btnCancel, #btnClear {
    background: #ccc
}

/* menu fonts */
aside > nav > ul > li > a:before {
    font-size: 16px;
    border: 3px solid;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 2px;
}



/* add inset shadow effect to all text input boxes */
input[type="text"], input[type="password"] {
    box-shadow: inset 0 2px 5px #aaa;
    padding: 2px;
    border-radius: 6px
}


/* footer changes */
.footer {
    background: #e2e2e2 !important;
    border-top: 3px solid #0059B2
}

    .footer h4.title {
        color: #0059B2 !important
    }

    .footer p, .footer a, .footer a span, .footer .address {
        color: #000 !important;
        opacity: 1 !important
    }

/* manage investments boxes */
.expando, .answer_box {
    background: #FAFAFA;
    border: 1px #DDDDDD solid;
    padding: 25px;
    overflow: hidden;
    border-bottom: 4px #56C3BB solid;
    font-size: 12px;
}

/* all buttons underline on hover */
input[type="button"]:hover, .btn a:hover {
    text-decoration: underline
}

.btn.disabled:hover {
    text-decoration: none
}

.btn.disabled, .btn.disabled.nav, #btnCalculate.disabled {
    background: #ccc !important;
    color: #777 !important
}

/* risk_profile.aspx changes */
.simple label {
    line-height: 1.5;
    margin-bottom: 10px;
    cursor: pointer
}

.answer_box label {
    font-weight: normal
}
/* OWS-1964/1961 */


.sf-sub-indicator-arabic {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../images/arrows_left.png') no-repeat 0 -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator-arabic { /* give all except IE6 the correct values */
    right: 11px;
    top: 16px;
    display: none;
    background-position: -10px -100px; /* use translucent arrow for modern browsers*/
}

ul li ul li .sf-sub-indicator-arabic {
    display: block
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator-arabic,
a:hover > .sf-sub-indicator-arabic,
a:active > .sf-sub-indicator-arabic,
li:hover > a > .sf-sub-indicator-arabic,
li.sfHover > a > .sf-sub-indicator-arabic {
    background-position: 0 -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator-arabic {
    background-position: 0 0;
    right: 140px
}

.sf-menu ul a > .sf-sub-indicator-arabic {
    background-position: -10px 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator-arabic,
.sf-menu ul a:hover > .sf-sub-indicator-arabic,
.sf-menu ul a:active > .sf-sub-indicator-arabic,
.sf-menu ul li:hover > a > .sf-sub-indicator-arabic,
.sf-menu ul li.sfHover > a > .sf-sub-indicator-arabic {
    background-position: 0 0; /* arrow hovers for modern browsers*/
}


/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator-arabic {
    background-position: 0 0;
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator-arabic {
    background-position: -10px 0;
}
/* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator-arabic,
.sf-vertical a:hover > -.sf-sub-indicator-arabic,
.sf-vertical a:active > .sf-sub-indicator-arabic,
.sf-vertical li:hover > a > .sf-sub-indicator-arabic,
.sf-vertical li.sfHover > a > .sf-sub-indicator-arabic {
    background-position: 0 0; /* arrow hovers for modern browsers*/
}

/* responsive fixes */
footer.footer .container {
    display: table
}

    footer.footer .container .columns {
        float: none;
        display: table-cell;
    }

.copyright {
    max-width: 100% !important
}


@media screen and (max-width:1278px) {
    .container table {
        overflow-x: auto;
        max-width: 100% !important; /*display:block;*/
    }
    /*Removed display:block; for fixing OWS-18108*/
    .container.index table.data {
        overflow-x: visible;
        max-width: auto !important;
        display: table !important;
    }

    footer.footer .container {
        width: auto !important;
    }

    .table-responsive {
        max-width: 100%;
        overflow-x: auto !important;
        min-height: .01%;
    }

    .container.index .table-responsive table.data {
        min-width: 650px !important;
        display: table !important;
        margin-bottom: 0;
    }

    #Container .container.index .table-responsive table.data div[id^=chart] {
        padding: 5px
    }

    .container.index .table-responsive {
        margin-bottom: 20px
    }
}

@media screen and (max-width:967px) {
    /* vertical nav fixes */
    #Container .sf-vertical li a {
        padding-right: 0;
        padding-left: 3px !important;
    }

    #Container aside nav .drop ul {
        left: 172px !important
    }

        #Container aside nav .drop ul ul {
            left: 168px !important
        }

    html[dir="rtl"] #Container aside nav .drop ul {
        right: 172px !important
    }

        html[dir="rtl"] #Container aside nav .drop ul ul {
            right: 168px !important
        }
}

@media screen and (min-width:968px) and (max-width:1221px) {
    /* vertical nav fixes */
    #Container aside nav .drop ul {
        left: 220px !important
    }

    html[dir="rtl"] #Container aside nav .drop ul {
        right: 220px !important
    }

    #Container aside nav .drop ul ul {
        left: 168px !important
    }

    html[dir="rtl"] #Container aside nav .drop ul ul {
        right: 168px !important
    }
}

@media screen and (max-width:767px) {
    ul.wizard {
        margin-top: 30px
    }

    footer.footer .container {
        display: block;
    }

        footer.footer .container .columns {
            display: block;
            margin: 0 auto
        }

    .container.contact table.data td {
        display: block;
        width: 100%
    }
    /* contact page edits */
    .a-calc table.data td {
        display: block;
        width: 100% !important;
    }
    /* adequacy calculator */
}

@media screen and (min-width:767px) and (max-width:785px) {
    #Container {
        overflow: hidden
    }
}


/* welcome page responsive tweaks */

@media screen and (width:768px) {
    body.welcome .button.signin {
        right: 40px;
        position: relative
    }
}

@media screen and (max-width:768px) {
    body.welcome .navbar nav {
        width: 100% !important
    }
}

@media screen and (min-width:1100px) {
    body.welcome .container {
        max-width: 1100px
    }

        body.welcome .container .sixteen.columns {
            width: 100%;
        }

    body.welcome #main-content .one-third {
        margin: 0;
        padding: 0 !important;
    }

        body.welcome #main-content .one-third:last-child {
            margin-right: -40px !important
        }

        body.welcome #main-content .one-third:first-child {
            margin-left: -20px !important
        }
}

@media screen and (min-width:1222px) {
    body.welcome header .navbar {
        width: 600px !important
    }
}

@media screen and (max-width:976px) {
    .container .five.columns,
    .container .six.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns {
        width: 100%
    }
}

.divBlock {
    display: flex;
    align-items: center;
}

.marinline15 {
    margin-inline-end: 15px;
}

.wdth {
    max-width: initial;
}

.radio_option_column {
    display: flex;
    flex-direction: column;
}

.fw-normal {
    font-weight: normal;
}

.d-none {
    display: none;
}

.tdfcard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 45%;
    text-align: center;
    font-weight: bold;
    background-color: #46bdb3;
    color: #FFFFFF;
    margin: 20px 20px 20px 20px;
}

.lyfeport {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    flex-basis: 40%;
    text-align: center;
    font-size: medium;
    background-color: #46bdb3;
    color: #FFFFFF;
    margin: 8px 8px 8px 8px;
    height: 4.5rem;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lyfeportWhite {
    transition: 0.3s;
    flex-basis: 40%;
    text-align: center;
    font-size: medium;
    background-color: #FFFFFF;
    color: #FFFFFF;
    margin: 8px 8px 8px 8px;
    height: 4rem;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lyfeportarabic {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    flex-basis: 40%;
    text-align: center;
    font-size: medium;
    background-color: #46bdb3;
    color: #FFFFFF;
    margin: 8px 8px 8px 8px;
    height: 4.5rem;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    padding: 20px 20px 20px 20px;
}

.radio-group-horizontal {
    display: flex;
}

    .radio-group-horizontal label {
        flex: 1; /* Ensures each label takes up equal space */
        text-align: left; /* Centers the text within each label */
    }

.radio-group-horizontal-right label {
    flex: 1; /* Ensures each label takes up equal space */
    text-align: left; /* Centers the text within each label */
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.btnright {
    display: inline;
    float: right;
}

.btnleft {
    display: inline;
    float: left;
}

.graycard {
    background-color: #ececec !important;
    padding-top: 1px;
    padding-bottom: 1px
}

.radio-group-horizontal input[type="radio"] {
    margin-left: 0px;
}

.d-none {
    display: none;
}

.portfolio {
    display: flex;
    flex-wrap: wrap;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-86 {
    width: 86% !important;
}

.w-87 {
    width: 87% !important;
}

.w-88 {
    width: 88% !important;
}

.w-89 {
    width: 89% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.fw-normal {
    font-weight: normal;
}

.fw-bold {
    font-weight: bold;
}

.tile_info {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

.tile-container-center {
    display: flex;
    justify-content: center; /* Centers the tiles horizontally */
    flex-wrap: wrap; /* Allows tiles to wrap to the next line if necessary */
}

.tile_green {
    width: 120px; /* Set the width of the tiles */
    height: 120px; /* Set the height of the tiles */
    background-color: #46bdb3; /* Background color for visibility */
    text-align: center;
    color: #fff;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 15px;
}

.tdfcalcinput {
    padding: 0px 10px 0px 10px;
}

.tdfcalcbtn {
    margin: 0px 20px 0px 20px;
}

.btnright {
    display: inline;
    float: right;
}

.a-color-font {
    color: #449dc2;
    font-weight: bold;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.color-gray {
    color: gray;
}

.d-none {
    display: none;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.ui-menu-item {
    font-size: 11px;
}


.dia-column {
    float: left;
    width: 40%;
}

/* Clear floats after the columns */
.dia-row:after {
    content: "";
    display: table;
    clear: both;
}

.dia-row {
    display: flex;
    padding: 2px;
}


.mt-5 {
    margin-top: 5px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}

.radio_option_row {
    display: flex;
    flex-direction: row;
}

.dia_lable_wrap {
    width: 60%;
    white-space: normal;
    overflow-wrap: break-word;
}

.v-align-top {
    vertical-align: top;
}

.float-right {
    float: right;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.flex-basis-60 {
    flex-basis: 60%;
}

.flex-basis-70 {
    flex-basis: 70%;
}

.flex-basis-75 {
    flex-basis: 75%;
}

.flex-basis-80 {
    flex-basis: 80%;
}

.flex-basis-20 {
    flex-basis: 20%;
}

.flex-basis-30 {
    flex-basis: 30%;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.flex-60 {
    flex: 60% !important;
}

.suggest-portfolio {
    position: absolute;
    left: 0;
    bottom: 0;
}

.p-relative {
    position: relative;
}
a.a-color-font {
    color: #449dc2;
    font-weight: bold;
}

.a-visibility {
    visibility: hidden;
}

a.disabled-link {
    pointer-events: none;
    cursor: default;
    color: grey;
    font-weight: bold;
}

.dis {
    display: inline;
}

.resize {
    resize: none;
    width: 322px;
    height: 90px;
}

.notification-title {
    color: black;
    font-weight: bold;
}

.inline-label {
    display: inline-block;
    margin-right: 10px; /* Adjust spacing as needed */
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#messageBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
}

.text-center {
    text-align: center !important;
}

.justify-content-space-evenly {
    justify-content: space-evenly
}

.no-title .ui-dialog-titlebar {
    display: none;
}

.popup-pd {
    padding-top: 15px;
}

.popup-btn {
    display: inline;
    float: right;
}

.popup-dis {
    float: right;
}

.text-end{
    text-align:end !important;
}

.remove-spin-button::-webkit-outer-spin-button,
.remove-spin-button::-webkit-inner-spin-button {
    padding-block: 2.4px !important;
    border-width: thin;
    -webkit-appearance: none;
    margin: 0;
}

.message .message-small-info.info{
    height:24px;
    width:24px;
    background-size:cover;
}

.ui-state-disabled-mode {
    cursor: default !important;
    pointer-events: none;
}

.p-0{
    padding:0px;
}

input.w-120 {
    width: 7.5rem;
}

.fieldset-container {
    display: contents;
}
@charset "UTF-8";

@font-face {
  font-family: 'fontello';
  src: url("/font/fontello.eot?69425422");
  src: url("/font/fontello.eot?69425422#iefix") format('embedded-opentype'), url("/font/fontello.woff?69425422") format('woff'), url("/font/fontello.ttf?69425422") format('truetype'), url("/font/fontello.svg?69425422#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin:0 8px 0 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
}

.sz-xs:before{font-size: 14px;line-height: 14px;vertical-align: 0px;margin:0 5px 0 0}
.sz-s:before{font-size: 18px;line-height: 18px;vertical-align: -2px;margin:0 6px 0 0}
.sz-m:before{font-size: 22px;line-height: 22px;vertical-align: -4px;margin:0 6px 0 0;}
.sz-l:before{font-size: 32px;line-height: 32px;vertical-align: -7px;margin:0 9px 0 0;}
.sz-xl:before{font-size: 42px;line-height: 42px;vertical-align: -10px;margin:0 10px 0 0;}
.sz-xxl:before{font-size: 52px;line-height: 52px;vertical-align: -14px;margin:0 11px 0 0;}

.ibtn.sz-m:before{margin-left:-6px;margin-right:9px;vertical-align:-1px}
.ibtn.sz-s:before{ margin-left: -5px;margin-right: 8px;vertical-align: -2px;}
.ibtn.sz-xs:before{margin: 0 7px 0 -4px;}

.menuicon:before {line-height:1.65;float:left;margin:0 5px;color:#666}

ul.the-icons {list-style:none;}
ul.the-icons li {position:relative;}
ul.the-icons .i-name , ul.the-icons .i-code {color: #666666;vertical-align: 5px;}
ul.the-icons .i-code {display:none;}

.icon-plus-1:before { content: '\e811'; } /* '' */
.icon-minus-1:before { content: '\e813'; } /* '' */
.icon-info:before { content: '\2139'; } /* 'ℹ' */
.icon-left-1:before { content: '\e853'; } /* '' */
.icon-up-1:before { content: '\e855'; } /* '' */
.icon-right-1:before { content: '\e854'; } /* '' */
.icon-down-1:before { content: '\e852'; } /* '' */
.icon-infinity:before { content: '\221e'; } /* '∞' */
.icon-plus-squared:before { content: '\229e'; } /* '⊞' */
.icon-minus-squared:before { content: '\229f'; } /* '⊟' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-home-1:before { content: '\e817'; } /* '' */
.icon-home-2:before { content: '\e88e'; } /* '' */
.icon-keyboard:before { content: '\2328'; } /* '⌨' */
.icon-erase:before { content: '\232b'; } /* '⌫' */
.icon-clock-5:before { content: '\23f2'; } /* '⏲' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-up-dir-1:before { content: '\e84b'; } /* '' */
.icon-play-1:before { content: '\e85a'; } /* '' */
.icon-right-dir-1:before { content: '\e84d'; } /* '' */
.icon-down-dir-1:before { content: '\e84a'; } /* '' */
.icon-left-dir-1:before { content: '\e84c'; } /* '' */
.icon-adjust:before { content: '\25d1'; } /* '◑' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-cloud-1:before { content: '\e867'; } /* '' */
.icon-umbrella:before { content: '\2602'; } /* '☂' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-1:before { content: '\e805'; } /* '' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-star-empty-1:before { content: '\e806'; } /* '' */
.icon-check-1:before { content: '\2611'; } /* '☑' */
.icon-cup:before { content: '\2615'; } /* '☕' */
.icon-left-hand:before { content: '\261c'; } /* '☜' */
.icon-up-hand:before { content: '\261d'; } /* '☝' */
.icon-right-hand:before { content: '\261e'; } /* '☞' */
.icon-down-hand:before { content: '\261f'; } /* '☟' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-th-list:before { content: '\e80d'; } /* '' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-empty:before { content: '\2661'; } /* '♡' */
.icon-heart-empty-1:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-heart-1:before { content: '\e803'; } /* '' */
.icon-heart-3:before { content: '\e8da'; } /* '' */
.icon-note:before { content: '\266a'; } /* '♪' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-music-1:before { content: '\e800'; } /* '' */
.icon-layout:before { content: '\268f'; } /* '⚏' */
.icon-th:before { content: '\e80c'; } /* '' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-flag-1:before { content: '\e81f'; } /* '' */
.icon-flag-2:before { content: '\e8ef'; } /* '' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-cog-1:before { content: '\e836'; } /* '' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-attention-1:before { content: '\e82c'; } /* '' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-flash-1:before { content: '\e868'; } /* '' */
.icon-cloud-thunder:before { content: '\26c8'; } /* '⛈' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-scissors:before { content: '\2702'; } /* '✂' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-flight-1:before { content: '\e869'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-mail-1:before { content: '\e802'; } /* '' */
.icon-mail-2:before { content: '\e87c'; } /* '' */
.icon-mail-3:before { content: '\e8d9'; } /* '' */
.icon-edit:before { content: '\270d'; } /* '✍' */
.icon-edit-2:before { content: '\e935'; } /* '' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-pencil-1:before { content: '\e826'; } /* '' */
.icon-pencil-alt:before { content: '\2710'; } /* '✐' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-ok-1:before { content: '\e884'; } /* '' */
.icon-ok-circle-1:before { content: '\e885'; } /* '' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-1:before { content: '\e80f'; } /* '' */
.icon-cancel-circle:before { content: '\e810'; } /* '' */
.icon-asterisk:before { content: '\2731'; } /* '✱' */
.icon-cancel-squared:before { content: '\274e'; } /* '❎' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-attention-circle:before { content: '\2757'; } /* '❗' */
.icon-quote-left-1:before { content: '\275d'; } /* '❝' */
.icon-quote-right-1:before { content: '\e89a'; } /* '' */
.icon-plus-circle:before { content: '\e812'; } /* '' */
.icon-minus-circled:before { content: '\2796'; } /* '➖' */
.icon-minus-circle:before { content: '\e814'; } /* '' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-forward-1:before { content: '\e824'; } /* '' */
.icon-ccw-1:before { content: '\e857'; } /* '' */
.icon-cw-1:before { content: '\e856'; } /* '' */
.icon-list-add:before { content: '\e003'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-star-half:before { content: '\e701'; } /* '' */
.icon-ok-circle2:before { content: '\e702'; } /* '' */
.icon-cancel-circle2:before { content: '\e703'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-th-large:before { content: '\e708'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-eye-1:before { content: '\e81c'; } /* '' */
.icon-eye-3:before { content: '\e8ec'; } /* '' */
.icon-eye-off:before { content: '\e70b'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-tag-1:before { content: '\e81d'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-camera-alt:before { content: '\e70f'; } /* '' */
.icon-download-cloud-1:before { content: '\e710'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-upload-cloud-2:before { content: '\e899'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-export-1:before { content: '\e825'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-print-1:before { content: '\e827'; } /* '' */
.icon-retweet:before { content: '\e717'; } /* '' */
.icon-retweet-1:before { content: '\e828'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-comment-1:before { content: '\e829'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-chat-1:before { content: '\e82a'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-address:before { content: '\e723'; } /* '' */
.icon-location-1:before { content: '\e82d'; } /* '' */
.icon-map:before { content: '\e727'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-trash-1:before { content: '\e82e'; } /* '' */
.icon-doc-text-inv:before { content: '\e731'; } /* '' */
.icon-docs:before { content: '\e736'; } /* '' */
.icon-archive:before { content: '\e738'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket-1:before { content: '\e837'; } /* '' */
.icon-shareable:before { content: '\e73e'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-login-1:before { content: '\e83b'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-logout-1:before { content: '\e83c'; } /* '' */
.icon-volume:before { content: '\e742'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-full-1:before { content: '\e845'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-resize-small-1:before { content: '\e846'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-publish:before { content: '\e74d'; } /* '' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-zoom-in:before { content: '\e750'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-zoom-out:before { content: '\e847'; } /* '' */
.icon-language:before { content: '\e752'; } /* '' */
.icon-air:before { content: '\e753'; } /* '' */
.icon-database:before { content: '\e754'; } /* '' */
.icon-drive:before { content: '\e755'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circled:before { content: '\e758'; } /* '' */
.icon-left-circled:before { content: '\e759'; } /* '' */
.icon-right-circled:before { content: '\e75a'; } /* '' */
.icon-up-circled:before { content: '\e75b'; } /* '' */
.icon-down-open-1:before { content: '\e84e'; } /* '' */
.icon-left-open-1:before { content: '\e84f'; } /* '&#xe84f' */
.icon-right-open-1:before { content: '\e850'; } /* '&#xe850' */
.icon-up-open-1:before { content: '\e851'; } /* '' */
.icon-arrows-cw:before { content: '\e858'; } /* '' */
.icon-play-circle2:before { content: '\e85b'; } /* '' */
.icon-progress-1:before { content: '\e769'; } /* '' */
.icon-progress-2:before { content: '\e76a'; } /* '' */
.icon-progress-3:before { content: '\e76b'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-inbox-1:before { content: '\e865'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-lifebuoy:before { content: '\e788'; } /* '' */
.icon-mouse:before { content: '\e789'; } /* '' */
.icon-dot:before { content: '\e78b'; } /* '' */
.icon-dot-2:before { content: '\e78c'; } /* '' */
.icon-dot-3:before { content: '\e78d'; } /* '' */
.icon-suitcase:before { content: '\e78e'; } /* '' */
.icon-off:before { content: '\e86c'; } /* '' */
.icon-road:before { content: '\e78f'; } /* '' */
.icon-flow-cascade:before { content: '\e790'; } /* '' */
.icon-list-alt:before { content: '\e86d'; } /* '' */
.icon-flow-branch:before { content: '\e791'; } /* '' */
.icon-qrcode:before { content: '\e86e'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-barcode:before { content: '\e86f'; } /* '' */
.icon-flow-line:before { content: '\e793'; } /* '' */
.icon-ajust:before { content: '\e871'; } /* '' */
.icon-flow-parallel:before { content: '\e794'; } /* '' */
.icon-tint:before { content: '\e872'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet:before { content: '\e7a1'; } /* '' */
.icon-magnet-1:before { content: '\e873'; } /* '' */
.icon-gauge:before { content: '\e7a2'; } /* '' */
.icon-chart-pie-2:before { content: '\e926'; } /* '' */
.icon-traffic-cone:before { content: '\e7a3'; } /* '' */
.icon-cc:before { content: '\e7a5'; } /* '' */
.icon-cc-by:before { content: '\e7a6'; } /* '' */
.icon-cc-nc:before { content: '\e7a7'; } /* '' */
.icon-cc-nc-eu:before { content: '\e7a8'; } /* '' */
.icon-cc-nc-jp:before { content: '\e7a9'; } /* '' */
.icon-cc-sa:before { content: '\e7aa'; } /* '' */
.icon-cc-nd:before { content: '\e7ab'; } /* '' */
.icon-cc-pd:before { content: '\e7ac'; } /* '' */
.icon-cc-zero:before { content: '\e7ad'; } /* '' */
.icon-cc-share:before { content: '\e7ae'; } /* '' */
.icon-cc-remix:before { content: '\e7af'; } /* '' */
.icon-paper-plane-alt2:before { content: '\f01e'; } /* '' */
.icon-chat-5:before { content: '\f03d'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-user-male:before { content: '\f062'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-trophy-1:before { content: '\f074'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-rss-1:before { content: '\f09e'; } /* '' */
.icon-hdd:before { content: '\f0a0'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-left-circled-1:before { content: '\f0a8'; } /* '' */
.icon-right-circled-1:before { content: '\f0a9'; } /* '' */
.icon-up-circled-1:before { content: '\f0aa'; } /* '' */
.icon-down-circled-1:before { content: '\f0ab'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-docs-1:before { content: '\f0c5'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-gauge-1:before { content: '\f0e4'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-paste:before { content: '\f0ea'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud-1:before { content: '\f0ee'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-stethoscope:before { content: '\f0f1'; } /* '' */
.icon-suitcase-1:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-alt:before { content: '\f0f6'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-hospital:before { content: '\f0f8'; } /* '' */
.icon-ambulance:before { content: '\f0f9'; } /* '' */
.icon-medkit:before { content: '\f0fa'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-beer:before { content: '\f0fc'; } /* '' */
.icon-h-sigh:before { content: '\f0fd'; } /* '' */
.icon-plus-squared-1:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile-1:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-reply-1:before { content: '\f112'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-github:before { content: '\f300'; } /* '' */
.icon-github-circled:before { content: '\f301'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f80e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f842'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */
.icon-globe-2:before { content: '\d30d'; } /* '팍' */
.icon-picture:before { content: '\f904'; } /* '滑' */
.icon-picture-1:before { content: '\e80a'; } /* '' */
.icon-globe:before { content: '\f32e'; } /* '' */
.icon-globe-1:before { content: '\e866'; } /* '' */
.icon-globe-alt:before { content: '\f311'; } /* '' */
.icon-leaf:before { content: '\f343'; } /* '' */
.icon-leaf-1:before { content: '\e86a'; } /* '' */
.icon-glass:before { content: '\f379'; } /* '' */
.icon-gift:before { content: '\f581'; } /* '' */
.icon-graduation-cap:before { content: '\f893'; } /* '' */
.icon-mic:before { content: '\f7a4'; } /* '' */
.icon-mic-2:before { content: '\e903'; } /* '' */
.icon-videocam:before { content: '\f8a5'; } /* '' */
.icon-headphones:before { content: '\f3af'; } /* '' */
.icon-palette:before { content: '\f8a8'; } /* '' */
.icon-ticket:before { content: '\f8ab'; } /* '' */
.icon-video:before { content: '\f8ac'; } /* '' */
.icon-video-1:before { content: '\e809'; } /* '' */
.icon-video-2:before { content: '\e881'; } /* '' */
.icon-target:before { content: '\f3ff'; } /* '' */
.icon-target-1:before { content: '\e863'; } /* '' */
.icon-music:before { content: '\f8b5'; } /* '' */
.icon-trophy:before { content: '\f3cc'; } /* '' */
.icon-award:before { content: '\f8c9'; } /* '' */
.icon-thumbs-up:before { content: '\f74d'; } /* '' */
.icon-thumbs-up-1:before { content: '\e820'; } /* '' */
.icon-thumbs-down:before { content: '\f74e'; } /* '' */
.icon-thumbs-down-1:before { content: '\e821'; } /* '' */
.icon-bag:before { content: '\f75c'; } /* '' */
.icon-user:before { content: '\f864'; } /* '' */
.icon-user-1:before { content: '\e807'; } /* '' */
.icon-users:before { content: '\f865'; } /* '' */
.icon-users-1:before { content: '\e808'; } /* '' */
.icon-users-2:before { content: '\e8dd'; } /* '' */
.icon-lamp:before { content: '\f8a1'; } /* '' */
.icon-alert:before { content: '\f7a5'; } /* '' */
.icon-water:before { content: '\f8a6'; } /* '' */
.icon-droplet:before { content: '\f8a7'; } /* '' */
.icon-credit-card:before { content: '\f8b3'; } /* '' */
.icon-credit-card-1:before { content: '\e875'; } /* '' */
.icon-monitor:before { content: '\f4fc'; } /* '' */
.icon-briefcase:before { content: '\f8bc'; } /* '' */
.icon-briefcase-1:before { content: '\e86b'; } /* '' */
.icon-floppy:before { content: '\f8be'; } /* '' */
.icon-floppy-1:before { content: '\e876'; } /* '' */
.icon-cd:before { content: '\f5bf'; } /* '' */
.icon-folder:before { content: '\f7c1'; } /* '' */
.icon-folder-1:before { content: '\e833'; } /* '' */
.icon-folder-open:before { content: '\f4c9'; } /* '' */
.icon-doc-text:before { content: '\f7c4'; } /* '' */
.icon-doc-1:before { content: '\e82f'; } /* '' */
.icon-calendar:before { content: '\f7c5'; } /* '' */
.icon-calendar-1:before { content: '\e83a'; } /* '' */
.icon-chart-line:before { content: '\f8c8'; } /* '' */
.icon-chart:before { content: '\e924'; } /* '' */
.icon-chart-bar:before { content: '\f8ca'; } /* '' */
.icon-chart-bar-1:before { content: '\e874'; } /* '' */
.icon-chart-bar-3:before { content: '\e925'; } /* '' */
.icon-clipboard:before { content: '\f8cb'; } /* '' */
.icon-pin:before { content: '\f4cc'; } /* '' */
.icon-attach:before { content: '\f7ce'; } /* '' */
.icon-attach-1:before { content: '\e819'; } /* '' */
.icon-attach-2:before { content: '\e890'; } /* '' */
.icon-bookmarks:before { content: '\f7d1'; } /* '' */
.icon-book:before { content: '\f7d5'; } /* '' */
.icon-book-1:before { content: '\e870'; } /* '' */
.icon-book-open:before { content: '\f7d6'; } /* '' */
.icon-phone:before { content: '\f7de'; } /* '' */
.icon-phone-1:before { content: '\e835'; } /* '' */
.icon-megaphone:before { content: '\f8e3'; } /* '' */
.icon-megaphone-1:before { content: '\e877'; } /* '' */
.icon-upload:before { content: '\f7e4'; } /* '' */
.icon-upload-1:before { content: '\e823'; } /* '' */
.icon-download:before { content: '\f7e5'; } /* '' */
.icon-download-1:before { content: '\e822'; } /* '' */
.icon-box:before { content: '\f7e6'; } /* '' */
.icon-newspaper:before { content: '\f7f0'; } /* '' */
.icon-mobile:before { content: '\f5f1'; } /* '' */
.icon-mobile-3:before { content: '\e920'; } /* '' */
.icon-signal:before { content: '\f4ff'; } /* '' */
.icon-signal-1:before { content: '\e864'; } /* '' */
.icon-camera:before { content: '\f9f7'; } /* '立' */
.icon-camera-1:before { content: '\e80b'; } /* '' */
.icon-camera-2:before { content: '\e883'; } /* '' */
.icon-shuffle-1:before { content: '\e859'; } /* '' */
.icon-light-down:before { content: '\f805'; } /* '' */
.icon-light-up:before { content: '\f806'; } /* '' */
.icon-mute:before { content: '\f707'; } /* '' */
.icon-volume-off:before { content: '\e83d'; } /* '' */
.icon-volume-down:before { content: '\f510'; } /* '' */
.icon-sound:before { content: '\f70a'; } /* '' */
.icon-volume-up:before { content: '\e83e'; } /* '' */
.icon-battery:before { content: '\f5fb'; } /* '' */
.icon-search:before { content: '\f80d'; } /* '' */
.icon-search-1:before { content: '\e801'; } /* '' */
.icon-key:before { content: '\f811'; } /* '' */
.icon-key-1:before { content: '\e878'; } /* '' */
.icon-lock:before { content: '\f712'; } /* '' */
.icon-lock-1:before { content: '\e81a'; } /* '' */
.icon-lock-open:before { content: '\f713'; } /* '' */
.icon-lock-open-1:before { content: '\e81b'; } /* '' */
.icon-bell:before { content: '\f714'; } /* '' */
.icon-bell-1:before { content: '\e82b'; } /* '' */
.icon-bookmark:before { content: '\f716'; } /* '' */
.icon-bookmark-1:before { content: '\e81e'; } /* '' */
.icon-link:before { content: '\f917'; } /* '珞' */
.icon-link-1:before { content: '\e818'; } /* '' */
.icon-fire:before { content: '\f825'; } /* '' */
.icon-flashlight:before { content: '\f826'; } /* '' */
.icon-wrench:before { content: '\f827'; } /* '' */
.icon-hammer:before { content: '\f828'; } /* '' */
.icon-chart-area:before { content: '\f83e'; } /* '' */
.icon-clock:before { content: '\f854'; } /* '' */
.icon-clock-1:before { content: '\e83f'; } /* '' */
.icon-rocket:before { content: '\f980'; } /* '呂' */
.icon-truck:before { content: '\f89a'; } /* '' */
.icon-block-1:before { content: '\e844'; } /* '' */
/* FlexSlider Styles *************************************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider { padding: 0;position: relative;z-index: 9;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

ul.slides li {margin-bottom:0;position:relative;}

.flex-viewport ,ul.slides{
	background:#000;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
	}

ol.flex-control-nav{text-align: center;margin:0 0 3px;}

ol.flex-control-nav li{display:inline-block;}

ol.flex-control-nav li a{
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	margin:0 3px;
	background:transparent;
	border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	
	}

ol.flex-control-nav li a:hover,
ol.flex-control-nav li a.flex-active{
	background:#fff;
	}
	
.flexslider ul.flex-direction-nav {display:none}
.flexslider:hover ul.flex-direction-nav {display:block} 

ul.flex-direction-nav li {
	margin:0;
	padding:0;
	}

ul.flex-direction-nav li a {
	width:25px;
	height:25px;
	position:absolute;
	display:block;
	top:39%;
	right:20px;	
	font-family:fontello;	
	background:#333;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	opacity:.5;
	text-decoration:none;
	padding:10px;
	}
	
ul.flex-direction-nav li a.flex-next:before{content: "\e850";}
ul.flex-direction-nav li a.flex-next:hover {opacity:1}
ul.flex-direction-nav li a.flex-prev:before {content: "\e84f";}
ul.flex-direction-nav li a.flex-prev {left:20px;right:auto;}
ul.flex-direction-nav li a.flex-prev:hover {opacity:1}


.flex_caption {
	background:rgba(0, 0, 0, 0.6);

	opacity:0;
    color: #CCC;
    padding:20px 25px;
    position: absolute;
    width: 100%;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
	
	-webkit-transition:al 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
.full_caption{
	height:0;
	bottom:0;
	}
.top_caption{
	top:0;
	bottom:auto;
	}
.bottom_caption{
	bottom:0;
	}
.center_caption{
	margin:7.5%;
	text-align:center;
	bottom:0;
	width:86%;
	}
ul.slides li:hover .full_caption {
    height:100%;
	opacity:1;
	}
ul.slides li:hover .bottom_caption,
ul.slides li:hover .top_caption,
ul.slides li:hover .center_caption {
	opacity:1;
	}
	
.flex_caption h4{
	color:#FFF !important;
	font-size:18px;
	line-height:18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom:9px;
	}

.caption_text {
	float:left;
	}

.flex_caption a,.flex_caption a:visited, .nivo-caption a, .nivo-caption a:visited {
	color:#DDD;
	} 
.flex_caption a:hover,.nivo-caption a:hover {
	color:#FFF;
	} 

/* Slider Shadow ****************************************************/
.slider_shadow{z-index:1}
.slider_shadow img { width: 100%; }
.slider_shadow.shadow1 {margin: -78px 0 0;}
.slider_shadow.shadow2 {margin: -56px 0 0;}
.slider_shadow.shadow3 {margin: -63px 0 0;}
.slider_shadow.shadow4 {margin: -66px 0 0;}
.slider_shadow.shadow5,
.slider_shadow.shadow6 {margin: -304px 0 33px -20px;}
.slider_shadow.shadow5 img,
.slider_shadow.shadow6 img {max-width:none}




/*Roundabout Slider *************************************************/

.roundabout {
	width:905px;
	}

.roundabout ul {
	margin: 135px 0 115px 40px;
	}
	
@media only screen and (min-width: 100px) {
	.slider_shadow {display: none;}
}
@media only screen and (min-width: 480px) {
	.flexslider {margin-top: 20px;}
}
@media only screen and (min-width: 960px) {
	.slider_shadow {display: block;}
}

	

pre{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
    border: 1px solid #DDD;
    font-family: Consolas,monospace;
    height: auto;
    overflow-x: auto;
    padding: 15px;
	border-radius:5px;
	}
	
pre ul {
	display: inline-block;
    line-height: 1;
    margin: 0 0 0 40px !important;
    padding: 0;
	}
pre ul li{
	line-height: 1;
    margin: 0 !important;
	}

pre br {
	float:left;
	}



/*	HR Separator ******************************************/
.hr{
	margin:30px 0;
	height:1px;
	}

.hr10 {margin:10px 0;}
.hr15 {margin:15px 0;}
.hr20 {margin:20px 0;}
.hr25 {margin:25px 0;}
.hr30 {margin:30px 0;}
.hr35 {margin:35px 0;}
.hr40 {margin:40px 0;}
.hr45 {margin:45px 0;}
.hr50 {margin:50px 0;}
.hr55 {margin:55px 0;}
.hr60 {margin:60px 0;}


.gap{
	margin:0;
	clear:both;
}

.gap5 {height:5px}
.gap10 {height:10px}
.gap15 {height:15px}
.gap20 {height:20px}
.gap25 {height:25px}
.gap30 {height:30px}
.gap35 {height:35px}
.gap40 {height:40px}
.gap45 {height:45px}
.gap50 {height:50px}
.gap55 {height:55px}
.gap60 {height:60px}
.gap65 {height:65px}
.gap70 {height:70px}
.gap75 {height:75px}
.gap80 {height:80px}
.gap85 {height:85px}
.gap90 {height:90px}
.gap95 {height:95px}


/* FAQ Toggle **********************************************/
.toggle{
	float:left;
	width:100%;
	margin-bottom:20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
			
}
.toggle .toggle-title{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
	border: 1px solid #ccc;
	display: block;
	position: relative;
	padding:10px 0px 10px 15px;
	font-weight:bold;
	cursor: pointer;
	overflow: hidden;
	color:#666;
	font-size:14px;
	border-radius:5px;
	
	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
       -moz-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
			box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
}
.toggle .toggle-title:hover{background:url(../images/bg_off2.png) repeat scroll 0 0 transparent;}
.toggle .toggle-title span{
	float: right;
	display:block;
	margin:-10px 0px -10px 0px;
	width:41px;
	height:41px;
	background: url(../images/toggle.png) no-repeat center 0 ;
	color:#999999;
}

.toggle .toggle-title.active{
	color:#333;
}
.toggle .toggle-title.active span{
	background-position:center -40px ;
}
.toggle .toggle-title.active i{
	opacity: 0.95;
	line-height: 1;
}	
.toggle .toggle-inner{
	margin:-3px 0 0 0;
	border:1px solid #ccc;
	border-top:1px solid transparent;
	padding:23px 20px 20px;
	display:none;
	border-radius:0 0 5px 5px;
	-webkit-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
       -moz-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
			box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
}
.toggle .toggle-inner div{
	max-width: 100%;
}


/*	Alert Messages ****************************************************/
.message{
	position: relative;
	border: 1px solid #ddd;
	display: block;
	/*background:url(../images/t10.png) repeat scroll 0 0 #FFFFFF;*/
	font-weight:bold;
	padding:10px 40px 25px 17px;
	text-align:left;
	vertical-align:middle;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.message.warning{
	background-color: #fbf6e3;
	border-color:#efd877;
	color:#615511;
}
.message.warning a{
	color:#c0a50c;
}

.message.success{
	background-color: #e9f2d2;
	border-color:#95ad40;
	color:#7ca224;
}
.message.success a{
	color:#7ca224;
}

.message.error{
	background-color: #ffe9e9;
	border-color:#e99f9f;
	color:#d25c5a;
}
.message.error a{
	color:#d25c5a;
}

.message.info{
	background-color: #dbe9f3;
	border-color:#9fc2dd;
	vertical-align:middle;
	color:#29516F;
}
alert-message.info a{
	color:#468bbf;
}
.message.note,.message.note a{
	color:#666;
}

.message p{
	margin:0;
	padding:0;
}

.message span.close{
	display:block;
	width:40px;
	height:40px;
	background:url(../images/message-close.png) no-repeat center 5px transparent;
	position: absolute;
	top:0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
}
.message span.close:hover{
	opacity: 1;
}

.message span.close.c-info{background-position:center 5px;}
.message span.close.c-error{background-position:center -25px;}
.message span.close.c-success{background-position:center -55px;}
.message span.close.c-warning{background-position:center -85px;}
.message span.close.c-note{background-position:center -115px;}

.message span.bullets {
	float:left;
	width:12px;
	height:12px;
	display:inline-block;
	background:url(../images/message-bullets.png) no-repeat;
	margin:5px 10px 0 0;
	}

.message span.bullets.b-error {background-position:0 0;}
.message span.bullets.b-info {background-position:0 -12px;}
.message span.bullets.b-success {background-position:0 -24px;}
.message span.bullets.b-warning {background-position:0 -36px;}
.message span.bullets.b-note {background-position:0 -48px;}


/* add custom images for message boxes */
.message span.warning {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/warning_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.warning.w-warning {background-position:center 48px 48px;}

/* add custom images for message boxes */
.message span.error {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/warning_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.error.w-error {background-position:center 48px 48px;}


.message span.info {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/info_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.info.i-info {background-position:center 48px 48px;}


/* adbox  ***********************************************/	

.adbox{
	border: 1px solid #CCCCCC;
    border-radius:5px;
    margin:0;
    
	}
	
.adbox.center{


	}
	
.adbox .inside{
	padding: 20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15);
			box-shadow: 0 0 7px rgba(0,0,0,0.15);
		
	}
	
.adbox.style1{

	}
	
.adbox.style2{
	
	}
	
	
.adbox.style2 .inside,.adbox.style4 .inside{
	background:url(../images/bg_off.png);
	}
.adbox.style4 .inside{
	border: 1px solid #CCC;
    border-radius:5px;
    margin: 10px;
	}
.adbox.style3,.adbox.style5,.adbox.style6{
	background:url(../images/bg_off.png);
	}


.adbox.style3 .inside,.adbox.style5 .inside,.adbox.style6 .inside{
	background:#FFFFFF;
    border: 1px solid #CCC;
    margin: 10px;
	padding:15px;
	border-radius:5px;
	}
.adbox.style5 {margin:10px 0; text-align: center;}
.adbox.style5 .inside{margin:-10px 10px}
.adbox.style6 .inside{margin:10px -1px}

.adbox.style3.center .inside{
	padding:20px 10px;
	}		

.adbox .icon_wrap{
	float:left;
	}
	
.adbox.center .icon_wrap{
	clear: both;
    margin-top: 5px;
    width: 100%;
	}	
	
.adbox .ibox{
	
	}

.adbox .text_wrap{
	float:left;
	}
	
.adbox.center .text_wrap{
	margin: 5px 0;
    width: 100%;
	}
			
.adbox h2{
	border-bottom: none;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
	}
	
.adbox .button{
	float:right;
	margin:9px 8px 0 0;
    text-shadow: none;
	}

.adbox.center .button{
	float: none;
	margin: 15px auto 5px auto;
    text-align: center;
    width: 130px;
	}

.adbox .button a{
	color:#FFF;
	
	}
	
	
.adbox p{
	margin:0;
	color:#888;
	}

	
.adbox.style2 p{
	color:#555;
	}
	
	

	
/* Video Embed ***************************************************/
	
.video-embed {}
	
/* Custom ********************************************************/

.adbox [class^="icon-"]:before, .adbox [class*=" icon-"]:before, .clients #nxt:hover, .portfolio-carousel #pnxt:hover, .clients #prv:hover, .portfolio-carousel #pprv:hover, footer .gototop a:hover {
    color: #29417F;
}
.adbox .button [class^="icon-"]:before, .adbox .button [class*=" icon-"]:before { color: #fff; }
	
	
	
	
	
	
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.liteAccordion {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font: 'Helvetica Neue', Verdana, Arial, sans-serif;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-tap-highlight-color: transparent;
      }
      .liteAccordion, .liteAccordion * { padding: 0; margin: 0; border: 0; box-sizing: content-box ; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }   
      .liteAccordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none;width:940px }
      .liteAccordion > ol > li { list-style-type: none ; line-height:0 }
      .liteAccordion .slide > h2 {
          color: black;
          font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-backface-visibility: hidden; /* fixes chrome bug */
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
      }
      .liteAccordion .slide > h2 span {
          display: block;
		  background: #29417f;
          padding-right: 6%;
          text-align: right;
          height: 90%;
          margin-top: 5px;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }
      .liteAccordion .slide > h2 b {
          display: inline-block;
          position: absolute;
          top: 13%;
          left: 7%;
          text-align: center;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
      }

      .liteAccordion .slide > h2:hover { cursor: pointer }
      .liteAccordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
      .liteAccordion .ap-caption { padding: 15px 20px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; line-height:1.3; max-width:77%;  
          background: rgba(41,65,127,0.8); color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
	
      .liteAccordion .ap-caption a{color:#eee} 
      .liteAccordion .ap-caption a:hover{color:#fff;text-decoration:underline}
      .liteAccordion noscript p { padding: 10px; margin: 0; background: white }

      /****************************************** Basic */
      .liteAccordion.basic .slide > h2 { background: #333; color: white; line-height: 225% }

      /****************************************** Dark */
      .liteAccordion.dark {
          border: 9px solid #353535;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #030303;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.dark .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
      .liteAccordion.dark .slide > h2 span { background: #353535; color: white }
      .liteAccordion.dark .slide > h2 b { background: #353535; color: #000000; text-shadow: -1px 1px 0 #454545 }
      .liteAccordion.dark .slide > h2.selected span, .liteAccordion.dark .slide > h2.selected span:hover {
          background: #353535;
          background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
          background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
          background: linear-gradient(left,  #353535 0%,#555555 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
      }
      .liteAccordion.dark .slide > h2.selected b {
          background: #383838;
          background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
          background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
      }
      .liteAccordion.dark .slide > div { background: #030303; margin-left: 5px }

      /***************************************** Light */
      .liteAccordion.light {
          border: 9px solid white;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #a0a0a0; /* #a0a0a0 #29417f*/
          -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
      .liteAccordion.light .slide > h2 span {
          background: #fcfcfc;
          background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
          background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
          -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          color: #909090;
      }
      .liteAccordion.light .slide:first-child h2 span {margin-top:5px}

      .liteAccordion.light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
      .liteAccordion.light .slide > h2.selected span, .liteAccordion.light .slide h2.selected span:hover, .liteAccordion.light .slide > h2.selected b { background: #ffffff }
      .liteAccordion.light .slide > div { background: #a0a0a0; margin-left: 5px }
      .liteAccordion.light .ap-caption {right:60px;}
      /**************************************** Stitch */
      .liteAccordion.stitch {
          position: relative;
          padding: 5px 0 5px 5px;
          border: 11px solid #353535;
          background: #353535;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.stitch:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: -9px;
          left: -9px;
          background: #353535;
          border: 9px solid transparent;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2 { background: #353535 ; line-height:26px;}
      .liteAccordion.stitch .slide > h2 span {
          height: auto;
          padding-right: 5%;
          color: white;
          text-shadow: -1px 1px 0 #5b5b5b;
          border: 9px solid transparent;
          background-image: url('../images/bg_noise.png');
          margin-top: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2.selected:after {
          content: '';
          display: block;
          height: 11px;
          width: 11px;
          position: absolute;
          bottom: -3px;
          right: 35px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
          border: 9px solid transparent;
          border-top: 0;
          border-left: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
          background-image: url('../images/bg_noise.png');
      }

      .liteAccordion.stitch .slide:nth-child(1) > h2 span, .liteAccordion.stitch .slide:nth-child(1) > h2:after { background-color: #c25252 }
      .liteAccordion.stitch .slide:nth-child(2) > h2 span, .liteAccordion.stitch .slide:nth-child(2) > h2:after { background-color: #ca9859 }
      .liteAccordion.stitch .slide:nth-child(3) > h2 span, .liteAccordion.stitch .slide:nth-child(3) > h2:after { background-color: #96ba5f }
      .liteAccordion.stitch .slide:nth-child(4) > h2 span, .liteAccordion.stitch .slide:nth-child(4) > h2:after { background-color: #59abb7 }
      .liteAccordion.stitch .slide:nth-child(5) > h2 span, .liteAccordion.stitch .slide:nth-child(5) > h2:after { background-color: #bb6098 }
      .liteAccordion.stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
      .liteAccordion.stitch .slide > div { margin-right: 6px }
      .liteAccordion.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

      /*************************************** Rounded */
      .liteAccordion.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
      .liteAccordion.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

      /******************************************** IE */
      /* stitch */
      .liteAccordion.ie.stitch .slide > h2 { /*line-height: 265%*/ }
      .liteAccordion.ie.stitch .slide > h2 span { /*height: 89%; padding-right: 8%*/ }
      .liteAccordion.ie.stitch .slide > h2.selected:after { display: none }
      .liteAccordion.ie.stitch .slide-0 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-1 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-2 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-3 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-4 > h2 span { background-color: #bb6098 }
      .liteAccordion.ie.stitch .slide-5 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-6 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-7 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-8 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-9 > h2 span { background-color: #bb6098 }

      /* transforms */
      .liteAccordion.ie .slide > h2,
      .liteAccordion.ie .slide > h2 span,
      .liteAccordion.ie .slide > h2 b { filter: none; -ms-filter: none; -ms-transform: none }
      .liteAccordion.ie7 .slide > h2 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
      .liteAccordion.ie7 .slide > h2 b { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) }
      .liteAccordion.ie8 .slide > h2 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" }
      .liteAccordion.ie8 .slide > h2 b { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" }
      .liteAccordion.ie9 .slide > h2 { -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
      .liteAccordion.ie9 .slide > h2 b { -ms-transform: rotate(90deg) }

      /* misc */
      .liteAccordion.ie7 .slide > h2 b, .liteAccordion.ie8 .slide > h2 b { top: 44%; left: 5% }
      .liteAccordion.ie7.stitch .slide > h2 b, .liteAccordion.ie8.stitch .slide > h2 b { top: 36% }
      .liteAccordion.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4) }

      /* Custom */
      #liteaccordion {width:960px}
      .liteAccordion {
	      margin:20px 0 55px;
	      position:relative;
      }
      .liteAccordion figure { display: block; width: 100%; height: 100%; margin: 0 }
      .liteAccordion figure:hover {border:none;}
      .liteAccordion img{width:auto;max-width:none;}

      .liteAccordion.light .slide > h2 {line-height:40px}
      .liteAccordion.light .slide > h2 span {
	      /*margin-top:-19px;*/
      }
      .liteAccordion.light .slide:first-child h2 span {/*margin-top:5px*/}
      .liteAccordion.light .slide > div {width:730px !important;margin-right:-15px !important;}
     
                                           
/*====================================================================================
Style settings Tabs
====================================================================================*/

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
 
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
 
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
 
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-weight:bold;
}

 /* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
 
.TabbedPanelsTabHover {
	background-color:#8C9BA6;
	color:#FFF;
}

 /* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
 
.TabbedPanelsTabSelected {
	background-color:#46bdb3;
	color: #fff;
	border-bottom: 1px solid #fff;
	outline:none;
}

 /* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
 
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

 /* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
 
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #fff;
 }


 
.TabbedPanelsContentGroup2 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #999;
	background-color: #fff;
 }
 .TabbedPanelsGroupDown
 {
    border-left: solid 1px #CCC;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
 }
  .TabbedPanelsGroupOver
 {
    border-left: solid 1px #CCC;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #8c9ba6;
	padding-left: 10px;
	padding-right: 10px;
 }
  .TabbedPanelsGroupTab
 {
    border-left: solid 1px #CCC;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #dddddd;
	padding-left: 10px;
	padding-right: 10px;
 }
 .TabbedPanelsGroupTabBg
 {
    background-image: url(../images/tabbg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 28px;
 }
  .TabbedPanelsGroupTabSep
 {
    width: 1px;
 }
  .TabbedPanelsGroupTabLink
 {
    color: #000;
    text-decoration: none;
 }
   a.TabbedPanelsGroupTabLink:hover
 {
    color: #fff;
    text-decoration: none;
 }
 /* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
 
.TabbedPanelsContent {
	padding: 4px;
}

 /* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
 
.TabbedPanelsContentVisible {
}
.TabbedPanelsContentHeading {
	background-color:#46bdb3;
	color: #fff;
	font-weight:bold;
	padding:5px;
	
	
	
}
 /* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

 /* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
 
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #fff;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
 
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
 
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #fff;
	border-bottom: solid 1px #999;
}

 /* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
 
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
.rangeslider,
.rangeslider__fill {
  background: #e6e6e6;
  display: block;
  height: 12px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #bde0f2;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  background: #2c97cd;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: inline-block;
  width: 11px;
  height: 17px;
  position: absolute;
  top: -4px;
  background-image: -webkit-gradient(linear, 50% 0%,50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  /*-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);*/
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  -ms-border-radius: 5%;
  -o-border-radius: 5%;
  border-radius: 20%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}