/*
@@@@@@@@@@@@@@@@@@@@@@
BUTTON
@@@@@@@@@@@@@@@@@@@@@@

	about				Small bits of code used in a webpage
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	tool
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ hr
		..........................................................................*/

			.hr{border-top:1px solid #e8e8e8; margin:45px 0; }

		/*+ breadcrumb
		..........................................................................*/

			.breadcrumb{background:none; font-size:12px; padding:0px 0px 0px 0px; }
			.breadcrumb a{color:#b6b6b6; }

		/*+ well
		..........................................................................*/

			.well{padding:5px 10px; margin:0px 0px 10px 0px;  background:none repeat scroll 0 0 #fff;  box-shadow:none; border-radius:0px;}
			.well:last-child{margin:0px 0px 0px 0px; }
			
			.well.light{padding:10px 10px; background-color:#ffffff; }
			.well.dark{border:1px solid #ddd; padding:15px 15px; background-color:#f0f4ff; background-image: none;}
			.well.gradient{border:1px solid #e0e0e0; }

                        .welltab { display:inline; padding:5px 10px; margin:0px 1px 10px 0px;  border:1px solid #cccccc; min-height:20px;background-color:#fff; }
                        .welltab.current { border-bottom: 1px solid #F0F4FF;background-color:#F0F4FF; font-weight: bold;  }
                        .light .pagination ul>li>a { background: #EEEEEE ;              
                        }
                        .light .pagination ul>li>a:hover { background: #f5f5f5 ;              
                        }
                        
		/*+ form
		..........................................................................*/
			
			form{margin:0px 0px 0px 0px;}
			
			form label{font-size:12px; margin:0px 0px 0px 0px;   }
			form textarea{display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			form textarea, input[type="text"], input[type="password"]{ vertical-align:middle; font-size:11px; line-height:1; height:auto; padding:5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 
			
			form select{width:100%; font-size:12px; height:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

			form .inline{margin:0px 0px 10px 0px; }
			form .inline input{margin:0px 0px 0px 0px; }
			
			form .block{display:block; width:100%;}


.alert-box {
	color:#555;
	border-radius:3px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:12px;
        padding:10px 36px;
       
}
.alert-box span {
	font-weight:bold;
	
}
.error {
	background:#ffecec url('https://d1o1tw4jx4uh52.cloudfront.net/img/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('https://d1o1tw4jx4uh52.cloudfront.net/img/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
        
}
.warning {
	background:#fff8c4 url('https://d1o1tw4jx4uh52.cloudfront.net/img/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('https://d1o1tw4jx4uh52.cloudfront.net/img/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}
.ptb { padding-bottom: 10px; padding-top: 10px; }


ul.dosdonts li {
 font-size:14px;
 padding: 3px 0px 3px 20px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
}
ul.dosdonts li.do {
    background: url(/img/success.png) no-repeat 0px 5px;
    
}

ul.dosdonts li.dont {
    background: url(/img/error.png) no-repeat 0px 5px;
}