/**********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************




      YOU DONT NEED THIS CSS FILE FOR YOUR ENDPRODUCT !

	USED ONLY FOR THE DEMOS AND TOOLS HERE IN THIS FOLDER

				TO SHOW THE EXAMPLES.




***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************
***********************************************************/



/**********************************************************
					-	RESET	-
***********************************************************/

.toolpad * {
	 -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}


/***********************
	-	BASICS 	-
***********************/


 h2.redtitle	{	padding:9px 20px; width:100%; background:#e33a0c; color:#fff;  box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
 					margin-bottom:40px;
 }

 h2.nobottommargin	{	margin-bottom:0px;}
 .containerX		{	max-width:1170px;margin:auto;	}
 .clearX			{	clear:both;}
 .float-left	{	float:left;}
 .float-right	{	float:right;}
 .divide40		{	width:100%; height:40px;}
 .mb30			{	margin-bottom:30px;}
 .mlb30			{	margin-left:30px; margin-bottom:30px;}
 .mrb30			{	margin-right:30px; margin-bottom:30px;}

 .table.nbp		{	padding-bottom:0px;}
 .table-cell	{	display: table-cell; vertical-align: top; }
 .table-cell img{	width: 220px; }

 .lp30			{	padding-left:30px;}
 .rp30			{	padding-right:30px;}

 .boxed-content hr {	border:none; border-top:2px solid #eee; margin:0px -40px 40px;}
 hr.nohormargin	{	margin: -1px -1px 40px 0px}
 .one_third		{	width:32%; margin-right:1%; float:left;}
 .one_third.last{	margin-right:0;}



.prevnext		{	width:615px;height:23px;position: fixed; left:50%; margin-left:-272px;top:-2px;z-index:1000;

}

.prevnext a		{	background:#e33a0c;font-size:10px; text-decoration: none !important;  color:#fff !important;
					margin-right:2px;padding:3px 8px; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
}
.prevnext a.active,
.prevnext a:hover,
.prevnext a:hover *	{	color:#fff !important;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					  filter: alpha(opacity=100);
					  -moz-opacity: 1;
					  -khtml-opacity: 1;
					  opacity: 1;
					 }

input[type="button"] { background-color:#3498db; border:none; color:#fff; padding:7px 10px; cursor:pointer; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
input[type="button"]:hover  { background-color:#2980b9; border:none; color:#fff; padding:7px 10px;}

h2.changecolor	{	color:#E33A0C;}

h2.results		{	-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; }



/******************************
	-	SPECIALS	-
********************************/

.step { float: left; margin-right: 20px; margin-top: -10px; width: 40px; height: 40px; text-align: center; font-size: 15px; line-height: 40px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; /*border: 2px solid #e33a0c;*/ color: #fff; background: #e33a0c; }