

.stripe {
	width: 100%;
	padding: 40px;
	margin-top: 20px;
	background-color: #ffffff;
	border-radius: 10px;
	
	/* div padding fix */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.stripe.synced-slider {
	margin-top: 12px;
}

button {
	width: auto;
	height: 40px;
	padding: 10px 25px;
	background-color: #f68a5e;
	border: none;
	//border-radius: 5px;
	//font-family: 'Roboto', sans-serif;
	font-family: 'open sans';
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

button:hover {
	background-color: #e38057;
}

button.dark-button {
	color: #eeeeee;
	background-color: #4a4a4a;
}

button.dark-button:hover {
	color: #ffffff;
	background-color: #3a3a3a;
}

blockquote {
	width: 70%;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 28px;
	color: #aaaaaa;
	margin: auto;
}

.quote-icon {
	padding: 7px 0px 0px 50px;
	background: url(../images/blockquote-icon.png) no-repeat;
}

.dropcap {
	float: left;
	//font-family: 'Roboto Slab', serif;
	font-family: 'open sans';
	font-size: 40px;
	font-weight: 400;
	color: #7a7a7a;
	margin: 10px 12px 0px 0px;
}



/*******************************************************************************
							Home Our Services Panel
*******************************************************************************/

.service-panel {
	padding: 40px 30px 5px 30px;
}

.service-panel ul {
	list-style: none;
	margin-top: 26px;
}

.service-panel ul li {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

#owl-service .item {
	margin: 0px 10px 0px 10px;
}

.service-panel ul li img {
	width: 100%;
	height: auto;
}

.service-panel ul li .thumbnail-title {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 450px 20px 0px 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	line-height: 24px;
	background: url(../images/link-icon.png) no-repeat center;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	/* div padding fix */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.service-panel ul li .thumbnail-title:hover {
	margin-bottom: 35px;
	padding: 150px 20px 0px 20px;
}



/*******************************************************************************
							Home Testimonial Panel
*******************************************************************************/

.testimonial-panel {
	padding-bottom: 5px;
	text-align: center;
}

.testimonial-panel blockquote {
	margin-top: 30px;
}

.testimonial-client {
	margin-top: 40px;
}

.testimonial-client img {
	border-radius: 50%;
}

.testimonial-client p {
	font-size: 14px;
	font-weight: 400;
	color: #aaaaaa;
	margin: 15px 0px 5px 0px;
}






/*******************************************************************************
								Hover Effect
*******************************************************************************/

.thumbnail-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/link-icon.png) no-repeat top center rgba(246, 138, 94, 0.8);
	border-radius: 10px;
	opacity: 0;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.thumbnail-hover:hover {
	background: url(../images/link-icon.png) no-repeat center center rgba(246, 138, 94, 0.8);
	opacity: 1;
}

.service-panel .thumbnail-hover {
	background: rgba(246, 138, 94, 0.8);
}

.sidebar-thumbnail-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/link-plus-icon.png) no-repeat center center rgba(0, 0, 0, 0.3);
	opacity: 0;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sidebar-thumbnail-hover:hover {
	opacity: 1;
}



/*******************************************************************************
						----- DARK VERSION STYLE -----
*******************************************************************************/

/*******************************************************************************
						Body, Images and Typography
*******************************************************************************/

body.dark {
	background-color: #2a2a2a;
	background: url(../images/dark-texture-bg.png) repeat fixed;
	color: #9a9a9a;
}

.dark .stripe {
	background-color: #4a4a4a;
}

.dark .homepanel-title {
	color: #ffffff;
	background-color: #4a4a4a;
}

.dark blockquote {
	color: #9a9a9a;
}

.dark .dropcap {
	color: #9a9a9a;
}

.dark .blog-list-bottom .dark-button {
	color: #eeeeee;
	background-color: #7a7a7a;
}

.dark .blog-list-bottom .dark-button:hover {
	color: #ffffff;
	background-color: #8a8a8a;
}




/*******************************************************************************
							Our Services Page
*******************************************************************************/

.dark .service-bordertop {
	border-top: #878787 dashed 1px;
}

.dark .service-borderright {
	border-right: #878787 dashed 1px;
}

.dark .service-borderbottom {
	border-bottom: #878787 dashed 1px;
}

.dark .service-icon li .service-box h2,
.dark .service-icon li .service-box p {
	color: #9a9a9a;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.dark .service-icon li:hover .service-box h2,
.dark .service-icon li:hover .service-box p {
	color: #ffffff;
}

.dark .service-icon li:hover i {
	color: #ffffff;
}

.dark .service-list li .service-detail {
	background-color: #7a7a7a;
}

.dark .service-detail h2,
.dark .service-detail p {
	color: #ffffff;
}







/*******************************************************************************
							owl.carousel
*******************************************************************************/

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}









/*******************************************************************************
							owl.theme
*******************************************************************************/


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 10px 6px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #cccccc;
}

.team-panel .owl-theme .owl-controls .owl-page span,
.aboutus-team-wrapper .owl-theme .owl-controls .owl-page span{
	margin: 20px 6px 10px 6px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.html) no-repeat center center
}
/* ===== DARK VERSION ===== */
.dark .owl-theme .owl-controls .owl-page span{
	background: #bbbbbb;
}

.container1 { margin: 25px auto; position: relative; width: 900px; display:inline-flex}
#content {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
}
#content h1 {
	color: #7E7E7E;
	//font: bold 25px Helvetica, Arial, sans-serif;
	font: bold 25px;
	letter-spacing: -0.05em;
	line-height: 20px;
	margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 27%;
}
#content h1:after {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h1:before {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
#content:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
	background: rgb(254,231,154);
	background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border: 1px solid #D69E31;
	color: #85592e;
	cursor: pointer;
	float: left;
	//font: bold 15px Helvetica, Arial, sans-serif;
	font: bold 15px ;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}
#content form input[type="submit"]:hover {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
    color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}
  .dropdowndiv1
  {
         margin: 25px 25px 25px 25px;
         border-radius: 10px;
         background:#003767;
  }
 .arrow_box { position: relative; }
            .arrow_box:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: -150px; }
            .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .arrow_box p{ padding-left:20px;}
				#triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; }
            .mainpage { position: relative; border: 12px solid #003767 }
            .mainpage:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .mainpage:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: -22px; }
            .mainpage:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .mainpage p{ padding-left:20px;}
            
            .mainpage1 { position: relative;border: 12px solid #003767  }
            .mainpage1:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .mainpage1:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: 105px; }
            .mainpage1:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .mainpage1 p{ padding-left:20px;}
            

            .arrow_box2 { position: relative; }
            .arrow_box2:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .arrow_box2:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: -150px; }
            .arrow_box2:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .arrow_box2 p{ padding-left:20px;}
			
            .mainpage2 { position: relative; border: 12px solid #003767 }
            .mainpage2:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .mainpage2:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: -22px; }
            .mainpage2:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .mainpage2 p{ padding-left:20px;}
            
            .mainpage3 { position: relative;border: 12px solid #003767  }
            .mainpage3:after, .arrow_box:before { right: 101.4%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
            .mainpage3:after { border-color: rgba(136, 183, 213, 0); border-right-color: #003767; border-width: 24px; margin-top: 105px; }
            .mainpage3:before { border-color: rgba(194, 225, 245, 0); border-right-color: #003767; border-width: 27px; margin-top: -50px; }
            .mainpage3 p{ padding-left:20px;}

			.tab-pane:before, .tab-pane:after {
				content: " ";
				display: inline-flex;
			}
			
			.footerdata, .footerlink {
				color: #fff !important;
				font-size: 13px;
			} 
			
			.bx-wrapper .bx-controls-direction a{
				z-index:100;}

			.highlight-div{	opacity:0.2 ! important;}

			.tabs-left .tab-content, .tabs-right .tab-content {
				overflow: auto;
			}
			.tab-content {
				border: 1px solid #c5d0dc;
				padding: 16px 12px 16px 40px;
				position: relative;
			}
			.widget-body {
				-moz-border-bottom-colors: none;
				-moz-border-left-colors: none;
				-moz-border-right-colors: none;
				-moz-border-top-colors: none;
				background-color: #fff;
				border-color: -moz-use-text-color #ccc #ccc;
				border-image: none;
				border-right: 1px solid #ccc;
				border-style: none solid solid;
				border-width: 0 1px 1px;
			}
			.header {
				border-bottom: 2px solid #eee;
				position: relative;
				z-index: 999;
			}
			.widget-main {
				padding: 12px;
			}
			fieldset {
				border: 0 none;
				margin: 0;
				padding: 0;
			}
			fieldset {
				border: 1px solid #c0c0c0;
				margin: 0 2px;
				padding: 0.35em 0.625em 0.75em;
			}
			.ace-nav > li {
				line-height: 45px;
			}
			.space-6 {
				margin: 6px 0 5px;
				max-height: 1px;
				min-height: 1px;
				overflow: hidden;
			}
			.input-icon.input-icon-right > input {
				padding-left: 6px;
				padding-right: 24px;
			}
		

	.modalDialog {
		position: fixed;
		//font-family: Arial, Helvetica, sans-serif;
		font-family: open sans;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
	.modalDialog img{
	max-width:80%;
	max-height:90%;
	border-radius:5px;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 700px;
		position: relative;
		margin: 2% auto;
		margin-top:140px;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 155px;
		text-align: center;
		top: 20px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }
	
	#galleryImages{
	font-style: italic;
	}
	#galleryImages a{
	color:inherit;
	text-decoration: none;
	}
	#galleryImages img{
	border-radius:5px;
	}
	
	.zoom {
padding-top:40px;
   width: 100px;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   display:inline-block;
}
.zoom:hover {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -ms-transform: scale(1.1);
   }
   
   
.dialogs {
    padding: 9px 9px 0;
    position: relative;
}
.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
	min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	color:#d8d8d8;
	padding:5px;
	position:relative;
	word-wrap:break-word;
	-moz-border-radius:5px; /*add some nice CSS3 round corners*/
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:2em;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:-20px; /*should be set to -border-width x 2 */
	left:30px;
	width:0;
	height:0;
	border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:100%; /*should be set to 100% */
	left:30px;
	width:0;
	height:0;
	border-color: black transparent transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:10px;
	left:-20px; /*should be set to -border-width x 2 */
	width:0;
	height:0;
	border-color: transparent black transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:10px;
	left:100%; /*should be set to 100% */
	width:0;
	height:0;
	border-color: transparent transparent transparent black; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;
}

.itemdiv.dialogdiv:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	 bottom: 0;
	 content: "";
	 display: block;
	 left: 19px;
	 max-width: 3px;
	 position: absolute;
	 top: 0;
	 width: 3px;
}
.itemdiv > .user {
    display: inline-block;
    left: 0;
    position: absolute;
    width: 42px;
}
.itemdiv.dialogdiv > .body:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFF;
    border-color: #dde4ed;
    border-image: none;
    border-style: solid;
    border-width: 2px 0 0 2px;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 8px;
    left: -7px;
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    width: 8px;
} 
.itemdiv.dialogdiv > .body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dde4ed;
    border-image: none;
    border-style: solid;
    border-width: 2px;
    margin-right: 1px;
    padding: 5px 8px 8px;
    background:#FFF!important;
	-moz-box-shadow:    inset 0 0 10px #c3c3c3;
    -webkit-box-shadow: inset 0 0 10px #c3c3c3;
    box-shadow:         inset 0 0 10px #c3c3c3;
}

.itemdiv > .body {
    margin-left: 50px;
    margin-right: 12px;
    position: relative;
    width: auto;
}
.itemdiv.dialogdiv > .body > .text:after {
    display: none;
}
.itemdiv:last-child > .body > .text:after {
    display: none;
}
.itemdiv > .body > .text:after {
    border-top: 1px solid #e4ecf3;
    content: "";
    display: block;
    font-size: 0;
    height: 1px;
    left: 16px;
    margin-top: 9px;
    overflow: hidden;
    position: absolute;
    right: -12px;
}
 
.itemdiv.dialogdiv > .body > .text {
    padding-bottom: 0;
    padding-left: 0;
}
.itemdiv:last-child > .body > .text {
    border-bottom: 0 none;
}
.itemdiv > .body > .text {
    display: block;
    font-size: 13px;
    margin-top: 2px;
    padding-bottom: 19px;
    padding-left: 7px;
    position: relative;
}
.itemdiv.dialogdiv > .user > img {
    border-color: #c9d6e5;
}
.itemdiv > .user > img {
    border: 2px solid #5293c4;
    border-radius: 100%! important;
    max-width: 40px;
    position: relative;
}
.chatheader{
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgb(255, 183, 82) !important;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(221, 221, 221);
    border-image: none;
    border-style: solid;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-width: 1px;
    box-sizing: content-box;
    color: rgb(255, 255, 255);
    font-family: open sans;
    font-size: 20px;
    min-height: 38px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px rgb(195, 195, 195);
}


@import url("demo.css");

.example-wrapper {
    width: 40%;
    max-width: 600px;
    padding: 0 30px 40px 30px;
    margin: 20px auto;
}

.example-wrapper h3 {
    background: #5FDEEF;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
    border-radius: 10px 10px 0px 0px;
    padding: 13px 20px;
    font-size: 22px;
}

.demo-wrapper {
    padding: 15px 10px;
    background: #fff;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(241,241,241,0.1);
    border-top-color: rgba(241,241,241,0.1);
    border-bottom-color: rgba(241,241,241,241.1);
	border-radius: 0px 0px 10px 10px;
	
}

.code-wrapper {
    padding: 10px 10px 15px;
    display: block;
    background: #fff;
    background: rgba(22,22,22.06);
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.1);
	
}

.code-wrapper code {
    white-space: pre-wrap;
    //font-family: Monaco, Consolas, "Lucida Console", monospace;
    font-family: 'open sans';
    color: #444;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 22px;
}
.mac {
    display: block;
    border: none;
    border-radius: 3px;
	width:100%;
    padding: 15px 8px;
    color: #333;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.1);
}

.mac:focus {
    outline: none;
    box-shadow: 
        inset 0 2px 0 rgba(0,0,0,.2), 
        0 0 4px rgba(0,0,0,0.1), 
        0 0 5px 1px #51CBEE;
}

.container1 { margin: 25px auto; position: relative; width: 900px; display:inline-flex}
#content {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
}
#content h1 {
	color: #7E7E7E;
	font: bold 25px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 20px;
	margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 27%;
}
#content h1:after {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h1:before {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
#content:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
	background: rgb(254,231,154);
	background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border: 1px solid #D69E31;
	color: #85592e;
	cursor: pointer;
	float: left;
	font: bold 15px Helvetica, Arial, sans-serif;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}
#content form input[type="submit"]:hover {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
    color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}
  .dropdowndiv1
  {
         margin: 25px 25px 25px 25px;
         border-radius: 10px;
         background:#003767;
  }
  
@import url("demo.css");

.example-wrapper {
    width: 40%;
    max-width: 600px;
    padding: 0 30px 40px 30px;
    margin: 20px auto;
}

.example-wrapper h3 {
    background: #5FDEEF;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
    border-radius: 10px 10px 0px 0px;
    padding: 13px 20px;
    font-size: 22px;
}

.demo-wrapper {
    padding: 15px 10px;
    background: #fff;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(241,241,241,0.1);
    border-top-color: rgba(241,241,241,0.1);
    border-bottom-color: rgba(241,241,241,241.1);
	border-radius: 0px 0px 10px 10px;
	
}

.code-wrapper {
    padding: 10px 10px 15px;
    display: block;
    background: #fff;
    background: rgba(22,22,22.06);
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.1);
	
}

.code-wrapper code {
    white-space: pre-wrap;
    //font-family: Monaco, Consolas, "Lucida Console", monospace;
    font-family: 'open sans';
    color: #444;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 22px;
}
.mac {
    display: block;
    border: none;
    border-radius: 3px;
	width:100%;
    padding: 15px 8px;
    color: #333;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.1);
}

.mac:focus {
    outline: none;
    box-shadow: 
        inset 0 2px 0 rgba(0,0,0,.2), 
        0 0 4px rgba(0,0,0,0.1), 
        0 0 5px 1px #51CBEE;
}
#userid {
    background-position: 10px 10px !important;
}
#userid {
    background-position: 10px 10px !important;
}
#userid {
    background-position: 10px 10px !important;
}
#userid {
    background-position: 10px 10px !important;
}
#fixed {
	position: fixed;
	bottom: 0;
	right: 0;
	max-width:250px;
	min-width: 200px;
	background-color: white;
	z-index:100000;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#topcontrol{display:none!important;}
.w-box{padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:3px 0;border-bottom:1px solid #CCC}
.w-header{position:relative;min-height:38px;background:#f7f7f7;background-color:#f8f8f8;background-image:-moz-linear-gradient(top,#fff,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:-o-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);color:#669fc7;border:1px solid #CCC;border-bottom:1px solid #DDD;padding-left:12px;text-align:right}
.w-header>.w-caption,.w-header>:first-child{line-height:36px;padding:0;margin:0;float:left;text-align:left}
.w-header>.w-caption>[class*="icon-"],.w-header>:first-child>[class*="icon-"]{margin-right:5px;font-weight:normal;display:inline-block}
.w-header-large>.w-caption,.w-header-large>:first-child{line-height:48px}
.w-header-small>.w-caption,.w-header-small>:first-child{line-height:30px}
.w-toolbar{display:inline-block;padding:0 10px;line-height:37px;position:relative;text-align:left}
.w-header-large>.w-toolbar{line-height:48px}
.w-header-small>.w-toolbar{line-height:29px}
.w-toolbar.no-padding{padding:0}
.w-toolbar.padding-5{padding:0 5px}
.w-toolbar:before{display:inline-block;content:"";position:absolute;top:3px;bottom:3px;left:-1px;border:1px solid #d9d9d9;border-width:0 1px 0 0}
.w-header-large>.w-toolbar:before{top:6px;bottom:6px}
[class*="header-color-"]>.w-toolbar:before{border-color:#EEE}
.header-color-orange>.w-toolbar:before{border-color:#FEA}
.header-color-dark>.w-toolbar:before{border-color:#222;box-shadow:-1px 0 0 rgba(255,255,255,0.2),inset 1px 0 0 rgba(255,255,255,0.1)}
.w-toolbar.no-border:before{display:none}
.w-toolbar label{display:inline-block;vertical-align:middle;margin-bottom:0}
.w-toolbar>a{font-size:14px;margin:0 1px;display:inline-block;padding:0;line-height:24px}
.w-toolbar>a:hover{text-decoration:none}
.w-header-large>.w-toolbar>a{font-size:15px;margin:0 1px}
.w-toolbar>.btn{line-height:27px;margin-top:-2px}
.w-toolbar>.btn.smaller{line-height:26px}
.w-toolbar>.btn.bigger{line-height:28px}
.w-toolbar>.btn-small{line-height:24px}
.w-toolbar>.btn-small.smaller{line-height:23px}
.w-toolbar>.btn-small.bigger{line-height:25px}
.w-toolbar>.btn-mini{line-height:22px}
.w-toolbar>.btn-mini.smaller{line-height:21px}
.w-toolbar>.btn-mini.bigger{line-height:23px}
.w-toolbar>.btn-minier{line-height:18px}
.w-toolbar>.btn-minier.smaller{line-height:17px}
.w-toolbar>.btn-minier.bigger{line-height:19px}
.w-toolbar>.btn-large{line-height:36px}
.w-toolbar>.btn-large.smaller{line-height:34px}
.w-toolbar>.btn-large.bigger{line-height:38px}
.w-toolbar-dark{background:#444}
.w-toolbar-light{background:rgba(255,255,255,0.85)}
.w-toolbar>[data-action]>[class*="icon-"]{margin-right:0}
.w-toolbar>[data-action]:focus{text-decoration:none}
[class*="header-color-"]>.w-toolbar>[data-action]{text-shadow:0 1px 1px rgba(0,0,0,0.2)}
[class*="header-color-"]>.w-toolbar>[data-action="settings"]{color:#d3e4ed}
[class*="header-color-"]>.w-toolbar>[data-action="reload"]{color:#deead3}
[class*="header-color-"]>.w-toolbar>[data-action="collapse"]{color:#e2e2e2}
[class*="header-color-"]>.w-toolbar>[data-action="close"]{color:#ffd9d5}
.header-color-orange>.w-toolbar>[data-action]{text-shadow:none}
.header-color-orange>.w-toolbar>[data-action="settings"]{color:#559aab}
.header-color-orange>.w-toolbar>[data-action="reload"]{color:#7ca362}
.header-color-orange>.w-toolbar>[data-action="collapse"]{color:#777}
.header-color-orange>.w-toolbar>[data-action="close"]{color:#a05656}
.w-toolbar>[data-action="settings"],.header-color-dark>.w-toolbar>[data-action="settings"]{color:#99cadb}
.w-toolbar>[data-action="reload"],.header-color-dark>.w-toolbar>[data-action="reload"]{color:#acd392}
.w-toolbar>[data-action="collapse"],.header-color-dark>.w-toolbar>[data-action="collapse"]{color:#aaa}
.w-toolbar>[data-action="close"],.header-color-dark>.w-toolbar>[data-action="close"]{color:#e09e96}
.w-body{border:none;border-top:0;background-color:#FFF}
.w-main{padding:12px}
.w-main.padding-32{padding:32px}
.w-main.padding-30{padding:30px}
.w-main.padding-28{padding:28px}
.w-main.padding-26{padding:26px}
.w-main.padding-24{padding:24px}
.w-main.padding-22{padding:22px}
.w-main.padding-20{padding:20px}
.w-main.padding-18{padding:18px}
.w-main.padding-16{padding:16px}
.w-main.padding-14{padding:14px}
.w-main.padding-12{padding:12px}
.w-main.padding-10{padding:10px}
.w-main.padding-8{padding:8px}
.w-main.padding-6{padding:6px}
.w-main.padding-4{padding:4px}
.w-main.padding-2{padding:2px}
.w-main.padding-0{padding:0}
.w-main.no-padding{padding:0}
.w-toolbar .progress{vertical-align:middle;display:inline-block;margin:0}
.w-toolbar>.dropdown,.w-toolbar>.dropup{display:inline-block}
.w-toolbar>.dropdown>.dropdown-menu:before,.dropdown-menu.dropdown-caret:before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;left:9px;position:absolute;top:-7px}
.w-toolbar>.dropdown>.dropdown-menu:after,.dropdown-menu.dropdown-caret:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;left:10px;position:absolute;top:-6px}
.w-toolbar>.dropdown>.dropdown-menu.pull-right:before,.dropdown-menu.pull-right.dropdown-caret:before{left:auto;right:9px}
.w-toolbar>.dropdown>.dropdown-menu.pull-right:after,.dropdown-menu.pull-right.dropdown-caret:after{left:auto;right:10px}
.w-header[class*="header-color-"]{color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.header-color-blue{background:#307ecc;border-color:#307ecc}
.header-color-blue+.w-body{border-color:#307ecc}
.header-color-blue2{background:#5090c1;border-color:#5090c1}
.header-color-blue2+.w-body{border-color:#5090c1}
.header-color-blue3{background:#6379aa;border-color:#6379aa}
.header-color-blue3+.w-body{border-color:#6379aa}
.header-color-green{background:#82af6f;border-color:#82af6f}
.header-color-green+.w-body{border-color:#82af6f}
.header-color-green2{background:#2e8965;border-color:#2e8965}
.header-color-green2+.w-body{border-color:#2e8965}
.header-color-green3{background:#4ebc30;border-color:#4ebc30}
.header-color-green3+.w-body{border-color:#4ebc30}
.header-color-red{background:#e2755f;border-color:#e2755f}
.header-color-red+.w-body{border-color:#e2755f}
.header-color-red2{background:#e04141;border-color:#e04141}
.header-color-red2+.w-body{border-color:#e04141}
.header-color-red3{background:#d15b47;border-color:#d15b47}
.header-color-red3+.w-body{border-color:#d15b47}
.header-color-purple{background:#7e6eb0;border-color:#7e6eb0}
.header-color-purple+.w-body{border-color:#7e6eb0}
.header-color-pink{background:#ce6f9e;border-color:#ce6f9e}
.header-color-pink+.w-body{border-color:#ce6f9e}
.header-color-orange{background:#ffc657;border-color:#e8b10d;color:#855d10!important}
.header-color-orange+.w-body{border-color:#e8b10d}
.header-color-dark{background:#404040;border-color:#454545}
.header-color-dark+.w-body{border-color:#666}
.header-color-grey{background:#848484;border-color:#989898}
.header-color-grey+.w-body{border-color:#aaa}
.w-box.light-border>[class*="header-color-"]+.w-body{border-color:#d6d6d6!important}
.w-box.no-border{border-bottom:0}
.w-box.no-border>.w-body{border:0}
.w-box.transparent{border:0;box-shadow:none}
.w-box.transparent>.w-header{background:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:0;border-bottom:1px solid #dce8f1;color:#4383b4;padding-left:3px}
.w-box.transparent>.w-header-large{padding-left:5px}
.w-box.transparent>.w-header-small{padding-left:1px}
.w-box.transparent .w-body{border:0;background-color:transparent}
.w-box.transparent .w-main.no-padding-left{padding-left:0}
.w-box.transparent .w-main.no-padding-right{padding-right:0}
.w-box.transparent .w-main.no-padding-top{padding-top:0}
.w-box.transparent .w-main.no-padding-bottom{padding-bottom:0}
.w-body .table{border-top:1px solid #e5e5e5}
.w-body .table thead:first-child tr{background:#FFF}
[class*="header-color-"]+.w-body .table thead:first-child tr{background:#f2f2f2;background-color:#f3f3f3;background-image:-moz-linear-gradient(top,#f8f8f8,#ececec);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ececec));background-image:-webkit-linear-gradient(top,#f8f8f8,#ececec);background-image:-o-linear-gradient(top,#f8f8f8,#ececec);background-image:linear-gradient(to bottom,#f8f8f8,#ececec);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0)}
.w-body .table.table-bordered thead:first-child>tr{border-top:0}
.w-main.no-padding .table,.w-main.padding-0 .table{margin-bottom:0;border:0}
.w-main.no-padding .table-bordered th:first-child,.w-main.padding-0 .table-bordered th:first-child,.w-main.no-padding .table-bordered td:first-child,.w-main.padding-0 .table-bordered td:first-child{border-left-width:0}
.w-body .alert:last-child{margin-bottom:0}
.w-main .tab-content{border:0}
.w-toolbar>.nav-tabs{border-bottom:0;margin-bottom:0;position:relative;top:5px}
.w-toolbar>.nav-tabs>li>a{box-shadow:none}
.w-toolbar>.nav-tabs>li:not(.active)>a{border-color:transparent;background-color:transparent}
.w-toolbar>.nav-tabs>li:not(.active)>a:hover{background-color:transparent}
.w-toolbar>.nav-tabs>li.active>a{background-color:#FFF;border-bottom-color:transparent;box-shadow:none}
.w-header-small>.w-toolbar>.nav-tabs{top:5px}
.w-header-small>.w-toolbar>.nav-tabs>li>a{line-height:16px;padding-top:6px;padding-bottom:6px}
.w-header-small>.w-toolbar>.nav-tabs>li.active>a{border-top-width:2px;margin-top:-1px}
.w-header-large>.w-toolbar>.nav-tabs{top:8px}
.w-header-large>.w-toolbar>.nav-tabs>li>a{line-height:22px;padding-top:9px;padding-bottom:9px}
[class*="header-color-"]>.w-toolbar>.nav-tabs>li>a{border-color:transparent;background-color:transparent;color:#FFF;margin-right:1px}
[class*="header-color-"]>.w-toolbar>.nav-tabs>li>a:hover{background-color:#FFF;color:#555;border-top-color:#FFF}
[class*="header-color-"]>.w-toolbar>.nav-tabs>li.active>a{background-color:#FFF;color:#555;border-top-width:1px;margin-top:0}
.header-color-orange>.w-toolbar>.nav-tabs>li>a{color:#855d10}
.transparent .w-toolbar>.nav-tabs>li>a{color:#555;background-color:transparent;border-right:1px solid transparent;border-left:1px solid transparent}
.transparent .w-toolbar>.nav-tabs>li.active>a{border-top-color:#4c8fbd;border-right:1px solid #c5d0dc;border-left:1px solid #c5d0dc;background-color:#FFF;box-shadow:none}
.w-toolbox{background-color:#EEE}
.w-toolbox:first-child{padding:2px;border-bottom:1px solid #CCC}
.w-toolbox:last-child{padding:2px;border-top:1px solid #CCC}
.transparent .w-toolbox:last-child{border:0;border-top:1px solid #CCC}
.w-toolbox>.btn-toolbar{margin:0;padding:0}
.w-toolbox.center{text-align:center}
.w-toolbox.padding-16{padding:16px}
.w-toolbox.padding-14{padding:14px}
.w-toolbox.padding-12{padding:12px}
.w-toolbox.padding-10{padding:10px}
.w-toolbox.padding-8{padding:8px}
.w-toolbox.padding-6{padding:6px}
.w-toolbox.padding-4{padding:4px}
.w-toolbox.padding-2{padding:2px}
.w-toolbox.padding-0{padding:0}
.w-box-layer{position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.3);text-align:center}
.w-box-layer>[class*="icon-"]{position:relative;top:35%}
.w-box-layer>.icon-spin{-moz-animation-duration:1.2s;-webkit-animation-duration:1.2s;-o-animation-duration:1.2s;-ms-animation-duration:1.2s;animation-duration:1.2s}
.w-main>form{margin-bottom:0}
.w-main>form .input-append,.w-main>form .input-prepend{margin-bottom:0}
.w-main.no-padding>form>fieldset,.w-main.padding-0>form>fieldset{padding:16px}
.w-main.no-padding>form>fieldset+.form-actions,.w-main.padding-0>form>fieldset+.form-actions{padding:10px 0 12px}
.w-main.no-padding>form>.form-actions,.w-main.padding-0>form>.form-actions{margin:0;padding:10px 12px 12px}
.w-placeholder{border:2px dashed #d9d9d9}

#wrapper {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#wrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 6;
}
.outline {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	box-shadow: none;
	padding: 15px 15px 0;
}
.outline {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-clip: padding-box;
	border-color: rgba(100, 100, 100, 0.6);
	border-image: none;
	border-radius: 10px 10px 0 0;
	border-style: solid;
	border-width: 1px 1px 0;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2) inset;
	padding: 6px;
}
